@charset 'UTF-8';

/*  top
--------------------------------------- */

.ctBox01 {
max-width: 1068px;
margin: 0 auto 11px;
padding: 5px 20px 0;
box-sizing: border-box;
}

.ctBox01 .inner {
position: relative;
padding: 0 0 738px;
}

.ctBox01 .img01 {
position: absolute;
top: 0;
left: 0;
}

.ctBox01 .img02 {
position: absolute;
bottom: 0;
right: 0;
}

.ctBox01 .img03 {
position: absolute;
bottom: 0;
left: 0;
}

.ctBox01 .ttl {
position: relative;
padding: 62px 0 75px 530px;
z-index: 2;
}

.ctBox01 h2 {
width: 108px;
margin: 0 0 0 598px;
font-size: 14px;
line-height: 1;
text-align: center;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
box-sizing: border-box;
}

.ctBox01 .lead {
margin: 23px 0 30px 598px;
font-size: 16px;
line-height: 2.07;
}

.ctBox01 .more {
width: 189px;
margin: 0 0 0 auto;
}

.ctBox01 .more a {
display: block;
padding: 13px 0;
color: #fff;
font-size: 14px;
text-align: center;
background: #3d3a39;
}

.ctBox02 {
max-width: 1068px;
margin: 0 auto 11px;
padding: 0 20px;
box-sizing: border-box;
}

.ctBox02 .inner {
position: relative;
padding: 1px 0 825px;
}

.ctBox02 .img01 {
position: absolute;
top: 0;
right: 0;
}

.ctBox02 .img02 {
position: absolute;
bottom: 0;
right: 0;
}

.ctBox02 .img03 {
position: absolute;
bottom: 0;
left: 0;
}

.ctBox02 h2 {
width: 99px;
margin: 170px 0 0;
font-size: 14px;
line-height: 1;
text-align: center;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
box-sizing: border-box;
}

.ctBox02 .lead {
width: 430px;
margin: 23px 0 40px;
font-size: 16px;
line-height: 2.07;
}

.ctBox02 .more {
width: 189px;
margin: 0 0 0 263px;
}

.ctBox02 .more a {
display: block;
padding: 13px 0;
color: #fff;
font-size: 14px;
text-align: center;
background: #3d3a39;
}

.ctBox03 {
max-width: 1068px;
margin: 0 auto 85px;
padding: 5px 20px 0;
box-sizing: border-box;
}

.ctBox03 .inner {
position: relative;
padding: 1px 0 1447px;
}

.ctBox03 .img01 {
position: absolute;
top: 0;
left: 0;
}

.ctBox03 .img02 {
position: absolute;
top: 405px;
right: 0;
}

.ctBox03 .img03 {
position: absolute;
bottom: 0;
right: 0;
}

.ctBox03 .img04 {
position: absolute;
bottom: 86px;
left: 0;
}

.ctBox03 h2 {
width: 161px;
margin: 109px 0 0 598px;
font-size: 14px;
line-height: 1;
text-align: center;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
box-sizing: border-box;
}

.ctBox03 .lead {
margin: 23px 0 42px 598px;
font-size: 16px;
line-height: 2.07;
}

.ctBox03 .more {
width: 189px;
margin: 0 0 0 auto;
}

.ctBox03 .more a {
display: block;
padding: 13px 0;
color: #fff;
font-size: 14px;
text-align: center;
background: #3d3a39;
}

.ctBox04 {
padding: 70px 0;
text-align: center;
}

.ctBox04 h2 {
margin: 0 0 30px;
font-size: 32px;
}

.ctBox04 .map {
position: relative;
width: 100%;
height: 352px;
margin: 0 0 55px;
}

.ctBox04 .map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.ctBox04 .address .txt {
font-size: 16px;
line-height: 2.07;
}

.ctBox04 .address .note {
font-size: 14px;
line-height: 2.36;
}

.ftReserve {
margin: 0 auto 20px;
}

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


.ctBox01 {
margin: 0 auto 1.2vw;
padding: 0.46vw 1.69vw 0;
}

.ctBox01 .inner {
padding: 0 0 67.4vw;
}

.ctBox01 .img01 {
width: 51.75vw;
}

.ctBox01 .img02 {
width: 41.97vw;
}

.ctBox01 .img03 {
width: 51.75vw;
}

.ctBox01 .ttl {
padding: 5.72vw 0 6.919vw 48.893vw;
}

.ctBox01 h2 {
width: 9.963vw;
margin: 0 0 0 55.166vw;
font-size: 1.3vw;
}

.ctBox01 .lead {
margin: 23px 0 30px 55.166vw;
font-size: 1.476vw;
}

.ctBox01 .more {
width: 17.435vw;
}

.ctBox01 .more a {
padding: 1.2vw 0;
font-size: 1.3vw;
}

.ctBox02 {
margin: 0 auto 0.01vw;
padding: 0 1.69vw;
}

.ctBox02 .inner {
position: relative;
padding: 1px 0 76.107vw;
}

.ctBox02 .img01 {
width: 52.03vw;
}

.ctBox02 .img02 {
width: 52.03vw;
}

.ctBox02 .img03 {
width: 41.69vw;
}

.ctBox02 h2 {
width: 9.133vw;
margin: 15.682vw 0 0;
font-size: 1.3vw;
}

.ctBox02 .lead {
width: 39.6679vw;
margin: 2.121vw 0 3.69vw;
font-size: 1.476vw;
}

.ctBox02 .more {
width: 17.435vw;
margin: 0 0 0 24.262vw;
}

.ctBox02 .more a {
padding: 1.2vw 0;
font-size: 1.3vw;
}

.ctBox03 {
margin: 0 auto 7.841vw;
padding: 0.46vw 1.69vw 0;
}

.ctBox03 .inner {
padding: 1px 0 133.487vw;
}

.ctBox03 .img01 {
width: 51.75vw;
}

.ctBox03 .img02 {
width: 41.97vw;
top: 37.361vw;
}

.ctBox03 .img03 {
width: 41.97vw;
}

.ctBox03 .img04 {
width: 51.75vw;
bottom: 7.933vw;
}

.ctBox03 h2 {
width: 14.852vw;
margin: 10.055vw 0 0 55.166vw;
font-size: 1.3vw;
}

.ctBox03 .lead {
margin: 2.121vw 0 3.874vw 55.166vw;
font-size: 1.476vw;
}

.ctBox03 .more {
width: 17.435vw;
}

.ctBox03 .more a {
padding: 1.2vw 0;
font-size: 1.3vw;
}

.ctBox04 {
padding: 6.45vw 0;
}

.ctBox04 h2 {
margin: 0 0 2.767vw;
font-size: 2.952vw;
}

.ctBox04 .address .txt {
font-size: 1.476vw;
}

.ctBox04 .address .note {
font-size: 1.3vw;
}

}


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

.ctBox01 {
max-width: inherit;
width: 85.33vw;
margin: 0 auto 4vw;
padding: 0;
}

.ctBox01 .inner {
position: relative;
padding: 0;
}

.ctBox01 .img01 {
position: static;
width: 93.06vw;
margin: 0 -3.865vw 6.5vw;
}

.ctBox01 .img02 {
position: static;
width: 60.933vw;
margin: 0 0 1.6vw auto;
}

.ctBox01 .img03 {
position: static;
width: 79.06vw;
}

.ctBox01 .ttl {
width: 100%;
margin: 0 0 7.5vw;
padding: 0;
}

.ctBox01 h2 {
width: 24.26vw;;
margin: 0;
font-size: 3.46vw;
line-height: 1;
text-align: center;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
box-sizing: border-box;
}

.ctBox01 .lead {
margin: 5vw 0 6vw;
font-size: 4vw;
line-height: 1.77;
}

.ctBox01 .more {
width: 100%;
margin: 0 0 8vw
}

.ctBox01 .more a {
display: block;
padding: 4.8vw 0;
color: #fff;
font-size: 3.73vw;
text-align: center;
background: #3d3a39;
}

.ctBox02 {
width: 85.33vw;
max-width: inherit;
margin: 0 auto 4vw;
padding: 5vw 0 0;
}

.ctBox02 .inner {
position: relative;
padding: 0;
}

.ctBox02 .img01 {
position: static;
width: 75.2vw;
margin: 0 0 1.6vw auto;
}

.ctBox02 .img02 {
position: static;
width: 75.2vw;
margin: 0 0 1.6vw auto;
}

.ctBox02 .img03 {
position: static;
width: 60.26vw;
}

.ctBox02 h2 {
width: 24.26vw;
margin: 0;
font-size: 3.46vw;
line-height: 1;
text-align: center;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
box-sizing: border-box;
}

.ctBox02 .lead {
width: auto;
margin: 5vw 0 4.5vw;
font-size: 4vw;
line-height: 1.77;
}

.ctBox02 .more {
width: 100%;
margin: 0 0 9.5vw
}

.ctBox02 .more a {
display: block;
padding: 4.8vw 0;
color: #fff;
font-size: 3.73vw;
text-align: center;
background: #3d3a39;
}

.ctBox03 {
width: 85.33vw;
max-width: inherit;
margin: 0 auto 10vw;
padding: 6vw 0 0;
}

.ctBox03 .inner {
position: relative;
padding: 0;
}

.ctBox03 .img01 {
position: static;
width: 74.933vw;
margin: 0 0 1.6vw auto;
}

.ctBox03 .img02 {
position: static;
width: 60.4vw;
margin: 0 0 1.6vw;
}

.ctBox03 .img03 {
position: static;
width: 60.4vw;
margin: 0 0 1.6vw;
}

.ctBox03 .img04 {
position: static;
width: 74.933vw;
margin: 0 0 0 auto;
}

.ctBox03 h2 {
width: 36.53vw;
margin: 0;
font-size: 3.46vw;
line-height: 1;
text-align: center;
border-left: 1px solid #3d3a39;
border-right: 1px solid #3d3a39;
box-sizing: border-box;
}

.ctBox03 .lead {
margin: 5vw 0 4.5vw;
font-size: 4vw;
line-height: 1.77;
}

.ctBox03 .more {
width: 100%;
margin: 0 0 9.5vw
}

.ctBox03 .more a {
display: block;
padding: 4.8vw 0;
color: #fff;
font-size: 3.73vw;
text-align: center;
background: #3d3a39;
}

.ctBox04 {
padding: 1vw 0 11vw;
text-align: center;
}

.ctBox04 h2 {
margin: 0 0 6vw;
font-size: 6vw;
}

.ctBox04 .map {
position: relative;
width: 100%;
height: 108.66vw;
margin: 0 0 6.5vw;
}

.ctBox04 .address .txt {
font-size: 4vw;
line-height: 1.77;
}

.ctBox04 .address .note {
font-size: 3.73vw;
line-height: 1.89;
}

.ftReserve {
margin: 0 auto 12vw;
}

}