@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
html{overflow-y:scroll;} 
body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}   
img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;}
li{list-style:none;}

/* ------------------------------------------- CSS Information 
 Style Info:     基本設定
----------------------------------------------------------- */
/*A Style*/  
a:link{text-decoration:underline;color:#666666;}
a:visited{text-decoration:none;color:#66666;}
a:hover{text-decoration:underline;color:#999999;}
a:active{text-decoration:none;color:#66666;}

/*font*/
.b{font-weight:bold;}
.ul{text-decoration:underline;}
.bg{background-color:#fff45c;}
.big{font-size:17px;}@media only screen and (max-width:750px){.big{font-size:15px;}}
.small{font-size:14px;}@media only screen and (max-width:750px){.small{font-size:12px;line-height:20px;}}
.red{color:#b7282e;}
.gold{color:#e2bc26;}

/*----- image -----*/
.img1280{width:100%;max-width:1280px;margin:0 auto;}
.img960{width:100%;max-width:960px;margin:0 auto;}
.img750{width:100%;max-width:750px;margin:0 auto;}
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block;}
span.sp{display:inline-block;}
}
/*-- br --*/
.br_pc{display:block;}
.br_sp{display:none;}
@media only screen and (max-width:750px){
.br_pc{display:none;}
.br_sp{display:block;}
}

/*-- text --*/
.text{font-size:16px;line-height:30px;text-align:justify;word-break:break-all;}
.text p{margin:0;padding:0 0 30px 0;box-sizing:border-box;}
.text p:last-child{margin:0;padding:0;}
@media only screen and (max-width:750px){
.text{font-size:14px;line-height:24px;}
.text p{padding:0 0 20px 0;}
.text br{display:none;}
}

/* ----------------------- CSS Information 
 Style Info: HTML/BODY
--------------------------------------- */
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
font-family:"メイリオ",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color:#333333;
font-size:16px;
line-height:0;
text-align:center;
background:#f6f6f5;
letter-spacing:0em;
min-height:100%;
position:relative;
box-sizing:border-box;
}

/* ----------------------- CSS Information 
 Style Info: HEADER
--------------------------------------- */
header{
margin:0;
padding:0;
width:100%;
box-sizing:border-box;
text-align:center;
position:relative;
overflow:hidden;
background:#000000;
}
header img{position:relative;z-index:10;}
header img.img1280{display:block;}
header img.img960{display:none;}
header img.img750{display:none;}
@media only screen and (max-width:960px){header img.img1280{display:none;}header img.img960{display:block;}}
@media only screen and (max-width:750px){header img.img960{display:none;}header img.img750{display:block;}}

/* ----------------------- CSS Information 
 Style Info: VIDEO
--------------------------------------- */
.videobox{
position:absolute;
top:-50%;
left:-50%;
width:200%;
height:200%;
z-index:1;
}
.videobox video{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
min-width:50%;
min-height:50%;
}
.videobox.video01{background:#ffffff;}
.videobox.video01 video{opacity:0.75;background:url(../video/video01.png) no-repeat center;background-size:cover;}

/* ----------------------- CSS Information 
 Style Info: INVITE
--------------------------------------- */
#invite{
width:100%;
margin:0;
padding:0;
background:#000000;
}
.invite_wrapper{
position:relative;
display:flex;
align-items:stretch;
flex-wrap:wrap;
width:100%;
margin:0;
padding:0;
}
.invite_box{
width:33.333%;
margin:0;
padding:40px 0;
box-sizing:border-box;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.invite_box.invite01{background-image:url(../img/invite01_img.png);}
.invite_box.invite02{background-image:url(../img/invite02_img.png);}
.invite_box.invite03{background-image:url(../img/invite03_img.png);}
.invite_box.invite04{background-image:url(../img/invite04_img.png);}
.invite_box.invite05{background-image:url(../img/invite05_img.png);}
.invite_box.invite06{background-image:url(../img/invite06_img.png);}
.invite_caption{}
.invite_caption img{width:100%;max-width:320px;margin:0 auto;}
@media only screen and (max-width:768px){
#invite{}
.invite_wrapper{}
.invite_box{width:50%;padding:20px 0;}
.invite_caption{}
.invite_caption img{max-width:750px;}
}

/* ----------------------- CSS Information 
 Style Info: TITLE
--------------------------------------- */
.title{
position:relative;
width:100%;
max-width:960px;
margin:0 auto 60px auto;
padding:0 0 40px 0;
opacity:0;
transition:all ease 1s;
}
.title img{width:100%;}
.title.scrollin{opacity:1;}
.title:after{
content:"";
position:absolute;
display:block;
padding:0;
width:0;
height:4px;
border:0;
background:#0e8eb9;
background:-moz-linear-gradient(left,#0e8eb9,#0e63b9);
background:-webkit-linear-gradient(left,#0e8eb9,#0e63b9);
background:linear-gradient(to right,#0e8eb9,#0e63b9);
overflow:hidden;
bottom:0;
right:30px;
left:30px;
margin:0 auto;
}
.title.scrollin:after{animation:title_hr 0.5s linear both;}
@keyframes title_hr{
0%{width:0%;}
100%{
width:93.75%;
width:-webkit-calc(100% - 60px) ;
width:calc(100% - 60px) ;
}
}
@media only screen and (max-width:750px){
.title{margin:0 auto 30px auto;padding:0 0 30px 0;}
.title:after{right:20px;left:20px;}
@keyframes title_hr{
0%{width:0%;}
100%{
width:97.33%;
width:-webkit-calc(100% - 40px) ;
width:calc(100% - 40px) ;
}
}
}

/* ----------------------- CSS Information 
 Style Info: CONTENTS
--------------------------------------- */
.contents{
position:relative;
margin:0;
padding:60px 0;
width:100%;
box-sizing:border-box;
background:#ffffff;
}
.contents .flexbox{
margin:0 auto;
padding:0;
width:100%;
max-width:1250px;
position:relative;
box-sizing:border-box;
display:flex;
flex-direction:reverse;
align-items:stretch;
}
.flexbox .textbox{
width:60%;
margin:0;
padding:0;
box-sizing:border-box;
}
.flexbox .text{
width:100%;
margin:0;
padding:0 30px;
box-sizing:border-box;
}
.flexbox .imgbox{
width:40%;
margin:0;
padding:0 20px 0 0;
box-sizing:border-box;
}
.flexbox .imgbox img{
display:block;
width:100%;
margin:0;
padding:10px;
box-sizing:border-box;
background:#ffffff;
border:1px solid #eeeeee;
}
.flexbox cite{display:block;font-size:10px;line-height:20px;text-align:right;}
@media only screen and (max-width:750px){
.contents{padding:40px 0;}
.contents .flexbox{flex-direction:column-reverse;}
.flexbox .textbox{width:100%;}
.flexbox .text{padding:0 20px;}
.flexbox .imgbox{width:100%;padding:0 20px 30px 20px;}
.flexbox .imgbox img{}
.flexbox cite{display:block;font-size:10px;line-height:20px;text-align:right;}
}

/* ----------------------- CSS Information 
 Style Info: WRAPPER
--------------------------------------- */
.wrapper{
position:relative;
margin:0 auto;
padding:0;
width:100%;
max-width:1250px;
box-sizing:border-box;
}
.wrapper .textbox{
width:100%;
max-width:750px;
margin:0 auto 0 0;
padding:0;
box-sizing:border-box;
overflow:hidden;
}
.wrapper .text{
width:100%;
margin:0;
padding:0 30px;
box-sizing:border-box;
}
@media only screen and (max-width:750px){
.wrapper{}
.wrapper .textbox{margin:0 auto;}
.wrapper .text{padding:0 20px;}
}

/*-- CONTENTS04 --*/
#contents04 .wrapper{max-width:960px;}
#contents04 .wrapper .textbox{max-width:960px;}
#contents04 .wrapper .textbox img{width:100%;}

/*-- CONTENTS07 --*/
#contents07 .text dl{
width:100%;
margin:0 0 60px 0;
}
#contents07 .text dt{
width:100%;
margin:0 0 30px 0;
padding:10px;
font-size:16px;
line-height:20px;
color:#f6f6f5;
font-weight:bold;
background:#0e8eb9;
background:-moz-linear-gradient(left,#0e8eb9,#0e63b9);
background:-webkit-linear-gradient(left,#0e8eb9,#0e63b9);
background:linear-gradient(to right,#0e8eb9,#0e63b9);
box-sizing:border-box;
}
@media only screen and (max-width:750px){
#contents07 .text dl{margin:0 0 30px 0;}
#contents07 .text dt{
margin:0 0 20px 0;
padding:5px;
font-size:14px;
line-height:20px;
text-align:center;
}
}

/*-- CONTENTS08 --*/
#contents08 ul.list08_01{margin:0 0 30px 0;}
#contents08 ul.list08_01 li{
position:relative;
margin:0;
padding:0 0 0 30px;
font-size:16px;
line-height:30px;
font-weight:bold;
text-align:left;
}
#contents08 ul.list08_01 li:before{
content:"";
display:block;
position:absolute;
top:5px;
left:0;
width:20px;
height:20px;
background:#0e8eb9;
box-sizing:border-box;
}
#contents08 ul.list08_01 li:after{
content:"";
display:block;
position:absolute;
top:5px;
left:5px;
width:6px;
height:12px;
transform:rotate(40deg);
border-bottom:3px solid #f6f6f5;
border-right:3px solid #f6f6f5;
}
#contents08 ul.list08_02{margin:0 0 30px 0;}
#contents08 ul.list08_02 li{
position:relative;
margin:0;
padding:0 0 0 30px;
font-size:16px;
line-height:30px;
font-weight:bold;
text-align:left;
}
#contents08 ul.list08_02 li:before{
content:"";
display:block;
position:absolute;
top:5px;
left:0;
width:20px;
height:20px;
background:#e2bc26;
box-sizing:border-box;
}
#contents08 ul.list08_02 li:after{
content:"";
display:block;
position:absolute;
top:5px;
left:5px;
width:6px;
height:12px;
transform:rotate(40deg);
border-bottom:3px solid #ffffff;
border-right:3px solid #ffffff;
}
@media only screen and (max-width:750px){
#contents08 ul.list08_01{margin:0 0 20px 0;}
#contents08 ul.list08_01 li{
padding:0 0 0 20px;
font-size:14px;
line-height:24px;
}
#contents08 ul.list08_01 li:before{top:4px;width:14px;height:14px;}
#contents08 ul.list08_01 li:after{
content:"";
display:block;
position:absolute;
top:5px;
left:4px;
width:4px;
height:8px;
transform:rotate(40deg);
border-bottom:2px solid #f6f6f5;
border-right:2px solid #f6f6f5;
}
#contents08 ul.list08_02{margin:0 0 20px 0;}
#contents08 ul.list08_02 li{
padding:0 0 0 20px;
font-size:14px;
line-height:24px;
}
#contents08 ul.list08_02 li:before{top:4px;width:14px;height:14px;}
#contents08 ul.list08_02 li:after{
content:"";
display:block;
position:absolute;
top:5px;
left:4px;
width:4px;
height:8px;
transform:rotate(40deg);
border-bottom:2px solid #ffffff;
border-right:2px solid #ffffff;
}
}


/* ----------------------- CSS Information 
 Style Info: SUPPORT
--------------------------------------- */
#support{
margin:0;
padding:60px 0;
color:#f6f6f5;
background:#0e8eb9 url(../img/support_bg_pc.png) no-repeat center;
background-size:cover;
}
#support_wrapper{
width:100%;
max-width:1280px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
#support_box{
width:750px;
margin:0 auto 0 0;
padding:0;
}
#support .text{
width:750px;
margin:0 auto 0 0;
padding:40px 30px 0 30px;
box-sizing:border-box;
}
@media only screen and (max-width:750px){
#support{
padding:40px 0;
background:#0e8eb9 url(../img/support_bg_pc.png) no-repeat center;
background-size:cover;
}
#support_wrapper{}
#support_box{width:100%;}
#support .text{
width:100%;
padding:40px 20px 0 20px;
}
}

/* ----------------------- CSS Information 
 Style Info: VOICE
--------------------------------------- */
.voice{
margin:0;
padding:80px 0;
background:#030d29 url(../img/voice_bg.png) no-repeat center top;
background-size:cover;
}
.voice_box{
width:100%;
max-width:960px;
margin:0 auto;
padding:0 30px;
box-sizing:border-box;
}
.voice_box dl{
margin:0 0 30px 0;
padding:0;
color:#f6f6f5;
background:rgba(0,0,0,0.75);
}
.voice_box dt{
min-height:140px;
margin:0;
padding:45px 20px 20px 140px;
font-size:18px;
line-height:28px;
font-weight:bold;
text-align:left;
color:#e2bc26;
border-bottom:1px solid #0e8eb9;
box-sizing:border-box;
background-repeat:no-repeat;
background-position:20px 20px;
background-size:100px 100px;
}
.voice_box dt.voice01{background-image:url(../img/voice01.png);}
.voice_box dt.voice02{background-image:url(../img/voice02.png);}
.voice_box dt.voice03{background-image:url(../img/voice03.png);}
.voice_box dt.voice04{background-image:url(../img/voice04.png);}
.voice_box dt.voice05{background-image:url(../img/voice05.png);}
.voice_box dt.voice06{background-image:url(../img/voice06.png);}
.voice_box dt .voice_info{
display:block;
font-size:14px;
line-height:30px;
font-weight:normal;
text-align:left;
color:#eeeeee;
}
.voice_box dd{
width:100%;
margin:0;
padding:20px;
box-sizing:border-box;
font-size:16px;
line-height:30px;
text-align:justify;
}
.voice_box dd p{margin:0;padding:0;}
.voice .text{box-sizing:border-box;color:#f6f6f5;text-align:center;padding:0 20px;}
@media only screen and (max-width:750px){
.voice{padding:40px 0;}
.voice_box{padding:0 20px;}
.voice_box dl{margin:0 0 20px 0;}
.voice_box dt{
min-height:80px;
padding:20px 10px 20px 90px;
font-size:14px;
line-height:20px;
text-align:justify;
background-size:60px 60px;
}
.voice_box dt .voice_info{font-size:10px;line-height:20px;}
.voice_box dd{font-size:14px;line-height:24px;}
.voice_box dd p{}
.voice .text{text-align:justify;}
}

/* ----------------------- CSS Information 
 Style Info: DATE
--------------------------------------- */
#date{
margin:0;
padding:60px 0;
background:#030d29 url(../img/date_bg_pc.png) no-repeat center;
background-size:cover;
}
#date .text{padding:0 30px;color:#f6f6f5;text-align:center;box-sizing:border-box;}
#date .flexbox{
position:relative;
display:flex;
flex-direction:reverse;
align-items:stretch;
width:100%;
max-width:960px;
margin:0 auto;
padding:40px 30px;
box-sizing:border-box;
}
.date_box{
width:50%;
margin:0;
box-sizing:border-box;
}
.date_box:first-child{padding:0 10px 0 0;}
.date_box:last-child{padding:0 0 0 10px;}
.date_table{
width:100%;
margin:0;
font-size:14px;
line-height:30px;
color:#cccccc;
box-sizing:border-box;
}
.date_table tr:nth-child(even){background:#444444;}
.date_table tr:nth-child(odd){background:#333333;}
.date_table tr td:nth-of-type(1){}
.date_table tr td:nth-of-type(2){}
.date_table tr td:nth-of-type(3){}
.date_table tr td:nth-of-type(4){text-align:right;padding:0 20px 0 0;}
.date_table tr.total{background:#e2bc26;}
.date_table tr.total td{
padding:10px;
color:#b60b0f;
font-size:18px;
line-height:24px;
font-weight:bold;
}
@media only screen and (max-width:750px){
#date{
padding:40px 0;
background:#030d29 url(../img/date_bg_sp.png) no-repeat center top;
background-size:100% auto;
}
#date .text{
padding:0 20px;
text-align:justify;
}
#date .flexbox{flex-direction:column;padding:30px 20px 0 20px;}
.date_box{width:100%;margin:0 0 30px 0;}
.date_box:first-child{padding:0;}
.date_box:last-child{padding:0;}
.date_table{font-size:12px;line-height:20px;}
.date_table tr.total td{font-size:16px;}
}

/* ----------------------- CSS Information 
 Style Info: PROFILE
--------------------------------------- */
#profile{
position:relative;
width:100%;
margin:0;
padding:60px 0;
background:#edf4f8;
box-sizing:border-box;
}
#profile .flexbox{
position:relative;
width:100%;
max-width:1250px;
margin:0 auto;
padding:0 30px;
box-sizing:border-box;
display:flex;
flex-direction:reverse;
align-items:stretch;
}
#profile .imgbox{
display:flex;
align-items:center;
position:relative;
width:120px;
margin:0;
padding:0;
background:#0e8eb9;
background:-moz-linear-gradient(left,#0e8eb9,#0e63b9);
background:-webkit-linear-gradient(left,#0e8eb9,#0e63b9);
background:linear-gradient(to right,#0e8eb9,#0e63b9);
}
#profile .imgbox p{
width:100%;
margin:0;
padding:0;
font-size:14px;
line-height:20px;
color:#f6f6f5;
font-weight:bold;
box-sizing:border-box;
}
#profile .textbox{
margin:0;
padding:0;
box-sizing:border-box;
flex:1;
}
#profile .text{
padding:0 0 0 30px;
width:100%;
font-size:14px;
line-height:24px;
text-align:justify;
box-sizing:border-box;
}
#profile .text dt{
margin:0 0 20px 0;
font-size:16px;
line-height:30px;
font-weight:bold;
border-bottom:2px solid #0e8eb9;
}
#profile .text dd p{padding:0;}
#profile .text ul{margin:0 0 20px 0;}
#profile .text ul li{padding:0;}
@media only screen and (max-width:750px){
#profile{padding:40px 0;}
#profile .flexbox{padding:0 20px;flex-direction:column;}
#profile .imgbox{display:block;width:100%;}
#profile .imgbox p{padding:5px;font-size:12px;line-height:20px;}
#profile .textbox{}
#profile .text{padding:20px 0 0 0;}
#profile .text dt{font-size:14px;text-align:center;}
}

/* ----------------------- CSS Information 
 Style Info: REASON
--------------------------------------- */
#reason{
padding:60px 0;
background:#edf4f8;
}
.reason_wrapper{
width:100%;
max-width:1250px;
margin:0 auto;
padding:0 30px;
box-sizing:border-box;
}
#reason .flexbox{
margin:0 auto 30px auto;
padding:0;
width:100%;
position:relative;
box-sizing:border-box;
display:flex;
flex-direction:reverse;
align-items:stretch;
background:#ffffff;
}
#reason .textbox{
margin:0;
padding:0;
box-sizing:border-box;
flex:1;
display:flex;
align-items:center;
text-align:justify;
}
#reason .text{
width:100%;
margin:0;
padding:30px;
box-sizing:border-box;
text-align:justify;
}
#reason .text dt{
margin:0 0 20px 0;
font-size:16px;
line-height:30px;
font-weight:bold;
border-bottom:2px solid #0e8eb9;
}
#reason .text dd p{padding:0;}
#reason .imgbox{
display:flex;
align-items:center;
position:relative;
width:160px;
margin:0;
padding:0;
background-size:cover;
background:#0e8eb9;
background:-moz-linear-gradient(left,#0e8eb9,#0e63b9);
background:-webkit-linear-gradient(left,#0e8eb9,#0e63b9);
background:linear-gradient(to right,#0e8eb9,#0e63b9);
}
#reason .imgbox p{
width:100%;
margin:0;
padding:0;
font-size:14px;
line-height:20px;
color:#f6f6f5;
font-weight:bold;
box-sizing:border-box;
}
.reason01 .imgbox{background:#4c4d55 url(../img/reason01_img.png) no-repeat center;}
.reason02 .imgbox{background:#4c4d55 url(../img/reason02_img.png) no-repeat center;}
.reason03 .imgbox{background:#4c4d55 url(../img/reason03_img.png) no-repeat center;}
.reason04 .imgbox{background:#4c4d55 url(../img/reason04_img.png) no-repeat center;}
.reason05 .imgbox{background:#4c4d55 url(../img/reason05_img.png) no-repeat center;}
@media only screen and (max-width:750px){
#reason{padding:40px 0 20px 0;}
.reason_wrapper{padding:0 20px;}
#reason .flexbox{margin:0 auto 20px auto;flex-direction:column;}
#reason .textbox{width:100%;}
#reason .text{padding:20px 20px;}
#reason .text dt{
margin:0 0 20px 0;
padding:0 0 20px 0;
font-size:14px;
line-height:24px;
font-weight:bold;
border-bottom:2px solid #0e8eb9;
}
#reason .text dd p{padding:0;}
#reason .imgbox{padding:10px 0;width:100%;}
#reason .imgbox p{
width:100%;
margin:0;
padding:0;
font-size:14px;
line-height:20px;
color:#f6f6f5;
font-weight:bold;
box-sizing:border-box;
}
.reason01 .imgbox{background:#4c4d55 url(../img/reason01_img.png) no-repeat center;}
.reason02 .imgbox{background:#4c4d55 url(../img/reason02_img.png) no-repeat center;}
.reason03 .imgbox{background:#4c4d55 url(../img/reason03_img.png) no-repeat center;}
.reason04 .imgbox{background:#4c4d55 url(../img/reason04_img.png) no-repeat center;}
.reason05 .imgbox{background:#4c4d55 url(../img/reason05_img.png) no-repeat center;}
}


/* ----------------------- CSS Information 
 Style Info: STEP
--------------------------------------- */
#step{
margin:0;
padding:60px 0;
color:#f6f6f5;
background:#333333 url(../img/step_bg_pc.png) no-repeat center;
background-size:cover;
}
#step .wrapper{
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
#step .text{
width:100%;
margin:0 auto;
padding:40px 30px 0 30px;
box-sizing:border-box;
text-align:center;
}
@media only screen and (max-width:750px){
#step{padding:40px 0;}
#step .wrapper{}
#step .text{padding:40px 20px 0 20px;text-align:justify;}
}

/* ----------------------- CSS Information 
 Style Info: FAQ
--------------------------------------- */
#faq{
padding:80px 0;
background:#edf4f8;
}
#faq dl{
width:100%;
max-width:960px;
margin:40px auto 0 auto;
padding:0 30px;
box-sizing:border-box;
}
#faq dt{
font-size:16px;
line-height:30px;
text-align:justify;
margin:0;
padding:20px 20px 20px 70px;
background:#ffffff url(../img/faq_q.png) no-repeat 20px 20px;
background-size:30px 30px;
border-bottom:1px solid #0e8eb9;
}
#faq dd{
font-size:16px;
line-height:30px;
text-align:justify;
margin:0 0 30px 0;
padding:20px 20px 20px 70px;
background:#ffffff url(../img/faq_a.png) no-repeat 20px 20px;
background-size:30px 30px;
z-index:2;
}
#faq dd:last-child{margin:0;}
@media only screen and (max-width:750px){
#faq{padding:20px 0;}
#faq dl{
margin:20px 0 0 0;
padding:0 20px;
}
#faq dt{
font-size:14px;
line-height:24px;
padding:20px 20px 20px 40px;
background:#ffffff url(../img/faq_q.png) no-repeat 10px 20px;
background-size:24px 24px;
}
#faq dd{
font-size:14px;
line-height:24px;
text-align:justify;
margin:0 0 20px 0;
padding:20px 20px 20px 40px;
background:#ffffff url(../img/faq_a.png) no-repeat 10px 20px;
background-size:24px 24px;
}
#faq dd:last-child{margin:0;}
}

/* ----------------------- CSS Information 
 Style Info: PS
--------------------------------------- */
#ps{
background:#ffffff url(../img/ps_bg_pc.png) no-repeat center top;
background-size:cover;
}
.ps_name{text-align:right;}
@media only screen and (max-width:750px){
#ps{
background:#ffffff url(../img/ps_bg_sp.png) no-repeat center top;
background-size:100% auto;
}
.ps_name{text-align:right;}
.ps_name img{width:100px;}
}

/* ----------------------- CSS Information 
 Style Info: CTA
--------------------------------------- */
.cta{
margin:0;
padding:0 0 60px 0;
width:100%;
box-sizing:border-box;
text-align:center;
position:relative;
overflow:hidden;
background:#000000;
}
.cta img{position:relative;z-index:10;}
.cta img.img1280{display:block;}
.cta img.img960{display:none;}
.cta img.img750{display:none;}
@media only screen and (max-width:960px){.cta img.img1280{display:none;}.cta img.img960{display:block;}}
@media only screen and (max-width:750px){.cta img.img960{display:none;}.cta img.img750{display:block;}}
/*-- APPLY --*/
.apply{
position:relative;
width:100%;
max-width:960px;
margin:0 auto;
padding:0 30px;
box-sizing:border-box;
z-index:10;
}
.apply .flexbox{
display:flex;
flex-direction:reverse;
position:relative;
width:100%;
margin:0 auto 20px auto;
padding:0;
box-sizing:border-box;
border:1px solid #a6d7c3;
}
.apply .flexbox:last-child{margin:0 auto;}
.apply .textbox{
margin:0;
padding:10px 10px 10px 15px;
font-size:16px;
line-height:20px;
box-sizing:border-box;
flex:1;
display:flex;
align-items:center;
text-align:justify;
word-break:break-all;
color:#f6f6f5;
background:rgba(0,0,0,0.5);
}
.apply ul{list-style:none;}
.apply li{margin:0 0 10px 0;padding:0 0 0 8px;border-left:2px solid #48af9e;}
.apply li:last-child{margin:0;}
.apply dt{margin:0 0 10px 0;padding:0 0 0 8px;border-left:2px solid #48af9e;}
.apply dd{padding:0 0 0 10px;font-size:14px;line-height:24px;}
.apply .imgbox{
display:flex;
align-items:center;
justify-content:center;
width:120px;
height:120px;
margin:0;
padding:0;
font-size:14px;
line-height:20px;
font-weight:bold;
text-align:center;
color:#ffffff;
}
.apply01 .imgbox{
background:#4c4d55 url(../img/apply01_pc.png) no-repeat center;
background-size:cover;
}
.apply02 .imgbox{
background:#4c4d55 url(../img/apply02_pc.png) no-repeat center;
background-size:cover;
}
.apply03 .imgbox{
background:#4c4d55 url(../img/apply03_pc.png) no-repeat center;
background-size:cover;
}
/*-- BTN --*/
.btn_wrapper{
display:flex;
width:100%;
max-width:960px;
margin:0 auto;
padding:30px;
box-sizing:border-box;
}
.btn_box{
width:50%;
margin:0;
box-sizing:border-box;
}
.cta .btn_box:first-child{padding:0 10px 0 0;}
.cta .btn_box:last-child{padding:0 0 0 10px;}
.btn{
position:relative;
width:100%;
max-width:440px;

height:100%;
margin:0 auto;
background:#ffffff;
overflow:hidden;
box-sizing:border-box;
border-radius:8px;
box-shadow:2px 2px 8px 0px rgba(0,0,0,0.9);
z-index:10;
}
.btn img{width:100%;}
.btn img:hover{opacity:0.5;}
/*-- payment --*/
.payment{
z-index:10;
position:relative;
width:100%;
max-width:960px;
margin:0 auto;
padding:30px;
box-sizing:border-box;
}
.payment dl{
position:relative;
width:100%;
margin:0;
padding:0;
font-size:14px;
line-height:24px;
color:#d1d1d1;
text-align:justify;
box-sizing:border-box;
}
.payment dt{
margin:0 0 20px 0;
padding:0 0 0 8px;
font-weight:bold;
border-left:2px solid #48af9e;
}
.payment dd{padding:0 0 0 10px;}
.payment_img{
display:block;
width:335px;
}
/*-- notice --*/
.notice{
z-index:10;
position:relative;
width:100%;
max-width:960px;
margin:0 auto;
padding:0 30px;
box-sizing:border-box;
}
.notice dl{
position:relative;
width:100%;
height:100px;
margin:0x;
padding:20px;
border:1px solid #a6d7c3;
overflow-y:scroll;
font-size:14px;
line-height:20px;
color:#d1d1d1;
text-align:justify;
background:rgba(0,0,0,0.9);
box-sizing:border-box;
}
.notice dt{
margin:0;
padding:0 0 0 8px;
font-weight:bold;
border-left:2px solid #48af9e;
}
.notice dd{padding:10px 0 20px 10px;}
.notice dd:last-child{padding:10px 0 0 10px;}
@media only screen and (max-width:768px){
.cta{padding:0 0 40px 0;}
/*-- APPLY --*/
.apply{padding:0 20px;}
.apply .flexbox{display:block;}
.apply .textbox{
padding:20px 10px;
font-size:14px;
line-height:20px;
display:block;
}
.apply ul{}
.apply li{margin:0 0 20px 0;}
.apply li:last-child{}
.apply dt{}
.apply dd{font-size:12px;line-height:20px;}
.apply dd br{display:none;}
.apply .imgbox{
display:block;
width:100%;
height:80px;
margin:0;
padding:30px;
font-size:14px;
line-height:20px;
box-sizing:border-box;
}
.apply01 .imgbox{
background:#4c4d55 url(../img/apply01_sp.png) no-repeat center;
background-size:cover;
}
.apply02 .imgbox{
background:#4c4d55 url(../img/apply02_sp.png) no-repeat center;
background-size:cover;
}
.apply03 .imgbox{
background:#4c4d55 url(../img/apply03_sp.png) no-repeat center;
background-size:cover;
}
/*-- BTN --*/
.btn_wrapper{display:block;padding:20px;}
.btn_box{width:100%;}
.cta .btn_box:first-child{padding:0;margin:0 0 20px 0;}
.cta .btn_box:last-child{padding:0;}
.btn{max-width:600px;}
.btn img{}
.btn img:hover{}

/*-- PAYMENT --*/
.payment{padding:20px;}
.payment dl{font-size:14px;text-align:left;}
.payment dt{}
.payment dd{}
.payment_img{
display:block;
margin:0 auto;
padding:0 10px 0 0;
width:280px;
}
/*-- NOTICE --*/
.notice{padding:0 20px;}
.notice dl{padding:10px;font-size:12px;line-height:20px;}
.notice dt{}
.notice dd{}
.notice dd:last-child{}
}

/* ----------------------- CSS Information 
 Style Info: FOOTER
--------------------------------------- */
footer{
width:100%;
margin:0;
padding:0;
color:#d1d1d1;
background:#121619;
font-size:12px;
}
#fnav a{color:#d1d1d1;text-decoration:none;}
#fnav a:hover{color:#d1d1d1;text-decoration:underline;}
dl.disclaim{
width:100%;
margin:0;
padding:40px 20px 0 20px;
box-sizing:border-box;
text-align:left;
}
dl.disclaim dt{
margin:0 0 10px 0;
padding:0 0 0 8px;
text-align:left;
font-size:12px;
line-height:20px;
border-left:2px solid #48af9e;
}
dl.disclaim dd{
text-align:left;
font-size:12px;
line-height:20px;
}
#fnav{
margin:0 20px;
padding:40px 0;
}
#fnav ul{list-style-type:none;}
#fnav li{
display:block;
margin:0 0 20px 0;
padding:0 0 0 8px;
text-align:left;
font-size:12px;
line-height:20px;
border-left:2px solid #48af9e;
}
#fnav li:last-child{margin:0;}
address{
display:block;
margin:0 20px;
padding:40px 0;
border-top:1px solid #404040;
text-align:right;
font-size:12px;
line-height:20px;
}
@media only screen and (max-width:750px){
dl.disclaim dd br{display:none;}
.sp_no{display:none;}
}

/* ----------------------- CSS Information 
 Style Info: FADEIN
--------------------------------------- */
.fadein{opacity:0;transition:all ease 1s;}
.fadein.scrollin{opacity:1;}
/*左から----------*/
.fadein_left{opacity:0;transform:translateX(-40px);transition:all 1s;}
.fadein_left.scrollin{opacity:1;transform:translateX(0);}
/*右から----------*/
.fadein_right{opacity:0;transform:translateX(40px);transition:all 1s;}
.fadein_right.scrollin{opacity:1;transform:translateX(0);}
/*上から----------*/
.fadein_top{opacity:0;transform:translateY(-20px);transition:all 1s;}
.fadein_top.scrollin{opacity:1;transform:translateY(0);}
/*下から----------*/
.fadein_bottom{opacity:0;transform:translateY(20px);transition:all 1s;}
.fadein_bottom.scrollin{opacity:1;transform:translateY(0);}