@charset "UTF-8";

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

body {
margin:0;
padding:0;
font-size:100%;
color:#000;
background-color:#fff;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;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 img {border-style:none;}
img {vertical-align:bottom;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}

p {
font-size:115%;
line-height:160%;
}
@media screen and (min-width:769px){
p {
font-size:21px;
line-height:180%;
letter-spacing:1px;
}
}


/*---------- 見出し ----------*/


h2{}
h3{}
h4{}



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

#top{
margin:0;
padding:0;
text-align:center;
}
h1{
margin:0;
padding:0;
}
h1 img{width:100%;}
.cmp{
margin: 0;
padding: 15px 0;
font-size: 110%;
font-weight: bold;
line-height: 150%;
text-align: center;
color: #fff;
background: #cc0700;
}
.title{
margin:0;
padding:20px 10px 35px 10px;
background: #950500;
}
.logo{
margin: 0;
padding: 0;
text-align: center;
}
.logo img{width: 80%;}
.logo_online{
margin: 0;
padding:25px 0;
font-size: 120%;
font-weight: bold;
line-height: 150%;
text-align: center;
}
.logo_online span{
padding: 10px;
color: #fff;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
}
.logo_txt{
margin: 0;
padding: 0;
font-size: 100%;
font-weight: bold;
line-height: 150%;
color: #fff;
text-align: center;
}
.ex_box{
margin: 0;
padding:20px 10px 5px 10px;
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;
}
.ex{
width: 48%;
margin: 0 0 20px 0;
padding: 0;
font-size:90%;
line-height: 150%;
text-align: center;
color: #fff;
}
.ex img{width: 100%;margin-bottom: 10px;}
@media screen and (min-width:769px){
#top{
background-image:url(img/bg.png);
background-position:top center;
background-repeat:no-repeat;
background-color: #f2ecd7;
}
h1{
width: 1200px;
margin:0 auto;
padding:90px 0 110px 0;
text-align:right;
}
h1 img{width:640px;}
.cmp{font-size: 24px;letter-spacing: 1px;}
.title{padding:30px 0 60px 0;}
.logo img{width:400px;}
.logo_online{font-size:24px;letter-spacing:1px;}
.logo_txt{font-size:18px;letter-spacing:1px;}
.ex_box{
width: 1200px;
margin: 0 auto;
padding:30px 0 20px 0;
}
.ex{
width:32%;
font-size:18px;
letter-spacing: 1px;
}
}

.device{
margin:0 10px;
padding:0;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.device_txt{
margin:0;
padding:0 0 10px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.btn {
width:100%;
margin:0 auto;
padding:20px 0;
font-size:110%;
font-weight:bold;
line-height:150%;
display:inline-block;
text-decoration:none;
background:#262626;
border-left:solid 5px #cc0700;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}
.btn:hover {
-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;
background:#cc0700;
}
.type_01{}
.device_caption{
margin:0;
padding:15px 10px 0 10px;
font-size:75%;
line-height:150%;
text-align:center;
color:#666;
}
@media screen and (min-width:769px){
.device{margin:0 30px;}
.btn {font-size:24px;}
.type_01{width:600px}
.device_txt{
padding:0 0 15px 0;
font-size:28px;
letter-spacing:1px;
}
.device_caption{
padding:15px 0 0 0;
font-size:12px;
letter-spacing:1px;
}
}

.recommend_bg{
margin:0 0 45px 0;
padding:45px 30px;
background-image:url(img/recommend.jpg);
background-position: top right;
background-repeat: no-repeat;
background-size: auto 100%;
}
.recommend_txt{
margin: 0;
padding:30px 20px 25px 20px;
background-color:rgba(255,255,255,0.8);
}
.recommend_title{
margin: 0;
padding: 0 0 10px 0;
font-size: 140%;
font-weight: bold;
line-height: 150%;
text-align: center;
}
@media screen and (min-width:769px){
.recommend_bg{
margin:75px 0;
padding:75px 0;
background-image:url(img/recommend.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: auto 100%;
}
.recommend_txt{
width:768px;
margin: 0 auto;
padding:30px 45px 45px 45px;
}
.recommend_title{
margin: 0;
padding: 0 0 10px 0;
font-size:32px;
letter-spacing: 1px;
}
}

.feature_top{
margin:0;
padding:0;
font-size:200%;
font-weight:bold;
line-height:130%;
text-align:center;
color: #a71427;
}
.feature_frame{
margin:0;
padding:15px 20px 20px 20px;
}
@media screen and (min-width:100x) and ( max-width:768px) {
.feature_item{
margin:0 0 20px 0;
padding:0;
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;
}
}
.feature_eng{
width:12%;
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:100%;
color: #a71427;
border-bottom:solid 1px #a71427;
font-family: 'Roboto Condensed', sans-serif;
}
.feature_jpn{
width:88%;
margin:0;
padding:0 0 5px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
border-bottom:solid 1px #ddd;
}
.feature_number{
margin: 0;
padding:15px 0;
font-size: 100%;
font-weight:bold;
line-height: 100%;
text-align: center;
color: #a71427;
}
.feature_number span{
padding: 5px 10px;
border:solid 1px #a71427;
}
.feature_title{
margin: 0;
padding: 0;
font-size: 150%;
font-weight:bold;
line-height: 150%;
text-align: center;
}
.feature_box{
margin: 0 20px 45px 20px;
padding: 0;
}
.feature_pict{
margin:0;
padding:0;
}
.feature_pict img{width: 100%;}
.feature_txt{
margin:30px 0 0 0;
padding: 0;
}
@media screen and (min-width:769px){
.feature_top{font-size:48px;letter-spacing:1px;}
.feature_frame{
width:1200px;
margin:0 auto;
padding:30px 0 45px 0;
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:center;
}
.feature_item{
width:370px;
margin:0 15px 30px 15px;
padding:0;
}
.feature_eng{
width:100%;
margin:0 0 10px 0;
padding:0 0 5px 0;
font-size:36px;
text-align:center;
border-bottom:solid 1px #a71427;
}
.feature_jpn{width:100%;font-size:28px;letter-spacing:1px;text-align:center;border:none;}
.feature_number{font-size:18px;}
.feature_title{font-size:42px;letter-spacing: 1px;}
.feature_box{
width: 1200px;
margin:15px auto 75px 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;
}
.feature_pict{width: 48%;padding: 0;}
.feature_txt{width: 48%;margin:0;padding:0;}
}


#program_bg{
margin:0;
padding:30px 20px 15px 20px;
background:#950500;
}
.program_mark{
margin:0;
padding:0 0 15px 0;
text-align:center;
}
.program_mark img{width:60px;}
.program_sub{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
}
.program_top{
margin:5px 0 20px 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:140%;
text-align:center;
color:#fff;
}
.program{
margin:0 0 20px 0;
padding:30px;
background:#fff;
}
.program_title{
margin:0;
padding:15px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
border-top:solid 5px #000;
border-bottom:solid 5px #000;
}
.program_pict{
margin:20px 0 10px 0;
padding:0;
}
.program_pict img{width:100%;}
table.point{
width:100%;
border-collapse:collapse;
margin:0;
}
table.point th{
width:30px;
padding:10px 0 5px 0;
font-size:115%;
line-height:150%;
vertical-align:top;
text-align:left;
color: #a71427;
}
table.point td{
padding:10px 0 5px 0;
font-size:115%;
line-height:150%;
border-bottom:dotted 1px #ccc;
vertical-align:top;
}
.etc{
margin:0;
padding:10px 0 0 0;
font-size:115%;
line-height:150%;
text-align:right;
}
.program_subhead{
margin:0;
padding:20px 0 25px 0;
font-size:150%;
font-weight:bold;
line-height:140%;
text-align:center;
color:#fff;
}
.program_txt{
margin:0 0 20px 0;
padding:10px 30px 30px 30px;
background:#fff;
}
.subject{
margin:20px 0 0 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
}
.subject span{color:#950500;}
.txt{
margin:3px 0 0 0;
padding:0;
font-size:115%;
line-height:150%;
}
.program_bottom{
margin:0;
padding:0;
font-size:115%;
line-height:150%;
color:#fff;
}
@media screen and (min-width:769px){
#program_bg{
margin:0;
padding:75px 0 60px 0;
}
.program_mark{padding:0 0 20px 0;}
.program_mark img{width:90px;}
.program_sub{font-size:28px;letter-spacing:1px;}
.program_top{
margin:5px 0 30px 0;
font-size:42px;
letter-spacing:1px;
}
.program{
width:768px;
margin:0 auto 45px auto;
padding:60px 120px;
}
.program_title{
margin:0;
padding:15px 0;
font-size:36px;
font-weight:bold;
line-height:150%;
text-align:center;
border-top:solid 5px #000;
border-bottom:solid 5px #000;
}
table.point th{font-size:21px;}
table.point td{font-size:21px;letter-spacing:1px;}
.etc{font-size:21px;letter-spacing:1px;}
.program_subhead{
margin:0;
padding:20px 0 25px 0;
font-size:36px;
font-weight:bold;
line-height:140%;
text-align:center;
color:#fff;
}
.program_txt{
width:768px;
margin:0 auto 45px auto;
padding:30px 120px 45px 120px;
}
.subject{
margin:30px 0 0 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:150%;
}
.subject span{color:#950500;}
.txt{
margin:3px 0 0 0;
padding:0;
font-size:21px;
line-height:150%;
}
.program_bottom{
width:768px;
margin:0 auto;
}
}


.lecturer_bg{
margin:0 0 60px 0;
padding:45px 20px;
background:#f2f2f2;
}
.lecturer_top{
margin:0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.lecturer_frame{margin:0;padding:0;}
.lecturer_prf{
margin:20px 0 45px 0;
padding:20px;
border:double 3px #950500;
background:#fff;
}
.lecturer_pict{margin:0;padding:0 0 20px 0;}
.lecturer_pict img{width:100%;}
.lecturer_detail{margin:0;padding:0;text-align: center;}
.lecturer_degree{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
}
.lecturer_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
}
.lecturer_kana{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
}
.lecturer_profile{
margin:0;
padding:10px 0 0 0;
font-size:100%;
line-height:150%;
}
.lecturer_subhead{
margin:30px 0 0 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
color:#950500;
}
@media screen and (min-width:769px){
.lecturer_bg{
margin:0 0 90px 0;
padding:75px 0;
}
.lecturer_top{font-size:42px;letter-spacing:1px;}
.lecturer_frame{width:768px;margin:0 auto;}
.lecturer_prf{
margin:30px 0 45px 0;
padding:20px;
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;
}
.lecturer_pict{width:48%;padding:0;}
.lecturer_detail{width:48%;padding:20px 0 0 0;text-align:left;}
.lecturer_degree{font-size:21px;letter-spacing:1px;}
.lecturer_name{font-size:30px;letter-spacing:1px;}
.lecturer_kana{font-size:18px;letter-spacing:1px;}
.lecturer_profile{padding:15px 0 0 0;font-size:18px;letter-spacing:1px;}
.lecturer_subhead{margin:45px 0 0 0;font-size:32px;letter-spacing:1px;}
}

.md_top{
margin:0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.md_eng{
margin:10px 0 30px 0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#e06a66;
font-family: 'Roboto Condensed', sans-serif;
}
.md_read{
margin:0 20px;
padding:0;
}
.md_pict{
margin:0 0 20px 0;
padding:0;
}
.md_pict img{width:100%;}
.md_about{
margin:30px 0 25px 0;
padding:15px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
border-top:solid 3px #e5e5e5;
border-bottom:solid 3px #e5e5e5;
}
.md_subhead{
margin:45px 0 0 0;
padding:15px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
background:#950500;
}
.md_subhead2{
margin:0;
padding:15px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
background:#111;
}
.md_merit{
margin:0;
padding:20px;
background:#f6eff1;
}
.md_demerit{
margin:0;
padding:20px;
background:#eff3f8;
}
.md_txt{
margin:0;
padding:0;
}
.md_number{
margin:0;
padding:20px 0 15px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.md_number span{
padding:5px 14px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
color:#fff;
}
.bg_merit{background:#950500;}
.bg_demerit{background:#0680c3;}
.md_subtitle{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#950500;
}
.color_merit{color:#950500;}
.color_demerit{color:#0680c3;}
.md_icon{
width:50%;
margin:15px auto 0 auto;
padding:30px;
background:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.md_icon img {width:100%;}
@media screen and (min-width:769px){
.md_top{font-size:42px;letter-spacing:1px;}
.md_eng{margin:15px 0 45px 0;font-size:18px;}
.md_read{width: 768px;margin:0 auto;}
.md_pict{margin:0 0 30px 0;}
.md_about{
margin:45px 0 30px 0;
padding:25px 0;
font-size:36px;
letter-spacing:1px;
}
.md_subhead{
margin:60px 0 0 0;
padding:25px 0;
font-size:28px;
letter-spacing:1px;
}
.md_subhead2{
padding:25px 0;
font-size:28px;
letter-spacing:1px;
}
.md_merit{padding:30px 0 45px 0;}
.md_demerit{padding:30px 0 45px 0;}
.md_txt{width: 768px;margin:0 auto;}
.md_number{
margin:0;
padding:20px 0 15px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.md_number span{
padding:5px 14px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
color:#fff;
}
.md_subtitle{
margin:0;
padding:0;
font-size:28px;
font-weight:bold;
line-height:150%;
text-align:center;
}
.md_icon{width:300px;}
}


.price_top{
margin:60px 0 0 0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.price_eng{
margin:10px 0 30px 0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#e06a66;
font-family: 'Roboto Condensed', sans-serif;
}
.price_txt{
margin:0 20px;
padding:0;
}
.price_box{
margin:0 20px;
padding:0;
}
.price{
margin:0 0 20px 0;
padding:20px 0 15px 0;
border-top:solid 6px #950500;
border-left:solid 3px #e5e5e5;
border-right:solid 3px #e5e5e5;
border-bottom:solid 3px #e5e5e5;
}
.price_category{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
text-align:center;
}
.price_price{
margin:10px 30px;
padding:10px 0 5px 0;
font-size:100%;
line-height:200%;
text-align:center;
border-top:solid 1px #e5e5e5;
border-bottom:solid 1px #e5e5e5;
}
.price_price span{
font-size:200%;
font-family: 'Roboto Condensed', sans-serif;
}
.price_value{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#e06a66;
text-align:center;
}
.price_inout{
margin:30px 20px 0 20px;
padding:35px 30px 10px 30px;
background:#f5efda;
}
.price_inout_title{
margin:0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.price_top{
margin:90px 0 0 0;
font-size:42px;
letter-spacing:1px;
}
.price_eng{margin:15px 0 45px 0;font-size:18px;}
.price_txt{margin:0;text-align:center;}
.price_box{
width: 980px;
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;
}
.price{width:31%;margin:0;}
.price_category{font-size:20px;letter-spacing:1px;}
.price_price{font-size:20px;}
.price_value{font-size:24px;letter-spacing:1px;}
.price_inout{
width: 768px;
margin:45px auto 0 auto;
padding:45px 45px 20px 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.price_inout_title{font-size:28px;letter-spacing:1px;}
}

.movie_top{
margin:60px 0 0 0;
padding:20px 0;
font-size:150%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
background:#950500;
}
.movie{
margin:0;
padding:0;
}
.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%;
}
.message{
margin:45px 20px 0 20px;
padding:0;
}
.message_title {
margin:0 0 30px 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height: 150%;
text-align: center;
}
.message_title span{
padding:0 0 2px 0;
border-bottom:solid 5px #e06a66;
}
@media screen and (min-width:769px){
.movie_top{
width:768px;
margin:90px auto 0 auto;
padding:30px 0;
font-size:36px;
letter-spacing:1px;
}
.movie{width:768px;margin:0 auto;}
.message{width:768px;margin:60px auto 0 auto;}
.message_title {font-size:32px;letter-spacing: 1px;}
}


.faq_top{
margin:60px 0 0 0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.faq_eng{
margin:10px 0 30px 0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#e06a66;
font-family: 'Roboto Condensed', sans-serif;
}
.faq{
margin:0 20px;
padding:0;
}
.qus{
margin:30px 0 10px 0;
padding:3px 0 5px 28px;
font-size:110%;
font-weight:bold;
line-height:150%;
position:relative;
color:#950500;
border-bottom:dotted 1px #999;
}
.qus:after {
position:absolute;
top:0;
left:0;
content:"Q.";
font-size:24px;
color:#950500;
font-family: 'Roboto Condensed', sans-serif;
}
.ans{
margin:0;
padding:0 0 0 28px;
}
@media screen and (min-width:769px){
.faq_top{
margin:120px 0 0 0;
font-size:42px;
letter-spacing: 1px;
}
.faq_eng{margin:15px 0 0 0;font-size:18px;}
.faq{width:768px;margin:0 auto;}
.qus{
margin:45px 0 10px 0;
font-size:24px;
letter-spacing:1px;
}
}

.line_top{
margin:60px 0 0 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#00ab3a;
}
.line_box{
margin:20px 20px 30px 20px;
padding:20px 25px 25px 25px;
border:solid 3px #b2e3c5;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.line_icon{
margin:0;
padding:0;
text-align:center;
}
.line_icon img{width:45%;}
.offer_sub{
margin:30px 0 0 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
color:#00ab3a;
}
.offer_title{
margin:5px 0 15px 0;
padding:15px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#00ab3a;
border-top:solid 2px #00ab3a;
border-bottom:solid 2px #00ab3a;
}
table.offer{
width:100%;
border-collapse:collapse;
margin:0;
}
table.offer th{
width:30px;
padding:10px 0 5px 0;
font-size:115%;
line-height:150%;
vertical-align:top;
text-align:left;
color: #00ab3a;
}
table.offer td{
padding:10px 0 5px 0;
font-size:115%;
font-weight:bold;
line-height:150%;
border-bottom:dotted 1px #ccc;
vertical-align:top;
}
.line_caption{
margin:0;
padding:0;
font-size:75%;
line-height:150%;
color:#666;
}
@media screen and (min-width:769px){
.line_top{
margin:90px 0 0 0;
font-size:36px;
letter-spacing: 1px;
}
.line_box{
width: 768px;
margin:30px auto 60px auto;
padding:30px 45px 25px 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.offer_sub{
margin:30px 0 0 0;
font-size:24px;
letter-spacing:1px;
}
.offer_title{
margin:5px 0 15px 0;
padding:15px 0;
font-size:32px;
letter-spacing: 1px;
}
table.offer th{font-size:21px;}
table.offer td{font-size:21px;letter-spacing:1px;}
.line_caption{font-size:12px;letter-spacing:1px;}
}

.entry{
margin:30px 10px 20px 10px;
padding:0;
text-align:center;
}
.entry a:link {color:#fff;text-decoration:none;}
.entry a:visited {color:#fff;text-decoration:none;}
.entry a:hover {color:#fff;text-decoration:none;}
.enter {
width:100%;
margin:0 auto;
padding:20px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
display:inline-block;
text-decoration:none;
background:#00c400;
border-bottom:solid 5px #019c00;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}
.enter:hover {
opacity:0.6;
filter:alpha(opacity=60);
-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;
}
@media screen and (min-width:769px){
.entry{margin:30px;}
.enter {font-size:24px;}
.entry_caption{
padding:15px 0 0 0;
font-size:12px;
letter-spacing:1px;
}
}

.contact{
margin:0 10px 0 10px;
padding:0;
}
@media screen and (min-width:769px){
.contact{
width:768px;
margin:0 auto;
}
}

.sns{
margin:0;
padding:15px 0 30px 0;
text-align:center;
}
.sns a:link {color:#950500;text-decoration:none;}
.sns a:visited {color:#950500;text-decoration:none;}
.sns a:hover {color:#e06a66;text-decoration:none;}
.sns ul {
width:100%;
margin:0 auto;
padding:0!important;
text-align:center;
list-style:none;
}
.sns ul li {
display:inline-block;
padding:0 5px;
font-size:36px;
}


#wrapper{
margin:0;
padding:45px 0 1px 0;
background-image:url(img/body.jpg);
}
.contents{
margin:0 25px 60px 25px;
padding:0;
}
.contents h2{
margin:0;
padding:0 0 20px 0;
font-size:150%;
line-height:150%;
text-align:center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-weight:bold;
background-image:url(img/bk.png);
background-position:top center;
background-repeat: no-repeat;
background-size:90% auto;
}
.pict{
margin:0 0 20px 0;
padding:20px;
background: #e6e5ef;
}
.pict img{width:100%;}
.subtitle{
margin:0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
color:#f7a710;
}
table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:30px;
padding:15px 0 5px 0;
font-size:124%;
line-height:150%;
vertical-align:top;
text-align:left;
color: #a71427;
}
table.check td{
padding:15px 0 5px 0;
font-size:125%;
font-weight:bold;
line-height:150%;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
.power_number{
margin: 0;
padding:20px 0 15px 0;
font-size: 100%;
font-weight: bold;
line-height: 100%;
text-align: center;
}
.power_number span{
padding: 5px 15px;
color: #f75eee;
border:solid 1px #f75eee;
}
.power_eng{
margin: 0;
padding: 0;
font-size:280%;
line-height: 100%;
text-align: center;
font-family: "Times New Roman", Times, "serif";
}
.power_kana{
margin: 0;
padding:10px 0 5px 0;
font-size:90%;
line-height: 150%;
text-align: center;
}
.power_jpn{
margin: 0;
padding: 0;
font-size:150%;
font-weight: bold;
line-height: 150%;
text-align: center;
}
.power_icon{
margin: 0;
padding: 0;
text-align: center;
}
.power_icon img{width: 60%;}
@media screen and (min-width:769px){
#wrapper{padding:90px 0 1px 0;}
.contents{width:600px;margin:0 auto 90px auto;}
.contents h2{
padding:0 0 30px 0;
font-size:32px;
letter-spacing:1px;
}
.subtitle{margin:0;font-size:24px;letter-spacing:1px;}
table.check th{font-size:24px;}
table.check td{font-size:24px;letter-spacing:1px;}
}



#subpage{
margin:0;
padding:30px 20px;
}
#subpage p{font-size:80%;}
.page_title{
margin:0 0 30px 0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
}
table.info{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
table.info th{
padding:20px 0 5px 0;
font-size:80%;
line-height:150%;
text-align:left;
border-bottom:solid 1px #666;
display:block;
}
table.info td{
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
display:block;
}
@media screen and (min-width:769px){
#subpage{
width:768px;
margin:0 auto;
padding:75px 0 90px 0;
}
#subpage p{font-size:14px;}
.page_title{
margin:0 0 60px 0;
font-size:24px;
letter-spacing:1px;
}
table.info{margin:20px 0;}
table.info th{
width:180px;
padding:10px 0;
font-size:14px;
letter-spacing:1px;
display:table-cell;
}
table.info td{
padding:10px;
font-size:14px;
letter-spacing:1px;
border-bottom:dotted 1px #ccc;
display:table-cell;
}
}

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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.org {font-weight:bold;color:#fd7e14;}
.white {color:#fff;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #ffe24d 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}


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

.center{text-align:center;}
.right{text-align:right;}
.mt{margin-top:45px;}
.order_01{}
.order_02{}
@media screen and (min-width:769px){
.order_01{order:1;}
.order_02{order:2;}
}


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


#footer{
margin:0 auto;
padding:20px 0;
font-size:75%;
line-height:200%;
text-align:center;
color:#fff;
background:#111;
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:25px 0;font-size:12px;}
}