@charset "UTF-8";
/* --------------------------------------------------
**
** keyVisual
**
** -------------------------------------------------- */
.bgTitleAreaType1.keyVisual {
	height: 385px;
	background: #0A0A0A url(/products/assem/images/bg-kv-assem-02.jpg) no-repeat top right;
	margin-bottom: 0px;
}
.bgTitleAreaType1.keyVisual h1 {
	margin-top: 65px;
	font-size: 420%;
	font-weight: normal;
	color: #FFf;
}
.bgTitleAreaType1.keyVisual p.normal {
	margin-bottom: 40px;
	color: #FFF;
}
.bgTitleAreaType1.keyVisual ul.btns {
	display: inline-block;
	vertical-align: top;
}
.bgTitleAreaType1.keyVisual dl.telBlock {
	display: inline-block;
	vertical-align: top;
}
.bgTitleAreaType1.keyVisual dl.telBlock dt {
	line-height: 1.5;
	font-size: 130%;
	color: #FFF;
}
.bgTitleAreaType1.keyVisual dl.telBlock dd.tel {
	padding-left: 30px;
	background: url(/products/assem/images/bg-icon-tel-01.png) no-repeat 0 50%;
	line-height: 1.5;
	font-size: 240%;
	font-weight: bold;
	color: #EF7B46;
}
.bgTitleAreaType1.keyVisual dl.telBlock dd {
	line-height: 1.5;
	font-size: 110%;
	color: #CCC;
}

/* --------------------------------------------------
**
** bnrArea
**
** -------------------------------------------------- */
.bnrArea {
	padding-top: 8px;
	border-bottom: 1px solid #C9C9C9;
}
.bnrArea .bnr {
	overflow: hidden;
	margin: 0 30px 0 22px;
}
.bnrArea .bnr li {
	float: left;
	margin: 0 0 8px 8px;
}
.bnrArea .bnr li a:hover img {
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
/* --------------------------------------------------
**
** lineupArea
**
** -------------------------------------------------- */
.lineupArea h2 {
	font-size: 320%;
}
.lineupArea h2.tileTtl {
	font-size: 280%;
}

.lineupArea .imgText figure {
	margin: 0;
}
.lineupArea ul.itemLinks {
	margin: 16px 0 30px;
}
.lineupArea ul.itemLinks > li {
	font-size: 16px;
}
.lineupArea .tagIcon {
	margin-bottom: 20px;
}
.lineupArea .tagIcon li {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 5px;
	vertical-align: middle;
	font-size: 12px;
	color: #FFF;
}
.lineupArea .tagIcon .kinzoku { 
	background-color: #f4b084;
	color: #000000;
}
.lineupArea .tagIcon .handa { 
	background-color: #fad6be;
	color: #000000;
}
.lineupArea .tagIcon .zyushi { background-color: #ad4f0f; }
.lineupArea .tagIcon .kimitsu { background-color: #ef7b46; }
.lineupArea .tagIcon .sonota { background-color: #808080; }

/* --------------------------------------------------
**
** productSearchArea
**
** -------------------------------------------------- */
.productSearchArea { padding-bottom: 30px; }
.productSearchArea h2 {
	margin-bottom: 30px;
	font-size: 320%;
	text-align: center;
}
.productSearchArea .columnAreaType2 { padding: 0 21px; }
.productSearchArea .columnAreaType2 .col2of4 {
	width: 54.04%;
	width: -webkit-calc(50% + 42px);
	width: calc(50% + 42px);
	margin: 0 -21px;
}
.productSearchArea .columnAreaType2 .col2of4 .colIn.category {
	min-height: 200px;
	background: #F2F4F5 url(/products/assem/images/bg-btn-category-01.jpg) no-repeat 100% 0;
}
.productSearchArea .columnAreaType2 .col2of4 .colIn.use {
	min-height: 200px;
	background: #F2F4F5 url(/products/assem/images/bg-btn-use-01.jpg) no-repeat 100% 0;
}
.productSearchArea .columnAreaType2 .col2of4 .colIn .txtBlock {
	display: table-cell;
	height: 140px;
	vertical-align: middle;
}
.productSearchArea .columnAreaType2 .col2of4 .colIn .txtBlock .ttl { margin-bottom: 0; }
/* --------------------------------------------------
**
** appArea
**
** -------------------------------------------------- */
.appArea h2 {
	text-align: center;
	font-size: 320%;
}
.appArea p.normal { margin-bottom: 10px; }
.appArea .columnAreaType2 { padding: 0 21px; }
.appArea .columnAreaType2 .col2of4 {
	width: 54.04%;
	width: -webkit-calc(50% + 42px);
	width: calc(50% + 42px);
	margin: 0 -21px;
}
.appArea .columnAreaType2 .col2of4 .colIn { margin: 0 30px 18px; }
.appArea .columnAreaType2 .col2of4 .colIn.sealing {
	min-height: 200px;
	background: url(/products/assem/images/bg-btn-sealing-01.jpg) no-repeat 100% 0;
}
.appArea .columnAreaType2 .col2of4 .colIn.lamination {
	min-height: 200px;
	background: url(/products/assem/images/bg-btn-lamination-01.jpg) no-repeat 100% 0;
}
.appArea .columnAreaType2 .col2of4 .colIn .txtBlock {
	display: table-cell;
	height: 140px;
	vertical-align: middle;
}
.appArea .columnAreaType2 .col2of4 .colIn .txtBlock .ttl { margin-bottom: 0; }
.appArea .columnAreaType2 .col2of4 .colIn.sealing .txtBlock .ttl { color: #FFF; }
.appArea .columnAreaType2 .col2of4 .colIn.sealing .txtBlock .ttl:after { background-position: -36px -8px; }
.appArea .btns.asBtnType2 { margin: 0 0 -10px 12px; }
.appArea .btns.asBtnType2 li {
	float: left;
	display: block;
	margin: 0 0 40px 18px;
}
.appArea .btns.asBtnType2 li a {
	width: 501px;
	font-size: 200%;
}
/* --------------------------------------------------
**
** experimentArea
**
** -------------------------------------------------- */
.experimentArea .columnAreaType2 { padding: 0 21px; }
.experimentArea .columnAreaType2 .col2of4 {
	width: 54.04%;
	width: -webkit-calc(50% + 42px);
	width: calc(50% + 42px);
	margin: 0 -21px;
}
.experimentArea .columnAreaType2 .col2of4 .colIn {
	margin: 0 30px 18px;
	box-shadow: none;
}
.experimentArea .columnAreaType2 .col2of4 .colIn.sample {
	min-height: 200px;
	background: #FFF url(/products/assem/images/bg-btn-sample-01.png) no-repeat 100% 0;
}
.experimentArea .columnAreaType2 .col2of4 .colIn .txtBlock {
	display: table-cell;
	height: 140px;
	vertical-align: middle;
}
.experimentArea h2 {
	text-align: center;
	font-size: 320%;
}

.experimentArea .btns.asBtnType2 { margin: 0 0 -20px 30px; }
.experimentArea .btns.asBtnType2 li {
	float: left;
	display: block;
	margin: 0 0 40px 18px;
}
.experimentArea .btns.asBtnType2 li a {
	width: 501px;
	font-size: 200%;
}
.experimentArea .btns { margin: 0 12px 30px 30px; }
.experimentArea .btns li { margin: 0 0 10px 18px; }
.experimentArea .btns li .btn.higher {
	width: 391px;
	padding: 26px 27px 26px 79px;
	border-radius: 0;
	font-size: 200%;
}

.experimentArea .btns li .btn.higher:hover,
body.assem .experimentArea .btns li .btn.higher:hover {
	background-color: #EF7B46;
	color: #FFF;
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
.experimentArea .btns li .btn.higher:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 38px;
	height: 39px;
	margin-top: -19px;
	background: url(/products/assem/images/bg-icon-guide-01.png) no-repeat 0 0;
}
.experimentArea .btns li .btn.higher:hover:after,
body.assem .experimentArea .btns li .btn.higher:hover:after { background-position: -36px 0; }

/* --------------------------------------------------
**
** infoArea
**
** -------------------------------------------------- */
.infoArea h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 320%;
}
/* --------------------------------------------------
**
** principleArea
**
** -------------------------------------------------- */
.principleArea h2 {
	margin-bottom: 30px;
	    font-size: 320%;
}
.principleArea .columnAreaType2 { padding: 0 21px; }
.principleArea .columnAreaType2 .col2of4 {
	width: 54.04%;
	width: -webkit-calc(50% + 42px);
	width: calc(50% + 42px);
	margin: 0 -21px;
}
.principleArea .columnAreaType2 .col2of4 .colIn {
	margin: 0 30px 18px;
	box-shadow: none;
}
.principleArea .columnAreaType2 .col2of4 .colIn.principle {
	min-height: 200px;
	background: #FFF url(/products/assem/images/bg-btn-principle-01.jpg) no-repeat 100% 0;
}
.principleArea .columnAreaType2 .col2of4 .colIn.lineup {
	min-height: 200px;
	background: #FFF url(/products/assem/images/bg-btn-lineup-01.jpg) no-repeat 100% 0;
}
.principleArea .columnAreaType2 .col2of4 .colIn .txtBlock {
	display: table-cell;
	height: 140px;
	vertical-align: middle;
}
.principleArea .btns { margin: 0 12px 30px 30px; }
.principleArea .btns li { margin-right: 18px; }
.principleArea .btns li .btn.download {
	width: 391px;
	padding: 26px 27px 26px 79px;
	border-radius: 0;
	font-size: 200%;
}
.principleArea .btns li .btn.download:hover {
	background-color: #6D6D6D;
	color: #FFF;
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
.principleArea .btns li .btn.download:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 40px;
	height: 31px;
	margin-top: -15px;
	background: url(/products/assem/images/bg-icon-catalogs-01.png) no-repeat 0 0;
}
.principleArea .btns li .btn.download:hover:after { background-position: -36px 0; }
.principleArea .btns li .btn.higher {
	width: 391px;
	padding: 26px 27px 26px 79px;
	border-radius: 0;
	font-size: 200%;
}
.principleArea .btns li .btn.higher:hover,
body.assem .principleArea .btns li .btn.higher:hover {
	background-color: #EF7B46;
	color: #FFF;
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
.principleArea .btns li .btn.higher:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 38px;
	height: 39px;
	margin-top: -19px;
	background: url(/products/assem/images/bg-icon-guide-01.png) no-repeat 0 0;
}
.principleArea .btns li .btn.higher:hover:after,
body.assem .principleArea .btns li .btn.higher:hover:after { background-position: -36px 0; }
/* --------------------------------------------------
**
** userArea
**
** -------------------------------------------------- */

.userArea {
	margin-bottom: 50px;
}
.userArea h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 320%;
}
.userArea .btns.asBtnType2 { margin: 0 0 -10px 12px; }
.userArea .btns.asBtnType2 li {
	float: left;
	display: block;
	margin: 0 0 10px 18px;
}
.userArea .btns.asBtnType2 li a {
	width: 501px;
	font-size: 200%;
}

/* --------------------------------------------------
**
** investigateArea
**
** -------------------------------------------------- */
.investigateArea .columnAreaType2 {
	padding: 0 21px;
}
.investigateArea .columnAreaType2 .col1of3 {
	width: calc(33.33% + 42px);
	margin: 0 -21px;
}
.investigateArea .columnAreaType2 .colIn.introduction {
	min-height: 200px;
	background-image: url("/products/assem/images/bg-btn-rd-01.png");
	background-repeat: no-repeat;
	background-color: inherit;
	background-size: cover;
	background-position: center;
}
.investigateArea .columnAreaType2 .colIn.principle {
	min-height: 200px;
	background-image: url("/products/assem/images/bg-btn-rd-02.png");
	background-repeat: no-repeat;
	background-color: inherit;
	padding-bottom: 20px;
	background-size: cover;
	background-position: center;
}
.investigateArea .columnAreaType2 .colIn.download {
	min-height: 200px;
	background-image: url("/products/assem/images/bg-btn-rd-03.png");
	background-repeat: no-repeat;
	background-color: inherit;
	padding-bottom: 20px;
	background-size: cover;
	background-position: center;
}
/* --------------------------------------------------
**
** supportArea
**
** -------------------------------------------------- */
.supportArea .columnAreaType2 .col1of3 {
	width: calc(33.33% + 42px);
	margin: 0 -21px;
}
.supportArea .columnAreaType2 .colIn {
	background: #FFF;
}
.supportArea .columnAreaType2 .colIn .txtBlock {
	display: table-cell;
	height: 130px;
	vertical-align: middle;
}

@media screen and (max-width:750px) {
	.lineupArea img {
		height: auto !important;
		width: auto;
	}
	.bgTitleAreaType1.keyVisual {
		height: 100vh;
		max-height: 700px;
		background: #0A0A0A url(/products/assem/images/bg-kv-assem-02-sp.png) no-repeat bottom center;
        background-size: cover;
	}
	.bgTitleAreaType1.keyVisual h1 {
		margin-top: 0;
		font-size: 380%;
	}
	.bgTitleAreaType1.keyVisual p.normal {
		font-size: 200%;
		margin-bottom: 10px !important;
	}
	.bgTitleAreaType1.keyVisual ul.btns {
		display: block;
		& li {
			margin-top: 0;
		}
	}
	body.assem .btns li .btn.higher {
		font-size: 200%;
	}

	.bnrArea .bnr {
		margin: 0;
	}
	.bnrArea .bnr li {
		margin: 0 0 8px;
	}

	.investigateArea .columnAreaType2 {
		padding: 0;
	}
	.investigateArea .columnAreaType2 .col1of3 {
		margin: 10px 0;
		width: auto;
	}
	.investigateArea .columnAreaType2 .colIn {
		margin: 0;
		padding: 50%;
	}

	#content .boxType2 .rowBtm {
		width: auto;
		display: flex;
		flex-direction: column;
		border: none;
		padding: 0;
	}
	#content .row.enclose.column {
		flex-direction: column;
	}
	#content .row.enclose.column .col2of4 {
		width: auto;
	}
	#content .asBtnType3 {
		margin: 0 20px;
	}
	#content .boxType2 {
		margin: 0;
		padding: 20px;
		position: relative;
	}
	#content p.normal.fz16 {
		margin: 0 !important;
		padding-left: 59px;
		height: 54px;
		display: inline-flex;
		align-items: center;
	}

	#content .boxType2 .rowBtm .col .tel {
		position: absolute;
		top: 20px;
	}
	#content .boxType2 .rowBtm .col {
		padding: 0;
		display: block;
	}
	#content .boxType2 .rowBtm .col:not(:last-child) {
		margin-bottom: 10px;
	}
	#content .boxType2 .rowBtm .col .branch {
		border: none;
		padding: 0;
	}
	#content .normal.txtAC {
		text-align: left !important;
		margin-bottom: 0 !important;
	}

	.supportArea .columnAreaType2 .col1of3 {
		width: auto;
	}
	.supportArea .columnAreaType2 .colIn {
		height: auto !important;
		min-height: auto;
	}
	.supportArea .columnAreaType2 .colIn .txtBlock {
		height: auto;
		display: block;
		width: auto;
	}
}