@charset "utf-8";


#main-visual {  }
#main-visual .img-wrap { height: 100%; }
#main-visual .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
/* #main-visual .img-wrap img.mo { display: none; } */
@media only screen and (max-width: 1023px) {
  #main-visual .img-wrap img.pc { display: none; }
  #main-visual .img-wrap img.mo { display: block; }
  
}

section .inner-padding { padding-top: 8rem; padding-bottom: 8rem; border-bottom: 1px solid var(--gray-e5); }
section .inner-padding .sec-flex { display: flex; }
@media only screen and (max-width: 1023px) {
  section .inner-padding { padding-top: 5rem; padding-bottom: 5rem; }
}
@media only screen and (max-width: 1023px) {
  section .inner-padding { padding-top: 3rem; padding-bottom: 3rem; }
  
}


.section1 .sec-flex { margin-bottom: 8rem; }
.section1 .sec-flex .lf { flex-shrink: 0; width: 20%; }
.section1 .sec-flex .rg { flex-grow: 1; display: flex; gap: 20px; width: 80%; min-height: 500px; padding-left: 4rem; text-align: right; }
.section1 .sec-flex .rg p:first-child { width: 60%; }
.section1 .sec-flex .rg p:last-child { width: 40%; }

.eng .section1 .sec-flex .lf {width: 30%; }


/* .section2 .inner-padding { min-height: 100vh; }
.section2 .sec-con .item-list { display: flex; flex-wrap: nowrap; width: max-content; }
.section2 .sec-con .item-list .item { flex-shrink: 0; max-width: 360px; padding: 0 40px; }
.section2 .sec-con .item-list .item.item__1 { margin-top: 20rem; }
.section2 .sec-con .item-list .item.item__2 { margin-top: 4rem; }
.section2 .sec-con .item-list .item.item__lg { max-width: 500px; }
.section2 .sec-con .item-list .item .img-wrap {  }
.section2 .sec-con .item-list .item .txt-wrap { margin-top: 10px; } */

.section2 {}
.section2 .sec-con {display: flex; gap: 20px;}
.section2 ul.item-list {display: flex; flex-wrap: wrap; gap: 20px; width: 30%;}
.section2 ul.item-list > li {width: calc(50% - 10px);}
.section2 ul.item-list > li .img-wrap {}
.section2 ul.item-list .item__1 .img-wrap img {height: auto;}
.section2 ul.item-list > li .img-wrap img {height: 200px;}
.section2 div.item-list {width: 40%;}
.section2 .sec-con .item-list .item .txt-wrap { margin-top: 10px; }


.section3 .sec-flex .lf { flex-shrink: 0; width: 20%; }
.section3 .sec-flex .rg { flex-grow: 1; width: 80%; }
.section3 .sec-flex .sec-con { display: flex; justify-content: center; margin: 0 -15px; }
.section3 .sec-flex .sec-con ul { width: 33.3%; padding: 0 15px; }
.section3 .sec-flex .sec-con ul li {  }
.section3 .sec-flex .sec-con ul li span {display: inline-block; width: 50px; padding-right: 10px;}

.section4 .sec-flex { justify-content: space-between; }
.section4 .sec-flex > .lf { flex-grow: 1; }
.section4 .sec-flex > .lf ul { max-width: 1000px; }
.section4 .sec-flex > .lf ul li { display: flex; padding: 15px 0; border-bottom: 1px solid var(--gray-e5); }
.section4 .sec-flex > .lf ul li .lf { flex-shrink: 0; width: 220px; }
.section4 .sec-flex > .lf ul li .rg { flex-grow: 1; display: flex; gap: 20px; width: calc(100% - 240px); }
.section4 .sec-flex > .lf ul li.tit { justify-content: center; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.section4 .sec-flex > .lf ul li.tit + .tit { border-top: 0; }
.section4 .sec-flex > .lf ul li.bg-tit { background: var(--gray-f5); border-top: none; }
.section4 .sec-flex > .lf ul li .rg em:first-child {width: 140px;}
.section4 .sec-flex > .rg { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
.section4 .sec-flex > .rg .ovf-hidden:last-child { margin-top: 50px; }

.section5 .sec-flex > .lf { width: 20%; }
.section5 .sec-flex > .rg { flex-grow: 1; width: 80%; }
.section5 article { display: flex; justify-content: flex-end; }
.section5 article + article { margin-top: 50px; }
.section5 article .txt-wrap { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; width: 80%; padding-right: 5rem; text-align: right; }
.section5 article .txt-wrap ul { width: 100%; max-width: 500px; }
.section5 article .txt-wrap ul li { display: flex; gap: 20px; padding: 15px 0; border-bottom: 1px solid var(--gray-e5); }
.section5 article .txt-wrap ul li span { flex-shrink: 0; width: 50px; text-align: left; }
.section5 article .rg { flex-shrink: 0; width: 20%; max-width: 270px; }


.section6 {  }
.section6 .sec-flex { align-items: center; }
.section6 .sec-flex .lf { flex-grow: 1; display: flex; flex-wrap: wrap; row-gap: 60px; width: 100%; margin: 0 -10px; }
.section6 .sec-flex .lf article { width: 50%; padding: 0 10px; }
.section6 .sec-flex .rg { flex-shrink: 0; }
.section6 .sec-flex .rg a { display: flex; align-items: center; gap: 10px; }


.section7 .img-wrap { text-align: center; }
.section7 .img-wrap img { width: 50%; }
.section7 .sec-flex { margin-top: 30px; }
.section7 .sec-flex .lf { flex-shrink: 0; width: 20%; }
.section7 .sec-flex .rg { flex-grow: 1; display: flex; width: 80%; padding-left: 4rem; }
.section7 .sec-flex .rg article { width: 50%; padding: 0 10px; }

@media only screen and (max-width: 1400px) {
	.section4 .sec-flex > .lf ul { max-width: 850px; }
	.section4 .sec-flex > .lf ul li .lf { width: 160px; }
}
@media only screen and (max-width: 1200px) {
	.section5 .sec-flex { flex-direction: column; }
	.section5 .sec-flex > .lf { width: 100%; }
	.section5 .sec-flex > .rg { width: 100%; }

}
@media only screen and (max-width: 1100px) {
	.section3 .sec-flex { flex-direction: column; row-gap: 30px; }
	.section3 .sec-flex .lf { width: 100%; }
	.section3 .sec-flex .rg { width: 100%; }
}
@media only screen and (max-width: 1023px) {
	.section1 .sec-flex { flex-direction: column; row-gap: 30px; }
	.section1 .sec-flex .lf { width: 100%; }
	.section1 .sec-flex .rg { min-height: unset; width: 100%; padding-left: 0; }

	/* .section2 .sec-con .item-list { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem 0; }
	.section2 .sec-con .item-list .item { max-width: unst; padding: 0 10px; }
	.section2 .sec-con .item-list .item.item__1 { margin-top: 10rem; }
	.section2 .sec-con .item-list .item.item__2 { margin-top: 3rem; } */

	.section2 .sec-con {flex-flow: column wrap;}
	.section2 ul.item-list {order: 1; width: 100%;}
	.section2 ul.item-list > li .img-wrap img {height: auto;}
	.section2 div.item-list { width: 100%;}

	.section4 .sec-flex { flex-direction: column-reverse; }
	.section4 .sec-flex > .lf ul { max-width: unset; }

	.section7 .sec-flex { flex-direction: column; row-gap: 30px; }
	.section7 .sec-flex .lf { width: 100%; }
	.section7 .sec-flex .rg { width: 100%; padding-left: 0; }
}
@media only screen and (max-width: 767px) {
	.section1 .sec-flex .rg { flex-direction: column; }
	.section1 .sec-flex .rg p:first-child { width: 100%; }
	.section1 .sec-flex .rg p:last-child { width: 80%; }
  
	.section3 .sec-flex .sec-con ul li span {width: 40px;}

	.section4 .sec-flex > .lf ul li .rg em:first-child {width: 100px; flex-shrink: 0;}

  
	.section5 article { flex-direction: column-reverse; row-gap: 20px; }
	.section5 article .rg { width: 100%; max-width: 260px; }
	.section5 article .txt-wrap { align-items: flex-start; width: 100%; padding-right: 0; text-align: left; }
	.section5 article .txt-wrap ul { max-width: unset; }

	.section6 .sec-flex { flex-direction: column; row-gap: 30px; }
  
	.section7 .sec-flex .rg { flex-direction: column; row-gap: 30px; }
	.section7 .sec-flex .rg article { width: 100%; padding: 0; }
}
@media only screen and (max-width: 390px) {
	.section2 ul.item-list > li {width: 100%;}
	.section2 ul.item-list > li .img-wrap img {height: auto;}

	.section3 .sec-flex .sec-con ul li span {width: 100%;}

	.section5 article .rg { max-width: 100%; }

	.section6 .sec-flex { row-gap: 50px; }
	.section6 .sec-flex .lf { row-gap: 30px; }
	.section6 .sec-flex .lf article { width: 100%; }
}