@charset "UTF-8";
@font-face {
font-family: "rage";
src: url('../font/rageItalicLet.eot'),
url('../font/rageItalicLet.woff') format('woff');
}
html, body {
	width: 100%;
	height: 100%;
}
body{
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
	font-style: normal;
	font-size: 11pt;
	overflow-x: hidden;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	position: relative;
	line-height: 22px;
	color: rgba(92,92,92,1.00);
	letter-spacing: 1px;
}
.en {
    font-family: 'rage', serif;
}
#pagetop {
	position: fixed;
	right: 18px;
	z-index: 3;
	font-size: 2em;
}
#pagetop i {
	color: #E9C3B8;
}

.ofi {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.mi {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ce {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.mice {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fi, .up, .extend, .to_l_slide, .to_r_slide {
	-webkit-transition: .8s ease-out;
	transition: .8s ease-out;
}
.dly {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
/*----------------------------------------------------------------pc*/
@media (min-width : 769px ){
#header {
	position: relative;
	padding: 30px 0;
	width: 100%;
}
#header .logo {
	width: 54%;
	display: block;
	margin: 0 auto 30px;
	max-width: 260px;
}
#header .logo img {
	width: 100%;
}
#header #pcnav {
	background: -webkit-linear-gradient(rgba(255,245,239,0.80) 0%, rgba(236,233,220,0.80) 100%);
	background: linear-gradient(rgba(255,245,239,0.80) 0%, rgba(236,233,220,0.80) 100%);
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
#header #pcnav .navbox {
	margin: 0 auto;
	text-align: center;
	letter-spacing: 1px;
	line-height: 15px;
	font-size: 0.9em;
}
#header #pcnav .navbox a {
	margin: 6px 12px;
	display: inline-block;
}
#header #pcnav .navbox a span {	
	display: inline-block;
	vertical-align: middle;
}
.sub_top {
	margin: 0 auto;
	width: 90%;
	position: relative;
	height: 380px;
	max-width: 1500px;
}
.sub_top .sub_top_pic.spnone {
	width: 80%;
	margin-left: 20%;
	height: 100%;
}
.sub_top .tx {
	position: absolute;
	width: 48%;
	height: 34%;
	left: 0%;
	background-color: rgba(255,255,255,0.70);
	margin-top: 0px;
	padding-top: 2%;
	padding-left: 2%;
	max-width: 400px;
	bottom: 10%;
}
.sub_top .tx .ttl {
	color: rgba(245,134,134,1.00);
	font-size: 1.6em;
	letter-spacing: 8px;
}
.sub_top .tx .cnt {
	margin-top: 27px;
	line-height: 30px;
}
.sub_cnt {
	width: 90%;
	margin: 100px auto;
	max-width: 1200px;
}
.sub_cnt .sub_cnt_ttl {
	font-size: 1.4em;
	text-align: center;
	margin-top: 140px;
}
.sub_cnt .tx_box {
	position: relative;
	width: 60%;
}
.sub_cnt .tx_box .color_bg {
	position: absolute;
}
.sub_cnt .tx_box .snt {
	position: absolute;
	left: 6%;
	top: 12%;
	line-height: 42px;
	z-index: 10;
}
.sub_cnt .tx_box .snt .ttl{
	display: block;
	font-size: 1.4em;
	margin-bottom: 18px;
	line-height: 30px;
}
.sub_cnt .tx_box .en {
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transform: rotate(-5deg);
	color: rgba(255,184,176,1.00);
	top: 10px;
	font-size: 1.4em;
	left: -3%;
}
.sub_cnt .ph_box {
	position: relative;
	width: 40%;
}
#contact {
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
}
#contact .bg {
	opacity: 0.1;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/bg01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: -1;
}
#contact .title {
	color: #F58686;
	font-size: 2.4em;
	position: absolute;
	top: -3px;
	left: 39%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transform: rotate(-7deg);
}
#contact .bis_name {
	margin: 0 auto;
	width: 90%;
	padding: 60px 0;
	text-align: center;
}
#contact .bis_name .name {
	display: block;
	font-size: 1.34em;
	margin-bottom: 14px;
}
#contact .bis_name .place {
	display: block;
}
#contact dl {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	max-width: 300px;
}
#contact dl .name {
	width: 100%;
	padding: 6px 0;
	background-color: rgba(255,184,176,0.50);
}
#contact dl .cnt {
	padding: 6px 0;
	width: 100%;
	margin-bottom: 8px;
}
#contact .att {
	text-align: center;
	padding: 6px 0 24px;
	font-size: 0.8em;
}
#footer {
	margin-top: 100px;
}
#footer #ftr_nav {
	margin: 0 auto 100px;
	width: 88%;
	max-width: 520px;
}
#footer #ftr_nav p {
	width: 25%;
	float: left;
	height: 46px;
	position: relative;
	text-align: center;
	font-size: 0.84em;
	line-height: 15px;
}
#footer #ftr_nav p a {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#footer #copy {
	padding: 24px 0;
	text-align: center;
}
}
/*----------------------------------------------------------------sp*/
@media (max-width : 768px ){
#header {
	position: relative;
	width: 100%;
}
#header .logo {
	width: 54%;
	margin: 30px auto;
	display: block;
	max-width: 260px;
}
#header .logo img {
	width: 100%;
}
.hmbgr_menu {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}

.hmbgr_menu a {
	text-decoration: none;
}
.hmbgr_menu a:visited {
  color: inherit;
}
.hmbgr_menu .hmbgr_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	background-color: rgba(21, 21, 21, 0.8);
	display: none;
	top: 0;
	left: 0;
}
.hmbgr_menu .hmbgr_button {
	display: block;
	background: none;
	border: none;
	padding: 2px 0 0 0;
	width: 38px;
	letter-spacing: 0.1em;
	cursor: pointer;
	position: fixed;
	top: 0px;
	right: 14px;
	z-index: 1001;
	text-align: center;
	outline: none;
}
.hmbgr_menu .hmbgr_button.active .hmbgr_bar {
  width: 49px;
}
.hmbgr_menu .hmbgr_button.active .hmbgr_bar1 {
  transform: rotate(30deg);
}

.hmbgr_menu .hmbgr_button.active .hmbgr_bar2 {
  opacity: 0;
}
.hmbgr_menu .hmbgr_button.active .hmbgr_bar3 {
  transform: rotate(-30deg);
}
.hmbgr_menu .hmbgr_button.active .hmbgr_menu_text {
  display: none;
}

.hmbgr_menu .hmbgr_button.active .hmbgr_close {
  display: block;
}
.hmbgr_menu .hmbgr_bar {
	display: block;
	height: 2px;
	margin: 10px 0 6px;
	transition: all 0.2s;
	transform-origin: 0 0;
}
.hmbgr_menu .hmbgr_text {
  text-align: center;
  font-size: 10px;
}
.hmbgr_menu .hmbgr_close {
  letter-spacing: 0.08em;
  display: none;
}
.hmbgr_menu .hmbgr_menu_text {
  display: block;
}
.hmbgr_menu .hmbgr_nav_wrapper {
	width: 312px;
	height: 100%;
	transition: all 0.2s;
	transform: translate(312px);
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	background-color: #F8F0E7;
}
.hmbgr_menu .hmbgr_nav_wrapper.open {
  transform: translate(0);
}
.hmbgr_menu .hmbgr_nav {
	padding: 112px 24px 20px;
}
.hmbgr_menu .hmbgr_nav li {
	font-size: 13px;
	margin-bottom: 30px;
	line-height: 16px;
}
.hmbgr_menu .hmbgr_button {
  color: #224121;
}

.hmbgr_menu .hmbgr_button .hmbgr_bar {
  background-color: #224121;
}
.sub_top {
	margin: 0 auto;
	width: 90%;
	position: relative;
	height: 380px;
}
.sub_top .sub_top_pic.pcnone {
	width: 94%;
	height: 60%;
	margin-left: 6%;
}
.sub_top .tx {
	position: absolute;
	width: 80%;
	height: 34%;
	left: 0%;
	background-color: rgba(255,255,255,0.70);
	margin-top: 0px;
	padding-top: 2%;
	padding-left: 2%;
	max-width: 400px;
	bottom: 10%;
}
.sub_top .tx .ttl {
	color: rgba(245,134,134,1.00);
	font-size: 1.6em;
	letter-spacing: 8px;
}
.sub_top .tx .cnt {
	margin-top: 27px;
	line-height: 30px;
}
.sub_cnt {
	width: 90%;
	margin: 100px auto;
	max-width: 1200px;
}
.sub_cnt .sub_cnt_ttl {
	font-size: 1.4em;
	text-align: center;
	margin-top: 140px;
}
.sub_cnt .tx_box {
	position: relative;
	width: 100%;
	padding-top: 46px;
}
.sub_cnt .tx_box .color_bg {
	position: absolute;
	z-index: -1;
}
.sub_cnt .tx_box .snt {
	line-height: 36px;
	font-size: 0.9em;
	margin-left: 6%;
}
.sub_cnt .tx_box .snt .ttl{
	display: block;
	font-size: 1.4em;
	margin-bottom: 18px;
	line-height: 30px;
}
.sub_cnt .tx_box .en {
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transform: rotate(-5deg);
	color: rgba(255,184,176,1.00);
	top: 10px;
	font-size: 1.4em;
	left: -3%;
}
.sub_cnt .ph_box {
	position: relative;
	width: 100%;
	height: 100vw;
	margin: 28px auto 0;
	max-width: 500px;
	max-height: 500px;
}
#contact {
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
}
#contact .bg {
	opacity: 0.1;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/bg01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: -1;
}
#contact .title {
	color: #F58686;
	font-size: 2.4em;
	position: absolute;
	top: -3px;
	left: 39%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transform: rotate(-7deg);
}
#contact .bis_name {
	margin: 0 auto;
	width: 90%;
	padding: 60px 0;
	text-align: center;
}
#contact .bis_name .name {
	display: block;
	font-size: 1.34em;
	margin-bottom: 14px;
}
#contact .bis_name .place {
	display: block;
}
#contact dl {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	max-width: 300px;
}
#contact dl .name {
	width: 100%;
	padding: 6px 0;
	background-color: rgba(255,184,176,0.50);
}
#contact dl .cnt {
	padding: 6px 0;
	width: 100%;
	margin-bottom: 8px;
}
#contact .att {
	text-align: center;
	padding: 6px 0 24px;
	font-size: 0.8em;
}
#footer {
	margin-top: 100px;
}
#footer #ftr_nav {
	margin: 0 auto;
	width: 88%;
	max-width: 300px;
}
#footer #ftr_nav p {
	width: 50%;
	float: left;
	height: 52px;
	position: relative;
	text-align: center;
	font-size: 0.84em;
	line-height: 13px;
}
#footer #ftr_nav p a {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#footer #copy {
	padding: 24px 0;
	text-align: center;
}

}