/* pc sp control ====================================================== */
.forsp,.js-btn{display:none!important}
.forpc{display:block!important}
/* header ====================================================== */
header{display: block;}
header ul{display: flex;align-items: center;}
.headmenu{margin:0 4vw;padding:10px 0;}
.headmenu .logo{width: 10vw;margin-right: auto;max-width:200px}
.telbox{margin:0 1em}
.telbox div{display: flex;align-items: center;}
.telbox em{color:#2392E3;font-weight: bold;margin-right: 0.5em;letter-spacing:-0.1em;}
.telbox a{min-width:7.5em;display:block;background: url(../../images/common/tel.png) no-repeat;background-size: contain;font-size: 150%;font-weight: bold;padding:0 0 0 1.2em;color:#333;font-family:Arial, Helvetica, sans-serif;}
.telbox p{font-size: 60%;text-align:right;color:#666;margin-top: 0.3em;}
.bt{background: red;color: #fff;font-weight: bold;border-radius: 40px;padding:1.2em 1em}
.shindan{background: #2461AD;margin-right: 1em;}
.toiawase{background: #53B6BC;}
.menu{background:#2461AD;color:#fff;justify-content: center;}
ul.menu li a{color:#fff;display: block;padding:1.7em 0.5em;}
ul.menu li{border-right:1px solid #6a87d0;}
ul.menu li:first-child{border-left:1px solid #6a87d0;}

.foott{display: flex;justify-content: center;align-items: center;}
.foott div{}
footer{display: flex;align-items: center;justify-content: space-between;margin-top:1em}
#footl{width:15vw;padding:0 2vw}
#footr{background: #2461AD;color: #fff;width:85vw;padding:30px 2vw;display:flex;justify-content: space-between;}
#footr div{width:22%}
#footr div h4{display:block;border-bottom:1px solid #fff;padding:0 0 0.5em;margin:0 0 0.5em;font-size: 130%;}
#footr li{margin-bottom:1em}
#footr a{color: #fff;font-size: 93%;}
#snsb{display: flex;justify-content: center;margin:1em 0 0;}
.sns{display: block;text-indent: -9999px;width:45px;height:45px;}
.line{background:url(../../images/common/line.png) no-repeat;background-size: 100%;margin-right: 10px;}
.insta{background:url(../../images/common/insta.png) no-repeat;background-size: 100%;}
/* common ====================================================== */

.contents{}

.contents h1{font-family: Arial, Helvetica, sans-serif;font-size:3em;font-weight: bold;letter-spacing: -0.07em;text-align: center;margin-bottom:8px}
.contents h2{font-size:120% ;font-weight: bold;text-align: center;margin-bottom:40px;}

.contents article{max-width: 1220px;margin:0 auto;padding:4em 2em;}
.w50b{display: flex;margin:0 auto;padding: 0 !important;}
.w50{width:50%;padding:40px 3%}
.w50b .w50:last-of-type{background: #EFF6FF;}

.butlist{display: flex;flex-wrap: wrap;}
.butlist a{width: 47%;text-align: center;margin:0 1.5% 12px}
.butlist a span{display:block;background: #000;color:#fff;padding: 1em 0;}

.casestudybox{background: #F7F7F7;}
.casestudybox p{/*font-size: 80%;*/line-height: 140%;margin-bottom:30px;}
.w4ko{justify-content: space-between;}
.w4ko a{width:22%;}
.w3ko a{width:30%;}

.w6ko{justify-content: space-between;}
.w6ko a{width:13.5%;}

.cta{background: url(../../images/common/cta.png) no-repeat center center;background-size: cover;color:#fff;padding:90px 0}
.cta h1{font-size:2.7em;margin-bottom:15px}
.cta p{display: block;margin: 0 auto;width:50vw;line-height: 170%; text-align: center;font-weight: lighter;font-size:90%}

.smf-button-control button,
.more{display:flex;justify-content: space-between;align-items: center;padding:1em 1.8em;background:#000;color:#fff;border-radius: 50px;width:25%;margin: 1.8em auto 0;}
.more::after{width:1em;text-align: right;content: "›";font-size:130%; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
.smf-button-control button,.more2{background: #2461AD!important;}

.w50con{display: flex; justify-content: space-between;align-items: center;}
.w50con div{width: 47%;order: 2;}
.w50con div:last-of-type{order: 1;}
.w50con h3{font-size: 1.3em;margin-bottom:10px}
.w50con p{font-size: 90%;line-height: 160%;}
.w50con div .more{width:60%;margin:30px 0 0 auto}

table{width:100%;display:block;}
table tbody{width:100%;display:block;}
table tbody tr{display: flex;justify-content: space-between;padding:1.7em 0;border-bottom:1px solid #eee;font-size:90%}
table tbody tr:last-of-type{border-bottom:none}
table tbody tr th{font-weight: normal;width:15%;text-align: left;padding: 0.25em 0 0;}
table tbody tr td{width:85%}
table.col1 tbody tr td{width:100%}

.csw50re{align-items: self-start;}
.csw50re div:first-of-type{order: 1;}



td input{width: 100%;padding:0.5em}
td textarea{width: 100%;height:12rem}

article button{display:flex;justify-content: center;align-items: center;padding:1em 1.8em;background:#2461AD;color:#fff;border-radius: 50px;width:25%;margin: 1.8em auto 0;}

/*contents*/
.foott{margin-top:80px}
.left{text-align: left!important;}
.contents p{line-height: 170%;}
.casestudybox2{background: #fff!important;}
.conmv{background: url(../../images/common/bk.png) no-repeat;background-size: cover;padding: 25px 0 5px;}
.conmv h1{color: #fff;}
.conmv h2{color: #fff;}
.contentsw50{margin-bottom:2em}
.cs{}
.csb{display: flex; justify-content: space-between;align-items: center;margin-top:30px}
.csb div{width:48%}
.csb div.ar{margin:0 1%;font-size:250%;width:1%!important;text-align: center;}

.conin{max-width: 1000px;margin: 30px auto;}
h5{border-left:19px solid #2461AD;padding:1.3em;font-size:120%;margin:1em 0 15px}
h6{border-left:19px solid #53B6BC;padding:1.3em;font-size:120%;margin:1em 0 15px}

.cslist{margin-bottom:80px}

.mvrecruit{background: url(../../images/mvrecruit.png) no-repeat center center;background-size: cover;padding:14vh 0}
.omoi div:first-of-type{order: 1;border-radius: 100%;width:30%}
.omoi div:last-of-type{order: 2;width:65%}
.omoi2 div:first-of-type{order: 2;border-radius: 100%;width:30%}
.omoi2 div:last-of-type{order: 1;width:65%}

.mvcompany{background: url(../../images/mvcompany.png) no-repeat center center;background-size: cover;padding:14vh 0}

#rinen{background: #2461AD;padding:80px 0;color: #fff;}
#rinen p{font-size:1.6em;line-height: 110%;font-weight: bold;}

.greeting h3{margin-top:30px}
.greeting div:first-of-type{border-radius:unset!important;}

/* faqbox */
.faqbox{max-width: 800px;margin:0 auto 3em;padding:2em;border:1px solid #eee;}
.faqbox h3{font-size: 1.2em;font-weight: bold;margin-bottom:1em;color: #2461ad!important;}
.faqbox p{line-height: 170%;}

/* flowbox */
.flowbox div.flb{max-width: 800px;margin:0 auto 3em;padding:2em;border:1px solid #eee;}
.flowbox h3{font-size: 1.2em;font-weight: bold;margin-bottom:1em;color: #2461ad!important;}
.flowbox p{line-height: 170%;}

.flowarrow{text-align: center;font-size: 2em;margin: -1em 0 1em;color:#2461AD;transform: scaleX(120%);}
.num{display: flex;align-items: center;}
.num span{background: #2461AD;color:#fff;font-weight: bold;width:3em;height:3em;line-height: 3em;text-align: center;border-radius: 50%;font-size: 1.5em;margin-bottom:1em;}
.num h3{margin-left:1em;font-size: 1.2em;}