/* common */
html, body {background:#fff; overflow-x:hidden;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* container */
:root{
	--container-padding: 30px;
	--container-padding-minus: -30px;
}
.container {max-width: calc(1240px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1400px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}
@media (max-width:991px){
:root{
	--container-padding: 20px;
	--container-padding-minus: -20px;
}
}

/* header */
header {position:relative; z-index:1000; background:#fff; padding:10px 0;}
@media (max-width:991px){
header img {width:150px;}
}

/* footer */
footer {background:#fff; padding:50px 0;}
footer .container {max-width:1740px;}
footer h2 {margin:0 0 30px;}
footer ul:nth-of-type(1) li {font-size:18px; word-break:keep-all; margin:0 0 5px;}
footer ul:nth-of-type(1) li:last-of-type {margin:0;}
footer ul:nth-of-type(1) li b {font-size:18px; font-weight:600;}
footer ul:nth-of-type(2) {border-top:1px solid #ccc; padding:20px 0 0; margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
footer ul:nth-of-type(2) li {display:flex; flex-wrap:wrap; align-items:center;}
footer ul:nth-of-type(2) li:after {display:inline-block; content:""; width:1px; height:15px; background:#ccc; margin:0 15px;}
footer ul:nth-of-type(2) li:last-of-type:after {display:none;}
footer ul:nth-of-type(2) li a {font-size:18px;}
footer ul:nth-of-type(2) li:first-of-type a {color:#ee1c25; font-weight:600;}
footer p {margin:30px 0 0; font-size:18px; color:#999; font-weight:300;}
@media (max-width:991px){
footer {padding:30px 0;}
footer h2 {margin:0 0 20px;}
footer h2 img {width:150px;}
footer ul:nth-of-type(1) li {font-size:15px;}
footer ul:nth-of-type(1) li b {font-size:15px;}
footer ul:nth-of-type(1) li a {font-size:15px;}
footer ul:nth-of-type(2) li:after {height:12px;}
footer ul:nth-of-type(2) li a {font-size:15px;}
footer p {font-size:13px;}
}

/* float */
.float {position:fixed; z-index:999; right:5%; top:50%; transform:translateY(-50%);}
.float a {position:relative; display:block; width:190px;}
.float a img {width:100%;}
.float a img.float1 {position:relative; z-index:1;}
.float a img.float2 {position:absolute; left:0; top:0; z-index:2; opacity:0; animation:floatCross 3s ease-in-out infinite alternate;}
@keyframes floatCross {
	from {opacity:0;}
	to {opacity:1;}
}
@media (max-width:1400px){
.float {right:30px;}
}
@media (max-width:991px){
.float {display:none;}
}


/* btn-wrap */
.btn-wrap { display: flex; gap: 2.5%; text-align:center; margin:50px auto; max-width:400px; width:100%; }
.btn-wrap .btn { flex:1; display:flex; align-items: center; justify-content: center; width:100%; height:100px!important; margin:0!important; font-size:36px; font-weight:700; border-radius:15px; transition: all .3s ease-in-out; }
.btn-wrap .btn:hover {filter:brightness(1.18);}
.btn-wrap .btn.primary { background:#ebc875; }
.btn-wrap .btn.secondary { background:#fff; color: #333; border: 1px solid #ccc; }

@media (max-width: 991px) {
	.btn-wrap .btn {font-size: 18px; border-radius: 8px; height: 50px!important; }
}

/* section-01 */
.section-01 {position:relative; background:url('../images/bg_section01.jpg') no-repeat center top / cover; min-height:100vh; display:flex; flex-wrap:wrap; overflow:hidden;}
.section-01 .container {display:flex; flex-wrap:wrap; justify-content:flex-end;}
.section-01 .inner {text-align:right; padding:130px 0 0;}
.section-01 .inner strong {display:inline-flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#000; color:#fff; font-size:20px; font-weight:500; padding:8px 25px; margin:0 0 20px;}
.section-01 .inner h2 {text-align:right; font-size:120px; color:#ebcc87; line-height:1.3; width:430px; border-bottom:1px solid #808080;}
.section-01 .inner p {padding:10px 0; font-size:60px; color:#fff; line-height:1.3; width:430px; border-bottom:1px solid #808080; text-align:right; margin-left:auto;}
.section-01 .inner strong,
.section-01 .inner h2,
.section-01 .inner p {opacity:0; transform:translateX(60px); animation:section01In 0.9s ease-out forwards;}
.section-01 .inner strong {animation-delay:0.2s;}
.section-01 .inner h2 {animation-delay:0.5s;}
.section-01 .inner p:nth-of-type(1) {animation-delay:0.8s;}
.section-01 .inner p:nth-of-type(2) {animation-delay:1.1s;}
@keyframes section01In {
	from {opacity:0; transform:translateX(60px);}
	to {opacity:1; transform:translateX(0);}
}
@media (max-width:991px){
.section-01 .inner {width:100%;}
.section-01 .inner {text-align:left; padding:30px 0 0;}
.section-01 .inner strong {font-size:13px; margin:0 0 15%; padding:5px 15px;}
.section-01 .inner h2 {width:63%; margin-left:auto; font-size:14.5vw;}
.section-01 .inner p {width:63%; font-size:8.5vw;}
}

/* section-02 */
.section-02 {background:url('../images/bg_section02.png') no-repeat center bottom / cover; padding:130px 0 100px; margin:-30px 0 0;}
.section-02 .text {display:flex; flex-wrap:wrap; gap:30px; overflow:hidden;}
.section-02 .text .text-left {opacity:0; transform:translateX(-80px); transition:opacity 1s ease-out, transform 1s ease-out;}
.section-02 .text .text-right {opacity:0; transform:translateX(80px); transition:opacity 1s ease-out, transform 1s ease-out;}
.section-02 .text .text-left.in-view,
.section-02 .text .text-right.in-view {opacity:1; transform:translateX(0);}
.section-02 .text .text-left h2 {font-size:65px; color:#eae6d7; word-break:keep-all; border-bottom:1px solid rgba(255,255,255,0.2); padding:0 0 30px; line-height:1.2;}
.section-02 .text .text-right {flex:1; min-width:0; padding:80px 0 0;}
.section-02 .text .text-right p {font-size:28px; color:#eae6d7; word-break:keep-all; margin:0 0 15px; text-align:right; line-height:1.5;}
.section-02 .text .text-right p:last-of-type {margin:0; color:#ebcc87;}
.section-02 .video {margin:50px 0 0; padding:70px; background:rgba(0,0,0,0.5);}
.section-02 .video .video-inner {width: 100%; aspect-ratio: 16 / 9; position: relative; overflow:hidden; border-radius:10px;}
.section-02 .video .video-inner iframe {width: 100%; height: 100%; border: none; display: block;}
.section-02 .video p {opacity:0.5; text-align:right; margin:5px 0 0; color:#ebcc87; font-size:18px; word-break:keep-all; font-weight:300;}
.section-02 .button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:50px auto 0; max-width:680px; width:100%;}
.section-02 .button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:100px; background:#ebcc87; font-size:36px; font-weight:700; border-radius:15px;}
@media (max-width:1250px){
    .section-02 .text .text-left {width:100%;}
    .section-02 .text .text-left h2 {text-align:center; border:0;}
    .section-02 .text .text-right {flex:none; width:100%;}
    .section-02 .text .text-right p {text-align:center;}
}
@media (max-width:991px){
    .section-02 {padding:80px 0 50px; overflow:hidden;}
    .section-02 .text .text-left h2 {font-size:40px; padding:0;}
    .section-02 .text .text-right {padding:50px 0 0;}
    .section-02 .text .text-right p {font-size:15px;}
    .section-02 .video {margin:50px -16px 0; padding:0; background:none;}
    .section-02 .video .inner {padding:35px 0; background:rgba(0,0,0,0.5);}
    .section-02 .video .video-inner {border-radius: 0;}
    .section-02 .video p {text-align:center; font-size:13px; margin:15px 0 0;}
    .section-02 .button a {height:60px; font-size:20px; border-radius:10px;}
    .section-02 .text .text-left,
    .section-02 .text .text-right {transform:translateY(40px);}
    .section-02 .text .text-left.in-view,
    .section-02 .text .text-right.in-view {transform:translateY(0);}
}

/* section-03 */
.section-03 {background:url('../images/bg_section03.jpg') no-repeat center / cover; padding:190px 0 60px; overflow:hidden;}
.section-03 .title h2 {font-size:70px; color:#ebcc87; word-break:keep-all; margin:0 0 50px; line-height:1.2;}
.section-03 .title p {margin:0 0 15px; font-size:26px; color:#eae6d7; font-weight:300; word-break:keep-all; line-height:1.7;}
.section-03 .title p b {font-size:30px; color:#ebcc87; font-weight:300; line-height:1.7; border-bottom:1px solid #ebcc87; word-break:keep-all; letter-spacing:-2px;}
.section-03 .text {margin:70px 0 0;}
.section-03 .text p {font-size:15px; color:#eae6d7; word-break:keep-all; text-align:right; line-height:1.5;}
.section-03 .title h2,
.section-03 .title p {opacity:0; transform:translateX(-60px); transition:opacity 0.9s ease-out, transform 0.9s ease-out;}
.section-03 .text p {opacity:0; transform:translateX(60px); transition:opacity 0.9s ease-out, transform 0.9s ease-out;}
.section-03 .title p:nth-of-type(1) {transition-delay:0.2s;}
.section-03 .title p:nth-of-type(2) {transition-delay:0.4s;}
.section-03 .title h2.in-view,
.section-03 .title p.in-view,
.section-03 .text p.in-view {opacity:1; transform:translateX(0);}
@media (max-width:991px){
.section-03 {background-image:url('../images/bg_section03_m.png'); padding:100px 0 50px;}
.section-03 .container {min-height:130vh; display:flex; flex-wrap:wrap; align-content:space-between;}
.section-03 .title {width:100%;}
.section-03 .title h2 {text-align:center; font-size:50px; margin:0 0 20px; line-height:1.2;}
.section-03 .title p {text-align:center; font-size:18px;}
.section-03 .title p b {font-size:18px;}
.section-03 .text {margin:0; width:100%;}
.section-03 .text p {font-size:12px;}
.section-03 .title h2,
.section-03 .title p {transform:translateY(40px);}
.section-03 .title h2.in-view,
.section-03 .title p.in-view {transform:translateY(0);}
}

/* section-04 */
.section-04 {background:url('../images/bg_section04.jpg') no-repeat center / cover; height:680px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.section-04 .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.section-04 p {font-size:26px; font-weight:300; color:#dbd9d2; word-break:keep-all; line-height:1.7; margin:0 0 15px; width:100%; text-align:right; opacity:0; transform:translateX(60px); transition:opacity 0.9s ease-out, transform 0.9s ease-out;}
.section-04 p:last-of-type {margin:0;}
.section-04 p b {font-size:30px; color:#ebcc87; font-weight:300; line-height:1.7; border-bottom:1px solid #ebcc87; word-break:keep-all; letter-spacing:-2px;}
.section-04 p:nth-of-type(2) {transition-delay:0.3s;}
.section-04 p.in-view {opacity:1; transform:translateX(0);}
@media (max-width:991px){
.section-04 {background-image:url('../images/bg_section04_m.png'); height:auto; min-height:100vh; align-items:flex-end; padding:50px 0;}
.section-04 p {font-size:18px;}
.section-04 p b {font-size:18px;}
}

/* section-05 */
.section-05 {background:url('../images/bg_section05.jpg') no-repeat center / cover; height:680px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.section-05 .container {display:flex; flex-wrap:wrap; align-items:center;}
.section-05 p {font-size:26px; font-weight:300; color:#dbd9d2; word-break:keep-all; line-height:1.7; margin:0 0 15px; width:100%; opacity:0; transform:translateX(-60px); transition:opacity 0.9s ease-out, transform 0.9s ease-out;}
.section-05 p:last-of-type {margin:0;}
.section-05 p b {font-size:30px; color:#ebcc87; font-weight:300; line-height:1.7; border-bottom:1px solid #ebcc87; word-break:keep-all; letter-spacing:-2px;}
.section-05 p:nth-of-type(2) {transition-delay:0.25s;}
.section-05 p:nth-of-type(3) {transition-delay:0.5s;}
.section-05 p.in-view {opacity:1; transform:translateX(0);}
@media (max-width:991px){
.section-05 {background-image:url('../images/bg_section05_m.png'); height:auto; min-height:100vh; align-items:flex-end; padding:0 0 200px;}
.section-05 p {font-size:18px;}
.section-05 p b {font-size:18px;}
}

/* section-06 */
.section-06 {background:url('../images/bg_section06.jpg') no-repeat center / cover; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.section-06 .container {display:flex; flex-wrap:wrap; align-content:space-between; min-height:100vh; padding-top:100px; padding-bottom:100px;}
.section-06 .title {width:100%; text-align:right;}
.section-06 .title b {font-size:36px; color:#fff;}
.section-06 .title h2 {font-size:90px; color:#ebcc87; word-break:keep-all; line-height:1.2;}
.section-06 .title p {font-size:26px; font-weight:300; color:#dbd9d2; word-break:keep-all; line-height:1.7;}
.section-06 .text {width:100%; text-align:right;}
.section-06 .text p {font-size:26px; font-weight:300; color:#dbd9d2; word-break:keep-all; line-height:1.7; margin:0 0 15px; width:100%;}
.section-06 .text p b {font-size:30px; color:#ebcc87; font-weight:300; line-height:1.7; border-bottom:1px solid #ebcc87; word-break:keep-all; letter-spacing:-2px;}
.section-06 .title b,
.section-06 .title h2,
.section-06 .title p,
.section-06 .text p {opacity:0; transform:translateX(60px); transition:opacity 0.9s ease-out, transform 0.9s ease-out;}
.section-06 .title h2 {transition-delay:0.25s;}
.section-06 .title p {transition-delay:0.5s;}
.section-06 .title b.in-view,
.section-06 .title h2.in-view,
.section-06 .title p.in-view,
.section-06 .text p.in-view {opacity:1; transform:translateX(0);}
.section-06 .title h2.in-view {animation:section06Glow 2.6s ease-in-out 1.6s infinite;}
@keyframes section06Glow {
	0%, 100% {text-shadow:0 0 0 rgba(255,240,200,0), 0 0 0 rgba(235,204,135,0);}
	25% {text-shadow:0 0 10px rgba(255,240,200,0.5), 0 0 22px rgba(235,204,135,0.35);}
	50% {text-shadow:0 0 18px rgba(255,240,200,0.95), 0 0 36px rgba(235,204,135,0.75), 0 0 60px rgba(255,215,130,0.55);}
	75% {text-shadow:0 0 10px rgba(255,240,200,0.5), 0 0 22px rgba(235,204,135,0.35);}
}
@media (max-width:991px){
.section-06 {background-image:url('../images/bg_section06_m.png');}
.section-06 .container {padding-top:50px; padding-bottom:50px;}
.section-06 .title {text-align:center;}
.section-06 .title b {font-size:20px;}
.section-06 .title h2 {font-size:50px;}
.section-06 .title p {font-size:18px;}
.section-06 .text {text-align:center;}
.section-06 .text p {font-size:18px;}
.section-06 .text p b {font-size:18px;}
.section-06 .title b,
.section-06 .title h2,
.section-06 .title p,
.section-06 .text p {transform:translateY(40px);}
.section-06 .title b.in-view,
.section-06 .title h2.in-view,
.section-06 .title p.in-view,
.section-06 .text p.in-view {transform:translateY(0);}
}

/* section-07 */
.section-07 {background:url('../images/bg_section07.jpg') no-repeat center / cover; overflow:hidden;}
.section-07 .container {display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; height:680px; padding-top:100px; padding-bottom:100px;}
.section-07 .text {width:100%; display:flex; flex-wrap:wrap;}
.section-07 .text h2 {font-size:46px; color:#eae6d7; border-bottom:1px solid rgba(255,255,255,0.2); margin:0 0 15px; padding:0 0 5px;}
.section-07 .text p {font-size:26px; font-weight:300; color:#dbd9d2; word-break:keep-all; line-height:1.7; width:100%;}
.section-07 .text:last-of-type {justify-content:flex-end;}
.section-07 .text:last-of-type p {text-align:right;}
.section-07 .text {opacity:0; transition:opacity 1s ease-out, transform 1s ease-out;}
.section-07 .text:nth-of-type(1) {transform:translateX(-80px);}
.section-07 .text:nth-of-type(2) {transform:translateX(80px);}
.section-07 .text.in-view {opacity:1; transform:translateX(0);}
@media (max-width:991px){
.section-07 {background-image:url('../images/bg_section07_m.png');}
.section-07 .container {height:auto; min-height:100vh; padding-top:50px; padding-bottom:50px;}
.section-07 .text h2 {font-size:30px; margin:0 0 10px; opacity:0.7; padding:0;}
.section-07 .text p {font-size:18px; opacity:0.7;}
}

/* section-08 */
.section-08 {background:url('../images/bg_section08.jpg') no-repeat center / cover; height:680px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;}
.section-08 .container {display:flex; flex-wrap:wrap; align-items:center;}
.section-08 p {font-size:26px; font-weight:300; color:#dbd9d2; word-break:keep-all; line-height:1.7; margin:0 0 15px; width:100%; opacity:0; transform:translateX(-80px); transition:opacity 1s ease-out, transform 1s ease-out;}
.section-08 p:nth-of-type(2) {transition-delay:0.3s;}
.section-08 p.in-view {opacity:1; transform:translateX(0);}
.section-08 p:last-of-type {margin:0;}
.section-08 p b {font-size:30px; color:#ebcc87; font-weight:300; line-height:1.7; border-bottom:1px solid #ebcc87; word-break:keep-all; letter-spacing:-2px;}
.section-08 .highlight {display:inline-block; font:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; opacity:0; transform:scale(0.7);}
.section-08 p.in-view .highlight {animation:section08Pop 1.1s ease-out 0.55s forwards;}
@keyframes section08Pop {
	0% {opacity:0; transform:scale(0.7);}
	55% {opacity:1; transform:scale(1.25);}
	100% {opacity:1; transform:scale(1);}
}
@media (max-width:991px){
.section-08 {background-image:url('../images/bg_section08_m.png'); height:auto; min-height:100vh; align-items:flex-end; padding:0 0 50px;}
.section-08 .container {align-items:flex-end;}
.section-08 p {font-size:18px; text-align:center; transform:translateY(40px);}
.section-08 p.in-view {transform:translateY(0);}
.section-08 p b {font-size:18px; text-align:center;}
}

/* section-09 */
.section-09 {background:url('../images/bg_section09.png') no-repeat center / cover; padding:100px 0;}
.section-09 .title h2 {font-size:50px; color:#ebcc87; word-break:keep-all; line-height:1.2; text-align:center;}
.section-09 .title p {text-align:center; font-size:28px; color:#eae6d7; word-break:keep-all; margin:20px 0 0;}
.section-09 .text {margin:50px 0 0;}
.section-09 .text p {font-size:26px; font-weight:300; color:#dbd9d2; word-break:keep-all; line-height:1.7; text-align:center;}
.section-09 .text b {display:block; text-align:center; font-size:31px; color:#ebcc87; word-break:keep-all; margin:30px 0 0; letter-spacing:-2px;}
.section-09 .content {padding:54px 34px; border-radius:15px; gap:45px; background:#000; display:flex; flex-wrap:wrap; align-items:center; margin:50px 0 0;}
.section-09 .content img {flex:1; min-width:0;}
.section-09 .content div {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.section-09 .content div b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#18120a; padding:30px 50px; text-align:center; font-size:34px; font-weight:600; color:#e0c17e;}
.section-09 .content div p {font-size:26px; color:#eae6d7; font-weight:300; line-height:1.7; text-align:center; word-break:keep-all; margin:40px 0 0; width:100%;}
.section-09 .title h2,
.section-09 .title p,
.section-09 .content img,
.section-09 .content div p,
.section-09 .text p,
.section-09 .text b {opacity:0; transform:translateY(40px); transition:opacity 0.9s ease-out, transform 0.9s ease-out;}
.section-09 .title p {transition-delay:0.25s;}
.section-09 .content div p {transition-delay:0.7s;}
.section-09 .text b {transition-delay:0.3s;}
.section-09 .title h2.in-view,
.section-09 .title p.in-view,
.section-09 .content img.in-view,
.section-09 .content div p.in-view,
.section-09 .text p.in-view,
.section-09 .text b.in-view {opacity:1; transform:translateY(0);}
.section-09 .content div b {display:block; opacity:0; transform:translateY(20px); transition:opacity 0.5s ease-out 0.2s, transform 0.5s ease-out 0.2s;}
.section-09 .content div b.in-view {opacity:1; transform:translateY(0);}
.section-09 .content div b span {display:inline-block; font:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; opacity:0; filter:blur(6px); transform:translateY(6px); transition:opacity 0.5s ease-out, filter 0.5s ease-out, transform 0.5s ease-out;}
.section-09 .content div b.in-view span {opacity:1; filter:blur(0); transform:translateY(0);}
.section-09 .content div b.in-view span:nth-of-type(1) {transition-delay:0.6s;}
.section-09 .content div b.in-view span:nth-of-type(2) {transition-delay:0.78s;}
.section-09 .content div b.in-view span:nth-of-type(3) {transition-delay:0.96s;}
.section-09 .content div b.in-view span:nth-of-type(4) {transition-delay:1.14s;}
.section-09 .content div b.in-view span:nth-of-type(5) {transition-delay:1.32s;}
@media (max-width:991px){
.section-09 {padding:50px 0;}
.section-09 .title h2 {font-size:35px; color:#e0c17e;}
.section-09 .title p {font-size:17px;}
.section-09 .text p {font-size:18px;}
.section-09 .text b {font-size:20px;}
.section-09 .content {padding:30px 15px; border-radius:10px; gap:20px;}
.section-09 .content div b {padding:15px 30px; font-size:24px;}
.section-09 .content div p {font-size:18px; margin:15px 0 0;}
}
@media (max-width:650px){
.section-09 .content {gap:15px;}
.section-09 .content img {flex:none; width:100%;}
.section-09 .content div {flex:none; width:100%;}
}

/* section-10 */
.section-10 {background:url('../images/bg_section10.jpg') no-repeat center / cover; padding:100px 0;}
.section-10 .container > h2 {font-size:46px; font-weight:600; color:#fff; word-break:keep-all; text-align:center;}
.section-10 .container > b {display:block; text-align:center; margin:50px 0 0; font-size:32px; color:#fff; word-break:keep-all;}
.section-10 .container > ul {margin:50px 0 0; display:flex; flex-wrap:wrap; gap:20px;}
.section-10 .container > ul li {flex:1; min-width:0; background:#fff; padding:30px 15px 20px; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}
.section-10 .container > ul li p {font-size:26px; font-weight:500; text-align:center; word-break:keep-all; line-height:1.5; width:100%;}
.section-10 .container > ul li p b {font-size:26px; font-weight:700; line-height:1.5;}
.section-10 .container > ul li small {display:block; text-align:center; font-size:18px; color:#777; word-break:keep-all; margin:20px 0 0; width:100%;}
.section-10 .container > ul li img {width:100%; display:block; margin:15px auto 0;}
.section-10 .container > ul li:nth-of-type(1) img {max-width:70%;}
.section-10 .container > ul li:nth-of-type(2) img {max-width:50%;}
.section-10 .container > ul li:nth-of-type(3) img {max-width:70%;}
.section-10 .container > h2,
.section-10 .container > b,
.section-10 .container > ul li {opacity:0; transform:translateY(40px); transition:opacity 0.8s ease-out, transform 0.8s ease-out;}
.section-10 .container > ul li:nth-of-type(2) {transition-delay:0.2s;}
.section-10 .container > ul li:nth-of-type(3) {transition-delay:0.4s;}
.section-10 .container > h2.in-view,
.section-10 .container > b.in-view,
.section-10 .container > ul li.in-view {opacity:1; transform:translateY(0);}
@media (max-width:991px){
.section-10 {padding:50px 0;}
.section-10 .container > h2 {font-size:27px;}
.section-10 .container > ul {margin:30px 0 0; gap:15px;}
.section-10 .container > ul > li {flex:none; width:100%; padding:50px 15px;}
.section-10 .container > ul > li p {font-size:18px;}
.section-10 .container > ul > li p b {font-size:18px;}
.section-10 .container > ul > li small {font-size:12px; display:none;}
.section-10 .container > b {margin:30px 0 0; font-size:20px;}
}

/* section-11 */
.section-11 {background:url('../images/bg_section11.jpg') no-repeat center / cover; min-height:100vh; display:flex; flex-wrap:wrap; align-items:center; padding:100px 0; overflow:hidden;}
.section-11 h2 {margin:0 0 50px;}
.section-11 h2 b {font-size:46px; font-weight:600; color:#fff; margin:0 0 10px; display:inline-block;}
.section-11 h2 b:last-of-type {margin:0;}
.section-11 p {font-size:26px; color:#fff; word-break:keep-all; margin:0 0 15px; line-height:1.7;}
.section-11 p:last-of-type {margin:0;}
.section-11 h2 b,
.section-11 p {opacity:0; transform:translateX(-80px); transition:opacity 0.8s ease-out, transform 0.8s ease-out;}
.section-11 h2 b:nth-of-type(2) {transition-delay:0.2s;}
.section-11 h2 b:nth-of-type(3) {transition-delay:0.4s;}
.section-11 p:nth-of-type(2) {transition-delay:0.2s;}
.section-11 h2 b.in-view,
.section-11 p.in-view {opacity:1; transform:translateX(0);}
.section-11 h2 b {position:relative; z-index:0;}
.section-11 h2 b::after {content:''; position:absolute; left:0; bottom:5px; width:0; height:10px; background:#f03940; z-index:-1; transition:width 0.7s ease-out 0.7s;}
.section-11 h2 b:nth-of-type(2)::after {transition-delay:0.9s;}
.section-11 h2 b:nth-of-type(3)::after {transition-delay:1.1s;}
.section-11 h2 b.in-view::after {width:100%;}
@media (max-width:991px){
.section-11 {min-height:140vh; background-image:url('../images/bg_section11_m.png'); padding:50px 0; align-items:flex-start;}
.section-11 h2 {margin:0 0 30px;}
.section-11 h2 b {font-size:27px;}
.section-11 p {font-size:18px; color:#ccc;}
}

/* section-12 */
.section-12 {background:url('../images/bg_section12.jpg') no-repeat center / cover; padding:100px 0;}
.section-12 h2 {font-size:46px; font-weight:600; color:#fff; word-break:keep-all; text-align:center;}
.section-12 h2 b {font-size:46px; font-weight:600; color:#f03940; word-break:keep-all;}
.section-12 small {display:block; text-align:center; font-size:22px; color:#fff; opacity:0.5; margin:20px 0 0;}
.section-12 ul {display:flex; flex-wrap:wrap; gap:20px; margin:50px 0 0;}
.section-12 ul li {flex:1; min-width:0; background:#fff; display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end; perspective:1000px;}
.section-12 ul li .inner {position:relative; width:100%; height:100%; transition:transform 0.6s; transform-style:preserve-3d;}
.section-12 ul li .inner:before {display:block; content:""; padding-bottom:120%;}
.section-12 ul li .inner > div {background:#fff; position:absolute; left:0; top:0; width:100%; height:100%; backface-visibility:hidden; overflow:hidden; padding:50px 0;}
.section-12 ul li .inner > div.front {display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end; justify-content:center;}
.section-12 ul li .inner > div.front img {width:100%; display:block; margin:0 auto;}
.section-12 ul li .inner > div.front b {display:block; text-align:center; width:100%; font-size:34px; font-weight:700; color:#ee1c25; margin:30px 0 0; word-break:keep-all;}
.section-12 ul li .inner > div.back {transform:rotateY(180deg); display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.section-12 ul li .inner > div.back b {width:100%; font-size:34px; font-weight:700; color:#ee1c25; word-break:keep-all; text-align:center;}
.section-12 ul li .inner > div.back p {width:100%; font-size:26px; text-align:center; word-break:Keep-all; color:#1a1a1a; margin:20px 0 0; line-height:1.5;}
.section-12 ul li:nth-of-type(1) .inner > div.front img {max-width:78%;}
.section-12 ul li:nth-of-type(2) .inner > div.front img {max-width:75%;}
.section-12 ul li:nth-of-type(3) .inner > div.front img {max-width:62%;}
.section-12 ul li:hover .inner {transform:rotateY(180deg);}
.section-12 h2,
.section-12 small,
.section-12 ul li {opacity:0; transform:translateY(40px); transition:opacity 0.8s ease-out, transform 0.8s ease-out;}
.section-12 ul li:nth-of-type(2) {transition-delay:0.2s;}
.section-12 ul li:nth-of-type(3) {transition-delay:0.4s;}
.section-12 h2.in-view,
.section-12 small.in-view,
.section-12 ul li.in-view {opacity:1; transform:translateY(0);}
@media (max-width:991px){
.section-12 {padding:50px 0;}
.section-12 h2 {font-size:27px;}
.section-12 h2 b {font-size:27px;}
.section-12 small {font-size:14px;}
.section-12 ul {margin:30px 0 0; gap:15px;}
.section-12 ul li .inner > div {padding:50px 0 30px;}
.section-12 ul li .inner > div.front b {font-size:22px;}
.section-12 ul li .inner > div.back b {font-size:22px;}
.section-12 ul li .inner > div.back p {font-size:18px; margin:15px 0 0;}
}
@media (max-width:767px){
.section-12 ul li {width:100%; flex:none; align-items:center; align-content:center;}
.section-12 ul li .inner:before {padding-bottom:100%;}
.section-12 ul li .inner > div {padding:30px 0;}
.section-12 ul li .inner > div.front {align-items:center; align-content:center;}
.section-12 ul li:nth-of-type(1) .inner > div.front img {max-width:70%;}
.section-12 ul li:nth-of-type(2) .inner > div.front img {max-width:68%;}
.section-12 ul li:nth-of-type(3) .inner > div.front img {max-width:58%;}
}

/* section-13 */
.section-13 { position:relative; background:url('../images/bg_section13.jpg') no-repeat center top / cover;}
.section-13 .container { min-height:100vh; padding-top:100px; padding-bottom:100px; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; gap:50px;}
.section-13 h2 {width:100%; font-size:82px; color:#e1ded3; text-align:center; word-break:keep-all;}
.section-13 .inner { width:100%;}
.section-13 .inner h3 {max-width:670px; margin:0 auto; border:2px solid #fff; border-width:2px 0; padding:20px 0; font-size:38px; font-weight:700; color:#fff; word-break:keep-all; text-align:center; line-height:1.5;}
.section-13 .inner h3 b {font-size:38px; font-weight:700; color:#ffdb5f; line-height:1.5;}
.section-13 .inner p {font-size:26px; font-weight:300; color:#fff; text-align:center; word-break:keep-all; margin:30px 0; line-height:1.7;}
.section-13 .inner small {display:block; text-align:center; font-size:26px; color:#f4e0b3; line-height:1.7; word-break:keep-all; line-height:1.7;}
.section-13 .inner a {gap:10px; height:150px; padding:0 50px; display:flex; flex-wrap:wrap; align-items:center; margin:30px auto; max-width:770px; background:url('../images/btn_section_13.png') no-repeat center / cover;}
.section-13 .inner a span {font-size:36px; font-weight:700;}
.section-13 h2,
.section-13 .inner h3,
.section-13 .inner p,
.section-13 .inner a,
.section-13 .inner small {opacity:0; transform:translateY(40px); transition:opacity 0.8s ease-out, transform 0.8s ease-out;}
.section-13 .inner h3 {transition-delay:0.15s;}
.section-13 .inner p {transition-delay:0.3s;}
.section-13 .inner a {transition:opacity 0.8s ease-out 0.45s, transform 0.8s ease-out 0.45s, filter 0.3s ease;}
.section-13 .inner small {transition-delay:0.6s;}
.section-13 h2.in-view,
.section-13 .inner h3.in-view,
.section-13 .inner p.in-view,
.section-13 .inner a.in-view,
.section-13 .inner small.in-view {opacity:1; transform:translateY(0);}
.section-13 .inner a:hover {filter:brightness(1.18);}
.section-13 .inner a .arrow-wrap {display:inline-block; line-height:0; margin-top:10px; transition:transform 0.35s ease;}
.section-13 .inner a:hover .arrow-wrap {transform:translateX(12px);}
.section-13 .inner a .arrow {display:block; width:90px; height:22px; overflow:visible;}
.section-13 .inner a .arrow path {stroke-dasharray:100; stroke-dashoffset:100;}
.section-13 .inner a.in-view .arrow path {animation:arrowDraw 2.6s ease-in-out infinite;}
.section-13 .add {position: absolute; margin:30px!important; top: 5.5vw; left:0; width: calc(50vw - 460px); background: rgba(0,0,0,0.4); padding: 30px; border-radius: 20px; }
.section-13 .add small {font-size: 1.2vw;}

@keyframes arrowDraw {
	0% {stroke-dashoffset:100; opacity:0;}
	18% {opacity:1;}
	55% {stroke-dashoffset:0; opacity:1;}
	85% {stroke-dashoffset:0; opacity:1;}
	100% {stroke-dashoffset:0; opacity:0;}
}
@media (max-width:1450px){
	.section-13 .add {position: static; margin:20px 0 0 0!important; width:100%; background: none; padding: 0; border-radius: 0; }
	.section-13 .add small {font-size:25px;}
	.section-13 .is-m {display:block;}
}
@media (max-width:991px){
.section-13 .container {padding-top:50px; padding-bottom:50px; gap:30px; min-height: 0;}
.section-13 h2 {font-size:40px;}
.section-13 .inner h3 {padding:15px 0; font-size:22px; max-width:65%;}
.section-13 .inner h3 b {font-size:22px;}
.section-13 .inner p {font-size:18px; margin:15px auto;}
.section-13 .inner small {font-size:14px;}
.section-13 .inner a {max-width:320px; height:63px; margin:50px auto 15px; padding:0 20px;}
.section-13 .inner a span {font-size:20px;}
.section-13 .inner a .arrow {width:55px; height:14px;}
.section-13 .inner a .arrow-wrap {margin-top:4px;}
.section-13 .add small {font-size: 14px!important;}
}