@charset "UTF-8";
/*
Theme Name: NewSite
Author: ProntoNet
Author URI: http://www.prontonet.ne.jp/
Version: 1.0
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after, section:after, article:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after, section:after, article:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* ----------------------------- 全体 */
body { font-size: 14px; line-height: 1.8em; color: #333; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-weight: 500; background: #fff; position: relative; min-width: 1280px; -webkit-text-size-adjust: 100%; }

a { text-decoration: none !important; }

a:link, a:visited { color: #000; text-decoration: underline; }

a:hover, a:active { text-decoration: none; }

a, a img { -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }

a:hover { opacity: 0.8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); }

.sp-only { display: none !important; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

span.caution { font-size: 1rem;}

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header{z-index: 5;}
.l-header--logo { float: left; padding-top: 15px; padding-left: 20px; }
.l-header--logo p { margin-top: 10px; font-size: 16px; font-size: 1rem; color: #066F9D; font-weight: 700; }
.l-header--logo a:hover { opacity: 1; }

.l-header--info { float: right; }
.l-header--info .info-tel { display: inline-block; vertical-align: top; padding-top: 25px; margin-right: 20px; }
.l-header--info .info-tel p { margin-top: 5px; font-weight: 700; text-align: right; }
.l-header--info .info-tel p span { color: #FF0000; }

.l-header--info .info-contact { display: inline-block; width: 150px; padding: 11px 0; font-size: 20px; font-size: 1.25rem; text-align: center; border-radius: 0 0 0 10px; background: #066F9D; color: #fff; line-height: 1.7; }
.l-header--info .info-contact span { color: #FFDB27; }

.l-header--nav { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0 10px; }
.l-header--nav:after, .l-header--nav:before { display: none; content: none; }

.l-header--nav .links{position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 10px 2.5%; line-height: 1; font-weight: 700;z-index: 5;}
.l-header--nav .links:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 2px; height: 42px; background: url(/themes/homei/img/common/header-icon1.png) no-repeat center; background-size: 100%; }
.l-header--nav .links:last-child:after { content: none; }
.l-header--nav .links .txt { font-size: 20px; font-size: 1.25rem; line-height: 1; }
_:-ms-fullscreen, :root .l-header--nav .links .txt { display: block; padding-top: 2px; }

.l-header--nav .links.in{position: relative;}
.l-header--nav .links.in::before{content: "";position: absolute;width: 100%;height: 10px;background: transparent;display: block;top: 100%;left: 0;}
.l-header--nav .links.in .txt{position: relative;display: flex;align-items: center;justify-content: center;}
.l-header--nav .links.in .txt::after{content: "";width: 10px;height:6px;background: url(../img/common/ar.png)no-repeat center/contain;display: block;margin-left: 10px;transition: all ease 0.3s;}

.l-header--nav .links.in .in-menu{background: #066F9D;position: absolute;z-index: 1;left: 0;width: 100%;top: calc(100% + 10px);opacity: 0;visibility: hidden;pointer-events: none;transition: all ease 0.3s;}

.l-header--nav .links.in .in-item{color: #fff;display: flex;align-items: center;position: relative;font-size: 1.125rem;padding: 13px 12px 11px 26px;font-weight: 700;text-align: left;border-bottom: 1px solid #fff;line-height: 1.55;}
.l-header--nav .links.in .in-item::before{content: "";display: inline-block;width: 6px;height: 9px;background: url(../img/common/arw.png)no-repeat center/contain;margin-right: 11px;}
.l-header--nav .links.in .in-item:last-of-type{border-bottom: none;}

.l-header--nav .links.in:hover{}
.l-header--nav .links.in:hover .txt::after{transform: rotateX(180deg);}

.l-header--nav .links.in:hover .in-menu{opacity: 1;visibility: visible;pointer-events: auto;}
/*.l-header*/
/*=======================================
フッター
=========================================*/
.l-footer { padding: 40px 0 20px; margin-top: 60px; background: #ECECEC; text-align: center; }

.l-footer .logo a:hover { opacity: 1; }

.l-footer .tel { margin-top: 30px; }

.l-footer .text { margin-top: 15px; font-size: 16px; font-size: 1rem; }

.l-footer .copy { margin-top: 15px; font-size: 12px; font-size: 0.75rem; color: #999999; }



/* ----------------------------- 2. トップページ */
/*=======================================
トップページ
=========================================*/
.p-top { /*&--kv*/ /*&--summary*/ /*&--reason*/ /*&--voice*/ /*&--flow*/ /*&--cost*/ /*&--faq*/ /*&--about*/ /*&--contact*/ }

.p-top--kv .kv-title { padding: 200px 0; background: url(/themes/homei/img/top/kv-img1.jpg) no-repeat top center; background-size: cover; }

.p-top--kv .kv-title h1 { position: relative; z-index: 2; }

.p-top--kv .kv-title h1:before { position: absolute; top: -125px; left: -62px; z-index: -1; display: block; content: ''; width: 730px; height: 240px; background: url(/themes/homei/img/top/kv-bg1.svg) no-repeat center; background-size: 100%; }

.p-top--kv .kv-title span { line-height: 1; color: #000; }

.p-top--kv .kv-title .title1 { font-size: 66px; font-size: 4.125rem; }

.p-top--kv .kv-title .title1 ruby rt { font-size: 19px; font-size: 1.1875rem; line-height: 1; }

.p-top--kv .kv-title .title2 { font-size: 46px; font-size: 2.875rem; }

.p-top--kv .kv-title .title3 { display: block; padding-top: 20px; font-size: 42px; font-size: 2.625rem; letter-spacing: .3rem; }

.p-top--kv .kv-title .title4 { display: block; margin-top: 15px; font-size: 22px; font-size: 1.375rem; letter-spacing: .1rem; }

.p-top--kv .kv-about { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; max-width: 1140px; margin-right: auto; margin-left: auto; margin-top: -40px; }

.p-top--kv .kv-about:after, .p-top--kv .kv-about:before { display: none; content: none; }

.p-top--kv .kv-about .title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 235px; color: #fff; font-size: 18px; font-size: 1.125rem; font-weight: 700; background: #066F9D; border-radius: 80px 0 0 80px; }

.p-top--kv .kv-about .title:after, .p-top--kv .kv-about .title:before { display: none; content: none; }

.p-top--kv .kv-about .title:after { position: absolute; top: 0; bottom: 0; right: -19px; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #066F9D; }

.p-top--kv .kv-about .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 235px); font-size: 18px; font-size: 1.125rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FFA927; border-radius: 0 80px 80px 0; }

.p-top--kv .kv-about .text:after, .p-top--kv .kv-about .text:before { display: none; content: none; }

.p-top--summary .summary-wrap { padding: 80px 0 60px; /*0margin-top: -40px;*/ background: #FFF8E5; }

.p-top--summary .summary-lead1 { padding: 40px; border: 4px solid #D8D8D8; border-radius: 10px; background: url(/themes/homei/img/top/summary-bg1.png) #fff no-repeat center right 40px; }

.p-top--summary .summary-lead1 ul { display: inline-block; vertical-align: top; margin-right: 25px; }

.p-top--summary .summary-lead1 ul li { font-size: 22px; font-size: 1.375rem; padding: 5px 0 5px 35px; margin-bottom: 10px; line-height: 1.6; background: url(/themes/homei/img/top/summary-icon1.svg) no-repeat left top 11px; }

.p-top--summary .summary-lead1 ul li strong { position: relative; }

.p-top--summary .summary-lead1 ul li strong:after { position: absolute; left: 0; right: 0; bottom: 2px; display: block; content: ''; width: 100%; height: 1px; background: #000; }

.p-top--summary .summary-lead1 p { margin-top: 30px; text-align: center; font-weight: 700; font-size: 26px; font-size: 1.625rem; }

.p-top--summary .summary-lead1 p strong { background: url(/themes/homei/img/top/marker-icon1.svg) repeat-x bottom; }

.p-top--summary .summary-lead1 p strong _:-ms-fullscreen, :root .p-top--summary .summary-lead1 p strong { background: url(/themes/homei/img/top/marker-icon1.svg) repeat-x bottom 10px center; }

.p-top--summary .summary-lead1 span.caution { font-size: 1rem; text-align: center; margin: 0 auto; display: block; margin-top: 15px; font-weight: bold; line-height: 1.4em;}

.p-top--summary .summary-lead2 { margin-top: 100px; }

.p-top--summary .summary-lead2 .image { margin-top: 20px; }

.p-top--summary .summary-lead2 .text1 { font-size: 28px; font-size: 1.75rem; font-weight: 700; text-align: center; }

.p-top--summary .summary-lead2 .text1 span { display: inline-block; padding: 12px 0; color: #066F9D; background: url(/themes/homei/img/top/summary-icon2.svg) no-repeat center bottom; }

.p-top--summary .summary-lead2 .text2 { margin-top: 40px; font-size: 33px; font-size: 2.0625rem; font-weight: 700; text-align: center; line-height: 1.4; }

.p-top--summary .summary-lead2 .note { margin-top: 10px; font-size: 20px; font-size: 1.25rem; text-align: center; }

.p-top--summary .summary-about { padding: 60px 0 100px; }

.p-top--summary .summary-about .head-main { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 378px); }

.p-top--summary .summary-about .head-main:after, .p-top--summary .summary-about .head-main:before { display: none; content: none; }

.p-top--summary .summary-about .head-main .sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 280px; height: 280px; background: url(/themes/homei/img/top/summary-icon3.svg) #066F9D no-repeat center; border-radius: 50%; }

.p-top--summary .summary-about .head-main .sub:after, .p-top--summary .summary-about .head-main .sub:before { display: none; content: none; }

.p-top--summary .summary-about .head-main .sub span { font-size: 34px; font-size: 2.125rem; font-weight: 700; color: #fff; line-height: 1.5; text-align: center; }

.p-top--summary .summary-about .head-main .main { padding-left: 40px; }

.p-top--summary .summary-about .head-main .main h3 { font-size: 26px; font-size: 1.625rem; }

.p-top--summary .summary-about .head-main .main h3 span { background: url(/themes/homei/img/top/marker-icon1.svg) repeat-x bottom; }

.p-top--summary .summary-about .head-main .main h3 span _:-ms-fullscreen, :root .p-top--summary .summary-about .head-main .main h3 span { background: url(/themes/homei/img/top/marker-icon1.svg) repeat-x bottom 10px center; }

.p-top--summary .summary-about .head-main .main p { margin-top: 20px; font-size: 18px; font-size: 1.125rem; line-height: 1.8; }

.p-top--summary .summary-about .head-sub { float: right; width: 378px; }


.p-top--summary .summary-about .about-pr{ margin-top: 40px; }
.p-top--summary .summary-about .about-pr p{text-align: center;font-weight: 700;color: #066F9D;font-size: 2.125rem;}

.p-top--summary .summary-about .about-foot { margin-top: 40px; }
.p-top--summary .summary-about .about-foot ul li { float: left; width: 23.75%; }
.p-top--summary .summary-about .about-foot ul li + li { margin-left: 1.6%; }

.p-top--reason { padding: 100px 0 150px; margin-bottom: 60px; background: url(../img/top/reason-bg1.png) no-repeat center; background-size: cover; }

.p-top--reason .c-title1 { margin-bottom: 20px; }

.p-top--reason p { font-size: 20px; font-size: 1.25rem; text-align: center; font-weight: 700; }

.p-top--reason .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1100px; margin: 30px auto 0; padding: 50px 0 40px; background: #fff; border-radius: 10px; }

.p-top--reason .wrap:after, .p-top--reason .wrap:before { display: none; content: none; }

.p-top--reason ul li { padding: 10px 0; margin-bottom: 20px; font-size: 34px; font-size: 2.125rem; font-weight: 700; }

.p-top--reason ul li .num { display: inline-block; margin-right: 10px; font-family: Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; color: #066F9D; }

.p-top--reason ul li strong { background: url(/themes/homei/img/top/marker-icon1.svg) repeat-x bottom; }

.p-top--reason ul li strong _:-ms-fullscreen, :root .p-top--reason ul li strong { background: url(/themes/homei/img/top/marker-icon1.svg) repeat-x bottom 10px center; }

.p-top--voice { padding: 100px 0 80px; margin-top: 100px; background: #FFF8E5; }
.p-top--voice.inpage { padding: 60px 0 40px; margin-top: 0; margin-bottom: 20px;}

.p-top--voice ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; width: 24.16%; padding: 30px; margin-bottom: 20px; border-radius: 10px; background: #fff; margin-right: 1.111%;}

.p-top--voice ul li:after, .p-top--voice ul li:before { display: none; content: none; }

.p-top--voice ul li:nth-child(4n) { margin-right: 0; }

.p-top--voice ul .main { font-size: 18px; font-size: 1.125rem; line-height: 1.8; overflow: auto; }

.p-top--voice ul .sub { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 18px; text-align: center; }

.p-top--voice ul .sub .text { margin-top: 10px; font-size: 16px; font-size: 1rem; }

.p-top--voice .linkbtn {text-align: center;}

.p-top--voice .linkbtn a {display: inline-block; width: 280px; vertical-align: middle; padding: 15px 0; background: #066F9D; border-radius: 10px; text-align: center; font-weight: 700; color: #FFF; font-size: 20px; font-size: 1.25rem;}

.p-top--flow { padding: 100px 0 60px; }

.p-top--flow .flow-list { max-width: 900px; margin: 0 auto; }

.p-top--flow .flow-list .underline { position: relative; font-weight: 700; }

.p-top--flow .flow-list .underline:after { position: absolute; left: 0; right: 0; bottom: 0px; display: block; content: ''; width: 100%; height: 1px; background: #000; }

.p-top--flow .flow-list dl { margin: 0px 0; }

.p-top--flow .flow-list dl dt { padding: 17px 20px; background: #066F9D; }

.p-top--flow .flow-list dl dd { padding: 20px 20px 40px 140px; font-size: 18px; font-size: 1.125rem; line-height: 1.8; background: url(/themes/homei/img/top/flow-icon1.svg) no-repeat left 70px center; }

.p-top--flow .flow-list dl:last-child dd { background: none; }

.p-top--flow .flow-list h3 { font-size: 22px; font-size: 1.375rem; color: #fff; }

_:-ms-fullscreen, :root .p-top--flow .flow-list h3 { display: block; padding-top: 2px; }

.p-top--flow .flow-list h3 span { display: inline-block; width: 100px; padding: 3px 0; margin-right: 20px; text-align: center; font-size: 20px; font-size: 1.25rem; font-family: Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; color: #066F9D; line-height: 1; background: #fff; border-radius: 30px; }



/*=======================================
    トップページ：住宅診断費用
=========================================*/
.p-top--cost {padding: 100px 0;background:#FFF8E5;}
.p-top--cost .c-wrap{max-width: 900px;}
.p-top--cost .cost-box{margin-bottom: 100px;}
.p-top--cost .cost-box .item{display: flex;align-items: center;justify-content: flex-start;gap: 35px;margin-bottom: 20px;background:#fff linear-gradient(155deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(245, 245, 245, 0.5) 70%, rgba(245, 245, 245, 0.5) 100%);border: 2px solid #DFD2BE;border-radius: 10px;overflow: hidden;box-sizing: border-box;padding: 25px 65px 25px 30px;position: relative;}
.p-top--cost .cost-box .item::after{content: "";width: 22px;aspect-ratio: 1/1;display: block;position: absolute;top: 50%;right: 34px;transform: translateY(-50%);background: url(../img/top/menu_arrow.png) no-repeat center/contain;}
.p-top--cost .cost-box .item:last-of-type{margin-bottom: 0;}
.p-top--cost .cost-box .item .ico{flex-shrink: 0;aspect-ratio: 1/1;width: 130px;border-radius: 50%;overflow: hidden;}
.p-top--cost .cost-box .item .ico img{max-width: 100%;width: 100%;height: 100%;object-fit: cover;}
.p-top--cost .cost-box .item .txt{font-weight: 700;}
.p-top--cost .cost-box .item .txt h3{font-size: 1.875rem;color: #066F9D;margin-bottom: 5px;line-height: 1.4;}
.p-top--cost .cost-box .item .txt p{font-size: 1.25rem;line-height: 1.6;}

/* .p-top--cost .cost-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 6px solid #333333; }
.p-top--cost .cost-tab:after, .p-top--cost .cost-tab:before { display: none; content: none; }
.p-top--cost .cost-tab a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 24.3%; padding: 22px 0 18px; text-align: center; border-radius: 10px 10px 0 0; border: 2px solid #333333; border-bottom: none; cursor: pointer; }
.p-top--cost .cost-tab a:hover { opacity: 1; }
.p-top--cost .cost-tab a span { font-size: 20px; font-size: 1.25rem; font-weight: 700; color: #333333; line-height: 1; }
_:-ms-fullscreen, :root .p-top--cost .cost-tab a span { display: block; padding-top: 2px; }
.p-top--cost .cost-tab a.is-active { background: #333333; }
.p-top--cost .cost-tab a.is-active span { color: #fff; }
.p-top--cost .cost-tab a + a { margin-left: 0.8%; }
.p-top--cost .cost-contents { }
.p-top--cost .cost-contents .content { display: none; }
.p-top--cost .cost-contents .content.is-active { display: block; }
.p-top--cost .cost-contents .block {  }
.p-top--cost .cost-contents .block + .block { margin-top: 60px; }
.p-top--cost .cost-contents .block .block-title { margin-bottom: 40px; background: #FFA927; text-align: center; padding: 26px 0; }
.p-top--cost .cost-contents .block .block-title.type--lite { background: #066F9D; color: #fff; }
.p-top--cost .cost-contents .block .block-title span { font-size: 24px; font-size: 1.5rem; font-weight: 700; line-height: 1; }
_:-ms-fullscreen, :root .p-top--cost .cost-contents .block .block-title span { display: block; padding-top: 4px; }
.p-top--cost .cost-contents .block .block-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 50px; }
.p-top--cost .cost-contents .block .block-wrap:after, .p-top--cost .cost-contents .block .block-wrap:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-wrap .main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 360px; min-height: 210px; padding: 40px 80px 30px 40px; margin-right: 160px; background: #fff; }
.p-top--cost .cost-contents .block .block-wrap .main:after, .p-top--cost .cost-contents .block .block-wrap .main:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-wrap .main ul { -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 360px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 4px solid #333; }
.p-top--cost .cost-contents .block .block-wrap .main li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; font-size: 1.125rem; }
.p-top--cost .cost-contents .block .block-wrap .main li:after, .p-top--cost .cost-contents .block .block-wrap .main li:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-wrap .main p { text-align: right; font-size: 22px; font-size: 1.375rem; font-weight: 700; }
.p-top--cost .cost-contents .block .block-wrap .main:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; right: -60px; margin: auto; width: 60px; height: 100%; background: url(/themes/homei/img/top/cost-icon3.png) no-repeat left center; background-size: contain; }
.p-top--cost .cost-contents .block .block-wrap .sub { position: relative; margin-top: 60px; font-weight: 700; line-height: 1; text-align: center; }
.p-top--cost .cost-contents .block .block-wrap .sub .text1 { font-size: 30px; font-size: 1.875rem; }
.p-top--cost .cost-contents .block .block-wrap .sub .text2 { margin-top: 20px; font-size: 72px; font-size: 4.5rem; font-family: Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.p-top--cost .cost-contents .block .block-wrap .sub .text3 { margin-top: 25px; font-size: 18px; font-size: 1.125rem; }
.p-top--cost .cost-contents .block .block-wrap .sub .balloon { position: absolute; top: -95px; right: -90px; width: 135px; height: 135px; }
.p-top--cost .cost-contents .block .block-wrap .sub .balloon .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 135px; height: 135px; border-radius: 50%; background: #FFA927; }
.p-top--cost .cost-contents .block .block-wrap .sub .balloon .wrap:after, .p-top--cost .cost-contents .block .block-wrap .sub .balloon .wrap:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-wrap .sub .balloon .wrap.type--lite { background: #319ECE; }
.p-top--cost .cost-contents .block .block-wrap .sub .balloon .wrap.type--lite:before { background: url(/themes/homei/img/top/cost-icon2.svg) no-repeat center; background-size: 100%; }
.p-top--cost .cost-contents .block .block-wrap .sub .balloon .wrap:before { position: absolute; left: -10px; bottom: 10px; display: block; content: ''; width: 32px; height: 28px; background: url(/themes/homei/img/top/cost-icon1.svg) no-repeat center; background-size: 100%; }
.p-top--cost .cost-contents .block .block-wrap .sub .balloon span { padding-top: 10px; font-size: 28px; font-size: 1.75rem; color: #fff; line-height: 1.2; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.48); }
.p-top--cost .cost-contents .block .block-note { margin-top: 20px; padding: 0 50px; line-height: 2; font-size: 16px; font-size: 1rem; }
.p-top--cost .cost-contents .block .block-option { display: block; padding: 40px 40px 30px; margin-top: 50px; background: #fff; border: 2px solid #ECECEC; }
.p-top--cost .cost-contents .block .block-option:after, .p-top--cost .cost-contents .block .block-option:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-option .sub { width: 100%; }
.p-top--cost .cost-contents .block .block-option .sub .title { font-size: 20px; font-size: 1.25rem; font-weight: 700; margin-bottom: 15px; }
.p-top--cost .cost-contents .block .block-option .main { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.p-top--cost .cost-contents .block .block-option .main:before, .p-top--cost .cost-contents .block .block-option .main:after { display: none; content: none;}
.p-top--cost .cost-contents .block .block-option .main p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px dotted #000; width: 48%; }
.p-top--cost .cost-contents .block .block-option .main p:after, .p-top--cost .cost-contents .block .block-option .main p:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-option .main p span { font-size: 18px; font-size: 1.125rem; }
_:-ms-fullscreen, :root .p-top--cost .cost-contents .block .block-option .main p span { display: block; padding-top: 4px; }
.p-top--cost .cost-contents .block .block-cancel { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 40px 30px; margin-top: 50px; background: #fff; border: 2px solid #ECECEC; }
.p-top--cost .cost-contents .block .block-cancel:after, .p-top--cost .cost-contents .block .block-cancel:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-cancel .sub { width: 48%; margin-right: 4%; }
.p-top--cost .cost-contents .block .block-cancel .sub .title { font-size: 20px; font-size: 1.25rem; font-weight: 700; }
.p-top--cost .cost-contents .block .block-cancel .sub .text { margin-top: 15px; font-size: 18px; font-size: 1.125rem; line-height: 1.8; }
.p-top--cost .cost-contents .block .block-cancel .main { width: 48%; }
.p-top--cost .cost-contents .block .block-cancel .main p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 12px; margin-bottom: 12px; border-bottom: 1px dotted #000; }
.p-top--cost .cost-contents .block .block-cancel .main p:after, .p-top--cost .cost-contents .block .block-cancel .main p:before { display: none; content: none; }
.p-top--cost .cost-contents .block .block-cancel .main p span { font-size: 18px; font-size: 1.125rem; }
_:-ms-fullscreen, :root .p-top--cost .cost-contents .block .block-cancel .main p span { display: block; padding-top: 4px; }
.p-top--cost .cost-contents .c-banner1 { margin-top: 80px; } */



.p-top--faq { padding: 100px 0; }
.p-top--faq.inpage { padding: 0 0 100px; }

.p-top--faq .faq-list dl { margin: 0 0 3px; }

.p-top--faq .faq-list dt { padding: 15px 10px; background: url(/themes/homei/img/top/faq-icon1.svg) no-repeat #066F9D right 25px center; background-size: 23px 12px; }

.p-top--faq .faq-list dt.is-active { background: url(/themes/homei/img/top/faq-icon2.svg) no-repeat #066F9D right 25px center; background-size: 23px 12px; }

.p-top--faq .faq-list dd { display: none; position: relative; padding: 15px 20px 35px 45px; font-size: 18px; font-size: 1.125rem; line-height: 1.6; }

.p-top--faq .faq-list dd:after { position: absolute; top: 10px; left: 10px; display: inline-block; content: 'A'; font-size: 30px; font-size: 1.875rem; font-family: Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; color: #FFA927; }

.p-top--faq .faq-list h3 { font-size: 22px; font-size: 1.375rem; color: #fff; font-weight: 500; }

_:-ms-fullscreen, :root .p-top--faq .faq-list h3 { display: block; padding-top: 2px; }

.p-top--faq .faq-list h3 span { display: inline-block; vertical-align: top; margin-right: 10px; font-size: 30px; font-size: 1.875rem; font-family: Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }

.p-top--about { background: #FFF8E5; /*block*/ }

.p-top--about .c-wrap { padding: 100px 0; background: url(/themes/homei/img/top/about-bg2.png) no-repeat top 40px right 0; }

.p-top--about .about-title { font-size: 33px; font-size: 2.0625rem; }

.p-top--about .about-title span { position: relative; z-index: 2; }

.p-top--about .about-title span:after { position: absolute; top: -50px; right: -248px; z-index: -1; content: ''; width: 347px; height: 121px; background: url(/themes/homei/img/top/about-bg1.svg) no-repeat center; background-size: 100% 100%; }

.p-top--about .about-text { margin-top: 30px; margin-bottom: 80px; font-size: 20px; font-size: 1.25rem; line-height: 1.8; }

.p-top--about .block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 65px; }

.p-top--about .block:after, .p-top--about .block:before { display: none; content: none; }

.p-top--about .block .block-title { width: 110px; padding: 10px 0 8px; text-align: center; background: #333333; letter-spacing: .15rem; }

.p-top--about .block .block-title span { font-size: 18px; font-size: 1.125rem; color: #fff; line-height: 1; }

.p-top--about .block .block-main { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-size: 18px; font-size: 1.125rem; }

.p-top--about .block .block-main:after, .p-top--about .block .block-main:before { display: none; content: none; }

.p-top--about .block .block-main .title { margin-top: 10px; font-weight: 700; margin-bottom: 30px; }

.p-top--about .block .block-main .title .title-main { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 30px; font-size: 1.875rem; }

.p-top--about .block .block-main .title .title-sub { display: inline-block; vertical-align: middle; font-size: 13px; font-size: 0.8125rem; }

.p-top--about .block .block-main .sub { margin-right: 20px; }

.p-top--about .block .block-main .main { max-width: 460px; }

.p-top--about .block .block-main .table-top { padding-top: 0; vertical-align: top; }

.p-top--about .block .block-main dt { font-weight: 700; }

.p-top--about .block .block-main dd { margin-top: 5px; line-height: 1.7; }

.p-top--about .block .block-sub { margin-right: 20px; }

.p-top--about .block table { width: 100%; }

.p-top--about .block table tr { border-bottom: 1px dotted #707070; }

.p-top--about .block table th { width: 160px; padding: 10px 0; text-align: left; }

.p-top--about .block table td { padding: 10px 0; line-height: 1.8; }

.p-top--about .map-block { display: block; position: relative; margin-bottom: 0; }

.p-top--about .map-block .title { position: absolute; left: 0; right: 0; margin: auto; width: 110px; }

.p-top--about .map-block iframe { width: 100%; }

.p-top--about .map-block .note { margin-top: 5px; text-align: center; font-size: 18px; font-size: 1.125rem; }

.p-top--contact { padding: 50px 0; /**/ /*.contact-form*/ }

.p-top--contact .contact-lead { max-width: 720px; padding: 40px 40px 30px; margin: 0 auto 60px; text-align: center; border: 2px solid #066F9D; font-weight: 700; }

.p-top--contact .contact-lead h2 { font-size: 33px; font-size: 2.0625rem; }

.p-top--contact .contact-lead .lead-text { padding: 8px 0; margin: 20px -40px 0; color: #fff; background: #066F9D; }

.p-top--contact .contact-lead .lead-text span { font-size: 22px; font-size: 1.375rem; }

_:-ms-fullscreen, :root .p-top--contact .contact-lead .lead-text span { display: block; padding-top: 6px; }

.p-top--contact .contact-lead .lead-tel { margin-top: 25px; }

.p-top--contact .contact-lead .lead-tel .note { margin-top: 10px; font-size: 16px; font-size: 1rem; }

.p-top--contact .contact-lead .lead-tel .note span { color: #FF0000; }

.p-top--contact .contact-text { text-align: center; font-size: 18px; font-size: 1.125rem; line-height: 1.8; }

.p-top--contact .contact-form { margin-top: 20px; max-width: 1000px; margin-left: auto; margin-right: auto; /*table*/ }

.p-top--contact .contact-form table { width: 100%; /*form初期化*/ /**/ }

.p-top--contact .contact-form table th { text-align: left; vertical-align: middle; padding: 15px 10px; font-weight: 400; width: 320px; font-size: 18px; font-size: 1.125rem; font-weight: 700; }

.p-top--contact .contact-form table th.content-title { vertical-align: top; padding-top: 30px; }

.p-top--contact .contact-form table td { padding: 15px 10px; font-size: 18px; font-size: 1.125rem; }

.p-top--contact .contact-form table .radio-block span { margin-right: 30px; vertical-align: middle; }

.p-top--contact .contact-form table .checkbox-block span { display: inline-block; width: 200px; margin-bottom: 10px; }

.p-top--contact .contact-form table a { color: #2E9B2B; text-decoration: underline !important; }

.p-top--contact .contact-form table a:hover { text-decoration: none !important; }

.p-top--contact .contact-form table .req { float: right; display: inline-block; margin-right: 15px; vertical-align: middle; padding: 5px 8px; line-height: 100%; font-size: 12px; font-size: 0.75rem; border-radius: 24px; background: #E10404; }

.p-top--contact .contact-form table .req .inner { font-size: 12px; font-size: 0.75rem; color: #fff; }

_:-ms-fullscreen, :root .p-top--contact .contact-form table .req .inner { display: block; padding-top: 2px; }

.p-top--contact .contact-form table .any { float: right; display: inline-block; margin-right: 15px; vertical-align: middle; padding: 5px 8px; line-height: 100%; font-size: 12px; font-size: 0.75rem; border-radius: 24px; background: #AAAAAA; }

.p-top--contact .contact-form table .any .inner { font-size: 12px; font-size: 0.75rem; color: #fff; }

_:-ms-fullscreen, :root .p-top--contact .contact-form table .any .inner { display: block; padding-top: 2px; }

.p-top--contact .contact-form table .wpcf7-not-valid-tip { font-size: 14px; font-size: 0.875rem; }

.p-top--contact .contact-form table input:not([type="radio"]):not([type="checkbox"]), .p-top--contact .contact-form table textarea { -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #DDDDDD !important; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; width: 100%; font-size: 16px; font-size: 1rem; line-height: 180%; border-radius: 5px !important; font-family: inherit; max-width: 100% !important; }

.p-top--contact .contact-form table textarea { min-height: 120px !important; resize: vertical; }

.p-top--contact .contact-form table input:placeholder-shown, .p-top--contact .contact-form table textarea:placeholder-shown { color: #CCCCCC; font-size: 100%; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.p-top--contact .contact-form table input::-webkit-input-placeholder, .p-top--contact .contact-form table textarea::-webkit-input-placeholder { color: #CCCCCC; font-size: 100%; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.p-top--contact .contact-form table input:-ms-input-placeholder, .p-top--contact .contact-form table textarea:-ms-input-placeholder { color: #CCCCCC; font-size: 100%; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.p-top--contact .contact-form table .wpcf7-list-item-label { vertical-align: text-top; line-height: 100%; }

.p-top--contact .contact-form table span.wpcf7-list-item { margin: 0 1em 0 0; }

.p-top--contact .contact-form table input[type="radio"] { vertical-align: baseline !important; width: 15px; height: 15px; margin: 0; }

.p-top--contact .contact-form .form-btn { max-width: 440px; margin: 60px auto 0; background: #066F9D; text-align: center; border-radius: 10px; -webkit-transition: .2s; transition: .2s; }

.p-top--contact .contact-form .form-btn:hover { opacity: .8; }

.p-top--contact .contact-form .form-btn input { width: 100%; padding: 25px 0px; font-size: 20px; font-size: 1.25rem; color: #fff; font-weight: 700; background: transparent; border: none; }

.p-top--contact .taC {text-align: center;}

.p-top--contact .contact-form table input.w10 {width: 10%!important;border: none!important;}

/*p-top*/
/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/
/* ----------------------------- 4. 投稿 */
/*=======================================
サイドバー
=========================================*/
/* ----------------------------- 9. 共通パーツ */
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #000; }

.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",'Noto Serif JP', serif; }

.u-gothic { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }

.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }

.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }

.u-left th, .u-left td { text-align: left !important; }

.c-wrap { max-width: 1200px; margin-left: auto; margin-right: auto; }

.c-banner1 { padding: 20px 0 0; overflow: hidden; border: 2px solid #066F9D; text-align: center; border-radius: 260px; background: #fff; }

.c-banner1 .banner-title { padding: 20px 0 18px; margin: 0 -5px; color: #fff; font-weight: 700; background: #319ECE; }

.c-banner1 .banner-title .main { display: block; font-size: 33px; font-size: 2.0625rem; }

_:-ms-fullscreen, :root .c-banner1 .banner-title .main { display: block; padding-top: 10px; }

.c-banner1 .banner-title .sub { display: block; margin-top: 15px; font-size: 22px; font-size: 1.375rem; color: #fff; }

.c-banner1 .banner-title .sub span { color: #FFDB27; }

.c-banner1 .block { padding: 15px 0 25px; background: #fff; }

.c-banner1 .block .note { margin-bottom: 15px; font-weight: 700; font-size: 18px; font-size: 1.125rem; }

.c-banner1 .block .tel { display: inline-block; margin-right: 15px; vertical-align: middle; text-align: right; }

.c-banner1 .block .tel p { padding-top: 5px; font-size: 16px; font-size: 1rem; font-weight: 700; }

.c-banner1 .block .tel p span { color: #FF0000; }

.c-banner1 .block .contact { display: inline-block; width: 280px; vertical-align: middle; padding: 25px 0; background: #066F9D; border-radius: 10px; text-align: center; font-weight: 700; }

.c-banner1 .block .contact span { font-size: 20px; font-size: 1.25rem; color: #fff; line-height: 1; }

_:-ms-fullscreen, :root .c-banner1 .block .contact span { display: block; padding-top: 2px; }

/*c-banner1*/
.c-title1 { margin-bottom: 35px; font-size: 33px; font-size: 2.0625rem; text-align: center; letter-spacing: .1rem; }

.c-table__nostyle { width: 100%; }

.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; }

#__bs_notify__ { display: none !important; }



/*=================================================
    トップページ追加：診断メニュー
===================================================*/
.p-top--menu{background: #FFF8E5;padding: 120px 0 60px; margin-top: -40px;}
.p-top--menu h2{text-align: center;font-size: 3rem;margin-bottom: 43px;font-weight: 700;}
.p-top--menu .menu-box{display: flex;flex-wrap: wrap;gap: 30px;}
.p-top--menu .menu-box::before,.p-top--menu .menu-box::after{display: none;}

.p-top--menu .menu-box .item{border-radius: 10px;overflow: hidden;padding: 32px 0 35px;text-align: center;display: block;position: relative;z-index: 1;;width: calc((100%/2) - (30px/2));transition: all ease 0.3s;background: linear-gradient(to right bottom,rgba(212, 230, 238, 1) 0%, rgba(212, 230, 238, 1) 50%, rgba(205, 226, 235, 1) 50%, rgba(205, 226, 235, 1) 100%);}
.p-top--menu .menu-box .item::before{content: "";position: absolute;z-index: -1;inset: 0;background: linear-gradient(to right bottom,rgba(66, 146, 181, 1) 0%, rgba(66, 146, 181, 1) 50%, rgba(56, 140, 177, 1) 50%, rgba(56, 140, 177, 1) 100%);opacity: 0;transition: all ease 0.3s;}
.p-top--menu .menu-box .item .ico{width: 160px;aspect-ratio: 1/1;margin:0 auto 21px;overflow: hidden;border-radius: 50%;}
.p-top--menu .menu-box .item .ico img{width: 100%;height: 100%;object-fit: cover;max-width: 100%;}
.p-top--menu .menu-box .item h3{font-weight: 700;font-size: 2.25rem;display: flex;align-items: center;justify-content: center;letter-spacing: 0.05em;line-height: 1.4;transition: all ease 0.3s;}
.p-top--menu .menu-box .item h3::before{content: "";display: block;margin-right: 10px;width: 22px;aspect-ratio: 1/1;background: url(../img/top/menu_arrow.png) no-repeat center/contain;transition: all ease 0.3s;}
.p-top--menu .menu-box .item p{font-weight: 700;font-size: 1.25rem;line-height: 1.9;transition: all ease 0.3s;}

.p-top--menu .menu-box .item:hover{opacity: 1;}
.p-top--menu .menu-box .item:hover::before{opacity: 1;}
.p-top--menu .menu-box .item:hover h3{color: #fff;}
.p-top--menu .menu-box .item:hover h3::before{background-image: url(../img/top/menu_arrow_w.png);}
.p-top--menu .menu-box .item:hover p{color: #fff;}

/*=================================================
    フッター追加調整：トップへ戻る&問い合わせ
===================================================*/
.l-pagetop{position: fixed; right: 0; bottom: 0; z-index: 999;display: flex;align-items: end;justify-content: right;gap: 10px;}
.l-pagetop img{aspect-ratio: 1/1;width: 70px;}
.l-pagetop::before,.l-pagetop::after{display: none;}
.l-pagetop .info-contact{box-sizing: border-box;display:block;width: 160px;height: 70px;padding: 14px 0 4px;font-size: 1.25rem;text-align: center;border-radius:10px 10px 0 0;background: #066F9D;color: #fff;line-height: 1.25;font-weight: 700;}
.l-pagetop .info-contact span{color: #FFDB27;}