@charset "UTF-8";
/*
Theme Name: 託児所 ハピネス
Theme URI: https://takujisyo-happiness.com/
Description: テンプレッコのテーマです。
Author: テンプレッコ
Author URI: https://template-co.com/
*/


#top_about img,.hukidasi img,#parenting img,.trouble li img,.teacher img,.bird img,.cloud_01 img,.cloud_02 img,.balloon_01 img,.balloon_02 img,#toy img,.cloud_10 img,.cloud_20 img{width: 100%;max-width: 100%;height: auto;}



.pad50{padding: 0 0 50px}
/*詳細ぺージ*/
.g_map{
	margin: 0 0 10px;
}
.store_box table{
	width: 100%;
	font-size: 14px;
	line-height: 1.8;
	border-top: 1px solid #BFBFBF;
	
}
.store_box table th{
	background-color: #f6f4ee;
	width: 13%;
	font-weight: normal;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	text-align: center;
	padding: 15px;
	vertical-align: middle;
}
.store_box table td{padding: 15px;width: 37%;border-bottom: 1px solid #BFBFBF;border-left: 1px solid #BFBFBF;border-right: 1px solid #BFBFBF;vertical-align: middle;}

.the_day{
	background-color: #D6F1FF;
	padding: 30px;
	border-radius: 10px;
	margin: 50px 0 80px;
	position: relative;
}
.the_day h3{
	margin-bottom: 30px;
font-size: 20px;
font-weight: 900 !important;
border-bottom-width: 1px;
	text-align: center;
}
.the_day ul{text-align: center;}
.the_day li {display: inline-block;}
.bird10{position: absolute;top: -30px;left: 0;width: 100px;}
.tree10{position: absolute;bottom: -30px;right:  0;width: 100px;}
.shop{margin: 0 0 50px;	}
.mainImage{
	margin-bottom: 30px;
	width: 100%;
}
.thumbnails li{display: inline-block;}
.thumbnails img{
	width: 105px;
	border: 1px solid #EBEBEB;
	padding: 3px;
	margin: 0 3px 10px;
	vertical-align: top;
}
.shop{margin: 0 0 50px;	}


/***********************************
料金/店舗一覧
************************************/
#shop_guide{position: relative;}
.ison_staff{position: absolute;bottom: -10px;right: 0;width: 30%;}
.ao_box{
	border: 3px solid #e2dad5;
	padding: 25px;
	overflow: hidden;
	clear: both;
	margin: 30px 0 50px;
	border-radius: 8px;
}
.pricebox li{
	background-image: url(images/shop/icon_04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 8px;
	padding: 0 0 5px 20px;
	margin: 0 0 5px 0;
	line-height: 1.8em;
	border-bottom: 1px dotted #A6A6A6;
}
.pricebox li:last-child{
	border-bottom: none;
	padding: 0 0 0 20px;
	margin: 0 ;

}
.pricebox a{
	text-decoration: none;
	color: #333 !important;
}
.pricebox a:hover{text-decoration: none;}
.shop h2{
	padding: 7px 15px;
	color: #fff;
	border-radius: 10px;
	margin: 0 auto 20px;
	font-size: 18px;
	background-image: url(common/images/blue_bk.jpg);
	background-repeat: repeat;
}
.shop .shop_box:last-child{border-bottom: none;}
.shop_box{
	overflow: hidden;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px dashed #BFBFBF;
}
.shop_box::after{content: '';clear: both;display: block;}
.shop_box .left{width: 64%;margin: 0 3% 0 3%;}
.shop_box .left .shop_dl dt{font-weight: bold;margin-bottom: 5px;}
.shop_box .left .shop_dl dd{font-size: 14px;line-height: 1.8}
.shop_sns li{display: inline-block; width: 28px;margin: 10px 0 0;}
.shop_sns li:last-child{margin: 0 0 0 10px}
.shop_box .right{width: 30%;}
.shop_details li a{
	padding: 12px 20px 12px 60px;
	color: #FFFFFF !important;
	background-repeat: no-repeat;
	background-position: left 18px center;	
	margin: 0 0 5px;
	border-radius: 5px;
	display: block;
	line-height: 1.6;
	font-size: 14px;
}
.store a{
	background-color: #FF7071;
	background-size: 20px 20px;
	background-image: url(images/shop/icon_arrow.png);}
.line a{
	background-color: #00B000;
	background-size: 22px 22px;
	background-image: url(images/shop/icon_line.png);
}
.web a{
	background-color: #00A6DE;
	background-size: 22px 22px;
	background-image: url(images/shop/icon_schedule.png);
}

@media screen and (max-width:768px){
/*詳細ぺージ*/
.the_day li {margin: 0 5px 0 5px;}
}

@media screen and (max-width:640px){
.ison_staff{bottom: -30px;width: 35%;}
.shop_box .left{width: 94%; margin: 0 3% 20px;}
.shop_box .right{width: 100%;}
.shop_details li a{width: 60%; margin: 0 auto 8px;}
/*詳細ぺージ*/
.store_box table .shop_item{
	display: block;
}
.the_day li {margin: 0 0 10px 0;display:block;}
.the_day {
    margin: 50px 0 50px;
}
.bird10 {
    top: -30px;
    left: -20px;
    width: 80px;
}
.mainImage {
    margin-bottom: 10px;
}
.thumbnails img{
	width:80px;
	vertical-align: top;
}
}










/***********************************
追加TOP 2021/2
************************************/
#sora{
	background-image: url(images/top_bk02.jpg);
    background-repeat:repeat-x;
	background-size: cover;
}

.top_bk{
	background-image: url(images/top_bk.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.top_bk span {
    display: block;
    padding: 20px 0 20px;
}
#top_about{
	text-align: center;
	padding: 0px 0 80px;
	position: relative;
}
#top_about h2{
	font-size: 40px;
	margin-bottom: 30px;
	 text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
	font-family: "kei";
	padding: 50px 0 0;
}
#top_about h2 span{
	width: 35%;
	display: block;
	margin: 0 auto 20px;
}
#top_about .text_ara p {
    max-width: 450px;
    margin: auto;
    width: calc(100% - 30px);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 3em;
    position: relative;
}
#top_about .text_ara p::before {
    content: " ";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    border: none;
    background: -webkit-linear-gradient(right,#4b3f38 0,#4b3f38 20%,transparent 20%,transparent 100%);
    background: linear-gradient(to left,#4b3f38 0,#4b3f38 20%,transparent 20%,transparent 100%);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-position: 2px top;
    background-repeat: repeat-x;
    background-size: 10px 2px;
}
.timepraice{font-size: 26px;font-weight: bold;display: inline-block;margin: 30px 0 0;}
.timepraice span{font-size: 18px;}
.corona{
	padding: 30px;
	border: 3px solid #FF6666;
	background-color: #FFFFFF;
	width: 80%;
	margin: 50px auto 0;
	border-radius: 15px;
	text-align: left;
	background-image: url(images/tori_02.png);
	background-repeat: no-repeat;
	background-position: right 60px  bottom 30px;
	background-size: 79px 88px;
}
.corona p{font-weight: bold;}
.corona .btn03 a{
	width: 30%;
	margin: 20px auto 0;
	display: block;
	text-align: center;
}
.welcom{position: absolute;
bottom: 320px;
right: calc(50% + 220px);
width:221px }
.point_top_01{position: absolute;top: -80px;  left: 0;right: 0;margin:0 auto;width:188px }
.cloud_10 {
    width: 200px;
    position: absolute;
    top: -80px;
    right: calc(50% + 400px);
}
.concept_box .box{
	position: relative;
	padding: 120px 0 0;
}
 .box iframe{
	width: 518px;
	height: 319px;
	margin: 0 0 150px;
}
.hukidasi{
	position: absolute;
	top: -20px;
	  left: 0;
  right: 0;
  margin:0 auto;
	width: 450px;
}
/*子育て*/
#parenting{
	padding: 80px 0 15px;
	background-image: url(common/images/greeen_bk.jpg);
	background-repeat: repeat;
	text-align: center;
	position: relative;
}
#parenting .box_era{overflow: hidden;}
#parenting .box_era .left{width: 45%; text-align: center;position: relative;}
#parenting .box_era .left img{width: 80%;margin: auto;}
#parenting .box_era .right{width: 45%;text-align: left;}
#parenting .box_era .right h3{color:#FF9400;font-size:21px;margin: 0 0 30px;}
.mama_voice {width: 80%; margin: 50px auto 0}

/*教室*/
#toy .inner{position: relative;}
.kosodate{
	width: 35%;
	display: block;
	margin: 0 auto 20px;
}
.event_ara{margin: 70px 0;}
.event_ara li{width: 30%;position: relative;}
.event_ara li h3{width: 90px;position: absolute;top: -20px;left: -20px;}
.event_ara .event_photo img{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.event_ara .box{
	overflow: hidden;
	padding: 20px;
	background-color: #FFFFFF;
	border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
}
.event_ara .box dl{display: inline-block;width: 65%;vertical-align: top;text-align: left;}
.event_ara .box dt{font-size: 12px;padding: 5px;background-color: #CDC8C4;display: inline;border-radius: 3px;}
.event_ara .box dd{font-size: 14px;line-height: 1.8;}
.event_ara .box .teacher{display: inline-block;width: 30%;vertical-align: top;text-align: right;}
.drum{position: absolute;top: 20px;left: calc(50% + 280px);width: 62px}
.note_left{width: 185px;position: absolute;top: 20px;left:0;}
.note_right{width: 110px;position: absolute;top: 20px;right:0;}
@media screen and (max-width: 900px){	
.welcom {
    bottom: 350px;
	left: 0;
    right: auto;
    width: 162px;
}
}
@media screen and (max-width: 768px){
#top_about {
    padding: 0px 0 50px;
}
#top_about h2 span {
    width: 50%;
}
#top_about h2 {
    font-size: 33px;
}
.point_top_01 {
    top: -50px;
	width: 160px
}
.welcom {
    width: 122px;
}
.corona .btn03 a {
    width: 50%;
}

/*子育て*/	
#parenting .box_era .left,#parenting .box_era .right{width: 100%; float: none;margin: 0 0 30px;}
#parenting .box_era .left img{width: 80%;margin: auto;}
#parenting .box_era .right h3{font-size:18px;margin: 0 0 10px; }
	

}
@media screen and (max-width: 640px){
#top_about {
    padding: 0px 0 30px;
}
#top_about h2 {
    font-size: 28px;
	margin-bottom: 20px;
	line-height: 1.5;
}
#top_about h2 span {
    width: 80%;
	margin: 0 auto 0;
}
#top_about .text_ara p {
    font-size: 16px;
}
.timepraice {font-size: 20px;}
.timepraice span {font-size: 14px;}
.welcom {
    bottom: auto;
    left: 0px;
    right: auto;
	top: 380px;
	width: 92px;
}
.corona {
    background-position: right 15px bottom 100px;
    background-size: 47px 52px;
	font-size: 14px;
}
.corona .btn03 a {
    width: 85%;
}
.box iframe{
	width: 90%;
	height: 200px;
	margin: 0 0 40px;
}
.concept_box .box {
    padding: 100px 0 0;
}
.hukidasi{
	width: 100%;
}

/*子育て*/
#parenting{padding: 40px 0 10px;}
#parenting .box{margin: 35px 0 0;}
.mama_voice {width: 95%; margin: 30px auto 0}	
/*教室*/
.kosodate {
    width: 50%;
    margin: 0 auto 5px;
}
.event_ara .box {
    padding: 10px 20px;
}
.event_ara {margin: 30px 0 0;}
.event_ara li {
    width: 100%;
	margin: 0 0 40px;
}
.event_ara li h3 {
    width: 80px;
    top: -20px;
    left: 10px;
}	
.drum{top: 90px;left: auto;width: 30px;right: 10px;}
.note_left{width: 100px;top: -20px;left:-20px;}
.note_right{width: 60px;top: -30px;right:0;}
}
@media screen and (max-width: 320px){
#top_about h2 span,.hukidasi {
    width: 100%;
}
.point_top_01 {
    width: 140px;
}

}
/***********************************
ハピネスのミッション
************************************/
#motion{
	padding: 110px 30px 50px;
	background-image: url(images/motion/t_bk.png), url(images/motion/t_bk02.png);
	background-repeat: no-repeat;
	background-position: center top,center bottom 10px;
	background-size: 100% auto;
	background-color: #FFFFC2;	
	max-width:650px;
	position: relative;
}
#motion .all_title{
	border-bottom: 2px dotted #000000;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
#motion .textera01{
	overflow: hidden;
	margin: 30px 0 50px;
}
#motion .textera01 .left{
	width: 32%;
	margin: 20px 0 0 ;
}
#motion .textera01 .right{
	width: 65%;
	margin: 0 0 0 3%;
}
.chird_01{
	width: 146px;
	height: auto;
	position: absolute;
	top: 50px;
	right: 30px;
}
#posture{
	position: relative;
	padding: 40px 0 0;
}
#posture h2{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 20px;
	font-weight: 900 !important;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	background-image: url(images/motion/ribon_bk.png);
}
#posture .b_box{
	padding: 80px 30px 50px;
}
#posture .box{
	overflow: hidden;
	padding: 0 0 50px;
	margin: 0 0 50px;
	border-bottom: 1px dashed #000000;
}
#posture .box:last-of-type{
	margin: 0;
	border-bottom: none;
}
#posture .box .left{
	width: 65%;
	position: relative;
}
#posture .box .right{
	width: 32%;
	margin: 0 0 0 3%;
}
#posture .box h3{
	font-size: 18px;
	padding: 10px 0 10px 50px;
	line-height: 1.8em;
	background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 40px;
}
.no_01_o {
	background-image: url(images/motion/no_01.png);
}
.no_02_p {
	background-image: url(images/motion/no_02.png);
}
.no_03_g {
	background-image: url(images/motion/no_03.png);
}
.no_04_b {
	background-image: url(images/motion/no_04.png);
}
.roly_poly{
	width: 73px;
	height: auto;
	position: absolute;
	bottom: -20px;
	right: 30px;
}
.worm{
	width: 100px;
	height: auto;
	position: absolute;
	bottom: -50px;
	right: 30px;
}
.mountain{
	width: 120px;
	height: auto;
	position: absolute;
	bottom: -60px;
	right: 30px;
}
.motion_box{
	margin: 20px 0 50px;
	clear: both;
}
.motion_box .btn02 a{
	margin: 20px auto 0;
	width: 40%;
	display: block;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000 !important;
	text-decoration: none;	
}
.motion_box .btn02 a:hover,.motion_link .btn02 a:hover{text-decoration: none !important;	
	
}
.motion_movies{
	overflow: hidden;
	margin: 0 0 50px;
}
.motion_movies .left{
	width: 65%;
    margin: 0 3% 0 0;
}
.motion_movies .right{
	width: 32%;
}
.motion_link{
	text-align: center;
	margin: 0px auto 0;
	overflow: hidden;
	clear: both;
}
.motion_link .btn02 a{
	display:block;
	background-color: #FFFFFF;
	color: #000000 !important;
	text-decoration: none;	
	margin: auto 2%;
	width: 37%;
	float: left;
}


@media screen and (max-width: 1000px){
#posture h2 {
   background-size: 100% 150px;
}
}

@media screen and (max-width: 640px){	
#motion {
    padding: 65px 15px 30px;
}
#motion .textera01 .left{
	width: 100%;
	margin: 0px 0 30px ;
}
#motion .textera01 .right,.motion_movies .right{
	width: 100%;
	margin: 0;
}
.motion_movies .left{
	width: 100%;	
}
.chird_01 {
    width: 100px;
    top: 30px;
    right: 0px;
}
#posture h2{
	background-size: 100% 150px;
	font-size: 18px;
	padding: 10px 20px;
}
#posture .b_box {
    padding: 80px 15px 50px;
}
#posture .box{
	padding: 0 0 30px;
	margin: 0 0 30px;
}
#posture .box .left{
	width: 100%;
	margin: 0 0 50px;
}
#posture .box .right{
	width: 100%;
	margin: 0;
}
#posture .box:last-of-type{
	padding: 0;
}
.roly_poly{
	bottom: -26px;
}
.worm{
	bottom: -40px;
	right: 30px;
}
.mountain{
	width: 100px;
	bottom: -30px;
	right: 30px;
}
.motion_box {
    margin: 20px 0 50px;
}
.motion_box .btn02 a {
    width: 70%;
}
.motion_movies .right{
	margin: 0 0 20px;	
}

.motion_link .btn02 a{
	margin: 0 auto 20px;
	width: 70%;
	float: none;
}		
}
@media screen and (max-width: 320px){
#motion {
    padding: 60px 15px 30px;
}
.chird_01 {
    width: 80px;
    top: 20px;
}
.motion_link .btn02 a {
    width: 90%;
	padding: 12px 3% 10px;
}
}
/***********************************
ハピネスのミッション
************************************/
#mission{
	background: linear-gradient(rgba(222, 240, 254, 1), rgba(222, 240, 254, 0.2));
	padding: 30px 0 0;
	position: relative;
}
#mission .w_box{
	margin: 0 30px 0px;
	position: relative;
}
.bird_03{
	position: absolute;
	bottom: 0;
	right: 80px;
	width: 60px;
	height: auto;
}
.balloon_03{
	position: absolute;
	top: 0px;
	left: 100px;
	width: 70px;
	height: auto;
}
#action{
	padding: 0px 0 150px;
	background-color: #def0fe;
	background-image: url(images/hill.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
#action .btn a {
    width: 40%;
    display: block;
    margin: 30px auto 0;
	color: #5aade6 !important;
text-decoration: none !important;
	text-align: center;
}
#action .btn a:hover {
	color: #FFFFFF !important;
text-decoration: none !important;
}
#action .b_box{
	margin: 0 30px;
	padding: 50px 30px 50px;
}
#action .box{
	margin: 40px 0 0;
}
@media screen and (max-width: 640px){
#mission .w_box {
    margin: 0 15px 0px;
}
.bird_03{
	right: 30px;
}
.balloon_03{
	top: 0px;
	left: 30px;
	width: 60px;
}
#action {
    padding: 0px 0 120px;
}
#action .btn a {width: 60%;
	}
#action .b_box {
    margin: 0 15px;
    padding: 50px 15px 50px;
}	
}

/***********************************
ご予約受付フォーム
************************************/
#yoyaku{
margin-bottom: 50px;
}
#yoyaku h2{
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
	
}
#yoyaku .btn03 {margin: 20px auto 0;text-align: center;}
#yoyaku .btn03 a {
    color: #fff!important;
	display: inline-block;
}
/*
#yoyaku .box{
		background-color:#f6f4ee;
	padding: 30px;
	border-radius: 10px;
}
#yoyaku .box ul{
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#yoyaku .box ul li{
	width: 48%;
}
#yoyaku .box ul li dl{
	text-align: center;
}
#yoyaku .box ul li dt{
	text-align: center;
	background-color: #f39aa6;
padding: 7px 15px;
border-radius: 10px;
margin: 0 auto 20px;
font-weight: bold;
	color: #fff;
}
#yoyaku .box ul li dd{}
.big_tel02{
	font-size: 26px;
	font-weight: bold;
	word-wrap: break-word;
overflow-wrap: break-word;
}
*/
.font13{
	font-size: 13px;
}
.qr{
	width: 30%;
	margin: 0 auto 20px;
}
#yoyaku .font12 {
    line-height: 1.5em;
}
.gohan{
	margin: 10px 0 0 ;
	
}
.gohan li{
	line-height: 1.8em;
	  padding-left: 1em;
  text-indent: -1em;
	font-size: 12px;
}
@media screen and (max-width: 640px){
#yoyaku .btn03 a {
    color: #fff!important;
	margin: 20px auto 0;
	display: inline-block;
	width: 70%;
}/*
#yoyaku .box ul li{
	width: 100%;
	margin-bottom: 20px;
}
#yoyaku .box ul li:last-child {
    margin-bottom: 0px;
}*/
.big_tel02{
	font-size: 20px;
}
.qr{
	width: 40%;
}		
}
/***********************************
遊びで育む力
************************************/
.p_title{
	background-image: url(images/power/power_bk.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-size: 100% auto;
	position: relative;
	margin-bottom: 40px;
}
.power_title{
	width: 400px;
	margin: auto;
	display: block;
}
.p_title p{
	text-align: center;
}
.power01{
	position: absolute;
	bottom: -40px;
	right: 20px;
	width: 90px;
}
#classroom{
	background-color: #fff;
	box-shadow: 0 0 8px #DFDFDF;
	width: 90%;
	margin: auto auto 50px;
	padding: 30px 4%;
}
#classroom::after{
	content: "";
	clear: both;
}
#classroom .box{
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
padding: 0 0 25px;
border-bottom: dotted 3px
#000;
}
#classroom .box:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}

#classroom .box dl{
	float: left;
	width: 55%;
	position: relative;
}
#classroom .box dt{
	font-size: 21px;
	margin-bottom: 10px;
	padding: 0 0 0 80px;
		background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 60px;
}
#classroom .box dt span{
	display: block;
	font-size: 14px;
}
#classroom .box dd{}
.deco{
	position: absolute;
	top: 10px;
	right: 70px;
	width: 50px;
}
.power_img{
	float: right;
	width: 40%;
	margin: 50px auto 0;
}
.blue_pow dt{
	color: #0080c9;
	background-image: url(images/power/no_01.jpg);
}
.pink_pow dt{
	color: #ff759f;
	background-image: url(images/power/no_02.jpg);
}
.green_pow dt{
	color: #008050;
	background-image: url(images/power/no_03.jpg);
}
.green_pow .deco{
	width: 35px;
}
.orange_pow dt{
	color: #fac126;
	background-image: url(images/power/no_04.jpg);
}
.purple_pow dt{
	color: #835c96;
	background-image: url(images/power/no_05.jpg);}
.last_b{
	border-bottom: none  !important;
}
/*大歓迎*/
.wellcome{
	border: 2px solid #1eb0e5;
	padding: 20px 30px;
	background-color: #ffffe3;
	border-radius: 10px;
	position: relative;
}
.bo{
	overflow: hidden;
}
.wellcome .box{
	overflow: hidden;
}
.wellcome .box::after{
	content: "";
	clear: both;
}
.wellcome h3{
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center;
}
.wellcome p{
	float: right;
	width: 65%;
	font-size: 14px;
	line-height: 1.8em;
}
.wellcome .staff_well{
	float: left;
	width: 30%;
}
.left_hata{
	position: absolute;
	top: -20px;
	left: 50px;
	width: 100px;
}
.right_hata{
	position: absolute;
	top: -20px;
	right: 50px;
	width: 100px;
}
.pink03{
	color: #f07187;
}
#classroom .box{}
/*最も大切にしている事*/
#mostimptant{
	background-image: url(images/power/mostimpt_bk.png),url(images/power/bg-contents.gif);
	background-repeat: no-repeat,repeat;
	background-position: center top 30px,center top;
	background-size: 100% auto,auto 10px;
	padding: 40px 30px 30px;
border-radius: 10px;
}
#mostimptant .most_title{
	padding: 0 0 100px;
	position: relative;

}
.mostimpt01{
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	z-index: 2;
}
#mostimptant .pri_box{
	padding: 120px 30px 80px;
	margin:  0 0 50px;
	
}
#mostimptant h3 {
	padding: 7px 15px;
	color: #fff;
	border-radius: 10px;
	margin: 0 auto 20px;
	font-size: 18px;
	background-image: url(common/images/blue_bk.jpg);
	background-repeat: repeat;
}
#mostimptant h3 span{
	display: block;
	font-size: 13px;
	line-height: 1.8em;
}
.rule{
	color:#0080d3;
	font-size: 18px;
}
.rule li{
	border-bottom: dotted 3px #000;
	padding: 10px 0 10px;
	line-height: 2em;
}
.mostimpt02{
	width: 90%;
	margin: auto;
}
.cidren{
	background-repeat: no-repeat;
	background-image: url(images/power/mostimpt07_bk.jpg);
	background-position: center top;
	background-size: 100% auto;
	margin: 40px 0 0;
}
.mostimpt07{
	width: 50%;
	margin: auto;
}
#mostimptant .boxs_60 .right{
	width: 40%;
}
#mostimptant .boxs_60 .left{
	width: 60%;
	
}
.threestep{
	border-radius: 10px;
	border: 5px solid #1eafe4;
	padding: 50px 30px 30px;
	margin: 70px 0 30px;
	position: relative;
}
.threestep h3{
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
	margin: auto;
	width: 90%;
	background: none !important;
}
.threestep .wap{
		border-bottom: 3px dotted #868686;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
.threestep .wap:last-of-type{
	 border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}

.threestep .wap dt{
	font-size: 18px;
	color: #0080c8;
	display: inline-block;
	width: 30%;
	padding: 130px 0 0;
	vertical-align: top;
	background-position: center top 30px;
	text-align: center;
	font-weight: bold;
	background-repeat: no-repeat;
	background-size: auto 80px;
}
.threestep .wap dd{
	display: inline-block;
	width: 65%;
}
.mostimpt08{
	width: 150px;
	position: absolute;
	bottom: 30px;
	left: 0;
}
.aburatani{
	width: 120px;
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.no_01{
	background-image: url(images/power/no_01_2.jpg);	
}
.no_02{
	background-image: url(images/power/no_02_2.jpg);	
}
.no_03{
	background-image: url(images/power/no_03_2.jpg);	
}
.br{display: block;}

#mostimptant .btn01 a{
	width: 45%;
	
}

@media screen and (max-width: 640px){
.p_title {
    margin-bottom: 20px;
}
.power_title {
    width: 80%;
}
.power01 {
    bottom: -110px;
    right: 0px;
    width: 55px;
}
#classroom .box dd{
	font-size: 14px;
line-height: 1.8em;		
	}
#classroom .box dl,.power_img {
    float: none;
    width: 100%;
}	
.power_img{
	margin: 20px auto 0;
}	
.deco {
    top: 10px;
    right: 50px;
    width: 40px;
}	
.green_pow .deco,.orange_pow .deco,.purple_pow .deco{
	  right: 20px;
}	
/*大歓迎*/
.wellcome p{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.wellcome .staff_well{
	float: none;
	width: 100%;
}
.left_hata{
	top: -20px;
	left: 0px;
	width: 60px;
}
.right_hata{
	top: -20px;
	right: 0px;
	width: 60px;
}
	
/*最も大切にしている事*/	
#mostimptant {
    padding: 30px 15px 30px;
}
#mostimptant .most_title {
    padding: 0 0 70px;
}
.mostimpt01 {
    top: 80px;
}
#mostimptant .pri_box {
    padding: 50px 15px 30px;
}
.threestep {
padding: 30px 20px 0px;
margin: 30px 0 30px;
}
.threestep h3 {
    top:-30px;
    margin: auto !important;
    width: 95%;
	padding: 0!important;	
}
.rule li {
    line-height: 1.5em;
}
.mostimpt07 {
    width: 90%;
    margin: auto;
}
.threestep .wap dt {
    display: block;
    width: 100%;
    padding: 5px 0 5px 60px;
    vertical-align: top;
    background-position: left top 0px;
    text-align: left;
    background-size: auto 40px;
}
.threestep .wap dd {
    display: block;
    width: 100%;
}
.mostimpt08 {
	 position: static;
    width: 150px;
	margin: 20px auto 0;
}
.aburatani {
    width: 120px;
     position: static;
	margin: 0 auto 20px;
}
#mostimptant .btn01 a {
    width: 80%;
}
#mostimptant .boxs, #mostimptant .boxs_60{
	margin-bottom: 0px;
}
}

@media screen and (max-width: 320px){
.br_320{
	display: block;
}
}


/***********************************
ハピネスの思い
************************************/
#introduction{
	margin: 50px 0 0;
	background-color: #FFFFFF;
	padding: 30px;
	border: 2px dashed #f39aa6;
	border-radius: 10px;
	position: relative;
}
.intro_ul{
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.intro_li{
	width: 48%;
	margin-bottom: 50px
}
.intro_li:last-child{
	margin-bottom: 0px
}
#introduction li dt{
	background-color: #f8d9d6;
	padding: 7px 15px;
	border-radius: 10px;
	margin: 0 auto 20px;
	font-weight: bold;
}
#introduction li dd{}
.thought08{
	position: absolute;
	bottom: 0px;
	right: 20px;
	width: 270px;
}



#thought{
	background-color: #f6f4ee;	
	padding: 30px;
}
.t_title{
	position: relative;
	padding: 0 0 80px;
	text-align: center;
	background-image: url(images/thought/thought_bk.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.talk{
	text-align: center;
	display: inline-block;
	background-color: #f39aa6;
	padding: 3px 80px;
	color: #fff;
	border-radius: 10px;
	margin: 0 auto 20px;
}
.thought01{
	position: absolute;
	bottom: 30px;
	right: 20px;
	width: 130px;
}

#part_1{
	margin-bottom: 90px;
}
#thought .boxs, #mostimptant .boxs, #mostimptant .boxs_60{
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}
#thought .boxs .right, #mostimptant .boxs .right{
	width: 50%;
}
#thought .boxs .left, #mostimptant .boxs .left{
	width: 50%;
}
.thought02{
	width: 70%;
	margin: 20px auto 0;
}
.thought03{
	width: 70%;
	margin:0px auto 0;
}
.thought04{
	width: 85%;
	margin:0px auto 0;
}
#part_1 h3{
	background-color: #f39aa6;
	padding: 7px 15px;
	color: #fff;
	border-radius: 10px;
	margin: 0 auto 20px;
	font-size: 18px;

}
#part_1 .marker_y30,#part_2 .marker_y30{
	font-weight: bold;
	font-size: 16px;
}
.big{
	font-weight: bold;
}
#part_2{
	
}
#part_2 .all_title{
	margin-bottom: 30px;
	position: relative;
}
#part_2 .all_title::before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	background-repeat: no-repeat;
	background-image: url(images/thought/thought05.png);
	width: 73px;
	height: 33px;
	background-size: 73px 33px;
	top: -45px;
}
.thought06{
	width: 70%;
	text-align: center;
	margin:0px auto 0;
}
@media screen and (max-width: 640px){
#thought {
    padding: 15px;
}
.t_title {
    padding: 0 0 120px;
}
.talk {
   line-height: 1.8em;
		padding: 3px 30px;
}
.thought01 {
    bottom: -20px;
      left: 0;
  right: 0;
  margin:0 auto;
    width: 120px;
	z-index: 2;
}
#part_1 {
    margin-bottom: 70px;
}
#thought .pri_box {
    padding: 20px 15px 0;
    border-radius: 10px;
    position: relative;
}
#thought .boxs, #mostimptant .boxs,#mostimptant .boxs_60 {
    margin-bottom: 0px;
}
#thought .boxs .right,#thought .boxs .left, #mostimptant .boxs .right, #mostimptant .boxs .left,#mostimptant .boxs_60 .right,#mostimptant .boxs_60 .left{
	width: 100%;
	float: none;
	margin: 0 0 20px;
}	
.thought02 {
    margin: 0 auto ;
}
.thought04{
	width: 100%;
}
#introduction {
    margin: 30px 0 0;
padding: 30px 30px 0;
}
#introduction li dt {
    margin: 0 auto 10px;
}
.intro_li{
	width: 100%;
	margin-bottom: 20px
}
.thought08 {
    position: static;
    width: 85%;
	margin: 20px auto 0;
}
}
@media screen and (max-width: 320px){
#introduction {
padding: 15px 15px 0;
}
#introduction li dt {
line-height: 1.5em;
}
.thought08 {
    width: 100%;
}
}


/***********************************
特色
************************************/
.all_title{
	text-align: center;
	margin-bottom: 20px;
font-size: 32px !important;
font-weight: normal;
line-height: 1.6em;
letter-spacing: 0.08em;
font-weight: bold;}
.ten_box{
	padding: 50px 15px 30px;
	border: 3px dotted #000000;
	margin: 50px 0 50px;
	position: relative;
}
.ten_box h3{
	position: absolute;
	left: 0;
	right: 0;
	top: -25px;
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 150px;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.ten_box ul{
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
width: 100%;  

}
.ten_box ul li{
	width: 23%; 
	margin-bottom: 10px;
}
/*安心*/
#peace h2,#peace .pri_box .box dt{
	color: #0080d3;
}
#peace h2 span{
	background-image: url(images/feature/sen_blue.png);
}
#peace{
	background-repeat: no-repeat,repeat;
	background-size: auto 60px;
	background-image: url(images/feature/leaf_bk.png),url(images/feature/blue_bk.jpg);
	background-position: center top 20px;
	margin: 0 0 50px;
}
.fea_box{
	border-radius: 10px;
	padding: 0px 30px 30px;
	position: relative;
}
.fea_box h2{
	font-size: 35px;
	display: block;
	text-align: center;
	background-color: #fff;
	padding: 0px 30px 15px;
	margin: 0 auto 30px;
	width: 100px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.fea_box h2 span{
	font-size: 19px;
	display: block;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 6px;
	padding: 0 0 10px;
}
.textera{
	color: #FFFFFF;
	position: relative;
	margin: 0 auto 30px;
}
.textera p{
	max-width: 60%;
margin: auto 0 0 0;
width: calc(100% - 30px);

font-size: 18px;
font-weight: bold;
line-height: 3em;
position: relative;
	
}
.textera p span{
	border-bottom: dotted 3px #fff;
	padding: 10px 0 10px;
}
.peace01{
	position: absolute;
}
.pri_box .box{
	overflow: hidden;
	clear: both;
	margin-bottom: 15px;
	padding: 0 0 15px;
	border-bottom: dotted 3px #000;
}
.pri_box .box:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding: 0 ;
}

.pri_box .box dl{
	float: right;
	width: 70%;
}
.pri_box .box dt{
	font-weight: bold;
	font-size: 16px;
}
.pri_box .box dd{}
.photo{
	float: left;
	width: 23%;
}
#peace .peace01{
	width: 200px;
	bottom: -30px;
	right: 0;
}
/*安全*/
#safety{
	background-repeat: no-repeat,repeat;
	background-size: auto 60px;
	background-image: url(images/feature/leaf_bk.png),url(images/feature/pink_bk.jpg);
	background-position: center top 20px;
	margin: 0 0 50px;
}
#safety h2,#safety .pri_box .box dt{
	color: #e47ba6;
}
#safety h2 span{
	background-image: url(images/feature/sen_pink.png);
}
#safety .peace01{
	width: 270px;
	bottom: -50px;
	right: 0;
	z-index: 2;
}
/*遊び*/
#play{
	background-repeat: no-repeat,repeat;
	background-size: auto 60px;
	background-image: url(images/feature/leaf_bk.png),url(images/feature/green_bk.jpg);
	background-position: center top 20px;
	margin: 0 0 50px;
}
#play h2,#play .pri_box .box dt{
	color: #008350;
}
#play h2 span{
	background-image: url(images/feature/sen_green.png);
}
#play .peace01{
width: 240px;
	bottom: -50px;
	right: 0;
	z-index: 2;
}
/*便利*/
#convenient{
	background-repeat: no-repeat,repeat;
	background-size: auto 60px;
	background-image: url(images/feature/leaf_bk.png),url(images/feature/orange_bk.jpg);
	background-position: center top 20px;
	margin: 0 0 50px;
}
#convenient::after{
	content: "";
	clear: both;
}
#convenient h2,#convenient .pri_box .box dt{
	color: #fac126;
}
#convenient h2 span{
	background-image: url(images/feature/sen_orange.png);
}
#convenient .peace01{
	width: 180px;
	bottom: -50px;
	right: 30px;
	z-index: 2;
}


@media screen and (max-width: 640px){
.all_title{
font-size: 22px !important;
	margin-bottom: 10px!important;
}	
.ten_box ul li{
	width: 48%; 
}	
.ten_box {
    padding: 40px 15px 10px;
    margin: 50px 0 30px;
}	
.fea_box {
    padding: 0px 15px 30px;
}	
.fea_box h2 {
    font-size: 28px;
	width: 60px;
	margin: 0 auto 20px;
	
}
.fea_box h2 span {
    margin-bottom: 10px;}
.textera {
    margin: 0 auto 0px;
}
.textera p{
	max-width: 100%;
	width: 100%;
	font-size: 16px;
}
.peace01 {
   position: static;
    width: 200px;
	margin: 20px auto 0;
}
.pri_box .box dl {
   float: none;
    width: 100%;
	margin: 0 0 10px;
}
.pri_box .box dt {
    margin: 0;
}
.pri_box .box dd {
    font-size: 14px;
	line-height: 1.8em;
}
.photo {
    float: none;
    width: 60%;
	margin: auto;
}
}

/***********************************
料金
************************************/
#price{
	margin: 0 0 50px;
	text-align: center;
}
.p_h2{
	margin-bottom: 20px;
	text-align: center;
}
#price .p_h2 img{
	width: 300px;
}
.font13{
	font-size: 13px;
}
.type_list {
	margin-bottom: 5px;
	width: 100%;
}
.type_list td{
	width: 30%;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}
.type_list td p{
	border-radius: 10px;
	padding: 8px 15px;
	line-height: 1.5em;
	
}
.pink_bk{background-image: url(common/images/pink_bg.jpg);}    
.blue_bk{background-image: url(common/images/blue_bk.jpg);}      
.p_box{
	padding: 30px;
	border-radius: 10px;
	color: #956134; 
}
.gren01{
	background-color: #CCE7D7;
	margin: 15px 0 10px;
}

.gren02{
	border-left: 1px solid #00a29a;
	border-top: 1px solid #00a29a;
}
.p_table{
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 0 20px;

}
.p_table th{
	border-right: 1px solid #00a29a;
	vertical-align: middle;
	font-size: 18px;
	width: 30%;
}
.p_table tr{
	padding: 5px;
	border-right: 1px solid #00a29a;
	border-bottom: 1px dotted #00a29a;
}
.p_table td{
	width: 30%;
	padding: 5px;
	border-right: 1px solid #00a29a;
}
.color_t{
	color: #c9a063;
	border-bottom: 1px solid #00a29a !important;
}
.list{
	margin: 0 0 20px;
	font-size: 14px;
}
.list li{
	 padding-left: 1em;
  text-indent: -1em;
	text-align: left;
	line-height: 1.8em;
	
}
.pri_box{
	padding: 15px;
	border-radius: 10px; 
	position: relative;
}
.white_b{
	background-color: #FFFFFF;
}
#price .white_b dt{
	font-size: 18px;
	color: #00a29a;
	margin-bottom: 10px;
	font-weight: bold;
}
#price .white_b dd{
	line-height: 1.7em;
}
.leef_l{
	position: absolute;
	left: 10px;
	top: 30px;
	width: 70px;
}
.leef_r{
	position: absolute;
	right: 10px;
	top: 30px;
	width: 70px;
}
/*オプション*/
#option{
	background-image: url(images/prices/option_bk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 80% auto;
	margin: 0 0 50px;
}
#option .p_h2 img{
	width: 200px;
}
#option p{
	margin: 0 0 30px;
}
/*持ち物*/
#belongings{
	margin: 0 0 50px;
}
#belongings .p_h2 img{
	width: 240px;
}
.pink01{
	background-color: #f9d3e3;
	margin: 15px 0 10px;
}
.goos_item{
	margin: 0 auto 20px;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
width: 100%;  
}
.goos_item li{
	width: 48%;
line-height: 1.8em;
}
#belongings .white_b dt{
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
	background-image: url(common/images/pink_bg.jpg);
	text-align: center;
	padding: 5px 10px;
	border-radius: 10px;
}
#belongings .white_b dd{line-height: 1.7em;
margin-bottom: 10px;}
.bird_blue{
	position: absolute;
	top: -40px;
	right: 20px;
	width: 80px;
}
.font14{
	font-size: 13px;
	line-height: 1.8em;
	padding-left: 1em;
text-indent: -1em;
}
/*チケット*/
#ticket{
	margin: 0 0 50px;
}
#ticket .p_h2 img{
	width: 500px;
}
.orange01{
	background-color: #fbd9bf;
	margin: 15px 0 10px;
}
#ticket .p_table th {
    border-right: 1px solid 
    #f39800;
}
#ticket .p_table tr {
    border-right: 1px solid #f39800;
border-bottom: 1px dotted #f39800;
}
#ticket  .p_table td {
    border-right: 1px solid #f39800;
}
.orange02 {
    border-left: 1px solid #f39800;
border-top: 1px solid #f39800;
}
#ticket .color_t {
border-bottom: 1px solid
    #f39800 !important;
}
.discount{
	  color: #fff;
  background-color: #EA5514;
  padding: 10px;
  margin: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
	line-height: 1.3em;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 20px;
	right: 10px;
}
.po_r{
	position: relative;
}
.example h3{
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px;
	border-radius: 10px;
	background-color: #f39800;
	margin-bottom: 20px;
}
.example ul{
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;  

}
.example li{
	width: 30%;  
}
.example ul dl{
	border: 1px solid  #f39800;
	border-radius: 10px;
	background-color: #fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
	font-weight: bold;
}
.example ul dt{
	padding: 10px;
	font-size: 16px;
	color: #fff;
	background-color: #f39800;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	
}
.example ul dd{
	margin: 10px;
	color: #f39800;
}
.btom_line{
border-bottom: 1px solid  #f39800;
	padding-bottom: 10px;
}
/*見学*/
#visit{
	background-image: url(images/prices/visit_bk.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 80% auto;
	margin: 0 0 50px;
}
#visit .p_h2 img{
	width: 300px;
}
.blue01{
	background-color:#c7e8fa;
	margin: 15px 0 10px;
}
.correspond{
	padding-left: 1em;
  text-indent: -1em;
	margin-bottom: 20px;
}
.big_tel img {
    width: 30px;
    margin-right: 8px;
    vertical-align: sub;
}
.big_tel{
	font-size: 32px;
	color: #00a0e9;
	text-align: center;
}
.big_tel a{
	color: #00a0e9 !important;
}
@media screen and (max-width: 768px){
.leef_l{
	left: 10px;
	top: 5px;
	width: 40px;
}
.leef_r{
	right: 10px;
	top: 5px;
	width: 40px;
}
}
@media screen and (max-width: 640px){
.p_box {
    padding: 15px;
}
.type_list {
    margin-bottom: 0px;
}
.type_list td{
	font-size: 10px;
}
.type_list td p {
    padding: 5px ;
}
.pink_bk{

	}
.p_table th,.p_table td {
    font-size: 13px;
	line-height: 1.5em;
}

/*持ち物*/
#belongings {
    margin: 0 0 40px;
}
.bird_blue {
    top: 70px;
    right: 20px;
    width: 60px;
}	
/*オプション*/
#option{
	background-size: 100% auto;
	margin: 0 0 20px;
}
#option .p_h2 img {
    width: 160px;
}
#option .goos_item li{
    width: 100%;
	margin-bottom: 20px;

}
#option p{
	margin: 0 0 10px;
}
/*チケット*/

.discount{
  padding: 0;
  margin:  0 0 0 10px;
  width: 35px;
  height: 35px;
	line-height: 2em;
	font-size: 8px;
	 position: static;
}
.discount span{
	line-height: 0 !important;	
	display: inline-block;
	}
.example li{
	width: 100%; 
	margin-bottom: 10px;
}
/*見学*/
#visit{
	background-size: 100% auto;
}
#visit .p_h2 img {
    width: 230px;
}
.big_tel {
    font-size: 21px;
}
.big_tel img {
    width: 20px;
 

}
}





#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item {
    width: 20%!important;
	height: 20% !important;
}
#sb_instagram .sb_instagram_header {
	display: none!important;
}
  


/***********************************
ハピネスとは
************************************/
/*
喜びの声
*/
#happy_voice{
	background-image: url(common/images/green_bk.jpg);
background-repeat: repeat;
padding: 15px;
position: relative;
border-radius: 10px;
}
#happy_voice .about_h2{
	width: 550px;
	margin: 0 auto;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
}
#happy_voice .waku{
	margin-bottom: 40px;
}
#happy_voice .waku:last-of-type{
	margin-bottom: 20px;
}

#happy_voice h3 img {
    width: 65px;
    margin-right: 10px;
    vertical-align: bottom;
}
#happy_voice h3 {
    font-size: 18px;
    margin: 0 0 20px;
	background-repeat: repeat-x;
background-position: left bottom 0px;
background-size: auto 5px;
background-image: url(common/images/green_bk.jpg);
}
#happy_voice .left{
	width: 33%;
}
#happy_voice .right{
	width: 60%;
}


/*
ママたちの意識調査
*/
#awareness{
	margin: 0 0 100px;
}
#awareness h2{
	background-image: url(images/abuot/ribon_10.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	margin: 0 0 30px;
}
#awareness img{
	width: 90%;
	padding: 0 5%;
	margin: 0 0 30px;
}



/*
3つの理由
*/
#point_3{
	background-image: url(common/images/orange_bk.jpg);
	background-repeat: repeat;
	padding: 15px;
	position: relative;
	border-radius: 10px;
	margin: 0 0 50px;
}
.point_h2{
	width: 550px;
	margin: 0 auto;
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
}
.top30{
	margin-top: 40px;
}
#point_3 .boxes dt img {
    width: 35px;
    margin-right: 10px;
}
#point_3 .boxes dt {
    font-size: 18px;
    margin: 0 0 15px;
	color: #ea5514;
}
#point_3 .boxes .left{
	width: 60%;
}
#point_3 .boxes .right{
width: 33%;
	margin: 0px 0 0;
	
}

/*
その他にも
*/
#other{
	background-color: rgba(143,211,245,0.60);
	padding: 20px;
	border-radius: 10px;
	margin: 0 0 130px;
}
#other h2{
	text-align: center;
	margin:  0 auto 15px;
	width: 40%;
}
#other ul{
margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#other li{
	background-color: #FFFFFF;	
	width: 42%;
	padding: 3%;
	border-radius: 10px;
	margin-bottom: 15px;
}
#other li dt{
	font-size: 18px;
	color: #036eb8;
	margin-bottom: 5px;
}
#other li dd{
	font-size: 13px;
	line-height: 1.8em;
	float: left;
}
#other li .text{
	width: 60%;
}
#other li .other_img{
	width: 40%;
	text-align: center;
}
#other li dd img{
	width: 90%;
}
/*
こんな使い方があります
*/	
#how_to{
	background-image: url(common/images/blue_bk.jpg);
	background-repeat: repeat;
	padding: 15px;
	position: relative;
	border-radius: 10px;
	margin: 0 0 30px;
}
#how_to .about_h2{
	width: 480px;
	margin: 0 auto;
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
}
.bird_2{
	width: 85px;
	margin: 0 auto;
	position: absolute;
	top: -90px;
	left: 10px;
}
.pink_line{
	background-repeat: repeat-x;
	background-position: left bottom 0px;
	background-size: auto 10px;
	background-image: url(common/images/pink_m_bk.jpg);
	}
.green_line{
	background-repeat: repeat-x;
	background-position: left bottom 0px;
	background-size: auto 10px;
	background-image: url(common/images/green_bk.jpg);
	}
#how_to h3{
	font-size: 18px;
	margin: 0 0 15px;	
}
#how_to h3 img{
	width: 55px;
	margin-right: 10px;
	vertical-align: bottom;
}
#how_to .boxes p{
	width: 60%;
}

.icon_photo{
	width: 33%;
	margin: 0px 0 0 ;
	
}
.icon_photo img,#point_3 dd img{
	border-radius: 5px;
}
#other li{
	width: 43%;
	padding: 3%;
	border-radius: 10px;
	margin-bottom: 15px;
}



#about{
	margin: 0 0 100px;
}
#about .box{
	background-image: url(images/abuot/flag_left03.png),url(images/abuot/flag_right03.png);
	background-repeat: no-repeat;
	background-position: left top,right top;
	background-size: auto 80px;	
	text-align: center;
	margin: 20px 0 50px;
}
#about .box h2{
	font-size: 24px;
	line-height: 1.6em;
}
#about .box img{
	width: 30%;
	margin: 30px 0;
}
.about{
	background-image: url(common/images/pink_bg.jpg);
	background-repeat: repeat;
	padding: 15px;
	position: relative;
	border-radius: 10px; 
}
.about .boxes,#how_to .boxes,#point_3 .boxes,#happy_voice .boxes{
	background-color: rgba(255,255,255,1.00);	
	padding: 30px 30px 10px;
	position: relative;
}
#about .about_h2{
	width: 250px;
	margin: 0 auto ;
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
}
.waku{
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}
.about .boxes dl{
	width: 70%;
}
.about .boxes dt{
	color: #e4007f;
	font-size: 18px;
	margin: 0 0 5px
}
.about .boxes dt img{
	width: 35px;
	margin-right: 10px;
}
.about .boxes dd{
	
}
.icones{
	width: 23%;
	margin: 30px 0 0 ;
}


@media screen and (max-width: 1000px){
.point_h2 ,#happy_voice .about_h2 {
    width: 90%;
}
#awareness h2 {
   background-size: 100% 150px;
}
}

@media screen and (max-width: 640px){
#about .box {
    margin: 20px 0 40px;
	background-size: auto 40px;	
}
.about .boxes,#how_to .boxes,#point_3 .boxes,#happy_voice .boxes{
    padding: 25px 20px 5px;
}
#about .about_h2{
	width: 200px;
	margin: 0 auto 20px;
}
#about .box h2 {
    font-size: 18px;
}	

#about .box img {
    width: 50%;
    margin: 40px 0 20px;
}
.waku {
    margin-bottom: 30px;
}
.waku .left,.waku .right{
	float: none;
	}
.about .boxes dl{
	width: 100%;

}
.icones{
	width: 60%;
	margin: 10px auto 0;

}	
/*
こんな使い方があります
*/		
#how_to .about_h2{
	width: 100%;
	margin: 0 auto 5px;
	top: -40px;
}	
#how_to .boxes p {
    width: 100%;
	 margin: 0 0 5px;
}	
.icon_photo {
    width: 100%;
}
.bird_2{
	width: 75px;
	left: 0px;
}
/*
その他にも
*/
#other {
    padding: 15px;
	margin: 0 0 80px;
}	
#other h2{
	margin:  0 auto 15px;
	width: 60%;
}
#other li {
    width: 94%;
    padding: 3%;
}	
#other li dd img{
	width: 70%;
}	
/*
3つの理由
*/
#point_3 {
    margin: 0 0 30px;
}
.point_h2{
	width: 100%;
	top: -60px;
}
#point_3 .boxes .left,#happy_voice .right{
	margin: 0 0 5px;
	}
#point_3 .boxes .left,#point_3 .boxes .right,#happy_voice .right,#happy_voice .left {
    width: 100%;
}	
#point_3 .boxes dt {
    margin: 0 0 5px;
}
.top30 {
    margin-top: 10px;
}
/*
ママたちの意識調査
*/
#awareness{
	margin: 0 0 70px;
}
#awareness h2{
	background-size: 100% 150px;
	font-size: 18px;
	padding: 10px 20px;
	margin: 0 0 20px;
}
#awareness img{
	width: 100%;
	padding: 0 ;
	margin: 0 0 20px;
}
/*
喜びの声
*/
#happy_voice .about_h2{
	width: 100%;
	top: -60px;
}
#happy_voice h3 {
    margin: 0 0 10px;
}
}


@media screen and (max-width: 320px){
.point_h2 {
    top: -40px;
}
}	
	
/***********************************
利用者の声
************************************/
.coment{
	display: flex;
	justify-content: right;
	font-weight: bold;
}
.coment::before{
	content: "";
	background-repeat: no-repeat;
	background-image: url(images/leef_left.png);
	width: 23px;
	height: 27px;
	background-size: 23px 27px;
	margin-right: 8px;
}
.coment::after{
	content: "";
	background-repeat: no-repeat;
	background-image: url(images/leef_right.png);
	width: 23px;
	height: 27px;
	background-size: 23px 27px;
	margin-left: 8px;
}
.ballon02{
	width: 80px;
	position: absolute;
	top: 150px;
	left: 0px;
}
@media screen and (max-width: 640px){

.ballon02{
	width: 60px;
	top: 0px;
}
.coment {
	font-size: 13px;
}		
}
/***********************************
スタッフ
************************************/
.staff_photo {
	text-align: center;
	padding: 15px 0 0 ;
}
.staff_photo img{
	width: 230px !important;
	height: 230px !important;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50% !important;
	margin: auto;
}
.shikaku{
	background-image: url(images/blue_bk.jpg) !important;
}

.hapiness{
	width: 130px;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
}
.name span{
	font-size: 13px;
	
	}
.bird11{
	width: 100px;
	position: absolute;
	top: 35px;
	right: 10px;
}
.hoshi{
	width: 100px;
	position: absolute;
	top: 20px;
	left: 30px;
}
@media screen and (max-width: 640px){

.bird11{
	width: 80px;
	position: absolute;
	top: 290px;
	right: 0px;
}	
	
	
}
/***********************************
イベント
************************************/
.box03{
	overflow: hidden;
	margin-bottom: 30px;
	border: 3px solid #e2dad5;
	border-radius: 8px;
	padding: 30px;
	position: relative;
}
.flag{
	background-image: url(images/flag_left01.png),url(images/flag_right01.png);
	background-repeat: no-repeat;
	background-position: left top,right top;
	background-size: auto 50px;
}
.box03 .w_box{
	position: relative;
}
.box03 .w_box_inner{
	
}
.w_box .boxs{
	overflow: hidden;
	margin:  0 0 35px;
}
.w_box .boxs .left{
	width: 45%;
	margin: 0 5% 0 0;
	position: relative;
}
.w_box .boxs .left img{
	border-radius: 3px;
}
.w_box .boxs .right{
	width: 50%;
	position: relative;
}
.schedule dl{
	margin-bottom: 5px;
}
.schedule dt{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	line-height: 1.8em;
}
.schedule dt span{
	font-size: 12px;
	padding: 5px 5px;
	border-radius: 2px;
	background-image: url(common/images/yellow_bk.jpg);
	font-weight: bold;
}
.schedule dd{
	display: inline-block;
	vertical-align: top;
	line-height: 1.8em;
	width: 70%;
	font-size: 14px;
}

.sch_con{
	clear: both;
	margin: 0 0 30px;
}

.sch_btn ul{
	clear: both;
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
width: 100%; 
}
.sch_btn ul li{
	width: 45%; 
}
.sch_btn_a a{
	text-decoration: none;
	background-color: #e2dad5;
	padding: 10px 0;
	border-radius: 3px;
	color: #000 !important;
	font-size: 16px;
	font-weight: 600;
	display: block;
	font-family: " yoko";
	width: 100%;
	font-size: 14px;
}
.sch_btn_b a{
	padding: 10px 0;
	border-radius: 3px;
	background-color: #e2dad5;
	color: #000 !important;
	font-size: 16px;
	font-weight: 600;
	font-family: " yoko";
	display: block;
	width: 100%;
	font-size: 14px;
}
.sch_btn ul li a:hover{
	background-color: #AC9687;
	color: #fff !important;
	text-decoration: none !important;	
	}
.status {
	color: #fff;
	text-align: center;
	padding: 5px 15px;
	margin: 0px;
	width: 200px;
	font-size: 13px;
	border-radius: 3px;
}
.color-red01{
	background: #ef6f6f;
}
.color-red02{
	background: #cfcfcf;
}
/*
イベント詳細
*/
.details h3{
	font-size: 18px;
	margin: 50px 0 5px;	
}
.details table{
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-collapse: separate;
	border-spacing: 0;
	}
.details th{
	width: 15%;
	padding: 2%;
	background-color: rgba(226,218,213,0.40);
	vertical-align: middle;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	font-size: 14px;
}
.details td{
	width: 55%;
	padding: 2%;
	font-size: 14px;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}
@media screen and (max-width: 768px){
.w_box_inner{

}
}
@media screen and (max-width: 640px){
.box03 {
    padding: 30px 20px;
}
.w_box .boxs {
    margin: 0 0 25px;
}
.w_box .boxs .left {
    width: 100%;
    margin: 0 0 10px;
	float: none;
}
.w_box .boxs .right {
    width: 100%;
	float: none;
}
.sch_btn_a, .sch_btn_b {
   
}
.sch_btn ul li a{
    font-size: 12px;
	letter-spacing: 0;
}
.sch_btn ul li {
    width: 47%;
}	
/*
イベント詳細
*/
.details h3{
	font-size: 16px;
	margin: 30px 0 5px;	
}
.details th,.details td{
	font-size: 12px;
	line-height: 1.8em;
}

}
@media screen and (max-width: 320px){
.sch_btn ul li {
    width: 100%;
	margin-bottom: 10px;
}	
}
/***********************************
ブログ一覧
************************************/
#blog,.blogbox{
	padding: 20px 0;
	overflow: hidden;
}
#blog .time,.blogbox.time{color: #0080B8;}
#blog .introduction,.blogbox .introduction{
	font-weight: bold;
	font-size: 14px;
}
#blog h2{
	font-size: 18px;
	border-bottom: 1px solid #D5D5D6;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
#blog .blog_content{}

.blog_content img{
	margin: 10px 0;
}
.blogbox{
	margin-bottom: 20px;
	border-bottom: 1px dotted #C1C1C1;
}
.blogbox .left{
	width: 35%;
}
.blogbox .right{
	width: 60%;
	margin-left: 5%;
}
.blogbox h2 a{
	font-size: 18px;
	margin-bottom: 5px;
	line-height: 1.5em;
	color: #333 !important;
}
.blogbox p{
	line-height: 1.8em;
}



/***********************************
TOPページ
************************************/


#eyecatch{
	background-image: url(images/top_bk.png),url(images/top_eye_bk.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 2000px 150px,cover;
	height: 680px;
	width: 100%;
	position: relative;
}
#eyecatch p{
		margin: 0 0 30px;
}
#eyecatch p span{
	font-size: 38px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
.eye_inner{
	width: calc(100% - 30px);
max-width: 1060px;
margin: auto;
position: relative;
}
.eye_text{
	position: absolute;
	top: 400px;
	left: 0;

}
.flag_left img,.flag_right img{
width: 100%;
max-width: 100%;
height: auto;
}
.flag_left{
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
}
.flag_right{
	width: 200px;
	position: absolute;
	top: 0;
	right: 0;
}

/*concept*/
#concept{
	padding: 0px 0 80px;
	position: relative;
	text-align: center;


	overflow: hidden;
}
#concept::after {
	background-image: url(common/images/nami02.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: auto 10px !important;
	content: "";
	height: 30px;
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 0;
}
.concept_box{
	margin-bottom: 20px;
}
.marker_y{
	 background: linear-gradient(transparent 60%, #FFFF66 60%);
}
.marker_orange{
	 background: linear-gradient(transparent 60%, rgba(255,148,0,0.40) 60%);
}
.marker_y30{
	 background: linear-gradient(transparent 30%, #ffff9b 30%);
}
.marker_b{
	 background: linear-gradient(transparent 60%, #d4f1ea 60%);
}
.concept_box h2,#category h2,#youtube h2,#toy h2,#profile h2,#voice h2,#parenting h2{
	margin-bottom: 50px;
	font-size: 32px;
	line-height: 1.6em;
	letter-spacing: 0.08em;
}
.trouble{
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
	width: 80%;
}

.trouble li{
	width: 30%;
}

.concept_text{
	border: 3px solid #e2dad5;
	background-color: #FFFFFF;
	border-radius: 10px; 
	padding: 50px 0 0;
	position: relative;
}
.concept_box h3{
font-size: 32px;
	font-weight: normal;
	line-height: 1.6em;
	letter-spacing: 0.08em;
font-weight: bold;
	margin-bottom: 30px;
}
.concept_text_p{
	font-size: 18px;
	margin-bottom: 50px;
	padding: 0 30px ;
}
.teacher{
	width: 70%;
	margin: auto;
}
.bird{
	width: 150px;
	position: absolute;
	top: 150px;
	left: -80px;
}
.concept_box .btn01 a{
	width: 30%;
	position: absolute;
	bottom: 50px;
  left: 0;
  right: 0;
	font-weight: 900;
	font-size: 18px;
	
}

.cloud_01{
	width: 200px;
	position: absolute;
	top: -30px;
right: calc(50% + 400px);
	
}
.cloud_02{
	width: 100px;
	position: absolute;
	top: 100px;
	left: calc(50% + 400px);
}
.cloud_10{
	width: 170px;
	position: absolute;
	top: 37px;
	right: calc(50% + 435px);
}
.cloud_20{
	width: 200px;
position: absolute;
top: 130px;
left: calc(50% + 450px);
}
.balloon_01{
	width: 40px;
	position: absolute;
	top: 57px;
	left: calc(50% + 400px);
}
.balloon_02{
	width: 70px;
	position: absolute;
	top: 120px;
	left: calc(50% + 500px);
}
.small{
	font-size: 13px;
	display: block;
	line-height: 1.8em;
}

/*category*/
#category{
	margin: 80px 0 0;
}
#category h2{
	margin: 0 0 50px 0;
}
.categroup{
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.cate {
	width: 43%;
	text-align: center;
	position: relative;
	border: 3px solid #e2dad5;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 15px;
}
.cate img {
	width: 100%;
max-width: 100%;
height: auto;
	z-index: 0;
}

.point{
	position: absolute;
	top: 0px;
	  left: 0;
	right: 0;
  margin:0 auto;
	width: 120px;
	
}
.point_img{
	
}
.cate dl{
	float: left;
	width: 55%;
	margin-right: 5%;
	position: relative;
}	
.cate .point_img{
	width: 40%;
	float: right;
}	
.cate  .text_ara{
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	margin: 20px 0 0 ;
	padding: 10px;
	border-radius: 10px;
	background-color: #006600;
	line-height: 1.8;
	text-align: center;
}

#category dl{
	padding: 45px 0 0 ;
	position: relative;
}
#category dt{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 0em;
}
#category dt span{
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	margin: 0;
}
.pink{
	color: #f07187;
}
#category .inner .btn a{
	width: 30% ;
	display: block;
	margin: 30px auto 0;
}


.cate_text{
	background-color: #FFFFFF;
	padding: 10px;
}
#category dd{
	line-height: 1.7em;
	font-size: 13px;
}
.categroup .btn01 a{
	width: 60%;
}
/*youtube*/
#youtube{
	margin: 50px 0 80px;
	text-align: center;
	position: relative;
}
#youtube img{
	width: 100%;
max-width: 100%;
height: auto;
}
#youtube .box{
	position: relative;
	background-image: url(images/youyube_bk.jpg);
	background-repeat: no-repeat;
	background-position: left 27px top -5px;
	background-size: auto 390px;
	width: 660px;
	height: 390px;
	margin: auto;
	text-align: center;
	padding: 30px 0 0;
}
.soldier{
	width: 130px;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.tree_right{
	width: 230px;
	position: absolute;
	top: -80px;
	right: 0;
	z-index: 1;
}
.tree_left{
	width: 230px;
	position: absolute;
	top: 150px;
	left: 0;
}
.bird_01{
	width: 50px;
	position: absolute;
	top: 30px;
	right: calc(50% + 300px);
}
.bird_02{
	width: 70px;
	position: absolute;
	top: 80px;
	right: calc(50% + 400px);
}
/*toy*/
.wrap {
    overflow: hidden;
    margin: 5px 0 0;
}
.top01 {background-image: url(images/loop.jpg);}
.top02 {background-image: url(images/mama01.jpg);}
.top03 {background-image: url(images/mama02.jpg);}
.sliding {
 background-repeat: repeat-x;
height: 270px;
width: 3384px;
animation: 'slide' 60s linear infinite;
background-size: auto 270px;
}
.sliding10{
 background-repeat: repeat-x;
height: 270px;
width: 3384px;
animation: 'slides' 60s linear infinite;
background-size: auto 270px;
}
@keyframes slide{
  0%{
    transform: translate3d(-1692px, 0, 0);
  }
  100%{
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slides{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}


#toy{
	padding: 80px 0 ;
	text-align: center;
	background-image: url(common/images/yellow_bk.jpg);
	background-repeat: repeat;
}
#toy .inner{
	position: relative;
}
#toy img{
	width: 100%;
max-width: 100%;
height: auto;
}
#toy h2{
	margin-bottom: 30px!important;
}
#toy .btn02 a{
	width: 30%;
	display: block;
	margin: auto;
}
.kinoko{
	position: absolute;
	bottom: 0px;
	width: 70px;
	left: calc(50% + 220px);
}
/*profile*/
#profile{
	padding: 50px 0 30px;
	text-align: center;
	background-image: url(images/blue_bk.jpg);
	background-repeat: repeat;
}
#profile .inner{
	position: relative;
}
#profile h2{}
#profile img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
#profile .box{
	overflow: hidden;
	width: 85%;
	margin: auto;
}
#profile .box .left{
	width: 30%;
	margin: 70px auto 0;
	text-align: left;
}
#profile .box .right{
	width: 65%;
	margin: 0 0 0 5%;
		text-align: left;
}
.pro_box{
	text-align: center;
	position: relative;
	border: 3px solid #e2dad5;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 15px;
}
.pro_box h3{
	background-image: url(images/blue_bk.jpg);
	background-repeat: repeat;
	font-size: 18px;
	border-radius: 10px; 
	padding: 10px;
	margin-bottom: 30px;
}
.pro_box ul{
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
width: 100%; 
}
.pro_box ul li{
	text-align: left;
	width: 22%; 
	
}
.pro_box ul li p{
	  padding-left: 1em;
  text-indent: -1em;
}
.association{
	border: 1px solid #c4c5c5;
	padding: 30px 15px 15px;
	text-align: center !important;
}
.tori_01{
	position: absolute;
	top: 0px;
	width: 80px;
	right: calc(50% + 250px);
}
.tori_02{
	position: absolute;
	top: 0px;
	width: 80px;
	left: calc(50% + 250px);
}
/*voice*/
#voice_loop{
	margin: 30px 0 0 ;
}
#voice_loop ul{
	position: relative;
}
#voice_loop ul li{
	position: relative;
	margin: 0 0 0 30px;
	vertical-align: top;
}
#voice_loop ul li p{
	font-size: 13px;
	line-height: 1.8em;
	text-align: left;
	white-space: normal;

}
#voice_loop ul li span{
	position: absolute;
	bottom: 50px;
	right: 50px;
}
.voice_img{
	position: absolute;
	bottom: 0px;
	width: 130px;
	left: -30px;
	   
}
.voice_img img{
	width: 130px;
	height: auto;
	border-radius: 8px;
	border: 3px solid #FFFFFF;
}
#voice{
	padding: 80px 0;
	text-align: center;
}
#voice .inner{
	position: relative;
}
.v_text{
	font-size: 19px;
	background-color: #FFFFFF;	
	padding: 10px 80px;
	display: inline;
	border-radius: 10px; 
}
.leef_left img,.leef_right img{
	width: 100%;
max-width: 100%;
height: auto;

}
.leef_left{
	position: absolute;
	top: 50px;
	width: 80px;
	right: calc(50% + 280px);
}
.leef_right{
	position: absolute;
	top: 50px;
	width: 80px;
	left: calc(50% + 280px);
}
#voice .btn a{
	width: 30%;
display: block;
margin: 30px auto 0;
}
.horizontal_scroll_wrap{
    height: 330px;
    overflow-y: hidden;
}
.scroll_lst {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 50px;
    margin: 25px 0 0;
    -webkit-overflow-scrolling: touch;
}
.scroll_item {
   	background-image: url(images/waku.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 260px;
	width: 260px;
	padding: 30px;
	height: 200px;
	  margin-right: 10px;
    display: inline-block;
}
.scroll_item:first-child {
    margin-left: 10px;
}
 
.scroll_item_inr {
    display: block;
}
.scroll_item_info {
    white-space: normal;
    padding: 8px;
}
.scroll_item_ttl {
    font-size: 12px;
    color: #484848;
    line-height: 1.4;
    margin-bottom: 0;
}
/*insta*/
#insta{
	margin: 50px 0;
    text-align: center;
}
#insta .inner{
	position: relative;
	
}
#insta h2{
	width: 230px;
	margin: auto;
	
}
#insta img{
	width: 100%;
max-width: 100%;
height: auto;
}
.ballon{
	width: 120px;
	position: absolute;
	top: -20px;
	left: calc(50% + 150px);
}

/* news */
#news{
	padding-top: 50px;
	padding-bottom: 80px;
	overflow: hidden;
	background-image: url(common/images/pink_bk.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
}
#news .inner{
	position: relative;
	margin: 0 auto;
box-sizing: border-box;
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bigbox{
	width: 40%;
	background-color: #FFFFFF;	
	border-radius: 10px;  
	padding: 20px 4%;
}
.newtitle h2{
	width: 70%;
	margin: 0 auto 10px; 
}
.newtitle h2 img{
	width: 100%;
max-width: 100%;
height: auto;
}
.eyephoto{
	overflow: hidden;
	width: 148px;
	z-index: 1;
	float: left;
	border-radius: 8px;
	
	overflow: hidden;
}
.bigbox dl{
	float: left;
	margin-left: 10%;
	width: 50%;	
}
.eyephoto img{
	width: 100%;
max-width: 100%;
height: auto;
	
}
.bigbox .box{
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px 0 20px;
	border-bottom: 2px dotted #804e28;
}
.bigbox .box::after{
	 content: '';
	clear: both;
}
.newsbox .box:last-of-type{
	border: none;
	margin-bottom: 0;
}



@media screen and (max-width: 1200px){
.cloud_01 {
     left: -50px;
	right: auto;
}
.cloud_02 {
     left: auto;
	right: 50px;
}
.cloud_10 {
    left: -50px;
    right: auto;
}
.cloud_20 {
    left: auto;
    right: 0;
    top: 30px;
}
.balloon_01 {
    top: 57px;
      left: auto;
	right: 100px;
}
.balloon_02 {
    left: auto;
	right: 0;
}
}
		
@media screen and (max-width: 1000px){
/*
4つのポイント	
*/	
.cate{
	width: 41%;
}
.eyephoto{
	width: 35%;
}
}
/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
/*アイキャッチ*/
#eyecatch {
	background-image: url(images/top_bk.png),url(images/top_eye_bk.jpg);
	padding: 50px 0;
	margin: 50px 0 0;
	background-size: 1200px 100px,cover;
	height: 380px;
}
#eyecatch p{
	font-size: 18px;
	margin: 0 0 30px;
}
#eyecatch h2{
	margin: 0 0 30px;
	font-size: 30px;
	line-height: 1.6em;
}
#eyecatch h3{
	font-size: 14px;
	margin: 0 0 40px;
}
.eye_text {
    top: 180px;
}
.flag_left{
	width: 150px;
}
.flag_right{
	width: 150px;
}	
.cloud_20 {
    right: 0;
    top: 30px;
	width: 60px;
}
	
#sld_area p{
	text-align: center;
	margin: 30px 0 0 0;
}
#sld_area p img{
	width: 100%;
max-width: 100%;
height: auto;	
	}
#slider{
	width: 100vw;
    height: 400px;
	padding-top: 53px;
}


/*concept*/
#concept{
	padding:  0;
	
}
.trouble {
    width: 90%;
}
.teacher{
	width: 95%;
}	
.concept_box .btn01 a {
    width: 40%;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    font-weight: 900;
    font-size: 18px;
}	
#category .inner .btn a,#toy .btn02 a{
	width: 40%;
}	
	
	
	
.concept_box .right img{
	width: 100%;
max-width: 100%;
height: auto;
}
.seagull{
	top: 150px;
	left: 0px;
}
.concept_box h2 {
    font-size: 30px;
    padding: 10px 0 0;
	margin-bottom: 30px;
}
.concept_box h3 {
    margin-bottom: 20px;
}
#category{
	margin: 50px 0;
}
#category h2 {
    margin: 0 0 30px 0;
}
#category dt{
	top: -100px;
}
.accredited {
    padding: 0 50px;
    clear: both;
    margin: 0 0 0 0;
}
.cate {
    width: 38%;
}
	
.cate dl {
    float: none;
    width: 100%;
    margin: 0;
	margin-bottom: 20px;
	padding: 25px;
}
.cate .point_img {
    width: 100%;
    float: none;
	margin: auto;
}	
	
/*YOUTUE*/	
#youtube {
    margin: 50px 0;
}
#youtube .box {
    background: none ;
    width: 100%;
    height: auto;
    padding: 0;
}
#youtube .box iframe{
	width: 90%;
	height: 330px;
	background-image: url(common/images/blue_bk.jpg);
	padding: 5%;
	background-repeat: repeat;	
	border-radius: 10px;  	
	}

.tree_right{
	width: 180px;
	top: -150px;
}
.tree_left{
	width: 180px;
	top: 80px;
	left: 0;
}
.bird_01{
	width: 50px;
	top: 0px;
	right: auto;
	left: 50px;
}
.bird_02{
	display: none;
}
/*おもちゃがいっぱい*/
.sliding,.sliding10 {
    height: 200px;
    background-size: auto 200px;
}
.kinoko{
	width: 70px;
	left: auto;
	right: 30px;
}
	
/*profile*/
#profile .box{
	width: 100%;
	margin-bottom: 20px;
}
/*voice*/
.v_text{
	font-size: 19px;
	padding: 10px auto;
	display: block;
}
.leef_right {
    top: 50px;
    width: 80px;
    left: auto;
	right: 0;
}	
.leef_left {
    top: 50px;
    width: 80px;
    left: 0;
	right: auto;
}	
#voice .btn a {
   width: 40%;
}

/*news*/		
#news{
	padding-top: 30px;
	padding-bottom: 50px;
}
.newtitle p a {
    padding: 5px 10px;
    font-size: 12px;
}
.title {
    font-size: 15px;
}
.newsbox .box dt{
	line-height: 1em;
	margin-bottom: 10px;
	}		
/*sns*/	
#sns .inner .bigbox {
    width: 100%;
    float: none;
}
#sns .inner  .left5 {
    margin-left: 0;
}
.popularity{
	position: absolute;
	top: -20px;
	  left: auto;
  right: 10px;
}
.poteto{
	position: absolute;
	top: 0px;
	   left: auto;
  right: 10px;
}
.popularity,.poteto{
max-width: 20%;
height: auto;
	}
}

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
/*アイキャッチ*/
#eyecatch {
    padding: 180px 0;
    margin: 50px 0 0;
    background-size: 900px 100px,cover;
    height: auto;
}
#eyecatch p{
	margin: 0 0 15px;
}
.eye_text {
    top: -20px;
}
#eyecatch p span {
    font-size: 18px;
}
.flag_left{
	width: 100px;
}
.flag_right{
	width: 100px;
}		
	
/*concept*/
#category{
    margin: 60px 0;
}
.trouble {
    width: 100%;
}
.concept_box h2, #category h2,#youtube h2,#toy h2,#profile h2,#voice h2,#parenting h2{
	margin-bottom: 20px;
	font-size: 22px;
}
.concept_box .btn01 a {
    width: 85%;
	font-size: 14px;
	line-height: 1.5em;
	padding: 12px 0 10px;
}
#category .inner .btn a,#toy .btn02 a,#voice .btn a{
	width: 60%;
	line-height: 1.5em;
}	
.bird {
    width: 80px;
    position: absolute;
    top: 20px;
    left: -30px;
}
.small {
    font-size: 12px;
    line-height: 1.5em;
}
.concept_box h3 {
    font-size: 22px;
    margin-bottom: 15px;
}
.concept_text {
    padding: 30px 0 40px;
}
.concept_text_p {
    font-size: 16px;
    margin-bottom: 30px;
}
.cloud_01 {
	width: 100px;
     left: -30px;
	right: auto;
	top: 0;
}
.cloud_10 {
    width: 60px;
    left: 0px;
    right: auto;
    top: 70px;
}
.cloud_20 {
    display: none;
}
.cloud_02 {
	width: 60px;
     left: auto;
	right: 30px;
	top: 0px;
}
.balloon_01 {
	width: 30px;
    top: 20px;
      left: auto;
	right: 20px;
}
.balloon_02 {
   display: none;
}	
.cate {
    width: 100%;
	padding: 15px ;
	margin-bottom: 8px;
	clear: both;
}

.cate dl {
    float: left;
    width: 55%;
    margin-right: 5%;
    margin: 0;
}
.cate .point_img {
    width: 40%;
    float: right;
	margin: 15px 0 0 ;
}	
.cate  .text_ara{
	font-size: 11px;
	padding: 10px 20px;
	margin: 20px 0 0;
}
#category dt {
    font-size: 18px;
}
.cate_text {
   font-size: 14px;
	text-align: left;
}
.cate_text br{
	display: none;
	}
.point {
    width: 90px;
}
.cate  .text_ara{text-align: left;font-size: 10px}
/*YOUTUE*/	
#youtube {
    margin: 30px 0 50px;
}
#youtube .box {
    background: none ;
    width: 100%;
    height: 100px;
    padding: 0;
}
#youtube .box iframe{
	width: 90%;
	height: 330px;
	background-image: url(common/images/blue_bk.jpg);
	padding: 5%;
	background-repeat: repeat;	
	border-radius: 10px;  	
	}
.tree_right{
	width: 100px;
	top: -40px;
}
.tree_left{
	width: 90px;
	top: 60px;
	left: -20px;
}
.bird_01{
	width: 50px;
	top: -10px;
	right: auto;
	left: 20px;
	z-index: 1;
}
.soldier {
    width: 80px;
    bottom: -40px;
    left: 0;
}
/*おもちゃがいっぱい*/
.sliding,.sliding10 {
    height: 160px;
    background-size: auto 160px;
}
#toy{
	padding: 40px 0 40px;
}		
.kinoko{
	width: 50px;
	left: auto;
	right: 15px;
}	
/*profile*/
#profile {
    padding: 80px 0 0px;
    text-align: center;

}
#profile .box{
	margin: 0;
}
#profile .box .left{
	width: 50%;
	margin: auto;
	text-align: center;
	float: none;
}
#profile .box .right{
	width: 100%;
		text-align: left;
	float: none;
	margin: auto;
}	
.pro_box {
    padding: 15px;
    margin-bottom: 0;
}	
.pro_box ul li{
	width: 100%; 
}
.pro_box h3 {
    margin-bottom: 20px;
}
.association{
	border: none;
	padding: 0;
	text-align: left !important;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}	
.tori_01{
	top: -60px;
	width: 50px;
	right: 0;
	left: 0;
	margin: auto;
}
.tori_02{
	display: none;
}
/*voice*/
#voice {
    padding: 30px 0 ;

}
.v_text{
	font-size: 18px;
	display: block;
	background: none;
	padding: 0;
	line-height: 1.5em;
}
.leef_right {
    top: 60px;
    left: auto;
	right: 0;
	width: 60px;

}	
.leef_left {
    top: 60px;
    width: 60px;
    left: 0;
	right: auto;
}
#voice_loop {
    margin: 0px 0 0;
}
.horizontal_scroll_wrap {
    height: 250px;
}
.scroll_lst {
    padding-bottom: 0px;
}
.scroll_item {
    background-image: url(images/waku.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 210px;
    width: 210px;
    padding: 20px 30px 30px 20px;
    height: 200px;
    margin-right: 10px;
    display: inline-block;
}	
#voice_loop ul li p {
    font-size: 11px;
    line-height: 1.8em;
    text-align: left;
    white-space: normal;
}	
#voice_loop ul li span {
    bottom: 80px;
    right: 30px;
	font-size: 12px;
}	
.voice_img {
    bottom: 30px;
    width: 100px;
    left: -20px;
}	
.voice_img img {
    width: 100px;
}	
#voice .btn a {
   width: 70%;
	margin: 20px auto 0;
}

/*insta*/
#insta{
	margin: 30px 0  ;
}
#insta h2 {
    width: 170px;
}
.ballon{
	width: 70px;
	top: -10px;
	left: auto;
	right: 0px;
}		
/* news */		
#news{
padding: 30px 0;
}
.s_btm30{
		margin-bottom: 20px;
	}
.bigbox{
	width: 100%;
}
.newtitle h2 {
    width: 80%;
    margin: 0 auto 5px;
}
.eyephoto {
    width: 45%;
}
.bigbox dl {
    float: left;
    margin-left: 5%;
    width: 45%;
}
.newtitle p::after {
    margin: 10px auto 0px;
}
.newsbox .btn01 a{
	width: 60%;
}

/***********************************
ブログ一覧
************************************/
.blogbox .left{
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.blogbox .right{
	width: 100%;
	float: none;
	margin: 0;
}
.blogbox h2{
	

}
.blogbox .introduction {
    font-size: 13px;
	line-height: 1em;
	margin-bottom: 10px;
}
}

/***********************************
お問い合わせ
************************************/
#information{
	
}
.in_line a{
	display: block;
color: #fff;
text-decoration: none;
background-color: #17ac05;
padding: 23px 10px 5px 70px;
background-image: url(common/images/icon_line.png);
background-size: 38px auto;
background-repeat: no-repeat;
background-position: left 20px center;
line-height: 1.3em;
height: 45px;
width: 40%;
	font-size: 18px;
}
.in_line a:hover{
	opacity: 0.8;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	background-color: #1E977A;
}

.con-box{
	padding: 10px 0;
	border: 1px solid #1e89c8;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
	width: 70%;
	text-align: center;
	margin: 0 auto 50px;
	
}
.wpcf7-form-control-wrap .last, .wpcf7-list-item{
    
}
#mailformpro {
	font-size: 13px;
	margin-top: 30px;
}
#mailformpro table tr td {padding: 15px;
}
#mailformpro table tr td p {
}
.size {
	font-size: 13px;
	line-height: 1.5em;
	margin-top: 5px;
}
.font13{
	font-size: 13px;
	line-height: 1.5em;
}
.top10{
	margin-top: 10px;
}
.info-box span{
	margin: 0 2px;
}
.wpcf7-form{
	margin-top: 30px;
	
}
.table-box02{
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.table-box02-last{
display: table;
width: 100%;
border-bottom:1px solid #c9c9c9;
box-sizing: border-box;
}

.table-box02-l{
	font-size: 14px;
	width: 30%;
	padding: 10px;
	border-top: 1px solid #c9c9c9;

	vertical-align: middle;
	box-sizing: border-box;
	line-height: 1.6em;
	display: table-cell;
	font-weight: bold;
	text-align: left;

}
.table-box02-r{
	width: 70%;
	display: table-cell;
	text-align: left;
	padding: 10px;
	border-top: 1px solid #c9c9c9;
	box-sizing: border-box;
	font-size: 14px;

}


.wpcf7-list-item{margin: 0 10px 0 0;white-space: nowrap;}

.wpcf7-form input[type="text"],
input[type="text01"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"],
.wpcf7 textarea,
textarea.form-control,
.wp-editor-container{
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	padding: 10px 10px 15px 10px;
	margin: 2px 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	color: #333;
	font-size: 14px;
	line-height: 1.6em;
	background-color: #F8F8F8;	
}


input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea,
textarea .wpcf7-form-control,
.wp-editor-container{
	
}
input[type="text"]{
	
}
.text02{
	width: 100%;
}
.text05{
	width: 40%;
}
 .wi20{
	width: 20% !important;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 10px 0 0 !important;
}

.checkbox-l select{
font-size: 20px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
padding: 4px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
width: 70%!important;
border: 1px solid #999!important; 
background: #fff!important; 
}



input[type="date"], 
select{
font-size: 13px!important;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
padding: 6px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px 0; 
border: 1px solid #999!important; 
background: #fff!important; 
box-sizing: border-box;
}

.wpcf7{text-align: center;}
.contact-title{position:absolute; top:0px; left: 10px;}

.must {
	font-size: 11px;
	color: #fff;
	margin-left: 3px;
	background-color: #ef6f6f;
	padding: 2px 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-weight: normal;	
	
}
.submitbtn  input {
    width: 110px;
    border: none;
    padding: 10px 10px;
}
.submitbtn  input[type='submit']{
	display: block;
	padding: 15px 20px;
	border-radius: 3px;
	width: 200px;
	margin: 30px auto 0;
	text-align: center;
	color: #fff;
	border: none;
	background-color: #ef6f6f;
	font-size: 15px;
	font-weight: bold;	
}
.submitbtn  input[type="submit"]:hover {
	color: #fff;
	opacity: 0.8;
	background-color: #ef6f6f;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
.checkbtm{
	border-bottom: 1px solid #c9c9c9;
	margin: 0 0 15px 0;
	padding: 15px 0;
	font-weight: bold;	
	
}
.failure{
	text-align: left;
	margin: 40px 0;
	
}
/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
input[type="text"],
input[type="text01"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea,
textarea.form-control,
.wp-editor-container{
font-size: 13px!important;
}
.left-30{
	margin-left: 0px !important;
}		
input[type="text"]{

}
 .wi20{
	width: 35% !important;
}
.table-box02-l{
	font-size: 14px;		
	}
	
	
.submitbtn input {
    width: 65%;
    border: none;
    padding: 10px 10px;
    min-height: 20px;
}
input[name="f_am"]{
font-size:10.8px;
}
.db{
display:block;
}
 input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.bordertop{
	border-top: 1px solid #c9c9c9;
}
.table-box02{
	border-bottom: 1px solid #c9c9c9;
}
.table-box02-l{
	width: 100%;
	padding: 10px 10px 0;
	border: none;
	vertical-align: middle;
	box-sizing: border-box;
	line-height: 1.6em;
	display: block;
}
.table-box02-last {
   
}
.table-box02-r{
width: 100%;

	display: table-cell;	
text-align: left;
padding: 10px;
border: none;
display: block;}
/* 	
.wpcf7-form-control{
	display: block;	
	}	*/
	
.checkbtm {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    font-weight: bold;
}
.text05{
	width: 50%;
	margin-bottom: 5px;
	display: inline !important;
}
/* コンタクフォーム*/
.con-box{
	width: 90%;
	text-align: center;
	margin: 0 auto 30px;
	padding: 10px 4%;	
}
input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
}
.in_line a{
width: 80%;
}
}