@charset "utf-8";

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

見出し

-----------------------------------------*/
.structure-title_body{
	text-align:center;
	margin: 30px auto;
}
@media (max-width: 768px) {
.structure-title_body{
	max-width:100%;
	margin: 10px auto 0;
	}
}
.structure-title_body h4{
	font-size:2.6rem;
	font-weight:400;
	letter-spacing:var(--spacing);
	border-bottom:1px solid #333;
	padding:0px 0 0px;
}
@media (max-width: 768px) {
.structure-title_body h4{
	font-size:2.6rem;
	}
}

.structure-title_body .Eng-title{
	padding:10px 0;
	font-size:2.5rem;
	font-weight:300;
	color:rgba(0,0,0,.2);
}
@media (max-width: 768px) {
.structure-title_body .Eng-title{
	font-size:2rem;
	margin:-10px 0 20px;
	}
}
.structure-title_body_another{
	text-align:center;
	margin: 30px auto -60px;

}
@media (max-width: 768px) {
.structure-title_body_another{
	max-width:90%;
	}
}
.structure-title_body_another h4{
	font-size:2rem;
	font-weight:400;
	letter-spacing:var(--spacing);
	padding:0px 0 10px;
}

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

タブ切り替え

-----------------------------------------*/
.tab-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 5px;
}
.tab-2 > label {
    flex: 1 1;
    order: -1;
		opacity: .5;
     min-width: 70px;
    padding: .6em 1em;
    border-radius: 5px 5px;
    background-color: #fff;
    color: #333;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    letter-spacing:var(--spacing);
    margin:10px 0 20px;
    position: relative;
}
.tab-2 > .lbl-less{
	display:none;
}
@media (max-width: 768px) {
.tab-2 > label {
	margin:0px 0px 10px;
	min-width:150px;
	}
.tab-2 > .lbl-less{
	display:block;
		opacity: 0;
	}
}

.tab-2 > label:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
	}

.tab-2 > label:hover {
    opacity: .8;
}
@media (max-width: 768px) {
.tab-2 > .lbl-less:hover {
    opacity: 0;
    cursor: auto;
	}
}
.tab-2 input {
    display: none;
}
.tab-2 > .box {
    display: none;
    width: 100%;
    padding:0rem;
		font-size:1rem;
		margin:0px 0 60px;

}
@media (max-width: 768px) {
.tab-2 > .box {
	padding:2rem 0rem 0;
		margin:0px 0 0px;
	}
}

.tab-2 label:has(:checked) {
    opacity: 1;
}
.tab-2 label:has(:checked) + .box {
    display: block;
}
.tab-2 .ion-in{
	font-size:1.1rem;
}
.pdg-left{
	padding:0 0 0 10px;
	font-size:1.1rem;
}
@media (max-width: 768px) {
.tab-2 .ion-in,
.pdg-left{
	font-size:.9rem;
	}
}

.tab-2 .another-title{
	font-size:1.6rem;
	font-weight:300;
	display:flex;
	gap:1rem;
		justify-content:space-between;
	margin:0px 0 30px;
	border-bottom:1px solid #333;
	align-items:center;
	font-style:italic;
}
@media (max-width: 768px) {
.tab-2 .another-title{
	font-size:1.4rem;
	}
}
.tab-2 .another-title span{
	font-size:1rem;
	font-style:normal;
}
.tab-2 > .box > ul{
	display:flex;
	justify-content:space-between;
	gap:1rem;
	margin:15px 0;
	font-size:1.1rem;
	align-items:center;
}
@media (max-width: 768px) {
.tab-2 > .box > ul{
	font-size:.9rem;
	margin:5px 0 15px;
	}
.tab-2 > .box > ul li{
	line-height:1.3;
	}
}
.common-title-body_grid{
	display:grid;
	grid-template-columns:1fr ;
	gap:2rem ;
	margin: 40px auto 100px;
}
.common-title-body_grid div{
	position:relative;
	line-height:1.45;
	letter-spacing:var(--spacing);
}
.common-title-body_grid .page_list_common li:last-child{
	position:absolute;
	right:7px ;
	bottom:7px;
	color:#fff;
	font-size:.8rem;
}
.page-common_text{
	font-size:1.2rem;
	text-align:center;

}
.page-common_text_another{
	font-size:1.2rem;
	text-align:center;
}

.common-font_large{
	font-size:1.8rem;
}
@media (max-width: 768px) {
.common-font_large{
	font-size:1.5rem;
	}
}
.page-common_text_detail{
	margin:10px 0 0;
	text-align:center;
	font-size:1.05rem;
}
@media (max-width: 768px) {
.page-common_text_detail{
	font-size:.9rem;
	}
}
.common-red_color{
	color:#B81C24;
}
.page-common_text_comment{
	display:block;
	font-size:.9rem;
	margin:10px 0 0;
}
.page-common_text_space{
	display:block;
	margin:10px 0 0;
}

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

耐震性

-----------------------------------------*/
.Earthquake-body_grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:50px ;
	margin: 60px auto 0;
}
@media (max-width: 768px) {
.Earthquake-body_grid{
	grid-template-columns:1fr;
	gap:30px ;
	max-width:100%;
	margin: 30px auto 0;
	}
}
.Earthquake-body_grid div{
	position:relative;
}
.Earthquake-body_grid .img-comment{
	font-size:.8rem;
	text-align:right;
}

.Earthquake-body_text{
	font-size:1.1rem;
	line-height:1.7;
	letter-spacing:var(--spacing);
	text-align:center;
	margin:0px 0 0;
}
@media (max-width: 768px) {
.Earthquake-body_text{
	font-size:.9rem;
	font-weight:400;
	margin:0px 0 0;
	}
}


.Earthquake-body_text .Earthquake-large{
	font-size:1.8rem;
	line-height:1.3;
}
@media (max-width: 768px) {
.Earthquake-body_text .Earthquake-large{
	font-size:1.5rem;
	}
}

.Earthquake-body_text .Earthquake-space{
	margin:15px 0 0;
	display:block;
	text-align:left;
}
@media (max-width: 768px) {
.Earthquake-body_text .Earthquake-space{
	text-align:center;
	}
}

.Earthquake-body_text .Earthquake-red{
	color:#B81C24;
}
.Earthquake-redlbl{
	margin: 60px auto 30px;
	background:#B81C24;
	padding:.5rem;
	color:#fff;
	font-size:1.6rem;
	text-align:center;
	font-weight:500;
	letter-spacing:var(--spacing);
}
@media (max-width: 768px) {
.Earthquake-redlbl{
	max-width:100%;
	margin: 40px auto 30px;
	font-size:1rem;
	}
}

.Earthquake-body_grade{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:40px;
	max-width:800px;
	margin: 20px auto 30px;
	letter-spacing:var(--spacing);
}
@media (max-width: 768px) {
.Earthquake-body_grade{
	gap:30px 20px ;
	max-width:100%;
	}
}


.Earthquake-body_grade dd{
	text-align:center;
	font-size:1.05rem;
	line-height:1.4;
	margin:10px 0 0;
}
@media (max-width: 768px) {
.Earthquake-body_grade dt{
	text-align:center;
}
.Earthquake-body_grade dt img{
	max-width:80%;
	
	}
.Earthquake-body_grade dd{
	margin:0px 0 0;
	font-size:.8rem;
	text-align:left;
	}
}
.Earthquake-body_grade .source{
	display:block;
	font-size:.8rem;
}
.Earthquake-body_grade .grade-red{
	color:#B81C24;
	font-size:1.8rem;
}
@media (max-width: 768px) {
.Earthquake-body_grade .grade-red{
	font-size:1.4rem;
	}
}

/**-------------------------------------
テーブル
--------------------------------------**/
.Earthquake-table{
	width:600px;
	margin: 50px auto 10px;
	letter-spacing:var(--spacing);
	text-align:center;
	background:#fff;
}
.Earthquake-table caption{
	font-size:.9rem;
}

@media (max-width: 768px) {
.Earthquake-table{
	width:100%;
	margin: 50px auto 10px;
	}
}

.Earthquake-table th{
	background:#C6DBE7;
	padding:.5rem 1rem;
	border:1px solid #ccc;
	text-align:center;
}
.Earthquake-table td{
	padding:.5rem 1rem;
	border:1px solid #ccc;
}
@media (max-width: 768px) {
.Earthquake-table td{
	padding:.5rem ;
	width:50%;
	font-size:.9rem;
	}
.Earthquake-table td ul li{
	margin:15px 0;
	line-height:1.3;
	}
}
.Earthquake-table .grade-red_table{
	color:#B81C24;
}
.source-table{
	display:block;
	font-size:.9rem;
	width:600px;
	margin: 0px auto 30px;
}
@media (max-width: 768px) {
.source-table{
	width:100%;
	margin: 0px auto 30px;
	font-size:.8rem;
	}
}
.Earthquake-dl{
	margin:30px auto 10px;
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:2rem 0;
	align-items:center;
	max-width:810px;
	padding:1.5rem 0 ;
}
@media (max-width: 768px) {
.Earthquake-dl{
	max-width:100%;
	grid-template-columns:1fr;
	gap:2rem 0;
	padding:1rem 0 1em;
	}
}

.Earthquake-dl dl{
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1.2;
	gap:1rem;
	font-size:1.3rem;
	letter-spacing:var(--spacing);
}
@media (max-width: 768px) {
.Earthquake-dl dl{
	gap:1rem;
	justify-content:start;
	font-size:.9rem;
	}
.Earthquake-dl dl dt{
	width:40%;
	text-align:right;
	}
}

.Earthquake-dl dl .Earthquake-dl-red{
	color:#B81C24;
}
.Earthquake-dl dl .Earthquake-dl-large{
	font-size:3.3rem;
}
@media (max-width: 768px) {
.Earthquake-dl dl .Earthquake-dl-large{
	font-size:2.4rem;
	}
}

.Earthquake-notice{
	margin:0px auto 100px;

	letter-spacing:var(--spacing);
	font-size:.9rem;
}
@media (max-width: 768px) {
.Earthquake-notice{
	margin:0px auto 40px;
	font-size:.8rem;
}

.Earthquake-notice li{
	padding-left:1em;
	text-indent:-1em;
	line-height:1.3;
	margin:10px 0;
	}
}

.Earthquake-notice ul li:before{
	content:"※";
}
/**-------------------------------------
東日本大震災
--------------------------------------**/
.Earthquake-higashi-body_grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:50px ;

	margin: 80px auto ;
}
@media (max-width: 768px) {
.Earthquake-higashi-body_grid{
	grid-template-columns:1fr;
	max-width:100%;
	gap:0px ;
	margin: 0px auto 40px;
	}
}

.Earthquake-higashi-body_grid div{
	position:relative;
}
.Earthquake-higashi-body_grid .img-comment{
	font-size:.8rem;
	text-align:right;
	margin:-5px 0 0;
}
.Earthquake-higashi-body_grid .Earthquake-red{
	color:#B81C24;
}
.Earthquake-body_grade .Earthquake-red{
	color:#B81C24;
}

.Earthquake-higashi-body_grid .source{
	display:block;
	font-size:.7rem;l
}
.Earthquake-higashi-body_grid sup{
	font-size:.6rem;
	color:#333;
}
.Earthquake-higashi-body_grid dl{
	margin: 0 0 30px;
	font-size:1.05rem;
	letter-spacing:var(--spacing);
}
@media (max-width: 768px) {
.Earthquake-higashi-body_grid dl{
	margin: 30px 0 20px;
	}
.Earthquake-higashi-body_grid dd{
	font-size:.9rem;
	}
}
.Earthquake-higashi-body_grid dl dt{
	font-size:1.3rem;
	margin: 0 0 15px;
	line-height:1.3;
}

.Earthquake-higashi-body_grid .Earthquake-large{
	font-size:1.8rem;
}
/**-------------------------------------
ビッグフレーム構法
--------------------------------------**/
.black-bg{
	background:#333;
	color:#fff;
	font-size:2rem;
	margin: 100px auto 0px;

	text-align:center;
	padding:2rem 0 ;
	line-height:1.3;
	letter-spacing:var(--spacing);
}
@media (max-width: 768px) {
.black-bg{
	font-size:1.2rem;
	margin: 30px auto 30px;
	max-width:100%;
	padding:2rem  ;
	}
}
.black-bg dl{
	margin: 0px auto 0px;
	max-width:700px;
	position:relative;
}
@media (max-width: 768px) {
.black-bg dl{
	max-width:95%;
	}
}
.black-bg dt{
	border-bottom:10px solid #fff;
	padding:0px 0 20px;
}
.black-bg dd{
	padding:20px 0 0;
}
.Earthquake-higashi-body_grid .img-comment_dl{
	font-size:.8rem;
	text-align:right;
	margin:0px 0 0;
}

.bf-text{
	margin: 0 0 10px;
	font-size:1.05rem;
}
@media (max-width: 768px) {
.order1{
	order:2;
	margin:0px 0 60px;
	}
.bf-text{
	font-size:.9rem;
	}
}
/**-------------------------------------
	写真リスト
--------------------------------------**/
.bf-body_grid{
	margin:40px auto 10px;
}
.bf-body_grid dl{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:1rem ;
}

@media (max-width: 768px) {
.bf-body_grid{
	margin:-80px auto 10px;
	max-width:100%;
	}
.bf-body_grid dl{
	grid-template-columns:1fr;
	gap:.5rem ;
	}
}

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

耐火性

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

.small-sup{
	font-size:.6rem;
}

.fire-resistance-space{
	font-size:1.1rem;
	display:block;
	margin:10px 0 ;
	text-align:left;
}
@media (max-width: 768px) {
.fire-resistance-space{
	font-size:.9rem;
	}
}

.fire-resistance_comment{
	font-size:.8rem;
	display:block;
	text-align:left;
}
.fire-resistance_stop{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:50px ;

	margin:60px auto ;
	position:relative;
}
.fire-resistance_stop div{
	position:relative;
}


@media (max-width: 768px) {
.fire-resistance_stop{
	grid-template-columns:1fr 1fr;
	gap:20px ;
	max-width:100%;
	margin: 0px auto 60px;
	}
.fire-resistance_stop .stop-img img{
	max-width:100%;
	}
}

.Earthquake-body_grid .fire-resistance-space,
.fire-resistance_text{
	font-size:1.05rem;
	letter-spacing:var(--spacing);
	line-height:1.7;
}
@media (max-width: 768px) {
.Earthquake-body_grid .fire-resistance-space,
.fire-resistance_text{
	font-size:.9rem;
	}
}

.fire-resistance_stop .img-comment{
	font-size:.9rem;
	text-align:right;
	margin:-5px 0 0;
}
.img-comment_fire{
	font-size:.9rem;
	margin:10px 0 0;
	line-height:1.3;
}

.img-comment_fire sup{
	font-size:.6rem;
}

.img-comment-left{
	text-align:left;
	font-size:.9rem;
	margin:10px 0 0px;
}

.fire-resistance_border{
	padding:1rem 0;
	font-size:1.8rem;
	margin:60px auto;
	text-align:center;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
@media (max-width: 768px) {
.fire-resistance_border{
	font-size:1.6rem;
	margin:60px auto 40px;
	max-width:100%;
	line-height:1.45;
	}
}
/**-------------------------------------
省令準耐火仕様
--------------------------------------**/
.black-bg_fire{
	background:#333;
	color:#fff;
	font-size:1.5rem;
	margin: 60px auto 0px;
	text-align:center;
	padding:1rem 0 ;
	line-height:1.3;
	letter-spacing:var(--spacing);
}
@media (max-width: 768px) {
.black-bg_fire{
	font-size:1.2rem;
	margin: 60px auto 0px;
	max-width:100%;
	padding:.5rem 0 ;
	}
}
.black-bg_fire dl{
	margin: 0px auto 0px;
	max-width:700px;
	position:relative;
}
@media (max-width: 768px) {
.black-bg_fire dl{
	max-width:90%;
	}
}
/**-------------------------------------
保険料算出条件
--------------------------------------**/
.fire-conditions-body{
	margin:80px auto 0px;

}

.fire-conditions{
	position: relative;
	padding: 0 0px;
	font-size:1.1rem;
	margin:80px auto -20px;
}
.fire-conditions:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #333;
}
.fire-conditions span {
  position: relative;
  padding: 0 1em 0 0;
  background: #ABABAB;
}
.fire-title_square{
	font-size:1rem;
	margin:30px 0 10px;
}
.fire-title_square:before{
	content:"■";
}
.fire-conditions-body dl{
	margin: 0 0 40px;
	letter-spacing:var(--spacing);
}
.fire-conditions-body dt{
	font-size:1rem;
}
.fire-conditions-body dd{
	font-size:.9rem;
}
.fire-conditions-body dd:before{
	content:"●";
	color:#333;
}
@media (max-width: 768px) {
.fire-conditions-body dd{
	text-indent:-1em;
	padding-left:1em;
	}
}
.fire-conditions_text{
	display:block;
	font-size:.9rem;
}
.fire-conditions_text span{
	display:block;
	font-size:.8rem;
}
/*----------------------------------------

耐久性

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

.durability-body_grid{
	display:grid;
	grid-template-columns:1fr 2fr;
	gap:0 50px ;
	max-width:850px;
	margin: 60px auto 00px;
}
@media (max-width: 768px) {
.durability-body_grid{
	grid-template-columns:1fr;
	gap:10px 0;
	max-width:100%;
	margin: 30px auto 0;
	}
.durability-body_grid .earth-img{
	text-align:center;
	}
.durability-body_grid .earth-img img{
	max-width:210px;
	}
}
.durability-body_grid .ls-comment{
	border-top:1px solid #333;
	padding:20px 0;
	margin:20px 0;
}
@media (max-width: 768px) {
.durability-body_grid .ls-comment{
	padding:10px 0;
	font-size:.9rem;
	}
.durability-body_grid .Earthquake-body_text{
	text-align:center;
	}
}

.durability-body_text{
	line-height:1.7;
	letter-spacing:var(--spacing);
	margin: 20px auto 0;
	text-align:center;
}
.durability-body_text .Earthquake-large{
	font-size:1.1rem;
}
.radius{
	border-radius:100px;
}
.border-bottom_in{
	border-bottom:1px solid #333;
}

.durability-body_grid_small{
	display:grid;
	grid-template-columns:1fr 2fr;
	gap:20px ;
	max-width:500px;
	margin: 100px auto 0;
	align-items:center;
}
@media (max-width: 768px) {
.durability-body_grid_small{
	grid-template-columns: 1fr 3fr;
	gap:30px 10px;
	max-width:90%;
	margin: 80px auto 0;
	text-align:center;
	}
}
.yane .img-comment{
	font-size:.8rem;
	text-align:right;
	margin:-27px 0 20px;
	color:#fff;
}
.ari .img-comment{
	font-size:.8rem;
	margin:0px 0 20px;

}
.turn-guard{
	margin:40px auto -40px;
	
}
@media (max-width: 768px) {
.turn-guard{
	margin:20px auto 20px;
	line-height:1.3;
	}
}
/*----------------------------------------

断熱性

-----------------------------------------*/
.thermal-360{
	text-align:center;
	margin:0px 0 60px;
}
.thermal-360 img{
	max-width:900px;
}

@media (max-width: 768px) {
.thermal-360{
	margin:20px 0 60px;
	}
.thermal-360 img{
	max-width:100%;
	}
}

.thermal-body{
	margin: 60px auto;
}
.thermal-body .thermal-body_title{
	text-align:center;
	font-size:2rem;
	letter-spacing:var(--spacing);
	margin: 80px 0;
	line-height:1.5;
}
@media (max-width: 768px) {
.thermal-body .thermal-body_title{
	font-size:1.5rem;
	margin: 40px 0 60px;
	}
}

.thermal-body .thermal-body_title .Earthquake-red{
	font-size:2rem;
	line-height:1.3;
	color:#B81C24;
}

@media (max-width: 768px) {
.thermal-body .thermal-body_title .Earthquake-red{
	font-size:2rem;
	}
}

/**-------------------------------------
STEP
--------------------------------------**/
.step-body{

	margin:50px auto;
	background:#fff;
	padding:40px;
}


@media (max-width: 768px) {
.step-body{
	max-width:100%;
	padding:30px;
	margin:10px auto 0;
	}
}
.step-body-bg{
	background:none;
	padding:30px 0;
}

.step-body .step{
	display:flex;
	gap:0 30px;
	margin: 0px auto 30px;
	font-size:1.8rem;
	border-bottom:1px solid #333;
	padding:0 0 0px;
	align-items:center;
}
@media (max-width: 768px) {
.step-body .step{
	gap:0 20px;
	font-size:1.5rem;
	margin: 0px auto 20px;
	}
.step-body .step dt{
	gap:0 20px;
	font-size:2rem;
	color:#ccc;
	}
}
.step-body .step-text{
	margin: 0px auto 0px;
	font-size:1.4rem;
	text-align:center;
}
@media (max-width: 768px) {
.step-body .step-text{
	font-size:1.2rem;
	line-height:1.3;
	}
}
.step-body .step-text_red{
	color:#B81C24;
}
.step-body .step_k{
	text-align:right;
	margin: 0px auto 10px;
	font-size:.9rem;
}
.step-body .step_comment{
	margin: 0px auto 30px;

	line-height:1.3;
}
@media (max-width: 768px) {
.step-body .step_comment{
	margin: 0px auto 30px;
	font-size:.9rem;
	}
}

.step-body .step_square{
	margin: 40px auto 10px;
	font-size:.9rem;
}
.step-body .step-img_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0 50px;
	margin: 0px auto 20px;
}
@media (max-width: 768px) {
.step-body .step-img_list{
	grid-template-columns:1fr;
	gap:40px 0px;
	text-align:center;
	}
.step-body .step-img_list img{
	max-width:300px;
	}
}

.step-body .step-img_list_uul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0 50px;
	margin: 0px auto 20px;
	text-align:center;
}
.step-body .step-img_list_uul img{
	max-width:400px;
	}
@media (max-width: 768px) {
.step-body .step-img_list_uul{
	gap:40px 20px;
	text-align:center;
	}
.step-body .step-img_list_uul img{
	max-width:100%;
	}
}

.step-img_list-three{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:0 20px;
	margin:20px 0 60px;
}
@media (max-width: 768px) {
.step-img_list-three{
	gap:0 10px;
	margin:40px 0 0px;
	}
}

.step-img_list-three li{
	position:relative;
	font-size:.8rem;
	text-align:center;
	line-height:1.3;
}
.step-img_list-three .list-comment_sumirin{
	position:absolute;
	left:0;
	top:-30px;
	width:100%;
	background:#fff;
	text-align:center;
	font-size:1.1rem;
}
@media (max-width: 768px) {
.step-img_list-three .list-comment_sumirin{
	position:absolute;
	left:0;
	top:-25px;
	font-size:.9rem;
	}
}



.step-body .step-text_sub{
	margin:0 0 0px;
}
.step-body .step-text_sub_a{
	margin:0 0 40px;
	font-size:.9rem;
	text-align:center;
}
.step-body .step-space{
	margin:70px 0 0 ;
}
@media (max-width: 768px) {
.step-body .step-text_sub{
	margin:0 0 0px;
	font-size:.95rem;
}
.step-body .step-space{
	margin:80px 0 0 ;
	}
}

.step-body .step-text_sub-right{
	margin:0px 0 120px ;
	text-align:center;
}
@media (max-width: 768px) {
.step-body .step-text_sub-right{
	margin:0px 0 40px ;
	font-size:.9rem;
	text-align:right;
	}
}
.center-in{
	text-align:center;
}
.grid-icon_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:0 30px;
	margin:30px auto 30px;
	max-width:750px;
}
@media (max-width: 768px) {
.grid-icon_list{
	display:grid;
	grid-template-columns:1fr;
	gap:0 30px;
	max-width:100%;
	margin:20px auto 0px;
	}
.grid-icon_list dl{
	display:flex;
	align-items:center;
	gap:0px 20px;
	margin:5px 0 0px;
	padding:5px 0 10px;
	border-bottom:3px dotted 333;
	}
}

.grid-icon_list dt{
	text-align:center;
	margin:10px 0 20px;
}
.grid-icon_list dt img{
	max-width:180px;
}
@media (max-width: 768px) {
.grid-icon_list dt img{
	max-width:90px;
	}
}
.grid-icon_list dl span{
	display:block;
	font-size:1.1rem;
	font-weight:500;
}
.center-in{
	text-align:center;
}

.wall{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	margin: 30px auto 0;
	max-width:800px;
	align-items:center;
	}
.wall div{
	border-right:2px dotted #333;
}
.wall div:last-child{
	border-right:none;
}
.wall dl{
	display:flex;
	justify-content:center;
	gap:1rem;
	font-size:1.6rem;
	align-items:center;
}
.wall dl dt{
	padding:15px 0 0;
} 

.wall dl dd span{
	color:#B81C24;
	display:inline-block;
	margin:0 5px;
	font-size:2.8rem;
}
@media (max-width: 768px) {
.wall{
	max-width:100%;
	gap:.5rem;
	}
.wall div{
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	border-right:none;
} 
.wall dl dt{
	padding:8px 0 0;
} 
.wall div:last-child{
	border-right:none;
/*	border-bottom:2px dotted #333;*/
}
/*
.wall div:first-child{
	border-top:2px dotted #333;
	}
*/	
.wall dl{
	font-size:1rem;
	}
.wall dl dd span{
	font-size:1.7rem;
	}
}

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

60年保証

-----------------------------------------*/
.year-system_body{
	background:#333;
	color:#fff;
	margin:80px auto 60px;
	padding:40px ;
}
@media (max-width: 768px) {
.year-system_body{
	max-width:100%;
	padding:30px 20px;
	margin:10px auto 60px;
	}

}

.year-system_main{
	display:grid;
	grid-template-columns:1fr 2fr;
	gap:50px 30px;
	margin:0px auto 0px;
	align-items:center;
}
@media (max-width: 768px) {
.year-system_main{
	grid-template-columns:1fr 2fr;
	gap:10px ;
	}

}
.year-system_main_another{
	display:grid;
	grid-template-columns:2fr 1.5fr;
	gap:50px 20px;
	margin:0px auto 0px;
	align-items:center;
}
@media (max-width: 768px) {
.year-system_main_another{
	grid-template-columns:1fr;
	gap:10px ;
	}
}

.year-system_body_text{
	font-size:1.05rem;
	line-height:1.7;
	letter-spacing:var(--spacing);
}


.year-system_body .year-system-large{
	font-size:1.8rem;
	line-height:1.7;
}

.year-system_text_maintenance{
	font-size:1.25rem;
	margin:30px auto ;
	text-align:center;
}
@media (max-width: 768px) {
.year-system_text_maintenance{
	font-size:.9rem;
	text-align:left;
	line-height:1.4;
	}
.year-system_body .year-system-large{
	font-size:1.3rem;
	line-height:1.3;
	}
.year-system_body_text{
	font-size:.9rem;
	line-height:1.4;
	letter-spacing:var(--spacing);
	}
}

.year-system_body_notice{
	margin:10px 0 0;
}
@media (max-width: 768px) {
.year-system_body_notice{
	font-size:.9rem;
	}
}

.year-system_body_notice li:before{
	content:"※";
}
@media (max-width: 768px) {
.year-system_body_notice li{
	text-indent:-1em;
	padding-left:1em;
	line-height:1.4;
	margin:10px 0;
	}

}

.six-year-icon{
	text-align:right;
}

.six-year-icon img{
	max-width:150px;
}
@media (max-width: 768px) {
.six-year-icon{
	text-align:center;
	}
.six-year-icon img{
	max-width:100px;
	}
}
/**-------------------------------------
24時間365日受付のコールセンター
--------------------------------------**/
.two-four_body{
	margin:0px auto 60px;
	max-width:680px;
}
.two-four_body .call{
	text-align:center;
	margin:40px auto ;
}
.two-four_body .call dt{
	font-size:1.7rem;
}

@media (max-width: 768px) {
.two-four_body .call{
	margin:10px auto 20px;
}
.two-four_body .call dt{
	font-size:1.4rem;
	
	}
}

.two-four_body_block{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:30px 10px;
}
.two-four_body_block dl{
	text-align:center;
}
.two-four_body_block dd{
	font-size:1.1rem;
}

.two-four_text{
	text-align:center;
	font-size:1.2rem;
	margin:-10px auto 40px;
}
@media (max-width: 768px) {
.two-four_text{
	font-size:1rem;
	margin:-10px auto 0px;
	}
.two-four_body_block dd{
	font-size:.9rem;
	}
}

.Earthquake-large_light{
	font-size:1.2rem;
	text-align:left;
	}
@media (max-width: 768px) {
.Earthquake-large_light{
	text-align:center;
	}
}
.resistance_style{
	padding:40px 0 0;
	display:block;
	text-align:center;
	}
.insulation_style{
	padding:40px 0 0;
	display:block;
	text-align:center;
	}
@media (max-width: 768px) {
.resistance_style{
	text-align:left;
	}
.resistance_center{
	text-align:center;
	display:block;
	}
.insulation_style{
	padding:40px 0 0;
	
	}
}
.durability-body_grid .position-left,
.Earthquake-body_grid .position-left{
	text-align:left;
}
@media (max-width: 768px) {
.durability-body_grid .position-left,
.Earthquake-body_grid .position-left{
	text-align:left;
	}
}


.all-images-comment_base{
	color:#fff;
	font-size:.8rem;
	z-index:1;
}
/*---注釈の位置の指定---*/
.color-black{
	color:#000;
}
/*---耐震性---*/
.tab-one_a{
	position:absolute;
	right:3px;
	bottom:30px;
}
@media (max-width: 768px) {
.tab-one_a{bottom:10px;}}

.tab-one_b{
	position:absolute;
	right:3px;
	bottom:5px;
}
.tab-one_c{
	position:absolute;
	right:3px;
	bottom:60px;
}
@media (max-width: 768px) {
.tab-one_c{bottom:25px;}}

.tab-one_d{
	position:absolute;
	right:3px;
	bottom:53px;
}
@media (max-width: 768px) {
.tab-one_d{bottom:25px;}}

/*---耐火性---*/
.tab-two_a{
	position:absolute;
	right:3px;
	bottom:7px;
}
@media (max-width: 768px) {
.tab-two_a{bottom:10px;}}