@charset "UTF-8";

/********************↓↓↓共通↓↓↓*******************/
body{font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal; }
#body-wrap{
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.w1100{
  width:1100px;
  margin:0 auto;
}
p{margin-bottom:1em;line-height:1.8;}
.btn{padding:10px 20px;background-color:#fff;box-shadow:#728299 0 0 10px 3px;border-radius:100px;text-align:center;text-decoration:none;transition:.5s;display:block;}
.btn:hover{box-shadow: #728299 0 0 0px 0px, inset #728299 0 0 6px;}
.btn p{text-decoration:none;color:black;margin:0;}
#current a{color:#E8413B!important;}
#current a:visited{color:#E8413B!important;}
@media (max-width: 600px){
  body{font-size:14px;}
  .w1100{width:96%;padding:0 4%;}
  .pc{display:none!important;}
}
@media (min-width: 601px){
  .sp{display:none!important;}
}
/********************↑↑↑共通↑↑↑*******************/
/********************↓↓↓header↓↓↓*******************/
.noto-serif-jp {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.header-top{width:100%;height:130px;background-color:#c8e1ee;position:relative;}
.logo-area{width:200px;position:absolute;left:5%;top:25px;display:grid;grid-template-columns:1fr 1fr;justify-items: end;}
.lang-btn{font-weight:bold;position:absolute;top:50px;left:0;right:0;margin:0 auto;width:100px;}
.lang-btn p{margin-bottom:0;line-height:1;}
.header-main{width:100%;height:550px;background-color:#c8e1ee;}
.header-main section{height:100%;background-image:url(/img/top/header-main-bg.webp);background-size: cover;background-position: right;}
.header-main h1{text-align:center;font-size:400%;text-shadow: 0 0 10px #334b6e;padding-top:1em;font-weight:500;margin-bottom:1em;}
.header-main h1 span{font-size:55%;}
.header-main h2{margin-bottom:20px;margin-left:140px;}
.header-main h2:before{content:""; display:inline-block;width: 20px;height: 20px;margin-right:5px;background-image: url("/img/top/azur.png");background-size: contain;}
header nav{height:70px;position:relative;}header nav {color: #669eae;}
header nav ul{display:grid;grid-template-columns: repeat(6, 155px);padding: 0 20px;position: absolute;bottom: 0;width: 100%;justify-content: space-evenly;}
header nav li{padding: 10px 0;border-radius: 10px 10px 0 0;background-color:#669eae;text-align:center;}
header nav a{transition: all 0.5s 0s ease;display:inline-block;padding:3px 0;width:80%;font-size:120%;font-weight:bold;color:#669eae!important;letter-spacing:.15em;background-image: linear-gradient(0deg, rgba(172, 172, 172, 1), rgba(255, 255, 255, 1) 20% 80%, rgba(197, 197, 197, 1));}
header nav a:hover{transition: all 0.5s 0s ease;width:100%;}

/********************↑↑↑header↑↑↑*******************/
/********************↓↓↓main↓↓↓*******************/
.news-area{box-shadow:0 -31px 25px -32px #8cbbff;position:relative;display:grid;grid-template-columns:repeat(4,220px);gap:60px 0;padding:20px;justify-content: space-evenly;}
.news-area h2{grid-column:1/5;font-size:250%;margin-top:1.5em;text-align:center;}
.news-area div{display:grid;grid-template-rows: 169px 1fr;gap: 20px;}
.news-area img{box-shadow:0 0 20px 0 #666;object-fit: cover;transition: all 0.3s;width:100%;height: auto;object-fit: cover;aspect-ratio: 4 / 3;}
.news-area div:hover img{transform: scale(1.1);transition: all 0.5s;}
.news-area time{text-decoration:underline;font-weight:bold;}

.message-h2{background-color:#c5ddef;padding:10px 0 5px;margin-top:1em;}
.message h2{text-align:center;font-size:300%;font-weight:500;padding:10px 0;border-top:2px solid #fff;border-bottom:2px solid #fff;}
.message h2 span{font-size:63%;}
.message-1{padding: 80px 250px 71px;margin-top: 2em;background-size: cover;background-image:url("/img/top/message-1.webp");}
.message-1 h3{text-align:center;font-size:200%;margin-bottom:3em;}
.message-1 p{font-size:160%;line-height:2;}
.message-1 .btn{width:300px;height:65px;margin:50px auto 0;display:block;background-color:#6cb7df;}.message-1 .btn p{color:#fff;}
.message-2{padding: 65px 0 80px;margin-top: 2em;background-size: 96%;background-image:url("/img/top/message-2.webp");background-repeat:no-repeat;}
.message-2 h3{text-align:center;font-size:200%;margin-bottom:3em;}
.message-2 p{padding:0 250px;font-size:160%;line-height:2;}
.message-2 .btn{width:300px;height:65px;margin:50px auto 0;display:block;background-color:#e88293;}.message-2 .btn p{color:#fff;padding:0;}

.service h2{background-image:url('/img/top/service-h2.webp');background-repeat: no-repeat;text-align:center;width:1100px;margin:35px auto;height:470px;font-size:300%;padding-top:290px;background-size:contain;}
.service .w1100{display:grid;padding:40px 0;grid-template-columns:45% 45%;grid-template-rows: 34% 66%;justify-content: space-evenly;background-color:#eaeff9;align-items: end;}
.service-1,.service-2{padding-bottom:40px;margin-top:50px;width:100%;background-color:#e6e3df;border-width:2px;border-style:solid;border-top:none;display:grid;gap:50px;justify-items: center;}
.service-1{border-color:#82cddb;grid-row:1/3;}.service-2{align-items:end;border-color:#f4b2ba;}
.service-1 h3,.service-2 h3{margin-top:-40px;background-size:cover;width:105%;height:133px;font-size: 180%;padding-top: 55px;text-align:center;}
.service-1 h3{background-image:url(/img/top/service-h3-1.png);}
.service-2 h3{background-image:url(/img/top/service-h3-2.png);}
.service div>p{grid-column:2/3;box-shadow:0 0 20px 0 #4d93ae;width:100%;text-align:center;border-radius:50%;background-color:#fff;padding-top:90px;height:350px;font-size:200%;}
.service li{width:80%;background-color:#fff;}
.service li h4{text-align:center;padding:20px 0;background-color:#d8e8f5;font-size:150%;}.service .service-2 li h4{background-color:#f4b2ba;}
.service li img{padding:20px 40px;}
.service li a{margin:10px auto 20px;font-size:150%;width:250px;}
.service li a p{color:#fff;}
.service-1 li a{background-color:#6cb7df;}
.service-2 li a{background-color:#e88293;}

.greeting.w1100{padding:0 100px;}
.greeting h2 {position: relative;display: inline-block;padding: 0 65px;text-align: center;width:100%;margin-top:100px;font-size:350%;font-weight:500}
.greeting h2:before,.greeting h2:after {position: absolute;top: calc(50% - 7px);width: 256px;height: 14px;content: '';border-top: solid 2px #000;border-bottom: solid 2px #000;}
.greeting h2:before {left: 0;}
.greeting h2:after {right: 0;}
.greeting div{background-color:#eff6f2;padding:50px;font-size:150%;}
.greeting div p:first-child{border-bottom:#000 2px solid;padding-bottom:50px;}
.greeting div p:nth-child(2){border-top:#000 2px solid;margin-top:-20px;padding-top:50px;}
/********************↑↑↑main↑↑↑*******************/
/********************↓↓↓footer↓↓↓*******************/
footer{background-color:#e6f4fd;margin-top:50px;}
#footer-foot{background-color:#94c3e2;}
#map{padding:50px 0;display:grid;grid-template-columns: 45% 45%;font-size:150%;justify-content: space-evenly;}
#map iframe{width:100%;height:100%;}
.footer-sns{max-width:100%;width:500px;margin:0 auto;padding:50px 0;display:grid;grid-template-columns: repeat(4,20%);justify-content: space-around;}
.footer-sns a,.footer-sns img{max-width:100%;width:100%;}
/********************↑↑↑footer↑↑↑*******************/


html:lang(en) {
  font-size: 80%!important;
  overflow-wrap:break-word;
}
#office-overview{letter-spacing:0;}
#en .service li h4 {
  display: grid;
  align-items: center;
}
@media (min-width: 601px){
  #en .service-en .service-1 li {
    display: grid;
    grid-template-rows: 20% 58% 22%;
    height: 395px;
  }
  #en .logo-area{gap:20px;}
}
@media (max-width: 600px) {
  html:lang(en) .header-main h2 {
      font-size: 1.8vw!important;
      margin-bottom: 5px!important;
  }
  html:lang(en) .message p {
    font-size: 2.7vw!important;
  }
  #en .service li h4 {
    font-size:2.8vw;
  }
  #en .service-en .service-1 li {
    display:grid;
    grid-template-rows: 30% 43% 28%;
    height: 55vw;
  }
  #en .logo-area{grid-template-columns: 50% 50%;}
}