@charset "utf-8"; /* CSS Document */ .pcno { display:none;} img { max-width:100%;} #navArea{ display:none;} /*▼ 初期化 ▼*/ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#000;-webkit-text-size-adjust:100%; font-weight:400;font-family:'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;} table { border-collapse:collapse; } ul, li { list-style:none; } h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px; font-size:100%; font-weight:normal;} a { overflow:hidden; outline:none; } img { border:none; vertical-align:bottom; } table td { border:none; vertical-align:top; } .text99 { text-indent:-9999px; } a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; } a:hover { text-decoration:none; } a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; } .kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} /*▲ 初期化 ▲*/ .mb30{ margin-bottom:30px;} .mb50{ margin-bottom:50px;} /*▼エリア・背景設定▼*/ #body-top{background: url(../images/home/hmp.png) center top -400px no-repeat;} #home #body-top{ background: url(../images/home/hmp.png) center top no-repeat;} #wrper{ width:1100px; margin:auto; overflow:hidden; padding-bottom:100px; position:relative;} #mleft { float: left; width:730px; position:relative;} #mright { float: right; width:310px; } h1{ text-indent:-9999px; height:0;} /*▼ヘッダー▼*/ #header{background:rgba(27,75,29,.8);position:relative;overflow:visible;} #header p{ color:#FFF;} #header #hmid{overflow:visible;max-width:1500px;min-width:1100px;margin:auto;} #header .left{ float:left; padding-top:15px;} #header .left a{ display:inline-block; text-decoration:none;} #header .left a img{margin-right:15px;} #header .left a .inner{display:inline-block;} #header .left a .inner p.p-01{ font-size:28px; font-weight:bold; color:#fff;font-family: "Noto Serif JP", serif;} #header .left a .inner p.p-02{ font-size:16px; font-weight:bold; color:#fff; background:#28A7E1;font-family: "Noto Serif JP", serif; text-align:center;} #header .right{ display:inline-block; float:right; overflow:hidden;} #header .right .tb-01{ display: inline-block; text-align:right; vertical-align:middle;} #header .right .tb-01 .p-01{display:flex;justify-content:center;align-items:center; margin-bottom:7px;} #header .right .tb-01 .p-01 span{ font-size:35px;font-family: "Oswald", sans-serif;} #header .right .tb-01 .p-01 img{ position:relative; right:3px; margin-left:10px; top:3px;} #header .right .tb-02{ display: inline-block; margin-left:20px;position:relative; top:23px;} #header .right .tb-02 p{ color:#b8964c; font-size:20px;font-family: "Noto Serif JP", serif; font-size:24px;} #header .right .tb-02 a{ display:block; border:#b8964c solid 1px; padding:10px 20px; text-align:center; text-decoration:none;} /*▼メインナビゲーション▼*/ #dropmenu{display:flex;justify-content:center;align-items:flex-start;text-align:center;padding:30px 0 0;margin:0;clear:both;list-style:none;position:relative;z-index:10000;} #dropmenu > li{display:block;font-size:17px;font-weight:600;text-align:center;padding:0 12px;position:relative;list-style:none;} #dropmenu > li > a{color:#fff;font-family:"Noto Serif JP",serif;text-decoration:none;position:relative;display:block;padding:0 10px 20px;white-space:nowrap;} #dropmenu > li > ul{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:240px;margin:0;padding:0;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2);z-index:10001;list-style:none;} #dropmenu > li:hover > ul{display:block;} #dropmenu ul li{position:relative;display:block;margin:0;padding:0;border-bottom:1px solid #ddd;text-align:left;list-style:none;} #dropmenu ul li:last-child{border-bottom:none;} #dropmenu ul li a{display:block;padding:13px 15px;color:#333;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;background:#fff;white-space:nowrap;} #dropmenu ul li a:hover{color:#fff;background:#333;} #dropmenu ul li > ul{display:none;position:absolute;top:0;left:100%;width:250px;margin:0;padding:0;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2);z-index:10002;list-style:none;} #dropmenu ul li:hover > ul{display:block;} /*▼メインビジュアル▼*/ #mp{ width:1100px;margin:auto;position:relative; height:260px; margin-bottom:50px;} #mp .mp-text p{ color:#FFF;} #mp .mp-text{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;} #mp .mp-text p.p-01{ position:relative;font-size:50px; font-weight:bold; color:#fff;font-family: "Noto Serif JP", serif; padding-bottom:30px;} #mp .mp-text p.p-01::after{ content:""; position:absolute; width:200px; height:2px; background:#b8964c; bottom:0; left:0; right:0; margin:auto;} #hmp{ width:1100px;margin:auto;position:relative; height:662px; margin-bottom:70px;} #hmp .mp-text p{ color:#FFF;} #hmp .mp-text{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;} #hmp .mp-text p.p-01{ position:relative;font-size:50px; font-weight:bold; color:#fff;font-family: "Noto Serif JP", serif; padding-bottom:30px;} #hmp .mp-text p.p-01::after{ content:""; position:absolute; width:200px; height:2px; background:#b8964c; bottom:0; left:0; right:0; margin:auto;} #hmp .img-01{ position:absolute; right:30px; top:30px; border-radius:20px;} /*▼フッター▼*/ #footer { background:#1B4B1D;} #footer #fmid{ width:1100px; margin:auto; padding:50px 0px 5px; text-align:center;} #footer #fmid p{ color:#FFF;} #footer #fmid .p-01{ font-size:30px; font-weight:bold; margin-bottom:20px;} #footer #fmid .text-01{ margin-bottom:30px;} #footer #tamonten { background:#f3eddc; clear:both; text-align:center; font-size:10px; color:#fff; padding:10px 0;} #footer #tamonten a { display:block; cursor:default; color:#333; text-decoration:none; opacity:1; filter:alpha(opacity=100);} .page-top { position:fixed; bottom:70px; right:20px; background-image:url(../images/common/totop.png); width:60px; height:60px; text-indent:-9999px; -ms-filter:"alpha(opacity=80)"; -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; z-index:10; -webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;} #btn-kotei{ position:fixed; right:0; top:100px; font-size:20px;background:rgba(255,255,255,.8); padding:20px 5px 0px 10px; border-radius:20px 0px 0px 20px;} #btn-kotei img{ width:80px; margin-bottom:20px;} #btn-kotei a{ display:block;} /*▼エリア・共通設定▼*/ .bk-01{ background:#F4F1EB;} .bk-02{ background:#FAF8F3;} .bk-03{ background:#7A6D6B;} .box{ width:1100px; margin:auto; padding:70px 0;} .h2-01{ font-size:24px;font-family: "Noto Serif JP", serif; position:relative; padding-bottom:20px; margin-bottom:20px; font-weight:normal;} .h2-01 span{ font-size:16px; font-weight:bold; color:#92722e; display:block;} .h2-01::after{ content:""; position:absolute; width:100px; height:2px; background:#b8964c; bottom:0; left:0;} .h2-02{ font-size:24px;font-family: "Noto Serif JP", serif; position:relative; padding-bottom:20px; margin-bottom:50px; text-align:center; font-weight:normal;} .h2-02 span{ font-size:16px; font-weight:bold; color:#92722e; display:block;} .h2-02::after{ content:""; position:absolute; width:100px; height:2px; background:#b8964c; bottom:0; left:0; right:0; margin:auto;} .h2-03{ font-size:24px;font-family: "Noto Serif JP", serif; position:relative; padding-bottom:20px; margin-bottom:50px;font-weight: bold;} .h2-03::after{ content:""; position:absolute; width:100%; height:2px; background:#b8964c; bottom:0; left:0;} .more-bk{ text-align:center; clear:both;} .more-bk a{ text-decoration:none;} .more-bk .more{ display:inline-block;background: url(../images/common/more-bk.png) no-repeat right 10px top 50%,linear-gradient(to right, #203f6b , #021838);padding:20px 50px; font-size:24px; color:#FFF; border-radius:10px;font-family: "Noto Serif JP", serif;} #box-contact{ clear:both; padding-top:70px; padding-bottom:70px !important;} #box-contact .area-01{} #box-contact .area-01 p{ color:#FFF; text-decoration:none;} #box-contact .area-01 a{ text-decoration:none;} #box-contact .area-01 .p-title{ color:#FFF; font-size:24px;font-family: "Noto Serif JP", serif; text-align:center; margin-bottom:50px;} #box-contact .area-01 .tb-01{display:flex;justify-content:space-between;align-items:stretch;gap:125px;} #box-contact .area-01 .tb-01 .btn a{ text-align:center; width:500px;height:80px; padding:20px 0px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} #box-contact .area-01 .tb-01 .btn-01{} #box-contact .area-01 .tb-01 .btn-01 a{background:radial-gradient(ellipse at center,#dccba8 0%,#c6ad7d 55%,#a8874f 100%);} #box-contact .area-01 .tb-01 .btn-02 a{background:radial-gradient(ellipse at center,#45576a 0%,#354759 55%,#273645 100%);} #box-contact .area-01 .tb-01 .p-01{ font-size:35px;font-family: "Oswald", sans-serif; font-size:36px; color:#FFF;display:flex;justify-content:center;align-items:center;} #box-contact .area-01 .tb-01 .p-01 img{ margin-right:5px; position:relative; top:3px;} #box-contact .area-01 .tb-01 .p-03{ font-size:35px;font-family: "Oswald", sans-serif;font-family: "Noto Serif JP", serif; } /*▼ホーム　home▼*/ #home #box-01{ padding-top:0px;} #home #box-01 .area-01{ overflow:hidden;} #home #box-01 .area-01 img{ float:left;} #home #box-01 .area-01 .right{ width:500px; float:right;} #home #box-02{} #home #box-02 h3{ font-size:20px;font-family: "Noto Serif JP", serif; } #home #box-02 .area-01{ overflow:hidden;} #home #box-02 .area-01 .entry{ width:260px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;float:left; margin-right:20px; padding:50px 0px; background:#FFF;} #home #box-02 .area-01 .entry:last-child{margin-right:0px;} #home #box-02 .area-01 .entry img{ display:block} #home #box-02 .area-01 .entry .text{ padding:0 15px;} #home #box-03{} #home #box-03 .area-01{ display:flex;flex-wrap:wrap;justify-content:space-between;} #home #box-03 .area-01 a{ display:block;width:calc(50% - 8px);margin-bottom:16px;}#home #box-03 .area-01 img{ display:block;max-width:100%;} #home #box-04{} #home #box-04 .area-01{ overflow:hidden; width:900px; margin:auto;} #home #box-04 .area-01 .entry{border-left:#92722e solid 2px; margin-bottom:20px;} #home #box-04 .area-01 .entry a{ background:#FFF; padding:15px; display:block; text-decoration:none;} #home #box-04 .area-01 .entry a:hover{ background:#FAF8F3;} #home #box-04 .area-01 .entry h4{font-family: "Noto Serif JP", serif; color:#92722e;} #home #box-04 .area-01 .entry h5{ font-size:18px;font-family: "Noto Serif JP", serif; font-weight:bold;} #home #box-05{} #home #box-05 .area-01{ display:grid;grid-template-columns:repeat(2,1fr);gap:65px 80px;} #home #box-05 .area-01 a{ display:block;} #home #box-05 .area-01 a:last-child{ grid-column:1 / -1;} #home #box-05 .area-01 img{ display:block;width:100%;height:auto;} /*▼▼▼▼▼会社案内▼▼▼▼▼*/ #company #box-01 .inner{ margin-left:20px;} #company #box-01 .text-01{ text-align:right; margin-bottom:50px;} #company #box-02 table{ width:100%;} #company #box-02 table td{ border:#999 solid 1px; padding:7px; padding-right:0px;} #company #box-02 table td.td-01{ color:#36691C; background-color:#D2EDB6; width:230px; font-weight:bold;} #company .googlemap{ color:#36691C; background-color:#D2EDB6; width:100%; height:300px;font-weight:bold; margin-top:50px;margin-bottom:50px;} /*▼▼▼▼▼お問合せ▼▼▼▼▼*/ #contact #box-01{ background-image: url(../contact/images/box-01.jpg); background-repeat:no-repeat; width:730px; height:166px; margin-bottom:30px; text-indent:-9999px;} .area-mailform table{ width:100%;} .area-mailform table td{ padding:7px; border:#CCC solid 1px; vertical-align:middle;} .area-mailform table td.td-01{ width:180px;font-weight:bold;} .area-mailform table ul li{ margin-bottom:7px;} .area-mailform table ul li:last-of-type{ margin-bottom:0px;} .area-mailform table ul.ul-01 li{ margin-bottom:0px;} .area-mailform table select{ padding:3px; font-size:15px;} .area-mailform table input{ padding:3px; font-size:15px;} .area-mailform table button{ display:block; margin:auto; font-size:20px; padding:0 20px;} .area-mailform .chui{ font-weight:bold; color: #F00;} .area-mailform .p-01{ margin-top:5px;} .area-mailform textarea{width:99%;} .area-mailform .autotext{ margin-bottom:30px;} .area-mailform .p-02{ font-weight:bold;} #box-navi-01{ overflow:hidden;} #box-navi-01 ul{ overflow:hidden;} #box-navi-01 li{ position:relative; display:inline-block;width:48%; float:left; margin-bottom:20px;} #box-navi-01 li:nth-of-type(2n){ float:right;} #box-navi-01 li p{ position:absolute; left:10px; bottom:2px; font-size:30px; font-weight:bold;text-shadow:0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;} #box-navi-01 li a{ color:#ea522a; text-decoration:none;} #box-navi-01 li span{display:inline-block;} #box-navi-01 li span.s-01{} #box-navi-01 li span.s-02{} #box-navi-01 li span.s-03{ font-size:20px; color:#000; margin-right:20px;} /*▼▼▼▼▼D,STYLE01▼▼▼▼▼*/ #d-style01 #mp p span{ font-size:60%;} #d-style01 #box-01{ background:#e2e9fd; padding-bottom:50px;} #d-style01 #box-01 .area-01{ padding:50px 10px; /*margin-bottom:50px;*/} #d-style01 #box-01 .area-01 p{ font-size:18px; font-weight:bold; line-height:2em;} #d-style01 #box-01 .area-01 p.p-01 { font-size:38px; position: relative; padding-top: 1.5em; color: #7f90c7; z-index: 0;text-align:center;margin-bottom:30px;} #d-style01 #box-01 .area-01 p.p-01::before { font-size:100px; position: absolute; bottom: 20px; left: 0; z-index: -1; color: #fff; line-height: 1; content:"FACADE"; pointer-events: none; font-family: "Outfit", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal;} #d-style01 #box-01 .area-01 p.p-02{ padding:0 30px;} #d-style01 .p-box-01 { display: flex; justify-content: space-evenly; flex-wrap: wrap; margin: 0 auto 10px auto;} #d-style01 .p-box-02 { display: flex; justify-content: space-evenly; flex-wrap: wrap; margin: 0 auto 80px auto;} #d-style01 .p-box-01 a { text-decoration: none; color: #fff;} #d-style01 .p-box-02 a { text-decoration: none; color: #fff;} #d-style01 .p-box-01 a .entry { background: #EA522A; padding: 20px 100px 25px 100px; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: relative; margin: 10px auto 10px; font-size: 22px; font-weight: bold; font-family: 'M PLUS 1 Code', sans-serif;} #d-style01 .p-box-02 a .entry { background: #EA522A; padding: 20px 83px 25px 83px; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: relative; margin: 10px auto 10px; font-size: 22px; font-weight: bold; font-family: 'M PLUS 1 Code', sans-serif;} /* 見出し */ #d-style01 .capter {display:block; font-size:38px; position: relative; padding:0 20px 0 20px; z-index: 0; color:#fff; background-color:#7f90c7; margin-bottom:30px;font-weight: bold;} #d-style01 .capter span { font-size:100px; position: absolute; bottom: 10px; right: 20px; z-index: -1; color:#a9b3ea ; line-height: 1; pointer-events: none; font-family: "Dancing Script", cursive; font-optical-sizing: auto; font-style: italic; } /* 小見出し */ #d-style01 .capter-01 {display:block; font-size:22px; position: relative; padding:0 20px 0 20px; z-index: 0; color:#fff; background-color:#7f90c7; margin-bottom:30px;font-weight: bold;} #d-style01 .capter-01 span { font-size:42px; position: absolute; bottom: 5px; right: 20px; z-index: -1; color:#fff ; line-height: 1; pointer-events: none; font-family: "Dancing Script", cursive; font-optical-sizing: auto; font-style: italic; } /* 間取りのpoint */ #d-style01 .p-box{display:flex; justify-content: space-between; flex-wrap: wrap; margin:20px auto;} #d-style01 .p-box .entry{ background:#fff; width:47%; padding:20px 20px 40px; box-sizing:border-box; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,.1); position:relative; margin:50px auto 20px;} #d-style01 .p-box .entry .no{ position: relative; width:70px; height:70px; background:#333333; border:double 3px #fff; border-radius:50%;color:#fff; text-align:center; position:absolute; top:-45px; left:0; right:0; margin:auto; font-size:30px; font-family: 'M PLUS 1 Code', sans-serif;line-height:70px;} #d-style01 .p-box .entry .no::before{ position: absolute; top:5px; left:0; right:0; display:block; font-size:12px; line-height:16px; content:"Point";} #d-style01 .p-box .entry h3{ font-size:22px; font-weight:bold; text-align:center; margin:20px 0; text-indent:0; font-family: 'M PLUS 1 Code', sans-serif; z-index:2; position:relative;} #d-style01 .p-box .entry p { font-size:16px; font-weight:bold;} /* 間取り */ #d-style01 #box-01 .area-02{ margin:50px 30px 30px;} #d-style01 #box-01 .area-02 p.p-01{ padding:0 20px;font-weight:bold;} #d-style01 #box-01 .area-02 .plan-area{ margin:50px 5px;} #d-style01 #box-01 .area-02 .entry{background:#fff; width:100%;border:4px solid #7f90c7; padding:40px 10px 20px; box-sizing:border-box; box-shadow:0 0 10px rgba(0,0,0,.1); position:relative; margin:50px auto 20px;} #d-style01 #box-01 .area-02 .no{ position: relative; background:#7f90c7; color:#fff; border:double 3px #fff;text-align:center; border-radius:0px; position:absolute; top:-25px; left:-10px; margin:auto; font-size:30px; font-family: 'M PLUS 1 Code', sans-serif;padding:0 20px;} #d-style01 #box-01 .area-02 .click{ position:absolute; right:0; top:10px;font-weight:bold; font-size:20px;} #d-style01 #box-01 .area-02 .no::before{ position: absolute; top:5px; left:0; right:0; display:block; font-size:12px; line-height:16px;} #d-style01 #box-01 .area-02 .entry .t-box { width:45%; font-size:16px; font-weight:bold; margin-bottom:20px} #d-style01 #box-01 .area-02 .entry .photo{ width:48%; display:inline-block;} #d-style01 #box-01 .area-02 .photoarea{ text-align:center;} #d-style01 #box-01 .area-02 .entry .price{ display:inline-block; float:left;} #d-style01 #box-01 .area-02 .entry .price p.p-01{ color:#ea522a; font-size:45px;font-weight:bold; letter-spacing:normal; line-height:1.3em;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;} #d-style01 #box-01 .area-02 .entry .price p.p-01 span{ color:#000; font-size:20px;} #d-style01 #box-01 .area-02 .entry .tb-01{ overflow:hidden; padding-top:30px;} #d-style01 #box-01 .area-02 .entry .to-setsubi{ display:inline-block; float:right; font-size:20px; font-weight:bold; text-align:center;} #d-style01 #box-01 .area-02 .entry .to-setsubi a{ display:block; text-decoration:none; color:#FFF; background:#92b953; padding:3px 15px;border-radius:5px; margin-bottom:10px;} #d-style01 #box-01 .area-02 .entry .to-setsubi a:first-child{background:#f16155;} #d-style01 #box-01 .area-02 .entry .menseki{ margin-bottom:20px;} #d-style01 #box-01 .area-02 .entry .menseki table{ width:100%; clear:both;} #d-style01 #box-01 .area-02 .entry .menseki table td{ border:#CCC solid 1px; padding:5px;} #d-style01 #box-01 .area-02 .entry .menseki table tr:first-child td{ background: #E0E0E0;} #d-style01 #box-01 .area-03{ margin:50px 30px 30px;} #d-style01 #box-01 .area-03 p.p-01{ padding:0 20px;font-weight:bold;} #d-style01 #box-01 .area-03 ul { margin: 10px 20px;} #d-style01 #box-01 .area-03 li { text-indent: -1.3em; padding-left: 1.3em;} #d-style01 #box-01 .area-03 li::first-letter { color: #7f90c7;} #d-style01 #box-01 .area-04{ display:none; margin:50px 30px 30px;} #d-style01 #box-01 .area-04 table { width:100%; font-size:13px;background:#fff;} #d-style01 #box-01 .area-04 table th { padding:5px; background:#a9b3ea; color:#fff; vertical-align:middle; text-align:center; border-right:1px solid #fff; font-left:1px solid #fff; font-size:14px;font-weight:bold;} #d-style01 #box-01 .area-04 table .tr-01{background-color: #f5f5f5;} #d-style01 #box-01 .area-04 table td { padding:10px 3px; vertical-align:middle; text-align:center; border:1px solid #7f90c7; font-size:13px;} #d-style01 #box-01 .area-04 table .td-01{background-color: #7f90c7; color:#fff;font-weight:bold;border:1px solid #fff;} /*▼▼▼▼▼ゆらく▼▼▼▼▼*/ .link-buttons { text-align: center; margin-bottom: 50px; } .scroll-link { display: inline-block; padding: 5px 10px; margin: 5px; font-weight: bold; font-size: 14px; color: #fff; background: linear-gradient(135deg, #42a5f5, #478ed1); border-radius: 30px; text-decoration: none; transition: all 0.4s ease; background-size: 200% auto; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .scroll-link:hover { background-position: right center; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(66, 165, 245, 0.5); } .cta-button1 { text-align: center; } .cta-button1 a { display: inline-block; padding: 36px 28px; background-color: #732a40; color: #fff; text-decoration: none; font-size: 36px; font-weight: bold; border-radius: 20px; transition: background-color 0.5s ease; } .cta-button { display: inline-block; padding: 36px 28px; background-color: #732a40; color: #fff; text-decoration: none; font-size: 36px; font-weight: bold; border-radius: 20px; transition: background-color 0.5s ease; } #yuraku #box-01{ background:#e1f9f4; padding-bottom:30px; padding-top:0px;} #yuraku #box-01 .area-01{ text-align:center; padding:0px 0 10px; overflow:hidden;} #yuraku #box-01 .area-01 p{ font-size:18px; font-weight:bold;} #yuraku #box-01 .area-01 p.p-01{ font-size:24px; font-weight:bold; color:#33b497; margin-bottom:10px;} #yuraku #box-01 .area-01 p.p-01 span{ font-size:40px; font-weight:bold; display:block; margin:auto; line-height:1.5em;} #yuraku #box-01 .area-02{ padding:20px; margin:auto; padding-bottom:30px; overflow:hidden;} #yuraku #box-01 .area-02 .tb-01{ background:#FFF; padding:30px;border-radius:10px;} #yuraku #box-01 .area-02 .tb-01 .entry{ overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:#999 dotted 1px;} #yuraku #box-01 .area-02 .tb-01 .entry .left{ width:650px; float:left;} #yuraku #box-01 .area-02 .tb-01 span{ background:linear-gradient(transparent 70%, #ff6 70%);} #yuraku #box-01 .area-02 .tb-01 .waribiki{ text-align:center; font-size:25px} #yuraku #box-01 .area-02 .tb-01 .rougo{ font-weight:bold; text-align:center; font-size:25px} #yuraku #box-01 .area-02 .tb-01 .yukura{font-size:120%;border-left:10px solid #003366; padding-left:7px; margin-bottom:7px;} #yuraku #box-01 .area-02 .tb-01 .yukura span{ font-size:24px;} #yuraku #box-01 .area-02 .tb-01 .strong { font-size:200%; font-weight: bold; color: #d70035;} #yuraku #box-01 .area-02 .tb-01 img { float:right; width:300px;} #yuraku #box-01 .area-02 .tb-01 .entry:nth-of-type(2) .left{ float:right;} #yuraku #box-01 .area-02 .tb-01 .entry:nth-of-type(2) img{ float:left;} #yuraku #box-01 .area-02 .tb-01 .entry:nth-of-type(4) .left{ float:right; width:750px;} #yuraku #box-01 .area-02 .tb-01 .entry:nth-of-type(4) img{ float:left; width:200px; } #yuraku #box-01 .area-03{ background:#fff; border:4px solid #33b497; padding:30px 30px; margin:0 30px 30px;scroll-margin-top:60px;} #yuraku #box-01 .area-03 p{ font-size:18px; margin-bottom:15px; text-align:center;} #yuraku #box-01 .area-03 .inner{ overflow:hidden; text-align:center; margin-bottom:30px;} #yuraku #box-01 .area-03 .p-01 { font-size: 20px; font-weight: bold; color: #247ba0; margin-bottom: 0.5em; } #yuraku #box-01 .area-03 .p-03 { font-size: 18px; color: #444; margin-bottom: 0.5em; } #yuraku #box-01 .area-03 .p-03 .s-01 { font-weight: bold; color: #d9534f; font-size:30px;} #yuraku #box-01 .area-03 .p-04 { font-size:30px; text-align: center;color: #666; font-weight:bold;} #yuraku #box-01 .area-03 .p-02 { font-size:34px; font-weight: bold; color: #000; line-height:1em;} #yuraku #box-01 .area-03 .p-02 span { font-size: 1.4em; color: #33b497; } #yuraku #box-01 .area-zeh { background: linear-gradient(to right, #e0f7ef, #f0fcf9); border: 3px solid #2fc7a3; border-radius: 16px; padding: 32px; margin: 40px 20px; box-shadow: 0 8px 20px rgba(47, 199, 163, 0.25);position: relative;} #yuraku #box-01 .area-zeh .p-01 { font-size: 22px; font-weight: bold; color: #249e8d; margin-bottom: 12px; border-left: 8px solid #249e8d; padding-left: 12px; background: #d8f8f0; padding: 10px 12px; border-radius: 6px; } #yuraku #box-01 .area-zeh .p-02 { font-size:22px; margin-bottom: 20px; color: #444; font-weight: 500; text-align:center;} #yuraku #box-01 .area-zeh .p-03 { font-weight: bold; color: #ffffff; background: #2fc7a3; padding: 8px 12px; border-radius: 6px; margin-top:8px; margin-bottom: 8px; font-size:22px; display: inline-block; } #yuraku #box-01 .area-zeh ul { padding-left: 24px;color: #333; margin-bottom:20px;} #yuraku #box-01 .area-zeh ul li {font-size:20px; font-weight:bold; text-indent:-1em; padding-left:1em;} /*▼▼▼▼▼必ずお読みください！　kanarazu▼▼▼▼▼*/ #kanarazu #box-01 h2{ font-size:24px; line-height:1.7em; margin-bottom:40px; text-align:center;} #kanarazu #box-01 h2 .orange{ font-size:30px; font-weight:700; color:#f7780f; display:inline-block; margin-bottom:15px;} #kanarazu #box-01 h2 .lg{ font-size:34px; font-weight:bold;} #kanarazu #box-01{ margin-bottom:100px;} #kanarazu #box-01 .area-01{ overflow:hidden; position:relative; padding-bottom:20px;} #kanarazu #box-01 .area-01 .entry{ background:#f7f7f7; width:48%; float:left; border:4px solid #999; border-radius:10px; padding:20px 0 30px; box-sizing:border-box; text-align:center;} #kanarazu #box-01 .area-01 .entry:last-of-type{ float:right;} #kanarazu #box-01 .area-01 .entry p{ font-size:19px; font-weight:bold; color:#ed0000; line-height:1.6em; font-family: 'Noto Sans JP', sans-serif; display:inline-block; text-align:left; padding-top:15px;} #kanarazu #box-01 .area-01 .img-text{ position:absolute; left:0; right:0; margin:auto;} #kanarazu #box-01 .area-01 .p-01{ font-size:40px; text-align:center; font-weight:bold; clear:both; padding-top:20px;text-shadow:0 0 3px #ed0000;} #kanarazu #box-01 .area-02{ background: url(../images/kanarazu/bk-01.jpg) right top no-repeat; min-height:700px; padding-top:25px; margin-bottom:50px;} #kanarazu #box-01 .area-02 .entry{ width:460px; padding-top:13px; margin-bottom:20px; position:relative;} #kanarazu #box-01 .area-02 .entry .inner{ background:#fff; border:4px solid #024ea2; border-radius:10px; padding:10px 0 10px; text-align:center;} #kanarazu #box-01 .area-02 .entry ul{ width:450px; position:absolute; top:-13px; left:0; right:0; margin:auto;} #kanarazu #box-01 .area-02 .entry ul li{ background:#024ea2; padding:7px 0; border-radius:30px; color:#fff; text-align:center; font-family: 'Noto Sans JP', sans-serif; margin-bottom:2px;} #kanarazu #box-01 .area-02 .entry p{ font-size:28px; font-weight:bold; color:#f7790e; line-height:1.3em; font-family: 'Noto Sans JP', sans-serif;} #kanarazu #box-01 .area-02 .entry p span{ font-size:20px; font-weight:bold; color:#333;} #kanarazu #box-01 .area-02 .entry img{ margin:7px 0 2px;} /*高さ調整*/ #kanarazu #box-01 .area-02 .entry:nth-child(2) .inner{ padding-top:135px;} #kanarazu #box-01 .area-03{ overflow:hidden;} #kanarazu #box-01 .area-03 img{ float:right; margin:0px 0 10px 20px;} #kanarazu #box-01 .area-03 .p-01{ font-size:16px; font-weight:500; font-family: 'Noto Sans JP', sans-serif; float:right; line-height:2em; padding-top:10px;} #kanarazu #box-01 .area-03 .p-01 span{ font-size:24px; padding-left:15px; letter-spacing:3px; font-family: '游明朝';} #kanki h2, #kimitsu h2, #kouzo h2, #novopan h2, #seismicgrade h2, #shanetsu h2, #termite h2, #tiger h2 { font-weight:bold; font-size:30px; margin-bottom:30px; } /*▼▼▼▼▼第一種換気　kanki▼▼▼▼▼*/ #kanki h2{ font-size:24px; line-height:1.7em; margin-bottom:40px; text-align:center;} #kanki h2 .orange{ font-size:36px; font-weight:800; color:#f7780f; display:inline-block; margin-bottom:15px;} #kanki h3{ font-size:30px; color:#024ea2; margin-bottom:30px;} #kanki .p-01{ font-size:20px; font-weight:bold; margin-bottom:30px; text-align:center; font-family: 'Noto Sans JP', sans-serif;} #kanki #box-01{ margin-bottom:70px;} #kanki #box-01 .area-01{ margin-bottom:50px;} #kanki #box-01 .area-02{ margin-bottom:50px;} #kanki #box-01 .area-02 .inner{ overflow:hidden; margin-bottom:20px; text-align:center;} #kanki #box-01 .area-02 p span.orange{ font-size:24px; font-weight:bold; color:#f7780f;} #kanki #box-01 .area-04 { margin-bottom:50px;} #kanki #box-01 .area-04 .tb-01{ background:#e9e7f3; padding:20px;} #kanki #box-01 .area-04 .tb-01 .p-01{ text-align:left; margin-bottom:10px;} #kanki #box-01 .area-04 .tb-01 .p-02{} #kanki #box-01 .area-04 .tb-01 .p-02 span{ color:#9b85bd; font-size:120%;} #kanki #box-01 .area-04 .tb-01 .p-03{ font-size:18px; font-weight:bold;} #kanki #box-01 .area-04 .tb-01 .p-03 .s-01{ font-size:16px; font-weight:normal;} #kanki #box-01 .area-04 .tb-01 .p-03 .s-02{ color:#C00;} #kanki #box-01 .area-04 .tb-01 .p-03 .s-03{ color:#C00;font-size:18px; font-weight:bold;} #kanki #box-01 .area-04 .tb-01 .p-03 .img-01{ position:relative; bottom:7px; margin:0 5px;} #kanki #box-01 .area-03{ margin-bottom:50px;} #kanki #box-01 .area-03 .p-02{ font-size:22px; font-weight:bold; margin-bottom:20px;} #kanki #box-01 .area-03 .p-02 span{ font-size:36px;} #kanki #box-01 .area-03 .inner{ background:#fffde4; padding:30px; margin-bottom:30px;} #kanki #box-01 .area-03 .inner-bk-01{ background:#fffde4 url(../images/kanki/house-10384.png) right 20px bottom 20px no-repeat; background-size:100px;padding:30px; margin-bottom:30px;} #kanki #box-01 .area-03 .inner li{ font-size:20px;margin-bottom:20px; font-weight:bold;} #kanki #box-01 .area-03 .inner li .s-01{ display:inline-block; width:30px;border-radius:50%; background-color:#e60039; color:#FFF; text-align:center; margin-right:10px;} #kanki #box-01 .area-03 .inner li .s-02{background:linear-gradient(transparent 60%, #ff6 60%);} #kanki #box-01 .area-03 .inner li:last-child{ margin-bottom:0px;} /*オレンジ色のdiv*/ #kanki #box-01 .area-03 .inner:last-of-type{ background:#fff6ef; padding:30px 0; margin-bottom:50px;} #kanki #box-01 .area-03 .inner:last-of-type .p-02{ font-size:18px; font-weight:bold; text-align:center; padding-top:20px;} #kanki #box-01 .area-03 .inner:last-of-type .p-02 .orange{ font-size:48px; color:#f7780f;} #kanki #box-02{ margin-bottom:70px;} #kanki #box-02 .area-01{ margin-bottom:80px;} #kanki #box-02 .area-01 .p-02{ font-size:15px; letter-spacing:normal; padding:15px 10px 25px; text-align:justify} #kanki #box-02 .area-02{ margin-bottom:50px;} #kanki #box-02 .area-03{ overflow:hidden; margin-bottom:20px;} #kanki #box-02 .area-03 .entry{ width:330px; float:left;} #kanki #box-02 .area-03 .entry:last-child{ width:360px; float:right;} #kanki #box-02 .area-03 .entry img{ margin-bottom:15px;} #kanki #box-02 .area-03 .entry p{ letter-spacing:normal;} #kanki #box-02 .area-04{ background:url(../images/kanki/img-15.jpg) right top no-repeat; padding-top:10px; margin-bottom:50px; min-height:260px;} #kanki #box-02 .area-04 .p-01{ text-align:left;} #kanki #box-02 .area-04 ul{ width:350px;} #kanki #box-02 .area-04 ul li{ padding-left:1em; text-indent:-1em; margin-bottom:15px;} #kanki #box-02 .area-05{ overflow:hidden;} #kanki #box-02 .area-05 .entry{ width:330px; float:left;} #kanki #box-02 .area-05 .entry:last-child{ float:right;} #kanki #box-02 .area-05 .entry h4{ font-size:18px; font-weight:bold; text-align:center; padding:15px 0;} #kanki #box-02 .area-05 .entry p { letter-spacing:normal;} #kanki #box-02 .area-06{ overflow:hidden; margin-bottom:50px;} #kanki #box-02 .area-06 .tb-01{ text-align:center; overflow:hidden; margin-bottom:50px;} #kanki #box-02 .area-06 .tb-01 .entry{ width:30%; display:inline-block;} #kanki #box-02 .area-06 .tb-02{ text-align:center;} #kanki #box-02 .area-06 .tb-02 .p-01{ text-align:center; background:#C00; padding:5px 0px; font-size:18px; font-weight:bold; color:#FFF;} #kanki #box-02 .area-06 .tb-02 .entry{ width:24%; display:inline-block;} #kanki #box-02 .area-07 { text-align:center; margin-bottom:50px;} #kanki #box-02 .area-08 {margin-bottom:50px;} #kanki #box-02 .area-09 {margin-bottom:50px; background: #DEF; padding:20px;border-radius:10px;} #kanki #box-02 .waku-01{ border:#F60 solid 3px; padding:20px;} /*▼▼▼▼▼気密施工　kimitsu▼▼▼▼▼*/ #kimitsu h2{ font-size:19px; line-height:2.5em; letter-spacing:normal;} #kimitsu h2 .orange{ font-size:24px; padding:0 5px;} #kimitsu h3{ font-size:30px; color:#024ea2; margin-bottom:30px;} #kimitsu #box-01{ margin-bottom:70px;} #kimitsu #box-01 .area-01{ margin-bottom:70px;} #kimitsu #box-01 .area-01 ul{ background: #E7E7E7; padding:20px 10px; margin:10px 0;} #kimitsu #box-01 .area-01 ul li{ padding-left:1em; text-indent:-1em; letter-spacing:normal; font-weight:bold;} #kimitsu #box-01 .area-02{ margin-bottom:70px;} #kimitsu #box-01 .area-02 .inner{ background:#fffcdb; padding:60px 30px 20px; position:relative; border:1px solid #333;} #kimitsu #box-01 .area-02 .inner p{ background:#e70013; font-size:18px; font-weight:bold; color:#fff; display:inline-block; padding:7px 20px; border:1px solid #333; position:absolute; top:-1px; left:-1px; font-family: 'Noto Sans JP', sans-serif;} #kimitsu #box-01 .area-02 .inner ul{ overflow:hidden;} #kimitsu #box-01 .area-02 .inner ul li{ background:#fff; float:left; width:48%; font-size:18px; font-weight:bold; padding:15px 0px 15px 15px; margin-bottom:15px; box-sizing:border-box; font-family: 'Noto Sans JP', sans-serif; min-height:84px;} #kimitsu #box-01 .area-02 .inner ul li:nth-child(2n){ float:right;} #kimitsu #box-01 .area-02 .inner ul li .no{ font-size:36px; font-weight:bold; color:#f7790e; display:inline-block; vertical-align:middle; margin-right:10px;} #kimitsu #box-01 .area-02 .inner ul li .text{ width:260px; font-size:17px; font-weight:bold; display:inline-block; vertical-align:middle;} #kimitsu #box-02{ padding-bottom:50px;} #kimitsu #box-02 .w650{ width:650px; margin:auto;} #kimitsu #box-02 .w690{ width:690px; margin:auto;} #kimitsu #box-02 .area-01{ margin-bottom:70px;} #kimitsu #box-02 .area-img{ overflow:hidden; margin-bottom:20px;} #kimitsu #box-02 .area-img img{ float:left; margin-bottom:20px;} #kimitsu #box-02 .area-img img:nth-child(2n){ float:right;} #kimitsu #box-02 .area-img-03{ margin-bottom:30px;} #kimitsu #box-02 .area-img-03 img{ margin-right:5px;} #kimitsu #box-02 .area-img-03 img:last-child{ margin-right:0px;} #kimitsu #box-02 .area-02{ padding-top:50px; margin-bottom:50px;} #kimitsu #box-02 .area-03{ padding-top:50px; margin-bottom:50px;} #kimitsu #box-02 .area-03 .inner{ overflow:hidden; margin-bottom:30px;} #kimitsu #box-02 .area-03 .inner img{ float:left;} #kimitsu #box-02 .area-03 .inner .t-box{ float:right; width:490px;} #kimitsu #box-02 .area-03 table{ width:100%;} #kimitsu #box-02 .area-03 table th{ border:1px solid #333; width:140px; background:#d4ebf2; text-align:center; vertical-align:middle;} #kimitsu #box-02 .area-03 table td{ border:1px solid #333; font-size:15px; padding:15px 10px; letter-spacing:normal;} #kimitsu #box-02 .area-03 table .waku-1{ border: #C00 solid 5px;} #kimitsu #box-02 .area-03 .tb-01 p{ font-weight:bold;} #kimitsu #box-02 .area-04{ margin-bottom:50px;} #kimitsu #box-02 .area-05{} #kimitsu #box-02 .area-06{ background:#fffde4; background-size:100px;padding:30px; margin-bottom:30px;} #kimitsu #box-02 .area-06 li{ font-size:20px;margin-bottom:20px; font-weight:bold; text-indent:-2em; padding-left:2em;} #kimitsu #box-02 .area-06 li .s-01{ display:inline-block; width:30px;border-radius:50%; background-color:#e60039; color:#FFF; text-align:center; margin-right:10px; text-indent:0em; padding-left:0em;} #kimitsu #box-02 .area-06 li .s-02{background:linear-gradient(transparent 60%, #ff6 60%);} #kimitsu #box-02 .area-06 li:last-child{ margin-bottom:0px;} /*▼▼▼▼▼構造・仕様について　kouzo▼▼▼▼▼*/ #kouzo h2{ font-size:36px; text-align:center; line-height:1.5em;} #kouzo .h2-kouzo{ font-size:30px; text-align:left; border:none;border-top:3px solid #f7790e; background:none; padding:0; margin-bottom:30px; vertical-align:middle;} #kouzo .h2-kouzo span.s-01{ display:inline-block; background:#f7790e; width:70px; line-height:70px; font-size:40px; font-weight:bold; color:#fff; text-align:center; position:relative; top:-3px; vertical-align:middle; margin-right:20px;} #kouzo .h2-kouzo{ color:#f7790e;} #kouzo .more{ width:300px; margin:50px auto 30px; text-align:center; display:block;} #kouzo .more a{ background:url(../html/images/common/more-bk.png) right 30px top 49% no-repeat,linear-gradient(to right, #ffa70f , #f7780e); font-size:18px; font-weight:bold; color:#fff; display:block; text-decoration:none; padding:25px 0 20px; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; box-shadow: 0 2px 2px rgba(0, 0, 0, .1),0 4px 8px -4px rgba(0, 0, 0, .1);} #kouzo .box{ padding-bottom:0px;} #kouzo #box-01{} #kouzo #box-01 .area-01{ overflow:hidden;} #kouzo #box-01 .area-01 img{ float:left; width:550px;} #kouzo #box-01 .area-01 .mb30{ width:500px; float:right; line-height:2em;} #kouzo #box-02 .area-01{ margin-bottom:50px; width:550px; float:left;} #kouzo #box-02 .area-02{ background:#fffcdb; padding:60px 10px 15px 15px; overflow:hidden; position:relative; border:1px solid #333; width:450px; float:right;} #kouzo #box-02 .area-02 .left{ margin-bottom:20px;} #kouzo #box-02 .area-02 .right{} #kouzo #box-02 .area-02 .right span{ display:inline-block; font-size:14px; letter-spacing:normal;} #kouzo #box-02 .area-02 p{ background:#e70013; font-size:18px; font-weight:bold; color:#fff; display:inline-block; padding:7px 20px; border:1px solid #333; position:absolute; top:-1px; left:-1px; font-family: 'Noto Sans JP', sans-serif;} #kouzo #box-02 .area-02 ul{ overflow:hidden;} #kouzo #box-02 .area-02 ul li{ background:#fff; padding:15px 15px 15px 15px; margin-bottom:15px; box-sizing:border-box; font-family: 'Noto Sans JP', sans-serif; min-height:84px;} #kouzo #box-02 .area-02 ul li .no{ font-size:36px; font-weight:bold; color:#f7790e; display:inline-block; vertical-align:middle; margin-right:10px;} #kouzo #box-02 .area-02 ul li .text{ width:290px; font-size:14px; display:inline-block; letter-spacing:normal; vertical-align:top;} #kouzo #box-02 .area-02 ul li .text strong{ font-size:17px; display:inline-block; margin-bottom:5px;} #kouzo #box-03 img, #kouzo #box-04 img, #kouzo #box-05 img, #kouzo #box-06 img, #kouzo #box-07 img, #kouzo #box-08 img, #kouzo #box-09 img, #kouzo #box-10 img{ float:left; width:400px; margin-bottom:50px;} #kouzo #box-03 .tb-01, #kouzo #box-04 .tb-01, #kouzo #box-05 .tb-01, #kouzo #box-06 .tb-01, #kouzo #box-07 .tb-01, #kouzo #box-08 .tb-01, #kouzo #box-09 .tb-01, #kouzo #box-10 .tb-01{ float:right; width:650px;} /*▼▼▼▼▼構造用面材ノボパン　novopan▼▼▼▼▼*/ #novopan h2{ font-size:22px; text-align:center; line-height:2.5em; letter-spacing:normal;} #novopan h2 .orange{ font-size:26px; padding:0 5px;} #novopan h3{ font-size:30px; color:#024ea2; margin-bottom:30px;} #novopan h4{ font-size:20px; font-weight:bold; margin-bottom:15px;} #novopan .red{ font-size:18px; font-weight:bold; color:#e4020c;} #novopan #box-01{ margin-bottom:100px;} #novopan #box-01 .area-01{ overflow:hidden;} #novopan #box-01 .area-01 .entry{ width:350px; float:left; margin-bottom:15px; min-height:115px;} #novopan #box-01 .area-01 .entry:nth-child(2n){ float:right;} #novopan #box-01 .area-01 .entry img{ vertical-align:top;} #novopan #box-01 .area-01 .entry .t-box{ width:270px; display:inline-block; vertical-align:top; margin-left:5px;} #novopan #box-01 .area-01 .entry .t-box dt{ font-size:17px; font-weight:bold; color:#e4020c;font-family: 'Noto Sans JP', sans-serif;} #novopan #box-01 .area-01 .entry .t-box dd{ font-size:14px; letter-spacing:normal;} #novopan .youtube{ height:410px; margin-bottom:50px;} #novopan #box-01 .area-02{ overflow:hidden; margin-bottom:30px; text-align:center; margin-bottom:30px;} #novopan #box-01 .area-02 .entry{ width:340px; display:inline-block;text-align:center;} #novopan #box-01 .area-02 .entry:last-child{ margin-left:20px;} #novopan #box-01 .area-02 .entry p{ background: #024ea2; padding:5px 15px; display:inline-block; border-radius: 30px; color: #fff; text-align: center; font-family: 'Noto Sans JP', sans-serif; margin-bottom:20px;} #novopan #box-01 .area-04{ overflow:hidden; padding-top:50px; margin-bottom:50px; text-align:center;} #novopan #box-01 .area-04 .t-box{ width:350px; display:inline-block; text-align:left;} #novopan #box-01 .area-04 img{ margin-left:30px;} #novopan #box-01 .area-04 .p-01{ font-size:18px; font-weight:bold; text-align:center; padding-top:30px; clear:both;} #novopan #box-01 .area-05{ margin-bottom:50px;} #novopan #box-01 .area-05 table{ width:100%;} #novopan #box-01 .area-05 table th{ border:1px solid #ccc; background:#f4f3ec; padding:3px 0; vertical-align:middle; text-align:center;} #novopan #box-01 .area-05 table td{ border:1px solid #ccc; font-size:14px; letter-spacing:normal; padding:3px 0; vertical-align:middle; text-align:center;} #novopan #box-01 .area-05 table td .red{ font-size:inherit;} #novopan #box-01 .area-05 table td .blue{ font-weight:bold; color:#2845d7;} #novopan #box-01 .area-05 .p-02{ font-size:13px; letter-spacing:normal; text-align:right; padding-top:5px; margin-bottom:30px;} #novopan #box-01 .area-05 .p-02 .red{ font-size:inherit; font-weight:normal;} #novopan #box-01 .area-05 .p-02 .blue{ color:#2845d7;} #novopan #box-01 .area-06{ margin-bottom:50px;} #novopan #box-01 .area-06 h5{ font-size:18px; text-align:center; margin-bottom:15px;} #novopan #box-01 .area-06 table{ width:100%;} #novopan #box-01 .area-06 table th{ border:1px solid #ccc; background:#eefaf5; padding:5px 0; vertical-align:middle; text-align:center;} #novopan #box-01 .area-06 table td{ border:1px solid #ccc; padding:5px 0; letter-spacing:normal; vertical-align:middle; text-align:center;} #novopan #box-01 .area-06 .p-02{ font-size:13px; letter-spacing:normal; padding-top:5px; margin-bottom:30px;} #novopan #box-01 .area-07{ margin-bottom:50px;} #tiger h4{ color:#00275e; fontweight:bold; text-align:center ; font-size:36px;} #tiger h3{ font-weight:bold; font-family: 'Noto Sans JP', sans-serif;} #tiger #box-01{ margin-bottom:100px;} #tiger #box-01 .area-01{ overflow:hidden; margin-bottom:50px;} #tiger #box-01 .area-01 .tb-01{ text-align:center; overflow:hidden;} #tiger #box-01 .area-01 .tb-01 img{ width:32%;} #tiger #box-01 .area-02{ overflow:hidden;margin-bottom:50px;} #tiger #box-01 .area-02 .tb-01{overflow:hidden;} #tiger #box-01 .area-02 .tb-01 .left{ width:48%; float:left;} #tiger #box-01 .area-02 .tb-01 .right{ width:48%; float:right;} #tiger #box-01 .area-02 .tb-02{overflow:hidden; margin-bottom:30px;} #tiger #box-01 .area-02 .tb-03{overflow:hidden;} #tiger #box-01 .area-02 .tb-03 .left{ width:48%; float:left;} #tiger #box-01 .area-02 .tb-03 .right{ width:48%; float:right;} #tiger #box-01 .area-03{overflow:hidden;margin-bottom:50px;} #tiger #box-01 .area-03 .tb-01{overflow:hidden; margin-bottom:30px;} #tiger #box-01 .area-04{ overflow:hidden;} #tiger #box-01 .area-04 .tb-01{overflow:hidden;} #tiger #box-01 .area-04 .tb-01 .left{ width:58%; float:left;} #tiger #box-01 .area-04 .tb-01 .right{ width:38%; float:right;} /*▼▼▼▼▼耐震等級３　seismicgrade▼▼▼▼▼*/ #seismicgrade h2{ font-size:36px; text-align:center; line-height:1.5em; color:#f7790e;} #seismicgrade h2::after{ left:0; right:0; margin:auto;} #seismicgrade .h3-01{ font-size:28px; font-weight: bold; color: #024ea2; margin-bottom:30px;} #seismicgrade .h3-01 span{ font-size:20px; color:#333; margin-left:50px; display:inline-block; position:relative; top:-2px;} #seismicgrade .h3-01 span:before{ content:""; width:23px; height:1px; background:#333; position:absolute; top:50%; left:-30px;} #seismicgrade .h3-01 span:after { content:""; width:23px; height:1px; background:#333; position:absolute; top:50%; right:-30px;} #seismicgrade h4{ background: #024ea2; padding:5px 15px; display:inline-block; border-radius: 30px; color: #fff; text-align: center; font-family: 'Noto Sans JP', sans-serif; margin-bottom:20px;} #seismicgrade #box-01{} #seismicgrade #box-01 .area-01{ margin-bottom:70px;} #seismicgrade #box-01 .area-01 .inner{ text-align:center; margin-bottom:20px;} #seismicgrade #box-01 .area-01 .inner .entry{ display:inline-block; margin-right:10px; text-align:center; vertical-align:text-bottom; width:30%;} #seismicgrade #box-01 .area-01 .inner .entry:last-child{ margin-right:0; border:#C00 solid 5px; padding:5px;} #seismicgrade #box-01 .area-01 .inner .entry h3{ font-size:24px; line-height:50px;} #seismicgrade #box-01 .area-01 .inner .entry:nth-child(2) h3{ font-size:30px; color:#ff9900;} #seismicgrade #box-01 .area-01 .inner .entry:nth-child(3) h3{ font-size:30px; color:#dc0000;} #seismicgrade #box-01 .area-01 .inner .entry:nth-child(1) p { font-size:14px;} #seismicgrade #box-01 .area-01 .inner .entry:nth-child(2) p { font-size:16px; font-weight:bold;} #seismicgrade #box-01 .area-01 .inner .entry:nth-child(3) p { font-size:18px; font-weight:bold;} #seismicgrade #box-01 .area-01 .p-01{ font-size:34px; font-weight:bold; color:#dc0000; text-align:center;} #seismicgrade #box-01 .area-02{ margin-bottom:70px;} #seismicgrade #box-01 .area-02 p span{ font-weight:bold; color:#f7790e;} #seismicgrade #box-01 .area-02 p span.ab{ font-weight:bold; color: #C00;} #seismicgrade #box-01 .area-03{ margin-bottom:50px;} #seismicgrade #box-01 .area-03 img{ display:block;} #seismicgrade #box-01 .area-04{ margin-bottom:70px;} #seismicgrade #box-01 .area-04 .inner{ background:#fff3e9; display:inline-block; padding:20px; margin-bottom:20px;} #seismicgrade #box-01 .area-04 .inner p{ font-size:15px; font-weight:bold; letter-spacing:normal; margin-bottom:20px;} #seismicgrade #box-01 .area-04 p span{ font-size:20px; font-weight:bold; color:#f7790e;} #seismicgrade #box-01 .area-04 p .lg{ font-size:24px;} /*▼▼▼▼▼屋根・外壁・遮熱シート　shanetsu▼▼▼▼▼*/ #shanetsu h2{ font-size:24px; line-height:1.7em; margin-bottom:40px; text-align:center;} #shanetsu h2 .orange{ font-size:36px; line-height:1.5em; font-weight:800; color:#000; display:inline-block; margin-bottom:0px;} #shanetsu .h3-01{ font-size:28px; font-weight: bold; color: #024ea2; margin-bottom:30px;} #shanetsu h2 .h2-001{ font-size:18px; line-height:1.5em; margin-bottom:40px; text-align:center;} #shanetsu #box-01{ margin-bottom:100px;} #shanetsu #box-01 .area-01{ margin-bottom:70px;} #shanetsu #box-01 .area-02{ overflow:hidden; padding:0 25px 20px; text-align:center;} #shanetsu #box-01 .area-02 .p-01{ font-size:24px; font-weight:bold; color:#f7790e; text-align:center; font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-01 .area-02 .p-01 span{ position:relative; display:inline-block;} #shanetsu #box-01 .area-02 .p-01 span:before{ content:""; width:23px; height:1px; background:#f7790e; position:absolute; top:50%; left:-30px;} #shanetsu #box-01 .area-02 .p-01 span:after { content:""; width:23px; height:1px; background:#f7790e; position:absolute; top:50%; right:-30px;} #shanetsu #box-01 .area-02 .entry{ width:318px; display:inline-block; vertical-align:top;} #shanetsu #box-01 .area-02 .entry .h3{ line-height:45px; text-align:center; margin-bottom:0;} #shanetsu #box-01 .area-02 .entry:first-of-type .h3{ font-size:22px; font-weight:bold; color:#024ea2;} #shanetsu #box-01 .area-02 .entry img{ display:block; margin:0 auto 20px;} #shanetsu #box-01 .area-02 .entry p{ margin-bottom:20px;} #shanetsu #box-01 .area-03{ margin-bottom:70px; text-align:center;} #shanetsu #box-01 .area-03 .p-01{ font-size:18px; font-weight:bold; margin-bottom:10px; font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-01 .area-03 .p-02{ font-weight:bold; letter-spacing:normal;font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-01 .area-03 .p-02 span{ display:inline-block;} #shanetsu #box-01 .area-03 .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;} #shanetsu #box-01 .area-04{ margin-bottom:70px; text-align:center;} #shanetsu #box-01 .area-04 .h2{ font-size:28px; font-weight:bold; margin-bottom:40px; font-family: 'Noto Sans JP', sans-serif; text-align:center;} #shanetsu #box-01 .area-04 h3{ font-size:20px; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; position:relative; padding-top:20px; margin-bottom:20px; text-align:center;} #shanetsu #box-01 .area-04 p span{ color:#ba0427;} #shanetsu #box-01 .area-04 .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;} #shanetsu #box-01 .area-05{ position:relative; text-align:center;} #shanetsu #box-01 .area-05 h3{} #shanetsu #box-01 .area-05 p {} #shanetsu #box-01 .area-06{ overflow:hidden; text-align:center;} #shanetsu #box-01 .area-06 .left{ display:inline-block;background: #024ea2; width:200px; height:164px; padding:30px 20px; display:inline-block; box-sizing:border-box; vertical-align:top;} #shanetsu #box-01 .area-06 .left p{ font-size:20px; font-weight:bold; color:#fff; font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-01 .area-06 .right{ display:inline-block;background: #D5EAFF; width:530px; height:164px; text-align:center; display:inline-block;vertical-align:top;} #shanetsu #box-01 .area-06 .right p{ font-size:20px; font-weight:bold; color:#000; line-height:164px; font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-02{ margin-bottom:50px;} #shanetsu #box-02 h2 .orange{ font-size:30px;line-height:2em; color:#f7780f;} #shanetsu #box-02 h2 .lg{ font-size:40px;} #shanetsu #box-02 .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;} #shanetsu #box-02 .area-01{ margin-bottom:70px;} #shanetsu #box-02 .area-01 .p-01{ font-size:21px; font-weight:bold; color:#f77810; text-align:center; padding:30px 0 20px; font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-02 .area-02{ margin-bottom:70px;} #shanetsu #box-02 .area-02 .inner{ overflow:hidden;} #shanetsu #box-02 .area-02 .inner img{ float:left;} #shanetsu #box-02 .area-02 .inner .t-box{ width:550px; float:right;} #shanetsu #box-02 .area-02 .p-02{ font-size:32px; font-weight:bold; text-align:center; line-height:1.8em; padding:30px 0 40px; font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-02 .area-03{} #shanetsu #box-02 .area-03 .inner{ overflow:hidden; padding-top:30px; margin-bottom:50px;} #shanetsu #box-02 .area-03 .inner img{ float:left;} #shanetsu #box-02 .area-03 .inner p{ width:370px; float:right;} #shanetsu #box-02 .area-03 .inner p:last-child{ padding-top:360px;} #shanetsu #box-02 .area-03 ul{ padding:15px 20px 0;} #shanetsu #box-02 .area-03 ul li{ font-size:14px; letter-spacing:normal; padding-left:1em; text-indent:-1em; margin-bottom:5px;} #shanetsu #box-03{ margin-bottom:100px;} #shanetsu #box-03 .area-01 h2{ font-size:30px; text-align:left; background:none;} #shanetsu #box-03 .area-01 .entry{ overflow:hidden; margin-bottom:50px;} #shanetsu #box-03 .area-01 .entry .maru{ background:#f8ab00; width:100px; height:100px; line-height:100px; text-align:center; font-size:18px; font-weight:bold; color:#fff; font-family: 'Noto Sans JP', sans-serif; display:inline-block; vertical-align:top; border-radius:50%;} #shanetsu #box-03 .area-01 .entry .t-box{ width:600px; margin-left:15px; padding-top:20px; display:inline-block;} #shanetsu #box-03 .area-01 .entry .t-box .p-01{ font-size:24px; font-weight:bold; margin-bottom:10px; font-family: 'Noto Sans JP', sans-serif;} #shanetsu #box-03 .area-01 .entry-02{ width:590px; margin:0 0 50px 130px;} #shanetsu #box-03 .area-01 .entry-02 p{ font-size:18px; font-weight:bold; margin-bottom:30px;} #shanetsu #box-03 .area-01 .entry-02 table{ width:100%;} #shanetsu #box-03 .area-01 .entry-02 table th{ border:1px solid #333; background:#009fa8; padding:12px 0; text-align:center; font-weight:bold; color:#fff;} #shanetsu #box-03 .area-01 .entry-02 table td{ border:1px solid #333; padding:12px 0; text-align:center; letter-spacing:normal;} #shanetsu #box-03 .area-01 .entry-02 table tr:nth-child(2) td{ font-weight:bold;} #shanetsu #box-04{ margin-bottom:100px;} #shanetsu #box-04 h2{ font-size:32px; color:#f77810;} #shanetsu #box-04 .area-01{ margin-bottom:50px;} #shanetsu #box-04 .area-02{ overflow:hidden; margin-bottom:50px;} #shanetsu #box-04 .area-02 img{ float:left;} #shanetsu #box-04 .area-02 .t-box{ width:360px; float:right;} #shanetsu #box-04 .area-02 .t-box ul li{ font-size:15px; letter-spacing:normal; margin-bottom:20px;} #shanetsu #box-04 .area-02 .t-box ul li span{ font-size:18px; font-weight:bold; color:#024ea2; display:block; margin-bottom:7px; font-family: 'Noto Sans JP', sans-serif;} /*▼▼▼▼▼シロアリ対策　termite▼▼▼▼▼*/ #termite #box-01{} #termite #box-01 h2{ font-size:24px; line-height:1.7em; margin-bottom:40px; text-align:center;} #termite #box-01 h2 .orange{ font-size:36px; font-weight:800; color:#f7780f; display:inline-block; margin-bottom:10px;} #termite #box-01 h2 .big1{ font-size:36px; font-weight:800; display:inline-block; margin-bottom:10px;} #termite #box-01 h3{font-size:30px; color:#024ea2; margin-bottom:20px;} #termite #box-01 h4{font-size:18px; font-weight:bold;margin-bottom:20px;} #termite #box-01 .area-01{ margin-bottom:70px;} #termite #box-01 .area-01 .tb-01{ margin:30px 0px;overflow:hidden; text-align:center;} #termite #box-01 .area-01 .tb-01 img:first-child{ float:left;} #termite #box-01 .area-01 .tb-01 img:last-child{ float:right;} #termite #box-01 .area-02{ margin-bottom:70px;} #termite #box-01 .area-02 .tb-01{ overflow:hidden; margin-bottom:50px;} #termite #box-01 .area-02 .tb-01 .left{ width:800px; float:left;} #termite #box-01 .area-02 .tb-01 .left .text{ margin-bottom:30px;} #termite #box-01 .area-02 .tb-01 .left .text:last-child{ margin-bottom:0px;} #termite #box-01 .area-02 .tb-01 .right{ width:170px; float:right;} #termite #box-01 .area-02 .tb-01 .right img:first-child{ margin-bottom:30px;} #termite #box-01 .area-02 .tb-02 span{ font-weight:bold;} #termite #box-01 .area-03{ border:#f7780f solid 5px; padding:30px 10px; margin-bottom:70px;} #termite #box-01 .area-03 .p-01{ color:#f7780f; font-size:24px; text-align:center; margin-bottom:20px;} #termite #box-01 .area-03 span{ font-weight:bold;} #termite #box-01 .area-03 .tb-01{ padding:0 30px; margin-bottom:30px;} #termite #box-01 .area-04{} #termite #box-01 .area-04 .tb-01{ font-weight:bold; font-size:18px;} #termite #box-01 .area-04 .tb-01 .p-01{ font-weight:bold; font-size:18px;} #termite #box-01 .area-04 .tb-01 span{ color:#f7780f; font-size:18px; font-weight:bold;} #termite #box-01 .area-04 .tb-02{ text-align:center;} /*▼▼▼▼▼高性能なのに安いの？　why▼▼▼▼▼*/ #why #main p{ line-height:2em;} #why #box-01{} #why #box-01 .area-01{} #why #box-01 .area-01 h2{ margin-bottom:10px; font-size:40px; font-weight:bold;} #why #box-01 .area-01 h2 span{ color:#f7780f;} #why #box-01 .area-01 h2 span .s-01{ font-size:140%;} #why #box-01 .area-01 .tb-01{ background: url(../images/why/bk-01.png) right bottom no-repeat; min-height:300px;} #why #box-01 .area-01 .tb-01 .left{ width:470px; padding-top:20px;} #why #box-01 .area-01 .tb-01 .text{ margin-top:20px;} #why #box-01 .area-01 .tb-01 .text span{color:#f7780f; font-size:130%; font-weight:bold; letter-spacing:normal;} #why #box-01 .area-02{background:url(../images/why/bk-02.png) left 50px bottom no-repeat #fff6e6; min-height:370px; padding-top:20px;} #why #box-01 .area-02 h2{ border:none; text-align:center;font-size:40px; font-weight:bold;} #why #box-01 .area-02 h2 span{ color:#f7780f;} #why #box-01 .area-02 h2 span .s-01{ font-size:140%;} #why #box-01 .area-03-bk{background:#fff6e6; padding:0 20px 20px; padding-bottom:50px;} #why #box-01 .area-03{background:#fff; margin-bottom:20px; padding-bottom:50px;} #why #box-01 .area-03 h2.h2-why{ font-size:36px;line-height:1.5em;} #why #box-01 .area-03 .h2-why{ font-size:30px; text-align:left; border:none; border-top:3px solid #f7790e; background:none; padding:0; margin-bottom:30px; vertical-align:middle;} #why #box-01 .area-03 .h2-why span{ display:inline-block; background:#f7790e; width:70px; line-height:70px; font-size:40px; font-weight:bold; color:#fff; text-align:center; position:relative; top:-3px; vertical-align:middle; margin-right:20px;} #why #box-01 .area-03 .inner{ padding:20px; padding-top:0px;} #why #box-01 .area-03 .inner img{ display:block; margin:auto;} #why #box-01 .area-03 .inner .tb-01{ margin-bottom:30px; text-align:left} #why #box-01 .area-03 .p-01{ font-size:22px; font-weight:bold;} #why #box-01 .area-03 .p-02{ font-size:18px; font-weight:bold; letter-spacing:normal;} #why #box-01 .area-03 .inner .tb-02{ margin:50px 0 50px 0; text-align:left;} #why #box-01 .area-03 .inner .tb-02 p{ font-size:16px;letter-spacing:normal;} #why #box-01 .area-03 .inner .tb-03{ border:solid; border-color:#f7780f;} #why #box-01 .area-03 .inner .tb-03 h3{color:#fff; background-color:#f7780f; text-align:center; font-size:28px; margin-bottom:25px;} #why #box-01 .area-03 .inner .tb-03 p{ padding:0 20px; padding-top:0px; font-weight:bold; font-size:18px;} #why #box-01 .area-03 .inner .tb-03 p span{ color:#d12717; font-size:30px;} #why #box-01 .area-03 .inner .tb-03 p span .span-03{font-size:18px; font-weight:bold;} #why #box-01 .area-03 .inner .tb-03 .p-03{font-size:15.5px; font-weight:normal; letter-spacing:normal;} #why #box-01 .area-03 .inner .td-03-00{background:url(../images/why/img-02.png) left 20px top 50% no-repeat #f7780f; padding-top:5px; border-radius:30px; margin:20px;} #why #box-01 .area-03 .inner .td-03-00 p{ color:#fff; margin-left:50px; font-size:15.2px; font-weight:bold; letter-spacing:normal; padding-left:35px;} #why #box-01 .area-04-bk{background:#fff6e6; padding:0 20px 20px;} #why #box-01 .area-04{background:#fff; margin-bottom:20px;} #why #box-01 .area-04 .h2-01{ font-size:30px; text-align:left; border:none;border-top:3px solid #f7790e; background:none; padding:0; margin-bottom:30px; vertical-align:middle;} #why #box-01 .area-04 .h2-01 span{ display:inline-block; background:#f7790e; width:70px; line-height:70px; font-size:40px; font-weight:bold; color:#fff; text-align:center; position:relative; top:-3px; vertical-align:middle; margin-right:20px;} #why #box-01 .area-04 .p-1{ font-size:22px; font-weight:bold;} #why #box-01 .area-04-bk{background:#fff6e6; padding:0 20px 20px;} #why #box-01 .area-04{background:#fff; padding-bottom:50px;} #why #box-01 .area-04 h2.h2-why{ font-size:36px; line-height:1.5em;} #why #box-01 .area-04 .h2-why{ font-size:30px; text-align:left; border:none;border-top:3px solid #f7790e; background:none; padding:0; margin-bottom:30px; vertical-align:middle;} #why #box-01 .area-04 .h2-why span{ display:inline-block; background:#f7790e; width:70px; line-height:70px; font-size:40px; font-weight:bold; color:#fff; text-align:center; position:relative; top:-3px; vertical-align:middle; margin-right:20px;} #why #box-01 .area-04 .inner{ padding:20px; padding-top:0px;} #why #box-01 .area-04 .inner .tb-01{ margin-bottom:30px;} #why #box-01 .area-04 .p-01{ font-size:22px; font-weight:bold;} #why #box-01 .area-04 .p-02{ font-size:18px; font-weight:bold; letter-spacing:normal; margin-bottom:10px;} #why #box-01 .area-04 .tb-01 p{ fontsize:16px; letter-spacing:normal;} #why #box-01 .area-04 .tb-01 p span{ font-weight:bold; color:#d12717;} #why #box-01 .area-04 .tb-01 h4 { margin-top:30px; text-align:center; fontsize:18px; margin-bottom:14px;} #why #box-01 .area-04 .tb-01 .area-04-td-te{ border-collapse: collapse; border:1px solid #333; padding:10px 0; letter-spacing:normal;} #why #box-01 .area-04 .tb-01 .area-04-td-te-tb-01{width:25%; text-align:center;} #why #box-01 .area-04 .tb-01 .area-04-td-te-tb-01-00{ text-align:center; background:#5c5c5c; color:#fff; padding:16px;} #why #box-01 .area-04 .tb-01 .area-04-td-te-tb-02-00{ text-align:center; background:#5c5c5c; color:#fff;} #why #box-01 .area-04 .tb-01 .area-04-td-te-tb-01{ font-weight:normal; padding:10px;} #why #box-01 .area-04 .tb-01 .area-04-td-te-tb-02{ font-weight:normal; padding:10px; letter-spacing:normal;} #why #box-01 .area-04 .tb-01 .area-04-td-te-tb-02-span{ color:#d12717; font-weight:bold;} #why #box-01 .area-04 .tb-01 .area-04-td-te .waku-1{ border: #00F solid 5px; border-bottom:none;} #why #box-01 .area-04 .tb-01 .area-04-td-te .waku-2{ border:#00F solid 5px; border-top:none;} #why #box-01 .area-04 .tb-01 .area-04-td-te th{ border:1px solid #333;font-weight:normal; } #why #box-01 .area-04-td-02-te{ width:100%; text-align:center;} #why #box-01 .area-04 .tb-01 .area-04-td-02-te th,td{ border:1px #333 solid;} #why #box-01 .area-04-td-02-te-tb-01-00{ color:#fff; background:#5c5c5c; text-align:center; padding:4px; font-weight:bold;} #why #box-01 .area-04-td-02-te-tb-01-01{ background:#e3e3e3; padding: 8px;} #why #box-01 .area-04-td-02-te .waku-1{ border:#00F solid 5px; border-bottom:none;} #why #box-01 .area-04-td-02-te .waku-2{ border:#00F solid 5px; border-top:none;} #why #box-01 .area-04-td-02-te th{ border:1px solid #333; font-weight:normal; padding:4px;} #why #box-01 .area-04-bk .area-04 .inner .tb-01 .td-ua{ padding-top:24%;} #why #box-01 .area-04-bk .area-04 .inner .tb-01 p img{ vertical-align: middle;} #why #box-01 .area-04-bk .area-04 .inner .tb-01 .area-04-tb-01-txt{color:#d12717; margin-top:20px; text-align:center; vertical-align: middle; margin-bottom:40px;} #why #box-01 .area-04 .inner .tb-03{ border:solid; border-color:#f7780f;} #why #box-01 .area-04 .inner .tb-03 h3{color:#fff; background-color:#f7780f; text-align:center; font-size:28px; margin-bottom:25px;} #why #box-01 .area-04 .inner .tb-03 p{ padding:0 20px; padding-top:0px; font-weight:bold; font-size:18px;} #why #box-01 .area-04 .inner .tb-03 p span{ color:#d12717; font-size:30px;} #why #box-01 .area-04 .inner .tb-03 p span .span-03{font-size:18px; font-weight:bold;} #why #box-01 .area-04 .inner .tb-03 .p-03{font-size:15.5px; font-weight:normal; letter-spacing:normal;} #why #box-01 .area-04 .inner .td-03-00{background:url(../images/why/img-02.png) left 20px top 50% no-repeat #f7780f; padding-top:5px; border-radius:30px; margin:20px;} #why #box-01 .area-04 .inner .td-03-00 p{ color:#fff; margin-left:50px; font-size:15.2px; font-weight:bold; letter-spacing:normal; padding-left:35px; padding-top:10px; padding-bottom:10px;} #why #box-01 .area-05-bk{background:#fff6e6; padding:0 20px 20px;} #why #box-01 .area-05{background:#fff; padding-bottom:50px;} #why #box-01 .area-05 .h2-why{ font-size:30px; text-align:left; border:none;border-top:3px solid #f7790e; background:none; padding:0; margin-bottom:30px; vertical-align:middle;} #why #box-01 .area-05 .h2-why span{ display:inline-block; background:#f7790e; width:70px; line-height:70px; font-size:40px; font-weight:bold; color:#fff; text-align:center; position:relative; top:-3px;} #why #box-01 .area-05 .inner{ padding:20px; padding-top:0px;} #why #box-01 .area-05 .inner .tb-01{ margin-bottom:30px;} #why #box-01 .area-05 .p-01{ font-size:22px; font-weight:bold;} #why #box-01 .area-05 .p-02{ font-size:18px; font-weight:bold; letter-spacing:normal; margin-bottom:10px;} #why #box-01 .area-05 .inner .tb-01 .area05-tb-01{ display:flex;} #why #box-01 .area-05 .tb-01 .area05-tb-01-txt{ width:78%; fontsize:16px; letter-spacing:normal;} #why #box-01 .area-05 .tb-01 .area05-tb-01-txt-02{margin-top:20px; margin-bottom:30px;} #why #box-01 .area-05 .inner .tb-03{ border:solid; border-color:#f7780f;} #why #box-01 .area-05 .inner .tb-03 h3{color:#fff; background-color:#f7780f; text-align:center; font-size:28px; margin-bottom:25px;} #why #box-01 .area-05 .inner .tb-03 p{ padding:0 20px; padding-top:0px; font-weight:bold; font-size:18px;} #why #box-01 .area-05 .inner .tb-03 p span{ color:#d12717; font-size:30px;} #why #box-01 .area-05 .inner .tb-03 p span .span-03{font-size:18px; font-weight:bold;} #why #box-01 .area-05 .inner .tb-03 .p-03{font-size:15.5px; font-weight:normal; letter-spacing:normal;} #why #box-01 .area-05 .inner .td-03-00{background:url(../images/why/img-02.png) left 20px top 50% no-repeat #f7780f; padding-top:5px; border-radius:30px; margin:20px;} #why #box-01 .area-05 .inner .td-03-00 p{ color:#fff; margin-left:50px; font-size:16px; font-weight:bold; letter-spacing:normal; padding-left:35px; padding-top:10px; padding-bottom:10px;} #why #box-01 .area-06-bk{background:#fff6e6; padding:0 20px 20px;} #why #box-01 .area-06{background:#fff; padding-bottom:50px;} #why #box-01 .area-06 .h2-why{ font-size:30px; text-align:left;border:none;border-top:3px solid #f7790e; background:none; padding:0; margin-bottom:30px; vertical-align:middle;} #why #box-01 .area-06 .h2-why span{ display:inline-block; background:#f7790e; width:70px; line-height:70px; font-size:40px; font-weight:bold; color:#fff; text-align:center; position:relative; top:-3px;} #why #box-01 .area-06 .inner{ padding:20px; padding-top:0px;} #why #box-01 .area-06 .inner .tb-01{ margin-bottom:30px;} #why #box-01 .area-06 .inner .tb-01 .p-01{ font-size:22px; font-weight:bold;} #why #box-01 .area-06 .inner .tb-01 .p-02{ font-size:18px; font-weight:bold; letter-spacing:normal; margin-bottom:10px; letter-spacing:normal;} #why #box-01 .area-06 .inner .tb-01 .p-03{ margin-bottom:30px; letter-spacing:normal;} #why #box-01 .area-06 .inner .tb-01 .p-04{ letter-spacing:normal;} #why #box-01 .area-06 .inner .tb-01 img{ margin:20px 0; width:100%; box-sizing: border-box;} #why #box-01 .area-06 .inner .tb-01 .p-05{ font-weight:bold; text-align:center;} #why #box-01 .area-06 .inner .tb-01 .p-05 span{ font-size:17.5px; line-height:2;} #why #box-01 .area-06 .inner .tb-01 .area-06-img{ padding:0 20px 20px; box-sizing: border-box;} #why #box-01 .area-06 .inner .tb-03{ border:solid; border-color:#f7780f;} #why #box-01 .area-06 .inner .tb-03 h3{color:#fff; background-color:#f7780f; text-align:center; font-size:28px; margin-bottom:25px;} #why #box-01 .area-06 .inner .tb-03 p{ padding:0 20px; padding-top:0px; font-weight:bold; font-size:18px;} #why #box-01 .area-06 .inner .tb-03 p span{ color:#d12717; font-size:30px;} #why #box-01 .area-06 .inner .tb-03 p span .span-03{font-size:18px; font-weight:bold;} #why #box-01 .area-06 .inner .tb-03 .p-03{font-size:15.5px; font-weight:normal; letter-spacing:normal;} #why #box-01 .area-06 .inner .td-03-00{background:url(../images/why/img-02.png) left 20px top 50% no-repeat #f7780f; padding-top:5px; border-radius:20px; margin:20px; width:70%;} #why #box-01 .area-06 .inner .td-03-00 p{ color:#fff; margin-left:50px; font-size:16px; font-weight:bold; letter-spacing:normal; padding-left:35px; padding-top:10px; padding-bottom:10px;} #why #box-01 .area-06 .inner .tb-03 p .area-06-p-span1{ padding-left:33px; font-size:18px; color:#333; letter-spacing:normal;} #why #box-01 .area-06 .inner .tb-03 p .area-06-p-span2{ font-size:20px; letter-spacing:normal;} #why #box-01 .area-06 .inner .tb-03 .area-06-tb-03-box{ background:url(../images/why/img-08.png) right 20px bottom no-repeat;} /*▼▼▼▼▼安心の保証制度　hosyo▼▼▼▼▼*/ /*▼▼▼▼▼安心の保証制度　hosyo▼▼▼▼▼*/ #hosyo #wrper{ width:900px;} #hosyo h3{ font-size:26px; font-weight:bold; color:#0279b5; text-align:center; margin-bottom:20px;} #hosyo #box-01{ border:3px solid #004ea2; padding:20px 30px 40px; margin-bottom:60px;} #hosyo #box-01 .area-01{} #hosyo #box-01 .area-02{ border:3px solid #0279b5; border-radius:10px; margin-bottom:20px;} #hosyo #box-01 .area-02 .title{ background:#0279b5; text-align:center; padding:30px 0;} #hosyo #box-01 .area-02 .title p{ font-size:30px; font-weight:bold; color:#fff; line-height:1.8em; font-family: 'Noto Sans JP', sans-serif;} #hosyo #box-01 .area-02 .title p span{ color:#fef301;} #hosyo #box-01 .area-02 .inner{ padding:20px 20px 30px;} #hosyo #box-01 .area-02 .inner .p-01{ font-size:14px; letter-spacing:normal; text-align:right; padding-top:15px; margin-bottom:30px;} #hosyo #box-01 .area-02 a{ color:#0066ff;} #hosyo #box-01 .area-02 .p-02{ padding:0 20px;} #hosyo #box-02{ border:3px solid #70ba44; padding:20px 30px 40px; margin-bottom:60px;} #hosyo #box-02 .area-01{ margin-bottom:30px;} #hosyo #box-02 .area-01 .p-01{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:15px; font-family: 'Noto Sans JP', sans-serif;} #hosyo #box-02 .area-01 .p-01 span{ color:#e70e0e;} #hosyo #box-02 .area-02{ background:url(../images/hosyo/hosho-09.png) right top no-repeat; padding-top:30px; margin-bottom:70px;} #hosyo #box-02 .area-02 p{ font-weight:bold; line-height:2em; position:relative; display:inline-block; width:420px; padding-bottom:20px; margin-bottom:120px;} #hosyo #box-02 .area-02 p span{ font-size:18px; display:inline-block; margin-bottom:10px;} /*矢印*/ #hosyo #box-02 .area-02 p:before{ content:""; display: inline-block; width:0px; height:0px; border-top:solid 10px transparent; border-bottom:solid 10px transparent; border-left:solid 20px #d80b18; border-right:solid 20px transparent; position:absolute; bottom:0; right:0px;} #hosyo #box-02 .area-02 p:after{ content:""; display: inline-block; width:390px; height:6px; background: #d80b18; position:absolute; bottom:7px; left: 0;} #hosyo #box-02 .area-02 .inner{ background:#70ba44; font-size:22px; font-weight:bold; color:#fff; text-align:center; line-height:2em; padding:20px; border-radius:10px; font-family: 'Noto Sans JP', sans-serif;} #hosyo #box-02 .area-03{ overflow:hidden; position:relative; padding-bottom:90px; margin-bottom:50px;} #hosyo #box-02 .area-03 h2{ font-size:26px; text-align:center; border-bottom:4px solid #70ba44; background:none; margin-bottom:20px;} #hosyo #box-02 .area-03 h2 span{ font-size:38px;} #hosyo #box-02 .area-03 .p-01{ font-size:20px; font-weight:bold; text-align:center; margin-bottom:30px;} #hosyo #box-02 .area-03 .p-02{ font-size:18px; font-weight:bold; color:#fff; text-align:center; background:#35aee5;letter-spacing:normal; padding:10px 0; position:absolute; left:0; bottom:0; width:100%;} #hosyo #box-02 .area-03 .left{ width:500px; float:left;} #hosyo #box-02 .area-03 .left p{ line-height:2em;} #hosyo #box-02 .area-03 .right{ width:280px; float:right;} #hosyo #box-02 .area-03 .right p{ font-size:14px; letter-spacing:normal; padding-top:15px;} #hosyo #box-02 .area-04{ margin-bottom:50px; padding-top:30px;} #hosyo #box-02 .area-04 .p-01{ font-size:28px; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; margin-bottom:20px;} #hosyo #box-02 .area-05{} #hosyo #box-02 .area-05 .p-title{ font-size:24px; font-weight:bold; color:#fff; text-align:center; background:#70ba44; padding:10px 0; margin-bottom:30px; font-family: 'Noto Sans JP', sans-serif;} #hosyo #box-02 .area-05 ul{ margin-bottom:30px;} #hosyo #box-02 .area-05 ul li{ font-size:17px; font-weight:bold; margin-bottom:10px; padding-left:1em; text-indent:-1em;} #hosyo #box-03{ border:3px solid #dc7f2d; padding:20px 30px 40px; margin-bottom:100px;} #hosyo #box-03 .area-01{ margin-bottom:50px;} #hosyo #box-03 .area-01 p{ font-size:18px; font-weight:bold; text-align:center;} #hosyo #box-03 .area-01 p span{ color:#dc7f2d;} #hosyo #box-03 .area-01 .p-01{ font-size:24px;} #hosyo #box-03 .area-02{ margin-bottom:50px;} #hosyo #box-03 .area-02 .p-title{ font-size:32px; font-weight:bold; color:#fff; text-align:center; background:#dc7f2d; padding:10px 0; margin-bottom:30px; font-family: 'Noto Sans JP', sans-serif;} #hosyo #box-03 .area-02 .inner{ margin-bottom:30px;} #hosyo #box-03 .area-02 .inner img{ margin-right:5px;} #hosyo #box-03 .area-02 .inner img:last-child{ margin-right:0px;} #hosyo #box-03 .area-02 .p-01{ font-size:24px; font-weight:bold; color:#dc7f2d; text-align:center; padding-top:70px; margin-bottom:5px;} #hosyo #box-03 .area-03{ border:5px solid #f4d4aa; margin:25px; position:relative;} #hosyo #box-03 .area-03 .p-01{ font-size:18px; font-weight:bold; color:#dc7f2d; text-align:center; padding-top:25px; margin-bottom:15px; font-family: 'Noto Sans JP', sans-serif;} #hosyo #box-03 .area-03 .img-c{ margin-bottom:250px;} #hosyo #box-03 .area-03 .img-01{ position:absolute; top:250px; left:-25px;} #hosyo #box-03 .area-03 .img-02{ position:absolute; top:270px; right:-25px;} #hosyo #box-03 .area-03 .p-02{ font-size:16px; font-weight:500;text-align:center; line-height:2em; margin-bottom:30px; font-family: 'Noto Sans JP', sans-serif;} #hosyo #box-03 .text-c{ font-size:14px; letter-spacing:normal;} /*▼▼▼▼▼共通-商品仕様ページナビ▼▼▼▼▼*/ #box-navi{} #box-navi .area-01{ overflow:hidden;} #box-navi .area-01 ul{ overflow:hidden; text-align:center;} #box-navi .area-01 ul li{ display:inline-block; text-align:center; padding:10px 0px 25px 0px; width:168px; border:#999 solid 2px; margin:2px; margin-bottom:8px; background:url(../images/common/more-ico-02.png) center bottom 10px no-repeat; background-size:15px; font-weight:bold;} #box-navi .area-01 ul a{ text-decoration:none; color:#000;} /*imgの調整*/ .img-c{ display:block; margin:auto;} /*▼▼▼▼▼ながれ▼▼▼▼▼*/ #flow .box{ width:auto; margin-left:20px;margin-bottom:-15px; overflow:hidden; border:#093 dotted 1px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; padding:20px 0px;display:flex;justify-content:center;align-items:center;gap:20px;} #flow .box .right-01{ width:965px;float:right;} #flow .box .left{ width:70px; height:70px; float:left;} #flow .box .left .left-img{ width:70px; height:70px;} #flow .box .left #left-01{ background-image:url(../images/flow/h3-01.jpg);} #flow .box .left #left-02{ background-image:url(../images/flow/h3-02.jpg);} #flow .box .left #left-03{ background-image:url(../images/flow/h3-03.jpg);} #flow .box .left #left-04{ background-image:url(../images/flow/h3-04.jpg);} #flow .box .left #left-05{ background-image:url(../images/flow/h3-05.jpg);} #flow .box .left #left-06{ background-image:url(../images/flow/h3-06.jpg);} #flow .box .left #left-07{ background-image:url(../images/flow/h3-07.jpg);} #flow .box .left #left-08{ background-image:url(../images/flow/h3-08.jpg);} #flow .box .left #left-09{ background-image:url(../images/flow/h3-09.jpg);} #flow .box .left #left-10{ background-image:url(../images/flow/h3-10.jpg);} #flow .box .left #left-11{ background-image:url(../images/flow/h3-11.jpg);} #flow .box .left #left-12{ background-image:url(../images/flow/h3-12.jpg);} #flow .box .left #left-13{ background-image:url(../images/flow/h3-13.jpg);} #flow .box .left #left-14{ background-image:url(../images/flow/h3-14.jpg);} #flow .box .left #left-15{ background-image:url(../images/flow/h3-15.jpg);} #flow .box .inner{ padding:0px 10px 0 10px;} #flow .box .inner-01{ padding:0px 10px 0 10px;} #flow .yazirushi{ background-image: url(../images/flow/yazi.png); width:76px; height:63px;margin-left:350px; text-indent:-9999px;} #flow .box h3{color:#3eb134; font-weight:bold; margin-bottom:0px; font-size:18px; text-indent:0px;} #flow #img-01{ background: url(../images/flow/img-01.png); width:193px; height:499px; position:absolute; top:680px; right:0px;} #flow #img-02{ background:url(../images/flow/img-02.png); width:193px; height:855px; position:absolute; top:1250px; right:0px;} /*▼▼▼▼▼付帯工事について　futai▼▼▼▼▼*/ #futai #box-01{ width:900px; margin:auto;} #futai #box-01 h2{ font-size:36px; text-align:center;} #futai #box-01 .area-01{ margin-bottom:50px;} #futai #box-01 .area-kaiwa{ margin-bottom:70px;} #futai #box-01 .area-kaiwa .entry{ margin-bottom:30px;} #futai #box-01 .area-kaiwa .men img{ margin-right:20px; vertical-align:middle;} #futai #box-01 .area-kaiwa .woman img{ margin-left: 20px; vertical-align:middle;} /*男性吹き出し*/ #futai #box-01 .area-kaiwa .men .fukidashi{ position: relative; display: inline-block; padding:20px; min-width: 120px; max-width: 560px; border: solid 4px #f7790e; border-radius:10px; box-sizing: border-box; vertical-align:middle; text-align:justify;} #futai #box-01 .area-kaiwa .men .fukidashi:before { content: ""; position: absolute; top: 50%; left: -20px; margin-top: -7px; border:7px solid transparent; border-right:17px solid #FFF; z-index: 2;} #futai #box-01 .area-kaiwa .men .fukidashi:after { content: ""; position: absolute; top: 50%; left: -30px; margin-top: -10px; border: 10px solid transparent; border-right:20px solid #f7790e; z-index: 1;} #futai #box-01 .area-kaiwa .men .fukidashi{ font-weight:bold;} /*女性吹き出し*/ #futai #box-01 .area-kaiwa .woman{ text-align:right;} #futai #box-01 .area-kaiwa .woman .fukidashi{ position: relative; display: inline-block; padding:20px; min-width: 120px; max-width: 560px; border: solid 4px #004ea2; border-radius:10px; box-sizing: border-box; vertical-align:middle; text-align:justify;} #futai #box-01 .area-kaiwa .woman .fukidashi:before { content: ""; position: absolute; top: 50%; right: -20px; margin-top: -7px; border:7px solid transparent; border-left:17px solid #FFF; z-index: 2;} #futai #box-01 .area-kaiwa .woman .fukidashi:after { content: ""; position: absolute; top: 50%; right: -30px; margin-top: -10px; border: 10px solid transparent; border-left:20px solid #004ea2; z-index: 1;} #futai #box-01 .area-02{ width:900px; margin:0 auto 50px;} #futai #box-01 .area-02 .p-01{ color:#fff; font-weight:bold; margin-bottom:5px; font-size:22px; text-align:center; background:#024da1; margin:0 2px; padding:5px 0px;} #futai #box-01 .area-02 table{ width:100%; table-layout: fixed; text-align:center; position:relative; top:-5px;} #futai #box-01 .area-02 table th{ border:2px solid #fff; background:#024da1; font-weight:bold; color:#fff; padding:13px 0; text-align:center;} #futai #box-01 .area-02 table td{ border-right:2px solid #fff; background:#e1efff; padding:5px 18px;} #futai #box-01 .area-02 table td span{ display:block; text-align:left; letter-spacing:normal;} #futai #box-01 .area-02 table tr:nth-of-type(2) td{ padding-top:20px;} #futai #box-01 .area-02 table tr:last-of-type td{ padding-bottom:20px;} #futai #box-01 .area-03{ width:900px; margin:0 auto 50px;} #futai #box-01 .area-03 table{ width:100%; table-layout: fixed; text-align:center;} #futai #box-01 .area-03 table th{ background:#024da1; font-weight:bold; color:#fff; padding:13px 0; text-align:center;} #futai #box-01 .area-03 table td{ background:#e1efff; padding:5px 18px;} #futai #box-01 .area-03 table td span{ display:block; text-align:left; letter-spacing:normal;} #futai #box-01 .area-03 table tr:nth-of-type(2) td{ padding-top:20px;} #futai #box-01 .area-03 table tr:last-of-type td{ padding-bottom:20px;} #futai #box-01 .area-04{ margin:0 auto 100px;} #futai #box-01 .area-04 .entry{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #999;} #futai #box-01 .area-04 .entry h3{ background:url(../images/futai/icon-01.jpg) left 3px no-repeat; font-size:24px; font-weight:bold; color:#f7790e; padding-left:45px; margin-bottom:20px;} #fp #box-01{ overflow:hidden;} #fp #box-01 .area-01{ padding-top:40px;position:relative; } #fp #box-01 .area-01 .youtube2{ margin-bottom:0px;} #fp #box-01 .area-01 .p-no{display:inline-block;font-size:34px; font-weight:bold; background:#f7790e; color:#Fff; padding:8px 10px;border-radius:10px; position:absolute; top:0px; left:50px;text-align:center; line-height:1em;} #fp #box-01 .area-01 .p-no span{ font-size:16px;} #fp #box-01 .area-01 .inner{margin-bottom:50px; background:#F6F6F6; padding:50px;overflow:hidden;} #fp #box-01 .area-01 .inner .tb-01{ margin-bottom:50px;} #fp #box-01 .area-01 .inner .tb-01 .p-01{ font-size:40px; border-bottom:#CCC dotted 1px; margin-bottom:20px; font-weight:bold;} #fp #box-01 .area-01 .inner .tb-01 .text span{ font-size:20px;font-weight:bold;} #fp #box-01 .area-01 .inner .tb-02{ background:#FFF; padding:15px; margin-bottom:50px;} #fp #box-01 .area-01 .inner .tb-02 .p-01{ color:#f7790e; font-weight:bold; font-size:20px;} #fp #box-01 .area-01 .inner .tb-02 .p-02{font-weight:bold; font-size:20px;} #fp #box-01 .area-01 .inner .tb-02 .p-03{font-weight:bold; font-size:20px; color:#C00;} #fp #box-01 .area-01 .inner .tb-02 .p-04{ background:#C00;font-weight:bold; font-size:40px; color:#fff; text-align:center; margin-top:20px;} #fp #box-01 .area-02{ background:#F6F6F6; padding:20px;} #fp #box-01 .area-02 .p-01{ font-size:25px; border-bottom:#CCC dotted 1px; margin-bottom:20px; font-weight:bold; text-align:center;} #fp #box-01 .area-02 .p-02{font-weight:bold; text-align:center; line-height:1em; font-size:20px;} #fp #box-01 .area-02 .p-02 .s-01{ font-size:24px; color:#000;} #fp #box-01 .area-02 .p-02 .s-01b{ font-size:30px; color:#C00; position:relative; top:3px;} #fp #box-01 .area-02 .p-02 .s-02{background:#C00;font-weight:bold; font-size:20px; color:#fff; display:inline-block; padding:3px 10px;border-radius:10px; position:relative; bottom:2px;} /*▼▼▼▼▼枠組み壁工法（2×6工法）　twobysix▼▼▼▼▼*/ #twobysix h3{font-size:30px; color:#024ea2; margin-bottom:20px;} #twobysix #box-01{} #twobysix #box-01 .area-01{margin-bottom:70px;} #twobysix #box-01 .area-01 .tb-01{ margin-bottom:20px;} #twobysix #box-01 .area-01 .tb-01 .p-01{} #twobysix #box-01 .area-01 .tb-01 .p-01 span{} #twobysix #box-01 .area-01 .tb-02{ text-align:center; margin-bottom:50px;} #twobysix #box-01 .area-01 .tb-03{ margin-bottom:50px;} #twobysix #box-01 .area-02{ background:#fff0e3; margin-bottom:70px; padding:30px; margin-bottom:70px;} #twobysix #box-01 .area-02 .tb-01{ margin-bottom:20px;} #twobysix #box-01 .area-02 .tb-01 .p-01{ font-size:24px; font-weight:bold; color:#f7780f; margin-bottom:20px; text-align:center;} #twobysix #box-01 .area-02 .tb-01 .p-01 span{} #twobysix #box-01 .area-02 ul{ margin-bottom:20px;} #twobysix #box-01 .area-02 ul li{margin-bottom:10px; font-weight:bold;} #twobysix #box-01 .area-02 ul li span{ display:inline-block; background:#f7780f; color:#fff0e3;border-radius:15px; margin-right:7px; padding:0 8px;} #twobysix #box-01 .area-02 .tb-02{ text-align:center; margin-bottom:20px;} #twobysix #box-01 .area-02 .tb-02 .p-01{ font-size:24px; font-weight:bold; color:#f7780f; margin-bottom:20px;} #twobysix #box-01 .area-03{ overflow:hidden; margin-bottom:70px; text-align:center;} #twobysix #box-01 .area-03 img{} #twobysix #box-01 .area-04{} #twobysix #box-01 .area-04 .tb-01{ margin-bottom:30px;} #twobysix #box-01 .area-04 .tb-01 .p-01{} #twobysix #box-01 .area-04 .tb-01 .p-01 span{} #twobysix #box-01 .area-04 .tb-02{ background:#e9f8ff; padding:20px; margin-bottom:30px;} #twobysix #box-01 .area-04 .tb-02 .p-01{font-size:20px; color:#024ea2; margin-bottom:20px; font-weight:bold; text-align:center;} #twobysix #box-01 .area-04 .tb-02 .p-02{ text-indent:-1em; padding-left:1em; margin-bottom:20px;} #twobysix #box-01 .area-04 .tb-03{ text-align:center;} #twobysix #box-01 .area-00{} #twobysix #box-01 .area-00 .tb-01{} #twobysix #box-01 .area-00 .tb-01 .p-01{} #twobysix #box-01 .area-00 .tb-01 .p-01 span{} /*▼▼▼▼▼断熱性能　dannetsuzai▼▼▼▼▼*/ #dannetsuseinou #box-01 h2{ font-size:24px; line-height:1.7em; margin-bottom:40px; text-align:center;} #dannetsuseinou #box-01 h2 .orange{ font-size:36px; font-weight:800; color:#f7780f; display:inline-block; margin-bottom:15px;} #dannetsuseinou #box-01 h3{ font-size:30px; color:#024ea2; margin-bottom:20px;} #dannetsuseinou #box-01 h4{ font-size:20px; color:#0080b5; margin-bottom:10px;} #dannetsuseinou #box-01{ margin-bottom:50px;} #dannetsuseinou #box-01 .area-01{ margin-bottom:80px;} #dannetsuseinou #box-01 .area-01 .p-01{ font-size:20px; font-weight:bold; margin-bottom:5px;} #dannetsuseinou #box-01 .area-01 .inner{ background:#e9f8ff; overflow:hidden; margin-bottom:50px; padding:15px;} #dannetsuseinou #box-01 .area-01 .inner img{ float:left;} #dannetsuseinou #box-01 .area-01 .inner .t-box{ width:550px; float:right;} #dannetsuseinou #box-01 .area-01 .inner .t-box span{ font-size:20px; font-weight:bold; padding:0 10px;} #dannetsuseinou #box-01 .area-03{ background:#e9f8ff; padding:30px 30px;} #dannetsuseinou #box-01 .area-03 .p-01{ font-size:24px; font-weight:bold; color:#00739e; text-align:center; margin-bottom:20px;} #dannetsuseinou #box-01 .area-03 ul{} #dannetsuseinou #box-01 .area-03 ul li{ color:#00739e; margin-bottom:20px;} #dannetsuseinou #box-01 .area-03 ul li .point{ background:#00739e; font-weight:bold; color:#fff; padding:5px 10px; display:inline-block; margin-right:10px; border-radius:5px; vertical-align:top;} #dannetsuseinou #box-01 .area-03 ul li .text{ width:550px; display:inline-block; margin-right:20px;} #dannetsuseinou #box-02{ margin-bottom:50px;} #dannetsuseinou #box-02 h3{ font-size:30px; color:#024ea2; margin-bottom:20px;} #dannetsuseinou #box-02 h4{ font-size:20px; color:#0080b5; margin-bottom:10px;} #dannetsuseinou #box-02 .area-01{ margin-bottom:50px;} #dannetsuseinou #box-02 .area-02{ margin-bottom:50px;} #dannetsuseinou #box-02 .area-03{ margin-bottom:50px; overflow:hidden;} #dannetsuseinou #box-02 .area-03 .left { width:360px; float:left;} #dannetsuseinou #box-02 .area-03 .right{ width:365px; float:right;} #dannetsuseinou #box-02 .area-04{ margin-bottom:50px;} #dannetsuseinou #box-03{ margin-bottom:50px;} #dannetsuseinou #box-03 h3{ font-size:30px; color:#024ea2; margin-bottom:20px;} #dannetsuseinou #box-03 h4{ font-size:20px; color:#0080b5; margin-bottom:10px;} #dannetsuseinou #box-03 .p-01{ font-size:24px; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; padding-top:50px; margin-bottom:50px;} #dannetsuseinou #box-03 .area-01{ margin-bottom:50px;} #dannetsuseinou #box-03 .area-02{ margin-bottom:50px;} #dannetsuseinou #box-03 .area-02 .p-01{ font-size:24px; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; padding-top:50px; margin-bottom:50px;} #dannetsuseinou #box-03 .area-03{ margin-bottom:50px;} #dannetsuseinou #box-03 .area-04{ margin-bottom:50px;} #dannetsuseinou #box-03 .area-05{ margin-bottom:50px;} #dannetsuseinou #box-03 .area-06{ margin-bottom:50px;} #dannetsuseinou #box-03 .area-06 p{ margin-bottom:15px;} #dannetsuseinou #box-03 .area-06 ul li{ font-size:14px; padding-left:1em; text-indent:-1em; margin-bottom:15px;} #dannetsuseinou #box-04{ margin-bottom:50px;} #dannetsuseinou #box-04 .area-01{} #dannetsuseinou #box-04 .area-01 .p-01{ font-size:32px; font-weight:bold; text-align:center; margin-bottom:10px; font-family: 'Noto Sans JP', sans-serif;} #dannetsuseinou #box-04 .area-01 .p-01 span{ color:#d12717;} #dannetsuseinou #box-04 .area-01 .waku-1{ border:#C00 solid 3px; margin-bottom:40px; padding-top:30px;} #dannetsuseinou #box-04 .area-01 .logo{ display:block; margin:0 auto 40px; width:50%;} #dannetsuseinou #box-04 .area-01 .inner{ background:#d12717; padding:30px;} #dannetsuseinou #box-04 .area-01 .inner p{ font-size:24px; font-weight:bold; color:#fff; font-family: 'Noto Sans JP', sans-serif;} #dannetsuseinou #box-04 .area-02{ overflow:hidden; margin-bottom:80px;} #dannetsuseinou #box-04 .area-02 .left{ width:410px; float:left;} #dannetsuseinou #box-04 .area-02 .right{ width:290px; float:right; text-align:center; padding-top:10px;} #dannetsuseinou #box-04 .area-02 .right p{ padding:15px 0 20px;} #dannetsuseinou #box-04 .area-03{ overflow:hidden; margin-bottom:70px;} #dannetsuseinou #box-04 .area-03 .left{ width:320px; float:left;} #dannetsuseinou #box-04 .area-03 .right{ width:400px; float:right; padding-top:30px;} #dannetsuseinou #box-04 .area-03 .right img{ margin-bottom:40px;} #dannetsuseinou #box-04 .area-03 .right dl{} #dannetsuseinou #box-04 .area-03 .right dl dt{ font-size:20px; font-weight:bold; color:#d12717; font-family: 'Noto Sans JP', sans-serif; vertical-align:middle;} #dannetsuseinou #box-04 .area-03 .right dl dt span{ font-size:24px; padding-right:5px; position:relative; top:3px;} #dannetsuseinou #box-04 .area-03 .right dl dd{ padding-left:31px; margin-bottom:20px;} #dannetsuseinou #box-04 .area-04{ margin-bottom:70px;} #dannetsuseinou #box-04 .area-04 h2{ font-size:48px; font-weight:bold; background:none; margin-bottom:0px;} #dannetsuseinou #box-04 .area-04 h2 span{ font-size:64px; color:#d12717; padding-right:10px; position:relative; top:5px;} #dannetsuseinou #box-04 .area-04 h3{ font-size:18px; font-weight:bold; color:#d12717; text-align:center; margin-bottom:20px;} #dannetsuseinou #box-04 .area-04 p{ padding-left:57px;} #dannetsuseinou #box-04 .area-04 .p-01{ font-size:24px; margin-bottom:10px; font-family: 'Noto Sans JP', sans-serif;} #dannetsuseinou #box-04 .area-04 .inner{ overflow:hidden; padding-top:50px;} #dannetsuseinou #box-04 .area-04 .inner .left{ width:310px; float:left;} #dannetsuseinou #box-04 .area-04 .inner .right{ width:380px; float:right; padding-top:68px;} #dannetsuseinou #box-04 .area-04 .inner p{ padding-left:0;} #dannetsuseinou #box-04 .area-04 .inner img{ margin-bottom:30px;} #dannetsuseinou #box-04 .area-05{ margin-bottom:70px;} #dannetsuseinou #box-04 .area-05 h3{ font-size:18px; font-weight:bold; color:#d12717; text-align:center; padding-top:15px; margin-bottom:20px;} #dannetsuseinou #box-04 .area-06{ margin-bottom:70px;} #dannetsuseinou #box-04 .area-06 h2{ font-size:48px; font-weight:bold; background:none; margin-bottom:0px;} #dannetsuseinou #box-04 .area-06 h2 span{ font-size:64px; color:#d12717; padding-right:10px; position:relative; top:5px;} #dannetsuseinou #box-04 .area-06 h3{ font-size:18px; font-weight:bold; color:#d12717; text-align:center; margin-bottom:20px;} #dannetsuseinou #box-04 .area-06 p{ padding-left:57px;} #dannetsuseinou #box-04 .area-06 .p-01{ font-size:24px; margin-bottom:10px;} #dannetsuseinou #box-04 .area-06 .inner{ overflow:hidden; padding-top:50px;} #dannetsuseinou #box-04 .area-06 .inner .left{ width:310px; float:left;} #dannetsuseinou #box-04 .area-06 .inner .right{ width:380px; float:right;} #dannetsuseinou #box-04 .area-06 .inner p{ padding-left:0;} #dannetsuseinou #box-04 .area-06 .inner img{ margin-bottom:30px;} #dannetsuseinou #box-04 .area-07{ margin-bottom:70px;} #dannetsuseinou #box-04 .area-07 h3{ font-size:24px; font-weight:bold; color:#d12717; margin-bottom:15px;} #dannetsuseinou #box-04 .area-07 p { margin-bottom:20px;} #dannetsuseinou #box-04 .area-08{ margin-bottom:30px;} #dannetsuseinou #box-04 .area-08 h2{ font-size:48px; font-weight:bold; background:none; margin-bottom:0px;} #dannetsuseinou #box-04 .area-08 h2 span{ font-size:64px; color:#d12717; padding-right:10px; position:relative; top:5px;} #dannetsuseinou #box-04 .area-08 h3{ font-size:18px; font-weight:bold; color:#d12717; text-align:center; margin-bottom:20px;} #dannetsuseinou #box-04 .area-08 p{ padding-left:57px; margin-bottom:30px;} #dannetsuseinou #box-04 .area-08 .p-01{ font-size:24px; margin-bottom:10px;} #dannetsuseinou #box-04 .area-08 img{ margin-bottom:20px;} #dannetsuseinou #box-05{ margin-bottom:50px;} #dannetsuseinou #box-05 .area-01{} #dannetsuseinou #box-05 .area-01 .p-01{ font-size:36px; font-weight:bold; text-align:center; margin-bottom:10px;color:#d12717;} #dannetsuseinou #box-05 .area-01 .waku-1{ border:#0099dc solid 3px; margin-bottom:40px; padding-top:30px;} #dannetsuseinou #box-05 .area-01 .logo{ display:block; margin:0 auto 40px;} #dannetsuseinou #box-05 .area-01 .inner{ background:#0099dc; padding:30px;} #dannetsuseinou #box-05 .area-01 .inner p{ font-size:24px; font-weight:bold; color:#fff; font-family: 'Noto Sans JP', sans-serif;} #dannetsuseinou #box-05 .area-02{ margin-bottom:70px;} #dannetsuseinou #box-05 .area-02 h3{ font-size:24px; font-weight:bold; color:#0099dc; margin-bottom:20px;} #dannetsuseinou #box-05 .area-02 ul{ margin-bottom:30px;} #dannetsuseinou #box-05 .area-02 ul li{ margin-bottom:15px; vertical-align:middle;} #dannetsuseinou #box-05 .area-02 ul li .span-01{ font-size:24px; color:#0099dc; position:relative; top:1px;} #dannetsuseinou #box-05 .area-02 ul li .span-02{ font-size:20px; font-weight:bold; color:#0099dc; padding-right:20px; font-family: 'Noto Sans JP', sans-serif; vertical-align:top;} #dannetsuseinou #box-05 .area-02 img{ margin-bottom:20px;} #dannetsuseinou #box-05 .area-03{} #dannetsuseinou #box-05 .area-03 p{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:40px; font-family: 'Noto Sans JP', sans-serif;} #dannetsuseinou #box-05 .area-03 p span{ color:#f50202;} #dannetsuseinou #box-05 .area-03 .inner{ width:650px; margin:auto; overflow:hidden; margin-bottom:50px;} #dannetsuseinou #box-05 .area-03 .inner h3{ font-size:20px; font-weight:bold; text-align:center; margin-bottom:10px;} #dannetsuseinou #box-05 .area-03 .inner h3 span{ color:#0099dc;} #dannetsuseinou #box-05 .area-03 .inner .left{ width:310px; float:left;} #dannetsuseinou #box-05 .area-03 .inner .right{ width:310px; float:right;} #dannetsuseinou #box-05 .area-03 .inner-02{ width:650px; margin:auto; overflow:hidden; margin-bottom:30px;} #dannetsuseinou #box-05 .area-03 .inner-02 img{ float:right;} #dannetsuseinou #box-05 .area-03 .inner-02 img:last-child{ float:left;} #dannetsuseinou #box-06{ margin-bottom:50px;} #dannetsuseinou #box-06 .area-01{} #dannetsuseinou #box-06 .area-01 .p-01{ font-size:36px; font-weight:bold; text-align:center; margin-bottom:10px;color:#d12717;} #dannetsuseinou #box-06 .area-01 .p-01 span{} #dannetsuseinou #box-06 .area-01 ul li{ font-size:20px; font-weight:bold; margin-bottom:5px;} #dannetsuseinou #box-06 .area-01 ul li span{ color: #5B2514; font-size:25px;} #dannetsuseinou #box-06 .area-01 .tb-02{ overflow:hidden; margin-bottom:50px;} #dannetsuseinou #box-06 .area-01 .tb-02 .p-02{ font-weight:bold; size:120%;} #dannetsuseinou #box-06 .area-01 .tb-02 img{ margin:auto; display:block; margin-bottom:10px;} #dannetsuseinou #box-07{ margin-bottom:50px;} #dannetsuseinou #box-07 .area-01{} #dannetsuseinou #box-07 .area-01 .p-01{ font-size:36px; font-weight:bold; text-align:center; margin-bottom:10px; color: #d12717;} #dannetsuseinou #box-07 .area-01 ul li{ font-size:20px; font-weight:bold; margin-bottom:5px;} #dannetsuseinou #box-07 .area-01 ul li span{ color: #5B2514; font-size:25px;} #dannetsuseinou #box-07 .area-01 .tb-02{ overflow:hidden; margin-bottom:50px;} #dannetsuseinou #box-07 .area-01 .tb-02 .p-02{ font-weight:bold; size:120%;} #dannetsuseinou #box-07 .area-01 .tb-02 img{ margin:auto; display:block; margin-bottom:10px} #dannetsuseinou #box-07 .area-01 .tb-02 .left{ width:48%; float:left;} #dannetsuseinou #box-07 .area-01 .tb-02 .right{ width:48%; float:right;} #dannetsuseinou #box-07 .area-01 .tb-03{ overflow:hidden; margin-bottom:50px;} #dannetsuseinou #box-07 .area-01 .tb-03 img{margin-bottom:10px} #dannetsuseinou #box-07 .area-01 .tb-03 .left{ width:46%; float:left; border:#CCC solid 1px; padding:10px;} #dannetsuseinou #box-07 .area-01 .tb-03 .right{ width:46%; float:right; border:#CCC solid 1px; padding:10px;} #dannetsuseinou #box-07 .area-01 .tb-03 .pc{ text-align:center;} #dannetsuseinou #box-07 .area-01 .tb-04{ overflow:hidden; margin-bottom:50px;} #dannetsuseinou #box-07 .area-01 .tb-04 .p-02{ font-weight:bold; size:120%;} #dannetsuseinou #box-07 .area-01 .tb-04 .left{ width:46%; float:left; border:#CCC solid 1px; padding:10px;} #dannetsuseinou #box-07 .area-01 .tb-04 .right{ width:46%; float:right; border:#CCC solid 1px; padding:10px;} /*▼▼▼▼▼エコキュート　ecocute▼▼▼▼▼*/ #ecocute #box-01 h2{ font-size:24px; line-height:1.7em; margin-bottom:40px; text-align:center;} #ecocute #box-01 h2 .orange{ font-size:36px; font-weight:800; color:#f7780f; display:inline-block; margin-bottom:15px;} #ecocute #box-01{ margin-bottom:70px;} #ecocute #box-01 .area-01 .inner{ width:600px; margin:0 auto 30px; overflow:hidden; text-align:center;} #ecocute #box-01 .area-01 .inner img{} #ecocute #box-01 .area-02{margin:0 auto 30px; padding-top:50px; text-align:center;} #ecocute #box-01 .area-02 h3{ font-size:24px; font-weight:bold; margin-bottom:20px;} #ecocute #box-01 .area-02 p{ margin-bottom:10px;} #ecocute #box-02{ margin-bottom:100px; text-align:center;} #ecocute #box-02 h3{ font-size:28px; font-weight:bold; color:#024ea2; margin-bottom:30px;} #ecocute #box-02 .area-01{ margin-bottom:40px;} #ecocute #box-02 .area-02{ text-align:center;} #ecocute #box-02 .area-02 img{ margin-right:20px;} #ecocute #box-02 .area-02 ul{ display:inline-block; vertical-align:bottom;} #ecocute #box-02 .area-02 ul li{ text-align:left; line-height:1.8em;} #ecocute #box-03{ margin-bottom:50px; text-align:center;} #ecocute #box-03 h3{ font-size:28px; font-weight:bold; color:#024ea2; margin-bottom:30px;} #ecocute #box-03 .area-01{ margin-bottom:70px;} #ecocute #box-03 .area-01 .inner{ width:650px; margin:auto; padding-top:50px;} #ecocute #box-03 .area-01 .inner img{ margin-bottom:20px;} #ecocute #box-03 .area-01 .inner img:nth-child(2){ margin-bottom:40px;} #ecocute #box-03 .area-02{ margin-bottom:70px;} #ecocute #box-03 .area-02 .inner{ padding-top:50px;} #ecocute #box-04{ margin-bottom:80px; text-align:center;} #ecocute #box-04 h3{ font-size:28px; font-weight:bold; color:#024ea2; margin-bottom:30px;} #ecocute #box-04 .area-01{ margin-bottom:50px;} #ecocute #box-04 .area-01 p{ margin-bottom:30px;} #ecocute #box-04 .area-01 img{ margin-bottom:30px;} #ecocute #box-04 .area-01 .youtube{ height:410px;} #ecocute #box-04 .area-02{ text-align:center; margin-bottom:50px;} #ecocute #box-04 .area-02 img{ margin-right:5px;} #ecocute #box-04 .area-02 img:last-child{ margin-right:0px;} #ecocute #box-04 .area-03{ background:#e9f8ff url(images/ecocute/bk-img.png) right top no-repeat; padding:30px; border:1px solid #024ea2;} #ecocute #box-04 .area-03 .inner{} #ecocute #box-04 .area-03 .inner p{ line-height:2em; letter-spacing:normal;} /*▼▼▼▼▼アイホン　aiphone▼▼▼▼▼*/ #aiphone #box-01{ margin-bottom:100px;} #aiphone #box-01 h2{ text-align:center;} #aiphone #box-01 .area-01{ margin-bottom:40px;} #aiphone #box-01 .area-02{ background:#e9f8ff; text-align:center; padding:50px 50px; margin-bottom:30px;} #aiphone #box-01 .area-02 .logo{ margin-bottom:40px;} #aiphone #box-01 .area-02 .inner{ overflow:hidden; margin-bottom:30px; text-align:center;} #aiphone #box-01 .area-02 .inner .entry{ display:inline-block; margin:0 10px; vertical-align:top;} #aiphone #box-01 .area-02 .inner .entry img{ margin-bottom:15px;} /*高さ調整*/ #aiphone #box-01 .area-02 .inner .entry:nth-child(1){ padding-top:84px;} #aiphone #box-01 .area-02 .inner .entry:nth-child(3){ padding-top:15px;} #aiphone #box-02{ text-align:center;} #aiphone #box-02 .area-01{ margin-bottom:30px;} #aiphone #box-03{ text-align:center; margin-bottom:30px;} #aiphone #box-03{margin-bottom:30px;} #aiphone #box-04{ text-align:center;margin-bottom:30px;} #aiphone #box-04{} /* ============================================ よくある質問（Q&A）アコーディオン スタイル デザインハウス甲府 サイトデザインに合わせた設定 ============================================ */ .qa-wrap * { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; transition: 0s; } .qa-wrap h2 {background: none;margin-bottom:0px;font-size:20px; font-weight:bold;} .qa-wrap { margin-bottom: 40px; } /* ---- イントロ文 ---- */ .qa-intro { margin-bottom: 28px; padding: 16px 20px; background: #f9f7f4; border-left: 4px solid #b8966e;color: #555; } .qa-intro a { color: #b8966e; text-decoration: underline; } /* ============================================ カテゴリーボタンリスト ============================================ */ .qa-cat-buttons { margin-bottom: 36px; } .qa-cat-buttons ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .qa-cat-buttons li { margin: 0; padding: 0; } /* ボタン本体 */ .qa-cat-btn { display: flex; align-items: center; gap: 14px; padding: 15px 18px; background: #fff; border: 2px solid #e0d5c8; border-radius: 6px; text-decoration: none; color: #333; transition: border-color 0.2s, background 0.2s, transform 0.15s; } .qa-cat-btn:hover { border-color: #b8966e; background: #fdf9f5; transform: translateX(4px); text-decoration: none; color: #333; } /* Q アイコン */ .qa-cat-btn-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #b8966e; color: #fff; font-size: 16px; font-weight: bold; font-family: 'Noto Serif JP', serif; flex-shrink: 0; } /* カテゴリー名 */ .qa-cat-btn-label { flex: 1;font-weight: bold;} /* 矢印 */ .qa-cat-btn-arrow { font-size: 22px; color: #b8966e; line-height: 1; flex-shrink: 0; } /* ============================================ 各カテゴリーセクション ============================================ */ .qa-section { margin-bottom: 36px; scroll-margin-top: 80px; /* 固定ナビ分のオフセット */ } /* カテゴリータイトル */ .qa-category-title { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: bold; color: #fff; background: #b8966e; padding: 12px 18px; margin: 0; border-radius: 4px 4px 0 0; letter-spacing: 0.05em; font-family: 'Noto Serif JP', serif; } .qa-cat-dot { display: inline-block; width: 7px; height: 7px; background: #fff; border-radius: 50%; flex-shrink: 0; } /* ============================================ Q&A アコーディオンリスト ============================================ */ .qa-list { margin: 0; padding: 0; border: 1px solid #e0d5c8; border-top: none; border-radius: 0 0 4px 4px; overflow: hidden; } /* 各アイテム */ .qa-item { border-bottom: 1px solid #e0d5c8; } .qa-item:last-child { border-bottom: none; } /* 質問（dt） */ .qa-question { display: flex; align-items: center; gap: 12px; padding: 15px 18px; cursor: pointer; background: #fff; transition: background 0.2s; list-style: none; user-select: none; position: relative; margin: 0; } .qa-question:hover { background: #fdf9f5; } .qa-item.is-open .qa-question { background: #fdf6ee; } .qa-question-text { flex: 1;font-weight: bold; color: #333; line-height: 1.65; padding-right: 30px; } /* 回答（dd） */ .qa-answer { display: flex; align-items: flex-start; gap: 12px; padding: 15px 18px 20px; margin: 0; background: #faf8f5; border-top: 1px dashed #e0d5c8; } .qa-answer-text { flex: 1; font-size: 14px; color: #555; line-height: 1.9; } .qa-answer-text p { margin: 0 0 10px; } .qa-answer-text p:last-child { margin-bottom: 0; } .qa-answer-text a { color: #b8966e; text-decoration: underline; } /* Q / A ラベル（丸） */ .qa-label { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; font-size: 16px; font-weight: bold; font-family: 'Noto Serif JP', serif; flex-shrink: 0; line-height: 1; } .qa-q-label { background: #b8966e; color: #fff; } .qa-a-label { background: #e8ddd0; color: #7a5c3a; } /* ＋ / × アイコン */ .qa-toggle-icon { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; flex-shrink: 0; } .qa-toggle-icon::before, .qa-toggle-icon::after { content: ''; position: absolute; background: #b8966e; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; } /* 横線 */ .qa-toggle-icon::before { width: 14px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* 縦線（閉じているとき） */ .qa-toggle-icon::after { width: 2px; height: 14px; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; } /* 開いているとき：縦線を消す */ .qa-item.is-open .qa-toggle-icon::after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); } /* ============================================ カテゴリーに戻るリンク ============================================ */ .qa-back-top { text-align: right; margin-top: 10px; padding: 0 4px; } .qa-back-top a {color: #b8966e; text-decoration: none; border-bottom: 1px solid #e0d5c8; padding-bottom: 2px; } .qa-back-top a:hover { border-bottom-color: #b8966e; } /* ============================================ スマホ対応（max-width: 480px） ============================================ */ @media screen and (max-width: 480px) { .qa-intro {padding: 13px 13px; } /* カテゴリーボタン */ .qa-cat-btn { padding: 12px 13px; gap: 10px; } .qa-cat-btn-icon { width: 30px; height: 30px; } .qa-cat-btn-label {} .qa-cat-btn-arrow {} /* カテゴリータイトル */ .qa-category-title {padding: 10px 13px; } /* アコーディオン */ .qa-question { padding: 13px 13px; gap: 10px; } .qa-question-text {padding-right: 26px; } .qa-answer { padding: 13px 13px 16px; gap: 10px; } .qa-answer-text {} .qa-label { width: 28px; height: 28px; font-size: 14px; } .qa-toggle-icon { right: 13px; } .qa-back-top { margin-top: 8px; } } /*▼▼▼▼▼ブログ▼▼▼▼▼*/ #bl h2 a{text-decoration:none; color:#000;} #bl .box{ margin-bottom:50px;} /*▼▼▼▼▼MT▼▼▼▼▼*/ .asset-name, .asset-name a, .archive-title { color: #000; } h1.asset-name { font-size: 14px; font-weight: bold; margin-bottom: .25em; } .asset-header { margin-bottom: 15px; } .asset { margin-bottom: 50px; } .content-nav { text-align: center; margin: 30px 0 50px; } .asset-content { margin-bottom: 0px; margin-left: 10pxoverflow: hidden; }/*←大きさを指定*/ .asset-meta { padding-top: 10px; text-align: right; margin-right: 10px; font-size: 11px; } .widget-content li { padding-bottom: 5px; } .archive-title { color: #666; margin: 5px 0 30px; font-size: 18px; font-weight: bold; } .entry-tags h4, .entry-categories h4 { margin-bottom: 0; margin-right: .25em; display: inline; font-weight: bold; } .entry-tags ul, .entry-categories ul { display: inline; list-style: none; margin-left: 0; padding-left: 0; } .entry-tags ul li, .entry-categories ul li { display: inline; } .trackbacks { margin-bottom: 1.5em; } .trackbacks-info { margin-left: 10px; } .comments-open-content { margin-left: 10px; } .comment-content { margin: 5px 0 15px 0; } .comments-header, .comments-open-header, .trackbacks-header { color: #534741; margin:font-size:14px; font-weight: bold; } .trackbacks-header { /* ie win (5, 5.5, 6) bugfix */ p\osition: relative; width: 100%; w\idth: auto; } #comment-text { width: 500px; } .pagebute { text-align: center; } .seo p{ color: #666;} .seo { text-align: right; margin-top: 35px; border:#BB7760 solid 1px; padding: 10px; margin-right: 10px; margin-left: 10px; background: url(../images/common/logof.png) 20px 10px no-repeat #fff; background-size:25%;} .seo p { font-size: 11px;} .seo a { color:#666; text-decoration: none; } /*▲▲▲▲▲MTここまで▲▲▲▲▲*/ /*▼▼▼▼▼blog▼▼▼▼▼*/ #blog #box-03{ width:730px; overflow:hidden; margin-bottom:0px;} #blog #box-03 .entry{ width:230px; float:left; margin-left:10px; margin-bottom:20px;} #blog #box-03 .entry .title{ background:url(images/common/dt.jpg) 0 6px no-repeat; padding-left:10px; margin-bottom:5px; font-weight:bold; font-size:14px;} #blog #box-03 .entry .photo{ width:230px; height:173px; overflow:hidden; margin-bottom:5px;display:table-cell;text-align:center;vertical-align:middle;layout-grid-line:173px; background:#333;} #blog #box-03 .entry .photo img{ max-width:230px; max-height:173px;} #blog #box-03 .entry .title a{ color:#333; font-size:14px;} #blog #box-03 .entry .honbun{ padding-left:14px;} #blog #box-03 .entry p.honbun{ font-size:14px;} #interior #box-01 .area-01{ text-align: center; background: url(images/interior/industrial/img-01.jpg)center bottom no-repeat; background-size:100%; padding:60px 0px;} #interior #box-01 .area-01 p{ font-size: 24px; font-weight: bold;background: rgba(255,255,255, 0.9); padding:20px 60px; display:inline-block;} #interior #box-01 .area-01 p span.s-01{display: inline-block; background: #e95504; border-radius: 10px; color: #FFF; font-size: 20px; padding: 10px 30px; position: relative; margin-bottom:20px;} #interior #box-01 .area-01 p span.s-01::after { content: ""; position: absolute; bottom: -15px; /* 三角の位置 */ left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #e95504; /* 吹き出しの背景と同じ色 */ } #interior #box-01 .area-01 p span.s-02{background:linear-gradient(transparent 60%, #ff6 60%);} #interior #box-01 .area-02{ background:#eeece7; padding:30px;} #interior #box-01 .area-02 p{ font-size:16px; font-weight:bold; text-align:center;} #interior #box-02 .p-h2{ font-size:40px; text-align:center; font-weight:bold; margin-bottom:50px;} #interior #box-02 .p-sub { position: relative; text-align: center; font-size: 20px; /* 任意のサイズに調整 */ margin: 0 auto; font-size:30px; font-weight:bold;} #interior #box-02 .p-sub::after { content: ""; display: block; width: 100px; /* 下線の長さ */ height: 2px; /* 下線の太さ */ background: #eeece7; /* 線の色 */ margin: 8px auto 0 auto; /* 上に余白、中央揃え */ } #interior #box-02 .p-title{ color:#e95504; font-size:40px; font-weight:bold; text-align:center; margin-bottom:0px; line-height:1.5em;} #interior #box-02 .p-title span{ font-size:50px;} #interior #box-02 .area-01{ margin-bottom:100px;} #interior #box-02 .area-01 .tb-01{ margin-bottom:40px;} #interior #box-02 .area-01 .tb-02{ overflow:hidden; margin-bottom:50px;} #interior #box-02 .area-01 .more-pdf{ text-align: center;} #interior #box-02 .area-01 .more-pdf a { display: inline-block; border: #e95504 solid 1px; padding: 15px 50px; text-decoration: none; color: #e95504; font-size: 20px; position: relative; overflow: hidden; transition: color 0.3s ease; } #interior #box-02 .area-01 .more-pdf a::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0%; background-color: #e95504; z-index: 0; transition: width 0.4s ease; } #interior #box-02 .area-01 .more-pdf a:hover::before { width: 100%; } #interior #box-02 .area-01 .more-pdf a:hover { color: #fff;opacity: 1; filter: alpha(opacity=100);} #interior #box-02 .area-01 .more-pdf a i { position: relative; z-index: 1; } #interior #box-02 .area-01 .more-pdf a span { position: relative; z-index: 1; } /*▼▼▼▼▼basic標準使用　basic-shiyo▼▼▼▼▼*/ #basic-shiyo #wrper .box{ width:690px;padding:20px; background: url(images/equipment/basic.png) left top no-repeat #e2e9fd; ;box-shadow: 0px 0px 8px rgba(0,0,0,0.2); margin:auto; margin-bottom:50px} #basic-shiyo h3{ font-size:48px; font-weight:bold; margin-bottom:20px;} #basic-shiyo h3 span{ font-size:30px;} #basic-shiyo h4{ background:#7f90c7; color:#FFF;font-size:24px; font-weight:bold; margin-bottom:20px; text-align:center; padding:5px;} #basic-shiyo #box-01{} #basic-shiyo #box-01 .area-01{} #basic-shiyo #box-01 .area-01 .p-01{ font-size:18px; font-weight:bold;} #basic-shiyo #box-01 .area-01 .tb-02{ overflow:hidden;margin-top:30px;} #basic-shiyo #box-01 .area-01 .tb-02 .left{ width:320px; float:right;} #basic-shiyo #box-01 .area-01 .tb-02 .right{ width:320px; float:left;} #basic-shiyo #box-01 .area-01 .tb-03{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-01 .area-01 .tb-03 .left{ width:319px; float:left;} #basic-shiyo #box-01 .area-01 .tb-03 .right{ width:320px; float:right; padding-top:50px;} #basic-shiyo #box-01 .area-01 .tb-04{ overflow:hidden; margin-bottom:20px;} #basic-shiyo #box-01 .area-01 .tb-04 .left{ width:484px; float:left;} #basic-shiyo #box-01 .area-01 .tb-04 .right{ width:162px; float:right;} #basic-shiyo #box-01 .area-01 .tb-04 .right img{ margin-bottom:25px;} #basic-shiyo #box-01 .area-01 .tb-04 .right img:last-child{ margin-bottom:0px;} #basic-shiyo #box-01 .area-01 .tb-05{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-01 .area-01 .tb-06{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-01 .area-01 .tb-06 img{ margin-bottom:10px;} #basic-shiyo #box-01 .area-01 .tb-06 .left{ width:320px; float:left;} #basic-shiyo #box-01 .area-01 .tb-06 .right{ width:320px; float:right;} #basic-shiyo #box-01 .area-01 .tb-07{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-01 .area-01 .tb-07 .left{ width:321px; float:left;} #basic-shiyo #box-01 .area-01 .tb-07 .right{ width:319px; float:right;} #basic-shiyo #box-01 .area-01 .tb-08{ overflow:hidden;} #basic-shiyo #box-01 .area-01 .tb-08 p{ text-align:center; padding-top:10px;} #basic-shiyo #box-01 .area-01 .tb-09{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-01 .area-01 .tb-09 .left{ width:322px; float:left;} #basic-shiyo #box-01 .area-01 .tb-09 .right{ width:328px; float:right;} #basic-shiyo #box-01 .area-01 .tb-10{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-01 .area-01 .tb-10 .left{ width:176px; float:left;} #basic-shiyo #box-01 .area-01 .tb-10 .right{ width:470px; float:right;} #basic-shiyo #box-01 .area-01 .tb-11{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-01 .area-01 .tb-11 .left{ width:176px; float:left;} #basic-shiyo #box-01 .area-01 .tb-11 .right{ width:470px; float:right;} #basic-shiyo #box-02 .area-01 .tb-01{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-02 .area-01 .tb-01 .left{ width:360px; float:left;} #basic-shiyo #box-02 .area-01 .tb-01 .right{ width:300px; float:right;} #basic-shiyo #box-02 .area-01 .tb-01 .right img{ display:block; margin:auto;margin-bottom:10px;} #basic-shiyo #box-02 .area-01 .tb-02{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-02 .area-01 .tb-02 p{ margin-bottom:5px;} #basic-shiyo #box-02 .area-01 .tb-02 img{ width:50%;} #basic-shiyo #box-02 .area-01 .tb-03{ overflow:hidden; margin-bottom:50px; background:#ffffff; border:#CCC solid 1px;} #basic-shiyo #box-02 .area-01 .tb-03 .left{ width:257px; float:left;} #basic-shiyo #box-02 .area-01 .tb-03 .right{ width:387px; height:162px;float:right;} #basic-shiyo #box-02 .area-01 .tb-03 .right .inner{ padding:10px;} #basic-shiyo #box-02 .area-01 .tb-03 .right .inner p{ font-size:14px; letter-spacing:normal;} #basic-shiyo #box-02 .area-01 .tb-03 .right img{ display:block; margin:auto;margin-bottom:10px;} #basic-shiyo #box-02 .area-01 .tb-04{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-02 .area-01 .tb-04 .entry{ width:288px; border:#CCC solid 1px; float:left; margin-bottom:20px; background:#FFF; padding:15px;} #basic-shiyo #box-02 .area-01 .tb-04 .entry:nth-child(2n){ float:right;} #basic-shiyo #box-02 .area-01 .tb-04 .entry .photo{ width:288px; height:180px; display:table-cell; vertical-align:middle; text-align:center; margin-bottom:7px;} #basic-shiyo #box-02 .area-01 .tb-04 .entry p.p-01{ font-weight:bold; text-align:center;} #basic-shiyo #box-02 .area-01 .tb-04 .entry-01{ width:288px; border:#CCC solid 1px; float:left; margin-bottom:20px; background:#FFF; padding:15px;} #basic-shiyo #box-02 .area-01 .tb-04 .entry-01 .photo{ width:96px; height: auto; display:table-cell; vertical-align:middle; text-align:center; margin-bottom:0px; float:right;} #basic-shiyo #box-02 .area-01 .tb-04 .entry-01 p.p-01{ font-weight:bold;} #basic-shiyo #box-03 .area-01 .tb-01{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-03 .area-01 .tb-01 .left{ width:368px; float:left;} #basic-shiyo #box-03 .area-01 .tb-01 .right{ width:273px; float:right;} #basic-shiyo #box-03 .area-01 .tb-01 .right img{} #basic-shiyo #box-03 .area-01 .tb-02{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-03 .area-01 .tb-02 .left{ width:325px; float:left;} #basic-shiyo #box-03 .area-01 .tb-02 .right{ width:320px; float:right;} #basic-shiyo #box-03 .area-01 .tb-03{ overflow:hidden; background:#FFF;margin-bottom:50px; padding:20px; border:#CCC solid 1px;} #basic-shiyo #box-03 .area-01 .tb-04{ overflow:hidden; margin-bottom:0px;} #basic-shiyo #box-03 .area-01 .tb-04 .entry{ width:288px; border:#CCC solid 1px; float:left; margin-bottom:20px; background:#FFF; padding:15px;} #basic-shiyo #box-03 .area-01 .tb-04 .entry:nth-child(2n){ float:right;} #basic-shiyo #box-03 .area-01 .tb-04 .entry .photo{ width:288px; height:180px; display:table-cell; vertical-align:middle; text-align:center; margin-bottom:7px;} #basic-shiyo #box-03 .area-01 .tb-04 .entry .photo img{max-width:288px; max-height:180px;} #basic-shiyo #box-03 .area-01 .tb-04 .entry p.p-01{ font-weight:bold; text-align:center;} #basic-shiyo #box-04 .area-01 .tb-01:last-child{margin-bottom:0px;} #basic-shiyo #box-04 .area-01 .tb-01{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-04 .area-01 .tb-01 .left{ width:376px; float:left;} #basic-shiyo #box-04 .area-01 .tb-01 .right{ width:239px; float:right; padding-top:80px;} #basic-shiyo #box-04 .area-01 .tb-01 .right img{ display:block; margin:auto; } #basic-shiyo #box-04 .area-01 .tb-02{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-04 .area-01 .tb-02 .entry{ width:288px; border:#CCC solid 1px; float:left; margin-bottom:20px; background:#FFF; padding:15px;} #basic-shiyo #box-04 .area-01 .tb-02 .entry:nth-child(2n){ float:right;} #basic-shiyo #box-04 .area-01 .tb-02 .entry .photo{ width:288px; height:180px; display:table-cell; vertical-align:middle; text-align:center; margin-bottom:7px;} #basic-shiyo #box-04 .area-01 .tb-02 .entry .photo img{max-width:288px; max-height:180px;} #basic-shiyo #box-04 .area-01 .tb-02 .entry p.p-01{ font-weight:bold; text-align:center;} #basic-shiyo #box-04 .area-01 .tb-03{ overflow:hidden; margin-bottom:50px; text-align: center; padding:30px; background:#FFF; border:#CCC solid 1px;} #basic-shiyo #box-04 .area-01 .tb-03 p{ text-align:left;} #basic-shiyo #box-04 .area-01 .tb-03 p.p-01{ font-weight:bold; text-align:center;} #basic-shiyo #box-05 .area-01 .tb-01{ margin-bottom:50px;} #basic-shiyo #box-05 .area-01 .tb-01 p{ margin-bottom:10px;} #basic-shiyo #box-05 .area-01 .tb-02{} #basic-shiyo #box-05 .area-01 .tb-02 p{ margin-bottom:10px;} #basic-shiyo #box-06 .area-01 .tb-01{ margin-bottom:50px;} #basic-shiyo #box-06 .area-01 .tb-01 p{ margin-bottom:10px;} #basic-shiyo #box-06 .area-01 .tb-02{ margin-bottom:20px;} #basic-shiyo #box-06 .area-01 .tb-02 p{ margin-bottom:10px; text-align:left;} #basic-shiyo #box-06 .area-01 .tb-02 .photo{ overflow:hidden;} #basic-shiyo #box-06 .area-01 .tb-02 img{ float:left; margin-right:12px; margin-bottom:10px;} #basic-shiyo #box-06 .area-01 .tb-02 img:nth-child(3n){margin-right:0px;} #basic-shiyo #box-06 .area-01 .tb-02:last-child{ margin-bottom:0px;} #basic-shiyo #box-07 .area-01 .tb-01{ margin-bottom:50px;} #basic-shiyo #box-07 .area-01 .tb-01 p{ margin-bottom:10px;} #basic-shiyo #box-07 .area-01 .tb-02{ overflow:hidden; margin-bottom:0px;} #basic-shiyo #box-07 .area-01 .tb-02 .left{ width:364px; float:left;} #basic-shiyo #box-07 .area-01 .tb-02 .right{ width:275px; float:right;} #basic-shiyo #box-07 .area-01 .tb-02 .right p{ margin-bottom:10px;} #basic-shiyo #box-07 .area-01 .tb-02 .right img{} #basic-shiyo #box-08 .area-01{} #basic-shiyo #box-08 .area-01 .tb-01{ overflow:hidden; margin-bottom:20px;} #basic-shiyo #box-08 .area-01 .tb-01 .left{ margin-bottom:20px; text-align:center;} #basic-shiyo #box-08 .area-01 .tb-01 .right .entry{ width:32.5%; margin-bottom:10px; display:inline-block;} #basic-shiyo #box-08 .area-01 .tb-02{ overflow:hidden; margin-bottom:20px; text-align:center;} #basic-shiyo #box-08 .area-01 .tb-02 .left{ display:inline-block;} #basic-shiyo #box-08 .area-01 .tb-02 .left:first-child{ float:left;} #basic-shiyo #box-08 .area-01 .tb-02 .left:last-child{ float:right;} #basic-shiyo #box-08 .area-01 .tb-02 .left:nth-child(2){ margin-right:20px;} #basic-shiyo #box-08 .area-01 .tb-03{ overflow:hidden; margin-bottom:20px; text-align:center;} #basic-shiyo #box-08 .area-01 .tb-03 .left{ width:141px; float:left;} #basic-shiyo #box-08 .area-01 .tb-03 .right{ width:503px; float:right; position:relative;} #basic-shiyo #box-08 .area-01 .tb-03 .right .sub{position: absolute; bottom:0; left:-200px;} #basic-shiyo #box-08 .area-01 .tb-04{ overflow:hidden;} #basic-shiyo #box-08 .area-01 .tb-04 .left{ width:320px; float:left;} #basic-shiyo #box-08 .area-01 .tb-04 .right{ width:320px; float:right;} #basic-shiyo #box-09 .area-01{} #basic-shiyo #box-09 .area-01 .tb-01{ overflow:hidden; margin-bottom:20px;} #basic-shiyo #box-09 .area-01 .tb-01 .left{ width:49%; float:left;} #basic-shiyo #box-09 .area-01 .tb-01 .left:nth-child(2){ float:right;} #basic-shiyo #box-09 .area-01 .tb-01 .entry{ margin-bottom:30px; text-align:center;} #basic-shiyo #box-09 .area-01 .tb-01 .entry:last-child{ margin-bottom:0px;} #basic-shiyo #box-09 .area-01 .tb-02{ overflow:hidden; clear:both; text-align:center;} #basic-shiyo #box-09 .area-01 .tb-02 .entry{ width:32%; text-align:center; display:inline-block; margin-bottom:10px; vertical-align:top;} #basic-shiyo #box-09 .area-01 .tb-02 .entry p{ font-size:14px; letter-spacing:normal;} #basic-shiyo #box-12 .area-01{} #basic-shiyo #box-12 .area-01 .tb-01{ overflow:hidden; margin-bottom:20px;} #basic-shiyo #box-12 .area-01 .tb-02{ overflow:hidden; text-align:center;} #basic-shiyo #box-12 .area-01 .tb-02 .entry{ display:inline-block; vertical-align:middle; width:24%;} #basic-shiyo #box-13 .area-01{} #basic-shiyo #box-13 .area-01 .tb-01{ overflow:hidden; margin-bottom:20px;} #basic-shiyo #box-13 .area-01 .tb-02{ overflow:hidden; background:#FFF; padding:20px; border:#CCC solid 1px;} #basic-shiyo #box-13 .area-01 .tb-02 .left{ float:left;width:48%;} #basic-shiyo #box-13 .area-01 .tb-02 .right{ float:right;width:48%;} #basic-shiyo #box-14 .area-01 .tb-01{ overflow:hidden; margin-bottom:20px;} #basic-shiyo #box-14 .area-01 .tb-01 .left{ width:320px; float:left;} #basic-shiyo #box-14 .area-01 .tb-01 .right{ width:320px; float:right; padding-top:30px;} #basic-shiyo #box-14 .area-01 .tb-01 .right p.p-01{font-size:120%; font-weight:bold; text-align:center; margin-bottom:10px;} #basic-shiyo #box-15 .area-01 .tb-01{ overflow:hidden;} #basic-shiyo #box-15 .area-01 .tb-01 p.p-01{font-size:120%; font-weight:bold; text-align:center; margin-bottom:10px;} #basic-shiyo #box-etc .area-01 .tb-01{ overflow:hidden; margin-bottom:50px;} #basic-shiyo #box-etc .area-01 .tb-01 .entry{ border:#CCC solid 1px; margin-bottom:20px; background:#FFF; padding:15px; overflow:hidden} #basic-shiyo #box-etc .area-01 .tb-01 .entry .left{ width:288px; float:left;} #basic-shiyo #box-etc .area-01 .tb-01 .entry .photo{ width:288px; height:180px; display:table-cell; vertical-align:middle; text-align:center; margin-bottom:7px;} #basic-shiyo #box-etc .area-01 .tb-01 .entry .photo img{max-width:288px; max-height:180px;} #basic-shiyo #box-etc .area-01 .tb-01 .entry .right{ width:350px;float:right; } #basic-shiyo #box-etc .area-01 .tb-01 .entry p.p-01{ font-weight:bold;} #basic-shiyo #box-etc .area-01 .tb-01 .entry p.p-02{ font-weight:bold; font-size:24px; color:#F69; line-height:1.2em; } /*▼▼▼▼▼共通-標準仕様▼▼▼▼▼*/ #box-hyouzyun table{width:100%;border-collapse: separate; margin-bottom:30px;} #box-hyouzyun table td{padding:5px;} #box-hyouzyun table td.text01{font-size:13px; font-weight:bold; text-align:center; color: #FFF;} #box-hyouzyun table td.text02{ width:120px; text-align:center; vertical-align:middle; color: #FFF; font-weight:bold; } #box-hyouzyun table td.c-01{ background-color:#538CA1;} #box-hyouzyun table td.c-01-a{ background-color:#75A3B4;} #box-hyouzyun table td.c-02{ background-color:#9A5B7A;} #box-hyouzyun table td.c-02-a{ background-color:#C29DAF;} #box-hyouzyun table td.c-03{ background-color:#F19236;} #box-hyouzyun table td.c-03-a{ background-color:#F7BE86;} #box-hyouzyun table td.c-04{ background-color:#019265;} #box-hyouzyun table td.c-04-a{ background-color:#67BEA3;} #box-hyouzyun table td.c-05{ background-color:#817BAF;} #box-hyouzyun table td.c-05-a{ background-color:#B3B0CF;} #box-hyouzyun table td.c-06{ background-color:#977435;} #box-hyouzyun table td.c-06-a{ background-color:#C1AC86;} #box-hyouzyun table td.c-07{ background-color:#5B7D56;} #box-hyouzyun table td.c-07-a{ background-color:#9DB19A;} #box-hyouzyun table td.c-01-b{ background-color: #EAEAEA;} /*▼▼▼▼▼共通-商品仕様ページナビ▼▼▼▼▼*/ #box-navi-soubi{ width:730px; margin:auto;margin-bottom:20px;} #box-navi-soubi .area-01{ overflow:hidden;} #box-navi-soubi .area-01 ul{ overflow:hidden;} #box-navi-soubi .area-01 ul li{ display:inline-block;margin:2px; margin-bottom:8px;font-weight:bold; font-size:20px;} #box-navi-soubi .area-01 ul a{ display:inline-block;text-decoration:none; text-align:center;color:#fff;width:168px; padding:10px 0px 25px;border:#ce5400 solid 2px; background:#f56500 url(../images/common/more-ico-03.png) center bottom 10px no-repeat; background-size:15px;border-radius:10px;} .more-bk-pdf{ text-align:center; clear:both; margin-bottom:30px;} .more-bk-pdf a{ text-decoration:none;} .more-bk-pdf .more-pdf{ display:inline-block;background: #333;padding:0px 50px; font-size:24px; color:#FFF; font-weight:bold;border-radius:10px; line-height:2.2em;} .more-bk-pdf .more-pdf img{ width:60px; position:relative; bottom:0px;} /*▼▼▼▼▼施工事例一覧▼▼▼▼▼*/ #cace #box-03{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px;margin-bottom:0;text-align:left;} #cace #box-03 .entry{width:100%;margin-bottom:0;} #cace #box-03 .entry .photo{margin-bottom:10px;overflow:hidden;} #cace #box-03 .entry .photo img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;transition:transform 0.3s ease;} #cace #box-03 .entry:hover .photo img{transform:scale(1.03);} #cace #box-03 .entry .title{background:url(images/common/dt.jpg) 0 6px no-repeat;padding-left:10px;margin-bottom:5px;font-weight:bold;} #cace #box-03 .entry .title a{color:#333;text-decoration:none;} #cace #box-03 .entry .title a:hover{text-decoration:underline;} #cace #box-03 .entry .honbun{padding-left:14px;} #cace #box-03 .entry p.honbun{font-size:14px;} #cace #box-03 .nextpage-box{grid-column:1/-1;width:100%;} @media screen and (max-width:900px){ #cace #box-03{grid-template-columns:repeat(2,1fr);} } @media screen and (max-width:600px){ #cace #box-03{grid-template-columns:repeat(2,1fr);gap:20px 10px;} #cace #box-03 .entry .title{font-size:14px;} } #cace #box-03 .no-entry{grid-column:1/-1;width:100%;padding:60px 20px;text-align:center;box-sizing:border-box;} #cace #box-03 .no-entry p{font-size:16px;color:#666;} /*▼ブログ共通　bl▼*/ .bl #wrper{width:1024px;margin:auto;overflow:hidden;padding:0px 0 70px;} /*　左カラム　*/ .bl #mleft{width:700px;float:left;} .bl #mleft .box{width:700px;padding-top:0;} /* アーカイブ・カテゴリー */ .bl #mleft .area-01{overflow:hidden;} .bl #mleft .tb-01{overflow:hidden;clear:both;padding-bottom:30px;margin-bottom:30px;border-bottom:#999 dotted 1px;} .bl #mleft .tb-01 img{width:170px;height:170px;object-fit:cover;float:left;margin-right:20px;background:#ECECEC;} .bl #mleft .tb-01 .p-01{font-size:19px;font-weight:bold;margin-bottom:15px;} .bl #mleft .tb-01 a{font-weight:;color:#1B4B1D;} .bl #mleft .tb-01 .p-01 a{font-weight:bold;color:#1B4B1D;} .bl #mleft #catego-title{position:relative; padding:1rem .5rem;font-size:30px;margin-bottom:30px;font-weight:bold;line-height:1em;} .bl #mleft #catego-title:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:-webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));background-image:-webkit-linear-gradient(left, #1B4B1D 0%, #613282 100%);background-image:linear-gradient(to right, #1B4B1D 0%, #613282 100%);} .bl #mleft .catego{padding:0px 20px; border-radius:20px; color:#FFF; display:inline-block; text-align:center; color:#FFF; font-weight: bold; font-size:14px;background: #66C;} .bl #mleft a.news{ background:#cd9be0;} .bl #mleft a.blog{ background:#FF9A35;} .bl #mleft a.color-03{ background:#41B274;} .bl #mleft a.catego{ color:#FFF; text-decoration:none;} .bl #mleft #box-01 .area-01 strong{} .bl #mleft ul.listcatego{ display:inline-block; position:relative; top:8px; margin-bottom:10px;} /*　右サイドカラム　*/ /* 右サイドカラム */ #mright{width:300px;float:right;} #mright .sbox{margin-bottom:40px;} #mright .sbox:last-child{margin-bottom:0;} /* 見出し */ #mright h2{position:relative;margin:0 0 18px;padding:0 0 10px;color:#333;font-size:19px;line-height:1.4;font-weight:700;letter-spacing:normal;border-bottom:1px solid #ddd;} #mright h2 span{display:inline-block;margin-left:10px;color:#1b4b1d;font-size:12px;font-weight:700;letter-spacing:0.05em;} #mright h2::before{content:"";position:absolute;bottom:-1px;left:0;z-index:1;width:70px;height:2px;background:#1b4b1d;} /* 新着記事 */ #mright #sbox-01 ul{margin:0;padding:0;list-style:none;} #mright #sbox-01 ul li{margin:0;padding:12px 0;border-bottom:1px solid #e5e5e5;} #mright #sbox-01 ul li:first-child{padding-top:0;} #mright #sbox-01 ul li a{display:flex;gap:15px;align-items:flex-start;color:#555;text-decoration:none;transition:opacity 0.2s;} #mright #sbox-01 ul li .img{flex-shrink:0;width:85px;height:85px;overflow:hidden;border:1px solid #eee;background:#f5f5f5;box-sizing:border-box;} #mright #sbox-01 ul li img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.3s;} #mright #sbox-01 ul li p{flex:1;width:auto;margin:0;padding:2px 0 0;color:#555;font-size:14px;line-height:1.7;font-weight:500;letter-spacing:normal;} #mright #sbox-01 ul li a:hover{opacity:0.8;} #mright #sbox-01 ul li a:hover img{transform:scale(1.05);} /* カテゴリー */ #mright #sbox-02 ul{margin:0;padding:0;list-style:none;border-top:1px solid #ddd;} #mright #sbox-02 ul li{position:relative;margin:0;border-bottom:1px solid #ddd;} #mright #sbox-02 ul li a{display:block;position:relative;padding:12px 30px 12px 25px;color:#555;font-size:15px;line-height:1.5;letter-spacing:normal;text-decoration:none;transition:color 0.2s,background-color 0.2s,padding-left 0.2s;} #mright #sbox-02 ul li a::before{content:"";position:absolute;top:50%;left:8px;width:6px;height:6px;border-top:2px solid #1b4b1d;border-right:2px solid #1b4b1d;transform:translateY(-50%) rotate(45deg);} #mright #sbox-02 ul li a:hover{padding-left:29px;color:#1b4b1d;background-color:#f1f7f1;} #mright #sbox-02 .cat-item-none{padding:12px 10px;color:#999;font-size:14px;} /*-------------------------------------------------------------------------------- * DROPDOWN --------------------------------------------------------------------------------*/ #mright #sbox-03 .widget_inner .screen-reader-text{display:none;height:50px;} #mright #sbox-03 .widget_inner .dd_wrap{width:100%;box-sizing:border-box;display:block;border-width:1px;border-style:solid;border-color:#e2e2e2;position:relative;margin-top:20px;} #mright #sbox-03 .widget_inner select{font:inherit;padding:0 0.625rem;box-sizing:border-box;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:none;background:none;cursor:pointer;} #mright #sbox-03 ::-ms-expand{display:none;} #mright #sbox-03 .widget_inner select:focus{outline:none;} #mright #sbox-03 .widget_inner label:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;right:12px;border-width:10px 5px;border-style:solid;border-color:transparent;border-top-color:#222;} /*▼記事詳細ページ　single▼*/ #single #mleft .h2-01{font-size:30px;} #single #mleft .date{font-weight:bold;margin-bottom:10px;text-align:right;} #single #mleft #catego-title{margin-bottom:30px;} /*▼診療記事詳細ページ　detail▼*/ #detail #box-01 .area-01{overflow:hidden;} #detail #box-01 .area-01 .p-01{font-size:20px;color:#808000;font-weight:bold;margin-bottom:7px;} .postNavi{overflow:hidden;margin-top:50px;} .postNavi .prev{display:inline-block;float:left;} .postNavi .next{display:inline-block;float:right;text-align:right;} .postNavi a{font-weight:;color:#1B4B1D;} .pagination{margin:40px 0 0;text-align:center;} .pagination .page-numbers{display:inline-block;margin:0 5px;padding:10px 15px;color:#333;border-radius:3px;box-shadow:1px 1px 5px #999;background:#fff;vertical-align:top;} .pagination .current{padding:10px 15px;background:#1B4B1D;color:#fff;} .pagination .prev, .pagination .next{background:transparent;box-shadow:none;color:#1B4B1D;} .pagination .dots{background:transparent;box-shadow:none;}