@charset "UTF-8";

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

body {
margin:0;
padding:0;
font-size:100%;
color:#1a1919;
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 img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
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;}

.clearfix:before,
.clearfix:after {
content:" ";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}

p {
font-size:100%;
line-height:190%;
}
p.subsubhead {
	font-size: 1.5em;
	color:brown;
	font-weight: bold;
	margin-top: 15px;
}
@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;}}

h1{}
h2{width: 100%;}
h3{width:100%;}
h4{}

h1{
margin:0;
padding:0;
text-align:center;
}
h1 img {width:100%;}
@media screen and (min-width:769px) {
h1{
height:315px;
padding:75px 0 60px;
background-image:url(img/copy_bg.jpg);
background-position:bottom center;
background-repeat:no-repeat;
}
h1 img {width:768px;}
}


.device{
margin:0;
padding:30px;
text-align:center;
background:#0f2543;
border-top:2px solid #dfad4f;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}

.btn {
width:100%;
margin:0 auto;
padding:20px 0;
font-size:100%;
font-weight:bold;
display:inline-block;
text-decoration:none;
color:#fff;
background:#ea5413;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border-bottom:solid 5px #b9400b;
}
.btn:hover {
opacity:0.7;
filter:alpha(opacity=70);
-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) {
.device{padding:60px 0;}
.btn {width:640px;padding:25px 0;font-size:24px;}
}


#back{margin:0;padding:0;}
#container{
margin:0 auto;
padding:45px 20px 1px 20px;
}
.mark{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.mark img{width:45px;}
.subtitle{
margin:0;
border-top:#DD9600 1px solid;
padding:30px 0;
font-size:150%;
font-weight:900;
line-height:135%;
text-align:center;
font-family: "Noto Sans Japanese";
color:#FFF;
background: url("img/copy_bg.jpg") no-repeat center center;
}

.subtitle span {font-size:0.8em; color:#FEFF00; display: block; margin-bottom:5px;}
.subtitle span.inline-block {font-size:1em;color:#fff;display:inline-block;margin-bottom:0;}
.subtitle span.yellow {color:#FEFF00;}

.subject{
margin:30px 0 25px 0;
padding:2px 0 2px 15px;
font-size:125%;
font-weight:900;
line-height:150%;
letter-spacing:1px;
border-left:8px solid #033787;
font-family: "Noto Sans Japanese";
}
hr {
width:40px;
margin:15px auto 25px auto;
padding:0;
height:0;
border:0;
border-top:3px double #033787;
}
.contents{
margin:0 auto 45px auto;
padding:0;
}
.contents_over{
margin:0 -20px 45px -20px;
padding:0 20px 15px 20px;
background:#e5f7fd;
}
.get_sub{
margin:15px 0 5px 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#40bdef;
}
.get{
margin:0;
padding:10px 20px;
border:3px double #033787;
}
.get img{width:100%;}
.step{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.get h3.subject, .contents h3.subject {
	margin:15px 0 10px;
	color:#033787;
}
.get h3.subject span {
	font-size:0.6em;
	display: block;
}
.get h3.subject span.inline-block {
	font-size:1em;
	display: inline-block;
}
.get h3.detail_sub {
	margin:5px auto 20px;
	padding-bottom:10px;
	font-size:1.7em;
	border-bottom:1px #999 dotted;
}
.get p {
}

.step img{width:100%;}
.matter{
margin:30px 0 20px 0;
padding:0;
text-align:center;
}
.matter img{width:100%;}
.summary{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.summary img{width:100%;}
.voice{
margin:0 0 20px 0;
padding:20px;
border:solid 2px #ddd;
}
.voice_name{
margin:0 0 5px 0;
padding:15px;
font-size:85%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
background:#00479d;
}
.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%;
}
@media screen and (min-width:769px) {
#back{background:#f2f2f2;}
#container{
width:100%;
max-width:1200px;
padding:90px 0 1px 0;
background:#fff;
}
.mark img{width:60px;}
.subtitle{font-size:45px;letter-spacing:1px;}
.subject{
margin:60px 0 25px 0;
padding:2px 0 2px 15px;
font-size:28px;
letter-spacing:1px;
}
hr {margin:20px auto 45px auto;}
.contents{width:768px;margin:0 auto 90px auto;}
.contents_over{
margin:0 auto 90px auto;
padding:90px 15% 60px 15%;
}
.get{
margin:0 0 30px 0;
/*padding:45px 0;*/

}
.get img{width:75%;}
.step{margin:0 0 30px 0;}
.step img{width:640px;}
.matter{
margin:0 0 30px 0;
padding:30px 45px;
border:solid 2px #ddd;
}
.summary{padding:25px 0;border:double 3px #40bdef;}
.summary img{width:90%;}
.voice{margin:0 0 30px 0;padding:30px;}
.voice_name{
margin:0 0 15px 0;
padding:15px 0;
font-size:24px;
line-height:100%;
letter-spacing:1px;
}
}



#bg{
margin:0;
padding:30px 10px 1px 10px;
background:-moz-linear-gradient(left, #033787, #2480c3);
background:-webkit-linear-gradient(left, #033787, #2480c3);
background:linear-gradient(to right, #033787, #2480c3);
}
#trialbg{
margin:0;
padding:30px 10px 1px 10px;
background:-moz-linear-gradient(left, #F2D50F, #DA0641);
background:-webkit-linear-gradient(left, #F2D50F, #DA0641);
background:linear-gradient(to right, #F2D50F, #DA0641);
}
#wrapper{
margin:0 auto 45px auto;
padding:45px 20px 1px 20px;
background:#fff;
}
.detail_top{
margin:0;
padding:0;
font-size:160%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
font-family: "Noto Sans Japanese";
}
.detail_eng{
margin:10px 0 20px 0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
}
.detail_number{
margin:0;
padding:0 0 15px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.detail_number span{
padding:5px 14px;
color:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background:-moz-linear-gradient(left, #2480c3, #033787);
background:-webkit-linear-gradient(left, #2480c3, #033887);
background:linear-gradient(to right, #2480c3, #033887);
}
.detail_title{
margin:0;
padding:0 0 5px 0;
font-size:150%;
font-weight:900;
line-height:120%;
text-align:center;
color:#00479d;
font-family: "Noto Sans Japanese";
}
.detail_title span{font-size:80%;}
.detail_sub{
margin:30px 0 0 0;
padding:0;
font-size:125%;
font-weight:900;
line-height:150%;
text-align:center;
color:#40bdef;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
#bg{margin:0;padding:75px 0 1px 0;}
#wrapper{
width:100%;
max-width: 1200px;
margin:0 auto 90px auto;
padding:60px 0 1px 0;
}
.detail_top{font-size:48px;letter-spacing:1px;}
.detail_eng{margin:10px 0 45px 0;font-size:24px;}
.detail_title{padding:0 0 15px 0;font-size:36px;letter-spacing:1px;}
.detail_title span{font-size:24px;}
.detail_sub{margin:45px 0 0 0;font-size:32px;letter-spacing:1px;}
}


.price_title{
margin:0;
padding:0;
font-size:125%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.price{
margin:15px 0 30px 0;
padding:0;
}
.price img{width:100%;}
.offer_title{
margin:0;
padding:0;
font-size:125%;
font-weight:900;
line-height:150%;
text-align:center;
color:#da5160;
font-family: "Noto Sans Japanese";
}
.offer{
margin:10px auto 30px;
padding:10px 15px;
width:90%;
border:double 3px #da5160;
}
.offer img{width:100%;}
.sign{
margin:30px 0 0 0;
padding:0;
text-align:right;
}
.offer h3.detail_sub {
	color:#d00;
	font-size:1.8em;
	margin:10px auto 15px;
}
.offer h3.subject {
	color:#333;
	border-left:none;
	line-height:1em;
	font-size:1.2em;
}
.offer h3.subject span {
	line-height: 1.4em;
}
.offer hr {border:1px dotted #999;width:80%;margin-top:30px;}


.sign img{width:100px;}
@media screen and (min-width:769px) {
.price_title{font-size:32px;letter-spacing:1px;}
.price{padding:30px 45px;border:solid 1px #ccc;}
.offer_title{font-size:32px;letter-spacing:1px;}
.offer{padding:30px 45px;}
.sign{margin:45px 0 0 0;}
.sign img{width:150px;}
}


.subeng{
margin:45px 0 5px 0;
padding:0;
font-size:80%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#40bdef;
font-family: 'Roboto Condensed', sans-serif;
}
.subhead{
margin:0 0 20px 0;
padding:0;
font-size:140%;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.subhead span{
padding:0 0 10px 0;
border-bottom:solid 4px #40bdef;
}
@media screen and (min-width:769px){
.subeng{margin:75px 0 5px 0;font-size:14px;}
.subhead{font-size:28px;letter-spacing:1px;}
}


.prf{
margin:0 auto 45px auto;
padding:35px 20px 0 20px;
}
.prf p{font-size:100%;}
.prf_category{
margin:0;
padding:0 0 15px 0;
font-size:80%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.prf_category span{
padding:2px 10px;
color:#00479d;
border:solid 2px #00479d;
}
.prf_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:180%;
text-align:center;
}
.prf_eng{
margin:0;
padding:0 0 10px 0;
font-size:80%;
line-height:100%;
text-align:center;
color:#999;
font-family: 'Roboto Condensed', sans-serif;
}
.prf_degree{
margin:0;
padding:0;
font-size:80%;
font-weight:bold;
line-height:180%;
text-align:center;
}
.prf_pict{
margin:0;
padding:15px 0 10px 0;
text-align:center;
}
.prf_pict img{
width:240px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
@media screen and (min-width:769px){
.prf{width:768px;margin:0 auto 90px auto;padding:45px 0 0 0;}
.prf p{font-size:16px;}
.prf_category{font-size:16px;letter-spacing:1px;}
.prf_name{font-size:28px;letter-spacing:1px;}
.prf_eng{font-size:12px;}
.prf_degree{font-size:14px;letter-spacing:1px;}
}



.qus{
margin:30px 20px 10px 20px;
padding:3px 0 5px 28px;
font-size:100%;
font-weight:bold;
line-height:150%;
position:relative;
color:#00479d;
border-bottom:dotted 1px #999;
}
.qus:after {
position:absolute;
top:0;
left:0;
content:"Q.";
font-size:24px;
color:#00479d;
font-family: 'Roboto Condensed', sans-serif;
}
.ans{
margin:0 20px;
padding:0 0 0 28px;
}
@media screen and (min-width:769px){
.qus{
margin:45px 0 10px 0;
font-size:18px;
letter-spacing:1px;
}
.ans{margin:0;}
}


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

.mt{margin-top:25px;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}
.mtf{margin-top:45px;}
@media screen and (min-width:769px){.mtf{margin-top:90px;}}
.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#da5160;}
.blue {font-weight:bold;color:#00479d;}
.yellow{color:#ffe24d;}
.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:150%;}


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

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


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


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


/*---------- Deadline Funnelタイマー用 ----------*/
.df_timer {
	padding:15px 0;
	text-align: center;
	background:#0f2543;
	color: #fff;
}
.df_timer_text {
	font-weight: bold;
	font-size: 1.3em;
}
@media screen and (max-width:768px){
	.df_timer_text {font-size:0.9em;}
}

.ddio_countdown_wrap {
	width:50%;
	max-width: 600px;
}

/*---------- 2108追加 ----------*/
.pv {
	margin:0 auto 30px;
}
.bigger, h2.subtitle .bigger {font-size:120%;}
h2.subtitle .yellow {font-size:1em;}
.red {color:#C30000;}

h3.explain {
	margin:30px 0 0 0;
	padding:20px 0 15px;
	font-size:135%;
	font-weight:900;
	line-height:150%;
	text-align:center;
	color:#fff;
	background:#4FA6A9; 
	font-family: "Noto Sans Japanese";
}
h3.explain span.label {font-size:0.9em;font-weight:normal;border:1px #fff solid; padding:1px 6px 2px;}
h3.explain span.sub {font-size:0.7em; display: block; font-weight: normal;margin:5px auto -5px;}
@media screen and (min-width:769px) {
	h3.explain {
	margin:45px 0 0 0;font-size:32px;letter-spacing:1px;}
}

.detail_title{
margin:0;
padding:5px 0;
font-size:150%;
font-weight:900;
line-height:120%;
text-align:center;
color:#fff;
font-family: "Noto Sans Japanese";
background: #135BA5;
}
.detail_title span{font-size:80%;}
.detail_sub{
margin:30px 0 0 0;
padding:0;
font-size:125%;
font-weight:900;
line-height:150%;
text-align:center;
color:#40bdef;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
	#wrapper {padding-left:20px;padding-right:20px;}
.detail_title{margin:0 auto;padding:15px 0;font-size:36px;letter-spacing:1px;}
.detail_title span{font-size:24px;}
.detail_sub{margin:45px 0 0 0;font-size:32px;letter-spacing:1px;}
}
.voice_comment {width:90%;margin:0px auto 10px;padding:0 10px 5px;font-size:1.1em;line-height:1.3;letter-spacing:0.8;display:block;border-bottom:1px #ccc dotted;}

.inline-block {display:inline-block;}