@charset "utf-8";
/* CSS Document */

/* ====================================
	UTILITY
===================================== */

.mt-10	{ margin-top:-10px !important; }
.mt-5	{ margin-top:-5px !important; }
.mt0	{ margin-top:0px !important; }
.mt5	{ margin-top:5px !important; }
.mt10	{ margin-top:10px !important; }
.mt15	{ margin-top:15px !important; }
.mt20	{ margin-top:20px !important; }
.mt25	{ margin-top:25px !important; }
.mt30	{ margin-top:30px !important; }
.mt40	{ margin-top:40px !important; }
.mt50	{ margin-top:50px !important; }
.mt60	{ margin-top:60px !important; }
.mt100	{ margin-top:100px !important; }

.mr0	{ margin-right:0px !important; }
.mr5	{ margin-right:5px !important; }
.mr10	{ margin-right:10px !important; }
.mr15	{ margin-right:15px !important; }
.mr20	{ margin-right:20px !important; }
.mr25	{ margin-right:25px !important; }
.mr30	{ margin-right:30px !important; }
.mr40	{ margin-right:40px !important; }
.mr50	{ margin-right:50px !important; }
.mr100	{ margin-right:100px !important; }

.mb0	{ margin-bottom:0px !important; }
.mb3	{ margin-bottom:3px !important; }
.mb5	{ margin-bottom:5px !important; }
.mb10	{ margin-bottom:10px !important; }
.mb15	{ margin-bottom:15px !important; }
.mb20	{ margin-bottom:20px !important; }
.mb25	{ margin-bottom:25px !important; }
.mb30	{ margin-bottom:30px !important; }
.mb40	{ margin-bottom:40px !important; }
.mb50	{ margin-bottom:50px !important; }
.mb100	{ margin-bottom:100px !important; }

.ml0	{ margin-left:0px !important; }
.ml2	{ margin-left:2px !important; }
.ml5	{ margin-left:5px !important; }
.ml10	{ margin-left:10px !important; }
.ml15	{ margin-left:15px !important; }
.ml20	{ margin-left:20px !important; }
.ml25	{ margin-left:25px !important; }
.ml30	{ margin-left:30px !important; }
.ml40	{ margin-left:40px !important; }
.ml50	{ margin-left:50px !important; }
.ml100	{ margin-left:100px !important; }


/* ====================================
	FONT
===================================== */

/* defalt font-size */
.f9 { font-size: 62.5% !important; }
.f10 { font-size:77% !important; }
.f11 { font-size:85% !important; }
.f12 { font-size:93% !important; }
.f13 { font-size:100% !important; }
.f14 { font-size:108% !important; }
.f15 { font-size:116% !important; }
.f16 { font-size:123.1% !important; }
.f17 { font-size:131% !important; }
.f18 { font-size:138.5% !important; }
.f19 { font-size:146.5% !important; }
.f20 { font-size:153.9% !important; }
.f21 { font-size:161.6% !important; }
.f22 { font-size:167% !important; }
.f23 { font-size:174% !important; }
.f24 { font-size:182% !important; }
.f25 { font-size:189% !important; }
.f26 { font-size:197% !important; }


.B	{ font-weight:bold !important; }
.blue	{ color:#26a4e9 !important; }/*250708 #2c8ed2から#26a4e9へ変更*/
.gray	{ color:#aaa !important; }
.red	{ color:#e6002d !important; }
.black	{ color:#000000 !important; }
.white	{ color:#ffffff !important; }




/* --------------------- */

.max-80 {
	max-width: 80px;
}
.max-90 {
	max-width: 90px;
}
.max-100 {
	max-width: 100px !important;
}
.max-120 {
	max-width: 120px !important;
}
.max-150 {
	max-width: 150px !important;
}
.max-178 {
	max-width: 178px !important;
}
.max-200 {
	max-width: 200px !important;
}
.max-220 {
	max-width: 220px !important;
}
.max-250 {
	max-width: 250px !important;
}
.max-300 {
	max-width: 300px !important;
}
.max-370 {
	max-width: 370px !important;
}
.max-400 {
	max-width: 400px !important;
}
.max-418 {
	max-width: 418px !important;
}
.max-430 {
	max-width: 430px !important;
}
.max-450 {
	max-width: 450px !important;
}
.max-465 {
	max-width: 465px !important;
}
.max-470 {
	max-width: 470px !important;
}
.max-480 {
	max-width: 480px !important;
}
.max-500 {
	max-width: 500px !important;
}
.max-519 {
	max-width: 519px !important;
}
.max-520 {
	max-width: 520px !important;
}
.max-525 {
	max-width: 525px !important;
}
.max-550 {
	max-width: 550px !important;
}
.max-580 {
	max-width: 580px !important;
}
.max-600 {
	max-width: 600px !important;
}
.max-620 {
	max-width: 620px !important;
}
.max-630 {
	max-width: 630px !important;
}
.max-650 {
	max-width: 650px !important;
}
.max-700 {
	max-width: 700px !important;
}
.max-750 {
	max-width: 750px !important;
}
.max-800 {
	max-width: 800px !important;
}
.max-820 {
	max-width: 820px !important;
}
.max-850 {
	max-width: 850px !important;
}
.max-900 {
	max-width: 900px !important;
}
.max-950 {
	max-width: 950px !important;
}
.max-960 {
	max-width: 960px !important;
}
.max-1000 {
	max-width: 1000px !important;
}
.max-1080 {
	max-width: 1080px !important;
}
.max-1140 {
	max-width: 1140px !important;
}




.contents__dsp-top {
	background-color: #f5f5f5;
}


.youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}



.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 767px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}



/* -------------------------------------------------------------------------------------------------------
SP
------------------------------------------------------------------------------------------------------- */

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

    
    #contents__main--wrap {
        width: 100%;
        padding: 1.0em;
        box-sizing: border-box;
    }
    
	
	/* タイトル
	---------------------------------------------------------------------------------------------------- */
	h2.title {
		color: #716f63;
		font-size: 1.5rem;
		font-weight: 400;
		margin-bottom: 20px;
		line-height: 140%;
	}
	h3.title {
		/*color: #716f63;*/
		color: #716f63;
		font-size: 1.5rem;
		font-weight: 400;
	}
	.top-navi-section h2.title {
		font-size: 1.5rem;
	}
	.top-navi-section h2.title a {
		text-decoration: none;
		border-bottom: 1px solid #000;
	}
	.top-navi-section h2.title a:hover {
		opacity: 0.5;
	}
	
	#global__pagetitle--title .s {
		font-size: .9rem;
	}
	
	/* ニュース
	---------------------------------------------------------------------------------------------------- */
	#contents__news--wrap {}
	#contents__news--wrap * {
		box-sizing: border-box;
	}
	#contents__news--wrap {
		padding: 20px;
		box-sizing: border-box;
		background: #fff;
	}

	#contents__news--wrap .title {
		display: flex;
		padding-bottom: .6em;
		border-bottom: 1px solid #000;
		margin-bottom: 1.5em;
	}
	#contents__news--wrap .list-news {
		width: 100%;
		height: 380px;
		overflow-y: scroll;
		padding-right: 10px;
	}
	#contents__news--wrap .list-news dl {
		display: table;
		width: 100%;
	}
	#contents__news--wrap .list-news dl:not(:first-child) {
		margin-top: 1.25em;
		border-top: 1px dashed #a0a0a0;
		padding-top: 1.25em;
	}
	#contents__news--wrap .list-news dl dt {
		display: inline-block;
	}
	#contents__news--wrap .list-news dl dd {

	}
	#contents__news--wrap .list-news .icon {
		display: inline-block;
		margin-left: 1em;
		width: 6.5em;
	}
	#contents__news--wrap .list-news .icon span {
		display: inline-block;
		width: 6em;
		font-size: .9rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		background-color: #b3b2a4;
		padding: .4em .6em;
	}
	#contents__news--wrap .list-news .icon.orange span {
		background-color:#ed7d31;
	}
	#contents__news--wrap .list-news .text {
        margin-top: 10px;
	}
	.list-news::-webkit-scrollbar {
    width: 5px;
}
	.list-news::-webkit-scrollbar-track {
		border-radius: 10px;
		background: #f2f2f2;
	}
	.list-news::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background:#b3b2a4;
	}
	
	/* ソリューション
	---------------------------------------------------------------------------------------------------- */
	#contents__solution--wrap {
		background-color: #f5f5f5;
		padding-bottom: 0px;
	}
	#contents__solution--wrap .inner {
		width: 100%;
		padding: 0 15px 10px 15px;
		box-sizing: border-box;
	}
	#contents__solution--wrap .title {
		display: flex;
	}
	#contents__solution--wrap .title .list-btn {
		display: flex;
		margin-left: 2em;
		margin-top:  -8px;
	}
	#contents__solution--wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#contents__solution--wrap .title .list-btn li.pcDisNone {
		display: none !important;
	}
	#contents__solution--wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#contents__solution--wrap .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: 5px 5px 5px 20px;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .3em;
		text-decoration: none;
	}
	#contents__solution--wrap .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
    
    #contents__solution--wrap .list-pickup {
		display: flex;
		flex-wrap: wrap;
	}
	#contents__solution--wrap .list-pickup li {
		width: 100%;
        margin-bottom: 40px;
	}
	#contents__solution--wrap .list-pickup li .s_area {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: top;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 1.5em 1.5em 0;
		border-radius: 10px;
	}
	#contents__solution--wrap .list-pickup .ttl {
		font-size: 16px;
		line-height: 1.5;
		padding: 0.7em 0;
		font-weight: 700;
	}
	#contents__solution--wrap .list-pickup p.txt {
		font-size: 14px;
		line-height: 1.5;
	}
	
	/* 動画紹介
	---------------------------------------------------------------------------------------------------- */
	#contents__movie--wrap {
		padding-bottom: 0px;
	}
	#contents__movie--wrap .inner {
		width: 100%;
		padding: 0 15px 10px 15px;
		box-sizing: border-box;
	}
	#contents__movie--wrap .title {
		display: flex;
	}
	#contents__movie--wrap .title .list-btn {
		display: flex;
		margin-left: 2em;
		margin-top:  -8px;
	}
	#contents__movie--wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#contents__movie--wrap .title .list-btn li.pcDisNone {
		display: none !important;
	}
	#contents__movie--wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#contents__movie--wrap .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: 5px 5px 5px 20px;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .3em;
		text-decoration: none;
	}
	#contents__movie--wrap .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
    
    #contents__movie--wrap .list-pickup {
		display: flex;
		flex-wrap: wrap;
	}
	#contents__movie--wrap .list-pickup li {
		width: 100%;
        margin-bottom: 40px;
	}
	#contents__movie--wrap .list-pickup li a {
		text-decoration: none;
	}
	#contents__movie--wrap .list-pickup li a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	#contents__movie--wrap .list-pickup li .s_area {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: top;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 0;
	}
	#contents__movie--wrap .list-pickup .ttl {
		font-size: 15px;
		line-height: 1.5;
		padding: 0.5em 0;
		font-weight: 500;
		text-align: center;
		text-decoration: none;
	}
	


	
	
	/* 製品情報
	---------------------------------------------------------------------------------------------------- */
	#contents__products--wrap {
		padding-bottom: 0px;
	}
	#contents__products--wrap .inner {
		width: 100%;
		padding: 0 15px 10px 15px;
		box-sizing: border-box;
	}
	#contents__products--wrap .title {
		display: flex;
	}
	#contents__products--wrap .title .list-btn {
		display: flex;
		margin-left: 2em;
		margin-top:  -8px;
	}
	#contents__products--wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#contents__products--wrap .title .list-btn li.pcDisNone {
		display: none !important;
	}
	#contents__products--wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#contents__products--wrap .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: 5px 5px 5px 20px;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .3em;
		text-decoration: none;
	}
	#contents__products--wrap .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
    
    #contents__products--wrap .list-pickup {
		display: flex;
		flex-wrap: wrap;
	}
	#contents__products--wrap .list-pickup li {
		width: 100%;
        margin-bottom: 40px;
	}
	#contents__products--wrap .list-pickup li .s_area {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: top;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 1.5em 1.5em 0;
		border-radius: 10px;
	}
	#contents__products--wrap .list-pickup .ttl {
		font-size: 16px;
		line-height: 1.5;
		padding: 0.7em 0;
		font-weight: 700;
	}
	#contents__products--wrap .list-pickup p.txt {
		font-size: 14px;
		line-height: 1.5;
	}
	
	/* 詳しく見る ボタン
	---------------------------------------------------------------------------------------------------- */
	ul.btn-area {
		display:flex;
		flex-direction: column;
		box-sizing: border-box;
		width: 100%;
		margin-top: 1em;
	}
	ul.btn-area li {
		margin-top: 10px;
		font-size: 12px;
	}
	ul.btn-area li:last-child {
		margin-bottom: 0;
	}
	ul.btn-area li a:hover {
		opacity: 0.5;
	}
	ul.btn-area li.btn-detail {
		box-sizing: border-box;
		text-align: center;
		width: 100%;
		max-width: 254px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	a ul.btn-area li.btn-detail {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 8px;
		background: #716f63;
		border-radius: 3px;
	}
	ul.btn-area li.btn-detail-solo {
		box-sizing: border-box;
		text-align: center;
		width: 100%;
	}
	ul.btn-area li.btn-detail-solo a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 8px;
		background: #716f63;
		border-radius: 3px;
	}
	ul.btn-area li.btn-peripheral {
		box-sizing: border-box;
		text-align: center;
		width: 100%;
	}
	ul.btn-area li.btn-peripheral a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 8px;
		background: #716f63;
		border-radius: 3px;
	}

	/* フッター
	---------------------------------------------------------------------------------------------------- */

	#global__footer {
		/* width: 100%; */
		font-size: 11px;
		line-height: 1.2;
    }
	.common_contents__width {
		padding: 0 0 15px 0;
    }
	#global__footer #global__footer--common {
	padding: 0;
	}
	#global__footer #global__footer--common .lnikList {
		text-align: center;
	}
	#global__footer #global__footer--common .lnikList li {
		margin: 0;
	}
	#global__footer--common .footer_copyright{
		text-align: center;
    }

    #global__footer #global__footer--common .lnikList{
		/*letter-spacing: -0.4em; */
		/* margin-bottom: 2em; */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		color: #c3c2bb;
		border-bottom: solid 1px #535148;
		margin-bottom: 15px;
		padding-top: 15px;
		padding-bottom: 10px;
    }
    #global__footer #global__footer--common .lnikList li {
		/* letter-spacing: normal; */
		/* display: inline-block; */
		/* vertical-align: top; */
		margin-right: 0px;
		margin-bottom: 5px;
		padding: 0 0.5em;
		border-right: solid 1px #c3c2bb;
    }
    #global__footer #global__footer--common .lnikList li:last-child {
		border-right: none;
    }
	
	#global__footer--category .blank {
		padding-left: 25px;
		background-size: 16px 12px;
		background-position: 0% 5%;
	}


}


/* -------------------------------------------------------------------------------------------------------
PC
------------------------------------------------------------------------------------------------------- */

@media print, screen and (min-width: 768px) {
	
	#contents__main--wrap {
		width: 100%;
		max-width: 1200px;
		margin:  0 auto;
		padding: 50px 20px;
		box-sizing: border-box;
	}

	/* タイトル
	---------------------------------------------------------------------------------------------------- */
	h2.title {
		color: #716f63;
		font-size: 1.8rem;
		font-weight: 400;
		margin-bottom: 20px;
	}
	h3.title {
		/*color: #716f63;*/
		color: #716f63;
		font-size: 1.3rem;
		font-weight: 400;
	}
	.top-navi-section h2.title {
		font-size: 1.7rem;
	}
	.top-navi-section h2.title a {
		text-decoration: none;
		border-bottom: 1px solid #000;
	}
	.top-navi-section h2.title a:hover {
		opacity: 0.5;
	}
	#global__pagetitle--title .s {
		font-size: .9rem;
	}
	
	/* タブ
	---------------------------------------------------------------------------------------------------- */
	
	.top #global__tablinknavigation li a:hover {
		opacity: 0.5;
		transition: all 0.2s;
	}
	
	.contents-tab #global__tablinknavigation li a {
		background-color:#b3b2a4;
	}
	.contents-tab #global__tablinknavigation li a:hover {
		background-color:#b3b2a4;
		color:#d9d9d2;
	}
	.contents-tab #global__tablinknavigation li.select a {
		background-color:#716f63;
	}
	
	/* ニュース
	---------------------------------------------------------------------------------------------------- */
	#contents__news--wrap {}
	#contents__news--wrap * {
		box-sizing: border-box;
	}
	#contents__news--wrap {
		width: 100%;
		max-width: 1200px;
		margin:  0 auto;
		padding: 50px 20px;
		box-sizing: border-box;
	}

	#contents__news--wrap .title {
		display: flex;
		padding-bottom: .6em;
		border-bottom: 1px solid #000;
		margin-bottom: 1.5em;
	}
	#contents__news--wrap .list-news {
		width: 100%;
		height: 220px;/*220px以上になった場合、値を220pxにする*/
		overflow-y: scroll;
		padding-right: 10px;
	}
	#contents__news--wrap .list-news dl {
		display: table;
		width: 100%;
	}
	#contents__news--wrap .list-news dl:not(:first-child) {
		margin-top: 1.25em;
	}
	#contents__news--wrap .list-news dl dt {
		display: table-cell;
		width: 9em;
	}
	#contents__news--wrap .list-news dl dd {
		display: table-cell;
	}
	#contents__news--wrap .list-news .icon {
		width: 6.5em;
	}
	#contents__news--wrap .list-news .icon span {
		display: inline-block;
		width: 6em;
		font-size: .9rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		background-color: #b3b2a4;
		padding: .4em .6em;
	}
	#contents__news--wrap .list-news .icon.orange span {
		background-color:#ed7d31;
	}
	
	/*ネットワークカメラから移植*/
	#contents__news--wrap .list-news .icon.jyuyou span {
		background-color:#f42d2d;
	}
	#contents__news--wrap .list-news .icon.koushin span {
		background-color:#1739e5;
	}
	#contents__news--wrap .list-news .icon.oshirase span {
		background-color:#000;
	}
	#contents__news--wrap .list-news .icon.shinseihin span {
		background-color:#48a002;
	}
	/*ネットワークカメラから移植ここまで*/
	
	#contents__news--wrap .list-news .text {
	}
	
	.list-news::-webkit-scrollbar {
    width: 5px;
}
	.list-news::-webkit-scrollbar-track {
		border-radius: 10px;
		background: #f2f2f2;
	}
	.list-news::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background:#b3b2a4;
	}
	
	/* ソリューション
	---------------------------------------------------------------------------------------------------- */
	#contents__solution--wrap {
		background-color: #f5f5f5;
		padding-bottom: 60px;
	}
	#contents__solution--wrap .inner {
		width: 100%;
		max-width: 1200px;
		margin:  0 auto;
		padding: 0;
		box-sizing: border-box;
	}
	#contents__solution--wrap .title {
		display: flex;
	}
	#contents__solution--wrap .title .list-btn {
		display: flex;
		margin-left: 2em;
		margin-top:  -8px;
	}
	#contents__solution--wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#contents__solution--wrap .title .list-btn li.pcDisNone {
		display: none !important;
	}
	#contents__solution--wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#contents__solution--wrap .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: .55em 1em .55em 2.25em;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .3em;
		text-decoration: none;
		transition: 0.1s;
	}
	#contents__solution--wrap .title .list-btn li .btn:hover {
		background: #535353;
		color: #fff;
		transition: 0.1s;
	}
	#contents__solution--wrap .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.1s;
	}
	#contents__solution--wrap .title .list-btn li .btn:hover:before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.1s;
	}

	#contents__solution--wrap .list-pickup {
		display: flex;
		flex-wrap: wrap;
	}
	#contents__solution--wrap .list-pickup li {
		width : calc(50% - 5%);
	}
	#contents__solution--wrap .list-pickup li:nth-child(2n) {
		margin-left: 6%;
	}
	#contents__solution--wrap .list-pickup li:nth-child(n+3) {
		margin-top: 5%;
	}
	#contents__solution--wrap .list-pickup li .s_area {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: top;
		width: 100%;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 1.5em 1.5em 0;
		align-content: flex-start;
		border-radius: 10px;
	}
	#contents__solution--wrap .list-pickup .ttl {
		font-size: 21px;
		line-height: 1.5;
		padding: 0.7em 0;
		font-weight: 700;
		width: 100%;
	}
	#contents__solution--wrap .list-pickup p.txt {
		font-size: 14px;
		line-height: 1.5;
	}
	
	/* 動画紹介
	---------------------------------------------------------------------------------------------------- */
	#contents__movie--wrap {
		padding-bottom: 60px;
	}
	#contents__movie--wrap .inner {
		width: 100%;
		max-width: 1200px;
		margin:  0 auto;
		padding: 0;
		box-sizing: border-box;
	}
	#contents__movie--wrap .title {
		display: flex;
	}
	#contents__movie--wrap .title .list-btn {
		display: flex;
		margin-left: 2em;
		margin-top:  -8px;
	}
	#contents__movie--wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#contents__movie--wrap .title .list-btn li.pcDisNone {
		display: none !important;
	}
	#contents__movie--wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#contents__movie--wrap .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: .55em 1em .55em 2.25em;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .3em;
		text-decoration: none;
		transition: 0.1s;
	}
	#contents__movie--wrap .title .list-btn li .btn:hover {
		background: #535353;
		color: #fff;
		transition: 0.1s;
	}
	#contents__movie--wrap .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.1s;
	}
	#contents__movie--wrap .title .list-btn li .btn:hover:before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.1s;
	}

	#contents__movie--wrap .list-pickup {
		display: flex;
		flex-wrap: wrap;
	}
	#contents__movie--wrap .list-pickup li {
		width : calc(33.333% - 1.4%);
		margin-right: 2%;
	}
	#contents__movie--wrap .list-pickup li a {
		text-decoration: none;
	}
	#contents__movie--wrap .list-pickup li a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	#contents__movie--wrap .list-pickup li:nth-child(3n){
		margin-right: 0;
	}
	#contents__movie--wrap .list-pickup li:nth-child(n+4) {
		margin-top: 4%;
	}
	#contents__movie--wrap .list-pickup li .s_area {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: top;
		width: 100%;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 0;
		align-content: flex-start;
	}
	#contents__movie--wrap .list-pickup .ttl {
		font-size: 15px;
		line-height: 1.5;
		padding: 0.5em 0;
		font-weight: 500;
		text-align: center;
		text-decoration: none;
	}
	

	
	/* 製品情報
	---------------------------------------------------------------------------------------------------- */
	#contents__products--wrap {
		padding-bottom: 60px;
	}
	#contents__products--wrap .inner {
		width: 100%;
		max-width: 1200px;
		margin:  0 auto;
		padding: 0;
		box-sizing: border-box;
	}
	#contents__products--wrap .title {
		display: flex;
	}
	#contents__products--wrap .title .list-btn {
		display: flex;
		margin-left: 2em;
		margin-top:  -8px;
	}
	#contents__products--wrap .title .list-btn li {
		display: flex;
		align-items: center;
	}
	#contents__products--wrap .title .list-btn li.pcDisNone {
		display: none !important;
	}
	#contents__products--wrap .title .list-btn li:not(:first-child) {
		margin-left: .75em;
	}
	#contents__products--wrap .title .list-btn li .btn {
		position: relative;
		display: inline-block;
		padding: .55em 1em .55em 2.25em;
		font-size: .9rem;
		line-height: 1;
		background: #fff;
		color: #535353;
		border: solid 1px #535353;
		border-radius: .3em;
		text-decoration: none;
		transition: 0.1s;
	}
	#contents__products--wrap .title .list-btn li .btn:hover {
		background: #535353;
		color: #fff;
		transition: 0.1s;
	}
	#contents__products--wrap .title .list-btn li .btn::before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #535353;
		border-right: solid 2px #535353;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.1s;
	}
	#contents__products--wrap .title .list-btn li .btn:hover:before {
		position: absolute;
		content: '';
		top: 50%;
		left: 10px;
		margin-top: -4px;
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.1s;
	}

	#contents__products--wrap .list-pickup {
		display: flex;
		flex-wrap: wrap;
	}
	#contents__products--wrap .list-pickup li {
		width : calc(50% - 5%);
	}
	#contents__products--wrap .list-pickup li:nth-child(2n) {
		margin-left: 6%;
	}
	#contents__products--wrap .list-pickup li:nth-child(n+3) {
		margin-top: 5%;
	}
	#contents__products--wrap .list-pickup li .s_area {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-items: top;
		width: 100%;
		height: 100%;
		text-decoration: none;
		background-color: #fff;
		padding: 1.5em 1.5em 0;
		align-content: flex-start;
		border-radius: 10px;
	}
	#contents__products--wrap .list-pickup .ttl {
		font-size: 16px;
		line-height: 1.5;
		padding: 0.7em 0;
		font-weight: 700;
	}
	#contents__products--wrap .list-pickup p.txt {
		font-size: 14px;
		line-height: 1.5;
	}
	
	/* 詳しく見る ボタン
	---------------------------------------------------------------------------------------------------- */
	ul.btn-area {
		display:flex;
		flex-direction: row;
		box-sizing: border-box;
		width: 254px;
		margin: 1em 0 1.2em;
		padding-bottom: 45px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	ul.btn-area li {
	margin-left: auto;
	margin-right: auto;
	}
	ul.btn-area li a:hover {
		opacity: 0.5;
	}
	ul.btn-area li.btn-detail {
		box-sizing: border-box;
		text-align: center;
		width: 254px;
		position: absolute;
		bottom: 30px;
	}
	a ul.btn-area li.btn-detail {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 8px;
		background: #716f63;
		border-radius: 3px;
		margin-left: auto;
		margin-right: auto;
	}
	ul.btn-area li.btn-detail-solo {
		box-sizing: border-box;
		text-align: center;
		width: 100%;
	}
	ul.btn-area li.btn-detail-solo a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 8px;
		background: #716f63;
		border-radius: 3px;
	}
	ul.btn-area li.btn-peripheral {
		box-sizing: border-box;
		text-align: center;
		width: 50%;
	}
	ul.btn-area li.btn-peripheral a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 8px;
		background: #716f63;
		border-radius: 3px;
	}
	
	
	/* 2段目タブ タブメニュー */	
	.tabMenu--wrap {
		background: #716f63;
		width: 100%;	
	}
	.tabMenu--wrap .tabMenu {
		color: #fff;
		width: 100%;
		max-width: 1200px;
		margin:  0 auto;
		padding: 0px 20px;
		box-sizing: border-box;
		letter-spacing: -0.4em;
		text-align: center;
	}
	
	.tabMenu--wrap .tabMenu > li {
		letter-spacing: normal;
		display: inline-block;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		overflow: hidden;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
	}
	.tabMenu--wrap .division09 > li { width: 10%; padding:20px 0}
	.tabMenu--wrap .division10 > li { width: 13%; padding:5px 0}
	.tabMenu--wrap .division11 > li { width: 16%; padding:5px 0}
	.tabMenu--wrap .division12 > li { width: calc(100% / 12.01);}	
	.tabMenu--wrap .tabMenu > li.active {
		background-color: #fff;
		border-radius: 3px 3px 0 0;
	}
	
	.tabMenu--wrap .tabMenu.bg-gray > li.active {
		background-color: #f5f5f5;
	}
	
	.tabMenu--wrap .tabMenu > li a {
		display: block;
		height: 100%;
		background-image: none;
		text-decoration:none;
	}
	.tabMenu--wrap .tabMenu > li p {
    display: flex;
	height: 50px;
	width: 100%;
    justify-content: center;
    align-items: center;
	line-height: 110%;
	color: #fff;
	text-indent: 0;
	}
	.tabMenu--wrap .tabMenu > li.active p {
	color: #000;
	}
	.tabMenu--wrap .tabMenu > li:not(.active) {
		transition: 0.2s;
	}
	.tabMenu--wrap .tabMenu > li:not(.active):hover {
		transition: 0.2s;
		background-color: #b3b2a4;
		border-radius: 3px 3px 0 0;
	}
}