@charset "utf-8";

/*reser*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:2px solid #cccccc;margin:4em 0;padding:0}
input, select {vertical-align:middle}
input[type="submit"],
input[type="button"] {border-radius: 0;  -webkit-box-sizing: content-box;  -webkit-appearance: button;  appearance: button;  border: none;  box-sizing: border-box;  cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {  display: none;}
input[type="submit"]::focus,
input[type="button"]::focus {  outline-offset: -2px;}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
/*========================================
BASIC
=======================================*/
html{-webkit-text-size-adjust:100%;}
body{color: #2b2b2b; font-size:22px;font-family: "Noto Sans JP","serif","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;background: url("../img/bg.png") repeat; line-height:1.9;font-weight: 400;}
.Hv {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;opacity:1;}
.Hv:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity:0.7;}
.spView {display:none;}
.fc-red, .red, .caution {color:#E34043;}
.ta-c {text-align:center;}
a { text-decoration:none; color:#09689C}
a:hover { text-decoration:none;}
.u-l {text-decoration: underline;}
.spView { display: none;}
.imgFull img {width: 100%;height: auto;}
.fs-90 {font-size: 90%}
.fs-110 {font-size: 110%}
.fs-120 {font-size: 120%}
.fs-130 {font-size: 130%}
.fs-140 {font-size: 140%}
.effect-fade {opacity : 0;transform : translate(0, 60px);transition : all 1000ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}
.effect-zoom {opacity : 0.1;transform : scale(1.3,1.3);;transition : all 1000ms;}
.effect-zoom.effect-scroll {opacity : 1;transform : scale(1,1);}
.bold {font-weight: 500}

#wrapper {width: 100%;}
section {}

.pcView {}
.spView {display: none;}
img {width: 100%;height: auto; line-height: 0;}
.impTxt {color: rgba(251,102,105,1.00);text-decoration: underline;}
@media only screen and (min-width:728px) and (max-width:1040px) {
body{font-size:21px;}
}
@media screen and (max-width: 727px) {
.pcView {display: none;}
.spView {display: block;}
body{font-size:16px;}
}

#hero {width: 100%;position: relative;}
#hero .Cnt {max-width: 100%;width: 100%; margin: 0 auto;}
#hero .Cnt .bg {position: relative}
#hero .Cnt h1 {width: 664px;height: 349px; position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
#hero .Cnt img {width: 100%;height: auto;line-height: 0;}
@media only screen and (min-width:728px) and (max-width:1040px) {
#hero .Cnt {max-width: 100%;}
}
@media screen and (max-width: 727px) {
#hero {padding: 0;position: relative;}
#hero .Cnt h1 {width: 332px;height: 175px;}
#hero .Cnt {max-width:100%;}
}



section.normal {width: 100%;padding: 5% 0;overflow: hidden;}
section.normal .Cnt {max-width: 800px;width: 96%;margin: 0 auto;}
section.normal .Cnt.border {background-image: url("../img/arrow.png"),url("../img/bar.png");background-repeat: no-repeat,repeat-y;background-position: bottom left,top left;padding-left: 3%;box-sizing: border-box;}
section .Cnt h2.std {margin-bottom: 4%}
section .Cnt h2.std.std-01 {max-width: 378px;width: 90%;}
h2.line-h2 {position: relative; padding: 0 0 2%; text-align: center; margin-bottom: 4%; font-family: 'Noto Serif JP', serif;}
h2.line-h2:before {position: absolute; bottom: 0; left: calc(50% - 20px); width: 40px; height: 3px; content: ''; background: #2ab5d3;}
@media screen and (max-width: 727px) {
section .Cnt h2.std.std-01 {max-width: 169px;width: 90%;}
}

section.normal .schedule {width: 96%;max-width: 800px; background: #fff;box-sizing: border-box;padding: 3% 4%;margin: 0 auto 4%}
section.normal .schedule ul {overflow: hidden;font-size: 18px;margin-bottom: 4%}
section.normal .schedule ul li{width: 100%;padding-bottom: 1%;border-bottom: 2px solid #eef4fa;margin-bottom: 2%}
section.normal .schedule ul li:last-child {margin-bottom: 0;}
section.normal .schedule ul li dl {overflow: hidden;display: table;width: 100%}
section.normal .schedule ul li dl dt {display: table-cell;vertical-align: top; color: #6fd2de;width: 12%;}
section.normal .schedule ul li dl dd {display: table-cell;vertical-align: top; width: 88%}
section.normal .schedule .btn {max-width: 377px;margin: 0 auto;width: 96%;}

@media screen and (max-width: 727px) {
section.normal .schedule ul {font-size: 16px;}
section.normal .schedule ul li dl dt {width: 20%;}
}

section.normal .prof {width: 96%;max-width: 800px; background: #fff;box-sizing: border-box;padding: 3% 4%;margin: 0 auto 4%}
section.normal .prof .heading {width: 100%;display: table;margin-bottom: 4%;}
section.normal .prof .heading figure {display: table-cell;vertical-align: middle;width: 45%;}
section.normal .prof .heading .name {display: table-cell;vertical-align: middle;width: 55%;box-sizing: border-box;padding: 0 4%}
section.normal .prof .heading .name h3 {font-family: 'Noto Serif JP', serif;font-size: 40px;}
section.normal .prof .heading .name h4 {font-family: 'Noto Serif JP', serif;font-size: 20px;}
section.normal .prof .det {font-weight: normal;font-size: 16px;line-height: 1.8;}
section.normal .prof .det p {margin-bottom: 2%}
section .Cnt p {margin-bottom: 2%;} 
section.black {width: 100%;background: #000;padding: 5% 0}
section.black .Cnt {max-width: 1040px;width: 96%;margin: 0 auto;}
section.black .Cnt .frame {border-radius: 12px;box-sizing: border-box;padding: 4%;background: #191919;margin-bottom: 2%}
@media screen and (max-width: 727px) {
section.normal .prof .heading .name h3 {font-size: 26px;}
section.normal .prof .heading .name h4 {font-size: 14px;}
section.normal .prof .det {font-size: 15px;}
}


footer {background:#fff; color: #5B5B5B; font-size:14px;text-align:center;line-height:1.6;padding: 15px 0}
footer a {color:#5B5B5B;}


/* midTitle */
.midTitle { width:100%; background:#191919;}
.midTitle .Cnt {width: 800px; margin: 0 auto;}
.midTitle .Cnt h2 {text-align: center; font-size: 30px;margin: 0 auto;padding: 50px 0; color:#fff;font-weight:700;}
.midTitle .Cnt h2.oneLine {text-align: center; font-weight: bold; font-size: 30px;margin: 0 auto;padding: 30px 0;}
@media only screen and (min-width:728px) and (max-width:980px) {
.midTitle .Cnt {width: 98%; margin: 0 auto;}
.midTitle .Cnt h2 {text-align: center; font-weight: bold; font-size: 40px;margin: 0 auto;padding: 30px 0;}
}
@media screen and (max-width: 727px) {
.midTitle .Cnt {width: 98%; margin: 0 auto;}
.midTitle .Cnt h2 {font-size: 20px;margin: 0 auto;padding: 10px 0;font-weight: bold;}
}

/* KeySec */
#KeySec {width: 100%;padding: 60px 0;}
#KeySec .Cnt {width:800px; margin: 0 auto;}
#KeySec .Cnt h2 {font-size:30px;text-align: center;margin-bottom: 20px;}
#KeySec .Cnt h2 span {font-size: 140%;}
#KeySec .Cnt img {vertical-align: bottom; width: 100%; height: auto;}
#KeySec .Cnt .catchImg {width:589px;margin: 0 auto 20px;}
#KeySec .Cnt dl {overflow: hidden;padding-bottom: 5px;border-bottom: 1px dotted #BFBFBF;margin-bottom: 15px; font-size: 14px;}
#KeySec .Cnt dl dt {float: left; width: 28%; padding-right: 2%;}
#KeySec .Cnt dl dd {float: right; width: 70%;}
@media only screen and (min-width:728px) and (max-width:980px) {
#KeySec {width: 100%;padding: 60px 0;}
#KeySec .Cnt {width:98%; margin: 0 auto;}
}
@media screen and (max-width: 727px) {
#KeySec {width: 100%;padding: 60px 0;}
#KeySec .Cnt {width: 96%; margin: 0 auto;}
#KeySec .Cnt h2 {font-size:18px;text-align: center;margin-bottom: 20px;}
#KeySec .Cnt h2 span {font-size: 140%;}
#KeySec .Cnt img {vertical-align: bottom; width: 100%; height: auto;}
#KeySec .Cnt .catchImg {width:100%;margin: 0 auto 20px;}
}


.content_form {border: 4px solid #f7f7f7;box-sizing: border-box;padding: 4%;width: 100%;margin: 4% auto 0;}
.content_form input[type="text"] {border: none;background: #D5D5D5;padding:2% 2%;box-sizing: border-box;margin-bottom: 2%;border-radius: 4px;width: 100%;font-size: 18px;}
.content_form input[type="submit"] {cursor: pointer;width: 100%;box-sizing: border-box;background: linear-gradient(to right, #fa6c9f 0%, #ffe140 80%, #ffe140 100%);border-radius: 6px;padding: 15px 0;font-size: 18px;color: #fff;font-weight: bo
;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.content_form input[type="submit"]:hover {opacity: 0.7;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}