@charset "UTF-8";
.panel-item.is-active {
display: block;
animation: panel-show .6s ease-in-out forwards;
}
.panel-item {
display: none;
animation: panel-show .6s ease-in-out forwards;
}
@keyframes panel-show {
from {opacity: 0;}
to {opacity: 1;}
}
.base-main{
background: url("../images/base/main.jpg") no-repeat center center;
background-size: cover;
}
.pages.base-life .container .page-kv .ttl {
position: absolute;
top: 33%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}
.page-kv .base-main-text{
position: absolute;
top: 54%;
width: 100%;
left: 0;
text-align: center;
color: #fff;
font-size: 1.33vw;
font-weight: 600;
line-height: 1.8;
letter-spacing: 0.05em;
}
.base-select-btn-box{
display: flex;
justify-content: space-between;
width: 74.8333333333vw;
margin: 0 auto 7.5vw;
}
.base-select-btn-box-end {
    display: flex;
    justify-content: space-between;
    width: 51.6vw;
    margin: 0 auto 14vw;
}
.base-select-btn{
width: 31%;
}
.base-select-btn-box-end .base-select-btn{
width: 47%;
height: 5.6vw;
}
.base-select-btn{
background: #ccc;
color: #fff;
font-size: 1.49vw;
font-weight: 600;
text-align: center;
padding: 0.6vw 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 1000px;
}
.base-select-btn a{
color: #fff;
font-size: 1.49vw;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.base-select-btn:hover{
cursor: pointer;
opacity: 0.7;
}
.base-select-btn:nth-child(1),
.base-select-btn.select-o{
background: #eb6c6c;
}
.base-select-btn:nth-child(2),
.base-select-btn.select-h{
background: #faaa00;
}
.base-select-btn:nth-child(3),
.base-select-btn.select-k{
background: #f09044;
}
.base-section-main{
position: relative;
}
.base-section-main.tab-upper{
padding: 4vw 0 0;
}
.base-section-main-v{
position: relative;
}
h2.base-section-main-ttl{
position: absolute;
width: 100%;
left: 0;
top: 44%;
text-align: center;
font-size: 2.66vw;
font-weight: 700;
color: #fff;
}
.base-section-main-text{
position: absolute;
width: 100%;
left: 0;
top: 60%;
text-align: center;
font-size: 1.5vw;
font-weight: 700;
color: #fff;
}
.type02 h2.base-section-main-ttl{
top: 22%;
}
.type02 .base-section-main-text{
top: 41%;
font-size: 1.16vw;
font-weight: 600;
line-height: 1.9;
}
.type03 h2.base-section-main-ttl{
top: 39%;
}
.type03 .base-section-main-text{
top: 55%;
}
.base-section-main-v h2{
position: absolute;
width: 100%;
left: 0;
top: 44%;
text-align: center;
font-size: 2.66vw;
font-weight: 700;
}
.base-section-main-ex{
padding: 2.5vw 0 3.5vw;
color: #fff;
text-align: center;
}
.base-section-main-ex-ttl{
display: inline-block;
font-size: 1.83vw;
font-family: "Chillax-Variable";
font-weight: 500;
position: relative;
}
.base-section-main-ex-ttl-jp{
display: inline-block;
font-size: 1.83vw;
font-weight: 500;
position: relative;
}
.base-section-main-ex-ttl::after,
.base-section-main-ex-ttl-jp::after{
position: absolute;
content: '';
width: 100%;
height: 2px;
background: #fff;
left: 0;
bottom: -0.5vw;
}
.base-section-main-ex p{
font-size: 1.33vw;
font-weight: 700;
text-align: center;
padding: 2vw 0 0;
}
.base-section-main-ex p a{
display: inline;
color: #3167ff;
text-decoration: underline;
}
.honsha .base-section-main-ex{
background: #faaa00;
}
.kitajima .base-section-main-ex{
background: #f09044;
}
.base-block-ttl-box{
margin: 0 auto;
}
.base-section-main .base-block-ttl-box,
.base-access-wrap .base-block-ttl-box,
.owari-base-block .base-block-ttl-box,
.owari-spot-head-block .base-block-ttl-box{
position: absolute;
width: 74.8333333333vw;
left: 0;
right: 0;
margin: auto;
top: -4vw;
z-index: 5;
}
.base-section-main .base-block-ttl-box{
top: 0;
}
.base-voice-wrap .base-block-ttl-box{
position: relative;
margin: 9.1vw auto 7.3vw;
}
.base-block-ttl-tag{
width: 17.3vw;
height: 2.4vw;
background: #ccc;
text-align: center;
color: #fff;
font-size: 1.33vw;
font-weight: 700;
line-height: 2.4vw;
margin: 0 auto;
position: relative;
z-index: 5;
}
.honsha .base-block-ttl-tag{
background: #faaa00;
}
.kitajima .base-block-ttl-tag{
background: #f09044;
}
.owari .base-block-ttl-tag{
background: #eb6c6c;
}
.base-block-ttl{
font-size: 2.3vw;
font-weight: 700;
text-align: center;
color: #ff6600;
height: 8vw;
position: relative;
top: -1.2vw;
margin: 0 0 -1.2vw;
line-height: 6.4vw;
padding: 0.3vw 0 0;
}
.honsha .base-block-ttl{
color: #faaa00;
}
.kitajima .base-block-ttl{
color: #f09044;
}
.owari .base-block-ttl{
color: #eb6c6c;
}

.honsha .base-block-ttl{
background: url("../images/base/hansha-base-block-ttl-bg.svg") no-repeat top center;
background-size: 100% auto;
}
.kitajima .base-block-ttl{
background: url("../images/base/hansha-base-block-ttl-bg.svg") no-repeat top center;
background-size: 100% auto;
}
.owari .base-block-ttl{
background: url("../images/base/owari-base-block-ttl-bg.svg") no-repeat top center;
background-size: 100% auto;
}
.base-block-ttl-sub{
color: #fff;
text-align: center;
font-size: 1.24vw;
font-family: "Chillax-Variable";
font-weight: 500;
padding: 0.5vw 0 0;
}
.honsha .base-access-wrap .base-block-ttl-sub,
.honsha .base-voice-wrap .base-block-ttl-sub{
color: #faaa00;
}
.kitajima .base-access-wrap .base-block-ttl-sub,
.kitajima .base-voice-wrap .base-block-ttl-sub{
color: #f09044;
}
.owari .base-block-ttl-sub,
.owari .base-cafe-ttl,
.owari .base-cafe-ttl-sub{
color: #eb6c6c;
}
.base-ex-wrap{
width: 74.8333333333vw;
margin: 0 auto;
padding: 7.3vw 0 7.3vw;
}
.base-ex-wrap.add-pdb{
padding: 7.3vw 0 14vw;
}
.base-ex-pt01{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.base-ex-pt01:nth-child(even){
flex-direction: row-reverse;
}
.base-ex-pt01-img{
width: 43%;
}
.base-ex-pt01-img img{
width: 100%;
border-radius: 50%;
}
.base-ex-pt01-cont{
width: 53%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 0 6vw;
}
.base-ex-pt01-cont dl{
display: flex;
padding: 0 0 1vw;
}
.base-ex-pt01-cont dt{
width: 6vw;
font-size: 4.2vw;
font-family: "Chillax-Variable";
font-weight: 500;
line-height: 0.8;
}
.base-ex-pt01-cont dd{
font-size: 2.3vw;
font-weight: bold;
}
.base-ex-pt01-cont p{
font-size: 1.16vw;
font-weight: 600;
line-height: 1.75;
}
.honsha .base-ex-pt01-cont dt,
.honsha .base-ex-pt01-cont dd{color: #faaa00;}
.kitajima .base-ex-pt01-cont dt,
.kitajima .base-ex-pt01-cont dd{color: #f09044;}

.base-ex-pt01-att{
text-align: right;
font-size: 1.1vw;
font-weight: 400;
}
.base-access-wrap{
background: #feeecc;
padding: 13vw 0 7.5vw;
position: relative;
}
.kitajima .base-access-wrap{
background: #fce9da;
}

.base-access-inner{
width: 70.5vw;
margin: 0 auto;
}
.base-access-inner img{
width: 100%;
}
.base-voice-wrap{
position: relative;
}
.base-access-inner{
width: 75%;
margin: 0 auto;
}
.base-access-inner img{
width: 100%;
}
.base-voice-inner{
width: 74.8333333333vw;
margin: 0 auto;
}
.base-voice-cont{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 5vw;
}
.base-voice-once{
width: 47%;
position: relative;
margin: 0 0 4vw;
padding: 3% 3.5%;
background: #ccc;
display: flex;
justify-content: space-between;
border-radius: 2vw;
}
.honsha .base-voice-once{
background: #faaa00;
}
.kitajima .base-voice-once{
background: #f09044;
}
.base-voice-once::after{
position: absolute;
content: '';
width: 1.8vw;
height: 1.8vw;
bottom: -1.8vw;
right: 13%;
background: url("../images/base/honsha-voice-ar.svg") no-repeat top center;
background-size: 100%;
}
.kitajima .base-voice-once::after{
position: absolute;
content: '';
width: 1.8vw;
height: 1.8vw;
bottom: -1.8vw;
right: 13%;
background: url("../images/base/kitajima-voice-ar.svg") no-repeat top center;
background-size: 100%;
}
.base-voice-once-img{
width: 31.5%;
flex-shrink: 0;
}
.base-voice-once-img img{
width: 100%;
}
.base-voice-once-cont{
width: 61.6%;
color: #fff;
flex-shrink: 0;
padding: 1.4vw 0 0;
}
.base-voice-once p.name{
font-size: 1.08vw;
font-weight: bold;
line-height: 2.5;
}
.base-voice-once p.text{
font-size: 1.16vw;
font-weight: 500;
line-height: 1.9;
}
.base-cafe-wrap{
background: #f2f3f3;
position: relative;
margin: 0 auto 12.8vw;
padding: 8.16vw 0 5vw;
}
.base-cafe-ttl-box{
width: 100%;
position: absolute;
top: -3vw;
left: 0;
text-align: center;
}
.base-cafe-ttl{
font-size: 3.1vw;
font-weight: 700;
color: #f09044;
line-height: 1.9;
}
.base-cafe-ttl-sub{
text-align: center;
font-size: 1.24vw;
font-family: "Chillax-Variable";
font-weight: 500;
color: #f09044;
}
.base-cafe-inner{
width: 74.8333333333vw;
margin: 0 auto ;
}
.base-cafe-points{
margin: 0 auto 3vw;
display: flex;
justify-content: space-between;
}
.base-cafe-once{
width: 30.2%;
}
.base-cafe-once-img{
width: 100%;
margin: 0 0 0.5vw;
}
.base-cafe-once-ttl{
text-align: center;
font-size: 1.16vw;
font-weight: 600;
}
.base-cafe-ex-box{
}
.base-cafe-ex-ttl{
font-size: 1.666vw;
font-weight: 700;
color: #f09044;
margin: 0 0 1vw;
}
.base-cafe-ex-box p{
font-size: 1.16vw;
font-weight: 600;
line-height: 1.8;
}
.base-section-main-owari{
padding: 15% 0;
position: relative;
}
.owari-head-block{
position: relative;
padding: 9vw 0 6vw;
}
.owari-head-block-inner,
.owari-spot-head-block-inner{
width: 88vw;
position: relative;
left: -1vw;
display: flex;
justify-content: space-between;
}
.owari-spot-head-block-inner{
margin: 0 auto;
left: auto;
right: -7vw;
flex-direction: row-reverse;
}
.owari-head-block-img{
width: 44%;
}
.owari-head-block-img img{
width: 100%;
}
.owari-head-cont{
width: 51%;
display: flex;
align-items: center;
}
.owari-head-cont p{
font-size: 1.24vw;
font-weight: 600;
line-height: 1.8;
}
.owari-spot-head-block{
position: relative;
padding: 9vw 0 6vw;
}
.owari-map-block{
background: #f2f3f3;
position: relative;
padding: 9vw 0 9vw;
}
.owari-map-block-inner{
width: 74.8333333333vw;
max-width: 1100px;
margin: 0 auto;
}
.owari-map-block-inner img{
width: 100%;
}
.owari-features-block{
position: relative;
padding: 6.5vw 0 13vw;
}
.owari-features-inner{
width: 74.8333333333vw;
margin: 0 auto;
}
.owari-features-box{
display: flex;
justify-content: space-between;
}
.owari-features-once{
width: 30.2%;
}
.owari-features-img{
margin: 0 0 1.5vw;
}
.owari-features-img img{
width: 100%;
}
.owari-features-once p,
.owari-spot-once p,
.owari-base-once p{
font-size: 1.16vw;
font-weight: 600;
line-height: 1.75;
}
.owari-features-ttl{
display: flex;
margin: 0 0 1vw;
}
.owari-features-ttl p{
display: flex;
align-items: center;
font-size: 1.5vw;
font-weight: 700;
line-height: 1.5;
color: #eb6c6c;
padding: 0 0 0 1vw;
}
.owari-features-ttl-img{
width: 25%;
}
.owari-features-ttl-img img{
width: 100%;
}
.owari-spot-head-block{
padding: 8.3vw 0;
}
.owari-spot-block{
background: #f2f3f3;
position: relative;
padding: 8.3vw 0;
}
.owari-spot-block-inner{
width: 76%;
margin: 0 auto;
}
.owari-spot-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.owari-spot-once{
width: 47%;
padding: 0 0 5.5vw;
position: relative;
}
.owari-spot-once:nth-child(1),
.owari-spot-once:nth-child(2){
margin: 0 0 5vw;
}
.owari-spot-img{
margin: 0 0 1.7vw;
}
.owari-spot-img img{
width: 100%;
}
.owari-spot-ttl,
.owari-base-ttl{
font-size: 1.5vw;
font-weight: 700;
margin: 0 0 3.5%;
line-height: 1.5;
color: #eb6c6c;
}
.owari-spot-btn,
.owari-base-btn{
position: absolute;
width: 84.5%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.owari-base-btn{
width: 90%;
}
.owari-spot-btn a,
.owari-base-btn a{
position: relative;
display: block;
border-radius: 100px;
text-align: center;
font-size: 1.33vw;
font-weight: 600;
color: #fff;
background: #eb6c6c;
line-height: 3.5vw;
padding: 0 4% 0 0;
}
.owari-spot-btn a img{
position: absolute;
width: 1.35vw;
top: 0;
bottom: 0;
right: 7%;
margin: auto;
}
.owari-base-btn a img{
position: absolute;
width: 1.2vw;
top: 0;
bottom: 0;
right: 7%;
margin: auto;
}
.owari-base-block{
position: relative;
background: #f8e3e3;
margin: 0 0 5vw;
padding: 11.6vw 0 8.3vw;
}
.owari-base-block-inner{
width: 74.8333333333vw;
margin: 0 auto;
}
.owari-base-box{
display: flex;
justify-content: space-between;
margin: 0 0 6.6vw;
}
.owari-base-once{
width: 30.2%;
position: relative;
padding: 0 0 5.5vw;
}
.owari-base-img{
margin: 0 0 1.5vw;
}
.owari-base-img img{
width: 100%;
}
.other-base-btn{
width: 57%;
margin: 0 auto;
}
.other-base-btn a{
position: relative;
background: #fff;
text-align: center;
font-size: 1.66vw;
font-weight: 700;
color: #eb6c6c;
border: 1px solid #eb6c6c;
border-radius: 100px;
line-height: 3.8vw;
}
.other-base-btn a img{
position: absolute;
width: 1.6vw;
top: 0;
bottom: 0;
right: 5%;
margin: auto;
}
.owari-features02-block{
position: relative;
padding: 10.5vw 0 8.5vw;
}
.owari-features02-block-inner{
width: 74.8333333333vw;
margin: 0 auto;
}
.owari-features02-box{
padding: 6% 0 0;
}
.owari-features02-once{
position: relative;
padding: 2.3vw 0 5vw;
}
.owari-features02-once-img{
position: relative;
width: 76%;
}
.owari-features02-cont{
position: absolute;
width: 56%;
height: 20vw;
top: 0;
margin: 0 0 5%;
padding: 1% 4% 0;
z-index: 5;
}
.owari-features02-cont-ttl{
font-size: 1.66vw;
font-weight: 700;
color: #eb6c6c;
margin: 0 0 1vw;
}
.owari-features02-cont-ttl span{
font-size: 2.83vw;
font-family: "Chillax-Variable";
font-weight: 500;
padding: 0 1.2vw 0 0;
position: relative;
top: 0.4vw;
}
.owari-features02-cont p{
font-size: 1.16vw;
font-weight: 600;
line-height: 1.75;
}
.owari-features02-once:nth-child(even) .owari-features02-cont{
left: 0;
background: url("../images/base/owari-features02-cont-bg02.svg") no-repeat top center;
background-size: 100% auto;
}
.owari-features02-once:nth-child(odd) .owari-features02-cont{
right: 0;
background: url("../images/base/owari-features02-cont-bg01.svg") no-repeat top center;
background-size: 100% auto;
}
.owari-features02-once:nth-child(even) .owari-features02-once-img{
left: 24%;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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


.pages .container .lead-txt {
width: 90%;
margin: 0 auto;
padding: 8vw 0 9.3333333333vw;
}

.pages .container .lead-txt p {
font-size: 3.4666666667vw;
}

.base-select-btn-box,
.base-select-btn-box-end{
width: 94%;
margin: 0 auto 13vw;
flex-wrap: wrap;
}
.base-select-btn{
width: 31%;
}

.base-select-btn,
.base-select-btn-box-end .base-select-btn{
width: 49%;
font-size: 3.2vw;
height: 12vw;
margin: 0 0 2vw;
}
.base-select-btn-box-end .base-select-btn a {
font-size: 3.2vw;
}

.base-section-main .base-block-ttl-box, .base-access-wrap .base-block-ttl-box, .owari-base-block .base-block-ttl-box, .owari-spot-head-block .base-block-ttl-box {
width: 90%;
top: 2.5vw;
}
.owari-base-block .base-block-ttl-box,
.base-access-wrap .base-block-ttl-box{
top: -10vw;
}
.base-block-ttl-tag {
width: 44vw;
height: 6.4vw;
font-size:3.46vw;
font-weight: 700;
line-height: 6.4vw;
margin: 0 auto;
position: relative;
z-index: 5;
}
.base-block-ttl {
font-size: 5vw;
height: 17vw;
top: -3.2vw;
margin: 0 0 -3.2vw;
line-height: 14.7vw;
padding: 0.3vw 0 0;
}
.owari .base-block-ttl {
background: url(../images/base/owari-base-block-ttl-bg_sp.svg) no-repeat top center;
background-size: 100% auto;
}
.honsha .base-block-ttl {
background: url(../images/base/honsha-base-block-ttl-bg_sp.svg) no-repeat top center;
background-size: 100% auto;
}
.kitajima .base-block-ttl {
background: url(../images/base/kitajima-base-block-ttl-bg_sp.svg) no-repeat top center;
background-size: 100% auto;
}
.base-block-ttl-sub {
font-size: 3.36vw;
padding: 0 0;
}

.owari-head-block {
padding: 20vw 0 12vw;
}

.owari-head-block-inner, .owari-spot-head-block-inner {
width: 90%;
position: relative;
left: 0;
right: 0;
display: block;
margin: 0 auto;
}
.owari-head-block-img {
width: 70%;
margin: 0 auto 4vw;
}
.owari-head-cont {
width: 100%;
display: block;
}
.owari-head-cont p {
font-size:3.46vw;
line-height: 1.8;
}
.owari-map-block-inner {
width: 90%;
margin: 0 auto;
}
.owari-features-inner {
width: 90%;
}
.owari-features-box {
display: block;
width: 90%;
margin: 0 auto;
}
.owari-features-once {
width: 100%;
margin: 0 0 8vw;
}
.owari-features-once p, .owari-spot-once p, .owari-base-once p {
font-size:3.46vw;
line-height: 1.75;
}
.owari-features-ttl p {
font-size: 4.48vw;
padding: 0 0 0 3vw;
}
.owari-features-img {
margin: 0 0 3vw;
}
.owari-spot-block-inner {
width: 90%;
margin: 0 auto;
}
.owari-spot-box {
display: block;
width: 90%;
margin: 0 auto;
}
.owari-spot-once,
.owari-spot-once:nth-child(1), .owari-spot-once:nth-child(2){
width: 100%;
margin: 0 0 9vw;
padding: 0 0 12vw;
}
.owari-spot-ttl, .owari-base-ttl {
font-size: 4.48vw;
margin: 0 0 2vw;
}
.owari-spot-img {
margin: 0 0 2.8vw;
}
.owari-spot-btn a, .owari-base-btn a {
border-radius: 100px;
font-size: 3.58vw;
line-height: 8vw;
padding: 0 4% 0 0;
}
.owari-spot-btn a img {
width: 4vw;
}
.owari-features02-block-inner {
width: 90%;
margin: 0 auto;
}
.owari-features02-once {
position: relative;
padding: 0 0 8vw;
}
.owari-features02-cont {
position: relative;
width: 90%;
height: auto;
top: 0;
margin: 0 0 3vw;
}
.owari-features02-cont p {
font-size:3.46vw;

}
.owari-features02-cont-ttl {
font-size: 4.2vw;
margin: 0 0 1vw;
}
.owari-features02-once:nth-child(odd) .owari-features02-cont{
background: url(../images/base/owari-features02-cont-bg01_sp.svg) no-repeat bottom left;
background-size: 190% auto;
padding: 0 0 8vw 5vw;
}
.owari-features02-once:nth-child(even) .owari-features02-cont{
background: url(../images/base/owari-features02-cont-bg02_sp.svg) no-repeat bottom right;
background-size: 190% auto;
padding: 0 5vw 8vw 0;
}
.owari-features02-cont-ttl span {
font-size: 7.6vw;
padding: 0 2vw 0 0;
top: 0;
display:block;
}
.owari-features02-once-img {
width: 100%;
}
.owari-features02-once:nth-child(even) .owari-features02-once-img {
left: 0;
}
.owari-features02-once:nth-child(odd) .owari-features02-cont {
right: 0;
left: 10%;
}
.owari-base-block-inner {
width: 90%;
}
.owari-base-box {
width: 90%;
display: block;
margin: 0 auto 6.6vw;
}
.owari-base-once {
width: 100%;
margin: 0 0 8vw;
padding: 0 0 12vw;
}
.owari-base-btn a img {
width: 3.5vw;
right: 7%;
}
.owari-base-img {
margin: 0 0 3vw;
}
.other-base-btn {
width: 100%;
margin: 0 auto 0;
padding: 5vw 0;
}
.other-base-btn a {
font-size: 3.58vw;
line-height: 9.5vw;
padding: 0 4% 0 0;
}
.other-base-btn a img {
width: 4vw;
right: 5%;
}
.owari-base-block {
margin: 0 0 10vw;
padding: 22vw 0 8.3vw;
}
.owari-features02-block {
padding: 8vw 0 15vw;
}
.base-section-main.tab-upper {
padding: 13vw 0 0;
}
.base-ex-wrap {
width: 90%;
margin: 0 auto;
padding: 7.3vw 0 7.3vw;
}
.base-ex-pt01 {
display: block;
margin: 0 0 7vw;
}
.base-ex-pt01-img {
width: 65%;
margin: 0 auto 3vw;
}
.base-ex-pt01-cont {
width: 100%;
display: block;
padding: 0 0;
}
.base-ex-pt01-cont dt {
width: 12vw;
font-size: 8vw;
line-height: 0.8;
}
.base-ex-pt01-cont dd {
font-size: 4.48vw;
}
.base-ex-pt01-cont p {
font-size:3.46vw;
line-height: 1.75;
}
.base-section-main-v {
position: relative;
width: 100%;
}
.base-section-main-v img{
position: relative;
width: 170%;
max-width: 2000px;
left: -35%;
}
.type02 .base-section-main-v img{
width: 260%;
max-width: 2000px;
left: -110%;
}
.base-section-main-v h2 {
position: absolute;
width: 100%;
left: 0;
top: 43%;
text-align: center;
font-size: 5vw;
font-weight: 700;
}
.base-section-main-text {
top: 60%;
font-size:3.46vw;
}
.base-section-main-ex-ttl {
font-size: 4vw;
}
.base-section-main-ex-ttl-jp {
font-size: 4vw;
}
.base-section-main-ex p {
font-size:3.46vw;
padding: 4vw 0 0;
}
.base-section-main-ex {
padding: 5vw 0 5vw;
}
.type02 .base-section-main-text {
padding: 0 3%;
top: 29%;
font-size:3.1vw;
line-height: 1.7;
}
.type02 h2.base-section-main-ttl {
top: 13%;
}
.base-ex-pt01-att {
font-size: 3vw;
}
.base-ex-wrap.add-pdb {
padding: 7.3vw 0 20vw;
}
.base-access-inner {
width: 90%;
margin: 0 auto;
}
.base-access-wrap {
padding: 19vw 0 7.5vw;
}
.base-voice-inner {
width: 90%;
}
.base-voice-cont {
display: block;
width: 90%;
margin: 0 auto 16vw;
}
.base-voice-once {
width: 100%;
margin: 0 0 7vw;
padding: 3% 5.5% 3% 3.5%;
background: #ccc;
display: flex;
justify-content: space-between;
border-radius: 2vw;
}
.base-voice-once::after,
.kitajima .base-voice-once::after{
width: 4vw;
height: 4vw;
bottom: -4vw;
}
.base-voice-once p.text {
font-size:3.46vw;
line-height: 1.6;
}
.base-voice-once p.name {
font-size:3.2vw;
line-height: 2.5;
}
.base-voice-once-img {
width: 27%;
flex-shrink: 0;
}
.base-voice-once-cont {
width: 70%;
padding: 0 0 0;
}
.owari-map-block-inner {
overflow: hidden;
}
.owari-map-block-inner img {
width: 140%;
max-width: 2000px;
position: relative;
left: -8%;
}
.base-ex-pt01-cont dl {
padding: 0 0 3vw;
}
.type03 .base-section-main-text {
top: 57%;
}
.base-cafe-inner {
width: 90%;
}
.base-cafe-points {
width: 90%;
margin: 0 auto 3vw;
display: block;
}
.base-cafe-once {
width: 100%;
margin: 0 0 5vw;
}
.base-cafe-once-ttl {
font-size:3.46vw;
}
.base-cafe-once-img {
margin: 0 0 2vw;
}
.base-cafe-ex-box p {
font-size:3.46vw;
}
.base-cafe-ex-ttl {
font-size: 4vw;
margin: 0 0 1vw;
}
.base-cafe-wrap {
margin: 0 auto 20vw;
padding: 14vw 0 10vw;
}
.base-cafe-ttl {
font-size: 5.4vw;
line-height: 1.9;
}
.base-cafe-ttl-box {
top: -6vw;
left: 0;
text-align: center;
}
.base-cafe-ttl-sub {
font-size: 3.36vw;
padding: 0 0 0;
}
.owari-spot-block {
padding: 14vw 0 4vw;
}
.owari-map-block {
padding: 14vw 0 9vw;
}
.owari-spot-head-block {
padding: 34vw 0 14vw;
}
.owari-features-block {
position: relative;
padding: 10vw 0 6vw;
}
.page-kv .base-main-text {
position: absolute;
top: 54%;
width: 90%;
left: 5%;
font-size:3.46vw;
line-height: 1.8;
letter-spacing: 0.05em;
}
.pages .container .page-kv.base-main {
height: 100vw;
}
.page-kv .base-main-text {
top: 38%;
width: 90%;
left: 5%;
font-size: 3.46vw;
line-height: 1.7;
letter-spacing: 0.05em;
}
.pages.base-life .container .page-kv .ttl {
top: 22%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}
.base-section-main-ex-ttl::after, .base-section-main-ex-ttl-jp::after {
bottom: -2vw;
}
.base-life .backtotop_btn {
margin-top: 28vw;
}
}