@charset "utf-8";

/*common
----------------------------------------------------*/
/* 設定 */
* {
	font-family: 'Noto Serif Japanese', "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "游明朝", "YuMincho", serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #333;
	letter-spacing: 0.08rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: 'palt';
}

@font-face {
	font-family: "Noto Serif Japanese";
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NotoSerifCJKjp-Regular.otf') format('opentype');
}

@font-face {
	font-family: "Noto Serif Japanese";
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSerifCJKjp-Medium.otf') format('opentype');
}

@font-face {
	font-family: "Noto Serif Japanese";
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/NotoSerifCJKjp-SemiBold.otf') format('opentype');
}
	
html{
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #e9e4da;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
}

img {
	border: 0;
	vertical-align:bottom;
}

a { text-decoration: none;}

ul, li { list-style: none;}


/* float */
.fLeft { float: left !important;}
.fRight { float: right !important;}


/* clearfix */
.cf:after {
    content: "";
    display: block;
    clear: both;
}


/* align */
.cen   { text-align: center !important; }
.left  { text-align: left !important; }
.right { text-align: right !important; }


/* text-indent */
.indent {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	}


/* font-size */


/* margin,padding */

/* -------------------------------------------------
layout
----------------------------------------------------*/
.sp-header,
.br960 { display: none;}

.w600 { display: none;}

/* ===== header ===== */
header h1 {
	background-color: #383733;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	padding: 10px 0;
}

.header-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0 50px 2.5vw;
}


/* ===== main visual ===== */
.mv {
	background: url("../images/mv_img.jpg") no-repeat center top;
	background-size: cover;
	width: 100%;
	height: 650px;
}

/* ===== global nav ===== */
.g-nav { display: table;}

.g-nav li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 30px;
}

.g-nav li a {
	color: #777;
	transition: all .3s ease-in-out;
}

.g-nav li a:hover { color: #333;}

.h-logo { margin: 0 80px;}


/* ===== footer ===== */
footer {
  background-color: #383733;
  padding: 70px 0 74px;
}

.footer-inner {
  position: relative;
  width: 96%;
  max-width: 1280px;
  margin: auto;
}

.foot-conts {
  position: absolute;
  top: 15px;
  right: 0;
}

.foot-conts li a,
.foot-conts .copy {
  color: #fff;
}

.foot-conts ul { margin-bottom: 22px;}

.foot-conts li {
  display: inline-block;
  margin-left: 55px;
}

.foot-conts li a:hover { text-decoration: underline;}

.foot-conts .copy {
  font-size: 1.0rem;
  text-align: right;
}

.footer-inner span.add { margin-top: 15px;}

.footer-inner span.add,
.footer-inner span.telno {
  display: block;
  color: #fff;
  line-height: 0.5;
  letter-spacing: 0.1em;
}

/*pageTop*/
.pt {
  position: fixed;
  bottom: 80px;
  right: 5%;
  z-index: 9999;
}

.pt img {
  width: 60px;
  height: auto;
}

/* ====================================
index.html
====================================== */
.top-conts-wrap { margin-top: -245px;}

.top-intro {
	background-color: rgba(255, 255, 255, 0.85);
	width: 96%;
	max-width: 1280px;
	text-align: center;
	padding: 52px 0 59px;
	margin: 0 auto;
}

.top-intro p {
	font-size: 1.6rem;
	line-height: 2.3;
	letter-spacing: 0.1em;
}

.top-intro p.head-txt {
	color: #14375b;
	font-size: 2.7rem;
	letter-spacing: 0.08em;
	margin-bottom: 21px;
}

.mid-conts {
  position: relative;
  display: table;
  width: 96%;
  max-width: 1600px;
  margin: -30px auto 100px;
}

.mid-conts .figure-l {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/top_conts_img.jpg") no-repeat center top;
  background-size: cover;
  display: table-cell;
  width: 65.6%;
  height: 100%;
}

.figure-r {
  position: relative;
  display: table-cell;
  float: left;
  width: 100%;
  max-width: 630px;
  margin-left: 970px;
  padding: 130px 0 160px;
}

.fig-inner {
  background-color: rgba(255, 255, 255, 0.85);
  width: 100%;
  padding: 57px 50px 40px;
}

.fig-inner p {
  font-size: 2.0rem;
  line-height: 1.7;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 23px;
  margin-bottom: 30px;
}

.fig-inner ul {
  display: flex;
  flex-wrap: wrap;
}

.fig-inner ul.link-path li {
  background: url("../images/top_conts_arrow.jpg") no-repeat left center;
  min-width: 135px;
  padding-left: 26px;
  margin-right: 30px;
  margin-bottom: 24px;
}

.fig-inner ul.link-path li a {
  font-size: 2.0rem;
  letter-spacing: 0.06em;
  transition: all .3s ease-in-out;
}

.fig-inner ul.link-path li a:hover { color: #cbb485;}

.c-nav-wrap {
  display: flex;
  flex-wrap: wrap;
}

.c-nav-box {
	position: relative;
	display: block;
	background-color: #333;
	width: 20%;
	height: 19.8vw;
	overflow: hidden;
	transition: all .3s ease-in-out;
  margin-bottom: 50px;
}

.c-nav-box p {
	position: absolute;
	bottom: 1.9vw;
	left: 50%;
  width: 100%;
	font-size: 0.94vw;
	text-align: center;
	transform: translateX(-50%);
}

.c-nav-box p,
.c-nav-box .en { color: #fff;}

.c-nav-box .en {
	display: block;
	font-size: 3.0rem;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}

.c-nav-box img {
	width: 100%;
	height: auto;
	opacity: 0.7;
	transition: all .3s ease-in-out;
}

.c-nav-box:hover img { opacity: 1.0;}

.c-nav-box:before {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9000;
	content: "";
	background: url("../images/c-nav-arrow.jpg") no-repeat 0 0;
	background-size: 100% auto;
	width: 46px;
	height: 46px;
}

.c-nav-box:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	content: "";
  width: 100%;
  height: 100%;
	border-width: 10px;
	border-style: solid;
	border-color: rgba(20, 55, 91, 0.0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	transition: all .3s ease-in-out;
}

.c-nav-box:hover:after { border-color: rgba(20, 55, 91, 1.0);}

.news-wrap {
  background-color: #fff;
  width: 96%;
  max-width: 1600px;
  padding: 80px 125px;
  margin: 0 auto 60px;
}

.news-wrap h2 {
  border-bottom: 1px solid #e9e9e9;
  color: #14375b;
  font-size: 3.6rem;
  font-weight: 500;
  text-align: center;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

.news-lists {
  display: flex;
  justify-content: center;
}

.news-lists dl {
  width: 33.333%;
  min-height: 156px;
  border-left: 1px solid #e9e9e9;
  padding: 15px 30px;
}
.news-lists dl:nth-of-type(1) { border: none;}

.news-lists dt {
  color: #cbb485;
  font-weight: 600;
  letter-spacing: 0.12em;
  margin-bottom: 18px;
}

.news-lists dd {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.8;
}



/* -------------------------------------------------
sub-layout
----------------------------------------------------*/
.page-ttl-img {
	width: 100%;
	height: 20.83vw;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.sub-conts-wrap { margin-top: -50px;}

.page-ttl {
	background-color: rgba(255, 255, 255, 0.85);
	width: 96%;
	max-width: 1280px;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 0.06em;
	padding: 4.17vw 0;
	margin: 0 auto 80px;
}

.page-ttl .en {
	display: block;
	color: #14375b;
	font-size: 2.7rem;
	letter-spacing: 0.06em;
	margin-bottom: 20px;
}

.sub-conts-in {
	width: 96%;
	max-width: 1600px;
	background-color: #fff;
	letter-spacing: 0.1em;
	padding: 60px 0 80px;
	margin: 0 auto 60px;
}

.sub-conts-ttl {
	color: #14375b;
	font-size: 3.6rem;
	text-align: center;
	margin-bottom: 60px;
}




/* ====================================
スタイル
====================================== */
.suit-ttl-img { background-image: url("../images/suit_ttl.jpg");}

.suit-style { margin-bottom: 80px;}

.suit-box-wrap {
	display: flex;
	flex-wrap: wrap;
  margin-bottom: 80px;
}

.suit-box { width: 33.333333%;}

.suit-img img {
	width: 100%;
	height: auto;
}

.style-des-area { padding: 25px;}

.style-name {
	color: #14375b;
	font-size: 2.3rem;
	margin-bottom: 30px;
}

.style-des {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

.style-des + p {
  background: url("../images/top_conts_arrow.jpg") no-repeat left center;
  padding: 5px 0 5px 26px;
}

.style-des-area a { transition: all .3s ease-in-out;}

.style-des-area a:hover { color: #996b37;}

.chara-wrap {
  background: url("../images/style_conts_bg01.png") repeat 0 0;
  padding: 30px;
  margin: 0 25px 50px;
}
.chara-wrap.mod-wrap { background: url("../images/style_conts_bg02.png") repeat 0 0;}
.chara-wrap.std-wrap {
  background: url("../images/style_conts_bg03.png") repeat 0 0;
  margin-bottom: 0;
}

.chara-inner {
  background-color: #fff;
  padding: 80px;
}

.chara-inner .style-name {
  font-size: 2.8rem;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 18px;
  margin-bottom: 18px;
}

.chara-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


.chara-box {
  display: table;
  width: 48.5%;
  max-width: 645px;
}

.chara-box:nth-of-type(1),
.chara-box:nth-of-type(2) { margin-bottom: 40px;}

.chara-box .img-area,
.chara-box .txt-area {
  display: table-cell;
  vertical-align: top;
}

.chara-box .img-area { width: 180px;}

.chara-box .txt-area { padding: 20px 0 0 50px;}

.chara-box .txt-area p {
  font-size: 1.5rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
}



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

.s-des-box {
	width: 100%;
	margin-bottom: 15px;
}

.s-des-box p {
	display: table-cell;
	vertical-align: top;
	line-height: 1.7;
	letter-spacing: 0.08em;
	padding-top: 5px;
	padding-left: 15px;
}

.s-des-box .des-img {
	width: 6.25vw;
	padding-left: 0;
}

.des-img img {
	width: 100%;
	height: auto;
}


/* カラーコーディネート、パターンオーダープライス */
.suit-sub-conts {
	background: url("../images/suit_conts_img01.jpg") no-repeat center top;
	background-size: 100% auto;
	/*padding-top: 340px;*/
	padding-top: 21.3%;
}

.suit-sub-conts-in {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 96%;
	max-width: 1280px;
	border-left: 1px solid #e9e9e9;
	margin: 65px auto 0;
}

.s-conts-box {
	width: 50%;
	border-right: 1px solid #e9e9e9;
	padding: 20px 50px 20px;
}

.s-conts-box p {
	font-size: 1.4rem;
	line-height: 1.7;
	letter-spacing: 0.15em;
}

.s-conts-box .s-conts-ttl {
	color: #14375b;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.0;
	letter-spacing: 0.08em;
	margin-bottom: 30px;
}

.color-ex,
.pat-ex {
	border-top: 1px solid #e9e9e9;
	margin: 15px 0;
}

.color-ex dl,
.pat-ex dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
}

.color-ex dt,
.color-ex dd,
.pat-ex dt,
.pat-ex dd {
	display: table-cell;
	vertical-align: middle;
	padding: 7px 10px;
}

.color-ex dt,
.pat-ex dt {
	width: 49%;
	border-right: 1px solid #e9e9e9;
}
.pat-ex dt { width: 32%;}

.color-ex dd span.color {
	background-color: #000;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	vertical-align: 4px;
	margin: 0 3px;
}

.color-ex dd span.color01 { background-color: #000080;}
.color-ex dd span.color03 { background-color: #a52a2a;}
.color-ex dd span.color04 { background-color: #f5f5dc;}

.color-ex dd span.col-name { font-size: 1.0rem;}




/* ====================================
ご注文の流れ
====================================== */
.order-ttl-img { background-image: url("../images/order_ttl.jpg");}

.order-intro,
.flow-wrap,
.after-follow {
	width: 96%;
	max-width: 1280px;
	margin: 0 auto 60px;
}

.flow-wrap { margin: 0 auto;}

.o-intro-l {
	width: 59%;
	float: left;
}

.o-intro-r {
	width: 38%;
	float: right;
	text-align: center;
}

.o-intro-r img {
	width: 100%;
	max-width: 480px;
	height: auto;
}

.o-intro-l p {
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 0.12em;
	margin-bottom: 27px;
}

.flow-wrap { position: relative;}

.flow-wrap:before {
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 1;
	display: block;
	content: "";
	background-color: #996b37;
	width: 1px;
	height: 100%;
}

.flow-area { margin-bottom: 50px;}
.flow-area:nth-last-of-type(1) {
	padding-bottom: 50px;
	margin-bottom: 0;
}

.flow-area .head-area { margin-bottom: 30px;}

.flow-area .head-area p {
	position: relative;
	z-index: 10;
	display: inline-block;
	color: #996b37;
	font-size: 2.6rem;
	letter-spacing: 0.08em;
}

.flow-area .head-area .circle {
	background-color: #996b37;
	width: 11%;
	max-width: 80px;
	height: 10vw;
	max-height: 80px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 80px;
	margin-right:31px;
}

.flow-conts {
	display: table;
	padding-left: 116px;
}

.flow-conts .img-area,
.flow-conts .txt-area {
	display: table-cell;
	vertical-align: top;
}

.flow-conts .img-area { width: 41%;}

.flow-conts .img-area img {
	width: 100%;
	max-width: 524px;
	height: auto;
}

.flow-conts .txt-area {
  padding: 33px 0 0 40px;
}

.flow-conts p {
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 0.08em;
  margin-bottom: 27px;
}

.after-follow {
	border: 1px solid #f2f2f2;
	padding: 50px 0 50px 116px;
}

.after-follow p {
	font-size: 1.6rem;
	letter-spacing: 0.08em;
}

.after-follow p.head-line {
	color: #14375b;
	font-size: 2.0rem;
	margin-bottom: 20px;
}

.flow-conts .btn-style {
  background: url("../images/top_conts_arrow.jpg") no-repeat left center;
  padding-left: 26px;
}

.flow-conts .btn-style a { transition: all .3s ease-in-out;}

.flow-conts .btn-style a:hover { color: #996b37;}


/* ====================================
製品紹介
====================================== */
.items-ttl-img { background-image: url("../images/items_ttl.jpg");}

.items-conts-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 96%;
  max-width: 1280px;
  margin: 0 auto;
}

.items-main-conts {
  order: 2;
  width: 75%;
}

.side-bar {
  order: 1;
  width: 22%;
}

.items-main-conts .cat-name,
.side-bar .side-head {
  color: #14375b;
  font-size: 2.0rem;
  letter-spacing: 0.12em;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.items-lists {
  display: flex;
  flex-wrap: wrap;
}

.items-box {
  width: 31.2%;
  margin-bottom: 50px;
}
.items-box:nth-of-type(3n-1) { margin: 0 3%;}

.items-box img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.item-box-des {
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.item-box-des .yen { font-weight: bold;}

.side-bar ul { padding-left: 15px;}

.side-bar li { margin-bottom: 1em;}

.side-bar li a { font-size: 1.4rem;}

.side-bar li:before {
  display: inline-block;
  content: ">";
  vertical-align: 0;
  margin-right: 8px;
}




/* ====================================
製品紹介-詳細ページ
====================================== */
.product-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 96%;
  max-width: 1280px;
  padding-bottom: 120px;
  margin: auto;
}

.photo-area {
  width: 45%;
  max-width: 570px;
}

.item-des-wrap {
  width: 52%;
  max-width: 660px;
}

.photo-area .photo-L { margin-bottom: 36px;}

.photo-area .photo-L li {
  background-color: #f2f2f2;
  width: 570px;
  height: 665px;
  text-align: center;
  overflow: hidden;
}

.photo-L li:nth-of-type(1) ~ li { display: none;}

.photo-area li img {
  width: auto;
  height: 100%;
}

.photo-thumb ul {
  display: flex;
  flex-wrap: wrap;
}

.photo-thumb li {
  background-color: #eee;
  width: 114px;
  height: 133px;
  text-align: center;
  margin-right: 38px;
}
.photo-thumb li:nth-last-of-type(1) { margin-right: 0;}

.item-des-wrap .item-name {
  color: #14375b;
  font-size: 2.6rem;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #14375b;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.item-des-wrap .item-des dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.item-des-wrap .item-des dt,
.item-des-wrap .item-des dd {
  font-size: 1.6rem;
}

.item-des-wrap .item-des dt { width: 150px;}

.item-des-wrap .item-des dd p { line-height: 1.8;}

.sunpou-area { margin: 50px 0;}

.sunpou-area p { margin-bottom: 1em; }

.item-des > p { text-align: right;}

.item-des > p a { text-decoration: underline;}

.item-des > p a:hover { text-decoration: none;}




/* ====================================
よくある質問
====================================== *
.faq-ttl-img { background-image: url("../images/faq_ttl.jpg");}

.faq-conts-wrap {
  width: 96%;
  max-width: 1280px;
  margin: 0 auto;
}

.faq-area {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.faq-area .q-area,
.faq-area .a-area {
  display: table;
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 0.08em;
  padding-left: 65px;
}

.faq-area .q-area { margin-bottom: 20px;}

.faq-area .q-area p,
.faq-area .a-area p {
  display: table-cell;
  vertical-align: top;
}

.faq-area .q-area p:nth-of-type(1),
.faq-area .a-area p:nth-of-type(1) { width: 50px;}

.faq-area .q-area p:nth-of-type(2),
.faq-area .a-area p:nth-of-type(2) {
  padding-top: 10px;
  padding-left: 18px;
}

.faq-area .q-circle,
.faq-area .a-circle {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  font-size: 2.0rem;
  text-align: center;
  line-height: 50px;
}

.faq-area .q-circle { background-color: #14375b;}
.faq-area .a-circle { background-color: #996b37;}




/* ====================================
会社概要
====================================== */
.shop-ttl-img { background-image: url("../images/shop_ttl.jpg");}

.shop-info { margin-bottom: 100px;}

.shop-info > p {
  text-align: center;
  margin-bottom: 30px;
}

.shop-info .info-area {
  width: 96%;
  max-width: 780px;
  margin: 0 auto;
}

.info-area dl {
  width: 100%;
  display: table;
  margin-bottom: 20px;
}

.info-area dt,
.info-area dd {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.6rem;
}

.info-area dt {
  width: 26%;
  font-weight: 600;
}

.contact {
  width: 96%;
  max-width: 980px;
  margin: 0 auto;
}

.contact > p {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin-bottom: 60px;
}

.contact > p span.tel-num {
  color: #14375b;
  font-size: 2.0rem;
  font-weight: 600;
}

.contact-conts p {
  font-size: 1.6rem;
	line-height: 1.7;
  letter-spacing: 0.1rem;
  margin-bottom: 50px;
}

.form-wrap dl { margin-bottom: 60px;}

.form-wrap dt {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.form-wrap input[type="text"]{
  background-color: #f8f8f8;
  width: 100%;
  height: 60px;
  border: none;
  padding: 5px 10px;
}

.form-wrap textarea {
  background-color: #f8f8f8;
  border: none;
  width: 100%;
  height: 200px;
}

.form-wrap label { margin-right: 40px;}

.btn-area { text-align: center;}

.btn-area .submit {
  display: inline-block;
  background-color: #996b37;
  width: 280px;
  color: #fff;
  font-size: 1.6rem;
  border: none;
  text-align: center;
  padding: 15px 0;
  cursor: pointer;
}




/* ====================================
オプション
====================================== */
.option-ttl-img { background-image: url("../images/option_ttl.jpg");}  
  
.opt-wrap > div:nth-of-type(1) img {
  width: 100%;
  height: auto;
}

.opt-wrap p.opt-cat {
  color: #14375b;
  font-size: 3.0rem;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 60px 0 40px;
}

.opt-box-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  max-width: 1280px;
  margin: 0 auto 120px;
}

.opt-box-wrap .img-area {
  width: 40%;
  max-width: 500px;
  margin-right: 50px;
}

.opt-box-wrap .img-area img {
  width: 100%;
  height: auto;
}

.cat-opt {
  width: 54.7%;
  max-width: 700px;
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
}

.cat-opt dl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 0;
}

.cat-opt dt,
.cat-opt dd {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  padding: 13px 10px;
}

.cat-opt dd { text-align: right;}



/*
.jac-box-wrap { justify-content: space-between;}

.opt-box-wrap figure img { margin-bottom: 10px;}
.slc-box-wrap figure { margin-right: 20px;}

.opt-box-wrap .box-des {
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: 0.1em;
  padding: 0 10px;
}

.opt-box-wrap .box-des p:nth-of-type(1) {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.08em;
}*/

.opt-sub-conts {
	background: url("../images/option_conts_img03.jpg") no-repeat center top;
	background-size: 100% auto;
	padding-top: 21.3%;
}

.opt-sub-conts-in {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 96%;
	max-width: 1280px;
	border-left: 1px solid #e9e9e9;
	margin: 65px auto 0;
}

.opt-conts-box {
	width: 50%;
	border-right: 1px solid #e9e9e9;
	padding: 20px 50px 20px;
}

.opt-conts-box p {
	font-size: 1.4rem;
	line-height: 1.7;
	letter-spacing: 0.15em;
}

.opt-conts-box .opt-conts-ttl {
	color: #14375b;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.0;
	letter-spacing: 0.08em;
	margin-bottom: 30px;
}

.opt-tbl {
	border-top: 1px solid #e9e9e9;
	margin: 15px 0;
}

.opt-tbl dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
}

.opt-tbl dt,
.opt-tbl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 7px 10px;
}

.opt-tbl dt {
	width: 32%;
	border-right: 1px solid #e9e9e9;
}

.form .form-contents {
  padding: 0;
}

.form input {
  vertical-align: baseline;
  margin-right: 3px;
}

.form .form-contents form dl dt:not(.pattern-exclusion) {
  width: 200px;
}

.form .form-contents form dl dd:not(.pattern-exclusion) {
  padding-left: 200px;
}
.form .form-contents dd:not(.pattern-exclusion) input.textarea {
  height: 40px;
}

.form .form-contents dd:not(.pattern-exclusion) .textarea {
  border-radius: 0;
}

.contact-conts .form p {
  margin-bottom: 0;
}

.form .form-pattern-1 .submit-btn {
  background-color: #996b37;
  border: none;
  border-radius: 0;
}

.form .form-pattern-1 .submit-btn:hover {
  background-color: #996b37;
  opacity: 0.7;
}