@charset "UTF-8";
/* ---------------------------------------
    カタログダウンロード
-----------------------------------------*/
/* header
--------------------------------*/
#header {
	background-color: #FFF8F6;
}
#header .header_wrap {
	border-bottom: 1px solid #D0CDCC;
}
#header:not(.navOpen) .header_wrap .logo a {
	background: url(../img/common/logo_black.png) no-repeat center/contain;
}
#header:not(.navOpen) .header_wrap .logo a img {
	opacity: 0;
}
#header .nav_wrap * {
	color: #181414 !important;
}
#header .nav_wrap a span.txt {
	background-image: linear-gradient(90deg, #181414, #181414);
}
#header .nav_wrap .utility .links_list li .ico svg path,
#header .nav_wrap .utility .sub .search:not(.is-open) .search_btn .ico svg rect {
	fill: #181414;
}
#header .nav_wrap .utility .sub .lang .lang_btn .ico svg path,
#header .nav_wrap .utility .sub .search:not(.is-open) .search_btn .ico svg path {
	stroke: #181414;
}
#header .nav_wrap .utility .sub .lang .lang_btn .txt,
#header .nav_wrap .utility .sub .search .search_input,
#header .nav_wrap .utility .sub .search.is-open .search_btn {
	border-color: #181414;
}

/* password
--------------------------------*/
#password {
	padding: 8rem 0;
}
#password p {
	text-align: center;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	#password p {
		letter-spacing: 0.02em;
	}
}
#password p + p {
	margin-top: 3rem;
}
#password input[type=password] {
	width: 12em;
	font-size: 1.4rem;
	line-height: 1.8571428571;
	letter-spacing: 0.15em;
	padding: 1rem 2rem;
	border: 1px solid #7A7875;
	background-color: #FFF8F6;
}
@media screen and (max-width: 767px) {
	#password input[type=password] {
		padding: 1rem 1.6rem;
	}
}
#password input[type=password]::placeholder {
	color: rgba(122, 120, 117, 0.4);
	font-size: 1.2rem;
	letter-spacing: 0.15em;
}
#password input[type=submit] {
	width: 8rem;
	color: #FFF8F6;
	font-size: 1.4rem;
	line-height: 1.8571428571;
	letter-spacing: 0.15em;
	padding: 1rem 2rem;
	border: 1px solid #181414;
	background-color: #181414;
	cursor: pointer;
	transition: 0.3s ease-out;
	margin-left: 1.5rem;
}
@media screen and (min-width: 768px) {
	#password input[type=submit] {
		transition: opacity 0.3s ease-out;
		cursor: pointer;
	}
	#password input[type=submit]:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 767px) {
	#password input[type=submit] {
		padding: 1rem 1.6rem;
		margin-left: 1rem;
	}
}

/* common
--------------------------------*/
.contents_wrap {
	padding-bottom: 12rem;
}
@media screen and (max-width: 767px) {
	.contents_wrap {
		padding-bottom: 9.6rem;
	}
}
.contents_wrap .contents {
	width: 80rem;
	margin-left: auto;
}
@media screen and (max-width: 767px) {
	.contents_wrap .contents {
		width: 100%;
	}
}

/* sec_catalog
--------------------------------*/
#sec_catalog .catalog_list .btn + .btn {
	margin-top: 4rem;
}
@media screen and (max-width: 767px) {
	#sec_catalog .catalog_list .btn + .btn {
		margin-top: 1.6rem;
	}
}
#sec_catalog .catalog_list .btn a {
	min-width: inherit;
	width: 100%;
	min-height: 12.4rem;
	background-color: #FFF8F6;
}
@media screen and (max-width: 767px) {
	#sec_catalog .catalog_list .btn a {
		min-height: 10.8rem;
	}
}
@media screen and (max-width: 767px) {
	#sec_catalog .catalog_list .btn a .btn_txt {
		font-size: 1.6rem;
		line-height: 1.375;
	}
}
#sec_catalog .catalog_list .btn a .btn_txt > span {
	padding-right: 4.1rem;
}
#sec_catalog .catalog_list .btn a .btn_txt > span::after {
	content: "";
	display: inline-block;
	width: 2.5rem;
	height: 1.3rem;
	background: #181414 url(../img/common/ico_pdf.svg) no-repeat 0.3rem center/2rem auto;
	position: absolute;
	right: 0;
	top: calc(50% - 0.8rem);
}