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

/*----------------------------------------------------
　
------------------------------------------------------*/
#main-title{
clear: both;
margin: 20px 0 0;
text-align: center;
background: #F0F7FA;
}
#main-title h2{
padding: 1em 0;
font-size: 250%;
font-weight: 900;
line-height: 1.3;
}
#main-title h2 .en{
display: block;
padding: 1em 0 0;
color: #005FA3;
font-size: 40%;
font-family: 'Inter', sans-serif;
font-weight: 600;
}
@media screen and (max-width: 1000px) {
#main-title h2{
}
}


/*
-------------------------------*/


/* ------------------------------------

---------------------------------------　*/

#mokuji{
clear: both;
padding: 60px 0;
}
#mokuji ul{
overflow: hidden;
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 3em 1em 2em 2em;
border-radius: 1em;
border: 1px solid #005FA3;
box-sizing: border-box;
}
#mokuji ul li{
position: relative;
float: left;
min-width: 25%;
margin: 0 3% 1em 0;
padding: 0 0 0 2em;
font-size: 118%;
line-height: 1.8;
box-sizing: border-box;
}
#mokuji ul li::before{
position: absolute;
left: 0;
top:0;
content: "";
display: block;
width: 1.65em;
height: 1.65em;
background: url("/new/img/layout/arrow.svg") no-repeat left 0;
background-size: 1.65em;
}
#mokuji ul li a{

}
@media screen and (max-width: 820px) {
#mokuji ul li{
width: 45%;
}
#mokuji ul li:nth-child(2n+1){
clear: both;
}
}
@media screen and (max-width: 640px) {
#mokuji ul{
padding: 3em 1.5em 2em 1.5em;
}
#mokuji ul li{
float: none;
width: 100%;
margin-right: 0;
}
}


/* ------------------------------------

---------------------------------------　*/
#about{
clear: both;
overflow: hidden;
width: 90%;
max-width: 1200px;
margin: 0 auto 150px;
box-sizing: border-box;
}

#about h2{
margin: 0 0 1em;
padding: 0.5em;
font-size: 162%;
text-align: center;
background: #F0F7FA;
}

#about .img{
float: right;
width: 30%;
max-width: 351px;
}

#about .text{
float: left;
width: 65%;
padding: 0.5em 0;
line-height: 2;
max-width: 780px;
}

@media screen and (max-width: 1000px) {
#about{
margin: 0 auto 4em;
}
}

@media screen and (max-width: 640px) {
#about h2{
font-size: 140%;
text-align: left;
}
#about .img{
float: none;
width: 70%;
max-width: 351px;
margin: 0 auto;
}

#about .text{
float: none;
width: 100%;
padding: 0.5em 0;
}
}


/* ------------------------------------

---------------------------------------　*/
.cat-title{
margin: 0 0 1em;
color: #005FA3;
font-size: 187%;
border-bottom:2px solid #005FA3;
}
.cat-title .small{
display: inline-block;
margin-left: 2em;
font-size: 75%;
}
.cat-title .small:before{
content: "〜 ";
}
.cat-title .small:after{
content: " 〜";
}

.cat-text{
margin: -1em 0 1.6em;
font-size: 112%;
text-align: left;
}


.text-contents{
clear: both;
position: relative;
overflow: hidden;
}
.text-contents .cont{
overflow: hidden;
width: 90%;
max-width: 1200px;
margin: 0 auto;
text-align: left;
}



.d-title{
position: relative;
margin: 0 0 1em;
padding:0.5em 0.5em 0.5em 1.5em;
font-size: 162%;
border-bottom: 1px solid #121212;
}

.d-title:before{
position: absolute;
left: 0;
top: 1.2em;
content: "";
width: 0.6em;
height: 0.6em;
background: #1DA0FF;
border-radius: 50%;
}


.flow-area{
clear: both;
position: relative;
overflow: hidden;
width: 90%;
max-width: 1200px;
margin: 0 auto;
text-align: left;
}



@media screen and (max-width: 1200px) {
.cat-title .small{
display: block;
margin-top: 0.2em;
margin-bottom: 0.5em;
margin-left: 0;
line-height: 1.5;
}
}


@media screen and (max-width: 640px) {
.cat-title{
font-size: 162%;
}
.d-title{
font-size: 140%;
}
}

/* ------------------------------------

---------------------------------------　*/
#text01{
margin: 0 0 100px;
}

@media screen and (max-width: 640px) {
#text01{
margin: 0 0 3.5em;
}
}

/*
-------------------------------*/
#text01 ul.img{
clear: both;
overflow: hidden;
}
#text01 ul.img li{
float: left;
width: 48.8%;
margin: 0 1.2% 2.5em 0;
}
#text01 ul.img li:nth-child(2n){
margin-right: 0;
}
@media screen and (max-width: 480px) {
#text01 ul.img li{
float: none;
width: 100%;
margin:0 0 1em 0;
}
}
/*
-------------------------------*/
#text01 ul.detail{
clear: both;
overflow: hidden;
}
#text01 ul.detail li{
float: left;
width: 30%;
margin: 0 5% 3em 0;
background: #F0F7FA;
}
#text01 ul.detail li:nth-child(3n){
margin-right: 0;
}

#text01 ul.detail li .no{
padding: 0.5em;
color: #fff;
font-size: 125%;
font-weight: 700;
text-align: center;
background: #005FA3;
}
#text01 ul.detail li .text{
padding: 1.5em 1.7em 2em;
line-height: 2.1;
}

@media screen and (max-width: 640px) {
#text01 ul.detail{
margin: 0 0 1em;
}
#text01 ul.detail li{
float: none;
width: 100%;
margin:0 0 1em 0;
}
}



/* ------------------------------------

---------------------------------------　*/
#text02{
margin: 0 0 100px;
}

@media screen and (max-width: 640px) {
#text02{
margin: 0 0 3.5em;
}
}

/*
-------------------------------*/
#text02 ul.img{
clear: both;
overflow: hidden;
}
#text02 ul.img li{
float: left;
width: 48.8%;
margin: 0 1.2% 2.5em 0;
}
#text02 ul.img li:nth-child(2n){
margin-right: 0;
}
@media screen and (max-width: 480px) {
#text02 ul.img li{
float: none;
width: 100%;
margin:0 0 1em 0;
}
}
/*
-------------------------------*/
#text02 ul.detail{
clear: both;
overflow: hidden;
}
#text02 ul.detail li{
float: left;
width: 30%;
margin: 0 5% 3em 0;
background: #F0F7FA;
}
#text02 ul.detail li:nth-child(3n){
margin-right: 0;
}

#text02 ul.detail li .no{
padding: 0.5em;
color: #fff;
font-size: 125%;
font-weight: 700;
text-align: center;
background: #005FA3;
}
#text02 ul.detail li .text{
padding: 1.5em 1.7em 2em;
line-height: 2.1;
}

@media screen and (max-width: 640px) {
#text02 ul.detail{
margin: 0 0 1em;
}
#text02 ul.detail li{
float: none;
width: 100%;
margin:0 0 1em 0;
}
}
/*
-------------------------------*/
#text02 .text{
line-height: 2;
}
#text02 .homeinspection{
clear: both;
overflow: hidden;
margin: 40px 0 0;
padding: 2em;
text-align: center;
border: 1px solid #005FA3;
border-radius: 1em;
}
#text02 .homeinspection dt{
margin: 0 0 1em;
font-size: 125%;
font-weight: 700;
}
#text02 .homeinspection dd .link{
text-align: center;
margin: 1.5em 0 0;
}
#text02 .homeinspection dd .link a{
display: block;
width: 70%;
max-width: 368px;
margin: 0 auto;
padding: 0.7em;
color: #fff;
font-size: 112%;
font-weight: 700;
background: #005FA3;
border-radius: 0.5em;
box-sizing: border-box;
}




@media screen and (max-width: 640px) {
#text02 .homeinspection{
margin-top: 1.5em;
}
#text02 .homeinspection dd{
text-align: left;
}
}


/* ------------------------------------

---------------------------------------　*/
#homeinspection{
clear: both;
overflow: hidden;
padding: 100px 0;
background: #F0F7FA;
}

@media screen and (max-width: 640px) {
#homeinspection{
padding: 3.5em 0;
}
}

#homeinspection h4{
margin: 0 0 1.5em;
color: #005FA3;
font-size: 150%;
text-align: center;
}

@media screen and (max-width: 640px) {
#homeinspection h4{
font-size: 140%;
text-align: left;
}
}

/*
-------------------------------*/
#homeinspection .detail{
clear: both;
overflow: hidden;
margin: 0 0 60px;
}
#homeinspection .detail h5{
margin: 0 0 1em;
font-size: 125%;
font-weight: 700;
}
#homeinspection .detail h5 .small{
margin-left: 2em;
font-size: 70%;
font-weight: 300;
}

#homeinspection .detail ul{
overflow: hidden;
}
#homeinspection .detail ul li{
float: left;
width: 48%;
margin: 0 4% 0 0;
background: #fff;
}
#homeinspection .detail ul li:nth-child(2n){
margin-right: 0;
}
#homeinspection .detail ul li .text{
padding: 1.5em 1em 2em;
text-align: center;
}



@media screen and (max-width: 640px) {

#homeinspection .detail{
margin: 0 0 2em;
}

#homeinspection .detail h5 .small{
display: block;
margin-left: 0;
}

#homeinspection .detail ul li{
clear: both;
float: none;
width: 100%;
margin: 0 0 1em 0;
}

}




/*
-------------------------------*/
#homeinspection .detail2{
clear: both;
overflow: hidden;
padding: 2em 12%;
font-size: 125%;
font-weight: 700;
border-top: 1px solid #005FA3;
border-bottom: 1px solid #005FA3;
box-sizing: border-box;
}

#homeinspection .detail2 .text{
display: table-cell;
width: 73%;
padding: 0 9% 0 0;
line-height: 2;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
}
#homeinspection .detail2 .img{
display: table-cell;
width: 27%;
vertical-align: middle;
}
#homeinspection .detail2 .img img{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.30);;
}




@media screen and (max-width: 640px) {
#homeinspection .detail2{
padding: 2em 5%;
font-size: 100%;
}
#homeinspection .detail2 .text{
display: block;
width: 100%;
padding: 0;
margin: 0 auto 1em;
}
#homeinspection .detail2 .img{
display: block;
width: 60%;
margin: 0 auto 1em;
}

}

/* ------------------------------------

---------------------------------------　*/
#text04{
clear: both;
overflow: hidden;
width: 90%;
max-width: 1200px;
margin: 0 auto 100px;
}

@media screen and (max-width: 640px) {
#text04{
margin: 0 auto 3.5em;
}
}


/* ------------------------------------

---------------------------------------　*/
#text05{
clear: both;
overflow: hidden;
width: 90%;
max-width: 1200px;
margin: 0 auto 100px;
}

@media screen and (max-width: 640px) {
#text05{
margin: 0 auto 3.5em;
}
}


#text05 h4{
margin: 0 0 1.5em;
}


/*
-------------------------------*/
#text05 ul{
overflow: hidden;
margin: 0 0 50px;
}
#text05 ul li{
float: left;
width: 48%;
margin: 0 4% 0 0;
text-align: center;
background: #F0F7FA;
}
#text05 ul li:nth-child(2n){
margin-right: 0;
}

@media screen and (max-width: 640px) {
#text05 ul{
margin: 0 0 1em;
}
#text05 ul li{
float: none;
width: 100%;
margin: 0 0 1.5em 0;
}
}

/*
-------------------------------*/
#text05 .shikaku{
clear: both;
padding: 1em 0;
display: flex;
font-size: 112%;
vertical-align: middle;
border-top: 1px solid #121212;
border-bottom: 1px solid #121212;
}
#text05 .shikaku dt{
width: 10em;
font-size: 112%;
font-weight: 700;
text-align: center;
}

@media screen and (max-width: 640px) {
#text05 .shikaku dt{
width: 7em;
}
}


/* ------------------------------------

---------------------------------------　*/
#text06{
margin: 0 auto 100px;
}

@media screen and (max-width: 640px) {
#text06{
margin: 0 auto 3.5em;
}
}

/*
-------------------------------*/
#text06 .detail{
clear: both;
overflow: hidden;
padding: 2em 12%;
margin: 0 0 50px;
font-size: 125%;
font-weight: 700;
background: #F0F7FA;
}

#text06 .detail .text{
display: table-cell;
width: 73%;
padding: 0 9% 0 0;
color: #005FA3;
line-height: 2;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
}
#text06 .detail .img{
display: table-cell;
width: 27%;
vertical-align: middle;
}
@media screen and (max-width: 640px) {
#text06 .detail{
padding: 2em 5%;
margin: 0 auto 2em;
font-size: 100%;
}
#text06 .detail .text{
display: block;
width: 100%;
padding: 0;
margin: 0 auto 1em;
}
#text06 .detail .img{
display: block;
width: 60%;
margin: 0 auto 1em;
}

}

/*
-------------------------------*/
#text06 .tyuui{
clear: both;
overflow: hidden;
margin: 0 0 50px;
}
#text06 .tyuui h4{
margin: 0 0 0.2em;
padding: 0.5em 0.5em 0.5em 2em;
color: #1DA0FF;
font-size: 162%;
background: url("img02/tyuui.svg") no-repeat left 0.5em;
background-size: auto 1.5em;
}
#text06 .tyuui ul{
overflow: hidden;
}
#text06 .tyuui ul li{
float: left;
width: 30%;
margin: 0 5% 0 0;
border: 1px solid #1DA0FF;
box-sizing: border-box;
}
#text06 .tyuui ul li:nth-child(3n){
margin-right: 0;
}
#text06 .tyuui ul li dl{
padding:1.5em 1em;
}
#text06 .tyuui ul li dl dt{
margin: 0 0 1em;
color: #1DA0FF;
font-size: 125%;
font-weight: bold;
}

@media screen and (max-width: 640px) {
#text06 .tyuui{
margin: 0 auto 2em;
}
#text06 .tyuui ul li{
float: none;
width: 100%;
margin: 0 0 2em;
}
}

/*
-------------------------------*/
#text06 .rei{
clear: both;
overflow: hidden;
margin: 0 0 ;
}
#text06 .rei h4{
font-size: 125%;
font-weight: 700;
}

#text06 .rei ul{
overflow: hidden;
}
#text06 .rei ul li{
clear: both;
overflow: hidden;
margin: 0 0 60px;
background: url("img02/arrow.svg") no-repeat center center;
background-size:4.2% auto;
}
#text06 .rei ul li .before{
float: left;
width: 46%;
box-sizing: border-box;
}
#text06 .rei ul li .after{
float: right;
width: 46%;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
#text06 .rei ul li{
margin: 0 auto 4em;
}
#text06 .rei ul li:last-child{
margin: 0;
}
#text06 .rei ul li{
background: url("img02/arrow2.svg") no-repeat center center;
background-size:1.5em;
}

#text06 .rei ul li .before{
float: none;
width: 100%;
margin:0 0 2.5em;
}
#text06 .rei ul li .after{
float: none;
width: 100%;
}
}

/*
-------------------------------*/

.text06-flow-area{
margin: 0 auto 50px;
}

@media screen and (max-width: 640px) {
.text06-flow-area{
margin: 0 auto 2em;
}

}
/*
-------------------------------*/
.text06-price{
clear: both;
overflow: hidden;
width: 90%;
max-width: 1200px;
margin: 0 auto 50px;
}

.text06-price .text{
margin: 0 auto 50px;
padding: 2.5em 2em;
text-align: center;
line-height: 2;
background: #F0F7FA;
border-radius: 0.5em;
}



@media screen and (max-width: 640px) {
.text06-price{
margin: 0 auto 2em;
}
.text06-price .text{
margin: 0 auto 2em;
padding: 1.5em;
text-align: left;
}
}

/*
-------------------------------*/
.text06-price .shikaku{
clear: both;
padding: 1em 0;
display: flex;
font-size: 112%;
vertical-align: middle;
border-top: 1px solid #121212;
border-bottom: 1px solid #121212;
}
.text06-price .shikaku dt{
width: 10em;
font-size: 112%;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 640px) {
.text06-price .shikaku dt{
width: 7em;
}
}

/* ------------------------------------

---------------------------------------　*/
#text07{
margin: 0 auto 100px;
}

@media screen and (max-width: 640px) {
#text07{
margin: 0 auto 3.5em;
}
}

/*
-------------------------------*/
#text07 .text0{
clear: both;
overflow: hidden;
margin: 0 0 50px;
}

#text07 ul.img{
overflow: hidden;
margin: 0 0 50px;
}
#text07 ul.img li{
float: left;
width: 46%;
margin: 0 8% 0 0;
box-sizing: border-box;
}
#text07 ul.img li:nth-child(2n){
margin-right: 0;
}

@media screen and (max-width: 640px) {
#text07 .text0{
margin: 0 0 2em;
}
#text07 ul.img{
margin: 0 0 2em;
}
#text07 ul.img li{
float: none;
width: 100%;
margin:0 0 2em;
}
}

/*
-------------------------------*/
#text07 .type{
clear: both;
overflow: hidden;
margin: 0 0 50px;
}

#text07 .type ul li{
float: left;
width: 30%;
margin: 0 5% 0 0;
padding:2em 1.5em;
background: #F0F7FA;
box-sizing: border-box;
}
#text07 .type ul li:nth-child(3n){
margin-right: 0;
}
#text07 .type ul li h5{
margin: 0 0 1em;
color: #005FA3;
font-size: 125%;
font-weight: 700;

}


@media screen and (max-width: 640px) {
#text07 .type{
margin: 0 0 2em;
}
#text07 .type ul li{
float: none;
width: 100%;
margin:0 0 2em;

}
}

/*
-------------------------------*/
#text07 .merit{
clear: both;
overflow: hidden;
margin: 0 0 50px;
}

@media screen and (max-width: 640px) {
#text07 .merit{
margin: 0 0 2em;
}
}

/*
-------------------------------*/
.text07-flow-area{
clear: both;
overflow: hidden;
margin: 0 0 50px;
width: 100%;
}
@media screen and (max-width: 640px) {
.text07-flow-area{
margin: 0 0 2em;
}
}

/*
-------------------------------*/
#text07 .price{
clear: both;
overflow: hidden;
margin: 0 auto 50px;
}

#text07 .price .text{
margin: 0 auto 50px;
padding: 2.5em 2em;
text-align: center;
line-height: 2;
background: #F0F7FA;
border-radius: 0.5em;
}



@media screen and (max-width: 640px) {
#text07 .price{
margin: 0 auto 2em;
}
#text07 .price .text{
margin: 0 auto 2em;
padding: 1.5em;
text-align: left;
}
}

/*
-------------------------------*/
#text07 .price .shikaku{
clear: both;
padding: 1em 0;
display: flex;
font-size: 112%;
vertical-align: middle;
border-top: 1px solid #121212;
border-bottom: 1px solid #121212;
}
#text07 .price .shikaku dt{
width: 10em;
font-size: 112%;
font-weight: 700;
text-align: center;
}

@media screen and (max-width: 640px) {
#text07 .price .shikaku dt{
width: 7em;
}
}



/* ------------------------------------

---------------------------------------　*/

#text08{
margin: 0 auto 100px;
}

@media screen and (max-width: 640px) {
#text08{
margin: 0 auto 3.5em;
}
}


/*
-------------------------------*/
#text08 .text0{
clear: both;
overflow: hidden;
margin: 0 0 50px;
}

@media screen and (max-width: 640px) {
#text08 .text0{
margin: 0 auto 2em;
}
}

/*
-------------------------------*/
#text08 .text1{
clear: both;
overflow: hidden;
margin: 0 0 50px;
padding: 5%;
color: #fff;
font-size: 125%;
font-weight: 700;
line-height: 2;
background: #005FA3;
border-radius: 0.5em;
box-sizing: border-box;
}

@media screen and (max-width: 640px) {
#text08 .text1{
font-size: 112%;
margin: 0 auto 2em;
}
}


/*
-------------------------------*/

#text08 .img{
clear: both;
overflow: hidden;
margin: 0 0 50px;
}

@media screen and (max-width: 640px) {
#text08 .img{
margin: 0 auto 2em;
}
}


/*
-------------------------------*/

#text08 .rei .img .inyo{
padding: 0.5em;
text-align: right;
font-size: 87%;
}



/*
-------------------------------*/
#text08 .kaitai{
clear: both;
overflow: hidden;
margin: 0 0 50px;
}
@media screen and (max-width: 640px) {
#text08 .kaitai{
margin: 0 auto 2em;
}
}

#text08 .kaitai .kaitai-kijun{
clear: both;
overflow: hidden;
padding: 2em 0;
text-align: center;
border-top: 1px solid #005FA3;
border-bottom: 1px solid #005FA3;
box-sizing: border-box;
}
#text08 .kaitai .kaitai-kijun h4{
margin: 0 0 0.5em;
color: #005FA3;
font-size: 150%;
font-weight: 700;
}

@media screen and (max-width: 640px) {
#text08 .kaitai .kaitai-kijun{
text-align: left;
}
#text08 .kaitai .kaitai-kijun h4{
font-size: 140%;
}
}
 
#text08 .kaitai h5{
padding: 0.8em 0 0.5em;
font-size: 150%;
font-weight: 700;
}
#text08 .kaitai ul li{
float: left;
width: 32%;
margin: 0 2% 0 0;
box-sizing: border-box;
}
#text08 .kaitai ul li:nth-child(3n){
margin-right: 0;
}


@media screen and (max-width: 640px) {
#text08 .kaitai ul li{
float: none;
width: 100%;
margin:0 0 2em;

}
}

/*
-------------------------------*/
#text08 .price{
clear: both;
overflow: hidden;
margin: 0 auto 50px;
}

#text08 .price .text{
margin: 0 auto 50px;
padding: 2.5em 2em;
text-align: center;
line-height: 2;
background: #F0F7FA;
border-radius: 0.5em;
}



@media screen and (max-width: 640px) {
#text08 .price{
margin: 0 auto 2em;
}
#text08 .price .text{
margin: 0 auto 2em;
padding: 1.5em;
text-align: left;
}
}

/*
-------------------------------*/
#text08 .price .shikaku{
clear: both;
padding: 1em 0;
display: flex;
font-size: 112%;
vertical-align: middle;
border-top: 1px solid #121212;
border-bottom: 1px solid #121212;
}
#text08 .price .shikaku dt{
width: 10em;
font-size: 112%;
font-weight: 700;
text-align: center;
}

@media screen and (max-width: 640px) {
#text08 .price .shikaku dt{
width: 7em;
}
}
/* ------------------------------------

---------------------------------------　*/