@charset "utf-8";

.main-area {background-image: url(../img/bg_01.jpg);height: 650px;position: relative; }

.main-area__ttl {
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    color: #000;
    font-weight: 100;
}

.lcl-box--light {background: #ece7db; }

/* ---------------------------------------------------------------- box01 ---- */
.lcl-box01{
	background-color: #ece7db;
	position: relative;
	padding: 60px 0 30px;
	margin-top: -380px;
	margin-bottom: 45px;
	z-index: 1;
}

.lcl-box01:after{
	content: '';
	display: block;
    width: 0;
    height: 0;
    border-top: 45px solid #ece7db;
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    position: absolute;
    bottom: -45px;
}

.lcl-box01:before{
	content: '';
	background: url(../img/img_02.png) center /100% no-repeat;
	width: 100px;
	height: 65px;
	bottom: -65px;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	display: block;
	position: absolute;
	z-index: 2;
}

.lcl-description{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 65px;
}

.lcl-box01 .block__ttl-wrp{margin-bottom: 15px;}

.lcl-box01-block{background-color: #fff;padding: 40px 0 30px;}
.lcl-box01-block:before{
	content: '';
	position: absolute;
	top: -27px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/h_01.png) center /100% no-repeat;
	width: 337px;
	height: 56px;
}

.lcl-box01-block__ttl{
	font-size: 26px;
	letter-spacing: 0.05em;
	text-align: center;
	font-weight: 500;
	margin-bottom: 18px;
}

.lcl-box01-list.block-flex {
    align-content: center;
    text-align: center;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.lcl-box01-list__item{
	background-color: #f84436;
	font-size: 18px;
	letter-spacing: 0.05em;
	width: 225px;
	height: 40px;
	color: #fff;
	line-height: 40px;
}
/* 下段（4番目と5番目）だけ幅を400pxに */
.lcl-box01-list__item:nth-child(4),
.lcl-box01-list__item:nth-child(5) {
    width: 343px;
}

.lcl-box01-list__item:nth-child(-n+3){margin-bottom: 10px;}

.lcl-box01-val{
	width: 400px;
	/*width: 700px;*/
    margin-left: auto;
    margin-right: auto;
	margin-top: 25px;
	align-items: flex-end;
}

.lcl-box01-val__txt{
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0.05em;
	padding-bottom: 5px;
}
.lcl-box01-val div {
	width: 100px;
	padding-bottom: 5px;
}
.lcl-box01-val__txt__img{
	width: 100%;
}
.lcl-box01-val__txt--small{color: #f84436;}

.lcl-box01-val__txt--02{font-size: 18px;padding-bottom: 5px;}
.lcl-box01-val__txt--02--small{font-size: 16px;}

/**/
.lcl-box01-btn {margin-top: 20px;}

.lcl-box01-btn__item{
	width: 380px;
	height: 70px;
	background-color: #fff;
	text-align: center;
}

.lcl-box01-btn__item__left{
	width: 170px;
	background-color: #231815;
	color: #fff;
	height: 100%;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 18px;
	letter-spacing: 0.05em;
}

.lcl-box01-btn__item__right{
	width: 210px;
	font-size: 40px;
	color: #f84436;
	letter-spacing: 0.05em;
	font-weight: 400;
	justify-content: center;
}

.lcl-box01-btn__item__right--sm{font-size: 20px;}
.lcl-box01-btn__item__left-y{color: #fdf59a;display: inline-block;}

.lcl-box01-al-txt{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.05em;
	margin-top: 17px;
}

/* ---------------------------------------------------------------- box02 ---- */

.lcl-box02{
	background-color: #ddd5c3;
	position: relative;
	margin-top: -45px;
	z-index: 0;
	padding: 105px 0 60px;
}

.lcl-box02__ttl{
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 25px;
}

.lcl-box02__bnr{
	background: url(../img/img_03.jpg) center /100% no-repeat;
	width: 800px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}

.lcl-box02__bnr__txt{
	font-size: 12px;
	letter-spacing: 0.05em;
	margin: 12px 0 25px;
}

.lcl-box02-block{
	border: 2px solid #26241f;
	padding: 21px 40px;
}

.lcl-box02-block__txt{
	line-height: 30px;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}

.lcl-box02-block__list {
    text-align: center;
    font-size: 0;
}

.lcl-box02-block__list__item{
	color: #fff;
	background-color: #92885f;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: center;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	/*width: 280px;*/
	width: 340px;
}

.lcl-box02-block__list__item:nth-child(1),
.lcl-box02-block__list__item:nth-child(4){
	width: 690px;
	margin: 0 5px 8px;
}

.lcl-box02-block__list__item:nth-child(2),
.lcl-box02-block__list__item:nth-child(3){
	margin: 0 5px 8px;
}

.lcl-box02__bnr02{
	width: 480px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

/* ---------------------------------------------------------------- box03 ---- */

.lcl-box03 .contact_box-left{
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-bottom: 70px;
    height: auto;
}

/* ---------------------------------------------------------------- box04 ---- */

.lcl-box04{
	background-color: #ece7db;
	padding: 55px 0 100px;
}

.lcl-box04 .block__ttl-wrp{
	margin-bottom: 20px;
}

.lcl-box04-leadtxt{
	display: block;
	width: 80%;
	margin: 0 auto;
	font-size: 15px;
	letter-spacing: 0.05em;
	text-align: left;
	margin-bottom: 80px;
}

.lcl-box04__list__item{
	background-color: #fff;
	height: 280px;
	position: relative;
}

.lcl-box04__list__item:not(:last-child){
	margin-bottom: 75px;
}

.lcl-box04__list__item--left{
	width: 450px;
	height: 280px;
}

.lcl-box04__list__item--left___ttl{
	background-color: #26241f;
	width: 350px;
	height: 50px;
	color: #fff;
	font-size: 21.44px;
	letter-spacing: 0.1em;
	line-height: 50px;
    position: absolute;
    top: -18px;
    left: 50px;
    padding-left: 35px;
}

.lcl-box04__list__item--left___ttl--01{
	font-size: 41.44px;
	line-height: 20px;
}

.lcl-box04__list__item--left___ttl--02{
	font-size: 30px;
	font-weight: 300;
}

.lcl-box04__list__item--left___ttl--03{
	font-size: 18px;
	letter-spacing: 0.25em;
	vertical-align: top;
    margin-left: 35px;
}

.lcl-box04__list__item--left--01{background: url(../img/img_04.jpg) center /100% no-repeat;}
.lcl-box04__list__item--left--02{background: url(../img/img_05.jpg) center /100% no-repeat;}
.lcl-box04__list__item--left--03{background: url(../img/img_06.jpg) center /100% no-repeat;}
.lcl-box04__list__item--left--04{background: url(../img/img_07.jpg) center /100% no-repeat;}
.lcl-box04__list__item--left--05{background: url(../img/img_08.jpg) center /100% no-repeat;}

.lcl-box04__list__item--right{
	width: 550px;
}
@media screen and (min-width: 767px) {
	.lcl-box04__list__item--right{
		flex-direction: column;
		height: 100%;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.lcl-box04__list__item--right .lcl-box04__list__item--right--top {
		height: auto;
	}
}/* min-width: 767px ------------ */

.lcl-box04__list__item--right--top{
	height: 180px;
  padding: 24px 40px 10px;
}

.lcl-box04__list__item--right--top__ttl{
	color: #f84436;
	font-size: 22px;
	letter-spacing: 0.05em;
	margin-bottom: 8px;
}

.lcl-box04__list__item--right--top__link{
	text-decoration: underline;
}

.lcl-box04__list__item--right--bottom{
	height: fit-content;
	width: 100%;
	background-color: #faf5e8;
	color: #786d40;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0.05em;
	padding: 25px 40px;
}
.lcl-box04__list__small {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.6;
}

.lcl-box04__list__item--right--bottom--nocolor{
	background-color: #fff;
}

.lcl-box04__list__item--right--top--txt span{color: #f84436;}

.lcl-box04__list__item--right--top--05{height: 160px;}

.lcl-box04__list__item--right--bottom--05 h4{
	color: #f84436;
}


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

	.main-area{height: 285px;}
	.main-area__ttl{
		position: absolute;
		top: 31px;
		color: #000000;
	}

	.lcl-box {padding: 30px 0 30px;}

	/* ---------------------------------------------------------------- box01 ---- */

	.lcl-box01-block {
	    padding: 32px 0 20px;
	}

	.lcl-box01 {
		padding: 30px 15px;
		margin-top: -180px;
		width: 290px;
		min-width: inherit;
	}

	.lcl-description{
		font-size: 13px;
		line-height: 21px;
		letter-spacing: 0.025em;
		margin-bottom: 35px;
	}

	.lcl-box01-list.block-flex{
		padding: 0 10px;
		width: 100%;
	}

	.lcl-box01-list__item {
	    font-size: 11px;
	    letter-spacing: 0;
	    width: 117px;
	    height: 25px;
	    color: #fff;
	    line-height: 25px;
	}
	.lcl-box01-list__item:nth-child(4),
	.lcl-box01-list__item:nth-child(5) {
		width: 117px;
	}

	.lcl-box01-block:before {
	    content: '';
	    position: absolute;
	    top: -20px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    background: url(../img/h_01.png) center /100% no-repeat;
	    width: 219px;
	    height: 37px;
	}

	.lcl-box01-list.block-flex {
	    align-content: center;
	    text-align: center;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}

	.lcl-box01-block__ttl {
	    font-size: 13px;
	    letter-spacing: 0.025em;
	    margin-bottom: 13px;
	    line-height: 21px;
	}

	.lcl-box01-list__item:nth-child(-n+3),
	.lcl-box01-list__item:nth-child(-n+4) {
	    margin-bottom: 5px;
	}

	.lcl-box01-val{
		width: 100%;
		flex-direction: column;
		align-items: center;
	}

	.lcl-box01-val__txt {
	    font-size: 13px;
	    line-height: 21px;
	    letter-spacing: 0.025em;
	    padding-bottom: 5px;
	    text-align: center;
	}

	.lcl-box01-val__txt__img{width: 207px;}

	.lcl-box01-val__txt--02{
		font-size: 14px;
	}

	.lcl-box01-val__txt--02--small {
	    font-size: 13px;
	}

	.lcl-box01-btn {margin-top: 10px;}

	.lcl-box01-btn__item {
	    width: 100%;
	    height: 50px;
	    background-color: #fff;
	    text-align: center;
	}

	.lcl-box01-btn__item:first-child{margin-bottom: 10px;}

	.lcl-box01-btn__item__left {
	    width: 116px;
	    font-size: 12.315px;
	    letter-spacing: 0.025em;
	}

	.lcl-box01-al-txt {
	    font-size: 12px;
	    line-height: 17px;
	    letter-spacing: 0.025em;
	    margin-top: 9px;
	}

	.lcl-box01-btn__item__right {
	    width: 130px;
	    letter-spacing: 0.025em;
	    font-size: 27.37px;
	}

	.lcl-box01-btn__item__right--sm {font-size: 13.685px;}

	.lcl-box01:after {
	    content: '';
	    display: block;
	    width: 0;
	    height: 0;
	    border-top: 20px solid #ece7db;
	    border-left: 145px solid transparent;
	    border-right: 145px solid transparent;
	    position: absolute;
	    bottom: -20px;
	    left: 0;
	}

	.lcl-box01:before{
		height: 32.5px;
		bottom: -32.5px;
		width: 50px;
	}

/* ---------------------------------------------------------------- box02 ---- */
	.lcl-box02 {
	    padding: 40px 0 30px;
	    width: 290px;
	    min-width: inherit;
	}

	.lcl-box02__bnr {
	    background: url(../img/sp/img_03.png) center /100% no-repeat;
	    width: 260px;
	    height: 97px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.lcl-box02__bnr__txt {
	    font-size: 12px;
	    letter-spacing: 0.025em;
	    margin: 5px 0 15px;
	    padding: 0 15px;
	}

	.lcl-box02__ttl {
	    font-size: 16px;
	    line-height: 24px;
	    letter-spacing: 0.025em;
	    text-align: center;
	    margin-bottom: 25px;
	}

	.lcl-block-list {
	    padding: 0 15px;
	}

	.lcl-box02-block {
	    border: 1px solid #26241f;
	    position: relative;
	    padding: 8px 15px 15px;
	    margin: 0 15px;
	}

	.lcl-box02-block__txt {
	    line-height: 21px;
	    letter-spacing: 0.025em;
	    margin-bottom: 10px;
	    font-size: 13px;
	}

	.lcl-box02-block__list__item {
	    font-size: 12px;
	    letter-spacing: 0.025em;
	    line-height: 17px;
	    height: inherit;
	    width: 100%;
	    padding: 8px 4px;
	}

	.lcl-box02-block__list__item:nth-child(1),.lcl-box02-block__list__item:nth-child(4) {
	    width: 100%;
	    margin: 0 0 2px;
	}
	.lcl-box02-block__list__item:nth-child(2), .lcl-box02-block__list__item:nth-child(3){
		 width: 100%;
		margin: 0 0 2px;
	}


	/*.lcl-box02-block__list__item:nth-child(2){
		margin: 5px 0;
	}*/

	.lcl-box02__bnr02 {
	    width: 260px;
	    height: auto;
	    margin-right: auto;
	    margin-left: auto;
	    margin-top: 15px;
	}

	/* ---------------------------------------------------------------- box03 ---- */

	.lcl-box03 .contact_box-left{
		padding-bottom: 0;
	}

	/* ---------------------------------------------------------------- box04 ---- */

	.lcl-box04-leadtxt {
		width: 100%;
	    font-size: 13px;
	    letter-spacing: 0.025em;
	    text-align: left;
	    margin-bottom: 40px;
	    padding: 0 15px;
	}

	.lcl-box04__list.width01 {
	    padding: 0 15px;
	}

	.lcl-box04__list__item {
	    flex-direction: column;
	    height: auto;
	    width: 100%;
	}

	.lcl-box04__list__item--left {
	    width: 100%;
	    height: 182px;
	}

	.lcl-box04__list__item--right {
	    width: 100%;
	}

	.lcl-box04__list__item--left___ttl {
	    background-color: #26241f;
	    width: 230px;
	    height: 40px;
	    color: #fff;
	    font-size: 13px;
	    letter-spacing: 0.1em;
	    line-height: 40px;
	    position: absolute;
	    top: -18px;
	    left: 0;
	    padding-left: 35px;
	    right: 0;
	    margin: auto;
	}

	.lcl-box04__list__item--left___ttl--01 {
	    font-size: 27px;
	    line-height: 20px;
	}

	.lcl-box04__list__item--left___ttl--02 {
	    font-size: 20px;
	    font-weight: 300;
	}

	.lcl-box04__list__item--left___ttl--03 {
	    font-size: 15px;
	    letter-spacing: 0.125em;
	    vertical-align: top;
	    margin-left: 20px;
	}

	.lcl-box04__list__item--left {
	    background-size:cover;
	}

	.lcl-box04__list__item--right--top__ttl {
	    color: #f84436;
	    font-size: 16px;
	    letter-spacing: 0.025em;
	    margin-bottom: 8px;
	}
	.lcl-box04__list__item--right--top__link {
		margin-top: 10px;
	}
	.lcl-box04__list__item--right--top__note {
		font-size: 13px;
		margin-top: 10px;
	}

	.lcl-box04__list__item--right--top {
	    height: inherit;
	    padding: 16px 15px 20px;
	}

	.lcl-box04__list__item--right--bottom {
		height: auto;
		font-size: 13px;
		letter-spacing: 0.025em;
		line-height: 21px;
		padding: 19px 15px 15px;
	}

	.lcl-box04__list__item:not(:last-child) {
	    margin-bottom: 40px;
	}

	.lcl-box04__list__item--right--bottom--nocolor {
	    background-color: #fff;
	    display: none;
	}

}


@media screen and (min-width: 768px) {

	/*.lcl-box {padding: 80px 0 70px;}*/

	.lcl-block {margin-top: 60px;}

	.lcl-block_title {
		padding-left: 60px;
		font-size: 18px;
		height: 50px;
		line-height: 50px;
		position: absolute;
		width: 400px;
		top: -30px;
		right: 0;
		left: 0;
		margin: auto;
		letter-spacing: 0.15em;
	}

	.lcl-block_title::before {
		left: 25px;
		font-size: 35px; }

	.lcl-block_body {
		padding: 65px 35px 35px;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start; }

	.lcl-block_textarea {width: 600px;}
	.lcl-block_textarea img {margin-top: 50px;}

}