@charset "UTF-8";
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
common.css

1.base
2.メインビジュアル(トップ)
3.製品リスト(トップ)
4.導入事例(トップ)
5.お知らせ(トップ)
6.メインビジュアル(その他)
7.パン屑リスト(その他)
8.キャッチコピー
9.製品リスト
10.製品ページ製品紹介
11.汎用(問い合わせ)


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

1.base

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-"]:nth-child(odd) { background: #fff;}
main [class*="block-"]:nth-child(even) { background: #f0f0f0;}
main [class*="block-"] .inner + .inner { padding-top: 25px; margin-top: 25px; border-top: 1px solid #f0f0f0;}
main [class*="block-"]:nth-child(even) .inner + .inner { border-top: 1px solid #e0e0e0;}
/* font */
main [class*="block-"] h2 { font-size: 20px; margin-bottom: 1em;line-height: 1.3em;}
main [class*="block-"] h2.line {
	border: none;
	border-bottom: solid 2px #c0c0c0;
	font-weight: 400;
	margin-bottom: 1.2em;
	padding:0 0 0.4em 0;
	position: relative;}
main [class*="block-"] h2.line:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #0f4c81;
	bottom: -2px;
	width: 30%;}
main [class*="block-"] h2 span { font-size: 77%;}
main [class*="block-"] h3 { font-size: 15px; margin-bottom: 0.5em;}
main [class*="block-"] h3.line {
	font-size: 142%;
	padding: 0;
	margin: 0 auto 2em auto;
	border: none;
	position: relative;
	text-align: center;}
main [class*="block-"] h3.line:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: inline-block;
	width: 50px;
	height: 2px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); 
	background-color: #0f4c81;}
main [class*="block-"] h3.line-side {
	border-left: 4px solid #aaa;
    font-weight: 600;
    margin: 0 0 15px 0;
	line-height: 1.5em;
	padding: 0 0 0 10px;}
main [class*="block-"] h4 {
	display:block;
	font-size: 14px;
	width: 100%;
	margin-bottom: 0.5em;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 12px;line-height: 1.6em;}
main [class*="block-"] .important { font-size: 128%; font-size: 600;}
main [class*="block-"] .sup,
main [class*="block-"] sup { font-size: 87% !important; color: #505050;}
main [class*="block-"] .space {color: #c0c0c0; margin: auto 0.5em;}
main [class*="block-"] p + h3,
main [class*="block-"] table + h4 { margin-top: 1.5em;}
main [class*="block-"] ul + p,
main [class*="block-"] p + ul,
main [class*="block-"] p + table,
main [class*="block-"] table + p { margin-top: 1.1em;}
main [class*="block-"] p + p,
main [class*="block-"] li + li { margin-top: 0.7em;}
/* link */
main [class*="block-product_item"] a { color: #0f4c81; text-decoration: underline;}
main [class*="block-product_item"] a:hover { color: #505050; text-decoration: none;}
/* 問い合わせ用 */
main [class*="block-"] .btn.contact { margin-top: 20px; padding-top: 20px; display: block; border-top: 1px solid #e0e0e0;}
main [class*="block-"] .btn.contact a {
	padding: 20px 0;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border-radius: 0;
	background: #0f4c81;
	margin: 0 auto;
	max-width: 90%;}
main [class*="block-"] .btn.contact a:hover { text-decoration: none; background: #777; opacity: 1;}
main [class*="block-"] .btn.contact a i { float: right; margin: 0 10px;}
main [class*="block-"] .btn.contact a i.fa-envelope { float: none;}
main [class*="block-"] table { font-size: 12px;}
main [class*="block-"] table tr { border: none;}
main [class*="block-"] table th { width: 30%;}
main [class*="block-"] table tr th,
main [class*="block-"] table tr td { padding: 10px; text-align: left;}
main [class*="block-"] table tr:nth-child(odd) th,
main [class*="block-"] table tr:nth-child(odd) td { background: #e5e5e5;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
/* font */
main [class*="block-"] h2 { font-size: 22px;}
main [class*="block-"] h3 { font-size: 17px;}
main [class*="block-"] h4 { font-size: 15px; width: 100%;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
main [class*="block-"] .inner + .inner { padding-top: 35px; margin-top: 35px;}
/* font */
main [class*="block-"] h2 { font-size: 25px;}
main [class*="block-"] h2.line { margin-bottom: 1.5em;padding: 0 0 0.5em 0;}
main [class*="block-"] h3 { font-size: 18px;}
main [class*="block-"] h4 { font-size: 16px;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 14px;}
main [class*="block-"] table th { width: 25%;}
/* 問い合わせ用 */
main [class*="block-"] .btn.contact { margin-top: 30px; padding-top: 30px;}
main [class*="block-"] .btn.contact a { padding: 26px 0; font-size: 19px;}
main [class*="block-"] .btn.contact a i { margin: 0 15px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
main [class*="block-"] .inner + .inner { padding-top: 45px; margin-top: 45px;}
/* font */
main [class*="block-"] h2 { font-size: 27px;}
main [class*="block-"] h3 { font-size: 20px;}
main [class*="block-"] h4 { font-size: 18px;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 15px;}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

2.メインビジュアル(トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-mainv { background-color: #f0f0f0 !important;　padding: 0;}
.block-mainv .container { margin-right: 0; margin-left: 0;}
.block-mainv .container .slider-pro { margin: 0 !important;}
/* PC/スマホ表示切替 */
.slider-pro.pc { display: none;}
.slider-pro.sp { display: block;}
/* スライドショー */
.sp-slide { position: relative;}
.sp-buttons {
	left: 0 !important;
	right: 0 !important;
	bottom: -20px !important;
	margin: auto;}
.sp-button { margin: 0 7px 0 0 !important; background: #999 !important; opacity: 1 !important;}
.sp-button:hover { background: #333 !important;}
.sp-button { width: 18px !important;}
.sp-button.sp-selected-button { background: #333 !important;}
/* スライドショー(ボタン絶対配置(三角)) */
.btn_triangle { position: absolute !important; bottom: 0 !important; right: 0 !important; z-index: 100 !important; width: 35% !important;}
.btn_triangle img { width: 100% !important; height: 100% !important; max-height: 50% !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.btn_rhombus { position: absolute !important; bottom: 0 !important; right: 0 !important; z-index: 100 !important; width: 54% !important;}
.btn_rhombus img { width: 100% !important; height: 100% !important; max-height: 50% !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.biz_itemlist { position: absolute !important; bottom: 0 !important; right: 0 !important; z-index: 100 !important; height: 100% !important; text-align: right;}
.biz_itemlist a {}
.biz_itemlist a:last-child { margin-right: 0;}
.biz_itemlist img { width: auto !important; height: 100% !important; max-height: 33.333% !important;}
.biz_itemlist a img { transition: all 0.35s ease-in-out;}
.biz_itemlist a:hover img { opacity: 0.7;}
/* スライドショー(2分割) */
.btn_c2_left { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 100 !important; width: 50% !important;}
.btn_c2_right { position: absolute!important; top: 0!important; right: 0!important; z-index: 100!important; width: 50%!important;}
.btn_c2_right img,
.btn_c2_left img { margin: 0!important;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-mainv { padding: 20px 20px 0 20px;}
/* PC/スマホ表示切替 */
.slider-pro.pc { display: block;}
.slider-pro.sp { display: none;}
/* スライドショー */
.sp-button { width: 30px !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.btn_rhombus { width: 40% !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.biz_itemlist img { max-height: 100% !important;}
.biz_itemlist a { margin-left: -6px;}
.biz_itemlist a:last-child { margin-right: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* スライドショー */
.sp-button { width: 35px !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.biz_itemlist a { margin-left: -10px;}
.biz_itemlist a:last-child { margin-right: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-mainv .container { margin-right: auto; margin-left: auto;}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

3.製品リスト(トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-product_category { padding-top: 40px; padding-bottom: 40px;}
.block-product_category .products { margin-left: -1.33%; margin-top: -5px;}
.block-product_category .products li {
	margin-left: 1.33%;
	color: #000;
	width: 48.67%;
	background: #fff;
	display:flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	font-size: 11px;
	line-height: 1.4em;
	font-weight: 600;
	margin-top: 5px;
	text-align: center;
	position: relative;
	z-index: 1;
	transition: all 0.35s ease-in-out;
	}
.block-product_category .products li:hover {
	background: #fff;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
	z-index: 2;}
.block-product_category .products li::after {
	font-family: FontAwesome;
	content: "\f105";
	top: 50%;
	right: 10px;
	font-size: 20px;
	margin-top: -10px;
	position: absolute;
	color: #ccc;
	transition: all 0.35s ease-in-out;
	}
.block-product_category .products li:hover::after { color: #000;}
.block-product_category .products li a {
	padding: 5px 5px 10px 5px;
	display:flex;
	color: #000;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;}
.block-product_category .products li a:hover { text-decoration: none;}
.block-product_category .products li a div {
	width: 100%;
	text-align: center;
	display:block;}
.block-product_category .products li a div svg { width: 50px; height: 50px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other { background: #202020 !important;}
/* フォント */
main [class*="block-"].other h3 { color: #fff;}
main [class*="block-"].other h3.line:before { background-color: #C0C0C0;}
/* 枠 */
.block-product_category.other .top { padding-top: 3em; text-align: center; position: relative;}
.block-product_category.other .top:before {
    content: '';
    position: absolute;
    left: 50%;
    display: inline-block;
    width: 50px;
    height: 2px;
	top:1.5em;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #505050;
	}
.block-product_category.other .top li {
	background-color: transparent;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	color: #fff;
	font-size: 13px;
	transition: all 0.35s ease-in-out;
	width: 70%;
	max-width: 600px;
	margin: auto;
	font-weight: 600;
	}
.block-product_category.other .top li:hover { box-shadow: rgba(0,0,0,0.7) 2px 2px 12px; z-index: 2;}
.block-product_category.other .top li a {
	border: #c0c0c0 solid 1px;
    color: #f0f0f0;
    padding: 1em;
    width: 100%;
	transition: all 0.35s ease-in-out;
	display: block;
	position: relative;
	}
.block-product_category.other .top li a::after {
    font-family: FontAwesome;
    content: "\f104";
    top: 50%;
    left: 15px;
    font-size: 20px;
    margin-top: -12px;
    position: absolute;
    color: #c0c0c0;
    transition: all 0.35s ease-in-out;
	}
.block-product_category.other .top li:hover a { background: #fff; border: #fff solid 1px; color: #000; text-decoration: none;}
.block-product_category.other .top li:hover a::after { color: #000;}

.block-product_category.other .products { margin-left: -1.00%; margin-top: -1.00%;}
.block-product_category.other .products li {
	background-color: transparent;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	color: #fff;
	font-size: 10px;
	margin-left: 1.00%;
	margin-top: 1.00%;
	transition: all 0.35s ease-in-out;
	width: 49%;}
.block-product_category.other .products li:hover { box-shadow: rgba(0,0,0,0.7) 2px 2px 12px; z-index: 2;}
.block-product_category.other .products li a {
	border: #c0c0c0 solid 1px;
    color: #fff;
    padding: 1em;
    width: 100%;
	transition: all 0.35s ease-in-out;
	}
.block-product_category.other .products li:hover a { background: #fff; border: #fff solid 1px; color: #000;}
.block-product_category.other .products li a div svg { width: 40px; height: 40px; fill: #fff; transition: all 0.35s ease-in-out;}
.block-product_category.other .products li:hover a div svg { fill: #000;}
.block-product_category.other .products li::after { right: 5px; font-size: 14px; margin-top: -7px;}
.block-product_category.other .products li.active a { background: #fff; border: #fff solid 1px; color: #000;}
.block-product_category.other .products li.active a div svg { fill: #000;}
.block-product_category.other .products li.active::after { color: #000;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
.block-product_category .products li { font-size: 13px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .products li { font-size: 11px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
.block-product_category .products { margin-top: -8px;}
.block-product_category .products li { width: 32.00333333%; margin-top: 8px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .products li { width: 32.33333333%;}
.block-product_category.other .products li::after { right: 8px; font-size: 16px; margin-top: -8px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-product_category { padding-top: 60px; padding-bottom: 60px;}
.block-product_category .products { margin-left: -1%; margin-top: -5px;}
.block-product_category .products li { text-align: left; margin-left: 1%; width: 32.33333333%; font-size: 15px;word-break: break-all;}
.block-product_category .products li {}
.block-product_category .products li a { padding: 5px 25px 5px 5px; justify-content: left; flex-wrap: nowrap;}
.block-product_category .products li a div {
	width: 80px;
	min-width: 80px;
	height: 100%;
	background: #ddd;
	padding: 20px 0;
	margin-right: 10px;
	transition: all 0.35s ease-in-out;}
.block-product_category .products li a div svg { width: 50px; height: 50px; fill:#333; transition: all 0.35s ease-in-out;}
.block-product_category .products li a:hover div { background: #0f4c81;}
.block-product_category .products li a:hover div svg { fill:#fff;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .top { padding-top: 4em;}
.block-product_category.other .top:before { top:2em;}
.block-product_category.other .top li { font-size: 14px;}
.block-product_category.other .top li a { padding: 1.3em;}
.block-product_category.other .products li { width: 15.66666667%; text-align: center;}
.block-product_category.other .products li a { align-items: center; justify-content: center; flex-wrap: wrap;}
.block-product_category.other .products li a div {
    width: 100%;
    min-width: inherit;
    height: auto;
    background-color: transparent;
    padding: 0;
    margin: auto;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-product_category .products li { font-size: 16px;}
.block-product_category .products li a div { width: 110px; margin-right: 18px;padding: 22px 0;}
.block-product_category .products li a div svg { width: 64px; height: 64px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .products li { font-size: 12px;}
.block-product_category.other .products li a { padding: 2em;}
.block-product_category.other .products li a div svg { width: 64px; height: 64px;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

4.導入事例

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-casestudy { padding-top: 40px; padding-bottom: 40px;}
.block-casestudy ul li { font-size: 13px; line-height: 1.4em; font-weight: 400;}
.block-casestudy ul li a { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.block-casestudy ul li a:hover { text-decoration: none;}
.block-casestudy ul.flex-box { margin-left: -1.33%; margin-top: -10px;}
.block-casestudy ul.flex-box > li {
	margin-left: 1.33%;
	color: #000;
	width: 100%;
	background: #fff;
	display:flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	line-height: 1.4em;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	z-index: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-casestudy ul.flex-box > li:nth-child(n + 3) { display: none;}
.block-casestudy ul.flex-box > li:hover { background: #fff; box-shadow: rgba(0,0,0,0.5) 2px 2px 12px; z-index: 2;}
.block-casestudy ul.flex-box > li .case-item { position: relative;}
.block-casestudy ul.flex-box > li .case-item img { width: auto; max-width: 100%;z-index: 3;flex-shrink: 0;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .block-casestudy ul.flex-box > li .case-item img { width: 100%;}
}
.block-casestudy ul.flex-box > li ul.model {flex-wrap: wrap; box-sizing: border-box; align-items: center; padding: 15px 0 0 0; margin: 15px 20px 0 20px; border-top:1px #e0e0e0 solid;}
.block-casestudy ul.flex-box > li ul.model.sp { display: flex;}
.block-casestudy ul.flex-box > li ul.model.pc { display: none;}
.block-casestudy ul.flex-box > li ul.model li { font-weight: 600;}
.block-casestudy ul.flex-box > li ul.model li.img { margin-left:auto;}
.block-casestudy ul.flex-box > li ul.model li.img img { width: auto; max-width: 50px;}
.block-casestudy ul.flex-box > li .case-item ul.model { position: absolute; z-index: 4; right:0; bottom:0; background: rgba(232,239,0,0.8); padding: 0.6em 0 0.6em 2.4em; justify-content: flex-end; margin: 0; border-top: none;}
.block-casestudy ul.flex-box > li .case-item ul.model li.img {margin-left: 0.5em;}
.block-casestudy ul.flex-box > li .case-item ul.model li.img img { max-width: 40px;}
.block-casestudy ul.flex-box > li h3 { margin: 0 10px; font-size: 15px;}
.block-casestudy ul.flex-box > li p { margin: 10px;	font-size: 13px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
.block-casestudy ul.flex-box > li { width: 48.67%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-casestudy { padding-top: 60px; padding-bottom: 60px;}
.block-casestudy ul.flex-box > li { font-size: 15px; padding-bottom: 20px;width: 32.00333333%;}
.block-casestudy ul.flex-box > li:nth-child(n + 3) { display: block;}
.block-casestudy ul.flex-box > li:nth-child(n + 4) { display: none;}
.block-casestudy ul.flex-box > li h3 { margin: 0 20px; font-size: 16px;}
.block-casestudy ul.flex-box > li p { margin: 20px;	font-size: 14px;}
.block-casestudy ul.flex-box > li ul.model.sp { display: none;}
.block-casestudy ul.flex-box > li ul.model.pc { display: flex;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-casestudy ul.flex-box > li { width: 23.67%;}
.block-casestudy ul.flex-box > li:nth-child(n + 4) { display: block;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

5.お知らせ(トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-news { color: #000; padding-top: 40px; padding-bottom: 40px;}
.block-news .inner { display:flex; flex-wrap: wrap; align-items: flex-start;}
.block-news .notis { width: 100%; max-width: 100%; display:flex; flex-wrap: wrap;}
.block-news .notis h2 {order: 1;}
.block-news .notis ul.flex-box {order: 2;}
.block-news .notis ul.news-link {order: 3; display:flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; margin: 20px 0 0 0; width: 100%; box-sizing: border-box;}
.block-news .notis ul.news-link li {
	margin: 0;
	width: 100%;
	max-width: 49%;
	text-align: center;
	position: relative;
	font-size: 12px;}
.block-news .notis ul.news-link li:first-child { margin: 0 2% 0 0;}
.block-news .notis ul.news-link li::after {
	font-family: FontAwesome;
	content: "\f105";
	top: 50%;
	right: 10px;
	font-size: 20px;
	margin-top: -10px;
	position: absolute;
	color: #ccc;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-news .notis ul.news-link li:hover::after { color: #fff;}
.block-news .notis ul.news-link li a {
	padding: 14px 7px;
	display:block;
	background: #e0e0e0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-news .notis ul.news-link li a:hover { background: #888; color: #fff;}
.block-news .pr { width: 100%; max-width: 100%; margin-top:40px;}
.block-news ul li:first-child { margin-bottom: 0;}
.block-news ul li a:hover {opacity:1;}
.block-news ul li a { color:#000; text-decoration: none;}
.block-news ul.flex-box { margin-left: -1.33%; margin-top: -10px;}
.block-news ul.flex-box li {
	color: #000;
	background: #fff;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: 600;
	margin-left: 1.33%;
	margin-top: 10px;
	max-width: 100%;
	line-height: 1.4em;
	position: relative;
	padding: 0 30px 0 0;
	text-align: left;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	width: 100%;
	z-index: 1;
	}
.block-news ul.flex-box li:hover { background: #fff; box-shadow: rgba(0,0,0,0.5) 2px 2px 12px; z-index: 2;}
.block-news ul.flex-box li::after {
	font-family: FontAwesome;
	content: "\f08e";
	top: 50%;
	right: 10px;
	font-size: 12px;
	margin-top: -6px;
	position: absolute;
	color: #ccc;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-news ul.flex-box li:hover::after { color: #000;}
.block-news ul.flex-box li a { display:flex; flex-wrap: wrap; align-items: center;}
.block-news ul.flex-box li a div { display:flex; flex-wrap: wrap; align-items: center; width: 100%;}
.block-news ul.flex-box li a div p { font-size: 11px; font-weight: 400;}
.block-news ul.flex-box li a div p.icon { font-size: 12px; font-weight: 600; width: 7em; padding: 0.2em 0; text-align: center; color: #fff; margin-right:14px;}
.block-news ul.flex-box li a div p.icon.exhibit { background: #53B567;}
.block-news ul.flex-box li a div p.icon.news { background: #B24C9F;}
.block-news ul.flex-box li a div p.icon.product { background: #E87F48;}
.block-news ul.flex-box li a h3 { margin: 5px 0 12px 10px; font-size: 13px; font-weight: 600;}
.block-news .pr ul { margin: 0;}
.block-news .pr ul + ul { margin-top:20px;}
.block-news .pr ul > li + li { margin-top:10px;}
.block-news .pr ul li { margin: auto; text-align: center;}
.block-news .pr ul li img,
.block-news .pr ul li:first-child img { max-width: 100%;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-news .pr ul { display:flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.block-news .pr ul li { width: 100%; max-width: 48.67%; margin: 0;}
.block-news .pr ul li:nth-child(even) { margin-left: auto;}
.block-news .pr ul > li + li { margin-top:0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-news { padding-top: 60px; padding-bottom: 60px;}
.block-news .inner { margin-left: -3.33%;}
.block-news .notis { width: 100%; max-width: 63.33666667%; margin-left: 3.33%;}
.block-news .notis h2.line {order: 1; width: 32%; margin-right: 4%;}
.block-news .notis ul.flex-box {order: 3;}
.block-news .notis ul.news-link {order: 2; width: 64%; margin: 0;}
.block-news .notis ul.news-link li a { padding: 10px 5px;}
.block-news .pr { width: 100%; max-width: 30.00333333%; margin-top: 0; margin-left: 3.33%;}
.block-news ul.flex-box li a { flex-wrap: nowrap;}
.block-news ul.flex-box li a div { width: 9em; margin-right:1.5em;}
.block-news ul.flex-box li a div p { display: block;}
.block-news ul.flex-box li a div p.icon { font-size: 13px; width: 9em; padding: 0.3em 0; margin-right:0;}
.block-news ul.flex-box li a div p.time { font-size: 13px; padding: 1em 0; width: 9em; text-align: center;}
.block-news ul.flex-box li a h3 { margin: 0; font-size: 15px;}
.block-news .pr ul { display:block;}
.block-news .pr ul li { max-width: 100%;}
.block-news .pr ul li img,
.block-news .pr ul li:first-child img { max-width: 100%;}
.block-news .pr ul > li + li { margin-top:10px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-news .notis h2 {order: 1; width: 40%; margin-right: 5%;}
.block-news .notis ul.news-link {order: 2; width: 55%; margin: 0;}
.block-news .notis ul.news-link li { font-size: 13px;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

6.メインビジュアル(その他)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-mainv-product { padding: 0; margin-bottom: 10px;}
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important; position: relative; background: #505050;}
.block-mainv-product .container img { height: auto; width: 100%;max-width: 100%;}
.block-mainv-product .container .pc { display: none;}
.block-mainv-product .container .sp { display: block;}
.block-mainv-product .container .catchcopy { display: none;}
.block-mainv-product .container .inner { position: absolute; bottom: -15px; width: 100%;}
.block-mainv-product .container .inner .title { background: #202020; box-shadow: rgba(0,0,0,0.3) 2px 2px 4px; padding: 10px; width: 100%; max-width: 90%;}
.block-mainv-product .container .inner .title h1 { color: #fff; font-size: 16px; line-height: 1.4em;}
.block-mainv-product .container .inner .title p { color: #f0f0f0; margin-top: 0.3em;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
.block-mainv-product .container .inner .title { max-width: 80%;}
.block-mainv-product .container .inner .title h1 { font-size: 17px; line-height: 1.5em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important;}
.block-mainv-product .container .pc { display: block;}
.block-mainv-product .container .sp { display: none;}
.block-mainv-product .container .inner .title { padding: 15px 15px 15px 20px; max-width: 70%;}
.block-mainv-product .container .inner .title h1 { font-size: 18px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important;}
.block-mainv-product .container .inner .title { padding: 20px 4em 20px 20px; width: auto; max-width: fit-content;}
.block-mainv-product .container .inner .title h1 { font-size: 20px;}
.block-mainv-product .container .catchcopy { display: block;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important; width: 100% !important;}
.block-mainv-product .container .inner .title { padding-left: calc((100% - 1024px) / 2);}
.block-mainv-product .container .inner .title h1 { font-size: 25px;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

7.パン屑リスト(その他)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-breadcrumb { padding: 10px 0;}
.block-breadcrumb .container { margin-right: 10px !important; margin-left: 10px !important;}
.block-breadcrumb ul {}
.block-breadcrumb ul li {display: inline-block; padding: 0; margin: 0 auto; color:#666; font-size: 10px;}
.block-breadcrumb ul li a { color:#666;}
.block-breadcrumb ul li i { margin: 0 0.6em 0 0.3em;}
.block-breadcrumb ul li i.fa-home { margin: 0 0.2em 0 0;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-breadcrumb .container { margin-right: 20px !important; margin-left: 20px !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-breadcrumb ul {}
.block-breadcrumb ul li { font-size: 11px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and ( min-width: 1066px) {
.block-breadcrumb .container { margin-right: auto !important; margin-left: auto !important;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

8.キャッチコピー

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-catchcopy { padding: 1em 8%; display: block;}
.block-catchcopy .container { margin-right: 10px !important; margin-left: 10px !important;}
.block-catchcopy .container h3 { font-size: 16px; text-align: center; line-height: 1.4;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-catchcopy { padding: 2.2em 14% 2.4em 14%;}
.block-catchcopy .container { margin-right: 20px !important; margin-left: 20px !important;}
.block-catchcopy .container h3 { font-size: 20px; text-align: center;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-catchcopy {display: none;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and ( min-width: 1066px) {
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

9.製品リスト

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-product_list"] { padding-top: 40px; padding-bottom: 40px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-product_list"] .flex-box { margin-left: -1.33%;}
main [class*="block-product_list"] .flex-box > li {
	box-sizing: border-box;
	margin-left: 1.33%;
	position: relative;
	text-align: left;
	z-index: 0;
	}
main [class*="block-product_list"] .sp { display: block;}
main [class*="block-product_list"] .pc { display: none;}
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"]:nth-child(odd) { background: #f0f0f0;}
main [class*="block-product_list_products"]:nth-child(even) { background: #fff;}
main [class*="block-product_list_products"] .flex-box { margin-top: -3.33%;}
main [class*="block-product_list_products"] .flex-box > li {
	background: #fff;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 3px;
	width: 100% !important;
	margin-top: 3.33%;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-product_list_products"] .flex-box > li:hover { box-shadow: rgba(0,0,0,0.5) 2px 2px 12px; z-index: 2;}
main [class*="block-product_list_products"] .flex-box > li + li { margin-top: 3.33%;}
main [class*="block-product_list_products"] .flex-box > li figure { padding: 2em 0.8em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay { background: rgba(15,76,129,0.9); border-radius: 0;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i { border: none !important; box-shadow: none; font-weight: 400;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i+i,
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i { margin-top: 0.8em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a {
	background-color: transparent!important;
	border: #fff 1px solid !important; 
	padding: 0.7em 0 !important;
	position: relative;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a:hover {
	background-color: #fff !important;
	color:rgba(15,76,129,1) !important;
	}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a::after {
    font-family: FontAwesome;
    content: "\f105";
    top: 50%;
    right: 0.8em;
    font-size: 16px;
    margin-top: -11px;
    position: absolute;
    color: #fff;
	}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare { display: none;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a { background-color: rgba(0,0,0,0.3) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a:hover { background-color: rgba(255,255,255,1) !important; color:rgba(0,0,0,1) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a::after { content: "\f03a"; font-size: 12px; margin-top: -10px; right: 0.9em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_contact a::after { content: "\f046"; font-size: 12px; margin-top: -10px; right: 0.9em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a[class*="selected"] { background-color: #fff !important; color:rgba(0,0,0,1) !important; text-decoration: none;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a[class*="selected"]::after { color:rgba(0,0,0,1) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a:hover::after { color:rgba(15,76,129,1) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a:hover::after { color:rgba(0,0,0,1) !important;}
main [class*="block-product_list_products"] .flex-box > li figure img { margin: 0 auto !important; max-width: 60% !important;}
main [class*="block-product_list_products"] .flex-box > li figure h2 { margin: 4% auto 0 auto !important; font-weight: 600; color: #0F4C81; font-size: 18px !important;}
main [class*="block-product_list_products"] .flex-box > li figure h2 + p { margin-top: 2% !important;}
main [class*="block-product_list_products"] .flex-box > li figure h2 + ul,
main [class*="block-product_list_products"] .flex-box > li figure p + ul { margin-top: 3% !important;}
main [class*="block-product_list_products"] .flex-box > li figure p { display: none;}
main [class*="block-product_list_products"] .flex-box > li figure ul.type { margin-left: -1.33%; width: 100%;}
main [class*="block-product_list_products"] .flex-box > li figure ul.type li {
	border: #eee solid 2px;
	border-radius: 3px;
	box-shadow: none;
	color: #707070;
	font-size: 13px;
	font-weight: 600;
	margin-left: 1.33%;
	margin-top: 0;
	padding: 0.4em;
	text-align: center;
	width: 48.67% !important;
	}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon {
	left: 0;
	position: absolute;
	top: 0;
	width: 2.3em;
	}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon.new { width: auto;}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon:before {
	content: "";
	border-style: solid;
	border-width: 60px 60px 0 0;
	border-color: #000 transparent transparent transparent;
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon.will:before { border-color: #E67308 transparent transparent transparent;}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon.new:before { border-color: #D21E1E transparent transparent transparent;}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon li {
	color: #fff !important;
	font-size: 10px;
	font-weight: 600;
	margin-left: 0.3em;
	margin-top: 5px;
	line-height: 1.2;
	position: relative;
	text-align: center;
	}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon.new li { margin-left: 0.5em; margin-top: 10px;}
#ComparisonBox { background-color: rgba(255,255,255,0.9); border: none; box-shadow: 0 -1px 2px rgba(0,0,0,0.3); padding: 1em 0 !important; opacity: 0; z-index: 9999;}
#ComparisonBox form { align-items: center; display: flex; flex-wrap: wrap; margin: 0 10px; padding: 0;}
#ComparisonBox form ul { align-items: center; display: flex; flex-wrap: wrap; margin: -0.5em 0 0 -1em; width: 60%;}
#ComparisonBox form ul li { float: none; font-size: 14px; margin: 0.5em 0 0 1em; line-height: 1;}
#ComparisonBox form a#ComparisonSubmit { background: rgba(15,76,129,1); border: none; border-radius: 0; box-shadow: none; font-size: 15px; margin-left:auto; padding: 1em 0; position: static; width: 35%;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_products"]:nth-child(odd) + [class*="block-product_list_end"] { background: #fff;}
main [class*="block-product_list_products"]:nth-child(even) + [class*="block-product_list_end"] { background: #f0f0f0;}
main [class*="block-product_list_end"] .flex-box { margin-top: -1.33%;}
main [class*="block-product_list_end"] .flex-box > li { font-weight: 600; margin-top: 1.33%; text-align: center; width:48.67%;}
main [class*="block-product_list_end"] .flex-box > li + li { margin-top: 1.33%;}
main [class*="block-product_list_end"] .flex-box > li a {
	border: 1px #e0e0e0 solid;
	display: block;
	padding: 1em 0.4em;
	position: relative;
	transition: all 0.35s ease-in-out;
	z-index: 1;
	}
main [class*="block-product_list_end"] .flex-box > li div {
	border: 1px #e0e0e0 solid;
	display: block;
	line-height: 1.3em;
	padding: 1em 0.4em;
	position: relative;
	transition: all 0.35s ease-in-out;
	z-index: 1;
	}
main [class*="block-product_list_end"] .flex-box > li div span { display: block; font-size: 87%; font-weight: 400;}
main [class*="block-product_list_end"] .flex-box > li div:after {
    background-color: #c0c0c0;
    bottom: 0.5em;
    content: '';
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 17%;
	}
main [class*="block-product_list_end"] .flex-box > li a:hover {
	box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
	color: #000;
	text-decoration: none;
	z-index: 2;
	}
main [class*="block-product_list_end"] .flex-box > li a:after {
    background-color: #c0c0c0;
    bottom: 0.7em;
    content: '';
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 17%;
	}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] .flex-box { margin-top: -1.33%;}
main [class*="block-product_list_products"] .flex-box > li { margin-top: 1.33%; width: 48.67% !important;}
main [class*="block-product_list_products"] .flex-box > li + li { margin-top: 1.33%;}
main [class*="block-product_list_products"] .flex-box > li figure { padding: 2em 1em;}
main [class*="block-product_list_products"] .flex-box > li figure img { max-width: 70% !important;}
#ComparisonBox form { margin: 0 20px;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_end"] .flex-box > li { width:32.00333333%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] .flex-box > li figure { padding: 1.5em;}
main [class*="block-product_list_products"] .flex-box > li figure img { max-width: 60% !important;}
main [class*="block-product_list_products"] .flex-box > li figure h2 { text-align: left; font-size: 20px !important; margin: 5% 0 0 0 !important;}
main [class*="block-product_list_products"] .flex-box > li figure p { display: block; font-size: 13px;}
main [class*="block-product_list_products"] .flex-box > li figure .info {
	background: #f0f0f0;
	clear: both;
	font-weight: 600;
	margin-top: 4%;
	padding: 0.8em 1em;
	position: relative;
	text-align: center;
	width: 100%;
	}
main [class*="block-product_list_products"] .flex-box > li figure .info + .info { margin-top: 2%;}
main [class*="block-product_list_products"] .flex-box > li figure .info::before,
main [class*="block-product_list_products"] .flex-box > li figure .info::after { content: ''; width: 10px; height: 10px; position: absolute;}
main [class*="block-product_list_products"] .flex-box > li figure .info::before { border-left: solid 3px #000; border-top: solid 3px #000; top: 0; left: 0;}
main [class*="block-product_list_products"] .flex-box > li figure .info::after { border-right: solid 3px #000; border-bottom: solid 3px #000; bottom: 0; right: 0;}
main [class*="block-product_list_products"] .flex-box > li figure .info p + p { margin-top: 2em; position: relative;}
main [class*="block-product_list_products"] .flex-box > li figure .info p + p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -1em;
	display: inline-block;
	width: 14%;
	height: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); 
	background-color: #e0e0e0;
	}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon { width: 2.4em;}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon.new { width: auto;}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon:before { border-width: 68px 68px 0 0;}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon li { font-size: 11px; margin-top: 7px;}
main [class*="block-product_list_products"] .flex-box > li figure ul.icon.new li { margin-left: 0.5em; margin-top: 12px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
main [class*="block-product_list"] { padding-top: 60px; padding-bottom: 60px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-product_list"] .sp { display: none;}
main [class*="block-product_list"] .pc { display: block;}
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] .flex-box > li figure img { max-width: 45% !important;}
main [class*="block-product_list_products"] .flex-box > li figure h2 { font-size: 22px !important;}
main [class*="block-product_list_products"] .flex-box > li figure p { font-size: 14px;}
main [class*="block-product_list_products"] .flex-box > li figure p.right { margin-top: 2%; line-height: 1.3em;}
main [class*="block-product_list_products"] .flex-box > li figure p.right + p.right { margin-top: 1%;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare { display: block;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay {
	background-color: transparent;
	background-image: linear-gradient(to top, rgba(15,76,129,0.9) 50%, rgba(15,76,129,0.0) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-product_list_products"] .flex-box > li figure:hover .overlay { background-position: 0 -100%;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i+i,
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i { margin-top: 0.5em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a { padding: 0.5em 0 !important;}
#ComparisonBox { opacity: 1;}
#ComparisonBox form{ width: auto;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_end"] .flex-box { margin-top: -1%; margin-left: -1%;}
main [class*="block-product_list_end"] .flex-box > li { margin-top: 1%; margin-left: 1%;}
main [class*="block-product_list_end"] .flex-box > li + li { margin-top: 1%;}
main [class*="block-product_list_end"] .flex-box > li { width:24%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] .flex-box > li figure { padding: 5%; position: relative;}
main [class*="block-product_list_products"] .flex-box > li figure::after { content: ""; display: block; clear: both;}

main [class*="block-product_list_products"] .flex-box > li figure img { width: 32%; margin: 0 !important; float: left;}
main [class*="block-product_list_products"] .flex-box > li figure h2 { margin: 0 0 0 37% !important;}
main [class*="block-product_list_products"] .flex-box > li figure p { margin-left: 37% !important;}
main [class*="block-product_list_products"] .flex-box > li figure p.right { margin-left: 0 !important;}
main [class*="block-product_list_products"] .flex-box > li figure p.sup { font-size: 77% !important;}
main [class*="block-product_list_products"] .flex-box > li figure ul.type { margin-left: 37% !important; width: 63% !important;}
main [class*="block-product_list_products"] .flex-box > li figure ul.type li { width: 100% !important; max-width: 10em}
main [class*="block-product_list_products"] .flex-box > li figure .info { padding: 1em;}
main [class*="block-product_list_products"] .flex-box > li figure .info + .info { margin-top: 1.5%;}
main [class*="block-product_list_products"] .flex-box > li figure .info::before,
main [class*="block-product_list_products"] .flex-box > li figure .info::after { content: ''; width: 15px; height: 15px;}
main [class*="block-product_list_products"] .flex-box > li figure .info::before { border-left: solid 5px #000; border-top: solid 5px #000;}
main [class*="block-product_list_products"] .flex-box > li figure .info::after { border-right: solid 5px #000; border-bottom: solid 5px #000;}
main [class*="block-product_list_products"] .flex-box > li figure .info p { margin-left: 0 !important;}
main [class*="block-product_list_products"] .flex-box > li figure .info p + p { margin-top: 2.6em; position: relative;}
main [class*="block-product_list_products"] .flex-box > li figure .info p + p:before { top: -1.3em; width: 20%; height: 3px;}

#ComparisonBox form { margin: 0 auto; width: 1024px;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_end"] .flex-box { margin-top: -0.8%; margin-left: -0.8%;}
main [class*="block-product_list_end"] .flex-box > li { margin-top: 0.8%; margin-left: 0.8%;}
main [class*="block-product_list_end"] .flex-box > li + li { margin-top: 0.8%;}
main [class*="block-product_list_end"] .flex-box > li { width:24.2%;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

10.製品ページ製品紹介

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-product_itemcategory { padding-top: 40px; padding-bottom: 40px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-product_item"] .flex-box { margin-left: -1.33%;}
main [class*="block-product_item"] .flex-box > li {
	box-sizing: border-box;
	margin-left: 1.33%;
	position: relative;
	text-align: left;
	z-index: 1;}
main [class*="block-product_item"] .flex-box .img {width:100%;}
main [class*="block-product_item"] .flex-box .txt {width:100%;}
main [class*="block-product_item"] .flex-box .img + .txt,
main [class*="block-product_item"] .flex-box .txt + .img { margin-top:2em;}
main [class*="block-product_item"] .sp { display: block;}
main [class*="block-product_item"] .pc { display: none;}
/* 概要
--------------------------------------------------------------*/
main [class*="block-product_item"] .overview > li + li { margin-top: 3.5em;}
main [class*="block-product_item"] .overview > li ul li { margin-top: 1em;}
main [class*="block-product_item"] .overview > li ul li + li { margin-top: 1em;}
main [class*="block-product_item"] .overview .img { order:2; margin-top: 3.5em !important;}
main [class*="block-product_item"] .overview .txt { order:1; margin-top: 0 !important;}
main [class*="block-product_item"] .overview h2 { font-size: 200% !important;}
/* 特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .characteristic .img { margin-top: 2em; text-align: center;}
main [class*="block-product_item"] .characteristic .img img { box-shadow: rgba(0,0,0,0.3) 1px 1px 10px 2px;border-radius:10px;}
/* SmartDrive Fleetの特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .products { margin: 0;}
main [class*="block-product_item"] .products h4 { font-size: 135.8%; color: #0f4c81;}
main [class*="block-product_item"] .products li {
	align-items: center;
	align-content: flex-start;
	display:flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 30px 15px;
	position: relative;
	width: 50%;}
main [class*="block-product_item"] .products li::before,
main [class*="block-product_item"] .products li::after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;}
main [class*="block-product_item"] .products li::before {
	border-left: solid 3px #d0d0d0;
	border-top: solid 3px #d0d0d0;
	top: 0;
	left: 0;}
main [class*="block-product_item"] .products li::after {
	border-right: solid 3px #d0d0d0;
	border-bottom: solid 3px #d0d0d0;
	bottom: 0;
	right: 0;}
main [class*="block-product_item"] .products li:nth-child(odd) { background: #f0f0f0;}
main [class*="block-product_item"] .products li:nth-child(even) { background: #fff;}
main [class*="block-product_item"] .products:nth-child(even) { flex-direction: row-reverse;}
main [class*="block-product_item"] .products li div { width: 100%; text-align: center; display:block;}
main [class*="block-product_item"] .products li div.info {}
main [class*="block-product_item"] .products li div svg { width: 70px; height: 70px; fill: #0f4c81;}
/* SmartDrive Fleetのメリット
--------------------------------------------------------------*/
main [class*="block-product_item"] .merit { margin-left: 0;}
main [class*="block-product_item"] .merit li {
	align-content: baseline;
	display:flex;
	flex-wrap: wrap;
	margin-left: 0;
	padding: 30px 15px;
	position: relative;
	width: 100%;}
main [class*="block-product_item"] .merit  li + li { margin-top: 0;}
main [class*="block-product_item"] .merit li:nth-child(odd) { background: #f0f0f0;}
main [class*="block-product_item"] .merit li:nth-child(even) { background: #fff;}
main [class*="block-product_item"] .merit .txt { width:100%;}
main [class*="block-product_item"] .merit .img { width:100%; margin-top: 2em;}
main [class*="block-product_item"] .merit .img img { box-shadow: rgba(0,0,0,0.3) 1px 1px 10px 2px;border-radius:10px;}
/* 仕様
--------------------------------------------------------------*/
main [class*="block-product_item"] .spec li { width:100%;}
main [class*="block-product_item"] .spec .img { margin-top: 2em; text-align: center;}
/* オプション
--------------------------------------------------------------*/
main [class*="block-product_item"] .option { margin-top: -1.33%;}
main [class*="block-product_item"] .option h3 { font-size: 116%;}
main [class*="block-product_item"] .option li {
	align-items: flex-start;
	border: 1px #e0e0e0 solid;
	display:flex;
	flex-wrap: wrap;
	margin-top: 1.33%;
	padding: 10px;
	width: 100%;}
main [class*="block-product_item"] .option .img,
main [class*="block-product_item"] .option .txt { text-align: center;}
main [class*="block-product_item"] .option .img img {width: 100%; max-width: 160px;}
main [class*="block-product_item"] .option .img + .txt,
main [class*="block-product_item"] .option .txt + .img { margin-top: 0;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
/* SmartDrive Fleetのメリット
--------------------------------------------------------------*/
main [class*="block-product_item"] .merit .img img { width:100%; max-width: 380px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
/* SmartDrive Fleetの特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .products li { padding: 15px;}
/* SmartDrive Fleetのメリット
--------------------------------------------------------------*/
main [class*="block-product_item"] .merit li { padding: 20px;}
/* 仕様
--------------------------------------------------------------*/
main [class*="block-product_item"] .spec { margin-left: -3.33%;}
main [class*="block-product_item"] .spec li { margin-left: 3.33%; width:46.67%;}
main [class*="block-product_item"] .spec li + li { margin-top: 0;}
/* オプション
--------------------------------------------------------------*/
main [class*="block-product_item"] .option { margin-top: -1.33%; flex-wrap: wrap;}
main [class*="block-product_item"] .option li { padding: 15px; width:48.67%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-product_itemcategory { padding-top: 60px; padding-bottom: 60px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-product_item"] .flex-box .img + .txt,
main [class*="block-product_item"] .flex-box .txt + .img { margin-top:0;}
main [class*="block-product_item"] .sp { display: none;}
main [class*="block-product_item"] .pc { display: block;}
/* 概要
--------------------------------------------------------------*/
main [class*="block-product_item"] .overview { margin-left: -3.33%;}
main [class*="block-product_item"] .overview li {}
main [class*="block-product_item"] .overview > li {margin-left: 3.33%; width:46.67%;}
main [class*="block-product_item"] .overview > li + li { margin-top: 0;}
main [class*="block-product_item"] .overview li.img { width:46.67%; margin-top: 0 !important;}
main [class*="block-product_item"] .overview li.txt { width:46.67%; margin-top: 0 !important;}
main [class*="block-product_item"] .overview li.txt ul { margin-left: 0;}
main [class*="block-product_item"] .overview li.txt ul li { margin-left: 0; width:100%;padding-left:1.3em; text-indent:-1.3em;list-style-position:inside;}
main [class*="block-product_item"] .overview li.txt ul li i { margin-right: 0.3 !important; display: inline;}
/* 特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .characteristic { margin-left: -3.33%;}
main [class*="block-product_item"] .characteristic li { margin-left: 3.33%;}
main [class*="block-product_item"] .characteristic li.txt {width:54.33666667%;}
main [class*="block-product_item"] .characteristic li.img {width:39.00333333%;}
/* SmartDrive Fleetの特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .products {}
main [class*="block-product_item"] .products li { width: 33.33333333%; padding: 25px;}
main [class*="block-product_item"] .products li::before,
main [class*="block-product_item"] .products li::after { width: 15px;height: 15px;}
main [class*="block-product_item"] .products li::before { border-left: solid 5px #d0d0d0; border-top: solid 5px #d0d0d0;}
main [class*="block-product_item"] .products li::after { border-right: solid 5px #d0d0d0; border-bottom: solid 5px #d0d0d0;}
main [class*="block-product_item"] .products li div {
	align-items: center;
	background: #0f4c81;
	display: flex;
	height: 100%;
	justify-content: center;
	margin-right: 10px;
	padding: 10px 0;
	width: 70px;}
main [class*="block-product_item"] .products li div.info {
	background-color: transparent;
	display: block;
	margin-right: 0;
	width: 100%;
	text-align: center;}
main [class*="block-product_item"] .products li div svg { width: 50px; height: 50px; fill:#fff;}
/* SmartDrive Fleetのメリット
--------------------------------------------------------------*/
main [class*="block-product_item"] .merit:nth-child(even) { flex-direction: row-reverse;}
main [class*="block-product_item"] .merit li { width: 50%; font-size: 14px; padding: 25px;}
main [class*="block-product_item"] .merit  li + li { border-top: none;}
main [class*="block-product_item"] .merit + .merit li:first-child { border-top: none;}
main [class*="block-product_item"] .merit .img + .txt,
main [class*="block-product_item"] .merit .txt + .img { margin-top: 30px;}
/* オプション
--------------------------------------------------------------*/
main [class*="block-product_item"] .option .img {width: 40%; text-align: left;}
main [class*="block-product_item"] .option .txt {width: 55%; text-align: left; margin-left: 5%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* SmartDrive Fleetの特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .products li div { width: 100px; margin-right: 18px;padding: 0;}
main [class*="block-product_item"] .products li div.info { padding-right: 0;}
main [class*="block-product_item"] .products li div svg { width: 70px; height: 70px;}
/* オプション
--------------------------------------------------------------*/
main [class*="block-product_item"] .option li { padding: 15px; width:32.00333333%;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

11.汎用(問い合わせ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-info"] { padding-top: 40px; padding-bottom: 40px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-info"] .flex-box { margin-left: -1.33%;}
main [class*="block-info"] .flex-box > li {
	box-sizing: border-box;
	margin-left: 1.33%;
	position: relative;
	text-align: left;
	z-index: 1;}
main [class*="block-info"] .flex-box > li + li { margin-top:2em;}
main [class*="block-info"] .flex-box .img {width:100%;}
main [class*="block-info"] .flex-box .txt {width:100%;}
main [class*="block-info"] .flex-box .img + .txt,
main [class*="block-info"] .flex-box .txt + .img { margin-top:2em;}
main [class*="block-info"] .sp { display: block;}
main [class*="block-info"] .pc { display: none;}

main [class*="block-info"] h3 { font-size: 135.8%;}
main [class*="block-info"] h4 { font-size: 128.5%;}
main [class*="block-info"] h5 { font-size: 116%; margin-bottom: 0.4em;}
main [class*="block-info"] h6 { font-size: 116%; margin-bottom: 0.4em;}
main [class*="block-info"] .check,
main [class*="block-info"] .check li { font-size: 112%; font-weight: 600;}
main [class*="block-info"] .check a,
main [class*="block-info"] .check li a { text-decoration: underline;}
main [class*="block-info"] p + h3,
main [class*="block-info"] p + h4,
main [class*="block-info"] p + h5,
main [class*="block-info"] p + h6,
main [class*="block-info"] ul + h3,
main [class*="block-info"] ul + h4,
main [class*="block-info"] ul + h5,
main [class*="block-info"] ul + h6,
main [class*="block-info"] h3 + .inner,
main [class*="block-info"] h4 + .inner,
main [class*="block-info"] h5 + .inner,
main [class*="block-info"] h6 + .inner,
main [class*="block-info"] p + .inner,
main [class*="block-info"] .inner + h3,
main [class*="block-info"] .inner + h4,
main [class*="block-info"] .inner + h5,
main [class*="block-info"] .inner + h6,
main [class*="block-info"] .inner + p { margin-top: 1.3em;}
main [class*="block-info"] ul + p,
main [class*="block-info"] p + ul,
main [class*="block-info"] p + table,
main [class*="block-info"] table + p { margin-top: 1em;}
main [class*="block-info"] p + p,
main [class*="block-info"] li + li { margin-top: 0.3em;}
main [class*="block-info"] .important input[type=checkbox] { margin: 0 0.6em; -webkit-transform: scale( 2 , 2 );}
/* ------ contact ------ */
main [class*="block-info"] .privacy_read_1 {
	border:5px solid #d0d0d0;
	padding:0.6em;
	height:200px;
	overflow:auto;
	margin:2em 0 0 0;
	background: #fff;}
main [class*="block-info"] .required { color: #f00; margin-right: 5px;}
main [class*="block-info"] .error-msg { padding: 1em; background:#e60012; color: #fff; font-size: 108%; margin: 0.5em 0 1em 0; text-align: center;}
main [class*="block-info"] .input-error { display: block; font-size: 93%; color: #e60012; margin-left: 35%;}

main [class*="block-info"] .formContent {}
main [class*="block-info"] .formContent li { padding: 1em; margin: 0; list-style: none; overflow: hidden; font-size: 14px; display: block;}
main [class*="block-info"] .formContent li:nth-child(odd) { background: #f0f0f0;}
main [class*="block-info"] .formContent li label,
main [class*="block-info"] .formContent li span.label { color: #000; display: block; width: 100%; padding: 0 0 5px 0; text-align: left;}
main [class*="block-info"] .formContent li span.input {
	display: block;
	width: 100%;
	margin-left: 0;
	color: #000;}
main [class*="block-info"] .formContent li input,
main [class*="block-info"] .formContent li textArea,
main [class*="block-info"] .formContent li select { border:#ccc solid 1px; background: #fff;}
main [class*="block-info"] .formContent li input[type="text"] { width: 100%; padding: 6px;}
main [class*="block-info"] .formContent li textArea { width: 100%; height: 8em; padding: 6px;}
main [class*="block-info"] .formContent li .select { position: relative;}
main [class*="block-info"] .formContent li .select::after {
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -11px;
	content: "\f107";
	color: #ccc;
	font-size: 16px;
	font-family: FontAwesome;
	z-index: 1;}
main [class*="block-info"] .formContent li .select > select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	line-height: 3em;
	height: 3em;
	box-sizing: border-box;
	padding: 0 20px 0 6px;
	border:#ccc solid 1px;
	background: #fff;
	border-radius: 0;
	outline: none;}
main [class*="block-info"] .btn.large { width:100%; max-width: 380px; display: block; margin-top:2em;}
main [class*="block-info"] .btn.large input {
	width:100%;
	font-size: 116%;
	padding:1em 0;
	display: block;
	background-color:#0f4c81;
	transition: all 0.35s ease-in-out;
	position:relative;
	font-weight:bold;
	line-height: 1em;
	text-align:center;
	color:#fff;
	cursor:pointer;}
main [class*="block-info"] .btn.large input:hover { box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;}
main [class*="block-info"] .btn.large input[disabled] { color:#e0e0e0; background-color:#a0a0a0;}
main [class*="block-info"] .btn.large input[disabled]:hover { cursor: default; box-shadow: none;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
main [class*="block-info"] .flex-box li { width:46.67%;}
main [class*="block-info"] .flex-box > li + li { margin-top:0;}
main [class*="block-info"] .flex-box .img + .txt,
main [class*="block-info"] .flex-box .txt + .img { margin-top:0;}
main [class*="block-info"] { padding-top: 60px; padding-bottom: 60px;}
main [class*="block-info"] .sp { display: none;}
main [class*="block-info"] .pc { display: block;}
/* ------ contact ------ */
main [class*="block-info"] .privacy_read_1 { padding:1.2em; height:250px;}
main [class*="block-info"] .formContent li { padding: 1em 0; font-size: 15px; display: flex; flex-wrap: wrap;}
main [class*="block-info"] .formContent li label,
main [class*="block-info"] .formContent li span.label { width: 35%; padding: 0 1em;}
main [class*="block-info"] .formContent li span.input { width: 60%;}
main [class*="block-info"] .formContent li input[type="text"] { width: 60%;}
main [class*="block-info"] .formContent li textArea { width: 60%;}
main [class*="block-info"] .flex-box .btn.large { margin: auto;}
main [class*="block-info"] .flex-box .btn.large.pre input { background-color:#707070;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* ------ contact ------ */
main [class*="block-info"] .privacy_read_1 { padding:1.8em;}
main [class*="block-info"] .formContent li { font-size: 16px;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

footer

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
footer { padding-top:40px; padding-bottom:40px; color: #fff;}
footer a,
footer a:visited { color:#fff; fill: #fff;}
footer a:hover { color:#ddd; fill: #ddd; text-decoration:none;}
footer a i,
footer a:visited i { color:#aaa; fill: #aaa;}
footer a:hover i { color:#888; fill: #888;}
footer .buisiness { display:flex; flex-wrap: wrap; align-items: flex-start;}
footer .copy { order: 2; position: static; margin: 40px auto 20px auto;}
footer .corporation { order: 1; width: 100%;}
footer .corporation h3 { font-size: 13px;}
footer .corporation h3 a { text-decoration: underline;}
footer .corporation h3 a:hover { text-decoration: none;}
footer .corporation p + h3,
footer .corporation ul + h3 { margin-top: 20px;}
footer .corporation p,
footer .corporation li { font-size: 12px;}
footer .corporation ul { display:flex; flex-wrap: wrap; margin-left: -10px;}
footer .corporation li { font-size: 12px; margin-left: 10px;}
footer .corporation li i { font-size: 93%; margin-right: 4px;}
footer .corporation li span { color: #f0f0f0;}
footer .corporation li::after { content: "|"; color:#888; margin-left: 10px;}
footer .corporation li:last-child::after { content: ""; margin-left: 0;}
footer .copyright { text-align: center; color: #aaa;}
/* ページ上部へジャンプ
-----------------------------------*/
#page_top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 100000;
	font-size: 8px;
	text-align: center;}
#page_top a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #ccc;
	background: #4C4C4C;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
	transition: all 0.35s ease-in-out;
	}
#page_top a span { margin-left: 2px;}
#page_top a:hover { background: #222;}
#page_top a::before{
    font-family: FontAwesome;
	font-weight: 900;
	content: '\f106';
	font-size: 22px;
	color: #ccc;
	margin: 8px auto -3px auto;
	text-align: center;
	display: block;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
footer { padding-top: 60px; padding-bottom: 60px;}
footer .buisiness { flex-wrap: nowrap; align-items: stretch; margin-bottom: 25px;}
footer .copy { order: 1; margin: 0 3em 0 0;}
footer .corporation { order: 2;}
footer .corporation h3 { font-size: 15px;}
footer .corporation p + h3,
footer .corporation ul + h3 { margin-top: 25px;}
footer .corporation p,
footer .corporation li { font-size: 14px;}
footer .copyright { text-align: left;}
/* ページ上部へジャンプ
-----------------------------------*/
#page_top{ right: 30px; bottom: 60px; font-size: 10px;}
#page_top a{ width: 70px; height: 70px;}
#page_top a span { margin-left: 4px;}
#page_top a::before{ font-size: 30px; margin: 15px auto -2px auto;}
}