@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;font-size:13px;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}body.mac{font-family:Helvetica, "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3", Osaka;}body.msie{font-size:81.25%;}.cf:after{visibility:hidden;display:block;content:" ";clear:both;height:0;font-size:0;}* html .cf,*:first-child+html .cf{zoom:1px;}


/* COMMON
---------------------------------------------------------- */
html {overflow: auto;}
body{overflow: hidden;}
body{
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
line-height: 2em;
letter-spacing: 0.05em;
color: #586362;
}
@media(max-width:780px){
body{
font-size: 12px;
}
}/* @media */

/*-------------------- base */
img{ display: block; width: 100%;}
a img:hover{opacity: .6;transition: .2s;}
.pc{ display: block !important;}@media(max-width:780px){.pc{ display: none !important;}}
.sp{ display: none !important;}@media(max-width :780px){.sp{ display: block !important;}}

/*-------------------- a */
a:link   {color: #586362;text-decoration: none; transition: ease .1s all;}
a:visited{color: #586362;}
a:hover  {color: #999;}
a:active {color: #586362;}
/*-------------------- kit */
.bg_gry{
background: #f2f6f9;
}
.c_pnk{
color: #c9236b;
}
.tac{
text-align: center;
}
.wf{
font-family: 'Prompt', sans-serif;
font-weight: 400;
}
.wf.add{
letter-spacing: .3em;
}
.wf.add:first-letter{
font-size: 1.5em;
font-weight: 300;
}

/*-------------------- list */
ul.list>li {
font-size: 1.3em;
line-height: 1.6;
position: relative;
letter-spacing: 0.2em;
margin: 0 0 1em 1.5em;
}
ul.list.min {
font-size: .76rem;
}
ul.list>li:before {
content: '';
width: 1.2em;
height: 1.2em;
background-image: url(../img/ico_list.png);
background-size: contain;
position: absolute;
left: -1.5em;
top: .1em;
}
ul.list>li.cs:before {
background-image: url(../img/ico_cs.png);
}
ul.list>li>span{
box-shadow:inset 0 -5px 0 #9cd4d3;
}

ul.list.add{
width: 76%;
margin: 0 auto;
}
@media(max-width:780px){
ul.list.add{
width: 100%;
margin: inherit;
}
}/* @media */


/*-------------------- arrow */
.arrow{
width: 70%;
margin: 0 auto 3em;
}
.arrow2 {
width: 100%;
margin-bottom: -10vh;
background: #fff;
}
.arrow2>img{
width: 70%;
margin: 0 auto;
}

/*-------------------- list plan */
.table {
width: 900px;
height: 485px;
margin: 0 auto 80px;
background: url(../img/table.png) no-repeat center center;
background-size: cover;
}
.plan {
width: 900px;
height: 342px;
margin: 0 auto 80px;
background: url(../img/plan-renewal-202411.png) no-repeat center center;
background-size: cover;
position: relative;
}
.plan a{text-decoration: underline;color: #40aca7;}
.plan a:hover{text-decoration: none;opacity: .7;}
.plan a:nth-child(1) {
position: absolute;
left: 445px;
top: 179px;
}
.plan a:nth-child(2) {
position: absolute;
left: 797px;
top: 179px;
}
.plan p {
position: absolute;
right: -0.6em;
bottom: -2.5em;
font-size: .8em;
color: rgba(0, 0, 0, 0.53);
}
.demo_form_area{
width: 50%;
height: 500px;
background: #fafafa;
margin: 0 auto 120px;
}

/* wrap 
---------------------------------------------------------- */
.wrap {
max-width: 1300px;
min-width: 0;
padding: 0 5%;
margin: 0 auto;
position: relative;
}
.wrap2 {
max-width: 800px;
min-width: 0;
padding: 0 5%;
margin: 0 auto;
position: relative;
}
.wrap3 {
max-width: 1111px;
min-width: 0;
padding: 0 5%;
margin: 0 auto;
position: relative;
}

/* clm
---------------------------------------------------------- */
.fl{float: left; position: relative;}
.fr{float: right; position: relative;}
.clm2_05{width:  5%;}
.clm2_10{width: 10%;}
.clm2_15{width: 15%;}
.clm2_20{width: 20%;}
.clm2_25{width: 25%;}
.clm2_30{width: 30%;}
.clm2_33{width: calc(100%/3);}
.clm2_35{width: 35%;}
.clm2_40{width: 40%;}
.clm2_45{width: 45%;}
.clm2_50{width: 50%;}
.clm2_55{width: 55%;}
.clm2_60{width: 60%;}
.clm2_65{width: 65%;}
.clm2_70{width: 70%;}
.clm2_75{width: 75%;}
.clm2_80{width: 80%;}
.clm2_85{width: 85%;}
.clm2_90{width: 90%;}
.clm2_95{width: 95%;}
@media(max-width:780px){
.fl , .fr{float: none;}
.clm2_05,.clm2_10,.clm2_15,.clm2_20,.clm2_25,.clm2_30,
.clm2_35,.clm2_40,.clm2_45,.clm2_50,.clm2_55,.clm2_60,
.clm2_65,.clm2_70,.clm2_75,.clm2_80,.clm2_85,.clm2_90,
.clm2_95{width: 100%;}
.clm2_33{width: calc(100%/1);}
}/* @media */

/* btn
---------------------------------------------------------- */
.btn a{
display: block;
background: #40aca7;
width: 170px;
text-align: center;
padding: 1em 0;
color: #fff;
font-size: .8em;
border: 1px solid #40aca7;
}
.btn a:hover {
background: #369a92 !important;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, 0.65) !important;
}
.btn2 a{
border: 1px solid #40aca7;
display: inline-block;
font-size: .9em;
padding: 0.5em 2em;
margin: 2em 0 0;
color: #40aca7;
background: #fff;
}
.btn2 a:after{
content: '>';
padding: 0 0 0 3em;
position: relative;
top:-.1em;
font-size: .9em;
}
.btn2 a:hover{
border: 1px solid #40aca7;
background: #40aca7;
color: #fff;
}
.btn2.add a {
border: 2px solid #40aca7;
padding: 1.2em 4em;
margin: 2em auto 0;
font-size: 1em;
letter-spacing: 0.2em;
}
.ico{
position: relative;
z-index: 2;
}
.ico:before {
content: '';
background-size: contain;
display: inline-block;
width: 1.5em;
height: 1.5em;
position: relative;
top: 0.2em;
margin-right: 0.6em;
background-size: 100% auto;
}
.ico_middle:before {
width: 2.5em;
height: 1.18em;
position: relative;
top: 0.2em;
margin-right: 0.6em;
background-size: 100% auto;
}
.ico_dl:before{background-image: url(../img/ico_dl.svg);}
.ico_dl_grn:before{background-image: url(../img/ico_dl_grn.svg);}
.ico_key:before{background-image: url(../img/ico_key.svg);}
.ico_flight:before{background-image: url(../img/ico_flight.svg);}
.ico_pc:before{background-image: url(../img/ico_pc.svg);height: 1.49em;}

a:hover .ico_dl_grn:before{background-image: url(../img/ico_dl.svg);}


/* header
---------------------------------------------------------- */
header{
width: 100%;
height: 72px;
border-bottom: 1px solid #40aca7;
z-index: 999;
position: fixed;
background: rgba(255, 255, 255, 0.72);
}
.set_margin{height: 74px;width: 100%;background: #fff;}
@media(max-width:780px){.set_margin {height: 50px;}}/* @media */

header>.logo{
width: 130px;
position: absolute;
left: 40px;
top:25px;
}
header>.btn.no1{
position: absolute;
right: 173px;
}
header>.btn.no2{
position: absolute;
right: 0px;
}
header>.btn{
background: #4bbcc9;
background: -moz-linear-gradient(top,  #4bbcc9 0%, #43b2b6 74%, #3faaa5 100%);
background: -webkit-linear-gradient(top,  #4bbcc9 0%,#43b2b6 74%,#3faaa5 100%);
background: linear-gradient(to bottom,  #4bbcc9 0%,#43b2b6 74%,#3faaa5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bbcc9', endColorstr='#3faaa5',GradientType=0 );
}
header>.btn:hover{
background: #2894a0;
background: -moz-linear-gradient(top,  #2894a0 0%, #3aa1a4 84%, #2f948f 100%);
background: -webkit-linear-gradient(top,  #2894a0 0%,#3aa1a4 84%,#2f948f 100%);
background: linear-gradient(to bottom,  #2894a0 0%,#3aa1a4 84%,#2f948f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2894a0', endColorstr='#2f948f',GradientType=0 );
}
header>.btn a{
  background: inherit;
padding: 1.86em 0;
}
header>.btn a:hover{
border: 1px solid #40aca7 !important;
}
header>.btn a:before{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition-property: opacity;
transition-duration: .2s;
transition-timing-function: ease;
}
header>.btn a:hover::before {
opacity:1
}
.mg_menu {
position: absolute;
width: 40em;
height: 50px;
right: 222px;
}
.mg_menu > li {
float: left;
margin-right: 3em;
line-height: 1.1;
text-align: center;
padding: 2.14em 0 ;
}
.mg_menu > li a {
display: block;
}
.mg_menu__single {
position: relative;
}
.mg_menu__single > a:hover{
color: #40aca7;
}
.mg_menu__second {
position: absolute;
top: 60px;
width: 200%;
background: rgba(211, 236, 238, 0.77);
-webkit-transition: all .2s ease;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
z-index: 1;
}
.mg_menu__second li {
border-top: 1px solid #fff;
height: 50px;
line-height: 50px;
font-size: .84em;
text-align: left;
padding-left: 2em;
}
.mg_menu__second li a:hover{
color: #a1b2b0;
}
.mg_menu__single:hover .mg_menu__second {
top: 72px;
visibility: visible;
opacity: 1;
}
/* float clear */
.mg_menu:before,.mg_menu:after {content: " ";display: table;}
.mg_menu:after {clear: both;}
.mg_menu {*zoom: 1;}


/* mv
---------------------------------------------------------- */
.mv{
height: 700px;
z-index: 0;
}
.inner{
background: url(../img/mv_bg.png) no-repeat center center;
height: 700px;
}
hgroup{
position: absolute;
left: 15vw;
top: 200px;
}
hgroup>h1{
color: #40aca7;
font-weight: 500;
font-size: 2.5em;
margin-bottom: .6em;
line-height: 1.6;
letter-spacing: .2em;
}
hgroup>h2>p{
letter-spacing: .1em;
margin-bottom: 1em;
}

/* cts
---------------------------------------------------------- */
.cts{
padding: 10vh 0;
}

/*20230315変更*/
h2 {
  text-align: left;
  color: #40aca7;
  letter-spacing: .2em;
  font-size: 2.0em;
  font-weight: 500;
  margin-bottom: 80px;
  line-height: 1.6;
  padding: 0.5em;
  background: #ebf6f6;
  border-left: solid 5px #40aca7;/*左線（実線 太さ 色）*/
}

h3 {
text-align: center;
color: #40aca7;
letter-spacing: .2em;
font-size: 1.8em;
font-weight: 500;
margin-bottom: 80px;
line-height: 1.6;
}
h3>span{
font-size: .7em;
position: relative;
top:-.17em;
padding: 0 .2em;
}
h3:after{
content:'';
width: 5em;
height: 2px;
background: #40aca7;
display: block;
margin: 1em auto 0;
}
h3.non:after{
display: none;
}
h3.shadow {
box-shadow: inset 0 -12px #fff59e;
display: inline;
margin-top: 80px;
margin-bottom: 0px;
}
/*20230315変更*/
h4 {
text-align: center;
letter-spacing: .2em;
font-size: 1.6em;
font-weight: 500;
margin-bottom: 1vw;
line-height: 1.2;
}
h4 span{
font-size: .8em;
position: relative;
padding: 0 .2em;
}
/*
h4:before {
content: '';
display: block;
background: #ffffff;
height: 1em;
width: 17em;
margin: 0 auto;
position: relative;
top: 1.3em;
z-index: 2;
}
*/
/*
h4:after {
content: '';
display: inline-block;
width: 34em;
margin: 0 auto;
height: 1px;
background: #40aca7;
position: relative;
top: -2em;
z-index: 1;
}
*/
h5{
font-size: 2.1em;
font-weight: 500;
line-height: 1.8;
letter-spacing: .1em;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
h6{
font-weight: 500;
text-align: center;
color: #40aca7;
font-size: 1.3em;
letter-spacing: .2em;
margin-bottom: -1em;
}

.top_cts1{
letter-spacing: .2em;
}
.top_cts1 .clm_wrap .tit{
font-size: 1.8em;
font-weight: 400;
margin-bottom: 1em;
line-height: 1.8;
color: #40aca7;
}
.top_cts1 .fl img{
position: relative;
left: -7vw;
}
.top_cts1 .fr img{
position: relative;
right: -7vw;
}
.top_cts1 .fl.add img {
position: relative;
left: 15vw;
width: 500px;
top: 5vw;
}
.top_cts1 .bg{
background: #f8f8f8;
position: absolute;
z-index: -1;
height: 333px;
width: 100%;
top: 60px;
right: 60px;  
}
.top_cts1 .fr .bg{
left: 60px;  
}
.clm_wrap{
margin-bottom: 15vh;
}
.clm2_45.add {
width: 30%;
padding: 0 0 0 20%;
}
.clm2_45.add .reason{
left: 28%;
}
.reason {
position: absolute;
text-align: right;
left: -90px;
top: -10px;
font-size: 3em;
line-height: 0.8em;
color: #ccc;
font-weight: 200;
}
.reason:after {
content: '';
display: block;
width: 70px;
height: 70px;
border-radius: 100px;
border: 1px solid #ccc;
position: relative;
top: -86px;
left: 5px;
}
.reason>span{
display: block;
font-size: .9rem;
position: relative;
left: -1em;
}

/* cta_area
---------------------------------------------------------- */
.cta_area{
background: #369a92;
background: -moz-linear-gradient(top,  #3ba79e 1%, #0c877e 100%);
background: -webkit-linear-gradient(top,  #3ba79e 1%,#0c877e 100%);
background: linear-gradient(to bottom,  #3ba79e 1%,#0c877e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba79e', endColorstr='#0c877e',GradientType=0 );

padding-bottom: 3em;
}
.cta_area>.tit{
text-align: center;
margin-bottom: 1em;
}
.cta_area>.tit>img{
width: 130px;
display: inline-block;
}
.cta_area>.tit>span{
color: #fff;
letter-spacing: .1em;
position: relative;
left: 1em;
top:-.04em;
}
.cta_area>.tit>span>span{
font-size: 1.3em;
}
.cta_area>.btn>a{
width: 460px;
background: #fff;
color: #2e978e;
margin: 0 auto;
font-size:1.2em;
font-weight: 500;
letter-spacing: .2em;
}
.cta_area>h3{
color: #fff;
}
.cta_area>h3:after {
background: #fff;
}

/* loopSlider
------------------------------ */
.loopSliderWrap {
top: 0;
left: 0;
height: 80px;
overflow: hidden;
position: absolute;
}
.loopSlider {
margin: 0 auto;
width: 2000px;
height: 62px;
text-align: left;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
div.loopSlider:nth-last-of-type(2) {
margin-bottom: 50px;
}
.loopSlider ul {
height: 62px;
float: left;
overflow: hidden;
}
.loopSlider ul li {
float: left;
width: 192px;
padding: 0 30px;
height: 62px;
display: inline-block;
overflow: hidden;
}

/* footer
---------------------------------------------------------- */
.top_link_area a{
background: #f2f1f1;
display: block;
padding: 10px 0;
height: 20px;
width: 100%;
}
.top_link_area a img{
width: 33px;
margin: 0 auto;
opacity: .2;
}
.top_link_area a:hover{
background: #dfdfdf;
}
.top_link_area a:hover img{
opacity: .4;
}
footer{
background: #369a92;
padding-bottom: 80px;
}
footer>.wrap>.main_area>.logo{
width: 160px;
padding: 70px 0 60px;
}
footer ul a{
color: #fff !important;
}
footer ul a:hover{
opacity: .7;
}
footer ul>li{
padding-bottom: .2em;
color: #fff;
}
footer ul>li.sub{
font-size: .84em;
padding-bottom: 0;
}
footer ul li.sub:before{
content: '-';
padding: 0 .5em 0 .2em;
color: #fff;
}
footer .btn a {
display: block;
background: initial;
width: 100%;
text-align: center;
padding: 1em 0;
color: #fff;
font-size: 0.9em;
border: 2px solid rgba(255, 255, 255, 0.75);
margin-bottom: 1.5em;
}
footer .btn a:hover {
border: 2px solid rgba(255, 255, 255, 1) !important;
color: #40aca7 !important;
background: #fff !important;
}
footer .btn a:hover .ico_dl:before{background-image: url(../img/ico_dl_grn.svg);}
footer .btn a:hover .ico_key:before{background-image: url(../img/ico_key_grn.svg);}



.cr{
color: #40aca7;
font-size: .8em;
margin-bottom: 40px;
}

/* About
---------------------------------------------------------- */
.about>.inner{
background: url(../img/bg_about.png) no-repeat center center;
}
.about_mv_img{
width: 800px;
position: absolute;
right: 0;
top: 180px;
}
.logo_a{
width: 200px;
margin: 0 auto 3em;
}
.about_ico_wrap{
margin-bottom: 80px !important;
}
.about_ico_wrap>.box {
text-align: center;
color: #fff;
font-size: 1.3em;
font-weight: 300;
line-height: 1.9;
}
.about_ico_wrap>.box>.ico_big{
width: 50%;
margin: 0 auto 24px;
}
h3 .logo_a{
margin-bottom: 1em;
}

.about_slide_wrap{
margin-bottom: 80px;
}
.about_slide_wrap .box{
text-align: center;
font-size: 1.15em;
}
.about_slide_wrap .box .tit{
font-size: 1.1em;
color: #40aca7;
margin-bottom: 1em;
}
.about_slide_wrap .box .tit.lh2 {
position: relative;
top: -1em;
margin-bottom: -0.5em;
}
.img_circle{
width: 250px;
height: 250px;
border-radius: 200px;
margin: 0 auto 2em;
background: #ccc;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.no1_1{background-image: url(../img/about_slide_1_1.png);}
.no1_2{background-image: url(../img/about_slide_1_2.png);}
.no1_3{background-image: url(../img/about_slide_1_3.png);}
.no1_4{background-image: url(../img/about_slide_1_4.png);}
.no1_5{background-image: url(../img/about_slide_1_5.png);}
.no2_1{background-image: url(../img/about_slide_2_1.png);}
.no2_2{background-image: url(../img/about_slide_2_2.png);}
.no2_3{background-image: url(../img/about_slide_2_3.png);}
.no2_4{background-image: url(../img/about_slide_2_4.png);}
.no2_5{background-image: url(../img/about_slide_2_5.png);}
.no3_1{background-image: url(../img/about_slide_3_1.png);}
.no3_2{background-image: url(../img/about_slide_3_2.png);}
.no3_3{background-image: url(../img/about_slide_3_3.png);}
.no3_4{background-image: url(../img/about_slide_3_4.png);}
.no3_5{background-image: url(../img/about_slide_3_5.png);}

.about_company_wrap{
margin-bottom: 80px;
}
.company_logo{
width: 200px;
margin-bottom: 2em;
}
.company_tit{
font-size: 1.3em;
font-weight: 500;
margin-bottom: 1em;
}
.about_company_wrap .img_area,
.about_company_wrap .img_area>.img{
height: 320px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 0vw !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 0vw !important;
}
@media(max-width:780px){
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 3vw !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 3vw !important;
}
}/* @media */


/* Recruit
---------------------------------------------------------- */
.recruit>.inner{
background:#fcfcfc url(../img/bg_recruit.png) no-repeat center center;
}
.recruit hgroup {
position: absolute;
left: 24vw;
top: 360px;
font-size: 1.1em;
}
.recruit_img1{
width: 60%;
margin: 0 auto 3em;
}

/* アコーディオン（.accordion） */
.accordion_area > .left{
float: left;
width: 48.5%;
}
.accordion_area > .right{
float: right;
width: 48.5%;
}
dl.accordion > dt {
margin-bottom: .2em;
padding: 1%;
font-weight: normal !important;
font-size: 1.1em;
}
dl.accordion > dt > span{
margin: 0 0 0 2em;
display: inline-block;
}
dl.accordion > dt:hover {
cursor: pointer;
}
dl.accordion > dt span:hover{
opacity: .5;
transition: .3s;
}
dl.accordion > dt{
position: relative;
background: #40aca7;
color: #fff;
}
dl.accordion > dd {
padding: 3% 6%;
background: #fff;
margin-bottom: .5em;
}
dl.accordion > dt:after ,
dl.accordion > dt:before {
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 2px;
content: '';
-webkit-transition: -webkit-transform .3s;
-moz-transition: -moz-transform .3s;
-ms-transition: -ms-transform .3s;
-o-transition: -o-transform .3s;
transition: transform .3s;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
dl.accordion > dt:after {
top: 51%;
-webkit-transform: translate(0,-50%)rotate(90deg);
-moz-transform: translate(0,-50%)rotate(90deg);
-ms-transform: translate(0,-50%)rotate(90deg);
-o-transform: translate(0,-50%)rotate(90deg);
transform: translate(0,-50%)rotate(90deg);
}
dl.accordion > dt.add_toggle_css:after {
top: 50%;
-webkit-transform: translate(0,-50%)rotate(180deg);
-moz-transform: translate(0,-50%)rotate(180deg);
-ms-transform: translate(0,-50%)rotate(180deg);
-o-transform: translate(0,-50%)rotate(180deg);
transform: translate(0,-50%)rotate(180deg);
}
dl.accordion > dt.add_toggle_css:before {
-webkit-transform: translate(0,-50%)rotate(180deg);
-moz-transform: translate(0,-50%)rotate(180deg);
-ms-transform: translate(0,-50%)rotate(180deg);
-o-transform: translate(0,-50%)rotate(180deg);
transform: translate(0,-50%)rotate(180deg);
}
dl.accordion > dd{
display: none;
}
/* open */
.accordion.open > dt:after ,
.accordion.open > dt:before {
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 2px;
content: '';
-webkit-transition: -webkit-transform .3s;
-moz-transition: -moz-transform .3s;
-ms-transition: -ms-transform .3s;
-o-transition: -o-transform .3s;
transition: transform .3s;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.accordion.open > dt:before {
-webkit-transform: translate(0,-50%)rotate(180deg);
-moz-transform: translate(0,-50%)rotate(180deg);
-ms-transform: translate(0,-50%)rotate(180deg);
-o-transform: translate(0,-50%)rotate(180deg);
transform: translate(0,-50%)rotate(180deg);
}
.accordion.open > dt:after {
-webkit-transform: translate(0,-50%)rotate(180deg);
-moz-transform: translate(0,-50%)rotate(180deg);
-ms-transform: translate(0,-50%)rotate(180deg);
-o-transform: translate(0,-50%)rotate(180deg);
transform: translate(0,-50%)rotate(180deg);
}
.accordion.open > dt.add_toggle_css:after {
top: 51%;
-webkit-transform: translate(0,-50%)rotate(90deg);
-moz-transform: translate(0,-50%)rotate(90deg);
-ms-transform: translate(0,-50%)rotate(90deg);
-o-transform: translate(0,-50%)rotate(90deg);
transform: translate(0,-50%)rotate(90deg);
}
.accordion.open > dt.add_toggle_css:before {
-webkit-transform: translate(0,-50%)rotate(0deg);
-moz-transform: translate(0,-50%)rotate(0deg);
-ms-transform: translate(0,-50%)rotate(0deg);
-o-transform: translate(0,-50%)rotate(0deg);
transform: translate(0,-50%)rotate(0deg);
}
.accordion.open > dd{
display: block;
}
@media(max-width:780px){
.accordion_area > .left ,
.accordion_area > .right{
float: none;
width: 100%;
}
.accordion{
font-size: .9em;
}
dl.accordion dd{
text-align: justify;
}
dl.accordion > dt {
padding: 3% 10% 3% 0;
}
dl.accordion > dd {
padding: 16px;
}
}/* @media */


dl.base{
line-height: 1.6;
text-align: left;
}
dl.base a{
text-decoration: underline;
}
dl.base p{
margin-bottom: 1em;
}
dl.base > dt {
clear: both;
float: left;
width: 13em;
padding: 10px 0 10px;
color: #40aca7;
}
dl.base > dd {
padding: 10px 0 10px 13em;
border-bottom: 1px solid #f2f2f2;
}
dl.base.add{width: 66%;margin: 0 auto;}

@media(max-width:780px){
dl.base > dt {
float: none;
width: 100%;
padding: 10px 0 5px;
}
dl.base > dd {
padding: 10px 0 10px 0em;
}
dl.base.add{width: 100%;margin: inherit;}
}/* @media */


/* Plan
---------------------------------------------------------- */
.cs_area>.box{
background: #fafafa;
padding: 2%;
font-size: .9em;
line-height: 1.6;
border-radius: 10px;
}
.cs_area>.box>p{
margin-bottom: 1em;
}

/* Faq
---------------------------------------------------------- */
.faq_area{
max-width: 1000px;
margin: 0 auto 10vw;
}
/* -------------------------タブ切り替え */
.tabs {
}
.tab_content{
background: #fff;
padding: 80px 40px 40px;
}
.tab_item {
width: calc(100% / 4 - 1%);
font-size: 1.2em;
text-align: center;
background: #d8d8d8;
color: #fff;
display: block;
float: left;
text-align: center;
transition: all 0.2s ease;
padding: .5em 0;
margin: 0 calc(0.5%);
border-radius: 10px 10px 0 0;
}
.cs-faq .tab_item {
width: calc(100% / 5 - 1%);
}
.tab_item:hover {
opacity: .8;
}
@media(max-width:835px){
.tab_item {
font-size: 0.9em;
padding: .6em 0;
}
}/* @media */
input[name="tab_item"] {
display: none;
}
.tab_content {
display: none;
clear: both;
overflow: hidden;
transition: all 1s ease;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content{
display: block;
}
.tabs input:checked + .tab_item {
background-color: #fff;
color: #40aca7;
border-radius: 10px 10px 0 0;
}

/* Company
---------------------------------------------------------- */
.company_inner{
background: #fff;
padding: 5vw ;
text-align: center;
margin-bottom: 2vw;
}
.company_inner .tit{
color: #40aca7;
font-size: 2em;
margin-bottom: 3em;
}
.company_inner .tit span{
font-size:.8rem;
font-weight: 400;
color: #333;
letter-spacing: .2em;
display: block;
}
.company_inner>h6 {
font-size: 1.8em;
letter-spacing: 0.1em;
margin-bottom: 2em;
}
.company_inner p{
font-weight: 500;
}

.value_ico{
width: 130px;
margin: 0 auto 1em;
}
.value_tit{
font-size: 1.7em;
letter-spacing: .1em;
font-weight: 500;
margin-bottom: 1em;
color: #40aca7;
}
.company_inner .tit img{
width: 200px;
margin: 0 auto .2em;
}
.value_tit span {
font-size: 1.1rem;
display: block;
letter-spacing: .1em;
padding: 0.6em 0 0;
color: #333;
}
.value_tex{
margin-bottom: 80px;
font-weight: 500;
}
.media_wrap{
text-align: center;
}
.media_wrap li {
margin: 20px;
display: inline-block;
vertical-align: middle;
width: 130px;
}



/* archive_area
---------------------------------------------------------- */
.archive_area>.box {
float: left;
width: calc(100%/4.4);
height: 250px;
margin: calc(100%/90);
background-color: #ccc;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.archive_area>.box>a{
height: 250px;
position: relative;
display: block;
text-align: center;
background: rgba(0, 0, 0, 0.36);
}
.archive_area>.box>a:hover{
background: rgba(0, 0, 0, 0.56);
}
.archive_area>.box>a>p {
height: 1.5em;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
line-height: 1.5;
padding: 10px;
font-size: 1.4em;
color: #fff;
}

@media(max-width:1200px){
.archive_area>.box ,
.archive_area>.box>a{
height: 20vw;
}
}/* @media */



/* topics_area
---------------------------------------------------------- */
.topics_area{
font-size: .84em;
margin-bottom: 80px;
}
.topics_area>.box>a>.img_area, .topics_area>.box>a>.tit, .topics_area>.box>a>.tex, .topics_area>.box>a>.dat {
margin: 0 20px;
}
.img_area{
height: 190px;
margin-bottom: 1em !important;
overflow: hidden;
}
.img_area>.img{
height: 190px;
background-image:url(../img/noimg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.3s ease-in-out;
}
@media(max-width:1420px){
.img_area,
.img_area>.img{
height: 13vw;
}
}/* @media */

.in .img_area,.in .img_area>.img{
height: 240px;
}
@media(max-width:1420px){
.in .img_area,.in .img_area>.img{
height: 17vw;
}
}/* @media */
@media(max-width:736px){
.in .img_area,.in .img_area>.img{
height: 57vw;
}
}/* @media */

.topics_area .box{
margin-bottom: 48px;
}
.topics_area>.box>a:hover>.img_area>.img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility:hidden
}
.topics_area>.box>a>.tit {
color: #40aca7;
line-height: 1.6;
margin-bottom: 1em;
min-height: 3.4em;
}
.topics_area>.box>a>.tex{
line-height: 1.6;
margin-bottom: 1em;
}
.topics_area>.box>a>.dat{
text-align: right;
color: #a6a6a6;
}

/* topics_inner_area
---------------------------------------------------------- */
.topics_inner_area{
}
.topics_inner_area>.tit{
font-size: 2em;
font-weight: 400;
line-height: 1.6;
margin-bottom: .6em;
}
.topics_inner_area>.dat{
margin-bottom: 3em;
}
.topics_inner_area>.icatch{
margin-bottom: 2em;
}
.topics_inner_area>.tex_area{
}
.topics_inner_area>.tex_area img{
  height: inherit;
}
.topics_inner_area>.tex_area>h2 {
text-align: center;
font-size: 1.8em;
line-height: 1.6;
margin-bottom: 0.8em;
margin-top: 3em;

background: linear-gradient(transparent 90%, #40aca7 90%);
color: #575757;
text-align: left;

}
.topics_inner_area>.tex_area>h3 {
font-size: 1.7em;
letter-spacing: .1em;
margin: 3em 0;

padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #40aca7;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #40aca7;/*左線*/
text-align: left;
}
.topics_inner_area>.tex_area>h3:after {
display: none;
}
.topics_inner_area>.tex_area>h4 {
text-align: left;
font-size: 1.2em;
letter-spacing: .1em;
margin: 4em 0 1em;
}
.topics_inner_area>.tex_area>h4:before {
content: '■';
color: #40aca7;
background: none;
height: initial;
width: 1em;
margin: initial;
position: initial;
display: initial;
top: initial;
}
.topics_inner_area>.tex_area>h4:after{
display: none;
}
.topics_inner_area>.tex_area>h5 {
font-size: 1.2em;
font-weight: 500;
line-height: 1.6;
letter-spacing: .1em;
text-align: left;
margin: 4em 0 0.6em;
color: #40aca7;
}
.topics_inner_area>.tex_area>h6 {
font-weight: 500;
text-align: left;
color: #000000;
font-size: 1.16em;
letter-spacing: 0.1em;
margin: 2em 0 0.5em;
text-decoration: underline;
}
.topics_inner_area>.tex_area ul{
margin: 1em 0 ;
list-style: disc;
}
.topics_inner_area>.tex_area ul.list>li {
font-size: 1em;
line-height: 1.6;
position: relative;
letter-spacing: 0.06em;
margin: 0 0 1em 1.5em;
}
.topics_inner_area>.tex_area>p{
font-weight: 400;
margin-bottom: 1em;
}
.topics_inner_area>.tex_area blockquote {
background: rgba(0, 0, 0, 0.08);
font-size: .9em;
font-weight: 500;
padding: 3.4% 5.6%;
margin-bottom: 1em;
}
.topics_inner_area>.tex_area strong{
  font-weight: bold;
}
.topics_inner_area>.tex_area p a{
  color: #40aca7;
}
.topics_inner_area>.tex_area p a:hover{
text-decoration: underline;
}
.topics_inner_area>.tex_area table{
  background: #fff;
}
.topics_inner_area>.tex_area table td{
  padding: .5em;
border: #ddd solid 1px;
}


/* pankuzu
---------------------------------------------------------- */
.pankuzu{
  margin-bottom: 1em;
}
.pankuzu li{
float:left;
font-size: .8em;
line-height: 1.5;
}
.pankuzu li.home{
  display: none;
}
.pankuzu li a{
color: #40aca7;
}
.pankuzu li a:hover{
opacity: .8;
}
.pankuzu li a:after{
content: '▶︎';
font-size: .5em;
padding: 0 1em;
position: relative;
top:-.3em;
color:rgba(0, 0, 0, 0.38);
}
.pankuzu li:last-child a:after{
display: none;
}

/* low_area
---------------------------------------------------------- */
.low_area{
background: #fff;
padding: 5%;
}
.low_area > .tit{
font-size: 1.4em;
margin:3em 0 1em;
}
.low_area > .tit:before {
content: '■';
color: #40aca7;
}
.low_area > p{
padding-left: .6em;
margin-bottom: 1em;
}
.low_area.add > .tit{
font-size: 1.2em;
font-weight: 500;
}
.low_area.add > .tit:before {
content: '';
}
.link_area p{
margin: 2em 0 0;
}
.link_area .box {
float: left;
width: calc(100%/3);
}
.link_area .box a{
font-size: .8em;
color: #40aca7;
text-decoration: underline;
}
.link_area .box a:hover{
text-decoration: none;
}

/* Animation
------------------------------------------ */
.thefirst {
position: fixed;
top: 0;
left: 0;
background: rgba(63, 171, 166, 0.1);
width: 100%;
height: 120%;
z-index: 10000000;
-webkit-animation: load-anime 500ms cubic-bezier(.77,0,.11,1) 500ms both;
animation: load-anime 500ms cubic-bezier(.77,0,.11,1) 500ms both;
}
.thefirst:after{
content: '';
display: block;
position: fixed;
z-index: 99;
background-size: contain;
}
@media(max-width:736px){
.thefirst:after{
top: 38vh;
}
}/* @media */
.thesecond {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 120%;
z-index: 10000000;
-webkit-animation: load-anime 500ms cubic-bezier(.77,0,.11,1) 0ms both;
animation: load-anime 500ms cubic-bezier(.77,0,.11,1) 0ms both;
}
@-webkit-keyframes load-anime {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(100%);transform: translateX(100%);}}
@-webkit-keyframes load-parts {0% {-webkit-transform: translateX(-30px);transform: translateX(-30px);opacity:0;}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity:1;}}
@keyframes load-anime {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(100%);transform: translateX(100%);}}
@keyframes load-parts {0% {-webkit-transform: translateX(-30px);transform: translateX(-30px);opacity:0;}100% {-webkit-transform: translateX(0);transform: translateX(0);opacity:1;}}
@-webkit-keyframes animationlineHover{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}50.01%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes animationlineHover{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}50.01%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}
.anm_fst{
animation: load-parts 300ms ease 500ms both;
-webkit-animation: load-parts 500ms ease 700ms both;
}
.anm_scd{
animation: load-parts 300ms ease 800ms both;
-webkit-animation: load-parts 460ms ease 700ms both;  
}




/* ----------------------------------------------------------
SP
---------------------------------------------------------- */
.spmenu > .logo {
width: 110px;
position: fixed;
top: 14px;
left: 14px;
z-index: 999;
}
@media(max-width:1200px){
.top_cts1 .fl.add img {
left: 0;
right: 0;
margin: auto;
}
}/* @media */
@media(max-width:960px){
.mg_menu > li {
margin-right: 1.5em;
}
.mg_menu {
right: 124px;
font-size: 0.9em;
}
.btn a {
width: 150px;
}
header>.btn.no1 {
right: 151px;
}
header>.logo {
width: 120px;
left: 20px;
top: 22px;
}
hgroup {
left: 5vw;
}
}/* @media */

@media(max-width:780px){
/* common ---------------------------------------sp */
.cts {
padding: 7vh 0 10vh;
}
.cts.scd{
padding: 12vw 0 10vw;
}
.btn2 a {
font-size: 1em;
padding: 1em 0;
width: 90vw;
text-align: center;
}
.cta_area>.btn>a {
width: 90vw;
font-size: 1.1em;
}
.btn2.add a {
padding: 1.2em 0em;
font-size: 1.1em;
width: 90%;
}
.btn a {
width: 90%;
margin: 0 auto 0.7em;
padding: 1.4em 0;
font-size: 1.1em;
}

ul.list>li {
font-size: 1em;
margin: 0 0 0.6em 1.5em;
}
ul.list>li>span {
box-shadow: inset 0 -2px 0 #9cd4d3;
}


h3{
margin-bottom: 54px;
}
h3.sp_add {
font-size: 1.6em;
}
h3>span {
line-height: 1.6 !important;
display: inline-block;
}

h4{
font-size: 1.6em;
}
h4:before {
height: 1em;
width: 8em;
top: 2.3em;
}
h4:after {
width: 90vw;
top: -2.6em;
}
h5 {
font-size: 1.6em;
line-height: 1.6;
margin-bottom: 40px;
}

.topics_area {
font-size: 0.9em;
margin-bottom: 16px;
}
.topics_area>.box>a>.img_area,
.topics_area>.box>a>.tit,
.topics_area>.box>a>.tex,
.topics_area>.box>a>.dat {
margin: 0;
}
.img_area ,
.img_area>.img {
height: 50vw;
}
.topics_area>.box {
margin-bottom: 24px;
}
.topics_area>.box>a>.dat {
text-align: left;
}
.topics_area>.box>a>.tex {
margin-bottom: 0.5em;
}


.scrollx {
overflow: scroll;
margin-bottom: 64px;
margin-right: 20px;
border-right: 1px solid #fff;
}
.scrollx:after {
content: 'Scroll ▶︎';
font-size: 0.9em;
position: absolute;
right: 19px;
color: #fff;
}
.table {
width: 635px;
height: 343px;
margin: 20px;
-webkit-overflow-scrolling: touch;
}


.scrollx.type2 {
border-right: 1px solid #40aca7;
}
.scrollx.type2:after {
color: #40aca7;
}
.plan {
width: 623px;
height: 236px;
margin: 20px 20px 30px 20px;
}
.plan a:nth-child(1) {
position: absolute;
left: 307px;
top: 119px;
}
.plan a:nth-child(2) {
position: absolute;
left: 550px;
top: 119px;
}
.plan p {
font-size: 0.76em;
}

.demo_form_area {
width: 90%;
height: 320px;
background: #fafafa;
margin: 0 auto 0px;
}
.arrow2 {
margin-bottom: -18vw;
}

.archive_area>.box {
float: none;
width: calc(100%/1);
height: 250px;
margin: 0 0 14px;
}
.archive_area>.box, .archive_area>.box>a {
height: 50vw;
}


/* index.html ---------------------------------------sp */
.mv {
height: 155vw;
border-bottom: 1px solid #e8e8e8;
}
.inner {
background: url(../img/mv_bg_sp.png) no-repeat center center;
height: 113vw;
background-size: cover;
}
hgroup {
left: 5vw;
top: 107vw;
}
hgroup>h1 {
font-size: 2em;
}
.reason {
left: 20px;
top: -70px;
}
.top_cts1 .fl img {
left: -15vw;
width: 110vw;
}
.top_cts1 .fr img {
right: -1vw;
width: 110vw;
}
.top_cts1 .fr {
margin: 100px 0 0 5vw;
}
.clm2_45.add {
width: 100%;
padding: 0;
margin: 120px 0 0 5vw;
}
.clm2_45.add .reason {
left: 20px;
}
.top_cts1 .fl.add img {
position: relative;
left: 15vw;
width: 320px;
top: 0vw;
}
.top_cts1 .bg {
height: 75vw;
}
.loopSlider ul li {
width: 120px;
padding: 0 10px;
height: 40px;
}
.loopSlider {
margin: 0 auto;
width: 900px;
height: 40px;
text-align: left;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}

/* about ---------------------------------------sp */
.about_mv_img {
width: 96vw;
top: 35vw;
right: 0vw;
}
.about hgroup {
left: 0;
top: 113vw;
right: 0;
}
.logo_a {
width: 180px;
margin: 0 auto 2em;
}
.swiper-button-next, .swiper-button-prev{
outline: none;
}
.about .clm2_35 img {
width: 80%;
margin: 32px auto 0;
}
.about_ico_wrap>.box>.ico_big {
width: 40%;
margin: 0 auto 0px;
}
.about_ico_wrap>.box>.tex {
margin: 0 0 2em;
}
.img_circle {
width: 160px;
height: 160px;
border-radius: 200px;
margin: 0 auto 1em;
}
.about_company_wrap .img_area, .about_company_wrap .img_area>.img {
height: 60vw;
}
.company_logo {
width: 180px;
margin-bottom: 1em;
}
.about_company_wrap {
margin-bottom: 40px;
}

/* recruit ---------------------------------------sp */
.recruit>.inner {
background: #fcfcfc url(../img/bg_recruit.png) no-repeat center right -37vw;
background-size: cover;
}
.recruit hgroup {
position: absolute;
left: 11vw;
top: 44vw;
font-size: 0.8em;
}
.mv.recruit {
height: 113vw;
}
.recruit_img1 {
width: 96%;
margin: 0 auto 2em;
}


/* other ---------------------------------------sp */

/* plan */
.cs_area>div{
margin: 1em 0 ;
}
cs_area>.box {
width: 96%;
}

/* faq */
.faq_area {
max-width: 1000px;
margin: 0 auto 10vw;
padding: 0 5%;
}
.tab_content {
padding: 60px 10px 20px;
}
dl.accordion > dt > span {
margin: 0 0 0 1em;
line-height: 1.4;
}
.accordion > dt:after, .accordion > dt:before,
.accordion.open > dt:after, .accordion.open > dt:before{
right: 10px !important;
width: 14px !important;
}

/* company */
.company_inner {
padding: 10vw 5vw 10vw;
}
.company_inner .tit {
font-size: 1.8em;
margin-bottom: 2em;
}
.company_inner>h6 {
font-size: 1.6em;
letter-spacing: 0.1em;
margin-bottom: 1em;
line-height: 1.6;
}
.company_inner p {
font-weight: 500;
text-align: left;
}
.value_tit span {
font-size: 0.9rem;
letter-spacing: 0.06em;
}
.value_tex {
margin-bottom: 64px;
}

/* low ---------------------------------------sp */
.low_area > .tit {
font-size: 1.2em;
margin: 0 0 .5em;
padding-bottom: .5em;
border-bottom: 1px solid #ddd;
}
.low_area > p {
padding-left: 0em;
margin-bottom: 2em;
font-size: 0.9em;
letter-spacing: 0;
line-height: 1.6;
}
.low_area > ul{
font-size: 0.9em;
line-height: 1.6;
letter-spacing: 0;
margin-bottom: 2em;
}

/* topics ---------------------------------------sp */
.topics_inner_area>.tit {
font-size: 1.6em;
}
.topics_inner_area>.icatch {
}
.topics_inner_area>.tex_area>h2 {
font-size: 1.4em;
}
.topics_inner_area>.tex_area>h3 {
font-size: 1.4em;
margin-bottom: 1em;
}
.topics_inner_area>.tex_area>p {
letter-spacing: 0;
}


/* footer ---------------------------------------sp */

.cr {
color: #40aca7;
font-size: .8em;
margin-bottom: 40px;
text-align: center;
padding: 0.7em 0 0;
}
footer{
padding-bottom: 16px;
}
footer .ul_area .clm2_20 {
float: left;
width: 50%;
}
footer .ul_area .btn_area {
width: 100%;
margin: 2em 0 0;
}
}/* @media */


/* ----------------------------------------------------------
form_area
---------------------------------------------------------- */
.form_area{
width: 60%;
margin: 0 auto;
}
@media(max-width:780px){
.form_area{
width: 100%;
}
}/* @media */

dl.mailform{
font-size: 1em;
}
dl.mailform > dt {
margin-bottom: 0.2em;
letter-spacing: .04em;
color:#b5b5b5;
}
dl.mailform > dd {
margin-bottom: 2em;
}
dl.mailform input, dl.mailform textarea {
border: 0;
width: 100%;
padding: 14px 10px;
font-size: 1rem;
outline: none;
background: #eeeeee;
color: #3f3f3f;
}
dl.mailform input[type="submit"]{
background: #40aca7;
color: #fff;
}
dl.mailform .jingle input{
padding: 1% 0;
background: none;
}
dl.mailform .ns-job-etc input{
margin-bottom: 0.5em;
top: -1em;
position: relative;
}
dl.mailform input.age{
width: 4em;
}
dl.mailform label input{
width: inherit;
}
.radio_select-type1{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:2em 0;
}
.radio_select-type2{
border-bottom: 1px solid #ccc;
padding:0 0 1em;
}
span.setting{
margin: -3.03em 0 0;
display: block;
}
span.corner_cs {
font-size: 0.8em;
color: rgba(0, 0, 0, 0.58);
padding: 0 1.2em;
display: block;
line-height: 1.6;
}
.radio_select-type2 span.wpcf7-list-item{
display: block;
margin: 0 0 1em 1em;
}
/* 必須 */
dl.mailform > dt.hissu:after{
content: '必須';
font-size: .8em;
position: relative;
top: -0.1em;
left: 0.5em;
padding: .12em 0.7em;
color: rgba(23, 170, 190, 1);
}
/* セレクトボタン */
.cp_ipselect {
overflow: hidden;
width: 50%;
}
.cp_ipselect select {
width: 100%;
font-size: 1rem;
padding: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: #eee;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
.cp_ipselect select::-ms-expand {
display: none;
}
.cp_ipselect.cp_sl01 {
position: relative;
}
.cp_ipselect.cp_sl01::after {
position: absolute;
top: 1.5em;
right: 1.1em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 9px solid #666666;
pointer-events: none;
}
select.select {
padding: 14px 10px;
font-size: 1rem;
background: #eeeeee;
color: #3f3f3f;
}

/* 送信ボタン */
dl.mailform input[type="submit"]:hover {
opacity: .8;
}
/* 注意書き */
span.wpcf7-not-valid-tip {
font-size: 0.8em !important;
}
/* チェックボックス */
dl.mailform input[type="checkbox"] {
border: 0;
width: initial;
padding: 0;
font-size: 1rem;
outline: none;
background: none;
}
/* 送信後非表示、送信後コメント */
.sent .hide{
display: none;
}
div.wpcf7-mail-sent-ok {
border: 0 !important;
margin: 0!important;
padding: 0!important;
font-size: 1rem;
line-height: 2;
}
div.wpcf7-mail-sent-ok:before {
content: 'Message sent.';
display: block;
text-align: center;
font-size: 5vw;
font-weight: bold;
margin: 0 0 0.5em;
color: #000;
line-height: 1em;
padding: 20vh 0;
border: 1px solid #ccc;
border-left: 0;
border-right: 0;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
display: none !important;
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
}
.end_check{
font-size:.9em;
text-align: center;
margin: 40px 0 0;  
}
.end_check_btm{
  text-align: center;
}
.end_check_btm a{
  color: #a2a2a2;
  text-decoration: underline;
font-size:.76em;
}
.end_check_btm a:hover{
  text-decoration: none;
}
.screen-reader-response{
  display: none !important;
}
span.wpcf7-not-valid-tip {
color: red !important;
display: block !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media(max-width:835px){
div.wpcf7-mail-sent-ok:before {
content: 'Message sent!';
display: block;
text-align: center;
font-size: 9vw;
font-weight: bold;
margin: 0 0 0.5em;
line-height: 1em;
padding: 16vh 0;
border: 1px solid;
border-left: 0;
border-right: 0;
}
div.wpcf7-mail-sent-ok {
border: 0 !important;
margin: 0!important;
padding: 0!important;
font-size: 0.8rem;
line-height: 2;
margin-bottom: 6em !important;
}
span.wpcf7-list-item {
display: block !important;
margin: 0 0 1em 0em !important;
}
.radio_select-type1 {
padding: 2em 0 1em !important;
}
.radio_select-type2 span.wpcf7-list-item {
display: block !important;
margin: 0 0 1em 0em !important;
}
span.setting {
margin: -3.1em 0 0;
display: block;
}
}/* @media */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* pd-form */
#pd-frame {
width: 100%;
}

/* responsive faq */
.hrf-faq-list .hrf-content a {
  color: #40aca7;
  text-decoration: underline;
}
.hrf-faq-list .hrf-content a:hover {
  opacity: 0.8;
}


/*Pagenation*/
.pagenation {
text-align: center;
}
.pagenation:after, .pagenation ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.pagenation ul {
margin: 0;
display: inline-block;
}
.pagenation li {
float: left;
list-style: none outside none;
border: 1px solid #ccc;
border-right: 0;
}
.pagenation li:last-child {
border-right: 1px solid #ccc;
}
.pagenation li.active {
background-color: #dbefed;
color: #454545;
padding: 3px 13px;
}
.pagenation li.active:hover {
}
.pagenation li a {
background: #fff;
border-radius: 0px;
color: #454545;
display: block;
padding: 3px 13px;
text-decoration: none;
}
.pagenation li a:hover {
background-color: #add4d0;
transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
}

/*casestudy cta*/
.case-cta {
  height: auto;
  width: 90%;
  margin: 40px auto;
  border: solid 1px rgba(64, 172, 167, 0.3);
  border-radius: 15px;
  background-color: #ffffff;
  display: flex;
  padding: 20px 30px;
  justify-content: center;
  align-items: center;
}

.case-cta-img {
  width: 45%;
}

.case-cta-form {
  width: 55%;
  text-align: center;
}

.case-cta-button {
  background-color: #40aca7;
  width: 60%;
  padding: 10px 20px;
  margin: 10px auto 0px;
  color: #fff;
}

.case-cta-button:hover {
  opacity: 0.8;
}

@media(max-width:780px){
  .case-cta {
    width: 100%;
    margin: 20px auto;
    padding: 5%;
    display: block;
    box-sizing: border-box;
  }
  .case-cta-img {
    width: 90%;
    margin: auto;
  }
  .case-cta-form {
    width: 90%;
    margin: 15px auto 0px;
  }
  .case-cta-button {
    margin-top: 15px;
  }
}

/* information */
/*
.information{
  padding: 30px 0px;
  color: #586362;
  font-size: 1.8em;
  text-align: center;
  background-color: #40aca7;
}
*/
.information{
  display: none;
}
@media (max-width: 780px){
  .information{
    display: none;
  }
}

/* CTA banner */
.cta-banner{
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.cta-banner img{
  width: 96%;
  margin: 0px 2%;
}
@media (max-width: 480px){
  .cta-banner{
    flex-direction: column;
  }
  .cta-banner img{
    margin-bottom: 10px;
  }
}

/* covid */
.mv.covid{
height: 500px;
z-index: 0;
}
.about.covid>.inner{
background: url(../img/covid_concierge.jpg) no-repeat center right;
background-size: cover;
height: 500px;
}
.covid-flow {
  background-image: url(../img/covid_flow.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  width: 100%;
  height: 800px;
}
.wht {
  color: #fff !important; 
}
.wht:hover {
  color: #999 !important; 
}
.ul-link {
  text-decoration: underline !important;
}
.covid-sample {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.covid-sample>a {
  width: 33%;
  text-align: center;
  line-height: 4;
}
@media (max-width: 780px){
  .covid-flow {
    height: 600px;
  }
  .covid-sample>a {
    width: 50%;
  }
  .mv.covid {
    height: 113vw;
  }
  .mv.covid>hgroup>h1 {
    display: none;
  }
  .about.covid>hgroup{
    top: 120vw;
  }
  .about.covid>.inner {
  height: 113vw;
  }
}
@media (max-width: 480px){
  .covid-flow {
    background-image: url(../img/covid_flow_m.png);
    height: 1200px;
  }
  .covid-sample>a {
    width: 50%;
  }
  .mv.covid>hgroup>h1 {
    display: none;
  }
}

/* about-border */
.arrangement-sample {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.arrangement-sample-item {
  width: calc(100% / 3 -30px);
  margin-bottom: 10px;
  padding: 10px 10px;
  text-align: center;
}
.green {
  color: #40aca7 !important; 
}
.green:hover {
  color: #fff !important; 
}
.plan-message{
  text-align: center;
}

/* サポートページ */
.sup_area{
  max-width: 1000px;
  margin: 0 auto 10vw;
}

.supListMargin{
  padding: 0 0 30px;
}

h2.supTitle02{
  /*font-size: 22px;*/
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: solid 2px #eee;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-align: left;
}

h2.supTitle02:after{
  content: "";
  position: absolute;
  width: 65px;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #40aca7;
}

h4.supTitle03{
  margin: 3px 0 20px;
  line-height: 1;
  /*font-size: 18px;*/
  font-size: 1.2rem;
  padding-left: 15px;
  font-weight: 500;
  position: relative;
  text-align: left;
}

h4.supTitle03:before{
  content: "";
  display: block;
  width: 4px;
  position: absolute;
  left: 0;
  top: 1px;
  bottom: 1px;
  background: #40aca7;
}

.supList_column{
  margin: 0 -2%;
}

.supList_column>li {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  float: left;
}

.supList_column:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.supList>li{
  display: table;
  /*width: 100%;*/
  margin-bottom: 15px;
}

.supList>li a {
  /*font-size: 14px;*/
  font-size: 1.2rem;
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  line-height: 1.5;
  padding: 0 30px 0 15px;
  border: solid 1px #e0e0e0;
  position: relative;
}

section section{
  margin-bottom: 15px;
}

section{
  display: block;
}

@media(max-width:780px){
.supList_column>li {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.supList>li a {
  font-size: 1.0rem;
}