@charset "UTF-8";

@import url("./css/reset.css");
@import url("./css/b_arrow.css");
@import url("./css/contact.css");
@import url("./css/single.css");
@import url("./css/policy.css");

:root {
    --c_black: #333;
	--c_blue: #0089BC;
	--c_orange: #EB9A00;
	--c_yellow: #F2E009;
	--c_gray: #F7F7F7;
    --gothic: "Noto Sans JP", sans-serif;
	--lato: "Lato", sans-serif;
	--num35: clamp(16px, 1.82vw, 35px);
	--num40: clamp(18px, 2.08vw, 40px);
	--num50: clamp(23px, 2.6vw, 50px);
	--num60: clamp(27px, 3.13vw, 60px);
	--num70: clamp(32px, 3.65vw, 70px);
	--num80: clamp(36px, 4.17vw, 80px);
	--num90: clamp(41px, 4.69vw, 90px);
	--num100: clamp(45px, 5.21vw, 100px);
	--num120: clamp(54px, 6.25vw, 120px);
	--num150: clamp(68px, 7.81vw, 150px);
	--num170: clamp(77px, 8.85vw, 170px);
	--num190: clamp(86px, 9.9vw, 190px);
	--num200: clamp(90px, 10.42vw, 200px);
	--num235: clamp(106px, 12.24vw, 235px);
	/*デザイン幅PC1920px・スマホ375pxの場合のフォントサイズ*/
	--fz11: clamp(.9rem, 0.57vw, 1.1rem);
	--fz12: clamp(1rem, 0.63vw, 1.2rem);
	--fz13: clamp(1.1rem, 0.68vw, 1.3rem);
	--fz14: clamp(1.1rem, 0.73vw, 1.4rem);
	--fz15: clamp(1.2rem, 0.78vw, 1.5rem);
	--fz16: clamp(1.3rem, 0.83vw, 1.6rem);
	--fz17: clamp(1.3rem, 0.89vw, 1.7rem);
	--fz18: clamp(1.3rem, 0.94vw, 1.8rem);
	--fz19: clamp(1.3rem, 0.99vw, 1.9rem);
	--fz20: clamp(1.3rem, 1.04vw, 2rem);
	--fz21: clamp(1.3rem, 1.09vw, 2.1rem);
	--fz22: clamp(1.3rem, 1.15vw, 2.2rem);
	--fz23: clamp(1.3rem, 1.2vw, 2.3rem);
	--fz24: clamp(1.3rem, 1.25vw, 2.4rem);
	--fz25: clamp(1.3rem, 1.3vw, 2.5rem);
	--fz26: clamp(1.3rem, 1.35vw, 2.6rem);
	--fz27: clamp(1.3rem, 1.41vw, 2.7rem);
	--fz28: clamp(1.3rem, 1.46vw, 2.8rem);
	--fz29: clamp(1.3rem, 1.51vw, 2.9rem);
	--fz30: clamp(1.3rem, 1.56vw, 3rem);
	--fz31: clamp(1.3rem, 1.61vw, 3.1rem);
	--fz32: clamp(1.3rem, 1.67vw, 3.2rem);
	--fz33: clamp(1.3rem, 1.72vw, 3.3rem);
	--fz34: clamp(1.3rem, 1.77vw, 3.4rem);
	--fz35: clamp(1.3rem, 1.82vw, 3.5rem);
	--fz36: clamp(1.3rem, 1.88vw, 3.6rem);
	--fz37: clamp(1.3rem, 1.93vw, 3.7rem);
	--fz38: clamp(1.3rem, 1.98vw, 3.8rem);
	--fz39: clamp(1.3rem, 2.03vw, 3.9rem);
	--fz40: clamp(1.3rem, 2.08vw, 4rem);
	--fz41: clamp(1.3rem, 2.14vw, 4.1rem);
	--fz42: clamp(1.3rem, 2.19vw, 4.2rem);
	--fz43: clamp(1.3rem, 2.24vw, 4.3rem);
	--fz44: clamp(1.3rem, 2.29vw, 4.4rem);
	--fz45: clamp(1.3rem, 2.34vw, 4.5rem);
	--fz46: clamp(1.3rem, 2.4vw, 4.6rem);
	--fz47: clamp(1.3rem, 2.45vw, 4.7rem);
	--fz48: clamp(1.3rem, 2.5vw, 4.8rem);
	--fz49: clamp(1.3rem, 2.55vw, 4.9rem);
	--fz50: clamp(1.3rem, 2.6vw, 5rem);
	--fz51: clamp(1.3rem, 2.66vw, 5.1rem);
	--fz52: clamp(1.3rem, 2.71vw, 5.2rem);
	--fz53: clamp(1.3rem, 2.76vw, 5.3rem);
	--fz54: clamp(1.3rem, 2.81vw, 5.4rem);
	--fz55: clamp(1.3rem, 2.86vw, 5.5rem);
}
@media only screen and (max-width: 768px) {
	:root {
		--fz11: clamp(.9rem, 2.93vw, 1.1rem);
		--fz12: clamp(.9rem, 3.2vw, 1.2rem);
		--fz13: clamp(.9rem, 3.47vw, 1.3rem);
		--fz14: clamp(.9rem, 3.73vw, 1.4rem);
		--fz15: clamp(.9rem, 4vw, 1.5rem);
		--fz16: clamp(.9rem, 4.27vw, 1.6rem);
		--fz17: clamp(.9rem, 4.53vw, 1.7rem);
		--fz18: clamp(.9rem, 4.8vw, 1.8rem);
		--fz19: clamp(.9rem, 5.07vw, 1.9rem);
		--fz20: clamp(.9rem, 5.33vw, 2rem);
		--fz21: clamp(.9rem, 5.6vw, 2.1rem);
		--fz22: clamp(.9rem, 5.87vw, 2.2rem);
		--fz23: clamp(.9rem, 6.13vw, 2.3rem);
		--fz24: clamp(.9rem, 6.4vw, 2.4rem);
		--fz25: clamp(.9rem, 6.67vw, 2.5rem);
		--fz26: clamp(.9rem, 6.93vw, 2.6rem);
		--fz27: clamp(.9rem, 7.2vw, 2.7rem);
		--fz28: clamp(.9rem, 7.47vw, 2.8rem);
		--fz29: clamp(.9rem, 7.73vw, 2.9rem);
		--fz30: clamp(.9rem, 8vw, 3rem);
		--fz31: clamp(.9rem, 8.27vw, 3.1rem);
		--fz32: clamp(.9rem, 8.53vw, 3.2rem);
		--fz33: clamp(.9rem, 8.8vw, 3.3rem);
		--fz34: clamp(.9rem, 9.07vw, 3.4rem);
		--fz35: clamp(.9rem, 9.33vw, 3.5rem);
		--fz36: clamp(.9rem, 9.6vw, 3.6rem);
		--fz37: clamp(.9rem, 9.87vw, 3.7rem);
		--fz38: clamp(.9rem, 10.13vw, 3.8rem);
		--fz39: clamp(.9rem, 10.4vw, 3.9rem);
		--fz40: clamp(.9rem, 10.67vw, 4rem);
		--fz41: clamp(.9rem, 10.93vw, 4.1rem);
		--fz42: clamp(.9rem, 11.2vw, 4.2rem);
		--fz43: clamp(.9rem, 11.47vw, 4.3rem);
		--fz44: clamp(.9rem, 11.73vw, 4.4rem);
		--fz45: clamp(.9rem, 12vw, 4.5rem);
		--fz46: clamp(.9rem, 12.27vw, 4.6rem);
		--fz47: clamp(.9rem, 12.53vw, 4.7rem);
		--fz48: clamp(.9rem, 12.8vw, 4.8rem);
		--fz49: clamp(.9rem, 13.07vw, 4.9rem);
		--fz50: clamp(.9rem, 13.33vw, 5rem);
		--fz51: clamp(.9rem, 13.6vw, 5.1rem);
		--fz52: clamp(.9rem, 13.87vw, 5.2rem);
		--fz53: clamp(.9rem, 14.13vw, 5.3rem);
		--fz54: clamp(.9rem, 14.4vw, 5.4rem);
		--fz55: clamp(.9rem, 14.67vw, 5.5rem);
	}
}

html {
	position: relative;
	opacity: 0;
    font-size: 62.5%;
	scrollbar-gutter: stable;
}
body {
    position: relative;
    width: 100%;
    color: var(--c_black);
    font-size: 1.6em;
    font-family: var(--gothic);
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: .04em;
    background-color: #fff;
}
.wrapper {
	font-size: var(--fz16);
}
.post_img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.post_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
a.post_img img, a .post_img img {
    transition: all .3s ease;
}
a.post_img:hover img, a:hover .post_img img {
    transform: translate(-50%, -50%) scale(1.03);
}
.txt {
    width: 100%;
}
.btn_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 92%;
	margin: auto;
}
/*//common*/

/*hamburger*/
.hmbg_btn {
	position: relative;
    display: none;
    padding-top: 7px;
    cursor: pointer;
	z-index: 2;
	--ham_num: 10px;
	--ham_mnum: -10px;
}
.hmbg_inner {
    position: relative;
    width: 30px;
    height: 3px;
    margin-top: var(--ham_num);
    margin-bottom: var(--ham_num);
    background: var(--c_blue);
	border-radius: 9999px;
    transition: all .5s ease;
}
.hmbg_wrap.open .hmbg_inner {
    background: transparent;
}
.hmbg_inner::before, .hmbg_inner::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--c_blue);
	border-radius: 9999px;
}
.hmbg_inner::before {
    top: var(--ham_mnum);
    transition: all .5s ease;
}
.hmbg_inner::after {
    bottom: var(--ham_mnum);
    transition: all .5s ease;
}
.hmbg_wrap.open .hmbg_inner::before {
	background: var(--c_blue);
    transform: translateY(var(--ham_num)) rotate(45deg);
}
.hmbg_wrap.open .hmbg_inner::after {
	background: var(--c_blue);
    transform: translateY(var(--ham_mnum)) rotate(-45deg);
}
html.hmbg_open {
    overflow: hidden;
}
#sp_nav {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    overflow: auto;
    pointer-events: none;
    transition: all .5s ease;
	z-index: 1;
}
.hmbg_wrap.open #sp_nav {
	opacity: 1;
	pointer-events: auto;
}
.sp_nav_inner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	min-height: 100%;
	padding-top: 4vw;
	background: url("./img/hmbg_back.webp") center center/cover no-repeat;
}
.sp_nav_inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(2, 137, 188, .95);
	z-index: 0;
}
.sp_nav_inner > * {
	position: relative;
	z-index: 1;
}
.sp_nav_li {
    width: 92%;
    margin: 0 auto 15px;
    list-style: none;
}
.sp_nav_li > li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: .6em;
	font-size: var(--fz28);
}
.sp_nav_li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	color: #fff;
    font-size: 1em;
    font-weight: 500;
	letter-spacing: .08em;
    transition: all .3s ease;
}
.sp_nav_li a:hover {
    opacity: .6;
}
.sp_nav_li li:last-of-type, .sp_nav_sub li:last-of-type {
    border-bottom: none;
}
.sp_nav_li li {
    opacity: 0;
    transition: all .5s ease;
    transform: translateY(20px);
}
.hmbg_wrap.open .sp_nav_li li {
    opacity: 1;
    transform: translateY(0);
}
.sp_nav_li_s {
	margin: .3em 0 .5em 1em;
	list-style: none;
}
.sp_nav_li_s > li {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.sp_nav_li_s a {
	font-size: .93em;
}
.sp_nav_li_s a::before {
	content: '-';
	margin-right: .3em;
}
.sp_nav_inner .btn_wrap {
    justify-content: space-between;
	margin-top: 2.5vw;
	margin-bottom: 6vw;
}
.sp_nav_inner .btn_wrap > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48%;
	padding: 1.2em 1em;
	color: #fff;
	font-size: var(--fz26);
	font-weight: 500;
	border-radius: .5em;
}
.sp_nav_inner .btn_wrap > a.orange {
	background: var(--c_orange);
}
.sp_nav_inner .btn_wrap > a.orange::before {
	content: '';
	display: block;
	margin-right: .5em;
	width: 1em;
	height: 1.5em;
	background: url("./img/icon_clipbord.svg") center center/contain no-repeat;
}
.sp_nav_inner .btn_wrap > a.black {
	background: #30415B;
}
.sp_nav_inner .btn_wrap > a.black::before {
	content: '';
	display: block;
	margin-right: .5em;
	width: 1.5em;
	height: 1.5em;
	background: url("./img/icon_cart.svg") center center/contain no-repeat;
}
.sp_nav_inner .btn_wrap > a.link_blog {
    width: 100%;
    margin-bottom: 1em;
	color: #fff;
    font-weight: 700;
    letter-spacing: .1em;
    border: 2px solid #fff;
    transition: all .3s ease;
}
.sp_nav_inner .btn_wrap > a.link_blog:hover {
	color: var(--c_blue);
	background: #fff;
}
.hmbg_num {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: clamp(15px, 6vw, 30px) 4vw var(--num235);
	margin-top: auto;
	line-height: 1;
    background: #fff;
}
.hmbg_num .number {
	color: var(--c_blue);
	font-size: var(--fz34);
	font-weight: 700;
}
.hmbg_num .number .tel {
	font-size: 1.77em;
}
.hmbg_num .number .tel a {
	color: var(--c_blue);
	font-size: 1em;
}
.hmbg_num .time {
	margin-top: .5em;
	font-size: var(--fz18);
}
.hmbg_num .tac {
	display: block;
	width: auto;
	padding: 1em 2.5em;
	margin-top: 1.2em;
	color: #fff;
	font-size: var(--fz32);
	font-weight: 500;
	text-align: center;
	background: var(--c_blue);
	border-radius: .3em;
}
.hmbg_num .tac small {
	display: block;
	margin-top: .5em;
	font-size: .75em;
	font-weight: 400;
}
.hmbg_num .btn_wrap .btn_online {
    padding: .5em;
    color: #4B4B4B;
    font-size: var(--fz15);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
	background: #fff;
    border: 1px solid #4B4B4B;
	transition: all .3s ease;
}
.hmbg_num .btn_wrap .btn_online:hover {
	color: #fff;
	background: #4B4B4B;
}
.hmbg_num .btn_wrap .tac {
    flex-direction: column;
    margin-top: 0;
	font-size: var(--fz16);
}
.sp_nav_inner .hmbg_num .btn_wrap {
	align-items: initial;
    margin-top: 4vw;
}
@media only screen and (max-width: 768px) {
	.sp_nav_li > li {
		font-size: var(--fz15);
	}
	.sp_nav_inner .btn_wrap > a {
		padding: .7em;
		font-size: var(--fz14);
		border-radius: .3em;
	}
	.hmbg_num .number {
		font-size: var(--fz18);
	}
	.hmbg_num .time {
		font-size: var(--fz14);
	}
	.hmbg_num .tac {
		font-size: var(--fz16);
	}
}
/*//hamburger*/


/*pagetop*/
.pagetop {
	position: absolute!important;
	top: 0;
    right: 20px;
	transform: translateY(-50%);
    z-index: 990 !important;
}
.pagetop > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    color: #fff;
    font-size: 2rem;
    background-color: var(--c_black);
    border: 2px solid var(--c_black);
    border-radius: 50%;
    transition: all .3s ease;
    box-sizing: border-box;
}
.pagetop > a:hover {
    color: #fff;
    background-color: var(--c_black);
}
/*//pagetop*/

/*accordion*/
.acc-cont {
	display: none;
}
/*//accordion*/

/*modal*/
body.modal_open {
	overflow: hidden;
}
.modal_cont_wrapper {
	position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100vw;
    min-height: 100vh;
    background: rgba(0, 0, 0, .6);
    z-index: 9999;
    overflow: auto;
}
.modal_cont_inner {
	position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}
.modal_cont {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    min-height: 100%;
    height: auto;
    padding: 6em 30px;
}
.modal_block {
	position: relative;
	width: auto;
	height: auto;
}
.modal_close {
	position: absolute;
    bottom: calc(100% + 20px);
    right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3em;
	height: 3em;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	--ham_num: 12px;
	--ham_mnum: -12px;
}
.modal_close_inner {
    position: relative;
    width: 35px;
    height: 3px;
    margin-top: var(--ham_num);
    margin-bottom: var(--ham_num);
    background: transparent;
    transition: all .5s ease;
}
.modal_close_inner::before, .modal_close_inner::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: var(--c_black);
}
.modal_close_inner::before {
    top: var(--ham_mnum);
    transition: all .5s ease;
	transform: translateY(var(--ham_num)) rotate(45deg);
}
.modal_close_inner::after {
    bottom: var(--ham_mnum);
    transition: all .5s ease;
	transform: translateY(var(--ham_mnum)) rotate(-45deg);
}
/*//modal*/

/*scrl*/
.scrl {
    opacity: 0;
    position: relative;
}
.bt-anim {
    top: 50px;
}
@keyframes bt-anim {
	0% {
		opacity: 0;
		top: 50px;
	}
	60% {
		opacity: 1;
		top: 0;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
.bt-anim.scrl_in {
    animation: bt-anim 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}
/*//scrl*/

/*header*/
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 999;
}
.h_news {
    opacity: 1;
    position: relative;
    display: block;
    padding: .3em 1em;
    color: rgba(255,255,255,1);
    font-size: var(--fz15);
    font-weight: 500;
    text-align: center;
    background: var(--c_orange);
    transition: all .3s ease;
    z-index: 2;
}
a.h_news:hover {
	color: rgba(255,255,255,.6);
}
.h_wrap {
	position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #fff;
	z-index: 2;
}
#header .logo {
    position: relative;
    max-width: 314px;
    width: 100%;
    margin: 1em 0 1em 1.5em;
    z-index: 2;
}
#header .logo > a {
    opacity: 1;
    display: block;
    width: 100%;
    transition: all .3s ease;
}
#header .logo > a:hover {
    opacity: .6;
}
#header .logo > a > img {
    display: block;
    width: 100%;
}
.h_inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
    width: auto;
}
#gnav {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
    padding-top: .5em;
}
.gnav_li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: auto;
	margin-bottom: 1em;
    list-style: none;
}
.gnav_li > li {
    width: auto;
    margin-left: 1.5em;
    font-size: clamp(1.2rem, 1vw, 1.5rem);
    font-weight: 500;
}
.gnav_li > li > a {
    opacity: 1;
    font-size: 1em;
    transition: all .3s ease;
}
.gnav_li > li > a:hover {
    opacity: .6;
}
.h_num {
    width: auto;
    margin: 0 1em .5em 2em;
    color: var(--c_blue);
    line-height: 1;
}
.h_num .number {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: var(--fz14);
    font-weight: 700;
    letter-spacing: .08em;
}
.h_num .tel {
    margin-left: .3em;
    font-size: 1.78em;
    font-weight: 500;
}
.h_num .tel a {
    color: var(--c_blue);
    font-size: 1em;
}
.h_num .time {
    display: block;
    margin-top: .5em;
    font-size: var(--fz13);
    font-weight: 500;
}
.h_num .btn_online {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .5em .5em .6em;
    margin-top: .7em;
    color: #fff;
    font-size: var(--fz14);
    font-weight: 700;
    line-height: 1;
    background: var(--c_blue);
    border: 1px solid var(    --c_blue);
    border-radius: .4em;
    transition: all .3s ease;
}
.h_num .btn_online::after {
	content: '\f054\f054';
	margin-left: .5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.h_num .btn_online:hover {
	color: var(--c_blue);
	background: #fff;
}
.h_shop {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: calc(100% + 1px);
    padding: 1em 1.5em;
    color: #fff;
    font-size: var(--fz16);
    font-weight: 700;
    line-height: 1;
    background: #30415B;
    border: 1px solid #30415B;
    transition: all .3s ease;
}
.h_shop::before {
    content: '';
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin-right: .7em;
    background: url("./img/icon_cart.svg") center center/contain no-repeat;
}
.h_shop:hover {
    opacity: .6;
}
.mm_btn {
	position: relative;
	display: block;
	font-size: 1em;
	cursor: pointer;
}
.mm_btn::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: calc(100% + .1em);
	left: 50%;
	display: block;
	width: .55em;
	height: .53em;
	background: var(--c_blue);
	border-radius: 50%;
	transform: translateX(-50%);
	transition: all .3s ease;
}
.mm_btn.is-active::after {
	opacity: 1;
}
.mm_body {
	opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
    padding: var(--num50) var(--num80) var(--num35);
    color: #fff;
    background: rgba(2, 137, 188, .95);
	pointer-events: none;
	transition: all .5s ease;
	z-index: 1;
}
.mm_body.is-active {
	opacity: 1;
	pointer-events: auto;
}
.mm_body .h {
    flex-shrink: 0;
    width: auto;
    margin-right: 3em;
    font-size: var(--fz16);
}
.mm_body .h > span {
	display: block;
	margin-bottom: .2em;
    font-size: 1.87em;
    font-family: var(--lato);
    font-weight: 700;
    letter-spacing: .1em;
}
.mm_nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    width: 100%;
	column-gap: 2%;
}
.mm_nav > li {
	width: 20%;
}
.mm_nav > li > a {
	display: block;
	width: 100%;
}
.mm_nav .post_img {
	padding-top: 66%;
}
.mm_nav .name {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin-top: .5em;
	color: #fff;
	font-size: clamp(1rem, 0.83vw, 1.6rem);
}
.mm_nav .name::before {
	content: '-';
	margin-right: .2em;
}
@media only screen and (max-width: 1200px) {
    #header .logo {
        margin: .8em 0 .8em .8em;
    }
    .gnav_li > li {
        margin-left: 1em;
    }
    .h_num {
        margin: 0 .8em .3em 1.2em;
    }
    .h_num .number {
        font-size: var(--fz12);
        letter-spacing: 0;
    }
    .h_num .time {
        font-size: var(--fz11);
    }
    .h_shop {
        padding: 1em;
        font-size: var(--fz14);
    }
}
@media only screen and (max-width: 1024px) {
    .h_news {
        padding: .7em .5em;
        font-size: var(--fz14);
        line-height: 1.3;
        text-align: left;
    }
    .h_wrap {
        padding: .8em;
    }
    .h_inner {
        display: none;
    }
    .hmbg_btn {
        display: block;
    }
    #header .logo {
        max-width: 212px;
        width: 56.53vw;
        margin: 0;
    }
}
/*//header*/

/*footer*/
.f_contact {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: var(--num90) 8%;
    color: #fff;
    background: url("./img/f_contact_back.webp") center center/cover no-repeat;
}
.f_contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(2, 137, 188, .7);
    z-index: 0;
}
.f_contact > * {
    position: relative;
    z-index: 1;
}
.f_contact .h {
    width: 92%;
    margin: 0 auto .4em;
    font-size: clamp(1.3rem, 3.65vw, 7rem);
    font-family: var(--lato);
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 1.3;
    text-align: center;
}
.f_contact .h > span {
    display: block;
    font-size: var(--fz18);
    font-family: var(--gothic);
    font-weight: 500;
    letter-spacing: 0;
}
.f_contact .wrap {
    display: flex;
    justify-content: space-between;
    max-width: 840px;
    width: 100%;
    margin: auto;
}
.f_contact .block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48%;
    background: #fff;
    border-radius: 5px;
}
.f_contact .block_h {
    margin-top: .6em;
    font-size: var(--fz40);
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
    text-align: center;
}
.f_contact .orange .block_h {
    color: var(--c_orange);
}
.f_contact .orange .block_h::before {
    content: '';
    display: block;
    width: 1.05em;
    height: 1.3em;
    margin: 0 auto .2em;
    background: url("./img/icon_clipbord_orange.svg") center center/contain no-repeat;
}
.f_contact .blue .block_h {
    color: var(--c_blue);
}
.f_contact .blue .block_h::before {
    content: '';
    display: block;
    width: 1.35em;
    height: 1.3em;
    margin: 0 auto .2em;
    background: url("./img/icon_mail_blue.svg") center center/contain no-repeat;
}
.f_contact .block .txt {
    margin: 1em 0;
    color: var(--c_black);
    font-size: var(--fz16);
    font-weight: 500;
    text-align: center;
}
.f_contact .block > a {
    position: relative;
    display: block;
    min-width: 80%;
    width: auto;
    padding: .5em 2em;
    margin-bottom: 1.5em;
    color: #fff;
    font-size: var(--fz24);
    font-weight: 700;
    text-align: center;
    border-radius: 9999px;
    transition: all .3s ease;
}
.f_contact .block > a::after {
    content: '\f054';
    position: absolute;
    top: 50%;
    right: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.6em;
    height: 2.6em;
    font-size: .6em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    background: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
}
.f_contact .block.orange > a {
    background: var(--c_orange);
    border: 2px solid var(--c_orange);
}
.f_contact .block.orange > a:hover {
    color: var(--c_orange);
    background: #fff;
}
.f_contact .block.orange > a::after {
    color: var(--c_orange);
}
.f_contact .block.orange > a:hover::after {
    color: #fff;
    background: var(--c_orange);
}
.f_contact .block.blue > a {
    background: var(--c_blue);
    border: 2px solid var(--c_blue);
}
.f_contact .block.blue > a:hover {
    color: var(--c_blue);
    background: #fff;
}
.f_contact .block.blue > a::after {
    color: var(--c_blue);
}
.f_contact .block.blue > a:hover::after {
    color: #fff;
    background: var(--c_blue);
}
.f_num {
    width: 92%;
    margin: 1em auto 1.3em;
    font-size: var(--fz30);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}
.f_num .number > .tel {
    font-size: 2em;
}
.f_num .number > .tel a {
    color: #fff;
    font-size: 1em;
}
.f_num .time {
    font-size: .66em;
    font-weight: 500;
}
.f_faq {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .5em .7em .5em 1em;
    color: var(--c_blue);
    font-size: var(--fz43);
    font-weight: 700;
    line-height: 1;
    background: var(--c_yellow);
    border-radius: 9999px;
	transition: all .3s ease;
}
.f_faq:hover {
	color: var(--c_yellow);
	background: var(--c_blue);
}
.f_faq > span {
    font-family: var(--lato);
    letter-spacing: .15em;
}
.f_faq > small {
    display: block;
    margin: 0 1em;
    font-size: .37em;
    line-height: 1.5;
}
.f_faq::after {
    content: '\f054';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.6em;
    height: 2.6em;
    color: var(--c_yellow);
    font-size: .3em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    background: var(--c_blue);
    border-radius: 50%;
	transition: all .3s ease;
}
#footer {
    width: 100%;
    padding-top: var(--num60);
    color: #fff;
    background: var(--c_blue);
}
.f_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1450px;
    width: 80%;
    margin: 0 auto var(--num35);
}
.f_logo {
    max-width: 310px;
    width: 100%;
	margin-right: var(--num50);
}
#fnav {
	flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	width: auto;
    font-size: var(--fz15);
    column-gap: 5em;
}
.fnav_li {
    list-style: none;
}
.fnav_li > li + li {
    margin-top: .7em;
}
.fnav_li > li > a {
    opacity: 1;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    transition: all .3s ease;
}
.fnav_li > li > a:hover {
    opacity: .6;
}
.fnav_li > li > a::before {
    content: '-';
    margin-right: .2em;
}
.f_link {
	flex-shrink: 0;
	width: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin-left: var(--num40);
}
.f_link > .wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.f_link .link_blog {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .5em 1em .6em;
    color: #fff;
    font-size: var(--fz20);
    font-weight: 500;
    line-height: 1;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    transition: all .3s ease;
}
.f_link .link_blog:hover {
    color: var(--c_blue);
    background: #fff;
}
.f_link .link_newsletter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    padding: 1em;
    margin-top: 1em;
    color: var(--c_blue);
    font-size: var(--fz18);
    font-weight: 700;
    line-height: 1.5;
    background: #fff;
    border-radius: 5px;
}
.f_link .link_newsletter > * {
    opacity: 1;
    transition: all .3s ease;
}
.f_link .link_newsletter:hover > * {
    opacity: .6;
}
.f_link .link_newsletter::before {
    opacity: 1;
    content: '';
    display: block;
    width: 2.5em;
    height: 2.05em;
    margin-right: .7em;
    background: url("./img/icon_bag_blue.svg") center center/contain no-repeat;
    transition: all .3s ease;
}
.f_link .link_newsletter:hover::before {
    opacity: .6;
}
.f_link .link_newsletter small {
    display: block;
    color: var(--c_black);
    font-size: .77em;
    font-weight: 500;
}
.f_link .link_masumi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: .5em 1.3em .4em;
    margin-left: 2em;
    font-size: var(--fz18);
    font-weight: 400;
	line-height: 1.5;
    background: #135240;
    border-radius: 5px;
}
.f_link .link_masumi > * {
    opacity: 1;
    transition: all .3s ease;
}
.f_link .link_masumi:hover > * {
    opacity: .6;
}
.f_link .link_masumi:hover::after {
    opacity: .6;
}
.f_link .link_masumi small {
	display: block;
	font-size: .77em;
}
.f_link .link_masumi i {
	margin-left: .3em;
}
.f_link .link_masumi > img {
    display: block;
    width: 4.15em;
    margin-right: .7em;
}
small.copyright {
    display: block;
    width: 100%;
    padding-bottom: 1.5em;
    padding-right: 3em;
    font-size: var(--fz13);
    font-weight: 400;
    text-align: right;
}
.fix_tac_btn {
    position: fixed;
	bottom: 20px;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
	width: 100%;
	pointer-events: none;
	z-index: 998;
}
.fix_tac_btn > a {
    display: block;
    padding: 1em 1.1em 1em 1em;
    color: #fff;
    font-size: var(--fz22);
    font-weight: 500;
	letter-spacing: .05em;
    line-height: 1;
    writing-mode: tb-rl;
	border: 2px solid;
	border-right: none;
	border-radius: .5em 0 0 .5em;
	pointer-events: auto;
	transition: all .3s ease;
}
.fix_tac_btn > a.fix_qoute {
    background: var(--c_orange);
	border-color: var(--c_orange);
}
.fix_tac_btn > a.fix_qoute:hover {
	color: var(--c_orange);
	background: #fff;
}
.fix_tac_btn > a.fix_tac {
	margin-top: .5em;
    background: var(--c_blue);
	border-color: var(--c_blue);
}
.fix_tac_btn > a.fix_tac:hover {
	color: var(--c_blue);
	background: #fff;
}
.fix_tac_btn > a.fix_case {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 1em .5em;
	margin-top: 2em;
	color: #525252;
    line-height: 1.2;
    writing-mode: inherit;
    background: #DDDDDD;
	border-color: #DDDDDD;
}
.fix_tac_btn > a.fix_case:hover {
	color: #DDDDDD;
	background: #525252;
}
.fix_tac_btn > a.fix_case::before {
	content: '';
	display: block;
	width: 1.4em;
	height: 1.13em;
	margin-bottom: .5em;
	background: url("./img/icon_bag_gray.svg") center center/contain no-repeat;
	transition: all .3s ease;
}
.fix_tac_btn > a.fix_case:hover::before {
	background: url("./img/icon_bag.svg") center center/contain no-repeat;
}
.fix_tac_btn > * {
	opacity: 1;
	pointer-events: auto;
}
.fix_tac_btn > *.hide {
	opacity: 0;
	pointer-events: none;
}
#fixed-banner {
	position: relative;
    margin: var(--num35);
	font-size: var(--fz16);
	pointer-events: auto;
}
#fixed-banner > a {
	position: relative;
	display: block;
	width: 14.37em;
	height: 10.62em;
	font-size: 1em;
	background: url("./img/fix_bnr_case.webp") center center/cover no-repeat;
	box-shadow: 0 0 10px rgba(88, 112, 132, .18);
	transition: all .3s ease;
}
#fixed-banner > a:hover {
    box-shadow: 0 0 10px rgba(88, 112, 132, .5);
}
#fixed-banner > a > p {
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    font-size: 1em;
    letter-spacing: .06em;
}
#fixed-banner > a > p > span {
    display: block;
    font-size: .81em;
    font-weight: 600;
}
#fixed-banner #close-banner {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 1.34em;
    height: 1.34em;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    background: var(--c_black);
    border: 1px solid var(--c_black);
    border-radius: 50%;
    transform: translate(45%, -45%);
	cursor: pointer;
}
#fixed-banner #close-banner i {
    padding-top: .1em;
    font-size: .7em;
    line-height: .8;
}
.btn_favorites_archive {
	opacity: 1;
	position: absolute;
	bottom: 0;
	right: auto;
	left: 2em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	font-size: var(--fz16);
	pointer-events: none;
	transition: all .3s ease;
}
.btn_favorites_archive > a {
    display: flex;
    justify-content: center;
    align-items: center;
	width: auto;
    padding: 1.5em 2em;
    color: var(--c_orange);
    font-size: 1em;
    font-weight: 700;
	line-height: 1;
    background: #fff;
    border: 1px solid var(--c_orange);
    border-radius: 9999px;
    transition: all .3s ease;
	pointer-events: auto;
}
.btn_favorites_archive > a::before {
	content: '\f004';
	margin-right: .5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.btn_favorites_archive > a:hover {
	color: #fff;
	background: var(--c_orange);
}
@media only screen and (max-width: 1200px) {
	#fnav {
		column-gap: 2em;
	}
	.f_link {
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.f_link .link_masumi {
		margin: 1em 0 0 0;
	}
}
@media only screen and (max-width: 950px) {
	#fnav {
		flex-direction: column;
	}
}
@media only screen and (max-width: 768px) {
	.f_contact .h {
		font-size: var(--fz50);
	}
	.f_contact .block_h {
		font-size: var(--fz30);
	}
	.f_contact .block .txt {
		font-size: var(--fz15);
	}
	.f_contact .block > a {
		font-size: var(--fz22);
	}
	.f_num {
		font-size: var(--fz18);
	}
	.f_faq {
		font-size: var(--fz29);
	}
	.f_contact .wrap {
		flex-direction: column;
		justify-content: flex-start;
		max-width: 400px;
	}
	.f_contact .block {
		width: 100%;
	}
	.f_contact .block + .block {
		margin-top: 1.2em;
	}
	#footer {
		padding-top: var(--num100);
	}
	.f_inner {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		width: 86%;
	}
	.f_logo {
		max-width: 254px;
		margin: 0 0 var(--num80);
	}
	#fnav {
		display: none;
	}
	small.copyright {
		padding-right: 0;
		font-size: var(--fz11);
		text-align: center;
	}
	.f_link {
		max-width: 320px;
		align-items: center;
		margin-left: 0;
	}
	.f_link .link_newsletter {
		font-size: var(--fz17);
	}
	.f_link .link_masumi {
		margin: 2em 0 1em;
	}
	#fixed-banner {
		display: none;
	}
	.fix_tac_btn {
		bottom: 0;
		right: auto;
		left: 0;
		flex-direction: row;
		justify-content: center;
		align-items: inherit;
	}
	.fix_tac_btn > a, .fix_tac_btn > a.fix_qoute, .fix_tac_btn > a.fix_tac, .fix_tac_btn > a.fix_case {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 1em 0;
		margin: 0;
		font-size: var(--fz15);
		writing-mode: inherit;
		border-radius: 0;
	}
	.fix_tac_btn > a.fix_case > br {
		display: none;
	}
	.fix_tac_btn > a.fix_case::before {
		margin-bottom: 0;
		margin-right: .3em;
	}
	.btn_favorites_archive {
		bottom: calc(100% + 1em);
		right: 1em;
		left: auto;
		width: 100%;
		margin: 0;
		font-size: var(--fz11);
	}
	.btn_favorites_archive > a {
		flex-direction: column;
		width: 6.3em;
		height: 6.3em;
		padding: 0 0 .3em;
		letter-spacing: 0;
		border-radius: 50%;
	}
	.btn_favorites_archive > a::before {
		font-size: 2em;
		margin-right: 0;
		margin-bottom: .15em;
	}
	.btn_favorites_archive > a > span {
		display: none;
	}
}
/*//footer*/

/*second-head*/
.second_head {
    position: relative;
    width: 100%;
    padding: var(--num150) 0;
    font-size: var(--fz38);
	overflow: hidden;
}
.second_head .bg_img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.second_head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 121, 167, .8);
    z-index: 1;
}
.second_head .head {
    position: relative;
    width: 92%;
    margin: auto;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    z-index: 2;
}
.second_head .head > span {
    display: block;
    margin-top: 1.2em;
    font-size: .47em;
    font-family: var(--lato);
    font-weight: 900;
    letter-spacing: .2em;
}
.wrapper {
    background: url("./img/back_dots.png") top right/1920px auto repeat #f3f9fc;
}
.breadcrumbs_wrap {
    width: 92%;
    margin: 2em auto var(--num70);
    font-size: var(--fz14);
	font-weight: 500;
    letter-spacing: .08em;
}
.breadcrumbs_wrap a {
    opacity: 1;
    text-decoration: underline;
    transition: all .3s ease;
}
.breadcrumbs_wrap a:hover {
    opacity: .6;
}
@media only screen and (max-width: 768px) {
    .second_head {
        padding: var(--num120) 0;
        font-size: var(--fz20);
    }
    .second_head .head > span {
        margin-top: 1em;
        font-size: .6em;
    }
    .breadcrumbs_wrap {
        margin-top: 1em;
        font-size: var(--fz11);
        letter-spacing: 0;
    }
}
/*//second-head*/

/*top*/
#top_slide_sec {
    width: 100%;
}
.swiper-container.top_slide {
    width: 100%;
}
.swiper-container.top_slide .swiper-slide {
	max-width: 1400px;
    width: 73%;
    margin: 0 10px;
}
.swiper-container.top_slide .swiper-slide .img {
    position: relative;
    width: 100%;
    padding-top: 42.8%;
    overflow: hidden;
}
.swiper-container.top_slide .swiper-slide .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.swiper-pagination.blue_pn {
	position: relative;
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 92%;
	margin: auto;
}
.swiper-pagination.blue_pn.top_slide_pn {
    justify-content: flex-end;
    width: 73%;
    margin: 20px auto 0;
}
.swiper-pagination.blue_pn .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: #BEBEBE;
}
.swiper-pagination.blue_pn .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--c_blue);
}
#top_commitment {
    width: 100%;
    padding: var(--num120) 0;
}
#top_commitment .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1100px;
    width: 92%;
    padding: var(--num80) 0 var(--num70);
    margin: auto;
    background: #fff;
    border-radius: 10px;
}
#top_commitment .inner > .tit {
    width: 92%;
    margin-bottom: .7em;
    color: var(--c_blue);
    font-size: var(--fz44);
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
}
#top_commitment .inner > .tit br.sp {
    display: none;
}
#top_commitment .inner > .tit > b {
    color: var(--c_orange);
	font-weight: 900;
}
#top_commitment .inner > .tit > small {
    font-size: .72em;
}
#top_commitment .inner > .txt {
    width: 92%;
    margin-bottom: 2.5em;
    font-size: var(--fz18);
    text-align: center;
    line-height: 2;
}
#top_commitment .inner .btn_blue_arw {
    max-width: 350px;
    width: 100%;
    padding: 1.5em 1em;
    font-size: var(--fz18);
    border-radius: 5px;
}
#top_custom_made {
    width: 100%;
    padding: var(--num120) 0 var(--num150);
    background: #fff;
}
#top_custom_made .lead {
    margin-bottom: var(--num60);
}
#top_custom_made .tit_blue_orange {
    margin-bottom: .7em;
    font-size: var(--fz40);
}
#top_custom_made .lead > .txt {
    font-size: var(--fz18);
    text-align: center;
}
#top_custom_made .lead > .txt br.sp {
    display: none;
}
#top_custom_made .archive_case_li {
    max-width: 1322px;
}
#top_custom_made .archive_case_li.swiper-container {
    max-width: inherit;
    width: 100%;
    margin-bottom: var(--num40);
}
#top_custom_made .archive_case_li.swiper-container .swiper-wrapper {
    align-items: inherit;
}
.archive_case_li.swiper-container .item.swiper-slide {
    width: 64%;
	height: auto;
    margin: 0 15px;
}
#top_custom_made .archive_case_li.swiper-container .btn_wrap .btn_blue_arw::before {
	width: 9em;
	padding-left: 1em;
	margin: auto;
}
.archive_case_li .btn_wrap .btn_blue_arw br.sp {
    display: none;
}
.swiper-pagination.blue_pn.case_slide_pn {
    margin-bottom: var(--num70);
}
#top_custom_made .btn_orange {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 534px;
    width: 80%;
    padding: 1em;
    color: #fff;
    font-size: var(--fz16);
	font-weight: 700;
    text-align: center;
    background: var(--c_orange);
    border: 1px solid var(--c_orange);
    border-radius: 5px;
    transition: all .3s ease;
}
#top_custom_made .btn_orange:hover {
    color: var(--c_orange);
    background: #fff;
}
#top_custom_made .bnr_wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    width: 92%;
    margin: var(--num90) auto 0;
}
.bnr_orderflow.voice {
    background-image: url("./img/products_voice_bnr.webp");
}
#top_custom_made .bnr_orderflow {
	width: 48%;
	font-weight: 500;
}
#top_lineup {
    position: relative;
    width: 100%;
    padding: 0 0 var(--num120);
}
#top_lineup::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 55%;
    background: linear-gradient(-45deg, #0089BC 0%, #0089BC 50%, #007FAF 50%, #007FAF 100%);
    z-index: 0;
}
#top_lineup > * {
    position: relative;
    z-index: 1;
}
.tit_en_b {
    margin-bottom: .5em;
	color: var(--c_blue);
    font-size: clamp(1.3rem, 3.65vw, 7rem);
    font-family: var(--lato);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1;
    text-align: center;
}
.tit_en_b > span {
    display: block;
    margin-top: 1em;
	color: var(--c_black);
    font-size: var(--fz16);
    font-family: var(--gothic);
    letter-spacing: 0;
}
#top_lineup .tit_en_b, #top_lineup .tit_en_b > span {
    color: #fff;
}
#top_lineup .lead {
    width: 92%;
    padding: var(--num100) 0 var(--num70);
    margin: auto;
}
#top_lineup .lead .txt {
    margin-bottom: 2.5em;
    color: #fff;
    font-size: var(--fz18);
    text-align: center;
}
#top_lineup .lead .btn_blue_arw.white {
    max-width: 16em;
    width: 100%;
	padding: 1.5em 1em;
	font-weight: 700;
    border-radius: 5px;
}
#top_lineup .wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1540px;
    width: 92%;
    margin: auto;
}
#top_lineup .block {
    width: 32%;
    padding: var(--num50) 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(88, 112, 132, .18);
}
#top_lineup .block > .inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
    width: 80%;
	height: 100%;
    margin: auto;
}
#top_lineup .block .tit_blue_orange {
    font-size: var(--fz28);
}
#top_lineup .block .tit_blue_orange > span {
    font-size: .57em;
}
#top_lineup .block .img {
    width: 100%;
}
#top_lineup .block .img > img {
    display: block;
    width: 100%;
}
#top_lineup .block .sub_tit {
    margin-top: .7em;
    font-size: var(--fz20);
    font-weight: 700;
    line-height: 1.5;
}
#top_lineup .block .txt {
    margin: 1em 0 2em;
    font-size: var(--fz15);
}
#top_lineup .block .btn_wrap {
    flex-wrap: nowrap;
    width: 100%;
}
#top_lineup .block .btn_blue_arw {
    max-width: 16em;
    width: 100%;
	padding: 1.5em 1em;
	font-weight: 700;
    border-radius: 5px;
}
#top_lineup .block .btn_blue_arw + .btn_blue_arw {
    margin-left: 1em;
}
#top_lineup .block:has(.btn_blue_arw:nth-of-type(2)) .btn_blue_arw {
	font-size: clamp(1.1rem, 0.83vw, 1.6rem);
}
#top_lineup .block:has(.btn_blue_arw:nth-of-type(2)) .btn_blue_arw:nth-of-type(1) > span {
	padding-left: .5em;
}
#top_lineup .block:has(.btn_blue_arw:nth-of-type(2)) .btn_blue_arw:nth-of-type(1)::after {
	margin-left: .2em;
}
#top_lineup .btn_blue_arw.link::after {
    content: '\f35d';
    width: auto;
    height: auto;
    color: #fff;
    font-size: 1em;
    background: transparent;
}
#top_blog {
    max-width: 1322px;
    width: 92%;
    margin: 0 auto var(--num120);
}
.blog_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    column-gap: 3.5%;
    row-gap: var(--num80);
    list-style: none;
}
.blog_li .item {
    width: 31%;
}
.blog_li .item a {
	opacity: 1;
	transition: all .3s ease;
}
.blog_li .item a:hover {
	opacity: .6;
}
.blog_li .post_img {
    padding-top: 75%;
	margin-bottom: 1.5em;
	font-size: var(--fz14);
    border-radius: 5px;
}
.blog_cat_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
	margin-bottom: 1em;
    font-size: var(--fz14);
    column-gap: .7em;
    row-gap: .5em;
}
.blog_cat_wrap > .cat {
    display: block;
    padding: .7em 1em;
    font-weight: 700;
    line-height: 1;
    background: #FCFD34;
}
.blog_li .cont {
    font-size: var(--fz16);
}
.blog_li .date {
    display: block;
    font-weight: 700;
}
.blog_li .tit {
    margin: .3em 0 .5em;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.3;
}
#top_blog .btn_wrap {
    margin-top: var(--num70);
}
#top_blog .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 534px;
    width: 92%;
    padding: 1em;
    color: #fff;
    font-size: var(--fz16);
    font-weight: 700;
    background: var(--c_blue);
    border: 1px solid var(--c_blue);
    border-radius: 5px;
    transition: all .3s ease;
}
#top_blog .btn:hover {
    color: var(--c_blue);
    background: #fff;
}
.blog_li.swiper-container {
    width: 100%;
}
.blog_li .item.swiper-slide {
    width: 70%;
    margin: 0 2%;
}
#top_news, .archive_post {
    width: 100%;
    padding-bottom: var(--num170);
}
.news_inner {
    max-width: 1000px;
    width: 92%;
    padding: var(--num80) 4% var(--num35);
    margin: auto;
    background: #fff;
    border-radius: 10px;
}
.news_li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 795px;
    width: 100%;
	margin: auto;
    font-size: var(--fz15);
    row-gap: 2em;
    list-style: none;
}
.news_li .item {
    width: 100%;
}
.news_li .item > a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: var(--c_black);
    font-size: 1em;
    font-weight: 500;
    transition: all .3s ease;
}
.news_li .item > a:hover {
    color: var(--c_orange);
}
.news_li .date {
    flex-shrink: 0;
    width: auto;
    margin-right: 1em;
}
.news_li .tit {
    width: 100%;
}
#top_news .btn_wrap {
    justify-content: flex-end;
    margin-top: var(--num35);
}
#top_news .btn_wrap > a {
    opacity: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    font-size: var(--fz16);
    font-family: var(--lato);
    letter-spacing: .15em;
    transition: all .3s ease;
}
#top_news .btn_wrap > a:hover {
    opacity: .6;
}
#top_news .btn_wrap > a::after {
    content: '';
    display: block;
    width: 1.3em;
    height: 1px;
    margin-left: .3em;
    background: var(--c_black);
}
@media only screen and (max-width: 1400px) {
    #top_lineup .block .btn_wrap {
        flex-direction: column;
    }
    #top_lineup .block .btn_blue_arw {
        width: 100%;
    }
    #top_lineup .block .btn_blue_arw + .btn_blue_arw {
        margin-left: 0;
        margin-top: .5em;
    }
	#top_lineup .block:has(.btn_blue_arw:nth-of-type(2)) .btn_blue_arw {
		font-size: var(--fz16);
	}
	#top_lineup .block:has(.btn_blue_arw:nth-of-type(2)) .btn_blue_arw:nth-of-type(1) > span {
		padding-left: 1em;
	}
	#top_lineup .block:has(.btn_blue_arw:nth-of-type(2)) .btn_blue_arw:nth-of-type(1)::after {
		margin-left: .5em;
	}
}
@media only screen and (max-width: 768px) {
    #top_commitment .inner > .tit {
        font-size: var(--fz25);
		letter-spacing: 0;
    }
    #top_commitment .inner > .tit br.sp {
        display: block;
    }
    #top_commitment .inner > .txt {
        margin-bottom: 1.5em;
        font-size: var(--fz16);
        line-height: 1.7;
        text-align: left;
    }
    #top_commitment .inner .btn_blue_arw {
        width: 80%;
        padding: 1.5em 1em;
        font-size: var(--fz16);
		font-weight: 700;
    }
	#top_custom_made .tit_blue_orange {
        font-size: var(--fz26);
    }
    #top_custom_made .lead > .txt {
        font-size: var(--fz15);
    }
    #top_custom_made .lead > .txt br.sp {
        display: block;
    }
    #top_custom_made .bnr_wrap {
        flex-direction: column;
        justify-content: flex-start;
    }
    #top_custom_made .bnr_wrap > * + * {
        margin-top: 1em;
    }
    .archive_case_li .btn_wrap .btn_blue_arw br.sp {
        display: block;
    }
	#top_custom_made .archive_case_li .txt {
		margin-bottom: 1.5em;
		border-top: none;
	}
	#top_custom_made .archive_case_li .info {
		border-top: 1px dotted var(--c_black);
	}
	#top_lineup::before {
        display: none;
    }
    .tit_en_b {
        font-size: var(--fz50);
    }
    .tit_en_b > span {
        font-size: var(--fz15);
        font-weight: 400;
    }
    #top_lineup .lead {
        width: 100%;
        padding-bottom: var(--num100);
        background: linear-gradient(-45deg, #0089BC 0%, #0089BC 50%, #007FAF 50%, #007FAF 100%);
    }
    #top_lineup .lead .txt {
        width: 92%;
        margin: 0 auto 1.5em;
        font-size: var(--fz16);
    }
    #top_lineup .lead .txt br {
        display: none;
    }
    #top_lineup .wrap {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: var(--num35);
    }
    #top_lineup .block {
        width: 100%;
		padding: var(--num100) 0 var(--num80);
    }
    #top_lineup .block + .block {
        margin-top: 10px;
    }
    #top_lineup .block > .inner {
        width: 100%;
    }
    #top_lineup .block .tit_blue_orange {
        font-size: var(--fz22);
    }
    #top_lineup .block .sub_tit {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        font-size: var(--fz18);
    }
    #top_lineup .block .sub_tit br {
        display: none;
    }
    #top_lineup .block .txt {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1.3em;
        font-size: var(--fz15);
		font-weight: 500;
    }
    #top_lineup .block .btn_blue_arw {
        width: 80%;
    }
	#top_blog {
        width: 100%;
    }
    .blog_li {
        display: block;
    }
    .blog_li .item {
        width: 90%;
        margin: 0 auto 30px;
    }
    .blog_li .tit {
        margin-top: 0;
    }
    .blog_cat_wrap {
        font-size: var(--fz14);
        column-gap: .5em;
        row-gap: .3em;
    }
    .blog_cat_wrap > .cat {
        padding: .5em .7em;
    }
    .blog_li .cont {
        font-size: var(--fz15);
    }
    .blog_li .date {
        font-size: .93em;
    }
    .blog_li .tit {
        font-size: 1.2em;
    }
    #top_blog .btn {
        background: var(--c_orange);
        border-color: var(--c_orange);
    }
    #top_blog .btn:hover {
        color: var(--c_orange);
        background: #fff;
    }
	.news_inner {
        padding-right: 6%;
        padding-left: 6%;
    }
    .news_li {
        row-gap: 1.2em;
    }
    .news_li .item > a {
        flex-direction: column;
    }
	#top_custom_made .bnr_orderflow {
		width: 80%;
	}
}
@media only screen and (max-width: 550px) {
    .swiper-container.top_slide .swiper-slide {
        width: 100%;
        margin: 0;
    }
    .swiper-container.top_slide .swiper-slide .img {
        padding-top: 157%;
    }
    .swiper-pagination.blue_pn.top_slide_pn {
        width: 92%;
    }
    .swiper-pagination.blue_pn .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin-left: 8px;
    }
}
/*//top*/

/*contact*/
#form_contact {
    max-width: 1150px;
    width: 92%;
    padding-bottom: var(--num200);
    margin: auto;
}
.page_newsletter #form_contact {
	max-width: 1000px;
}
#form_contact > .txt, .page_newsletter .form_block .txt {
    width: 80%;
    margin: 0 auto var(--num50);
    font-size: var(--fz18);
    font-weight: 500;
    line-height: 2.2;
    text-align: center;
}
#form_contact:has(form[data-screen="confirm"]) > .txt, #form_contact:has(form[data-screen="complete"]) > .txt, .page_newsletter .form_block:has(form[data-screen="complete"]) .txt {
	display: none;
}
#form_contact > .txt > a {
    opacity: 1;
    color: var(--c_blue);
    text-decoration: underline;
    transition: all .3s ease;
}
#form_contact > .txt > a:hover {
    opacity: .6;
} 
.form_block {
    width: 100%;
    padding: var(--num80) 0 var(--num100);
    background: #fff;
    border-radius: 5px;
}
.form_block .inner {
    max-width: 970px;
    width: 92%;
    margin: auto;
}
.wp-block-snow-monkey-forms-item.smf-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    ;
    width: 100%;
}
.wp-block-snow-monkey-forms-item.smf-item + .smf-item {
    margin-top: var(--num35);
}
.smf-item__col.smf-item__col--label {
    flex-shrink: 0;
    width: 15em;
    padding-top: .5em;
    font-size: var(--fz16);
    font-weight: 700;
}
form[data-screen="confirm"] .smf-item__col.smf-item__col--label {
	padding-top: 0;
}
form[data-screen="confirm"] .smf-item__controls > * + * {
    margin-top: 0;
}
.smf-item__label__text {
    font-size: 1em;
}
.smf-item__label__text > span {
    display: inline-block;
    padding: .25em .5em;
    margin-bottom: .1em;
    margin-left: .8em;
    color: #fff;
    font-size: .81em;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    background: #B21B1A;
    border-radius: .25em;
}
.smf-item__col.smf-item__col--controls {
    width: 100%;
	word-break: break-word;
}
#form_contact .smf-form input, #form_contact .smf-form textarea {
    padding: 1em;
    font-size: var(--fz15);
    background: var(--c_gray);
    border: none;
    box-shadow: none;
}
.smf-form .smf-text-control__control, #form_contact .smf-form .wp-block-group.wp-block-group-is-layout-flex {
    width: 50%;
}
.page_newsletter .smf-form .smf-text-control__control, .page_newsletter #form_contact .smf-form .wp-block-group.wp-block-group-is-layout-flex {
	width: 100%;
}
.page_newsletter #form_contact .inner {
    width: 70%;
}
#form_contact .smf-form .wp-block-group.wp-block-group-is-layout-flex > * {
    width: 100%;
}
#form_contact .smf-form .wp-block-group.wp-block-group-is-layout-flex input {
    width: 100%;
}
.smf-item__controls > * + * {
    margin-top: .8em;
}
.wp-block-snow-monkey-forms-item.smf-item:has(textarea.smf-textarea-control__control) {
    align-items: center;
}
div[data-name="pp_check"] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: var(--num80);
    margin-bottom: var(--num40);
}
#form_contact .smf-form input.smf-checkbox-control__control[value="pp_check"] {
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    font-size: var(--fz16);
    background: #fff;
    border: 1px solid var(--c_black);
    transition: all .3s ease;
}
#form_contact .smf-form input.smf-checkbox-control__control[value="pp_check"]:checked {
    background: var(--c_blue);
}
div[data-name="pp_check"] a {
    opacity: 1;
    color: var(--c_blue);
    text-decoration: underline;
    transition: all .3s ease;
}
div[data-name="pp_check"] a:hover {
    opacity: .6;
}
div[data-name="pp_check"] .smf-checkbox-control__label {
    font-size: var(--fz16);
}
.smf-action {
    display: flex;
    justify-content: center;
    align-items: center;
}
.smf-action span.smf-button-control {
    opacity: 1;
    position: relative;
    display: block;
    max-width: 22em;
    width: 100%;
    font-size: var(--fz16);
    transition: all .3s ease;
}
.smf-action span.smf-button-control:hover {
    opacity: .6;
}
.smf-action span.smf-button-control::after {
    content: '\f138';
    position: absolute;
    top: 50%;
    right: .8em;
	display: block;
    color: #fff;
    font-size: 1.6em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
}
#form_contact .smf-action .smf-button-control__control, #form_contact .smf-action .smf-button-control button.smf-btn-prev {
    width: 100%;
    padding: 1.5em;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    background: var(--c_blue);
    border: none;
    border-radius: 9999px;
}
#form_contact .smf-action .smf-button-control__control[data-action="back"], #form_contact .smf-action .smf-button-control button.smf-btn-prev {
    color: var(--c_blue);
    background: #fff;
    border: 1px solid var(--c_blue);
}
.smf-action span.smf-button-control:has([data-action="back"])::after, #form_contact .smf-action .smf-button-control:has(button.smf-btn-prev)::after {
	content: '\f137';
	right: auto;
	left: .8em;
	color: var(--c_blue);
}
#form_contact .smf-action .smf-button-control:has(button.smf-btn-prev) {
	margin-right: .8em;
}
#form_contact .smf-action .smf-button-control__control .smf-sending {
	right: 3.5em;
}
#form_contact .smf-action .smf-button-control__control[data-action="complete"] {
	background: var(--c_orange);
}
form[data-screen="confirm"] div[data-name="pp_check"] > div {
    display: none;
}
#form_contact .selected-posts {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
#form_contact .selected-post {
	position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	max-width: 100%;
    width: auto;
	font-size: var(--fz13);
}
button.js-remove-post {
	opacity: 1;
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
	margin-left: 1em;
    font-size: var(--fz16);
    line-height: 1;
    border-radius: 50%;
    border: 1px solid var(--c_black);
	cursor: pointer;
}
button.js-remove-post:hover {
	opacity: .6;
}
button.js-remove-post i {
    margin-top: .2em;
    line-height: .8;
}
#form_contact .selected-post + .selected-post {
    margin-top: 1em;
}
#form_contact  .selected-post__thumb {
	flex-shrink: 0;
    position: relative;
    width: 113px;
	height: 85px;
    border-radius: 5px;
    overflow: hidden;
}
#form_contact .selected-post__thumb > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
#form_contact .selected-post__title {
	max-width: 100%;
	width: auto;
    margin-left: 1em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
}
#form_contact .complete_tit {
    width: 100%;
    margin-bottom: 1em;
    color: var(--c_blue);
    font-size: var(--fz30);
    font-weight: 700;
    text-align: center;
}
#form_contact .complete_tit > br {
    display: none;
}
#form_contact .complete_txt {
    width: 100%;
    margin-bottom: 2em;
    font-size: var(--fz18);
    text-align: center;
}
#form_contact .btn_wrap > a {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 300px;
	width: 92%;
	padding: 1em;
	color: #fff;
	font-size: var(--fz18);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: var(--c_blue);
	border: 2px solid var(--c_blue);
	border-radius: .6em;
	transition: all .3s ease;
}
#form_contact .btn_wrap > a:hover {
	color: var(--c_blue);
	background: #fff;
}
form[data-screen="complete"] #form_contact {
    padding-bottom: 0;
}
input.js-post-check {
	-webkit-appearance: auto;
}
form.js-post-select-form .post-item {
	margin-bottom: var(--num70);
}
.page_contact form[data-screen="confirm"] .smf-action {
	margin-top: var(--num100);
}
.page_newsletter .smf-action {
	margin-top: var(--num50);
}
.grecaptcha-badge {
	visibility: hidden;
}
.recaptcha_txt {
    width: 100%;
    margin-top: var(--num40);
    font-size: var(--fz13);
    text-align: center;
}
.recaptcha_txt > a {
    opacity: 1;
    color: var(--c_blue);
    text-decoration: underline;
    transition: all .3s ease;
}
.recaptcha_txt > a:hover {
	opacity: .6;
}
span.smf-file-control__clear {
    margin-right: auto;
}
form[data-screen="complete"] #form_contact .inner, .page_newsletter form[data-screen="complete"] #form_contact .inner {
	width: 100%;
}
#form_contact:has(.smf-system-error-content) > .txt, #form_contact:has(.smf-system-error-content) .smf-step-text, #form_contact:has(.smf-system-error-content) .smf-progress, #form_contact:has(.smf-system-error-content) .smf-action {
    display: none!important;
}
@media only screen and (max-width: 768px) {
    #form_contact > .txt, .page_newsletter .form_block .txt {
        width: 100%;
        font-size: var(--fz14);
        line-height: 1.7;
        text-align: left;
    }
	.page_newsletter .form_block .txt {
		width: 92%;
	}
    .wp-block-snow-monkey-forms-item.smf-item {
        flex-direction: column;
    }
    .smf-item__col.smf-item__col--label {
        width: 100%;
        padding-top: 0;
        margin-bottom: .5em;
    }
    #form_contact .smf-form input, #form_contact .smf-form textarea {
        width: 100%;
    }
    .smf-form .smf-text-control__control, #form_contact .smf-form .wp-block-group.wp-block-group-is-layout-flex {
        width: 100%;
    }
    .smf-item__col.smf-item__col--label {
        font-size: var(--fz15);
    }
    .smf-action span.smf-button-control {
        width: 92%;
    }
    #form_contact .smf-form input.smf-checkbox-control__control[value="pp_check"], div[data-name="pp_check"] .smf-checkbox-control__label {
        font-size: var(--fz15);
    }
	#form_contact  .selected-post__thumb {
		width: 90px;
		height: 68px;
	}
	#form_contact .complete_tit {
		font-size: var(--fz20);
	}
	#form_contact .complete_tit > br {
		display: block;
	}
	#form_contact .btn_wrap > a {
		font-size: var(--fz13);
	}
	.page_contact form[data-screen="confirm"] .smf-action {
		margin-top: var(--num50);
	}
	.recaptcha_txt {
		font-size: var(--fz11);
		line-height: 1.5;
		text-align: left;
	}
	.page_newsletter #form_contact .inner {
		width: 92%;
	}
	#form_contact .complete_txt {
		font-size: var(--fz15);
		text-align: left;
	}
	.smf-system-error-content {
		font-size: var(--fz14);
	}
}
/*//contact*/

/*commitment*/
#commitment_point_lead {
    position: relative;
    max-width: 60em;
    width: 92%;
    padding: var(--num70) 0;
    margin: 0 auto clamp(81px, 13.18vw, 180px);
	font-size: var(--fz18);
    background: #fff;
    border-radius: 20px;
}
#commitment_point_lead::after {
    content: '';
    position: absolute;
    top: 98%;
    left: 50%;
    display: block;
    width: clamp(20px, 5.45vw, 60px);
    height: clamp(42px, 11.54vw, 127px);
    background: url("./img/arrow1.svg") center center/contain no-repeat;
    transform: translateX(-50%);
}
#commitment_point_lead .tit {
    width: 92%;
    margin: 0 auto .7em;
    color: var(--c_blue);
    font-size: var(--fz38);
    font-weight: 900;
    text-align: center;
}
#commitment_point_lead .tit > span {
    position: relative;
    z-index: 1;
}
#commitment_point_lead .tit > span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .5em;
    background: #fdff38;
    z-index: -1;
}
#commitment_point_lead .txt {
    width: 92%;
    margin: auto;
    font-size: var(--fz18);
    text-align: center;
}
.commitment_point_sec {
    position: relative;
    width: 100%;
    padding-bottom: var(--num90);
}
.commitment_point_sec + .commitment_point_sec {
    margin-top: var(--num190);
}
.commitment_point_sec::before {
    content: '';
    position: absolute;
    top: var(--num80);
    right: 0;
    width: 63%;
    height: calc(100% - var(--num80));
    background: #fff;
    z-index: 0;
}
.commitment_point_sec:nth-of-type(even)::before {
    right: auto;
    left: 0;
}
.commitment_point_sec .wrap, .commitment_point_sec:nth-of-type(even) .wrap + .wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1400px;
    width: 86%;
    margin: auto;
}
.commitment_point_sec:nth-of-type(even) .wrap, .commitment_point_sec .wrap + .wrap {
    flex-direction: row;
}
.commitment_point_sec .wrap + .wrap {
    margin-top: var(--num100);
}
.commitment_point_sec .cont {
    position: relative;
    width: 43%;
    padding-top: var(--num100);
    margin-top: var(--num80);
}
.commitment_point_sec .inner {
    position: relative;
    max-width: 600px;
    width: 100%;
    z-index: 1;
}
.commitment_point_sec:nth-of-type(even) .inner {
    margin-left: auto;
}
.commitment_point_sec .tit {
    margin-bottom: .5em;
    color: var(--c_blue);
    font-size: var(--fz38);
    font-weight: 900;
}
.commitment_point_sec .tit > span {
    display: block;
    color: var(--c_orange);
    font-size: .57em;
    font-family: var(--lato);
    font-weight: 600;
    letter-spacing: .1em;
}
.commitment_point_sec .en_tit {
    position: absolute;
    top: -.3em;
    right: 1em;
    display: block;
    color: var(--c_blue);
    font-size: clamp(1.3rem, 6.22vw, 8.5rem);
    font-family: var(--lato);
    font-weight: 700;
    line-height: 1;
    z-index: 1;
}
.commitment_point_sec + .commitment_point_sec .en_tit::before {
    content: '';
    position: absolute;
    bottom: 80%;
    left: 50%;
    display: block;
    width: clamp(20px, 5.45vw, 60px);
    height: clamp(42px, 11.54vw, 127px);
    background: url("./img/arrow1.svg") center center/contain no-repeat;
    transform: translateX(-50%);
}
.commitment_point_sec:nth-of-type(even) .en_tit {
    right: auto;
    left: 1em;
}
.commitment_point_sec .en_tit > b {
    font-size: 1.52em;
    font-weight: 500;
}
.commitment_point_sec .sub_tit {
    margin-bottom: 1em;
    font-size: var(--fz25);
    font-weight: 700;
    line-height: 1.4;
}
.commitment_point_sec .txt {
    margin-bottom: 2.5em;
    font-size: var(--fz16);
    line-height: 2;
}
.commitment_point_sec .img {
    position: relative;
    width: 50%;
    padding-top: 57%;
    border-radius: 10px;
    overflow: hidden;
}
.commitment_point_sec .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.btn_blue_arw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    padding: 1em;
    color: #fff;
    font-size: var(--fz16);
	font-weight: 700;
    line-height: 1.3;
    background: var(--c_blue);
    border: 1px solid var(--c_blue);
    border-radius: 9999px;
    transition: all .3s ease;
}
.btn_blue_arw > span {
	display: block;
	width: 100%;
	padding-left: 1em;
	text-align: center;
}
.btn_blue_arw:hover {
    color: var(--c_blue);
    background: #fff;
}
.btn_blue_arw::after {
    content: '\f138';
	flex-shrink: 0;
	display: block;
    margin-left: .5em;
    color: #fff;
    font-size: 1.5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
    transition: all .3s ease;
}
.btn_blue_arw:hover::after {
    color: var(--c_blue);
}
.btn_blue_arw.white {
	color: var(--c_blue);
	background: #fff;
	border-color: #fff;
}
.btn_blue_arw.white::after {
	color: var(--c_blue);
}
.btn_blue_arw.white:hover {
	color: #fff;
	background: var(--c_blue);
}
.btn_blue_arw.white:hover::after {
	color: #fff;
}
.commitment_point_sec .btn_wrap {
    justify-content: flex-start;
    width: 100%;
}
.commitment_point_sec .btn_wrap > .btn_blue_arw {
    margin: 0 1em 0 0;
}
#commitment_point2 .example {
    position: relative;
    max-width: 1400px;
    width: 86%;
    padding-bottom: var(--num70);
    margin: var(--num100) auto 0;
}
#commitment_point2 .example::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 75%;
    background: #F8F8F8;
    border-radius: 10px;
}
#commitment_poivnt2 .example > * {
    position: relative;
    z-index: 1;
}
#commitment_point2 .example_tit {
    position: relative;
    margin-bottom: 2em;
    font-size: var(--fz26);
    font-weight: 700;
    text-align: center;
    z-index: 1;
}
#commitment_point2 .example_cont {
    position: relative;
    width: 100%;
}
#commitment_point2 .example_cont .img_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 92%;
    margin: 0 auto var(--num50);
}
#commitment_point2 .example_cont .img1 {
    display: block;
    max-width: clamp(225px, 36.6vw, 500px);
    width: 100%;
    margin-right: var(--num50);
}
#commitment_point2 .example_cont .img2 {
    display: block;
    max-width: clamp(162px, 26.35vw, 360px);
    width: 100%;
}
#commitment_point2 .example_li.pc {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    width: 84%;
    margin: auto;
}
#commitment_point2 .pc .example_li_block {
    width: 30%;
}
#commitment_point2 .example_li_block .post_img {
    padding-top: 70%;
    border-radius: 10px;
}
#commitment_point2 .example_li_block .ti {
    width: 100%;
    margin-top: .5em;
    font-size: var(--fz22);
    font-weight: 700;
}
#commitment_point2 .example_li_block .tx {
    font-size: var(--fz16);
    line-height: 2;
}
#commitment_point2 .example_li_block.swiper-slide {
    width: 76%;
    margin: 0 2%;
}
#commitment_point3 {
    padding-bottom: 0;
}
#commitment_point3::before {
    height: calc(100% - var(--num200));
}
.commitment_point_wrap {
    margin-bottom: var(--num100);
}
#commitment_point_products {
    max-width: 1400px;
    width: 92%;
    padding-bottom: var(--num200);
    margin: auto;
}
#commitment_point_products > .tit {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: .3em;
    color: var(--c_blue);
    font-size: clamp(1.3rem, 6.22vw, 8.5rem);
    font-family: var(--lato);
    font-weight: 900;
    letter-spacing: .03em;
    line-height: .8;
}
#commitment_point_products > .tit::before {
    content: '';
    display: block;
    width: clamp(20px, 5.45vw, 60px);
    height: clamp(42px, 11.54vw, 127px);
    background: url("./img/arrow1.svg") center center/contain no-repeat;
}
#commitment_point_products > .tit b {
    font-size: 1.52em;
    font-weight: 700;
	letter-spacing: -.05em;
}
#commitment_point_products .wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#commitment_point_products .block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48%;
    padding: var(--num90) 0 var(--num70);
    color: #fff;
    border-radius: 10px;
}
#commitment_point_products .block.ordermade {
    --block_color: var(--c_orange);
    background: var(--block_color);
}
#commitment_point_products .block.arumicase {
    --block_color: var(--c_blue);
    background: var(--block_color);
}
#commitment_point_products .block > .tit {
    width: 92%;
    margin-bottom: .5em;
    font-size: var(--fz36);
    font-weight: 700;
    text-align: center;
}
#commitment_point_products .block > .txt {
    max-width: 500px;
    width: 74%;
    margin-bottom: 2em;
    font-size: var(--fz20);
    font-weight: 500;
    line-height: 2;
}
#commitment_point_products .block .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em 2em 1em 3.5em;
    color: var(--block_color);
    font-size: var(--fz16);
    font-weight: 500;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: all .3s ease;
}
#commitment_point_products .block .btn:hover {
    color: #fff;
    background: var(--block_color);
}
#commitment_point_products .block.ordermade .btn::after {
    content: '\f054';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    margin-left: 1.5em;
    color: #fff;
    font-size: .6em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    background: var(--block_color);
    border-radius: 50%;
}
#commitment_point_products .block.arumicase .btn::after {
    content: '\f35d';
    margin-left: 1.5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
@media only screen and (max-width: 768px) {
	#commitment_point_lead {
		font-size: var(--fz15);
	}
	#commitment_point_lead .tit {
        font-size: var(--fz20);
    }
    #commitment_point_lead .txt {
        font-size: var(--fz15);
        line-height: 1.5;
        text-align: left;
    }
	#commitment_point_lead::after {
		width: var(--fz30);
		height: clamp(.9rem, 17.33vw, 6.5rem);
	}
    .commitment_point_sec, .commitment_point_sec:nth-of-type(even) {
        width: 100%;
    }
    .commitment_point_sec .wrap, .commitment_point_sec:nth-of-type(even) .wrap, .commitment_point_sec .wrap + .wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
		width: 92%;
    }
	.commitment_point_sec .wrap + .wrap {
		margin-top: var(--num60);
	}
    .commitment_point_sec .cont {
        width: 100%;
        padding-top: var(--num60);
        margin-bottom: var(--num50);
    }
	.commitment_point_sec .wrap + .wrap .cont {
		padding-top: 0;
		margin-top: 0;
	}
    .commitment_point_sec::before {
        width: 100%;
    }
    .commitment_point_sec .en_tit, .commitment_point_sec:nth-of-type(even) .en_tit {
		top: auto;
        bottom: 97%;
        right: auto;
        left: 50%;
        width: 92%;
        font-size: var(--fz36);
        transform: translateX(-50%);
    }
	.commitment_point_sec:nth-of-type(1) .en_tit {
		top: auto;
		bottom: 95%;
	}
    .commitment_point_sec .tit {
		margin-bottom: .3em;
        font-size: var(--fz26);
    }
    .commitment_point_sec .sub_tit {
		margin-bottom: .5em;
        font-size: var(--fz20);
    }
    .commitment_point_sec .txt {
		margin-bottom: 1.3em;
        font-size: var(--fz15);
		line-height: 1.7;
    }
    .commitment_point_sec .btn_wrap {
        flex-direction: column;
		width: 98%;
		margin: auto;
    }
    .commitment_point_sec .btn_wrap > .btn_blue_arw {
		width: 100%;
        margin-bottom: 1em;
        margin-right: 0;
		padding: 1.5em 1em;
		font-weight: 700;
    }
	.commitment_point_sec .btn_wrap > .btn_blue_arw span {
		width: 100%;
		text-align: center;
	}
    .commitment_point_sec .img {
        width: 100%;
        padding-top: 114%;
    }
    .commitment_point_sec + .commitment_point_sec .en_tit::before {
        width: var(--fz30);
        height: clamp(.9rem, 17.33vw, 6.5rem);
    }
    #commitment_point2 .example {
        width: 100%;
        padding-top: var(--num80);
    }
    #commitment_point2 .example::before {
        height: 100%;
    }
    #commitment_point2 .example_tit {
        font-size: var(--fz18);
    }
    #commitment_point2 .example_cont .img1 {
        margin-right: 0;
    }
    #commitment_point2 .example_cont .img2 {
        width: 110%;
        margin-left: -15%;
        margin-top: 15%;
    }
    #commitment_point2 .example_li.pc {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        max-width: 450px;
        margin: auto;
    }
    #commitment_point2 .pc .example_li_block {
        width: 100%;
    }
    #commitment_point2 .pc .example_li_block + .example_li_block {
        margin-top: 25px;
    }
    #commitment_point2 .example_li_block .ti {
        font-size: var(--fz18);
    }
    #commitment_point2 .example_li_block .tx {
        font-size: var(--fz15);
        line-height: 1.5;
    }
    .commitment_point_sec + #commitment_point2.commitment_point_sec {
        padding-bottom: 0;
    }
	#commitment_point_products > .tit {
        font-size: var(--fz36);
    }
    #commitment_point_products > .tit::before {
        width: var(--fz30);
        height: clamp(.9rem, 17.33vw, 6.5rem);
    }
    .commitment_point_wrap {
        margin-bottom: var(--num50);
    }
    #commitment_point_products .wrap {
        flex-direction: column;
        justify-content: flex-start;
    }
    #commitment_point_products .block {
        width: 100%;
    }
    #commitment_point_products .block + .block {
        margin-top: 20px;
    }
    #commitment_point_products .block > .tit {
        font-size: var(--fz22);
    }
    #commitment_point_products .block > .txt {
        width: 90%;
        margin-bottom: 1.5em;
        font-size: var(--fz15);
        font-weight: 400;
        line-height: 1.7;
    }
    #commitment_point_products .block .btn {
        font-size: var(--fz15);
    }
}
/*//commitment*/

/*products*/
#products_lead {
    width: 92%;
    padding: 0 0 var(--num120);
    margin: auto;
}
#products_lead > .tit {
    width: 100%;
    margin-bottom: .5em;
    color: var(--c_blue);
    font-size: var(--fz45);
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}
#products_lead > .txt {
    margin-bottom: 3em;
    font-size: var(--fz18);
    line-height: 2.2;
    text-align: center;
}
#products_lead > .txt br.sp {
    display: none;
}
.products_page_link {
    display: flex;
    justify-content: space-between;
    max-width: 955px;
    width: 92%;
    margin: auto;
}
.products_page_link > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 31%;
    padding: 1.5em 1.5em 1.5em 2.5em;
    color: #fff;
    font-size: var(--fz16);
    font-weight: 700;
    background: var(--c_black);
    border: 1px solid var(--c_black);
    border-radius: 5px;
    transition: all .3s ease;
}
.products_page_link > a:hover {
    color: var(--c_black);
    background: #fff;
}
.products_page_link > a > span {
    display: block;
    width: 100%;
    text-align: center;
}
.products_page_link > a::after {
    content: '\f078';
    margin-left: 1em;
    font-size: .8em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
}
.tit_blue_orange {
    display: block;
    width: 92%;
    margin: 0 auto.5em;
    color: var(--c_blue);
    font-size: var(--fz50);
    font-weight: 600;
    line-height: 1;
    text-align: center;
}
.tit_blue_orange > span {
    display: block;
    margin-top: 1em;
    color: var(--c_orange);
    font-size: .4em;
    font-family: var(--lato);
    font-weight: 900;
    letter-spacing: .1em;
}
#products_arumicase {
    max-width: 1600px;
    width: 92%;
    margin: 0 auto var(--num120);
}
.products_arumicase_cat {
    width: 100%;
    padding: var(--num90) 0 var(--num100);
    background: #fff;
    border-radius: 10px;
}
.products_arumicase_cat + .products_arumicase_cat {
    margin-top: var(--num80);
}
.products_arumicase_cat .lead {
    width: 92%;
    margin: 0 auto var(--num50);
}
.products_arumicase_cat .lead > .tit {
    width: 100%;
    margin-bottom: .5em;
    color: var(--c_blue);
    font-size: var(--fz34);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}
.products_arumicase_cat .lead > .txt {
    font-size: var(--fz16);
    font-weight: 500;
    text-align: center;
}
.products_arumicase_cat .lead > .txt br.sp {
    display: none;
}
.products_arumicase_link {
    display: flex;
    justify-content: space-between;
    max-width: 1135px;
    width: 92%;
    margin: 0 auto var(--num60);
}
.products_arumicase_link > a {
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 30%;
    font-size: var(--fz20);
    line-height: 1.5;
    transition: all .3s ease;
}
.products_arumicase_link > a:hover {
    opacity: .6;
}
.products_arumicase_link .link1 img {
    max-width: 344px;
}
.products_arumicase_link .link2 img {
    max-width: 330px;
}
.products_arumicase_link .link3 img {
    max-width: 311px;
}
.products_arumicase_link > a > img {
    display: block;
    width: 100%;
    margin-bottom: 1em;
}
.products_arumicase_link > a > .name {
    margin-top: auto;
    text-align: center;
}
.products_arumicase_link > a > .name br.sp {
    display: none;
}
.products_arumicase_link > a > .name::after {
    content: '\f078';
    position: relative;
    bottom: 0;
    display: block;
    margin-top: .4em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all .3s ease;
}
.products_arumicase_link > a:hover > .name::after {
    bottom: -.3em;
}
.products_arumicase_block_wrap {
	width: 100%;
	margin-bottom: var(--num90);
}
.products_arumicase_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    width: 92%;
    margin: auto;
    background: var(--c_gray);
}
.products_arumicase_block + .products_arumicase_block {
    margin-top: var(--num40);
}
.products_arumicase_block .cont {
    width: 53%;
    padding: var(--num80) 4% var(--num80) 5%;
}
.products_arumicase_block .cont > .tit {
    width: 100%;
    margin-bottom: .5em;
    font-size: var(--fz28);
    font-weight: 700;
}
.products_arumicase_block .cont > .txt {
    margin-bottom: 2em;
    font-size: var(--fz16);
    font-weight: 500;
}
.products_arumicase_block .example {
    width: 100%;
    padding: 2em;
    margin-bottom: var(--num40);
    font-size: var(--fz16);
    font-weight: 500;
    background: #fff;
}
.products_arumicase_block .example > .tit {
    width: 100%;
    margin-bottom: .5em;
    font-size: 1.25em;
    font-weight: 700;
}
.products_arumicase_block .example > ul {
    column-count: 2;
    column-gap: 1em;
    list-style: none;
}
.products_arumicase_block .example > ul > li {
    margin-bottom: .2em;
}
.products_arumicase_block .example > ul > li::before {
    content: '-';
    margin-right: .5em;
}
.products_arumicase_block .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47%;
}
.products_arumicase_block .img > * {
    display: block;
    width: 75%;
}
.products_arumicase_block:nth-of-type(3) .img > * {
    width: 85%;
}
.products_arumicase_block .btn_wrap {
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}
.products_arumicase_block .btn_wrap .btn_blue_arw {
    min-width: 50%;
    margin: auto;
    white-space: nowrap;
}
#products .btn_wrap .btn_blue_arw {
	padding: 1.5em;
}
#products_arumicase1.products_arumicase_block .btn_wrap .btn_blue_arw {
	font-size: clamp(1rem, 0.83vw, 1.6rem);
}
#products_arumicase1.products_arumicase_block .btn_wrap .btn_blue_arw + .btn_blue_arw {
    min-width: inherit;
}
#products_arumicase1 .btn_blue_arw:nth-of-type(1) > span {
    padding-left: 0;
}
.products_arumicase_block .btn_wrap .btn_blue_arw + .btn_blue_arw {
    margin-left: 1em;
}
#products_metalic_parts {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 1020px;
    width: 92%;
    margin: 0 auto var(--num100);
}
#products_metalic_parts > .tit {
    width: 100%;
    margin-bottom: .5em;
    font-size: var(--fz26);
    font-weight: 700;
    text-align: center;
}
#products_metalic_parts > .txt {
    margin-bottom: 2em;
    font-size: var(--fz16);
    text-align: center;
}
#products .metalic_parts_li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    list-style: none;
}
#products .metalic_parts_li > li {
    width: 18%;
    font-size: var(--fz16);
}
#products .metalic_parts_li > li > a {
    opacity: 1;
    display: block;
    width: 100%;
    font-size: 1em;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease;
}
#products .metalic_parts_li > li > a:hover {
    opacity: .6;
}
#products .metalic_parts_li .img {
    position: relative;
    width: 100%;
    padding-top: 86%;
    background: #F4F4F4;
}
#products .metalic_parts_li .img > img {
    position: absolute;
    top: 52%;
    left: 50%;
    display: block;
    width: 86%;
    height: 86%;
    object-fit: contain;
    transform: translate(-50%, -50%);
}
#products .metalic_parts_li .name {
    padding: .5em 1em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    letter-spacing: .08em;
    background: var(--c_orange);
}
#products .metalic_parts_li a[href="#products_studs"] .img > img {
    height: 70%;
}
#products .metalic_parts_li a[href="#products_caster"] .img > img {
    height: 80%;
}
body:has(#products) .modal_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1100px;
    width: 92%;
    padding: var(--num70) 4% var(--num80);
    background: #fff;
    border-radius: 10px;
}
body:has(#products) .modal_block > .tit {
    width: 100%;
    margin-bottom: 1em;
    font-size: var(--fz24);
    font-weight: 700;
    text-align: center;
}
.metalic_parts_modal_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    max-width: 910px;
    width: 100%;
    font-size: var(--fz18);
    line-height: 1.3;
    text-align: center;
    column-gap: 3.75%;
    row-gap: 2em;
    list-style: none;
}
.metalic_parts_modal_li:has(li:nth-of-type(6)) {
	justify-content: flex-start;
}
.metalic_parts_modal_li > li {
    width: 17%;
}
body:has(#products) .modal_close {
    bottom: auto;
    top: 20px;
    right: 20px;
    --ham_num: 14px;
}
body:has(#products) .modal_close_inner::before, body:has(#products) .modal_close_inner::after {
    height: 1px;
}
.bnr_orderflow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    width: 92%;
    margin: auto;
}
.bnr_orderflow {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    width: 92%;
    padding: 3em 1em;
    margin: auto;
    font-size: var(--fz30);
    font-weight: 700;
	letter-spacing: .1em;
    background: url("./img/products_flow_bnr.webp") center center/cover no-repeat;
    border-radius: .3em;
    overflow: hidden;
}
.bnr_orderflow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 137, 188, .7);
    transition: all .3s ease;
}
.bnr_orderflow:hover::before {
    background: rgba(0, 137, 188, .9);
}
.bnr_orderflow > span {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1em;
    z-index: 1;
}
.bnr_orderflow > span > small {
    font-size: .53em;
    font-family: var(--lato);
    letter-spacing: .2em;
}
.product_arumicase_readymade {
    width: 100%;
}
.product_arumicase_readymade .wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1085px;
    width: 92%;
    margin: 0 auto var(--num70);
}
.product_arumicase_readymade .block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 49%;
    padding: var(--num50) 0 var(--num60);
    background: var(--c_gray);
}
.product_arumicase_readymade .img {
    position: relative;
    width: 66%;
    padding-top: 42%;
}
.product_arumicase_readymade .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%);
}
.product_arumicase_readymade .block > .tit {
    margin: .3em 0 .5em;
    font-size: var(--fz26);
    font-weight: 700;
}
.product_arumicase_readymade .block > .txt {
    width: 92%;
    font-size: var(--fz16);
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}
.product_arumicase_readymade .info {
    max-width: 365px;
    width: 92%;
    padding-top: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 3em;
    font-size: var(--fz14);
    border-top: 1px dotted var(--c_black);
}
.product_arumicase_readymade .info_dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.product_arumicase_readymade .info_dl + .info_dl {
	margin-top: .6em;
}
.product_arumicase_readymade .info_dl > dt {
    flex-shrink: 0;
    width: 5em;
}
.product_arumicase_readymade .info_dl > dd {
    width: 100%;
}
.product_arumicase_readymade .block > .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 350px;
    width: 92%;
    padding: 1em;
    margin-top: auto;
    color: #fff;
    font-size: var(--fz16);
    font-weight: 500;
    text-align: center;
    background: var(--c_blue);
    border: 1px solid var(--c_blue);
    border-radius: .5em;
    transition: all .3s ease;
}
.product_arumicase_readymade .block > .btn::after, .product_arumicase_readymade .btn_wrap > .link1::after, .product_arumicase_readymade .btn_wrap > .link2::after {
    content: '\f35d';
    margin-left: 1em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.product_arumicase_readymade .block > .btn:hover {
    color: var(--c_blue);
    background: #fff;
}
.product_arumicase_readymade .btn_wrap {
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: var(--num35);
}
.product_arumicase_readymade .btn_wrap > .link1 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 92%;
    width: auto;
    padding: 1em 2em;
    margin-bottom: var(--num50);
    font-size: var(--fz16);
    border: 1px solid var(--c_black);
    border-radius: 5px;
}
.product_arumicase_readymade .btn_wrap > .link1 small {
    margin-right: 1em;
}
.product_arumicase_readymade .btn_wrap > .link2 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 540px;
    width: 100%;
    padding: 1em;
    color: #fff;
    font-size: var(--fz18);
    font-weight: 700;
    background: var(--c_orange);
    border: 1px solid var(--c_orange);
    border-radius: 5px;
    transition: all .3s ease;
}
#products_other {
    width: 100%;
    padding-bottom: var(--num150);
}
#products_other .tit_blue_orange small {
    display: contents;
    font-size: 1em;
}
#products_other .wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1600px;
    width: 92%;
    margin: auto;
}
#products_other .block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 49%;
    padding: var(--num70) 0 var(--num80);
    background: #fff;
    border-radius: 10px;
}
#products_other .img {
    position: relative;
    width: 62%;
    padding-top: 33%;
}
#products_other .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%);
}
#products_other .block > .tit {
    width: 92%;
    margin: .5em auto;
    color: var(--c_blue);
    font-size: var(--fz34);
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}
#products_other .block > .sub_tit {
    width: 92%;
    margin: 0 auto 1em;
    font-size: var(--fz22);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
#products_other .block > .txt {
    width: 92%;
    margin: 0 auto 2em;
    font-size: var(--fz16);
    font-weight: 500;
    line-height: 2;
    text-align: center;
}
#products_other .btn_blue_arw {
    max-width: 270px;
    width: 100%;
}
@media only screen and (max-width: 1200px) {
	#products .btn_wrap .btn_blue_arw {
		padding: 1.5em 1em;
	}
	.products_arumicase_block .cont {
		width: 55%;
		padding-right: 4%;
        padding-left: 4%;
	}
	.products_arumicase_block .img {
		width: 45%;
	}
}
@media only screen and (max-width: 1000px) {
	.products_page_link {
		width: 100%;
	}
    .products_page_link > a {
        font-size: var(--fz14);
    }
	.products_arumicase_block .btn_wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
	.products_arumicase_block .btn_wrap .btn_blue_arw + .btn_blue_arw {
        margin-left: auto;
        margin-top: .5em;
    }
	#products_arumicase1.products_arumicase_block .btn_wrap .btn_blue_arw {
		font-size: var(--fz16);
	}
}
@media only screen and (max-width: 768px) {
    #products_lead > .tit {
        font-size: var(--fz22);
    }
    #products_lead > .txt {
        margin-bottom: 1.5em;
        font-size: var(--fz15);
        line-height: 1.7;
    }
    #products_lead > .txt br.sp {
        display: block;
    }
    .products_page_link {
        flex-direction: column;
        justify-content: flex-start;
        max-width: 400px;
        width: 80%;
    }
    .products_page_link > a {
        width: 100%;
        padding: 1.5em 1em 1.5em 2em;
    }
    .products_page_link > a + a {
        margin-top: .7em;
    }
	#products_arumicase {
        width: 100%;
        border-radius: 0;
    }
    .tit_blue_orange {
        font-size: var(--fz30);
    }
	.products_arumicase_cat {
		border-radius: 0;
	}
    .products_arumicase_cat .lead > .tit {
        font-size: var(--fz22);
    }
    .products_arumicase_cat .lead > .txt {
        font-size: var(--fz15);
        font-weight: 400;
        line-height: 1.5;
    }
    .products_arumicase_cat .lead > .txt br.sp {
        display: block;
    }
	.products_arumicase_link > a {
        font-size: var(--fz12);
    }
    .products_arumicase_link > a > .name br.sp {
        display: block;
    }
	.products_arumicase_block {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: var(--num60);
    }
    .products_arumicase_block .cont {
        width: 100%;
        padding: var(--num40) 6% var(--num50);
    }
    .products_arumicase_block .cont > .tit {
        font-size: var(--fz20);
    }
    .products_arumicase_block .cont > .txt {
        font-size: var(--fz15);
    }
    .products_arumicase_block .example {
        padding: 1em 2em;
        margin-bottom: var(--num60);
        font-size: var(--fz14);
    }
    .products_arumicase_block .example > ul {
        column-count: 1;
    }
    .products_arumicase_block .btn_wrap .btn_blue_arw, #products_arumicase1.products_arumicase_block .btn_wrap .btn_blue_arw {
		width: 100%;
        font-size: var(--fz14);
		font-weight: 700;
    }
    .products_arumicase_block .img {
        width: 100%;
    }
    .products_arumicase_block .img > *, .products_arumicase_block:nth-of-type(3) .img > * {
        width: 100%;
    }
	body:has(#products) .modal_cont {
		padding: 4em 20px;
	}
	body:has(#products) .modal_block {
		width: 100%;
	}
	body:has(#products) .modal_close {
		top: 10px;
		right: 5px;
	}
	body:has(#products) .modal_block > .tit {
		font-size: var(--fz20);
	}
	.metalic_parts_modal_li {
		font-size: var(--fz13);
		row-gap: 1em;
	}
	.metalic_parts_modal_li > li {
		width: 48%;
	}
	#products_metalic_parts > .tit {
        font-size: var(--fz18);
    }
    #products_metalic_parts > .txt {
        font-size: var(--fz16);
    }
    #products .metalic_parts_li {
        flex-wrap: wrap;
    }
    #products .metalic_parts_li > li {
        width: 48%;
        margin-bottom: 1em;
        font-size: var(--fz14);
    }
    .bnr_orderflow {
        width: 80%;
        padding: 2.5em;
        1em;
        font-size: var(--fz20);
    }
	.product_arumicase_readymade .wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 92%;
        margin-right: auto;
        margin-left: auto;
    }
    .product_arumicase_readymade .block {
        width: 100%;
    }
    .product_arumicase_readymade .block + .block {
        margin-top: var(--num35);
    }
    .product_arumicase_readymade .block > .txt br {
        display: none;
    }
    .product_arumicase_readymade .block > .tit {
        font-size: var(--fz22);
    }
    .product_arumicase_readymade .block > .txt {
        font-size: var(--fz15);
        text-align: left;
    }
    .product_arumicase_readymade .info {
        padding-top: 1em;
        margin-top: 1em;
        margin-bottom: 1.5em;
    }
    .product_arumicase_readymade .block > .btn {
        max-width: 260px;
    }
    .product_arumicase_readymade .btn_wrap > .link1 {
        padding: 1em .7em;
    }
    .product_arumicase_readymade .btn_wrap > .link1 small {
        margin-right: .5em;
    }
    .product_arumicase_readymade .btn_wrap > .link1::after {
        margin-left: .5em;
    }
    .product_arumicase_readymade .img {
        width: 92%;
        padding-top: 59%;
    }
	#products_other .tit_blue_orange small {
        display: block;
        margin-top: .5em;
        font-size: .66em;
    }
    #products_other .wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    #products_other .block {
        width: 100%;
    }
    #products_other .block + .block {
        margin-top: var(--num35);
    }
    #products_other .img {
        width: 92%;
        padding-top: 48%;
    }
    #products_other .block > .tit {
        width: 78%;
        font-size: var(--fz22);
    }
    #products_other .block > .sub_tit {
        width: 78%;
        font-size: var(--fz18);
        text-align: left;
    }
    #products_other .block > .txt br.pc {
        display: none;
    }
    #products_other .block > .txt {
        width: 78%;
        font-size: var(--fz15);
        font-weight: 400;
        line-height: 1.7;
        text-align: left;
    }
    #products_other .block .btn_wrap {
        width: 78%;
    }
}
/*//products*/

/*archive-case*/
#archive_case {
    width: 100%;
    padding-bottom: var(--num235);
}
#archive_case .lead {
    width: 92%;
    margin: 0 auto var(--num90);
}
#archive_case .lead .tit {
    margin-bottom: .5em;
    color: var(--c_blue);
    font-size: var(--fz45);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
#archive_case .lead .txt {
    font-size: var(--fz18);
    line-height: 2.2;
    text-align: center;
}
#archive_case .link_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1400px;
    width: 92%;
    margin: auto;
    column-gap: .5%;
}
#archive_case .link_wrap > * {
    position: relative;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 12.5%;
    width: auto;
    padding: 1.8em 2em;
    color: #fff;
    font-size: var(--fz16);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    border-radius: .7em .7em 0 0;
}
#archive_case .link_wrap > * br {
    display: none;
}
#archive_case .link_wrap > span {
    background: var(--c_blue);
}
#archive_case .link_wrap > a {
    background: #B0BDC3;
    transition: all .3s ease;
}
#archive_case .link_wrap > a:hover {
    padding: 1.8em 2em 3.6em;
    margin-top: -1.8em;
}
.archive_case_wrap {
    max-width: 1400px;
    width: 92%;
    padding: var(--num70) 0 var(--num90);
    margin: auto;
    background: #fff;
    border-radius: 10px;
}
.archive_case_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 88%;
    margin: 0 auto var(--num100);
    list-style: none;
    column-gap: 6.5%;
    row-gap: var(--num120);
}
.archive_case_li .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 29%;
}
.archive_case_li .img {
    position: relative;
    width: 100%;
    padding-top: 86%;
}
.archive_case_li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%);
}
.archive_case_li .cont {
    width: 100%;
	padding-bottom: 2em;
}
.archive_case_li .cat_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 1em auto 1.5em;
    font-size: var(--fz14);
    column-gap: .5em;
    row-gap: .5em;
}
.archive_case_li .cat {
    display: block;
    width: auto;
    padding: .3em .7em;
    font-size: 1em;
    font-weight: 700;
    background: #FCFD34;
}
.archive_case_li .name {
    width: 100%;
    margin-bottom: .5em;
    font-size: var(--fz24);
    font-weight: 700;
    line-height: 1.4;
}
.archive_case_li .txt {
    margin-bottom: 1.5em;
    font-size: var(--fz16);
}
.archive_case_li .info, .single-case .info {
    width: 100%;
    padding: 1.5em 0 0;
    font-size: var(--fz14);
    border-top: 1px dotted var(--c_black);
}
.single-case .info {
	padding: 1.5em 0 2em;
	border-top: none;
}
.archive_case_li .info_dl, .single-case .info_dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-size: 1em;
}
.archive_case_li .info_dl + .info_dl, .single-case .info_dl + .info_dl {
	margin-top: .5em;
}
.archive_case_li .info_dl > dt, .single-case .info_dl > dt {
    flex-shrink: 0;
    width: 5em;
}
.archive_case_li .info_dl > dd, .single-case .info_dl > dd {
    width: 100%;
}
.archive_case_li .btn_wrap {
    margin-bottom: 0;
}
.archive_case_li:not(:has(.txt)) .btn_wrap {
    margin-top: 1.3em;
}
.archive_case_li .btn_wrap .btn_blue_arw {
	position: relative;
    width: 100%;
	padding: 1.5em;
    font-weight: 700;
}
.archive_case_li .btn_wrap .btn_blue_arw::before {
	content: 'この商品について問い合わせる';
	display: block;
	width: 100%;
	text-align: center;
}
.archive_case_li .btn_wrap .btn_blue_arw button {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.archive_case_li .acc-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: var(--fz15);
}
.archive_case_li .acc-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 1em;
    color: #B21A19;
    font-size: 1em;
}
.archive_case_li .acc-btn::before {
    content: 'スペックを見る +';
    transition: all .3s ease;
}
.archive_case_li .acc-btn.acc-open::before {
    content: 'スペックを閉じる -';
}
.archive_case_li .acc-cont {
	width: 100%;
}
.no_post {
	font-size: var(--fz18);
	text-align: center;
}
@media only screen and (max-width: 768px) {
    #archive_case .link_wrap > * {
        min-width: inherit;
        width: 33%;
        padding: .7em;
        font-size: var(--fz14);
        text-align: center;
    }
    #archive_case .link_wrap > * br {
        display: block;
    }
    #archive_case .link_wrap > a:hover {
        padding: .9em .7em 1.4em;
        margin-top: -.9em;
    }
    .archive_case_li {
        column-gap: 4%;
    }
    .archive_case_li .item {
        width: 48%;
    }
    .archive_case_li .cat_wrap {
        font-size: var(--fz13);
    }
    .archive_case_li .name {
        font-size: var(--fz20);
    }
    .archive_case_li .txt {
        padding-top: 1em;
        margin-bottom: 0;
        font-size: var(--fz15);
        line-height: 1.5;
        border-top: 1px dotted var(--c_black);
    }
	.archive_case_li:not(:has(.info)) .txt {
		margin-bottom: 1em;
	}
    .archive_case_li .btn_wrap .btn_blue_arw {
        font-size: var(--fz14);
    }
	.archive_case_li .cont {
		padding-bottom: 0;
		transition: all .3s ease;
	}
	.archive_case_li .cont:has(.acc-open) {
		padding-bottom: 1.5em;
	}
	.archive_case_li .cont:not(:has(.acc-wrap)) {
		padding-bottom: 1.5em;
	}
    .archive_case_li .info {
        padding: 1em 0 0;
        border-top: none;
    }
	.single-case .info {
		padding: 1em 0 1.5em;
	}
    #archive_case .lead .tit {
        font-size: var(--fz22);
    }
    #archive_case .lead .txt {
		font-size: var(--fz15);
        line-height: 1.7;
    }
}
@media only screen and (max-width: 768px) {
    .archive_case_li {
        column-gap: 0;
        row-gap: var(--num80);
    }
    .archive_case_li .item {
        width: 100%;
    }
    .archive_case_li .btn_wrap {
        width: 100%;
    }
}
/*//archive-case*/

/*custom-made*/
#custom_made_lead {
    max-width: 1020px;
    width: 80%;
    padding: 0 0 var(--num100);
    margin: auto;
}
#custom_made_lead > .tit {
    width: 100%;
    margin-bottom: .5em;
    color: var(--c_blue);
    font-size: var(--fz38);
    font-weight: 700;
    text-align: center;
}
#custom_made_lead > .tit br.sp {
    display: none;
}
#custom_made_lead > .txt {
    margin-bottom: 3em;
    font-size: var(--fz18);
    line-height: 2.2;
    text-align: center;
}
#custom_made_lead .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#custom_made_lead .block {
    position: relative;
    width: 31%;
    padding-top: 31%;
}
#custom_made_lead .block .inner {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #FCFC35;
    border-radius: 50%;
}
#custom_made_lead .block .tit {
	padding-top: .7em;
    color: var(--c_blue);
    font-size: clamp(1.3rem, 2.6vw, 3.4rem);
    font-weight: 700;
    line-height: 1;
    text-align: center;
}
#custom_made_lead .block:nth-of-type(1) .tit {
	line-height: 1.8;
}
#custom_made_lead .block .tit br.sp {
    display: none;
}
#custom_made_lead .block .tit > b {
    display: block;
	margin-bottom: .4em;
    color: var(--c_orange);
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
}
#custom_made_lead .block:nth-of-type(1) .tit > b {
	margin-bottom: 0;
    font-size: 1.91em;
}
#custom_made_lead .block .txt {
    margin-top: 1.2em;
    font-size: var(--fz16);
    text-align: center;
}
#custom_made_lead .block .txt br.sp {
    display: none;
}
#custom_made_point {
    max-width: 1400px;
    width: 92%;
    margin: 0 auto var(--num190);
}
#custom_made_point .block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}
#custom_made_point .block:nth-of-type(1) {
    align-items: center;
}
#custom_made_point .block:nth-of-type(2) {
    margin-top: clamp(9px, 1.46vw, 20px);
}
#custom_made_point .block:nth-of-type(3) {
    margin-top: var(--num80);
}
#custom_made_point .block:nth-of-type(even) {
    flex-direction: row;
}
#custom_made_point .block .img {
    position: relative;
    width: 54%;
    margin-bottom: var(--num60);
    z-index: 1;
}
#custom_made_point .block:nth-of-type(1) .img {
    margin-bottom: 0;
}
#custom_made_point .block .img > img {
    display: block;
    width: 100%;
}
#custom_made_point .block .cont {
    position: relative;
    width: 38%;
    padding: var(--num60) 0;
    z-index: 0;
}
#custom_made_point .block .cont::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 228%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
}
#custom_made_point .block:nth-of-type(even) .cont::before {
    right: auto;
    left: 0;
}
#custom_made_point .block .cont > * {
    position: relative;
    z-index: 1;
}
#custom_made_point .block .tit {
    max-width: 450px;
    width: 92%;
    margin-bottom: 1em;
    color: var(--c_blue);
    font-size: var(--fz30);
    font-weight: 700;
}
#custom_made_point .block .tit > b {
	margin-right: .3em;
    color: var(--c_orange);
    font-size: 1.6em;
    font-weight: 500;
    background-image: radial-gradient(circle at center, var(--c_orange) 15%, transparent 15%);
    background-position: top right .1em;
    background-repeat: repeat-x;
    background-size: 1em .15em;
    padding-top: .15em;
	letter-spacing: .1em;
    line-height: 1;
}
#custom_made_point .block:nth-of-type(1) .tit > b {
	margin-left: .3em;
}
#custom_made_point .block .txt {
    max-width: 450px;
    width: 92%;
    font-size: var(--fz16);
    line-height: 2;
}
#custom_made_point .block:nth-of-type(even) .tit, #custom_made_point .block:nth-of-type(even) .txt {
    margin-left: auto;
}
#custom_made_point .block .num {
    position: absolute;
    top: 0;
    right: 2em;
    width: 6.13em;
    font-size: var(--fz30);
    transform: translateY(-76%);
}
#custom_made_point .block .num > img {
    display: block;
    width: 100%;
}
#custom_made_point .block:nth-of-type(even) .num {
    right: auto;
    left: 2em;
}
#custom_made_voice {
    position: relative;
    width: 100%;
    padding: var(--num80) 0 var(--num120);
    background: url("./img/custommade_voice_back.webp") center center/cover no-repeat;
}
#custom_made_voice::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 137, 188, .85);
    z-index: 0;
}
#custom_made_voice > * {
    position: relative;
    z-index: 1;
}
#custom_made_voice > .tit {
    width: 92%;
    margin: 0 auto .5em;
    color: #fff;
    font-size: clamp(1.3rem, 3.65vw, 7rem);
    font-family: var(--lato);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.4;
    text-align: center;
}
#custom_made_voice > .tit > span {
    display: block;
    font-size: var(--fz16);
    font-family: var(--gothic);
    letter-spacing: 0;
}
#custom_made_voice > .txt {
    width: 92%;
    margin: 0 auto 2em;
    color: #fff;
    font-size: var(--fz20);
    text-align: center;
}
.custom_made_voice_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1400px;
    width: 92%;
    margin: auto;
    row-gap: var(--num50);
    list-style: none;
}
.custom_made_voice_li > li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 32%;
}
.custom_made_voice_li .num {
    display: block;
    width: 100%;
    color: #fff;
    font-size: var(--fz33);
    font-family: var(--lato);
    font-weight: 700;
    text-align: center;
}
.custom_made_voice_li .order {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    height: auto;
    padding: 1em;
    font-size: var(--fz18);
    font-weight: 700;
    text-align: center;
    background: #FCFD34;
    border-radius: 10px 10px 0 0;
}
.custom_made_voice_li .order::before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-top: 1em solid #FCFD34;
    border-right: 1em solid transparent;
    border-left: 1em solid transparent;
    transform: translateX(-50%);
}
.custom_made_voice_li .inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: var(--num40) 8% var(--num40);
    margin-top: -1px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.custom_made_voice_li .tit {
    width: 100%;
    margin-bottom: .7em;
    color: var(--c_blue);
    font-size: var(--fz26);
    font-weight: 900;
    line-height: 1.5;
}
.custom_made_voice_li .txt {
    margin-bottom: 1.5em;
    font-size: var(--fz18);
    line-height: 2;
}
.custom_made_voice_li .name {
    width: 100%;
    margin-top: auto;
    font-size: var(--fz16);
    font-weight: 700;
    text-align: center;
}
.custom_made_voice_li .name br.sp {
	display: none;
}
#custom_made_flow {
    width: 100%;
    padding: var(--num150) 0;
}
#custom_made_flow > .inner {
    max-width: 1400px;
    width: 92%;
    padding: var(--num100) 0;
    margin: auto;
    background: #fff;
    border-radius: 15px;
}
.custom_made_flow_icon {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    width: 92%;
    margin: 0 auto var(--num80);
    list-style: none;
}
.custom_made_flow_icon > li {
    position: relative;
    width: 14%;
    z-index: 1;
}
.custom_made_flow_icon > li::before {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    left: calc(100% - 1px);
    display: block;
    width: 50%;
    height: 10px;
    background: #EFEFEF;
    transform: translateY(-50%);
}
.custom_made_flow_icon > li:last-of-type::before {
    display: none;
}
.custom_made_flow_icon .num {
    display: block;
    width: 100%;
    color: var(--c_blue);
    font-size: var(--fz25);
    text-align: center;
}
.custom_made_flow_icon .icon {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
}
.custom_made_flow_icon .t {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 3em;
    margin-top: 1em;
    font-size: var(--fz16);
    line-height: 1.5;
    text-align: center;
}
.custom_made_flow_icon .t br.sp {
    display: none;
}
.custom_made_flow_li {
    max-width: 1200px;
    width: 92%;
    margin: auto;
    list-style: none;
}
.custom_made_flow_li > li {
    width: 100%;
}
.custom_made_flow_li > li > .tit {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: .5em .7em;
    color: #fff;
    font-size: var(--fz25);
    font-weight: 700;
    background: var(--c_blue);
    border-radius: 9999px;
    z-index: 1;
}
.custom_made_flow_li > li > .tit .num {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.93em;
    height: 1.93em;
    margin-right: .5em;
    color: var(--c_blue);
    font-size: 1em;
    font-family: var(--lato);
    font-weight: 600;
    line-height: 1;
    background: #fff;
    border-radius: 50%;
}
.custom_made_flow_li .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1110px;
    width: 92%;
    padding: var(--num35) 0 var(--num50) var(--num60);
    margin: auto;
    z-index: 0;
}
.custom_made_flow_li .inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 100%;
    background: #F4F4F4;
}
.custom_made_flow_li > li:last-of-type .inner::before {
    display: none;
}
.custom_made_flow_li .inner > .txt {
    font-size: var(--fz16);
}
.custom_made_flow_li .inner > .note {
    opacity: 1;
    display: block;
    margin-top: 1em;
    color: #B21A19;
    font-size: var(--fz16);
    font-weight: 500;
	text-decoration: underline;
    transition: all .3s ease;
}
.custom_made_flow_li .inner > .note::after {
	content: '\f078';
	margin-top: .2em;
	margin-left: .5em;
	font-size: .6em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    vertical-align: middle;
}
.custom_made_flow_li .inner > .note:hover {
    opacity: .6;
}
.custom_made_flow_li .inner > .online {
    width: 100%;
    padding: 1.5em 2em;
    margin-top: 1.5em;
    font-size: var(--fz16);
    background: #FEFFAC;
}
.custom_made_flow_li .inner > .online .tit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    color: var(--c_blue);
    font-size: 1.25em;
    font-weight: 700;
}
.custom_made_flow_li .inner > .online .tit::before {
    content: '\f0da';
    margin-right: .3em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#custom_made_flow .required {
    max-width: 1200px;
    width: 92%;
    padding: var(--num50) 0 var(--num40);
    margin: 0 auto var(--num50);
    background: #FFF5F5;
    border-radius: 10px;
}
#custom_made_flow .required > .tit {
    width: 90%;
    margin: 0 auto 1.3em;
    color: #B21A19;
    font-size: var(--fz25);
    font-weight: 700;
    line-height: 1.4;
}
.custom_made_flow_required {
    margin: auto;
    width: 90%;
    list-style: none;
}
.custom_made_flow_required > li {
    width: 100%;
}
.custom_made_flow_required .tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #B21A19;
    font-size: var(--fz20);
    font-weight: 700;
    line-height: 1.4;
}
.custom_made_flow_required .tit .num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.56em;
    height: 1.56em;
    margin-right: .5em;
    color: #fff;
    font-size: .8em;
    font-family: var(--lato);
    font-weight: 900;
    line-height: 1;
    background: #B21A19;
    border-radius: 50%;
}
.custom_made_flow_required .txt {
    padding-left: 2em;
    margin-top: .3em;
    margin-bottom: 1.5em;
    font-size: var(--fz16);
}
#custom_made_flow .note_points {
    max-width: 1200px;
    width: 92%;
    margin: 0 auto var(--num80);
}
#custom_made_flow .note_points > .tit {
    width: 100%;
    margin-bottom: .5em;
    color: #B21A19;
    font-size: var(--fz25);
    font-weight: 700;
    letter-spacing: .08em;
}
#custom_made_flow .note_points .list {
    width: 100%;
    padding-left: .5em;
    color: #B21A19;
    font-size: var(--fz16);
    list-style: none;
}
#custom_made_flow .note_points .list > li {
    width: 100%;
    margin-bottom: .5em;
}
#custom_made_flow .num_wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    width: 92%;
    margin: auto;
}
#custom_made_flow .num_wrap > .block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 49%;
    padding: var(--num40) 0 var(--num35);
    color: var(--c_blue);
    background: #F4F4F4;
    border-radius: 10px;
}
#custom_made_flow .num_wrap > .block .num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fz50);
    font-family: var(--lato);
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
}
#custom_made_flow .num_wrap > .block .num > .t {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    letter-spacing: .08em;
}
#custom_made_flow .num_wrap > .block .num > .t::after {
    content: '\f0da\f0da\f0da';
    margin: 0 .5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .45em;
    letter-spacing: .35em;
}
#custom_made_flow .num_wrap > .block .num a {
	color: var(--c_blue);
}
#custom_made_flow .num_wrap > .block .txt {
    margin-top: .6em;
    font-size: var(--fz16);
    text-align: center;
}
#custom_made_flow .num_wrap > .block .txt br.sp {
    display: none;
}
@media only screen and (max-width: 768px) {
	#custom_made_lead {
		width: 92%;
	}
    #custom_made_lead > .tit {
        font-size: var(--fz22);
        line-height: 1.4;
    }
    #custom_made_lead > .tit br.sp {
        display: block;
    }
    #custom_made_lead > .tit br.pc {
        display: none;
    }
    #custom_made_lead > .txt {
        margin-bottom: 1.5em;
        font-size: var(--fz15);
        line-height: 1.7;
    }
    #custom_made_lead .wrap {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #custom_made_lead .block {
        width: 46%;
        padding-top: 46%;
    }
    #custom_made_lead .block .tit {
		margin-bottom: .3em;
        font-size: clamp(.9rem, 4.5vw, 1.6rem);
		font-weight: 700;
    }
	#custom_made_lead .block .tit > b {
		font-weight: 700;
	} 
	#custom_made_lead .block:nth-of-type(1) .tit {
		padding-top: 0;
		line-height: 2.2;
	}
    #custom_made_lead .block .txt {
        margin-top: 0;
        font-size: var(--fz15);
        line-height: 1.5;
    }
	#custom_made_lead .block:nth-of-type(1) .txt {
		margin-top: .5em;
	}
    #custom_made_lead .block .txt br.sp {
        display: block;
    }
	#custom_made_point .block, #custom_made_point .block:nth-of-type(1), #custom_made_point .block:nth-of-type(even) {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    #custom_made_point .block:nth-of-type(2) {
        margin-top: var(--num80);
    }
    #custom_made_point .block:nth-of-type(3) {
        margin-top: var(--num100);
    }
    #custom_made_point .block .cont {
        width: 100%;
        padding-top: var(--num120);
    }
    #custom_made_point .block .img {
        width: 92%;
        margin: 0 auto;
    }
    #custom_made_point .block .cont::before, #custom_made_point .block:nth-of-type(even) .cont::before {
        top: 0;
        left: 0;
        right: auto;
        width: 100%;
        height: 140%;
    }
    #custom_made_point .block .tit {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: .5em;
        font-size: var(--fz24);
        line-height: 1.6;
    }
    #custom_made_point .block:nth-of-type(3) .tit > br {
        display: none;
    }
    #custom_made_point .block .num {
        right: 1em;
        width: 5.26em;
        font-size: var(--fz24);
        transform: translateY(-65%);
    }
    #custom_made_point .block:nth-of-type(even) .num {
        left: 0;
    }
    #custom_made_point .block .txt {
        margin-right: auto;
        margin-left: auto;
        font-size: var(--fz15);
        line-height: 1.7;
    }
	#custom_made_voice {
        padding: var(--num60) 0 var(--num100);
    }
    #custom_made_voice > .tit {
        font-size: var(--fz50);
    }
    #custom_made_voice > .tit > span {
        font-size: var(--fz15);
    }
	#custom_made_point .block .tit > b {
		font-weight: 700;
	}
    #custom_made_voice > .txt {
        font-size: var(--fz15);
    }
    .custom_made_voice_li > li {
        width: 48%;
    }
    .custom_made_voice_li .num {
        font-size: var(--fz26);
    }
    .custom_made_voice_li .order {
        font-size: var(--fz15);
    }
    .custom_made_voice_li .tit {
        font-size: var(--fz20);
    }
    .custom_made_voice_li .txt {
        font-size: var(--fz15);
        line-height: 1.7;
    }
    .custom_made_voice_li .name {
        font-size: var(--fz14);
    }
	.custom_made_voice_li .name br.sp {
		display: block;
	}
	.custom_made_flow_icon {
        flex-wrap: wrap;
		margin-bottom: var(--num50);
        row-gap: var(--num40);
    }
    .custom_made_flow_icon > li {
        width: 31%;
    }
    .custom_made_flow_icon > li:nth-of-type(3)::before {
        display: none;
    }
    .custom_made_flow_icon .t {
        margin-top: .5em;
        font-size: var(--fz14);
    }
    .custom_made_flow_icon .t br.sp {
        display: block;
    }
    .custom_made_flow_icon .num {
        font-size: var(--fz15);
    }
	.custom_made_flow_li > li > .tit {
        font-size: var(--fz16);
    }
    .custom_made_flow_li > li > .tit .num {
        font-size: 1.37em;
    }
    .custom_made_flow_li .inner::before {
        top: -1%;
        width: 10px;
        height: 102%;
    }
    .custom_made_flow_li .inner > .txt {
        font-size: var(--fz16);
    }
    .custom_made_flow_li .inner > .note {
        font-size: var(--fz14);
        font-weight: 400;
    }
    .custom_made_flow_li .inner > .online {
        padding: 1.5em;
        font-size: var(--fz15);
    }
    .custom_made_flow_li .inner > .online .tit {
        margin-bottom: .3em;
        font-size: 1.06em;
        line-height: 1.5;
    }
	#custom_made_flow .required > .tit {
        font-size: var(--fz16);
    }
    .custom_made_flow_required .tit {
        font-size: var(--fz18);
    }
    .custom_made_flow_required .txt {
        padding-left: 0;
        font-size: var(--fz15);
    }
	#custom_made_flow .note_points > .tit {
        font-size: var(--fz18);
    }
    #custom_made_flow .note_points .list {
        font-weight: 700;
    }
	#custom_made_flow .num_wrap {
        flex-direction: column;
    }
    #custom_made_flow .num_wrap > .block {
        width: 100%;
    }
    #custom_made_flow .num_wrap > .block + .block {
        margin-top: 10px;
    }
    #custom_made_flow .num_wrap > .block .num {
        font-size: var(--fz27);
    }
    #custom_made_flow .num_wrap > .block .txt {
        font-size: var(--fz14);
        line-height: 1.5;
    }
    #custom_made_flow .num_wrap > .block .txt br.sp {
        display: block;
    }
}
@media only screen and (max-width: 550px) {
    .custom_made_voice_li > li {
        width: 100%;
    }
}
/*//custom-made*/

/*company*/
#company_lead {
    max-width: 1400px;
    width: 92%;
    padding: var(--num70) 0 var(--num80);
    margin: 0 auto var(--num150);
    background: #fff;
    border-radius: 10px;
}
#company_lead .wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    width: 92%;
    margin: auto;
}
#company_lead .img_wrap {
    width: 24%;
}
#company_lead .img_wrap .img {
    display: block;
    width: 100%;
    border-radius: 5px;
}
#company_lead .img_wrap .signature {
    display: block;
    width: 145px;
}
#company_lead .img_wrap .signature img {
    display: block;
    width: 100%;
}
#company_lead .img_wrap .position {
    display: block;
    margin: .7em .5em .3em;
    font-size: var(--fz15);
}
#company_lead .cont {
    width: 66%;
}
#company_lead .tit {
    width: 100%;
    margin-bottom: .7em;
    color: var(--c_blue);
    font-size: var(--fz34);
    font-weight: 600;
}
#company_lead .txt {
    font-size: var(--fz16);
    font-weight: 500;
    line-height: 2;
}
#company_overview {
    max-width: 1150px;
    width: 92%;
    margin: 0 auto var(--num150);
}
#company_overview .inner {
    width: 100%;
    padding: var(--num50) 0;
    background: #fff;
    border-radius: 15px;
}
#company_overview .overview_dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 995px;
    width: 88%;
    margin: auto;
    font-size: var(--fz18);
    font-weight: 600;
    border-bottom: 1px dotted var(--c_black);
}
#company_overview .overview_dl:last-of-type {
    border-bottom: none;
}
#company_overview .overview_dl > dt {
    flex-shrink: 0;
    width: 9em;
    padding: 1em 2em;
    color: var(--c_blue);
}
#company_overview .overview_dl > dd {
    width: 100%;
    padding: 1em 2em;
}
#comapny_history {
    width: 100%;
    padding-bottom: var(--num170);
}
.company_history_wrap {
    max-width: 1280px;
    width: 92%;
    margin: auto;
}
.company_history_wrap .block {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.company_history_wrap .block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 6px;
    height: 100%;
    background: #C1CFD6;
    transform: translateX(-50%);
}
.company_history_wrap .block:last-of-type::before {
    background: linear-gradient(180deg, #C1CFD6 0%, #C1CFD6 80%, transparent 100%);
}
.company_history_wrap .block .cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 64%;
    padding-left: var(--num50);
}
.company_history_wrap .block .cont::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: clamp(11px, 1.3vw, 25px);
    height: clamp(11px, 1.3vw, 25px);
    background: var(--c_orange);
    border-radius: 50%;
    transform: translateX(-50%);
}
.company_history_wrap .year {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    color: var(--c_blue);
    font-size: var(--fz21);
    font-weight: 600;
    line-height: 1;
    transform: translateY(-35%);
}
.company_history_wrap .year > span {
    margin-right: .3em;
    font-size: 2.8em;
}
.company_history_wrap .txt {
    position: relative;
    max-width: 100%;
    width: auto;
    margin: 1em 0 5em;
    font-size: var(--fz16);
    font-weight: 500;
    line-height: 2;
}
.company_history_wrap .block .img_wrap {
    position: relative;
    width: 26%;
    padding: clamp(8px, 0.89vw, 17px) 0;
}
.company_history_wrap .block .img {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.company_history_wrap .block .img > img {
    display: block;
    width: 100%;
    border-radius: 5px;
}
.company_history_wrap .block .img_wrap .cap {
    width: auto;
    margin-top: .7em;
    font-size: var(--fz12);
    line-height: 1.3;
}
.company_history_wrap .block .img_wrap .cap dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.company_history_wrap .block .img_wrap .cap dl + dl {
    margin-top: 1em;
}
.company_history_wrap .block .img_wrap .cap dl > dt {
    flex-shrink: 0;
    width: 1.5em;
}
.company_history_wrap .block .img_wrap .cap dl > dd {
    width: 100%;
}
.company_history_wrap .block:nth-of-type(1) .img {
    top: 0;
    left: 0;
    max-width: 186px;
    width: 9.68vw;
}
.company_history_wrap .block:nth-of-type(2) .img {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 294px;
    width: 15.31vw;
    transform: translateX(-50%);
}
.company_history_wrap .block:nth-of-type(4) .img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 280px;
    width: 14.58vw;
}
.company_history_wrap .block:nth-of-type(5) .img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 280px;
    width: 14.58vw;
}
.company_history_wrap .block:nth-of-type(6) .img {
    position: absolute;
    top: 45%;
    left: -35%;
    max-width: 262px;
    width: 13.64vw;
}
.company_history_wrap .block:nth-of-type(7) .logo_toyookakaban {
    position: absolute;
    top: 50%;
    left: 115%;
    display: block;
    width: 74px;
    transform: translateY(-50%);
}
.company_history_wrap .block:nth-of-type(8), .company_history_wrap .block:nth-of-type(10) {
    padding-top: 2em;
}
.company_history_wrap .block:nth-of-type(8) .img {
    top: 0;
    left: 50%;
    max-width: 280px;
    width: 14.58vw;
    transform: translateX(-50%);
}
.company_history_wrap .block:nth-of-type(9) .img {
    top: 0;
    left: -25%;
    max-width: 280px;
    width: 14.58vw;
}
.company_history_wrap .block:nth-of-type(10) .img {
    bottom: 0;
    left: 50%;
    max-width: 280px;
    width: 14.58vw;
    transform: translateX(-50%);
}
.company_history_wrap .block:nth-of-type(8) .img_wrap {
    padding-top: 0;
}
.company_history_wrap .block:nth-of-type(9) .img_wrap .cap {
    margin-top: 0;
}
@media only screen and (max-width: 768px) {
    #company_lead {
        padding: var(--num40) 0;
    }
    #company_lead .wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 88%;
    }
    #company_lead .img_wrap {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        text-align: center;
    }
    #company_lead .cont {
        width: 100%;
    }
    #company_lead .tit {
        margin-top: 1.2em;
        margin-bottom: .2em;
        font-size: var(--fz24);
        line-height: 1.4;
    }
    #company_lead .txt {
        font-size: var(--fz14);
        line-height: 1.7;
    }
	#company_overview .inner {
        padding: var(--num35) 0;
        border-radius: 10px;
    }
    #company_overview .overview_dl {
        flex-direction: column;
        font-weight: 500;
        line-height: 1.4;
    }
    #company_overview .overview_dl > dt {
        padding: 1em 0 .3em;
    }
    #company_overview .overview_dl > dd {
        padding: 0 0 1em;
    }
	.company_history_wrap .block {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .company_history_wrap .block::before {
        width: 3px;
    }
    .company_history_wrap .block .cont {
        width: 100%;
    }
    .company_history_wrap .block:not(:has(.img_wrap)) .cont {
        padding-bottom: var(--num60);
    }
    .company_history_wrap .year {
        font-size: var(--fz14);
    }
    .company_history_wrap .txt {
        margin: 0 0 1.2em;
        font-size: var(--fz14);
        line-height: 1.7;
    }
    .company_history_wrap .block .img_wrap {
        width: 100%;
        padding: 0 0 var(--num80) var(--num50);
    }
    .company_history_wrap .block:nth-of-type(1) .img {
        max-width: 132px;
        width: 35.2vw;
        margin: auto;
    }
    .company_history_wrap .block:nth-of-type(2) .img {
        position: relative;
        max-width: 210px;
        width: 56vw;
    }
    .company_history_wrap .block:nth-of-type(4) .img {
        position: relative;
        max-width: 210px;
        width: 56vw;
        margin: auto;
    }
    .company_history_wrap .block:nth-of-type(5) .img {
        position: relative;
        max-width: 210px;
        width: 56vw;
    }
    .company_history_wrap .block:nth-of-type(6) {
        flex-direction: column-reverse;
    }
    .company_history_wrap .block:nth-of-type(6) .cont {
        padding-bottom: var(--num60);
    }
    .company_history_wrap .block:nth-of-type(6) .img {
        position: relative;
        left: auto;
        max-width: 210px;
        width: 56vw;
        margin-left: auto;
    }
    .company_history_wrap .txt {
        width: 100%;
    }
    .company_history_wrap .block:nth-of-type(7) .logo_toyookakaban {
        position: relative;
        top: auto;
        left: auto;
        margin: 1em auto 0;
        transform: translateY(0);
    }
    .company_history_wrap .block:nth-of-type(8) .img {
        max-width: 210px;
        width: 56vw;
    }
    .company_history_wrap .block:nth-of-type(9) .img {
        left: auto;
        max-width: 210px;
        width: 56vw;
        margin: auto;
    }
    .company_history_wrap .block:nth-of-type(10) .img {
        max-width: 210px;
        width: 56vw;
    }
	.company_history_wrap .block, .company_history_wrap .block:nth-of-type(8), .company_history_wrap .block:nth-of-type(10) {
		padding-top: 1em;
	}
}
/*//company*/

/*faq*/
#faq {
    padding-bottom: var(--num200);
}
.faq_li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1200px;
    width: 92%;
    margin: auto;
    font-size: var(--fz16);
    row-gap: 2em;
    list-style: none;
}
.faq_li > li {
    width: 100%;
    counter-increment: cnt;
}
.faq_li .faq_wrap {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.faq_wrap .acc-btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 1em 1.5em;
    color: #fff;
    font-size: 1.31em;
    font-weight: 700;
    line-height: 1.5;
    background: var(--c_blue);
    cursor: pointer;
}
.faq_wrap .acc-btn::before {
    content: 'Q'counter(cnt)'.';
    flex-shrink: 0;
    display: block;
    width: auto;
    margin-right: .7em;
}
.faq_wrap .acc-btn::after {
    content: '\f067';
    flex-shrink: 0;
    display: block;
    margin-left: 1em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all .3s ease;
}
.faq_wrap .acc-btn > span {
    display: block;
    width: 100%;
}
.faq_wrap .acc-btn.acc-open::after {
    content: '\f068';
}
.faq_wrap .acc-cont {
    width: 100%;
}
.faq_wrap .acc-cont .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 1em 1.5em;
    line-height: 2;
    background: #fff;
}
.faq_wrap .acc-cont .inner::before {
    flex-shrink: 0;
    content: 'A.';
    display: block;
    margin-right: .7em;
    margin-left: 1em;
    color: var(--c_blue);
    font-size: 1.31em;
    font-weight: 700;
    line-height: 1.4;
}
.faq_wrap .acc-cont .inner > span {
    display: block;
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .faq_li {
        font-size: var(--fz15);
        row-gap: 1em;
    }
    .faq_wrap .acc-btn {
        padding: .7em;
        font-size: 1.1em;
        line-height: 1.4;
    }
    .faq_wrap .acc-cont .inner {
        padding: .7em;
        line-height: 1.5;
    }
    .faq_wrap .acc-cont .inner::before {
        margin-left: .75em;
        font-size: 1.1em;
    }
}
/*//faq*/

/*privacy-policy*/
#privacy_policy {
    width: 100%;
    padding-bottom: var(--num200);
}
#privacy_policy .inner {
    max-width: 1200px;
    width: 92%;
    padding: var(--num50) 0 var(--num35);
    margin: auto;
    font-size: var(--fz16);
    background: #fff;
    border-radius: 10px;
}
#privacy_policy .inner > .txt {
    width: 90%;
    margin: 0 auto 3em;
}
#privacy_policy .policy_li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    margin: auto;
    list-style: none;
    row-gap: var(--num40);
}
#privacy_policy .policy_li > li {
    width: 100%;
}
#privacy_policy .policy_li .tit {
    margin-bottom: .5em;
    color: var(--c_blue);
    font-size: 1.31em;
    font-weight: 700;
    line-height: 1.4;
}
#privacy_policy .policy_li ol.list {
    padding-left: 2.5em;
}
#privacy_policy .policy_li .cont > ol.list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1em;
    row-gap: .8em;
}
#privacy_policy .policy_li .info {
    padding-left: 1em;
    margin-top: .5em;
}
#privacy_policy .policy_li .info_dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
#privacy_policy .policy_li .info_dl > dt, #privacy_policy .policy_li .info_dl > dd {
    width: auto;
    margin: 0;
}
@media only screen and (max-width: 768px) {
    #privacy_policy .inner {
        font-size: var(--fz15);
    }
    #privacy_policy .policy_li {
        row-gap: var(--num60);
    }
}
/*//privacy-policy*/

/*wp-pagenavin*/
div.wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: var(--num50);
    width: 100%;
}
div.wp-pagenavi a, div.wp-pagenavi span {
	margin: .5em;
	color: #D1D1D1;
    font-size: var(--fz20);
    font-family: var(--lato);
	font-weight: 600;
	line-height: 1;
	border: none;
}
div.wp-pagenavi span.current {
	color: var(--c_blue);
}
div.wp-pagenavi a.first, div.wp-pagenavi a.last {
    color: var(--c_blue);
}
@media only screen and (max-width: 768px) {
	div.wp-pagenavi a, div.wp-pagenavi span {
		font-size: var(--fz18);
	}
}
/*//wp-pagenavin*/

/*single-news*/
#single_post {
    width: 100%;
    padding-bottom: var(--num200);
}
.single_post_inner {
    max-width: 1200px;
    width: 92%;
    padding: var(--num50) var(--num50) var(--num35);
    margin-right: auto;
	margin-left: auto;
    background: #fff;
    border-radius: 10px;
}
.single_post_inner .tit_wrap {
    width: 100%;
    padding-bottom: 1.3em;
    margin-bottom: 2em;
    font-size: var(--fz14);
    font-weight: 700;
    border-bottom: 1px dotted var(--c_black);
}
.single_post_inner .tit_wrap .date {
    margin-bottom: 1em;
    font-size: 1em;
}
.single_post_inner .tit_wrap .tit {
    font-size: var(--fz28);
    font-weight: 700;
    line-height: 1.4;
}
@media only screen and (max-width: 768px) {
    .single_post_inner .tit_wrap .tit {
        font-size: var(--fz20);
    }
	.post_cont {
		font-size: var(--fz15);
	}
    .post_cont * {
        margin-bottom: 1.5em;
    }
}
/*//single-news*/

/*archive-blog*/
.archive_arumi_blog {
    width: 100%;
    padding-bottom: var(--num200);
}
.archive_arumi_blog .inner {
    max-width: 1400px;
    padding: var(--num100) 6% var(--num80);
    width: 92%;
    margin: auto;
    background: #fff;
    border-radius: 10px;
}
.search-filter-field--id-4 {
    width: 100%;
}
.search-filter-field--id-4 .search-filter-field__input {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: var(--num40);
}
.search-filter-field--id-4 .search-filter-input-checkbox {
    width: 25%;
}
.search-filter-field--id-4 .search-filter-input-checkbox__label {
    font-size: var(--fz18);
    font-weight: 700;
}
.search-filter-input-checkbox--is-active > .search-filter-input-checkbox__container > .search-filter-input-checkbox__control > svg {
    fill: var(--c_blue);
    color: var(--c_blue);
}
.archive_arumi_blog #searchbox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: var(--num100);
}
.search-filter-field--id-5 {
    width: 100%;
    margin-bottom: var(--num40);
}
.search-filter-field--id-5 .search-filter-input-text {
    padding-left: 0;
    background: var(--c_gray);
    border: none;
}
.search-filter-field--id-5 .search-filter-input-text #search-filter-input-text-0 {
    padding: 1em;
    font-size: var(--fz16);
}
.search-filter-field--id-5 .search-filter-input-text #search-filter-input-text-0::placeholder {
    font-size: var(--fz16);
}
.search-filter-field--id-6 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 270px;
    width: 100%;
    padding: 1em;
    color: #fff;
    font-size: var(--fz18);
    background: var(--c_blue);
    border: 1px solid var(--c_blue);
    border-radius: 9999px;
    overflow: hidden;
    transition: all .3s ease;
}
.search-filter-field--id-6::before {
    content: '\f002';
    margin-top: .1em;
    margin-right: .5em;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
}
.search-filter-field--id-6::after {
    content: '絞り込む';
    display: block;
    font-weight: 700;
}
.search-filter-field--id-6:hover {
    color: var(--c_blue);
    background: #fff;
}
.search-filter-field--id-6 button.search-filter-input-button.search-filter-field__input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.archive_arumi_blog .inner_txt {
    width: 100%;
    margin-bottom: var(--num60);
    font-size: var(--fz18);
    text-align: center;
}
.archive_arumi_blog .inner_txt > br {
    display: none;
}
button.simplefavorite-button {
    opacity: 1;
    width: auto;
    margin-top: 1em;
    color: var(--c_blue);
    font-size: var(--fz14);
    font-weight: 700;
    background: transparent;
    border: none;
    transition: all .3s ease;
    cursor: pointer;
}
button.simplefavorite-button:hover {
    opacity: .6;
}
button.simplefavorite-button.active {
    color: var(--c_orange);
}
button.simplefavorite-button i {
    margin-right: .3em;
}
.back_btn_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 1em;
    font-size: var(--fz14);
}
.back_btn_wrap > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--c_blue);
	font-size: 1em;
    font-weight: 700;
	letter-spacing: 0;
    text-decoration: none;
}
.back_btn_wrap > a::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	margin-right: .5em;
	background: url(./img/icon_back.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
    .search-filter-field--id-4 .search-filter-input-checkbox__label {
        font-size: var(--fz16);
    }
    .search-filter-field--id-4 .search-filter-input-checkbox {
        width: 50%;
    }
    .search-filter-field--id-5 .search-filter-input-text #search-filter-input-text-0 {
        font-size: var(--fz15);
    }
    .search-filter-field--id-5 .search-filter-input-text #search-filter-input-text-0::placeholder {
        font-size: var(--fz15);
    }
    .search-filter-field--id-6 {
        font-size: var(--fz16);
    }
    .archive_arumi_blog .inner_txt {
        font-size: var(--fz15);
    }
    .archive_arumi_blog .inner {
        padding-right: 4%;
        padding-left: 4%;
    }
    .archive_arumi_blog .inner_txt > br {
        display: block;
    }
	.back_btn_wrap {
		font-size: var(--fz12);
	}
}
@media only screen and (max-width: 550px) {
    .search-filter-field--id-4 .search-filter-input-checkbox {
        width: 100%;
    }
}
/*//archive-blog*/

/*single-blog*/
.single_blog .single_post_inner {
    padding-bottom: var(--num80);
}
.single_blog .cat_block {
    margin-bottom: var(--num60);
}
.single_blog .blog_cat_wrap {
    margin-bottom: .5em;
}
.single_blog .btn_wrap {
    margin-top: var(--num50);
    margin-bottom: var(--num100);
}
.single_blog .btn_blue_arw {
    position: relative;
    max-width: 22em;
    width: 100%;
    padding: 1.5em 1em;
    font-weight: 700;
}
.single_blog .btn_blue_arw::before {
    content: 'この投稿について問い合わせる';
    display: block;
    width: 100%;
    text-align: center;
}
.single_blog .btn_blue_arw button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.related_post_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    row-gap: var(--num40);
    list-style: none;
}
.related_post_li > li {
    width: 48%;
}
.related_post_li > li > a {
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: all .3s ease;
}
.related_post_li > li > a:hover {
    opacity: .6;
}
.related_post_li .post_img {
    width: 36%;
    padding-top: 27%;
    border-radius: 5px;
}
.related_post_li .cont {
    width: 60%;
}
.related_post_li .cont > .tit {
    font-size: var(--fz15);
    font-weight: 700;
    line-height: 1.5;
}
.related_post_li .cont > .date {
    display: block;
    margin-bottom: .5em;
    font-size: var(--fz14);
    font-weight: 700;
}
.related_post {
    width: 100%;
}
.related_post > .tit {
    margin: 2em 0;
    font-size: var(--fz18);
    font-weight: 700;
    text-align: center;
}
#single_post > .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1400px;
    width: 92%;
    margin: auto;
}
#single_post > .wrap > .single_post_inner {
    width: 73%;
}
#single_post > .wrap > .sidebar_wrap {
    width: 23%;
    padding: var(--num35) 0;
    background: #fff;
    border-radius: 10px;
}
.sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    row-gap: var(--num40);
}
.sidebar .block {
    width: 88%;
    margin-right: auto;
    margin-left: auto;
}
.sidebar .block_tit {
    width: 100%;
    padding: 1em;
    margin-bottom: 1.5em;
    color: #fff;
    font-size: var(--fz15);
    font-weight: 700;
    line-height: 1.4;
    background: var(--c_blue);
}
.sidebar .cat_li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    margin: auto;
    font-size: var(--fz14);
    font-weight: 700;
    row-gap: 1em;
    list-style: none;
}
.sidebar .cat_li > li > a {
    display: block;
    color: var(--c_black);
    font-size: 1em;
    transition: all .3s ease;
}
.sidebar .cat_li > li > a:hover {
    color: var(--c_orange);
}
.sidebar .newpost_li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    margin: auto;
    font-size: var(--fz14);
    font-weight: 700;
    row-gap: 1.2em;
    list-style: none;
}
.sidebar .newpost_li > li > a {
    display: block;
    color: var(--c_black);
    font-size: 1em;
    transition: all .3s ease;
}
.sidebar .newpost_li > li > a:hover {
    color: var(--c_orange);
}
.sidebar .newpost_li .date {
    font-size: .85em;
}
.sidebar .newpost_li .title {
    line-height: 1.5;
}
.yearly-archive-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    margin: auto;
    font-size: var(--fz14);
    font-weight: 700;
    letter-spacing: .04em;
    row-gap: 1em;
    list-style: none;
}
.yearly-archive-list > li > a {
    display: block;
    color: var(--c_black);
    font-size: 1em;
    transition: all .3s ease;
}
.yearly-archive-list > li > a:hover {
    display: block;
    color: var(--c_orange);
}
@media only screen and (max-width: 1024px) {
	#single_post > .wrap {
        flex-direction: column;
        justify-content: flex-start;
    }
    #single_post > .wrap > .single_post_inner {
        width: 100%;
    }
    #single_post > .wrap > .sidebar_wrap {
        max-width: 400px;
        width: 100%;
        margin-top: var(--num50);
    }
}
@media only screen and (max-width: 768px) {
	#single_post > .wrap > .single_post_inner {
		padding-right: var(--num40);
        padding-left: var(--num40);
    }
    .single_blog .btn_blue_arw {
        font-size: var(--fz14);
    }
    .related_post > .tit {
        margin-top: 3em;
        margin-bottom: 1em;
    }
    .related_post_li > li {
        width: 100%;
    }
	.related_post_li .cont > .date {
		margin-bottom: 0;
		font-size: var(--fz13);
	}
	.related_post_li .cont > .tit {
		font-size: var(--fz14);
		line-height: 1.4;
	}
    .sidebar {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        row-gap: var(--num70);
    }
    .sidebar .block_tit {
        margin-bottom: 1em;
        font-size: var(--fz14);
    }
    .sidebar .cat_li, .sidebar .newpost_li, .yearly-archive-list {
        font-size: var(--fz13);
        row-gap: .7em;
    }
}
/*//single-blog*/

/*favorites*/
.archive_favorites .single_post_inner .inner_txt {
    width: 100%;
    margin: 1em 0 3em;
    font-size: var(--fz18);
	letter-spacing: .1em;
    line-height: 2.2;
    text-align: center;
}
.archive_favorites .single_post_inner .inner_txt br.sp {
	display: none;
}
.single_blog.archive_favorites .btn_blue_arw {
	max-width: inherit;
	margin-top: 1em;
    font-size: var(--fz14);
}
.single_blog.archive_favorites .btn_wrap {
	width: 100%;
    margin-top: 0;
}
@media only screen and (max-width: 768px) {
	.archive_favorites .single_post_inner .inner_txt {
		margin-bottom: 2em;
		font-size: var(--fz16);
		letter-spacing: 0;
		line-height: 1.7;
	}
	.archive_favorites .single_post_inner .inner_txt br.sp {
		display: block;
	}
}
/*//favorites*/

/*quote*/
/* ステップの初期非表示 */
.smf-step {
    display: none;
}
.smf-step.is-active {
    display: block;
}

/* プログレスバー */
.smf-progress {
    display: flex;
    align-items: center;
	max-width: 660px;
    gap: 0;
    margin: 0 auto var(--num150);
}
.smf-progress__step {
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.smf-progress__circle {
    width: 2.65em;
    height: 2.65em;
    border-radius: 50%;
    background: #B0BDC3;
    color: #fff;
    font-size: var(--fz32);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, color 0.3s;
}
.smf-progress__step.is-active .smf-progress__circle,
.smf-progress__step.is-done .smf-progress__circle {
    background: var(--c_blue);
}
.smf-progress__label {
	position: absolute;
    top: calc(100% + .5em);
    left: 50%;
    color: #B0BDC3;
    font-size: var(--fz18);
    font-weight: 700;
    white-space: nowrap;
    transform: translateX(-50%);
}
.smf-progress__label br {
	display: none;
}
.smf-progress__step.is-active .smf-progress__label,
.smf-progress__step.is-done .smf-progress__label {
    color: var(--c_black);
}
.smf-progress__line {
    flex: 1;
    height: .25em;
	font-size: var(--fz32);
    background: #D0D0D0;
    transition: background 0.3s;
}
.smf-progress__line.is-done {
    background: var(--c_blue);
}

/* ナビゲーションボタン */
.smf-nav {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
}
.smf-btn-next,
.smf-btn-prev {
    padding: 10px 28px;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
}
.smf-btn-next {
    background: #0073aa;
    color: #fff;
}
.smf-btn-next:hover {
    background: #005a87;
}
.smf-btn-prev {
    background: #eee;
    color: #333;
    margin-right: auto;
}
.smf-btn-prev:hover {
    background: #ddd;
}

/* STEP2ではSMF標準の送信ボタンを表示、それ以外は非表示 */
.page_quote-request-form .smf-action {
    display: none;
}
	
.smf-step-text {
    width: 100%;
    margin-bottom: var(--num60);
    font-size: var(--fz18);
    line-height: 2.2;
    text-align: center;
}
.smf-step-text br.sp {
	display: none;
}
.smf-step-text > a {
	opacity: 1;
	color: var(--c_blue);
	text-decoration: underline;
	transition: all .3s ease;
}
.smf-step-text > a:hover {
	opacity: .6;
}
#form_contact:has([data-screen="confirm"]) .smf-step-text, #form_contact:has([data-screen="complete"]) .smf-step-text {
    display: none;
}
.smf-form .wp-block-group  > .wp-block-group__inner-container {    
	margin-bottom: var(--num80);
}
form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group {
	max-width: 800px;
    width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.smf-nav.btn_blue_arw {
    position: relative;
	max-width: 22em;
	width: 100%;
	padding: 1.5em;
}
.smf-nav.btn_blue_arw:has(.smf-btn-next)::before {
	display: block;
	width: 100%;
	text-align: center;
}
.wp-block-group.smf-step.smf-step--1.is-active .smf-nav.btn_blue_arw:has(.smf-btn-next)::before {
	content: 'お客様情報の入力に進む';
}
.wp-block-group.smf-step.smf-step--2.is-active .smf-nav.btn_blue_arw:has(.smf-btn-next)::before {
	content: '送信内容を確認する';
}
.smf-nav.btn_blue_arw:has(.smf-btn-prev) {
	flex-direction: row-reverse;
	margin: 0 0 3em;
}
.smf-nav.btn_blue_arw:has(.smf-btn-prev)::after {
	content: '\f137';
}
.smf-nav.btn_blue_arw:has(.smf-btn-prev)::before {
	content: '戻る';
	display: block;
	width: 100%;
	text-align: center;
}
.smf-nav.btn_blue_arw button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group + .wp-block-group {
	margin-top: var(--num100);
}
.quote_lead .lead_tit {
    width: 100%;
	margin-bottom: 1em;
    color: var(--c_blue);
    font-size: var(--fz34);
    font-weight: 900;
    line-height: 1.3;
    text-align: center;
}
.quote_lead > .img {
	max-width: 550px;
	width: 80%;
	margin: 0 auto var(--num40);
}
.quote_lead > .img img {
	display: block;
	width: 100%;
}
.smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group .quote_note {
	width: 100%;
	margin-top: 1em;
	font-size: var(--fz14);
}
form[data-screen="confirm"] .smf-form .wp-block-group > .wp-block-group__inner-container > .wp-block-group .quote_note {
	display: none;
}
form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group .wp-block-snow-monkey-forms-item.smf-item {
	align-items: inherit;
    border-top: 1px dotted #555;
    border-bottom: 1px dotted #555;
}
form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group .wp-block-snow-monkey-forms-item.smf-item + .smf-item {
	margin-top: 0;
	border-top: none;
}
form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group .smf-item__col.smf-item__col--label {
    padding: 1em 1em 1em 1.5em;
    font-weight: 400;
    background: var(--c_gray);
}
form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group .smf-item__col.smf-item__col--controls {
	padding: 1em 1em 1em 1.5em;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group input, #form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group textarea {
    border: 1px solid #707070;
    background: transparent;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group input[type="radio"], #form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group input[type="checkbox"] {
    padding: 0;
	background: transparent;
	transition: all .3s ease;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group input[type="radio"]:checked, #form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group input[type="checkbox"]:checked {
	background: var(--c_blue);
}
.smf-form input.smf-text-control__control.unit_mm {
    width: 100%;
}
.smf-placeholder:has(input.unit_mm) {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.smf-text-control:has(input.unit_mm)::after {
    content: 'mm';
	position: absolute;
	top: 1.7em;
	left: calc(100% + .5em);
	white-space: nowrap;
}
.smf-text-control:has(input.unit_mm) {
	position: relative;
	width: 10em;
}
.smf-item__controls .note_red {
    margin-top: .4em;
    color: #B21A19;
    font-size: var(--fz13);
}
.smf-item__controls:has(input[name="case-deadline-month"]) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.smf-form input[name="case-deadline-month"].smf-text-control__control {
    width: 100%;
}
.smf-placeholder[data-name="case-deadline-month"] {
    margin-right: 2em;
}
.smf-form input.smf-text-control__control.unit_g {
    width: 100%;
}
.smf-placeholder:has(input.unit_g) {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.smf-text-control:has(input.unit_g)::after {
    content: 'kg';
	position: absolute;
	top: 1.7em;
	left: calc(100% + .5em);
	white-space: nowrap;
}
.smf-text-control:has(input.unit_g) {
	position: relative;
	width: 10em;
}
.smf-form input.smf-text-control__control.unit_nichi {
    width: 100%;
}
.smf-placeholder:has(input.unit_nichi) {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.smf-text-control:has(input.unit_nichi)::after {
    content: '日';
	position: absolute;
	top: 1.7em;
	left: calc(100% + .5em);
}
.smf-text-control:has(input.unit_nichi) {
	position: relative;
	width: 5em;
}
.quote_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	width: 100%;
    margin-right: auto;
	margin-left: auto;
	margin-bottom: var(--num50);
    list-style: none;
}
.quote_li.c2 {
    max-width: 650px;
	column-gap: 8%;
	row-gap: var(--num50);
}
.quote_li.c2 > li {
    width: 46%;
}
.quote_li.c3 {
	max-width: 800px;
	column-gap: 2%;
	row-gap: var(--num40);
}
.quote_li.c3 > li {
    width: 32%;
}
.quote_li.c4 {
	justify-content: flex-start;
    max-width: 775px;
    width: 100%;
	column-gap: 6%;
	row-gap: var(--num35);
}
.quote_li.c4 > li {
	width: 20%;
}
.quote_li.c4 .txt {
    margin-top: .4em;
    font-size: var(--fz14);
    line-height: 1.5;
    text-align: center;
}
.quote_li .img {
	width: 100%;
}
.quote_li .img img {
	display: block;
	width: 100%;
}
.quote_li .name_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 1em;
	font-size: var(--fz16);
	font-weight: 500;
}
.quote_li .cat_wrap {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
	align-items: center;
	margin-top: .3em;
	column-gap: .3em;
	row-gap: .3em;
}
.quote_li .cat {
	display: block;
	padding: .5em;
	color: #fff;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	background: var(--c_blue);
}
.quote_li .note {
    width: 100%;
    margin-top: .5em;
    color: #B21A19;
    font-size: var(--fz15);
    line-height: 1.5;
    text-align: center;
}
.quote_li.c4 .note {
	margin-top: .3em;
}
.smf-placeholder[data-name="case-outer-fabric-color1"], .smf-placeholder[data-name="case-outer-fabric-color2"] {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.smf-placeholder[data-name="case-outer-fabric-color1"]::before {
    content: 'カラーを選択';
	margin-right: 1em;
	font-size: var(--fz14);
}
.smf-placeholder[data-name="case-outer-fabric-color2"]::before {
	content: 'その他のカラーをご希望の方はご記入ください。';
	margin-right: .5em;
	font-size: var(--fz14);
}
#form_contact .smf-form .wp-block-group > .wp-block-group__inner-container .smf-placeholder[data-name="case-outer-fabric-color1"] input[type="radio"] {
	border: none;
    border-radius: 0;
}
.smf-form .smf-placeholder[data-name="case-outer-fabric-color1"] .smf-radio-button-control__control:before {
	display: none;
}
.smf-form .smf-placeholder[data-name="case-outer-fabric-color1"] .smf-radio-button-control__control::after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: calc(100% + 5px);
    height: calc(100% + 5px);
    border: 1px solid #707070;
    transform: translate(-50%, -50%);
	transition: all .3s ease;
}
.smf-form .smf-placeholder[data-name="case-outer-fabric-color1"] .smf-radio-button-control__control:checked::after {
	opacity: 1;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container input[type="radio"][name="case-outer-fabric-color1"] {
    width: 1.6em!important;
    height: 1.6em!important;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container input[type="radio"][name="case-outer-fabric-color1"][value="Black"] {
	background: #231716;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container input[type="radio"][name="case-outer-fabric-color1"][value="Blue"] {
	background: #0070BD;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container input[type="radio"][name="case-outer-fabric-color1"][value="Green"] {
	background: #009246;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container input[type="radio"][name="case-outer-fabric-color1"][value="Red"] {
	background: #C2282D;
}
#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container input[type="radio"][name="case-outer-fabric-color1"][value="Yellow"] {
	background: #F0D933;
}
.smf-placeholder[data-name="case-outer-fabric-color1"] span.smf-radio-button-control__label {
	display: none;
}
.smf-form .smf-placeholder[data-name="case-outer-fabric-color2"] .smf-text-control__control {
	width: 100%;
}
form[data-screen="confirm"] .quote_lead {
	display: none;
}
form[data-screen="confirm"] .smf-item__controls .note_red, form[data-screen="confirm"] .smf-form .wp-block-group > .wp-block-group__inner-container > .wp-block-group .quote_note {
	display: none;
}
form[data-screen="confirm"]:has(.wp-block-group.smf-step.smf-step--1.is-active) .smf-form {
	padding-top: var(--num100);
}
form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--1.is-active, form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--2.is-active {
	position: relative;
    padding-top: var(--num35);
    border-top: 1px dotted #555555;
    border-bottom: 1px dotted #555555;
}
form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--2.is-active {
	margin-top: var(--num200);
	margin-bottom: var(--num100);
}
form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--1.is-active::before, form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--2.is-active::before {
	position: absolute;
	bottom: calc(100% + 1em);
	left: 0;
	display: block;
	width: 100%;
	color: var(--c_blue);
	font-size: var(--fz34);
	font-weight: 900;
	line-height: 1.3;
	text-align: center;
}
form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--1.is-active::before {
	content: 'ケース情報';
}
form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--2.is-active::before {
	content: 'お客様情報';
}
form[data-screen="confirm"] .smf-form .wp-block-group > .wp-block-group__inner-container > .wp-block-group + .wp-block-group {
	margin-top: 0;
}
form[data-screen="confirm"] div[data-name="pp_check"] {
	display: none;
}
.smf-form .smf-placeholder[data-name="case-outer-fabric-color1"] .smf-radio-buttons-control--horizontal .smf-radio-buttons-control__control>.smf-label {
    margin-right: .5em;
}
.smf-textarea-control {
    width: 100%;
}
#form_contact .smf-form input.smf-text-control__control[name="case-quantity"] {
    width: 12em;
}
@media only screen and (max-width: 768px) {
	.smf-step-text {
		font-size: var(--fz15);
		line-height: 1.7;
	}
	.smf-step-text br.sp {
		display: block;
	}
	.smf-progress__circle {
		font-size: var(--fz20);
	}
	.smf-progress {
		width: 90%;
	}
	.smf-progress__label {
		font-size: var(--fz12);
		line-height: 1.3;
		text-align: center;
	}
	.smf-progress__label br {
		display: block;
	}
	.quote_lead .lead_tit {
		margin-bottom: .5em;
		font-size: var(--fz24);
	}
	#form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container > .wp-block-group input[type="radio"], #form_contact form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container > .wp-block-group input[type="checkbox"] {
		width: 16px;
	}
	.quote_li .name_wrap {
		flex-direction: column;
		justify-content: flex-start;
		margin-top: .5em;
		font-size: var(--fz14);
	}
	.quote_li .cat_wrap {
		margin-left: 0;
		margin-top: .3em;
	}
	.quote_li.c2, .quote_li.c3 {
		column-gap: 4%;
	}
	.quote_li.c2 > li, .quote_li.c3 > li {
		width: 48%;
	}
	.quote_li.c4 {
		column-gap: 2%;
	}
	.quote_li.c4 > li {
		width: 32%;
	}
	.quote_li .name_wrap {
		font-size: var(--fz13);
		line-height: 1.5;
	}
	.quote_li.c4 .txt {
		font-size: var(--fz11);
		text-align: left;
	}
	.quote_li.c4 .txt br {
		display: none;
	}
	form:not([data-screen="confirm"]) .smf-form .wp-block-group > .wp-block-group__inner-container > .wp-block-group .smf-item__col.smf-item__col--label {
		padding: .7em 1em;
		margin-bottom: 0;
	}
	form:not([data-screen="confirm"]) .smf-form .wp-block-group  > .wp-block-group__inner-container > .wp-block-group .smf-item__col.smf-item__col--controls {
		padding: .7em 1em 1em;
	}
	.smf-item__controls:has(input[name="case-deadline-month"]) {
		flex-direction: column;
		align-items: flex-start;
	}
	.smf-nav.btn_blue_arw {
		margin-top: 0;
	}
	.smf-placeholder[data-name="case-outer-fabric-color2"] {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.smf-placeholder[data-name="case-outer-fabric-color2"] .smf-text-control {
		margin-top: .5em;
	}
	form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--1.is-active::before, form[data-screen="confirm"] .wp-block-group.smf-step.smf-step--2.is-active::before {
		bottom: calc(100% + .7em);
		font-size: var(--fz24);
	}
	form[data-screen="confirm"] .smf-action, .page_quote-request-form .smf-action {
		flex-direction: column;
	}
	#form_contact .smf-action .smf-button-control:has(button.smf-btn-prev) {
		margin-right: 0;
		margin-bottom: .7em;
	}
	form[data-screen="confirm"] .smf-action .smf-button-control+.smf-button-control {
		margin-left: 0;
		margin-top: .7em;
	}
	form[data-screen="confirm"]:has(.wp-block-group.smf-step.smf-step--1.is-active) .smf-form {
		padding-top: var(--num170);
	}
}
/*//quote*/