@charset "UTF-8";

body {
margin:0;
padding:0;
font-size:100%;
color:#231815;
font-family: "Noto Sans Japanese";
}

a:link {color: #206CFF;text-decoration:underline;}
a:visited {color:#206CFF;text-decoration:underline;}
a:hover {color: #3b5998;text-decoration:none;}
a:hover img{filter: brightness(1.2);-webkit-transition:all .3s;transition:all .3s;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}

p {font-size:100%;line-height:200%;}
@media screen and (min-width:769px){
p {font-size:18px;letter-spacing:1px;}}

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

@media screen and (min-width:240px) and ( max-width:768px) {
#mv{
margin:0;
padding:0;
background-image:url("img/mv_sp.jpg");
background-position:bottom center;
background-repeat:no-repeat;
background-size:100% auto;
}
}
.logo{margin:0;padding:30px 0 0 0;text-align:center;}
.logo img{width:120px;}
.copy{
margin:0 auto;
padding:30px 45px 400px 45px;
}
.copy img{width:100%;}
.copy_head{
margin:0 auto 10px 0;
padding:0;
font-size:100%;
line-height:100%;
font-family: 'Roboto Condensed', sans-serif;
}
.copy_day{
margin:20px 0 0 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:100%;
font-family: 'Roboto Condensed', sans-serif;
}
@media screen and (min-width:769px){
#mv{
width:100%;
height:768px;
margin:0;
padding:0;
overflow:hidden;
position:relative;
}
#mv::before {
content: '';
display:block;
width:100%;
height:100%;
background-image:url("img/mv.jpg");
background-size:cover;
background-position:bottom center;
background-repeat:no-repeat;
-webkit-animation:zoom 10s 1;
animation:zoom 10s 1;
animation-fill-mode:forwards;
}
@keyframes zoom {
0% {transform: scale(1);}
100% {transform: scale(1.5);}
}
.logo{
position: absolute;
top:0;
left:0;
padding:15px 0 0 15px;
text-align:left;
}
.copy{
position:absolute;
top:0;
right:0;
left:0;
width:1080px;
margin:0 auto;
padding:140px 0 0 0;
}
.copy img{width:640px;}
.copy_head{
margin:0 auto 30px 0;
font-size:20px;
}
.copy_day{
width:640px;
margin:60px auto 0 0;
padding:15px 0;
font-size:30px;
text-align:right;
border-top:solid 1px #231815;
border-bottom:solid 1px #231815;
}
}


.intro_bg{
margin:0;
padding:60px 20px;
background-color:#f6f1eb;
background-image:url("img/intro_bg.png");
background-position:top center;
background-repeat:no-repeat;
background-size:100% auto;
}
.intro_box{
margin:0 0 30px 0;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.intro_photo{
width:32%;
margin:0;
padding:0;
}
.intro_photo img{width:100%;border-radius:15px;}
.intro{
margin:0 auto;
padding:1px 45px 20px 45px;
background:#fff;
border-radius:20px;
}
.intro_mark{
margin:-15px 0 0 0;
padding:0 0 10px 0;
text-align:center;
}
.intro_mark img{width:90px;}
@media screen and (min-width:769px){
.intro_bg{padding:120px 0;}
.intro_box{margin:0 3% 60px 3%;}
.intro_photo{width:31%;}
.intro_photo img{border-radius:20px;}
.intro{width:540px;padding:1px 120px 45px 120px;}
.intro_mark img{width:120px;}
}


.contents_bg{
margin:0;
padding:30px 30px 45px 30px;
background:#d4e8e3;
}
.contents_title{
margin:0;
padding:30px 0 0 0;
font-size:240%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.contents_eng{
margin:0;
padding:10px 0 30px 0;
font-size:100%;
line-height:150%;
text-align:center;
color:#81b4b3;
font-family: 'Roboto Condensed', sans-serif;
}
.contents_box{margin:0;padding:0;}
.contents_teacher{margin:0;padding:0;text-align:center;}
.contents_teacher img{width:80%;border-radius:20px;}
.contents_txt{margin:0;padding:0;}
.contents_name{
margin:0;
padding:25px 0 0 0;
font-size:160%;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.contents_bg{padding:30px 0 120px 0;}
.contents_title{padding:90px 0 0 0;font-size:48px;}
.contents_eng{padding:10px 0 60px 0;font-size:18px;}
.contents_box{
margin:0 5%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
max-width: 1110px;
margin: 0 auto;
}
@media screen and (min-width:1336px){
.contents_box{
max-width: 1280px;
}
}

.contents_teacher{width:480px;padding:10px 0 0 0;}
.contents_teacher img{width:100%;}
.contents_txt{width:calc(100% - 540px);}
.contents_name{padding:0 0 15px 0;font-size:36px;text-align:left;}
}


.outline_bg{
margin:0;
padding:60px 20px 15px 20px;
background-color:#f6f1eb;
}
.outline_box{margin:0 auto;padding:0;}
.outline_item{margin:0 0 45px 0;padding:0;}
.outline_title{
margin:0 0 30px 0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:150%;
text-align:center;
}
table.detail{
width:100%;
border-collapse:separate;
margin:0;
}
table.detail th{
width:140px;
font-size:100%;
line-height:180%;
padding:15px 0;
color:#fff;
background:#ad7bac;
}
table.detail td{
font-size:100%;
line-height:180%;
padding:15px 0 15px 20px;
border-bottom:dashed 1px #999;
vertical-align:top;
}
.detail_caption{
margin:0;
padding:0;
font-size:80%;
}
table.timetable{
width:100%;
border-collapse:separate;
margin:0;
}
table.timetable th{
width:140px;
font-size:100%;
line-height:180%;
padding:15px 0;
color:#fff;
background:#c57a98;
}
table.timetable td{
font-size:100%;
line-height:180%;
padding:15px 0 15px 20px;
border-bottom:dashed 1px #999;
}
.outline_remarks{
margin:30px 0 0 0;
padding:15px 20px;
font-size:80%;
line-height:180%;
color:#6a6663;
border:solid 1px #e6dac4;
}
.outline_remarks ul{
margin:0;
padding:0;
list-style:none;
}
.outline_remarks ul li{
margin:0;
padding:3px 0 0 22px;
font-size:90%;
line-height:160%;
position:relative;
}
.outline_remarks ul li:before {
display:block;
content: "・";
position:absolute;
left:0;
}
@media screen and (min-width:769px){
.outline_bg{padding:120px 0;}
.outline_box{
width:1180px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.outline_item{width:47%;margin:0;}
.outline_title{margin:0 0 60px 0;font-size:32px;}
table.detail th{width:180px;font-size:16px;}
table.detail td{font-size:16px;}
table.timetable th{width:180px;font-size:16px;}
table.timetable td{font-size:16px;}
.outline_remarks{padding:10px 20px;font-size:12px;}
.outline_remarks ul li{font-size:12px;}
}


.offer_bg{
margin:0;
padding:60px 30px;
background:#d4e8e3;
}
.offer_top{
margin:0;
padding:0;
font-size:240%;
font-weight:900;
line-height:150%;
text-align:center;
}
.offer_eng{
margin:0;
padding:10px 0 30px 0;
font-size:100%;
line-height:150%;
text-align:center;
color:#81b4b3;
font-family: 'Roboto Condensed', sans-serif;
}
.offer_box{margin:0 auto 45px auto;padding:0;}
.offer_pict{margin:0;padding:0 0 10px 0;}
.offer_pict img{width:100%;border-radius:10px;}
.offer_txt{margin:0;padding:0;}
@media screen and (min-width:769px){
.offer_bg{padding:120px 0 120px 0;}
.offer_top{font-size:48px;}
.offer_eng{padding:10px 0 60px 0;font-size:18px;}
.offer_box{
width:980px;
margin:0 auto 90px auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.offer_pict{width:36%;padding:10px 0 0 0;}
.offer_txt{width:58%;}
}


.device {
margin:0 auto;
padding:0;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;filter:brightness(115%);}
.device a:visited {color:#000;text-decoration:none;}
.btn {
width:100%;
margin:0 auto;
padding:30px 0;
display:inline-block;
font-size:120%;
font-weight:bold;
color:#fff;
text-align:center;
border-radius:100px;
background:#0bc300;
transition:all .3s;
box-sizing:border-box;
border:1px solid transparent;
transition:all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
position:relative;
}
.ripple {
display:block;
position:absolute;
top:0;
z-index:1;
width:100%;
height:100%;
background:#65e204;
box-shadow:0 0 5px #65e204;
border-radius:150px;
-webkit-border-radius:150px;
-moz-border-radius:150px;
/*アニメーション*/
animation-name:rippleAnimation;
animation-timing-function:ease-out;
animation-iteration-count:infinite;
animation-duration:1.5s;
-webkit-animation-name:rippleAnimation;
-webkit-animation-timing-function:ease-out;
-webkit-animation-iteration-count:infinite;
-webkit-animation-duration:1.5s;
-moz-animation-name:rippleAnimation;
-moz-animation-timing-function:ease-out;
-moz-animation-iteration-count:infinite;
-moz-animation-duration:1.5s;
}
@keyframes rippleAnimation {
0% {transform:scale(1, 1);opacity:1;}
100% {transform:scale(1.1, 1.3);opacity:0;}
}
@-webkit-keyframes rippleAnimation {
0% {-webkit-transform:scale(1, 1);opacity:1;}
100% {-webkit-transform:scale(1.1, 1.3);opacity:0;}
}
@-moz-keyframes rippleAnimation {
0% {-moz-transform:scale(1, 1);opacity:1;}
100% {-moz-transform:scale(1.1, 1.3);opacity:0;}
}
@media screen and (min-width:769px){
.device {width:540px;}
.btn {padding:35px 0;font-size:24px;}
}


.about_bg{
margin:0;
padding:60px 30px 15px 30px;
background-color:#f6f1eb;
}
.about_box{margin:0 auto;padding:0;}
.about_item{margin:0 0 45px 0;padding:0;}
.about_title{
margin:0 0 30px 0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.about_pict{margin:0;padding:0 0 10px 0;}
.about_pict img{width:100%;border-radius:20px;}
@media screen and (min-width:769px){
.about_bg{padding:90px 0 120px 0;}
.about_box{
width:1180px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.about_item{width:46%;margin:0;}
.about_title{margin:0 0 45px 0;font-size:32px;}
.about_pict{padding:0 0 20px 0;}
}



/*---------- 文字装飾 ----------*/

.bold {font-weight: bold;}
.ul {text-decoration:underline;}
.red {color:#d0111b;}
.through {text-decoration:line-through;}
.ym {background:linear-gradient(transparent 70%, #faf79c 70%);}
.caption {font-size:75%;color:#6666; font-weight:normal;}
.center {text-align: center;}
.right {text-align:right;}
.mt {margin-top:45px;}
@media screen and (min-width:769px) {
.mt {margin-top:45px;}
}

.order_01{order:1;}
.order_02{order:2;}


/*---------- フッター ----------*/

#footer {
margin:0;
padding:20px 0;
text-align:center;
color:#fff;
background:#7096ab;
}
.footer_link {
margin:0;
padding:0;
font-size:70%;
line-height:150%;
}
.footer_ad {
margin:10px 0 0 0;
padding:0;
font-size:70%;
line-height:150%;
font-family: "Roboto Condensed", sans-serif;
}
#footer a:link {color:#fff;text-decoration:none;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
@media screen and (min-width:769px) {
#footer {padding:30px 0;}
.footer_link {font-size:12px;}
.footer_ad {font-size:12px;}
}