@charset 'utf-8';

/*---------------------------------------------------------------------- */
/* Company Styles
------------------------------------------------------------------------ */

/* Utillities
---------------------------------------------------------- */

/* Article --------------------------------- */

.article-header {
	padding-bottom: 55px;
}

.article-header > .title {
	margin-bottom: 0;
	width: 250px;
}

.article-content {
	padding-top: 0;
}

/* Section --------------------------------- */

.section-header > .title {
	margin-bottom: 25px;
	width: auto;
	font-size: 2.2rem;
	letter-spacing: .1em;
}


/* Layout
---------------------------------------------------------- */

#main {
	background: url(../../img/bg02.jpg);
}

/* #block-outline */

#block-outline > dl {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
	width: 752px;
	line-height: 1.8;
	border-top: 1px solid #d3b07f;
	font-size: 1.4rem;
	letter-spacing: .1em;
}

#block-outline > dl > dt,
#block-outline > dl > dd {
	padding: 16px 0 17px 0;
	border-bottom: 1px solid #d3b07f;
	box-sizing: border-box;
}

#block-outline > dl > dt {
	padding-left: 25px;
	width: 140px;
}

#block-outline > dl > dd {
	width: 612px;
}

#block-outline > dl > dd > dl {
	display: flex;
	flex-flow: row wrap;
}

#block-outline > dl > dd > dl > dt {
	width: 135px;
}

#block-outline > dl > dd > dl > dd {
	width: 477px;
}

/* #section-contact */

#section-contact {
	padding: 80px 0;
	background: url(../../img/bg02.jpg);
}

#section-contact .section-header > .title {
	margin-bottom: 10px;
}

#section-contact .section-content {
	line-height: 1.8;
}

#section-contact .section-content > .txt {
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: .1em;
}

/* #section-policy */

#section-policy {
	margin-bottom: 145px;
	padding-top: 95px;
}

#section-policy .section-header > .title {
	margin-bottom: 15px;
}

#section-policy .section-content  {
	line-height: 1.8;
}

#section-policy .section-content .title {
	margin-bottom: 25px;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: .1em;
}

#section-policy .section-content .txt,
#section-policy .section-content .list {
	margin-bottom: 25px;
	font-size: 1.4rem;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: .1em;
}

#section-policy .section-content .list > li {
	display: flex;
}

#section-policy .section-content .list > li:before {
	color: #6c4619;
	content: '●';
}

#section-policy .section-content .unit01 {
	margin-bottom: 55px;
}






/*---------------------------------------------------------------------- */
/* 767px SmartPhone Styles
------------------------------------------------------------------------ */

@media screen and (max-width: 767px) {

/* Utillities
---------------------------------------------------------- */

/* Article --------------------------------- */

.article-header {
	padding-bottom: 25px;
}

.article-header > .title {
	width: 140px;
}

/* Section --------------------------------- */

.section-header > .title {
	margin-bottom: 10px;
	font-size: 1.7rem;
}


/* Layout
---------------------------------------------------------- */

/* #block-outline */

#block-outline > dl {
	flex-flow: column;
	margin: 0 20px;
	width: auto;
	font-size: 1rem;
}

#block-outline > dl > dt,
#block-outline > dl > dd {
	width: 100%;
}

#block-outline > dl > dt {
	padding: 11px 7px 5px 7px;
	border-bottom: 0;
}

#block-outline > dl > dd {
	padding: 0 7px 12px 7px;
}

#block-outline > dl > dd > dl {
	flex-flow: column;
	line-height: 1.7;
}

#block-outline > dl > dd > dl > dt,
#block-outline > dl > dd > dl > dd {
	width: 100%;
}

#block-outline > dl > dd > dl > dd {
	margin-bottom: 6px;
}

/* #section-contact */

#section-contact {
	padding: 20px 0 30px 0;
}

#section-contact .section-header > .title {
	margin-bottom: 5px;
}

#section-contact .section-content > .txt {
	font-size: 1rem;
}

/* #section-policy */

#section-policy {
	margin-bottom: 25px;
	padding-top: 35px;
}

#section-policy .section-content .title {
	margin-bottom: 20px;
	font-size: 1.2rem;
}

#section-policy .section-content .txt,
#section-policy .section-content .list {
	margin-bottom: 15px;
	font-size: 1rem;
}

#section-policy .section-content .list {
	margin-bottom: 0;
}

#section-policy .section-content .list > li {
	display: block;
	margin-bottom: 15px;
}

#section-policy .section-content .unit01 {
	margin-bottom: 45px;
}


}