@charset "utf-8";

/*****************************************************************************
 layout
 *****************************************************************************/
.lower{width:900px;max-width:100%;margin:0 auto;padding:0;position:relative;}
.lower_page{width:1080px;max-width:100%;margin:0 auto;padding:0;position:relative;}
.inner{padding-bottom:80px;}
.pankuzu{padding:20px 0 0;font-size:13px;}
.pankuzu a:first-child:before{content:"\f015";font-family:FontAwesome;margin-right:5px;}
.pankuzu span{margin:0 10px;}
.pankuzu a{color:#ec4468;}
.pankuzu a:hover {opacity:0.8;}

.titleArea{width:100%;position:relative;}
.bg_ttl1{width:100%;position:relative;background: linear-gradient(45deg, #ffc5ba 10%, #ec4468 90%);}
.titleArea div{width:1080px;max-width:100%;height:150px;margin:165px auto 0;padding:0 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.titleArea h2{color:#fff;font-size:28px;font-weight:400;text-align:center;letter-spacing:8px;} 
.titleArea h2 small{display:block;color:#fff;font-size:20px;font-weight:700;letter-spacing:2px;line-height:1.5;margin:20px 0 0;}

.top_ttl{color:#fff!important;font-size:50px;font-weight:300;font-family:'Poppins',sans-serif;letter-spacing:1px;text-align:center;margin-bottom:50px;}
.top_ttl small{display:block;color:#fff;font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Poppins", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,  sans-serif;font-size:14px;font-weight:700;margin-top:15px;letter-spacing:2px;}

.circle{font-size:20px;color:#222;border-bottom:2px solid #f95634;padding-bottom:5px;margin-bottom:15px;}
.circle span{color:#ffe1db;margin-right:5px;}

.line{display:flex;align-items:center;color:#222;font-size:22px;margin:30px 0 25px;}
.line small{color:#666;font-size:13px;padding-left:10px;}
.line:before, .line:after{content:"";flex-grow:1;height:1px;background:#666;display:block;}
.line:before{margin-right:.4em;}
.line:after {margin-left:.4em;}

.lower em,.lower_page em{color:#666;font-style:normal;font-weight:normal;background:linear-gradient(transparent 60%, #F3F47F 60%);}
.lower b,.lower_page b{font-weight:bold;}
.lower p,.lower_page p{color:#666;font-size:17px;letter-spacing:0.05em;line-height:1.8;padding:0 0 30px;}
.lower a,.lower_page a{text-decoration:none;}
.lower .red,.lower_page .red{color:red;}
.lower .cen,.lower_page .cen{text-align:center;}

ul.menu{apdding-bottom:15px!important;}

.photo{margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between;}
.photo li{width:48%;padding:15px 0;}

.check{color:#666;display:flex;flex-flow:row wrap;align-items:baseline;margin:0;padding-bottom:30px;}
.check li{font-size:17px;line-height:1.5;padding:0 15px;display:flex;align-items:baseline;}
.check li:before{color:#668f5a;content:"\f046";font-family:FontAwesome;margin-right:5px;}

.check2{color:#666;;display:flex;flex-flow:row wrap;margin:0;padding-bottom:30px;}
.check2 li{font-size:17px;line-height:1.8;padding:0 15px;display:flex;align-items:baseline;}
.check2 li:before{color:#668f5a;content:"\f111";font-family:FontAwesome;margin-right:5px;}

.check3{color:#666;;display:flex;flex-flow:column wrap;margin:0;padding-bottom:30px;}
.check3 li{font-size:17px;line-height:1.8;padding:0 15px;display:flex;align-items:baseline;}
.check3 li:before{color:#668f5a;content:"\f111";font-family:FontAwesome;margin-right:5px;}

.check4{color:#666;display:flex;flex-flow:column wrap;align-items:baseline;margin:0;padding-bottom:30px;}
.check4 li{font-size:17px;line-height:1.5;padding:0 15px;display:flex;align-items:baseline;}
.check4 li:before{color:#668f5a;content:"\f046";font-family:FontAwesome;margin-right:5px;}

/*****************************************************************************
 reservation
 *****************************************************************************/
.contents_box{background:#fafafa;border-top:10px solid #ddd;padding:15px 30px;margin-bottom:50px;}
.reservation h4.pink{color:#ec4468;font-size:24px;line-height:1.3;}
.reservation a.pink{color:#ec4468;font-size:50px;font-weight:600;font-family:'Poppins',sans-serif;text-decoration:none;}
.reservation a.pink:hover{opacity:0.7;transition-duration:.4s;}
.reservation a.pink i{font-size:44px;margin-right:5px;}

/*****************************************************************************
 vaccination
 *****************************************************************************/
.vaccination h4.grn{color:#668f5a;font-size:24px;line-height:1.3;}
.vaccination a.grn{color:#668f5a;font-size:50px;font-weight:600;font-family:'Poppins',sans-serif;text-decoration:none;}
.vaccination a.grn:hover{opacity:0.7;transition-duration:.4s;}
.vaccination a.grn i{font-size:44px;margin-right:5px;}
.vaccination p.indent{text-indent:-1em;padding-left:2em;}
.vaccination p.indent span{display:block;margin:0 18px;}
.vaccination p.indent:before{color:#668f5a;content:"\f111";font-family:FontAwesome;margin-right:5px;}


/*****************************************************************************
 guide
 *****************************************************************************/
.table_box{border:4px solid #ffb1a2;border-radius:4px;}
.table_box table{width:100%;height:245px;}
.table_box table th{text-align:center;color:#fff;font-size:27px;background:#ffb1a2;padding:15px 5px;}
.table_box table th.time1{text-align:left;color:#e54f33;font-size:16px;background:#ffc5ba;}
.table_box table th.time2{text-align:left;color:#e54f33;font-size:16px;background:#ffd5cd;}
.table_box table th.time1 small,
.table_box table th.time2 small{font-size:11px;}
.table_box table td{color:#ff8068;background:#fff;font-size:27px;font-weight:bold;text-align:center;vertical-align:middle;padding:15px 5px;}
.table_box table td small{color:#888;font-size:12px;text-align:center;}
.guide .day{color:#666;font-size:15px;font-weight:bold;line-height:1.8;padding-bottom:10px;}
.guide h4.grn{color:#668f5a;font-size:24px;line-height:1.3;}
.guide h4.pink{color:#ec4468;font-size:24px;line-height:1.3;}
.guide a.grn{color:#668f5a;font-size:50px;font-weight:600;font-family:'Poppins',sans-serif;text-decoration:none;}
.guide a.pink{color:#ec4468;font-size:50px;font-weight:600;font-family:'Poppins',sans-serif;text-decoration:none;}
.guide a.grn:hover,
.guide a.pink:hover{opacity:0.7;transition-duration:.4s;}
.guide .info{color:#666;font-size:17px;line-height:1.5;padding-bottom:10px;}
.guide .info2{color:#666;font-size:17px;line-height:1.5;padding-bottom:40px;}
.guide a.grn i,
.guide a.pink i{font-size:44px;margin-right:5px;}
.guide .btn_link1{margin-bottom:15px;}

.guide .lower h4.pink{margin-bottom:15px;}



/*****************************************************************************
 beginner
 *****************************************************************************/
.beginner h4{color:#ec4468;font-size:18px;padding:15px;}
 
 






@media screen and (max-width: 768px){
	
	.titleArea{width:100%;margin:calc(2.6875vw * 5) 0 20px;position:relative;}
	.titleArea div{width:100%;height:100px;margin:0 auto;padding:0 15px;display:flex;align-items:center;}
	.titleArea h2{font-size:18px;text-align:center;letter-spacing:5px;}
	.titleArea h2 small{font-size:12px;}
	.line{font-size:18px;line-height:1.2;}
	#contents .pankuzu{font-size:12px;padding:10px 10px 0;margin:0;height:50px;}
	#contents .pankuzu a{padding:0;margin:0;}
	.lower{padding:0 10px 30px;}	
	.lower_page{padding:0 10px 30px;}	
	.lower p,.lower_page p{font-size:14px;letter-spacing:0;line-height:1.5;}
	.inner img{display:block;margin:0 auto 20px;}
	.inner{padding-bottom:40px;}
    .about .catch,.work .catch{font-size:15px;text-align:left;}
	.check li,.check2 li,.check3 li,.check4 li{font-size:14px;line-height:1.5;padding:5px 10px;}
    p.check{font-size:14px;line-height:1.5;padding:5px 10px;}
	
	.top_ttl{text-align:center;font-size:40px;margin-bottom:40px;}
	.top_ttl small{font-size:18px;margin-top:5px;}
    
    /* reservation */
    .contents_box{padding:10px 15px;margin-bottom:30px;}
    .reservation h4.pink{font-size:18px;padding-bottom:5px;}
    .reservation a.pink{font-size:30px;font-family:'Poppins',sans-serif;text-decoration:none;padding-bottom:5px;}
    .reservation a.pink i{font-size:25px;}
    
     /* vaccination */
    .vaccination h4.grn{font-size:18px;padding-bottom:5px;}
    .vaccination a.grn{font-size:30px;}
    .vaccination a.grn i{font-size:25px;}
    .vaccination p.indent{font-size:14px;text-indent:0em;padding:0 0 15px;}
    .vaccination p.indent span{font-size:14px;margin:0;text-indent:0;}


	/* guide */
    .guide table{width:100%;height:auto;}
    .guide table th{font-size:14px;padding:5px;}
    .guide table th.time1,
    .guide table th.time2{font-size:14px;}
    .guide table td{font-size:14px;;padding:5px;}
    .guide h4.grn{color:#668f5a;font-size:18px;line-height:1.8;padding-bottom:5px;}
    .guide h4.pink{color:#ec4468;font-size:18px;line-height:1.8;padding-bottom:5px;}
    .guide a.grn{color:#668f5a;font-size:30px;font-weight:600;font-family:'Poppins',sans-serif;text-decoration:none;padding-bottom:5px;}
    .guide a.pink{color:#ec4468;font-size:30px;font-weight:600;font-family:'Poppins',sans-serif;text-decoration:none;padding-bottom:5px;}
    .guide a.grn:hover,
    .guide a.pink:hover{opacity:0.7;transition-duration:.4s;}
    .guide a.grn i,
    .guide a.pink i{font-size:25px;}
    .guide .col-06 {width:100%;margin-bottom:30px;}
	
	/* about */
	.about .col-03,.about .col-09{width:100%;}
	.about_table {font-size:13px;border-top:none;}
	.about_table th,.about_table td{padding:10px;border-right:none;}
	.photo li{width:48%;padding:0;}

	/* work */
	.worklist li h2{width:100%;}
	.worklist li h3{font-size:14px;}
	.worklist li h3 small{display:block;font-size:12px;margin-top:10px;}
	.worklist li p{color:#666;font-size:14px;line-height:1.5;margin-bottom:10px;}
	.pagenavi{display:flex;flex-flow:row wrap;justify-content:center;margin:30px 0;}
	
	/* privacy */
    .privacy dl dt{font-size:16px;}
    .privacy dl dd{font-size:14px;}

    /* about */
    .about iframe{height:250px;}
    
	/* flow */
	.flow .chart_contents{margin-bottom:80px;}
	.flow .chart_contents:not(:last-child):after{font-size:40px;}
	.flow .chart h2{font-size:20px;}
	.flow .chart h2 span{font-size:20px;}
	.flow .chart ul li{font-size:15px;}

}


@media screen and (max-width: 667px){

	
}

@media screen and (max-width: 600px){

	.lower p{font-size:13px;line-height:1.5;}
	

	
	.sp_table{margin-bottom:30px;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
	.sp_table table{min-width:600px;margin:0 !important;}
	.sp_table table *{font-size:11px !important;}

	
}

@media screen and (max-width: 480px){

	.about .pic li{text-align:center;width:50%;margin:0 auto;}
    .work ul li{width:50%;padding:10px;}
    .product ul li{width:100%;}
    
}
	
@media screen and (max-width: 414px){

    

}

@media screen and (max-width: 375px){


	.worklist li{width:96%;}

}


@media screen and (max-width: 320px){

    .titleArea h2{letter-spacing:3px;}
	.responsive{margin-bottom:30px;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
	.responsive .table_box{min-width:375px;margin:0 0 30px;}


}