/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,body {
	margin: 0;
	padding: 0;
	
}



body {
	font-family:'游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	background-color: #FBFBF4;
	font-feature-settings: 'palt' 1;
	-webkit-font-smoothing: antialiased;
	color:black;
	overflow-x:hidden;

}


.shokuiku-link {
	display:block;
	text-align:center;
	color: #4f2802;
	font-size:16px;
	letter-spacing:0.1em;
	font-weight:bold;
	webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom:60px;
	
}

.shokuiku-link img{
	width:100%;
	margin-bottom:10px;
	border-radius:10px;
	webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
}

.shokuiku-link:hover img{
	opacity:0.8;
}

.shokuiku-link:hover {
	color:#F68D6D;
}



.q-box-3{
	position:relative;
	padding-right:250px;
	background-color:white;
	border-radius:10px;
	padding:60px 40px 20px 40px;
	min-height:500px;
	margin-bottom:50px;
}

.q-box-3-text{
text-align: left;
    line-height: 1.9;
font-size: 13px;
    font-weight: bold;
    color: #4f2802;
    letter-spacing: 0.05em;
}

.q-box-3-text span{
	background-color:#FFFDBF;
}


.q-box-3-text-2{
text-align: left;
    line-height: 1.9;
font-size: 13px;
    font-weight: bold;
    color: #333;
	letter-spacing: 0.05em;
	margin-top:40px;
	background-color:rgba(245,145,184,0.1);
	padding:10px;
	border-radius:10px;
}

.q-box-3-text-2 table{
	width:100%;
	line-height: 1.5;
}


.q-box-3-text-2 table td{
	padding:5px;
}

.q-box-3-text-2 table tr{
	border-bottom:1px dashed rgba(0,0,0,0.3);

}

.q-box-3-text-2 table tr:last-child{
	border-bottom:0;
}



.q-box-3-title {
	font-size: 15px;
    color: #F68D6D;
	letter-spacing: 0em;
	font-weight:bold;
	margin-bottom:20px;
	color:white;
	width:260px;
	text-align:center;
	position:absolute;
	top:-20px;
	left:calc(50% - 130px);
	padding:10px 0;
	border-radius:100px;

}




.q-box-2{
	position:relative;
	padding-right:250px;
}


.q-box-2{
	position:relative;
	padding-right:250px;
}

.q-box-2 img{
	width:200px;
	position:absolute;
	bottom:0;
	right:0;
}

.q-box-2-title {
	font-size: 16px;
    color: #F68D6D;
	letter-spacing: 0.1em;
	font-weight:bold;
	margin-bottom:20px;
}

.q-box-2 ul{
	margin:0;
	padding:0;
}
.q-box-2 ul li {
text-align: left;
    margin-bottom: 15px;
    line-height: 1.7;
    position: relative;
	padding-left: 22px;
font-size: 14px;
    font-weight: bold;
    color: #4f2802;
    letter-spacing: 0.05em;
	position:relative;
}

.q-box-2 ul li:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    border-radius: 50%;
	top: 4px;
	background-color:#F68D6D;
}




.q-box{
	background-color:white;

	padding:30px;
	border:2px dashed #F68D6D;
	border-radius:10px;
	min-height:335px;
}
.q-box-title {
	font-size: 16px;
    color: #F68D6D;
	letter-spacing: 0.1em;
	font-weight:bold;
	margin-bottom:20px;
}

.q-box ul{
	margin:0;
	padding:0;
}
.q-box ul li {
text-align: left;
    margin-bottom: 6px;
    line-height: 1.5;
    position: relative;
	padding-left: 22px;
font-size: 14px;
    font-weight: bold;
    color: #4f2802;
    letter-spacing: 0.05em;
	position:relative;
}

.q-box ul li:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    border-radius: 50%;
	top: 4px;
	background-color:#F68D6D;
}

.link-button {
display:inline-block;
background-color:#42A0C6;
color:white;
line-height:1;
padding:10px 15px;
font-size:15px;
border-radius:3px;
margin-top:10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

}

.link-button:hover {
color:white;
opacity:0.8;
}


.container {
	max-width:1000px;
}

.bg-gray {
	background-color:#fafafa;
}

.no-padding {
	padding:0;
}

.relative {
position:relative;
}

a, a:visited ,a:focus ,a:active,a:hover  {
  text-decoration:none;
 outline:none;
 
}


.marker-pink{
background: linear-gradient(transparent 0%,rgba(245,177,170,0.3) 100%);
font-size:1.08em;
}

.marker-blue{
background: linear-gradient(transparent 0%,rgba(126,206,244,0.3) 100%);
font-size:1.08em;
}

.marker-green{
background: linear-gradient(transparent 0%,rgba(153,205,141,0.3) 100%);
font-size:1.08em;
}


.button-1:visited,.button-2:visited {
	color:white;
}

.common-table {
border-top:1px dashed #dac9b1;
border-bottom:1px dashed #dac9b1;



}

.common-table .content{
border-bottom:1px dashed #dac9b1;



}

.common-table .content:nth-child(odd){

background-color:#F9F9E8;


}


.common-table .content:last-child{
border-bottom:0;

}

.common-table .content .left{
float:left;
width:22%;
text-align:left;
font-weight:bold;
font-size:14px;
color:#ff7d54;
letter-spacing:0.05em;
vertical-align:middle;

padding:8px 10px;
}

.common-table .content .right{
float:left;
width:78%;
text-align:left;
font-weight:bold;
font-size:14px;
letter-spacing:0.05em;
color:#4f2802;
line-height:1.8;
padding:8px 10px;
border-left:1px dashed #dac9b1;
}



.sep-title {
	background: url(../img/deco-28.png) repeat-x left 70%;
	background-size: auto 5px;
	margin-bottom:60px;
	text-align:center;
	margin-top:80px;
	
}
 

section .box-title{
    font-weight: bold;
    font-size: 17px;
    color: #4f2802;
    letter-spacing: 0.15em;
    margin-bottom:40px;
    line-height:1;
    
}


section .box-title span{
    padding:6px 12px;
    background-color:#ffde17;
    border-radius:4px;
}


section .box-title-sub{
    font-weight: bold;
    font-size: 16px;
    color: #4f2802;
    letter-spacing: 0.1em;
    margin-bottom:15px;
    line-height:1;
    position:relative;
    padding-left:30px;
}

section .box-title-sub:last-child{
    margin-bottom:40px;
}


section .box-title-sub:before{
position:absolute;
content:"";
left:0;
top:-2px;
width:20px;
height:20px;
background-color:#ffde17;
border-radius:50%;
}

 
.section-title {
	font-size:23px;
	display:inline-block;
	font-weight:bold;
	background-color: #FBFBF4;
	padding:0 40px;
	letter-spacing:0.08em;
	color:#4f2802;
	line-height:1;
	
}


.section-title-sub {
font-size:14px;
text-align:center;
font-weight:bold;
letter-spacing:1px;
color:#4f2802;
padding-bottom:10px;
text-decoration:underline;
}

h1,h2,h3{
	margin:inherit;
	padding:inherit;
font-family: inherit;
    font-weight:inherit;
    line-height:inherit;
    color: inherit;
    font-size:inherit;
}



p {

font-size:14px;
color:#4f2802;
letter-spacing:0.1em;
font-weight:bold;
line-height:1.7;

}


b {
	font-weight:600;
}


.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

header {
    
    width: 100%;
    min-width: 1032px;
    background: url(../img/deco-35.png) repeat-x left -18px;
	background-size: auto 30px;
	padding-bottom:20px;

}

header a {
    opacity: 1;
    transition: opacity 0.3s;
    color:#4f2802;
    text-decoration: none;

}


header .header-link {
padding-bottom:0px;
    width: 1000px;
    margin: 0 auto;
    font-size:12px;
    letter-spacing:0.15em;
    font-weight:bold;
}


header .header-link a{
margin: 0 10px;
text-decoration:underline;
background: linear-gradient(transparent 80%,#FFF3B2 80%);
}


header .header-link .left{
float:left;
width:50%;
text-align:left;

}

header .header-link .right{
float:left;
width:50%;
text-align:right;

}




header .site-title {
padding-bottom:20px;

padding-top:40px;

text-align:right;
    width: 1000px;
    margin: 0 auto;
    font-weight:bold;
    font-size:13px;
    letter-spacing:0.15em;
    color:#4f2802;
}


footer {
text-align:center;
border-top: 1px solid #e5ddd2;
margin-top:150px;
}

footer .logo {
    position: relative;
    text-align: center;
    margin-top:-40px;
    
}

footer .logo span {
background-color: #FBFBF4;
    display: inline-block;
    position: relative;
    z-index: 1;


}

footer .text{
padding-top:30px;
padding-bottom:50px;
line-height:2;
font-size:14px;
letter-spacing:0.1em;

}


footer .footer-link {
padding:30px;
background-color:#42A0C6;
text-align:center;
}


footer .footer-link a{
margin: 0 10px;
text-decoration:underline;
font-weight:bold;
color:white;

}


footer .copy{

background-color:#42A0C6;
font-weight:bold;
font-size:13px;
text-align:center;
color:white;
padding-top:0px;
padding-bottom:20px;
line-height:1;

}


.scroll-top {
position:fixed;
bottom:-10px;
right:25px;
width:70px;
z-index:1000;

}


#gnav {
    width: 1000px;
    margin: 0 auto;
    position: relative;

}

#gnav .main-menu {
	padding:0;
	margin:0;
}

#gnav .main-menu .main-menu-li {
    float: left;
    box-sizing: border-box;
    border-left: 1px dashed #dac9b1;
    width: 13%;
    margin-top: 44px;
    text-align:center;
    font-weight:bold;
    line-height:1.5;
    border-bottom:2px solid transparent;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
    position:relative;


}

#gnav .main-menu .main-menu-li a{
display:block;
 
}


#gnav .main-menu .main-menu-li a .title{
    font-size:14px;
    letter-spacing:0.14em;
 
}

#gnav .main-menu .main-menu-li a .sub{
    font-size:11px;
    letter-spacing:1px;
    opacity:0.4;
 
}


#gnav .main-menu .main-menu-li a:hover{
	opacity:0.7;
}

#gnav .main-menu .main-menu-li:nth-child(4):hover{
  border-bottom:0;
}

#gnav .main-menu .main-menu-li a:hover{
  color:#4f2802;
}

#gnav .main-menu .main-menu-li:hover img {
transform: scale(1.2);
}

#gnav .main-menu .main-menu-li:nth-child(4):hover img {
transform: scale(1.1);
}



#gnav .main-menu .main-menu-li:nth-child(4) {
width:22%;
border-bottom:0;
}

#gnav .main-menu .main-menu-li:nth-child(7) {
border-right: 1px dashed #dac9b1;
}


li {
    list-style-type: none;
}



#gnav .main-menu .main-menu-li img {
    height: 43px;
    opacity:0.83;
    margin-bottom:15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

}




#gnav .main-menu .main-menu-li:nth-child(4) {
border-left:0;
}

#gnav .main-menu .main-menu-li:nth-child(3) {
border-right: 1px dashed #dac9b1;
}


#gnav .main-menu .main-menu-li:nth-child(4) img {
    height: 140px;
    margin-top:-40px;
    margin-bottom:0;
    opacity:1;

}

#gnav .main-menu .main-menu-li:nth-child(4) .title {
 	font-size:23px;
	letter-spacing:5px;
}

#gnav .main-menu .main-menu-li:nth-child(4) .sub {
 	line-height:3;
}


#gnav .main-menu .main-menu-li .sub-menu{
	position:absolute;
	width:200px;
	left:calc(50% - 100px);
	top:100px;
	
	z-index:100000;
	
	opacity:0;
	display:none;
	padding-top:25px;
}

#gnav .main-menu .main-menu-li:hover .sub-menu{
	opacity:1;
	display:block;
}

#gnav .main-menu .main-menu-li .sub-menu .sub-menu-inner{
	position:relative;
	background-color:white;
	border-radius:10px;
	border:1px solid #65af70;
}

#gnav .main-menu .main-menu-li .sub-menu .sub-menu-inner:before{
	content:"";
width:0;
	height:0;
	position:absolute;
	top:-12px;
	left:calc(50% - 10px);
border-style:solid;
border-width: 0 10px 12px 10px;
border-color: transparent transparent #65af70 transparent;
}


#gnav .main-menu .main-menu-li .sub-menu .sub-menu-inner a{
	display:block;
	border-bottom:1px dashed #dac9b1;
	padding:15px;
	text-align:center;
	font-size:14px;
	color:#4f2802;
	position:relative;
	border-radius:10px;
}

#gnav .main-menu .main-menu-li .sub-menu .sub-menu-inner a:hover{
	background-color:#FFFDBF;
	opacity:1;
}



#gnav .main-menu .main-menu-li .sub-menu .sub-menu-inner a:last-child{
	border:0;
}

#top-page {
	margin-top:50px;
	position:relative;

height:640px;

	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: 95% auto;
	-moz-background-size: 95% auto;
	background-size: 95% auto;
	-o-background-size: 95% auto;



}


#top-page .inner{

	position:absolute;
	top:30%;
	left:0;
	color:white;
	font-size:100px;
	font-family: 'Noto Sans Japanese';
	text-align:center;
	width:100%;
	line-height:1;
}


#top-page .inner .inner-title{

	font-size:50px;
	font-family: 'Noto Sans Japanese';
	font-weight:500;
	letter-spacing:0;
}

#top-page .inner .inner-title span{
	border-bottom:1px solid white;
	padding-bottom:10px;

}


#top-page .inner .inner-sub{

	font-size:20px;
	font-family: 'Noto Sans Japanese';
	font-weight:400;
	letter-spacing:0;
	padding-bottom:15px;
}


#top-page img {
	width:95%;
	position:absolute;
	top:20px;
	left:0;
	
}

#top-page .copy {
	position:absolute;
	top:20px;
	right:2%;
	font-size:15px;
	letter-spacing:1px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;	
}


#top-page .stripe {
	position:absolute;
	bottom:-50px;
	right:0;
	height:380px;
	width:50%;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #fbdf55), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#fbdf55 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#fbdf55 50%, transparent 50%, transparent);
background-image: linear-gradient(#fbdf55 50%, transparent 50%, transparent);

}



#top-page .stripe-2 {
	position:absolute;
	top:0;
	left:0;
	height:380px;
	width:95%;

-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #74554A), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #74554A),
            color-stop(.75, #74554A), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #74554A 25%, transparent 25%,
          transparent 50%, #74554A 50%, #74554A 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #74554A 25%, transparent 25%,
          transparent 50%, #74554A 50%, #74554A 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #74554A 25%, transparent 25%,
          transparent 50%, #74554A 50%, #74554A 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #74554A 25%, transparent 25%,
          transparent 50%, #74554A 50%, #74554A 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #74554A 25%, transparent 25%,
          transparent 50%, #74554A 50%, #74554A 75%,
          transparent 75%, transparent);

}


#slider {

padding-top:80px;
position:relative;
margin:0 auto;


}


#slider .deco-1{
position:absolute;
top:40px;
right:21%;;
width:70px;
z-index:10;

}

#slider .deco-2{
position:absolute;
bottom:-10px;
left:28%;;
width:70px;
z-index:10;

}

#slider .deco-3{
position:absolute;
bottom:-60px;
right:35%;;
width:70px;
z-index:0;

}

#slider .deco-4{
position:absolute;
top:140px;
left:20%;;
width:70px;
z-index:10;

}





#about{


}



#about .box {
    margin-bottom: 30px;
    background-color:white;
    box-sizing: border-box;
    position:relative;
    border-radius:5px;
    border:1px solid #e6e6e6;
    padding:10px;
    padding-bottom:0;

}

#about .box a{
    position: absolute;
	width:100%;
	height:100%;
	border-radius: 6px;
	top:0;
	left:0;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;

}

#about .box a:hover{
background-color:rgba(255,255,255,0.5);
}


#about .box .box-label{
	display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: pink;
    padding: 6px 10px 7px 12px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height:1;
    letter-spacing: 0.15em;
}


#about .box img{
width:100%;
border-radius:5px 5px 0 0;

}

#about .box .content{
	padding:25px 0;
	line-height:1;
}

#about .box .content .title-sub{
     font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align:center;
    color:#ff7d54;
    margin-bottom:10px;

}


#about .box .content .title{
    font-size: 17px;
    font-weight:bold;
    letter-spacing: 0.1em;
    text-align:center;
    color:#4f2802;
    

}


#news{

}

#news a{
text-decoration:underline;
color:#4f2802;
}


#news a:hover{
color:#4f2802;
opacity:0.7;
}


#news .box {
border-top:1px dashed #dac9b1;
border-bottom:1px dashed #dac9b1;



}

#news .news{
border-bottom:1px dashed #dac9b1;



}

#news .news:nth-child(odd){

background-color:#F9F9DB;


}


#news .news:last-child{
border-bottom:0;

}

#news .news .left{
float:left;
width:20%;
text-align:left;
font-weight:bold;
font-size:14px;
color:#ff7d54;
letter-spacing:1px;
border-right:1px dashed #dac9b1;
padding:10px 20px;
}

#news .news .right{
float:left;
width:80%;
text-align:left;
font-weight:bold;
font-size:14px;
letter-spacing:0.15em;
color:#4f2802;
padding:10px 20px;
}



#rinen{


}

#rinen .row {

}




#rinen .box {

margin-bottom:90px;
}

#rinen .box .text{
font-size: 14px;
font-weight:bold;
text-align:justify;
    line-height: 1.8;
    color: #333;
    letter-spacing: 0.1em;
}

#rinen .box ul{
margin:0;
padding:0;
padding-left:45px;
margin-top:30px;
position:relative;
}


#rinen .box ul li{
font-size: 15px;
font-weight:bold;
text-align:justify;
    line-height: 1.8;
    color: #4f2802;
    letter-spacing: 0.1em;
    margin-bottom:15px;
    list-style-type: decimal;

}

#rinen .box ul li .marker-pink{
background: linear-gradient(transparent 0%,rgba(245,177,170,0.3) 80%);
}
#rinen .box ul li .marker-blue{
background: linear-gradient(transparent 0%,rgba(126,206,244,0.3) 80%);
}

#rinen .box ul li .marker-green{
background: linear-gradient(transparent 0%,rgba(153,205,141,0.3) 80%);
}


#rinen .box ul:after{
position:absolute;
width:5px;
height:100%;
top:0;
left:0;
content:"";
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #4f2802), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#4f2802 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#4f2802 50%, transparent 50%, transparent);
background-image: linear-gradient(#4f2802 50%, transparent 50%, transparent);
}




#rinen .box-2 {

margin-bottom:90px;

}

#rinen .box-2 .stripe-red {
opacity:0.5;
border-radius:5px;
position:absolute;
z-index:-1;
top:8px;
right:-8px;
height:100%;
width:100%;
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #ea616f), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ea616f),
            color-stop(.75, #ea616f), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #ea616f 25%, transparent 25%,
          transparent 50%, #ea616f 50%, #ea616f 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #ea616f 25%, transparent 25%,
          transparent 50%, #ea616f 50%, #ea616f 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #ea616f 25%, transparent 25%,
          transparent 50%, #ea616f 50%, #ea616f 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #ea616f 25%, transparent 25%,
          transparent 50%, #ea616f 50%, #ea616f 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #ea616f 25%, transparent 25%,
          transparent 50%, #ea616f 50%, #ea616f 75%,
          transparent 75%, transparent);
}


#rinen .box-2 .stripe-blue {
opacity:0.5;
border-radius:5px;
position:absolute;
z-index:-1;
top:8px;
right:-8px;
height:100%;
width:100%;
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #00b9e7), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #00b9e7),
            color-stop(.75, #00b9e7), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #00b9e7 25%, transparent 25%,
          transparent 50%, #00b9e7 50%, #00b9e7 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #00b9e7 25%, transparent 25%,
          transparent 50%, #00b9e7 50%, #00b9e7 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #00b9e7 25%, transparent 25%,
          transparent 50%, #00b9e7 50%, #00b9e7 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #00b9e7 25%, transparent 25%,
          transparent 50%, #00b9e7 50%, #00b9e7 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #00b9e7 25%, transparent 25%,
          transparent 50%, #00b9e7 50%, #00b9e7 75%,
          transparent 75%, transparent);
}


#rinen .box-2 .stripe-green {
opacity:0.5;
border-radius:5px;
position:absolute;
z-index:-1;
top:8px;
right:-8px;
height:100%;
width:100%;
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #6dbb4f), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #6dbb4f),
            color-stop(.75, #6dbb4f), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #6dbb4f 25%, transparent 25%,
          transparent 50%, #6dbb4f 50%, #6dbb4f 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #6dbb4f 25%, transparent 25%,
          transparent 50%, #6dbb4f 50%, #6dbb4f 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #6dbb4f 25%, transparent 25%,
          transparent 50%, #6dbb4f 50%, #6dbb4f 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #6dbb4f 25%, transparent 25%,
          transparent 50%, #6dbb4f 50%, #6dbb4f 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #6dbb4f 25%, transparent 25%,
          transparent 50%, #6dbb4f 50%, #6dbb4f 75%,
          transparent 75%, transparent);
}


#rinen .box-2 .inner{
	position:relative;

}

#rinen .box-2 .text{
font-size: 17px;
font-weight:bold;
text-align:center;
    line-height: 1.5;
    color: #333;
    letter-spacing: 0.1em;
    padding:20px 0;
       margin:0;
    
}


#rinen .box-2 img{
width:100%;
border-radius:5px;
}


#rinen .box-3 {

margin-bottom:30px;
}


#rinen .box-3 .title{
font-size: 17px;
font-weight:bold;
text-align:justify;
    line-height: 1.5;
    color: #4f2802;
    letter-spacing: 0.15em;
    margin-bottom:10px;
    position:relative;
    padding-bottom:10px;

}

#rinen .box-3 .title-green:after{
position:absolute;
opacity:0.5;
height:5px;
width:100%;
z-index:9999;
bottom:0px;
left:0;
content:"";
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #6dbb4f), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #6dbb4f 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(left, #6dbb4f 50%, transparent 50%, transparent);
background-image: linear-gradient(left, #6dbb4f 50%, transparent 50%, transparent);
}


#rinen .box-3 .title-red:after{
position:absolute;
opacity:0.5;
height:5px;
width:100%;
z-index:9999;
bottom:0px;
left:0;
content:"";
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #ea616f), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #ea616f 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(left, #ea616f 50%, transparent 50%, transparent);
background-image: linear-gradient(left, #ea616f 50%, transparent 50%, transparent);
}


#rinen .box-3 .title-blue:after{
position:absolute;
opacity:0.5;
height:5px;
width:100%;
z-index:9999;
bottom:0px;
left:0;
content:"";
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #FBFBF4;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #00b9e7), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #00b9e7 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(left, #00b9e7 50%, transparent 50%, transparent);
background-image: linear-gradient(left, #00b9e7 50%, transparent 50%, transparent);
}


#rinen .box-3 .text{
font-size: 14px;
font-weight:bold;
text-align:justify;
    line-height: 1.8;
    color: #333;
    letter-spacing: 0.1em;
}



#rinen .img-box {
position:relative;


}

#rinen .img-box .img-1 {
position:absolute;
top:0px;
right:0;
height:180px;
border: 1px solid #e6e6e6;
padding:7px;
background-color:white;
border-radius:5px;

}



#rinen .img-box .img-2 {
position:absolute;
top:100px;
left:20px;
height:180px;
border: 1px solid #e6e6e6;
padding:7px;
background-color:white;
border-radius:5px;

}

#rinen .img-box .img-3 {
position:absolute;
top:0px;
left:0px;
width:95%;

}


#hoikuen {

}

#hoikuen .encho-img{
	width:90%;
	border-radius:50%;
	background-color:white;
	border:1px dashed #dac9b1;
}

#hoikuen .encho-text{
	font-size:15px;
	padding-top:10px;
	line-height:2;

}



#hoikuen .img-box{

}

#hoikuen .img-box img{
 width:100%;
}




#hoikuen .schedule-box{
	padding:20px 0;
	position:relative;
	
}
#hoikuen .schedule-box:after {
	position:absolute;
	content:"";
	width:3px;
	background-color:#dfdfdf;
	height:100%;
	bottom:0;
	left:30px;
	z-index:-1;

}

#hoikuen .schedule-box:first-child:after {
	height:50%;
	bottom:0;
	left:30px;
	z-index:-1;

}

#hoikuen .schedule-box:last-child:after {
	height:50%;
	bottom:50%;
	left:30px;
	z-index:-1;

}



#hoikuen .schedule-box .inner{
    position:relative;
    padding-left:80px;
}


.bg-color-1 {
 background-color:#F591B8;
}

.text-icon-1:before{
 background-color:#F591B8;

}

.bg-color-2 {
 background-color:#CC84AC;
}

.text-icon-2:before{
 background-color:#CC84AC;

}


.bg-color-3 {
 background-color:#857AB0;
}

.text-icon-3:before{
 background-color:#857AB0;

}

.bg-color-4 {
 background-color:#6CABD1;
}

.text-icon-4:before{
 background-color:#6CABD1;

}

.bg-color-5 {
 background-color:#69C8F0;
}

.text-icon-5:before{
 background-color:#69C8F0;

}


.bg-color-6 {
 background-color:#74C5C3;
}

.text-icon-6:before{
 background-color:#74C5C3;

}

.bg-color-7 {
 background-color:#7BC28F;
}

.text-icon-7:before{
 background-color:#7BC28F;

}


.bg-color-8 {
 background-color:#CADD8D;
}

.text-icon-8:before{
 background-color:#CADD8D;

}

.bg-color-9 {
 background-color:#EFE886;
}

.text-icon-9:before{
 background-color:#EFE886;

}

.bg-color-10 {
 background-color:#F0CE7D;
}

.text-icon-10:before{
 background-color:#F0CE7D;

}


.bg-color-11 {
 background-color:#F68D6D;
}

.text-icon-11:before{
 background-color:#F68D6D;

}


.bg-color-12 {
 background-color:#F59197;
}

.text-icon-12:before{
 background-color:#F59197;

}


#hoikuen .schedule-box .inner .month{
	position:absolute;
	width:60px;
	height:60px;
	color:white;
	border:3px solid white;
	top:40%;
	top:calc(50% - 30px);
	left:0;
	text-align:center;
	line-height:1;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1); 
	border-radius:50%;
	
}


#hoikuen .schedule-box .inner .month .title{
	padding-top:10px;
	font-size:30px;
	font-weight:bold;
	font-family:'arial narrow';
	letter-spacing:0;

}

#hoikuen .schedule-box .inner .month .title span{
	font-size:13px;
	font-weight:bold;
	padding-left:2px;
	
}


#hoikuen .schedule-box .inner .month .title-sub{
	font-size:14px;
	font-weight:normal;
	font-family:'arial';
}




#hoikuen .schedule-box .text{
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #4f2802;
    letter-spacing: 0.05em;
    margin-bottom: 18px;
    padding-left:20px;
    position:relative;
}


#hoikuen .schedule-box .text span{
    font-size: 13px;
    color: #4f2802;
    letter-spacing: 0.03em;
    line-height:1;
    border:1px dotted #4f2802;
    padding:3px 5px;
    margin-left:7px;
    border-radius:3px;
}

#hoikuen .schedule-box .text:before{
content:"";
width:11px;
height:11px;

position:absolute;
left:0;
top:4px;

}


#mealplan {


}


#mealplan table{
height:100%;
width:100%;

}

#mealplan table td{
font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #4f2802;
    letter-spacing: 0.05em;
    vertical-align:middle;
    padding:10px 0;
    height:100%;

}
#mealplan table tr{

    border-top:2px solid #dfdfdf;

}

#mealplan table tr:last-child{

    border-bottom:2px solid #dfdfdf;

}


#mealplan table td .age{
color:white;
width:80%;
height:180px;
padding-top:40px;

display:inline-block;
border: 3px solid white;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius: 0px;
    text-align:center;
    line-height:1.2;
    font-size: 14px;
    letter-spacing:1px;    
}


#mealplan table td .interest{
display:inline-block;
border: 2px dashed #F68D6D;
height:80%;
width:90%;
    border-radius: 10px;
    text-align:justify;
    font-size: 14px;

    line-height:1.7;
    letter-spacing:0px;  
    position:relative;
    margin-right:0;
    color:#F68D6D;
    background-color:rgba(255,255,255,1);

}

#mealplan table td .interest span{
display:inline-block;
position:absolute;
    padding:0 15px;
left:0;

}



#mealplan table td .age span{
font-size:32px;


}

#mealplan table td ul{
text-align:left;

margin:0;
padding:0;

}

#mealplan table td ul li{
text-align:left;
margin-bottom:6px;
line-height:1.5;
position:relative;
padding-left:22px;
}

#mealplan table td ul li:last-child{

margin-bottom:0;
}


#mealplan table td ul .icon:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    border-radius:50%;
    top: 4px;
}


#mealplan table td .bg-1{
background-color:#F591B8;

}

#mealplan table td ul .icon-1:before {
    background-color:#F591B8;
}

#mealplan table td .bg-2{
background-color:#CC84AC;

}

#mealplan table td ul .icon-2:before {
    background-color:#CC84AC;
}


#mealplan table td .bg-3{
background-color:#857AB0;

}

#mealplan table td ul .icon-3:before {
    background-color:#857AB0;
}

#mealplan table td .bg-4{
background-color:#6CABD1;

}

#mealplan table td ul .icon-4:before {
    background-color:#6CABD1;
}


#mealplan table td .bg-5{
background-color:#69C8F0;

}

#mealplan table td ul .icon-5:before {
    background-color:#69C8F0;
}

#mealplan table td .bg-6{
background-color:#74C5C3;

}

#mealplan table td ul .icon-6:before {
    background-color:#74C5C3;
}


#mealplan table td .bg-7{
background-color:#7BC28F;

}

#mealplan table td ul .icon-7:before {
    background-color:#7BC28F;
}



#mealplan table td .bg-8{
background-color:#CADD8D;

}

#mealplan table td ul .icon-8:before {
    background-color:#CADD8D;
}

#mealplan table td .bg-9{
background-color:#EFE886;

}

#mealplan table td ul .icon-9:before {
    background-color:#EFE886;
}


#mealplan .mokuhyo ul{
margin:0;
padding:0;
padding-left:33px;

position:relative;
}


#mealplan .mokuhyo ul li{
font-size: 16px;
font-weight:bold;
text-align:justify;
    line-height: 3;
    color: #4f2802;
    letter-spacing: 0.1em;
    margin-bottom:15px;
    list-style-type: decimal-leading-zero;

}

#mealplan .mokuhyo ul li .marker-1{
border-bottom:2px solid #F591B8;
padding-bottom:3px;
}

#mealplan .mokuhyo ul li .marker-2{
border-bottom:2px solid #857AB0;
padding-bottom:3px;
}


#mealplan .mokuhyo ul li .marker-3{
border-bottom:2px solid #69C8F0;
padding-bottom:3px;
}


#mealplan .mokuhyo ul li .marker-4{
border-bottom:2px solid #7BC28F;
padding-bottom:3px;
}


#mealplan .mokuhyo ul li .marker-5{
border-bottom:2px solid #EFE886;
padding-bottom:3px;
}



#group{


}



#group .box {
    margin-bottom: 30px;
    background-color:white;
    box-sizing: border-box;
    position:relative;
    border-radius:5px;
    padding:10px;
    padding-left:13px;
    padding-right:0;
    height:155px;

}

#group .blue {
    border:1px solid #69C8F0;
}

#group .green {
    border:1px solid #7BC28F;
}

#group .pink {
    border:1px solid #F591B8;
}


#group .box a{
    position: absolute;
	width:100%;
	height:100%;
	border-radius: 6px;
	top:0;
	left:0;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;

}

#group .box a:hover{
background-color:rgba(255,255,255,0.5);
}




#group .box img{
margin-top:6px;
width:45%;
border-radius:5px 0 0 5px;
float:left;

}

#group .box .content{
	width:55%;
	line-height:1;
	float:left;

}

#group .box .content .title-sub{
     font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align:left;
    color:#ff7d54;
    margin-top:7px;
    margin-bottom:7px;
    padding-left:20px;


}


#group .box .content .title{
    font-size: 17px;
    padding-left:20px;
    font-weight:bold;
    letter-spacing: 0.1em;
    text-align:left;
    color:#4f2802;
    margin-bottom:7px;
    

}

#group .box .content .text{
    font-size: 12px;
    padding-left:20px;
    font-weight:bold;
    letter-spacing: 0.05em;
    text-align:left;
color:#333;
line-height:1.6;
margin:0;

}

#group .box .box-label{
	display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;

    padding: 6px 10px 7px 12px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height:1;
    letter-spacing: 0.15em;
    border-radius: 0 4px 0 0;
}

#group .label-blue {
background-color: #69C8F0;
}

#group .label-green {
background-color: #7BC28F;
}

#group .label-pink {
background-color: #F591B8;
}

@media ( max-width :768px) {
	
	.saiyou-banar{
		width:95%;
	}
	
.shokuiku-link {
	display:block;
	text-align:center;
	color: #4f2802;
	font-size:16px;
	letter-spacing:0.1em;
	font-weight:bold;
	webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom:30px;
	
}

.shokuiku-link img{
	width:70%;
	margin-bottom:10px;
	border-radius:10px;
	webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
}

.shokuiku-link:hover img{
	opacity:0.8;
}

.shokuiku-link:hover {
	color:#F68D6D;
}



.q-box-3{
	position:relative;
	background-color:white;
	border-radius:10px;
	padding:50px 20px;
	min-height:0;
	margin-bottom:50px;
}

.q-box-3-text{
text-align: left;
    line-height: 1.9;
font-size: 13px;
    font-weight: bold;
    color: #4f2802;
    letter-spacing: 0.05em;
}

.q-box-3-text span{
	background-color:#FFFDBF;
}


.q-box-3-text-2{
text-align: left;
    line-height: 1.9;
font-size: 13px;
    font-weight: bold;
    color: #333;
	letter-spacing: 0.05em;
	margin-top:40px;
	background-color:rgba(245,145,184,0.1);
	padding:10px;
	border-radius:10px;
}

.q-box-3-text-2 table{
	width:100%;
	line-height: 1.5;
}


.q-box-3-text-2 table td{
	padding:5px;
}

.q-box-3-text-2 table tr{
	border-bottom:1px dashed rgba(0,0,0,0.3);

}

.q-box-3-text-2 table tr:last-child{
	border-bottom:0;
}



.q-box-3-title {
	font-size: 15px;
    color: #F68D6D;
	letter-spacing: 0em;
	font-weight:bold;
	margin-bottom:20px;
	color:white;
	width:260px;
	text-align:center;
	position:absolute;
	top:-20px;
	left:calc(50% - 130px);
	padding:10px 0;
	border-radius:100px;

}






.q-box-2{
	position:relative;
	padding:0px;
}

.q-box-2 img{
	width:120px;
		position:relative;
}

.q-box-2-title {
	font-size: 16px;
    color: #F68D6D;
	letter-spacing: 0.1em;
	font-weight:bold;
	margin-bottom:20px;
}

.q-box-2 ul{
	margin:0;
	padding:0;
}
.q-box-2 ul li {
text-align: left;
    margin-bottom: 15px;
    line-height: 1.7;
    position: relative;
	padding-left: 22px;
font-size: 13px;
    font-weight: bold;
    color: #4f2802;
    letter-spacing: 0.05em;
	position:relative;
}

.q-box-2 ul li:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    border-radius: 50%;
	top: 4px;
	background-color:#F68D6D;
}




.q-box{
		background-color:white;
		
	padding:20px;
	border:2px dashed #F68D6D;
	border-radius:10px;
		min-height:0;
		margin-bottom:20px;
}
.q-box-title {
	font-size: 15px;
    color: #F68D6D;
	letter-spacing: 0.1em;
	font-weight:bold;
	margin-bottom:10px;
}

.q-box ul{
	margin:0;
	padding:0;
}
.q-box ul li {
text-align: left;
    margin-bottom: 6px;
    line-height: 1.5;
    position: relative;
	padding-left: 22px;
font-size: 13px;
    font-weight: bold;
    color: #4f2802;
    letter-spacing: 0.05em;
	position:relative;
}

.q-box ul li:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    border-radius: 50%;
	top: 4px;
	background-color:#F68D6D;
}

.link-button {
display:inline-block;
background-color:#42A0C6;
color:white;
line-height:1;
padding:10px 15px;
font-size:15px;
border-radius:3px;
margin-top:10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

}

.link-button:hover {
color:white;
opacity:0.8;
}
	
	
	
.sp-menu {
width:100%;
background-color:#FBFBF4;
position:fixed;
bottom:0;
left:0;
z-index:9999;
padding:5px 0;
border-top:1px dashed #dac9b1;
}

.sp-menu a {
display:inline-block;
width:25%;
text-align:center;
color:#4f2802;
padding:0;
margin:0;
border-right:1px dashed #dac9b1;
line-height:2;
font-size:13px;
letter-spacing:0;
font-weight:bold;
letter-spacing:1px;

}

.sp-menu a:last-child {

border:0;

}


.sp-menu a img{
height:26px;


}

header {
min-width: 0;


}

header .header-link {
display:none;
}


header .site-title {

    width: 100%;
    letter-spacing:0.1em;
    text-align:center;
}



#slider {
display:none;
}

#gnav {
display:none;
}


.sep-title {
	background: url(../img/deco-28.png) repeat-x left 70%;
	background-size: auto 5px;
	margin-bottom:40px;
	text-align:center;
	margin-top:30px;
	
}


.section-title {
	font-size:18px;
	padding:0 10px;	
}


.section-title img{
width:23vw !important;
margin-bottom:10px !important;
	
}




#group .box {
    margin-bottom: 20px;
    background-color:white;
    box-sizing: border-box;
    position:relative;
    border-radius:5px;
    padding:10px 7px;
    padding-right:0;
    height:auto;

}



#group .box img{
margin-top:0px;
width:35%;
border-radius:0;
float:left;

}

#group .box .content{
	width:65%;
	line-height:1;
	float:left;

}

#group .box .content .title-sub{
     font-size: 11px;
    letter-spacing: 0.01em;
    margin-top:0px;
    margin-bottom:5px;
    padding-left:10px;


}


#group .box .content .title{
    font-size: 15px;
    padding-left:10px;
    letter-spacing: 0;
    margin-bottom:5px;
    

}

#group .box .content .text{
    font-size: 12px;
    padding-left:10px;
    letter-spacing: 0;
line-height:1.6;
margin:0;

}

#group .box .box-label{
	display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;

    padding: 4px 6px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    line-height:1;
    letter-spacing: 0.1em;
    border-radius: 0 4px 0 0;
}


#news .news .left{
float:left;
width:100%;
text-align:justify;
font-weight:bold;
font-size:14px;
color:#ff7d54;
letter-spacing:1px;
border-right:0;
padding:5px 10px 0px 10px;
}

#news .news .right{
float:left;
width:100%;
text-align:justify;
font-weight:bold;
font-size:13px;
letter-spacing:0.1em;
color:#4f2802;
padding:5px 10px;
}



footer {
text-align:center;
border-top: 1px solid #e5ddd2;
margin-top:80px;
}

footer .logo {
    position: relative;
    text-align: center;
    margin-top:-40px;
    
}

footer .logo span {
background-color: #FBFBF4;
    display: inline-block;
    position: relative;
    z-index: 1;


}

footer .text{
padding-top:20px;
padding-bottom:30px;
line-height:2;
font-size:13px;
letter-spacing:0em;
text-align:center;

}


footer .footer-link {
padding:10px 10px 5px 10px;
background-color:#42A0C6;
text-align:center;
}


footer .footer-link a{
margin: 2px 5px;
text-decoration:underline;
font-weight:bold;
color:white;
display:inline-block;
font-size:12px;

}


footer .copy{

background-color:#42A0C6;
font-weight:normal;
font-size:11px;
text-align:center;
color:white;
padding-top:10px;
padding-bottom:15px;
line-height:1;
margin-bottom:65px;

}


p {

font-size:12px;
color:#4f2802;
letter-spacing:0.02em;
font-weight:bold;
line-height:1.7;
text-align:justify;

}

section .box-title{
    font-weight: bold;
    font-size: 16px;
    color: #4f2802;
    letter-spacing: 0.1em;
    margin-bottom:30px;
    line-height:1;
    
}


section .box-title span{
    padding:5px 0;
    text-align:center;
    background-color:#ffde17;
    border-radius:4px;
    display:inline-block;
    width:100%;
    line-height:1;
}


section .box-title-sub{
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-bottom:10px;
    line-height:1;
    position:relative;
    padding-left:20px;
}

section .box-title-sub:last-child{
    margin-bottom:20px;
}


section .box-title-sub:before{
position:absolute;
content:"";
left:0;
top:0px;
width:15px;
height:15px;
background-color:#ffde17;
border-radius:50%;
}



#rinen .row {
margin-bottom:20px;
}

#rinen .box {

margin-bottom:60px;
}

#rinen .box .text{
font-size: 13px;
font-weight:bold;
text-align:justify;
    line-height: 1.8;
    color: #333;
    letter-spacing: 0.02em;
}

#rinen .box ul{
margin:0;
padding:0;
padding-left:40px;
margin-top:20px;
position:relative;
}


#rinen .box ul li{
font-size: 14px;
font-weight:bold;
text-align:justify;
    line-height: 1.8;
    color: #4f2802;
    letter-spacing: 0.05em;
    margin-bottom:15px;
    list-style-type: decimal;

}


#rinen .box-2 {

margin-bottom:10px;

}

#rinen .box-2 .text{
font-size: 16px;
font-weight:bold;
text-align:center;
    line-height: 1;
    color: #333;
    letter-spacing: 0.1em;
    padding:15px 0;
       margin:0;
    
}



#rinen .box-3 {

margin-bottom:30px;
}


#rinen .box-3 .title{
font-size: 16px;
font-weight:bold;
text-align:justify;
    line-height: 1.5;
    color: #4f2802;
    letter-spacing: 0.03em;
    margin-bottom:10px;
    position:relative;
    padding-bottom:10px;

}

#rinen .box-3 .text{
font-size: 13px;
font-weight:bold;
text-align:justify;
    line-height: 1.6;
    color: #333;
    letter-spacing: 0.1em;
}


#mealplan .row {
margin-bottom:40px !important;
margin-top:0px !important;
}


#mealplan .mokuhyo ul{
margin:0;
padding:0;
padding-left:33px;
margin-bottom:30px;

position:relative;
}


#mealplan .mokuhyo ul li{
font-size: 15px;
font-weight:bold;
text-align:justify;
    line-height: 1.8;
    color: #4f2802;
    letter-spacing: 0.02em;
    margin-bottom:15px;
    list-style-type: decimal-leading-zero;

}

#mealplan table{
height:100%;
width:100%;

}

#mealplan .td-sp-1{
width:30% !important;

}

#mealplan .td-sp-2{
width:70% !important;

}


#mealplan table td{
font-size: 13px;
    font-weight: bold;
    line-height: 1;
    color: #4f2802;
    letter-spacing: 0.02em;
    vertical-align:middle;
    padding:10px 0;
    height:100%;
    text-align:justify;

}
#mealplan table tr{

    border-top:2px solid #dfdfdf;

}

#mealplan table tr:last-child{

    border-bottom:2px solid #dfdfdf;

}


#mealplan table td .age{
color:white;
width:80%;
height:180px;
padding-top:40px;

display:inline-block;
border: 3px solid white;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius: 0px;
    text-align:center;
    line-height:1.2;
    font-size: 12px;
    letter-spacing:0px;    
}



#mealplan table td .age span{
font-size:28px;


}

#mealplan table td ul{
text-align:left;

margin:0;
padding:0;

}

#mealplan table td ul li{
text-align:left;
margin-bottom:7px;
line-height:1.5;
position:relative;
padding-left:20px;
}

.common-table {
border-top:1px dashed #dac9b1;
border-bottom:1px dashed #dac9b1;
}



.common-table .content .left{
float:left;
width:100%;
text-align:left;
font-weight:bold;
font-size:14px;
color:#ff7d54;
letter-spacing:0.02em;
vertical-align:middle;

padding:5px 5px 0 5px;
}

.common-table .content .right{
float:left;
width:100%;
text-align:justify;
font-weight:bold;
font-size:13px;
letter-spacing:0.02em;
color:#4f2802;
line-height:1.6;
padding:5px;
border-left:0;
}


#hoikuen .row {
margin-bottom:20px !important;
margin-top:0px !important;
}

#hoikuen .schedule-box{
	padding:10px 0;
	position:relative;
	
}
#hoikuen .schedule-box:after {
	position:absolute;
	content:"";
	width:3px;
	background-color:#dfdfdf;
	height:100%;
	bottom:0;
	left:25px;
	z-index:-1;

}

#hoikuen .schedule-box:first-child:after {
	height:50%;
	bottom:0;
	left:25px;
	z-index:-1;

}

#hoikuen .schedule-box:last-child:after {
	height:50%;
	bottom:50%;
	left:25px;
	z-index:-1;

}

#hoikuen .schedule-box .inner .month{
	position:absolute;
	width:50px;
	height:50px;
	color:white;
	border:3px solid white;
	top:40%;
	top:calc(50% - 25px);
	left:0;
	text-align:center;
	line-height:1;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1); 
	border-radius:50%;
	
}


#hoikuen .schedule-box .inner .month .title{
	padding-top:10px;
	font-size:22px;
	font-weight:bold;
	font-family:'arial',sans-serif;
	letter-spacing:0;

}

#hoikuen .schedule-box .inner .month .title span{
	font-size:12px;
	font-weight:bold;
	padding-left:2px;
	
}


#hoikuen .schedule-box .inner .month .title-sub{
	font-size:14px;
	font-weight:normal;
	font-family:'arial';
}




#hoikuen .schedule-box .text{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    color: #4f2802;
    letter-spacing: 0em;
    margin-bottom: 10px;
    padding-left:8px;
    position:relative;
}


#hoikuen .schedule-box .text span{
    font-size: 12px;
    color: #4f2802;
    letter-spacing: 0em;
    line-height:1;
    border:1px dotted #4f2802;
    padding:2px 4px;
    margin-left:7px;
    border-radius:3px;
    display:inline-block;
}

#hoikuen .schedule-box .text:before{
content:"";
width:11px;
height:11px;

position:absolute;
left:-10px;
top:6px;

}


#hoikuen .encho-img{
	width:100px;
	border-radius:50%;
	background-color:white;
	border:1px dashed #dac9b1;
}

#hoikuen .encho-text{
	font-size:13px;
	padding-top:10px;
	line-height:2;

}





}