@charset "utf-8";
main .l-container {}
main .l-container.glay {background: #f0f0f0;}
main .l-container.white {background: #FFFFFF;}
main .l-container__inner {max-width: 1100px;padding: 100px 0px;margin: 0 auto;}
main .l-container__inner ul {margin: 0;padding: 0;}
main .l-container__inner ul li {margin: 0;padding: 0;list-style: none;}
main .l-container__inner h2 {width: 100%;font-size: 18px;line-height: 1.3;font-family:var(--font-bold);font-weight: 400;font-feature-settings: "palt";letter-spacing: 0.15em;color: #58656f;margin: 0 0 32px 0;padding: 0 0 38px 0;position: relative;}
main .l-container__inner h2 img {display: block;}
main .l-container__inner h2::after {content: "";width: 50px;height: 3px;background-color: #58656f;position: absolute;bottom: 0;left: 0;}
main .l-container__inner h3 {width: 100%;font-size: 16px;line-height: 1.3;font-family:var(--font-bold);font-weight: 400;font-feature-settings: "palt";letter-spacing: 0.15em;color: #58656f;margin: 0;padding: 0;position: relative;}
main .l-container__inner p {font-size: 14px;line-height: 2.2;font-feature-settings: "palt";letter-spacing: 0.1em;margin: 0;padding: 0;color: #444;}

main .l-container__inner p.note_link{
  margin-top: 40px;
}

.l-container__inner .btn {position: relative;}
.l-container__inner .btn a {position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition:all .5s;}
.l-container__inner .btn a:hover {opacity: 0.3;transition:all .5s;background-color: #FFF;}
.l-container__inner.banner a {opacity: 1.0;transition:all .5s;}
.l-container__inner.banner a:hover {opacity: 0.7;transition:all .5s;}

.top_movie{position: relative;width: 100%;overflow: hidden;padding-bottom: 56.25%;}
.top_movie iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}


/* #section00 */
#section00.l-container {z-index: 93;position: relative;}
#section00 .l-container__inner {text-align: center;padding: 0 0 60vh 0;}
#section00 .l-container__inner h2 {font-size: 38px;line-height: 1.7;font-family:var(--font-normal);font-feature-settings: "palt";letter-spacing: 0.3em;margin: 0 0 45px 13px;padding: 0;color: #FFF;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
#section00 .l-container__inner p {font-size: 18px;line-height: 1.7;font-feature-settings: "palt";letter-spacing: 0.3em;margin: 0 0 35px 0;padding: 0;color: #FFF;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
#section00 .l-container__inner h2::after {content: "";width: 0;height: 0;background-color: transparent;}

/* #section01 */
#section01.l-container {z-index: 93;position: relative;}
#section01 .l-container__inner .ehev {width: 580px;margin: 0px auto 80px auto;}
#section01 .l-container__inner h2 {width: 332px;}
#section01 .l-container__inner .movie_box {width: 100%;margin-top: 40px;}
#section01 .l-container__inner .movie_box ul {width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
#section01 .l-container__inner .movie_box ul li {width: 30.613%;}
#section01 .l-container__inner .movie_box ul li h3 {margin: 0 0 10px 0;}
#section01 .l-container__inner .movie_box ul li p {line-height: 1.7;margin: 0 0 20px 0;color: #666;}
#section01 .l-container__inner .movie_box ul li .btn {width: 100%;height: 50px;background-color: #58656f;border-radius: 25px;margin: 30px 0 0 0;padding: 0;position: relative;}
#section01 .l-container__inner .movie_box ul li .btn p{width: 100%;margin: 0;color: #FFF;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);text-align: center;}
#section01 .l-container__inner .movie_box ul li .btn img {width: 12px;height: 12px;margin-left: 20px;position: relative;vertical-align: baseline;display: inline-block;}
#section01 .l-container__inner .movie_box ul li .btn.mt-20 {margin: 20px 0 0 0;}

/* #section02 */
#section02.l-container {z-index: 92;position: relative;}
#section02 .l-container__inner h2 {width: 474px;}
#section02 .l-container__inner .movie_box {width: 100%;margin-top: 40px;}
#section02 .l-container__inner .movie_box .btn {width: 340px;height: 50px;background-color: #58656f;border-radius: 25px;margin: 60px auto 0 auto;padding: 0;position: relative;}
#section02 .l-container__inner .movie_box .btn p{font-size: 14px;line-height: 1.7;width: 100%;margin: 0;color: #FFF;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);text-align: center;}
#section02 .l-container__inner .movie_box .btn img {width: 12px;height: 12px;margin-left: 20px;position: relative;vertical-align: baseline;display: inline-block;}

/* #section03 */
#section03.l-container {z-index: 91;position: relative;}
/*#section03 .l-container__inner h2 {width: 374px;padding-bottom: 25px;}*/
#section03 .l-container__inner .movie_box {width: 100%;margin-top: 40px;}
#section03 .l-container__inner .movie_box ul {width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 40px;}
#section03 .l-container__inner .movie_box ul li {width: 30.613%;}
#section03 .l-container__inner .movie_box ul li h3 {line-height: 1.6;margin: 0 0 15px 0;}
#section03 .l-container__inner .movie_box ul li p {font-size: 16px;line-height: 1.7;margin: 0 0 20px 0;color: #555;}
#section03 .l-container__inner .movie_box .btn {width: 380px;height: 50px;background-color: #58656f;border-radius: 25px;margin: 60px auto 0 auto;padding: 0;position: relative;}
#section03 .l-container__inner .movie_box .btn p{font-size: 14px;line-height: 1.7;width: 100%;margin: 0;color: #FFF;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);text-align: center;}
#section03 .l-container__inner .movie_box .btn img {width: 12px;height: 12px;margin-left: 20px;position: relative;vertical-align: baseline;display: inline-block;}
#section03 .l-container__inner .movie_box p.caution {font-size: 13px;line-height: 1.7;margin: 25px 0 0 0;color: #555;text-align: right;display: block;}
#section03 .l-container__inner .movie_box p.caution span {display: block;}
/* #section04 */
#section04.l-container {z-index: 94;position: relative;}
/*#section04 .l-container__inner h2 {width: 434px;}*/
#section04 .l-container__inner .movie_box {width: 100%;margin-top: 40px;}
#section04 .l-container__inner .movie_box ul {width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
#section04 .l-container__inner .movie_box ul li {width: 50%;}
#section04 .l-container__inner .movie_box ul li:nth-child(2) {width: 47%;}
#section04 .l-container__inner .movie_box ul li .btn {width: 340px;height: 50px;background-color: #58656f;border-radius: 25px;margin: 30px 0 0 0;padding: 0;position: relative;}
#section04 .l-container__inner .movie_box ul li .btn p{font-size: 14px;line-height: 1.7;width: 100%;margin: 0;color: #FFF;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);text-align: center;}
#section04 .l-container__inner .movie_box ul li .btn img {width: 12px;height: 12px;margin-left: 20px;position: relative;vertical-align: baseline;display: inline-block;}

/* #section001 */
#section001.l-container {z-index: 0;position: relative;}
main .l-container__inner.full_width {max-width: 100%;padding: 0px;margin:0 auto;}
#section001 .l-container__inner .movie_box {width: 100%;margin-top: 40px;}
#section001 .l-container__inner .main_function {max-width: 720px;width: 90%;margin: 80px auto 0 auto;padding: 0;position: relative;}
#section001 .l-container__inner .main_function .logo_area {width: 100%;margin: 0 auto 50px auto;padding: 0 0 50px 0;position: relative;text-align: center;}
#section001 .l-container__inner .main_function .logo_area .logo {width: 78%;margin: 0 auto 0 auto;padding: 0;}
#section001 .l-container__inner .main_function .logo_area::after {content: "";width: 50px;height: 3px;background-color: #58656f;position: absolute;bottom: 0%;left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);}
#section001 .l-container__inner .main_function .logo_area p {width: 100%;font-size: 17px;line-height: 1.3;font-family:var(--font-bold);font-feature-settings: "palt";letter-spacing: 0.3em;color: #444;margin: 30px 0 0 0;padding: 0;position: relative;text-align: center;}
#section001 .l-container__inner .main_function h2 {width: 100%;margin: 50px auto 0px auto;padding: 50px 0 40px 0;position: relative;text-align: center;}
#section001 .l-container__inner .main_function h2::after {content: "";width: 50px;height: 3px;background-color: #58656f;position: absolute;top: 0%;left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);}
#section001 .l-container__inner .main_function p.name {color: #58656f;text-align: left;margin: 25px 0 0 0;padding: 0px;font-size: 16px;line-height: 2.0;font-family:var(--font-bold);font-feature-settings: "palt";letter-spacing: 0.15em;}

#section001 .l-container__inner .function {width: 100%;min-height: 580px;height: 46vh;border-top: solid 1px #e0e0e0;padding: 40px 0 0 0;position: relative;background-color: #FFF;}
#section001 .l-container__inner .function ul {max-width: 1600px;width: 100%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
#section001 .l-container__inner .function ul.function__inner {position: absolute;top: 40px;left: 0;width: 100%;height: 100%;}
#section001 .l-container__inner .function ul li {width: 50%;margin-bottom: 70px;}
#section001 .l-container__inner .function ul li .text_box {width: 550px;padding: 0 4vw 0 0;box-sizing: border-box;float: right;position: relative;}
#section001 .l-container__inner .function ul li h2 {line-height: 1.8;}
#section001 .l-container__inner .function ul li p {line-height: 2.4;}
#section001 .l-container__inner .function ul li p.name {width: 100%;margin-top: 30px;background-color: #58656f;color: #FFF;text-align: center;padding: 12px 0px;font-size: 16px;line-height: 1.7;font-family:var(--font-bold);font-feature-settings: "palt";letter-spacing: 0.15em;}

#section001 .l-container__inner .function .no {width: 40px;height: 16px;position: absolute;top: 8px;left: -70px;}
#section001 .l-container__inner .function .no img {vertical-align: top;}

#section001 .l-container__inner .function02 {width: 100%;min-height: 580px;height: 46vh;/*border-top: solid 1px #e0e0e0;*/padding: 0;position: relative;/*background-color: #FFF;*/}
#section001 .l-container__inner .function02 ul {max-width: 1600px;width: 100%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
#section001 .l-container__inner .function02 ul.function02__inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: solid 1px #e0e0e0;background-color: #FFF;padding: 40px 0 0 0;}
#section001 .l-container__inner .function02 ul li {width: 50%;margin-bottom: 70px;}
#section001 .l-container__inner .function02 ul li .text_box {width: 550px;padding: 0 4vw 0 0;box-sizing: border-box;float: right;position: relative;}
#section001 .l-container__inner .function02 ul li h2 {line-height: 1.8;}
#section001 .l-container__inner .function02 ul li p {line-height: 2.4;}
#section001 .l-container__inner .function02 ul li p.name {width: 100%;margin-top: 30px;background-color: #58656f;color: #FFF;text-align: center;padding: 12px 0px;font-size: 16px;line-height: 1.7;font-family:var(--font-bold);font-feature-settings: "palt";letter-spacing: 0.15em;}
#section001 .l-container__inner .function02 .no {width: 40px;height: 16px;position: absolute;top: 8px;left: -70px;}
#section001 .l-container__inner .function02 .no img {vertical-align: top;}

#section001 .l-container__inner .function03 {width: 100%;min-height: 580px;height: 46vh;/*border-top: solid 1px #e0e0e0;*/padding: 0;position: relative;/*background-color: #FFF;*/}
#section001 .l-container__inner .function03 ul {max-width: 1600px;width: 100%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
#section001 .l-container__inner .function03 ul.function03__inner {position: absolute;top: 40px;left: 0;width: 100%;height: 100%;border-top: solid 1px #e0e0e0;background-color: #FFF;padding: 40px 0 0 0;}
#section001 .l-container__inner .function03 ul li {width: 50%;margin-bottom: 70px;}
#section001 .l-container__inner .function03 ul li .text_box {width: 550px;padding: 0 4vw 0 0;box-sizing: border-box;float: right;position: relative;}
#section001 .l-container__inner .function03 ul li h2 {line-height: 1.8;}
#section001 .l-container__inner .function03 ul li p {line-height: 2.4;}
#section001 .l-container__inner .function03 ul li p.name {width: 100%;margin-top: 30px;background-color: #58656f;color: #FFF;text-align: center;padding: 12px 0px;font-size: 16px;line-height: 1.7;font-family:var(--font-bold);font-feature-settings: "palt";letter-spacing: 0.15em;}
#section001 .l-container__inner .function03 ul li p.caution {width: 100%;margin-top: 30px;color: #444;padding: 0px;font-size: 13px;line-height: 1.7;padding-left:2.2em;text-indent:-2.2em;}

#section001 .l-container__inner .function03 .no {width: 40px;height: 16px;position: absolute;top: 8px;left: -70px;}
#section001 .l-container__inner .function03 .no img {vertical-align: top;}

#section001 .l-container__inner .img {z-index: 101;position: relative;}

/* #section001 */
#banner02.l-container {z-index: 95;position: relative;}

@media screen and (max-width : 1400px) {
#section001 .l-container__inner .function ul li .text_box {width: auto;padding: 0 4vw 0 10.7vw;float: none;}
#section001 .l-container__inner .function02 ul li .text_box {width: auto;padding: 0 4vw 0 10.7vw;float: none;}
#section001 .l-container__inner .function03 ul li .text_box {width: auto;padding: 0 4vw 0 10.7vw;float: none;}
#section001 .l-container__inner .function .no {left: 4vw;}
#section001 .l-container__inner .function02 .no {left: 4vw;}
#section001 .l-container__inner .function03 .no {left: 4vw;}
}
@media screen and (max-width : 1024px) {
#section001 .l-container__inner .function {height: auto;}
#section001 .l-container__inner .function ul {width: 92%;}
#section001 .l-container__inner .function ul.function__inner {position: static;}
#section001 .l-container__inner .function ul li {width: 100%;margin-bottom: 40px;}
#section001 .l-container__inner .function ul li .text_box {padding: 0 5%;}
#section001 .l-container__inner .function ul li:nth-child(2) {width: 90%;margin:0 auto 70px auto;}
#section001 .l-container__inner .function .no {width: 40px;height: 16px;position: relative;top: 0;left: 0;margin-bottom: 15px;}


#section001 .l-container__inner .function02 {height: auto;}
#section001 .l-container__inner .function02 ul {width: 92%;}
#section001 .l-container__inner .function02 ul.function02__inner {position: static;}
#section001 .l-container__inner .function02 ul li {width: 100%;margin-bottom: 40px;}
#section001 .l-container__inner .function02 ul li .text_box {padding: 0 5%;}
#section001 .l-container__inner .function02 ul li:nth-child(2) {width: 90%;margin:0 auto 70px auto;}
#section001 .l-container__inner .function02 .no {width: 40px;height: 16px;position: relative;top: 0;left: 0;margin-bottom: 15px;}

	
#section001 .l-container__inner .function03 {height: auto;}
#section001 .l-container__inner .function03 ul {width: 92%;}
#section001 .l-container__inner .function03 ul.function03__inner {position: static;}
#section001 .l-container__inner .function03 ul li {width: 100%;margin-bottom: 40px;}
#section001 .l-container__inner .function03 ul li .text_box {padding: 0 5%;}
#section001 .l-container__inner .function03 ul li:nth-child(2) {width: 90%;margin:0 auto 70px auto;}
#section001 .l-container__inner .function03 .no {width: 40px;height: 16px;position: relative;top: 0;left: 0;margin-bottom: 15px;}


}

.pc {display: block !important;}
.sp {display: none !important;}


/* 共通 */
.effect {overflow: hidden;position: relative;}
.effect img {display: block;height: auto;width: 100%;}

/* アニメーション01（左から右） */
.effect-img01 img {opacity: 0;}
.effect-img01.animation {animation: effect-img01 2s cubic-bezier(0.4, 0, 0.2, 1);}
.effect-img01.animation img {opacity: 1;}
.effect-img01.animation::before {animation: effect-before01 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;background:#e8e8e8;content: '';inset: 0;pointer-events: none;position: absolute;z-index: 1;}
@keyframes effect-img01 {
  0% {
    opacity: 0;
  }
}
@keyframes effect-before01 {
  100% {
    transform: translateX(100%);
  }
}

/* アニメーション03（テキスト表示） */
.effect-txt01 {margin: 0;clip-path: inset(0 100% 0 0);/*display: inline-block;*/}
.effect-txt01.animation {animation: effect-txt01 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;/*animation-timing-function:ease-out;*/}
@keyframes effect-txt01 {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}

/* アニメーション02（その場で） */
.effect-txt02 {margin: 0;opacity: 0;}
.effect-txt02.animation {animation: effect-txt02 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;/*animation-timing-function:ease-out;*/}
@keyframes effect-txt02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* アニメーション03（その場で） */
.effect-txt03 {margin: 0;opacity: 0;}
.effect-txt03.animation {animation: effect-txt03 0.5s cubic-bezier(0.8, 0, 0.4, 1) forwards;animation-timing-function:ease-out;}
@keyframes effect-txt03 {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

.delay01 {animation-delay:0.3s !important;}
.delay02 {animation-delay:0.6s !important;}
.delay03 {animation-delay:0.9s !important;}
.delay04 {animation-delay:1.2s !important;}
.delay05 {animation-delay:1.5s !important;}
.delay06 {animation-delay:1.8s !important;}
.delay07 {animation-delay:2.1s !important;}
.delay08 {animation-delay:2.4s !important;}
/*
.delay01 {animation-delay:0.4s !important;}
.delay02 {animation-delay:0.8s !important;}
.delay03 {animation-delay:1.2s !important;}
.delay04 {animation-delay:1.6s !important;}
.delay05 {animation-delay:2.0s !important;}
.delay06 {animation-delay:2.4s !important;}
.delay07 {animation-delay:2.8s !important;}
.delay08 {animation-delay:3.2s !important;}
*/


.video01_play_btn {width: 28px;position: absolute;bottom: 17px;left: 50px;display: block;opacity: 1;transition: 0.3s;}
.video01_pause_btn {width: 28px;position: absolute;bottom: 17px;left: 50px;display: block;opacity: 1;transition: 0.3s;}
.video01_reset_btn {width: 28px;position: absolute;bottom: 17px;left: 12px;display: block;transition: 0.3s;}
.video01_play_btn.sel {display: none;opacity: 0;transition: 0.3s;}
.video01_pause_btn.sel {display: none;opacity: 0;transition: 0.3s;}
.video01_play_btn:hover{transition: 0.3s;opacity: 0.7;}
.video01_pause_btn:hover{transition: 0.3s;opacity: 0.7;}
.video01_reset_btn:hover{transition: 0.3s;opacity: 0.7;}

.video02_play_btn {width: 28px;position: absolute;bottom: 17px;left: 50px;display: block;opacity: 1;transition: 0.3s;}
.video02_pause_btn {width: 28px;position: absolute;bottom: 17px;left: 50px;display: block;opacity: 1;transition: 0.3s;}
.video02_reset_btn {width: 28px;position: absolute;bottom: 17px;left: 12px;display: block;transition: 0.3s;}
.video02_play_btn.sel {display: none;opacity: 0;transition: 0.3s;}
.video02_pause_btn.sel {display: none;opacity: 0;transition: 0.3s;}
.video02_play_btn:hover{transition: 0.3s;opacity: 0.7;}
.video02_pause_btn:hover{transition: 0.3s;opacity: 0.7;}
.video02_reset_btn:hover{transition: 0.3s;opacity: 0.7;}

.video03_play_btn {width: 28px;position: absolute;bottom: 17px;left: 50px;display: block;opacity: 1;transition: 0.3s;}
.video03_pause_btn {width: 28px;position: absolute;bottom: 17px;left: 50px;display: block;opacity: 1;transition: 0.3s;}
.video03_reset_btn {width: 28px;position: absolute;bottom: 17px;left: 12px;display: block;transition: 0.3s;}
.video03_play_btn.sel {display: none;opacity: 0;transition: 0.3s;}
.video03_pause_btn.sel {display: none;opacity: 0;transition: 0.3s;}
.video03_play_btn:hover{transition: 0.3s;opacity: 0.7;}
.video03_pause_btn:hover{transition: 0.3s;opacity: 0.7;}
.video03_reset_btn:hover{transition: 0.3s;opacity: 0.7;}


@media screen and (max-width : 768px) {

.l-container__inner {padding: 12vw 8vw 15vw 8vw;}
.l-container__inner ul {margin: 0;padding: 0;}
.l-container__inner h2 {margin-bottom: 8vw;padding-bottom: 6vw;}
.l-container__inner h2::after {width: 8vw;}
.l-container__inner h3 {font-size: 5vw;line-height: 1.3;}
.l-container__inner p {font-size: 4.0vw;line-height: 2.0;letter-spacing: 0.08em;}
.l-container__inner .btn a:hover {opacity: 0;}
.l-container__inner.banner a:hover {opacity: 1.0;}

main .l-container__inner {width: 100%;padding: 10vw 0px;}
main .l-container__inner h2 {font-size: 4.0vw;line-height: 1.3;margin: 0 0 32px 0;padding: 0 0 38px 0;}
main .l-container__inner h3 {font-size: 3.7vw;line-height: 1.3;}
main .l-container__inner p {font-size: 3.4vw;line-height: 2.2;}
	

main .l-container__inner p.note_link{
  margin-left: 1em;
}

#section00 .l-container__inner h2 {margin-left: 1vw;}

/* #section001 */
main .l-container__inner.full_width {max-width: 100%;padding: 0px;margin:0 auto;}
#section001 .l-container__inner .movie_box {width: 90%;margin: 0 auto;}
#section001 .l-container__inner .main_function {margin-top: 40px;}
#section001 .l-container__inner .main_function .logo_area {margin: 0 auto 40px auto;padding: 0 0 40px 0;}
#section001 .l-container__inner .main_function .logo_area .logo {width: 90%;}
#section001 .l-container__inner .main_function .logo_area p {font-size: 3.6vw;line-height: 1.5;margin: 30px 0 0 0;}
#section001 .l-container__inner .main_function h2 {width: 100%;margin: 40px auto 0px auto;padding: 40px 0 30px 0;position: relative;text-align: center;}
#section001 .l-container__inner .main_function p.name {margin: 25px 0 0 0;font-size: 3.7vw;}
#section001 .l-container__inner .function ul {width: 100%;margin: 0 auto;display: block;}
#section001 .l-container__inner .function ul li {width: 90%;margin: 0 auto 40px auto;}
#section001 .l-container__inner .function ul li .text_box {width: 100%;padding: 0;float: none;}
#section001 .l-container__inner .function ul li p.name {margin-top: 30px;padding: 12px 0px;font-size: 3.7vw;}

#section001 .l-container__inner .function02 ul {width: 100%;margin: 0 auto;display: block;}
#section001 .l-container__inner .function02 ul li {width: 90%;margin: 0 auto 40px auto;}
#section001 .l-container__inner .function02 ul li .text_box {width: 100%;padding: 0;float: none;}
#section001 .l-container__inner .function02 ul li p.name {margin-top: 30px;padding: 12px 0px;font-size: 3.7vw;}

#section001 .l-container__inner .function03 ul {width: 100%;margin: 0 auto;display: block;}
#section001 .l-container__inner .function03 ul li {width: 90%;margin: 0 auto 40px auto;}
#section001 .l-container__inner .function03 ul li .text_box {width: 100%;padding: 0;float: none;}
#section001 .l-container__inner .function03 ul li p.name {margin-top: 30px;padding: 12px 0px;font-size: 3.7vw;}


/* #section01 */
#section01 .l-container__inner .ehev {width: 100%;margin-bottom: 12vw;}
#section01 .l-container__inner h2 {width: 52vw;}
#section01 .l-container__inner .movie_box {width: 100%;margin-top: 0;}
#section01 .l-container__inner .movie_box ul li {width: 100%;margin-top: 8vw;}
#section01 .l-container__inner .movie_box ul li h3 {margin-bottom: 3vw;}
#section01 .l-container__inner .movie_box ul li p {font-size: 3.6vw;margin-bottom: 4vw;}
#section01 .l-container__inner .movie_box ul li .btn {margin-top: 5vw;}
#section01 .l-container__inner .movie_box ul li .btn.mt-20 {margin-top: 5vw;}


/* #section02 */
#section02 .l-container__inner h2 {width: 84vw;}
#section02 .l-container__inner .movie_box {width: 100%;margin-top: 8vw;}
#section02 .l-container__inner .movie_box .btn {width: 100%;margin-top: 10vw;}
#section02 .l-container__inner .movie_box .btn p{font-size: 3.6vw;}


/* #section03 */
#section03 .l-container__inner {width: 100%;padding: 12vw 0 15vw 0;}
#section03 .l-container__inner h2 {width: 66vw;padding-bottom: 5vw;margin-left: 5%;margin-right: 5%;}
#section03 .l-container__inner p {margin-left: 5%;margin-right: 5%;}
#section03 .l-container__inner .movie_box {width: 100%;margin-top: 8vw;}
#section03 .l-container__inner .movie_box .main_mov {margin-left: 5%;margin-right: 5%;}
#section03 .l-container__inner .movie_box ul {margin-top: 8vw;}
#section03 .l-container__inner .movie_box ul li {width: 100%;margin-left: 2vw;margin-right: 2vw;}
#section03 .l-container__inner .movie_box ul li h3 {margin: 0 0 15px 0;}
#section03 .l-container__inner .movie_box ul li p {font-size: 3.6vw;margin-bottom: 4vw;padding-left: 0vw;padding-right: 0vw;}
#section03 .l-container__inner .movie_box .btn {width: 90%;margin-top: 13vw;padding-left: 8vw;padding-right: 8vw;}
#section03 .l-container__inner .movie_box .btn p {font-size: 3.6vw;}
#section03 .l-container__inner .movie_box p.caution {font-size: 3vw;margin: 18vw auto 0 auto;text-align: left;width: 90%;}
#section03 .l-container__inner .movie_box p.caution span {padding-left:1.4em;text-indent:-1.4em;}
#section03 .l-container__inner .movie_box .slick-slide {opacity: 0.3;transition:all .5s;}
#section03 .l-container__inner .movie_box .slick-slide.slick-current {opacity: 1.0;transition:all .5s;}
#section03 .l-container__inner .movie_box .slick-slide.is-active-next {opacity: 1.0;transition:all .5s;}
#section03 .l-container__inner .movie_box ul.slick-dots {margin-top: 0;flex-flow: nowrap;justify-content: center;bottom: -10vw;gap: 0px 20px;}
#section03 .l-container__inner .movie_box ul.slick-dots li {width: 20px;margin: 0;}
#section03 .l-container__inner .movie_box .prev-arrow {width: 20px;margin: 0;position: absolute;top: 62%;left: 5%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);z-index: 101;}
#section03 .l-container__inner .movie_box .next-arrow {width: 20px;margin: 0;position: absolute;top: 62%;right: 5%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);z-index: 102;}


/* #section04 */
#section04 .l-container__inner h2 {width: 72.8vw;}
#section04 .l-container__inner .movie_box {width: 100%;margin-top: 8vw;}
#section04 .l-container__inner .movie_box ul li {width: 100%;}
#section04 .l-container__inner .movie_box ul li:nth-child(2) {width: 100%;}
#section04 .l-container__inner .movie_box ul li .btn {width: 100%;margin-top: 10vw;}
#section04 .l-container__inner .movie_box ul li .btn p{font-size: 3.6vw;}

#section01 .l-container__inner,#section02 .l-container__inner,#section04 .l-container__inner,#banner02 .l-container__inner {width: 90%;}
	
.pc {display: none !important;}
.sp {display: block !important;}
	
}

@media screen and (max-width : 428px) {
.video01_play_btn {width: 6vw;bottom: 4vw;left: 10.5vw;}
.video01_pause_btn {width: 6vw;bottom: 4vw;left: 10.5vw;}
.video01_reset_btn {width: 6vw;bottom: 4vw;left: 2.5vw;}
.video01_play_btn:hover,.video01_pause_btn:hover,.video01_reset_btn:hover{opacity: 1;}
.video02_play_btn {width: 6vw;bottom: 4vw;left: 10.5vw;}
.video02_pause_btn {width: 6vw;bottom: 4vw;left: 10.5vw;}
.video02_reset_btn {width: 6vw;bottom: 4vw;left: 2.5vw;}
.video02_play_btn:hover,.video02_pause_btn:hover,.video02_reset_btn:hover{opacity: 1;}
.video03_play_btn {width: 6vw;bottom: 4vw;left: 10.5vw;}
.video03_pause_btn {width: 6vw;bottom: 4vw;left: 10.5vw;}
.video03_reset_btn {width: 6vw;bottom: 4vw;left: 2.5vw;}
.video03_play_btn:hover,.video03_pause_btn:hover,.video03_reset_btn:hover{opacity: 1;}
}