@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500&display=swap');

/*------------------------------------------------------------
  PCSP調整
------------------------------------------------------------*/
.pc-only {display: none;}
.sp-only {display: block;}
.pc-block {display: none;}
.sp-block {display: block;}
.pc-inline {display: none;}
.sp-inline {display: inline;}
.pc-hidden {display: block;}

@media screen and (min-width: 520px) {
  .pc-only {display: block;}
  .sp-only {display: none !important;}
  .pc-block {display: block;}
  .sp-block {display: none !important;}
  .pc-inline {display: inline;}
  .sp-inline {display: none !important;}
}

/*------------------------------------------------------------
  共通調整
------------------------------------------------------------*/
body{font-family: "Noto Sans JP",sans-serif;color: #333;font-feature-settings: normal;}
img{max-width: 100%;}

/* 青背景 */
.blue-bg{background: #C1D6E3;position: relative;padding:40px 16px 80px;z-index:1;margin-top: 67px;}
.blue-bg::before{content:"";width: 100%;height: 67px;aspect-ratio: 400/67;display: block;position: absolute;background: url(../../../img/lp/shikoku_soudan/sec02_divider.svg)no-repeat bottom center/100% auto;top: -67px;left: 0;}

@media screen and (min-width: 520px){
  .blue-bg{padding:40px min(10%, 150px) 160px;margin-top:calc(100vw * (251 / 1500));background:url(../../../img/lp/shikoku_soudan/bg_img01.png)no-repeat top 16% left 0/373px 652px,url(../../../img/lp/shikoku_soudan/bg_img02.png)no-repeat bottom 12% right 0/228px 459px,#C1D6E3;}
  .blue-bg::before{height: calc(100vw * (251 / 1500));top: calc(100vw * (-251 / 1500));}
}


/* CTAボタン */
.cta_btn{background: #EA553A;border-radius: 999px;color: #fff;font-size: 1.5rem;font-weight: 700;padding:6px 15px 6px 7px;width: fit-content;position: relative;align-items: center;display: flex;line-height: 1.75}
.cta_btn::before{content:"無料";color: #EA553A;background: #fff;border-radius: 999px;font-size: 1.3rem;line-height: 1.75;aspect-ratio: 1/1;margin-right: 10px;display: flex;justify-content: center;align-items: center;width:40px;}
.cta_btn::after{content:"";width: 20px;aspect-ratio:1/1;background: url(../../../img/lp/shikoku_soudan/btn_arrow.png)no-repeat center/contain;display:block;margin-left: 10px;}
@media screen and (min-width: 520px){
  .cta_btn{font-size: 1.8rem;font-weight: 700;padding:12px 26px 12px 16px;min-width: 330px;justify-content: space-between;}
  .cta_btn::before{font-size: 1.6rem;width:50px;}
}

/* CTAセクション */
.cta{background: #2F89BE;position: relative;z-index: 1;padding:0 20px;}
.cta::before{content:"";display: block;background: url(../../../img/lp/shikoku_soudan/cta_wave_sp.png)no-repeat bottom center/100% auto;left: 0;top:-49px;position: absolute;width: 100%;height: 50px;}
.cta::after{content:"";display: block;background: url(../../../img/lp/shikoku_soudan/cta_illust.svg)no-repeat center/contain;width: 182px;height: 64px;position: absolute;left: 0;top: -47px;}

.cta.type01{background: linear-gradient(180deg,rgba(47, 137, 190, 1) 0%, rgba(47, 137, 190, 1) 41%, rgba(255, 255, 255, 1) 41%, rgba(255, 255, 255, 1) 100%);}
.cta.type02{background: rgba(47, 137, 190, 1);padding-bottom: 64px;}

.cta .title{text-align: center;line-height: 1.6;letter-spacing: 0.02em;font-size: 4.8rem;font-weight: 700;font-family: "Montserrat", sans-serif;color: #F0EFE1;}
.cta .box{background: #fff;padding: 20px 24px;border-radius: 24px;box-shadow: 0 4px 16px #0000001f;}
.cta .box .inner{}
.cta .box .inner .title{text-align: center;color: #2F89BE;font-weight: 700;font-size: 2rem;line-height: 1.6;letter-spacing: 0.02em;margin-bottom: 8px;font-feature-settings: "palt";}
.cta .box .inner .text{line-height: 1.75;font-size: 1.4rem;font-weight: 400;margin-bottom: 24px;}
.cta .box .cta_btn{width: 100%;justify-content: space-between;}

@media screen and (min-width: 520px){
  .cta{}
  .cta::before{background: url(../../../img/lp/shikoku_soudan/cta_wave_pc.png)no-repeat bottom center/100% auto;height: calc(100vw * (50/1500));top: calc(100vw * (-49/1500));}
  .cta::after{background: url(../../../img/lp/shikoku_soudan/cta_illust.svg)no-repeat center/contain;width: 467px;height: 164px;position: absolute;left: 0;top: -47px;}
  .cta .title{font-size: 8rem;margin-bottom: 16px;}
  .cta .box{padding: 40px;display: flex;align-items: flex-end;max-width: 100%;/*min-width: 1200px;*/width: 80%;margin:auto;}
  .cta .box .inner{}
  .cta .box .inner .title{font-size: 2.4rem;text-align: left;}
  .cta .box .inner .text{font-size: 1.6rem;margin-bottom:0;}
  .cta .box .cta_btn{min-width:34%;width:416px;max-width: 100%;justify-content: space-between;}

  .cta.type01{background: linear-gradient(180deg,rgba(47, 137, 190, 1) 0%, rgba(47, 137, 190, 1) 70%, rgba(255, 255, 255, 1) 41%, rgba(255, 255, 255, 1) 100%);}
  .cta.type02 .box{min-width:72px;width: 1080px;}
}

@media (min-width: 521px) and (max-width: 1280px){
  .cta .box{display: block;}
  .cta .box .inner{margin-bottom: 30px;}
  .cta .box .cta_btn{margin-left: auto;margin-right: auto;}
  .cta .box .inner .title{text-align:center;}
  .cta .box .inner .text{text-align: center;}
}

/*------------------------------------------------------------
  追従ヘッダー
------------------------------------------------------------*/
#header{background:#fff;display:flex;align-items: flex-start;justify-content: space-between;padding:10px;position:fixed;width: 100%;top: 0;left: 0;z-index: 999;}

#header .logo{display: block;width: 153px;}
#header .cta_btn{font-size: 1.2rem;padding: 6px;line-height: 1.3;text-align: center;}

@media screen and (min-width: 520px){
  #header .cta_btn{font-size: 1.5rem;padding: 6px 15px 6px 7px;line-height: 1.75;min-width: 330px;justify-content: space-between;}
  #header .cta_btn::before{width: 40px;font-size: 1.3rem;}
}

/*------------------------------------------------------------
  メインビジュアル
------------------------------------------------------------*/
#mv{aspect-ratio: 400/600;background: url(../../../img/lp/shikoku_soudan/mv_bg_sp.png)no-repeat top left/100% auto;padding-top:4%;padding-left:5%;}
#mv .logo{aspect-ratio: 153/46;width:38.25%;margin-left:16.25%;display: block;}
#mv .title{margin-top: 26%;width:72.25%;display: block;margin-bottom: 6%;}

@media screen and (min-width: 520px){
  #mv{aspect-ratio: 1500/929;background-image: url(../../../img/lp/shikoku_soudan/mv_bg_pc.png);padding-top: 20px;padding-left: 0;}
  #mv .logo{aspect-ratio: 153/60;width:153px;margin-left:20px;}
  #mv .title{margin-top:4.56%;width:41.2%;margin-left:9.8%;margin-bottom:3.73%;}
  #mv .cta_btn{margin-left:9.8%;}
}

/*------------------------------------------------------------
  装飾テキスト
------------------------------------------------------------*/
#deco_txt{overflow: hidden;transform: translateX(-6.5em);width: calc(100% + 6.5em);height: 5.3em;position: relative;z-index: -1;}
#deco_txt .txt{color: #F6F6F4;font-family: "Montserrat", sans-serif;font-size: 5rem;font-weight: 600;white-space: nowrap;}
@media screen and (min-width: 520px){
  #deco_txt{transform: translateX(-6.5em);height: 19.5em;margin-top: -12em;}
  #deco_txt .txt{font-size: 18rem;}
}

/*------------------------------------------------------------
  こんなお悩みありませんか？
------------------------------------------------------------*/
#onayami{margin-top: -3px;padding: 0 20px 80px 20px;}
#onayami .title_img{width: 289px;display: block;margin:0 auto 28px;}
#onayami .nayamis{display: flex;justify-content: flex-start;align-items: flex-start;gap: 8px;flex-wrap: wrap;margin-bottom: 48px;}
#onayami .nayamis .item{width: calc((100%/2) - (8px/2));}
#onayami .nayamis .item .image{aspect-ratio: 1/1;margin-bottom: 4px;}
#onayami .nayamis .item .text{text-align: center;font-weight: 400;font-size: 1.3rem;line-height: 1.75;}
#onayami .stit{font-weight: 700;font-size: 2rem;text-align: center;line-height: 1.6;letter-spacing: 0.02em;margin-bottom: 16px;}
#onayami .desc{font-weight: 400;font-size: 1.6rem;line-height: 2;}
#onayami .desc .blue{color: #2F89BE;font-weight: 700;}

@media screen and (min-width: 520px){
  #onayami{margin-top: -7.5em;}
  #onayami .title_img{/*min-width:515px;*/width: 34.3%;margin:0 auto 47px;}
  #onayami .nayamis{max-width: 100%;/*min-width: 1200px;*/width: 80%;gap: 32px;margin-bottom: 40px;margin-left: auto;margin-right: auto;}
  #onayami .nayamis .item{width: calc((100%/4) - ((32px * 3)/4));}
  #onayami .nayamis .item .image{aspect-ratio: 1/1;margin-bottom: 41px;width: 240px;margin-left: auto;margin-right: auto;display: block;}
  #onayami .nayamis .item .text{font-size: 1.8rem;line-height:2;}
  #onayami .stit{font-size: 2.4rem;}
  #onayami .desc{font-size: 1.8rem;text-align: center;}
}

/*------------------------------------------------------------
  実は、求人票だけでは見えていない選択肢があります
------------------------------------------------------------*/
#choices{background: #fff;border-radius: 24px;padding: 40px 20px 24px;box-shadow: 0 4px 16px #0000001f;position: relative;z-index:1;margin-bottom: 24px;}
#choices::before{content:"";width: 244px;height:161px;display: block;position: absolute;z-index: 2;top: -147px;left: 50%;transform: translateX(-50%);background: url(../../../img/lp/shikoku_soudan/sec02_staff.svg) no-repeat center/contain;}

#choices .title_img{margin-bottom: 24px;}

#choices .contents{}
#choices .contents .inner{}
#choices .contents .inner .item-box{}
#choices .contents .inner .item-box .item{}
#choices .contents .inner .item-box .item .cond{position: relative;font-size: 2rem;text-align: center;line-height: 1.6;letter-spacing: 0.02em;width: 197px;height: 76px;display: flex;justify-content: center;align-items: center;margin: auto;font-weight: 700;}
#choices .contents .inner .item-box .item .cond::before,#choices .contents .inner .item-box .item .cond::after{content:"";position: absolute;width: 20px;aspect-ratio: 1/1;border: 1px dotted #000;}
#choices .contents .inner .item-box .item .cond::before{top: 0;left: 0;border-width: 1px 0 0 1px;}
#choices .contents .inner .item-box .item .cond::after{bottom: 0;right: 0;border-width: 0 1px 1px 0;}
#choices .contents .inner .item-box .item .arrow{width: 24px;display: block;margin: auto;}
#choices .contents .inner .item-box .item .fact{text-align: center;font-size: 1.4rem;font-weight: 700;line-height: 1.75;color: #2F89BE;margin-bottom: 24px;}

#choices .contents .inner .desc{font-size: 1.4rem;line-height: 1.75;font-weight: 400;margin-bottom: 40px;}
#choices .contents .inner .desc .up{font-size: 1.6rem;line-height: 2;}
#choices .contents .inner .desc .blue{font-size: 1.6rem;color: #2F89BE;line-height: 2;font-weight: 700;}
#choices .contents .deco_img{}

@media screen and (min-width: 520px){
  #choices{padding:64px 60px;margin-bottom: 80px;}
  #choices::before{width: 432px;height:286px;top: -261px;}
  #choices .title_img{margin-bottom: 40px;min-width:53.3%;width:640px;margin-left: auto;margin-right: auto;max-width: 100%;}
  #choices .contents{display:flex;gap: 40px;align-items: flex-start;}
  #choices .contents .inner{width: 66.6%;}
  #choices .contents .inner .item-box{display: flex;gap:calc(100vw * (24/1500));margin-bottom: 40px;justify-content: space-between;/*flex-wrap: wrap;*/}
  #choices .contents .inner .item-box .item{/*width: calc((100%/3) - ((24px * 2)/3));*/width: fit-content;}
  /* #choices .contents .inner .item-box .item:first-of-type{width: fit-content;} */
  #choices .contents .inner .item-box .item .cond{font-size: 2.4rem;}
  #choices .contents .inner .item-box .item .fact{font-size: 1.6rem;margin-bottom:0;}
  #choices .contents .inner .desc{font-size: 1.6rem;margin-bottom:0;}
  #choices .contents .inner .desc .up{font-size: 1.8rem;}

  #choices .contents .deco_img{width: 33.3%;flex-shrink: 0;/*min-width: 400px;*/}
}

@media (min-width: 521px) and (max-width: 1280px) {
  #choices .contents{display: block;}
  #choices .contents .inner{width: 100%;margin-bottom: 60px;}
  #choices .contents .inner .item-box{flex-wrap: wrap;justify-content: center;}
  #choices .contents .deco_img{width: 50%;display: block;margin: auto;}
}


/*------------------------------------------------------------
  地域密着40年 四国を知るコンサルタントと進める4つのメリット
------------------------------------------------------------*/
#merit{background: #fff;border-radius: 24px;padding: 10px 20px 40px;box-shadow: 0 4px 16px #0000001f;position: relative;z-index:1;margin-bottom: 40px;}
#merit .title_img{width: 213px;display: block;margin:0 auto 24px;}

#merit .box{}
#merit .box .item{margin-bottom: 24px;}
#merit .box .item .image{margin-bottom: 16px;}
#merit .box .item .title{text-align: center;color: #2F89BE;font-weight: 700;font-size: 2rem;line-height: 1.6;letter-spacing: 0.02em;margin-bottom: 8px;}
#merit .box .item .text{font-size: 1.4rem;font-weight: 400;line-height: 1.75;}

#merit .desc{font-weight: 400;font-size: 1.6rem;line-height: 2;}
#merit .desc .bold{font-weight: 700;}

@media screen and (min-width: 520px){
  #merit{padding: 35px min(11.3%, 136px) 64px;margin-bottom: 80px;}
  #merit .title_img{min-width:34.5%;width:415px;margin:0 auto 40px;max-width: 100%;}
  #merit .box{display: flex;flex-wrap: wrap;gap: 24px;margin-bottom: 40px;}
  #merit .box .item{width: calc((100%/2) - (24px/2));margin-bottom: 0;}
  #merit .box .item:nth-of-type(even){margin-top: 80px;}
  #merit .box .item .image{margin-bottom: 24px;}
  #merit .box .item .title{font-size: 2.4rem;margin-bottom: 16px;}
  #merit .box .item .text{font-size: 1.6rem;line-height: 1.75;}
  #merit .desc{font-size: 1.8rem;line-height:2;text-align: center;}
}


/*------------------------------------------------------------
  比較
------------------------------------------------------------*/
#compare{}

#compare .head{display: flex;}
#compare .head p{width: 50%;background: #555;border-radius: 12px 12px 0 0;color: #fff;font-weight: 700;font-size: 1.6rem;line-height: 1.65;letter-spacing: 0.02em;padding: 16px;display: flex;justify-content: center;align-items: center;text-align: center;}
#compare .head p.tenshoku{background: #2F89BE;}

#compare .contents{background: #fff;border-radius: 0 0 12px 12px;padding:29px 16px 40px;}
#compare .contents .line{display: flex;align-items: center;margin-bottom: 32px;}
#compare .contents .line:last-of-type{margin-bottom: 0;}
#compare .contents .line p{text-align: center;font-size: 1.4rem;font-weight: 400;line-height: 1.75;color:#555;}
#compare .contents .line p.circle{border:1px solid #DEDCDC;border-radius: 50%;line-height: 1.3;font-weight: 700;aspect-ratio: 1/1;width: 70px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
#compare .contents .line p.blue{font-weight: 700;color: #2F89BE;}

@media screen and (min-width: 520px){
  #compare{max-width: 100%;min-width:60%;width:900px;margin: auto;}
  #compare .head p{font-size: 2.4rem;line-height: 1.6;}
  #compare .contents{padding:24px 20px 23px;}
  #compare .contents .line{margin-bottom:6px;}
  #compare .contents .line p{text-align: center;font-size: 1.8rem;line-height:2;}
  #compare .contents .line p.circle{font-size: 1.4rem;position: relative;z-index: 1;background: #fff;}

  #compare .contents .line p.circle::before{content:"";width: 1px;height: 8px;background: #DEDCDC;position: absolute;left: 50%;top: -8px;transform: translateX(-50%);z-index: -1;}
  #compare .contents .line:last-of-type p.circle::after{content:"";width: 1px;height: 12px;background: #DEDCDC;position: absolute;left: 50%;bottom:-12px;transform: translateX(-50%);z-index: -1;}

}

/*------------------------------------------------------------
  ご利用の流れ
------------------------------------------------------------*/
#flow{padding: 60px 20px 80px;}

#flow .title{color: #2F89BE;font-weight: 700;font-size: 2.4rem;line-height: 1.6;letter-spacing: 0.02em;margin-bottom: 24px;}

#flow .contents{display: flex;}
#flow .contents .box{width: 89%;position: relative;z-index:1;}
#flow .contents .box::before{content:"";position: absolute;z-index:-1;display:block;width: 4px;height: 100%;background:#DEDCDC;left: 50%;transform: translateX(-50%);top: 0;}
#flow .contents .box .items{border-radius: 12px;border: 1px solid #DEDCDC;background: #fff;padding: 16px;margin-bottom: 24px;}
#flow .contents .box .items:last-of-type{margin-bottom:0;}
#flow .contents .box .items .image{aspect-ratio: 1/1;width: 180px;display: block;margin:0 auto 8px;}
#flow .contents .box .items .stit{color: #2F89BE;font-weight: 700;font-size: 1.6rem;line-height: 1.65;letter-spacing: 0.02em;text-align: center;margin-bottom: 8px;}
#flow .contents .box .items .text{font-weight: 400;font-size: 14px;line-height: 1.75;}

#flow .contents .arrow_box{width: 11%;position: relative;border: 4px solid #2F89BE;border-width:0 4px 4px 0;display: flex;align-items: flex-end;padding: 0 0 20px 0;justify-content: center;align-self: center;}
#flow .contents .arrow_box::before{content:"";width: 80%;height: 4px;background:#2F89BE;right:0;top: 0;display: block;position: absolute;}
#flow .contents .arrow_box::after{content:"";clip-path: polygon(0 50%, 100% 100%, 100% 0);background:#2F89BE;aspect-ratio: 1/1;width: 19px;position: absolute;top:-7px;left: 0;}
#flow .contents .arrow_box .desc{color: #2F89BE;font-weight: 700;font-size: 1.4rem;line-height: 1.65;letter-spacing: 0.05em;writing-mode: vertical-rl;text-orientation: mixed;font-feature-settings: "vhal" 1;width: fit-content;}

@media screen and (min-width: 520px){
  #flow{padding: 32px 20px 135px;}
  #flow .title{max-width: 100%;min-width:80%;width:1200px;margin-left: auto;margin-right: auto;}
  #flow .contents{display:block;max-width: 100%;min-width:80%;width:1200px;margin: auto;}
  #flow .contents .box{width: 100%;display: flex;gap: 24px;align-items: stretch;}
  #flow .contents .box::before{width:100%;height:4px;left:0;transform: translateY(-50%);top: 50%;}
  #flow .contents .box .items{margin-bottom: 0;flex: 67;width: 201px;}
  #flow .contents .box .items:first-of-type{flex: 99;width: 297px;}

  #flow .contents .box .items .stit{font-size: 1.6rem;}
  #flow .contents .box .items .text{font-size: 1.6rem;}
  #flow .contents .arrow_box{width: 80%;display:block;height: 30px;margin: auto;padding: 0;}

  #flow .contents .arrow_box::before{width: 4px;height: 80%;right:auto;top: auto;left: 0;bottom: 0;}

  #flow .contents .arrow_box::after{position: absolute;top:0;left:-7px;clip-path: polygon(50% 0, 0 100%, 100% 100%);}
  #flow .contents .arrow_box .desc{font-size: 2.4rem;line-height: 1;letter-spacing: 0.02em;writing-mode:horizontal-tb;margin: auto;position: absolute;bottom:-1.5em;left: 50%;transform: translateX(-50%);white-space: nowrap;}
}

/*------------------------------------------------------------
  ご紹介実績
------------------------------------------------------------*/
#achieve{background: #F0EFE1;padding: 64px 20px;}
#achieve .title{color: #2F89BE;font-weight: 700;line-height: 1.6;letter-spacing: 0.02em;font-size: 2rem;text-align: center;margin-bottom: 16px;}
#achieve .desc{text-align: center;font-size: 1.4rem;line-height: 1.75;font-weight: 400;margin-bottom: 16px;}
#achieve .desc .blue{color: #2F89BE;font-weight: 700;}
#achieve .desc .mtit{font-size: 2.2rem;font-weight: 900;margin-top: 8px;margin-bottom: 8px;display: inline-block;    line-height: 1;}
#achieve .desc .mtit .blue{font-weight: 900;}
#achieve .desc .mtit .num{font-size: 4.5rem;margin: 0 3px;line-height: 1;display: inline-block;transform: translateY(3px);font-family: "Montserrat", sans-serif;font-weight: 700;transform: translateY(6px);}

#achieve .company{background: #fff;padding:40px 54px;display: flex;gap: 24px;flex-wrap: wrap;}
#achieve .company .items{aspect-ratio: 114/40;width: 114px;width: calc((100%/2) - (24px/2));}

@media screen and (min-width: 520px){
  #achieve{}
  #achieve .title{font-size: 2.4rem;}
  #achieve .desc{font-size: 1.6rem;}
  #achieve .desc .mtit{font-size: 2.6rem;margin-top: 0;}
  #achieve .desc .mtit .num{font-size: 5.4rem}
  #achieve .company{max-width: 100%;min-width:70%;width:1055px;margin: auto;gap:58px 94px;}
  #achieve .company .items{aspect-ratio: 110/29;width: 110px;width: calc((100%/4) - ((94px * 3)/4));}
}


/*------------------------------------------------------------
  FAQ
------------------------------------------------------------*/
#faq{padding: 64px 20px 80px;}
#faq .title{text-align: center;font-weight: 700;font-family: "Montserrat", sans-serif;font-size: 4.8rem;letter-spacing: 0.02em;line-height: 1.6;margin-bottom: 24px;color: #2F89BE;}

#faq .faq-container{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}
#faq details.items{background:#fff;border-radius:8px;overflow:hidden;transition: background-color 0.2s ease;}
/* #faq details.items[open]{background:#EBF4FA;} */
#faq details.items.is-open{background:#EBF4FA;}
#faq details.items summary{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;list-style:none;position:relative;}
#faq details.items summary::-webkit-details-marker{display:none;}
#faq .badge{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.8rem;font-family: "Montserrat", sans-serif;}
#faq .badge-q{background:#2F89BE;color:#fff;}
#faq .badge-a{background:#fff;color:#2F89BE;}
#faq .summary-text{flex:1;font-size:14px;line-height:1.75;font-weight:700;}
#faq .toggle-icon{flex-shrink:0;width:18px;height:2px;background:#2F89BE;border-radius:1px;margin-top:0;position:relative;transition:transform 0.2s ease;}
/* #faq details.items:not([open]) .toggle-icon::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:18px;height:2px;background:#2F89BE;border-radius:1px;} */
#faq details.items:not(.is-open) .toggle-icon::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:18px;height:2px;background:#2F89BE;border-radius:1px;}
#faq .answer{display:flex;align-items:flex-start;gap:12px;padding:0 12px 20px 12px;overflow: hidden;}
#faq .answer-body{flex:1;font-size:14px;line-height:1.6;}
#faq .answer-body .answer-headline{color:#2F89BE;font-weight:700;font-size: 1.6rem;line-height:1.75;}
/* #faq details.items[open] summary{padding-bottom:16px;} */
#faq details.items.is-open summary{/*padding-bottom:16px;*/}
@media (prefers-reduced-motion:no-preference){#faq .answer{animation:slideDown 0.2s ease;}
@keyframes slideDown{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}}

@media screen and (min-width: 520px){
  #faq{padding: 80px 20px 160px;}
  #faq .title{font-size: 8rem;margin-bottom: 32px;}
  #faq .faq-container{max-width:1072px;/*gap:20px;*/gap:0;}
  #faq details.items.is-open{margin-bottom: 20px;}
  #faq details.items:last-of-type.is-open{margin-bottom:0;}
  #faq details.items summary{gap:16px;padding:20px 20px 20px 20px;}
  /* #faq details.items[open] summary{padding-bottom: 20px;} */
  #faq details.items.is-open summary{/*padding-bottom: 20px;*/}
  #faq .badge{width:42px;height:42px;font-size:2.2rem;}
  #faq .summary-text{font-size: 1.6rem;}
  #faq .answer{gap: 16px;padding: 0 20px 20px 20px;}
  #faq .answer-body{font-size: 1.6rem;}
}


/*------------------------------------------------------------
  四国転職ネットを運営する アビリティーセンター株式会社 について
------------------------------------------------------------*/
#company{padding: 40px 20px 20px;}
#company .title{color: #2F89BE;font-weight: 700;font-size: 2rem;line-height: 1.6;letter-spacing: 0.02em;margin-bottom: 24px;}
#company .desc{font-size: 1.4rem;line-height: 1.75;font-weight: 400;margin-bottom: 40px;}
#company .desc .blue{color: #2F89BE;font-weight: 700;}
#company .pic{overflow: hidden;border-radius: 24px;margin-bottom: 16px;}
#company .pic img{max-width: 100%;}
#company .address{color: #2F89BE;line-height: 1.75;font-size: 1.3rem;font-weight: 400;}

@media screen and (min-width: 520px){
  #company{max-width: 100%;min-width: 72%;width:1080px;display: flex;gap: 64px;margin: auto;}
  #company .title{font-size: 2.4rem;}
  #company .desc{font-size: 1.6rem;margin-bottom: 0;}
  #company .left{}
  #company .right{width:37%;flex-shrink: 0;}
}

/*------------------------------------------------------------
  フッター
------------------------------------------------------------*/
#footer{position: relative;padding: 48px 0 0 0;margin-top: 127px;}
#footer::before{content:"";display: block;position: absolute;background: url(../../../img/lp/shikoku_soudan/deco_f_sp.png) no-repeat bottom left/100% auto;width: 100%;height: 127px;aspect-ratio: 400/127;top: -127px;left: 0;}
#footer .logo{display: block;margin:0 auto 24px;width: 264px;}
#footer .ninsyo{display: block;margin:0 auto 48px;width: 128px;}
#footer .copy{background: #2F89BE;color: #fff;padding: 8px;font-size: 1rem;text-align: center;display: block;}

@media screen and (min-width: 520px){
  #footer{margin-top:calc(100vw * (251/1500));}
  #footer .wrap{padding: 0 48px;margin-bottom: 48px;}
  #footer .logo{margin: 0;}
  #footer .ninsyo{margin: 0;}
  #footer::before{background: url(../../../img/lp/shikoku_soudan/deco_f_pc.png) no-repeat bottom left/100% auto;height:calc(100vw * (251/1500));aspect-ratio: 1500/251;top:calc(100vw * (-251/1500));}
  #footer .wrap{display: flex;justify-content: space-between;}
}