@charset "utf-8";
/*
**********************************************************************

* common.css

*********************************************************************
*/

body {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	color: #606360;
	word-break: break-all;
}
body.no-scroll {
	overflow-y: hidden;
	touch-action: none;
}
p {
	margin-bottom: 2em;
	line-height: 2;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
iframe {
  max-width:100%;
}
a {
	color: #606360;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	outline: none;
}
#site a,
#site button,
#site .hover {
  transition: all 300ms 0s ease;
}
#site a:hover,
#site button:hover,
#site .hover:hover {
	opacity: 0.6;
}
.sp-area {
	display: none;
}
.sp-area-inline {
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
/* WinIE7 only */
*:first-child+html .clearfix {
	height: 1%;
}
/* WinIE6 and below */
/* hide \*/
* html .clearfix {
	height: 1%;
}
#window-size-check {
	display: block;
}

@media screen and (min-width:641px) {
.pc-area {
	display: block;
}
.pc-area-inline {
	display: inline-block;
}
.sp-area,
.sp-area-inline	{
	display: none !important;
}
}

@media screen and (max-width:640px) {
body {
}
.pc-area,
.pc-area-inline {
	display: none !important;
}
.sp-area	{
	display: block;
}
.sp-area-inline	{
	display: inline-block;
}
#window-size-check {
	display: none;
}
}


/*===================================================================
  site
===================================================================*/
#site {
	overflow: clip;
}
.global-inner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	min-width: 1000px;
}
.global-inner-02 {
	position: relative;
	margin: 0 auto;
	width: 880px;
	min-width: 880px;
}

@media screen and (max-width:640px) {
#site {
	min-width: auto;
}
.global-inner,
.global-inner-02 {
	margin: 0 6%;
	width: auto;
	min-width: auto;
}
}


/*===================================================================
  global-header
===================================================================*/

#global-header {
	position: sticky;
	top: 0;
	left: 0;
	background: rgb(255 255 255 / 90%);
	z-index: 50;
}
#global-header .inner {
	display: flex;
	min-width: 1000px; 
	padding: 30px 3%;
	justify-content: space-between;
}
#global-header .logo {
	width: 420px;
}
#global-header .global-nav {
	display: flex;
	padding: 0 15px;
	background-image: url(../img/common-02/header-nav-bg.png);
	background-size: 100% 100%;
	align-items: center;
}
#global-header .global-nav ul {
	display: flex;
}
#global-header .global-nav ul li {
	display: flex;
}
#global-header .global-nav ul li a {
	position: relative;
	padding: 0 12px;
	font-size: 16px;
	color: #ffffff;
	opacity: 1;
}
#global-header .global-nav ul li a::before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #ffffff;
	opacity: 0;
  transition: all 300ms 0s ease;
}
#global-header .global-nav ul li a:hover::before {
	opacity: 1;
}
#global-header .global-nav ul li a::after {
	content: "";
	position: absolute;
	top: 10%;
	right: 0;
	height: 80%;
	width: 2px;
	background: #ffffff;
}
#global-header .global-nav ul li:last-child a::after {
	display: none;
}

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

#global-header .global-nav ul li a {
	font-size: 14px;
}
	
}


@media screen and (max-width:640px) {
	
#global-header {
}
#global-header .inner {
	padding: 10px 5%;
	min-width: auto;
	align-items: end;
}
#global-header .logo {
	margin-right: 5%;
	width: 88%;
}
#global-header .menu {
	flex: 1;
	cursor: pointer;
}
#global-header .global-nav {
	display: block;
	position: absolute;
	top: 5px;
	right: -100%;
	margin: 0;
	width: 40%;
	padding-bottom: 3vw;
	background-image: url(../img/common-02/header-nav-bg-sp.png);
  transition: all 300ms 0s ease;
}
#global-header .global-nav.show {
	right: 5px;
}
#global-header .global-nav nav {
	padding: 0 5%;
}
#global-header .global-nav .close {
	margin-top: 5vw;
	text-align: right;
}
#global-header .global-nav .close img {
	width: 13%;
	cursor: pointer;
}
#global-header .global-nav ul {
	display: block;
}
#global-header .global-nav ul li {
	display: block;
	margin-bottom: 15px;
	text-align: center;
}
#global-header .global-nav ul li a {
	display: block;
}
#global-header .global-nav ul li a:hover {
	opacity: 0.7;
}
#global-header .global-nav ul li a::before {
	display: none;
}
#global-header .global-nav ul li a::after {
	display: none;
}

}


/*===================================================================
  global-footer
===================================================================*/

#global-footer {
	padding: 80px 0 30px;
	background-image: url(../img/common-02/footer-bg.png);
	background-position: center top;
	background-size: cover;
	color: #ffffff;
}
#global-footer .footer-top {
	display: flex;
	margin-bottom: 30px;
}
#global-footer .footer-top .footer-top-left {
	margin-right: 10%;
	width: 30%;
}
#global-footer .footer-top .footer-top-left h2 {
	margin-bottom: 40px;
}
#global-footer .footer-top .footer-top-left .info li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 16px;
	font-size: 14px;
}
#global-footer .footer-top .footer-top-left .info li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 12px;
	height: 12px;
	background: #ffffff;
}
#global-footer .footer-top .footer-top-left .info li .indent-01 {
	display: inline-block;
	margin-left: 4.5em;
	text-indent: -4.5em;
}
#global-footer .footer-top .footer-top-left h3 {
	margin: 20px 0 10px;
	padding: 3px 10px;
	background: #ffffff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #606360;
}
#global-footer .footer-top .footer-top-left .tel {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
}
#global-footer .footer-top .footer-top-left .tel dt {
	margin-right: 10px;
	width: 15%;
	text-align: center;
	border: solid 1px #ffffff;
	font-size: 12px;
}
#global-footer .footer-top .footer-top-left .tel dd {
	font-size: 26px;
	line-height: 1;
}
#global-footer .footer-top .footer-top-left .tel dd a {
	color: #ffffff;
}
#global-footer .footer-top .footer-top-right {
	flex: 1;
}
#global-footer .footer-top .footer-top-right .map {
	width: 100%;
	height: 400px;
	overflow: hidden;
}
#global-footer .footer-top .footer-top-right .map iframe {
	width: 100%;
	height: 750px;
	margin-top: -150px;
}
#global-footer .footer-bottom ul {
	margin-bottom: 20px;
	text-align: center;
}
#global-footer .footer-bottom ul li {
	display: inline-block;
	margin: 0 10px;
	font-size: 12px;
}
#global-footer .footer-bottom ul li a {
	color: #ffffff;
}
#global-footer .footer-bottom .copyright p {
	margin: 0;
	text-align: center;
	font-size: 10px;
}


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

#global-footer {
	padding: 60px 0 20px;
	background-image: url(../img/common-02/footer-bg-sp.png);
}
#global-footer .footer-top {
	display: block;
	margin: 0 6% 30px;
}
#global-footer .footer-top .footer-top-left {
	margin: 0 0 30px;
	width: auto;
}
#global-footer .footer-top .footer-top-left h2 {
	margin-bottom: 20px;
}

}



/*===================================================================
main
===================================================================*/


/* ///////////////////////////////////////////////////////////////////

その他

/////////////////////////////////////////////////////////////////// */


.effect-01 {
	position: relative;
  transition: 1s;
	opacity: 0;
}
.ul-01 li {
	position: relative;
	padding-left: 15px;
}
.ul-01 li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.color-01 {
	color: #9F7D48;
}
.btn-01 {
	position: relative;
	display: inline-block;
	padding: 22px 20px;
	width: 280px;
	border-radius: 100px;
	background: #D0AD75;
	background: linear-gradient(45deg,rgba(208, 173, 117, 1) 13%, rgba(184, 151, 100, 1) 29%, rgba(182, 149, 97, 1) 36%);
	text-align: center;
	outline: 1px solid #ffffff;
	outline-offset: -6px;
	font-size: 19px;
	color: #ffffff;
	overflow: hidden;
}
.btn-01 span {
	padding: 0 30px;
	background-image: url(../images/btn-arrow.png);
	background-position: right center;
	background-size: 10px auto;
	background-repeat: no-repeat;
}
.btn-01::before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #ffffff;
	transition: 300ms;
	animation: btn 3s ease-in-out infinite;
}

@-webkit-keyframes btn {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

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

.pageTit img {
	max-width: none;
}
	
	
.btn-01 {
	position: relative;
	padding: 18px 5%;
	width: 70%;
	outline-offset: -4px;
	font-size: 5vw;
}
.btn-01 span {
	padding: 0 20px;
}
}


.link-point {
	padding-top: 150px;
	margin-top: -150px;
}	


@media screen and (max-width:640px) {
	
.link-point {
	padding-top: 30vw;
	margin-top: -30vw;
}	
	
}