@charset "UTF-8";
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
}
body {
font-size: 14px;
line-height: 1.76em;
font-family: 'Noto Serif JP', 'Zen Kaku Gothic New', sans-serif;
}
body .noScroll {
height: 100vh;
width: 100vw;
overflow: hidden;
}

h1, h2, h3, h4 {
font-weight: normal;
}

ul {
list-style-type: none;
padding: 0;
margin: 0;
}

a {
text-decoration: none;
color: #333;
}

img {
max-width: 100%;
display: block;
}

section {
padding-bottom: 50px;
margin: auto;
}

.inner {
max-width: 1240px;
margin: auto;
}

.flex {
display: flex;
justify-content: center;
align-items: center;
}

.flexSB {
justify-content: space-between;
}

.textCenter {
text-align: center;
}

.flex.col2 {
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.pc {
display: block;
}

.sp {
display: none;
}
#toTop {
position: fixed;
z-index: 10;
width: 60px;
right: 0;
bottom: 100px;
}
.pt4rem{
padding-top: 4rem;
}
.pb0{
padding-bottom: 0;
}
.fadeRight{
opacity: 0;
transform: translateX(-100px);
transition: opacity .8s, transform .8s;
}
.fadeRight.is-inview{
opacity: 1;
transform: translateX(0);
transition-delay: .1s;
}
.fadeLeft{
opacity: 0;
transform: translateX(100px);
transition: opacity .8s, transform .8s;
}
.fadeLeft.is-inview{
opacity: 1;
transform: translateX(0);
transition-delay: .1s;
}
.fadeUp{
opacity: 0;
transform: translateY(100px);
transition: opacity .8s, transform .8s;
}
.fadeUp.is-inview{
opacity: 1;
transform: translateY(0);
transition-delay: .1s;
}
/********************
*
*  header
*
********************/
.logoWrap {
display: flex;
justify-content: center;
align-items: center;
max-width: 280px;
}
.headerLogo {
max-width: 160px;
width: 100%;
}
.h1Title {
font-size: 1rem;
line-height: 1.2;
padding: 1rem;
}
video {
display: block;
margin: auto;
max-width: initial;
width: 100%;
pointer-events: none;
}
.videoBox {
    position: relative;
}
.videoBox.youtubeShortWrap {
    position: relative;
    aspect-ratio: 9/16;
    max-width: 380px;
    width: 90%;
    margin: auto;
}

.soundButton {
position: absolute;
top: 2%;
left: 1%;
}
.keyImgWrap {
padding-bottom: 5rem;
pointer-events: none;
}
.headerButtonWrap {
position: fixed;
top: 30px;
right: 30px;
z-index: 50;
}
#navClose {
display: none;
}

#navButton.active img {
visibility: hidden;
}

#navButton {
width: 34px;
cursor: pointer;
}

#navButton.active {
background-image: url(../img/menu_close.png);
background-repeat: no-repeat;
background-size: contain;
}

#nav {
display: block;
transition: all 0.3s;
transform: translateX(120%);
background-color: rgba(255, 255, 255, 0.91);
padding: 20px;
max-width: 350px;
position: fixed;
right: 0;
top: 68px;
box-shadow: 0 0 11px #c8c8c8;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
z-index: 50;
}

#nav.active {
transform: translateX(0%);
display: block;
}

.navLink {
padding: 1px 0;
}

.navLink a {
display: block;
color: #FFF;
background-color: #B89463;
padding: 5px 10px;
text-align: center;
}

/********************
*
*  content
*
********************/
.contentWrap {
max-width: 910px;
margin: auto;
}
.sectionTitleRow {
color: #604C3F;
font-size: 1.25rem;
line-height: 2;
text-align: center;
}
.flexWrap {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.flex3 {
width: calc(100% / 3);
padding: 14px;
box-sizing: border-box;
}

.pb4rem {
padding-bottom: 2rem;
}
.contentSubTitle {
color: #604C3F;
font-size: 1.0rem;
text-align: center;
margin-bottom: 1rem;
position: relative;
background-color: #E4DBCB;
padding: 0.7rem 10px;
}
.contentSubTitleInner {
display: inline-block;
position: relative;
}
.font_min {
font-size: 10px;
}
.contentSubText {
font-size: 0.8rem;
line-height: 1.7;
color: #434350;
}
.contentPoint {
background-color: #E4DBCB;
padding: 4% 7%;
margin-top: 4%;
}
.contentPoint .contentSubTitle {
width: 280px;
margin: auto;
margin-bottom: 2rem;
}
.flex2col {
display: flex;
justify-content: center;
align-items: flex-start;
}
.contentPoint .flexLeft {
width: 60%;
position: relative;
z-index: 7;
}
.contentPoint .flexRight {
width: 40%;
position: relative;
z-index: 5;
}
.bgWhiteBox {
position: relative;
background-color: #FFF;
padding: 20px;
text-align: center;
font-size: 1.0rem;
}
.bgWhiteBox:before{
content: '';
background-color: #FFF;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: translateX(-10%);
z-index: -1;
}
.text01 {
font-size: 0.8rem;
}
.sectionTitle {
text-align: center;
margin-bottom: 4%;
margin-top: -2.5%;
}
.sectionTitleInner {
display: inline-block;
}
.titleEn {
display: block;
font-size: 1.5rem;
border-bottom: 1px solid #FFF;
padding: 0 20px 5px;
}
.bgWhite .titleEn{
border-bottom: 1px solid #B89463;
}
.titleJp {
display: block;
}
.sectionTitleInner {
display: inline-block;
background-color: #B89463;
color: #FFF;
padding: 1% 10%;
position: relative;
}
.sectionTitleTop {
color: #604C3F;
font-size: 1.5rem;
text-align: center;
padding-bottom: 2rem;
font-weight: 600;
}

.imgBox {
position: relative;
}
.imgBox img {
display: block;
}
.imgCaption {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
right: 0;
background-color: rgb(0 0 59 / 60%);
color: #FFF;
margin: 0;
padding: 2px;
}
.imgBoxWrap {
margin-top: 2rem;
}
.pd14 {
padding: 0 14px;
}
.accessWrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
padding-bottom: 4rem;
margin-bottom: 4rem;
border-bottom: 3px solid #E4DBCB;
padding: 14px;
}
.accessLeft {
background-color: #E4DBCB;
padding: 20px 0;
width: 110px;
text-align: center;
line-height: 1.0;
font-size: 1.3rem;
min-height: 64px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #604C3F;
}
.accessLeft span {
display: block;
font-size: 0.8rem;
padding-top: 10px;
}
.accessRight {
width: calc(100% - 160px);
}
.accessImg {
padding-top: 2rem;
}
.borderNone{
border: none;
}
.caption {
font-size: 10px;
padding-top: 2rem;
}
.case {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 2rem;
}
.caseImg {
width: 20%;
padding: 2rem;
box-sizing: border-box;
}
.caseBox {
width: 80%;
padding: 2rem;
box-sizing: border-box;
}
.caseTitle {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.caseTitle img {
width: 70px;
transform: translateY(-20%);
}
.caseTitle p {
padding: 0 0 0 1rem;
font-size: 1.2rem;
}
.caseBox {
width: 80%;
padding: 0rem 2rem 2rem;
box-sizing: border-box;
background-color: #E4DBCB;
border-radius: 2rem;
box-shadow: 7px 7px #efefef;
position: relative;
z-index: 5;
}
.caseBox:after {
content: '';
display: block;
width: 50px;
height: 50px;
position: absolute;
left: -3%;
top: 0;
bottom: 0;
margin: auto;
transform: rotate(45deg);
background-color: #E4DBCB;
}
.caseContent {
background-color: #FFF;
padding: 0.5rem 1rem;
font-size: 0.8rem;
position: relative;
z-index: 2;
}
.caseContent span {
color: #85000A;
}
.case:nth-child(even) {
flex-direction: row-reverse;
}
.case:nth-child(even) .caseBox:after {
left: initial;
right: -3%;
z-index: 0;
}
.case:nth-child(even) .caseBox:before {
content: '';
display: block;
width: 50px;
height: 50px;
position: absolute;
right: -4%;
top: 10px;
bottom: 0;
margin: auto;
transform: rotate(-135deg);
background-color: #efefef;
clip-path: polygon(0 0, 100% 100%,0% 100%);
}
.lifeinfomationTitle {
text-align: center;
position: relative;
padding-bottom: 2rem;
}
.lifeinfomationTitleItem {
display: inline-block;
background-color: #E4DBCB;
font-size: 1.5rem;
padding: 20px;
min-width: 300px;
margin-bottom: 2rem;
}
.lifeinfomationTitleSub {
font-size: 1.05rem;
padding-bottom: 2rem;
}
.lifeItem {
display: flex;
justify-content: space-evenly;
align-items: center;
padding-bottom: 1rem;
}
.parkWrap .lifeItem {
flex-direction: column;
padding: 0 10px;
}
.parkWrap .lifeItemImg,
.parkWrap .lifeText
{
width: 100%;
}
.parkWrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0 4px;
margin-top: 1rem;
}
.lifeItemImg {
width: 40%;
}
.lifeText {
width: 55%;
}
.lifeItemWrap .lifeItem:nth-child(even) {
flex-direction: row-reverse;
}
.lifeTextMain {
font-size: 1.05rem;
color: #604C3F;
padding-bottom: 1rem;
}
.lifeItemWrap .lifeItem:nth-child(even) .lifeTextMain {
text-align: center;
}
.parkWrap .lifeTextMain {
text-align: center;
}

.lifeItemWrap .parkWrap .lifeItem:nth-child(even) {
flex-direction: column;
text-align: center;
}
.lifeTextSub {
font-size: 0.8rem;
}
.lifeOther {
font-size: 1.05rem;
display: flex;
justify-content: space-between;
max-width: 700px;
margin: auto;
margin-bottom: 0.5rem;
position: relative;
width: 100%;
}
.lifeOther:before {
content: '';
display: block;
width: 100%;
height: 50%;
position: absolute;
top: 0;
left: 0;
border-bottom: 2px dotted #604C3F;
z-index: -1;
}
.lifeOther .name,
.lifeOther .kyori {
background-color: #FFF;
padding: 0 15px;
color: #604C3F;
}
.lifeOtherWrap {
padding-top: 1rem;
padding-bottom: 4rem;
width: 100%;
}
.lifeItemWrap.lifeInfo2 {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
}
.lifeItemWrap.lifeInfo2 .lifeItem {
flex-direction: column;
width: calc(100% / 3);
padding: 0 14px;
box-sizing: border-box;
}
.lifeItemWrap.lifeInfo2 .lifeItem .lifeItemImg,
.lifeItemWrap.lifeInfo2 .lifeItem .lifeText {
width: 100%;
}
.lifeItemWrap.lifeInfo2 .lifeText {
text-align: left;
}
.lifeItemWrap.lifeInfo2 .lifeItem:nth-child(even) .lifeTextMain {
text-align: left;
}
.lifeItemWrap.lifeInfo3 {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.lifeItemWrap.lifeInfo3 .lifeItem {
flex-direction: column;
width: 50%;
}
.lifeItemWrap.lifeInfo3 .lifeItemImg {
width: 100%;
padding: 0 14px;
box-sizing: border-box;
}
.lifeItemWrap.lifeInfo3 .lifeText {
width: 100%;
text-align: center;
}
.lifeItemWrap.lifeInfo3 .lifeItem:nth-child(even) .lifeTextMain {
text-align: center;
}
.lifeItemWrap.lifeInfo3 + .caption {
padding: 0;
margin-top: -3%;
}
.gmap {
position: relative;
width: 100%;
height: 0;
padding-top: 30%;
margin-top: 3rem;
}
.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lifeinfomationTitle_01:after{
content: '';
display: block;
width: 190px;
height: 190px;
background-image: url(../img/img37.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
}
.lifeinfomationTitle_02:after{
content: '';
display: block;
width: 190px;
height: 190px;
background-image: url(../img/img42.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
}
.lifeinfomationTitle.lifeinfomationTitle_02 {
padding-bottom: 4rem;
}
.lifeinfomationTitle.lifeinfomationTitle_02:after {
top: -20%;
}
.lifeinfomationTitle_03:after{
content: '';
display: block;
width: 190px;
height: 190px;
background-image: url(../img/img48.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
}
.lifeinfomationTitle_04:after{
content: '';
display: block;
width: 190px;
height: 190px;
background-image: url(../img/img51.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: -30%;
left: 0;
}
.lifeinfomationTitle.lifeinfomationTitle_04 {
padding-bottom: 4rem;
}
.kurumadeokoshi {
background-color: #E4DBCB;
text-align: center;
width: 100%;
box-sizing: border-box;
color: #604C3F;
font-size: 1.3rem;
padding: 20px;
}
.kurumadeokoshi p{
margin: 0;
}
.kukakuzuWrap {
background-color: #E4DBCB;
padding: 2rem;
margin-top: 2rem;
position: relative;
}
.kukakuzuArrow {
position: absolute;
top: -16px;
left: 0;
right: 0;
width: 110px;
margin: auto;
}
.kukakuzuTitle {
display: inline-block;
background-color: #FFF;
padding: 10px 20px;
margin-bottom: 2rem;
color: #604C3F;
}
.kukakuzu {
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 3rem;
}
.kukakuzuTitle.bg {
background-color: #E4DBCB;
}
.bunjouchi {
display: flex;
justify-content: center;
align-items: flex-start;
}
.bunjouchiItem p {
font-size: 11px;
line-height: 1.5;
text-align: center;
min-height: 2rem;
}
.bunjouchiItem {
padding: 0 15px;
box-sizing: border-box;
position: relative;
}
.bunjouchiItem:after {
content: '';
display: block;
width: 15px;
height: 33px;
background-image: url(../img/arrow2.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 65px;
right: -10px;
bottom: 0;
margin: auto;
}
.bunjouchiItem:last-child:after {
display: none;
}
.cta {
max-width: 400px;
margin: 3rem auto;
}
.otherLink {
margin-top: 20px;
display: inline-block;
}
.slideSub {
position: relative;
margin-top: 2rem;
}
.prev-arrow {
position: absolute;
top: 0;
left: -6%;
bottom: 0;
z-index: 5;
margin: auto;
width: 40px;
}
.next-arrow {
position: absolute;
top: 0;
right: -6%;
bottom: 0;
z-index: 5;
margin: auto;
width: 40px;
}
.slideTitle {
background-color: #E4DBCB;
display: inline-block;
padding: 10px 30px;
margin-bottom: 2rem;
color: #604C3F;
font-size: 1.2rem;
}
.slideItem {
padding: 0 8px;
max-height: 596px;
}
.slideSub .slideItem {
max-height: 141px;
}
.sectionTitle.bgWhite .sectionTitleInner {
background-color: #FFF;
color: #B89463;
border: 1px solid #B89463;
}
.madoriContent {
background-color: #E4DBCB;
padding: 0 2rem 2rem;
}
.madoriContentWrap {
padding-top: 6rem;
}
.madoriContent .sectionTitle {
transform: translateY(-50px);
}
.kukakuzuWrap .madoriContent .sectionTitle {
transform: none;
}
.madoriBox {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: -30px;
}
.madoriLeft {
width: 50%;
}
.madoriRight {
width: 50%;
padding: 30px;
box-sizing: border-box;
text-align: center;
}
.madoriCta {
padding-top: 2rem;
}
.madoriBox.img .madoriLeft,
.madoriBox.img .madoriRight {
padding: 20px;
box-sizing: border-box;
}
.madoriContent.box2 {
margin-top: 5rem;
}
.box3 {
margin-top: 8rem;
}
.voiceTitle {
width: 200px;
}
.voiceItem {
border-top: 3px solid #E4DBCB;
padding-bottom: 4rem;
position: relative;
}
.voiceItem p {
position: relative;
}
.voiceBoxFlex {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.voiceImgBox {
position: absolute;
right: 3%;
top: -16%;
width: 100px;
}
.voiceBoxFlex .voiceItem {
width: 47%;
}
.voiceItem.voiceItem05 .voiceImgBox {
width: 30%;
}
.voiceItem.voiceItem06 .voiceImgBox {
right: initial;
left: 3%;
width: 140px;
}
.voiceItem.voiceItem06 .voiceTitleWrap {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.voiceItem.voiceItem06 .voiceImgBox {
right: initial;
left: 3%;
width: 130px;
top: -10%;
}
.voiceItem.voiceItem05 p {
width: 80%;
}
.flexWrap.flexbetween {
justify-content: space-between;
}
.flex2 {
width: 45%;
}
.voiceItem.voiceItem02,
.voiceItem.voiceItem04
{
padding-top: 4rem;
position: relative;
}
.voiceItem.voiceItem02 .voiceTitle,
.voiceItem.voiceItem04 .voiceTitle
{
position: absolute;
top: 0;
left: 0;
}
.imgWrap5 {
min-height: 287px;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.box6Title {
background-color: #E4DBCB;
display: inline-block;
padding: 20px;
font-size: 1.05rem;
color: #604C3F;
}
.box6Item p {
margin-bottom: 3rem;
}
.box6TitleWrap.titleRight {
display: flex;
justify-content: flex-end;
}
.box7 {
margin-bottom: 5rem;
}
.oriconUpper {
background-color: #B89463;
color: #FFF;
text-align: center;
padding: 30px;
font-size: 16px;
}
.oriconUpper span {
font-size: 13px;
display: block;
}
.oriconRower {
background-color: #E4DBCB;
padding: 30px;
}
.oriconflex {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 30px;
}
.oriconflexItem {
padding: 10px;
box-sizing: border-box;
}

.footer {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footerItem {
width: 40%;
}
.footer {
padding-top: 5rem;
}
.footerBg {
background-color: #f7f4ef;
}
.oriconflexItem.oriconflexItem02 {
width: 70%;
padding: 0 2rem;
}
.oriconflexItem.oriconflexItem01 {
width: 30%;
}
.oriconCta {
max-width: 400px;
margin: auto;
}

.slick-slide img {
display: block;
height: 100%;
width: 100%;
max-height: 596px;
object-fit: contain;
}
.slideSub .slideItem {
max-height: 141px;
}
.slideSub .slideItem img{

max-height: 141px;
display: block;
height: 100%;
width: 100%;
object-fit: contain; 
}
.fixCta {
position: fixed;
bottom: 10px;
right: 0px;
width: 280px;
z-index: 100;
}


#ctaPop {
position: fixed;
right: 0;
bottom: 0;
z-index: 100;
transition: all 0.3s;
transform: translateX(120%);
}
.ctaPopWrap {
background-color: #FFF;
padding: 20px;
color: #604C3F;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: 280px;
box-shadow: 0 0 11px #c8c8c8;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
position: relative;
}
.ctaButton p {
margin: 0;
padding: 5px;
}
.ctaButton {
padding-bottom: 2px;
}
.ctaClose {
width: 15px;
position: absolute;
left: 6px;
top: 6px;
border-radius: 20px;
overflow: hidden;
}
#ctaPop.active {
display: block;
transform: translateX(0%);
}
.ctaPopInner {
width: 100%;
}
.ctaButtonItem.ctaButton01 {
background-color: #85010b;
color: #FFF;
font-size: 13px;
display: block;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
}
.ctaButtonItem.ctaButton02 {
background-color: #02003c;
color: #FFF;
font-size: 13px;
display: block;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
}
.ctaButtonItem.ctaButton03 {
background-color: #02003c;
color: #FFF;
font-size: 13px;
display: block;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
}
.youtubeShort {
    display: block;
    margin: auto;
/*    max-width: 100%;*/
    max-width: 100%;

    width: 100%;
    height: 100%;
}
@media screen and (max-width: 700px) {
.sectionTitleRow {
font-size: 1.0rem;
text-align: left;
}
.sectionTitleRow br{
display: none;
}
.flex3 {
width: calc(100% / 2);
}
.flex2col {
flex-direction: column;
}
.contentPoint .flexLeft {
width: 100%;
}
.contentPoint .flexRight {
width: 100%;
}
.bgWhiteBox:before{
display: none;
}
.sectionTitleTop {
font-size: 1.0rem;
}
.contentWrap {
padding: 0 20px;
}
.slide, .slideSub {
width: 90%;
margin: auto;
}
.lifeinfomationTitle_01:after,
.lifeinfomationTitle_02:after,
.lifeinfomationTitle_03:after,
.lifeinfomationTitle_04:after{
display: none;
}
.parkWrap {
flex-direction: column;
}
.lifeItemWrap .lifeItem {
flex-direction: column;
}
.lifeItemWrap .lifeItemImg {
width: 100%;
}
.lifeItemWrap .lifeText {
width: 90%;
}
.bunjouchi {
flex-wrap: wrap;
}
.bunjouchiItem:after{
display: none;
}
.madoriBox {
flex-direction: column;
}
.madoriLeft,
.madoriRight{
width: 100%;
}
}
@media screen and (max-width: 450px) {
.pc {
display: none;
}
.sp {
display: initial;
}
.flex3 {
width: calc(100% / 1);
}
.accessWrap {
flex-direction: column;
}
.accessLeft {
margin: auto;
}
.accessRight {
width: 100%;
padding-top: 20px;
}
.case {
flex-direction: column;
}
.caseImg {
width: 50%;
padding: 2rem;
box-sizing: border-box;
}
.caseBox:after {
left: 0;
right: 0;
bottom: initial;
top: -14px;
z-index: -1;
}
.case:nth-child(even) {
flex-direction: column;
}
.case:nth-child(even) .caseBox:before{
display: none;
}
.case:nth-child(even) .caseBox:after {
left: 0;
right: 0;
z-index: -2;
}
.caseTitle {
flex-direction: column;
align-items: flex-start;
}
.caseTitle p {
font-size: 0.8rem;
}
.caseBox {
width: 100%;
}
.lifeinfomationTitle_01:after,
.lifeinfomationTitle_02:after,
.lifeinfomationTitle_03:after,
.lifeinfomationTitle_04:after{
display: none;
}
.lifeItem {
flex-direction: column;
padding-bottom: 1rem;
}
.lifeItemImg {
width: 100%;
}
.lifeText {
width: 100%;
}
.lifeTextMain {
text-align: center;
}
.lifeItemWrap .lifeItem:nth-child(even) {
flex-direction: column;
}
.lifeItemWrap .lifeItem:nth-child(even) .lifeTextMain {
text-align: center;
}
.lifeOther {
flex-direction: column;
}
.lifeItemWrap.lifeInfo2 .lifeItem {
width: calc(100% / 1);
}
.lifeItemWrap.lifeInfo3 .lifeItem {
width: 100%;
}
.gmap {
padding-top: 60%;
}
.kukakuzu {
flex-direction: column;
}
.bunjouchi {
flex-direction: column;
}
.bunjouchiItem:after{
display: none;
}
.madoriBox {
flex-direction: column;
margin-top: 0;
}
.madoriLeft,
.madoriRight {
width: 100%;
}
.madoriContent {
padding: 0 0 2rem;
}
.madoriBox.img .madoriLeft, .madoriBox.img .madoriRight {
padding: 10px;
box-sizing: border-box;
}
.voiceTitle {
width: 140px;
}
.box6Title {
display: block;
}
.footer {
flex-direction: column;
padding-bottom: 30px;
}
.footerItem {
width: 100%;
}
.imgWrap5 {
min-height: initial;
}
.madoriRight {
text-align: left;
}
.madoriRight br{
display: none;
}
.next-arrow {
width: 24px;
right: -10%;
}
.prev-arrow {
width: 24px;
left: -10%;
}
.slideItem {
padding: 0 4px;
}
.imgBoxWrap.pd14 {
padding: 0;
}
.sectionTitleRow {
font-size: 0.8rem;
}
.keyImgWrap {
padding-bottom: 2rem;
}
.headerLogo {
max-width: 100px;
}
.h1Title {
font-size: 0.7rem;
margin: 0;
padding: 0 16px 16px;
}
.headerButtonWrap {
top: 20px;
right: 10px;
}
#toTop {
width: 40px;
}
.kurumadeokoshi {
font-size: 12px;
}
.kukakuzuWrap {
padding: 1rem;
}
.sectionTitleInner {
width: 100%;
box-sizing: border-box;
}
.voiceBoxFlex .voiceItem {
width: 100%;
}
.voiceItem.voiceItem06 .voiceTitleWrap {
justify-content: flex-start;
}
.voiceItem.voiceItem06 .voiceImgBox {
left: initial;
right: 3%;
width: 30%;
}
.voiceItem.voiceItem05 .voiceImgBox {
width: 50%;
}
.flexWrap.flexbetween .flex2 {
width: 100%;
}
.oriconflex {
flex-direction: column;
}
.oriconflexItem.oriconflexItem01 {
width: 100%;
}
.oriconflexItem.oriconflexItem02 {
width: 100%;
padding: 0;
}
.oriconflexItem {
padding: 10px 0;
box-sizing: border-box;
}
.lifeinfomationTitleItem {
box-sizing: border-box;
}
.lifeinfomationTitleItem {
font-size: 16px;
min-width: initial;
width: 100%;
}
.lifeTextMain {
font-size: 14px;
}
.oriconUpper {
text-align: left;
}
section#link02 {
padding-bottom: 0;
}
.caseImg {
width: 40%;
margin: auto;
padding-bottom: 10px;
}
.caseBox {
width: 100%;
}
.caseBox:after{
display: none;
}
.caseTitle span {
width: 20%;
}

#case_SP_slide .next-arrow {
right: -4%;
top: 20%;
}

#case_SP_slide .prev-arrow {
left: -4%;
top: 20%;
}
#case_SP_slide .case{
padding: 0 10px;
}
#case_SP_slide .caseBox{
box-shadow: none;
}

#case_SP_slide .fadeUp;
#case_SP_slide .fadeUp.is-inview{
transform: translateY(0);
transition-delay: none;
}
.voiceItem.voiceItem05 p {
width: 100%;
}
}