@charset "UTF-8";

/* ----- GOOGLE FONTS ----- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@700&display=swap');

/* ----- RESET ----- */
*,:before,:after{margin:0;padding:0;border-width:0;border-style:solid;font-style:normal;font-weight:normal;}
html{overflow-y:scroll;line-height:0;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6{font-size:inherit;}
a{color:inherit;text-decoration:none;background-color:transparent;}
ul,ol,li{list-style:none;}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;border-radius:0;text-align:inherit;text-transform:inherit;}
button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;}
button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default;}
select:disabled{opacity:inherit;}
label[for]{cursor:pointer;}
table{border-color:inherit;border-spacing:0;border-collapse:collapse;}
caption,th,td{text-align:left;vertical-align:top;}
details{display:block;}
summary{display:list-item;}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
svg,img,embed,object,iframe{vertical-align:top;}
pre,code,kbd,samp{font-size:inherit;font-family:monospace,monospace;}
hr,legend{display:none;}

/* ----- BASIC ----- */
/*A Style*/  
a{text-decoration:underline;color:#333333;}
a:hover{text-decoration:underline;color:#666666;}
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block;}
}

/* --------------------------
 COMMON
-------------------------- */
/* HTML,BODY ------------- */
html,body{
position:relative;
width:100%;
min-height:100vh;
margin:0;
padding:0;
font-family:'Noto Sans JP',Sans-Serif;
font-weight:400;
color:#333333;
font-size:16px;
line-height:0;
text-align:left;
letter-spacing:0;
word-break:break-all;
word-wrap:break-word;
background:#000000;
cursor:url(../img/cursor.png),auto;
}

/* IMG_BG -------------- */
.img_bg{
position:fixed;
min-width:100%;
min-height:100%;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
background:url(../img/background.png) no-repeat center;
background-size:cover;
opacity:0.8;
}

/* SECTION --------------- */
.section{
position:relative;
width:100%;
margin:0;
padding:120px 0 120px 0;
box-sizing:border-box;
}
.section_wrapper{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.section_box{
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
@media only screen and (max-width:750px){
.section{padding:40px 0 40px 0;}
.section_wrapper{}
.section_box{}
}

/* TAB --------------- */
.section_tab{
position:relative;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.section_tab:before{
content:"";
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:4px;
background:#13b5b1;
}
.section_tab img{
position:relative;
display:block;
width:auto;
height:40px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.section_tab{}
.section_tab:before{height:2px;}
.section_tab img{width:40%;height:auto;}
}

/* TITLE --------------- */
.section_title{
position:relative;
width:100%;
margin:0;
padding:60px 0 60px 0;
box-sizing:border-box;
}
.section_title img{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.section_title{padding:30px 0 30px 0;}
.section_title img{}
}

/* TEXT ---------------- */
.text{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
box-sizing:border-box;
}
.text p{
margin:0 0 30px 0;
padding:0;
}
.text p:last-child{margin:0;}
@media only screen and (max-width:750px){
/* TEXT ---------------- */
.text{font-size:14px;line-height:30px;}
.text p{margin:0 0 20px 0;}
.text p:last-child{margin:0;}
.text p br{display:none;}
}


/* --------------------------
 MV
-------------------------- */
.mv{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
text-align:center;
box-sizing:border-box;
}
.mv h1{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.mv h1 img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}

/* --------------------------
 INTRO
-------------------------- */
#intro{
padding:120px 0 180px 0;
background:#000000 url(../img/intro_bg.png) no-repeat center;
background-size:cover;
}
.title_intro{
position:relative;
display:block;
width:100%;
margin:0 auto 40px auto;
padding:0;
box-sizing:border-box;
z-index:100;
}
.title_intro img{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
#intro .text{
color:#ffffff;
text-align:center;
}
@media only screen and (max-width:750px){
#intro{padding:40px 0 60px 0;}
.title_intro{margin:0 auto 20px auto;}
.title_intro img{}
#intro .text{text-align:justify;}
}

/* --------------------------
 ENTRY
-------------------------- */
#entry{
padding:0 0 120px 0;
background:#000000 url(../img/bg_02.png) repeat center top;
}
.entry_connect{
position:relative;
display:block;
width:100%;
margin:0 auto 120px auto;
padding:40px 0 0 0;
background:#fdd200;
box-sizing:border-box;
z-index:100;
}
.entry_connect:before{
content:"";
position:absolute;
display:block;
width:100%;
top:-60px;
right:50%;
transform:translatex(50%);
border-right:calc(50vw - 10px) solid #fdd200;
border-left:calc(50vw - 10px) solid #fdd200;
border-top:60px solid transparent;
z-index:100;
box-sizing:border-box;
overflow-x:hidden;
}
.entry_connect:after{
content:"";
position:absolute;
display:block;
width:100%;
top:100%;
right:50%;
transform:translatex(50%);
border-right:calc(50vw - 10px) solid transparent;
border-left:calc(50vw - 10px) solid transparent;
border-top:60px solid #fdd200;
box-sizing:border-box;
}
.entry_connect img{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.title_entry{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
z-index:100;
}
.title_entry img{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.entry_box{
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.entry_box img{
display:block;
width:44%;
margin:40px 0 0 4%;
padding:0;
}
@media only screen and (max-width:750px){
#entry{padding:0 0 40px 0;}
.entry_connect{margin:0 auto 60px auto;padding:30px 0 0 0;}
.entry_connect:before{top:-30px;border-top:30px solid transparent;}
.entry_connect:after{border-top:30px solid #fdd200;}
.entry_connect img{}
.title_entry{}
.title_entry img{}
.entry_box{display:block;}
.entry_box img{width:92%;margin:4vw 4% 0 4%;}
}

/* --------------------------
 CONTENTS
-------------------------- */
#contents{
padding:0 0 120px 0;
background:#eeeeee url(../img/bg_01.png) repeat center top;
}
.title_contents{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.title_contents img{
display:block;
width:100%;
}
#contents_02{
padding:120px 0 120px 0;
background:#eeeeee url(../img/bg_01.png) repeat center top;
}
#contents_02 .text{
text-align:center;
}
.contents_02_ill{
display:block;
width:121px;
margin:0 auto;
}
@media only screen and (max-width:750px){
#contents{padding:0 0 40px 0;background-size:104px 180px;}
.title_contents{}
.title_contents img{}
#contents_02{padding:40px 0 40px 0;background-size:104px 180px;}
#contents_02 .text{}
#contents_02 .text p br{display:block;}
.contents_02_ill{width:auto;height:100px;}
}


/* --------------------------
 OVERVIEW
-------------------------- */
.overview_title{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
background:#000000 url(../img/bg_02.png) repeat top center;
box-sizing:border-box;
}
.overview_title span{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.overview_title span:before{
content:"";
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:4px;
background:#ffffff;
}
.overview_title span img{
position:relative;
display:block;
width:auto;
height:40px;
margin:0 auto;
padding:0;
}
.overview_title h2{
position:relative;
display:block;
width:100%;
}
.overview_title h2 img{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
z-index:10;
}
.overview{
position:relative;
display:block;
width:100%;
margin:0;
padding:120px 0 120px 0;
box-sizing:border-box;
}
.overview_wrapper{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.overview_box{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
.overview_text{
display:block;
width:100%;
margin:0 auto;
padding:0 0 40px 0;
box-sizing:border-box;
font-size:18px;
line-height:40px;
color:#ffffff;
text-align:justify;
}
.overview_text p{
margin:0 0 30px 0;
padding:0;
}
.overview_text p:last-of-type{
margin:0;
padding:0;
}
.overview_img{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
/* VIDEO ----- */
.video{
position:relative;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.video_wrapper{
position:relative;
width:100%;
max-width:630px;
margin:0 auto;
padding:0;
}
.video_box{
margin:0 auto;
padding:30px;
border-radius:20px;
background:#000000;
box-sizing:border-box;
}
.video_box video{width:100%;}
.video_bottom{
display:block;
width:32%;
margin:0 auto;
padding:0;
}

/* TOOL01 ----- */
#tool01{}
#tool01-01{
background:#009e96 url(../img/tool01-01_bg.png) no-repeat center;
background-size:cover;
}
.tool01-01_ill{
position:absolute;
bottom:0;
left:10px;
display:block;
width:124px;
}
/* TOOL02 ----- */
#tool02{}
#tool02-01{
background:#009e96 url(../img/tool02-01_bg.png) no-repeat center;
background-size:cover;
}
.tool02-01_ill{
position:absolute;
bottom:0;
right:10px;
display:block;
width:121px;
}
/* PROGRAM01 ----- */
#program01{}
#program01-01{
background:#009e96 url(../img/program01-01_bg.png) no-repeat center;
background-size:cover;
}
#program01-01 .overview_text{
display:flex;
align-items:flex-start;
}
.program01-01_box{
width:50%;
}
.dl_program01-01{
margin:0 0 30px 0;
padding:0;
min-height:200px;
}
.dl_program01-01 dt{
font-size:20px;
font-weight:700;
}
.dl_program01-01 dt span{
display:inline-block;
margin:0 5px 0 0;
width:80px;
height:30px;
line-height:30px;
color:#13b5b1;
font-weight:700;
text-align:center;
background:#ffffff;
}
.dl_program01-01 dd{
position:relative;
padding:0 0 0 10px;
}
.dl_program01-01 dd:before{
content:"";
position:absolute;
top:12px;
left:0;
width:5px;
height:20px;
background:#00ffff;
}
#program01-02{
background:#009e96 url(../img/program01-02_bg.png) no-repeat center;
background-size:cover;
}
/* PROGRAM02 ----- */
#program02{}
#program02-01{
background:#009e96 url(../img/program02-01_bg.png) no-repeat center;
background-size:cover;
}
.program02-01_box{
margin:40px 0;
padding:0 0 40px 0;
border-bottom:2px solid #ffffff;
}
.program02-01_box h3{
display:flex;
align-items:center;
margin:0 0 20px 0;
padding:0;
color:#ffffff;
font-weight:700;
}
.program02-01_box h3:after{
content:"";
display:block;
flex:1;
margin:0 0 0 10px;
padding:0;
height:2px;
background:#ffffff;
}
.dl_program02-01{
margin:0 0 30px 0;
padding:0;
}
.dl_program02-01:last-child{
margin:0;
padding:0;
}
.dl_program02-01 dt{}
.dl_program02-01 dt span{
display:inline-block;
margin:0 5px 0 0;
width:80px;
height:30px;
line-height:30px;
color:#13b5b1;
font-weight:700;
text-align:center;
background:#ffffff;
}
.dl_program02-01 dd{
position:relative;
padding:0 0 0 10px;
font-weight:700;
}
.dl_program02-01 dd:before{
content:"";
position:absolute;
top:12px;
left:0;
width:5px;
height:20px;
background:#00ffff;
}
#program02-02{
background:#009e96 url(../img/program02-02_bg.png) no-repeat center;
background-size:cover;
}
.program02-02_box{
margin:40px 0 0 0;
padding:40px 0 0 0;
border-top:2px solid #ffffff;
}
.dl_program02-02{
display:flex;
align-items:flex-start;
margin:0 0 20px 0;
padding:0;
}
.dl_program02-02 dt{
margin:5px 5px 0 0;
width:80px;
height:30px;
line-height:30px;
color:#13b5b1;
font-weight:700;
text-align:center;
background:#ffffff;
}
.dl_program02-02 dd{
position:relative;
flex:1;
margin:0;
padding:0;
font-weight:700;
}
#program02-03{
background:#009e96 url(../img/program02-03_bg.png) no-repeat center;
background-size:cover;
}

@media only screen and (max-width:750px){
.overview_title{}
.overview_title span{}
.overview_title span:before{height:2px;}
.overview_title span img{width:40%;height:auto;}
.overview_title h2{}
.overview_title h2 img{}
.overview{padding:40px 0 40px 0;}
.overview_wrapper{}
.overview_box{}
.overview_text{padding:0 0 20px 0;font-size:14px;line-height:30px;}
.overview_text p{margin:0 0 20px 0;}
.overview_text p:last-of-type{}
.overview_img{}
/* VIDEO ----- */
.video{}
.video_wrapper{}
.video_box{padding:15px;border-radius:10px;}
.video_box video{}
.video_bottom{}

/* TOOL01 ----- */
#tool01{}
#tool01-01{}
.tool01-01_ill{width:auto;height:100px;}
/* TOOL02 ----- */
#tool02{}
#tool02-01{}
.tool02-01_ill{width:auto;height:100px;}
/* PROGRAM01 ----- */
#program01{}
#program01-01{}
#program01-01 .overview_text{display:block;}
.program01-01_box{width:100%;}
.dl_program01-01{margin:0 0 20px 0;min-height:0;}
.dl_program01-01:last-of-type{margin:0;}
.dl_program01-01 dt{font-size:14px;}
.dl_program01-01 dt span{width:60px;height:20px;line-height:20px;}
.dl_program01-01 dd{}
.dl_program01-01 dd:before{top:5px;}
#program01-02{}
/* PROGRAM02 ----- */
#program02{}
#program02-01{}
.program02-01_box{margin:20px 0;padding:0 0 20px 0;}
.program02-01_box h3{}
.program02-01_box h3:after{}
.dl_program02-01{margin:0 0 20px 0;}
.dl_program02-01:last-ot-type{}
.dl_program02-01 dt{}
.dl_program02-01 dt span{width:60px;height:20px;line-height:20px;}
.dl_program02-01 dd{line-height:24px;}
.dl_program02-01 dd:before{top:2px;}
#program02-02{}
.program02-02_box{margin:20px 0 0 0;padding:20px 0 0 0;}
.dl_program02-02{}
.dl_program02-02 dt{width:60px;height:20px;line-height:20px;margin:3px 5px 0 0;}
.dl_program02-02 dd{line-height:24px;}
#program02-03{}
}


/* --------------------------
 RESULT
-------------------------- */
#result{
position:relative;
width:100%;
margin:0;
padding:0;
background:url(../img/result_bg.png) no-repeat center;
background-size:cover;
box-sizing:border-box;
}
#result img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
#result{background:none;}
#result img{}
}

/* ----------------------- CSS Information 
 Style Info: PROFILE
--------------------------------------- */
#profile{
padding:0 0 120px 0;
background:#f6f6f6 url(../img/bg_01.png) repeat center top;
}
.profile_wrapper{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
width:100%;
max-width:1500px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.profile_box{
width:44%;
margin:0;
padding:0 0 0 4%;
}
.profile_img{
display:block;
margin:0 auto;
padding:0;
width:100%;
max-width:690px;
background:#000000 url(../img/bg_02.png) repeat center;
box-shadow:inset 0px 0px 10px 5px rgba(0,255,255,0.5);
}
.profile_box dl{}
.profile_box dt.info{
display:block;
width:100%;
height:40px;
margin:0;
padding:0;
font-size:18px;
line-height:39px;
text-align:center;
font-weight:bold;
color:#ffffff;
background:#13b5b1;
}
.profile_box dt.name{
font-size:30px;
line-height:40px;
text-align:center;
margin:0;
padding:20px 0;
font-weight:700;
color:#13b5b1;
}
.profile_box dt.name span{
display:inline-block;
font-size:20px;
line-height:30px;
text-align:center;
margin:0 10px 0 0;
padding:0 5px;
font-weight:700;
color:#13b5b1;
border:1px solid #13b5b1;
vertical-align:3px;
}
.profile_box dd{
margin:0;
padding:0;
font-size:16px;
line-height:30px;
text-align:justify;
color:#333333;
}
.profile_box dd ul{margin:0 0 30px 0;padding:0;}
.profile_box dd p{margin:0;padding:0;}
@media only screen and (max-width:750px){
#profile{padding:0 0 40px 0;background-size:104px 180px;}
.profile_wrapper{display:block;}
.profile_box{width:100%;padding:0 4% 40px 4%;box-sizing:border-box;}
.profile_img{}
.profile_box dl{}
.profile_box dt.info{height:30px;font-size:16px;line-height:29px;}
.profile_box dt.name{font-size:20px;line-height:30px;padding:10px 0 20px 0;}
.profile_box dt.name span{font-size:16px;line-height:20px;vertical-align:0;}
.profile_box dd{font-size:14px;line-height:24px;}
.profile_box dd ul{margin:0 0 20px 0;padding:0;}
.profile_box dd p{margin:0;padding:0;}
}

/* --------------------------
 FAQ
-------------------------- */
#faq{
padding:0 0 120px 0;
background:#ffffff;
}
#faq input[type=checkbox]{display:none;}
/* FAQ_QUESTION ----- */
.faq_question{
position:relative;
display:block;
width:100%;
max-width:920px;
margin:0 auto;
padding:20px 40px 20px 70px;
font-size:16px;
line-height:30px;
text-align:justify;
color:#333333;
border-radius:10px;
cursor:pointer;
box-sizing:border-box;
background:#eeeeee;
}
.faq_question:hover{background:#f6f6f5;}
.faq_question:before{
content:"Q";
position:absolute;
display:block;
top:20px;
left:20px;
width:30px;
height:30px;
font-family:'Figtree', sans-serif;
font-optical-sizing:auto;
font-style:normal;
font-weight:700;
font-size:20px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#13b5b1;
border-radius:4px;
}
.faq_question:after{
content:"＋";
position:absolute;
display:block;
top:50%;
margin-top:-10px;
right:10px;
width:20px;
height:20px;
font-size:18px;
line-height:19px;
color:#13b5b1;
}
#faq input[type=checkbox]:checked + .faq_question:after{content:"－";}
#faq input[type=checkbox]:checked + .faq_question{background:#f6f6f5;border-radius:10px 10px 0 0;}
#faq input[type=checkbox]:checked + .faq_question:hover{background:#eeeeee;}
/* FAQ_ANSWER ----- */
.faq_answer{
position:relative;
margin:0 auto 30px auto;
padding:0 20px 0 70px;
width:100%;
max-width:920px;
height:0;
font-size:16px;
line-height:30px;
text-align:justify;
transition:1s;
box-sizing:border-box;
color:#ffffff;
background:#000000 url(../img/bg_02.png) repeat center;
border-radius:0 0 10px 10px;
overflow:hidden;
opacity:0;
}
.faq_answer:before{
content:"A";
position:absolute;
display:block;
top:20px;
left:20px;
width:30px;
height:30px;
font-family:'Figtree', sans-serif;
font-optical-sizing:auto;
font-style:normal;
font-weight:700;
font-size:20px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#fe2c55;
border-radius:4px;
}
.faq_answer p{margin:0;padding:0;}
.faq_answer:last-of-type{margin:0 auto;}
#faq input[type=checkbox]:checked + .faq_question + .faq_answer{
padding:20px 20px 20px 70px;
height:auto;
opacity:1;
}
@media only screen and (max-width:750px){
#faq{padding:0 0 40px 0;}
#faq .section_wrapper{}
#faq input[type=checkbox]{}
/* FAQ_QUESTION ----- */
.faq_question{padding:10px 26px 10px 40px;font-size:14px;line-height:20px;border-radius:6px;}
.faq_question:hover{}
.faq_question:before{top:10px;left:10px;width:20px;height:20px;font-size:18px;line-height:20px;border-radius:4px;}
.faq_question:after{margin-top:-8px;right:5px;width:16px;height:16px;font-size:16px;line-height:16px;}
#faq input[type=checkbox]:checked + .faq_question:after{}
#faq input[type=checkbox]:checked + .faq_question{border-radius:6px 6px 0 0;}
#faq input[type=checkbox]:checked + .faq_question:hover{}
/* FAQ_ANSWER ----- */
.faq_answer{margin:0 auto 4vw auto;padding:0 10px 0 40px;font-size:14px;line-height:20px;border-radius:0 0 6px 6px;}
.faq_answer:before{top:10px;left:10px;width:20px;height:20px;font-size:18px;line-height:20px;}
.faq_answer p{}
.faq_answer p br{display:none;}
.faq_answer:last-of-type{}
#faq input[type=checkbox]:checked + .faq_question + .faq_answer{padding:10px 10px 10px 40px;}
}

/* --------------------------
 MESSAGE
-------------------------- */
#message{
padding:0 0 120px 0;
background:#f6f6f6 url(../img/bg_01.png) repeat center top;
}
.message_box{
display:block;
width:100%;
margin:0 auto;
padding:60px 4% 0 4%;
background:#000000 url(../img/bg_02.png) repeat center top;
box-shadow:inset 0px 0px 10px 5px rgba(0,255,255,0.5);
box-sizing:border-box;
}
.message_box .text{
color:#ffffff;
font-weight:700;
}
.message_name{
display:block;
width:240px;
margin:-30px -4% 0 auto;
padding:0;
}
@media only screen and (max-width:750px){
#message{padding:0 0 40px 0;background-size:104px 180px;}
.message_box{padding:30px 4% 0 4%;}
.message_box .text{}
.message_name{width:180px;margin:-20px -4% 0 auto;}
}

/* --------------------------
 CTA
-------------------------- */
.cta{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
text-align:center;
box-sizing:border-box;
}
.cta h1{
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.cta h1 img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.cta_wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
text-align:center;
box-sizing:border-box;
}
.cta_box{
display:block;
width:100%;
margin:0;
padding:0 4px 80px 4%;
box-sizing:border-box;
}
/*INFO----------*/
.cta_info{
margin:0 auto;
}
.cta_info dt{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
margin:0;
padding:0;
font-size:16px;
line-height:30px;
text-align:center;
font-weight:600;
color:#ffffff;
}
.cta_info dt:before,.cta_info dt:after{
content:"";
display:block;
flex:1;
height:2px;
padding:0;
background:#ffffff;
}
.cta_info dt:before{margin:0 5px 0 0;}
.cta_info dt:after{margin:0 0 0 5px;}
.cta_info dd{
font-size:16px;
line-height:30px;
text-align:center;
color:#ffffff;
}
.payment_icon{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
width:100%;
margin:0 auto;
}
.payment_icon img{
display:block;
height:50px;
margin:0;
padding:0 10px;
}
/*CTA_BTN----------*/
.cta_btn{
position:relative;
display:block;
width:100%;
margin:40px auto 0 auto;
padding:0;
box-sizing:border-box;
}
.cta_btn a{
position:relative;
display:block;
width:100%;
max-width:630px;
margin:0 auto;
padding:0;
box-shadow:0 20px 20px 0 rgba(0,255,255,0.5);
background:#ffffff;
border-radius:10px;
overflow:hidden;
box-sizing:border-box;
}

.cta_btn a img{
position:relative;
display:block;
width:100%;
max-width:630px;
margin:0;
padding:0;
}
.cta_btn a:hover{box-shadow:none;}
.cta_btn a:hover img{opacity:0.5;}
@media only screen and (max-width:750px){
.cta{}
.cta h1{}
.cta h1 img{}
.cta_wrapper{}
.cta_box{padding:0 4px 40px 4%;}
/*INFO----------*/
.cta_info{}
.cta_info dt{font-size:14px;}
.cta_info dt:before,.cta_info dt:after{}
.cta_info dt:before{}
.cta_info dt:after{}
.cta_info dd{font-size:14px;line-height:24px;text-align:justify;}
.payment_icon{margin:5px auto 0 auto;}
.payment_icon img{height:32px;padding:0 2px;}

/*CTA_BTN----------*/
.cta_btn{margin:4vw auto 0 auto;}
.cta_btn a{}
.cta_btn a img{}
.cta_btn a:hover{}
.cta_btn a:hover img{}
}

/* --------------------------
 FOOTER
-------------------------- */
footer{
position:relative;
display:block;
margin:0;
padding:40px 0 180px 0;
width:100%;
color:#e0e0e0;
background:#111111;
}
footer a{color:#e0e0e0;text-decoration:none;}
footer a:hover{color:#e0e0e0;text-decoration:underline;}
#nav_footer{
display:block;
width:100%;
max-width:750px;
margin:0 auto;
}
#nav_footer ul{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
text-align:center;
list-style-type:none;
box-sizing:border-box;
}
#nav_footer ul li{
display:block;
font-size:12px;
line-height:20px;
margin:0;
padding:0 40px;
border-left:1px solid #00ffff;
}
#nav_footer ul li:first-child{border-left:none;}
footer small{
display:block;
margin:20px 0 0 0;
padding:0;
text-align:center;
font-size:12px;
line-height:20px;
box-sizing:border-box;
}
@media only screen and (max-width:750px){
footer{}
#nav_footer{}
#nav_footer ul{display:block;padding:0 4%;text-align:left;}
#nav_footer ul li{width:100%;margin:0 0 10px 0;padding:0 0 0 4px;}
#nav_footer ul li:first-child{border-left:1px solid #00ffff;}
footer small{margin:0;padding:0 4%;text-align:right;}
}


/* ----------------------- CSS Information 
 Style Info: FOOTER_FIXED
--------------------------------------- */
#footer_fixed{
display:none;
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:100;
background:#333333 url(../img/bg_02.png) repeat center;
box-shadow:0 0 4px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
}
.footer_fixed_wrapper{
position:relative;
width:100%;
max-width:750px;
height:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.footer_fixed_img{width:100%;max-width:750px;margin:0 auto;}
.btn_footer{
position:absolute;
top:15%;
right:2%;
width:33%;
margin:0 0 0 auto;
padding:0;
background:#ffffff;
border-radius:6px;
box-shadow:2px 2px 2px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
overflow:hidden;
}
.btn_footer img{width:100%;}
.btn_footer img:hover{opacity:0.5;}
@media only screen and (max-width:750px){
#footer_fixed{}
.footer_fixed_wrapper{}
.footer_fixed_img{}
.btn_footer{
top:12.5%;
left:50%;
width:48%;
margin:0 auto 0 0;
}
}