@charset "UTF-8";
body {
	color: #1a1a1a;
}
.l-page-wrapper {
	overflow: visible;
}
/*--------------------------------------------------------------------------
   sec-mv
---------------------------------------------------------------------------*/
.sec-mv {
	position: relative;
	height: 250px;
	background: #fbfbfb url('/brand/assets/img/common/mv_bg_white02.png') no-repeat 50% 50%;
	background-size: auto contain;
}
.sec-mv__hdg {
	font-family: 'Bodoni Moda', serif;
	font-size: 40px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.sec-mv {
		background-size: cover;
		height: 125px;
	}
}
/*--------------------------------------------------------------------------
   m-breadcrumb
---------------------------------------------------------------------------*/
.m-breadcrumb {
	padding: 20px 0 0;
	color: rgba(255, 255, 255, .4);
	font-family: 'Noto Serif Japanese', serif, sans-serif;
}

@media only screen and (max-width: 767px) {
	.m-breadcrumb {
		padding: 10px 15px;
	}
}

.m-breadcrumb__list {
	display: -ms-flexbox;
	display: flex;
	width: 1280px;
	margin: 0 auto;

	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.m-breadcrumb__list {
		width: 100%;
	}
}

.m-breadcrumb__item {
	position: relative;
}

.m-breadcrumb__item + .m-breadcrumb__item {
	margin-left: 7px;
	padding-left: 14px;
}

.m-breadcrumb__item + .m-breadcrumb__item::before {
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
	font-family: 'Osaka-mono', 'MS Gothic', 'monospace';
	content: '>';
}

.m-breadcrumb__item a {
	color: #fff;
}

.mode-pc .m-breadcrumb__item a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------------------
   index - lead
---------------------------------------------------------------------------*/
.sec-mv__hdg {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
}
.sec-mv__hdg img {
	display: block;
	margin: auto;
}
#service-index {
	padding: 110px 0 140px;
}
#service-index .lead-text {
	text-align: center;
	font-size: 20px;
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	font-weight: 500;
	line-height: 1.975;
	letter-spacing: .04em;
}
#service-index .lead-fig {
	display: block;
	margin: 80px auto 0;
	max-width: 404px;
	position: relative;
}
#service-index .lead-fig img {
	display: block;
	width: 100%;
}
#service-index .lead-fig #lead-fig-map a {
	background: transparent;
	position: absolute;
	transition: .3s;
}
#service-index .lead-fig #lead-fig-map a:hover {
	background: rgba(255,255,255,.7);
}
#service-index .lead-fig #lead-fig-map .item01 {
	top: 0;
	right: 0;
	left: -17px;
	height: 76px;
	margin: auto;
	width: 185px;
}
#service-index .lead-fig #lead-fig-map .item02,
#service-index .lead-fig #lead-fig-map .item03 {
	bottom: 0;
	height: 96px;
	width: 185px;
}
#service-index .lead-fig #lead-fig-map .item03 {
	right: 0;
}
@media screen and (max-width: 768px){
	#service-index .lead-fig #lead-fig-map .item01 {
		left: -4%;
		height: 17%;
		width: 46%;
	}
	#service-index .lead-fig #lead-fig-map .item02,
	#service-index .lead-fig #lead-fig-map .item03 {
		height: 22%;
		width: 46%;
	}
}
/*--------------------------------------------------------------------------
   index - main
---------------------------------------------------------------------------*/
#service-main {
	display: flex;
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	justify-content: space-around;
	margin: auto;
	max-width: 1200px;
	padding-bottom: 120px;
	width: 92%;
}
#service-main-side {
	border-right: 1px solid #1a1a1a;
	height: 100%;
	position: sticky;
	top: 20px;
	width: 250px;
}
#service-main-side h2 {
	font-family: 'Bodoni Moda', serif;
	font-size: 18px;
	letter-spacing: .04em;
	margin-bottom: 45px;
}
#service-main-side h2 .sp-text {
	display: none;
}
#service-main-side ul li {
	color: rgba(26,26,26,.3);
	font-size: 22px;
	line-height: 1;
	margin-bottom: 30px;
}
#service-main-side ul li:last-child {
	margin-bottom: 0;
}
#service-main-content {
	max-width: 770px;
	width: 100%;
}
#service-main-content h2 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 55px;
}
.m-service-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.m-service-list__item {
	margin-bottom: 70px;
	padding-bottom: 80px;
	position: relative;
	width: 47%;
}
.m-service-list__item figure img {
	display: block;
	width: 100%;
}
.m-service-list__item h3 {
	font-size: 24px;
	font-weight: normal;
	line-height: 1.4;
	margin: 30px auto 20px;
}
.m-service-list__item h3 span {
	display: inline-block;
}
.m-service-list__item .text {
	font-size: 15px;
}
.m-service-list__item .text .caption {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
.m-service-list__item .item-btn {
}
.m-service-list span.block,
.m-service-list .item-btn {
	display: block;
}
@media screen and (min-width: 768px){
	#service-main-side ul li.current {
		color: #1a1a1a;
	}
}
@media screen and (max-width: 767px){
	.sec-mv__hdg img {
		width: 88%;
	}
	#service-index {
		padding: 60px 0 45px;
	}
	#service-index .lead-text {
		font-size: 18px;
	}
	#service-index .lead-text span {
		display: block;
	}
	#service-index .lead-fig {
		margin-top: 45px;
		width: 65%;
	}
	#service-main {
		display: block;
		padding-bottom: 60px;
		width: 88%;
	}
	#service-main-side {
		background: #FFF;
		border: 1px solid #1a1a1a;
		width: 100%;
		z-index: +1;
	}
	#service-main-side ul {
		border-color: rgba(26,26,26,.2);
		border-style: solid;
		border-top-width: 1px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		display: none;
		padding: 25px 15px;
	}
	#service-main-side h2 {
		margin-bottom: 0;
		padding: 16px 20px;
		position: relative;
	}
	#service-main-side h2 .sp-text:before {
		content: "";
		display: inline-block;
		color: #1a1a1a;
		line-height: 1;
		width: 9px;
		height: 9px;
		border: 2px solid #1a1a1a;
		border-left: 0;
		border-bottom: 0;
		box-sizing: border-box;
		transform: translateY(-25%) rotate(135deg);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
	}
	#service-main-side h2 .sp-text {
		display: block;
	}
	#service-main-side h2 .pc-text {
		display: none;
	}
	#service-main-content {
		margin-top: 60px;
	}
	.service-main-content-wrap:nth-of-type(n + 2) {
		margin-top: 60px;
	}
	#service-main-content h2 {
		margin-bottom: 40px;
	}
	.m-service-list {
		display: block;
	}
	.m-service-list__item {
		margin-bottom: 40px;
		padding-bottom: 0;
		width: 100%;
	}
	.m-service-list__item a {
		display: flex;
		justify-content: space-between;
	}
	.m-service-list__item figure {
		width: 40%;
	}
	.m-service-list__item span.block {
		width: 55%;
	}
	.m-service-list__item h3 {
		font-size: 15px;
		margin: 0 auto 15px;
	}
	.m-service-list__item span.text {
		font-size: 12px;
	}

}
@media screen and (min-width: 768px){
	.accordion__content {
		display: block !important;
	}
}
/*--------------------------------------------------------------------------
   detail - lead
---------------------------------------------------------------------------*/
#service-detail {
	padding: 100px 0 80px;
}
#service-detail .lead-text {
	text-align: center;
	font-size: 30px;
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	font-weight: 500;
	line-height: 1.975;
	letter-spacing: .04em;
	margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
	#service-detail {
		margin: auto;
		padding: 40px 0 60px;
		width: 88%;
	}
	#service-detail .lead-text {
		font-size: 22px;
		margin-bottom: 60px;
	}
}
/*--------------------------------------------------------------------------
   detail - main
---------------------------------------------------------------------------*/
#service-detail .detail-item {
	margin: auto;
	max-width: 800px;
}
#service-detail .detail-item:nth-of-type(n + 2) {
	margin-top: 100px;
}
#service-detail .detail-item dt {
	margin-bottom: 50px;
}
#service-detail .detail-item dt h3 {
	font-size: 26px;
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	font-weight: normal;
	letter-spacing: .04em;
	line-height: 1.4;
}
#service-detail .detail-item dd.text p {
	font-size: 16px;
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	line-height: 2;
}
#service-detail .detail-item dd.text a {
	text-decoration: underline;
	transition: .3s;
}
#service-detail .detail-item dd.text a:hover {
	opacity: .5;
}
#service-detail .detail-item dd.fig {
	margin-top: 50px;
}
#service-detail .detail-item dd.fig img {
	display: block;
	width: 100%;
}
#service-detail .detail-item dd.fig figure.video .logica-player {
	aspect-ratio: 16 / 9;
	height: 100%;
	margin: auto;
	text-align: center;
	width: 100%;
}
#service-detail .detail-item dd.fig figure.video .lgcp-cued-thumbnail-overlay {
	background: transparent;
}
#service-detail .service-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 100px auto 0;
	max-width: 700px;
	width: 100%;
}
#service-detail .service-btn li.item-btn {
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	margin: 0 auto 30px;
	max-width: 420px;
	width: 100%;
}
#service-detail .service-btn li.item-btn:last-child {
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
	#service-detail .detail-item dt h3 {
		font-size: 20px;
	}
	#service-detail .detail-item dt {
		margin-bottom: 30px;
	}
	#service-detail .detail-item dd.text p {
		font-size: 13px;
	}
	#service-detail .detail-item dd.fig {
		margin-top: 30px;
	}
	#service-detail .detail-item:nth-of-type(n + 2) {
		margin-top: 60px;
	}
	#service-detail .service-btn li.item-btn span.sp-db {
		display: block;
	}
}
/*--------------------------------------------------------------------------
   detail - relative
---------------------------------------------------------------------------*/
#service-relative {
	background: #f7f7f7;
	padding: 130px 0 100px;
}
#service-relative h2 {
	font-size: 28px;
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	font-weight: normal;
	letter-spacing: .04em;
	line-height: 1.4;
	margin: 0 auto 50px;
	max-width: 1000px;
	width: 100%;
}
#service-relative h2 span {
	font-size: 18px;
	padding-left: 1em;
}
.service-relative-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 100px;
	max-width: 1000px;
	width: 100%;
}
#service-relative .item-btn {
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
}
.service-relative-list li {
	margin-bottom: 60px;
	width: 23%;
}
.service-relative-list li.current {
	display: none;
}
.service-relative-list li img {
	display: block;
	width: 100%;
}
.service-relative-list li span {
	display: block;
	font-size: 18px;
	font-family: 'Shippori Mincho', 'Noto Serif Japanese', serif, sans-serif;
	font-weight: normal;
	letter-spacing: .04em;
	line-height: 1.4;
	margin-top: 20px;
}
@media only screen and (max-width: 767px) {
	#service-relative {
		padding: 60px 0 50px;
	}
	#service-relative h2 {
		font-size: 20px;
		margin: 0 auto 40px;
		width: 88%;
	}
	#service-relative h2 span {
		display: block;
		font-size: 16px;
		padding-left: 0;
	}
	.service-relative-list {
		display: block;
		margin: 0 auto 50px;
		width: 88%;
	}
	.service-relative-list li {
		margin-bottom: 20px;
		width: 100%;
	}
	.service-relative-list li a {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}
	.service-relative-list li img {
		width: 50%;
	}
	.service-relative-list li span {
		font-size: 16px;
		margin-top: 0;
		width: 45%;
	}
}
/*--------------------------------------------------------------------------
   general
---------------------------------------------------------------------------*/
span.dib {
	display: inline-block;
}
span.db {
	display: block;
}
.text-ker-01 {
	letter-spacing: -.06em;
}
.text-ker-02 {
	letter-spacing: -.05em;
}