body{
	background: #fff;
	font-family: 'Noto Sans JP', sans-serif;
}
.boxed-layout-header{
	padding-bottom: 0;
}
h1,h2,h3,h4,h5{
	font-family: "HG明朝E", "ヒラギノ明朝", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif !important;
}
p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px !important;
}
.mincho{
	font-family: "HG明朝E", "ヒラギノ明朝", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif !important;
}
.main-raised{
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
}
body:not(.single) .blog-post .section-text{
	padding-bottom: 0 !important;
}
.section_box{
	padding-top: 5%;
	padding-bottom: 5%;
}
ul{
	padding: 0 !important;
}
.widget ul li{
	padding-top: 0;
}
.center{
	text-align: center;
}
/*===============================================
 *  header
===============================================*/
.navbar{
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 40%, #fff 100%);
	box-shadow: none !important;
}
.navbar > .container{
	margin: 0;
	padding: 0;
	width: 100%;
}
.navbar .navbar-nav > li a{
	color: #01087c;
	font-size: 18px;
	font-family: "HG明朝E", "ヒラギノ明朝", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif !important;
}
.nav > li > a{
	padding: 10px 30px;
}
#primary h1{
	font-size: 24px !important;
}
#slider{
    overflow: hidden;
    width: 100%;
    min-height: 90vh;
    background-color: #999;
}
#kv{
	position: relative;
}
.catchcopy h2{
	margin: 0 !important;
}
.certification{
	position: absolute;
	top: 75px;
	right: 2vw;
	z-index: 2;
	width: 11vw;
}
.certification img{
	width: 100%;
}
#kv_page{
	background: #fff;
	margin-top: 112px;
	padding: 0;
	position: relative;
	width: 100%;
}
#kv_page h2{
	margin: 0 !important;
}
#breadcrumb{
	margin: 15px auto 0;
	text-align: right;
	width: 60vw;
}
.navbar .navbar-nav > li .dropdown-menu li > a{
	padding: 5px 10px !important;
}
/*===============================================
 *  home
===============================================*/
#home_introduction{
}
#home_introduction h3{
	font-size: 24px;
	line-height: 1.7em;
	margin: 0 0 15px;
}
#home_introduction p{
	font-size: 16px;
}
#home_service{
	padding-top: 5%;
	padding-bottom: 250px;
}
#home_service h3 {
	margin-bottom: 0 !important;
}
#home_service h3 img{
	width: 25vw;
}
.box_homeservice ul li:first-child .service_contents{
	background: rgba(83,160,146,0.9);
}
.box_homeservice ul li:nth-child(2) .service_contents{
	background: rgba(87,132,163,0.9);
}
.box_homeservice ul li:nth-child(3) .service_contents{
	background: rgba(86,94,168,0.9);
}
.service_contents{
	color: #fff;
	position: relative;
	bottom: 80px;
	margin: 0 10% -15%;
	padding: 5%;
	z-index: 1;
	min-height: 240px;
}
.service_contents::after{
	background-image: url("/wp-content/uploads/img_corner_wh.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	position: absolute;
	right: 4px;
	bottom: 5px;
	height: 12px;
	width: 12px;
}
.service_contents a{
	display: block;
}
.service_contents h4{
	color: #fff;
	font-size: 20px !important;
	margin: 0 0 30px;
	text-align: center;
}
.service_contents h4 span{
	display: block;
	font-size: 16px;
	font-weight: normal !important;
}
.service_contents p{
	font-size: 16px;
	margin: 0;
}
#home_menu{
	background: #f9f9f9;
}
.box_menu ul li a{
	display: block;
	position: relative;
}
.box_menu ul li a > img{
	margin-left: 10%;
	width: 90%;
}
.menu_contents::before{
	background-image: url("/wp-content/uploads/img_corner_bl.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	position: absolute;
	left: 4px;
	top: 5px;
	height: 10px;
	width: 10px;
}
.box_menu ul li a .menu_contents > img{
	display: block;
	margin: 0 auto 30px;
	height: 45px;
}
.box_menu ul li a .menu_contents > h4{
	color: #4f4f4f;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px !important;
}
.box_menu ul li a .menu_contents > h4::after{
	background-image: url("/wp-content/uploads/icon_arrow_right.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	margin-left: 10px;
	height: 8px;
	width: 5px;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}
.box_menu ul li a .menu_contents p{
	color: #4f4f4f;
	font-size: 16px;
	margin-bottom: 0 !important;
	text-align: left;
}
#home_news{
	background: rgba(1,8,124,0.11);
	padding-bottom: 5%;
}
#home_news h3{
	position: relative;
	bottom: 100px;
	text-align: right; 
}
#home_news h3 img{
	width: 250px;
}
.box_newslist{
	background: #fff;
	border-radius: 10px;
	margin: 0 10%;
	padding: 5%;
}
/* NEWSプラグイン
-----------------------------------------------*/
#news{
	color: #fff;
}
#news h3{
	color: #000 !important;
}
.news_list{ 
	list-style: none;
	margin: 0 0 20px 0 !important;
	padding: 0;
} 
.news_list li{ 
	border-bottom: 1px solid #9b9b9b;
	line-height: 1.4;
	padding: 15px 0 10px !important; 
	text-align: left !important; 
} 
.news_date{ 
	display: inline-block;
	font-size: 16px; 
	margin-right: 50px;
	vertical-align: middle; 
	width: 75px; 
	color: #9b9b9b; 
} 
.cat{ 
	border: 1px solid #4f4f4f;
	border-radius: 20px;
	color: #4f4f4f; 
	font-size: 12px; 
	margin-right: 15px;
	padding: 2px 15px; 
	text-align: center; 
	vertical-align: middle; 
} 
.news_title{ 
	font-size: 16px; 
}
.news_title a{
	color: #444444;
}

.view_more{
	margin: 3% 10% 0;
	text-align: right;
}
.view_more a{
	border: 1px solid rgba(1,8,124,0.5);
	color: rgba(1,8,124,0.5);
	display: inline-block;
	font-size: 16px;
	padding: 5px 60px;
	position: relative;
}
.view_more a::after{
	background-image: url("/wp-content/uploads/icon_arrow_right.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	opacity: .5;
  position: absolute;
  top: 50%;
  right: 5%;
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  margin:0;
  padding:0;
	height: 8px;
	width: 5px;
}
#aboutus{
	background-image: url("/wp-content/uploads/bg_aboutus.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
}
#aboutus h3{
	color: #01087c;
	font-size: 46px;
}
#aboutus h3 span{
	display: block;
	font-size: 20px;
}
#aboutus h3::after{
	background: #01087c;
	content: "";
	display: block;
	margin: 10px auto;
	height: 40px;
	width: 1px;
}
#aboutus p{
	color: #4f4f4f;
	font-size: 20px;
	margin: 0 0 60px 0;
}
.btn_area a{
	background: rgba(1,8,124,0.5);
	color: #fff;
	display: inline-block;
	font-size: 16px;
	padding: 10px 60px;
	position: relative;
}
.btn_area a::after{
	background-image: url("/wp-content/uploads/icon_arrow_right_wh.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  margin:0;
  padding:0;
	height: 8px;
	width: 5px;
}
/*===============================================
 *  事業内容
===============================================*/
.menu_child{
	margin-top: 3%;
}
nav.menu_child ul{
	display: flex;
	justify-content: center;
}
nav.menu_child ul li{
	margin-right: 12px;
}
nav.menu_child ul li:last-child::after{
	content: "/";
	color: #00a;
	display: inline-block;
	margin-left: 12px;
}
nav.menu_child ul li::before{
	content: "/";
	color: #00a;
	display: inline-block;
	margin-right: 12px;
}
nav.menu_child ul li a::before{
	content: "▼";
	display: inline-block;
	font-size: 10px;
	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: 28px;
	margin: 0 0 20vh !important;
}
.service_txt h3 span{
	color: #01087c;
	display: block;
	font-size: 20px;
}
.service_txt div{
	margin-top: 20%;
}
.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;
}
/*===============================================
 *  収集運搬
===============================================*/
.text_intro{
	margin: 5% 0 0;
	text-align: center;
}
.text_intro p{
	font-family: "HG明朝E", "ヒラギノ明朝", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif !important;
	color: #01087C;
	font-size: 26px !important;
}
.img_box,
.img_box_invert{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5%;
	padding: 5%;	
	position: relative;
}
.img_box{
	background-image: url("https://kogureshouten.co.jp/wp-content/uploads/bg_cat_left.jpg");
	background-position: left center;
	background-repeat: repeat-y;
	background-size: 65%;
}
.img_box_invert{
	background-image: url("https://kogureshouten.co.jp/wp-content/uploads/bg_cat_right.jpg");
	background-position: right center;
	background-repeat: repeat-y;
	background-size: 65%;
	flex-direction: row-reverse;
}
.img_box > div.box_contents,
.img_box_invert > div.box_contents{
	padding: 0 5%;
	width: 50%;
}
.img_box > div.box_thumb,
.img_box_invert > div.box_thumb{
	position: relative;
	width: 40%;
}
.box_thumb{
	width: 50% !important;
}
.img_box > div.box_thumb ul,
.img_box_invert > div.box_thumb ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.img_box > div.box_thumb ul li,
.img_box_invert > div.box_thumb ul li{
	width: 49%;
}
.img_box > div.box_thumb ul li img,
.img_box_invert > div.box_thumb ul li img{
	width: 100%;
}
.btn_wire{
	margin-top: 30px;
	text-align: right;
}
.btn_wire a{
	border: 1px solid #01087C;
	color: #01087C;
	display: inline-block;
	font-size: 14px;
	padding: 5px 30px;
	position: relative;
}
.btn_wire a::after{
	content: "＞";
	display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  margin:0;
  padding:0;
}
.box_service_cat{
	background-image: url("https://kogureshouten.co.jp/wp-content/uploads/bg_cat_right.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 65%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	margin-bottom: 5%;
}
.box_service_cat > div{
	width: 50%;
}
.box_service_cat > .service_txt{
	padding: 5% 5% 8% 5%;
}
.box_service_cat .service_txt h3 span{
	color: rgba(83,160,146,0.1) !important;
	font-size: 36px;
	line-height: 1;
}
/*===============================================
 *  中間処分
===============================================*/
#it01 .box_thumb{
	margin: 0;
	width: 50% !important;
}
#it02{
	margin-bottom: 10%;
}
#it02 .img_box > div.box_thumb ul li{
	width: 100% !important;
}
#it02 .img_box > div.box_thumb ul li img{
	width: 80% !important;
}
/*===============================================
 *  マテリアルリサイクル
===============================================*/
#material01 .img_box_invert > div.box_thumb ul li{
	width: 50% !important;
}
#material01 .img_box_invert > div.box_thumb ul li img{
	display: block;
	margin: 0 auto;
	width: 95% !important;
}
/*===============================================
 *  ご利用事例
===============================================*/
.master-slider{
	background: transparent !important;
}
.casestudy{
	margin-bottom: 10%;
}
.casestudy h3{
	color: #01087c;
	border-bottom: 1px solid #01087c;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px !important;
}
.casestudy h3 span{
	background: #01087c;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
	padding: 5px 15px;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 2px;
}
.box_casestudy{
	display: flex;
	flex-wrap: wrap;
}
/*.box_casestudy:after{
	content: url("https://kogureshouten.co.jp/wp-content/uploads/arrow_bottom.svg");
	display: block;
	margin: 30px auto;
}*/
.box_casestudy > div{
		width: 50%;
}
.suggestion{
	padding-left: 3%;
}
.suggestion h4{
	border-left: 5px solid #01087c;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}
.result{
	/*border: 3px solid #00903a;*/
	border-radius: 6px;
	margin-top: 5%;
	background: #fbfbfb;
	box-shadow: 6px 6px 0px #d9d9d9;
	border-left: 10px solid #00903a;
}
.result h4{
	background: #00903a;
	color: #fff;
	margin: 0 !important;
	text-align: center;
	padding: 10px 0;
}
.result p{
	color: #00903a;
	font-size: 20px !important;
	margin: 0 !important;
	padding: 30px;
}
.casestudy_list{
	margin: 0 0 10% 0;
}
.casestudy_list ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 0 !important;
}
.casestudy_list ul li{
	margin: 0 0.5% 0 0.5%;
	padding: 0 !important;
	width: 24%;
}
.casestudy_list ul li img{
	border-radius: 10px;
}
.casestudy_list ul li a{
	display: block;
	position: relative;
}
.casestudy_list ul li a::before{
	background: rgba(237, 255, 245, 0.7);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.casestudy_list ul li a span{
	display: block;
	color: #000;
	font-size: 18px;
	font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	z-index: 1;
}
/*===============================================
 *  施設・設備紹介
===============================================*/
.section_title h3{
	font-size: 28px;
	margin-bottom: 30px !important;
}
.section_title h3 span{
	color: #01087c;
	display: block;
	font-size: 20px;
	line-height: 1;
}
.facility-intro{
	display: flex;
	flex-wrap: wrap;
}
.facility-intro > div{
	width: 50%;
}
.facility-intro > div:nth-child(2){
	padding: 0 3%;
}
.popup_list ul{
	display: flex;
	flex-wrap: wrap;
}
.popup_list ul li{
	margin: 1%;
	width: 31.333%;
}
.popup_list ul li a{
	display: block;
}
a.containers-info{
	text-align: center;
	font-size: 16px;
	color: #fff;
	width: 30%;
	background: #000557;
	margin-bottom: 5%;
	display: block;
	padding: 1.5% 0;
	margin-left: 70%;
}
a.containers-info:hover{
	color: #fff !important;
}
/*===============================================
 *  企業情報
===============================================*/
#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: 20%;
	padding-right: 3%;
	position: relative;
	width:30%;
}
.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;
}
.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;
	justify-content: 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: 30%;
}
.table_history td.column-2{
	width: 70%;
}
.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;
}
/*===============================================
 *  post
===============================================*/
.archive #breadcrumb,
.category #breadcrumb{
	display: none !important;
}
.archive .header-filter,
.category .header-filter,
.single .header-filter{
	background-image: url("/wp-content/uploads/kv_home.jpg");
	background-position: center center;
	background-size: cover;
}
.archive .header-filter::before,
.category .header-filter::before,
.single .header-filter::before{
	background: rgba(0,0,0,.5);
}
.single .blog-post .section-text{
	padding-bottom: 70px !important;
}
.archive .blog-posts-wrap > article,
.category .blog-posts-wrap > article{
	margin: 0 !important;
	padding: 30px 0;
	border-radius: 0 !important;
}
.archive .blog-posts-wrap > article + article,
.category .blog-posts-wrap > article + article{
	border-top: 1px solid #9b9b9b;

}
/*===============================================
 *  許認可一覧
===============================================*/
.license .column-1{
	background: #eee;
	vertical-align: middle;
}
div.license-list ul{
	width: 50%;
}
div.license-list{
	display: flex;
}
span.prefectures{
	display: inline-block;
	width: 80px;
}
a.nintei_img img{
	width: 170px;
	margin: 3% 0;
	background: #b9b9b9;
	border-radius: 10px;
	padding: 2%;
}
/*===============================================
 *  施設一覧
===============================================*/
.facility-list p{
	text-align: center;
	margin-top: 10px;
}
.equipment-list{
	margin: 40px 0;
}
.equipment-list th{
	background-color: rgba(1,8,124,0.11) !important;
}
/*===============================================
 *  個人情報保護指針
===============================================*/
.policy h3{
	font-size: 20px !important;
}
.policy .textwidget{
	margin-bottom: 50px;
}
/*===============================================
 *  footer
===============================================*/
footer{
	background: #fff !important;
	padding-top: 0 !important;
	padding-bottom: 70px !important;
	position: relative;
	text-align: left !important;
}
footer .container{
	padding: 120px 0;
}
.footer_inner{
	background: #f7f7f7 !important;	
}
.footer_logo{
	margin-bottom: 50px;
}
.footer_logo h1{
	font-size: 16px;
	font-weight: bold;
	margin: 0 !important;
}
.footer_logo h1 a{
	color: #000;
}
.footer_logo h1 a img{
	width: 250px;
	vertical-align: text-bottom;
}
.footer_logo h1 a span{
	color: #000;
	margin-left: 15px;
}
.footer_company{
	margin-bottom: 50px;
}
.footer_company ul{
	display: flex;
}
.footer_company dl,
.footer_company dl dd{
	margin: 0;
}
.footer_company dl dt{
	color: #01087c;
	font-family: "HG明朝E", "ヒラギノ明朝", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif !important;
	margin-bottom: 5px;
}
.footer_company dl dd{
	color: #000;
}
.footer_company ul li dl dd a{
	color: #000 !important;
	font-family: 'Noto Sans JP', sans-serif !important;
	padding: 0 !important;
}
.footer_menu{
	background: #01087c;
}
.footer_menu ul{
	display: flex;
	align-items: flex-end;
}
.footer-big ul li a{
	font-family: "HG明朝E", "ヒラギノ明朝", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif !important;
	opacity: 1;
	padding: 0 20px;
}
.copyright{
	padding: 0 !important;
}
.copyright p{
	color: #01087c;
	margin-bottom: 0 !important;
}
/*===============================================
 *  media query
===============================================*/
@media screen and (min-width: 1200px){
	.inner{
		margin: 0 auto;
		width: 1200px;
	}
	.introduction_inner{
		position: absolute;
		top: 50%;
		left: 35%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin:0;
		padding:0;
		width: 50%;
	}
	.box_service_cat{
		background-size: 55%;
	}
	.service_txt h3{
		margin: 0 0 15vh !important;
	}
	#panel-585-2-0-0 .box_service_cat > .service_txt{
		padding: 7% 5% 11% 5%;
	}
	#panel-585-2-0-0 .service_txt h3{
		margin: 0 0 -10vh !important;
	}
}
@media screen and (max-width: 1169px) and (min-width: 992px){
	.navbar .navbar-nav > li a{
		font-size: 14px !important;
	}
	.introduction_inner{
		position: absolute;
		top: 50%;
		left: 35%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin:0;
		padding:0;
		width: 50%;
	}
}
@media screen and (max-width: 991px) and (min-width: 769px){
	.navbar .navbar-nav > li{
		margin: 0 !important;
	}
	.nav > li > a{
		font-size: 14px !important;
		padding: 10px !important;
	}
	.kv_inner{
		margin: 0 0 0 10vw;
		width: 90vw;
	}
	#breadcrumb{
		width: 80vw;
	}
	.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;
	}
	.footer_menu{
		width: 90% !important;
	}
}
@media screen and (min-width: 769px){
	.only_sp{
		display: none !important;
	}
	.kv_inner{
		margin: 0 0 0 20vw;
		width: 80vw;
	}
	.kv_inner::after{
		background: #01087c;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		left: 0 ;
		top: 0;
		width: 4px;
	}
	#main-navigation{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.navbar .navbar-nav > li a{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.navbar .navbar-nav > li + li{
		border-left: 1px solid #01087c;
	}
	.navbar{
		border-right: 14px solid #01087c;
	}
	.navbar-header{
		background: #fff;
		padding: 15px 10px;
	}
	.catchcopy{
		position: absolute;
		top: 50%;
		left: 0;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin:0;
		padding:0;
		width: 35vw;
	}
	.page .section.section-text{
		padding: 0;
	}
	.box_introduction{
		display: flex;
		flex-wrap: wrap;
	}
	.box_introduction > div{
		width: 50%;
	}
	.introduction_contents{
		background-image: url("/wp-content/uploads/bg_about.svg");
		background-position: right 85%;
		background-repeat: no-repeat;
		background-size: 65%;
		position: relative;
	}
	.box_homeservice{
		margin-left: 10%;
		width: 90%;
	}
	.box_homeservice ul{
		display: flex;
		flex-wrap: wrap;
	}
	.box_homeservice ul li{
		width: 33.333%;
	}
	.box_menu{
		position: relative;
		top: -200px;
		margin-bottom: -50px;
		z-index: 1;
	}
	.box_menu ul{
		display: flex;
		flex-wrap: wrap;
	}
	.box_menu ul li{
		width: 49%;
	}
	.box_menu ul li + li{
		margin-left: 2%;
	}
	.box_menu ul li:first-child{
		margin-top: 10%;
	}
	.footer_company ul li + li{
		margin-left: 50px;
	}
	.box_menu ul li a .menu_contents{
		background: #fff;
		position: absolute;
		top: 95%;
		left: 0;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin:0;
		text-align: center;
		padding: 5%;
		width: 50%;
	}
	.footer_menu{
		padding: 50px;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 65%;
	}
	.footer_menu ul li + li{
		border-left: 1px solid #fff;
	}
	.box_service{
		background-size: 80vw;
		display: flex;
		flex-wrap: wrap;
		margin: 5% 0;
	}
	.service01{
		background-image: url("/wp-content/uploads/bg_sevice01.jpg");
		background-position: right bottom;
		background-repeat: no-repeat;
	}
	.service02{
		background-image: url("/wp-content/uploads/bg_sevice02.jpg");
		background-repeat: no-repeat;
	}
	.service03{
		background-image: url("/wp-content/uploads/bg_sevice03.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%;
	}
}
@media screen and (max-width: 768px){
	.only_pc{
		display: none !important;
	}
	.navbar{
		margin-bottom: 0 !important;
	}
	.certification{
		width: 30vw;
	}
	#kv_page{
		margin-top: 50px;
	}
	#breadcrumb{
		margin: 0 auto;
		width: 90%;
	}
	.navbar .title-logo-wrapper{
		background: #fff;
		max-width: 50% !important;
		width: 50% !important;
	}
	.navbar.navbar-fixed-top .navbar-collapse{
		margin-top: 48px;
	}
	#main-navigation{
		border-bottom: 5px solid #01087c;
		padding: 0 !important;
	}
	#main-navigation > ul{
		margin: 0 !important;
	}
	.navbar .navbar-nav > li a{
		font-size: 16px !important;
		position: relative;
		text-align: center;
	}
	.navbar .navbar-nav > li a::after{
		background-image: url("/wp-content/uploads/arrow_right.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 5%;
		-ms-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin:0;
		padding:0;
		height: 14px;
		width: 7px;
	}
	.navbar button.navbar-toggle{
		color: #01087c !important;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: #01087c;
	}
	li.current_page_item a{
		background: rgba(1,8,124,0.11) !important;
	}
	.catchcopy{
		position: absolute;
		bottom: 30px;
		left: 0;
		margin:0;
		padding:0;
		width: 80vw;
	}
	body:not(.single) .blog-post .section-text{
		padding: 0 !important;
	}
	.introduction_contents{
		background-image: url("/wp-content/uploads/bg_about_sp.svg");
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 70%;
		padding: 10% 5% 40%;
	}
	#home_service{
		padding-top: 10%;
		padding-bottom: 10%;
	}
	#home_service h3{
		margin: 10% 0 !important;
	}
	#home_service h3 img{
		width: 70%;
	}
	.service_contents{
		bottom: 100px;
		padding: 5%;
		min-height: unset;
	}
	#home_menu{
		padding-top: 10%;
		padding-bottom: 25%;
	}
	.box_menu ul li a > img{
		margin-left: 0;
		width: 100%;
	}
	.box_menu ul li + li{
		margin-top: 30px;
	}
	.box_menu ul li a .menu_contents{
		background: #fff;
		position: absolute;
		top: 80%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin:0;
		text-align: center;
		padding: 5%;
		width: 90%;
	}
	#home_news{
		padding-bottom: 10%;
	}
	#home_news h3{
		bottom: 70px;
		margin-bottom: -20px;
		text-align: left;
	}
	#home_news h3 img{
		width: 70%;
	}
	.box_newslist{
		margin: 0;
	}
	.box_newslist .view_more{
		margin: 10% 5%;
		text-align: center;
	}
	.news_list li{
		line-height: 1.5em !important;
	}
	.news_title{
		display: block;
		padding-top: 10px;
	}
	#home_about{
		padding-top: 10%;
		padding-bottom: 10%;
	}
	footer{
		padding-bottom: 0 !important;
	}
	footer .container{
		padding: 10% 5%;
	}
	.footer_logo,
	.footer_company{
		margin-bottom: 30px; 
	}
	.footer_logo h1 a img{
		width: 50%;
	}
	.footer_company ul{
		flex-wrap: wrap;
	}
	.footer_company ul li{
		margin: 1%;
		width: 48%;
	}
	.footer_company ul li dl{
		margin-bottom: 20px;
	}
	.footer_company ul li dl dt{
		font-weight: bold !important;
		margin-bottom: 5px;
	}
	.footer_menu{
		padding: 5%;
	}
	.footer_menu ul{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.footer_menu ul li{
		margin: 3% 1%;
		width: 100%;
	}
	.copyright {
		text-align: left;
	}
	.copyright p{
		font-size: 10px;
		text-align: left;
	}
	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%;
	}
	/*.menu_child ul li a::before{
		background-image: url("/wp-content/uploads/icon_arrow_bottom.svg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		display: inline-block;
		height: 10px;
		margin-right: 3px;
		vertical-align: middle;
		width: 10px;
		position: relative;
		bottom: 1px;
	}*/
	.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%;
	}
	.facility-intro{
		display: block;
	}
	.facility-intro > div{
		width: 100%;
	}
	.facility-intro > div:nth-child(2){
		margin-top: 15px;
		padding: 0;
	}
	.popup_list ul li{
		width: 48%;
	}
	.text_intro{
			margin: 10% 0;
	}
	.text_intro p{
		font-size: 22px !important;
	}
	.img_box,
	.img_box_invert{
		display: block;
		padding: 5% 5% 0;
	}
	.img_box_invert{
		margin: 0 0 15%;
	}
	.img_box_invert{
		background-repeat: repeat-y;
		background-size: 95%;
	}
	.img_box_invert	.box_thumb{
		right: 10px;
		top: 20px;
	}
	.img_box{
		background-repeat: repeat-y;
		background-size: 95%;
	}
	.img_box .box_thumb{
		left: 10px;
		top: 20px;
	}
	.img_box > div.box_contents,
	.img_box_invert > div.box_contents{
		padding: 5%;
		width: 100%;
	}
	.btn_wire{
		text-align: center;
	}
	.btn_wire a{
		display: block;
		padding: 15px 5px;
	}
	.box_thumb{
		width: 100% !important;
	}
	.box_service_cat{
		background: transparent !important;
		display: block;
	}
	.box_service_cat > div{
		margin: 0 !important;
		width: 100%;
	}
	.box_service_cat .service_txt{
		padding: 0;
		bottom: unset !important;
	}
	.box_service_cat .service_txt h3{
		text-align: center;
		margin-bottom: 30px !important;
		padding: 5% 5% 0;
	}
	.box_service_cat .service_txt h3 span{
		color: #53A092 !important;
		font-size: 14px;
	}
	.box_service_cat .service_txt > div{
		background: rgba(83,160,146,0.1);
		padding: 5%;
	}
	.box_casestudy{
		display: block;
	}
	.box_casestudy > div{
		width: 100%;
	}
	.suggestion{
		margin-top: 5%;
		padding: 0 !important;
	}
	.box_casestudy::after{
		text-align: center;
	}
	.result p{
		font-size: 16px !important;
		padding: 15px;
	}
	.casestudy_list ul{
		display: block;
	}
	.casestudy_list ul li{
		width: 100%;
	}
	.casestudy_list ul li + li{
		margin-top: 5%;
	}
	#it01 .box_thumb{
		width: 100% !important;
	}
	#it02 .img_box > div.box_thumb ul li img{
		width: 90% !important;
	}
}
@media screen and (max-width: 640px){
	.certification{
		width: 40vw !important;
	}
	a.containers-info{
		width: 100%;
		margin-left: 0 !important;
		padding: 2% 0;
	}
	.license .column-1, .license .column-2{
		display: block !important;
		width: 100%!important;
	}
}
@media screen and (max-width: 480px){
	.section_box{
		padding-top: 10%;
		padding-bottom: 10%;
	}
}

/* 20240611 追加*/
#gaiyou .menu_child ul {
  padding-left: 20vw !important;
  flex-wrap: wrap;
}
#gaiyou .menu_child ul li a {
  font-size: 16px;
}
#Compliance .heading p, #Info-security .heading p, #BCP .heading p {
  padding-right: 20vw;
}
.policies {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 4rem 3rem;
  margin-top: 5rem;
  margin-left: 20vw;
  margin-right: 20vw;
}
.policies dt {
  font-size: 16px;
}
.policies dd {
  font-size: 16px;
	line-height: 2;
  margin-top: 1rem;
}
.policies ol {
  padding-left: 1em;
}
.policies ol li {
  font-size: 16px;
	line-height: 2;
  margin-bottom: 2rem;
}
.signature {
  text-align: right;
}
.signature p {
  font-size: 15px !important;
  margin-bottom: 0 !important;
  margin-top: 5rem !important;
}
#tablepress-4 tr{
	border: 1px solid #ddd;	
}
#tablepress-4 {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1240px) and (min-width: 992px) {
  .txt_policy {
    margin: 5% !important;
  }
}
@media screen and (max-width: 991px){
	#gaiyou .menu_child ul {
		padding-left: 10vw !important;
	}
	.policies {
		margin-left: 10vw;
		margin-right: 10vw;
	}
	#Compliance .heading p, #Info-security .heading p, #BCP .heading p {
		padding-right: 10vw;
	}
}
@media screen and (max-width: 768px) {
  .policies {
    margin-left: 5vw;
    margin-right: 5vw;
  }
	#Compliance .heading p, #Info-security .heading p, #BCP .heading p {
		padding-right: 0;
	}
}