﻿#about p{text-align:center;margin-top:40px}@media (max-width: 767px){#about p{margin-top:20px}}header .logo .off{display:none}.mainv{width:100%;height:100vh;height:60rem;background:url(../img/top/mainv.jpg) no-repeat center/cover}.mainv .inner{position:relative;height:100%}.mainv .catch{position:absolute;top:calc(50% - 4rem);left:0}.mainv .catch span{font-family:'Lexend', sans-serif;font-size:1.6rem;color:#111;font-weight:bold;display:block;margin-bottom:1.5rem}.mainv .catch h1{font-size:5rem;font-family:"游明朝", YuMincho, "Nsoto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600;line-height:1.5;text-shadow:0 2px 1.3rem #fff,0 2px 1.3rem #fff,0 2px 1.3rem #fff,0 2px 1.3rem #fff}@media (max-width: 767px){.mainv{background:url(../img/top/sp/mainv.jpg) no-repeat center/cover}.mainv .catch{top:auto;width:100%;left:50%;transform:translateX(-50%);bottom:calc(15rem / 2)}.mainv .catch img{width:100%}.mainv .catch span{font-size:1.3rem}.mainv .catch h1{font-size:3rem}}.concept .inner{padding:7.2rem 0 7.4rem}.concept .section-title{margin-bottom:4rem}.concept .section-title h2{font-size:3.6rem;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight:500;text-align:center}.concept .section-title h2 span{font-family:"游明朝", YuMincho, "Nsoto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:1.6rem;color:#123f39;font-weight:500;display:block;margin-bottom:2rem}.concept .text p{text-align:center;line-height:2.5}@media (max-width: 767px){.concept .inner{width:calc(100% - 4rem)}.concept .section-title h2{font-size:3.2rem;line-height:1.6}.concept .section-title h2 span{line-height:1}.concept .text p{line-height:2}}.photo img{width:100%}@media (max-width: 767px){.photo img{height:22rem;object-fit:cover}}.service .inner{padding:8rem 0;position:relative}.service .inner::after{content:'';width:468px;height:12rem;background:url(../img/top/service-bg-text.png) no-repeat center/100%;position:absolute;top:114px;right:-6.5rem}.service .section-wrap-title{margin-bottom:3.5rem}.service .section-wrap-title h2{font-size:2rem;font-weight:500}.service .section-wrap-title h2 span{font-family:"游明朝", YuMincho, "Nsoto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#123f39;font-weight:bold;font-size:5rem;display:block;width:fit-content;margin-bottom:1.4rem}.service .content .item{margin-bottom:6.6rem}.service .content .item:nth-of-type(odd) .text{margin:-33rem 0 0 auto}.service .content .item:nth-of-type(even) .text{margin:-33rem auto 0 0}.service .content .item:nth-of-type(even) .image{text-align:right}.service .content .text{width:453px;padding:6rem 7rem 7rem;position:relative;background:rgba(255,255,255,0.9);box-shadow:15px 15px 25px rgba(0,0,0,0.08)}.service .content .text .title{position:relative;padding-bottom:2.6rem;margin-bottom:2rem}.service .content .text .title::after{content:'';width:3rem;height:2px;background:#111;position:absolute;bottom:0;left:0}.service .content .text .title h3{font-family:"游明朝", YuMincho, "Nsoto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:2.2rem;font-weight:500;margin-bottom:2.3rem}.service .content .text .title span{display:inline-block;font-size:1.8rem}.service .more-btn a{margin:auto;width:22.3rem;height:6.3rem;border:1px solid #69b4aa;background:#69b4aa;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:bold;position:relative}.service .more-btn a::after{content:'';width:1rem;height:1.7rem;background:url(../img/common/flow-white.png) no-repeat center/100%;position:absolute;top:50%;right:2rem;transform:translateY(-50%);transition:.3s}.service .more-btn a:hover{opacity:1;background:#fff;color:#69b4aa}.service .more-btn a:hover::after{background:url(../img/common/flow-green.png) no-repeat center/100%}@media (max-width: 767px){.service{overflow:hidden}.service .inner::after{top:140px;right:-12rem;z-index:-1;width:326px;height:8rem}.service .content .item{margin-bottom:7rem}.service .content .item:nth-of-type(odd) .text{margin:-2rem 0 0 auto;box-shadow:-15px 15px 25px rgba(0,0,0,0.08)}.service .content .item:nth-of-type(even) .text{margin:-2rem auto 0 0}.service .content .text{width:96%;padding:5rem 2rem}.service .more-btn a{width:26.8rem}}.lower-banner .inner{max-width:100%;width:100%}.lower-banner a{width:50%;height:39.5rem;position:relative}.lower-banner a:nth-of-type(1){background:url(../img/top/other01.jpg) no-repeat center/cover}.lower-banner a:nth-of-type(2){background:url(../img/top/other02.jpg) no-repeat center/cover}.lower-banner a:hover{opacity:1}@media (min-width: 768px){.lower-banner a:hover:nth-of-type(1){background:url(../img/top/other01-on.jpg) no-repeat center/cover}.lower-banner a:hover:nth-of-type(2){background:url(../img/top/other02-on.jpg) no-repeat center/cover}}.lower-banner a .text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.lower-banner a .text h3{font-size:5rem;font-family:"游明朝", YuMincho, "Nsoto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;color:#fff;margin-bottom:2rem;text-shadow:3px 3px 7px rgba(0,0,0,0.2)}.lower-banner a .text span{display:inline-block;color:#fff;font-size:1.8rem;font-weight:bold;text-shadow:0 0 4rem rgba(0,0,0,0.1)}@media (max-width: 767px){.lower-banner .flex{flex-direction:column}.lower-banner a{width:100%;height:30rem}}
