@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

/* ------------------------------
 UA stylesheet RESET
------------------------------ */
*,*:before,*:after{box-sizing:border-box;font-style:normal;font-optical-sizing:auto;}
html,body{margin:0;padding:0;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,div,pre,blockquote,fieldset{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal;}
p{margin:0;padding:0;font-size:100%;}
ol,ul,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
form,input,button,select,optgroup,textarea{margin:0;padding:0;}
table,caption,thead,tbody,tfoot,tr,td,th{margin:0;padding:0;border-collapse:collapse;border-spacing:0;border:0;text-align:left;}
hr{margin:0;padding:0;height:0;border:0;box-sizing:content-box;overflow:visible;}
img,svg,figure,abbr,fieldset{border:0;vertical-align:middle;}
object,embed{vertical-align:top;}

/* --------------------------
 BASIC
-------------------------- */
.pc{display:block;}
.sp{display:none;}
@media only screen and (max-width:750px){
.pc{display:none;}
.sp{display:block;}
.sp_no{display:none;}
}

/* --------------------------
 FONT/TEXT
-------------------------- */
/* a ----------*/
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:not([href]):not([class]),a:not([href]):not([class]):hover {color:inherit;text-decoration:none;}
/* text-align ----------*/
.t-left{text-align:left;}
.t-center{text-align:center;}
.t-right{text-align:right;}
/* text-decoration ----------*/
.t-ul{text-decoration:underline;}
.t-ol{text-decoration:overline;}
.t-lt{text-decoration:line-through;}
.t-bg{background:linear-gradient(transparent 90%, #fadb75 0%)}
/* font-color ----------*/
.f-black{color:#333333;}
.f-white{color:#ffffff;}
.f-red{color:#eb6877;}
.f-blue{color:#7ac1c1;}
.f-yellow{color:#fadb75;}
/* font-weight ----------*/
.f-w100{font-weight:100;}/*Thin*/
.f-w200{font-weight:200;}/*ExtraLight*/
.f-w300{font-weight:300;}/*Light*/
.f-w400{font-weight:400;}/*Regular*/
.f-w500{font-weight:500;}/*Medium*/
.f-w600{font-weight:600;}/*SemiBold*/
.f-w700,.bold{font-weight:700;}/*Bold*/
.f-w800{font-weight:800;}/*ExtraBold*/
.f-w900{font-weight:900;}/*Black*/
/* font-size ----------*/
.f-l{font-size:24px;}@media only screen and (max-width:750px){.f-l{font-size:16px;}}

/* --------------------------
 h
-------------------------- */
h1,h2,h3,h4,h5,h6{
position:relative;
display:block;
}

/* --------------------------
 HTML/BODY
-------------------------- */
html,body{  
position:relative;
width:100%;
color:#403658;
font-size:18px;
line-height:0;
text-align:center;
letter-spacing:0em;
word-break:break-all;
font-family:"Zen Maru Gothic",sans-serif;
background:#ffffff;
}

/* --------------------------
 FV
-------------------------- */
.fv{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.fv-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
background:#f9f2f2 url(../img/bg-03.png) repeat center top;
}
.fv-wrapper:after{
content:"";
position:relative;
display:block;
width:100%;
height:60px;
margin:0;
padding:0;
background-image:url(../img/hr-01-pink.png);
background-repeat:repeat-x;
background-position:center top;
background-size:auto 30px;
}
.fv-container{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.fv-title{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.fv-title-img{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.fv-img{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.fv{}
.fv-wrapper{}
.fv-wrapper:after{height:8vw;margin:0 auto;background-size:auto 4vw;}
.fv-container{}
.fv-title{}
.fv-title-img{}
.fv-img{}
}

/* --------------------------
 CTA
-------------------------- */
.cta{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.cta-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
background:#f9f2f2 url(../img/bg-03.png) repeat center top;
}
.cta-wrapper:before{
content:"";
position:relative;
display:block;
width:100%;
height:60px;
margin:0;
padding:0;
background-image:url(../img/hr-01-pink.png);
background-repeat:repeat-x;
background-position:center bottom;
background-size:auto 30px;
}
.cta-wrapper:after{
content:"";
position:relative;
display:block;
width:100%;
height:60px;
margin:60px auto 0 auto;
padding:0;
background-image:url(../img/hr-01-pink.png);
background-repeat:repeat-x;
background-position:center top;
background-size:auto 30px;
}
.cta-container{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.cta-title{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.cta-title-img{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.cta-info{
position:relative;
display:block;
margin:0 auto 60px auto;
padding:0;
}
.cta-info dt{
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
font-size:16px;
line-height:30px;
font-weight:700;
color:#403658;/* 設定可 */
}
.cta-info dd + dt{margin:40px auto 0 auto;}
.cta-info dt span{
position:relative;
display:block;
margin:0 10px;
padding:0;
width:10px;
height:10px;
border-radius:50%;
background:#9c84b3;/* 設定可 */
}
.cta-info dt span:before,.cta-info dt span:after{
content:"";
display:block;
width:10px;
height:10px;
margin:0;
padding:0;
border-radius:50%;
position:absolute;
}
.cta-info dt span:first-of-type:before{left:-20px;background:#7ac1c1;/* 設定可 */}
.cta-info dt span:first-of-type:after{left:-40px;background:#ee8f90;/* 設定可 */}
.cta-info dt span:last-of-type:before{right:-20px;background:#7ac1c1;/* 設定可 */}
.cta-info dt span:last-of-type:after{right:-40px;background:#ee8f90;/* 設定可 */}
.cta-info dd{
position:relative;
display:block;
margin:0;
padding:0;
font-size:16px;
line-height:30px;
}
.cta-payment-img{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
margin:0 0 10px 0;
}
.cta-payment-img img{
display:block;
margin:0 10px 0 0;
width:auto;
height:40px;
}
.cta-payment-img img:last-of-type{margin:0;}
@media only screen and (max-width:750px){
.cta{}
.cta-wrapper{}
.cta-wrapper:before{height:8vw;background-size:auto 4vw;}
.cta-wrapper:after{height:8vw;margin:8vw auto 0 auto;background-size:auto 4vw;}
.cta-container{}
.cta-title{}
.cta-title-img{}
.cta-info{margin:0 auto 8vw auto;}
.cta-info dt{font-size:14px;}
.cta-info dd + dt{margin:4vw auto 0 auto;}
.cta-info dt span{}
.cta-info dt span:before,.cta-info dt span:after{}
.cta-info dd{font-size:14px;line-height:24px;}
.cta-payment-img{}
.cta-payment-img img{height:30px;}
.cta-payment-img img:last-of-type{margin:0;}
}


/* --------------------------
 BTN
-------------------------- */
.btn{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.btn-wrapper{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.btn-box{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
.btn-box a{
display:block;
width:100%;
margin:0;
padding:0;
background:#ffffff;
border-radius:10px;
box-shadow:4px 4px 8px rgba(0,0,0,0.5);
}
.btn-box a:hover{
box-shadow:0 0 4px rgba(0,0,0,0.5);
}
.btn-img{
position:relative;
display:block;
width:100%;
max-width:690px;
margin:0 auto;
padding:0;
border-radius:10px;
}
.btn-img:hover{
opacity:0.5;
}


/* ------------------------------
 SECTION
------------------------------ */
.section{
position:relative;
display:block;
margin:0;
padding:0;
}
.section-wrapper{
position:relative;
display:block;
margin:0;
padding:120px 0;
}
.section-container{
position:relative;
display:block;
margin:0 auto;
padding:0;
width:100%;
max-width:750px;
}
.section-container + .section-container{
padding:120px 0 0 0;
}

/* section-title --------------------*/
.section-title{
position:relative;
display:block;
margin:0 auto 80px auto;
padding:0 4%;
}
.section-title-en{
position:relative;
display:block;
margin:0 auto 30px auto;
padding:0;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:38px;
line-height:30px;
letter-spacing:2px;
text-indent:2px;
color:#ee8f90;
}
.section-title-text{
position:relative;
display:block;
margin:0;
padding:0;
font-size:40px;
line-height:60px;
text-align:center;
font-weight:700;
letter-spacing:2px;
text-indent:2px;
}
.section-title-img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.section-title-img img{
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.section-title-bottom{
position:relative;
display:block;
margin:30px auto 0 auto;
padding:0;
width:10px;
height:10px;
border-radius:50%;
background:#7ac1c1;
}
.section-title-bottom:before,.section-title-bottom:after{
content:"";
display:block;
width:10px;
height:10px;
border-radius:50%;
position:absolute;
top:0;
}
.section-title-bottom:before{left:-20px;background:#ee8f90;}
.section-title-bottom:after{right:-20px;background:#9c84b3;}

/* section-box --------------------*/
.section-box{
position:relative;
display:block;
margin:0 auto;
padding:0 4%;
}
/* section-text --------------------*/
.section-text{
position:relative;
display:block;
margin:0;
padding:0;
font-size:20px;
line-height:40px;
font-weight:500;
text-align:justify;
}
.section-text p{margin:40px 0;padding:0;}
.section-text p:last-child{margin:0;padding:0;}
@media only screen and (max-width:750px){
.section{}
.section-wrapper{padding:12vw 0;}
.section-container{}
.section-container + .section-container{padding:12vw 0;}
/* section-title --------------------*/
.section-title{margin:0 auto 8vw auto;padding:0 4vw;}
.section-title-en{margin:0 auto 4vw auto;font-size:26px;line-height:20px;letter-spacing:1px;text-indent:1px;}
.section-title-text{font-size:20px;line-height:40px;letter-spacing:0;text-indent:0;}
.section-title-img{}
.section-title-img img{}
.section-title-bottom{margin:4vw auto 0 auto;}
.section-title-bottom:before,.section-title-bottom:after{}
.section-title-bottom:before{}
.section-title-bottom:after{}
/* section-box --------------------*/
.section-box{}
/* section-text --------------------*/
.section-text{font-size:14px;line-height:30px;}
.section-text p{margin:30px 0;padding:0;}
.section-text p:last-child{}
.section-text br{display:none;}
br.all{display:block !important;}
}


/* --------------------------
 INTRODUCTION
-------------------------- */
#intro .section-wrapper{}
#intro .section-text{
text-align:center;
letter-spacing:2px;
text-indent:2px;
}
.intro-img{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
#intro .section-text br{display:block;}
}

/* --------------------------
 CONCLUSION
-------------------------- */
#conclusion .section-wrapper{}
#conclusion .section-text{
text-align:center;
letter-spacing:2px;
text-indent:2px;
}
.conclusion-img{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
#conclusion .section-text br{display:block;}
}

/* --------------------------
 POINT
-------------------------- */
#point{}
#point .section-wrapper{
background:#fcfaf8 url(../img/bg-01.png) repeat center top;
}
.point-wrapper{
display:block;
width:100%;
margin:0 auto;
padding:0 4%;
box-sizing:border-box;
}
.point-box{
width:100%;
margin:40px auto;
padding:40px 30px;
background:#ffffff;
border-radius:20px;
box-sizing:border-box;
}
.point-box:nth-of-type(1){box-shadow:5px 5px 0px 0px #ee8f90;}
.point-box:nth-of-type(2){box-shadow:5px 5px 0px 0px #7ac1c1;}
.point-box:nth-of-type(3){box-shadow:5px 5px 0px 0px #9c84b3;}
.point-title{
position:relative;
display:block;
width:100%;
margin:0 auto 30px auto;
padding:0;
}
.point-img{
display:block;
width:100%;
max-width:630px;
margin:0 auto;
}
.point-img img{
display:block;
width:100%;
height:auto;
}
.point-title-num{
position:relative;
display:block;
width:60px;
height:60px;
margin:20px auto 20px auto;
padding:0;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:38px;
line-height:60px;
letter-spacing:2px;
text-indent:2px;
text-align:center;
color:#ffffff;
border-radius:50%;
}
.point-box:nth-of-type(1) .point-title-num{background:#ee8f90;}
.point-box:nth-of-type(2) .point-title-num{background:#7ac1c1;}
.point-box:nth-of-type(3) .point-title-num{background:#9c84b3;}
.point-title-text{
position:relative;
display:block;
margin:0;
font-size:30px;
line-height:40px;
text-align:center;
font-weight:700;
color:#403658;
}
.point-title-bottom{
position:relative;
display:block;
width:8%;
height:2px;
margin:30px auto 0 auto;
padding:0;
}
.point-box:nth-of-type(1) .point-title-bottom{background:#ee8f90;}
.point-box:nth-of-type(2) .point-title-bottom{background:#7ac1c1;}
.point-box:nth-of-type(3) .point-title-bottom{background:#9c84b3;}
.point-text{
display:block;
width:100%;
margin:0 auto;
padding:0;
font-size:20px;
line-height:40px;
font-weight:500;
text-align:justify;
box-sizing:border-box;
}
.point-text ul{
display:block;
margin:;
padding:0;
}
.point-text ul li{
position:relative;
display:block;
margin:0 0 10px 0;
padding:0 0 0 18px;
}
.point-text ul li:before{
content:"";
position:absolute;
top:15px;
left:0;
display:block;
width:12px;
height:12px;
border-radius:50%;
}
.point-box:nth-of-type(1) .point-text ul li:before{background:#ee8f90;}
.point-box:nth-of-type(2) .point-text ul li:before{background:#7ac1c1;}
.point-box:nth-of-type(3) .point-text ul li:before{background:#9c84b3;}
@media only screen and (max-width:750px){
#point{}
#point .section-wrapper{}
.point-wrapper{}
.point-box{margin:8vw auto;padding:8vw 4vw;border-radius:4vw;}
.point-title{margin:0 auto 4vw auto;}
.point-img{}
.point-img img{}
.point-title-num{width:40px;height:40px;margin:4vw auto 2vw auto;font-size:26px;line-height:40px;letter-spacing:1px;text-indent:1px;}
.point-box:nth-of-type(1) .point-title-num{background:#ee8f90;}
.point-box:nth-of-type(2) .point-title-num{background:#7ac1c1;}
.point-box:nth-of-type(3) .point-title-num{background:#9c84b3;}
.point-title-text{font-size:20px;line-height:40px;text-align:center;}
.point-title-bottom{margin:4vw auto 0 auto;}
.point-text{display:block;font-size:14px;line-height:30px;}
.point-text ul{}
.point-text ul li{padding:0 0 0 14px;}
.point-text ul li:before{top:11px;width:10px;height:10px;}
}

/* --------------------------
 SERVICE
-------------------------- */
#service{}
#service .section-wrapper{}
.service-wrapper{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
.service-box{
position:relative;
display:block;
margin:0 auto;
padding:0;
}
.service-box + .service-box{padding:120px 0 0 0;}
.service-text{
position:relative;
display:block;
width:100%;
margin-top:-20px;
padding:0;
z-index:100;
}
.service-title{
position:relative;
display:block;
margin:0 0 40px 0;
padding:0;
}
.service-title-num{ 
position:relative;
display:block;
width:60%;
margin:0 auto 30px auto;
padding:10px 4%;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:38px;
line-height:30px;
letter-spacing:2px;
text-indent:2px;
text-align:center;
border-radius:40px;
color:#ffffff;
background:#ee8f90;
}
.service-title-text{
position:relative;
display:block;
margin:0 auto;
padding:0 4%;
font-size:30px;
line-height:50px;
text-align:center;
font-weight:700;
color:#403658;
}
.service-title-text-small{
position:relative;
display:block;
margin:0 auto;
font-size:20px;
line-height:40px;
font-weight:700;
}
.service-title-bottom{
position:relative;
display:block;
width:8%;
height:2px;
margin:30px auto 0 auto;
padding:0;
background:#ee8f90;
}
.service-text p{
position:relative;
display:block;
width:100%;
margin:0;
padding:0 4%;
font-size:20px;
line-height:40px;
text-align:justify;
}
.service-text p:last-child{margin:0;}
.service-img{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.service-img:after{
content:"";
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
border:10px solid rgba(255,255,255,0.5);
box-sizing:border-box;
z-index:10;
}
.service-img img{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
#service{}
#service .section-wrapper{}
.service-wrapper{}
.service-box{}
.service-box + .service-box{padding:16vw 0 0 0;}
.service-text{width:100%;margin-top:-20px;}
.service-title{margin:0 0 4vw 0;}
.service-title-num{margin:0 auto 4vw auto;padding:10px 4%;font-size:26px;line-height:20px;letter-spacing:1px;text-indent:1px;text-align:center;border-radius:20px;}
.service-title-text{font-size:19px;line-height:30px;}
.service-title-text-small{font-size:14px;line-height:30px;}
.service-title-bottom{margin:4vw auto 0 auto;}
.service-text p{font-size:14px;line-height:30px;}
.service-text p:last-child{}
.service-img{}
.service-img:after{}
.service-img img{}
}

/* --------------------------
 FAQ
-------------------------- */
#faq{}
#faq .section-wrapper{
background:#fcfaf8 url(../img/bg-01.png) repeat center top;
}
.faq-wrapper{}
.faq-container{padding:0 4%;}
#faq input[type=checkbox]{display:none;}

/* FAQ-QUESTION ----- */
.faq-question{
position:relative;
display:block;
width:100%;
margin:0 auto;
padding:20px 40px 20px 60px;
font-size:18px;
line-height:40px;
text-align:justify;
color:#403658;
font-weight:500;
border-radius:10px;
cursor:pointer;
box-sizing:border-box;
background:#ffffff;
}
.faq-question:hover{background:#f7fbfa;}
.faq-question:before{
content:"Q";
position:absolute;
display:block;
top:25px;
left:20px;
width:30px;
height:30px;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:26px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#7ac1c1;
border-radius:2px;
}
.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:#7ac1c1;
}
#faq input[type=checkbox]:checked + .faq-question:after{content:"－";}
#faq input[type=checkbox]:checked + .faq-question{background:#ffffff;border-radius:10px 10px 0 0;}
#faq input[type=checkbox]:checked + .faq-question:hover{background:#f7fbfa;}

/* FAQ-ANSWER ----- */
.faq-answer{
position:relative;
margin:0 auto 30px auto;
padding:0 20px 0 60px;
width:100%;
height:0;
font-size:18px;
line-height:40px;
text-align:justify;
font-weight:500;
transition:1s;
box-sizing:border-box;
color:#403658;
background:#f9f2f2;
border-radius:0 0 10px 10px;
opacity:0;
}
.faq-answer:before{
content:"A";
position:absolute;
display:block;
top:25px;
left:20px;
width:30px;
height:30px;
font-family:"Amatic SC",sans-serif;
font-weight:700;
font-style:normal;
font-size:26px;
line-height:30px;
text-align:center;
color:#ffffff;
background:#ee8f90;
border-radius:2px;
}
.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 60px;
height:auto;
opacity:1;
}
@media only screen and (max-width:750px){
#faq{}
#faq .section-wrapper{}
#faq input[type=checkbox]{}
/* FAQ_QUESTION ----- */
.faq-question{padding:20px 26px 20px 40px;font-size:14px;line-height:24px;border-radius:6px;}
.faq-question:hover{}
.faq-question:before{top:25px;left:10px;width:20px;height:20px;font-size:18px;line-height:20px;border-radius:2px;}
.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:24px;border-radius:0 0 6px 6px;}
.faq-answer:before{top:25px;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:20px 10px 20px 40px;}
}


/* --------------------------
 FOOTER
-------------------------- */
footer{
position:relative;
display:block;
margin:0;
/* padding:40px 0 240px 0; */
padding:40px 0 180px 0;
color:#403658;
}
footer a{color:#403658;text-decoration:none;}
footer a:hover{color:#403658;text-decoration:underline;}
.footer-nav{
position:relative;
display:block;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.footer-nav ul{
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
align-items:flex-start;
width:100%;
margin:0;
padding:0 4%;
text-align:center;
}
.footer-nav ul li{
position:relative;
display:block;
margin:0;
padding:0 20px;
font-size:12px;
line-height:20px;
border-right:1px solid #ee8f90;
}
.footer-nav ul li:last-of-type{border-right:none;}
.footer-copyright{
position:relative;
display:block;
margin:20px 0 0 0;
padding:0 4%;
text-align:center;
font-size:12px;
line-height:20px;
}
@media only screen and (max-width:750px){
/* footer{padding:40px 0 160px 0;} */
footer{padding:40px 0 28vw 0;}
.footer-nav{}
.footer-nav ul{flex-direction:column;text-align:left;}
.footer-nav ul li{width:100%;margin:0 0 20px 0;padding:0 0 0 5px;border-left:1px solid #ee8f90;border-right:none;}
.footer-copyright{margin:0;text-align:right;}
}

/* --------------------------
 FOOTER_FIXED
-------------------------- */
#footer_fixed{
display:none;
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:1000;
background:#fddfa6;
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;
background:#fddfa6;
box-sizing:border-box;
}
.footer_fixed_img{width:100%;max-width:750px;margin:0 auto;}
.btn_footer{
position:absolute;
top:50%;
left:50%;
width:48%;
height:50px;
margin:0 0 0 auto;
padding:0;
box-sizing:border-box;
}
.btn_footer a{
position:relative;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
width:100%;
height:100%;
margin:0;
padding:0;
font-size:20px;
line-height:30px;
text-align:center;
font-weight:700;
color:#ffffff;
background:#22ac38;
border-radius:6px;
box-shadow:2px 2px 2px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
}
.btn_footer a:hover{
text-decoration:none;
color:#22ac38;
background:#ffffff;
box-shadow:0 0 2px 0px rgba(0,0,0,0.5);
}

@media only screen and (max-width:750px){
#footer_fixed{}
.footer_fixed_wrapper{}
.footer_fixed_img{}
.btn_footer{
position:absolute;
top:12.5%;
left:50%;
width:48%;
height:75%;
}
.btn_footer a{
font-size:16px;
line-height:20px;
}
}

/* --------------------------
 CDT
-------------------------- */
#TimeLeft{
display:block;
width:100%;
height:50px;
margin:0;
padding:9px 0 11px 0;
font-size:18px;
line-height:30px;
text-align:center;
font-weight:500;
letter-spacing:1px;
color:#ffffff;
background:#ee8f90;
box-sizing:border-box;
}
.cda{
font-size:24px;
line-height:30px;
color:#ffec47;
vertical-align:-2px;
font-family: "Hiragino Maru Gothic ProN W6', 'ヒラギノ丸ゴ ProN W6', sans-serif";
font-weight: bold;
}
@media only screen and (max-width:750px){
#TimeLeft{font-size:14px;height:40px;padding:4px 0 6px 0;}
.cda{font-size:18px;vertical-align:-1px;}
}