@charset "UTF-8";

@media screen and (min-width:641px),
screen and (orientation: landscape){
#in-main-contents { background-color: #22222a; background-image: url(../images/shop/contents-bg.jpg); background-repeat: repeat-y; background-position: center -440px; }

#in-main-contents #inner-box { width: 1100px; padding-bottom: 0; }

#inner-box { background-color: #ffffff; background-image: url(../images/shop/bg_01.png); background-position: top 0px left 221px; background-repeat: no-repeat; }

#h2-title { background: url(../images/shop/ttl_img.jpg) center no-repeat; }

#h2-title h2 { color: #fff; }

#h3-title .page-deco { position: absolute; left: -182px; top: -16px; }
#h3-title .rel-Box { margin-top: 48px; width: 255px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 24px; }
#h3-title .dis-b { display: block; }
#h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.hanjonavi { width: 1100px; margin: 0 auto 10px; text-align: right;}

#page_shop01 { padding: 56px 0 73px; }
#page_shop01 .txt { width: 848px; color: #0a090a; font-size: 16px; line-height: 2.3; margin: 0 auto; }

/*#page_shop01*/
#page_shop02 { border-top: 2px solid; background-image: url(../images/shop/bg02.png); padding: 60px 50px 1px; /*.Box-01*/ }
#page_shop02 .icon01 { position: absolute; top: -79px; left: 0; }
#page_shop02 .icon02 { position: absolute; top: -197px; right: 0; }
#page_shop02 .ttl { text-align: center; padding-top: 16px; padding-bottom: 14px; border-top: 4px solid #22222a; border-bottom: 4px solid #22222a; width: 488px; margin-left: auto; margin-right: auto; position: relative; background-color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 35px; font-weight: 600; color: #0a090a; line-height: 1.6; letter-spacing: 2px; margin-bottom: 56px; }
#page_shop02 .deco-l { position: absolute; left: -28px; top: -4px; }
#page_shop02 .deco-r { position: absolute; right: -28px; top: -4px; }
#page_shop02 .deco { position: absolute; right: -61px; top: 14px; }
#page_shop02 strong { color: #aa7000; }
#page_shop02 .Box-01 { background-color: #fff; margin-bottom: 48px; }
#page_shop02 .Box-01 .Box-l { width: 380px; position: relative; }
#page_shop02 .Box-01 .deco { position: absolute; top: -106px; left: 70px; }
#page_shop02 .ttl-02 { width: 102px; background-color: #003044; padding: 39px 32px 0px; color: #ffffff; font-size: 30px; font-weight: 600; letter-spacing: 3px; text-align: center;}
#page_shop02 .Box-r { color: #0a090a; font-size: 16px; line-height: 2.3; padding: 48px 39px 47px 56px; width: 622px;}
#page_shop02 .eye_catching_txt { color: #01567b; font-size: 20px; line-height: 2; }

/*#page_shop02*/
#page_shop03 { padding: 30px 0 0px; /*.point_Box*/ }
#page_shop03 .clump { margin-bottom: 50px; }
#page_shop03 .clump .Box { width: 930px; border: 1px solid; background-image: url(../images/shop/bg01.png); padding: 72px 42px 37px; margin: 0 auto 25px; }
#page_shop03 .clump .icon { position: absolute; bottom: -23px; right: 29px; }
#page_shop03 .clump .icon02 { position: absolute; bottom: 0; left: 120px; }
#page_shop03 .clump .icon03 { position: absolute; bottom: -33px; right: 30px; }
#page_shop03 .clump .step { position: absolute; top: -40px; left: 323px; }
#page_shop03 .clump .txt { color: #ffffff; font-size: 16px; line-height: 2.3; width: 496px;}
#page_shop03 .eye_catching_txt { color: #d39f00; font-size: 28px; line-height: 1.5; }
#page_shop03 .point_Box { width: 847px; background-color: #FFFFFF; border: 1px solid; padding: 40px 29px 26px 50px; }
#page_shop03 .point_Box .right_Box { font-size: 16px; line-height: 1.8; color: #0a090a; }
#page_shop03 .point_Box .eye_catching_txt02 { color: #00577c; }

/*#page_shop03*/
#page_shop04 { padding-bottom: 43px; background-image: url(../images/shop/bg03.png); background-position: bottom; background-repeat: no-repeat; }
#page_shop04 .message_Box { width: 821px; margin: 0 auto; }
#page_shop04 .message_Box { width: 821px; margin: 0 auto; }
#page_shop04 .txt { color: #0a090a; font-size: 25px; font-weight: bold; line-height: 1.5; letter-spacing: 0.2em; }
#page_shop04 .inner_txt01 { font-size: 34px; }
#page_shop04 .eye_catching_txt { color: #00577c; }

/*#page_shop04*/
#page_shop05 { background-color: #003d57; padding: 50px 0 65px; }
#page_shop05 .txt { color: #ffffff; font-size: 22px; line-height: 2; }
#page_shop05 .txt:after { content: url(../images/renovation/right.png); padding-left: 20px; }
#page_shop05 .txt:before { content: url(../images/renovation/left.png); padding-right: 20px; }

/**/
#page_shop06 { margin-bottom: 50px;}
#page_shop06 h4 { margin-bottom: 40px;}
#page_shop06 .flow_box_set { margin: 0 50px;}
#page_shop06 .flow_box { width: 29%;border: 3px solid #22222a; background: #fff; margin: 0 0 40px;}
#page_shop06 h5 { background: url(../images/shop/bg01.png); padding: 15px 15px 15px 80px; color: #fff; font-size: 20px; position: relative;}
#page_shop06 h5 span.num { display: block; width: 66px; height: 66px; text-align: center; line-height: 66px; background: url(../images/shop/flow_bg_num.png); position: absolute; top: -20px; left: 5px;}
#page_shop06 h5 span.num_tl { display: block; font-weight: bold; line-height: 1.2;}
#page_shop06 .flow_box_in { padding: 20px; line-height: 1.8; font-size: 14px; }
#page_shop06 .flow_arw { width: 30px; text-align: center; margin:20px 5px;}
#page_shop06 .flow_arw img { opacity: 0.2; width: 25px; height: auto; -moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
#page_shop06 .fs12 { font-size: 12px;}
#page_shop06 .pink { color: #EA5B5D;}

}
@media screen and (orientation: portrait) and (max-width:640px) {
#in-main-contents { background-color: #22222a; background-image: url(../images/shop/contents-bg.jpg); background-repeat: repeat-y; background-position: center -440px; }

#in-main-contents #inner-box { width: 100%; padding-bottom: 0; }

#inner-box { background-color: #ffffff; background-image: url(../images/shop/bg_01.png); background-position: top 0px left 221px; background-repeat: no-repeat; }

#h2-title { background: url(../images/shop/ttl_img.jpg) center no-repeat; }

#h2-title h2 { color: #fff; }

#h3-title .page-deco { position: absolute; left: -182px; top: -16px; }
#h3-title .rel-Box { margin-top: 48px; width: 100%; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 24px; }
#h3-title .dis-b { display: block; }
#h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
.hanjonavi { width: 100%; margin: 0 auto 10px; text-align: right;}
.hanjonavi img { width: 30%; margin-right: 10px;}

#page_shop01 { padding: 5% 5% 8%; }
#page_shop01 .txt { width: 100%; color: #0a090a; font-size: 16px; line-height: 2.3; margin: 0 auto; }

/*#page_shop01*/
#page_shop02 { border-top: 2px solid; background-image: url(../images/shop/bg02.png); padding: 8% 5% 1px; /*.Box-01*/ }
#page_shop02 .icon01 { position: absolute; top: -79px; left: 0; }
#page_shop02 .icon02 { position: absolute; top: -197px; right: 0; }


#page_shop02 .ttl { text-align: center; padding-top: 16px; padding-bottom: 14px; border-top: 4px solid #22222a; border-bottom: 4px solid #22222a; width: 100%; margin-left: auto; margin-right: auto; position: relative; background-color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2.2rem; font-weight: 600; color: #0a090a; line-height: 1.6; letter-spacing: 2px; margin-bottom: 8%;
}


#page_shop02 .deco-l { position: absolute; left: -28px; top: -4px; }
#page_shop02 .deco-r { position: absolute; right: -28px; top: -4px; }
#page_shop02 .deco { position: absolute; right: -61px; top: 14px; }
#page_shop02 strong { color: #aa7000; }
#page_shop02 .Box-01 { background-color: #fff; margin-bottom: 48px; }
#page_shop02 .Box-01 .Box-l { width: 100%; position: relative; }
#page_shop02 .Box-01 .deco { position: absolute; top: -106px; left: 70px; }

#page_shop02 .ttl-02 {
width: 100%; background-color: #003044; padding: 3% 5% 4%; color: #ffffff; font-size: 2.2rem; font-weight: 600; letter-spacing: 3px; 
writing-mode: inherit;
writing-mode: initial;
writing-mode: unsel;
line-height: 1.5;
text-align: center;
}

#page_shop02 .ttl-02:before { content: url(../images/shop/icon03.png); 
display: block;
text-align: center;
margin-bottom: 2%;
}





#page_shop02 .Box-r { color: #0a090a; font-size: 16px; line-height: 2.3; padding: 8% 5%; }
#page_shop02 .eye_catching_txt { color: #01567b; font-size: 20px; line-height: 2; }

/*#page_shop02*/
#page_shop03 { padding: 12% 0 0px; /*.point_Box*/ }
#page_shop03 .clump { margin-bottom: 5%; 
}

#page_shop03 .clump:last-child{
margin-bottom: 0;
}


#page_shop03 .clump .Box { width: 100%; border: 1px solid; background-image: url(../images/shop/bg01.png); padding: 8% 5%; margin: 0 auto 25px; }
#page_shop03 .mr35 {margin-right: 0;}



#page_shop03 .clump .icon { position: absolute; bottom: -23px; right: 29px; }
#page_shop03 .clump .icon02 { position: absolute; bottom: 0; left: 120px; }
#page_shop03 .clump .icon03 { position: absolute; bottom: -33px; right: 30px; }

#page_shop03 .clump .step {

    position: relative;
    top: 0px;
    left: 0px;
    width: 60%;
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;

}


#page_shop03 .clump .txt { color: #ffffff; font-size: 16px; line-height: 2.3;}


#page_shop03 .eye_catching_txt { color: #d39f00; font-size: 2.2rem; line-height: 1.5; 
font-weight: bold;
letter-spacing: 1px;
}


#page_shop03 .point_Box { width: 100%; background-color: #FFFFFF; border: 1px solid; padding: 8% 5% }

#page_shop03 .list{
padding-left: 5%;
padding-right: 5%;
}


#page_shop03 .point_Box .right_Box { font-size: 16px; line-height: 1.8; color: #0a090a; }
#page_shop03 .point_Box .eye_catching_txt02 { color: #00577c; }

/*#page_shop03*/
#page_shop04 { padding-bottom: 43px; background-image: none; background-position: bottom; background-repeat: no-repeat; 

}
#page_shop04 .message_Box { width: 100%; margin: 0 auto; }


#page_shop04 .txt {
padding-left: 5%;
padding-right: 5%;
margin-bottom: 8%;
color: #0a090a; font-size: 1.8rem; font-weight: bold; line-height: 1.5; letter-spacing: 0.2em;
text-align: left;
}

#page_shop04 .inner_txt01 { font-size: 1.8rem; 
padding: 5% 5% 0% 5%;

}
#page_shop04 .eye_catching_txt { color: #00577c; }

/*#page_shop04*/
#page_shop05 { background-color: #003d57; padding: 5% 5% 5%; 


}
#page_shop05 .txt { color: #ffffff; font-size: 22px; line-height: 2; }
#page_shop05 .txt:after { content: none;}
#page_shop05 .txt:before { content: none; }

/**/
#page_shop06 { margin-bottom: 50px;}
#page_shop06 h4 { margin-bottom: 40px;}
#page_shop06 .flow_box_set { margin: 0 5%;}
#page_shop06 .flow_box { width: 100%;border: 3px solid #22222a; background: #fff; margin: 0 0 5%;}
#page_shop06 h5 { background: url(../images/shop/bg01.png); padding: 15px 15px 15px 80px; color: #fff; font-size: 20px; position: relative;}
#page_shop06 h5 span.num { display: block; width: 66px; height: 66px; text-align: center; line-height: 66px; background: url(../images/shop/flow_bg_num.png); position: absolute; top: -20px; left: 5px;}
#page_shop06 h5 span.num_tl { display: block; font-weight: bold; line-height: 1.2;}
#page_shop06 .flow_box_in { padding: 20px; line-height: 1.8; font-size: 14px; }
#page_shop06 .flow_arw { width: 30px; text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 7%;
}


#page_shop06 .flow_arw img { opacity: 0.2; width: 25px; height: auto; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);}


#page_shop06 .fs12 { font-size: 12px;}
#page_shop06 .pink { color: #EA5B5D;}



.mb50{
margin-bottom: 0;
}

.point_Box .mr40{
margin-right: 0;
}


.sp-c-ttl-02{
background-image: url(../sp-images/bg-common/bg-ptn-02.jpg);
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #fff;
font-size: 2.0rem;
padding-top: 6%;
padding-bottom: 6%;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
padding-left: 5%;
padding-right: 5%;
line-height: 1.4;
}

.sp-pic{
text-align: center;
margin-bottom: 5%;
}

.sp-mb-01{
margin-bottom: 3%;
}

.sp-mb-02{
margin-bottom: 8%;
}


.end-txt{
text-align: center;
font-size: 2.3rem;
padding-bottom: 5%;
margin-bottom: 5%;
border-bottom: 1px dotted #ccc;

}

.sp-num{
font-size: 2.8rem;
}

.sp-num-02{
font-size: 2.3rem;
margin-left: 0.3rem;
margin-right: 0.3rem;
}

}




@media screen and (orientation: portrait) and (max-width:330px) {

#page_shop02 .ttl{
font-size: 2rem;
}
#page_shop02 .ttl-02{
font-size: 2rem;
}


}