@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;900&display=swap");
/*@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&display=swap'); */

/* CSS Document */


/*===========================================================
   PC・タブレット・スマートフォン共通　ここから
===========================================================*/

img {
	max-width: 100%;
	min-height: 10px;
}

p {
	margin-bottom: 20px;
}

.clr {
	clear: both;
}

.txt-l {
	text-align: left!important;
}
.txt-c {
	text-align: center!important;
}
.txt-r {
	text-align: right!important;
}
.fw_b {
	font-weight: bold!important;
}
.fs_i {
	font-style: italic;
}
.fs_o {
	font-style: oblique;
}

.ml0 {
	margin-left: 0px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.ml40 {
	margin-left: 40px!important;
}
.ml60 {
	margin-left: 60px!important;
}
.mr0 {
	margin-right: 0px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr40 {
	margin-right: 40px!important;
}
.mr60 {
	margin-right: 60px!important;
}
.mt0 {
	margin-top: 0px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mb0 {
	margin-bottom: 0px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.pl0 {
	padding-left: 0px!important;
}
.pl20 {
	padding-left: 20px!important;
}
.pl40 {
	padding-left: 40px!important;
}
.pl60 {
	padding-left: 60px!important;
}
.pr0 {
	padding-right: 0px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.pr40 {
	padding-right: 40px!important;
}
.pr60 {
	padding-right: 60px!important;
}
.pt0 {
	padding-top: 0px!important;
}
.pt20 {
	padding-top: 20px!important;
}
.pt40 {
	padding-top: 40px!important;
}
.pt60 {
	padding-top: 60px!important;
}
.pb0 {
	padding-bottom: 0px!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.pb40 {
	padding-bottom: 40px!important;
}
.pb60 {
	padding-bottom: 60px!important;
}

.fs80 {
	font-size: 80%!important;
}
.fs120 {
	font-size: 120%!important;
}
.fs140 {
	font-size: 140%!important;
}
.fs160 {
	font-size: 160%!important;
}
.fs180 {
	font-size: 180%!important;
}
.fs200 {
	font-size: 200%!important;
}

.fc_black {
	color: #111;
}
.fc_red {
	color: #ff0000;
}
.fc_red2 {
	color: #bb0a04;
}
.fc_blue {
	color: #282e68;
}
.fc_orange {
	color: #DF7401;
}


.wd100 {
	width: 100%!important;
}
.wd90 {
	width: 90%!important;
}
.wd80 {
	width: 80%!important;
}
.wd70 {
	width: 70%!important;
}
.wd60 {
	width: 60%!important;
}
.wd50 {
	width: 50%!important;
}
.wd40 {
	width: 40%!important;
}
.wd30 {
	width: 30%!important;
}
.wd20 {
	width: 20%!important;
}
.wd10 {
	width: 10%!important;
}
.wd80px {
	width: 80px!important;
}
.wd100px {
	width: 100px!important;
}
.wd150px {
	width: 150px!important;
}
.wd200px {
	width: 200px!important;
}
.mwd100 {
	max-width: 100%!important;
}
.mwd90 {
	max-width: 90%!important;
}
.mwd80 {
	max-width: 80%!important;
}


.lst_disc {
	list-style-type: disc!important;
}
.lst_circle {
	list-style-type: circle!important;
}
.lst_square {
	list-style-type: square!important;
}
.lst_decimal {
	list-style-type: decimal!important;
}
.lst_disc li,
.lst_circle li,
.lst_square li,
.lst_decimal li {
	list-style: inherit;
}

.border-gray {
	border: 1px solid #ccc;
}

.other_page.basic_ttl h1 {
	font-weight: bold;
	line-height: 160%;
}


.h2-ttl,
.h3-ttl,
.h4-ttl,
.h5-ttl,
.h6-ttl {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto 25px;
	font-weight: bold;
	padding: 7px 0 4px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.h2-ttl {

	line-height: 160%;
	border-left: 4px solid #282e68;
	background: #e9eaef;
}
.h3-ttl {
	line-height: 140%;
	background: #e9eaef;
}
.h4-ttl {
	line-height: 120%;
	border-bottom: 2px solid #282e68;
}
.h5-ttl {
	line-height: 120%;
	border-bottom: 2px solid #e9eaef;
}
.h6-ttl {
	line-height: 120%;
}

.bgc-white {
	background-color: #fff!important;
}
.bgc-gray {
	background-color: #e9eaef!important;
}

.h3-ttl.voice-area {
	line-height: 140%;
	background: #FBEFF2;
}


.remodal a {
	color: #227ac4;
}


/* header */
header p {
	margin-bottom: 0;
}

/* footer */
footer p {
	margin-bottom: 0;
}

/* 投稿ページ全体 */
section.main-contents a {
	color: #227ac4;
}

/* 固定ページ全体 */
section.under_page a {
	color: #227ac4;
}


/* TOPページ */
.top_voice .box_pt01 a,
.top_voice .box_pt02 a {
	color: #227ac4;
}

.top_info ul li .tag.other,
.top_info ul li .tag.info {
	background-color: #1a3168;
}
.top_info ul li .tag.important-info {
	background-color: #dc4545;
}
.top_info ul li .tag.blog {
	background-color: #F5A9BC;
}
.top_info ul li .tag.case-study {
	background-color: #00BFFF;
}


/* 商品一覧ページ */
.text_list .table_wrap p {
	margin-bottom: 0;
}
.detail_list p {
	margin-bottom: 0;
}

.text_list .table_wrap table td.mode-text_recommend {
	width: 60px;
}

.text_list .table_wrap table td.mode-text_management_no {
	width: 120px;
}

.text_list .table_wrap table td.mode-text_size_w,
.text_list .table_wrap table td.mode-text_size_d,
.text_list .table_wrap table td.mode-text_size_h {
	width: 50px;
}

.text_list .table_wrap table td.mode-text_class_name,
.text_list .table_wrap table td.mode-text_type_name,
.text_list .table_wrap table td.mode-text_price {
	width: 100px;
}

.text_list .table_wrap table td.mode-text_maker_name {
	width: 160px;
}

.text_list .table_wrap table td.mode-text_product_url {
	width: 80px;
}


/* 商品詳細ページ */

.under.products .detail .option .item div p {
	margin-bottom: 0;
}
.under.products .detail .analogy .itemlist .item p {
	margin-bottom: 0;
}
.analogy .h2-ttl {
	background: #fff;
}


/* 商品情報ページ */
.items section.under_page a {
	color: #111;
	text-decoration: none;
}
.items section.under_page a:hover {
	text-decoration: underline;
}
.detail section.feature a {
	color: #227ac4;
	cursor: pointer;
}

/* お知らせ一覧ページ */
.main-contents.news-list-content .item a,
.main-contents.archives .item a {
	color: #227ac4;
}

.main-contents.news-list-content .item span.date,
.main-contents.archives .item span.date {
	color: #111;
}

.item .link-wrap div .category.other,
.item .link-wrap div .category.info {
	background-color: #1a3168;
}
.item .link-wrap div .category.important-info {
	background-color: #dc4545;
}
.item .link-wrap div .category.blog {
	background-color: #F5A9BC;
}
.item .link-wrap div .category.case-study {
	background-color: #00BFFF;
}

.fa-external-link-alt.icon {
	color: #0101DF;
}
.fa-file-pdf.icon {
	color: #B40404;
}
.fa-file-powerpoint.icon {
	color: #FE2E2E;
}
.fa-file-excel.icon {
	color: #0B610B;
}
.fa-file-word.icon {
	color: #0040FF;
}

/* blog関連ページ */

body[class*="blog"] .archives {
	font-family: "M PLUS Rounded 1c", sans-serif;
/*	font-family: "M PLUS 1p", sans-serif; */
	font-weight: 400;
	transform: rotate(0.03deg);
}

body[class*="blog"] h1 {
	font-family: "M PLUS Rounded 1c", sans-serif;
/*	font-family: "M PLUS 1p", sans-serif; */
	font-weight: 700;
}

body[class*="blog"] .blog-font {
	font-family: "M PLUS Rounded 1c", sans-serif;
/*	font-family: "M PLUS 1p", sans-serif; */
	font-weight: 400;
	transform: rotate(0.03deg);
}

/* news 営業日用table */

.news-table,
.news-table2,
.news-table th,
.news-table2 th,
.news-table td,
.news-table2 td {
	padding: 5px;
	border: 1px solid #c0c0c0;
}

.news-table,
.news-table2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.news-table .date,
.news-table2 .date {
	background-color: #F2F2F2;
}
.news-table .obon {
	background-color: #F5ECCE;
}
.news-table .obon2 {
	background-color: #F5ECCE;
	color: #ff0000;
}
.news-table .sun {
	background-color: #F6CECE;
	color: #ff0000;
}
.news-table .sat {
	background-color: #CEE3F6;
	color: #0000FF;
}
.news-table th,
.news-table2 th {
	background-color: #848484!important;
	color: #ffffff;
}


/* カレンダープラグイン */
.xo-event-calendar p.holiday-title {
	font-size: 1.6rem;
	line-height: 160%;
}
.calendar p {
	font-size: 1.6rem;
	line-height: 160%;
	margin-bottom: 0;
}

.xo-event-calendar table.xo-month > thead th {
	padding: 10px 1px;
}

/* 各種フォーム */
form .input-area.type-a,
form .input-area.type-a.large,
form .input-area.type-a.mylist,
form .input-area.type-a.item-order,
form .input-area .input-text,
form .form-items-wrap .ymd-wrap .input-text,
form .form-items-wrap.selectbox .selectbox-wrap {
	border: 1px solid #dbdbdb;
}
form .form-items-wrap.selectbox .selectbox-wrap::after {
	border-left: 1px solid #dbdbdb;
}
.order-confirm form .input-area.type-a {
	border: none;
}

form .form-items-wrap .large .large-item {
	border-bottom: 2px dashed #dbdbdb;
	margin-bottom: 20px;
}
form .form-items-wrap .mylist .mylist-item,
form .form-items-wrap .item-order .mylist-item {
/*	border-bottom: 2px dashed #dbdbdb;*/
	margin-bottom: 10px;
	padding-bottom: 10px;
}
form .form-items-wrap .itembb {
	border-bottom: 2px dashed #dbdbdb;
}

form .input-area .input-text.small {
	width: 150px;
}
form .input-area .input-text.small2 {
	width: 100px;
}

form .input-area #contents {
	margin-top: 0;
	padding-bottom: 0;
}

.attached-file-area {
	background-color: #FFD7D7;
	border: 2px solid #F39B9B;
}
.attached-file-area .add-area {
	padding: 1.5rem;
}

form .form-items-wrap .item .item-detail div h3 {
	font-size: 1.4rem;
	margin-bottom: 1em;
	color: #1a3168;
}
form .form-items-wrap .item .item-detail div .tag {
	display: inline-block;
	width: 50px;
	border: 1px solid #1a3168;
	border-radius: 2px;
	font-size: 1.0rem;
	line-height: 200%;
	margin-right: 1em;
	margin-bottom: 0.5rem;
	text-align: center;
}
form .form-items-wrap .item .item-detail div h4 {
	font-size: 1.6rem;
	margin-bottom: 15px;
	line-height: 150%;
}
form .form-items-wrap .item .item-detail div .price {
	border-top: 1px solid #e9eaef;
	color: #ff0000;
	font-size: 1.6rem;
	margin-top: 6px;
	padding-top: 6px;
/*	text-align: right; */
}
form .form-items-wrap .item .item-detail div .price2 {
	color: #ff0000;
	font-size: 1.6rem;
	margin-top: 6px;
	padding-top: 6px;
/*	text-align: right; */
}

form .button:hover {
	background: #282e68;
	color: #fff;
	border: 2px solid #282e68;
}
form .button.back {
	background: #BDBDBD;
	color: #fff;
	border: 2px solid #BDBDBD;
}
form .button.back:hover {
	background: #A4A4A4;
	color: #fff;
	border: 2px solid #A4A4A4;
}
form .button.send {
	background: #F7819F;
	color: #fff;
	border: 2px solid #F7819F;
}
form .button.send:hover {
	background: #f36c6c;
	color: #fff;
	border: 2px solid #f36c6c;
}

form .form-items-wrap .mylist .box-button .delete.button {
	background-color: #B40404;
	border: 2px solid #B40404;
}
form .form-items-wrap .mylist .box-button .delete.button:hover {
	background-color: #FA5858;
	border: 2px solid #FA5858;
}
form .form-items-wrap .mylist .option-items .option-btn {
	display: block;
	font-size: 1.3rem;
	margin: 0 auto 40px;
	padding: 10px 20px;
	text-align: center;
	color: #1a3168;
	background: none;
	border: 1px solid #1a3168;
	border-radius: 3px;
	box-sizing: border-box;
}
form .form-items-wrap .mylist .option-items .option-btn:hover {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.7;
}


.ui-datepicker {
	width: 20em;
	font-size: 1.6rem;
}
.ui-datepicker td span,
.ui-datepicker td a {
	padding: 1em 0.2em;
}

/* フォームthanksページ */
.thanks_attention {
	width: 90%;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	font-size: 1.8rem;
	line-height: 160%;
}


/*===========================================================
   PC・タブレット・スマートフォン共通　ここまで
===========================================================*/







/*===========================================================
   PC・タブレット共通（と印刷対応）　⇒　769px以上の解像度の場合　ここから
===========================================================*/
/*通常PC　※基本的にはここに記述※　*/
@media print,screen and (min-width: 769px) {

	.sp {
		display: none !important;
	}

	.wd100pc {
		width: 100%!important;
	}
	.wd90pc {
		width: 90%!important;
	}
	.wd80pc {
		width: 80%!important;
	}
	.wd70pc {
		width: 70%!important;
	}
	.wd60pc {
		width: 60%!important;
	}
	.wd50pc {
		width: 50%!important;
	}
	.wd40pc {
		width: 40%!important;
	}
	.wd30pc {
		width: 30%!important;
	}
	.wd20pc {
		width: 20%!important;
	}
	.wd10pc {
		width: 10%!important;
	}
	.mwd100pc {
		max-width: 100%!important;
	}
	.mwd90pc {
		max-width: 90%!important;
	}
	.mwd80pc {
		max-width: 80%!important;
	}

	.ml0pc {
		margin-left: 0px!important;
	}
	.ml20pc {
		margin-left: 20px!important;
	}
	.ml40pc {
		margin-left: 40px!important;
	}
	.ml60pc {
		margin-left: 60px!important;
	}
	.mr0pc {
		margin-right: 0px!important;
	}
	.mr20pc {
		margin-right: 20px!important;
	}
	.mr40pc {
		margin-right: 40px!important;
	}
	.mr60pc {
		margin-right: 60px!important;
	}
	.mt0pc {
		margin-top: 0px!important;
	}
	.mt20pc {
		margin-top: 20px!important;
	}
	.mt40pc {
		margin-top: 40px!important;
	}
	.mt60pc {
		margin-top: 60px!important;
	}
	.mb0pc {
		margin-bottom: 0px!important;
	}
	.mb20pc {
		margin-bottom: 20px!important;
	}
	.mb40pc {
		margin-bottom: 40px!important;
	}
	.mb60pc {
		margin-bottom: 60px!important;
	}
	.pl0pc {
		padding-left: 0px!important;
	}
	.pl20pc {
		padding-left: 20px!important;
	}
	.pl40pc {
		padding-left: 40px!important;
	}
	.pl60pc {
		padding-left: 60px!important;
	}
	.pr0pc {
		padding-right: 0px!important;
	}
	.pr20pc {
		padding-right: 20px!important;
	}
	.pr40pc {
		padding-right: 40px!important;
	}
	.pr60pc {
		padding-right: 60px!important;
	}
	.pt0pc {
		padding-top: 0px!important;
	}
	.pt20pc {
		padding-top: 20px!important;
	}
	.pt40pc {
		padding-top: 40px!important;
	}
	.pt60pc {
		padding-top: 60px!important;
	}
	.pb0pc {
		padding-bottom: 0px!important;
	}
	.pb20pc {
		padding-bottom: 20px!important;
	}
	.pb40pc {
		padding-bottom: 40px!important;
	}
	.pb60pc {
		padding-bottom: 60px!important;
	}


	.fs120pc {
		font-size: 120%!important;
	}
	.fs140pc {
		font-size: 140%!important;
	}
	.fs160pc {
		font-size: 160%!important;
	}
	.fs180pc {
		font-size: 180%!important;
	}
	.fs200pc {
		font-size: 200%!important;
	}

	.other_page.basic_ttl h1 {
		font-size: 3.6rem;
	}
	.other_page.basic_ttl h1 {
		width: 94%;
		max-width: 1380px;
		margin: 0 auto 5rem auto;
		padding: 0 10px;
	}

	.h2-ttl {
		font-size: 2.4rem;
	}
	.h3-ttl {
		font-size: 2.2rem;
	}
	.h4-ttl {
		font-size: 2.0rem;
	}
	.h5-ttl {
		font-size: 1.8rem;
	}
	.h6-ttl {
		font-size: 1.8rem;
	}

	/* 画像横並び */
	.line1,
	.line2,
	.line3,
	.line4,
	.line5,
	.line6 {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
		font-size: 1.6rem;
		line-height: 160%;
	}
	.line1 img,
	.line2 img,
	.line3 img,
	.line4 img,
	.line5 img,
	.line6 img {
		margin: 10px;
		max-width: 100%;
	}
	.line1 p,
	.line2 p,
	.line3 p,
	.line4 p,
	.line5 p,
	.line6 p {
		margin: 0 auto 20px;
		max-width: 90%;
	}

	.line1-l {
		width: 100%;
		margin: 0 auto 20px;
		text-align: left;
	}
	.line1-r {
		width: 100%;
		margin: 0 auto 20px;
		text-align: right;
	}

	.line2 .area1,
	.line2 .area2 {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line2 .area1-narrow,
	.line2 .area2-narrow {
		float: left;
		width: 47%;
		margin: 0 1.5% 20px;
		text-align: center;
	}
	.line2 .area1-r {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: right;
	}
	.line2 .area2-l {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: left;
	}

	.line3 .area1,
	.line3 .area2,
	.line3 .area3 {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line3 .area1-narrow,
	.line3 .area2-narrow,
	.line3 .area3-narrow {
		float: left;
		width: 30%;
		margin: 0 1.5% 20px;
		text-align: center;
	}
	.line3 .area1-r {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: right;
	}
	.line3 .area2-c {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line3 .area3-l {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: left;
	}

	.line4 .area1,
	.line4 .area2,
	.line4 .area3,
	.line4 .area4 {
		float: left;
		width: 25%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line4 .area1-narrow,
	.line4 .area2-narrow,
	.line4 .area3-narrow,
	.line4 .area4-narrow {
		float: left;
		width: 22%;
		margin: 0 1.5% 20px;
		text-align: center;
	}

	.line5 .area1,
	.line5 .area2,
	.line5 .area3,
	.line5 .area4,
	.line5 .area5 {
		float: left;
		width: 20%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line5 .area1-narrow,
	.line5 .area2-narrow,
	.line5 .area3-narrow,
	.line5 .area4-narrow,
	.line5 .area5-narrow {
		float: left;
		width: 17%;
		margin: 0 1.5% 20px;
		text-align: center;
	}

	.line6 .area1,
	.line6 .area2,
	.line6 .area3,
	.line6 .area4,
	.line6 .area5,
	.line6 .area6 {
		float: left;
		width: 16%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line6 .area1-narrow,
	.line6 .area2-narrow,
	.line6 .area3-narrow,
	.line6 .area4-narrow,
	.line6 .area5-narrow,
	.line6 .area6-narrow {
		float: left;
		width: 13%;
		margin: 0 1.5% 20px;
		text-align: center;
	}

	img.yoko200pc {
		max-width: 200px!important;
	}
	img.yoko300pc {
		max-width: 300px!important;
	}
	img.yoko400pc {
		max-width: 400px!important;
	}
	img.yoko500pc {
		max-width: 500px!important;
	}
	img.yoko600pc {
		max-width: 600px!important;
	}
	img.tate100pc {
		max-height: 100px!important;
	}
	img.tate200pc {
		max-height: 200px!important;
	}
	img.tate300pc {
		max-height: 300px!important;
	}
	img.tate400pc {
		max-height: 400px!important;
	}
	img.yoko50pc {
		max-width: 50%!important;
	}
	img.yoko60pc {
		max-width: 60%!important;
	}
	img.yoko70pc {
		max-width: 70%!important;
	}
	img.yoko80pc {
		max-width: 80%!important;
	}
	img.yoko90pc {
		max-width: 90%!important;
	}
	img.yoko100pc {
		max-width: 100%!important;
	}

	/* 画像回り込み */
	.left-img-area {
		float: left;
		width: 20%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.left-img-area img {
		max-width: 100%;
		margin: 0 auto 10px;
		text-align: center;
	}
	.right-contents-area {
		float: right;
		width: 78%;
		margin: 0 auto 20px;
	}
	.right-img-area {
		float: right;
		width: 20%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.right-img-area img {
		max-width: 100%;
		margin: 0 auto 10px;
		text-align: center;
	}
	.left-contents-area {
		float: left;
		width: 78%;
		margin: 0 auto 20px;
	}


	/* Youtube埋め込み */
	.youtube_1area {
		width: 50%;
		margin: 60px auto;
		height: 0;
		overflow: hidden;
		padding-bottom: 28.12%;
		position: relative;
	}
	.youtube_2area {
		width: 100%;
		margin: 0 auto 40px;
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.youtube_1area iframe,
	.youtube_2area iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	/* チェックリスト（画像） */
	ul.check {
		list-style: url("../img/common/img_list_nav_arw.png");
		line-height: 240%;
	}

	/* LINE形式 */

	.line-wrap {
		width: 1200px;
		margin: 0 auto;
	}
	.line-box {
		position: relative;
	}
	.line-box .line-txt {
		display: inline-block;
		font-size: 28px;
		font-weight: bold;
		vertical-align: middle;
		border-radius: 20px 20px;
		padding: 20px;
	}
	.line-box .line-img {
		display: inline-block;
		vertical-align: middle;
		}
	.line-box .box-customer {
		font-size: 0;
	}
	.line-box .box-customer .line-txt {
		background-color: #E6E6E6;
		margin-left: 40px;
	}
	.line-box .box-customer .line-txt:before {
		display: block;
		content: "";
		position: absolute;
		top: 52px;
		left: 147px;
		height: 33px;
		width: 27px;
		background-image: url(../img/common/line_customer_jet.png);
	}
	.line-box .box-gojoh {
		font-size: 0;
		text-align: right;
	}
	.line-box .box-gojoh .line-txt {
		background-color: #A9E2F3;
		text-align: left;
		margin-right: 40px;
	}
	.line-box .box-gojoh .line-txt:after {
		display: block;
		content: "";
		position: absolute;
		top: 51px;
		left: 1008px;
		height: 33px;
		width: 27px;
		background-image: url(../img/common/line_gojoh_jet.png);
	}
	.line-notes {
		font-weight: bold;
		text-align: center;
		margin-top: 30px;
	}

	.box-customer {
		  -webkit-transition: all 1s;
		  -webkit-transform: translate(0, 0);
		  opacity: 1;
	}
	.box-customer.move {
		  -webkit-transform: translate(-10px, 0);
		  opacity: 0;
	}
	.box-gojoh {
		text-align: right;
		  -webkit-transition: all 1s;
		  -webkit-transform: translate(0, 0);
		  opacity: 1;
	}
	.box-gojoh.move {
		  -webkit-transform: translate(10px, 0);
		  opacity: 0;
	}
	@media all and (-ms-high-contrast: none) {
		.box-customer .line-txt:before {
		  -webkit-transition: all 1s;
		  -webkit-transform: translate(0, 0);
		  opacity: 1;
		}
		.box-customer.move .line-txt:before {
		  -webkit-transform: translate(-10px, 0);
		  opacity: 0;
		}
		.line-txt:after {
			text-align: right;
		  -webkit-transition: all 1s;
		  -webkit-transform: translate(0, 0);
		  opacity: 1;
		}
		.box-gojoh.move .line-txt:after {
		  -webkit-transform: translate(10px, 0);
		  opacity: 0;
		}
	}


	/* 共通 */
	.attention {
		max-width: 100%;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
		background-color: #FFD7D7;
		border: 2px solid #F39B9B;
		color: #bb0a04;
	}
	.attention p {
		font-size: 1.6rem;
		line-height: 160%;
		margin: 20px;
	}

	.under_triangle {
		width: 0;
		height: 0;
		border-top: 50px solid #E5E5E5;
		border-right: 120px solid transparent;
		border-bottom: 0 solid transparent;
		border-left: 120px solid transparent;
		margin: 20px auto;
	}
	.summary {
		width: 80%;
		margin: 0 auto 40px;
		background-color: #A4D9F0;
		font-weight: bold;
		border-radius: 1em;
		text-align: center;
	}
	.summary p {
		padding: 20px;
		font-size: 2.8rem!important;
		font-weight: bold;
		line-height: 180%!important;
		color: #1B4957;
	}


	/* 商品一覧ショートコード */
	  /* ※背景を白にしたい場合 */
	.white-area .top_feature {
		background: none;
	}
	  /* ※背景を白にすると、区切りが分からなくなるので線を追加 */
	.white-area .top_feature .itemlist > div {
		border: 2px solid #e9eaef;
		padding: 8px;
	}
	.white-area .top_feature .itemlist > div:hover {
		border: 2px solid #1a3168;
		padding: 8px;
	}

	.under .white-area.item_short_code .detail_list > ul > li {
		border: 2px solid #e9eaef;
		padding: 8px;
	}

	/* fancyboxプラグイン */
	#fancybox-title-over {
		font-size: 1.6rem;
		line-height: 160%;
	}

	/* moreボタン */
	.block-more_btn {
		text-align: center;
		margin-top: 40px;
	}

	.block-more_btn .txtbtn {
		display: inline-block;
		position: relative;
		color: #fff;
		font-size: 1.6rem;
		background: #000;
		padding: 25px 0;
		width: 290px;
		cursor: pointer;
		border: 1px solid #000;
		transition: 0.1s all ease-in;
	}

	.block-more_btn .txtbtn:after {
		content: '';
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		display: inline-block;
		position: absolute;
		right: 30px;
		top: 50%;
		margin-top: -8px;
	}

	.block-more_btn .txtbtn:hover {
		background: #fff;
		color: #000;
	}

	.block-more_btn .txtbtn:hover:after {
		border-color: #000;
	}

	/* メインナビ */
	.main_nav li i {
		color: #282e68;
	}
	.main_nav li a:hover i.fa-home {
		color: #1a80d6;
	}
	.main_nav li a:hover i.fa-caret-square-down {
		color: #3104B4;
	}
	.main_nav li a:hover i.fa-info-circle {
		color: #0000FF;
	}
	.main_nav li a:hover i.fa-file-alt {
		color: #088A08;
	}
	.main_nav li a:hover i.fa-tools {
		color: #A4A4A4;
	}
	.main_nav li a:hover i.fa-list-alt {
		color: #FF8000;
	}
	.main_nav li a:hover i.fa-video {
		color: #ff0000;
	}
	.main_nav li a:hover i.fa-comment-dots {
		color: #F781F3;
	}
	.main_nav li a:hover i.fa-calculator {
		color: #FF8000;
	}



	/* フッター */
	footer .ft_sitemap .sitemap01 {
		width: 17%;
	}
	footer .ft_sitemap .sitemap02 {
		width: 83%;
	}
	footer .ft_sitemap .items {
		width: 16%;
		float: left;
		margin-bottom: 10px;
		min-height: 220px;
		margin-right: 2%;
	}
	footer .ft_sitemap .items.kago,
	footer .ft_sitemap .items.rokurin,
	footer .ft_sitemap .items.hira,
	footer .ft_sitemap .items.teoshi,
	footer .ft_sitemap .items.o-daisha {
		min-height: 220px;
	}
	footer .ft_sitemap .items.mesh,
	footer .ft_sitemap .items.palette,
	footer .ft_sitemap .items.slope,
	footer .ft_sitemap .items.rack,
	footer .ft_sitemap .items.electric,
	footer .ft_sitemap .items.mist {
		min-height: 160px;
	}
	footer .ft_sitemap .items.fan,
	footer .ft_sitemap .items.electric,
	footer .ft_sitemap .items.other {
		min-height: 40px;
	}

	#search .content .tab1 p {
		line-height: 160%;
	}

	/* トップページ */
	#mv .slick-slide img {
		width: 1400px;
		height: auto;
	}
	.top_pickup .slider {
		margin-bottom: 80px;
	}
	.top_pickup .slider>div {
		margin: 0 20px;
		min-height: 450px;
	}

	.special_feature_subttl {
		text-align: center;
		font-size: 2.0rem;
		font-weight: bold;
		margin-bottom:20px;
	}
	.special_feature_pickup {
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
	}
	.special_feature_pickup .area {
		width: 20%;
		margin: 0 2.5% 40px;
		text-align: center;
	}
	.special_feature_pickup .area h3 {
		font-size: 1.6rem;
		font-weight: bold;
		margin: 10px 0;
	}
	.special_feature_pickup .area a:hover h3 {
		color: #1a80d6;
	}

	.special_feature_other {
		background-color: #f2f2f2;
		padding-top: 40px;
	}
	.pickup__list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 2rem;
		row-gap: 2rem;
		margin: 0 0 10rem;
	}
	.pickup__list_item {
		margin: 0;
		padding: 0;
	}
	.pickup__list_link {
		display: block;
	}
	.pickup__list_link:hover {
		color: #1a80db;
	}
	.pickup__list_img {
		display: block;
	}
	.pickup__list_img img {
		width: 100%;
	}
	.pickup__list_ttl {
		display: block;
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.6;
		font-weight: bold;
		margin: 10px 0;
		text-align: center;
	}
	.pickup__list_cap {
		display: block;
		margin: 0;
		line-height: 1.6;
		font-size: 1.4rem;
	}

	.carousel__block {
		margin: 0 auto 40px;
		width: 98%;
	}
	.carousel__block_inner {
		padding: 0 0 40px;
	}
	.carousel__block_control {
		max-width: 580px;
		width: 100%;
		margin: 30px auto 0;
		position: relative;
	}
	.carousel__block_scrollbar {
		width: 100%;
		height: 10px;
		z-index: 10;
	}
	.carousel__block_scrollbar .swiper-scrollbar-drag {
		z-index: 10;
		cursor: pointer;
	}
	.carousel__block_arrow {
		width: 50px;
		height: 50px;
		outline: none;
		background: none;
	}
	.carousel__block_arrow::before {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.carousel__block_arrow::after {
		display: none;
	}
	.carousel__block_prev {
		left: -50px;
	}
	.carousel__block_prev::before {
		border-left: .2rem solid #282e68;
		border-bottom: .2rem solid #282e68;
	}
	.carousel__block_next {
		right: -50px;
	}
	.carousel__block_next::before {
		border-top: .2rem solid #282e68;
		border-right: .2rem solid #282e68;
	}
	.carousel__block_explanation p {
		font-size: 1.4rem;
		line-height: 160%;
		margin: 20px auto;
	}
	.swiper-scrollbar-drag {
		background: rgba(40,46,104,1.0);
	}


	/* 商品一覧ページ */
	#acc_box01 {
		margin-bottom: 62px;
	}

	.under #acc_tab01 .bd_ttl {
		width: 94%;
		max-width: 1380px;
	}
	.under #acc_tab01 .bd_ttl h2 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 160%;
	}
	.under .pickup .bd_ttl h2 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 160%;
	}
	.under .item-class.bd_ttl h2 {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 160%;
	}
	.under .item-class.bd_ttl h2 span {
		font-size: 1.8rem;
	}
	.under .text_list .bd_ttl h4 {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 160%;
	}
	.no_hit {
		margin: 20px auto -35px;
	}
	.no_hit p {
		font-size: 1.8rem;
		line-height: 180%;
		margin-bottom: 0;
	}
	.type-toparea {
		width: 100%;
		max-width: 1380px;
		margin: 0 auto 25px;
	}

	/* ピックアップ */
	.banner .special li {
		max-width: 32%;
		margin-bottom: 35px;
		margin-right: 2%;
		list-style: none;
	}

	.banner .special li:nth-child(3n) {
		margin-right: 0;
	}

	.banner .special li a img {
		max-width: 100%;
	}

	.video .special .load-area {
		width: 48%;
		position: relative;
		padding-top: 27%;
		margin-bottom: 50px;
		margin-right: 4%;
	}
	.video .special .load-area:nth-child(2n){
		margin-right: 0%;
	}

	.video .special .load-area iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}


	/* 検索結果ページ */
	.under .search_ttl .bd_ttl {
		width: 94%;
		max-width: 1380px;
	}
	.under .search_ttl .bd_ttl h2 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 160%;
	}



	/* 商品詳細ページ */
	.detail section.explain p,
	.detail section.feature p {
		font-size: 1.6rem;
		line-height: 160%;
	}
	.detail section.explain .explain_right p {
		font-size: 1.4rem;
		line-height: 140%;
		margin-bottom: 0;
	}
	.detail section.explain p.x-large,
	.detail section.feature p.x-large {
		font-size: 3.0rem;
	}
	.detail section.explain p.large,
	.detail section.feature p.large {
		font-size: 2.2rem;
	}
	.detail section.explain p.small,
	.detail section.feature p.small {
		font-size: 1.4rem;
	}
	.detail section.explain p.x-small,
	.detail section.feature p.x-small {
		font-size: 1.2rem;
	}
	.detail section.feature ul,
	.detail section.feature ol,
	.detail section.feature dl {
		font-size: 1.6rem;
		line-height: 160%;
	}
	.detail section.feature ul li,
	.detail section.feature ol li {
		list-style: inherit;
		margin: 5px auto;
	}
	.soryo {
		font-size: 1.6rem;
		line-height: 160%;
		color: #111;
	}

	.soryo ul.so-cost {
		list-style: square;
		margin-bottom: 20px;
	}
	.soryo ul.so-cost li {
		list-style: inherit;
		margin: 5px auto;
	}
	.soryo .soryo-tbl {
		width: auto;
		min-width: 1000px;
		font-size: 1.6rem;
		border: 1px solid #9396a0;
		margin: 20px auto 40px;
	}
	.soryo .soryo-tbl th {
		background: #e9eaef;
		text-align: center;
		border: 1px solid #9396a0;
		padding: 10px;
	}
	.soryo .soryo-tbl td {
		border: 1px solid #9396a0;
		padding: 10px;
	}
	.soryo .soryo-tbl td.d-cost {
		width: 120px;
		text-align: right;
	}
	.soryo .soryo-tbl td.d-cost2 {
		width: 300px;
		text-align: right;
	}

	.end_of_sales,
	.backorder,
	.accepting_reservations,
	.similar,
	.attention_area {
		width: 100%;
	}

	.end_of_sales .bnr,
	.backorder .bnr,
	.accepting_reservations .bnr,
	.similar .bnr,
	.attention_area .bnr {
		text-align: center;
		margin-bottom: 20px;
	}
	.end_of_sales .bnr img,
	.backorder .bnr img,
	.accepting_reservations .bnr img,
	.similar .bnr img,
	.attention_area .bnr img {
		max-width: 100%;
	}
	.end_of_sales .addition,
	.backorder .addition,
	.accepting_reservations .addition,
	.similar .addition {
		max-width: 100%;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.attention_area .addition {
		max-width: 100%;
		margin-bottom: 20px;
		padding: 20px;
	}
	.end_of_sales .addition {
		background-color: #FFD7D7;
		border: 2px solid #F39B9B;
		color: #bb0a04;
	}
	.attention_area .addition {
		background-color: #FFD7D7;
		border: 2px solid #F39B9B;
	}
	.backorder .addition {
		background-color: #F7BE81;
		border: 2px solid #FF8000;
		color: #B43104;
	}
	.accepting_reservations .addition {
		background-color: #F7BE81;
		border: 2px solid #FF8000;
		color: #B43104;
	}
	.similar .addition {
		background-color: #BCF5A9;
		border: 2px solid #0B6121;
		color: #173B0B;
	}
	.similar .addition a,
	.attention_area .addition a {
		color: #227ac4;
	}
	.detail section.explain .end_of_sales .addition p,
	.detail section.explain .backorder .addition p,
	.detail section.explain .accepting_reservations .addition p,
	.detail section.explain .similar .addition p,
	.detail section.explain .attention_area .addition p {
		font-size: 1.6rem;
		line-height: 160%;
		margin: 20px;
	}
	table.siyou {
		margin: 20px auto;
		font-size: 1.6rem;
		line-height: 160%;
	}
	table.siyou th {
		background: #e9eaef;
		text-align: center;
		border: 1px solid #9396a0;
		padding: 10px;
	}
	table.siyou td {
		text-align: left;
		border: 1px solid #9396a0;
		padding: 10px;
	}

	.analogy .carousel__block {
		margin: 0 auto;
		width: 100%;
	}



	/* 投稿ページ全体 */
	section.main-contents {
		width: 94%;
		max-width: 1380px;
		margin: 0 auto 5rem auto;
		padding: 0 10px;
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.main-contents p {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.main-contents p.x-large {
		font-size: 3.0rem;
	}
	section.main-contents p.large {
		font-size: 2.2rem;
	}
	section.main-contents p.small {
		font-size: 1.4rem;
	}
	section.main-contents p.x-small {
		font-size: 1.2rem;
	}
	section.main-contents ul,
	section.main-contents ol,
	section.main-contents dl {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.main-contents ul li,
	section.main-contents ol li {
		list-style: inherit;
		margin: 5px auto;
	}
	section.main-contents table,
	section.main-contents table th,
	section.main-contents table td {
		font-size: 1.6rem;
		line-height: 160%;
		border: 1px solid #9396a0;
		margin: 20px auto 40px;
		padding: 10px;
	}
	section.main-contents table th {
		border: 1px solid #9396a0;
		background: #afb1b8;
		color: #fff;
	}

	/* 固定ページ全体 */
	section.under_page {
		width: 94%;
		max-width: 1380px;
		margin: 0 auto 5rem auto;
		padding: 0 10px;
	}
	section.under_page p {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.under_page p.x-large {
		font-size: 3.0rem;
	}
	section.under_page p.large {
		font-size: 2.2rem;
	}
	section.under_page p.small {
		font-size: 1.4rem;
	}
	section.under_page p.x-small {
		font-size: 1.2rem;
	}
	section.under_page ul,
	section.under_page ol,
	section.under_page dl {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.under_page ul li,
	section.under_page ol li {
		list-style: inherit;
		margin: 5px auto;
	}
	section.under_page table,
	section.under_page table th,
	section.under_page table td {
		font-size: 1.6rem;
		line-height: 160%;
		border: 1px solid #9396a0;
		margin: 20px auto 40px;
		padding: 10px;
	}
	section.under_page table th {
		border: 1px solid #9396a0;
		background: #afb1b8;
		color: #fff;
	}

	/* トップページ */
	.top_page.basic_ttl {
		padding: 20px 0 10px;
		margin-bottom: 40px;
	}
	.top_page.basic_ttl span {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 1.6rem;
		font-weight: normal;
	}
	.top_page.basic_ttl h1,
	.top_page.basic_ttl h2 {
		text-align: center;
		font-size: 3.6rem;
		font-weight: bold;
	}
	.top_pickup {
		margin-top: 50px;
	}
	.top_news .day,
	.top_news .tag,	
	.top_info .day,
	.top_info .tag {
		width: 120px;
		text-align: center;
	}

	/* お知らせ一覧ページ */
	.wp-pagenavi {
		text-align: center;
		font-size: 1.8rem;
		margin-top: 3rem;
	}
	.wp-pagenavi a {
		padding: 10px 15px;
		margin: 2px 5px;
		border: 1px solid #000;
		color: #fff!important;
		background-color: #000;
	}
	.wp-pagenavi span {
		padding: 10px 15px;
		margin: 2px 5px;
		border: 1px solid #000;
		color: #000!important;
		background-color: #fff;
	}
	.wp-pagenavi span.current,
	.wp-pagenavi a:hover {
		color: #000!important;
		background-color: #fff;
	}


	/* コンセプト */
	section.under_page ul.concept_list1 {
		list-style: url("/wp-content/uploads/2020/10/img_concept_nav_arw.png");
		line-height: 240%;
	}
	.concept_theme {
		width: 90%;
		margin: 40px auto 20px;
		text-align: center;
	}
	.concept_theme .left_theme,
	.concept_theme .center_theme,
	.concept_theme .right_theme {
		float: left;
		width: 30%;
		margin: 0 1.5% 40px;
	}
	.concept_theme .theme_img {
		margin-bottom: 20px;
	}
	section.under_page .concept_theme p {
		font-weight: bold;
		line-height: 180%;
	}
	.concept_distribution {
		width: 90%;
		margin: 40px auto 20px;
	}
	.concept_distribution .left_distribution {
		float: left;
		width: 20%;
		margin-bottom: 20px;
	}
	.concept_distribution .right_distribution {
		margin-bottom: 20px;
	}
	.concept_distribution .distribution_img {
		margin-bottom: 20px;
	}
	.concept_distribution .distribution_img img {
		max-width: 128px;
	}
	.concept_distribution .distribution_img img.kago {
		max-width: 90px;
	}


	/* 中古台車売買予約リクエスト */
	.request .r_flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.request .r_flex p {
		width: 48%;
	}
	.request .r_flex figure {
		width: 48%;
		margin-bottom: 40px;
	}
	.request .r_flex figure img {
		width: 100%;
	}

	.torihiki .kaitori .gray,
	.torihiki .tenbai .gray,
	.yoyaku .gray {
		width: 100%;
		background-color: #f0f0f0;
		padding: 80px 0;
	}
	.torihiki .kaitori .gray dl,
	.torihiki .tenbai .gray dl {
		background-color: #fff;
		margin: 0 auto;
		width: 80%;
		padding: 60px 70px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 60px;
	}
	.torihiki .kaitori .gray dl dt,
	.torihiki .tenbai .gray dl dt {
		font-size: 20px;
		font-weight: bold;
		color: #282e68;
		border-bottom: 3px solid #282e68;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 20px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.torihiki .kaitori .gray dl dt img,
	.torihiki .tenbai .gray dl dt img {
		display: block;
		margin-right: 0;
		margin-left: auto;
	}
	.torihiki .kaitori .gray dl dd,
	.torihiki .tenbai .gray dl dd {
		margin-bottom: 25px;
	}
	.torihiki .kaitori .gray dl dd a,
	.torihiki .tenbai .gray dl dd a {
		color: #227ac4;
	}

	.torihiki .kaitori .under,
	.torihiki .tenbai .under,
	.yoyaku .under {
		background-color: #fff;
		margin: 0 auto;
		width: 80%;
		padding: 60px 70px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.torihiki .kaitori .under p,
	.torihiki .tenbai .under p,
	.yoyaku .under p {
		text-align: center;
	}
	.torihiki .kaitori .under a,
	.torihiki .tenbai .under a,
	.yoyaku .under a {
		font-size: 1.8rem;
		line-height: 140%;
	}
	.torihiki .kaitori .under .reuse,
	.torihiki .tenbai .under .reuse,
	.yoyaku .under .reuse {
		display: block;
		background-color: #000;
		color: #ffffff;
		text-align: center;
		padding: 15px 0px;
		width: 34%;
		margin: 30px auto;
		text-decoration: none;
		min-width: 256px;
	}
	.torihiki .kaitori .under .reuse:hover,
	.torihiki .tenbai .under .reuse:hover,
	.yoyaku .under .reuse:hover {
		opacity: 0.7;
	}
	.torihiki .kaitori .under .under_flex,
	.torihiki .tenbai .under .under_flex,
	.yoyaku .under .under_flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 40px;
	}
	.torihiki .kaitori .under .under_flex .tel,
	.torihiki .kaitori .under .under_flex .fax,
	.torihiki .kaitori .under .under_flex .web,
	.torihiki .tenbai .under .under_flex .tel,
	.torihiki .tenbai .under .under_flex .fax,
	.torihiki .tenbai .under .under_flex .web,
	.yoyaku .under .under_flex .tel,
	.yoyaku .under .under_flex .fax,
	.yoyaku .under .under_flex .web {
		width: 30%;
		display: block;
		padding: 15px 0;
		color: #ffffff;
		margin: 0 auto;
		text-decoration: none;
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.torihiki .kaitori .under .under_flex .tel:hover,
	.torihiki .kaitori .under .under_flex .fax:hover,
	.torihiki .kaitori .under .under_flex .web:hover,
	.torihiki .tenbai .under .under_flex .tel:hover,
	.torihiki .tenbai .under .under_flex .fax:hover,
	.torihiki .tenbai .under .under_flex .web:hover,
	.yoyaku .under .under_flex .tel:hover,
	.yoyaku .under .under_flex .fax:hover,
	.yoyaku .under .under_flex .web:hover {
	 	opacity: 0.7;
	}
	.torihiki .kaitori .under .under_flex .tel img,
	.torihiki .kaitori .under .under_flex .fax img,
	.torihiki .kaitori .under .under_flex .web img,
	.torihiki .tenbai .under .under_flex .tel img,
	.torihiki .tenbai .under .under_flex .fax img,
	.torihiki .tenbai .under .under_flex .web img,
	.yoyaku .under .under_flex .tel img,
	.yoyaku .under .under_flex .fax img,
	.yoyaku .under .under_flex .web img {
		margin-right: 10px;
	}
	.torihiki .kaitori .under .under_flex .tel,
	.torihiki .tenbai .under .under_flex .tel,
	.yoyaku .under .under_flex .tel {
		background-color: #f36c6c;
	}
	.torihiki .kaitori .under .under_flex .fax,
	.torihiki .tenbai .under .under_flex .fax,
	.yoyaku .under .under_flex .fax {
		background-color: #6bba32;
	}
	.torihiki .kaitori .under .under_flex .web,
	.torihiki .tenbai .under .under_flex .web,
	.yoyaku .under .under_flex .web {
		background-color: #282e68;
	}

	/* オーダー製作 */
	section.under_page ul.order_list1 {
		list-style: url("/wp-content/uploads/2021/01/img_order_nav_arw.png");
		line-height: 240%;
		font-size: 1.8rem;
	}

	.order_page .gray {
		width: 100%;
		background-color: #f0f0f0;
		padding: 80px 0;
	}
	.order_page .gray dl {
		background-color: #fff;
		margin: 0 auto;
		width: 80%;
		padding: 60px 70px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 60px;
	}
	.order_page .gray dl dt {
		font-size: 20px;
		font-weight: bold;
		color: #282e68;
		border-bottom: 3px solid #282e68;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 20px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.order_page .gray dl dt img {
		display: block;
		margin-right: 0;
		margin-left: auto;
	}
	.order_page .gray dl dd {
		margin-bottom: 25px;
	}
	.order_page .gray dl dd a {
		color: #227ac4;
	}

	.order_page .under {
		background-color: #fff;
		margin: 0 auto;
		width: 80%;
		padding: 60px 70px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.order_page .under p {
		text-align: center;
	}
	.order_page .under a {
		font-size: 1.8rem;
		line-height: 140%;
	}
	.order_page .under .reuse {
		display: block;
		background-color: #000;
		color: #ffffff;
		text-align: center;
		padding: 15px 0px;
		width: 34%;
		margin: 30px auto;
		text-decoration: none;
		min-width: 256px;
	}
	.order_page .under .reuse:hover {
		opacity: 0.7;
	}
	.order_page .under .under_flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 40px;
	}
	.order_page .under .under_flex .tel,
	.order_page .under .under_flex .fax,
	.order_page .under .under_flex .web {
		width: 30%;
		display: block;
		padding: 15px 0;
		color: #ffffff;
		margin: 0 auto;
		text-decoration: none;
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.order_page .under .under_flex .tel:hover,
	.order_page .under .under_flex .fax:hover,
	.order_page .under .under_flex .web:hover {
	 	opacity: 0.7;
	}
	.order_page .under .under_flex .tel img,
	.order_page .under .under_flex .fax img,
	.order_page .under .under_flex .web img {
		margin-right: 10px;
	}
	.order_page .under .under_flex .tel {
		background-color: #f36c6c;
	}
	.order_page .under .under_flex .fax {
		background-color: #6bba32;
	}
	.order_page .under .under_flex .web {
		background-color: #282e68;
	}


	/* ムービー */

	.g-movie .movie-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.g-movie .movie-flex .txt-box {
		width: 48%;
	}
	.g-movie .movie-flex .txt-box h2 {
		font-weight: bold;
		font-size: 2.8rem;
		margin-bottom: 20px;
	}
	.g-movie .movie-flex .movie {
		width: 48%;
	}
	.g-movie .movie-flex .movie iframe {
		width: 100%;
		height: 400px;
	}
	.g-movie .movielist {
		margin: 0 auto 60px;
		font-size: 18px;
		line-height: 1.7;
	}
	.g-movie .movielist .movies {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: left;
	}
	.g-movie .movielist .movies .movie-box {
		display: block;
		width: 16%;
		min-width: 200px;
		background-color: #e9eaef;
		text-decoration: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		padding-bottom: 40px;
		margin: 0 0.3%  30px;
	}
	.g-movie .movielist .movies .movie-box figure {
		width: 100%;
	}
	.g-movie .movielist .movies .movie-box figure img {
		width: 100%;
	}
	.g-movie .movielist .movies .movie-box h3 {
		font-size: 14px;
		margin: 15px 0;
		padding: 0 7%;
		line-height: 1.7;
		color: #111;
	}
	.g-movie .movielist .movies .movie-box p {
		position: absolute;
		bottom: 5%;
		left: 7%;
		color: #3c85c8;
		text-align: left;
		font-size: 10px;
		margin-bottom: 0;
	}
	.g-movie .movielist .movies .movie-box:hover {
		opacity: 0.8;
	}
	.g-movie .movielist .more-t {
		display: block;
		border: 1px solid #3c85c8;
		color: #3c85c8;
		width: 20%;
		text-align: center;
		font-size: 14px;
		margin-right: 0;
		margin-left: auto;
		border-radius: 3px;
		text-decoration: none;
		padding: 5px 0;
		position: relative;
		margin-bottom: 50px;
	}
	.g-movie .movielist .more-t:after {
		position: absolute;
		content: '';
		border-top: 1px solid #3c85c8;
		border-right: 1px solid #3c85c8;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 5px;
		height: 5px;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.g-movie .movielist .more-t:hover {
		background-color: #3c85c8;
		color: #ffffff;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
	.g-movie .movielist .more-t:hover:after {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}





	/* 五常デポ */
	.gmap {
		width: 100%;
		margin: 0 auto 40px;
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}


	/* 企業情報 */
	.c-summary {
		margin: 0 auto;
	}
	.c-summary .list-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.c-summary .list-flex .list {
		border-top: 2px solid #9396a0;
	}
	.c-summary .list-flex .list dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-bottom: .5px solid #9396a0;
		padding: 15px 0 15px 10px;
	}
	.c-summary .list-flex .list dl dt {
		width: 21%;
	}
	.c-summary .list-flex .list dl dd a {
		color: #3c85c8;
	}
	.c-summary .list-flex .list1 {
		width: 48%;
	}
	.c-summary .list-flex .list2 {
		width: 48%;
	}

	.c-access {
		margin: 40px auto;
	}
	.c-access .list-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.c-access .list-flex dl {
		width: 50%;
		margin: 25px 0;
	}
	.c-access .list-flex dt {
		font-weight: bold;
	}



	/* 大口見積依頼 */
	.large_intro {
		width: 100%;
		margin: 0 auto 20px;
	}
	.large_intro img {
		max-width: 100%;
		margin-bottom: 20px;
	}

	section.under_page table.large-tbl {
		width: 100%;
		font-size: 1.4rem;

	}
	section.under_page table.large-tbl tr:nth-child(2n) {
		background: #f2f2f2;
	}
	section.under_page table.large-tbl tr:hover {
		background: #e0f1ff;
	}
	section.under_page table.large-tbl th,
	section.under_page table.large-tbl td {
		font-size: 1.4rem;

	}
	section.under_page table.large-tbl img {
		max-width: 100px;
	}

	section.under_page table.large-tbl td a {
		display: block;
		margin: 0 auto;
		width: 60px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		color: #1a3168;
		background: #fff;
		border: 1px solid #1a3168;
		border-radius: 3px;
		box-sizing: border-box;
	}
	section.under_page table.large-tbl td a:hover {
		text-decoration: none;
		color: #fff;
		background: #1a3168;
	}
	section.under_page div.large-btn a.contact {
		display: block;
		font-size: 1.6rem;
		margin: 0 auto 40px;
		width: 400px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #fff;
		background: #000;
		border: 1px solid #000;
		border-radius: 3px;
		box-sizing: border-box;
	}
	section.under_page div.large-btn a.contact:hover {
		text-decoration: none;
		opacity: 0.7;
	}

	/* 商品豆知識 */
	.link_list .trivia ul {
		align-items: flex-start;
	}

	.link_list .trivia li {
		width: 32%;
		margin: 0 2% 25px 0;
		max-width: 443px;
		list-style: none;
	}
	.link_list .trivia li:nth-child(3n) {
		margin-right: 0;
	}
	.link_list .trivia li a {
		font-size: 1.8rem;
		line-height: 160%;
		border: 2px solid #1a3168;
		box-sizing: border-box;
		position: relative;
		padding: 14px 24px 14px 15px;
		display: block;
		color: #1a3168;
		transition: all 0.1s;
	}
	.link_list .trivia li a i {
		position: absolute;
		top: 20px;
		right: 15px;
	}

	.link_list .trivia li a:hover {
		text-decoration: none;
		background: #1a3168;
		color: #fff;
	}

	/* 天使特集ページ special-angel */
	.angel-area01 {
		background: url(/wp-content/uploads/2022/04/bg_special-angel_01.png) repeat-x;
	}
	.angel-area02 {
		background: url(/wp-content/uploads/2022/04/bg_special-angel_02.png) repeat-x;
	}
	.bg-area {
		height: 2284px;
		background: #F4D5BE;
		position: relative;
	}

	.bg-area:before {
		width: 50%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		background: #B3BED1;
	}
	.angel-area03 {
		position: absolute;
		left: 50%;
		margin-left: -600px;
	}


	/* 各種フォーム */
	form .button {
		width: 40%;
		font-size: 1.8rem;
		padding: 30px 20px;
	}

	form .input-area .item {
		max-width: 100%;
	}
	form .input-area textarea {
		min-height: 200px;
	}
	form .form-items-wrap .item.type-a .img-area {
		width: 12%;
		text-align: center;
	}
	form .form-items-wrap .item.type-a .img-area .item-img {
		width: 100%;
		height: auto;
	}
	form .form-items-wrap .item .item-detail {
		width: 88%;
	}

	form .form-items-wrap .large .item.type-a .img-area {
		width: 10%;
		text-align: center;
	}
	form .form-items-wrap .large .item.type-a .img-area .item-img {
		width: 100%;
		height: auto;
	}
	form .form-items-wrap .large .item .item-detail {
		width: 90%;
	}

	form .form-items-wrap .large .item-detail .name_detail_area {
		width: 75%;
		margin-right: 2%;
	}
	form .form-items-wrap .large .item-detail .item-amount_area {
		width: 23%;
	}
	form .form-items-wrap .large .item-detail.confirm .name_detail_area {
		width: 88%;
		margin-right: 2%;
	}
	form .form-items-wrap .large .item-detail.confirm .item-amount_area {
		width: 10%;
		text-align: right;
	}

	form .form-items-wrap .mylist .item.type-a .img-area,
	form .form-items-wrap .item-order .item.type-a .img-area {
		width: 10%;
		text-align: center;
	}
	form .form-items-wrap .mylist .item.type-a .img-area .item-img,
	form .form-items-wrap .item-order .item.type-a .img-area .item-img {
		width: 100%;
		height: auto;
	}
	form .form-items-wrap .mylist .item .item-detail {
		width: 50%;
	}
	form .form-items-wrap .item-order .item .item-detail {
		width: 74%;
	}

	form .form-items-wrap .mylist .item-detail .name_detail_area,
	form .form-items-wrap .item-order .item-detail .name_detail_area {
		width: 98%;
		margin-right: 2%;
	}
	form .form-items-wrap .mylist .box-quantity {
		width: 24%;
	}
	form .form-items-wrap .item-order .box-quantity {
		width: 14%;
	}
	form .form-items-wrap .mylist .box-quantity .input-title {
		font-size: 1.3rem;
	}
	form .form-items-wrap .item-order .box-quantity .amount-area {
		text-align: right;
	}
	form .form-items-wrap .mylist .box-button {
		width: 14%;
	}

	form .form-items-wrap .mylist .box-button .update.button,
	form .form-items-wrap .mylist .box-button .delete.button {
		width: 40%;
		font-size: 1.6rem;
		padding: 20px;
	}

	form .form-items-wrap .mylist .option-items .option-btn {
		width: 25%;
	}



	


}

/*横769px以上、1600px以下の時　※折り返しなど、個別で記述が必要な場合のみ使用※　*/
@media screen and (min-width: 769px) and (max-width: 1600px) {


	/* トップページ */
	#mv .slick-slide img {
		width: 1200px;
		height: auto;
	}
	.top_pickup .slider {
		margin-bottom: 60px;
	}
	.top_pickup .slider>div {
		width: 300px;
		margin: 0 20px;
		min-height: 350px;
	}
	.top_pickup .slider div h3 {
		font-size: 1.8rem;

	}
	.top_pickup .slider>div img {
		max-width: 300px;
		height: auto;
	}
	.top_pickup .slider div p {
		font-size: 1.3rem;

	}


}


/*横769px以上、1400px以下の時　※折り返しなど、個別で記述が必要な場合のみ使用※　*/
@media screen and (min-width: 769px) and (max-width: 1400px) {


	/* ムービー */
	.g-movie .movielist .movies .movie-box {
		width: 32%;
		margin: 0 0.5% 30px;
	}


}

/*横769px以上、1200px以下の時　※折り返しなど、個別で記述が必要な場合のみ使用※　*/
@media screen and (min-width: 769px) and (max-width: 1200px) {


	/* フッター */
	footer .ft_sitemap .sitemap01 {
		width: 25%;
	}
	footer .ft_sitemap .sitemap02 {
		width: 75%;
	}
	footer .ft_sitemap .items {
		width: 28%;
		float: left;
		margin-bottom: 10px;
		min-height: 220px;
		margin-right: 2%;
	}
	footer .ft_sitemap .items.kago,
	footer .ft_sitemap .items.rokurin,
	footer .ft_sitemap .items.hira {
		min-height: 220px;
	}
	footer .ft_sitemap .items.teoshi,
	footer .ft_sitemap .items.o-daisha,
	footer .ft_sitemap .items.mesh,
	footer .ft_sitemap .items.palette,
	footer .ft_sitemap .items.slope,
	footer .ft_sitemap .items.rack,
	footer .ft_sitemap .items.electric {
		min-height: 160px;
	}
	footer .ft_sitemap .items.mist,
	footer .ft_sitemap .items.fan,
	footer .ft_sitemap .items.other {
		min-height: 40px;
	}

	/* トップページ */
	#mv .slick-slide img {
		width: 100%;
		height: auto;
	}


}


/*===========================================================
   PC・タブレット共通（と印刷対応）　⇒　769px以上の解像度の場合　ここまで
===========================================================*/






/*===========================================================
   タブレットのみ　⇒　769px以上1160px以下の解像度の場合　ここから
===========================================================*/
@media screen and (min-width: 769px) and (max-width: 1160px) {

	.tbl {
		display: none !important;
	}

	.tbl-clr {
		clear: both;
	}

	.ml0tbl {
		margin-left: 0px!important;
	}
	.ml20tbl {
		margin-left: 20px!important;
	}
	.ml40tbl {
		margin-left: 40px!important;
	}
	.ml60tbl {
		margin-left: 60px!important;
	}
	.mr0tbl {
		margin-right: 0px!important;
	}
	.mr20tbl {
		margin-right: 20px!important;
	}
	.mr40tbl {
		margin-right: 40px!important;
	}
	.mr60tbl {
		margin-right: 60px!important;
	}
	.mt0tbl {
		margin-top: 0px!important;
	}
	.mt20tbl {
		margin-top: 20px!important;
	}
	.mt40tbl {
		margin-top: 40px!important;
	}
	.mt60tbl {
		margin-top: 60px!important;
	}
	.mb0tbl {
		margin-bottom: 0px!important;
	}
	.mb20tbl {
		margin-bottom: 20px!important;
	}
	.mb40tbl {
		margin-bottom: 40px!important;
	}
	.mb60tbl {
		margin-bottom: 60px!important;
	}
	.pl0tbl {
		padding-left: 0px!important;
	}
	.pl20tbl {
		padding-left: 20px!important;
	}
	.pl40tbl {
		padding-left: 40px!important;
	}
	.pl60tbl {
		padding-left: 60px!important;
	}
	.pr0tbl {
		padding-right: 0px!important;
	}
	.pr20tbl {
		padding-right: 20px!important;
	}
	.pr40tbl {
		padding-right: 40px!important;
	}
	.pr60tbl {
		padding-right: 60px!important;
	}
	.pt0tbl {
		padding-top: 0px!important;
	}
	.pt20tbl {
		padding-top: 20px!important;
	}
	.pt40tbl {
		padding-top: 40px!important;
	}
	.pt60tbl {
		padding-top: 60px!important;
	}
	.pb0tbl {
		padding-bottom: 0px!important;
	}
	.pb20tbl {
		padding-bottom: 20px!important;
	}
	.pb40tbl {
		padding-bottom: 40px!important;
	}
	.pb60tbl {
		padding-bottom: 60px!important;
	}


	.fs120tbl {
		font-size: 120%!important;
	}
	.fs140tbl {
		font-size: 140%!important;
	}
	.fs160tbl {
		font-size: 160%!important;
	}
	.fs180tbl {
		font-size: 180%!important;
	}
	.fs200tbl {
		font-size: 200%!important;
	}

	img.yoko40tbl {
		max-width: 40%!important;
	}
	img.yoko50tbl {
		max-width: 50%!important;
	}
	img.yoko60tbl {
		max-width: 60%!important;
	}
	img.yoko70tbl {
		max-width: 70%!important;
	}
	img.yoko80tbl {
		max-width: 80%!important;
	}
	img.yoko90tbl {
		max-width: 90%!important;
	}
	img.yoko100tbl {
		max-width: 100%!important;
	}


	.line2 .area1,
	.line2 .area2 {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line3 .area1,
	.line3 .area2,
	.line3 .area3 {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line4 .area1,
	.line4 .area2,
	.line4 .area3,
	.line4 .area4 {
		float: left;
		width: 50%;
		margin: 0 auto 40px;
		text-align: center;
	}

	.line5 .area1,
	.line5 .area2,
	.line5 .area3,
	.line5 .area4,
	.line5 .area5 {
		float: left;
		width: 33%;
		margin: 0 auto 40px;
		text-align: center;
	}

	.line6 .area1,
	.line6 .area2,
	.line6 .area3,
	.line6 .area4,
	.line6 .area5,
	.line6 .area6 {
		float: left;
		width: 33%;
		margin: 0 auto 40px;
		text-align: center;
	}

	/* 商品詳細ページ */
	.soryo .soryo-tbl {
		width: 100%;
		min-width: 200px;
	}


	/* コンセプト */
	.concept_theme {
		width: 100%;
		margin: 40px auto;
		text-align: center;
	}
	.concept_theme .left_theme,
	.concept_theme .center_theme,
	.concept_theme .right_theme {
		float: left;
		width: 100%;
		margin: 0 auto 40px;
	}
	.concept_theme .theme_img {
		margin-bottom: 20px;
	}
	section.under_page .concept_theme p {
		font-weight: bold;
		line-height: 180%;
	}


	/* 中古台車売買予約リクエスト */
	.torihiki .kaitori .under .under_flex .tel,
	.torihiki .kaitori .under .under_flex .fax,
	.torihiki .kaitori .under .under_flex .web,
	.torihiki .tenbai .under .under_flex .tel,
	.torihiki .tenbai .under .under_flex .fax,
	.torihiki .tenbai .under .under_flex .web,
	.yoyaku .under .under_flex .tel,
	.yoyaku .under .under_flex .fax,
	.yoyaku .under .under_flex .web {
		width: 45%;
	}

	/* オーダー製作 */
	.order_page .under .under_flex .tel,
	.order_page .under .under_flex .fax,
	.order_page .under .under_flex .web {
		width: 45%;
	}

	/* 商品豆知識 */
	.link_list .trivia ul {
		align-items: flex-start;
	}

	.link_list .trivia li {
		width: 48%;
		margin: 0 1% 25px;
		max-width: 443px;
		list-style: none;
	}
	.link_list .trivia li:nth-child(3n) {
		margin-right: 1%;
	}

	/* 各種フォーム */
	form .form-items-wrap .item .item-detail div .price,
	form .form-items-wrap .item .item-detail div .price2 {
		text-align:right;
	}

	form .form-items-wrap .large .item-detail .name_detail_area {
		width: 60%;
		margin-right: 2%;
	}
	form .form-items-wrap .large .item-detail .item-amount_area {
		width: 38%;
	}
	form .form-items-wrap .large .item-detail.confirm .name_detail_area {
		width: 83%;
		margin-right: 2%;
	}
	form .form-items-wrap .large .item-detail.confirm .item-amount_area {
		width: 15%;
		text-align: right;
	}

	form .form-items-wrap .item.type-a.tbl-noflex {
		display: inline-block;
	}

	form .form-items-wrap .mylist .item.type-a .img-area,
	form .form-items-wrap .item-order .item.type-a .img-area {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	form .form-items-wrap .mylist .item.type-a .img-area .item-img,
	form .form-items-wrap .item-order .item.type-a .img-area .item-img {
		width: 30%;
		height: auto;
	}
	form .form-items-wrap .mylist .item .item-detail,
	form .form-items-wrap .item-order .item .item-detail {
		width: 100%;
		margin-bottom: 10px;
	}
	form .form-items-wrap .mylist .item.type-a .item-detail,
	form .form-items-wrap .item-order .item.type-a .item-detail {
		margin-left: 0;
	}

	form .form-items-wrap .mylist .item-detail .name_detail_area,
	form .form-items-wrap .item-order .item-detail .name_detail_area {
		width: 98%;

	}
	form .form-items-wrap .mylist .box-quantity,
	form .form-items-wrap .item-order .box-quantity {
		width: 100%;
		margin-bottom: 10px;
	}
	form .form-items-wrap .mylist .box-quantity .input-title {
		font-size: 1.3rem;
	}
	form .form-items-wrap .mylist .box-button {
		width: 100%;
	}

	form .form-items-wrap .mylist .box-button .update.button,
	form .form-items-wrap .mylist .box-button .delete.button {
		width: 40%;
		font-size: 1.6rem;
		padding: 20px;
	}

	form .form-items-wrap .mylist .option-items .option-btn {
		width: 50%;
	}

	form .form-items-wrap .mylist .multiple .item.type-a.mylist-item,
	form .form-items-wrap .item-order .multiple .item.type-a.mylist-item {
		width: 100%;
	}
	form .form-items-wrap .mylist .multiple .option-items .item.type-a.mylist-item,
	form .form-items-wrap .item-order .multiple .option-items .item.type-a.mylist-item {
		width: 94%;
	}
	form .form-items-wrap .item-order .box-quantity .amount-area {
		text-align: center;
	}


}
/*===========================================================
   タブレットのみ　⇒　769px以上1160px以下の解像度の場合　ここまで
===========================================================*/




/*===========================================================
   PCのみ（と印刷対応）　⇒　1161px以上の解像度の場合　ここから
===========================================================*/
@media print,screen and (min-width: 1161px) {

	.sp-tbl {
		display: none !important;
	}

}
/*===========================================================
   PCのみ（と印刷対応）　⇒　1161px以上の解像度の場合　ここまで
===========================================================*/



/*===========================================================
   タブレット・スマートフォン共通　⇒　1160px以下の解像度の場合　ここから
===========================================================*/

@media screen and (max-width: 1160px) {


	.pc {
		display: none !important;
	}

	/* Youtube埋め込み */
	.youtube_1area,
	.youtube_2area {
		width: 100%;
		margin: 20px auto;
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.youtube_1area iframe,
	.youtube_2area iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	/* トップページ */
	#mv .slick-slide img {
		width: 100%;
		height: auto;
	}

	/* 商品一覧ページ */
	.under.products .text_list .table_wrap {
		width: 100%;
		overflow-x: scroll;
	}
	.under.products .text_list table {
		width: 1400px;
	}

	/* 大口見積依頼 */
	.large_intro {
		width: 100%;
		margin: 0 auto 20px;
	}
	.large_intro img {
		max-width: 100%;
		margin-bottom: 20px;
	}

	section.under_page table.large-tbl-sp {
		width: 100%;
		font-size: 1.4rem;

	}
	section.under_page table.large-tbl-sp th,
	section.under_page table.large-tbl-sp td {
		font-size: 1.4rem;
		width: 50%;

	}
	section.under_page div.large-sp-block a {
		display: block;
		font-size: 1.4rem;
		margin: 0 auto 20px;
		width: 40%;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #1a3168;
		background: #fff;
		border: 1px solid #1a3168;
		border-radius: 3px;
		box-sizing: border-box;
	}
	section.under_page div.large-sp-block a:hover {
		text-decoration: none;
		color: #fff;
		background: #1a3168;
	}
	section.under_page div.large-sp-block a.contact {
		margin: 0 auto 40px;
		color: #fff;
		background: #000;
		border: 1px solid #000;
	}
	section.under_page div.large-sp-block a.contact:hover {
		text-decoration: none;
		opacity: 0.7;
	}

}

/*===========================================================
   タブレット・スマートフォン共通　⇒　1160px以下の解像度の場合　ここまで
===========================================================*/





/*===========================================================
   スマートフォンのみ　⇒　768px以下の解像度の場合　ここから
===========================================================*/
@media screen and (max-width: 768px) {

	.pc-tbl {
		display: none !important;
	}

	.wd100sp {
		width: 100%!important;
	}
	.wd90sp {
		width: 90%!important;
	}
	.wd80sp {
		width: 80%!important;
	}
	.wd70sp {
		width: 70%!important;
	}
	.wd60sp {
		width: 60%!important;
	}
	.wd50sp {
		width: 50%!important;
	}
	.wd40sp {
		width: 40%!important;
	}
	.wd30sp {
		width: 30%!important;
	}
	.wd20sp {
		width: 20%!important;
	}
	.wd10sp {
		width: 10%!important;
	}
	.mwd100sp {
		max-width: 100%!important;
	}
	.mwd90sp {
		max-width: 90%!important;
	}
	.mwd80sp {
		max-width: 80%!important;
	}

	.ml0sp {
		margin-left: 0px!important;
	}
	.ml20sp {
		margin-left: 20px!important;
	}
	.ml40sp {
		margin-left: 40px!important;
	}
	.ml60sp {
		margin-left: 60px!important;
	}
	.mr0sp {
		margin-right: 0px!important;
	}
	.mr20sp {
		margin-right: 20px!important;
	}
	.mr40sp {
		margin-right: 40px!important;
	}
	.mr60sp {
		margin-right: 60px!important;
	}
	.mt0sp {
		margin-top: 0px!important;
	}
	.mt20sp {
		margin-top: 20px!important;
	}
	.mt40sp {
		margin-top: 40px!important;
	}
	.mt60sp {
		margin-top: 60px!important;
	}
	.mb0sp {
		margin-bottom: 0px!important;
	}
	.mb20sp {
		margin-bottom: 20px!important;
	}
	.mb40sp {
		margin-bottom: 40px!important;
	}
	.mb60sp {
		margin-bottom: 60px!important;
	}
	.pl0sp {
		padding-left: 0px!important;
	}
	.pl20sp {
		padding-left: 20px!important;
	}
	.pl40sp {
		padding-left: 40px!important;
	}
	.pl60sp {
		padding-left: 60px!important;
	}
	.pr0sp {
		padding-right: 0px!important;
	}
	.pr20sp {
		padding-right: 20px!important;
	}
	.pr40sp {
		padding-right: 40px!important;
	}
	.pr60sp {
		padding-right: 60px!important;
	}
	.pt0sp {
		padding-top: 0px!important;
	}
	.pt20sp {
		padding-top: 20px!important;
	}
	.pt40sp {
		padding-top: 40px!important;
	}
	.pt60sp {
		padding-top: 60px!important;
	}
	.pb0sp {
		padding-bottom: 0px!important;
	}
	.pb20sp {
		padding-bottom: 20px!important;
	}
	.pb40sp {
		padding-bottom: 40px!important;
	}
	.pb60sp {
		padding-bottom: 60px!important;
	}


	.fs120sp {
		font-size: 120%!important;
	}
	.fs140sp {
		font-size: 140%!important;
	}
	.fs160sp {
		font-size: 160%!important;
	}
	.fs180sp {
		font-size: 180%!important;
	}
	.fs200sp {
		font-size: 200%!important;
	}

	.other_page.basic_ttl h1 {
		font-size: 2.2rem;
	}
	.other_page.basic_ttl h1 {
		padding: 0 10px;
	}

	.h2-ttl {
		font-size: 1.8rem;
	}
	.h3-ttl {
		font-size: 1.8rem;
	}
	.h4-ttl {
		font-size: 1.6rem;
	}
	.h5-ttl {
		font-size: 1.6rem;
	}
	.h6-ttl {
		font-size: 1.6rem;
	}

	/* 画像横並び */
	.line1,
	.line2,
	.line3,
	.line4,
	.line5,
	.line6 {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
		font-size: 1.6rem;
		line-height: 160%;
	}
	.line1 img,
	.line2 img,
	.line3 img,
	.line4 img,
	.line5 img,
	.line6 img {
		margin: 10px;
	}

	.line1-l {
		width: 100%;
		margin: 0 auto 20px;
		text-align: left;
	}
	.line1-r {
		width: 100%;
		margin: 0 auto 20px;
		text-align: right;
	}

	.line2 .area1,
	.line2 .area2,
	.line2 .area1-narrow,
	.line2 .area2-narrow {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line2 .area1-r {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: right;
	}
	.line2 .area2-l {
		float: left;
		width: 50%;
		margin: 0 auto 20px;
		text-align: left;
	}

	.line3 .area1,
	.line3 .area2,
	.line3 .area3,
	.line3 .area1-narrow,
	.line3 .area2-narrow,
	.line3 .area3-narrow {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line3 .area1-r {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: right;
	}
	.line3 .area2-c {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.line3 .area3-l {
		float: left;
		width: 33%;
		margin: 0 auto 20px;
		text-align: left;
	}

	.line4 .area1,
	.line4 .area2,
	.line4 .area3,
	.line4 .area4,
	.line4 .area1-narrow,
	.line4 .area2-narrow,
	.line4 .area3-narrow,
	.line4 .area4-narrow {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line5 .area1,
	.line5 .area2,
	.line5 .area3,
	.line5 .area4,
	.line5 .area5,
	.line5 .area1-narrow,
	.line5 .area2-narrow,
	.line5 .area3-narrow,
	.line5 .area4-narrow,
	.line5 .area5-narrow {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}

	.line6 .area1,
	.line6 .area2,
	.line6 .area3,
	.line6 .area4,
	.line6 .area5,
	.line6 .area6,
	.line6 .area1-narrow,
	.line6 .area2-narrow,
	.line6 .area3-narrow,
	.line6 .area4-narrow,
	.line6 .area5-narrow,
	.line6 .area6-narrow {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}

	img.yoko18sp {
		max-width: 18%!important;
	}
	img.yoko25sp {
		max-width: 25%!important;
	}
	img.yoko40sp {
		max-width: 40%!important;
	}
	img.yoko50sp {
		max-width: 50%!important;
	}
	img.yoko60sp {
		max-width: 60%!important;
	}
	img.yoko70sp {
		max-width: 70%!important;
	}
	img.yoko80sp {
		max-width: 80%!important;
	}
	img.yoko90sp {
		max-width: 90%!important;
	}
	img.tate100sp {
		max-height: 100px!important;
	}
	img.tate200sp {
		max-height: 200px!important;
	}

	/* 画像回り込み */
	.left-img-area {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.left-img-area img {
		max-width: 90%;
		margin: 0 auto;
	}
	.right-contents-area {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
	}
	.right-img-area {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.right-img-area img {
		max-width: 90%;
		margin: 0 auto;
	}
	.left-contents-area {
		float: left;
		width: 100%;
		margin: 0 auto 20px;
	}


	/* fancyboxプラグイン */
	#fancybox-title-over {
		font-size: 1.6rem;
		line-height: 160%;
	}

	/* チェックリスト（画像） */
	ul.check {
		list-style: url("../img/common/img_list_nav_arw.png");
		line-height: 180%;
	}

	/* LINE形式 */
	.line-box {
		position: relative;
		margin-bottom: 5%;
	}
	.line-box:last-child {
		margin-bottom: 0;
	}
	.line-box .line-txt {
		display: inline-block;
		font-size: 1.4rem;
		font-weight: bold;
		vertical-align: middle;
		border-radius: 15px 15px;
		box-sizing: border-box;
		padding: 3%;
	}
	.line-box .line-img {
		display: inline-block;
		width: 20%;
		vertical-align: middle;
	}
	.line-box .line-img img {
		width: 100%;
	}
	.line-box .box-customer {
		font-size: 0;
		width: 100%;
	}
	.line-box .box-customer .line-txt {
		background-color: #E6E6E6;
		margin-left: 5%;
		max-width: 75%;
	}
	.line-box .box-customer .line-txt:before {
		display: block;
		content: "";
		position: absolute;
/*		top: 0;
		left: 21%; */
		top: -6%;
		left: 21.5%;
		height: 100%;
		width: 4%;
		background: url(../img/common/line_customer_jet.png) no-repeat left center;
	}
	.line-box .box-gojoh {
		font-size: 0;
		width: 100%;
		text-align: right;
	}
	.line-box .box-gojoh .line-txt {
		background-color: #A9E2F3;
		max-width: 75%;
		text-align: left;
		margin-right: 5%;
	}
	.line-box .box-gojoh .line-txt:after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 75%;
		height: 100%;
		width: 4%;
		background: url(../img/common/line_gojoh_jet.png) no-repeat left center;
		background-size: contain;
	}
	.line-notes {
		margin-top: 4%;
	}
	/*
	.line-spwrap {
		text-align: center;
	}
	.line-spwrap img {
		width: 40%;
		margin-bottom: 3%;
	}
	*/
	.box-customer {
		  -webkit-transition: all 1s;
		  -webkit-transform: translate(0, 0);
		  opacity: 1;
	}
	.box-customer.move {
		  -webkit-transform: translate(-10px, 0);
		  opacity: 0;
	}
	.box-gojoh {
		text-align: right;
		  -webkit-transition: all 1s;
		  -webkit-transform: translate(0, 0);
		  opacity: 1;
	}
	.box-gojoh.move {
		  -webkit-transform: translate(10px, 0);
		  opacity: 0;
	}



	/* 共通 */
	.attention {
		max-width: 100%;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
		background-color: #FFD7D7;
		border: 2px solid #F39B9B;
		color: #bb0a04;
	}
	.attention p {
		font-size: 1.4rem;
		line-height: 140%;
		margin: 20px;
	}
	.under_triangle {
		width: 0;
		height: 0;
		border-top: 50px solid #E5E5E5;
		border-right: 120px solid transparent;
		border-bottom: 0 solid transparent;
		border-left: 120px solid transparent;
		margin: 20px auto;
	}
	.summary {
		width: 90%;
		margin: 0 auto 20px;
		background-color: #A4D9F0;
		font-weight: bold;
		border-radius: 1em;
		text-align: center;
	}
	.summary p {
		padding: 20px;
		font-size: 2.0rem!important;
		font-weight: bold;
		line-height: 180%!important;
		color: #1B4957;
	}


	/* 商品一覧ショートコード */
	  /* ※背景を白にしたい場合 */
	.under.search .white-area .search_result .itemlist,
	.under .white-area.item_short_code .detail_list,
	.under .white-area.item_short_code .text_list {
		background: none;
	}
	  /* ※背景を白にすると、区切りが分からなくなるので線を追加 */
	.white-area .top_feature .itemlist > div {
		border: 2px solid #e9eaef;
		padding: 8px;
	}
	.white-area .top_feature .itemlist > div:hover {
		border: 2px solid #1a3168;
		padding: 8px;
	}

	.under .white-area.item_short_code .detail_list > ul > li {
		border: 2px solid #e9eaef;
		padding: 8px;
	}

	/* moreボタン */
	.block-more_btn {
		text-align: center;
		margin-top: 5px;
	}

	.block-more_btn .txtbtn {
		display: inline-block;
		position: relative;
		color: #fff;
		font-size: 1.4rem;
		background: #000;
		padding: 15px 0;
		width: 250px;
		cursor: pointer;
		border: 1px solid #000;
		transition: 0.1s all ease-in;
	}

	.block-more_btn .txtbtn:after {
		content: '';
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		display: inline-block;
		position: absolute;
		right: 30px;
		top: 50%;
		margin-top: -8px;
	}

	.block-more_btn .txtbtn:hover {
		background: #fff;
		color: #000;
	}

	.block-more_btn .txtbtn:hover:after {
		border-color: #000;
	}

	/* フッター */
	footer .ft_sitemap .sitemap01 {
		width: 100%;
	}
	footer .ft_sitemap .items {
		width: 100%;
	}
	#search .content .tab1 p {
		line-height: 2rem;
	}




	/* お知らせ一覧ページ */
	.wp-pagenavi {
		text-align: center;
		font-size: 1.4rem;
		margin-top: 3rem;
	}
	.wp-pagenavi a {
		padding: 5px 10px;
		margin: 2px 5px;
		border: 1px solid #000;
		color: #fff!important;
		background-color: #000;
	}
	.wp-pagenavi span {
		padding: 5px 10px;
		margin: 2px 5px;
		border: 1px solid #000;
		color: #000!important;
		background-color: #fff;
	}
	.wp-pagenavi span.current,
	.wp-pagenavi a:hover {
		color: #000!important;
		background-color: #fff;
	}


	/* 商品一覧ページ */
	.under #acc_tab01 .bd_ttl h2 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 160%;
	}
	.under .pickup .bd_ttl h2 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 160%;
	}
	.under .item-class.bd_ttl h2 {
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 160%;
	}
	.under .item-class.bd_ttl h2 span {
		font-size: 1.8rem;
	}
	.under .text_list .bd_ttl h4 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 160%;
	}
	.no_hit {
		padding: 0 10px;
	}
	.no_hit p {
		font-size: 1.4rem;
		line-height: 140%;
	}

	.type-toparea {
		width: 100%;
		margin: 0 auto 25px;
	}

	/* ピックアップ */
	.banner .special li {
		width: 48%;
		max-width: none;
		margin: 0 1% 25px;
		list-style: none;
	}

	.banner .special li:nth-child(3n) {
		margin-right: 1%;
	}

	.video .special {
		margin: 0 auto;
		display: block;
	}
	.video .special .load-area {
		width: 100%;
		margin: 20px auto;
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
	}
	.video .special .load-area iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}


	/* 検索結果ページ */
	.under .search_ttl .bd_ttl h2 {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 160%;
	}


	/* 商品詳細ページ */
	.detail section.explain p,
	.detail section.feature p {
		font-size: 1.6rem;
		line-height: 160%;
	}
	.detail section.explain .explain_right p {
		font-size: 1.3rem;
		line-height: 138%;
		margin-bottom: 0;
	}
	.detail section.explain p.x-large,
	.detail section.feature p.x-large {
		font-size: 2.6rem;
	}
	.detail section.explain p.large,
	.detail section.feature p.large {
		font-size: 2.0rem;
	}
	.detail section.explain p.small,
	.detail section.feature p.small {
		font-size: 1.4rem;
	}
	.detail section.explain p.x-small,
	.detail section.feature p.x-small {
		font-size: 1.2rem;
	}
	.detail section.feature ul,
	.detail section.feature ol,
	.detail section.feature dl {
		font-size: 1.6rem;
		line-height: 160%;
	}
	.detail section.feature ul li,
	.detail section.feature ol li {
		list-style: inherit;
		margin: 5px auto;
	}
	.soryo {
		font-size: 1.6rem;
		line-height: 160%;
		color: #111;
	}
	.detail section.explain .soryo p.small,
	.detail section.feature .soryo p.small,
	.remodal .soryo p.small,
	.remodal .soryo p.small {
		font-size: 1.2rem;
		line-height: 140%;
	}

	.soryo ul.so-cost {
		list-style: square;
		margin-bottom: 20px;
	}
	.soryo ul.so-cost li {
		list-style: inherit;
		margin: 5px auto;
	}
	.soryo .soryo-tbl {
		width: 100%;
		font-size: 1.6rem;
		border: 1px solid #9396a0;
		margin: 20px auto 40px;
	}
	.soryo .soryo-tbl th {
		background: #e9eaef;
		text-align: center;
		border: 1px solid #9396a0;
		padding: 10px;
	}
	.soryo .soryo-tbl td {
		border: 1px solid #9396a0;
		padding: 10px;
	}
	.soryo .soryo-tbl td.d-cost {
		width: 30%;
		text-align: right;
	}
	.soryo .soryo-tbl td.d-cost2 {
		width: 48%;
		text-align: right;
	}
	.end_of_sales,
	.backorder,
	.accepting_reservations,
	.similar,
	.attention_area {
		width: 100%;
	}

	.end_of_sales .bnr,
	.backorder .bnr,
	.accepting_reservations .bnr,
	.similar .bnr,
	.attention_area .bnr {
		text-align: center;
		margin-bottom: 20px;
	}
	.end_of_sales .bnr img,
	.backorder .bnr img,
	.accepting_reservations .bnr img,
	.similar .bnr img,
	.attention_area .bnr img {
		max-width: 100%;
	}
	.end_of_sales .addition,
	.backorder .addition,
	.accepting_reservations .addition,
	.similar .addition {
		max-width: 100%;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.attention_area .addition {
		max-width: 100%;
		margin-bottom: 20px;
		padding: 20px;
	}
	.end_of_sales .addition {
		background-color: #FFD7D7;
		border: 2px solid #F39B9B;
		color: #bb0a04;
	}
	.attention_area .addition {
		background-color: #FFD7D7;
		border: 2px solid #F39B9B;
	}
	.backorder .addition {
		background-color: #F7BE81;
		border: 2px solid #FF8000;
		color: #B43104;
	}
	.accepting_reservations .addition {
		background-color: #F7BE81;
		border: 2px solid #FF8000;
		color: #B43104;
	}
	.similar .addition {
		background-color: #BCF5A9;
		border: 2px solid #0B6121;
		color: #173B0B;
	}
	.similar .addition a,
	.attention_area .addition a {
		color: #227ac4;
	}
	.detail section.explain .end_of_sales .addition p,
	.detail section.explain .backorder .addition p,
	.detail section.explain .accepting_reservations .addition p,
	.detail section.explain .similar .addition p,
	.detail section.explain .attention_area .addition p {
		font-size: 1.4rem;
		line-height: 140%;
		margin: 20px;
	}

	table.siyou {
		margin: 20px auto;
		font-size: 1.6rem;
		line-height: 160%;
	}
	table.siyou th {
		background: #e9eaef;
		text-align: center;
		border: 1px solid #9396a0;
		padding: 10px;
	}
	table.siyou td {
		text-align: left;
		border: 1px solid #9396a0;
		padding: 10px;
	}

	.analogy .carousel__block {
		margin: 0 auto;
		width: 100%;
	}


	/* 投稿ページ全体 */
	section.main-contents {
		padding: 0 10px;
		font-size: 1.6rem;
		line-height: 160%;
	}

	section.main-contents p {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.main-contents p.x-large {
		font-size: 2.6rem;
	}
	section.main-contents p.large {
		font-size: 2.0rem;
	}
	section.main-contents p.small {
		font-size: 1.4rem;
	}
	section.main-contents p.x-small {
		font-size: 1.2rem;
	}
	section.main-contents ul,
	section.main-contents ol,
	section.main-contents dl {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.main-contents ul li,
	section.main-contents ol li {
		list-style: inherit;
		margin: 5px auto;
	}
	section.main-contents table,
	section.main-contents table th,
	section.main-contents table td {
		font-size: 1.6rem;
		line-height: 160%;
		border: 1px solid #9396a0;
		margin: 20px auto;
		padding: 10px;
	}
	section.main-contents table th {
		border: 1px solid #9396a0;
		background: #afb1b8;
		color: #fff;
	}

	/* 固定ページ全体 */
	section.under_page {
		padding: 0 10px;
	}

	section.under_page p {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.under_page p.x-large {
		font-size: 2.6rem;
	}
	section.under_page p.large {
		font-size: 2.0rem;
	}
	section.under_page p.small {
		font-size: 1.4rem;
	}
	section.under_page p.x-small {
		font-size: 1.2rem;
	}
	section.under_page ul,
	section.under_page ol,
	section.under_page dl {
		font-size: 1.6rem;
		line-height: 160%;
	}
	section.under_page ul li,
	section.under_page ol li {
		list-style: inherit;
		margin: 5px auto;
	}
	section.under_page table,
	section.under_page table th,
	section.under_page table td {
		font-size: 1.6rem;
		line-height: 160%;
		border: 1px solid #9396a0;
		margin: 20px auto;
		padding: 10px;
	}
	section.under_page table th {
		border: 1px solid #9396a0;
		background: #afb1b8;
		color: #fff;
	}


	/* トップページ */
	.top_page.basic_ttl {
		padding: 10px 0 10px;
		margin-bottom: 10px;
	}
	.top_page.basic_ttl span {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 1rem;
		font-weight: normal;
	}
	.top_page.basic_ttl h1,
	.top_page.basic_ttl h2 {
		text-align: center;
		font-size: 2.2rem;
		font-weight: bold;
	}
	.top_pickup {
		margin-top: 10px;
	}
	.top_news .day,
	.top_info .day {
		width: 100px;
		text-align: left;
		display: inline-block;
	}
	.top_news .tag,	
	.top_info .tag {
		width: 100px;
		text-align: center;
		display: inline-block;
	}

	.special_feature_subttl {
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		margin-bottom:20px;
	}
	.special_feature_pickup {
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
	}
	.special_feature_pickup .area {
		width: 46%;
		min-width: 100px;
		margin: 0 2% 20px;
		text-align: center;
	}
	.special_feature_pickup .area h3 {
		font-size: 1.4rem;
		font-weight: bold;
		margin: 10px 0;
	}
	.special_feature_other {
		background-color: #f2f2f2;
		padding-top: 40px;
	}
	.pickup__list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 2rem;
		row-gap: 2rem;
		margin: 0 0 10rem;
	}
	.pickup__list_item {
		margin: 0;
		padding: 0;
	}
	.pickup__list_link {
		display: block;
	}
	.pickup__list_link:hover {
		color: #1a80db;
	}
	.pickup__list_img {
		display: block;
	}
	.pickup__list_img img {
		width: 100%;
	}
	.pickup__list_ttl {
		display: block;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.4;
		font-weight: bold;
		margin: 10px 0;
		text-align: center;
	}
	.pickup__list_cap {
		display: block;
		margin: 0;
		line-height: 1.6;
		font-size: 1.4rem;
	}

	.carousel__block {
		margin: 0 auto 40px;
		width: 96%;
	}
	.carousel__block_inner {
		padding: 0 0 40px;
	}
	.carousel__block_control {
		max-width: 580px;
		width: calc(100% - 100px);
		margin: 30px auto 0;
		position: relative;
	}
	.carousel__block_scrollbar {
		width: 100%;
		height: 10px;
		z-index: 10;
	}
	.carousel__block_scrollbar .swiper-scrollbar-drag {
		z-index: 10;
		cursor: pointer;
	}
	.carousel__block_arrow {
		width: 50px;
		height: 50px;
		outline: none;
		background: none;
	}
	.carousel__block_arrow::before {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.carousel__block_arrow::after {
		display: none;
	}
	.carousel__block_prev {
		left: -50px;
	}
	.carousel__block_prev::before {
		border-left: .2rem solid #282e68;
		border-bottom: .2rem solid #282e68;
	}
	.carousel__block_next {
		right: -50px;
	}
	.carousel__block_next::before {
		border-top: .2rem solid #282e68;
		border-right: .2rem solid #282e68;
	}
	.carousel__block_explanation p {
		font-size: 1.2rem;
		line-height: 140%;
		margin: 20px auto;
	}
	.swiper-scrollbar-drag {
		background: rgba(40,46,104,1.0);
	}



	/* コンセプト */
	section.under_page ul.concept_list1 {
		list-style: url("/wp-content/uploads/2020/10/img_concept_nav_arw.png");
		line-height: 180%;
	}
	.concept_theme {
		width: 100%;
		margin: 40px auto;
		text-align: center;
	}
	.concept_theme .left_theme,
	.concept_theme .center_theme,
	.concept_theme .right_theme {
		float: left;
		width: 100%;
		margin: 0 auto 40px;
	}
	.concept_theme .theme_img {
		margin-bottom: 20px;
	}
	section.under_page .concept_theme p {
		font-weight: bold;
		line-height: 180%;
	}
	.concept_distribution {
		width: 100%;
		margin: 40px auto;
	}
	.concept_distribution .left_distribution {
		width: 100%;
		text-align: center;
		margin: 0 auto 20px;
	}
	.concept_distribution .right_distribution {
		width: 100%;
		margin-bottom: 20px;
	}
	.concept_distribution .distribution_img {
		margin-bottom: 20px;
	}
	.concept_distribution .distribution_img img {
		max-width: 128px;
	}


	/* 中古台車売買予約リクエスト */
	.torihiki .kaitori,
	.torihiki .tenbai,
	.yoyaku {
		margin-bottom: 25px;
	}
	.torihiki .kaitori figure,
	.torihiki .tenbai figure,
	.yoyaku figure {
		margin: 15px 0;
	}
	.torihiki .kaitori .gray,
	.torihiki .tenbai .gray,
	.yoyaku .gray {
		width: 100%;
		background-color: #f0f0f0;
		padding: 40px 10px;
		margin-left: -10px;
	}
	.torihiki .kaitori .gray dl,
	.torihiki .tenbai .gray dl {
		background-color: #ffffff;
		width: 90%;
		padding: 15px 10px;
		margin: 0px auto 25px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.torihiki .kaitori .gray dl dt,
	.torihiki .tenbai .gray dl dt {
		font-size: 15px;
		font-weight: bold;
		color: #282e68;
		border-bottom: 3px solid #282e68;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 10px;
	}
	.torihiki .kaitori .gray dl dt img,
	.torihiki .tenbai .gray dl dt img {
		display: block;
		margin-right: 0;
		margin-left: auto;
		width: 42%;
	}
	.torihiki .kaitori .gray dl dd,
	.torihiki .tenbai .gray dl dd {
		margin-bottom: 15px;
	}
	.torihiki .kaitori .gray dl dd a,
	.torihiki .tenbai .gray dl dd a {
		color: #227ac4;
	}
	.torihiki .kaitori .gray .under,
	.torihiki .tenbai .gray .under,
	.yoyaku .gray .under {
		background-color: #ffffff;
		width: 90%;
		padding: 15px 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.torihiki .kaitori .under a,
	.torihiki .tenbai .under a,
	.yoyaku .under a {
		font-size: 1.6rem;
		line-height: 140%;
	}
	.torihiki .kaitori .gray .under .reuse,
	.torihiki .tenbai .gray .under .reuse,
	.yoyaku .gray .under .reuse {
		display: block;
		background-color: #000;
		color: #ffffff;
		text-align: center;
		padding: 15px 0px;
		width: 80%;
		margin: 20px auto;
		text-decoration: none;
		min-width: 210px;
	}
	.torihiki .kaitori .gray .under .reuse:hover,
	.torihiki .tenbai .gray .under .reuse:hover,
	.yoyaku .gray .under .reuse:hover {
		opacity: 0.7;
	}
	.torihiki .kaitori .gray .under .tel,
	.torihiki .kaitori .gray .under .fax,
	.torihiki .kaitori .gray .under .web,
	.torihiki .tenbai .gray .under .tel,
	.torihiki .tenbai .gray .under .fax,
	.torihiki .tenbai .gray .under .web,
	.yoyaku .gray .under .tel,
	.yoyaku .gray .under .fax,
	.yoyaku .gray .under .web {
		width: 80%;
		display: block;
		padding: 15px 0;
		color: #ffffff;
		margin: 0 auto;
		text-decoration: none;
		margin-bottom: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-width: 210px;
	}
	.torihiki .kaitori .gray .under .tel:hover,
	.torihiki .kaitori .gray .under .fax:hover,
	.torihiki .kaitori .gray .under .web:hover,
	.torihiki .tenbai .gray .under .tel:hover,
	.torihiki .tenbai .gray .under .fax:hover,
	.torihiki .tenbai .gray .under .web:hover,
	.yoyaku .gray .under .tel:hover,
	.yoyaku .gray .under .fax:hover,
	.yoyaku .gray .under .web:hover {
		opacity: 0.7;
	}
	.torihiki .kaitori .gray .under .tel img,
	.torihiki .kaitori .gray .under .fax img,
	.torihiki .kaitori .gray .under .web img,
	.torihiki .tenbai .gray .under .tel img,
	.torihiki .tenbai .gray .under .fax img,
	.torihiki .tenbai .gray .under .web img,
	.yoyaku .gray .under .tel img,
	.yoyaku .gray .under .fax img,
	.yoyaku .gray .under .web img {
		margin-right: 5px;
	}
	.torihiki .kaitori .gray .under .tel,
	.torihiki .tenbai .gray .under .tel,
	.yoyaku .gray .under .tel {
		background-color: #f36c6c;
		margin-top: 15px;
	}
	.torihiki .kaitori .gray .under .fax,
	.torihiki .tenbai .gray .under .fax,
	.yoyaku .gray .under .fax {
		background-color: #6bba32;
	}
	.torihiki .kaitori .gray .under .web,
	.torihiki .tenbai .gray .under .web,
	.yoyaku .gray .under .web {
		background-color: #282e68;
	}


	/* オーダー製作 */
	.order_page .gray {
		width: 100%;
		background-color: #f0f0f0;
		padding: 40px 10px;
		margin-left: -10px;
	}
	.order_page .gray dl {
		background-color: #ffffff;
		width: 90%;
		padding: 15px 10px;
		margin: 0px auto 25px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.order_page .gray dl dt {
		font-size: 15px;
		font-weight: bold;
		color: #282e68;
		border-bottom: 3px solid #282e68;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 10px;
	}
	.order_page .gray dl dt img {
		display: block;
		margin-right: 0;
		margin-left: auto;
		width: 42%;
	}
	.order_page .gray dl dd {
		margin-bottom: 15px;
	}
	.order_page .gray dl dd a {
		color: #227ac4;
	}
	.order_page .gray .under {
		background-color: #ffffff;
		width: 90%;
		padding: 15px 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.order_page .under a {
		font-size: 1.6rem;
		line-height: 140%;
	}
	.order_page .gray .under .reuse {
		display: block;
		background-color: #000;
		color: #ffffff;
		text-align: center;
		padding: 15px 0px;
		width: 80%;
		margin: 20px auto;
		text-decoration: none;
		min-width: 210px;
	}
	.order_page .gray .under .reuse:hover {
		opacity: 0.7;
	}
	.order_page .gray .under .tel,
	.order_page .gray .under .fax,
	.order_page .gray .under .web {
		width: 80%;
		display: block;
		padding: 15px 0;
		color: #ffffff;
		margin: 0 auto;
		text-decoration: none;
		margin-bottom: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-width: 210px;
	}
	.order_page .gray .under .tel:hover,
	.order_page .gray .under .fax:hover,
	.order_page .gray .under .web:hover {
		opacity: 0.7;
	}
	.order_page .gray .under .tel img,
	.order_page .gray .under .fax img,
	.order_page .gray .under .web img {
		margin-right: 5px;
	}
	.order_page .gray .under .tel {
		background-color: #f36c6c;
		margin-top: 15px;
	}
	.order_page .gray .under .fax {
		background-color: #6bba32;
	}
	.order_page .gray .under .web {
		background-color: #282e68;
	}


	/* ムービー */

	.g-movie .movie-flex .txt-box h2 {
		font-weight: bold;
		font-size: 2.0rem;
		margin-bottom: 20px;
	}
	.g-movie .movie-flex .movie {
		position: relative;
		padding-bottom: 56.25%;
		/*アスペクト比 16:9の場合の縦幅*/
		height: 0;
		overflow: hidden;
		margin: 25px 0;
	}
	.g-movie .movie-flex .movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.g-movie .movielist {
		padding: 0 0 20px;
	}
	.g-movie .movielist .movies {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.g-movie .movielist .movies .movie-box {
		display: block;
		width: 48%;
		background-color: #e9eaef;
		margin-bottom: 15px;
		text-decoration: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		padding-bottom: 40px;
	}
	.g-movie .movielist .movies .movie-box figure {
		width: 100%;
	}
	.g-movie .movielist .movies .movie-box figure img {
		width: 100%;
	}
	.g-movie .movielist .movies .movie-box h3 {
		font-size: 14px;
		margin: 15px 0;
		padding: 0 7%;
		line-height: 1.7;
		color: #111;
	}
	.g-movie .movielist .movies .movie-box p {
		position: absolute;
		bottom: 5%;
		left: 7%;
		color: #3c85c8;
		text-align: right;
		font-size: 10px;
		margin-bottom: 0;
	}
	.g-movie .movielist .movies .movie-box:hover {
		opacity: 0.8;
	}
	.g-movie .movielist .more-t {
		display: block;
		border: 1px solid #3c85c8;
		color: #3c85c8;
		width: 50%;
		text-align: center;
		font-size: 14px;
		margin-right: auto;
		margin-left: auto;
		border-radius: 3px;
		text-decoration: none;
		padding: 15px 0;
		position: relative;
		margin-bottom: 25px;
	}
	.g-movie .movielist .more-t:after {
		position: absolute;
		content: '';
		border-top: 1px solid #3c85c8;
		border-right: 1px solid #3c85c8;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 5px;
		height: 5px;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.g-movie .movielist .more-t:hover {
		background-color: #3c85c8;
		color: #ffffff;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
	.g-movie .movielist .more-t:hover:after {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}


	/* 五常デポ */
	.gmap {
		width: 100%;
		margin: 0 auto 40px;
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	/* 企業情報 */
	.c-summary {
		margin: 0 auto 40px;
	}
	.c-summary .list {

	}
	.c-summary .list dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-bottom: .5px solid #9396a0;
	}
	.c-summary .list dt {
		width: 30%;
		padding: 10px 0px 10px 10px;
	}
	.c-summary .list dd {
		padding: 10px 0;
	}
	.c-summary .list dd a {
		color: #3c85c8;
	}
	.c-summary .list1 {
		border-top: 2px solid #9396a0;
	}

	.c-access {
		margin: 40px auto;
	}
	.c-access dl {
		margin: 25px 0;
	}
	.c-access dl dt {
		font-weight: bold;
	}
	.c-access dl dd {
		margin-bottom: 25px;
	}

	/* 大口見積依頼 */
	section.under_page div.large-sp-block a {
		margin: 0 auto 20px;
		width: 80%;
		height: 40px;
		line-height: 40px;
	}


	/* 商品豆知識 */
	.link_list .trivia li {
		width: 100%;
		margin-bottom: 15px;
		max-width: 440px;
		list-style: none;
	}

	.link_list .trivia li a {
		font-size: 1.6rem;
		height: 45px;
		line-height: 45px;
		border: 2px solid #1a3168;
		box-sizing: border-box;
		position: relative;
		padding: 0 15px;
		display: block;
		color: #1a3168;
		transition: all 0.1s;
	}
	.link_list .trivia li a i {
		position: absolute;
		top: 14px;
		right: 14px;
		font-size: 1.6rem;
	}

	.link_list .trivia li a:hover {
		text-decoration: none;
		background: #1a3168;
		color: #fff;
	}

	/* 各種フォーム */
	form .input-area textarea {
		min-height: 150px;
	}
	form .form-items-wrap {
		margin-bottom: 3rem;
	}

	form .form-items-wrap .item.type-a .img-area {
		width: 100%;
		text-align: center;
	}
	form .form-items-wrap .item.type-a .img-area .item-img {
		width: 50%;
		height: auto;
	}
	form .form-items-wrap .item .item-detail {
		width: 100%;
	}
	form .form-items-wrap .item .item-detail div .price,
	form .form-items-wrap .item .item-detail div .price2 {
		text-align:right;
	}

	form .form-items-wrap .mylist .box-button .update.button,
	form .form-items-wrap .mylist .box-button .delete.button {
		width: 40%;
		font-size: 1.6rem;
		padding: 20px;
	}
	form .form-items-wrap .mylist .option-items .option-btn {
		width: 80%;
	}



}
/*===========================================================
   スマートフォンのみ　⇒　768px以下の解像度の場合　ここまで
===========================================================*/

/*===========================================================
   印刷対応
===========================================================*/
@media print {
}
/*===========================================================
   印刷対応ここまで
===========================================================*/

