@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=League+Gothic:wdth@75..100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Uchen&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Zetta:wght@100..900&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-size ----------*/
.f-m{font-size:18px;}
.f-xxl{font-size:30px;}
@media only screen and (max-width:1000px){
.f-m{font-size:1.8vw;}
.f-xxl{font-size:3vw;}
}
@media only screen and (max-width:750px){
.f-m{font-size:14px;}
.f-xxl{font-size:18px;}
}
/* 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 Sans JP",sans-serif;
font-weight:500;
color:#000000;
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 Sans JP",sans-serif;
}

/* --------------------------
 HEADER
-------------------------- */
.header-fixed{
position:fixed;
top:0;
left:0;
display:block;
width:100%;
margin:0;
padding:0;
background:rgba(255,255,255,0.9);
box-shadow:0 0 4px 0px rgba(0,0,0,0.5);
box-sizing:border-box;
z-index:100;
}
.header-fixed.fixed{}
.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:#18a8b1;
font-size:14px;
line-height:30px;
text-align:left;
}
.header-nav ul li a{color:#18a8b1;}
.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 right,#ef9c00,#edc65e);
}
.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:#edc65e;
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:1000px){
.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:#18a8b1;
}
.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(48,76,113,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:#f6f6f5 url(../img/fv-bg-pc.png) no-repeat center top;
background-size:cover;
}
.fv-container{
position:relative;
display:block;
width:100%;
max-width:1250px;
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%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.fv-h1 img{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.fv-opt{
position:relative;
display:block;
width:100%;
margin:0;
padding:40px 0;
background:rgba(0,0,0,0.5);
}
.fv-opt-slash{
position:relative;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto 15px auto;
padding:0;
font-size:20px;
line-height:30px;
font-weight:400;
color:#ffffff;
}
.fv-opt-slash:before,.fv-opt-slash:after{
content:"";
position:relative;
display:block;
width:2px;
height:30px;
border-radius:1px;
}
.fv-opt-slash:before{
margin:0 15px 0 0;
rotate:-30deg;
background:#54e5e7;
}
.fv-opt-slash:after{
margin:0 0 0 15px;
rotate:30deg;
background:#54e5e7;
}
.fv-btn{
display:block;
width:92%;
max-width:480px;
height:auto;
margin:0 auto;
background:#ffffff;
border-radius:8px;
box-shadow:0 3px 6px 0px rgba(0,0,0,0.1);
overflow:hidden;
}
.fv-btn a{
display:flex;
justify-content:center;
align-items:center;
margin:0;
padding:20px 0;
width:100%;
height:100%;
font-family:"Noto Sans JP",sans-serif;
font-size:20px;
line-height:30px;
text-align:center;
letter-spacing:0;
text-indent:0;
color:#ffffff;
background:linear-gradient(to right,#ef9c00,#edc65e);
}
.fv-btn a .material-symbols-outlined{
display:block;
margin:0 0 0 4px;
font-size:20px;
line-height:20px;
width:20px;
height:20px;
text-align:center;
color:#edc65e;
background:#ffffff;
border-radius:50%;
font-variation-settings:
'FILL' 0,
'wght' 600,
'GRAD' 0,
'opsz' 24
}
.fv-btn a:hover{opacity:0.5;}
@media only screen and (max-width:750px){
.fv{}
.fv-wrapper{
padding:70px 0 0 0;
background:#f6f6f5 url(../img/fv-bg-sp.png) no-repeat center top;
background-size:cover;
}
.fv-container{background:none;}
.fv-box{}
.fv-h1{}
.fv-h1 img{}
.fv-opt{padding:4vw 0;}
.fv-opt-slash{margin:0 auto 2vw auto;font-size:14px;line-height:20px;}
.fv-opt-slash:before,.fv-opt-slash:after{height:20px;}
.fv-opt-slash:before{margin:0 2vw 0 0;}
.fv-opt-slash:after{margin:0 0 0 2vw;}
.fv-btn{}
.fv-btn a{padding:4vw 0;font-size:16px;}
.fv-btn a .material-symbols-outlined{}
.fv-btn a:hover{}
}

/* ------------------------------
 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 20px auto;
padding:0;
font-family:"Lexend Zetta", sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:24px;
line-height:30px;
text-align:center;
color:#18a8b1;
}
.section-title-text{
position:relative;
display:block;
margin:0;
padding:0;
font-family:"Noto Sans JP",sans-serif;
font-size:36px;
line-height:60px;
text-align:center;
font-weight:600;
color:#126476;
}
.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:2.4vw;line-height:3vw;}
.section-title-text{font-size:3.6vw;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:16px;line-height:20px;}
.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 .section-wrapper{background:#f6f6f6;}
#problem .section-container{}
#problem .section-title{}
#problem .section-title-en{}
#problem .section-title-text{}
#problem .section-title-bottom{}
.problem-wrapper{
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.problem-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;
}
.problem-container:last-of-type{margin:0 auto 0 auto;}
.problem-container:nth-of-type(odd){flex-direction:row;}
.problem-container:nth-of-type(even){flex-direction:row-reverse;}
.problem-img{
position:relative;
display:block;
width:50%;
margin:0;
padding:0;
}
.problem-img img{
width:100%;
}
.problem-box{
position:relative;
display:block;
width:50%;
margin:0 auto 0 auto;
padding:0 40px;
}
.problem-text{
display:block;
margin:0 auto;
padding:0;
}
.problem-title{
position:relative;
width:100%;
margin:0 auto 20px auto;
padding:0;
}
.problem-title-num{
position:relative;
display:block;
margin:0 0 10px 0;
padding:0;
font-family:"Lexend Zetta", sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:14px;
line-height:20px;
text-align:left;
color:#18a8b1;
}
.problem-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:#126476;
}
.problem-title-bottom{
display:block;
margin:20px auto 0 0;
width:60px;
height:2px;
background:#f1e93b;
}
.problem-text p{
display:block;
width:100%;
margin:0 0 30px 0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
color:#000000;
}
.problem-text p:last-of-type{margin:0;}
@media only screen and (max-width:1000px){
.problem-container{margin:0 auto 8vw auto;}
.problem-box{padding:0 4vw;}
.problem-text{}
.problem-title{margin:0 auto 2vw auto;}
.problem-title-num{margin:0 0 1vw 0;font-size:1.4vw;line-height:2vw;}
.problem-title-text{font-size:2.4vw;line-height:4vw;}
.problem-title-bottom{margin:2vw auto 0 0;width:4vw;height:1px;}
.problem-text p{font-size:1.8vw;line-height:4vw;}
.problem-text p:last-of-type{margin:0;}
}
@media only screen and (max-width:750px){
#problem{}
#problem .section-wrapper{}
#problem .section-container{}
#problem .section-title{}
#problem .section-title-en{}
#problem .section-title-slash{}
#problem .section-title-text{}
#problem .section-title-bottom{}
.problem-wrapper{}
.problem-container{display:block;margin:0 auto 12vw auto;}
.problem-container:last-of-type{}
.problem-container:nth-of-type(odd){}
.problem-container:nth-of-type(even){}
.problem-img{width:100%;margin:0 auto 8vw auto;}
.problem-img img{width:92%;}
.problem-container:nth-of-type(odd) .problem-img img{margin:0 auto 0 0;}
.problem-container:nth-of-type(even) .problem-img img{margin:0 0 0 auto;}
.problem-box{width:100%;padding:0 4vw;}
.problem-text{}
.problem-title{margin:0 auto 4vw auto;}
.problem-title-num{margin:0 0 10px 0;font-size:14px;line-height:20px;}
.problem-container:nth-of-type(odd) .problem-title-num{text-align:left;}
.problem-container:nth-of-type(even) .problem-title-num{text-align:right;}
.problem-title-text{font-size:18px;line-height:30px;}
.problem-container:nth-of-type(odd) .problem-title-text{text-align:left;}
.problem-container:nth-of-type(even) .problem-title-text{text-align:right;}
.problem-title-bottom{width:30px;height:2px;}
.problem-container:nth-of-type(odd) .problem-title-bottom{margin:4vw auto 0 0;}
.problem-container:nth-of-type(even) .problem-title-bottom{margin:4vw 0 0 auto;}
.problem-text p{font-size:14px;line-height:30px;}
.problem-text p:last-of-type{margin:0;}
}


/* --------------------------
 SERVICE
-------------------------- */
#service{}
#service .section-wrapper{background:#ffffff;}
#service .section-container{}
#service .section-title{}
#service .section-title-en{}
#service .section-title-slash{}
#service .section-title-text{}
#service .section-title-bottom{}
.service-wrapper{
display:block;
width:100%;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.service-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;
}
.service-container:last-of-type{margin:0 auto 0 auto;}
.service-container:nth-of-type(odd){flex-direction:row;}
.service-container:nth-of-type(even){flex-direction:row-reverse;}
.service-img{
position:relative;
display:block;
width:50%;
margin:0;
padding:0;
}
.service-img img{
width:100%;
}
.service-box{
position:relative;
display:block;
width:50%;
margin:0 auto 0 auto;
padding:0 40px;
}
.service-text{
display:block;
margin:0 auto;
padding:0;
}
.service-title{
position:relative;
width:100%;
margin:0 auto 20px auto;
padding:0;
}
.service-title-num{
position:relative;
display:block;
margin:0 0 10px 0;
padding:0;
font-family:"Lexend Zetta", sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
font-size:14px;
line-height:20px;
text-align:left;
color:#18a8b1;
}
.service-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:#126476;
}
.service-title-bottom{
display:block;
margin:20px auto 0 0;
width:60px;
height:2px;
background:#f4eb0c;
}
.service-text p{
display:block;
width:100%;
margin:0 0 30px 0;
padding:0;
font-size:18px;
line-height:40px;
text-align:justify;
color:#000000;
}
.service-text p:last-of-type{margin:0;}
@media only screen and (max-width:1000px){
#service{}
#service .section-wrapper{}
#service .section-container{}
#service .section-title{}
#service .section-title-en{}
#service .section-title-slash{}
#service .section-title-text{}
#service .section-title-bottom{}
.service-wrapper{}
.service-container{margin:0 auto 8vw auto;}
.service-container:last-of-type{}
.service-container:nth-of-type(odd){}
.service-container:nth-of-type(even){}
.service-img{}
.service-img img{}
.service-box{padding:0 4vw;}
.service-text{}
.service-title{margin:0 auto 2vw auto;}
.service-title-num{margin:0 0 1vw 0;font-size:1.4vw;line-height:2vw;}
.service-title-text{font-size:2.4vw;line-height:4vw;}
.service-title-bottom{margin:2vw auto 0 0;width:4vw;height:1px;}
.service-text p{font-size:1.8vw;line-height:4vw;}
.service-text p:last-of-type{margin:0;}
}
@media only screen and (max-width:750px){
#service{}
#service .section-wrapper{}
#service .section-container{}
#service .section-title{}
#service .section-title-en{}
#service .section-title-slash{}
#service .section-title-text{}
#service .section-title-bottom{}
.service-wrapper{}
.service-container{display:block;margin:0 auto 12vw auto;}
.service-container:last-of-type{}
.service-container:nth-of-type(odd){}
.service-container:nth-of-type(even){}
.service-img{width:100%;margin:0 auto 8vw auto;}
.service-img img{width:92%;}
.service-container:nth-of-type(odd) .service-img img{margin:0 auto 0 0;}
.service-container:nth-of-type(even) .service-img img{margin:0 0 0 auto;}
.service-box{width:100%;padding:0 4vw;}
.service-text{}
.service-title{margin:0 auto 4vw auto;}
.service-title-num{margin:0 0 10px 0;font-size:14px;line-height:20px;}
.service-container:nth-of-type(odd) .service-title-num{text-align:left;}
.service-container:nth-of-type(even) .service-title-num{text-align:right;}
.service-title-text{font-size:18px;line-height:30px;}
.service-container:nth-of-type(odd) .service-title-text{text-align:left;}
.service-container:nth-of-type(even) .service-title-text{text-align:right;}
.service-title-bottom{width:30px;height:1px;}
.service-container:nth-of-type(odd) .service-title-bottom{margin:4vw auto 0 0;}
.service-container:nth-of-type(even) .service-title-bottom{margin:4vw 0 0 auto;}
.service-text p{font-size:14px;line-height:30px;}
.service-text p:last-of-type{margin:0;}
}


/* --------------------------
 CASE
-------------------------- */
#case{}
#case .section-wrapper{background:#f6f6f6 url(../img/bg-gray.png) repeat top center;}
#case .section-container{max-width:100%;overflow:hidden;}
/* slick ----------*/
.slider-wrapper{
width:100%;
max-width:600px;
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;
background:#fcfcfc;
}
.case-img img{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.case-site{
position:relative;
display:flex;
margin:0;
padding:0;
text-align:left;
border-bottom:1px solid #18a8b1;
box-sizing:border-box;
}
.case-site dt{
margin:0;
padding:10px;
font-size:16px;
line-height:20px;
color:#ffffff;
background:#18a8b1;
}
.case-site dd{
flex:1;
margin:0;
padding:10px;
font-size:16px;
line-height:20px;
color:#18a8b1;
}
.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:#18a8b1;
}
.case-title{
position:relative;
display:block;
width:100%;
margin:0;
padding:0 0 30px 0;
font-size:20px;
line-height:30px;
text-align:left;
font-weight:700;
color:#304c71;
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{}
.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;}
}


/* --------------------------
 FLOW
-------------------------- */
#flow{}
#flow .section-wrapper{background:#ffffff;}
#flow .section-container{}
.flow-wrapper{
position:relative;
width:100%;
max-width:750px;
margin:0 auto;
padding:0;
}
.flow-container{
position:relative;
width:100%;
margin:0 auto;
padding:0 4%;
}
.flow-box{
position:relative;
display:flex;
width:100%;
margin:0 0 30px 0;
padding:10px;
background:#f6f6f6;
}
.flow-box:after{
content:"";
position:absolute;
bottom:-20px;
left:calc(50% - 20px);
display:block;
width:40px;
height:20px;
clip-path:polygon(0 0,100% 0,50% 100%);
background:#f6f6f6;
}
.flow-box:last-of-type:after{
content:"";
display:none;
}
.flow-num{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
margin:0 20px 0 0;
width:80px;
height:80px;
font-family:"Lexend Zetta", sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
text-align:center;
color:#ffffff;
background:#18a8b1;
}
.flow-num span:nth-of-type(1){
font-size:14px;
line-height:20px;
}
.flow-num span:nth-of-type(2){
font-size:24px;
line-height:30px;
}
.flow-text{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
flex:1;
font-size:24px;
line-height:40px;
text-align:left;
}
.flow-text span{
font-size:14px;
line-height:20px;
}
@media only screen and (max-width:750px){
#flow{}
#flow .section-wrapper{}
#flow .section-container{}
.flow-wrapper{}
.flow-container{}
.flow-box{position:relative;display:flex;width:100%;margin:0 0 20px 0;padding:5px;}
.flow-box:after{bottom:-10px;left:calc(50% - 10px);width:20px;height:10px;}
.flow-box:last-of-type:after{content:"";display:none;}
.flow-num{margin:0 10px 0 0;width:40px;height:40px;}
.flow-num span:nth-of-type(1){font-size:8px;line-height:10px;}
.flow-num span:nth-of-type(2){font-size:12px;line-height:16px;}
.flow-text{font-size:14px;line-height:30px;}
.flow-text span{font-size:12px;line-height:20px;}
}

/* --------------------------
 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:linear-gradient(to right,#18a8b1,#54e5e7);
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:#304c71;
}
.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;}
}