@charset "UTF-8";

p.largeorder_txt_001 {
	text-align: center;
	color: #907555;
	font-weight: bold;
	font-size: 14px;
	font-size:1.4rem;
}
p.largeorder_txt_002 {
	text-align: center;
	color: #907555;
	font-size: 12px;
	font-size:1.2rem;
}
p.largeorder_txt_003 {
	text-align: center;
	color: #907555;
	font-size: 14px;
	font-size:1.4rem;
}
p.largeorder_txt_004 {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-size:1.4rem;
}
p.largeorder_txt_005 {
	text-align: center;
	font-size: 12px;
	font-size:1.2rem;
	line-height: 1.8;
	margin: 0 auto 3%;
}
p.largeorder_txt_005 span{
	padding-right: 15px;
}
p.largeorder_txt_006 {
	margin: 3% 1%;
	font-size: 12px;
	font-size:1.2rem;
	line-height: 1.8;
}
p.largeorder_txt_007 {
	text-align: center;
	color: #907555;
	font-size: 12px;
	font-size:1.2rem;
	margin-bottom: 2px;
}
p.largeorder_txt_008 {
	text-align: center;
	color: #907555;
	font-size: 12px;
	font-size:1.2rem;
}
@media only screen and (max-width: 48em) {
	p.largeorder_txt_001 {
	font-size: 12px;
	font-size:1.2rem;
	}
	p.largeorder_txt_002 {
		font-size: 12px;
		font-size:1.2rem;
	}
	p.largeorder_txt_003 {
		font-size: 10px;
		font-size:1.0rem;
	}
	p.largeorder_txt_004 {
		font-size: 12px;
		font-size:1.2rem;
	}
	p.largeorder_txt_005 {
		font-size: 12px;
		font-size:1.2rem;
		line-height: 1.8;
		margin: 0 auto 3%;
	}
	p.largeorder_txt_005 span{
	font-size: 10px;
	font-size:1.0rem;
	padding-right: 5px;
}
	p.largeorder_txt_006 {
		margin: 3% 1%;
		font-size: 10px;
		font-size:1.0rem;
		line-height: 1.8;
	}
	p.largeorder_txt_007 {
		font-size: 12px;
		font-size:1.2rem;
		margin-bottom: 5px;
	}
	p.largeorder_txt_008 {
		font-size: 12px;
		font-size:1.2rem;
	}
}

/* =========== largeorder =========== */
h1.largeorder_title{
	margin: 150px auto 0;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 400;
	text-align: center;
	color: #333
}
@media only screen and (max-width: 48em) {
	h1.largeorder_title{
		font-size: 25px;
		font-size: 2.5rem;
	}
}
.content_sect_01 {
	position: relative;
	margin: 0 auto 50px;
}
.content_sect_02 {
	position: relative;
	margin: 0 auto 70px;
}
.content_sect_02 h2{
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 400;
    text-align: center;
	color: #333;
	margin: 0;
}
@media only screen and (max-width: 48em) {
	.content_sect_01 {
	position: relative;
	margin: 0 auto 50px;
	}
	.content_sect_02 {
		position: relative;
		margin: 0 auto 40px;
		width: 90%;
	}
}

/* =========== Example area =========== */
.example_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto 4%;
}
.example_box{
	border: solid 1px #907555;
	padding: 25px;
	width: 19%;
}
.example_box_img{
	width: 50%;
	margin: 10px auto 0;
}
.example_box_img img{
	width: 100%;
}
/* 768px */
@media only screen and (max-width: 48em) {
	.example_area{
	display: flex;
	justify-content: center;
	margin: 0 auto 4%;
	}
	.example_box{
		border: solid 1px #907555;
		padding: 10px;
		width: 32%;
		margin: 0 0.5% 1%;
	}
	.example_box_img{
		width: 50%;
		margin: 10px auto 0;
	}
	.example_box_img img{
		width: 100%;
	}
}

/* =========== Example area =========== */
ul.recommended_area{
	width: 100%;
}
.recommended_area li{
	list-style: none;
	border-bottom: solid 1px #c6c6c6;
    margin: 3% auto 3% auto;
}
.recommended_area li:first-child{
	list-style: none;
	border-top: solid 1px #c6c6c6;
	border-bottom: solid 1px #c6c6c6;
    margin: 2% auto 2% auto;
	padding-top: 2%;
}
@media only screen and (max-width: 48em) {
	.recommended_area li{
		margin: 6% auto 3% auto;
	}
	.recommended_area li:first-child{
		padding-top: 6%;
	}
}
.recommended_area h3{
	text-align: center;
	letter-spacing: 2px;
	font-weight: 400;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 auto 1% auto;
}
.recommended_area h3 strong{
	padding-right: 5px;
	font-weight: bold;
	color: #907555;
	font-size: 36px;
    font-size: 3.6rem;
}
@media only screen and (max-width: 48em) {
	.recommended_area h3{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.recommended_area h3 strong{
		font-size: 30px;
		font-size: 3.0rem;
	}
}

.recommended_box{
	display: flex;
	justify-content: space-between;
	width: 65%;
	margin: 0 auto 3%;
}
.recommended_box_inner{
	width: 45%
}
.recommended_box_inner img{
	width: 80%;
    margin: 5% 10%;
}
.recommended_box2{
	display: flex;
	justify-content: center;
	width: 65%;
	margin: 0 auto 3%;
}
@media only screen and (max-width: 48em) {
	.recommended_box{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 8%;
	}
	.recommended_box_inner{
		width: 45%
	}
	.recommended_box2{
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto 8%;
	}
}


/* =========== Service area =========== */
.service_area{
	background-color: #f4f4f4;
	padding: 3% 0 2%;
	margin-bottom: 4%;
}
.service_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 3% auto;
}
.service_box_inner{
	width: 48%;
	padding: 2% 3%;
	margin: 1% auto;
	border: solid 1px #c6c6c6;
	background-color: #fff;
}
.service_box_inner h3{
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	border-bottom: solid 1px;
	padding: 10px;
	
}
.service_box_img{
	width: 40%;
	margin: auto;
}
.service_box_inner img{
	width: 100%;
}
@media only screen and (max-width: 48em) {
	.service_area{
	background-color: #f4f4f4;
	padding: 8% 0 1%;
	margin-bottom: 8%;
	}
	.service_box_inner h3{
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	border-bottom: solid 1px;
	padding: 10px;
	
	}
	.service_box_inner{
	width: 100%;
	padding: 2% 3%;
	margin: 3% auto;
	border: solid 1px #c6c6c6;
	background-color: #fff;
	}
}


/* =========== Contact area =========== */
a.Btn{
	background-color: #937856;
	color: #fff;
	margin: 20px auto;
	padding: 25px 0;
	width: 500px;
	display: block;
	border-radius: 0;
    text-align: center;
    text-decoration: none;
	font-size: 18px;
    font-weight: 400;
    line-height: 3.39;
    transition-timing-function: linear;
    transition-duration: .2s;
    transition-property: background-color, color, opacity;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a.Btn:hover {
    background-color: #705b41;
	color: #fff;
    }
@media only screen and (max-width: 48em) {
	a.Btn{
	color:  #fff;
	margin: 15px auto;
	padding: 15px 0;
	width: 330px;
	background-color: #907555;
	line-height: 5;
	font-size: 16px;
}
}
.Btn_02{
	border: 1px solid #907555;
	color: #907555;
	margin: 0 auto 2%;
	padding: 8px 0;
	width: 500px;
}
.Btn_02 p{
	text-align: center;
	
}
.Btn_02 a{
	font-size: 12px;
	color: #907555;
	text-align: center;
	letter-spacing: 3px;
}
.Btn_02 a span{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
@media only screen and (max-width: 48em) {
	.Btn_02{
		margin: 0 auto 5%;
		padding: 15px 0;
		width: 330px;
	}
	.Btn_02 p{
		text-align: center;

	}
	.Btn_02 a{
		font-size: 12px;
		color: #907555;
		text-align: center;
		letter-spacing: 3px;
	}
	.Btn_02 a span{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
}


/*=============== parts <br> ===============*/
/*本文 PCスマホbr有り*/
.pcmb_show {
	display: block !important;
}
/*本文 PC時のみbr有り*/
.pc_show {
	display: block !important;
}
/*本文 スマホ時のみbr有り*/
.mb_show {
	display: none;
}
@media only screen and (max-width: 48em) {
/*本文 PC時のみbr有り*/
.pc_show {
	display: none !important;
}
/*本文 スマホ時のみbr有り*/
.mb_show {
	display: block !important;
}
}


/* 1400px */
@media only screen and (max-width: 87.5em) {
}
/* 1024px */
@media only screen and (max-width: 64em) {
}
/* 960px */
@media only screen and (max-width: 60em) {
}
/* 768px */
@media only screen and (max-width: 48em) {
}
/* 720px */
@media only screen and (max-width: 45em) {
}
/* 600px */
@media only screen and (max-width: 37.5em) {
}
/* 480px */
@media only screen and (max-width: 30em) {
}
/* 320px */
@media only screen and (max-width: 20em) {
}