@charset "utf-8";

*{
  box-sizing:border-box;
}
/* support iOS */
html{
	height: -webkit-fill-available;
}

body{
	margin:0;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
	font-size: calc( 13px + 0.3vw);
	-webkit-appearance: none;
	-webkit-text-size-adjust: 100%;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}


@media(min-width:961px){
	.sponly{
	  display:none !important;
	}
  }
@media(max-width:960px){
  .pconly{
    display:none !important;
  }
}
@media(min-width:561px){
	.show_sp{display: none !important;}
 }
 @media(min-width:961px){
	.show_sptb{display: none !important;}
 }
 @media(max-width:560px){
	.show_tbpc{display: none !important;}
 }
 @media(max-width:960px){
	.show_pc{display: none !important;}
 }

/*変数*/
:root{
	--basecolor: #edffe9 ; /*基本色*/
	--sabcolor: #f2ffec; /*サブカラー*/
}

img{
  max-width:100%;
  vertical-align:bottom;
}


p{
	margin:0
}

h3{
	margin:0;
}

a{
  text-decoration: none;

}



a:hover{
  /*filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;*/
}
.tac{
	text-align: center;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
.mg0{
	margin: 0 auto;
}


.margin1{
	margin:10px
}
.margin2{
	margin:20px
}
.margin3{
	margin:30px
}
.margin4{
	margin:40px
}
.margin5{
	margin:50px
}
.mgb1{
	margin-bottom:10px
}
.mgb2{
	margin-bottom:20px
}
.mgb3{
	margin-bottom:30px
}
.mgb4{
	margin-bottom:40px
}
.mgb5{
	margin-bottom:50px
}
.mgt1{
	margin-top:10px
}
.mgt2{
  margin-top:20px
}
.mgt3{
	margin-top:30px
}
.mgt4{
	margin-top:40px
}
.mgt5{
	margin-top:50px
}
.mgl1{
	margin-left:10px
}
.mgl2{
	margin-left:20px
}
.mgl3{
	margin-left:30px
}
.mgl4{
	margin-left:40px
}
.mgl5{
	margin-left:50px
}
.mgr1{
	margin-right:10px
}
.mgr2{
  margin-right:20px
}
.mgr3{
	margin-right:30px
}
.mgr4{
	margin-right:40px
}
.mgr5{
	margin-right:50px
}
.n_mgt5{
	margin-top:5%
}

.padding1{
	padding:10px
}
.padding2{
	padding:20px
}
.padding3{
	padding:30px
}
.padding4{
	padding:40px
}
.padding5{
	padding:50px
}
.pdt1{
	padding-top:10px
}
.pdt2{
  padding-top:20px
}
.pdt3{
  padding-top:30px
}
.pdt4{
  padding-top:40px
}
.pdt5{
	padding-top:50px
}
.pdt6{
	padding-top:60px
}
.pdt7{
	padding-top:70px
}
.pdt8{
	padding-top:80px
}
.pdt9{
	padding-top:90px
}
.pdt10{
	padding-top:100px
}
.pdb1{
	padding-bottom:10px
}
.pdb2{
  padding-bottom:20px
}
.pdb3{
  padding-bottom:30px
}
.pdb4{
  padding-bottom:40px
}
.pdb5{
	padding-bottom:50px
}
.pdb6{
	padding-bottom:60px
}
.pdb7{
	padding-bottom:70px
}
.pdb8{
	padding-bottom:80px
}
.pdb9{
	padding-bottom:90px
}
.pdb10{
	padding-bottom:100px
}
.pdr5{
	padding-right:30% ;

}

/*----------
特殊例
-----------*/
/*----------
マーカー下線
----------*/
.marker_line {
    background: linear-gradient(transparent 60%, var(--basecolor) 0%);
}
.marker_line_oreng{
	background: linear-gradient(transparent 50%, #ffd95d9f 50%);
}
/*---------
 題字下下線
 ----------*/
.hr-green {
    border-top: 2px solid #3ca27e;
    width: 80px;
}
/*--------------
矢印が右に移動する
----------------*/
.btnarrow4{
    /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;
    /*形状*/
    display:block;
    color: #333;
    text-decoration: none;
    outline: none;
}
/*矢印と下線の形状*/
.btnarrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
	position: absolute;
    bottom:-8px;
    left:0;
    /*下線の形状*/    
    width: 60%;
    height: 1px;
	background:#333;
    /*アニメーションの指定*/
    transition: all .3s;
}
.btnarrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    bottom:-3px;
    right:40%;
    /*矢印の形状*/    
    width: 15px;
    height:1px;
	background:#333;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
/*hoverした際の移動*/
.btnarrow4:hover::before{
    left:10%;
}
.btnarrow4:hover::after{
    right:30%;
}

/*-------------
ボタン共通設定
--------------*/
.btn06{
    /*矢印の基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	color:#000000;
    padding: 10px 40px 10px 30px;
    text-align: right;
    outline: none;
	border: 1px solid #83e66d ;
	background-color: #83e66d;
    /*アニメーションの指定*/
    transition: ease .2s;
}

.btn06:hover{
	background-color: #cbfcdb ;
	border: 1px solid #cbfcdb;
}
/*--------------
矢印が右に移動
--------------*/
.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    top:42%;
    right: 20px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 11px;
}

/*------------
きらっと光る
------------*/
.btnshine{
    /*キラッと光る基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/	
	display:inline-block;

    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    outline: none;
    overflow: hidden;
}

/*キラッと光る*/
.btnshine::before {
	content: '';
    /*絶対配置でキラッと光るの位置を決める*/
	position: absolute;
	top: 0;
	left: -75%;
    /*キラッと光る形状*/
    width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.btnshine:hover::before {
	animation: shine 0.7s;
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

/*-------------
 文字animation
-------------*/
@-webkit-keyframes passing-bar{
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/* css */
.passing .passing-box {
	display: block;
	text-align: center;
}
.passing .passing-bar {
	position: relative;
	display: inline-block;
	/*　後ほど解説　*/
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* 任意の値 */
	background: #11b319;
}
.passing .passing-txt {
	opacity: 0;
	/* 後ほど解説 */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* 任意の値 */
	font-size: 3vw;
	font-weight: bold;
	line-height: 1.5;
}
.passing.move .passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}



/*------------*/

.flex{
	display: flex;
}
.flex_wrap_reverse{
	display: flex;
}
.mask{
	display: block;
	line-height: 0;
	overflow: hidden;
}
.flex_wrap{
	display: flex;
	flex-wrap: wrap;
}

/*--------------------------------
       ここまでtemplate
---------------------------------*/
.site_menu{


}
.site-header{
    background: url(../img/menu_back_pc.png);
	background-size: 100%;
	background-position: bottom ;
    position: fixed;
    width: 100%;
	padding: 10px 0 80px;
	z-index: 1;
}
.site-header_wrap{
    display: flex;
	align-items: baseline;
	max-width: 1450px;
	margin: 0 auto;
	width: 95%;
	position: relative;
	padding-top:2vw
}
.taiseikai_logo{
	position: absolute;
	top: calc(10px + 1.5vw);
	right: 0px;
	width: 180px;
}


.site-logo{
	width: calc( 30vw - 4% );
	text-align: center;
	margin: 0;
}
.site-logo img{
	width: 300px;
}
.header_top_wave{
	position:absolute;
	top:0;
	width:100%;
	height: 1.8vw;
	background:url(../img/onthetop_blue.png) center top no-repeat;
	background-size:100% 100%;
}

.gnav{
	width: 65%;
	margin-left: 20px;
}

.gnav__menu{
    display: flex;
	align-items: flex-end;
	justify-content:  space-evenly;
	text-decoration: none;
	list-style: none;
	padding: 0;
	margin: 0;
}
.gnav__menu__item{
    margin-right: calc( 3.1vw - 22px);
	text-align: center;
	padding: 0 11px;
}
.gnav__menu__item a{
    color: #6e6e6e;
	font-weight: bold;

}
.gnav__menu__item a img{
	width: 50px;
	margin: 0 auto 10px;
	display: block;
}
.gnav__menu li:nth-child(2) a img{
	width: 95px;
}
.gnav__menu li:nth-child(4) a img{
	width: 40px;
}
.gnav__menu li:nth-child(6) a img{
	width: 60px;
}

.site-header{
    position: absolute;
    width: 100%;
}
.site-change_wrap{
    display: flex;
	align-items: baseline;
	max-width: 1450px;
	margin: 0 auto;
	width: 98%;
	position: relative;
}
.header-change{
    background: url(../img/menu_light-blue_pc.png) no-repeat bottom right,#FFF;
    background-size: calc(76vw + 700px);
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 35px;
    position: fixed;
    top: -250px;
    transition: .5s;
    width: 100%;
    z-index: 9999;
}
@media(max-width:1400px){
	.header-change{
	    background-size: calc(150vw - 400px);
	}
}
@media(max-width:1100px){
	.header-change{
	    background-size: calc(150vw - 300px);
	}
}

.header-change.show{
    top: 0;
}
.header-change .gnav__menu__item a{
    color: #6b6b6b;
    text-decoration: none;
}
.header-change .site-change_logo{
	position: relative;
	width: calc( 8vw + 250px );
}
.change_logo{
	display: block;
	width: 3800px;
	position: absolute;
	bottom: -100px;
	right: 0px;
}
.g_nav{
	width: 65%;
}



/*--ハンバーガーメニュー--*/


#g-nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:url(../img/sptb_menu_back.png),#fff;
    /*動き*/
	transition: all 0.3s;
}
/*装飾*/
#g-nav .sptb_menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
	opacity: 1;
	z-index:999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
.g-nav-list_wrap{
	max-width: 520px;
	width: 90%;
	margin: 40% auto 0;
	display: none;
    /*ナビゲーション天地中央揃え*/
    /*position: absolute;
    z-index: 999;
    top:35%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);*/
}


#g-nav.panelactive .g-nav-list_wrap {
    display: block;

}

/*リストのレイアウト設定*/
#g-nav ul{
	background: #fff691;
	padding: 20px 0 20px 40px;
	margin: 0;
	position: relative;
}
.g-nav-list_design{
	position: absolute;
	top: -4%;
	right: 4%;
	width: 80px;
}
#g-nav li{
	list-style: none;
    text-align: left; 
}

#g-nav li a{
	color: #333;
	text-decoration: none;
	padding:5px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.g-nav-box a{
	display: block;
	width: 48%;
	color: #000;
	text-align: center;
	background:#63c2f0 ;
	padding: 2% 2% 4%;
}
.g-nav-box a table{
	text-align: center;
	width: 100%;
}
.g-nav-box a table th{
	height: 112px;
	vertical-align: center;
}
.g-nav-box a table td{
	vertical-align: top;
	font-size: 130%;
}
.g-nav-box a:nth-child(2n){
	margin: 4% 0% 0% 2%;
}
.g-nav-box a:nth-child(2n-1){
	margin: 4% 2% 0 0%;
}
.g-nav-box a:nth-child(n+2):nth-child(-n+3),
.g-nav-box a:nth-child(n+6):nth-child(-n+7){
	background: #fbd98c;
}
.g-nav-box a img{
	width: 65px;
	display: block;
	margin: 0 auto;
}
.g-nav-box a:nth-child(2) img{
	width: 112px;
}
.g-nav-box a:nth-child(4) img{
	width: 45px;
}

.sptb_menu_footer{
	font-size:80%;
	background: url(../img/footer_back.png) no-repeat bottom center / contain ,#fff;
	padding:40px 0;
	margin-top: 50px;
}
.sptb_menu_footer .tel_address{
	text-align: center;
	margin-bottom: 50px;
}
#g-nav .copyright{
	margin: 0;
	padding: 10px 0;
}
/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:40px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
	background: #fff;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #666;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
.openbtn.active{
	background: none;
}

/*----------- 横からでてくるやつ -------------*/
#sslink{
	cursor: pointer;
    position: fixed;
    z-index: 9999;
	right: -50px;
	bottom: 15%;
}
#sslink a{
	display: block;
	width: 170px;
	font-size: 80%;
	background: #0356a7;
	padding: 20px;
	border-radius:130px 0px 0 130px;
	transition: all 0.2s;
	color: #fff;
	font-family: 'Kosugi', sans-serif;
}
#sslink a img{
	width: 45px;
	display: block;
	margin: 0 0 5px;

}
#sslink a:nth-child(2){
	background: #ec6c00;
	margin: 20px 0 0;
}
#sslink a:nth-child(2) img{
	width: 40px;
	margin: 0 0px 5px 15px;
}

#sslink a:hover{
	transform: translate(-30px, 0);
}
/*----------- 横からでてくるやつここまで -------------*/

.news{
	padding: 50px 0;
	position: relative;
	background: #d8eef7;
}

.intro_wrap{
	max-width: 650px;
	width: 95%;
	margin: 0 auto;
	position: relative;
}
.intro_wrap iframe{
	width:100%;
	height:235px;
	margin: 6px 0 0;}
/*トップの下のnewsとかintroductionの幅はこれ*/
.hero_design_5{
	position: absolute;
	bottom: 0;
	left: 0vw;
	z-index: 6;
}
.daiji_blue{
	text-align: center;
	color: #0356a7;
	margin-bottom: 0;}

.intro_line{
	display: block;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news_block{
	padding: 10px 0 0 10px;
	background: #fff;
	font-weight:bold;
}
.news_list iframe{
	box-sizing:border-box;
	border:none;
	width:100%;
	height:98%;
}
.news_title{
	display: block;
	margin: 20px 0;
	color: #6e6e6e;
}
.news_title time{
	color:#0356a7 ;
}
.intro_wrap .tac p{
	margin: 30px 0;
	color: #000;
	/* font-size: 90%; */
}
.intro_wrap .tac .bold{
	font-size: 107%;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
}
.intro_wrap .tac h3{
	color:#0356a7 ;
	margin: 30px auto 10px;
}
.news_pc_design_1{
	position: absolute;
	top: 50px;
	left: calc( -19vw - 20px );
	width: 8vw;
}
.news_pc_design_2{
	width: calc( 11vw - 15px );
	position: absolute;
	top: -110px;
	right: calc( -15vw - 15px );
}
.slider_design_2{
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 1;
}

/*index_introduction*/
.index_introduction{
	background: #d8eef7;
	padding-bottom: 150px;
}
.index_introduction.marin_about{
	padding:50px 0 150px;
}
.marin_about_box{
	max-width: 800px;
	width: 90%;
	margin: 0 auto 50px;
}
.marin_about_box h2{
	margin: 0 auto 20px;
	text-align: center;
	color:#0356a7
}
.marin_about_box h2 span{
	display: block;
	font-size: 20px;
}
.marin_about_box p{
	margin: 20px 0;
}

.index_introduction_wrap{
	max-width: 1300px;
	margin: 0 auto;
	width: 95%;
}
.contents_wrap{
	max-width: 1300px;
	margin: 0 auto;
	width: 95%;


}/*contentsなどの幅はこれ*/
.index_intro_box{
	width: 29.3%;
	margin: 0 auto;
	display: block;
	z-index: 2;
}
.index_intro_box img{
	border-radius: 5%;
}
.index_intro_box:nth-child(2){
	margin:5% 2% 0;
}
.index_intro_box:nth-child(3){
	margin:10% 0% 0 2%;
}
.blue_link{
	display: inline-block;
	color: #0356a7;
	position: relative;
	font-weight: bold;

}
.blue_link::after{
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 10px;
	height: 15px;
	background: url(../img/slide.png) no-repeat;
	transition: all 0.3s;
}
.blue_link:hover{
	color: #ec6c00;
}
.blue_link:hover::after{
	right: -20px;
}
.maru_daiji{
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0 20px;
}
.maru_daiji span{
	display: inline-block;
	position: relative;
	padding: 10px ;
	color: #fff;
}
.maru_daiji.green span::after{
	content: "";
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: #5fcca0;
	border-radius: 50%;
	z-index: -1;
}
.maru_daiji.pink span::after{
	content: "";
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: #f587a0;
	border-radius: 50%;
	z-index: -1;
}
.maru_daiji.peacock_green span::after{
	content: "";
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: #37afcb;
	border-radius: 50%;
	z-index: -1;
}
.index_intro_box .black{
	color: #000;
	margin: 20px 0;
	font-weight: bold;

}
.index_sp_design_1{
	display: none;
}
.index_sp_design_2{
	display: none;
}
.index_sp_design_3{
	display: none;
}

/*index_content*/
.index_content{
	margin: -50px auto;
	background: url(../img/index_content_back.png) no-repeat;
	padding: 100px 0;
	position: relative;
}
.index_content .flex{
	margin: 60px auto 40px;
}
.index_menu_box{
	width: 23%;
	margin: 0 2%;
}
.index_menu_box .mask{
	display: block;
	border-radius: 5%;
	z-index: 1;
	position: relative;
}
.index_menu_box img{
	transform: scale(1);
	transition: all 0.3s;
}
.index_menu_box:nth-child(1){
	margin: 0 2% 0 0;
}
.index_menu_box:nth-child(4){
	margin: 0 0 0 2%;
}
.index_menu_box .tac{
	color: #000;
	font-weight: bold;
	margin: 1em 0;
}
.more_link{
	text-align: center;
	border: 5px solid #ec6c00;
	background: #fff;
	padding: 10px 0;
	border-radius: 25px;
	color:#ec6c00 ;
	font-weight: bold;
	position: relative;
	transition: all 0.3s;
}
.more_link::after{
	content: "";
	position: absolute;
	top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width:15px ;
	height: 16px;
	background: url(../img/link_more.png);
	transition: all 0.3s;
}
.index_menu_box:hover .more_link{
	color: #fff;
	background: #ec6c00;
	border: 5px solid #fff;
}
.index_menu_box:hover img{
	transform: scale(1.2);
}




/*------------- footer -------------*/
.site_footer{
	margin: 70px auto 0px;
	padding-bottom: 130px;
	background: url(../img/footer_back.png) no-repeat;
	background-size: contain;
	background-position: bottom;
	position: relative;
}
.footer_wrap{
	max-width: 1000px;
	margin: 0 auto;
	width: 95%;
	position: relative;
	text-align: center;
}
.footer_pc_design_1{
	position: absolute;
	top: 20px;
	left: calc( 2vw - 15px );
}
.footer_pc_design_2{
	position: absolute;
	top: 5%;
	right: calc( 2vw - 15px );
}
.footer_wrap .tac{
	width: 30%;
	margin: 0 auto;
}
.contact_link{
	display: inline-block;
	margin: 2em auto;
	color: #fff;
	background:#ec6c00 ;
	padding: 12px 24px;
	border: #ec6c00 2px solid;
	border-radius: 30px;
	font-weight: bold;
	transition: all 0.3s;
}
.contact_link:hover{
	color: #ec6c00;
	background:#fff ;
}
.tel_address{
	color: #0356a7;
}
.tel_address a{
	color: #0356a7;
	font-size: 150%;
	font-weight: bold;

}
.tel_address h3{
	font-weight: normal;
	font-size: 90%;
	margin: 1.5em auto;
}
.copyright{
	background:#f6ab00;
	text-align: center;
	padding: 20px 0 10px;
	margin: -10px auto 0;
	color: #000;
	bottom: 5%;
	left: 5%;

}
.hero_title_top{
	text-align: center;
	color: #0356a7;
	margin-bottom:8px;
}



/*---------------ここから別ページ---------------*/
/*----別ページtop-----*/
.hero_area{
	padding-top: 250px;
	position: relative;
}
.hero_title{
	text-align: center;
	color: #0356a7;
	margin-bottom: 20px;
}
.hero_title .title_jpn{
	font-size: 160%;
	margin: 10px 0 0px;
	font-weight: bold;
}
.hero_title img{
	width: 5%;
}
.hero_title.yokonaga img{
	width: 9%;
}
.hero_title.tatenaga img{
	width: 5%;
}
.hero_design_1{
	position: absolute;
	bottom: 45%;
	left: 13%;
	width: 12vw;
}
.hero_design_2{
	position: absolute;
	bottom: calc( 26vw - 10px);
	right: 13%;
	width: 6vw;
}
.hero_design_3{
	position: absolute;
	bottom: 55%;
	right: 0vw;
	width: calc( 14.3vw - 20px );
}
.hero_design_4{
	position: absolute;
	bottom: 10%;
	left: 14vw;
	width: 4vw;
}
.hero_design_5{
	position: absolute;
	bottom: -2%;
	left: 0vw;
	z-index: 2;
	width: calc( 28vw - 6px );
}
/*ここまで別ページのTOP*/

/*別ページの最初・introduction・contents共通*/

.introduction{
	margin: 120px 0 60px;
}
.intro_block{
	color: #0356a7;
	padding: 5% 0;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}
.marin_intro_block{
	margin: 25px 0;
}
.contents_mizuiro{
	background: url(../img/mizuiro_back.jpg) ;
	position: relative;
	background-position: left top 129px;
	background-size: auto;
	overflow: hidden;
	padding: 0px 0 0 0;
	width: 100%;
}
.contents_mizuiro::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	background: url(../img/mizuiro_back_top.jpg);
}
.contents_yellow{
	background: url(../img/yellow_back.jpg) ;
	position: relative;
	background-position: left top 129px;
	background-size: auto;
	overflow: hidden;
	padding: 0px 0 0 0;
	width: 100%;
}
.contents_yellow::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 129px;
	background: url(../img/yellow_back_top.jpg);
}

/*別ページの最初・introduction・contents共通ここまで*/

/*園の特色*/
.tokusyoku_blue_kumo_1{
	position: absolute;
	right: 5vw;
	top: 29%;
	width: 20vw;
}
.tokusyoku_blue_kumo_2{
	position: absolute;
	left: 0%;
	bottom: 36%;
	width: 20vw;
}
.tokusyoku_blue_kumo_3{
	position: absolute;
	left: -4vw;
	top: 15%;
	width: 20vw;
}
.tokusyoku_blue_kumo_4{
	position: absolute;
	right: calc( -7vw - 15px );
	bottom: 20%;
	width: 20vw;
}
.tokusyoku_intro_design_1{
	position: absolute;
	top: 50px;
	left: calc( -19vw - 20px );
	width: 10vw;
}
.tokusyoku_intro_design_2{
	width: calc( 11vw - 15px );
	position: absolute;
	top: -110px;
	right: calc( -15vw - 15px );
}

.tokusyoku_pd{
	padding: 20px 0 170px;
}
.tokusyoku_block{
	display: flex;
	margin-top: 150px;
	position: relative;
	z-index: 2;
}
.tokusyoku_block:nth-child(1){
	margin-top: 100px;
}
.tokusyoku_img{
	width: 40%;
	text-align: center;
	align-self: flex-start;

}
.tokusyoku_img img{
	width: 100%;
	border-radius: 15px;

}
.tokusyoku_txt{
	width: 55%;
	color: #000;
	align-self: baseline;
	position: relative;
	padding: 4% 3% 0;
}
.tokusyoku_txt.l_s,.tokusyoku_txt.r_S{
	align-self: flex-start;
}
.tokusyoku_txt.r_M::after,.tokusyoku_txt.r_S::after{
	content: "";
	position: absolute;
	width: 105%;
	height:86%;
	bottom: -30px;
	right: 0;
	background: #fff;
	z-index: -1;
}
.tokusyoku_txt.l_M::after,.tokusyoku_txt.l_s::after{
	content: "";
	position: absolute;
	width: 105%;
	height: 86%;
	bottom: -30px;
	left: 0;
	background: #fff;
	z-index: -1;
}


.tokusyoku_title{
	color: #fff;
	width: fit-content;
	padding: 8px 25px;
	letter-spacing: 2px;
	font-size: 120%;
	font-weight: normal;
}
.tokusyoku_title.orange{
	background: #f6ab00;
}
.tokusyoku_title.blue{
	background: #0356a7;
}
.tokusyoku_txt p{
	padding: 4%;
	line-height: 2em;
}
.tokusyoku_txt p span{
	display: block;
	margin-top: 10px;
	font-weight: bold;
}
.tokusyoku_design_1{
	position: absolute;
	bottom: -30px;
	right: 0;
	width: 6vw;
}
.tokusyoku_design_2{
	position: absolute;
	top: 20px;
	right: -10px;
	width: 7vw;
}
.tokusyoku_design_3{
	position: absolute;
	bottom: -90px;
	left: -100px;
	width: 10vw;
}
.tokusyoku_design_4{
	position: absolute;
	bottom: -200px;
	left: -200px;
	width: 7vw;
}

/*園について*/
.back_on_white{
	max-width: 1150px;
	width: 95%;
	margin: 130px auto ;
	background: #fff;
	position: relative;
	padding: 5%;
}
.back_on_white.sumi_4{
	background-image: linear-gradient(45deg, #f6ab00 15px, transparent 0),
	linear-gradient(-45deg, #f6ab00 15px, transparent 0),
	linear-gradient(135deg, #f6ab00 15px, transparent 0),
	linear-gradient(-135deg, #f6ab00 15px, transparent 0);
}
.contents_mizuiro .contents_wrap{
	z-index: 1;
	position: relative;
}
.back_on_white_sumi_2{
	margin: 200px auto;
	max-width: 1100px;
	width: 95%;
	position: relative;
}
.back_on_white_sumi_2::after{
	content: "";
	position: absolute;
	width: 95%;
	height: 95%;
	top: 0;
	left: 0%;
	background:
	linear-gradient(45deg, #f6ab00 15px, transparent 0),
	linear-gradient(-45deg, #f6ab00 15px, transparent 0),
	linear-gradient(135deg, #f6ab00 15px, transparent 0),
	linear-gradient(-135deg, #f6ab00 15px, transparent 0),#fff;
	z-index: -1 ;
}

.about_img{
	width: 50%;
	margin-top: -5%;
}
.about_img img{
	width: 65%;
	border-radius: 25px;
}

.about_img div:nth-child(2){
	text-align: right;
	margin: 10% 0 ;
}
.about_img div:nth-child(3) img{
	width:60% ;
}
.about_img div:nth-child(4){
	margin-top: 15%;
	padding-left: 10%;
}
.about_txt{
	width: 50%;
	padding: 7% 3% 3% 6%;
}
.about_box{
	margin: 15% 0;
}
.about_box:nth-child(1){
	margin: 0;
}
.blue_circle{
	color: #0356a7;
	position: relative;
	padding-left: 25px;
}
.blue_circle::after{
	content:"●";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.about_box ul{
	padding: 0 0px 0 20px;
	margin: 0;
}
.about_box li{
	color: #0356a7;
}
.about_box li span{
	color: #000;
}
.about_blue_kumo_1{
	position: absolute;
	width: 18vw;
	top: 37%;
	left: -3vw;
	z-index: 2;
}
.about_blue_kumo_2{
	position: absolute;
	width: 16vw;
	top: 48%;
	right: 5%;
	z-index: 2;
}
.about_blue_kumo_3{
	position: absolute;
	width: 20vw;
	bottom: 14%;
	left: -3%;
	z-index: 2;
}
.about_blue_kumo_4{
	position: absolute;
	width:8vw;
	bottom: 34%;
	left: 6%;
	z-index: 2;
}



/*園プロフ*/
.garden_info{
	max-width: 1200px;
	margin: 50px auto 100px;
}
.garden_info h2{
	margin: 0;
	text-align: center;
	color: #0356a7;
}
.garden_info p{
	color: #0356a7;
	text-align: center;
	border-top: 2px solid #0356a7;
	width: fit-content;
	margin: 10px auto;
	padding-top: 10px;
}
.garden_info .contents_wrap{
	margin-top: 30px;
}
.garden_info_txt,.garden_info_img{
	width: 50%;
}
.garden_info_txt{
	padding-left: 6%;
}
.garden_info_img{
	text-align: center;
	position: relative;
}
.garden_info_img .garden_info_design{
	position: absolute;
	width: 10vw;
	bottom: -60px;
	right: 70px;

}
.garden_info_img img{
	width: 60%;
}

.garden_info dl{
	margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}
.garden_info dt{
	float: left;
    margin-left: 0px;
	color: #0356a7;
}
.garden_info dd{
    margin-left: 80px;
}
.garden_info p span{
	display: inline-block;
}
.garden_table_box .pokipoki span{
	 display: inline-block;
}


/*入園のtable*/
.garden_table_1{
	max-width: 1100px;
	width: 95%;
	margin: 60px auto;
}
.garden_table_1 h3{
	color: #0356a7;
	margin-bottom: 10px;
}
.garden_table_1 dl{
	margin: 5px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
	border-bottom: #cccccc 4px dotted;
	display: flex;
}
.garden_table_1 dt{
	width: 23%;
	padding: 1%;
	text-align: center;
	align-self: center;

}

.garden_table_1 dd{
	width: 75%;
	padding: 1%;
	margin: 0;
}
.garden_table_1 p{
	width: 2%;

}
.garden_table_1 p.boder{
	width: 2%;
	position: relative;
}
.garden_table_1 p.boder::after{
	content: "";
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	height: 100%;
	border-left: #cccccc 4px dotted;
}
.garden_table_1 .daiji,.garden_table_2 .daiji{
	padding-bottom: 20px;
	border-bottom: none;
	border-bottom: #cccccc 4px dotted;
}
.garden_table_1 .daiji dt,.garden_table_2 .daiji dt{
	background-color: #b9e4f5;
	border: none;
}
.garden_table_1 .daiji dd,.garden_table_2 .daiji dd{
	background: #fff5aa;
	text-align: center;
}
.garden_table_2 .daiji dd{
	position: relative;
}
.garden_table_2 .daiji dd::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #fff5aa transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}
.garden_table_2 .daiji dd.sel2{
	background: #ffe0aa;
	position: relative;
}
.garden_table_2 .daiji dd.sel2::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #ffe0aa transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}
.garden_table_2{
	max-width: 1100px;
	width: 95%;
	margin: 40px auto;
	text-align: center;
}
.garden_table_2 dl{
	margin: 5px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
	border-bottom: #cccccc 4px dotted;
	display: flex;

}
.garden_table_2 dt{
	width: 23%;
	padding: 1%;
	text-align: center;
	align-self: center;
}
.garden_table_2 dd{
	width: 23.5%;
	padding: 1%;
	margin: 0;
	align-self: center;
}
.garden_table_2 .sel2{
	width: 49%;

}
.garden_table_2 .sel3{
	width: 74.5%;
}
.garden_table_2 p{
	width: 2%;
}
.garden_table_2 p.boder{
	width: 2%;
	position: relative;
}
.garden_table_2 p.boder::after{
	content: "";
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	height: 100%;
	border-left: #cccccc 4px dotted;
}
.garden_table_design_1{
	position: absolute;
	top: 26%;
	right: 8%;
	width: 6vw;
	z-index: 2;
}
.garden_table_design_2{
	position: absolute;
	bottom: 25%;
	left: 5%;
	width: 8vw;
	z-index: 2;
}


/*アクセス*/
.map{
	max-width: 1000px;
	width: 95%;
	margin: 50px auto 100px;
}
.map h3{
	color: #0356a7;
	margin: 0 0 1em ;
}
.map iframe{
	width: 50%;
	height: 300px;
}
.map_txt{
	width: 50%;
	padding-left: 2%;
}
.map_txt p{
	line-height: 1.5em;
}

.bold{
	font-weight: bold;
}
/*------------園の生活 information-----------*/
.on_intro{
	max-width: 900px;
	width: 95%;
	margin: 0 auto 60px;
}
.on_intro div{
	width: 23%;
	border-radius: 15px;
	margin: 0 1%;
}
.on_intro img{

	border-radius: 15px;
	margin: 0 2%;
}
.info_pc_design_1 {
    position: absolute;
    top: -100%;
    left: calc( -19vw - 20px );
    width: 15vw;
}

.info_pc_design_2{
	width: calc( 13vw - 15px );
	position: absolute;
	top: -130px;
	right: calc( -15vw - 15px );
}

/*入園の流れ*/
.contents_yellow .contents_wrap{
	margin: 129px auto ;
	max-width: 1000px;
	width: 90%;
}
.title_box{
	text-align: center;
	position: relative;
}
.title_box h3{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	color: #fff;
	letter-spacing: 2px;
	white-space: nowrap;
}
.title_box p{
	color: #0356a7;
}
.nagare_box{
	border: 2px solid #0356a7;
	border-radius: 15px;
	box-shadow: #0356a7 5px 5px;
	background: #fff;
	padding: 3%;
	margin: 5% 0 ;
	position: relative;
}
.nagare_box.blue_tail::after{
	content: "";
    position: absolute;
    right: 0;
    bottom: -42px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #0356a7 transparent transparent transparent;
    border-width: 40px 40px 0 40px;
}
.nagare_box.blue_tail::before{
	content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    bottom: -20px;
    left: 49%;

    /*矢印の形状*/
    width: 15px;
    height: 15px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(135deg);
	z-index: 1;
}
.nagare_title{
	text-align: center;
	background: #0356a7;
	border-radius: 25px;
	padding: 1% 0;
	color: #fff;
	margin-bottom: 3%;
}
.nagare_box .bold{
	font-weight: bold;
}
.nagare_design_1{
	position: absolute;
	top: 40%;
	right: calc( 2.3vw - 20px );
	width: calc( 11.5vw - 20px );
	z-index: 2;
}
.nagare_design_2{
	position: absolute;
	bottom: 20%;
	left: calc( 2.3vw - 20px );
	width: calc( 10.5vw - 23px );
	z-index: 2;
}

/*園の生活*/
.introduction .minus_margin{
	max-width: 1000px;
	margin: -150px auto 50px;

}
.introduction .minus_margin p{
	text-align: center;
	color: #0356a7;
	margin-top: 10px;
}
.on_intro_cut{
	max-width: 900px;
	width: 100%;
	margin: 0 auto 60px;
	background: url(../img/childcare_1.jpg) no-repeat;
	height:295px ;

	background-position: center center;
}
.on_intro_cut div{
	width: 32%;
	border-radius: 15px;
	margin: 0 2%;
}
.on_intro_cut img{
	border-radius: 15px;
	margin: 0 2%;
}


.schedule_pc{
	margin: 33px auto;
}


.facility_info{
	margin: 50px auto 50px;
	position: relative;
}
.facility_info .contents_wrap{
	max-width: 1000px;
	width: 95%;
}
.title_orange p{
	color: #0356a7;
	text-align: center;
	margin-top: 10px;
}
.title_box_design{
	position: absolute;
	bottom: -40px;
	right: 25%;
	width: calc( 8vw - 17px );
}
.facility_box{
	width: 23.5%;
	margin: 5% 2% 0 0;
}
.facility_box:nth-child(4n){
	margin: 5% 0 0 0%;
}
.facility_box .blue{
	text-align: center;
	color: #0356a7;
	margin: 5px auto;
}
.facility_box img{
	border-radius: 15px;
}
.facility_info_design_1{
	position: absolute;
	width: calc( 19vw - 15px );
	top: 0;
	left: 10vw;
}
.facility_info_design_2{
	position: absolute;
	width: calc( 18vw - 25px );
	top: 30%;
	right: 0vw;
	z-index: -1;
}
.facility_info_design_3{
	position: absolute;
	width: calc( 18vw - 25px );
	bottom: 2%;
	left: -5vw;
	z-index: -1;
}

.contents_suna{
	background: url(../img/suna_back_on.png) no-repeat center center / contain , url(../img/suna_back.jpg);
	position: relative;
	padding: 135px 0 ;
	width: 100%;
	margin-top: 0px;
}
.contents_suna::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 135px;
	background: url(../img/suna_back_top.jpg);
}

.contents_suna .contents_wrap {
	margin: 0px auto 0px;
	padding: 2%;
    max-width: 1000px;
    width: 90%;
	background: #fff;
	border-radius: 10px;
}
.event_design{
	position: absolute;
	top: 15px;
	left: 15%;
	z-index: 1;
	width: calc( 9vw - 10px );
}

/*-------------園だより-----------------*/
.newsletter{
	background: url(../img/mizuiro_back.jpg);
}
.newsletter .contents_wrap{
	padding: 100px 0;
}
.news_back_white{
	padding: 1%;
	border: 2px solid #0356a7;
	border-radius: 10px;
	background: #fff;
	max-width: 850px;
	width: 90%;
	margin: 0px auto;
}
.news_list{
	height: 400px;
	overflow: auto;
}
.news_list_block{
	margin-bottom: 30px;
	color: #0356a7;
}
.article_block .date, .article_block .title{
	color: #0356a7;
}
.article_block .title{
	position: relative;
	font-size: 130%;
	padding-bottom: 1em;
}
.article_block .title::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 6px;
	bottom: 0;
	left: 0;
	margin-bottom: 0.5em;
	background: url(../img/blue_dot.png);

}
.article_img{
	width: 100%;
	margin-top: 3%;
	flex-wrap:wrap;
}
.article_img > div{
	width:33%;
}
@media(max-width:760px){
	.article_img > div{
		width:50%;
	}
}
@media(max-width:500px){
	.article_img > div{
		width:100%;
	}
}


/*--------------- お問い合わせ ---------------*/

.contact_intro{
	margin: 50px auto ;
}
.contact_intro.pt_marin{
	width: 90%;
	margin: 50px auto;
}
.pt_marin_ttl{
	color: #0356a7;
	margin: 30px 0 0;
}
.pt_marin_p{
    color: #0356a7;
    background: #fff691;
	max-width: 500px;
	width: 90%;
	margin: 5px auto;
	text-align: left;
}


.lightblue_back{
    background: url(../img/lightblue_back.png);
    position: relative;
    background-position: left top 0px;
    background-size: auto;
    overflow: hidden;
    padding: 0px 0 0 0;
    width: 100%;
	margin-top: 0px;
}
.lightblue_back::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 129px;
    background: url(../img/lightblue_back_top.jpg);
}

.lightblue_back .contents_wrap{
	margin: 150px auto 70px;
	max-width: 1000px;
	width: 90%;
}
.qa_white_box{
	background: #fff;
	padding: 2%;
	border-radius: 10px;
	position: relative;
}
.qa_design_1{
	position: absolute;
	top: -60px;
	right: calc( -6vw - 10px );
	z-index: 1;
}
.qa_design_2{
	position: absolute;
	top: 0;
	left: calc( -10vw - 10px );
	z-index: 1;
}
.qa_design_3{
	position: absolute;
	top: -60px;
	right: 0;
	z-index: 1;
}
.qa_design_4{
	position: absolute;
	top: 10px;
	left: calc( -6vw - 10px );
	z-index: 1;
}
.qa_design_5{
	position: absolute;
	top: 10%;
	right: 40%;
	z-index: 1;
}
.qa_design_6,
.qa_design_7,
.qa_design_8,
.qa_design_9,
.qa_design_10,
.qa_design_11,
.qa_design_12{
	display: none;
}
.qa_box{
	flex-grow: 1;
	padding: 2%;
}
.qa_box p{

}
.qa_box:nth-child(3),
.qa_box:nth-child(4){
	margin-right: 2em;
	position: relative;
}
.qa_box:nth-child(3)::after,
.qa_box:nth-child(4)::after{
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0 0.5rem;
	content: "";
	width: 1px;
	height: 100%;
	border-left: dotted 4px #0356a7;
}
.qa_box div{
	text-align: center;
	color: #0356a7;
}
.qa_box div img{
	width: 70px;
}
.qa_box div p{
	font-weight: bold;
}
.qa_box p{
	margin-top: 10px;
}
.qa_box h3{
	margin-top: 10px;
	color: #000;
}
.qa_box span{
	display: block;
	text-align: center;
}
.qa_box .telphone{
	display: block;
	color: #e46d9c;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 150%;
}
.qa_box .faxphone{
	display: block;
	color: #f5a538;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 150%;
}
.qa_box .mail{
	display: block;
	color: #448fce;
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 120%;
	padding: 5px 0;
	border-radius: 25px;
	border: 3px solid #448fce;	
}
.qa_box.marin_shien_qa{
	flex-grow: 1;
	padding: 2%;
}
.qa_box.marin_shien_qa:nth-child(3)
{
	/* margin-right: 2em; */
	position: relative;
}
.qa_box.marin_shien_qa:nth-child(4){
		margin-right: 0em;
}
.qa_box:nth-child(3)::after{
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0 0.5rem;
	content: "";
	width: 1px;
	height: 100%;
	border-left: dotted 4px #0356a7;
}
.qa_box.marin_shien_qa:nth-child(4)::after{
	border:none
}



.question{
	margin: 50px auto;
}
.question p{
	margin: 0px auto 30px;
	text-align: center;
}
.question .more_link{
	display:block;
	margin: 0 auto;
	width: 30%;
	color: #ec6c00;

}
.question .more_link:hover{
	background: #0356a7;
	color: #fff;
	border: 5px solid #0356a7;

}


/*-------------6つの取組み------------*/
.torikumi{
	background: url(../img/torikumi_back.jpg);
	margin-top: -50px;
	overflow: hidden;
}
.torikumi .contents_wrap{

	padding: 100px 0 10px;
}
.torikumi_block{
	position: relative;
	background: #fff;
	border-radius: 15px;
	margin: 100px 0;
	padding: 0 7% 7%;
}
.torikumi_design_1{
	position: absolute;
	top: -20%;
	right: 0;
}
.torikumi_design_2{
	position: absolute;
	top: 25%;
	left: -13%;
}
.torikumi_design_3{
	position: absolute;
	top: 20%;
	right: -10%;
	width: 5vw;
}
.torikumi_design_4{
	position: absolute;
	top: 25%;
	left: -13%;
}
.torikumi_design_5{
	position: absolute;
	top: 20%;
	right: -10%;
	width: 6vw;
}
.torikumi_design_6{
	position: absolute;
	bottom: 20%;
	left: -10%;
	width: 5vw;
}
.torikumi_icon{
	position: absolute;
	top: -50px;
	left: 25px;
	width: 80px;
}
.torikumi_title{
	color: #0356a7;
	margin: 0 auto 0;
	position: relative;
	top: -30px;
	width: 30%;
	font-size: ;
	padding: 10px 0;
	text-align: center;
	border: 4px dotted #f4869f;
	border-radius: 50px;
	display: block;
	background: -webkit-repeating-linear-gradient(-45deg, #fff691, #fff691 5px,#ffffff 5px, #ffffff 10px);
    background: repeating-linear-gradient(-45deg, #fff691, #fff691 5px,#ffffff 5px, #ffffff 10px);
}
.torikumi_block .flex{
	margin-top: 20px;
}
.torikumi_img{
	width: 40%;
}
.torikumi_img img{
	border-radius: 10px;

}
.torikumi_txt{
	width: 60%;
	padding-left:5% ;
}
.torikumi_txt h3{
	color: #0356a7;
	margin-bottom: 20px;
}
.torikumi_txt .aoji{
	display: block;
	color: #0356a7;

}
.sage{
	text-indent: -1rem;
    padding-left: 1rem;
}
.sage p{
	margin-bottom: 6px;
    line-height: 1.5;
}
.sage span{
	color: #0356a7;
}


/*----------- 子育て支援センター -------------*/
.sien_white{
	background: #fff;
	border-radius: 15px;
	max-width: 1200px;
	width: 90%;
	margin: 150px auto;
	padding: 3% 7%;
	position: relative;
}
.sien_design_1{
	position: absolute;
	top: 5%;
	right: -15px;
}
.sien_design_2{
	position: absolute;
	top: 15%;
	right: -3%;
}
.sien_design_3{
	position: absolute;
	top: 10%;
	left: -2%;
}
.sien_design_4{
	position: absolute;
	top: 30%;
	left: -2%;
	width: 6vw;
}
.sien_design_5{
	position: absolute;
	top: 35%;
	right: 2%;
	width: 6vw;
}
.sien_design_6{
	position: absolute;
	top: 50%;
	right: -6%;
	width: 6vw;
}
.sien_design_7{
	position: absolute;
	bottom: 40%;
	left: -8%;
	width: 7vw;
}
.sien_design_8{
	position: absolute;
	bottom: 4%;
	left: 8%;
	width: 9vw;
}
.sien_design_9{
	position: absolute;
	top: 26%;
    right: 2%;
}
.sien_block{
	padding: 8% 0;
}
.sien_title{
	text-align: center;
	color: #0356a7;
}
.sien_block.border{
	border-bottom: 3px dotted #0356a7;
}
.sien_block h3{
	text-align: center;
	margin: 10px auto 0;
	color: #0356a7;
	background: #fff691;
	padding: 10px 15px;
	font-weight: bold;
	width: fit-content;
}
.sien_block ul{
	width: fit-content;
	margin: 20px auto 0;
}
.sien_block ul li{
	color: #0356a7;
}
.sien_block ul li span{
	color: #222222;
}

.sien_txt{
	width: 55%;
	padding-right: 5%;
}
.sien_txt_paragraph{
	margin: 25px auto;
}
.sien_txt h4{
	color: #ec6c00;
	margin:0 0 10px 0;
}
.sien_img{
	width: 45%;
	text-align: right;
}
.sien_img div{
	margin: 0 0 15% 0;
}
.sien_img div:nth-child(3){
	margin: 0;
}
.sien_img img{
	width:75% ;
	border-radius: 15px;
}
.omustu_blue{
	text-align: center;
	border: 2px solid #0356a7;
	padding: 10px 0;
	color: #0356a7;
	width: 40%;
	margin: 0 auto;
	font-weight: bold;
	border-radius: 25px;
}
.magin_auto{
	width: fit-content;
	margin: 30px auto ;

}

/*-------------dwonlord-------------*/
.dwonlord{
	background: url(../img/yellow_back.jpg);
}
.dwonlord .contents_wrap{
	padding: 150px 0;
}
.dwonlord_fff{
	margin: 0px auto;
	background: #fff;
	padding: 5%;
}
.dwonlord_block:nth-child(1){
	padding-bottom: 5%;
	margin-bottom: 5%;
}
.dwonlord_daiji{
	background:#fff691 ;
	color: #0356a7;
	padding: 15px 0;
	text-align: center;
	width: 30%;
	margin: 0 auto 50px;
	font-weight: bold;
	border-radius: 25px;
	letter-spacing: 1px;
	font-size:115%;
}
.dwonlord_icon{
	width: 33.3%;
	/* justify-content: center; */
	align-items: center;
	transition: all 0.3s;
}
.dwonlord_icon.han{
	width: 50%;
}
.dwonlord_icon img{
	width: 50px;
	transition: all 0.3s;
}
.dwonlord_icon p{
	color: #0356a7;
	font-weight: bold;
	font-size: 130%;
	margin-left: 10px;
	max-width:calc(100% - 60px);
}
.dwonlord_icon p span{
	display: block;
	color: #000;
	font-weight: normal;
	font-size: 78%;
}
.dwonlord_icon a:hover,a.dwonlord_icon:hover{
	opacity: 0.5;
}
.dwonlord_block.border{
	border-bottom: 3px dotted #0356a7;
}
.kaiji{
	margin:0 0 30px
}

/*------------contact---------------*/
.contact_form_daiji{
	text-align: center;
	margin: 40px auto;
}
.contact_form_daiji h2{
	color: #0356a7;
}
.contact_form_daiji h2 span{
	display: block;
	font-size: 60%;
	margin: 10px 0 0 ;
}
.contact_form_daiji img{
	width: 60px;
}
.contact_form{
}

form{
	max-width: 900px;
	margin: 0 auto;
	width:90%;
}

.co_table{
	max-width: 900px;
	width: 100%;
	border-bottom: 1px solid #ccc	;
	display: flex;
	margin: 0;
}
.co_table:nth-child(1){
	border-top:1px solid #ccc ;
}

.co_table dt{
	background: #d8eef7;
	width: 20%;
	padding: 1%;

}
.co_table dd{
	width: 79%;
	margin: 1% 0 1% 1%;
	
}
.co_table span{
	color: #fff;
	display: inline-block;
	background: #ec6c00;
	font-size: small;
	padding: 0 2%;
	border-radius: 25px;

}

input,textarea{
	width: 100%;
	height: 30px;
	border: none;
	border-radius: 5px;
	background-color: #f3f3f3;
}
textarea{
	height:100px
}
.short{
	width: 200px;
	margin-bottom:10px
}
input[type="submit"]{
	width: 30%;
	height: auto;
	text-align: center;
	border:1px solid;
	border-radius: 25px;
	padding:8px 20px ;
	background: #0356a7;
	color: #fff;
	
}
input[type="checkbox"] {
    width: auto;
    height: auto;
}
.submit_tac{
	text-align: center;
	margin-top: 30px;
}
.co_midashi1{
	position: relative;
}
.kazari_4{
	position: absolute;
	top:-30px;
	left:-40px;

}
.sp_bottom_menu{
	background: #fffcd2;
	position: fixed;
	bottom: -190px;
	width: 100%;
	z-index: 99;
	transition: 0.3s;
}
.spmenu2_show{
	bottom:0;
}

.border_block{
	border-bottom: dotted 2px #0356a7;
	width: 90%;
	margin: 0 auto;
}
.bottom_menu_block{
	flex: 1;
	text-align: center;
	align-self: flex-end;
	padding-bottom: 5px;
	display: block;
	color: #000;
	font-size:90%;
}
.bottom_menu_block img{
	width: 50px;
}
.bottom_menu_block p{
	font-weight: bold;
}
.bottom_menu_block span{
	display: block;
	color: #0356a7;
	font-size: 6px;
}
.bottom_menu_block:nth-child(1),
.bottom_menu_block:nth-child(2),
.bottom_menu_block:nth-child(3){
	position: relative;
}

.bottom_menu_block:nth-child(1)::after,
.bottom_menu_block:nth-child(2)::after,
.bottom_menu_block:nth-child(3)::after{
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0;
    content: "";
    width: 1px;
    height: 80%;
    border-left: dotted 2px #0356a7;
}
/*--------------SP--------------■■■■■■■■■■■*/
@media(max-width:1100px){
	/*menu*/
	.change_logo {
		display: block;
		width: 100%;
		position: absolute;
		bottom: -70px;
		right: 30px;
	}
	/**/
	.intro_wrap {
		max-width: 550px;
		width: 90%;
	}
	.news_pc_design_1 {
		left: calc( -16vw - 20px );
		width: 12vw;
	}
	.news_pc_design_2 {
		width: calc( 12vw - 15px );
		top: -80px;
		right: calc( -13vw - 15px );
	}
	.maru_daiji {
		font-size: 140%;
	}
	.maru_daiji.peacock_green span::after,
	.maru_daiji.green span::after,
	.maru_daiji.pink span::after{
		width: 50px;
		height: 50px;
	}
	/*footer*/
	.footer_pc_design_1 {
		position: absolute;
		top: 20px;
		left: calc( 2vw - 15px );
	}
	/*----別ページtop-----*/
	.hero_design_1{
		bottom: 24vw;
	}
	.hero_design_2{
		bottom: 24vw;
	}
	.hero_design_3{
		bottom: 26vw;
	}

}
@media(max-width:1000px){

}

@media(max-width:960px){
	/*------共通---------*/
	.flex_wrap_reverse{
		flex-wrap: wrap-reverse;
	}
	.flex{
		flex-wrap: wrap;
	}
	/*------ sp menu --------*/
	.header_menu_sp{
		position: fixed;
		left: 53px;
		top: 12px;
		z-index: 3;
		background-color: #55321f;
		border-radius: 5px;
	}
	.header_menu_sp img{
		width: 34px;
		vertical-align:bottom;
	}
	.contents_box{
		padding-left: 0;
	}
	.wrap2{
		margin: 50px 0 0;
	}
	/*----- sp under menu ------*/
	.sp_under{
		position: fixed;
		bottom: 0;
		text-align: center;
		width: 100%;
		display: flex;
		z-index: 1;
		font-family: 'Krona One', sans-serif;

	}
	.sp_under a{
		background-color: #55321f;
		font-size: 130%;
		display: inline-block;
		width: 50%;
		padding: 20px;
		color: #fff;
		letter-spacing: 3px;
	}
	.sp_under a:first-child{
		border-right:1px solid #fff
	}
	/*sptb_menu*/
	.sptb_menu{
		background:url(../img/sp_menu_top.png) no-repeat top center / contain , url(../img/menu_back_sp.png) no-repeat bottom center / cover ;
		padding-bottom: 0px;
		margin-bottom: -100px;
		z-index: 100;
		position: relative;
	}
	.sptb_menu .tac{
		padding: 10vw 0 11vw;
	}
	.sptb_menu .tac img{
		width: 75vw;
	}
	/*別ページ共通　ヒーローイメージ*/
	.hero_image img{
		width: 100%;
		height: 45vw;
		object-fit: cover;
		object-position: 30% 100%;
	}
	.hero_image img.show_sp{
		object-position: unset;
	}
	.hero_area{
		padding-top: 100px;
	}


	/*-------- contents -----------*/
	/*news*/
	.news{
		padding-top: 100px;
	}

	.news_sp_design_1{
		position: absolute;
		width: 25%;
		top: -50px;
		left: 0;
	}
	.news_sp_design_2 {
		position: absolute;
		top: -136px;
		right: -17px;
	}
	.news_sp_design_3{
		position: absolute;
		bottom: 50px;
		left: 0;
		width: ;
	}


	/*index_introduction*/
	.index_content{
		background: url(../img/index_content_back_sp.png) no-repeat;
	}
	.index_menu_box {
		width: 46%;
		margin: 2% 2%;
	}
	.index_menu_box:nth-child(1){
		margin: 2% 2% 0 2%;
	}
	.index_menu_box:nth-child(4){
		margin: 2% 2% 0 2%;
	}

	/*footer*/
	.footer_pc_design_2{
		width: calc( 25vw - 10px );
		top: -100px;

	}
	.footer_sp_design_1{
		position: absolute;
		top: 0;
		left: 0;
		width: calc( 15vw - 10px );
	}

	/*園の特色*/
	.tokusyoku_blue_kumo_1{
		left: -7vw;
		right: auto;
		top: 20%;

	}
	.tokusyoku_blue_kumo_2{
		left: auto;
		right: -10vw;
		bottom: 56%;
	}
	.tokusyoku_blue_kumo_3{
		right: -5vw;
		top: 4%;
		left: auto;
		z-index: 1;
	}
	.tokusyoku_blue_kumo_4{
		right: calc( -7vw - 15px );
		bottom: 20%;
	}
	.tokusyoku_intro_design_1{
		bottom: -100px;
		top: unset;
		left: 10px;
		width: 10vw;
		z-index: 2;
	}
	.tokusyoku_intro_design_2{
		top: unset;
		bottom: -140px;
		z-index: 2;
		right: 10px;
	}
	/*入園の流れ*/

	.nagare_box{
		margin: 10% 0;
	}

	/*contact*/
	.qa_white_box.flex{
		flex-wrap: nowrap;
	}
	.question .more_link{
		width: 60%;
	}
	/*チャイルドケア　一日のschedule*/
	.on_intro_cut{
		background-size: 130vw;
		height: 50vw;
		margin: 0 auto 10px;
	}


}
@media(max-width:900px){
	.maru_daiji {
		font-size: 120%;
	}
	.maru_daiji.peacock_green span::after,
	.maru_daiji.green span::after,
	.maru_daiji.pink span::after{
		width: 40px;
		height: 40px;
	}
	.maru_daiji span{
		padding: 7px;
	}
	/*dwonlord*/
	.dwonlord_icon.han,.dwonlord_icon{
		width: 100%;
		justify-content: flex-start;
		margin: 10px 0;
	}
	.dwonlord_daiji{
		width: 90%;
		margin: 0 auto 10px;
	}
	.dwonlord{
		background-size:450px
	}
	.dwonlord .contents_wrap{
		padding: 50px 0;
	}

}
@media(max-width:760px){
	/*園の特色*/
	.tokusyoku_design_1 {
		position: absolute;
		bottom: auto;
		top: 35%;
		right: 8vw;
		width: 12vw;
	}
	.tokusyoku_block{
		flex-wrap: wrap;
		margin-top: 90px;
		position: relative;
	}
	.tokusyoku_block:nth-child(1){
		margin-top: 60px;
	}
	.tokusyoku_block::after{
		content: "";
		position: absolute;
		width: 90%;
		height: 110%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		background: #fff;
		z-index: -1;
	}
	.tokusyoku_block.wrap_reverse{
		flex-wrap: wrap-reverse;
	}
	.tokusyoku_txt{
		width: 100%;
	}
	.tokusyoku_img{
		width: 100%;
		text-align: left;
	}
	.tokusyoku_img img{
		width: 60%;
		margin: 0 8%;
	}
	.tokusyoku_img:nth-child(2n){
		text-align: right;
	}
	.tokusyoku_txt.r_M::after,
	.tokusyoku_txt.r_S::after{
		content: none;
	}
	.tokusyoku_txt.l_M::after,
	.tokusyoku_txt.l_s::after{
		content: none;
	}
	.tokusyoku_txt p{
		width: 90%;
		margin: 0 auto;
	}
	.tokusyoku_title.blue{
		margin: 0 0px 0 auto;
	}

	/*園の概要*/
	.garden_info_txt{
		padding-left: 2%;
	}
	.garden_info dd{
		margin-left: 50px;
	}
	.garden_info_img img{
		width: 80%;
	}

}
@media(max-width:700px){
	/*index_introduction*/
	.index_introduction_wrap{
		width: 100%;
	}
	.index_intro_box{
		width: 100%;
		margin: 0 0% 0 0;
	}
	.index_intro_box:nth-child(2),.index_intro_box:nth-child(3){
		margin: 10% 0 0;
	}
	.index_intro_box img {
		border-radius: 0%;
	}
	.index_intro_box_wrap{
		max-width: 450px;
		width: 85%;
		margin: 0 auto;
		position: relative;
	}
	.maru_daiji{
		font-size: 180%;
	}
	.maru_daiji span {
		padding: 10px;
	}
	.maru_daiji.peacock_green span::after, .maru_daiji.green span::after, .maru_daiji.pink span::after {
		width: 50px;
		height: 50px;
	}
	.index_intro_box .black{
		font-size: 113%;
	}
	.index_sp_design_1{
		display: block;
		position: absolute;
		right: -0px;
		top: 43px;
		width: 40%;
	}
	.index_sp_design_2{
		display: block;
		position: absolute;
		top: -120px;
		right: 21%;
		width: 30px;
	}
	.index_sp_design_3{
		display: block;
		position: absolute;
		top: 30px;
		right: -10px;
		width: 20vw;
	}

	/*index_introductionここまで*/

	/*conyast*/
	.lightblue_back .contents_wrap{
		width: 85%;
	}
	.qa_white_box{
		padding: 5%;
	}
	.lightblue_back::after{
		width: 700px;
	}
	.qa_white_box.flex{
		flex-wrap: wrap;
	}
	.qa_box{
		width: 100%;
	}
	.qa_box:nth-child(3),
	.qa_box:nth-child(4){
	    margin-right: 2em;
	    position: relative;
	}
	.qa_box:nth-child(3), .qa_box:nth-child(4) {
		margin-right: 0em;
		margin-bottom: 2em;
	}
	.qa_box:nth-child(3)::after, .qa_box:nth-child(4)::after {
		position: absolute;
		top: unset;
		bottom: -20px;
		left: 0;
		margin: 0 0 0.5rem 0;
		content: "";
		width: 100%;
		height: 4px;
		border-left: none;
		border-bottom: dotted 4px #0356a7;
	}
	.question p{
		text-align: left;
	}
	.qa_design_1,.qa_design_2,.qa_design_3,.qa_design_4,.qa_design_5{
		display: none;
	}
	.qa_design_6,
	.qa_design_7,
	.qa_design_8,
	.qa_design_9,
	.qa_design_10,
	.qa_design_11,
	.qa_design_12{
		display: block;
		position: absolute;
	}
	.qa_design_6{
		right: -10px;
		top: 50px;
		width: 10vw;
	}
	.qa_design_7{
		left: -10px;
		top: 40%;
		width: 10vw;
	}
	.qa_design_8{
		top: 40%;
		right: -10px;
		width:20vw;
	}
	.qa_design_9{
		left: -10px;
		top: 20px;
		width: 10vw;
	}
	.qa_design_10{
		right: -30px;
		top: 40%;
		width: 10vw;
	}
	.qa_design_11{
		bottom: 20%;
		left: -20px;
		width:20vw;
	}
	.qa_design_12{
		z-index: 1;
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
}

@media(max-width:560px){
	body{
		font-size: 15px;
	}
	.sien_block h3{
		font-size:15px
	}
	/*sptb_menu*/
	.g-nav-list_wrap{
		margin: 75vw auto 0;
	}
	/*nesw*/
	.news {
		padding-top: 120px;
		padding-bottom:10px
	}
	.news::after{
		content: "";
		position: absolute;
		width: 100%;
		height: 34px;
		top: -34px;
		left: 0;
		background: url(../img/lightblue_back_sp.png) no-repeat;
	}
	.slider_design_2{
		position: absolute;
		top: -20px;
		left: -27vw;
		width: 60vw;
	}
	.intro_line::after {
		background-repeat: repeat-x;
		background-size: 450px;
	}
	.intro_wrap iframe{
		height: 220px;
	}
	.intro_wrap .tac h3{
		margin: 20px auto 10px;
	}
	.news_sp_design_3{
		width: 10vw;
		bottom: 70px;
	}
	/*index_introduction*/
	.index_introduction{
		padding-bottom: 100px;
	}
	.maru_daiji{
		/*margin: 20px 0 0;*/
	}
	.index_intro_box .black{
		margin: 10px 0;
	}

	/*index_content*/
	.index_content{
		background: url(../img/index_content_back_560.png);
		padding: 30px 0;
		margin: 0px 0 0;
	}
	.index_content::after{
		content: "";
		position: absolute;
		top: -30px;
		left: 0;
		width: 100%;
		height: 58px;
		background: url(../img/index_content_back_560_top.png) no-repeat;
		background-size: contain;
	}
	.index_content::before{
		content: "";
		position: absolute;
		bottom: -40px;
		left: 0;
		width: 100%;
		height: 58px;
		background: url(../img/index_content_back_560_under.jpg);
	}
	.index_content .flex {
		margin: 0px auto 0px;
	}
	/*footer*/
	.site_footer{
		padding-bottom: 50px;
	}
	.footer_wrap .tac{
		width: 50%;
	}
	.contact_link {
		margin: 1.5em auto 1em;
		border-radius: 35px;
		font-size: 110%;
	}
	.tel_address a{
		font-size: 160%;
		letter-spacing: 5px;
	}
	.tel_address h3{
		font-size: 95%;
	}
	.footer_pc_design_2{
		width: calc( 30vw - 10px );
		top: -75px;
		right: 10px;
	}
	.footer_sp_design_1 {
		top: 0;
		left: 0;
		width: calc( 23vw - 10px );
	}
	/*別ページ共通*/
	.marin_intro_block{
		padding: 0 0 30px;
	}
	.hero_title img {
		width: 19%;
	}
	.hero_title.yokonaga img{
		width: 30%;
	}
	.hero_title.tatenaga img{
		width: 17%;
	}
	.hero_design_1 {
		bottom: calc( 38vw - 10px );
		width: 30vw;
		left: 2%;
	}
	.hero_design_2 {
		bottom: calc( 39.5vw - -7px );
		width: 15vw;
	}
	.hero_design_3 {
		bottom: 60vw;
		width: calc( 30vw - 10px );
		right: 0vw;
	}
	.hero_design_3.sien{
		bottom: 53vw;
	}
	.introduction{
		margin: 30px auto;
	}
	/*園の特色*/
	.contents_mizuiro{
		background-size: 450px;
		background-position: left 20px 36px;
	}
	.contents_mizuiro::after{
		background-size: 450px;
		height: 20px;
	}
	.contents_yellow{
		background-size: 450px;
		background-position: left 20px 36px;
	}
	.contents_yellow::after{
		background-size: 450px;
		height: 20px;
	}
	.tokusyoku_pd{
		padding: 20px 0 80px;
	}
	.tokusyoku_design_1{
		top: 20%;
	}
	.tokusyoku_design_2 {
		top: 80px;
		right: 30px;
		width: 14vw;
	}
	.tokusyoku_design_3{
		bottom: auto;
		top: 60px;
		left: 20px;
		width: 19vw;
	}
	.tokusyoku_design_4{
		left: 30px;
		bottom: auto;
		top: 10vw;
		width: 15vw;
	}

	.tokusyoku_blue_kumo_1{
		width: 30vw;
		z-index: 3;
	}
	.tokusyoku_blue_kumo_2{
		bottom: 61%;
		right: -10vw;
		width: 30vw;

	}
	.tokusyoku_blue_kumo_3{
		width: 45vw;
		right: -18vw;
		z-index: 3;
	}
	.tokusyoku_blue_kumo_4{
		bottom: 29%;
		width: 50vw;
		right: -20vw;
		z-index: 3;
	}
	.tokusyoku_blue_kumo_5{
		position: absolute;
		left: -30px;
		bottom: 44%;
		width: 40vw;
		z-index: 3;
	}
	.tokusyoku_intro_design_1{
		bottom: -81px;
		left: 10px;
		width: 16vw;
	}
	.tokusyoku_intro_design_2{
		bottom: -100px;
		right: 28px;
		width: 14vw;
	}
	.back_on_white_sumi_2{
		width: 90%;
		margin: 70px auto;
	}
	.about_txt{
		width: 100%;
		padding: 7%;
	}
	.about_box{
		margin: 5% 0;
	}
	.about_txt .about_img_box img{
		border-radius: 15px;
		width: 60%;
	}
	.about_txt .about_img_box.tar img{
		width: 55%;
	}
	.about_txt .about_img_box:nth-child(4),
	.about_txt .about_img_box:last-child{
		margin-top: 5%;
	}
	.back_on_white_sumi_2::after{
		width: 100%;
		height: 100%;
	}
	.about_blue_kumo_4 {
		width: 13vw;
		bottom: auto;
		top: calc( 36% - 25px );
		left: 6%;
	}
	.about_blue_kumo_5{
		position: absolute;
		width: 23vw;
		bottom: 22vw;
		right: 10%;
		z-index: 2;
	}
	.about_design_1{
		position: absolute;
		width: 45px;
		bottom: -40px;
		left: 20px;
		z-index: 10;
	}
	.about_design_2{
		position: absolute;
		width: 55px;
		bottom: -85px;
		right: 20px;
		z-index: 10;
		transform: scale(-1, 1);

	}
	/*園の概要*/
	.garden_info_txt, .garden_info_img{
		width: 100%;
	}
	.garden_info_txt {
		padding-left: 5%;
	}
	.garden_info_img .garden_info_design {
		width: 45vw;
		bottom: calc( -10vw - 10px );
		right: 40px;
	}
	/*園のtable*/
	.garden_table_sp_1 h3{
		color: #0356a7;
		text-align: center;
	}
	.garden_table_box{
		border-bottom: #cccccc 2px dotted;
		text-align: center;
		margin: 5% 0;
		padding: 0% 0 3% 0;
	}
	.garden_table_box p{
		padding: 3%;
		margin: 1% 0;
	}
	.garden_table_box p span{
		display: block;
	}
	.kubun{
		width: 40%;
		background: #a2daf7;
		font-weight: bold;
	}
	.garden_table_box .light_blue{
		width: 58%;
		margin-left: 2%;
		background: #d6eefb;
		font-weight: bold;
	}
	.yellow{
		background: #fff5aa;
		font-weight: bold;
	}
	.orange{
		background: #ffe0aa;
	}
	.garden_table_sp_2 {
		text-align: center;

	}
	.garden_table_sp_2 p{
		padding: 3%;
		margin: 0;
		border-top: #cccccc 2px dotted;
	}
	.garden_table_sp_2 .yellow,	.garden_table_sp_2 .orange{
		margin-bottom: 10px;
		border: none;
		font-weight: bold;
	}
	.garden_table_sp_2 p:nth-child(2){
		border-top:#cccccc 2px dotted ;
	}
	.garden_table_sp_2 p:nth-child(2n){
		background:#d6eefb;
		background-clip: padding-box;
		font-weight: bold;
	}
	.garden_table_sp_2 .orange{
		border: none;
	}
	.garden_table_box .border_1{
		width: 49%;
	}
	.garden_table_sp_2 .garden_table_box .border_2{
		width: 51%;
		background: none;
		border-left:#cccccc 2px dotted ;
		font-weight: normal;
	}
	.back_on_white.sumi_4{
		margin: 50px auto;
	}
	/*map*/
	.map{
		width: 80%;
		margin: 30px auto 120px;
	}
	.map iframe{
		width: 100%;
		height: 250px;
	}
	.map_txt{
		width: 100%;
		margin-top: 15px;
	}
	.map_txt .mgt1{
		margin: 15px 0 ;
	}


	/*入園の流れ*/
	.on_intro div{
		width: 46%;
		margin: 0 2%;
	}
	.contents_yellow .contents_wrap{
		margin: 50px auto;
	}
	.nagare_box{
		margin: 10% 0;
		padding: 6%;
	}
	.nagare_box.blue_tail::before{
		left: 48%;
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		bottom: -15px;
	}
	.nagare_box.blue_tail::after{
		border-width:30px 30px 0 30px;
		bottom: -32px;
	}
	/*支援*/
	.hero_image.sien_mgn{
		margin-top: 35px;
	}
	.contact_intro.sien{
		width: 90%;
		margin: -25px auto 25px;
		z-index: 3;
		position: relative;
	}
	.sien_white{
		margin: 50px auto;
	}
	.sien_txt{
		width: 100%;
	}
	.sien_txt h4{
		text-align: center;
	}
	.sien_txt img{
		border-radius: 15px;
	}
	.omustu_blue{
		width: 90%;
	}
	.sien_design_4{
		width: 18vw;
		top:unset;
		bottom: calc( 0% + 0px );
	}
	.sien_design_1{
		width: 10vw;
		top: 3%;
		right: -5px;
	}
	.sien_design_2{
		width: 20vw;
		top: 10%;
	}
	.sien_design_3{
		transform: scale(-1, 1);
		width: 10vw;
	}
	.sien_design_9{
		width: 10vw;
	}
	/*取組*/
	.torikumi{
		background: url(../img/torikumi_back_sp.jpg);
		margin-top: 0;
	}
	.torikumi_title{
		width: 100%;
		top: 0;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:4px dotted #f4869f ;
		border-radius: 15px 15px 0 0;
	}
	.torikumi_icon{
		z-index: 1;
		width: 65px;
		top: -40px;
	}
	.torikumi_block{
		padding: 0 0 7%;
		border-radius: 15px;
		margin: 75px 0;
	}
	.torikumi_block .flex{
		margin: 0;
	}
	.torikumi_img,.torikumi_txt{
		width: 100%;
		padding: 5%;
	}
	.torikumi_txt h3{
		text-align: center;
	}
	.torikumi_txt .aoji{
		text-align: center;
	}
	.torikumi_design_1{
		width: 27vw;
		top: -15%;
	}
	.torikumi .contents_wrap{
		padding: 70px 0 10px;
	}
	/*contact*/
	.question .more_link{
		width: 80%;
	}
	.contact_form_daiji p{
		text-align: left;
		width: 90%;
		margin:0 auto ;
	}
	.co_table span{
		padding: 1% 10%;
	}
	.co_table dt{
		width: 36%;
	}
	/*チャイルドケア　一日のschedule*/
	.introduction .minus_margin{
		margin: -65px auto 10px;
		width: 80%;
	}
	.on_intro_cut{
		width: 100%;
		overflow: hidden;
	}
	.schedule_pc{
		width: 90%;
		margin: 20px auto 50px;
	}
	.title_box_design{
		bottom: -35px;
		right: 0;
		width: calc( 25vw - 15px );
	}
	.facility_info .contents_wrap{
		width: 90%;
	}
	.facility_info{
		margin: 50px auto 80px;
	}
	.facility_box{
		width: 48%;
		margin: 5% 4% 0 0;
	}
	.facility_box:nth-child(4n) {
		margin: auto;
	}
	.facility_box:nth-child(2n) {
		margin: 5% 0% 0 0;
	}
	.facility_info_design_1 {
		width: calc( 23vw - 10px );
		top: unset;
		bottom: -50px;
		left: 22vw;
	}
	.facility_info_design_3 {
		width: calc( 23vw - 10px );
		bottom: -60px;
		left: unset;
		right: 6vw;
	}
	.facility_info_design_4 {
		position: absolute;
		width: calc( 23vw - 10px );
		top: unset;
		bottom: -70px;
		left: 50vw;
	}
	.contents_suna::after{
		background: url(../img/suna_back_top_sp.jpg) no-repeat;
		height: 92px;
		background-size: contain;
	}
	.title_orange{
		margin: -40px 0 20px 0;
	}
	.contents_suna{
		padding: 90px 0 50px;
	}
	.contents_suna .contents_wrap{
		padding: 5%;
	}
	.event_design{
		width: calc( 24vw - 10px );
		top: -15px;
		left: 15px;
	}
	/*news 園だより*/
	.newsletter{
		background-size:450px ;
	}
	.newsletter .contents_wrap{
		padding: 50px 0;
	}
	/*なんか共通とか*/
	.more_link {
		border: 3px solid #ec6c00;
		padding: 10px 10px 10px 0;
	}
	.contact_intro{
		margin: 10px auto;
	}
	.on_intro{
		margin: 0 auto 20px;
	}







}