@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

html{scroll-behavior: smooth;}


/*------------------------------page------------------------------*/
h2.text {}


#contents-inner-page {line-height:1.8em; color:#333;}
#contents-inner-page p {margin:0;}

#contents-inner-page .voice {margin:0;}
#contents-inner-page .voice h4 {
font-weight:normal;
color:#069;
background: url(../../UsersDir/images/common/voice_h4.png) no-repeat top left;
margin:10px 0 0;
height:28px;
line-height:28px;
border-bottom:2px solid #b4c7d8;
padding:0 0 5px 40px;
}
#contents-inner-page .voice table {border:2px solid #d2e1ef; background:url(../../UsersDir/images/common/voice_bg.gif) repeat;}
#contents-inner-page .voice table td {padding:10px 20px;}



/*------------------------------よくあるご質問------------------------------*/
#contents-inner-page table.faq {border-bottom:1px dotted #ccc; padding-bottom:10px;}
#contents-inner-page table.faq td {padding: 5px;}



/*------------------------------お問い合わせ------------------------------*/
#contents-inner-page .common_contact {
width:644px;
height:418px;
background:url(../../UsersDir/images/common/contact_bg.png) no-repeat top center;
padding:0 23px;
margin:-28px 0 0;
z-index:10;
line-height:normal;
}
#contents-inner-page .common_contact .inner {
position:relative;
width:644px;
height:418px;
}
#contents-inner-page .common_contact .inner img.btn {
position:absolute;
top:160px;
/*left:23px;*/
}
#contents-inner-page .common_contact .inner table.contact_info {
position:absolute;
width:450px;
left:97px;
bottom:20px;
}
#contents-inner-page .common_contact .inner table.contact_info td {
text-align:center;
padding:0;
}
#contents-inner-page .common_contact .inner table.contact_info td.text {
font-size:16px;
font-weight:normal;
}
#contents-inner-page .common_contact .inner table.contact_info td.tel {
color:#069;
font-size:50px;
font-weight:bold;
background:url(../../UsersDir/images/common/contact_tel.png) no-repeat center left;
padding:0 0 0 75px;
}


/*================================
住宅ローン
================================*/
#contents-inner-page .loan h3 {margin:0; padding:0; background:none; border-radius:0; height:auto;}

#contents-inner-page .loan .trouble {position:relative;}
#contents-inner-page .loan .trouble table {margin:0 0 10px 0; font-size:16px;}
#contents-inner-page .loan .trouble td {margin:0; padding:0; vertical-align:top;}
#contents-inner-page .loan .trouble td.item01,
#contents-inner-page .loan .trouble td.item03{
width:265px; height:70px; padding:20px 20px 0 65px;
}
#contents-inner-page .loan .trouble td.item02,
#contents-inner-page .loan .trouble td.item04 {
width:265px; height:70px; padding:20px 10px 0 65px;
}
#contents-inner-page .loan .trouble td.item01 {background: url(../../UsersDir/images/page/loan/trouble01.png) no-repeat top left;}
#contents-inner-page .loan .trouble td.item02 {background:url(../../UsersDir/images/page/loan/trouble02.png) no-repeat top left;}
#contents-inner-page .loan .trouble td.item03 {background:url(../../UsersDir/images/page/loan/trouble03.png) no-repeat top left;}
#contents-inner-page .loan .trouble td.item04 {background:url(../../UsersDir/images/page/loan/trouble04.png) no-repeat top left;}

#contents-inner-page .loan .solution {}
#contents-inner-page .loan .solution table.waku {
padding:20px; border:4px solid #e6e6e6;
}

#contents-inner-page .loan .voice {}
#contents-inner-page .loan .voice h4 {
font-size:18px; font-weight:bold; color:#6C3;
background: url(../../UsersDir/images/page/loan/voice_h4.png) no-repeat top left;
margin:10px 0 0; padding:0 0 5px 40px;
height:28px; line-height:28px;
border-bottom:2px solid #e6e6e6;
}
#contents-inner-page .loan .voice p {line-height:1.8em;}
#contents-inner-page .loan .voice table {border:2px solid #e6e6e6; background:url(../../UsersDir/images/page/loan/voice_bg.gif) repeat;}
#contents-inner-page .loan .voice table td {padding:10px 20px;}

#contents-inner-page .loan .faq {}
#contents-inner-page .loan .faq p {line-height:1.8em;}
#contents-inner-page .loan .faq td {padding:5px;}

#contents-inner-page .loan .contact {
position:relative;
width:680px; height:370px;
border:5px solid #f8b500; border-radius:5px;
background-image: -moz-linear-gradient(top, #FFF, #f3f3f3);
background-image: -webkit-linear-gradient(top, #FFF, #f3f3f3);
background-image: linear-gradient(to bottom, #FFF, #f3f3f3);
}
#contents-inner-page .loan .contact .h {position:absolute; top:35px; left:45px;}
#contents-inner-page .loan .contact .btn {position:absolute; top:115px; left:19px;}
#contents-inner-page .loan .contact table.contact_info {
position:absolute; left:120px; bottom:20px;
}
#contents-inner-page .loan .contact table.contact_info td {
text-align:center; padding:0;
}
#contents-inner-page .loan .contact table.contact_info td.text {
font-size:16px; font-weight:normal;
}
#contents-inner-page .loan .contact table.contact_info td.tel {
font-size:50px; font-weight:bold;
background:url(../../UsersDir/images/page/loan/contact_tel.png) no-repeat 0 12px;
padding:0 0 0 50px;
}


/*================================
お問い合わせ（ページ下部）
================================*/
#contents-inner-page .inquiry {
width:690px; height:235px;
margin:50px auto 0 auto;
border-radius:10px;
box-sizing:border-box;
position:relative; line-height:1;
background-color:#FFF;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
}
#contents-inner-page .inquiry .bg {background:url(/contents/images/page/common/inquiry_bg.png) no-repeat top left;width:690px; height:235px;}
#contents-inner-page .inquiry .h {font-size:26px; position:absolute; top:30px; left:160px; line-height:1.2; padding-right:20px;}
#contents-inner-page .inquiry .h br {display:none;}
#contents-inner-page .inquiry .h br:last-child {display:block;}
#contents-inner-page .inquiry .tel {vertical-align:top; width:315px; height:105px; position:absolute; bottom:20px; left:20px;}
#contents-inner-page .inquiry .tel .text {border-radius:3px; padding:7px 5px 5px 5px; margin:0; color:#FFF; text-align:center; font-size:14px; letter-spacing:0.05em; background:#039;}
#contents-inner-page .inquiry .tel .num {padding:18px 0 12px 33px; font-size:36px; white-space:nowrap; background:url(/contents/images/page/common/inquiry_tel.png?t=1) no-repeat 0 21px; font-weight:bold; letter-spacing:-1px;background-size: 25px 26px;
}
#contents-inner-page .inquiry .tel .num a {color:#333; text-decoration:none;}
#contents-inner-page .inquiry .tel .open {font-size:14px;}
#contents-inner-page .inquiry .mail {vertical-align:top; width:315px; position:absolute; bottom:20px; right:20px;}
#contents-inner-page .inquiry .mail .mail_btn {border-radius:6px; font-size:22px; font-weight:bold; text-align:center; border:1px #F90 solid;
letter-spacing:2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
height:105px; box-sizing:border-box; width:auto;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;

background-color:#F90;
background:-moz-linear-gradient(top, #FA0, #F70);
background:-webkit-linear-gradient(top, #FA0, #F70);
background:linear-gradient(to bottom, #FA0, #F70);
background:-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70));
-pie-background:linear-gradient(top, #FA0, #F70);

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/

display:block;}

#contents-inner-page .inquiry .mail .mail_btn span {font-size:12px; font-weight:normal; letter-spacing:4px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px #F70 solid; display:inline-block;}
#contents-inner-page .inquiry .mail .mail_btn a {display:block; padding:22px 10px 22px 10px; color:#FFF; text-decoration:none;}
#contents-inner-page .inquiry .mail .mail_btn a:hover {opacity:0.5;}


/* --- leaseback ---*/

#contents-inner-page .leaseback {font-size:16px;}
#contents-inner-page .leaseback h2,#contents-inner-page .leaseback h3{background:none; padding:0; line-height:1; border:none; text-align:center;}
#contents-inner-page .leaseback h2{margin-bottom:0;}
#contents-inner-page .leaseback h3{margin-bottom:40px;}
#contents-inner-page .leaseback h3:before{display:none;}
#contents-inner-page .leaseback h4{font-size:24px; color:#009fe1; font-weight:bold; padding:0; border:none; margin-bottom:8px;}
#contents-inner-page .leaseback .box_a,#contents-inner-page .leaseback .box_b{padding:30px 20px 60px 20px; box-sizing:border-box;}
#contents-inner-page .leaseback .box_b{background:#dff2fc;}

#contents-inner-page .leaseback p{margin-bottom:30px;}

#contents-inner-page .leaseback #merit h4{font-size:16px; text-align:center;}
#contents-inner-page .leaseback #merit ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; width:790px;}
#contents-inner-page .leaseback #merit ul li { width: 250px; background: #fff; margin: 0 0 20px; box-sizing:border-box;}
#contents-inner-page .leaseback #merit ul li:nth-of-type(2) {margin: 0 20px 20px 20px;}
#contents-inner-page .leaseback #merit ul li:nth-of-type(4){margin: 0 20px 0 8px;}
#contents-inner-page .leaseback #merit ul li:nth-of-type(5){margin-bottom: 0;}
#contents-inner-page .leaseback #merit ul li .img-area { position: relative; margin-bottom: 0;}
#contents-inner-page .leaseback #merit ul li .img-area img { width: 100%; height: auto; display: block; width: 100%; height: auto; margin: 0 auto;}
#contents-inner-page .leaseback #merit ul li .img-area span {position: absolute; top: auto; bottom: -20px; left: 20px; color: #F6CE1B; font-size: 450%; font-weight: 700; line-height: 1;}
#contents-inner-page .leaseback #merit ul li .txt-area { padding: 25px 8px 18px 8px;}


#contents-inner-page .leaseback #shikumi table{width:100%;}

#contents-inner-page .leaseback #flow .step{border-bottom:1px dotted #333; margin-bottom:30px;}
#contents-inner-page .leaseback #flow .step:last-child{border-bottom:none; margin-bottom:0;}
#contents-inner-page .leaseback #flow .step:last-child .txt{margin-bottom:0;}
#contents-inner-page .leaseback #flow .no img,#contents-inner-page .leaseback #flow .no span{ display:inline-block; vertical-align:middle;}
#contents-inner-page .leaseback #flow .no span{margin-left:20px; font-size:20px; font-weight:bold; width:700px;}
#contents-inner-page .leaseback #flow .txt{margin:0 0 32px 80px; width:710px;}
#contents-inner-page .leaseback #flow .txt td{ vertical-align:top;}
#contents-inner-page .leaseback #flow .txt td:nth-of-type(2){width:296px; text-align:right;}

#contents-inner-page .leaseback #qa dl{ padding:0 0 0 16px; margin-bottom: 25px;}
#contents-inner-page .leaseback #qa dt{ position:relative; padding:6px 0 0 40px; margin:30px 0 10px 0; cursor:pointer;}
#contents-inner-page .leaseback #qa dt:hover{ text-decoration:underline;}
#contents-inner-page .leaseback #qa dt:before{ display:block; content:""; background:url(../images/escape/faq_q.png) no-repeat left top; background-size:100% auto; width:30px; height:31px; position:absolute; top:0; left:0;}
#contents-inner-page .leaseback #qa dt:after{ display:inline-block; content:""; background:url(../images/escape/faq_open.png) no-repeat left top; background-size:100% auto; width:22px; height:15px; vertical-align: middle; margin-left:10px;}
#contents-inner-page .leaseback #qa dd{ margin-left:40px; border-left:3px solid #dedede; padding:2px 25px 2px 15px; color:#333333; margin-bottom:25px; line-height: 1.85; display:none ;}
#contents-inner-page .leaseback #qa dt.active:before{ background:url(../images/escape/faq_q_out.png) no-repeat left top; background-size:100% auto;}
#contents-inner-page .leaseback #qa dt.active:after{ background:url(../images/escape/faq_close.png)  no-repeat left top; background-size:100% auto;}


#contents-inner-page .leaseback #case table{margin-bottom:60px;}
#contents-inner-page .leaseback #case table:last-child{margin-bottom:0;}
#contents-inner-page .leaseback #case td{ vertical-align:top;}
#contents-inner-page .leaseback #case p{margin-bottom:38px;}
#contents-inner-page .leaseback #case p:last-child{margin-bottom:0;}

/* --- */
#contents-inner-page .leaseback .inquiry {
width:830px; height:280px;
margin:50px auto 0 auto;
border-radius:5px;
box-sizing:border-box;
position:relative; line-height:1;
background-color:#FFF;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
}
#contents-inner-page .leaseback .inquiry .bg {background:url(/contents/images/escape/inquiry_bg.png) no-repeat 45px 25px; width:830px; height:150px;}
#contents-inner-page .leaseback .inquiry .h {font-size:26px; position:absolute; top:67px; left:170px; line-height:1.2; padding-right:0; width:630px;}
#contents-inner-page .leaseback .inquiry .h br {display:none;}
#contents-inner-page .leaseback .inquiry .h br:last-child {display:block;}
#contents-inner-page .leaseback .inquiry .tel {vertical-align:top; width:368px; height:105px; position:absolute; bottom:27px; left:30px;}
#contents-inner-page .leaseback .inquiry .tel .text {border-radius:3px; padding:7px 5px 5px 5px; margin:0; color:#FFF; text-align:center; font-size:14px; letter-spacing:0.05em; background:#F80;}
#contents-inner-page .leaseback .inquiry .tel .num {padding:10px 0 10px 70px; font-size:44px; white-space:nowrap; background:url(/contents/images/escape/inquiry_tel.png) no-repeat 0 13px; font-weight:bold; font-family: "Century Gothic",Verdana,Arial,sans-serif;
}
#contents-inner-page .leaseback .inquiry .tel .num a {color:#333; text-decoration:none;}
#contents-inner-page .leaseback .inquiry .tel .open {font-size:14px; padding-left:70px;}
#contents-inner-page .leaseback .inquiry .mail {vertical-align:top; width:376px; position:absolute; bottom:27px; right:30px;}
#contents-inner-page .leaseback .inquiry .mail .mail_btn {border-radius:6px; font-size:26px; font-weight:normal; text-align:center; border:1px #b1a076 solid;
letter-spacing:2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
height:105px; box-sizing:border-box; width:auto;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;

background-color:#b1a076;
background:-moz-linear-gradient(top, #d1c5a7, #a49165);
background:-webkit-linear-gradient(top, #d1c5a7, #a49165);
background:linear-gradient(to bottom, #d1c5a7, #a49165);
background:-webkit-gradient(linear, left top, left bottom, from(#d1c5a7), to(#a49165));
-pie-background:linear-gradient(top, #d1c5a7, #a49165);

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/

display:block;}

#contents-inner-page .leaseback .inquiry .mail .mail_btn span {font-size:14px; font-weight:normal; letter-spacing:6px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px #b1a076 solid; display:inline-block;}
#contents-inner-page .leaseback .inquiry .mail .mail_btn a {display:block; padding:22px 10px 22px 10px; color:#FFF; text-decoration:none;}
#contents-inner-page .leaseback .inquiry .mail .mail_btn a:hover {opacity:0.5;}


/* --- */
#wrap-outer_1col .inquiry {
width:830px; height:250px;
margin:50px auto 0 auto;
border-radius:5px;
box-sizing:border-box;
position:relative; line-height:1;
background-color:#FFF;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
}
#wrap-outer_1col .inquiry .bg {/*background:url(/contents/images/escape/inquiry_bg.png?t=1) no-repeat 45px 25px;*/ width:830px; height:120px;}
#wrap-outer_1col .inquiry .h {font-size:26px; position:absolute; top:33px; left:180px; line-height:1.2; padding-right:0; width:630px;}
#wrap-outer_1col .inquiry .h br {display:none;}
#wrap-outer_1col .inquiry .h br:last-child {display:block;}
#wrap-outer_1col .inquiry .tel {vertical-align:top; width:368px; height:105px; position:absolute; bottom:27px; left:30px;}
#wrap-outer_1col .inquiry .tel .text {border-radius:3px; padding:7px 5px 5px 5px; margin:0; color:#FFF; text-align:center; font-size:14px; letter-spacing:0.05em; /*background:#F80;*/}
#wrap-outer_1col .inquiry .tel .num {padding:10px 0 10px 70px; font-size:44px; white-space:nowrap; background:url(/contents/images/escape/inquiry_tel.png) no-repeat 0 13px; font-weight:bold; font-family: "Century Gothic",Verdana,Arial,sans-serif;
}
#wrap-outer_1col .inquiry .tel .num a {color:#333; text-decoration:none;}
#wrap-outer_1col .inquiry .tel .open {font-size:14px; padding-left:70px;}
#wrap-outer_1col .inquiry .mail {vertical-align:top; width:376px; position:absolute; bottom:27px; right:30px;}
#wrap-outer_1col .inquiry .mail .mail_btn {border-radius:6px; font-size:26px; font-weight:normal; text-align:center; border:1px #b1a076 solid;
letter-spacing:2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
height:105px; box-sizing:border-box; width:auto;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0;

background-color:#b1a076;
background:-moz-linear-gradient(top, #d1c5a7, #a49165);
background:-webkit-linear-gradient(top, #d1c5a7, #a49165);
background:linear-gradient(to bottom, #d1c5a7, #a49165);
background:-webkit-gradient(linear, left top, left bottom, from(#d1c5a7), to(#a49165));
-pie-background:linear-gradient(top, #d1c5a7, #a49165);

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/

display:block;}

#wrap-outer_1col .inquiry .mail .mail_btn span {font-size:14px; font-weight:normal; letter-spacing:6px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px #b1a076 solid; display:inline-block;}
#wrap-outer_1col .inquiry .mail .mail_btn a {display:block; padding:22px 10px 22px 10px; color:#FFF; text-decoration:none;}
#wrap-outer_1col .inquiry .mail .mail_btn a:hover {opacity:0.5;}




/*------------------------------ line ------------------------------*/

#contents-inner-page .linef .sp{display: none !important;}

#contents-inner-page .linef{/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/ margin:-20px calc(50% - 50vw) -75px calc(50% - 50vw); width: 100vw; overflow:hidden; position:relative;}

#contents-inner-page .linef .main{background:url(/UsersDir/images/linef/top_h.jpg?t=1) #fcfcfe no-repeat top center; height:581px;}
#contents-inner-page .linef .main .inn{width:1103px; margin:auto; position:relative;}

@media print, screen and (max-width: 1250px) {
	#contents-inner-page .linef{ width: 1250px; margin:-20px 0 -75px -195px;}
}

/* h3 */
#contents-inner-page .linef h3{font-size:44px; background:none; text-align:center; margin:0px 0 57px 0; color:#000; line-height:0.8; border:none; padding-top:70px !important;}
#contents-inner-page .linef h3 .sub{font-size:24px; display:block;}
#contents-inner-page .linef h3 .strong{color:#f06702;}
#contents-inner-page .linef h3:before{ display:none;}

/* font */
#contents-inner-page .linef .linef01 .linef01_inner,

/* linef01 */
#contents-inner-page .linef .linef01{ width:950px; margin:0 auto; padding:0 0 50px 0; background-color:#ffeff5;}
#contents-inner-page .linef .linef01 .linef01_inner { width:835px; margin:27px auto 0 auto;}
#contents-inner-page .linef .linef01_ttl{ font-size:24px; color:#fff; background-color:#ff0769; text-align:center; margin-bottom:16px; padding:17px 10px 14px 10px;}
#contents-inner-page .linef .linef01_ttl .num{ font-size:38px; font-weight:bold; letter-spacing:2px;}
#contents-inner-page .linef .linef01_ttl .middle{ vertical-align: text-top;}

#contents-inner-page .linef .linef01_txt img{ margin:0 auto; display:block;}
#contents-inner-page .linef .linef01 .parent { position:relative;}
#contents-inner-page .linef .linef01 .ttl_label{ position:absolute; top:-105px; right:20px;}

/* linef02 */
#contents-inner-page .linef .linef02_wrap{width:1250px; background-color:#fff6ef; margin:0 auto 0 auto;}
#contents-inner-page .linef .linef02{ width:950px; margin:0 auto; padding:0 0 35px 0; background-color:#fff6ef;}
#contents-inner-page .linef .linef02 h3 {margin-bottom:16px;}
#contents-inner-page .linef .linef02 .linef02_txt {padding:0 50px 0 50px; font-size: 30px;line-height: 1.5em;}
#contents-inner-page .linef .linef02 .linef02_txt span{color:#ff6600;}
#contents-inner-page .linef .linef02 .linef02_inner {margin:20px auto 0px auto; font-size:16px; line-height:28px; text-align: center; padding-bottom:50px;}
#contents-inner-page .linef .linef02 .linef02_inner.flex {display: flex;}
#contents-inner-page .linef .linef02 .linef02_inner .flex_item p{min-height:56px;}
#contents-inner-page .linef .linef02 .linef02_inner .flex_item .mlt{margin-top: -12px;margin-bottom: 12px;}
#contents-inner-page .linef .linef02 .linef02_inner .flex_item img{display: block; margin:auto;}
#contents-inner-page .linef .linef02 .linef02_inner .flex_item .step_img1{max-width:298px;}
#contents-inner-page .linef .linef02 .linef02_inner .flex_item .step_img2{max-width:252px;}
#contents-inner-page .linef .linef02 .linef02_inner .flex_item .step_img3{max-width:261px;}
#contents-inner-page .linef .linef02 .linef02_inner .step1_arrow{max-width:38px; height: 24px; margin:0 20px 0 20px;}

#contents-inner-page .linef .linef02_txt img{ margin:0 auto 30px auto; display:block;}

#contents-inner-page .linef .linef02 .linef02_merit{ margin:40px 0 2px 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
#contents-inner-page .linef .linef02 .linef02_merit li{ margin-bottom:20px;}
#contents-inner-page .linef .linef02 .linef02_btn { text-align:center;}

/*point*/
#contents-inner-page .linef .support{ width:1250px; margin:0 auto;}
#contents-inner-page .linef .merit_txt{width:100% !important; font-size:16px; text-align:left; margin-bottom:12px;}
#contents-inner-page .linef .merit_txt span{display:block;}
#contents-inner-page .linef .merit_txt .emphasize{display:inline; color:#e94f73; font-weight:bold;}
#contents-inner-page .linef .merit_ttl{ margin:40px auto 40px;}
#contents-inner-page .linef #merit01 .merit_ttl {width: 486px; height:auto;}
#contents-inner-page .linef #merit02 .merit_ttl {width: 692px; height:auto;}
#contents-inner-page .linef #merit03 .merit_ttl {width: 492px; height:auto;}
#contents-inner-page .linef #merit04 .merit_ttl {width: 492px; height:auto;}
#contents-inner-page .linef #merit05 .merit_ttl {width: 486px; height:auto;}
#contents-inner-page .linef #merit06 .merit_ttl {width: 471px; height:auto;}
#contents-inner-page .linef #merit07 .merit_ttl {width: 239px; height:auto;}
#contents-inner-page .linef #merit08 .merit_ttl {width: 513px; height:auto;}

#contents-inner-page .linef .merit{background:#eeeeee; border-top:2px solid #00b900; position:relative; padding:56px 0 0 0; box-sizing:border-box; text-align:center; }
#contents-inner-page .linef .merit_label {width:223px !important; height:auto !important; position:absolute; top:-5px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

#contents-inner-page .linef #point01{background-image:url(/UsersDir/images/linef/point01_img.jpg); background-repeat:no-repeat; background-position:right 0px top; height:433px;}
#contents-inner-page .linef #point02{position:relative; height:393px;background-image:url(/UsersDir/images/linef/point02_bg.jpg); background-repeat:no-repeat; background-position:right top; margin-bottom:43px;}
#contents-inner-page .linef #point03{background-image:url(/UsersDir/images/linef/point03_bg.jpg); background-repeat:no-repeat; background-position:right 0 top; height:395px;}
#contents-inner-page .linef #point04{background-image:url(/UsersDir/images/linef/point04_bg.jpg); background-repeat:no-repeat; background-position:right 0 top; height:423px;}

/*左列*/
#contents-inner-page .linef #point01 .merit_label,
#contents-inner-page .linef #point03 .merit_label{left: 90px; transform: none; -webkit-transform: none; -ms-transform: none;}
#contents-inner-page .linef #point01 .merit_txt,
#contents-inner-page .linef #point03 .merit_txt{padding-left:90px;}

/*右列*/
#contents-inner-page .linef #point02 .merit_label,
#contents-inner-page .linef #point04 .merit_label{left: 625px; transform: none; -webkit-transform: none; -ms-transform: none;}
#contents-inner-page .linef #point02 .merit_txt,
#contents-inner-page .linef #point04 .merit_txt{padding-left:625px;}
#contents-inner-page .linef #point02 .merit_img{position:absolute; left:90px; top:-17px;}


#contents-inner-page .linef #point05{background-image:url(/UsersDir/images/linef/point05_bg.jpg); background-repeat:no-repeat; background-position:left 0px top; height:430px;}
#contents-inner-page .linef .support #point05 .merit_txt{text-align:center;}
#contents-inner-page .linef .support #point05 .merit_txt{text-align:center;}

#contents-inner-page .linef h3{margin-bottom:0; padding:0;}
#contents-inner-page .linef .linef02 .step_ttl img{width:950px; margin-bottom:16px;}
#contents-inner-page .line_friend.sp {display: none;}


/* qr_box */
.qr_box{width:100%; min-height:359px; margin:0; background-image:url(/UsersDir/images/linef/contact_qr.jpg); background-repeat:no-repeat; background-position: center;}


/*------------------------------
オンライン相談
------------------------------*/
#wrap-outer3.wrap-outer3_over{ overflow: hidden;}

#contents-inner-page .online{ width: 100vw; margin:-20px calc(50% - 50vw) -75px calc(50% - 50vw); background-color: #ffffff; font-family:/*'Noto Sans JP', */"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.81; letter-spacing: 0.06em; color: #2d3034;　position: relative;}
#contents-inner-page .online .inn{ width: 1080px; margin: auto; position: relative;}

#contents-inner-page .online h2{ background: transparent; border: none; text-align: center; padding: 0; margin:0 0 70px 0;}
#contents-inner-page .online a{ text-decoration: none;}
#contents-inner-page .online .tel p > a:hover{ opacity: 1 !important; cursor: auto;}

#contents-inner-page .online .sp{display: none !important;}

@media print, screen and (max-width: 1250px) {
	#contents-inner-page .online{ width: 1250px; margin:-20px 0 -75px -195px;}
}

#contents-inner-page:has(.online) + #contents-inner-member.reservation_blocks{ margin-top: 75px; margin-bottom: -153px;}

/*---- トップイメージ ----*/
#contents-inner-page .online .main_image{ background:url("../images/page/online/bg_blue.jpg") repeat; position: relative; padding: 40px 0 70px 0; z-index: 0;}
#contents-inner-page .online .main_image:before{display: block; content: ""; background:url("../images/page/online/main_bg_illust.png") no-repeat; width: 1166px; height: 274px; position: absolute; bottom:26px; left:0; right:75px; margin: auto; z-index: 1;}
#contents-inner-page .online .main_image .inn .h{position: relative; margin-bottom: 60px;}
#contents-inner-page .online .main_image .inn .h img.main_img{ position: absolute; right:-25px; top:-11px;}
#contents-inner-page .online .main_image .inn .point{ display: flex; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 2;}
#contents-inner-page .online .main_image .inn .point li + li{ margin-left: 25px;}


/*---- オンライン相談のご予約はこちら ----*/
#contents-inner-page .online .mini-contact{overflow: hidden; }
#contents-inner-page .online .mini-contact .inn{padding: 70px 0 0 220px; min-height:255px; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: nowrap; }
#contents-inner-page .online .mini-contact .inn:before{ display: block; content: ""; background:url("../images/page/online/contact_img.png") no-repeat; background-size: 253px auto; width: 253px; height: 255px; position: absolute; bottom:-1px; left:-57px;}

#contents-inner-page .online .mini-contact .tel{ margin-right: 30px;}
#contents-inner-page .online .mini-contact .tel .h{ background: #0aa3c9; width: 385px; text-align: center; padding: 5px 0 5px 0; font-size: 18px; font-weight: 700; color: #ffffff; border-radius: 20px; line-height: 1.31; box-sizing: border-box; margin-bottom: 10px;}
#contents-inner-page .online .mini-contact .tel .h:after{ display: inline-block; content: "";  background:url("../images/page/online/indent_bottom_wh.png") no-repeat; background-size: 17px auto; width: 17px; height: 11px; vertical-align: middle; margin-bottom: 3px; margin-left: 15px;}
#contents-inner-page .online .mini-contact .tel p{ text-align: center;}
#contents-inner-page .online .mini-contact .tel p > a{ font-size: 48px; color: #333333; font-family:  'Century Gothic', Helvetica, Arial, sans-serif; display: block; line-height: 1;}
#contents-inner-page .online .mini-contact .tel p > a:before{ display: inline-block; content: "";  background:url("../images/page/online/icon_tel.png") no-repeat; background-size: 54px auto; width: 54px; height: 42px; vertical-align: middle; margin:0 10px 11px -5px;}
#contents-inner-page .online .mini-contact .tel p > span{display: block; font-size: 13px; color: #555555; margin: 0 0 0 15px; display: block; line-height: 1;}

#contents-inner-page .online .mini-contact .mail{}
#contents-inner-page .online .mini-contact .mail .btn_yoyaku{display: block; width: 440px; height: 100px; box-sizing: border-box; text-align: center; border-radius: 50px; background: #dc311f; font-size: 24px; font-weight: 700; color: #ffffff; padding-top: 22px; box-shadow: 0 10px 20px rgba(0,0,0,0.10); letter-spacing: normal; transition: .3s;}
#contents-inner-page .online .mini-contact .mail .btn_yoyaku:before{ display: inline-block; content: "";  background:url("../images/page/online/icon_yoyaku.png") no-repeat; background-size: 43px auto; width: 43px; height: 55px; vertical-align: middle; margin-bottom: 2px; margin-right: 12px;}
#contents-inner-page .online .mini-contact .mail .btn_yoyaku > span{ color: #ffec44;}
#contents-inner-page .online .mini-contact .mail .btn_yoyaku:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.10); }


#contents-inner-page .online .mini-contact.blue{background:url("../images/page/online/bg_blue.jpg") repeat;}
#contents-inner-page .online .mini-contact.blue .tel .h{ background: #ffffff; color: #0aa3c9; }
#contents-inner-page .online .mini-contact.blue .tel .h:after{ background:url("../images/page/online/indent_bottom_bl.png") no-repeat; background-size: 17px auto;}
#contents-inner-page .online .mini-contact.blue .tel p > a{ color: #ffffff;}
#contents-inner-page .online .mini-contact.blue .tel p > a:before{ background:url("../images/page/online/icon_tel_ye.png") no-repeat; background-size: 54px auto;}
#contents-inner-page .online .mini-contact.blue .tel p > span{color: #ffffff; opacity: .7;}

#contents-inner-page .online .mini-contact.blue .mail .btn_yoyaku{background: #ffec44; color: #0a0a0a;}
#contents-inner-page .online .mini-contact.blue .mail .btn_yoyaku:before{ background:url("../images/page/online/icon_yoyaku_bk.png") no-repeat; background-size: 43px auto;}
#contents-inner-page .online .mini-contact.blue .mail .btn_yoyaku > span{ color: #dc311f;}


/*---- こんな方におすすめ ----*/
#contents-inner-page .online .recommended{background:#daf8ff;}
#contents-inner-page .online .recommended .inn{padding: 70px 0 100px;}

#contents-inner-page .online .recommended h2{margin: 0 0 92px 0;}
#contents-inner-page .online .recommended .h_illust{ position: absolute; top:30px; right:68px; z-index: 2;}

#contents-inner-page .online .recommended .recommended_list{}
#contents-inner-page .online .recommended_list .box{ position: relative; z-index: 0;}
#contents-inner-page .online .recommended_list .box + .box{margin-top: 108px;}
#contents-inner-page .online .recommended_list .box:after{ display: block; content: ""; background: #0aa3c9; border-radius: 10px; width: 1250px; height: 100%; top:0; left:-86px; z-index: -1; position: absolute;}
#contents-inner-page .online .recommended_list .box:nth-child(even):after{background: #0caeb0;}

#contents-inner-page .online .recommended_list .box .img{ position: absolute; left:0; top:-40px;}
#contents-inner-page .online .recommended_list .box:nth-child(even) .img{ left:auto; right:0; top:-32px;}

#contents-inner-page .online .recommended_list .box .txt{ margin: 0 -86px 0 465px; display: flex; flex-wrap: nowrap; justify-content: center; height: 206px; flex-direction: column; align-items: center;}
#contents-inner-page .online .recommended_list .box:nth-child(even) .txt { margin: 0 465px 0 -86px; height: 236px;}
#contents-inner-page .online .recommended_list .box .txt span{ display: block; margin-bottom: 20px;}
#contents-inner-page .online .recommended_list .box:nth-child(even) .txt span{ margin-bottom: 12px; margin-top: 7px;}
#contents-inner-page .online .recommended_list .box .txt p{font-size: 36px; font-weight: 700; color: #ffffff; text-align: center;}
#contents-inner-page .online .recommended_list .box .txt p > mark{color: #ffec44; background:url("../images/page/online/recommend_dotline.png") repeat-x bottom left; background-size: auto 7px; padding-bottom: 3px; }


/*---- こんな相談ができます ----*/
#contents-inner-page .online .can .inn{ padding: 70px 0 80px;}

#contents-inner-page .online .can h2{margin: 0 0 63px 0;}
#contents-inner-page .online .can .h_illust{ position: absolute; top:30px; right:50px; z-index: 2;}

#contents-inner-page .online .can .can_list{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
#contents-inner-page .online .can .can_list li{ position: relative; text-align: right; padding: 24px 0 0 0; width: 520px;}
#contents-inner-page .online .can .can_list li:nth-child(n+3){ padding: 0; margin-top: 75px;}
#contents-inner-page .online .can .can_list .icon{ position: absolute; top:0; left:0;}
#contents-inner-page .online .can .can_list p{ display: inline-block; text-align: left; width: 360px; padding:24px 30px 25px 30px; background: #0caeb0; border-radius: 10px; font-size: 24px; font-weight: 700; color: #ffffff; position: relative; line-height: 1.51; letter-spacing: 0.03em; box-sizing: border-box; }
#contents-inner-page .online .can .can_list li:nth-child(3n+1) p{ background: #0aa3c9;}
#contents-inner-page .online .can .can_list p:before{ display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 25px; border-color: transparent transparent #0caeb0 transparent; position: absolute; top:50%; margin-top: -15px; left:-20px;}
#contents-inner-page .online .can .can_list li:nth-child(3n+1) p:before{border-color: transparent transparent #0aa3c9 transparent;}

#contents-inner-page .online .can .can_list p > mark{ color: #ffec44; background: transparent;}


/*---- ご利用の流れ ----*/
#contents-inner-page .online .flow{background:url("../images/page/online/bk_orange.jpg") repeat;}
#contents-inner-page .online .flow .inn{padding: 70px 0 90px;}

#contents-inner-page .online .flow h2{margin: 0 0 55px 0;}

#contents-inner-page .online .flow .flow_menu{ display: flex; flex-wrap: nowrap; justify-content: center;position: relative; margin-bottom: 58px;}
#contents-inner-page .online .flow .flow_menu:before{ display: block; content: ""; background:url("../images/page/online/flow_h_illust01.png") no-repeat; width: 236px; height: 220px; position: absolute; bottom:-58px; left: -3px; z-index: 2;}
#contents-inner-page .online .flow .flow_menu:after{ display: block; content: ""; background:url("../images/page/online/flow_h_illust02.png") no-repeat; width: 166px; height: 157px; position: absolute; bottom:-59px; right: 0; z-index: 2;}
#contents-inner-page .online .flow .flow_menu li{ width: 220px; height: 220px; border-radius: 50%; background: #ffffff; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; align-items: center; flex-wrap: nowrap; text-align: center; position: relative;}
#contents-inner-page .online .flow .flow_menu li + li{ margin-left: 55px;}
#contents-inner-page .online .flow .flow_menu li + li:before{ display: block; content: ""; background:url("../images/page/online/flow_menu_indent.png") no-repeat; background-size: 20px auto; width: 20px; height: 29px; position: absolute; top:50%; margin-top: -15px; left: -35px;}
#contents-inner-page .online .flow .flow_menu .icon{ display: inline-block; margin-bottom: 10px; margin-top: -2px;}
#contents-inner-page .online .flow .flow_menu p{font-size: 20px; font-weight: 700; color: #000000; line-height: 1.41;}

#contents-inner-page .online .flow .flow_list{}
#contents-inner-page .online .flow .flow_list .box{ position: relative; min-height: 416px; box-sizing: border-box;}
#contents-inner-page .online .flow .flow_list .box + .box{ margin-top: 80px;}
#contents-inner-page .online .flow .flow_list .box + .box:before{ display: block; content: ""; background:url("../images/page/online/flow_indent_wh.png") no-repeat; background-size: 58px auto; width: 58px; height: 24px; position: absolute; left:50%; margin-left: -29px; top: -50px;}
#contents-inner-page .online .flow .flow_list .box > .img{ position: absolute; right:0; top:15px; z-index: 3; border-radius: 3px; overflow: hidden;}
#contents-inner-page .online .flow .flow_list .box:nth-child(even) > .img{ right:auto; left:0;}

#contents-inner-page .online .flow .flow_list .txt{}
#contents-inner-page .online .flow .flow_list .txt .h{font-size: 34px; color: #ffffff; font-weight: 700; margin-bottom: 30px; position: relative; z-index: 0; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; padding: 37px 30px 39px 30px; box-sizing: border-box; line-height: 1.31;}
#contents-inner-page .online .flow .flow_list .box:nth-child(even) .txt .h{ padding-left: 480px;}
#contents-inner-page .online .flow .flow_list .txt .h:after{ display: block; content: ""; background: #c9520a; border-radius: 10px; width: 1250px; height: 100%; top:0; left:-86px; z-index: -1; position: absolute;}
#contents-inner-page .online .flow .flow_list .txt .h > img{ display: inline-block; vertical-align: middle; margin-right: 25px; margin-bottom: 3px;}
#contents-inner-page .online .flow .flow_list .txt p{ padding: 0 480px 0 30px; font-weight: bold; letter-spacing: 0.03em;　font-size: 17px;}
#contents-inner-page .online .flow .flow_list .txt p + p{ margin-top: 30px;}
#contents-inner-page .online .flow .flow_list .box:nth-child(even) .txt p{padding: 0 0 0 480px;}

#contents-inner-page .online .flow .btn_yellow{ margin:35px 0 0 30px; display: block; width: 375px; height: 65px; box-sizing: border-box; text-align: center; border-radius: 50px; background: #ffec44; font-size: 18px; font-weight: 700; color: #1d1d1d; padding-top: 16px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); letter-spacing: normal; transition: .3s;}
#contents-inner-page .online .flow .btn_yellow:after{ display: inline-block; content: "";  background:url("../images/page/online/indent_mini_bk.png") no-repeat; background-size: 13px auto; width: 13px; height: 8px; vertical-align: middle; margin-bottom: 3px; margin-left: 23px;}
#contents-inner-page .online .flow .btn_yellow:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.10); }

#contents-inner-page .online .flow .btn_white{ margin:15px 0 0 30px; display: block; width: 375px; height: 65px; box-sizing: border-box; text-align: center; border-radius: 50px; background: #ffffff; font-size: 18px; font-weight: 700; color: #1d1d1d; padding-top: 16px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); letter-spacing: normal; transition: .3s;}
#contents-inner-page .online .flow .btn_white:after{ display: inline-block; content: "";  background:url("../images/page/online/indent_mini_bk.png") no-repeat; background-size: 13px auto; width: 13px; height: 8px; vertical-align: middle; margin-bottom: 3px; margin-left: 23px;}
#contents-inner-page .online .flow .btn_white:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.10); }


/*---- ご用意いただくもの ----*/
#contents-inner-page .online .items .inn{ padding: 80px 0 80px;}

#contents-inner-page .online .items h2{margin: 0 0 74px 0;}
#contents-inner-page .online .items .h_illust{ position: absolute; top:65px; right:35px; z-index: 2;}

#contents-inner-page .online .items section{ text-align: center;}
#contents-inner-page .online .items section + section{ margin-top: 75px;}
#contents-inner-page .online .items h3{font-size: 34px; color: #0aa3c9; font-weight: 700; margin-bottom: 30px; position: relative; z-index: 0; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; padding: 18px 0 19px 0; box-sizing: border-box; line-height: 1.31; border: none; letter-spacing: normal;}
#contents-inner-page .online .items h3:after{ display: block; content: ""; background: #daf8ff; border-radius: 10px; width: 1250px; height: 100%; top:0; left:-86px; z-index: -1; position: absolute;}
#contents-inner-page .online .items p + img{ display: inline-block; margin-top:45px; }


#contents-inner-page .online .items .items_area {margin: auto; flex-wrap: wrap; display: flex; justify-content: space-evenly; margin-top: 45px; margin-bottom: 60px;}
#contents-inner-page .online .items .tab_class { width: 320px; height: 80px; background-color: #f4f4f4; color: #0aa3c9; line-height: 50px; font-size: 26px; font-weight: bold; text-align: center; display: block; float: left; order: -1; cursor: pointer; transition: .3s; box-sizing: border-box; padding-top: 16px;}
#contents-inner-page .online .items .tab_class:before{ display: inline-block; content: "";  background:url("../images/page/online/items_icon_sm.png") no-repeat; background-size: 23px auto; width: 23px; height: 35px; vertical-align: middle; margin-bottom: 4px; margin-right: 20px;}
#contents-inner-page .online .items .tab_class.pc:before{ background:url("../images/page/online/items_icon_pc.png") no-repeat; background-size: 34px auto; width: 34px; height: 38px; }

#contents-inner-page .online .items .tab_class:hover{ opacity: .7;}

#contents-inner-page .online .items input[name="tab_name"] { display: none; }
#contents-inner-page .online .items input:checked + .tab_class { background-color: #0aa3c9; color: #ffffff; cursor: auto;}
#contents-inner-page .online .items input:checked + .tab_class:before{ background:url("../images/page/online/items_icon_sm_wh.png") no-repeat; background-size: 23px auto; width: 23px; height: 35px;}
#contents-inner-page .online .items input:checked + .tab_class.pc:before{ background:url("../images/page/online/items_icon_pc_wh.png") no-repeat; background-size: 34px auto; width: 34px; height: 38px; }
#contents-inner-page .online .items input:checked + .tab_class:hover{ opacity: 1;}
#contents-inner-page .online .items .items_content { display: none; width: 100%; transition: .3s; border-top: 5px solid #0aa3c9; padding-top: 35px;}
#contents-inner-page .online .items input:checked + .tab_class + .items_content { display: block;}

#contents-inner-page .online .items .apuri { margin-top: 40px;}
#contents-inner-page .online .items .apuri li{ display: inline-block; margin: 0 20px 0 20px;}
 

#contents-inner-page .online .items .notes{ text-align: left; background: #f4f4f4; padding: 35px 40px 40px 40px; font-size: 15px; color: #000000; border-radius: 10px;}
#contents-inner-page .online .items .notes h4{font-size: 24px; font-weight: bold; color: #0aa3c9; border: none; border-bottom: 1px dotted #0aa3c9; padding: 0 0 16px 0; margin: 0 0 25px 0; letter-spacing: 0.03em;}
#contents-inner-page .online .items .notes li{ text-indent: -16px; margin-left: 16px;}


/*---- 予約フォーム ----*/
#contents-inner-page .online .reservation_form{ background: #fffcdf; padding: 80px 0 80px; font-size: 16px; line-height: 1.61; letter-spacing: 0.03em;}

#contents-inner-page .online .reservation_form h2{ margin-bottom: 40px;}
#contents-inner-page .online .reservation_form p.center{ text-align: center; margin-bottom: 30px;}

#contents-inner-page .online .reservation_form .form_flow{ text-align: center; margin-bottom: 55px; margin-top: 40px;}

#contents-inner-page .online .reservation_form h3{ font-size: 20px; font-weight: 700; color: #3d3d3d; border: none; border-left: 4px solid #0aa3c9; background: transparent; padding: 8px 10px 7px 15px; margin: 0 0 35px 0; border-radius: 0; letter-spacing: 0.03em; line-height: 1; }

#contents-inner-page .online .reservation_form table.form{ border-top: 1px dotted rgba(0,0,0,0.3);}
#contents-inner-page .online .reservation_form table.form + h3{ margin-top: 60px;}
#contents-inner-page .online .reservation_form table.form th,
#contents-inner-page .online .reservation_form table.form td{vertical-align: middle; border-bottom: 1px dotted rgba(0,0,0,0.3); padding: 15px 0 15px 0;}
#contents-inner-page .online .reservation_form table.form th{ width: 220px;}

#contents-inner-page .online .reservation_form table.form label { background-color: transparent !important; position: relative; padding: 0 0 0 27px; margin-right: 20px; cursor: pointer; transition: .3s;}
#contents-inner-page .online .reservation_form table.form label:hover{opacity: .7;}
#contents-inner-page .online .reservation_form table.form input[type="radio"] {display: none;}
#contents-inner-page .online .reservation_form table.form input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:-1px; left:0; background-color: #ffffff; border: 1px solid #c6c6c6; width: 20px; height: 20px; border-radius: 50%;}
#contents-inner-page .online .reservation_form table.form input[type="radio"]:checked + label{color: #0aa3c9;}
#contents-inner-page .online .reservation_form table.form input[type="radio"]:checked + label:hover{opacity: 1;}
#contents-inner-page .online .reservation_form table.form input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:2px; left:3px; background-color: #0aa3c9; width: 16px; height: 16px; border-radius: 50%;}

#contents-inner-page .online .reservation_form table.form input[type="text"],#contents-inner-page .online .reservation_form table.form textarea{background-color: #ffffff; border: 1px solid #c6c6c6; border-radius: 8px; padding: 10px 20px 10px 20px; box-sizing: border-box; box-shadow: 0 3px 5px rgba(0,0,0,0.05); vertical-align: middle; margin: 9px 7px 10px 0;}

#contents-inner-page .online .reservation_form table.form input[type="text"].w2,#contents-inner-page .online .reservation_form table.form textarea.w2 { width: 80%;}
#contents-inner-page .online .reservation_form table.form input[type="text"].w3 { width: 100px;}

#contents-inner-page .online .reservation_form table.form strong { color:#2274b4; font-weight:normal; font-size: 15px; margin-bottom: -19px; display: block;}

#contents-inner-page .online .reservation_form table.form .requireLabel{font-size:12px; color:#f6ce1b; position: absolute; top:5px; right:-17px;}
#contents-inner-page .online .reservation_form table.form .example{ opacity: .7; font-size: 14px; margin-left: 10px;}
#contents-inner-page .online .reservation_form table.form th .xsmallText .redText{ background: #dc311f; color: #ffffff; border-radius: 5px; font-size: 11px; padding: 2px 5px 2px 5px; font-weight: normal; margin-left: 9px;}


#contents-inner-page .online .reservation_form table.form td p{ margin: 10px 0 10px 0;}

#contents-inner-page .online .reservation_form .btn{display: block; width: 360px; height: 75px; box-sizing: border-box; text-align: center; border-radius: 50px; background:url("../images/page/online/indent_wh.png") no-repeat center right 40px,#dc311f; background-size: 8px auto; font-size: 22px; font-weight: 700; color: #ffffff; padding: 0 40px 0 0; box-shadow: 0 10px 20px rgba(0,0,0,0.10); letter-spacing: normal; transition: .3s; margin:35px auto 0 auto; border: none; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; cursor: pointer;}
#contents-inner-page .online .reservation_form .btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.10); }


/*---- お問い合わせ ----*/
#contents-inner-page .online .contact_blocks{background:url("../images/page/online/bg_blue.jpg") repeat; padding: 80px 0 80px; text-align: center;}

#contents-inner-page .online .contact_blocks h2{ margin-bottom: 60px;}

#contents-inner-page .online .contact_blocks .tel{ margin-right: 20px; width: 450px; display: inline-block; vertical-align: text-bottom;}
#contents-inner-page .online .contact_blocks .tel .h{ background: #ffffff; text-align: center; padding: 6px 0 5px 0; font-size: 17px; font-weight: 700; color: #0aa3c9; border-radius: 20px; line-height: 1.31; box-sizing: border-box; margin-bottom: 10px;}
#contents-inner-page .online .contact_blocks .tel p{ text-align: center; letter-spacing: 0.16em;}
#contents-inner-page .online .contact_blocks .tel p > a{ font-size: 52px; color: #ffffff; font-family:'Century Gothic', Helvetica, Arial, sans-serif; font-weight: 500; display: block; line-height: 1;}
#contents-inner-page .online .contact_blocks .tel p > a:before{ display: inline-block; content: "";  background:url("../images/page/online/icon_tel_ye_b.png") no-repeat; background-size: 57px auto; width: 57px; height: 44px; vertical-align: middle; margin:0 10px 12px -5px;}
#contents-inner-page .online .contact_blocks .tel p > span{display: block; font-size: 15px; color: #ffffff; opacity: .7; margin: 0 0 0 15px; line-height: 1;}

#contents-inner-page .online .contact_blocks .mail{display: inline-block; margin-left: 20px; vertical-align: text-bottom;}
#contents-inner-page .online .contact_blocks .mail .btn_contact{display: block; width: 450px; height: 120px; box-sizing: border-box; text-align: center; border-radius: 60px; background: #ffec44; font-size: 28px; font-weight: 700; color: #202020; padding-top: 22px; box-shadow: 0 10px 20px rgba(0,0,0,0.10); letter-spacing: normal; transition: .3s;}
#contents-inner-page .online .contact_blocks .mail .btn_contact > span{ display: block; font-size:15px; font-weight: normal;}
#contents-inner-page .online .contact_blocks .mail .btn_contact:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.10); }



/*---- 画面右下固定ボタン ----*/
#contents-inner-page .online .contact_fixed{ display: none; position: fixed; bottom:35px; right:50px; z-index: 999; transition: .3s;}
#contents-inner-page .online .contact_fixed .btn_yoyaku{ width: 220px; height: 220px; background: #dc311f; display: block; border-radius: 50%; box-shadow: 0 10px 20px rgba(0,0,0,0.10); text-align: center; padding-top: 41px; color: #ffffff; font-size: 20px; font-weight: 700; box-sizing: border-box; transition: .3s; line-height: 1.61; letter-spacing: 0.03em;}
#contents-inner-page .online .contact_fixed .btn_yoyaku:before{ display: block; content: "";  background:url("../images/page/online/icon_yoyaku.png") no-repeat; background-size: 43px auto; width: 43px; height: 55px; margin:0 auto 16px auto;}
#contents-inner-page .online .contact_fixed .btn_yoyaku span{ color: #ffec44;}
#contents-inner-page .online .contact_fixed .btn_yoyaku:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.10); }