@charset "UTF-8";
*{
	box-sizing: border-box;
}
body{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 2px;
}
img {
	width: 100%;
	object-fit: cover;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
.mobile {
	display: none;
}

.error-404{
	padding: 100px 0;
}
/*================================
	keyviual
=================================*/
#keyvisual {
	background: url(../img/pc/top/main.jpg) no-repeat;
	background-size: cover;
	height: 516px;
	margin-top: 50px !important;
	display: flex;
	position: relative;
	background-position: top !important;
}
#keyvisual .titleBox {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
		transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
}
#keyvisual .titleBox h2 {
	font-size: 50px;
	margin-bottom: 20px;
}
#keyvisual .titleBox p {
	font-size: 26px;
}
#top #keyvisual .titleBox p {
	text-align: left;
}
.l-main__scroll {
	width: 20px;
	height: 200px;
	z-index: 2;
	position:absolute;
	right: 4.5%;
	bottom: 0;
}
.scroll-label {
	font-size: 12px;
	color: #ffffff;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -80px;
	bottom: auto;
	letter-spacing: .09em;
	font-weight: 700;
}
.scroll-line.scroll-line {
	width: 1px;
	height: auto;
	position: absolute;
	left: calc(50% - 0px);
	bottom: 0;
	z-index: 1;
}
.scroll-line-ob-container {
	position: relative;
	overflow: hidden;
	width: 1px;
	height: 200px;
}
.scroll-line .ob01 {
	-webkit-animation: scroll-line 2s linear 0s infinite;
	animation: scroll-line 2s linear 0s infinite;
}
.scroll-line .ob02 {
	-webkit-animation: scroll-line-b 2s linear 1s infinite;
	animation: scroll-line-b 2s linear 1s infinite;
}
.scroll-line-ob {
	position: absolute;
	left: 0;
	display: inline-block;
	height: 90%;
	width: 1px;
	background-color: #ffffff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
@-webkit-keyframes scroll-line {
0% {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
100% {
	-webkit-transform: translateY(150%);
	transform: translateY(150%);
}
}
@keyframes scroll-line{
	0% {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
100% {
	-webkit-transform: translateY(150%);
	transform: translateY(150%);
}
}
@-webkit-keyframes scroll-line-b {
0% {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
100% {
	-webkit-transform: translateY(150%);
	transform: translateY(150%);
}
}
@keyframes scroll-line-b{
	0% {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
100% {
	-webkit-transform: translateY(150%);
	transform: translateY(150%);
}
}

/*================================
	main
=================================*/
main {
	margin-top: 0 !important;
}
.pawrap{
	padding: 0 10vw;
}
h3 {
	padding: 80px 0 50px;
	font-size: 36px;
	text-align: center;
}
h3 span {
	font-size: 14px;
	display: block;
}
.more {
	width: 100%;
	max-width: 216px;
	height: 45px;
	margin: 60px auto 0;
	position: relative;
	text-align: center;
}
.more a {
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	background: #121051;
	padding: 9px 0;
}
.arrow{
	position: relative;
}
.arrow:after{
	content: '';
	position: absolute;
	top: 16px;
	right: 20px;
	margin: auto;
	width: 12px;
	height: 12px;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	z-index: 1;
}

/*================================
	top
=================================*/
#top #keyvisual {
	position: relative;
	height: auto;
	background: no-repeat;
	display: block;
}
#top #keyvisual .titleBox {
	left: 25%;
	z-index: 100;
	text-shadow: 0px 0px 10px #333;
	text-align: left;
}

/*==================================================
スライダーのためのcss
===================================*/
.slider {
	position:relative;
	z-index: 1;
	height: calc(100vh - 82px);
	overflow: hidden;
}
/*　背景画像設定　*/

.slider-item01 {
	background:url(../img/pc/top/main.jpg);
}

.slider-item02 {
	background:url(../img/pc/top/main_01.jpg);
}

.slider-item03 {
	background:url(../img/pc/top/main_02.jpg);
}

.slider-item04 {
	background:url(../img/pc/top/main_03.jpg);
}


.slider-item {
	width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: calc(100vh - 82px);/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	background-repeat: no-repeat;/*背景画像をリピートしない*/
	background-position: center;/*背景画像の位置を中央に*/
	background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev,
.slick-next {
	position: absolute;
	z-index: 3;
	top: 42%;
	cursor: pointer;/*マウスカーソルを指マークに*/
	outline: none;/*クリックをしたら出てくる枠線を消す*/
	border-top: 2px solid #fff;/*矢印の色*/
	border-right: 2px solid #fff;/*矢印の色*/
	height: 25px;
	width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
	left:2.5%;
	transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
	right:2.5%;
	transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  z-index: 3;
	text-align:center;
  margin:-50px 0 0 0;/*ドットの位置*/
}

.slick-dots li {
	display:inline-block;
  margin:0 5px;
}

.slick-dots button {
	color: transparent;
	outline: none;
	width:8px;/*ドットボタンのサイズ*/
	height:8px;/*ドットボタンのサイズ*/
	display:block;
	border-radius:50%;
	background:#fff;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
	background:#333;/*ドットボタンの現在地表示の色*/
}


/*========= レイアウトのためのCSS ===============*/

.container{
  background:#555;
}

.container p{
  padding: 300px 0;
  text-align: center;
  color: #fff;
}


/*---------- border ----------*/
#top .border {
	background: url(../img/pc/top/map_bule.jpg) top no-repeat;
	background-size: cover;
}
#top .border p {
	line-height: 36px;
	text-align: center;
}
#top .border .more {
	margin-bottom: 80px;
}
#top .project a,
#top .about a {
	color: #fff;
}
/*---------- project ----------*/
#top .project {
	width: 100%;
}
#top .project p {
	text-align: center;
}
#top .project .trade {
	background: url(../img/pc/top/contents01.jpg) top no-repeat;
	background-size: cover;
	width: 100%;
	margin-bottom: 5px;
}
#top .project .car {
	/*background: url(../img/pc/top/contents02.jpg) top no-repeat;*/
	background: url(../img/pc/top/contents02_c.jpg) top no-repeat;/*←comming soon画像*/
}
#top .project .accommodation {
	/*background: url(../img/pc/top/contents03.jpg) top no-repeat;*/
	background: url(../img/pc/top/contents03_c.jpg) top no-repeat;/*←comming soon画像*/
}
#top .project .oem {
	background: url(../img/pc/top/contents04.jpg) top no-repeat;
}
#top .project ul li {
	margin-left: 5px;
}
#top .project ul li:first-child {
	margin-left: 0;
}
#top .project .trade,
#top .project .car,
#top .project .accommodation,
#top .project .oem {
	background-size: cover;
	height: 312px;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-content: space-evenly;
}
#top .project .trade a,
#top .project .car a,
#top .project .accommodation a,
#top .project .oem a {
	width: 100%;
	height: 100%;
	padding: 30px 0;
}
#top .project .car,
#top .project .accommodation,
#top .project .oem {
	width: calc((100% - 10px) / 3);
}

/*---------- about ----------*/
.about ul {
	width: 100%;
	margin-bottom: 5px;
}
#top .about ul li {
	width: calc((100% - 5px) / 2);
	height: 473px;
}
#top .about > ul > li:last-child {
	margin-left: 5px;
}
#top .about ul li ul.nest li{
	width: 100%;
	height: 234px;
}
#top .about ul li ul.nest li:last-child {
	margin-top: 5px;
	margin-left: 0;
}
#top .about .strengths {
	background: url(../img/pc/top/about01.jpg) no-repeat;
	background-position: top;
}
#top .about .company {
	background: url(../img/pc/top/about02.jpg) no-repeat;
	background-position: top;
}
#top .about .recruit {
	background: url(../img/pc/top/about03.jpg) no-repeat;
	background-position: top;
}
#top .about .strengths,
#top .about .company,
#top .about .recruit {
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-content: space-evenly;
}
#top .about .strengths a {
	padding: 50px 0;
}
#top .about .strengths a,
#top .about .company a,
#top .about .recruit a {
	width: 100%;
	height: 100%;
}
/*---------- news ----------*/
#top .news {
	padding: 0 0 80px;
}
.news .newsList > li{
	border-bottom: 1px solid #ccc;
}
.news .newsList > li:first-child{
	border-top: 1px solid #ccc;
}
.news .newsList div.column {
	text-align: left;
}
.news .newsList div.column span {
	width: 140px;
	padding: 15px 20px;
}
.news .newsList div.column span.category {
	width: 100px;
	text-align: center;
	padding: 15px 0;
	color: #333;
}
.news .newsList div.column p {
	width: calc(100% - 240px);
	padding: 15px 20px 15px 20px;
}
.news .sns {
	margin-top: 60px;
	justify-content: center;
	align-items: center;
}
.news .sns li li {
	margin-left: 40px;
}
.sns img {
	width: 42px;
}

/*---------- contact ----------*/
#contactArea.contact {
	background: url(../img/pc/contact/contact_bg.jpg) no-repeat;
	background-size: cover;
	background-position: top;
	height: 368px;
	text-align: left;
	color: #fff;
	padding: 40px 0;
	box-sizing: border-box;
}
#contactArea.contact .inner{
	max-width: 1600px;
}
.contact h3 {
	text-align: left;
	padding: 30px 0;
}
#contactArea .contact_inf{
	width: 50%;
	padding: 40px;
	box-sizing: border-box;
}
#contactArea.contact .contactForm {
	width: 50%;
	text-align: center;
	padding: 40px;
	box-sizing: border-box;
}
#contactArea.contact .contactForm a.btn {
	color: #121051;
	max-width: 490px;
	height: 45px;
	width: 100%;
	display: block;
	background: url(../common/img/ico/btn_arrow.png) no-repeat #fff;
	background-position: right 20px center;
	padding: 9px 0;
	margin: 0 auto;
}
#contactArea.contact .contact_box{
	display: flex;
	flex-wrap: wrap;
}
#contactArea.contact .contactForm{
	border-left: 2px solid #fff;
}
#contactArea.contact .tel{
	margin: 25px auto 0 !important;
	display: table;
}
#contactArea.contact .tel dt{
	font-size: 18px;
	display: table-cell;
	vertical-align: middle;
	border: none !important;
	padding: 0 !important;
	text-align: right;
}
#contactArea.contact .tel dd{
	display: table-cell;
	vertical-align: middle;
	border: none !important;
	padding: 0 0 0 15px !important;
	text-align: left;
}
#contactArea.contact .tel a{
	font-size: 50px;
	color: #fff;
}
#contactArea.contact .text{
	padding: 10px 0 40px;
}

@media screen and (max-width: 1390px){
	#contactArea.contact .tel{
		width: auto !important;
	}
	#contactArea.contact .tel a{
		font-size: 40px;
		color: #fff;
	}
}
@media screen and (max-width: 1200px){
	#contactArea.contact .tel a{
		font-size: 40px;
		color: #fff;
	}
}
/*================================
	greeting
=================================*/
#greeting #keyvisual {
	background: url(../img/pc/greeting/greeting_kv.jpg) no-repeat;
	background-size: cover;
}

/*---------- ceo ----------*/
#greeting .ceo h3 {
	text-align: left;
}
#greeting .ceo p {
	margin-bottom: 40px;
}
#greeting .ceo .column {
	flex-wrap: wrap;
}
#greeting .ceo ul li {
	width: calc(100% / 2);
}
#greeting .ceo .imgBox {
	text-align: right;
	padding-left: 6vw;
	padding-top: 12vw;
}
#greeting .ceo .imgBox img {
	width: 100%;
	max-width: 625px;
}
#greeting .ceo .imgBox figcaption {
	margin-bottom: 20px;
}

/*================================
	strengths
=================================*/
#strengths #keyvisual {
	background: url(../img/pc/strengths/strengths_kv.jpg) no-repeat;
	background-size: cover;
}
.contBox ul {
	margin-top: 100px;
}
.contBox ul li {
	position: relative;
	width: 100%;
	height: 700px;
}
#strengths .contBox ul li:nth-child(1) {
	background: url(../img/pc/strengths/contents01.jpg) no-repeat;
	background-position: right center;
}
#strengths .contBox ul li:nth-child(2) {
	background: url(../img/pc/strengths/contents02.jpg) no-repeat;
	background-position: left center;
}
#strengths .contBox ul li:nth-child(3) {
	background: url(../img/pc/strengths/contents03.jpg) no-repeat;
	background-position: right center;
}
.contBox ul li div.contList {
	background: #F2F2F2;
	width: 640px;
	height: 518px;
	padding: 100px;
}
.contBox ul li:nth-child(odd) div.contList {
	position: absolute;
	top: 0;
	left: 0;
}
.contBox ul li:nth-child(even) div.contList {
	position: absolute;
	top: 0;
	right: 0;
}
.contBox h3 {
	padding: 0 0 50px;
	text-align: left;
}


/*================================
	business
=================================*/
#business #keyvisual {
	background: url(../img/pc/business/business_kv.jpg) no-repeat;
	background-size: cover;
}
#business .contBox ul li:nth-child(1) {
	background: url(../img/pc/business/contents01.jpg) no-repeat;
	background-position: right center;
}
#business .contBox ul li:nth-child(2) {
	background: url(../img/pc/business/contents02.jpg) no-repeat;
	background-position: left center;
}
#business .contBox ul li:nth-child(3) {
	background: url(../img/pc/business/contents03.jpg) no-repeat;
	background-position: right center;
}
#business .contBox ul li:nth-child(4) {
	background: url(../img/pc/business/contents04.jpg) no-repeat;
	background-position: left center;
}

/*================================
	company
=================================*/
#company #keyvisual {
	background: url(../img/pc/company/company_kv.jpg) no-repeat;
	background-size: cover;
}
#company dl {
	width: 100%;
	margin-top: 0;
}
#company dl dt {
	width: 20%;
}
#company dl dd {
	width: 80%;
}
#company dl dt,
#company dl dd {
	border-bottom: 1px solid #E6E6E6;
	padding: 16px 0;
}
#company dl dd span {
	padding: 2px 40px;
	background: #182446;
	color: #fff;
	margin-left: 30px;
	position: relative;
}
#company dl dd span:after{
	content: url(../img/pc/company/company_arrow.svg);
	position: absolute;
	top: -3px;
	right: 10px;
	width: 14px;
	height: 7px;
}
#company .aboutCont dl {
	margin-top:  100px;
}
#company .address_list ul li dl{
	margin: 16px 0 0 0;
	border-top: 1px solid #E6E6E6;
}
#company .address_list ul li:first-child dl{
	margin-top: 0;
	border-top: none;
}
#company .address_list ul li dt,
#company .address_list ul li dd{
	width: 100%;
	border: none;
	padding: 0;
}
#company .address_list ul li:nth-child(2) dt{
	padding: 16px 0 0 0;
}
#company .flex_box{
	display: flex;
	flex-wrap: wrap;
}
#company .flex_box ul{
	margin-left: 20px;
}
#company .flex_box ul:first-child{
	margin-left: 0;
}
#company .map_box h4{
	text-align: center;
	margin-bottom: 20px;
}
#company #yard{
	margin-top: 60px;
}
/*================================
	recruit
=================================*/
#recruit #keyvisual {
	background: url(../img/pc/recruit/recruit_kv.jpg) no-repeat;
	background-size: cover;
}
#recruit .contBox ul li:nth-child(1) {
	background: url(../img/pc/recruit/contents01.jpg) no-repeat;
	background-position: right center;
}
#recruit .contBox ul li:nth-child(2) {
	background: url(../img/pc/recruit/contents02.jpg) no-repeat;
	background-position: left center;
}
#recruit .contBox ul li:nth-child(3) {
	background: url(../img/pc/recruit/contents03.jpg) no-repeat;
	background-position: right center;
}
/*  -- tab --  */
#recruit .tabArea {
	width: 100%;
}
#recruit .tabArea .tab {
	width: calc((100% - 10px) / 3);
	opacity: 0.6;
	margin-left: 5px;
	cursor: pointer;
}
#recruit .tabArea .tab:first-child {
	margin-left: 0;
}
#recruit .tabArea .tab:hover {
	opacity: inherit;
}
#recruit .tabArea .tab.active {
	opacity: inherit;
	border: none;
	background: url(../img/pc/recruit/tab_arrow.png) no-repeat;
	background-position: bottom;
	padding-bottom: 50px;
}
#recruit .contentArea figure {
	width: 100%;
	background: #F2F2F2;
	padding: 100px;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
#recruit .contentArea figcaption {
	width: 65%;
	padding-right: 80px;
}
#recruit .contentArea figcaption h3 {
	text-align: left;
	padding: 0 0 50px;
}
#recruit .contentArea img {
	width: 35%;
	max-width: 440px;
	max-height: 290px;
}
#recruit .contentArea .content {
	display: none;
}
#recruit .contentArea .content.show {
	display: block;
}
#recruit .job .tab.active h4 {
	border: none;
	background: #121051;
	text-align: center;
	color: #fff;
	padding: 30px 0;
	font-size: 20px;
	margin-top: 1px;
}
#recruit .job .tab h4 {
	border: 2px solid #121051;
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
}
#recruit .job .tabArea .tab {
	opacity: inherit;
}
#recruit .job .tabArea .tab h4:hover {
	opacity: none;
	border: none;
	background: #121051;
	color: #fff;
	margin-top: 1px;
}
#recruit .job .contentArea {
	background: #F2F2F2;
	padding: 100px;
	margin-top: 20px;
}
#recruit .job dl {
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #fff;
}
#recruit .job dl:first-child {
	border-top: 1px solid #fff;
}
#recruit .job dl dt {
	width: 30%;
}
#recruit .job dl dd {
	width: auto;
}
#recruit .job dl dd ul:first-child {
	margin-right: 40px;
}
#recruit .jobApply {
	background: #F2F2F2;
	padding: 100px;
	margin-bottom: 40px;
}
#recruit .pawrap {
	padding: 0 10vw;
}
#recruit form div {
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #fff;
}
#recruit form div:first-child {
	border-top: 1px solid #fff;
}
#recruit form div label {
	width: 30%;
}
#recruit form dl.column {
	width: 100%;
	flex-wrap: nowrap;
}
#recruit form dl dt {
	width: 30%;
}
#recruit form dl dd {
	width: 70%;
}
#recruit form ul {
	width: 100%;
}
#recruit form ul li.column {
	flex-wrap: nowrap;
	flex-direction: row;
	padding-top: 10px;
}
#recruit form ul li.column:first-child {
	padding-top: 0;
}
#recruit form p a {
	color: #7F8080;
}
#recruit .jobApply input[type="text"],
#recruit .jobApply input[type="email"],
#recruit .jobApply input[type="tel"],
#recruit .jobApply textarea#comment {
	max-width: 70%;
}
#recruit input#birthday,
#recruit select {
	max-width: 100px;
}
#recruit .jobApply input[type="text"],
#recruit .jobApply input[type="email"],
#recruit .jobApply input[type="tel"],
#recruit .jobApply select,
#recruit .jobApply textarea {
	border: none;
}
#recruit .jobApply input[type="text"],
#recruit .jobApply input[type="email"],
#recruit .jobApply input[type="tel"],
#recruit .jobApply textarea#comment {
	max-width: 70%;
}
#recruit .jobApply input#postalCode {
	width: 70px;
	margin-bottom: 10px;
}
#recruit .jobApply input.postalCode {
	width: 70px;
	margin-bottom: 10px;
}
#recruit .jobApply input#pref,
#recruit .jobApply input#city,
#recruit .jobApply input#address,
#recruit .jobApply input#build {
	max-width: 70%;
	margin-bottom: 10px;
	padding: 10px;
}
#recruit input[type="submit"] {
	border: none;
	background: #121051;
	color: #fff;
	padding: 10px 76px;
	font-size: 16px;
	cursor: pointer;
	-webkit-appearance: none;
}
#recruit .jobOffer p {
	text-align: center;
	margin-bottom: 40px;
	display: block;
}
#recruit .jobOffer p.arrow {
	display: table;
	margin: 0 auto;
}


/*================================
	news
=================================*/
#news #keyvisual,#keyvisual.news {
	background: url(../img/pc/news/news_kv.jpg) no-repeat;
	background-size: cover;
}
#news .news{
	padding: 50px 10vw;
}

#news .news dl {
	margin-top: 100px;
}
#news .sns li {
	text-align: center;
}
#news .sns li p {
	letter-spacing: 5px;
}
#news .sns ul {
	align-items: center;
	justify-content: center;
	margin: 30px 0 100px;
}
#news .sns ul li {
	padding: 0 20px;
}
#news .leftCont {
	width: 80%;
	max-width: 1000px;
}
#news .rightCont {
	width: 20%;
	max-width: 200px;
	padding: 0 0 0 50px;
}
#news ul.sideCont > li {
	margin-bottom: 40px;
}
#news ul.sideCont h4 {
	margin-bottom: 10px;
	font-size: 20px;
}
#news .detailTtl {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
#news .detailTtl h3 {
	padding: 0;
	text-align: left;
}
#news .detailTtl .time {
	padding: 0 20px 0 0;
}
#news .contentArea p {
	margin-bottom: 40px;
	display: inline-block;
}
#news .pageNav ul {
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px 0;
}
span.page-numbers{
	padding: 5px;
}
span.page-numbers.current {
	border-bottom: 2px solid #121051;
	padding: 0 7px 7px 7px;
	margin: 0 8px;
}
/*----- peger -----*/
nav.pagination-container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.pagination {
	list-style: none;
	display: flex;
	justify-content: center;
	padding: 5px;
}
.pagination {
	align-items: center;
	justify-content: center;
	margin: 40px 0 90px;
	position: relative;
}
.pagination li {
	padding: 0 12px;
	margin-left: 13px;
}
.pagination a.next.page-numbers {
	right: 0;
	position: absolute;
}
.pagination a.prev.page-numbers {
	left: 0;
	position: absolute;
}
.pagination a.page-numbers {
	padding: 0 7px 7px 7px;
	margin: 0 8px;
}
#news .pagination li:nth-child(2) {
	margin-left: 0;
}
.active {
	border-bottom: 2px solid #121051;
}
li.prev.disabled {
	display: none;
}
li.next.disabled {
	position: absolute;
	right: 0;
}

/*================================
	contact
=================================*/
#contact #keyvisual {
	background: url(../img/pc/contact/contact_kv.jpg) no-repeat;
	background-size: cover;
}
.bgc {
	background: #f2f2f2;
	padding: 40px 100px;
}
.telFome {
	margin-top: 100px;
}
.telFome ul li {
	position: relative;
}
.tel {
	font-size: 50px;
	line-height: 1.2;
}
.time {
	font-size: 16px;
	padding-left: 10px;
}
.line a {
	font-size: 14px;
	padding: 14px 0 13px 60px;
	background: #00B900;
	width: 210px;
	margin: 20px 10px 0;
	color: #fff;
	display: block;
}
.mw_wp_form_input p.confirm_form{
	display: none;
}
.mw_wp_form_confirm p.confirm_form {
	display: block;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
}
.mw_wp_form_confirm .inputShow {
	display: none;
}
li.line a::before {
	content:"";
	display:inline-block;
	background: url(../common/img/pc/ico/line_icon.svg) no-repeat;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
}
.mailFome {
	margin: 50px auto 80px;
}
#contact h3 {
	text-align: left;
	padding: 0 80px 0 0;
	width: 460px;
}
#contact .mw_wp_form_complete h4 {
	font-size: 26px;
	text-align: center;
	margin: 80px 0;
}
.textBox {
	width: 695px;
}
#contact .textBox {
	width: 100%;
}
#contact .pawrap ul {
	justify-content: space-between;
	flex-wrap: nowrap;
}
#contact .mw_wp_form_confirm .inputShow,
#contact .mw_wp_form_complete .inputShow {
	display: none;
}

#contact button.back_btn {
	margin-right: 80px;
}
#contact dl dt {
	width: 25%;
}
#contact dl dd {
	width: 75%;
}
#contact dl dt,
#contact dl dd {
	border-bottom: 1px solid #808080;
	padding: 22px 0;
}
#contact dl {
	border-top: 1px solid #808080;
	margin-top: 90px;
}
dl#acMenu {
	margin-top: 0 !important;
	border-top: none;
	padding: 0;
}
#contact dl#acMenu dt {
	padding: 0;
}
#company dl#acMenu dt,
#company#acMenu dl dd {
	padding: 0;
}
.textCenter {
	text-align: center;
}
.colorG {
	color: #808080;
}
.textArea {
	margin: 50px 0;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
	-webkit-appearance: none;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	width: 100%;
	height: 25px;
	color: #808080;
	border: 1px solid #808080;
	border-radius: 0;
	padding: 0 10px;
}
textarea {
	-webkit-appearance: none;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	width: 100%;
	height: 170px;
	color: #808080;
	border: 1px solid #808080;
	border-radius: 0;
	resize: none;
	padding: 10px;
}
button[type="submit"],.btnStyle {
	-webkit-appearance: none;
	width: 216px;
	height: 45px;
	background: #121051;
	color: #fff;
	border: none;
	border-radius: 0;
	position: relative;
	cursor: pointer;
	letter-spacing: 3px;
}
.btnStyle {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px auto 20px;
}
button.back_btn {
	/*background: #808080;*/
}
.textCenter div{
	position: relative;
	margin-top: 50px;
}
.textCenter div button:before,.btnStyle:before {
	content: '';
	position: absolute;
	top: 16px;
	right: 15px;
	margin: auto;
	width: 12px;
	height: 12px;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	z-index: 99999;
}
.textCenter div button.back_btn:before{
	transform: rotate(-135deg);
	right: auto;
	left: 15px;
}

/*---------- about ----------*/
.about {
	margin-top: 100px;
}
.about ul li {
	width: calc((100% - 10px) / 3);
	height: 313px;
}
.about ul li a {
	color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.about ul li a h3{
	padding: 0;
}
.about ul li:nth-of-type(2),.about ul li:nth-of-type(3) {
	margin-left: 5px;
}
.about .greeting {
	background: url(../common/img/pc/footer/greeting.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}
.about .strengths {
	background: url(../common/img/pc/footer/strengths.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}
.about .business {
	background: url(../common/img/pc/footer/business.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}
.about .company {
	background: url(../common/img/pc/footer/company.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}
/*================================
	comprehensive
=================================*/
#comprehensive #keyvisual {
	background: url(../img/pc/comprehensive/comprehensive_kv.jpg) no-repeat;
	background-size: cover;
}
#comprehensive #keyvisual .titleBox {
	width: 100%;
}
#comprehensive #keyvisual .titleBox h2 {
	margin-bottom: 0;
}
#comprehensive #keyvisual .titleBox .text_inf{
	padding-top: 60px;
	font-size: 32px;
}
#comprehensive #keyvisual .titleBox .text_inf span{
	font-size: 20px;
}
#comprehensive .inner{
	max-width: 1520px;
}
#comprehensive .one_service .inner{
	background: url(../img/pc/comprehensive/bg_one_service.png) top no-repeat;
	background-size: contain;
	padding: 0 0 80px;
}
#comprehensive .one_service .text_inf{
	text-align: center;
}
#comprehensive .service_inf{
	background: #121051;
	padding: 50px 5.7vw;
}
#comprehensive .one_service{
	padding: 0px 5.7vw;
}
#comprehensive .service_inf .inner{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#comprehensive .service_inf .main_box{
	background: #fff;
/*	padding: 120px;
*/	padding: 6%;
	width: 100%;
	max-width: 640px;
	box-sizing: border-box;
	height: 675px;
	position: relative;
	margin: 0 50px;
}
#comprehensive .service_inf .main_box:before{
	content: url(../img/pc/comprehensive/arrow_before.png);
	position: absolute;
	top: 50%;
	left: -36px;
	width: 26px;
	height: 45px;
	margin-top: -22.5px;
}
#comprehensive .service_inf .main_box:after{
	content: url(../img/pc/comprehensive/arrow_after.png);
	position: absolute;
	top: 50%;
	right: -36px;
	width: 26px;
	height: 45px;
	margin-top: -22.5px;
}
#comprehensive .service_inf .main_box h4{
	width: 100%;
	max-width: 332px;
	margin: 0 auto 20px;
}
#comprehensive .service_inf .main_box h5{
	font-size: 36px;
	margin-bottom: 30px;
	letter-spacing: 3.5px;
}
#comprehensive .service_inf .sub_box{
	background: #fff;
	padding: 50px;
	width: 100%;
	max-width: 390px;
	box-sizing: border-box;
	height: 465px;
}
#comprehensive .service_inf .sub_box h4{
	font-size: 24px;
	margin-bottom: 30px;
}
#comprehensive .service_inf .sub_box h4 span{
	font-size: 14px;
	display: block;
}
#comprehensive .service_inf_list_main li{
	padding-left: 40px;
	position: relative;
	line-height: 36px;
}
#comprehensive .service_inf_list_main li:first-child{
	margin-top: 0;
}
#comprehensive .service_inf_list_main li:before{
	position: absolute;
	top: 15px;
	left: 0;
	content: "";
	background: #121051;
	width: 10px;
	height: 10px;
	display: inline-block;
}
#comprehensive .service_inf_list li{
	padding-left: 40px;
	position: relative;
	line-height: 36px;
}
#comprehensive .service_inf_list li:first-child{
	margin-top: 0;
}
#comprehensive .service_inf_list li:before{
	position: absolute;
	top: 1px;
	left: 0;
	content: "×";
	display: inline-block;
	font-size: 32px;
}
#comprehensive .service{
	padding: 50px 5.7vw 70px;
}
#comprehensive .cont_bloxk{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 5.7vw;
	background: #f2f2f2;
}
#comprehensive .cont_bloxk:nth-child(even){
	background: #fff;
}
#comprehensive .cont_bloxk .inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 0;
	    width: 100%;
}
.cont_box{
	width: 70%;
	max-width: 730px;
	display: flex;
	flex-wrap: nowrap;
}
.number{
	width: 87px;
}
.number p{
	color: #fff;
	text-align: center;
	font-size: 30px;
	background: #121051;
	border-radius: 50% 50%;
	width: 87px;
	height: 87px;
	vertical-align: middle;
	padding: 18px;
	box-sizing: border-box;
}
.service_cont{
	margin-left: 30px;
}
.service_cont h4{
	font-size: 36px;
	padding-bottom: 20px;
}
.service_cont h4 span{
	font-size: 14px;
	display: block;
}
.support_list{
	width: 30%;
	max-width: 370px;
	margin-left: 50px;
}
.support_list dt{
	font-size: 20px;
	margin-bottom: 10px;
}
.support_list li{
/*	margin-top: 10px;
*/	padding-left: 40px;
	position: relative;
}
.support_list li:first-child{
	margin-top: 0;
}
.support_list li:before{
	position: absolute;
	top: 8px;
	left: 0;
	content: "";
	background: #121051;
	width: 10px;
	height: 10px;
	display: inline-block;
}
/* ==== ==== ==== ====
・吉本追加箇所 2021/8/24
・総合貿易業、message部分
 ==== ==== ==== ==== */
.message_cont_bloxk{
	margin:40px 50px;
	background-color:#F5F9FC;
}

#compre_message .content_title{
	flex-flow: column;
	width:100%;
}
#compre_message .sub_title{
	font-size: 32px;
	text-align: center;
}
#compre_message .content_section{
	display:flex;
	flex-wrap: wrap;
	padding: 40px 0;
	width: 100%;
	justify-content: space-around;
	background-color:#F5F9FC;
}
#compre_message .content_section .text_message{
	width:50%;
}
#compre_message .content_section .img_message{
	width:45%;
}



/*================================
	oem
=================================*/
#oem #keyvisual {
	background: url(../img/pc/oem/oem_kv.jpg) no-repeat;
	background-size: cover;
}
#oem .contBox ul li:nth-child(1) {
	background: url(../img/pc/oem/contents01.jpg) no-repeat;
	background-position: right center;
}
#oem .contBox ul li:nth-child(2) {
	background: url(../img/pc/oem/contents02.jpg) no-repeat;
	background-position: left center;
}
#oem .contBox ul li div.contList {
	height: 445px;
}
#oem .product_inf .inner{
	max-width: 1552px;
}
#oem .product_inf .text_inf{
	text-align: center;
	margin-bottom: 50px;
}
.box_list ul{
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: top
}
.box_list li{
	width: 30%;
	padding: 14px;
	max-width: 387px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box
}
.box_list ul:after{
	content: "";
	display: block;
	width: 30%;
	padding: 14px;
	max-width: 387px;
	height: 0;
	order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box
}
.box_list figcaption{
	padding: 10px 0;
}
.box_list p{
	text-align: center;
}
.box_list li .pdf a{
	padding: 2px 30px 2px 0;
	background: url(../img/pc/oem/ico_pdf.png) no-repeat;
	background-position: right center;
}
/*================================
	privacy
=================================*/
#privacy #keyvisual {
	background: url(../img/pc/privacy/privacy_kv.jpg) no-repeat;
	background-size: cover;
}
#privacy .privacy ul li {
	margin-bottom: 80px;
	line-height: 2;
}
#privacy .privacy ul li:first-child {
	margin: 80px auto;
}
#privacy .privacy ul li:last-child {
	margin-bottom: 0;
}
#privacy .privacy h4 {
	font-size: 20px;
}


/*===============================================
●tablet.css 1625px
===============================================*/
@media screen and (max-width: 1625px){
	#strengths .contBox ul li:nth-child(1) {
		background: url(../img/pc/strengths/contents01.jpg) no-repeat;
		background-position: left 100px center;
	}
	#strengths .contBox ul li:nth-child(2) {
		background: url(../img/pc/strengths/contents02.jpg) no-repeat;
		background-position: right 100px center;
	}
	#strengths .contBox ul li:nth-child(3) {
		background: url(../img/pc/strengths/contents03.jpg) no-repeat;
		background-position: left 100px center;
	}
	#business .contBox ul li.cont01 {
		background: url(../img/pc/business/contents01.jpg) no-repeat;
		background-position: left 100px center;
	}
	#business .contBox ul li.cont02 {
		background: url(../img/pc/business/contents02.jpg) no-repeat;
		background-position: right 100px center;
	}
	#business .contBox ul li.cont03 {
		background: url(../img/pc/business/contents03.jpg) no-repeat;
		background-position: left 100px center;
	}
	#business .contBox ul li.cont04 {
		background: url(../img/pc/business/contents04.jpg) no-repeat;
		background-position: right 100px center;
	}
	#recruit .contBox ul li:nth-child(1) {
		background: url(../img/pc/recruit/contents01.jpg) no-repeat;
		background-position: left 100px center;
	}
	#recruit .contBox ul li:nth-child(2) {
		background: url(../img/pc/recruit/contents02.jpg) no-repeat;
		background-position: right 100px center;
	}
	#recruit .contBox ul li:nth-child(3) {
		background: url(../img/pc/recruit/contents03.jpg) no-repeat;
		background-position: left 100px center;
	}
	#oem .contBox ul li:nth-child(1) {
		background: url(../img/pc/oem/contents01.jpg) no-repeat;
		background-position: left 100px center;
	}
	#oem .contBox ul li:nth-child(2) {
		background: url(../img/pc/oem/contents02.jpg) no-repeat;
		background-position: right 100px center;
	}
}
/*===============================================
●tablet.css1300px
===============================================*/
@media screen and (max-width: 1300px){
	#contact .pawrap ul {
		display: block;
	}
}
/*===============================================
●tablet.css1140px
===============================================*/
@media screen and (max-width: 1140px){
	#comprehensive .cont_bloxk {
		padding: 40px 0;
	}
	#comprehensive .cont_bloxk .inner {
		padding: 0px 50px;
	}
	.support_list {
		width: 100%;
		max-width: 100%;
		margin: 40px 0 0 120px;
	}
	.cont_box {
		width: 100%;
		max-width: 100%;
	}
}
/*===============================================
●tablet.css1024px
===============================================*/
@media screen and (max-width: 1024px){
	.pc{
		display: none;
	}
	/*トップページの「物流機能と商社機能の～」を消させないため*/
	#comprehensive .service_inf .inner img.pc{
		display: block;
	}	
	.sp{
		display: none;
	}
	.mobile {
		display: block;
	}
	#keyvisual {
		margin-top: 18px !important;
	}
	.breadcrumbs {
		margin-top: 20px !important;
	}
	#company dl#acMenu dt,
	#company dl#acMenu dd {
    	width: auto;
	}
	#privacy .privacy {
		padding: 50px;
	}
	#greeting .ceo .imgBox img {
		max-width: 100%;
	}
	#news .news {
		padding: 50px;
	}
	#news .sns ul {
		margin: 30px 0 60px;
	}
	#news .sideCont {
		padding: 0 50px;
		display: flex;
	}
	#news .sideCont li {
		width: calc(100% / 2);
	}
	#news .leftCont,
	#news .rightCont {
		width: 100%;
	}
}

/*===============================================
●tablet.css 980px
===============================================*/
@media screen and (max-width: 980px){
	#oem .contBox ul li div.contList {
		height: 400px;
		padding: 70px 40px;
	}
	.contBox ul li div.contList {
		width: 550px;
	}
}
/*===============================================
●tablet.css 940px
===============================================*/
@media screen and (max-width: 940px){
	#comprehensive #keyvisual .titleBox .text_inf {
		font-size: 28px;
		font-size: 3.2vw;
	}
	#comprehensive #keyvisual .titleBox .text_inf span{
		font-size: 20px;
		font-size: 2.1vw;
	}
}

/*===============================================
●tablet.css 768px
===============================================*/
@media screen and (max-width: 768px){
	body {
		font-size: 14px;
	}
	.error-404 {
		padding: 100px 50px;
	}
	#keyvisual {
		height: 365px;
		margin-top: 0 !important;
	}
	.about ul li a {
		color: #fff;
		width: 100%;
		height: 100%;
		padding: 30px 0;
	}
	nav.pagination-container {
		width: auto;
	}
	.pawrap{
		padding: 0;
	}
	.more a {
		padding: 12px 0;
	}
	/*  top  */
	#top #keyvisual .titleBox {
		left: 50% !important;
		transform: translateY(-70%) translateX(-50%);
		-webkit- transform: translateY(-70%) translateX(-50%);
		width: 70%;
	}
	#top .border {
		background: url(../img/sp/top/map_bule.jpg) no-repeat;
		background-size: cover;
		height: auto;
		padding: 50px 0;
	}
	#top .border p {
		text-align: left;
		padding: 0 15%;
		line-height: 1.7;
	}
	#keyvisual .titleBox h2 {
		/*font-size: 24px;*/
		font-size: 6.5vw;
	}
	#keyvisual .titleBox p {
		font-size: 14px;
		font-size: 4.5vw;
		text-align: center;
	}

	.l-main__scroll {
		right: auto;
		bottom: auto;
		left: 50%;
		top: 50%;
		transform: translateY(0%) translateX(-50%);
		-webkit- transform: translateY(0%) translateX(-50%);
		margin-top: 90px;
		height: 120px;
	}
	.scroll-line-ob-container {
		height: 120px;
	}
	.scroll-label {
		font-size: 12px;
		color: #ffffff;
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		-o-writing-mode: unset;
		writing-mode: unset;
		margin-left: -25px;
		bottom: -40px;
		top: auto;
	}

	h3 {
		padding: 25px 0 5%;
		font-size: 18px;
		text-align: center;
	}
	h3 span {
		font-size: 12px;
		font-weight: 100;
	}
	.projectS ul {
		justify-content: space-between;
		width: 100%;
	}
	.projectS ul li {
		width: calc((100% - 5px) / 2);
		height: 210px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.projectS ul li a {
		/*display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;*/
		display: contents;
		color: #fff;
	}

	.slider {
		position:relative;
		z-index: 1;
		/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
		height: calc(100vh - 50px);/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
		overflow: hidden;
	}
	/*　背景画像設定　*/
	.slider-item01 {
		background:url(../img/sp/top/main.jpg);
	}
	.slider-item02 {
		background:url(../img/sp/top/main_01.jpg);
	}
	.slider-item03 {
		background:url(../img/sp/top/main_02.jpg);
	}
	.slider-item04 {
		background:url(../img/sp/top/main_03.jpg);
	}
	.slider-item {
		width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
		height: calc(100vh - 50px);/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
		background-repeat: no-repeat;/*背景画像をリピートしない*/
		background-position: center;/*背景画像の位置を中央に*/
		background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
	}
	#top .border .more {
		margin-bottom: 0px;
	}
	#top .projectS .trade {
		background: url(../img/sp/top/contents01.jpg) top no-repeat;
		background-size: cover;
		margin-bottom: 5px;
	}
	#top .projectS .car {
		/*background: url(../img/sp/top/contents02.jpg) top no-repeat;*/
		background: url(../img/sp/top/contents02_c.jpg) top no-repeat;
		background-size: cover;
		margin-bottom: 5px;
	}
	#top .projectS .accommodation {
		/*background: url(../img/sp/top/contents03.jpg) top no-repeat;*/
		background: url(../img/sp/top/contents03_c.jpg) top no-repeat;
		background-size: cover;
	}
	#top .projectS .oem {
		background: url(../img/sp/top/contents04.jpg) top no-repeat;
		background-size: cover;
	}
	#top .projectS h3 {
		color: #fff;
	}
	#top .about ul.column {
		flex-direction: column;
	}
	#top .about ul li {
		width: 100%;
		height: 210px;
	}
	#top .about ul li a {
		padding: 60px 0;
	}
	#top .about > ul > li:last-child {
		margin-left: 0;
	}
	#top .about .strengths {
		width: 100%;
	}
	#top .about ul li ul.nest {
		width: 100%;
	}
	#top .about ul.column.nest {
		flex-direction: inherit;
	}
	#top .about ul li ul.nest li {
		width: calc((100% - 5px) / 2);
		height: 210px;
	}
	#top .about ul li ul.nest li:last-child {
		margin-top: 0;
	}
	#top .about .strengths {
		background: url(../img/sp/top/about01.jpg) no-repeat;
		background-size: cover;
		margin-bottom: 5px;
	}
	#top .about .company {
		background: url(../img/sp/top/about02.jpg) no-repeat;
		background-size: cover;
	}
	#top .about .recruit {
		background: url(../img/sp/top/about03.jpg) no-repeat;
		background-size: cover;
		margin-left: 5px !important;
	}
	.more {
		margin: 25px auto 0;
	}
	.news {
		padding: 0 50px 50px;
	}
	#top .news {
		padding: 40px 50px;
	}
	.news.newsCont{
		padding: 50px;
	}
	.news .newsList li {
		font-size: 14px;
		/*padding: 0 25px;*/
		/*border-bottom: 1px solid #ccc;*/
	}
	.news .newsList div.column span.time {
		width: 90px;
		padding: 10px 0 0;
		letter-spacing: 1px;
		font-size: inherit;
	}
	.news .newsList div.column span.category {
		width: auto;
		text-align: left;
		padding: 10px 0 0 10px;
	}
	.news .newsList div.column p {
		width: 100%;
		padding: 0 0 10px 0;
		border-top: none;
	}
	.news .newsList li:last-child {
		border-top: none;
	}
	.news .sns {
		margin-top: 25px;
	}
	.news .sns > li {
		width: 100%;
		text-align: center;
	}
	.news .sns img {
		margin-left: 0;
	}
	.news .sns ul {
		align-items: center;
		justify-content: center;
		margin-top: 10px;
	}
	.news .sns ul li {
		text-align: center;
		margin-left: 0;
	}
	.news .sns ul li:first-child {
		margin-right: 20px;
	}
	.contact {
		height: 280px;
		text-align: left;
		padding: 0 50px;
	}
	.contact h3 {
		padding: 25px 0 10px;
	}
	/*  greeting  */
	#greeting .ceo {
		padding: 0 25px;
	}
	#greeting .ceo h3 {
		text-align: center;
	}
	#greeting .ceo ul {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	#greeting .ceo ul li {
		width: 100%;
	}
	#greeting .ceo .imgBox {
		text-align: right;
		padding-left: 0;
		padding-top: 0px;
	}
	.contBox ul {
		margin-top: 0;
		margin-bottom: 5px;
		background: #f2f2f2;
	}
	.contBox h3 {
		padding: 0;
		margin: 0 0 25px;
		text-align: left;
	}
	.about {
		margin-top: 5px;
	}
	.about ul li {
		height: 30vw;
	}
	.contBox ul li {
		position: relative;
		width: 100%;
		height: auto;
		padding-bottom: 46.875%;
	}
	.contBox ul li div.contList {
		width: auto;
		height: auto;
		padding: 50px;
	}
	.contBox ul li:nth-child(odd) div.contList,.contBox ul li:nth-child(even) div.contList {
		position: static;
	}
	/*  strengths  */
	#strengths .contBox ul li:nth-child(1) {
		background: url(../img/sp/strengths/contents01.jpg) no-repeat;
		background-position: bottom;
		background-size: contain;
	}
	#strengths .contBox ul li:nth-child(2) {
		background: url(../img/sp/strengths/contents02.jpg) no-repeat;
		background-position: bottom;
		background-size: contain;
	}
	#strengths .contBox ul li:nth-child(3) {
		background: url(../img/sp/strengths/contents03.jpg) no-repeat;
		background-position: bottom;
		background-size: contain;
	}

	/*  business  */
	#business .contBox ul li.cont01 {
		background: url(../img/sp/business/contents01.jpg) no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	#business .contBox ul li.cont02 {
		background: url(../img/sp/business/contents02.jpg) no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	#business .contBox ul li.cont03 {
		background: url(../img/sp/business/contents03.jpg) no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	#business .contBox ul li.cont04 {
		background: url(../img/sp/business/contents04.jpg) no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	/*  company  */
	#company .aboutCont dl {
		margin-top: 25px;
	}
	#company .aboutCont,
	#company .history {
		padding: 0 50px;
	}
	iframe {
		height: 200px;
		width: 100%;
	}
	#company .about {
		margin-top: 25px;
	}
	#company dl dt,
	#company dl dd {
		width: 100%;
	}
	#company dl#acMenu dt,
	#company dl#acMenu dd {
		border-bottom: none;
		padding: 0;
	}
	#company .aboutCont dl dt {
		width: 30%;
	}
	#company .aboutCont dl dd {
		width: 70%;
	}
	#company .history dl dt {
		border-bottom: none;
		padding: 5% 0 0;
	}
	#company .history dl dd {
		padding: 0 0 5%;
	}
	#company .history h3,
	#company .mapArea h3 {
		margin-top: 80px;
	}
	#company .flex_box ul {
		margin-left: 0;
	}
	#company dl dd span {
		margin: 10px 0 0 0;
		display: table;
	}
	#company dl dd span:after {
		top: 2px;
	}
	/*  recruit  */
	#recruit .pawrap {
		padding: 0;
	}
	#recruit .contBox ul li:nth-child(1) {
		background: url(../img/sp/recruit/contents01.jpg) no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	#recruit .contBox ul li:nth-child(2) {
		background: url(../img/sp/recruit/contents02.jpg) no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	#recruit .contBox ul li:nth-child(3) {
		background: url(../img/sp/recruit/contents03.jpg) no-repeat;
		background-size: contain;
		background-position: bottom;
	}
	#recruit .contentArea figcaption h3 {
		padding: 0 0 20px;
	}
	#recruit .contentArea img {
		margin-bottom: 20px;
	}
	#recruit .tabArea .tab.active {
		background: url(../img/sp/recruit/tab_arrow.png) no-repeat;
		background-position: bottom;
		padding-bottom: 40px;
	}
	#recruit .interview .contentArea figure,
	#recruit .job .contentArea,
	#recruit .jobApply {
		padding: 50px 25px;
	}
	#recruit .job .contentArea,
	#recruit form {
		margin: 20px 25px 50px;
	}
	#recruit .interview .contentArea figcaption {
		width: 100%;
		padding-right: 0;
	}
	#recruit .interview .contentArea img,
	#recruit .job dl dt {
		width: 100%;
	}
	#recruit .job .tab.active h4,
	#recruit .job .tab h4 {
		padding: 13px 0;
	}
	#recruit .job dl {
		flex-direction: column;
	}
	#recruit .job p {
		padding: 0 50px;
		margin-bottom: 20px;
	}
	.textLeft {
		text-align: left;
	}
	#recruit form div label {
		width: 30%;
		padding: 5px 0;
	}
	#recruit form div label,
	#recruit form dl dt,
	#recruit form dl dd {
		width: 100%;
	}
	#recruit .tabArea {
		padding: 0 25px;
	}
	#recruit form dl,
	#recruit form dl dt,
	#recruit form dl dd {
		width: 100%;
	}
	#recruit form dl.column {
		flex-direction: column;
	}
	#recruit form ul li.column {
		flex-direction: column;
		padding: 0;
	}
	#recruit span.mwform-zip-field {
		margin-bottom: 10px;
	}
	#recruit .jobApply input[type="text"],
	#recruit .jobApply input[type="email"],
	#recruit .jobApply input[type="tel"],
	#recruit .jobApply textarea#comment {
		max-width: 100%;
	}
	#recruit .jobApply input#pref,
	#recruit .jobApply input#city,
	#recruit .jobApply input#address,
	#recruit .jobApply input#build {
		max-width: 100%;
	}
	/*  news  */
	/*#news .news {
		padding: 50px;
	}
	#news .sns ul {
		margin: 30px 0 60px;
	}
	#news .sideCont {
		padding: 0 50px;
		display: flex;
	}
	#news .sideCont li {
		width: calc(100% / 2);
	}
	#news .leftCont,
	#news .rightCont {
		width: 100%;
	}*/
	/*  contact  */
	#contact section {
		padding: 0 25px;
	}
	.tel {
		font-size: 33px;
	}
	.telFome {
		margin-top: 25px;
	}
	.mailFome {
		margin: 25px auto;
	}
	#contact h3 {
		padding: 0 0 25px;
	}
	.bgc {
		padding: 25px;
	}
	.textBox {
		width: auto;
	}
	#contact dl {
		flex-direction: column;
		margin-top: 20px;
	}
	#contact dl dt {
		border-bottom: none;
		padding: 5% 0 0;
		width: 100%;
	}
	#contact dl dd {
		padding: 0 0 5%;
		width: 100%;
	}
	#contact dl dd:last-child {
		border-bottom: 0;
	}
	#contact .mw_wp_form_complete h4 {
		font-size: 5vw;
		text-align: center;
		margin: 50px 0;
	}
	.textCenter div .arrow {
		right: 15%;
	}
	.textArea {
		margin: 5% 0 25px;
	}
	.about .greeting {
		background: url(../common/img/sp/footer/greeting.jpg) no-repeat;
		background-size: cover;
	}
	.about .strengths {
		background: url(../common/img/sp/footer/strengths.jpg) no-repeat;
		background-size: cover;
	}
	.about .business {
		background: url(../common/img/sp/footer/business.jpg) no-repeat;
		background-size: cover;
	}
	.about .company {
		background: url(../common/img/sp/footer/company.jpg) no-repeat;
		background-size: cover;
	}
	.slick-next {
		right: 6.5%;
	}
	.slick-prev {
		left: 6.5%;
	}
	/*  privacy  */
	#privacy .privacy ul li {
		margin-bottom: 40px;
		line-height: 1.7;
	}
	#privacy .privacy ul li:first-child {
		margin: 0 auto 40px;
	}
	#privacy .privacy ul li:last-child {
		margin-bottom: 0;
	}
	#privacy .privacy h4 {
		margin-bottom: 10px;
	}

/*================================
	contactArea
=================================*/
	#contactArea.contact {
		height: 522px;
		background: url(../img/sp/contact/contact_bg.jpg) no-repeat;
		background-size: cover;
	}
	#contactArea.contact .inner{
		padding: 0 50px;
		max-width: 100%;
	}
	#contactArea.contact .contact_box {
		text-align: center;
	}
	#contactArea .contact_inf {
		width: 100%;
		padding: 0px;
	}
	#contactArea.contact h3 {
		text-align: center;
		padding: 70px 0 30px;
	}
	#contactArea .contact_inf p{
		text-align: left;
	}
	#contactArea.contact .tel {
		width: 100% !important;
		margin: 25px auto 0 !important;
	}
	#contactArea.contact .contactForm {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	#contactArea.contact .tel a {
		/*font-size: 42px;*/
		font-size: 9vw;
	}
	#contactArea.contact .contactForm {
		border-left: none;
	}
	#contactArea.contact .tel dt,
	#contactArea.contact .tel dd {
		display: initial;
	}

/*================================
	oem
=================================*/
	#oem .contBox ul li div.contList {
		height: auto;
		padding: 70px 50px;
	}
	#oem .contBox ul li:nth-child(1) {
		background: url(../img/sp/oem/contents01.jpg) no-repeat;
		background-position: bottom;
		background-size: 100%;
	}
	#oem .contBox ul li:nth-child(2) {
		background: url(../img/sp/oem/contents02.jpg) no-repeat;
		background-position: bottom;
		background-size: 100%;
	}
	.box_list li {
		width: 50%;
		padding: 10px;
		max-width: 100%;
	}
	#oem .product_inf .text_inf {
		padding: 0 25px;
		text-align: left;
	}
/*================================
	comprehensive
=================================*/
	#comprehensive #keyvisual {
		background: url(../img/sp/comprehensive/comprehensive_kv.jpg) no-repeat;
		background-size: cover;
	}
	#comprehensive .inner {
		padding: 0 50px;
	}
	#comprehensive #keyvisual .titleBox {
		width: 100%;
	}
	#comprehensive #keyvisual .titleBox .text_inf {
		padding-top: 30px;
		/*
		font-size: 4.5vw;
		*/
		font-size: 2.8vw;
	}
	#comprehensive #keyvisual .titleBox .text_inf span {
		/*
		font-size: 12px;
		*/
		font-size: 2vw;
	}
	#comprehensive .one_service .text_inf {
		padding: 0px 50px;
		text-align: left;
	}
	#comprehensive .service_inf .main_box {
		margin: 0;
	}
	#comprehensive .one_service .inner {
		background: url(../img/sp/comprehensive/bg_one_service.png) no-repeat;
		background-size: contain;
		background-position: top center;
		padding: 35px 0 60px;
	}
	.cont_box {
		width: 100%;
		flex-wrap: wrap;
	}
	.service_cont {
		width: 100%;
		margin-left: 0;
	}
	.number {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 20px;
	}
	.number p {
		font-size: 24px;
		width: 60px;
		height: 60px;
		padding: 11px;
	}
	.number h4 {
		font-size: 18px;
		padding: 5px 0 5px 20px;
	}
	.number h4 span{
		display: block;
		font-size: 12px;
	}
	#comprehensive .service_inf .inner {
		padding: 0 25px;
	}
	#comprehensive .service_inf .sub_box {
		display: none;
	}
	#comprehensive .service_inf .main_box {
		padding: 50px;
		height: auto;
	}
	#comprehensive .service_inf .main_box h4 {
		width: 86%;
		max-width: 100%;
		margin: 0 auto 20px;
	}
	#comprehensive .service_inf .main_box h5 {
		font-size: 3.4vw;
		margin-bottom: 30px;
		text-align: center;
	}
	#comprehensive .service_inf_list_main li {
		padding-left: 20px;
		line-height: 1.7;
	}
	#comprehensive .service_inf .main_box:before {
		display: none;
	}
	#comprehensive .service_inf_list_main li:before {
		top: 6px;
	}
	.support_list {
		width: 100%;
		padding-top: 40px;
		margin: 0;
	}
	.support_list li {
		padding-left: 20px;
	}
	.support_list li:before {
		top: 6px;
	}
	#comprehensive .service_inf .main_box:after {
		content: url(../img/sp/comprehensive/arrow_after.png);
		position: absolute;
		top: auto;
		bottom: -50px;
		left: 50%;
		right: auto;
		width: 45px;
		height: 25px;
		margin:0 0 0 -22.5px;
	}
	#comprehensive .service_inf_list li {
		line-height: 1.7;
	}
	#comprehensive .service_inf_list li:before {
		top: -14px;
	}

/* ==== ==== ==== ====
・吉本追加箇所 2021/8/24
・総合貿易業、message部分
 ==== ==== ==== ==== */
	.message_cont_bloxk{
		margin:40px 15px;
		padding:30px;
	}
	#compre_message .sub_title{
		margin-top:40px;
		font-size: 24px;
		text-align: center;
	}
	#compre_message .content_section .text_message{
		width:100%;
	}
	#compre_message .content_section .img_message{
		width:100%;
		margin-bottom:30px;
	}

/*================================
	タブ
=================================*/
	.tab_wrap {
		width: 100%;
		margin: 80px auto 0;
	}
	.tab_wrap　input[type="radio"] {
		display: none;
	}
	.tab_area {
		font-size: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.tab_area label {
		width: 49%;
		margin: 0;
		display: inline-block;
		padding: 12px 0;
		color: #000;
		background: #fff;
		text-align: center;
		font-size: 13px;
		cursor: pointer;
		transition: ease 0.2s opacity;
	}
	.tab_area label h4{
		font-size: 18px;
		text-align: center;
	}
	.tab_area label h4 span{
		font-size: 12px;
		display: block;
	}
	.panel_area {
		background: #fff;
	}

	.tab_panel {
		width: 100%;
		padding: 20px 40px;
		display: none;
		height: auto;
	}

	.tab_panel p {
		font-size: 14px;
		letter-spacing: 1px;
		text-align: center;
	}

	#tab1:checked~.tab_area .tab1_label,
	#tab2:checked~.tab_area .tab2_label {
		background: #f2f2f2;
	}

	#tab1:checked~.panel_area #panel1,
	#tab2:checked~.panel_area #panel2 {
		display: block;
		background: #f2f2f2;
	}

	#contact button[type="submit"] {
		width: 45%;
	}
	#contact button.back_btn {
		margin-right: 10px;
	}
}
/*===============================================
●tablet.css 480px
===============================================*/
@media screen and (max-width: 480px){
	#contactArea.contact .tel a {
		font-size: 8vw;
	}
}
/*===============================================
●tablet.css 414px
===============================================*/
@media screen and (max-width: 414px){
	.pc{
		display: none;
	}
	/*トップページの「物流機能と商社機能の～」を削除するため*/
	#comprehensive .service_inf .inner img.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.mobile {
		display: none;
	}
	#contactArea.contact .tel a {
		font-size: 7vw;
	}
	#keyvisual {
		background: url(../img/sp/top/main.jpg) no-repeat;
		background-size: cover;
	}
	#greeting #keyvisual {
		background: url(../img/sp/greeting/greeting_kv.jpg) no-repeat;
		background-size: cover;
	}
	#strengths #keyvisual {
		background: url(../img/sp/strengths/strengths_kv.jpg) no-repeat;
		background-size: cover;
	}
	#business #keyvisual {
		background: url(../img/sp/business/business_kv.jpg) no-repeat;
		background-size: cover;
	}
	#company #keyvisual {
		background: url(../img/sp/company/company_kv.jpg) no-repeat;
		background-size: cover;
	}
	#recruit #keyvisual {
		background: url(../img/sp/recruit/recruit_kv.jpg) no-repeat;
		background-size: cover;
	}
	#news #keyvisual {
		background: url(../img/sp/news/news_kv.jpg) no-repeat;
		background-size: cover;
	}
	#contact #keyvisual {
		background: url(../img/sp/contact/contact_kv.jpg) no-repeat;
		background-size: cover;
	}
	#privacy #keyvisual {
		background: url(../img/sp/privacy/privacy_kv.jpg) no-repeat;
		background-size: cover;
	}
	#oem #keyvisual {
		background: url(../img/sp/oem/oem_kv.jpg) no-repeat;
		background-size: cover;
	}


	#comprehensive #keyvisual .titleBox .text_inf {
		padding-top: 10px;
		font-size: 4.0vw;
		line-height: 6vw;
	}
	#comprehensive #keyvisual .titleBox .text_inf span {
		font-size: 2.5vw;
	}

}
/*===============================================
●tablet.css 375px
===============================================*/
@media screen and (max-width: 375px){
	#comprehensive .service_inf {
		padding: 25px 0;
	}
	#comprehensive .one_service .text_inf {
		padding: 0px 25px;
	}
	#comprehensive .service_inf .main_box {
		padding: 25px;
		height: auto;
	}
	#comprehensive .service_inf .main_box h5 {
		font-size: 5.0vw;
		text-align: center;
	}
	#comprehensive .cont_bloxk .inner {
		padding: 0px 25px;
	}
	#comprehensive .inner {
		padding: 0px 25px;
	}

	.tab_panel {
		padding: 20px;
	}
	.tab_wrap {
		margin: 80px auto 0;
	}
	#contactArea.contact .inner {
		padding: 0px 25px;
		max-width: 100%;
	}

	#contactArea.contact h3 {
		padding: 20px 0 30px;
	}
	input#birthday, select {
		max-width: 68px;
	}
	#contactArea.contact .tel a {
		font-size: 6vw;
	}
}
/*===============================================
●tablet.css 320px
===============================================*/
@media screen and (max-width: 320px){
	#comprehensive .service_inf .main_box h5 {
		font-size: 14px;
		font-size: 4.5vw;
	}
	.tab_panel {
		height: 250px;
	}
	#contactArea.contact .inner {
		padding: 0 25px;
		max-width: 100%;
	}
	#contactArea.contact .tel dt {
		font-size: 12px;
	}
}