html{-webkit-text-size-adjust:100%;}
html,body{font-size:90%}
.menu-list{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.menu{z-index:9996;position:fixed;right:-100%;width:100%;height:100vh;display:flex;flex-direction:column;color:#efefef;background-color:rgba(255,2,2,0.7);transition:.3s;top:0;}
.menu a{display:block;height:auto;color:#fff;text-align: center;}
.btn{position:fixed;top:32px;right:16px;width:48px;height:48px;z-index:9999;}
.btn-line{display:block;position:relative;width:100%;height:4px;background-color:#2461AD;transition:.2s;}
.btn-line::before,.btn-line::after{content:"";position:absolute;width:100%;height:100%;background-color:#2461AD;transition:.5s;}
.btn-line::before{transform:translateY(-16px);}
.btn-line::after{transform:translateY(16px);}
.menu.open{right:0;}
/* menuopen */
.btn-line.open{background-color:transparent;}
.btn-line.open::before,
.btn-line.open::after{content:"";background-color:#fff;transition:.2s;}
.btn-line.open::before{transform:rotate(45deg);}
.btn-line.open::after{transform:rotate(-45deg);}
nav{background: rgba(255, 255, 255, 0.7);width:100%;display: block;}
/*for ios input reset*/
input{-webkit-appearance: none;}
/* pc sp control ====================================================== */
.forpc{display:none!important}
.forsp{display:block!important}
/* header ====================================================== */
.mv{height: 100vh;background: url(../../images/common/mv.png) no-repeat center center; background-size: cover;}
.mv img{display: none;}
header{display: block;position: absolute;z-index: 990;width:100%;top: 0;}
.headmenu{margin:0 4vw 1em;padding:10px 0;}
.headmenu .logo{display:block;width:150px;margin:0 auto 0.5em;}
.telbox{margin:0;text-align: center;}
.telbox div{display: flex;align-items: center;}
.telbox em{color:#2392E3;font-weight: bold;margin-right: 0.5em;letter-spacing:-0.1em;width:40%;text-align: right;}
.telbox a{text-align:left;width:60%;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%;color:#666;margin: 0.3em 0 3em;}
.bt{background: red;color: #fff;font-weight: bold;border-radius: 40px;padding:1.2em 1em;width: 44%;float: left; text-align: center;}
.shindan{background: #2461AD;margin-right: 1em;margin-left:4%}
.toiawase{background: #53B6BC;}
.toiawase:after{content: " ";clear:both}
.menu{background:rgba(0,0,25,0.8);color:#fff;justify-content: center;}
.menu a{color:#fff;padding:1.7em 0;display: block;margin:0 1em;font-size: 4vw;text-align: right;}
footer{margin-top:5em}
#footl{width:100%;padding:50px 2vw 10px}
.logob{width:30vw;display: block;margin: 0 auto;}
#footr{background: #2461AD;color: #fff;padding:30px 2vw;display:flex;flex-wrap: wrap;}
#footr div{width:40%;margin:0 5%;text-align: center;}
#footr div h4{display:block;border-bottom:1px solid #fff;padding:0 0 0.5em;margin:0 0 0.5em;font-size: 130%;}
#footr ul{margin-bottom: 2em;}
#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 h1{font-family: Arial, Helvetica, sans-serif;font-size:9vw;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{padding: 0 !important;}
.w50{width:100%;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;}
.cta{background: url(../../images/common/cta.png) no-repeat center center;background-size: cover;color:#fff;padding:90px 0}
.cta h1{font-size:7vw;margin-bottom:15px}
.cta p{display: block;margin: 0 auto;width:80vw;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:70%;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 div{width:90%;order: 2;margin:0 auto 1em}
.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 auto 0;}

table{width: 90%;display: block;margin: 0 auto;}
table tbody{width:100%;display:block;}
table tbody tr{display:block;padding:1em 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:100%;display: block;margin-bottom:0.5em;text-align: left;}
table tbody tr td{width:100%;display: block;text-align: left;}

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:50%;margin: 1.8em auto 0;}


/*contents*/
.coninner{padding-top:250px}
.foott{margin-top:80px}
.left{text-align: left!important;}
.contents p{line-height: 170%;}
.casestudybox2{background: #fff!important;}

.w6ko{}
.w6ko a{width:30%;}


.conmv{background: url(../../images/common/bk.png) no-repeat;background-size: cover;padding: 25px 0 5px;margin-top:250px}
.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:3em}



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

.omoi2 div:first-of-type{border-radius: 100%;width:50%}


.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:6.5vw;line-height: 110%;font-weight: bold;}

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


.conmvv{margin-top:0!important}