@charset "utf-8";


/*================================
フリーページ共通
================================*/
#contents-inner-page { /*width:670px; margin-left:80px;*/ }
#contents-inner-page p {margin:0;font-size:16px;}
#contents-inner-page ul{}
#contents-inner-page ul > li{margin-bottom: 13px;margin-left: 10px;margin-right: 10px;border-bottom: 1px dotted #ccc;padding: 0 0 13px 0;}

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

#wrap-outer_1col #wrap2 #contents #contents-inner-page { width:auto; margin-left:0; }

#contents-inner-page .borderTable{ background-color:#fff;   }

/* */
#contents-inner-page #corona{ width:1000px; margin:0 auto 0 auto;font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; font-weight: 500;}
#contents-inner-page #corona .main_image{position:relative; height:346px; z-index:100;}
#contents-inner-page #corona .main_h{font-weight:bold; color:#29a0ce; margin:0 auto 40px auto; width:640px; text-align:center; padding-top:61px;}
#contents-inner-page #corona .main_h_ttl{font-size:50px; border-style:none; text-align:center; position:relative;}
#contents-inner-page #corona .main_h_ttl::after{position: absolute; content: ""; bottom: 10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 471px; height: 26px; background: url(/contents/images/page/corona/main_txt_bg01.png) top left no-repeat; z-index:-1;}

#contents-inner-page #corona .main_text {font-size: 35px; position:relative;}
#contents-inner-page #corona .main_text::after{position: absolute; content: ""; bottom: -5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 631px; height: 25px; background: url(/contents/images/page/corona/main_txt_bg02.png) top left no-repeat; z-index:-1;}
#contents-inner-page #corona .main_text .text_color {color:#0e84b0;}
#contents-inner-page #corona .main_image p {margin:auto; width:600px; text-align:center; font-size:16px;}

#contents-inner-page #corona .main_img01{position:absolute; left:0; bottom:0;}
#contents-inner-page #corona .main_img02{position:absolute; right:0; bottom:0;}
#contents-inner-page #corona .main_bg_l{position:absolute; left:-75px; top:36px;}
#contents-inner-page #corona .main_bg_r{position:absolute; right:-75px; top:36px;}

#contents-inner-page #corona .menu { background:url(/contents/images/page/corona/list_bg.png) repeat left top;}
#contents-inner-page #corona .menu ul { display:flex;justify-content: center;}
#contents-inner-page #corona .menu ul li:nth-of-type(2),#contents-inner-page #corona .menu ul li:nth-of-type(3) { box-sizing:border-box; border-left:solid 1px rgba(255,255,255,0.4);}

/*3menu*/
#contents-inner-page #corona .menu ul li{ padding:0 67px 0 67px;}

/*4menu*/
/*#contents-inner-page #corona .menu ul li:nth-of-type(1){ width:349px; height:70px;}
#contents-inner-page #corona .menu ul li:nth-of-type(2){ width:248px; height:70px;}
#contents-inner-page #corona .menu ul li:nth-of-type(3){ width:250px; height:70px;}
#contents-inner-page #corona .menu ul li:nth-of-type(4){ width:249px; height:70px;}*/

#contents-inner-page #corona .menu ul li a { text-decoration:none; color:#fff; font-size:16px; text-align:center; display:block; padding:16px 0 0 0; box-sizing:border-box; height:70px;}
#contents-inner-page #corona .menu_text { font-size:12px; display:block; margin-top:-2px;}

#contents-inner-page #corona .block1 .title { margin:0 0 25px 0; font-size:50px; line-height:1.4; color:#29a0ce; text-align:left; border-style:none; font-weight:bold;}
#contents-inner-page #corona .block1 p { margin:37px 0 0 8px; line-height:1.8; font-size:16px;}
#contents-inner-page #corona .subtext1 { background:url(/contents/images/page/corona/subtext1_bg.png) repeat left top; color:#fff; font-size:18px;
padding:11px 0 0 26px; box-sizing:border-box; margin:0 0 0 8px; height:30px;}
#contents-inner-page #corona .text_weight {font-weight:bold;}
#contents-inner-page #corona .block1 .tb1 { margin:77px 0 60px 0;}

#contents-inner-page #corona .block2 { margin:77px 0 0 0;}
#contents-inner-page #corona .block2 .title { font-size:50px; font-weight:bold; color:#29a0ce; text-align:center; border-style:none; margin:77px 0 0 0;}
#contents-inner-page #corona .block2 .block2_text { text-align:center; font-size:16px; margin:32px 0 49px 0; line-height:1.8;}
#contents-inner-page #corona .subtext2 { width:393px; height:31px; background:url(/contents/images/page/corona/subtext2_bg.png) repeat left top;
color:#fff; font-size:18px; text-align:center; margin: 12px auto 0 auto; padding:11px 0 0 0px; box-sizing:border-box; }
#contents-inner-page #corona .block2 .subtitle { font-size: 28px; font-weight:bold; color:#ffa365; position:absolute; top:0; left:388px; padding: 0 1px 0 1px; transform: translateY(-50%); background-color:#fffaf3;}
#contents-inner-page #corona .store { border:solid 3px #ffa365; border-radius:1%; text-align:center; position:relative;}

#contents-inner-page #corona .txt_area { text-align:center; padding:26px 0 26px 0;}
#contents-inner-page #corona .txt_area h4 {color:#e9975f; font-size:20px; margin:-10px 0 0 0;}
#contents-inner-page #corona h4::after {display:block; content:""; width:20px; height:2px; margin:10px auto 16px auto;}
#contents-inner-page #corona ul.inner { display:flex; flex-wrap: wrap; align-items: stretch; margin:47px 0 40px 0;}
#contents-inner-page #corona .inner li { width:275px; box-sizing:border-box;}
#contents-inner-page #corona .inner li .img_area {position:relative; margin-bottom:0;}
#contents-inner-page #corona .inner li:nth-of-type(1){margin:0 0 0 44px;}
#contents-inner-page #corona .inner li:nth-of-type(2){margin:0 40px 0 40px;}
#contents-inner-page #corona .inner li:nth-of-type(4){margin:26px 0 0 44px;}
#contents-inner-page #corona .inner li:nth-of-type(5){margin:26px 40px 0 40px;}

#contents-inner-page #corona .block2 .txt_area { background-color:#fff;}
#contents-inner-page #corona .block2 .txt_area p {font-size:14px; line-height:1.6;}
#contents-inner-page #corona .block2 h4::after {background-color:#e9975f;}

#contents-inner-page #corona .block3 {margin:72px 0 0 0;}
#contents-inner-page #corona .block3 .subtitle { font-size: 28px; font-weight:bold; color:#80cabd; position:absolute; top:0; left:374px; padding: 0 1px 0 1px; transform: translateY(-50%); background-color:#fffaf3;}
#contents-inner-page #corona .customer { border:solid 3px #80cabd; border-radius:1%; position:relative;}
#contents-inner-page #corona .block3 .txt_area { background-color:#fff;}
#contents-inner-page #corona .block3 .txt_area h4 {color:#6db9ac; font-size:20px;}
#contents-inner-page #corona .block3 .txt_area p {font-size:14px; line-height:1.6;}
#contents-inner-page #corona .block3 h4::after { background-color:#6db9ac;}

#contents-inner-page #corona .block4 {margin:72px 0 0 0;}
#contents-inner-page #corona .block4 .subtitle { font-size:28px; font-weight:bold; color:#4eaed3; position:absolute; top:0; left:374px; padding: 0 1px 0 1px; transform: translateY(-50%); background-color:#fffaf3;}
#contents-inner-page #corona .employee { border:solid 3px #4eaed3; border-radius:1%; position:relative;}
#contents-inner-page #corona .block4 .txt_area { background-color:#fff;}
#contents-inner-page #corona .block4 .txt_area h4 {color:#46a0c2; font-size:20px;}
#contents-inner-page #corona .block4 .txt_area p {font-size:14px; line-height:1.6;}
#contents-inner-page #corona .block4 h4::after {background-color:#46a0c2;}

#contents-inner-page #corona .block5 {margin:77px 0 57px 0;}
#contents-inner-page #corona .block5 .title { margin:0 0 20px 0; font-size:50px; font-weight:bold; color:#29a0ce; text-align:left; border-style:none;
padding:10px 0 0 5px;}
#contents-inner-page #corona .block5 p { margin:38px 0 0 10px; line-height:1.8;}
#contents-inner-page #corona .block5 .contact {text-align:center;}
#contents-inner-page #corona .block5 .contact a {border-radius:40px; text-decoration:none; color:#000; width:450px; height:81px; display:block;  background:url(/contents/images/page/corona/contact_btn_bg.png) repeat left top; margin:auto; font-size:22px; font-weight:bold; color:#fff; border-bottom:5px solid #ddd; padding-top:19px; box-sizing:border-box; position:relative;}
#contents-inner-page #corona .block5 .contact a:before {background:url(/contents/images/page/corona/contact_btn_arrow.png) no-repeat left center; display:block; content:""; width:25px; height:26px; position:absolute; right:30px; top:24px; background-size:25px 26px;}
#contents-inner-page #corona .block5 .contact a span{color:#f3e678;}

#contents-inner-page #corona .block6 .title { font-size:50px; font-weight:bold; color:#29a0ce; text-align:center; border-style:none; margin:0 0 12px 0;}
#contents-inner-page #corona .block6 .block6_text { font-size:16px; line-height:1.6; text-align:center; margin:33px auto 0 auto; text-align:left;}
#contents-inner-page #corona .block6 .wrap_img1 { text-align:center;}
#contents-inner-page #corona .block6 .wrap_img1 img{ margin:39px 12px 0 12px;}
#contents-inner-page #corona .subtext3 { width:441px; height:31px; background:url(/contents/images/page/corona/subtext3_bg.png) repeat left top;
color:#fff; font-size:18px; text-align:center; margin: 0px auto 0 auto; padding:11px 0 0 0px; box-sizing:border-box; }
#contents-inner-page #corona .block6 .div1{ margin:30px 0 30px 0; text-align:center;}


#contents-inner-page #corona .block7 { background-color:#e8f9ff; margin:44px 0 0 0;}
#contents-inner-page #corona .block7 .title { padding:36px 0 0 0; color:#29a0ce; text-align:center; font-size:22px;}
#contents-inner-page #corona .block7 p { margin:20px 0 0 0; font-size:14px; text-align:center; line-height:1.8}
#contents-inner-page #corona .block7 .title::after {display:block; content:""; width:20px; height:2px; background-color:#29a0ce; margin:15px auto 0 auto;}

#contents-inner-page #corona .block7 .wrap_img2{ text-align:center; margin:17px 0 0px 0;}

#contents-inner-page #corona .block7 .wrap_img2 img{ margin:0 9px 39px 9px;}


/* groupサイト */
#contents-inner-page #group table{ margin:0 3% 0 3%; width:94% !important; border-bottom:1px solid #eee;}
#contents-inner-page #group table td{ padding:0px 10px 25px 10px; vertical-align:top;}
#contents-inner-page #group table td:nth-child(1){ width:150px; padding-right:30px;}
#contents-inner-page #group table td img{ width:150px !important; height:auto !important;}


/*================================
中古をリフォームしよう
================================*/
#contents-inner-page .renovation{width: 100vw; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw);}
@media print, screen and (max-width: 1250px) {
	#contents-inner-page .renovation{  width: 1250px; margin: 0 0 0 -75px;}
}

#contents-inner-page .renovation .inn{ width: 1200px; margin: auto;}
#contents-inner-page .renovation p {margin:0;font-size:16px;}
#contents-inner-page .renovation ul{}
#contents-inner-page .renovation ul > li{margin: 0;border-bottom: none;padding: 0;}
#contents-inner-page .renovation .sp{display: none;}

/* main */
#contents-inner-page .renovation .main{ margin-bottom: 60px;}
#contents-inner-page .renovation .main img{ width: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.06);}

/* nayami */
#contents-inner-page .renovation .nayami{ background:#ffffff;}
#contents-inner-page .renovation .nayami h2{font-size: 48px;font-weight: bold;color: #004680;padding: 0;margin-bottom: 75px; text-shadow: 2px 2px 0 rgba(0,0,0,0.1); line-height: 1.5em;}
#contents-inner-page .renovation .nayami h2 span{display: inline; border-bottom:1px solid;}
#contents-inner-page .renovation .nayami h2 small{ font-size: 80%; font-weight: bold; border-bottom:1px solid;}

#contents-inner-page .renovation .nayami .list{display: flex;justify-content: space-around;flex-wrap: wrap; margin: 0 10px 5px 10px;}
#contents-inner-page .renovation .nayami .list li{font-size: 26px; font-weight: bold; color: #3c3c3c; border-radius: 10px; padding: 17px 0 0 90px; height: 80px; box-sizing: border-box; margin-bottom: 20px; overflow: hidden; position: relative; z-index: 0;}
#contents-inner-page .renovation .nayami .list li:before{display: block; content: ""; position: absolute; top:0; left:0; background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 4px); width: 100%; height: 100%; z-index: -1;}
#contents-inner-page .renovation .nayami .list li:nth-child(odd){width: 600px;}
#contents-inner-page .renovation .nayami .list li:nth-child(even){width: 540px;}
#contents-inner-page .renovation .nayami .list li strong{font-weight: bold; color: #2878bb;}
#contents-inner-page .renovation .nayami .list li:after{display: block; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: -2;}
#contents-inner-page .renovation .nayami .list li:nth-child(1):after{background: url("../images/page/renovation/nayami_icon01.png") no-repeat center left -19px,#ecf6ff;}
#contents-inner-page .renovation .nayami .list li:nth-child(2):after{background: url("../images/page/renovation/nayami_icon02.png") no-repeat center left -3px,#e6f7fd;}
#contents-inner-page .renovation .nayami .list li:nth-child(3):after{background: url("../images/page/renovation/nayami_icon03.png") no-repeat center left -14px,#ecf9fb;}
#contents-inner-page .renovation .nayami .list li:nth-child(4):after{background: url("../images/page/renovation/nayami_icon04.png") no-repeat center left 5px,#f1fdfa;}
#contents-inner-page .renovation .nayami .list li:nth-child(5):after{background: url("../images/page/renovation/nayami_icon05.png") no-repeat center left -8px,#f4fcf8;}
#contents-inner-page .renovation .nayami .list li:nth-child(6):after{background: url("../images/page/renovation/nayami_icon06.png") no-repeat center left -8px,#f8fcf4;}

#contents-inner-page .renovation .nayami .list li:nth-child(2) strong{color: #2191ba;}
#contents-inner-page .renovation .nayami .list li:nth-child(3) strong{color: #269db2;}
#contents-inner-page .renovation .nayami .list li:nth-child(4) strong{color: #26b296;}
#contents-inner-page .renovation .nayami .list li:nth-child(5) strong{color: #30ae6e;}
#contents-inner-page .renovation .nayami .list li:nth-child(6) strong{color: #77ae30;}

#contents-inner-page .renovation .nayami .resolve_img{ display: block; margin-left: -145px;}


/* photo */
#contents-inner-page .renovation .photo_slide img{width: 400px;}

/* merit */
#contents-inner-page .renovation .merit{ margin: 85px 0 0 0;}
#contents-inner-page .renovation .merit h2{ padding: 0; margin: 0 0 85px 0;}

#contents-inner-page .renovation .merit .merit_menu{display: flex;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 80px;}
#contents-inner-page .renovation .merit .merit_menu li{box-sizing: border-box;border-radius: 15px;background: #fffdf0;position: relative; transition: .3s;}
#contents-inner-page .renovation .merit .merit_menu li:has(> a:hover){ background: #f7f07c;}
#contents-inner-page .renovation .merit .merit_menu li a{background: url("../images/page/renovation/merit_indent.png") no-repeat center bottom 13px;color: inherit;padding: 12px 28px 55px 28px;display: flex;height: 100%;box-sizing: border-box;align-items: flex-end;}
#contents-inner-page .renovation .merit .merit_menu li .num{position: absolute;left:0;right:0;top: -23px;margin: auto;text-align: center;z-index: 0;}
#contents-inner-page .renovation .merit .merit_menu li .text{display: block; font-size: 25px; font-weight: bold; color: #3d3d3d; text-align: center;}
#contents-inner-page .renovation .merit .merit_menu li .illust{display: block; margin:0 auto 18px auto; }
#contents-inner-page .renovation .merit .merit_menu li:nth-child(1) .illust{margin-top: 3px; margin-bottom: 15px;}
#contents-inner-page .renovation .merit .merit_menu li:nth-child(2) .illust{margin-top: 3px; margin-bottom: 15px;}
#contents-inner-page .renovation .merit .merit_menu li:nth-child(3) .illust{margin-bottom: 27px;}
#contents-inner-page .renovation .merit .merit_menu li .text strong{color: #ea4454; font-weight: bold;}

#contents-inner-page .renovation .merit .anchor_link{ margin-top: -40px; padding-top: 40px;}

#contents-inner-page .renovation .merit .box{ margin-bottom: 100px;}
#contents-inner-page .renovation .merit .box.merit1{}

#contents-inner-page .renovation .merit .box h2{background: #004680;padding: 60px 0 145px 0;text-align: center;font-weight: 900;color: #ffffff;font-size: 50px;line-height: 1.5em;margin: 0; text-shadow: 3px 3px rgba(0,0,0,0.08); letter-spacing: 0.03em;}
#contents-inner-page .renovation .merit .box.merit2 h2{background: #367ab2;}
#contents-inner-page .renovation .merit .box.merit3 h2{background: #3693b2;}
#contents-inner-page .renovation .merit .box.merit4 h2{background: #34a9ad;}
#contents-inner-page .renovation .merit .box h2 .num{display: block;margin: 0 auto 23px auto;}
#contents-inner-page .renovation .merit .box h2 strong{color: #f3e600;}
#contents-inner-page .renovation .merit .box .wh_bl{background: #ffffff;border-radius: 15px;box-sizing: border-box;padding: 30px;margin: -100px auto 0 auto;position: relative;z-index: 2; box-shadow: 0 0 15px rgba(48,38,6,0.05);}
#contents-inner-page .renovation .merit .box .wh_bl h3{font-size: 24px;border-bottom: 1px solid;padding: 0 0 15px 0;margin: 30px 0 35px 0;color: #367ab2;font-weight: bold;}
#contents-inner-page .renovation .merit .box .wh_bl p{font-size: 18px; line-height: 2.0em; color: #000000;font-weight: 400;}
#contents-inner-page .renovation .merit .box .wh_bl p + p{ margin-top: 30px;}
#contents-inner-page .renovation .merit .box .wh_bl p > strong{font-weight: 500; background:linear-gradient(transparent 60%, #fffdd2 60%);}

#contents-inner-page .renovation .merit .box.merit1 .wh_bl{ display: flex; justify-content: space-between;flex-wrap: nowrap;}
#contents-inner-page .renovation .merit .box.merit1 .wh_bl .img img{border-radius: 10px;}
#contents-inner-page .renovation .merit .box.merit1 .wh_bl .text{width: 775px;}

#contents-inner-page .renovation .merit .box.merit2 .wh_bl{ padding-left: 50px;}
#contents-inner-page .renovation .merit .box.merit2 .wh_bl_inn{ display: flex; justify-content: space-between;flex-wrap: nowrap; flex-direction: row-reverse;}
#contents-inner-page .renovation .merit .box.merit2 .wh_bl .img img{border-radius: 10px;}
#contents-inner-page .renovation .merit .box.merit2 .wh_bl .text{width: 775px;}
#contents-inner-page .renovation .merit .box.merit2 .wh_bl .graph{text-align: center; margin-bottom: 30px;}

#contents-inner-page .renovation .merit .box.merit3 .wh_bl{padding: 50px 215px 100px 215px; overflow: hidden;}
#contents-inner-page .renovation .merit .box.merit3 .wh_bl .bg > img{ position: absolute; top:-5px;}
#contents-inner-page .renovation .merit .box.merit3 .wh_bl .bg > img.img_l{ left: 0;}
#contents-inner-page .renovation .merit .box.merit3 .wh_bl .bg > img.img_r{right: 0;}

#contents-inner-page .renovation .merit .box.merit4 .wh_bl{padding-top:50px;}
#contents-inner-page .renovation .merit .box.merit4 .wh_bl p{ text-align: center; margin-bottom: 50px;}
#contents-inner-page .renovation .merit .box.merit4 .wh_bl h3{color: #34a9ad;}
#contents-inner-page .renovation .merit .box.merit4 .wh_bl .graph{text-align: center; margin-bottom: 30px;}


/* case */
#contents-inner-page .renovation .case{ margin-bottom: 100px;}
#contents-inner-page .renovation .case h2.sub_tit{text-align: center; font-size: 60px; text-align: center; font-weight: 500; color: #373737; position: relative; z-index: 0;padding: 0; margin-bottom: 50px;}
#contents-inner-page .renovation .case h2.sub_tit:before{ display: block; content: ""; width: 100%; height: 1px; background: #282828; top:50%; left:0; position: absolute; z-index: 0;}
#contents-inner-page .renovation .case h2.sub_tit span{ background: #ffffff; display: inline-block; padding: 0 40px 0 40px; position: relative; z-index: 2;}

#contents-inner-page .renovation .case .box{background: #f4f8fb; border-radius: 15px; padding: 0 42px 45px 42px; box-sizing: border-box; margin: 0 0 65px 0; overflow: hidden; border: 2px solid #2175ba;}
#contents-inner-page .renovation .case .box h3 {font-size: 34px;font-weight: bold;color: #ffffff;padding: 26px 42px 25px 42px;margin: 0 -42px 40px -42px;background: #2175ba;}
#contents-inner-page .renovation .case .box h3 span.tag {display: inline-block;background: #ffffff;font-size: 20px;color: #2175ba;font-weight: bold;padding: 4px 30px 8px 30px;border-radius: 15px;margin: 0 0 18px 0;letter-spacing: 0.03em;}
#contents-inner-page .renovation .case .box h3 span.tag strong {font-weight: bold;font-size: 25px;display: inline-block;margin: 0 2px 0 3px;}

#contents-inner-page .renovation .case .box .img_bl {display: flex;justify-content: space-between;align-content: flex-start;flex-wrap: nowrap;padding: 0 0 35px 0;margin: 0 0 35px 0;border-bottom: 1px dotted rgba(63, 63, 63, 0.3);}
#contents-inner-page .renovation .case .box .img_bl:last-child{ border: none;padding: 0;margin: 0;}
#contents-inner-page .renovation .case .box .img_bl h4{font-size: 26px; font-weight: bold; color: #4d4d4d; padding: 0; margin: 0; position: relative;}
#contents-inner-page .renovation .case .box .img_bl h4:before{ display: inline-block; vertical-align: middle; content: ""; width: 5px; height: 25px; background: #2175ba; border-radius: 3px; margin: 0 12px 7px 0;}
#contents-inner-page .renovation .case .box .img{display: flex;justify-content: space-between;align-content: flex-start;flex-wrap: nowrap;width: 890px;}
#contents-inner-page .renovation .case .box .img > div{ position: relative; box-shadow: 8px 8px 15px rgba(0,0,0,0.05);}
#contents-inner-page .renovation .case .box .img .before,#contents-inner-page .renovation .case .box .img .after{width: 415px; height: 298px;}
#contents-inner-page .renovation .case .box .img img{ width: 100%; height: 100%; object-fit: cover; border:6px solid #ffffff; box-sizing: border-box;}
#contents-inner-page .renovation .case .box .img .before:before{display: block; content: ""; background: url("../images/page/renovation/icon_before.png") no-repeat; width: 87px; height: 30px; position: absolute; top:0; left:0;}
#contents-inner-page .renovation .case .box .img .before:after{display: block; content: ""; background: url("../images/page/renovation/case_indent.png") no-repeat; width: 41px; height: 43px; position: absolute; top:50%; right:-50px; margin-top: -18px;}
#contents-inner-page .renovation .case .box .img .after:before{display: block; content: ""; background: url("../images/page/renovation/icon_after.png") no-repeat; width: 96px; height: 40px; position: absolute; top:0; left:0;}

#contents-inner-page .renovation .case .text{display: flex;justify-content: space-between; align-items: flex-end;margin-top: -70px;}
#contents-inner-page .renovation .case .text h4{font-family: "Urbanist", sans-serif; font-weight: 500; color: #3d3d3d; letter-spacing: 0.06em; line-height: 1.61; padding: 0; margin: 0 0 15px 0; font-size: 26px;}

#contents-inner-page .renovation .case .reform_data{width: 390px; box-sizing: border-box;}
#contents-inner-page .renovation .case .reform_data table{border-top: 1px dotted rgba(0,0,0,0.3);font-size: 16px;font-weight: 400;color: #000000;width: 100%;}
#contents-inner-page .renovation .case .reform_data th,#contents-inner-page .renovation .case .text .reform_data td{border-bottom: 1px dotted rgba(0,0,0,0.3);padding: 9px 0 11px 0;}
#contents-inner-page .renovation .case .reform_data th{font-weight: 500;width: 150px;box-sizing: border-box;}

#contents-inner-page .renovation .case .comment{padding: 14px 30px 25px 30px;margin: 105px 0 0 0;background: #ffffff;width: 665px;border-radius: 10px;box-sizing: border-box;color: #2175ba; position: relative;}
#contents-inner-page .renovation .case .comment:before{ display: block; content: ""; width:0;height:0;border-style:solid;border-width: 0 8.5px 13px 8.5px;border-color: transparent transparent #FFFFFF transparent; position: absolute; top:-12px; left:60px;}
#contents-inner-page .renovation .case .comment h4{font-size: 22px;font-weight: bold;text-decoration: underline;color: #2175ba;margin-bottom: 10px;}
#contents-inner-page .renovation .case .comment p{ font-size: 18px; font-weight: 400; line-height: 1.8em;}

#contents-inner-page .renovation .case .box.yellow{background: #eff7f9;}
#contents-inner-page .renovation .case .box.yellow .img .after:before{background: url("../images/page/renovation/icon_after_b.png") no-repeat;}
#contents-inner-page .renovation .case .box.yellow h3{color: #3693b2;}
#contents-inner-page .renovation .case .box.yellow h3 span.tag{background: #3693b2;}
#contents-inner-page .renovation .case .box.yellow .comment{color: #3693b2;}
#contents-inner-page .renovation .case .box.yellow .comment h4{color: #3693b2;}

#contents-inner-page .renovation .case .box.green{background: #eff8f9;}
#contents-inner-page .renovation .case .box.green .img .after:before{background: url("../images/page/renovation/icon_after_c.png") no-repeat;}
#contents-inner-page .renovation .case .box.green h3{color: #34a9ad;}
#contents-inner-page .renovation .case .box.green h3 span.tag{background: #34a9ad;}
#contents-inner-page .renovation .case .box.green .comment{color: #34a9ad;}
#contents-inner-page .renovation .case .box.green .comment h4{color: #34a9ad;}


/* point */
#contents-inner-page .renovation .point{ padding: 40px 0 80px 0; margin: 0; position: relative; z-index: 0;}
#contents-inner-page .renovation .point:before{display: block; content: ""; position: absolute; top:0; left:0; background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06) 3px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 6px); width: 100%; height: 100%; z-index: -1;}
#contents-inner-page .renovation .point:after{display: block; content: ""; position: absolute; top:0; left:0; background: #367ab2; width: 100%; height: 100%; z-index: -2;}
#contents-inner-page .renovation .point .inn{ width: 90%; max-width: 1400px; min-width: 1200px;}
#contents-inner-page .renovation .point h2{ padding: 0; margin: 0 0 90px 0;}
#contents-inner-page .renovation .point h2 img{display: block;margin: 0 auto 0 auto;position: relative;}
#contents-inner-page .renovation .point .list{display: flex;justify-content: space-between;align-content: flex-start;flex-wrap: nowrap;}
#contents-inner-page .renovation .point .list li{width: 32%; box-sizing: border-box; background: #ffffff; border-radius: 15px; padding: 25px 20px 20px 20px;}
#contents-inner-page .renovation .point .list li p{text-align: center;font-size: 28px;font-weight: 900;color: #333333;line-height: 1.5em;letter-spacing: 0.03em;}
#contents-inner-page .renovation .point .list li p > .num {display: block;font-family: "Playwrite GB S", cursive;font-weight: 400;color: #004680;letter-spacing: normal;line-height: 1.61;padding: 0;margin: 0 0 12px 0;font-size: 22px;}
#contents-inner-page .renovation .point .list li .img{margin-top: 30px;}
#contents-inner-page .renovation .point .list li .img > img{border-radius: 10px; width: 100%;}


/* voice */
#contents-inner-page .renovation .voice{padding: 65px 0 0 0; margin-bottom:130px;}
#contents-inner-page .renovation .voice h2.normal_tit{margin-bottom: 45px;}
#contents-inner-page .renovation .voice_list .slick-list{overflow: inherit;}
#contents-inner-page .renovation .voice_list .slick-track{ display: flex; align-items: stretch;}
#contents-inner-page .renovation .voice_list .box{width: 465px;height: auto; min-height: 300px; background: #ecf4fa;margin: 0 13px 0 13px;padding: 30px 35px 35px 35px;box-sizing: border-box; opacity: .7; transition: .3s; border-radius: 30px;}
#contents-inner-page .renovation .voice_list .box.slick-current{ opacity: 1; margin: 0 22px 0 22px;}
#contents-inner-page .renovation .voice_list h3{font-size: 24px;font-weight: bold;color: #2175ba;padding: 0;margin: 0 0 18px 0;line-height: 1.6em;}
#contents-inner-page .renovation .voice_list p{font-size: 16px;line-height: 1.9em;font-weight: 400;color: #333333;}

#contents-inner-page .renovation .voice_list .slick-dots{ bottom: -35px;}
#contents-inner-page .renovation .voice_list .slick-dots li button:before{ font-size: 11px;}

#contents-inner-page .renovation .voice_list .slick-prev,#contents-inner-page .renovation .voice_list .slick-next{ left: 0; right: 0; margin: auto; z-index: 999; width: 20px; height: 28px; transition: .3s;}
#contents-inner-page .renovation .voice_list .slick-prev{left: -498px;}
#contents-inner-page .renovation .voice_list .slick-next{right: -505px;}
#contents-inner-page .renovation .voice_list .slick-prev:before,#contents-inner-page .renovation .voice_list .slick-next:before{ display: block; background:url("../images/page/renovation/voice_indent.png") no-repeat center; content: ""; opacity: 1; width: 16px; height: 28px; transition: .3s;}

#contents-inner-page .renovation .voice_list .slick-next:before{transform:rotate(180deg);}

#contents-inner-page .renovation .voice_list .slick-prev:hover:before,#contents-inner-page .renovation .voice_list .slick-next:hover:before{ opacity: .7;}



/* faq */
#contents-inner-page .renovation .faq{background: url(../images/top/main/bg.jpg) repeat; padding: 75px 0 110px 0;}

#contents-inner-page .renovation .faq .f_box{box-shadow: 0 0 15px rgba(48,38,6,0.05);}
#contents-inner-page .renovation .faq .f_box + .f_box{margin-top: 60px;}
#contents-inner-page .renovation .faq .f_box h3{ background: #ffffff; border-radius: 30px 30px 0 0; overflow: hidden; font-size: 26px; font-weight: bold; color: #ea4454; padding: 25px 25px 25px 105px; box-sizing: border-box; margin: 0 0 2px 0; position: relative;}
#contents-inner-page .renovation .faq .f_box h3:before{content: "Q"; display: block; width: 76px; text-align: center; height: 100%; background: #ea4454; top:0; left:0; font-family: "Urbanist", sans-serif;font-weight:600;color: #ffffff;line-height: 1.61;padding: 0;margin: 0;font-size: 45px; position: absolute;}
#contents-inner-page .renovation .faq .f_box .text{background: #e5f1fa;border-radius: 0 0 30px 30px;overflow: hidden;padding: 25px 25px 30px 105px;box-sizing: border-box;position: relative;}
#contents-inner-page .renovation .faq .f_box .text:before{content: "A"; display: block; width: 76px; text-align: center; height: 100%; background: #2175ba; top:0; left:0; font-family: "Urbanist", sans-serif;font-weight:600;color: #ffffff;line-height: 1.61;padding: 0;margin: 0;font-size: 45px; position: absolute;}
#contents-inner-page .renovation .faq .f_box .text p{font-size: 18px;font-weight: 500;line-height: 2.0em;color: #3e3e3e;letter-spacing: 0.03em;}
#contents-inner-page .renovation .faq .f_box .text p + p{ margin-top: 30px;}


/* contact */
#contents-inner-page .renovation .contact{background: #fffdd4;margin: 0 0 55px 0;padding: 0 0 71px 0;}

#contents-inner-page .renovation .contact .h{position: relative;z-index: 1;box-sizing: border-box;padding: 55px 0 0 386px;min-height: 380px;}
#contents-inner-page .renovation .contact .h .contact_img {position: absolute;top: 3px;left: -85px;z-index: -1;}
#contents-inner-page .renovation .contact .h h2 {padding: 0 0 13px 0;margin: 0 0 29px -5px;font-size: 55px;font-weight: bold;color: #2072b8;text-shadow: 2px 2px #ffffff;text-align: left;letter-spacing: -0.03em;border-bottom: 1px solid #020202;}
#contents-inner-page .renovation .contact .h h2 > small{display: block;font-size: 36px;font-weight: bold;margin: 0 0 -5px 10px; color: #393939;}
#contents-inner-page .renovation .contact .h p{font-size: 20px; font-weight: 500; color: #3d3d3d; line-height: 2.0em;}

#contents-inner-page .renovation .contact .btn_blocks{ position: relative; z-index: 2; display: flex;justify-content: space-between;flex-wrap: nowrap; margin: 0 0 0 386px;}
#contents-inner-page .renovation .contact .btn_blocks > div{ width: 397px;}
#contents-inner-page .renovation .contact .btn_blocks > div a{display: block;background: #fffbe8;text-align: center;height: 140px;border-radius: 15px;box-sizing: border-box;position: relative;transition: .3s;font-size: 30px;font-weight: bold;color:#b7282e;padding-top: 51px; box-shadow: 0 4px 0 rgba(0,0,0,0.1); text-shadow: 2px 2px 0 rgba(0,0,0,0.15);}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.mail a{background: #F0586C; background: linear-gradient(180deg, rgba(240, 88, 108, 1) 0%, rgba(228, 49, 60, 1) 100%); color:#fff; border: 2px solid #a50011;}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.reserve a{background: #F0586C; background: linear-gradient(180deg, #f7c105 0%, #f08e03 100%); color:#fff; font-size: 24px; border: 2px solid #bd8100;}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.tel a{box-shadow: none;padding-top: 49px;}

#contents-inner-page .renovation .contact .btn_blocks > div a span.speech_bubble{display: block;width: 320px;height: 47px;background: #ffe2e5;font-size: 16px;font-weight: bold;color: #ea4454;text-align: center;box-sizing: border-box;padding-top: 10px;text-shadow: none;position: absolute;top:-20px;left:0;right: 0;margin: auto;letter-spacing: 0.03em;z-index: 0;border-radius: 30px;}

#contents-inner-page .renovation .contact .btn_blocks > div a span.speech_bubble:before{display: block; content: ""; position: absolute; left:0; right: 0; bottom:-11px;width: 0;height: 0;border-style: solid;border-color: #ffe2e5 transparent transparent transparent;border-width: 13px 8.5px 0 8.5px; z-index: 1; margin: auto;}

#contents-inner-page .renovation .contact .btn_blocks > div.btn.tel a span.speech_bubble{color: #e69d00;box-shadow: 2px 2px 10px rgba(144,102,0, 0.1);width: 250px;}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.reserve a span.speech_bubble{color: #e69d00;background: #f8efd9;}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.reserve a span.speech_bubble:before{border-color: #f8efd9 transparent transparent transparent;}

#contents-inner-page .renovation .contact .btn_blocks > div a strong{font-size: 38px;font-weight: 600;display: inline-block;margin: 0 2px 0 2px;}
#contents-inner-page .renovation .contact .btn_blocks > div a:hover{ opacity: 1 !important; transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }
#contents-inner-page .renovation .contact .btn_blocks > div.btn.mail a:hover{background: linear-gradient(180deg, #f38897 0%, #f0576c 100%);}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.reserve a:hover{background: linear-gradient(180deg, #f4d25d 0%, #f6c005 100%);}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.tel a:hover{ transform: translateY(0); box-shadow: none; opacity: 1 !important; cursor:default;}

#contents-inner-page .renovation .contact .btn_blocks > div.btn.tel .num{font-size: 44px;font-weight: 700;font-family: 'Urbanist', sans-serif;line-height: 1em;letter-spacing: 0.06em;}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.tel .num:before{display: inline-block;content: "";background: url("../images/page/renovation/icon_tel.png") no-repeat;width: 31px;height: 31px;vertical-align: middle;margin: 0 10px 4px 0;}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.tel small{display: block;font-size: 14px;text-shadow: none;font-weight: 500;letter-spacing: 0.06em;margin-top: 1px;}

#contents-inner-page .renovation .contact .btn_blocks > div.btn.mail a:after,#contents-inner-page .renovation .contact .btn_blocks > div.btn.reserve a:after{display: inline-block;content: "";background: url("../images/page/renovation/indent_pink.png") no-repeat center,#ffffff;width: 13px;height: 21px;vertical-align: middle;margin: 0 -2px 11px 19px; width: 45px;height: 45px;border-radius: 50%;}
#contents-inner-page .renovation .contact .btn_blocks > div.btn.reserve a:after{background: url("../images/page/renovation/indent_orange.png") no-repeat center,#ffffff;}


/* shop */
#contents-inner-page .store_introduction{position: relative;box-sizing: border-box;margin: 0 0 25px 0;padding: 0;z-index: 5;}
#contents-inner-page .store_introduction .inn{width: 90%;min-width: 1100px;max-width: 1200px;margin: auto;box-sizing: border-box;padding:0;display: flex;justify-content: space-between;align-content: center;flex-wrap: nowrap;}
#contents-inner-page .store_introduction h2.normal_tit { margin-bottom: 50px;}
#contents-inner-page .store_introduction h2.normal_tit .eng{ margin-bottom: 10px;}

#contents-inner-page .store_introduction .box{background: #f2f9fe;border-radius: 20px;box-sizing: border-box;padding: 28px;text-align: left;width: calc(33.333333% - 20px); }

#contents-inner-page .store_introduction .box .img{margin-bottom: 20px;}
#contents-inner-page .store_introduction .box .img img{ border-radius:10px; width: 100%; }
#contents-inner-page .store_introduction .box h3{font-size: 22px;font-weight: bold;color: #2e3a43;margin-bottom: 12px;}
#contents-inner-page .store_introduction .box p{font-size: 16px; color: #2e3a43; font-weight:500;}
#contents-inner-page .store_introduction .box p > .tel{display: block;font-size: 25px;font-weight: bold;color: #004680;margin: 0 0 5px 0;background: url("../images/top/icon_tel.png") no-repeat left top 4px;background-size: 18px auto;min-height: 25px;padding-left: 27px;line-height: 1;box-sizing: border-box;letter-spacing: 0.06em;}

#contents-inner-page .store_introduction .box p > span{ display: inline-block;}
#contents-inner-page .store_introduction .box .btn_area{display: flex;justify-content: flex-start;flex-wrap: nowrap;margin: 20px 0 0 0;}
#contents-inner-page .store_introduction .box .btn_area a{font-size: 13px;font-weight: 500;color: #ffffff;text-align: center;box-sizing: border-box;padding: 7px 21px 7px 21px;margin: 0 6px 0 0;border-radius: 6px;background: #004680;}




/*---------------------------- form ---------------------------*/
#contents-inner-page .estate_kanri .top_form {
margin:0 0 0 0; padding:0; box-sizing:border-box;
background:#fef5e8;
position:relative;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;*/
}

#contents-inner-page .estate_kanri .form_btn_tb {background:#fef5e8;}

#contents-inner-page .estate_kanri .top_form .inn { margin:0 20px 0 20px; padding:0 0 20px 0; box-sizing:border-box;}
#contents-inner-page .estate_kanri .top_form .kane {position:absolute; top:-20px; right:0;}


/* 不動産オンライン査定（contents） */
#contents-inner-page .estate_kanri .top_form table.form2 {margin:0 0 0 0; padding:0; font-size:18px; border-collapse:collapse;}
#contents-inner-page .estate_kanri .top_form table.form2 tr {border-top:1px solid #DDD;} 
#contents-inner-page .estate_kanri .top_form table.form2 th {width:210px; padding:20px 20px 20px 0;}
#contents-inner-page .estate_kanri .top_form table.form2 td {/*width:460px;*/ padding:20px 0 20px 10px;}
#contents-inner-page .estate_kanri .top_form table.form2 th, #contents-inner-page .top_form table.form td {vertical-align:top; box-sizing:border-box;}
#contents-inner-page .estate_kanri .top_form table.form2 input {margin:0 5px 10px 0;}
#contents-inner-page .estate_kanri .top_form table.form2 label {margin:0 15px 0 0;display:inline-block;}
#contents-inner-page .estate_kanri .top_form table.form2 label:last-child {margin:0;}
#contents-inner-page .estate_kanri .top_form table.form2 strong{ font-weight:normal; font-size:16px; color:#090;}
#contents-inner-page .estate_kanri .top_form table.form2 .item {width:100%; background:#000; border-radius:20px; color:#FFF; font-size:80%; font-weight:bold; white-space:nowrap; padding:3px 0 2px 0; text-align:center; float:left; letter-spacing:0.15em; margin-bottom:5px;}
#contents-inner-page .estate_kanri .top_form table.form2 .supplement {color:#9a9a9a;}
#contents-inner-page .estate_kanri .top_form table.form2 .sml {color:#666; font-size:12px; font-weight:normal; display:block; text-align:right;}
#contents-inner-page .estate_kanri .top_form table.form2 .value,
#contents-inner-page .estate_kanri .top_form table.form2 .value_type,
#contents-inner-page .estate_kanri .top_form table.form2 .value_add {}
#contents-inner-page .estate_kanri .top_form table.form2 .value_add br {display:none;}


/* [無料]相談ボタン */
#contents-inner-page .estate_kanri .form_btn_pos {text-align:center;}
#contents-inner-page .estate_kanri .top_form_btn {
width:540px; margin:0 auto 20px auto; padding:12px 12px 10px 45px; box-sizing:border-box;
background:url(../images/top/form_btn_indent.png),-moz-linear-gradient(top, #f06702, #f06702);
background:url(../images/top/form_btn_indent.png),-webkit-linear-gradient(top, #f06702, #f06702);
background:url(../images/top/form_btn_indent.png),linear-gradient(to bottom, #f06702, #f06702);
background:url(../images/top/form_btn_indent.png),-webkit-gradient(linear, left top, left bottom, from(#f06702), to(#f06702));
background-repeat:no-repeat; background-position:5% center;
border-radius:40px; cursor:pointer;
color:#FFF; font-size:30px; letter-spacing:2px; text-decoration:none;
border:none;

}

#contents-inner-page .estate_kanri .top_form table.form2 .item{
    width: 100%;
    background: #fff;
    border-radius: 20px;
    color: #666;
    font-weight: bold;
    white-space: nowrap;
    padding: 7px 5px 5px 5px;
    text-align: center;
    float: left;
    letter-spacing: 0.15em;
	font-size:16px;
	box-sizing:border-box;
	margin:0 10px 0 10px;
}

#contents-inner-page .estate_kanri .jisseki{
	margin:20px 0;
}







/*================================
フリーページ共通
================================*/
#contents-inner-page {margin-bottom: -100px;}
#contents-inner-page p {margin:0;font-size:16px;}

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

#contents-inner-page .pc_none{ display:block;}






/* -- end -- */