/*
Theme Name: arkhe-child
Template: arkhe
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,600&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800&family=Outfit:wght@200;300;400;500;600;700&family=Sawarabi+Mincho&display=swap');

* {
	font-family: 'Noto Sans JP', sans-serif
}
p, a, li {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	line-height:1.45
}
a {
	text-decoration: none;
	transition: all .2s
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.25
}
h1 { font-size: clamp(1.875rem, 1.466rem + 2.05vw, 3rem) }
h2 { font-size: clamp(1.625rem, 1.489rem + 0.68vw, 2rem) }
h3 { font-size: 23px }
h4 { font-size: clamp(1.25rem, 1.205rem + 0.23vw, 1.375rem) }
h5 { font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem) }
img { display: block }

#header {
	margin: 10px;
	width: calc(100% - 20px);
	border-radius: 50vh;
	/*background: rgba(255,255,255,.8);*/
	box-shadow: 2px 2px 8px rgba(0,0,0,.25)
}
.c-gnav__li>.c-gnav__a {
	font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem)
}
#content {
	margin-top: -76px
}
#hero__wrapper {
	position: relative;
	background-image: url(/wp-content/uploads/2024/01/hero_bg.jpg);
	background-size: cover;
	background-position: center;
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%)
}
#hero__wrapper::after,
#top__wrapper .top__business::after,
.business__baner::after,
#about__link__wrapper a::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1
}
#hero__wrapper::after,
.business__baner::after,
#about__link__wrapper a::after {
	background: rgba(0,0,0,.4)
}
#top__wrapper .top__business::after {
	background: rgba(0,0,0,.2)
}
#hero__inner {
	position: relative;
	padding: calc(44px + 76px) 0 44px;
	z-index: 10
}
#hero__inner * {
	color: #fff;
	text-align: center
}
#hero__inner h1 {
	margin-bottom: 20px
}

.link__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	background: linear-gradient(90deg, rgba(40,96,172,1) 0%, rgba(60,190,231,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text
}
.link__btn::before {
	content: '';
	display: block;
	height: 32px;
	width: 32px;
	background-image: url(/wp-content/uploads/2023/12/arrow_circle_blue.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px
}

#top__wrapper section {
	position: relative;
	margin: clamp(2.5rem, 0.682rem + 9.09vw, 7.5rem) 0 clamp(3.75rem, 1.477rem + 11.36vw, 10rem)
}
#top__about::before,
#top__news::before,
.about__wrapper section::before {
	position: absolute;
	left: 0;
	top: -20px;
	font-family: 'Outfit', sans-serif;
	font-size: clamp(3.5rem, 2.045rem + 7.27vw, 7.5rem);
	font-weight: 700;
	color: #ebebeb;
	line-height: 1;
	z-index: -1
}
#top__about::before {
	content: 'About Us'
}
#top__news::before {
	content: 'NEWS'
}
#top-message::before {
	content: 'Top Message'
}
#performance::before {
	content: 'Performance'
}
#compliance::before {
	content: 'Compliance'
}
#company::before {
	content: 'Company'
}
#top__about h1,
#top__news h1 {
	position: relative;
	text-align: center;
	padding: 10px 20px 24px;
	z-index: 10
}
#top__about p {
	margin-bottom: clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem)
}

#top__wrapper .top__business {
	background-size: cover;
	background-position: center;
	margin: 0 calc(50% - 50vw);
	padding: 60px calc(50vw - 50%)
}
.top__business__content {
	position: relative;
	background: #fff;
	padding: clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem);
	border-radius: 16px;
	box-shadow: 4px 4px 8px rgba(0,0,0,.15);
	z-index: 10
}
.top__business__content::after {
	position: absolute;
	left: 10px;
	top: 0;
	font-family: 'EB Garamond', serif;
	font-size: clamp(5.625rem, 4.489rem + 5.68vw, 8.75rem);
	line-height: 1;
	background: linear-gradient(0deg, rgba(40,96,172,1) 0%, rgba(60,190,231,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	opacity: .25;
	z-index: 1
}
.top__business__content h2,
.top__business__content h4 {
	position: relative;
	z-index: 10
}
.top__business__content h4 {
	display: flex;
	align-items: center;
	gap: 8px
}
.top__business__content h4 span {
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	font-weight: 500;
	color: #a7a7a7
}
.top__business__content h4 span + span::before {
	content: '-';
	margin-right: 8px
}
.top__business__content h2 {
	margin: 16px 0 clamp(1.625rem, 1.489rem + 0.68vw, 2rem)
}
.top__business__content p {
	margin-bottom: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem)
}

#top__welfare {
	background-image: url(/wp-content/uploads/2024/01/welfare_bg.jpg)
}
#top__welfare .top__business__content::after {
	content: '1'
}
#top__consultant {
	background-image: url(/wp-content/uploads/2024/01/consultant_bg.jpg)
}
#top__consultant .top__business__content::after {
	content: '1'
}
#top__mobility {
	background-image: url(/wp-content/uploads/2024/01/mobility_bg.jpg)
}
#top__mobility .top__business__content::after {
	content: '2'
}
#top__rentacar {
	background-image: url(/wp-content/uploads/2024/01/rentacar_bg.jpg)
}
#top__rentacar .top__business__content::after {
	content: '3'
}
#top__oem {
	background-image: url(/wp-content/uploads/2024/01/oem_bg.jpg)
}
#top__oem .top__business__content::after {
	content: '4'
}

#top__news #wpsp-142 {
	margin-top: 0
}
.wp-show-posts-image {
	margin: 0
}
.wp-show-posts-image a {
	display: block
}
.wp-show-posts-image img {
	border-radius: 10px;
}
.wp-show-posts-entry-title a {
	display: block;
	color: #161616;
	font-weight: 500
}
.wp-show-posts-entry-date {
	color: #00285a;
	font-size: 12px
}

#footer__logo {
	width: 60%;
	margin: 0 auto
}
#privacy__box,
#partner__box {
	display: flex;
	align-items: center;
	background: #fff;
	padding: 14px;
	margin: 18px 0;
	border-radius: 14px;
	gap: 20px;
	& img {
		width: 80px
	}
	& p {
		color: #161616;
		width: calc(100% - 100px)
	}
}
#copyright {
	font-family: 'Outfit', sans-serif;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.1em
}
#footer__menu,
.footer__sub__menu {
	list-style: none;
	padding: 0
}
#footer__menu li,
.footer__sub__menu li {
	display: flex;
	align-items: flex-start
}
#footer__menu a,
.footer__sub__menu a {
	margin-bottom: clamp(0.25rem, 0.068rem + 0.91vw, 0.75rem)
}
#footer__menu > li > a {
	width: 100px
}
.footer__sub__menu a {
	font-size: clamp(0.813rem, 0.79rem + 0.11vw, 0.875rem);
	font-weight: 200;
	opacity: .8
}
.l-footer__foot {
	display: none
}
.c-pageTitle__main {
	font-size: clamp(1.125rem, 0.898rem + 1.14vw, 1.75rem);
	font-weight: 400;
	line-height: 1.3;
	padding-top: 66px
}
.c-pageTitle__main::before {
	display: block;
	font-size: clamp(1.5rem, 0.955rem + 2.73vw, 3rem);
	margin-bottom: clamp(0.5rem, 0.364rem + 0.68vw, 0.875rem)
}
.page-id-144 .c-pageTitle__main::before {
	content: '特許取得・業界初の福祉車両専門レンタカー'
}
.page-id-146 .c-pageTitle__main::before {
	content: 'デザイン力・企画力でブランディングを確立'
}
.page-id-148 .c-pageTitle__main::before {
	content: 'モビリティ事業にイノベーションを起こす'
}
.page-id-150 .c-pageTitle__main::before {
	content: 'レンタカーフランチャイズを全国展開'
}
.page-id-152 .c-pageTitle__main::before {
	content: '事業の成長スピードをより早く、より高く'
}

#subpage__wrapper > h1 {
	text-align: center
}
.business__flex {
	margin: clamp(1.875rem, 1.193rem + 3.41vw, 3.75rem) 0
}
.business__flex__left p,
.business__wrapper section p {
	margin-bottom: clamp(0.875rem, 0.602rem + 1.36vw, 1.625rem)
}
.business__wrapper section > h2::after {
	content: '';
	display: block;
	width: 80%;
	height: 1px;
	background: linear-gradient(90deg, rgba(40,96,172,1) 0%, rgba(60,190,231,1) 100%);
	margin: 14px 0;
}
.business__wrapper section > h2 span {
	font-family: 'EB Garamond', serif;
	font-size: clamp(2.125rem, 1.943rem + 0.91vw, 2.625rem);
	background: linear-gradient(0deg, rgba(40,96,172,1) 0%, rgba(60,190,231,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	line-height: 1;
	margin-right: clamp(0.75rem, 0.477rem + 1.36vw, 1.5rem)
}
.patent__box {
	border: 1px solid #2860ab;
	padding: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
	margin: clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem) 0;
	border-radius: 10px
}
.patent__box h4 {
	color: #2860ab;
	margin-bottom: 14px
}
.patent__flex__left {
	margin-bottom: 20px
}
.patent__flex__left dl {
	display: flex;
	flex-wrap: wrap;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem)
}
.patent__flex__left dl dt {
	width: 140px;
	font-weight: 700
}
.patent__flex__left dl dd {
	width: calc(100% - 140px)
}
.patent__flex__right h5 {
	font-weight: 700;
	margin-bottom: 14px
}
.patent__flex__right li {
	line-height: 1.3;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem)
}
#subpage__wrapper > section {
	margin: clamp(3.75rem, 1.705rem + 10.23vw, 9.375rem) 0
}
.sdgs__wrapper,
.system__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 20px
}
.sdgs__box,
.system__box {
	position: relative;
	border: 1px solid #2860ab;
	padding: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
	border-radius: clamp(0.625rem, 0.489rem + 0.68vw, 1rem);
	overflow: hidden
}
.sdgs__box h1 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: #2860ab;
	font-family: 'Outfit', sans-serif;
	font-weight: 500;
	color: #fff;
	padding: 8px;
	width: 50px;
	text-align: center;
	border-radius: 0 0 clamp(0.625rem, 0.489rem + 0.68vw, 1rem) 0
}
.sdgs__box h3 {
	color: #2860ab;
	padding-left: 50px;
	margin-bottom: 14px
}
.sdgs__box li {
	line-height: 1.4
}
.sdgs__box .sdgs__point {
	display: flex;
	justify-content: center;
	background: #2860ab;
	color: #fff;
	font-weight: 600;
	padding: 22px 0;
	margin: 20px 0;
	border-radius: clamp(0.625rem, 0.489rem + 0.68vw, 1rem)
}
.sdgs__icon__wrapper {
	display: flex;
	justify-content: center;
	gap: 20px
}
.sdgs__icon__wrapper img {
	width: 30%;
}
#subpage__wrapper > section .link__btn {
	justify-content: flex-start
}
.link__flex {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 0.455rem + 2.73vw, 2.5rem)
}
.business__section__content img.sp {
	float: right;
	width: 140px;
	padding: 0 0 20px 20px
}
.system__box img {
	width: 240px;
	height: 80px;
	object-fit: contain;
	margin: 0 auto clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem)
}
.system__box h5 {
	opacity: .6;
	font-size: 14px;
	font-weight: 600;
	text-align: center
}
.system__box h3 {
	font-weight: 700;
	margin: clamp(0.625rem, 0.534rem + 0.45vw, 0.875rem) 0 clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
	text-align: center
}
#subpage__wrapper .system__box .link__btn {
	justify-content: center
}
.business__baner {
	position: relative;
	display: block;
	margin: 0 calc(50% - 50vw);
	padding: clamp(3.75rem, 1.023rem + 13.64vw, 11.25rem) calc(50vw - 50%);
	background-size: cover;
	background-position: center;
	color: #fff;
	font-weight: 600
}
.business__baner p {
	position: relative;
	font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	z-index: 10
}
#welfare__banner {
	background-image: url(/wp-content/uploads/2024/01/welfare_bg.jpg)
}
#consultant__banner {
	background-image: url(/wp-content/uploads/2024/01/consultant_bg.jpg);
	text-align: right
}
#mobility__banner {
	background-image: url(/wp-content/uploads/2024/01/mobility_bg.jpg)
}
#rentacar__banner {
	background-image: url(/wp-content/uploads/2024/01/rentacar_bg.jpg);
	text-align: right
}
#oem__banner {
	background-image: url(/wp-content/uploads/2024/01/oem_bg.jpg)
}
.page-id-132 .l-content__body {
	margin-top: 0;
	margin-bottom: 0
}
.about__wrapper section {
	position: relative
}
.about__wrapper section h2 {
	position: relative;
	text-align: center;
	margin-bottom: clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem);
	z-index: 10
}
.about__wrapper section p,
.about__wrapper .about__flex__content h4 {
	margin-bottom: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem)
}
.text-align__right {
	text-align: right;
	font-size: 11px;
	opacity: .6
}
.performance__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.performance__box {
	text-align: center;
	width: calc(50% - 14px)
}
.performance__box h6 {
	font-size: clamp(0.813rem, 0.767rem + 0.23vw, 0.938rem);
	font-weight: 600;
	opacity: .4
}
.performance__box h5 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: clamp(0.875rem, 0.693rem + 0.91vw, 1.375rem) 0;
	line-height: 1
}
.performance__box h5 span {
	font-family: 'Outfit', sans-serif;
	font-weight: 800;
	font-size: 145%;
	margin-right: clamp(0.25rem, 0.205rem + 0.23vw, 0.375rem)
}
#performance .performance__box p {
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	font-weight: 300;
	opacity: .5
}
#about__link__wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 calc(50% - 50vw)
}
#about__link__wrapper a {
	position: relative;
	display: block;
	width: 50%;
	background-size: cover;
	background-position: center;
	text-align: center;
	color: #fff;
	padding: clamp(2.5rem, 1.136rem + 6.82vw, 6.25rem) 0
}
#about__link__wrapper p {
	position: relative;
	font-size: clamp(0.875rem, 0.693rem + 0.91vw, 1.375rem);
	z-index: 10
}
.about__link__company {
	background-image: url(/wp-content/uploads/2024/01/company_bg.jpg)
}
.about__link__history {
	background-image: url(/wp-content/uploads/2024/01/top_about.jpg)
}
.page-id-154 .l-content__body {
	margin-bottom: 0
}
.ceo {
	text-align: right;
	font-family: 'Sawarabi Mincho', serif
}
.ceo span {
	font-family: 'Sawarabi Mincho', serif;
	font-size: 120%;
	margin-left: 14px
}
#company .company__wide-box {
	width: 100%
}
#company .performance__box h6 {
	margin-bottom: 6px
}
#company .performance__box p,
#company .performance__box a {
	display: block
}
#company .performance__box p img {
	height: clamp(12px, calc(0.1136 * 1vw + 11.6364px), 13px);
	margin: clamp(12px, calc(0.1136 * 1vw + 11.6364px), 13px) auto 0;
}
#company .performance__box li {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	text-align: left;
	margin: 0;
	line-height: 1.45
}
#company .performance__box dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px
}
#company .performance__box dt {
	display: block;
	width: 50%;
	font-size: clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);
	line-height: 1.45;
	opacity: .5
}
#company .performance__box dd {
	display: block;
	width: 50%;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem)
}

#subpage__wrapper #history {
	border-left: 2px solid #ebebeb;
	margin-left: 16px;
	margin-top: 0
}
#history .history__year h2 {
	display: flex;
	align-items: center;
	gap: 20px;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	text-align: left;
	color: #2860ac;
	margin-left: -11px;
	margin-bottom: 0
}
#history .history__year h2::before {
	content: '';
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url(/wp-content/uploads/2023/12/history-circle.svg)
}
.history__year__content {
	padding: 16px 0 16px 28px;
}
.history__month {
	display: flex;
	flex-wrap: wrap;
	background: rgba(40,96,172,.12);
	padding: clamp(0.5rem, 0.364rem + 0.68vw, 0.875rem);
	margin-bottom: clamp(1rem, 0.545rem + 2.27vw, 2.25rem)
}
.history__month * {
	line-height: 1.3
}
.history__month h4 {
	display: flex;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	font-weight: 600;
	width: 40px;
	color: #2860ac
}
#history .history__month p {
	width: calc(100% - 40px);
	margin: 0
}

#recruit__btn {
	position: relative;
	display: block;
	background-image: url(/wp-content/uploads/2024/01/recruit_bg.jpg);
	background-size: cover;
	background-position: center;
	padding: clamp(1.25rem, -0.114rem + 6.82vw, 5rem);
	border-radius: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
	overflow: hidden
}
#recruit__btn::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.4);
	z-index: 1
}
#recruit__btn h2 {
	position: relative;
	color: #fff;
	text-align: center;
	line-height: 1.15;
	z-index: 10
}
#recruit__btn h2 span {
	display: block;
	font-size: 80%;
	margin-top: clamp(0.375rem, 0.148rem + 1.14vw, 1rem)
}

#form__wrapper input[type="text"],
#form__wrapper input[type="email"],
#form__wrapper input[type="tel"],
#form__wrapper textarea,
#form__wrapper select {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	padding: clamp(0.375rem, 0.239rem + 0.68vw, 0.75rem);
	margin: clamp(1rem, 0.818rem + 0.91vw, 1.5rem) 0;
	border-radius: clamp(0.375rem, 0.284rem + 0.45vw, 0.625rem);
	max-width: 100%;
	line-height: 1
}
textarea {
	width: 100%
}
.form__row {
	margin-bottom: clamp(2.25rem, 1.705rem + 2.73vw, 3.75rem)
}
.form__row h5 {
	display: flex;
	align-items: center;
	margin-bottom: 16px
}
.form__row h5 span {
	display: block;
	background: #2860ab;
	color: #fff;
	font-size: 65%;
	padding: clamp(0.25rem, 0.159rem + 0.45vw, 0.5rem);
	border-radius: clamp(0.25rem, 0.205rem + 0.23vw, 0.375rem);
	margin-left: clamp(0.375rem, 0.239rem + 0.68vw, 0.75rem)
}
.mwform-radio-field label,
.mwform-checkbox-field label {
	display: inline-flex;
	align-items: center
}
.mwform-radio-field label span,
.mwform-checkbox-field-text {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	line-height: 1
}
#form__wrapper .form__flex input {
	margin: 4px 0
}
#policy__wrapper {
	text-align: center
}
#policy__wrapper input[type="submit"] {
	padding: 14px;
	margin: 0;
	line-height: 1.2;
	background: linear-gradient(90deg, rgba(40,96,172,1) 0%, rgba(60,190,231,1) 100%);
	color: #fff;
	border: none;
	border-radius: 10px;
	margin-top: 20px;
	&:disabled {
		background: #ddd
	}
}
::placeholder {
	color: #dcdcdc
}
.mw_wp_form .error {
	color: #fb1f48;
	line-height: 1
}
.pp__wrapper > h5 {
	font-weight: 700;
	margin: clamp(1.5rem, 0.409rem + 5.45vw, 4.5rem) 0 clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem)
}
.pp__wrapper p,
.pp__wrapper ol {
	margin-bottom: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem)
}
.pp__table td,
.pp__table th {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	line-height:1.45
}
.pp__table th {
	text-align: center
}
.pp__sublist {
	list-style-type: none;
	text-indent: -1em;
	& li:nth-of-type(1)::before {
		content: '\02460'
	}
	& li:nth-of-type(2)::before {
		content: '\02461'
	}
	& li:nth-of-type(3)::before {
		content: '\02462'
	}
	& li:nth-of-type(4)::before {
		content: '\02463'
	}
	& li:nth-of-type(5)::before {
		content: '\02464'
	}
}

.aioseo-html-page-sitemap h4 {
	display: none
}
.aioseo-html-page-sitemap > ul {
	list-style: none;
	padding: 0
}

.example__wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px
}
.example__box {
	width: calc(50% - 10px);
	text-align: center;
	box-shadow: 3px 3px 11px rgba(0,0,0,.2)
}
.example__box > h5 {
	padding: clamp(0.625rem, 0.489rem + 0.68vw, 1rem) clamp(0.625rem, 0.489rem + 0.68vw, 1rem) 0
}
.open {
	display: block;
	width: 100%;
	overflow: hidden
}
.open img {
	height: 140px;
	width: 100%;
	object-fit: cover;
	object-position: top center;
}
.example__tag {
	display: inline-flex;
	align-items: center;
	color: #b9b9b9;
	font-size: clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);
	padding-bottom: clamp(0.625rem, 0.489rem + 0.68vw, 1rem)
}
.example__tag::before,
.pop-txt a::before {
	content: '';
	height: 10px;
	width: 10px;
	margin-right: 6px;
	background-repeat: no-repeat
}
.example__tag::before {
	display: block;
	background-image: url(/wp-content/uploads/2024/01/tag-icon.svg)
}
.pop-txt a::before {
	display: inline-block;
	background-image: url(/wp-content/uploads/2024/01/link-icon.svg)
}
.example__box input {
	display: none
}
.overlay {
	display: none
}
.example__box input:checked + .overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.7);
}
.window {
	position: fixed;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	width: 90%;
	background-color: #fff;
	border-radius: 6px;
	transform: translate(-50%, -50%);
	z-index: 200
}
.close {
	position: absolute;
	top: 10px;
	right: 15px;
}
.close img {
	height: 20px
}
.pop-flex {
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 16px
}
.pop-flex img {
	width: 50%;
	box-shadow: 2px 2px 10px rgba(0,0,0,.2)
}
.pop-txt {
	width: calc(50% - 16px);
	text-align: left
}
.pop-category {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(0.375rem, 0.284rem + 0.45vw, 0.625rem);
	margin: clamp(0.75rem, 0.568rem + 0.91vw, 1.25rem) 0 clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem)
}
.pop-category p {
	display: block;
	background-color: #e3e3e3;
	color: #919191;
	padding: clamp(0.25rem, 0.205rem + 0.23vw, 0.375rem);
	font-size: clamp(0.625rem, 0.58rem + 0.23vw, 0.75rem);
	border-radius: clamp(0.25rem, 0.205rem + 0.23vw, 0.375rem);
	letter-spacing: 0
}
.pop-txt a {
	display: block
}
#subpage__wrapper .badge__banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #ebebeb;
	padding: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
	margin: clamp(0.875rem, 0.602rem + 1.36vw, 1.625rem) 0;
	border-radius: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
	& p {
		margin: 0;
		width: calc(100% - 100px)
	}
	& a {
		width: 80px
	}
}
.wpcf7-not-valid-tip {
	display: block;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	background: #ffe0e9;
	color: #ff004c;
	padding: clamp(0.375rem, 0.239rem + 0.68vw, 0.75rem);
	line-height: 1;
	border-radius: clamp(0.375rem, 0.284rem + 0.45vw, 0.625rem)
}
.wpcf7-list-item-label {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem)
}
.wpcf7-acceptance {
	display: block;
	span {
		margin: 0
	}
}
#subpage__wrapper .wpcf7-response-output {
	border: none;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	background: #ffe0e9;
	color: #ff004c;
	padding: clamp(0.375rem, 0.239rem + 0.68vw, 0.75rem);
	line-height: 1.25;
	border-radius: clamp(0.375rem, 0.284rem + 0.45vw, 0.625rem)
}
.privacy__link {
	display: inline-flex;
	align-items: baseline;
	img {
		height: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
		margin: 0 2px
	}
}




/*******************************************************
                    * スマートフォン *
 ******************************************************/

@media screen and (max-width: 599px) {
	#hero__inner p br,
	.business__wrapper > h1 br,
	.about__wrapper section h2 br {
		display: none
	}
	#top__news .wp-show-posts-inner {
		display: flex;
		align-items: center;
		gap: 20px
	}
	.wp-show-posts-image img {
		width: 100px
	}
	.wp-show-posts-entry-header {
		width: calc(100% - 120px)
	}
	.wp-show-posts-inner:after {
		content: none
	}
}



/*******************************************************
                    * タブレット *
 ******************************************************/

@media screen and (min-width: 600px) {
	#hero__inner {
		padding: calc(60px + 76px) 0 60px
	}
	#top__news .link__btn {
		position: absolute;
		right: 0;
		top: 10px
	}
	#wpsp-142 {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 168px
	}
	#top__news #wpsp-142 article {
		width: 30%
	}
	.wp-show-posts-entry-header {
		margin-top: 10px
	}
}

@media screen and (max-width: 999px) {
	.pc { display: none }
}



/*******************************************************
                    * PC *
 ******************************************************/

@media screen and (min-width: 1025px) {
	.sp { display: none }
	a, a::before, a::after {
		transition: all .2s
	}
	#header {
		width: 1200px;
		margin: 20px auto 0
	}
	[data-btns=l-r][data-logo=left] .l-header__body {
		grid-template-columns: 0 0 auto 1fr min-content
	}
	.l-header__center {
		padding: 15px 0
	}
	.l-header__right, .l-header__body .c-gnavWrap {
		width: 100%
	}
	.c-gnav {
		padding: 0 80px;
		justify-content: space-between
	}
	#content {
		margin-top: -90px
	}
	#hero__inner {
		padding: calc(300px + 84px) 0 300px
	}
	#top__about h1,
	#top__news h1 {
		padding: 0 0 48px
	}
	#top__about::before,
	#top__news::before {
		top: -60px
	}
	#top__about p {
		width: calc(100% - 450px)
	}
	#top__about__img {
		position: absolute;
		bottom: -160px;
		right: 0;
		width: 420px;
		height: 460px;
		object-fit: cover;
		z-index: 1
	}
	#top__wrapper .top__business {
		padding-top: 400px;
		padding-bottom: 80px
	}
	.top__business__content {
		width: 65%;
		border-radius: 20px
	}
	#top__welfare .top__business__content,
	#top__mobility .top__business__content,
	#top__oem .top__business__content {
		margin-left: auto
	}
	#top__news #wpsp-142 article {
		width: 24%
	}
	#top__news #wpsp-142 article:hover img {
		opacity: .8
	}
	.wp-show-posts-image img {
		border-radius: 16px;
		transition: all .2s
	}
	#top__news #wpsp-142 {
		margin-top: 40px
	}
	#block-8 {
		width: 300px
	}
	#footer__logo {
		width: 90%
	}
	#privacy__box {
		width: 300px
	}
	#privacy__box p,
	#partner__box p {
		font-size: 14px
	}
	#block-9 {
		display: flex;
		align-items: flex-start;
		gap: 60px
	}
	.link__btn:hover {
		opacity: .8
	}
	.link__btn:hover::before {
		transform: translate(4px)
	}
	#footer__menu > li > a {
		width: 140px
	}
	.l-footer__widgets {
		padding: 60px 0
	}
	.business__flex {
		display: flex;
		justify-content: space-between;
		align-items: center
	}
	.business__flex__left {
		width: calc(100% - 450px)
	}
	.business__flex img {
		width: 400px
	}
	.l-content__body {
		margin-top: 80px;
		margin-bottom: 80px
	}
	.business__wrapper section > h2::after {
		margin-bottom: 36px;
		width: 48%
	}
	.patent__box {
		display: flex
	}
	.patent__flex__left {
		width: 480px;
		margin: 0
	}
	.patent__flex__right {
		width: calc(100% - 480px)
	}
	.patent__flex__left dl dt {
		width: 180px
	}
	.patent__flex__left dl dd {
		width: calc(100% - 180px)
	}
	.patent__flex__right h5 {
		margin-bottom: 22px
	}
	.patent__flex__right li {
		margin: 7px 0
	}
	.system__wrapper {
		align-items: stretch
	}
	.sdgs__box,
	.system__box {
		width: 30%
	}
	.sdgs__box h1 {
		font-size: 38px
	}
	#top_title_area {
		height: 600px
	}
	.business__section__flex {
		display: flex;
		justify-content: space-between
	}
	.business__section__flex img.pc {
		width: 220px
	}
	.business__section__content {
		width: calc(100% - 300px)
	}
	.business__baner:hover::after {
		background: rgba(0,0,0,0)
	}
	.performance__wrapper {
		gap: 32px
	}
	.performance__box {
		width: calc(33% - 18px)
	}
	.performance__box h5 {
		font-size: 26px
	}
	.about__flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.about__flex img {
		width: 250px
	}
	.about__flex__content {
		width: calc(100% - 350px)
	}
	#about__link__wrapper a:hover::after {
		background: transparent
	}
	.company__wide-box {
		display: flex
	}
	.company__wide-box h6 {
		width: 380px;
		text-align: lef
	}
	.company__wide-box__content {
		width: calc(100% - 380px)
	}
	.company__wide-box__content p {
		text-align: left
	}
	.company__wide-box__content img {
		width: 600px
	}
	#company .performance__box dt {
		width: 240px;
		text-align: left
	}
	#company .performance__box dd {
		width: calc(100% - 240px);
		text-align: left
	}
	.history__year {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start
	}
	#history .history__year h2 {
		width: 200px
	}
	.history__year__content {
		width: calc(100% - 200px);
		padding: 0
	}
	.history__month h4 {
		width: 60px
	}
	#history .history__month p {
		width: calc(100% - 60px)
	}
	#recruit__btn:hover::after {
		background: rgba(0,0,0,.1)
	}
	.form__row {
		display: flex;
		justify-content: space-between;
		align-items: center
	}
	.form__row h5 {
		width: 400px;
		margin: 0
	}
	.form__input {
		width: calc(100% - 400px)
	}
	.form__flex {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		.wpcf7-form-control-wrap {
			min-width: auto;
			input { width: 100% }
		}
	}
	#form__wrapper .form__flex input {
		margin: 0
	}
	/*#pref {
		width: 40%
	}
	#city {
		width: calc(60% - 12px)
	}
	#address {
		width: 100%
	}*/
	span[data-name="pref"] {
		width: 40%
	}
	span[data-name="city"] {
		width: calc(60% - 12px)
	}
	span[data-name="address"] {
		width: 100%
	}
	textarea {
		height: 240px
	}
	.example__wrapper {
		gap: 40px
	}
	.example__box {
		width: calc(33% - 23px)
	}
	.open {
		cursor: pointer;
	}
	.open img {
		height: 200px;
		transition: all .2s
	}
	.open:hover img {
		transform: scale(1.1)
	}
	.window {
		width: 800px;
		border-radius: 10px
	}
	.pop-flex {
		padding: 36px;
		gap: 24px
	}
	.pop-txt {
		width: calc(50% - 24px)
	}
	.close {
		top: 30px;
		right: 30px;
		cursor: pointer
	}
	.close img {
		height: 25px
	}
	.pop-txt a::before {
		height: 13px;
		width: 13px
	}
	.menu-item-166 .c-gnav__depth1 {
		width: 280px
	}
	#subpage__wrapper .badge__banner {
		& p {
			width: calc(100% - 180px)
		}
		& a {
			width: 150px
		}
	}
	.l-footer__widgets .w-footer+.w-footer {
		margin-left: 0
	}
}