@charset "UTF-8";

/* ----------------------------------------------------------------
	#top
---------------------------------------------------------------- */
#top {
  background: #1E73EB;
  padding-top: 200px;
}

/* Smartphone
----------------------------------------------- */
@media print,screen and (max-width: 999px) {
  #top {
    padding-top: 69px;
  }
}/* Smartphone End */

/* ----------------------------------------------------------------
	.kv
---------------------------------------------------------------- */
.kv {
  width: min(80vw,1200px);
  margin: 0 auto min(5.33vw,80px);
}

/* Smartphone
----------------------------------------------- */
@media print,screen and (max-width: 999px) {
  .kv {
    width: 100%;
    margin: 0 auto 13.92vw;
  }
}/* Smartphone End */


/* ----------------------------------------------------------------
	.cont
---------------------------------------------------------------- */
.cont {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: min(6.67vw,100px);
}
.cont::after {
  content: "";
  display: block;
  width: min(67.4vw,1011px);
  height: min(42vw,630px);
  background: url("../images/top/pc_bg_01.jpg") right bottom / contain no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.cont .container {
  width: min(68vw,1020px);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.cont .container h3 {
  width: 100%;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: min(1.87vw,28px);
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: min(1.67vw,25px);
  margin-bottom: min(5.33vw,80px);
}
.cont .container h3 span {
  display: block;
  font-size: min(1.07vw,16px);
  font-weight: 700;
}
.cont .container h3::after {
  content: "";
  display: block;
  width: min(4.67vw,70px);
  height: min(0.2vw,3px);
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: calc(min(-4.67vw,-70px) / 2);
}
.cont .container ul.list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}
.cont .container ul.list > li {
  width: 31.86%;
  margin-right: 2.2%;
  margin-bottom: min(4vw,60px);
  background: #fff;
}
.cont .container ul.list > li:nth-child(3n) {
  margin-right: 0;
}
.cont .container ul.list > li a {
  display: flex;
  flex-direction:column;
  padding: min(2vw,30px) min(1.67vw,25px);
}
.cont .container ul.list > li img {
  width: 100%;
  display: block;
  margin-bottom: min(1.67vw,25px);
}
.cont .container ul.list > li span {
  background: #F3F7FB;
  font-size: min(0.73vw,11px);
  font-weight: 700;
  line-height: 1.0;
  margin-bottom: min(1.33vw,20px);
  padding: min(0.33vw,5px) min(0.66vw,10px);
  display: flex;
  align-items: center;
  width: fit-content;
  border-radius: 9999px;
  color: #384894;
}
.cont .container ul.list > li h4 {
  position: relative;
  font-size: min(1.2vw,18px);
  font-weight: 700;
  padding-bottom: min(1.33vw,20px);
  margin-bottom: min(2vw,30px);
}
.cont .container ul.list > li h4::after {
  content: "";
  display: block;
  width: min(4vw,60px);
  height: 1px;
  background: #14171A;
  position: absolute;
  bottom: 0;
  left: 0;
}
.cont .container ul.list > li .txt {
  font-size: min(1.07vw,16px);
}

/* Smartphone
----------------------------------------------- */
@media print,screen and (max-width: 999px) {
  .cont {
    padding-bottom: 30.38vw;
  }
  .cont::after {
    width: 100%;
    height: 81.27vw;
    background: url("../images/top/mb_bg_01.jpg") right top / contain no-repeat;
  }
  .cont .container {
    width: 82.28vw;
  }
  .cont .container h3 {
    font-size: 7.09vw;
    padding-bottom: 7.59vw;
    margin-bottom: 13.92vw;
  }
  .cont .container h3 span {
    font-size: 4.05vw;
  }
  .cont .container h3::after {
    width: 17.72vw;
    height: 0.76vw;
    margin-left: calc(-17.72vw / 2);
  }
  .cont .container ul.list > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8.86vw;
  }
  .cont .container ul.list > li:last-child {
    margin-bottom: 0;
  }
  .cont .container ul.list > li a {
    padding: 7.59vw 7.59vw;
  }
  .cont .container ul.list > li img {
    margin-bottom: 6.33vw;
  }
  .cont .container ul.list > li span {
    font-size: 2.78vw;
    margin-bottom: 5.06vw;
    padding: 1.27vw 2.53vw;
  }
  .cont .container ul.list > li h4 {
    font-size: 4.56vw;
    padding-bottom: 5.06vw;
    margin-bottom: 6.33vw;
  }
  .cont .container ul.list > li h4::after {
    width: 15.19vw;
  }
  .cont .container ul.list > li .txt {
    font-size: 4.05vw;
  }
}/* Smartphone End */