@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    letter-spacing: 0.4px;
    line-height: 2;
}
.page {
    margin: 0;
}
a, a:hover, a:active, a:visited {
    color: unset;
    text-decoration: none;
}
h1 {
    display: block;
    font-weight: bold;
    border-bottom: 5px solid #ef7434;
    font-size: 24px;
    color: #2b9345;
}
h2 {
    display: inline-block;
    font-weight: bold;
    border-bottom: 5px solid #ef7434;
    font-size: 22px;
    color: #2b9345;
}
p {
    white-space: pre-line;
}
i {
    margin: 0 6px 0 0;
}
ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
a.link-button {
    display: inline-block;
    padding: 2px 16px;
    min-width: 180px;
    text-align: center;
    margin: 8px auto;
    background-color: #ef7434;
    color: #ffffff;
    border-radius: 40px;
    font-size: 16px;
    font-weight: bold;
}
.container {
    max-width: 1060px;
    padding: 10px;
    margin: 0 auto;
}
.divlink {
    position:relative;
}
.divlink .linkto {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.site-container {
    display: flex;
    justify-content: space-between;
    max-width: 1120px;
    padding: 10px;
    margin: 0 auto;
}
.site-main {
    width: 70%;
}
.widget-area {
    width: 25%;
}
.widget-area > div {
    width: 100%;
    text-align: center;
}
.widget-area > div > img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media screen and (max-width: 810px){
    .site-container {
        display: block;
        padding: 10px;
        margin: 0 auto;
    }
    .site-main {
        width: 100%;
    }
    .widget-area {
        width: 100%;
    }
}
.site-header {
    background-color: #f2f2f2;
}
.site-branding {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pc-header-logo {
    display: block;
    height: 60px;
}
.sp-header-logo {
    display: none;
	margin-left: 14px;
}
@media screen and (max-width: 1060px){
    .site-branding {
        height: 70px;
    }
    .pc-header-logo {
        display: none;
    }
    .sp-header-logo {
        display: block;
        height: 40px;
    }
}
.header-contact {
    height: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
}
.pc-header-phone {
    display: block;
    text-align: center;
}
.header-phone-number {
    color: #279a47;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.2;
}
.header-cflink {
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #ef7434;
    color: #ffffff !important;
    padding: 0 8px;
}
@media screen and (max-width: 810px){
    .header-cflink {
        margin-left: 20px;
    }
    .header-cflink > div > .sp-hide {
        display: none;
    }
}
@media screen and (max-width: 670px){
    .pc-header-phone {
        display: none;
    }
	.header-cflink {
        margin: 0;
    }
	.header-cflink > div {
        font-size: 12px;
    }
	.header-cflink > div > i {
        display: none;
    }
}
.navigation-ul {
    height: 60px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}
.nav-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    font-size: 14px;
}
.nav-item.nav-strong {
    border: 1px solid #f07434;
}
.nav-item > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nav-text {
    display: inline-block;
    vertical-align: middle;
}
.nav-text > br {
    display: none;
}
.nav-sp-only {
    display: none;
}
@media screen and (max-width: 1060px){
    .nav-text > br {
        display: block;
    }
}
@media screen and (max-width: 810px){
    .nav-item {
        height: 60px;
    }
    .nav-text > br {
        display: none;
    }
    #menu {
        display: none;
    }
    .main-nav {
        position: absolute;
        width: 100vw;
        z-index: 9999;
    }
    .navigation-ul {
        display: block;
        height: auto;
    }
    .nav-sp-only {
        display: flex;
    }
    .nav-item.nav-strong {
        border: 1px solid #ffffff;
        color: #ffffff;
        background-color: #f07434;
    }
}
.navigation-ul.active {
    display: block;
}
#sp-nav-toggle {
    display: none;
}
#sp-nav-toggle > img {
    width: 32px;
    height: 32px;
    margin: 0 2px;
    object-fit: cover;
    display: none;
}
@media screen and (max-width: 810px){
    #sp-nav-toggle {
        display: block;
        width: 40px;
		margin-right: 12px;
    }
    #sp-nav-toggle > img.displayed {
        display: block;
    }
}
.breadcrumbs {
    background-color: #ffffff;
    border-bottom: 1px solid #f2f2f2;
    font-size: 12px;
}
.pc-mainvisual {
    display: block;
    margin: 0 auto;
}
.sp-mainvisual {
    display: none;
    margin: 0 auto;
}
@media screen and (max-width: 810px){
    .pc-mainvisual {
        display: none;
    }
    .sp-mainvisual {
        display: block;
    }
}
#main-visual-slider {
    position: relative;
    z-index: 100;
    height: 240px;
    bottom: 240px;
    margin-bottom: -240px;
}
#main-visual-slider .slick-slide img {
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 1060px){
    #main-visual-slider {
        bottom: 180px;
    }
}
@media screen and (max-width: 810px){
    #main-visual-slider {
        bottom: 160px;
    }
    #main-visual-slider .slick-slide img {
        height: 160px;
    }
}
.front-sec-head {
    text-align: center;
}
.front-sec-head > h2 {
    font-size: 28px;
    color: unset;
}
.front-sec-head > h2 > strong {
    font-size: 32px;
    color: #2b9345;
}
.topic-box {
    text-align: center;
    padding: 12px 0;
    width: 100%;
	height: 80px;
	background: #ffffff;
	background-image: linear-gradient(45deg, #f4f4f4 25%, transparent 0),
	linear-gradient(45deg, transparent 75%, #f4f4f4 0),
	linear-gradient(45deg, #f4f4f4 25%, transparent 0),
	linear-gradient(45deg, transparent 75%, #f4f4f4 0);
	background-size: 12px 12px;
	background-position: 0 0, 6px 6px, 6px 6px, 12px 12px;
}
.topic-box > .container {
    display: inline-block;
}
.genre-icon {
    padding: 4px 6px;
    background-color: #2b9345;
    border-radius: 6px;
    color: #ffffff;
    margin-right: 12px;
}
.topic-title {
    border-bottom: 1px solid #000000;
}
.three-pr {
    display: flex;
    justify-content: space-between;
}
.pr-item {
    width: 30%;
    text-align: center;
}
@media screen and (max-width: 810px){
    .three-pr {
        display: block;
    }
    .pr-item {
        width: 100%;
    }
}
.askme > .container {
    background-color: #389b5a;
    background-image: url("img/pc_top_soudan_bnr.png");
    background-repeat: no-repeat;
    background-position: right;
    text-align: center;
}
@media screen and (max-width: 810px) {
    .askme > .container {
        background-image: none;
    }
}
.askme h2 {
    border: none;
    color: #ffffff;
    font-size: 28px;
    margin-top: 0;
}
.askme h2 strong {
    border: none;
    color: #f8cb36;
    font-size: 32px;
}
.askme-angle {
    display: block;
    margin: 0 auto;
}
.askme p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 0;
}
.strength {
    background-color: #f5f5f5;
}
.str-box {
    padding: 20px;
    background-color: #ffffff;
    border: 3px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
@media screen and (max-width: 810px){
	.str-box {
		display: block;
	}
}
.case-item {
    padding: 20px 0;
    border-bottom: 2px dotted #b3b3b3;
    display: flex;
    justify-content: space-between;
}
.case-item > img {
    width: 330px;
    height: 221px;
    object-fit: cover;
}
.case-item > div {
    width: calc(95% - 330px);
}
.case-item > div > h3{
    color: #2b9345;
}
@media screen and (max-width: 810px){
    .case-item {
        display: block;
        text-align: center;
    }
    .case-item > div {
        width: 100%;
    }
}
.diagnosis {
    background-color: #f5f5f5;
}
.diagnosis-box {
    display: flex;
    padding: 20px;
    background-color: #ffffff;
    border: 3px solid #e6e6e6;
}
@media screen and (max-width: 810px){
    .diagnosis-box {
        display: block;
    }
}
.survey > .container {
    text-align: center;
}
.survey-wrapper {
    display: inline-block;
    padding: 20px;
    background-color: #fefcf0;
    border: 3px solid #fcb13b;
}
.survey-box {
    display: flex;
    flex-direction: row-reverse;
}
.survey-box > p {
    text-align: left;
    padding: 20px 40px 20px 20px;
    background-image: url("img/fukidashi-yoko.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media screen and (max-width: 810px){
    .survey-box {
        display: block;
    }
    .survey-box > p {
        padding: 80px 20px 20px 20px;
        background-image: url("img/fukidashi-tate.png");
    }
}
.survey-president {
    font-weight: bold;
    font-size: 18px;
}
.articles-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.article-item {
    width: 23%;
    border: 2px solid #e6e6e6;
    padding: 10px;
}
@media screen and (max-width: 810px){
    .article-item {
        width: 48%;
        margin-bottom: 10px;
    }
}
.article-item > img {
    display: block;
    width: 90%;
    object-fit: cover;
    margin: 0 auto;
}
.article-item > h3 {
    font-weight: normal;
    font-size: 14px;
}
.bottom-cta {
    text-align: center;
}
.bottom-cta-link {
    position: relative;
    bottom: 100px;
    margin: 0 auto -80px auto;
    width: 300px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff !important;
    background-color: #ef7434;
    border: 3px solid #ffffff;
    padding: 8px;
    border-radius: 3px;
}
.bottom-cta-phone {
    display: block;
    width: 100%;
    background-color: #f2f2f2;
    font-weight: bold;
}
.bottom-cta-phone > .msg {
    color: #389b5a;
    font-size: 28px;
}
.bottom-cta-phone > .number {
    font-size: 36px;
}
.bottom-cta-phone > .number > i {
    color: #389b5a;
}
.bottom-cta-phone > .time {
    color: #7f7f7f;
    font-size: 28px;
    font-weight: normal;
}
@media screen and (max-width: 810px){
    .bottom-cta-link {
        position: static;
        margin: 0;
        width: 100%;
        border: none;
        border-radius: 0;
    }
    .bottom-cta-phone > span {
        display: block;
    }
}
.bottom-nav-ul {
    display: flex;
    flex-flow: column wrap;
    height: 180px;
    list-style: none;
    font-weight: bold;
    font-size: 16px;
}
.bottom-nav-ul > li > a > i {
    display: none;
}
.bottom-nav-link > .link-button > i {
    display: inline;
}
.bottom-nav-blank {
    height: 40px;
}
.bottom-nav-sub {
    font-weight: normal;
}
@media screen and (max-width: 810px){
    .bottom-nav > .container {
        padding: 0;
    }
    .bottom-nav-ul {
        display: flex;
        flex-flow: row wrap;
        height: auto;
        font-size: 12px;
    }
    .bottom-nav-ul > li {
        padding: 10px;
        width: 50%;
    }
    .bottom-nav-ul > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .bottom-nav-ul > li > a > i {
        display: block;
    }
    .bottom-nav-blank {
        display: none !important;
    }
    .bottom-nav-sub {
        display: none !important;
    }
    .bottom-nav-link {
        width: 100% !important;
        background-color: #f07434;
        border-bottom: 1px solid #ffffff;
    }
    .bottom-nav-link > .link-button {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
        background: none;
    }
    .bottom-nav-link > .link-button > i {
        display: none;
    }
}
.site-footer {
    text-align: center;
    background-color: #f5f5f5;
}
.widget-btn {
    position: relative;
    bottom: 80px;
    margin-bottom: -80px;
}
.loop-h2 {
    border: none;
    font-size: 20px;
    line-height: 1.5;
}
.post-archive-item {
    display: flex;
    padding: 20px 0;
    border-bottom: 2px dotted #b3b3b3;
}
.post-archive-item > img {
    object-fit: contain;
}
@media screen and (max-width: 810px){
    .post-archive-item {
        display: block;
    }
}
.blog-cat {
    background-color: #f4f4f4;
    margin-bottom: 80px;
    padding-bottom: 10px;
}
.blog-cat > ul {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 20px 0;
    list-style: none;
    background-color: #ffffff;
}
.blog-cat > ul > li {
    width: 90%;
    margin: 0 auto;
    height: 60px;
    border-bottom: 2px dotted #cccccc;
    display: flex;
    align-items: center;
    justify-content: left;
}
.blog-cat > ul > li::before {
    padding: 8px;
    font-size: 8px;
    content: '\f054';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}
.blog-cat > ul > li > * {
    display: block;
}
.case-cat {
    background-color: #259945;
    margin-bottom: 80px;
    padding-bottom: 20px;
}
.case-cat > h2 {
    color: #ffffff;
    border: none;
}
.case-cat > ul {
    width: 80%;
    margin: 0 auto;
    list-style: none;
}
.const-case-h2::before {
	display: inline-block;
    content: " ";
    background: #259945;
    width: 1em;
    height: 1em;
    margin-right: .25em;
    border-radius: 4px;
}
.const-case-h2 {
	display: block;
	padding: 0.5em 0;
	font-size: 16px;
    line-height: 1;
    border-bottom: 1px dotted #999;
	color: #000;
}





/*-------------------------------*/
/*        元からあった追加CSS       */
/*-------------------------------*/

.diagnosis-wrap .question{
	margin-bottom:1.5em;
}
.diagnosis-wrap .question .qcontents{
	margin-bottom:.5em;
	font-weight:bold;
}
.diagnosis-wrap .question .qselect span{
	display:block;
}
.diagnosis-wrap .question .qselect span input{
	margin:0 5px;
}
.diagnosis-wrap .submit input{
	padding:1em;
	width:300px;
	max-width:80%;
	margin-bottom:1em;
}
.plugin-copyright {
    display: none;
}
.diagnosis-wrap .question .qcontents{
	width:505px;
	display:inline-block;
}
.diagnosis-wrap .question .qselect span{
	display:inline-block;
}
.qselect{
	display:inline-block;
	width: 204px;
	text-align: right;
}
span.question-number {
    color: #259945;
    border: 2px solid #259945;
    padding: 2px 8px;
    margin-right: 10px;
    font-weight: bold;
}
.diagnosis-wrap .question{
	margin-bottom: 1.5em;
    padding: 0 5px 15px 5px;
    border-bottom: 3px solid #259945;
}
.diagnosis-wrap .submit input{
	width:50%;
	margin:0 auto;
	display:block;
	font-size: 30px;
    font-weight: 500;
    padding: 10px;
    background: #EE7434;
    color: #fff;
    border: solid 1px #ee7434;
    border-radius: 50px;
}
.diagnosis-wrap .submit input:hover{
	opacity:0.7;
}
div#block-question1 {
    margin-top: 50px;
}
label.label-diagnosis-name {
    font-weight: bold;
	margin-right:20px;
}
div#diagnosis-form h2{
	color: #259945;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 5px;
    border-bottom: solid 5px #EE7434;
}
div#diagnosis-form a {
    width: 50%;
    margin: 0 auto;
    display: block;
    font-size: 30px;
    font-weight: 500;
    padding: 10px;
    background: #EE7434;
    color: #fff;
    border: solid 1px #ee7434;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
	margin-top:30px;
}
div#diagnosis-form h3 {
    margin-bottom: 30px;
    font-size: 20px;
}
	.cnt-page-ttl{
		padding-bottom:10px;
	}
/* ------------------------------------------------------------
ブログ用style
------------------------------------------------------------*/
.contents p {
    line-height: 1.8;
    margin-top: 46px;
    margin-bottom: 40px;
}
.onayami-box p {
    margin: 0;
}
.gyousya-note p {
    margin: 0;
}
.gyousya-list p {
    margin: 0;
}
.gyousya-blockquote p {
    margin: 0;
}
.step p {
    margin: 0;
}

.cnt-page-subttl{font-size:1.25em;font-weight:700;padding-left:5px;margin-bottom:28px}.cnt-page-subttl:before{display:inline-block;content:" ";background:#259945;width:1em;height:1em;margin-right:.25em;border-radius:4px}.onayami-step0,.onayami-step1,.onayami-step2,.onayami-step3,.onayami-step4{margin-bottom:60px}.onayami-lead{line-height:1.8;margin-top:46px;margin-bottom:40px}@media (min-width:769px){a[href^="tel:"]{pointer-events:none}}.onayami-box{border:3px solid #e6e6e6;box-sizing:border-box;margin-bottom:20px}.onayami-box .onayami-block{padding:20px;display:flex;align-items:center}.onayami-box .image-area{flex-basis:220px}.onayami-box dl{margin:0 0 0 20px;padding:0;flex-grow:1}.onayami-box dl dt{font-size:1.4em;margin-bottom:10px}.onayami-box a{text-decoration:none}.onayami-box dd{margin:0;padding:0}.onayami-box a dd{text-decoration:underline;color:#15c}.onayami-box a:hover dd{text-decoration:none;color:#fd772e}.onayami-box .btn-area{background:#fd772e;clear:both;text-align:right;margin:-3px}.onayami-contact{background:#f5f5f5;margin:40px auto;text-align:center;padding:20px}.onayami-contact p{font-size:1.4em;margin:20px 0}.onayami-contact p span{color:#259945}.onayami-contact ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between}.onayami-contact li{flex-basis:48.5%}.onayami-onestep{margin:40px auto;border:3px solid #e6e6e6;box-sizing:border-box;padding:20px}.onayami-onestep:after{display:block;content:"";clear:both}.onayami-onestep .photo-area{float:right}.onayami-onestep dl dt{color:#259945;font-size:1.1em;margin:0 0 20px}.onayami-onestep dl dd{margin:0;line-height:1.7}.onayami-btn{text-align:center;margin:0 auto}@media screen and (max-width :640px){.cnt-page-subttl{padding-left:0;margin:30px auto 38px auto}.onayami-lead{width:90%;margin:20px auto 40px auto}.onayami-onestep{display:none}.onayami-box .onayami-block{padding:1rem}.onayami-box .image-area{flex-basis:30vw}.onayami-box dl{flex-basis:70vw}.onayami-contact{margin:20px auto;padding:10px}.onayami-contact p{font-size:12px;margin-bottom:10px}}.gyousya-fukidashi{display:flex}.fukidashi-area{display:inline-block;padding:20px;border:3px solid #e6e6e6;border-radius:10px;position:relative;margin:0 0 0 15px;background:#FFF;box-sizing:border-box}.fukidashi-area:before{content:"";position:absolute;top:40px;left:-24px;margin-top:-12px;border:12px solid transparent;border-right:12px solid #FFF;z-index:2}.fukidashi-area:after{content:"";position:absolute;top:40px;left:-30px;margin-top:-14px;border:14px solid transparent;border-right:14px solid #e6e6e6;z-index:1}
.gyousya-lead+.onayami-box,.gyousya-lead+.onayami-box{margin-top:0}
.gyousya-note{padding:10px;background:#f3f5f6;color:#4d4d4d;margin-bottom:60px}.gyousya-list{border:2px solid #259945;padding:20px}.gyousya-list ul{margin:0 0 0 20px}.gyousya-list li{margin:10px}.gyousya-pointttl{border-left:5px solid #259945;padding-left:10px;margin:60px auto 30px}.gyousya-checkttl{background:url(/wp-content/uploads/pc_gyousya_check.png) left center no-repeat;padding-left:22px;margin:60px auto 30px}.gyousya-pointttl+.gyousya-checkttl{margin-top:0}.gyousya-blockquote{background:#f5f5f5;border-left:5px solid #259945;padding:80px 40px 40px;position:relative}.gyousya-blockquote:before{display:block;content:"";background:url(/wp-content/uploads/pc_gyousya_blockquote_top.png) no-repeat;width:30px;height:24px;top:40px;left:30px;position:absolute}.gyousya-blockquote:after{display:block;content:"";background:url(/wp-content/uploads/pc_gyousya_blockquote_btm.png) no-repeat;width:30px;height:24px;bottom:40px;right:40px;position:absolute}.gyousya-blockquote ol{margin:20px 0;list-style:none}.gyousya-blockquote ol li{margin:0 0 1em 0;padding-left:2rem;position:relative}.gyousya-blockquote ol li span{position:absolute;left:0}.gyousya-blockquote ol ul{margin:1em;list-style-type:disc}.gyousya-blockquote ol ul li{padding-left:0}.gyousya-blockquote .gyousya-link{text-align:right;padding-right:40px}.gyousya-blockquote .gyousya-link a{color:gray}@media screen and (max-width :640px){.gyousya-pointttl{margin:30px auto 38px auto}.gyousya-lead{margin:20px auto 40px auto}.icon-area{flex-basis:15vw}.fukidashi-area{flex-basis:85vw}.gyousya-checkttl{background:url(/wp-content/uploads/sp_gyousya_check.png) left 2px no-repeat}.gyousya-blockquote{padding:60px 20px 20px}.gyousya-blockquote:before{display:block;content:"";background:url(/wp-content/uploads/sp_gyousya_blockquote_top.png) no-repeat;width:25px;height:20px;top:20px;left:20px;position:absolute}.gyousya-blockquote:after{display:block;content:"";background:url(/wp-content/uploads/sp_gyousya_blockquote_btm.png) no-repeat;width:25px;height:20px;bottom:20px;right:20px;position:absolute}}
/* ------------------------------------------------------------
よくある質問style
------------------------------------------------------------*/
.stuff-block.stuff p {
    margin: 0;
}
/* ------------------------------------------------------------
耐震診断style
------------------------------------------------------------*/
span#dsd_name {
    font-weight: bold;
    margin-right: 20px;
}
.dsd-text {
    font-weight: bold;
	line-height:50px;
}
.dsd-result {
    float: right;
	line-height:40px;
}
div#diag_selected_data {
    margin-bottom: 40px;
}
.red_message {
    color: red;
}
#foot-logo img {
    width: 30%;
}
#form-block p {
    margin: 0;
}
@media screen and (max-width: 640px){
	div#diagnosis-form a{
	width:80%;
}
	.diagnosis-wrap .submit input{
		width:80%;
	}
	.cnt-page-ttl-2{
		width:100%;
	}

	.diagnosis-wrap .question .qcontents{
		width:auto;
	}
	.qselect{
		width:100%;
	}
	.gyousya-lead{margin:20px auto 40px auto}
	#logo{
		    width: 40%;
		margin-left: 10px;
	}
	#foot-logo img {
    width: auto;
}
	.top-entry-ttl{
		width:auto;
	}
	.stuff-post{
		width:auto;
	}
}