@charset "utf-8";

/*
font-family: 'M PLUS 1p', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Oswald', sans-serif;

navy
color: #272e48;
*/

/* ------------------------------------------------ ページフェードイン */
body {
	margin: 0;
	padding: 0;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}

	@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}

	@-webkit-keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}

*::after,* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ------------------------------------------------ コンテンツフェードイン */
.fuwatAnime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: fuwatAnime;
    -ms-animation-name: fuwatAnime;
    animation-name: fuwatAnime;
    visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fuwatAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* ------------------------------------------------ 共通 */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Noto Serif JP', serif,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	letter-spacing: 2.5px;
}

html{
	scroll-behavior: smooth;
}

a {
	text-decoration: none;
	color: #333;
	letter-spacing: 2.5px;
	line-height: 180%;
}
a:hover {
	transition: 0.7s ;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

p {
	text-align: justify;
	letter-spacing: 2.5px;
	line-height: 180%;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* ------------------------------------------------ 配置系 */
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

/* ------------------------------------------------ アイコン */

/* ------------------------------------------------ マージン系 */
.mb30 {
	margin-bottom: 30px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb120 {
	margin-bottom: 120px;
}

/* ------------------------------------------------ フォント系 */
.font10 {
	font-size: 10px;
}
.font12 {
	font-size: 12px;
}

/* ------------------------------------------------ リセット系 */
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/* ------------------------------------------------ ヘッダエリア */
header {
	width: 100%;
	display: block;
}
.headerwrapper {
	position: relative;
	width: 1080px;
	height: auto;
	margin: 0 auto;
}

/* ロゴマーク */
.h1-wrapper {
	float: left;
	padding: 0;
}
h1.logo {
	margin-top: 40px;
	width: 167.5px;
	height: 45px;
}
h1.logo a {
	float: left;
	width: 167.5px;
	height: 45px;
	background-image: url(../images/common/h1.svg);
	font-size: 0.1em;
	text-indent: -9999em;
}
/*
h1.logo {
	margin-top: 40px;
	width: 220px;
	height: 60px;
}
h1.logo a {
	float: left;
	width: 192px;
	height: 45px;
	background-image: url(../images/common/h1.png);
	font-size: 0.1em;
	text-indent: -9999em;
}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		h1.logo a {
			background-image: url(../images/common/h1.png);
			background-size: 192px 45px;
		}
	}
*/
div.sab-menu a {
	display: block;
	float: right;
	padding: 5px 25px;
	color: #fff;
	background-color: #272e48;
}

/* ------------------------------------------------ スライドショー */
.cycle-slideshow {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    z-index: 0;
}
.cycle-slideshow img {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
}

.page_header {
	position: relative;
	width: 100%;
	height: 350px;
	background-color: #272e48;
}
.layer_ttl_box {
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align: center;
}
.page_header .ttl-en,
.page_header .ttl-jp {
    color: #fff;
}


/* ------------------------------------------------ コンテンツエリア */
.wrapper {
	width: 100%;
	height: auto:
	margin: 0 auto;
	padding-top: 120px;
}
.wrap {
	width: 1080px;
	height: auto;
	margin: 0 auto;
}

.liquid {
	width: 100%;
	height: auto:
	margin: 0 auto;
	padding-top: 120px;
}

.liquid_wrap {
	width: 1080px;
	height: auto;
	margin: 0 auto;
}

/* ------------------------------------------------ タイトル */
.ttl-wrap {
	margin-bottom: 30px;
}
h3.ttl-en {
	font-family: 'Oswald', sans-serif;
	text-align: center;
	font-size: 35px;
	letter-spacing: 0.5px;
	color: #272e48;
}
h2.ttl-jp {
	text-align: center;
}

/* ------------------------------------------------ ボタン */
/* 通常 */
.btn_container {
	padding: 30px 0;
}
.btn_contact {
    position: relative;
    color: #fff !important;
    background-color: #272e48;
    padding: 15px 30px;
}
.btn_contact:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -71px;
    opacity: .2;
    position: absolute;
    top: -63px;
    -webkit-transform: rotate(41deg);
    transform: rotate(41deg);
    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 1;
}
.btn_contact:hover:after {
    left: 120%;
    -webkit-transition: all 350ms cubic-bezier(255,255,255,1);
    transition: all 350ms cubic-bezier(255,255,255,1);
}

/* ------------------------------------------------ TOP：Information */
.info_box_top {
	position: relative;
	width: 100%;
	margin: -174px auto 0;
	z-index: 1px;
}
.info_box_top_wrap {
	width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 15px 30px;
	background-color: rgba(255,255,255,.8);
	border: 3px solid #272e48;
	border-radius: 15px;
}

dl.info_box_top {
    width: 100%;
    margin: 0 auto 30px;
}
dl.info_box_top dt {
    float: left;
    width: 120px;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}
dl.info_box_top dd {
    margin-left: 120px;
}
dl.info_box_top dd .new_icon {
    font-size: 10px;
    color: #fff;
    background-color: #f00;
    margin-left: 10px;
    padding: 2px 10px 5px;
    border-radius: 5px;
}

.info_overflow {
	width: 100%;
	height: 130px;
	overflow: scroll;
}

/* ------------------------------------------------ TOP：事業紹介 */
.flexbox_strength_top {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.flexbox_strength_top {
    opacity : 1;
    transform : translate(0px, 0px);
}
.f_item_strength_top {
    width: 24%;
}
.f_item_strength_top:nth-child(2) {
    margin-top: 30px;
}
.f_item_strength_top:nth-child(3) {
    margin-top: 60px;
}
.f_item_strength_top:nth-child(4) {
    margin-top: 90px;
}

.strength_img_box {
    position: relative;
}
.strength_img_box img {
    margin-bottom: 15px;
}
.strength_num_box {
    position: absolute;
    top: -7px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 70px 0 0;
    border-color: #272e48 transparent transparent transparent;
    line-height: 0px;
}
.strength_num {
    position: absolute;
    top: -2px;
    left: 3px;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    color: #fff;
}
.strength_name {
    font-size: 16px;
    color: #272e48;
    border-bottom: 1px dotted #272e48;
    margin-bottom: 9px;
    padding-bottom: 5px;
}
.strength_txt {
    text-align: justify;
    text-justify: inter-ideograph;
}

/*
.flexbox_business_top {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.flexbox_business_top {
    opacity : 1;
    transform : translate(0px, 0px);
}
.f_item_business_top {
	width: 30%;
}
.f_item_business_top:nth-child(2) {
	margin-top: 50px;
}
.f_item_business_top:nth-child(3) {
	margin-top: 100px;
}

.business_img_box {
	position: relative;
}
.business_img_box img {
	margin-bottom: 15px;
}
.business_num_box {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 70px 70px 0 0;
	border-color: #272e48 transparent transparent transparent;
	line-height: 0px;
}
.business_num {
	position: absolute;
	top: -2px;
	left: 3px;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	color: #fff;
}
.business_name {
	font-size: 16px;
	color: #272e48;
	border-bottom: 1px dotted #272e48;
	margin-bottom: 9px;
	padding-bottom: 5px;
}
.business_txt {
	text-align: justify;
	text-justify: inter-ideograph;
}
*/

/* ------------------------------------------------ TOP：会社概要 */
table.company {
    width: 100%;
    border: solid 1px #ddd;
    border-collapse: collapse;
    margin: 0 auto 60px;
}
table.company th {
    text-align: left;
    border: solid 1px #ddd;
    padding: 15px 20px;
}
table.company td {
    border: solid 1px #ddd;
    padding: 15px 20px;
}

iframe {
	vertical-align: bottom;
}

/* ------------------------------------------------ 当社の強み */
.page_main_ttl {
	position: relative;
	font-size: 36px;
	margin-bottom: 60px;
}
.page_main_ttl::after {
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	background-color: #272e48;
	position: absolute;
	bottom: -5px;
	left: 0;
}

.page_sub_ttl {
	position: relative;
	font-size: 25px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

.page_main_ttl_under_txt {
	margin: -30px 0 30px;
}
.red {
	color: #f00;
}

.flexbox_strength {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 90px;
}
.f_item_strength:nth-child(1) {
	width: 30%;
}
.f_item_strength:nth-child(2) {
	width: 65%;
}

.strength_no_box {
	position: relative;
	margin: 0px 0 15px;
}
.strength_no {
	position: absolute;
	top: -70px;
	left: -30px;/*-6px*/
	font-family: 'Oswald', sans-serif;
	font-size: 100px;
	color: rgba(39,46,72,.1);
	letter-spacing: normal;
	z-index: -1;
}
.strength_ttl {
	font-size: 28px;
	margin-left: 0;/*15px*/
	z-index: 1;
}

.page_sub_ttl {
	font-size: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 15px;
}

ul.circle {
	margin-bottom: 15px;
}
ul.circle li {
	list-style-type: circle;
	margin: 0 0 10px 18px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.asterisk {
	font-size: 12px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.asterisk::before {
	content: "*";
	display: inline-block;
}

.flexbox_strength_logistics {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.f_item_strength_logistics {
	width: 30%;
}
.f_item_strength_arrow {
	position: relative;
	width: 5%;
	text-align: center;
}
/*
.f_item_strength_arrow::after {
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    font-weight: 400;
    font-size: 30px;
}
*/
.img_cap {
	text-align: center;
	margin-top: 10px;
	color: #fff;
	background-color: #272e48;
	padding: 8px 0;
}

/* ------------------------------------------------ 会社概要 */
table.company_layer {
    width: 100%;
    border: solid 1px #ddd;
    border-collapse: collapse;
    margin: 0 auto 60px;
}
table.company_layer th {
	width: 25%;
    text-align: left;
    border: solid 1px #ddd;
    padding: 15px 20px;
}
table.company_layer td {
	width: 75%;
    border: solid 1px #ddd;
    padding: 15px 20px;
}

/* お取引先様募集 */
.under_title_contact {
	font-size: 16px;
	margin-bottom: 60px;
	line-height: 180%;
}
.under_title_contact a {
	border-bottom: 1px dotted #333;
	padding-bottom: 3px;
}

table.contact {
   border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
}
table.contact th {
   width: 25%;
   text-align: left;
   font-weight: normal;
   padding: 20px 15px;
   border-bottom: none;
}
table.contact td {
   width: 75%;
   padding: 20px 15px;
   border-bottom: none;
}
table.contact tr td input[type="text"],
table.contact tr td input[type="tel"],
table.contact tr td input[type="email"],
table.contact tr td select {
   width: 100%;
   height: 3em;
   border: 1px solid #f5f5f5;
   filter: drop-shadow(0px 0px 1px #ccc);
   padding: 0 10px;
}
table.contact td textarea {
   width: 100%;
   border: 1px solid #f5f5f5;
   filter: drop-shadow(0px 0px 1px #ccc);
   padding: 0 10px;
}
input[type="submit"]:hover{
   transition: 0.5s;
   opacity: 0.5;
   cursor: pointer;
}

.center {
   text-align: center;
}

/* ContactForm7 */
/* ボタン */
.wpcf7-confirm {
   color: #fff;
   background-color: #f00000;
   border: none;
   padding: 20px 60px;
}
.wpcf7-back {
   background-color: #dddddd;
   border: none;
   padding: 20px 60px;
}
.wpcf7-submit {
   color: #fff;
   background-color: #46d3db;
   border: none;
   padding: 20px 60px;
}
/* エラーメッセージ */
.screen-reader-response,
.screen-reader-response ul li {
   display: none;
}

.wpcf7-not-valid-tip {
   display: block;
   width: 100%;
   color: #f00;
   margin-top: 10px;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
   text-align: center;
   color: #f00;
}

/* ContactForm7 / MailFormPro共通 */
.must {
   color: #f00;
}

.thanks_txt {
   text-align: center;
   line-height: 3em;
}

@media (max-width:550px) {
   table.contact th {
      display: block;
      width: 100%;
      padding: 0 0 10px 0;
   }
   table.contact td {
      display: block;
      width: 100%;
      margin-bottom: 20px;
      padding: 0;
   }
}

/* ------------------------------------------------ 事業紹介 */
.catch_business {
	text-align: center;
	font-size: 28px;
	margin-bottom: 60px;
}
.img_business {
	text-align: center;
	margin: 0 auto;
}
.img_business img {
	width: 50%;
}
    @media (max-width: 767px) {
		.catch_business {
			font-size: 24px;
			margin-bottom: 30px;
		}
		.img_business img {
			width: 100%;
		}
    }
    @media (min-width: 768px) and (max-width: 980px) {
		.catch_business {
			font-size: 24px;
			margin-bottom: 30px;
		}
		.img_business img {
			width: 100%;
		}
    }

.flexbox_business_about {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
}
.f_item_business_about_txt {
	width: 60%;
}
.f_item_business_about_img {
	width: 35%;
}

.flexbox_business {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.f_item_img {
	width: 21.25%;
}
.f_item_arrow {
	position: relative;
	width: 5%;
	text-align: center;
}
/*
.f_item_arrow::after {
	display: block;
	l
    font-family: "Font Awesome 5 Free";
    content: "\f35a";
    font-weight: 400;
    font-size: 30px;
}
*/

/* ------------------------------------------------ アクセス */



/* ------------------------------------------------ インフォメーション */
.info_box_layer {
	position: relative;
	width: 100%;
	margin: 0px auto;
}
/*
.info_box_top_layer {
	width: 1080px;
	height: auto;
}
*/
dl.info_box_layer {
    width: 100%;
    margin: 0 auto 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
dl.info_box_layer:last-child {
    border-bottom: none;
}
dl.info_box_layer dt {
    float: left;
    width: 120px;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}
dl.info_box_layer dd {
    margin-left: 120px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
}
dl.info_box_layer dd .new_icon {
    font-size: 10px;
    color: #fff;
    background-color: #f00;
    margin-left: 10px;
    padding: 2px 10px 5px;
    border-radius: 5px;
}

/* 一覧ページ */
.wp-pagenavi {
	width: 100%;
	text-align: center;
	margin: 50px auto;
}
.wp-pagenavi span.pages,
.first,
.extend,
.last {
	display: none;
}
.wp-pagenavi span,
.wp-pagenavi a {
	font-size: 12px;
	margin: 10px;
	padding: 5px 10px;
}
.wp-pagenavi a {
	text-decoration: none;
	background-color: #333;
	color: #fff;
}

/* 個別ページ */
.ttl_single {
	font-size: 20px;
	margin-bottom: 15px;
	padding: 3px 0 5px 10px;
	border-left: 3px solid #ccc;
}
.date_single {
	color: #999;
	margin-bottom: 30px;
}
.content_single {
	line-height: 200%;
	margin-bottom: 60px;
}

.navPage {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 60px;
}

.thanks_txt {
	text-align: center;
}

/* ------------------------------------------------ 採用情報 */
.no_recruit {
	text-align: center;
	background-color: #f5f5f5;
	margin-bottom: 60px;
	padding: 5px;
}

table.recruit {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
}
table.recruit tr th {
	text-align: left;
	font-weight: normal;
	width: 15%;
	border-bottom: 2px solid #ccc;
	padding: 20px;
}
table.recruit tr td {
	width: 85%;
	border-bottom: 1px solid #ccc;
	padding: 20px;
}
    @media (max-width: 767px) {
		.no_recruit {
			margin-bottom: 30px;
		}

		table.recruit tr th {
			display: block;
			width: 100%;
			border-bottom: none;
			padding: 10px;
			background-color: #ccc;
		}
		table.recruit tr td {
			display: block;
			width: 100%;
			border-bottom: none;
			padding: 15px 0 30px;
		}
    }
    @media (min-width: 768px) and (max-width: 980px) {
		table.recruit tr th {
			width: 25%;
		}
		table.recruit tr td {
			width: 75%;
		}
    }


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

/* 個人情報保護方針 */
table.privacy {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
}
table.privacy tr th {
	display: block;
	width: 100%;
	text-align: left;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 14px;
}
table.privacy tr td {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
}
table.privacy th.right,
table.privacy td.right {
	text-align: right;
}

ol.privacy {
	margin-top: 5px;
}
ol.privacy li {
	list-style-type: decimal;
	margin-left: 35px;
}

span.privacy {
	display: inline-block;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	margin-top: 15px;
	padding: 20px;
	border-radius: 5px;
}




























/* ------------------------------------------------ フッタ */
footer {
	display: inline-block;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
}

.footwrap {
	width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
}

.flexbox_ft01 {
    display: flex;
}
.flex_item1 {
    width: 50%;
    padding: 20px;
    border-right: 1px solid #ddd;
}
.flex_item2 {
    width: 50%;
    padding: 20px;
}

.flexbox_ft01 p.footer_contact {
    text-align: right;
    width: 100%;
    font-size: 16px;
    color: #272e48;
    line-height: 25px;
}
.flexbox_ft01 p.footer_tel {
    float: left;
	font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #272e48;
    line-height: 13px;
    margin-right: 50px;
}

.footer_color {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: rgba(202,208,208,.3);
}
.footer_color-inner {
	clear: both;
	width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
}

.flexbox_ft02 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
}
.f_item_ft02 {
	width: 31.3333%;
	margin: 0 1%;
}
.footer_color-inner h3 a {
    color: #272e48;
}
.footer_color-inner h4 a {
    font-size: 12px;
    margin-left: 15px;
}

/* ロゴマーク */
.footer-company {
	float: left;
	margin-right: 30px;
}
.footer-add {
	margin-top: -10px;
}
footer h2.logo {
	width: 167.5px;
	height: 45px;
}
footer h2.logo a {
	float: left;
	width: 167.5px;
	height: 45px;
	background-image: url(../images/common/h1.svg);
	font-size: 0.1em;
	text-indent: -9999em;
}
/*
footer h2.logo {
	width: 220px;
	height: 60px;
}
footer h2.logo a {
	float: left;
	width: 192px;
	height: 45px;
	background-image: url(../images/common/h1.png);
	font-size: 0.1em;
	text-indent: -9999em;
}
	@media all and (-webkit-min-device-pixel-ratio: 1.5) {
		footer h2.logo a {
			background-image: url(../images/common/h1@2x.png);
			background-size: 192px 45px;
		}
	}
*/
.copy {
	text-align: right;
	font-size: 10px;
}

/********************************************************************************************************* スマホ */
@media (max-width: 767px){
	.pconly {
		display: none;
	}

	/* ------------------------------------------------ マージン系 */
	.mb30 {
		margin-bottom: 15px;
	}
	.mb60 {
		margin-bottom: 30px;
	}
	.mb90 {
		margin-bottom: 45px;
	}
	.mb120 {
		margin-bottom: 60px;
	}

	/* ------------------------------------------------ ヘッダエリア */
	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 70px;
		background-color: rgba(255,255,255,1);
		z-index: 99999;
	}
	.headerwrapper {
		width: 100%;
		height: 70px;
		margin: 0 auto;
	}

	/* ロゴマーク */
	.h1-wrapper {
		clear: left;
		padding: 0;
		border-left: none;
		border-right: none;
	}
	h1.logo {
		clear: left;
		text-align: center;
		margin-left: -96px;
		padding: 0;
	}
	h1.logo a {
		position: absolute;
		top: 15px;
		left: 50%;
		margin-left: -96px;
		padding: 0;
		z-index: 3;
	}

	div.sab-menu {
		display: none;
	}

	/* ------------------------------------------------ スライドショー */
	.page_header {
		height: 200px;
	}
	.layer_ttl_box {
	    top: 130px;
	}

	/* ------------------------------------------------ コンテンツエリア */
	.wrapper {
		padding-top: 60px;
	}
	.wrap {
		width: 85%;
	}

	.liquid {
		padding-top: 60px;
	}

	.liquid_wrap {
		width: 85%;
	}

	/* ------------------------------------------------ TOP：Information */
	.info_box_top {
		margin: 60px auto 0;
	}
	.info_box_top_wrap {
		width: 85%;
		padding: 15px;
	}

	dl.info_box_top dt {
		clear: left;
	    width: 100%;
	}
	dl.info_box_top dd {
	    margin-left: 0;
	}

	/* ------------------------------------------------ TOP：事業紹介 */
	.f_item_strength_top {
		width: 100%;
		margin-bottom: 30px;
	}
	.f_item_strength_top:nth-child(2) {
		margin-top: 0;
	}
	.f_item_strength_top:nth-child(3) {
		margin-top: 0;
	}
	.f_item_strength_top:nth-child(4) {
		margin-top: 0;
	}

	/* ------------------------------------------------ TOP：会社概要 */
	table.company th {
		display: block;
		width: 100%;
		background-color: #f5f5f5;
	    padding: 10px;
	}
	table.company td {
		display: block;
		width: 100%;
	    padding: 10px;
	}

	iframe {
		vertical-align: bottom;
	}

	/* ------------------------------------------------ 当社の強み */
	.page_main_ttl {
		text-align: center;
		font-size: 32px;
	}
	.page_main_ttl::after {
	    position: absolute;
		bottom: -5px;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    height: 2px;
	}

	.page_main_ttl {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.flexbox_strength {
		margin-bottom: 60px;
	}
	.f_item_strength:nth-child(1) {
		width: 100%;
		margin-bottom: 30px;
	}
	.f_item_strength:nth-child(2) {
		width: 100%;
	}

	.strength_no {
		top: -57px;
		left: -20px;
		font-size: 90px;
	}
	.strength_ttl {
		font-size: 25px;
	}

	.page_sub_ttl {
		font-size: 18px;
	}

	.f_item_strength_logistics {
		width: 100%;
	}
	.f_item_strength_arrow {
		width: 100%;
		margin: 15px 0;
	}

	.f_item_strength_arrow::after {
	    content: "\f358";
	}

	/* ------------------------------------------------ 会社概要 */
	table.company_layer {
	    margin: 0 auto 60px;
	}
	table.company_layer th {
			display: block;
			width: 100%;
			background-color: #f5f5f5;
		    padding: 10px;
	}
	table.company_layer td {
			display: block;
			width: 100%;
		    padding: 10px;
	}

	/* ------------------------------------------------ 事業紹介 */
	.f_item_business_about_txt {
		width: 100%;
		margin-bottom: 30px;
	}
	.f_item_business_about_img {
		width: 100%;
	}

	.f_item_img {
		width: 100%;
		margin-bottom: 15px;
	}
	.f_item_arrow {
		width: 100%;
		margin-bottom: 15px;
	}

	.f_item_arrow::after {
	    content: "\f358";
	}

	/* ------------------------------------------------ インフォメーション */
	.info_box_top {
		margin: 60px auto 0;
	}
	.info_box_top_wrap {
		width: 85%;
		padding: 15px;
	}

	dl.info_box_top dt {
		clear: left;
	    width: 100%;
	}
	dl.info_box_top dd {
	    margin-left: 0;
	}


	dl.info_box_layer {
	    width: 100%;
	    margin: 0 auto 30px;
	    padding-bottom: 30px;
	    border-bottom: 1px solid #ccc;
	}
	dl.info_box_layer:last-child {
	    border-bottom: none;
	}
	dl.info_box_layer dt {
		clear: left;
	    width: 100%;
	    margin-top: 0;
	}
	dl.info_box_layer dd {
	    margin-left: 0;
	    padding-left: 0;
	    border-left: none;
	}



























	/* ------------------------------------------------ フッタ */
	.footwrap {
		width: 85%;
	}

	.flexbox_ft01 {
	    display: flex;
	    flex-wrap: wrap;
	}
	.flex_item1 {
	    width: 100%;
	    padding: 0;
	    border-right: none;
	}
	.flex_item2 {
	    width: 100%;
	}

	.flexbox_ft01 p.footer_contact {
		text-align: center;
	    line-height: 0em;
	}
	.flexbox_ft01 p.footer_tel {
		clear: left;
		width: 100%;
		text-align: center;
	    margin-right: 0;
	}
	/* ボタン */
	.flexbox_ft01 .footer_btn {
		text-align: center;
		margin-top: 15px;
	}

	.footer_color-inner {
		width: 85%;
	}

	.f_item_ft02 {
	  width: 100%;
	  margin: 0;
	}

	/* ロゴマーク */
	.footer-company {
		width: 100%;
		clear: left;
		margin: 0 auto 15px;
	}
	.footer-add {
		text-align: center;
	}
	footer h2.logo {
		margin: 0 auto;
	}

	.copy {
		text-align: center;
		margin-top: 15px;
	}

}

/********************************************************************************************************* タブレット */
@media (min-width: 768px) and (max-width: 980px) {
	.pconly {
		display: none;
	}

	/* ------------------------------------------------ マージン系 */
	.mb30 {
		margin-bottom: 15px;
	}
	.mb60 {
		margin-bottom: 30px;
	}
	.mb90 {
		margin-bottom: 45px;
	}
	.mb120 {
		margin-bottom: 60px;
	}

	/* ------------------------------------------------ ヘッダエリア */
	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 70px;
		background-color: rgba(255,255,255,1);
		z-index: 99999;
	}
	.headerwrapper {
		width: 100%;
		height: 70px;
		margin: 0 auto;
	}

	/* ロゴマーク */
	.h1-wrapper {
		clear: left;
		padding: 0;
		border-left: none;
		border-right: none;
	}
	h1.logo {
		clear: left;
		text-align: center;
		margin-left: -96px;
		padding: 0;
	}
	h1.logo a {
		position: absolute;
		top: 15px;
		left: 50%;
		margin-left: -96px;
		padding: 0;
		z-index: 3;
	}

	div.sab-menu {
		display: none;
	}

	/* ------------------------------------------------ コンテンツエリア */
	.wrapper {
		padding-top: 60px;
	}
	.wrap {
		width: 85%;
	}

	.liquid {
		padding-top: 60px;
	}

	.liquid_wrap {
		width: 85%;
	}

	/* ------------------------------------------------ TOP：Information */
	.info_box_top {
		margin: 60px auto 0;
	}
	.info_box_top_wrap {
		width: 85%;
		padding: 15px;
	}

	/* ------------------------------------------------ 当社の強み */
	.page_main_ttl {
		text-align: center;
		font-size: 32px;
	}
	.page_main_ttl::after {
	    position: absolute;
		bottom: -5px;
	    left: 50%;
	    transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    height: 2px;
	}

	.page_main_ttl {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.flexbox_strength {
		margin-bottom: 60px;
	}
	.f_item_strength:nth-child(1) {
		width: 48%;
		margin-bottom: 30px;
	}
	.f_item_strength:nth-child(2) {
		width: 48%;
	}

	.strength_no {
		top: -57px;
		left: -20px;
		font-size: 90px;
	}
	.strength_ttl {
		font-size: 25px;
	}

	.page_sub_ttl {
		font-size: 18px;
	}




















	/* ------------------------------------------------ フッタ */
	.footwrap {
		width: 85%;
	}

	.flexbox_ft01 {
	    display: flex;
	    flex-wrap: wrap;
	}
	.flex_item1 {
	    width: 100%;
	    padding: 0;
	    border-right: none;
	}
	.flex_item2 {
	    width: 100%;
	}

	.flexbox_ft01 p.footer_contact {
		text-align: center;
	    line-height: 0em;
	}
	.flexbox_ft01 p.footer_tel {
		clear: left;
		width: 100%;
		text-align: center;
	    margin-right: 0;
	}

	/* ボタン */
	.flexbox_ft01 .footer_btn {
		text-align: center;
		margin-top: 15px;
	}

	.footer_color-inner {
		width: 85%;
	}

	.copy {
		text-align: left;
		margin-top: 15px;
	}

}


/********************************************************************************************************* PC */
@media (min-width: 981px) {
	.sponly {
		display: none;
	}

	/* ------------------------------------------------ ヘッダエリア */
	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: auto;
		background-color: rgba(255,255,255,.9);
		box-shadow: #f0f0f0 0 0 10px;
		-webkit-box-shadow: #f0f0f0 0 0 10px;
		-moz-box-shadow: #f0f0f0 0 0 10px;
		z-index: 99999;
	}

	/* Gナビ ホバーアニメーション */
	a.menu-link {
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
	a.menu-link::after {
		position: absolute;
		bottom: -10px;
		left: 0;
		right: 0;
		content: '';
		width: 10px;
		height: 10px;
		margin: auto;
		border-radius: 50%;
		background: #272e48;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	}
	a.menu-link:hover::after {
		transform: scale(1, 1);
	}

}