@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:18px;
color:#1a1919;
}

a:link {color:#3b5998;text-decoration:underline;}
a:visited {color:#3b5998;text-decoration:underline;}
a:hover {color:#206CFF;text-decoration:none;}
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:hover img{opacity:0.6;filter:alpha(opacity=60);}
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:160%;
}
@media screen and (min-width:769px){
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}
@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

#logo{
margin:0;
padding:10px 0;
text-align:center;
border-bottom:2px solid #cd0018;
}
#logo img{width:75%;}
#top{
margin:0;
padding:15px 0;
font-size:16px;
line-height:100%;
letter-spacing:1px;
text-align:center;
color:#fff;
border-top:3px solid #cd0018;
background-color:#383838;
}
@media screen and (min-width:769px){
#logo{
margin:0;
padding:10px 0;
text-align:center;
border-bottom:2px solid #cd0018;
}
#logo img{width:640px;}
#top{
margin:0;
padding:15px 0;
font-size:16px;
line-height:100%;
letter-spacing:1px;
text-align:center;
color:#fff;
border-top:3px solid #cd0018;
background-color:#383838;
}
}

#movie{
margin:0;
padding:25px 20px 20px 20px;
}
#title{
margin:0 auto;
padding:0;
}
#movie_box{
margin:0 auto;
padding:0;
}
.movie_main{margin:0;padding:0 0 10px 0;}
.movie_thumb{
margin:0;
padding:5px 0 0 0;
border-top:1px solid #ddd;
}
.video{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.movie_lesson{
margin:0;
padding:2px 0 5px 0;
font-size:100%;
line-height:100%;
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
}
.movie_lesson span{
padding:2px 10px 1px 10px;
background-color:#cd0018;
}
.movie_title{
margin:0;
padding:0 0 10px 0;
font-size:140%;
font-weight:900;
line-height:140%;
font-family: "Noto Sans Japanese";
}
.thumbnail{
margin:0;
padding:10px 0;
border-bottom:1px solid #ddd;
}
.thumbnail a{display:block;}
.thumbnail a:link {color:#1a1919;text-decoration:none;}
.thumbnail a:visited {color:#1a1919;text-decoration:none;}
.thumbnail a:hover {color:#1a1919;text-decoration:none;}
.thumbnail_pict{width:45%;margin:0;padding:0;}
@media screen and (max-width:768px){.thumbnail_pict{display:table-cell;vertical-align:top;}}
.thumbnail_pict img{width:100%;}
.thumbnail_detail{
width:50%;
margin:0;
padding:0 0 0 15px;
line-height:150%;
font-size: 90%;
}
@media screen and (max-width:768px){.thumbnail_detail{display:table-cell;vertical-align:top;}}
.thumbnail_lesson{
margin:0;
padding:5px 0 5px 0;
font-size:100%;
line-height:100%;
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
}
.thumbnail_lesson span{
padding:2px 10px 1px 10px;
background-color:#cd0018;
}
.thumbnail_status{
margin:0;
padding:10px 0 0 0;
font-size:80%;
color:#999;
}
.order{
margin:0 0 45px 0;
padding:20px 20px 30px 20px;
text-align:center;
background:#f9f9f9;
}
.Lesson4 .order { margin: 0; }
.order_title{
margin:0 0 10px 0;
padding:0;
font-size:115%;
font-weight:900;
line-height:150%;
color:#cd0018;
font-family: "Noto Sans Japanese";
}
.order img{width:100%;}
@media screen and (min-width:769px) and ( max-width:1024px) {
.movie_thumb{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.thumbnail{width:32%;}
.thumbnail_pict{width:100%;}
.thumbnail_detail{width:100%;padding:15px 0 0 0;}
}
@media screen and (min-width:1025px){
#movie{padding:45px 0 60px 0;}
#title{width:1180px;}
#movie_box{
width:1180px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.movie_main{width:768px;padding:0;}
.movie_thumb{width:390px;padding:0;}
.movie_lesson{padding:2px 0 10px 0;font-size:18px;}
.movie_title{padding:0 0 15px 0;font-size:36px;letter-spacing:1px;}
.thumbnail_pict{width:45%;display:table-cell;vertical-align:top;}
.thumbnail_detail{width:50%;font-size:16px;display:table-cell;vertical-align:top;padding:0 0 0 15px;}
.thumbnail_lesson{font-size:12px;}
.thumbnail_status{font-size:12px;}
.order{margin:0 0 90px 0;padding:45px 0 75px 0;}
.Lesson4 .order { margin: 0; }
.order_title{margin:0 0 20px 0;font-size:32px;}
.order img{width:768px;}
}

.contents{
margin:0 20px 45px 20px;
padding:0;
}
table.list{
width:100%;
border-collapse:separate;
margin:20px 0;
}
table.list th{
padding:10px 5px;
font-size:90%;
line-height:150%;
color:#cd0018;
background:#fff1f2;
}
table.list td{
padding:10px 0 10px 10px;
font-size:90%;
font-weight:bold;
line-height:150%;
border-bottom:solid 1px #ccc;
}
table.list td.number{
text-align:center;
color:#cd0018;
padding:10px 0;
font-size:90%;
font-weight:bold;
line-height:150%;
border-bottom:solid 1px #ccc;
}
@media screen and (min-width:769px){
.contents{width:768px;margin:0 auto 90px auto;}
table.list{
width:100%;
border-collapse:separate;
margin:30px 0;
}
table.list th{padding:10px;font-size:20px;}
table.list td{padding:10px 15px;font-size:20px;}
table.list td.number{padding:10px 15px;}
}

.voice_top{
margin:0;
padding:20px 0;
font-size:130%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
background:#cd0018;
font-family: "Noto Sans Japanese";
}
.voice_bg{
margin:0;
padding:20px 20px 30px 20px;
background:#fff1f2;
}
.voice_box{margin:0 auto;padding:0;}
.voice{margin:0;padding:0;}
.yt {
position: relative;
width:100%;
margin:0;
padding-top:56.25%;
}
.yt iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.yt_video {
position: absolute;
width:100%;
height:auto;
top:0;
cursor: pointer;
}
.yt_video img {
width:100%;
height:auto;
}
/* YouTubeアイコン */
.yt_video::before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f04b";/* アイコン指定 */
font-weight:900;
color: #fc0d1c;/* アイコンカラー */
font-size: 70px;/* アイコンサイズ */
top: 50%;
left: 50%;
transform : translate(-50%,-50%);
opacity: .90;/* アイコンを少し透明に */
transition:.5s;/* ゆっくり変化 */
}
/* 画像マウスホバー時 */
.yt_video img:hover{
cursor: pointer;/* リンクカーソル指定 */
width:100%;
height:auto;
box-sizing: border-box;
}
/* YouTubeアイコンマウスホバー時 */
.yt_video:hover::before {
opacity:0.6;
filter:alpha(opacity=60);
transition:.3s;/* ゆっくり変化 */
}
.txt-hide{display: none;}
button.more {
width:100%;
margin:5px auto 0 auto;
display:block;
background-color:#cd0018;
color:#fff;
padding:25px 0;
border:none;
outline:0;
font-size:125%;
font-weight:900;
line-height:100%
transition: .2s;
-erbkit-transition: .2s;
font-family: "Noto Sans Japanese";
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
}
button.more::after {
content: "体験者映像をもっと見る";
transition: .2s;
-erbkit-transition: .2s;
}
button.more.on-click::after{
content: "閉じる";
}
@media screen and (min-width:1025px){
.voice_top{padding:30px 0;font-size:36px;}
.voice_bg{padding:60px 0 90px 0;}
.voice_box{
width:1200px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.voice{width:32%;}
button.more {width:640px;margin:20px auto 0 auto;padding:30px;font-size:28px;}
}

.infomation{
margin:15px 20px 45px 20px;
padding:1px 0 0 0;
}
.info_sub{
margin:30px 0 0 0;
padding:0 0 10px 0;
font-size:115%;
font-weight:900;
line-height:150%;
text-align:center;
border-bottom:2px solid #cd0018;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px){
.infomation{width:768px;margin:45px auto 90px auto;}
.info_sub{margin:45px 0 0 0;font-size:28px;}
}
.clr_01{color:#1d9083;}
.clr_02{color:#cd2428;}
.clr_03{color:#5e3d5d;}
.clr_04{color:#6b242a;}
.clr_05{color:#174b8e;}
.clr_06{color:#eb92ab;}
.clr_07{color:#2191dc;}
.clr_08{color:#224936;}
.clr_09{color:#a10c6c;}
.clr_10{color:#f90d2e;}
.clr_11{color:#196ab8;}
.clr_12{color:#b80a19;}
.clr_13{color:#1d9c4b;}
.clr_14{color:#22ba1d;}
.clr_15{color:#3181d1;}
.clr_16{color:#1e81ce;}
.clr_17{color:#5d5d5d;}
.clr_18{color:#752108;}
.clr_19{color:#3c78bb;}
.clr_20{color:#175cab;}
.clr_21{color:#fb8f1a;}
.clr_22{color:#c19e42;}
.clr_23{color:#e50072;}
.clr_24{color:#373433;}
.clr_25{color:#b54c03;}


.present_bg{
margin:0;
padding:40px 20px 20px 20px;
background:#fffaf5;
}
.present_head{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.present_head span{
margin:0 auto;
padding:3px 15px;
font-size:100%;
font-weight:bold;
line-height:100%;
color:#fff;
background-color:#cd0018;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.present_title{
margin:0 0 25px 0;
padding:0 0 10px 0;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
border-bottom:4px solid #cd0018;
font-family: "Noto Sans Japanese";
}
.present_text{
margin:0 auto;
padding:0;
}
.present_sub{
margin:30px 0 0 0;
padding:0 0 5px 0;
font-size:115%;
font-weight:900;
line-height:150%;
border-bottom:2px dotted #cd0018;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px){
.present_bg{padding:90px 0 75px 0;}
.present_head span{font-size:20px;}
.present_title{margin:0 0 30px 0;padding:0 0 15px 0;font-size:32px;}
.present_text{width:768px;}
.present_sub{margin:45px 0 0 0;font-size:28px;}
}

.line_head{
margin:45px 0 20px 0;
padding:0;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.line_head span{
margin:0 auto;
padding:0 3px;
color:#fff;
background-color:#00ac36;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.line_box{margin:0 20px;padding:0;}
.line_sp{margin:0 0 2em 0;padding:0;}
.line_sp img{width:100%;}
.line_number{
margin:0;
padding:10px 0 15px 0;
text-align:center;
}
.line_number span{
margin:0 auto;
padding:8px 15px;
font-size:18px;
font-weight:bold;
line-height:100%;
color:#fff;
background-color:#cd0018;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
font-family: 'Roboto Condensed', sans-serif;
}
.line_name{
margin:0 0 10px 0;
padding:0;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px){
.line_head{margin:90px 0 30px 0;font-size:32px;}
.line_box{
width:920px;
margin:0 auto;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.line_sp{width:48%;}
.line_name{font-size:28px;}
}

.qr_top{
margin:45px 0 0 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:120%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.qr_offer{
margin:20px 20px 0 20px;
padding:20px;
border:4px solid #cd0018;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-image:url(img/back.png);
background-position:top center;
background-repeat:no-repeat;
background-size:100% auto;
}
.qr_subject{
margin:0;
padding:5px 0 20px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.qr_subject span{
padding:5px 10px;
color:#cd0018;
border:3px double #cd0018;
background:#ffe6e6;
}
.qr_name{
margin:0;
padding:0;
font-size:110%;
font-weight:900;
line-height:140%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.qr_triangle{
margin:20px 0;
padding:0;
text-align:center;
width:0;
height:0;
border-left:60px solid transparent;
border-right:60px solid transparent;
border-top:35px solid #cd0018;
}
.qr_step{
margin:0 auto;
padding:0;
}
.qr_step img{width:100%;}
.qr_box{
margin:0 auto;
padding:20px 0 30px 0;
text-align:center;
background:#eee;
}
.qr_box img{width:60%;margin-bottom:25px;}
.qr_title{
margin:0 0 15px 0;
padding:0;
font-size:125%;
font-weight:900;
line-height:150%;
font-family: "Noto Sans Japanese";
}
.qr_txt{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.qr_id{
margin:0;
padding:8px 0 10px 0;
font-size:150%;
font-weight:bold;
line-height:100%;
font-family: 'Roboto Condensed', sans-serif;
}
@media screen and (min-width:769px){
.qr_top{margin:90px 0 0 0;font-size:36px;}
.qr_offer{
width:920px;
margin:30px auto 0 auto;
padding:30px;
background-size:920px 90px;
}
.qr_subject{font-size:32px;}
.qr_name{font-size:34px;}
.qr_triangle{margin:30px 0;}
.qr_step{width:920px;}
.qr_box{width:920px;padding:30px 0 45px 0;}
.qr_box img{width:360px;}
.qr_title{margin:0 0 15px 0;font-size:32px;}
.qr_txt{font-size:20px;}
.qr_id{font-size:32px;}
}

.get_box{
margin:45px 20px;
padding:0 20px 25px 20px;
border:4px solid #cd0018;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.get_top{
margin:0 -20px 20px -20px;
padding:15px 0;
font-size:120%;
font-weight:900;
line-height:100%;
text-align:center;
color:#fff;
background:#cd0018;
border-bottom:4px solid #cd0018;
font-family: "Noto Sans Japanese";
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.get_number{
margin:0;
padding:10px 0 10px 0;
font-size:110%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.get_number span{
padding:3px 10px;
color:#cd0018;
border:1px solid #cd0018;
}
.get_title{
margin:0;
padding:0;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.get_keyword{
margin:0;
padding:0;
text-align:center;
}
.get_keyword img{width:60%;}
.enter{margin:0 20px;padding:0;text-align:center;}
.enter img{width:100%;}
@media screen and (min-width:769px){
.get_box{
width:768px;
margin:90px auto;
padding:0 60px 45px 60px;
}
.get_top{margin:0 -60px 20px -60px;padding:20px 0;font-size:32px;}
.get_number{padding:20px 0 10px 0;font-size:24px;}
.get_title{font-size:32px;}
.get_keyword img{width:300px;}
.enter{margin: 1.5em 0 0 0;}
.enter img{width:768px;}
}

.important_box{
margin:45px 20px 0 20px;
padding:20px 20px 15px 20px;
border:4px solid #cd0018;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.important_title{
margin:0;
padding:30px 0 40px 0;
font-size:120%;
font-weight:900;
line-height:100%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.important_title span{
padding:10px 15px;
color:#cd0018;
border-top:2px solid #cd0018;
border-bottom:2px solid #cd0018;
}
.important_sub{
margin:0 0 30px 0;
padding:0 0 15px 0;
font-size:115%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
border-bottom:1px dashed #ccc;
}
.important_sub span{color:#cd0018;}
.important_add{
margin:25px 0;
padding:15px 0;
font-size:100%;
font-weight:bold;
line-height:180%;
text-align:center;
background:#fbf2f5;
border:1px solid #cd0018;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.important_add span{color:#cd0018;}
@media screen and (min-width:769px){
.important_box{
width:768px;
margin:90px auto 0 auto;
padding:30px 60px;
}
.important_title{font-size:32px;}
.important_sub{font-size:20px;}
.important_add{margin:30px 0;padding:20px 0;font-size:24px;}
}

.prf_title{
margin:45px 0 20px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf{margin:0 20px;padding:0;}
.prf_photo{
margin:0;
padding:0 0 15px 0;
background-color:#fff;
text-align:center;
}
.prf_photo img{
width:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.name_eng{
margin:0;
padding:0 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#cd0018;
font-family: 'Roboto Condensed', sans-serif;
text-align:center;
}
.name{
margin:0;
padding:0;
font-size:115%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.name_jpn{
margin:0 0 30px 0;
padding:0 0 10px 0;
font-size:80%;
font-weight:bold;
line-height:150%;
border-bottom:1px solid #cd0018;
text-align:center;
}
.lecturer_subhead{
margin:30px 0 0 0;
padding:0 0 10px 0;
font-size:115%;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
border-bottom:solid 1px #cd0018;
}
.prf ul{
margin:15px 0 0 0;
padding:0 0 0 20px;
}
.prf ul li{
list-style-type:disc;
margin:0;
padding:0 0 5px 0;
font-size:100%;
line-height:150%;
}
@media screen and (min-width:769px){
.prf_title{margin:90px 0 30px 0;font-size:30px;}
.prf{width:740px;margin:0 auto;}
.prf p{font-size:16px;}
.prf_photo{float:right;padding:10px 0 15px 30px;text-align:right;}
.prf_photo img{width:300px;}
.name_eng{font-size:16px;}
.name{font-size:24px;}
.name_jpn{font-size:16px;text-align:left;}
.lecturer_subhead{font-size:18px;letter-spacing:1px;}
.prf ul li{font-size:16px;letter-spacing:1px;}
}

.info_top{
margin:15px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.info_top.kando {
	margin: 40px 15px;
	font-size: 130%;
}
#video_box{margin:0 20px;padding:0;}
.video_caption{
margin:20px 20px 0 20px;
padding:0;
font-size:75%;
line-height:180%;
color:#666;
}
@media screen and (min-width:769px){
.info_top{margin:30px 0;font-size:36px;}
#video_box{width:980px;margin:0 auto;}
.video_caption{width:720px;margin:30px auto 0 auto;font-size:14px;letter-spacing:1px;}
.info_top.kando {
	margin: 70px 15px;
	font-size: 36px;
}
}

.support_title{
margin:60px 20px 0 20px;
padding:15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
border-top:1px solid #383838;
border-left:1px solid #383838;
border-right:1px solid #383838;
background-color:#383838;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.support_box{
margin:0 20px;
padding:15px 20px 20px 20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
}
.support_box p {
	font-size: 75%;
	margin: 0.3em 0 0 0;
	color: #373737;
	text-align: center;
}
.pink { color: #f16e6e; }
.support_message{
margin:0;
padding:0 0 10px 0;
font-size:110%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.support_line{
margin:0;
padding:10px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.support_subtitle{
margin:0;
padding:15px 0 5px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.support_add{
width:100%;
margin:0 auto 0 0;
padding:2px 0;
}
.support_add a:link {color:#fff;text-decoration:none}
.support_add a:visited {color:#fff;text-decoration:none;}
.support_add a:hover {color:#fff;text-decoration:none;}
.add {
display:inline-block;
width:100%;
margin:0;
padding:15px 0;
font-size:125%;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
background:#03be02;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.add:hover {
opacity:0.7;
-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;
}
.support_tel{
margin:0;
padding:0;
font-size:170%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.support_tel a:link {color:#1a1919;text-decoration:none;}
.support_tel a:visited {color:#1a1919;text-decoration:none;}
.support_tel a:hover {color:#1a1919;text-decoration:none;}
.support_time{
margin:0;
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
color:#666;
text-align:center;
}
@media screen and (min-width:769px){
.support_title{
width:780px;
margin:90px auto 0 auto;
padding:15px 0;
font-size:20px;
letter-spacing:1px;
}
.support_box{
width:720px;
margin:0 auto;
padding:20px 30px 25px 30px;
background-image:url(img/support.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
.support_box p {
	font-size: 80%;
	text-align: left;
}
.support_message{font-size:24px;}
.support_line{font-size:18px;letter-spacing:1px;}
.support_subtitle{font-size:18px;letter-spacing:1px;text-align:left;}
.support_add{width:355px;}
.add {font-size:20px;}
.support_tel{font-size:36px;text-align:left;}
a[href^="tel:"] {pointer-events:none;}
.support_time{font-size:14px;letter-spacing:1px;text-align:left;}
}

.gallery_head{
margin:30px 0 15px 0;
padding:0;
font-size:125%;
font-weight: bold;
line-height:150%;
text-align:center;
}
.gallery_box{
margin:0 20px;
padding:2.5vw 2.5vw 0 2.5vw;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
background: #f5e6e6;
}
.gallery_title{
margin:0;
padding:5px 0 8px 0;
font-size:90%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.gallery{
width:35vw;
margin:0 0 3vw 0;
padding:3vw;
background: #fff;
}
.gallery img{width:100%;}
.gallery a{display:block;}
.gallery a:link {color:#1a1919;text-decoration:none;}
.gallery a:visited {color:#1a1919;text-decoration:none;}
.gallery a:hover {color:#1a1919;text-decoration:none;}
.gallery .thumbnail_lesson {
	text-align: center;
}
.gallery .thumbnail_lesson span {
	padding: 4px 10px 4px 10px;
    background: #cd0018;
    color: #fff;
    font-size: 14px;
}
@media screen and (min-width:769px){
.gallery_head{margin:60px 0 15px 0;font-size:24px;letter-spacing:1px;}
.gallery_box{width:1024px;margin:0 auto 60px auto; background:#fff;padding:0; }
.gallery_title{font-size:15px;}
.gallery{width:24%;margin:0;padding: 0;}
}

.seminar_info{
margin:30px 0 15px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#cd0018;
font-family: "Noto Sans Japanese";
}
.seminar_memo{
margin:0 10px;
padding:0;
font-size:100%;
font-weight:bold;
line-height:180%;
text-align:center;
}
.seminar_guide{
margin:20px 0 15px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#cd0018;
font-family: "Noto Sans Japanese";
}
.seminar_offer{
margin:0 20px 30px 20px;
padding:15px 30px;
background:#f6eff1;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.seminar_offer_number{
margin:0;
padding:15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.seminar_offer_number span{
padding:5px 20px;
color:#fff;
background:#cd0018;
}
.seminar_offer_title{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#cd0018;
font-family: "Noto Sans Japanese";
}
.seminar_txt{
margin:0 20px 30px 20px;
padding:0;
}
.seminar_sub{
margin:30px 0 0 0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#cd0018;
}
.seminar_offer ul { padding: 0 0 0 1.5em; }
.seminar_offer ul li { line-height: 180%; }
@media screen and (min-width:769px){
.seminar_info{margin:60px 0 15px 0;font-size:36px;}
.seminar_memo{margin:0;font-size:28px;}
.seminar_guide{margin:30px 0 25px 0;font-size:36px;}
.seminar_offer{width:768px;margin:0 auto 45px auto;padding:30px 120px;}
.seminar_offer_number{padding:20px 0;font-size:20px;}
.seminar_offer_title{padding:0 0 5px 0;font-size:32px;}
.seminar_txt{width:768px;margin:0 auto 45px auto;}
.seminar_sub{margin:45px 0 0 0;font-size:28px;}
.seminar_offer ul li { font-size: 18px; }
}



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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#cd0018;}
.org {color:#ff6400;}
.green{color:#00bb00;}
.blue {color:#3657e4;}
.through{text-decoration:line-through;}
.ym{background:linear-gradient(transparent 60%, #f7ef40 60%);}
.dotline{border-bottom:dotted 3px orange;}
.caption{font-size:75%;color:#666;font-weight:normal;line-height:150%;}
.bg_ye {background: #ffffa4;}

.mt{margin-top:30px;}
.mg{margin:1em 0 !important;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}

/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


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

#footer{
margin:45px 0 0 0;
padding:25px 0;
font-size:75%;
line-height:100%;
text-align:center;
color:#999;
background:#f2f2f2;
font-family: 'Roboto Condensed', sans-serif;
}
@media screen and (min-width:769px){
#footer{margin:60px 0 0 0;padding:30px 0;font-size:12px;}
}

.sp_pad_none{}
@media only screen and (min-width:320px) and (max-width:1024px){
.sp_pad_none{display:none;}
}
@media screen and (min-width: 1025px) {
.sp_pad_none{}
}

.right_btn{
width:180px;
margin:0;
padding:0 0 20px 0;
position:fixed;
right:0;
bottom:0;
background: #fff;
}
.side_title{
margin:0;
padding:10px 0;
font-size:16px;
font-weight:bold;
line-height:140%;
text-align:center;
color:#fff;
background:#03be02;
}
.side_triangle{
margin:0;
padding:0;
text-align:center;
width:0;
height:0;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:15px solid #03be02;
}
.side_number{
margin:0;
padding:10px 0 5px 0;
text-align:center;
}
.side_number span{
margin:0 auto;
padding:3px 10px;
font-size:14px;
font-weight:bold;
line-height:100%;
color:#cd0018;
border:1px solid #cd0018;
}
.side_subtitle{
margin:0;
padding:px 0;
font-size:16px;
font-weight:bold;
line-height:140%;
text-align:center;
}
.side_qr{
margin:5px 20px 10px 20px;
padding:0;
border:2px solid #ddd;
}
.side_qr img{
width:100%;
}
.right_btn a:link {color:#fff;text-decoration:none;-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;}
.right_btn a:visited {color:#fff;text-decoration:none;}
.right_btn a:hover {color:#fff;text-decoration:none;-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;}
.entry {
display:inline-block;
width:100%;
margin:10px 0 0 0;
padding:8px 5px;
font-size:16px;
font-weight:bold;
line-height:130%;
text-decoration:none;
color:#fff;
text-align:center;
background:#03be02;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.entry:hover {
opacity:0.7;
}

.prf_book {
    margin: 0;
    padding: 5px 0 0 15px;
    float: right;
}

@media screen and (max-width:524px){
	.prf_book { width: 40%; }
	.prf_book img { width: 100%; }
}

img { max-width: 100%; }

@media screen and (min-width:641px){
	.hdg {
		float: right;
		display: inline-block;
		width: 30%;
		margin: 2em 0 1em 1em;
	}
}

@media screen and (max-width:640px){
	.hdg {
		text-align: center;
	}
	.hdg img {
		width: 50vw;
		max-width: 232px;
	}
}

.keyword {
	text-align: center;
	font-weight: bold;
}
.keyword p {
	background: #ffffad;
	display: inline-block;
	margin: 0.8em auto 0.3em auto;
    padding: 5px 0.3em 5px 0.8em;
}
@media screen and (min-width:641px){
	.keyword p {
		font-size: 30px;
	}
}
@media screen and (max-width:640px){
	.keyword p {
		font-size: 20px;
	}
}

.otanoshimi {
	text-align: center;
}
.hide_ota .otanoshimi { display: none; }
@media screen and (min-width:641px){
	.otanoshimi {
		margin: 2em 0 0 0;
	}
}
@media screen and (max-width:640px){
	.otanoshimi {
		padding: 0.5em 1em 0 1em;
	}
}

/* voice_b */

a.voice_b {
	display: inline-block;
    width: 100%;
    max-width: 640px;
    background-color: #cd0018;
    color: #fff;
    border: none;
    outline: 0;
    font-weight: 900;
    line-height: 100%;
    transition: .2s;
    -erbkit-transition: .2s;
    font-family: "Noto Sans Japanese";
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    text-decoration: none;
}

a.voice_b:hover { opacity: 0.7; }

@media screen and (min-width:641px){
	a.voice_b {
		margin: 20px auto 0 auto;
	    padding: 30px;
	    font-size: 28px;
	}
}

@media screen and (max-width:640px){
	a.voice_b {
		margin: 5px auto 0 auto;
    	padding: 25px 0;
    	font-size: 115%;
	}
}

/* メルマガ動画1のみ  */

.mail_mov1_only {
	display: none;
}

.mail_mov1 .mail_mov1_only {
	display: block;
	margin: 0.5em auto 0.5em auto;
	text-align: center;
}

/* 音声の送り方 */

ol.tejun {
	list-style-type: none;
	padding: 0;
}
ol.tejun li:before {
	color: #fff;
	background: orange;
	padding: 5px 7px;
	position: absolute;
	top: 10px;
	left: -2em;
	line-height: 1;
}
ol.tejun li:first-child:before { content: '1'; }
ol.tejun li:nth-child(2):before { content: '2'; }
ol.tejun li:nth-child(3):before { content: '3'; }
ol.tejun li:nth-child(4):before { content: '4'; }
ol.tejun li {
	border-bottom: dotted #ccc 1px;
	margin: 0 0 0 2em;
	padding: 10px 0;
	position: relative;
}
ol.tejun li:last-child {
	border-bottom: none;
}

/* MC */
.ozin {
	background: #f8f7ef;
	padding: 15px 20px;
	width: auto;
	margin: 30px 0;
}

.ozin h3 {
	text-align: center;
	color: #d73143;
	font-size: 18px;
	margin: 1em 0 0 0;
}

.ozin h4 {
	text-align: center;
	font-size: 26px;
	margin: 0;
	line-height: 1.5;
}

.ozin h4.furigana {
	line-height: 1.2;
}

.ozin h4.furigana span {
	font-size: 50%;
	font-weight: normal;
	display: block;
	margin-top: 5px;
}
.ozin p {
	font-size: 14px;
}

.ozin p img {
	float: right;
	margin: 0 0 1em 1em;
	width: 33%;
	max-width: 400px;
}

.ozin_photo {
	text-align: center;
}

.ozin_photo img {
	border: 7px solid #ffffff;
	width: 90%;
}

.ozin h5 {
	border-bottom: 1px solid #000000;
	font-size: 20px;
	margin: 30px 0 7px 0;
}

.ozin ul {
	padding-left: 25px;
	margin: 0 0 2em 0;
}

.ozin ul li {
	font-size: 14px;
	line-height: 1.8;
}
@media screen and (min-width:769px){
.ozin {
	background: #f8f7ef;
	padding: 30px 40px;
	width: 660px;
	margin: 0 auto 50px auto;
}

.ozin h3 {
	text-align: center;
	color: #d73143;
	font-size: 24px;
	margin: 0;
}

.ozin h4 {
	text-align: center;
	font-size: 36px;
	margin: 5px 0 0 0;
}

.ozin p {
	font-size: 16px;
}

.ozin_photo {
	text-align: center;
}

.ozin_photo img {
	border: 10px solid #ffffff;
}

.ozin h5 {
	border-bottom: 1px solid #000000;
	font-size: 28px;
	margin: 30px 0 7px 0;
}

.ozin ul {
	padding-left: 25px;
}

.ozin ul li {
	font-size: 16px;
	line-height: 1.8;
}
}

/* floating */

.go_top {
    position: fixed;
    z-index: 100;
}
.go_top a {
    display: block;
    width: 50px;
    height: 50px;
    background: url(/img/go_top.png);
    opacity: 0.7;
}
.go_top a span {
    display: none;
}

@media screen and (max-width:640px){
	.go_top {
	    bottom: 7px;
	    right: 7px;
	}
	.mail .go_top {
	    bottom: 43px;
	}
	.sp_line {
	    background-color: #00b900;
	    bottom: 0;
	    left: 0;
	    padding: 1px 0;
	    position: fixed;
	    width: 100%;
	}
	.sp_line a {
	    color: #fff;
	    display: block;
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 20px;
	    text-align: center;
	    text-decoration: none;
	}
	.sp_line a .logo_line {
	    display: inline-block;
	    height: 34px;
	    width: 34px;
	    vertical-align: middle;
	}
}

@media screen and (min-width:641px){
	.go_top {
		bottom: 10px;
		right: 10px;
	}
	.mail .go_top {
	    right: 190px;
	}
	.sp_line {
	    display: none !important;
	}
}

.tokuten_number {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}
.tokuten_number span {
	background: #cd0018;
	color: #fff;
	display: inline-block;
	margin: 0 auto;
	padding: 3px 10px;
}

/*ボタンアニメーション*/

@media screen and (min-width:641px){
	a:hover img.btn_animation {
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-transform-origin: middle center;
		-webkit-animation-name: animation07;
		-webkit-transform: rotate(0deg);
	}
	 @-webkit-keyframes animation07 {
	 0% {
	 -webkit-transform: rotate(0deg); bottom: 0;}
	 20% {
	 -webkit-transform: rotate(5deg); bottom: 5px;}
	 40% {
	 -webkit-transform: rotate(-5deg);}
	 60% {
	 -webkit-transform: rotate(4deg);}
	 80% {
	 -webkit-transform: rotate(-3deg);}
	 100% {
	 -webkit-transform: rotate(0deg);}
	}
}

@media screen and (max-width:640px){
	.btn_animation {
		width: 100%;
	 -webkit-animation-duration: 2s;
	 -webkit-animation-timing-function: ease-in-out;
	 -webkit-animation-iteration-count: infinite;
	 -webkit-transform-origin: middle center;
	 -webkit-animation-name: animation06;
	 -webkit-transform: rotate(0deg);
	}
	 @-webkit-keyframes animation06 {
	 0% {
	 -webkit-transform: rotate(0deg); bottom: 0;}
	 50% {
	 -webkit-transform: rotate(0deg); bottom: 0;}
	 60% {
	 -webkit-transform: rotate(5deg); bottom: 5px;}
	 70% {
	 -webkit-transform: rotate(-5deg);}
	 80% {
	 -webkit-transform: rotate(4deg);}
	 90% {
	 -webkit-transform: rotate(-3deg);}
	 100% {
	 -webkit-transform: rotate(0deg);}
	}
}