@charset "UTF-8";
@font-face {
  font-family: "zen-kaku-gothic";
  font-weight: 900;
  src: url(../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Black.ttf) format("truetype");
}
@font-face {
  font-family: "zen-kaku-gothic";
  font-weight: 700;
  src: url(../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "zen-kaku-gothic";
  font-weight: 500;
  src: url(../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "zen-kaku-gothic";
  font-weight: 400;
  src: url(../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "mincho";
  font-weight: 700;
  src: url(../fonts/Noto_Serif/static/NotoSerif-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "raleway";
  font-weight: 400;
  src: url(../fonts/Raleway/Raleway-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "raleway";
  font-weight: 600;
  src: url(../fonts/Raleway/Raleway-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: "raleway";
  font-weight: 700;
  src: url(../fonts/Raleway/Raleway-Bold.ttf) format("truetype");
}
/*------------------
　　共通設定
------------------*/
body {
  font-size: var(--fontSize_pc25);
  font-family: "zen-kaku-gothic", sans-serif;
  font-weight: 700;
  color: #222222;
  line-height: 1.68;
  font-feature-settings: "palt";
  letter-spacing: 0;
  background-color: #F5F7FA;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Safari */
}

.t-center {
  text-align: center;
}

.t-right {
  text-align: right;
}

.t-upper {
  text-transform: uppercase;
}

input[type=text], input[type=email], input[type=tel], textarea {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  padding: 16px 30px;
  letter-spacing: 0.05em;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-moz-placeholder {
  color: #A3AFAC;
}

input::placeholder {
  color: #A3AFAC;
}

input[type=radio] {
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 22px;
  border: 2px solid #707070;
}
input[type=radio]::before {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  content: "";
}

input[type=radio]:checked::before {
  background: #00277F;
}

input[type=checkbox] {
  position: relative;
  width: 22px;
  height: 22px;
  border: 2px solid #00277F;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 20px;
}

input[type=checkbox]:checked::before {
  position: absolute;
  top: 2px;
  left: 6px;
  transform: rotate(50deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid #00277F;
  border-bottom: 2px solid #00277F;
  content: "";
}

select {
  width: 14.1em;
  padding: 10px 20px;
  border: 1px solid #707070;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
	color: #2E2E2E;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  background-color: #fff;
}

.selectWrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.selectWrap::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 1.18em;
  height: 1.18em;
  top: 50%;
  right: 16px;
  background-color: #00277F;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateY(-50%);
}

textarea {
  min-height: 340px;
  border-radius: 0;
}

label {
  display: flex;
  align-items: center;
}

picture img, picture source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 1025px) {
  .tb {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .n_tb {
    display: none;
  }
  body {
    line-height: 1.54;
  }
  select {
    width: 15.8em;
    padding: 8px 12px;
  }
  .selectWrap::before {
    height: 1em;
    right: 12px;
  }
  input[type=radio] {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    border: none;
    background-color: #fff;
  }
  input[type=radio]::before {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
  }
  input[type=radio]:checked::before {
    background: #00277F;
  }
  input[type=text], input[type=email], input[type=tel], textarea {
    padding: 14px 20px;
  }
  textarea {
    min-height: 220px;
  }
  input[type=checkbox] {
    width: 18px;
    height: 18px;
    border: 1px solid #00277F;
    margin-right: 12px;
  }
  input[type=checkbox]:checked::before {
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 9px;
    border-right: 1px solid #00277F;
    border-bottom: 1px solid #00277F;
  }
}
@media only screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}
/*------------------
  フォントサイズ管理
------------------*/
:root {
  --fontSize_pc13: clamp(11px, 0.67708333vw, 15px);
  --fontSize_pc14: clamp(12px, 0.7291666vw, 16px);
  --fontSize_pc15: clamp(13px, 0.78125vw, 17px);
  --fontSize_pc16: clamp(15px, 0.83333vw, 18px);
  --fontSize_pc17: clamp(15px, 0.88541666vw, 19px);
  --fontSize_pc18: clamp(14px, 0.9375vw, 22px);
  --fontSize_pc19: clamp(14px, 0.98958333vw, 23px);
  --fontSize_pc20: clamp(15px, 1.0416666vw, 26px);
  --fontSize_pc21: clamp(15px, 1.09375vw, 27px);
  --fontSize_pc22: clamp(15px, 1.1458333vw, 28px);
  --fontSize_pc23: clamp(15px, 1.19791vw, 28px);
  --fontSize_pc24: clamp(16px, 1.25vw, 30px);
  --fontSize_pc25: clamp(16px, 1.30208333vw, 31px);
  --fontSize_pc26: clamp(18px, 1.35416666vw, 32px);
  --fontSize_pc27: clamp(18px, 1.40625vw, 32px);
  --fontSize_pc28: clamp(20px, 1.458333vw, 34px);
  --fontSize_pc29: clamp(20px, 1.51041666vw, 34px);
  --fontSize_pc30: clamp(20px, 1.5625vw, 34px);
  --fontSize_pc31: clamp(20px, 1.6145833vw, 36px);
  --fontSize_pc32: clamp(22px, 1.6666vw, 36px);
  --fontSize_pc33: clamp(22px, 1.71875vw, 38px);
  --fontSize_pc34: clamp(24px, 1.7708333vw, 38px);
  --fontSize_pc35: clamp(24px, 1.8229166vw, 38px);
  --fontSize_pc36: clamp(26px, 1.875vw, 38px);
  --fontSize_pc37: clamp(26px, 1.927vw, 38px);
  --fontSize_pc38: clamp(26px, 1.9792vw, 40px);
  --fontSize_pc39: clamp(28px, 2.03125vw, 42px);
  --fontSize_pc40: clamp(28px, 2.083333vw, 48px);
  --fontSize_pc41: clamp(30px, 2.1354166vw, 48px);
  --fontSize_pc42: clamp(30px, 2.1875vw, 50px);
  --fontSize_pc43: clamp(30px, 2.2395833vw, 52px);
  --fontSize_pc44: clamp(30px, 2.291666vw, 52px);
  --fontSize_pc45: clamp(30px, 2.34375vw, 54px);
  --fontSize_pc46: clamp(30px, 2.3958333vw, 54px);
  --fontSize_pc47: clamp(30px, 2.44791666vw, 56px);
  --fontSize_pc48: clamp(30px, 2.5vw, 58px);
  --fontSize_pc49: clamp(30px, 2.552vw, 58px);
  --fontSize_pc50: clamp(32px, 2.60416666vw, 60px);
  --fontSize_pc53: clamp(32px, 2.76041666vw, 63px);
  --fontSize_pc55: clamp(32px, 2.8645vw, 65px);
  --fontSize_pc60: clamp(40px, 3.125vw, 72px);
  --fontSize_pc65: clamp(45px, 3.3854vw, 78px);
  --fontSize_pc66: clamp(45px, 3.4375vw, 78px);
  --fontSize_pc70: clamp(52px, 3.64583333vw, 82px);
  --fontSize_pc73: clamp(52px, 3.8vw, 85px);
  --fontSize_pc83: clamp(70px, 4.322196666vw, 90px);
  --fontSize_pc85: clamp(72px, 4.427vw, 92px);
  --fontSize_pc89: clamp(76px, 4.635416666vw, 100px);
  --fontSize_pc110: clamp(70px, 5.7291666vw, 120px);
  --fontSize_sp8: clamp(8px, 2.0512vw, 14px);
  --fontSize_sp9: clamp(9px, 2.3vw, 14px);
  --fontSize_sp10: clamp(10px, 2.5641vw, 14px);
  --fontSize_sp11: clamp(11px, 2.82051vw, 15px);
  --fontSize_sp12: clamp(10px, 3.076923vw, 15px);
  --fontSize_sp13: clamp(13px, 3.333333vw, 18px);
  --fontSize_sp14: clamp(13px, 3.58974vw, 17px);
  --fontSize_sp15: clamp(14px, 3.8461538vw, 18px);
  --fontSize_sp16: clamp(15px, 4.102564102vw, 19px);
  --fontSize_sp17: clamp(15px, 4.3589vw, 30px);
  --fontSize_sp18: clamp(16px, 4.6153846vw, 22px);
  --fontSize_sp19: clamp(16px, 4.8718vw, 22px);
  --fontSize_sp20: clamp(18px, 5.1282vw, 24px);
  --fontSize_sp21: clamp(19px, 5.3846153vw, 26px);
  --fontSize_sp22: clamp(20px, 5.641025vw, 27px);
  --fontSize_sp23: clamp(21px, 5.897435vw, 30px);
  --fontSize_sp24: clamp(22px, 6.15384615vw, 29px);
  --fontSize_sp25: clamp(23px, 6.41vw, 30px);
  --fontSize_sp26: clamp(24px, 6.66666666vw, 32px);
  --fontSize_sp30: clamp(28px, 7.6923076vw, 36px);
  --fontSize_sp32: clamp(28px, 8.2051282051vw, 38px);
  --fontSize_sp35: clamp(30px, 8.9743vw, 60px);
  --fontSize_sp36: clamp(30px, 9.23vw, 60px);
  --fontSize_sp38: clamp(36px, 9.743589vw, 70px);
  --fontSize_sp40: clamp(38px, 10.25641vw, 50px);
  --fontSize_sp45: clamp(43px, 11.53846153vw, 55px);
  --fontSize_sp50: clamp(48px, 12.82051282vw, 60px);
  --fontSize_sp60: clamp(58px, 15.38461538vw, 78px);
  --fontSize_sp77: clamp(75px, 19.743589vw, 100px);
  --innerWidth: 89.6%;
}
@media only screen and (max-width: 1024px) {
  :root {
    --innerWidth: 89.74%;
  }
}

#scroll-lottie{
	position: fixed;
    width: 7.3vw;
    bottom: 0;
    right: 0;
    z-index: 9;
    transform: translate(17%, 25%);
	min-width: 50px;
}
@media only screen and (max-width: 1024px) {
  	#scroll-lottie{
		bottom: 14px;
		transform: none;
	}
}

/*===============================
         bl-topTtl
===============================*/
.bl-topTtlWrap ._jp {
  font-size: var(--fontSize_pc23);
  font-weight: 500;
  letter-spacing: 0.025em;
}
.bl-topTtlWrap ._jp._white {
  color: #fff;
}
.bl-topTtlWrap ._en {
  font-size: var(--fontSize_pc85);
  font-family: "raleway", sans-serif;
  font-weight: 700;
  color: #00277F;
  text-transform: uppercase;
  line-height: 1;
}
.bl-topTtlWrap ._en._white {
  color: #fff;
}

.bl-topTtl_sub {
  font-size: var(--fontSize_pc45);
  font-weight: 700;
}

.bl-top_sTxt {
  font-size: var(--fontSize_pc25);
}

@media only screen and (max-width: 1024px) {
  .bl-topTtlWrap ._jp {
    font-size: var(--fontSize_sp11);
  }
  .bl-topTtlWrap ._en {
    font-size: var(--fontSize_sp35);
  }
  .bl-topTtl_sub {
    font-size: var(--fontSize_sp23);
  }
  .bl-top_sTxt {
    font-size: var(--fontSize_sp13);
  }
}
/*===============================
         bl-topMoreBtn
===============================*/
.bl-topMoreBtn {
  width: 12.08em;
  height: 2.64em;
  background-color: #00277F;
  color: #fff;
  font-size: var(--fontSize_pc25);
  font-family: "raleway", sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-radius: 1.32em;
  justify-content: flex-end;
  padding-right: 1.6em;
  text-transform: uppercase;
	border: 1px solid  #00277F;
}
.bl-topMoreBtn ._arrow {
  display: block;
  width: 16px;
  height: 16px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin-left: 2.56em;
}
.bl-topMoreBtn._transparent {
  background-color: transparent;
  border: 1px solid #fff;
}
.bl-topMoreBtn._recMoreBtn {
  background-color: transparent;
  border: 1px solid #00277F;
  color: #00277F;
}
.bl-topMoreBtn._recMoreBtn ._arrow {
  border-right: 2px solid #00277F;
  border-bottom: 2px solid #00277F;
}

@media only screen and (min-width: 1025px) {
  .bl-topMoreBtn {
    transition: 0.2s;
  }
  .bl-topMoreBtn:hover {
    background-color: #fff;
    color: #00277F;
  }
  .bl-topMoreBtn:hover ._arrow {
    border-right: 2px solid #00277F;
    border-bottom: 2px solid #00277F;
  }
  .bl-topMoreBtn._hvBorder:hover {
    border: 1px solid #00277F;
  }
  .bl-topMoreBtn._recMoreBtn:hover {
    background-color: #00277F;
    color: #fff;
  }
  .bl-topMoreBtn._recMoreBtn:hover ._arrow {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .bl-topMoreBtn {
    font-size: var(--fontSize_sp15);
    width: 11.3333em;
    height: 2.3333em;
    padding-right: 1.8em;
  }
  .bl-topMoreBtn ._arrow {
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-left: 1.8em;
  }
}
/*===============================
         bl-lowerSecTtl
===============================*/
.bl-lowerSecTtl_jp {
  font-size: var(--fontSize_pc20);
  line-height: 1;
}
.bl-lowerSecTtl_jp._white {
  color: #fff;
}

.bl-lowerSecTtl_en {
  font-size: var(--fontSize_pc85);
  font-family: "raleway", sans-serif;
  line-height: 0.95;
  color: #00277F;
  text-transform: uppercase;
}
.bl-lowerSecTtl_en._white {
  color: #fff;
}
.bl-lowerSecTtl_en._black {
  color: #222222;
}

@media only screen and (max-width: 1024px) {
  .bl-lowerSecTtl_jp {
    font-size: var(--fontSize_sp11);
  }
  .bl-lowerSecTtl_en {
    font-size: var(--fontSize_sp35);
  }
}
/*===============================
         md-head
===============================*/
.md-head_logoWrap {
  position: absolute;
  display: block;
  width: 164px;
  top: 50%;
  left: 5.2%;
  transform: translateY(-50%);
	height: 64px;
}
.md-head_logoWrap img{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	transition: .2s;
}
.md-head_logoWrap img._white{
	opacity: 0;
}
.md-head_logoWrap._white img._white{
	opacity: 1;
}
.md-head_logoWrap._white img._black{
	opacity: 0;
}

.md-head_navWrap {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.md-head_navList {
  display: grid;
  grid-template-columns: repeat(7, auto);
  gap: 3.64vw;
  align-items: center;
  height: 100%;
}
.md-head_navList ._item {
  height: 100%;
}
.md-head_navList ._item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media only screen and (min-width: 1025px) {
  .md-head_navList ._item a {
    transition: 0.2s;
  }
  .md-head_navList ._item a:hover {
    opacity: 0.5;
  }
}
.md-head_navList ._item ._en {
  text-transform: uppercase;
  font-size: var(--fontSize_pc19);
  font-family: "raleway", sans-serif;
  font-weight: 600;
  margin-bottom: 2px;
  line-height: 1;
}
.md-head_navList ._item ._jp {
  font-size: 12px;
  letter-spacing: 0.025em;
  line-height: 1;
	font-weight: 500;
}
.md-head_navList ._item._insta {
  width: 32px;
}
.md-head_navList ._item._contact {
  padding: 0 32px;
  background-image: linear-gradient(135deg, #071F5C 0%, #22559B 100%);
  color: #fff;
}

.md-head_openIcon {
  position: absolute;
  width: 62px;
  height: 100%;
  top: 0;
  right: 0;
  background-image: linear-gradient(135deg, #071F5C 0, #22559B 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-head_openIcon ._lineWrap {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: end;
  flex-direction: column;
  width: 41%;
}
.md-head_openIcon span {
  height: 2px;
  background-color: #fff;
}
.md-head_openIcon span._top {
  width: 100%;
  margin-bottom: 6px;
}
.md-head_openIcon span._center {
  width: 80%;
  margin-bottom: 6px;
}
.md-head_openIcon span._bottom {
  width: 60%;
}

.md-head_instaIcon {
  position: absolute;
  width: 22px;
	height: 22px;
	top: 52%;
  right: 74px;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1025px) {
  .md-head_openIcon {
    display: none;
  }
  .md-head_instaIcon {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .md-head_navWrap {
    display: none;
  }
  .md-head_logoWrap {
    width: 110px;
	  height: 44px;
    left: 5.12%;
  }
}
/*===============================
         md-topFv
===============================*/
.md-topFv_videoWrap {
  position: absolute;
  top: 96px;
  width: 78.75vw;
  height: 85.2vh;
}
.md-topFv_videoWrap ._square {
  position: relative;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  z-index: 9;
}
.md-topFv_videoWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.md-topFv_videoWrap ._lines line {
  stroke-width: 1.8;
}
.md-topFv_videoWrap ._cornerLine {
  position: absolute;
  z-index: 10;
  background-color: #00277F;
  width: 1.04vw;
  height: 5.625vw;
}
.md-topFv_videoWrap ._cornerLine._top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-topFv_videoWrap ._cornerLine._bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.md-topFv_videoWrap ._cornerLine._left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
.md-topFv_videoWrap ._cornerLine._right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(90deg);
}

.md-topFv_playBtn {
  position: absolute;
  width: 4.0625vw;
  height: 4.0625vw;
  bottom: 9.26vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  min-height: 42px;
  min-width: 42px;
}
.md-topFv_playBtn img {
  position: relative;
  z-index: 2;
}

.circle-anim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: visible;
}

.circle-anim circle {
  fill: none; /* 中は透明 */
  stroke: #fff; /* 白い線 */
  stroke-width: 1; /* 最初は細い枠 */
  opacity: 0.9;
  transform-origin: 50% 50%;
  animation: strokeAnim 2s infinite linear;
}

@keyframes strokeAnim {
  0% {
    transform: scale(1);
    stroke-width: 1;
    opacity: 0.9;
  }
  70% {
    transform: scale(2);
    stroke-width: 30;
    opacity: 0;
  }
  100% {
    transform: scale(2);
    stroke-width: 30;
    opacity: 0;
  }
}
.md-topFv_video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.md-topFv_video img, .md-topFv_video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.1);
}

.md-topFv_picLeftWrap {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 50%;
  height: 50%;
  width: 50%;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transform: translate(-50%, 0);
}
.md-topFv_picLeftWrap img{
	object-position: -150% 20%;
	transform: translate(10%, 0);
	/*transform: scale(1.5);*/
}
.md-topFv_picRight {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 0;
  height: 55.2%;
  width: 53.24%;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transform: translate(50%, -100%);
}
/* .md-topFv_picRight img {
  transform: scale(1.1) translatex(-4%);
} */

.md-topFv_square {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.md-topFv_square._topLeft {
  top: 50%;
  left: 0;
  width: 33%;
  height: 32.8%;
  transform: translate(-50%, -100%);
  background-image: linear-gradient(135deg, #A4C1E2 50%, #D6FEFE 100%);
  z-index: 6;
}
.md-topFv_square._bottomLeft {
  bottom: 0;
  left: 50%;
  width: 58%;
  height: 58%;
  transform: translate(-100%, 50%);
  background-image: linear-gradient(135deg, #071F5C 30%, #22559B 80%);
}
.md-topFv_square._topCenter {
  top: -4.5%;
  left: 47%;
  height: 55.2%;
  width: 53.24%;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transform: translate(0, -50%) scale(1.2);
  transform-origin: center bottom;
  background-image: linear-gradient(150deg, #D6FEFE 30%, #A4C1E2 70%);
}
.md-topFv_square._centerRight {
  top: 50%;
  right: 0;
  height: 55.2%;
  width: 53.24%;
  transform: translate(100%, -50%) scale(1.2);
  background-image: linear-gradient(135deg, #A4C1E2 0%, #D6FEFE 50%);
  transform-origin: left center;
  z-index: 6;
}
.md-topFv_square._bottomRight {
  top: 50%;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #071F5C 0%, #22559B 100%);
  transform: translate(50%, 0);
  z-index: 6;
}

.md-topFv_txtWrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, 0);
  width: 71.7%;
  height: 72.8%;
  display: flex;
	flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--fontSize_pc40);
  font-family: "mincho", serif;
  line-height: 1.5;
	padding-top:8%;
	z-index: 11;
}
.md-topFv_txtWrap span {
  font-size: var(--fontSize_pc60);
  font-weight: 700;
  color: #872F2F;
  padding: 0 0.43em;
}
.md-topFv_txtWrap p{
	margin-top: -12%;
}
.md-topFv_kikaiLink.tb{
display: none;
}
.md-topFv_kikaiLink {
  width: 15vw;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  min-width: 180px;
  z-index: 3;
	margin-top: 40px;
	font-family: ;
}
.md-topFv_kikaiLink ._imgWrap {
  background-color: #872E2E;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0 12px 0;
}
.md-topFv_kikaiLink ._imgWrap img {
  display: block;
  width: 72.9%;
  min-width: 13px;
}
.md-topFv_kikaiLink ._txt {

  display: flex;
  align-items: center;
  margin-top: 6px;
}
.md-topFv_kikaiLink ._txt span{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
	color: #2E2E2E;
	font-family: "zen-kaku-gothic", sans-serif;
}
.md-topFv_kikaiLink ._arrow {
  display: block;
  width: 0.667em;
  height: 0.6em;
  background-color: #2E2E2E;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  margin-left: 12px;
}
@media only screen and (max-width: 1024px) {
	.md-topFv_txtWrap p{
		margin-top: 0;
	}
  .md-topFv_videoWrap {
    height: 44.43vh;
    width: 158.5%;
    left: -39.49%;
    top: 110px;
  }
  .md-topFv_videoWrap ._lines line {
    stroke-width: 1.2;
  }
  .md-topFv_videoWrap ._cornerLine {
    height: 44px;
    width: 5px;
  }
  .md-topFv_picRight {
    width: 54.3%;
    height: 54.3%;
    top: 0;
    left: 50%;
    transform: translate(0, -50%);
  }
  .md-topFv_picLeftWrap {
    top: unset;
    bottom: -93%;
    left: 89.49vw;
    transform: translateX(-100%);
    clip-path: polygon(50% 0, 100% 50%, 43% 100%, 0 50%);
    height: 80%;
    width: 70%;
  }
  .md-topFv_picLeftWrap img{
		object-position: -300% 50%;
	}
  .md-topFv_square._bottomLeft {
    z-index: 7;
  }
  .md-topFv_square._topLeft {
    width: 50%;
    height: 50%;
    left: unset;
    right: 0;
    top: 0;
    transform: translate(50%, 0);
    z-index: 3;
    background-image: linear-gradient(90deg, #071F5C 0, #22559B 20%);
  }
  .md-topFv_square._topCenter {
    width: 100%;
    height: 100%;
    top: -66%;
    left: 0;
    transform: none;
    background-image: linear-gradient(120deg, #D6FEFE 30%, #A4C1E2 70%);
  }
  .md-topFv_txtWrap {
	  padding-top: 0;
    top: 85%;
    left: 28%;
    transform: none;
    font-size: var(--fontSize_sp21);
  }
  .md-topFv_txtWrap span {
    font-size: var(--fontSize_sp32);
    padding: 0 8px;
    line-height: 1.7;
  }
  .md-topFv_square._centerRight {
    width: 100%;
    height: 100%;
    top: 30%;
    right: 40%;
    transform: translateX(100%);
    background-image: linear-gradient(135deg, #A4C1E2 0%, #D6FEFE 50%);
  }
  .md-topFv_square._bottomRight {
    right: 4%;
    background-image: linear-gradient(160deg, #22559B 0%, #071F5C 45%);
  }
  .md-topFv_playBtn {
    bottom: 5.924vh;
  }
	.md-topFv_kikaiLink.n_tb{
		display: none;
	}
	.md-topFv_kikaiLink.tb{
		position: absolute;
		bottom: 5%;
		right: 5.1%;
		display: flex;
		z-index: 11;
	}
	.md-topFv_kikaiLink {
    padding: 6px 5px 3px 5px;
    background-color: #fff;
  }
  .md-topFv_kikaiLink ._txt {
    margin-top: 2px;
  }
	.md-topFv_kikaiLink ._txt span{
		font-size: 9px;
	}
  .md-topFv_kikaiLink ._imgWrap img {
    width: 62.5%;
  }
}
/*===============================
         md-topMsg
===============================*/
.md-topMsg_bg {
  position: absolute;
  z-index: 8;
  height: 100%;
  width: 156.1267018779vw;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(135deg, #A4C1E2 0%, #D6FEFE 100%);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.md-topMsg_bgWrap ._line {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.md-topMsg_bgWrap ._line line {
  stroke-width: 0.2;
}

.md-topMsg_contWrap {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 36vh;
}

.md-topMsg_subTxt {
  font-size: var(--fontSize_pc24);
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
  margin-bottom: 132px;
  margin-top: 60px;
}

.md-topMsg_bottomTxtHide {
  position: absolute;
  bottom: 40vh;
  width: 100%;
  overflow: hidden;
  z-index: 8;
}
.md-topMsg_bottomTxtHide ._slide {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.md-topMsg_bottomTxtHide ._slide ._txt {
  font-size: 8.3333vw;
  font-family: "raleway", sans-serif;
  color: #fff;
  font-weight: 700;
  animation: infinity-scroll-left 30s infinite linear both;
  padding-right: 0.5em;
}

.md-topMsg_logo {
  position: absolute;
  width: 7.8125vw;
  top: 6.48vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  min-width: 74px;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media only screen and (max-width: 1400px) {
  .md-topMsg_bottomTxtHide {
    bottom: 30vh;
  }
}
@media only screen and (max-width: 1024px) {
  .md-topMsg_bg {
    height: 100%;
    width: 292.4937571535vw;
  }
  .md-topMsg_contWrap {
    padding-top: 16px;
  }
  .md-topMsg_subTxt {
    margin-top: 22px;
    font-size: var(--fontSize_sp13);
    line-height: 1.54;
    margin-bottom: 40px;
  }
  .md-topMsg_bottomTxtHide {
    bottom: 17.78vh;
  }
  .md-topMsg_bottomTxtHide ._slide ._txt {
    font-size: 15.38vw;
  }
  .md-topMsg_logo {
    top: 2.13vh;
  }
}
/*===============================
         md-topServ
===============================*/
.md-topServ_square {
  position: absolute;
  z-index: 7;
  height: 168.7vh;
  width: 156.1267018779vw;
  top: 0;
  left: 50%;
  background-image: linear-gradient(160deg, #2E5AA6 10%, #071F5C 40%);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.md-topServ_square ._line {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.md-topServ_square ._line line {
  stroke-width: 0.2;
}

.md-topServ_sub {
  margin-top: 36px;
  margin-bottom: 28px;
}

.md-topServ_moreBtn {
  margin-top: 78px;
}

.md-topServ_pic {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  overflow: hidden;
  z-index: 10;
}
.md-topServ_pic._top {
  top: 47.68vh;
  right: 11.46vw;
  width: 41.5625vw;
  height: 47vh;
}
.md-topServ_pic._right {
  top: 84vh;
  right: 0;
  width: 27.7vw;
  height: 31.111vh;
}
.md-topServ_pic._bottom {
  bottom: 1vh;
  right: 16.67vw;
  width: 39.17vw;
  height: 42vh;
}

@media only screen and (max-width: 1024px) {
  .md-topServ_square {
    height: 81.99vh;
    width: 292.4937571535vw;
    background-image: linear-gradient(160deg, #2E5AA6 30%, #071F5C 40%);
  }
  .md-topServ_pic._top {
    top: 23vh;
    right: 5.1282vw;
    width: 65.1282vw;
    height: 19.075vh;
  }
  .md-topServ_pic._right {
    right: 0;
    width: 45.641vw;
    height: 13.27vh;
    top: 40vh;
  }
  .md-topServ_pic._bottom {
    display: none;
  }
  .md-topServ_sub {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .md-topServ_moreBtn {
    margin-top: 40px;
  }
}
/*===============================
         md-topProd
===============================*/
.md-topProd_bgWrap {
  position: relative;
  width: 160.7%;
  height: 100%;
  margin-left: -30.35%;
}
.md-topProd_bgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.md-topProd_bgWrap ._lines line {
  stroke-width: 0.3;
}

.md-topProd_square {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.md-topProd_square._bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(135deg, #071F5C 0, #2E5AA6 80%);
  z-index: -1;
}
.md-topProd_square._right {
  width: 7.9%;
  height: 7.94%;
  top: 16.7%;
  right: 19.38%;
  background-image: linear-gradient(135deg, #D6FEFE 0, #A4C1E2 100%);
}
.md-topProd_square._leftTop {
  width: 7.9%;
  height: 7.94%;
  top: 8.14%;
  left: 27.77%;
  background-image: linear-gradient(135deg, #2E5AA6 0, #071F5C 80%);
}
.md-topProd_square._leftBottom {
  width: 18.86%;
  height: 18.92%;
  top: 7.5%;
  left: 12%;
  background-image: linear-gradient(135deg, #D6FEFE 0, #A4C1E2 100%);
}

.md-topProd_contWrap {
  padding-top: 17.92vw;
  color: #fff;
  text-align: center;
}

.md-topProd_sub {
  margin-top: 56px;
  margin-bottom: 32px;
}

.md-topProd_imgWrap {
  display: grid;
  grid-template-rows: repeat(4, 10.52vw);
  grid-template-columns: repeat(18, 1fr);
  width: 100vw;
  margin: 0 auto;
  margin-top: -5.21vw;
  padding-bottom: 14%;
}

.md-topProd_img {
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.md-topProd_img._topLeft {
  grid-area: 1/1/3/7;
}
.md-topProd_img._topLeft img{
	transform: scale(1.1) translate(-3%, -3%);
}
.md-topProd_img._topRight {
  grid-area: 1/13/3/19;
}
.md-topProd_img._center {
  grid-area: 2/7/4/13;
}
.md-topProd_img._bottomLeft {
  grid-area: 3/2/5/8;
}
.md-topProd_img._bottomRight {
  grid-area: 3/12/5/18;
}

.md-topProd_moreBtn {
  grid-area: 4/8/5/12;
  margin: auto;
  margin-bottom: 0;
}
.md-topProd_img._topRight img{
	transform: scale(1.2) translateY(-3%);
}
.md-topProd_img._bottomLeft img{
	transform: scale(1.1) translate(-2%, -3%);
}
.md-topProd_img._bottomRight img{
	transform: scale(1.15) translate(2%, -5%);
}
@media only screen and (min-width: 1025px) {
  .md-topProd_moreBtn.tb {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .md-topProd_bgWrap {
    width: 400%;
    aspect-ratio: 172/108;
    margin-left: 0;
    left: 50%;
    transform: translateX(-50%);
    max-height: 1433px;
    max-width: 2282.1851851852px;
  }
  .md-topProd_contWrap {
    padding-top: 170px;
    padding-bottom: 10%;
  }
  .md-topProd_sub {
    margin-top: 16px;
    margin-bottom: 20px;
  }
  .md-topProd_moreBtn.n_tb {
    display: none;
  }
  .md-topProd_imgWrap {
    margin-top: 28px;
    padding: 0 8px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 8vw;
  }
  .md-topProd_img {
    aspect-ratio: 172/108;
  }
  .md-topProd_img._topLeft {
    grid-area: 1/1/3/3;
    margin-right: 2.05vw;
  }
  .md-topProd_img._topRight {
    grid-area: 1/3/3/5;
    margin-left: 2.05vw;
  }
  .md-topProd_img._center {
    grid-area: 2/2/4/4;
    margin: 0 1.025vw;
  }
  .md-topProd_img._bottomLeft {
    grid-area: 3/1/5/3;
    margin-left: 2.05vw;
  }
  .md-topProd_img._bottomRight {
    grid-area: 3/3/5/5;
    margin-right: 2.05vw;
  }
  .md-topProd_moreBtn {
    margin-top: 24px;
  }
  .md-topProd_square._right {
    width: 4.36%;
    height: 4.36%;
    left: 57.56%;
    right: unset;
    top: 4%;
  }
  .md-topProd_square._leftTop {
    width: 4.36%;
    height: 4.36%;
    left: 41%;
    top: 1.14%;
  }
  .md-topProd_square._leftBottom {
    width: 8.59%;
    height: 8.59%;
    left: 34.23%;
    top: 1.5%;
  }
}
/*===============================
         md-contactForm
===============================*/
.md-topGroup_contWrap {
  display: grid;
  grid-template-columns: 1fr 44.8vw;
}
.md-topGroup_ttlTxt{
	margin-top: 58px;
}
.md-topGroup_sub {
  margin-top: 36px;
  margin-bottom: 28px;
}

.md-topGroup_sqare {
  width: 77.9%;
  height: 21.8vw;
  margin: 0 auto;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  background-image: linear-gradient(135deg, #A4C1E2 0, #D6FEFE 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-topGroup_sqare p {
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: var(--fontSize_pc35);
}

.md-topGroup_linkLower {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7.14vw;
}
@media only screen and (min-width: 1025px) {
  .md-topGroup_linkLower a:hover ._siteLink span, .md-topGroup_linkLower a:hover ._siteLink img {
    transform: translateX(8px);
  }
}

.md-topGroup_link ._siteLink {
  position: relative;
  display: flex;
  align-items: start;
  font-size: var(--fontSize_pc27);
  font-family: "raleway", sans-serif;
  font-weight: 500;
  line-height: 1;
  margin: 20px auto 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 1025px) {
  .md-topGroup_link ._siteLink span, .md-topGroup_link ._siteLink img {
    transition: 0.2s;
  }
}
.md-topGroup_link ._siteLink img {
  margin-left: 1em;
  width: 14px;
}
.md-topGroup_link ._siteLink::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 0.56em;
  background-color: #872E2E;
  opacity: 0.22;
  bottom: -0.4em;
}

@media only screen and (max-width: 1024px) {
  .md-topGroup_contWrap {
    display: block;
  }
  .md-topGroup_txtWrap {
    text-align: center;
  }
  .md-topGroup_sub {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .md-topGroup_linkWrap {
    margin: 30px auto 0 auto;
    max-width: 500px;
  }
  .md-topGroup_sqare {
    width: 100%;
    aspect-ratio: 352/222;
    height: unset;
    font-size: var(--fontSize_sp22);
  }
  .md-topGroup_linkLower {
    gap: 10.26vw;
  }
  .md-topGroup_link ._siteLink {
    font-size: var(--fontSize_sp14);
    margin-top: 10px;
  }
  .md-topGroup_link ._siteLink img {
    width: 8px;
  }
	.md-topGroup_ttlTxt{
		margin-top: 20px;
	}
}
/*===============================
         md-topNews
===============================*/
.md-topNews_contWrap {
  position: relative;
  z-index: 2;
}

.md-topNews_list {
  margin: 50px auto 0 auto;
  max-width: 1058px;
}

.md-topNews_listItem {
  padding-top: 2.96em;
  padding-bottom: 2.16em;
  font-size: var(--fontSize_pc25);
  border-bottom: 1px solid #707070;
}
.md-topNews_listItem a {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .md-topNews_listItem a {
    transition: 0.2s;
  }
  .md-topNews_listItem a:hover {
    opacity: 0.5;
  }
  .md-topNews_listItem a ._arrow {
    transition: 0.2s;
  }
  .md-topNews_listItem a:hover ._arrow {
    transform: translateX(10px) rotate(-45deg);
  }
}
.md-topNews_listItem ._date {
  font-size: var(--fontSize_pc22);
  margin-right: 1.9em;
  font-weight: 700;
}
.md-topNews_listItem ._cat {
  font-size: var(--fontSize_pc22);
  font-family: "raleway", sans-serif;
  color: #00277F;
  line-height: 1;
  width: 4.77em;
  height: 1.54em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  text-transform: uppercase;
  margin-right: 2.91em;
}
.md-topNews_listItem ._arrow {
  width: 16px;
  height: 16px;
  border-right: 2px solid #222222;
  border-bottom: 2px solid #222222;
  transform: rotate(-45deg);
  margin: 0 32px;
}

.md-topNews_moreBtn {
  margin: 104px auto 0 auto;
}

@media only screen and (max-width: 1024px) {
  .md-topNews_list {
    margin-top: 6px;
  }
  .md-topNews_listItem a {
    grid-template-rows: auto auto;
    row-gap: 14px;
    padding-right: 10px;
  }
  .md-topNews_listItem a ._date {
    font-size: var(--fontSize_sp11);
    margin-right: 1.64em;
  }
  .md-topNews_listItem a ._cat {
    font-size: var(--fontSize_sp11);
    width: 5.27em;
    height: 1.73em;
    margin-right: 0;
  }
  .md-topNews_listItem a ._ttl {
    grid-area: 2/1/3/4;
    margin-right: 20px;
  }
  .md-topNews_listItem a ._arrow {
    grid-area: 1/4/3/5;
    width: 6px;
    height: 6px;
    border-right: 1px solid #222222;
    border-bottom: 1px solid #222222;
    margin: 0;
    margin-top: auto;
    margin-bottom: calc(var(--fontSize_sp13) * 0.5);
  }
  .md-topNews_listItem {
    padding: 1.54em 0;
    font-size: var(--fontSize_sp13);
  }
  .md-topNews_moreBtn {
    margin-top: 40px;
  }
}
/*===============================
         md-topRec
===============================*/
.md-topRec_bgWrap {
  position: relative;
  width: 123.75%;
  padding: 23.7vw 0;
  left: 50%;
  transform: translateX(-50%);
}
.md-topRec_bgWrap ._lines._bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.md-topRec_bgWrap ._lines._bg line {
  stroke-width: 0.2;
}

.md-topRec_sqare {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.md-topRec_sqare._bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
}
.md-topRec_sqare._bottomLeft {
  width: 7.239%;
  height: 7.239%;
  bottom: 9.712%;
  left: 38.68%;
  background-image: linear-gradient(170deg, #22559B 20%, #071F5C 100%);
}
.md-topRec_sqare._center {
  width: 13.17%;
  height: 13.17%;
  bottom: 1.8%;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(160deg, #D6FEFE 0, #A4C1E2 100%);
}
.md-topRec_sqare._topRight {
  width: 24.5%;
  height: 24.5%;
  top: 4.55%;
  right: 2.189%;
  background-image: linear-gradient(160deg, #071F5C 10%, #22559B 90%);
}

.md-topRec_contWrap {
  margin-left: 8.125vw;
  display: grid;
  grid-template-columns: 51vw 1fr;
  gap: 9.58vw;
}

.md-topRec_imgWrap {
  position: relative;
}
.md-topRec_imgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.md-topRec_imgWrap ._lines line {
  stroke-width: 2.5;
}
.md-topRec_imgWrap ._cornerLine {
  position: absolute;
  z-index: 10;
  background-color: #00277F;
  width: 20px;
  height: 70px;
}
.md-topRec_imgWrap ._cornerLine._top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-topRec_imgWrap ._cornerLine._bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.md-topRec_imgWrap ._cornerLine._left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
.md-topRec_imgWrap ._cornerLine._right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(90deg);
}

.md-topRec_img {
  position: relative;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.md-topRec_img picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
.md-topRec_img picture._3{
	transform: scale(1.1) translate(-7%, -13%);
}
.md-topRec_img picture._2{
	transform: scale(1.25) translate(-14%, 0);
}
.md-topRec_txtWrap {
  position: relative;
  z-index: 2;
}

.md-topRec_sub {
  margin-top: 36px;
  margin-bottom: 32px;
}

.md-topRec_moreBtn {
  margin-top: 38px;
}

@media only screen and (min-width: 2200px) {
  .md-topRec_bgWrap {
    width: 140%;
  }
  .md-topRec_contWrap {
    margin-left: 11vw;
  }
}
@media only screen and (max-width: 1280px) {
  .md-topRec_bgWrap {
    padding: 30vw 0;
    width: 156.64%;
  }
  .md-topRec_contWrap {
    margin-left: 21.285vw;
  }
}
@media only screen and (max-width: 1024px) {
  .md-topRec_bgWrap {
    padding-top: 60px;
    width: 330%;
    padding-bottom: 46.15vw;
    aspect-ratio: 340/214;
    max-height: 1330px;
    max-width: 2113.0841121495px;
    left: 50%;
    margin-left: 0;
  }
  .md-topRec_contWrap {
    display: block;
    width: 89.74vw;
    margin: 0 auto;
  }
  .md-topRec_imgWrap {
    width: 100%;
    aspect-ratio: 340/214;
  }
  .md-topRec_imgWrap ._cornerLine {
    width: 5px;
    height: 24px;
  }
  .md-topRec_imgWrap ._lines line {
    stroke-width: 2;
  }
  .md-topRec_txtWrap {
    text-align: center;
    margin-top: 34px;
  }
  .md-topRec_sub {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .md-topRec_moreBtn {
    margin: 40px auto 0 auto;
  }
  .md-topRec_sqare._center {
    width: 11.4%;
    height: 11.4%;
  }
  .md-topRec_sqare._bottomLeft {
    width: 6.4%;
    height: 6.4%;
    bottom: 8.4%;
    left: 40.2%;
  }
  .md-topRec_sqare._topRight {
    width: 9.5%;
    height: 9.5%;
    top: 1%;
    right: 33.6%;
  }
}
/*===============================
         md-foot
===============================*/
.md-footContact_wrap {
  position: relative;
  padding-bottom: 8.0266vw;
}

.md-footContact_txtWrap {
  display: flex;
  align-items: end;
}

.md-footContact_sTxt {
  margin-left: 90px;
  color: #fff;
}

.md-footContact_linkWrap {
  margin-top: 54px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  font-size: var(--fontSize_pc45);
  color: #fff;
  white-space: nowrap;
}
.md-footContact_linkWrap ._tel {
  grid-column: 2/3;
  width: 100%;
  padding: 0 2.556em;
  border: 1px solid #fff;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #103374;
}
.md-footContact_linkWrap ._tel ._upper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #fff;
  letter-spacing: 0.1em;
  line-height: 1;
  padding-bottom: 12px;
}
.md-footContact_linkWrap ._tel ._upper img {
  width: 1.4666em;
  aspect-ratio: 1/1;
  margin-right: 14px;
}
.md-footContact_linkWrap ._tel ._lower {
  font-size: var(--fontSize_pc22);
  text-align: center;
  display: block;
  margin-top: 14px;
}
.md-footContact_linkWrap ._contact {
  position: relative;
  display: block;
  margin-left: 70px;
  width: 8.6vw;
  aspect-ratio: 1/1;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #103374;
}
.md-footContact_linkWrap ._contact img {
  position: absolute;
  width: 62px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-footContact_linkWrap ._contact img._hover {
  opacity: 0;
}
@media only screen and (min-width: 1025px) {
  .md-footContact_linkWrap ._contact {
    transition: 0.2s;
  }
  .md-footContact_linkWrap ._contact img {
    transition: 0.2s;
  }
  .md-footContact_linkWrap ._contact:hover {
    background-color: #fff;
  }
  .md-footContact_linkWrap ._contact:hover img.normal {
    opacity: 0;
  }
  .md-footContact_linkWrap ._contact:hover img._hover {
    opacity: 1;
  }
}

.md-footContact_bottomTxtHide {
  position: absolute;
  bottom: 0;
  font-size: 11.98vw;
  font-family: "raleway", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  width: 100%;
  overflow: hidden;
  color: #fff;
  opacity: 0.09;
  z-index: -1;
}
.md-footContact_bottomTxtHide ._slide {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
.md-footContact_bottomTxtHide ._txt {
  animation: infinity-scroll-left 35s infinite linear both;
  padding: 0 0.25em;
}

.md-footInfo_wrap {
  padding-top: 40px;
  padding-bottom: 18px;
  border-bottom: 1px solid #707070;
  padding-right: 2.6vw;
}

.md-footInfo_logo {
  display: block;
  width: 24.6vw;
}

.md-footInfo_grid {
  display: grid;
  grid-template-columns: auto auto 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  color: #fff;
  margin-top: 64px;
}

.md-footInfo_txtBlock {
  font-size: var(--fontSize_pc18);
	font-weight: 500;
}
.md-footInfo_txtBlock._topLeft {
  grid-area: 1/1/2/2;
  margin-right: 3.65vw;
}
.md-footInfo_txtBlock._topRight {
  grid-area: 1/2/2/3;
  margin-right: 17.6vw;
}
.md-footInfo_txtBlock._bottom {
  grid-area: 2/1/3/2;
  margin-top: 48px;
}
.md-footInfo_txtBlock > div {
  padding-left: 0.5em;
}

.md-footNav_wrap {
  grid-area: 1/3/2/5;
}

.md-footNav_pageLink {
  display: grid;
  row-gap: 26px;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(2, 1fr);
  justify-content: space-between;
}
.md-footNav_pageLink ._item a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (min-width: 1025px) {
  .md-footNav_pageLink ._item a {
    transition: 0.2s;
  }
  .md-footNav_pageLink ._item a:hover {
    opacity: 0.5;
  }
}
.md-footNav_pageLink ._item a ._en {
  font-size: var(--fontSize_pc22);
  font-family: "raleway", sans-serif;
/*   text-transform: uppercase; */
}
.md-footNav_pageLink ._item a ._jp {
  font-size: var(--fontSize_pc18);
  letter-spacing: 0.025em;
  font-weight: 400;
  line-height: 1;
}

.md-footInfo_groupLink {
  grid-area: 2/3/3/4;
  margin-top: 48px;
}
.md-footInfo_groupLink span {
  display: block;
  margin-bottom: 14px;
  font-size: var(--fontSize_pc22);
  font-family: "raleway", sans-serif;
  font-weight: 600;
  line-height: 1;
}
.md-footInfo_groupLink a {
  display: block;
  width: 15.89vw;
}
@media only screen and (min-width: 1025px) {
  .md-footInfo_groupLink a {
    transition: 0.2s;
  }
  .md-footInfo_groupLink a:hover {
    opacity: 0.5;
  }
}

.md-footInfo_insta {
  grid-area: 2/4/3/5;
  margin-top: 48px;
  margin-left: auto;
  display: block;
  width: 40px;
}
@media only screen and (min-width: 1025px) {
  .md-footInfo_insta {
    transition: 0.2s;
  }
  .md-footInfo_insta:hover {
    opacity: 0.5;
  }
}

.md-footInfo_policyWrap {
  grid-area: 3/4/4/5;
  margin-top: 10px;
  text-align: right;
  font-size: var(--fontSize_pc19);
  font-family: "raleway", sans-serif;
  font-weight: 400;
}
.md-foot_secLink{
	margin-top: 14px;
	cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .md-footInfo_policy,
	.md-foot_secLink{
    transition: 0.2s;
  }
  .md-footInfo_policy:hover ,
	.md-foot_secLink:hover{
    opacity: 0.5;
  }
}

.md-foot_copyright {
  margin-top: 28px;
  text-align: right;
  padding-right: 2.6vw;
  font-size: var(--fontSize_pc19);
  font-family: "raleway", sans-serif;
  font-weight: 400;
  color: #fff;
}

@media only screen and (max-width: 1400px) {
  .md-footInfo_txtBlock._topRight {
    margin-right: 8vw;
  }
}
@media only screen and (max-width: 1280px) {
  .md-footInfo_txtBlock._topRight {
    margin-right: 5vw;
  }
}
@media only screen and (max-width: 1024px) {
  .md-footContact_txtWrap {
    display: block;
  }
  .md-footContact_sTxt {
    margin-left: 0;
    margin-top: 18px;
  }
  .md-footContact_linkWrap {
    margin-top: 40px;
    grid-template-columns: 69.23vw 1fr;
    gap: 3.08vw;
  }
  .md-footContact_linkWrap ._tel {
    grid-column: 1/2;
    padding: 0 12.05vw;
    font-size: var(--fontSize_sp17);
	  font-weight: 900;
  }
  .md-footContact_linkWrap ._tel ._upper {
    padding-bottom: 4px;
  }
  .md-footContact_linkWrap ._tel ._upper img {
    width: 1.3em;
    margin-right: 6px;
  }
  .md-footContact_linkWrap ._tel ._lower {
    margin-top: 6px;
    font-size: var(--fontSize_sp8);
  }
  .md-footContact_linkWrap ._contact {
    margin-left: 0;
    width: 100%;
  }
  .md-footContact_linkWrap ._contact img {
    width: 47.1%;
  }
  .md-footContact_bottomTxtHide {
    font-size: 15.38vw;
  }
  .md-footContact_wrap {
    padding-bottom: 11.8vw;
  }
  .md-footInfo_wrap {
    padding-top: 32px;
    padding-bottom: 10px;
    padding-right: 0;
  }
  .md-footInfo_logo {
    width: 51.8vw;
  }
  .md-footInfo_grid {
    margin-top: 26px;
    grid-template-columns: 44.6vw 1fr;
    grid-template-rows: repeat(6, auto);
  }
  .md-footInfo_txtBlock {
    font-size: var(--fontSize_sp12);
    margin-left: -1em;
  }
  .md-footInfo_txtBlock > div {
    padding-left: 1em;
    font-weight: 500;
  }
  .md-footInfo_txtBlock._topLeft {
    grid-area: 1/1/2/3;
    margin-right: 0;
  }
  .md-footInfo_txtBlock._topRight {
    grid-area: 2/1/3/3;
    margin-right: 0;
    margin-top: 26px;
  }
  .md-footInfo_txtBlock._bottom {
    grid-area: 3/1/4/3;
    margin-top: 26px;
  }
  .md-footNav_wrap {
    grid-area: 4/1/5/3;
    margin-top: 58px;
  }
  .md-footInfo_groupLink {
    grid-area: 5/1/6/2;
    margin-top: 28px;
  }
  .md-footInfo_insta {
    grid-area: 5/2/6/3;
    margin-top: 58px;
    width: 26px;
  }
  .md-footInfo_policyWrap {
    grid-area: 6/2/7/3;
    margin-top: 30px;
    font-size: var(--fontSize_sp11);
  }
  .md-footNav_pageLink ._item a {
    align-items: start;
  }
  .md-footNav_pageLink {
    row-gap: 22px;
  }
  .md-footNav_pageLink ._item a ._en {
    font-size: var(--fontSize_sp14);
  }
  .md-footNav_pageLink ._item a ._jp {
    font-size: var(--fontSize_sp11);
    font-weight: 500;
  }
  .md-footInfo_groupLink span {
    font-size: var(--fontSize_sp14);
    margin-bottom: 8px;
  }
  .md-footInfo_groupLink a {
    width: 100%;
  }
  .md-foot_copyright {
    font-size: var(--fontSize_sp11);
    text-align: center;
    padding-right: 0;
    margin-top: 8px;
  }
	.md-foot_secLink{
		margin-top: 8px;
	}
}


/*===============================
         md-modal
===============================*/
.md-modal{
	position: fixed;
	width: 89.6%;
	height: 80vh;
	background-image: linear-gradient(135deg, rgba(34, 85, 155, 0.8) 0%, rgba(7, 31, 92, 0.8) 70%);
	bottom: calc((100% - 80px) / 2);
	left: 50%;
	transform: translate(-50%, 50%);
	z-index: 11;
	padding: 0 9.6vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.md-modal ._top{
	font-size: var(--fontSize_pc22);
	color: #fff;
	letter-spacing: 0.03em;
	margin-bottom: 36px; 
}
.md-modal_txtWrap{
	min-height: 0;
	height: 48vh;
	padding: 5.7vh 0.7vw 3.9vh 4.3vw;
	background-color: #FFFDFD;
	font-size: var(--fontSize_pc18);
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.78;
	color:#2E2E2E;
}
.md-modal_txtWrap ._scrollWrap{
	height: 100%;
	min-height: 0;
	overflow: auto;
	padding-right: 4.2vw;
}
.md-modal_txtWrap ._scrollWrap::-webkit-scrollbar {
    width: 15px;
  }

.md-modal_txtWrap ._scrollWrap::-webkit-scrollbar-track {
    background: transparent;
    border: 1px solid #707070;
  }

.md-modal_txtWrap ._scrollWrap::-webkit-scrollbar-thumb {
    background: #00277F;
  }
.md-modal_txtWrap ._scrollWrap::-webkit-scrollbar-thumb:hover {
    background: #00277F;
  }
.md-modal_txtWrap ._scrollWrap::-webkit-scrollbar-thumb:active {
    background: #00277F;
  }
.md-modal_closeBtn{
	margin: 6.1vh auto 0 auto;
	width: 12.1em;
	height: 2.64em;
	font-size: var(--fontSize_pc25);
	border-radius: 1.32em;
	background-color: #00277F;
	font-weight: 700;
	color: #fff;
}
@media only screen and (min-width: 1025px){
	.md-modal_closeBtn{
		transition: .2s;
	}
	.md-modal_closeBtn:hover{
		opacity: 0.6;
	}
}
@media only screen and (max-width: 1024px){
	.md-modal{
		width: 89.8%;
		height: 82vh;
		bottom: calc((100% - 52px) / 2);
		padding: 0 5.2vw;
	}
	.md-modal ._top{
		font-size: var(--fontSize_sp18);
		margin-bottom: 20px; 
	}
	.md-modal_txtWrap{
		height: 52vh;
		padding: 5.7vh 0.7vw 3.9vh 4.3vw;
		font-size: var(--fontSize_sp13);
	}
	.md-modal_txtWrap ._scrollWrap{
		padding-right: 4.2vw;
	}
	.md-modal_txtWrap ._scrollWrap::-webkit-scrollbar {
		width: 8px;
	  }
	.md-modal_closeBtn{
		margin: 40px auto 0 auto;
		font-size: var(--fontSize_sp12);
	}
}

/*===============================
         .js-modal
===============================*/
.js-modal{
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
}
.js-modal.js-active{
	opacity: 1;
	pointer-events: fill;
}

/*===============================
         md-spMenu
===============================*/
.md-spMenu_cont {
  display: grid;
  grid-template-rows: 1fr auto auto;
}

.md-spMenu_listWrap {
  min-height: 0;
  padding: 0 5.12vw;
}

.md-spMenu_ul {
  height: 100%;
  overflow-y: auto;
  margin-right: -10px;
  padding-right: 10px;
  /* 角の白い三角の対策（横＆縦が交わるコーナー） */
}
.md-spMenu_ul::-webkit-scrollbar {
  width: 5px;
}
.md-spMenu_ul::-webkit-scrollbar-track {
  background: transparent;
}
.md-spMenu_ul::-webkit-scrollbar-thumb {
  background: #adadad;
  border-radius: 8px;
}
.md-spMenu_ul::-webkit-scrollbar-thumb:hover {
  background: #7c8794;
}
.md-spMenu_ul::-webkit-scrollbar-thumb:active {
  background: #66707c;
}
.md-spMenu_ul ._item + ._item {
  padding-top: calc(0.625 * var(--fontSize_sp24));
}
.md-spMenu_ul ._jp {
  font-size: var(--fontSize_sp10);
	font-weight: 500;
  display: block;
}
.md-spMenu_ul ._en {
  font-size: var(--fontSize_sp24);
  text-transform: uppercase;
  line-height: 1;
}
.md-spMenu_ul ._top {
  display: block;
  border-bottom: 1px solid #00277F;
  padding-bottom: calc(0.625 * var(--fontSize_sp24));
}
.md-spMenu_ul ._openWrap {
  position: relative;
}

.md-spMenu_listOpen {
  position: absolute;
  width: calc(var(--fontSize_sp24) * 1.25);
  aspect-ratio: 1/1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 50%;
  background-color: #00277F;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.md-spMenu_listOpen ._arrow {
  width: 20%;
  height: 20%;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translateY(-25%) rotate(45deg) skew(-10deg, -10deg);
  transition: 0.3s;
}
.md-spMenu_listOpen.active {
  background-color: transparent;
  border: 1px solid #00277F;
}
.md-spMenu_listOpen.active ._arrow {
  transform: translateY(25%) rotate(-135deg) skew(-10deg, -10deg);
  border-right: 1px solid #00277F;
  border-bottom: 1px solid #00277F;
}

.md-spMenu_hideWrap {
  padding-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 0.5em;
}
.md-spMenu_hideWrap ._2 {
  grid-column: 1/3;
}
.md-spMenu_hideWrap ._lower {
  font-size: var(--fontSize_sp14);
  display: flex;
  align-items: center;
}
.md-spMenu_hideWrap ._lower ._square {
  width: 1.28em;
  height: var(--fontSize_sp14);
  margin-right: 1.1em;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  background-image: linear-gradient(135deg, #071F5C 0, #22559B 100%);
}
.md-spMenu_hideWrap ._lower span {
  flex: 1;
}

.md-spMenu_exLinkWrap {
  margin-top: 24px;
  margin-bottom: 11.37vh;
  color: #00277F;
  padding-right: 5.12vw;
}
.md-spMenu_exLinkWrap a {
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: var(--fontSize_sp11);
}
.md-spMenu_exLinkWrap a:first-child{
	font-weight: 500;
	margin-bottom: 6px;
}
.md-spMenu_exLinkWrap a:nth-child(2) span{
	font-weight: 500;
	margin-bottom: 6px;
	margin-right: calc(8px + (var(--fontSize_sp11) * 1.1));
}
.md-spMenu_exLinkWrap a span {
  margin-right: 8px;
}
.md-spMenu_exLinkWrap a img {
  width: calc(var(--fontSize_sp11) * 1.1);
}

.md-spMenu_bottomTxt {
  font-size: var(--fontSize_sp11);
  font-family: "raleway", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #222222;
  padding-top: 8px;
  border-top: 0.5px solid #00277F;
}

.md-spMenu_square {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  aspect-ratio: 54/34;
}
.md-spMenu_square._top {
  width: 13.85vw;
  background-image: linear-gradient(135deg, #22559B 0, #071F5C 100%);
  bottom: 10vh;
  left: 5.12vw;
  max-width: 120px;
  max-height: 75.5555555556px;
}
.md-spMenu_square._bottom {
  width: 25vw;
  background-image: linear-gradient(160deg, #D6FEFE 0, #A4C1E2 100%);
  bottom: 5vh;
  left: 13.85vw;
  max-width: 210px;
  max-height: 132.2222222222px;
}

/*===============================
         md-lowerTop
===============================*/
.md-lowerTop_position {
  font-size: var(--fontSize_pc14);
  font-weight: 400;
}
.md-lowerTop_position span {
  display: inline-block;
  text-transform: uppercase;
}
.md-lowerTop_position span + span {
  position: relative;
  margin-left: 2.8125vw;
}
.md-lowerTop_position span + span::before {
  position: absolute;
  content: "";
  display: block;
  width: 1.5625vw;
  height: 1px;
  background-color: #00277F;
  top: 50%;
  left: -0.625vw;
  transform: translateX(-100%);
}

.md-lowerTop_ttlWrap {
  padding-top: 6.146vw;
}
.md-lowerTop_ttlWrap ._jp {
  font-size: var(--fontSize_pc20);
  font-weight: 500;
}
.md-lowerTop_ttlWrap ._en {
  font-size: var(--fontSize_pc110);
  color: #00277F;
  line-height: 0.8;
  text-transform: uppercase;
}

.md-lowerTop_sub {
  padding-top: 4.6875vw;
  font-size: var(--fontSize_pc25);
  font-family: "mincho", serif;
  font-weight: 700;
	line-height: 1.4;
}

.md-lowerTop_imgWrap {
  position: absolute;
  width: 57.5vw;
  height: 35vw;
  top: 6.77vw;
  right: -2.34375vw;
}
.md-lowerTop_img img{
	height: auto;
}
.md-lowerTop_img._about img{
	transform: scale(1.22) translate(8%, -17%);
}
.md-lowerTop_img._contact img{
	transform: scale(1.2) translate(-3%, 0);
}
.md-lowerTop_imgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.md-lowerTop_imgWrap ._lines line {
  stroke-width: 2;
}
.md-lowerTop_imgWrap ._cornerLine {
  position: absolute;
  z-index: 10;
  background-color: #00277F;
  width: 0.833vw;
  height: 4.0625vw;
}
.md-lowerTop_imgWrap ._cornerLine._top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-lowerTop_imgWrap ._cornerLine._bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.md-lowerTop_imgWrap ._cornerLine._left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
.md-lowerTop_imgWrap ._cornerLine._right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(90deg);
}

.md-lowerTop_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}

.md-lowerTop_square {
  position: absolute;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  width: 100%;
  height: 100%;
}
.md-lowerTop_square._top {
  top: -80%;
  left: -25%;
  background-image: linear-gradient(160deg, #22559B 60%, #071F5C 100%);
}
.md-lowerTop_square._right {
  top: -50%;
  right: -55%;
  background-image: linear-gradient(160deg, #D6FEFE 60%, #A4C1E2 100%);
}
.md-lowerTop_square._bottom {
  top: 42%;
  right: -64%;
  background-image: linear-gradient(130deg, #071F5C 0, #22559B 40%);
}

@media only screen and (max-width: 1024px) {
  .md-lowerTop_square._top {
    top: -62%;
    left: -42%;
  }
  .md-lowerTop_imgWrap {
    width: 50vw;
    height: 30vw;
    top: 3vw;
    right: -5vw;
  }
  .md-lowerTop_position {
    position: relative;
    z-index: 2;
    font-size: var(--fontSize_sp9);
    color: #fff;
  }
  .md-lowerTop_position span + span {
    margin-left: 6.85vw;
  }
  .md-lowerTop_position span + span::before {
    width: 2.49vw;
    background-color: #fff;
    left: -2.18vw;
  }
  .md-lowerTop_position ._spBr {
    position: relative;
    margin-left: calc(2.2em + 6.85vw);
  }
  .md-lowerTop_position ._spBr::before {
    position: absolute;
    content: "";
    display: block;
    width: 2.49vw;
    height: 1px;
    background-color: #fff;
    left: -2.18vw;
    top: 50%;
    transform: translateX(-100%);
  }
  .md-lowerTop_ttlWrap {
    padding-top: 20vw;
    position: relative;
    z-index: 2;
  }
  .md-lowerTop_ttlWrap ._jp {
    font-size: var(--fontSize_sp11);
  }
  .md-lowerTop_ttlWrap ._en {
    font-size: var(--fontSize_sp35);
  }
  .md-lowerTop_sub {
    padding-top: 24px;
    font-size: var(--fontSize_sp14);
  }
  .md-lowerTop_square._bottom {
    top: 44%;
    right: -60%;
  }
}
@media only screen and (max-width: 768px) {
  .md-lowerTop_ttlWrap {
    padding-top: 52.56vw;
  }
  .md-lowerTop_imgWrap {
    width: 100.5vw;
    height: 61.5vw;
    top: 15.38vw;
    right: -13.3vw;
    max-width: 800px;
    max-height: 500px;
  }
  .md-lowerTop_imgWrap ._cornerLine {
    width: 1.28vw;
    height: 6.15vw;
  }
}
/*===============================
         md-abtMsg
===============================*/
.md-abtMsg_contWrap {
  display: grid;
  grid-template-columns: 36vw 1fr;
  gap: 3.645vw;
}

.md-abtMsg_imgWrap {
  position: sticky;
  width: 100%;
  aspect-ratio: 692/422;
  margin-left: -2.6vw;
	top: 120px;
}
.md-abtMsg_imgWrap picture {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
.md-abtMsg_imgWrap img{
	transform: scale(1.1) translateX(7%);
    transform-origin: bottom;
}
.md-abtMsg_imgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.md-abtMsg_imgWrap ._lines line {
  stroke-width: 1.5;
}
.md-abtMsg_imgWrap ._cornerLine {
  position: absolute;
  z-index: 10;
  background-color: #00277F;
  width: 0.625vw;
  height: 2.6vw;
}
.md-abtMsg_imgWrap ._cornerLine._top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-abtMsg_imgWrap ._cornerLine._bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.md-abtMsg_imgWrap ._cornerLine._left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
.md-abtMsg_imgWrap ._cornerLine._right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(90deg);
}

.md-abtMsg_square {
  position: absolute;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
.md-abtMsg_square._top {
  width: 14.16%;
  height: 14.16%;
  background-image: linear-gradient(140deg, #D6FEFE 0, #A4C1E2 100%);
  bottom: 0;
  left: 52%;
  transform: translateY(100%);
}
.md-abtMsg_square._bottom {
  width: 25.7%;
  height: 25.7%;
  background-image: linear-gradient(130deg, #22559B 0, #071F5C 100%);
  left: 61.16%;
  bottom: -28.5%;
}

.md-abtMsg_txtWrap {
  padding-top: 4.48vw;
}

.md-abtMsg_subTxt {
  margin-top: 36px;
  font-size: var(--fontSize_pc45);
}
.md-abtMsg_subTxt span {
  margin-left: -0.5em;
}

.md-abtMsg_sTxt {
  margin-top: 40px;
  font-size: var(--fontSize_pc22);
  font-weight: 500;
}

.md-abtMsg_name {
  margin-top: 62px;
  text-align: right;
  font-weight: 500;
}
.md-abtMsg_name ._post {
  display: inline-block;
  font-size: var(--fontSize_pc22);
  margin-right: 16px;
}
.md-abtMsg_name ._name {
  font-size: var(--fontSize_pc30);
}

@media only screen and (max-width: 1024px) {
  .md-abtMsg_contWrap {
    display: block;
  }
  .md-abtMsg_imgWrap {
    width: 97.14%;
    aspect-ratio: 341/207;
    margin: 0 auto;
	  top: auto;
	  position: relative;
  }
  .md-abtMsg_imgWrap ._lines line {
    stroke-width: 2;
  }
  .md-abtMsg_imgWrap ._cornerLine {
    width: 1.28vw;
    height: 6.15vw;
  }
  .md-abtMsg_square._top {
    bottom: -4%;
    left: 66.56%;
    transform: none;
  }
  .md-abtMsg_square._bottom {
    bottom: 0;
    left: 76.1%;
    width: 25.5%;
    height: 25.5%;
  }
  .md-abtMsg_subTxt {
    font-size: var(--fontSize_sp21);
    margin-top: 16px;
  }
  .md-abtMsg_sTxt {
    margin-top: 22px;
    font-size: var(--fontSize_sp13);
  }
  .md-abtMsg_name {
    margin-top: 22px;
  }
  .md-abtMsg_name ._post {
    font-size: var(--fontSize_sp13);
    margin-right: 0.9em;
  }
  .md-abtMsg_name ._name {
    font-size: var(--fontSize_sp18);
  }
}
/*===============================
         md-abtPolicy
===============================*/
.md-abtPolicy_bgWrap {
  position: relative;
  padding-top: 15.4vw;
  padding-bottom: 31.875vw;
	width: 160%;
  min-width: 1900px;
  left: 50%;
  transform: translateX(-50%);
}
.md-abtPolicy_bgWrap ._lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.md-abtPolicy_bgWrap ._lines line {
  stroke-width: 0.1;
}

.md-abtPolicy_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  background-image: linear-gradient(135deg, #A4C1E2 0, #D6FEFE 100%);
}

.md-abtPolicy_logo {
  position: absolute;
  z-index: 2;
  width: 7.92vw;
  top: 3.65vw;
  left: 50%;
  transform: translateX(-50%);
  min-width: 74px;
}

.md-abtPolicy_contWrap {
  position: relative;
  z-index: 2;
  width: 89.74vw;
  margin: 0 auto;
  padding: 0 2.6vw;
}

.md-abtPolicy_ttlWrap {
  text-align: center;
  margin-bottom: 80px;
}

.md-abtPolicy_block + .md-abtPolicy_block {
  margin-top: 6.35vw;
}

.md-abtPolicy_blTtl {
  text-align: center;
  position: relative;
  font-size: var(--fontSize_pc45);
}
.md-abtPolicy_blTtl::before, .md-abtPolicy_blTtl::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  width: 40%;
  height: 1px;
  background-color: #00277F;
}
.md-abtPolicy_blTtl::before {
  left: 0;
}
.md-abtPolicy_blTtl::after {
  right: 0;
}

.md-abtPolicy_3grid {
  width: 31.8vw;
  margin: 36px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.md-abtPolicy_3grid span {
  position: relative;
  font-size: var(--fontSize_pc40);
}
.md-abtPolicy_3grid span::before {
  position: absolute;
  content: "";
  display: block;
  width: 120%;
  height: 1em;
  bottom: -10%;
  left: 50%;
  background-color: #00277F;
  opacity: 0.22;
  transform: translateX(-50%);
}

.md-abtPolicy_sTxt {
  margin-top: 44px;
  text-align: center;
}

.md-abtPolicy_2grid {
  margin-top: 54px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, auto);
  row-gap: 2.34vw;
  -moz-column-gap: 4.17vw;
       column-gap: 4.17vw;
  font-size: var(--fontSize_pc30);
  grid-auto-flow: column;
}
.md-abtPolicy_2grid p {
  border-bottom: 1px solid #fff;
  width: -moz-fit-content;
  width: fit-content;
}
.md-abtPolicy_2grid .bg_blue {
  position: relative;
}
.md-abtPolicy_2grid .bg_blue::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: var(--fontSize_pc30);
  bottom: -10%;
  left: 50%;
  background-color: #00277F;
  opacity: 0.22;
  transform: translateX(-50%);
}

.md-abtPolicy_img {
  position: absolute;
	width: 27%;
  height: 27%;
  bottom: 2.4vw;
  right: 22%;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}

@media only screen and (max-width: 1280px) {
  .md-abtPolicy_2grid {
    display: block;
    text-align: left;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
  .md-abtPolicy_2grid p {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  }
  .md-abtPolicy_2grid p + p {
    margin-top: 20px;
  }
  .md-abtPolicy_img {
    bottom: 2vw;
  }
}
@media only screen and (max-width: 1024px) {
  .md-abtPolicy_contWrap {
    width: 89.74vw;
    padding: 0;
  }
  .md-abtPolicy_bgWrap {
    padding-top: 33.333vw;
    padding-bottom: 49.5vw;
    width: 300%;
    max-height: 1800px;
    max-width: 2400px;
    min-width: unset;
  }
  .md-abtPolicy_logo {
    top: 4.1vw;
  }
  .md-abtPolicy_ttlWrap {
    margin-bottom: 36px;
  }
  .md-abtPolicy_blTtl {
    font-size: var(--fontSize_sp23);
  }
  .md-abtPolicy_blTtl::before, .md-abtPolicy_blTtl::after {
    width: 30%;
  }
  .md-abtPolicy_3grid {
    width: 68.2vw;
    margin-top: 26px;
  }
  .md-abtPolicy_3grid span {
    font-size: var(--fontSize_sp20);
  }
  .md-abtPolicy_block + .md-abtPolicy_block {
    margin-top: 13.8vw;
  }
  .md-abtPolicy_sTxt {
    margin-top: 26px;
    font-size: var(--fontSize_sp15);
  }
  .md-abtPolicy_2grid {
    font-size: var(--fontSize_sp15);
    margin-top: 26px;
  }
  .md-abtPolicy_img {
	  width: 20.47%;
        height: 20.47%;
        bottom: 0vw;
        right: 34%;
  }
  .md-abtPolicy_2grid .bg_blue::before {
    height: var(--fontSize_sp15);
  }
}
/*===============================
         md-abtEnPol
===============================*/
.md-abtEnPol_contWrap {
  display: grid;
  grid-template-columns: 33.75vw 1fr;
  -moz-column-gap: 3.9vw;
       column-gap: 3.9vw;
}

.md-abtEnPol_imgWrap {
  position: sticky;
  width: 100%;
  aspect-ratio: 648/418;
  transform: translate(-2.6vw, -50%);
	top: calc(21.7vw + 120px);
}

.md-abtEnPol_img {
  display: block;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}

.md-abtEnPol_square {
  position: absolute;
  width: 27.8%;
  height: 27.8%;
  top: 0;
  left: 0;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  background-image: linear-gradient(135deg, #22559B 0, #071F5C 100%);
}

.md-abtEnPol_ttlWrap {
  margin-bottom: 76px;
}

.md-abtEnPol_blTtl {
  font-size: var(--fontSize_pc45);
  position: relative;
  margin-bottom: 32px;
}
.md-abtEnPol_blTtl::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 0;
  width: calc(100% - var(--fontSize_pc45) * 4 - 54px);
  height: 1px;
  background-color: #00277F;
}

.md-abtEnPol_block ._mTxt {
  font-size: var(--fontSize_pc30);
  font-weight: 500;
}
.md-abtEnPol_block ._sTxt {
  font-size: var(--fontSize_pc22);
  font-weight: 400;
  line-height: 1.7;
}
.md-abtEnPol_block + .md-abtEnPol_block {
  margin-top: 94px;
}

.md-abtEnPol_list {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0, 39, 127, 0.4);
}
.md-abtEnPol_list + .md-abtEnPol_list {
  padding-top: 38px;
}

.md-abtEnPol_num {
  display: flex;
  align-items: end;
  margin-bottom: 14px;
  line-height: 1;
}
.md-abtEnPol_num span {
  font-size: var(--fontSize_pc55);
  font-family: "raleway", sans-serif;
  margin-right: 18px;
  color: #00277F;
  line-height: 0.7;
}

@media only screen and (max-width: 1024px) {
  .md-abtEnPol_contWrap {
    display: block;
  }
  .md-abtEnPol_imgWrap {
	  position: relative;
    transform: none;
    width: 73.6%;
    aspect-ratio: 287/192;
    margin-left: -1.025vw;
	  top: auto;
	  left: auto;
  }
  .md-abtEnPol_square {
    width: 28.6%;
    height: 28.6%;
    left: 0.5vw;
  }
  .md-abtEnPol_txtWrap {
    margin-top: 12px;
  }
  .md-abtEnPol_ttlWrap {
    margin-bottom: 36px;
  }
  .md-abtEnPol_blTtl {
    font-size: var(--fontSize_sp23);
    margin-bottom: 22px;
  }
  .md-abtEnPol_blTtl::before {
    width: calc(100% - var(--fontSize_sp23) * 4 - 40px);
  }
  .md-abtEnPol_block ._mTxt {
    font-size: var(--fontSize_sp13);
  }
  .md-abtEnPol_block ._mTxt._spLtxt {
    font-size: var(--fontSize_sp18);
  }
  .md-abtEnPol_block + .md-abtEnPol_block {
    margin-top: 34px;
  }
  .md-abtEnPol_num {
    margin-bottom: 10px;
  }
  .md-abtEnPol_num span {
    font-size: var(--fontSize_sp30);
  }
  .md-abtEnPol_block ._sTxt {
    font-size: var(--fontSize_sp12);
  }
  .md-abtEnPol_list {
    padding-bottom: 24px;
  }
  .md-abtEnPol_list + .md-abtEnPol_list {
    padding-top: 20px;
  }
}
/*===============================
         md-abtOl
===============================*/
.md-abtOl_bgWrap {
  position: relative;
  padding-top: 15vw;
  padding-bottom: 21vw;
  width: 176%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 2500px;
}
.md-abtOl_bgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.md-abtOl_bgWrap ._lines line {
  stroke-width: 0.1;
}

.md-abtOl_square {
  position: absolute;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
.md-abtOl_square._bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(160deg, #071F5C 0, #22559B 100%);
}
.md-abtOl_square._top {
  width: 7.2%;
  height: 7.2%;
  top: 6.8%;
  left: 30.2%;
  background-image: linear-gradient(160deg, #22559B 20%, #071F5C 100%);
}
.md-abtOl_square._bottom {
  width: 17.15%;
  height: 17.15%;
  top: 5.93%;
  left: 16%;
  background-image: linear-gradient(160deg, #D6FEFE 20%, #A4C1E2 100%);
}

.md-abtOl_contWrap {
  position: relative;
  z-index: 2;
  width: 40.47vw;
  margin: 0 auto;
}

.md-abtOl_ttlWrap {
  text-align: center;
}

.md-abtOl_dl {
  margin-top: 5.42vw;
  color: #fff;
}
.md-abtOl_dl dl {
  display: flex;
  font-size: var(--fontSize_pc22);
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.md-abtOl_dl dl dt {
  width: 10em;
}
.md-abtOl_dl dl dd {
  font-weight: 400;
  line-height: 1.5;
}
.md-abtOl_dl dl + dl {
  padding-top: 14px;
}
.md-abtOl_dl dl ._list li + li {
  margin-top: 1.5em;
}

@media only screen and (max-width: 1024px) {
  .md-abtOl_bgWrap {
    width: 700%;
    padding-top: 20vw;
    padding-bottom: 43.1vw;
    max-height: 2100px;
    max-width: 4000px;
    min-width: unset;
  }
  .md-abtOl_contWrap {
    width: 89.74vw;
  }
  .md-abtOl_dl {
    margin-top: 33px;
  }
  .md-abtOl_dl dl {
    display: block;
    padding: 15px 0;
    font-size: var(--fontSize_sp14);
  }
  .md-abtOl_dl dl dd {
    margin-top: 10px;
  }
  .md-abtOl_square._top {
    width: 2.21%;
    height: 2.21%;
    top: 0.3%;
    left: 45.8%;
  }
  .md-abtOl_square._bottom {
    width: 4%;
    height: 4%;
    top: 0.7%;
    left: 42.8%;
  }
}
@media only screen and (max-width: 768px) {
  .md-abtOl_bgWrap {
    padding-top: 30vw;
  }
}
/*===============================
         md-abtAcc
===============================*/
.md-abtAcc_ttlWrap {
  position: relative;
  z-index: 2;
  margin-bottom: 104px;
}

.md-abtAcc_contWrap {
  position: relative;
  z-index: 2;
  padding: 0 2.6vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9.9vw;
}

.md-abtAcc_mapWrap {
  width: 100%;
  aspect-ratio: 714/409;
}
.md-abtAcc_mapWrap iframe {
  width: 100%;
  height: 100%;
}

.md-abtAcc_txtWrap {
  margin-top: 40px;
}

.md-abtAcc_name {
  font-size: var(--fontSize_pc30);
  margin-left: -0.5em;
  margin-bottom: 25px;
}

.md-abtAcc_dl {
  font-size: var(--fontSize_pc22);
  display: flex;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.7);
}
.md-abtAcc_dl dt {
  width: 7.27em;
}
.md-abtAcc_dl dd {
  font-weight: 500;
  flex: 1;
}
.md-abtAcc_dl + .md-abtAcc_dl {
  padding-top: 14px;
}

.md-abtAcc_link {
  display: block;
  margin-top: 15px;
  width: 6.5625vw;
  margin-left: auto;
}

@media only screen and (max-width: 1024px) {
  .md-abtAcc_ttlWrap {
    margin-bottom: 22px;
  }
  .md-abtAcc_contWrap {
    display: block;
    padding: 0;
  }
  .md-abtAcc_contWrap ._block + ._block {
    margin-top: 50px;
  }
  .md-abtAcc_mapWrap {
    aspect-ratio: 350/200;
  }
  .md-abtAcc_txtWrap {
    margin-top: 22px;
  }
  .md-abtAcc_name {
    margin-bottom: 12px;
    font-size: var(--fontSize_sp18);
  }
  .md-abtAcc_dl {
    display: block;
    font-size: var(--fontSize_sp14);
  }
  .md-abtAcc_dl dt {
    margin-bottom: 10px;
  }
  .md-abtAcc_link {
    min-width: 89px;
    margin-top: 10px;
  }
}
/*===============================
         md-abtHiz
===============================*/
.md-abtHiz_bgWrap {
  position: relative;
  padding-top: 15.73vw;
  padding-bottom: 30vw;
  width: 135%;
  left: 50%;
  min-width: 1700px;
  transform: translateX(-50%);
}
.md-abtHiz_bgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.md-abtHiz_bgWrap ._lines line {
  stroke-width: 0.5;
}

.md-abtHiz_square {
  position: absolute;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
.md-abtHiz_square._bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
}
.md-abtHiz_square._bottom {
  width: 12%;
  height: 12%;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(160deg, #D6FEFE 0, #A4C1E2 100%);
}
.md-abtHiz_square._left {
  width: 7%;
  height: 7%;
  left: 40%;
  bottom: 9%;
  background-image: linear-gradient(160deg, #22559B 0, #071F5C 100%);
}

.md-abtHiz_contWrap {
  position: relative;
  z-index: 2;
}

.md-abtHiz_ttlWrap {
  text-align: center;
}

.md-abtHiz_subTxt {
  margin-top: 50px;
  font-size: var(--fontSize_pc45);
  margin-bottom: 40px;
  text-align: center;
}

.md-abtHiz_sTxt {
  text-align: center;
  font-size: var(--fontSize_pc22);
  font-weight: 500;
}

.md-abtHiz_slideWrap {
  display: grid;
  grid-template-columns: 37.5vw 1fr;
  gap: 5.1vw;
  width: 89.74vw;
  margin: 0 auto;
  height: 22.9vw;
}

.md-abtHiz_imgWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.md-abtHiz_imgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.md-abtHiz_imgWrap ._lines line {
  stroke-width: 1.5;
}
.md-abtHiz_imgWrap ._cornerLine {
  position: absolute;
  z-index: 10;
  background-color: #00277F;
  width: 0.625vw;
  height: 2.6vw;
}
.md-abtHiz_imgWrap ._cornerLine._top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-abtHiz_imgWrap ._cornerLine._bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.md-abtHiz_imgWrap ._cornerLine._left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}
.md-abtHiz_imgWrap ._cornerLine._right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) rotate(90deg);
}

.md-abtHiz_img picture {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  transition: 0.3s;
  opacity: 0;
}
.md-abtHiz_img picture.is-active {
  opacity: 1;
}

.md-abtHiz_swiper {
  position: relative;
  width: 100%;
}
.md-abtHiz_swiper::before, .md-abtHiz_swiper::after {
  position: absolute;
  content: "";
  display: block;
  z-index: 3;
  left: 0;
}
.md-abtHiz_swiper::before {
  top: 0;
  height: 35%;
  width: 100%;
  background-image: linear-gradient(180deg, #fff 80%, rgba(255, 255, 255, 0) 100%);
}
.md-abtHiz_swiper::after {
  bottom: 0;
  height: 30%;
  width: 50%;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.md-abtHiz_swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.md-abtHiz_swiper ._year {
  font-size: var(--fontSize_pc30);
  color: #00277F;
}
.md-abtHiz_swiper ._year span {
  font-size: var(--fontSize_pc65);
  padding-right: 0.25em;
}
.md-abtHiz_swiper ._year span:last-of-type {
  padding-left: 0.25em;
}

.md-abtHiz_navWrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 4;
}
.md-abtHiz_navWrap ._prev, .md-abtHiz_navWrap ._next {
  position: relative;
  width: 3.8vw;
  height: 3.8vw;
  background-color: #00277F;
  border-radius: 50%;
  cursor: pointer;
}
.md-abtHiz_navWrap ._prev ._arrow, .md-abtHiz_navWrap ._next ._arrow {
  position: absolute;
  width: 30%;
  height: 30%;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  top: 50%;
  left: 50%;
}
.md-abtHiz_navWrap ._prev {
  margin-bottom: 1.98vw;
}
.md-abtHiz_navWrap ._prev ._arrow {
  transform: translate(-50%, -25%) rotate(-135deg);
}
.md-abtHiz_navWrap ._next ._arrow {
  transform: translate(-50%, -75%) rotate(45deg);
}

@media only screen and (min-width: 1025px) {
  .swiper-scrollbar.md-abtHiz_scrollBar {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .md-abtHiz_bgWrap {
    padding-top: 20vw;
    padding-bottom: 40vw;
    width: 490%;
    min-width: unset;
    max-width: 3000px;
  }
  .md-abtHiz_square._bottom {
    width: 9%;
    height: 9%;
  }
  .md-abtHiz_square._left {
    width: 5%;
    height: 5%;
    left: 42.5%;
    bottom: 7%;
  }
  .md-abtHiz_subTxt {
    font-size: var(--fontSize_sp23);
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .md-abtHiz_sTxt {
    font-size: var(--fontSize_sp13);
  }
  .md-abtHiz_slideWrap {
    display: block;
  }
  .md-abtHiz_imgWrap {
    margin-top: 8.2vw;
    height: auto;
    aspect-ratio: 332/202;
  }
  .md-abtHiz_imgWrap ._lines line {
    stroke-width: 2;
  }
  .md-abtHiz_imgWrap ._cornerLine {
    width: 1.28vw;
    height: 6.15vw;
  }
  .md-abtHiz_slideWrap {
    height: auto;
    max-width: 600px;
  }
  .md-abtHiz_swiper.swiper {
    padding-bottom: 21.5vw;
    margin-top: 18px;
  }
  .md-abtHiz_swiper.swiper::before, .md-abtHiz_swiper.swiper::after {
    display: none;
  }
  .md-abtHiz_navWrap {
    top: auto;
    bottom: 0;
    transform: none;
    display: flex;
  }
  .md-abtHiz_navWrap ._prev, .md-abtHiz_navWrap ._next {
    min-width: 50px;
    min-height: 50px;
  }
  .md-abtHiz_navWrap ._prev ._arrow, .md-abtHiz_navWrap ._next ._arrow {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 20%;
    height: 20%;
  }
  .md-abtHiz_navWrap ._prev {
    margin-right: 5.64vw;
    margin-bottom: 0;
  }
  .md-abtHiz_navWrap ._prev ._arrow {
    transform: translate(-25%, -50%) rotate(135deg);
  }
  .md-abtHiz_navWrap ._next ._arrow {
    transform: translate(-75%, -50%) rotate(-45deg);
  }
  .md-abtHiz_swiper ._year span {
    font-size: var(--fontSize_sp36);
    padding: 0 0.25em;
  }
  .md-abtHiz_swiper ._year span:first-of-type {
    padding-left: 0;
  }
  .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal.md-abtHiz_scrollBar {
    bottom: 20px;
    width: 47.8vw;
    max-width: 400px;
    height: 8px;
    border: 1px solid #707070;
    background-color: #fff;
    border-radius: 0;
    z-index: 4;
  }
  .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag, .swiper-scrollbar.swiper-scrollbar-horizontal.md-abtHiz_scrollBar .swiper-scrollbar-drag {
    background-color: #00277F;
    border-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  .md-abtHiz_bgWrap {
    padding-top: 40vw;
    padding-bottom: 61.5vw;
  }
}
/*===============================
         md-servTop
===============================*/
.md-servTop_bgWrap {
  position: relative;
  padding-top: 14vw;
  padding-bottom: 29vw;
  width: 190%;
  height: 120vw;
  min-width: 2744px;
  min-height: 1645px;
  aspect-ratio: 57.5/35;
  left: 50%;
  transform: translateX(-50%);
}
.md-servTop_bgWrap ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.md-servTop_bgWrap ._lines line {
  stroke-width: 0.1;
}

.md-servTop_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  background-image: linear-gradient(135deg, #A4C1E2 0, #D6FEFE 100%);
}

.md-servTop_logo {
  position: absolute;
  z-index: 2;
  width: 7.92vw;
  top: 3.65vw;
  left: 50%;
  transform: translateX(-50%);
  min-width: 74px;
}

.md-servTop_contWrap {
  position: relative;
  z-index: 2;
  width: 48.5vw;
  margin: 0 auto;
}

.md-servTop_ttlEn {
  font-size: var(--fontSize_pc27);
  font-weight: 700;
  text-align: center;
  margin-bottom: 12px;
  display: block;
  text-transform: uppercase;
}

.md-servTop_ttlJp {
  font-size: var(--fontSize_pc55);
  font-weight: 700;
  margin-bottom: 54px;
  text-align: center;
  line-height: 1.25;
  color: #00277F;
}

.md-servTop_subTxt {
  font-size: var(--fontSize_pc45);
  text-align: center;
  line-height: 1.48;
  margin-bottom: 36px;
}

.md-servTop_sTxt {
  font-size: var(--fontSize_pc22);
  font-weight: 500;
}

.md-servTop_lowerTtl {
  margin-top: 82px;
  text-align: center;
  font-size: var(--fontSize_pc34);
  position: relative;
  margin-bottom: 34px;
}
.md-servTop_lowerTtl::before, .md-servTop_lowerTtl::after {
  position: absolute;
  content: "";
  display: block;
  width: 24.7%;
  height: 1px;
  top: 50%;
  background-color: #00277F;
}
.md-servTop_lowerTtl::before {
  left: 0;
}
.md-servTop_lowerTtl::after {
  right: 0;
}

.md-servTop_lowerSub {
  text-align: center;
  font-size: var(--fontSize_pc22);
  margin-bottom: 40px;
}

.md-servTop_dlWrap {
  font-size: var(--fontSize_pc22);
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.md-servTop_dlWrap dl {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #707070;
  width: -moz-fit-content;
  width: fit-content;
}
.md-servTop_dlWrap dl dt {
  margin-right: 15px;
}
.md-servTop_dlWrap dl dd {
  font-weight: 500;
}
.md-servTop_dlWrap dl + dl {
  margin-top: 24px;
}

.md-servTop_link {
  margin: 58px auto 0 auto;
}

.md-servTop_bottomTxtHide {
  position: absolute;
  width: 100%;
  overflow: hidden;
  bottom: 10.625vw;
}
.md-servTop_bottomTxtHide ._slide {
  width: -moz-max-content;
  width: max-content;
  display: flex;
}
.md-servTop_bottomTxtHide ._txt {
  font-family: "raleway", sans-serif;
  font-size: 8.33vw;
  color: #fff;
  font-weight: 700;
  animation: infinity-scroll-left 30s infinite linear both;
  padding-right: 0.5em;
}

@media only screen and (max-width: 1024px) {
  .md-servTop_logo {
    top: 4.1vw;
  }
  .md-servTop_bgWrap ._lines line {
    stroke-width: 0.1;
  }
  .md-servTop_bgWrap {
    padding-top: 33.333vw;
    padding-bottom: 47.7vw;
    min-width: unset;
    min-height: unset;
    aspect-ratio: unset;
    width: 500%;
    height: auto;
    max-width: 2905px;
  }
  .md-servTop_contWrap {
    width: 89.74vw;
  }
  .md-servTop_ttlEn {
    font-size: var(--fontSize_sp11);
    margin-bottom: 2px;
  }
  .md-servTop_ttlJp {
    font-size: var(--fontSize_sp25);
    margin-bottom: 16px;
  }
  .md-servTop_subTxt {
    font-size: var(--fontSize_sp20);
    margin-bottom: 22px;
  }
  .md-servTop_sTxt {
    font-size: var(--fontSize_sp13);
  }
  .md-servTop_lowerTtl {
    margin-top: 46px;
    margin-bottom: 22px;
    font-size: var(--fontSize_sp20);
  }
  .md-servTop_lowerTtl::before, .md-servTop_lowerTtl::after {
    width: 30%;
  }
  .md-servTop_lowerSub {
    font-size: var(--fontSize_sp15);
    margin: 20px;
  }
  .md-servTop_dlWrap {
    font-size: var(--fontSize_sp12);
  }
  .md-servTop_dlWrap dl {
    display: block;
    padding-bottom: 10px;
  }
  .md-servTop_dlWrap dl dt {
    margin-right: 0;
    margin-bottom: 6px;
  }
  .md-servTop_dlWrap dl dd {
    padding-right: 0;
  }
  .md-servTop_dlWrap dl + dl {
    margin-top: 12px;
  }
  .md-servTop_link {
    margin-top: 40px;
  }
  .md-servTop_bottomTxtHide {
    bottom: 17.9vw;
  }
  .md-servTop_bottomTxtHide ._txt {
    font-size: 15.4vw;
  }
}
@media only screen and (max-width: 768px) {
  .md-servTop_bgWrap {
    max-width: 2245px;
  }
}
/*===============================
         md-servStr
===============================*/
.md-servStr_ttlWrap {
  display: flex;
}

.md-servStr_ttl {
  margin-right: 11.1vw;
}

.md-servStr_subWrap {
  flex: 1;
  padding-top: calc(var(--fontSize_pc20) + var(--fontSize_pc45) * 0.2);
}
.md-servStr_subWrap ._lTxt {
  font-size: var(--fontSize_pc45);
  margin-bottom: 36px;
}
.md-servStr_subWrap ._sTxt {
  font-size: var(--fontSize_pc22);
  font-weight: 500;
}

.md-servStr_gridWrap {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(5, 1fr);
  -moz-column-gap: 6.35vw;
       column-gap: 6.35vw;
  row-gap: 1.875vw;
  width: 149.9%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 58px;
}

.md-servStr_block {
/*   aspect-ratio: 890/560; */
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  background-image: linear-gradient(135deg, #071F5C 0, #22559B 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}
.md-servStr_block._topLeft {
  grid-area: 1/2/3/4;
}
.md-servStr_block._topRight {
  grid-area: 1/4/3/6;
}
.md-servStr_block._center {
  grid-area: 2/3/4/5;
}
.md-servStr_block._bottomLeft {
  grid-area: 3/2/5/4;
}
.md-servStr_block._bottomRight {
  grid-area: 3/4/5/6;
}
.md-servStr_block._left {
  grid-area: 2/1/4/3;
}
.md-servStr_block._left img{
	object-position: -300% 50%;
}
.md-servStr_block._right {
  grid-area: 2/5/4/7;
}
.md-servStr_block._right img{
	transform: scale(1.5);
    object-position: 1850% 50%;
}
.md-servStr_block._bottom {
  grid-area: 4/3/6/5;
}
.md-servStr_block._bottom img{
	transform: scale(1.3) translateY(-5%);
}
.md-servStr_block ._lTxt {
  font-size: var(--fontSize_pc35);
  margin-bottom: 12px;
}
.md-servStr_block ._sTxt {
  font-size: var(--fontSize_pc22);
  font-weight: 400;
}
.md-servStr_block._img {
  position: relative;
}
.md-servStr_block._img::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #00277F;
  opacity: 0.68;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	z-index: 2;
}

@media only screen and (max-width: 1280px) {
  .md-servStr_gridWrap {
    -moz-column-gap: 2vw;
         column-gap: 2vw;
    row-gap: 0.55vw;
  }
  .md-servStr_block ._lTxt {
    margin-bottom: 16px;
  }
  .md-servStr_block ._sTxt {
    font-size: var(--fontSize_pc19);
  }
}
@media only screen and (max-width: 1024px) {
  .md-servStr_ttlWrap {
    display: block;
  }
  .md-servStr_ttl {
    margin-right: 0;
  }
  .md-servStr_subWrap {
    padding-top: 15px;
  }
  .md-servStr_subWrap ._lTxt {
    font-size: var(--fontSize_sp23);
    margin-bottom: 20px;
  }
  .md-servStr_subWrap ._sTxt {
    font-size: var(--fontSize_sp13);
  }
  .md-servStr_gridWrap {
    margin-top: 30px;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(28, 2vw);
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 4.1vw;
    width: 130%;
  }
  .md-servStr_block {
    aspect-ratio: unset;
    width: 100%;
  }
  .md-servStr_block._topLeft {
    grid-area: 1/1/9/9;
  }
  .md-servStr_block._topRight {
    grid-area: 6/4/14/12;
  }
  .md-servStr_block._center {
    grid-area: 11/1/19/9;
  }
  .md-servStr_block._bottomLeft {
    grid-area: 16/4/24/12;
  }
  .md-servStr_block._bottomRight {
    grid-area: 21/1/29/9;
  }
  .md-servStr_block._left {
    grid-area: 9/1/13/5;
    transform: translate(-2.05vw, 1vw);
  }
  .md-servStr_block._right {
    grid-area: 14/8/18/12;
    transform: translate(2.05vw, 1vw);
  }
  .md-servStr_block._bottom {
    grid-area: 19/1/23/5;
    transform: translate(-2.05vw, 1vw);
  }
  .md-servStr_block ._lTxt {
    font-size: var(--fontSize_sp18);
    margin-bottom: 8px;
  }
  .md-servStr_block ._sTxt {
    font-size: var(--fontSize_sp12);
  }
  .md-servStr_block._img::before {
    opacity: 0.4;
  }
}
@media only screen and (max-width: 768px) {
  .md-servStr_gridWrap {
    grid-template-rows: repeat(28, 1fr);
  }
	.md-servStr_block._right img{
		object-position: 500% 50%;
	}
}
/*===============================
         md-ervVoice
===============================*/
.md-servVoice_contWrap {
  display: flex;
}

.md-servVoice_imgWrap {
	position: relative;
  margin-left: -5.2vw;
  width: 38.9vw;
  aspect-ratio: 746/470;
  margin-right: 4.6875vw;
  position: relative;
  flex-shrink: 0;
}
.md-servVoice_img{
	width: 100%;
}
.md-servVoice_imgWrap .md-servVoice_img {
  display: block;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}

.md-servVoice_txtWrap {
  flex: 1;
}

.md-servVoice_block {
  position: relative;
  margin-top: 68px;
  padding-bottom: 28px;
  border-bottom: 1px solid #00277F;
}
.md-servVoice_block + .md-servVoice_block {
  margin-top: 180px;
}

.md-servVoice_openWrap {
  cursor: pointer;
}
.md-servVoice_openWrap ._num {
  font-size: var(--fontSize_pc55);
  font-family: "raleway", sans-serif;
  text-transform: uppercase;
  color: #00277F;
  font-weight: 700;
  line-height: 1;
}
.md-servVoice_openWrap ._lTxt {
  margin-top: 14px;
  font-size: var(--fontSize_pc40);
  line-height: 1.675;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.md-servVoice_openWrap ._lTxt::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: var(--fontSize_pc40);
  background-color: #00277F;
  opacity: 0.22;
  left: 0;
  bottom: -0.2em;
}
.md-servVoice_openWrap ._name {
  margin-top: 40px;
  font-size: var(--fontSize_pc30);
  font-weight: 500;
  line-height: 1.4;
}

.md-servVoice_openIcon {
  position: absolute;
  bottom: 28px;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.md-servVoice_openIcon span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 3px;
  background-color: #00277F;
  transition: 0.3s;
}
.md-servVoice_openIcon span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.md-servVoice_openIcon.active span:last-child {
  transform: translate(-50%, -50%);
}

.md-servVoice_hideWrap {
  padding-top: 60px;
  padding-bottom: 90px;
}
.md-servVoice_hideWrap ._qTxt {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--fontSize_pc30);
}
.md-servVoice_hideWrap ._qTxt ._q {
  font-size: var(--fontSize_pc55);
  font-family: "raleway", sans-serif;
  margin-right: 20px;
  line-height: 1;
  color: #00277F;
}
.md-servVoice_hideWrap ._qTxt p {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F5F7FA;
  padding-right: 1.2vw;
}
.md-servVoice_hideWrap ._qTxt::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 0;
  width: 90%;
  height: 1px;
  background-color: #00277F;
  z-index: -1;
}
.md-servVoice_hideWrap ._qTxt._borderNone p {
  padding-right: 0;
}
.md-servVoice_hideWrap ._qTxt._borderNone::before {
  display: none;
}
.md-servVoice_hideWrap ._aTxt {
  font-size: var(--fontSize_pc22);
  padding-top: 22px;
  font-weight: 400;
}
.md-servVoice_hideWrap ._qaWrap + ._qaWrap {
  margin-top: 34px;
}

.md-servVoice_triangle {
  position: absolute;
  bottom: 1px;
  height: 31.875vw;
  width: 100%;
  background-color: #F5F7FA;
  clip-path: polygon(0 0, 100% 0, 100% 3%, 50% 100%, 0 3%);
  transform: translateY(100%);
}
.md-servVoice_triangle ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
}
.md-servVoice_triangle ._lines line {
  stroke-width: 0.1;
}

.md-servVoice_square {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  z-index: 2;
  aspect-ratio: 314/198;
}
.md-servVoice_square._img {
  width: 27.3%;
  aspect-ratio: 746/470;
  background-image: linear-gradient(170deg, #22559B 20%, #071F5C 100%);
  top: 0;
  left: 5%;
}
.md-servVoice_square._left {
  width: 8.9vw;
  bottom: 23%;
  left: 36.5%;
  background-image: linear-gradient(170deg, #22559B 20%, #071F5C 100%);
}
.md-servVoice_square._bottom {
  width: 16.3vw;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(160deg, #D6FEFE 0, #A4C1E2 100%);
}

@media only screen and (max-width: 1280px) {
  .md-servVoice_openWrap ._lTxt {
    font-size: var(--fontSize_pc33);
  }
  .md-servVoice_hideWrap ._qTxt::before {
    display: none;
  }
  .md-servVoice_hideWrap ._qTxt p {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .md-servVoice_contWrap {
    display: block;
  }
  .md-servVoice_imgWrap {
    width: 70vw;
    margin: 0;
  }
  .md-servVoice_square._img {
    width: 35.9%;
    top: 10%;
    right: -22%;
    left: auto;
  }
  .md-servVoice_txtWrap {
    margin-top: 14px;
  }
  .md-servVoice_block {
    margin-top: 26px;
    padding-bottom: 8px;
  }
  .md-servVoice_openWrap ._num {
    font-size: var(--fontSize_sp25);
  }
  .md-servVoice_openWrap ._lTxt {
    line-height: 1.5;
    font-size: var(--fontSize_sp23);
    margin-top: 6px;
  }
  .md-servVoice_openWrap ._lTxt::before {
    height: var(--fontSize_sp23);
  }
  .md-servVoice_openWrap ._name {
    margin-top: 22px;
    font-size: var(--fontSize_sp14);
  }
  .md-servVoice_openIcon {
    width: 12px;
    height: 12px;
    bottom: 8px;
  }
  .md-servVoice_openIcon span {
    height: 2px;
  }
  .md-servVoice_hideWrap {
    padding-top: 38px;
    padding-bottom: 26px;
  }
  .md-servVoice_hideWrap ._qTxt ._q {
    font-size: var(--fontSize_sp30);
    margin-right: 14px;
  }
  .md-servVoice_hideWrap ._qTxt {
    font-size: var(--fontSize_sp18);
    align-items: start;
  }
  .md-servVoice_hideWrap ._qTxt::before {
    display: block;
    bottom: calc(var(--fontSize_sp18) * 0.5);
    top: auto;
  }
  .md-servVoice_hideWrap ._qTxt._borderNone::before {
    display: block;
  }
  .md-servVoice_hideWrap ._qTxt p {
    padding-right: 16px;
  }
	.md-servVoice_hideWrap ._qTxt._borderNone._sp p{
		padding-right: 0;
	}
	.md-servVoice_hideWrap ._qTxt._borderNone._sp::before{
		display: none;
	}
  .md-servVoice_block + .md-servVoice_block {
    margin-top: 40px;
  }
  .md-servVoice_triangle {
    height: 32.3vw;
    clip-path: polygon(0 0, 100% 0, 100% 6%, 50% 100%, 0 6%);
  }
  .md-servVoice_triangle ._lines line {
    stroke-width: 0.8;
  }
  .md-servVoice_square {
    aspect-ratio: 140/88;
  }
  .md-servVoice_square._bottom {
    width: 35.9vw;
    bottom: 12%;
  }
  .md-servVoice_square._left {
    width: 19.7vw;
    bottom: 52%;
    left: 20.5%;
  }
	.md-servVoice_hideWrap ._aTxt{
		font-size: var(--fontSize_sp12);
	}
}
/*===============================
         md-prod
===============================*/
.sticky{
	position: sticky;
	top: 120px;
	left: 0;
}
.md-prod_contWrap {
  display: flex;
}
.md-prod_catSelect {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 4.375vw;
}
.md-prod_catSelect span {
  font-size: var(--fontSize_pc20);
  font-family: "raleway", sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #00277F;
}

.md-prod_blockWrap {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  row-gap: 68px;
  -moz-column-gap: 1.56vw;
       column-gap: 1.56vw;
  padding-top: 6vw;
}

.md-prod_block {
  position: relative;
  padding-bottom: 32px;
  border-bottom: 1px solid  rgba(46, 46, 46, 0.3);
}

.md-prod_imgWrap {
  width: 100%;
  aspect-ratio: 423/278;
  margin-bottom: 24px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
.md-prod_imgWrap picture {
  display: block;
  width: 100%;
  height: 100%;
}

.md-prod_catName .en {
  font-size: var(--fontSize_pc15);
  font-family: "raleway", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1;
  display: block;
  text-transform: uppercase;
  color: #00277F;
}
.md-prod_catName .jp {
  font-size: var(--fontSize_pc25);
  letter-spacing: 0.025em;
}

.md-prod_hideWrap {
  font-size: var(--fontSize_pc22);
  padding-top: 28px;
}
.md-prod_hideWrap li {
  position: relative;
  padding-left: 1.54em;
  border-bottom: 1px solid rgba(46, 46, 46, 0.3);
  width: -moz-fit-content;
  width: fit-content;
}
.md-prod_hideWrap li::before {
  position: absolute;
  content: "";
  display: block;
  width: 0.82em;
  aspect-ratio: 18/11;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  background-image: linear-gradient(135deg, #071F5C 0, #22559B 100%);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.md-prod_hideWrap li + li {
  margin-top: 8px;
}

.md-prod_openIcon {
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: 16px;
  right: 20px;
}
.md-prod_openIcon span {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #3C3C3C;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-prod_openIcon span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.md-prod_openIcon.active span:last-child {
  transform: translate(-50%, -50%);
}

.md-prod_triangle {
  position: absolute;
  bottom: 1px;
  height: 31.875vw;
  width: 100%;
  background-color: #D1E5F2;
  clip-path: polygon(0 0, 100% 0, 100% 3%, 50% 100%, 0 3%);
  transform: translateY(100%);
}
.md-prod_triangle ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
}
.md-prod_triangle ._lines line {
  stroke-width: 0.1;
}

.md-prod_square {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  z-index: 2;
  aspect-ratio: 314/198;
}
.md-prod_square._left {
  width: 8.9vw;
  bottom: 23%;
  left: 36.5%;
  background-image: linear-gradient(170deg, #22559B 20%, #071F5C 100%);
}
.md-prod_square._bottom {
  width: 16.3vw;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(160deg, #D6FEFE 0, #A4C1E2 100%);
}

@media only screen and (max-width: 1280px) {
  .md-prod_catName .en {
    font-size: 11px;
  }
}
@media only screen and (max-width: 1024px) {
	.sticky{
		position: relative;
		top: auto;
		left: auto;
	}
  .md-prod_contWrap {
    display: block;
    max-width: 800px;
  }
  .md-prod_catSelect span {
    font-size: var(--fontSize_sp12);
    margin-bottom: 5px;
  }
  .md-prod_catSelect select {
    font-size: var(--fontSize_sp13);
  }
  .md-prod_blockWrap {
    display: block;
  }
  .md-prod_block {
    padding-bottom: 28px;
  }
  .md-prod_block + .md-prod_block {
    margin-top: 36px;
  }
  .md-prod_imgWrap {
    margin-bottom: 16px;
  }
  .md-prod_catName .jp {
    font-size: var(--fontSize_sp18);
  }
  .md-prod_hideWrap {
    padding-top: 18px;
    font-size: var(--fontSize_sp14);
  }
  .md-prod_hideWrap li::before {
    width: 1.3em;
    align-self: 18/12;
  }
  .md-prod_hideWrap li {
    padding-left: 2em;
  }
  .md-prod_hideWrap li + li {
    margin-top: 6px;
  }
  .md-prod_openIcon {
    bottom: 12px;
    right: 4px;
  }
  .md-prod_triangle {
    height: 32.3vw;
    clip-path: polygon(0 0, 100% 0, 100% 6%, 50% 100%, 0 6%);
  }
  .md-prod_triangle ._lines line {
    stroke-width: 0.8;
  }
  .md-prod_square {
    aspect-ratio: 140/88;
  }
  .md-prod_square._bottom {
    width: 35.9vw;
    bottom: 12%;
  }
  .md-prod_square._left {
    width: 19.7vw;
    bottom: 52%;
    left: 20.5%;
  }
}
/*===============================
         md-contactFaq
===============================*/
.md-contactFaq_ttlWrap {
  text-align: center;
}

.md-contactFaq_bgWrap {
  position: relative;
  padding-top: 14vw;
  padding-bottom: 25.7vw;
  width: 210%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 3160px;
  max-width: 5000px;
}
.md-contactFaq_bgWrap ._lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.md-contactFaq_bgWrap ._lines line {
  stroke-width: 0.1;
}

.md-contactFaq_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
  background-image: linear-gradient(135deg, #A4C1E2 0, #D6FEFE 100%);
}

.md-contactFaq_logo {
  position: absolute;
  z-index: 2;
  width: 7.92vw;
  top: 3.65vw;
  left: 50%;
  transform: translateX(-50%);
  min-width: 74px;
}

.md-contactFaq_contWrap {
  position: relative;
  z-index: 2;
  width: 47.6vw;
  margin: 0 auto;
}

.md-contactFaq_blockWrap {
  margin-top: 100px;
}

.md-contactFaq_openWrap {
  display: flex;
  align-items: center;
}
.md-contactFaq_openWrap ._q {
  font-size: var(--fontSize_pc55);
  font-family: "raleway", sans-serif;
  margin-right: 15px;
  text-transform: uppercase;
  color: #00277F;
}
.md-contactFaq_openWrap p {
  font-size: var(--fontSize_pc25);
  padding-left: 12px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.md-contactFaq_openWrap p::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1em;
  bottom: -0.3em;
  background-color: #00277F;
  opacity: 0.13;
  left: 0;
}

.md-contactFaq_block {
  padding-bottom: 30px;
  border-bottom: 1px solid #00277F;
}
.md-contactFaq_block ._aWrap {
  margin-top: 14px;
  font-size: var(--fontSize_pc22);
  font-weight: 400;
}
.md-contactFaq_block + .md-contactFaq_block {
  margin-top: 32px;
}

@media only screen and (max-width: 1024px) {
  .md-contactFaq_logo {
    top: 4.1vw;
  }
  .md-contactFaq_contWrap {
    width: 89.74vw;
  }
  .md-contactFaq_bgWrap {
    padding-top: 32.8vw;
    padding-bottom: 47.4vw;
    min-width: unset;
    min-height: unset;
    width: 550%;
    max-width: 3200px;
  }
  .md-contactFaq_blockWrap {
    margin-top: 30px;
  }
  .md-contactFaq_openWrap ._q {
    font-size: var(--fontSize_sp30);
    margin-right: 9px;
  }
  .md-contactFaq_openWrap p {
    font-size: var(--fontSize_sp14);
    padding-right: 0;
  }
  .md-contactFaq_openWrap p::before {
    width: calc(100% + 1em);
  }
  .md-contactFaq_block ._aWrap {
    margin-top: 16px;
    font-size: var(--fontSize_sp12);
  }
  .md-contactFaq_block {
    padding-bottom: 28px;
  }
  .md-contactFaq_block + .md-contactFaq_block {
    margin-top: 16px;
  }
}
/*===============================
         md-contact
===============================*/
.md-contact_ttlWrap {
  text-align: center;
  margin-bottom: 78px;
}

.md-contact_subTxt {
  font-size: var(--fontSize_pc25);
  text-align: center;
  line-height: 1.68;
}

.md-contact_formWrap {
  margin-top: 106px;
  padding: 0 6.77vw;
	padding-bottom: 2px;
}
.md-contactFrom .wpcf7-list-item{
	margin: 0; 
}

.md-contactFrom dl ,
.md-contact_formSelect{
  display: flex;
  font-size: var(--fontSize_pc22);
}
.md-contact_formSelect{
	margin-bottom: 40px;
}
.md-contactFrom dl + dl {
  margin-top: 40px;
}
.md-contactFrom dl dt,
.md-contact_formSelect dt{
  width: 12em;
  margin-right: 7.08vw;
  text-align: right;
  line-height: calc(1em + 32px);
}
.md-contactFrom dl dd,
.md-contact_formSelect dd{
  flex: 1;
  font-weight: 500;
}
.md-contactFrom ._category {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.md-contactFrom ._address {
  display: grid;
  grid-template-columns: 9.7em 11.2em 1fr;
  gap: 14px;
}
.md-contactFrom ._address span:last-child {
  grid-row: 2/3;
  grid-column: 1/4;
}
.md-contactFrom ._method span {
  display: block;
}
.md-contactFrom ._method span + span {
  margin-top: 16px;
}
.md-contactFrom ._policyWrap {
  background-color: #fff;
  padding: 30px 16px 22px 38px;
  height: 370px;
}
.md-contactFrom ._policyWrap ._scrollWrap {
  height: 100%;
  overflow-y: scroll;
  padding-right: 2.3vw;
}
.md-contactFrom ._policyWrap ._scrollWrap::-webkit-scrollbar {
  width: 15px;
}
.md-contactFrom ._policyWrap ._scrollWrap::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid #707070;
  border-radius: 0;
}
.md-contactFrom ._policyWrap ._scrollWrap::-webkit-scrollbar-thumb {
  background: #00277F;
  border-radius: 0;
}
.md-contactFrom ._policyWrap ._scrollWrap::-webkit-scrollbar-thumb:hover {
  opacity: 0.7;
}
.md-contactFrom ._policyWrap ._scrollWrap::-webkit-scrollbar-thumb:active {
  background: #66707c;
}
.md-contactFrom._confirm dl {
  align-items: start;
}
.md-contactFrom._confirm dl + dl {
  margin-top: 58px;
}
.md-contactFrom._confirm dl dt {
  line-height: 1.5;
}
.md-contactFrom._confirm dl dd {
  line-height: 1.5;
  word-break: break-all;
}
.md-contactFrom._confirm .required::before {
  top: 50%;
}

.md-contact_policyWrap {
  margin-top: 64px;
  text-align: center;
}
.md-contact_policyWrap label {
  justify-content: center;
}

.md-contact_sendBtn {
  margin: 84px auto 0 auto;
  width: 12.08em;
  height: 2.64em;
  font-size: var(--fontSize_pc25);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00277F;
  color: #fff;
  background-color: #00277F;
  border-radius: 1.32em;
	border: 1px solid #00277F;
}

@media only screen and (min-width: 1025px){
	.md-contact_sendBtn{
		transition: .2s;
	}
	.md-contact_sendBtn:hover{
		background-color: #fff;
		color: #00277F;
	}
}

.md-contact_triangle {
  position: absolute;
  bottom: 1px;
  height: 31.875vw;
  width: 100%;
  background-color: #D1E5F2;
  clip-path: polygon(0 0, 100% 0, 100% 3%, 50% 100%, 0 3%);
  transform: translateY(100%);
}
.md-contact_triangle ._lines {
  position: absolute;
  width: 100%;
  height: 100%;
}
.md-contact_triangle ._lines line {
  stroke-width: 0.1;
}

.md-contact_square {
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  z-index: 2;
  aspect-ratio: 314/198;
}
.md-contact_square._left {
  width: 8.9vw;
  bottom: 23%;
  left: 36.5%;
  background-image: linear-gradient(170deg, #22559B 20%, #071F5C 100%);
}
.md-contact_square._bottom {
  width: 16.3vw;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(160deg, #D6FEFE 0, #A4C1E2 100%);
}

.required {
  position: relative;
}
.required::before {
  position: absolute;
  content: "必須";
  width: 4em;
  height: 1.8em;
  line-height: 1;
  font-size: var(--fontSize_pc15);
  color: #fff;
  background-color: #00277F;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  top: calc((var(--fontSize_pc22) + 32px) / 2);
  right: -1.875vw;
  z-index: 2;
  transform: translate(100%, -50%);
}

@media only screen and (max-width: 1280px) {
  .md-contact_formWrap {
    padding: 0;
  }
  .md-contactFrom._confirm .required::before {
    right: -0.9vw;
  }
}
@media only screen and (max-width: 1024px) {
  .md-contact_ttlWrap {
    margin-bottom: 22px;
  }
  .md-contact_subTxt {
    font-size: var(--fontSize_sp12);
  }
  .md-contact_formWrap {
    margin-top: 50px;
  }
	.md-contact_formSelect{
		margin-bottom: 28px;
	}
  .md-contact_formWrap dl ,
	.md-contact_formSelect{
    display: block;
    font-size: var(--fontSize_sp14);
  }
  .md-contact_formWrap dl dt ,
	.md-contact_formSelect dt{
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    line-height: 1.2;
  }
  .md-contact_formWrap dl dd,
	.md-contact_formSelect dd{
    margin-top: 10px;
  }
  .md-contact_formWrap ._category {
    display: block;
    margin-top: 18px;
  }
  .md-contact_formWrap ._category span {
    display: block;
  }
  .md-contact_formWrap ._category span + span {
    margin-top: 16px;
  }
  .md-contact_formWrap ._address {
    gap: 10px;
  }
  .md-contact_formWrap ._method {
    margin-top: 18px;
  }
  .md-contact_formWrap ._method span + span {
    margin-top: 16px;
  }
  .md-contactFrom dl + dl {
    margin-top: 28px;
  }
  .md-contactFrom._confirm dl + dl {
    margin-top: 34px;
  }
  .md-contactFrom ._policyWrap {
    padding: 22px 12px 14px 20px;
    font-size: var(--fontSize_sp12);
    font-weight: 500;
    height: 236px;
  }
  .md-contactFrom ._policyWrap ._scrollWrap {
    padding-right: 10px;
  }
  .md-contactFrom ._policyWrap ._scrollWrap::-webkit-scrollbar {
    width: 12px;
  }
  .md-contact_policyWrap {
    margin-top: 52px;
    font-size: var(--fontSize_sp14);
  }
  .md-contact_sendBtn {
    margin-top: 50px;
    font-size: var(--fontSize_sp13);
  }
  .md-contact_triangle {
    height: 32.3vw;
    clip-path: polygon(0 0, 100% 0, 100% 6%, 50% 100%, 0 6%);
  }
  .md-contact_triangle ._lines line {
    stroke-width: 0.8;
  }
  .md-contact_square {
    aspect-ratio: 140/88;
  }
  .md-contact_square._bottom {
    width: 35.9vw;
    bottom: 12%;
  }
  .md-contact_square._left {
    width: 19.7vw;
    bottom: 52%;
    left: 20.5%;
  }
  .required::before {
    top: 50%;
    font-size: var(--fontSize_sp10);
    width: 4em;
    height: 1.6em;
    border-radius: 3px;
  }
}
/*===============================
         md-contact_thanks
===============================*/
.md-contact_thanksTxt {
  text-align: center;
  font-size: var(--fontSize_pc25);
  margin-top: 78px;
  margin-bottom: 92px;
}

@media only screen and (max-width: 1024px) {
  .md-contact_thanksTxt {
    font-size: var(--fontSize_sp12);
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
/*===============================
        共通設定
===============================*/
.l-inner {
  margin: 0 auto;
  width: var(--innerWidth);
}

/*===============================
        l-head
===============================*/
.l-head {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-bottom: 1px solid #00277F;
}

@media only screen and (max-width: 1024px) {
  .l-head {
    height: 52px;
  }
}
/*===============================
        l-top
===============================*/
.l-topFv {
  position: relative;
  width: 100%;
  height: 150vh;
  overflow: hidden;
}

.l-topMsg {
  position: relative;
  height: 168.7vh;
  margin-top: calc(-77vh + 96px);
  overflow: hidden;
}

.l-topServ {
  position: relative;
  width: 100%;
  min-height: calc(84.35vh + 34.375vw);
  margin-top: -84.35vh;
  padding-top: calc(84.35vh - 58px);
  overflow: hidden;
}

.l-topProd {
  position: relative;
  margin-top: 52px;
  width: 100%;
  overflow: hidden;
}

.l-topGroup {
  padding-top: 162px;
}

.l-topNews {
  position: relative;
  margin-top: 20px;
  padding-top: 292px;
  padding-bottom: 49.0625vw;
  background-image: linear-gradient(160deg, #A4C1E2 0, #D6FEFE 90%);
}
.l-topNews::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 730px;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, #F5F7FA 0, rgba(245, 247, 250, 0) 100%);
}

.l-topRec {
  position: relative;
  margin-top: calc(180px - 49.0625vw);
  z-index: 3;
  overflow: hidden;
}

@media only screen and (max-width: 1280px) {
  .l-topRec {
    margin-top: calc(180px - 55%);
  }
}
@media only screen and (max-width: 1024px) {
  .l-topFv {
    height: 100vh;
  }
  .l-topMsg {
    position: relative;
    height: 81.99vh;
    margin-top: calc(-32vh + 110px);
    overflow: hidden;
    padding-top: calc(32vh - 110px);
  }
  .l-topServ {
    min-height: unset;
    margin-top: -40.995vh;
    padding-top: calc(40.995vh + 88px);
  }
  .l-topProd {
    margin-top: 88px;
  }
  .l-topGroup {
    padding-top: 84px;
  }
  .l-topNews {
    margin-top: 84px;
    padding-top: 54px;
    padding-bottom: 380px;
  }
  .l-topRec {
    margin-top: -260px;
  }
}
/*===============================
        l-foot
===============================*/
.l-foot {
  position: relative;
  padding-top: 206px;
  padding-bottom: 36px;
}
.l-foot::before {
  position: absolute;
  content: "";
  display: block;
  z-index: -1;
  width: 100%;
  height: calc(100% + 39.16vw);
  bottom: 0;
  left: 0;
  background-image: linear-gradient(160deg, #22559B 10%, #071F5C 90%);
}
.l-foot._service {
  padding-top: calc(200px + 31.875vw);
}
.l-foot._thanks::before {
  height: calc(100% + 10vw);
}

@media only screen and (max-width: 1024px) {
  .l-foot {
    padding-top: 94px;
    padding-bottom: 8px;
  }
  .l-foot._service {
    padding-top: calc(98px + 32.3vw);
  }
}
/*===============================
        l-spMenu
===============================*/
.l-spMenu {
  position: fixed;
  z-index: 90;
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(180deg, #F5F7FA 0, #D1E5F2 100%);
  padding: calc(52px + 7.6vh) 0 8px 0;
}

@media only screen and (min-width: 1025px) {
  .l-spMenu {
    display: none;
  }
}
/*===============================
        l-lower
===============================*/
.l-lowerTop {
  position: relative;
  padding-top: 130px;
  height: 51.5625vw;
  overflow: hidden;
  z-index: 2;
}

@media only screen and (max-width: 1024px) {
  .l-lowerTop {
    padding-top: 60px;
    height: auto;
  }
}
/*===============================
        l-abt
===============================*/
.l-abtMsg {
  margin-top: -5.52vw;
}

.l-abtPolicy {
  margin-top: 178px;
  overflow: hidden;
}

.l-abtEnPol {
  padding-top: 12.4vw;
}

.l-abtOl {
  position: relative;
  z-index: 2;
  margin-top: 254px;
  overflow: hidden;
}

.l-abtAcc {
  position: relative;
  padding-top: 90px;
}
.l-abtAcc::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 54.375vw + 61.25vw);
  bottom: -61.25vw;
  background-image: linear-gradient(160deg, #A4C1E2 0, #D6FEFE 100%);
}

.l-abtHiz {
  position: relative;
  z-index: 3;
  padding-top: 7.3vw;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .l-abtMsg {
    margin-top: 0;
    padding-top: 14.4vw;
	  overflow: hidden;
  }
  .l-abtPolicy {
    margin-top: 90px;
  }
  .l-abtEnPol {
    padding-top: 0;
  }
  .l-abtOl {
    margin-top: 88px;
  }
  .l-abtAcc {
    padding-top: 82px;
  }
  .l-abtHiz {
    padding-top: 82px;
  }
}
/*===============================
        l-serv
===============================*/
.l-servTop {
  margin-top: -19.8vw;
  overflow: hidden;
}

.l-servStr {
  padding-top: 108px;
  overflow: hidden;
}

.l-servVoice {
  position: relative;
  padding-top: 276px;
  padding-bottom: 180px;
  background-color: #F5F7FA;
  z-index: 3;
}

@media only screen and (max-width: 1024px) {
  .l-servTop {
    margin-top: 0;
    padding-top: 30px;
  }
  .l-servStr {
    padding-top: 76px;
  }
  .l-servVoice {
    padding-top: 42px;
    padding-bottom: 112px;
  }
}
/*===============================
        l-prod
===============================*/
.l-prod {
  position: relative;
  margin-top: -8.9vw;
  background-image: linear-gradient(180deg, transparent 0, #F5F7FA 20%, #D1E5F2 100%);
  z-index: 2;
}

@media only screen and (max-width: 1024px) {
  .l-prod {
    padding-top: 52px;
    padding-bottom: 106px;
    margin-top: 0;
  }
}
/*===============================
        l-contact
===============================*/
.l-contactFaq {
  margin-top: -19.27vw;
  overflow: hidden;
}

.l-contact {
  position: relative;
  padding-top: 196px;
  background-image: linear-gradient(180deg, #F5F7FA 0%, #D1E5F2 100%);
}
.l-contact._confirm {
  padding-top: 0;
  margin-top: -5.4vw;
}

@media only screen and (max-width: 1024px) {
  .l-contactFaq {
    margin-top: 0;
    padding-top: 30px;
  }
  .l-contact {
    padding-top: 88px;
    padding-bottom: 92px;
  }
  .l-contact._confirm {
    padding-top: 60px;
    margin-top: 0;
  }
}
/*===============================
         .js-nav
===============================*/
.js-nav {
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.js-nav.js-menu_open {
  opacity: 1;
  pointer-events: fill;
}

.js-menu_icon span {
  transition: 0.3s;
}
.js-menu_icon.js-menu_open span._top {
  transform: rotate(30deg) translate(5px, 7px);
}
.js-menu_icon.js-menu_open span._center {
  transform: scaleX(0);
}
.js-menu_icon.js-menu_open span._bottom {
  width: 100%;
  transform: rotate(-30deg) translate(5px, -6px);
}

/*===============================
         .js-loading
===============================*/
.js-loading_overray {
  z-index: 999;
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #222222;
  top: 0;
  left: 0;
  pointer-events: none;
}

.js-loading_scale {
  position: absolute;
/*   z-index: 998; */
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=style.css.map */