@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {background: none repeat scroll 0 0 transparent;border: 0 none;margin: 0;outline: 0 none;padding: 0;font-size:inherit;}
html{font-size:15px;}
body {font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', 'Meiryo','游ゴシック体', 'Yu Gothic', YuGothic, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#000;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
h1, h2, h3, h4, h5, h6 {line-height: 1.2;}
ol, ul {list-style: none outside none;}
fieldset, img{vertical-align: bottom;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
address{font-style:normal;}
br {letter-spacing: 0;}
li, ol {font-size: inherit;}
hr {color: #000;}
em{font-style:normal;}
p{line-height:1.6;}
pre, code {font: 100% monospace;}
a {text-decoration: none;color: inherit;}
[hidden],template {display: none;}
small{font-size:0.8em;line-height:1.3em;}
em{font-weight:bold;}
strong{font-weight:bold;}
iframe {
    max-width: 100%;
    vertical-align: top;
}
img+small{text-align:center;display:block;margin-top:1em;word-wrap: break-word;word-break : break-all;}

#panel-btn{display:none;}
#panel-wrap{display:none;}

#pankuzu {font-size: 12px;margin: 2rem auto;max-width:1000px;text-align:left;text-align:left;}
#pankuzu a {color: #78D7C8;text-decoration: underline;}

.mk{display:block;position:absolute;content:"";background-position:center center;background-size:contain;background-repeat:no-repeat;}

.min,.min3{font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" ,  "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
header .sitename,
.goth{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', 'Meiryo','ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;}

.row{margin-left:auto;margin-right:auto;position:relative;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.lead{font-size:1.3em;margin:2rem auto;}
.lead.bold{font-weight:bold;}
#hc3 .row{margin-top: 90px;}
body{}
body.second{}

html{font-size:3.5vw;}

/** header **/


header{background:#4ad1c9;position:relative;display:flex;padding:3vw 2vw;align-items:center;justify-content:space-between;padding-right:16vw;}
header h1{max-width:40%;}
header h1 img{width:auto;height:auto;max-width:100%;}
header .btn.inq{width:40vw;}

section.visual{background:url(./images/vb.png) center top no-repeat;background-size:cover;height:60vw;width:100%;}

section.visual .row{padding-top:1rem;}
section.visual .row div{max-width:96vw;margin:0px auto;display:flex;justify-content:center;}
section.visual .row div+div{margin-top:-1rem;}
section.visual .row img{display:block;width:auto;height:auto;max-width:100%;}
section.visual .row a+a{margin-left:1rem;}

/* #main */


#contents{width:100%;background:url(./images/page_bg.gif);padding:8vw 0px;}
#contents #main{margin:0px 4vw;}
.bnr{padding:0px 4vw;}
.bnr a{margin-bottom:0.8rem;}
a img{display:block;width:auto;height:auto;max-width:100%;}

.bnr.around a+a{margin-left:0.5rem;}
.instagram_bnr{width: 244px; margin: 0 auto 2rem;}

section.information{padding:2px;background:#FFF;}

section.information .block_head{position:relative;padding:1rem;display:flex;box-sizing:border-box;height:14vw;align-items:center;background:url(./images/info_tit_bg.png) center top no-repeat;background-size:100% 100%;padding-left:15vw;}
section.information .block_head:before{content:"";width:15vw;height:17vw;display:block;position:absolute;left:0px;bottom:0px;background:url(./images/info_ico.png) center center no-repeat;background-size:contain;}
section.information .block_head h2{}

.info_box{margin:0.5rem 1rem 0.2rem;display:flex;padding:0.5rem 0px;border-bottom:1px solid #c4edeb;}
.info_box+.info_box{}
.info_box p{width:20vw;margin-right:0.5rem;}
.info_box p img{width:auto;height:auto;max-width:100%;margin:0px auto;}
.info_box dl{line-height:1.2;font-size:0.9rem;}
.info_box a{display:block;text-decoration:underline;color:#40bff3;}
.info_box dl dd.date{text-align:right;font-weight:bold;}

.index_information > *:nth-child(n + 4) {
	display: none;
}

section.access{background:#f9f9f9;border:1px solid #FFF;box-sizing:border-box;padding:15px 10px 10px;margin-top: 15px;}
section.access .map{margin: 10px 0; border: 1px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.1);}
section.access #map_canvas, section.access #map_canvas2{height: 150px;}
section.access p{font-size:0.8rem;}
section.access h3{padding-left:1.4rem;margin-bottom:0.3rem;position: relative;}
section.access h3:before{content:"";display:block;width:1.4rem;height:2px;background:#4ad1c9;position:absolute;left:-8px;top:0.5rem;}

section.access .open {
	margin-bottom: 10px;
	padding: 1px;
	background-color: #fd6277;
	border-radius: 100px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}


.mtb10{margin-top:1rem;margin-bottom:1rem;}
.mtb20{margin-top:2rem;margin-bottom:2rem;}


html{line-height: 1.8;}

body.fixed{}

.second #main,
.content_header{box-sizing:border-box;background:#FFF;padding:4px;width:92%;margin:0px auto;margin-bottom:1rem;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);}
.content_header h1{border:1px solid #4ad1c9;}
.content_header h1 img{width:100%;height:auto;display:block;}

.second #main .inner{padding:4vw;}
.second #main a{color: #40bff3;text-decoration: underline;}

#main .title_box{border:1px solid #C3EEEB;padding:0.2em;margin:0px 0px 1rem;}
#main .title_box h2{color:#464646;position:relative;background:#e6f7f6;padding:0.3rem 0.3rem 0.3rem 1.5rem;}
#main .title_box h2:before{width:1.5rem;position:absolute;left:-0.2em;top:50%;margin-top:-2px;height:4px;background:#51D1C9;content:"";display:block;}

#main p.center{text-align:center;}
#main p.center img{display:block;width:auto;height:auto;max-width:100%;margin:0px auto;}
#main p.right{text-align:right;}
#main p.red{color:#EE0000;}


#main h1{font-size: 1.7rem;line-height:1.2em;height:auto;margin-bottom:1rem;}
#main h2{font-size:1.2rem;}
#main h3{font-size:1.1rem;font-weight:normal;}
#main h4{font-size: 1rem;border-left:5px solid #51D1C9;padding-left:0.5rem;margin:1rem 0px;}
#main h5{font-size:1rem;color:#464646;margin:1rem 0px 0.7rem;}

#main h2.grn{text-align:center;color:#4BC7BE;padding:0.5rem 0px;margin:0px 0px;display:flex;align-items:center;justify-content:space-between;}
#main h2.grn:before,
#main h2.grn:after{width:10%;height:0px;border-top:1px solid #4BC7BE;content:"";display:block;flex-grow:1;}
#main h2.grn:before{margin-right:0.6rem;}
#main h2.grn:after{margin-left:0.6rem;}

#main .em_ble{font-size:4.5vw;font-weight:bold;margin:0.6rem 0px 0px;color:#1EB4CD;}

#main .shead{background:#FFF9F3;padding:0.5rem 0px;margin:0px 0px;display:flex;align-items:center;justify-content:space-between;}
#main .shead:before,
#main .shead:after{width:auto;height:0px;border-top:4px dotted #FDAA32;content:"";display:block;flex-grow:1;margin:0px 1rem;}
#main .shead h2{color:#FDAA32;font-size:1.1rem;font-weight:normal;text-align:center;}
#main .shead h2 em{font-size:2em;}

#main .grn_blk{background:#F0FBFA;border:1px solid #E7F7F6;padding:0.5rem;}
#main .grn_blk div{box-sizing:border-box;border-radius:10px;padding:1rem 0.4rem;color:#FFF;font-weight:bold;text-align:center;line-height:1.3;background: linear-gradient(to bottom, rgba(116,231,224,1) 0%,rgba(81,209,201,1) 50%,rgba(116,231,224,1) 100%);}

#main .row.org{background:#FDAA32;padding:0.6rem;color:#FFF;}
#main .row.org em{display:block;text-align:center;background:#34C0B6;padding:0.2rem 0.4rem;border-radius:1.4rem;margin-bottom:0.6rem;}



#main p.btn{margin:0.6rem 0px;}
#main p.btn a{min-width:14rem;position:relative;background:#EEC92D;color:#FFF;display:inline-block;padding:0.5rem 1rem 0.5rem 2.3rem;border:3px solid #FFF;box-sizing:border-box;box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3);border-radius:2rem;line-height: 1.3;text-decoration: none;}
#main p.btn a:before{content:"";display:block;border-radius:50%;background:#FFF;width:1em;height:1em;position:absolute;left:0.8rem;top:50%;margin-top:-0.5em;}
#main p.btn a:after{content:"";display:block;width:0px;height:0px;border:0.2em solid transparent;border-left:0.3em solid #EEC92D;position:absolute;left:1.2rem;top:50%;margin-top:-0.2em;}

#main p.ldd{margin:1rem 0px;}
#main p.line_top{padding-top:1rem;border-top:1px solid #c2eeeb;}
#main p.org{margin:1rem 0px;color:#f3a000;}

#main p.btn+h2{margin-top:3rem;}
#main p.btn+h3{margin-top:2rem;}
#main h3 img{display:block;width:auto;height:auto;max-width:100%;margin:0px auto;}

#main .table-layout table{width:750px;}
#main .table-layout{overflow:auto;overflow-x: scroll; width: 100%;}
#main .table-layout::-webkit-scrollbar{height: 5px;}
#main .table-layout::-webkit-scrollbar-track{background: #F1F1F1;}
#main .table-layout::-webkit-scrollbar-thumb {background: #BCBCBC;}

.second #main table.block{display:block;}
.second #main table.block thead{display:none;}
.second #main table.block tbody{display:block;}
.second #main table.block tr,
.second #main table.block tr th,
.second #main table.block tr td{display:block;border-bottom:2px solid #FFF;}
.second #main table.block tr{}
.second #main table.block tr th{width: auto;}

.second #main .line_blk{border:1px solid #c2eeeb;padding:1rem;}
.line_blk+.line_blk{margin-top:1rem;}
.second #main section+section{margin-top:3rem;}
.second #main .line_blk dl{padding:0.4rem 0px;border-bottom:1px solid #c2eeeb;}
.second #main .line_blk dl+p{margin-top:1rem;}

.map_wrap{border:2px soli #c4edeb;padding:0.2rem;}
.map_wrap+p {text-align:right;margin-bottom:0.5rem;}
.map_wrap+p a{font-size:0.9rem;color:#40bff3;text-decoration:underline;}

.hansyaku #main h3{color:FFF;text-shadow:2px 2px 0px rgba(0,0,0,0.2);background:#34C0B6;border-radius:2rem;color:#FFF;font-weight:bold;text-align:center;margin:1rem auto;padding:0.3rem;}
.hns img{display:block;margin:0px auto;}
.hns dl{margin:1rem 0px;}
.hns dl dt{float:left;padding:0.1rem 0px;color:#4ad1c9;}
.hns dl dd{border-bottom:1px solid #C3EEEB;padding:0.1rem 0.3rem 0.1rem 2rem;color:#464646;}
.hns dl dd:after{content:"";display:block;clear:both;}

.lecture #main h3,
.service #main h3{background:#34C0B6;color:#FFF;outline: 1px solid #FFF;outline-offset:-0.2em;padding:0.4em 0.6em;margin:2rem 0px 1rem;}
.service #main h3.c2{background:#77d79b;}
.schedule #main h3{font-weight:bold;font-size:1rem;color: #464646;position:relative;background: #e6f7f6;padding: 0.3rem 0.3rem 0.3rem 1.5rem;}
.schedule #main h3:before{content:"";display:block;background:#34C0B6;width:0.2rem;height:1em;position:absolute;left:0.4rem;top:0.4rem;}

.schedule .map_wrap{margin: 10px 0 5px;padding: 3px; border: 2px solid #c4edeb;}
.schedule .map{height: 200px;}

p strong,
table.inquiry th em,
.inquiry strong{font-weight:bold;color:#00b2a7;}

a.arrow_blue{color:#40bff3;position:relative;padding-left:1rem;text-decoration:underline;}
a.arrow_blue:before{content:"";display:block;border:0.4rem solid transparent;border-left:0.6rem solid #40bff3;position:absolute;left:0px;top:0.1rem;}

.second #main table{background:#bbe8e5;width:100%;line-height: 1.5;}
.second #main table th{background:#f1fcfc;font-weight:normal;color:#464646;padding:0.45rem 0.7rem;text-align:left;}
.second #main table td{background:#FFF;padding:0.3rem 0.7rem;text-align:right;}
.second #main table.profile td{text-align:left;}
.second #main table.c2{background:#bbe8cb;}
.second #main table.c2 th{background:#f1fcf3;}

.second #main table.inquiry th{width: 24%;background-color: #f1fcfc;text-align: center;line-height: 1.5;}
.second #main table.inquiry td{text-align:left;padding-top: 0.7em;padding-bottom: 0.7em;}
.second #main table.inquiry td input[type=text],
.second #main table.inquiry td select,
.second #main table.inquiry td textarea{border:1px solid #CCC;padding:0.5rem;font-size:16px;width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin: 3px 0;}
.second #main table.inquiry td input[type=text].size01 {width: 70%}

.service  #main table th dl dt{float:left;width:8rem;}

ul.indent{margin:0.8rem 0px;}
ul.indent li{padding-left:1em;text-indent:-1em;margin: 0 !important;line-height: 1.5;}


#main .leftimg,
#main .rightimg{float:none;margin-left:auto;margin-right:auto;}
#main .leftimg img,
#main .rightimg img{display:block;margin-left:auto;margin-right:auto;}

.second #main ul li{margin:4px 0px;}

.second #main ul.error_box li{color:#EE0000;}

.second #main ul.disc li{padding-left:1.3em;position:relative;}
.second #main ul.disc li:before{content:"";display:block;width:0.8em;height:0.8em;border-radius:50%;position:absolute;left:0.1em;top:0.4em;background:#EEC92D;}

#main .row.blk{border:1px solid #ffe59f;background:#FFFBF1;padding:1rem;margin-top:1rem;}

#panel-btn{top:0.8rem;right:0.8rem;position:absolute;}
#panel-btn{background:#FFF;padding-top:5px;z-index:1200;font-size:0.65em;text-align:center;color:#FFF;font-weight:600;box-sizing:border-box;display: block;width:10vw;height:10vw;}
#panel-btn-icon{display: block;position: absolute;top: 50%;left: 25%;width: 50%;height:3px;background: #4ad1c9;transition: .2s;margin-top: 0px;border-radius:0px;margin-top: -1px;}
#panel-btn-icon:before, #panel-btn-icon:after{display: block;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: #4ad1c9;transition: .3s;border-radius:0px;}
#panel-btn-icon:before{margin-top: -7px;}
#panel-btn-icon:after{ margin-top: 7px;}
#panel-btn .close{background: transparent;}
#panel-btn .close:before, #panel-btn .close:after{margin-top: 0;}
#panel-btn .close:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#panel-btn .close:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

.g_nav{height:80vh;overflow-y:scroll;padding:0px;}
.g_nav .sns{padding:0.6rem 1rem;}
.g_nav .bnr{padding-top:1rem;}

#closebtn{display:block;color:#FFF;position:relative;width:100%;height:3rem;}
#closebtn:before,
#closebtn:after{position:absolute;content:"";width:2rem;height:4px;background:#FFF;display:block;border-radius:2px;margin-top:-0rem;top:50%;left:50%;margin-left:-1rem;}
#closebtn:before{transform:rotate(-45deg);}
#closebtn:after{transform:rotate(45deg);}

#panel-wrap{width:90vw;margin-left:0rem;position:absolute;display:none;top:100%;transition: .5s;right:100%;z-index:1000;background:#4ad1c9;box-sizing:border-box;}
#panel-wrap.active{display:block;padding:0px 0px;box-sizing:border-box;right:0px;}
#panel-wrap.active > a{margin:0px 60px 10px 10px;display:block;}
#panel-wrap.active > a img{display:block;width:auto;height:auto;max-width:100%;}


aside .gnav{background:#28c0b7;color:#FFF;}
aside .gnav li a{border-bottom:1px solid #69d3cd;position:relative;color:#FFF;display:block;padding:1rem;font-size:1rem;}
aside .gnav li a:after{content:"";display:block;width:1rem;height:1rem;position:absolute;right:1rem;top:50%;margin-top:-0.5rem;background:url(./images/arrow.png) center center no-repeat;background-size:contain;}
#panel-wrap .close{text-align:center;display:block;width:auto;margin:0px;background:#005AB4;}
#panel-wrap .close a{font-weight:bold;padding:1rem;box-sizing:border-box;display:block;color:#FFF;position:relative;pading:0.5rem;}

.sns {display:flex;justify-content:center;padding:0px 0px 6vw;}
.sns li {
	margin: 0 5px;
}
.sns a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background-color: #fff;
	color: #4ad1c9;
}
.sns a svg {
	width: 34px;
	height: 34px;
	fill: #4ad1c9;
}
.sns a.blog {
	width: auto;
	padding: 0 10px 0 5px;
}

footer{background:#4ad1c9;position:relative;}
#gototop{position:absolute;right:1rem;top:1rem;width:12vw;}
footer #ft{text-align:center;padding:5vw;}
footer #ft img{display:block;width:auto;height:auto;max-width:40%;margin:0px auto;}
footer address{font-size:0.8rem;display:block;color:#FFF;}
footer a.tel{font-size:0.8rem;color:#FFF;text-decoration: underline;}
footer #copyright{background:#28c0b7;text-align:center;font-size:0.8rem;color:#FFF;padding:7vw 0px;}


#inquiryMain {margin-bottom: 15px;}
#formbtn {margin-top: 30px;}
#formbtn form{display: inline-block;}

#formbtn button{min-width:11rem;position:relative;background:#EEC92D;color:#FFF;display:inline-block;padding:0.3rem 0 0.3rem 1rem;border:3px solid #FFF;box-sizing:border-box;box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3);border-radius:2rem;font-weight: bold;}
#formbtn button:before{content:"";display:block;border-radius:50%;background:#FFF;width:1em;height:1em;position:absolute;left:0.8rem;top:50%;margin-top:-0.5em;}
#formbtn button:after{content:"";display:block;width:0px;height:0px;border:0.2em solid transparent;border-left:0.3em solid #EEC92D;position:absolute;left:1.2rem;top:50%;margin-top:-0.2em;}
#formbtn button.back{min-width:7rem;margin-right: 10px;}
#formbtn button.back:after{transform: rotate(180deg);left:0.9rem;}

.second #main table.inquiry td.error {
	background-color: #fff6f4;
}
table.inquiry .error_text {
	display: block;
	color: #dd0000;
}

@media screen and (max-width: 360px){
html{font-size:13px;}

}