@charset "UTF-8";
/* CSS Document */

html{
	font-size: 62.5%;
}
*,*::before,*::after{
	box-sizing: border-box;
}
body{
	background: #151C20 url("../image/heat_stroke/bg.png") fixed left bottom no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	font-family: 'Roboto', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
	margin: 0 auto;
}

a { text-decoration: none; }

header{
	width: 100%;
	background-color: rgba(1,2,2,0.80);
}

@media (min-width: 1201px){

	/*-----▼  ヘッダー  ▼-------*/
	.top_line{ float:right; }
	.top_title{
		padding: 50px 30px 0;
		font-size: 1.5rem;
		font-weight: normal;
		float: left;
	}
	.top_tel{
		width: 250px;
		float: left;
		margin-top: 15px; 
	}
	.top_contact_bt{
		width: 160px;
		padding: 10px 15px 10px 10px;
		float: left;
		display: block;
		margin: 30px 30px 20px;
		background: linear-gradient(#fff, #5f5c5c); 
		border-radius: 7px;
	}
	.top_contact_bt:hover { background: #EED801; }


/*------▼　グローバルナビ（ドロップダウン）▼------ */

	#accordion{ display: none;}
	#global_navi{ 
		clear: both; 
	}
	.dropdwn{
		max-width: 1400px;
		display: flex;
	}
	.dropdwn a { 
		text-decoration: none;
		color: #fff;
	}

	.nav_uldropdwn{
		text-align: center;
		text-decoration: none;
		margin: 0 auto;
		padding: 0;
		color: #fff;
	}
	.nav_lidropdwn{
		position: relative;
		padding: 5px;
		display: block;
		cursor: pointer;
	}
	.nav_lidropdwn:hover{
		border-bottom: solid 2px #fff;
	}

	.dropdwn>li{
		width: 1200px;
		margin: 1px;
		display: inline;
	}

	.dropdwn_menu{
		width: 100%;
		display: none;
		position: absolute;
		margin-left: -5px;
		margin-top: 5px;
		padding: 5px;
		background: rgba(1,2,2,0.80);
	}

	.dropdwn_menu li{
		width: 100%;
	}

	.dropdwn_menu li a{
		padding: 15px 0;
		margin: -5px 5px -5px -5px;
		display: block;
		color: #fff;
	}

	.nav_lidropdwn a:hover{
		color: #8B8B8B;
	}

	.dropdwn_mark::after{ 
		content: '▼';
		font-size: 1.2rem;
	}

	/*------▲　グローバルナビ（ドロップダウン）▲-------- */


	/*------▼  タイトルエリア　 ▼-------*/
	.title{
		font-size: 3rem;
		margin: 150px auto;
		letter-spacing: 3px;
		color: #333;
	}

	/*-----▼ 施工方法ボタンエリア ▼--------*/
	.construction_method_bt_area{ background: #fff; }
	.width_960px{ 
		width: 960px;
		margin: 0 auto;
	}
	.construction_wapper{
		display: table;
		width: 80%;
		margin: 0 auto;
		table-layout: fixed;
		padding: 100px 0;
	}
	.construction_methood_bt{ display: table-cell;}


	/*-----▼ 新築施工 ▼--------*/
	.b_white{
		background: #fff;
		color: #000;
		overflow: hidden;
	}
	.con_title::after, .con_title::before{
		content: '';
		display: inline-block;
		width: 140px;
		height: 1px;
		margin: 0 30px;
		background-color: #000;
		vertical-align: middle;
	}
	.con_title{ 
		margin-top: 50px;
		font-size: 3rem;
	}
	.title_caption{ margin-top: 5px; }



	/*-----▼ 2025年5月追加 ▼--------*/

	.june {
		color: #666;
		font-size: 16px;
		margin: 15px auto;
	}

	.ministry {
		color: #666;
		font-size: 14px;
		margin: 0 auto;
	}

	.quote {
		background-color: #dbf0fc;
		width: 900px;
		margin: 100px auto;
	}

	.heat_title {
		margin: 0 auto 20px;
		font-size: 20px;
		background:  linear-gradient(#008cd2, #014283);
		color: #fff;
		padding: 20px;
		width: 900px;
		border-radius: 5px;
	}

	.heat_title_large {
		font-size: 30px;
		padding-left: 3px;
	}

	.chart_title {
		font-size: 24px;
		margin: 80px auto 0;
	}

	.heat_1 {
		display: block;
		padding-top: 20px;
		margin: 0 auto;
	}
	
	.arrow {
		display: block;
		padding-top: 20px;
		margin: 0 auto;
	}

	.source {
		padding: 7px 0 50px;
		font-size: 16px;
	}

	.tendency {
		border: 1px solid #e94628;
		width: 700px;
		margin: 30px auto;
	}

	.tendency_title {
		background-color: #e94628;
		color: #fff;
		font-size: 22px;
		text-align: center;
		padding: 15px 0;
		width: 700px;
		margin: 0 auto;
	}

	.tendency_ul {
		list-style-type: none;
		width: 650px;
		text-align: left;
		margin: 30px auto;
		font-size: 18px;
		color: #333;
		line-height: 1.4;
		text-indent: -1em;
  		padding-left: 1em;
	}

	.bold {
		font-weight: bold;
	}

	.large_bold {
		font-weight: bold;
		font-size: 28px;
		line-height: 1.6;
	}

	.large_bold_red {
		font-weight: bold;
		font-size: 28px;
		color: #e94628;
	}

	.plan {
		border: 2px solid #ffdc01;
		width: 702px;
		margin: 30px auto;
	}

	.plan_title {
		background-color: #ffdc01;
		color: #e94628;
		font-weight: 700;
		font-size: 22px;
		text-align: center;
		padding: 15px 0;
		width: 700px;
		margin: 0 auto;
	}

	.plan_text {
		width: 650px;
		text-align: left;
		margin: 30px auto;
		font-size: 18px;
		color: #333;
		line-height: 1.4;
	}

	.sab_title{
		margin: 0 auto 20px;
		font-size: 2.2rem;
		background:  linear-gradient(#72aa56, #008842);
		color: #fff;
		padding: 8px;
		width: 300px;
		border-radius: 20px;
	}

	.red_box {
		background-color: #e94628;
		color: #fff;
		font-size: 22px;
		text-align: center;
		padding: 15px;
		width: 700px;
		margin: 30px auto;
		border-radius: 10px;
	}

	.white_box {
		background-color: #fff;
		color: #e94628;
		font-size: 22px;
		text-align: center;
		padding: 2px 10px;
		width: 100px;
		border-radius: 10px;
		margin-right: 60px;
	}

	.ichi {
		color: #e94628;
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		width: 700px;
		border-bottom: 1px solid #e94628;
		margin: 40px auto 0;
	}

	.ichi_text_bold {
		color: #333;
		font-size: 22px;
		text-align: left;
		width: 700px;
		font-weight: 500;
		margin: 20px auto;	
	}

	.ichi_text {
		color: #333;
		font-size: 18px;
		text-align: left;
		width: 700px;
		margin: 20px auto;
		line-height: 1.4;
	}

	.ichi_ul {
		list-style-type: none;
		width: 700px;
		font-size: 18px;
		text-align: left;
		margin: 20px auto;
		line-height: 1.4;
	}

	.blue {
		color: #004a9f;
		font-size: 24px;
		font-weight: 500;
		border-bottom: 1px solid #004a9f;
		padding: 0 5px;
	}

	.ni_box {
		background-color: #004a9f;
		color: #fff;
		font-size: 22px;
		text-align: center;
		padding: 15px;
		width: 700px;
		margin: 30px auto;
		border-radius: 10px;
	}

	.white_box_2 {
		background-color: #fff;
		color: #004a9f;
		font-size: 22px;
		text-align: center;
		padding: 2px 10px;
		width: 100px;
		border-radius: 10px;
		margin-right: 60px;
	}

	.ni_title_1 {
		color: #00adb2;
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		width: 700px;
		border-bottom: 1px solid #00adb2;
		margin: 40px auto 0;
	}
	
	.ni_chart_1 {
		list-style-type: none;
		width: 700px;
		font-size: 16px;
		text-align: left;
		margin: 30px auto 0;
		line-height: 1.4;
		text-indent: -1.5em;
  		padding-left: 1.5em;
	}
	
	.ni_chart_title {
		font-size: 18px;
		font-weight: 800;
	}

	.ni_chart_1 li {
		margin: 0 0 20px 0;
	}

	.ni_chart_1_underline {
		color: #00adb2;
		border-bottom: 1px solid #00adb2;
		font-weight: 700;	
	}

	.ni_chart_1_img {
		display: block;
		margin: 50px auto 20px;
	}

	.ni_title_2 {
		color: #0599d9;
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		width: 700px;
		border-bottom: 1px solid #0599d9;
		margin: 40px auto 0;
	}
	
	.ni_chart_2 {
		list-style-type: none;
		width: 700px;
		font-size: 16px;
		text-align: left;
		margin: 30px auto 0;
		line-height: 1.4;
		text-indent: -1.5em;
  		padding-left: 1.5em;
	}
	
	.ni_chart_2 li {
		margin: 0 0 20px 0;
	}

	.ni_chart_2_underline {
		color: #0599d9;
		border-bottom: 1px solid #0599d9;
		font-weight: 700;	
	}

	.ni_title_3 {
		color: #1a9231;
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		width: 700px;
		border-bottom: 1px solid #1a9231;
		margin: 40px auto 0;
	}
	
	.ni_chart_3 {
		list-style-type: none;
		width: 700px;
		font-size: 16px;
		text-align: left;
		margin: 30px auto 0;
		line-height: 1.4;
		text-indent: -1.5em;
  		padding-left: 1.5em;
	}
	
	.ni_chart_3 li {
		margin: 0 0 20px 0;
	}

	.ni_chart_3_underline {
		color: #1a9231;
		border-bottom: 1px solid #1a9231;
		font-weight: 700;	
	}

	.onsite {
		background-color: #fff7a2;
		color: #0a457d;
		font-size: 22px;
		text-align: center;
		padding: 15px;
		border: 2px solid #0a457d;
		font-weight: 500;
		width: 700px;
		margin: 30px auto;
		border-radius: 10px;
	}
	
	.yellow {
		color: #0a457d;
		font-size: 18px;
		font-weight: 600;
		background-color: #fff7a2;
		padding: 1px 0;
	}

	.onsite_box {
		background-color: #d4effb;
		width: 900px;
		margin: 50px auto;
		border-radius: 10px;
		padding: 40px;
		border: 2px solid #0a457d;
	}

	.onsite_text {
		font-size: 18px;
		font-weight: 500;
		text-align: left;
		line-height: 1.6;
  		text-indent: -2em;
  		padding-left: 2em;
	}

	/*角丸数字*/
	.onsite_blue {
		background-color: #0a457d;
		color: #fff;
		padding: 2px 10px;
		border-radius: 3px;
	}

	.onsite_text_small {
		font-size: 14px;
		text-align: left;
		line-height: 1.4;
  		text-indent: -1em;
  		padding-left: 1em;
		margin: 20px auto 0;
	}

	.onsite_ol {
		list-style-type: none;
		font-size: 18px;
		font-weight: 500;
		text-align: left;
		line-height: 1.6;
  		text-indent: -1em;
  		padding-left: 1em;
	}

	.onsite_ul {
		list-style-type: none;	
		font-size: 14px;
		text-align: left;
		line-height: 1.4;
  		text-indent: -1em;
  		padding-left: 1em;
		margin: 20px auto 0;
	}

	.target_box {
		width: 800px;
		border: 2px solid #ff0000;
		margin: 20px auto;
		border-radius: 10px;
	}

	.target_text {
		color: #333;
		font-size: 20px;
		line-height: 1.8;
		width: 600px;
		margin: 0 auto;
		padding: 30px;
	}

	.red_bold {
		color: #ff0000;
		font-size: 22px;
		font-weight: 500;
	}

	.reference {
		color: #fff;
		font-size: 20px;
		background-color: #004a9f;
		width: 600px;
		padding: 20px;
		margin: 50px auto 20px;
		border-radius: 5px;
	}

	.reference_2 {
		color: #fff;
		font-size: 20px;
		background-color: #004a9f;
		width: 600px;
		padding: 20px;
		margin: 50px auto 100px;
		border-radius: 5px;
	}
	
	.reference:hover {
		opacity: 0.6;
		transition: 0.6s;
	}

	.reference_2:hover {
		opacity: 0.6;
		transition: 0.6s;
	}	

	.reference_link:link {
		color: #fff !important;
	}

	.reference_ul {
		font-size: 18px;
		line-height: 1.8;
		color: #333;
		list-style-type: none;
		width: 600px;
		text-align: left;
		margin: 20px auto;
	}

	.reference_ul li:hover{
		opacity: 0.6;
		transition: 0.6s;	
	}

	.reference_li:link {
		color: #333 !important;

	}


	/*----- 施工方法ナビ　------*/
	.construction_nav{
		background: #fff;
		padding-bottom: 150px;
	}
	.construction_nav_area{
		border: solid 1px #000;
		margin-left: 100px;
		padding-bottom: 30px;
	}
	.nav_title{
		color: #000;
		text-align: left;
		padding: 50px 0 0 50px; 
		font-size: 1.8rem;
	}
	.nav_wrapper{
		display: table;
		width: 80%;
		margin: 50px auto 0;
		table-layout: fixed;
	}
	.nav_box{
		display: table-cell;
	}
	.nav_box ul{ text-align: left;}
	.icon{
		color: #000;
		line-height: 30px;
		font-size: 1.5rem
	}
	.icon:hover{ 
		border-bottom: solid 1px #000;
		opacity: 0.7;
	}
	.icon::before{
	  content: '';/*何も入れない*/
	  display: inline-block;/*忘れずに！*/
	  width: 20px;/*画像の幅*/
	  height: 20px;/*画像の高さ*/
	  background-image: url("../image/construction_method/icon.svg");
	  background-size: contain;
	  vertical-align: middle;
	  margin-right: 5px;
	}

	/*------▼ 改修工事（リニューアル施工）　▼-------*/
	.text_area{
		margin: 10px 0 30px 250px;
		text-align: left;
		line-height: 20px;
		font-size: 1.5rem;
	}
	.border_yellow{
		font-weight: 700;
		font-size: 1.8rem;
		background-color: #ffe000;
		display: inline-block;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.text_red{ color: #ff381e;}
	.hatome_image1{ margin-top: 50px; }
	.hatome_image2{ margin-top: 50px; }
	.hatome_image3{ 
		margin-top: 50px; 
		width: 900px;
	}
	.movie{
		width: 900px;
		height: 507px;
		margin: 100px 0 200px; 
	}

	/*------ 二重屋根施工 ------*/
	.w_roof_image{ 
		width: 700px;
		margin-bottom: 50px;
	}
	.w_roof_image2{ 
		width: 700px;
		margin-bottom: 200px;
	}


	/*------▼ お問い合わせ　▼------*/
	.contact{ background: linear-gradient(#ececec, #b3b1b1);}
	.contact_title{
		color: #151c20;
		padding-top: 100px;
		font-size: 2.4rem;
		margin-bottom: 5px;
	}
	.contact_caption{
		color: #006ABB;
		font-weight: 500;
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
	.contact_text{
		color: #151c20;
		font-size: 1.5rem;
		line-height: 25px;
		margin-bottom: 40px
	}
	.width_606px{ 
		width: 606px;
		margin: 0 auto;
		overflow: hidden;
	}
	.contact_mail:hover{

	 opacity: 0.6;}
	.contact_mail{
		float: left;
		margin-right: 10px;
		width: 304px;
	}
	.contact_tel{
		float: left;
		width: 292px;
		margin-top: 4px;
		margin-bottom: 50px;
	}

	/*----▲ お問い合わせ　▲------*/

	/*----▲ フッター ▲------*/
	footer{ background-color: #151c20;}
	footer:after{
		content: '';
		display: block;
		clear: both;
	}
	.footer_left{
		width: 20%;
		float: left;
	}

	.logo{
		width: 190px;
		float: left;
		margin: 150px 0 0 150px;
	}
	.address_area{
		font-style: normal;
		margin-left: 150px ;
		padding-top: 50px;
		text-align: left;
		clear: both;
	}
	.address_area:after{
		content: '';
		display: block;
		clear: both;
	}
	.co_name{
		font-size: 1.4rem;
		margin-bottom: 10px;
		font-weight: 500;
	}
	.address{
		line-height: 20px;
	}
	.web{ color: #FFF;}
	.web:hover{ color: #686868}

	.footer_right{
		float: right;
		width: 80%;
		margin: 150px 0 30px; 
	}
	.footer_nav{
		list-style: none;
		display: flex;
		text-align: left;
	}
	.outer{ 
		margin-right: 70px;
		font-size: 1.5rem;
		font-weight: 500;
	}
	.footer_nav a { color: #fff; }
	.inner{
		text-align: left;
		list-style: none;
	}
	.footer_li{
		position: relative;
		padding: 10px 0;
		display: block;
		cursor: pointer;
	}
	.inner a{
		font-size: 1.3rem;
		font-weight: 400;
	}
	.hover:after{
		content: ' ▶︎';
		font-size: 1rem;
	}
	.hover:hover{
		color: #686868;
	}

	/*----▼ コピーライト ▼-------*/
	.copyright{ 
		background-color: #151c20; 
		padding: 50px 0 100px 150px ;
		text-align: left;

	}
	small{
		font-size: 1.2rem;
	}
}


@media (min-width: 960px) and (max-width: 1200px){
	
    /*------ ヘッダー　-------*/
	.top_line{ 
	float: right;
	}
	.top_title{
		padding: 40px 30px 0;
		font-size: 1.3rem;
		font-weight: normal;
		float: left;
	}
	.top_tel{
		width: 200px;
		float: left;
		margin-top: 15px; 
	}
	.top_contact_bt{
		width: 150px;
		padding: 10px 15px 10px 10px;
		float: left;
		display: block;
		margin: 30px 30px 10px;
		background: linear-gradient(#fff, #5f5c5c); 
		border-radius: 7px;
	}
	.top_contact_bt:hover { background: #EED801; }


		/*-------トグルボタン----------*/
	.menu { display: block !important; }
	.menubtn{ display: none;}


	/*------▼　グローバルナビ（ドロップダウン）▼------ */

	#accordion{ display: none;}
	#global_navi{ 
		width: 100%;
		clear: both; 
		}
	.dropdwn{
		width: 100%;
		display: flex;
		font-size: 1.1rem;
	}
	.dropdwn a { 
		text-decoration: none;
		color: #fff;
	}

	.nav_uldropdwn{
		text-align: center;
		text-decoration: none;
		margin: 0 auto;
		padding: 0;
		color: #fff;
	}
	.nav_lidropdwn{
		position: relative;
		padding: 5px;
		display: block;
		cursor: pointer;
	}
	.nav_lidropdwn:hover{
		border-bottom: solid 2px #fff;
	}

	.dropdwn>li{
		width: 1200px;
		margin: 1px;
		display: inline;
	}

	.dropdwn_menu{
		width: 100%;
		display: none;
		position: absolute;
		margin-left: -5px;
		margin-top: 5px;
		padding: 5px;
		background: rgba(1,2,2,0.80);
	}

	.dropdwn_menu li{
		width: 100%;
	}

	.dropdwn_menu li a{
		padding: 15px 0;
		margin: -5px 5px -5px -5px;
		display: block;
		color: #fff;
	}

	.nav_lidropdwn a:hover{
		color: #8B8B8B;

	}

	.dropdwn_mark::after{ 
		content: '▼';
		font-size: 1rem;
	}

	/*------▲　グローバルナビ（ドロップダウン）▲-------- */
	
	/*------▼  タイトルエリア　 ▼-------*/
	.title{
		font-size: 3rem;
		margin: 130px auto;
		letter-spacing: 3px;
	}

	/*-----▼ 施工方法ボタンエリア ▼--------*/
	.construction_method_bt_area{ background: #fff; }
	.width_960px{ 
		width: 960px;
		margin: 0 auto;
	}
	.construction_wapper{
		display: table;
		width: 80%;
		margin: 0 auto;
		table-layout: fixed;
		padding: 100px 0;
	}
	.construction_methood_bt{ display: table-cell;}


	/*-----▼ 新築施工 ▼--------*/
	.b_white{
		background: #fff;
		color: #000;
		overflow: hidden;
	}
	.con_title::after, .con_title::before{
		content: '';
		display: inline-block;
		width: 140px;
		height: 1px;
		margin: 0 30px;
		background-color: #000;
		vertical-align: middle;
	}
	.con_title{ 
		margin-top: 50px;
		font-size: 3rem;
	}
	.title_caption{ margin-top: 5px; }

	.sab_title{
		margin: 100px auto 0;
		font-size: 2.2rem;
		background:  linear-gradient(#304342, #001814);
		color: #fff;
		padding: 8px;
		width: 300px;
		border-radius: 20px;
	}
	.sab_title_caption{ margin: 5px 0 30px;}
	.warehouse_image{ margin-bottom: 100px;}
	.new_house_image{ margin: 0 0 0 100px}

	.chart{ 
		margin: 150px auto 100px;
		width: 80%;
	}


	/*----- 施工方法ナビ　------*/
	.construction_nav{
		background: #fff;
		padding-bottom: 150px;
	}
	.construction_nav_area{
		border: solid 1px #000;
		padding-bottom: 30px;
	}
	.nav_title{
		color: #000;
		text-align: left;
		padding: 50px 0 0 50px; 
		font-size: 1.8rem;
	}
	.nav_wrapper{
		display: table;
		width: 80%;
		margin: 50px auto 0;
		table-layout: fixed;
	}
	.nav_box{
		display: table-cell;
	}
	.nav_box ul{ text-align: left;}
	.icon{
		color: #000;
		line-height: 30px;
		font-size: 1.5rem
	}
	.icon:hover{ 
		border-bottom: solid 1px #000;
		opacity: 0.7;
	}
	.icon::before{
		content: '';/*何も入れない*/
	  display: inline-block;/*忘れずに！*/
	  width: 20px;/*画像の幅*/
	  height: 20px;/*画像の高さ*/
	  background-image: url("../image/construction_method/icon.svg");
	  background-size: contain;
	  vertical-align: middle;
	  margin-right: 5px;
	}
	/*------▼ 改修工事（リニューアル施工）　▼-------*/
	.text_area{
		margin: 10px 0 30px 250px;
		text-align: left;
		line-height: 20px;
		font-size: 1.5rem;
	}
	.border_yellow{
		font-weight: 700;
		font-size: 1.8rem;
		background-color: #ffe000;
		display: inline-block;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.text_red{ color: #ff381e;}
	.hatome_image1{ margin-top: 50px; }
	.hatome_image2{ 
		margin-top: 50px; 
		width: 80%;
	}
	.hatome_image3{ 
		margin-top: 50px; 
		width: 80%;
	}
	.movie{
		width: 800px;
		height: 450px;
		margin: 100px 0 100px; 
	}
	
	/*------ ピン工法 ------*/
	.pin_image{ width: 80%;}

	
	
	/*------ 二重屋根施工 ------*/
	.w_roof_image{ 
		width: 70%;
		margin-bottom: 50px;
	}
	.w_roof_image2{ 
		width: 70%;
		margin-bottom: 200px;
	}


	/*------▼ お問い合わせ　▼------*/
	.contact{ background: linear-gradient(#ececec, #b3b1b1);}
	.contact_title{
		color: #151c20;
		padding-top: 100px;
		font-size: 2.4rem;
		margin-bottom: 5px;
	}
	.contact_caption{
		color: #006ABB;
		font-weight: 500;
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
	.contact_text{
		color: #151c20;
		font-size: 1.5rem;
		line-height: 25px;
		margin-bottom: 40px
	}
	.width_606px{ 
		width: 606px;
		margin: 0 auto;
		overflow: hidden;
	}
	.contact_mail:hover{

	 opacity: 0.6;}
	.contact_mail{
		float: left;
		margin-right: 10px;
		width: 304px;
	}
	.contact_tel{
		float: left;
		width: 292px;
		margin-top: 4px;
		margin-bottom: 50px;
	}

	/*----▲ お問い合わせ　▲------*/
	
	/*----▼ フッター　▼------*/
	footer{ 
	background-color: #151c20; 
	width: 100%;
	}
	footer:after{
		content: '';
		display: block;
		clear: both;
	}

	.logo{
		width: 190px;
		float: left;
		margin: 100px 0 30px 50px;
	}
	.address_area{ display: none; }


	.footer_right{
		float: left;
		width: 100%;
		margin: 0 10px 30px 50px; 
	}
	.footer_nav{
		list-style: none;
		text-align: left;
	}
	.outer{ 
		font-size: 1.5rem;
		font-weight: 500;
		margin: 30px 0 ;
	}
	.footer_nav a { color: #fff; }
	.inner{
		text-align: left;
		list-style: none;
	}
	.footer_li{
		position: relative;
		padding: 5px 0;
		display: block;
		cursor: pointer;
	}
	.inner a{
		font-size: 1.3rem;
		font-weight: 400;
	}
	.hover:after{
		content: ' ▶︎';
		font-size: 1rem;
	}
	.hover:hover{
		color: #686868;
	}


	/*----▼ コピーライト ▼-------*/
	.copyright{ 
		background-color: #151c20; 
		padding: 0px 0 100px 50px ;
		text-align: left;

	}
	small{
		font-size: 1.2rem;
	}
}



@media (min-width: 479px) and (max-width: 959px){
	/*-----▼  ヘッダー  ▼-------*/
	.header_back_color{
		width: 100%;
		background: rgba(1,2,2,0.40);
		overflow: hidden;
	}

	.top_line{ float: left;}
	.top_title{
		padding: 30px 30px 0;
		font-size: 1.5rem;
		font-weight: normal;
		float: none;
	}
	.top_tel{
		width: 60%;
		float: none;
		margin: 8px 0 0 -40px; 
	}
	.top_contact_bt{
		width: 40%;
		padding: 10px 15px 10px 10px;
		float: none;
		display: block;
		margin: 8px 30px 20px;
		background: linear-gradient(#fff, #5f5c5c); 
		border-radius: 7px;
	}
	.top_contact_bt:hover { background: #EED801; }


	/*	--------トグルボタン---------*/
		.menu { display: none !important; }
		.menubtn{
			padding: 6px 12px;
			border: solid 1px #aaaaaa;
			border-radius: 5px;
			position: absolute;
			top: 30px;
			right: 30px;
			cursor: pointer;
		}
		.menubtn:hover {background-color: #ddd;}
		.menubtn:focus {outline: none;}
		.menubtn i {
			color: #888888;
			font-size: 1.8rem;
		}
		.menubtn span{ 
			display: inline-block;
			text-indent: -9999px;
		}



	/*------▼　グローバルナビ(アコーディオン)　▼------ */
	#global_navi{ display: none;}

	/** =======================
	 * Contenedor Principal
	 ===========================*/
	.accordion {
		width: 100%;
		margin: 0 auto 20px;
		background:  rgba(1,2,2,0.40);
	 }
		.link a{ color: #fff;}
		.link a:hover{ color: #595959;}
	.accordion .link {
		cursor: pointer;
		display: block;
		padding: 15px 15px 15px 42px;
		color: #fff;
		font-size: 1.4rem;
		font-weight: 500;
		border-bottom: 1px solid #4b4b4b;
		position: relative;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.accordion li:last-child .link {
		border-bottom: 0;
	}

	.accordion li i {
		position: absolute;
		top: 16px;
		left: 12px;
		font-size: 18px;
		color: #595959;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.accordion li i.fa-chevron-down {
		right: 12px;
		left: auto;
		font-size: 16px;
	}
	.accordion li i.fa-angle-right{
		right: 12px;
		left: auto;
		font-size: 16px;
	}
	.accordion li.open .link {
		color: rgba(180,180,180,1);
	}

	.accordion li.open i {
		color: rgba(180,180,180,1);
	}
	.accordion li.open i.fa-chevron-down {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.accordion li.default .submenu {display: block;}
	/**
	 * Submenu
	 -----------------------------*/
	 .submenu {
		display: none;
		background:  rgba(180,180,180,0.5);
		font-size: 1.4rem;
	 }

	 .submenu li {
		border-bottom: 1px solid #3a3a3a;
	 }

	 .submenu a {
		display: block;
		text-decoration: none;
		color: #d9d9d9;
		padding: 12px;
		padding-left: 42px;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	 }

	 .submenu a:hover {
		background: #292929;
		color: #fff;
	 }

    /*------▲　グローバルナビ（ドロップダウン）▲-------- */
	
	/*------▼  タイトルエリア　 ▼-------*/
	.title{
		font-size: 2.5rem;
		margin: 80px auto;
		letter-spacing: 3px;
	}

	/*-----▼ 施工方法ボタンエリア ▼--------*/
	.construction_method_bt_area{ background: #fff; }
	.width_960px{ 
		width: 100%;
		margin: 0 auto;
	}
	.construction_wapper{
		display: table;
		width: 90%;
		margin: 0 auto;
		table-layout: fixed;
		padding: 100px 0;
	}
	.construction_methood_bt{ display: table-cell;}


	/*-----▼ 新築施工 ▼--------*/
	.b_white{
		background: #fff;
		color: #000;
		overflow: hidden;
	}
	.con_title::after, .con_title::before{
		content: '';
		display: inline-block;
		width: 100px;
		height: 1px;
		margin: 0 20px;
		background-color: #000;
		vertical-align: middle;
	}
	.con_title{ 
		margin-top: 50px;
		font-size: 2rem;
	}
	.title_caption{ 
		margin-top: 5px;
		font-size: 0.8rem;
	}

	.sab_title{
		margin: 50px auto 0;
		font-size: 1.8rem;
		background:  linear-gradient(#304342, #001814);
		color: #fff;
		padding: 8px;
		width: 300px;
		border-radius: 20px;
	}
	.sab_title_caption{ margin: 5px 0 30px;}
	.warehouse_image{ 
		width: 90%;
		margin-bottom: 100px;
	}
	.new_house_image{ 
		width: 90%;
		margin: 0 auto 100px;
	}

	.chart{ 
		margin: 100px auto;
		width: 90%;
	}


	/*----- 施工方法ナビ　------*/
	.construction_nav{
		background: #fff;
		padding-bottom: 150px;
	}
	.construction_nav_area{
		border: solid 1px #000;
		padding-bottom: 30px;
	}
	.nav_title{
		color: #000;
		text-align: left;
		padding: 30px 0 0 50px; 
		font-size: 1.8rem;
	}
	.nav_wrapper{
		display: table;
		width: 90%;
		margin: 50px auto 0;
		table-layout: fixed;
	}
	.nav_box{
		display: table-cell;
	}
	.nav_box ul{ text-align: left;}
	.icon{
		color: #000;
		line-height: 30px;
		font-size: 1.3rem
	}
	.icon:hover{ 
		border-bottom: solid 1px #000;
		opacity: 0.7;
	}
	.icon::before{
		content: '';/*何も入れない*/
	  display: inline-block;/*忘れずに！*/
	  width: 15px;/*画像の幅*/
	  height: 15px;/*画像の高さ*/
	  background-image: url("../image/construction_method/icon.svg");
	  background-size: contain;
	  vertical-align: middle;
	  margin-right: 5px;
	}
	/*------▼ 改修工事（リニューアル施工）　▼-------*/
	.text_area{
		display: inline-block;
		margin: 0 auto;
		text-align: left;
		line-height: 20px;
		font-size: 1.5rem;
	}
	.border_yellow{
		font-weight: 700;
		font-size: 1.8rem;
		background-color: #ffe000;
		display: inline-block;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.text_red{ color: #ff381e;}
	.hatome_image1{ margin-top: 50px; }
	.hatome_image2{ 
		margin-top: 50px; 
		width: 90%;
	}
	.hatome_image3{ 
		margin-top: 50px; 
		width: 90%;
	}
	
	.youtube {
		margin-top: 50px;
  		position: relative;
  		width: 90%;
  		padding-top: 56.25%;
	}
	.youtube iframe {
  		position: absolute;
  		top: 0;
  		right: 0;
  		width: 90% !important;
  		height: 90% !important;
	}
	
	/*------ ピン工法 ------*/
	.pin_image{ width: 80%;}

	
	
	/*------ 二重屋根施工 ------*/
	.w_roof_image{ 
		width: 70%;
		margin-bottom: 50px;
	}
	.w_roof_image2{ 
		width: 70%;
		margin-bottom: 200px;
	}
	
	/*------▼ お問い合わせ　▼------*/
	.contact{ background: linear-gradient(#ececec, #5f5c5c);  }
	.contact_title{
		color: #151c20;
		padding-top: 100px;
		font-size: 2.4rem;
		margin-bottom: 5px;
	}
	.contact_caption{
		color: #006ABB;
		font-weight: 500;
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
	.contact_text{
		color: #151c20;
		font-size: 1.5rem;
		line-height: 25px;
		margin-bottom: 40px
	}
	.width_606px{ 
		width: 606px;
		margin: 0 auto;
		overflow: hidden;
	}
	.contact_mail:hover{

	 opacity: 0.6;}
	.contact_mail{
		float: left;
		margin-right: 10px;
		width: 304px;
	}
	.contact_tel{
		float: left;
		width: 292px;
		margin-top: 4px;
		margin-bottom: 50px;
	}

	/*----▲ お問い合わせ　▲------*/

	/*----▲ フッター ▲------*/
	footer{ 
	background-color: #151c20; 
	width: 100%;
	}
	footer:after{
		content: '';
		display: block;
		clear: both;
	}

	.logo{
		width: 190px;
		float: left;
		margin: 100px 0 30px 50px;
	}
	.address_area{ display: none; }


	.footer_right{
		float: left;
		width: 100%;
		margin: 0 10px 30px 50px; 
	}
	.footer_nav{
		list-style: none;
		text-align: left;
	}
	.outer{ 
		font-size: 1.5rem;
		font-weight: 500;
		margin: 30px 0 ;
	}
	.footer_nav a { color: #fff; }
	.inner{
		text-align: left;
		list-style: none;
	}
	.footer_li{
		position: relative;
		padding: 5px 0;
		display: block;
		cursor: pointer;
	}
	.inner a{
		font-size: 1.3rem;
		font-weight: 400;
	}
	.hover:after{
		content: ' ▶︎';
		font-size: 1rem;
	}
	.hover:hover{
		color: #686868;
	}


	/*----▼ コピーライト ▼-------*/
	.copyright{ 
		background-color: #151c20; 
		padding: 0px 0 100px 50px ;
		text-align: left;

	}
	small{
		font-size: 1.2rem;
	}
}

/*------- 説明エリア&お問い合わせ　629px以下 --------*/
@media (max-width: 629px) and (min-width: 479px){
		
	/*------▼ お問い合わせ　▼------*/
	.contact{ 
		background: linear-gradient(#ececec, #5f5c5c); 
	}
	.contact_title{
		color: #151c20;
		padding-top: 100px;
		font-size: 2.4rem;
		margin-bottom: 5px;
	}
	.contact_caption{
		color: #006ABB;
		font-weight: 500;
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
	.contact_text{
		color: #151c20;
		font-size: 1.5rem;
		line-height: 25px;
		margin-bottom: 40px
	}
	.width_606px{ 
		width: 100%;
	}
	.contact_mail{
		float: none;
		width: 60%;
	}
	.contact_tel{
		float: none;
		width: 57%;
		margin-top: 4px;
		margin-right: 6px;
	}
	.contact_mail :hover{
		opacity: 0.6;
	}
/*----▲ お問い合わせ　▲------*/
}



@media (max-width: 478px){
/*-----▼  ヘッダー  ▼-------*/
	.header_back_color{
		width: 100%;
		background: rgba(1,2,2,0.40);
		overflow: hidden;
	}

	.top_line{ float: left;}
	.top_title{
		padding: 30px 30px 0;
		font-size: 1.1rem;
		font-weight: normal;
		float: none;
	}
	.top_tel{
		width: 50%;
		float: none;
		margin: 8px 0 0 -35px; 
	}
	.top_contact_bt{
		width: 40%;
		padding: 10px 15px 10px 10px;
		float: none;
		display: block;
		margin: 8px 30px 20px;
		background: linear-gradient(#fff, #5f5c5c); 
		border-radius: 7px;
	}
	.top_contact_bt:hover { background: #EED801; }


/*	--------トグルボタン---------*/
	.menu { display: none !important; }
	.menubtn{
		padding: 6px 12px;
		border: solid 1px #aaaaaa;
		border-radius: 5px;
		position: absolute;
		top: 30px;
		right: 30px;
		cursor: pointer;
	}
	.menubtn:hover {background-color: #ddd;}
	.menubtn:focus {outline: none;}
	.menubtn i {
		color: #888888;
		font-size: 1.8rem;
	}
	.menubtn span{ 
		display: inline-block;
		text-indent: -9999px;
	}
	
	/*------▼　グローバルナビ(アコーディオン)　▼------ */
	#global_navi{ display: none;}

	/** =======================
	 * Contenedor Principal
	 ===========================*/
	.accordion {
		width: 100%;
		margin: 0 auto 20px;
		background:  rgba(1,2,2,0.40);
	 }
		.link a{ color: #fff;}
		.link a:hover{ color: #595959;}
	.accordion .link {
		cursor: pointer;
		display: block;
		padding: 15px 15px 15px 42px;
		color: #fff;
		font-size: 1.4rem;
		font-weight: 500;
		border-bottom: 1px solid #4b4b4b;
		position: relative;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.accordion li:last-child .link {
		border-bottom: 0;
	}

	.accordion li i {
		position: absolute;
		top: 16px;
		left: 12px;
		font-size: 18px;
		color: #595959;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.accordion li i.fa-chevron-down {
		right: 12px;
		left: auto;
		font-size: 16px;
	}
	.accordion li i.fa-angle-right{
		right: 12px;
		left: auto;
		font-size: 16px;
	}
	.accordion li.open .link {
		color: rgba(180,180,180,1);
	}

	.accordion li.open i {
		color: rgba(180,180,180,1);
	}
	.accordion li.open i.fa-chevron-down {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.accordion li.default .submenu {display: block;}
	/**
	 * Submenu
	 -----------------------------*/
	 .submenu {
		display: none;
		background:  rgba(180,180,180,0.5);
		font-size: 1.4rem;
	 }

	 .submenu li {
		border-bottom: 1px solid #3a3a3a;
	 }

	 .submenu a {
		display: block;
		text-decoration: none;
		color: #d9d9d9;
		padding: 12px;
		padding-left: 42px;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	 }

	 .submenu a:hover {
		background: #292929;
		color: #fff;
	 }

    /*------▲　グローバルナビ（ドロップダウン）▲-------- */
	
	
	/*------▼  タイトルエリア　 ▼-------*/
	.title{
		font-size: 2rem;
		margin: 50px auto;
		letter-spacing: 3px;
	}

	/*-----▼ 施工方法ボタンエリア ▼--------*/
	.construction_method_bt_area{ background: #fff; }
	.width_960px{ 
		width: 100%;
		margin: 0 auto;
	}
	.construction_wapper{
		display: table;
		width: 95%;
		margin: 0 auto;
		table-layout: fixed;
		padding: 50px 0;
	}
	.construction_methood_bt{ display: table-cell;}


	/*-----▼ 新築施工 ▼--------*/
	.b_white{
		background: #fff;
		color: #000;
		overflow: hidden;
	}
	.con_title::after, .con_title::before{
		content: '';
		display: inline-block;
		width: 80px;
		height: 1px;
		margin: 0 20px;
		background-color: #000;
		vertical-align: middle;
	}
	.con_title{ 
		margin-top: 10px;
		font-size: 1.3rem;
	}
	.title_caption{ 
		margin-top: 5px;
		font-size: 0.8rem;
	}

	.sab_title{
		margin: 30px auto 0;
		font-size: 1.1rem;
		background:  linear-gradient(#304342, #001814);
		color: #fff;
		padding: 6px;
		width: 250px;
		border-radius: 20px;
	}
	.sab_title_caption{ 
		font-size: 1rem;
		margin: 5px 0 30px;
	}
	.warehouse_image{ 
		width: 90%;
		margin-bottom: 50px;
	}
	.new_house_image{ 
		width: 90%;
		margin: 0 auto 50px;
	}

	.chart{ 
		margin: 50px auto;
		width: 90%;
	}


	/*----- 施工方法ナビ　------*/
	.construction_nav{
		background: #fff;
		padding: 20px 20px 50px 20px;
	}
	.construction_nav_area{
		border: solid 1px #000;
		padding-bottom: 30px;
	}
	.nav_title{
		color: #000;
		text-align: left;
		padding: 30px 0 0 20px; 
		font-size: 1.8rem;
	}
	.nav_wrapper{
		width: 90%;
		margin: 10px auto 0;
	}
	
	.nav_box ul{ text-align: left;}
	.icon{
		color: #000;
		line-height: 30px;
		font-size: 1.3rem
	}
	.icon:hover{ 
		border-bottom: solid 1px #000;
		opacity: 0.7;
	}
	.icon::before{
		content: '';/*何も入れない*/
	  display: inline-block;/*忘れずに！*/
	  width: 15px;/*画像の幅*/
	  height: 15px;/*画像の高さ*/
	  background-image: url("../image/construction_method/icon.svg");
	  background-size: contain;
	  vertical-align: middle;
	  margin-right: 5px;
	}
	/*------▼ 改修工事（リニューアル施工）　▼-------*/
	.text_area{
		display: inline-block;
		margin: 0 auto;
		text-align: left;
		line-height: 15px;
		font-size: 1.1rem;
	}
	.border_yellow{
		font-weight: 700;
		font-size: 1.2rem;
		background-color: #ffe000;
		display: inline-block;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	.text_red{ color: #ff381e;}
	.hatome_image1{ 
		width: 90%;
		margin-top: 50px; }
	.hatome_image2{ 
		margin-top: 50px; 
		width: 95%;
	}
	.hatome_image3{ 
		margin-top: 30px; 
		width: 95%;
	}
	
	.youtube {
		margin: 50px auto 80px;
  		position: relative;
  		width: 95%;
  		padding-top: 56.25%;
	}
	.youtube iframe {
  		position: absolute;
  		top: 0;
  		right: 0;
  		width: 95% !important;
  		height: 95% !important;
	}
	
	/*------ ピン工法 ------*/
	.pin_image{ 
		width: 80%;
		margin-bottom: 50px;
	}

	
	
	/*------ 二重屋根施工 ------*/
	.w_roof_image{ 
		width: 70%;
		margin-bottom: 50px;
	}
	.w_roof_image2{ 
		width: 70%;
		margin-bottom: 100px;
	}
	
		
	
	/*------▼ お問い合わせ　▼------*/
	.contact{ 
		background: linear-gradient(#ececec, #5f5c5c); 
	}
	.contact_title{
		color: #151c20;
		padding-top: 100px;
		font-size: 2.4rem;
		margin-bottom: 5px;
	}
	.contact_caption{
		color: #006ABB;
		font-weight: 500;
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
	.contact_text{
		color: #151c20;
		font-size: 1.5rem;
		line-height: 25px;
		margin-bottom: 40px
	}
	.width_606px{ 
		width: 100%;
	}
	.contact_mail{
		float: none;
		width: 60%;
	}
	.contact_tel{
		float: none;
		width: 57%;
		margin-top: 4px;
		margin-right: 6px;
		padding-bottom: 50px;
	}
	.contact_mail :hover{
		opacity: 0.6;
	}
	/*----▲ お問い合わせ　▲------*/

	/*----▲ フッター ▲------*/
	footer{ 
		background-color: #151c20; 
		width: 100%;
		}
	footer:after{
		content: '';
		display: block;
		clear: both;
	}

	.logo{
		width: 40%;
		float: left;
		margin:30px 0 10px 30px;
	}
	.address_area{ display: none; }


	.footer_right{
		display: initial;
	}

	/*----▼ コピーライト ▼-------*/
	.copyright{ 
		background-color: #151c20; 
		text-align: left;
		padding: 0 0 30px 30px

	}
	small{
		font-size: 1rem;
	}
	
}

	/*-----▼ 2025年5月追加 ▼--------*/

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

	.title_area {
		color: #666;
	}

	.con_title::after, .con_title::before{
		display: none;
	}

	.con_title{ 
		margin-top: 30px;
		font-size: 1.8rem;
	}

	.june {
		color: #666;
		font-size: 12px;
		margin: 10px auto;
	}

	.ministry {
		color: #666;
		font-size: 12px;
		margin: 10px auto;
		line-height: 1.2;
		padding: 0 10px;
	}

	.quote {
		background-color: #dbf0fc;
		width: 100%;
		margin: 20px auto;
	}

	.heat_title {
		margin: 0 auto 20px;
		font-size: 20px;
		background:  linear-gradient(#008cd2, #014283);
		color: #fff;
		padding: 20px;
		width: 98%;
		border-radius: 5px;
		line-height: 1.4
	}

	.heat_title_large {
		font-size: 20px;
	}

	.heat_1 {
		width: 98%;
	}

	.source {
		padding: 7px 5px 20px;
		font-size: 12px;
		line-height: 1.4;
	}

	.tendency {
		border: 1px solid #e94628;
		width: 98%;
		margin: 30px auto;
	}

	.tendency_title {
		background-color: #e94628;
		color: #fff;
		font-size: 18px;
		text-align: center;
		padding: 15px;
		width: 100%;
		margin: 0 auto;
	}

	.tendency_ul {
		list-style-type: none;
		width: 95%;
		text-align: left;
		margin: 20px auto;
		font-size: 16px;
		color: #333;
		line-height: 1.4;
		text-indent: -1em;
  		padding-left: 1em;
	}

	.bold {
		font-weight: bold;
	}

	.large_bold {
		font-weight: bold;
		font-size: 18px;
		line-height: 1.6;
	}

	.large_bold_red {
		font-weight: bold;
		font-size: 18px;
		color: #e94628;
	}

	.arrow {
		display: block;
		padding-top: 0;
		width: 20%;
		margin: 0 auto;
	}

	.plan {
		border: 2px solid #ffdc01;
		width: 98%;
		margin: 30px auto;
	}

	.plan_title {
		background-color: #ffdc01;
		color: #e94628;
		font-weight: 700;
		font-size: 18px;
		text-align: center;
		padding: 15px 0;
		width: 100%;
		margin: 0 auto;
	}

	.plan_text {
		width: 95%;
		text-align: left;
		margin: 20px auto;
		font-size: 16px;
		color: #333;
		line-height: 1.4;
	}

	.chart_title {
		font-size: 18px;
		margin: 20px auto 10px;
	}

	.red_box {
		background-color: #e94628;
		color: #fff;
		font-size: 22px;
		text-align: center;
		padding: 15px;
		width: 98%;
		margin: 30px auto;
		border-radius: 10px;
	}

	.white_box {
		background-color: #fff;
		color: #e94628;
		font-size: 18px;
		text-align: center;
		padding: 2px 10px;
		width: 100%;
		border-radius: 10px;
		margin-right: 10px;
	}

	.ichi {
		color: #e94628;
		font-size: 20px;
		text-align: left;
		font-weight: 500;
		width: 98%;
		border-bottom: 1px solid #e94628;
		margin: 40px auto 0;
	}

	.ichi_text_bold {
		color: #333;
		font-size: 20px;
		text-align: left;
		width: 98%;
		font-weight: 500;
		margin: 20px auto;
		line-height: 1.4;
	}

	.ichi_text {
		color: #333;
		font-size: 18px;
		text-align: left;
		width: 97%;
		margin: 20px auto;
		line-height: 1.4;
	}

	.ichi_ul {
		list-style-type: none;
		width: 98%;
		font-size: 16px;
		text-align: left;
		margin: 20px auto;
		line-height: 1.2;
	  	text-indent: -1em;
  		padding-left: 1em;	
	}

	.blue {
		color: #004a9f;
		font-size: 20px;
		font-weight: 500;
		border-bottom: 1px solid #004a9f;
		padding: 0 5px;
	}	

	.ni_box {
		background-color: #004a9f;
		color: #fff;
		font-size: 22px;
		text-align: center;
		padding: 15px;
		width: 98%;
		margin: 30px auto;
		border-radius: 10px;
	}

	.white_box_2 {
		background-color: #fff;
		color: #004a9f;
		font-size: 18px;
		text-align: center;
		padding: 2px 10px;
		width: 100%;
		border-radius: 10px;
		margin-right: 10px;
	}

	.ni_title_1 {
		color: #00adb2;
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		width: 98%;
		border-bottom: 1px solid #00adb2;
		margin: 40px auto 0;
	}
	
	.ni_chart_1 {
		list-style-type: none;
		width: 98%;
		font-size: 16px;
		text-align: left;
		margin: 30px auto 0;
		line-height: 1.4;
		text-indent: -1.5em;
  		padding-left: 1.5em;
	}
	
	.ni_chart_title {
		font-size: 18px;
		font-weight: 800;
	}

	.ni_chart_1 li {
		margin: 0 0 20px 0;
		width: 98%;
	}

	.ni_chart_1_underline {
		color: #00adb2;
		border-bottom: 1px solid #00adb2;
		font-weight: 700;
	}

	.ni_chart_1_img {
		display: block;
		margin: 50px auto 20px;
	}

	.ni_title_2 {
		color: #0599d9;
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		width: 98%;
		border-bottom: 1px solid #0599d9;
		margin: 40px auto 0;
	}
	
	.ni_chart_2 {
		list-style-type: none;
		width: 98%;
		font-size: 16px;
		text-align: left;
		margin: 30px auto 0;
		line-height: 1.4;
		text-indent: -1.5em;
  		padding-left: 1.5em;
	}
	
	.ni_chart_2 li {
		margin: 0 0 20px 0;
		width: 98%;
	}

	.ni_chart_2_underline {
		color: #0599d9;
		border-bottom: 1px solid #0599d9;
		font-weight: 700;	
	}

	.ni_title_3 {
		color: #1a9231;
		font-size: 22px;
		text-align: left;
		font-weight: 500;
		width: 98%;
		border-bottom: 1px solid #1a9231;
		margin: 40px auto 0;
	}
	
	.ni_chart_3 {
		list-style-type: none;
		width: 98%;
		font-size: 16px;
		text-align: left;
		margin: 30px auto 0;
		line-height: 1.4;
		text-indent: -1.5em;
  		padding-left: 1.5em;
	}
	
	.ni_chart_3 li {
		margin: 0 0 20px 0;
		width: 98%;
	}

	.ni_chart_3_underline {
		color: #1a9231;
		border-bottom: 1px solid #1a9231;
		font-weight: 700;	
	}

	.onsite {
		background-color: #fff7a2;
		color: #0a457d;
		font-size: 22px;
		text-align: center;
		padding: 15px;
		border: 2px solid #0a457d;
		font-weight: 500;
		width: 95%;
		margin: 30px auto;
		border-radius: 10px;
	}
	
	.yellow {
		color: #0a457d;
		font-size: 18px;
		font-weight: 600;
		background-color: #fff7a2;
		padding: 1px 0;
	}

	.onsite_box {
		background-color: #d4effb;
		width: 98%;
		margin: 20px auto;
		border-radius: 10px;
		padding: 20px 10px;
		border: 2px solid #0a457d;
	}

	.onsite_text {
		font-size: 18px;
		font-weight: 500;
		text-align: left;
		line-height: 1.4;
  		text-indent: -2em;
  		padding-left: 2em;
	}

	/*角丸数字*/
	.onsite_blue {
		background-color: #0a457d;
		color: #fff;
		padding: 2px 10px;
		border-radius: 3px;
	}

	.onsite_text_small {
		font-size: 14px;
		text-align: left;
		line-height: 1.4;
  		text-indent: -1em;
  		padding-left: 1em;
		margin: 20px auto 0;
	}

	.onsite_ol {
		list-style-type: none;
		font-size: 18px;
		font-weight: 500;
		text-align: left;
		line-height: 1.4;
  		text-indent: -1em;
  		padding-left: 1em;
	}

	.onsite_ul {
		list-style-type: none;	
		font-size: 14px;
		text-align: left;
		line-height: 1.4;
  		text-indent: -1em;
  		padding-left: 1em;
		margin: 20px auto 0;
	}

	.target_box {
		width: 98%;
		border: 2px solid #ff0000;
		margin: 20px auto;
		border-radius: 10px;
	}

	.target_text {
		color: #333;
		font-size: 20px;
		line-height: 1.6;
		width: 98%;
		margin: 0 auto;
		padding: 15px;
	}

	.reference {
		color: #fff;
		font-size: 16px;
		background-color: #004a9f;
		width: 98%;
		padding: 10px;
		margin: 20px auto;
		border-radius: 5px;
	}

	.reference_2 {
		color: #fff;
		font-size: 16px;
		background-color: #004a9f;
		width: 98%;
		padding: 10px;
		margin: 50px auto;
		border-radius: 5px;
	}

	.reference_link:link {
		color: #fff !important;
	}

	.reference_link:visited {
		color: #fff !important;
	}


	.reference_ul {
		font-size: 16px;
		line-height: 1.4;
		color: #333;
		list-style-type: none;
		width: 95%;
		text-align: left;
		margin: 10px auto;
	  	text-indent: -1em;
  		padding-left: 1em;	
	}

	.reference_ul li:hover{
		opacity: 0.6;
		transition: 0.6s;	
	}

	.reference_li:link {
		color: #333 !important;

	}

	.reference_li:visited {
		color: #333 !important;

	}	


	/*----▲ フッター ▲------*/
	footer{ 
		background-color: #151c20; 
		width: 100%;
		}
	footer:after{
		content: '';
		display: block;
		clear: both;
	}

	.logo{
		width: 190px;
		float: left;
		margin: 100px 0 30px 50px;
	}
	.address_area{ display: none; }

	.footer_right{
		float: left;
		width: 100%;
		margin: 0 10px 30px 0; 
	}

	.footer_nav{
		list-style: none;
		text-align: left;
	}
	.outer{ 
		font-size: 1.5rem;
		font-weight: 500;
		margin: 30px 0 ;
	}
	.footer_nav a { color: #fff; }
	.inner{
		text-align: left;
		list-style: none;
	}
	.footer_li{
		position: relative;
		padding: 5px 0;
		display: block;
		cursor: pointer;
	}
	.inner a{
		font-size: 1.3rem;
		font-weight: 400;
	}
	.hover:after{
		content: ' ▶︎';
		font-size: 1rem;
	}
	.hover:hover{
		color: #686868;
	}


	/*----▼ コピーライト ▼-------*/
	.copyright{ 
		background-color: #151c20; 
		text-align: left;
		padding: 0 0 30px 30px

	}
	small{
		font-size: 1rem;
	}
	

}