/*-----
* basic-style.css ver1.1.0
-----*/
/***** variable *****/
:root{
	--basic-font-size:16px;
	--serif-font:'Noto Serif JP', serif;
	--sans-font:'Noto Sans JP', sans-serif;
	--cursive-font:'Parisienne', cursive;
	--key-color:#a8cd77;
	--border-color:#afafaf;
}
/***** common *****/
html,body{
	font-size:var(--basic-font-size, 16px);
	font-family:var(--serif-font);
}
img{
	max-width: 100%;
}
.icon-size img{
	width:calc(var(--basic-font-size) * 1.5);
}
.pc-br{
	display:block;
}
.sp-br{
	display:none;
}
.rp-br{
	display:none;
}
a[href*="tel:"]{
	pointer-events: none;
}
.top-wrap>.inner.disp-limit{
	overflow: hidden;
	min-height: 130vh;
}
@media screen and (min-width:769px) and ( max-width:1100px){
	.rp-br{
		display:block;
	}
}
@media screen and (max-width:768px){
	.pc-br{
		display:none;
	}
	.sp-br{
		display:block;
	}
	a[href*="tel:"]{
		pointer-events: auto;
	}
	.top-wrap>.inner.disp-limit{
		min-height: 170vh;
	}
}
/***** default css *****/
.dammy-h{
	height:1000px;
}
/***** header *****/
.site-header{
	width:100%;
	position: fixed;
	z-index: 10;
	background-color: rgb(255 255 255 / 50%);
}
.site-header>.inner{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 1rem 1%;
}
.site-header .head-logo{
	
}
.site-header .head-logo>.logo-image{
	
}
.site-header .head-logo>.logo-image>a{
	
}
.site-header .head-logo>.logo-image>a>p{
	font-size: 2rem;
	line-height: 1em;
	color: #fff;
}
.site-header .head-logo>.logo-image>a>img{
	width: 330px;
}
.site-header .humbrger{
	width: 35px;
	height: 30px;
}
.site-header .humbrger>div{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: nowrap;
	cursor: pointer;
}
.site-header .humbrger>div>span{
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	border: 1px solid rgb(0 0 0 / 10%);
	transform: scaleX(1);
}
.site-header .humbrger>div:hover>span{
	animation-name:humb-border;
	animation-duration:200ms;
	animation-timing-function:cubic-bezier(0.39, 0.94, 0.4, 1.21);
	animation-fill-mode:forwards
}
.site-header .humbrger>div>span:nth-of-type(1){
	animation-delay:0ms;
}
.site-header .humbrger>div>span:nth-of-type(2){
	animation-delay:100ms;
}
.site-header .humbrger>div>span:nth-of-type(3){
	animation-delay:200ms;
}
@keyframes humb-border{
	0%{
		transform: scaleX(1);
	}
	50%{
		transform: scaleX(0);
	}
	100%{
		transform: scaleX(1);
	}
}
@media screen and (max-width:768px){
	.site-header{
		background-color: unset;
	}
	.site-header>.inner{
		padding: 1rem 5%;
	}
	.site-header .head-logo>.logo-image>a>img{
		width: 230px;
		position: relative;
		top: -0.5rem;
		left: -1rem;
	}
}
/***** g-menu PC *****/
.pc-g-menu{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.pc-g-menu>div{
	
}
.pc-g-menu>div>.menu{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.pc-g-menu>div>.menu>li:not(:last-child){
	padding: 0 10px;
}
.pc-g-menu>div>.menu>li>div{
	
}
.pc-g-menu>div>.menu>li>div>a{
	font-size: 16px;
	color: #000;
	/*text-shadow: 0 0 3px #7a7a7a;*/
}
.pc-g-menu>div>.menu>li>div>a.m-active{
	/*text-decoration: underline 2px;*/
}
.pc-g-menu>div>.menu>li>div>a:hover{
	/*text-decoration: underline 2px;*/
}
.pc-g-menu>div>.menu>li>div>a.sans{
	font-family: var(--sans-font);
}
.pc-g-menu>div>.menu>li>div>span{
	color: #000;
}
@media screen and (max-width:768px){
	
	
	
}
/***** g-menu スマホ *****/
.g-menu{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 11;
	opacity:0;
	transition: all 400ms 0s ease;
}
.g-menu.gmenu-active{
	opacity: 1;
}
.g-menu>.menu-bg-image{
	height: 100vh;
	opacity: 0.3;
}
.g-menu>.menu-bg-image>img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-width: none;
	object-position: center;
}
.g-menu>.inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: auto;
}
.g-menu>.inner>.text-box{
	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 1rem 2% 0;
}
.g-menu .head-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.g-menu .head-box>.logo-box{
	position: relative;
	width: 100%;
	height: 100%;
}
.g-menu .head-box>.logo-box>.l-1{
	display: inline-block;
	font-size: 0.8rem;
	line-height: 1em;
	color: #000;
}
.g-menu .head-box>.logo-box>.image{
	position: absolute;
	top: 2rem;
	left: 0;
}
.g-menu .head-box>.logo-box>.image>img{
	width: 250px;
}
.g-menu .head-box>.logo-box>.l-2{
	position: absolute;
	top: 6rem;
	left: 0;
	font-size: 16px;
	font-weight: 600;
	width: calc(100% / 3);
}
.g-menu .close-buttun{
	width: auto;
	height: 100%;
	transition: all 300ms 0s ease;
}
.g-menu .close-buttun:hover{
	cursor: pointer;
	opacity:0.5;
	transform: scale(0.9);
}
.g-menu .close-buttun>svg{
	width: 30px;
	height: 30px;
}
.g-menu .close-buttun>svg>polyline{
	stroke: #000;
	stroke-width: 3;
}
.g-menu>.inner>.text-box>.menu-list{
	width: 60%;
	min-width: 260px;
	max-width: 400px;
	padding: 0 0 2rem;
	margin: auto;
}
.g-menu>.inner>.text-box>.menu-list>.menu{
	padding: 0 10%;
}
.g-menu>.inner>.text-box>.menu-list>.menu>li{
	border-bottom: 2px solid rgb(0 0 0 / 20%);
	padding: 1.2em 0;
}
.g-menu>.inner>.text-box>.menu-list>.menu>li>div{
	text-align: center;
}
.g-menu>.inner>.text-box>.menu-list>.menu>li>div>a,
.g-menu>.inner>.text-box>.menu-list>.menu>li>div>span{
	display: inline-block;
	font-size: 25px;
	font-weight: 700;
	position: relative;
	line-height: 1em;
}
.g-menu>.inner>.text-box>.menu-list>.menu>li>div>.sans{
	font-family: var(--sans-font);
	font-size: 20px;
}
.g-menu>.inner>.text-box>.menu-list>.menu>li>div>a::after{
	content:"";
	display: block;
	position: absolute;
	bottom: -2px;
	width: 100%;
	height: 6px;
	background-color: rgb(112 181 23 / 50%);
	opacity:0;
	transition: opacity 200ms 0s ease;
}
.g-menu>.inner>.text-box>.menu-list>.menu>li>div>a:hover::after{
	opacity:1;
}
.g-menu>.inner>.text-box>.menu-list>.menu>li>div>a>span{
	position: relative;
	z-index: 1;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 2rem 0 0;
	margin-bottom: 1rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div{
	width: 100%;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--sans-font);
	text-align: center;
	position: relative;
	padding: 1rem 2rem 1rem 0;
	filter: brightness(1);
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 300ms 0s ease;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.free>.butt{
	background: linear-gradient(to bottom, #a88b6d, #d7b591);
	margin: 0 0 0.5rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.free>.butt::before{
	background: linear-gradient(to bottom, #d7b591, #a88b6d);
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel>.butt{
	background: linear-gradient(to bottom, #6db412, #a8cd77);
	margin: 0 0 0.5rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel>.butt::before{
	background: linear-gradient(to bottom, #a8cd77, #6db412);
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.site>.butt{
	background: linear-gradient(to bottom, #030303, #707070);
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.site>.butt::before{
	background: linear-gradient(to bottom, #707070, #030303);
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.free:hover>.butt::before,
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel:hover>.butt::before,
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.site:hover>.butt::before{
	opacity:1;
	filter: brightness(0.9);
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.image{
	position: relative;
	margin-right: 2rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.site>.butt>.image{
	overflow: hidden;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.image>img{
	height: 1.8rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel>.butt>.image>img{
	height: 2.5rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel>.butt:hover>.image>img{
	animation-name: banner-animation1;
	animation-duration:300ms;
	animation-timing-function:ease;
	animation-fill-mode:backwards;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.site>.butt:hover>.image>img{
	animation-name: banner-animation2;
	animation-duration:600ms;
	animation-timing-function:ease;
	animation-fill-mode:backwards;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.text{
	
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.text>p,
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.text>a{
	position: relative;
	font-weight: 700;
	color: #fff;
	line-height: 1em;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.text>.t-1{
	font-size: 15px;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.text>.t-2{
	font-size: 20px;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel>.butt>.text>.t-2,
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel>.butt>.text>.t-3{
	font-size: 18px;
	transition: all 300ms 0s ease;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>.tel>.butt>.text>.t-3:hover{
	opacity:0.5;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.text>.mb1{
	margin-bottom: 0.5rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.arrow{
	position: absolute;
	bottom: 0.5rem;
	right: 1rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.arrow>span{
	position: relative;
	display: block;
	width: 4em;
	height: 1em;
	margin-left: 0.3rem;
	border-bottom: 1px solid #fff;
	transition: all 200ms 0s ease;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt:hover>.arrow>span{
	width: 3em;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.arrow>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #fff;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt:hover>.arrow>span::after{
	width: 1.7rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-line-box{
	width: 100%;
	text-align: center;
	margin-bottom: 2rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-line-box>a{
	display: inline-block;
	color: #2dae36;
	font-family: var(--sans-font);
	font-size: 25px;
	font-weight: 900;
	margin-bottom: 0.3rem;
	transition: all 200ms 0s ease;
}
.g-menu>.inner>.text-box>.menu-list>.top-line-box>a:hover{
	cursor: pointer;
	opacity:0.5;
}
.g-menu>.inner>.text-box>.menu-list>.top-line-box>.image{
	width: 20%;
	min-width: 80px;
	margin: auto;
}
.g-menu>.inner>.text-box>.menu-list>.top-line-box>.image>img{
	object-fit: cover;
}
.g-menu>.inner>.text-box>.menu-list>.top-sns>ul{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.g-menu>.inner>.text-box>.menu-list>.top-sns>ul>li{
	max-width: 40px;
	margin: 0 0.5rem;
}
.g-menu>.inner>.text-box>.menu-list>.top-sns>ul>li>a{
	transition: all 200ms 0s ease;
}
.g-menu>.inner>.text-box>.menu-list>.top-sns>ul>li>a:hover{
	opacity:0.5;
}
.g-menu>.inner>.text-box>.menu-list>.top-sns>ul>li>a>img{
	max-width: none;
	width: 100%;
	object-fit: cover;
}
@media screen and (max-width:768px){
	.g-menu>.inner>.text-box{
		padding: 1rem 5% 0;
	}
	.g-menu .head-box>.logo-box>.l-1{
		line-height: 1.4em;
		width: 90%;
	}
	.g-menu .head-box>.logo-box>.image{
		position: relative;
		top: 0;
	}
	.g-menu .head-box>.logo-box>.image>img{
		width: 200px;
	}
	.g-menu .head-box>.logo-box>.l-2{
		display: none;
	}
	.g-menu>.inner>.text-box>.menu-list{
		width: 100%;
		max-width: none;
		padding: 1rem 0 2rem;
	}
	.g-menu>.inner>.text-box>.menu-list>.menu{
		padding: 0 20%;
	}
	.g-menu>.inner>.text-box>.menu-list>.menu>li{
		padding: 1em 0;
	}
	.g-menu>.inner>.text-box>.menu-list>.menu>li>div>a,
	.g-menu>.inner>.text-box>.menu-list>.menu>li>div>span{
		font-size: 20px;
	}
	.g-menu>.inner>.text-box>.menu-list>.top-contact-box{
		padding: 1rem 0 0;
	}
	.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt{
		padding: 1rem 0rem 1rem 0;
	}
	.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.image,
	.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.arrow{
		display: none;
	}
	.g-menu>.inner>.text-box>.menu-list>.top-contact-box>div>.butt>.text>.t-1{
		font-size: 13px;
	}
	.g-menu>.inner>.text-box>.menu-list>.menu>li>div>.sans{
		font-size: 18px;
	}
	.g-menu>.inner>.text-box>.menu-list>.top-line-box>a{
		font-size: 20px;
	}
	.g-menu>.inner>.text-box>.menu-list>.top-line-box>.image{
		min-width: 100px;
	}
	.g-menu>.inner>.text-box>.menu-list>.top-sns>ul>li{
		max-width: 49px;
	}
}
/***** footer *****/
.site-footer{
	width:100%;
	background-color: #3e3e3e;
	padding-top: 5rem;
}
.site-footer>.inner{
	width: 100%;
}
.site-footer .copyright{
	width: 100%;
	text-align: right;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem 2%;
}
.site-footer .copyright>p{
	font-size: 13px;
	color: #fff;
	line-height: 1em;
}
@media screen and (max-width:768px){
	.site-footer{
		padding-top: 8rem;
	}
	.site-footer .copyright{
		text-align: center;
	}
	.site-footer .copyright>p{
		font-size: 12px;
	}
}
/***** fixed-banner *****/
.site-footer .fixed-banner{
	position: fixed;
	top: auto;
	bottom: 22%;
	right: 0;
	z-index: 1;
	overflow: hidden;
}
.site-footer .fixed-banner:hover{
	animation-name: banner-animation3;
	animation-duration:300ms;
	animation-timing-function:cubic-bezier(0.37, 1.34, 0.6, 1.22);
	animation-fill-mode:backwards;
}
@keyframes banner-animation3{
	0%{
		transform: translateY(0px);
	}
	30%{
		transform: translateY(-7px);
	}
	60%{
		transform: translateY(0px);
	}
	80%{
		transform: translateY(-2px);
	}
	100%{
		transform: translateY(0px);
	}
}
.site-footer .fixed-banner>a{
	position: relative;
	top: 0;
	right: -100%;
	transition: all 200ms 0s ease;
}
.site-footer .fixed-banner>a>.banner{
	position: relative;
	background-color: #a88b6d;
	border-radius: 50%;
	width: 7rem;
	height: 7rem;
}
.site-footer .fixed-banner>a>.banner>div{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.site-footer .fixed-banner>a>.banner>div>.d-1{
	font-size: 18px;
	font-family: var(--sans-font);
	font-weight: 700;
	text-align: center;
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 0.3rem;
}
.site-footer .fixed-banner>a>.banner>div>.image{
	width: 2em;
}
@media screen and (max-width:768px){
	.site-footer .fixed-banner{
		position: fixed;
		width: 100%;
		height: 3rem;
		left: 0;
		bottom: -3rem;
		margin: 0 auto 0;
		transition: all 200ms 0s ease;
	}
	.site-footer .fixed-banner.foot-pos-sp{
		bottom: 5rem;
	}
	.site-footer .fixed-banner.fi-type{
		position: relative;
		bottom: 0;
	}
	.site-footer .fixed-banner>a{
		right: 0;
	}
	.site-footer .fixed-banner>a>.banner{
		border-radius: 0;
		width: 100%;
		height: 3rem;
	}
	.site-footer .fixed-banner>a>.banner>div{
		flex-direction: row;
	}
	.site-footer .fixed-banner>a>.banner>div>.d-1{
		font-size: 14px;
		margin-bottom: 0;
	}
	.site-footer .fixed-banner>a>.banner>div>.image{
	    margin-left: 1rem;
	}
}
/***** fixed-square-banner *****/
.site-footer .fixed-square-banner{
	width: 100%;
	height: 5rem;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.site-footer .fixed-square-banner.fi-type{
	position: relative;
}
.site-footer .fixed-square-banner>.move{
	height: 100%;
	position: relative;
	left: 0;
	bottom: -5rem;
	transition: all 200ms 0s ease;
}
.site-footer .fixed-square-banner>.move>div{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.site-footer .fixed-square-banner>.move>div>div{
	width: 50%;
	padding: 0.5rem 0;
}
.site-footer .fixed-square-banner>.move>div>.left{
	background-color: rgb(121 184 39 / 86%);
}
.site-footer .fixed-square-banner>.move>div>.left:hover{
	background-color: rgb(121 184 39 / 100%);
}
.site-footer .fixed-square-banner>.move>div>.right{
	background-color: rgb(65 65 65 / 86%);
}
.site-footer .fixed-square-banner>.move>div>.right:hover{
	background-color: rgb(65 65 65 / 100%);
}
.site-footer .fixed-square-banner>.move>div>div>.butt{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	position: relative;
}
.site-footer .fixed-square-banner>.move>div>div>.butt>.image{
	margin-right: 1rem;
	overflow: hidden;
}
.site-footer .fixed-square-banner>.move>div>div>.butt>.image>img{
	height: 3rem;
}
.site-footer .fixed-square-banner>.move>div>.left>.butt:hover>.image>img{
	animation-name: banner-animation1;
	animation-duration:300ms;
	animation-timing-function:ease;
	animation-fill-mode:backwards;
}
.site-footer .fixed-square-banner>.move>div>.right>.butt>.image>img{
	height: 2.1rem;
}
.site-footer .fixed-square-banner>.move>div>.right>.butt:hover>.image>img{
	animation-name: banner-animation2;
	animation-duration:600ms;
	animation-timing-function:ease;
	animation-fill-mode:backwards;
}
@keyframes banner-animation1{
	0%{
		transform: rotateZ(0deg);
	}
	25%{
		transform: rotateZ(15deg);
	}
	50%{
		transform: rotateZ(0deg);
	}
	75%{
		transform: rotateZ(15deg);
	}
	100%{
		transform: rotateZ(0deg);
	}
}
@keyframes banner-animation2{
	0%{
		transform: translateX(0px);
	}
	39%{
		transform: translateX(80px) scaleX(1.7);
	}
	40%{
		transform: translateX(-80px) scaleX(1.7);
	}
	100%{
		transform: translateX(0px);
	}
}
.site-footer .fixed-square-banner>.move>div>div>.butt>.text>.t-1>p{
	font-size: 20px;
	font-family: var(--sans-font);
	font-weight: 700;
	color: #fff;
	line-height: 1.4em;
	text-align: center;
}
.site-footer .fixed-square-banner>.move>div>div>.butt>.text>.t-1>p>span{
	font-size: 1.1em;
}
.site-footer .fixed-square-banner>.move>div>div>.butt>.text>.arrow{
	position: absolute;
	bottom: 0;
	right: 1rem;
}
.site-footer .fixed-square-banner>.move>div>div>.butt>.text>.arrow>span{
	position: relative;
	display: block;
	width: 7em;
	height: 1em;
	margin-left: 0.3rem;
	border-bottom: 1px solid #fff;
	transition: all 200ms 0s ease;
}
.site-footer .fixed-square-banner>.move>div>div>.butt:hover>.text>.arrow>span{
	width: 4em;
}
.site-footer .fixed-square-banner>.move>div>div>.butt>.text>.arrow>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #fff;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.site-footer .fixed-square-banner>.move>div>div>.butt:hover>.text>.arrow>span::after{
	width: 2.5rem;
}
@media screen and (max-width:768px){
	.site-footer .fixed-square-banner>.move{
		bottom: -5rem;
	}
	.site-footer .fixed-square-banner.foot-pos-sp>.move{
		bottom: 0rem;
	}
	.site-footer .fixed-square-banner>.move>div>div>.butt>.image{
		display: none;
	}
	.site-footer .fixed-square-banner>.move>div>div>.butt>.text>.t-1>p{
		font-size: 14px;
	}
	.site-footer .fixed-square-banner>.move>div>div>.butt>.text>.arrow{
		display: none;
	}
}
/***** content common *****/
.basic-box>.inner{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 2rem 2%;
}
@media screen and (max-width:768px){
	.basic-box>.inner{
		padding: 2rem 5%;
	}
}
/***** head-title-box *****/
.head-title-box>.inner{
	position: relative;
}
.head-title-box .bg-image{
	width: 100%;
}
.head-title-box .bg-image>img{
	max-width: none;
	width: 100%;
	height: 100vh;
	max-height: 900px;
	    min-height: 700px;
	object-fit: cover;
	object-position: center;
}
.head-title-box .text-box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.head-title-box .text-box>div{
	text-align: center;
}
.head-title-box .text-box>div>.t-1{
	font-size: 55px;
	color: #fff;
	text-shadow: 0 0 3px #7a7a7a;
	font-weight: 600;
	line-height: 1em;
	margin-bottom: 3rem;
}
.head-title-box .text-box>div>.t-2{
	font-size: 33px;
	color: #fff;
	text-shadow: 0 0 3px #7a7a7a;
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 3rem;
}
.head-title-box .text-box>div>.t-1,
.head-title-box .text-box>div>.t-2{
	opacity:1;
	transition: all 900ms 0s ease;
}
.head-title-box .text-box>div>.t-1.t-hidden,
.head-title-box .text-box>div>.t-2.t-hidden{
	opacity:0;
}
.head-title-box .text-box>div>.t-3{
	font-size: 20px;
	font-family: var(--sans-font);
	color: #fff;
	text-shadow: 0 0 3px #7a7a7a;
	line-height: 1.8em;
}
@media screen and (max-width:768px){
	.head-title-box .bg-image>img{
		object-position: 60% 50%;
	}
	.head-title-box .text-box{
		position: relative;
		margin: 3rem 0 1rem;
	}
	.head-title-box .text-box>div{
		padding: 0 5%;
	}
	.head-title-box .text-box>div>.t-1{
		font-size: 28px;
		color: #000;
	}
	.head-title-box .text-box>div>.t-2{
		font-size: 21px;
		color: #000;
		line-height: 1.2em;
		margin-bottom: 2rem;
	}
	.head-title-box .text-box>div>.t-3{
		font-size: 16px;
		color: #000;
		text-shadow: unset;
		padding: 1rem 0.5rem;
	}
}
/***** double-fade-box *****/
.double-fade-box{
	width: 100%;
	height: 100vh;
	min-height: 800px;
	overflow: hidden;
}
.double-fade-box .fade-box{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.double-fade-box .fade-box>div{
	width: 50%;
	height: 100%;
	position: relative;
}
.double-fade-box .fade-box>div>.image-list{
	width: 100%;
	height: 100%;
	position: relative;
}
.double-fade-box .fade-box>div>.image-list>.image{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.double-fade-box .fade-box>div>.image-list>.image.op{
	opacity: 1;
	animation-name:slide-anim;
	animation-timing-function: linear;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}
@keyframes slide-anim{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.double-fade-box .fade-box>div>.image-list>.image>img{
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}
@media screen and (min-width:769px) and ( max-width:890px){
	.double-fade-box .fade-box>div>.in-banner>a{
		height: 6rem;
	}
	.double-fade-box .fade-box>div>.in-banner>a>p{
		font-size: 17px;
	}
}
@media screen and (max-width:768px){
	.double-fade-box .fade-box{
		flex-direction: column;
	}
	.double-fade-box .fade-box>div{
		width: 100%;
	}
	.double-fade-box .fade-box>div>.in-banner{
		display: none;
	}
}
/***** underlayer-title-box *****/
.underlayer-title-box{
	width: 100%;
}
.underlayer-title-box>.inner{
	width: 100%;
	height: 100%;
	position: relative;
}
.underlayer-title-box .bg-image>img{
	width: 100%;
	max-width: none;
}
.underlayer-title-box .title-box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.underlayer-title-box .title-box>.text{
	text-align: center;
}
.underlayer-title-box .title-box>.text>.t-1{
	font-size: 36px;
	font-family: var(--sans-font);
	font-weight: 700;
}
.underlayer-title-box .title-box>.text>.t-2{
	font-size: 20px;
	font-family: var(--sans-font);
	font-weight: 400;
}
@media screen and (max-width:768px){
	.underlayer-title-box .bg-image{
		display: block;
		height: 25vh;
	}
	.underlayer-title-box .bg-image>img{
		height: 100%;
		object-fit: cover;
	}
	.underlayer-title-box .title-box>.text{
		padding-top: 4rem;
	}
	.underlayer-title-box .title-box>.text>.t-1{
		font-size: 30px;
	}
	.underlayer-title-box .title-box>.text>.t-1.s-font{
		font-size: 21px;
	}
}
/***** content-title *****/
.content-title{
	width: 100%;
	height: 100%;
	position: relative;
}
.content-title.pt2{
	background-color: #f6efe6;
}
.content-title>.bg-image1>img{
	width: 100%;
	max-width: none;
}
.content-title.bg-in>.inner{
	width: 100%;
	height: 100%;
	max-width: none;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}
.content-title.pt1>.inner{
	padding: 3rem 2% 2rem;
}
.content-title .title1{
	width: 100%;
	text-align: center;
	font-family: var(--sans-font);
}
.content-title .title1>.en{
	font-size: 36px;
	font-weight: 700;
}
.content-title .title1>.jp{
	font-size: 20px;
	font-weight: 400;
}
.content-title .title1>.serif{
	font-family: var(--serif-font);
	color: rgb(0 0 0 / 50%);
}
@media screen and (max-width:768px){
	.content-title>.bg-image1{
		display: block;
		height: 13vh;
	}
	.content-title>.bg-image1>img{
		height: 100%;
		object-fit: cover;
	}
	.content-title.pt1>.inner{
		padding: 3rem 5% 2rem;
	}
	.content-title .title1>.en{
		font-size: 30px;
	}
	.content-title .title1>.jp{
		font-size: 16px;
	}
}
/***** content-title2 *****/
.content-title2{
	width: 100%;
	height: 100%;
	position: relative;
}
.content-title2.mb1{
	margin: 1rem auto 3rem;
}
.content-title2.mt1{
	margin: 4rem auto 3rem;
}
.content-title2.color1{
	background-color: #f6efe6;
}
.content-title2>.bg-color{
	background-color: #CAE0AC;
	position: absolute;
	top: -20%;
	left: 0;
	width: 100%;
	height: 40vh;
	z-index: -1;
}
.content-title2>.bg-image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	opacity: 0.1;
	margin: 0 auto;
	background-size: 50%;
}
.content-title2>.inner{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 3rem 5%;
}
.content-title2 .title1{
	width: 100%;
	text-align: center;
	font-family: var(--sans-font);
}
.content-title2 .title1>.en{
	font-size: 50px;
	font-weight: 900;
}
.content-title2 .title1>.serif{
	color: rgb(0 0 0 / 50%);
	font-family: var(--serif-font);
}
.content-title2 .title1>.jp{
	font-size: 20px;
	font-weight: 400;
}
.content-title2 .title2{
	position: relative;
	background-color: #fff;
	font-family: var(--sans-font);
}
.content-title2 .title2>.head{
	text-align: center;
	margin-bottom: 1rem;
}
.content-title2 .title2>.head>.en{
	font-size: 50px;
	font-weight: 900;
}
.content-title2 .title2>.head>.serif{
	color: rgb(0 0 0 / 50%);
	font-family: var(--serif-font);
}
.content-title2 .title2>.head>.jp{
	font-size: 20px;
	font-weight: 400;
}
.content-title2 .title2>.text-box{
	padding-bottom: 2rem;
}
.content-title2 .title2>.text-box>.t-1{
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 1rem;
}
.content-title2 .title2>.text-box>.cont-box{
	width: 70%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 0 auto;
}
.content-title2 .title2>.text-box>.cont-box>.left{
	width: 50%;
	text-align: center;
}
.content-title2 .title2>.text-box>.cont-box>.left>.l-1{
	font-size: 35px;
	font-weight: 600;
	line-height: 1em;
}
.content-title2 .title2>.text-box>.cont-box>.right{
	width: 50%;
}
.content-title2 .title2>.text-box>.cont-box>.right>.r-1{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color: #749A30;
	padding: 0.5rem 0;
}
.content-title2 .title2>.text-box>.cont-box>.right>.r-1>.image{
	margin-right: 1rem;
	overflow: hidden;
}
.content-title2 .title2>.text-box>.cont-box>.right>.r-1>.image>img{
	height: 2.1rem;
}
.content-title2 .title2>.text-box>.cont-box>.right>.r-1:hover>.image>img{
	animation-name: banner-animation2;
	animation-duration:600ms;
	animation-timing-function:ease;
	animation-fill-mode:backwards;
}
.content-title2 .title2>.text-box>.cont-box>.right>.r-1>.text{
	
}
.content-title2 .title2>.text-box>.cont-box>.right>.r-1>.text>p{
	font-size: 20px;
	font-family: var(--sans-font);
	font-weight: 700;
	color: #fff;
	line-height: 1.4em;
}
@media screen and (max-width:768px){
	.content-title2>.inner{
		padding: 2rem 5%;
	}
	.content-title2 .title2{
		padding: 2rem 0 1rem;
	}
	.content-title2 .title1>.en,
	.content-title2 .title2>.head>.en{
		font-size: 35px;
	}
	.content-title2 .title2>.text-box>.t-1{
		font-size: 16px;
	}
	.content-title2 .title2>.text-box>.cont-box{
		width: 80%;
		flex-direction: column;
		margin: 0 auto;
	}
	.content-title2 .title2>.text-box>.cont-box>.left,
	.content-title2 .title2>.text-box>.cont-box>.right{
		width: 100%;
	}
	.content-title2 .title2>.text-box>.cont-box>.left{
		margin-bottom: 2rem;
	}
	.content-title2 .title2>.text-box>.cont-box>.left>.l-1{
		font-size: 30px;
	}
	.content-title2 .title2>.text-box>.cont-box>.right>.r-1{
		padding: 1rem 0;
	}
	.content-title2 .title2>.text-box>.cont-box>.right>.r-1>.image>img{
		height: 1.5rem;
	}
	.content-title2 .title2>.text-box>.cont-box>.right>.r-1>.text>p{
		font-size: 16px;
	}
}
/***** content1-box *****/
.content1-box{
	width: 100%;
	position: relative;
}
.content1-box>.bg-image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.content1-box>.bg-image>div{
	width: 80%;
	min-width: 800px;
	position: relative;
	top: 0;
	left: -20%;
}
.content1-box>.interval-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.content1-box>.interval-bg>div{
	position: absolute;
	bottom: -40%;
	right: 0;
	text-align: right;
}
.content1-box>.interval-bg>div>img{
	width: 90%;
}
.content1-box .item-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.content1-box .item-box>.image-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content1-box .item-box>.image-box>div{
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	min-width: 230px;
}
.content1-box .item-box>.image-box>div.i-1{
	top: 10%;
}
.content1-box .item-box>.image-box>div.i-2{
	left: 30%;
	top: auto;
	bottom: 5%;
}
.content1-box .item-box>.image-box>div.i-3{
	left: auto;
	right: 0;
}
.content1-box .item-box>.text-box{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 3rem 0 2rem;
}
.content1-box .item-box>.text-box>div{
	width: 60%;
	padding-right: 3%;
	transition: all 200ms 0s ease;
}
.content1-box .item-box>.text-box>div>.title{
	font-size: 55px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 2rem;
}
.content1-box .item-box>.text-box>div>.text{
	background-color: rgb(255 255 255 / 55%);
	padding: 2rem 2rem;
}
.content1-box .item-box>.text-box>div>.text>.t-1{
	font-size: 25px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 2rem;
}
.content1-box .item-box>.text-box>div>.text>.t-2{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8em;
	margin-bottom: 2rem;
}
.content1-box .item-box>.text-box>div>.text>.t-3{
	width: 100%;
	text-align: right;
}
.content1-box .item-box>.text-box>div>.text>.t-3>a{
	display: inline-flex;
	height: 100%;
	font-size: 18px;
	font-weight: 500;
	line-height: 1em;
}
.content1-box .item-box>.text-box>div>.text>.t-3>a>span{
	position: relative;
	display: block;
	width: 4em;
	height: 1em;
	border-bottom: 1px solid #000;
	transition: all 200ms 0s ease;
}
.content1-box .item-box>.text-box>div>.text>.t-3>a:hover>span,
.content1-box .item-box>.text-box>div>.text>.t-3.cj-active>a>span{
	width: 2.5em;
}
.content1-box .item-box>.text-box>div>.text>.t-3>a>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #000;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.content1-box .item-box>.text-box>div>.text>.t-3>a:hover>span::after,
.content1-box .item-box>.text-box>div>.text>.t-3.cj-active>a>span::after{
	width: 1.7rem;
}
@media screen and (min-width:769px) and ( max-width:1000px){
	.content1-box .item-box>.text-box>div{
		width: 80%;
	}
}
@media screen and (max-width:768px){
	.content1-box>.bg-image>div{
		width: 100%;
		min-width: auto;
		left: -10%;
	}
	.content1-box>.interval-bg>div{
		bottom: -10%;
	}
	.content1-box>.interval-bg>div>img{
		width: 70%;
	}
	.content1-box>.inner{
		padding: 2rem 0%;
	}
	.content1-box .item-box>.image-box>div{
		min-width: 180px;
	}
	.content1-box .item-box>.image-box>div.i-1{
		top: 25%;
	}
	.content1-box .item-box>.image-box>div.i-2{
		left: auto;
		right: 0;
		bottom: 20%;
	}
	.content1-box .item-box>.image-box>div.i-3{
		top: 3%;
	}
	.content1-box .item-box>.text-box{
		padding: 2rem 1rem 2rem;
	}
	.content1-box .item-box>.text-box>div{
		width: 100%;
		padding-right: 0;
	}
	.content1-box .item-box>.text-box>div>.title{
		font-size: 40px;
	}
	.content1-box .item-box>.text-box>div>.text{
		background-color: rgb(255 255 255 / 70%);
		box-shadow: 0 0 3px rgb(0 0 0 / 25%);
	}
}
/***** content1-box event banner *****/
.content1-box .event-banner-box{
	position: absolute;
	top: -4rem;
	left: 2rem;
	z-index: 1;
}
.content1-box .event-banner-box.cj-banner-active{
	animation-name: banner-animation3;
	animation-duration:500ms;
	animation-timing-function:cubic-bezier(0.37, 1.34, 0.6, 1.22);
	animation-fill-mode:backwards;
	animation-delay:300ms;
}
.content1-box .event-banner-box>div{
	width: 100%;
	height: auto;
	position: relative;
	box-shadow: 1px 2px 3px rgb(0 0 0 / 35%);
	overflow: hidden;
}
.content1-box .event-banner-box>div>.image{
	width: 100%;
	height: 100%;
	position: absolute;
}
.content1-box .event-banner-box>div>.image>img{
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
}
.content1-box .event-banner-box>div>.text{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 11rem;
	font-family: var(--sans-font);
	padding: 9.5rem 6rem 1rem;
}
.content1-box .event-banner-box>div>.text>p{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0.5rem;
}
.content1-box .event-banner-box>div>.text>p>.s-size{
	font-size: 0.7em;
}
.content1-box .event-banner-box>div>.text>p>.l-size{
	font-size: 1.3em;
}
.content1-box .event-banner-box>div>.text>a{
	display: inline-block;
	background-color: #DAAE15;
	font-size: 15px;
	color:#fff;
	font-weight: 700;
	text-align: center;
	line-height: 1rem;
	padding: 0.4rem 1rem;
	transition: all 200ms 0s ease;
}
.content1-box .event-banner-box>div>.text>a:hover{
	filter: brightness(0.8);
}
.content1-box .event-banner-box>.deco{
	position: absolute;
	top: -1rem;
	right: -1rem;
	background-color: #f78686;
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 1.1em;
	font-family: var(--sans-font);
	color: #fff;
	border-radius: 50%;
	padding: 0.5em;
}
@media screen and (max-width:768px){
	.content1-box .event-banner-box{
		position: relative;
		top: 0;
		left: 0;
		padding: 0 10%;
	}
	.content1-box .event-banner-box>div>.text{
		padding: 9.5rem 0rem 1rem;
	}
	.content1-box .event-banner-box>div>.text>a{
		font-size: 14px;
	}
	.content1-box .event-banner-box>.deco{
		right: 1rem;
	}
}
/***** content2-box *****/
.content2-box{
	width: 100%;
	position: relative;
}
.content2-box>.bg-image{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.content2-box>.acc-bg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin: auto;
}
.content2-box>.acc-bg>div{
	max-width: 140px;
	position: absolute;
}
.content2-box>.acc-bg>div.a-1{
	top: -4rem;
	left: -3rem;
}
.content2-box>.acc-bg>div.a-2{
	right: 0;
	top: 10rem;
}
.content2-box>.acc-bg>div.a-3{
	bottom: -5rem;
	left: -5%;
}
.content2-box>.acc-bg>div.a-4{
	width: 120px;
	bottom: -10rem;
	right: 0;
}
.content2-box>.acc-bg>div.a-4>img:nth-of-type(1){
	position: absolute;
	top: -4rem;
	left: -2rem;
}
.content2-box>.inner{
	position: relative;
}
.content2-box .text-box{
	width: 100%;
	padding: 2rem 0 0;
}
.content2-box .text-box>.title{
	font-size: 25px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 1rem;
}
.content2-box .text-box>.t-1{
	margin-bottom: 1.5rem;
}
.content2-box .text-box>.t-1>p{
	font-size: 35px;
	font-weight: 700;
	color: #000;
	display: inline-block;
	background-color: rgb(121 184 39 / 35%);
	padding: 0.5rem 1.2rem;
}
.content2-box .text-box>.t-1>p>.s-1{
	font-size: 50px;
	color: #79B827;
}
.content2-box .text-box>.t-1>p>.s-2{
	position: relative;
}
.content2-box .text-box>.t-1>p>.s-2::after{
	content: "・";
	position: absolute;
	top: -1em;
	left: 0;
	color: #707070;
}
.content2-box .text-box>.t-2{
	margin-bottom: 2rem;
}
.content2-box .text-box>.t-2>li{
	font-size: 18px;
	font-weight: 700;
}
.content2-box .text-box>.t-2>li:not(:last-child){
	margin: 0 0 1rem;
}
.content2-box .text-box>.t-3{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}
.content2-box .text-box>.t-3>div{
	width: 50%;
}
.content2-box .text-box>.t-3>div:nth-of-type(1){
	padding: 0 1rem 0 0;
}
.content2-box .text-box>.t-3>div:nth-of-type(2){
	padding: 0 0 0 1rem;
}
.content2-box .text-box>.t-3>div>a{
	display: block;
	width: 100%;
	background-color: rgb(121 184 39 / 60%);
	font-size: 20px;
	font-family: var(--sans-font);
	font-weight: 700;
	text-align: center;
	padding: 1rem 0;
	border-radius:0 0/ 0 0;
	transition: all 300ms 0s ease;
}
.content2-box .text-box>.t-3>div>a:hover{
	background-color: rgb(121 184 39 / 70%);
	border-radius: 5% 0 / 50% 0;
}
.content2-box .text-box>.t-4>p{
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 0.3rem;
}
.content2-box .text-box>.t-4>ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.content2-box .text-box>.t-4>ul>li{
	margin: 0 0.5rem 0 0;
}
.content2-box .text-box>.t-4>ul>li>a{
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 3px rgb(0 0 0 / 30%);
	transition: all 300ms 0s ease;
}
.content2-box .text-box>.t-4>ul>li:nth-child(odd)>a{
	background-color: rgb(168 206 119 / 77%);
}
.content2-box .text-box>.t-4>ul>li:nth-child(odd)>a:hover{
	background-color: rgb(168 206 119 / 90%);
	border-radius: 20%;
}
.content2-box .text-box>.t-4>ul>li:nth-child(even)>a{
	background-color: rgb(146 108 70 / 77%);
}
.content2-box .text-box>.t-4>ul>li:nth-child(even)>a:hover{
	background-color: rgb(146 108 70 / 90%);
	border-radius: 20%;
}
.content2-box .text-box>.t-4>ul>li>a>span{
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 700;
	font-family: var(--sans-font);
}
.content2-box .text-box>.t-4>ul>li:nth-child(odd)>a>span{
	color:#000;
}
.content2-box .text-box>.t-4>ul>li:nth-child(even)>a>span{
	color:#fff;
}
@media screen and (min-width:769px) and ( max-width:1000px){
	.content2-box .text-box>.t-4>ul>li{
		margin: 0 0.5rem 1rem 0;
	}
}
@media screen and (max-width:768px){
	.content2-box>.inner{
		padding: 2rem 5% 4rem;
	}
	.content2-box>.acc-bg>div{
		max-width: 120px;
	}
	.content2-box>.acc-bg>div.a-1{
		left: 0rem;
	}
	.content2-box>.acc-bg>div.a-2{
		top: 9rem;
		max-width: 90px;
	}
	.content2-box>.acc-bg>div.a-3{
		bottom: -3rem;
		left: 0%;
	}
	.content2-box>.acc-bg>div.a-4{
		width: 80px;
		bottom: -4rem;
	}
	.content2-box>.acc-bg>div.a-4>img:nth-of-type(1){
		top: -2rem;
	}
	.content2-box .text-box>.title{
		font-size: 21px;
	}
	.content2-box .text-box>.t-1>p{
		display: block;
		font-size: 23px;
		line-height: 1.8em;
	}
	.content2-box .text-box>.t-1>p>.s-1{
		font-size: 30px;
	}
	.content2-box .text-box>.t-2>li{
		font-size: 16px;
		line-height: 1.7em;
	}
	.content2-box .text-box>.t-3>div{
		width: 90%;
		margin: 0 auto 2rem;
	}
	.content2-box .text-box>.t-3>div:nth-of-type(1),
	.content2-box .text-box>.t-3>div:nth-of-type(2){
		padding: 0 0 0 0;
	}
	.content2-box .text-box>.t-3>div>a{
		font-size: 18px;
	}
	.content2-box .text-box>.t-3>div.cj-active>a{
		background-color: rgb(121 184 39 / 90%);
		border-radius: 10% 0 / 50% 0;
	}
	.content2-box .text-box>.t-4>p{
		font-size: 25px;
		margin-bottom: 2rem;
	}
	.content2-box .text-box>.t-4>ul>li{
		margin: 0 0 1rem;
		width: 25%;
	}
	.content2-box .text-box>.t-4>ul>li>a{
		width: 5rem;
		height: 5rem;
	}
	.content2-box .text-box>.t-4>ul>li>a>span{
		font-size: 16px;
	}
}
/***** content3-box *****/
.content3-box{
	width: 100%;
	position: relative;
}
.content3-box.mt-top1{
	margin-top: 3rem;
}
.content3-box>.bg-color{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #cbe1ae;
	width: 100%;
	height: 80%;
	z-index: -1;
}
.content3-box>.bg-color.bg-c-2{
	background-color: #a8cd78;
	height: 100%;
}
.content3-box>.bg-color.bg-c-3{
	background-color: #f2f2f2;
	height: 100%;
}
.content3-box>.bg-image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1300px;
	height: 100%;
	margin: auto;
	padding: 3rem 0 2rem;
}
.content3-box>.bg-image>div{
	width: 100%;
	height: 100%;
	position: relative;
}
.content3-box>.bg-image>div>p{
	font-size: 200px;
	font-weight: 700;
	color: #F2F2F2;
	opacity: 0.5;
	line-height: 0.9em;
}
.content3-box>.bg-image>div>p:nth-of-type(1){
	position: absolute;
	top: 0;
	left: 0;
}
.content3-box>.bg-image>div>p:nth-of-type(2){
	position: absolute;
	bottom: 0;
	right: 0;
}
.content3-box>.inner{
	position: relative;
}
.content3-box .item-box.pb-set1{
	padding-bottom: 8rem;
}
.content3-box .item-box>.title{
	text-align: center;
	margin-bottom: 2rem;
}
.content3-box .item-box>.title>.t-1{
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
}
.content3-box .item-box>.title>.t-2{
	font-size: 18px;
	font-weight: 400;
}
.content3-box .item-box>.text-box.pb1{
	padding-bottom: 2rem;
}
.content3-box .item-box>.text-box>.title{
	margin-bottom: 1rem;
}
.content3-box .item-box>.text-box>.title>.t-1{
	font-size: 40px;
	color: #629f12;
	line-height: 1em;
}
.content3-box .item-box>.text-box>.title>.c-2{
	color:#fff;
}
.content3-box .item-box>.text-box>.title>.c-3{
	color:#a8cd78;
}
.content3-box .item-box>.text-box>.title>.t-2{
	font-size: 18px;
}
.content3-box .item-box>.text-box>.list-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.content3-box .item-box>.text-box>.list-box>li{
	width: 25%;
	padding: 0 1rem 2rem;
}
.content3-box .item-box>.text-box>.list-box>li>div{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.content3-box .item-box>.text-box>.list-box>li>div>.u-box>.image{
	display: block;
	width: 100%;
	padding-top: 75%;
	position: relative;
	margin-bottom: 0.5rem;
}
.content3-box .item-box>.text-box>.list-box>li>div>.u-box>.image>img{
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
}
.content3-box .item-box>.text-box>.list-box>li>div>.u-box>.text>.t-1{
	font-size: 16px;
}
.content3-box .item-box>.text-box>.list-box>li>div>.u-box>.text>.t-2{
	font-size: 16px;
	font-family: var(--sans-font);
	margin-bottom: 1rem;
}
.content3-box .item-box>.text-box>.list-box>li>div>.d-box>.t-1{
	text-align: right;
}
.content3-box .item-box>.text-box>.list-box>li>div>.d-box>.t-1>a{
	display: inline-flex;
	height: 100%;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
}
.content3-box .item-box>.text-box>.list-box>li>div>.d-box>.t-1>a>span{
	position: relative;
	display: block;
	width: 4em;
	height: 1em;
	margin-left: 0.3rem;
	border-bottom: 1px solid #000;
	transition: all 200ms 0s ease;
}
.content3-box .item-box>.text-box>.list-box>li>div>.d-box>.t-1>a:hover>span{
	 width: 3em;
}
.content3-box .item-box>.text-box>.list-box>li>div>.d-box>.t-1>a>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #000;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.content3-box .item-box>.text-box>.list-box>li>div>.d-box>.t-1>a:hover>span::after{
	width: 1.5rem;
}
.content3-box .item-box>.text-box>.link-listpage{
	width: 20%;
	margin: 1rem auto 0;
	padding-left: 10%;
	position: relative;
	height: 21px;
}
.content3-box .item-box>.text-box>.link-listpage>div{
	position: absolute;
	top: 0;
	right: 0;
}
.content3-box .item-box>.text-box>.link-listpage>div>a{
	display: inline-flex;
	height: 100%;
	font-size: 21px;
	font-weight: 700;
	line-height: 1em;
}
.content3-box .item-box>.text-box>.link-listpage>div>a:hover{
	
}
.content3-box .item-box>.text-box>.link-listpage>div>a>span{
	position: relative;
	display: block;
	width: 4em;
	height: 1em;
	margin-left: 0.3rem;
	border-bottom: 1px solid #000;
	transition: all 200ms 0s ease;
}
.content3-box .item-box>.text-box>.link-listpage>div>a:hover>span,
.content3-box .item-box>.text-box>.link-listpage>div.cj-active>a>span{
	width: 2.5em;
}
.content3-box .item-box>.text-box>.link-listpage>div>a>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #000;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.content3-box .item-box>.text-box>.link-listpage>div>a:hover>span::after,
.content3-box .item-box>.text-box>.link-listpage>div.cj-active>a>span::after{
	width: 1.7rem;
}
.content3-box .item-box>.text-box>.search-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.content3-box .item-box>.text-box>.search-box>.s-set1{
	padding: 0 0.7rem;
    margin-bottom: 1.5rem;
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	background-color: #a8cd78;
	padding: 0.5rem 1rem 0.5rem 0.5rem;
	transition: all 200ms 0s ease;
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a:hover{
	filter: brightness(0.9);
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a>.t-icon{
	width: 25px;
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a>.t-icon>svg{
	width: 100%;
	height: 100%;
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a:hover>.t-icon>svg{
	transform-origin: top left;
	animation-name:tag-anim;
	animation-duration:500ms;
	animation-timing-function:cubic-bezier(0.39, 0.94, 0.4, 1.21);
	animation-fill-mode:forwards
}
@keyframes tag-anim{
	0%{
		transform: rotateZ(0deg);
	}
	10%{
		transform: rotateZ(20deg);
	}
	30%{
		transform: rotateZ(0deg);
	}
	60%{
		transform: rotateZ(10deg);
	}
	100%{
		transform: rotateZ(0deg);
	}
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a>.t-icon>svg>path{
	stroke: #fff;
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a>.t-icon>svg>circle{
	fill: #fff;
}
.content3-box .item-box>.text-box>.search-box>.s-set1>a>p{
	font-size: 15px;
	font-weight: 300;
	font-family: var(--sans-font);
	color: #fff;
	line-height: 1em;
	margin-left: 0.6rem;
}
@media screen and (max-width:768px){
	.content3-box.mt-top1{
		margin-top: 0rem;
	}
	.content3-box>.bg-color{
		height: 95%;
	}
	.content3-box>.inner{
		padding: 3rem 5% 2rem;
	}
	.content3-box>.bg-image>div>p{
		font-size: 70px;
	}
	.content3-box .item-box.pb-set1{
		padding-bottom: 4rem;
	}
	.content3-box .item-box>.title>.t-1{
		font-size: 35px;
		margin-bottom: 0.3rem;
	}
	.content3-box .item-box>.text-box>.title>.t-1{
		font-size: 25px;
		margin-bottom: 0.3rem;
	}
	.content3-box .item-box>.text-box>.list-box>li{
		width: 50%;
	}
	.content3-box .item-box>.text-box>.list-box>li:nth-child(odd){
		padding: 0 1rem 2rem 0;
	}
	.content3-box .item-box>.text-box>.list-box>li:nth-child(even){
		padding: 0 0 2rem 1rem;
	}
	.content3-box .item-box>.text-box>.list-box>li>div>.text>.t-1{
		font-size: 14px;
	}
	.content3-box .item-box>.text-box>.list-box>li>div>.text>.t-2{
		font-size: 14px;
		margin-bottom: 0.5rem;
	}
	.content3-box .item-box>.text-box>.list-box>li>div>.text>.t-3>a{
		font-size: 15px;
	}
	.content3-box .item-box>.text-box>.link-listpage{
		width: 100%;
		margin: 1rem 0 0 auto;
		padding-left: 0;
	}
	.content3-box .item-box>.text-box>.link-listpage>div>a{
		font-size: 18px;
	}
	.content3-box .item-box>.text-box>.search-box>.s-set1{
		padding: 0 0.3rem;
	}
	.content3-box .item-box>.text-box>.search-box>.s-set1>a>.t-icon{
		width: 20px;
	}
	.content3-box .item-box>.text-box>.search-box>.s-set1>a>p{
		font-size: 14px;
		font-weight: 400;
		margin-left: 0.4rem;
	}
}
/***** back top top *****/
.content4-box{
	width: 100%;
	position: relative;
}
.content4-box.mb-top1{
	margin-top: 5rem;
}
.content4-box>.bg-color1{
	width: 100%;
	height: 80%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #EDF4F6;
	z-index: -1;
}
.content4-box>.bg-color1.w-80{
	width: 80%;
}
.content4-box>.inner{
	padding: 0 2%;
}
.content4-box .item-box{
	position: relative;
}
.content4-box .item-box>.title{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.content4-box .item-box>.title>div>.t-1{
	font-size: 80px;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: 0.8rem;
}
.content4-box .item-box>.title>div>.t-2{
	font-size: 30px;
	font-weight: 500;
	line-height: 1em;
}
.content4-box .item-box>.list-box{
	
}
.content4-box .item-box>.list-box>ul{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content4-box .item-box>.list-box>ul>li{
	width: 33%;
	display: flex;
	justify-content: center;
}
.content4-box .item-box>.list-box>ul>li.pc-hidden{
	display:none;
}
.content4-box .item-box>.list-box>ul>li:nth-of-type(1),
.content4-box .item-box>.list-box>ul>li:nth-of-type(3){
	align-items: flex-end;
}
.content4-box .item-box>.list-box>ul>li:nth-of-type(2){
	margin-bottom: 10rem;
}
.content4-box .item-box>.list-box>ul>li.ex-li{
	position: relative;
}
.content4-box .item-box>.list-box>ul>li>.l-link{
	display: block;
	width: 100%;
	position: relative;
}
.content4-box .item-box>.list-box>ul>li>.l-link::after{
	content:"";
	background-color: rgb(255 255 255 / 30%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 330px;
	height: 100%;
	z-index: -1;
}
.content4-box .item-box>.list-box>ul>li>.l-link>.image{
	max-width: 330px;
	margin: auto;
	overflow: hidden;
}
.content4-box .item-box>.list-box>ul>li>.l-link>.image>img{
	max-width: none;
	width: 100%;
	object-fit: cover;
}
.content4-box .item-box>.list-box>ul>li>.l-link>.image>img.sc-anim{
	transform: scale(1);
	transition: all 500ms 0s ease;
}
.content4-box .item-box>.list-box>ul>li>.l-link:hover>.image>img.sc-anim,
.content4-box .item-box>.list-box>ul>li>.l-link.cj-active>.image>img.sc-anim{
	transform: scale(1.05);
}
.content4-box .item-box>.list-box>ul>li>.l-link>.text{
	position: relative;
	height: 2rem;
	width: 100%;
	text-align: center;
}
.content4-box .item-box>.list-box>ul>li>.l-link>.text>h3{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1rem;
	margin: auto;
	display: inline-block;
	width: 80%;
	font-size: 20px;
	font-family: var(--sans-font);
	font-weight: 700;
	background-color: #79B827;
	color: #fff;
	padding: 0.5rem 0;
	filter: brightness(1);
	transition: all 500ms 0s ease;
}
.content4-box .item-box>.list-box>ul>li>.l-link>.text.c-1>h3{
	background-color: #926C46;
}
.content4-box .item-box>.list-box>ul>li>.l-link:hover>.text>h3,
.content4-box .item-box>.list-box>ul>li>.l-link.cj-active>.text>h3{
	filter: brightness(0.8);
	border-radius: 20px 0 / 20px 0;
}
.content4-box .item-box>.list-box>ul>li>.l-link>.overview{
	display: flex;
	justify-content: center;
	padding-bottom: 1rem;
}
.content4-box .item-box>.list-box>ul>li>.l-link>.overview>p{
	font-size: 15px;
	font-family: var(--sans-font);
	font-weight: 500;
	line-height: 1.5em;
	max-width: 330px;
	padding: 0 1rem;
}
@media screen and (min-width:769px) and ( max-width:1000px){
	.content4-box .item-box>.title{
		position: relative;
		margin-bottom: 2rem;
	}
	.content4-box .item-box>.list-box>ul>li{
		width: 30%;
	}
}
@media screen and (max-width:768px){
	.content4-sp-hidden{
		display: none;
	}
	.content4-box.mb-top1{
		margin-top: 2rem;
	}
	.content4-box>.bg-color1{
		height: 90%;
	}
	.content4-box>.bg-color1.w-80{
		width: 90%;
	}
	.content4-box>.inner{
		padding: 0 5%;
	}
	.content4-box .item-box>.title{
		position: relative;
		margin-bottom: 2rem;
	}
	.content4-box .item-box>.title>div>.t-1{
		font-size: 40px;
		margin-bottom: 0.5rem;
	}
	.content4-box .item-box>.title>div>.t-2{
		font-size: 21px;
	}
	.content4-box .item-box>.list-box>ul>li{
		width: 50%;
	}
	.content4-box .item-box>.list-box>ul>li.pc-hidden{
		display: block;
	}
	.content4-box .item-box>.list-box>ul>li,
	.content4-box .item-box>.list-box>ul>li:nth-of-type(2){
		margin-bottom: 2rem;
	}
	.content4-box .item-box>.list-box>ul>li:nth-of-type(1),
	.content4-box .item-box>.list-box>ul>li:nth-of-type(3){
		align-items: flex-start;
	}
	.content4-box .item-box>.list-box>ul>li:nth-child(odd){
		padding-right: 1rem;
	}
	.content4-box .item-box>.list-box>ul>li:nth-child(even){
		padding-left: 1rem;
	}
	.content4-box .item-box>.list-box>ul>li>.l-link>.text{
		height: 4rem;
	}
	.content4-box .item-box>.list-box>ul>li>.l-link>.text>h3{
		width: 90%;
		font-size: 16px;
	}
	.content4-box .item-box>.list-box>ul>li>.l-link>.overview>p{
		padding: 0px 0.5rem;
	}
}
/***** content5-box *****/
.content5-box{
	
}
.content5-box>.inner{
	
}
.content5-box .item-box{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.content5-box .item-box>.i-1{
	display: block;
	width: 50%;
	position: relative;
	padding: 0 2rem;
}
.content5-box .item-box>.i-1>.image{
	overflow: hidden;
}
.content5-box .item-box>.i-1>.image>img{
	max-width: none;
	width: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all 500ms 0s ease;
}
.content5-box .item-box>.i-1:hover>.image>img{
	transform: scale(1.05);
}
.content5-box .item-box>.i-1>.text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.content5-box .item-box>.i-1>.text>.t-1{
	font-size: 40px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 1rem;
}
.content5-box .item-box>.i-1>.text>.t-2{
	font-size: 40px;
	font-weight: 500;
	line-height: 1em;
}
@media screen and (max-width:768px){
	.content5-box .item-box{
		flex-wrap: wrap;
	}
	.content5-box .item-box>.i-1{
		width: 70%;
		padding: 0;
	}
	.content5-box .item-box>.i-1:first-child{
		margin-bottom:2rem;
	}
	.content5-box .item-box>.i-1.cj-active>.image>img{
		transform: scale(1.05);
	}
	.content5-box .item-box>.i-1>.text>.t-1{
		font-size: 25px;
	}
	.content5-box .item-box>.i-1>.text>.t-2{
		font-size: 21px;
	}
}
/***** content6-box *****/
.content6-box{
	width: 100%;
	position: relative;
}
.content6-box>.bg-image{
	background-size: 50% auto;
	background-position: 50% 0%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.4;
}
.content6-box>.inner{
	padding: 2rem 2% 3rem;
}
.content6-box .item-box>.title{
	text-align: center;
	margin-bottom: 3rem;
}
.content6-box .item-box>.title>p{
	font-size: 40px;
	font-weight: 700;
}
.content6-box .item-box>.list-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.content6-box .item-box>.list-box>div{
	width: 33%;
	padding: 0 0.5rem;
}
.content6-box .item-box>.list-box>div>div{
	background-color: #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 30%);
}
.content6-box .item-box>.list-box>div>div>.icon{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}
.content6-box .item-box>.list-box>div>div>.icon>p{
	font-size: 24px;
	font-weight: 900;
	font-family: var(--sans-font);
	line-height: 1em;
}
.content6-box .item-box>.list-box>.line>div>.icon>p{
	color: #2dae36;
}
.content6-box .item-box>.list-box>.face>div>.icon>p{
	color: #4067ad;
}
.content6-box .item-box>.list-box>.inst>div>.icon>p{
	color: #be3e53;
}
.content6-box .item-box>.list-box>div>div>.icon>.image{
	max-width: 40px;
}
.content6-box .item-box>.list-box>div:hover>div>.icon>.image{
	filter: brightness(1.3);
	transform-origin: bottom;
	animation-name:icon-anim;
	animation-duration:600ms;
	animation-timing-function:ease;
	animation-fill-mode:backwards;
	animation-iteration-count: 1;
}
@keyframes icon-anim{
	0%{
		transform: translateY(0px);
	}
	15%{
		transform: translateY(-5px);
	}
	30%{
		transform: translateY(0px);
	}
	45%{
		transform: translateY(-3px);
	}
	60%{
		transform: translateY(0px);
	}
	75%{
		transform: translateY(-1px);
	}
	100%{
		transform: translateY(0px);
	}
}
.content6-box .item-box>.list-box>div>div>.icon>.image>img{
	object-fit: cover;
}
.content6-box .item-box>.list-box>div>div>.qr{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	padding: 1.2rem 1rem;
}
.content6-box .item-box>.list-box>.line>div>.qr{
	background-color: #2dae36;
}
.content6-box .item-box>.list-box>.face>div>.qr{
	background: linear-gradient(to bottom, #058ad4 17%, #0071be 33%, #0a5d9d 50%, #0067b6 67%, #0050a2 83%, #004a9f 100%);
}
.content6-box .item-box>.list-box>.inst>div>.qr{
	background: linear-gradient(to bottom, #631d88 20%, #8a2774 40%, #b53a59 60%, #eb6828 80%, #f8b81e 100%);
}
.content6-box .item-box>.list-box>div>div>.qr>.image{
	max-width: 90px;
	margin-right: 1.5rem;
}
.content6-box .item-box>.list-box>div>div>.qr>.image>img{
	object-fit: cover;
}
.content6-box .item-box>.list-box>div>div>.qr>p{
	font-size: 14px;
	font-weight: 700;
	font-family: var(--sans-font);
	color: #fff;
}
.content6-box .item-box>.list-box>div:hover>div>.qr>p>a{
	text-decoration: underline;
	-webkit-text-decoration: underline #fff;
}
@media screen and (min-width:769px) and ( max-width:1100px){
	.content6-box .co6-br{
		display:none;
	}
	.content6-box .item-box>.list-box>div>div>.icon{
		min-height: 65px;
	}
}
@media screen and (max-width:768px){
	.content6-box>.bg-image{
		background-size: 100% auto;
	}
	.content6-box>.inner{
		padding: 2rem 5% 1rem;
	}
	.content6-box .item-box>.title{
		margin-bottom: 2rem;
	}
	.content6-box .item-box>.title>p{
		font-size: 35px;
	}
	.content6-box .item-box>.list-box{
		flex-direction: column;
	}
	.content6-box .item-box>.list-box>div{
		width: 90%;
		padding: 0;
		margin: 0 auto 2rem;
	}
	.content6-box .item-box>.list-box>div>div>.icon>p{
		font-size: 20px;
	}
	.content6-box .item-box>.list-box>div>div>.qr{
		padding: 1.2rem 0.7rem 1.2rem 1rem;
	}
	.content6-box .item-box>.list-box>div>div>.qr>.image{
		margin-right: 1rem;
	}
	.content6-box .item-box>.list-box>div>div>.qr>p>a{
		text-decoration: underline;
		-webkit-text-decoration: underline #fff;
	}
}
/***** content7-box *****/
.content7-box{
	width: 100%;
	position: relative;
}
.content7-box.mb-top1{
	margin-top: 5rem;
}
.content7-box>.bg-color1{
	width: 100%;
	height: 80%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #F6EFE6;
	z-index: -1;
}
.content7-box>.inner{
	padding: 0 2%;
}
.content7-box .item-box{
	position: relative;
}
.content7-box .item-box>.title{
	display: inline-block;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
}
.content7-box .item-box>.title>div>.t-1{
	font-size: 80px;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: 0.8rem;
}
.content7-box .item-box>.title>div>.t-2{
	font-size: 30px;
	font-weight: 500;
	line-height: 1em;
	text-align: right;
}
.content7-box .item-box>.list-box>ul{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content7-box .item-box>.list-box>ul>li{
	width: 33%;
	display: flex;
	justify-content: center;
}
.content7-box .item-box>.list-box>ul>li:nth-of-type(1),
.content7-box .item-box>.list-box>ul>li:nth-of-type(3){
	align-items: flex-end;
}
.content7-box .item-box>.list-box>ul>li:nth-of-type(2){
	margin-bottom: 10rem;
}
.content7-box .item-box>.list-box>ul>li.ex-li{
	position: relative;
}
.content7-box .item-box>.list-box>ul>li>.l-link{
	display: block;
	width: 100%;
	position: relative;
}
.content7-box .item-box>.list-box>ul>li>.l-link>.image{
	max-width: 330px;
	margin: auto;
	overflow: hidden;
}
.content7-box .item-box>.list-box>ul>li>.l-link>.image>img{
	max-width: none;
	width: 100%;
	object-fit: cover;
}
.content7-box .item-box>.list-box>ul>li>.l-link>.text{
	position: absolute;
	width: 100%;
	bottom: -1rem;
	text-align: center;
}
.content7-box .item-box>.list-box>ul>li>.l-link>.text>h3{
	display: inline-block;
	width: 80%;
	font-size: 20px;
	font-family: var(--sans-font);
	font-weight: 700;
	background-color: #79B827;
	color: #fff;
	padding: 0.5rem 0;
}
.content7-box .item-box>.list-box>ul>li>.l-link>.text.c-1>h3{
	background-color: #926C46;
}
.content7-box .item-box>.list-box>ul>li.ex-li>.ex-box{
	position: absolute;
	bottom: -5rem;
	right: 0;
	padding: 0 3rem 0 0;
}
.content7-box .item-box>.list-box>ul>li.ex-li>.ex-box>a,
.content7-box .item-box>.sp-ex-box>div>a{
	display: inline-flex;
	height: 100%;
	font-size: 21px;
	font-weight: 700;
	line-height: 1em;
}
.content7-box .item-box>.list-box>ul>li.ex-li>.ex-box>a>span,
.content7-box .item-box>.sp-ex-box>div>a>span{
	position: relative;
	display: block;
	width: 4em;
	height: 1em;
	margin-left: 0.3rem;
	border-bottom: 1px solid #000;
	transition: all 200ms 0s ease;
}
.content7-box .item-box>.list-box>ul>li.ex-li>.ex-box>a:hover>span,
.content7-box .item-box>.sp-ex-box>div.cj-active>a>span{
	width: 2.5em;
}
.content7-box .item-box>.list-box>ul>li.ex-li>.ex-box>a>span::after,
.content7-box .item-box>.sp-ex-box>div>a>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #000;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.content7-box .item-box>.list-box>ul>li.ex-li>.ex-box>a:hover>span::after,
.content7-box .item-box>.sp-ex-box>div.cj-active>a>span::after{
	width: 1.7rem;
}
.content7-box .item-box>.sp-ex-box{
	display: none;
}
@media screen and (min-width:769px) and ( max-width:1000px){
	.content7-box .item-box>.title{
		position: relative;
		text-align: right;
		display: block;
		margin-bottom: 2rem;
	}
	.content7-box .item-box>.list-box>ul>li{
		width: 30%;
	}
}
@media screen and (max-width:768px){
	.content7-box.mb-top1{
		margin-top: 2rem;
	}
	.content7-box>.bg-color1{
		height: 100%;
	}
	.content7-box>.inner{
		padding: 2rem 5% 3rem;
	}
	.content7-box .item-box>.title{
		position: relative;
		margin-bottom: 2rem;
	}
	.content7-box .item-box>.title>div>.t-1{
		font-size: 40px;
		margin-bottom: 0.5rem;
	}
	.content7-box .item-box>.title>div>.t-2{
		font-size: 21px;
		text-align: left;
	}
	.content7-box .item-box>.list-box>ul>li{
		width: 30%;
	}
	.content7-box .item-box>.list-box>ul>li:nth-of-type(2){
		margin-bottom: 0rem;
	}
	.content7-box .item-box>.list-box>ul>li.ex-li>.ex-box{
		display: none;
	}
	.content7-box .item-box>.sp-ex-box{
		display: block;
	}
	.content7-box .item-box>.sp-ex-box>div>a{
		font-size: 18px;
	}
	.content7-box .item-box>.sp-ex-box{
		margin-top: 2rem;
	}
	.content7-box .item-box>.sp-ex-box>div{
		text-align: right;
	}
}
/***** content8-box *****/
.content8-box{
	width: 100%;
	position: relative;
}
.content8-box>.bg-set{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.content8-box.reverseal>.bg-set{
	left: auto;
	right: 0;
}
.content8-box>.bg-color1{
	background-color: #f6efe6;
}
.content8-box>.bg-color2{
	background-color: #edf4f6;
}
.content8-box>.w-80{
	width:80%;
}
.content8-box>.inner{
	height: 100%;
	padding: 3rem 2%;
	margin: 1rem auto;
}
.content8-box.c8-m>.inner{
	margin: 0 auto;
	padding: 1rem 2% 3rem;
}
.content8-box .item-box{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.content8-box.reverseal .item-box{
	flex-direction: row-reverse;
}
.content8-box.c8-m .item-box{
	align-items: flex-start;
}
.content8-box .item-box>.text-box{
	width: 55%;
	font-family: var(--sans-font);
}
.content8-box .item-box>.text-box>.head{
	margin-bottom: 1rem;
}
.content8-box .item-box>.text-box>.head>.h-1{
	font-size: 14px;
	margin-bottom: 0.5rem;
}
.content8-box .item-box>.text-box>.head>.h-2{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.content8-box .item-box>.text-box>.head>.h-3{
	font-size: 14px;
}
.content8-box .item-box>.text-box>.head>.h-4{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 2rem;
}
.content8-box .item-box>.text-box>.head>.h-5{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 2rem;
}
.content8-box .item-box>.text-box>.head>.sp-image{
	display:none;
}
.content8-box .item-box>.text-box>.detail>.d-1,
.content8-box .item-box>.text-box>.detail>.d-2>p,
.content8-box .item-box>.text-box>.detail>.d-2>ul>li{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7em;
}
.content8-box .item-box>.text-box>.detail>.d-1>.in-br{
	display:block;
}
.content8-box .item-box>.text-box>.detail>.d-2{
	margin-top: 2rem;
}
.content8-box .item-box>.text-box>.detail>.d-2>p{
	margin-bottom: 0.2rem;
}
.content8-box .item-box>.text-box>.detail>.d-2>ul{
	display: inline-block;
}
.content8-box .item-box>.text-box>.detail>.d-3{
    font-size: 14px;
	font-weight: 700;
	margin-bottom: 0.2rem;
}
.content8-box .item-box>.text-box>.detail>.d-4{
	font-size: 16px;
	line-height: 1.7em;
}
.content8-box .item-box>.text-box>.detail>.d-5{
	text-align: right;
	margin-top: 2rem;
}
.content8-box .item-box>.text-box>.detail>.d-5>div{
	
}
.content8-box .item-box>.text-box>.detail>.d-5>div>a{
	display: inline-flex;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
}
.content8-box .item-box>.text-box>.detail>.d-5>div>a>span{
	position: relative;
	display: block;
	width: 4em;
	height: 1em;
	margin-left: 0.3rem;
	border-bottom: 1px solid #000;
	transition: all 200ms 0s ease;
}
.content8-box .item-box>.text-box>.detail>.d-5>div>a:hover>span,
.content8-box .item-box>.text-box>.detail>.d-5.cj-active>div>a>span{
	width: 2.5em;
}
.content8-box .item-box>.text-box>.detail>.d-5>div>a>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #000;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.content8-box .item-box>.text-box>.detail>.d-5>div>a:hover>span::after,
.content8-box .item-box>.text-box>.detail>.d-5.cj-active>div>a>span::after{
	width: 1.7rem;
}
.content8-box .item-box>.text-box>.detail>.mb1{
	margin-bottom: 2rem;
}
.content8-box .item-box>.image-box{
	width: 45%;
	padding-left: 3rem;
	position: relative;
}
.content8-box.reverseal .item-box>.image-box{
	padding-right: 3rem;
}
.content8-box .item-box>.image-box>div{
	box-shadow: 0 0 4px rgb(0 0 0 / 30%);
}
.content8-box.reverseal .item-box>.image-box>.pt-1{
	font-size: 45px;
	font-family: var(--cursive-font);
	line-height: 1em;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotateZ(328deg);
}
.content8-box .greeting-box>div>.image-box{
	width: 100%;
	margin-bottom: 2rem;
}
.content8-box .greeting-box>div>.image-box>.image{
	width: 45%;
	padding: 0 1.5rem;
	margin: 0 auto 1.5rem;
}
.content8-box .greeting-box>div>.image-box>.text{
	font-family: var(--sans-font);
	text-align: center;
}
.content8-box .greeting-box>div>.image-box>.text>p{
	
}
.content8-box .greeting-box>div>.image-box>.text>.t1{
	font-size: 18px;
	font-weight: 600;
}
.content8-box .greeting-box>div>.image-box>.text>.t2{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.content8-box .greeting-box>div>.image-box>.text>.t3{
	font-size: 14px;
}
.content8-box .greeting-box>div>.text{
	padding: 0 10%;
}
.content8-box .greeting-box>div>.text>p{
	
}
.content8-box .greeting-box>div>.text{
	font-family: var(--sans-font);
	text-align: center;
}
.content8-box .greeting-box>div>.text>p{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7em;
	text-align: left;
}
.content8-box .greeting-box>div>.text>.d-1{
	text-align: right;
	margin-top: 2rem;
}
.content8-box .greeting-box>div>.text>.d-1>div{
	
}
.content8-box .greeting-box>div>.text>.d-1>div>a{
	display: inline-flex;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
}
.content8-box .greeting-box>div>.text>.d-1>div>a>span{
	position: relative;
	display: block;
	width: 4em;
	height: 1em;
	margin-left: 0.3rem;
	border-bottom: 1px solid #000;
	transition: all 200ms 0s ease;
}
.content8-box .greeting-box>div>.text>.d-1>div>a:hover>span,
.content8-box .greeting-box>div>.text>.d-1.cj-active>div>a>span{
	width: 2.5em;
}
.content8-box .greeting-box>div>.text>.d-1>div>a>span::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 1.2rem;
	border-bottom: 1px solid #000;
	transform: rotateZ(45deg);
	transform-origin: right bottom;
	transition: all 200ms 0s ease;
}
.content8-box .greeting-box>div>.text>.d-1>div>a:hover>span::after,
.content8-box .greeting-box>div>.text>.d-1.cj-active>div>a>span::after{
	width: 1.7rem;
}
@media screen and (min-width:769px) and ( max-width:1200px){
	.content8-box .item-box>.text-box>.detail>.d-1>.in-br{
		display:none;
	}
}
@media screen and (max-width:768px){
	.content8-box>.w-80{
		width: 100%;
	}
	.content8-box>.inner{
		padding: 3rem 5%;
		margin: 0rem auto;
	}
	.content8-box.c8-m>.inner{
		padding: 1rem 5% 3rem;
	}
	.content8-box .item-box>.text-box>.head{
		margin-bottom: 2rem;
	}
	.content8-box .item-box>.text-box>.head>.sp-image{
		display: block;
		margin-top: 1rem;
		padding: 0 10%;
	}
	.content8-box .item-box>.text-box{
		width: 100%;
	}
	.content8-box .item-box>.text-box>.detail>.d-1>.in-br{
		display:none;
	}
	.content8-box .item-box>.image-box{
		display: none;
	}
	.content8-box .greeting-box>div>.image-box>div{
		width: 100%;
		padding: 0 10%;
	}
	.content8-box .item-box>.text-box>.head>.h-4{
		font-size: 20px;
	}
	.content8-box .item-box>.text-box>.head>.h-5{
		font-size: 16px;
		margin-bottom: 1rem;
	}
	.content8-box .greeting-box>div>.image-box>.image{
		width: 100%;
		padding: 0 10%;
	}
	.content8-box .greeting-box>div>.text{
		padding: 0;
	}
}
/***** content9-box *****/
.content9-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.content9-box .bg-image-set{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem 0 2rem;
}
.content9-box .bg-image-set>div{
	width: 100%;
	height: 100%;
	position: relative;
}
.content9-box .bg-image-set>div>div{
	width: 100%;
	position: absolute;
	left: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.content9-box .bg-image-set>div>div.up{
	top: 0;
}
.content9-box .bg-image-set>div>div.mid{
	top: 38%;
}
.content9-box .bg-image-set>div>div.low{
	top: auto;
	bottom: 0;
	align-items: flex-end;
}
.content9-box .bg-image-set>div>div>div{
	overflow-x: hidden;
}
.content9-box .bg-image-set>div>div>div>img{
	transition: all 500ms 0s ease;
}
.content9-box .bg-image-set>div>div>.move-def-left>img{
	transform: translateX(-330px);
}
.content9-box .bg-image-set>div>div>.move-def-right>img{
	transform: translateX(330px);
}
.content9-box .bg-image-set>div>div>.move-def-left.f-active>img,
.content9-box .bg-image-set>div>div>.move-def-right.f-active>img{
	transform: translateX(0px);
}
.content9-box .bg-image-set>div>div>.move1{
	padding-right: 60px;
}
.content9-box .bg-image-set>div>div>.move1>img{
	transform: translateX(-330px);
}
.content9-box .bg-image-set>div>div>.move1.f-active>img{
	transform: translateX(60px);
}
.content9-box .bg-image-set>div>div>.move2>img{
	transform: translate(-330px, -60px);
}
.content9-box .bg-image-set>div>div>.move2.f-active>img{
	transform: translate(0px, -60px);
}
.content9-box .bg-image-set>div>div>.move3{
	text-align: right;
}
.content9-box .bg-image-set>div>div>.move3>img{
	width: 80%;
	transform: translate(430px, -50px);
}
.content9-box .bg-image-set>div>div>.move3.f-active>img{
	transform: translate(0px, -50px);
}
.content9-box>.inner{
	padding: 7rem 10%;
	position: relative;
}
.content9-box .title{
	width: 100%;
	text-align: center;
	font-family: var(--sans-font);
	margin-bottom: 2rem;
}
.content9-box .title>.en{
	font-family: var(--serif-font);
	font-size: 36px;
	font-weight: 700;
	color: rgb(0 0 0 / 50%);
}
.content9-box .title>.jp{
	font-size: 20px;
	font-weight: 400;
}
.content9-box .list-box{
	background-color: rgb(255 255 255 / 71%);
	padding: 1rem 1rem;
}
.content9-box .list-box>.text-box{
	text-align: center;
	font-family: var(--sans-font);
	margin-bottom: 2rem;
}
.content9-box .list-box>.text-box>.t-1{
	font-size: 19px;
	font-weight: 900;
	margin-bottom: 1rem;
}
.content9-box .list-box>.text-box>.t-2{
	font-size: 19px;
	font-weight: 400;
	line-height: 2.3em;
}
.content9-box .list-box>.text-box>.t-2>.serif{
	font-family: var(--serif-font);
}
.content9-box .list-box>.text-box>.t-3{
	font-size: 18px;
	font-weight: 400;
	line-height: 2.3em;
}
.content9-box .list-box>.text-box>.t-3>span{
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.content9-box{
		display: flex;
		flex-direction: column-reverse;
	}
	.content9-box>.inner{
		padding: 2rem 5% 1rem;
	}
	.content9-box .bg-image-set{
		position: relative;
	}
	.content9-box .bg-image-set>div>div{
		position: relative;
		margin-bottom: 2rem;
	}
	.content9-box .bg-image-set>div>div>div{
		width: 40%;
	}
	.content9-box .bg-image-set>div>div.low{
		align-items: flex-start;
	}
	.content9-box .bg-image-set>div>div>.move1{
		padding-right: 0;
	}
	.content9-box .bg-image-set>div>div>.move1.f-active>img{
		transform: translateX(0px);
	}
	.content9-box .bg-image-set>div>div>.move2>img{
		transform: translate(-330px, 0px);
	}
	.content9-box .bg-image-set>div>div>.move2.f-active>img{
		transform: translate(0px, 0px);
	}
	.content9-box .bg-image-set>div>div>.move3{
		width: 50%;
	}
	.content9-box .bg-image-set>div>div>.move3>img{
		width: 90%;
		transform: translate(430px, 0px);
	}
	.content9-box .bg-image-set>div>div>.move3.f-active>img{
		width: 100%;
		transform: translate(0px, 0px);
	}
	.content9-box .title>.en{
		font-size: 30px;
	}
	.content9-box .title>.jp{
		font-size: 16px;
	}
	.content9-box .list-box>.text-box{
		margin-bottom: 2.6rem;
	}
	.content9-box .list-box>.text-box:last-child{
		margin-bottom: 0rem;
	}
	.content9-box .list-box>.text-box>.t-1{
		font-size: 16px;
	}
	.content9-box .list-box>.text-box>.t-2{
		font-size: 16px;
		line-height: 1.6em;
	}
	.content9-box .list-box>.text-box>.t-3{
		font-size: 16px;
		line-height: 2em;
	}
}
/***** content10-box *****/
.content10-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.content10-box.mt-under1{
	margin-top: 3rem;
}
.content10-box>.bg-set{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1400px;
	height: 100%;
	z-index: -1;
	margin: 0 auto;
}
.content10-box>.bg-set>div{
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
}
.content10-box>.bg-set>div>span{
	display: block;
	width: 475px;
	height: 475px;
	position: relative;
}
.content10-box>.color1>div>span{
	background-color: #F6EFE6;
}
.content10-box>.color2>div>span{
	background-color: #EDF4F6;
}
.content10-box>.bg-set>div>span>img{
	position: absolute;
	z-index: -1;
	top: 0;
	left:0;
	opacity: 0.1;
}
.content10-box>.bg-set>div>span>img.rt{
	top: -2rem;
	left:auto;
	right: -3rem;
}
.content10-box>.bg-set>div>span>img.rb{
	top: auto;
	bottom: -4rem;
	left: auto;
	right: -5rem;
}
.content10-box>.bg-set>div>span>img.lb{
	left: -5rem;
	top: auto;
	bottom: -6rem;
}
.content10-box>.set1>div{
	justify-content: flex-end;
}
.content10-box>.set2>div{
	top: 10%;
}
.content10-box>.set3>div{
	justify-content: flex-end;
	align-items: center;
	top: 10%;
	right: -7%;
}
.content10-box>.set4>div{
	left: -14%;
}
.content10-box>.set5>div{
	justify-content: flex-end;
	right: 30%;
}
.content10-box>.set6>div{
	left: -5%;
}
.content10-box>.set7>div{
	justify-content: flex-end;
	align-items: flex-end;
	top: 15%;
	right: -15%;
}
.content10-box>.inner{
	padding: 3rem 2%;
}
.content10-box .item-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.content10-box.reverseal .item-box{
	flex-direction: row-reverse;
}
.content10-box .item-box>.text-box{
	font-family: var(--sans-font);
	width: 50%;
	padding: 0 3rem 0 0;
}
.content10-box.reverseal .item-box>.text-box{
	padding: 0 0 0 3rem;
}
.content10-box .item-box>.text-box>.t-1{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2rem;
}
.content10-box .item-box>.text-box>.t-2{
	font-size: 16px;
	line-height: 1.7em;
}
.content10-box .item-box>.text-box>.t-3{
	height: 1rem;
	position: relative;
}
.content10-box .item-box>.text-box>.t-3>p{
	font-size: 45px;
	font-family: var(--cursive-font);
	line-height: 1em;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: rotateZ(328deg);
}
.content10-box .item-box>.text-box>.t-3>p.pt-1{
	left: -3rem;
	bottom: 5rem;
}
.content10-box .item-box>.text-box>.t-3>p.pt-2{
	left: auto;
	right: 0;
}
.content10-box .item-box>.text-box>.t-3>p.pt-3{
	top: 3rem;
}
.content10-box .item-box>.text-box>.t-3>p.pt-4{
	top: 4rem;
}
.content10-box .item-box>.text-box>.t-3>p.pt-5{
	top: 5rem;
	z-index: 1;
}
.content10-box .item-box>.text-box>.t-3>p.pt-6{
	top: 3rem;
	left: auto;
	right: 0;
	z-index: 1;
}
.content10-box .item-box>.text-box>.t-4{
	margin-bottom: 2rem;
}
.content10-box .item-box>.text-box>.t-4>p{
	font-size: 50px;
	font-weight: 900;
	font-family: var(--serif-font);
	color: rgb(0 0 0 / 50%);
	line-height: 1em;
}
.content10-box .item-box>.image-box{
	width: 50%;
	padding: 0 10% 0 0;
}
.content10-box.reverseal .item-box>.image-box{
	 padding: 0 0 0 10%;
}
.content10-box .item-box>.image-box>div{
	text-align: right;
	position: relative;
}
.content10-box .item-box>.image-box.set-svg>div{
	text-align: right;
}
.content10-box.reverseal .item-box>.image-box.set-svg>div{
	text-align: right;
}
.content10-box .item-box>.image-box>div>img{
	width: 100%;
	max-width: none;
	object-fit: cover;
}
.content10-box .item-box>.image-box>div>.exception{
	position: relative;
	height: 1rem;
	right: 0;
	top: 0;
}
.content10-box .item-box>.image-box>div>.exception>img{
	width: 200px;
	position: absolute;
	right: 0;
	bottom: -6rem;
}
.content10-box .item-box>.image-box.set-svg>div>img{
	width: 270px;
}
.content10-box .item-box>.image-box.set-svg>div>img.w1{
	width: 190px;
}
.content10-box .item-box>.image-box.multiple-set{
	position: relative;
}
.content10-box .item-box>.image-box.multiple-set>div{
	transform: translateX(-100px);
}
.content10-box .item-box>.image-box.multiple-set>div>img{
	max-width: 180px;
	transform: rotateZ(17deg);
}
.content10-box .item-box>.image-box.multiple-set>div>img:nth-of-type(1){
	position: absolute;
	top: -40px;
	right: 70px;
}
.content10-box .image-box{
	width: 100%;
	display: flex;
	justify-content: center;
}
.content10-box .image-box>.left{
	display: flex;
	align-items: center;
}
.content10-box .image-box>.left>div{
	position: relative;
	top: -20%;
	right: 30%;
}
.content10-box .image-box>.left>div>img{
	width: 200px;
}
@media screen and (max-width:768px){
	.content10-box>.bg-set>div>span{
		width: 295px;
		height: 375px;
	}
	.content10-box>.set2>div{
		top: 0%;
	}
	.content10-box>.set3>div{
		align-items: self-start;
		top: 1%;
		right: -5%;
	}
	.content10-box>.set5>div{
		right: 0%;
	}
	.content10-box>.set7>div{
		align-items: flex-start;
		top: 3%;
		right: -15%;
	}
	.content10-box>.inner{
		padding: 3rem 5%;
	}
	.content10-box .item-box,
	.content10-box.reverseal .item-box{
		flex-direction: column;
	}
	.content10-box .item-box>.text-box,
	.content10-box.reverseal .item-box>.text-box{
		width: 100%;
		padding: 0;
		margin-bottom: 2rem;
	}
	.content10-box .item-box>.image-box,
	.content10-box.reverseal .item-box>.image-box{
		width: 100%;
		padding: 0;
	}
	.content10-box .item-box>.image-box>div{
		text-align: center;
		padding: 0 10%;
	}
	.content10-box .item-box>.image-box.multiple-set>div{
		transform: translateX(0px);
	}
	.content10-box .item-box>.image-box.set-svg>div>img{
		width: 180px;
	}
	.content10-box .item-box>.image-box.multiple-set>div>img{
		max-width: 130px;
	}
	.content10-box .image-box{
		flex-direction: column;
	}
	.content10-box .image-box>.left>div{
		top: -30px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.content10-box .image-box>.left>div>img{
		width: 150px;
	}
	.content10-box .item-box>.text-box>.t-4>p{
		font-size: 45px;
	}
	.content10-box .item-box>.text-box>.t-3>p.pt-1{
		left: 0;
		bottom: 4rem;
	}
	.content10-box .item-box>.text-box>.t-3>p.pt-2{
		bottom: -2rem;
	}
	.content10-box .item-box>.text-box>.t-3>p.pt-3{
		top: 2rem;
		left: -1rem;
	}
	.content10-box .item-box>.text-box>.t-3>p.pt-4{
		top: 3rem;
		left: -2rem;
	}
	.content10-box .item-box>.text-box>.t-3>p.pt-5{
		top: 2rem;
		left: -2rem;
	}
	.content10-box .item-box>.image-box>div>.exception>img{
		width: 180px;
		left: -2rem;
		right: auto;
	}
}
/***** content11-box *****/
.content11-box{
	
}
.content11-box>.inner{
	padding: 4rem 2% 4rem;
}
.content11-box.p-set>.inner{
	padding: 4rem 2% 1rem;
}
.content11-box .item-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.content11-box .item-box>.image-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.content11-box .item-box>.image-box>div{
	position: absolute;
}
.content11-box .item-box>.image-box>div.im1,
.content11-box .item-box>.image-box>div.im8{
	top: 0;
	left: 0%;
}
.content11-box .item-box>.image-box>div.im2{
	left: auto;
	right:0%;
	top: 25%;
}
.content11-box .item-box>.image-box>div.im3{
	top: 50%;
	left: 0%;
}
.content11-box .item-box>.image-box>div.im4{
	left: auto;
	right: 0%;
	bottom: 5%;
}
.content11-box .item-box>.image-box>div.im5{
	top: 0;
	left: auto;
	right: 0;
}
.content11-box .item-box>.image-box>div.im6{
	top: 30%;
	left: 0;
}
.content11-box .item-box>.image-box>div.im7{
	top: auto;
	bottom: 10%;
	left: auto;
	right: 0;
}
.content11-box .item-box>.image-box>div.im7>img{
	transform: rotateZ(20deg);
	max-width: 130px;
}
.content11-box .item-box>.image-box>div.im7>img:nth-of-type(1){
	position: absolute;
	left: -40px;
	top: -50px;
}
.content11-box .item-box>.image-box>div.im9{
	left: auto;
	right:0%;
	top: 50%;
}
.content11-box .item-box>.image-box>div.im10{
	top: auto;
	bottom: -15%;
	left: 0%;
}
.content11-box .item-box>.image-box>div.im11{
	left: auto;
	right:0%;
	top: 0%;
}
.content11-box .item-box>.image-box>div.im12{
	top: 50%;
	left: 0%;
}
.content11-box .item-box>.image-box>div.im13{
	left: auto;
	right:0%;
	top:auto;
	bottom: 0%;
}
.content11-box .item-box>.image-box>div>img{
	max-width: 190px;
}
.content11-box .item-box>.text-box{
	width: 100%;
	height: 100%;
	padding: 0 8%;
	font-family: var(--sans-font);
}
.content11-box .item-box>.text-box>.t-1{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2rem;
	text-align: center;
}
.content11-box .item-box>.text-box>.t-2{
	font-size: 16px;
	line-height: 1.7em;
	text-align: center;
}
.content11-box .item-box>.text-box .mb1{
	margin-bottom: 4rem;
}
.content11-box .item-box>.text-box .mb2{
	margin-bottom: 2rem;
}
.content11-box .item-box>.text-box>.t-3{
	font-size: 50px;
	font-weight: 900;
	font-family: var(--serif-font);
	color: rgb(0 0 0 / 50%);
	line-height: 1em;
	margin-bottom: 2rem;
	text-align: center;
}
.content11-box .item-box>.text-box>.t-4{
	font-size: 18px;
	font-weight: 700;
	color: #ff0000;
	line-height: 1.8em;
	margin-bottom: 2rem;
	text-align: center;
}
.content11-box .item-box>.text-box>.t-4>span{
	border-bottom: 3px solid #ff0000;
	display: inline-block;
}
.content11-box .item-box>.text-box>.t-5>.image-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	margin-bottom: 2rem;
}
.content11-box .item-box>.text-box>.t-5>.image-box>div{
	width: 31%;
	max-width: 250px;
	position: relative;
}
.content11-box .item-box>.text-box>.t-5>.image-box>div>img{
	width: 100%;
	object-fit: cover;
}
.content11-box .item-box>.text-box>.t-5>.image-box>div>p{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
.content11-box .item-box>.text-box>.t-5>p{
	font-size: 16px;
	line-height: 1.7em;
	text-align: center;
	text-decoration: underline #707070 2px;
}
.content11-box .item-box>.text-box>.t-6{
	width: 50%;
	min-width: 350px;
	margin: auto;
}
.content11-box .item-box>.text-box>.t-6>li{
	font-size: 16px;
	line-height: 1.7em;
}
.content11-box .item-box>.text-box>.t-7>table{
	width: 100%;
	border-collapse: collapse;
	margin: 2rem 0 0.5rem;
}
.content11-box .item-box>.text-box>.t-7>table>tbody>tr>.t1{
	width:16%;
}
.content11-box .item-box>.text-box>.t-7>table>tbody>tr>.t2,
.content11-box .item-box>.text-box>.t-7>table>tbody>tr>.t3,
.content11-box .item-box>.text-box>.t-7>table>tbody>tr>.t4{
	width:28%;
}
.content11-box .item-box>.text-box>.t-7>table>tbody>tr>th,
.content11-box .item-box>.text-box>.t-7>table>tbody>tr>td{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #707070;
	background-color: rgb(255 255 255 / 75%);
	padding: 8px 5px;
}
.content11-box .item-box>.text-box>.t-7>ul>li{
	font-size: 14px;
	line-height: 1.7em;
	text-indent: -1em;
	padding-left: 1em;
}
.content11-box .item-box>.text-box>.t-8>.t-8-1{
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.content11-box .item-box>.text-box>.t-8>.t-8-2{
	margin-bottom: 1rem;
}
.content11-box .item-box>.text-box>.t-8>.t-8-2>li{
	font-size: 16px;
	line-height: 1.7em;
	text-indent: -1em;
	padding-left: 1em;
}
.content11-box .item-box>.text-box>.t-8>.t-8-3{
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 700;
}
.content11-box .item-box>.text-box>.t-9{
	font-size: 16px;
	line-height: 1.7em;
	text-align: center;
	color: #ff0000;
}
.content11-box .item-box>.text-box>.t-10{
	width: 60%;
	min-width: 500px;
	font-size: 16px;
	line-height: 1.7em;
	margin: auto;
}
.content11-box .item-box>.text-box>.t-11{
	margin-bottom: 2rem;
}
.content11-box .item-box>.text-box>.t-11>table{
	width: 100%;
	border-collapse: collapse;
	margin: 2rem 0 0.5rem;
}
.content11-box .item-box>.text-box>.t-11>table>tbody>tr>.t1{
	width:16%;
}
.content11-box .item-box>.text-box>.t-11>table>tbody>tr>.t2{
	width:38%;
}
.content11-box .item-box>.text-box>.t-11>table>tbody>tr>.t3{
	width:46%;
}
.content11-box .item-box>.text-box>.t-11>table>tbody>tr>th,
.content11-box .item-box>.text-box>.t-11>table>tbody>tr>td{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #707070;
	background-color: rgb(255 255 255 / 75%);
	padding: 8px 5px;
}
.content11-box .item-box>.text-box>.t-11>ul>li{
	font-size: 14px;
	line-height: 1.7em;
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (min-width:769px) and ( max-width:1000px){
	.content11-box .item-box>.text-box{
		padding: 0 15%;
	}
	.content11-box .item-box>.image-box>div>img{
		max-width: 150px;
	}
}
@media screen and (max-width:768px){
	.content11-box>.inner{
		padding: 2rem 5% 4rem;
	}
	.content11-box.p-set>.inner{
		padding: 4rem 5% 1rem;
	}
	.content11-box .item-box>.text-box{
		padding: 0;
	}
	.content11-box .item-box>.text-box>.t-1{
		text-align: left;
	}
	.content11-box .item-box>.text-box>.t-2{
		text-align: left;
	}
	.content11-box .item-box>.text-box>.t-3{
		font-size: 40px;
	}
	.content11-box .item-box>.text-box>.t-4{
		font-size: 16px;
		text-align: left;
	}
	.content11-box .item-box>.text-box>.t-4>span{
		display: inline;
		border: none;
		text-decoration: underline #ff0000;
		-webkit-text-decoration: underline #ff0000;
	}
	.content11-box .item-box>.text-box>.t-5>p{
		text-align: left;
	}
	.content11-box .item-box>.text-box>.t-6{
		width: 100%;
		min-width: auto;
	}
	.content11-box .item-box>.text-box>.t-9{
		text-align: left;
	}
	.content11-box .item-box>.text-box>.t-10{
		width: 100%;
		min-width: auto;
	}
	.content11-box .item-box>.image-box{
		display: none;
	}
}
/***** content12-box *****/
.content12-box{
	
}
.content12-box>.inner{
	padding: 0rem 2% 2rem;
}
.content12-box .table-box{
	width: calc(100% - 20%);
	margin: auto;
}
.content12-box .table-box>table{
	width: 100%;
	font-family: var(--sans-font);
	border-collapse: collapse;
}
.content12-box .table-box>table>tbody>tr{
	
}
.content12-box .table-box>table>tbody>tr>th,
.content12-box .table-box>table>tbody>tr>td{
	border: 1px solid #707070;
	padding: 1rem 1rem;
}
.content12-box .table-box>table>tbody>tr>th{
	width: 20%;
	min-width: 170px;
	background-color: #749A30;
}
.content12-box .table-box>table>tbody>tr>th>.t-1{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}
.content12-box .table-box>table>tbody>tr>td{
	width: 80%;
}
.content12-box .table-box>table>tbody>tr>td>.t-2{
	font-size: 16px;
	font-weight: 700;
}
.content12-box .table-box>.send-bt{
	
}
.content12-box .table-box>.send-bt>div{
	text-align: center;
	margin: 3rem 0 2rem;
}
.content12-box .table-box>.send-bt>div>a{
	display: inline-block;
	font-size: 20px;
	font-family: var(--sans-font);
	font-weight: 700;
	color: #fff;
	line-height: 1.4em;
	justify-content: center;
	background-color: #749A30;
	padding: 0.5rem 0rem;
	width: 50%;
	filter: brightness(1);
	transition: all 500ms 0s ease;
}
.content12-box .table-box>.send-bt>div>a:hover{
	filter: brightness(0.8);
	border-radius: 20px 0 / 20px 0;
}
@media screen and (max-width:768px){
	.content12-box>.inner{
		padding: 0rem 5% 2rem;
	}
	.content12-box .table-box{
		width: 100%;
	}
	.content12-box .table-box>table>tbody>tr>th,
	.content12-box .table-box>table>tbody>tr>td{
		display: block;
		width: 100%;
		border: none;
	}
	.content12-box .table-box>table>tbody>tr>td{
		padding: 1rem 1rem 2rem;
	}
	.content12-box .table-box>table>tbody>tr>th>.t-1{
		text-align: left;
		font-size: 15px;
	}
	.content12-box .table-box>table>tbody>tr>td>.t-2{
		font-size: 15px;
	}
	.content12-box .table-box>.send-bt>div{
		margin: 2rem 0 2rem;
	}
	.content12-box .table-box>.send-bt>div>a{
		font-size: 16px;
		width: 80%;
	}
}
/***** content13-box *****/
.content13-box{
	
}
.content13-box>.inner{
	padding: 4rem 2% 4rem;
}
.content13-box .item-box{
	width: 100%;
	height: 100%;
}
.content13-box .item-box>.text-box{
	width: 100%;
	height: 100%;
	padding: 0 8%;
	font-family: var(--sans-font);
}
.content13-box .item-box>.text-box>.t-1{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2rem;
	text-align: center;
}
.content13-box .item-box>.text-box>.t-2{
	font-size: 16px;
	line-height: 1.7em;
	text-align: center;
}
.content13-box .item-box>.text-box>.t-2.mb1{
	margin-bottom: 2rem;
}
.content13-box .item-box>.text-box>.t-3{
	margin-bottom: 2rem;
}
.content13-box .item-box>.text-box>.t-3>div{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.content13-box .item-box>.text-box>.t-3>div>.box1{
	width: 30%;
	min-width: 250px;
	height: 250px;
	border: 1px solid #707070;
	margin: 0 2%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content13-box .item-box>.text-box>.t-3>div>.box1>p{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.7em;
	text-align: center;
}
@media screen and (max-width:768px){
	
	
	
}
/***** gallery-box *****/
.gallery-box{
	height: 260px;
}
.gallery-box>.inner{
	max-width: none;
	padding: 0;
}
@media screen and (max-width:768px){
	.gallery-box{
		height: 150px;
	}
}
/***** gmap-box *****/
.gmap-box{
	height: 40vw;
}
.gmap-box>.inner{
	max-width: none;
	padding: 0;
}
.gmap-box .gmap>div{
	position: relative;
	width: 100%;
	padding-top: 40%;
}
.gmap-box .gmap>div>iframe{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px){
	.gmap-box{
		height: 260px;
	}
	.gmap-box .gmap>div{
		padding-top: 65.25%;
	}
}
/***** about-box *****/
.about-box{
	
}
.about-box>.foot-menu{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 1rem 2% 0rem;
}
.about-box>.foot-menu>.menu{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.about-box>.foot-menu>.menu>li{
	padding: 0 10px;
}
.about-box>.foot-menu>.menu>li:not(:last-child){
	border-right: 1px solid #000;
}
.about-box>.foot-menu>.menu>li>div>a{
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.about-box>.foot-menu>.menu>li>div>a.sans{
	font-family: var(--sans-font);
}
.about-box>.foot-menu>.menu>li>div>a:hover{
	text-decoration: underline;
}
.about-box>.inner{
	padding: 1rem 2% 3rem;
}
.about-box .item-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.about-box .item-box>div{
	width: 100%;
	padding: 0rem 2rem 1rem;
}
.about-box .item-box>.add-box>.logo{
	margin-bottom: 0.5rem;
	text-align: center;
}
.about-box .item-box>.add-box>.logo>img{
	height: 80px;
	object-fit: cover;
}
.about-box .item-box>.add-box>address{
	text-align: center;
	margin-bottom: 0.5rem;
}
.about-box .item-box>.add-box>address>p{
	font-size: 16px;
	color: #000;
	font-weight: 500;
}
.about-box .item-box>.add-box>.text-box{
	font-family: var(--sans-font);
	text-align: center;
	margin-bottom: 1.5rem;
}
.about-box .item-box>.add-box>.text-box>.t-1{
	font-size: 20px;
	font-weight: 700;
}
.about-box .item-box>.add-box>.text-box>.t-2{
	font-size: 40px;
	font-weight: 600;
	line-height: 1em;
}
.about-box .item-box>.add-box>.sns-box>ul{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
.about-box .item-box>.add-box>.sns-box>ul>li{
	max-width: 40px;
	margin: 0 0.5rem;
}
.about-box .item-box>.add-box>.sns-box>ul>li>a{
	transition: all 200ms 0s ease;
}
.about-box .item-box>.add-box>.sns-box>ul>li>a:hover{
	opacity:0.5;
}
.about-box .item-box>.add-box>.sns-box>ul>li>a>img{
	max-width: none;
	width: 100%;
	object-fit: cover;
}
.about-box .item-box>.tel-box>div{
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.about-box .item-box>.tel-box>div>.t-1{
	font-size: 20px;
	font-family: var(--sans-font);
	color: #fff;
	font-weight: 700;
	line-height: 1em;
	position: relative;
	margin-bottom: 0.5rem;
}
.about-box .item-box>.tel-box>div>.t-1::before{
	content: "";
	display: block;
	position: absolute;
	left: -1rem;
	top: -2px;
	width: 2px;
	height: 100%;
	background-color: #fff;
	transform: rotateZ(315deg);
	transform-origin: right bottom;
}
.about-box .item-box>.tel-box>div>.t-1::after{
	content: "";
	display: block;
	position: absolute;
	right: -1rem;
	top: -2px;
	width: 2px;
	height: 100%;
	background-color: #fff;
	transform: rotateZ(45deg);
	transform-origin: left bottom;
}
.about-box .item-box>.tel-box>div>.t-2{
	font-size: 28px;
	font-weight: 700;
	font-family: var(--sans-font);
	color: #fff;
	line-height: 1em;
}
.about-box .item-box>.tel-box>div>.t-2>a{
	display: inline-block;
}
.about-box .item-box>.add-box>.banner-box{
	margin-top: 2rem;
}
.about-box .item-box>.add-box>.banner-box>div{
	font-family: var(--sans-font);
	display: flex;
	justify-content: center;
	width: 35%;
	min-width: 350px;
	margin: auto;
	height: auto;
	position: relative;
}
.about-box .item-box>.add-box>.banner-box>div>.image-box{
	width: 100%;
	height: 100%;
	position: absolute;
}
.about-box .item-box>.add-box>.banner-box>div>.image-box>img{
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
}
.about-box .item-box>.add-box>.banner-box>div>.text{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 9rem;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.about-box .item-box>.add-box>.banner-box>div>.text>.t-1{
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}
.about-box .item-box>.add-box>.banner-box>div>.text>.t-1>span{
	display: inline-block;
	position: relative;
	z-index: 1;
}
.about-box .item-box>.add-box>.banner-box>div>.text>.t-1>span::before{
	content: "";
	display: inline-block;
	background-color: #7ab632;
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: -1;
}
.about-box .item-box>.add-box>.banner-box>div>.text>a{
	display: inline-block;
	background-color: rgb(0 0 0 / 60%);
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1rem;
	padding: 0.4rem 1.5rem;
	margin-top: 1rem;
	transition: all 200ms 0s ease;
}
.about-box .item-box>.add-box>.banner-box>div>.text>a:hover{
	background-color: #7ab632;
}
@media screen and (min-width:769px) and ( max-width:1000px){
	.about-box .item-box>div{
		padding: 1rem 1rem;
	}
	.about-box .item-box>.tel-box>div>.t-1{
		font-size: 16px;
	}
}
@media screen and (max-width:768px){
	.about-box>.foot-menu{
		padding: 2rem 2% 0rem;
	}
	.about-box>.foot-menu>.menu>li>div>a{
		font-size: 14px;
	}
	.about-box>.foot-menu>.menu>li{
		padding: 0 8px;
		margin-bottom: 0.5rem;
	}
	.about-box>.inner{
		padding: 0rem 5% 3rem;
	}
	.about-box .item-box{
		flex-direction: column;
	}
	.about-box .item-box>div{
		width: 100%;
	}
	.about-box .item-box>.add-box{
		padding: 1rem 0rem;
	}
	.about-box .item-box>.add-box>.logo>img{
		width: 100%;
		height: auto;
	}
	.about-box .item-box>.add-box>address{
		margin-bottom: 1rem;
	}
	.about-box .item-box>.add-box>address>p{
		font-weight: 600;
	}
	.about-box .item-box>.add-box>.text-box>.t-1{
		font-size: 18px;
	}
	.about-box .item-box>.add-box>.text-box>.t-2{
		font-size: 30px;
		line-height: normal;
	}
	.about-box .item-box>.tel-box{
		padding: 1rem 1rem;
	}
	.about-box .item-box>.tel-box>div{
		padding: 1.5rem 0;
	}
	.about-box .item-box>.tel-box>div>.t-1{
		font-size: 16px;
	}
	.about-box .item-box>.tel-box>div>.t-1::before{
		left: -0.5rem;
	}
	.about-box .item-box>.tel-box>div>.t-1::after{
		right: -0.5rem;
	}
	.about-box .item-box>.add-box>.banner-box>div{
		width: 90%;
		min-width: auto;
	}
	.about-box .item-box>.add-box>.banner-box>div>.text>.t-1{
		font-size: 20px;
	}
	.about-box .item-box>.add-box>.banner-box>div>.text>a{
		font-size: 14px;
	}
}
/***** works-box *****/
.works-box{
	
}
.works-box>.inner{
	 
}
.works-box .item-box{
	position: relative;
}
.works-box .item-box>.title{
	margin-bottom: 2rem;
}
.works-box .item-box>.title>div>.t-1{
	font-size: 80px;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: 0.8rem;
}
.works-box .item-box>.list-box{
	font-size: 30px;
	font-weight: 500;
	line-height: 1em;
}
.works-box .item-box>.list-box>ul{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.works-box .item-box>.list-box>ul>li{
	width: 33%;
	display: flex;
	justify-content: center;
	margin-bottom: 3rem;
}
.works-box .item-box>.list-box>ul>li>.l-link{
	display: block;
	width: 100%;
	position: relative;
	padding: 0 10%;
}
.works-box .item-box>.list-box>ul>li>.l-link>.image{
	max-width: 330px;
	margin: auto;
	overflow: hidden;
}
.works-box .item-box>.list-box>ul>li>.l-link>.image>img{
	max-width: none;
	width: 100%;
	object-fit: cover;
}
.works-box .item-box>.list-box>ul>li>.l-link:hover>.image>img.sc-anim{
	transform: scale(1);
	transition: all 500ms 0s ease;
}
.works-box .item-box>.list-box>ul>li>.l-link:hover>.image>img.sc-anim{
	transform: scale(1.05);
}
.works-box .item-box>.list-box>ul>li>.l-link>.text{
	position: relative;
	height: 2rem;
	width: 100%;
	text-align: center;
}
.works-box .item-box>.list-box>ul>li>.l-link>.text>h3{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1rem;
	margin: auto;
	display: inline-block;
	width: 90%;
	font-size: 18px;
	font-family: var(--sans-font);
	font-weight: 700;
	background-color: #79B827;
	color: #fff;
	padding: 0.5rem 0;
	filter: brightness(1);
	transition: all 500ms 0s ease;
}
.works-box .item-box>.list-box>ul>li>.l-link>.text.c-1>h3{
	background-color: #926C46;
}
.works-box .item-box>.list-box>ul>li>.l-link:hover>.text>h3{
	filter: brightness(0.8);
	border-radius: 20px 0 / 20px 0;
}
@media screen and (max-width:768px){
	.works-box .item-box>.title>div>.t-1{
		font-size: 40px;
		margin-bottom: 0.5rem;
	}
	.works-box .item-box>.title>div>.t-2{
		font-size: 21px;
	}
	.works-box .item-box>.list-box>ul>li{
		width: 50%;
		margin-bottom: 2rem;
	}
	.works-box .item-box>.list-box>ul>li>.l-link{
		padding: 0;
	}
	.works-box .item-box>.list-box>ul>li:nth-child(odd)>.l-link{
		padding-right: 1rem;
	}
	.works-box .item-box>.list-box>ul>li:nth-child(even)>.l-link{
		padding-left: 1rem;
	}
	.works-box .item-box>.list-box>ul>li>.l-link>.text{
		height: 4rem;
	}
	.works-box .item-box>.list-box>ul>li>.l-link>.text>h3{
		width: 90%;
		font-size: 16px;
		line-height: 1.4em;
	}
}
/***** back top top *****/
.backtoup{
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	opacity: 0;
	transition: opacity 200ms 0s ease;
	z-index: 10;
}
.backtoup.btuActive{
	opacity: 1;
}
.backtoup>div{
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid #e9e9e9;
	border-radius: 50%;
	transform: scale(0.9);
	transition: all 200ms 0s ease;
}
.backtoup:hover>div{
	transform: scale(1);
}
.backtoup>div>svg>path{
	stroke: #e9e9e9;
}
@media screen and (max-width:768px){
	
	
}
/***** 404 *****/
.not-found-box .text-box{
	text-align: center;
}
.not-found-box .text-box>.p-1{
	font-size: 2rem;
	font-weight: bold;
	font-family: monospace, monospace;
	margin-bottom: 2rem;
}
.not-found-box .text-box>div>p>a:hover{
	text-decoration: underline;
	-webkit-text-decoration: underline #000;
}
@media screen and (max-width:768px){
	
	
}