@charset "UTF-8";

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

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

a:link {color:#3b5998;text-decoration:underline;}
a:visited {color:#3b5998;text-decoration:underline;}
a:hover {color:#206CFF;text-decoration:none;}
a img {border-style:none;}
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;}
.clr{clear:both;}

p {
font-size:105%;
line-height:160%;
}
@media screen and (min-width:769px){
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}
.ytp-cued-thumbnail-overlay-image {
    background-image: url(../../_assets/anime.gif);
}
@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}



h1{
margin:0;
padding:15px 0 30px 0;
text-align:center;
}
h1 img{width:100%;}
@media screen and (min-width:769px) {
h1{padding:20px 0 30px 0;}
h1 img{width:640px;}
}

.device_bg{
margin:0;
padding:20px 0 25px 0;
text-align:center;
background:#fff2d9;
}
.device_mark{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.device_mark img{width:60px;}
.device_txt{
margin:0;
padding:0;
font-size:120%;
font-weight:900;
line-height:150%;
color:#f36f21;
font-family: "Noto Sans Japanese";
}
@media screen and (min-width:769px) {
.device_bg{padding:45px 0 75px 0;}
.device_mark{padding:0 0 15px 0;}
.device_mark img{width:100px;}
.device_txt{font-size:24px;}
}

.device{
margin:0;
padding:10px 20px 0 20px;
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;}
.btn {
width:100%;
margin:0 auto;
padding:25px 0;
display:inline-block;
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
text-align:center;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
background:-moz-linear-gradient(top, #e97e00, #ea5200);
background:-webkit-linear-gradient(top, #e97e00, #ea5200);
background:linear-gradient(to bottom, #e97e00, #ea5200);
border:solid 4px #ffe152;
}
.btn: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;
}
.device_caption{
margin:0;
padding:15px 0 0 0;
font-size:80%;
line-height:180%;
text-align:center;
color:#666;
}
.ps{
margin:0 0 0 0;
padding:45px 0 30px 0;
text-align:center;
border-top:solid 1px #ddd;
}
.ps img{width:100%;}
@media screen and (min-width:769px) {
.device{margin:0;padding:10px 0 0 0;}
.btn {
width:640px;
font-size:24px;
letter-spacing:1px;
}
.device_caption{
padding:20px 0 0 0;
font-size:14px;
letter-spacing:1px;
}
.ps{
margin:0;
padding:60px 0 45px 0;
}
.ps img{width:640px;}
}




h2{}
h3{}


.voice_top{
margin:0;
padding:20px 0;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
background:#ffa512;
font-family: "Noto Sans Japanese";
}
.voice_bg{
margin:0 0 45px 0;
padding:20px 20px 15px 20px;
background:#efefef;
}
.voice_box{margin:0;padding:0;}
.voice{
margin:0 0 30px 0;
padding:25px 30px 10px 30px;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.voice_eng{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#f36f21;
font-family: Arial, Helvetica, "sans-serif";
}
.voice_title{
margin:0;
padding:10px 30px;
font-size:120%;
font-weight:900;
line-height:150%;
text-align:center;
position:relative;
font-family: "Noto Sans Japanese";
}
.voice_title::before, .voice_title::after {
content:'';
width:15px;
height:100%;
position:absolute;
}
.voice_title::before {
border-left:solid 1px #f36f21;
border-top:solid 1px #f36f21;
border-bottom:solid 1px #f36f21;
top:0;
left:0;
}
.voice_title::after {
border-right:solid 1px #f36f21;
border-top:solid 1px #f36f21;
border-bottom:solid 1px #f36f21;
top:0;
right:0;
}
.voice_pict{
width:50%;
margin:10px auto;
padding:0;
text-align:center;
}
.voice_pict img{
width:100%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.voice_name{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.feature_bg{
margin:0;
padding:40px 0 45px 0;
background:#fff2d9;
}
.feature_top{
margin:0 0 20px 0;
padding:0;
font-size:180%;
font-weight:900;
line-height:150%;
text-align:center;
color:#f36f21;
font-family: "Noto Sans Japanese";
}
.feature_contents{
margin:0 20px;
padding:10px 30px 10px 30px;
background:#fff;
}
.feature_number{
margin:0;
padding:30px 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.feature_number span{
padding:5px 15px;
color:#f36f21;
border:solid 1px #f36f21;
}
.feature{
margin:0;
padding:0;
font-size:130%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.feature_pict{
margin:15px 0 25px 0;
padding:0;
}
.feature_pict img{width:100%;}
@media screen and (min-width:769px) {
.voice_top{padding:30px 0;font-size:32px;letter-spacing:1px;}
.voice_bg{margin:0 0 90px 0;padding:45px 0 30px 0;}
.voice_box{
width:1080px;
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;
}
.voice{
width:48%;
margin:0 0 45px 0;
padding:30px 45px 10px 45px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.voice_eng{font-size:24px;}
.voice_title{padding:10px 30px;font-size:24px;letter-spacing:1px;}
.voice_pict{width:45%;}
.voice_name{font-size:16px;letter-spacing:1px;}
.feature_bg{padding:60px 0 90px 0;}
.feature_top{margin:0 0 30px 0;font-size:48px;letter-spacing:1px;}
.feature_contents{
width: 640px;
margin:0 auto;
padding:30px 150px 45px 150px;
}
.feature_number{font-size:18px;letter-spacing:1px;}
.feature{font-size:30px;letter-spacing:1px;}
}


.contents{
margin:0 20px 60px 20px;
padding:0;
}
.top_space{margin-top:60px;}
table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:25px;
font-size:100%;
line-height:150%;
padding:12px 0 5px 0;
color:#f36f21;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:100%;
line-height:150%;
font-weight:bold;
padding:12px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
@media screen and (min-width:769px){
.contents{width:640px;margin:0 auto 90px auto;}
.top_space{margin-top:90px;}
table.check{margin:0 0 30px 0;}
table.check th{
width:26px;
font-size:18px;
padding:10px 0 5px 0;
}
table.check td{
font-size:18px;
letter-spacing:1px;
padding:10px 0 5px 0;
}
}


.subhead{
margin:0;
padding:0;
font-size:150%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.subhead_org{
margin:0;
padding:0 0 5px 0;
font-size:125%;
font-weight:900;
line-height:150%;
text-align:center;
color:#ffa512;
font-family: "Noto Sans Japanese";
}
.line_sbh{
width:35px;
margin:20px auto 30px auto;
padding:0;
height:0;
border:0;
border-top:6px solid #ffa512;
}
.subject{
margin:30px 0 0 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
color:#f36f21;
font-family: "Noto Sans Japanese";
}
.photo{
margin:20px 0 20px 0;
padding:0;
}
.photo img{width:100%;}
.ronbun{
margin:20px 0 20px 0;
padding:15px;
border:solid 1px #ddd;
}
.ronbun img{width:100%;}
@media screen and (min-width:769px){
.subhead{font-size:36px;letter-spacing:1px;}
.subhead_org{font-size:24px;letter-spacing:1px;}
.line_sbh{margin:30px auto 45px auto;}
.subject{margin:45px 0 0 0;font-size:28px;}
.photo{margin:30px 0;}
.ronbun{padding:30px;}
}

.step_box{
margin:30px 0;
padding:30px 10px 15px 10px;
background:#fffbf4;
}
.step_top{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#f36f21;
font-family: "Noto Sans Japanese";
}
.step_number{
margin:0;
padding:30px 0 10px 0;
font-size:24px;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.step_number span{
padding:5px 14px;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#ffa512;
}
.step{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.step_pict{
margin:0 auto;
padding:0;
text-align:center;
}
.step_pict img{width:60%;}
@media screen and (min-width:769px) {
.step_box{margin:45px 0;padding:35px 10px 10px 10px;}
.step_top{font-size:30px;}
.step_number{padding:30px 0 10px 0;}
.step{font-size:30px;letter-spacing:1px;}
.step_pict{margin:20px 0 30px 0;}
.step_pict img{width:50%;}
}

.flow_bg{
margin:0;
padding:45px 20px 15px 20px;
background:#f9f9f9;
}
.flow_top{
margin:0 0 15px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}
.flow_top span{color:#f36f21;}
.flow_box{margin:0 auto;padding:0;}
.flow{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.flow_number{
margin:0;
padding:0 0 10px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ffa512;
font-family: 'Roboto Condensed', sans-serif;
}
.flow_pict{margin:0;padding:0;}
.flow_pict img{width:100%;}
@media screen and (min-width:769px) {
.flow_bg{padding:75px 0;}
.flow_top{margin:0 0 30px 0;font-size:30px;}
.flow_box{
width:980px;
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;
}
.flow{width:48%;margin:0;}
.flow_number{font-size:36px;}
}

.movie_title{
margin:30px 0 15px 0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
color:#f36f21;
font-family: "Noto Sans Japanese";
}
.movie {margin:0 20px;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%;
}
@media screen and (min-width:769px) {
.movie_title{margin:60px 0 30px 0;font-size:30px;}
.movie {width:768px;margin:0 auto;}
}


.prf{
margin:60px 20px;
padding:0;
}
.prf_pict{
margin:0;
padding:0;
text-align:center;
}
.prf_pict img{
width:60%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.prf_degree{
margin:0;
padding:15px 0 0 0;
font-size:100%;
line-height:150%;
color:#666;
text-align: center;
}
.prf_name{
margin:0;
padding:5px 0 5px 0;
font-size:180%;
font-weight:bold;
line-height:180%;
text-align:center;
}
@media screen and (min-width:769px){
.prf{
width:640px;
margin:90px auto;
padding:45px 150px 30px 150px;
border:solid 1px #ddd;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.prf_pict img{width:240px;}
.prf_degree{font-size:16px;letter-spacing:1px;}
.prf_name{font-size:28px;letter-spacing:1px;}
}




.mt{margin-top:30px;}
.caption{margin:0;padding:0;font-size:75%;color:#666;}
@media screen and (min-width:769px){
.mt{margin-top:45px;}
.caption{font-size:14px;}
}

#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;}
.red{font-weight:bold;color:#ff4757;}
.org{font-weight:bold;color:#ff8c00;}
.blue{font-weight:bold;color:#419db8;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #eeee22 60%);}
.ym_n{background:linear-gradient(transparent 60%, #eeee22 60%);}


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

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


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

#footer{
margin:0;
padding:30px 0;
font-family: 'Roboto Condensed', sans-serif;
font-size:60%;
line-height:200%;
text-align:center;
color:#fff;
background-color:#313131;
}
#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{margin:0;font-size:12px;}}