@charset "utf-8";
@font-face {
    font-family:"georgia";
    src:url("./font/georgia.ttf") format("truetype");
    font-display:swap;
}
@font-face {
  font-family: "Number";
  src: local("Arial");
  unicode-range: U+0030-0039; /* 0-9 */
}
html{height:100%; overflow:hidden;}
body{font-family: "Noto Serif JP","georgia", "游明朝体", "Yu Mincho", YuMincho,"Hiragino Mincho ProN", "MS Mincho", "serif"; height:100%; overflow-x: hidden; color:#333333;}
.lang-ja{display:none;}
.lang-switch a.active {opacity:0.5; pointer-events:none;}

/*ナビ*/
nav{width:50%; height:100%; background:url(img/s7_bg.jpg) no-repeat center center; background-size:cover; padding:0px 80px; position:fixed; top:0; right:-50%; z-index:998; transition:.8s; display:flex; flex-direction:column; justify-content:center;}
nav.active{right:0;}
nav ul{margin-bottom:40px;}
nav ul li a{display:block; font-size:24px; padding:20px 0; border-bottom:1px dashed #000;}
nav .tel{display:block; background:#fff; padding:5px; border-radius:200px;}
nav .tel a{display:block; background:#fff; border:1px solid #703b3b; border-radius:200px; font-size:30px; width:100%; padding:10px 0; text-align:center; font-weight:700; letter-spacing:2px;}
nav .tel a span{font-size:22px; font-weight:normal;}
@media screen and (max-width:680px) {
	nav{width:90%; right:-90%; padding:13vw 6vw 22vw 6vw; height:auto;}
	nav ul li a{font-size:5.5vw; padding:18px 0;}
	nav .tel a{font-size:6vw;}
	nav .tel a span{font-size:4vw;}
}

.s1{height:100%; background:url(img/s1_bg.png) no-repeat top -50px left; display:flex; justify-content:center; align-items:center; position:relative;}
.s1:after{content:""; width:100%; height:100%; display:block; position:absolute; background:rgba(0,0,0,0.3); z-index:0;}
.s1 h1{z-index:2;}
.s1 h1 img{width:370px;}
.s1 .text{display:flex; position:absolute; bottom:0; width:100%; z-index:3; align-items:center;}
.s1 .text .sh1{width:55%; padding:65px 5vw;}
.s1 .text .sh2{width:45%; padding:65px 5vw;}
.s1 .text div p{color:#fff;}
.s1 .text .sh1 p{font-size:3vw; line-height:140%;}
.s1 .text .sh2 p{font-size:1.2vw; line-height:140%;}
@media screen and (min-width:1920px) {
	.s1{background-size:100%;}
}
@media screen and (max-width:850px) {
	.s1{align-items:end; flex-direction:column; justify-content:end; background:url(img/s1_bg_sp.png) no-repeat center center; background-size:cover;}
	.s1 .text{flex-wrap:wrap; position:static;}
	.s1 .text .sh1{width:100%; padding:3vw 5vw;}
	.s1 .text .sh2{width:100%; padding:3vw 5vw 7vw 5vw;}
	.s1 h1{display:block; width:100%; margin-bottom:10vw; text-align:center; position:absolute; top:32%;}
	.s1 h1 img{width:35vw;}
	.s1 .text .sh1 p{font-size:5vw; line-height:125%;}
	.s1 .text .sh1 p.lang-ja br{display:none;}
	.s1 .text .sh2 p{font-size:2.7vw; line-height:140%;}
}
@media screen and (max-width:500px) {
	.s1{align-items:end; flex-direction:column; justify-content:end; background:url(img/s1_bg_sp.png) no-repeat bottom left; background-size:cover;}
	.s1 .text{flex-wrap:wrap; position:static;}
	.s1 .text .sh1{width:100%; padding:5vw;}
	.s1 .text .sh2{width:100%; padding:5vw 5vw 10vw 5vw;}
	.s1 h1{display:block; width:100%; margin-bottom:28vw; text-align:center;}
	.s1 h1 img{width:50vw;}
	.s1 .text .sh1 p{font-size:8vw; line-height:125%;}
	.s1 .text .sh2 p{font-size:3.7vw; line-height:140%;}
}

/*ヘッダーメニュー*/
.lang-switch{display:flex; position:fixed; top:60px; right:170px; width:fit-content; justify-content:center; align-items:center; gap:20px; z-index:99;}
.lang-switch a{color:#fff; text-shadow:0 0px 3px #8d8d8d;}

.hamburger{position:fixed; top:40px; right:55px; z-index:100; width:72px; height:60px; border:none; background:transparent; cursor:pointer; z-index:999;}
.hamburger__line{position:absolute; left:11px; width:50px; height:1px; background-color:#e5e5e5; transition:all .4s; box-shadow:0 1px 1px #8d8d8d;}
.hamburger.active .hamburger__line{background-color:#703b3b;}
.hamburger__line:nth-of-type(1){top:14px;}
.hamburger__line:nth-of-type(2){top:30px; width:40px;}
.hamburger__line:nth-of-type(3){top:46px;}
/* メニューオープン時 */
.hamburger.active .hamburger__line:nth-of-type(1){transform:translateY(16px) rotate(-30deg);}
.hamburger.active .hamburger__line:nth-of-type(2){opacity:0;}
.hamburger.active .hamburger__line:nth-of-type(3){transform:translateY(-16px) rotate(30deg);}
@media screen and (max-width:680px) {
	.lang-switch{right:120px; top:42px;}
	.hamburger{right:20px; top:20px;}
}


.s2{display:flex; padding:14vw 0 0 0; gap:100px; position:relative;}
.s2 .image1{width:55%;}
.s2 .text{width:45%;}
.s2 .text .inner{padding:8vw 8vw 8vw 0;}
.s2 .text .inner h2{font-size:3vw; margin-bottom:2vw;}
.s2 .text .inner p{font-size:1.1vw;line-height:180%;}
.s2 .image1 img{width:100%;}
.s2 .image2{display:flex; gap:20px;}
.s2 .image2 .image2_1{width:60%; height:100%;}
.s2 .image2 .image2_2{width:40%; height:100%;}
.s2 img.cloud01{position:absolute; top:8vw; right:-4vw; width:26vw;}
.s2 img.cloud02{position:absolute; top:42vw; right:39.7vw; width:32vw;}
.s2 img.cloud03{position:absolute; top:53vw; left:12vw; width:19vw;}
@media screen and (max-width:980px) {
	.s2{flex-wrap:wrap; gap:35vw;}
	.s2 .image1{width:100%; position:relative; left:-5vw;}
	.s2 .text{width:100%;}
	.s2 .text .inner{padding:4vw;}
	.s2 .text .inner h2{font-size:10vw; margin-bottom:6vw;}
	.s2 .text .inner p{font-size:5vw; line-height:160%;}
	.s2 .image2{flex-wrap:wrap; padding:0 4vw;}
	.s2 .image2 .image2_1{width:90%;}
	.s2 .image2 .image2_2{width:60%;}
	.s2 img.cloud02{position:absolute; top:66vw; right:-12vw; width:61vw;}
	.s2 img.cloud03{position:absolute; top:90vw; left:19vw; width:40vw;}
	.s2 img.cloud01{position:absolute; top:auto; bottom:21vw; right:-12vw; width:57vw;}
}

.s3{position:relative; background:url(img/s3_bg.png) no-repeat top 10.5vw right 80px; background-size:auto 100%; padding:0 0 80px 0; margin:10vw 0 16vw 0;}
.s3 .flex1{display:flex; padding:0 0 2vw 0;}
.s3 .image1{width:69%; height:39vw; overflow:hidden;}
.s3 .image1 img{width:100%; width:100%; height:100%; object-fit:cover;}
.s3 .label{width:31%; display:flex; flex-direction:column; align-items:center; padding:6vw 0 0 0;}
.s3 .label .label_text{margin-bottom:6vw; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.s3 .label .label_text img{max-width:91px; width:5vw;}
.s3 .label .label_text img:first-child{margin-bottom:20px;}
.s3 .label .label_text h2{writing-mode:vertical-rl; font-size:2.5vw; margin-bottom:5px; font-weight:900; letter-spacing:20px; line-height:100%;position:relative; right:0vw;}
.s3 .label h3{font-size:2vw; position:relative; letter-spacing:2px; font-weight:500;}
.s3 .label h3:before{content:""; width:40px; height:1px; background:#333; position:absolute; top:-2vw; left:50%; margin-left:-20px;}
.s3 .flex2{display:flex; justify-content:left; width:calc(100% - 80px); gap:30px;}
.s3 .flex2 .image2{width:38%;}
.s3 .flex2 .image3{width:17%;}
.s3 .flex2 .image2 img,.s3 .flex2 .image3 img{width:100%;}
.s3 .flex2 .text{width:45%; padding:3vw;}
.s3 .flex2 .text p{line-height:160%; font-size:1.1vw;}
.s3 img.cloud01{position:absolute; bottom:-7.5vw; left:-10vw; width:30vw;}
.s3 img.image4{position:absolute; bottom:-8.5vw; right:0; width:25vw;}
.s3 .flex1 .text_sp{display:none;}
.s3 .image_sp{display:none;}
@media screen and (max-width:980px) {
	.s3{background: url(img/s3_bg_sp.png) no-repeat bottom right #F4F3F0; background-size:100% auto;}
	.s3 .flex1{flex-wrap:wrap; position:relative;}
	.s3 .flex1:before{content:""; display:block; width:100%; height:22vw; background:#fff; position:absolute; top:0;}
	.s3 .flex1 .text_sp{display:block; padding:12vw 4vw 10vw 4vw;}
	.s3 .flex1 .text_sp p{font-size:5vw; line-height:170%;}
	.s3 .label{width:100%; margin-bottom:20vw;}
	.s3 .image1{width:100%; height:85vw;}
	.s3 .label .label_text{margin-bottom:18vw;}
	.s3 .label .label_text h2{font-size:7vw;}
	.s3 .label .label_text img{width:16vw;}
	.s3 .label h3{font-size:7vw;}
	.s3 .label h3:before{top:-7vw;}
	.s3 .flex2{display:none;}
	.s3 .image_sp{display:block; width:100%; overflow:scroll; padding:0 4vw;}
	.s3 .image_sp .inner{width:250%; display:flex; gap:20px;}
	.s3 .image_sp .inner .image2{width:150%;}
	.s3 .image_sp .inner .image3{width:150%;}
	.s3 .image_sp .inner .image4{width:150%;}
	.s3 .image_sp .inner .image2 img,.s3 .image_sp .inner .image3 img,.s3 .image_sp .inner .image4 img{width:100%;}
	.s3 .flex2 .text{display:none;}
	.s3 img.cloud01{display:none;}
	.s3 img.image4{display:none;}
}

.s4{position:relative; background:url(img/s4_bg.png) no-repeat top 10.5vw left 80px; background-size:auto 100%; padding:0 0 80px 0; margin:10vw 0 16vw 0;}
.s4 .flex1{display:flex; padding:0 0 2vw 0;}
.s4 .image1{width:69%;}
.s4 .image1 img{width:100%;}
.s4 .label{width:31%; display:flex; flex-direction:column; align-items:center;  padding:6vw 0 0 0;}
.s4 .label .label_text{margin-bottom:6vw; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.s4 .label .label_text img{max-width:91px; width:5vw;}
.s4 .label .label_text img:first-child{margin-bottom:20px;}
.s4 .label .label_text h2{writing-mode:vertical-rl; font-size:2.5vw; margin-bottom:5px; font-weight:900; letter-spacing:20px; line-height:100%;position:relative; right:0vw;}
.s4 .label h3{font-size:2vw; position:relative; letter-spacing:2px; font-weight:500;}
.s4 .label h3:before{content:""; width:40px; height:1px; background:#333; position:absolute; top:-2vw; left:50%; margin-left:-20px;}
.s4 .flex2{display:flex; justify-content:left; width:calc(100% - 80px); gap:30px; margin-left:80px;}
.s4 .flex2 .image2{width:17%;}
.s4 .flex2 .image3{width:38%;}
.s4 .flex2 .image2 img,.s4 .flex2 .image3 img{width:100%;}
.s4 .flex2 .text{width:45%; padding:3vw 2vw 3vw 6vw;}
.s4 .flex2 .text p{font-size:1.1vw; line-height:160%;}
.s4 img.image4{position:absolute; bottom:-8.5vw; left:0; width:27vw;}
.s4 .flex1 .text_sp{display:none;}
.s4 .image_sp{display:none;}
@media screen and (max-width:980px) {
	.s4{background: url(img/s4_bg_sp.png) no-repeat bottom right #EFE6E1; background-size:100% auto;}
	.s4 .flex1{flex-wrap:wrap; flex-direction: column-reverse;}
	.s4 .flex1:before{content:""; display:block; width:100%; height:22vw; background:#fff; position:absolute; top:0;}
	.s4 .flex1 .text_sp{display:block; padding:12vw 4vw 10vw 4vw;}
	.s4 .flex1 .text_sp p{font-size:5vw; line-height:170%;}
	.s4 .label{width:100%; margin-bottom:20vw;}
	.s4 .image1{width:100%; height:85vw;}
	.s4 .image1 img{width:100%; height:100%; object-fit:cover;}
	.s4 .label .label_text{margin-bottom:18vw;}
	.s4 .label .label_text h2{font-size:7vw;}
	.s4 .label .label_text img{width:16vw;}
	.s4 .label h3{font-size:7vw;}
	.s4 .label h3:before{top:-7vw;}
	.s4 .flex2{display:none;}
	.s4 .image_sp{display:block; width:100%; overflow:scroll; padding:0 4vw;}
	.s4 .image_sp .inner{width:250%; display:flex; gap:20px;}
	.s4 .image_sp .inner .image2{width:150%;}
	.s4 .image_sp .inner .image3{width:150%;}
	.s4 .image_sp .inner .image4{width:150%;}
	.s4 .image_sp .inner .image2 img,.s4 .image_sp .inner .image3 img,.s4 .image_sp .inner .image4 img{width:100%;}
	.s4 .flex2 .text{display:none;}
	.s4 img.cloud01{display:none;}
	.s4 img.image4{display:none;}
}

.s5{width:calc(100% - 160px); position:relative; background:url(img/s5_bg.png) no-repeat top 5vw center; background-size:cover; padding:0 0 6vw 0; margin:10vw auto;}
.s5 .flex1{width:calc(100% - 160px); display:flex; padding:0 0 3vw 0; margin:0 auto;}
.s5 .label{width:40%; display:flex; flex-direction:column; align-items:center;}
.s5 .label .label_text{margin-bottom:6vw; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.s5 .label .label_text img{max-width:91px; width:5vw;}
.s5 .label .label_text img:first-child{margin-bottom:20px;}
.s5 .label .label_text h2{writing-mode:vertical-rl; font-size:2.5vw; margin-bottom:5px; font-weight:900; letter-spacing:20px; line-height:100%;position:relative; right:0vw;}
.s5 .label h3{font-size:2vw; position:relative; letter-spacing:2px; font-weight:500;}
.s5 .label h3:before{content:""; width:40px; height:1px; background:#333; position:absolute; top:-2vw; left:50%; margin-left:-20px;}
.s5 .flex1 .text{width:60%; padding:1.5vw 2vw 0 2vw; position:relative;}
.s5 .flex1 .text:before{content:""; width:5vw; height:1px; background:#333; position:absolute; top:2.5vw; left:-100px;}
.s5 .flex1 .text p{font-size:1.1vw; line-height:180%;}
.s5 .flex2{display:flex; justify-content:left; width:calc(100% - 200px); margin:0 auto 3vw auto; gap:100px;}
.s5 .flex2 .image2{width:50%; margin:3vw 0 0 0;}
.s5 .flex2 .image3{width:50%;}
.s5 .flex2 .image2 img,.s5 .flex2 .image3 img{width:100%; margin:0 0 20px 0;}
.s5 .flex2 .label{background:url(img/s5_imagelabel.png) no-repeat center center; width:30vw; margin:0 auto; background-size: 100% 100%; object-fit: cover; height:4vw; color: #fff; display: flex; align-items: center; justify-content: center; font-size:1.5vw; padding-top:2px;}
@media screen and (max-width:1200px){
	.s5{width:100%; background: url(img/s5_bg.png) no-repeat top 13vw center; background-size:cover;}
}
@media screen and (max-width:980px){
	.s5{padding:0 0 7vw 0; margin:10vw auto 20vw auto; background:url(img/s5_bg_top_sp.png) no-repeat top center,url(img/s5_bg_bottom_sp.png) no-repeat bottom center; background-size:100% auto; background-color:#DFEAED;}
	.s5:before{content:""; display:block; width:100%; height:16vw; background:#fff; position:absolute; top:-2px;}
	.s5 .flex1{width:100%; flex-wrap:wrap; padding:0 4vw 4vw 4vw;}
	.s5 .label{width:100%; margin-bottom:20vw;}
	.s5 .image1{width:100%;}
	.s5 .label .label_text{margin-bottom:18vw;}
	.s5 .label .label_text h2{font-size:7vw;}
	.s5 .label .label_text img{width:16vw;}
	.s5 .label h3{font-size:7vw;}
	.s5 .label h3:before{top:-7vw;}
	.s5 .flex1 .text{width:100%;}
	.s5 .flex1 .text:before{display:none;}
	.s5 .flex1 .text p{font-size:5vw; line-height:170%;}
	.s5 .flex1 .text p.lang-ja br{display:none;}
	.s5 .flex2{width:100%; padding:0 4vw; gap:13vw; flex-wrap:wrap; margin-bottom:13vw;}
	.s5 .flex2 .image2{width:100%;}
	.s5 .flex2 .label{width:100%; height:14vw; font-size:5vw; padding-top:0;}
	.s5 .flex2 .image3{width:100%;}
}

.s6{width:100%; position:relative; background:url(img/s6_bg.png) no-repeat top center; background-size:cover; padding:6vw 0 0 0; margin:10vw auto 0 auto;}
.s6 .inner{width:calc(100% - 160px); margin:0 auto;}
.s6 .inner .label{display:flex; justify-content:center; margin-bottom:4vw;}
.s6 .inner .label_text{display:flex; justify-content:center; align-items:center;}
.s6 .label .label_text img{width:3vw; max-width:41px;}
.s6 .label .label_text img:first-child{margin-right:30px;}
.s6 .label .label_text h2{font-size:2.5vw; font-weight:500; letter-spacing:2px; margin-right:25px;}
.s6 .inner iframe{width:100%; height:36vw; margin-bottom:120px;}
.s6 .inner .flex{display:flex; width:calc(100% - 80px); margin:0 auto 0 auto; gap:60px; justify-content:center;}
.s6 .inner .flex.first{margin-bottom:6.5vw;}
.s6 .inner .flex .item{width:45%; padding:2vw 2vw 3.5vw 2vw; background:url(img/s6_itembg.png) no-repeat; background-size:cover;}
.s6 .inner .flex .item h3{background:url(img/s6_itemlabel.png) no-repeat center center; width:72%; margin:-3vw auto 0 auto; background-size: 100% 100%; object-fit: cover; height:4vw; color: #fff; display: flex; align-items: center; justify-content: center; font-size:1.4vw; padding-top:3px;}
.s6 .inner .flex .item .route{margin:40px 0 0 0;}
.s6 .inner .flex .item .route .route_item h4{position:relative; display:flex; align-items:center; justify-content:start; background:#fff; padding:20px 20px 20px 2.5vw; font-size:1.15vw;}
.s6 .inner .flex .item .route .route_item h4:before{content:""; width:1vw; height:1vw; background:#703b3b; margin-right:1vw; border-radius:100px;}
.s6 .inner .flex .item .route .route_item .text{position:relative;}
.s6 .inner .flex .item .route .route_item .text:after{content:""; width:1px; height:198%; background:#703b3b; position:absolute; top:-1.5vw; left:2.95vw; z-index:999;}
.s6 .inner .flex .item .route .route_item:last-child h4:after{display:none;}
.s6 .inner .flex .item .route .route_item p{padding:20px 20px 20px 4.4vw; font-size:0.9vw; color:#717171;}
.s6 .flex2{position:relative; bottom:-5vw; z-index:97;}	
.s6 .flex2 .inner{display:flex; gap:35px; width:100%;}
.s6 .flex2 .inner .image1,.s6 .flex2 .inner .image2,.s6 .flex2 .inner .image3,.s6 .flex2 .inner .image4{width:25%;}
.s6 .flex2 .image1,.s6 .flex2 .image3{margin:2vw 0 0 0;}
.s6 .flex2 img{width:100%;}
@media screen and (max-width:980px){
		.s6{padding: 20vw 0 0 0; background:url(img/s6_bg_top_sp.png) no-repeat top center,url(img/s6_bg_bottom_sp.png) no-repeat bottom center; background-size:100% auto; background-color:#F4F3F0;}
		.s6 .inner{width:100%; padding:0;}
		.s6 .inner .label{margin-bottom:10vw;}
		.s6 .label .label_text h2{font-size:7vw;}
		.s6 .label .label_text img{width:5vw;}
		.s6 .inner .flex{flex-wrap:wrap; width:100%; padding:0;}
		.s6 .inner .flex.first{margin-bottom:17.5vw;}
		.s6 .inner .flex .item{width:100%; padding:6vw 0 12vw 0;}
		.s6 .inner .flex .item h3{width:90%; height:15vw; font-size:5vw; margin:-10vw auto 0 auto;}
		.s6 .inner .flex .item .route{width:90%; margin:5vw auto 0 auto;}
		.s6 .inner .flex .item .route .route_item h4{padding:4vw 4vw 4vw 6vw; font-size:5vw;}
		.s6 .inner .flex .item .route .route_item p{padding:5vw 4vw 5vw 12vw; font-size:3.4vw; line-height:180%;}
		.s6 .inner .flex .item .route .route_item h4:before{width:3vw; height:3vw; margin-right:3vw;}
		.s6 .inner .flex .item .route .route_item .text:after{height:191%; top:-6.5vw; left:7.2vw;}
		.s6 .inner iframe{height:80vw; margin-bottom:20vw;}
		.s6 .flex2{overflow:scroll; bottom:-10vw;}
		.s6 .flex2 .inner{width:265%; gap:20px;}
		.s6 .flex2 .image1, .s6 .flex2 .image3{margin:6vw 0 0 0;}
}
	
.s7{width:100%; position:relative; background:url(img/s7_bg.jpg) no-repeat top center; background-size:cover; padding:10vw 0 0 0; margin:0 auto 0 auto;}
.s7 .inner{width:calc(100% - 380px); margin:0 auto -12vw auto;}
.s7 .inner .label{display:flex; justify-content:center; margin-bottom:4vw;}
.s7 .inner .label_text{display:flex; justify-content:center; align-items:center;}
.s7 .label .label_text img{width:3vw; max-width:41px;}
.s7 .label .label_text img:first-child{margin-right:30px;}
.s7 .label .label_text h2{font-size:2.5vw; font-weight:500; letter-spacing:2px; margin-right:25px;}
.s7 .inner .map{margin-bottom:40px; padding:0 20px;}
.s7 .inner .map img{width:100%;}
.s7 .inner .flex .row{display:flex; gap:80px; margin-bottom:80px;}
.s7 .inner .flex .row .item{width:33.33%;}
.s7 .inner .flex .row .item h3{display:flex; align-items:center; justify-content:start; padding:0 0 12px 0; margin:0 0 12px 0; border-bottom:1px dashed #878787; font-size:1.3vw;}
.s7 .inner .flex .row .item h3 .number{display:block; width:1.5vw; height:1.5vw; color:#fff; background:#703b3b; margin-right:15px; border-radius:100px; line-height: 1.4vw; font-size:1.1vw; text-align:center;}
.s7 .inner .flex .row .item h3 .lang-ja,.s7 .inner .flex .row .item h3 .lang-en{flex:1;}
.s7 .inner .flex .row .item p{font-size:1.05vw; line-height:180%;}
.s7 .flex2{position:relative; top:13vw; z-index:97;}
.s7 .flex2 .inner{display:flex; gap:40px; width:100%; margin:0;}
.s7 .flex2 .inner .image1,.s7 .flex2 .inner .image2,.s7 .flex2 .inner .image3,.s7 .flex2 .inner .image4{width:25%;}
.s7 .flex2 .image2,.s7 .flex2 .image4{margin:50px 0 0 0;}
.s7 .flex2 img{width:100%;}
.s7 img.cloud01{position:absolute; top:7vw; left:-8vw; width:32vw;}
.s7 img.cloud02{position:absolute; top:39vw; right:-8vw; width:22vw;}
.s7 img.cloud03{position:absolute; bottom:0vw; right:-8vw; width:35vw;}
@media screen and (max-width:980px){
		.s7{padding:24vw 0 0 0;}
		.s7 .inner{width:100%;}
		.s7 .inner .map{width:100%; overflow:scroll;}
		.s7 .inner .map img{width:200%;}
		.s7 .label .label_text h2{font-size:7vw;}
		.s7 .label .label_text img{width:5vw;}
		.s7 .inner .flex .row{padding:0 4vw; gap:0; flex-wrap:wrap; margin:0;}
		.s7 .inner .flex .row .item{width:100%;}
		.s7 .inner .flex .row .item h3{font-size:5vw; position:relative; padding:0 11vw 25px 0; margin:0 0 25px 0;}
		.s7 .inner .flex .row .item h3:after{content:"＋"; position:absolute; right:0; color:#878787;}
		.s7 .inner .flex .row .item h3.active:after{content:"－";}
		.s7 .inner .flex .row .item p{font-size:4vw;}
		.s7 .inner .flex .row .item h3 .number{width:30px; height:30px; line-height:30px; font-size:20px;}
		.s7 .inner .flex .row .item .text{display:none; margin-bottom:60px;}
		.s7 .flex2{overflow:scroll; top:26vw;}
		.s7 .flex2 .inner{width:265%; gap:20px;}
		.s7 img.cloud01{display:none;}
		.s7 img.cloud02{display:none;}
		.s7 img.cloud03{bottom:7vw; right:-18vw; width:82vw;}
}

.s8{width:100%; position:relative; background:url(img/s8_bg.png) no-repeat top center; background-size:cover; padding:19vw 0 7vw 0; margin:0 auto;}
.s8 .inner{width:65%; margin:0 auto;}
.s8 .inner .label{display:flex; justify-content:center; margin-bottom:4vw;}
.s8 .inner .label_text{display:flex; justify-content:center; align-items:center;}
.s8 .label .label_text img{width:3vw; max-width:41px;}
.s8 .label .label_text img:first-child{margin-right:30px;}
.s8 .label .label_text h2{font-size:2.5vw; color:#fff; font-weight:500; letter-spacing:2px; margin-right:25px;}
.s8 .inner .table{background:#fff; padding:40px 100px 80px 100px;}
.s8 .inner .table table{width:100%;}
.s8 .inner .table table th{width:30%; padding:30px 0; font-size:1.1vw; font-weight:normal; line-height:180%;}
.s8 .inner .table table td{width:70%; padding:30px 0; line-height:180%; font-size:1.1vw;}
.s8 .inner .table table tr{border-bottom:1px dashed #ddd;}
	.s8 .inner .table table tr:last-child{border:none;}
	@media screen and (max-width:980px){
		.s8{padding:40vw 0 25vw 0; background:url(img/s8_bg_top_sp.png) no-repeat top center,url(img/s8_bg_bottom_sp.png) no-repeat bottom center; background-size:100% auto; background-color:#9BB4C0;}
		.s8 .inner{width:100%;}
		.s8 .inner .label{margin-bottom:8vw;}
		.s8 .label .label_text h2{font-size:7vw;}
		.s8 .label .label_text img{width:5vw;}
		.s8 .inner .table{padding:10px 25px 10px 25px; margin:0 4vw;}
		.s8 .inner .table table th,.s8 .inner .table table td{display:block; width:100%;}
		.s8 .inner .table table th{font-size:5.1vw; padding:30px 0 5px 0;}
		.s8 .inner .table table td{font-size:4.1vw; padding:5px 0 30px 0;}
	}

footer{background:url(img/footer_bg.jpg) no-repeat top center; background-size:cover; padding:7vw 0 2vw 0; position:relative;}
footer:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:0;}
footer .logo{width:14vw; margin:0 auto 3.5vw auto; z-index:1; position:relative;}
footer .logo img{width:100%;}
footer address{color:#fff; text-align:center; font-size:1.1vw; margin-bottom:7vw; line-height:180%; z-index:1; position:relative;}
	footer .copyright p{color:#fff; text-align:center; font-size:0.8vw; z-index:1; position:relative;}
	@media screen and (max-width:980px){
		footer{padding:23vw 10vw 5vw 10vw;}
		footer .logo{width:45vw; margin:0 auto 10.5vw auto;}
		footer address{font-size:4vw; margin-bottom:30vw;}
		footer .copyright p{font-size:2.8vw;}
	}
	
/*フェードアップ*/
.fadeup {opacity:0;}
.fadeup.is-animated{animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
@keyframes fadeup{0% {transform: translateY(30px); opacity: 0;}
  80% {opacity: 1;}
  100% {opacity: 1; transform:translateY(0);}
}

/*スマホ改行*/
br.sp{display:none;}
@media screen and (max-width:440px){
	br.sp{display:block;}
}