@charset 'utf-8';


/*---------------------------
TOP
---------------------------*/
.sougyou_wrap {
	padding-top: 50px;
	padding-bottom: 50px;
}
.sougyou_wrap h2 {
	font-size: 40px;
	color: #142E66;
	font-weight: 600;
	text-align: center;
}
.sougyou_wrap h3 {
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.sougyou_wrap li {
	display: inline-block;
	background-color: #EFEFEF;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 14px;
}
.sougyou_wrap ul {
	text-align: center;
}
.sougyou_wrap .flex_tb_over {
	align-items: center;
}
.common_btn {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 1px solid #20419e;
	color: #20419e;
	font-weight: 600;
	padding: 10px 80px;
	background-image: url("/img/btn_yajirushi.svg");
	background-position: 90%;
	-webkit-background-size: 0.8em;
	background-size: 0.8em;
	background-repeat: no-repeat;
	text-decoration: none;
	border-radius: 50px;
}

.business_wrap {
	background-color: #F0F3F9;
	padding-top: 50px;
	padding-bottom: 50px;
	
}
.business_wrap h2 {
	font-size: 35px;
	font-weight: 600;
	text-align: center;
	color: #142e66;
	margin-bottom: 30px;
}
.business_wrap h2:before {
	font-size: 15px;
	content: "Business information";
	display: block;
	color: #cecece;
}
.business_wrap .business_box {
	background-color: #fff;
	padding: 15px;
}
.business_box img {
	margin-bottom: 10px;
}

.business_box h3:before {
	font-size: 15px;
	display: block;
	color: #cecece;
}

.business_box h3.kounai:before {
	content: "On-site work";
}
.business_box h3.souko:before {
	content: "Warehouse";
}
.business_box h3.unsou:before {
	content: "shipping";
}
.business_box h3 {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 10px;
}
.business_box p {
	margin-bottom: 10px;
}
.business_box a {
	color: #20419e;
	display: inline-block;
	font-size: 14px;
	padding: 5px 2em 5px 5px;
	background-image: url("/img/btn_yajirushi.svg");
	background-position: right;
	-webkit-background-size: 1em;
	background-size: 1em;
	background-repeat: no-repeat;
	text-decoration: none;
	border-bottom: 1px solid #20419e;
}
.movie_wrap {
	margin-bottom: 50px;
}
.movie_wrap h2 {
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	color: #142e66;
}
.movie_wrap h3 {
	font-size: 18px;
	text-align: center;
	color: #697893;
	margin-bottom: 30px;
}

/*---------------------------
フッター
---------------------------*/
footer {
	background-color: #4F4F4F;
	padding-top: 20px;
	color: #fff;
}
footer a {
	color: #fff;
	text-decoration: none;
}
.footer_top .center {
	text-align: center;
	font-size: 13px;
}
.footer_top .center p {
	margin-bottom: 10px;
}
.copy {
	text-align: center;
	padding: 10px;
	background-color: #343435;
}
.footer_top .left h3 {
	font-size: 18px;
	font-weight: 600;
}
.footer_top .left p {
	font-size: 14px;
	margin-bottom: 10px;
}
.footer_top .left a {
	font-weight: 600;
	font-size: 20px;
}
.footer_top .right a{
	margin-bottom: 10px;
	display: block;
	font-size: 20px;
	font-weight: 060;
}
.footer_nav ul {
	display: flex;
}
.footer_nav {
	border-top: 1px solid #2E2E2E;
}
.footer_nav a {
	display: block;
	font-size: 13px;
}

.bn_wrap {
	margin-bottom: 50px;
}
/*---------------------------
会社概要
---------------------------*/
.access_wrap {
	margin-bottom: 50px;
}
.access_box {
	padding: 30px 20px;
	background-color: #EDEFF3;
	margin-bottom: 20px;
}
.access_box h3 {
	font-weight: 600;
	font-size: 25px;
	color: #142E66;
	margin-bottom: 10px;
}
.access_box h3 span {
	font-size: 0.6em;
}
.access_box p {
	margin-bottom: 10px;
}

.exsing {
	margin-bottom: 50px;
}
.exsing h3 {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 15px;
}

/*---------------------------
当社について
---------------------------*/
.business_wrap_in {
	margin-bottom: 50px;
}
.business_wrap_in .business_box {
	border: 1px solid #D1D1D1;
	padding: 20px;
}
.rinen_wrap {
	margin-bottom: 50px;
}
.rinen_wrap .right {
	text-align: center;
}
.rinen_wrap li {
	font-size: 25px;
	font-weight: 600;
	color: #4E6DA4;
	margin-bottom: 15px;
}
.w_box {
	padding: 20px;
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	border-style : Solid;
	border-color : #E9E9E9;
	border-color : rgba(233, 233, 233, 1);
	border-width : 1px;
	box-shadow : 5px 5px 0px rgba(79, 79, 79, 0.1);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#4F4F4F') ;
}
.jinzai_wrap,.anzen_wrap,.jikoritsu,.enkaku_wrap {
	margin-bottom: 50px;
}
.jinzai_wrap h3 {
	text-align: center;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 20px;
	color: #4E6DA4;
}
.jinzai_wrap .w_box img {
	margin-bottom: 15px;
	width: 100%;
}
.jinzai_wrap h4 {
	font-weight: 600;
	margin-bottom: 10px;
	color: #155AA4;
	font-size: 18px;
}
.bd_left_midashi {
	font-size: 25px;
	border-left: 5px solid #4E6DA4;
	color: #4E6DA4;
	font-weight: 600;
	margin-bottom: 15px;
	padding-left: 10px;
}
.anzen_box {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #d5d5d5;
}
.jikoritsu h2 {
	background-color: #F4F4F4;
	font-size: 25px;
	font-weight: 600;
	color: #142E66;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}
.jikoritsu img {
	max-width: 800px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.jikoritsu p {
	font-weight: 600;
	font-size: 25px;
} 
.enkaku_wrap .cont {
	background-image: url("/img/bg_enkaku.jpg");
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.enkaku_wrap dl {
	border-bottom: 1px dashed #d5d5d5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.enkaku_wrap dt {
	width: 22%;
	margin-right: 2%;
	text-align: center;
	background-color: #E9E9E9;
	font-weight: 600;
	color: #142E66;
	font-size: 18px;
	padding: 5px;
}

/*---------------------------
運送
---------------------------*/
.shipping_wrap {
	margin-bottom: 50px;
}
.anzen_wrap {
	background-image: url("/img/bg_hinshitsu.jpg");
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-background-size: cover;
	background-size: cover;
	
}
.anzen_wrap h2 {
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	color: #142E66;
	margin-bottom: 20px;
}
.anzen_wrap li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bababa;
	font-size: 18px;
	font-weight: 600;
}

/*---------------------------
構内作業
---------------------------*/
.big_text {
	font-size: 18px;
	margin-bottom: 50px;
}
.kounai_business_box {
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	border-style : Solid;
	border-color : #EAEAEA;
	border-color : rgba(234, 234, 234, 1);
	border-width : 1px;
	box-shadow : 5px 5px 0px rgba(79, 79, 79, 0.1);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#4F4F4F') ;
	padding: 20px;
	margin-bottom: 30px;
}
.kounai_business_box h3 {
	font-size: 25px;
	font-weight: 600;
	padding: 5px 5px 5px 20px;
	position: relative;
	color: #4e6da5;
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 20px;
}
.kounai_business_box h3:before {
    position: absolute;
    top: 20%;
    left: 0px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #4e6da5;
}
.kounai_business_box h4 {
	font-size: 20px;
	font-weight: 600;
	background-color: #EFEFEF;
	margin-bottom: 10px;
	padding: 10px;
	color: #4e6da5;
}
.space_wrap {
	margin-bottom: 50px;
}

/*---------------------------
倉庫
---------------------------*/
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

.img_box_wrap .sub {
	width: 32.333333%;
	margin-right: 1.5%;
}
.img_box_wrap .sub:nth-child(3n) {
	margin-right: 0;
}
.souko_box h3 {
	font-size: 20px;
	font-weight: 600;
	background-color: #6D80BC;
	padding: 5px 10px 5px 1.5em;
	border-radius: 30px;
	color: #fff;
	margin-bottom: 20px;
}
.souko_box {
	margin-bottom: 30px;
}
.souko_box table {
	width: 100%;
	margin-bottom: 20px;
}
.souko_box table th {
	background-color: #E8EBF0;
	padding: 10px;
	border: 1px solid #D3D3D3;
}
.souko_box table td {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #D3D3D3;
}
.btn_black {
	display: inline-block;
	padding: 5px 2em;
	color: #fff;
	text-decoration: none;
	margin-top: 15px;
	background-color: #5A5B5E;
}
.img_box_wrap li.sub {
	cursor: pointer;
}
.img_box_wrap li.sub:hover {
	opacity: 0.7
}
.img_box_wrap li.sub, .img_box_wrap .main {
	margin-bottom: 10px;
}
.souko_tuyomi {
	margin-bottom: 50px;
}
.business_box img {
    width: 100%;
}
.footer_nav ul li {
	width: 16.666666%;
	text-align: center;
	border-right: 1px solid #333333;
	padding: 10px;
}
.footer_nav ul li:first-child {
	border-left: 1px solid #333333;
}
/* allsize end */
/*===========================================
 以下、メディアクエリ
===========================================*/
/*===========================
 【1400px以下】
 ★タブレット横以下に適用されるCSS
===========================*/
@media screen and (max-width:1400px){
	.top_about .right {
		padding: 15px;
		font-size: 20px;
	}
}
/*===========================
 【1024px以下】
 ★タブレット横以下に適用されるCSS
===========================*/
@media screen and (max-width:1024px){
	/* 1024down end */
}
/*===========================
【1023px以下】
 ★PC未満に適用されるCSS
===========================*/
@media screen and (max-width:1023px){
	/* 1023down end */
}
/*===========================
【800px以下】
★タブレット以下に適用されるCSS
========wh===================*/
@media screen and (max-width:800px){
	/* 800down end */
}
/*===========================
【767px以下】
★タブレット未満に適用されるCSS
===========================*/
@media screen and (max-width:767px){
	.footer_nav ul li {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px;
	}
	.bn_wrap img {
		max-width: 70%;
	}
	.footer_top img {
		margin-bottom: 15px;
		max-width: 300px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.footer_top .left {
		text-align: center;
	}
	.sougyou_wrap .left {
		margin-bottom: 30px;
	}
	.business_wrap .business_box {
		
	}
	.footer_top img {
		margin-bottom: 15px;
	}
	p.top_text.mincho {
		font-size: 20px;
	}
	.souko_tuyomi img {
		margin-bottom: 15px;
	}
	.shipping_box {
		padding: 15px;
	}
	.shipping_box .left {
		margin-bottom: 15px;
	}
	.shipping_box .right {
		text-align: center;
	}
	.kounai_business_box {
		padding: 15px;
	}
	.kounai_business_box .left {
		text-align: center;
		margin-bottom: 15px;
	}
	.space_wrap img {
		margin-bottom: 15px;
	}
	.access_box {
		padding: 15px;
	}

	.rinen_wrap li {
		font-size: 18px;
	}
	.enkaku_wrap dt {
		font-size: 15px;
		width: 27%;
	}
	.enkaku_wrap dd {
		font-size: 13px;
		width: 72%;
	}
	.jikoritsu h2 {
		font-size: 20px;
	}
	.jikoritsu p {
		font-size: 18px;
	}
	.anzen_box .left {
		margin-bottom: 15px;
	}
	.anzen_box .right {
		text-align: center;
	}
	.bd_left_midashi {
		font-size: 20px;
	}
	.company_wrap table td,.company_wrap table th {
		font-size: 14px;
	}
	.footer_nav ul li a {
		font-size: 11px;
	}
	/* 767down end */
}
/*===========================
 【666px以下】
 ★iPhone6以降の横未満に適用されるCSS
===========================*/
@media screen and (max-width:666px) {
	/* 666down end */
}
/*===========================
 【567px以下】
★iPhone5横未満まで適用されるCSS
===========================*/
@media screen and (max-width:567px){
	/* 567down end */
}
/*===========================
 【414px以下】
★iPhone6PLUS縦まで適用されるCSS
===========================*/
@media screen and (max-width:414px){
	/* 414down end */
}
/*===========================
 【375px以下】
★iPhone6,7縦まで適用されるCSS
===========================*/
@media screen and (max-width:375px){
	/* 375down end */
}
/*===========================
 【360px以下】
 ★Xperia AX SO-01E以下に適用されるCSS
===========================*/
@media screen and (max-width:360px){
	/* 360down end */
}
/*===========================
 【359px以下】
 ★iphone初期にのみ適用されるCSS
===========================*/
@media screen and (max-width:359px){
	/* 359down end */
}
/*===========================
 【568px以上】
 ★iPhone5横以上から表示されるCSS
===========================*/
@media screen and (min-width:568px) {
	/* 568over end */
}
/*===========================
 【667px以上】
 ★iPhone6以降の横以上に適用されるCSS
===========================*/
@media screen and (min-width:667px){
	/* 667over end */
}
/*===========================
【768px以上】 
★タブレット(最小)以上に適用されるCSS
===========================*/
@media screen and (min-width:768px){
	/* 768over end */
	.sougyou_wrap .left {
		width: 49%;
		margin-right: 2%;
	}
	.sougyou_wrap .right {
		width: 49%;
	}
	.business_wrap .business_box {
		margin-right: 1.5%;
		width: 32.333333%;
	}
	.business_wrap .business_box:last-child {
		margin-right: 0;
	}
	.business_wrap_in .business_box {
		margin-right: 1.5%;
		width: 32.333333%;
	}
	.business_wrap_in .business_box:last-child {
		margin-right: 0;
	}
	.business_box {
		position: relative;
		padding-bottom:40px!important;
	}
	.business_box a {
		position: absolute;
		bottom: 1em;
		right: 15px;
	}
	footer .flex_tb_over>div {
		width: 33.333333%;
		padding: 20px;
	}

	.access_box {
		width: 49%;
		margin-right: 2%;
	}
	.access_box:nth-child(2n){
		margin-right: 0;
	}
	.rinen_wrap .left {
		width: 48%;
		margin-right: 2%;
	}
	.rinen_wrap .right {
		width: 50%;
	}
	.rinen_wrap .right img {
		width: 100%;
	}
	.rinen_wrap .flex_tb_over {
		align-items: center;
	}
	.jinzai_wrap .w_box {
		width: 49%;
		margin-right: 2%;
	}
	.jinzai_wrap .w_box:nth-child(2n){
		margin-right: 0;
	}
	.anzen_box .left {
		width: 60%;
		margin-right: 3%;
	}
	.anzen_box .right {
		width: 37%;
	}
	.kounai_business_box .left {
		width: 40%;
		margin-right: 3%;
	}
	.kounai_business_box .right {
		width: 57%;
	}
	.img_box img {
		width: 49%;
		margin-right: 2%;
	}
	.img_box img:last-child {
		margin-right: 0;
	}
	.souko_box .left {
		width: 50%;
		margin-right: 3%;
	}
	.souko_box .right {
		width: 47%;
	}
	.souko_tuyomi img {
		margin-right: 1.5%;
		width: 23.875%;
	}
	.souko_tuyomi img:last-child {
		margin-right: 0;
	}
}
/*===========================
【801px以上】 
★タブレット縦(最大)より大きい場合に適用されるCSS
===========================*/
@media screen and (min-width:801px){
	/* 801over end */
}
/*===========================
【667px】～【800px】  
★iPhone6以降の横以上かつ、タブレット縦以下まで表示されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:800px){
	/* 667~800 end */
}
/*===========================
 【667px】～【1023px】
 ★iphone6横～PC未満まで適用されるCSS
===========================*/
@media screen and (min-width:667px) and (max-width:1023px){
	/* 667~1023 over end */
}
/*===========================
 【415px】～【800px】 
 ★スマホ縦より大、かつ、タブレット以下まで表示されるCSS
===========================*/
@media screen and (min-width:415px) and (max-width:800px){
	/* 415~800 end */
}
/*===========================
 【768px】～【1023px】 
 ★タブレット以上、かつ、PC以下に適用されるCSS
===========================*/
@media screen and (min-width:768px) and (max-width:1023px){
	/* 768~1023 end */
}
/*===========================
 【1024px以上】
 ★PC以上に適用されるCSS
===========================*/
@media screen and (min-width:1024px){
	/* 1024over end */
}
/*===========================
 【1280px以上】
 ★PC(1280px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1280px){
	/* 1280over end */
}
/*===========================
 【1400px以上】
 ★PC(1400px）以上に適用されるCSS
===========================*/
@media screen and (min-width:1400px){
	/* 1400over end */
}