@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Gothic:wdth@75..100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Uchen&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%;font-weight:normal;}
ol,ul,li,dl,dt,dd{margin:0;padding:0;font-weight:normal;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;font-weight:normal;}
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;}

/* ------------------------------
 FONT
------------------------------ */
/* 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;}
/* font-family ----------*/
.noto-sans-jp{font-family:"Noto Sans JP",sans-serif;}
.noto-serif-jp{font-family:"Noto Serif JP",serif;}
/* font-color ----------*/
.f-black{color:#333333;}
.f-white{color:#ffffff;}
.f-red{color:#e26b5a;}
.f-blue{color:#66aba5;}
.f-yellow{color:#f1e93b;}
/* 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{font-weight:700;}/*Bold*/
.f-w800{font-weight:800;}/*ExtraBold*/
.f-w900{font-weight:900;}/*Black*/
/* 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:#f4eb0c}

/* ------------------------------
 SIZE
------------------------------ */
.max-w1250{max-width:1250px;}
.max-w1000{max-width:1000px;}
.max-w750{max-width:750px;}

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

/* --------------------------
 HTML/BODY
-------------------------- */
html,body{  
position:relative;
width:100%;
font-family:"Noto Serif JP",serif;
font-weight:500;
color:#213c85;
font-size:16px;
line-height:0;
text-align:center;
letter-spacing:1px;
text-indent:1px;
word-break:break-all;
}

/* --------------------------
 H
-------------------------- */
h1,h2,h3,h4,h5,h6{/* 基本設定 */
position:relative;
display:block;
font-family:"Noto Serif JP",serif;
}

/* --------------------------
 HEADER
-------------------------- */
.header-fixed{
position:fixed;
top:0;
left:0;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
z-index:100;
}
.header-fixed.fixed{
background:rgba(255,255,255,0.75);
box-shadow:0 0 4px 0px rgba(0,0,0,0.5);
}
.header-box{
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
height:90px;
margin:0;
padding:20px;
}
.header-logo{
width:320px;
}
.header-logo img{
display:block;
margin:0;
width:100%;
height:auto;
}
.header-menu{
display:block;
flex:1;
margin:0;
padding:0;
}
.header-nav{
display:flex;
justify-content:flex-end;
align-items:center;
margin:0;
padding:0;
box-sizing:border-box;
}
.header-nav ul{
display:flex;
justify-content:flex-end;
align-items:center;
flex:1;
margin:0;
padding:0 30px 0 0;
box-sizing:border-box;
}
.header-nav ul li{
display:flex;
justify-content:flex-end;
align-items:center;
margin:0;
padding:0 0 0 30px;
color:#213c85;
font-size:14px;
line-height:30px;
text-align:left;
}
.header-nav ul li a{color:#213c85;}
.header-nav ul li a:hover{text-decoration:underline;}
.header-btn{
width:250px;
height:50px;
background:#ffffff;
border-radius:8px;
box-shadow:0 3px 6px 0px rgba(0,0,0,0.1);
overflow:hidden;
}
.header-btn a{
display:flex;
justify-content:center;
align-items:center;
margin:0;
padding:10px 0;
width:100%;
height:100%;
font-family:"Noto Sans JP",sans-serif;
font-size:14px;
line-height:30px;
text-align:center;
letter-spacing:0;
text-indent:0;
color:#ffffff;
background:linear-gradient(to bottom,#22ac38,#097c25);
}
.header-btn a .material-symbols-outlined{
display:block;
margin:0 0 0 4px;
font-size:16px;
line-height:16px;
width:16px;
height:16px;
text-align:center;
color:#097c25;
background:#ffffff;
border-radius:50%;
font-variation-settings:
'FILL' 0,
'wght' 600,
'GRAD' 0,
'opsz' 24
}
.header-btn a:hover{opacity:0.5;}
@media only screen and (max-width:1250px){
.header-fixed{}
.header-fixed.fixed{}
.header-box{}
.header-logo{width:240px;}
.header-logo img{}
.header-nav{}
.header-nav ul{padding:0 15px 0 0;}
.header-nav ul li{padding:0 0 0 15px;font-size:12px;line-height:20px;}
.header-nav ul li a{}
.header-nav ul li a:hover{}
.header-btn{width:210px;height:40px;}
.header-btn a{font-size:12px;line-height:20px;}
.header-btn a .material-symbols-outlined{margin:0 0 0 2px;font-size:12px;line-height:12px;width:12px;height:12px;}
}
@media only screen and (max-width:1000px){
.header-logo{width:160px;}
}
@media only screen and (max-width:750px){
.header-fixed{}
.header-fixed.fixed{}
.header-box{height:70px;}
.header-logo{width:240px;}
.header-logo img{}
.header-menu-icon{
position:relative;
display:block;
margin:0 0 0 auto;
padding:0;
width:30px;
height:30px;
cursor:pointer;
transform:translateX(0);
transition:0.5s;
z-index:300;
}
.header-menu-icon.active{transform:translateX(-300px);}
.header-menu-icon span{
position:absolute;
display:block;
width:24px;
height:2px;
}
.header-menu-icon span:before,.header-menu-icon span:after{
content:"";
position:absolute;
display:block;
width:24px;
height:2px;
background:#213c85;
}
.header-menu-icon span{top:14px;left:3px;}
.header-menu-icon span:before{top:5px;left:0;}
.header-menu-icon span:after{bottom:5px;left:0;}
.header-menu-icon.active span{background:transparent;}
.header-menu-icon.active span:before{top:0;transform:rotate(-45deg);}
.header-menu-icon.active span:after{bottom:0;transform:rotate(45deg);}
.header-nav{
display:block;
position:fixed;
top:0;
right:0;
margin:0;
padding:30px;
width:300px;
height:100%;
background:rgba(33,60,133,0.9);
z-index:200;
transform:translateX(100%);
transition:all .5s;
}
.header-nav.open{
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
transform:translateX(0);
}
.header-nav ul{
display:block;
width:100%;
margin:0 0 40px 0;
padding:0;
}
.header-nav ul li{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
color:#ffffff;
font-size:14px;
line-height:30px;
border-bottom:1px solid #eeeeee;
}
.header-nav ul li a{
display:block;
width:100%;
margin:0;
padding:20px 0;
color:#ffffff;
}
.header-nav ul li a:after{
content:"";
position:absolute;
right:10px;
top:28px;
display:block;
width:14px;
height:14px;
clip-path:polygon(0 0,2px 0,100% 50%,2px 100%,0 100%,calc(100% - 2px) 50%);
background:#ffffff;
}
.header-nav ul li a:hover{color:#f4eb0c;text-decoration:none;}
.header-nav ul li a:hover:after{right:0;transition:all .5s;}
.header-btn a{}
.header-btn a .material-symbols-outlined{}
.header-btn a:hover{}
.header-btn{width:100%;height:50px;}
.header-btn a{font-size:14px;line-height:30px;}
.header-btn a .material-symbols-outlined{
margin:0 0 0 4px;
font-size:16px;
line-height:16px;
width:16px;
height:16px;
}
.overlay{
display:block;
width:0;
height:0;
position:fixed;
top:0;
left:0;
}
.overlay.open{
width:100%;
height:100%;
background:rgba(255,255,255,0.75);
cursor:pointer;
}
}

/* --------------------------
 FV
-------------------------- */
.fv{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
box-sizing:border-box;
}
.fv-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:90px 0 0 0;
box-sizing:border-box;
background:#d4e9f2 url(../img/fv-bg-pc.png) no-repeat center top;
background-size:cover;
}
.fv-container{
position:relative;
display:block;
width:100%;
max-width:1500px;
margin:0 auto;
padding:0;
box-sizing:border-box;
background:url(../img/fv-img-pc.png) no-repeat center top;
background-size:auto 100%;
}
.fv-box{}
.fv-h1{
display:block;
width:100%;
max-width:1250px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.fv-h1 img{
width:100%;
max-width:1250px;
height:auto;
margin:0 auto;
padding:0;
}
@media only screen and (max-width:750px){
.fv{}
.fv-wrapper{
padding:70px 0 0 0;
background:#d4e9f2 url(../img/fv-bg-sp.png) no-repeat center top;
background-size:cover;
}
.fv-container{background:none;}
.fv-box{}
.fv-h1{}
.fv-h1 img{}
}

/* ------------------------------
 SECTION
------------------------------ */
.section{
position:relative;
display:block;
margin:0;
padding:0;
}
/* section-wrapper --------------------*/
.section-wrapper{
position:relative;
display:block;
margin:0;
padding:120px 0;
}
/* section-container --------------------*/
.section-container{
position:relative;
display:block;
margin:0 auto;
padding:0;
max-width:1000px;
}
/* section-title --------------------*/
.section-title{
position:relative;
display:block;
margin:0 auto 60px auto;
padding:0;
}
.section-title-en{
position:relative;
display:block;
margin:0 auto 30px auto;
padding:0;
font-family:"League Gothic",sans-serif;
font-size:38px;
line-height:30px;
font-weight:100;
text-align:center;
color:#036ebd;
}
.section-title-slash{
position:relative;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto 15px auto;
padding:0;
font-family:"Noto Serif JP",serif;
font-size:24px;
line-height:30px;
font-weight:700;
color:#213476;
}
.section-title-slash:before,.section-title-slash:after{
content:"";
position:relative;
display:block;
width:2px;
height:30px;
border-radius:1px;
}
.section-title-slash:before{
margin:0 15px 0 0;
rotate:-30deg;
background:#036ebd;
}
.section-title-slash:after{
margin:0 0 0 15px;
rotate:30deg;
background:#036ebd;
}
.section-title-text{
position:relative;
display:block;
margin:0;
padding:0;
font-family:"Noto Serif JP",serif;
font-size:40px;
line-height:60px;
text-align:center;
font-weight:500;
color:#213c85;
}
.section-title-bottom{
position:relative;
display:block;
margin:30px auto 0 auto;
padding:0;
width:40px;
height:20px;
clip-path:polygon(0 0,100% 0,50% 100%);
background:#f1e93b;
}
/* 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:18px;
line-height:40px;
text-align:justify;
}
.section-text p{margin:0 0 30px 0;padding:0;}
.section-text p:last-child{margin:0;padding:0;}
@media only screen and (max-width:1000px){
.section{}
.section-wrapper{padding:12vw 0;}
.section-container{}
.section-title{margin:0 auto 6vw auto;}
.section-title-en{margin:0 auto 3vw auto;font-size:3.8vw;line-height:3vw;}
.section-title-slash{margin:0 auto 1.5vw auto;font-size:2.4vw;line-height:3vw;}
.section-title-slash:before,.section-title-slash:after{width:0.2vw;height:3vw;}
.section-title-slash:before{margin:0 1.5vw 0 0;}
.section-title-slash:after{margin:0 0 0 1.5vw;}
.section-title-text{font-size:4vw;line-height:6vw;}
.section-title-bottom{margin:3vw auto 0 auto;width:4vw;height:2vw;}
.section-box{padding:0 4vw;}
.section-text{font-size:1.8vw;line-height:4vw;}
.section-text p{margin:0 0 3vw 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-title --------------------*/
.section-title{margin:0 auto 4vw auto;}
.section-title-en{margin:0 auto 4vw auto;font-size:24px;line-height:20px;}
.section-title-slash{margin:0 auto 2vw auto;font-size:16px;line-height:20px;}
.section-title-slash:before,.section-title-slash:after{height:30px;}
.section-title-slash:before{margin:0 2vw 0 0;}
.section-title-slash:after{margin:0 0 0 2vw;}
.section-title-text{font-size:20px;line-height:40px;}
.section-title-bottom{margin:4vw auto 0 auto;width:4vw;height:2vw;}
.section-box{padding:0 4vw;}
.section-text{font-size:14px;line-height:30px;}
.section-text p{margin:0 0 30px 0;padding:0;}
.section-text p:last-child{margin:0;padding:0;}
}

/* --------------------------
 PROBLEM
-------------------------- */
#problem{}
#problem:after{
content:"";
position:absolute;
bottom:0;
left:0;
display:block;
width:100%;
height:40px;
clip-path:polygon(0 0,calc(50% - 40px) 0,50% 40px,calc(50% + 40px) 0,100% 0,100% 100%,0 100%);
background:#ffffff;
}
#problem .section-wrapper{
padding:120px 0 160px 0;
background:#374f91 url(../img/problem-bg-pc.png) no-repeat center;
background-size:cover;
}
#problem .section-container{}
#problem .section-title{}
#problem .section-title-en{color:#2faed8;}
#problem .section-title-text{color:#ffffff;}
#problem .section-title-bottom{}
.problem-wrapper{}
.problem-container{
position:relative;
display:block;
margin:0 auto;
padding:0 4%;
}
.problem-box{
position:relative;
width:100%;
margin:0;
padding:80px;
background:rgba(0,0,0,0.5);
}
.problem-text{
display:block;
width:100%;
margin:0;
padding:0;
}
.problem-text ul{
display:block;
width:100%;
margin:0;
padding:0;
border-top:dashed 1px rgba(255,255,255,0.5);
}
.problem-text ul li{
position:relative;
display:block;
width:100%;
margin:0;
padding:20px 0 20px 40px;
text-align:left;
font-size:24px;
line-height:50px;
color:#ffffff;
border-bottom:dashed 1px rgba(255,255,255,0.5);
}
.problem-text ul li:before{
content:"";
position:absolute;
top:30px;
left:0;
display:block;
width:30px;
height:30px;
background:#ffffff;
}
.problem-text ul li:after{
content:"";
position:absolute;
top:36px;
left:3px;
display:block;
width:24px;
height:12px;
border-left:4px solid #ce0808;
border-bottom:4px solid #ce0808;
transform:rotate(-45deg);
}
.problem-text ul li span{
display:inline-block;
margin:0 5px;
padding:0 10px;
font-weight:700;
color:#213c85;
background:#f4eb0c;
}
@media only screen and (max-width:1000px){
#problem{}
#problem:after{
height:4vw;
clip-path:polygon(0 0,calc(50% - 4vw) 0,50% 4vw,calc(50% + 4vw) 0,100% 0,100% 100%,0 100%);
}
#problem .section-wrapper{padding:12vw 0 15vw 0;}
#problem .section-container{}
#problem .section-title{}
#problem .section-title-en{}
#problem .section-title-text{}
#problem .section-title-bottom{}
.problem-wrapper{}
.problem-container{padding:0 4vw;}
.problem-box{padding:8vw;}
.problem-text{}
.problem-text ul{}
.problem-text ul li{
padding:2vw 0 2vw 4vw;
font-size:2.4vw;
line-height:5vw;
}
.problem-text ul li:before{top:3vw;width:3vw;height:3vw;}
.problem-text ul li:after{
top:3.6vw;
left:0.3vw;
width:2.4vw;
height:1.2vw;
border-left:0.4vw solid #ce0808;
border-bottom:0.4vw solid #ce0808;
}
.problem-text ul li span{margin:0 0.5vw;padding:0 1vw;}
}
@media only screen and (max-width:750px){
#problem{}
#problem:after{height:4vw;clip-path:polygon(0 0,calc(50% - 4vw) 0,50% 4vw,calc(50% + 4vw) 0,100% 0,100% 100%,0 100%);}
#problem .section-wrapper{padding:12vw 0 16vw 0;background:#374f91 url(../img/problem-bg-sp.png) no-repeat center;background-size:cover;}
#problem .section-container{}
#problem .section-title{}
#problem .section-title-en{}
#problem .section-title-text{}
#problem .section-title-bottom{}
.problem-wrapper{}
.problem-container{padding:0 4vw;}
.problem-box{padding:6vw;}
.problem-text{}
.problem-text ul{}
.problem-text ul li{padding:20px 0 20px 20px;font-size:14px;line-height:30px;}
.problem-text ul li:before{top:28px;width:16px;height:16px;}
.problem-text ul li:after{top:30px;left:1px;width:14px;height:8px;border-left:3px solid #ce0808;border-bottom:3px solid #ce0808;}
.problem-text ul li span{margin:0 2px 0 0;padding:0 5px;}
}

/* --------------------------
 MERIT
-------------------------- */
#merit{}
#merit .section-wrapper{background:#ffffff;}
#merit .section-container{}
#merit .section-title{}
#merit .section-title-en{}
#merit .section-title-slash{}
#merit .section-title-text{font-family:"Noto Serif JP",serif;}
#merit .section-title-bottom{}
.merit-wrapper{
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.merit-container{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:1250px;
margin:0 auto 80px auto;
padding:0;
box-sizing:border-box;
}
.merit-container:last-of-type{margin:0 auto 0 auto;}
.merit-container:nth-of-type(odd){flex-direction:row;}
.merit-container:nth-of-type(even){flex-direction:row-reverse;}
.merit-img{
position:relative;
display:block;
width:50%;
margin:0;
padding:0;
}
.merit-img img{
width:100%;
}
.merit-box{
position:relative;
display:block;
width:50%;
margin:0 auto 0 auto;
padding:0 40px;
}
.merit-text{
display:block;
margin:0 auto;
padding:0;
}
.merit-title{
position:relative;
width:100%;
margin:0 auto 20px auto;
padding:0;
}
.merit-title-num{
display:block;
margin:0 0 10px -1px;
font-family:"League Gothic",serif;
font-size:28px;
line-height:20px;
font-weight:100;
text-align:left;
color:#036ebd;
}
.merit-title-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:700;
color:#213c85;
}
.merit-title-bottom{
display:block;
margin:20px auto 0 0;
width:40px;
height:2px;
background:#f4eb0c;
}
.merit-text p{
display:block;
width:100%;
margin:0 0 30px 0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
color:#213c85;
}
.merit-text p:last-of-type{margin:0;}
@media only screen and (max-width:1000px){
#merit{}
#merit .section-wrapper{}
#merit .section-container{}
#merit .section-title{}
#merit .section-title-en{}
#merit .section-title-slash{}
#merit .section-title-text{}
#merit .section-title-bottom{}
.merit-wrapper{}
.merit-container{margin:0 auto 8vw auto;}
.merit-container:last-of-type{}
.merit-container:nth-of-type(odd){}
.merit-container:nth-of-type(even){}
.merit-img{}
.merit-img img{}
.merit-box{padding:0 4vw;}
.merit-text{}
.merit-title{margin:0 auto 2vw auto;}
.merit-title-num{margin:0 0 1vw 0;font-size:2.8vw;line-height:2vw;}
.merit-title-text{font-size:2.4vw;line-height:4vw;}
.merit-title-bottom{margin:2vw auto 0 0;width:4vw;height:1px;}
.merit-text p{font-size:1.8vw;line-height:4vw;}
.merit-text p:last-of-type{margin:0;}
}
@media only screen and (max-width:750px){
#merit{}
#merit .section-wrapper{}
#merit .section-container{}
#merit .section-title{}
#merit .section-title-en{}
#merit .section-title-slash{}
#merit .section-title-text{}
#merit .section-title-bottom{}
.merit-wrapper{}
.merit-container{display:block;margin:0 auto 12vw auto;}
.merit-container:last-of-type{}
.merit-container:nth-of-type(odd){}
.merit-container:nth-of-type(even){}
.merit-img{width:100%;margin:0 auto 8vw auto;}
.merit-img img{width:92%;}
.merit-container:nth-of-type(odd) .merit-img img{margin:0 auto 0 0;}
.merit-container:nth-of-type(even) .merit-img img{margin:0 0 0 auto;}
.merit-box{width:100%;padding:0 4vw;}
.merit-text{}
.merit-title{margin:0 auto 6vw auto;}
.merit-title-num{margin:0 0 10px 0;font-size:24px;line-height:20px;}
.merit-container:nth-of-type(odd) .merit-title-num{text-align:left;}
.merit-container:nth-of-type(even) .merit-title-num{text-align:right;}
.merit-title-text{font-size:18px;line-height:40px;}
.merit-container:nth-of-type(odd) .merit-title-text{text-align:left;}
.merit-container:nth-of-type(even) .merit-title-text{text-align:right;}
.merit-title-bottom{width:30px;height:1px;}
.merit-container:nth-of-type(odd) .merit-title-bottom{margin:6vw auto 0 0;}
.merit-container:nth-of-type(even) .merit-title-bottom{margin:6vw 0 0 auto;}
.merit-text p{font-size:14px;line-height:30px;}
.merit-text p:last-of-type{margin:0;}
}

/* --------------------------
 REASON
-------------------------- */
#reason{}
#reason .section-wrapper{background:#f6f6f6 url(../img/reason-bg-pc.png) no-repeat center;background-size:cover;}
#reason .section-container{}
#reason .section-title{}
#reason .section-title-text{}
#reason .section-title-bottom{}
#reason .section-text{
text-align:center;
font-size:20px;
}
#reason .section-text span{
display:inline-block;
margin:0 5px;
padding:0 10px;
font-weight:700;
color:#213c85;
background:#f4eb0c;
}
.reason-wrapper{margin:60px auto 0 auto;}
.reason-container{
position:relative;
display:block;
width:92%;
margin:0 auto;
padding:0;
}
.reason-box{}
.reason-title{
position:relative;
display:flex;
justify-content:flex-start;
align-items:center;
width:100%;
margin:0 auto 20px auto;
padding:0;
font-family:"Noto Serif JP",serif;
font-size:20px;
line-height:40px;
text-align:left;
font-weight:700;
color:#213c85;
}
.reason-title:after{
content:"";
flex:1;
height:0;
margin:0 0 0 10px;
padding:0;
border-top:dashed 1px #036ebd;
}
.reason-text{
color:#213c85;
font-size:16px;
line-height:30px;
text-align:justify;
}
.reason-text dt{
font-weight:700;
}
.reason-text dd{
position:relative;
margin:30px 0 0 0;
padding:0 0 0 8px;
border-left:2px solid #036ebd;
}
@media only screen and (max-width:1000px){
#reason{}
#reason .section-wrapper{}
#reason .section-container{}
#reason .section-title{}
#reason .section-title-text{}
#reason .section-title-bottom{}
#reason .section-text{font-size:2vw;}
#reason .section-text span{margin:0 0.5vw;padding:0 1vw;}
.reason-wrapper{margin:6vw auto 0 auto;}
.reason-container{}
.reason-box{}
.reason-title{margin:0 auto 2vw auto;font-size:2vw;line-height:4vw;}
.reason-title:after{margin:0 0 0 1vw;}
.reason-text{font-size:1.6vw;line-height:3vw;}
.reason-text dt{}
.reason-text dd{margin:3vw 0 0 0;}
}
@media only screen and (max-width:750px){
#reason{}
#reason .section-wrapper{background:#f6f6f6 url(../img/reason-bg-sp.png) no-repeat center;background-size:cover;}
#reason .section-container{}
#reason .section-title{}
#reason .section-title-text{}
#reason .section-title-bottom{}
#reason .section-text{font-size:14px;line-height:30px;}
#reason .section-text span{display:inline;margin:0;padding:0 5px;}
.reason-wrapper{margin:12vw auto 0 auto;}
.reason-container{}
.reason-box{}
.reason-title{margin:0 auto 4vw auto;font-size:14px;line-height:30px;}
.reason-title:after{}
.reason-text{font-size:14px;line-height:30px;}
.reason-text dt{}
.reason-text dd{margin:6vw 0 0 0;}
}

/* --------------------------
 POINT
-------------------------- */
#point{}
#point .section-wrapper{background:#213c85 url(../img/bg-blue.png) repeat center top;}
#point .section-container{}
#point .section-title{}
#point .section-title-en{color:#2faed8;}
#point .section-title-slash{color:#f4eb0c;}
#point .section-title-text{color:#ffffff;font-family:"Noto Serif JP",serif;}
#point .section-title-bottom{}
.point-wrapper{
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.point-container{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:1250px;
margin:0 auto 80px auto;
padding:0;
box-sizing:border-box;
}
.point-container:last-of-type{margin:0 auto 0 auto;}
.point-container:nth-of-type(odd){flex-direction:row;}
.point-container:nth-of-type(even){flex-direction:row-reverse;}
.point-img{
position:relative;
display:block;
width:50%;
margin:0;
padding:0;
}
.point-img img{
width:100%;
}
.point-box{
position:relative;
display:block;
width:50%;
margin:0 auto 0 auto;
padding:0 40px;
}
.point-text{
display:block;
margin:0 auto;
padding:0;
}
.point-title{
position:relative;
width:100%;
margin:0 auto 20px auto;
padding:0;
}
.point-title-num{
display:block;
margin:0 0 10px -1px;
font-family:"League Gothic",serif;
font-size:28px;
line-height:20px;
font-weight:100;
text-align:left;
color:#2faed8;
}
.point-title-text{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
font-size:24px;
line-height:40px;
text-align:left;
font-weight:700;
color:#ffffff;
}
.point-title-bottom{
display:block;
margin:20px auto 0 0;
width:40px;
height:2px;
background:#f4eb0c;
}
.point-text p{
display:block;
width:100%;
margin:0 0 30px 0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
color:#ffffff;
}
.point-text p:last-of-type{margin:0;}
@media only screen and (max-width:1000px){
#point{}
#point .section-wrapper{}
#point .section-container{}
#point .section-title{}
#point .section-title-en{}
#point .section-title-slash{}
#point .section-title-text{}
#point .section-title-bottom{}
.point-wrapper{}
.point-container{margin:0 auto 8vw auto;}
.point-container:last-of-type{}
.point-container:nth-of-type(odd){}
.point-container:nth-of-type(even){}
.point-img{}
.point-img img{}
.point-box{padding:0 4vw;}
.point-text{}
.point-title{margin:0 auto 2vw auto;}
.point-title-num{margin:0 0 1vw 0;font-size:2.8vw;line-height:2vw;}
.point-title-text{font-size:2.4vw;line-height:4vw;}
.point-title-bottom{margin:2vw auto 0 0;width:4vw;height:1px;}
.point-text p{font-size:1.8vw;line-height:4vw;}
.point-text p:last-of-type{margin:0;}
}
@media only screen and (max-width:750px){
#point{}
#point .section-wrapper{}
#point .section-container{}
#point .section-title{}
#point .section-title-en{}
#point .section-title-slash{}
#point .section-title-text{}
#point .section-title-bottom{}
.point-wrapper{}
.point-container{display:block;margin:0 auto 12vw auto;}
.point-container:last-of-type{}
.point-container:nth-of-type(odd){}
.point-container:nth-of-type(even){}
.point-img{width:100%;margin:0 auto 8vw auto;}
.point-img img{width:92%;}
.point-container:nth-of-type(odd) .point-img img{margin:0 auto 0 0;}
.point-container:nth-of-type(even) .point-img img{margin:0 0 0 auto;}
.point-box{width:100%;padding:0 4vw;}
.point-text{}
.point-title{margin:0 auto 6vw auto;}
.point-title-num{margin:0 0 10px 0;font-size:24px;line-height:20px;}
.point-container:nth-of-type(odd) .point-title-num{text-align:left;}
.point-container:nth-of-type(even) .point-title-num{text-align:right;}
.point-title-text{font-size:18px;line-height:40px;}
.point-container:nth-of-type(odd) .point-title-text{text-align:left;}
.point-container:nth-of-type(even) .point-title-text{text-align:right;}
.point-title-bottom{width:30px;height:1px;}
.point-container:nth-of-type(odd) .point-title-bottom{margin:6vw auto 0 0;}
.point-container:nth-of-type(even) .point-title-bottom{margin:6vw 0 0 auto;}
.point-text p{font-size:14px;line-height:30px;}
.point-text p:last-of-type{margin:0;}
}

/* --------------------------
 CASE
-------------------------- */
#case{}
#case .section-wrapper{background:#f9f9f9;}
#case .section-container{max-width:100%;overflow:hidden;}
/* slick ----------*/
.slider-wrapper{
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.slider-full-screen{}
.slick-track{display:flex;}
.slick-slide{
height:auto !important;
margin:0;
}
.slider-full-screen .slick-list{overflow:visible;}
/* arrow ----------*/
.slick-arrow{
display:block;
position:absolute;
top:0;
bottom:0;
margin:auto;
padding:0;
width:20px;
height:40px;
color:transparent;
transition:opacity 0.5s;
z-index:1;
}
.slick-arrow:hover{opacity:0.2;}
.slick-next:before,.slick-next:after,.slick-prev:before,.slick-prev:after{
content:"";
position:absolute;
top:0;
bottom:0;
margin:auto;
vertical-align:middle;
}
.slick-next:after,.slick-prev:after{
width:20px;
height:20px;
border-top:1px solid #000000;
border-right:1px solid #000000;
}
.slick-next{right:10px;}
.slick-next:after{right:0;transform:rotate(45deg);}
.slick-prev{left:10px;}
.slick-prev:after{left:0;transform:rotate(-135deg);}
/* box ----------*/
.case-box{
margin:0 40px;
padding:0;
background:#ffffff;
}
.case-img{
position:relative;
display:block;
margin:0;
padding:0;
}
.case-img img{
display:block;
width:240px;
margin:0 auto;
}
.case-site{
position:relative;
display:flex;
margin:0;
padding:0;
text-align:left;
border-bottom:1px solid #213476;
box-sizing:border-box;
}
.case-site dt{
margin:0;
padding:10px;
font-size:16px;
line-height:20px;
color:#ffffff;
background:#213476;
}
.case-site dd{
flex:1;
margin:0;
padding:10px;
font-size:16px;
line-height:20px;
color:#213476;
}
.case-text{
position:relative;
display:block;
height:auto;
margin:0;
padding:30px;
text-align:left;
box-sizing:border-box;
background:#ffffff;
}
.case-company{
position:relative;
display:block;
margin:0;
padding:0;
font-size:16px;
line-height:30px;
font-weight:700;
color:#000000;
}
.case-title{
position:relative;
display:block;
width:100%;
margin:0;
padding:0 0 30px 0;
font-family:"Noto Serif JP",serif;
font-size:20px;
line-height:30px;
text-align:left;
font-weight:700;
color:#213476;
box-sizing:border-box;
}
.case-text p{
margin:0;
padding:0;
font-size:16px;
line-height:30px;
text-align:justify;
color:#666666;
}
@media only screen and (max-width:750px){
#case{}
#case .section-wrapper{}
#case .section-container{}
/* slick ----------*/
.slider-wrapper{}
.slider-full-screen{}
.slick-track{}
.slick-slide{}
.slider-full-screen .slick-list{}
/* arrow ----------*/
.slick-arrow{}
.slick-arrow:hover{}
.slick-next:before,.slick-next:after,.slick-prev:before,.slick-prev:after{}
.slick-next:after,.slick-prev:after{}
.slick-next{right:5px;}
.slick-next:after{right:0;transform:rotate(45deg);}
.slick-prev{left:5px;}
.slick-prev:after{left:0;transform:rotate(-135deg);}
/* box ----------*/
.case-box{margin:0 20px;}
.case-img{}
.case-img img{width:150px;}
.case-site{}
.case-site dt{padding:5px;font-size:12px;line-height:20px;}
.case-site dd{padding:5px;font-size:12px;line-height:20px;}
.case-text{padding:6vw 4vw;}
.case-company{font-size:14px;line-height:30px;}
.case-title{padding:0 0 6vw 0;font-size:15px;line-height:30px;}
.case-text p{font-size:14px;line-height:24px;}
}

/* --------------------------
 FAQ
-------------------------- */
#faq{}
#faq .section-wrapper{background:#ffffff;}
#faq .section-container{}
.faq-wrapper{}
.faq-container{
position:relative;
display:block;
margin:0 auto 0 auto;
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:16px;
line-height:30px;
text-align:justify;
color:#333333;
border-radius:10px;
cursor:pointer;
box-sizing:border-box;
background:#f7f7f7;
}
.faq_question:hover{background:#f7fbfa;}
.faq_question:before{
content:"Q";
position:absolute;
display:block;
top:20px;
left:20px;
padding:2px 0 0 0;
width:30px;
height:30px;
font-family:"Uchen",serif;
font-style:normal;
font-weight:400;
font-size:20px;
line-height:28px;
text-align:center;
color:#ffffff;
background:#213c85;
}
.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:#213c85;
}
#faq input[type=checkbox]:checked + .faq_question:after{content:"－";}
#faq input[type=checkbox]:checked + .faq_question{background:#f7f7f7;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:16px;
line-height:30px;
text-align:justify;
transition:1s;
box-sizing:border-box;
color:#333333;
background:#fef7f7;
border-radius:0 0 10px 10px;
opacity:0;
}
.faq_answer:before{
content:"A";
position:absolute;
display:block;
top:20px;
left:20px;
width:30px;
height:30px;
padding:2px 0 0 0;
font-family:"Uchen",serif;
font-style:normal;
font-weight:400;
font-size:20px;
line-height:28px;
text-align:center;
color:#ffffff;
background:#ce0808;
}
.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 20px 20px 40px;font-size:14px;line-height:24px;border-radius:6px;}
.faq_question:hover{}
.faq_question:before{top:20px;left:10px;width:20px;height:20px;font-size:14px;line-height:20px;}
.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 20px 0 40px;font-size:14px;line-height:24px;border-radius:0 0 6px 6px;}
.faq_answer:before{top:20px;left:10px;width:20px;height:20px;font-size:14px;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 20px 20px 40px;}
}

/* --------------------------
 CONTACT
-------------------------- */
#contact{}
#contact .section-wrapper{background:#f7f7f7;}
#contact .section-container{}
#contact .section-title{}
#contact .section-title-text{}
#contact .section-title-bottom{}
.contact-wrapper{}
.contact-container{padding:0 4%;}

/* --------------------------
 FORM
-------------------------- */
.l-contact__form{color:#333333;}
.l-contact__row{display:flex;justify-content:flex-start;align-items:center;margin:0 0 20px 0;}
.p-contact__label{
width:240px;
margin:0 30px 0 0;
font-weight:700;
font-size:16px;
line-height:30px;
text-align:left;
}
.p-contact__label.required{position:relative;}
.p-contact__label.required:before{
content:"必須";
position:absolute;
right:0;
top:5px;
padding:0 8px;
font-size:12px;
line-height:20px;
font-weight:500;
color:#ffffff;
background:#ce0808;
}
.p-contact__label.optional{position:relative;}
.p-contact__label.optional:before{
content:"任意";
position:absolute;
right:0;
top:5px;
padding:0 8px;
font-size:12px;
line-height:20px;
font-weight:500;
color:#515151;
background:#E5E0D6;  
}
#contact .p-contact__input{
flex:1;
}
/* select ----- */
#contact .p-contact__input .p-contact__radio{
width:100%;
margin:0;
padding:0;
text-align:left;
font-size:14px;
line-height:30px;
}
#contact .p-contact__input .p-contact__radio .wpcf7-form-control{
display:flex !important;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
}
#contact .p-contact__input [type=radio] {
position:relative;
-moz-appearance:none;
appearance:none;
-webkit-appearance: none; /* Safari用 */
width:20px;
height:20px;
border:1px solid #515151; /* 外枠をオレンジに */
border-radius: 50%; /* 丸い形に */
background-color: white; /* 背景を白に */
cursor:pointer; 
}
#contact .p-contact__input [type=radio]:checked:before{
content:"";
position:absolute;
top:4px;
left:4px;
width:10px;
height:10px;
background-color:#ce0808;
border-radius:50%;
}
#contact .p-contact__input .p-contact__radio label{
display:inline-flex;
align-items:center;
font-size:16px;
font-weight:700;
}
#contact .p-contact__input .p-contact__radio .wpcf7-list-item.last label{
margin-left:10px;
}
/* text ----- */
#contact .p-contact__input [type=text]{
width:100%;
height:50px;
font-size:14px;
line-height:30px;
border:none;
border:1px solid #d7d7d7;
padding:20px;
}
#contact .p-contact__input [type=text]::-moz-placeholder{color:#d7d7d7;}
#contact .p-contact__input [type=text]::placeholder{color:#d7d7d7;}
/* url ----- */
#contact .p-contact__input [type=url]{
width:100%;
height:50px;
font-size:14px;
line-height:30px;
border:none;
border:1px solid #d7d7d7;
padding:20px;
}
#contact .p-contact__input [type=url]::-moz-placeholder{color:#d7d7d7;}
#contact .p-contact__input [type=url]::placeholder{color:#d7d7d7;}
/* email ----- */
#contact .p-contact__input [type=email]{
width:100%;
height:50px;
font-size:14px;
line-height:30px;
border:none;
border:1px solid #d7d7d7;
padding:20px;
}
#contact .p-contact__input [type=email]::-moz-placeholder{color:#d7d7d7;}
#contact .p-contact__input [type=email]::placeholder{color:#d7d7d7;}
/* tel ----- */
#contact .p-contact__input [type=tel]{
width:100%;
height:50px;
font-size:14px;
line-height:30px;
border:none;
border:1px solid #d7d7d7;
padding:20px;
}
#contact .p-contact__input [type=tel]::-moz-placeholder{color:#d7d7d7;}
#contact .p-contact__input [type=tel]::placeholder{color:#d7d7d7;}
/* message ----- */
#contact .p-contact__input textarea{
width:100%;
height:270px;
max-height:none;
font-size:14px;
line-height:30px;
border:none;
border:1px solid #d7d7d7;
padding:20px;
}
#contact .p-contact__input textarea::-moz-placeholder{color:#d7d7d7;}
#contact .p-contact__input textarea::placeholder{color:#d7d7d7;}
/* link ----- */
.p-contact__link{
display:block;
margin:40px auto 20px auto;
padding:0;
}
.p-contact__link a{
font-size:18px;
line-height:30px;
color:#000000;
text-decoration:underline;
}
.p-contact__link a:hover {
opacity:0.5;
text-decoration:none;
}
/* check ----- */
.p-contact__check{
display:flex;
justify-content:center;
flex-wrap:nowrap;
padding:0;
font-size:16px;
line-height:30px;
}
input[type=checkbox]#consent{
position:relative;
margin:0 5px 0 0;
width:20px;
height:20px;
border-radius:2px;
border:1px solid #070707;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
vertical-align:-4px;
}
input[type=checkbox]#consent:checked{
background:#ffffff;
}
input[type=checkbox]#consent:checked:before{
content:"";
position:absolute;
top:3px;
left:2px;
display:block;
width:14px;
height:8px;
border-left:3px solid #ce0808;
border-bottom:3px solid #ce0808;
transform:rotate(-45deg);
}
/* submit ----- */
#contact .p-contact__btn{
position:relative;
display:block;
margin:40px auto 0 auto;
padding:0;
}
#contact .p-contact__btn [type=submit]{
margin:0 auto;
padding:20px;
font-size:16px;
line-height:20px;
font-weight:700;
text-align:center;
letter-spacing:0;
color:#ffffff;
background:#213c85;
transition:all 1s;
border:none;
border-radius:0 !important;
}
#contact .p-contact__btn [type=submit]:hover{opacity:0.6;}
.wpcf7-form{max-width:none;}
.wpcf7-form .wpcf7-form-control-wrap{margin:0;padding:0;}
.wpcf7-form .wpcf7-form-control{margin:0;padding:0;}
.wpcf7-list-item{margin:0;padding:0;}
div.wpcf7 .wpcf7-spinner{display:block;}/*# sourceMappingURL=main.css.map */

@media screen and (max-width:768px) {
.l-contact__form{}
.l-contact__row{display:block;margin:0 0 20px 0;}
.p-contact__label{width:100%;margin:0 0 5px 0;font-size:14px;padding-left:50px;}
.p-contact__label.required{position:relative;}
.p-contact__label.required:before{left:0;right:auto;}
.p-contact__label.optional{position:relative;}
.p-contact__label.optional:before{left:0;right:auto;}
#contact .p-contact__input{width:100%;}
/* select ----- */
#contact .p-contact__input .p-contact__radio{}
#contact .p-contact__input .p-contact__radio .wpcf7-form-control{display:block !important;}
#contact .p-contact__input [type=radio] {}
#contact .p-contact__input [type=radio]:checked:before {}
#contact .p-contact__input .p-contact__radio label{font-size:14px;}
#contact .p-contact__input .p-contact__radio .wpcf7-list-item.last label{margin-left:20px;}
/* text ----- */
#contact .p-contact__input [type=text]{}
#contact .p-contact__input [type=text]::-moz-placeholder}
#contact .p-contact__input [type=text]::placeholder{}
/* url ----- */
#contact .p-contact__input [type=url]{}
#contact .p-contact__input [type=url]::-moz-placeholder{}
#contact .p-contact__input [type=url]::placeholder{}
/* email ----- */
#contact .p-contact__input [type=email]{}
#contact .p-contact__input [type=email]::-moz-placeholder{}
#contact .p-contact__input [type=email]::placeholder{}
/* tel ----- */
#contact .p-contact__input [type=tel]{}
#contact .p-contact__input [type=tel]::-moz-placeholder{}
#contact .p-contact__input [type=tel]::placeholder{}
/* message ----- */
#contact .p-contact__input textarea{}
#contact .p-contact__input textarea::-moz-placeholder{}
#contact .p-contact__input textarea::placeholder{}
/* link ----- */
.p-contact__link{}
.p-contact__link a{font-size:14px;}
.p-contact__link a:hover {}
/* check ----- */
.p-contact__check{font-size:14px;}
input[type=checkbox]#consent{}
input[type=checkbox]#consent:checked{}
input[type=checkbox]#consent:checked:before{}
/* submit ----- */
#contact .p-contact__btn{margin:40px auto 0 auto;}
#contact .p-contact__btn [type=submit]{}
#contact .p-contact__btn [type=submit]:hover{}
.wpcf7-form{}
.wpcf7-form .wpcf7-form-control-wrap{}
.wpcf7-form .wpcf7-form-control{}
.wpcf7-list-item{}
div.wpcf7 .wpcf7-spinner{}
}




/* --------------------------
 FOOTER
-------------------------- */
footer{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
color:#ffffff;
}
footer a{color:#ffffff;text-decoration:none;}
footer a:hover{color:#ffffff;text-decoration:underline;}
.footer-wrapper{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
color:#ffffff;
background:#213c85;
}
.footer-container{
position:relative;
display:block;
width:100%;
max-width:1000px;
margin:0 auto;
padding:0;
}
.footer-box{
position:relative;
display:flex;
justify-content:space-between;
align-items:flex-start;
width:100%;
margin:0 auto;
padding:30px;
}
.footer-nav{
position:relative;
display:block;
flex:1;
margin:0;
padding:0 30px 0 0;
}
.footer-nav ul{
position:relative;
width:100%;
margin:0;
padding:0;
text-align:left;
}
.footer-nav ul li{
position:relative;
display:block;
margin:0;
padding:0 0 0 18px;
font-size:18px;
line-height:40px;
}
.footer-nav ul li:before{
content:"";
position:absolute;
left:0;
top:14px;
display:block;
width:14px;
height:14px;
clip-path:polygon(0 0,2px 0,100% 50%,2px 100%,0 100%,calc(100% - 2px) 50%);
background:#ffffff;
}
.footer-company{
position:relative;
display:block;
width:410px;
margin:0;
padding:0;
text-align:left;
}
.footer-logo{
width:100%;
}
.footer-logo img{
display:block;
margin:0;
width:100%;
height:auto;
}
.footer-logo span{
display:block;
text-align:right;
font-size:14px;
line-heigh:20px;
}
.footer-company dl{
position:relative;
display:block;
width:100%;
margin:10px 0;
padding:0;
font-size:14px;
line-height:25px;
text-align:left;
}
.footer-company dl dt{
font-weight:500;
}
.footer-company dl dd{
margin-right:-1.5px;
letter-spacing:1.5px;
}
.footer-copyright{
position:relative;
display:block;
margin:0;
padding:0;
text-align:right;
font-size:12px;
line-height:20px;
}
@media only screen and (max-width:750px){
footer{}
footer a{}
footer a:hover{}
.footer-wrapper{}
.footer-container{}
.footer-box{display:block;padding:8vw;}
.footer-nav{padding:0;}
.footer-nav ul{}
.footer-nav ul li{padding:0 0 0 14px;font-size:14px;line-height:40px;}
.footer-nav ul li:before{top:16px;width:10px;height:10px;}
.footer-company{width:100%;margin:8vw 0 0 0;}
.footer-logo{max-width:410px;margin:0 auto;}
.footer-logo img{}
.footer-logo span{font-size:12px;}
.footer-company dl{margin:20px 0;text-align:center;}
.footer-company dl dt{}
.footer-company dl dd{}
.footer-copyright{text-align:center;}
}