/* 
font-family: "Zen Kaku Gothic New", sans-serif;
*/
body {
  font-size: 16px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #0a3191;
  min-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

/*--------------------cmn--------------------*/
/*--------------------cmn--------------------*/
/*--------------------header--------------------*/
.header {
  width: 100%;
  padding: 25px 40px 0px;
  background: #fff;
}
.header_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.header_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.header_tel {
  text-align: right;
}
.header_tel p {
  display: inline-block;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 900;
  color: #0a3191;
  position: relative;
  z-index: 1;
  padding-left: 1em;
}
.header_tel p::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 0.7333333333em;
  height: 0.7333333333em;
  transform: translate(0%, -40%);
  background: url(/img/common/telicon.png) no-repeat center center/contain;
}
.header_tel span {
  margin-left: auto;
  display: block;
  width: 86%;
  margin-top: -7px;
}
.header_mail {
  width: 260px;
  background: #0a3191;
  border-radius: 999px;
  text-align: center;
  padding: 18px;
}
.header_mail p {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 1;
  padding-left: 2.1333333333em;
}
.header_mail p::before {
  background: url(/img/top/mailicon.png) no-repeat center center/contain;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 1.6em;
  height: 1.1333333333em;
  transform: translate(0%, -50%);
}
.header_nav_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
}
.header_nav_item {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.line_btn {
  width: 260px;
  background: #d5f2ff;
  border-radius: 999px;
  text-align: center;
  padding: 18px;
}
.line_btn p {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #0a3191;
  position: relative;
  z-index: 1;
  padding-left: 2.9333333333em;
}
.line_btn p::before {
  background: url(/img/common/line.png) no-repeat center center/contain;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 2em;
  height: 2em;
  transform: translate(0%, -50%);
}
.line_btn_sns {
  width: 30px;
  height: 30px;
}
.line_btn_sns img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*--------------------header--------------------*/
/*--------------------footer--------------------*/
.cmn_tel p {
  border-bottom: 3px solid #1981ec;
  padding-bottom: 10px;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 900;
  color: #0a3191;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-left: 1em;
}
.cmn_tel p::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 0.75em;
  height: 0.75em;
  transform: translate(0%, -60%);
  background: url(/img/common/telicon.png) no-repeat center center/contain;
}

.footer {
  width: 100%;
  padding: 120px 0;
  border-top: 8px solid #77c0f8;
}
.footer_box {
  margin-right: 70px;
}
.footer_logo {
  margin-bottom: 40px;
}
.footer_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 40px;
}
.footer_tel {
  margin-bottom: 25px;
}
.footer_tel_sub {
  margin-bottom: 5px;
}
.footer_care {
  text-align: center;
  margin-bottom: 30px;
}
.footer_mail {
  width: 280px;
  background: #0a3191;
  border-radius: 999px;
  text-align: center;
  padding: 18px;
  margin-bottom: 20px;
}
.footer_mail p {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 1;
  padding-left: 2.1333333333em;
}
.footer_mail p::before {
  background: url(/img/top/mailicon.png) no-repeat center center/contain;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 1.6em;
  height: 1.1333333333em;
  transform: translate(0%, -50%);
}
.footer .line_btn {
  width: 280px;
  background: #d5f2ff;
  border-radius: 999px;
  text-align: center;
  padding: 18px;
  margin-bottom: 20px;
}
.footer .line_btn p {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #0a3191;
  position: relative;
  z-index: 1;
  padding-left: 2.9333333333em;
}
.footer .line_btn p::before {
  background: url(/img/common/line.png) no-repeat center center/contain;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 2em;
  height: 2em;
  transform: translate(0%, -50%);
}
.footer .line_btn_sns {
  width: 30px;
  height: 30px;
}
.footer .line_btn_sns img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer_sns {
  margin-left: 35px;
  width: 30px;
  height: 30px;
}
.footer_sns img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer_mid {
  margin-right: 110px;
}
.footer_mid_box {
  width: 420px;
  background: #f2fbff;
  border-radius: 20px;
  padding: 25px 30px;
}
.footer_mid_txt {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: #0a3191;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.footer_mid_txt::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 5.625em;
  height: 0.125em;
  background: #1981ec;
  transform: translate(0%, -50%);
}
.footer_mid_txt::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0%;
  width: 5.625em;
  height: 0.125em;
  background: #1981ec;
  transform: translate(0%, -50%);
}
.footer_mid_btn {
  width: 280px;
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  border: 3px solid #1981ec;
  margin: 0 auto;
}
.footer_mid_btn p {
  display: inline-block;
  font-size: 15px;
  line-height: 1.6em;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #0a3191;
  position: relative;
  z-index: 1;
  padding-left: 3em;
}
.footer_mid_btn p::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 2em;
  height: 1.6666666667em;
  transform: translate(0%, -50%);
  background: url(/img/top/linkicon.png) no-repeat center center/contain;
}
.footer .footer_mid_btn01 {
  margin-bottom: 20px;
}
.footer_dl {
  margin-bottom: 30px;
}
.footer_dl_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.footer_dl_box:not(:last-child) {
  margin-bottom: 15px;
}
.footer_dl_box dt {
  width: 90px;
  padding: 7px;
  text-align: center;
  background: #77c0f8;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: #fff;
}
.footer_dl_box dd {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: #0a3191;
}
.footer_nav_item {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #0a3191;
  position: relative;
  z-index: 1;
  padding-left: 1.375em;
  color: #0a3191;
}
.footer_nav_item:not(:last-child) {
  margin-bottom: 30px;
}
.footer_nav_item::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 0.75em;
  height: 0.75em;
  transform: translate(0%, -50%);
  background: #1981ec;
}
.footer_nav_item:nth-child(7) {
  padding-left: 1em;
  margin-left: 6px;
}
.footer_nav_item:nth-child(7)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 0.375em;
  height: 0.375em;
  transform: translate(0%, -50%);
  background: #1981ec;
}
.footer_nav_item:nth-child(8) {
  padding-left: 1em;
  margin-left: 6px;
}
.footer_nav_item:nth-child(8)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 0.375em;
  height: 0.375em;
  transform: translate(0%, -50%);
  background: #1981ec;
}
.footer .copy_right {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 400;
  color: #0a3191;
  display: block;
  text-align: center;
}

/*--------------------footer--------------------*/
/*--------------------mv--------------------*/
.mv {
  width: 100%;
  height: clamp(536px, 41.875vw, 804px);
  position: relative;
  z-index: 3;
  background: url(/img/top/mvdeco.png) no-repeat left center/25%;
}
.mv_img {
  width: 66.7708333333%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0%;
  right: 1.8229166667%;
  transform: translate(0%, 0%);
}
.mv_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv_catch {
  width: 38.0729166667%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 5.46875%;
  transform: translate(0%, -50%);
}
.mv_catch01 {
  display: inline-block;
  writing-mode: vertical-rl;
  border-right: 4px solid #0a3191;
}
.mv_catch01_b {
  font-weight: 900;
}
.mv_catch02 {
  display: inline-block;
  writing-mode: vertical-rl;
  border-right: 4px solid #0a3191;
}
.mv_catch02_c {
  font-weight: 900;
  color: #1981ec;
}

/*--------------------mv--------------------*/
/*--------------------sv--------------------*/
.sv {
  width: 100%;
  position: relative;
  z-index: 1;
  height: clamp(406px, 31.7708333333vw, 610px);
  background: url(/img/sv/svdeco.png) no-repeat left top/contain;
}
.sv_img {
  width: 47.9166666667%;
  position: absolute;
  z-index: -2;
  top: 1.5625vw;
  right: 3.125%;
  transform: translate(0%, 0%);
}
.sv_catch {
  width: 36.4583333333%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 10.4166666667%;
  transform: translate(0%, -70%);
  border-top: 4px solid #0a3191;
  border-bottom: 4px solid #0a3191;
}
.sv_catch::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 50%;
  width: 121.7142857143%;
  height: 120%;
  transform: translate(-50%, 70%);
  background: url(/img/sv/svill02.png) no-repeat center center/contain;
}
.sv_catch::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  right: 10%;
  width: 28.5714285714%;
  height: 100%;
  transform: translate(0%, -100%);
  background: url(/img/sv/svill01.png) no-repeat center center/contain;
}
.sv_catch span {
  display: block;
  text-align: center;
  font-size: clamp(32px, 2.5vw, 50px);
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #0a3191;
  padding: 60px 0;
}
.sv_catch span::first-letter {
  color: #1981ec;
}

/*--------------------sv--------------------*/
.cmn_ttl {
  text-align: center;
  margin-bottom: 60px;
}
.cmn_ttl span {
  font-size: 46px;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 900;
  color: #1981ec;
  background: #fff;
  padding: 11px 25px;
  display: inline-block;
  border-radius: 10px;
}

.cmn_txt {
  font-size: 16px;
  line-height: 2em;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #0a3191;
}

/*--------------------company--------------------*/
.gre {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 80px;
  background: url(/img/company/decogre.png) no-repeat left bottom/15%, url(/img/company/decogre02.png) no-repeat right bottom/15%, #e5f8ff;
}
.gre::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 50px;
  transform: translate(-50%, -100%);
  background: url(/img/company/wavet.png) no-repeat center center/100% 100%;
}
.gre_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 80px;
}
.gre_ibox {
  width: 500px;
}
.gre_ibox_box {
  width: 100%;
  background: #f2ffcc;
  padding: 22.5px;
  margin-top: -50px;
  z-index: 10;
  position: relative;
  z-index: 1;
  text-align: center;
}
.gre_ibox_box p {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1981ec;
  margin-bottom: 20px;
}
.gre_ibox_box strong {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1981ec;
}
.gre_box {
  width: calc(100% - 580px);
}
.gre_box p:not(:last-child) {
  margin-bottom: 34px;
}
.gre_img {
  width: 460px;
  height: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.gre_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.company {
  width: 100%;
  position: relative;
  z-index: 1;
}
.company::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 50px;
  transform: translate(-50%, -100%);
  background: url(/img/company/waveb.png) no-repeat center center/100% 100%;
}
.company_ttl span {
  background: #e5f8ff;
  color: #1981ec;
}
.company_dl {
  width: 100%;
  margin-bottom: 60px;
}
.company_dl_box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  font-size: 16px;
  line-height: 2em;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #0a3191;
  border-bottom: 2px solid #1981ec;
}
.company_dl_box:first-child {
  border-top: 2px solid #1981ec;
}
.company_dl_box dt {
  width: 240px;
  background: #f2ffcc;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 25px 15px;
  font-weight: 700;
}
.company_dl_box dd {
  width: calc(100% - 240px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 25px 15px 25px 80px;
}
.company_dl_box dd img {
  margin-top: 34px;
  margin-left: -120px;
}

.googlemap {
  width: 100%;
  height: 500px;
  border-radius: 30px;
  overflow: hidden;
}
.googlemap iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}

/*--------------------company--------------------*/
/*--------------------qa--------------------*/
.qa {
  width: 100%;
  background: #e5f8ff;
  position: relative;
  z-index: 1;
  margin-top: 80px;
}
.qa::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 50px;
  transform: translate(-50%, -100%);
  background: url(/img/company/wavet.png) no-repeat center center/100% 100%;
}
.qa_dl_box {
  width: 100%;
  padding: 45px 70px;
  border: 16px solid #f3ffb7;
  background: #fff;
}
.qa_dl_box:not(:last-child) {
  margin-bottom: 30px;
}
.qa_dl_box dt {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #0a3191;
  padding-bottom: 0.8333333333em;
  border-bottom: 2px solid #1981ec;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.qa_dl_box dd {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #0a3191;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.qa_dl_box_b {
  width: 7%;
  flex-shrink: 0;
  display: block;
  font-size: 50px;
  line-height: 1;
  letter-spacing: 0.5em;
  font-weight: 900;
  color: #1981ec;
}
.qa_dl_box_r {
  width: 93%;
}

/*--------------------qa--------------------*/
/*--------------------flow--------------------*/
.flow {
  width: 100%;
  background: #e5f8ff;
  position: relative;
  z-index: 1;
  margin-top: 80px;
}
.flow::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 50px;
  transform: translate(-50%, -100%);
  background: url(/img/company/wavet.png) no-repeat center center/100% 100%;
}
.flow_box {
  width: 100%;
  background: #fff;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  z-index: 1;
}
.flow_box:not(:last-child) {
  margin-bottom: 90px;
}
.flow_box:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 50%;
  width: 118px;
  height: 60px;
  background: url(/img/flow/arrowbb.png) no-repeat center center/contain;
  transform: translate(-50%, 80%);
}
.flow_img {
  width: 280px;
  height: 280px;
}
.flow_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.flow_item {
  width: calc(100% - 320px);
  margin-top: 15px;
}
.flow_item_ttl {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1981ec;
  background: #f2ffcc;
  padding: 10px 15px 10px 0;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}
.flow_item_ttl span {
  padding: 1px 13px;
  background: #1981ec;
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
  margin-right: 25px;
}
.flow_item_txt {
  margin-left: 15px;
}

/*--------------------flow--------------------*/
/*--------------------rone--------------------*/
.refound {
  width: 100%;
  background: #e5f8ff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 40px;
}
.refound::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 50px;
  transform: translate(-50%, 0%);
  background: url(/img/company/wavet.png) no-repeat center center/100% 100%, #fff;
}
.refound_ttl {
  font-size: 46px;
  line-height: 1.7;
  letter-spacing: 0.06em;
  font-weight: 900;
  color: #0a3191;
}
.refound_ttl span {
  margin-right: 10px;
}
.refound_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 110px;
  position: relative;
  z-index: 1;
}
.refound_flex::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 206px;
  height: 167px;
  transform: translate(-120%, -20%);
  background: url(/img/rone/ill01.png) no-repeat center center/contain;
}
.refound_flex::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0%;
  width: 217px;
  height: 106px;
  transform: translate(120%, -20%);
  background: url(/img/rone/ill02.png) no-repeat center center/contain;
}
.refound_img {
  width: 457px;
  height: 323px;
}
.refound_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.refound_box {
  width: calc(100% - 567px);
}
.refound_box p span {
  font-weight: 700;
}
.refound_box p:not(:last-child) {
  margin-bottom: 30px;
}

.merit {
  width: 100%;
  background: url(/img/rone/decolt.png) no-repeat left top/20%, url(/img/rone/decorb.png) no-repeat right bottom/20%;
}
.merit_ttl {
  font-size: 46px;
  line-height: 1.7;
  letter-spacing: 0.06em;
  font-weight: 900;
  color: #0a3191;
}
.merit_ttl span {
  background: #e5f8ff;
}
.merit_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px 80px;
}
.merit_box {
  width: 500px;
}
.merit_box_ttl {
  width: 100%;
  background: #f2ffcc;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1981ec;
  padding: 16px 10px;
  text-align: center;
  margin-bottom: 20px;
}
.merit_img {
  margin: 0 auto 35px;
  text-align: center;
}
.merit_txt {
  padding: 0 10px;
}

.support {
  width: 100%;
  background: #e5f8ff;
  position: relative;
  z-index: 1;
}
.support::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -7%;
  right: 27%;
  width: 205px;
  height: 292px;
  background: url(/img/rone/ill03.png) no-repeat center center/contain;
  transform: translate(50%, 0%);
}
.support::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 50px;
  transform: translate(-50%, 0%);
  background: url(/img/company/wavet.png) no-repeat center center/100% 100%, #fff;
}
.support_ttl {
  font-size: 46px;
  line-height: 1.7;
  letter-spacing: 0.06em;
  font-weight: 900;
  color: #0a3191;
}
.support_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
}
.support_flex:nth-child(even) {
  flex-direction: row-reverse;
}
.support_flex:not(:last-child) {
  margin-bottom: 60px;
}
.support_img {
  width: 540px;
  height: 340px;
}
.support_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.support_box {
  width: calc(100% - 580px);
}
.support_box_ttl {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1981ec;
  background: #f2ffcc;
  padding: 16px 30px;
  margin-bottom: 20px;
}

.area {
  width: 100%;
}
.area_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 70px;
}
.area_img {
  width: 510px;
  height: 478px;
}
.area_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.area_box {
  width: calc(100% - 580px);
  text-align: center;
}
.area_ttl {
  margin-bottom: 45px;
}
.area_ttl span {
  background: #e5f8ff;
}
.area_txt {
  margin-bottom: 23px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1981ec;
  padding-bottom: 25px;
  border-bottom: 2px solid #0a3191;
  text-align: center;
  display: inline-block;
}
.area_txt_c {
  color: #0a3191;
}
.area_txt_b {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #0a3191;
  background: #f2ffcc;
  padding: 0 5px;
}

/*--------------------rone--------------------*/
/*--------------------index--------------------*/
.happy {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: -60px;
  padding-bottom: 250px;
  padding-top: 180px;
  background: url(/img/top/img02.png) no-repeat right center/15%, #e5f8ff;
}
.happy::after {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 0%;
  left: 50%;
  width: 348px;
  height: 265px;
  transform: translate(-50%, 20%);
  background: url(/img/top/ill02.png) no-repeat center center/contain;
}
@media screen and (max-width: 1920px) {
  .happy {
    background: url(/img/top/img02.png) no-repeat right bottom 50px/15%, #e5f8ff;
  }
}
.happy::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 50px;
  transform: translate(-50%, 0%);
  background: url(/img/company/wavet.png) no-repeat center center/100% 100%, #fff;
}
.happy_ttl {
  font-size: 46px;
  line-height: 1.7;
  letter-spacing: 0.06em;
  font-weight: 900;
  color: #0a3191;
}
.happy_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  gap: 40px;
  margin-top: -120px;
  margin-left: -100px;
  position: relative;
  z-index: 1;
}
.happy_flex::after {
  content: "";
  position: absolute;
  z-index: -10;
  bottom: 0%;
  right: 0%;
  width: 557px;
  height: 118px;
  transform: translate(0%, 60%);
  background: url(/img/top/ill03.png) no-repeat center center/contain;
}
.happy_flex::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  right: 0%;
  width: 223px;
  height: 157px;
  transform: translate(0%, -50%);
  background: url(/img/top/ill01.png) no-repeat center center/contain;
}
.happy_img {
  width: 740px;
  height: 510px;
}
.happy_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.happy_box {
  width: calc(100% - 780px);
}
.happy_box p span {
  font-weight: 700;
}
.happy_box p:not(:last-child) {
  margin-bottom: 30px;
}

.top_movie {
  width: 100%;
  padding: 200px 0 250px;
  background: url(/img/top/bgmovie.png) no-repeat center center/cover;
}
.top_movie_box {
  width: 764px;
  height: 428px;
  background: #000;
  border: 6px solid #1981ec;
  border-radius: 30px;
  overflow: hidden;
  margin: 0 auto;
}
.top_movie_box iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.check {
  width: 100%;
  padding-top: 0;
  border-top: 8px solid #77c0f8;
  border-bottom: 8px solid #77c0f8;
}
.check_ttl {
  margin-top: -90px;
  width: 100%;
  background: url(/img/top/boxbg.png) no-repeat center center/cover;
  position: relative;
  z-index: 1;
  padding: 85px 0 50px;
  font-size: 46px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 900;
  color: #0a3191;
}
.check_ttl::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 10%;
  width: 129px;
  height: 137px;
  background: url(/img/top/ill04.png) no-repeat center center/contain;
  transform: translate(0%, -30%);
}
.check_ttl::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  right: 10%;
  width: 83px;
  height: 136px;
  background: url(/img/top/ill05.png) no-repeat center center/contain;
  transform: translate(0%, -30%);
}
.check_ttl span {
  font-size: 42px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
  background: #1981ec;
  border-radius: 999px;
  display: block;
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.check_txt {
  text-align: center;
  margin-bottom: 40px;
}
.check_contact {
  width: 1080px;
  margin: 0 auto;
  background: #f2ffcc;
  padding: 40px;
}
.check_contact_ttl {
  width: 100%;
  background: #fff;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1981ec;
  padding: 16px;
  text-align: center;
  margin-bottom: 40px;
}
.check_contact_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 80px;
  margin-bottom: 15px;
}
.check_contact_txt {
  text-align: center;
}
.check .footer_tel {
  margin: 0;
}

.info {
  width: 100%;
  position: relative;
  z-index: 1;
}
.info::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 15%;
  width: 177px;
  height: 86px;
  transform: translate(-50%, 50%);
  background: url(/img/top/fill01.png) no-repeat center center/contain;
}
.info::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0%;
  right: 15%;
  width: 168px;
  height: 136px;
  transform: translate(50%, 50%);
  background: url(/img/top/fill01.png) no-repeat center center/contain;
}
.info_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
@media screen and (max-width: 1870px) {
  .info_flex {
    gap: 20px;
  }
}
.info_box {
  width: 600px;
  height: 300px;
  position: relative;
  z-index: 1;
  border: 3px solid #1981ec;
}
@media screen and (max-width: 1870px) {
  .info_box {
    width: 400px;
  }
}
.info_box:nth-child(1) {
  background: url(/img/top/iimg01.png) no-repeat center center/cover;
}
.info_box:nth-child(1) .info_ttl::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 58px;
  height: 90px;
  transform: translate(-50%, -80%);
  background: url(/img/top/iill01.png) no-repeat center center/contain;
}
.info_box:nth-child(2) {
  background: url(/img/top/iimg02.png) no-repeat center center/cover;
}
.info_box:nth-child(2) .info_ttl::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 172px;
  height: 67px;
  transform: translate(-50%, -80%);
  background: url(/img/top/iill02.png) no-repeat center center/contain;
}
.info_box:nth-child(3) {
  background: url(/img/top/iimg03.png) no-repeat center center/cover;
}
.info_box:nth-child(3) .info_ttl::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0%;
  left: 50%;
  width: 112px;
  height: 88px;
  transform: translate(-50%, -80%);
  background: url(/img/top/iill03.png) no-repeat center center/contain;
}
.info_ttl {
  position: absolute;
  z-index: -1;
  bottom: 8%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #0a3191;
  padding: 25px;
  border-radius: 999px;
  width: 400px;
  text-align: center;
}
@media screen and (max-width: 1870px) {
  .info_ttl {
    width: 350px;
  }
}
.info_ttl::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 40px;
  width: 17px;
  height: 19px;
  transform: translate(0%, -50%);
  background: url(/img/top/arrowi.png) no-repeat center center/contain;
}
@media screen and (max-width: 1870px) {
  .info_ttl::before {
    right: 20px;
  }
}
.info_ttl span {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
}

.top_news {
  width: 100%;
  background: #e5f8ff;
}
.top_news_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 50px;
}
.top_news_ttl {
  font-size: 46px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 900;
  color: #0a3191;
  margin-bottom: 60px;
  text-align: center;
}
.top_news_box {
  width: 220px;
}
.top_news_btn {
  width: 100%;
  background: #0a3191;
  padding: 22px;
  border-radius: 999px;
}
.top_news_btn p {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.top_news_post {
  width: calc(100% - 270px);
}

/*--------------------index--------------------*/
/*--------------------ent--------------------*/
.ent {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin-top: 30px;
  gap: 1.5625%;
  height: 730px;
  margin-bottom: 30px;
}
.ent_left {
  width: 47.65625%;
  height: clamp(486.66px, 38.0208333333vw, 730px);
  background: url(/img/ent/enimg01.png) no-repeat center center/cover;
  position: relative;
  z-index: 1;
}
.ent_left_txt {
  width: 43.7158469945%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ent_left_txt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ent_right {
  width: 47.65625%;
}
.ent_right_txt {
  width: 43.7158469945%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ent_right_txt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ent_right_box01 {
  width: 100%;
  height: clamp(233.33px, 18.2291666667vw, 350px);
  background: url(/img/ent/enimg02.png) no-repeat center center/cover;
  margin-bottom: clamp(20px, 1.5625vw, 30px);
  position: relative;
  z-index: 1;
}
.ent_right_box02 {
  width: 100%;
  height: clamp(233.33px, 18.2291666667vw, 350px);
  background: url(/img/ent/enimg03.png) no-repeat center center/cover;
  position: relative;
  z-index: 1;
}

/*--------------------ent--------------------*/
.sub_ttl {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #0a3191;
}/*# sourceMappingURL=style.css.map */