/*------------------------------------------------------------
FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
color:#2a2a2a;
font-size:16px;
line-height:1.7;
width:100%;
overflow:hidden;
letter-spacing:.06em;
}

#container{
padding-top:80px;
}


/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:block; }
.sponly{ display:none; }


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
width:100%;
background:#fff;
height:80px;
position:fixed;
top:0;
left:0;
z-index:999;
border-bottom:1px solid #E3E4E8;
}
.header-inner{
display:flex;
justify-content:space-between;
}
.site-logo{
width:235px;
height:60px;
margin:10px 0 0 35px;
position:relative;
}
.site-logo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:2;
}

.head-menu{
width:758px;
display:flex;
}
.head-navi{
width:678px;
display:flex;
}
.head-navi li{
width:226px;
height:80px;
}

.head-navi li a{
width:226px;
height:80px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
transition:all .2s;
}


.head-navi li:nth-child(1) a{
background:#6FB615;
color:#fff;
}
.head-navi li:nth-child(2) a{
background:#F69727;
color:#fff;
}
.head-navi li:nth-child(3) a{
background:#013B84;
color:#fff;
}

.head-navi li a span.l-txt{
font-size:22px;
margin-left:.2em;
}

.head-navi li a span.icon-home{
padding-left:40px;
background:url(../img/icon-home.svg) no-repeat left center;
background-size:25px;
}


.head-navi li a:hover{ opacity:.8 }

.head-navi li:nth-child(1) a.active{
background:#fff;
color:#6FB615;
}
.head-navi li:nth-child(1) a.active::before{
content:'';
width:100%;
height:6px;
background:#6FB615;
position:absolute;
bottom:0;
left:0;
}
.head-navi li:nth-child(1) a.active::after{
content:'';
width:0;
height:0;
border-bottom:8px solid #6FB615;
border-left:6px solid transparent;
border-right:6px solid transparent;
position:absolute;
bottom:4px;
left:50%;
margin-left:-6px;
}
.head-navi li:nth-child(2) a.active{
background:#fff;
color:#F69727;
}
.head-navi li:nth-child(2) a.active::before{
content:'';
width:100%;
height:6px;
background:#F69727;
position:absolute;
bottom:0;
left:0;
}
.head-navi li:nth-child(2) a.active::after{
content:'';
width:0;
height:0;
border-bottom:8px solid #F69727;
border-left:6px solid transparent;
border-right:6px solid transparent;
position:absolute;
bottom:4px;
left:50%;
margin-left:-6px;
}
.head-navi li:nth-child(3) a.active{
background:#fff;
color:#013B84;
}
.head-navi li:nth-child(3) a.active::before{
content:'';
width:100%;
height:6px;
background:#013B84;
position:absolute;
bottom:0;
left:0;
}
.head-navi li:nth-child(3) a.active::after{
content:'';
width:0;
height:0;
border-bottom:8px solid #013B84;
border-left:6px solid transparent;
border-right:6px solid transparent;
position:absolute;
bottom:4px;
left:50%;
margin-left:-6px;
}

.head-navi li:nth-child(3) a.active span.icon-home{
background:url(../img/icon-home-blue.svg) no-repeat left center;
background-size:25px;
}

#menuBtn{
width:80px;
height:80px;
position:fixed;
top:0;
right:0;
transition:all .2s;
cursor:pointer;
z-index:9999;
}

#menuBtn:hover{
background:rgba(1,59,132,.8);
}

#menuBtn.active{
background:rgba(1,59,132,1);
}
#menuBtn.active:hover{
background:rgba(1,59,132,.8);
}

#menuBtn span{
display:block;
position:absolute;
height:2px;
width:28px;
background:#013B84;
}

#menuBtn:hover span{
background:#fff;
}


#menuBtn span:nth-child(1){
top:29px;
left:26px;
}
#menuBtn span:nth-child(2){
top:40px;
left:26px;
}
#menuBtn span:nth-child(3){
top:51px;
left:26px;
}

.active#menuBtn span:nth-child(1){
top:40px;
transform:rotate(45deg);
background:#fff;
}
.active#menuBtn span:nth-child(2){
width:0;
left:50%;
}

.active#menuBtn span:nth-child(3){
top:40px;
transform:rotate(-45deg);
background:#fff;
}


#menuBox{
display:none;
width:100vw;
height:100vh;
background:rgba(0,0,0,.5);
padding:0;
position:fixed;
top:0;
right:0;
z-index:1000;
}

.menu-wrapper{
width:430px;
height:100vh;
background:#fff;
padding:150px 70px 0;
position:fixed;
top:0;
right:0;
}

.d-menu{
margin-bottom:34px;
}



.d-menu li{
margin-bottom:13px;
}

.d-menu li a span.l-txt{
font-size:22px;
margin-left:.2em;
}
.d-menu li a span.icon-home{
padding-left:40px;
background:url(../img/icon-home.svg) no-repeat left center;
background-size:25px;
}


.d-menu li a{
width:290px;
height:64px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
font-weight:bold;
color:#fff;
position:relative;
border-radius:4px;
transition:all .2s;
}
.d-menu li a::after{
content:'';
width:22px;
height:22px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:22px;
position:absolute;
top:22px;
right:25px;
}
.d-menu li a:hover{
opacity:.8;
}


.d-menu li:nth-child(1) a{
background:#6FB615;
}
.d-menu li:nth-child(2) a{
background:#F69727;
}
.d-menu li:nth-child(3) a{
background:#013B84;
}

.d-navi li{
font-size:18px;
line-height:2.5;
}
.d-navi li a{
color:#013B84;
}



/*------------------------------------------------------------
KV
------------------------------------------------------------*/



#kv{
width:100%;
height:724px;
background:url(../img/kv-buy-pc.jpg) no-repeat center top;
background-size:cover;
position:relative;
}
#kv-sale{
width:100%;
height:724px;
background:url(../img/kv-sale-pc.jpg) no-repeat center center;
background-size:cover;
position:relative;
}

.kv-logo{
width:459px;
height:235px;
position:absolute;
top:70px;
left:50%;
margin-left:-514px;
z-index:2;
}

.kv-cam-bnr{
width:580px;
height:353px;
position:absolute;
top:335px;
left:50%;
margin-left:-568px;
}
.kv-sale-bnr{
width:580px;
height:353px;
position:absolute;
top:335px;
left:50%;
margin-left:98px;
}
.kv-menu-wrap{
background:#013B84;
width:100%;
height:96px;
}
.kv-menu-inner{
width:1158px;
height:96px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:0;
}
.item-num-col{
width:455px;
display:flex;
justify-content:space-between;
align-items:center;
color:#fff;
margin:0;
}
.item-num-ttl{
font-size:20px;
font-weight:bold;
}
.item-num{
font-size:31px;
font-weight:bold;
}
.item-num span{
font-size:20px;
margin-left:.2em;
}

.kv-menu-btns{
width:652px;
display:flex;
justify-content:space-between;
}
.kv-menu-btns li{
margin:0;
}
.kv-menu-btns li a{
width:320px;
height:60px;
border-radius:4px;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
position:relative;
font-size:18px;
font-weight:bold;
transition:all .2s;
}
.kv-menu-btns li a::after{
content:'';
width:24px;
height:24px;
background:url(../img/arrow-right-wh.svg) no-repeat center center;
background-size:24px;
position:absolute;
top:18px;
right:23px;
}



.kv-menu-btns li a span{
font-size:24px;
margin-left:.2em;
}

.kv-menu-btns li:nth-child(1) a{
background:#6FB615;
}
.kv-menu-btns li:nth-child(2) a{
background:#F69727;
}
.kv-menu-btns li a:hover{
filter:brightness(1.1);
}



/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/
#index1{
background:#fff;
padding:110px 0 15px;
position:relative;
}

#index1::after{
content:'';
width:0;
height:0;
border-top:126px solid #fff;
border-left:960px solid transparent;
border-right:960px solid transparent;
position:absolute;
bottom:-124px;
left:50%;
margin-left:-960px;
}


#index1 h2,
#index4 h2,
#index5 h2,
#index6 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
}
#index1 h2::after,
#index4 h2::after,
#index5 h2::after,
#index6 h2::after{
content:'';
width:26px;
height:1px;
background:#2a2a2a;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}

#index1 h3{
font-family:'Noto Serif JP';
font-weight:500;
text-align:center;
font-size:24px;
line-height:1;
margin-bottom:26px;
}


.w-list{
width:1174px;
margin:0 auto 17px;
display:flex;
justify-content:space-between;
}
.w-list li{
width:225px;
height:152px;
background:#F4F6DC;
border-radius:8px;
font-size:16px;
padding:34px;
text-align:center;
}
.w-img{
width:429px;
height:282px;
margin:0 auto 35px;
}

.i1-bq{
width:906px;
height:108px;
margin:0 auto;
padding:26px 45px;
background:#F7F7F7;
text-align:center;
}


#index2{
width:100%;
background:#1353A4;
padding:200px 0 360px;
}
.i2-col{
width:1177px;
margin:0 auto;
display:flex;
justify-content:space-between;
position:relative;
padding-bottom:85px;
border-bottom:1px solid #fff;
}
.i2-col-l{
width:381px;
}
.i2-col-r{
width:742px;
color:#fff;
margin:0;
}
#index2 h3{
font-family:'Noto Serif JP';
font-weight:500;
color:#fff;
font-size:30px;
line-height:1.5;
margin-bottom:22px;
}

.i2-col-2{
width:1177px;
margin:0 auto 28px;
padding:72px 0 0;
display:flex;
justify-content:space-between;
color:#fff;
}
.i2-col-2-l{
width:385px;
}
.i2-col-2-r{
width:742px;
}

.r-list{
display:flex;
justify-content:space-between;
width:1177px;
margin:0 auto;
}
.r-list li{
width:225px;
background:#fff;
border-radius:4px;
padding:23px;
font-size:14px;
margin:0;
}
.r-list-ttl{
display:block;
margin-bottom:0;
}
.r-num{
font-size:40px;
font-weight:bold;
color:#6FB615;
margin-bottom:8px;
}
.r-list li h4{
font-size:20px;
font-weight:bold;
line-height:1.5;
margin-bottom:15px;
min-height:60px;
}



#index3{
width:100%;
padding:0 0 0;
}
#index3::before{
width:100%;
height:16.94vw;
background:url(../img/city.png) no-repeat center top;
background-size:cover;
display:flex;
align-items: flex-end;
text-align:center;
justify-content:center;
}



#index3 h2{
text-align:center;
font-family:'Noto Serif JP';
font-weight:500;
font-size:30px;
position:relative;
padding:0;
line-height:1.7;
top:-50px;
margin:0 auto 42px;
}
#index3 h2::after{
content:'';
width:24px;
height:1px;
background:#2a2a2a;
position:absolute;
bottom:-30px;
left:50%;
margin-left:-12px;
z-index:10;
}




.i3-cont{
padding:0 0 85px;
background:#F4F6DC;
position:relative;
}

.i3-cont::after{
content:'';
width:100%;
height:328px;
background:#A9D76E;
position:absolute;
bottom:0;
left:0;
}

.m-search-box{
width:1176px;
margin:0 auto;
background:#fff;
padding:40px 38px;
position:relative;
z-index:10;
}
.m-search-sendai{
padding:0 0 36px;
border-bottom:1px solid #E3E4E8;
display:flex;
justify-content:space-between;
}
.m-ttl-1{
width:230px;
background:#6FB615;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
font-size:20px;
border-radius:4px;
font-weight:bold;
height:auto;
}
.m-s-list{
width:852px;
display:flex;
flex-wrap:wrap;
}
.m-s-list li{
width:204px;
height:74px;
background:#F7F7F7;
border:1px solid #E3E4E8;
border-radius:4px;
padding:17px 22px;
margin:0 12px 12px 0;
transition:all .2s;
}
.m-s-list li:nth-child(2n){
margin-right:12px;
}
.m-s-list li:nth-child(4n){
margin-right:0;
}


.m-s-list li.mb0{
margin-bottom:0;
}
.m-s-list li:hover{
background:#E4E4E7;
}



.m-s-ttl{
font-size:18px;
font-weight:bold;
line-height:1;
margin-bottom:8px;
}
.m-s-num{
font-size:14px;
line-height:1;
}


.m-search-miyagi{
padding-top:36px;
display:flex;
justify-content:space-between;
}

.m-ttl-2{
width:230px;
height:auto;
margin:0;
background:#1353A4;
color:#fff;
text-align:center;
font-size:20px;
border-radius:4px;
padding-top:56px;
font-weight:bold;
}
.m-ttl-2 span{
display:block;
font-size:16px;
}


#index4{
width:100%;
padding:130px 0 170px;
}

.rec-slide{
display:flex;
transition:all .2s;
}
.rec-slide:hover{
opacity:.7;
}

.rec-slide-img{
width:393px;
height:352px;
background:#ccc;
}
.rec-slide-txt{
width:357px;
padding:36px 25px;
background:#F7F7F7;
}
.rec-slide h3{
font-size:24px;
font-family:'Noto Serif JP';
font-weight:500;
margin-bottom:35px;
}
.rec-exc{
font-weight:bold;
font-size:16px;
margin-bottom:19px;
}
.rec-price{
height:55px;
border-top:1px solid #D2D4DB;
border-bottom:1px solid #D2D4DB;
padding:0 5px;
display:flex;
align-items:center;
font-weight:bold;
font-size:30px;
}
.rec-price span{
font-size:16px;
margin-left:.2em;
position:relative;
top:4px;
}

.swiper {
width: 100%;
padding: 0 15px 40px; /* 左右の余白 */
}
.slider1 .swiper-slide {
width: 750px; /* 中央スライドの幅 */
height: 352px; /* 任意の高さ */
}

/* ナビゲーションボタンのスタイル */
.btn1-prev{
width: 65px;
height: 65px;
background: #013B84;
border-radius: 50%;
position:absolute;
top:50%;
left:50%;
margin-left:-454px;
margin-top:-52px;
transition:all .2s;
}
.btn1-next{
width: 65px;
height: 65px;
background: #013B84;
border-radius: 50%;
position:absolute;
top:50%;
left:50%;
margin-left:390px;
margin-top:-52px;
transition:all .2s;
}

.btn2-prev{
width: 65px;
height: 65px;
background: #013B84;
border-radius: 50%;
position:absolute;
top:50%;
left:50%;
margin-left:-638px;
margin-top:-90px;
transition:all .2s;
}
.btn2-next{
width: 65px;
height: 65px;
background: #013B84;
border-radius: 50%;
position:absolute;
top:50%;
left:50%;
margin-left:573px;
margin-top:-90px;
transition:all .2s;
}
.btn3-prev{
width: 65px;
height: 65px;
background: #013B84;
border-radius: 50%;
position:absolute;
top:50%;
left:50%;
margin-left:-638px;
margin-top:-90px;
transition:all .2s;
}
.btn3-next{
width: 65px;
height: 65px;
background: #013B84;
border-radius: 50%;
position:absolute;
top:50%;
left:50%;
margin-left:573px;
margin-top:-90px;
transition:all .2s;
}


.btn1-prev::after,
.btn2-prev::after,
.btn3-prev::after{
content:'';
width:25px;
height:24px;
background:url(../img/arrow-left-wh.svg) no-repeat;
background-size:24px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

.btn1-next::after,
.btn2-next::after,
.btn3-next::after{
content:'';
width:25px;
height:24px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:24px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}



.swiper-pagination{
bottom:0 !Important;
}

.swiper-pagination-bullet-active{
background:#2a2a2a;
}


#index5{
background:#F4F6DC;
padding:138px 0;
}

.slider2{
width:1176px;
margin:0 auto 57px;
padding:0;
}

.swiper2-container{
position:relative;
}


.slider2 .swiper-slide {
width: 460px; /* 中央スライドの幅 */
height: 370px; /* 任意の高さ */
}

.ev-slide{
transition:all .2s;
}
.ev-slide:hover{
opacity:.7;
}

.ev-thumb{
width:460px;
height:290px;
background:#999;
margin-bottom:17px;
}
.ev-slide-ttl{
font-size:20px;
font-weight:bold;
}
.ev-slide-date{
font-size:14px;
line-height:1.5;
}


.btn{
display:flex;
justify-content:center;
}
.btn a{
width:450px;
height:70px;
border-radius:4px;
background:#013B84;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:20px;
font-weight:bold;
position:relative;
}
.btn a::after{
content:'';
width:22px;
height:22px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:22px;
position:absolute;
top:22px;
right:25px;
}
.btn a::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.btn a:hover::before{
opacity:1;
}

#index6{
padding:142px 0 ;
}

.slider3{
width:1176px;
margin:0 auto 57px;
padding:0;
}

.swiper3-container{
position:relative;
}


.slider3 .swiper-slide {
width: 268px !important; /* 中央スライドの幅 */
height: 330px; /* 任意の高さ */
}

.shop-slide{
transition:all .2s;
position:relative;
}
.shop-slide:hover{
opacity:.7;
}


.shop-thumb{
width:268px;
height:184px;
background:#d9d9d9;
margin:0 auto;
}
.shop-slide-txt{
padding:20px 24px;
}
.shop-slide-ttl{
font-size:20px;
font-weight:bold;
line-height:1;
margin-bottom:13px;
}
.shop-slide-add{
font-size:14px;
line-height:1.5;
margin-bottom:9px;
}
.shop-slide-tel{
font-size:26px;
font-weight:bold;
}

#index7{
background:#1353A4;
padding:125px 0 80px;
}

#index7 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#fff;
}

#index7 h2::after{
content:'';
width:26px;
height:1px;
background:#fff;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}

.rev-list{
width:1088px;
margin:0 auto;
}
.rev-list li{
margin-bottom:60px;
position:relative;
}

.rev-list li::before{
content:'';
width:0;
height:0;
border-bottom:56px solid #A9D76E;
border-left:56px solid transparent;
border-right:56px solid transparent;
transform:rotate(-45deg);
position:absolute;
top:-7px;
left:-35px;

}
.rev-list-2{
width:1088px;
margin:0 auto;
}
.rev-list-2 li{
margin-bottom:60px;
position:relative;
}

.rev-list-2 li::before{
content:'';
width:0;
height:0;
border-bottom:56px solid #F6B971;
border-left:56px solid transparent;
border-right:56px solid transparent;
transform:rotate(-45deg);
position:absolute;
top:-7px;
left:-35px;

}

.rev-cont-1{
background:#fff;
height:120px;
border:1px solid #C7C7C7;
display:flex;
}
.rev-ill{
width:140px;
height:118px;
margin-left:60px;
}
.rev-ttl-area{
margin-left:16px;
width:870px;
height:118px;
padding:28px 0 0;
}

.rev-name{
font-weight:bold;
margin-bottom:6px;
}

.rev-ttl{
font-size:22px;
line-height:1.5;
font-family:'Noto Serif JP';
font-weight:500;
}

.rev-cont-2{
width:1088px;
background:#F7F7F7;
padding:34px 49px 25px 216px;
}

#index8{
padding:90px 0 110px;
}
.i8-bnr{
width:1176px;
margin:0 auto;
}
.i8-cont{
width:1176px;
margin:0 auto;
border-left:4px solid #013B84;
border-right:4px solid #013B84;
border-bottom:4px solid #013B84;
padding:47px 56px 60px;
}

.i8-md{
width:512px;
margin:0 auto 22px;
}

h3.i8-md-buy{
background:#6FB615;
color:#fff;
font-size:20px;
line-height:2;
text-align:center;
}
h3.i8-md-sale{
background:#F69727;
color:#fff;
font-size:20px;
line-height:2;
text-align:center;
}

.i8-buy-list,
.i8-sale-list{
padding:35px 32px 33px;
background:#F7F7F7;
display:flex;
justify-content:space-between;
}

.i8-buy-list li,
.i8-sale-list li{
width:297px;
background:#fff;
border:1px solid #E3E4E8;
padding:52px 25px 20px;
position:relative;
margin:0;
}
.i8-buy-list li::after{
content:'';
width:20px;
height:38px;
background:url(../img/arrow-right-gr.svg) no-repeat;
background-size:20px;
position:absolute;
top:50%;
right:-40px;
margin-top:-19px;
margin-right:auto;
}
.i8-sale-list li::after{
content:'';
width:20px;
height:38px;
background:url(../img/arrow-right-org.svg) no-repeat;
background-size:20px;
position:absolute;
top:50%;
right:-40px;
margin-top:-19px;
margin-right:auto;
}
.i8-buy-list li:last-child::after,
.i8-sale-list li:last-child::after{
background:none;
}

.b-step-num{
width:64px;
height:64px;
position:absolute;
top:-16px;
left:50%;
margin-left:-32px;
}

.i8-buy-list li:nth-child(1) .b-step-num{ background:url(../img/bal-g-step01.svg) no-repeat; background-size:64px; }
.i8-buy-list li:nth-child(2) .b-step-num{ background:url(../img/bal-g-step02.svg) no-repeat; background-size:64px; }
.i8-buy-list li:nth-child(3) .b-step-num{ background:url(../img/bal-g-step03.svg) no-repeat; background-size:64px; }

h4.step-ttl{
font-size:18px;
line-height:1.5;
min-height:54px;
margin-bottom:17px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
h4.step-ttl span{
color:#F69727;
}

.step-thumb{
margin:0 auto 14px;
}
.step-desc{
text-align:center;
font-size:14px;
}
.i8-buy-list li .step-desc span{
color:#6FB615;
font-weight:bold;
}
.i8-sale-list li .step-desc span{
color:#F69727;
font-weight:bold;
}
.s-step-num{
width:64px;
height:64px;
position:absolute;
top:-16px;
left:50%;
margin-left:-32px;
}
.i8-sale-list li:nth-child(1) .s-step-num{ background:url(../img/bal-o-step01.svg) no-repeat; background-size:64px; }
.i8-sale-list li:nth-child(2) .s-step-num{ background:url(../img/bal-o-step02.svg) no-repeat; background-size:64px; }
.i8-sale-list li:nth-child(3) .s-step-num{ background:url(../img/bal-o-step03.svg) no-repeat; background-size:64px; }


.rich-btns{
width:835px;
margin:36px auto 42px;
display:flex;
justify-content:space-between;
}
.rich-btns li{
width:400px;
height:86px;
position:relative;
margin:0;
}
.rich-btns li:nth-child(1) a{
width:400px;
height:86px;
border-radius:6px;
display:flex;
justify-content:center;
align-items:center;
position:relative;
font-size:28px;
color:#fff;
font-weight:bold;
background:linear-gradient(to top, #6FB615 0%, #91D53A 100%);
}
.rich-btns li:nth-child(2) a{
width:400px;
height:86px;
border-radius:6px;
display:flex;
justify-content:center;
align-items:center;
position:relative;
font-size:28px;
color:#fff;
font-weight:bold;
background:linear-gradient(to top, #D8801A 0%, #FFB628 100%);
}
.rich-btns li a span{
font-size:22px;
}
.rich-btns li::after{
content:'';
width:24px;
height:24px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:24px;
position:absolute;
top:32px;
right:28px;
}

.rich-btns li a::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.rich-btns li a:hover::before{
opacity:1;
}
.cam-acc{
width:auto;
}


.cam-acc dt{
text-align:center;
color:#fff;
font-size:20px;
line-height:2.5;
background:#7F8186;
font-weight:bold;
position:relative;
border-radius:4px;
}
.cam-acc dt.open{
border-radius:4px 4px 0 0;
}

.cam-acc dt::after{
content:'';
width:0;
height:0;
border-top:11px solid #fff;
border-left:9px solid transparent;
border-right:9px solid transparent;
position:absolute;
top:20px;
right:32px;
}
.cam-acc dt.open::after{
transform:rotate(180deg);
top:20px;
}


.cam-acc dd{
display:none;
padding:20px 32px 24px;
border-left:1px solid #E3E4E8;
border-right:1px solid #E3E4E8;
border-bottom:1px solid #E3E4E8;
}

.cam-ov{
}
.cam-ov li{
display:flex;
justify-content:space-between;
padding:30px 18px;
border-bottom:1px solid #C7C7C7;
}
.cam-ov li:first-child{
padding-top:0;
}
.cam-ov li:last-child{
border-bottom:0;
}

.cam-ov-ttl{
width:210px;
border-radius:8px;
display:flex;
justify-content:center;
align-items:center;
background:#F7F7F7;
border:1px solid #e3e3e3;
font-weight:bold;
text-align:center;
font-size:14px;
margin:0;
}
.cam-ov-dtl{
width:712px;
font-size:14px;
line-height:1.7;
}

.pp-box{
width:100%;
margin:0 auto 25px;
border:1px solid #222;
padding:25px 30px;
font-size:14px;
}

.rmks{
font-size:14px;
}

.cam-ovv{
width:1176px;
margin:0 auto;
padding:60px 0;
}


/*------------------------------------------------------------
PAGE SALE
------------------------------------------------------------*/
#s-index1{
}

.i1cont01 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#fff;
}

.i1cont01 h2::after{
content:'';
width:26px;
height:1px;
background:#fff;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}

.i1cont01{
background:#013B84;
width:100%;
position:relative;
padding:100px 0 50px;
}

.i1cont01::after{
content:'';
width:0;
height:0;
border-top:126px solid #013B84;
border-left:1000px solid transparent;
border-right:1000px solid transparent;
position:absolute;
bottom:-125px;
left:50%;
margin-left:-1000px;
}


.i1img{
width:908px;
margin:0 auto 63px;
}

.i1mdi{
width:606px;
margin:0 auto;
}

.i1cont02{
width:1090px;
margin:0 auto;
padding:200px 0 0;
position:relative;
}

.i1cont02 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#222;
}

.i1cont02 h2::after{
content:'';
width:26px;
height:1px;
background:#222;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}


.col3-list{
width:1090px;
margin:0 auto 44px;
display:flex;
justify-content:space-between;
}

.col3-list li{
width:316px;
margin:0;
}
.col3-list li h3{
padding-left:25px;
position:relative;
font-size:24px;
line-height:35px;
font-weight:bold;
letter-spacing:.06em;
margin-bottom:20px;
}

.col3-list li h3::before{
content:'';
width:6px;
height:70px;
background:#F69727;
position:absolute;
top:0;
left:0;
}

.col3-list li h3 span{
color:#F69727;
}

.col3-img{
width:316px;
height:203px;
margin-bottom:18px;
}
.col3-desc{
font-size:16px;
line-height:1.7;
letter-spacing:.06em;
margin-bottom:20px;
} 



#s-index2{
padding:100px 0 143px;
}
.i2cont h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#222;
}

.i2cont h2::after{
content:'';
width:26px;
height:1px;
background:#222;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}


.i2cont{
width:1176px;
margin:0 auto;
}

.i2col{
display:flex;
justify-content:space-between;
}
.i2L,
.i2R{
width:568px;
background:#f7f7f7;
position:relative;
padding-bottom:31px;
margin:0;
}

.i2L-ttl,
.i2R-ttl{
width:100%;
height:92px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
position:relative;
font-size:24px;
color:#fff;
font-weight:bold;
}
.i2L-ttl{
background:#2B68B5;
}
.i2L-ttl::after{
content:'';
width:0;
height:0;
border-top:28px solid #2B68B5;
border-left:32px solid transparent;
border-right:32px solid transparent;
position:absolute;
bottom:-14px;
left:50%;
margin-left:-32px;
}
.i2R-ttl{
background:#F69727;
}
.i2R-ttl::after{
content:'';
width:0;
height:0;
border-top:28px solid #F69727;
border-left:32px solid transparent;
border-right:32px solid transparent;
position:absolute;
bottom:-14px;
left:50%;
margin-left:-32px;
}

.i2-img{
width:436px;
margin:16px auto 24px;
}
.i2box{
width:502px;
height:172px;
background:#fff;
margin:0 auto;
padding:17px 0;
display:flex;
align-items:center;
}

.i2box-ttl01{
text-align:center;
font-size:14px;
font-weight:bold;
color:#2B68B5;
width:130px;
border-right:1px solid #c7c7c7;
border-bottom:0;
margin:0;
height:138px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
}
.i2box-ttl02{
text-align:center;
font-size:14px;
font-weight:bold;
color:#F69727;
width:130px;
border-right:1px solid #c7c7c7;
height:138px;
display:flex;
align-items:center;
justify-content:center;
border-bottom:0;
margin:0;
padding:0;
}
.i2box-desc{
padding-left:29px;
}
.i2b-list li{
padding-left:1.5em;
position:relative;
font-size:14px;
}
.i2b-list li::before{
content:'';
width:4px;
height:4px;
background:#000;
border-radius:50%;
position:absolute;
top:8px;
left:6px;
}

.i2-ol01{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(1,59,132,.85);
padding:53px 54px 55px;
opacity:0;
transition:all .2s;
}

.i2-ol02{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(246,151,39,.85);
padding:53px 54px 55px;
opacity:0;
transition:all .2s;
}

.i2L:hover .i2-ol01,
.i2R:hover .i2-ol02{
opacity:1;
}

.i2ol-ttl{
text-align:center;
color:#fff;
font-size:50px;
line-height:1.5;
font-weight:bold;
margin-bottom:32px;
}
.i2ol-ttl span{
display:block;
font-size:24px;
}
.i2ol-box{
width:460px;
height:330px;
margin:0 auto;
background:#fff;
padding:30px;
}
.i2ol-merit01 dt{
width:130px;
height:26px;
line-height:26px;
background:#2B68B5;
text-align:center;
color:#fff;
font-size:14px;
font-weight:bold;
margin-bottom:13px;
}
.i2ol-merit01 dd{
font-size:14px;
margin-bottom:25px;
}
.i2ol-merit02 dt{
width:130px;
height:26px;
line-height:26px;
background:#F69727;
text-align:center;
color:#fff;
font-size:14px;
font-weight:bold;
margin-bottom:13px;
}
.i2ol-merit02 dd{
font-size:14px;
margin-bottom:25px;
}
.m-list{
}
.m-list li{
padding-left:1.5em;
position:relative;
font-size:14px;
}
.m-list li::before{
content:'';
width:4px;
height:4px;
background:#000;
border-radius:50%;
position:absolute;
top:10px;
left:6px;
}


#s-index3{
width:100%;
background:#F7F7F7;
padding:155px 0 143px;
}

#s-index3 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#222;
}

#s-index3 h2::after{
content:'';
width:26px;
height:1px;
background:#222;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}



.i3box01{
width:1176px;
margin:0 auto 26px;
display:flex;
}
.i3box-md-area{
width:313px;
height:auto;
background:#1353A4;
padding:49px 0 0;
margin:0 auto;
position:relative;
}
.i3-ttl-num{
background:#F69727;
width:188px;
height:40px;
border-radius:20px;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
font-size:20px;
font-weight:bold;
text-align:center;
margin:0 auto 19px;
}
.i3-ttl-num span{
display:inline-block;
width:25px;
height:25px;
background:#fff;
border-radius:50%;
color:#F69727;
text-align:center;
margin-left:.3em;
line-height:25px;
}

.i3-ttl{
width:188px;
margin:0 auto;
font-size:30px;
line-height:1.5;
color:#fff;
font-weight:bold;
}

.i3box-cont{
width:863px;
background:#fff;
padding:44px 50px 50px 45px;
}

.i3box-info{
font-size:16px;
line-height:1.7;
margin-bottom:42px;
}

.i3col{
display:flex;
height:230px;
}
.i3L{
width:240px;
padding:11px 30px 11px 0;
border-right:1px solid #c7c7c7;
border-bottom:0;
margin:0;
}
.i3C{
width:268px;
padding:11px 26px 11px 32px;
border-right:1px solid #c7c7c7;
border-bottom:0;
margin:0;
}
.i3R{
width:246px;
padding:11px 0 11px 36px;
}

.i3md{
font-size:24px;
font-weight:bold;
color:#F69727;
line-height:1.5;
margin-bottom:10px;
}


.i3box02{
width:1176px;
margin:0 auto;
display:flex;
}




#s-index4{
padding:160px 0;
}
#s-index4 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#222;
}

#s-index4 h2::after{
content:'';
width:26px;
height:1px;
background:#222;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}


.i4cont{
width:1176px;
margin:0 auto;
}


.tabs{
display:flex;
justify-content:center;
}

.tabs li{
width:588px;
height:94px;
font-weight:bold;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
border-radius:16px 16px 0 0;
position:relative;
}

.tab-ttl{
display:flex;
justify-content:center;
font-size:30px;
line-height:1;
color:#fff;
align-items:center;
}
.t-ttl{
width:auto;
margin:0;
}

.tab-ttl span{
font-size:14px;
font-weight:bold;
color:#013B84;
text-align:center;
margin:0 0 0 10px;
height:30px;
display:flex;
justify-content:center;
align-items:center;
background:#fff;
border-radius:15px;
margin-top:0;
}
.tabs li:nth-child(1) .tab-ttl span{ width:auto; padding:0 15px; }
.tabs li:nth-child(2) .tab-ttl span{ width:auto; padding:0 15px; }


.tabContList{
width:1176px;
height:840px;
padding:62px 62px 0;
margin:0 auto;
display:none;
}
.tabc01{ background:#0473B2; }
.tabc02{ background:#1353A4; }

.tabContList.is-active{
display:block;
}

.tabs li:nth-child(1){ background:#0473B2; transition: all .2s; }
.tabs li:nth-child(2){ background:#1353A4; transition: all .2s; }

.tabs li::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.tabs li:hover::before{
opacity:1;
}

.flow-list{
width:1052px;
margin-bottom:28px;
}
.flow-list li{
display:flex;
margin-bottom:8px;
}
.flownum{
width:74px;
background:#50637F;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:36px;
font-weight:bold;
}
.flowcont{
width:978px;
background:#fff;
padding:41px 43px 27px;
display:flex;
justify-content:center;
align-items:center;
}
.flow-ttl{
font-size:24px;
line-height:1;
margin-bottom:27px;
font-weight:bold;
color:#50637F;
}

.for{
border:1px solid #fff;
border-radius:10px;
width:1052px;
padding:27px 0;
display:flex;
}

.for-ttl-area{
width:312px;
height:90px;
border-right:1px solid #fff;
padding-left:70px;
position:relative;
display:flex;
align-items:center;
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}

.for-ttl{
font-size:20px;
color:#fff;
font-weight:bold;
line-height:1.5;
}
.for-cont{
width:720px;
color:#fff;
padding-left:36px;
display:flex;
align-items:center;
}
.for-list li{
padding-left:24px;
position:relative;
}
.for-list li::before{
content:'';
width:4px;
height:4px;
background:#fff;
border-radius:50%;
position:absolute;
top:10px;
left:6px;
}

.contact02{
width:100%;
background-image:linear-gradient(to bottom, #002452 0, #013B84 5%);
height:500px;
position:relative;
padding:87px 0 0;
}

.c-ttl02{
width:574px;
margin:0 auto 40px;
}





#s-index5{
background:#FAECBA;
width:100%;
padding:147px 0 145px;
}

#s-index5 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#222;
}

#s-index5 h2::after{
content:'';
width:26px;
height:1px;
background:#222;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}



.i5cont{
width:1088px;
margin:0 auto;
}

.accMenu{
margin-bottom:30px;
}
.accMenu-nl{
width:1088px;
height:150px;
background:#fff;
border:1px solid #c7c7c7;
display:flex;
justify-content:flex-start;
padding:25px;
margin-bottom:30px;
}
.accMenu dt{
width:1088px;
height:150px;
background:#fff;
border:1px solid #E3E4E8;
display:flex;
padding:25px;
cursor:pointer;
}
.acc-step-odd{
width:100px;
height:100px;
background:#1353A4;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-weight:bold;
}
.acc-step-even{
width:100px;
height:100px;
background:#F69727;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-weight:bold;
}
.step-ttl{
font-size:16px;
line-height:1;
}
.step-num{
font-size:34px;
line-height:1;
}
.acc-ttl{
width:773px;
margin:0 30px 0 25px;
display:block;
}
.item-ttl{
font-size:24px;
line-height:1;
margin-bottom:15px;
color:#013B84;
font-weight:bold;
}
.item-desc{
font-size:16px;
line-height:1.7;
margin:0;
}


.acc-btn{
width:108px;
height:100px;
border:1px solid #F69727;
color:#F69727;
padding:58px 0 0;
text-align:center;
font-weight:bold;
border-radius:8px;
position:relative;
}
.icon-toggle{
width:32px;
height:32px;
background:#F69727;
border-radius:50%;
position:absolute;
top:18px;
left:50%;
margin-left:-16px;
}
.icon-toggle::before{
content:'';
width:16px;
height:2px;
background:#fff;
position:absolute;
top:15px;
left:8px;
}
.icon-toggle::after{
content:'';
width:2px;
height:16px;
background:#fff;
position:absolute;
top:8px;
left:15px;
}
.acc-btn::after{
content:'詳細を見る';
width:100%;
height:24px;
position:absolute;
text-align:center;
bottom:15px;
left:0;
}


.accMenu dt.open .acc-btn{
width:108px;
height:100px;
border:1px solid #F69727;
color:#F69727;
padding:58px 0 0;
text-align:center;
font-weight:bold;
border-radius:8px;
position:relative;
}
.accMenu dt.open .icon-toggle{
width:32px;
height:32px;
background:#F69727;
border-radius:50%;
position:absolute;
top:18px;
left:50%;
margin-left:-16px;
}
.accMenu dt.open .icon-toggle::before{
content:'';
width:16px;
height:2px;
background:#fff;
position:absolute;
top:15px;
left:8px;
}
.accMenu dt.open .icon-toggle::after{
content:'';
width:0;
height:0;
background:#fff;
position:absolute;
top:8px;
left:15px;
}
.accMenu dt.open .acc-btn::after{
content:'閉じる';
width:100%;
height:24px;
position:absolute;
text-align:center;
bottom:15px;
left:0;
}

.accMenu dd{
display:none;
background:#f7f7f7;
border:1px solid #c7c7c7;
padding:25px 36px;
}


.sale-flow li{
display:flex;
padding-bottom:20px;
border-bottom:1px solid #c7c7c7;
margin-bottom:20px;
}

.sale-flow li.last{
padding-bottom:0;
margin:0;
border:0;
}

.sale-ttl{
width:200px;
min-height:54px;
background:#748AAA;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
font-weight:bold;
line-height:1;
}
.sale-desc{
width:786px;
font-size:14px;
line-height:1.7;
padding:3px 30px 3px 0;
margin-left:30px;
display:flex;
align-items:center;
}

.sale-md{
font-weight:bold;
text-align:center;
margin-bottom:15px;
}
.sale-md2{
font-weight:bold;
}

.chk-list li{
padding:0 0 0 18px;
position:relative;
border:0;
margin:0;
}
.chk-list li::before{
content:'';
width:14px;
height:14px;
background:url(../img/icon-chk.svg) no-repeat;
background-size:14px;
position:absolute;
top:5px;
left:0;
}

.i5mb-adj{ margin-bottom:0; }

.mb0{ margin-bottom:0 !important; }




#s-index6{
padding:125px 0 80px;
}

#s-index6 h2{
font-family:'Noto Serif JP';
text-align:center;
font-size:30px;
line-height:1.7;
font-weight:500;
padding-bottom:30px;
margin-bottom:60px;
position:relative;
color:#222;
}

#s-index6 h2::after{
content:'';
width:26px;
height:1px;
background:#222;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}

.rev-list-s{
width:1088px;
margin:0 auto;
}
.rev-list-s li{
margin-bottom:60px;
position:relative;
}

.rev-list-s li::before{
content:'';
width:0;
height:0;
border-bottom:56px solid #F6B971;
border-left:56px solid transparent;
border-right:56px solid transparent;
transform:rotate(-45deg);
position:absolute;
top:-7px;
left:-35px;

}


.rev-cont-1{
background:#fff;
height:120px;
border:1px solid #C7C7C7;
display:flex;
}
.rev-ill{
width:140px;
height:118px;
margin:0 0 0 60px;
}
.rev-ttl-area{
margin-left:16px;
width:870px;
height:118px;
padding:28px 0 0;
}

.rev-name{
font-weight:bold;
margin-bottom:6px;
}

.rev-ttl{
font-size:22px;
line-height:1.5;
font-family:'Noto Serif JP';
font-weight:500;
}

.rev-cont-2{
width:1088px;
background:#F7F7F7;
padding:34px 49px 25px 216px;
}


.cv-area{
background:linear-gradient(to top, #013B84 0%, #002452 95%);
padding:71px 0 96px;
text-align:center;
display:flex;
justify-content:center;
}

.cv-area h3{
text-align:center;
font-family:'Noto Serif JP';
font-size:30px;
font-weight:500;
margin-bottom:56px;
color:#fff;
}
.cv-md{
width:467px;
margin:0 auto 20px;
}

.cv-btn{
width:670px;
height:100px;
display:flex;
justify-content:center;
text-align:center;
}
.cv-btn a{
width:670px;
height:100px;
background:linear-gradient(to top, #DC9E00 0%, #FFFF86 100%);
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
font-weight:bold;
border-radius:8px;
box-shadow:0 10px 10px rgba(0,0,0,.5);
position:relative;
color:#2a2a2a;
text-align:center;
}
.cv-btn a::after{
content:'';
width:36px;
height:35px;
background:url(../img/arrow-right-bk.svg) no-repeat;
background-size:36px;
position:absolute;
top:33px;
right:38px;
}
.cv-btn a::before{
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.cv-btn a:hover::before{
opacity:1;
}


/*------------------------------------------------------------
SEARCH RESULT PROPERTY LIST
------------------------------------------------------------*/
#content{
width:1176px;
margin:0 auto 92px;
display:flex;
justify-content:space-between;
}

h2.low-ttl{
text-align:center;
font-size:30px;
font-weight:500;
font-family:'Noto serif JP';
line-height:1;
padding-bottom:30px;
margin:115px 0 115px;
position:relative;
}

h2.low-ttl::after{
content:'';
width:26px;
height:1px;
background:#2a2a2a;
position:absolute;
bottom:0;
left:50%;
margin-left:-13px;
}


.bread-crumb{
width:100%;
height:40px;
padding:0 20px;
background:#f7f7f7;
font-size:12px;
display:flex;
align-items:center;
}
.bread-crumb a{
display:inline-block;
color:#2a2a2a;
position:relative;
margin-right:24px;
}
.bread-crumb a::after{
content:'';
width:5px;
height:5px;
border-right:1px solid #222;
border-bottom:1px solid #222;
transform:rotate(-45deg);
position:absolute;
top:6px;
right:-13px;
}

#side{
width:240px;
}
#main{
width:866px;
}

.s-sort dt{
display:none;
}
.s-sort dd{
display:block !important;
border:none;
padding:0;
border-radius:0;
}

.s-item{
width:240px;
margin-bottom:16px;
}
.s-item-ttl{
width:auto;
font-weight:bold;
font-size:16px;
line-height:20px;
position:relative;
padding-left:17px;
margin-bottom:6px;
}
.s-item-ttl::before{
content:'';
width:8px;
height:20px;
background:#6FB615;
position:absolute;
top:0;
left:0;
}

.s-item-select{
width:100%;
border:1px solid #D2D4DB;
border-radius:4px;
display:flex;
align-items:center;
color:#7F8186;
background:#fff;
font-size:13px;
position:relative;
}
.s-item-select::after{
content:'';
width:5px;
height:5px;
border-right:2px solid #222;
border-top:2px solid #222;
position:absolute;
top:15px;
right:10px;
transform:rotate(135deg);
}

.s-item-select select{
border:0;
width:100%;
padding:11px 5px 11px 10px;
background:none;
-webkit-appearance:none;
}

.s-item-col{
display:flex;
justify-content:space-between;
}
.s-item-col-first{
width:106px;
position:relative;
}

.s-item-col-first::after{
content:'～';
position:absolute;
top:7px;
right:-1.5em;
}
.s-item-col-second{
width:106px;
}

.s-item-chk{
background:#F7F7F7;
border:1px solid #E3E4E8;
border-radius:4px;
padding:19px 22px;
}

.s-item-chk label{
display:block;
}
input[type="checkbox"]{
margin:0 10px 0 0;
}
.free-txt{
margin-bottom:16px;
}

input[type="text"]{
width:100%;
height:44px;
border:1px solid #D2D4DB;
border-radius:4px;
padding:0 16px;
background:none;
font-size:13px;
}
::placeholder{ color:#7F8186; }

.s-fav{
margin-bottom:16px;
}
.s-fav-ttl{
width:240px;
height:44px;
border-radius:4px;
border:1px solid #D2D4DB;
padding:0 15px;
display:flex;
align-items:center;
font-size:13px;
font-weight:bold;
position:relative;
}
.s-fav-ttl::after{
content:'';
width:5px;
height:5px;
border-right:2px solid #222;
border-top:2px solid #222;
transform:rotate(135deg);
position:absolute;
top:16px;
right:10px;
}
.s-fav-ttl.open::after{
top:19px;
transform:rotate(-45deg);
}
.s-fav-acc{
display:none;
background:#F7F7F7;
padding:14px 14px 9px;
border-radius:0 0 4px 4px;
}
.fav-list{
display:flex;
flex-wrap:wrap;
}
.fav-list li{
margin:0 6px 10px 0;
}
button[type="button"].fav-btn{
border:1px solid #E3E4E8;
display:flex;
align-items:center;
font-size:11px;
line-height:1;
padding:10px;
border-radius:4px;
cursor:pointer;
-webkit-appearance:none;
}
button[type="button"].fav-btn.active{
background:#6FB615;
color:#fff;
}

button[type="submit"].search-sbm{
width:240px;
height:64px;
background:#013B84;
border-radius:8px;
display:flex;
align-items:center;
color:#fff;
font-size:18px;
font-weight:bold;
position:relative;
text-align:center;
justify-content:center;
border:none;
cursor:pointer;
-webkit-appearance:none;
}
button[type="submit"].search-sbm::after{
content:'';
width:23px;
height:25px;
background:url(../img/icon-search.svg) no-repeat;
background-size:23px;
position:absolute;
top:19px;
left:24px;
}

.search-sbm::before{
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.search-sbm:hover::before{
opacity:1;
}


.result{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 auto 40px;
}
.result-num{
font-size:20px;
font-weight:bold;
}
.result-num span{
font-size:16px;
font-weight:normal;
margin-left:.5em;
display:inline-block;
}
.result-sort{
width:217px;
height:44px;
position:relative;
}
.result-sort::after{
content:'';
width:5px;
height:5px;
border-right:2px solid #222;
border-top:2px solid #222;
position:absolute;
top:17px;
right:10px;
transform:rotate(135deg);
}
.result-sort select{
-webkit-appearance:none;
width:217px;
height:44px;
border:1px solid #E3E4E8;
border-radius:4px;
font-size:13px;
padding:0 20px;
}


.s-p-list{
border-bottom:1px solid #E3E4E8;
}
.s-p-list li{
border:1px solid #E3E4E8;
border-radius:8px;
overflow:hidden;
margin-bottom:50px;
}
.s-p-list li:last-child{
margin-bottom:73px;
}

.s-p-ttl{
background:#fff;
padding:22px 38px;
border-bottom:1px solid #E3E4E8;
}
.s-p-list li h3{
font-size:22px;
line-height:30px;
font-weight:500;
font-family:'Noto Serif JP';
padding-left:28px;
position:relative;
}
.s-p-list li h3::before{
content:'';
width:8px;
height:30px;
background:#6FB615;
position:absolute;
top:0;
left:0;
}

.p-dtl-box{
background:#f7f7f7;
padding:28px 38px 33px;
display:flex;
justify-content:space-between;
}
.p-img{
width:353px;
height:316px;
background:#ccc;
margin:0;
}
.p-dtl{
width:406px;
}

.p-dtlT{
width:100%;
line-height:1.5;
font-size:14px;
margin-bottom:12px;
}
.p-dtlT th{
width:134px;
border-bottom:1px solid #E3E4E8;
padding:11px 8px;
text-align:left;
font-weight:normal;
vertical-align:top;
}

.p-dtlT td{
width:272px;
border-bottom:1px solid #E3E4E8;
padding:11px 8px;
}

.p-price{
font-size:30px;
line-height:21px;
font-weight:bold;
}
.p-price span{
font-size:16px;
display:inline-block;
}

.p-exc{
font-size:14px;
font-weight:bold;
line-height:1.5;
padding:0 8px;
margin-bottom:24px;
}

.s-p-btn{
display:flex;
justify-content:center;
}
.s-p-btn a{
width:332px;
height:44px;
background:#013B84;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:14px;
font-weight:bold;
border-radius:4px;
position:relative;
}
.s-p-btn a::after{
content:'';
width:18px;
height:18px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:18px;
position:absolute;
top:13px;
right:20px;
}


.s-p-btn a::before{
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.s-p-btn a:hover::before{
opacity:1;
}



.page-navi{
display:flex;
align-items:center;
justify-content:center;
padding:20px 0;
}
.page-navi li{
width:40px;
height:40px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}
.page-navi li a{
width:40px;
height:40px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
color:#2a2a2a;
position:relative;
}

.page-navi li a::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.page-navi li a:hover::before{
opacity:1;
}

.page-navi li.prev{
margin-right:10px;
}
.page-navi li.prev a{
width:40px;
height:40px;
display:block;
position:relative;
background:#013B84;
border-radius:50%;
}
.page-navi li.prev a::after{
content:'';
width:16px;
height:16px;
background:url(../img/arrow-left-wh.svg) no-repeat;
background-size:16px;
position:absolute;
top:12px;
left:12px;
}

.page-navi li.current{
font-weight:bold;
}
.page-navi li.next{
margin-left:10px;
}
.page-navi li.next a{
width:40px;
height:40px;
display:block;
position:relative;
background:#013B84;
border-radius:50%;
}
.page-navi li.next a::after{
content:'';
width:16px;
height:16px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:16px;
position:absolute;
top:12px;
left:12px;
}


.property-details{
width:996px;
margin:0 auto;
padding:118px 0 40px;
}

.p-wrap{
width:auto;
margin:0 auto;
}

.p-ttl{
font-size:30px;
line-height:1;
margin-bottom:30px;
font-weight:500;
font-family:'Noto Serif JP';
}
.p-info-1{
border-top:1px solid #E3E4E8;
padding:7px 11px 11px;
}
.p-info-list li{
font-weight:bold;
position:relative;
padding-left:1.1em;
}
.p-info-list li::before{
content:'■';
position:absolute;
top:0;
left:0;
}

.p-info-2{
border-top:1px solid #E3E4E8;
border-bottom:1px solid #E3E4E8;
padding:9px 11px 14px;
margin-bottom:70px;
}

.p-data{
display:flex;
justify-content:space-between;
}

.p-photo{
width:450px;
}
.p-txt{
width:496px;
margin:0;
}

.p-photo-slide{
position:relative;
}

.main-slider {
width: 100%;
height:auto;
margin-bottom: 20px;
padding:0;
}
.main-slider .swiper-slide img {
width: 450px;
height: 400px;
object-fit: cover;
}

.thumb-slider {
width: 390px;
margin: 0 auto 34px;
position: relative;
padding: 0;
overflow:hidden;
}

.thumb-slider .swiper-slide {
width: 68px;
height: 60px;
opacity: 0.6;
transition: opacity 0.3s;
margin:0;
box-sizing:border-box;
overflow:hidden;
position: relative;
display: flex;          /* 追加！ */
align-items: center;    /* 追加！ */
justify-content: center;/* 追加！ */
}

.thumb-slider .swiper-slide-thumb-active {
opacity: 1;
}
.thumb-slider .swiper-slide img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display:block;
}

.p-photo-prev,
.p-photo-next {
display:block;
position: absolute;
top: 457px;
width: 30px;
height: 30px;
background:#013B84;
border-radius:50%;
z-index: 10;
}
.p-photo-prev { left: 0; }
.p-photo-next { right: 0; }

.p-photo-prev::after{
content:'';
width:12px;
height:12px;
background:url(../img/arrow-left-wh.svg) no-repeat;
background-size:12px;
position:absolute;
top:9px;
left:9px;
}

.p-photo-next::after{
content:'';
width:12px;
height:12px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:12px;
position:absolute;
top:9px;
left:9px;
}

.c-box{
width:100%;
border:1px solid #E3E4E8;
background:#f7f7f7;
padding:27px 31px 24px;
font-size:14px;
line-height:1;
margin:0;
}
.shop-name{
font-size:18px;
font-weight:bold;
margin:14px 0;
}

.c-data{
line-height:1.7;
}

.c-box-btns{
margin:12px 0 0;
}
.c-box-btns li{
width:100%;
margin-bottom:7px;
position:relative;

}
.c-box-btns li:last-child{
margin-bottom:0;
}
.c-box-btns li a{
width:100%;
height:44px;
background:#6FB615;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
border-radius:4px;
font-size:14px;
font-weight:bold;
position:relative;
padding:0 0 0 1.2em;
}
.c-form::before{
content:'';
width:19px;
height:14px;
background:url(../img/icon-mail.svg) no-repeat;
background-size:19px;
position:absolute;
top:15px;
left:97px;
z-index:10;
}

.c-tel::before{
content:'';
width:18px;
height:18px;
background:url(../img/icon-phone.svg) no-repeat;
background-size:18px;
position:absolute;
top:13px;
left:97px;
z-index:10;
}

.c-box-btns li a::after {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.c-box-btns li a:hover::after{
opacity:1;
}

.p-att{
width:auto;
margin:0 auto;
}


.property-details h3{
font-size:18px;
line-height:1;
margin-bottom:30px;
}
.property-details h4{
font-size:18px;
line-height:1;
margin-bottom:20px;
}
.basicT{
width:100%;
font-size:14px;
line-height:1.5;
margin-bottom:30px;
}
.basicT th{
padding:14px 7px;
width:149px;
border-bottom:1px solid #E3E4E8;
vertical-align:top;
text-align:left;
font-weight:normal;
}
.basicT td{
padding:14px 7px 14px 0;
width:347px;
border-bottom:1px solid #E3E4E8;
}

.p-btn{
width:267px;
height:44px;
margin-top:10px;
}
.p-btn a{
width:267px;
height:44px;
background:#013B84;
border-radius:4px;
color:#fff;
font-weight:bold;
font-size:14px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.p-btn a::after{
content:'';
width:12px;
height:13px;
background:url(../img/icon-ext.svg) no-repeat;
background-size:12px;
position:absolute;
top:14px;
right:18px;
}

.p-btn a::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.p-btn a:hover::before{
opacity:1;
}

.acc-dtl{
margin-bottom:50px;
}

.acc-dtl dt{
width:496px;
height:50px;
background:#7F8186;
color:#fff;
font-weight:bold;
font-size:18px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
border-radius:8px;
}

.acc-dtl dt::after{
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.acc-dtl dt:hover::after{
opacity:1;
}



.acc-dtl dt::before{
content:'';
width:10px;
height:10px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(45deg);
position:absolute;
top:16px;
right:20px;
}

.acc-dtl dt.open{
border-radius:8px 8px 0 0;
}
.acc-dtl dt.open::before{
transform:rotate(-135deg);
top:20px;
}

.acc-dtl dd{
width:100%;
display:none;
border-left:1px solid #E3E4E8;
border-bottom:1px solid #E3E4E8;
border-right:1px solid #E3E4E8;
padding:0 15px 25px;
}

.dtlT{
width:100%;
}
.dtlT th{
text-align:left;
font-weight:normal;
font-size:14px;
padding:15px 13px;
border-bottom:1px solid #E3E4E8;
}
.dtlT td{
width: 292px;
padding:15px 13px 15px 0;
font-size:14px;
border-bottom:1px solid #E3E4E8;
}
.p-cap{
margin-bottom:0;
}

.p-cap li{
font-size:14px;
padding-left:1em;
position:relative;
}
.p-cap li::before{
content:'';
width:4px;
height:4px;
background:#222;
position:absolute;
border-radius:50%;
top:9px;
left:2px;
}



/*------------------------------------------------------------
SHOP INFORMATION
------------------------------------------------------------*/
.shop-information{
padding-bottom:66px;
}


.shop-lead{
text-align:center;
font-size:24px;
font-weight:500;
font-family:'Noto Serif JP';
margin-bottom:57px;
}


.shop-map{
width:1440px;
height:660px;
background:url(../img/shop-map.jpg) no-repeat;
background-size:1440px;
margin:0 auto 120px;
position:relative;
}

.shop01{ width:153px; height:61px; background:url(../img/pin01.png) no-repeat; background-size:153px; position:absolute; top:370px; left:627px; text-indent:-9999px;}
.shop02{ width:153px; height:61px; background:url(../img/pin02.png) no-repeat; background-size:153px; position:absolute; top:157px; left:507px; text-indent:-9999px;}
.shop03{ width:153px; height:61px; background:url(../img/pin03.png) no-repeat; background-size:153px; position:absolute; top:215px; left:518px; text-indent:-9999px;}
.shop04{ width:140px; height:61px; background:url(../img/pin04.png) no-repeat; background-size:140px; position:absolute; top:296px; left:781px; text-indent:-9999px;}
.shop05{ width:137px; height:61px; background:url(../img/pin05.png) no-repeat; background-size:137px; position:absolute; top:423px; left:501px; text-indent:-9999px;}
.shop06{ width:153px; height:61px; background:url(../img/pin06.png) no-repeat; background-size:153px; position:absolute; top:282px; left:515px; text-indent:-9999px;}
.shop07{ width:140px; height:61px; background:url(../img/pin07.png) no-repeat; background-size:140px; position:absolute; top:437px; left:669px; text-indent:-9999px;}
.shop08{ width:140px; height:61px; background:url(../img/pin08.png) no-repeat; background-size:140px; position:absolute; top:551px; left:647px; text-indent:-9999px;}
.shop09{ width:137px; height:61px; background:url(../img/pin09.png) no-repeat; background-size:137px; position:absolute; top:282px; left:362px; text-indent:-9999px;}
.shop10{ width:183px; height:61px; background:url(../img/pin10.png) no-repeat; background-size:183px; position:absolute; top:186px; left:685px; text-indent:-9999px;}
.shop11{ width:137px; height:61px; background:url(../img/pin11.png) no-repeat; background-size:137px; position:absolute; top:170px; left:915px; text-indent:-9999px;}
.shop12{ width:137px; height:61px; background:url(../img/pin12.png) no-repeat; background-size:137px; position:absolute; top:18px; left:604px; text-indent:-9999px;}

.shop-map a{ transition:all .2s; }
.shop-map a:hover{
opacity:.7;
}

.shop-list{
width:1176px;
margin:0 auto;
}
.shop-list li{
display:flex;
justify-content:space-between;
margin-bottom:90px;
flex-wrap:wrap;
}
.shop-ttl{
width:100%;
font-size:24px;
line-height:2.42;
padding-left:76px;
position:relative;
font-weight:500;
font-family:'Noto Serif JP';
margin-bottom:23px;
}
.shop-ttl span.shop-num{
width:58px;
height:58px;
border-radius:50%;
color:#fff;
background:#F69727;
font-size:26px;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
font-family:'Roboto';
line-height:1;
position:absolute;
text-align:center;
top:0;
left:0;
}





.shop-photo{
width:430px;
margin:0;
}
.shop-txt{
width:708px;
}

.shopT{
width:100%;
font-size:14px;
line-height:1.5;
margin-bottom:30px;
}
.shopT th{
font-weight:normal;
text-align:left;
padding:14px 10px;
border-bottom:1px solid #E3E4E8;
width:220px;
vertical-align:top;
}
.shopT td{
width:488px;
padding:14px 10px 14px 0;
border-bottom:1px solid #E3E4E8;
}

.shop-btn{
display:flex;
justify-content:center;
}
.shop-btn a{
width:405px;
height:60px;
background:#013B84;
border-radius:4px;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
font-size:20px;
color:#fff;
position:relative;
}
.shop-btn a::after{
content:'';
width:24px;
height:24px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:24px;
position:absolute;
top:18px;
right:28px;
}

.shop-btn a::before{
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.shop-btn a:hover::before{
opacity:1;
}


/*------------------------------------------------------------
STAFF
------------------------------------------------------------*/
.staff{
width:1176px;
margin:0 auto 174px;
}

.staff-list li{
background:#f7f7f7;
padding:60px 55px 45px;
overflow:hidden;
margin-bottom:80px;
position:relative;
}

.staff-list li:nth-child(odd)::before{
content:'';
width:0;
height:0;
border-top:56px solid #F6B971;
border-left:56px solid transparent;
border-right:56px solid transparent;
position:absolute;
top:-8px;
left:-36px;
transform:rotate(135deg);
}
.staff-list li:nth-child(even)::before{
content:'';
width:0;
height:0;
border-top:56px solid #A9D76E;
border-left:56px solid transparent;
border-right:56px solid transparent;
position:absolute;
top:-8px;
right:-36px;
transform:rotate(-135deg);
}

.staff-photo{
width:380px;
height:460px;
background:#ccc;
}
.staff-photo img{
width:380px;
height:460px;
object-fit:cover;
}

.staff-info{
width:637px;
}


.staff-list li:nth-child(odd) .staff-photo{ float:left; }
.staff-list li:nth-child(odd) .staff-info{ float:right; }
.staff-list li:nth-child(even) .staff-photo{ float:right; }
.staff-list li:nth-child(even) .staff-info{ float:left; }


.staff-copy{
font-family:'Noto Serif JP';
font-weight:500;
font-size:24px;
text-align:center;
padding:0 0 30px;
border-bottom:1px solid #D2D4DB;
margin-bottom:30px;
}
.staff-post{
font-size:14px;
line-height:1;
margin-bottom:11px;
}
.staff-name{
font-weight:bold;
font-size:20px;
line-height:1;
margin-bottom:20px;
}
.staff-md{
font-weight:bold;
}

.staff-info p{
margin-bottom:20px;
}

/*------------------------------------------------------------
EVENT LIST
------------------------------------------------------------*/
.event{
padding-bottom:112px;
}
.event-list{
width:1176px;
margin:0 auto;
padding-bottom:64px;
border-bottom:1px solid #E3E4E8;
}

.event-list li{
display:flex;
background:#F7F7F7;
padding:48px;
justify-content:space-between;
border:1px solid #E3E4E8;
border-radius:8px;
margin-bottom:60px;
}
.event-photo{
width:460px;
height:290px;
background:#ccc;
margin:0;
}
.event-photo img{
width:460px;
height:290px;
object-fit:cover;
}
.event-txt{
width:590px;
}
.event-ttl{
font-size:24px;
font-weight:500;
font-family:'Noto Serif JP';
padding:0 11px 24px;
border-bottom:1px solid #E3E4E8;
margin-bottom:24px;
}
.event-schedule{
width:117px;
height:30px;
background:#6FB615;
border-radius:4px;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:16px;
line-height:1;
font-weight:bold;
margin:0 0 12px 11px;
}

.event-txt p{
margin:0 11px 20px;
}
.ev-btn{
display:flex;
justify-content:center;
}
.ev-btn a{
width:332px;
height:44px;
border-radius:4px;
background:#013B84;
color:#fff;
font-weight:bold;
font-size:14px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}
.ev-btn a::after{
content:'';
width:17px;
height:17px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:17px;
position:absolute;
top:13px;
right:23px;
}
.ev-btn a::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.ev-btn a:hover::before{
opacity:1;
}


/*------------------------------------------------------------
EVENT DETAIL
------------------------------------------------------------*/
.event-dtl{
width:1176px;
margin:105px auto 134px;
}

.ev-dtl-ttl{
font-family:'Noto Serif JP';
font-weight:500;
font-size:30px;
margin:0 auto 50px;
}

.ev-dtl-photo{
width:1100px;
height:693px;
background:#ccc;
margin:0 auto 45px;
}
.ev-dtl-photo img{
width:1100px;
height:693px;
object-fit:cover;
}

.eventT{
width:100%;
border-top:1px solid #E3E4E8;
font-size:18px;
line-height:1.5;
margin-bottom:29px;
}
.eventT th{
border-bottom:1px solid #E3E4E8;
width:213px;
padding:26px 0;
}
.eventT td{
border-bottom:1px solid #E3E4E8;
width:963px;
padding:26px 0;
}

.ev-end-bnr{
width:100%;
height:74px;
background:#7F8186;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:18px;
margin:0 auto 98px;
}

.ev-info-1{
width:1100px;
margin:50px auto;
font-size:20px;
line-height:2;
}

.ev-info-1 a{
text-decoration:underline;
color:#2a2a2a;
}

.event-photo-list li{
width:1100px;
height:516px;
background:#d9d9d9;
margin:0 auto 50px;
}
.event-photo-list li img{
width:1100px;
height:516px;
object-fit:cover;
}


.ev-info-2{
width:1100px;
margin:50px auto 100px;
font-size:20px;
line-height:2;
}
.ev-info-2 a{
text-decoration:underline;
color:#2a2a2a;
}


.paging{
display:flex;
justify-content:center;
padding:30px 0 0;
border-top:1px solid #E3E4E8;
}
.paging li{
font-size:18px;
padding:0 1.5em;
linee-height:1;
border-right:1px solid #2a2a2a;
position:relative;
}
.paging li:last-child{
border:none;
}
.paging li a{
color:#2a2a2a;
position:relative;
}

.prev-post::before{
content:'≪';
position:absolute;
top:0;
left:0;
}
.next-post::before{
content:'≫';
position:absolute;
top:0;
right:0;
}
.paging li a:hover{
text-decoration:underline;
}

/*------------------------------------------------------------
CONTACT PAGE
------------------------------------------------------------*/

#contact{
width:1176px;
margin:0 auto;
padding:0 0 106px;
}
#contact-confirm{
width:1176px;
margin:0 auto;
padding:0 0 106px;
}
#contact-submit{
width:1176px;
margin:0 auto;
padding:0 0 106px;
}
.cp-item{
width:auto;
font-weight:bold;
font-size:18px;
line-height:1;
margin-bottom:17px;
}
.cp-box{
width:100%;
border:1px solid #E3E4E8;
background:#f7f7f7;
border-radius:8px;
padding:38px 34px 33px 42px;
display:flex;
justify-content:space-between;
margin-bottom:84px;
}
.cp-photo{
width:375px;
height:336px;
background:#ccc;
margin:0;
}
.cp-photo img{
width:375px;
height:336px;
object-fit:cover;
}
.cp-txt{
width:680px;
}
.cp-ttl{
font-size:24px;
line-height:1.7;
font-family:'Noto Serif JP';
font-weight:500;
margin-bottom:20px;
}

.c-box-hide-cont{
display:block;
}
.c-box-acc{
display:none;
}


.cp-boxT{
font-size:14px;
line-height:1.5;
}
.cp-boxT th{
width:150px;
font-weight:normal;
text-align:left;
padding:10px 7px;
border-bottom:1px solid #E3E4E8;
vertical-align:top;
}
.cp-boxT td{
width:530px;
padding:10px 10px 10px 0;
border-bottom:1px solid #E3E4E8;
}

.p-chara{
font-weight:bold;
font-size:14px;
line-height:1.7;
padding:10px 7px;
border-bottom:1px solid #E3E4E8;
}

.c-step{
display:flex;
width:1176px;
margin:0 auto 53px; 
}
.c-step li{
width:392px;
height:80px;
position:relative;
font-size:18px;
line-height:1;
padding:24px 0 15px 52px;
background:#E0E4EE;
font-weight:bold;
}
.c-step li:nth-child(1){
padding-left:29px;
}
.c-step li:nth-child(2){
background:#CDD3E2;
}
.c-step li span{
font-size:14px;
font-weight:bold;
margin-bottom:9px;
display:block;
}
.c-step li.active{
background:#013B84;
color:#fff !important;
}
.c-step li:nth-child(1)::after{
content:'';
width:0;
height:0;
border-left:25px solid #E0E4EE;
border-top:40px solid transparent;
border-bottom:40px solid transparent;
position:absolute;
top:0;
right:-24px;
z-index:2;
}
.c-step li:nth-child(2)::after{
content:'';
width:0;
height:0;
border-left:25px solid #CDD3E2;
border-top:40px solid transparent;
border-bottom:40px solid transparent;
position:absolute;
top:0;
right:-24px;
z-index:2;
}
.c-step li.active::after{
content:'';
width:0;
height:0;
border-left:25px solid #013B84;
border-top:40px solid transparent;
border-bottom:40px solid transparent;
position:absolute;
top:0;
right:-24px;
z-index:2;
}
.c-step li:last-child.active::after{
content:'';
width:0;
height:0;
border:none;
}


.c-att{
text-align:center;
font-size:18px;
margin-bottom:50px;
}
.req{
display:inline-block;
position:relative;
font-size:14px;
width:50px;
height:22px;
text-align:center;
background:#F13838;
border-radius:4px;
color:#fff;
font-weight:bold;
margin:0 5px 0 0;
}

.formT{
border-top:1px solid #E3E4E8;
width:100%;
margin-bottom:65px;
}
.formT th{
width:308px;
font-weight:bold;
text-align:left;
padding:15px 27px;
border-right:1px solid #E3E4E8;
border-bottom:1px solid #E3E4E8;
position:relative;
display:table-cell;
}
.formT th::before{
content:'';
background:none;
}

.formT td{
width:auto;
border-bottom:1px solid #E3E4E8;
vertical-align:middle;
padding:15px 0;
font-size:16px;
display:table-cell;
}
.formT td.sub-item{
font-weight:bold;
width:307px;
padding:15px 27px;
font-size:16px;
display:table-cell;
border-bottom:1px solid #E3E4E8;
}
.formT input[type="text"],
.formT input[type="email"]{
width:537px;
background:#F7F7F7;
border:none;
padding:10px 16px;
font-size:16px;
line-height:1.5;
}

.formT textarea{
padding:10px 16px;
background:#f7f7f7;
width:537px;
height:145px;
border:none;
}

.formT td a{
color:#2A2A2A;
text-decoration:underline;
}

.form-btn{
width:auto;
display:flex;
justify-content:center;
}
.form-btn li{
margin:0 15px;
}
button[type="submit"].f-cfm{
width:405px;
height:76px;
border:none;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
color:#fff;
font-size:20px;
border-radius:4px;
background:#013B84;
position:relative;
cursor:pointer;
}

button[type="submit"].f-sbm{
width:320px;
height:76px;
border:none;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
color:#fff;
font-size:20px;
border-radius:4px;
background:#013B84;
position:relative;
cursor:pointer;
}
button[type="submit"].f-back{
width:320px;
height:76px;
border:none;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
color:#fff;
font-size:20px;
border-radius:4px;
background:#7F8186;
position:relative;
cursor:pointer;
}

.f-cfm::after,
.f-sbm::after{
content:'';
width:24px;
height:24px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:24px;
position:absolute;
top:26px;
right:31px;
z-index:2;
}
.f-back::after{
content:'';
width:24px;
height:24px;
background:url(../img/arrow-left-wh.svg) no-repeat;
background-size:24px;
position:absolute;
top:26px;
left:31px;
z-index:2;
}

.f-cfm::before,
.f-back::before,
.f-sbm::before{
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
border-radius: 4px;
}
.f-cfm:hover::before,
.f-back:hover::before,
.f-sbm:hover::before{
opacity:1;
}

.f-cfm:disabled {
  background-color: #7F8186 !important;
  cursor: not-allowed !important;
  opacity: 0.5;
}
.f-cfm:disabled::before{
opacity:1;
}

.sbm-ttl{
text-align:center;
font-size:18px;
font-weight:bold;
margin:0 auto 40px;
}
.sbm-desc{
width:auto;
font-size:18px;
text-align:center;
}

.formT select{
border:1px solid #D2D4DB;
width:auto;
background:none;
-webkit-appearance:none;
font-size:13px;
line-height:1.7;
padding:11px 28px 11px 18px;
border-radius:4px;
color:#7F8186;
position:relative;
}
.shop-select{
width:204px;
position:relative;
}

.shop-select::after{
content:'';
width:5px;
height:5px;
border-right:2px solid #7F8186;
border-bottom:2px solid #7F8186;
transform:rotate(45deg);
position:absolute;
top:18px;
right:12px;
}

#contact-confirm .shop-select::after{
content:none;
}



/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/
footer{
background:#F7F7F7;
}
.footer-inner{
padding:57px 80px 62px;
width:1340px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:1px solid #D2D4DB;
}
.f-logo{
position:relative;
width:300px;
margin:0;
}
.f-logo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:2;
}
.f-navi{
width:390px;
margin:0;
display:flex;
justify-content:flex-end;
flex-wrap:wrap;
}
.f-navi li{
margin-left:1em;
font-size:16px;
line-height:2.5;
}
.f-navi li a{
color:#2a2a2a;
}
.f-navi li a:hover{
text-decoration:underline;
}

.copy{
text-align:center;
font-size:12px;
padding:30px 0 35px;
width:auto;
}





/*------------------------------------------------------------
END PC LAYOUT CSS
------------------------------------------------------------*/
}