@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../plugin/fontawesome/css/all.min.css);
@import url(../plugin/aos/aos.css);
/*@import url(../plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../plugin/OwlCarousel/assets/owl.theme.default.css);*/
/*@import url(../plugin/lightGallery/css/lightgallery.min.css);*/
/*@import url(../plugin/Remodal/remodal.css); @import url(../plugin/Remodal/remodal-default-theme.css);*/
@import url(../plugin/slick/slick.css); @import url(../plugin/slick/slick-theme.css);
@import url(common_parts.css);
@import url(common.css);

/*
 environment
==============================*/

/* index-header ----------*/
#index-header { position: relative; z-index: 2; margin-bottom: 3vw; padding: 7rem 2rem 0; }
#index-header .inner { position: relative; }
#index-header h1 { color: #FFF; line-height: 1; }
#index-header h1 span { display: block; text-align: center; }
#index-header h1 .e { font-size: 10rem; font-weight: 800; font-family: 'Saira Extra Condensed', sans-serif; letter-spacing: 0.05em; }
#index-header h1 .j { margin-top: 3rem; font-size: 3.6rem; }
#index-header .bgimg { margin-top: -2rem; text-align: center; }
@media screen and (max-width:1460px) {
	#index-header { background-size: 140%; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-header { padding-top: 4rem; }
	#index-header h1 { margin-bottom: 4rem; }
	#index-header h1 .e { font-size: 8rem; }
	#index-header h1 .j { margin-top: 1rem; font-size: 2.4rem; }
}

/* common ----------*/
#main h2 { display: flex; justify-content: center; align-items: center; }
#main h2 .n { margin-right: -2rem; color: #2661A4; line-height: 1; font-size: 20rem; font-family: 'Saira Extra Condensed', sans-serif; font-weight: 800; }
#main h2 .t { padding: 1rem 4rem; border-radius: 6rem; color: #FFF; background-color: #EF4E16; line-height: 1.3; font-size: 4rem; font-weight: bold; }
.paper-box { position: relative; margin-bottom: 4rem; border-top: solid 3px #003B80; border-right: solid 3px #003B80; background-color: #FFF; -webkit-filter: drop-shadow(1.3rem 1.3rem 0px rgba(0, 0, 0, 0.2)); filter: drop-shadow(1.3rem 1.3rem 0px rgba(0, 0, 0, 0.2)); }
.paper-box::before { position: absolute; z-index: 3; top: 0; left: 0; content: ""; width: 0; height: calc(100% + 4rem); border-left: solid 3px #003B80; }
.paper-box::after { position: absolute; z-index: 3; bottom: -4rem; left: 0; content: ""; width: calc(100% - 4rem); height: 0; border-bottom: solid 3px #003B80; }
.paper-box-inner { position: relative; padding: 6rem 4rem 3rem; }
.paper-box-inner::before { position: absolute; z-index: 1; top: calc(100% - 1px); left: 0; content: ""; width: 100%; height: 4rem; border-top: solid 4rem #FFF; border-right: solid 4rem transparent; }
.paper-box-inner::after { position: absolute; z-index: 2; bottom: -4rem; right: -0.2rem; content: ""; width: 4.3rem; height: 4.3rem; background-image: url(../images/environment/paper-box_bg.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#main h2 .n { margin-right: -2rem; font-size: 15rem;  }
	#main h2 .t { padding: 1rem 4rem; font-size: 3rem; }
}

/* index-contents1 ----------*/
.index-contents1 { position: relative; margin-bottom: 18vw; background-color: #FFF; }
.index-contents1 h2 .n { color: #C2D9F2 !important; }
.index-contents1::before, .index-contents1::after { position: absolute; z-index: 1; left: 0; content: ""; width: 100%; padding-top: 13.2%; background-repeat: no-repeat; background-size: cover; }
.index-contents1::before { bottom: calc(100% - 1px); background-position: center bottom; background-image: url(../images/environment/bg_1.svg); }
.index-contents1::after { top: calc(100% - 1px); background-position: center top; background-image: url(../images/environment/bg_2.svg); }
.index-contents1 .list_1 {}
.index-contents1 .list_1 li { display: flex; flex-flow: wrap; margin-top: 5rem; padding: 6rem 10rem; border-radius: 10rem; background-color: #C0D7F2; align-items: center; }
.index-contents1 .list_1 .tw { width: 63%; }
.index-contents1 .list_1 .pw { width: 35%; text-align: center; padding: 0 2rem; }
.index-contents1 .list_1 .tw2 { display: block; width: 100%; margin-top: 3rem; text-align: center; }
.index-contents1 .list_1 .tw2 img {}
.index-contents1 .list_1 .tw2 .s { color: #003B80; text-align: right; font-size: 1.5rem; font-weight: 100; }
.index-contents1 .list_1 .tw2 .time { position: relative; display: flex; align-items: center; justify-content: center; }
.index-contents1 .list_1 .tw2 .time:after { content: ""; z-index: 1; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; border-top: dashed 2px #003B80; }
.index-contents1 .list_1 .tw2 .time .tm { background-color: #C0D7F2; position: relative; z-index: 2; font-size: 2.2rem; color: #EF4E16; line-height: 1; }
.index-contents1 .list_1 .tw2 .time .tm:first-child { margin-right: auto; padding-right: 0.5rem; }
.index-contents1 .list_1 .tw2 .time .tm:last-child { margin-left: auto; padding-left: 0.5rem; }
.index-contents1 .list_1 .tw2 .time .tt { position: relative; z-index: 2; background-color: #C0D7F2; line-height: 1.2; font-size: 1.8rem; color: #003B80; border: solid 1px #003B80; padding: 0.8rem 2rem; border-radius: 5rem; }
.index-contents1 .list_1 .tw2 .ip { margin-top: 2rem; display: inline-block; font-size: 2.4rem; color: #FFF; background-color: #EF4E16; line-height: 1.2; padding: 0.5rem 1rem; }
.index-contents1 .list_1 .h { position: relative; display: block; margin-bottom: 3rem; padding-bottom: 2rem; color: #003B80; line-height: 1.4; font-size: 3.6rem; font-weight: bold; vertical-align: middle; }
.index-contents1 .list_1 .h::before { position: absolute; bottom: 0; left: 0; content: ""; width: 7rem; height: 0.5rem; background-color: #EF4E16; }
.index-contents1 .list_1 .t { display: block; }
.index-contents1 .list_1 .c { display: inline-block; margin-left: 1rem; padding: 0.2rem 2rem; border-radius: 3rem; background-color: #FAF000; font-weight: 500; font-size: 1.8rem; vertical-align: middle; }
.index-contents1 .list_1 .cw { display: block; margin-top: 2rem; }
.index-contents1 .list_1 .cw .c { margin-bottom: 1rem; color: #003B80; background-color: #FFF; }
.index-contents1 .list_1 .dpw .tw { width: 50%; }
.index-contents1 .list_1 .dpw .pw { width: 50%; display: flex; align-items: center; justify-content: center; }
.index-contents1 .list_1 .dpw .pw span { white-space: nowrap; line-height: 1.2; text-align: center; font-size: 2rem; font-weight: bold; color: #003B80; }
.index-contents1 .list_1 .dpw .pw span.or { padding: 0 2rem; }
.index-contents1 .list_1 .dpw .pw span small { font-size: 1.6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	.index-contents1 .list_1 li { display: block; margin-top: 4rem; padding: 4rem 5rem; border-radius: 6rem; }
	.index-contents1 .list_1 .tw { display: block; width: 100%; }
	.index-contents1 .list_1 .pw { display: block; width: 100%; text-align: center; margin-top: 3rem; }
	.index-contents1 .list_1 .h { font-size: 3rem; }
	.index-contents1 .list_1 .dpw .tw { width: 100%; }
	.index-contents1 .list_1 .dpw .pw { width: 100%; }
	.index-contents1 .list_1 .tw2 .s { font-size: 1.2rem; }
	.index-contents1 .list_1 .tw2 .time .tm { font-size: 1.8rem; }
	.index-contents1 .list_1 .tw2 .time .tt { font-size: 1.6rem; padding: 0.5rem 1rem; border-radius: 1rem; }
	.index-contents1 .list_1 .tw2 .ip { font-size: 2rem; }
}

/* index-contents2 ----------*/
.index-contents2 { background-color: #629CDE; }
.index-contents2 h2 .n { color: #4B85D2 !important; }
.index-contents2 h2 .t { color: #003B80 !important; background-color: #FAF000 !important; }
.index-contents2 .list_2 { margin-top: 6rem; }
.index-contents2 .list_2 .tw {}
.index-contents2 .list_2 .tw .n { position: absolute; z-index: 1; top: 1rem; right: 2rem; color: #C2D9F2; line-height: 1; font-family: 'Saira Extra Condensed', sans-serif; font-size: 10rem; font-weight: 800; }
.index-contents2 .list_2 .tw h3 { position: relative; z-index: 3; margin-bottom: 2rem; color: #003B80; font-size: 3.2rem; }
.index-contents2 .list_2 .tw p { font-size: 1.6rem; }
.index-contents2 .list_2 .pw { padding: 0 2rem; }
.index-contents2 .list_2 .orange { color: #EF4E16; }
.index-contents2 .list_3 {}
.index-contents2 .list_3 .paper-box-inner { display: flex; padding-top: 4rem; padding-bottom: 0; }
.index-contents2 .list_3 .paper-box-inner .tw { width: 50%; padding-right: 5rem; }
.index-contents2 .list_3 .paper-box-inner .tw2 { width: 50%; padding-left: 1rem; }
.index-contents2 .list_3 .paper-box-inner .tw2 h4 { padding-bottom: 1rem; border-bottom: solid 1px #003B80; color: #003B80; font-size: 1.8rem; }
.index-contents2 .list_3 .paper-box-inner .tw2 dl { display: flex; flex-flow: wrap; }
.index-contents2 .list_3 .paper-box-inner .tw2 dl dt { display: grid; width: 30%; margin-top: 4rem; padding: 1rem; color: #FFF; background-color: #EF4E16; text-align: center; place-items: center; }
.index-contents2 .list_3 .paper-box-inner .tw2 dl dd { width: 70%; margin-top: 4rem; padding-left: 2rem; color: #003B80; }
.index-contents2 .list_3 .paper-box-inner .tw2 dl dd ul {}
.index-contents2 .list_3 .paper-box-inner .tw2 dl dd ul li { margin-left: 1em; text-indent: -1rem; list-style-position: outside; }
.index-contents2 .list_3 .paper-box-inner .tw2 dl dd ul li::before { content: "●"; display: inline-block; margin-right: 0.5rem; color: #003B80; }
.index-contents2 .list_3 .img { position: absolute; z-index: 5; bottom: -3.8rem; left: 0; width: 45%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#main h2 .n { margin-right: -2rem; font-size: 15rem;  }
	#main h2 .t { padding: 1rem 4rem; font-size: 3rem; }
	.index-contents2 .list_2 .pw { text-align: center; padding-top: 6rem; }
	.index-contents2 .list_3 .paper-box-inner { display: block; padding-bottom: 40vw; }
	.index-contents2 .list_3 .paper-box-inner .tw { width: 100%; padding-right: 0; }
	.index-contents2 .list_3 .paper-box-inner .tw2 { width: 100%; padding-left: 0; padding-top: 4rem; }
	.index-contents2 .list_3 .img { bottom: -3.8rem; width: 100%; text-align: center; padding: 0 8rem 0 4rem; }
}

/* index-contents3 ----------*/
.index-contents3 {}
.index-contents3 .list_3 {}
.index-contents3 .list_3 li { padding: 4rem 3rem 3rem; border-radius: 4rem; background-color: #FFF; }
.index-contents3 .list_3 li span { display: block; }
.index-contents3 .list_3 li .h { line-height: 1.4; margin-bottom: 1rem; color: #EF4E16; text-align: center; font-size: 2.8rem; font-weight: bold; }
.index-contents3 .list_3 li .w { display: flex; align-items: center; }
.index-contents3 .list_3 li .w .tw { width: 50%; color: #003B80; text-align: center; line-height: 1; font-weight: bold; font-size: 6rem; white-space: nowrap; word-break: break-all; vertical-align: baseline; }
.index-contents3 .list_3 li .w .tw strong { font-size: 12rem; vertical-align: baseline; }
.index-contents3 .list_3 li .w .tw strong.orange { color: #EF4E16; font-size: 10rem; }
.index-contents3 .list_3 li .w .pw { width: 50%; padding: 0 0 0 2rem; text-align: center; }
.index-contents3 .list_3 li .t { margin-top: 4rem; padding-bottom: 1rem; border-bottom: solid 4px #FAF000; color: #003B80; text-align: center; font-size: 1.6rem; font-weight: normal; }
.index-contents3 p { color: #FFF; }
@media screen and (max-width:1126px) {
	.index-contents3 .list_3 li.col-1 .w { display: block; }
	.index-contents3 .list_3 li.col-1 .w .tw { width: 100%; }
	.index-contents3 .list_3 li.col-1 .w .pw { width: 100%; margin-top: 3rem; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	.index-contents3 .list_3 li .w .tw {  font-size: 3rem;  }
	.index-contents3 .list_3 li .w .tw strong { font-size: 7rem;}
	.index-contents3 .list_3 li .w .tw strong.orange {  font-size: 6rem; }
}

/* index-contents4 ----------*/
.index-contents4 {}
.index-contents4 .list_4 {}
.index-contents4 .list_4 li {}
.index-contents4 .list_4 li img { margin-bottom: 1rem; border-radius: 2rem; }
.index-contents4 .list_4 li span { display: block; color: #FFF; line-height: 1.4; font-size: 1.6rem; }

/* index-contents5 ----------*/
.index-contents5 { overflow: hidden; }
.index-contents5 .list_5 { position: relative; padding-top: 9rem; }
.index-contents5 .list_5::after { content: ""; width: 200%; border-radius: 100rem; height: 70%; background-color: #FFF; position: absolute; top: 0; left: 30%; z-index: 1; }
.index-contents5 .list_5 li { position: relative; z-index: 2; }
.index-contents5 .list_5 li a { text-decoration: none; }
.index-contents5 .list_5 li a:hover { opacity: 1; }
.index-contents5 .list_5 li img { margin-bottom: 1rem; border-radius: 2rem; }
.index-contents5 .list_5 li .pw { position: relative; display: block; }
.index-contents5 .list_5 li .pw::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 25%; background-image: url(../images/movie/icon_play.svg); transition: all 0.3s ease-out; }
.index-contents5 .list_5 li a:hover .pw::before { opacity: 0.5; background-size: 30%; }
.index-contents5 .list_5 li .t { border-left: solid 4px #EF4E16; padding-left: 1rem; display: block; color: #FFF; line-height: 1.4; font-size: 2.4rem; }