@charset "UTF-8";
/*--------------------------------------------------------------
# フロントエンド用スタイル
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 変数
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ミックスイン
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CSSリセット
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------------------------
# ベーススタイル
--------------------------------------------------------------*/
* {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

*::before, *::after {
	box-sizing: border-box;
}

html {
	margin-top: 0 !important;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	color: #1c1614;
	font-size: 15px;
	font-family: "Noto Serif JP", serif;
	line-height: 1.8;
	word-break: break-word;
	overflow-wrap: break-word;
	background: #ffffff;
}

@media screen and (max-width: 995px) {
	body.is-lock {
		height: 100%;
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	body {
		font-size: 14px;
	}
}

img {
	max-width: 100%;
	height: auto;
	line-height: 0;
	vertical-align: bottom;
	border: none;
	transition: opacity 0.3s;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
}

a {
	color: #1c1614;
	text-decoration: none;
	transition: 0.3s opacity;
}

@media screen and (min-width: 1200px) {
	a[href^="tel"] {
		pointer-events: none;
	}
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

strong {
	font-weight: bold;
}

figure {
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
	margin: 0;
}

button {
	padding: 0;
	font-size: inherit;
	font-family: inherit;
	background: none;
	border: none;
}

button:focus:not(.focus-visible) {
	outline: none;
}

/*---------------------------------
# 共通クラス
---------------------------------*/
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	word-wrap: normal !important;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
}

.container {
	position: relative;
	max-width: 1030px;
	margin: 0 auto;
	padding: 0 40px;
}

@media screen and (max-width: 767px) {
	.container {
		padding: 0 20px;
	}
}

.container::after, .container-front::after, .clearfix::after {
	display: table;
	clear: both;
	content: "";
}

.grecaptcha-badge {
	visibility: hidden;
}

/*--------------------------------------------------------------
# 要素の位置揃え
--------------------------------------------------------------*/
.u-ta-l {
	text-align: left !important;
}

.u-ta-c {
	text-align: center !important;
}

.u-ta-r {
	text-align: right !important;
}

/*--------------------------------------------------------------
# スペース（マージン、パディング）
--------------------------------------------------------------*/
.u-mt-xs {
	margin-top: 20px;
}

.u-mr-xs {
	margin-right: 20px;
}

.u-mb-xs {
	margin-bottom: 20px;
}

.u-ml-xs {
	margin-left: 20px;
}

@media screen and (max-width: 767px) {
	.u-mt-xs {
		margin-top: 10px;
	}
	.u-mr-xs {
		margin-right: 10px;
	}
	.u-mb-xs {
		margin-bottom: 10px;
	}
	.u-ml-xs {
		margin-left: 10px;
	}
}

.u-mt-sm {
	margin-top: 40px;
}

.u-mr-sm {
	margin-right: 40px;
}

.u-mb-sm {
	margin-bottom: 40px;
}

.u-ml-sm {
	margin-left: 40px;
}

@media screen and (max-width: 767px) {
	.u-mt-sm {
		margin-top: 20px;
	}
	.u-mr-sm {
		margin-right: 20px;
	}
	.u-mb-sm {
		margin-bottom: 20px;
	}
	.u-ml-sm {
		margin-left: 20px;
	}
}

.u-mt-md {
	margin-top: 60px;
}

.u-mr-md {
	margin-right: 60px;
}

.u-mb-md {
	margin-bottom: 60px;
}

.u-ml-md {
	margin-left: 60px;
}

@media screen and (max-width: 767px) {
	.u-mt-md {
		margin-top: 30px;
	}
	.u-mr-md {
		margin-right: 30px;
	}
	.u-mb-md {
		margin-bottom: 30px;
	}
	.u-ml-md {
		margin-left: 30px;
	}
}

.u-mt-lg {
	margin-top: 90px;
}

.u-mr-lg {
	margin-right: 90px;
}

.u-mb-lg {
	margin-bottom: 90px;
}

.u-ml-lg {
	margin-left: 90px;
}

@media screen and (max-width: 767px) {
	.u-mt-lg {
		margin-top: 45px;
	}
	.u-mr-lg {
		margin-right: 45px;
	}
	.u-mb-lg {
		margin-bottom: 45px;
	}
	.u-ml-lg {
		margin-left: 45px;
	}
}

.u-mt-xl {
	margin-top: 120px;
}

.u-mr-xl {
	margin-right: 120px;
}

.u-mb-xl {
	margin-bottom: 120px;
}

.u-ml-xl {
	margin-left: 120px;
}

@media screen and (max-width: 767px) {
	.u-mt-xl {
		margin-top: 60px;
	}
	.u-mr-xl {
		margin-right: 60px;
	}
	.u-mb-xl {
		margin-bottom: 60px;
	}
	.u-ml-xl {
		margin-left: 60px;
	}
}

/*--------------------------------------------------------------
# ページメインビジュアル
--------------------------------------------------------------*/
.c-pageMv {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	height: 355px;
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 995px) {
	.c-pageMv {
		height: 280px;
	}
}

@media screen and (max-width: 767px) {
	.c-pageMv {
		height: 60vw;
	}
}

.c-pageMv__ttl {
	position: relative;
	z-index: 1;
	font-weight: bold;
	font-size: 30px;
}

@media screen and (max-width: 767px) {
	.c-pageMv__ttl {
		font-size: 24px;
	}
}

.c-pageMv__subTtl {
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
	.c-pageMv__subTtl {
		font-size: 12px;
	}
}

.c-pageMv__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

/*--------------------------------------------------------------
# ボタン
--------------------------------------------------------------*/
.c-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 260px;
	height: 60px;
	color: #ffffff;
	font-size: 13px;
	background: #40748e;
}

@media screen and (min-width: 1200px) {
	.c-btn {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.c-btn:hover {
		opacity: 0.7;
	}
	.c-btn:hover img {
		opacity: 1;
	}
}

.c-btn::after {
	position: absolute;
	top: 50%;
	right: 35px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	transform: scale(1.5, 1) rotate(45deg);
	content: "";
}

.c-btn--back {
	background: #90928e;
}

.c-btn--back::after {
	right: auto;
	left: 35px;
	transform: scale(-1.5, 1) rotate(45deg);
}

/*--------------------------------------------------------------
# 画像付き文章
--------------------------------------------------------------*/
.c-mediaText {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

@media screen and (max-width: 767px) {
	.c-mediaText {
		display: block;
	}
}

.c-mediaText__fig {
	flex: 1;
	margin-right: 60px;
}

@media screen and (max-width: 767px) {
	.c-mediaText__fig {
		margin: 0 0 30px !important;
	}
}

.c-mediaText__img {
	width: 100%;
}

.c-mediaText__cnt {
	width: 50%;
}

@media screen and (max-width: 767px) {
	.c-mediaText__cnt {
		width: 100%;
	}
}

.c-mediaText__ttl {
	margin-bottom: 1em;
	color: #396982;
	font-weight: bold;
	font-size: 17px;
}

.c-mediaText--reverse {
	flex-flow: row-reverse;
}

.c-mediaText--reverse .c-mediaText__fig {
	margin-right: 0;
	margin-left: 60px;
}

/*--------------------------------------------------------------
# セクションタイトル
--------------------------------------------------------------*/
.c-section {
	padding: 90px 0;
}

@media screen and (max-width: 767px) {
	.c-section {
		padding: 60px 0;
	}
}

.c-section--hasBg {
	background: #f2f2f2;
}

/*--------------------------------------------------------------
# セクションタイトル
--------------------------------------------------------------*/
.c-sectionTtl {
	margin-bottom: 3em;
	color: #396982;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.c-sectionTtl {
		margin-bottom: 2em;
	}
}

/*--------------------------------------------------------------
# ページナビゲーション
--------------------------------------------------------------*/
.c-pageNav {
	padding: 20px 0;
}

@media screen and (max-width: 767px) {
	.c-pageNav {
		font-size: 12px;
	}
}

.c-pageNav__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -1em;
}

.c-pageNav__item {
	margin: 0 1.5em 0.5em;
}

@media screen and (max-width: 767px) {
	.c-pageNav__item {
		margin-right: 0.5em;
		margin-left: 0.5em;
	}
}

.c-pageNav__link {
	color: #396982;
}

@media screen and (min-width: 1200px) {
	.c-pageNav__link {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.c-pageNav__link:hover {
		opacity: 0.7;
	}
	.c-pageNav__link:hover img {
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# 事業紹介下層ページ ナビ
--------------------------------------------------------------*/
.c-businessNav {
	padding: 130px 0;
}

@media screen and (max-width: 995px) {
	.c-businessNav {
		padding: 30px 0;
	}
}

.c-businessNav__list {
	display: flex;
}

@media screen and (max-width: 995px) {
	.c-businessNav__list {
		flex-wrap: wrap;
	}
}

.c-businessNav__item {
	flex: 1;
}

@media screen and (max-width: 995px) {
	.c-businessNav__item {
		flex: auto;
		width: 33.3%;
	}
}

.c-businessNav__link {
	position: relative;
	display: block;
}

@media screen and (min-width: 1200px) {
	.c-businessNav__link {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.c-businessNav__link:hover {
		opacity: 0.7;
	}
	.c-businessNav__link:hover img {
		opacity: 1;
	}
}

.c-businessNav__txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 0.5em;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
	.c-businessNav__txt {
		font-size: 10px;
	}
}

/*--------------------------------------------------------------
# ヘッダー
--------------------------------------------------------------*/
.l-header {
	position: fixed;
	top: 0;
	z-index: 3;
	width: 100%;
	background: #ffffff;
}

.l-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1200px;
	height: 70px;
	margin: 0 auto;
	padding: 0 40px;
}

@media screen and (max-width: 995px) {
	.l-header__inner {
		height: 60px;
		padding: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.l-header__inner {
		height: 50px;
	}
}

.l-header__logo {
	width: 250px;
}

@media screen and (max-width: 767px) {
	.l-header__logo {
		width: 150px;
	}
}

@media screen and (min-width: 1200px) {
	.l-header__logoLink {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-header__logoLink:hover {
		opacity: 0.7;
	}
	.l-header__logoLink:hover img {
		opacity: 1;
	}
}

.l-header__nav {
	margin-left: auto;
}

@media screen and (max-width: 995px) {
	.l-header__nav {
		display: none;
	}
}

.l-header__navList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	font-size: 13px;
}

.l-header__navList > .menu-item {
	position: relative;
}

.l-header__navList > .menu-item:not(:last-child) {
	margin-right: 1.5em;
}

.l-header__navList > .menu-item > a {
	display: block;
	padding: 1em;
}

@media screen and (min-width: 1200px) {
	.l-header__navList > .menu-item > a {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-header__navList > .menu-item > a:hover {
		opacity: 0.7;
	}
	.l-header__navList > .menu-item > a:hover img {
		opacity: 1;
	}
}

.l-header__navList > .menu-item > a[href="#"] {
	pointer-events: none;
}

.l-header__navList > .menu-item > .sub-menu {
	position: absolute;
	left: 0;
	white-space: nowrap;
	text-align: center;
	background: #ffffff;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
}

.l-header__navList > .menu-item > .sub-menu a {
	display: block;
	padding: 10px 30px;
	color: #ffffff;
	background: #40748e;
}

@media screen and (min-width: 1200px) {
	.l-header__navList > .menu-item > .sub-menu a {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-header__navList > .menu-item > .sub-menu a:hover {
		opacity: 0.7;
	}
	.l-header__navList > .menu-item > .sub-menu a:hover img {
		opacity: 1;
	}
}

.l-header__navList > .menu-item:hover .sub-menu {
	visibility: visible;
	opacity: 1;
}

.l-header__sns {
	margin-left: 20px;
}

.l-header__contact {
	margin-right: 48px;
}

@media screen and (max-width: 995px) {
	.l-header__sns {
		display: none;
	}
}
@media screen and (min-width: 996px) {
	.l-header__contact {
		display: none;
	}
}
.l-header__snsList {
	display: flex;
	align-items: center;
}

.l-header__snsItem:not(:last-child) {
	margin-right: 8px;
}
.l-header__snsLink {
	display: block;
}

.l-header__contactList {
	display: flex;
	align-items: center;
}
.l-header__contactItem:not(:last-child) {
	margin-right: 8px;
}
.l-header__contactLink {
	display: block;
}

@media screen and (min-width: 1200px) {
	.l-header__snsLink {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-header__snsLink:hover {
		opacity: 0.7;
	}
	.l-header__snsLink:hover img {
		opacity: 1;
	}
	.l-header__contactLink {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-header__contactLink:hover {
		opacity: 0.7;
	}
	.l-header__contactLink:hover img {
		opacity: 1;
	}
}

.l-header__snsImg {
	width: 28px;
}

.l-header__btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	padding: 0;
}

@media screen and (min-width: 996px) {
	.l-header__btn {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.l-header__btn {
		width: 60px;
	}
}

.l-header__btn span {
	position: absolute;
	top: 50%;
	left: 25%;
	width: 50%;
	height: 2px;
	background: #396982;
	transition: 0.5s;
}

.l-header__btn span:nth-child(1) {
	margin-top: -10px;
}

@media screen and (max-width: 767px) {
	.l-header__btn span:nth-child(1) {
		margin-top: -8px;
	}
}

.l-header__btn span:nth-child(3) {
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.l-header__btn span:nth-child(3) {
		margin-top: 8px;
	}
}

.l-header__btn.is-open span:nth-child(1) {
	margin-top: 0;
	transform: rotate(45deg);
}

.l-header__btn.is-open span:nth-child(2) {
	opacity: 0;
}

.l-header__btn.is-open span:nth-child(3) {
	margin-top: 0;
	transform: rotate(-45deg);
}

body.home .l-header {
	margin-bottom: -70px;
	background: transparent;
	transition: background 0.3s;
}

@media screen and (max-width: 995px) {
	body.home .l-header {
		margin-bottom: -60px;
	}
}

@media screen and (max-width: 767px) {
	body.home .l-header {
		margin-bottom: -50px;
	}
}

body.home .l-header__navList > .menu-item > a {
	color: #ffffff;
	transition: color 0.3s, opacity 0.3s;
}

body.home .l-header__btn span {
	background: #ffffff;
	transition: background 0.3s;
}

body.home .l-header__btn.is-open span {
	background: #396982;
}

body.home .l-header__snsLink {
	position: relative;
}

body.home .l-header__snsLink::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: opacity 0.3s;
	content: "";
}
.l-header__contactLink {
	position: relative;
	width: 32px;
}

.l-header__contactLink::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: opacity 0.3s;
	content: "";
}
body.home .l-header__snsLink--instagram::before {
	background: url(../img/common/header_instagram_w.svg);
}

body.home .l-header__snsLink--facebook::before {
	background: url(../img/common/header_facebook_w.svg);
}

body.home .l-header__snsLink--youtube::before {
	background: url(../img/common/header_youtube_w.svg);
}

body.home .l-header__snsImg {
	opacity: 0;
	transition: opacity 0.3s;
}

body.home .l-header.is-scroll {
	background: #ffffff;
}

body.home .l-header.is-scroll .l-header__navList > .menu-item > a {
	color: #1c1614;
}

body.home .l-header.is-scroll .l-header__btn span {
	background: #396982;
}

body.home .l-header.is-scroll .l-header__snsImg {
	opacity: 1;
}

body.home .l-header.is-scroll .l-header__snsLink::before {
	opacity: 0;
}

/*--------------------------------------------------------------
# フッター
--------------------------------------------------------------*/
.l-footer__cnt {
	color: #ffffff;
	background: #5992b0;
}

.l-footer__inner {
	position: relative;
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 40px;
}

@media screen and (max-width: 995px) {
	.l-footer__inner {
		display: block;
		padding: 50px 20px;
	}
}

@media screen and (max-width: 767px) {
	.l-footer__inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.l-footer__pageTop {
	position: absolute;
	right: 40px;
	bottom: 0;
	width: 40px;
	height: 40px;
	font-size: 0;
	background: #ffffff;
}

@media screen and (max-width: 995px) {
	.l-footer__pageTop {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	.l-footer__pageTop {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-footer__pageTop:hover {
		opacity: 0.7;
	}
	.l-footer__pageTop:hover img {
		opacity: 1;
	}
}

.l-footer__pageTop::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: 4px;
	border-top: 1px solid #5992b0;
	border-left: 1px solid #5992b0;
	transform: translate(-50%, -50%) rotate(45deg);
	content: "";
}

.l-footer__col--left {
	width: 350px;
}

@media screen and (max-width: 995px) {
	.l-footer__col--left {
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.l-footer__col--left {
		margin-bottom: 0;
	}
}

.l-footer__col--right {
	flex: 1;
}

.l-footer__logo {
	display: block;
	width: 100%;
	max-width: 270px;
	margin-bottom: 15px;
}

@media screen and (min-width: 1200px) {
	.l-footer__logo {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-footer__logo:hover {
		opacity: 0.7;
	}
	.l-footer__logo:hover img {
		opacity: 1;
	}
}

@media screen and (max-width: 995px) {
	.l-footer__logo {
		max-width: 350px;
		margin: 0 auto 30px;
	}
}

@media screen and (max-width: 767px) {
	.l-footer__logo {
		margin-bottom: 20px;
	}
}

.l-footer__address {
	font-size: 13px;
}

.l-footer__contact {
	margin-bottom: 20px;
	font-size: 13px;
}

.l-footer__sns {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.l-footer__sns {
		margin-bottom: 20px;
	}
}

.l-footer__snsList {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 995px) {
	.l-footer__snsList {
		justify-content: center;
		margin: 0 auto;
	}
}

.l-footer__snsItem:not(:last-child) {
	margin-right: 20px;
}

@media screen and (min-width: 1200px) {
	.l-footer__snsLink {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-footer__snsLink:hover {
		opacity: 0.7;
	}
	.l-footer__snsLink:hover img {
		opacity: 1;
	}
}

.l-footer__snsImg {
	width: 40px;
}

.l-footer__badgeList {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 995px) {
	.l-footer__badgeList {
		justify-content: center;
	}
}
@media screen and (max-width: 767px) {
	.l-footer__badgeList {
		margin-bottom: 20px;
	}
}

.l-footer__badgeItem:not(:last-child) {
	margin-right: 15px;
}

.l-footer__badgeImg {
	height: 40px;
}

@media screen and (max-width: 995px) {
	.l-footer__badgeImg {
		height: 60px;
	}
}

.l-footer__nav {
	font-size: 13px;
}

@media screen and (max-width: 767px) {
	.l-footer__nav {
		display: none;
	}
}

.l-footer__navList {
	display: flex;
	justify-content: space-between;
	font-family: "Noto Sans JP", sans-serif;
}

.l-footer__navList a {
	color: #ffffff;
}

@media screen and (min-width: 1200px) {
	.l-footer__navList a {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.l-footer__navList a:hover {
		opacity: 0.7;
	}
	.l-footer__navList a:hover img {
		opacity: 1;
	}
}

.l-footer__navList a[href="#"] {
	pointer-events: none;
}

.l-footer__navList > .menu-item {
	position: relative;
}

.l-footer__navList > .menu-item:not(:last-child) {
	margin-right: 10px;
}

.l-footer__navList .sub-menu {
	margin-top: 1em;
}

.l-footer__navList .sub-menu > .menu-item:not(:last-child) {
	margin-bottom: 0.3em;
}

.l-footer__mark {
	position: absolute;
	right: 5%;
	bottom: 25%;
	width: 230px;
}
.l-footer__mark img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 995px) {
	.l-footer__mark {
		bottom: 10%;
	}
}
@media screen and (max-width: 640px) {
	.l-footer__mark {
		position: relative;
		right: 0;
		width: 135px;
		margin: 0 auto;
		text-align: center;
	}
}

.l-footer__copy {
	max-width: 1200px;
	margin: 0 auto;
	padding: 5px 40px;
	font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
	.l-footer__copy {
		padding-right: 0;
		padding-left: 0;
		font-size: 10px;
		text-align: center;
	}
}

/*--------------------------------------------------------------
# ドロワーメニュー
--------------------------------------------------------------*/
.l-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 100%;
	z-index: 2;
	display: block;
	width: 100%;
	padding-top: 60px;
	background: #ffffff;
	transition: left 0.4s;
}

@media screen and (min-width: 1200px) {
	.l-drawer {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.l-drawer {
		padding-top: 60px;
	}
}

.l-drawer[aria-hidden="false"] {
	left: 0;
}

.l-drawer__inner {
	max-width: 500px;
	height: 100%;
	margin: 0 auto;
	padding: 40px 0;
	overflow-y: scroll;
}

@media screen and (max-width: 767px) {
	.l-drawer__inner {
		padding: 20px 0;
	}
}

.l-drawer__main {
	font-size: 22px;
}

@media screen and (max-width: 767px) {
	.l-drawer__main {
		font-size: 20px;
	}
}

.l-drawer__main a {
	display: block;
	color: #396982;
}

.l-drawer__main > .menu-item {
	position: relative;
	padding-left: 45px;
}

.l-drawer__main > .menu-item:not(:last-child) {
	margin-bottom: 0.5em;
}

.l-drawer__main > .menu-item::before {
	position: absolute;
	top: 20px;
	left: 0;
	width: 35px;
	height: 1px;
	background: #396982;
	content: "";
}

.l-drawer__main .sub-menu {
	font-size: 18px;
}

@media screen and (max-width: 767px) {
	.l-drawer__main .sub-menu {
		font-size: 16px;
	}
}

.l-drawer__sub {
	margin-top: 40px;
	padding-left: 45px;
	font-size: 18px;
	font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
	.l-drawer__sub {
		margin-top: 30px;
		font-size: 14px;
	}
}

.l-drawer__sub a {
	display: block;
	color: #396982;
}

.l-drawer__sub > .menu-item:not(:last-child) {
	margin-bottom: 0.5em;
}

/*--------------------------------------------------------------
# ローディングアニメーション
--------------------------------------------------------------*/
.l-loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #396982;
}

.l-loading__inner {
	display: flex;
}

.l-loading__pulse {
	position: relative;
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-radius: 50%;
	-webkit-animation-name: dotPulse;
	animation-name: dotPulse;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.l-loading__pulse:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.l-loading__pulse:nth-child(2) {
	margin: 0 5px;
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.l-loading__pulse:nth-child(3) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

@-webkit-keyframes dotPulse {
	0% {
		transform: scale(0);
	}
	30% {
		transform: scale(1.2);
	}
	60%, 100% {
		transform: scale(0);
	}
}

@keyframes dotPulse {
	0% {
		transform: scale(0);
	}
	30% {
		transform: scale(1.2);
	}
	60%, 100% {
		transform: scale(0);
	}
}

/*--------------------------------------------------------------
# トップページ
--------------------------------------------------------------*/
.p-top-ttl {
	margin-bottom: 0.8em;
	color: #396982;
	font-size: 45px;
	font-family: "Noto Sans JP", sans-serif;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.p-top-ttl {
		font-size: 30px;
	}
}

.p-top-mv {
	position: relative;
	height: 100vh;
	margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
	.p-top-mv {
		margin-bottom: 60px;
	}
}

.p-top-mv__txt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1070px;
	margin-top: -50px;
	padding: 0 40px;
	color: #ffffff;
	font-size: 25px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
	.p-top-mv__txt {
		margin-top: -35px;
		font-size: 20px;
	}
}

.p-top-mv__ttl {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1070px;
	margin-top: 50px;
	padding: 0 40px;
	color: #ffffff;
	font-size: 22px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	transform: translate(-50%, -50%);
}

.s-top-mv__ttl {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1070px;
	margin-top: 50px;
	padding: 0 40px;
	color: #ffffff;
	font-size: 22px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
	.p-top-mv__ttl {
		display: none;
	}
	.s-top-mv__ttl {
		margin-top: 40px;
		font-size: 16px;
	}
}
@media screen and (min-width: 768px) {
	.s-top-mv__ttl {
		display: none;
	}
}

.p-top-mv__ttl img {
	width: 258px;
}

@media screen and (max-width: 767px) {
	.s-top-mv__ttl img {
		width: 185px;
	}
}

.p-top-mv__img {
	display: block;
	width: calc(100% + 60px);
	height: 100vh;
	margin-left: -60px;
	background-image: url(../img/top/mv.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	transition: background-position 6s ease-out;
}

@media screen and (max-width: 767px) {
	.p-top-mv__img {
		background-image: url(../img_sp/top/mv.jpg);
	}
}

.p-top-mv__img.is-loaded {
	background-position: left 60px center;
}

.p-top-business {
	margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.p-top-business {
		margin-bottom: 20px;
	}
}

.p-top-business__list {
	display: flex;
	flex-wrap: wrap;
}

.p-top-business__item {
	width: 33.3%;
}

@media screen and (max-width: 995px) {
	.p-top-business__item {
		width: 50%;
	}
}

.p-top-business__link {
	position: relative;
	display: block;
	height: 305px;
}

@media screen and (min-width: 1200px) {
	.p-top-business__link {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-top-business__link:hover {
		opacity: 0.7;
	}
	.p-top-business__link:hover img {
		opacity: 1;
	}
}

@media screen and (max-width: 767px) {
	.p-top-business__link {
		height: 160px;
	}
}

.p-top-business__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.p-top-business__txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	transform: translateY(-50%);
}

.p-top-business__txt span {
	display: block;
}

.p-top-business__txt span:first-child {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.p-top-business__txt span:first-child {
		font-size: 16px;
	}
}

.p-top-business__txt span:last-child {
	font-size: 12px;
	font-family: "Noto Sans JP", sans-serif;
}

.p-top-csr {
	margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
	.p-top-csr {
		margin-bottom: 60px;
	}
}

.p-top-csr__inner {
	position: relative;
	display: block;
	height: 645px;
}

@media screen and (min-width: 1200px) {
	.p-top-csr__inner {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-top-csr__inner:hover {
		opacity: 0.7;
	}
	.p-top-csr__inner:hover img {
		opacity: 1;
	}
}

@media screen and (max-width: 767px) {
	.p-top-csr__inner {
		height: 400px;
	}
}

.p-top-csr__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.p-top-csr__txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
	.p-top-csr__txt {
		font-size: 24px;
	}
}

.p-top-news {
	margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
	.p-top-news {
		margin-bottom: 50px;
	}
}

.p-top-news__list {
	margin-bottom: 40px;
	font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
}

.p-top-news__item {
	display: flex;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #396982;
}

@media screen and (max-width: 767px) {
	.p-top-news__item {
		flex-wrap: wrap;
	}
}

.p-top-news__item:not(:last-child) {
	margin-bottom: 1.5em;
}

@media screen and (max-width: 767px) {
	.p-top-news__item:not(:last-child) {
		margin-bottom: 0.5em;
	}
}

.p-top-news__date {
	width: 80px;
}

@media screen and (max-width: 767px) {
	.p-top-news__date {
		flex-wrap: wrap;
	}
}

.p-top-news__cat {
	width: 130px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.p-top-news__cat {
		flex: 1;
		width: auto;
	}
}

.p-top-news__ttl {
	width: calc(100% - 260px);
	margin-left: auto;
}

@media screen and (max-width: 767px) {
	.p-top-news__ttl {
		width: 100%;
	}
}

@media screen and (min-width: 1200px) {
	.p-top-news__link {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-top-news__link:hover {
		opacity: 0.7;
	}
	.p-top-news__link:hover img {
		opacity: 1;
	}
}

.p-top-news__btn {
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 360px;
	height: 77px;
	margin: 0 auto;
	color: #396982;
	font-size: 22px;
	border: 1px solid;
}

@media screen and (min-width: 1200px) {
	.p-top-news__btn {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-top-news__btn:hover {
		opacity: 0.7;
	}
	.p-top-news__btn:hover img {
		opacity: 1;
	}
}

@media screen and (max-width: 767px) {
	.p-top-news__btn {
		max-width: 300px;
		height: 50px;
		font-size: 18px;
	}
}

.p-top-news__notfound {
	padding: 3em 0;
	text-align: center;
}

.p-top-about {
	margin-bottom: 130px;
}

@media screen and (max-width: 767px) {
	.p-top-about {
		margin-bottom: 60px;
	}
}

.p-top-about__list {
	display: flex;
}

@media screen and (max-width: 995px) {
	.p-top-about__list {
		display: block;
	}
}

.p-top-about__item {
	width: 50%;
}

@media screen and (max-width: 995px) {
	.p-top-about__item {
		width: 100%;
	}
}

.p-top-about__link {
	position: relative;
	display: block;
	height: 360px;
}

@media screen and (min-width: 1200px) {
	.p-top-about__link {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-top-about__link:hover {
		opacity: 0.7;
	}
	.p-top-about__link:hover img {
		opacity: 1;
	}
}

@media screen and (max-width: 767px) {
	.p-top-about__link {
		height: 180px;
	}
}

.p-top-about__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.p-top-about__txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	transform: translateY(-50%);
}

.p-top-about__txt span {
	display: block;
}

.p-top-about__txt span:first-child {
	font-weight: bold;
	font-size: 24px;
}

@media screen and (max-width: 767px) {
	.p-top-about__txt span:first-child {
		font-size: 20px;
	}
}

.p-top-about__txt span:last-child {
	font-size: 12px;
	font-family: "Noto Sans JP", sans-serif;
}

/*--------------------------------------------------------------
# 会社案内ページ
--------------------------------------------------------------*/
.p-company {
	display: flex;
	padding-left: 60px;
}

@media screen and (max-width: 995px) {
	.p-company {
		padding-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.p-company {
		display: block;
	}
}

.p-company__ttl {
	margin-right: 70px;
	color: #396982;
	font-weight: bold;
	font-size: 19px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
	.p-company__ttl {
		margin: 0 0 2em;
		text-align: center;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}
}

.p-company__cnt {
	flex: 1;
}

.p-company-outline__item {
	display: flex;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #396982;
}

@media screen and (max-width: 767px) {
	.p-company-outline__item {
		padding-bottom: 0.5em;
	}
}

.p-company-outline__item:not(:last-child) {
	margin-bottom: 1.5em;
}

@media screen and (max-width: 767px) {
	.p-company-outline__item:not(:last-child) {
		margin-bottom: 0.5em;
	}
}

.p-company-outline__ttl {
	width: 120px;
}

@media screen and (max-width: 995px) {
	.p-company-outline__ttl {
		width: 100px;
	}
}

.p-company-outline__txt {
	flex: 1;
}

.p-company-concept {
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 767px) {
	.p-company-concept {
		display: block;
	}
}

.p-company-concept__pic {
	width: 170px;
	margin-right: 80px;
}

@media screen and (max-width: 767px) {
	.p-company-concept__pic {
		margin: 0 auto 30px;
	}
}

.p-company-concept__img {
	width: 100%;
}

.p-company-concept__txt {
	flex: 1;
}

.p-company-greeting__ttl {
	margin-bottom: 1em;
	color: #396982;
	font-weight: bold;
	font-size: 17px;
}

.p-company-history__item {
	position: relative;
	display: flex;
}

.p-company-history__item:not(:last-child) {
	margin-bottom: 5px;
	padding-bottom: 45px;
}

.p-company-history__item:not(:last-child)::after {
	position: absolute;
	top: 30px;
	bottom: 0;
	left: 50px;
	width: 1px;
	background: #396982;
	content: "";
}

.p-company-history__ttl {
	width: 7em;
	margin-right: 45px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.p-company-history__ttl {
		margin-right: 25px;
	}
}

.p-company-history__txt {
	flex: 1;
}

.p-company-activities__ttl {
	margin-bottom: 1em;
	font-weight: bold;
}

.p-company-activities__ttl:not(:first-of-type) {
	margin-top: 30px;
}

.p-company-activities__cnt {
	display: flex;
	align-items: flex-start;
}

.p-company-activities__img {
	width: 130px;
	margin-right: 40px;
}

@media screen and (max-width: 767px) {
	.p-company-activities__img {
		width: 100px;
		margin-right: 20px;
	}
}

.p-company-activities__txt {
	flex: 1;
}

.p-company-access__map {
	display: block;
	width: 100%;
	height: 445px;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.p-company-access__map {
		height: 250px;
	}
}

.p-company-access__ttl {
	margin-bottom: 0.5em;
	font-weight: bold;
}

.p-company-access__txt {
	margin-bottom: 1em;
}

.p-company-access__note {
	font-size: 14px;
}

/*--------------------------------------------------------------
# 採用情報ページ
--------------------------------------------------------------*/
.p-employment-carrer__ttl {
	margin-bottom: 1.5em;
	color: #396982;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
}

.p-employment-carrer__txt {
	margin-bottom: 2em;
}

.p-employment-carrer__txt em {
	color: #396982;
	font-size: 1.13em;
}

.p-employment-carrer__img {
	display: block;
	margin: 70px auto;
}

.p-employment-carrer__tab {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.p-employment-carrer__tabItem {
	flex: 1;
	max-width: 240px;
}

.p-employment-carrer__tabItem:not(:last-child) {
	margin-right: 30px;
}

@media screen and (max-width: 767px) {
	.p-employment-carrer__tabItem:not(:last-child) {
		margin-right: 10px;
	}
}

.p-employment-carrer__tabBtn {
	display: block;
	width: 100%;
	padding: 0.5em 0;
	color: #396982;
	background: rgba(57, 105, 130, 0.5);
	cursor: pointer;
}

.p-employment-carrer__tabBtn[aria-selected="true"] {
	color: #ffffff;
	background: #396982;
}

.p-employment-carrer__tabContent[aria-hidden="true"] {
	display: none;
}

.p-employment-carrer__tabTxt {
	margin-bottom: 2rem;
}

.p-employment-carrer__tblWrap {
	overflow-x: scroll;
}

.p-employment-carrer__tbl {
	table-layout: fixed;
}

@media screen and (max-width: 767px) {
	.p-employment-carrer__tbl {
		width: 900px;
	}
}

.p-employment-carrer__tbl th, .p-employment-carrer__tbl td {
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #396982;
}

.p-employment-carrer__tbl thead th {
	color: #ffffff;
	background: rgba(57, 105, 130, 0.5);
}

.p-employment-carrer__tbl thead th:nth-child(1) {
	width: 25%;
}

.p-employment-carrer__tbl thead th:nth-child(2) {
	width: 30%;
}

.p-employment-carrer__tbl tbody td {
	font-size: 12px;
}

.p-employment-carrer__tbl tbody td:last-child {
	text-align: left;
}

.p-employment-carrer__tbl tbody th, .p-employment-carrer__tbl tbody td h3 {
	color: #396982;
	font-weight: bold;
	font-size: 14px;
}

.p-employment-carrer__tbl tbody td ul {
	padding-left: 1.5em;
	list-style: outside disc;
}

.p-employment-carrer__tblCntRow {
	display: flex;
	align-items: center;
}

.p-employment-carrer__tblCntCol:first-child {
	position: relative;
	margin-right: 50px;
}

.p-employment-carrer__tblCntCol:first-child::after {
	position: absolute;
	top: 50%;
	left: calc(100% + 20px);
	width: 0;
	height: 0;
	margin-top: -20px;
	border-color: transparent transparent transparent #396982;
	border-style: solid;
	border-width: 20px 0 20px 15px;
	content: "";
}

.p-employment-description__list {
	margin-bottom: 90px;
}

@media screen and (max-width: 767px) {
	.p-employment-description__list {
		margin-bottom: 60px;
	}
}

.p-employment-description__item {
	display: flex;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #e5e8ec;
}

.p-employment-description__item:not(:last-child) {
	margin-bottom: 1.5em;
}

.p-employment-description__ttl {
	width: 240px;
}

@media screen and (max-width: 995px) {
	.p-employment-description__ttl {
		width: 100px;
	}
}

.p-employment-description__txt {
	flex: 1;
}

.p-employment-description__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 360px;
	height: 77px;
	margin: 0 auto;
	color: #40748e;
	font-size: 22px;
	background: url(../img/common/icon_arrow.svg) no-repeat right 20px center/30px;
	border: 1px solid;
}

@media screen and (min-width: 1200px) {
	.p-employment-description__btn {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-employment-description__btn:hover {
		opacity: 0.7;
	}
	.p-employment-description__btn:hover img {
		opacity: 1;
	}
}

@media screen and (max-width: 767px) {
	.p-employment-description__btn {
		height: 60px;
		font-size: 18px;
	}
}

/*--------------------------------------------------------------
# CSR活動ページ
--------------------------------------------------------------*/
.p-csr-sdgs {
	display: flex;
}

@media screen and (max-width: 767px) {
	.p-csr-sdgs {
		display: block;
	}
}

.p-csr-sdgs__col--left {
	width: 50%;
}

@media screen and (max-width: 767px) {
	.p-csr-sdgs__col--left {
		width: 100%;
	}
}

.p-csr-sdgs__col--right {
	flex: 1;
	margin-left: 40px;
	padding-top: 65px;
}

@media screen and (max-width: 767px) {
	.p-csr-sdgs__col--right {
		margin-left: 0;
	}
}

.p-csr-sdgs__ttl {
	max-width: 415px;
	height: 60px;
	padding-left: 60px;
}

@media screen and (max-width: 767px) {
	.p-csr-sdgs__ttl {
		max-width: 250px;
		height: auto;
		margin: 0 auto 20px;
		padding-left: 0;
	}
}

.p-csr-sdgs__btns {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

@media screen and (max-width: 767px) {
	.p-csr-sdgs__btns {
		margin: 0 -2px;
	}
}

.p-csr-sdgs__btn {
	width: 25%;
	padding: 5px;
}

@media screen and (min-width: 1200px) {
	.p-csr-sdgs__btn {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-csr-sdgs__btn:hover {
		opacity: 0.7;
	}
	.p-csr-sdgs__btn:hover img {
		opacity: 1;
	}
}

.p-csr-sdgs__btn[disabled] {
	opacity: 0.2;
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.p-csr-sdgs__btn {
		width: 20%;
		padding: 2px;
	}
}

.p-csr-sdgs__cnt:not(:first-child) {
	display: none;
}

.p-csr-sdgs__img {
	width: 185px;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.p-csr-sdgs__img {
		width: 25%;
	}
}

.p-csr-sdgs__subTtl {
	margin-bottom: 0.5em;
	color: #396982;
	font-weight: bold;
	font-size: 17px;
}

/*--------------------------------------------------------------
# 投稿詳細ページ
--------------------------------------------------------------*/
.p-entry {
	padding: 60px 0 90px;
}

@media screen and (max-width: 767px) {
	.p-entry {
		padding: 30px 0 50px;
	}
}

.p-entry__head {
	margin-bottom: 1.5em;
	color: #396982;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.p-entry__head {
		font-size: 26px;
	}
}

.p-entry__head span {
	display: block;
}

.p-entry__head span:last-child {
	font-size: 14px;
}

.p-entry__thumb {
	margin-bottom: 30px;
	text-align: center;
}

.p-entry__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 1em;
	font-size: 14px;
	font-family: "Noto Sans JP", sans-serif;
}

.p-entry__cat {
	margin-left: 1em;
	font-weight: bold;
}

.p-entry__ttl {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 17px;
	font-family: "Noto Sans JP", sans-serif;
}

.p-entry__content {
	font-size: 14px;
	font-family: "Noto Sans JP", sans-serif;
}

.p-entry__content > *:last-child {
	margin-bottom: 0 !important;
}

.p-entry__content p {
	margin-bottom: 2em;
}

.p-entry__content h2 {
	margin: 2em 0 1em;
	color: #396982;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
}

.p-entry__content h3 {
	margin: 2em 0 1em;
	color: #396982;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
}

.p-entry__content ul {
	margin-bottom: 2em;
	padding-left: 1.5em;
	list-style: disc outside;
}

.p-entry__content ol {
	margin-bottom: 2em;
	padding-left: 1.5em;
	list-style: decimal outside;
}

.p-entry__content a {
	color: #396982;
	text-decoration: underline;
}

@media screen and (min-width: 996px) {
	.p-entry__content a:hover {
		text-decoration: none;
	}
}

.p-entry__content .aligncenter {
	display: block;
	margin: 0 auto;
}

.p-entry__content .alignright {
	float: right;
	margin: 0 0 1em 1em;
}

@media screen and (max-width: 767px) {
	.p-entry__content .alignright {
		float: none;
		margin: 0 auto;
	}
}

.p-entry__content .alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

@media screen and (max-width: 767px) {
	.p-entry__content .alignleft {
		float: none;
		margin: 0 auto;
	}
}

.p-entry__nav {
	font-size: 14px;
	font-family: "Noto Sans JP", sans-serif;
	text-align: center;
}

.p-entry__nav .nav-previous a, .p-entry__nav .nav-next a {
	position: absolute;
	color: #396982;
}

@media screen and (min-width: 1200px) {
	.p-entry__nav .nav-previous a, .p-entry__nav .nav-next a {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-entry__nav .nav-previous a:hover, .p-entry__nav .nav-next a:hover {
		opacity: 0.7;
	}
	.p-entry__nav .nav-previous a:hover img, .p-entry__nav .nav-next a:hover img {
		opacity: 1;
	}
}

.p-entry__nav .nav-previous a {
	left: 50%;
	margin-left: -120px;
}

.p-entry__nav .nav-next a {
	right: 50%;
	margin-right: -120px;
}

.p-entry__navBack {
	color: #396982;
}

@media screen and (min-width: 1200px) {
	.p-entry__navBack {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-entry__navBack:hover {
		opacity: 0.7;
	}
	.p-entry__navBack:hover img {
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# 投稿詳細ページ
--------------------------------------------------------------*/
.p-entries {
	position: relative;
	padding: 60px 0 90px;
}

@media screen and (max-width: 767px) {
	.p-entries {
		padding: 30px 0 50px;
	}
}

.p-entries__head {
	margin-bottom: 1.5em;
	color: #396982;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.p-entries__head {
		font-size: 26px;
	}
}

.p-entries__head span {
	display: block;
}

.p-entries__head span:last-child {
	font-size: 14px;
}

.p-entries .c-pageNav {
	margin-bottom: 40px;
}

.p-entries .c-pageNav__link {
	padding: 0.2em 0.5em;
}

.p-entries .c-pageNav__link--current {
	color: #ffffff;
	background: #396982;
}

.p-entries__list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -60px;
	font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
	.p-entries__list {
		display: block;
		margin-bottom: 0;
	}
}

.p-entries__item {
	display: flex;
	flex-flow: column;
	width: calc(33.3% - 30px);
	margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
	.p-entries__item:not(:nth-child(3n+3)) {
		margin-right: 45px;
	}
}

@media screen and (max-width: 767px) {
	.p-entries__item {
		display: block;
		width: 100%;
	}
}

.p-entries__thumb {
	display: block;
	min-height: 1%;
	margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
	.p-entries__thumb {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-entries__thumb:hover {
		opacity: 0.7;
	}
	.p-entries__thumb:hover img {
		opacity: 1;
	}
}

.p-entries__img {
	width: 100%;
}

.p-entries__meta {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
	font-size: 14px;
}

.p-entries__cat {
	margin-left: 1em;
	font-weight: bold;
}

.p-entries__postTtl {
	margin-bottom: 1em;
	font-weight: bold;
}

.p-entries__excerpt {
	margin-bottom: 2em;
	font-size: 13px;
}

.p-entries__btn {
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 220px;
	height: 48px;
	margin: auto auto 0;
	color: #396982;
	font-size: 14px;
	border: 1px solid;
}

@media screen and (min-width: 1200px) {
	.p-entries__btn {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-entries__btn:hover {
		opacity: 0.7;
	}
	.p-entries__btn:hover img {
		opacity: 1;
	}
}

.p-entries__notfound {
	padding: 5em 0;
	text-align: center;
}

.p-entries .navigation {
	margin-top: 60px;
	font-size: 20px;
	font-family: "Noto Sans JP", sans-serif;
}

.p-entries .navigation .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
}

.p-entries .navigation .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: 0 5px;
	color: #396982;
}

.p-entries .navigation .page-numbers.current {
	background: #e5e8ec;
}

@media screen and (min-width: 1200px) {
	.p-entries .navigation a {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-entries .navigation a:hover {
		opacity: 0.7;
	}
	.p-entries .navigation a:hover img {
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# お問い合わせページ
--------------------------------------------------------------*/
.p-contact {
	padding: 60px 0 90px;
	font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
	.p-contact {
		padding: 80px 0 50px;
	}
}

.p-contact__ttl {
	margin-bottom: 0.5em;
	color: #396982;
	font-weight: bold;
	font-size: 30px;
	font-family: "Noto Serif JP", serif;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.p-contact__ttl {
		font-size: 26px;
	}
}

.p-contact__ttl span {
	display: block;
}

.p-contact__ttl span:last-child {
	font-size: 14px;
}

.p-contact__note {
	color: #396982;
	text-align: center;
}

.p-contact__note span {
	color: #ad2b00;
}

.p-contact input[type="text"], .p-contact input[type="tel"], .p-contact input[type="number"], .p-contact input[type="email"], .p-contact input[type="password"], .p-contact select, .p-contact textarea {
	width: 100%;
	padding: 1.5em;
	color: inherit;
	font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
	background: #e5e8ec;
	border: 1px #5992b0 solid;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media screen and (max-width: 767px) {
	.p-contact input[type="text"], .p-contact input[type="tel"], .p-contact input[type="number"], .p-contact input[type="email"], .p-contact input[type="password"], .p-contact select, .p-contact textarea {
		padding: 1em;
	}
}

.p-contact input[type="text"]:focus, .p-contact input[type="tel"]:focus, .p-contact input[type="number"]:focus, .p-contact input[type="email"]:focus, .p-contact input[type="password"]:focus, .p-contact select:focus, .p-contact textarea:focus {
	outline-color: #396982;
}

.p-contact input[type="text"]::-moz-placeholder, .p-contact input[type="tel"]::-moz-placeholder, .p-contact input[type="number"]::-moz-placeholder, .p-contact input[type="email"]::-moz-placeholder, .p-contact input[type="password"]::-moz-placeholder, .p-contact select::-moz-placeholder, .p-contact textarea::-moz-placeholder {
	color: #90928e;
}

.p-contact input[type="text"]:-ms-input-placeholder, .p-contact input[type="tel"]:-ms-input-placeholder, .p-contact input[type="number"]:-ms-input-placeholder, .p-contact input[type="email"]:-ms-input-placeholder, .p-contact input[type="password"]:-ms-input-placeholder, .p-contact select:-ms-input-placeholder, .p-contact textarea:-ms-input-placeholder {
	color: #90928e;
}

.p-contact input[type="text"]::placeholder, .p-contact input[type="tel"]::placeholder, .p-contact input[type="number"]::placeholder, .p-contact input[type="email"]::placeholder, .p-contact input[type="password"]::placeholder, .p-contact select::placeholder, .p-contact textarea::placeholder {
	color: #90928e;
}

.p-contact input[type="text"]:-ms-input-placeholder, .p-contact input[type="tel"]:-ms-input-placeholder, .p-contact input[type="number"]:-ms-input-placeholder, .p-contact input[type="email"]:-ms-input-placeholder, .p-contact input[type="password"]:-ms-input-placeholder, .p-contact select:-ms-input-placeholder, .p-contact textarea:-ms-input-placeholder {
	color: #90928e;
}

.p-contact input[type="text"]::-ms-input-placeholder, .p-contact input[type="tel"]::-ms-input-placeholder, .p-contact input[type="number"]::-ms-input-placeholder, .p-contact input[type="email"]::-ms-input-placeholder, .p-contact input[type="password"]::-ms-input-placeholder, .p-contact select::-ms-input-placeholder, .p-contact textarea::-ms-input-placeholder {
	color: #90928e;
}

.p-contact textarea {
	display: block;
	resize: vertical;
}

.p-contact__inner {
	padding-top: 40px;
}

.p-contact__item {
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 767px) {
	.p-contact__item {
		display: block;
	}
}

.p-contact__item:not(:last-child) {
	margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.p-contact__item:not(:last-child) {
		margin-bottom: 30px;
	}
}

.p-contact__itemTtl {
	display: flex;
	justify-content: space-between;
	width: 225px;
	margin-right: 30px;
	padding: 20px 10px 10px 0;
	font-size: 16px;
	border-bottom: 1px solid #40748e;
}

@media screen and (max-width: 767px) {
	.p-contact__itemTtl {
		width: 100%;
		margin-bottom: 1em;
		padding: 0 0 0.5em;
	}
}

.p-contact__itemTtl span {
	color: #ad2b00;
}

.p-contact__itemCnt {
	position: relative;
	display: flex;
	flex: 1;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.p-contact__itemCnt {
		flex-wrap: wrap;
	}
}

.p-contact__itemCnt--zip {
	flex-wrap: wrap;
}

.p-contact__itemCnt--zip input:first-child {
	width: 250px;
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	.p-contact__itemCnt--zip input:first-child {
		width: calc(100% - 160px);
		margin-right: 10px;
	}
}

.p-contact__itemCnt--zip input:last-child {
	margin-top: 45px;
}

@media screen and (max-width: 767px) {
	.p-contact__itemCnt--zip input:last-child {
		margin-top: 20px;
	}
}

.p-contact__itemSearch {
	max-width: 210px;
}

@media screen and (max-width: 995px) {
	.p-contact__itemSearch {
		max-width: 150px;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__itemSearch {
		height: 47px;
	}
}

.p-contact__itemCaption {
	min-width: 340px;
	text-align: center;
}

@media screen and (max-width: 995px) {
	.p-contact__itemCaption {
		min-width: 230px;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__itemCaption {
		width: 100%;
		margin-top: 0.5em;
		text-align: right;
	}
}

.p-contact__privacy {
	margin: 40px 0;
}

.p-contact__privacy .mwform-checkbox-field {
	color: #1c1614;
	font-size: 16px;
	text-align: center;
}

.p-contact__privacy .mwform-checkbox-field label {
	display: inline-block;
	cursor: pointer;
}

.p-contact__privacy .mwform-checkbox-field .mwform-checkbox-field-text {
	position: relative;
	display: block;
	padding-left: 35px;
}

.p-contact__privacy .mwform-checkbox-field .mwform-checkbox-field-text::before, .p-contact__privacy .mwform-checkbox-field .mwform-checkbox-field-text::after {
	color: #396982;
}

.p-contact__privacy .mwform-checkbox-field .mwform-checkbox-field-text::before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 22px;
	height: 22px;
	background: #e5e8ec;
	border: 1px #396982 solid;
	content: "";
}

.p-contact__privacy .mwform-checkbox-field .mwform-checkbox-field-text::after {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 9px;
	height: 14px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(40deg);
	opacity: 0;
	content: "";
}

.p-contact__privacy .mwform-checkbox-field input {
	position: absolute;
	opacity: 0;
}

.p-contact__privacy .mwform-checkbox-field input:checked + .mwform-checkbox-field-text::after {
	opacity: 1;
}

.p-contact__privacy .mwform-checkbox-field input:focus.focus-visible + .mwform-checkbox-field-text::before {
	border-width: 2px;
}

.p-contact__privacyTtl {
	margin-bottom: 1em;
	font-size: 16px;
}

.p-contact__privacyTxt {
	margin-bottom: 2em;
	font-size: 13px;
	line-height: 1.5;
}

.p-contact__privacyCheck {
	position: relative;
}

.p-contact__privacyCheck .error {
	width: 100%;
	text-align: center;
}

.p-contact__recaptcha {
	font-size: 12px;
}

.p-contact__recaptcha a {
	color: #396982;
	text-decoration: underline;
}

@media screen and (min-width: 996px) {
	.p-contact__recaptcha a:hover {
		text-decoration: none;
	}
}

.p-contact__control {
	display: flex;
	flex-flow: row-reverse;
	justify-content: center;
	margin-top: 60px;
}

@media screen and (max-width: 767px) {
	.p-contact__control {
		flex-flow: column;
		align-items: center;
	}
}

.p-contact__control .c-btn:not(:last-child) {
	margin-left: 30px;
}

@media screen and (max-width: 767px) {
	.p-contact__control .c-btn:not(:last-child) {
		margin: 0 0 20px;
	}
}

.p-contact .error {
	position: absolute;
	top: 100%;
	display: block;
	color: #ad2b00;
	font-weight: bold;
	font-size: 100%;
}

.p-contact .mw_wp_form_confirm .p-contact__itemTtl span, .p-contact .mw_wp_form_confirm .p-contact__item--hideConfirm, .p-contact .mw_wp_form_confirm .p-contact__itemSearch, .p-contact .mw_wp_form_confirm .p-contact__itemCaption, .p-contact .mw_wp_form_confirm .p-contact__privacy, .p-contact .mw_wp_form_confirm .p-contact__recaptcha {
	display: none;
}

.p-contact__confirmTxt {
	margin-top: 4em;
	text-align: center;
}

.p-contact__thanksCnt {
	margin-top: 4em;
}

.p-contact__thanksTxt:not(:last-child) {
	margin-top: 1em;
}

.p-contact__thanksBtn {
	margin: 0 auto;
	margin-top: 60px;
}

/*--------------------------------------------------------------
# プライバシーポリシーページ
--------------------------------------------------------------*/
.p-privacy {
	font-family: "Noto Sans JP", sans-serif;
}

.p-privacy__ttl {
	color: #5992b0;
	font-size: 20px;
}

.p-privacy__subTtl {
	margin-top: 2em;
	color: #5992b0;
}

.p-privacy__txt {
	color: #1c1614;
}

/*--------------------------------------------------------------
# サイトマップページ
--------------------------------------------------------------*/
.p-sitemap {
	max-width: 700px;
	margin: 0 auto;
	padding: 90px 40px;
}

@media screen and (max-width: 767px) {
	.p-sitemap {
		padding: 60px 20px;
	}
}

.p-sitemap__ttl {
	margin-bottom: 0.2em;
	color: #396982;
	font-size: 19px;
}

.p-sitemap__item {
	display: flex;
	padding: 1em 0 1em 0.5em;
	border-top: 1px solid;
}

.p-sitemap__link {
	margin-right: 1em;
	color: #396982;
}

@media screen and (min-width: 1200px) {
	.p-sitemap__link {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-sitemap__link:hover {
		opacity: 0.7;
	}
	.p-sitemap__link:hover img {
		opacity: 1;
	}
}

.p-sitemap__subLink {
	color: #396982;
}

@media screen and (min-width: 1200px) {
	.p-sitemap__subLink {
		cursor: pointer;
		transition: 0.3s opacity;
	}
	.p-sitemap__subLink:hover {
		opacity: 0.7;
	}
	.p-sitemap__subLink:hover img {
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# ロジスティクス事業
--------------------------------------------------------------*/
.p-logistics-frame {
	position: relative;
	margin-bottom: 130px;
	padding-top: 57%;
}

@media screen and (max-width: 767px) {
	.p-logistics-frame {
		margin-top: 30px;
		padding-top: 60%;
	}
}

.p-logistics-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
# 多貴商運グループとはページ
--------------------------------------------------------------*/
.p-whatis {
	border-bottom: 1px solid;
}

.p-whatis__row {
	display: flex;
	padding: 1.5em 0;
	border-top: 1px solid #396982;
}

@media screen and (max-width: 767px) {
	.p-whatis__row {
		display: block;
	}
}

.p-whatis__ttl {
	width: 360px;
	color: #396982;
	font-size: 17px;
}

@media screen and (max-width: 767px) {
	.p-whatis__ttl {
		width: 100%;
		margin-bottom: 0.5em;
	}
}

.p-whatis__txt {
	flex: 1;
}

.p-whatis__txt a {
	color: #396982;
	text-decoration: underline;
}

@media screen and (min-width: 996px) {
	.p-whatis__txt a:hover {
		text-decoration: none;
	}
}

/*# sourceMappingURL=style.css.map */


/*--------------------------------------------------------------
# LIMEX
--------------------------------------------------------------*/
.p-top-lx-mv{
    max-width: 1030px;
    margin: 0 auto 150px;
    padding: 0 40px;
}
/* ＝＝＝ LIMEXについてTAB02 ＝＝＝*/
.l-lx-main {
	line-height: 1.3;
	font-size: 21px;
	font-family: '游明朝','Yu Mincho','YuMincho','Hiragino Mincho Pro',serif;
	font-weight: 300;
	}

.flex{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
span{
	display:inline-block;
}
.small{
    font-size: .85rem;
    line-height:1.1rem;
}
.sp_only{
    display: none;
}
.pc_only{
    display: block;
}
.l-lx__inner{
    max-width: 996px;
    margin-inline: auto;
    box-sizing: border-box;
}
.l-lx__inner02{
    max-width: 1166px;
    margin-inline: auto;
    box-sizing: border-box;
}

.c-section-title{
    text-align: center;
}
.c-section-title span{
    text-align: center;
    color:#000;
    font-size: 32px;
    line-height: 45px;
    padding-bottom:6px;
    background: linear-gradient(transparent 92%, #1c4fb6 0%);
    display: inline;
}
.c-section-title__white span{
    color:#FFF;
}
.c-btn01{
    display: block;
	line-height: 2em;
    color:#FFF;
    padding-top:8px;
    padding-bottom:10px;
    max-width:394px;
    border: 3px solid #FFF;
    border-radius:50px;
    margin-inline: auto;
    text-align: center;
    box-shadow: 0 3px 6px #000;
    background: rgb(32,49,104);
    background: linear-gradient(180deg, rgba(78,78,78,1) 0%, rgba(0,0,0,1) 100%);
}
.c-btn02{
    display: block;
    font-weight: 900;
    color:#000;
    padding-top:8px;
    padding-bottom:10px;
    max-width:486px;
    border-radius:50px;
    margin: 22px auto 0;
    text-align: center;
    background: #FFF;
	line-height: 2em;
}
/* ＝＝＝ファーストビュー ＝＝＝*/
.p-lx-mv{
    position: relative;
    height:568px;
}
.p-lx-mv__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.p-lx-mv__bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position:relative;
}
.p-lx-mv__body{
    position: relative;
    padding-top: 162px;
    max-width: 996px;
    width:100%;
    margin-inline: auto;
    text-align: center;
}
.p-lx-mv__caption{
    color:#FFF;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 49px;
}
.p-lx-mv__logo{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    align-items: center;
    justify-content: center;
}
.p-lx-mv__limex{
    margin-right: 60px;
    display: block;
}
.p-lx-mv__cross{
    margin-right: 60px;
    display: block;
}
/* ＝＝＝ LIMEXの特徴 ＝＝＝*/
.l-lx-feature{
    padding-top:83px;
    padding-bottom: 129px;
}
.p-lx-feature{
    background: rgb(84,84,84);
    background: linear-gradient(0deg, rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%);
}
.p-lx-feature__ee,.p-lx-feature__ee span{
    color:#FFF;
    font-size: 100%;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    white-space: nowrap;
    text-align: center;
    line-height: 15vw;
}

.p-lx-feature__ee {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    font-size: clamp(24px, 10vw, 120px);
}

.p-lx-feature__ee span {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    vertical-align: bottom;
}

.p-lx-feature__wrap{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
.p-lx-feature__img{
    width:306px;
    margin-right: 59px;
}
.p-lx-feature__text{
    flex:1;
}
.p-lx-feature__text dl{
    margin-bottom: 23px;
}
.p-lx-feature__text dl:last-child{
    margin-bottom: 80px;
}
.p-lx-feature__text dl dt{
    font-weight: 900;
    font-size: 24px;
    line-height: 45px;
    color:#FFF;
    border-bottom: 2px solid #FFF;
    margin-bottom: 14px;
}
.p-lx-feature__text dl dd{
    font-size: 21px;
    line-height: 36px;
    color:#FFF;
}
.p-lx-feature__summary{
    background-color: #E0E0E0;
    padding:49px 15px 40px;
    line-height: 45px;
    text-align: center;
    border-radius: 11px;
    color:#000;
    font-size: 24px;
    font-weight: 900;
}
.p-lx-feature__summary span{
    color:#000;
}
  /* ＝＝＝ LIMEXが果たす6つの使命 ＝＝＝*/
.l-lx-mission{
    padding-top:126px;
    padding-bottom: 48px;
}
.p-lx-mission__ul {
    margin-top: 71px;
}

.p-lx-mission__li{
    display: flex;
    max-width: 996px;
    margin-bottom: 23px;
    margin-right: auto;
}

.p-lx-mission__li-re {
    flex-direction: row-reverse;
    margin-left: auto;
    margin-right: 0;
}
.p-lx-mission__li:not(.p-lx-mission__li-re) {
}
.p-lx-mission__li:last-child{
    margin-bottom: 72px;
}
.p-lx-mission__img {
    flex: 1;
    height: 212px;
    display: block;
    background-size: cover;
}

.p-lx-mission__textbody {
    width: 316px;
    background-color: #e2e2e2;
    padding: 36px 30px 0;
    box-sizing: border-box;
}

.p-lx-misshon__texttitle {
    font-weight: 900;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #000000;
}

.plx-mission__text {
    font-size: 16px;
    line-height: 24px;
    color: #050505;
}
.p-lx-mission__img.item01 {
    background-image: url(../img/business/limex/lx-mission__img01.jpg);
    background-position: center;
}

.p-lx-mission__img.item02 {
    background-image: url(../img/business/limex/lx-mission__img02.jpg);
    background-position: center;
}

.p-lx-mission__img.item03 {
    background-image: url(../img/business/limex/lx-mission__img03.jpg);
    background-position: center;
}

.p-lx-mission__img.item04 {
    background-image: url(../img/business/limex/lx-mission__img04.jpg);
    background-position: center;
}

.p-lx-mission__img.item05 {
    background-image: url(../img/business/limex/lx-mission__img05.jpg);
    background-position: center;
}

.p-lx-mission__img.item06 {
    background-image: url(../img/business/limex/lx-mission__img06.jpg);
}
.lx-mission__arrow{
    margin-inline: auto;
    width: 71px;
}
/* ＝＝＝ SDGS ＝＝＝*/
.l-lx-sdgs{
    padding-top: 86px;
    padding-bottom: 95px;
    background-image: url(../img/business/limex/lx-sdgs_bg.jpg);
    background-size: cover;
}
.p-lx-sdgs__body{
    background-color: #FFF;
    border-radius: 19px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.38);
    padding:75px 85px 95px;
    box-sizing: border-box;
}
.p-lx-sdgs__caption{
    text-align: center;
    color: #000;
    font-size: 28px;
    margin-bottom: 30px;
}
.p-lx-sdgs__logo{
    max-width: 704px;
    width:100%;
    margin-inline: auto;
    margin-bottom: 56px;
}
.p-lx-sdgs__wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.p-lx-sdgs__text{
    width:47%;
    margin-right: 3%;
    line-height: 44px;
}
.p-lx-sdgs__img{
    width: 50%;
}
/* ＝＝＝ LIMEX ＝＝＝*/
.l-lx-limex{
    padding-top: 121px;
    padding-bottom: 74px;
    background: rgb(67,67,67);
    background: linear-gradient(180deg, rgba(67,67,67,1) 0%, rgba(84,84,84,1) 100%);
}
.p-lx-limex__wrap{
    display: flex;
}
.p-lx-limex__img01{
    width: 45%;
    margin-right: 3%;
}
.p-lx-limex__img01 img{
    border-radius: 20px;
}
.p-lx-limex__area{
    width:50%;
}
.p-lx__limex__text{
    margin-bottom: 26px;
    line-height: 45px;
    color:#FFF;
}
/* ＝＝＝ 代替えとしての特徴 ＝＝＝*/
.l-lx-an{
    background: rgb(129,149,180);
    background: linear-gradient(180deg, rgba(129,149,180,0.2777485994397759) 0%, rgba(5,27,58,0.28) 100%);
    padding-top: 96px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    
}
.p-lx-an_li{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex; 
}
.p-lx-an__icon{
    max-width:250px;
    margin-right:34px;
}
.p-lx-an__textarea{
    flex: 1;
    padding-top: 45px;
}
.p-lx-an__title{
    color:#000;
    line-height: 45px;
    font-weight: 900;
    font-size: 24px;
}
.p-lx-an__ul{
    margin-top: 55px;
}
.p-lx-an_li{
    margin-bottom: 40px;
}
.p-lx-an__body{
    background-color: #FFF;
    border-radius: 19px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.38);
    padding:95px 85px 60px;
    box-sizing: border-box;
}
.p-lx-an__body:last-child{
    margin-top: 51px;
}
p.p-lx-an_text {
    line-height: 36px;
}
/* ＝＝＝ CTAお問い合わせ ＝＝＝*/
.l-lx-cta{
    background: rgb(26,37,69);
    background: linear-gradient(180deg, rgba(78,78,78,1) 0%, rgba(0,0,0,1) 100%);
    padding-top: 195px;
    padding-bottom: 83px;
    margin-top: -140px;
}
.p-lx-cta__text{
    text-align: center;
    color:#FFF;
    font-size: 28px;
}
/* ＝＝＝ 幅広い領域で活用が可能 ＝＝＝*/
.l-lx-products{
    padding-top:115px;
    padding-bottom:177px;
}
.p-lx-products__caption{
    text-align: center;
    margin-top: 34px;
}
.p-lx-products__body{
    position: relative;
    padding-top:65px;
    margin-top: 80px;
    padding-bottom:65px;
}
.p-lx-products__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.p-lx-products__bg img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    position:relative;
}
.p-lx-products__wrap{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 996px;
    width:100%;
    margin-inline: auto;
    text-align: center;
}
.p-lx-products__namecard{
    max-width:403px;
    width:100%;
    margin-bottom: 20px;
	margin-left:150px;
}
.p-lx-products__text01{
    font-size: 24px;
    font-weight: 700;
	text-shadow:1px 1px 4px #FFF,-1px 1px 4px #FFF,1px -1px 4px #FFF,-1px -1px 4px #FFF;
	
}
.p-lx-products__text01 span{
    font-size: 36px;
	padding-left: 6px;
    padding-right: 6px;
}
.p-lx-products__text02{
    font-size: 36px;
    font-weight: 700;
	text-shadow:1px 1px 4px #FFF,-1px 1px 4px #FFF,1px -1px 4px #FFF,-1px -1px 4px #FFF;
}
.p-lx-products__text02 span{
    font-size: 55px;
	padding-left: 6px;
    padding-right: 6px;
}


.p-lx-products__title{
    background-color: #001645;
    border-radius: 50px;
    margin-top: 72px;
    color:#FFF;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding-top:6px;
    padding-bottom:6px;
}
.p-lx-products__ul{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    justify-content: center;
    margin-top: 60px;
    flex-wrap: wrap;
}
.p-lx-products__li{
    width:23%;
    margin-right: 16px;
    margin-bottom: 8px;
    text-align: center;
}
.p-lx-products__li:nth-child(4n){
    margin-right: 0;
}
.p-lx-products__name{
	font-family: 'Zen Kaku Gothic New',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 18px;
    line-height: 1.4em;
	padding-top:10px;
}
.p-lx-products__summary{
    background-color: #E0E0E0;
    padding: 32px 15px 35px;
    text-align: center;
    border-radius: 11px;
    color: #000;
    font-size: 24px;
    font-weight: 900;
    margin-top: 84px;
}
/* ＝＝＝ CTAお問い合わせ ＝＝＝*/
.p-lx-cta02{
    padding-top: 60px;
    margin-top: 0;
}
.p-lx-cta__text{
    text-align: center;
    color:#FFF;
    font-size: 28px;
}
@media screen and (max-width:1166px){
.p-lx-mv__body{
    padding-left: 20px;
    padding-right: 20px;
}
.l-lx__inner02{
    padding-left: 20px;
    padding-right: 20px;
}
}
@media screen and (max-width:996px){
.l-lx__inner{
    padding-left: 20px;
    padding-right: 20px;
}
}
@media screen and (max-width:767px){
	.p-top-lx-mv{
		padding: 0;
		margin-bottom: 60px;
	}
/* ＝＝＝ 環境負荷の低減やSDGsの取り組みTAB01 ＝＝＝*/
    .l-lx-sdgs{
        padding-top: 58px;
        padding-bottom:95px;
    }
    .p-lx-sdgs__body {
        border-radius: 9px;
        padding: 40px 28px 48px;
    }
    .p-lx-sdgs__caption {
        font-size: 21px;
        line-height: 32px;
        margin-bottom: 24px;
    }
    .p-lx-sdgs__wrap {
        flex-direction: column;
    }
    .p-lx-sdgs__logo {
        margin-bottom: 24px;
    }
    .p-lx-sdgs__text{
        width: 100%;
        font-size: 16px;
        line-height: 2rem;
        margin-right: 0;
    }
    .p-lx-sdgs__img{
        width: 100%;
        padding-top:20px;
    }
}
@media screen and (max-width:640px){
    .sp_only{
        display: block;
    }
    .pc_only{
        display: none;
    }
    .c-btn01 {
        padding-top: 5px;
        padding-bottom: 5px;
        max-width: 394px;
        width: 100%;
        font-size: 16px;
    }
    .c-section-title span {
        font-size: 24px;
        line-height: 42px;
    }
    .p-lx-mv__body{
        padding-top: 118px;
        width:95%;
        margin-inline: auto;
        text-align: center;
    }
    .p-lx-mv__caption {
        font-size: 4.7vw;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 32px;
    }
    .p-lx-mv__logo{
        flex-direction: column;
        justify-content: center;
        margin-inline: auto;
    }
    .p-lx-mv__cross {
        margin-right: 0;
    }
/* ＝＝＝ LIMEXの特徴TAB02 ＝＝＝*/
    .l-lx-feature {
        padding-top: 44px;
        padding-bottom: 90px;
    }
    .p-lx-feature__ee, .p-lx-feature__ee span{
        display: block;
        font-size: 17vw;
        line-height: 1.2em;
    }
    .p-lx-feature__ee{
        margin-top: 25px;
    }
    .p-lx-feature__wrap {
        margin-top: 30px;
        flex-direction: column;
    }
    .p-lx-feature__img {
        max-width: 234px;
        margin-left: auto;
        margin-right: auto;
    }
    .p-lx-feature__text{
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .p-lx-feature__text dl {
        margin-bottom: 58px;
    }
    .p-lx-feature__text dl dt {
        text-align: center;
    }
    .p-lx-feature__text dl dd {
        font-size: 16px;
    }
    .p-lx-feature__summary {
        padding-top: 35px;
        padding-bottom: 35px;
        font-size: 21px;
        line-height: 36px;
}
/* ＝＝＝ LIMEXが果たす6つの使命TAB02 ＝＝＝*/
    .l-lx-mission {
        padding-top: 53px;
        padding-bottom: 70px;
    }
    .p-lx-mission__ul {
        margin-top: 28px;
        overflow: auto;
        margin: 28px calc(50% - 50vw) 0;
        width: 100vw;
    }
    .p-lx-mission__li {
        display: block;
        width: 100%;
        margin-bottom: 23px;
        position: inherit;
    }
    .p-lx-mission__li:last-child {
        margin-bottom: 45px;
    }
    .p-lx-mission__img {
        height: 212px;
    }
    .p-lx-mission__textbody {
        width: 100%;
        text-align: center;
        padding-top:40px;
        padding-bottom:50px;
    }
    .lx-mission__arrow {
        width: 48px;
    }
    .l-lx-sdgs {
        padding-bottom: 162px;
    }
    .p-lx-sdgs__logo {
        margin-bottom: 14px;
    }
/* ＝＝＝ 紙の代替えTAB02 ＝＝＝*/
    .l-lx-an{
        padding-top: 34px;
    }
    .p-lx-an__body {
        border-radius: 9px;
        padding: 27px 20px 48px;
    }
    .p-lx-an_li{
        flex-direction: column;
    }
    .p-lx-an__icon {
        margin-right: auto;
        margin-left: auto;
		margin-bottom: 20px;
    }
    .p-lx-an__textarea {
        margin-top: 15px;
    }
    .p-lx-an__title{
        text-align: center;
        line-height: 36px;
        margin-bottom: 16px;
    }
    .p-lx-an_text{
        font-size: 16px;
        line-height: 32px;
    }
/* ＝＝＝ LIMEXについてTAB02 ＝＝＝*/
    .l-lx-limex{
        padding-top:53px;
        padding-bottom:81px;
    }
    .p-lx-limex__wrap{
        flex-direction: column;
    }
    .p-lx-limex__img01, .p-lx-limex__area {
        width: 80%;
        margin: 0 auto;
    }
    .p-lx__limex__text {
        margin-bottom: 26px;
        margin-top: 10px;
        font-size: 16px;
        line-height: 32px;
        color: #FFF;
    }
/* ＝＝＝ 製品事例TAB02 ＝＝＝*/
    .p-lx-products__body{
        margin-top:38px;
        margin: 55px calc(50% - 50vw) 0;
    width: 100vw;
    border-radius: 0;
    }
    .p-lx-products__bg img {
        border-radius: 0;
    }
    .p-lx-products__wrap{
        padding-top:37px;
    }
    .p-lx-products__name .small{
        font-size:12px;
        line-height:1rem;
    }
    .p-lx-products__text01 {
        font-size: 5.1vw;
        line-height: 8vw;
    }
    .p-lx-products__text02 {
        padding-top:20px;
        font-size: 7.3vw;
        line-height: 10vw;
    }
    
    .l-lx-products {
        padding-top: 76px;
        padding-bottom: 71px;
    }
    .p-lx-products__caption {
        text-align: center;
        margin-top: 21px;
    }
    .p-lx-products__title{
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 55px calc(50% - 50vw) 0;
        width: 100vw;
        border-radius: 0;
		line-height: 2em;
    }
    .p-lx-products__ul {
        margin-top: 40px;
    }
    .p-lx-products__li {
        width: 48%;
        margin-right: 2%;
    }
    .p-lx-products__li:nth-child(2n) {
        margin-right: 0;
    }
    .p-lx-products__name {
        font-size: 14px;
    }
    .p-lx-products__summary {
        padding-top: 35px;
        padding-bottom: 35px;
        font-size: 21px;
    }
    .p-lx-cta__text span{
        color:#FFF;
    }
	.p-lx-products__namecard{
		margin: 0 auto 20px;
	}
}

@media screen and (max-width:375px){
    .c-section-title span {
        font-size: 18px;
    }
    .p-lx-mv {
        height: 495px;
    }
    .p-lx-mv__logo {
        max-width: 77%;
    }
    .p-lx-mv__caption {
        font-size: 4.5vw;
    }
    .p-lx-mv__limex, .p-lx-mv__cross {
        margin-right: 0;
    }
    .p-lx-an__ul {
        margin-top: 24px;
    }
    .p-lx-an__icon {
        max-width: 210px;
    }
    .p-lx-an__textarea {
        margin-top: 0;
        padding-top: 0;
    }
    p.p-lx-an_text {
        line-height: 32px;
    }
    .p-lx-an_li {
        margin-bottom: 60px;
    }
    .p-lx-an__body:last-child {
        margin-top: 26px;
    }
    .p-lx-products__caption {
        font-size: 16px;
    }
/* ＝＝＝ お問い合わせSP ＝＝＝*/
    .p-lx-cta__text{
        font-size:22px;
        line-height:35px;
    }
}