@charset "utf-8";
/*
	https://www.rentalbusters.net
	PC用CSS
*/


/*
2024/09/09
・新デザインと競合する可能性があるスタイルはコメントアウトしている
	→ファイルの場所ははonenoteのドキュメント参照
・スタイル崩れがあり、新たにスタイルを作成する場合は、競合が発生しないように詳細度を高めて作成すること
*/


/* SHORTENING
------------------------------------- */

[class*="bg_"] {position: relative;}
[class*="bg_"]::before {
	border-radius: inherit;
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
}
.bg_blue {background: #e9f4ff;}
.bg_red {background: #f9eded;}
.bg_green {background: #eff4d7;}
.bg_gray {background: #f0f0f0;}
.bg_lightgray::before {background: #f4f4f4;}
.bg_grayblue::before {background: #eef0f1;}
.bg_graygreen::before {background: #ecf0e9;}
.bg_lightpink::before {background: #f9f4f5;}
.transparent {background: transparent;}
.antiquewhite { background: antiquewhite; }

.bordernone,.noborder {border:none;}

.fr {float: right;}
.fl {float: left;}

.center {text-align: center;}
.vmiddle {vertical-align: middle;}

/* two column */
.col2 {width: 365px;}
.w580 {width: 580px;}

.micro_clearfix:after {
	content:'';
	display:table;
	clear:both;
}

.input-must {
	background: #fdfdd7;
	border: 1px solid #8f8f9d;
}

.cont {
	width: 750px;
}

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


/* flexbox */
.flexbox_wrap {
	display: flex;
}
/* 端寄せ */
.flexbox_wrap.between {
	flex-direction: row;
	justify-content: space-between;
}


/* BASIC
------------------------------------- */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* html {overflow-y: scroll;}
body {
	font-family: var(--common-font-family);
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	letter-spacing: 1px;
	display: flex;
	flex-direction: column;
	color: #333;
} */
/* #contents {
	margin: 20px auto;
	padding: 0;
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	width: 100%;
	max-width: 1024px;
	min-width: 980px;
	gap: 10px;
} */
/* --- */


/*#contents {
	max-width: 1024px;
	margin: 20px auto;
	padding: 0;
	display: grid;
	grid-template-columns: 200px 1fr;
	justify-content: space-between;
	gap: 20px;
	min-width: 980px;
}*/
/* floatからflexboxに変更したことで、clearfixが不要に */
#contents.clearfix::before,
#contents.clearfix::after {
	content: none;
}


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* main {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	max-width: 800px;
	min-width: 770px;
} */
/* --- */


/*main {
	display: inline-grid;
	width: 100%;
	order: 2;
	max-width: 800px;
	grid-template-columns: 100%;
	min-width: 760px;
}*/


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* aside {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
	height: 100%;
	width: 200px;
} */
/* --- */


/*aside {
	display: flex;
	width: 200px;
	order: 1;
	flex-direction: column;
}*/


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* 
h1,h2,h3,h4,h5,h6 {margin: 0;} 
br {letter-spacing: normal;}
br.spbr {display: none;}

a {color: #33a;}
a:hover {
	color: #c94c00;
	text-decoration: none;
}

figure {
	margin: auto;
}
figure.logo img {
	width: 150px;
	aspect-ratio: 25/8;
}
a:hover figure img,
a:active figure img {
	opacity: .8;
}
figcaption {
	font-size: 13px;
	width: 100%;
}
img {
	border: 0;
	vertical-align: bottom;
}
img .frame {
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
} 
*/
/* --- */


/* リストタグ
------------------------------------- */
ul, li{
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  outline: 0;
}
li {list-style-type: none;}

ol.primary {
	counter-reset: primary;
	margin: 0;
}
ol.primary > li {
	padding-left: 2em;
}
ol.primary > li::before {
	border: none;
	border-radius: 0;
	counter-increment: primary;
	content: counter(primary)'.';
	color: #4c4c4c;
	font-size: 16px;
	line-height: 22px;
	top: 0;
}
ol.primary > li h4 {
	font-weight: bold;
	font-size: 16px;
	line-height: 28px;
	top: -3px;
	position: relative;
	margin-top: 3px;
}
ol.primary dl {
	margin: 2px 0 10px;
}
ol.primary dt {
	font-weight: bold;
	font-size: 15px;
	position: relative;
	display: inline-block;
}
ol.primary dt::after {
	content: "";
	background: #595959;
	width: 100%;
	display: inline-block;
	position: absolute;
	bottom: 0;
	height: 1px;
	left: 0;
}
ol.primary dd {
	margin: 5px 0;
}
ol.primary dd ul {
	list-style: disc;
	margin-left: 0;
}
ol.primary p:not(:last-child) {
	margin: 0;
}
ol.primary address {
	font-style: normal;
	line-height: 1.2em;
	margin: 1em 0;
	font-size: 13px;
}
ol.primary address a {
	font-size: 13px;
}

ol.secondary {
	counter-reset: secondary;
	margin: 5px 1em;
}
ol.secondary > li {}
ol.secondary > li::before {
	counter-increment: secondary;
	content: counter(secondary)'.';
	background: #fff;
	border: none;
	border-radius: 0;
	font-size: 14px;
}

ol.circle {
	counter-reset: circle;
	padding: 0;
}
ol.circle > li {
	list-style: none;
	position: relative;
	padding-left: 1.3em;
}
ol.circle > li::before {
	counter-increment: circle;
	content: counter(circle);
	background: #fff;
	border: 1px solid #000;
	color: #4c4c4c;
	border-radius: 50%;
	font-size: 11px;
	text-align: center;
	height: 1.2em;
	position: absolute;
	left: 0;
	top: 3.5px;
	margin-right: 0.5em;
	line-height: 1.3;
	width: 1.2em;
}

ul.discs {
	padding-left: 20px;
}
ul.discs li {
	list-style: disc outside;
	display: list-item;
}


/* ルビ
------------------------------------- */
ruby rt {
	position: relative;
	top: 0.5em;
	transform: translateY(-.5em);
}


/* レンコちゃん吹き出し
------------------------------------- */
.renko-baloon .renko::before {
	content: "";
	vertical-align: middle;
	height: 80px;
	position: relative;
	width: 80px;
	display: inline-block;
	background: url(/images/common/renko04.svg) 0 0 no-repeat;
	background-size: cover;
	margin: 0 20px 0 0;
}
.renko-baloon .renko span.baloon {
	background: #eeeeba;
	display: inline-block;
	line-height: 20px;
	font-size: 20px;
	width: auto;
	vertical-align: middle;
	padding: 15px 20px;
	border-radius: 5px;
	color: #475739;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
}
.renko-baloon .renko span.baloon::before {
	content: "";
	position: absolute;
	border-top: 0 solid transparent;
	border-right: 10px solid #eeeeba;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	left: -19px;
}

/* トップニュース レンコちゃん */
#topnews .renko-baloon {
	margin-bottom: -15px;
}
#topnews .renko-baloon .renko::before {
	content: "";
	background: url(/images/common/renko05.svg) 0 -7px no-repeat;
	background-size: 100px;
	filter: hue-rotate(-10deg);
	margin: 0 -5px 0 0;
	height: 50px;
	width: 100px;
}
#topnews .renko-baloon a {
	background: linear-gradient(135deg, #aac638 0%, #c3db61 100%);
	text-decoration: none;
	display: block;
}
#topnews .renko-baloon a:hover {
	opacity: .8;
}
#topnews .renko-baloon .renko span.baloon {
	background: #fff;
	color: #295b00;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 17px;
	padding: 7px 5px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 170px);
	text-decoration: underline;
}
#topnews .renko-baloon .renko span.baloon::before {
	content: "";
	border-right: 10px solid #fff;
}


/* header
------------------------------------- */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* header {
	box-sizing: border-box;
	font: 400 15px/21px 'NSjp','Hiragino Kaku Gothic ProN',Meiryo,'Lucida Grande',Arial,sans-serif;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 18px 1fr;
	margin: 0 auto;
	max-width: 1024px;
	height: 90px;
	width: 100%;
	padding: 0 5px;
}
header h1 {
	font-size: 11px;
	font-weight: normal;
	display: inline-grid;
	grid-template-columns: 100%;
	padding: 0 5px;
}
header .header-wrap {
	display: inline-grid;
	grid-template-columns: 310px 350px 270px;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}
header .header-wrap a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
header .header-wrap a:hover{
	opacity: 0.8;
}
header #logo {
	height: 50px;
	margin: 0;
}
header #logo a {
	display: inline-grid;
	height: 55px;
	align-items: center;
}
header #logo svg {
	fill: #6aa33c;
	width: 300px;
	height: 55px;
	padding: 0 5px;
}
header #logo.fixed svg {
	fill: #fff;
	width: 105px;
	height: 50px;
}
header #logo2 {
	height: 80px;
	margin: 0;
}
header #phone {
	display: inline-grid;
	justify-content: center;
	height: 55px;
	align-items: center;
}
header #phone img {
	object-fit: cover;
	object-position: left;
	width: 350px;
}
header .right-wrap {
	display: inline-grid;
	grid-template-columns: 120px 145px;
	gap: 5px;
	justify-content: end;
	align-items: center;
}
header .mail-contact {
	display: inline-grid;
}
header .mail-contact a {
	background: #d3054f;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff;
	display: inline-grid;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	padding: 5px;
	height: 55px;
	width: 120px;
}
#basket_right {
	display: inline-grid;
	position: relative;
}

#basket_btn {
	background: #F4971E;
	border-radius: 5px;
	color: #fff;
	display: inline-grid;
	justify-content: center;
	align-items: center;
	grid-template-rows: 100%;
	grid-template-columns: 50px 1fr;
	gap: 0;
	height: 55px;
	width: 100%;
}
#basket_btn::before {
	content: "";
	background: #FFC754 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.465 283.465'%3E%3Cstyle%3Epath%7Bfill:%23fff;%7D%3C/style%3E%3Cpath d='M275.019,10.197h-51.145c-3.667,0-6.787,2.67-7.355,6.292l-7.824,49.928L10.878,66.494 c-2.165,0.001-4.224,0.945-5.637,2.585c-1.414,1.64-2.043,3.815-1.724,5.957l18.044,121.091c0.543,3.647,3.676,6.347,7.364,6.347 h166.911c3.674,0,6.799-2.68,7.358-6.312l0.316-2.053c0.246-0.568,0.43-1.173,0.53-1.813l26.204-167.21h44.776 c4.112,0,7.445-3.334,7.445-7.445S279.131,10.197,275.019,10.197z M25.553,121.886l29.604-0.004l2.028,25.724H29.385L25.553,121.886 z M70.093,121.881l33.164-0.004v25.73H72.121L70.093,121.881z M149.583,147.607h-31.436v-25.732l33.531-0.004L149.583,147.607z M166.619,121.869l32.945-0.004l-3.962,25.742h-31.079L166.619,121.869z M118.147,106.985V81.342l36.833-0.014l-2.089,25.653 L118.147,106.985z M103.257,106.987l-34.338,0.004l-2.02-25.628l36.358-0.014V106.987z M103.257,162.497v25.087H75.272 l-1.978-25.087H103.257z M118.147,162.497h30.223l-2.043,25.087h-28.18V162.497z M163.311,162.497h29.999l-3.862,25.087h-28.181 L163.311,162.497z M201.856,106.975l-34.025,0.004l2.089-25.657l35.886-0.014L201.856,106.975z M51.963,81.368l2.02,25.624 l-30.649,0.004l-3.817-25.615L51.963,81.368z M31.604,162.497h26.754l1.978,25.087H35.343L31.604,162.497z M48.52,215.37 c-16.839,0-30.54,13.7-30.54,30.54c0,16.839,13.7,30.539,30.54,30.539s30.539-13.7,30.539-30.539 C79.059,229.07,65.359,215.37,48.52,215.37z M48.52,261.559c-8.629,0-15.649-7.02-15.649-15.649s7.02-15.65,15.649-15.65 s15.649,7.021,15.649,15.65S57.149,261.559,48.52,261.559z M173.59,215.37c-16.84,0-30.54,13.7-30.54,30.54 c0,16.839,13.7,30.539,30.54,30.539c16.839,0,30.539-13.7,30.539-30.539C204.129,229.07,190.429,215.37,173.59,215.37z M173.59,261.559c-8.629,0-15.65-7.02-15.65-15.649s7.021-15.65,15.65-15.65c8.629,0,15.649,7.021,15.649,15.65 S182.219,261.559,173.59,261.559z'/%3E%3C/svg%3E") no-repeat 10px center/35px;
	border-radius: 5px 0 0 5px;
	width: 50px;
	height: 100%;
}

#basket_number {
	position: absolute;
	top: -5px;
	border-radius: 15px;
	background: #f00;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 2px 7px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	height: 20px;
	min-width: 11px;
	letter-spacing: 0;
	left: -5px;
	z-index: 1;
}
*/
/* --- */


#mddNav #basket_number {
	top: -4px;
	border-radius: 13px;
	font-size: 12px;
	padding: 4px 5px;
	height: 12px;
	min-width: 10px;
	left: -6px;
	z-index: 1;
}
.coupon_apply {
	position: absolute;
	top: -25px;
	right: 0;
	background: #f00;
	border-radius: 10px;
	color: #fff;
	padding: 0 10px;
}

#mddNav .coupon_apply {
	top: auto;
	font-size: 10px;
	bottom: -20px;
	padding: 0 3px;
	right: 0;
	border-radius: 3px;
}


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* nav {
	font: 400 15px/21px 'NSjp','Hiragino Kaku Gothic ProN',Meiryo,'Lucida Grande',Arial,sans-serif;
}
nav ul {
	width: 980px;
}
nav li {
	list-style-type: none;
}
nav ul li .list-border a {
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	letter-spacing: 0.5px;
	text-decoration: none;
	height: 50px;
	width: 100%;
}
nav ul li .list-border a:hover {
	background: #81BC52;
}
nav ul li[class^="nav"] .list-border a {}

nav ul li .list-border a::before {
	content: "";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: auto 0;
	position: relative;
	top: 0;
	bottom: 0;
	width: 26px;
	aspect-ratio: 1;
}
nav ul li.nav1 .list-border a::before {
	background: url(/images/common/nav-flow.svg) no-repeat;
}
nav ul li.nav2 .list-border a::before {
	background: url(/images/common/nav-items.svg) no-repeat;
}
nav ul li.nav3 .list-border a::before {
	background: url(/images/common/nav-campaign.svg) no-repeat;
}
nav ul li.nav4 .list-border a::before {
	background: url(/images/common/nav-case.svg) no-repeat;
}
nav ul li.nav5 .list-border a::before {
	background: url(/images/common/nav-gallery.svg) no-repeat;
}
nav ul li.nav6 .list-border a::before {
	background: url(/images/common/nav-company.svg) no-repeat;
}
nav ul li[class*="gnav-"]{
	display: none;
}

nav.fixed > ul {
	max-width: 904px;
	margin: auto;
	padding-left: 120px;
}
nav.fixed ul li[class^="nav"] .list-border a {
	width: 100%;
}
nav.fixed ul li .list-border a {
	font-size: 13px;
	letter-spacing: 0;
}
nav.fixed ul li .list-border a::before {
	content: none;
}
nav.fixed ul li[class^="nav"]:not([class*="gnav-"]) .list-border a:hover {
	background: #81bc52;
}
nav.fixed ul li.nav7,
nav.fixed ul li.nav8 {
	display: flex;
	justify-content: center;
	align-items: center;
}
nav.fixed ul li.nav7 div.list-border,
nav.fixed ul li.nav8 div.list-border {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
nav.fixed ul li.nav7 a,
nav.fixed ul li.nav8 a {
  text-indent: 0;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  width: 100%;
  min-width: 100%;
  border-radius: 5px;
  height: 40px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(234, 234, 234, 0.3);
  line-height: 40px;
}
nav.fixed ul li.nav7 a:hover,
nav.fixed ul li.nav8 a:hover {
	filter: hue-rotate(-8deg);
}
nav.fixed li.nav8.gnav-estimate_Btn a {
	background: #f4971e;
	overflow: revert;
}
nav.fixed li.nav7.gnav-contact_Btn a {
	background: #d3054f;
}
nav.fixed li.nav8.gnav-estimate_Btn a::before,
nav.fixed li.nav7.gnav-contact_Btn a::before {
	content: none;
} */
/* --- */


/* mddNav（メガドロップダウンメニュー全体とナビボタン）
------------------------------------- */
#mddNav {
	background: #6aa33c;
	display: flex;
	/*padding: 0 max(calc(1vw),20px);*/
	justify-content: space-between;
	width: 100%;
	top: 0;
	z-index: 1000;
	height: 50px;
	min-width: calc(980px - max(calc(1vw),20px));
	transition: all 0.1s ease;
	position: static;
	overflow: visible;
}
#mddNav.fixed {
	background: #6aa33c;
	padding: 0;
	position: fixed;
	top: 0;
	height: 50px;
	width: 100%;
}
/*#mddNav.fixed::before {
	content: "";
	background: linear-gradient(45deg, #0051a2 0%, #0051a2 10%, #0058ae 10%, #0058ae 20%, #005db9 20%, #005db9 30%, #0061c1 30%, #0061c1 40%, #0268cc 40%, #0268cc 50%, #0070df 50%, #0070df 60%, #027bf2 60%, #027bf2 70%, #148bff 70%, #148bff 80%, #2994ff 80%, #2994ff 90%, #409ffd 90%, #409ffd 100%);
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#mddNav > ul {
	background: #6aa33c;
	height: 50px;
	text-align: center;
	max-width: 980px;
	margin: auto;
	width: 99%;
}
#mddNav.fixed > ul {
	max-width: 860px;
	margin: auto;
	padding-left: 120px;
}*/
#mddNav > ul > li.side{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	transition: all 0.3s ease;
  width: 200px;
}
#mddNav > ul > li.main {
	width: 100%;
	height: 45px;
	box-sizing: border-box;
}
#mddNav > ul > li.main div{
	line-height: 45px;
	float:left;
	width: 16%;
	transition: all 0.3s ease;
}
#mddNav>ul>li.main div a{
	display:block;
	color: #333;
	font-weight: 600;
}
#mddNav>ul>li.main div:nth-child(1) a:hover,
#mddNav>ul>li.main div:nth-child(2) a:hover,
#mddNav>ul>li.main div:nth-child(3) a:hover,
#mddNav>ul>li.main div:nth-child(4) a:hover,
#mddNav>ul>li.main div:nth-child(5) a:hover {
	box-sizing:border-box;
	color: #fff;
	background: #666;
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	width: 90%;
	height: 90%;
	margin:0 auto;
}

#mddNav > ul > li.main div:nth-child(n+2):before{
	display: block;
	position: absolute;
	top: 50%;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #ccc;
	content: '';
}
header .header-wrap #logo.header-logo.fixed a {
	padding: 0;
	margin: auto;
	position: fixed;
	top: 0;
	height: 50px;
	width: 110px;
	z-index: 1001;
}
header .header-wrap #logo.header-logo.fixed a:hover {
	background-color: #81bc52;
}
header .header-wrap #logo.header-logo.fixed a::after {
	content: "";
	width: 0;
	display: inline-block;
	height: 30px;
	position: absolute;
	right: -5px;
	top: 0;
	pointer-events: none;
	bottom: 0;
	margin: auto;
	border-left: 1px solid #699247;
	border-right: 1px solid #92bc70;
}
.no_mddWrap .header-wrap .header-logo.fixed {
	position: static;
	width: inherit;
}
.header-wrap .header-logo.fixed img {
	display: none;
}

#mddNav > ul > li > a {
  display: block;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
#mddNav > ul > li:hover > a {
	background:rgba(102,102,102,1.0);
	color: #fff;
}
#mddNav li .active a {
	color: #fff !important;
	background: #0367ca;
	background: linear-gradient(45deg, #0367ca 0%, #52c8ec 100%);
	box-sizing: border-box;
	border-radius: 6px 6px 0 0;
	width: 90%;
	height: 90%;
	margin: 0 auto;
}

#mddNav .btn-yellow a,
.btn-y a {/*黄色いボタン*/
  border: #fdcd25 1px solid;
  background: #fdcd25;
  border-radius: 6px;
  bottom: 10px;
  color: #fff;
  display: block;
  font-size: 1.2em !important;
  font-weight: bold;
  height: 45px;
  line-height: 50px;
  position: relative;/*ラインを非表示にするため*/
  text-align: center;
  text-decoration: none;
  /*	margin-right: 10px;*/
	min-width: 145px;
  right:-55px;
}

#mddNav > ul > li:not(.gnav-estimate_Btn) .list-border a span::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='openmenu'%3E%3Cstyle%3E.openmenu%7Bfill:%23fff;%7D%3C/style%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat center;
	content: "";
	transition: var(--common-transition);
	margin: 0 auto;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	aspect-ratio: 1/1;
	width: 20px;
	z-index: 0;
}
#mddNav > ul > li:hover:not(.gnav-estimate_Btn) .list-border a span::after {
	bottom: -24px;
	width: 24px;
	z-index: 1000;
}

#mddNav > ul > li .list-border a i {
	bottom: 3px;
	font-size: 11px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	transition: all .3s ease-in;
}
#mddNav > ul > li:hover .list-border a i {
	bottom: -10px;
	z-index: 1000;
	font-size: 20px;
}

#mddNav p {
  font-size: 20px;
  font-weight:bold;
}

.btn-y a svg {
	width: 25px;
	margin-right: 4px;
	fill: #000;
	vertical-align: middle;
  transition: all 0.1s ease;
}
.btn-y a:hover svg {
	fill: #c83a0e;
}
.btn-y a svg + span {
	vertical-align: middle;
	font-size: 19px;
	line-height: 20px;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}



/*見積ボタン*/
.btn-y-estimate{
	max-width: 200px;
}
.btn-blue a, a .btn-blue {
	border-radius: 6px;
	color: #fff;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 45px;
	line-height: 46px;
	bottom: 10px;
	font-size: 1.4em;
	margin: 0 auto;
	box-shadow: 0 1px 1px 0 #243d66;
	border: 1px solid transparent;
	letter-spacing: 1px;
	background: #2558aa;
}

.btn-blue a:hover,
a:hover .btn-blue,
.header-search-btn:hover,
.search_submit:hover {
	background: #0d4bae;
}
.btn-y a,
.btn-yellow a,
input.btn-yellow,
button.btn-yellow,
.div_link .btn{
	background: #fdcd25;
	border: 1px solid #fdcd25;
	border-radius: 5px !important;
	box-sizing: unset;
	box-shadow: 0 2px 1px -1px #a47e00;
  color: #222;
	cursor:pointer;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 45px;
	line-height: 48px;
	font-size: 1.4em;
	margin: 0 auto;
	vertical-align: middle;
}

.btn-yellow a:hover,
.btn-y a:hover,
input.btn-yellow:hover,
button.btn-yellow:hover,
.item-wrap_center-info a:hover,
.mail-fast-wrap-in input.btn-y-submit:hover,
.btn-gray:hover,
.div_link .btn:hover {
	filter: hue-rotate(-8deg);
}

input.btn-yellow,
button.btn-yellow {
	display:inline-block
}

.itemArticleWrap .btn-yellow a {
	max-width: 200px;
	font-size: 18px;
}

.div_link .btn {
	border-radius: 5px !important;
	color: #fff;
	box-shadow: 0 2px 1px -1px #032c51;
	border: 1px solid #3084d0;
	background: #3084d0;
}


.product-lst-mainSub .btn-yellow a,
.product-lst-mainSub .btn-blue a {
	height: 40px;
	line-height: 42px;
	padding:0.2em;
	font-size: 1.3em;
}

.product-lst-mainSub2 .btn-yellow a,
.product-lst-mainSub2 .btn-blue a {
	height: 40px;
	line-height: 40px;
	padding: 0.2em;
	font-size: 1.3em;
	width: calc(100% - 10px);
	margin-top: 10px;
}


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* form#form_1 input[type="submit"] {
	background: #679d3d;
	border: 0;
	border-radius: 3px;
	box-shadow: 0 4px 1px -2px #10572f;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	line-height: 20px;
	height: 50px;
	width: 300px;
}
form#form_1 input[type="submit"]:hover {
	opacity: .8;
} */
/* --- */


.circleLink {
	margin: 7px 1px;
}
.circleLink a {
	border: 1px solid #558e27;
	border-radius: 15px;
	padding: 2px 15px;
	background: #fff;
	line-height: 20px;
	transition: all 0.3s ease;
	color: #4a841c;
	text-decoration: none;
	display: inline-block;
	min-height: 20px;
	font-size: 12px;
	position: relative;
}
.circleLink a:hover {
	background: #6aa33c;
	background: linear-gradient(90deg, #6aa33c 0%, #adcc67 100%);
	background-origin: border-box;
	border: 1px solid transparent;
	color: #fff;
}
.circleLink a span {
	vertical-align: middle;
	font-size: 12px;
	padding-right: 5px;
}
.circleLink a::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-top: 0 solid transparent;
	border-right: 1px solid #4a841c;
	border-bottom: 1px solid #4a841c;
	border-left: 0 solid transparent;
	transform: rotate(-45deg);
	right: 10px;
	margin: auto;
	transition: all .3s ease-in;
	top: 0;
	bottom: 0;
}
/* ページ内リンク */
.circleLink.inpageLink a::after {
	transform: rotate(45deg);
	border-right: 2px solid #4a841c;
	border-bottom: 2px solid #4a841c;
}
.circleLink.inpageLink a::before {
	content: "";
	position: absolute;
	width: 2px;
	height: 10px;
	background: #4a841c;
	right: 13px;
	margin: auto;
	transition: all .3s ease-in;
	top: 0;
	bottom: 3px;
}
.circleLink a:hover::after {
	content: "";
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.circleLink.inpageLink a:hover::after {
	content: "";
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.circleLink.inpageLink a:hover::before {
	content: "";
	background: #fff;
}

/* 横長 */
.circleLink.rectangular a {
	padding: 0 30px;
	border-radius: 5px;
	height: 40px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 15px;
}
.circleLink.rectangular a span {
	font-size: inherit;
}


/* NEWメガドロップメニュー
------------------------------------- */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* nav.gnav-wrapper {
	margin: 0 auto;
	background: #6aa33c;
	display: flex;
	width: 100%;
	z-index: 1000;
	height: 50px;
}
nav .gnav {
	background: #6aa33c;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin: auto;
	height: 50px;
	max-width: 1024px;
	min-width: 860px;
	width: 99%;
}
.gnav > li {
	text-align: center;
	width: calc(100% / 6);
}

nav.fixed .gnav {}
nav.fixed .gnav > li {
	width: calc(100% / 9);
} */

/* 各リンクの境界線 */
/* .gnav > li div.list-border {
	position: relative;
}
.gnav > li div.list-border::after {
	content: "";
	width: 0;
	display: inline-block;
	height: 30px;
	position: absolute;
	right: -6px;
	top: 0;
	pointer-events: none;
	bottom: 0;
	margin: auto;
	border-left: 1px solid #699247;
	border-right: 1px solid #92bc70;
} */
/* .gnav > li.search-tab div.list-border::after,
nav:not(.fixed) .gnav > li:nth-child(6) div.list-border::after,
.gnav > li:nth-child(7) div.list-border::after,
.gnav > li:last-child div.list-border::after,
.gnav > li:last-child::after {
	background: none;
	content: none;
	width: 0;
} */
/* --- */


/* カテゴリから探す */
/*.gnav.main-wrapper > li:first-child,
.gnav.main-wrapper > li.gnav-estimate_Btn {
	transition: all .3s ease-in-out;
	width: calc(100% * 3 / 22);
	margin: 0;
}
.gnav.main-wrapper > li:first-child {
	margin: 0 10px 0 0;
}
.gnav.main-wrapper > li:first-child a {
	width: 100%;
}
.gnav.main-wrapper > li:first-child .list-border a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f063";
	color: #fdcd25;
	font-size: 22px;
	margin: 0 5px 0 -5px;
	font-weight: bold;
	vertical-align: middle;
}
#mddNav.fixed .gnav.main-wrapper > li:first-child .list-border a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f063";
	font-size: 15px;
	position: absolute;
	top: 37px;
	left: 0;
	right: 0;
	margin: auto;
}
.gnav.main-wrapper > li:first-child:hover .list-border a::before {
	color: #ffd954;
}*/
/*.gnav.main-wrapper > li:first-child .list-border::after,*/
/*.gnav.main-wrapper li:last-child .list-border::after {
	content: none;
}*/


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* .gnav a,
.gnav li.search-tab span {
	border-radius: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
} */
/* --- */


/* グローバルナビゲーションメニュー・展開 */

.gnav > li:hover .megamenu {
	box-shadow: 0 2vh 50px -5vh rgba(0, 0, 0, 1),0 5px 4px -4px rgba(0, 0, 0, 0.1);
	max-height: 9999px;
	opacity: 1;
	padding: 25px 0;
	z-index: 99;
}
.megamenu {
	background: #5b9b27;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: auto;
	left: 0;
	transition: all .1s ease-in .2s;
	z-index: 9;
	margin: auto;
}

.megamenu-title {
	max-width: 1010px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.megamenu-category {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
}
.megamenu-title a,
.megamenu-title span {
	background: transparent;
	border-radius: 20px;
	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	height: 37px;
	line-height: 37px;
	margin-left: 0;
	padding: 0 10px 0 30px;
	position: relative;
	text-align: left;
	text-decoration: none;
	max-width: 1000px;
	width: 100%;
}
.megamenu-title a:hover {
	background: rgba(0, 0, 0, 0.2);
}
.megamenu-title a > span {
	align-items: center;
	display: inline-flex;
	height: 60px;
	width: 100%;
}
.megamenu-title a::before,
.megamenu-title span:first-child::before {
	border-radius: 50%;
	border: 3px solid #fff;
	content: "";
	position: absolute;
	left: 10px;
	top: auto;
	bottom: auto;
	margin: 0;
	height: 8px;
	width: 8px;
}
.megamenu-description {
	box-sizing: border-box;
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto 5px;
	padding: 0 1.4em;
	text-align: left;
	width: 100%;
	max-width: 1010px;
}
.megamenu-inner {
	display: flex;
	flex-wrap: wrap;
	max-width: 1050px;
	margin: 0 auto;
	font-size: 0;
}

.megamenu-inner.megamenu-col4 li { /* 4カラム用 */
	width: calc(100% / 4) !important;
}
.megamenu-inner.megamenu-col3 li { /* 3カラム用 */
	width: calc(100% / 3) !important;
}
.megamenu-inner:not(.megamenu-col3):not(.megamenu-col4) li:nth-child(5n)::after,
.megamenu-inner.megamenu-col4 li:nth-child(4n)::after,
.megamenu-inner.megamenu-col3 li:nth-child(3n)::after,
.megamenu-inner li:last-child::after {
	content: "";
	background: none;
	width: 0;
}
.megamenu-inner a {
	background: #eef0f0;
	border: none;
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--common-font-color);
	display: inline-grid;
	grid-template-columns: 1fr 70px;
	grid-template-rows: 100%;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
	text-decoration: none;
	height: 65px;
	width: 100%;
}
.megamenu-inner a:hover,
.megamenu-category a:hover {
	background: #c3db61;
	box-shadow: 0 2px 1px -2px var(--common-color-gray9);
	text-decoration: underline;
}
.megamenu-inner a > div {
	display: inline-grid;
	/* justify-content: space-evenly; */
	align-items: center;
}

/* グロナビ展開時 */
#mddNav .megamenu-inner {
	max-width: 1280px;
	min-width: calc(980px - 150px);
	width: 100%;
}
#mddNav .megamenu-inner.grid.col5 {
	min-width: 980px;
}
.megamenu-inner li a,
.megamenu-category a {
	background: #edf0ea;
	border: none;
	border-radius: 10px;
	color: var(--common-font-color);
	justify-content: start;
	align-items: center;
	text-align: left;
	text-decoration: none;
}
.megamenu-category a {
	background: #dae6cf;
	box-sizing: border-box;
	padding: 0 10px;
	height: 100%;
	max-width: 195px;
	width: 100%;
}
.megamenu-category a > span {
	display: inline-grid;
	grid-template-columns: 15px auto;
	line-height: 21px;
}
.megamenu-category a > span::before {
	background: var(--common-h2-bgcolor);
	border-radius: 5px;
	content: "";
	top: 0;
	bottom: 0;
	left: -2px;
	position: relative;
	margin: auto;
	height: 25px;
	width: 7px;
}
.megamenu-category svg {
	display: none;
	fill: var(--common-font-color);
	width: 8px;
	aspect-ratio: 1/2;
	margin-right: 5px;
}

.megamenu-inner-img img {
	background: #fff;
	border-radius: 7px;
	display: inline-flex;
	text-align: right;
	align-items: flex-end;
	font-size: 12px;
	line-height: 10px;
	width: 50px;
	height: 50px;
}
.megamenu-inner-img .fa-stack {
	width: 50px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	line-height: normal;
	font-size: 24px;
}
.megamenu-inner-img svg {
	background: #fff;
	border-radius: 7px;
	fill: var(--common-font-color);
	padding: 7px 5px;
	height: 35px;
	width: 40px;
}

#mddNav .megamenu-inner.grid.col3 a {
	grid-template-columns: 1fr 115px;
	gap: 5px;
	height: 70px;
}
#mddNav .megamenu-inner.grid.col3 .megamenu-inner-text .text-wrap {
	font-size: 17px;
}
#mddNav .megamenu-inner.grid.col3 a .megamenu-inner-img {
	width: 100px;
}
.megamenu-inner-img.fit-img img {
	font-size: 10px;
	font-weight: normal;
	object-fit: cover;
	line-height: 11px;
}
li.nav6 .menu-group:first-of-type li:first-child .megamenu-inner-img img {
	object-fit: cover;
	object-position: -63px 0;
}
#mddNav .megamenu-inner.grid.col3 a .megamenu-inner-img img {
	border-radius: 5px;
	height: 100%;
	width: 100px;
}


.megamenu-inner-img {
	background: url(/images/items_background.png) 0 0;
	position: relative;
	margin: auto !important;
	padding: 0;
	font-size: 15px;
	max-height: 58px;
	height: 100%;
	width: 50px;
	order: 2;
}
.megamenu-col3 .megamenu-inner-img {
	width: 100px;
	height: 60px;
}

li[class*="nav"]:not(.nav2) .megamenu-inner-img {
	background: none;
	position: static;
	order: 2;
}

/* グロナビ商品カテゴリ */
.megamenu-inner li.items01 .megamenu-inner-img {
	background-position: 55px 0;
}
.megamenu-inner li.items02 .megamenu-inner-img {
	background-position: 55px -60px;
}
.megamenu-inner li.items03 .megamenu-inner-img {
	background-position: 55px -120px;
}
.megamenu-inner li.items04 .megamenu-inner-img {
	background-position: 55px -180px;
}
.megamenu-inner li.items06 .megamenu-inner-img {
	background-position: 55px -300px;
}
.megamenu-inner li.items07 .megamenu-inner-img {
	background-position: 55px -360px;
}
.megamenu-inner li.items08 .megamenu-inner-img {
	background-position: 55px -420px;
}
.megamenu-inner li.items10 .megamenu-inner-img {
	background-position: 55px -1080px;
}
.megamenu-inner li.items11 .megamenu-inner-img {
	background-position: 55px -600px;
}
.megamenu-inner li.items12 .megamenu-inner-img {
	background-position: 55px -660px;
}
.megamenu-inner li.items13 .megamenu-inner-img {
	background-position: 55px -720px;
}
.megamenu-inner li.items14 .megamenu-inner-img {
	background-position: 55px -780px;
}
.megamenu-inner li.items15 .megamenu-inner-img {
	background-position: 55px -840px;
}
.megamenu-inner li.items16 .megamenu-inner-img {
	background-position: 55px -900px;
}
.megamenu-inner li.items17 .megamenu-inner-img {
	background-position: 55px -960px;
}
.megamenu-inner li.items18 .megamenu-inner-img {
	background-position: 55px -1020px;
}
.megamenu-inner li.items19 .megamenu-inner-img {
	background-position: 55px -1140px;
}
.megamenu-inner li.items20 .megamenu-inner-img {
	background-position: 55px -1200px;
}
.megamenu-inner li.items21 .megamenu-inner-img {
	background-position: 55px -1260px;
}
.megamenu-inner li.items22 .megamenu-inner-img {
	background-position: 55px -1320px;
}
.megamenu-inner li.items24 .megamenu-inner-img {
	background-position: 55px -1380px;
}
.megamenu-inner li.items25 .megamenu-inner-img {
	background-position: 55px -1440px;
}
.megamenu-inner-img img {
	border-radius: 2px;
	object-fit: cover;
	height: 50px;
	width: 50px;
}
.megamenu-inner-img a:hover img {
	background: rgba(255, 255, 255, 0.5);
}
.megamenu-col3 .megamenu-inner-img img {
	width: 100px;
	height: 60px;
}

/* 強化中 */
.reinforce {
	position: relative;
}
.megamenu-inner-img.reinforce::after {
	bottom: 2px;
}
.reinforce::after {
	background: #dc165e;
	content: "強化中";
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	bottom: 0;
	height: 16px;
	width: auto;
	color: #fff;
	border-radius: 3px;
	line-height: 16px;
	padding: 0 0 0 4px;
	text-align: center;
	right: 0;
	left: 0;
	margin: auto;
}

.megamenu-inner-text {
	justify-content: start;
	gap: 5px;
	font-size: 15.5px;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0 3px 0 10px;
	text-align: left;
	margin: 0;
	height: auto;
	width: 100%;
	order: 1;
}
.megamenu-col3 .megamenu-inner-text {
	font-size: 9px;
}

.megamenu-inner-text .text-wrap {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	text-align: left;
}
.megamenu-inner-text .text-wrap.px13 {
	font-size: 13px;
}
.megamenu-inner-text .text-wrap + span {
	line-height: 15px;
}
/*.megamenu-inner-text > span:first-child {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: start;
	height: auto;
	min-height: 35px;
	width: auto;
}
.megamenu-inner-text > span {
	display: inline-grid;
	align-content: center;
	height: 100%;
}
.megamenu-title span > span,
.megamenu-inner-text > span > span {
	display: inline-block;
}*/
a:hover .megamenu-inner-text {
	text-decoration: underline;
}
.megamenu-inner-text img {
	margin: 0 5px 0 0;
}


/* 文字の縁取り */
.stroke {
	width: 100%;
	height: auto;
	overflow: visible;
}
.megamenu-inner-text svg.stroke {
	width: 100%;
	height: auto;
	overflow: visible;
}
.megamenu-inner-text svg.stroke text {
	stroke-width: 4;
	stroke: #eef0f1;
	fill: #333;
	paint-order: stroke;
	stroke-linejoin: round;
}
a:hover .megamenu-inner-text svg.stroke text {
	stroke: #c3db61;
}
.gnav-contact_Btn text,
.gnav-estimate_Btn text {
	fill: #fff;
	letter-spacing: 0;
	stroke-width: 4;
	paint-order: stroke;
	stroke-linejoin: round;
}
.gnav-contact_Btn text {
	stroke: #d3054f;
}
.gnav-estimate_Btn text {
	stroke: #f4971e;
}


.gnav li.search-tab {
	/*width: calc(100% * 1 / 22);*/
	margin: 0;
	width: 55px;
}
.gnav li.search-tab span {
	background: #ddd;
	cursor: pointer;
}
.gnav li.search-tab span i {
	font-size: 22px;
	line-height: 22px;
	top: 2px;
	position: relative;
	height: 22px;
	width: 22px;
}


.gnav .megamenu {
	background: #5b9b27;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: auto;
	left: 0;
	transition: all .1s ease-in .2s;
	margin: auto;
	max-height: 0;
	width: 100%;
	z-index: 0;
}
.gnav .megamenu > section {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 3px 10px;
	max-width: 1000px;
	width: 100%;
}
.gnav .megamenu section section {
	display: grid;
	grid-template-columns: 150px minmax(calc(980px - 150px),4fr);
	gap: 10px;
	padding: 3px 0;
}


#mddNav > ul > li section article.flowStep {
	max-width: 1280px;
}
#mddNav > ul > li section article.flowStep .flow-contents {
	border-radius: 10px;
}

.megamenu .new-label::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3E.red%7Bfill: %23d00;%7D%3C/style%3E%3Cpath class='red' d='M257.135,19.179C103.967,19.179,0,97.273,0,218.763c0,74.744,31.075,134.641,91.108,173.176c4.004,2.572,8.728,2.962,6.955,10.365c-7.16,29.935-19.608,83.276-19.608,83.276c-0.527,2.26,0.321,4.618,2.162,6.03c1.84,1.402,4.334,1.607,6.38,0.507c0,0,87.864-52.066,99.583-58.573c27.333-15.625,50.878-18.654,68.558-18.654C376.619,414.89,512,366.282,512,217.458C512,102.036,418.974,19.179,257.135,19.179z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
	content: "";
	position: absolute;
	right: 3px;
	top: -12px;
	height: 35px;
	width: 35px;
}
.megamenu .new-label::after {
	content: "NEW";
	color: #fff;
	position: absolute;
	right: 3px;
	top: -10px;
	font-size: 11px;
	text-align: center;
	width: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
}


/* グロナビ以外のカテゴリメニュー */
.megamenu {
	background: transparent;
	max-height: 100%;
	opacity: 1;
	position: static;
	margin: 0;
	width: 100%;
}
.megamenu-inner {
	display: grid;
	justify-content: start;
	/*grid-template-columns: repeat(auto-fill,minmax(200px,1fr));*/
	margin: 0 auto;
	max-width: 100%;
}
:not(#mddNav) .megamenu-inner.grid.col4 {
	grid-template-columns: repeat(4,1fr);
	justify-content: start;
}

.megamenu-inner li {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
.megamenu-inner li::after {
	background: transparent;
	content: "";
	height: 0;
}
.gnav .megamenu-inner li:last-child::after {
	background: none;
	content: "";
	width: 0;
}

.megamenu-inner a > div + div.px14 {
	font-size: 14px;
}


/* フロントページ上部カテゴリ一覧 */
.megamenu details summary {
	box-shadow: 0 1px 2px 0 #eaeaea;
	border: 1px solid var(--common-color-gray3);
	border-radius: 20px;
	width: calc(100% - 4px);
}
.megamenu details summary:hover {
}
.megamenu details summary::after {
	content: "カテゴリーをもっと見る";
}
.megamenu details[open] summary::after {
	content: "カテゴリーを閉じる";
}







/* パンくずリスト
------------------------------------- */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* #Breadcrumb {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #c3db61;
}
#Breadcrumb .BreadcrumbList {
	margin: 0 auto;
	padding: 5px;
	width: 100%;
	max-width: 1024px;
	min-width: 980px;
}
#Breadcrumb .BreadcrumbList a,
#topnews .newscontens a,
#topnews .officemaker a {
	color: #000;
	text-decoration: none;
}
#Breadcrumb .BreadcrumbList a:hover {
	color: #c94c00;
	text-decoration: underline;
} */
/* --- */


#topnews {
	padding: 0;
	margin: 0 auto;
	/* width: 980px; */
	width: 100%;
	max-width: 1024px;
	min-width: 980px;
}
#topnews .newscontens {
	padding: 7px 0 3px 0;
	position: relative;
}
#topnews .newscontens a:hover {
	color: #c94c00;
	text-decoration: none;
	opacity: 0.8;
}

#topnews .officemaker {
	position: absolute;
	right: 5px;
	margin-top: -4px;
}
#topnews .officemaker a:hover {
	color: #c94c00;
	text-decoration: none;
}


/* 
------------------------------------- */
/* ========TOPPAGE======== */
#icatch {
	background: linear-gradient(30deg, rgba(236, 236, 236, 0.5) 0%, rgba(236, 236, 236, 0.5) 200px, rgba(244, 244, 244, 0.5) 200px, rgba(244, 244, 244, 0.5) calc(100% - 200px), rgba(236, 236, 236, 0.5) calc(100% - 200px), rgba(236, 236, 236, 0.5) 100%), linear-gradient(100deg, rgba(217, 217, 217, 0.5) 0%, rgba(217, 217, 217, 0.5) 200px, rgba(247, 247, 247, 0.5) 200px, rgba(247, 247, 247, 0.5) calc(100% - 200px), rgba(225, 225, 225, 0.5) calc(100% - 200px), rgba(225, 225, 225, 0.5) 100%);
	border-radius: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 0;
	box-sizing: border-box;
}
.kv-img {
	background: linear-gradient(30deg, rgba(236, 236, 236, 0.5) 0%, rgba(236, 236, 236, 0.5) 200px, rgba(244, 244, 244, 0.5) 200px, rgba(244, 244, 244, 0.5) calc(100% - 200px), rgba(236, 236, 236, 0.5) calc(100% - 200px), rgba(236, 236, 236, 0.5) 100%), linear-gradient(100deg, rgba(217, 217, 217, 0.5) 0%, rgba(217, 217, 217, 0.5) 200px, rgba(247, 247, 247, 0.5) 200px, rgba(247, 247, 247, 0.5) calc(100% - 200px), rgba(225, 225, 225, 0.5) calc(100% - 200px), rgba(225, 225, 225, 0.5) 100%);
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kv-img .mb10 {
	margin: 0;
}

/* おすすめキャンペーン */
#special {
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	align-items: center;
}
#special .nth-child {
	display: flex;
	margin: 0;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: calc((100% / 2) - 10px);
}
#special .nth-child a {
	color: #fff;
	text-decoration: none;
}
#special a:hover {
	opacity: 0.8;
}
#special h2 {
	background: none;
	border-radius: 0;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	flex-direction: revert;
	align-items: center;
	padding: 5px;
	text-align: center;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}

/* 新デザインと競合するため、その調整 */
#special h2 {
	justify-content: center;
}
#special h2::before,
#special h2::after {
	content: none;
}
/* --- */

#special .nth-child h2::before {
	content: none;
}
#special.clearfix::after {
	content: none;
}
.bnr_wrap,
.bnr_horizontal {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin: 30px auto;
	text-align: center;
}
.bnr_wrap + .bnr_wrap {
	margin-top: -10px;
}


@media screen and (max-width: 767px) {
	#special .nth-child {
		display: inline-block;
		float: none;
		text-align: center;
		margin: auto;
		width: 100%;
	}
}

/* 簡単見積もり
------------------------------------- */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* #kantan {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#kantan2,
#kantan3 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
#kantan #scroll {
	background: linear-gradient(180deg, #f2f2f2 0%, #eaeaea 100%);
	border-radius: 3px 3px 0 0;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 270px;
}
#kantan #scroll .step {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px 0 20px 15px;
	box-sizing: border-box;
}
#kantan #scroll .step[name="1"]::after,
#kantan #scroll .step[name="2"]::after {
	content: "";
	background: url(/images/common/kantan_background.png) center top no-repeat;
	position: absolute;
	right: 5px;
	width: 307px;
	aspect-ratio: 307/213;
	bottom: 5px;
	display: block;
	background-size: auto auto;
	z-index: 0;
}
#kantan #scroll .step[name="2"]::after {
	bottom: -265px;
}
#kantan .space select {
	min-height: 30px;
}
#kantan .space .form3,
#kantan .space .form8,
#kantan .space .form9 {
	z-index: 1;
}
#kantan .space table {
	border: none;
	box-sizing: border-box;
	text-align: left;
	max-width: 420px;
	display: table;
	position: absolute;
	top: 20px;
	left: 15px;
	min-width: 400px;
}
#kantan .space table.step-page2 {
	top: 290px;
}
#kantan .space table thead th {
	font-size: 15px;
	color: #6aa33c;
	line-height: 25px;
	padding-bottom: 5px;
	width: 100%;
	background: transparent;
	border: none;
}
#kantan .space table thead th i {
	margin-right: 5px;
	font-size: 20px;
	vertical-align: -2px;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#kantan .space table th,
#kantan .space table td {
	background: transparent;
	border: none;
	box-sizing: border-box;
	padding: 5px;
	vertical-align: middle;
}
#kantan .space table th {
	font-family: var(--common-font-biz);
	font-size: 13px;
	line-height: 35px;
	width: auto;
	min-width: 130px;
}
#kantan .space table td {
	width: auto;
	min-width: 55px;
	height: auto !important;
}
#kantan .space [class^="form"] {
	background: #fff;
	border: 1px solid #a4a4a4;
	border-radius: 2px;
	padding: 5px;
	position: static;
}
.step-progress {
	position: absolute;
	right: 5px;
	width: 300px;
	text-align: center;
	height: 60px;
	display: table;
}
.step-progress::before {
	content: "";
	height: 10px;
	width: 85%;
	background: #6aa33c;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 5px;
	right: 0;
	left: 0;
	z-index: 0;
}
.step-progress [class^="progress"] {
	background: #6aa33c;
	border-radius: 50%;
	color: #fff;
	font-family: 'Century Gothic';
	font-size: 19px;
	font-weight: bold;
	display: inline-table;
	margin: 15px 25px;
	position: relative;
	text-align: center;
	line-height: 30px;
	height: 30px;
	width: 30px;
	vertical-align: middle;
	z-index: 1;
}
.step-progress [class^="progress"].current {
	background: #ffd800;
	color: #6aa33c;
}

#kantan .space,
#kantan .space2,
#kantan .space3 {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 270px;
}
#kantan .space2,
#kantan .space3 {
	height: 193px;
}
#kantan table.step-page1 tr + tr td {
	height: 55px;
	position: relative;
}
#kantan table.step-page1 .note {
	text-align: left;
	font-size: 10px;
	color: #888;
	margin: 2px 0 5px;
	letter-spacing: 1px;
	font-weight: bold;
	position: absolute;
	left: 5px;
	width: 245px;
}
#kantan .space .form1,
#kantan .space .form2,
#kantan .space .form3,
#kantan .space .form2-02,優先順位
#kantan .space .form4,会社名
#kantan .space .form5,ご担当者
#kantan .space .form6,メールアドレス
#kantan .space .form7電話番号{
	width: 200px;
	padding: 5px;
}
#kantan .space .form3 {お見積りスタート
	position: absolute;
	top: 200px;
	left: 182px;
	padding: 0;
	background: #f4971e;
	box-shadow: 0 2px 1px -1px #bd6e07;
	height: 35px;
	border-radius: 2px;
	line-height: 37px;
	font-weight: bold;
	font-size: 15px;
}
#kantan .space .form8 {入力完了
	position: absolute;
	top: 480px;
	left: 182px;
	width: 150px;
	padding: 0;
	background: #f4971e;
	box-shadow: 0 2px 1px -1px #bd6e07;
	border-radius: 2px;
	height: 35px;
	line-height: 37px;
	font-size: 15px;
	font-weight: bold;
}
#kantan .space .form9 {戻る
	position: absolute;
	top: 480px;
	left: 345px;
	width: 50px;
	padding: 5px;
	background: #bdbdbd;
	border-radius: 2px;
	box-shadow: 0 2px 1px -1px #888;
}

#kantan .space .form3:hover,
#kantan .space .form8:hover,
#kantan .space .form9:hover {
	opacity: .8;
}

#kantan .input-requirements {
	border-radius: 2px;
	margin-left: 10px;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: transparent;
}
#kantan .input-requirements-must {
	border: 1px solid #ea5a5a;
	color: #ea5a5a;
}
#kantan .input-requirements-any {
	border: 1px solid #2874a8;
	color: #2874a8;
}
#kantan label {
	display: flex;
	justify-content: space-between;
	line-height: 18px;
	align-items: center;
}

#kantan2 .space2 .form10 {mini-期間
	position:absolute;
	top: 33px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form11 {mini-商品数
	position:absolute;
	top: 65px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form12 {mini-優先事項
	position:absolute;
	top: 97px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form13 {mini-お見積りスタート
	position:absolute;
	top: 135px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form14 {mini-会社名
	position:absolute;
	top: 223px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form15 {mini-ご担当者
	position:absolute;
	top: 255px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form16 {mini-メールアドレス
	position:absolute;
	top: 287px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form17 {mini-電話番号
	position:absolute;
	top: 319px;
	left: 160px;
	width: 167px;
	padding: 5px;
}
#kantan2 .space2 .form18 {mini-入力完了
	position:absolute;
	top: 353px;
	left: 160px;
	width: 130px;
	padding: 5px;
}
#kantan2 .space2 .form19 {mini-戻る
	position:absolute;
	top: 353px;
	left: 305px;
	width: 130px;
	padding: 5px;
}

#kantan3 .space3 .form20 {copy-レンタル期間
	position:absolute;
	top: 55px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form21 {copy-月間印刷枚数
	position:absolute;
	top: 95px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form22 {copy-最優先事項
	position: absolute;
	top: 160px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form23 {copy-お見積りスタート
	position: absolute;
	top: 200px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form24 {copy-会社名
	position: absolute;
	top: 325px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form25 {copy-担当者名
	position: absolute;
	top: 362px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form26 {copy-メールアドレス
	position: absolute;
	top: 400px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form27 {copy-電話番号
	position: absolute;
	top: 438px;
	left: 160px;
	width: 167px;
	padding: 5px;
}

#kantan3 .space3 .form28 {copy-入力完了
	position: absolute;
	top: 480px;
	left: 160px;
	width: 130px;
	padding: 5px;
}

#kantan3 .space3 .form29 {copy-戻る
	position: absolute;
	top: 480px;
	left: 305px;
	width: 130px;
	padding: 5px;
}

#kantan .hdl_kantan,
#kantan2 .hdl_kantan,
#kantan3 .hdl_kantan {
	margin-bottom: 10px;
}

main #kantan h2,
main #topic h2 {
  margin-bottom: 10px;
}

#kantan h3,
#kantan .kantan-desc,
#kantan3 h3 {
	background: #2e2e2e;
	border-radius: 0 0 3px 3px;
	box-sizing: border-box;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 5px 10px;
	text-align: left;
	width: 100%;
}

#kantan .corporateonly {
	font-size: 11px;
	padding: 5px 10px;
} */
/* --- */


main #recommend,
main #case {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
#case .space {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 220px;
}
#case .space .text {
	position:absolute;
	top: 50px;
	left: 0;
	width: 340px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#description {
	margin: 0;
	margin-bottom: 20px;
	font-size: 11px;
	background: #eef0f1;
	padding: 10px;
}

@media screen and (max-width: 767px) {
	#case .space {
		display: flex;
    flex-direction: column;
    width: 100%;
		height: auto;
	}

	#case .space .text {
		position: unset;
		width: 100%;
		font-size: 1rem;
	}
}


/* ========TEMPLATE======== */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* #footcontact {
	background: url(/images/bn_footcontact_over.png) no-repeat;
	background-position: center;
	margin: 30px 0;
	text-align: center;
}
#footcontact2 {
	background: url(/images/bn_footcontact_over2.png) no-repeat;
	background-position: center;
	margin: 30px 0;
	text-align: center;
}
#footcontact img,
#footcontact2 img {
	border-style:none;
}
#footcontact a,
#footcontact2 a {
	display: inline-block;
}
#footcontact a:hover img,
#footcontact2 a:hover img {
	visibility: hidden;
}

#foot_phone {
	position:relative;
	margin-bottom: 20px;
}
#foot_phone .add {
	position:absolute;
	top: 62px;
	left: 30px;
}
#foot_phone span {
	font-size: 11px;
	margin: 0 5px 0 0;
	padding: 1px 10px;
	color: #fff;
	background-color: #5a5957;
}
#foot_phone .button {
	position:absolute;
	top: 90px;
	left: 385px;
}
#foot_phone .button a {
	display: block;
	height: 30px;
	overflow: hidden;
	background: url(/images/foot_phone_button.png) 0 0;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	width: 334px;
	background-position: 0 0;
}
#foot_phone .button a:hover {
	background-position: 0 -30px;
	width: 334px;
}

aside #search {
	margin-bottom: 5px;
}
aside * h2 {
	background: #6aa33c;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	margin: 0;
	line-height: 20px;
	padding: 5px 10px 5px 30px;
	word-break: break-all;
	width: 160px;
	height: 20px;
}
aside h2::before {
	content: "";
	left: 10px;
	width: 8px;
	height: 8px;
	border: 3px solid #fff;
	border-radius: 50%;
	top: 0;
	position: absolute;
	bottom: 0;
	margin: auto;
}

aside #case,
aside #items,
aside #pickup-items {
	margin-bottom: 20px;
}
aside #case h2,
aside #cn h2 {
	margin-bottom: 0;
}
aside #case ul,
aside #items ul,
aside #pickup-items ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
aside #case li,
aside #items li,
aside #pickup-items li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #996;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
aside #case li a {
	display: block;
	background-color: #eef0f1;
	margin: 0;
	padding: 12px 0 11px 10px;
	text-decoration: none;
}
aside #case li a:hover {
	display: block;
	background-color: #c3db61;
	margin: 0;
	padding: 12px 0 11px 10px;
	text-decoration: none;
	color: #000fff;
}
aside #search .inputsize {
	box-sizing: border-box;
	border: revert;
	border-radius: revert;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: revert;
	outline: revert;
	height: 32px;
	min-width: 180px;
	width: 100%;
}
aside #search .inputsize:focus-visible {
	outline: auto;
}
aside #search .space {
	background: #c3db61;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	min-height: 50px;
	width: 100%;
}
aside #search .search_btn {
	background: none;
	border: none;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	width: 25px;
	aspect-ratio: 1;
}
aside #search .search_btn:disabled {
	cursor: initial;
}
aside #search .search_btn svg {
	border-radius: 2px;
	fill: #6aa33c;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	aspect-ratio: 1;
}
aside #search .search_btn:disabled svg {
	fill: #beccb2;
}

#aside-search-form {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

aside .reinforce::after {
	content: none;
}
aside .reinforce a {
	position: relative;
}
aside .reinforce a::after {
	background: #dc165e;
	border-radius: 3px;
	content: "強化中";
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	line-height: 17px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 0 0 0 3px;
	margin: auto;
	position: absolute;
	bottom: 2px;
	right: 10px;
	height: 16px;
	width: 35px;
}

aside #items li a,
aside #pickup-items li a {
	background: url(/images/items_background.png) 0 0;
	background-color: #eef0f1;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 20px;
	height: 59px;
	width: 180px;
}
aside #items li a:hover,
aside #pickup-items li a:hover {
	background-color: #c3db61; 画像情報も読んでいるので-colorは必須
	color: #444;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
}

aside #items img,
aside #pickup-items img {
	padding: 0 0 3px 3px;
}
aside #items li.items01 a,
aside #pickup-items li.items01 a {
	background-position: 0 0;
}
aside #items li.items02 a,
aside #pickup-items li.items02 a {
	background-position: 0 -60px;
}
aside #items li.items03 a,
aside #pickup-items li.items03 a {
	background-position: 0 -120px;
}
aside #items li.items04 a,
aside #pickup-items li.items04 a {
	background-position: 0 -180px;
}
aside #items li.items05 a,
aside #pickup-items li.items05 a {
	background-position: 0 -240px;
}
aside #items li.items06 a,
aside #pickup-items li.items06 a {
	background-position: 0 -300px;
}
aside #items li.items07 a,
aside #pickup-items li.items07 a {
	background-position: 0 -360px;
}
aside #items li.items08 a,
aside #pickup-items li.items08 a {
	background-position: 0 -420px;
}
aside #items li.items09 a,
aside #pickup-items li.items09 a {
	background-position: 0 -480px;
}
aside #items li.items10 a,
aside #pickup-items li.items10 a {
	background-position: 0 -1080px;
}
aside #items li.items11 a,
aside #pickup-items li.items11 a {
	background-position: 0 -600px;
}
aside #items li.items12 a,
aside #pickup-items li.items12 a {
	background-position: 0 -660px;
}
aside #items li.items13 a,
aside #pickup-items li.items13 a {
	background-position: 0 -720px;
}
aside #items li.items14 a,
aside #pickup-items li.items14 a {
	background-position: 0 -780px;
}
aside #items li.items15 a,
aside #pickup-items li.items15 a {
	background-position: 0 -840px;
}
aside #items li.items16 a,
aside #pickup-items li.items16 a {
	background-position: 0 -900px;
}
aside #items li.items17 a,
aside #pickup-items li.items17 a {
	background-position: 0 -960px;
}
aside #items li.items18 a,
aside #pickup-items li.items18 a {
	background-position: 0 -1020px;
}
aside #items li.items19 a,
aside #pickup-items li.items19 a {
	background-position: 0 -1140px;
}
aside #items li.items20 a,
aside #pickup-items li.items20 a {
	background-position: 0 -1200px;
}
aside #items li.items21 a,
aside #pickup-items li.items21 a {
	background-position: 0 -1260px;
}
aside #items li.items22 a,
aside #pickup-items li.items22 a {
	background-position: 0 -1320px;
}
aside #items li.items23 a,
aside #pickup-items li.items23 a {
	background-position: 0 -1380px;
}
aside #items li.items24 a,
aside #pickup-items li.items24 a {
	background-position: 0 -1380px;
}
aside #items li.items25 a,
aside #pickup-items li.items25 a {
	background-position: 0 -1440px;
} */
/* --- */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* main h2 {
	background: #6aa33c;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: normal;
	min-height: 20px;
	margin: 0 0 20px 0;
	position: relative;
	line-height: 20px;
	padding: 10px 5px 10px 35px;
	word-break: break-all;
}
main #recommend h2 {
  margin-bottom: 20px;
}
main h2::before {
	content: "";
	left: 12px;
	width: 8px;
	height: 8px;
	border: 3px solid #fff;
	border-radius: 50%;
	top: 0;
	position: absolute;
	bottom: 0;
	margin: auto;
}
main h3.blue,
main h3.red,
main h3.green {
	background: #e4f2f5;
	border-width: 0 0 0 5px;
	border-color: #3b91a0;
	border-style: solid;
	color: #333;
	line-height: 140%;
	font-weight:bold;
	font-size: 14px;
	min-height: 40px;
	padding: 6px 10px 4px 12px;
}
main h3.red {
	border-color: #a03b40;
	background: #f5e4e5;
}
main h3.green {
	background: #eef6e8;
	border-color: #6aa33c;
	border-radius: 0 !important;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
main h4.blue,
main h4.red,
main h4.green {
	color: #333;
	background: #fff;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	padding: 6px 10px 4px 6px;
	border-bottom: 2px solid #3b91a0;
}
main h4.red {
	border-bottom: 2px solid #a03b40;
}
main h4.green {
	border-bottom: 2px solid #6aa33c;
}

main h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0;
	line-height: 1.3;
}
section h2.gr {
	background: linear-gradient(160deg, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.1) calc(100% - 25%), transparent calc(100% - 25%), transparent 100%),linear-gradient(60deg, transparent 0%, transparent 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) calc(100% - 25%), transparent calc(100% - 25%), transparent 100%),linear-gradient(20deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent calc(100% - 25%), rgba(0, 0, 0, 0.05) calc(100% - 25%), rgba(225, 225, 225, 0.05) 100%),linear-gradient(170deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 35%, transparent 35%, transparent calc(100% - 35%), rgba(255, 255, 255, 0.05) calc(100% - 35%), rgba(255, 255, 255, 0.05) 100%);
	font-family: var(--common-font-biz);
	font-weight: bold;
	text-shadow: 0 2px 1px hsla(0, 0%, 0%, 0.1);
	min-height: 30px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
section h2.gr::after {
	content: "";
	background: #619934;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
} */
/* --- */


section.section_wrap {
	margin-bottom: 30px;
	border-radius: 3px;
}
section.section_wrap h2,
section.section_wrap h3 {
	margin: 0 0 10px;
	border-radius: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	line-height: revert;
	width: 100%;
	box-sizing: border-box;
}
section.section_wrap h2.gr,
section.section_wrap h3.gr {
	border-radius: 3px 3px 0 0;
}
section.section_wrap.common_section h3 {
	padding: 15px 20px 10px;
	font-size: 16px;
	margin: 0 0 3px;
}
section.section_wrap.common_section .content_wrap a {
	display: block;
	background: #fff;
}
section.section_wrap.common_section .content_wrap a:hover {
	background: #fdfdfd;
}
/* 利用シーンから探す */
section.section_wrap.common_section .megamenu-inner {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	max-width: 100%;
	margin: 0 10px 20px;
	gap: 5px;
}
section.section_wrap.common_section .megamenu-inner li {
	width: 100% !important;
}
section.section_wrap.common_section .content_wrap a {
	background: #fff;
	display: flex;
	flex-direction: column-reverse;
	width: 100% !important;
	padding: 5px;
	margin: 0;
	box-sizing: border-box;
}
section.section_wrap.common_section .content_wrap a .megamenu-inner-text {
	font-weight: bold;
	font-size: 17px;
	width: calc(100% - 15px);
}
section.section_wrap.common_section .content_wrap a .megamenu-inner-text svg.stroke text {
	stroke: #fff;
	fill: #444;
}
section.section_wrap.common_section .content_wrap a:hover .megamenu-inner-text svg.stroke text {
	fill: #c94c00;
}
section.section_wrap.common_section .content_wrap a .megamenu-inner-img {
	right: 5px;
}
section.section_wrap.common_section .content_wrap a .megamenu-inner-img img {
	opacity: 0.7;
}
section.section_wrap section.section_inner {
	background: #f7f7f7;
	padding: 5px 10px 20px;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
}
section.section_wrap section.section_inner.whiteback {
	background: #fff;
	padding: 0;
}
section.section_wrap section.section_inner h3 {
	border-bottom: 2px solid;
	/* font-family: "UD Digi Kyokasho NP-B"; */
	font-family: var(--common-font-biz);
	font-size: 18px;
	align-items: center;
	margin: 20px auto;
	padding: 0 10px;
	width: auto;
}
section.section_wrap h3.gr {
	background: linear-gradient(140deg, transparent 0%, transparent 35%, rgba(255, 255, 255, 0.1) 35%, rgba(255, 255, 255, 0.1) calc(100% - 37%), transparent calc(100% - 37%), transparent 100%), linear-gradient(35deg, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.1) 38%, rgba(255, 255, 255, 0.1) calc(100% - 36%), transparent calc(100% - 36%), transparent 100%), linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 38%, rgba(255, 255, 255, 0.2) 34%, rgba(255, 255, 255, 0.2) calc(100% - 34%), rgba(255, 255, 255, 0.1) calc(100% - 40%), rgba(255, 255, 255, 0.1) 100%), linear-gradient(20deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 35%, rgba(255, 255, 255, 0.2) 35%, rgba(255, 255, 255, 0.2) calc(100% - 33%), rgba(255, 255, 255, 0.1) calc(100% - 33%), rgba(255, 255, 255, 0.1) 100%), linear-gradient(10deg, transparent 0%, transparent 30%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.1) calc(100% - 30%), transparent calc(100% - 30%), transparent 100%);
	color: #fff;
	font-size: 16px;
	font-family: var(--common-font-biz);
	font-weight: bold;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	text-shadow: 0 2px 1px hsla(0, 0%, 0%, 0.1);
	padding: 5px 15px;
	position: relative;
	width: 100%;
	min-height: 40px;
}
section.section_wrap h3.gr::after {
	background: #79a220;
	/*border-radius: 3px;*/
	content: "";
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
}
/* 新デザイン側との競合対応 */
.section_wrap h3.gr::before {
	content: none;
}

section.section_wrap[class*="bg_"] h2.gr::after,
section.section_wrap[class*="bg_"] h3.gr::after {
	border-radius: inherit;
}
section.section_wrap h3.gr span {
	vertical-align: middle;
}
section.section_wrap h4 {
	background: #fff;
	border: 1px solid #c5dbb0;
	font-size: 16px;
	padding: 5px 10px;
	color: #90bc6f;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	width: calc(100% - 20px);
}
section.section_wrap h4 span {
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
}
section.section_wrap section.section_inner .row img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.row.img_lss {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background: #fff;
	padding: 10px;
}
.row.img_lss span {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: calc(70% - 10px);
}
.row.img_lss span:first-child {
	margin-right: 10px;
}
.row.img_lss span + span {
	width: 30%;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
}
.row.img_lss span + span img {
	object-fit: cover;
	object-position: center center;
}
.row.img_lss span + span img:first-child {
	margin-bottom: 10px;
}


main table {
	border-top: 1px solid #ccc;
	margin: 0 -1px 0 0;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
main table th, main table td {
	border: 1px solid #ccc;
	padding: 10px 10px 8px 10px;
	vertical-align: top;
	word-wrap: break-word;
}
main table th {
	background: #f1f1f1;
}
@media screen and (max-width: 767px) {
	main table {
		/* font-size: 14px; */
	}

	main table th,
	main table td {
		padding: 2px;
	}
}

table.summary {
	margin: 0 0 20px;
	width: 100%;
}
table.summary thead th {
	background: #e7e7e8;
	border: 1px solid #d7d7d7;
}
table.summary th,
table.summary td {
	text-indent: 0;
}
table.summary th {
  border: 1px solid #d7d7d7;
  padding: 10px;
  background: #ececec;
  text-align: left;
}
table.summary td {
  border: 1px solid #d7d7d7;
  padding: 10px;
  text-align: left;
}
table.summary td.center {
	text-align: center;
}

table.summary.table_noborder,
table.summary.table_noborder th,
table.summary.table_noborder td {
	border: 0;
}

/* シンプルデザインテーブル（会社概要等で使用）*/
table.simple-table {
	background: #fff;
	border: none;
	border-radius: 5px;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 1em auto;
	width: 100%;
}
table.simple-table tr:first-child th,
table.simple-table tr:first-child td {
	border-top: none;
}
table.simple-table tr:last-child th,
table.simple-table tr:last-child td {
	border-bottom: none;
}
table.simple-table th + td {
	background: #fff;
	padding: clamp(5px, 1%, 15px);
	text-align: left;
}
table.simple-table th,
table.simple-table td {
	border: none;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	background: #fff;
	text-align: left;
	vertical-align: middle;
}
table.simple-table th {
	background: transparent;
	box-sizing: border-box;
	font-size: 16px;
	padding: 1.3em 0.1em 1.3em 1em;
	width: 240px;
}
table.simple-table th[rowspan].hub {
	font-size: 16px;
	padding: 2em 0 1.3em 1em;
	vertical-align: top;
	width: 120px;
}
table.simple-table th.hub {
	font-size: 15px;
	padding: 1.3em 0 1.3em 1em;
	min-width: inherit;
	width: 120px;
}
table.simple-table li a,
table.simple-table li span {
	width: 100%;
}

/* 罫線下線 */
table.keisen {
	border: none;
}
table.keisen th,
table.keisen td {
	border: 0;
	border-bottom: 1px solid #aaa;
	padding: 15px 10px;
	vertical-align: top;
}
table.keisen th {
	background: revert;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	width: 150px;
	text-align: left;
}
table.keisen td {
	font-size: 14px;
	width: calc(100% - 170px);
}
table.keisen tr:last-child th,
table.keisen tr:last-child td {
	border: 0;
}

.kakaku {
	text-align: center;
}
.kakaku th, .kakaku td {
	padding: 10px 5px;
	text-indent: unset;
	vertical-align: middle;
}
.kakaku th {
	/* background: linear-gradient(to top right, #f4f4f4 49%, #f0f0e8 51%); */
}
.kakaku th.period {
	/*background: #f0f0e8;*/
}
.kakaku th.unit {
	/*background: #f4f4f4;
	text-align: right;*/
}
.kakaku td {
	font-size: 13px;
}
.kakaku td[rowspan] {
	text-align: left;
	font-size: 12px;
}
.kakaku_link a {
	display: block;
	background: #fff;
	color: #333;
	text-decoration: none;
	line-height: 12px;
	padding: 4px 4px 4px 5px;
	border-radius: 1px;
	border: 1px solid #404040;
	/* font-weight: bold; */
	text-align: left;
	width: 50px;
	margin: auto;
	font-size: 11px;
}
.kakaku_link a:hover {
	background: #f2f2f2;
}


/* 商品詳細　商品概要 */
#explanation .item_exp p {
	white-space: pre-wrap;
	width: 100%;
}
.section-title {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  padding: 5px clamp(5px,1%,15px);
}
table.spec-table {
	width: calc(50% - 15px);
	display: inline-table;
	vertical-align: top;
	margin-right: 20px;
}
table.spec-table.spec-table_main + table.spec-table.spec-table_detail {
	width: calc(50% - 15px);
}
table.spec-table:last-child {
	margin: 0;
}
table.spec-table th, table.spec-table td {
	padding: 15px clamp(5px, 1%, 15px);
	vertical-align: middle;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	line-height: 21px;
	background: transparent;
	border-left: none;
	border-right: none;
}
table.spec-table th {
	width: clamp(70px, 11vw, 160px);
	font-weight: bold;
	text-align: left;
}
table.spec-table td {
	width: calc(40vw - 10px);
	font-weight: normal;
}


.main_kv {
	background: #f8faff;
	font-size: 0;
	text-align: center;
}


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* main p,
main dl,
main dd {
	margin: 0;
	padding: 0;
}
main dt {
	color: #900;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
main dl.faq dt {
	color: #679d3d;
	font-weight: bold;
	font-size: 13pt;
	margin-bottom: 5px;
	background: url(/images/icn_question.png) left top no-repeat;
	padding-left: 30px;
	border: none;
	height: 26px;
}
main dl.faq dd {
	margin-bottom: 25px;
}
main .flow dl {
	overflow: hidden;
	zoom: 1;
}
main .flow dl {
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
	background: url(/images/arrow_down.png) center bottom no-repeat;
}
main .flow dl:last-child {
	background: url() center bottom no-repeat;
}
main .flow dt {
	background: #6aa33c;
	width: 130px;
	height: 80px;
	float: left;
	clear: both;
	color: #fff;
	margin: 0;
	padding: 10px;
}
main .flow dd {
	height: 80px;
	background: #eee;
	padding: 10px 10px 10px 170px;
	margin-bottom: 40px;
} */
/* --- */


/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* main a[class*="btn"],
main input[class*="btn"],
main input[class*="imgbtn"] */
/*,
main a.btn,
main input.btn,
main input.imgbtn,
main a.btn2,
main input.btn2,
main input.imgbtn2,
main a.btn3,
main input.btn3,
main input.imgbtn3,
main a.btn4,
main input.btn4,
main input.imgbtn4,
main a.btncopy,
main a.btnmini,
main input.btnmini*/
/*  {
	box-shadow: 0 2px 1px -1px #2b4f10;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 10px 20px 7px 20px;
	color: #fff;
	background: #679d3d;
	border-radius: 4px;
	border-style: none;
	font-family: var(--common-font-family);
	cursor: pointer;
} */
/* main a.btn:hover, main input.btn:hover,
main a.btn3:hover, main input.btn3:hover,
main a.btn4:hover, main input.btn4:hover  {
	background: #4d762d;
}
main a.btn2,
main input.btn2,
main input.imgbtn2 {
	background: #f3971d;
	box-shadow: 0 2px 1px -1px rgb(166, 94, 0);
}
main a.btn2:hover, main input.btn2:hover,
a.basketbtn:hover, input.basketbtn:hover {
	background: #e78400;
}
a.basketbtn, input.basketbtn, input.imgbasketbtn{
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #f3971d;
	border-radius: 4px;
	border-style: none;
	font-family: var(--common-font-family);
	cursor: pointer;
	width: 200px;
	height: 60px;
	font-size: 16px;
	vertical-align:middle;
	display:table-cell; middleの下に設定する
}
main a.btn4,
main input.btn4,
main input.imgbtn4,
main input.btnmini {
	padding: 7px 20px 7px 20px;
}
a.basketbtn span:before {
	content: url(cart.png);
	margin: 5px;
	position: relative;
	top: 2px;
} */
/* --- */


main .center,
main .c {
	text-align: center
}
main .left,
main .l {
	text-align: left
}
main .right,
main .r {
	text-align: right
}
main .leadTxt {font-size: 24px;}


/* もっと見る */
.readmore {
	display: block;
	text-align: right;
	margin: 10px 0;
}

a .readmore span,
.readmore a {
	background: #67ae37;
	border-radius: 2px;
	box-shadow: 0 3px 1px -2px #417319;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	text-align: right;
	padding: 0 20px 0 10px;
	position: relative;
	margin-right: 10px;
	min-height: 35px;
	line-height: 35px;
	text-decoration: none;
}
 a .readmore span:hover,
.readmore a:hover {
	filter: hue-rotate(-8deg);
}
a .readmore span::after,
.readmore a::after {
	content: "";
	border-top: 0 solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 0 solid transparent;
	margin: auto;
	position: absolute;
	transform: rotate(-45deg);
	top: 0;
	right: 10px;
	bottom: 0;
	width: 6px;
	height: 6px;
}


/*アイコン的な利用に*/
.kadomaru {
	border-radius: 3px;
	background-color: #6aa33c;
	padding: 2px 7px;
	line-height: 2em;
	margin-right: 5px;
	color: #fff;
}
main .searchfrm {
	border-bottom: 1px dotted #ccc;
	display: inline-block;
	margin: 0 15px 10px 0;
	min-height: 250px;
	/*padding-bottom: 20px;*/
	text-align: center;
	vertical-align: top;
	width: calc((100% / 3) - 14px);
	position: relative;
}
main .searchfrm:nth-child(3n){
	margin-right: 0;
}
main .searchfrm a {
	text-decoration: none;
	display: block;
	margin-bottom: 30px;
}
main .height183{
	height: 183px;
}
main .searchfrm3 {
	border-bottom: 1px dotted #ccc;
	float: left;
	margin: 0 7px 10px;
	overflow: hidden;
	padding-bottom: 20px;
	text-align: center;
	height: 213px;
	width: 240px;
}
main .searchimg {
	/* width: 150px; */
	/* height: 150px; */
	padding: 0;
	margin: 0 auto;
}
main .searchimg img {
	margin: auto;
}
main a:hover .searchimg img {
	opacity: .8;
}
main .searchtxtimg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
main a.searchtxt,
main a.serchtxt {
	text-decoration: none;
}
main .searchtxt {
	/* width: 230px; */
	padding: 0;
}
main .searchtxt .appeal,
main .searchtxt_area .appeal_area,
main .searchtxt2 .appeal {
	color: #d3044e;
}
.searchtxt_ti,
.serchtxt_ti{
	padding-bottom: 8px;
	letter-spacing: .5px;
}
.searchtxt_ti2,
.searchtxt_ti_area,
.serchtxt_ti2,
.serchtxt_ti_area {
	float: left;
}
.searchtxt_cha,
.searchtxt_cha2,
.searchtxt_cha_area,
.serchtxt_cha,
.serchtxt_cha2,
.serchtxt_cha_area {
	float: right;
}
.searchtxt_cha p,
.serchtxt_cha p {
	float: right;
	padding: 0 10px;
	border-radius: 10px;
	background-color: #ffd6d6;
	line-height: 2em;
	margin: 0 0 5px 5px;
	color: #d3044e;
}

/* 小カテページレイアウト変更 */
main .searchfrm2 {
	border-bottom: 1px dotted #ccc;
	display: flex;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
main .searchimg2 {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 20px 0 0;
	padding: 0;
	width: 150px;
}
main .searchtxt2 {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 580px;
}
main .searchtxt2 table th,
main .serchtxt2 table th {
	font-size: 9pt;
}
.searchtxt_cha2 p,
.serchtxt_cha2 p {
	float: right;
	padding: 0 10px;
	border-radius: 10px;
	background-color: #ffd6d6;
	line-height: 2em;
	margin: 0 0 5px 5px;
	color: #d3044e;
}
/* 小カテページレイアウト変更　ここまで */

.searchtxt_cha3 p,
.serchtxt_cha3 p {
	padding: 0 10px;
	border-radius: 12px;
	background-color: #ffd6d6; 
	line-height: 2em;
	margin: 0 0 5px;
	color: #d3044e;
	float: left;
}

/* 小カテゴリ一覧 */
/* 見積もりに追加ボタン */
.view_btn_wrap.col2 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: auto;
	width: calc(100% - 20px);
	position: absolute;
	bottom: 10px;
	left: 10px;
}
a .detail_btn .btn_inner,
li.search_item .add_cart {
	background: #64ae30;
  border: 3px solid #64ae30;
	box-shadow: 0 3px 0 -2px #67910a;
	color: #fff;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	min-width: 100px;
	position: relative;
}
a .detail_btn.item_btn .btn_inner {
	background: #8cb82b;
	border: 3px solid #8cb82b;
}
li.search_item .add_cart {
	background: #f4971e;
	border: 3px solid #f4971e;
	box-shadow: 0 3px 0 -2px #bf6c00;
	color: #f4971e;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: auto;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	max-width: 150px;
	width: 100%;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .detail_btn {
	width: inherit;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .detail_btn .btn_inner {
	width: inherit;
	box-sizing: border-box;
	height: 35px;
}
.section_wrap[class*="bg_"] .view_btn_wrap:not(.col2) .add_cart {
	bottom: 10px;
	width: calc(100% - 10px);
	left: 0;
	right: 0;
	margin: auto;
	height: 35px;
	box-sizing: border-box;
}
.section_wrap[class*="bg_"] ul:not(.col3) li.search_item .add_cart {
	box-sizing: border-box;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	height: 35px;
	max-width: 150px;
	width: calc(100% - 10px);
}


li.search_item .add_cart a {
	color: #fff;
	padding: 0;
	margin: 0;
	display: flex;
	box-shadow: none;
}
a .detail_btn .btn_inner::after,
li.search_item .add_cart a::after {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 0;
	left: 0;
	background: #fff;
	transition: all .125s ease-in;
}
a:hover .detail_btn .btn_inner::after,
li.search_item .add_cart a:hover::after {
	width: 100%;
}
li.search_item .add_cart a:hover {
	background: revert;
	border-radius: revert;
}
a:hover .detail_btn .btn_inner span,
li.search_item .add_cart a:hover span {
	color: #64ae30;
	position: relative;
	z-index: 1;
}
a:hover .detail_btn.item_btn .btn_inner span {
	color: #6aa33c;
}
li.search_item .add_cart a:hover span {
	color: #f4971e;
}
a .detail_btn .btn_inner span {
	position: relative;
	padding: 0 10px 0 5px;
}
a .detail_btn .btn_inner span::after {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 0 solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 0 solid transparent;
	transform: rotate(-45deg);
	border-radius: 1px;
	position: absolute;
	bottom: 0;
	left: auto;
	right: 7px;
	margin: auto;
	transition: all .3s ease-in;
	top: 0;
}
a:hover .detail_btn .btn_inner span::after {
	border-right: 2px solid #64ae30;
	border-bottom: 2px solid #64ae30;
}
a:hover .detail_btn.item_btn .btn_inner span::after {
	border-right: 2px solid #8cb82b;
	border-bottom: 2px solid #8cb82b;
}
.view_btn_wrap div a > span {
	padding: 0 3px;
	background: revert;
	box-shadow: revert;
	margin: revert;
	font-size: 12px;
}
/* レスポンシブ化 */
@media screen and (max-width: 767px) {
	.view_btn_wrap.col2 {
		position: relative;
		display: block;
		width: calc(100% - 10px);
	}
	a .detail_btn .btn_inner {
		display: block;
		width: calc(100% - 10px);
		height: auto;
	}
	a .detail_btn .btn_inner span::after {
		content: none;
	}
	li.search_item a {
		gap: 5px;
		padding-bottom: 40px !important;
	}
	li.search_item .add_cart {
		margin: auto;
		height: auto;
    width: calc(100% - 25px);
	}
	li.search_item .add_cart a {
		padding-bottom: 0 !important;
	}
}



/* エリアページの商品一覧 */
main .searchfrm_area { 
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
main .searchimg_area { 
	float: left;
	width: 150px;
	padding: 0;
	margin: 0 20px 0 0;
}
main .searchtxt_area { 
	float: right;
	width: 580px;
	padding: 0;
	margin: 0;
}
.searchtxt_cha_area p,
.serchtxt_cha_area p {
	float: right;
	padding: 0 10px;
	border-radius: 10px;
	background-color: #ffd6d6;
	line-height: 2em;
	margin: 0 0 5px 5px;
	color: #d3044e;
}

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


/* エリアページの商品一覧　ここまで */

/* 商品詳細 */
main .itemsfrm {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0;
}
main .itemsimg {
	float: left;
	width: 300px;
	padding: 0;
	margin: 0 20px 0 0;
}
main .itemsimg div {
	background: #eee;
	text-align: center;
	width: 300px;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
main .itemsimg .thumb{
	border: 1px solid #8c8c8c;
}
main .itemstxt {
	float: right;
	width: 430px;
	padding: 0;
	margin: 0;
}
main .price {
	font-size: 9pt;
	padding-bottom: 5px;
}
main .price span.lprice{
	font-size: 12pt;
	color: #bd3347;
	font-weight: bold;
}
main .price span.yen{
	font-size: 10pt;
	color: #bd3347;
}
main .price span.lprice2{
	font-size: 17pt;
	color: #bd3347;
	font-weight: bold;
}
main .maker{
	margin-top: -10px;
	margin-bottom: 10px;
}

/* ページネーション
------------------------------------- */
.search-pagination-block {
	background: #fff;
	padding: 20px 0;
	margin-top: 20px;
}
.search-pagination {
	display: flex;
	flex-wrap: nowrap;
}
.section_wrap .search-pagination {
	display: flex;
	justify-content: center;
	margin: 0;
	height: 50px;
	width: 100%;
	gap: 4px;
}
.section_wrap .search-pagination + div {
	color: #444;
	text-align: center;
	width: 100%;
}

.search-pagination .page-item  {
	text-align: center;
	background-color: #fff;
	margin: 0 2px 0 0;
}
.section_wrap .search-pagination .page-item {
	background: transparent;
	gap: 10px;
	display: flex;
	align-items: center;
	margin: 0;
}
.search-pagination .page-item .page-link {
	display: block;
	width: 35px;
	aspect-ratio: 1;
	padding: 0;
	line-height: 34px;
	color: #2e2e2e;
	text-decoration: none;
	transition: all 0.1s;
	border: solid 1px #dee2e6;
}
.section_wrap .search-pagination .page-item .page-link {
	display: inline-flex;
	width: auto;
}

.search-pagination .page-item:not(.search-pagination-disable,.search-pagination-active) a.page-link:hover {
	color: #a5a5a5;
	background: #d2d6d9;
}
.section_wrap .search-pagination .page-item:not(.search-pagination-disable):not(.search-pagination-active) a.page-link:hover {
	background: linear-gradient(0deg, #6aa33c 10%, #9ec481 10%);
	color: #fff;
}
.section_wrap .search-pagination .page-item .page-link svg {
	width: 20px;
	aspect-ratio: 1;
}
.search-pagination .page-item.search-pagination-active .page-link {
	background: #6E6E6E;
	color: #fff;
}
.section_wrap .search-pagination .page-item.search-pagination-active .page-link svg,
.section_wrap .search-pagination .page-item a.page-link:hover svg {
	fill: #fff;
}
.search-pagination .page-item.search-pagination-disable .page-link {
	color: #a5a5a5;
}
.section_wrap .search-pagination .page-item.search-pagination-disable .page-link {
	background: #d7dbdd;
}
.section_wrap .search-pagination .page-item.search-pagination-disable .page-link svg {
	fill: #2e2e2e;
}

#pagination,
.search-pagination {
	font-family: var(--common-font-biz);
	font-weight: bold;
	margin: 30px 0;
	text-align: center;
}
#pagination .active,
.section_wrap .page-item.search-pagination-active .page-link {
	background: linear-gradient(0deg, #646464 0%, #646464 10%, #6c6c6c 10%, #6c6c6c 100%);
	border: 1px solid #6c6c6c;
	color: #fff;
	cursor: default;
	font-size: 15px;
	padding: 10px 13px;
}
.section_wrap .page-item.search-pagination-active .page-link {
	border: none;
	padding: 2px 12px;
	min-width: 15px;
}
#pagination a.page,
.section_wrap .page-item a {
	background: #fff;
	border: 1px solid #2e2e2e;
	border-radius: 2px;
	color: #2e2e2e;
	padding: 10px 13px;
	text-decoration: none;
	line-height: 50px;
	transition: all .1s ease-in;
	font-size: 15px;
	letter-spacing: 0;
}
.section_wrap #pagination,
.section_wrap .search-pagination-block {
	background: transparent;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	margin: 10px 0;
	min-height: 50px;
	width: 100%;
}
.section_wrap .search-pagination-block {
	flex-direction: column;
	gap: 0;
	height: auto;
	padding: 0;
	margin: 20px 0 10px;
	grid-column: 1/2;
}
#pagination a:hover.page,
.section_wrap .page-item a:hover  {
	background: linear-gradient(0deg, #6aa33c 0%, #6aa33c 10%, #9ec481 10%, #9ec481 100%);
	color: #fff;
	transition: all .1s ease-in;
}
[class*="bg_"] #pagination a.page,
[class*="bg_"] #pagination span,
.section_wrap .page-item .page-link {
	border: none;
	border-radius: 2px;
	box-shadow: 1px 2px 2px -2px #b9b9b9;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 40px;
	min-width: 15px;
	aspect-ratio: auto;
	padding: 2px 12px;
}



[class*="bg_"] table.summary td {
	background: #FFF;
}


/*form
------------------------------------- */

/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* form .must,
form .any {
	background: #b0b0b0;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size:0.9em;
	font-weight:normal;
	font-style:normal;
	padding-top: 2px;
	margin-left: 4px;
	text-align: center;
	line-height: 1.3;
	vertical-align: middle;
	width: 3.5em;
}
form .any {
	background: #b0b0b0;
}
form .must {
  background: #ea0e2d;
}
::-webkit-input-placeholder { WebKit, Blink, Edge
	color: #666;
	font-size: 1em;
}
::placeholder{ Others
	color: #666;
	font-size: 1em;
}
input[type=text],
input[type=search].header-search,
input[type=tel],
input[type=email],
textarea {
  outline: none;
  border: #ccc 1px solid;
  padding: 0.5em;
  border-radius: 2px;
  box-sizing: border-box;
} */

/* input[type=text].width100,
input[type=tel].width100,
input[type=email].width100,
textarea.width100{
  width: 100%
}
input[type=text].width80,
input[type=tel].width80,
input[type=email].width80,
textarea.width80 {
  width: 80%
}
textarea {
	resize: vertical;
	min-height: 50px;
}

form .notes {
	font-size: 11px;
	color: #848484;
	background: #fff;
	line-height: 17px;
	display: inline-block;
	margin: 0 2px 3px 0;
	border-radius: 2px;
	height: 17px;
} */
/* --- */


/* ========個別設定======== */
.formTable th {
	padding: 15px 10px;
}
.formTable input, .formTable select, textarea {
	font-size: 12pt;
	font-family: var(--common-font-family);
	padding: 5px;
}
.formTable .w200 {
	width: 200px;
}
.formTable .w210 {
	width: 210px;
}
.formTable .w300 {
	width: 300px;
}
.formTable .w400 {
	width: 400px;
}
.formTable .w500 {
	width: 500px;
}
.formTable .w750 {
	width: 750px;
}
#custompc {
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	background-image: url(/images/icatch_custompc.jpg);
	width: 750px;
	height: auto;
	overflow: hidden;
	max-width: none;
	aspect-ratio: 750/280;
}
#custompc .desktop {
	position:absolute;
	top: 290px;
	left: 130px;
	width: 300px;
	height: 100px;
	display: none;
}
#custompc .note {
	position:absolute;
	top: 290px;
	left: 440px;
	width: 300px;
	height: 100px;
	display: none;
}
#custompc .desktop {
	background: url(/images/custompc_desktop2.jpg) no-repeat;
	width: 300px;
	height: 100px;
}
#custompc .desktop a{
	display: block;
}
#custompc .desktop a:hover img{
	visibility: hidden;
}
#custompc .note {
	background: url(/images/custompc_note2.jpg) no-repeat;
	width: 300px;
	height: 100px;
}
#custompc .note a{
	display: block;
}
#custompc .note a:hover img{
	visibility: hidden;
}
#case .space1 {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 530px;
}
#case .space1 .text {
	position:absolute;
	top: 0;
	left: 0;
	width: 340px;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#case .space2 {
	position:relative;
	margin: 0;
	padding: 0;
	width: 750px;
}
#case .space2 .text {
	position:absolute;
	top: 0;
	left: 0;
	width: 340px;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
/* モバイル対応（2024/9） */
@media screen and (max-width: 767px) {
	#case .space1 .text {
		position: relative;
		width: 100%;
		font-size: 1rem;
	}
}

/* ======== category item ======== */
.tile_item_cell{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 100px;
	height: 150px;
	margin-bottom: 10px;
	margin-right: 5px;
}
.tile_item_cell:hover{
	background-color: #eee;
}


.tile_item_cell .image_box{
	padding: 10px 0 0;
	margin: 0 auto;
	text-align: center;
	height: 80px;
	width: 80px;
}
.tile_item_cell .maker_name{
	text-align: center;
	height: 20px;
	vertical-align: middle;
	overflow: hidden;
}
.tile_item_cell .item_name{
	text-align: center;
	height: 56px;
}
/* ======== be_found ======== */
#be_found{
	widows: 748px;
	height: 85px;
	background-color: #f1f4f6;
	border: 1px solid #c9c9c9;
	position: relative;
	margin-bottom: 22px;
}
#n_be_found{
	width: 230px;
	height: 58px;
	padding: 13px 16px;
	color: #218823;
	font-size: 22px;
	line-height: 30px;
	float: left;
}
#n_be_found span{
	font-size: 31px;
}
#be_found_txt{
	width: 294px;
	height: 65px;
	padding: 10px 0;
	font-size: 13px;
	line-height: 17px;
	float: left;
}
.conf_btn{
	position: absolute;
	top: 22px;
	left: 568px;
}


/* ======== be_found2 ======== */
#be_found2{
	margin: 10px 0 22px;
}

/* ======== area_txt ======== */
#area_txt{
	margin-bottom: 30px;
}
#area_txt_l{
	width: 580px;
	padding-right: 20px;
}
#area_txt_r{
	width: 150px;
}



/* カテゴリ一覧　ブロック表示 */

/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* .search_sortbox_wrap {}
.search_sortbox {
	padding: 10px 0px;
	line-height: 25px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#search_wrap {
	background: #fff;
}
section p {
	width: calc(100% - 10px);
	margin: auto;
	word-break: break-all;
}
.section_search h3 {
	font-size: 16px;
	border-left: 5px solid #6aa33c;
	padding: 5px 2px 5px 10px;
	background: #eef6e8;
	width: auto;
	font-weight: bold;
}
.section_search h3 .title {
	display: inline-block;
}
*/
/* --- */


ul.search_ul {
	font-size: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	width: 100%;
} 
li.search_item {
	background: #fff;
	border: 0;
	text-align: center;
	margin: 0;
	width: 100%;
	min-height: 100%;
	display: inline-grid;
	position: relative;
	letter-spacing: 0.5px;
	justify-items: center;
	align-content: stretch;
	grid-template-columns: repeat(auto-fit, 100%);
	box-sizing: border-box;
	border-radius: 3px;
}
/* レスポンシブ化 */
@media screen and (max-width: 767px) {
	.grid.col3:has(li.search_item) {
		grid-template-columns: repeat(2, 1fr);
	}
}

li.search_item a {
	padding: 5px;
	text-decoration: unset;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-bottom: 50px;
}
.list-item_wrap li.search_item > a {
	padding-bottom: 85px;
}
.section_wrap li.search_item > a {
	box-shadow: 0 3px 1px -2px #d0d0d0;
}
li.search_item a:hover {
	background: #f7f7f7;
	border-radius: inherit;
}
li.search_item a .search_image {
	min-height: 190px;
	position: relative;
}
li.search_item a:hover img {
	opacity: .8;
}


/* おすすめ商品ラベル */
li.search_item.osusume_item > a {
	position: relative;
	overflow: hidden;
}
li.search_item.osusume_item > a::after {
	content: "おすすめ";
	background: linear-gradient(-30deg, #df5684 0%, #df5685 7%, #f46091 40%, #f45e90 100%);
	border-radius: 12px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 8px;
	position: absolute;
	top: 2px;
	left: 2px;
}
li.search_item.osusume_item > a::before {
	content: "";
	border-top: 0 solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #df5684;
	border-left: 5px solid transparent;
	position: absolute;
	top: 24px;
	left: 45px;
	transform: rotate(45deg);
	z-index: 1;
}

/* 商品への遷移ボタン */
.view_btn_wrap a,
.view_btn span {
	background: linear-gradient(to bottom, #9dce2c 5%,#8cb82b 100%);
	border-radius: 5px;
	border: 1px solid #83c41a;
	box-shadow: inset 1px 1px 0 0 #c1ed9c;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 5px auto;
	min-height: 30px;
	line-height: 30px;
	min-width: 100px;
	max-width: calc(125px - 12px);
}

.view_btn .add_cart a {
	background: #9dce2c;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 4px 1px -2px #603600;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	padding: 0 10px;
	cursor: pointer;
	max-width: calc(100% - 20px);
	margin: 5px 0 10px;
}

.view_btn.col2 {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.view_btn.col2 > div {
	display: inline-flex;
	width: calc(50% - 10px);
}
li.search_item .view_btn div a {
	background: #8cb82b;
}
li.search_item .view_btn div a,
li.search_item .view_btn div a > span {
	padding: 0;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	max-width: 100%;
}
li.search_item .view_btn div a > span {
	padding: 0 3px;
	background: revert;
	box-shadow: revert;
	margin: revert;
	font-size: 12px;
}
li.search_item .view_btn div.add_cart a {
	background: linear-gradient(to bottom, #f4971e 5%,#f4971e 100%);
	box-shadow: 0 4px 1px -2px #d07500;
}

/* 中カテ一覧グリッド表示 */
/*#search_wrap.category_grid li.search_item {
	min-height: 280px;
}*/

li.search_item .txt {
	font-size: 13px;
	font-family: var(--common-font-nsjp);
	line-height: 18px;
	padding: 5px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 40px;
	width: 100%;
}
li.search_item .price {
	color: #000;
	font-size: 12px;
	height: auto;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 0;
}
li.search_item img {
	background: #f4f4f4;
	display: block;
	font-size: 12px;
	padding: 0;
	margin: 0 auto;
	height: 150px;
	width: 150px;
}


.listview_wrap {
	font-size: 10px;
	text-align: center;
	color: #000;
	display: flex;
}
.listview_wrap .listview_left {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
}
.listview_wrap .listview_left img {
/* listview_rightがある時は120px
	width: 120px;
	height: 120px;*/
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 150px;
	height: 150px;
}
	
.listview_wrap .listview_right {
	width: 100%;
}
.listview_wrap .listview_right table {
	border: none;
	background: #fff;
	display: inline-table;
	vertical-align: middle;
}
.listview_wrap .listview_right table tr:nth-child(2n+1) {
	background: #f7f7f7;
}
.listview_wrap .listview_right table th,
.listview_wrap .listview_right table td {
  padding: 1px 5px;
	border: none;
	background: transparent;
}
.listview_wrap .listview_right table th {
	font-weight: normal;
}
.listview_wrap .listview_right table th.title {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: #eee;
}
.listview_wrap .listview_right table td {
	text-align: right;
}


/* ======== .item_category ======== */

/* 人気レンタル商品カテゴリ */
.item_category {
	width: 100%;
}
.item_category li {
	width: 100%;
	height: 100%;
}
.item_category a {
	background: #eef0f1;
	border-radius: 1px;
	/*box-shadow: 0 1px 2px -1px #939395;*/
	color: #333;
	position: relative;
	text-decoration: none;
	display: inherit;
	height: 60px;
	width: 100%;
}
.item_category a .txt {
	/* 	font-family: var(--common-font-biz); */
	font-size: 16px;
	font-weight: bold;
	margin: auto 0 auto 25px;
	height: inherit;
	display: inline-grid;
	align-content: center;
	justify-content: flex-start;
	text-align: left;
	position: relative;
	z-index: 1;
}
.item_category a::after {
	content: "";
	background: url(/images/items_background.png) 0 0;
	background-position-x: 0px;
	background-position-y: 0px;
	font-size: 12px;
	margin: auto !important;
	padding: 2px 0;
	position: absolute;
	transform: scale(0.8);
	top: 0;
	right: 5%;
	bottom: 0;
	height: 50px;
	width: 50px;
}
.item_category a:hover {
	opacity: 0.8;
}


.item_category .chair a::after {
	background-position: 55px -123px;
}
.item_category .desk a::after {
	background-position: 55px -4px;
}
.item_category .table a::after {
	background-position: 55px -182px;
}
.item_category .sidedesk a::after {
	background-position: 54px -420px;
}
.item_category .cabinet a::after {
	background-position: 55px -364px;
}
.item_category .locker a::after {
	background-position: 55px -63px;
}
.item_category .whiteboard a::after {
	background-position: 55px 898px;
}
.item_category .partition a::after {
	background-position: 55px -304px;
}




/* ======== area #mitem_category ======== */

#mitem_category {
	width: 90%;
	min-width: 640px;
	margin: 0 auto;
	background-color: #fff;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	box-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-o-box-pack: justify;
	-ms-box-pack: justify; 
}
.elements {
	width: 80px;
	height: 80px;
	background-color: #eee;
	display: block;

}
#mitem_category a:hover {
	opacity: 0.6;
}



#mitem_category {
	width: 100%;
	display: inline-block;
	font-size: 0;
}
#mitem_category .elements {
	background: #fff;
	text-align: center;
	vertical-align: top;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
	width: calc((100% / 5) - 1px);
}
#mitem_category .elements a {
	display: block;
	height: 100%;
	max-height: 130px;
	min-height: 120px;
	padding: 10px 2px;
	text-decoration: none;
}
#mitem_category .elements img {
	display: block;
	margin: auto;
}
#mitem_category .elements span {
	line-height: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 13px;
	min-height: 50px;
}




/* ======== ipadcampaign ======== */
#ipadimgarea{
	margin-bottom: 20px;
	width: 750px;
	height: 510px;
}
.ipadimg{
	float: left;
	width: 243px;
	height: 250px;
	margin: 0 10px 10px 0;
}
.ipadimg:nth-child(3n){
	margin-right: 0;
}
.ipadimg p{
	width: 233px;
	margin-top: 5px;
	height: 60px;
	padding: 5px;
	background-color: #f0f0f0;
}
.ipadform input{
	position:relative;
	top: 3px;
}


	/* 利用シーンから探す */
.case_cont h3 {
	background: transparent;
	border: none;
	font-size: 16px;
	justify-content: flex-start;
}
.case_cont h3::before,
.case_cont h3::after {
	content: none;
}
.case_cont a {
	text-decoration: none;
}
.casecatalog .maker6 {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
	float: none;
	width: 100%;
	margin: 0;
}
.casecatalog .maker6 ul {
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.casecatalog .maker6 ul li {
	display: inline-flex;
	justify-content: flex-start;
	flex-direction: column;
}
.casecatalog .maker6 ul li a {
	position: relative;
}
.casecatalog .maker6 ul li a .reinforce_flag {
	position: absolute;
	top: 0;
	left: 0;
}
.casecatalog .maker6 p {
	padding: 5px 0;
	font-size: 12px;
	text-align: left;
	width: 170px;
}

.casecatalog i.fa-chevron-circle-right {
	color: #4a5390;
}

/* オフィス家具をレンタルで導入するメリット */
/* 弊社のレンタルは下記のような動機でご利用されています */
.case_conts .maker6 {
	width: auto;
	float: none;
}
.case_conts .maker6 ul li {
	width: calc((100% / 4) - 4px);
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.case_conts .top-info-content {
	text-align: left;
}
@media screen and (max-width: 767px) {
	.case_conts {
		align-items: center;
		flex-direction: column;

		.reinforce_flag {
			display: none;
		}
	}
}


/* ======== realestate_space ======== */
.real_space a img:hover{
	opacity: 0.7;
}

/* ======== #area ======== */
#area .area_link{
	color: #fff;
	border: 1px solid #dc165e;
	width: 178px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 5px 0;
	background: #dc165e url(/images/arrow_s.png) no-repeat 20px 11px;
	font-weight: bold;
	font-size: 14px;
}
#area .area_link_mini,
#area .area_link_mini2 {
	color: #fff;
	border: 1px solid #dc165e;
	width: 82px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 7px;
	text-align: center;
	padding: 10px 3px;
	background: #dc165e;
	font-weight: bold;
	font-size: 12px;
}
#area .area_link_mini2{
	width: 80px;
}

#area .area_point{
	color: #6aa33c;
	width: 108px;
	height: 15px;
	/* text-align: center; */
	padding: 3px 1px 13px 3px;
	background-color: #fbfbfb;
	border: 3px solid #dee0da;
	border-radius: 5px;
	margin-right: 2px;
	font-size: 17px;
	font-weight: 600;
}

#area .area_link_n{
	color: #fff;
	border: 1px solid #dc165e;
	width: 140px;
	margin-right: 10px;
	text-align: center;
	padding: 5px 0;
	background: #dc165e url(/images/arrow_s.png) no-repeat 13px 11px;
	font-weight: bold;
	font-size: 14px;
}
#area .area_link_l{
	color: #fff;
	border: 1px solid #dc165e;
	width: 177px;
	margin-right: 0;
	text-align: center;
	padding: 5px 0;
	background: #dc165e url(/images/arrow_s.png) no-repeat 20px 11px;
	font-weight: bold;
	font-size: 14px;
}

#area .area_link_pc{
	color: #fff;
	border: 1px solid #454be1;
	width: 177px;
	margin-right: 0;
	text-align: center;
	padding: 5px 0;
	background: #454be1 url(/images/arrow_s.png) no-repeat 20px 11px;
	font-weight: bold;
	font-size: 13px;
}

#area .area_link2{
	color: #fff;
	border: 1px solid #dc165e;
	width: 140px;
	margin-right: 10px;
	text-align: center;
	padding: 5px 0;
	background: #dc165e;
	font-weight: bold;
	font-size: 14px;
}
#area .area_link:hover,
#area .area_link_l:hover {
	background: #ffdbd1 url(/images/arrow_s_hv.png) no-repeat 20px 11px;
	color: #dc165e;
}
#area .area_link_mini:hover{
	background: #ffdbd1;
	color: #dc165e;
}
#area .area_link_n:hover{
	background: #ffdbd1 url(/images/arrow_s_hv.png) no-repeat 13px 11px;
	color: #dc165e;
}

#area .area_link_pc:hover{
	background: #e2e2f9 url(/images/arrow_pc_hv.png) no-repeat 20px 11px;
	color: #454be1;
}

/* ======== #partition ======== */
#partition_type table{
	border-style: none;
	width: 160px;
}
#partition_type td{
	border-style: none;
	padding-top: 0;
	padding-bottom: 7px;
}
#partition_type .parti_title1{
	font-weight: bold;
	padding-right: 0;
}
#partition_type .parti_title{
	font-weight: bold;
}

/* ======== #leftbaner ======== */
#leftbaner {
    overflow: hidden;
    position: fixed;
    bottom: 10px;
}
#slide {
/*    padding-left: 550px;*/
}
#slide-in {
	position: relative;
}
#slide-in a:hover {
	opacity: 0.9;
}
#close{
	position: absolute;
	top: 0;
}

/* ======== #casecont ======== */
.case_conts{
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	gap: 20px;
}
.case_img{
	/* float: left; */
	min-width: 200px;
}

.case_img2{
	/* float: right; */
}

.case_cont{
	position: relative;
	/* float: right; */
	/* width: 530px; */
	/* height: 150px; */
}

.case_cont2{
	position: relative;
	float: right;
	width: 100%;
}

.case_cont3{
	position: relative;
	float: right;
	width: 550px;
}

.case_more_btn a{
	/* position: absolute; */
	/* right: 0; */
	/* bottom: 0; */
	text-decoration: none !important;
	text-align: center;
	margin: 0;
	/* padding: 1em 2em; */
	padding: 10px;
	color: #fff !important;
	background-color: #679d3d;
	border-radius: 6px;
	border-style: none;
	font-family: var(--common-font-family);
	cursor: pointer;
	display: inherit;
	box-shadow: 0 2px 1px -1px #2b4f10;
	margin: 10px auto;
	width: 90%;
}
.case_more_btn:hover{
	opacity:0.7;
}
.case_customer{
	position: relative;
	margin-top: 10px;
	
}
.case_customer .text{
	font-size: 11px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 340px;
}
.case_table{
	margin-top: 20px;
	width: 350px;
}
.case_table table.type11 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
}
.case_table table.type11 th {
	padding: 4px;
	font-weight: bold;
	vertical-align: top;
	background: #eee;
	text-align: center;
}
.case_table table.type11 td {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #fff;
	text-align: right;
}
.case_table table.type11 td.total{
	font-weight: bold;
}
.case_table table.type11 td.new{
	background-color: #fafafa;
}
.case_table table.type11 td.used{
	background-color: #eef6e8;
}
.case_table table.type11 td.rental{
	background-color: #fff2f5;
}

/* ======== #relocation ======== */

#case_of_use span{
	font-size: 18px;
	color: #1d409a;
}
#case_of_use #description h3{
	background: #f9f1b3;
	background: linear-gradient(to right,  #f9f1b3 0%,#f7f7f7 51%,#f9f1b3 100%);
	background-image: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #5a482b;
	text-align: center;
	padding-top: 10px;
	line-height: 30px;
	font-size: 26px;
}
#case_of_use #description{
	border: 1px solid #a6a6a6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0 0 20px;
	width: 670px;
}
#case_of_use .situation {
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	padding: 0 20px 0;
	margin: 20px 0 10px;
	color: #2571df;
	line-height: 35px;
}
.situation span{
	font-size: 25px;
	font-weight: bold;
	color: #5a482b;
	line-height: 50px;
}
#case_of_use img {
	margin: 0 0 0 310px;
}

#recommend span{
	font-size: 18px;
	color: #1d409a;
}
/*#recommend h3 {
	background-image: none;
	display: inline;
	font-size: 30px;
	font-weight: bold;
}*/
#recommend #reason {
	height: 170px;
	margin-bottom: 20px;	
}	
#recommend #reason .reasons,
#chair-point #reasonpoint .reasonpoint {	
	width: 650px;
	background-color: #fff;
	margin-left: 0;
	margin-top: 20px;
	padding: 15px 0;
}
#recommend #reason b {
	font-size: 36px;
	color: #2367ca;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff,
}
#recommend #reason img {
	width: 150px;
	height: 112px;
	margin: 0 0;
}
#recommend #reason .motive {
	line-height: 24px;
	padding: 6px 46px 6px 47px;
	background-color: #6aa33c;
	color: #fff;
}
#recommend #reason .motive2 {
	line-height: 24px;
	padding: 6px 27px 6px 28px;
	background-color: #6aa33c;
	color: #fff;
}
#recommend #reason .pretext {
	font-size: 20px;
	border-bottom: none;
	padding-left: 10px;
}
#recommend #reason p {
	width: 590px;
	float: right;
}

/* ランキング */
/*#recommend h2.rankingh2 {
	color: #000;
	font-weight: bold;
	padding: 5px 0;
	background: #fff;
}*/
#recommend h2.rankingh2 {
	background: #6aa33c;
	color: #fff !important;
	font-size: 18px;
	text-align: left;
	width: auto;
	height: auto;
	padding: 10px 5px 10px 35px;
	line-height: 20px;
	position: relative;
}
#recommend h2.rankingh2::before,
main h2.rankingh2::before{
	content: none;
}
#recommend h2.rankingh2 img,
#recommend h3.rankingh2 img {
	margin-right: 10px;
	vertical-align: -1px;
	height: 16px;
	width: 16px;
}
#recommend h2.rankingh2 img {
	position: absolute;
	filter: brightness(4);
	margin: auto;
	top: 0;
	bottom: 0;
	left: 8px;
}

#recommend .slick-box .rank-badge {
	width: 40px;
	height: 29px;
	position: absolute;
}
#recommend .slick-box a {
	text-decoration: none;
}
#recommend .slick-box .itemimage {
	height: 80px;
	text-align: center;
}
#recommend .slick-box .itemimage img {
	width: 80px;
	height: 80px;
}
#recommend .slick-box .itemtext {
	padding: 0 10px;
	height: 40px;
}
#recommend .slick-box a .itemtext {
	text-decoration: none;
	color: black;
	background: transparent;
	font-size: 12px;
	width: calc(100% - 20px);
	line-height: 17px;
}
#recommend .slick-box .itemprice {
	background: #fff;
	font-size: 15px;
	color: #f00;
	font-weight: bold;
	text-align: center;
}

section.ranking #slick_container {
	height: 174px;
	overflow: hidden;
}



/* おすすめ商品ランキング */
.cate_rank {
	background: #ecf0e9;
	border-radius: 3px;
	padding: 10px 10px 13px;
	position: relative;
}
.cate_rank:last-child {
	border: none;
	margin: 0;
}
.cate_rank h3,
.cate_rank h4 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	height: 30px;
}
.cate_rank h3::before,
.cate_rank h4::before {
	content: '';
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cstyle%3Epath%7Bfill:%23CCC08B;%7D%3C/style%3E%3Cpath d='M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z'/%3E%3C/svg%3E")no-repeat center/30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 30px;
	position: unset;/* 新デザイン競合対策 */
}
.cate_rank h3 span,
.cate_rank h4 span {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	color: #444;
	font-size: 16px;
	padding: 0 5px;
	align-items: center;
}
.cate_rank h3 span.icon,
.cate_rank h4 span.icon {
	display: none;
}
.cate_rank #slick_container .ranking_slider {
	height: 160px;
	font-size: 0;
	text-align: center;
}
.cate_rank #slick_container .ranking_slider.slick-slider {
	margin: 0;
}
.cate_rank #slick_container .ranking_slider .slick-list {
	width: 100%;
}
.cate_rank #slick_container .cell {
	border-radius: 3px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	float: none;
	height: 100%;
	min-width: 140px;
	min-height: 160px;
	margin: 0 5px 0 0;
}
.cate_rank #slick_container .cell:last-child {
	margin: 0;
}
.cate_rank #slick_container .cell a {
	background: #fff;
	border-radius: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	min-width: 136px;
	min-height: 160px;
	position: relative;
	box-shadow: 0 -1px 0 0 #e7ece3 inset;
}
.cate_rank #slick_container .cell a:hover {
	opacity: .8;
}
.cell .rank_badge {
	position: absolute;
	top: 3px;
	left: 0;
}
.cate_rank #slick_container .cell .itemimage {
	height: 95px;
	width: 100%;
	margin: auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
.cate_rank #slick_container .cell .itemimage img {
	margin: auto;
}
.cate_rank #slick_container .cell .itemname {
	display: block;
	font-size: 12px;
	font-family: var(--common-font-nsjp);
	line-height: 15px;
	overflow: clip;
	text-align: center;
	text-decoration: underline;
	padding: 0 2px;
	height: 30px;
}
/*.cate_rank #slick_container .cell .price {
	background: inherit;
	color: #393939;
	font-size: 14px;
	text-align: center;
	padding: 0;
	height: 30px;
	width: 100%;
	position: relative;
	z-index: 1;
	font-weight: bold;
	letter-spacing: 0.5px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	gap: 2px;
}
.cate_rank #slick_container .cell .price span {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	font-size: 15px;
}
.cate_rank #slick_container .cell .price span.lprice {
	color: #bd3347;
}
.cate_rank #slick_container .cell .price span.yen {
	font-size: 12px;
}*/
.cate_rank #slick_container .slick-track {
	display: flex;
	flex-direction: row;
}
.cate_rank a.list_link {
	position: relative;
	margin-left: auto;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    height: 29px;
    padding-right: 15px;
	text-decoration: none;
}
.cate_rank a.list_link::after {
    content: "";
    position: absolute;
    right: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
}
.cate_rank #slick_container .cell .price .amount {
	font-size: 11px;
	font-weight: normal;
}



/* 人気商品ランキング */
/* 4大メーカー */
.major-manufacturers {
	text-align: center;
}
.major-manufacturers > img {
	margin-bottom: 10px;
}
.major-manufacturers ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}



/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* caption {
	font-size: 20px;
	text-align: left;
} */
/* --- */


table .relocation {
	background-color: #fff;
}
.relocation th {
	font-size: 16px;
	text-align: center;
}
.relocation td {
	font-size: 20px;
	vertical-align: middle;
	height: 25px;
}
.relocation b {
	font-size: 20px;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff,
}
.first_priority{
	width: 205px;
}
/* 撮影事例のstyle */
dt.shotdate{        
  padding-top : 10px;    
  padding-bottom : 10px;
  padding-left : 10px;
  width : 120px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
/*  border-bottom: 1px solid #3b91a0;*/
  border-bottom: 1px solid #bbb;
}
dd.shotdate2{    
  padding : 10px;
  width : 600px;
/* dtの幅分の設定 */
  margin-left : 130px;
  border-bottom: 1px solid #bbb;
}

/* パソコンfaqの設定 */
.faq_box {
	overflow: hidden;
	clear: both;
	margin-bottom: 1.5em;
}

.lt_box {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.lt_txt {
	float: right;
	width: 62%;
	padding-left: 2%;
}

.lt_txt .lt_ttl, .sct_latest {
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: bold;
}

.lt_txt .lt_ttl_2,
.sct_latest,
.lt_ttl_2 {
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #679d3d;
}
.lt_txt .lt_ttl a, .lt_txt .lt_ttl ins {
	text-decoration: none;
}

.lt_txt .lt_ttl a:link { color: #679d3d; }
.lt_txt .lt_ttl a:visited { color: #679d3d; }
.lt_txt .lt_ttl a:hover { color: #679d3d; text-decoration: underline; }
.lt_txt .lt_ttl a:active { color: #679d3d; }


.article-list-summary {
	width: 100%;
	font-size: 11px;
	line-height: 2;
	letter-spacing: 0;
}

.article-list-summary_2 {
	margin-bottom: 20px;
}

.article-list-summary_2 {
	width: 100%;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0;
}

.article-list-summary {
	margin-bottom: 10px;
}

.lt_img {
	float: left;
	position: relative;
	overflow: hidden;
}

/* 即行！お問い合わせ */
.ez_box {
	display: flex;
	position: relative;
	width: 100%;
	border-radius: 3px;
	border: 10px solid #e8e7de;
	background: #f0efe6;
	padding: 10px;
	margin-top: 5px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* box-shadow: 0 4px 2px -3px #d7d6cc; */
	box-sizing: border-box;
}
.ez_box > div {
	width: 100%;
}
.ez_box + div{
	margin-bottom: 5px;
}
#ez_mail2 .input_column {
	margin: 3px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
#ez_mail2 .input_column + .input_column {
	align-items: flex-start;
}
#ez_mail2 [class*="ez_"] {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
}
#ez_mail2 .ez_tel {
	margin-right: 0;
}
#ez_mail2 [class*="ez_"] label {
	padding: 3px 2px;
	margin-right: 5px;
}
#ez_mail2 [class*="ez_"] input[type="text"] {
	width: 160px;
	padding: 3px;
}
#ez_mail2 .ez_message {
	justify-content: flex-start;
	width: calc(100% - 300px);
	max-width: 450px;
	min-width: 400px;
	margin: 0;
}
#ez_mail2 .ez_message textarea {
  width: 100%;
  margin-top: 5px;
  resize: none;
  font-size: 13px;
}
#ez_mail2 .ez_tit {
	border-bottom: 1px solid #dfded5;
	box-sizing: border-box;
	color: #ff4b22;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-weight: bold;
	font-size: 16px;
	height: 30px;
	margin: 3px 0 10px;
	text-indent: 5px;
	padding: 0 10px 5px;
	width: 100%;
}
#ez_mail2 .ez_tit::before {
	content: "";
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ez_mail'%3E%3Cstyle%3E.ez_mail%7Bfill:%23228dff;%7D%3C/style%3E%3Cpath d='M215.4 96H144 107.8 96v8.8V144v40.4 89L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11L339.4 48H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4v-89V144 104.8 96H404.2 368 296.6 215.4zM0 448V242.1L217.6 403.3c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448v0c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64v0zM176 160H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16z'/%3E%3C/svg%3E") no-repeat center;
	background-size: 20px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-indent: 0;
	width: 30px;
	height: 30px;
}
#ez_mail2 .detail_easy_mail_send {
	background: #d3054f;
	box-shadow: 0 4px 1px -3px rgb(125, 2, 46);
	border-radius: 3px;
	border: none;
	color: #fff;
	font-family: var(--common-font-biz);
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	padding: 0;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 200px;
}
#ez_mail2 .detail_easy_mail_send:hover {
	opacity: 0.6;
}
#ez_mail2 .detail_easy_mail_send:disabled {
	opacity: 0.6;
}
.text-send {
	display: block;
	width: 100%;
}
.rating{
	margin-top: 1em;
	margin-right: 5em;
	text-align: right;
}
#popup_message{
	display:none;
	font-size: 18px;
	color: #fff;
	background:rgba(0,0,0,0.65);
	position:fixed;
	z-index: 9999;
	padding: 10px;
	text-align:center;
	border-radius: 10px;
}
#loading{
	position:fixed;
	top: 300px;
	left: 400px;
	background: #fff;
	display:none;
	border-radius: 20px;
}

.send_btn_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 250px;
	min-height: 60px;
}
.appeal_comment {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	letter-spacing: 0;
	padding: 5px 0;
	font-size: 11px;
	color: #484848;
}

/* ======== #よくある質問 ======== */
.faq h3{
	color: #679d3d;
	font-weight: bold;
	font-size: 13pt;
	margin-top: 20px;
	margin-bottom: 5px;
	background: url(/images/icn_question.png) left top no-repeat;
	padding-left: 30px;
	border: none;
	height: 26px;
}
.faq a{
	text-decoration: none;	
}

.faq li{
	font-size: 1.1em;
	line-height: 1.4;
	color: #323232;
}


/* ======== #選ぶポイント ======== */
section.section_m_text .section_contents {
	width: 100%;
	background: #fff;
}
section.section_m_text .section_contents p {
	width: 100%;
	margin: 10px auto 20px;
}
section.section_m_text .section_contents h3 {
	margin: 0 0 20px;
}
section.section_m_text .section_contents h4 {
	width: calc(100% - 10px);
	margin: 10px auto;
	font-weight: bold;
	border-bottom: none;
	background: #eee;
	padding: 7px 0 7px 10px;
	font-size: 14px;
	line-height: 14px;
}
section.section_m_text .section_contents h4 + .mt10.mb20 {
	width: calc(100% - 5%);
	margin: 10px auto 20px;
}

/* ======== #レンタルの流れ ======== */
.flow-kv{
	background:url(/images/flow-kv.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	aspect-ratio: 3 / 1;
	width: 100%;
}
.flow-kv-ttl{
	color: #dc165e;
	font-size: 30px;
	text-align:center;
	line-height: 1.1;
	font-weight:bold;
}
.flow-kv-txt{
	margin:auto;
	line-height: 1.5;
}
	
.icon-triangle{
	margin: 15px auto;
	text-align:center;
}
.flow-step-box-wrap01,
.flow-step-box-wrap02,
.flow-step-box-wrap03,
.flow-step-box-wrap04,
.flow-step-box-wrap05,
.flow-step-box-wrap00 {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, sans-serif;
	}
	
.flow-step-box-wrap01 .flow-step-box01,/*1/3のSTEP1～*/
.flow-step-box-wrap02 .flow-step-box01,
.flow-step-box-wrap03 .flow-step-box01,
.flow-step-box-wrap04 .flow-step-box01,
.flow-step-box-wrap05 .flow-step-box01,
.flow-step-box-wrap00 .flow-step-box01 {
	display:table-cell;
	width: 100px;
	position:relative;
}

.flow-step-box-wrap01 .flow-step-box01{
	background: #6aa33c url(/images/flow-step01.png) no-repeat 50% 38%;
	}		
.flow-step-box-wrap02 .flow-step-box01{
	background: #6aa33c url(/images/flow-step02.png) no-repeat 50% 38%;
	}	
.flow-step-box-wrap03 .flow-step-box01{
	background: #6aa33c url(/images/flow-step03.png) no-repeat 50% 25%;
	}
.flow-step-box-wrap04 .flow-step-box01{
	background: #6aa33c url(/images/flow-step04.png) no-repeat 50% 38%;
	}
.flow-step-box-wrap05 .flow-step-box01{
	background: #6aa33c url(/images/flow-step05.png) no-repeat 50% 38%;
	}
.flow-step-box-wrap00 .flow-step-box01{
	background: #6aa33c  no-repeat 50% 38%;
	}

.flow-step-box-wrap01 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 210px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
.flow-step-box-wrap02 .flow-step-box01 p,
.flow-step-box-wrap04 .flow-step-box01 p,
.flow-step-box-wrap05 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 160px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
.flow-step-box-wrap00 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 100px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
.flow-step-box-wrap02 .flow-step-box01 p {
	top: 180px;
}
.flow-step-box-wrap04 .flow-step-box01 p {
	top: 180px;
}
.flow-step-box-wrap03 .flow-step-box01 p{
	position:absolute;
	text-align:center;
	width: 100px;
	top: 190px;
	color: #fff;
	font-size: 2em;
	font-weight:bold;
	line-height: 1.1;
	}
	
.flow-step-box-wrap01 .flow-step-box02,
.flow-step-box-wrap02 .flow-step-box02,
.flow-step-box-wrap03 .flow-step-box02,
.flow-step-box-wrap04 .flow-step-box02,
.flow-step-box-wrap05 .flow-step-box02,
.flow-step-box-wrap00 .flow-step-box02 {
	display:table-cell;
	padding: 20px;
	width: 380px;
	box-sizing: border-box;
	background: #eee;
	vertical-align:middle;
	font-size: 1.3em;
}

.flow-step-box-wrap01 .flow-step-box03,
.flow-step-box-wrap02 .flow-step-box03,
.flow-step-box-wrap03 .flow-step-box03,
.flow-step-box-wrap04 .flow-step-box03,
.flow-step-box-wrap05 .flow-step-box03,
.flow-step-box-wrap00 .flow-step-box03{
	display:table-cell;
	width: 270px;
	padding: 0;
	box-sizing: border-box;
	background: #eee;
}

.flow-step-box-wrap01 dl dt,
.flow-step-box-wrap02 dl dt,
.flow-step-box-wrap03 dl dt,
.flow-step-box-wrap04 dl dt,
.flow-step-box-wrap05 dl dt,
.flow-step-box-wrap00 dl dt{
	font-size: 1em; 
	line-height: 1.5;
	color: #333!important;
}
.flow-step-box-wrap01 dl,
.flow-step-box-wrap02 dl,
.flow-step-box-wrap03 dl,
.flow-step-box-wrap04 dl,
.flow-step-box-wrap05 dl,
.flow-step-box-wrap00 dl{
	margin-bottom:0.5em;

}
.flow-step-box-wrap01 dl:last-child,
.flow-step-box-wrap02 dl:last-child,
.flow-step-box-wrap03 dl:last-child,
.flow-step-box-wrap04 dl:last-child,
.flow-step-box-wrap05 dl:last-child,
.flow-step-box-wrap00 dl:last-child {
	margin-bottom:0;

}
.flow-step-box-wrap01 dl dt dd,
.flow-step-box-wrap02 dl dt dd,
.flow-step-box-wrap03 dl dt dd,
.flow-step-box-wrap04 dl dt dd,
.flow-step-box-wrap05 dl dt dd,
.flow-step-box-wrap00 dl dt dd {
	font-size: 1em; 
	line-height: 1.5;
}

.flow-step-box-wrap02 .flow-step-box03 img,
.flow-step-box-wrap03 .flow-step-box03 img,
.flow-step-box-wrap04 .flow-step-box03 img,
.flow-step-box-wrap05 .flow-step-box03 img,
.flow-step-box-wrap00 .flow-step-box03 img {
  width: 250px;
  height: 220px;
  object-fit: cover;
}

.video{
  position:relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width: 100%;
  height: 100%;
}
.view_btn a,
.view_btn span,
li.search_item .view_btn a,
button.mshosai {
	background: #8cb82b;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 4px 1px -2px #65861d;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	padding: 0 10px;
	cursor: pointer;
	max-width: calc(100% - 20px);
	margin: 5px 0 10px;
}
.view_btn a:hover,
.view_btn span:hover,
li.search_item .view_btn a:hover,
button.mshosai:hover {
	opacity: .8;
}
/*
button.mshosai {
	font-size: 12px;
	font-family:Arial;
	font-weight:normal;
	border-radius: 5px;
	border: 1px solid #83c41a;
	padding: 10px 30px;
	text-decoration:none;
	background: #9dce2c;
	background: linear-gradient(to bottom,  #9dce2c 5%,#8cb82b 100%);
	color: #fff;
	display:inline-block;
 	box-shadow:inset 1px 1px 0 0 #c1ed9c;
}
button.mshosai:hover {
	background: #8cb82b;
	background: linear-gradient(to bottom,  #8cb82b 5%,#9dce2c 100%);
	cursor:  pointer;
}
button.mshosai:active {
	position:relative;
	top: 1px;
}
*/

button.mshosai2 {
	font-size: 12px;
	font-family:Arial;
	font-weight:normal;
	border-radius: 5px;
	border: 1px solid #74b807;
	padding: 10px 30px;
	text-decoration:none;
	background: #74a600;
	background: linear-gradient(to bottom,  #74a600 5%,#5e8209 100%);
	color: #fff;
	display:inline-block;
	box-shadow:inset 1px 1px 0 0 #a4e271;
}
button.mshosai2:hover {
	background: #5e8209;
	background: linear-gradient(to bottom,  #5e8209 5%,#74a600 100%);
	cursor:  pointer;
}
button.mshosai2:active {
	position:relative;
	top: 1px;
}



.ps {
	font-size: 1.3rem;
	font-weight: bold;
	padding: 40px 50px;
	margin-top: 10px;
	background: #eee;
	line-height: 1.3;
}

.box_01{
	margin: 20px 0;
	margin-top: 10px;
	padding: 25px;
	border: 1px solid #d2d7dc;
}

.box_01.list_order{
	margin: 20px 0 0 20px;
}

.bcblue{
	background-color: #007dc5!important;
}


/*送料見積*/
#delivery_contact .title,#delivery_form .title{
  font-size: 20px;
  color: #ff7c00;
  font-weight: bold;
}
#delivery_contact .info,#delivery_for, .info{
  font-size: 14px;
  color: #1a3e8f;
  font-weight: bold;
}
#delivery_contact .info span,#delivery_for, .info span{
  font-size: 12px;
  color: #333;
}
#delivery_contact .post_code .de_post{
	border: 3px solid #c8c8c8;
	border-radius: 6px;
	padding: 10px ;
	width: 150px; margin-right: 15px;
	font-size: 16px;
}
#delivery_contact .post_code{
  margin: 20px 0;
}
#delivery_contact .post_code img{
  display: inline-block;
  vertical-align: middle;
}
#delivery_contact .post_code span{
  font-size: 14px;
}
#delivery_contact #address{
  border: none;
}
#delivery_contact .select_item {
	border: 2px solid #c8c8c8;
	border-radius: 4px;
	padding: 10px;
	margin: 10px 0;
}
#delivery_contact .select_item .img{
  display: inline-block;
  vertical-align: middle;
/*  width: 100px;*/
  height: 80px;
}
#delivery_contact .select_item .img img{
    max-width: 100%;
    max-height: 100%;
}
#delivery_contact .select_item .tit{
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  font-size: 14px;
}
#delivery_contact .select_item .amount{
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  font-size: 0;
}
#delivery_contact .amount .minus,
#delivery_contact .amount .plus{
	height: 22px;
	width: 25px;
	background: url(/images/btn_amount.png) no-repeat;
	display: inline-block;
	border: none;
	cursor: pointer;
	background-size: 200% 100%;
}
#delivery_contact .amount .minus{background-position:0 0;}
#delivery_contact .amount .plus {
	background-position: -25px 0;
}
#delivery_contact .amount .minus:hover,
#delivery_contact .amount .plus:hover{opacity:0.6;}
#delivery_contact .amount .num {
	width: 40px;
	height: 22px;
	padding: 3px;
	border-radius: 0;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
}
input[type="number"]{
	-moz-appearance:textfield;
	-webkit-appearance:none;
	margin:0;
}

#delivery_contact #more_items hr{
  margin: 15px 20px;
}
#delivery_contact .item_tc{
  display: inline-block;
  width: 170px;
  height: 70px;
  font-size: 10px;
}
#delivery_contact .item_tc img{
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}
#delivery_contact .item_tc .amount_box{
  display: inline-block;
  vertical-align: middle;
  width: 105px;
}

#delivery_contact .select_item #add_items{
	background-color: #1a3e8f;
	color: #fff;
	font-weight: bold;
	align-content: center;
	border-radius: 6px;
	width: 230px;
	padding: 5px 0;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
}
#delivery_contact .select_item #add_items:hover{
  background-color: #388ecf;
  cursor: pointer;
}
#delivery_contact .select_item #add_items img{
  vertical-align: middle;
  margin: 0 5px 0 0;
}

#delivery_form {
  display: none;
}

#delivery_form .label {
  width: 100px;
  display: inline-block;
  font-weight: bold
}

#delivery_form .must, #delivery_form .optional {
  width: 42px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 15px
}

#delivery_form .must {
  background: #f44a4a
}

#delivery_form .optional {
  background: #6bbccc
}

#delivery_form input[type="text"],
#delivery_form input[type="email"],
#delivery_form input[type="tel"],
#delivery_form textarea {
  border: solid 1px #ccc;
  font-size: 14px;
  padding: 7px 10px;
  border-radius: 3px;
  vertical-align: middle;
  margin: 5px 0;
  width: 250px
}

#delivery_form input[type="text"]:focus,
#delivery_form input[type="email"]:focus,
#delivery_form input[type="tel"]:focus {
  border: 1px solid #3678d2
}
#loading{
	position:fixed;
	z-index: 99999;
	top: 300px;
	left: 400px;
	background-color: #fff;
	display:none;
	border-radius: 20px;
}



.box-set {
  height: 470px;
  position: relative;
  width: 750px;
  margin:0 auto;
}
.box-set2 {
  height: 470px;
  position: relative;
  width: 750px;
  margin:-50px auto 0;
}

.block-1 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.block-1-t {
  position: absolute;
  width: 300px;
  top: 30px;
  left: 377px;
  z-index: 1;
  padding: 20px;
  border: 1px solid #eee;
}
.inner-block {
  position: relative;
  width: 300px;
  height: 100px;
  margin: 20px;
  z-index: 100;
  left: 200px;
}

.block-2 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 180px;
  left: 370px;
  z-index: 2;
}
.block-3 {
  position: absolute;
  width: 300px;
  height: 200px;
  top: 400px;
  left: 10px;
  z-index: 100;
}
.block-4 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.block-4-t {
  position: absolute;
  width: 350px;
  height: 200px;
  top: 30px;
  left: 380px;
  z-index: 1;
}
.block-5 {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 200px;
  left: 400px;
  z-index: 2;
}
.block-5-t {
  position: absolute;
  width: 350px;
  height: 200px;
  top: 250px;
  left: 40px;
  z-index: 100;
}

h6.plan-tit {
	margin-bottom: 10px;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: .1em;
	color: #111;
	text-align: left;
}

.senkyoyohin td{
	border: none;
	padding: 5px 10px 5px;
}

#senkyo_cv {
	background: #fff;
	margin: 0 auto 40px;
	position: relative;
	height: 140px;
	width: 750px;
}
#senkyo_cv a {
	background: #f36;
	border-radius: 4px;
	border-style: none;
	box-shadow: 0 2px 1px -1px #b5002d;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 10px 20px 7px 20px;
	height: 60px;
	width: 306px;
}
#senkyo_cv a.btn:hover {
	background: #f36;
	opacity: .8;
}

#senkyo_cv img[src*="cv1.png"] + .btn {
	position: absolute;
	top: 37px;
	left: 392px;
}

/* ======== case/kamisu ======== */
.gallery-kv{
	background:url(/images/case-kamisu/kamisu-kv.jpg) no-repeat;
	/* width: 750px; */
	height: 250px;
	padding-top: 16px;
	}

.gallery-kv--catch {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  background: rgba(255,255,255,0.8);
  display: inline-block;
  }
.gallery-kv--catch::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background: #6ba2ca;
}

.gallery-wrap{
	display:table;
  width: 750px;
}
.gallery{
  width: 500px;
  height: 375px;
  display:table-cell;
  vertical-align: top;

}
.gallery img{
  width: 500px;
  height: 375px;
  object-fit: cover; 
}

.gallery2{
  width: 500px;
  height: 275px;
  display:table-cell;
  vertical-align: top;

}
.gallery2 img{
  width: 500px;
  height: 350px;
  object-fit: cover; 
}

.gallery-wrap--txt{
	display:table-cell;
	width: 250px;
	padding-left: 20px;
	vertical-align: top;
	box-sizing:border-box;
}
.ribbon-ttl {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	padding: 0 30px 0 1em;/*文字の左右の余白*/
	font-size: 1.2em;
	background: #333;
	color: #fff;
	box-sizing: border-box;
}

.ribbon-ttl2 {
	display: inline-block;
	position: relative;
	width: 100%;
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
	font-size: 1.2em;
	box-sizing: border-box;
	font-weight: bold;
}

.ribbon-ttl:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
}
.ribbon-ttl:after {
	top: 0;
	right: 0;
	border-width: 30px 15px 15px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.letter {
	width: 230px;
	box-sizing: border-box;
}
.letter p {
	line-height: 1.5em;
	display:block;
	border-bottom: 1px #999 solid;
	color: #333;
	padding:0.5em 1em 0.25em 1em; 
	box-sizing:border-box;
	word-break: break-all;
}
.letter02{
  width: 100%;
}
.letter02 p{
  background: url(/images/case-kamisu/line-gray.png) bottom;
  line-height: 30px;
  margin: 0 0 20px;
  padding: 0 1em;
  box-sizing: border-box;
}

.gallery-pic {
  position: relative;
}

.gallery-pic p{
	position:absolute;
	top: 345px;
	padding-left: 1.5em;
	background: rgba(0,0,0,0.7);
	color: #fff;
	width: 500px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
}
.gallery02{
  width: 360px;
  float:left;
  box-sizing:border-box;
  position:relative;
}
.gallery02 img{
  width: 360px;
  height: 220px;
  object-fit: cover; 
}

.gallery02 p{
	position:absolute;
	bottom:0;
	padding-left: 1.5em;
	background: rgba(0,0,0,0.7);
	color: #fff;
	width: 360px;
	height: 30px;
	line-height: 30px;
	box-sizing:border-box;
}

@media screen and (max-width: 767px) {
	.gallery-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: auto;
		gap: 10px;
	}

	.gallery {
		width: auto;
		height: auto;
	}

	.gallery-pic p {
		position: static;
		width: auto;
		height: auto;
		padding: 10px;
	}

	.gallery-wrap--txt {
		width: 100%;
		padding: 0;
	}

	.gallery02 {
		width: auto;
	}

	.gallery img,
	.gallery02 img {
		width: auto;
		height: auto;
	}
}




/* case cd */
.jirei_list a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 100%;
	width: 100%;
}
.jirei_list a:link{color: #000;}
.jirei_list a:hover{color: #000;}
.jirei_list a:visited{color: #000;}
.jirei_list a:active{color: #000;}

.jirei_list.fst_big li:nth-child(3n+1) {
	margin-right: 0;
}
.jirei_list.fst_big li:first-child {
	border: 1px solid #c4c3c3;
	position: relative;
	/* width: 750px; */
	/* height: 331px; */
	width: 100%;
	height: auto;
	float: left;
	margin-right: 0;
	display: block;
}
.jirei_list.fst_big li:first-child .img {
	height: auto;
	max-width: 80%;
	object-fit: cover;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	float: none;
}
.jirei_list.fst_big.central_office li:first-child .img {
	max-width: calc(100% - 306px);
}
.jirei_list.fst_big li:first-child .right {
	padding: 30px;
	float: none;
	width: 300px;
	box-sizing: border-box;
	text-align: left;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
.jirei_list.fst_big li:first-child .right .catch {
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
}
.jirei_list.fst_big li:first-child .right h3 {
	font-size: 21px;
	line-height: 1.4;
	color: #413d3c;
	font-weight: bold;
	margin-bottom: 27px;
}
.jirei_list.fst_big li:first-child .right p {
	font-size: 12px;
	line-height: 180%;
	padding-bottom: 0;
}
.jirei_list.fst_big li:first-child .right p.frame-box-001 {
	padding: 10px;
	width: auto;
}
.jirei_list.fst_big li:first-child .right .detail_link {
/*	position: absolute;
	bottom: 30px;
	right: 35px;*/
	text-align: right;
}
.jirei_list.fst_big li:first-child .right .detail_link::after {
	content: "";
	position: absolute;
	right: -10px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}
.jirei_list li:first-child .main_catch{
	display: none;
}



.jirei_list.sml {
	padding: 38px 0 24px;
	background: #d4e9d7;
}
.jirei_list.sml.slide {
	background: #beddc1 repeat;
}
.jirei_list.sml ul {
	width: 300px;
	margin: 0 auto;
	list-style-type: none;
}
.jirei_list.sml li:nth-child(3n) {
	margin-right: 0;
}
.jirei_list.sml.slide ul {
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}
.jirei_list.sml.slide li:nth-child(3n) {
	margin-right: 25px;
}
.jirei_list.sml h2 {
	color: #413d3c;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
	width: 750px;
	margin: 0 auto 30px;
}
.jirei_list li {
	border: 1px solid #c4c3c3;
	position: relative;
	margin-bottom: 22px;
	background: #fff;
	width: 232px;
	float: left;
	box-sizing: border-box;
	margin-right: 26px;
}
.jirei_list.sml.slide li{
	width: 215px;
	margin-right: 30px;
	border: none;
	background: none;
	margin-bottom: 0;
}


.jirei_list li a:hover img,
.jirei_list li a:hover div,
.jirei_list li a:hover .tag{
	opacity: 0.7;
}

.jirei_list li a:hover{
	color: #413d3c;
}
.jirei_list li .img {
	float: left;
	width: 100%;
}

.jirei_list li .right {
	padding: 20px;
	float: left;
	box-sizing: border-box;
	text-align: left;
}
.jirei_list.sml.slide li .right {
	padding: 5px 0;
	float: left;
	box-sizing: border-box;
}

.jirei_list li .right .catch {
	display: none;
}
.jirei_list li .right h3 {
	font-size: 18px;
	color: #413d3c;
	font-weight: bold;
	margin-bottom: 5px;
}
.jirei_list li .right p {
	display: flex;
	font-size: 14px;
	line-height: 180%;
	padding-bottom: 0;
}


.jirei_list.sml.slide li .right h3 {
	font-size: 14px;
	color: #000;
	/*font-weight: normal;*/
	margin-bottom: 2px;
	font-weight: bold;
}
.jirei_list.sml.slide li .right p {
	font-size: 12px;
	line-height: 180%;
	padding-bottom: 40px;
	color: #000;
}
.jirei_list.sml.slide li .right p {
	padding-bottom: 0;
}

.jirei_list li .right .detail_link {
	position: absolute;
	bottom: 15px;
	right: 30px;
}
.jirei_list .tag {
	position: absolute;
	left: 0;
	padding: 0 17px 0;
	top: 0;
	background: #6ba2ca;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
}
.jirei_list .tag.gov {
	background: #6ba2ca;
}
.jirei_list .tag.office{
	background: #59a8b1;
}


.jirei_list .more {
	background: #a8a9aa;
	text-align: center;
	margin-top: 30px;
	vertical-align: middle;
	padding: 10px 0 5px;
}
.jirei_list .more img {
	vertical-align: -2px;
	padding-right: 5px;
}
.jirei_list .more a {
	color: #fff;
	font-size: 19.5px;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
	display: block;
	padding: 0 0 7px;
}

@media screen and (max-width: 767px) {
	.jirei_list a {
		flex-direction: column;
		align-items: center;
	}

	.jirei_list.fst_big li:first-child .right {
		width: 100%;
	}
}


/* 導入事例などで使用するKVバナー（左側がタイトル文字、右側が画像のバナー） */
.textkv_wrap {
	background: linear-gradient(160deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) 70px, rgba(244, 244, 244, 0.2) 70px),linear-gradient(102deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) 50px, rgba(244, 244, 244, 0.2) 50px),linear-gradient(10deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) 60px, rgba(244, 244, 244, 0.2) 60px),linear-gradient(-120deg, rgba(221, 221, 221, 0.2) 0%,rgba(221, 221, 221, 0.2) calc(100% - 330px), rgba(244, 244, 244, 0.2) calc(100% - 330px));
	border-radius: 3px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.textkv_wrap__left {
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	padding: 0 15px;
	width: 100%;
	height: 250px;
}
.textkv_wrap__left .title {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.textkv_wrap__left .title div {
	line-height: 17px;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	word-break: break-all;
	width: 100%;
}
.textkv_wrap__left.left div > div {
	justify-content: flex-start;
}
.textkv_wrap__left .title div.campany_name {
	align-items: center;
	height: 30%;
	line-height: 24px;
	text-align: center;
}
.textkv_wrap__left .title div.motive {
	height: 30%;
	align-items: center;
}
.textkv_wrap__right {
	position: relative;
	width: 100%;
	height: 100%;
}
.textkv_wrap__right_in {
	transform: skew(-5deg);
	overflow: hidden;
	margin-right: -15px;
}
.textkv_wrap__right img {
	border-radius: 0 3px 3px 0;
	object-fit: cover;
	margin: 0 15px 0 -15px;
	transform: skew(5deg);
	width: 450px;
	height: 250px;
}



li.search_item.bt_page_wrap {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-evenly;
}
li.search_item.bt_page_wrap div {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
}
a[class*="bt_page"],
li.search_item a[class*="bt_page"] {
	/*background: #f4f4f4;*/
	border-radius: 5px;
	color: #696969;
	font-size: 15px;
	font-weight: bold;
	padding: 30px 10px;
	text-decoration: none;
	display: inline-flex;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	margin: 0;
}
a[class*="bt_page"]:hover {
	color: #696969;
	background: #e9e9e9;
	text-decoration: none;
}
.bt_page_prev {
	margin-right: 10px;
}
li.search_item a[class*="bt_page"] img {
	aspect-ratio: 80/57;
	background: transparent;
	width: 80px;
	height: auto;
}

/* leaseplan */
.divTable{
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.divTableRow,
.leaseplanRow {
	display: table-row;
}
.divTableHeading,
.leaseplanHeading {
	background-color: #eee;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	/*border: 1px solid #999999;*/
	display: table-cell;
	/*padding: 3px 10px;*/
}
.divTableHeading,
.leaseplanHeading {
	background-color: #eee;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot,
.leaseplanFoot {
	background-color: #eee;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody,
.leaseplanBody {
	display: table-row-group;
}

.leaseplan{
	display: table;
	width: 100%;
}
.leaseplanCell, .leaseplanHead {
	border-top: 1px solid #999;
	display: table-cell;
	padding: 15px 20px;
}
.leaseplanCellimg, .leaseplanHead2 {
	display: table-cell;
	padding: 3px 10px;
	text-align: center;
}
.leaseplanCell2, .leaseplanHead2 {
	/*border: 1px solid #999;*/
	display: table-cell;
	padding: 3px 10px;
}
.leaseplanCell2 p {
	color: #09c;
	word-break: break-all;
}


.recLabel {
	background: #eee;
	font-size: 12px;
	text-align: center;
	color: #444;
	padding: 0 2px 0 0;
	margin: 0;
}
.recLabel font {
	font-size: 19px;
	font-weight: bold;
	line-height: 28px;
}

.spectit{
	height: 30px;	
}


/*高機能チェアページ*/

.item-name{
	overflow:hidden;
	width: 140px;
	height: 70px;
}

.flexbox-container-2column li {
  display: inline-block;
	box-sizing: border-box;
	padding: 20px 20px 30px 20px;
	border: 1px #d9d9d9 solid;
}
.flexbox-container-2column li .pic {
	text-align: center;
	height: 130px;
	display: table;
}
.flexbox-container-2column li .pic img {
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	margin: auto;
}


.case_img2{
	float: right;
	width: 200px;
	height: 200px;
}
.case_img3{
	float: left;
	width: 200px;
	height: 200px;
}
.case_img4{
	float: left;
	width: 200px;
	height: 270px;
}


/*高機能チェアページボタン*/
.btn-blue a, a .btn-blue {
	background: #2e8ae5;
	background: linear-gradient(to bottom, #2e8ae5 0%,#003a99 100%);
	border: #003a99 1px solid;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	height: 45px;
	line-height: 46px;
	bottom: 10px;
	font-size: 1.4em;
	margin: 0 auto;
}
.btn-blue a:hover,
a:hover .btn-blue,
.header-search-btn:hover{
	background: #042762;
}

/*高機能チェア1~4ページ*/

.mb35 {
	margin-bottom: 35px;
}

.case_contsize{
	position: relative;
	float: right;
	width: 530px;
	height: 200px;
}
.case_contsize2{
	position: relative;
	float: left;
	width: 530px;
	height: 200px;
}
.case_contsize3{
	position: relative;
	float: right;
	width: 530px;
	height: 420px;
}
.case_contsize4{
	position: relative;
	float: left;
	width: 530px;
	height: 600px;
}


#chair-point span{
	font-size: 18.5px;
}
#chair-point h3 {
	background-image: none;
	display: inline;
	font-size: 30px;
	font-weight: bold;
}
#chair-point #reasonpoint {
	height: 180px;
	margin-bottom: 20px;	
}	
#chair-point #reasonpoint b {
	font-size: 36px;
	color: #2367ca;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff,
}
#chair-point #reasonpoint img {
	width: 150px;
	height: 150px;
	margin: 0 0;
}
#chair-point #reasonpoint .pointsub {
	line-height: 24px;
	padding: 6px 46px 6px 47px;
	background-color: #6aa33c;
	color: #fff;
}
               /*ポイントタイトル四角*/
#chair-point #reasonpoint .pointsub {
	line-height: 24px;
	padding: 6px 27px 6px 28px;
	background-color: #2e8ae5;
	color: #fff;
}
#chair-point #reasonpoint p {
	width: 590px;
	float: right;
}

#cpf ul{font-weight:bold;}



/*サービスコンテンツ*/
.service-img{
	width: 750px;
	height: 150px;
}
.service-box{
	width: 750px;
	height: 650px;
}
.service-box2{
	width: 750px;
	height: 210px;
}
.service-box3{
	width: 750px;
	height: 350px;
}
.service-box4{
	width: 750px;
	height: 550px;
}
.service-box5{
	width: 750px;
	height: 450px;
}
.service-box6{
	width: 900px;
	height: 450px;
}

.case_customer .textlayout{
	font-size: 11px;
	right: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 420px;
}



/*サービスコンテンツ　拠点開設*/

.case_contssurvice{
	margin-top: 10px;
}
.case_customer .textlayout{
	font-size: 11px;
	right: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 420px;
}


/*システム開発*/
.clear30,
.clear60{
  display: block;
  clear: both;
}
.clear30{
  height: 30px;
}
.clear60{
  height: 60px;
}

/*レンタル流れ　ボタン*/
.square_btnfaq_block {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.square_btnfaq {
	width: 150px;
	/* position: relative; */
	/* display: inline-block; */
	padding: 10px;
	text-decoration: none;
	/* left: 270px; */
	color: #fff;
	background: #679d3d;/*背景色*/
	border-radius: 4px;/*角の丸み*/
	/*font-weight: bold;*/
	font-size: 15px;
	text-align: center;
	bottom: 5px;
}
.square_btnfaq:hover {
	opacity: 0.5;
	color: #fff;
	text-decoration:none;
}


/*マンガシステム開発*/

.btn_system,
.btn2_system {
	background: #d3054f;/*ボタン色*/
	border-style: none;
	border-bottom: solid 3px #5a083e;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: var(--common-font-family);
	font-size: 25px;
	text-decoration: none;
	margin: 0;
	padding: 15px 15px 15px;
	text-align: center;
	width: 620px;
	height: 40px;
}
.btn2_system {
	padding: 10px 20px 15px;
	height: 45px;
}
.btn_system:hover,
.btn2_system:hover {/*ボタンを押したとき*/
	background: #bf0045;
	color: #fff;
}


.sysol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.em;
  /*border: solid 2px #679d3d;*/
  width: 600px;
  position: center;
}
.sysol li{
  position: relative;
  padding: 1em 1em 1em 30px;
  /*line-height:0.5em;*/
  color: #679d3d;
  font-weight:bold;
  line-height:0.8;
  font-size: 20px;
  width: 610px;
}
.sysol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #679d3d;
  color: #fff;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
	top: 50%;
	transform: translateY(-50%);
}


.ribbon1 {
	display: inline-block;
	position: relative;
	height: 50px;/*リボンの高さ*/
	line-height: 50px;/*リボンの高さ*/
	vertical-align: middle;
	text-align: center;
	padding: 0 30px;/*横の大きさ*/
	font-size: 18px;/*文字の大きさ*/
	background: #679d3d;/*塗りつぶし色*/
	color: #fff;/*文字色*/
	box-sizing: border-box;
	width: 660px;
}
.ribbon1:before, .ribbon1:after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	z-index: 1;
}
.ribbon1:before{
	top: 0;
	left: 0;
	border-width: 25px 0 25px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}
.ribbon1:after{
	top: 0;
	right: 0;
	border-width: 25px 15px 25px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

/* カテゴリページのお知らせ */
/* 強化中 最大8000台！ホワイトデスク「大量揃い」でご用意！等*/
section.news {
	/* background: #eef0f1; */
	/* padding: 5px; */
	margin-bottom: 10px;
	overflow: hidden;
}
section.news a {
	background: #eef0f1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 5px;
	text-decoration: none;
}
section.news a:hover {
	opacity: 0.85;
}
section.news a > div {
	align-items: center;
	display:flex;
}
section.news .title a,
section.news .title img,
section.news .title span {
	vertical-align: middle;
}
section.news .pred {
	max-width: 330px;
	line-height: 18px;
	position: relative;
}
section.news .pred::after {
	content: "";
	position: absolute;
	border-top: 0 solid transparent;
	border-right: 6px solid #0000;
	border-bottom: 6px solid currentColor;
	border-left: 6px solid #0000;
	width: 0;
	height: 0;
	margin: auto;
	transform: rotate(90deg);
	top: 0;
	bottom: 0;
	right: -15px;
}
section.news .subtitle span {
	font-size: 12px;
	padding: 3px 5px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 2px;
	margin: 0 2px;
	display: inline-block;
	/*border: 1px solid currentColor;*/
}
section.news .subtitle span i {
	color: inherit;
	filter: brightness(0.6);
	width: 19px;
	height: 15px;
	vertical-align: middle;
	line-height: 15px;
}
section.news .billing {
	color: darkcyan;
}
section.news .period {
	color: forestgreen;
}
section.news .delivery {
	color: saddlebrown;
}



/* お知らせ・スタッフブログ */
/* #topicはフロントページ用、無印はお知らせページ用 */
#topic .information {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
#topic .info_section {
	background: #eef0f1;
	font-size: 11px;
	padding: 0;
	margin-right: 10px;
	width: 100%;
	height: 200px;
}
#topic .info_section:last-child {
	margin: 0;
}
#topic .information h2 {
	background: #2e2e2e;
	margin-bottom: 0;
	width: auto;
	color: #fff;
	padding-left: 10px;
	margin: 0;
}
#topic .information h2::before,
#topic .information h2::after {
	content: none;
}
#topic .information ul {
	width: auto;
	overflow-y: auto;
	height: 150px;
	margin: 7px 5px;
}
.info_section li {
	margin: 20px auto;
}
#topic .information ul li:first-child {
	margin: 0 auto 2px;
}

@media screen and (max-width: 767px) {
	#topic .information {
		flex-direction: column;
	}
}



.info_section a,
.info_section .nolink {
	display: flex;
	padding: 2px 3px;
	text-decoration: none;
	font-size: 0;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
}
#topic .info_section a,
#topic .info_section .nolink {
	flex-direction: column;
	align-items: flex-start;
	padding: 2px 5px;
}
.info_section .nolink .title {
	display: inline-block;
}
.info_section .nolink .title a {
	font-size: 13px;
	display: inline-block;
	text-decoration: underline;
}
.info_section a:hover,
.info_section a:active {
	background: #f4f4f4;
}
#topic .info_section a:hover,
#topic .info_section a:active {
	background: #f7f7f7;
}
.info_section .news_head {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.info_section .date,
.info_section .time {
	display: inline-flex;
	width: 125px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2px;
	margin: 0 5px 0 0;
	text-align: center;
	color: #900;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#topic .info_section .date,
#topic .info_section .time {
	width: 110px;
	font-size: 11px;
	align-items: flex-start;
}
#topic .info_section.blog .news_head time,
#topic .info_section.blog .news_head span {
	width: auto;
}
.info_section .category {
	background: #eee;
	border-radius: 2px;
	color: #fff;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	height: 20px;
	padding: 2px 5px;
	margin-right: 5px;
	min-width: 70px;
}
#topic .info_section .category {
	font-size: 11px;
	height: 15px;
	padding: 2px;
}
.info_section .title {
	display: inline-flex;
	/* width: calc(100% - 200px); */
	width: 100%;
	font-size: 13px;
	padding-left: 0;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
}
.info_section .title.separater {
	align-items: center;
	font-size: 15px;
}
#topic .info_section .title {
	width: 100%;
	font-size: 11px;
}
.info_section a .title {
	text-decoration: underline;
}
.category.news {
	background: #3c7ca3;
}
.category.service {
	background: #3ca35b;
}
.category.maintenance {
	background: #b94444;
}
.category.media {
	background: #a38e3c;
}
.category.seminar {
	background: #6c4c00;
}
.category.product {
	background: #5c3ca3;
}
.category.uncategorized {
	background: #e6e6e6;
	color: #353535;
}

@media screen and (max-width: 767px) {
	.info_section a,
	.info_section .nolink {
		flex-direction: column;
	}
}



.news_border{
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}


.scroll-list {
  max-height: 220px;
  overflow-y: auto;
  margin-bottom: 10px;
  list-style-type: none;
}
.scroll-list .scroll-item a {
  display: block;
  padding: 10px 15px;
  color: #333;
  font-size: 0;
  transition: background-color 0.1s;
}
.scroll-list .date {
	display: inline-block;
	width: 13.5%;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2px;
	padding-left: 10px;
}
.scroll-list .category {
  display: inline-block;
  width: 12%;
  border-radius: 5px;
  background-color: #40517a;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 1.0rem;
  padding: 5px;
  line-height: 16px;
}
.scroll-list .category.news {
  background-color: #f90;
}

/* NEWS コンテンツ */
.scroll-list .title {
	display: inline-block;
	width: 70%;
	/*font-size: 1.0rem;*/
	font-size: 0.83rem;
	padding-left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}


/* デスク・ロッカー上部PR宣伝文 */
.news .cont {
  width: 100%;
  margin: auto;
  font-weight: 900;
  text-transform: uppercase;
}
.news .animate {
	font-size: 1.2em;
	line-height: 1.2em;
}
.news a.anime_pr:hover {
  opacity: 0.7;
}

.news .animate span {
	transform: translate(-300px, 0) scale(0);
	animation: sideSlide .5s forwards;
	animation-duration: 5s;
	color: #16499d;
  display: inline-block;
	font-weight: bold;
	line-height: 21px;
	opacity: 0;
	vertical-align: middle;
}
.news .animate span:nth-of-type(2) {
  animation-delay: .05s;
}
.news .animate span:nth-of-type(3) {
  animation-delay: .1s;
}
.news .animate span:nth-of-type(4) {
  animation-delay: .15s;
}
.news .animate span:nth-of-type(5) {
  animation-delay: .2s;
}
.news .animate span:nth-of-type(6) {
  animation-delay: .25s;
}
.news .animate span:nth-of-type(7) {
  animation-delay: .3s;
}
.news .animate span:nth-of-type(8) {
  animation-delay: .35s;
}
.news .animate span:nth-of-type(9) {
  animation-delay: .4s;
}
.news .animate span:nth-of-type(10) {
  animation-delay: .45s;
}
.news .animate span:nth-of-type(11) {
  animation-delay: .5s;
}
.news .animate span:nth-of-type(12) {
  animation-delay: .55s;
}
.news .animate span:nth-of-type(13) {
  animation-delay: .6s;
}
.news .animate span:nth-of-type(14) {
  animation-delay: .65s;
}
.news .animate span:nth-of-type(15) {
  animation-delay: .7s;
}
.news .animate span:nth-of-type(16) {
  animation-delay: .75s;
}
.news .animate span:nth-of-type(17) {
  animation-delay: .8s;
}
.news .animate span:nth-of-type(18) {
  animation-delay: .85s;
}
.news .animate span:nth-of-type(19) {
  animation-delay: .9s;
}
.news .animate span:nth-of-type(20) {
  animation-delay: .95s;
}

/* Animation Three */
@keyframes sideSlide {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #16499d;
  }
  80% {
    transform: translate(20px, 0) scale(1);
    color: #16499d;
  }
  99% {
    transform: translate(0) scale(1.2);
    color: #9cff00;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #16499d;
  }
}


/* 強化中アイコン */
.reinforce_flag {
	background: #16499d;
	color: #fff !important;
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	line-height: 21px;
	position: relative;
	text-align: right;
	margin-right: 17px;
	height: 20px;
	width: 43px;
}
.reinforce_flag::after {
	background: unset;
	border-top: 10px solid #16499d;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #16499d;
	border-left: 5px solid #16499d;
	border-radius: 0;
	content: "";
	right: -13px;
	left: auto;
	padding: 0;
	position: absolute;
	height: 0;
}



/*コピー機静的ページ*/
main .price-copy{
	font-size: 15pt;
	padding-bottom: 5px;
}


/*取引先企業*/

.company-td{
	border-right: 1px #ccc;
	border-left: 1px #ccc;
}

.company-tr{border-right: solid 1px #ccc;}


/* コラム一覧 */
section.column_list {
	width: 100%;
}
section.column_list ul.list_block {
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
	background: #fff;
	padding: 5px 0;
}
section.column_list ul.list_block li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
section.column_list ul.list_block li::after {
	border-bottom: 1px solid #b3b3b3;
	content: "";
	width: 98%;
	margin: auto;
	display: block;
	bottom: -1px;
	position: absolute;
}
section.column_list ul.list_block li:last-child::after {
	content: none;
}
.column_list a em {
	background: #666;
	padding: 0 10px;
	border-radius: 0;
	color: #fff;
	font-size: 10px;
	width: 60px;
	display: flex;
	height: 18px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}
.column_list a {
	font-size: 12px;
	display: block;
	text-decoration: none;
	color: #333;
	background: transparent;
	padding: 5px;
	border-radius: 2px;
	min-height: auto;
	margin: 5px 0;
}
.column_list .title {
	padding: 3px 5px;
	position: relative;
	border: none;
	background: transparent;
	font-size: 17px;
	color: #464646;
	width: 100%;
}
.column_list a .body {
	padding: 3px 5px;
	position: relative;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
.column_list a .body .txt {
	width: calc(100% - 150px);
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 0;
}
.column_list a .body .readmore {
	display: inline-flex;
	flex-direction: row;
	justify-content: right;
	margin: 0;
}
.column_list a .body .readmore span {
	background: transparent;
	color: #464646;
	border: none;
	border-radius: 0;
	box-shadow: none;
	min-height: 25px;
	line-height: 25px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	font-size: 12px;
	padding: 0 17px 0 5px;
}
.column_list a .readmore span::after {
	content: "";
	border: none;
	margin: auto;
	position: absolute;
	transform: skew(45deg);
	top: auto;
	right: 0;
	bottom: 5px;
	width: 90px;
	height: 8px;
	border-right: 1px solid #464646;
	border-bottom: 1px solid #464646;
	left: -15px;
	transition: all 0.1s ease-in;
}
.column_list a:hover .readmore span::after {
	left: -7px;
}
.column_list h3::before {
	content: none;
}

/*メンテナンス*/
.dotarea{}

.area-img{
background-color: #fffcd3;
margin: 0 0 0 10px;
float:left;
border-radius: 20px;
}
.area-img2{width: 500px;
background-color: #fffcd3;
margin: 0 10px 0 0;
float:left;
border-radius: 20px;
}

.area-1{
	font-size: 12px;
	width: 270px;
	height: 365px;
	/*background-color: #fffcd3;*/
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	line-height: 1.6;

	color: #5d627b;
	background: #fff;
	/*border-top: solid 5px #5d627b;*/
	border-top: solid 5px #5ec632;
}

.area-2{
	font-size: 11.2px;
	width: 200px;
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	line-height: 1.6;
	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 

.area-3{
	font-size: 11.5px;
	width: 200px;
	background-color: #fffcd3;
	float:left;
	margin: 0 9px 10px 9px;
	padding: 10px 20px;
	/*height: 365px;*/
	line-height: 1.6;

	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 

.area-4{
	font-size: 11.5px;
	width: 200px;
	background-color: #fffcd3;
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	/*height: 365px;*/
	line-height: 1.6;

	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 

.area-5{
	font-size: 11.5px;
	background-color: #fffcd3;
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	/*height: 365px;*/
	line-height: 1.6;
	height: 150px;
	color: #5d627b;
	background: #fff;
	border-top: solid 5px #5ec632;
} 


.area-height1{height: 300px;}
.area-height2{height: 265px; font-size: 11.5px;}
.area-height3{height: 210px; font-size: 11.5px;}

.area-text{text-align: center;
font-size: 20px;
margin: 10px 0;
padding: 3px 0;/*上下の余白*/
/*  border-top: solid 1px; 上線
  border-bottom: solid 1px ;下線*/
}


/*アイテムページメーカー*/
.maker4{
	margin: 15px 5px 15px 30px;
	width: 150px;
}
.maker4 a,
.maker6 a,
.maker7 a {
	text-decoration: none;
}
.maker4 dt a{
	font-weight: lighter;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.maker4 dd{
	font-size: 11px;
	line-height: 1.7;
	padding: 0;
}

.section_manufacturer {
	font-size: 12px;
}

.section_manufacturer .maker4 {
	display: inline-block;
	width: calc(25% - 4px);
	margin: 0;
}
.section_manufacturer .maker4 h4 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 35px;
	text-align: left;
}
.section_manufacturer ul.m_cate li a {
	display: block;
	position: relative;
	padding: 1px 0 1px 15px;
}
.section_manufacturer ul.m_cate li a::before {
	content: "";
	border-top: 0 solid transparent;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 0 solid transparent;
	border-radius: 1px;
	transform: rotate(-45deg);
	position: absolute;
	margin: auto;
	transition: all .3s ease-in;
	bottom: 0;
	left: 2px;
	top: 0;
	width: 5px;
	height: 5px;
}
.section_manufacturer ul.m_cate li a:hover::before {
	border-color: #c94c00;
}
.maker5{
	margin: 15px 5px 15px 30px;
	width: 350px;
}
.maker6{
	width: 170px;
	margin: 5px 5px 5px 10px;
}
.maker7 {
	margin: 5px 5px 5px 10px;
	width: 360px;
}

/* メーカー・シリーズからチェアを探す 2022/9/15 */
.maker4_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.maker4_wrap .maker4 {
	padding: 15px 5px;
	width: 160px;
	margin: 0;
}
.maker4_wrap a {
	display: block;
	font-size: 12px;
	text-align: left;
}
.maker4_wrap a:hover {
	opacity: .8;
}
.maker4_wrap a img + img {
	width: 160px;
	object-fit: cover;
	height: 100px;
	background: #eee;
}
.maker4_wrap ul a {
	width: calc(100% - 15px);
	text-align: left;
	padding: 2px 15px 2px 0;
	position: relative;
}
.maker4_wrap ul a::after {
	content: "";
	position: absolute;
	right: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
}


/*電話問合わせ*/
.teltd {
	border-color: #ddd;
	color: #000;
	font-size: 17px;
	text-align: center;
	width: 355px;
}  

.tel1{
	font-size: 14px;
	line-height: 35px; 
	width: 320px;
	height: 100px;
	padding: 20px 0 0 20px;
	background-color: #e8eef6;
	float:left;
	border-radius: 10px;
	font-weight: bold;
	margin-left: 20px;
}

.tel2{
	font-size: 14px; 
	line-height: 35px;
	width: 320px;
	height: 100px;
	padding: 20px 0 0 20px;
	background-color: #e9f6e8;
	float:right;
	border-radius: 10px;
	font-weight: bold;
	margin-right: 20px;
}

.telephone_numbs .tel_area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.telephone_numbs dl {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
	background: #679d3d;
	padding: 10px;
	width: 300px;
	margin: 10px 5px;
	border: 5px solid #4b821f;
	color: #fff;
}
.telephone_numbs dt {
	border: 1px solid #fff;
	padding: 5px 0;
	font-size: 22px;
	margin: 5px auto;
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
	line-height: 23px;
	min-width: 80px;
	color: currentColor;
}
.telephone_numbs dd {
	font-size: 25px;
	font-weight: bold;
	padding: 0 5px;
	color: currentColor;
	justify-content: center;
	display: inline-flex;
	flex-direction: column;
}
.telephone_numbs dl + dl {
	background: #3286c5;
	border: 5px solid #1a73b7;
}


/* 右サイド追従CVポイント */
.contact_mail,
.contact_tel {
	/*display: inline-block;*/
	display: none;
	border-radius: 25px;
	text-decoration: none;
	color: #fff;
	transition: .4s;
	position: fixed;
	width: 54px;
	height: auto;
	bottom: 0;
	margin: 8px;
	right: 0;
	z-index: 8;
	margin-bottom: 200px;
	writing-mode: tb-rl;
}
.contact_tel {
	margin: 8px;
}
.contact_mail a,
.contact_tel a {
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 13px;
	text-decoration: none;
	height: auto;
	line-height: 1.1em;
	padding: 45px 20px 20px;
	transition: all 0.2s cubic-bezier(.18,.89,.32,1.28) 0s;
}
.contact_mail a {
	background: #d3054f no-repeat url(/images/mail03.png) 50% 15px;
	background-size: 23px;
}
.contact_tel a {
	background: #d19710 no-repeat url(/images/tel03.png) 50% 15px;
	background-size: 23px;
}
.contact_mail a:hover,
.contact_tel a:hover {
	transform: scale(1.05) translate(-0.2em,0);
}
.contact_mail a:hover {
	background-color: #bd0547;
}
.contact_tel a:hover {
	background-color: #bb870e;
}

/**/

.ribbon17-wrapper {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  width: 200px;
  height: 150px;
  box-sizing: border-box;
 float:left;
}

.ribbon17-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon17 {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 18px;
  line-height: 16px;
  background: #ffa520;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ribbon17:before, .ribbon17:after {
  position: absolute;
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon17:before {
  left: 14px;
}

.ribbon17:after {
  right: 18px;
}



main .price-back {
	font-size: 9pt;
	padding-bottom: 5px;
	background-color: #eef6e8;
	border-radius: 10px;
	width: 140px;
	margin-left: 30px;
	padding: 5px;
}
main .price-back span.lprice-back{
	font-size: 12pt;
	color: #eef6e8;
	font-weight: bold;
}

.fright{
	float: right;
	margin-top: 45px;
}
/**/

.workbtn{
	width: 150px;
	border-radius: 10px;
	color: #fff;
	background-color: yellowgreen;
	padding: 6px;
	margin: 5px;
	font-weight: bold;
}
.inline-block1 {
  text-align: center;
}

.inline-block1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inline-block1 li {
  display: inline-block;
  font-size: 15px;
  padding-left: 20px;
}

.frame-box-001 {
	padding: 10px;
	position: relative;
	text-align: center;
	margin: 10px;
}

.frame-box-001::before, .frame-box-001::after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
}

.frame-box-001::before {
	border-left: solid 2px #c3db61;
	border-top: solid 2px #c3db61;
	top: 0;
	left: 0;
}

.frame-box-001::after {
	border-right: solid 2px #c3db61;
	border-bottom: solid 2px #c3db61;
	bottom: 0;
	right: 0;
}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 15px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #eee;
  border-radius: 15px;
}
.balloon1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #eee;
  z-index: 0;
}
.balloon1 p {
	margin: 0;
	padding: 0;
	width: 100%;
}


.makerstyle{margin-right: 50px;}
.makerstyle2 a{margin-left: 10px;}

.maker_box {
	width: auto;
	border: none;
	background: none;
	box-shadow: none;
	margin-bottom: 26px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.maker_box .chair-name{
	width: 100%; 
	margin: 0; 
}
.maker_items {
	/* box-sizing: border-box;
	margin-right: 26px;
	width: 140px;
	height: 165px;
	position: relative;
	overflow: hidden; */
	width: calc(20% - 5px);
}
.maker_phot{
  /* position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-70%, -45%); */
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.maker_iteminfo {
	margin: 15px 0 15px 0;
	position: relative;
}

.maker_items a,
.series_name a{	
	text-decoration: none;
	color: black;
}
.maker4 dt{margin-bottom: 5px;}

@media screen and (max-width: 767px) {
	.maker_items {
		width: calc(33% - 5px);
	}
}


/* 比較 */
.comparison_wrap .notes {
	font-size: var(--common-font-size);
}
.comparison_wrap .point {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: var(--common-font-size);
}
.comparison_wrap .point a {
	display: inline-flex;
	align-items: center;
}
.comparison_wrap .point svg {
	width: 180px;
	height: 25px;
	fill: #6aa33c;
	margin: 0 5px;
	display: inline-flex;
	align-items: end;
	justify-content: end;
}

.comparison {
	display: grid;
	justify-content: center;
	grid-template-columns: 200px repeat(4,1fr);
	width: 100%;
	align-items: center;
	margin: 30px auto;
	gap: 5px;

	position: relative;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	/* grid-template-columns: 150px repeat(3, 1fr); */
}
.comparison .comparison_table {
	background: #fff;
	border-radius: 2px;
	margin: 0;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2px;
	width: 100%;
}
.comparison .comparison_table:first-child {
	background: #fff;
	margin: 0;
}

.comparison .comparison_table_wrap {
	display: inline-grid;
	grid-template-columns: 100px 170px repeat(2, 170px);
	gap: 3px;
	margin: 10px 0;
}


:root {
	--comparison-color-feature: #4caf50;
	--comparison-bgcolor-feature: #faebd7;
}
.comparison .comparison_table.feature {
	background: var(--comparison-color-feature);
	border: 6px solid var(--comparison-color-feature);
	border-top: 0 solid var(--comparison-color-feature);
	border-radius: 0;
	margin: 0 10px;
	transform: scale(1.04) translateX(-5px);
	transition: all .1s linear;
	width: calc(100% - 20px);
}
.comparison .comparison_table.feature:hover {
	box-shadow: 0 0 0 5px var(--comparison-color-feature) inset,0 5px 2px -3px #929ba4;
	transform: scale(1.07) translateX(-5px);
}
.comparison .comparison_table [class^="table_"] div {
	text-align: center;
	line-height: 17px;
	font-size: 13px;
	min-height: 70px;
}
.comparison .comparison_table [class^="table_"] svg {
	width: 20px;
	height: 20px;
}
.comparison .comparison_table.feature [class^="table_"] div {
	background: var(--comparison-bgcolor-feature);
}
.comparison .comparison_table.feature [class^="table_"] div:last-child {
	border-bottom: none;
}
.comparison .comparison_table.feature [class^="table_"] svg {
	fill: var(--comparison-color-feature);
}
.comparison .comparison_table.feature .table_header {
	background: var(--comparison-color-feature);
}
.comparison .comparison_table:not(:first-child):not(.feature) .table_header {
	background: #dfdfdf;
	border-radius: 2px 2px 0 0;
	color: var(--common-color-gray4);
}
.comparison .comparison_table.feature .table_header div {
	background: var(--comparison-color-feature);
	color: #fff;
}
.comparison .comparison_table:first-child .table_header div:not(.blank) {
	background: #ececec;
}
.comparison .comparison_table.feature .table_header svg {
	fill: #fff;
	width: 120px;
	height: 20px;
}
.comparison .comparison_table:not(.feature) .table_content div {
	background: #f7f7f7;
}
.comparison .comparison_table:not(.feature) .table_content svg {
	fill: #716e77;
}
.comparison [class^="table_"] {
	width: 100%;
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
}
.comparison .table_content div {
	font-size: var(--common-font-size);
}
.comparison [class^="table_"] svg {
	fill: #fff;
	height: auto;
	width: 70px;
}
.comparison [class^="table_"] div {
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: var(--common-font-size);
	padding: 2px 5px;
	width: 100%;
	height: 45px;
	white-space: break-spaces;
}
.comparison [class^="table_"] div:first-child {
	flex-direction: row;
	font-weight: bold;
	font-size: 15px;
}
.comparison [class^="table_"] div a {
	font-size: 12px;
}
.comparison [class^="table_"] div span[class] {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 0;
	height: 0;
}
.comparison .blank {
	background: transparent;
}



/* FAQ/QAページ
------------------------------------- */
.faq_section {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 30px;
}
.faq_section:last-child {
	margin: 0;
}
.faq_section h3 {
	font-weight: bold;
	font-size: 16px;
	padding: 0 5px;
	text-align: left;
}
.faq_section > div {
	gap: 10px;
	display: inline-grid;
}
.faq_section details {
	background: #fafafa;
	box-shadow: 0 2px 0 -1px #f0f0f0;
	border-radius: 2px;
	display: flex;
	max-height: 40px;
	overflow: hidden;
	transition: all 0.4s;
}
.faq_section details[open] {
  max-height: 1000px;
}
.faq_section details .faq-mark {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.faq-mark svg {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-right: 10px;
	height: 20px;
	width: 20px;
}
.faq_section details .faq-mark .faq-q {
	fill: #2148A4;
}
.faq_section details .faq-mark .faq-a {
	fill: #D75000;
}
.faq_section details summary,
.faq_section details .anser {
	background: #eff1f2;
	border-radius: inherit;
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: inherit;
	font-size: 14px;
	padding: 5px 10px;
	margin: 0;
	min-height: 40px;
	width: 100%;
}
.faq_section details summary {
	font-weight: bold;
}
.faq_section details .anser {
	background: #fafafa;
	/* box-shadow: 0 2px 0 -1px #f0f0f0; */
}
.faq_section details[open] summary {
	background: #e6eaec;
	border: 1px solid transparent;
}
.faq_section details summary:hover {
}
	
.faq_section details > summary::before {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='summary-icon'%3E%3Cstyle%3E.summary-icon%7Bfill:%23333;%7D%3C/style%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E") no-repeat;
	content: "";
	display: inline-flex;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 15px;
	left: auto;
	margin: auto;
	top: 0;
	bottom: 0;
	transition: all .2s ease-in;
	transform: rotate(-90deg);
	border: none;
}
.faq_section details[open] > summary::before {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='summary-icon'%3E%3Cstyle%3E.summary-icon%7Bfill:%23333;%7D%3C/style%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") no-repeat;
	transform: rotate(0);
}
	
.faq_section details .anser > div {
	width: 100%;
	display: inline-flex;
	flex-direction: column;
}
.faq_section details .anser ol.secondary > li::before {
	background: transparent;
}
.faq_section details .anser figure {
	background: #fff;
	border-radius: 3px;
	display: inherit;
	flex-direction: column;
	align-items: center;
	align-content: center;
	margin-top: 10px;
	padding: 5px;
	width: 150px;
}
.faq_section details .anser figcaption {
	font-size: 10px;
}
.faq_section p {
	display: inline-flex;
	margin: 0;
	font-size: 14px;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.faq_section details summary p {
	width: calc(100% - 50px);
}
.faq_section p a {
	line-height: inherit;
}



.faq-wrap details.expandup > summary {
	border: 1px solid #333;
	border-radius: 25px;
}
.faq-wrap details.expandup > summary.faqsummary::after {
	content: "よくあるご質問をもっと見る";
	font-size: 14px;
}
.faq-wrap details[open].expandup > summary.faqsummary::after {
	content: "閉じる";
}


.noborder {
	background: #ececec;
	background-image: linear-gradient(to top right, transparent, transparent 49%, #ccc 49%, #ccc 51%, transparent 51%, transparent);
}

.measure-support{
	position: relative;
}

.measure-support2{
	position: absolute; 
	left: 750px; 
	z-index: 30;
}

.pred{
	font-size: 11pt;
	color: #bd3347;
	font-weight: bold;
}

.categorylink{
	color: #000;
	text-decoration: none;
}

.rankingh2{
	background: none;
	color: #000 !important;
	font-size: 13px;
	padding: none;
	padding: 5px;
	margin-bottom: 3px;
}


.online-btn{
	background: #faf3c7;
	background: linear-gradient(#ffc800 0%, #ffd743 100%);
	border-radius: 5px;
	color: #f9a9ae;
	display: inline-block;
	font-weight: bold;
	float: left;
	position: relative;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding: 10px 8px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 350px;
}

.online-btn2{
	background: #faf3c7;
	background: linear-gradient(#004986 0%, #1d2088 100%);
	border-radius: 5px;
	color: #f9a9ae;
	font-weight: bold;
	float: left;
	display: inline-block;
	position: relative;
	text-decoration: none;
	/* width: 120px; */
	/* height: 50px; */
	/* line-height: 50px; */
	text-align: center;
	overflow: hidden;
	padding: 10px 8px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 350px;
}

.online-btn3{
	margin-bottom: 10px;
	padding: 0 4px 0 0;
	float: right;
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

.chair-name{
	width: 180px; 
	margin-top: 30px; 
}


/*TOPKVスライダー*/
.mainkv {
  width: 750px;
  height: 250px;
  position: relative;
}

.kvslider {
  margin: 0 auto;
  max-width: 750px;
}

.kvslide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.kvslide a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.kvslide:first-child {
  display: block;
}

.kvslide:nth-of-type(1) {
  /*background: #d7a151;*/
}

.kvslide:nth-of-type(2) {
  /*background: #f4e4cd;*/
}

.kvslide:nth-of-type(3) {
  /*background: #c75534;*/
}

.kvslide:nth-of-type(4) {
  /*background: #d1d1d4;*/
}
.kvslide:hover img {
	opacity: 0.8;
}

.slide_buttonskv {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  margin-top: -8px;
}

a.slide_btnkv {
  color: #474544;
  font-size: 25px;
  margin: 0 0.175em;
  transition: all 0.4s ease-in-out;
}

.slide_btnkv.active, .slide_btnkv:hover {
  color: #6aa33c;
  cursor: pointer;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 70px;
  opacity: 0.5;
  transition: opacity 0.4s ease-in-out;
  width: 70px;
  z-index: 2;
}

.top-info{
	padding: 1px 15px; 
	background-color: #ffece6; 
	font-size: 12px;
	margin-bottom: 10px;
}
.top-info-box{
	margin: 5px; 
	font-size: 12px;
}
.top-info-content {
	padding: 5px 5px 5px 26px;
}
.top-info-title {
	line-height: 22px;
	font-weight: bold;
	color: #f44336;
	font-size: 14px;
}

.point-1 img{
	width: 170px;
}

.basket_btn{
	margin-right: 20px;
	width: 220px;
	/*padding: 0.7em 0;*/
	font-size: 10pt;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 10px 20px 7px 20px;
	color: #fff;
	background-color: #679d3d;
	border-radius: 4px;
	border-style: none;
	font-family: var(--common-font-family);
	cursor: pointer;
}

.formTable img{
	width: 50px;
	float: right;
	margin-right: 10px;
}
.formTable textarea {
	resize: vertical;
	width: 450px;
	max-height: 500px;
	min-height: 100px;
}

.total{
	color: #d83c3c;
	font-weight: 600;
}

.category_wrapper li{
	display: inline-block;
	padding: 3px 11px;
	margin: 4px 2px;
	font-weight: bold;
	color: #474747;
	border-radius: 3em;
	border: 1px solid #777;
	background-color: #fff;
}

.check li{
	margin-bottom: 10px;
	list-style-type:none;
	background:url(/images/subscbusters/icon-check.png) left no-repeat;
	text-indent: 35px;
	background-size: 18px;
}


#CDT,
#CDT01 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 45px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 100%;
}

.ttl {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin: 0;
	line-height: 1.5;
}

.timer {
	background: #bf3525;
	margin: 5px auto;
	padding: 5px;
}




/*--------------------------------- 
 *　オフィス作成ぜんぶレンタルでおまかせ！まるごとオフィスキャンペーン
　　アイテム個数変動フォーム
 --------------------------------- */

table.item-quantity-table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.item-quantity-table thead th {
	height: 45px;
	background: #f2f2f2;
}
table.item-quantity-table thead th.item-price {
	width: 90px;
}
table.item-quantity-table thead th.item-quantity-count {
	width: 160px;
}
table.item-quantity-table tfoot td {
	background: #f2f2f2;
}
table.item-quantity-table tfoot td.grandtotal-title {
	font-size: 18px;
	text-align: right;
}
table.item-quantity-table th,
table.item-quantity-table td {
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: middle;
}
table.item-quantity-table .item-name {
	min-width: 250px;
}
table.item-quantity-table tbody .item-name {
	width: 90px;
	padding: 0;
}
table.item-quantity-table tbody .item-name a {
	display: block;
	padding: 10px;
	text-decoration: none;
}
table.item-quantity-table tbody .item-name img {
	max-width: 50px;
	max-height: 50px;
	vertical-align: middle;
	margin-right: 3px;
	display: inline-block;
}
table.item-quantity-table tbody .item-name .item-name_title {
	display: inline-block;
	width: calc(100% - 60px);
	vertical-align: middle;
	word-break: break-all;
}
table.item-quantity-table .item-price {
	text-align: left;
}
table.item-quantity-table tbody .item-price {
	text-align: right;
	width: 90px;
}
table.item-quantity-table .quantity {
	font-size: 0;
	text-align: center;
	margin: auto;
	width: 150px;
	letter-spacing: 0;
}

table.item-quantity-table td[class^="item-price"],
table.item-quantity-table td[class^="subtotal-item"] {
	font-size: 14px;
	max-width: 150px;
}
table.item-quantity-table td[class^="item-price"] {
	max-width: 120px;
}

table.item-quantity-table td.grandtotal {
	font-size: 21px;
}

/* WebKit ブラウザで、input type="number" のスピンボタンを非表示にする。 */
table.item-quantity-table input[type="number"]::-webkit-outer-spin-button,
table.item-quantity-table input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
/* Firefox で、input type="number" のスピンボタンを非表示にする。また、入力欄の値表示を中央寄せにし、高さをボタンのサイズに合わせる。 */
table.item-quantity-table input[type="number"] {
	text-align: center;
	height: 40px;
	border: 3px solid #e3e3e8;
	border-radius: 0;
	box-shadow: 0 1px 0 0 #ccc,0 1px 0 0 #ccc inset;
	font-size: 19px;
	padding: 0;
	width: 70px;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	vertical-align: middle;
	box-sizing: border-box;
}
table.item-quantity-table input[type="number"]:focus-visible {
	outline: none;
}
.quantity button.btn-number {
	background: #e3e3e8;
	box-shadow: 0 1px 0 0 #ccc;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	font-size: 0;
	font-weight: bold;
	position: relative;
	padding: 0;
	width: 40px;
	height: 40px;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.quantity button.btn-number:hover {
	filter: brightness(90%);
}
.quantity .quantity-btn {
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	margin: auto;
	font-weight: bold;
	vertical-align: middle;
}
.quantity .quantity-add button.btn-number {
	border-radius: 0 5px 5px 0;
}

.quantity .quantity-add button::after,
.quantity .quantity-sub button::after,
.quantity .quantity-add button::before {
	background: #2f2f2f;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}
.quantity .quantity-add button::before {
	content: "";
	width: 4px;
	height: 16px;
}
.quantity .quantity-add button::after,
.quantity .quantity-sub button::after {
	content: "";
	width: 16px;
	height: 4px;
}
.quantity .quantity-sub button.btn-number {
	border-radius: 5px 0 0 5px;
}

.lh1{
	line-height: 1.5;
}

.top-info_g{
	padding: 15px 15px 3px 15px;
	background: #fbfbfb;
	border: 3px solid #eef6e8;
	border-radius: 5px;
	font-size: 12px;
	margin-bottom: 10px;
}

/* Youtube/動画 */
.centervd {
	margin: 10px auto;
	display: flex;
	justify-content: center;
}

.yt { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 320px;
	height: 180px;
}

.yt2{ /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
  position: relative;
  width: 170px;
  height: 108px;
}

.yt iframe ,
.yt2 iframe { /* 親要素内100%で動画を表示する */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.yt_video ,
.yt2_video { /* 親要素内100%でサムネイル画像を表示する */
  position: absolute;
  width: 100%;
  height:auto;
  top:0;
}
.yt_video img { /* 親要素内100%でサムネイル画像を表示する */
  width: 100%;
  height:auto;
}

.yt_video::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f04b";
  font-weight: 900;
  color: #6aa33c;
  font-size: 30px;
  top: 50%;
  left: 50%;
  transform : translate(-50%,-50%);
  opacity: .90;
  transition:.5s;
}

.yt_video img:hover{ /* ホバー時にカーソル変える */
  cursor: pointer;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.yt_video:hover::before { /* ホバー時アイコンの色変える */
  color: #fc0d1c;
  transition:.5s;
}


/* ========news migration======== */
main .news-migration h2 span {
	font-size: 14px;
}
main .news-migration h3.green {
	margin: 0 0 10px 0;
}
.news-migration .img {
	width: 100%;
}
.news-migration .img img {
	max-width: 100%;
	width: auto;
}
.news-migration .flex {
	display: flex;
	margin: 50px 0 20px;
}
.news-migration .flex .img {
	width: auto;
	margin: 0 20px 0 0;
}
.news-migration .flex.last-contents {
	margin: 50px 0;
}
.news-migration .flex.last-contents .img {
	min-width: 327px;
	margin: 0 0 0 20px;
}

.event-img,
.event-img img {
	width: 100%;
}
.edit-img img {
	width: 298px;
	height: 55px;
}
.flex {
	display: flex;
}
.event01 {
	margin-bottom: 30px;
}
.event01 .img {
	width: 386px;
}
.event01 .img img {
	width: 100%;
}
.event01 .text-area {
	width: calc(100% - 400px);
	margin: 0 14px 0 0;
}
.event02 .img {
	width: 208px;
}
.event02 .img img {
	width: 100%;
}
.event02 .text-area {
	width: calc(100% - 220px);
	margin: 0 0 0 12px;
}
.event03 {
	margin-bottom: 30px;
}
.event03 .text-area {
	margin-left: 20px;
}
.reviews .reviews_conts {
	display: flex;
	align-items: center;
}



/* コンテンツ新カラム */
.column-wrap {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.column-wrap span.bold {
	display: contents;
}
.column-wrap span.bold.upper-dot {
	display: inline;
}
.column-wrap [class*="column-"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.column-wrap [class*="column-"].top,
.column-wrap [class*="column-"].vtop {
	justify-content: flex-start;
}
.column-wrap [class*="column-"] div.img {
	max-height: 100%;
	max-width: 100%;
	position: relative;
}
.column-wrap img {
	border-radius: 3px;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.column-wrap .column-left a {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.column-wrap a img:hover {
	opacity: .8;
}

.column-wrap .column-title {
	clear: both;
	position: absolute;
	top: -20px;
	font-weight: bold;
	text-align: left;
	width: 50%;
}

.column-wrap .column-1-1,
.column-wrap .column-1-1-1,
.column-wrap .column-1-1-1-1,
.column-wrap .column-1x4,
.column-wrap .column-1x5,
.column-wrap .column-2-1-2,
.column-wrap .column-2-1,
.column-wrap .column-1-2,
.column-wrap .column-3-1,
.column-wrap .column-1-3,
.column-wrap .column-4-1,
.column-wrap .column-1-4 {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	width: 100%;
}

/* 1:1 */
.column-1-1 > .column-left,
.column-1-1 > .column-right {
	max-width: 50%;
	position: relative;
}

/* 1:1:1 */
.column-1-1-1 > [class*="column-"] {
	max-width: calc(100% / 3);
	text-align: center;
}
.column-1-1-1 > [class*="column-"] img {
	margin: auto;
}

/* 1:1:1:1 */
.column-1-1-1-1 > [class*="column-"],
.column-1x4 > [class*="column-"] {
	max-width: calc(100% / 4);
	text-align: center;
}
.column-1-1-1-1 > [class*="column-"] img,
.column-1x4 > [class*="column-"] img {
	margin: auto;
}

/* 1:1:1:1:1 */
.column-1x5 > [class*="column-"] {
	max-width: calc(100% / 5);
	text-align: center;
}
.column-1x5 > [class*="column-"] img {
	margin: auto;
}
.column-wrap [class*="column-"].dis_b {
	display: block;
}
		
/* 2:1:2 */
.column-2-1-2 > .column-left,
.column-2-1-2 > .column-right {
	max-width: calc((100% / 5) * 2);
}
.column-2-1-2 > .column-center {
	max-width: calc(100% / 5);
}

/* 2:1 */
/* 1:2 */
.column-2-1 > .column-left,
.column-1-2 > .column-right {
	width: 65%;
	/*max-width: 65%;*/
}
.column-2-1 > .column-right,
.column-1-2 > .column-left {
	width: 35%;
	/*max-width: 35%;*/
}

/* 3:1 */
/* 1:3 */
.column-3-1 > .column-left,
.column-1-3 > .column-right {
	width: calc((100% / 4) * 3);
}
.column-3-1 > .column-right,
.column-1-3 > .column-left {
	width: calc(100% / 4);
}

/* 4:1 */
/* 1:4 */
.column-4-1 > .column-left,
.column-1-4 > .column-right {
	width: calc((100% / 5) * 4);
}
.column-4-1 > .column-right,
.column-1-4 > .column-left {
	width: calc(100% / 5);
}

.column-wrap.center div {
	margin: auto;
}
.column-wrap .h150 {
	height: 150px;
}
.column-wrap .h200 {
	height: 200px;
}
.column-wrap .h250 {
	height: 250px;
}

@media screen and (max-width: 767px) {
	.column-wrap .column-1-1,
	.column-wrap .column-1-1-1,
	.column-wrap .column-1-1-1-1,
	.column-wrap .column-1x4,
	.column-wrap .column-1x5,
	.column-wrap .column-2-1-2,
	.column-wrap .column-2-1,
	.column-wrap .column-1-2,
	.column-wrap .column-3-1,
	.column-wrap .column-1-3,
	.column-wrap .column-4-1,
	.column-wrap .column-1-4 {
		flex-direction: column;
		align-items: center;
	}

	.column-2-1 > .column-right,
	.column-1-2 > .column-left {
		width: 100%;
	}
	
	.column-2-1 > .column-left,
	.column-1-2 > .column-right {
		width: 100%;
	}

	.column-1-1 > .column-left,
	.column-1-1 > .column-right {
    max-width: 100%;
		align-items: center;
	}

}


/* 横並び・一列・列配置 */
.row_placement {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	margin: auto;
	padding: 10px;
	flex-wrap: wrap;
	gap: 5px;
	align-items: flex-start;
}
.row_placement div {
	background: #f7f7f7;
	border-radius: 5px;
	display: inline-flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	/* margin: auto; */
	/* height: 180px; */
	/* width: 220px; */
	flex: 1;
	/* width: calc(100% / 2); */
}
.row_placement div span {
	display: block;
}
.row_placement .txt {
	font-weight: bold;
	font-size: 14px;
	margin: 5px auto;
	/* line-height: 30px; */
	/* height: 40px; */
}
.row_placement img {
	aspect-ratio: 1/1;
}
.row_placement.wrap {
	flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
@media screen and (max-width: 767px) {
	.row_placement .sdgs_logo {
		width: 100%;
	}
	.row_placement div {
		width: calc((100% / 2) - 10px);
		flex: unset;
	}
}


/* リスト内コンテンツ・1列 */
.list_row_column li {
	display: flex;
	margin-bottom: 5px;
}
.list_row_column li div:first-child {
    flex-basis: 15%;
    max-width: 15%;
}
.list_row_column li div:last-child {
    flex-basis: 85%;
    max-width: 85%;
}


/* ヒント・説明 */
.hint {
	background: #f9f9f9;
	border-radius: 2px;
	color: #7d7d7d;
	display: inline-block;
	line-height: 20px;
	font-size: 13px;
	font-style: italic;
	padding: 10px;
	margin: 10px 0;
	width: auto;
	border-radius: 10px;
}
/* .hint::before {
	content: "\f059";
	display: inline-block;
	font-size: 13px;
	font-style: normal;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	vertical-align: middle;
	height: 25px;
	width: 25px;
} */

.description {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #999;
	font-size: 11px;
	text-align: center;
	padding: 0;
	width: auto;
}


/* LPのシンプル系sectionデザイン */
section.lp_section_header,
section.lp_section {
	margin-bottom: 100px;
}
section.lp_section h3 {
	letter-spacing: 3px;
	text-align: center;
}
section.lp_section .lp_section_inner {
	margin-left: auto;
	margin-right: auto;
}
section.lp_section .image_section {
	text-align: center;
}
section.lp_section .body_section {
	margin: 20px auto;
	width: calc(100% - 5%);
}

.movie_section {
	text-align: center;
	margin-bottom: 20px;
}
.movie_section iframe {
	background: url(/images/no_image.png);
}



/* レンタルバスターズは全国対応 */
.area_select {
	background: #efeeee;
	border-radius: 10px;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: 6px;
	width: 350px;
}
.area_select .bold {
	font-size: 15px;
}
.area_select ul {
	display: inline-block;
	text-align: left;
	margin-left: 20px;
	vertical-align: top;
	width: calc(40% - 24px);
}
.area_select li {
	list-style: disc;
}
.area_select ul a {
	display: block;
	margin: 0 0 0 -20px;
	padding: 0 0 0 20px;
	position: relative;
	text-align: left;
	/* width: calc(100% - 30px); */
	width: 100%;
	z-index: 0;
}

/* 大量に揃う 在庫数10,000点 関西倉庫1,000坪 関東倉庫1,500坪 */
.zaiko_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: calc(100% - 10px);
	margin: auto;
}
.zaiko_wrap a {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.zaiko_wrap .zaiko_block {
	background: #f2f2bc;
	border-radius: 3px;
	padding: 0 10px;
}
.zaiko_wrap span {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0;
}
.zaiko_wrap .title {
	color: #478416;
	justify-content: center;
	flex-direction: column;
	font-size: 18px;
}
.zaiko_wrap .count {
	font-size: 30px;
	letter-spacing: -1px;
	color: #f0533e;
	font-weight: bold;
	padding: 0 5px;
}

@media screen and (max-width: 767px) {
	.zaiko_wrap {
		flex-direction: column;
		gap: 5px;
	}
}


/* 入札資格あり */
.prom_brick {
	font-size: 14px;
	margin-right: 0;
	position: relative;
	display: flex;
}
.prom_brick a {
	text-decoration: none;
}
.prom_brick > div {
	width: 100%;
}
.prom_brick .brick {
	background: #fff;
	font-weight: bold;
	color: #5d9332;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 90px;
	width: auto;
	position: relative;
	border: 1px solid #8fc31f;
	margin: 10px 12px 10px 0;
	text-align: center;
	letter-spacing: 0.5px;
}
.prom_brick > div:last-child .brick {
	margin-right: 0;
}
.prom_brick .upside {
	background: #fbe1e2;
	width: 90%;
	margin: 0 auto 5px;
	padding: 2px 0;
	display: block;
	line-height: 22px;
	height: 24px;
	font-size: 14px;
	font-weight: normal;
}
.prom_brick .upside > span {
	font-size: 13px;
}
.prom_brick .downside {
	font-size: 19px;
	line-height: 30px;
	height: 30px;
	letter-spacing: 0.2px;
}

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

	.prom_brick > div {
		width: 50%;
	}
}


/**************************
 アコーディオン表示
・landscape　横長・縦列表示
・portrait　縦長・横列表示
中カテ「選ばれ続ける理由」などで使用
**************************/
.accord_container.landscape {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.accord_container.portrait {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.accord_wrap.simple {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	flex: auto;
	margin: 2px 0;
}
.accord_wrap.btntype {
	display: inline-flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	width: calc(100% - 20px);
	flex: 1;
	position: relative;
	margin: 10px;
}
.accord_container.portrait .accord_wrap.simple {
	margin: 2px 4px 2px 0;
	flex: 1;
}
.accord_wrap.simple > *,
.accord_wrap.btntype > * {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}
.accord_wrap.simple > * {
	padding: 5px 10px 5px 25px;
}
.accord_wrap.btntype > * {
	padding: 5px 10px 10px;
}
.accord_wrap.simple dt,
.accord_wrap.btntype dt {
	font-size: 16px;
	line-height: 20px;
	padding: 15px 10px 10px;
}
.accord_wrap.simple > dd,
.accord_wrap.btntype > dd {
	height: 100%;
	display: inline-flex;
	font-size: 11px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.accord_wrap.simple details,
.accord_wrap.btntype details {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: flex-end;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: static;
}
.accord_wrap.simple summary {
	background: #FFF;
	border-radius: 3px;
	border: none;
	color: #900;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 5px 40px 5px 25px;
	position: relative;
	margin: 0;
	height: 35px;
	width: auto;
	letter-spacing: 1px;
	text-align: left;
	line-height: 14px;
	word-break: break-all;
}
.accord_wrap.simple summary::before {
	background: none;
	content: "";
	top: 0;
	right: auto;
	width: 4px;
	height: 4px;
}
.accord_wrap.btntype summary {
	background: #FFF;
	border: 1px solid transparent;
	border-radius: 20px;
	box-shadow: 0 3px 1px -3px #d5d7d9;
	color: #444;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 12px 0 25px;
	position: absolute;
	margin: 0 15px;
	min-width: calc(100px - 37px);
	height: 35px;
	width: auto;
	right: 0;
	top: 0;
	word-break: break-all;
}
.accord_container.portrait .accord_wrap.simple summary {
	justify-content: flex-start;
	padding: 10px 5px 10px 25px;
	height: auto;
	min-height: 100px;
}
details[open].accord_wrap.simple summary {
	border: none;
	border-radius: 3px 3px 0 0;
}
.accord_container.portrait .accord_wrap summary::before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 0 solid transparent;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	border-left: 0 solid transparent;
	transform: rotate(45deg);
	top: auto;
	left: 0;
	bottom: 10px;
	right: 0;
}
.accord_container.portrait .accord_wrap summary.readmore::after {
	content: "";
	background: #fff;
	border: 1px solid #2b5f79;
	border-radius: 25px;
	color: #2b5f79;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3px 10px;
	margin: auto;
	left: 0;
	bottom: 5px;
	right: 0;
	width: 70px;
}
.accord_body {
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: flex-end;
	width: 100%;
}
.accord_wrap.simple .accord_body {
	background: #FFF;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.accord_wrap.simple .accord_body p {
	width: 100%;
}
.accord_wrap.simple .accord_body p:first-child {
	margin: 0 0 10px;
}
.accord_wrap.simple .accord_body p:only-child {
	margin: 0;
}
.accord_wrap.simple .accord_body .detail {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.accord_wrap.simple .accord_body .detail figure {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0;
}
.accord_wrap.simple .accord_body .detail img {
	border-radius: 3px;
}




/**************************
 ブロックグリッドの追加表示
 カテゴリを5つだけ表示して、残りがある場合はもっと表示ボタンを押下すると表示される
**************************/
.content_wrap {
	border-radius: 3px;
	position: relative;
}
.section_wrap .content-wrap {
	width: 100%;
}
.section_wrap .content-wrap .brick-wrap {
	box-sizing: border-box;
	padding: 10px;
}
.grid_wrap {
	background: transparent;
	border-radius: 3px;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	position: relative;
	padding: 10px;
	max-width: 100%;
	transition: all .3s ease-in;
}
.grid_wrap [class*="block_grid"] {
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 3px 1px -3px #d5d7d9;
	display: inline-grid;
	align-items: center;
	min-height: 120px;
	width: 100%;
}
.grid_wrap [class*="block_grid"] a {
	display: inline-grid;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 80px 1fr;
}
.subcategory-wrap .block_grid a {
	grid-template-rows: 120px 40px;
	position: relative;
}
.subcategory-wrap .block_grid a::before {
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='gray'%3E%3Cstyle%3Esvg.gray%7Bfill:%23798273;%7D%3C/style%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") no-repeat center center;
	border-radius: 50%;
	content: "";
	position: absolute;
	right: 5px;
	height: 18px;
	width: 18px;
}
.grid_wrap [class*="block_grid"] a > * {
	display: inline-grid;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: auto;
	width: 100%;
	max-width: 100px;
}
.grid_wrap [class*="block_grid"] a .itemtext {
	font-size: 11px;
	width: 100%;
	text-align: center;
	max-width: calc(100% - 10px);
	line-height: 15px;
	margin: auto;
}
.subcategory-wrap .block_grid a .itemtext {
	font-size: 13px;
	font-weight: bold;
}

.grid_wrap [class*="block_grid"][class*="extend_grid"] {
	opacity: 0;
	display: none;
	min-height: 0;
	aspect-ratio: auto;
	width: 0;
  pointer-events: none;
	transition: all .3s ease-in;
}
.grid_wrap [class*="block_grid"][class*="extend_grid"] a {
	height: 0;
	width: 0;
}

.brick-wrap {
	grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
	grid-template-rows: 1fr;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
.brick-wrap li {
	display: inline-grid;
	grid-template-columns: 1fr;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.brick-wrap a {
	background: #fff;
	box-sizing: border-box;
	grid-template-rows: 1fr 40px 50px;
	align-items: center;
	min-height: 230px;
	padding: 10px 5px;
	width: 100%;
}
.brick-wrap a img {
	word-break: break-all;
}

/* 拡張型 */
/*.grid_wrap .extensible.block_grid9 {
	max-width: calc(120px - 3px);
}*/
/* 小カテ表示などの縦長 */
.large_block [class*="block_grid"] {
	min-height: 250px;
	max-width: calc((100% / 4) - 4px);
}
.large_block [class*="block_grid"] a > * {
	max-width: 150px;
	margin: auto;
}



/* もっと表示ボタン */
[class*="rbtn_wrap"] {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: flex-end;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}
[class*="rbtn_wrap"].hide {
	display: none;
}
[class*="extend_button"] {
	background: #FFF;
	border: none;
	border-radius: 20px;
	box-shadow: 0 3px 1px -3px #d5d7d9;
	color: #444;
	cursor: pointer;
	font-size: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 12px 0 25px;
	position: relative;
	margin: 10px 15px;
	min-width: 120px;
	height: 35px;
	width: auto;
}
.grid_wrap + [class*="rbtn_wrap extend_button"] {
	margin: 0 15px 10px;
}
[class*="extend_button"]::before {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='summary-icon'%3E%3Cstyle%3E.summary-icon%7Bfill:%23333;%7D%3C/style%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E") no-repeat;
	content: "";
	display: inline-flex;
	position: absolute;
	width: 12px;
	height: 12px;
	right: 0;
	margin: auto auto auto 0;
	top: 0;
	bottom: 0;
	transition: all .2s ease-in;
	left: 12px;
}
[class*="extend_button"].extended_arrw::before {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='summary-icon'%3E%3Cstyle%3E.summary-icon%7Bfill:%23333;%7D%3C/style%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") no-repeat;
}

@media screen and (max-width: 767px) {
	.grid_wrap [class*="block_grid"] {
		background: #FFF;
		border-radius: 3px;
		box-shadow: 0 3px 1px -3px #d5d7d9;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 2px;
		aspect-ratio: 1/1;
		min-height: 140px;
		width: 100%;
		max-width: calc((100% / 3) - 4px);
	}
}


/* 中小カテ　商品詳細 */
.item_summary {
	position: relative;
}
.list-item_wrap .item_summary {
	position: absolute;
	bottom: 50px;
}
.item_summary .overview-wrap {
	position: relative;
	top: 5px;
}
.item_summary details[open] summary {
	background: #f4f4f4;
	box-shadow: 1px 1px 2px -1px #bbb inset;
}
.item_summary details[open] .overview-wrap {
	color: transparent;
	display: block;
	top: auto;
	bottom: -11px;
	right: 55%;
	left: auto;
	position: absolute;
	width: 250%;
	z-index: 2;
	transition: unset;
	transform: translateX(50%);
}
.item_summary details[open] .overview-wrap::before {
	background: currentColor;
	box-shadow: 3px -3px 5px -4px #444;
	border-top: 7px solid #fff;
	border-right: 7px solid #fff;
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
	content: "";
	cursor: pointer;
	right: 30px;
	top: -5px;
	transform: rotate(-45deg);
	transition: var(--common-transition);
	position: absolute;
	margin: 0 auto;
	z-index: 4;
}
.item_summary details[open] .overview-wrap::after {
	box-shadow: 0 0 15px 0 #000;
	border-radius: 50%;
	content: "";
	position: absolute;
	width: 20%;
	right: 10px;
	top: 6px;
	height: 5px;
}
.item_summary .overview {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 5px -1px #aaa;
	color: #444;
	display: block;
	font-size: 12px;
	padding: 10px 5px;
	position: absolute;
	word-break: break-all;
	width: 100%;
	z-index: 2;
}
.item_summary .overview .cap {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	text-align: left;
	line-height: 15px;
}
.item_summary details {
	width: 100%;
	height: 25px;
	text-align: right;
}
.item_summary details summary {
	background: #e5e6e8;
	border-radius: 20px;
	color: #202020;
	cursor: pointer;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	padding: 0 20px 0 0;
	position: relative;
	min-width: 70px;
	width: 100%;
}
.search-result .list-item_wrap:hover .item_summary details summary {
	background: #fff;
}

.item_summary details summary::before {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E") no-repeat;
	border: 0;
	top: -2px;
	right: 8px;
	left: auto;
	transform: rotate(0);
	margin: auto;
	width: 12px;
	height: 12px;
}

.item_summary.fee_structure details {
	text-align: left;
}

.item_summary.fee_structure details summary {
	background: transparent;
	border-radius: 0;
	width: 100%;
}
.item_summary.fee_structure details summary:hover {
	background: #eef0f0;
	border-radius: 20px;
}
.item_summary.fee_structure details summary::before {
	background: #eef0f0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='openmenu'%3E%3Cstyle%3E.openmenu%7Bfill:%23000;%7D%3C/style%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat center;
	background-size: 10px 10px,100% 100%;
	border-radius: 50%;
	transform: rotate(0);
	margin: auto;
	width: 16px;
	height: 16px;
	top: -2px;
	right: 8px;
	left: auto;
}
.item_summary.fee_structure details summary::after {
	content: "";
	border-bottom: 1px dotted #000;
	position: absolute;
	bottom: 2px;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
}
.item_summary.fee_structure details summary:hover::after,
.item_summary.fee_structure details[open] summary::after {
	content: none;
}
.item_summary.fee_structure details[open] summary {
	background: #eef0f0;
	border: 1px solid transparent;
	border-radius: 20px;
	box-shadow: none;
}
.item_summary.fee_structure details[open] .overview-wrap {
	width: 220px;
	right: 53.5%;
}

/* 
.item_summary.fee_structure details summary .tooltip {
	background: #013462;
	border: 1px solid #013462;
	border-radius: 0;
	box-shadow: 0 2vh 50px 0 rgb(255 255 255 / 10%),0 3px 0 -2px rgb(0 0 0 / 10%);
	color: #fff;
	font-size: 11px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	position: absolute;
	bottom: 0;
	top: 0;
	right: -20px;
	padding: 0 20px;
	text-align: center;
	transition: all .1s ease-in;
	margin: auto;
	max-height: 23px;
	height: 25px;
	min-width: 30px;
	width: auto;
	z-index: 1;
}
.item_summary.fee_structure details summary .tooltip:hover {
	padding: 0 20px 0 5px;
	opacity: 1;
	right: -20px;
	width: auto;
	transition: all .1s ease-in;
	z-index: 2;
}
.item_summary.fee_structure details summary .tooltip::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='openmenu'%3E%3Cstyle%3E.openmenu%7Bfill:%23fff;%7D%3C/style%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat center;
	content: "";
	margin: auto;
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
	aspect-ratio: 1/1;
	width: 15px;
	top: 0;
}
 */

/* 商品一覧のカード */
/*li.search_item .item-price {
	color: #242424;
	font-size: 13px;
	display: inline-grid;
	align-items: baseline;
	grid-template-columns: auto auto auto auto;
	gap: 2px;
	padding: 0;
	margin: -2px 0 2px 0;
}
li.search_item .item-price .amount {
	font-weight: normal;
}
li.search_item .item-price .price {
	color: #D90000;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	height: 25px;
}
li.search_item .item-price .from {
	font-size: 10px;
}*/

/* 価格体系表 */
div.price-box {
	background: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: row;
	grid-template-rows: 1fr;
}
div.price-box div.sprit {
	border-top: 3px double #b8c2ce;
}
.fee_structure div.price-box {
	grid-template-columns: 1fr 1fr 1fr;
}
div.price-box div {
	padding: 5px 0;
	justify-content: center;
	display: inline-grid;
	font-size: 12px;
	border-top: 1px solid #b8c2ce;
}
div.price-box div.thead {
	background: #f7f7f7;
	border-top: 1px solid #afb8c4;
	font-weight: bold;
	align-items: center;
}
div.price-box div.price {
	border-bottom: none;
	border-right: none;
	font-weight: bold;
	margin: 0;
	align-items: center;
}

div.price-box div:nth-last-child(3),
div.price-box div:nth-last-child(2),
div.price-box div:last-child {
	border-bottom: 1px solid #b8c2ce;
}


/* イベントから探す */
.searchby-list {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding: 0 10px;
}
.searchby-list li {
	display: inline-grid;
	height: 100%;
}

section.section_wrap.common_section .content_wrap .searchby-list a {
	font-size: 15px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	text-decoration: none;
	position: relative;
	height: 60px;
	padding: 5px 20px 5px 15px;
}
section.section_wrap.common_section .content_wrap .searchby-list a::before {
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='gray'%3E%3Cstyle%3Esvg.gray%7Bfill:%23333;%7D%3C/style%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") no-repeat center center;
	border-radius: 50%;
	content: "";
	position: absolute;
	right: 5px;
	height: 12px;
	width: 12px;
}
.searchby-list li a > span {
	color: #333;
	display: inherit;
	align-items: center;
	font-weight: bold;
	text-decoration: none;
	height: 100%;
	word-break: break-all;
}
.searchby-list li a:hover span {
	color: #000;
}
.searchby-wrap details summary::before {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='summary-icon'%3E%3Cstyle%3E.summary-icon%7Bfill:%23333;%7D%3C/style%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E") no-repeat;
	border: none;
	content: "";
	display: inline-flex;
	position: absolute;
	right: 15px;
	left: auto;
	margin: auto;
	top: 0;
	bottom: 0;
	transition: all .2s ease-in;
	transform: rotate(-90deg);
	height: 15px;
	width: 15px;
}
.searchby-wrap details[open] > summary::before {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='summary-icon'%3E%3Cstyle%3E.summary-icon%7Bfill:%23333;%7D%3C/style%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") no-repeat;
	transform: rotate(0);
}


/* 人物バルーン（スタッフの声、お客様の声） */

/* 新デザインと競合する（可能性がある）ためコメントアウト */
/* img[src^="/images/staff/staff"] {
	border-radius: 50%;
	object-fit: cover;
	margin: auto;
	max-height: 120px;
	max-width: 120px;
	height: 100%;
	width: 100%;
} */
 /* --- */


.baloon_wrap,
.person_baloon_wrap {
	display: grid;
	grid-template-columns: 120px 1fr;
	justify-content: center;
	align-items: center;
	gap: 25px;
	margin: 15px auto;
}
.baloon_wrap.img100 {
	grid-template-columns: 100px 1fr;
	gap: 5px;
}
.baloon_wrap.left_baloon.img100 {
	grid-template-columns: 1fr 100px;
}
.baloon_wrap figure,
.person_baloon_wrap figure {
	display: inline-grid;
	grid-template-rows: 1fr 20px;
	justify-content: center;
	align-items: center;
}
.baloon_wrap figure.nocaption,
.person_baloon_wrap figure.nocaption {
	grid-template-rows: 1fr;
}
.baloon_wrap.left_baloon figure.nocaption {
	order: 2;
}
.baloon_wrap img,
.person_baloon_wrap img {
	border-radius: 50%;
	height: revert-layer;
	width: revert-layer;
	max-width: 100%;
	max-height: 100%;
}
.person_baloon_wrap img {
	background: #f1f2f0;
}
.baloon_wrap figcaption,
.person_baloon_wrap figcaption {
	font-size: 10px;
	display: inline-grid;
	justify-content: center;
	align-items: center;
	height: 20px;
}
.baloon_wrap .baloon,
.person_baloon_wrap .baloon {
	background: #f1f2f0;
	padding: 20px 15px;
	border-radius: 10px;
	position: relative;
	font-size: 13px;
}
.baloon_wrap.left_baloon .baloon {
	order: 1;
}
.baloon_wrap .baloon.px15,
.person_baloon_wrap .baloon.px15 {
	font-size: 15px;
	letter-spacing: 0.5px;
}
.baloon_wrap .baloon::before,
.person_baloon_wrap .baloon::before {
	content: "";
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #f1f2f0;
	margin: auto;
	position: absolute;
	left: -10px;
	top: 0;
	bottom: 0;
	height: 0;
	width: 0;
}
.baloon_wrap.left_baloon .baloon::before {
	content: "";
	border-right: 0;
	border-left: 10px solid #f1f2f0;
	left: auto;
	right: -10px;
}

/* おすすめキャンペーン */
.recom-camp-wrap {
	margin-bottom: 40px;
}
.recom-camp-wrap .list {
	display: grid;
	grid-template-columns: auto auto;
	gap: 15px 0;
	justify-content: space-evenly;
	align-content: center;
	margin: auto;
	text-align: center;
}
.recom-camp-wrap a {
	display: grid;
	text-decoration: none;
}
.recom-camp-wrap figure {
	display: inline-grid;
	align-items: center;
	justify-content: center;
}
.recom-camp-wrap figcaption {
	background: #717171;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	display: inline-grid;
	justify-content: center;
	align-items: center;
	line-height: 15px;
	text-align: left;
	padding: 5px;
	max-width: 365px;
	width: 100%;
}
.recom-camp-wrap a[href$="/hiradesk-wagon/"] figcaption {
	background: #086aaf;
}
.recom-camp-wrap a[href$="/seminar/"] figcaption {
	background: #1e7463;
}
.recom-camp-wrap a[href$="/largescale/"] figcaption {
	background: #436628;
}
.recom-camp-wrap a[href$="/freerental/"] figcaption {
	background: #a7559d;
}
.recom-camp-wrap a[href$="/officecopy/"] figcaption {
	background: #345d15;
}
.recom-camp-wrap a[href$="/office-1000/"] figcaption {
	background: #8e100a;
}
.recom-camp-wrap a[href$="/desk_pr/"] figcaption {
	background: #009589;
}
.recom-camp-wrap a[href$="/election/"] figcaption {
	background: #834e00;
}
.recom-camp-wrap a[href$="/copy/"] figcaption {
	background: #009a45;
}
.recom-camp-wrap a[href$="/unifiedlocal-elections/"] figcaption {
	background: #009944;
}
.recom-camp-wrap a[href$="/system-engineer/"] figcaption {
	background: #608a3e;
}
.recom-camp-wrap a[href$="/desk/freeaddress/"] figcaption {
	background: #fd8c4b;
}
.recom-camp-wrap a[href$="/campaign/office-set/"] figcaption {
	background: #8aa205;
}
.recom-camp-wrap a[href$="/desk1200_300/"] figcaption {
	background: #086aaf;
}
.recom-camp-wrap a[href$="/company/erb/"] figcaption {
	background: #4d9513;
}
.recom-camp-wrap a[href$="/company/wlc/"] figcaption {
	background: #034a82;
}
.recom-camp-wrap a[href$="/campaign/shipping/"] figcaption {
	background: #bb3d00;
}
.recom-camp-wrap a[href$="/resolution/"] figcaption {
	background: #019b87;
}

@media screen and (max-width: 767px) {
	.recom-camp-wrap .list {
		grid-template-columns: 1fr;
	}
}



/* コラムCSS */
.column-article {
	font-size: 14px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.column-article p {
	width: 100%;
}
.contact-btn h3 {
	box-sizing: border-box;
}

/* Pインデント */
p.indent {
	text-indent: 1em;
}
/* ─小見出し */
.subheading {
	margin-bottom: 20px;
}
.subheading dt {
	color: #000;
	font-size: 13px;
}
.subheading dt::before {
	content: "─";
	margin-right: 3px;
	color: #555;
}
.subheading dt h3 {
	display: inline-block;
}
.subheading dd {
	text-indent: 1em;
}
.subheading dd + dt {
	margin-top: 20px;
}

.subheadings {
	margin-bottom: 20px;
}
.subheadings dt {
	color: #000;
	font-size: 13px;
}
.subheadings dt::before {
	content: "─";
	margin-right: 3px;
	color: #555;
}
.subheadings dt h3 {
	display: inline-block;
	font-size: 16px;
}
.subheadings dd {
	text-indent: 1em;
}
.subheadings dd + dt {
	margin-top: 20px;
}

.subheadings dd {
	padding: 7px 8px;
}

.brackets  {
  padding: 25px;
  background: #fff;
  box-shadow: 
    21px 0 0 -20px #fff,
    0 21px 0 -20px #fff,
    0 -21px 0 -20px #fff,
    -21px 0 0 -20px #fff,
    0 0 0 1px #555;
}


/* タイムライン表示 */
.timeline-wrap {
	border-radius: 15px;
	border: 3px solid #eee;
	padding: 0;
	position: relative;
	margin: auto;
	width: 98%;
}
.timeline-inner {
	padding: 40px 20px;
	position: relative;
	display: grid;
	gap: 30px;
}
.timeline-inner::before {
	content: "";
	background: 
	linear-gradient(135deg,
	rgb(247, 247, 247) 10%,
	rgb(245, 245, 245) 10%, rgb(245, 245, 245) 20%,
	rgb(243, 243, 243) 20%, rgb(243, 243, 243) 30%,
  rgb(241, 241, 241) 30%, rgb(241, 241, 241) 40%,
	rgb(239, 239, 239) 40%, rgb(239, 239, 239) 50%,
	rgb(237, 237, 237) 50%, rgb(237, 237, 237) 60%,
	rgb(235, 235, 235) 60%, rgb(235, 235, 235) 70%,
	rgb(233, 233, 233) 70%, rgb(233, 233, 233) 80%,
	rgb(231, 231, 231) 80%, rgb(231, 231, 231) 90%,
	rgb(229, 229, 229) 90%, rgb(229, 229, 229) 100%);
	border-radius: 10px;
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	left: 137px;
	bottom: 0;
	height: calc(100% - 40px);
	width: 15px;
}
.timeline-wrap.col3 .timeline-inner::before {
	left: 0;
	right: 0;
}
.timeline-wrap .term {
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 70px;
	justify-content: center;
	z-index: 0;
}
.timeline-wrap .term img {
	object-fit: cover;
	height: 130px;
	width: 182px;
}
.timeline-wrap.col3 .term {
	grid-template-columns: calc(50% - 50px) 100px calc(50% - 50px);
	gap: 70px 10px;
	justify-content: center;
}
.timeline-wrap .term .icon {
	background: #066793;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	display: block;
	padding: 8px 10px;
	position: relative;
	top: 0;
	left: 0;
	line-height: 17px;
	text-align: center;
}
.timeline-wrap .term .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #066793;
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}
.timeline-wrap .term .icon.color1 {
	background: #7a939f;
}
.timeline-wrap .term .icon.color1::after {
	border-color: transparent transparent transparent #7a939f;
}
.timeline-wrap .term .icon.color2 {
	background: #47819d;
}
.timeline-wrap .term .icon.color2::after {
	border-color: transparent transparent transparent #47819d;
}
.timeline-wrap .term .icon.color3 {
	background: #034d6f;
}
.timeline-wrap .term .icon.color3::after {
	border-color: transparent transparent transparent #034d6f;
}
.timeline-wrap .term .icon.highlight {
	background: #ff4800;
}
.timeline-wrap .term .icon.highlight::after {
	border-color: transparent transparent transparent #ff4800;
}

.timeline-wrap .term .left-col,
.timeline-wrap .term .center-col,
.timeline-wrap .term .right-col {
	position: relative;
}
.timeline-wrap .term .left-col::after,
.timeline-wrap .term .center-col::after,
.timeline-wrap .term .right-col::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
}
.timeline-wrap .term .left-col::after,
.timeline-wrap.col3 .term .center-col::after {
	background: #066793;
	border-radius: 50%;
	margin-top: 0;
	right: -28px;
	height: 7px;
	width: 7px;
	z-index: 1;
}
.timeline-wrap .term .right-col::before {
	border-bottom: 1px dashed #999;
	position: absolute;
	top: 18px;
	left: -45px;
	width: 35px;
}
.timeline-wrap .term .right-col dt {
	color: #066793;
	font-size: 17px;
	font-weight: bold;
}
.timeline-wrap .term .right-col dd p {
	margin-bottom: 10px;
}
.timeline-wrap .term .right-col dd + dd {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: start;
	align-items: center;
	gap: 20px;
}
.timeline-wrap .term .bottom-col {
	grid-column: 1/4;
	grid-row: 2/4;
	background: #fffbf4;
	padding: 15px 20px;
	box-shadow: 0 6px 1px -5px #eae7e3,0 0 0 5px #fff;
	border-radius: 5px;
}

.timeline-wrap .term.after {
	position: relative;
}
.timeline-wrap .term.after::before {
	content: "";
	border-top: 1px dotted #555;
	margin: auto;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	width: 100%;
}

.service-introduction {
	background: #f8f7f5;
	border-radius: 5px;
	display: grid;
	grid-template-columns: 250px 1fr;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	letter-spacing: 0.5px;
	padding: 15px 10px;
}



/* ページ内リンク(sticky) */
ul.inpage-link.sticky {
	background: #fff;
	margin: 30px auto 20px;
	position: sticky;
	padding: 10px 5px;
	top: 55px;
	max-width: 1100px;
	width: calc(100% - 10px);
	z-index: 10;
}
ul.inpage-link a {
	color: #004364;
	font-size: clamp(13px, 2vw, 1rem);
	line-height: 17px;
	text-align: left;
	padding: 10px;
	/* height: 45px; */
}

/* 目次 */
nav.index {
	background: #fff;
	padding: 10px 5px;
	margin: 20px 0;
	max-width: 50%;
	width: calc(100% - 10px);
}
nav.index.sticky {
	margin: 30px 0 20px;
	position: sticky;
	top: 55px;
	z-index: 10;
}
nav.index details {
	box-sizing: border-box;
	border: 1px solid #aeb3ac;
	display: block;
	width: 100%;
}
nav.index details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 35px;
	width: 100%;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0 20px;
}
nav.index details summary::after {
	content: "表示";
	background: #eee;
	border-radius: 2px;
	border-right: 0;
	border-bottom: 0;
	font-size: 12px;
	line-height: 22px;
	transform: rotate(0);
	text-align: center;
	right: 10px;
	left: auto;
	top: 0;
	height: 25px;
	width: 50px;
}
nav.index details[open] summary::after {
	content: "非表示";
}
nav.index a {
	color: #004364;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding: 5px 0 5px 20px;
	position: relative;
	margin-left: -20px;
	box-sizing: border-box;
}
nav.index ol > li {
	list-style: decimal;
}
nav.index ul > li {
	list-style: disc;
}
.list-lv-1 > li > a {
	font-weight: bold;
	width: 100%;
}
.list-lv-2 {
	margin: 0 0 .5em 1.5em;
	max-width: 100%;
	width: auto;
}
.list-lv-2 > li > a {
	padding: 2px 0 2px 20px;
	width: 100%;
}

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


.useful_links {
	display: flex;
	flex-direction: row;
	justify-content: end;
	align-items: center;
	width: auto;
	margin: 5px 0;
	text-indent: initial;
}
.useful_links.left {
	justify-content: flex-start;
}
.useful_links .inline {
	background: #f4f4f4;
	border-radius: 15px;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	font-size: 13px;
}
.useful_links .inline .title {
	padding: 5px 0 5px 15px;
	white-space: nowrap;
}
.useful_links .inline a {
	padding: 5px 15px 5px 5px;
	line-height: normal;
}



/* キャンペーンページに使用されるコンテンツの共通スタイル */
#recommend #reason {
	display: flex !important;
	flex-direction: column !important;
	margin-bottom: 20px !important;
	height: 100% !important;
}
#recommend .reason-content {
	display: flex;
	gap: 10px;
}

@media screen and (max-width: 767px) {

	/* spstyle.cssから持ってきたやつ */
	.case_table,
	.case_customer img{
		display: none;
	}
	br.pcbr {
    display: none;
	}
	#senkyo_cv {
    display: none;
	}

	.faq_box .lt_img {
    text-align: center;
    font-size: 0;
		float: unset;
	}

	.faq_box .lt_txt {
		width: 100%;
    float: unset;
	}
	
	.case_customer .text {
		position: unset;
		width: 100%;
	}

	.spimg {
    margin: 10px auto;
	}

	#recommend #reason .reasons {
		width: 100% !important;
	}

	#recommend #reason p {
		width: 100% !important;
	}
	
	#recommend .reason-content {
		flex-direction: column;
		align-items: center;
	}

	/* レンタルの流れ */
	.flow-kv-ttl {
		font-size: 18px;
	}

	/* iframe */
	.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
	}

	/* flow */
	.flow-step-box-wrap01 .flow-step-box01,
	.flow-step-box-wrap01 .flow-step-box02,
	.flow-step-box-wrap01 .flow-step-box03,
	.flow-step-box-wrap02 .flow-step-box01,
	.flow-step-box-wrap02 .flow-step-box02,
	.flow-step-box-wrap02 .flow-step-box03,
	.flow-step-box-wrap03 .flow-step-box01,
	.flow-step-box-wrap03 .flow-step-box02,
	.flow-step-box-wrap03 .flow-step-box03,
	.flow-step-box-wrap04 .flow-step-box01,
	.flow-step-box-wrap04 .flow-step-box02,
	.flow-step-box-wrap04 .flow-step-box03,
	.flow-step-box-wrap05 .flow-step-box01,
	.flow-step-box-wrap05 .flow-step-box02,
	.flow-step-box-wrap05 .flow-step-box03 {
		display: block;
		width: 100%;
	}
	.flow-step-box-wrap01 .flow-step-box01,
	.flow-step-box-wrap02 .flow-step-box01,
	.flow-step-box-wrap03 .flow-step-box01,
	.flow-step-box-wrap04 .flow-step-box01,
	.flow-step-box-wrap05 .flow-step-box01 {
    background-size: 40px auto;
		background-position-x: 15px;
    background-position-y: 50%;
	}
	.flow-step-box-wrap01 .flow-step-box01,
	.flow-step-box-wrap02 .flow-step-box01,
	.flow-step-box-wrap03 .flow-step-box01,
	.flow-step-box-wrap04 .flow-step-box01,
	.flow-step-box-wrap05 .flow-step-box01 {
		padding: 20px 0 20px 70px;
	}
	.flow-step-box-wrap01 .flow-step-box01 p,
	.flow-step-box-wrap02 .flow-step-box01 p,
	.flow-step-box-wrap03 .flow-step-box01 p,
	.flow-step-box-wrap04 .flow-step-box01 p,
	.flow-step-box-wrap05 .flow-step-box01 p {
		position: unset;
		width: 100%;
		text-align: left;
		font-size: 20px;
	}

}