@charset "utf-8";

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
#header{background-color:#e7f6f5;}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{position:relative;padding-top:120px;background-color:#e7f6f5;}
#block-mv .mv_img{width:100%;height:0;padding-top:39.83333333333333%;background:url(/img/top/mv.png) center top / cover no-repeat;}
#block-mv .mv_txt{position:relative;padding:0 20px 70px;text-align:center;background-color:#96C2BF;}
#block-mv .mv_txt .ttl{display:inline-block;margin-top:-42px;padding:10px 16px;font-size:4.8rem;font-weight:700;line-height:1.3;background-color:#fff;}
#block-mv .mv_txt .txt{margin-top:36px;color:#fff;font-size:2rem;line-height:1.8;}

/* -------------------------------------------------- */
/* #block-news */
/* -------------------------------------------------- */
#block-news > .container{padding-top:120px;padding-bottom:120px;}
#block-news .news_inner{display:flex;align-items:center;gap:0 90px;}
#block-news .news_inner .ttlwrap .common-ttl01{display:inline-block;}
#block-news .news_inner .ttlwrap .btn{margin-top:40px;}
#block-news .news_inner .content .list > li{display:flex;align-items:center;gap:0 40px;padding:20px 0;font-size:1.6rem;}
#block-news .news_inner .content .list > li:not(:last-child){border-bottom:1px solid #000;}
#block-news .news_inner .content .list > li time{color:#777;}
#block-news .news_inner .content .list > li a{flex:1;}
#block-news .news_inner .content .list > li a.no-link{pointer-events:none;}
#block-news .news_spBtn{display:none;}

/* -------------------------------------------------- */
/* #block-about */
/* -------------------------------------------------- */
#block-about{background:url(/img/top/about_bg.png) center center / cover no-repeat;}
#block-about > .container{position:relative;padding-top:160px;padding-bottom:150px;}
#block-about .about_img{position:absolute;z-index:1;}
#block-about .about_img::before{content:"";position:absolute;background-size:100% auto;background-repeat:no-repeat;z-index:-1;}
#block-about .about_img-01{top:254px;left:-110px;}
#block-about .about_img-01::before{left:-29px;top:-150px;width:242px;height:220px;background-image:url(/img/top/about_deco01.png);}
#block-about .about_img-02{top:214px;right:-40px;}
#block-about .about_img-02::before{right:-44px;top:-110px;width:215px;height:213px;background-image:url(/img/top/about_deco02.png);}
#block-about .about_img-03{bottom:182px;left:-133px;}
#block-about .about_img-03::before{left:-9px;bottom:-112px;width:257px;height:259px;background-image:url(/img/top/about_deco03.png);}
#block-about .about_img-04{bottom:182px;right:-91px;}
#block-about .about_img-04::before{right:-36px;bottom:130px;width:207px;height:199px;background-image:url(/img/top/about_deco04.png);}
#block-about .common-ttl01{margin-bottom:30px;}
#block-about .about_lead{font-size:3.2rem;font-weight:700;line-height:1.8;text-align:center;}
#block-about .about_txt{max-width:600px;margin:20px auto 0;}
#block-about .about_btn{margin-top:40px;}
#block-about .about_btn .common-btn01{margin:auto;}

/* -------------------------------------------------- */
/* .block-service */
/* -------------------------------------------------- */
.block-service{position:relative;}
.block-service::before{content:"";position:absolute;left:0;width:100%;background-size:100% auto;background-repeat:no-repeat;z-index:-1;}
.block-service > .container{padding-top:120px;padding-bottom:120px;}
.block-service .common-ttl01{position:relative;margin-bottom:85px;}
.block-service .common-ttl01::before{content:"";position:absolute;background-size:100% auto;background-repeat:no-repeat;z-index:-1;}
.block-service .service_wrap{display:flex;gap:0 38px;}
.block-service .service_wrap .box{position:relative;flex:1;display:flex;flex-direction:column;padding:65px 40px 50px;border-radius:20px;background-color:#fff;}
.block-service .service_wrap .box::before,.block-service .service_wrap .box::after{content:"";position:absolute;width:250px;height:250px;border-radius:25px;z-index:-1;}
.block-service .service_wrap .box::before{right:-5px;bottom:-5px;}
.block-service .service_wrap .box::after{left:-5px;top:-5px;}
.block-service .service_wrap .box-01::before,.block-service .service_wrap .box-01::after{background-color:#A64BF3;}
.block-service .service_wrap .box-02::before,.block-service .service_wrap .box-02::after{background-color:#FFC126;}
.block-service .service_wrap .box-03::before,.block-service .service_wrap .box-03::after{background-color:#F9417A;}
.block-service .service_wrap .box .balloon{position:absolute;left:50%;top:-33px;padding:15px 56px;font-size:2.4rem;font-weight:700;line-height:1.5;white-space:nowrap;border:2px solid #1C1C1C;border-radius:100px;background-color:#fff; transform:translateX(-50%);}
.block-service .service_wrap .box .balloon::after{content:"";position:absolute;left:50%;bottom:-16px;width:26px;height:26px;border-bottom:2px solid #1C1C1C;border-right:2px solid #1C1C1C; background-color:#fff; transform:translateX(-50%) rotate(45deg);}
.block-service .service_wrap .box .img{text-align:center;}
.block-service .service_wrap .box:not(.box-full) .img{margin-bottom:40px;}
.block-service .service_wrap .box h3{margin-bottom:15px;font-size:2.6rem;font-weight:700;line-height:1.38;text-align:center;}
.block-service .service_wrap .box p{margin-bottom:30px;}
.block-service .service_wrap .box .btn{margin-top:auto;}
.block-service .service_wrap .box .btn .common-btn01{margin:auto;}
.block-service .service_wrap .box-full{align-items:center;flex-direction:row;gap:0 80px;}
.block-service .service_wrap .box-full .inner{flex:1;}
.block-service .service_wrap .box-full .inner h3{text-align:left;}

/* -------------------------------------------------- */
/* #block-companies */
/* -------------------------------------------------- */
#block-companies::before{top:14.625%;padding-top:40.75%;background-image:url(/img/top/companies_bg.png);}
#block-companies > .container{padding-bottom:20px;}
#block-companies .common-ttl01::before{right:130px;top:-41px;width:149px;height:185px;background-image:url(/img/top/companies_pict01.png);}

/* -------------------------------------------------- */
/* #block-educational */
/* -------------------------------------------------- */
#block-educational::before{top:9.625%;padding-top:51.5625%;background-image:url(/img/top/educational_bg.png);}
#block-educational .common-ttl01::before{left:85px;top:-48px;width:195px;height:173px;background-image:url(/img/top/educational_pict01.png);}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1239px) {
  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv{padding-top:8.048780487804878%;}

  /* -------------------------------------------------- */
  /* #block-about */
  /* -------------------------------------------------- */
  #block-about .about_img-01{top:15.9vw;left:6.9vw;width:14.4vw;height:14.4vw;}
  #block-about .about_img-01::before{left:-1.8vw;top:-9.4vw;width:15.1vw;height:13.8vw;}
  #block-about .about_img-02{top:13.4vw;right:2.5vw;width:19.4vw;height:19.4vw;}
  #block-about .about_img-02::before{right:-2.8vw;top:-6.9vw;width:13.4vw;height:13.3vw;}
  #block-about .about_img-03{bottom:11.4vw;left:2vw;width:18.1vw;height:18.1vw;}
  #block-about .about_img-03::before{left:-0.6vw;bottom:-7vw;width:16.1vw;height:16.2vw;}
  #block-about .about_img-04{bottom:11.4vw;right:5.7vw;width:13.8vw;height:13.8vw;}
  #block-about .about_img-04::before{right:-2.3vw;bottom:8.1vw;width:12.9vw;height:12.4vw;}

  /* -------------------------------------------------- */
  /* .block-service */
  /* -------------------------------------------------- */
  .block-service .service_wrap .box-full .img{width:46.7%;}

  /* -------------------------------------------------- */
  /* #block-companies */
  /* -------------------------------------------------- */
  #block-companies .common-ttl01::before{right:8.1vw;top:-2.6vw;width:9.3vw;height:11.6vw;}

  /* -------------------------------------------------- */
  /* #block-educational */
  /* -------------------------------------------------- */
  #block-educational .common-ttl01::before{left:5.3vw;top:-3vw;width:12.2vw;height:10.8vw;}
}
@media screen and (min-width:1px) and (max-width:999px) {
  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv .mv_txt .ttl{font-size:3.8rem;}

  /* -------------------------------------------------- */
  /* .block-service */
  /* -------------------------------------------------- */
  .block-service .service_wrap{display:block;}
  .block-service .service_wrap .box + .box{margin-top:38px;}
  .block-service .service_wrap .box-full{display:block;}
  .block-service .service_wrap .box-full .img{width:auto;}
  .block-service .service_wrap .box-full .inner h3{text-align:center;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px) {
  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv{padding-top:13.86666666666667%;}
  #block-mv .mv_img{padding-top:50%;}
  #block-mv .mv_txt{padding:0 20px 35px;}
  #block-mv .mv_txt .ttl{font-size:2.8rem;}
  #block-mv .mv_txt .txt{margin-top:18px;font-size:1.6rem;}

  /* -------------------------------------------------- */
  /* #block-news */
  /* -------------------------------------------------- */
  #block-news > .container{padding-top:60px;padding-bottom:60px;}
  #block-news .news_inner{display:block;}
  #block-news .news_inner .ttlwrap .common-ttl01{display:block;}
  #block-news .news_inner .ttlwrap .btn{display:none;}
  #block-news .news_inner .content .list > li{display:block;font-size:1.4rem;}
  #block-news .news_inner .content .list > li time{display:block;}
  #block-news .news_spBtn{display:block;margin-top:20px;}
  #block-news .news_spBtn .common-btn01{margin:auto;}

  /* -------------------------------------------------- */
  /* #block-about */
  /* -------------------------------------------------- */
  #block-about > .container{padding-top:80px;padding-bottom:75px;}
  #block-about .about_img-03{bottom:2vw;}
  #block-about .about_img-04{bottom:2vw;}
  #block-about .common-ttl01{margin-bottom:15px;}
  #block-about .about_lead{font-size:2rem;}
  #block-about .about_btn{margin-top:20px;}

  /* -------------------------------------------------- */
  /* .block-service */
  /* -------------------------------------------------- */
  .block-service > .container{padding-top:60px;padding-bottom:60px;}
  .block-service .common-ttl01{margin-bottom:40px;}
  .block-service .service_wrap .box{padding:30px 20px 25px;}
  .block-service .service_wrap .box h3{font-size:2rem;}
  .block-service .service_wrap .box p{margin-bottom:15px;}
  .block-service .service_wrap .box .btn .common-btn01{width:100%;}

  /* -------------------------------------------------- */
  /* #block-companies */
  /* -------------------------------------------------- */
  #block-companies .common-ttl01::before{right:2vw;top:-10.4vw;width:18.6vw;height:23.2vw;}

  /* -------------------------------------------------- */
  /* #block-educational */
  /* -------------------------------------------------- */
  #block-educational::before{top:50vw;}
  #block-educational .common-ttl01::before{left:2vw;top:-12vw;width:24.4vw;height:21.6vw;}
}

/* ======================================================================================================================= */
/* for English */
/* ======================================================================================================================= */
/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* #block-about */
/* -------------------------------------------------- */
:lang(en) #block-about  .about_lead{max-width:600px;margin:auto;font-size:3rem;}