@charset "UTF-8";
/*
 * strength.css
 */
/* ==========================================================
!service common
========================================================== */
.lede {
	font-size: 14px;
}

/* ==========================================================
!mainimg
========================================================== */
.mainimg_top .maintxt01 {
	background: rgba(0,0,0,0.7);
}

.mainimg_top {
	background: url(/common/img/service/mainimg_top.jpg)no-repeat center top;
	background-size: cover;
}

.mainimg01.main_foreign {
	background: url(/common/img/service/mainimg_foreign.jpg)no-repeat center top;
	background-size: cover;
}

.mainimg01.main_parts {
	background: url(/common/img/service/mainimg_parts.jpg)no-repeat center top;
	background-size: cover;
}

.mainimg01.main_food {
	background: url(/common/img/service/mainimg_food.jpg)no-repeat center top;
	background-size: cover;
}

.mainimg01.main_wine {
	background: url(/common/img/service/mainimg_wine.jpg)no-repeat center top;
	background-size: cover;
}

.mainimg01.main_medical {
	background: url(/common/img/service/mainimg_medical.jpg)no-repeat center top;
	background-size: cover;
}

.mainimg01.main_car {
	background: url(/common/img/service/mainimg_car.jpg)no-repeat center top;
	background-size: cover;
}

.mainimg01.main_transport {
	background: url(/common/img/service/mainimg_transport.jpg)no-repeat center top;
	background-size: cover;
}

@media screen and (min-width: 768px) {
	.mainimg_top {
		margin: 0 0 45px 0;
	}
}

/* ==========================================================
!Text
========================================================== */
.txt_basic02.bg01 {
	background-image: url(/common/img/service/img_car01.jpg);
	background-position: left top;
}

.txt_basic02.bg02 {
	background-image: url(/common/img/service/img_food01.jpg);
	background-position: left top;
}

.txt_basic02.bg03 {
	background-image: url(/common/img/service/img_food03.jpg);
	background-position: right top;
}

.txt_basic02.bg04 {
	background-image: url(/common/img/service/img_food05.jpg);
	background-position: left top;
}

.txt_basic02.bg05 {
	background-image: url(/common/img/service/img_food07.jpg);
	background-position: right top;
}

.txt_basic02.bg06 {
	background-image: url(/common/img/service/img_foreign.jpg);
	background-position: left top;
}

.txt_basic02.bg07 {
	background-image: url(/common/img/service/img_medical01.jpg);
	background-position: left top;
}

.txt_basic02.bg08 {
	background-image: url(/common/img/service/img_parts01.jpg);
	background-position: left top;
}

.txt_basic02.bg09 {
	background-image: url(/common/img/service/img_wine01.jpg);
	background-position: left top;
}

.txt_basic02.bg10 {
	background-image: url(/common/img/service/img_transport01.jpg);
	background-position: left top;
}

@media only screen and (min-width: 768px) {
	.txt_basic02.bg01 {
		padding: 3% 0 3% 0;
	}
	.txt_basic02.bg07,
	.txt_basic02.bg10 {
		padding: 2% 0 2% 0;
	}
	.txt_basic02.bg09 {
		padding: 1% 0 1% 0;
	}
}

/* ==========================================================
!Local navi
========================================================== */
.lnavi01 ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.lnavi01 ul li {
	width: 100%;
	position: relative;
	background-color: #004fad;
}

.lnavi01 ul li a {
	color: #ffffff;
	display: block;
	font-size: 20px;
	text-align: center;
	width: 100%;
	padding: 80px 10px 72px;
	z-index: 9;
}

.lnavi01 ul li img {
	width: 100%;
	height: 3.5rem;
}

.lnavi01 ul .img_01 a:hover + .bg{
	opacity: 1;
	transition: 0.8s all ease;
}

.lnavi01 ul .img_02 a:hover + .bg{
	opacity: 1;
	transition: 0.8s all ease;
}

.lnavi01 ul .img_03 a:hover + .bg{
	opacity: 1;
	transition: 0.8s all ease;
}

.lnavi01 ul .img_04 a:hover + .bg{
	opacity: 1;
	transition: 0.8s all ease;
}

.lnavi01 ul .img_05 a:hover + .bg{
	opacity: 1;
	transition: 0.8s all ease;
}

.lnavi01 ul .img_06 a:hover + .bg{
	opacity: 1;
	transition: 0.8s all ease;
}

.lnavi01 ul .img_07 a:hover + .bg{
	opacity: 1;
	transition: 0.8s all ease;
}

.lnavi01 ul .img_01 .bg {
	background: url(/common/img/service/nav_service01.jpg)no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	transition: 0.8s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

.lnavi01 ul .img_02 .bg {
	background: url(/common/img/service/nav_service02.jpg)no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	transition: 0.8s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

.lnavi01 ul .img_03 .bg {
	background: url(/common/img/service/nav_service03.jpg)no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	transition: 0.8s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

.lnavi01 ul .img_04 .bg {
	background: url(/common/img/service/nav_service04.jpg)no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	transition: 0.8s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

.lnavi01 ul .img_05 .bg {
	background: url(/common/img/service/nav_service05.jpg)no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	transition: 0.8s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

.lnavi01 ul .img_06 .bg {
	background: url(/common/img/service/nav_service06.jpg)no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	transition: 0.8s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

.lnavi01 ul .img_07 .bg {
	background: url(/common/img/service/nav_service07.jpg)no-repeat center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	transition: 0.8s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 8;
}

/* PC */
@media only screen and (min-width: 768px) {
	.lnavi01 ul {
		/* max-width: 1400px; */
		margin: 0 auto;
	}
	.lnavi01 ul li {
		width: 33.3333%;
		background-color: #004fad;
	}
	.lnavi01 ul li.col_4 {
		width: 25%;
	}
	.lnavi01 ul li a {
		padding: 160px 10px 155px;
	}
}

/* ==========================================================
!category_sort
========================================================== */
.category_sort ul {
	margin-bottom: 30px;
}

.category_sort ul li {
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.category_sort ul li:not(:last-of-type) {
	margin-right: 0;
	margin-bottom: 15px;
}

.category_sort .sort_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}


.category_sort .sort_inner .sort_ttl {
	color: #ffffff;
	text-align: left;
	background: #004fad;
	padding: 16px 10px;
	width: 40%;
  font-size: 3.1vw;
}

.category_sort .sort_inner select {
	width: 60%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	padding: 11px 17px;
	margin: 0;
	background: #eeeeee;
	background-image: url(../img/service/img_service_sort.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right 14px center;
	color: #7d7d7d;
	font-size: 16px;
	border: 1px solid #004fad;
	border-radius: 0;
}
.category_sort .sort_inner select::-ms-expand {
    display: none;
}

@media only screen and (min-width: 835px) {
.category_sort .sort_inner .sort_ttl {
  font-size: 16px;
  padding: 10px 15px;
}}

@media only screen and (min-width: 1089px) {
.category_sort .sort_inner .sort_ttl {
  font-size: 16px;
  padding: 10px 15px;
}

	.category_sort ul {
		font-size: 0;
		box-sizing: border-box;
		margin-bottom: 66px;
	}
	.category_sort ul li {
		width: 48.14814%;
		text-align: center;
		display: inline-block;
		vertical-align: top;
	}
	.category_sort ul li:not(:last-of-type) {
		margin-right: 3%;
		margin-bottom: 0;
	}
	.category_sort .sort_inne{
		max-width: none;
	}
	.category_sort .sort_inner .sort_ttl {
		width: 33.4615%;
		padding: 18px 15px;
	}
	.category_sort .sort_inner select {
		width: 66.5385%;
		padding: 19px 17px;
		font-size: 14px;
	}
}