@charset "UTF-8";


.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.strong, .bold { font-weight:bold; }
.italic { font-style:italic; }
.f10 { font-size:10px; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }
.f21 { font-size:21px; }
.f22 { font-size:22px; }
.f23 { font-size:23px; }
.f24 { font-size:24px; }
.f25 { font-size:25px; }
.f26 { font-size:26px; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.d-inline-block { display: inline-block; }
/****************** end common ********************/

/*==================================================================
	Common setting
===================================================================*/

.inner {
	margin: auto;
	max-width: 1175px;
	width: 92%;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.link {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.noclick {
	opacity: 0.3;
	pointer-events: none;
}
.inview {
	opacity: 0;
	-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
			transform: translateY(50px);
	-webkit-transition: all ease-in-out 0.8s;
		 -o-transition: all ease-in-out 0.8s;
			transition: all ease-in-out 0.8s;
}
.inview.show {
	opacity: 1;
	-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
			transform: translateY(0px);
}
.stretchL,
.stretchR,
.stretchT {
	overflow: hidden;
	position: relative;
    opacity: 0;
}
.stretchL.show {
	animation: stretchL 1.5s ease 0s forwards;
}
@keyframes stretchL {
    0% {
		clip-path: inset(0 100% 0 0);
        opacity: 0;
	}
	100% {        
        clip-path: inset(0 0 0 0);
        opacity: 1;
	}
}
.stretchR.show {
	animation: stretchR 1.5s ease 0s forwards;
}
@keyframes stretchR {
    0% {
		clip-path: inset(0 0 0 100%);
        opacity: 0;
	}
	100% {        
        clip-path: inset(0 0 0 0);
        opacity: 1;
	}
}
.stretchT.show {
	animation: stretchT 1.5s ease 0s forwards;
}
@keyframes stretchT {
    0% {
		clip-path: inset(0 0 100% 0);
        opacity: 0;
	}
	100% {        
        clip-path: inset(0 0 0 0);
        opacity: 1;
	}
}
.pos-rel {
	position: relative;
}
.full { width: 100%; }

@media screen and (min-width: 768px){
	.sp {
		display: none!important;
	}
}
@media screen and (max-width: 767px){
	body {
		font-size: 1.4rem;
		padding-top: 45px;
	}
	.pc {
		display: none!important;
	}	
}
@media screen and (min-width: 1025px){
	a[href^="tel:"] {
	    pointer-events: none;
	}
}
@media screen and (max-width: 1024px){
	a[href^="tel:"] {
	    pointer-events: auto !important;
	}
}
/*==================================================================
	Header setting
===================================================================*/
#header {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 60px;
	z-index: 99;
}
#logo a {
	opacity: 1;
}
#logo img {
	width: 175px;
}
.login img {
	width: 100px;
}
@media screen and (max-width: 767px) {
	#header {
		padding: 0 4%;
		min-height: 45px;
	}
	#logo img {
		width: 130px;
	}
	.login img {
		width: 70px;
	}
}
.line-yellow {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #ffec00 60%);
	padding: 0 40px;
}
.line-yellow.w {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, #ffffff 60%);
}
.list-notes {
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	line-height: 1.7;
	font-weight: 500;
	text-indent: -14px;
	padding-left: 14px;
}
.list-notes02 {
	font-size: 1.8rem;
	letter-spacing: 0.01em;
	line-height: 1.2;
	font-weight: bold;
	text-indent: -18px;
	padding-left: 18px;
}
.list-notes02 li + li {
	margin-top: 5px;
}
.btn-com {
	font-size: 2.2rem;
	letter-spacing: 0.15em;
	line-height: 1.7;
	border-radius: 14px;
	background: -webkit-gradient(linear,  left top, left bottom,  from(#ecad00),color-stop(5%, #ecad00),color-stop(40%, #f0ea4c),color-stop(50%, #f0ea4c),color-stop(60%, #f0ea4c),color-stop(95%, #ecad00),to(#ecad00));
	background: -o-linear-gradient(top,  #ecad00 0%,#ecad00 5%,#f0ea4c 40%,#f0ea4c 50%,#f0ea4c 60%,#ecad00 95%,#ecad00 100%);
	background: linear-gradient(to bottom,  #ecad00 0%,#ecad00 5%,#f0ea4c 40%,#f0ea4c 50%,#f0ea4c 60%,#ecad00 95%,#ecad00 100%);
	color: #634308;
	max-width: 360px;
    display: block;
	transition: all 0.3s ease-in;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px 5px;
	font-weight: bold;
}
.btn-com::after{
	content: "";
	background: url(../../uploads/2025/08/icon_arrow.png) no-repeat center center / contain;
	width: 10px;
	height: 22px;
	display: inline-block;
	margin-left: 10px;
}
.btn-com:hover {
	color: #634308;
}
.btn-com.white {
	background: #fff;
	color: #634308;
}
@media screen and (max-width: 767px) {
	.list-notes {
		font-size: 1.0rem;
		letter-spacing: 0;
	}
	.list-notes02 {
		font-size: 1.4rem;
		letter-spacing: 0.1em;
	}
	.btn-com {
		font-size: 1.4rem;
		padding: 7px 5px;
		border-radius: 10px;
	}
	.btn-com::after {
		width: 6px;
	}
}
/*==================================================================
	Contents setting
===================================================================*/
.sec-pickup {
	padding: 100px 0 75px;
}
.pickup-inner {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px;
}
.pickup-ttl {
	color: #5b4e42;
	font-size: 5rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.03em;
	margin: 0 0 60px;
	text-align: center;
}
.pickup-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.pickup-list .item {
	width: 50%;
	padding: 0 15px;
}
.pickup-list .item .img {
	margin: 0 0 50px;
}
.pickup-list .item .title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.pickup-list .item .title .ttl {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	width: 100%;
	margin: 0 0 0;
	padding: 0 0 15px;
	text-align: center;
	position: relative;
	color: #a79c6a;
}
.pickup-list .item .title .ttl::before {
	content: "";
	background: url(../imgs/bg_ttl01.png) no-repeat center center / 100% 100%;
	position: absolute;
    bottom: 7px;
    width: calc(100% - 55px);
    height: 5px;
    left: 0;
    right: 0;
    margin: auto
}
.pickup-list .item .title .ttl span::after,
.pickup-list .item .title .ttl span::before {
	content: "";
	width: 24px;
	height: 19px;
	position: absolute;
	bottom: 0;
}
.pickup-list .item .title .ttl span::before {
	background: url(../imgs/bg_ttl01_icon01.png) no-repeat bottom center / contain;
	left: 0;
}
.pickup-list .item .title .ttl span::after {
	background: url(../imgs/bg_ttl01_icon02.png) no-repeat bottom center / contain;
	right: 0;
}
.pickup-list .item .title .txt {
	font-size: 2rem;
	letter-spacing: 0.03em;
	line-height: 1.7;
	padding-left: 60px;
	color: #000;
}
@media screen and (max-width: 767px) {
	.sec-pickup {
		padding: 40px 0;
	}
	.pickup-ttl {
		font-size: 2.4rem;
		margin: 0 0 30px;
	}
	.pickup-list .item {
		width: 100%;
	}
	.pickup-list .item + .item {
		margin-top: 40px;
	}
	.pickup-list .item .img {
		margin: 0 0 15px;
	}
	.pickup-list .item .title {
		padding: 0;
	}
	.pickup-list .item .title .ttl {
		font-size: 1.8rem;
	}
	.pickup-list .item .title .ttl::before {
		bottom: 6px;
		width: calc(100% - 45px);
	}
	.pickup-list .item .title .ttl span::after, .pickup-list .item .title .ttl span::before {
		width: 20px;
	}
	.pickup-list .item .title .txt {
		font-size: 1.55rem;
		line-height: 1.7;
		width: 100%;
		text-align: left;
		padding-left: 10px;
	}
}

.area-bnrs {
	text-align: center;
}
.area-bnrs img {
	display: block;
	margin: 0 auto;
	width: 600px;
}
.area-bnrs .bnr01 {
	background: -webkit-gradient(linear,  left top, right top,  from(#603512),color-stop(18%, #c89629),color-stop(50%, #faf290),color-stop(82%, #c89628),color-stop(98%, #603512));
	background: -o-linear-gradient(left,  #603512 0%,#c89629 18%,#faf290 50%,#c89628 82%,#603512 98%);
	background: linear-gradient(to right,  #603512 0%,#c89629 18%,#faf290 50%,#c89628 82%,#603512 98%); 
	padding: 30px 15px 40px;
	color: #000;
}
.area-bnrs .bnr01.bg {
	background: #faec69 url(../imgs/bg_bnr01.jpg) no-repeat center center / cover;
}
.area-bnrs .bnr01 img {
	width: 615px;
	position: relative;
	left: 0;
}
.area-bnrs .bnr01 p {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 1.6;
	margin-bottom: 15px;
}
.area-bnrs .bnr01 p .lg {
	font-size: 175%;
	line-height: 1.3;
}
.area-bnrs .bnr01 p .md {
	font-size: 120%;
}
.area-bnrs .bnr02 {
	padding: 105px 15px 80px;
}
.area-bnrs.bnrs-top .bnr02{
	padding-top: 40px;
	padding-bottom: 0;
}
.area-bnrs .bnr02 p + p { margin-top: 40px; }
@media screen and (max-width: 767px) {
	.area-bnrs .bnr01.bg {
		background: #f8e117 url(../imgs/bg_bnr01_sp.jpg) no-repeat center center / cover;
	}
	.area-bnrs .bnr01 {
        padding: 10px 5% 30px 5%;
    }
	.area-bnrs .bnr02 {
		padding: 25px 8% 25px;
	}
	.area-bnrs .bnr01 img {
		position: static;
	}
	.area-bnrs .bnr02 p + p {
		margin-top: 25px;
	}
	.area-bnrs .bnr01 p {
		font-size: 1.4rem;
	}
	.area-bnrs.bnrs-top .bnr02 {
   		padding-top: 30px;
	}
}
.sec-shop {
	background-color: #482e1a;
	padding: 60px 0 90px;
}
.sec-shop-inner {
	margin: 0 auto;
	max-width: 1680px;
    width: 92%;
}
.shop-ttl {
	color: #fff;
	font-size: 3.3rem;
	letter-spacing: 0.1em;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}
.shop-txt {
	color: #fff;
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
}
.shop-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
	margin: 10px 0 0;
}
.shop-list .item {
	margin-top: 50px;
	width: calc((100% / 6) - 25px);
}
.shop-list img {
	border-radius: 10px;
	width: 100%;
}
.shop-list .name {
	color: #fff;
	font-size: 1.7rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-weight: 500;
	margin-top: 5px;
}
@media screen and (max-width: 1200px) {
	.shop-list .name {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px) {
	.sec-shop {
		padding: 30px 0 30px;
	}
	.shop-ttl {
		font-size: 1.8rem;
		margin-bottom: 15px;
	}
	.shop-txt {
		font-size: 1.3rem;
	}
	.shop-scroll {
		overflow: auto;
		margin: 0 4%;
	}
	.shop-list {
		margin: 20px 0 0;
		width: 263vw;
	}
	.shop-list .item {
		margin-top: 0;
		width: calc((100% / 6) - 4vw);
		padding: 15px 0;
	}
	.shop-list .name {
		font-size: 1rem;
		letter-spacing: 0;
	}
}
/* sec-service */
.sec-service {
	background-color: #e8e3d0;
}
.sec-service .area-bnrs .bnr01 {
	padding: 30px 15px 40px;
}
.sec-service .area-bnrs .bnr01 img {
	width: 600px;
	position: static;
}
.service-box {
	background-color: #fff;
	padding: 60px 30px 40px;
}
.service-box02 {
	padding-bottom: 85px;
}
.sec-service .service-ttl ~ .purpose-list {
	padding-bottom: 30px;
}
.service-ttl {
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.75;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
	position: relative;
	height: 81px;
	padding-top: 2px;
}
.service-ttl::before {
	content: "";
	background: url(../imgs/bg_ttl02.png) no-repeat center center / 100% 100%;
	width: calc(100% - 85px);
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
	z-index: 1;
}
.service-ttl .icon-ttl::after,
.service-ttl .icon-ttl::before {
	content: "";
	width: 76px;
	height: 81px;
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.service-ttl .icon-ttl::before {
	background: url(../imgs/bg_ttl02_icon01.png) no-repeat bottom center / contain;
	left: 0;
}
.service-ttl .icon-ttl::after {
	background: url(../imgs/bg_ttl02_icon02.png) no-repeat bottom center / contain;
	right: 0;
}
.service-ttl .topic {
	position: relative;
	z-index: 2;
}
.facilities-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px 60px;
}
.facilities-list .item {
	width: 50%;
	padding: 0 15px;
	margin-bottom: 40px;
	text-align: center;
}
.facilities-list .ttl {
	font-size: 2.4rem;
	letter-spacing: 0.03em;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
	background-color: #948278;
	margin-bottom: 5px;
	padding: 5px 5px 7px;
}
.facilities-list .txt {
	color: #323e4f;
	font-size: 2.2rem;
	letter-spacing: 0.03em;
	line-height: 1.4;
	font-weight: 500;
	margin-left: -10px;
	margin-right: -10px;
}
.facilities-list .txt + .txt {
	margin-top: 20px;
}
.purpose-list .item + .item {
	margin-top: 50px;
}
.purpose-list .item:nth-child(1) .ttl .number {
	width: 86px;
	bottom: -2px;
	top: auto;
	transform: translateX(calc(-100% - 10px)) translateY(0);
}
.purpose-list .item:nth-child(3) .ttl .number  {
	width: 90px;
}
.purpose-list .ttl {
	font-size: 4rem;
	letter-spacing: 0.03em;
	line-height: 1.55;
	color: #80613a;
	position: relative;
	margin-left: 0;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}
.purpose-list .ttl::before {
	content: "";
	background: url(../imgs/bg_ttl03.png) no-repeat bottom center/ contain;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.purpose-list .ttl .ttl_wrap {
	position: relative;
	display: inline-block;
}
.purpose-list .ttl .small {
	font-size: 70%;
}
.purpose-list .ttl .number {
	font-size: 2rem;
	border-radius: 50%;
	width: 66px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 0.9;
	position: absolute;
	left: 0;
	top: 50%;
    transform: translateX(calc(-100% - 10px)) translateY(-50%);
}
.purpose-list .ttl .number .num {
	font-size: 240%;
	display: block;
}
.tbl-service {
	color: #634308;
	width: 100%;
	font-size: 2rem;
	letter-spacing: 0.03em;
	font-weight: 500;
}
.tbl-service thead tr {
	border-top: 2px solid #634308;
	border-bottom: 2px solid #634308;
}
.tbl-service thead tr th {
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.13;
	padding: 5px;
}
.tbl-service thead tr th:nth-child(1) {
	width: 40%;
}
.tbl-service thead tr th:nth-child(2) {
	width: 32.5%;
	
}
.tbl-service thead tr th:nth-child(3) {
	width: auto;
}
.tbl-service thead tr th:nth-child(2) ,
.tbl-service thead tr th:nth-child(3) {
	text-align: right;
}
.tbl-service thead tr th:nth-child(2) span,
.tbl-service thead tr th:nth-child(3) span {
	text-align: center;
	display: inline-block;
}
.tbl-service tbody tr:nth-child(odd) {
	background-color: #f4f1df;
}
.tbl-service tbody tr:nth-child(even) {
	background-color: #ffffff;
}
.tbl-service tbody tr:last-child {
	background: -webkit-gradient(linear,  left top, right top,  from(#cbb475),color-stop(50%, #e8e3d0),to(#e1cfa2));
	background: -o-linear-gradient(left,  #cbb475 0%,#e8e3d0 50%,#e1cfa2 100%);
	background: linear-gradient(to right,  #cbb475 0%,#e8e3d0 50%,#e1cfa2 100%);
}
.tbl-service tbody tr td {
	padding: 11px 23px;
}
.tbl-service tbody tr td:nth-child(1) {
	letter-spacing: -0.03em;
	padding-right: 5px;
}

.tbl-service tbody tr td:nth-child(2) {
	text-align: right;
	font-size: 2.2rem;
	font-weight: 400;
	position: relative;
	padding-right: 100px;
}
.tbl-service thead tr th:nth-child(2) {
	padding-right: 110px;
}
.tbl-service tbody tr td:nth-child(2)::before {
	content: "";
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
 	border-left: 15px solid #634308;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.tbl-service tbody tr td:nth-child(3) {
	color: #c00018;
	font-size: 2.4rem;
	text-align: right;
	font-weight: 500;
	padding-right: 65px;
}
.tbl-service thead tr th:nth-child(3) {
	padding-right: 80px;
}
.tbl-service .txt-space {
	position: relative;
	margin-right: -135px;
}
.tbl-service .sm {
	font-size: 1.5rem;
}
.bnr-price {
	background-color: #fff000;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.72;
	text-align: center;
	margin-top: 0;
}
.bnr-price .number {
	font-size: 136%;
	color: #c00018;
	text-align: center;
	margin: 0 10px;
}
.bnr-price .medium{
	font-size: 133%;
}
@media screen and (max-width: 767px) {
	.sec-service {
		padding: 15px 0 0;
		background-color: #fff;
	}
	.sec-service .service-ttl ~ .purpose-list {
		padding-bottom: 0;
	}
	.sec-service .area-bnrs .bnr01 {
		padding: 15px 8% 10px;
	}
	.sec-service .area-bnrs .bnr01 p {
		margin: 0 -5% 15px;
	}
	.service-box {
		padding: 15px 4% 40px;
	}
	.service-box02 {
		padding-top: 30px;
	}
	.facilities-list {
		margin: 0 -15px 20px;
	}
	.facilities-list .item {
		width: 100%;
		margin-bottom: 20px;
	}
	.facilities-list .ttl {
		font-size: 1.6rem;
	}
	.facilities-list .txt {
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.service-ttl {
		font-size: 1.6rem;
		letter-spacing: 0;
		margin-left: 0;
		width: 100%;
		height: 53px;
        padding-top: 5px;
	}
	.service-ttl::before {
		height: 40px;
		width: 100%;
	}
	.service-ttl .icon-ttl::after, .service-ttl .icon-ttl::before {
		width: 45px;
		height: 50px;
	}
	.service-ttl .icon-ttl::before {
		left: -25px;
	}
	.service-ttl .icon-ttl::after {
		right: -25px;
	}
	.purpose-list .ttl {
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing: 0;
		padding: 0 5px 0;
		margin-left: 0;
	}
	.purpose-list .ttl::before {
	    background: url(../imgs/bg_ttl03_sp.png) no-repeat bottom center / 100% auto;
	}
	.purpose-list .ttl .ttl_wrap {
		padding: 6px 0;
	}
	.purpose-list .ttl .number {
		width: 35px;
		font-size: 1.2rem;
	}
	.purpose-list .item:nth-child(1) .ttl .number {
		width: 45px;
	}
	.purpose-list .item:nth-child(3) .ttl .number {
		width: 48px;
	}
	.purpose-list .ttl .number .num {
		font-size: 200%;
		margin-top: 2px;
	}
	.purpose-list .item + .item {
		margin-top: 40px;
	}
	.tbl-service {
		font-size: 1.1rem;
	}
	.tbl-service tbody tr td {
		padding: 10px 10px;
	}
	.tbl-service thead tr th {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.tbl-service tbody tr td:nth-child(1) {
		padding-right: 0px;
		letter-spacing: -0.07em;
		padding-left: 5px;
	}
	.tbl-service tbody tr td:nth-child(2) {
		font-size: 1.2rem;
		padding-right: 15px;
		padding-left: 5px;
	}
	.tbl-service thead tr th:nth-child(2) {
		padding-right: 5px;
	}
	.tbl-service tbody tr td:nth-child(3) {
		font-size: 1.3rem;
		padding-right: 10px;
	}
	.tbl-service thead tr th:nth-child(3) {
		padding-right: 5px;
		min-width: 100px;
	}
	.tbl-service tbody tr td:nth-child(2)::before {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #323e4f;
	}
	.tbl-service .txt-space {
		margin-right: -35px;
	}
	.tbl-service .sm {
		font-size: 1rem;
		display: inline-block;
	}
	.bnr-price {
		font-size: 1.6rem;
	}
	.bnr-price .number {
		margin: 0 5px;
	}
}
/* sec-register */
.sec-register {
	background-color: #e8e3d0;
	color: #634308;
	padding: 70px 0 65px;
	font-weight: bold;
}
.register-ttl {
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	line-height: 1.25;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.register-ttl .bigger {
	font-size: 230%;
	margin-left: 10px;
	position: relative;
    top: -7px;
}
.sec-register .area-bnrs .bnr02 {
    padding: 50px 15px 55px;
}
.register-txt {
	font-size: 3.3rem;
	letter-spacing: 0.1em;
	line-height: 1.45;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.register-list {
	display: flex;
	justify-content: center;
	margin: -10px -10px 0;
}
.register-list .item {
	width: 41%;
	max-width: 418px;
	padding: 10px;
}
.register-list .item .icon {
	text-align: center;
}
.register-list .item:nth-child(1) .icon img {
	width: 110px;
}
.register-list .item:nth-child(2) .icon img {
	width: 83px;
}
.register-list .ttl {
	font-size: 2.5rem;
	letter-spacing: 0.03em;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.register-notes {
	color: #251e1c;
	display: flex;
	justify-content: center;
}
.register-box {
	background-color: #fff;
	border-radius: 14px;
	padding: 15px 5px;
	margin-bottom: 50px;
}
.register-box .ttl {
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.register-box .ttl .number {
	font-size: 132%;
	margin: 0 5px;
}
.register-box .notes {
	font-size: 1.2rem;
	line-height: 1.8;
	text-align: center;
}
.register-box .list-check {
	display: flex;
	justify-content: center;
	font-size: 2.1rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-bottom: 15px;
}
.register-box .list-check li{
	display: flex;
	align-items: center;
}
.register-box .list-check li + li {
	margin-left: 160px;
}
.register-box .list-check li::before {
	content: "";
	background: url(../imgs/icon_check.png) no-repeat center center / contain;
	width: 21px;
	height: 21px;
	margin-right: 10px;
}
.list-step {
	display: flex;
	justify-content: space-between;
}
.list-step .item {
	width: calc(100%/3 - 20px);
}
.list-step .item .cont {
	background-color: #fff;
	border-radius: 12px;
	position: relative;
	padding: 0 18px 15px;
	height: 100%;
}
.list-step .number {
	display: block;
	text-align: center;
	position: relative;
    top: -17px;
}
.list-step .number img {
	width: 36px;
}
.list-step .ttl {
	font-size: 2.1rem;
	letter-spacing: 0.1em;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	margin: -10px 0 20px;
}
.list-step .ttl .line-yellow {
	display: block;
	position: relative;
	padding: 0 20px;
	background: none;
	z-index: 0;
}
.list-step .ttl .line-yellow:after {
	background: #fff000;
	content: "";
	border-radius: 20px;
	width: 100%;
	max-width: 212px;
	height: 15px;
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.list-step .img {
	margin: 25px auto 25px;
	width: 98%;
}
.list-step .txt-approved {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.list-step .txt-approved::before {
    content: "";
	width: 0;
	margin: 20px auto 15px;
    border-top: 28px solid #634308;
    border-left: 28px solid transparent;
	border-right: 28px solid transparent;
    display: block;
}
.list-step .box-yellow {
	border-radius: 20px;
	background-color: #ffeb00;
	text-align: center;
	padding: 10px 5px;
	margin-bottom: 15px;
	font-size: 2.4rem;
	letter-spacing: 0.06em;
	line-height: 1.33;
	font-weight: bold;
}
.list-step .txt {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	margin: 0 12px 10px;
}
.list-step .btn-step {
	font-size: 2rem;
	line-height: 1.6;
	font-weight: bold;
	color: #fff;
	background-color: #ad121b;
	display: block;
	text-align: center;
	border-radius: 5px;
	transition: all 0.3s ease-in;
	padding: 3px 5px;
}
.list-step .btn-step:hover {
	opacity: .7;
}
.list-step .list-notes02.icon-mail {
	position: relative;
	padding-right: 95px;
}
.list-step .list-notes02.icon-mail::after {
	content: "";
	background: url(../imgs/icon_mail.png) no-repeat center center/ contain;
	width: 83px;
	height: 74px;
	position: absolute;
	display: block;
	right: 15px;
    top: -7px;
}
.list-step .bnr-step {
	width: 83.5%;
	margin: 10px auto 0;
}
.list-step .item:nth-child(2) .img {
	position: relative;
	top: -10px;
	margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
	.sec-register {
		padding: 30px 0 20px;
	}
	.sec-register .register-block {
		margin: 0 4%;
	}
	.sec-register .area-bnrs .bnr02 {
		padding: 40px 8% 40px;
	}
	.register-txt {
		font-size: 2.2rem;
		margin-bottom: 30px;
	}
	.register-txt .line-yellow {
		padding: 0 10px;
	}
	.register-list .ttl {
		font-size: 1.6rem;
	}
	.register-list .item {
		width: 47%;
		max-width: 170px;
	}
	.register-list .item:nth-child(1) .icon img {
		width: 70px;
	}
	.register-list .item:nth-child(2) .icon img {
		width: 50px;
	}
	.register-ttl {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
	.register-ttl .bigger {
		font-size: 200%;
		position: static;
	}
	.register-box {
		margin-bottom: 30px;
	}
	.register-box .ttl {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	.register-box .list-check {
		font-size: 1.4rem;
		flex-wrap: wrap;
		justify-content: center;
        flex-direction: column;
        align-items: center;
	}
	.register-box .list-check li + li {
		margin: 10px 0 0 0;
	}
	.register-box .list-check li::before {
		width: 18px;
	}
	.register-box .notes {
		font-size: 1rem;
	}
	.register-box .ttl .number {
		margin: 0 5px 0 0;
	}
	
	.list-step {
		display: block;
	}
	.list-step .item {
		width: 100%;
	}
	.list-step .item + .item {
		margin-top: 30px;
	}
	.list-step .ttl {
		font-size: 1.8rem;
	}
	.list-step .img {
		width: 100%;
		margin: 10px auto 20px;
	}
	.list-step .item:nth-child(2) .img {
		position: static;
		margin-bottom: 20px;
	}
	.list-step .txt-approved {
		font-size: 1.4rem;
	}
	.list-step .txt-approved::before {
		margin: 15px auto 15px;
		border-top: 20px solid #634308;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		display: block;
	}
	.list-step .list-notes02.icon-mail::after {
		width: 60px;
        right: auto;
        left: 185px;
        top: -15px;
	}
	.list-step .item .cont {
		padding: 0 4% 20px;
	}
	.list-step .box-yellow {
		font-size: 1.8rem;
		border-radius: 15px;
	}
	.list-step .txt {
		font-size: 1.4rem;
		margin: 0 0 10px;
		padding: 0 25px;
	}
	.list-step .btn-step {
		font-size: 1.6rem;
	}
	.list-step .number img {
		width: 40px;
	}
}

/*==================================================================
	Footer setting
===================================================================*/
#footer {
	background: #482e1a;
	color: #ffffff;
	padding: 35px 0 130px;
}
#footer .logo {
	text-align: center;
	border-bottom: 1px solid #fff;
	padding-bottom: 30px;
    margin-bottom: 30px;
}
#footer .logo a {
	opacity: 1;
}
#footer .logo img {
	width: 290px;
}
#footer .footer-nav {
	margin: 0 auto 30px;
}
#footer .footer-nav .list-link {
	display: flex;
    justify-content: center;
}
#footer .footer-nav .list-link li {
	width: auto!important;
	border-left: 2px solid #fff;
	flex : 1;
}
#footer .footer-nav .list-link li:last-child {
	border-right: 2px solid #fff;
}
#footer .footer-nav .list-link a {
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 2px;
}
#footer .list-btn {
	background: #482e1a;
	display: flex;
	justify-content: center;
	padding: 50px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 5;
}
#footer .btn-com {
	width: 36%;
}
#footer .btn-com + .btn-com {
	margin-left: 27px;
}
@media screen and (max-width: 767px) {
	#footer {
	    padding: 10px 0 65px;
	    position: relative;
	}
	#footer .logo {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	#footer .logo img {
		width: 140px;
	}
	#footer .footer-nav {
		margin: 0 auto;
	}
	#footer .footer-nav .list-link {
		margin: 0 -4%;
		flex-wrap:wrap;
	}
	#footer .footer-nav .list-link li + li {
		margin-left: 0;
	}
	#footer .footer-nav .list-link  li:nth-child(-n+2) {
		border-top: 1px solid #fff;
	}
	#footer .footer-nav .list-link  li {
		border-bottom: 1px solid #fff;
		border-left : none;
		width: 50%!important;
		flex: auto;
	}
	#footer .footer-nav .list-link a {
		font-size: 1.3rem;
		display: block;
		padding: 10px 5px;
		text-align: center;
	}
	#footer .footer-nav .list-link li:nth-child(2n) {
		border-left: 1px solid;
	}
	#footer .footer-nav .list-link li:last-child {
		border-right: none;
	}
	#footer .list-btn {
		justify-content: center;
		margin: 0;
		padding: 15px 15px 0;
	}
	#footer .btn-com {
		border-radius: 10px 10px 0 0;
		letter-spacing: 0.05em;
		margin: 0!important;
		padding: 14px 5px 12px!important;
		width: calc(50% - 7.5px);
	}
}
