body{
	background: #fff;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.3em;
}
.boxed-layout-header{
	padding-bottom: 0;
}
.main-raised{
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
}
.blog-post .section-text{
	padding-bottom: 70px;
}
h1,h2,h3,h4,h5{
	font-weight: bold;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.page-header.header-small .hestia-title, .page-header.header-small .title, h1.hestia-title.title-in-content, .main article.section .has-title-font-size{
	font-size: 30px;
}
.center{
	text-align: center;
}
/*===============================================
 *  header・KV
===============================================*/
#news{
	color: #fff;
}
#news h3{
	color: #000 !important;
}
.news_list{ 
	list-style: none;
	margin: 0 !important;
	padding: 0;
} 
.news_list li{ 
	display: flex;
	border-bottom: 1px dashed #ccc; 
	padding: 15px 0; 
	text-align: left !important; 
} 
.news_meta{
	width: 25%;
}
.news_title{ 
	width: 75%;
	font-size: 14px; 
}
.news_date{ 
	vertical-align: middle; 
	color: #8f8f8f; 
} 
.cat{ 
	background: #82c6ef;
	border-radius: 30px;
	color: #fff; 
	font-size: 10px; 
	line-height: 20px; 
	margin: 0 30px 0 15px; 
	padding: 5px 10px; 
	text-align: center; 
	vertical-align: middle; 
	width: 80px; 
} 
.news_title a{
	color: #333;
	display: block;
	font-size: 14px !important;
	font-weight: bold;
	position: relative;
}
.navbar{
	box-shadow: none !important;
}
.navbar > .container{
	width: 100%;
	padding: 5px 40px;
}
.navbar .navbar-nav > li {
	padding-top: 10px;
	padding-bottom: 10px;	
}
.navbar .navbar-nav > li > a{
	border-radius: 0;
	font-size: 14px;
	font-weight: bold;
}
.nav > li > a{
	padding: 10px 30px;
	font-size: 16px !important;
}
.current-menu-item > a{
	border-bottom: 2px solid #3d5fac;
}
.caret{
	color: #3d5fac;
}
.btn_mail a{
	background: #3d5fac !important;
	color: #fff !important;
}
.btn_mail a img{
	height: 12px !important;
	position: relative;
	bottom: 1px;
	margin-right: 5px;
}
.header-filter-gradient{
	background: #00b0ec;
	background: -moz-linear-gradient(-45deg,  #00b0ec 0%, #00b0ec 0%, #023894 100%);
	background: -webkit-linear-gradient(-45deg,  #00b0ec 0%,#00b0ec 0%,#023894 100%);
	background: linear-gradient(135deg,  #00b0ec 0%,#00b0ec 0%,#023894 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0ec', endColorstr='#023894',GradientType=1 );
}
.center{
	text-align: cener;
}
h1.hestia-title {
	color: #333 !important;
	font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
}
.header-filter::before {
    background-color: transparent !important;
}
/*===============================================
 *  TOP
===============================================*/
.section_box{
	padding-top: 10%;
	padding-bottom: 10%;
}
.section_title h3{
	font-size: 28px;
	margin-bottom: 30px !important;
}
.section_title h3 span{
	color: #01087c;
	display: block;
	font-size: 20px;
	line-height: 1;
}
#introduction{
	background-image: url("/wp-content/uploads/2021/08/bg_introduction.svg");
	background-position: 5% 5%;
	background-repeat: no-repeat;
	background-size: 38vw;
	padding-top: 6%;
	padding-bottom: 10%;
}
.intro_inner{
	margin-left: 5%;
}
.box_introduction{
	position: relative;	
}
#introduction h3{
	color: #333333;
	font-size: 34px;
}
.box_blue{
		background: rgba(61,95,172,0.9);
		padding: 15px;	
}

.box_blue p{
	color: #fff;
	font-size: 16px !important;
	margin: 0 !important;
	width: 50%;
}
.intro_img{
	margin-left: 40%;
	width: 60%;
}
#home_service{
	margin-top: 5%;
	margin-bottom: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.home_service_inner{
	margin-right: 5%;
}
#home_service h3{
	margin: 0;
	text-align: right;
}
#home_service h3 img{
	width: 25vw;
}
.service_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service_list a{
	display: block;
}
.service_list > div{
	width: 32%;
}
.service_list h4{
	margin: 0 !important;
}
.service_list h4 img{
	width: 100%;
}
.service_list div:nth-child(2){
	pointer-events: none;
}
.box_business{
	background: rgba(130,198,239,0.9);
	padding: 10px;
	margin: -5% 5% 0;
	position: relative;
	z-index: 1;
}
.box_business > div{
	padding: 15px;
	position: relative;
}
.box_business > div::before{
	content: url("/wp-content/uploads/2021/08/brackets_top.svg");
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.box_business > div::after{
	content: url("/wp-content/uploads/2021/08/brackets_bottom.svg");
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.box_business p{
	color: #fff;
	font-size: 16px !important;
}
#home_results{
	background-image: url("/wp-content/uploads/2021/08/bg_results.jpg");
	background-position: center center;
	background-size: cover;
	margin-bottom: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
	position: relative;
	text-align: center;
}
#home_company{
	background-image: url("/wp-content/uploads/2021/08/bg_company.jpg");
	background-position: center center;
	background-size: cover;
	margin-bottom: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
	position: relative;
	text-align: center;
}
#home_results a{
	display: block;
	margin-left: 10vw;
	width: 24vw;
}
#home_company a{
	display: block;
	font-size: 14px;
	margin-left: 66vw;
	width: 24vw;
}
#home_results h3,
#home_company h3{
	font-size: 24px;
}
#home_results h3 span,
#home_company h3 span{
	color: #8f8f8f;
	display: block;
	font-size: 16px;
}
#home_results p,
#home_company p{
	font-size: 16px !important;
	font-weight: bold;
	text-align: left;
}
#home_results p span,
#home_company p span{
	display: block;
	text-align: center;
}
.home .btn_link{
	text-align: center !important;
}
.home .btn_link img{
	height: 35px;
}
#contact{
	text-align: center;
}
.box_contact{
	position: relative;
}
#contact h3{
	color: #333333;
	line-height: 1.3em;
	margin: 0 0 5px;
	font-size: 3.5em;
}
#contact h3::after{
	background: #333;
	content: "";
	display: block;
	margin: 0 auto;
	height: 25px;
	width: 1px;
}
.btn_area a{
	background: #3d5fac;
	color: #fff;
	font-size: 16px !important;
	display: inline-block;
	padding: 10px 30px;
}
/*===============================================
 *  事業内容
===============================================*/
.menu_child{
	margin-top: 3%;
}
nav.menu_child ul{
	display: flex;
	justify-content: center;
}
nav.menu_child ul li{
	margin-right: 15px;
}
nav.menu_child ul li:last-child::after{
	content: "／";
	color: #00a;
	display: inline-block;
	margin-left: 15px;
}
nav.menu_child ul li::before{
	content: "／";
	color: #00a;
	display: inline-block;
	margin-right: 15px;
}
nav.menu_child ul li a::before{
	content: "▼";
	display: inline-block;
	font-size: 12px;
	margin-right: 5px;
	position: relative;
	bottom: 2px;
}
nav.menu_child::after{
	background: #00a;
	content: "";
	display: block;
	height: 4px;
	margin-left: 20%;
	width: 80%;
}
.service_txt h3{
	font-size: 30px;
	margin: 0 0 12vh !important;
}
.service_txt h3 span{
	color: #01087c;
	display: block;
	font-size: 20px;
}
.service_txt div{
	margin-top: 10%;
}
.service_txt h4{
	font-size: 22px !important;
	margin: 5% 0 10% !important;
}
.service_txt p{
	font-size: 16px;
}
.btn_link{
	margin-top: 10%;
	text-align: right;
}
.service_img img{
	width: 100%;
}
.features{
	text-align: center;
}
.features h3{
	color: #01087c;
	font-size: 30px;
}
.features ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 4%;
	padding: 5% 0;
	background: #01087c;
}
.features ul li{
	padding: 15px !important;
}
.features ul li img{
	display: block;
	margin: 0 auto 10px;
	height: 150px;
}
.features ul li p{
	color: #01087c;
	margin: 0 !important;
	color: #fff;
}
/*===============================================
 *  空調
===============================================*/
#air_conditioning{
	margin-bottom: 5%;
}
.ac_inner{
	margin-right: 2%;
	width: 98%;
}
.img_box{
	background-image: url("/wp-content/uploads/2021/09/bg_section_bl.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 80%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.img_box .box_thumb{
	margin-bottom: 5%;
	width: 55%;	
}
.img_box .box_contents{
	width: 45%;
	padding: 30px;
}
.img_box .box_contents h3{
	font-size: 30px;
	margin-bottom: 18% !important;
	text-align: center;
}
.img_box .box_contents h3 span{
	color: #3d5fac;
	display: block;
	font-size: 18px;
}
.img_box .box_contents p{
	font-size: 16px;
	margin: 0 !important;
}
.facility_list{
	display: flex;
	flex-wrap: wrap;
	margin: 5% 0 5% 15%;
	width: 85%;
}
#duct .facility_list,
#plumbing .facility_list{
	justify-content: center;
}
#duct{
	margin-bottom: 5%;
}
.facility_inner{
	background-image: url("/wp-content/uploads/2021/09/bg_gray.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 85%;
	padding: 5% 0;
	margin: 0 5%;
}
.facility_list > div{
	margin: 1%;
	position: relative;
	width: 31.333%;
}
.facility_list > div > img{
	width: 100%;
}
.facility_list > div h4{
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 !important;
	padding: 10px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.duct_inner{
	margin-left: 2%;
	width: 98%;
}
.bg_invert{
	background-position: right bottom !important;
	flex-direction: row !important;
}
.facility_inner_invert{
	background-image: url("/wp-content/uploads/2021/09/bg_gray_invert.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 75%;
	padding: 5% 0;
	margin: 0 5%;
}
.facility_inner_invert .facility_list{
    margin: 3% 15% 5% 10% !important;
    width: 85%;
}
#plumbingequipment{
	margin-bottom: 5%;
}
#plumbing equipment{
	margin-bottom: 5%;
}
.pe_inner{
	margin-right: 2%;
	width: 98%;
}
#plumbing .facility_inner{
	background-image: url("/wp-content/uploads/2021/09/bg_gray_invert.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 75%;
	padding: 5% 0;
}
.ei_inner{
	margin-left: 2%;
	width: 98%;
}
/*===============================================
 *  感染症防止対策
===============================================*/
#infection_heading{
	margin-bottom: 5%;
	text-align: center;
}
#infection_heading h2{
	font-size: 20px;
	font-weight: bold
}
#infection_heading h2 span{
	display: block;
}
.box_at254{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 5%;
}
.box_at254 > div{
	padding: 5%;
	width: 50%;
}
.box_at254 > div:first-child{
	background: #3d5fac;
	position: relative;
}
.box_at254 > div:last-child{
	background: #d7f3ff; 
}
.box_at254 h3{
	color: #fff;
	font-size: 24px !important;
}
.box_at254 p{
	margin: 0 !important;
}
span.red{
	color: #c94747;
}
.effect_inner{
	background-image: url("/wp-content/uploads/2021/09/bg_effect.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 0;
}
#effect h3{
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 5% 0 !important;
	text-align: center;
}
#effect h3 span{ 
	background: #fafeff;
	border-radius: 50px;
	display: inline-block;
	padding: 15px 60px;
}
.effect_list{
	display: flex;
	flex-wrap: wrap;
}
.effect_list > div.box_effect{
	background: #fcfdff;
	margin: 1%;
	padding: 10% 5%;
	position: relative;
	text-align: center;
	width: 48%;
}
.effect_num{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.effect_list > div.box_effect img:not(.effect_num){
	display: block;
	height: 100px;
	margin: 0 auto 10%;
}
.effect_list > div.box_effect h4{
	font-size: 24px !important;
}
.effect_list > div.box_effect p{
	margin: 0 !important;
	text-align: left;
}
#safety{
	margin-bottom: 0;
}
.safety_inner{
	background-image: url("/wp-content/uploads/2021/09/bg_section.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-right: 5%;
	padding: 4% 1% 5% 1%;
	width: 95%;
}
.safety_contents h3{
	text-align: center;
}
.safety_contents h3 span{
	background: #fff;
	border-radius: 50px;
	display: inline-block;
	font-size: 24px;
	margin-bottom: 15%;
	padding: 15px 60px;
}
#scene{
	margin: 0;
}
#scene h3{
	text-align: left;
}
#scene h3 span{
	background: #fff;
	border-radius: 50px;
	display: inline-block;
	font-size: 24px;
	margin-bottom: 1%;
	padding: 15px 60px;
}
.box_scene{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 25%;
	width: 75%;
}
.box_scene > div{
	position: relative;
	width: 24%;
}
.box_scene > div span{
	background: #fff;
	border-radius: 10px;
	color: #3D5FAC;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}
#faq{
	padding-top: 5%;
}
#faq h3{
	font-size: 24px !important;
	margin-bottom: 5%;
}
#faq dl{
	margin: 0;
}
.faq_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faq_list > div{
	width: 48%;
}
#faq dl dt{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#faq dl dt img,
#faq dl dd img{
	width: 32px;
	margin-right: 10px;
}
#faq dl dd{
	font-size: 16px;
	margin-bottom: 30px;
	padding-left: 2.7em;
	text-indent: -2.7em;
}
#electricityinstrumentation{
	margin-bottom: 5%;
}
/*===============================================
 *  工事実績
===============================================*/
#results{
	background-image: url("/wp-content/uploads/2021/09/bg_results.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 5%;
	padding-bottom: 5%;
}
.box_results h3{
	font-size: 24px;
	margin-bottom: 5% !important;
}
.box_results h3 span{
	display: inline-block;
	font-size: 14px;
	margin-left: 15px;
}
.box_results{
	background: rgba(255,255,255,0.8);
	padding: 5%;
}
.table_results th{
	background: rgba(0,0,0,0.05) !important;
	border: 1px dotted #999 !important;
	padding: 15px !important;
	text-align: center;
}
.table_results tr{
	border: none !important;
}
.table_results td{
	border: 1px dotted #999 !important;
	padding: 15px !important;
}
.table_results tr:last-child td{
	border: none !important;
	text-align: right;
}
/*===============================================
 *  会社概要
===============================================*/
#greeting_inner{
	background: linear-gradient(to right, #fff, #fff 20%, #f9f9f9 20%, #f9f9f9 100%);
}
.greeting{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}
.greeting > div{
	width: 50%;
}
.heading{
	margin-left: 20vw;
	width: 80vw;
}
.heading h3{
	font-size: 28px;
	margin-bottom: 30px !important;
}
.heading h3 span{
	color: #01087c;
	display: block;
	font-size: 20px;
	line-height: 1;
}
.box_message{
	border-right: 4px solid #01087c;
	background: #f9f9f9;
	padding: 10%;
}
.box_message p{
	font-size: 16px !important;
}
.author_name{
	margin-top: 10%;
	text-align: right;
}
.author_name img{
	width: 150px;
}
.box_company{
	display: flex;
	flex-wrap: wrap;
}
.box_company .company_profile{
	margin-left: 10%;
	padding-right: 3%;
	position: relative;
	width: 40%;
}
.table_company > tbody > tr:first-child{
	border-top: 1px solid #ddd !important;
}
.table_company > tbody > tr{
	border-bottom: 1px solid #ddd !important;
}
.table_company td{
	border: none !important;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: px;
	line-height: 1.6;
}
.table_company td.column-1{
	width: 30%;
}
.table_company td.column-2{
	width: 70%;
}
.box_company .company_img{
	width:50%;
}
.box_company .company_img img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.map_list{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.map_list > div{
	margin: 0 0.5%;
	width: 32%;
}
.map_list h4{
	color: #01087c;
	font-size: 22px !important;
}
.btn_gmap{
	margin-top: 5%;
	text-align: center;
}
#history{
}
.box_history{
	background: #f9f9f9;
	border-right: 4px solid #01087c !important;
	padding: 5% 25% 5% 5%;
	margin-left: 20vw;
	width: 80vw;
}
.table_history tr{
	border: none !important;
}
.table_history td{
	font-size: 16px;
	border: none !important;
}
.table_history td.column-1{
	color: #01087c;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 20%;
}
.table_history td.column-2{
	width: 80%;
}
#policy p{
	margin: 5%;
}
.txt_policy{
	margin-top: 2% !important;
	margin-bottom: 2% !important;
}
.box_policy{
	background: #f9f9f9;
	border-left: 4px solid #01087c;
	padding: 3% 5% 3% 25%;
	margin-right: auto;
	width: 80vw;
}
.table_policy tr{
	border: none !important;
}
.table_policy td{
	font-size: 16px;
	border: none !important;
	vertical-align: middle !important;
}
.table_policy td.column-1,
.table_policy td.column-2{
	color: #01087c;
	font-size: 24px;
}
/*===============================================
 *  お問い合わせ
===============================================*/
table.contact{
	width: 100%;
}
table.contact td{
	border: 1px solid #ddd !important;
	font-size: 16px;
	padding: 7px !important;
}
table.contact td:first-child{
	background: #f5f5f5;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}
table.contact td:last-child{
	width: 75%;
}
table.contact input,
table.contact textarea{
	background: #fff !important;
	border: 1px solid #d2d2d2 !important;
	padding: 7px !important;
}
.submit{
	margin-top: 30px;
	text-align: center;
}
input[type="submit"]{
	background: #023894;
	width: 70%;
	margin: auto;
	font-size: 16px;
	padding: 2.5% 0 !important;
}
.required{
	background: #e00;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	padding: 0px 5px;
}
.submit{
	margin: 5% 0;
	text-align: center;
}
/*===============================================
 *  access
===============================================*/
#map{
	text-align: center;
}
#map iframe{
	width: 100%;
}
.access_info{
	margin-top: 5%;
	text-align: left;
}
.access_info h4{
	font-size: 20px;
	margin-bottom: 30px;
}
.table_access{
	border: none !important;
	width: 75%;
	text-align: left;
}
.table_access tr{
	border: none !important;
}
.table_access td{
	border: none !important;
	font-size: 16px;
}
/*===============================================
 *  情報セキュリティ保護方針
===============================================*/
#security_policy{
	padding-top: 5%;
	padding-bottom: 5%;
}
#security_policy h3{
	font-size: 20px !important;
}
#security_policy p{
	font-size: 16px;
}
#security_policy .widget_text{
	margin-bottom: 30px !important;
}
.signature{
	text-align: right;
}
.signature span{
	display: block;
	line-height: 1.7em;
}
/*===============================================
 *  情報セキュリティ保護方針
===============================================*/
.single .hestia-title.entry-title{
	color: #fff !important;
}
/*===============================================
 *  post
===============================================*/
.single .main-raised{
	margin-bottom: 5% !important;
}
/*===============================================
 *  footer
===============================================*/
footer.footer.footer-black{
	background: #fff;
	padding: 30px 0 0;
}
.box_footer{
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.footer_left{
	color: #333;
	display: flex;
	text-align: left;
}
.footer_logo{
	margin-right: 30px;
}
.footer_info p{
	color: #333;
}
.footer_info p.address{
	margin-bottom: 15px;
}
.footer_info p:not(.address){
	margin: 0 !important;
}
.footer_right{
	display: flex;
	text-align: left;
}
.footer_right ul a{
	color: #333 !important;
}
.footer_right ul.menu > li > a{
	font-weight: bold;
}
.footer_right ul.sub-menu li a::before{
	content: "－";
	display: inline-block;
	margin: 0 5px;
}
.copyright{
	background: #3d5fac;
	padding: 5px 0 !important;
}
.copyright p{
	color: #fff;
	margin: 0 !important;
}
.footer .current-menu-item > a{
	border-bottom: none;
}
.bnr_seagulls a {
	width: 80%;
	display: inline-block;
	max-width: 1200px;
}
.bnr_seagulls {
text-align: center;
}
.bnr_ashinaga a {
	width: 70%;
	display: inline-block;
	max-width: 1055px;
}
.bnr_ashinaga {
text-align: center;
	padding-bottom: 5%;
}
/*===============================================
 *  media query
===============================================*/
@media screen and (min-width: 1170px){
	.form_wrap{
		margin: 0 15%;
	}
	.metaslider .caption-wrap{
		width: 65% !important;
	}
}
@media screen and (max-width: 1169px) and (min-width: 992px){
	.form_wrap{
		margin: 0 10%;
	}
	.metaslider .caption-wrap{
		width: 65% !important;
	}
}
@media screen and (max-width: 991px) and (min-width: 769px){
	.navbar .navbar-nav > li > a{
		font-size: 12px;
		padding: 5px !important;
		margin: 0 !important;
	}
	.metaslider .caption-wrap{
		width: 90% !important;
	}
	.metaslider .caption{
		padding: 10px !important;
	}
	.news_meta{
		width: 30%;
	}
	.news_date,
	.cat{
		vertical-align: text-bottom;
	}
	.cat{
		padding: 2px 10px;
	}
	.news_title{
		
	}
	.news_title a{
		font-size: 12px !important;
	}
	.form_wrap{
		margin: 0 5%;
	}
	.heading{
		margin-left: 10vw;
		width: 90vw;
	}
	nav.menu_child::after{
		margin-left: 10%;
		width: 90%;
	}
	#greeting_inner {
	    background: linear-gradient(to right, #fff, #fff 10%, #f9f9f9 10%, #f9f9f9 100%);
	}
	.introduction_inner{
		padding: 5%;
	}
	.service_contents{
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	.service_contents h4 span{
		font-size: 14px !important;
		line-height: 1.1em;
	}
	.service_contents p{
		font-size: 12px !important;
	}
	.box_menu ul li a .menu_contents{
		padding: 15px ;
	}
	.box_menu ul li a .menu_contents > img{
		height: 35px;
		margin: 0 auto 15px;
	}
	.box_menu ul li a .menu_contents > h4{
		font-size: 18px;
	}
	.box_menu ul li a .menu_contents p{
		font-size: 12px !important;
	}
	.box_newslist{
		margin: 0;
	}
	.view_more{
		margin: 3% 0 0;
	}
	.box_message{
		padding: 3%;
	}
	.box_message p{
		font-size: 14px !important;
	}
	.map_list > div{
		margin: 0 1%;
		width: 48%;
	}
	.box_history{
		margin-left: 10vw;
		padding: 5%;
		width: 90vw;
	}
	.txt_policy{
		margin: 5% !important;
	}
	.box_policy{
		padding: 5%;
		width: 90vw;
	}
	.box_company .company_profile{
		margin-left: 10%;
		width: 40%;
	}
	.table_company td{
		font-size: 12px !important;
	}
	.box_service{
		background-size: 100%;
	}
	.service_txt h3{
		margin: 0 0 20vh !important;
	}
	.service_txt h4{
		font-size: 18px !important;
	}
	.service_txt div{
		margin-top: 10%;
	}
	.service_txt p{
		font-size: 14px !important;
	}
	#introduction{
		margin-bottom: 20% !important;
	}
	#introduction h3{
		font-size: 18px !important;
	}
	.box_blue{
		bottom: -150px !important;
		padding: 15px !important;
	}
	#contact h3{
		font-size: 24px !important;
	}
	.footer_left{
		display: block;
	}
	.footer_logo{
		margin-right: 0;
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 769px){
	.only_sp{
		display: none !important;
	}
	.navbar .navbar-nav > li{
		margin: 0 15px;
	}
	.navbar .navbar-nav > li > a{
		padding: 10px 15px;
	}
	.inner{
		margin: 0 5%;
	}
	.metaslider .caption{
		padding: 10px 10px 10px 20px !important;
	}
	.metaslider .caption-wrap{
		background: rgba(255,255,255,0.9) !important;
		left: unset !important;
		right: 0 !important;
		bottom: 2vw !important;
		opacity: 1 !important;
	}
	.news_title a::after{
		background-image: url("/wp-content/uploads/2021/08/viewmore.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin:0;
		padding:0;
		height: 10px;
		width: 90px;
	}
	.intro_contents{
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.box_blue{
		background: rgba(61,95,172,0.9);
		padding: 30px;
		position: absolute;
		left: 0;
		bottom: -100px;
		width: 75%;
		z-index: 1;
	}
	.box_contact > div{
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin:0;
		padding:0;
	}
	.footer_right > div + div {
		margin-left: 50px;
	}
	nav.menu_child ul{
		padding: 0 3% !important;
	}
	.page-id-15 nav.menu_child ul{
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 0 10% !important;
	}
	nav.menu_child ul li{
		margin-right: 5px !important;
	}
	nav.menu_child ul li:last-child::after{
		margin-left: 5px !important;
	}
	nav.menu_child ul li::before{
		margin-right: 5px;
	}
	nav.menu_child::after{
		margin-left: 0;
		width: 100%;
	}
	.box_service{
		background-size: 60vw;
		display: flex;
		flex-wrap: wrap;
		margin: 5% 0;
	}
	.service01{
		background-image: url("/wp-content/uploads/2021/09/bg_service_right.jpg");
		background-position: right bottom;
		background-repeat: no-repeat;
	}
	.service02{
		background-image: url("/wp-content/uploads/2021/09/bg_service_left.jpg");
		background-repeat: no-repeat;
	}
	.service03{
		background-image: url("/wp-content/uploads/2021/09/bg_service_right.jpg");
		background-position: right bottom;
		background-repeat: no-repeat;
	}
	.invert{
		background-position: left bottom !important;
		flex-direction: row-reverse;
	}
	.service_img{
		width: 50%;
	}
	.service_txt{
		margin-top: 0;
		padding: 5%;
		width: 50%;
	}
	#contact h3::after{
		height: 15px !important;
	}
	.btn_area a{
		/*font-size: 12px !important;*/
		padding: 5px 15px!important;
	}
	.box_at254 > div:first-child::after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(61, 95, 172, 0);
		border-left-color: #3d5fac;
		border-width: 30px;
		margin-top: -30px;
	}
	.box_at254 h3{
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		padding:0;
		margin: 0 !important;
		text-align: center;
		width: 90%;
	}
	.box_at254 h3 span{
		display: block;
	}
	#effect{
		padding: 0 5% !important;
	}
	.effect_inner{
		padding: 5%  10%;
	}
	.box_safety{
		align-items: center;
		display: flex;
		flex-wrap: wrap;
	}
	.box_safety .safety_img{
		width: 65%;
	}
	.box_safety .safety_contents{
		padding-left: 3%;
		width: 35%;
	}
	.scene_inner{
		background-image: url("/wp-content/uploads/2021/09/bg_section.jpg");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-left: 5%;
		padding: 2% 1% 5% 2%;
		width: 95%;
	}
	.features ul li{
		width: 25%;
	}
	.features ul li + li{
		border-left: 1px solid #fff;
	}
}
@media screen and (max-width: 768px){
	.only_pc{
		display: none !important;
	}
	.inner{
		padding-left: 5%;
		padding-right: 5%;
	}
	.navbar .navbar-nav > li a{
		padding-top: 5px;
		padding-bottom: 5px;
		position: relative;
	}
	.navbar .navbar-nav > li > a::after{
		content: "＞";
		color: #8f8f8f;
		display: block;
		position: absolute;
		top: 50%;
		right: 15px;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin:0;
		padding:0;
	}
	.navbar .navbar-nav .dropdown a .caret{
		display: none !important;
	}
	.navbar .navbar-nav .dropdown .dropdown-menu{
		display: block !important;
	}
	.navbar .navbar-nav .dropdown .dropdown-menu li a {
		padding: 5px 0 5px 30px;
		font-size: 16px;
		color: #8f8f8f;
	}
	.navbar .navbar-nav .dropdown .dropdown-menu li a::before{
		content: "－";
		display: inline-block;
		margin-right: 15px;
	}
	#kv{
		margin-top: 70px;
	}
	.navbar > .container{
		padding: 10px 20px;
	}
	.metaslider .caption{
		padding: 15px !important;
	}
	.metaslider .caption-wrap{
		background: rgba(255,255,255,0.9) !important;
		left: 0 !important;
		bottom: 5% !important;
		opacity: 1 !important;
		width: 95% !important;
	}
	.news_list li{
		display: block;
	}
	.news_meta{
		margin-bottom: 10px;
		width: 100%;
	}
	.news_title{
		width: 100%;
	}
	.news_title a::after{
		background-image: url("/wp-content/uploads/2021/08/viewmore.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		display: block;
		margin: 10px 0 0 auto;
		padding: 0;
		height: 10px;
		width: 90px;
	}
	#introduction{
		background-position: 10% top;
		background-size: 50vw;
	}
	#introduction h3{
		font-size: 20px;
		margin-bottom: 10%;
	}
	.intro_img{
		margin-left: 0;
		width: 100%;
	}
	#home_service h3 img{
		width: 50vw;
	}
	.service_list{
		display: block;
	}
	.service_list > div{
		width: 100%;
	}
	.service_list > div + div{
		margin-top: 5%;
	}
	#home_results a,
	#home_company a{
		margin-left: 5%;
		width: 90%;
		background: rgba(255,255,255,0.9);
		padding: 30px;
	}
	#home_results p,
	#home_company p{
		text-align: center;
	}
	.box_contact > img{
		display: none;
	}
	.box_footer{
		display: block;
	}
	.footer_left{
		display: block;
		margin-bottom: 10%;
		text-align: center;
	}
	.footer_logo{
		margin: 0 0 30px !important;
	}
	.footer_right{
		display: block;
	}
	.box_blue p{
		width: 100%;
	}
	.box_service {
		padding: 5%;
	}
	.service_img{
		margin-right: auto;
		position: relative;
		width: 90%;
		z-index: 1;
	}
	.invert .service_img{
		margin-right: 0 !important;
		margin-left: auto;
	}
	.service_txt{
		margin-left: 10%;
		padding: 30% 5% 10%;
		width: 90%;
		position: relative;
		bottom: 80px;
		z-index: 0;
	}
	.invert .service_txt{
		margin-left: 0 !important;
		margin-right: 20% !important;
	}
	.service01 .service_txt{
		background: rgba(83,160,146,0.1);
		border-right: 4px solid #53a092;
	}
	.service02 .service_txt{
		background: rgba(87,132,163,0.1);
		border-left: 4px solid #5784a3;
	}
	.service03 .service_txt{
		background: rgba(86,94,168,0.1);
		border-right: 4px solid #565ea8;
	}
	.service_txt h3{
		margin-bottom: 10% !important;
	}
	.service_txt div{
		margin-top: 10%;
	}
	.heading {
		margin: 5% auto !important;
		width: 90%;
	}
	.greeting{
		display: block;
		margin: 0 5%;
	}
	.greeting > div{
		width: 100%;
	}
	.box_company{
		display: block;
		margin: 5% auto;
		width: 90%;
	}
	.company_profile{
		margin: 0 !important;
		padding-right: 0;
		width: 100% !important;
	}
	.company_img{
		display: none;
	}
	.map_list{
		display: block;
	}
	.map_list > div{
		margin: 0;
		width: 100%;
	}
	.map_list > div + div{
		margin-top: 10% !important;
	}
	.map_list h4{
		text-align: left;
	}
	.btn_gmap{
		text-align: right;
	}
	.box_history{
		padding: 5%;
		margin: 5% auto !important;
		width: 90% !important;
	}
	.table_history td{
		display: block !important;
		width: 100% !important;
	}
	.table_history tr:nth-child(odd) td.column-1{
		text-align: left !important;
	}
	.txt_policy{
		margin: 5% 10% !important;
	}
	.box_policy{
		margin: 5% auto !important;
		padding: 10% 5%;
		width: 90%;
	}
	table.contact td{
		display: block;
		width: 100% !important;
	}
	table.contact td:last-child{
		margin-bottom: 0;
	}
	.submit input{
		width: 100%;
	}
	#map p{
		text-align: left;
	}
	.img_box{
		background: transparent !important;
		display: block;
		padding: 0;
		position: relative;
	}
	.img_box .box_thumb{
		margin-left: 20%;
		width: 80%;
	}
	.img_box .box_contents h3{
		background: #fff;
		font-size: 24px !important;
		margin-bottom: 5% !important;
		padding: 10px;
		position: relative;
		z-index: 3;
	}
	.img_box .box_contents{
		margin-top: -40%;
		padding: 0;
		width: 90%;
	}
	.img_box .box_contents p{
		background: #d7f3ff;
		padding: 60px 15px 15px;
		font-size: 15px;
	}
	.facility_inner{
		background-image: url("/wp-content/uploads/2021/09/bg_gray_sp.jpg") !important;
		background-size: 88% !important;
		margin: 0 0 10%;
	}
	.facility_inner_invert{
		background-image: url("/wp-content/uploads/2021/09/bg_gray_invert_sp.jpg") !important;
		background-size: 88% !important;
		margin: 0 0 10%;
	}
	.facility_inner_invert .facility_list{
		margin: 5% !important;
		width: 90% !important;
	}
	.bg_invert .box_thumb{
		margin-right: 20%;
		margin-left: 0;
	}
	.bg_invert .box_contents{
		margin-left: 10%;
	}
	.facility_list{
		margin: 5%;
		width: 90%;
	}
	.facility_list > div{
		height: 160px;
		margin: 1%;
		width: 48%;
	}
	.facility_list > div > img{
		object-fit: cover;
		height: 160px;
	}
	.facility_list > div h4{
		font-size: 16px;
	}
	/*
	.facility_list > div + div{
		margin-top: 5% !important;
	}
	*/
	#infection_heading h2{
		font-size: 16px;
	}
	#infection_heading h2 span{
		font-size: 20px;
	}
	.box_at254 > div:first-child::after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(61, 95, 172, 0);
		border-top-color: #3d5fac;
		border-width: 15px;
		margin-left: -15px;
	}
	.box_at254{
		display: block;
	}
	.box_at254 > div{
		padding: 15px;
		width: 100%;
	}
	.box_at254 h3{
		font-size: 20px !important;
		margin: 0 !important;
		text-align: center;
	}
	.box_at254 h3 span{
		display: block;
	}
	.box_at254 > div:last-child{
		padding-top: 30px;
	}
	.effect_inner{
		padding: 5%;
	}
	#effect h3 span {
    display: block;
    padding: 15px;
    font-size: 21px;
	}
	.effect_list{
		display: block;
	}
	.effect_list > div.box_effect{
		margin: 5% 0 0 !important;
		width: 100% !important;
	}
	.safety_inner{
		background-image: url("/wp-content/uploads/2021/09/bg_section_sp.jpg");
		background-position: left 20%;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-right: 5%;
		padding: 5% 0;
		width: 95%;
	}
	.safety_img{
		margin-right: 10%;
		width: 90%;
	}
	.safety_contents{
		margin-top: 5%;
	}
	.safety_contents h3 span{
		font-size: 20px;
		margin: 0 !important;
		padding: 10px 30px;
	}
	.safety_contents p{
		padding: 5%;
	}
	.scene_inner{
		background-image: url("/wp-content/uploads/2021/09/bg_section_sp.jpg");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-left: 5%;
		padding: 5%;
		width: 95%;
	}
	#scene h3 span{
		font-size: 20px;
		line-height: 1.3em;
		padding: 10px 30px !important;
	}
	.box_scene{
		margin: 0;
		width: 100%;
	}
	.box_scene > div{
		margin: 2%;
		width: 46%;
	}
	#faq h3{
		font-size: 20px !important;
		margin-bottom: 10%;
		text-align: center;
	}
	#faq h3 span{
		display: block;
	}
	.faq_list {
		display: block;
	}
	.faq_list > div{
		width: 100%;
	}
	#faq dl{
		margin-bottom: 10%;
	}
	#faq dl dt {
		line-height: 1.2em;
    padding-left: 2.3em;
    text-indent: -2.3em;
	}
	#contact{
		background-image: url("/wp-content/uploads/2021/09/bg_contact_sp.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 5% 0;
	}
	#contact h3{
		font-size: 2em;
	}
	#contact h3::after{
		height: 20px;
	}
	#contact .btn_area a{
		font-size: 12px !important;
		padding: 10px 15px;
	}
	.table_access{
		width: 100%;
	}
	.table_access td{
		display: inline-block;
	}
	.features ul li{
		padding: 30px 15px !important;
		width: 50%;
	}
	.features ul li:nth-child(odd){
		border-right: 1px solid #01087c;;
	}
	.features ul li:nth-child(3),
	.features ul li:nth-child(4){
		border-top: 1px solid #01087c;;
	}
}
@media screen and (max-width: 640px){
	.table_wrap{
		overflow: auto;
		width: 100%;
	}
	.table_results{
		width: 700px;
	}
	.table_results th:first-child,
	.table_results td:first-child,
	.table_results th:last-child,
	.table_results td:last-child{
		width: 200px;
	}
	.table_results th,
	.table_results td{
		width: 300px;
	}
}
@media screen and (max-width: 480px){

}

/* --------------------------------------------
   2024.1 add：フロンページ
 --------------------------------------------*/
.page-id-870 .container {
  width: auto;
}
.freon_cont,
.freon_page_menu {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.page-id-870 .blog-post .section-text {
  padding-top: 0;
}

/* 共通 ---------------------------------------*/
.freon_wrap {
  width: 1140px;
  margin: 0 auto;
}
.img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}
.sp_block {
  display: none;
}

/* タイトル */
.freon_title {
  color: #333;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho,
    "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
.freon_title .sub {
  color: #01087c;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.freon_title_m {
  color: #333;
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho,
    "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
}

/* 本文 */
.freon_txt {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: justify;
}

/* ページメニュー */
.freon_page_menu {
  height: 70px;
  background: #3d5fac;
}
.freon_menu {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  padding: 0;
}
.freon_menu_item {
  width: calc(100% / 6);
  text-align: center;
}
.freon_menu_item .link {
  width: 100%;
  height: 70px;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.6px;
  padding-left: 1.6px;
  transition: 0.3s ease;
}
.freon_menu_item .link:hover {
  background: rgba(255, 255, 255, 0.25);
  opacity: 0.75;
}
@media screen and (max-width: 1200px) {
  .freon_wrap {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .sp_block {
    display: block !important;
  }
  .hestia-title {
    padding: 0 15px;
  }
  .freon_wrap {
    width: calc(100% - 60px);
  }
  .freon_title {
    font-size: 24px;
  }
  .freon_title .sub {
    margin-top: 9px;
  }
  .freon_title_m {
    font-size: 22px !important;
    line-height: 1.77;
  }
  .freon_page_menu {
    display: none;
  }
	.bnr_seagulls a {
	  width: 100%;
  }
	.bnr_ashinaga a {
	width: 100%;
	}
}

/* コンテンツ ---------------------------------------*/
.freon_cont.cont01 {
  padding: 142px 0 112px;
}
.f_cont01_box {
  display: -webkit-flex;
  display: flex;
  margin-top: 81px;
}
.f_cont01_info {
  width: calc(50% - 42px);
  margin-right: auto;
}
.f_cont01_img {
  width: calc(50% - 12px);
}
.f_cont01_info .freon_title_m {
  margin-bottom: 86px;
}

.freon_cont.cont02 {
  background: linear-gradient(
    90deg,
    #fff 0%,
    #fff 150px,
    #f9f9f9 150px,
    #f9f9f9 100%
  );
  padding: 74px 0 97px;
  position: relative;
}
.f_cont02_inner {
  display: -webkit-flex;
  display: flex;
}
.f_cont02_img {
  width: calc(50vw + 38px);
  position: absolute;
  top: 86px;
  left: 0;
}
.f_cont02_info {
  width: calc(50% - 107px);
  margin-left: auto;
}
.penalty_list {
  list-style: none;
  padding: 0;
  margin: 28px 0 42px;
}
.penalty_item {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-align: justify;
  padding-left: 35px;
  position: relative;
  margin-bottom: 23px;
}
.penalty_item::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url("https://zenan.co.jp/wp-content/uploads/2024/02/freon_icon_check.png")
    no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.f_cont02_info .freon_title_m:nth-of-type(2) {
  margin-bottom: 13px;
}
.freon_btn {
  width: 100%;
  height: 50px;
  background: url("https://zenan.co.jp/wp-content/uploads/2024/02/freon_icon_link.png")
    no-repeat 97% center;
  background-size: 16px auto;
  background-color: #3d5fac;
  color: #fff;
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.6px;
  line-height: 50px;
  padding-left: 1.6px;
  margin-top: 38px;
  text-align: center;
  transition: 0.3s ease;
}
.freon_btn:hover {
  color: #fff;
  opacity: 0.75;
}

.freon_cont.cont03 {
  padding: 126px 0 119px;
}
.f_cont03_inner .freon_title {
  margin-bottom: 103px;
}
.f_cont03_box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.f_cont03_box:nth-of-type(2) {
  margin-top: 52px;
}
.f_cont03_info {
  width: calc(50% - 42px);
  margin-right: auto;
}
.f_cont03_img {
  width: calc(50% - 12px);
}
.f_cont03_box:nth-of-type(2) .f_cont03_info {
  margin-left: auto;
}
.f_cont03_info .freon_txt + .freon_txt {
  margin-top: 26px;
}

.freon_cont.cont04 {
  background: #f9f9f9;
  padding: 94px 0 196px;
  position: relative;
}
.freon_cont.cont04::before {
  content: "";
  display: block;
  width: 240px;
  height: 68px;
  background: url("https://zenan.co.jp/wp-content/uploads/2024/02/freon_arrow.png")
    no-repeat center;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 79px;
  transform: translateX(-50%);
}
.f_cont04_inner .freon_title {
  margin-bottom: 105px;
}
.plan_item {
  margin-bottom: 113px;
}
.plan_item_top {
  display: -webkit-flex;
  display: flex;
}
.plan_item_top .freon_title_m {
  width: 50%;
}
.plan_item_top .freon_title_m .num {
  color: #01087c;
  padding-right: 31px;
}
.item03 .plan_item_top .freon_title_m {
  width: 100%;
}
.plan_item_top .freon_txt {
  width: calc(50% - 42px);
  margin-left: auto;
}
.plan_item_info {
  width: calc(100% - 146px);
  background: #fff;
  display: -webkit-flex;
  display: flex;
  margin: 33px 0 0 auto;
  padding: 48px 97px 15px 97px;
}
.plan_item_info.item01 {
  -webkit-align-items: center;
  align-items: center;
  padding: 48px 18px 11px 97px;
}
.plan_item_info.item03 {
  padding: 0;
  margin-top: 46px;
}
.plan_admin {
  width: 45%;
  max-width: 386px;
  color: #ec3838;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  font-size: 19px;
  font-weight: 700;
  margin: 0 auto 30px 0;
}
.plan_check {
  width: calc(50% - 37px);
  list-style: none;
  padding: 0;
  margin: 0;
}
.item01 .plan_check {
  width: calc(50% + 5px);
}
.item02 .plan_check {
  width: calc(50% - 37px);
}
.plan_check + .plan_check {
  margin-left: auto;
}
.plan_check_item {
  color: #01087c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  padding-left: 40px;
  position: relative;
  margin-bottom: 25px;
}
.plan_check_item::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url("https://zenan.co.jp/wp-content/uploads/2024/02/freon_icon_check.png")
    no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.supplement {
  color: #333;
  display: block;
  font-weight: 400;
}

.f_cont05_inner {
  width: 1286px;
  background: #e3e9f6;
  padding: 66px 75px 85px;
  margin: 0 auto;
}
.f_cont05_inner .freon_title {
  margin-bottom: 84px;
}
.f_cont05_box {
  display: -webkit-flex;
  display: flex;
}
.f_cont05_info {
  width: calc(50% - 50px);
  margin-right: auto;
}
.f_cont05_img {
  width: 50%;
}
.f_cont05_info .freon_title_m {
  margin-bottom: 37px;
}
.f_cont05_info strong {
  color: #01087c;
  font-weight: 700;
}
.f_cont05_info strong.block {
  display: block;
  margin: 10px 0 15px;
}
.f_cont05_info .freon_txt + .freon_txt {
  margin-top: 26px;
}
.freon_cv {
  display: -webkit-flex;
  display: flex;
  margin-top: 89px;
}
.freon_cv_item {
  width: calc(50% - 10px);
  height: 110px;
  background: linear-gradient(
    90deg,
    #01087c 0%,
    #01087c 110px,
    #3d5fac 110px,
    #3d5fac 100%
  );
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 110px;
  padding-left: 110px;
  position: relative;
  text-align: center;
}
.freon_cv_item.mail {
  margin-right: auto;
}
.freon_cv_item::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
}
.freon_cv_item.mail::after {
  background: url("https://zenan.co.jp/wp-content/uploads/2024/02/freon_icon_mail.png")
    no-repeat center;
  background-size: contain;
}
.freon_cv_item.tel::after {
  background: url("https://zenan.co.jp/wp-content/uploads/2024/02/freon_icon_tel.png")
    no-repeat center;
  background-size: contain;
}
.freon_cv_item:hover {
  color: #fff;
}
.freon_cv_item br {
  display: none;
}

.freon_cont.cont06 {
  padding: 168px 0 0;
}
.freon_cont.cont07 {
  padding: 117px 0 0;
}
.f_cont06_box,
.f_cont07_box {
  display: -webkit-flex;
  display: flex;
  margin-top: 70px;
}
.f_cont06_img,
.f_cont07_img {
  width: calc(50% - 12px);
  margin-right: auto;
}
.f_cont07_img {
  margin: 0 0 0 auto;
}
.f_cont06_info,
.f_cont07_info {
  width: calc(50% - 42px);
}
.f_cont06_info .freon_title_m,
.f_cont07_info .freon_title_m {
  margin-bottom: 35px;
}
.f_cont06_info .freon_txt + .freon_txt,
.f_cont07_info .freon_txt + .freon_txt {
  margin-top: 26px;
}

.freon_cont.cont08 {
  padding: 164px 0 242px;
}
@media screen and (max-width: 1300px) {
  .f_cont05_inner {
    width: 95%;
  }
}
@media screen and (max-width: 1100px) {
  .freon_cv {
    flex-direction: column;
  }
  .freon_cv_item {
    width: 100%;
  }
  .freon_cv_item.mail {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 1000px) {
  .plan_item_top {
    flex-direction: column;
  }
  .plan_item_top .freon_title_m,
  .plan_item_top .freon_txt {
    width: 100%;
    margin: 0 0 0;
  }
  .plan_item_info {
    width: calc(100% - 50px);
  }
  .plan_item_info {
    flex-direction: column;
  }
  .plan_admin {
    width: 100%;
    margin: 0 auto 20px 0;
  }
  .item01 .plan_check,
  .item02 .plan_check {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .freon_cont.cont01 {
    padding: 75px 0 66px;
  }
  .f_cont01_box {
    flex-direction: column-reverse;
    margin-top: 31px;
  }
  .f_cont01_info {
    width: 100%;
    margin: 0 0;
  }
  .f_cont01_img {
    width: 100%;
    margin: 0 0 29px;
  }
  .f_cont01_info .freon_title_m {
    margin-bottom: 45px;
  }

  .freon_cont.cont02 {
    background: #f9f9f9;
    padding: 0 0 71px;
  }
  .f_cont02_inner {
    flex-direction: column;
  }
  .f_cont02_img {
    width: calc(100% + 60px);
    position: static;
    top: 0;
    margin-left: -30px;
  }
  .f_cont02_info {
    width: 100%;
    margin: 53px 0 0;
  }
  .penalty_list {
    margin: 24px 0 62px;
  }
  .f_cont02_info .freon_title_m:nth-of-type(2) {
    margin-bottom: 9px;
  }
  .freon_btn {
    width: 100%;
    margin: 29px 0 0;
  }

  .freon_cont.cont03 {
    padding: 66px 0 71px;
  }
  .f_cont03_inner .freon_title {
    margin-bottom: 0;
  }
  .f_cont03_box {
    flex-direction: column-reverse;
  }
  .f_cont03_box:nth-of-type(2) {
    flex-direction: column;
    margin-top: 0;
  }
  .f_cont03_info {
    width: 100%;
    margin: 0 0;
  }
  .f_cont03_img {
    width: 100%;
    margin: 46px 0 40px;
  }
  .f_cont03_info .freon_title_m {
    margin-bottom: 22px;
  }

  .freon_cont.cont04 {
    padding: 67px 0 140px;
  }
  .freon_cont.cont04::before {
    width: 120px;
    height: 34px;
    bottom: 50px;
  }
  .f_cont04_inner .freon_title {
    margin-bottom: 48px;
  }
  .plan_item_top .freon_title_m {
    margin-bottom: 11px;
  }
  .plan_item_top .freon_title_m .num {
    display: block;
    padding: 0;
  }
  .plan_item {
    margin-bottom: 50px;
  }
  .plan_item_info {
    width: 100%;
    margin: 30px 0 0;
    padding: 35px 25px 40px !important;
  }
  .plan_item_info.item03 {
    display: block;
    margin-top: 40px;
    padding: 0 !important;
    overflow-x: scroll;
  }
  .plan_item_info.item03 .img {
    height: 490px;
    width: auto;
    max-width: max-content;
  }
  .plan_admin {
    max-width: 100%;
    font-size: 19px !important;
    margin: 0 0 40px;
  }
  .plan_check_item {
    margin-bottom: 11px;
  }
  .supplement {
    margin-top: 3px;
  }

  .f_cont05_inner {
    padding: 52px 25px 36px;
  }
  .f_cont05_inner .freon_title {
    margin-bottom: 58px;
  }
  .f_cont05_box {
    flex-direction: column-reverse;
  }
  .f_cont05_info {
    width: 100%;
    margin: 35px 0 0;
  }
  .f_cont05_img {
    width: 100%;
  }
  .f_cont05_info .freon_title_m {
    margin-bottom: 22px;
  }
  .freon_cv {
    margin-top: 47px;
  }
  .freon_cv_item {
    height: 92px;
    background: linear-gradient(
      90deg,
      #01087c 0%,
      #01087c 65px,
      #3d5fac 65px,
      #3d5fac 100%
    );
    line-height: 92px;
    padding-left: 65px;
  }
  .freon_cv_item.tel {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1.4;
  }
  .freon_cv_item::after {
    width: 31px;
    height: 31px;
    left: 17px;
  }

  .freon_cont.cont06 {
    padding: 66px 0 0;
  }
  .freon_cont.cont07 {
    padding: 101px 0 0;
  }
  .f_cont06_box {
    flex-direction: column;
    margin-top: 58px;
  }
  .f_cont07_box {
    flex-direction: column-reverse;
    margin-top: 48px;
  }
  .f_cont06_img,
  .f_cont07_img {
    width: 100%;
    margin-bottom: 20px;
  }
  .f_cont06_info,
  .f_cont07_info {
    width: 100%;
  }
  .f_cont06_info .freon_title_m,
  .f_cont07_info .freon_title_m {
    margin-bottom: 20px;
  }

  .freon_cont.cont08 {
    padding: 111px 0 249px;
  }
}
@media screen and (max-width: 414px) {
}

/* 全ページ：追従ボタン（右下）
--------------------------------*/
.float_btn {
  width: 260px;
  height: 76px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0;
	z-index: 10;
}
.float_btn:hover {
  opacity: 0.75;
}
.float_btn .link {
  display: block;
}
.fadeRight {
  animation-name: fadeRightAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .float_btn {
    right: 10px;
    bottom: 10px;
  }
}
