@charset "utf-8";
/*
001: Main BG Block
002: Page Block
003: Content Title Block
004: Main Content Block
*/
/*---------------------------------------
	001: Page Title Block
---------------------------------------*/
#section1 {
	position						: relative;
	height							: 100vh;
	height							: 300px;
}
#section1:before {
	content							: "";
	position						: fixed;
	top								: 0;
	display							: block;
	z-index							: -1;
	width							: 100%;
	height							: 100%;
	background						: url(../images/bg/privacy_bg.jpg) no-repeat center top /cover;
}
#page_svg {
    position						: absolute;
    bottom							: 0;
    left							: 0;
    right							: 0;
    z-index							: 2
}
#page_svg img[src$=".svg"],
#page_svg object[src$=".svg"] {
    width							: 100%;
    height							: auto
}
#page_title_block {
	position						: relative;
}
#page_title {
	position						: absolute;
	top								: 100px;
	left							: 15px;
	right							: 0;
}
h1#page_main_title {
	display							: block;
	font-family						: 'Frank Ruhl Libre', serif;
	font-size						: 40px;
	font-size						: 4.0rem;
	color							: #FFF;
	font-weight						: normal;
	margin-bottom					: 20px;
}
h1#page_main_title::before {
	position						: absolute;
	top								: 70px;
	left							: 0;
	width							: 70px;
	height							: 2px;
	background						: #FFF;
	content							: "";
}
p#page {
	font-size						: 10px;
	font-size						: 1.0rem;
	color							: #FFF;
}


/*---------------------------------------
	002: Page Block
---------------------------------------*/
#section2 {
	background						: #F7F7F7;
	padding-top						: 60px;
	padding-bottom					: 0;
}
article.content_block {
	margin-bottom					: 60px;
}
article.content_block:last-child {
	margin-bottom					: 0;
}


/*---------------------------------------
	003: Page Sub Title Block
---------------------------------------*/
h2.main_title {
	position							: relative;
	margin-top							: 0;
	margin-bottom						: 30px;
	padding-left						: 0;
	padding-right						: 0;
}
h2.main_title .jp_title {
	display								: block;
	font-size							: 10px;
	font-size							: 1.0rem;
	letter-spacing						: 3px;
	color								: #84cec5;
	margin-top							: 0;
	margin-bottom						: 7px;
}
h2.main_title .en_title {
	display								: block;
	font-family							: 'Frank Ruhl Libre', serif;
	font-size							: 24px;
	font-size							: 2.4rem;
	color								: #606074;
	text-transform						: uppercase;
	letter-spacing						: 3px;
	margin-top							: 0;
	margin-bottom						: 0;
}
h2.main_title:before {
	position							: absolute;
	left								: 0;
	top									: 50px;
	width								: 70px;
	height								: 2px;
	background							: #84cec5;
	content								: "";
}


/*---------------------------------------
	004: Page Description Block
---------------------------------------*/
table.shop_data {
	font-size						: 14px;
	font-size						: 1.4rem;
	font-weight						: normal;
	color							: #525263;
	width							: 100%;
	border-collapse					: collapse;
	text-align						: left;
	border-spacing					: 0;
	margin-bottom					: 30px;
	line-height						: 180%;
	margin							: 0 0 30px 0;
	border-top						: 1px dotted #dedede;
}
table.shop_data tr {
	border-bottom					: 1px dotted #dedede;
}
table.shop_data th {
	font-weight						: bold;
	vertical-align					: middle;
	letter-spacing					: 2px;
	color							: #84cec5;
	margin							: 0;
	padding							: 10px 0 0 0;
}
table.shop_data td {
	font-weight						: normal;
	color							: #525263;
	vertical-align					: middle;
	margin							: 0;
	padding							: 0 0 10px 0;
}
table.shop_data td a,
table.shop_data td a:hover {
	color							: #84cec5;
}
table.shop_data td a:hover {
	text-decoration					: none;
}


/*---------------------------------------
	004: Main Content Block
---------------------------------------*/
#shop_info_seblock {
	padding-right					: 0;
	padding-left					: 0;
}
#concept_left {
	margin-bottom					: 30px;
}
.concept_img_box {
	overflow						: hidden;
	position						: relative;
}
.concept_img {
}
#concept_left img {
	width							: 100%;
	height							: auto;
}
h2#shop_title,
h3#shop_sub_title {
	display							: none;
}

#map {
	height							: 460px;
	background						: #84cec5;
}







@media only screen and (max-width: 767px) {
table.shop_data th {
	display: block;
	width: 100%;
}
table.shop_data td {
	display: list-item;
	list-style-type: none;
	width: 100%
}
}





@media only screen and (min-width: 768px) {
/*---------------------------------------
	001: Page Title Block
---------------------------------------*/
#section1 {
	height							: 100vh;
	height							: 500px;
}
#section1:before {
	content							: "";
	position						: fixed;
	top								: 0;
	display							: block;
	z-index							: -1;
	width							: 100%;
	height							: 100%;
	background						: url("../images/bg/privacy_bg.jpg")  no-repeat top center;
	background-size					: 1280px 800px;
}
#page_title_block {
	position						: relative;
}
#page_title {
	position						: absolute;
	top								: 170px;
	left							: 15px;
}
h1#page_main_title {
	display							: block;
	font-family						: 'Frank Ruhl Libre', serif;
	font-size						: 70px;
	font-size						: 7.0rem;
	color							: #FFF;
	font-weight						: normal;
	margin-bottom					: 20px;
}
h1#page_main_title::before {
	position						: absolute;
	top								: 100px;
	left							: 0;
	width							: 70px;
	height							: 2px;
	background						: #FFF;
	content							: "";
}
p#page {
	font-size						: 10px;
	font-size						: 1.0rem;
	color							: #FFF;
}


/*---------------------------------------
	002: Page Policy Block
---------------------------------------*/
.page_block:first-child {
	margin-bottom					: 120px;
}


table.shop_data {
	font-size					: 15px;
	font-size					: 1.5rem;
	font-weight					: normal;
	color						: #525263;
	width						: 100%;
	border-collapse				: collapse;
	text-align					: left;
	border-spacing				: 0;
	margin-bottom				: 30px;
	border-top					: 1px solid #dedede;
}
table.shop_data tr {
	border-bottom				: 1px solid #dedede;
}
table.shop_data th {
	font-weight					: bold;
	vertical-align				: middle;
	color						: #84cec5;
	letter-spacing				: 4px;
	width						: 25%;
	padding-top					: 15px;
	padding-bottom				: 15px;
	padding-left				: 20px;
}
table.shop_data td {
	font-weight					: normal;
	width						: 75%;
	color						: #525263;
	letter-spacing				: 2px;
	vertical-align				: middle;
	padding-top					: 15px;
	padding-bottom				: 15px;
	padding-right				: 20px;
}
}






@media only screen and (min-width: 992px) {
/*---------------------------------------
	001: Page Title Block
---------------------------------------*/
#section1:before {
	content							: "";
	position						: fixed;
	top								: 0;
	display							: block;
	z-index							: -1;
	width							: 100%;
	height							: 100%;
	background						: url("../images/bg/privacy_bg.jpg")  no-repeat center right;
	background-size					: cover;
}


/*---------------------------------------
	004: Main Content Block
---------------------------------------*/
#map {
	width							: 100%;
	height							: 360px;
	background						: #84cec5;
}
}