/*----------------------------------------------------------------------------*/
/* 	Tranquwell 	TOP page								 	CSS      */
/*----------------------------------------------------------------------------*/
@charset "utf-8";
/*
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&family=Noto+Serif+JP&display=swap');
*/
@font-face {
	font-family: "centurygothicproregular";
	src: url("../fonts/century-gothic-pro-regular.otf") format("opentype");
}
@font-face {
	font-family: "centurygothicprobold";
	src: url("../fonts/century-gothic-pro-bold.otf") format("opentype");
}
@font-face {
	font-family: "marion";
	src: url("../fonts/marion-regular.ttf") format("truetype");
}
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap');
@font-face {
	font-family: "Gothic A1";
	src: url("../fonts/GothicA1-Bold.ttf") format("truetype");
}
@import url("https://use.typekit.net/ika3hhy.css");
body {
	counter-reset: number 0;
}
body main {
	background:#f3f3f3 url(../images/bg/bg_washi.png);
	background-size:48px 48px;
}
footer {
	background:#f3f3f3 url(../images/bg/bg_washi.png);
	background-size:48px 48px;
}
@media screen and (min-width:769px) {
	.spver {display: none;}
	section h2 {
		margin: 0 auto 100px;
		padding-top: 100px;
		width:90%;
		text-align: center;
		font-size: 2rem;
		font-weight:bold;
		font-display: swap;
		letter-spacing: 0;
	}
}
@media screen and (max-width:769px) {
	.pcver {display: none;}
	section h2 {
		margin: 0 auto 50px;
		padding: 50px 20px 0;
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
		font-weight:bold;
		font-display: swap;
		letter-spacing: 0;
	}
}

/* TOP FV */
@media screen and (min-width:769px) {
	section.top_fv h1 {
		font-size: clamp(3rem, 4.5rem, 5.5rem);
		padding: 10px 0;
	}
	section.top_fv h1:before {
		width: 170px;
        height: 305px;
		top: -30px;
		left: 0;
	}
	section.top_fv h1:after {
		width: 160px;
		height: 305px;
		top: -30px;
		right: 0;
	}
	section.top_fv h1 span.top_fv_head {
		font-size: clamp(1.3rem, 1.5rem, 1.6rem);
		display: block;
	}
	section.top_fv h1 span.top_fv_foot {
		display: block;
		font-size: clamp(1.5rem, 1.8rem, 2.3rem);
		color: #8a6c2b;
	}
	section.top_fv .top_fv_box {
		width: 100%;
		background-color: #fff;
		padding: 50px 0;
		margin: 50px auto;
		text-align: center;
	}	
	section.top_fv .top_fv_box h2 {
		font-size: clamp(1.7rem, 1.8rem, 1.9rem);
		font-weight: 500;
		margin: 0 auto;
		width: 100%;
		padding-top: 0;
	}
	section.top_fv .content {
		max-width: 2200px;
		width: 80%;
		margin: 30px auto 0;
	}
	section.top_fv .two_col > div {
		width: 47%;
	}
	section.top_fv .two_col div.fv_explain {
		padding: 50px 0;
	}
	section.top_fv p.head_catch,
	section.top_fv p.head_last {
		font-size: clamp(2rem, 2.5rem, 3rem);
	}
	section.top_fv p {
		margin-bottom: 50px;
	}
	section.top_fv h1 img {
		max-width: 1100px;
		width: 50%;
		margin: 50px auto;
	}
}
@media screen and (max-width:769px) {
	section.top_fv h1 {
		font-size: clamp(2rem, 2.5rem, 3rem);
		padding: 20px 0;
	}
	section.top_fv h1:before {
		width: 98px;
		height: 176px;
		top: 0;
		left: -10px;
	}
	section.top_fv h1:after {
		width: 92px;
		height: 176px;
		top: 0;
		right: -10px;
	}
	section.top_fv h1 span.top_fv_head {
		display: block;
		font-size: clamp(1rem, 1.1rem, 1.2rem);
	}
	section.top_fv h1 span.top_fv_foot {
		display: block;
		font-size: clamp(1.3rem, 1.5rem, 1.7rem);
		color: #8a6c2b;
		line-height: 1rem;
	}
	section.top_fv .top_fv_box {
		padding: 25px 20px;
		width: 100%;
		background-color: #fff;
		margin: 50px auto 0;
		text-align: center;
	}
	section.top_fv .top_fv_box h2 {
		font-size: clamp(1.3rem, 1.35rem, 1.4rem);
		font-weight: 500;
		margin: 0 auto;
		width: 100%;
		padding-top: 0;
	}
	section.top_fv .content {
		width: 100%;
		padding: 0 20px;
		margin: 0 auto;
	}
	section.top_fv .two_col > div {
		width: 100%;
		padding: 50px 0 0;
	}
	section.top_fv .two_col > div:last-child {
		padding: 0 0 50px;
	}
	section.top_fv p.head_catch,
	section.top_fv p.head_last {
		font-size: clamp(1.5rem, 1.5rem, 2rem);
	}
	section.top_fv p {
		margin-bottom: 25px;
	}
	section.top_fv h1 img {
		max-width: 1100px;
		width: 70%;
		margin: 15px auto 0;
	}
}
section.top_fv {
	padding: 100px 0 0;
	background-color: #f3f7f2;
}
section.top_fv h1 {
	font-family: "marion", serif;
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-indent: 0;
	text-align: center;
	line-height: 1.5;
}
section.top_fv h1:before {
	content: "";
	background-image: url("../images/top/top_fv_left.png");
	background-size: cover;
	position: absolute;
	
}
section.top_fv h1:after {
	content: "";
	background-image: url("../images/top/top_fv_right.png");
	background-size: cover;
	position: absolute;
}
section.top_fv .two_col {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
section.top_fv .two_col > div img {
	width: 100%;
	height: auto;
}

/* TOP Slide */
@media screen and (min-width:769px) {
	.top_slide .slick-slide {
		height: auto !important;
		max-height: 500px;
	}
}
@media screen and (max-width:769px) {
	.top_slide .slick-slide {
		height: auto !important;
		max-height: 200px;
	}
}
.top_slide .slick-track {
	display: flex;
}
.top_slide .slick-slide img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

/* plannning button */
div.planning_button {
	margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 50px 0 30px 0;
    background-color: #F0EDE4;
}
div.planning_button p.splan-btn {
	margin: 0 auto 0 auto;
	width: 80%;
    max-width: 400px;
    border: 1px solid #8d6d2b;
}
div.planning_button p.splan-btn a {
	display: block;
    padding: 15px 30px 15px 30px;
    text-align: center;
    font-weight: bold;
    font-display: swap;
    color: #FFF;
    background-color: #8d6d2b;
}
div.planning_button p.tailtxt {
    width: 100%;
    text-align: center;
    font-display: swap;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Promotion movie */
@media screen and (min-width:769px) {
	section.promotion_movie {
		padding: 100px 0;
	}
}
@media screen and (max-width:769px) {
	section.promotion_movie {
		padding: 50px 20px;
	}
}
section.promotion_movie {
	background-color: #fff;
}
.youtube {
	width: 100%;
	max-width: 768px;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
}
.youtube iframe {
	width: 100%;
	height: 100%;
}

/* FAQ */
@media screen and (min-width:769px) {
	section.faq .content {
		width: 85%;
		padding: 50px 10%;
	}
	.faq_accordion dt {
		padding: 15px 60px 15px 30px;
	}
	.faq_accordion dt::after {
		width: 26px;
		height: 17px;
		right: 20px;
	}
	section.faq .infct {
		padding: 100px 0;
	}
}
@media screen and (max-width:769px) {
	section.faq .content {
		width: calc(100% - 40px);
		padding: 25px 20px;
	}
	.faq_accordion dt {
		padding: 15px 25px 15px 40px;
		position: relative;
	}
	.faq_accordion dt:before {
		position: absolute;
		top: 15px;
		left: 10px;
	}
	.faq_accordion dt::after {
		width: 13px;
		height: 8.5px;
		right: 10px;
	}
	section.faq .infct {
		padding: 50px 0;
	}
}
section.faq {
	background: linear-gradient(180deg,white 0%,white 12%,#F5F5F5 12%,#F5F5F5 50%,white 50%,white 100%);
}
section.faq .infct {
	margin: 0 auto;
	width: 100%;
	background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(../images/bg/info_back04.png) no-repeat;
	background-size: cover;
	background-position: left 0 top 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
}
section.faq .content {
    margin: 0 auto;
    background-color: #fff;
	box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.12);
}
section.faq .content h2 {
	margin: 0 auto 50px;
}
.faq_accordion dl {
	margin-bottom: 50px;
}
.faq_accordion {
    margin-bottom: 2.4rem;
}
.faq_accordion dt,
.faq_accordion dd {
	background-color: #f6f6f6;
}
.faq_accordion dd p {
	margin-bottom: 1em;
}
.faq_accordion dl {
    position: relative;
    overflow: hidden;
}
.faq_accordion dl>input {
    display: none;
}
.faq_accordion dt {
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: .4;
    border: solid 1px #f6f6f6;
}
.faq_accordion dt h3 {
	font-size: 1.15rem;
	display: contents;
	font-weight: bold;
}
.faq_accordion dd {
    padding: 0 30px 15px;
    display: none;
}
.faq_accordion dt:before {
	content: "Q.";
	display: inline-block;
	margin-right: 5px;
	font-size: 1.15rem;
}
.faq_accordion dt::after {
    content: '';
	background-image: url("../images/com/toggle_icon.png");
	background-size: cover;
	background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transition: .5s;
    transform: translateY(-50%) rotate(180deg);
}
.faq_accordion dl>input:checked+label>dt::after {
    transform: translateY(-50%) rotate(0deg);
}

/* ■ area */

	#main-area>.particle {
		margin-top:0px;
	}
	#main-area>.circlesym {	/* ◎ */
		position:absolute;
		top:395%;
		right:8.5%;
		width:231px;
		height:231px;
		z-index:9;
	}
	#main-area>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:231px;
		height:231px;
		background: url( "../images/bg/csym02.png" ) no-repeat;
		background-size: 231px 231px;
		background-position:center 0;
		position:relative;
	}
	#main-area>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#main-area>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 8s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}
	#main-area>.circlesym .syml {
		position:absolute;
		top:28%;
		left:0;
		right:0;
		margin:auto;
		width:121px;
		height:88px;
		text-align:center;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:213%;
			right:8.5%;
			width:192px;
			height:192px;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:192px;
			height:192px;
			background: url( "../images/bg/csym02.png" ) no-repeat;
			background-size: 231px 231px;
			background-size: 192px 192px;	/* 70% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:28%;
			left:0;
			right:0;
			margin:auto;
			width:97px;
			height:70px;
		}
		#main-area .particle {
/*			position:fixed;	*/	/* 描画固定 */
			z-index:-1;			/* 描画を一番下に */
			width: 100%;
			height: 250px;
			background-color:#fff;
		}
	}
	@media screen and (max-width:767px) {

		#main-area>.particle {
			margin-top:200px;
		}
		#main-area>.circlesym {		/* ◎ */
			position:absolute;
			top:395%;
			right:8.5%;
			width:137px;
			height:137px;
			z-index:8;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:137px;
			height:137px;
			background: url( "../images/bg/csym02.png" ) no-repeat;
			background-size: 231px 231px;
			background-size: 137px 137px;	/* 50% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:28%;
			left:0;
			right:0;
			margin:auto;
			width:73px;
			height:53px;
		}
		section#section02.help_flow {
			padding-bottom: 40px;
		}
		section#section02.help_flow h2 {
			margin: 0 auto 50px;
			text-align: center;
			font-size: 1.5rem;
			padding: 50px 20px 0;
		}
		section#section02.help_flow .service-area {
			margin: 20px auto 7%;
			width: 85%;
		}
		section#section02.help_flow .service-area .content {
			margin: 0 auto;
		}
	}

	#section02 h2,
	#access h2 {
		display:block;
		margin:0 auto 0 auto;
		margin:80px 0;
		font-size:2.5rem;
		letter-spacing:0;
		font-weight:bold;
		font-display: swap;
	}
	@media only screen and ( max-width:992px ) {

		#section02 h2,
		#access h2 {
			font-size:1.8rem;
			font-weight:bold;
/*			font-family: "ヒラギノ明朝", "Hiragino Mincho ProN", "NotoSerifCJKjp",serif;	*/
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
		}
	}

/* ■ lead */

	#lead {
		position: relative;
		display: flex;
		justify-content: center;
		height: 58vh;
		padding: 20px 0 0 0;
		background:#f3f3f3 url(../images/bg/bg_washi.png);
		background-size:48px 48px;
	}
	#lead .lead-area{
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		z-index:1;
	}
	#lead .lead-area #sym01 {
		display:block;
		position: absolute;
		top:60%;
		left:75%;
		z-index:0;
	}
	#lead .lead-area #sym01 img {
		width:342px;
	}
	#lead .svganimeblock{
		width:50%;
		position: absolute;
		top:80%;
		left:80%;
		transform: translate(-50%,-50%);
		z-index: -1;
	}
	#lead .lead-heading{
		width:100%;
	}
	#lead h2 {
		text-align:center;
		font-size:1.5rem;
		line-height: 1.8em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
		padding: 0 0 0 0;
	}
	#lead .lead-desc {
		margin:20px auto 0 20%;
		width:77%;
		height: 16em;
	}
	.lead-desc {
		margin: 0 auto 100px;
		width: 80%;
	}
	#lead .lead-desc p,
	.lead-desc p {
		width: 100%;
		margin: 0 auto;
		line-height: 1.8em;
		font-display: swap;
	}

	.lead-desc p.sub_catch {
		font-size: 1.2rem;
		text-align: center;
	}

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

		#lead .lead-area #sym01 img {
			width:80%;
		}
		#lead h2 {
			padding: 0 0 50px 0;
			width:90%;
			display: inline-block;
			text-align: left;
			font-size: 13px;
			line-height: 1.7em;
			font-weight:bold;
			letter-spacing: 0;
			font-weight:bold;
/*			font-family: "ヒラギノ明朝", "Hiragino Mincho ProN", "NotoSerifCJKjp",serif;	*/
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
		}
		#lead .lead-desc p,
		.lead-desc p {
			font-weight:bold;
			/* font-family: "ヒラギノ明朝", "Hiragino Mincho ProN", "NotoSerifCJKjp",serif; */
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
		}
	 }

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

		#lead{
			height:auto;
			padding:10px 0 15px 0;
		}
		#lead h2 {
			padding: 0 0 50px 10px;
			width:90%;
			display: inline-block;
			text-align: left;
			font-size: 13px;
			line-height: 1.7em;
			font-weight:bold;
			letter-spacing: 0;
		}
		#lead .lead-area{
			padding-bottom:0px;
		}
		#lead .lead-area #sym01 {
			display:block;
			position: absolute;
			top:10%;
			left:70%;
			z-index:0;
		}
		#lead .lead-area #sym01 img {
			width:70%;
		}
		#lead .lead-heading{
			width:100%;
			text-align: center;
		}
		#lead .lead-desc,
		.lead-desc {
			margin:0 auto 0 auto;
			width: 100%;
			padding: 0;
			display: block;
			height: auto;
		}
		#lead .lead-desc p,
		.lead-desc p {
			width:auto;
			margin: 0 0 20px 0;
			-ms-writing-mode: lr-tb;
			-webkit-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
			font-size:13px;
			line-height:1.7em;
		}
		#lead .svganimeblock{
			width:50%;
			position: absolute;
			top:50%;
			left:50%;
		}
	 }

/*■ section02 SERVICE */

	section#section02 {
		margin: 0;
		padding-top:0;
		padding-bottom:80px;
		/*
		background:
			url("../images/bg/brline01.svg") no-repeat center top 35%,
			url("../images/bg/brline02.svg") no-repeat center top 46%;
			*/
		background-color:#FFF;
	}
	#section02 h2 {
		margin:0 auto 50px auto;
		width:90%;
		text-align: center;
		font-size: 2rem;
		font-weight:bold;
		font-display: swap;
		letter-spacing: 0;
		padding-bottom:30px;
	}
	
	#section02 #sym02 {
		display:block;
		position: absolute;
		top:24%;
		right:12%;
		z-index:0;
	}
	#section02 #sym02 img {
		width:70%;
	}
	#section02 .sec02-bg {
		margin-top:-300px;
		position: relative;
/*		background:url(../images/bg/bg_01.jpg) no-repeat center;
		background-size:cover;
		background-attachment:fixed;
		width:100%;	*/
		height:50vh;
	}
	#section02 section {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding-bottom:30px;
	}
	#section02 section:nth-of-type(2n){
		flex-direction:row-reverse;
	}
	#section02 .sec02-img{
		width:50%;
		height:45vh;
	}
	#section02 .sec02-img-detail{
		height:45vh;
	}
	#section02 .sec02-box{
		animation-delay:.5s;
	}
	#section02 .sec02-content {
		width:50%;
		display:flex;
		justify-content:center;
		padding-top:20px;
/*		align-items:center;	*/
/*		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;	*/
	}
	#section02 section:nth-of-type(1) .sec02-img-detail{
		background:url(../images/top/pict_01.jpg) no-repeat center;
		background-size:cover;
	}
	#section02 section:nth-of-type(2) .sec02-img-detail{
	    background:url(../images/top/pict_02.jpg) no-repeat center;
	    background-size:cover;
	}
	#section02 section:nth-of-type(3) .sec02-img-detail{
		 background:url(../images/top/pict_03.jpg) no-repeat center;
		background-size:cover;
	}
	#section02 .sec02-content h3 {
		margin:0 auto 0 10%;
		width:85%;
		font-size:1.2rem;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #A4966A;		/* Gold01 */
	}
	#section02 .sec02-content h4 {
		margin:0 auto 0 10%;
		width:85%;
		font-size:1.2rem;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #000;		/* Gold01 */
		background: linear-gradient(transparent 60%, rgba(164,150,106,0.4) 60%);
		display: inline;
		padding: 0 5px;
	}
	#section02 .sec02-content p{
		margin:0 auto 0 auto;
		width:80%;
		line-height:1.8em;
		font-size:14px;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
		padding-top:20px;
	}
	#section02 .sec02-content p.btn{
		text-align: center;
	}

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

		#section02 {
			position:relative;
			margin: 0 0 30px 0;
			padding-top:0px;
			padding-bottom:0;
			background-color:#FFF;
		}
		#section02  h2 {
			margin:0 auto 10px auto;
			width:90%;
			font-size:16px;
			font-weight:bold;
			padding-top:30px;
			padding-bottom:20px;
			letter-spacing: 0;
		}
		#section02 .sec02-bg{
			background-attachment: inherit;
		}
	}

	#section02 .btnarrow5 {
		margin:23px 25px 0 0;
	/*	font-family: "ヒラギノ明朝", "Hiragino Mincho ProN", "NotoSerifCJKjp",serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		padding: 40px 15px 40px 15px; 
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;    
	}
	#section02 .btnarrow5::before {
		top:90%;
		right:50%;
		width:1px;
		height: 37px;
	}
	#section02 .btnarrow5::after{
		top: 105%;
		right:60%;
	}
	_:-ms-lang(x), #section02 .btnarrow5::after {
 		right:70%;
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section02 .sec02-img {
			width:45%;
			height:45vh;
		}
		#section02 .sec02-content {
			width:50%;
			display:flex;
			justify-content:center;
			align-items:center;
		}

	}

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

		#section02 section {
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			padding-bottom:10px;
		}
		#section02 .sec02-content {
			width:90%;
			margin: 0 auto 30px auto;
		}
		#section02 .sec02-content h3{
			margin:0 10px 0 0.5em;
			width:100%;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			/* font-family: "ヒラギノ明朝", "Hiragino Mincho ProN", "NotoSerifCJKjp",serif; */
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
		}
		#section02 .sec02-content h4 {
			margin:0 10px 0 0.5em;
			width:100%;
			text-align:center;
			font-size:1.1rem;
			font-weight:bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			display: block;
			color: #000;		/* Gold01 */
			background: none;
		}
		#section02 .sec02-content h4 span {
			background: linear-gradient(transparent 60%, rgba(164,150,106,0.4) 60%);
			padding: 0 5px;
		}
		#section02 .sec02-content p{
			width:100%;
			/* font-family: "ヒラギノ明朝", "Hiragino Mincho ProN", "NotoSerifCJKjp",serif; */
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
		}
		#section02 .btnarrow5 {
			margin:130px 10px 0 10px;
			display: block;
			padding: 8px 20px;
			width:140px;
			-ms-writing-mode: lr-tb;
			-webkit-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
		}
		#section02 .btnarrow5::after{
			top: 152%;
			right: 52%;
		}
	}
	@media screen and (max-width:560px) {

		#section02 .sec02-img {
			width:100%;
			width:80%;
			margin: 0 auto 10px auto;
		}
		#section02 .sec02-content p{
			padding-top:10px;
		}
	}
/* ■ MainConents #section03  */

	#section03 {
		margin:-180px auto 0 auto;
		width:100%;
		background-image:
			url("../images/bg/brline02.svg"),
			url("../images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 64%,
			center top 62%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:80px;
		background-color:#FFF;
	}
	#section03>h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:30px;
		padding-top:80px;
		padding-bottom:30px;
	}
	#section03>p {
		margin:0 auto 0 auto;
		width:70%;
		font-size: 16px;
		line-height:1.8em;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
	}
	#section03>ul {
		margin: 30px auto 0 auto;
		width:80%;
		display: flex;
		justify-content: center;
/*		align-items: center;	*/
	}
	#section03>ul  li {
		margin: 0 auto 0 auto;
		width:45%;
	}
	#section03>ul  li p.h3 {
		margin: 0 auto 0 auto;
		width:100%;
		text-align:center;
		font-size:22px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #A4966A;		/* sopv-brown03 */
		padding:0 0 20px 0;
	}
	#section03>ul  li img {
		display:block;
		margin: 0 auto 20px auto;
		width:100%;
	}
	#section03>ul  li .btn {
		text-align: right;
	}
	#section03>ul  li .btn .btnlinestretches3 span {
		font-size:14px;
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#section03>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:28px;
			padding-top:170px;
			padding-bottom:30px;
		}

	}

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

		#section03 {
			margin:-20px auto 0 auto;
			width:100%;
			background-image:
				url("../images/bg/brline02.svg"),
				url("../images/bg/brline01.svg");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 67%,
				center top 52%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:0px;
			background-color:transparent;
		}
		#section03>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:15px;
			padding-top:15px;
			padding-bottom:10px;
		}
		#section03>p {
			margin:0 auto 0 auto;   
			width:70%;
			font-size: 12px;
			line-height:1.7em;
		}
		#section03>ul  li p.h3 {
			margin: 0 auto 0 auto;
			width:100%;
			font-size:14px;
			font-weight:bold;
			font-display: swap;
			padding:10px 0 10px 0;
		}
		#section03>ul {
			margin: 30px auto 0 auto;
			width:100%;
			display: block;
		}
		#section03>ul  li {
			margin: 0 auto 20px auto;
			width:90%;
		}
		#section03>ul  li .btn .btnlinestretches3 span {
			font-size:13px;
		}
		#section03>.particle {
			margin-top:0;
		/*	height:100px; */
		}

	}

/* ■ MainConents #section04  */

	#section04 {
		margin:0 auto 0 auto;
		width:100%;
		background-image:
			url("../images/bg/brline02.svg"),
			url("../images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 64%,
			center top 62%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:50px;
		background-color:#FFF;
		border-top:2px solid #A4966A;		/* Gold01 */
		border-bottom:2px solid #A4966A;		/* Gold01 */
	}
	#section04>h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:32px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		padding-top:80px;
		padding-bottom:30px;
	}
	#section04>p {
		margin:0 auto 0 auto;
		width:80%;
		text-align:center;
		font-size: 16px;
		line-height:1.8em;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
	}
	#section04 .cont {
		margin: 30px auto 0 auto;
		width:80%;
		display: flex;
		justify-content: center;
		padding-bottom:30px;
	}
	#section04 .cont>ul {
		margin: 30px auto 0 auto;
		width:30%;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		box-shadow: 0 0 5px #ccc;
		position:relative;
		padding-bottom:50px;
	}
	#section04 .cont>ul li {
		margin: 0 auto 0 auto;
		width:100%;
	}
	#section04 .cont>ul li img {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
	}
	#section04 .cont>ul li dl {
		margin: 0 auto 0 auto;
		width:100%;
	}
	#section04 .cont>ul li dt {
		margin: 20px auto 20px auto;
		width:100%;
		text-align:center;
		font-size: 17px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
	}
	#section04 .cont>ul li dt .dtex {
		font-weight:normal;
		font-size: 13px;
		color: #A4966A;		/* Gold01 */
	}
	#section04 .cont>ul li dd {
		margin: 0 auto 0 auto;
		width:80%;
		font-size: 14px;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
	}
	#section04 .cont>ul li dd:nth-child(3) {
		font-size: 12px;
		padding-top:10px;
	}
	#section04 .cont>ul li dd:nth-child(4) {
		font-size: 12px;
		color: #A4966A;		/* Gold01 */
		padding-top:10px;
		padding-bottom:20px;
	}
	#section04 .cont>ul li.btn {
		position:absolute;
		bottom:15px;
		left:0;
		right:0;
		margin:auto;
		text-align: center;
		padding-top:10px;
	}
	#section04 .cont>ul  li.btn .btnlinestretches3 span {
		font-size:14px;
	}
	#section04 #splan {
		margin: 50px auto 0 auto;
		width:100%;
		text-align: center;
		padding:50px 0 30px 0;
		background-color:#F0EDE4;		/* tranquwell-beigegray */
	}
	#section04 #splan #splan-btn {
		margin: 0 auto 0 auto;
		width:20%;
		border:1px solid #8d6d2b;		/* tranquwell01 */
	}
	#section04 #splan #splan-btn a {
		display:block;
		padding:15px 30px 15px 30px; 
		text-align:center;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#FFF;
		background-color: #8d6d2b;		/* tranquwell01 */
	}
	#section04 #splan #splan-btn a:hover {
		display:block;
		color: #8d6d2b;		/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
	}
	#section04 #splan p.tailtxt {
		width:100%;
		text-align:center;
		font-size:18px;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
		padding-top:30px;
		padding-bottom:30px;
	}

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

		#section04 {
			margin:0 auto 0 auto;
			width:100%;
			background-image:
				url("../images/bg/brline02.svg"),
				url("../images/bg/brline01.svg");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 54%,
				center top 52%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-bottom:0px;
			border-top:1px solid #A4966A;		/* Gold01 */
			border-bottom:1px solid #A4966A;		/* Gold01 */
		}
		#section04>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:16px;
			padding-top:30px;
			padding-bottom:10px;
		}
		#section04>p {
			margin:0 auto 0 auto;   
			width:70%;
			text-align:left;
			font-size: 12px;
			line-height:1.7em;
		}
		#section04 .cont {
			margin: 20px auto 0 auto;
			width:100%;
			display:block;
		}
		#section04 .cont>ul {
			margin: 20px auto 0 auto;
			width:90%;
			box-shadow: 0 0 3px #ccc;
		}
		#section04 .cont>ul li {
			margin: 0 auto 0 auto;
			width:100%;
		}
		#section04 .cont>ul li img {
			display:block;
			margin: 0 auto 0 auto;
			width:100%;
		}
		#section04 .cont>ul li dl {
			margin: 0 auto 0 auto;
			width:100%;
		}
		#section04 .cont>ul li dt {
			margin: 10px auto 10px auto;
			width:100%;
			text-align:center;
			font-size: 13px;
		}
		#section04 .cont>ul li dt .dtex {
			font-size: 10px;
		}
		#section04 .cont>ul li dd {
			margin: 0 auto 0 auto;
			width:80%;
			font-size: 12px;
		}
		#section04 .cont>ul li dd:nth-child(3) {
			font-size: 10px;
			padding-top:5px;
		}
		#section04 .cont>ul li dd:nth-child(4) {
			font-size: 10px;
			color: #A4966A;		/* Gold01 */
			padding-bottom:10px;
		}
		#section04 .cont>ul  li.btn .btnlinestretches3 span {
			font-size:13px;
		}
		#section04 #splan {
			margin: 0 auto 0 auto;
			width:100%;
			text-align: center;
			padding:30px 0 30px 0;
		}
		#section04 #splan #splan-btn {
			margin: 0 auto 0 auto;
			width:50%;
		}
		#section04 #splan #splan-btn a {
			display:block;
			padding:7px 15px 7px 15px; 
			text-align:center;
			font-weight:bold;
		}
		#section04 #splan p.tailtxt {
			font-size:12px;
			padding-top:20px;
			padding-bottom:10px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {
	}

/* ■ MainConents #section05  */
	@media  screen and (min-width:768px) {
		#section05 .cont>ul {
			padding-bottom:80px;
		}
	}
	@media  screen and (max-width:765px) {
		#section05 .cont>ul {
			padding-bottom:50px;
		}
	}
	#section05 {
		margin:0 auto 0 auto;
		width:100%;
		background-image:
			url("../images/bg/brline02.svg"),
			url("../images/bg/brline01.svg");
		background-size:
			:contain,
			:contain;
		background-position:
			center top 64%,
			center top 62%;
		background-repeat:
			no-repeat,
			no-repeat;
		padding-bottom:80px;
		border-top:2px solid #A4966A;		/* Gold01 */
	}
	#section05>h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:32px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		padding-top:80px;
		padding-bottom:30px;
	}
	#section05>p {
		margin:0 auto 0 auto;
		width:80%;
		text-align:center;
		font-size: 16px;
		line-height:1.8em;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
	}
	#section05 .cont {
		margin: 30px auto 0 auto;
		width:80%;
		display: flex;
		justify-content: center;
	}
	#section05 .cont>ul {
		margin: 30px auto 0 auto;
		width:19%;
		background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		box-shadow: 0 0 5px #ccc;
		position:relative;
	}
	#section05 .cont>ul li {
		margin: 0 auto 0 auto;
		width:100%;
	}
	#section05 .cont>ul li img {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
	}
	#section05 .cont>ul li dl {
		margin: 0 auto 0 auto;
		width:100%;
	}
	#section05 .cont>ul li dt {
		margin: 10px auto 10px auto;
		width:100%;
		text-align:center;
		font-size: 15px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
	}
	#section05 .cont>ul li dt .dtex {
		font-weight:normal;
		font-size: 13px;
		color: #A4966A;		/* Gold01 */
	}
	#section05 .cont>ul li dd {
		margin: 0 auto 0 auto;
		width:80%;
		font-size: 12px;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
	}
	#section05 .cont>ul li dd:nth-child(3) {
		font-size: 12px;
	}
	#section05 .cont>ul li dd:nth-child(4) {
		font-size: 12px;
		color: #A4966A;		/* Gold01 */
	}
	#section05 .cont>ul li.btn {
		position:absolute;
		bottom:15px;
		left:0;
		right:0;
		margin:auto;
		text-align: center;
		font-size: 12px;
		padding-top:10px;
	}
	#section05 .list {
		margin: 0 auto 0 auto;
		width:100%;
		text-align: center;
		padding:50px 0 0 0;
	}
	#section05 .list .list-btn {
		margin: 0 auto 0 auto;
		width:20%;
		border:1px solid #8d6d2b;		/* tranquwell01 */
	}
	#section05 .list .list-btn a {
		display:block;
		padding:10px 15px 10px 15px; 
		text-align:center;
		font-size:13px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #8d6d2b;					/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
		background-color: #FFF;
	}
	#section05 .list .list-btn a:hover {
		display:block;
		color:#FFF;
		background-color: #8d6d2b;		/* tranquwell01 */
	}

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

		#section05 {
			margin:0 auto 0 auto;
			width:100%;
			background-image:
				url("../images/bg/brline02.svg"),
				url("../images/bg/brline01.svg");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 54%,
				center top 52%;
			background-repeat:
				no-repeat,
				no-repeat;
			border-top:1px solid #A4966A;		/* Gold01 */
			padding-bottom:50px;
		}
		#section05>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:16px;
			padding-top:30px;
			padding-bottom:10px;
		}
		#section05>p {
			margin:0 auto 0 auto;   
			width:85%;
			text-align:left;
			font-size: 13px;
			line-height:1.7em;
		}
		#section05 .cont {
			margin: 20px auto 0 auto;
			width:100%;
			display:block;
		}
		#section05 .cont>ul {
			margin: 20px auto 0 auto;
			width:90%;
			box-shadow: 0 0 5px #ccc;
		}
		#section05 .cont>ul li {
			margin: 0 auto 0 auto;
			width:100%;
		}
		#section05 .cont>ul li img {
			display:block;
			margin: 0 auto 0 auto;
			width:100%;
		}
		#section05 .cont>ul li dl {
			margin: 0 auto 0 auto;
			width:100%;
		}
		#section05 .cont>ul li dt {
			margin: 10px auto 10px auto;
			width:100%;
			text-align:center;
			font-size: 13px;
		}
		#section05 .cont>ul li dt .dtex {
			font-size: 12px;
		}
		#section05 .cont>ul li dd {
			margin: 0 auto 0 auto;
			width:90%;
			font-size: 13px;
		}
		#section05 .cont>ul li dd:nth-child(3) {
			font-size: 10px;
			padding-top:5px;
		}
		#section05 .cont>ul li dd:nth-child(4) {
			font-size: 10px;
			color: #A4966A;		/* Gold01 */
			padding-bottom:10px;
		}
		#section05 .list {
			margin: 0 auto 0 auto;
			width:100%;
			text-align: center;
			padding:30px 0 0 0;
		}
		#section05 .list .list-btn {
			margin: 0 auto 0 auto;
			width:80%;
		}
		#section05 .list .list-btn a {
			display:block;
			padding:7px 15px 7px 15px; 
			text-align:center;
			font-weight:bold;
			font-size:12px;
		}
		#section05 .list .list-btn a:hover {
			display:block;
			color:#FFF;
			background-color: #8d6d2b;		/* tranquwell01 */
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 992px) {

		#section05 .cont {
			margin: 30px auto 0 auto;
			width:90%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		#section05 .cont>ul {
			margin: 30px auto 0 auto;
			width:48%;
			padding-bottom:40px;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
			box-shadow: 0 0 5px #ccc;
			position:relative;
		}
		#section05 .list .list-btn {
			margin: 0 auto 0 auto;
			width:40%;
			border:1px solid #8d6d2b;		/* tranquwell01 */
		}


	}

/* ■ access */

	#access {
		position:relative;
		background:#f3f3f3 url(../images/bg/bg_washi.png);
		background-size:48px 48px;
	}
	#access #sym03 {
		display:block;
		position: absolute;
		top:37%;
		left:20%;
		z-index:0;
	}
	#access #sym03 img {
		width:100%;
	}
	#access .access-bg {
		background:url(../images/bg/bg_02.jpg) no-repeat center;
		background-size:cover;
		background-attachment:fixed;
		width:100%;
		height:50vh;
	}
	#access .access-area {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		background:#fff;
		box-shadow: 0 4px 4px #ccc;
		width:90%;
		margin: 0 auto 100px auto;
	}

	#access .access-area .access-block {
		width:50%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	#access .access-area .access-block h3 {
		margin: 0 0 20px 0;
		font-size: 1.2rem;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
	}
	#access .access-area .access-block p{
		margin: 0 0 30px 0;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
	}
	#access .btnarrow5 {
		font-size:14px;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
	}

	#access .access-map{
		width:50%;
	}
	#access .iframe-wrap {
		position: relative;
		padding-bottom: 51.65%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		z-index: 2;
	}
	#access .iframe-wrap iframe,
	#access .iframe-wrap object,
	#access .iframe-wrap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	@media screen and (max-width:1040px) {
		#access .access-area .access-block,
		#access .access-map{
		width:100%;
		}   
		#access .access-area .access-block{
			padding:40px 20px;
		}
	}

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

		#access #sym03 {
			display:block;
			position: absolute;
			top:42%;
			left:62%;
			z-index:0;
		}
		#access #sym03 img {
			width:80%;
		}
		#access .access-bg{
			background-attachment: inherit;
		}
	}

/* ■ reserve */

	#reserve{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width:90%;
		margin: 0 auto 30px auto;
		padding:100px 30px;
		text-align: center;
		background:#FFF;
		background:#f3f3f3 url(../images/bg/bg_nami01.png);
		background-size:cover;
	}
	#reserve .scrolldown1{
		 top:-10vh;   
	}
	#reserve h2{
		font-size: 1.2rem;   
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
	}
	#reserve .tel{
		font-size: 2vw;
		margin: 0 0 20px 0;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
	}
	#reserve .tel a {
		color: #1F4175;		/* suzumeya01 */
	}
	#reserve p br{
		display: none;   
	}

	@media screen and (max-width:990px) {
		#reserve h2{
			font-size: 1rem;   
		}
		#reserve .tel{
			font-size: 1.5rem;
		}
	}

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

		#reserve p br{
			display:block;   
		}
	}

/* ■ MainConents #information  INFORMATION */
	@media screen and (min-width:768px) {
		#infct01 {
			margin: 180px auto 0 auto;
			width: 90%;
			padding-top:20px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;
			position:relative;
		}
	}
	@media screen and (max-width:767px) {
		#infct01 {
			margin: 20px auto 0 auto;
			width: 90%;
			padding-top:20px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;
			position:relative;
		}
	}

	#information {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:0px;
		/* background:linear-gradient(90deg,#E5E5E5 0%,#F5F5F5 37%,white 37%,white 100%); */
	}
	#information h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#infct {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:0px;
		padding-bottom:50px;
		background-image:url("../images/bg/info_back04.png");
		background-size:	cover;
		background-position:	left 0 top 0;
/*		background-attachment:fixed;*/
		background-repeat:no-repeat;
		position:relative;
	}
	#infct h2 {
		margin: 0 auto 0 auto;
		font-size:18px;
		text-align:center;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#555;
		letter-spacing: 0;
		padding-top:20px;
		padding-bottom:20px;
	}
	#infct01 ul {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
		position:relative;
	}
	#infct01 li {
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:12px;
		/* font-family: "Lora", "Noto Serif JP", serif; */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		line-height:20px;
		color: #333;
	}
	#infct01 li.indent01 {
	 	padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#infct01 li.txt01s {
		font-size:11px;
	}
	#infct01 li:first-child {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 27px;
		position:relative;
	}
	#infct01 li:first-child .date {
		position:absolute;
		top:0;
		left:2.5%;
		font-size:12px;
		line-height:2.0em;
		color: #1E0F00;		/* sopv-brown01 */
	}
	#infct01 li:first-child .category {
		position:absolute;
		top:2px;
		right:0;
		text-align:center;
		font-size:12px;
		color: #FFF;
		padding:0 15px 0 15px;
	}
	#infct01 li.title {
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:12px;
		line-height:1.7em;
		font-weight:600;
	}
	#infct01 li.title a {
		color: #555;
	}
	#infct01 li.title a:hover {
		color: #A4966A;		/* Gold01 */
	}
	#infct01 li a.continue {
		color: #A4966A;		/* Gold01 */
	}
	#infct01 li a.continue:hover {
		color: #B27C04;		/* Gold02 */
	}
	#infct01 .list {
		margin: 0 auto 0 auto;
		width:100%;
		text-align: center;
		padding:20px 0 0 0;
	}
	#infct01 .list .list-btn {
		margin: 0 auto 0 auto;
		width:80%;
		border:1px solid #8d6d2b;		/* tranquwell01 */
	}
	#infct01 .list .list-btn a {
		display:block;
		padding:7px 15px 7px 15px; 
		text-align:center;
		font-size:12px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #8d6d2b;					/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
		background-color: #FFF;
	}
	#infct01 .list .list-btn a:hover {
		display:block;
		color:#FFF;
		background-color: #8d6d2b;		/* tranquwell01 */
	}
	#infct01>.circlesym {		/* ◎ */
		position:absolute;
		top:-23%;
		left:0;
		width:137px;
		height:137px;
	}
	#infct01>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:137px;
		height:137px;
		/*
		background: url( "../images/bg/csym04.png" ) no-repeat;
		*/
		background-size: 231px 231px;
		background-size: 137px 137px;	/* 50% */
		background-position:center 0;
		position:relative;
	}
	#infct01>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	/*
	#infct01>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 8s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}
	*/
	#infct01>.circlesym .syml {
		position:absolute;
		top:28%;
		left:0;
		right:0;
		margin:auto;
		width:73px;
		height:53px;
		text-align:center;
	}

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

	}

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

		#information {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(180deg,white 0%,white 12%,#F5F5F5 12%,#F5F5F5 50%,white 50%,white 100%);	/* ★ */
		}
		#infct {
			margin: 0 auto 0 auto;
			width: 90%;
			width: 100%;
			padding-top:30px;
			padding-bottom:250px;
			padding-bottom:100px;
/*			background-image:url("../images/bg/info_back02.jpg");	*/
			background:linear-gradient(rgba(255,255,255, 0.2), rgba(255, 255,255, 0.2)),
			url("../images/bg/info_back04.png") no-repeat;	/* 透過色を重ねる */
			background-size:	cover;
			background-position:	left 0 top 0;
			background-attachment:fixed;
			background-repeat:no-repeat;
			position:relative;
		}
		#infct h2 {
			margin: 0 auto 0 auto;
			font-size:50px;
			font-size: 3rem;
			text-align:center;
			font-weight:bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			color:#555;
			letter-spacing: 0;
			padding-top:50px;
			padding-bottom:50px;
		}
		#infct01 {
			margin: 30px auto 0 auto;
			width: 75%;
			padding-top:40px;
			padding-bottom:80px;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;
			position:relative;
		}
		#infct01 ul {
			margin: 0 auto 0 12%;
			width: 76%;
			padding-top:10px;
			padding-bottom:10px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
			position:relative;
		}
		#infct01 li {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
			/* font-family: "Lora", "Noto Serif JP", serif; */
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			line-height:28px;
			color: #444;
		}
		#infct01 li.txt01s {
			font-size:14px;
		}
		#infct01 li.indent01 {
		 	padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#infct01 li:first-child {
			margin: 0 auto 25px auto;
			width: 100%;
			height: auto;
			padding-bottom:10px;
			position:relative;
		}
		#infct01 li:first-child .date {
			position:absolute;
			top:0;
			left:0;
			line-height:2.2em;
			font-size:14px;
			font-weight:600;
		}
		#infct01 li:first-child .category {
			position:absolute;
			top:0;
			left:17%;
			width:17%;
			text-align:center;
			font-size:12px;
			padding:0 15px 0 15px;
		}
		#infct01 li.title {
			margin: 30px auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:1.7em;
			font-weight:600;
		}
		#infct01 .list {
			margin: 0 auto 0 auto;
			width:100%;
			text-align: center;
			padding:50px 0 0 0;
		}
		#infct01 .list .list-btn {
			margin: 0 auto 0 auto;
			width:20%;
			border:1px solid #8d6d2b;		/* tranquwell01 */
		}
		#infct01 .list .list-btn a {
			display:block;
			padding:10px 15px 10px 15px; 
			text-align:center;
			font-size:13px;
			font-weight:bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			color: #8d6d2b;					/* tranquwell01 */
			background-color: #F0EDE4;		/* tranquwell-beigegray */
			background-color: #FFF;
		}
		#infct01 .list .list-btn a:hover {
			display:block;
			color:#FFF;
			background-color: #8d6d2b;		/* tranquwell01 */
		}
		#infct01>.circlesym {		/* ◎ */
			position:absolute;
			top:-15%;
			left:87%;
			width:231px;
			height:231px;
		}
		#infct01>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:231px;
			height:231px;
			/*
			background: url( "../images/bg/csym04.png" ) no-repeat;
			*/
			background-color: #E5BA73;
			border-radius: 50%;
			background-size: 231px 231px;
			background-position:center 0;
			position:relative;
		}
		#infct01>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		/*
		#infct01>.circlesym .circle {
			animation-name: rotate;
			animation-duration: 8s;
			animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
			animation-iteration-count: infinite;
		}
		@keyframes rotate {
			 0% {
			 	transform: rotateZ(0);
			 }
			 100% {
				transform: rotateZ(360deg);
			}
		}
		*/
		#infct01>.circlesym .syml {
			position:absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			margin:auto;
			width:150px;
			height:auto;
			text-align:center;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#information {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(180deg,#F5F5F5 0%,#F5F5F5 56%,white 56%,white 100%);	/* ★ */
		}
		#information #infcttitle01{
			margin: 30px auto 0 auto;
			width: 70%;
			height: 50px;
		}
		#information #infcttitle01 h2 {
			font-size:20px;
			font-weight:bold;
		}
	}

/* 関連企業 BANNER 背景透過 0 */

	#relation {
		padding-top:30px;
		padding-bottom:50px;
		padding-top:30px;
		padding-bottom:0px;
		background-color:transparent;
	}

/* waves 背景透過 0 */
	#waveCanvas {
	}
	@media screen and (max-width:767px) {

		#waveCanvas{
			margin:0 auto 0 auto;
		background-image:none;
		background-color:#fff;
			background:#f3f3f3 url(../images/bg/bg_washi.png);
			background-size:48px 48px;
		}
	}

/* destination special */
@media screen and (min-width:768px) {
	section.destination {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: center;
		align-self: center;
		align-items: center;
		background-color: #e6dfd2;
	}
	section.destination > div {
		width: 50%;
		margin: 0;
		padding: 40px 80px 60px;
	}
	section.destination h2 {
		font-size: 2rem;
		font-weight: 900;
		line-height: 3rem;
		margin-bottom: 30px;
		margin-top: 0;
	}
	section.destination h2 span {
		display: block;
		font-size: 1rem;
		font-weight: normal;
		margin-bottom: 20px;
	}
	div.specialist_list .specialist_info h3 {
		font-size: 1.7rem;
		margin-bottom: 0;
	}
	div.specialist_list .specialist_info > div.name {
		width: 65%;
		text-align: center;
	}
	div.specialist_list .specialist_info > div.photo {
		width: 30%;
	}
	section.destination div.specialist_list {
		margin: 10px 0 30px;
	}
}
@media screen and (max-width:767px) {
	section.destination {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: center;
		align-self: center;
		align-items: center;
		background-color: #e6dfd2;
		padding: 0 20px 20px;
	}
	section.destination > div {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}
	section.destination h2 {
		font-size: 1.3rem;
		font-weight: 900;
		line-height: 2rem;
		margin-bottom: 30px;
		margin-top: 0;
	}
	section.destination h2 span {
		display: block;
		font-size: 1rem;
		font-weight: normal;
		margin-bottom: 20px;
	}
	div.specialist_list .specialist_info h3 {
		font-size: 1.3rem;
		margin-bottom: 0;
	}
	div.specialist_list .specialist_info > div.name {
		width: 68%;
	}
	div.specialist_list .specialist_info > div.photo {
		width: 30%;
	}
	section.destination div.specialist_list {
		margin: 10px 0;
	}
}
section.destination div.specialist_list {
	background-color: #fff;
}
div.specialist_list .specialist_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	align-self: center;
	align-items: center;
	margin: 0 auto 30px;
}
.specialist p.btn {
	text-align: right;
	margin-top: 20px;
}
.specialist_list ul.slick-dots {
	margin: 50px 0 0 0;
}
.specialist_list ul.slick-dots button {
	background: #ddd;
}
.specialist_list ul.slick-dots li.slick-active button {
	background: #333;
}
section.destination h2 {
	text-align: left;
	width: 100%;
}
div.specialist_list .specialist_info .name p.info {
	font-size: 1.1rem;
}

/* Tour Type */
@media screen and (min-width:1200px) {
	.features_list {
		position: relative;
		margin: 0 auto 50px;
		padding-left: 7%;
		width: 70%;
	}
}
@media screen and (min-width:768px) and (max-width:1199px) {
	.features_list {
		position: relative;
		margin: 0 auto 50px;
		padding-left: 7%;
		width: 90%;
	}
}
@media screen and (min-width:768px) {
	#section02.tours_type {
		margin: 0 auto;
		padding-bottom: 60px;
	}
	.tours_type_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 80%;
		margin: 0 auto;
	}
	.tours_type_list > div {
		width: 48%;
		position: relative;
	}
	.tours_type_list > div img {
		width: 100%;
		height: 300px;
		object-fit: cover;
		margin: 0 auto 40px;
	}
	.tours_type_list > div div.tours_type_con {
		width: 100%;
		margin: 0 auto 100px;
	}
	.tours_type_list > div p.btn {
		margin: 0 auto;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	section.features p.logo {
		margin: 0 auto 100px;
		text-align: center;
		width: 15%;
		max-width: 385px;
	}
	.features_list h3 {
		margin-bottom: 20px;
	}
	.features_list h3:before {
		width: 50px;
		height: 50px;
		border-radius: 50px;
		line-height: 50px;
		font-size: 2rem;
		left: -10%;
	}
	.features_list p.image {
		width: 30%;
		max-width: 400px;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	.features_list p {
		width: calc(70% - 40px);
	}
}
@media screen and (max-width:767px) {
	#section02.tours_type {
		margin: 0 auto;
	}
	section.tours_type .content {
		padding: 0 20px;
	}
	.tours_type .lead-desc p.sub_catch {
		font-size: 1rem;
	}
	.tours_type_list {
		width: 100%;
		margin: 40px auto 0;
		padding-bottom: 40px;
	}
	.tours_type_list > div {
		position: relative;
		margin: 0 auto 60px;
	}
	.tours_type_list > div:last-child {
		margin: 0 auto;
	}
	.tours_type_list > div img {
		width: 100%;
		margin: 0 auto 20px;
	}
	.tours_type_list > div div.tours_type_con {
		width: 90%;
		margin: 0 auto 20px;
	}
	.tours_type_list > div p.btn {
		margin: 0 auto;
		text-align: center;
	}
	section.features p.logo {
		margin: 0 auto 50px;
		text-align: center;
		width: 60%;
		max-width: 100px;
	}
	.features_list {
		position: relative;
        margin: 0 auto 50px;
        padding: 0 20px 0 70px;
        width: 100%;
	}
	.features_list:last-child {
		margin: 0 auto;
	}
	.features_list h3 {
		margin-bottom: 10px;
	}
	.features_list h3:before {
		width: 40px;
		height: 40px;
		border-radius: 40px;
		line-height: 40px;
		font-size: 1.5rem;
		left: -50px;
	}
	.features_list p {
		margin-bottom: 10px;
	}
	.features_list p.image {
		width: 100%;
		padding: 0;
	}
}
section.tours_type {
	background-color: #fff;
	border-bottom: 2px solid #d8d8d8;
}
.tours_type_list > div h3 {
	margin: 0 auto;
	width: 100%;
	font-weight: bold;
	font-display: swap;
}
.tours_type_list > div h3 img {
	width: 100%;
	height: auto;
}
.tours_type_list > div h4 {
	width: 90%;
	margin: 0 auto;
	font-size: 1.2rem;
	font-weight: bold;
	font-family: "Lora", "Noto Serif JP", serif;
	font-display: swap;
	color: #000;
}
.tours_type_list > div h4 span {
	background: linear-gradient(transparent 60%, rgba(164,150,106,0.4) 60%);
	display: inline;
}
.tours_type_list > div p {
	margin-bottom: 1em;
}
.tours_type .lead-desc p.sub_catch {
	margin-bottom: 1em;
}
.tours_type_list > div p.btn {
	width: 70%;
}
.tours_type_list > div p.btn a.blue {
	background-color: #2f72b7;
    color: #fff;
    padding: 15px 0;
    display: block;
    width: 100%;
    white-space: nowrap;
}
.tours_type_list > div p.btn a.green {
	background-color: #147744;
    color: #fff;
    padding: 15px 0;
    display: block;
    width: 100%;
    white-space: nowrap;
}
section.features {
	padding-bottom: 50px;
}
.features_list h3 {
	color: #fff;
	padding: 5px 20px;
	position: relative;
}
.features_list:nth-child(odd) h3,
.features_list:nth-child(odd) h3:before {
	background-color: #8b6c2a;
}
.features_list h3:before {
	counter-increment: number 1;
  	content: counter(number) " ";
	color: #fff;
	position: absolute;
	top: 0;
	text-align: center;
}
.features_list:nth-child(even) h3,
.features_list:nth-child(even) h3:before {
	background-color: #b19351;
}
.features_list p {
	color: #8b6c2a;
	padding: 0 20px;
}
section.features p.logo img,
.features_list p.image img {
	width: 100%;
	height: auto;
}

/* Google Review */
@media screen and (min-width:768px) {
	section#guestreview .content h2 {
		margin: 80px auto;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	section#guestreview .content {
		width: 80%;
		margin: 0 auto;
		padding: 0 0 80px;
	}
}
@media screen and (max-width:767px) {
	section#guestreview .content h2 {
		margin: 30px auto;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	section#guestreview .content {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px 30px;
	}
}
section#guestreview {
	background-color: #fff;
}
.ti-widget.ti-goog .ti-widget-container {
	margin-bottom: 0;
}
.ti-verified-by.ti-verified-by-row {
	display: none!important;
}
.trip_review_one {
	display: block;
	text-align: center;
	margin: 40px auto 0;
}
.trip_review_one > div {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}

/* Movie */
@media screen and (min-width:993px) {
	section.top_fv.mv {
		margin: 4.3rem auto 0;
	}
}
@media screen and (max-width:992px) {
	section.top_fv.mv {
		margin: 3.8rem auto 0;
	}
}
section.top_fv.mv {
	position: relative;
	padding: 0;
}
section.top_fv.mv h1 {
	padding: 0;
	background-color: #fff;
}
section.top_fv.mv h1:before,
section.top_fv.mv h1:after {
	content: none;
}
/*
section.top_fv_mv h1 {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
*/
.movie_content {
	width: 100%;
	position: relative;
	text-align: center;
	margin: auto;
}
.movie_content video {
	width: 100%;
	height: auto;
}
section.top_fv.mv .top_fv_box {
	margin: 0 auto;
}
section.top_fv.mv .top_fv_box h2 {
	margin: 0 auto 60px;
}

/* harnes the power */
@media screen and (min-width:768px) {
	section.harness .harness_power_lists {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	section.harness h2,
	section.paths_trip h2 {
		margin: 0 auto 100px;
		padding-top: 100px;
	}
	section.harness .lead-desc,
	section.paths_trip .lead-desc {
		margin: 0 auto;
		padding-bottom: 100px;
	}
	section.harness .harness_power_lists > div {
		width: 50%;
	}
	section.harness .lead-desc .harness_power_lists > div h3 {
		margin: 0 auto 20px;
		font-size: 4rem;
	}
	section.harness .harness_power_lists div.harness_power_content.right {
		padding-left: 5%;
	}
	section.harness .harness_power_lists div.harness_power_content.left {
		padding-right: 5%;
	}
	section.harness .harness_power_lists > div h3 img.title_zazen {
		max-width: calc((325px * 2) /3);
	}
	section.harness .harness_power_lists > div h3 img.title_onsen {
		max-width: calc((345px * 2) /3);
	}
	section.harness .harness_power_lists > div h3 img.title_cuisine {
		max-width: calc((398px * 2) /3);
	}
	section.harness .harness_power_lists > div h3 img.title_shinrinyoku {
		max-width: calc((679px * 2) /3);
	}
	section.paths_trip .paths_trip_lists {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 5px;
	}
	section.harness .lead-desc .harness_power_lists > div p {
		line-height: 1.4;
		font-size: 1.1rem;
	}
}
@media screen and (max-width:767px) {
	section.harness h2,
	section.paths_trip h2 {
		margin: 0 auto 50px;
		padding-top: 50px;
	}
	section.harness .lead-desc,
	section.paths_trip .lead-desc {
		margin: 0 auto;
		padding: 0 20px 50px;
	}
	section.harness .harness_power_lists > div {
		width: 100%;
	}
	section.harness .lead-desc .harness_power_lists > div h3 {
		margin: 0 auto 15px;
		font-size: 2.7rem;
	}
	section.harness .harness_power_lists > div.image {
		margin-bottom: 40px;
	}
	section.harness .harness_power_lists > div h3 img.title_zazen {
		max-width: calc((325px * 2) /4);
	}
	section.harness .harness_power_lists > div h3 img.title_onsen {
		max-width: calc((345px * 2) /4);
	}
	section.harness .harness_power_lists > div h3 img.title_cuisine {
		max-width: calc((398px * 2) /4);
	}
	section.harness .harness_power_lists > div h3 img.title_shinrinyoku {
		max-width: calc((679px * 2) /4);
	}
	section.paths_trip .paths_trip_lists {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px 0;
	}
	section.harness .lead-desc .harness_power_lists > div p {
		font-size: 1rem;
		font-weight: 500;
	}
}
section.harness {
	background-color: #fff;
	border-bottom: 2px solid #d8d8d8;
}
section.harness .harness_power_lists > div img {
	width: 100%;
	height: auto;
}
p.link {
	text-align: right;
    margin: 20px auto 0;
}
p.link a {
	color: #8d6d2b;
}
.service-area img {
	width: 100%;
	height: auto;
}
section.paths_trip {
	background-color: #f7f0dc;
}
section.paths_trip .paths_trip_lists > div a {
	display:  block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
section.paths_trip .paths_trip_lists > div a img {
	width: 100%;
	transition: all 1s;
}
section.paths_trip .paths_trip_lists > div a:hover img.backimage {
	transform: scale(1.1, 1.1);
	opacity: .9;
}
section.paths_trip .paths_trip_lists > div a img.link {
	position: absolute;
	bottom: 10px;
	right: 20px;
	width: 50%;
}
section.paths_trip .paths_trip_lists > div a:hover img.link {
	opacity: 1;
}
.harness_power_content h3 {
    font-family: "Gothic A1", sans-serif;
    color: #cac2b1;
    letter-spacing: 0;
    line-height: 1;
}