@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: normal;
	src: url("../font/YakuHanJP-Regular.woff2") format("woff2"), url("../font/YakuHanJP-Regular.woff") format("woff");
}

@font-face {
	font-family: "YakuHanJP";
	font-style: normal;
	font-weight: bold;
	src: url("../font/YakuHanJP-Bold.woff2") format("woff2"), url("../font/YakuHanJP-Bold.woff") format("woff");
}

html,
body {
	font-size: 92.8%;
	line-height: 1.15;
}

body {
	color: rgb(62, 57, 57);
	background: rgb(216, 216, 211);
	padding-top: 0;
	font-family: 'YakuHanJP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.font-serif {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

@media all and (-ms-high-contrast:none) {
	body {
		font-weight: 500;
	}
}

@media (max-width: 575.98px) {
	.container {
		padding: 0 15px !important;
	}

	main .container {
		padding: 0 !important;
	}
}

@media (min-width: 576px) {

	.container,
	.container-sm {
		max-width: 100%;
	}
}

@media (min-width: 768px) {

	.container,
	.container-sm,
	.container-md {
		max-width: 1010px;
	}
}

@media (min-width: 1200px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1000px;
	}
}

.bg-color {
	background-color: #EAEEF5;
}

section {
	padding: 60px 0;
}

@media (max-width: 575.98px) {
	section {
		padding: 40px 0;
	}
}

/* link */
area {
	border: none;
	outline: none;
}

a {
	color: #1D5C86;
}

a:hover {
	color: #222;
	text-decoration: none;
}

*:focus {
	outline: none !important;
}

main a.underline {
	position: relative;
	color: #1D5C86;
}

main a.underline::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #1D5C86;
}

main a.underline:hover {
	text-decoration: none;
	color: #222;
}

main a.underline:hover::after {
	background: #222;
}

main a.link-arrow {
	padding-right: 15px;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2213%22%20viewBox%3D%220%200%207%2013%22%3E%3Cg%20transform%3D%22translate(-26.312%20-14.293)%22%3E%3Cpath%20d%3D%22M33.312%2C20.533l-6.422-6.24-.557.519%2C6.089%2C5.981-6.11%2C5.981.581.519%2C6.419-6.24Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%231d5c86%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

main a.link-arrow:hover {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2213%22%20viewBox%3D%220%200%207%2013%22%3E%3Cg%20transform%3D%22translate(-26.312%20-14.293)%22%3E%3Cpath%20d%3D%22M33.312%2C20.533l-6.422-6.24-.557.519%2C6.089%2C5.981-6.11%2C5.981.581.519%2C6.419-6.24Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

main a.link-arrow::after {
	width: calc(100% - 15px);
}

main a.link-blank {
	padding-right: 15px;
	background-position: right 5px;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%3E%3Cg%20transform%3D%22translate(-332%20-8517)%22%3E%3Cg%20transform%3D%22translate(332%208517)%22%20fill%3D%22none%22%20stroke%3D%22%231d5c86%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%3Crect%20width%3D%2210%22%20height%3D%228%22%20stroke%3D%22none%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%229%22%20height%3D%227%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cline%20x2%3D%2210%22%20transform%3D%22translate(332%208518.279)%22%20fill%3D%22none%22%20stroke%3D%22%231d5c86%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

main a.link-arrow:hover {
	background-image: background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%3E%3Cg%20transform%3D%22translate(-332%20-8517)%22%3E%3Cg%20transform%3D%22translate(332%208517)%22%20fill%3D%22none%22%20stroke%3D%22%23222%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%3E%3Crect%20width%3D%2210%22%20height%3D%228%22%20stroke%3D%22none%22%2F%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%229%22%20height%3D%227%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cline%20x2%3D%2210%22%20transform%3D%22translate(332%208518.279)%22%20fill%3D%22none%22%20stroke%3D%22%23222%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

main a.link-blank::after {
	width: calc(100% - 15px);
}

/* font */
h1,
.h1,
h2,
.h2,
h3,
h4 {
	margin-bottom: 0;
	font-weight: 700;
}

p {
	text-align: justify;
	margin-bottom: 0;
}

@media (max-width: 575.98px) {
	p {
		font-size: 97% !important;
	}
}

/* list */
ol,
ul,
dl {
	margin-bottom: 0;
}

ul {
	padding-left: 0;
}

.border {
	border-color: #ccc !important;
}

hr {
	border-color: #707070;
}

b,
strong {
	font-weight: bold;
}

/* table */
.table {
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	color: #222;
}

.table th,
.table td {
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.table th {
	background-color: #EAEEF5;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 575.98px) {

	.table th,
	.table td {
		width: 100%;
		display: block;
	}
}

/* list */
.list {
	display: flex;
	flex-wrap: wrap;
}

.list dt {
	width: 20%;
	padding: 8px 0;
}

.list dd {
	padding: 8px 0;
	margin: 0;
	width: 80%;
}

@media (max-width: 1011.98px) {
	.list {
		flex-flow: column nowrap;
	}

	.list dt,
	.list dd {
		width: 100%;
	}

	.list dt {
		padding-bottom: 0;
	}

	.list dd {
		padding-top: 0;
	}
}

/* list-border */
.list-border {
	border-bottom: 1px solid #ccc;
}

.list-border dt {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}

.list-border dd {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}

@media (max-width: 1011.98px) {
	.list-border dd {
		border-top: none;
	}

	.list-border dt {
		padding-bottom: 0;
	}

	.list-border dd {
		padding-top: 0;
	}
}

/* hiraku custum sidemenu */
.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed {
	margin-left: -184px;
}

.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed {
	margin-left: 184px;
}

.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar-left {
	margin-left: -184px;
}

.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar-right {
	margin-right: 184px;
}

.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar {
	width: 184px;
}

.js-hiraku-offcanvas-body-left {
	left: 184px;
}

.js-hiraku-offcanvas-body-right {
	right: 184px;
}

.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {
	background-color: #343B3C;
	overflow-y: auto;
}

.offcanvas-left ul {
	padding-top: 40px;
}

.offcanvas-left ul li:first-child {
	border-top: 1px solid #fff;
}

.offcanvas-left ul li a {
	padding: 10px;
	line-height: 1.3;
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* hiraku custum btn */
.hiraku-open-btn {
	position: absolute;
	top: 8px;
	left: 7px;
	z-index: 10;
	border: none;
}

.hiraku-open-btn-line {
	background-color: #222;
	width: 30px;
}

.hiraku-open-btn-line:after,
.hiraku-open-btn-line:before {
	background-color: #222;
}

.hiraku-open-btn-line:before {
	top: -7px;
}

.hiraku-open-btn-line:after {
	bottom: -7px;
}

[aria-expanded=true] .hiraku-open-btn-line:after,
[aria-expanded=true] .hiraku-open-btn-line:before {
	width: 30px;
}

[aria-expanded=true] .hiraku-open-btn-line:before {
	-ms-transform: translate(-2px, 7px) rotate(45deg);
	transform: translate(-2px, 7px) rotate(45deg);
}

[aria-expanded=true] .hiraku-open-btn-line:after {
	-ms-transform: translate(-2px, -7px) rotate(-45deg);
	transform: translate(-2px, -7px) rotate(-45deg);
}

@media (min-width: 1012px) {

	.hiraku-open-btn,
	.js-hiraku-offcanvas,
	.js-hiraku-offcanvas-sidebar {
		display: none;
	}
}

/* END hiraku custum */

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.nav-scroller .nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	color: rgba(255, 255, 255, .75);
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .875rem;
	color: #6c757d;
}

.nav-underline .nav-link:hover {
	color: #007bff;
}

.nav-underline .active {
	font-weight: 500;
	color: #343a40;
}

.text-white-50 {
	color: rgba(255, 255, 255, .5);
}

.bg-purple {
	background-color: #6f42c1;
}

.lh-100 {
	line-height: 1;
}

.lh-125 {
	line-height: 1.25;
}

.lh-150 {
	line-height: 1.5;
}

/** Header **/
.navbar {
	background: #fff;
}

.navbar .hdWrap {
	padding-bottom: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: 90px;
}

.navbar .hdWrap .hditemleft {
	display: flex;
	flex-direction: row;
}

.navbar .hdWrap .hditemright {
	display: flex;
	flex-direction: row-reverse;
}

.navbar .hdWrap .hditemleft .logo {
	margin: 18px 18px 0 0;
}

.navbar .hdWrap .hditemleft .logo a {
	display: block;
	width: 160px;
	height: 57px;
	text-indent: -9999px;
	outline: none;
	background: url(../../img/logo.gif) 0 0 no-repeat;
}

.navbar .hdWrap .hditemleft .catch-phrase {
	font-size: 100% !important;
	margin: 39px 0 0 0;
	line-height: 1.0;
}

.navbar .hdWrap .hditemleft .catch-phrase strong {
	display: block;
	padding: 0 0 6px 0;
	font-size: 123.1% !important;
}

.navbar .hdWrap .hditemright .tel {
	margin: 22px 0 0 0;
}

.navbar .hdWrap .hditemright .english {
	margin: 37px 20px 0 0;
}

@media (max-width: 1011.98px) {
	.navbar .hdWrap {
		justify-content: center;
	}

	.navbar .hdWrap .hditemright {
		display: none;
	}
}

@media (max-width: 699.98px) {
	.navbar .hdWrap {
		padding-bottom: 0;
		height: 68px;
	}

	.navbar .hdWrap .hditemleft {
		justify-content: center;
		align-items: center;
		padding-left: 50px;
		padding-top: 7px;
	}

	.navbar .hdWrap .hditemleft .logo {
		margin: 0 10px 0 0;
	}

	.navbar .hdWrap .hditemleft .catch-phrase {
		/* display: none; */
		font-size: 60% !important;
		margin: 0;
		width: 120px;
	}

	.navbar .hdWrap .hditemleft .logo a {
		background-size: 140px;
		width: 140px;
		height: 57px;
	}

	.navbar .hdWrap .hditemleft .catch-phrase strong {
		padding-bottom: 3px;
	}
}

@media (max-width: 1009.98px) {
	#contact {
		clear: both;
		background: #DDDDDD;
		padding: 5px 10px;
		overflow: hidden;
		text-align: center;
	}
}

@media (min-width: 576px) {
	#contact.hidden-pc {
		display: block;
	}
}

@media (min-width: 1010px) {
	#contact.hidden-pc {
		display: none;
	}
}

/* navbar */
.navbar {
	padding: 0;
	display: block;
}

.navbar-collapse {
	background: url(../../img/gnavi_bg.gif) 0 2px repeat-x #444444;
	width: 100%;
}

ul.navbar-nav {
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(../../img/gnavi_bdr.gif) right center no-repeat;
}

ul.navbar-nav li {
	background: url(../../img/gnavi_bdr.gif) 0 center no-repeat;
}

ul.navbar-nav li a {
	padding: 26px 20px 22px !important;
	line-height: 1.0;
	color: #fff;
	font-size: 1.06rem;
	text-align: center;
}

ul.navbar-nav li a:hover {
	background: url(../../img/gnavi_active_bdr.gif) 0 bottom repeat-x;
}

.navbar-collapse .howto {
	margin-top: 2px;
}

@media (max-width: 1011.98px) {
	.navbar .container {
		/* padding:0 !important; */
		/* flex-direction: column; */
		width: 100%;
	}

	.navbar-collapse,
	ul.navbar-nav,
	ul.navbar-nav li,
	ul.navbar-nav li a:hover {
		background-image: none;
	}

	ul.navbar-nav {
		width: 100%;
		border-top: 1px solid #fff;
	}

	ul.navbar-nav li a {
		padding: 18px !important;
		line-height: 1.0;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
}

/* main */
main.Main {
	margin-top: 20px;
	margin-bottom: 0;
	padding: 10px !important;
	overflow: hidden;
}

main.home {
	padding: 0;
}

@media (min-width: 1012px) {
	main {
		/* padding-top: 74px; */
	}
}

@media (max-width: 1011.98px) {
	main.Main {
		margin-top: 0;
		padding: 0 0 10px !important;
	}
}

/*pageTop */
#pageTop {
	position: fixed;
	bottom: 16px;
	right: 16px;
	margin: 0;
	padding: 0;
	z-index: 999;
}

@media (max-width: 1011.98px) {
	#pageTop a {
		display: block;
		z-index: 99;
		text-decoration: none;
		text-align: center;
	}

	#pageTop a:hover {
		text-decoration: none;
	}

	.move-page-top {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		cursor: pointer;
		text-decoration: none;
		font-size: 40px;
		color: #555;
	}

	.move-page-top [data-icon]:before {
		color: #7891C2;
	}
}

@media (min-width: 1012px) {
	#pageTop a {
		display: none;
	}
}

/* footer */
#btmBnr {
	margin-top: 20px;
	margin-bottom: 20px;
}

#btmBnr a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#btmBnr .textLink a {
	font-size: 93%;
	background: url(../../img/home/arrow.gif) 0 8px no-repeat;
	padding: 4px 0 4px 13px;
	line-height: 1.5;
	color: #3E3939;
	text-decoration: none;
	text-indent: 0;
	display: inline-block;
}

#btmBnr .textLink {
	text-align: left;
	display: inline-block;
}

#btmBnr .textLink a:hover {
	text-decoration: underline;
}

#btmBnr .col-12 {
	margin-bottom: 10px;
}

/* @media (min-width: 768px) {
#btmBnr .col-sm-6 {
	flex:0 0 33.3%;
	max-width:33.3%;
}
}
@media (min-width: 990px) {
#btmBnr .col-sm-6 {
	flex:0 0 25%;
	max-width:25%;
}
} */
@media (max-width: 575.98px) {
	#btmBnr {
		margin-top: 0;
		margin-bottom: 0;
	}

	#btmBnr.container {
		padding: 0 10px !important;
	}

	#btmBnr .col-6 {
		margin-bottom: 10px;
		padding: 0 5px;
	}

	#btmBnr .textLink a {
		font-size: 82%;
	}
}

footer {
	padding: 30px 0 0 0;
}

#Footer p.caution {
	text-align: center;
	font-size: 93% !important;
	line-height: 110%;
	padding: 25px 0;
}

#Footer .ftWrap {
	background: url(../../img/footer_bg.gif) 0 0 repeat-x #444444;
	width: 100%;
}

#Footer .ftWrap .ftMain {
	padding-bottom: 25px;
}

#Footer .ftWrap .ftMain .tel {
	margin: 23px 0 0 0;
}

#Footer .ftWrap .ftMain .contents {
	margin: 29px 0 0 0;
}

#Footer .ftWrap .ftMain .contents p.link {
	line-height: 110% !important;
	color: #CCCCCC;
	text-align: right;
	margin: 0;
}

#Footer .ftWrap .ftMain .contents p.link a {
	position: relative;
	color: #CCCCCC;
	text-decoration: none;
}

#Footer .ftWrap .ftMain .contents p.link a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
}

#Footer .ftWrap .ftMain .contents p.link a:hover {
	text-decoration: none;
	color: #ccc;
}

#Footer .ftWrap .ftMain .contents p.link a:hover::after {
	background: #ccc;
}

#Footer .ftWrap .ftMain .contents p.copyright {
	font-size: 93% !important;
	color: #666666;
	margin: 5px 0 0;
	text-align: right;
}

@media (max-width: 767.98px) {
	#Footer .ftWrap .ftMain .contents p.link {
		font-size: 90% !important;
		text-align: center;
	}

	#Footer .ftWrap .ftMain .contents p.copyright {
		font-size: 75% !important;
		text-align: center;
		padding-bottom: 10px;
	}

	footer {
		padding: 0;
	}

	#Footer p.caution {
		text-align: left;
	}
}

@media (max-width: 575.98px) {
	#Footer p.caution {
		padding: 0 0 10px;
		font-size: 77% !important;
		text-align: center;
	}
}

/*telリンク*/
@media (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

/*button*/
.arrow-button {
	min-width: 305px;
	padding: 16px 12px 16px 36px;
	border: 1px solid #707070;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%227%22%20viewBox%3D%220%200%206%207%22%3E%3Cpath%20d%3D%22M3.5%2C0%2C5.605%2C3.609%2C7%2C6H0L1.745%2C3.008Z%22%20transform%3D%22translate(6)%20rotate(90)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E');
	background-position: 20px center;
	background-repeat: no-repeat;
	color: #222;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.0;
	display: inline-block;
}

.arrow-button:hover {
	background-color: #222;
	border: 1px solid #222;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-decoration: none;
	color: #fff;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%227%22%20viewBox%3D%220%200%206%207%22%3E%3Cpath%20d%3D%22M3.5%2C0%2C5.605%2C3.609%2C7%2C6H0L1.745%2C3.008Z%22%20transform%3D%22translate(6)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}

/* home-visual  */
#home-visual {
	position: relative;
	width: 100vw;
	margin-top: -60px;
	height: 350px;
	background-image: url(../../images/home-visual-sp.jpg);
	background-size: cover;
	background-position: center;
}

#home-visual h1 {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	line-height: 1;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	text-align: center;
}

#home-visual h1 img {
	width: 280px;
	padding: 24px 0;
}

#home-visual-pc {
	display: none;
}

@media (min-width: 576px) {
	#home-visual {
		display: none;
	}

	#home-visual-pc {
		display: block;
	}
}

/* home-page  */
.home .read-area {
	display: block;
}

.home .read-area p {
	margin-bottom: 0;
}

.home .read-area .logo {
	line-height: 1.0;
	padding-bottom: 20px;
	border-bottom: 1px solid #222;
}

.home .read-area .text {
	display: none;
}

.home .read-area .logo svg {
	max-width: 260px;
}

.home .read-area .sub-title {
	margin-top: 25px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.home .read-area .button-nikkei-art {
	letter-spacing: .05rem;
	margin-top: 7px;
}

@media (max-width: 767.98px) {
	.home .read-area .logo {
		text-align: center;
	}

	.home .read-area .hideen-pc p {
		text-align: center;
	}

	.home .read-area .hideen-pc p a {
		text-align: left;
	}
}

@media (min-width: 768px) {
	.home .read-area {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		text-align: inherit;
	}

	.home .read-area .logo {
		padding-bottom: 0;
		border-bottom: none;
	}

	.home .read-area .logo svg {
		max-width: 300px;
		padding-right: 60px;
	}

	.home .read-area .text {
		display: block;
		font-size: 106.6%;
		letter-spacing: 0.05em;
		padding-left: 60px;
		border-left: 1px solid #222;
	}

	.home .hideen-pc {
		display: none;
	}
}

@media (max-width: 1011.98px) {
	.pc_br {
		display: none;
	}

	.business-pc {
		display: none;
	}

	.business-sp {
		display: block;
	}

	.business-sp p {
		margin-bottom: -10px;
	}
}

@media (min-width: 1012px) {
	.business-pc {
		display: block;
	}

	.business-sp {
		display: none;
	}
}

/* contents */
@media (max-width: 1011.98px) {
	#header {
		/* position: fixed; */
		background: #fff;
	}

	.contents-header {
		margin-top: -74px;
	}
}

.contents-header .header-title {
	background-color: #1D5C86;
	color: #fff;
}

.contents-header .submenu li {
	margin: 0;
	padding: 0;
}

.contents-header .submenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contents-header .submenu li a {
	line-height: 1.0;
	padding: 15px;
	color: #222;
	font-weight: bold;
	display: inline-block;
}

.contents-header .submenu li a:hover,
.contents-header .submenu li.active a {
	color: #1D5C86;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

@media (max-width: 1011.98px) {
	#header.open nav {
		margin-top: 0;
	}

	.contentspage #header.open .navbar {
		background-color: #fff;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	.contents-header .header-title {
		padding: 86px 15px 15px;
		width: 100%;
		min-height: 140px;
	}

	.contents-header .submenu {
		display: flex;
		flex-wrap: wrap;
	}

	.contents-header .submenu li {
		width: 33.33%;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.contents-header .submenu li a {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	.contents-header .submenu li {
		width: 50%;
	}
}

@media (min-width: 1012px) {
	.contents-header .header-title {
		padding: 124px 0 52px 60px;
		min-height: 230px;
	}

	.contents-header .submenu {
		display: flex;
		border-bottom: 1px solid #ccc;
		padding-left: 15px 15px 15px 0;
	}

	.contents-header .submenu li {
		border-right: 1px solid #ccc;
	}

	.contents-header .submenu li:first-child {
		border-left: 1px solid #ccc;
	}

	.contents-header .submenu li a {
		padding: 15px 10px;
	}
}

@media (min-width: 1210px) {
	.contents-header .submenu {
		padding-left: 60px;
	}

	.contents-header .submenu li a {
		padding: 15px 20px;
	}
}

@media (min-width: 1012px) {
	.spacer {
		margin-bottom: 300px;
	}
}

.hidden-pc {
	display: block;
}

.hidden-tablet {
	display: none;
}

.hidden-sp {
	display: none;
}

@media (min-width: 1012px) {
	.hidden-tablet {
		display: block;
	}
}

@media (min-width: 576px) {
	.hidden-pc {
		display: none;
	}

	.hidden-sp {
		display: block;
	}
}

/* pages */
#Pages {
	overflow: hidden;
}

#Pages .title-fit img {
	width: 100%;
	height: 75px;
	object-fit: cover;
	object-position: 0 0;
}

#Pages .two-columns-contents {
	display: flex;
	flex-direction: row;
}

#Pages #pageConts {
	max-width: 730px;
	width: 100%;
	min-height: 450px;
	margin: 15px 0 0 0;
	background: #FFFFFF;
	padding: 10px 0 25px 0;
}

#Pages #pageConts h3 {
	color: #9E2121;
	font-size: 167%;
	padding: 15px 20px 0 20px;
	line-height: 135%;
	clear: both;
}

#Pages #pageConts h4 {
	font-size: 138.5%;
	margin: 25px 0 0 0;
	padding: 12px 20px 10px 20px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	clear: both;
}

#Pages #pageConts h5 {
	margin: 0 20px;
	background: url(/img/dot.gif) 0 bottom repeat-x;
	padding: 25px 2px 8px 2px;
	font-size: 123.1%;
	line-height: 150%;
	clear: both;
}

#Pages #pageConts h5 strong {
	color: #9E2222;
	font-size: 138.5%;
}

#Pages #pageConts p {
	font-size: 108%;
	line-height: 150%;
	padding: 15px 20px 0 20px;
}

#Pages #pageConts p span {
	line-height: 150%;
}

#Pages #pageConts ol,
#Pages #pageConts ul {
	display: block;
	padding: 15px 0 0 20px;
	font-size: 108%;
	line-height: 150%;
}

#Pages #pageConts ol {
	margin: 0 23px;
}

#Pages #pageConts ol li {
	line-height: 150%;
	padding: 0 0 10px 0;
}

@media (max-width: 575.98px) {

	#Pages #pageConts ol,
	#Pages #pageConts ul {
		font-size: 97%;
	}
}

#Pages #pageConts ol ul {
	padding-left: 0;
}

#Pages #pageConts ul li {
	list-style-type: none;
	text-indent: -40px;
	margin-left: 40px;
}

#Pages #pageConts a {
	color: #9E2222;
	text-decoration: underline;
}

#Pages #pageConts a:hover {
	text-decoration: none;
}

#Pages #pageConts #kakko ol {
	margin-left: 0.5em;
	/* サイトに合せて調整 */
}

#Pages #pageConts #kakko ol li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

#Pages #pageConts #kakko ol li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em;
	/* サイトに合せて調整 */
	width: 3em;
	/* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

#Pages #sidebar {
	width: 235px;
	margin-left: 15px;
}

#Pages #sidebar #sideWp {
	width: 100%;
}

#Pages #sidebar .side-fix {
	position: fixed;
	top: 0;
}

#Pages #sidebar .section {
	background: #FFFFFF;
	margin: 15px 0 0 0;
}

#Pages #sidebar .section h4 {
	display: block;
	background: #444444;
	font-size: 116%;
	line-height: 1.0;
	padding: 8px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.02em;
}

#Pages #sidebar .section ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

#Pages #sidebar .section ul li {
	display: block;
	padding: 6px 10px 6px 35px;
	background: url(/img/li_square.gif) 13px 8px no-repeat;
}

#Pages #sidebar .section ul li a {
	color: #444444;
	text-decoration: none;
	line-height: 135%;
	font-weight: bold;
	font-size: 108%;
}

#Pages #sidebar .section ul li a:hover {
	text-decoration: underline;
}

@media (max-width: 767.98px) {
	#Pages .two-columns-contents {
		display: flex;
		flex-direction: column;
	}

	#Pages #sidebar {
		margin-left: 0;
		width: 100%;
	}
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	display: inline;
	margin: 0 0 20px 20px;
}

@media (max-width: 767.98px) {
	.alignleft {
		float: none;
		display: block;
		margin: 0 auto 10px;
	}

	.alignright {
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
}

@media (max-width: 575.98px) {
	#Pages #pageConts {
		margin: 0;
		padding: 0 0 5px 0;
	}

	#Pages #archive {
		margin: 0 !important;
		padding: 0 0 5px 0 !important;
	}

	.pankuzu {
		padding: 10px 20px !important;
		font-size: 77% !important;
	}

	/* サイドメニュー */
	#Pages #sidebar .section {
		margin: 5px 0 0;
	}

	/* 特集記事 */
	#Pages #featureConts {
		margin: 0 !important;
		padding: 0 0 5px 0 !important;
	}

	/* 特集記事 関連記事 */
	#Product #relatedPost {
		margin: 10px auto 0 !important;
	}

	#Pages #featureConts #featureWp {
		padding: 0 !important;
	}

	/* お知らせ */
	#Pages #newsConts {
		margin: 0 !important;
		padding: 0 0 5px 0 !important;
	}

	/* 美術品詳細 */
	#Product #singleProduct {
		padding-top: 10px !important;
	}

	#Product #singleProduct .pankuzu {
		margin: 10px -15px 0 !important;
		padding: 0 15px 10px !important;
	}
}

/** FAQ **/
#Pages #pageConts .faq h4 {
	border: none;
	font-size: 123.1%;
	margin: 10px 0 0 0;
	background: url(/img/faq_open.jpg) 20px center no-repeat;
	padding: 10px 0 10px 50px;
	cursor: pointer;
}

#Pages #pageConts .faq h4.open {
	background: url(/img/faq_close.jpg) 20px center no-repeat;
}

#Pages #pageConts .faq .answer {
	background: #F0F0F0;
	padding: 15px 15px 5px 15px;
	margin: 10px 20px 0 50px;
}

#Pages #pageConts .faq .answer p {
	padding: 0 0 10px 0;
	line-height: 150%;
	font-size: 108%;
}

#Pages #pageConts .faq .answer table {
	margin: 0 0 10px 0;
	background: #FFFFFF;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}

#Pages #pageConts .faq .answer table th,
#Pages #pageConts .faq .answer table td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 8px;
	font-size: 108%;
	line-height: 135%;
	text-align: center;
}

#Pages #pageConts .faq .answer table th {
	background: #D8D8D3;
	vertical-align: middle;
}

@media (max-width: 575.98px) {
	#Pages #pageConts .faq h4 {
		padding: 10px 10px 10px 50px;
		font-size: 112%;
	}

	#Pages #pageConts .faq .answer {
		margin: 0;
	}

	#Pages #pageConts .faq .answer table th,
	#Pages #pageConts .faq .answer table td {
		padding: 3px;
		font-size: 70%;
	}
}

/** company **/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/** Sitemap **/
#Pages .sitemap-area {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

#Pages .sitemap {
	width: 33%;
}

#Pages .sitemap ul {
	display: block;
	list-style-type: none;
}

#Pages .sitemap ul li {
	display: block;
	padding: 5px 0 5px 15px !important;
	background: url(/img/home/arrow.gif) 0 center no-repeat;
	text-indent: 0 !important;
	margin: 0 !important;
	line-height: 135%;
}

#Pages .sitemap ul li a {
	color: #3E3939 !important;
	text-decoration: none !important;
	font-size: 108%;
}

#Pages .sitemap ul li a:hover {
	text-decoration: underline !important;
}

@media (max-width: 649.98px) {
	#Pages .sitemap-area {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	#Pages .sitemap {
		width: 100%;
	}
}

/** Product **/
.btnArea .modal-linkbtn {
	display: block;
	cursor: pointer;
	margin-bottom: 10px;
}

.modal-body #iframeBlock {
	height: calc(100% - 21px);
}

.modal-body #iframeBlock .iframeBody {
	height: 100%;
}

.modal-body #iframeBlock iframe {
	border: none;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

/* .modal-body iframe {
	width: 100%;
	height: 100%;
} */
.modal-content {
	height: 80vh;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 800px;
	}
}

@media (max-width: 767.98px) {
	.btnArea .modal-body {
		padding: 0;
	}

	.btnArea .modal-body form {
		padding: 10px 6px 3px;
	}
}

/*pagenation*/
.simple-pagination {
	padding: 0 10px !important;
}

.simple-pagination li {
	padding-bottom: 5px;
}

/*search-btn*/
.search-btn {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.0;
	color: #fff;
	width: calc(100% - 4px);
	background: url(/img/search-btn-icon.png);
	background-repeat: no-repeat;
	background-position: right 50%;
	background-color: #000;
	background-size: 32px;
	display: inline-block;
	padding: 10px;
	border: 1px solid #000;
	outline: 1px solid #000;
	outline-offset: 1px;
	margin: 1px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: .15em;
}

.search-btn:hover {
	background-color: rgba(0, 0, 0, .8);
	color: #fff;
}


/* #relatedPost list */
#relatedPost label {
	display: inherit;
	margin-bottom: 0;
}

#relatedPost ul {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

#relatedPost ul {
	border: 1px solid #D8D8D3\9;
}

#relatedPost ul {
	*border: none;
}

#relatedPost ul li {
	display: block;
	width: 480px;
	background: #FFFFFF;
	margin: 10px 0 0 0;
	padding: 10px 0;
	overflow: hidden
}

#relatedPost .picArea {
	width: 140px;
	height: 140px;
	border: 4px solid #f1f1ef;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	position: relative;
}

#relatedPost .picArea a {
	display: block;
	width: 140px;
	height: 140px;
	text-indent: -9999px;
	outline: none;
}

#relatedPost .picArea img {
	position: absolute;
	top: -6px;
	right: -6px;
}

#relatedPost .txtArea {
	width: 300px;
	float: right;
	display: inline;
	margin: 0 10px 0 0;
}

#relatedPost .txtArea h4 {
	font-size: 93%;
	/* background: #f0f0ee; */
	padding: 5px;
	display: block;
}

#relatedPost .txtArea h4 a {
	color: #787878;
	text-decoration: underline;
}

#relatedPost .txtArea h4 a:hover {
	text-decoration: none;
}

#relatedPost .txtArea h5 {
	font-size: 108%;
	line-height: 135%;
	padding: 4px 5px 0 5px;
}

#relatedPost .txtArea h5 a {
	color: #484848;
	text-decoration: none;
}

#relatedPost .txtArea h5 a:hover {
	text-decoration: underline;
}

#relatedPost .txtArea p.cat span {
	display: block;
	background: #FF0004;
	width: 70px;
	text-align: center;
	padding: 3px 0 2px 0;
	margin: 0 0 5px 0;
	color: #FFFFFF;
	font-size: 77%;
}

#relatedPost .txtArea p.cat {
	font-size: 108%;
	padding: 20px 5px 0 5px;
}

#relatedPost .txtArea p.cat a {
	color: #484848;
	text-decoration: underline;
}

#relatedPost .txtArea p.cat a:hover {
	text-decoration: none;
}

#relatedPost .txtArea p.price {
	padding: 4px 5px 0 5px;
	font-size: 96% !important;
}

#relatedPost .txtArea p.price span {
	color: #8d060a;
	font-size: 120%;
	font-weight: bold;
}

@media (max-width: 1024.98px) {
	#relatedPost ul li {
		width: 440px;
	}

	#relatedPost .txtArea {
		width: calc(100% - 170px);
	}
}

@media (max-width: 942.98px) {
	#relatedPost ul li {
		width: 352px;
	}
}

@media (max-width: 767.98px) {
	#relatedPost ul li {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	#relatedPost ul li {
		margin-top: 0;
		/* border-bottom: 1px dotted #666; */
		background: url(/img/dot.gif) 0 bottom repeat-x;
		background-color: #fff;
	}

	#relatedPost .txtArea {
		width: calc(100% - 111px);
	}

	#relatedPost .txtArea p.cat {
		padding-top: 0;
	}

	#relatedPost .txtArea p.price {
		font-size: 90% !important;
	}

	#relatedPost .picArea {
		width: 81px;
		height: 81px;
		background-size: contain;
	}

	#relatedPost .picArea a {
		width: 73px;
		height: 73px;
	}
}

#relatedPost #noresult {
	background: #FFFFFF;
	margin: 20px 0 0 0;
}

#relatedPost #noresult p {
	text-align: center;
	line-height: 150%;
	font-size: 123.1%;
	padding: 150px 0;
}



@media (max-width: 1011.98px) {}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {}

/* < xs */
@media (max-width: 575.98px) {}

/* sm */
@media (min-width: 576px) {}

/* md */
@media (min-width: 768px) {}

/* < md */
@media (max-width: 1011.98px) {}

/* lg */
@media (min-width: 1012px) {}

/* xl */
@media (min-width: 1200px) {}