@charset "utf-8";

/* 20240804 added by Fabo */

.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }


.entry-content .row {
	margin-right: -10px;
	margin-left: -10px;
}
.entry-content .row > div {
	margin-bottom: 20px;
	padding: 0 10px;
}
.term-contact .entry-content .row {
	margin: 0;
}
.term-contact .entry-content .row > div {
	margin: 0;
	padding: 0;
}

.entry-content .template-text :first-child,
.entry-content .contents-textarea :first-child {
	margin-top: 0 !important;
}

.entry-content .template-img-right {
	margin-left: 30px;
}
.entry-content .template-img-left {
	margin-right: 30px;
}

.strong {
	color: #DB2441;
}

.contents-colorbox {
	margin-bottom: 40px;
	padding: 30px;
	background: #f6f6f6;
	border-radius: 15px;
}
.contents-colorbox :first-child {
	margin-top: 0 !important;
}
.contents-colorbox :last-child {
	margin-bottom: 0 !important;
}
.contents-colorbox h4 {
	margin: 0 0 10px !important;
}

.table-bordered {
	margin: 0 0 30px 0;
}
.table-bordered th,
.table-bordered td {
	padding: 12px 15px;
	border: 2px solid #fff;
}
.table-bordered th {
	background: #004EA2;
	color: #fff;
}
.table-bordered th {
	width: 25%;
	font-weight: bold;
}
.table-bordered td {
	background: #DAECF5;
}


.table-fixed {
	margin-bottom: 30px;
	table-layout: fixed;
}
.table-fixed th,
.table-fixed td {
	padding: 12px 15px;
	text-align: center;
	border: 2px solid #fff !important;
	vertical-align: middle;
}
.table-fixed th {
	background: #004EA2;
	color: #fff;
	font-weight: bold;
}
.table-fixed td {
	background: #daecf5;
}


/* よくある質問 */
/*==========
CONTENTS WORKS ID:1995
==========*/
table.table_qa{
	margin: 0 0 0.8em 0;
	padding: 0;
	margin-bottom:40px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.table_qa th{
	padding: 10px;
	width: 5%;
}
table.table_qa td{
	padding: 10px;
}
table.table_qa tr:nth-child(2n-1) td{
	font-size:18px;
}
table.table_qa tr:nth-child(2n){
	background: #e9f2f6;
}
table.table_qa tr:nth-child(2n) th{
	vertical-align: top;
}
/* Qアイコン */
.q_icon{
	font-weight: bold;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	background: #004EA2;
	border-radius: 50%;
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 50px;
}
/* Aアイコン */
.a_icon{
	font-weight: bold;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	background: #DB2441;
	border-radius: 50%;
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 50px;
}

/*iframe*/
.map-wrap iframe{
	vertical-align: top;
	width: 100%;
	height: 450px;
}

/* 動画可変対応 */
.movie-wrap {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	padding: 56.25% 0 0 0;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*施工の流れ*/
.contents-flowbox {
	position: relative;
	padding: 0 0 40px 30px;
}
.contents-flowbox:last-child {
	padding-bottom: 0;
}
.contents-flowbox::before {
	content: "";
	position: absolute;
	top: 12px;
	bottom: 0;
	left: 6px;
	width: 2px;
	background: #004EA2;
}
.contents-flowbox::after {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 14px;
	height: 14px;
	z-index: 1000;
	background: #004EA2;
	border-radius: 50%;
}
.contents-flowbox .template {
	margin-bottom: 0;
}
.contents-flowbox .template-img-right {
	margin: 0 0 0 30px;
}
.contents-flowbox .template-text h3 {
	padding: 0;
	margin: 0 0 10px !important;
	font-size: 20px;
	color: #004EA2;
	border-bottom: none;
	background: none;
	border:none;
}
.contents-flowbox .template-text h3:before {
	display: none;
}


/* --------------------
2024/08/22 added by nakazato
-------------------- */

/* TOP　-LINE UP-　各画像 */
.main-lineup .feature li .image{
	border: solid 4px #0E58A7;
	border-radius: 24px;
}


/* 20250609_narematsu gnavi調整、再度固定バナー調整*/
@media (max-width: 1430px) {
    #header .logo {
    position: absolute;
    top: 32px;
    left: 30px;
    width: 250px;
    }
   .gnav {
    position: absolute;
    top: 65px;
    right: 30px;
    width: 1100px;
    overflow-x: hidden;
    }
    .gnav .text {
    font-size: 1.4vw;
        }
            }
	.gnav .eng {
    font-size: 1.1vw;
        }

.fixed-banner {
    top: 130px;
}

.table-fixed th {
	background: #004EA2;
	color: #fff;
}

.table-fixed td {
    background: #daecf5;
}


.table-fixed th,
.table-fixed td  {
    border: 2px solid #ffffff;
}

.table thead th {
    border: 2px solid #ffffff;
}

.main-free {
  margin-top: 100px; /* 数値は必要に応じて調整 */
}

.contents-paintbox .-green span { background: #39b54a; }
.contents-paintbox .-light-green span { background: #8cc63f; }
.contents-paintbox .-brown span { background: #8c6239; }
.contents-paintbox .-light-brown span { background: #c69c6d; }
.contents-paintbox .-pink span { background: #ff7bac; }
.contents-paintbox .-light-pink span { background: #ef97b7; }

/* 20250609_narematsu gnavi調整、再度固定バナー調整*/
@media (max-width: 1600px) {
    #header .logo {
    position: absolute;
    top: 32px;
    left: 30px;
    width: 250px;
    }
   .gnav {
    position: absolute;
    top: 65px;
    left: 30px;
    width: 1270px;
    overflow-x: hidden;
    }
    .gnav .text {
    font-size: 1.3vw;
        }
            }
	.gnav .eng {
    font-size: 1.0vw;
        }

.fixed-banner {
    top: 130px;
}

.table-fixed th {
	background: #004EA2;
	color: #fff;
}

.table-fixed td {
    background: #daecf5;
}


.table-fixed th,
.table-fixed td  {
    border: 2px solid #ffffff;
}

.table thead th {
    border: 2px solid #ffffff;
}

.slideshow .slick-slide img {
	border-radius: 77px;
}
	
ul.banner li {
    z-index: 100;
}