.body_bg {
  position: relative;
  z-index: 999;
  background-color: #fff;
}
.body_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../img/bg_lattice.png");
  background-size: 100% auto;
  background-repeat: repeat-y; 
  background-position: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  z-index: -2;
}
@media screen and (max-width: 1024px) {
  .body_bg::after {
    background-image: url("../img/bg_lattice_sp.png");
    background-repeat: repeat;
    background-size: contain;
    opacity: 0.6;
  }
}

.main_visual {
  position: relative;
  margin: 128px 0 0;
}
@media screen and (max-width: 768px) {
  .main_visual {
    margin: 84px 0 0;
    box-shadow: -10px 15px 40px 0px rgba(255, 255, 255, 0);
  }
}
.main_visual.saiyo_top {
  margin-right: 161px;
}
.main_visual.saiyo_top picture img{
	    border-radius: 0 32px 32px 0;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_top {
    margin: 88px 0 0;
    box-shadow: 0;
	  padding-right: 24px;
  }
}
.main_visual.saiyo_top .img_box::after {
  display: none;
}
.main_visual.saiyo_top .saiyo_top_head {
  width: 100%;
  max-width: 551px;
  height: 248px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0 32px 32px 0;
}
@media screen and (max-width: 1400px) {
  .main_visual.saiyo_top .saiyo_top_head {
    max-width: 410px;
  }
}
@media screen and (max-width: 1024px) {
  .main_visual.saiyo_top .saiyo_top_head {
    max-width: 281px;
    height: 158px;
    top: 57%;
  }
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_top .saiyo_top_head {
    max-width: 291px;
    height: 140px;
	  top: 110px;
  }
}
.main_visual.saiyo_top .saiyo_top_head hgroup {
  left: 198px;
}
@media screen and (max-width: 1400px) {
  .main_visual.saiyo_top .saiyo_top_head hgroup {
    left: 68px;
  }
}
@media screen and (max-width: 1024px) {
  .main_visual.saiyo_top .saiyo_top_head hgroup {
    left: 108px;
  }
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_top .saiyo_top_head hgroup {
    left: 83px;
    margin: 37px 0 0 0;
  }
}
.main_visual.saiyo_top .saiyo_top_head hgroup::before {
  content: "";
  position: absolute;
  top: -99px;
  left: -78px;
  background-image: url("../img/saiyo/line.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 208px;
}
@media screen and (max-width: 1024px) {
  .main_visual.saiyo_top .saiyo_top_head hgroup::before {
    top: -69px;
    width: 15px;
    height: 158px;
  }
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_top .saiyo_top_head hgroup::before {
    background-image: url("../img/saiyo/line_sp.svg");
    top: -59px;
    left: -47px;
    width: 10px;
    height: 126px;
  }
}
.main_visual.saiyo_sub {
  margin: 0 0 180px;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub {
    margin: 0 0 0px;
  }
}
.main_visual.saiyo_sub.mb {
  margin: 0 0 273px;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub.mb {
    margin: 0 0px;
  }
}
.main_visual.saiyo_sub .img_box {
  position: relative;
}
.main_visual.saiyo_sub .img_box::after {
  display: none;
}
.main_visual.saiyo_sub .saiyo_sub_head {
  width: 100%;
  max-width: 584px;
  height: 224px;
  position: absolute;
  bottom: -130px;
  left: 0;
  background:#F2F2F2;
    border-radius: 0 32px 32px 0;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub .saiyo_sub_head {
    max-width: 300px;
    height: 144px;
    bottom: -85px;
    box-shadow: 10px 15px 20px 0px rgba(142, 142, 142, 0.2);
  }
}
.main_visual.saiyo_sub .saiyo_sub_head.txt_add {
  max-width: 600px;
  height: 328px;
  bottom: -230px;
}
.main_visual.saiyo_sub .saiyo_sub_head.txt_add.layout {
  max-width: 784px;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub .saiyo_sub_head.txt_add.layout {
    max-width: 330px;
    bottom: -192px;
    height: auto;
  }
}

#appeal_title{
	max-width: 600px;
    height: auto;
    bottom: -130px;
}
#appeal_title > div{
	
	margin: 60px auto 60px;
}
#interview_title{
		max-width: 600px;
    height: auto;
    bottom: -130px;
}
#interview_title > div{
	
	margin: 60px auto 60px;
}

@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub .saiyo_sub_head.txt_add {
    max-width: 300px;
    height: auto;
    bottom: -180px;
  }
}
.main_visual.saiyo_sub .saiyo_sub_head.txt_add > div {
  max-width: fit-content;
  margin: 60px auto 40px;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub .saiyo_sub_head.txt_add > div {
    margin: 35px 5px 26px 16px;
  }
}
.main_visual.saiyo_sub .saiyo_sub_head.txt_add > div hgroup {
  position: initial;
  transform: translateY(0);
  margin-left: 0;
}
.main_visual.saiyo_sub .saiyo_sub_head.txt_add p {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 2.1;
  color: #5b5b5b;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub .saiyo_sub_head.txt_add p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 22px;
  }
}
.main_visual.saiyo_sub .saiyo_sub_head hgroup span {
  color: #5b5b5b;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub .saiyo_sub_head hgroup span {
    letter-spacing: 0;
  }
}
.main_visual.saiyo_sub .saiyo_sub_head hgroup span::after {
  background-color: #5b5b5b;
}
@media screen and (max-width: 768px) {
  .main_visual.saiyo_sub .saiyo_sub_head hgroup span::after {
    margin-left: 8px;
  }
}
.main_visual.saiyo_sub .saiyo_sub_head hgroup h1 {
  color: #5b5b5b;
}
.main_visual hgroup {
  position: absolute;
  top: 50%;
  left: 158px;
  transform: translateY(-50%);
  min-width: fit-content;
  margin-left: 78px;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .main_visual hgroup {
    max-width: fit-content;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .main_visual hgroup {
    position: inherit;
    margin: 42px 0 0 48px;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
.main_visual hgroup span {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #173878;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .main_visual hgroup span {
    font-size: 1.4rem;
    font-weight: 700;
  }
}
.main_visual hgroup span::after {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  background-color: #173878;
  margin-left: 16px;
}
@media screen and (max-width: 1024px) {
  .main_visual hgroup span::after {
    width: 28px;
    margin-left: 6px;
  }
}
.main_visual hgroup h1 {
  font-size: 5.2rem;
  font-weight: bold;
  color: #173878;
  margin: 30px 0 0;
  letter-spacing: 0.16em;
  line-height: 1;
}
.text-01{
	font-size: 1.8rem;
    font-weight: 700;
    padding: 20px 0;
}
@media screen and (max-width: 1024px) {
  .main_visual hgroup h1 {
    font-size: 3.2rem;
    font-weight: 700;
    margin: 17px 0 0;
  }
}
.main_visual .img_box {
  position: relative;
}
.main_visual .img_box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.29) 28%, rgba(255, 255, 255, 0.25) 49%, rgba(255, 255, 255, 0.19) 68%, rgba(255, 255, 255, 0.09) 86%, rgba(255, 255, 255, 0) 100%);
  width: 832px;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .main_visual .img_box::after {
    width: 375px;
  }
}
@media screen and (max-width: 768px) {
  .main_visual .img_box::after {
    display: none;
  }
}
.main_visual img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.breadcrumbs {
  margin: 38px 24px 0 108px;
  display: flex;
  align-items: anchor-center;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    margin: 38px 44px 0 44px;
  }
}
.breadcrumbs li a, .breadcrumbs li p {
  display: block;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 400;
  color: #808080;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .breadcrumbs li a, .breadcrumbs li p {
    font-size: 1.4rem;
    padding-bottom: 0;
  }
}
.breadcrumbs li a {
  display: flex;
  align-items: anchor-center;
  position: relative;
  margin-right: 18px;
}
.breadcrumbs li a::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background-color: #808080;
}
.breadcrumbs li a::after {
  content: "";
  width: 18px;
  height: 1px;
  background-color: #808080;
  rotate: 133deg;
  position: absolute;
  top: 11px;
  right: -18px;
}
@media (any-hover: hover) {
  .breadcrumbs li a {
    position: relative;
  }
  .breadcrumbs li a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

.page_summary {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.18;
  text-align: center;
  margin: -138px 0 0;
}
@media screen and (max-width: 768px) {
  .page_summary {
    margin: 100px 24px 0;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.04;
  }
}

.company_hero {
  margin: 111px 0 168px;
}
@media screen and (max-width: 1024px) {
  .company_hero {
    margin: 88px 0 106px;
  }
}
.company_hero .page_acr {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 24px;
}
.company_hero .page_acr .page_acr_inner {
  background: #94a0ba;
  box-shadow: 0px 5px 10px 0px rgba(132, 132, 132, 0.2509803922);
  display: flex;
  justify-content: center;
  gap: 0 90px;
  padding: 0 12px;
  border-radius: 56px;
}
@media screen and (max-width: 1024px) {
  .company_hero .page_acr .page_acr_inner {
    background: rgba(255, 255, 255, 0);
    box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0);
    border-radius: 0;
    gap: 12px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .page_acr .page_acr_inner {
    display: block;
  }
}
.company_hero .page_acr li {
  max-width: fit-content;
  padding: 21px 0;
}
@media screen and (max-width: 1024px) {
  .company_hero .page_acr li {
    background:#94a0ba;
    box-shadow: 0px 5px 10px 0px rgba(132, 132, 132, 0.2509803922);
    width: 49%;
    border-radius: 56px;
    margin: 0 auto;
    padding: 0;
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .page_acr li {
    display: block;
    width: 100%;
    max-width: 236px;
  }
  .company_hero .page_acr li:nth-child(n+2) {
    margin-top: 12px;
  }
}
.company_hero .page_acr li a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
  color: #fff;
  letter-spacing: 0;
  transition: 0.5s all;
}
@media screen and (max-width: 1024px) {
  .company_hero .page_acr li a {
    font-size: 1.6rem;
    justify-content: center;
    position: relative;
    padding: 12px 30px;
  }
}
.company_hero .page_acr li a:hover {
  opacity: 0.6;
  transition: 0.5s all;
}
.company_hero .page_acr li a::before {
  content: "";
  display: block;
  background-image: url("../img/acr_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 31px;
  height: 31px;
  margin-right: 12px;
  transform: translateY(2px);
}
@media screen and (max-width: 1024px) {
  .company_hero .page_acr li a::before {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    margin-right: 0;
    min-width: 18px;
    height: 18px;
  }
}
.company_hero .about_content {
  margin: 222px 0 0;
}
@media screen and (max-width: 1024px) {
  .company_hero .about_content {
    margin: 160px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .about_content {
    margin: 88px 0 0;
  }
}
.company_hero .about_content .about_head {
  font-weight: 700;
  font-size: 5.2rem;
  line-height: 1;
  color: #173878;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_head {
    font-size: 2.6rem;
  }
}
/*.company_hero .about_content .about_head::before, .company_hero .about_content .about_head::after {
  content: "";
  position: absolute;
  bottom: -180px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
}*/
/*.company_hero .about_content .about_head::before {
  height: 118px;
  background: linear-gradient(86.08deg, #173878 45.76%, #1D3D7B 58.85%, #2F4C85 76.32%, #3E588D 87.67%, #425B8F 90.29%, #4E6595 93.78%, #6377A0 97.28%, #7F8FAF 100.77%, #A4AEC3 104.26%, #D1D4DB 106.88%, #E8E7E7 108.63%);
  z-index: 100;
  bottom: -151px;
}*/
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_head::before {
    height: 59px;
    bottom: -72px;
  }
}
.company_hero .about_content .about_head::after {
  height: 145px;
  background-color: #CBCBCB;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_head::after {
    height: 72px;
    bottom: -85px;
  }
}
.company_hero .about_content .about_summary {
  margin: 123px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary {
    margin: -86px 0 0;
  }
}
.company_hero .about_content .about_summary::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 160px);
  background: linear-gradient(180deg, #fff, transparent);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary::after {
    background: linear-gradient(180deg, #fff, transparent);
    height: 100%;
    background-repeat: repeat-y;
  }
}
.company_hero .about_content .about_summary .about_content_inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 140px 0 0;
  padding: 0 43px 0 0;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_content_inner {
    display: block;
    margin: 130px 0 0;
    padding: 64px 0 0;
  }
}
.company_hero .about_content .about_summary .about_content_inner .about_img_box {
  margin: -60px 114px 0 0;
  box-shadow: -10px 15px 40px 0px rgba(142, 142, 142, 0.2);
}
@media screen and (max-width: 1024px) {
  .company_hero .about_content .about_summary .about_content_inner .about_img_box {
    margin: -60px 64px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_content_inner .about_img_box {
    margin: 0 auto 0 0;
    max-width: fit-content;
    width: 68%;
  }
}
.company_hero .about_content .about_summary .about_content_inner .about_img_box img {
  display: block;
  width: 100%;
  max-width: 592px;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_content_inner .about_img_box img {
    margin: 0 0 0 16px;
  }
}
.company_hero .about_content .about_summary .about_content_inner .about_txt_box {
  padding: 84px 0 0;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_content_inner .about_txt_box {
    padding: 38px 16px 0;
  }
}
.company_hero .about_content .about_summary .about_content_inner .about_txt_box h2 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.88;
  color:#5b5b5b;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_content_inner .about_txt_box h2 {
    font-size: 2rem;
  }
}
.company_hero .about_content .about_summary .about_content_inner .about_txt_box p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  margin: 23px 0 0;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_content_inner .about_txt_box p {
    margin: 30px 24px 0;
  }
}
.company_hero .about_content .about_summary .about_example_content {
  max-width: 1192px;
  margin: 94px auto 0;
  padding: 0 24px;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_example_content {
    margin: 75px auto 0;
    padding: 0 20px;
  }
}
.company_hero .about_content .about_summary .about_example_content h3 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  color: #5b5b5b;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_example_content h3 {
    font-size: 2rem;
  }
}
.company_hero .about_content .about_summary .about_example_content h3::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #5b5b5b;
  border-radius: 100vmax;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_example_content h3::before {
    width: 8px;
    height: 8px;
  }
}
.company_hero .about_content .about_summary .about_example_content h3::after {
  content: "";
  display: block;
  width: 94px;
  height: 1px;
  background-color: #2c2c2c;
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_example_content h3::after {
    width: 47px;
    height: 1px;
    margin-left: 5px;
  }
}
.company_hero .about_content .about_summary .about_example_content .example_img_list {
  margin: 61px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 39px 56px;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_example_content .example_img_list {
    gap: 21px 12px;
	  margin: 31px 0 0;
  }
}
.company_hero .about_content .about_summary .about_example_content .example_img_list li {
  width: calc(33.3333333333% - 38px);
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_example_content .example_img_list li {
    width: calc(50% - 6px);
  }
}
.company_hero .about_content .about_summary .about_example_content .example_img_list li figure img {
  display: block;
  width: 100%;
  box-shadow: -10px 15px 20px 0px rgba(142, 142, 142, 0.2);
}
.company_hero .about_content .about_summary .about_example_content .example_img_list li figure figcaption {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
  color: #5b5b5b;
  margin: 10px 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_example_content .example_img_list li figure figcaption {
    font-size: 1.6rem;
  }
}
.company_hero .about_content .about_summary .about_link_list {
  margin: 182px 24px 0;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_link_list {
    margin: 75px 24px 0;
  }
}
.company_hero .about_content .about_summary .about_link_list ul {
  display: flex;
  justify-content: center;
  gap: 0 144px;
}
@media screen and (max-width: 1024px) {
  .company_hero .about_content .about_summary .about_link_list ul {
    gap: 0 64px;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_link_list ul {
    display: block;
  }
}
.company_hero .about_content .about_summary .about_link_list ul li {
  width: calc(50% - 70px);
  max-width: 384px;
}
@media screen and (max-width: 1024px) {
  .company_hero .about_content .about_summary .about_link_list ul li {
    width: calc(50% - 48px);
    max-width: 294px;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_link_list ul li {
    width: 100%;
    max-width: 275px;
    margin: 0 auto;
  }
  .company_hero .about_content .about_summary .about_link_list ul li:nth-child(n+2) {
    margin-top: 25px;
  }
}
.company_hero .about_content .about_summary .about_link_list ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: 0.12em;
  color: #5b5b5b;
  position: relative;
  box-shadow: 10px 15px 20px 0px rgba(142, 142, 142, 0.2);
  height: 180px;
  transition: 0.5s all;
	background: linear-gradient(90deg, #c1ffff, #E8F2F9);
    border-radius: 32px;
}
.company_hero .about_content .about_summary .about_link_list ul li.sekou01 a {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1;
    letter-spacing: 0.12em;
    color: #5b5b5b;
    position: relative;
    box-shadow: 10px 15px 20px 0px rgba(142, 142, 142, 0.2);
    height: 180px;
    transition: 0.5s all;
        background: linear-gradient(90deg, #e0ffc1, #f2ffe6);
    border-radius: 32px;
}
@media screen and (max-width: 1024px) {
  .company_hero .about_content .about_summary .about_link_list ul li a {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_link_list ul li a {
            display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: 0.12em;
        color: #173878;
        position: relative;
        box-shadow: 10px 15px 20px 0px rgba(142, 142, 142, 0.2);
        height: 180px;
        transition: 0.5s all;
        background: linear-gradient(90deg, #c1ffff, #ecffff);
        border-radius: 32px;
  }
}
@media (any-hover: hover) {
  .company_hero .about_content .about_summary .about_link_list ul li a:hover {
    opacity: 0.8;
    transition: 0.5s all;
  }
}
.company_hero .about_content .about_summary .about_link_list ul li a div {
  margin-right: 72px;
  z-index: 100;
}
.company_hero .about_content .about_summary .about_link_list ul li a span {
  display: block;
}
@media screen and (max-width: 768px) {
.company_hero .about_content .about_summary .about_link_list ul li a span {
  font-size: 2rem;
}
}

.company_hero .about_content .about_summary .about_link_list ul li a .sub_txt {
  font-size: 1.8rem;
  padding: 12px 0 0;
}

@media screen and (max-width: 768px) {
  .company_hero .about_content .about_summary .about_link_list ul li a .sub_txt {
    font-size: 1.6rem;
    padding: 9px 0 0;
  }
}
.company_hero .about_content .about_summary .about_link_list ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 64px;
  transform: translateY(-50%);
  background-image: url("../img/company/about_link_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 64px;
  height: 64px;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .company_hero .about_content .about_summary .about_link_list ul li a::before {
    min-width: 45px;
    height: 45px;
    right: 44px;
  }
}
.company_hero .about_content .about_summary .about_link_list ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.company_hero .message_content {
  margin: 224px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .company_hero .message_content {
    margin: 100px 0 0;
  }
}
.company_hero .message_content .bg_txt {
  position: absolute;
  right: 0;
  bottom: 3px;
  display: block;
  width: 100%;
  max-width: 105px;
}
@media screen and (max-width: 768px) {
  .company_hero .message_content .bg_txt {
    max-width: 52px;
    bottom: 701px;
  }
}
.company_hero .message_content .message_inner {
  max-width: 1440px;
  margin: 0 auto;
  padding-right: 106px;
}
@media screen and (max-width: 768px) {
  .company_hero .message_content .message_inner {
    padding-right: 28px;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 34px 0 0 67px;
}
@media screen and (max-width: 768px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head {
    display: block;
    margin: 60px 0 0 0;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_head img {
  display: block;
  width: 100%;
  max-width: 449px;
  box-shadow: 10px 15px 20px 0px rgba(142, 142, 142, 0.2);
}
@media screen and (max-width: 768px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head img {
    margin: 0 auto;
    max-width: 237px;
  }
}
.com-back{
	background: #fff;
    z-index: -1;
}
.company_hero .message_content .message_inner .message_summary_content .message_head .txt_box h3 {
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.6;
  letter-spacing: 0.14em;
  color: #173878;
  margin: 0 0 103px 49px;
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box h3 {
    font-size: 3.2rem;
    margin: 0 0 84px 32px;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box h3 {
    font-size: 2rem;
    letter-spacing: 0;
    max-width: fit-content;
    margin: 58px auto 35px;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_head .txt_box .name {
  padding: 0 46px 0 0;
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box .name {
    padding: 0 32px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box .name {
    padding: 0;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_head .txt_box .name::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 720px;
  height: 2px;
  background-color: #94a0ba;
}
.company_hero .message_content .message_inner .message_summary_content .message_head .txt_box p {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.1em;
  max-width: fit-content;
  margin: 31px 0 0 auto;
  color: #5b5b5b;
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box p {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box p {
    font-size: 1.9rem;
    padding-right: 44px;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_head .txt_box p span {
  font-size: 2rem;
  padding-right: 24px;
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box p span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_head .txt_box p span {
    font-size: 1.4rem;
    padding-right: 20px;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_box {
  margin: 56px auto 0;
  max-width: 875px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_box {
    padding: 0 12px 0 40px;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_box p {
  font-size: 1.8rem;
  line-height: 2;
	background: #fff;
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_box p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.company_hero .message_content .message_inner .message_summary_content .message_box img {
  position: absolute;
  bottom: -90px;
  right: -60px;
  display: block;
  width: 100%;
  max-width: 320px;
  box-shadow: -10px 15px 30px 0px rgba(142, 142, 142, 0.1490196078);
}
@media screen and (max-width: 1024px) {
  .company_hero .message_content .message_inner .message_summary_content .message_box img {
    position: initial;
    bottom: 0;
    right: 0;
    margin: 48px auto 0;
    max-width: 500px;
  }
}
.company_hero .reason_content {
  position: relative;
  margin: 390px 0 0;
  padding: 56px 0 130px;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content {
    margin: 100px 0 0;
    padding: 0px 0 20px;
  }
}
.company_hero .reason_content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
	background:#fff;
}

.company_hero .reason_content .reason_bg {
  position: absolute;
  top: -260px;
  right: 0;
  width: 635px;
  height: 602px;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_bg {
    width: 175px;
    height: 166px;
    top: -50px;
  }
}
.company_hero .reason_content .reason_inner {
  max-width: 1440px;
  margin: 0 auto;
}
.company_hero .reason_content .reason_inner .resason_list {
  margin: 132px 24px 0;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list {
    margin: 75px 24px 0;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul {
  display: flex;
  justify-content: center;
  gap: 0 93px;
}
@media screen and (max-width: 1024px) {
  .company_hero .reason_content .reason_inner .resason_list ul {
    display: block;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li {
  width: calc(33.3333333333% - 48px);
  max-width: 413px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 1024px) {
  .company_hero .reason_content .reason_inner .resason_list ul li {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
  }
  .company_hero .reason_content .reason_inner .resason_list ul li:nth-child(n+2) {
    margin-top: 56px;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li {
    min-width: 300px;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 292px;
	width: 292px;
}
@media screen and (max-width: 1024px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div {
    max-width: 292px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div {
    max-width: 189px;
    height: 189px;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li div.layout02 h3::before {
  height: 128px;
    background: #5b5b5b;
    bottom: -155px;
    z-index: 100;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div.layout02 h3::before {
    height: 65px;
    bottom: -80px;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li div.layout03 h3::before {
  height: 128px;
    background: #5b5b5b;
    bottom: -155px;
    z-index: 100;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div.layout03 h3::before {
    height: 65px;
    bottom: -80px;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li div.layout03 h3::after {
  bottom: -184px;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div.layout03 h3::after {
    bottom: -104px;
  }
}

.company_hero .reason_content .reason_inner .resason_list ul li div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 292px;
  z-index: -1;
	background-image: radial-gradient(closest-side, #fcf2f7, #f7ddea);
    border-radius: 50%;
	height: 100%;
}
.company_hero .reason_content .reason_inner .resason_list ul li div.layout02::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 292px;
    height: 100%;
    z-index: -1;
    background-image: radial-gradient(closest-side, #E8F2F9, #abd2ec);
    border-radius: 50%;
}
.company_hero .reason_content .reason_inner .resason_list ul li div.layout03::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 292px;
    height: 100%;
    z-index: -1;
    background-image: radial-gradient(closest-side, #f4f8e9, #c9eeb2);
    border-radius: 50%;
}
.company_hero .reason_content .reason_inner .resason_list ul li div img {
  display: block;
  width: 100%;
  max-width: 110px;
  margin: -69px 0 0;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div img {
    margin: -9px 0 0;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li div h3 {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
  color: #5b5b5b;
  margin: 6px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div h3 {
    font-size: 2rem;
    margin: 12px 0 0;
    letter-spacing: 0;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li div h3::before, .company_hero .reason_content .reason_inner .resason_list ul li div h3::after {
  content: "";
  width: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.company_hero .reason_content .reason_inner .resason_list ul li div h3::before {
  height: 128px;
  background: #5b5b5b;
  bottom: -155px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div h3::before {
    height: 65px;
    bottom: -80px;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li div h3::after {
  height: 165px;
  background-color: #E5E5E5;
  bottom: -191px;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li div h3::after {
    height: 89px;
    bottom: -104px;
  }
}
.company_hero .reason_content .reason_inner .resason_list ul li p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  margin-top: 95px;
	background: #fff;
}
@media screen and (max-width: 768px) {
  .company_hero .reason_content .reason_inner .resason_list ul li p {
    line-height: 1.8;
    margin-top: 89px;
  }
}

.summary_content {
  position: relative;
  margin: 300px auto 0;
  max-width: 1440px;
}
.summary_content:nth-of-type(n+2) {
  margin: 128px auto 0;
}
@media screen and (max-width: 768px) {
  .summary_content {
    margin: 128px auto 0;
  }
  .summary_content:nth-of-type(n+2) {
    margin: 80px auto 0;
  }
}
.summary_content .summary_inner .summary_data {
  max-width: 1120px;
  margin: 52px auto 0;
  padding: 56px 46px 28px;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .summary_content .summary_inner .summary_data {
    margin: 30px 16px 0;
    padding: 32px 12px 32px;
  }
}
.summary_content .summary_inner .summary_data div {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #989898;
  padding: 43px 30px;
}
@media screen and (max-width: 768px) {
  .summary_content .summary_inner .summary_data div {
    display: block;
    padding: 16px 7px 24px 0;
  }
}
.summary_content .summary_inner .summary_data div:last-child {
  border-bottom: 1px solid #989898;
}
@media screen and (max-width: 768px) {
  .summary_content .summary_inner .summary_data div:last-child {
    border-bottom: 0;
  }
}
.summary_content .summary_inner .summary_data div dt {
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0;
  min-width: 111px;
  margin-right: 157px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .summary_content .summary_inner .summary_data div dt {
    font-weight: bold;
    min-width: auto;
    margin: 0 0 12px;
  }
}
.summary_content .summary_inner .summary_data div dt.line_h {
  line-height: 1.8;
}
.summary_content .summary_inner .summary_data div dd {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  width: calc(100% - 269px);
}
.summary_content .summary_inner .summary_data div dd p + p {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .summary_content .summary_inner .summary_data div dd {
    width: 100%;
  }
}
.summary_content .summary_inner .summary_data div dd.line_h {
  line-height: 1.8;
}
.summary_content .summary_inner .summary_data div dd ul.contact_list li::before {
  display: none;
}
.summary_content .summary_inner .summary_data div dd ul li {
  display: flex;
}
.summary_content .summary_inner .summary_data div dd ul li:nth-child(n+2) {
  margin-top: 8px;
}
.summary_content .summary_inner .summary_data div dd ul li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 100vmax;
  margin: 13px 8px 0;
}
.summary_content .summary_inner .summary_data div dd iframe {
  margin: 16px 0 0;
  width: 100%;
  display: block;
  max-width: 492px;
  max-height: 282px;
}
@media screen and (max-width: 768px) {
  .summary_content .summary_inner .summary_data div dd iframe {
    max-width: 324px;
    max-height: 187px;
    margin: 16px auto 0;
  }
}
.summary_content .summary_inner .summary_data div dd a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #173878;
  padding: 0 0 8px;
  border-bottom: 2px solid #173878;
  min-width: fit-content;
  max-width: 155px;
  margin: 13px 0 0;
  transition: 0.5s all;
}
@media screen and (max-width: 768px) {
  .summary_content .summary_inner .summary_data div dd a {
    font-size: 1.6rem;
    max-width: 135px;
    padding: 0 0 6px;
  }
}
@media (any-hover: hover) {
  .summary_content .summary_inner .summary_data div dd a:hover {
    opacity: 0.8;
    transition: 0.5s all;
  }
}
.summary_content .summary_inner .summary_data div dd a::before {
  content: "";
  display: block;
  background-image: url("../img/company/map_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 11px;
  height: 19px;
  margin-right: 7px;
}

.business_hero {
  margin: 81px 0 0;
  padding: 0 0 168px;
}
@media screen and (max-width: 768px) {
  .business_hero {
    padding: 0 0 106px;
  }
}
.business_hero .business_inner {
  background-color: #fff;
  max-width: 1248px;
  margin: 0 auto;
  padding: 93px 124px 67px 24px;
}
@media screen and (max-width: 1024px) {
  .business_hero .business_inner {
    padding: 93px 24px 67px 24px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .business_inner {
    padding: 32px 24px;
  }
}
.business_hero .business_inner .business_list:nth-child(n+2) {
  margin-top: 176px;
}
@media screen and (max-width: 768px) {
  .business_hero .business_inner .business_list:nth-child(n+2) {
    margin-top: 65px;
  }
}
.business_hero .business_inner .business_list .sec_head {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1;
  color: #173878;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .business_hero .business_inner .business_list .sec_head {
    font-size: 2rem;
  }
}
.business_hero .business_inner .business_list .sec_head::before {
  content: "";
  display: block;
  min-width: 10px;
  height: 10px;
  border-radius: 100vmax;
  background: linear-gradient(35.65deg, #173878 37.95%, #1D3D7B 48.01%, #2F4C85 62.38%, #3E588D 69.56%, #425B8F 73.87%, #4E6595 76.74%, #6377A0 79.62%, #7F8FAF 82.49%, #A4AEC3 86.8%, #D1D4DB 89.67%, #E8E7E7 91.11%);
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .business_hero .business_inner .business_list .sec_head::before {
    min-width: 12px;
    height: 12px;
    margin-right: 4px;
  }
}
.business_hero .business_inner .business_list .sec_head:after {
  content: "";
  display: block;
  width: calc(100% - 211px);
  height: 1px;
  background-color: #989898;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .business_hero .business_inner .business_list .sec_head:after {
    width: calc(100% - 104px);
    margin-left: 8px;
  }
}
.business_hero .pickup_content {
  max-width: 1184px;
  margin: 125px auto 0;
  padding: 32px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content {
    margin: 100px auto 0;
    padding: 52px 16px 40px;
  }
}
.business_hero .pickup_content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
	background: #fff;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content::after {
    background-position-x: center;
  }
}
.business_hero .pickup_content .pickup_inner {
  border-left: 2px solid #173878;
  border-right: 2px solid #173878;
  border-bottom: 2px solid #173878;
}
.business_hero .pickup_content .pickup_inner .business_list {
  margin: 0 32px 49px;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .business_list {
    margin: 0 12px 36px;
  }
}
.business_hero .pickup_content .pickup_inner .business_list:nth-of-type(n+2) {
  border-top: 1px solid #989898;
}
.business_hero .pickup_content .pickup_inner .business_list:nth-of-type(n+2) .grid_box {
  margin: 97px 80px 0 32px;
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .business_list:nth-of-type(n+2) .grid_box {
    margin: 75px 0 36px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .business_list:nth-of-type(n+2) .grid_box {
    margin: 36px 12px 36px;
  }
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .business_list .txt_box h3 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .business_list .txt_box h3 {
    font-size: 2.2rem;
  }
}
.business_hero .pickup_content .pickup_inner .sec_head {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.16em;
  color: #173878;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .sec_head {
    font-size: 2rem;
  }
}
.business_hero .pickup_content .pickup_inner .sec_head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/business/pickup_line.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 2px;
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .sec_head::after {
    background-image: url("../img/business/pickup_line_ipad.png");
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .sec_head::after {
    background-image: url("../img/business/pickup_line_sp.png");
  }
}
.business_hero .pickup_content .pickup_inner .sec_head span {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  transform: translateY(-4px);
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .sec_head span {
    transform: translateY(-14px);
  }
}
.business_hero .pickup_content .pickup_inner .sec_head span::before, .business_hero .pickup_content .pickup_inner .sec_head span::after {
  content: "";
  display: block;
  min-width: 21px;
  height: 29px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .sec_head span::before, .business_hero .pickup_content .pickup_inner .sec_head span::after {
    min-width: 16px;
    height: 24px;
  }
}
.business_hero .pickup_content .pickup_inner .sec_head span::before {
  background-image: url("../img/business/pickup_dec.svg");
  margin-right: 14px;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .sec_head span::before {
    margin-right: 4px;
  }
}
.business_hero .pickup_content .pickup_inner .sec_head span::after {
  background-image: url("../img/business/pickup_dec02.svg");
  margin-left: 14px;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .sec_head span::after {
    margin-left: 4px;
  }
}
.business_hero .pickup_content .pickup_inner .grid_box {
  margin: 128px 80px 0 32px;
  display: grid;
  grid-template-rows: auto auto;
  grid-column-gap: 64px;
  grid-row-gap: 0px;
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .grid_box {
    margin: 128px 24px 0 24px;
    grid-column-gap: 32px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .grid_box {
    margin: 36px 12px 0;
  }
}
.business_hero .pickup_content .pickup_inner .grid_box.layout .txt_box {
  align-self: end;
}
.business_hero .pickup_content .pickup_inner .grid_box.layout .txt_box > div h3 {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .grid_box.layout .txt_box > div h3 {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .grid_box.layout .txt_box > div h3 {
    padding-right: 15px !important;
  }
}
.business_hero .pickup_content .pickup_inner .grid_box.layout .txt_box > div img {
  top: -120px;
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .grid_box.layout .txt_box > div img {
    top: -130px;
    right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .grid_box.layout .txt_box > div img {
    top: 0;
  }
}
.business_hero .pickup_content .pickup_inner .thum_box {
  margin-right: 64px;
  max-width: 384px;
  grid-area: 1/1/3/2;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .thum_box {
    grid-area: 2/1/3/2;
    margin: 32px auto 0;
  }
}
.business_hero .pickup_content .pickup_inner .thum_box img:nth-child(n+2) {
  margin-top: 10px;
}
.business_hero .pickup_content .pickup_inner .txt_box {
  max-width: 491px;
  grid-area: 1/2/2/3;
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .txt_box > div h3 {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .txt_box {
    grid-area: 1/1/2/2;
  }
  .business_hero .pickup_content .pickup_inner .txt_box > div h3 {
    padding-right: 115px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .txt_box {
    margin: 0 auto;
    width: 100%;
    max-width: 384px;
  }
  .business_hero .pickup_content .pickup_inner .txt_box > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .business_hero .pickup_content .pickup_inner .txt_box > div h3 {
    padding-right: 15px !important;
    letter-spacing: 0;
  }
}
.business_hero .pickup_content .pickup_inner .txt_box img {
  top: -90px;
  right: -70px;
  width: 144px;
}
@media screen and (max-width: 1024px) {
  .business_hero .pickup_content .pickup_inner .txt_box img {
    top: -130px;
    right: -30px;
    width: 114px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner .txt_box img {
    position: relative;
    top: -30px;
    right: 0;
    width: 78px;
  }
}
.business_hero .pickup_content .pickup_inner p {
  grid-area: 2/2/3/3;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .business_hero .pickup_content .pickup_inner p {
    grid-area: 3/1/4/2;
    margin: 24px auto 0;
  }
}
.business_hero .example_content {
  margin: 166px 0 0;
}
@media screen and (max-width: 768px) {
  .business_hero .example_content {
    margin: 65px 0 0;
  }
}
.business_hero .example_content .example_head {
  max-width: 1440px;
  margin: 0 auto;
}
.business_hero .example_content h2 {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1;
  color: #5b5b5b;
  padding: 0 0 19px;
  max-width: 660px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .business_hero .example_content h2 {
    font-size: 2rem;
    max-width: 316px;
    padding: 0 0 20px;
  }
}
.business_hero .example_content .example_list {
  max-width: 746px;
  margin: 113px auto 0;
  padding: 0 24px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .business_hero .example_content .example_list {
    margin: 40px auto 0;
	  background: #fff;
  }
}
.business_hero .example_content ul li {
  display: flex;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .business_hero .example_content ul li {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.business_hero .example_content ul li:nth-child(n+2) {
  margin-top: 26px;
}
.business_hero .example_content ul li::before {
  content: "";
  display: block;
  min-width: 10px;
  height: 10px;
  background: linear-gradient(35.64deg, #173878 37.97%, #1D3D7B 48.02%, #2F4C85 62.37%, #3E588D 69.55%, #425B8F 73.86%, #4E6595 76.73%, #6377A0 79.6%, #7F8FAF 82.47%, #A4AEC3 86.78%, #D1D4DB 89.65%, #E8E7E7 91.08%);
  border-radius: 100vmax;
  margin: 10px 7px 0 0;
}
@media screen and (max-width: 768px) {
  .business_hero .example_content ul li::before {
    min-width: 8px;
    height: 8px;
    margin: 10px 12px 0 0;
  }
}
.business_hero .flex_box {
  display: flex;
  margin: 141px 0 0 29px;
}
@media screen and (max-width: 1024px) {
  .business_hero .flex_box {
    flex-direction: column;
    align-items: center;
    margin: 78px 0 0 29px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .flex_box {
    margin: 32px 0 0 0;
  }
}
.business_hero .flex_box.revers {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .business_hero .flex_box.revers {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.business_hero .flex_box.revers .thum_box {
  margin-right: 0;
  margin-left: 64px;
}
@media screen and (max-width: 1024px) {
  .business_hero .flex_box.revers .thum_box {
    margin-left: 0;
  }
}
.business_hero .thum_box {
  width: 100%;
  max-width: 448px;
  margin-right: 79px;
}
@media screen and (max-width: 1024px) {
  .business_hero .thum_box {
    margin-right: 0;
  }
}
.business_hero .thum_box img {
  display: block;
  width: 100%;
  max-width: 448px;
  box-shadow: -10px 15px 40px 0px rgba(142, 142, 142, 0.2);
}
.business_hero .txt_box {
  max-width: 542px;
}
@media screen and (max-width: 1024px) {
  .business_hero .txt_box {
    margin-top: 65px;
  }
}
.business_hero .txt_box > div {
  position: relative;
}
@media screen and (max-width: 768px) {
  .business_hero .txt_box > div {
    max-width: 448px;
    margin: 0 auto;
  }
}
.business_hero .txt_box > div h3 {
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.7;
  letter-spacing: 0.16em;
  color: #5b5b5b;
}
.business_hero .txt_box > div h3.txt_indent {
  text-indent: -0.6em;
}
@media screen and (max-width: 1024px) {
  .business_hero .txt_box > div h3 {
    padding-right: 126px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .txt_box > div h3 {
    font-size: 2.2rem;
    line-height: 1.8;
    letter-spacing: 0.08em;
    padding-right: 36px !important;
  }
}
.business_hero .txt_box > div h3.pr0 {
  padding-right: 0;
}
.business_hero .txt_box > div img {
  position: absolute;
  top: -100px;
  right: 0;
  display: block;
  width: 206px;
}
@media screen and (max-width: 1024px) {
  .business_hero .txt_box > div img {
    top: -50px;
  }
}
@media screen and (max-width: 768px) {
  .business_hero .txt_box > div img {
    top: -50px;
    right: 10px;
    width: 128px;
  }
}
.business_hero .txt_box p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .business_hero .txt_box p {
    line-height: 1.8;
    letter-spacing: 0.08em;
    margin-top: 20px;
  }
}

.achivement_hero {
  margin: 110px 0 0;
  padding: 0 0 168px;
}
@media screen and (max-width: 768px) {
  .achivement_hero {
    margin: 88px 0 0;
    padding: 0 0 106px;
  }
}
.achivement_hero .achivement_list {
  display: flex;
  flex-wrap: wrap;
  gap: 88px 64px;
  max-width: 1103px;
  margin: 0 auto;
  padding: 0 24px;
}
@media screen and (max-width: 768px) {
  .achivement_hero .achivement_list {
    gap: 40px 12px;
  }
}
.achivement_hero .achivement_list li {
  width: calc(33.3333333333% - 43px);
	display: flex;
	    flex-direction: column;
    justify-content: space-between;
	
}
@media screen and (max-width: 1024px) {
  .achivement_hero .achivement_list li {
    width: calc(50% - 43px);
  }
}
@media screen and (max-width: 768px) {
  .achivement_hero .achivement_list li {
    width: calc(50% - 6px);
  }
}
.achivement_hero .achivement_list li figure img {
  display: block;
  width: 100%;
  max-width: 288px;
  box-shadow: 5px 5px 14px 0px rgba(142, 142, 142, 0.2);
}
@media screen and (max-width: 1024px) {
  .achivement_hero .achivement_list li figure img {
    max-width: none;
  }
}
.achivement_hero .achivement_list li figure figcaption {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.4;
  color: #5b5b5b;
  margin: 14px 0 0 8px;
}
@media screen and (max-width: 768px) {
  .achivement_hero .achivement_list li figure figcaption {
    font-size: 1.8rem;
    margin: 10px 0 0 0;
  }
}
.achivement_hero .achivement_list li .txt_box {
  margin: 10px 0 0 8px;
}
@media screen and (max-width: 768px) {
  .achivement_hero .achivement_list li .txt_box {
    margin: 12px 0 0 0;
  }
}
.achivement_hero .achivement_list li .txt_box p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
}
.achivement_hero .achivement_list li .txt_box p + p {
  margin: 14px 0 0;
}
@media screen and (max-width: 768px) {
  .achivement_hero .achivement_list li .txt_box p + p {
    margin: 8px 0 0 0;
  }
}
.achivement_hero .achivement_list li .txt_box .sub_page_link {
  margin: 15px 0 0;
}
@media screen and (max-width: 1024px) {
  .achivement_hero .achivement_list li .txt_box .sub_page_link {
    width: auto;
    margin-inline: initial;
  }
}
@media screen and (max-width: 1024px) {
  .achivement_hero .achivement_list li .txt_box .sub_page_link {
    margin: 20px 0 0;
  }
}
.achivement_hero .achivement_list li .txt_box .sub_page_link button {
  margin: 0;
}

.saiyo_top_hero {
  margin: 110px 0 0;
  padding: 0 0 168px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero {
    margin: 50px 0 0;
    padding: 0 0 106px;
  }
}
.saiyo_top_hero .sub_page_content > div:nth-child(n+2) {
  margin-top: 128px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content > div:nth-child(n+2) {
    margin-top: 103px;
  }
}
.saiyo_top_hero .sub_page_content section {
  padding: 0 74px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section {
    padding: 0 24px;
  }
}
.saiyo_top_hero .sub_page_content section.layout .sub_page_content_inner .txt_box .sub_page_link {
  padding: 0;
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner {
  position: relative;
  max-width: 1184px;
  margin: 0 auto;
  display: flex;
  padding: 24px 24px 24px 0;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner {
    display: block;
    padding: 38px 0 52px 0;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
	background: linear-gradient(270deg, #ffffc1, #fff);
	    border-radius: 32px;
}
@media screen and (max-width: 768px) {
.saiyo_top_hero .sub_page_content section .sub_page_content_inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
	background: linear-gradient(0deg, #ffffc1, #fff);
	    border-radius: 32px;
}
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner.sub02::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
	background: linear-gradient(270deg, #fff, #ffffc1);
}
@media screen and (max-width: 768px) {
.saiyo_top_hero .sub_page_content section .sub_page_content_inner.sub02::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
	background: linear-gradient(180deg, #fff, #ffffc1);
}
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner.layout {
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding: 24px 0 24px 24px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner.layout {
    padding: 36px 0;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner.layout .txt_box {
  max-width: fit-content;
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner.layout .sub_page_img {
  transform: translateX(54px);
  margin: 0 0 0 84px;
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box {
  display: flex;
  gap: 16px;
  margin: 0 0 0 84px;
  transform: translateX(54px);
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box {
    margin: 0 0 0 18px;
  }
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box {
    margin: 0 32px 0 0;
    gap: 8px;
    transform: translateX(0);
    transform: translateY(-60px);
    justify-content: flex-end;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box .sub_page_img {
  margin: 0;
  transform: translateX(0);
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box .sub_page_img:nth-of-type(2) {
  transform: translateY(64px);
}
@media screen and (max-width: 500px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box .sub_page_img:nth-of-type(2) {
    transform: translateY(36px);
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box .sub_page_img img {
  max-width: 156px;
}
@media screen and (max-width: 500px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .flex_box .sub_page_img img {
    max-width: 70px;
    min-width: 70px;
    margin-left: 0;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .txt_box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 44%;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .txt_box.mt {
    margin: 38px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .txt_box {
    width: auto;
    max-width: fit-content;
    margin: 64px auto 0;
    padding: 0 36px;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner hgroup span {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #173878;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner hgroup span {
    font-size: 1.4rem;
    font-weight: bold;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner hgroup span::after {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  background-color: #173878;
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner hgroup span::after {
    width: 28px;
    margin-left: 7px;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner hgroup h2 {
  font-size: 5.2rem;
  font-weight: 700;
  color: #173878;
  background: linear-gradient(180deg, #5B73A0 17.33%, #173878 83.31%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner hgroup h2 {
    font-size: 4.2rem;
    margin: 48px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner hgroup h2 {
            font-size: 2.8rem;
    margin: 20px 0 0;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.04;
  margin-top: 32px;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner p {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner p {
    margin-top: 28px;
    font-weight: 700;
    word-break: keep-all;
	        display: flex
;
        justify-content: center;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img {
  position: relative;
  z-index: 100;
  transform: translateX(-54px);
  margin-right: 118px;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img {
    margin-right: 18px;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img {
    margin-right: 0;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img.layout {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img.layout {
    gap: 8px;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img img {
  display: block;
  width: 100%;
  max-width: 498px;
  box-shadow: -10px 15px 40px 0px rgba(94, 94, 94, 0.2);
	border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img img {
    margin-left: -24px;
    max-width: 544px;
  }
}
@media screen and (max-width: 500px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .sub_page_img img {
    max-width: 273px;
	  margin-left: 32px;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .bg_txt {
  position: absolute;
  bottom: -60px;
  right: 0;
  display: block;
  width: 596px;
  z-index: 99;
	font-size: 12rem;
    opacity: .7;
	color: #fff;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .bg_txt {
    width: 438px;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .bg_txt {
    width: 50px;
    top: 200px;
    bottom: initial;
	  font-size: 8rem;
	  right: 300px;
  }
}
.saiyo_top_hero .sub_page_content section .sub_page_content_inner .bg_txt.layout {
  width: 100%;
  max-width: 888px;
  right: initial;
  left: 36px;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .bg_txt.layout {
    max-width: 578px;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_content section .sub_page_content_inner .bg_txt.layout {
    top: 190px;
        right: initial;
        left: 0;
        font-size: 7rem;
        display: flex;
        justify-content: center;
  }
}
.saiyo_top_hero .others_sub_page_content {
  max-width: 1232px;
  margin: 176px auto 0;
  padding: 0 24px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content {
    margin: 64px auto 0;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul {
    display: block;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li {
  width: calc(50% - 16px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li {
    width: 100%;
  }
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li:nth-child(n+2) {
    margin-top: 68px;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  padding: 40px 94px 40px 108px;
  height: 100%;
  transition: 0.4s all;
	
}

.saiyo_01{
	display: flex;
    flex-direction: column;
    align-items: center;
}


@media screen and (max-width: 1024px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a {
    padding: 71px 44px 73px 58px;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a {
    padding: 41px 24px 35px 24px;
  }
}
@media (any-hover: hover) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a:hover {
    filter: brightness(95%);
    transition: 0.4s all;
  }
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a:hover .sub_page_link p {
    color: #173878;
    transition: 0.4s all;
  }
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a:hover .sub_page_link p::before {
    transform-origin: left top;
    transform: scale(1, 1);
    transition: transform 0.3s;
  }
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a:hover .sub_page_link p span {
    background: linear-gradient(90deg, #173878 44%, #173878 52%, #173878 77%, #173878 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.4s all;
  }
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a:hover .sub_page_link p span::before {
    opacity: 0;
    transition: 0.5s all;
  }
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a:hover .sub_page_link p span::after {
    opacity: 1;
    transition: 0.5s all;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
	border-radius: 32px;
	    background-image: url(../img/saiyo/job_img01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #eaeeef;
    background-blend-mode: lighten;
    background-size: cover;
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li > a.job-01::after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 32px;
    background-image: url(../img/saiyo/job_img02.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #dbdddf;
    background-blend-mode: soft-light;
    background-size: cover;
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li hgroup span {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #173878;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li hgroup span {
    font-size: 1.4rem;
    font-weight: bold;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li hgroup span::after {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  background-color: #173878;
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li hgroup span::after {
    width: 28px;
    margin-left: 7px;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li hgroup h2 {
  font-size: 5.2rem;
  font-weight: 700;
  color: #173878;
    background: linear-gradient(180deg, #5B73A0 17.33%, #173878 83.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li hgroup h2 {
    font-size: 4.2rem;
    margin: 48px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li hgroup h2 {
    font-size: 3rem;
    margin: 20px 0 0;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .txt {
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.04;
  margin-top: 32px;
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.saiyo-01{
	display: flex;
    align-items: center;
}
.saiyo-02{
	    padding: 5px;
    border-radius: 8px;
    border: 2px solid #989898;
    margin: 8px 8px 0 8px;
    font-weight: lighter;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .txt {
    margin-top: 20px;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .sub_page_link {
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .sub_page_link {
    margin: 27px auto 0;
    padding: 0;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .sub_page_link p {
  background: #fff;
}
@media (any-hover: hover) {
  .saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .sub_page_link p:hover span {
    background: linear-gradient(90deg, #173878 44%, #173878 52%, #173878 77%, #173878 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.4s all;
  }
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .sub_page_link p span {
  background: #173878;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.4s all;
}
.saiyo_top_hero .others_sub_page_content .others_sub_page_link_list ul li .sub_page_link p span::before {
  background-image: url(../img/check_arrow_hvr.svg);
}
.saiyo_top_hero .sub_page_link {
  width: 100%;
  max-width: 240px;
  margin: 40px 0 0;
}
@media screen and (max-width: 1024px) {
  .saiyo_top_hero .sub_page_link {
    margin: 21px auto 0 0px;
  }
}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_link {
    margin: 31px auto 0;
    padding: 0;
  }
}
.saiyo_top_hero .sub_page_link a, .saiyo_top_hero .sub_page_link p {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
 background: #fff;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    justify-content: center;

}
@media screen and (max-width: 768px) {
  .saiyo_top_hero .sub_page_link a, .saiyo_top_hero .sub_page_link p {
    width: 200px;
    margin: 0 auto;
  }
}
.saiyo_top_hero .sub_page_link a::before, .saiyo_top_hero .sub_page_link p::before {
  border-radius: 8px;
}
.saiyo_top_hero .sub_page_link a span::before, .saiyo_top_hero .sub_page_link a span::after, .saiyo_top_hero .sub_page_link p span::before, .saiyo_top_hero .sub_page_link p span::after {
  content: "";
  top: 50%;
  right: -29px;
  width: 18px;
  height: 5px;
  transform: translateY(-50%);
}
.saiyo_top_hero .sub_page_link a span::before, .saiyo_top_hero .sub_page_link p span::before {
  background-image: url("../img/check_arrow_hvr.svg");
}
.saiyo_top_hero .sub_page_link a span::after, .saiyo_top_hero .sub_page_link p span::after {
  background-image: url("../img/check_arrow_hvr.svg");
}

.appeal_hero {
  margin: -328px 0 0;
}
@media screen and (max-width: 1024px) {
  .appeal_hero {
    margin: -213px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero {
    margin: 123px 0 0;
  }
}
.appeal_hero h2 {
  font-weight: 700;
  font-size: 5.2rem;
  line-height: 1;
  color: #173878;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .appeal_hero h2 {
    font-size: 2.6rem;
  }
}
.appeal_hero h2::before, .appeal_hero h2::after {
  content: "";
  position: absolute;
  bottom: -180px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
}
/*.appeal_hero h2::before {
  height: 118px;
  background: linear-gradient(86.08deg, #173878 45.76%, #1D3D7B 58.85%, #2F4C85 76.32%, #3E588D 87.67%, #425B8F 90.29%, #4E6595 93.78%, #6377A0 97.28%, #7F8FAF 100.77%, #A4AEC3 104.26%, #D1D4DB 106.88%, #E8E7E7 108.63%);
  z-index: 100;
  bottom: -151px;
}*/
@media screen and (max-width: 768px) {
  .appeal_hero h2::before {
    height: 59px;
    bottom: -72px;
  }
}
/*.appeal_hero h2::after {
  height: 145px;
  background-color: #CBCBCB;
}*/
@media screen and (max-width: 768px) {
  .appeal_hero h2::after {
    height: 72px;
    bottom: -85px;
  }
}
.appeal_hero .appeal_summary {
  margin: 56px 0 0;
  padding: 100px 0 168px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary {
    margin: 42px 0 0;
    padding: 88px 0 106px;
  }
}
.appeal_hero .appeal_summary::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    opacity: .8;
  z-index: -1;
}

@keyframes lineAnimLeft {
  0% {
    transform: scaleX(0);
    transform-origin: left center;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left center;
  }
}
.appeal_hero .appeal_summary .is-animation .appeal_content_inner.line-animLeft::after {
  animation: lineAnimLeft 1s forwards;
  animation-delay: 1s;
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .is-animation .appeal_content_inner.line-animLeft .appeal_img_box::after {
    animation: lineAnimLeft 1s forwards;
    animation-delay: 1s;
  }
}
.appeal_hero .appeal_summary section {
  max-width: 1440px;
  margin: 0 auto;
}
.appeal_hero .appeal_summary section:nth-of-type(n+2) {
  margin: 120px auto 0;
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary section:nth-of-type(n+2) {
    margin: 65px auto 0;
  }
}
.appeal_hero .appeal_summary section:last-of-type .appeal_content_inner::after, .appeal_hero .appeal_summary section:last-of-type .appeal_content_inner::before {
  display: none;
}
.appeal_hero .appeal_summary .appeal_content_inner {
  display: flex;
  align-items: flex-start;
  padding: 0 97px 0 0;
  position: relative;
}
@media screen and (max-width: 1439px) {
  .appeal_hero .appeal_summary .appeal_content_inner {
    padding: 0 64px 0 0;
  }
}
@media screen and (max-width: 1400px) {
  .appeal_hero .appeal_summary .appeal_content_inner {
    padding: 0 48px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner {
    padding: 0 100px 0 0;
    display: block;
    overflow-x: hidden;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner.layout {
  flex-direction: row-reverse;
  padding: 0 0 0 97px;
}
@media screen and (max-width: 1439px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout {
    padding: 0 0 0 64px;
  }
}
@media screen and (max-width: 1400px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout {
    padding: 0 0 0 48px;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout {
    padding: 0;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner.layout::before {
  bottom: -49px;
  left: calc(1440px - 64%);
  rotate: 156deg;
}
@media screen and (max-width: 1400px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::before {
    bottom: -45px;
  }
}
@media screen and (max-width: 1439px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::before {
    left: calc(100vw - 64%);
  }
}
@media screen and (max-width: 1366px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::before {
    rotate: 150deg;
  }
}
@media screen and (max-width: 1350px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::before {
    rotate: 146deg;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner.layout::after {
  left: calc(1440px - 35%);
  rotate: 156deg;
  bottom: 41px;
}
@media screen and (max-width: 1430px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    bottom: 43px;
  }
}
@media screen and (max-width: 1425px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    bottom: 44px;
  }
}
@media screen and (max-width: 1420px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    bottom: 46px;
  }
}
@media screen and (max-width: 1412px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    left: calc(100vw - 34%);
    bottom: 43px;
  }
}
@media screen and (max-width: 1370px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    left: calc(100vw - 33%);
  }
}
@media screen and (max-width: 1366px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    bottom: 72px;
    rotate: 150deg;
  }
}
@media screen and (max-width: 1350px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    left: calc(100vw - 36%);
    rotate: 146deg;
    bottom: 62px;
  }
}
@media screen and (max-width: 1330px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout::after {
    bottom: 56px;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner.layout .appeal_img_box {
  margin: 0 0 0 126px;
}
@media screen and (max-width: 1370px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout .appeal_img_box {
    margin: 0 0 0 106px;
  }
}
@media screen and (max-width: 1024px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout .appeal_img_box {
    margin: 0 0 0 64px;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout .appeal_img_box {
    margin: 0 24px 0 100px;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner.layout .appeal_img_box::after, .appeal_hero .appeal_summary .appeal_content_inner.layout .appeal_img_box::before {
  content: "";
  right: initial;
  left: -156px;
  bottom: -32px;
  rotate: 155deg;
}
.appeal_hero .appeal_summary .appeal_content_inner.layout .appeal_img_box::after {
  bottom: 10px;
  rotate: 155deg;
  left: 24px;
  right: inherit;
}
.appeal_hero .appeal_summary .appeal_content_inner.layout02::before {
  bottom: -57px;
}
@media screen and (max-width: 1406px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout02::before {
    bottom: -37px !important;
  }
}
@media screen and (max-width: 1400px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout02::before {
    bottom: -57px !important;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner.layout02::after {
  bottom: 28px;
}
@media screen and (max-width: 1406px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout02::after {
    bottom: 49px !important;
  }
}
@media screen and (max-width: 1400px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout02::after {
    bottom: 46px !important;
  }
}
@media screen and (max-width: 1366px) {
  .appeal_hero .appeal_summary .appeal_content_inner.layout02::after {
    bottom: 65px !important;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner::after, .appeal_hero .appeal_summary .appeal_content_inner::before {
  content: "";
  position: absolute;
  bottom: -42px;
  left: calc(1440px - 64%);
  width: 437px;
  height: 2px;
  rotate: 26deg;
  z-index: -1;
}
@media screen and (max-width: 1439px) {
  .appeal_hero .appeal_summary .appeal_content_inner::after, .appeal_hero .appeal_summary .appeal_content_inner::before {
    left: calc(100vw - 64%);
  }
}
@media screen and (max-width: 1400px) {
  .appeal_hero .appeal_summary .appeal_content_inner::after, .appeal_hero .appeal_summary .appeal_content_inner::before {
    rotate: 30deg;
  }
}
@media screen and (max-width: 1366px) {
  .appeal_hero .appeal_summary .appeal_content_inner::after, .appeal_hero .appeal_summary .appeal_content_inner::before {
    rotate: 34deg;
    bottom: -55px;
  }
}
@media screen and (max-width: 1300px) {
  .appeal_hero .appeal_summary .appeal_content_inner::after, .appeal_hero .appeal_summary .appeal_content_inner::before {
    display: none;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner::before {
  background-color: #CBCBCB;
}
.appeal_hero .appeal_summary .appeal_content_inner::after {
  background-color: #173878;
  transform: scaleX(0);
  transform-origin: left center;
  bottom: 45px;
  rotate: 26deg;
  left: calc(1440px - 61%);
}
@media screen and (max-width: 1439px) {
  .appeal_hero .appeal_summary .appeal_content_inner::after {
    left: calc(100vw - 61%);
  }
}
@media screen and (max-width: 1400px) {
  .appeal_hero .appeal_summary .appeal_content_inner::after {
    rotate: 30deg;
    bottom: 61px;
  }
}
@media screen and (max-width: 1366px) {
  .appeal_hero .appeal_summary .appeal_content_inner::after {
    rotate: 34deg;
    bottom: 65px;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner {
    display: block;
    padding: 0 0 0;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box {
  margin: 0 126px 0 0;
  align-self: center;
  box-shadow: 10px 15px 20px 0px rgba(142, 142, 142, 0.2);
}
@media screen and (max-width: 1370px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box {
    margin: 0 106px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box {
    align-self: flex-start;
    margin: 0 64px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box {
    margin: 0 100px 0 24px;
    max-width: fit-content;
    width: 100%;
    position: relative;
  }
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box::after, .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box::before {
    content: "";
    position: absolute;
    bottom: -34px;
    right: -156px;
    width: 174px;
    height: 2px;
    rotate: 25deg;
    z-index: -1;
  }
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box::before {
    background-color: #CBCBCB;
  }
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box::after {
    background-color: #173878;
    transform: scaleX(0);
    transform-origin: left center;
    bottom: 8px;
    rotate: 25deg;
    right: -156px;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box.ag-layout {
  align-self: flex-start;
  margin-top: 24px;
}
@media screen and (max-width: 1024px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box.ag-layout {
    margin: 0 24px 0 100px;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box img {
  display: block;
  width: 100%;
  max-width: 564px;
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_img_box img {
    margin: 0 0 0 auto;
    max-width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box {
    margin: 64px 24px 0;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box.layout {
  width: 100%;
  max-width: 621px;
}
@media screen and (max-width: 1024px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box.layout {
    max-width: 470px;
  }
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box.layout {
    width: auto;
    max-width: none;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box span {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 6rem;
  line-height: 1;
  color: #173878;
  border-bottom: 5px solid #173878;
  margin: 0 0 30px;
  padding: 0 0 10px;
}
.appeal_txt_box{
	background: #fff;
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box span {
    font-size: 3.4rem;
    margin: 0 0 20px;
    padding: 0 0 4px;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box h3 {
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.7;
  color: #5b5b5b;
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box h3 {
    font-size: 2.2rem;
    line-height: 1.8;
  }
}
.appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  margin: 24px 0 0;
}
@media screen and (max-width: 768px) {
  .appeal_hero .appeal_summary .appeal_content_inner .appeal_txt_box p {
    margin: 28px 0 0;
    line-height: 1.8;
  }
}

.interview_hero {
  margin: -328px 0 0;
  padding: 0 0 44px;
	
}
@media screen and (max-width: 768px) {
  .interview_hero {
    margin: 94px 0 0;
    padding: 0 0 72px;
  }
}
.interview_hero section {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 64px;
}
@media screen and (max-width: 1024px) {
  .interview_hero section {
    padding: 0 24px;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section {
    padding: 0 16px;
  }
}
.interview_hero section:nth-of-type(n+2) {
  margin-top: 133px;
}
@media screen and (max-width: 768px) {
  .interview_hero section:nth-of-type(n+2) {
    margin: 75px 0 0;
  }
}
.interview_hero section .interview_inner {
  max-width: 1312px;
  margin: 0 auto;
  position: relative;
}
.interview_hero section .interview_inner.layout .voice_num {
  margin: 0 auto 206px 0;
  padding: 0 0 0 84px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner.layout .voice_num {
    margin: 0 auto;
    padding: 0;
  }
}
.interview_hero section .interview_inner.layout .voice_num::before, .interview_hero section .interview_inner.layout .voice_num::after {
  left: 66%;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner.layout .voice_num::before, .interview_hero section .interview_inner.layout .voice_num::after {
    left: 50%;
  }
}
.interview_hero section .interview_inner.layout .interview_content .thum_box {
  transform: translate(64px, -160px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1024px) {
  .interview_hero section .interview_inner.layout .interview_content .thum_box {
    transform: translate(24px, -160px);
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner.layout .interview_content .thum_box {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    transform: translate(0, 0);
  }
}
.interview_hero section .interview_inner.layout .interview_content .thum_box .person_box {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner.layout .interview_content .thum_box .person_box {
    margin: 0;
  }
}
.interview_hero section .interview_inner.layout .interview_content .thum_box .person_box .name {
  margin: 0;
  padding-left: 135px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner.layout .interview_content .thum_box .person_box .name {
    padding: 0;
  }
}
.interview_hero section .interview_inner.layout .interview_content .thum_box .person_box .name::after {
  right: -89px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner.layout .interview_content .thum_box .person_box .name::after {
    right: -120px;
  }
}
.interview_hero section .interview_inner.layout .interview_content .thum_box .person_box .affiliation {
  margin: 42px 0 0;
  padding-left: 135px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner.layout .interview_content .thum_box .person_box .affiliation {
    margin: 26px 0 0;
    padding: 0;
  }
}
.interview_hero section .interview_inner .voice_num {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 12.5rem;
  line-height: 1;
  color: #173878;
  background: linear-gradient(180deg, #5B73A0 17.33%, #173878 83.31%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: fit-content;
  margin: 0 0 206px auto;
  padding: 0 84px 0 0;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .voice_num {
    margin: 0 auto;
    padding: 0;
    font-size: 7.5rem;
    letter-spacing: 0.03em;
  }
}
.interview_hero section .interview_inner .voice_num span {
  display: block;
  font-size: 3.4rem;
  letter-spacing: 0.17em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .voice_num span {
    font-size: 2.2rem;
    letter-spacing: 0.16em;
  }
}
.interview_hero section .interview_inner .voice_num::before, .interview_hero section .interview_inner .voice_num::after {
  content: "";
  position: absolute;
  bottom: -260px;
  left: 32%;
  transform: translateX(-50%);
  width: 3px;
}
.interview_hero section .interview_inner .voice_num::before {
  height: 128px;
  background: #5b5b5b;
  bottom: -133px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .voice_num::before {
    height: 36px;
    bottom: -54px;
    left: 47%;
  }
}
.interview_hero section .interview_inner .voice_num::after {
  height: 255px;
  background-color: #CBCBCB;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .voice_num::after {
    height: 76px;
    bottom: -95px;
    left: 47%;
  }
}
.interview_hero section .interview_inner .interview_content {
  position: relative;
  padding: 0 0 124px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content {
    margin: 45px 0 0;
    padding: 68px 0 34px;
  }
}
.interview_hero section .interview_inner .interview_content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.interview_hero section .interview_inner .interview_content .thum_box {
  width: calc(100% - 320px);
  max-width: 992px;
  transform: translate(-64px, -160px);
}
@media screen and (max-width: 1024px) {
  .interview_hero section .interview_inner .interview_content .thum_box {
    width: calc(100% - 200px);
    transform: translate(-24px, -160px);
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .thum_box {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    transform: translate(0, 0);
  }
}
.interview_hero section .interview_inner .interview_content .thum_box::before {
  content: "";
  display: block;
  width: 100%;
  height: 16px;
  background: #F2F2F2;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .thum_box::before {
    display: none;
  }
}
.interview_hero section .interview_inner .interview_content .thum_box img {
  display: block;
  width: 100%;
  max-width: 992px;
  box-shadow: 10px 15px 40px 0px rgba(142, 142, 142, 0.2);
	border-radius: 0 0 32px 32px;
}
.interview_hero section .interview_inner .interview_content .thum_box .person_box {
  background: #F2F2F2;
  box-shadow: 10px 15px 20px 0px rgba(142, 142, 142, 0.2);
  width: 100%;
  width: 100%;
  max-width: 548px;
  transform: translateY(-112px);
  padding: 42px 0;
	border-radius: 32px;
}
@media screen and (max-width: 1024px) {
  .interview_hero section .interview_inner .interview_content .thum_box .person_box {
    width: 100%;
    transform: translateY(-80px);
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .thum_box .person_box {
    width: 100%;
    max-width: 242px;
    transform: translateY(-94px);
    padding: 20px 0 23px 28px;
  }
}
.interview_hero section .interview_inner .interview_content .thum_box .person_box .name {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #5b5b5b;
  position: relative;
  max-width: fit-content;
  min-width: 266px;
  margin: 0 auto;
  padding-left: 80px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .thum_box .person_box .name {
    font-size: 2rem;
    padding-left: 0;
    letter-spacing: 0;
    margin: 0;
    min-width: 104px;
	  border-radius: 32px;
  }
}
.interview_hero section .interview_inner .interview_content .thum_box .person_box .name::after {
  content: "";
  width: 395px;
  height: 2px;
  background-color: #5b5b5b;
  position: absolute;
  bottom: -21px;
  right: -158px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .thum_box .person_box .name::after {
    width: 228px;
    bottom: -15px;
    right: -120px;
  }
}
.interview_hero section .interview_inner .interview_content .thum_box .person_box .affiliation {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #5b5b5b;
  max-width: fit-content;
  margin: 42px auto 0;
  padding-left: 80px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .thum_box .person_box .affiliation {
    letter-spacing: 0;
    margin: 26px 0 0;
    padding: 0;
  }
}
.interview_hero section .interview_inner .interview_content .txt_box {
  max-width: 981px;
  margin: -164px auto 0;
  padding: 0 24px;
	background: #fff;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .txt_box {
    margin: -67px auto 0;
  }
}
.interview_hero section .interview_inner .interview_content .txt_box h2 {
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #173878;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .txt_box h2 {
    font-size: 2.2rem;
    line-height: 1.8;
  }
}
.interview_hero section .interview_inner .interview_content .txt_box p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .txt_box p {
    margin-top: 25px;
    line-height: 1.8;
  }
}
.interview_hero section .interview_inner .interview_content .schedule_head_box {
  max-width: 981px;
  margin: 64px auto 0;
  padding: 0 24px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .schedule_head_box {
    margin: 48px auto 0;
    padding: 0 15px;
  }
}
.interview_hero section .interview_inner .interview_content .schedule_head_box .schedule_head {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.16em;
  color: #fff;
  background: linear-gradient(31.15deg, #173878 36.52%, #1D3D7B 52.5%, #2F4C85 75.47%, #3E588D 88.45%, #425B8F 90.45%, #4E6595 91.45%, #6377A0 92.45%, #7F8FAF 94.45%, #A4AEC3 95.44%, #E8E7E7 97.44%);
  border-radius: 22px;
  max-width: fit-content;
  padding: 9px 24px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .schedule_head_box .schedule_head {
    font-size: 1.6rem;
    letter-spacing: 0;
    padding: 8px 16px;
  }
}
.interview_hero section .interview_inner .interview_content .time_line {
  width: calc(100% - 76px);
  max-width: 1234px;
  margin: 58px 0 0;
  position: relative;
  transform: translateX(-64px);
}
@media screen and (max-width: 1280px) {
  .interview_hero section .interview_inner .interview_content .time_line {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line {
    width: 100vw;
    overflow-x: clip;
    margin: 28px 0 0;
    transform: translateX(-16px);
  }
}
.interview_hero section .interview_inner .interview_content .time_line::after {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  top: 29px;
  left: 0;
  background: linear-gradient(90deg, #173878 32.35%, #1D3D7B 51.12%, #2F4C85 78.09%, #3E588D 93.33%, #425B8F 95.67%, #4E6595 96.85%, #6377A0 98.02%, #7F8FAF 100.36%, #A4AEC3 101.54%, #E8E7E7 103.88%);
  border-radius: 0 22px 22px 0;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .interview_hero section .interview_inner .interview_content .time_line::after {
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line::after {
    display: none;
  }
}
.interview_hero section .interview_inner .interview_content .time_line ul {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-left: 64px;
  gap: 0 60px;
}
@media screen and (max-width: 1280px) {
  .interview_hero section .interview_inner .interview_content .time_line ul {
    gap: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line ul {
    padding-left: 0;
    gap: 0 9px;
    width: 650px;
    transform: translateX(0);
    transition: 0.5s all;
  }
  .interview_hero section .interview_inner .interview_content .time_line ul.is-move {
    transform: translateX(-300px);
    transition: 0.5s all;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line ul::after {
    content: "";
    width: 100%;
    height: 25px;
    position: absolute;
    top: 19px;
    left: 0;
    background: linear-gradient(90deg, #173878 32.35%, #1D3D7B 51.12%, #2F4C85 78.09%, #3E588D 93.33%, #425B8F 95.67%, #4E6595 96.85%, #6377A0 98.02%, #7F8FAF 100.36%, #A4AEC3 101.54%, #E8E7E7 103.88%);
    border-radius: 0 22px 22px 0;
    z-index: -1;
  }
}
.interview_hero section .interview_inner .interview_content .time_line ul.layout {
  gap: 0 32px;
}
@media screen and (max-width: 1280px) {
  .interview_hero section .interview_inner .interview_content .time_line ul.layout {
    gap: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line ul.layout {
    gap: 0 9px;
    width: 790px;
    transform: translateX(0px);
  }
  .interview_hero section .interview_inner .interview_content .time_line ul.layout.is-move {
    transform: translateX(-450px);
    transition: 0.5s all;
  }
}
@media screen and (max-width: 414px) {
  .interview_hero section .interview_inner .interview_content .time_line ul.layout {
    transform: translateX(-50px);
  }
}
.interview_hero section .interview_inner .interview_content .time_line ul li.slide_list p:first-of-type::after {
  background-color: #FFFF00;
}
.interview_hero section .interview_inner .interview_content .time_line ul li.is-active p:first-of-type::before {
  transform: translateY(-50%) scaleY(1);
  transition: 0.5s all;
}
.interview_hero section .interview_inner .interview_content .time_line ul li.is-active p:last-of-type {
  opacity: 0;
  transition: 0.3s all;
}
.interview_hero section .interview_inner .interview_content .time_line ul li p {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #5b5b5b;
  max-width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 820px) {
  .interview_hero section .interview_inner .interview_content .time_line ul li p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line ul li p {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
.interview_hero section .interview_inner .interview_content .time_line ul li p:first-of-type {
  min-width: 51px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line ul li p:first-of-type {
    min-width: 64px;
    max-width: 64px;
  }
}
.interview_hero section .interview_inner .interview_content .time_line ul li p:first-of-type::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 100vmax;
  margin: 21px auto;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line ul li p:first-of-type::after {
    width: 10px;
    height: 10px;
    margin: 9px auto;
  }
}
.interview_hero section .interview_inner .interview_content .time_line ul li p:first-of-type::before {
  content: "";
  position: absolute;
  top: 191px;
  left: 47%;
  transform: translateY(-50%) scaleY(0);
  transform-origin: top left;
  width: 2px;
  height: 279px;
  background-color: #CBCBCB;
  transition: 0.5s all;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .time_line ul li p:first-of-type::before {
    top: 99px;
    left: 48%;
    height: 129px;
  }
}
.interview_hero section .interview_inner .interview_content .time_line ul li p:last-of-type {
  line-height: 1.5;
  transition: 0.3s all;
}
.interview_hero section .interview_inner .interview_content .time_line ul li p .br_disp {
  display: none;
}
@media screen and (max-width: 414px) {
  .interview_hero section .interview_inner .interview_content .time_line ul li p .br_disp {
    display: block;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content {
  max-width: 1008px;
  margin: 160px auto 0;
  padding: 0 24px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content {
    margin: 73px auto 0;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content::before {
  content: "";
  position: absolute;
  top: -11px;
  left: 24px;
  width: calc(100% - 80px);
  height: 11px;
  background: #F2F2F2;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content::before {
    width: calc(100% - 48px);
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box ul li {
  padding: 24px 0 64px 32px;
  box-shadow: 10px 15px 40px 0px rgba(142, 142, 142, 0.1019607843);
  position: relative;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box ul li {
    padding: 21px 15px;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box ul li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 32px);
  height: 100%;
  background: linear-gradient(90deg, #F2F2F2, transparent);
	border-radius: 0 0 32px 32px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box ul li::after {
    width: 100%;
	background: linear-gradient(0deg, #f2f2f2);
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .clock_txt {
  display: flex;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.16em;
  color: #173878;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .clock_txt {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .clock_txt::before {
  content: "";
  display: block;
  background-image: url("../img/interview/clock.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 29px;
  height: 29px;
  margin: 0 9px 0 0;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .clock_txt::before {
    min-width: 16px;
    height: 16px;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box {
  display: flex;
  align-items: flex-end;
  margin: 0 0 0 49px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box {
    flex-direction: column-reverse;
    align-items: center;
    margin: 22px 25px 0;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary {
  max-width: 359px;
  margin: 32px 71px 0 0;
}
@media screen and (max-width: 1024px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary {
    margin: 32px 48px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary {
    margin: 26px 0 0;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary h4 {
  display: flex;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.16em;
  color: #173878;
  padding: 0 0 24px;
  border-bottom: 2px solid #173878;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary h4 {
    font-size: 1.6rem;
    letter-spacing: 0;
    padding: 0 0 18px 17px;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary h4::before {
  content: "";
  display: block;
  background-image: url("../img/interview/helmet.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 37px;
  height: 23px;
  margin: 0 9px 0 0;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary h4::before {
    min-width: 26px;
    height: 16px;
    margin: 0 6px 0 0;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  margin: 24px 0 0;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_summary p {
    line-height: 1.8;
    margin: 18px 0 0;
    letter-spacing: 0;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_thum_box img {
  display: block;
  width: 100%;
  max-width: 448px;
	border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .voice_summary_box .voice_thum_box img {
    max-width: none;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow {
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  opacity: 1;
  width: 23px;
  height: 35px;
  transition: 0.5s all;
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 23px solid #173878;
  border-right: 0;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1019607843));
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow::after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 16px solid #173878;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow:disabled {
  opacity: 0;
  transition: 0.5s all;
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow.splide__arrow--next {
  right: -62px;
}
@media screen and (max-width: 1024px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow.splide__arrow--next {
    right: -42px;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow.splide__arrow--next {
    right: -39px;
  }
}
.interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -63px;
  translate: 0 -40px;
  rotate: -180deg;
}
@media screen and (max-width: 1024px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow.splide__arrow--prev {
    left: -42px;
  }
}
@media screen and (max-width: 768px) {
  .interview_hero section .interview_inner .interview_content .voice_splide_content .splide_box .splide__arrows .splide__arrow.splide__arrow--prev {
    translate: 4px -49px;
    left: -39px;
  }
}

.culture_hero {
  margin: -328px 0 0;
  padding: 0 0 176px;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .culture_hero {
    margin: 123px 0 0;
    padding: 0 0 106px;
  }
}
.culture_hero .sec_head {
  position: relative;
  font-weight: 700;
  font-size: 5.2rem;
  line-height: 1;
  color: #173878;
  text-align: center;
}
.culture_hero .sec_head.layout {
  padding: 40px 24px;
  color: #fff;
  background: #94a0ba;
}
@media screen and (max-width: 768px) {
  .culture_hero .sec_head.layout {
    padding: 58px 24px;
  }
}
.culture_hero .sec_head.layout::before, .culture_hero .sec_head.layout::after {
  bottom: -39px;
}
.culture_hero .sec_head.layout::after {
  bottom: -18px;
  background: linear-gradient(0deg, #3E588D -0.58%, #FFFFFF 100.05%);
}

.culture_hero .sec_head.layout.seido::before, .culture_hero .sec_head.layout::after {
  display: none;
}
.culture_hero .sec_head.layout.seido::after {
  display: none;
}


@media screen and (max-width: 768px) {
  .culture_hero .sec_head {
    font-size: 2.6rem;
  }
}
.culture_hero .sec_head::before, .culture_hero .sec_head::after {
  content: "";
  position: absolute;
  bottom: -130px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 84px;
}
@media screen and (max-width: 768px) {
  .culture_hero .sec_head::before, .culture_hero .sec_head::after {
    height: 54px;
  }
}
/*.culture_hero .sec_head::before {
  height: 105px;
  background-color: #CBCBCB;
}*/
@media screen and (max-width: 768px) {
  .culture_hero .sec_head::before {
    height: 72px;
  }
}
/*.culture_hero .sec_head::after {
  bottom: -109px;
  background: linear-gradient(0deg, #173878 26.15%, #3E588D 75.08%, #425B8F 82.21%, #6277A0 98.52%);
}*/
.culture_hero .culture_txt {
  max-width: fit-content;
  margin: 156px auto 0;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.1;
  text-align: center;
}
.culture_hero .culture_txt.mt {
  margin: 102px auto 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_txt.mt {
    margin: 58px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_txt {
    line-height: 1.8;
    text-align: center;
	  margin: 123px auto 0;
  }
}
.culture_hero .culture_data_content {
  max-width: 1104px;
  margin: 0 auto;
  padding: 0 24px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content {
    padding: 0 40px;
  }
}
@media screen and (max-width: 390px) {
  .culture_hero .culture_data_content {
    padding: 0 24px;
  }
}
.culture_hero .culture_data_content .data_inner {
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner {
    margin: 60px auto 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list {
  display: flex;
  align-items: stretch;
  gap: 0 32px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list {
    display: block;
  }
}
.culture_hero .culture_data_content .data_inner .data_list.grid {
  display: grid;
  grid-template-columns: minmax(0, 512px) minmax(0, 512px);
  grid-template-rows: 1fr auto;
  gap: 32px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list.grid {
    display: block;
  }
}
.culture_hero .culture_data_content .data_inner .data_list.grid .item {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-height: 608px;
    z-index: -1;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list.grid .item {
    width: 90%;
    min-height: auto;
	
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list.grid .item {
    width: 100%;
  }
}
.culture_hero .culture_data_content .data_inner .data_list.grid .item02 {
  grid-column: 2;
  grid-row: 1/3;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list.grid .item02 {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list.grid .item02 {
    width: 100%;
  }
}
.culture_hero .culture_data_content .data_inner .data_list.grid .item03 {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list.grid .item03 {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list.grid .item03 {
    width: 100%;
  }
}
.culture_hero .culture_data_content .data_inner .data_list:nth-child(n+2) {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list:nth-child(n+2) {
    margin-top: 40px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .w50per {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .w50per {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .w50per {
    width: 100%;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .w50per .data_box {
  width: 100%;
}
.culture_hero .culture_data_content .data_inner .data_list .w50per .data_box + .data_box {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .w50per .data_box + .data_box {
    margin-top: 40px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box {
  position: relative;
  padding: 40px 0 0;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box {
    width: 90%;
    margin: 32px auto;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box {
    width: 100%;
    margin: 40px auto;
    padding: 36px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box + .data_box {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box + .data_box {
    margin-top: 40px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box.w100per {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.w100per {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.w100per {
    width: 100%;
    margin: 0 auto;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/culture/data_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
	border-radius: 32px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box::after {
    background-position-y: 0;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box::after {
    background-image: url("../img/culture/data_bg_sp.png") !important;
    background-position: top center;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box.bg02::after {
  background-image: url("../img/culture/data_bg02.png");
  background-position: top center;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.bg02::after {
    background-image: url("../img/culture/data_bg_sp.png") !important;
    background-position: top center;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box.bg03::after {
  background-image: url("../img/culture/data_bg03.png");
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.bg03::after {
    background-image: url("../img/culture/data_bg03_sp.png") !important;
    background-position: top center;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box.bg04::after {
  background-image: url("../img/culture/data_bg04.png");
}
.culture_hero .culture_data_content .data_inner .data_list .data_box.bg05::after {
  background-image: url("../img/culture/data_bg05.png");
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.bg05::after {
    background-image: url("../img/culture/data_bg05_sp.png") !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box.bg06::after {
  background-image: url("../img/culture/data_bg06.png");
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.bg06_sp::after {
    background-image: url("../img/culture/data_bg06_sp.png") !important;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.bg06_sp02::after {
    background-image: url("../img/culture/data_bg06_sp02.png") !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box.bg07::after {
  background-image: url("../img/culture/data_bg07.png");
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.bg07::after {
    background-image: url("../img/culture/data_bg07.png") !important;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box.bg07_sp::after {
    background-image: url("../img/culture/data_bg06_sp.png") !important;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .sp_flex_box {
    display: flex;
    flex-direction: column-reverse;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box hgroup + .data_txt {
  margin-top: 52px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box hgroup + .data_txt {
    margin-top: 21px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_head {
  max-width: fit-content;
  margin: 0 auto;
  padding: 0 24px;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_head h3 {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  color: #fff;
  max-width: fit-content;
  padding: 5px 26px 7px;
  border-radius: 42px;
  position: relative;
	background: linear-gradient(90deg, #6c82aa, #98a5bc);
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_head h3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/culture/head_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  width: 100%;
  min-height: 100%;
  z-index: -1;
  border-radius: 100vmax;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_head h3 {
    font-size: 1.8rem;
    padding: 4px 15px;
    line-height: 1.2;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_head p {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  color: #173878;
  margin-top: 8px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_head p {
    font-size: 1.6rem;
    margin-top: 4px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_num {
  margin: 25px auto 0;
  padding: 0 24px;
  max-width: fit-content;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_num {
    margin: 11px auto 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 4.8rem;
  color: #173878;
  line-height: 1;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt {
    font-size: 3rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt .small {
  font-size: 7.1rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt .small {
    font-size: 4.3rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt .middle {
  display: inline-block;
  min-width: 96px;
  font-size: 8.7rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt .middle {
    font-size: 4.9rem !important;
    min-width: 59px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt .large {
  display: inline-block;
  min-width: 114px;
  font-size: 10.2rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt .large {
    font-size: 5.9rem !important;
    min-width: 71px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt span {
  font-size: 9.6rem;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt span {
    font-size: 5.3rem;
    padding-right: 5px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.region_head {
  font-size: 3.2rem !important;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.region_head {
    font-size: 2.2rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.region_head span {
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.region_head span {
    font-size: 2.2rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.region_head span:first-of-type {
  display: block;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt {
  position: relative;
  color: #fff;
  max-width: fit-content;
  border-radius: 100vmax;
  white-space: pre;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 100vmax;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt span {
    padding-right: 2px !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.green::after {
  background: #b56bff;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.light_blue::after {
  background: linear-gradient(90deg, #71B4E0 -4.94%, #A9CFE7 100.53%, #B7D5E9 103.04%, #D4E3ED 108.06%, #E6EBF0 113.08%, #EDEFF1 116.85%);
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.blue::after {
  background: #ff70b7;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.yellow::after {
  background: linear-gradient(90deg, #FFDF21 36.49%, #FEDF2A 41.51%, #F8E363 71.64%, #F4E687 94.24%, #F3E795 106.8%, #EFE9B9 110.56%, #ECECD6 114.33%, #EAEDE8 118.1%, #EAEEEF 120.61%);
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small {
  font-size: 1.2rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small {
    font-size: 1.6rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small::after {
  min-width: 50px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small::after {
    min-width: 42px;
    height: 42px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small span {
  display: inline-block;
  min-width: 22px;
  font-size: 3.9rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small span {
    font-size: 2.5rem !important;
    min-width: 16px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small02 {
  font-size: 1.8rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small02 {
    font-size: 1.6rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small02::after {
  min-width: 64px;
  height: 64px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small02::after {
    min-width: 48px;
    height: 48px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small02 span {
  display: inline-block;
  min-width: 27px;
  font-size: 4.9rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.small02 span {
    font-size: 2.9rem !important;
    min-width: 18px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle {
  font-size: 2.2rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle {
    font-size: 1.8rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle::after {
  min-width: 73px;
  height: 73px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle::after {
    min-width: 66px;
    height: 66px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle span {
  display: inline-block;
  min-width: 32px;
  font-size: 5.7rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle span {
    font-size: 3.4rem !important;
    min-width: 21px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle02 {
  font-size: 2.2rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle02 {
    font-size: 1.8rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle02::after {
  min-width: 110px;
  height: 110px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle02::after {
    min-width: 66px;
    height: 66px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle02 span {
  display: inline-block;
  min-width: 70px;
  font-size: 6.3rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.middle02 span {
    font-size: 3.7rem !important;
    min-width: 43px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.large {
  font-size: 3.2rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.large {
    font-size: 1.9rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.large::after {
  min-width: 186px;
  height: 186px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.large::after {
    min-width: 111px;
    height: 111px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.large span {
  display: inline-block;
  min-width: 114px;
  font-size: 10.2rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.circle_txt.large span {
    font-size: 5.3rem !important;
    min-width: 61px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num {
  display: flex;
  flex-direction: column;
  white-space: pre;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num::after {
  content: "";
  display: block;
  width: 48px;
  margin: 12px auto 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num::after {
    width: 28px;
    margin: 12px auto 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.light_blue::after {
  height: 240px;
  background: linear-gradient(273.03deg, #71B4E0 8.08%, #A9CFE7 91.6%, #B7D5E9 94.73%, #D4E3ED 99.95%, #E6EBF0 105.17%, #EDEFF1 109.34%);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.light_blue::after {
    height: 144px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.blue::after {
  height: 144px;
  background: #ff70b7;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.blue::after {
    height: 86px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.light_green::after {
  height: 72px;
  background: #b56bff;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.light_green::after {
    height: 43px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.yellow::after {
  height: 168px;
  background: linear-gradient(275.06deg, #FFDF21 33.07%, #FEDF2A 37.25%, #F8E363 62.33%, #F4E687 81.14%, #F3E795 91.59%, #EFE9B9 94.73%, #ECECD6 97.86%, #EAEDE8 101%, #EAEEEF 103.09%);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.yellow::after {
    height: 100px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.small {
  font-size: 2.8rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.small {
    font-size: 1.6rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.small span {
  display: inline-block;
  min-width: 42px;
  font-size: 7.5rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.small span {
    font-size: 4.4rem !important;
    min-width: 29px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.middle {
  font-size: 3.9rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.middle {
    font-size: 2.4rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.middle span {
  display: inline-block;
  min-width: 96px;
  font-size: 8.7rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.middle span {
    font-size: 4.9rem !important;
    min-width: 59px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.large {
  font-size: 4.7rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.large {
    font-size: 2.4rem !important;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.large span {
  display: inline-block;
  min-width: 105px;
  font-size: 9.6rem !important;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .num_txt.graph_num.large span {
    font-size: 5.3rem !important;
    min-width: 63px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .two_digit {
  display: inline-block;
  min-width: 105px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .two_digit {
    min-width: 63px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .three_digit {
  display: inline-block;
  min-width: 158px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .three_digit {
    min-width: 92px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .four_digit {
  display: inline-block;
  min-width: 211px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .four_digit {
    min-width: 121px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_txt {
  max-width: fit-content;
  margin: 10px auto 0;
  padding: 0 24px;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.9;
  color: #2c2c2c;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_txt {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 16px;
    padding: 0 16px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_txt.mt {
  margin: 42px auto 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_txt.mt {
    margin-top: 24px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon.pb {
  padding-bottom: 62px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon.sp_pb {
    padding-bottom: 25px;
  }
  .culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon.sp_img_width img {
    width: 100%;
    max-width: 245px;
  }
  .culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon.sp_img_width02 img {
    width: 100%;
    max-width: 202px;
  }
  .culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon.sp_img_width03 img {
    width: 100%;
    max-width: 223px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon.left_mg img {
  margin: 56px auto 0 0;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon.mg_break img {
  margin: 0;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon img {
  display: block;
  width: 100%;
  max-width: fit-content;
  margin: 56px auto 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .img_icon img {
    width: 50%;
    margin: 26px auto 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_map {
  position: relative;
  max-width: 382px;
  margin: 110px auto 0;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map {
    padding: 0 0 172px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map {
    max-width: 216px;
    padding: 0 0 188px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map img {
    width: 100%;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos {
  position: absolute;
  top: -21px;
  left: calc(100% - 245px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos {
    left: calc(100% - 152px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos02 {
  position: absolute;
  top: 103px;
  left: calc(100% - 395px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos02 {
    top: 53px;
    left: calc(100% - 235px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos03 {
  position: absolute;
  top: 468px;
  left: calc(100% - 129px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos03 {
    top: 268px;
    left: calc(100% - 68px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos04 {
  position: absolute;
  top: 570px;
  left: calc(100% - 249px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos04 {
    top: 320px;
    left: calc(100% - 143px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos05 {
  position: absolute;
  top: 667px;
  left: calc(100% - 384px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .data_map .pos05 {
    top: 377px;
    left: calc(100% - 230px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph {
  max-width: 862px;
  margin: 34px auto 0;
  padding: 0 24px 57px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph {
    padding: 0 0 46px 24px;
    max-width: 286px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li {
    display: block;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li:nth-child(n+2) {
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li:nth-child(n+2) {
    margin-top: 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .age {
  font-weight: 700;
  font-size: 4.7rem;
  line-height: 1;
  letter-spacing: 0;
  color: #2c2c2c;
  min-width: 200px;
  margin-right: 50px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .age {
    margin-right: 12px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .age {
    font-size: 2rem;
    margin-right: 0;
    transform: translateY(19px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .age span {
  font-size: 3.1rem;
  padding-left: 4px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .age span {
    font-size: 1.6rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph {
  display: flex;
  align-items: flex-end;
  width: calc(100% - 250px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph {
    width: 100%;
    margin-top: 24px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph span {
  display: inline-block;
  min-width: 113px;
  padding-right: 8px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph span {
    min-width: 66px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph::before {
  content: "";
  display: block;
  width: 100%;
  height: 46px;
  margin-right: 46px;
  align-self: center;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph::before {
    margin-right: 26px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph::before {
    height: 24px;
    margin: 0 32px 0 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph.yellow::before {
  max-width: 0;
  background: linear-gradient(84.5deg, #FFDF21 29.6%, #FEDF2A 34%, #F8E363 60.44%, #F4E687 80.27%, #F3E795 91.28%, #EFE9B9 94.58%, #ECECD6 97.89%, #EAEDE8 101.19%, #EAEEEF 103.4%);
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph.light_blue::before {
  max-width: 0;
  background: #b56bff;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .h_line_graph li .h_graph.blue::before {
  max-width: 0;
  background: #ff70b7;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list {
  margin: 35px 0 0 auto;
  padding: 0 0 0 24px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list {
    margin: 12px 0 0 auto;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul {
    padding: 0 24px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul {
    max-width: 296px;
    padding: 0;
    margin: 0 auto;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li {
    justify-content: space-between;
  }
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li:nth-child(n+2) {
    margin-top: 14px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #2c2c2c;
  white-space: pre;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name.sp_name::before {
    align-self: center;
    transform: translateY(0);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name.layout::after {
  min-width: 138px;
  margin: 0 22px 0 51px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name.layout::after {
    min-width: 38px;
    margin: 0 12px 0 21px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name::before {
  content: "";
  display: block;
  background-image: url("../img/culture/star.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 29px;
  height: 28px;
  margin-right: 18px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name::before {
    min-width: 15px;
    height: 15px;
    margin-right: 7px;
    align-self: flex-start;
    transform: translateY(8px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name::after {
  content: "";
  display: block;
  background-image: url("../img/culture/circle.svg");
  background-size: 18px 7px;
  background-repeat: repeat-x;
  min-width: 48px;
  height: 7px;
  margin: 0 22px 0 50px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name::after {
    background-size: 13px 7px;
    min-width: 67px;
    margin: 0 12px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .technique_name span {
  display: none;
  font-size: 2.8rem;
  letter-spacing: -0.4em;
  margin: 0 22px 0 50px;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list ul li .num_txt {
  white-space: pre;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list .img_icon img {
    margin: 32px 0 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .technique_list .img_icon img {
    margin: 17px 0 0 auto;
    width: 100%;
    max-width: 233px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list {
  position: relative;
  min-height: 400px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list {
    max-width: 462px;
    min-height: 500px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list {
    max-width: 269px;
    min-height: 372px;
    margin: 0 auto;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .region_txt {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: 0;
  color: #173878;
  white-space: pre;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .region_txt {
    font-size: 2.2rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .region_txt span {
  font-size: 2rem;
  padding: 0 0 0 8px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .region_txt span {
    font-size: 1.6rem;
    padding: 0 0 0 4px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos {
  position: absolute;
  top: 64px;
  right: 28px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos {
    top: 70px;
    right: 1px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos .region_txt {
  margin: -20px 12px 0 0;
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos02 {
  position: absolute;
  top: 166px;
  right: 62px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos02 {
    top: 146px;
    right: 32px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos02 .region_txt {
  margin: -50px 12px 0 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos02 .region_txt {
    margin: -37px 6px 0 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos03 {
  position: absolute;
  top: 326px;
  right: 152px;
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos03 {
    top: 276px;
    right: 65px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos03 .region_txt {
  margin: 0px 0 0 12px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos03 .region_txt {
    margin: -10px 0 0 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos03 .num_txt {
  transform: translateY(-40px);
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos04 {
  position: absolute;
  top: 206px;
  right: 292px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos04 {
    top: 176px;
    right: 172px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos04 .region_txt {
  margin: -24px 12px 0 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos04 .region_txt {
    margin: -34px 0 0 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos05 {
  position: absolute;
  top: 336px;
  right: 262px;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos05 {
    top: 286px;
    right: 142px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos05 .region_txt {
  margin: -10px 0 0 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos05 .region_txt {
    margin: -25px 0 0 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_list .pos05 .num_txt {
  transform: translate(20px, -50px);
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph {
  margin: 54px auto 0;
  padding: 0 24px 34px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph {
    margin: 49px auto 0;
    padding: 0 16px 31px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li.max_w {
  max-width: 116px;
  min-width: 116px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li.max_w {
    max-width: 66px;
    min-width: 66px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li.max_w02 {
  max-width: 133px;
  min-width: 133px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li.max_w02 {
    max-width: 81px;
    min-width: 81px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li.max_w03 {
  max-width: 72px;
  min-width: 72px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li.max_w03 {
    max-width: 54px;
    min-width: 54px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li .graph_name {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0;
  color: #2c2c2c;
  margin: 9px 0 0;
  white-space: pre;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li .graph_name {
    font-size: 1.6rem;
    margin: 5px 0 0;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li .graph_name.mb {
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li .graph_name.mb {
    margin-bottom: 17px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li .graph_name span {
  display: block;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .v_line_graph li .graph_name span {
    font-size: 1.4rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list {
  margin: 66px 0 0;
  padding: 0 24px 72px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 41px 16px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list {
    margin: 42px 0 0;
    padding: 0 24px 32px;
    gap: 24px 15px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li {
  width: calc(50% - 8px);
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .club_name {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0;
  color: #173878;
  max-width: fit-content;
  margin: 0 auto;
  white-space: pre;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .club_name {
    font-size: 1.8rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .club_name.small {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .club_name.small {
    font-size: 1.8rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .club_name span {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .club_name span {
    font-size: 1.6rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 3.9rem;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num {
    font-size: 2.4rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 48px;
  height: 48px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num::before {
    min-width: 26px;
    height: 26px;
    margin-right: 6px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.baseball::before {
  background-image: url("../img/culture/baseball.svg");
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.soccer::before {
  background-image: url("../img/culture/soccer.svg");
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.basketball::before {
  background-image: url("../img/culture/basketball.svg");
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.others::before {
  background-image: url("../img/culture/others.svg");
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.others span {
  display: inline-block;
  min-width: 96px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.others span {
    min-width: 63px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.culture::before {
  background-image: url("../img/culture/culture.svg");
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.homecoming::before {
  background-image: url("../img/culture/homecoming.svg");
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.homecoming span {
  display: inline-block;
  min-width: 96px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num.homecoming span {
    min-width: 63px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num span {
  font-size: 8.7rem;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .club_list li .num_txt.club_num span {
    font-size: 5.3rem;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph {
  max-width: 395px;
  margin: 94px auto 0;
  padding: 0 24px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph {
    padding: 0 24px 150px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph {
    max-width: 268px;
    margin: 75px auto 0;
    padding: 0 0 94px;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head {
  position: absolute;
  font-size: 4.3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head {
    font-size: 1.6rem;
    white-space: pre;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head span {
  display: inline-block;
  min-width: 94px;
  font-size: 7.9rem;
  padding-right: 8px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head span {
    font-size: 4.7rem;
    min-width: 60px;
    transform: translateY(1px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head span.small {
  font-size: 2.4rem !important;
  line-height: 1.2;
  display: block;
  text-align: center;
  min-width: 124px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head span.small {
    font-size: 1.6rem !important;
    min-width: auto;
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos {
  top: -46px;
  left: calc(100% - 412px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos {
    top: -28px;
    left: calc(100% - 283px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos02 {
  top: -27px;
  left: calc(100% - 90px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos02 {
    top: -25px;
    left: calc(100% - 58px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos03 {
  top: 274px;
  left: calc(100% - 400px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos03 {
    top: 213px;
    left: calc(100% - 284px);
  }
}
.culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos04 {
  top: 308px;
  left: calc(100% - 180px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph .num_txt.circle_graph_head.pos04 {
    top: 230px;
    left: calc(100% - 108px);
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_data_content .data_inner .data_list .data_box .circle_graph img {
    width: 100%;
  }
}
.culture_hero .culture_about_content {
  margin: 176px 0 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content {
    margin: 97px 0 0;
  }
}
.culture_hero .culture_about_content section {
  margin: 102px 193px 0 0;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section {
    margin: 102px 84px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section {
    margin: 43px 24px 0 0;
  }
}
.culture_hero .culture_about_content section:nth-of-type(n+2) {
  margin: 96px 193px 0 0;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section:nth-of-type(n+2) {
    margin: 96px 84px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section:nth-of-type(n+2) {
    margin: 56px 24px 0 0;
  }
}
.culture_hero .culture_about_content section.layout {
  overflow: hidden;
  margin: 102px 0 0 193px !important;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section.layout {
    margin: 96px 0 0 84px !important;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section.layout {
    margin: 56px 0 0 24px !important;
  }
}
.culture_hero .culture_about_content section.layout .sec_inner::before {
  left: 98.9%;
}
.culture_hero .culture_about_content section .sec_inner {
  display: flex;
  max-width: 1248px;
  margin: 0 auto;
  padding: 96px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner {
    padding: 36px 0;
  }
}
.culture_hero .culture_about_content section .sec_inner.layout::after {
  background-image: url("../img/culture/bg02.png");
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner.layout::after {
    background-image: url("../img/culture/bg_sp.png");
  }
}
.culture_hero .culture_about_content section .sec_inner.layout02::after {
  background-image: url("../img/culture/bg03.png");
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner.layout02::after {
    background-image: url("../img/culture/bg_sp.png");
  }
}
.culture_hero .culture_about_content section .sec_inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/culture/bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  width: 100%;
  height: 100%;
  z-index: -1;
	border-radius: 0 32px 32px 0;
}
.culture_hero .culture_about_content section .sec_inner.sec02::after
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/culture/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 32px 0 0 32px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner::after {
    background-image: url("../img/culture/bg_sp.png");
  }
}
.culture_hero .culture_about_content section .sec_inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 99.9%;
  left: initial;
  background: #ffeaff;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.culture_hero .culture_about_content section .sec001::before{
	  content: "";
  position: absolute;
  top: 0;
  right: 99.9%;
  left: initial;
  background: #ffeff7;
  width: 100%;
  height: 100%;
  z-index: -2;
}
@media screen and (max-width: 1440px) {
  .culture_hero .culture_about_content section .sec_inner::before {
    display: none;
  }
}
.culture_hero .culture_about_content section .sec_inner .w_set {
  width: 100%;
}
.culture_hero .culture_about_content section .sec_inner .head_box {
  display: flex;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box {
    display: block;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box.layout {
  display: block;
  width: 100%;
  padding-left: 110px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box.layout {
    padding-left: 0;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box.layout h3 {
  justify-content: flex-start;
}
.culture_hero .culture_about_content section .sec_inner .head_box.layout02 {
  display: block;
  width: 100%;
  padding-right: 288px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .head_box.layout02 {
    padding-right: 118px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box.layout02 {
    padding-right: 0;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box.layout02 h3 {
  justify-content: center;
  padding-right: 365px;
}
@media screen and (max-width: 1076px) {
  .culture_hero .culture_about_content section .sec_inner .head_box.layout02 h3 {
    padding: 0 280px 16px 12px;
  }
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .head_box.layout02 h3 {
    justify-content: flex-start;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .head_box.layout02 h3 {
    padding: 0 0 10px 24px;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box .txt_box {
  width: calc(100% - 100px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box .txt_box {
    width: 100%;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box h3 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: 0.16em;
  color: #173878;
  padding: 0 59px 16px 0;
  border-bottom: 2px solid #173878;
}
.culture_hero .culture_about_content section .sec_inner .head_box h3.pl {
  padding-left: 12px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .head_box h3.pl {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .head_box h3 {
    padding: 0 19px 16px 16px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box h3 {
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.08em;
    margin-right: 24px;
    padding: 0 0 10px 24px;
    justify-content: flex-start;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box h3.icon::before {
  background-image: url("../img/culture/support.svg");
}
.culture_hero .culture_about_content section .sec_inner .head_box h3.icon02::before {
  background-image: url("../img/culture/dormitory.svg");
}
.culture_hero .culture_about_content section .sec_inner .head_box h3::before {
  content: "";
  display: block;
  background-image: url("../img/culture/program.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 72px;
  height: 72px;
  margin-right: 22px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box h3::before {
    min-width: 47px;
    height: 47px;
    margin-right: 12px;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  margin: 30px 0 0 auto;
  padding: 0 77px 0 24px;
  max-width: 535px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .head_box p {
    padding: 0 47px 0 24px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box p {
    margin: 25px auto 0;
    padding: 0 24px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box .thum_box {
    padding: 0 24px;
  }
}
.culture_hero .culture_about_content section .sec_inner .head_box .thum_box img {
  display: block;
  width: 100%;
  max-width: 578px;
  min-width: 578px;
	border-radius: 32px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .head_box .thum_box img {
    min-width: 418px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .head_box .thum_box img {
    min-width: auto;
    margin: 50px auto 0;
    box-shadow: 10px 15px 40px 0px rgba(142, 142, 142, 0.1019607843);
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content {
  max-width: 840px;
  margin: 106px 110px 0 auto;
  padding: 0 0 0 24px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content {
    margin: 104px auto 0;
    padding: 0 24px;
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content::before, .culture_hero .culture_about_content section .sec_inner .voice_content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  width: calc(100% - 24px);
  height: 1px;
  background-color: #173878;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content::before, .culture_hero .culture_about_content section .sec_inner .voice_content::after {
    top: 15px;
    left: 24px;
    width: calc(100% - 48px);
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content::after {
  top: 7px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content::after {
    top: 19px;
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content > div::before, .culture_hero .culture_about_content section .sec_inner .voice_content > div::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 24px;
  width: calc(100% - 24px);
  height: 1px;
  background-color: #173878;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content > div::before, .culture_hero .culture_about_content section .sec_inner .voice_content > div::after {
    bottom: -17px;
    left: 24px;
    width: calc(100% - 48px);
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content > div::after {
  bottom: 7px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content > div::after {
    bottom: -21px;
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content h4 {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
  color: #fff;
  max-width: fit-content;
  border-radius: 42px;
  padding: 11px 18px;
  transform: translate(0, -26px);
  background: linear-gradient(52.57deg, #173878 21.61%, #1D3D7B 37.07%, #2F4C85 58.71%, #3E588D 72.1%, #425B8F 77.25%, #4E6595 82.41%, #6377A0 87.56%, #7F8FAF 92.71%, #A4AEC3 97.86%, #D1D4DB 103.02%, #E8E7E7 105.08%);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content h4 {
    font-size: 1.6rem;
    transform: translate(0, -56px);
    margin: 0 auto;
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content h4::before {
  content: "";
  display: block;
  background-image: url("../img/culture/msg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 55px;
  height: 35px;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content h4::before {
    min-width: 45px;
    height: 25px;
    margin-right: 11px;
  }
}
.culture_hero .culture_about_content section .sec_inner .voice_content p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  margin: 3px auto 0;
  padding: 0 0 32px;
  max-width: 689px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .voice_content p {
    margin: -18px auto 0;
    padding: 0;
  }
}
.culture_hero .culture_about_content section .sec_inner .ex_link_content {
  max-width: 840px;
  margin: 97px 110px 0 auto;
  padding: 0 0 0 24px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .ex_link_content {
    margin: 52px auto 0;
    padding: 0 24px;
  }
}
.culture_hero .culture_about_content section .sec_inner .ex_link_content > div {
  display: flex;
  align-items: center;
  border: 1px solid #173878;
  padding: 24px 34px 27px 40px;
	border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .ex_link_content > div {
    padding: 11px 12px 8px;
  }
}
.culture_hero .culture_about_content section .sec_inner .ex_link_content a {
  display: block;
  max-width: 173px;
  overflow: hidden;
  margin-right: 34px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .ex_link_content a {
    max-width: 118px;
    margin-right: 7px;
  }
}
@media (any-hover: hover) {
  .culture_hero .culture_about_content section .sec_inner .ex_link_content a:hover img {
    scale: 1.1;
    transition: 0.5s all;
  }
}
.culture_hero .culture_about_content section .sec_inner .ex_link_content a img {
  display: block;
  width: 100%;
  transition: 0.5s all;
}
.culture_hero .culture_about_content section .sec_inner .ex_link_content p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .ex_link_content p {
    line-height: 1.8;
  }
}
.culture_hero .culture_about_content section .sec_inner .note {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  margin: 30px auto 0 0;
  padding: 0 24px 0 170px;
  max-width: 935px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .note {
    margin: 35px auto 0;
    padding: 0 24px;
    line-height: 1.8;
  }
}
.culture_hero .culture_about_content section .sec_inner .note.layout {
  padding: 0 24px 0 60px;
  margin: 30px 0 0 auto;
  max-width: 1025px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .note.layout {
    margin: 35px auto 0;
    padding: 0 24px;
  }
}
.culture_hero .culture_about_content section .sec_inner .example_box {
  margin: 36px auto 0 0;
  padding: 0 24px 0 170px;
  max-width: 898px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .example_box {
    margin: 32px auto 0;
    padding: 0 24px 0;
  }
}
.culture_hero .culture_about_content section .sec_inner .example_box > div {
  background-color: #fff;
  box-shadow: 10px 15px 40px 0px rgba(142, 142, 142, 0.1019607843);
  padding: 44px 83px 58px 61px;
  max-width: 704px;
	border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .example_box > div {
    padding: 20px 16px 36px;
  }
}
.culture_hero .culture_about_content section .sec_inner .example_box > div h4 {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  color: #173878;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .example_box > div h4 {
    font-size: 1.6rem;
  }
}
.culture_hero .culture_about_content section .sec_inner .example_box > div h4::before {
  content: "";
  display: block;
  min-width: 12px;
  height: 12px;
  background: linear-gradient(46.98deg, #173878 19.06%, #1D3D7B 35%, #2F4C85 56.25%, #3E588D 70.06%, #425B8F 73.25%, #4E6595 77.5%, #6377A0 81.75%, #7F8FAF 86%, #A4AEC3 90.25%, #D1D4DB 93.44%, #E8E7E7 95.56%);
  margin-right: 14px;
  border-radius: 100vmax;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .example_box > div h4::before {
    min-width: 7px;
    height: 7px;
  }
}
.culture_hero .culture_about_content section .sec_inner .example_box > div h4::after {
  content: "";
  display: block;
  width: 94px;
  height: 1px;
  background-color: #173878;
  margin-left: 14px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .example_box > div h4::after {
    width: 47px;
    margin-left: 11px;
  }
}
.culture_hero .culture_about_content section .sec_inner .example_box > div ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 22px;
  margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul {
    gap: 10px;
    margin: 14px 0 0;
  }
}
.culture_hero .culture_about_content section .sec_inner .example_box > div ul li {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.16em;
  color: #fff;
  padding: 9px 18px;
  border-radius: 42px;
  background: linear-gradient(74.88deg, #173878 21.15%, #1D3D7B 36.86%, #2F4C85 58.84%, #3E588D 72.45%, #425B8F 77.69%, #4E6595 82.92%, #6377A0 88.16%, #7F8FAF 93.39%, #A4AEC3 98.63%, #D1D4DB 103.86%, #E8E7E7 105.96%);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul li {
    letter-spacing: 0;
    padding: 6px 10px;
    background: linear-gradient(81.49deg, #173878 19.73%, #1D3D7B 36.21%, #2F4C85 59.28%, #3E588D 73.56%, #425B8F 79.06%, #4E6595 84.55%, #6377A0 90.05%, #7F8FAF 95.54%, #A4AEC3 101.03%, #D1D4DB 106.53%, #E8E7E7 108.72%);
  }
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul li.order {
    order: 1;
  }
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul li.order02 {
    order: 2;
  }
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul li.order03 {
    order: 3;
  }
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul li.order04 {
    order: 4;
  }
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul li.order05 {
    order: 5;
  }
  .culture_hero .culture_about_content section .sec_inner .example_box > div ul li.order06 {
    order: 6;
  }
}
.culture_hero .culture_about_content section .sec_inner .thum_list {
  margin: 43px auto 0;
  max-width: 1120px;
  transform: translateX(120px);
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .thum_list {
    transform: translateX(40px);
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .thum_list {
    margin: 32px auto 0;
    padding: 0 24px;
    transform: translateX(0);
  }
}
.culture_hero .culture_about_content section .sec_inner .thum_list ul {
  background-color: #fff;
  box-shadow: 8.92px 13.38px 35.68px 0px rgba(142, 142, 142, 0.1019607843);
  padding: 40px 82px 36px 51px;
  display: flex;
  justify-content: center;
  gap: 16px 33px;
	border-radius: 32px;
}
@media screen and (max-width: 1024px) {
  .culture_hero .culture_about_content section .sec_inner .thum_list ul {
    padding: 40px 32px 36px 25px;
    gap: 24px 12px;
  }
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .thum_list ul {
    padding: 16px 20px;
    flex-wrap: wrap;
  }
}
.culture_hero .culture_about_content section .sec_inner .thum_list ul li {
  width: calc(25% - 16px);
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .thum_list ul li {
    width: calc(50% - 6px);
  }
}
.culture_hero .culture_about_content section .sec_inner .thum_list ul li figure img {
  display: block;
  width: 100%;
}
.culture_hero .culture_about_content section .sec_inner .thum_list ul li figure figcaption {
  display: flex;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  color: #173878;
  margin-top: 21px;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .thum_list ul li figure figcaption {
    margin-top: 4px;
    letter-spacing: 0;
  }
}
.culture_hero .culture_about_content section .sec_inner .thum_list ul li figure figcaption::before {
  content: "";
  display: block;
  min-width: 12px;
  height: 12px;
  background: linear-gradient(46.98deg, #173878 19.02%, #1D3D7B 34.96%, #2F4C85 56.21%, #3E588D 70.02%, #425B8F 73.21%, #4E6595 77.46%, #6377A0 81.71%, #7F8FAF 85.96%, #A4AEC3 90.21%, #D1D4DB 93.4%, #E8E7E7 95.52%);
  margin-right: 9px;
  transform: translateY(3px);
  border-radius: 100vmax;
}
@media screen and (max-width: 768px) {
  .culture_hero .culture_about_content section .sec_inner .thum_list ul li figure figcaption::before {
    min-width: 7px;
    height: 7px;
    margin-right: 4px;
    transform: translateY(6px);
  }
}

.contact_hero {
  margin: -328px 0 0;
}
@media screen and (max-width: 1024px) {
  .contact_hero {
    margin: -213px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .contact_hero {
    margin: 80px 0 0;
  }
}
.contact_hero .content_head {
  margin: 0;
}
.contact_hero .summary_content {
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1056px;
}
.contact_hero .summary_content .summary_data {
  max-width: 1018px;
  padding: 48px 18px 147px;
}
@media screen and (max-width: 768px) {
  .contact_hero .summary_content .summary_data {
    margin: 27px 0 0;
    padding: 32px 12px 32px;
  }
}
.contact_hero .application_content {
  margin: 0px auto 0;
  padding: 0 24px;
  max-width: 1056px;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content {
    margin: 92px auto 0;
  }
}
.contact_hero .application_content .application_txt {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  margin: 64px 0 54px;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content .application_txt {
    margin: 27px auto 30px;
    line-height: 1.5;
  }
}
.contact_hero .application_content section {
  position: relative;
  padding: 54px 46px;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section {
    padding: 40px 25px;
  }
}
.contact_hero .application_content section:nth-of-type(n+2) {
  margin: 32px 0 0;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section:nth-of-type(n+2) {
    margin: 28px 0 0;
  }
}
.contact_hero .application_content section:nth-of-type(n+2)::after {
  background-image: url("../img/contact/bg02.png");
  background-position: -43px 0;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section:nth-of-type(n+2)::after {
    background-image: url("../img/contact/bg02_sp.png");
    background-position: right;
  }
}
.contact_hero .application_content section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/contact/bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: -1;
	border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section::after {
    background-image: url("../img/contact/bg_sp.png");
    background-position: right;
  }
}
.contact_hero .application_content section h3 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
  color: #173878;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section h3 {
    line-height: 1.6;
    letter-spacing: 0;
    margin-bottom: 16px;
  }
}
.contact_hero .application_content section p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
}
.contact_hero .application_content section ul {
  margin: 8px 0 28px;
}
.contact_hero .application_content section ul li {
  display: flex;
  font-size: 1.6rem;
}
.contact_hero .application_content section ul li:nth-child(n+2) {
  margin-top: 8px;
}
.contact_hero .application_content section ul li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 100vmax;
  margin: 12px 8px 0;
}
.contact_hero .application_content section h4 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  background: linear-gradient(77.66deg, #173878 34.41%, #1D3D7B 49.89%, #2F4C85 70.54%, #3E588D 83.96%, #425B8F 87.06%, #4E6595 91.19%, #6377A0 95.32%, #7F8FAF 99.45%, #A4AEC3 103.58%, #D1D4DB 106.68%, #E8E7E7 108.74%);
  margin-bottom: 21px;
  padding: 4px 15px 5px;
  max-width: fit-content;
	    border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section h4 {
    margin-bottom: 7px;
  }
}
.contact_hero .application_content section h4.mt {
  margin-top: 21px;
}
.contact_hero .application_content section h4.mt02 {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section h4.mt02 {
    margin-top: 40px;
  }
}
.contact_hero .application_content section a {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  color: #000;
  margin-top: 21px;
  max-width: fit-content;
}
@media screen and (max-width: 768px) {
  .contact_hero .application_content section a {
    margin-top: 7px;
  }
}
.contact_hero .application_content section a i {
  font-style: normal;
}
.contact_hero .application_content section a i::after {
  content: "@";
}
.contact_hero .faq_content {
  margin: 176px 0 0;
  padding: 0px 24px 176px;
  position: relative;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content {
    margin: 102px 0 0;
    padding: 87px 20px 74px;
  }
}
.contact_hero .faq_content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/contact/bg03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: right;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content::after {
    background-image: url("../img/contact/bg03_sp.png");
  }
}
.contact_hero .faq_content .faq_content_inner {
  max-width: 1120px;
  margin-inline: auto;
  position: relative;
  z-index: 100;
}
.contact_hero .faq_content .inner_head {
  width: 100%;
  max-width: 512px;
  padding: 38px 0 20px;
  background: linear-gradient(84.1deg, #173878 28.61%, #1D3D7B 46.21%, #2F4C85 69.68%, #3E588D 84.94%, #425B8F 88.46%, #4E6595 93.15%, #6377A0 97.84%, #7F8FAF 102.54%, #A4AEC3 107.23%, #D1D4DB 110.75%, #E8E7E7 113.1%);
  color: #fff;
  position: relative;
	border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .inner_head {
    max-width: 244px;
    margin-left: -8px;
    padding: 17px 0 13px;
  }
}
.contact_hero .faq_content .inner_head h2 {
  font-weight: 700;
  font-size: 4.5rem;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .inner_head h2 {
    font-size: 2.5rem;
    letter-spacing: 0;
  }
}
.contact_hero .faq_content .inner_head h2::after {
  content: "";
  display: block;
  width: calc(100% - 96px);
  max-width: 481px;
  height: 2px;
  background-color: #fff;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .inner_head h2::after {
    width: calc(100% - 36px);
    max-width: 227px;
    margin-top: 10px;
  }
}
.contact_hero .faq_content .inner_head p {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 1.7rem;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.16em;
  margin: 8px 0 0;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .inner_head p {
    font-size: 1.6rem;
    letter-spacing: 0;
    margin: 6px 0 0;
  }
}
.contact_hero .faq_content .faq_list {
  margin-top: -24px;
  padding: 132px 68px 86px;
  background-color: #fff;
	border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list {
    margin-top: -54px;
    padding: 87px 20px 106px;
  }
}
.contact_hero .faq_content .faq_list li {
  padding: 0 17px 38px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li {
    padding: 0 17px 20px 0;
  }
}
.contact_hero .faq_content .faq_list li:nth-child(n+2) {
  padding: 41px 17px 38px;
  border-top: 1px solid #989898;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li:nth-child(n+2) {
    padding: 20px 17px 20px 0;
  }
}
.contact_hero .faq_content .faq_list li .faq_head {
  display: flex;
  align-items: baseline;
  position: relative;
  cursor: pointer;
}
.contact_hero .faq_content .faq_list li .faq_head:hover{
    opacity: .7;
}
.contact_hero .faq_content .faq_list li .faq_head p {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0;
  background: linear-gradient(68.45deg, #173878 59.79%, #1D3D7B 68.9%, #2F4C85 81.05%, #3E588D 88.95%, #425B8F 90.77%, #4E6595 93.2%, #6377A0 95.63%, #7F8FAF 98.06%, #A4AEC3 100.49%, #D1D4DB 102.31%, #E8E7E7 103.52%);
  padding: 6px 4px;
  color: #fff;
	border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .faq_head p {
    font-size: 1.2rem;
    padding: 5px 4px;
    min-width: 23px;
  }
}
.contact_hero .faq_content .faq_list li .faq_head h3 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  color: #173878;
  margin-left: 12px;
  color: #173878;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .faq_head h3 {
    font-size: 1.6rem;
    margin-left: 9px;
    line-height: 1.4;
    padding-right: 32px;
  }
}
.contact_hero .faq_content .faq_list li .faq_head.is-active::before {
  background-color: #abd2ec;
  transition: 0.5s all;
}
.contact_hero .faq_content .faq_list li .faq_head.is-active::after {
  rotate: -180deg;
  top: 4px;
  transition: 0.5s all;
}
.contact_hero .faq_content .faq_list li .faq_head::before, .contact_hero .faq_content .faq_list li .faq_head::after {
  content: "";
  position: absolute;
  top: -12px;
  right: 0;
  transition: 0.5s all;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .faq_head::before, .contact_hero .faq_content .faq_list li .faq_head::after {
    top: 1px;
  }
}
.contact_hero .faq_content .faq_list li .faq_head::before {
  width: 52px;
  height: 52px;
  border: 1px solid #173878;
  border-radius: 100vmax;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .faq_head::before {
    width: 26px;
    height: 26px;
  }
}
.contact_hero .faq_content .faq_list li .faq_head::after {
  background-image: url("../img/contact/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 11px;
  height: 19px;
  top: 6px;
  right: 21px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .faq_head::after {
    min-width: 10px;
    height: 19px;
    top: 7px;
    right: 8px;
  }
}
.contact_hero .faq_content .faq_list li .answer_txt {
  display: none;
  margin: 16px 64px 0 0;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  max-width: 822px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .answer_txt {
    margin: 16px 0 0 0;
  }
}
.contact_hero .faq_content .faq_list li .answer_txt p + p {
  margin-top: 14px;
}
.contact_hero .faq_content .faq_list li .answer_txt ul {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .answer_txt ul {
    margin-top: 20px;
  }
}
.contact_hero .faq_content .faq_list li .answer_txt ul li {
  display: flex;
  padding: 0;
  border: 0;
}
.contact_hero .faq_content .faq_list li .answer_txt ul li:nth-child(n+2) {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .contact_hero .faq_content .faq_list li .answer_txt ul li:nth-child(n+2) {
    margin-top: 7px;
  }
}
.contact_hero .faq_content .faq_list li .answer_txt ul li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 100vmax;
  margin: 15px 8px 0;
}
.contact_hero .bg_txt {
  position: absolute;
  top: 0;
  right: 0;
  width: 420px;
  height: 385px;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .contact_hero .bg_txt {
    width: 178px;
    height: 164px;
  }
}

.en_ttl {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1;
  letter-spacing: 0.16em;
  color: #173878;
  padding-left: 92px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .en_ttl {
    font-size: 1.4rem;
    padding-left: 14px;
    letter-spacing: 0;
    padding-left: 39px;
  }
}
.en_ttl::before, .en_ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.en_ttl::before {
  left: 0;
  width: 72px;
  height: 11px;
  opacity: 0.4;
  background: linear-gradient(82.09deg, #173878 14.58%, #1D3D7B 33.7%, #2F4C85 59.21%, #3E588D 75.79%, #425B8F 79.62%, #4E6595 84.72%, #6377A0 89.82%, #7F8FAF 94.92%, #A4AEC3 100.02%, #D1D4DB 103.85%, #E8E7E7 106.4%);
}
@media screen and (max-width: 768px) {
  .en_ttl::before {
    width: 25px;
    height: 8px;
  }
}
.en_ttl::after {
  left: 72px;
  width: 11px;
  height: 11px;
  background: linear-gradient(47.72deg, #173878 14.54%, #1D3D7B 33.67%, #2F4C85 59.17%, #3E588D 75.75%, #425B8F 79.58%, #4E6595 84.68%, #6377A0 89.78%, #7F8FAF 94.88%, #A4AEC3 99.98%, #D1D4DB 103.8%, #E8E7E7 106.35%);
}
@media screen and (max-width: 768px) {
  .en_ttl::after {
    width: 8px;
    height: 8px;
    left: 25px;
  }
}

.content_head {
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 1.5;
  color: #173878;
  margin: 59px 0 0 90px;
	background: linear-gradient(90deg, #fff, transparent);
}
@media screen and (max-width: 768px) {
  .content_head {
    font-size: 2.6rem;
    margin: 22px 0 0 40px;
  }
}

.sub_page_link {
  width: 180px;
  margin: -24px 0 0 auto;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .sub_page_link {
    margin: 35px 0 0 0;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
}
.sub_page_link a,
.sub_page_link button,
.sub_page_link p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #2c2c2c;
  background: #a3ffd1;
  padding: 13px 15px 13px 16px;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
#achi_color{
	background: linear-gradient(90deg, #e0ffc1, #f2ffe6);
}
@media screen and (max-width: 768px) {
  .sub_page_link a,
  .sub_page_link button,
  .sub_page_link p {
    font-size: 1.6rem;
    max-width: 200px;
    margin: 0 auto;
    justify-content: center;
  }
}
.sub_page_link a span,
.sub_page_link button span,
.sub_page_link p span {
  position: relative;
  margin: 0 16px 0 0;
  padding-right: 8px;
  z-index: 100;
  transition: 0.4s all;
}
.sub_page_link a span::before, .sub_page_link a span::after,
.sub_page_link button span::before,
.sub_page_link button span::after,
.sub_page_link p span::before,
.sub_page_link p span::after {
  content: "";
  position: absolute;
  top: 55%;
  right: -20px;
  min-width: 14px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  transition: 0.5s all;
}
.sub_page_link a span::before,
.sub_page_link button span::before,
.sub_page_link p span::before {
  background-image: url("../img/business/link_arrow_hvr.svg");
}
.sub_page_link a span::after,
.sub_page_link button span::after,
.sub_page_link p span::after {
  background-image: url("../img/business/link_arrow_hvr.svg");
  opacity: 0;
}
.sub_page_link a::before,
.sub_page_link button::before,
.sub_page_link p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #F2F2F2;
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: right top;
  border-radius: 6px;
  transition: transform 0.3s;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
@media (any-hover: hover) {
  .sub_page_link a:hover,
  .sub_page_link button:hover,
  .sub_page_link p:hover {
    color: #5c5c5c;
    transition: 0.4s all;
  }
  .sub_page_link a:hover::before,
  .sub_page_link button:hover::before,
  .sub_page_link p:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
    transition: transform 0.3s;
  }
  .sub_page_link a:hover span::before,
  .sub_page_link button:hover span::before,
  .sub_page_link p:hover span::before {
    opacity: 0;
    transition: 0.5s all;
  }
  .sub_page_link a:hover span::after,
  .sub_page_link button:hover span::after,
  .sub_page_link p:hover span::after {
    opacity: 1;
    transition: 0.5s all;
  }
}

.achivement_dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1120px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: 0.8s all;
  pointer-events: none;
  z-index: 1002;
}
@media screen and (max-width: 1024px) {
  .achivement_dialog {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .achivement_dialog {
    width: 90%;
  }
}
.achivement_dialog.is-fadeIn {
  opacity: 1;
  pointer-events: all;
  transition: 0.6s all;
}
.achivement_dialog .js_closeBtn {
  position: absolute;
  top: 24px;
  right: 24px;
  background: none;
  border: none;
  width: 32px;
  height: 32px;
  line-height: 1;
  z-index: 100;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .js_closeBtn {
    top: 16px;
    right: 16px;
    width: 28px;
    height: 28px;
  }
}
.achivement_dialog .js_closeBtn::before, .achivement_dialog .js_closeBtn::after {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #989898;
  position: absolute;
  top: 50%;
  left: -4px;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .js_closeBtn::before, .achivement_dialog .js_closeBtn::after {
    width: 38px;
    left: -4px;
  }
}
.achivement_dialog .js_closeBtn::before {
  transform: translateY(-50%) rotate(45deg);
}
.achivement_dialog .js_closeBtn::after {
  transform: translateY(-50%) rotate(-45deg);
}
.achivement_dialog .splide__list {
  align-items: center;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .splide__list {
    align-items: flex-start;
  }
}
.achivement_dialog .achivement_splide {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 48px 64px;
  background-color: rgb(255, 255, 255);
}
@media screen and (max-height: 768px) {
  .achivement_dialog .achivement_splide {
    height: 90svh;
    max-height: 732px;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1024px) {
  .achivement_dialog .achivement_splide {
    padding: 48px 48px 48px;
  }
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide {
    padding: 0;
    height: auto;
  }
}
.achivement_dialog .achivement_splide .splide_content {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .achivement_dialog .achivement_splide .splide_content {
    padding: 0 4px;
  }
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content {
    display: block;
    background-color: rgb(255, 255, 255);
    padding: 64px 24px 56px;
    height: 90svh;
    overflow-y: auto;
  }
}
.achivement_dialog .achivement_splide .splide_content .thum_box {
  position: relative;
  width: 100%;
  max-width: 520px;
  min-width: 520px;
  height: 375px;
  margin: 0 61px 0 0;
}
@media screen and (max-width: 1024px) {
  .achivement_dialog .achivement_splide .splide_content .thum_box {
    max-width: 320px;
    min-width: 320px;
    height: 231px;
    margin: 0 42px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .thum_box {
    max-width: none;
    min-width: auto;
    height: auto;
    margin: 0;
  }
}
.achivement_dialog .achivement_splide .splide_content .thum_box img {
  display: block;
  width: 100%;
  max-width: 520px;
  transition: 0.5s all;
}
@media screen and (max-width: 1024px) {
  .achivement_dialog .achivement_splide .splide_content .thum_box img {
    max-width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .thum_box img {
    max-width: none;
  }
}
.achivement_dialog .achivement_splide .splide_content .thum_box img.is-active {
  opacity: 1;
}
.achivement_dialog .achivement_splide .splide_content .thum_box img.is-inactive {
  transition: 0.5s all;
}
.achivement_dialog .achivement_splide .splide_content .summary_box.jc_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box {
    margin-top: 29px;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .summary_head h2 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #5b5b5b;
  margin: 7px 0 0 0;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .summary_head h2 {
    font-size: 2rem;
    margin: 0;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .summary_head p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .summary_head p {
    font-size: 1.6rem;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .summary_head p + p {
  margin: 10px 0 0;
}
.achivement_dialog .achivement_splide .splide_content .summary_box .summary_sec {
  max-width: 359px;
}
@media screen and (max-width: 1024px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .summary_sec {
    max-width: none;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box h3 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
  color:#5b5b5b;
  margin: 30px 0 0 0;
  padding: 0 0 11px;
  border-bottom: 1px solid #989898;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box h3 {
    font-size: 1.6rem;
    padding: 0 0 14px;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box h3::before {
  content: "";
  display: block;
  background-image: url("../img/achivement/comment_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 33px;
  height: 29px;
  margin: 0 8px 0 0;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box h3::before {
    min-width: 32px;
    height: 29px;
    margin: 0 5px 0 0;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .summary_txt {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 14px;
}
.achivement_dialog .achivement_splide .splide_content .summary_box .others_img h4 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #5b5b5b;
  margin: 20px 0 0 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .others_img h4 {
    margin: 30px 0 0 0;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .others_img h4::before {
  content: "";
  display: block;
  min-width: 8px;
  height: 8px;
  border-radius: 100vmax;
  background:#5b5b5b;
  margin: 0 8px 0 0;
  transform: translateY(2px);
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .others_img h4::before {
    transform: translateY(1px);
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .others_img ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 11px;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .others_img ul {
    gap: 16px 8px;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .others_img ul li {
  max-width: 112px;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .others_img ul li {
    max-width: 132px;
  }
}
.achivement_dialog .achivement_splide .splide_content .summary_box .others_img ul li img {
  display: block;
  width: 100%;
  max-width: 112px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide_content .summary_box .others_img ul li img {
    max-width: 132px;
  }
}
.achivement_dialog .achivement_splide .splide__arrows .splide__arrow {
  position: fixed;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  opacity: 1;
  width: 16px;
  height: 50px;
  transition: 0.5s all;
}
.achivement_dialog .achivement_splide .splide__arrows .splide__arrow:disabled {
  opacity: 0;
  transition: 0.5s all;
}
.achivement_dialog .achivement_splide .splide__arrows .splide__arrow img {
  display: block;
  width: 16px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide__arrows .splide__arrow img {
    height: 45px;
  }
}
.achivement_dialog .achivement_splide .splide__arrows .splide__arrow.splide__arrow--next {
  right: 2em;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide__arrows .splide__arrow.splide__arrow--next {
    right: 6px;
  }
}
.achivement_dialog .achivement_splide .splide__arrows .splide__arrow.splide__arrow--prev {
  left: 2em;
  translate: 0 -40px;
  rotate: -180deg;
}
@media screen and (max-width: 768px) {
  .achivement_dialog .achivement_splide .splide__arrows .splide__arrow.splide__arrow--prev {
    translate: 4px -49px;
    left: 1px;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  transition: 0.5s all;
  z-index: 1001;
}
.overlay.is-open {
  opacity: 1;
  transition: 0.5s all;
  pointer-events: all;
}