@charset "UTF-8";

/*--------------------------------------------------------------
font-family: "Noto Sans JP", sans-serif;
font-family: "Zen Kaku Gothic New", sans-serif;
font-family: "Geologica", sans-serif;

background: url("../image/ground.jpg") top center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
--------------------------------------------------------------*/

html, body{
	margin: 0;
    padding: 0;
	color: #625148;
	background-color: #F7F5F2;
	font-family: "Geologica", "Noto Sans JP", sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: justify;
	text-justify: inter-ideograph;
	font-feature-settings: "pkna" 1;
	word-break: break-all;
}

body {
  position: relative;
}

.material-symbols-outlined {
    visibility: hidden;
}
.fonts-loaded .material-symbols-outlined {
    visibility: visible;
}


/*--------------------------------------------------------------
h1,h2,h3,h4,h5,h6
ul
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

ul {
	list-style-type: none;
}


/*--------------------------------------------------------------
img
--------------------------------------------------------------*/

img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
a
--------------------------------------------------------------*/

a:link {
	color: #625148;
	text-decoration: none;
}

a:visited {
	color: #625148;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}


/*--------------------------------------------------------------
#container
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#container {
		margin: 0;
		border-left: #F08484 solid 0.698vw;
		position: relative;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#container {
		margin: 0;
		border-left: #F08484 solid 0.417vw;
		position: relative;
	}
	
}

/*--------------------------------------------------------------
h2
h3
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	h3 {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 600;
		font-size: 6.512vw;
		margin-bottom: 4.651vw;
	}
	
	h3 span {
		font-weight: 600;
		font-size: 4.651vw;
		color: #F08484;
		display: block;
		font-family: "Geologica", sans-serif;
		margin-bottom: 1.163vw;
	}
	
}

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


@media screen and (min-width: 1161px){
	
	h3 {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 600;
		font-size: 1.823vw;
		margin-bottom: 1.042vw;
	}
	
	h3 span {
		font-weight: 600;
		font-size: 1.042vw;
		color: #F08484;
		display: block;
		font-family: "Geologica", sans-serif;
		margin-bottom: 0.781vw;
	}

}

/*--------------------------------------------------------------
p
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	p {
		font-size: 3.953vw;
		line-height: 1.8;
		font-weight: 500;
		color: #625148;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	p {
		font-size: 0.885vw;
		line-height: 2;
		font-weight: 500;
		color: #625148;
	}
	
}



/*--------------------------------------------------------------
#header
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#header {
		margin: 0;
		padding: 5.814vw 4.651vw;
		background: #FFF;
		position: relative;
	}
	
	#header .brand-logo {
		line-height: 0;
	}
	
	#header .brand-logo span {
		margin-right: 0;
	}
	
	#header .brand-logo span img {
		width: 37.209vw;
	}
	
	#header .brand-logo h1 {
		display: none;
	}
	
	#header ul {
		display: none;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#header {
		margin: 0;
		padding: 1.823vw 5.208vw 1.823vw 0;
		background: #FFF;
		position: relative;
	}
	
	#header .brand-logo {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		position: absolute;
		top: 1.562vw;
		left: 2.604vw;
		line-height: 1.5;
	}
	
	#header .brand-logo span {
		margin-right: 1.823vw;
	}
	
	#header .brand-logo span img {
		width: 14.58vw;
	}
	
	#header .brand-logo h1 {
		font-size: 0.677vw;
		font-weight: 500;
		display: inherit;
	}
	
	#header ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	
	#header ul li {
		margin: 0 1.042vw;
		font-size: 0.938vw;
		font-weight: 600;
	}
	
	#header ul li a {
		color: #625148;
		text-decoration: none;
		transition: color 0.4s ease, opacity 0.4s ease;
		white-space: nowrap;
	}
	
	#header ul li a:hover {
		color: #F08484;
		opacity: 0.75;
	}
	
	#header ul li:nth-child(2) span {
		font-weight: 500;
		margin-right: 0.104vw;
		display: inline-block;
	}
	
}

/*--------------------------------------------------------------
#side-social-nav
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#side-social-nav {
		display: none;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#side-social-nav {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 7.812vw;
		right: 1.302vw;
		width: auto;
		min-width: 2.5vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#side-social-nav span {
		margin: 0 0 0.7vw 0;
		padding: 0;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		font-size: 0.677vw;
		font-weight: 600;
		white-space: nowrap;
		line-height: 1;
	}
	
	#side-social-nav ul li {
		margin: 0.781vw 0;
		padding: 0;
		text-align: center;
	}
	
	#side-social-nav ul li:nth-child(1) img {
		width: 1.354vw;
	}
	
	#side-social-nav ul li:nth-child(2) img {
		width: 1.458vw;
	}
	
	#side-social-nav ul li:nth-child(3) img {
		width: 1.562vw;
	}
	
	#side-social-nav ul li img {
		transition: opacity 0.4s ease;
	}
	
	#side-social-nav ul li a:hover img {
		opacity: 0.6;
	}
	
}


/*--------------------------------------------------------------
.openbtn
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	.openbtn{
		position: fixed;
		top: 2.326vw;
		right: 2.326vw;
		width: 10vw;
		height: 10vw;
		z-index: 9999;
		cursor: pointer;
		background: #F08484;
		border-radius: 2.326vw;
	}
	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 2.326vw;
		height: 0.698vw;
		background-color: #FFF;
		border-radius: 1.163vw;
  }


	.openbtn span:nth-of-type(1) {
		top: 3.488vw;	
		width: 4.884vw;
	}

	.openbtn span:nth-of-type(2) {
		top: 5.349vw;
		width: 2.791vw;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 4.651vw;
		left: 2.326vw;
		width: 5.349vw;
		transform: rotate(-45deg);
	}

	.openbtn.active span:nth-of-type(2) {
		top: 4.651vw;
		left: 2.326vw;
		width: 5.349vw;
		transform: rotate(45deg);
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.openbtn{
		position: fixed;
		top: 0.938vw;
		right: 1.042vw;
		width: 3.125vw;
		height: 3.125vw;
		z-index: 9999;
		cursor: pointer;
		background: #F08484;
		border-radius: 0.521vw;
	}
	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 0.677vw;
		height: 0.156vw;
		background-color: #FFF;
		border-radius: 0.26vw;
  }


	.openbtn span:nth-of-type(1) {
		top: 1.146vw;	
		width: 1.719vw;
	}

	.openbtn span:nth-of-type(2) {
		top: 1.667vw;
		width: 1.146vw;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 1.48vw;
		left: 0.70vw;
		width: 1.72vw;
		transform: rotate(-45deg);
	}

	.openbtn.active span:nth-of-type(2) {
		top: 1.48vw;
		left: 0.70vw;
		width: 1.72vw;
		transform: rotate(45deg);
	}
	
}


/*--------------------------------------------------------------
#g-nav
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#g-nav.panelactive{
		position:fixed;
		z-index: 999;
		top: 0;
		width: 100%;
		height: 100vh;
	}

	.circle-bg{
		position: fixed;
		z-index:3;
		width: 23.256vw;
		height: 23.256vw;
		border-radius: 50%;
		background-color: #F08484;
		transform: scale(0);
		right:-11.628vw;
		top:-11.628vw;
		transition: all .6s;
	}

	.circle-bg.circleactive{
		transform: scale(50);
	}

	#g-nav-list{
		display: none;
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: none;
	}
	
	#g-nav.panelactive #g-nav-list{
		display: block;
	}
	
	#g-nav ul {
		opacity: 0;
		width: auto;
		margin: 34.884vw 5% 0 5%;
	}

	#g-nav.panelactive ul {
		opacity:1;
	}

	#g-nav.panelactive ul li{
		animation-name: gnaviAnime;
		animation-duration: 1s;
		animation-delay:.2s;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	
	#g-nav li:first-child{
		position: absolute;
		top: 4.651vw;
		left: 4.651vw;
	}
	
	#g-nav li:first-child img {
		width: 37.209vw;
	}

	#g-nav li{
		margin: 0;
		font-size: 4.186vw;
		font-weight: 600;
	}
	
	#g-nav li span {
		font-weight: 500;
		margin-right: 0.465vw;
	}

	#g-nav li a{
		color: #FFF;
		text-decoration: none;
		transition: color 0.4s ease, opacity 0.4s ease;
		display: block;
	}
	
	#g-nav li a:hover {
		color: #625148;
		opacity: 0.75;
	}
	
	#g-nav dl{
		margin-bottom: 18.605vw;
	}
	
	#g-nav dl dd{
		margin: 6.977vw 0;
	}
	
	#g-nav dl i.material-symbols-outlined {
		font-size: 3.721vw;
		color: #625148;
		vertical-align: -0.233vw;
		margin-right: 1.163vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	#g-nav li:last-child {
		margin: 0;
	}
	
	#g-nav li a.modal_btn {
		display: block;
		color: #625148;
		font-size: 3.953vw;
		font-weight: 600;
		padding: 4.186vw 0;
		border-radius: 2.326vw;
		text-decoration: none;
		outline: none;
		background: #fff;
		transition: background-color 0.4s ease, color 0.4s ease, opacity 0.4s ease;
		position: relative;
		text-align: center;
	}

	#g-nav li a.modal_btn:hover {
		color: #fff;
		background: #625148;
		opacity: 0.85;
	}

	#g-nav li a.modal_btn i.material-symbols-outlined {
		font-size: 4.651vw;
		position: absolute;
		top: 50%;
		right: 0;
		color: #F08484;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		margin-right: 1.163vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}

}

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


@media screen and (min-width: 1161px){
	
	#g-nav.panelactive{
		position:fixed;
		z-index: 999;
		top: 0;
		width: 100%;
		height: 100vh;
	}

	.circle-bg{
		position: fixed;
		z-index:3;
		width: 5.208vw;
		height: 5.208vw;
		border-radius: 50%;
		background-color: #F08484;
		transform: scale(0);
		right: -2.604vw;
		top: -2.604vw;
		transition: all .6s;
	}

	.circle-bg.circleactive{
		transform: scale(50);
	}

	#g-nav-list{
		display: none;
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background: url("../images/modal_bg.png") bottom left no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	#g-nav.panelactive #g-nav-list{
		display: block;
	}
	
	#g-nav ul {
		opacity: 0;
		width: 100%;
		position: absolute;
		z-index: 999;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		margin: 0;
	}

	#g-nav.panelactive ul {
		opacity:1;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		padding-left: 5%;
	}

	#g-nav.panelactive ul li{
		animation-name: gnaviAnime;
		animation-duration: 1s;
		animation-delay:.2s;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	
	#g-nav li:first-child{
		margin-right: 100px;
		position: static;
		top: auto;
		left: auto;
	}
	
	#g-nav li:first-child img {
		width: 18.22vw;
	}

	#g-nav li{
		margin: 0;
		font-size: 1.042vw;
		font-weight: 600;
	}
	
	#g-nav li span {
		font-weight: 500;
		margin-right: 0.104vw;
	}

	#g-nav li a{
		color: #FFF;
		text-decoration: none;
		transition: color 0.4s ease, opacity 0.4s ease;
		display: block;
	}
	
	#g-nav li a:hover {
		color: #625148;
		opacity: 0.75;
	}
	
	#g-nav dl{
		margin-bottom: 0;
	}
	
	#g-nav dl dd{
		margin: 1.302vw 2.604vw 1.302vw 0;
	}
	
	#g-nav dl i.material-symbols-outlined {
		font-size: 0.833vw;
		color: #625148;
		vertical-align: -0.052vw;
		margin-right: 0.26vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	#g-nav li:last-child {
		margin: 0 0 0 2.604vw;
	}
	
	#g-nav li a.modal_btn {
		display: inline-block;
		color: #625148;
		font-size: 0.885vw;
		font-weight: 600;
		padding: 0.938vw 3.125vw;
		border-radius: 0.521vw;
		text-decoration: none;
		outline: none;
		background: #fff;
		transition: background-color 0.4s ease, color 0.4s ease, opacity 0.4s ease;
		position: relative;
		text-align: left;
	}

	#g-nav li a.modal_btn:hover {
		color: #fff;
		background: #625148;
		opacity: 0.85;
	}

	#g-nav li a.modal_btn i.material-symbols-outlined {
		font-size: 1.042vw;
		position: absolute;
		top: 50%;
		right: 0;
		color: #F08484;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		margin-right: 5px;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	

}

@keyframes gnaviAnime{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

/*--------------------------------------------------------------
#pc-cv-btn
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#pc-cv-btn {
		display: none;
	}
	
}

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


@media screen and (min-width: 1161px){
	
	#pc-cv-btn {
		position: fixed;
		bottom: 0;
		right: 0;
		display: inherit;
	}
	
	#pc-cv-btn dl {
		background: #F08484;
		text-align: center;
		padding: 0.781vw 1.042vw 0.781vw 1.302vw;
		border-radius: 1.562vw 0 0 0;
		box-shadow: 0 1.042vw 2.083vw rgba(0, 0, 0, 0.4);
	}
	
	#pc-cv-btn dt img {
		width: 2.865vw;
	}
	
	#pc-cv-btn dd {
		margin-top: 0.26vw;
		font-size: 0.781vw;
		font-weight: 600;
		line-height: 1.2;
		color: #FFF;
	}

}

/*--------------------------------------------------------------
@media
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	a.basic_btn {
		display: inline;
		color: #FFF;
		font-size: 4.186vw;
		font-weight: 600;
		padding: 4.186vw 16.279vw 4.186vw 9.302vw;
		border-radius: 2.326vw;
		text-decoration: none;
		outline: none;
		background: #625148;
		transition: background-color 0.4s ease, color 0.4s ease, opacity 0.4s ease;
		position: relative;
	}

	.basic_btn:hover {
		background: #F08484;
		opacity: 0.85;
	}

	.basic_btn i.material-symbols-outlined {
		font-size: 7.442vw;
		position: absolute;
		top: 50%;
		right: 1.163vw;
		color: #FFF;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		margin-right: 1.163vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	

}

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


@media screen and (min-width: 1161px){
	
	a.basic_btn {
		display: inline;
		color: #FFF;
		font-size: 0.938vw;
		font-weight: 600;
		padding: 0.938vw 3.646vw 0.938vw 2.083vw;
		border-radius: 0.521vw;
		text-decoration: none;
		outline: none;
		background: #625148;
		transition: background-color 0.4s ease, color 0.4s ease, opacity 0.4s ease;
		position: relative;
	}

	.basic_btn:hover {
		background: #F08484;
		opacity: 0.85;
	}

	.basic_btn i.material-symbols-outlined {
		font-size: 1.667vw;
		position: absolute;
		top: 50%;
		right: 0.26vw;
		color: #FFF;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		margin-right: 0.26vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
}

/*--------------------------------------------------------------
#footer
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#footer {
		position: relative;
		padding-bottom: 4.651vw;
		background: #FFF;
		margin-top: 16.279vw;
	}
	
	.top-item {
		line-height: 0;
		margin-bottom: 9.302vw;
	}
	
	.inner-footer-box {
		width: auto;
		margin: 0 auto;
	}
	
	#page-top {
		position: absolute;
		bottom: 0;
		right: 1.163vw;
	}
	
	#page-top .material-symbols-outlined {
		font-size: 13.953vw;
		color: #F08484;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	

}

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


@media screen and (min-width: 1161px){
	
	#footer {
		position: relative;
		padding-bottom: 2.344vw;
		background: #FFF;
		margin-top: 3.646vw;
	}
	
	.top-item {
		line-height: 0;
		margin-bottom: 1.042vw;
	}
	
	.inner-footer-box {
		width: 62.5vw;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center;
	}

	#page-top {
		display: none;
	}
}

/*--------------------------------------------------------------
.inner-footer-box div:first-child
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.inner-footer-box .right-box {
		width: auto;
	}
	
	.inner-footer-box .right-box h2 {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 4.186vw;
		font-weight: 600;
		margin-bottom: 4.651vw;
		text-align: center;
	}
	
	.inner-footer-box .right-box .infomation-area {
		
	}
	
	.infomation-area div:first-child {
		width: 67.44vw;
		margin: 0 auto;
	}
	
	.infomation-area .footer-cv-phone,
	.infomation-area .footer-cv-line{
		display: block;
		color: #FFF;
		font-size: 3.953vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 6.977vw 13.953vw 6.977vw 16.279vw;
		border-radius: 2.326vw;
		margin-bottom: 3.488vw;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.infomation-area .footer-cv-phone:hover,
	.infomation-area .footer-cv-line:hover {
		opacity: 0.7;
	}
	
	.footer-cv-phone {
		background: #F08484;
	}
	
	.footer-cv-line {
		background: #86C98E;
	}
	
	.footer-cv-phone span{
		width: 5.814vw;
		position: absolute;
		top: 50%;
		left: 6.977vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	
	.footer-cv-line span{
		width: 8.14vw;
		position: absolute;
		top: 55%;
		left: 5.814vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	
	.inner-footer-box .right-box .infomation-area div:last-child {
		display: none;
	}
	
	

}

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


@media screen and (min-width: 1161px){
	
	.inner-footer-box .right-box {
		width: 36.45vw;
	}
	
	.inner-footer-box .right-box h2 {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 0.938vw;
		font-weight: 600;
		margin-bottom: 1.042vw;
		text-align: left;
	}
	
	.inner-footer-box .right-box .infomation-area {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.infomation-area div:first-child {
		width: 15.10vw;
		margin: 0;
	}
	
	.infomation-area .footer-cv-phone,
	.infomation-area .footer-cv-line{
		display: block;
		color: #FFF;
		font-size: 0.885vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 1.562vw 3.125vw 1.562vw 3.646vw;
		border-radius: 0.521vw;
		margin-bottom: 0.781vw;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.infomation-area .footer-cv-phone:hover,
	.infomation-area .footer-cv-line:hover {
		opacity: 0.7;
	}
	
	.footer-cv-phone {
		background: #F08484;
	}
	
	.footer-cv-line {
		background: #86C98E;
	}
	
	.footer-cv-phone span{
		width: 1.302vw;
		position: absolute;
		top: 50%;
		left: 1.562vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	
	.footer-cv-line span{
		width: 1.823vw;
		position: absolute;
		top: 55%;
		left: 1.302vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	
	.inner-footer-box .right-box .infomation-area div:last-child {
		width: 16.66vw;
		display: inline-block;
	}
	
	.inner-footer-box .right-box .infomation-area div:last-child ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.inner-footer-box .right-box .infomation-area div:last-child ul li {
		font-size: 0.833vw;
		font-weight: 600;
	}
	
	.inner-footer-box .right-box .infomation-area div:last-child ul li dl dt a {
		display: inline-flex;
		align-items: center;
		padding: 0.417vw 0;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.inner-footer-box .right-box .infomation-area div:last-child ul li dl dt a:hover {
		opacity: 0.6;
	}
	
	.inner-footer-box .right-box .infomation-area div:last-child ul li span {
		font-size: 0.885vw;
		font-weight: 500;
		font-family: "Geologica", sans-serif;
	}
	
	.infomation-area i.material-symbols-outlined {
		font-size: 1.042vw;
		vertical-align: -0.104vw;
		font-variation-settings:
			'FILL' 0,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

}

/*--------------------------------------------------------------
.inner-footer-box div:last-child
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	
	.inner-footer-box .left-box {
		width: 62.79vw;
		margin: 11.628vw auto;
	}
	
	.inner-footer-box .left-box dl {
		border-bottom: 0.233vw solid #D5D5D5;
		text-align: center;
		margin-bottom: 4.651vw;
	}
	
	.inner-footer-box .left-box dt {
		margin-bottom: 4.651vw;
	}
	
	.inner-footer-box .left-box dd {
		font-size: 3.256vw;
		font-weight: 500;
		margin-bottom: 4.651vw;
		line-height: 1.8;
	}
	
	.inner-footer-box address {
		font-weight: 500;
		font-size: 3.256vw;
		font-style: normal;
		margin-bottom: 2.326vw;
	}
	
	.inner-footer-box address span {
		font-size: 3.488vw;
		font-family: "Geologica", sans-serif;
	}
	
	.google-map {
		font-size: 3.721vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
	}
	
	.google-map a {
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.google-map a:hover {
		opacity: 0.6;
	}
	
	.google-map span {
		border-bottom: 0.233vw solid #625148;
	}
	
	.google-map i.material-symbols-outlined {
		font-size: 7.442vw;
		color: #625148;
		margin-left: 1.163vw;
		vertical-align: -2.326vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

}

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


@media screen and (min-width: 1161px){
	
	.inner-footer-box .left-box {
		width: 14.06vw;
		margin: 0;
	}
	
	.inner-footer-box .left-box dl {
		border-bottom: 0.052vw solid #D5D5D5;
		text-align: center;
		margin-bottom: 1.042vw;
	}
	
	.inner-footer-box .left-box dt {
		margin-bottom: 1.042vw;
	}
	
	.inner-footer-box .left-box dd {
		font-size: 0.729vw;
		font-weight: 500;
		margin-bottom: 1.042vw;
		line-height: 1.8;
	}
	
	.inner-footer-box address {
		font-weight: 500;
		font-size: 0.729vw;
		font-style: normal;
		margin-bottom: 0.521vw;
	}
	
	.inner-footer-box address span {
		font-size: 0.781vw;
		font-family: "Geologica", sans-serif;
	}
	
	.google-map {
		font-size: 0.833vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
	}
	
	.google-map a {
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.google-map a:hover {
		opacity: 0.6;
	}
	
	.google-map span {
		border-bottom: 0.052vw solid #625148;
	}
	
	.google-map i.material-symbols-outlined {
		font-size: 1.667vw;
		color: #625148;
		margin-left: 0.26vw;
		vertical-align: -0.521vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

}


/*--------------------------------------------------------------
.fotter-social-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.fotter-social-area {
		width: auto;
		margin: 0 auto;
	}
	
	.fotter-social-area ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 4.651vw;
	}
	
	.fotter-social-area ul li {
		width: auto;
		margin: 0;
		padding: 0 3.488vw;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.fotter-social-area ul li img {
		width: 8.14vw;
	}
	
	.fotter-social-area ul li:first-child {
		border-right: solid 0.233vw #B4B4B4;
	}
	
	.fotter-social-area ul li:hover {
		opacity: 0.6;
	}
	
	.copyright {
		font-size: 2.558vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
		text-align: center;
	}

}

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


@media screen and (min-width: 1161px){
	
	.fotter-social-area {
		width: 62.5vw;
		margin: 0 auto;
	}
	
	.fotter-social-area ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		margin-bottom: 0.521vw;
	}
	
	.fotter-social-area ul li {
		width: 1.302vw;
		margin: 0 7px;
		padding: 0;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.fotter-social-area ul li img {
		width: 1.302vw;
	}
	
	.fotter-social-area ul li:first-child {
		border-right: none;
	}
	
	.fotter-social-area ul li:hover {
		opacity: 0.6;
	}
	
	.copyright {
		font-size: 0.573vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
		text-align: right;
	}

}

/*--------------------------------------------------------------
#category-top-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#category-top-area {
		width: auto;
		margin: 0;
		position: relative;
	}
	
	#category-top-area img {
		border-radius: 0 0 6.977vw 0;
	}
	
	#category-top-area .cat-title {
		position: absolute;
		bottom: 0;
		left: 3.488vw;
		background: #F7F5F2;
		border-radius: 4.651vw 4.651vw 0 0;
		padding: 5.814vw 6.977vw 5.814vw 6.977vw;
	}
	
	#category-top-area .cat-title h2 {
		font-size: 5.814vw;
		font-weight: 600;
		white-space: nowrap;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	#category-top-area .cat-title h2 span {
		font-size: 6.047vw;
		font-weight: 500;
		font-family: "Geologica", sans-serif;
	}
	
	#category-top-area .sub {
		font-size: 3.721vw;
		font-weight: 600;
		font-family: "Geologica", sans-serif;
		color: #F08484;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#category-top-area {
		width: 88.54vw;
		margin: 2.604vw auto 0 auto;
		position: relative;
	}
	
	#category-top-area img {
		border-radius: 1.562vw;
	}
	
	#category-top-area .cat-title {
		position: absolute;
		bottom: 0;
		left: 6.25vw;
		background: #F7F5F2;
		border-radius: 1.562vw 1.562vw 0 0;
		padding: 1.823vw 4.167vw 0 4.167vw;
	}
	
	#category-top-area .cat-title h2 {
		font-size: 1.823vw;
		font-weight: 600;
		white-space: nowrap;
	}
	
	#category-top-area .cat-title h2 span {
		font-size: 1.875vw;
		font-weight: 500;
		font-family: "Geologica", sans-serif;
	}
	
	#category-top-area .sub {
		font-size: 1.042vw;
		font-weight: 500;
		font-family: "Geologica", sans-serif;
		color: #F08484;
	}
}

/*--------------------------------------------------------------
.breadcrumbs
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	.breadcrumbs {
		font-weight: 600;
		font-size: 3.023vw;
		margin: 3.721vw 3.488vw 6.977vw 0;
	}
	
	.breadcrumbs ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		align-items: center;
	}
	
	.breadcrumbs ul li {
		margin: 0 0.465vw;
	}
	
	.breadcrumbs ul li a:hover {
		text-decoration: underline;
	}
	
	.breadcrumbs ul .material-symbols-outlined {
		font-size: 4.651vw;
		color: #625148;
		vertical-align: -1.395vw;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.breadcrumbs {
		font-weight: 600;
		font-size: 0.833vw;
		margin: 1.042vw 6% 2.604vw 6%;
	}
	
	.breadcrumbs ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		align-items: center;
	}
	
	.breadcrumbs ul li {
		margin: 0 0.104vw;
	}
	
	.breadcrumbs ul li a:hover {
		text-decoration: underline;
	}
	
	.breadcrumbs ul .material-symbols-outlined {
		font-size: 1.042vw;
		color: #625148;
		vertical-align: -0.312vw;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
}


/*--------------------------------------------------------------
#gallery-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#gallery-area {
		margin-bottom: 10.465vw;
		position: relative;
	}
	
	.gallery {
		margin: 0;
	}
	
	.gallery img {
		width: 100%;
		height: auto;
		border-radius: 4.651vw;
	}

	.gallery .slick-slide {
		margin-left: 1.86vw;
		margin-right: 1.86vw;
	}
	
	.gallery .slick-slide:nth-of-type(odd) {
		margin-top: 10.465vw;
	}

	#gallery-area span {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	#gallery-area span img {
		width: 53.48vw;
	}
}

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


@media screen and (min-width: 1161px){
	
	#gallery-area {
		margin-bottom: 5.208vw;
		position: relative;
	}
	
	.gallery {
		margin: 0;
	}
	
	.gallery img {
		width: 100%;
		height: auto;
		border-radius: 1.042vw;
	}

	.gallery .slick-slide {
		margin-left: 1.042vw;
		margin-right: 1.042vw;
	}
	
	.gallery .slick-slide:nth-of-type(odd) {
		margin-top: 3.385vw;
	}

	#gallery-area span {
		position: absolute;
		top: 50%;
		right: 9.115vw;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: auto;
	}
	
	#gallery-area span img {
		width: 20.83vw;
	}
}

/*--------------------------------------------------------------
.section-heading
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	.section-heading {
		text-align: center;
		background: #f8f6f2;
		margin-bottom: 5.814vw;
	}
	
	.section-heading h4 {
		position: relative;
		display: inline-block;
		margin: 0;
		padding-bottom: 3.488vw;
		font-size: 5.814vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	.section-heading h4::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 4.651vw;
		height: 0.465vw;
		transform: translateX(-50%);
		background: #f47f83;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.section-heading {
		text-align: center;
		background: #f8f6f2;
		margin-bottom: 2.083vw;
	}
	
	.section-heading h4 {
		position: relative;
		display: inline-block;
		margin: 0;
		padding-bottom: 1.042vw;
		font-size: 1.823vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	.section-heading h4::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 1.042vw;
		height: 0.104vw;
		transform: translateX(-50%);
		background: #f47f83;
	}
	
}


/*--------------------------------------------------------------
#cats-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#cats-area {
		margin: 0 ;
		padding: 0;
	}
	
	#cats-area h3,
	#ourcats-area h3,
	#users-all-area h3{
		margin: 0 0 8.14vw 0;
		padding: 0;
		text-align: center;
	}
	
	#cats-area p {
		width: auto;
		margin: 0 4.651vw 9.302vw 4.651vw;
		padding: 0 3.488vw;
	}
	
	#ourcats-area p{
		width: auto;
		margin: 0 4.651vw 9.302vw 4.651vw;
		padding: 0;
	}
	
	#cats-area ul {
		width: auto;
		margin: 0 11.628vw;
		padding: 0;
	}
	
	#recommend-area ul {
		width: auto;
		margin: 0;
	}
	
	#cats-area ul li {
		margin: 0 0 9.302vw 0;
		padding: 0;
		width: auto;
	}
	
	#recommend-area ul li {
		width: auto;
		margin: 0 0 9.302vw 0;
	}
	
	.cats_photo {
		margin: 0 0 3.488vw 0;
		padding: 0;
		position: relative;
		width: 100%;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		border-radius: 6.977vw;
	}
	
	.cats_photo img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		transition: transform 0.6s ease;
	}
	
	#cats-area ul li a:hover .cats_photo img,
	#recommend-area ul li a:hover .cats_photo img{
		transform: scale(1.08);
	}
	
	.cats_photo span.new-cats {
		position: absolute;
		top: 5.814vw;
		left: 0%;
		z-index: 2;
		background: #F0B684;
		color: #FFF;
		font-size: 4.651vw;
		font-weight: 600;
		font-family: "Geologica", sans-serif;
		padding: 0.698vw 2.326vw 1.163vw 2.326vw;
		border-radius: 0 5px 5px 0;
	}
	
	.cats_photo span.status-tag {
		position: absolute;
		bottom: 5.814vw;
		right: 0;
		z-index: 2;
		display: inline-block;
		padding: 1.163vw 2.326vw 1.163vw 2.326vw;
		font-size: 4.651vw;
		font-weight: 700;
		line-height: 1;
		border-radius: 5px 0 0 5px;
	}

	.cats_photo span.status-tag.negotiation {
		background: #FFF;
		color: #F08F8F;
	}

	.cats_photo span.status-tag.sold {
		background: #F08F8F;
		color: #FFF;
	}
	
	#cats-area h6,
	#recommend-area h6{
		margin: 0 0 2.326vw 0;
		padding: 0;
		font-size: 4.651vw;
		font-weight: 600;
		text-align: center;
		color: #F08484;
	}
	
	#cats-area table,
	#recommend-area table{
		border-collapse: separate;
		font-size: 3.721vw;
		font-weight: 600;
		line-height: 1.3;
		border-spacing: 0 1.163vw;
	}

	#cats-area table th,
	#recommend-area table th {
		width: 13.953vw;
		font-size: 3.256vw;
		padding: 0.698vw 0;
		text-align: center;
		white-space: nowrap;
	}

	#cats-area table td,
	#recommend-area table td {
		padding-left: 3.488vw;
	}
	
	#cats-area .bt_num,
	#recommend-area .bt_num {
		font-size: 4.186vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
	}
	
	#cats-area .birth,
	#recommend-area .birth {
		background: #FFF;
	}
	
	#cats-area .gender,
	#recommend-area .gender {
		background: #EDEAE5;
	}
	
	
	.price{
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	.price dt{
		margin: 0;
		padding: 1.163vw 0 0 0;
		width: 13.953vw;
		font-size: 3.488vw;
		font-weight: 500;
		text-align: center;
	}
	
	.price dd {
		margin-top: 1.163vw;
		font-size: 3.488vw;
		font-weight: 500;
	}
	
	.price dd span {
		font-size: 5.116vw;
		font-family: "Geologica", sans-serif;
		font-weight: 600;
	}

	.price dd{
		padding: 0 0 0 4.651vw;
		flex: 1;
	}

	.male {
		color: #4B85C7;
	}
	
	.female {
		color: #DE6992;
	}

	
	.btn-center {
		text-align: center;
		padding: 4.651vw 0 18.605vw 0;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#cats-area {
		margin: 0;
		padding: 0;
	}
	
	#cats-area h3,
	#ourcats-area h3,
	#users-all-area h3{
		margin: 0 0 2.604vw 0;
		padding: 0;
		text-align: center;
	}
	
	#cats-area p,
	#ourcats-area p{
		width: 39.06vw;
		margin: 0 auto 3.125vw auto;
		padding: 0;
	}
	
	#cats-area ul {
		width: 76.04vw;
		margin: 0 auto;
		padding: 0 0 2.604vw 0;
		display: grid;
		grid-template-columns: repeat(4, 17.18vw);
		justify-content: space-between;
		row-gap: 1.562vw;
	}
	
	#cats-area ul li {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	#recommend-area ul {
		width: 56.4vw;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(3, 17.18vw);
		justify-content: space-between;
		row-gap: 1.562vw;
	}
	
	#recommend-area ul li {
		width: auto;
		margin: 0;
	}
	
	.cats_photo {
		margin: 0 0 0.781vw 0;
		padding: 0;
		position: relative;
		width: 100%;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		border-radius: 1.562vw;
	}
	
	.cats_photo img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		transition: transform 0.6s ease;
	}
	
	#cats-area ul li a:hover .cats_photo img,
	#recommend-area ul li a:hover .cats_photo img{
		transform: scale(1.08);
	}
	
	.cats_photo span.new-cats {
		position: absolute;
		top: 1.302vw;
		left: 0;
		z-index: 2;
		background: #F0B684;
		color: #FFF;
		font-size: 1.042vw;
		font-weight: 600;
		font-family: "Geologica", sans-serif;
		padding: 0.156vw 0.521vw 0.26vw 0.521vw;
		border-radius: 0 5px 5px 0;
	}
	
	.cats_photo span.status-tag {
		position: absolute;
		bottom: 1.302vw;
		right: 0;
		z-index: 2;
		display: inline-block;
		padding: 0.26vw 0.521vw 0.26vw 0.521vw;
		font-size: 1.042vw;
		font-weight: 700;
		line-height: 1;
		border-radius: 5px 0 0 5px;
	}

	.cats_photo span.status-tag.negotiation {
		background: #FFF;
		color: #F08F8F;
	}

	.cats_photo span.status-tag.sold {
		background: #F08F8F;
		color: #FFF;
	}
	
	#cats-area h6,
	#recommend-area h6{
		margin: 0 0 0.781vw 0;
		padding: 0;
		font-size: 1.042vw;
		font-weight: 600;
		text-align: center;
		color: #F08484;
	}
	
	#cats-area table,
	#recommend-area table{
		border-collapse: separate;
		font-size: 0.833vw;
		font-weight: 600;
		line-height: 1.3;
		border-spacing: 0 0.26vw;
	}

	#cats-area table th,
	#recommend-area table th {
		width: 3.125vw;
		font-size: 0.729vw;
		padding: 0.156vw 0;
		text-align: center;
		white-space: nowrap;
	}

	#cats-area table td,
	#recommend-area table td {
		padding-left: 0.781vw;
	}
	
	#cats-area .bt_num,
	#recommend-area .bt_num {
		font-size: 0.938vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
	}
	
	#cats-area .birth,
	#recommend-area .birth {
		background: #FFF;
	}
	
	#cats-area .gender,
	#recommend-area .gender {
		background: #EDEAE5;
	}
	
	
	.price{
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	.price dt{
		margin: 0;
		padding: 0.26vw 0 0 0;
		width: 3.125vw;
		font-size: 0.781vw;
		font-weight: 500;
		text-align: center;
	}
	
	.price dd {
		margin-top: 0.26vw;
		font-size: 0.781vw;
		font-weight: 500;
	}
	
	.price dd span {
		font-size: 1.146vw;
		font-family: "Geologica", sans-serif;
		font-weight: 600;
	}

	.price dd{
		padding: 0 0 0 1.042vw;
		flex: 1;
	}

	.male {
		color: #4B85C7;
	}
	
	.female {
		color: #DE6992;
	}

	
	.btn-center {
		text-align: center;
		padding: 0;
	}

}

/*--------------------------------------------------------------
#guidenav-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#guidenav-area {
		width: auto;
		margin: 18.605vw 4.651vw 0 4.651vw;
		padding: 0;
	}
	
	#guidenav-area ul {
		
	}
	
	#guidenav-area ul li {
		width: auto;
		transition: transform 0.4s ease, opacity 0.4s ease;
		margin-bottom: 6.977vw;
	}
	
	#guidenav-area ul li:hover {
		transform: translateY(-2.326vw);
	}
	
	#guidenav-area dt {
		margin-bottom: 2.326vw;
	}
	
	#guidenav-area dt img {
		border-radius: 4.651vw 4.651vw 0 0;
	}
	
	#guidenav-area dd {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 5.116vw;
		font-weight: 600;
		padding-left: 3.488vw;
		position: relative;
	}
	
	#guidenav-area dd span.en {
		font-family: "Geologica", sans-serif;
		font-size: 5.349vw;
		font-weight: 500;
		font-style: normal;
	}
	
	#guidenav-area dd span.subtitle {
		color: #F08484;
		font-family: "Geologica", sans-serif;
		font-size: 3.256vw;
		font-weight: 600;
		display: block;
		margin-top: 1.163vw;
		margin-left: 0.465vw;
	}
	
	#guidenav-area .material-symbols-outlined {
		font-size: 8.837vw;
		color: #F08484;
		vertical-align: -1.86vw;
		position: absolute;
		top: 50%;
		right: 1.163vw;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#guidenav-area {
		width: 75.52vw;
		margin: 5.208vw auto 0 auto;
		padding: 0;
	}
	
	#guidenav-area ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#guidenav-area ul li {
		width: 23.43vw;
		transition: transform 0.4s ease, opacity 0.4s ease;
		margin-bottom: 0;
	}
	
	#guidenav-area ul li:hover {
		transform: translateY(-10px);
	}
	
	#guidenav-area dt {
		margin-bottom: 0.521vw;
	}
	
	#guidenav-area dt img {
		border-radius: 1.042vw 1.042vw 0 0;
	}
	
	#guidenav-area dd {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 1.302vw;
		font-weight: 600;
		padding-left: 1.562vw;
		position: relative;
	}
	
	#guidenav-area dd span.en {
		font-family: "Geologica", sans-serif;
		font-size: 1.354vw;
		font-weight: 500;
		font-style: normal;
	}
	
	#guidenav-area dd span.subtitle {
		color: #F08484;
		font-family: "Geologica", sans-serif;
		font-size: 0.729vw;
		font-weight: 600;
		display: block;
		margin-top: 0.26vw;
		margin-left: 0.104vw;
	}
	
	#guidenav-area .material-symbols-outlined {
		font-size: 1.979vw;
		color: #F08484;
		vertical-align: -0.417vw;
		position: absolute;
		top: 50%;
		right: 1.042vw;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

}

/*--------------------------------------------------------------
#faq-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#faq-area {
		margin: 0;
		padding: 0;
	}
	
	#faq-area h3 {
		text-align: center;
	}
	
	#faq-area p {
		margin-bottom: 6.977vw;
		text-align: center;
	}
	
	.accordion-area{
		list-style: none;
		width: auto;
		margin: 0 2.326vw;
	}

	.accordion-area li{
		margin-bottom: 2.326vw;
	}

	.accordion-area section {
		background: #FFF;
		border-radius: 2.326vw;
	}

	.title {
		position: relative;
		cursor: pointer;
		padding: 3.488vw 9.302vw 3.488vw 2.326vw;
		transition: all .5s ease;
		font-size: 4.186vw;
		font-weight: 600;
		display: flex;
		align-items: center;
		gap: 2.326vw;
	}
	
	.title span {
		width: 7.442vw;
		height: 7.442vw;
		border-radius: 50%;
		background: rgba(240,132,132,0.10);
		color: #F08484;
		font-family: "Geologica", sans-serif;
		font-size: 4.186vw;
		font-weight: 600;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		flex-shrink: 0;
	}

	.title::before,
	.title::after{
		position: absolute;
		content:'';
		width: 3.488vw;
		height: 0.465vw;
		background-color: #F08484; 
	}
	
	.title::before{
		top: 48%;
		right: 3.488vw;
		transform: rotate(0deg);
	}
	
	.title::after{    
		top: 48%;
		right: 3.488vw;
		transform: rotate(90deg);
	}
	
	.title.close::before{
		transform: rotate(45deg);
	}

	.title.close::after{
		transform: rotate(-45deg);
	}

	.box {
		display: none;
		margin: 0;
		padding: 0 6.977vw 1.163vw 6.977vw;
	}
	
	#faq-area .box p {
		text-align: left;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#faq-area {
		margin: 0;
		padding: 0;
	}
	
	#faq-area h3 {
		text-align: center;
	}
	
	#faq-area p {
		margin-bottom: 2.083vw;
		text-align: center;
	}
	
	.accordion-area{
		list-style: none;
		width: 50.52vw;
		margin: 0 auto;
	}

	.accordion-area li{
		margin-bottom: 0.781vw;
	}

	.accordion-area section {
		background: #FFF;
		border-radius: 0.521vw;
	}

	.title {
		position: relative;
		cursor: pointer;
		padding: 1.042vw 3.906vw 1.042vw 1.562vw;
		transition: all .5s ease;
		font-size: 1.042vw;
		font-weight: 600;
		display: flex;
		align-items: center;
		gap: 0.781vw;
	}
	
	.title span {
		width: 2.344vw;
		height: 2.344vw;
		border-radius: 50%;
		background: rgba(240,132,132,0.10);
		color: #F08484;
		font-family: "Geologica", sans-serif;
		font-size: 1.302vw;
		font-weight: 600;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		flex-shrink: 0;
	}

	.title::before,
	.title::after{
		position: absolute;
		content:'';
		width: 1.042vw;
		height: 0.156vw;
		background-color: #F08484; 
	}
	
	.title::before{
		top: 48%;
		right: 2.083vw;
		transform: rotate(0deg);
	}
	
	.title::after{    
		top: 48%;
		right: 2.083vw;
		transform: rotate(90deg);
	}
	
	.title.close::before{
		transform: rotate(45deg);
	}

	.title.close::after{
		transform: rotate(-45deg);
	}

	.box {
		display: none;
		margin: 0;
		padding: 0.521vw 3.125vw 0.26vw 3.125vw;
	}
	
	#faq-area .box p {
		text-align: left;
	}

}

/*--------------------------------------------------------------
.modaal
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.hide-area {
		display: none;
	}

	.modaal-overlay {
		background: rgba(98, 81, 72, 0.9) !important;
	}

	.modaal-container {
		max-width: auto;
		border-radius: 4.651vw;
		background: #fff;
		overflow: hidden;
	}

	.modaal-content-container {
		padding: 6.977vw;
	}

	.modaal-close {
		background: #F08484 !important;
		border-radius: 50% !important;
		top: 3.488vw !important;
		right: 3.488vw !important;
		transition: background .3s ease, opacity .3s ease;
	}

	.modaal-close:hover,
	.modaal-close:focus {
		background: rgba(240, 132, 132, 0.8) !important;
		opacity: 1;
	}

	.modaal-close:before,
	.modaal-close:after,
	.modaal-close:hover:before,
	.modaal-close:hover:after,
	.modaal-close:focus:before,
	.modaal-close:focus:after {
		background: #FFF !important;
	}
	
	.modaal-close:before,
	.modaal-close:after {
		width: 0.698vw !important;
	}
	
	.modaal-overlay {
		z-index: 99998 !important;
	}
	
	.modaal-wrapper {
		z-index: 99999 !important;
	}
	
	.modaal-close {
		z-index: 100000 !important;
	}

	.modaal-container h3 {
		font-size: 5.116vw;
		font-weight: 700;
		text-align: center;
		color: #625148;
		margin-bottom: 6.977vw;
	}
	
	.modaal-container ul li.phone_number a {
		width: 58.13vw;
		margin: 0 auto;
		display: block;
		color: #FFF;
		font-size: 3.721vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 4.651vw 0 4.651vw 4.651vw;
		border-radius: 2.326vw;
		margin-bottom: 4.651vw;
		opacity: 1;
		transition: opacity 0.35s ease;
		background: #F08484;
	}
	
	.modaal-container ul li.phone_number .material-symbols-outlined {
		font-size: 6.977vw;
		position: absolute;
		top: 50%;
		left: 5.814vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	.modaal-container ul li.time {
		text-align: center;
		margin-bottom: 4.651vw;
		font-size: 3.721vw;
		font-weight: 600;
		color: #625148;
	}
	
	.modaal-container ul li.time span {
		font-size: 4.651vw;
		font-weight: 600;
		margin-left: 3.488vw;
		font-family: "Geologica", sans-serif;
	}
	
	.modaal-container .footer-cv-line{
		width: 58.13vw;
		margin: 0 auto;
		display: block;
		color: #FFF;
		font-size: 3.721vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 4.651vw 0 4.651vw 4.651vw;
		border-radius: 2.326vw;
		margin-bottom: 6.977vw;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.modaal-container .footer-cv-line:hover {
		opacity: 0.7;
	}
	
	.modaal-container .footer-cv-line {
		background: #86C98E;
	}
	
	.modaal-container .footer-cv-line span{
		width: 6.977vw;
		position: absolute;
		top: 55%;
		left: 5.814vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.modaal-container p {
		text-align: left;
	}

}

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


@media screen and (min-width: 1161px){
	
	.hide-area {
		display: none;
	}

	.modaal-overlay {
		background: rgba(98, 81, 72, 0.9) !important;
	}

	.modaal-container {
		max-width: 39.58vw;
		border-radius: 1.042vw;
		background: #fff;
		overflow: hidden;
	}

	.modaal-content-container {
		padding: 3.125vw;
	}

	.modaal-close {
		background: #F08484 !important;
		border-radius: 50% !important;
		top: 0.781vw !important;
		right: 0.781vw !important;
		transition: background .3s ease, opacity .3s ease;
	}

	.modaal-close:hover,
	.modaal-close:focus {
		background: rgba(240, 132, 132, 0.8) !important;
		opacity: 1;
	}

	.modaal-close:before,
	.modaal-close:after,
	.modaal-close:hover:before,
	.modaal-close:hover:after,
	.modaal-close:focus:before,
	.modaal-close:focus:after {
		background: #FFF !important;
	}
	
	.modaal-close:before,
	.modaal-close:after {
		width: 0.156vw !important;
	}
	
	.modaal-overlay {
		z-index: 99998 !important;
	}
	
	.modaal-wrapper {
		z-index: 99999 !important;
	}
	
	.modaal-close {
		z-index: 100000 !important;
	}

	.modaal-container h3 {
		font-size: 1.562vw;
		font-weight: 700;
		text-align: center;
		color: #625148;
		margin-bottom: 1.562vw;
	}
	
	.modaal-container ul li.phone_number {
		font-family: "Geologica", sans-serif;
		color: #F08484;
		font-size: 2.344vw;
		font-weight: 600;
		text-align: center;
		margin-bottom: 0.521vw;
	}
	
	.modaal-container ul li.phone_number .material-symbols-outlined {
		font-size: 2.604vw;
		vertical-align: -0.417vw;
		margin-right: 0.521vw;
		position: static;
		top: auto;
		left: auto;
		-webkit-transform: none;
		transform: none;
		font-variation-settings:
			'FILL' 0,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	.modaal-container ul li.time {
		text-align: center;
		margin-bottom: 1.042vw;
		font-size: 1.042vw;
		font-weight: 600;
		color: #625148;
	}
	
	.modaal-container ul li.time span {
		font-size: 1.042vw;
		font-weight: 600;
		margin-left: 0.781vw;
		font-family: "Geologica", sans-serif;
	}
	
	.modaal-container .footer-cv-line{
		width: 13.8vw;
		margin: 0 auto;
		display: block;
		color: #FFF;
		font-size: 0.885vw;
		font-weight: 600;
		text-align: center;
		position: relative;
		padding: 1.042vw 0 1.042vw 1.042vw;
		border-radius: 0.521vw;
		margin-bottom: 1.562vw;
		opacity: 1;
		transition: opacity 0.35s ease;
	}
	
	.modaal-container .footer-cv-line:hover {
		opacity: 0.7;
	}
	
	.modaal-container .footer-cv-line {
		background: #86C98E;
	}
	
	.modaal-container .footer-cv-line span{
		width: 1.562vw;
		position: absolute;
		top: 55%;
		left: 1.302vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.modaal-container p {
		text-align: center;
	}
}

/*--------------------------------------------------------------
@media
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.pc {
		display: none;
	}
	

}

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


@media screen and (min-width: 1161px){
	
	.pc {
		display: inherit;
	}
	
	.sp {
		display: none;
	}

}