@charset "utf-8";
/* CSS Document */
html{ font-size: 62.5%; }
@font-face {font-family: YuGothicM; src: local("Yu Gothic Medium");} 
body { font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif; font-size: 1.8rem; color: #000; margin:0px; padding:0px; text-align: center; overflow-x: hidden; background:url("images/body-bk.jpg");}
p{ margin:0; padding:2rem 0; line-height: 3.2rem; text-align: left;font-size:1.8rem;color:#423734;}
img{ max-width: 100%; height: auto; border:none; vertical-align: bottom;}
.img_right{float:right; margin:0px 0px 20px 20px;}
.img_left{float:left; margin:0px 20px 0px 0px;}
.top{margin-top:-24rem;}
.txt-img{margin:2rem auto;}
a { transition: all 0.3s ease; text-decoration: none;}
a img {display: inline-block; vertical-align: top; opacity: 1; transition: all 0.3s ease;}
a img:hover {opacity: 0.6;}
.clear{clear:both;}
.text-right{text-align:right;}
.btn{margin:4rem auto;}
/* font */
.center {text-align: center;}
.right {text-align: right;}
.under{text-decoration:underline;}
.red {color: #d10631;}
.pink{color:#FF92D2;}
.bl {color: #2d4ea0;}
.lbl{color:#01e4ff;}
.gold {color: #D0A40B;}
.yl{color:#ffff00;}
.ylbox{background-color: #fcffb0;color:#ff4967;}
.up{font-size:2.5rem;}
.small{font-size:1.5rem;}
.ft14{font-size:14px; line-height: 150%;}
.ft16{font-size:16px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.ft24{font-size:24px;}
.ft26{font-size:26px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.ml15 {margin-left: 15px;}
.pl30 {padding-left: 30px;}
.m30 {margin: 30px auto;}
.m40 {margin: 40px auto;}
.m50 {margin: 50px auto;}
.m60 {margin: 60px auto;}
.m70 {margin: 70px auto;}
.m0{margin: 0 !important;}
.shadow {box-shadow: 2px 2px 6px rgba(0,0,0,0.2);}
#pageTop { position: fixed; bottom: 30px; right: 30px;}
#pageTop i { padding-top: 12px; font-size: 1.2em; }
#pageTop a { display: block; z-index: 999; padding: 0; border-radius: 5px; width: 60px; height: 45px; background-color: rgba(0,0,0,0.5); color: #fff; font-weight: bold; text-decoration: none; text-align: center;}
.none{display: none;}
.pageTop a:hover { text-decoration: none; opacity: 0.7; }
.forpc {display: block;}
.forsp {display: none;}
/***************
     header
***************/
header {height:auto;}
h1 {max-width: 980px; margin:10rem auto 4rem auto;}
h2{margin:0 0 4rem 0;}
h3{margin:4rem 0;}
h3.big{font-weight: bold;text-align:center;font-size:4rem;font-family: dnp-shuei-ymincho-std, sans-serif;font-style: normal;}
.head-line{background: url("images/head-bk.jpg");margin: 0 auto;background-size:cover;padding:0 0 2rem 0;background-position: center;}
.head-line-txt{max-width: 980px;margin: 0 auto;}
/***************
   navigation
***************/
nav {width: 100%; margin: 0 auto; padding: 0.5rem; 	background-image: url(images/nav-border.png),  url(images/nav-border.png),url("images/nav-bk.jpg");
	background-position: top, bottom,center;
	background-size: contain, contain,cover;
	background-repeat: repeat-x,repeat-x, repeat-x;}
nav .inner{padding:4rem 0;}
nav ul.nav {list-style: none; padding: 0;margin: 0;}
nav ul.nav li {display:inline-block; vertical-align: top;margin-right: 0.5rem;}
nav ul.nav li:last-child {margin-right: 0;}
/***************
    parts
***************/
.btn01{margin: 0 auto;width: auto;}
.btn02{margin:0 auto;width: auto;}
.btn03{margin:2rem auto;width: auto;}
.news{max-width: 960px;margin: 0 auto;overflow-x:hidden;overflow-y: scroll;border: solid thin #490276;background:#fff;box-sizing: border-box; padding:2rem 0;max-height: 10rem;}
.news-head{background:#490276;max-width: 980px;margin: 0 auto;text-align:left;}
.news-head h2{color:#fff;padding:1rem;margin: 0;}
.news p{color:#490276!important;padding:0 2rem;}
.news a{font-weight: bold;color:#E92E31;text-decoration: underline;}
/***************
     pre-nav
***************/
.pre-header .in{max-width: 980px;margin:0 auto;}
.pre-head{color: #fff;padding:1rem;text-align:center;display: inline-block;font-size:2rem;margin:2rem 0.5rem 2rem 0.5rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14a798+0,0e7e72+50,14a798+100 */
background: #14a798; /* Old browsers */background: -moz-linear-gradient(top,  #14a798 0%, #0e7e72 50%, #14a798 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a798', endColorstr='#14a798',GradientType=0 ); /* IE6-9 */
font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 600;font-style: normal;width: 28%;border-radius: 1rem;}
.head-fixed{position: fixed;background:rgba(167,183,211,0.5);top:0;width: 100%;text-align: center;margin: 0;padding:1rem 0 0 0;z-index:998;}
/***************
    contents
***************/
.block{display: flex;}
#main {max-width:100%; margin: 0 auto; padding: 0;position: relative;z-index:0;}
.wrapper {max-width: 980px; margin: 0 auto; padding: 2rem 2rem;}
.sec01{background:#fff;box-shadow: 0px 0px 10px 0px #ebdfce inset;max-width: 980px;margin:0 auto;padding:4rem;}
.fn4-sec02{background:#fff;box-shadow: 0px 0px 10px 0px #ebdfce inset;max-width: 980px;margin:0 auto;padding:4rem;}
.fn4-sec02-bk{background:url(images/fn4-sec01b-bk.png);background-repeat: no-repeat;background-position: right;background-size:contain;}
.fn4-sec03{background:#fff;box-shadow: 0px 0px 10px 0px #ebdfce inset;max-width: 980px;margin:0 auto;padding:4rem;}
.fn4-teacher{background:url(images/sec03-bk.jpg);background-size:cover;padding:4rem 2rem;border-radius: 2rem;font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: bold;font-style: normal;margin:2rem auto;}
.sec03{background:url(images/sec03-bk.jpg);background-size:cover;padding:6rem 0;}
.teacher{background:rgba(255,255,255,0.50);max-width: 980px; margin:0 auto;padding:4rem;}
.teacher h2 img{margin: 0 auto 0 auto;width: auto;padding:4rem 0 0 0;}
.sec04{padding:4rem 0;}
.sec05{background:url("images/sec05bk.jpg");background-repeat: no-repeat;background-size: cover;background-position: center top;padding:6rem 0;}
.sec05 h2 img{margin:0 auto;width: auto;}
.sec06{padding:4rem 0 0 0;}
.sec06 h2 img{margin:0 auto;width: auto;}
.quest{background-image:url(images/quest-bk.png);background-color:#fff;background-position: right;background-size:contain;background-repeat: no-repeat;padding:4rem;text-align:left;font-size:2.6rem;font-weight: bold;color:#147c82;border:solid 0.5rem #74f9d3;margin:4rem 0;}
.sec06{margin: 0;}
.fn1-bullet{font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 600;font-style: normal;background:url(images/fn1-bullet-lt.png),url(images/fn1-bullet-lb.png),url(images/fn1-bullet-rt.png),url(images/fn1-bullet-rb.png),url(images/bullet-bk.jpg);background-position: top left, bottom left,top right,bottom right,center;background-size: 8%,8%,8%,8%,cover;background-repeat: no-repeat; border-left: 2px solid #bca271;border-right: 2px solid #b79671;margin:4rem auto;}
.fn1-bullet::before,
.fn1-bullet::after{content: "";display: block;height: 2px;background: linear-gradient(to right,#bca271  0%, #b79671 100%);}
.fn2-bullet{font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 600;font-style: normal;background:url(images/fn1-bullet-lt.png),url(images/fn1-bullet-lb.png),url(images/fn1-bullet-rt.png),url(images/fn1-bullet-rb.png),url(images/fn2-bullet-bk.jpg);background-position: top left, bottom left,top right,bottom right,center;background-size: 8%,8%,8%,8%,cover;background-repeat: no-repeat; border-left: 2px solid #bca271;border-right: 2px solid #b79671;margin:4rem auto;}
.fn2-bullet::before,
.fn2-bullet::after{content: "";display: block;height: 2px;background: linear-gradient(to right,#bca271  0%, #b79671 100%);}
.fn2-bullet{font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 600;font-style: normal;background:url(images/fn1-bullet-lt.png),url(images/fn1-bullet-lb.png),url(images/fn1-bullet-rt.png),url(images/fn1-bullet-rb.png),url(images/fn3-bullet-bk.jpg);background-position: top left, bottom left,top right,bottom right,center;background-size: 8%,8%,8%,8%,cover;background-repeat: no-repeat; border-left: 2px solid #bca271;border-right: 2px solid #b79671;margin:4rem auto;}
.fn2-bullet::before,
.fn2-bullet::after{content: "";display: block;height: 2px;background: linear-gradient(to right,#bca271  0%, #b79671 100%);}
.fn2-list{background:url("images/fn2-sec01-list-bk.jpg");background-size:cover;border:solid thin rgba(17,54,81,1.00);padding:2rem;text-align:left;max-width: 360px;color:#fff;margin:4rem 0;border-radius: 1rem;font-weight: bold;}

.fn4-bullet{font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 600;font-style: normal;background:url(images/fn4-sec02-bullet-bk.jpg);background-position:center;background-size:cover;background-repeat: no-repeat; border-left: 2px solid #bca271;border-right: 2px solid #b79671;margin:4rem auto;}
.fn4-bullet::before,
.fn4-bullet::after{content: "";display: block;height: 2px;background: linear-gradient(to right,#bca271  0%, #b79671 100%);}
.fn4-bullet::before,
.fn4-bullet::after{content: "";display: block;height: 2px;background: linear-gradient(to right,#bca271  0%, #b79671 100%);}

.fn4-sec04-pre{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bca271+0,fff3dc+52,b79671+100 */
background: #bca271; /* Old browsers */
background: -moz-linear-gradient(top,  #bca271 0%, #fff3dc 52%, #b79671 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bca271 0%,#fff3dc 52%,#b79671 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bca271 0%,#fff3dc 52%,#b79671 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bca271', endColorstr='#b79671',GradientType=0 ); /* IE6-9 */
padding:2rem;max-width: 980px;margin:0 auto;border-radius: 1rem;}
.fn4-pre-in{background:#fff;padding:2rem 2rem 6rem 2rem;clear: both;}
.present{background-color:#fff;border:solid thin #b08d68;border-radius: 1rem;padding:4rem;background-image: url("images/pre-bk-fn1.png");background-position: bottom right;background-size:40%;background-repeat: no-repeat;margin:4rem auto;}
.present-fn2{background-color:#fff;border:solid thin #b08d68;border-radius: 1rem;padding:4rem;background-image: url("images/pre-bk-fn2.png");background-position: bottom 20% right 10%;background-size:40%;background-repeat: no-repeat;margin:4rem auto;}
.present-fn3{background-color:#fff;border:solid thin #b08d68;border-radius: 1rem;padding:4rem;background-image: url("images/pre-bk-fn3.png");background-position: bottom 20% right 10%;background-size:40%;background-repeat: no-repeat;margin:4rem auto;}
.present-fn4{background-color:#fff;border:solid thin #b08d68;border-radius: 1rem;padding:4rem;background-image: url("images/pre-bk-fn4.png");background-position: bottom 20% right 10%;background-size:40%;background-repeat: no-repeat;margin:4rem auto;}
.pre-block{display: flex;align-items:center;justify-content: space-around;padding:0 0 2rem 0;}
.fn4-list{padding:2rem;border-radius: 1rem;background:url(images/sec05bk.jpg);background-size:cover;background-repeat: no-repeat;font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: bold;font-style: normal;margin:2rem auto;border:solid thin #353422;}
.present p{margin-top:4rem;}
.present-fn2 p{margin-top:4rem;}
ul.list {list-style: none;text-align:left;font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 500;font-style: normal;padding:4rem;}
ul.list li {padding-left: 4rem;line-height: 4rem;background: url(images/icon.png) left 0px top 0.8rem no-repeat;background-size: 30px auto;font-size:2rem;color:#fff;text-shadow: 0px 0px 9px rgba(0,4,80,1), 0px 0px 7px #000027;}

.fn4-bullet ul.list {list-style: none;text-align:left;font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: bold;font-style: normal;padding:4rem;}
.fn4-bullet ul.list li {padding-left: 4rem;line-height: 4rem;background: url(images/icon.png) left 0px top 0.8rem no-repeat;background-size: 30px auto;font-size:2rem;color:#040323;text-shadow: 0px 0px 9px rgba(255,255,255,1), 0px 0px 7px #ffffff;}

.movie-wrap{background:url(images/video-bk.jpg);background-size:cover;background-repeat: no-repeat;margin:0 auto;background-position: center;padding:2rem 0 2rem 0;}
.movie-title{width: auto;margin: 0 auto;}
.question{background:#34014c;border:solid thin #fff;padding:2rem;margin:4rem auto;}
.question p{text-align:left;color:#fff;font-weight: bold;font-size:2rem;line-height: 4rem;margin-top:2rem;}
.movie { width:100%; padding-bottom: 56.25%; height:0px; margin: 30px auto; position: relative; }
.movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.com-bk{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff4dc+1,e4cea3+50,fff4dc+100 */
background: #fff4dc; /* Old browsers */
background: -moz-linear-gradient(top,  #fff4dc 1%, #e4cea3 50%, #fff4dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff4dc 1%,#e4cea3 50%,#fff4dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff4dc 1%,#e4cea3 50%,#fff4dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4dc', endColorstr='#fff4dc',GradientType=0 ); /* IE6-9 */
max-width: 980px;margin:0 auto 4rem auto;padding:2rem 0;border:solid thin #2D003E;border-radius: 2rem;}
.com-bk{border-radius: 1rem;background:#530505;max-width:980px;padding:2rem 0;margin:2rem auto;}
.com-bk-cs{border-radius: 1rem;background:#585151;max-width:980px;padding:2rem 0;margin:2rem auto;}
.com-bk-block{display: block;align-items: center;padding:4rem 0 2rem 0;}
.step{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14a798+0,0e7e72+50,14a798+100 */
background: #14a798; /* Old browsers */
background: -moz-linear-gradient(top,  #14a798 0%, #0e7e72 50%, #14a798 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a798', endColorstr='#14a798',GradientType=0 ); /* IE6-9 */
display: flex;align-items: flex-start;justify-content: center;
margin:2rem auto;padding:2rem;}
.step-txt{width: 50%;text-align:left;}
.step-txt p{font-weight: bold;color:#fff;text-align:left;padding:4rem;font-size:2rem;}
.at{background:rgba(255,252,252,0.43);font-size:1.6rem;text-align:left;padding:2rem;}
/* timer */
.countdown{
margin:0 auto 0 auto;
text-align:center;
font-weight: bold;
line-height: 3rem;
display: block;
}

.count{
color:#ff4967;
font-size:3rem;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding:0rem 0 3rem 0;
font-weight: bold;
margin:0 auto;
background-repeat: no-repeat;
background-position:center center;
line-height:1.7rem;
text-align:center;
}
.timercount{display: inline-block;
font-size:5rem;
color: #ff4967;
font-weight: bold;
padding:4rem 0 0 0;
}
.timercount .yycountdown-box .yyc-day .yycountdown-box .yyc-hou .yycountdown-box .yyc-min{
font-size:5rem;
color:#34014c;
padding:0;
}
.timercount{
  font-size:4rem;
  color: #ff4967;
font-weight: bold;
}
.timercount{
  font-size:4rem;
  color: #ff4967;
}
.timercount .yycountdown-box .yyc-sec{
  font-size:4rem;
  color: #ff4967;
}
 
.timercount .yycountdown-box .yyc-day-text,
.timercount .yycountdown-box .yyc-hou-text,
.timercount .yycountdown-box .yyc-min-text,
.timercount .yycountdown-box .yyc-sec-text{
  font-size:3rem;
  color: #ff4967;
}
.tokucho{border:solid 0.5rem #2E9EA0;background:#fff;padding:2rem;text-align: left;display: flex;justify-content: space-between;}
.toku-name{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;display: inline-block;font-size:2rem;font-weight: bold;margin-left:1rem;}
.toku-title{display: flex;align-items: center;margin-bottom:2rem;justify-content:flex-start;}
.toku-no{background:#2E9EA0;padding:1rem;color:#fff;}
.sapo{background:#27649d;padding:0 0 0 2rem;text-align: left;display: flex;justify-content: space-between;border-radius: 1rem;color:#fff;margin:2rem auto;}
.sapo-name{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;display: inline-block;font-size:2rem;font-weight: bold;margin-left:1rem;}
.sapo-title{display: flex;align-items: center;margin-bottom:2rem;justify-content:flex-start;margin-top:2rem;}
.sapo-no{background:#fff;padding:1rem;color:#27649d;font-weight: bold;border:solid 0.5rem #0E3064;}
.faq{border-radius: 1rem;border:solid thin #fff;padding:1rem;padding:2rem;}
.faq-title{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4rem;color:#fff192;}
.faq-sec{margin:4rem 0;border-bottom: solid thin #fff;padding:0 0 4rem 0;}
.faq-sec-last{border-bottom: none;padding:0 0 4rem 0;}
/***************
    comment
***************/
.comment_fb{ border: solid thin rgba(189,211,231,1.00); padding:1rem;background:#fff;}
.commentCont{background:#fff;padding:2rem;}
.commentCont h3 {margin-bottom: 0;}
#comments {margin: 0 auto}
#comments h3.comment-reply-title, h3.comentwrite { margin: 30px auto; padding: 10px; text-align: center; color: #fff; border-top: #e2c956 solid 3px; border-bottom: #e2c956 solid 3px; background: #09307e;}
.comment-form-comment label, .comment-form-author label, .comment-form-email label { width: 115px;}
#comments textarea { width: 80%; margin: 20px auto 0;vertical-align: middle;}
#comments input[type="text"], #comments input[type="email"], #comments textarea { padding: 0.8em; outline: none; border: 1px solid #DDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px;}
#comments input[type="submit"] {display: block; max-width: 500px; margin: 30px auto 0; padding: 30px 70px; background: #f76e00; font-size: 2em; color: #fff; border-radius: 10px;}
#comments input[type="submit"]:hover {background: #ffb82e; }
.comment-form-comment label, .comment-form-author label, .comment-form-email label {width: 150px; margin: 20px auto; display: inline-block;}
.comment-form-url {display: none;}
.commentlist{ margin: 0 auto; padding: 20px 40px; background: #f1f1f1; font-size: 0.8em;}
.commentlist li{margin: 0px 0px 25px 0px}
.commentlist header {height: auto; background: none;}
.commentlist header img {display: none; vertical-align: middle;}
.comment-author{text-align: left; margin-bottom: 10px;}
.comment-respond{margin: 0 0 30px 0;}
.comentwrite{padding: 30px 0px 0px 0px;}
.comments-title,.comment_count {margin: 0px; display: none;}
.commentlist .reply {text-align: right;}
#cancel-comment-reply-link {color: #ddd;}
.comment_at{padding:1rem;font-size:1.5rem;background-color:#E5F4FC;margin:2rem auto; text-align:left;color:#000;}
nav#comment-nav-below{background:#E5F4FC;font-size:1.0rem;}
nav#comment-nav-below h1{display: none;}
time{display: none;}
/***************
     footer
***************/
footer { height: auto; margin:30px auto 0; padding: 20px 0; color: #fff; font-size: 0.8em; text-align: center; line-height: 2em; background-color: #09307e;}
footer .wrapper{margin-bottom: 0;}
footer a, footer a:active, footer a:visited { color: #fff;}
footer a:hover { color: #00F3FF; }
.copyright { text-align: center; margin: 0;}

@media (max-width:640px) {
	body {font-size: 1.8rem;}
	.ft18{font-size:0.8em; line-height: 150%;}
	.ft22{font-size:1.1em; line-height: 150%;}
	.ft24{font-size:1.2em; font-weight: bold; line-height: 170%;}
	.ft26{font-size:1.3em; font-weight: bold; line-height: 170%;}
	.ft30{font-size:1.5em; font-weight: bold; line-height: 170%;}
	.mt10 {margin-top: 3% !important;}
	.mt20 {margin-top: 4% !important;}
	.mt30 {margin-top: 5% !important;}
	.mt40 {margin-top: 8% !important;}
	.mt50 {margin-top: 8% !important;}
	.mt60 {margin-top: 10% !important;}
	.mt70 {margin-top: 12% !important;}
	.mb10 {margin-bottom: 3% !important;}
	.mb20 {margin-bottom: 4% !important;}
	.mb30 {margin-bottom: 5% !important;}
	.mb40 {margin-bottom: 8% !important;}
	.mb50 {margin-bottom: 8% !important;}
	.mb60 {margin-bottom: 10% !important;}
	.mb70 {margin-bottom: 12% !important;}
	.ml15 {margin-left: 4% !important;}
	.pl30 {padding-left: 8% !important;}
	.m30 {margin: 5% auto !important;}
	.m40 {margin: 8% auto !important;}
	.m50 {margin: 8% auto !important;}
	.m60 {margin: 10% auto !important;}
	.m70 {margin: 12% auto !important;}
	.m0{margin: 0;}
	.forpc, .nonebr {display: none !important;}
	.forsp {display: block;}
	#pageTop { bottom: 21%; right: 2%;}
	.img_right{float:none; margin:0 0 5%;}
	p{padding:1rem 0;font-size:1.6rem;line-height: 3.2rem;text-align: justify;}
	.up{font-size:2.6rem;}
	/***************
	header
	***************/
	header {height:auto; margin: 0 auto;background: url("images/title-bk.jpg");background-size:cover;padding:0 0 2rem 0;background-position: center;}
	h1 {max-width: 90%; margin:4rem auto;}
	.head-line{background: url("images/head-bk.jpg");margin: 0 auto;background-size:cover;padding:0 0 2rem 0;background-position: center;}
	.head-line-txt{max-width: 90%;margin: 0 auto;}
	
/***************
   navigation
***************/
nav {width: 100%; margin: 0 auto; padding: 0.5rem; 	background-image: url(images/nav-border.png),  url(images/nav-border.png),url("images/nav-bk.jpg");
	background-position: top, bottom,center;
	background-size: contain, contain,cover;
	background-repeat: repeat-x,repeat-x, repeat-x;}
nav .inner{padding:2rem 0;}
nav ul.nav {list-style: none; padding: 0;margin-left: -1rem;}
nav ul.nav li {display:inline-block; vertical-align: top;margin: 1rem 0;width: 45%;}
nav ul.nav li:last-child {margin-right: 0;}
/***************
     pre-nav
***************/
.pre-header .in{max-width: 100%;margin:0 auto;}
.pre-head{color: #fff;padding:1rem;text-align:center;display: inline-block;font-size:1rem;margin:2rem 0.5rem 2rem 0.5rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14a798+0,0e7e72+50,14a798+100 */
background: #14a798; /* Old browsers */background: -moz-linear-gradient(top,  #14a798 0%, #0e7e72 50%, #14a798 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a798', endColorstr='#14a798',GradientType=0 ); /* IE6-9 */
font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 600;font-style: normal;width: 22%;border-radius: 1rem;}
.head-fixed{position: fixed;background:rgba(167,183,211,0.5);top:0;width: 100%;text-align: center;margin: 0;padding:0.5rem 0 0 0;z-index:998;}
/***************
    contents
***************/
#main {max-width:100%; margin: 0 auto; padding: 0;position: relative;z-index:0;}
.wrapper {max-width: 98%; margin: 0 auto; padding: 1rem 1rem;}
.sec01{background:#fff;box-shadow: 0px 0px 10px 0px #ebdfce inset;max-width: 95%;margin:0 auto;padding:2rem;}
.sec03{background:url(images/sec03-bk.jpg);background-size:cover;padding:2rem 0;}
.teacher{background:rgba(255,255,255,0.50);max-width: 90%; margin:0 auto;padding:1rem;}
.teacher h2 img{margin: 0 auto 0 auto;width: auto;padding:4rem 0 0 0;}
.sec04{padding:4rem 0;}
.sec05{background:url("images/sec05bk.jpg");background-repeat: no-repeat;background-size: cover;background-position: center top;padding:6rem 0;}
.sec05 h2 img{margin:0 auto;width: auto;}
.sec06{padding:4rem 0 0 0;}
.sec06 h2 img{margin:0 auto;width: auto;}
.quest{background-image:url(images/quest-bk.png);background-color:#fff;background-position: right bottom;background-size:contain;background-repeat: no-repeat;padding:1rem;text-align:left;font-size:2rem;font-weight: bold;color:#147c82;border:solid 0.2rem #74f9d3;margin:2rem 0;}
.sec06{margin: 0;}
.fn1-bullet{font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 600;font-style: normal;background:url(images/fn1-bullet-lt.png),url(images/fn1-bullet-lb.png),url(images/fn1-bullet-rt.png),url(images/fn1-bullet-rb.png),url(images/bullet-bk.jpg);background-position: top left, bottom left,top right,bottom right,center;background-size: 8%,8%,8%,8%,cover;background-repeat: no-repeat; border-left: 2px solid #bca271;border-right: 2px solid #b79671;margin:4rem auto;}
.fn1-bullet::before,
.fn1-bullet::after{content: "";display: block;height: 2px;background: linear-gradient(to right,#bca271  0%, #b79671 100%);
}
.present{background-color:#fff;border:solid thin #b08d68;border-radius: 1rem;padding:2rem;background-image: url("images/pre-bk-fn1.png");background-position: bottom right;background-size:100%;background-repeat: no-repeat;margin:4rem auto;}
.present-fn2{background-color:#fff;border:solid thin #b08d68;border-radius: 1rem;padding:2rem;background-image: url("images/pre-bk-fn2.png");background-position: bottom right;background-size:100%;background-repeat: no-repeat;margin:4rem auto;}
.pre-block{display: flex;align-items: center;flex-wrap: wrap;}
.present p{margin-top:4rem;}
ul.list {list-style: none;text-align:left;font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 500;font-style: normal;padding:2rem;}
ul.list li {padding-left: 2rem;line-height: 4rem;background: url(images/icon.png) left 0px top 0.8rem no-repeat;background-size: 30px auto;font-size:2rem;color:#fff;text-shadow: 0px 0px 9px rgba(0,4,80,1), 0px 0px 7px #000027;}
.movie-wrap{background:url(images/video-bk.jpg);background-size:cover;background-repeat: no-repeat;margin:0 auto;background-position: center;padding:2rem 0 2rem 0;}
.movie-title{width: auto;margin: 0 auto;}
.question{background:#34014c;border:solid thin #fff;padding:2rem;margin:4rem auto;}
.question p{text-align:left;color:#fff;font-weight: bold;font-size:2rem;line-height: 4rem;margin-top:2rem;}
.movie { width:100%; padding-bottom: 56.25%; height:0px; margin: 30px auto; position: relative; }
.movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.com-bk{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff4dc+1,e4cea3+50,fff4dc+100 */
background: #fff4dc; /* Old browsers */
background: -moz-linear-gradient(top,  #fff4dc 1%, #e4cea3 50%, #fff4dc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff4dc 1%,#e4cea3 50%,#fff4dc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff4dc 1%,#e4cea3 50%,#fff4dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4dc', endColorstr='#fff4dc',GradientType=0 ); /* IE6-9 */
max-width: 980px;margin:0 auto 4rem auto;padding:2rem 0;border:solid thin #2D003E;border-radius: 2rem;}
.com-bk{border-radius: 1rem;background:#530505;max-width:90%;padding:1rem;margin:2rem auto;}
.com-bk-cs{border-radius: 1rem;background:#585151;max-width:90%;padding:1rem;margin:2rem auto;}
.com-bk-block{display: block;align-items: center;padding:1rem 0 1rem 0;}
.step{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14a798+0,0e7e72+50,14a798+100 */
background: #14a798; /* Old browsers */
background: -moz-linear-gradient(top,  #14a798 0%, #0e7e72 50%, #14a798 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #14a798 0%,#0e7e72 50%,#14a798 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14a798', endColorstr='#14a798',GradientType=0 ); /* IE6-9 */
display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;
margin:2rem auto;padding:2rem;}
.step-txt{width: 100%;text-align:left;}
.step-txt p{font-weight: bold;color:#fff;text-align:left;padding:1rem;font-size:2rem;}
.at{background:rgba(255,252,252,0.43);font-size:1.6rem;text-align:left;padding:2rem;}
/* timer */
.countdown{
margin:0 auto 0 auto;
text-align:center;
font-weight: bold;
line-height: 3rem;
display: block;
}

.count{
color:#ff4967;
font-size:2rem;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding:0rem 0 3rem 0;
font-weight: bold;
margin:2rem auto 0 auto;
background-repeat: no-repeat;
background-position:center center;
line-height:0;
text-align:center;
}
.timercount{display: inline-block;
font-size:2rem;
color: #ff4967;
font-weight: bold;
padding:3rem 0 0 0;
}
.timercount .yycountdown-box .yyc-day .yycountdown-box .yyc-hou .yycountdown-box .yyc-min{
font-size:2rem;
color:#34014c;
padding:0;
}
.timercount{
  font-size:2rem;
  color: #ff4967;
font-weight: bold;
}
.timercount{
  font-size:2rem;
  color: #ff4967;
}
.timercount .yycountdown-box .yyc-sec{
  font-size:2rem;
  color: #ff4967;
}
 
.timercount .yycountdown-box .yyc-day-text,
.timercount .yycountdown-box .yyc-hou-text,
.timercount .yycountdown-box .yyc-min-text,
.timercount .yycountdown-box .yyc-sec-text{
  font-size:2rem;
  color: #ff4967;
}
.tokucho{border:solid 0.5rem #2E9EA0;background:#fff;padding:2rem;text-align: left;display: block;justify-content: space-between;}
.toku-name{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;display: inline-block;font-size:2rem;font-weight: bold;margin-left:0;}
.toku-title{display: block;align-items: center;margin-bottom:2rem;justify-content:flex-start;}
.toku-no{background:#2E9EA0;padding:1rem;color:#fff;}
.sapo{background:#27649d;padding:2rem;text-align: left;display: block;justify-content: space-between;border-radius: 1rem;color:#fff;margin:2rem auto;}
.sapo-name{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;display: inline-block;font-size:2rem;font-weight: bold;margin-left:0;}
.sapo-title{display: block;align-items: center;margin-bottom:0;justify-content:flex-start;margin-top:2rem;}
.sapo-no{background:#fff;padding:1rem;color:#27649d;font-weight: bold;border:solid 0.5rem #0E3064;}
.faq{border-radius: 1rem;border:solid thin #fff;padding:1rem;padding:2rem;}
.faq-title{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:4rem;color:#fff192;}
.faq-sec{margin:4rem 0;border-bottom: solid thin #fff;padding:0 0 4rem 0;}
.faq-sec-last{border-bottom: none;padding:0 0 4rem 0;}
/***************
		 comment
	***************/
	#comments {margin: 6% 2%;}
	nav#comment-nav-below{background:#fff;font-size:1.0rem;}
	nav#comment-nav-below h1{display: none;}
	#comments h3.comment-reply-title, h3.comentwrite { margin: 10% auto 5%;}
	#comments textarea, #comments input[type="text"], #comments input[type="email"] {width: 92%; margin: 0 auto;}
	#comments input[type="submit"] {display: block; max-width: 500px; margin: 5% auto 0; padding: 8%; font-size: 1.6em;}
	#comments input[type="submit"]:active {background: #ffb82e; }
	.comment-form-comment label, .comment-form-author label, .comment-form-email label {width: 120px; margin: 5% auto 2%; display: inline-block;}
    .commentlist{margin: 0 auto; padding: 4%; font-size: 0.9em;}
    .commentlist li{margin: 0 0 5% 4%;}
	.omment-content p{color:#000;}

}