/*---------------------
共通
---------------------*/
html{
	font-size: calc(10 / 375 * 100vw);
}
body{
	margin: 0;
	font-family: 'Noto Sans JP', sans-serif;
	color:#805a3e;
}
h1, h2, div, ul, li, p, dl, dt, dd, article, section{
	font-feature-settings: "palt";
	letter-spacing: 0.07em;
	list-style: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img{
	border: 0;
	vertical-align: bottom;
}
a{
	outline: none;
	text-decoration: none;
	color: #000000;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
.pc-only{display: none;}
.wrapper{
	position: relative;
	background: #fcefd0;
}
.bl{
	color: #000000;
}
.sp-only{display: block;}
.sp-only-inline{display: inline;}
.bold{font-weight: 700;}
.red{color:#c30d23;}
.small{font-size: 1.2rem;}
p{font-size: 1.4rem;line-height: 1.5;text-align: justify;}
.center{text-align:center;}
.mb10{margin: 0 0 calc(10 / 375 * 100vw) 0;}
.mb14{margin: 0 0 calc(14 / 375 * 100vw) 0;}
.mb30{margin: 0 0 calc(30 / 375 * 100vw) 0;}
/*---------------------
main-visual
---------------------*/
.main-visual{
	margin: 0;
	width: 100%;
}
.main-visual img {
  width: 80%;
	height: auto;
	display: block;
	margin: calc(50 / 375 * 100vw) auto;
}
.top_bar{
	height: calc(10 / 375 * 100vw);
	background-color: #805a3e;
}
/*---------------------
contents
---------------------*/
.contents_wrap{
	padding: calc(50 / 375 * 100vw) 0 calc(50 / 375 * 100vw) 0;
	width: 100%;
}
.bg_gray{
background-color: #efdebd;
}
.bg_brown{
background-color: #805a3e;
}
.contents{
	margin: 0;
	padding: calc(15 / 375 * 100vw);
}
.contents_center{
	margin: 0 auto;
	text-align: center;
}
.contents section{
	margin: 0;
}
h2{
	color: #ec6e1c;
	font-size: calc(24 / 375 * 100vw);
	margin:0 0 calc(14 / 375 * 100vw) 0;
}
h2.profile{
	color: #805a3e;
	font-size: calc(22 / 375 * 100vw);
	margin:0 0 calc(14 / 375 * 100vw) 0;
}
h2.contact{
	color: #fff;
	font-size: calc(22 / 375 * 100vw);
	margin:0 0 calc(14 / 375 * 100vw) 0;
}
h3{
	color: #ec6e1c;
	font-size: calc(15 / 375 * 100vw);
}
h3.contact{
	color: #fff;
	font-size: calc(15 / 375 * 100vw);
}
h4{
	font-size: calc(18 / 375 * 100vw);
	color: #ec6e1c;
	margin:0 0 calc(10 / 375 * 100vw) 0;
}
.link-s{
	display: flex;
	justify-content: space-between;
	margin:0 0 calc(14 / 375 * 100vw) 0;
}
.link-s a{
	display: block;
	width: 48%;
}
.link-s img{
	width: 100%;
	height: auto;
}
.button-entry{
	text-align: center;
	margin: 0;
}
.button-entry img{
	width:calc(250 / 375 * 100vw);
	 height: auto;
}
.back_green{
	background-color: #ec6e1c;
	border-radius:calc(3 / 375 * 100vw);
	color:#000;
	font-weight:bold;
	padding:calc(5 / 375 * 100vw) calc(8 / 375 * 100vw);
}
.taichi{
	width:calc(60 / 375 * 100vw);
	height:auto;
}
/*---------------------
tr
---------------------*/
.tr{
	width: calc(200 / 375 * 100vw);
	height: auto;
}
/*---------------------
attention
---------------------*/
.attention{
background:#e0ffff;
	padding:calc(10 / 375 * 100vw);
}
p.att-title {
  font-size: 1.2rem;
	margin: 0 0 calc(5 / 375 * 100vw) auto;
}
p.att {
  padding-left: 1em;
  font-size: 1.2rem;
	margin: 0 0 calc(3 / 375 * 100vw) auto;
	position: relative;
}
p.att:before {
  position: absolute;
  content: "・";
  font-size: 1em;
  font-weight: bold;
  left: 0px;
	color: #000;
  text-align: center;
}
.info-mail{
	text-align: center;
	font-weight: 700;
	font-size:1.3rem;
	margin:0 0 calc(30 / 375 * 100vw) 0;
	color:#fff;
}
.mail a{
	font-size:1.6rem;
	color:#fff;
}
.fb img{
width: calc(25 / 375 * 100vw);
height: auto;
display: block;
margin: 0 auto;
}
/*---------------------
footer
---------------------*/
footer{
	color: #000;
	padding: calc(10 / 375 * 100vw);
	letter-spacing: 0.13em;
	line-height: 1.5;
	background-color: #ffffff;
	margin: 0;
	text-align:center;
}