@charset 'utf-8';

:root{

  /* color */

  --main-color: #333333;

  --gray-color: #cccccc;

  --gold-color: #ECE1C8;

  --dark-gold-color:#A97E3F;



  /* font family */

  /* --ff-main: "Noto Sans JP", sans-serif; */

	--ff-main: "Noto Sans", sans-serif;

	--ff-inter:"Inter", sans-serif;
	--ff-lato: "Lato", sans-serif;
	--trs-3: all .3s ease;
	--ease-level1: cubic-bezier(0.215, 0.61, 0.355, 1);
	--transition-hover-fast: 440ms var(--ease-level1);
	--animation-circle: 1000ms var(--ease-level1) forwards;
}

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0;
}
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-family: var(--ff-main);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--main-color);
}



*,

*:before,

*:after { -webkit-box-sizing: border-box; box-sizing: border-box; }



ul,ol { list-style: none; }

img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }

a{ text-decoration: none; }

a:hover { text-decoration: none; }


/* container
----------------------------------------------- */
#container { position: relative; width: 100%; overflow: hidden; font-size: 1rem; }
@media only screen and (min-width: 769px) and ( max-width: 1600px ) {
	#container { font-size: 0.625vw; }
}

/* @media only screen and (max-width: 1920px) and (min-width: 769px) {

	#container{ font-size: .5208vw; }

} */

@media only screen and (max-width: 350px) {
	#container { font-size: 2.66vw; }
}




.wrap,
.wrap-1320 { position: relative; margin: 0 auto; }
.wrap { max-width: 116em; }
.wrap-1320{ max-width: 132em; }
@media only screen and (min-width: 769px) {
	.sp { display: none !important; }
}



@media only screen and (max-width: 768px) {
  	.wrap,
	.wrap-1320{ padding: 0 2.5em; }
	.pc { display: none !important; }
}


/* header

------------------------------------------------ */


/* main

------------------------------------------------ */
#main { display: block; position: relative; width: 100%; }

#footer{ width: 100%; background-color: #A97E3F; z-index: 999; color:#E1DBC2; }
.footer-info-title{ font-family: var(--ff-lato); font-size: 1.8em; font-weight: 700; letter-spacing: .07em; line-height: 1; }
.footer-info-address{ font-style: normal; font-size: 1.6em; font-weight: 400; line-height: calc(27.2/16); }
.footer-info-address a{ color: #E1DBC2; text-decoration: underline; }
.l-copyright{ font-size: 1em; font-weight: 400; font-family: var(--ff-lato); line-height: calc(15/10); }

@media only screen and (min-width: 769px) {
	#footer{ position: absolute; left: 0; bottom: 0; }
	.footer-info-row{ height: 6em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.footer-info--left{ width: calc(100% - 17em); display: inline-flex; flex-wrap: wrap; flex: 2; gap: 2em; align-items: center; }
	.footer-info-address a:hover{ text-decoration: none; }
	.l-copyright{ width: 17em; }
}

@media only screen and (max-width: 768px) {
	#container{ height: 100%; background-color: #A97E3F; }
	#footer{ padding-top: 3.8em; text-align: center; }
	.footer-info-title{ font-size: 2em; line-height: calc(25.4/20); }
	.footer-info-address{ margin-top: .8125em; }
	.l-copyright{ margin-top: 3.7em; }
}