@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300|Noto+Sans|Noto+Sans+JP|Noto+Serif|Noto+Serif+JP|Roboto:300");
* {
	box-sizing: border-box;
}

html {
	padding-top: constant(safe-area-inset-top);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-left: constant(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}

body {
	min-width: 1200px;
	font-family: 'Noto Sans JP', 'Roboto', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	line-height: 1.8;
	font-size: 15px;
	font-size: 0.9375rem;
}

@media (max-width: 960px) {
	body {
		min-width: 100%;
	}
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
}

@media (max-width: 960px) {
	.wrap {
		width: 100%;
		border: none;
		margin: 0;
	}
}

a {
	text-decoration: none;
	transition: linear 0.3s;
	color: #111;
}

a.str {
	text-decoration-line:underline;
	transition: linear 0.3s;
	color: #2e5491;
	font-weight: bolder;
}

a:hover {
	opacity: 0.8;
	text-decoration-line:underline;
}

.cf:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.tategaki {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
					writing-mode: vertical-rl;
	letter-spacing: 0;
}

.sectTitle {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 30px;
	color: #666;
	letter-spacing: .2em;
}

@media (max-width: 960px) {
	.sectTitle {
		font-size: 20px;
	}
}

.sectTitleColor {
	color: #e7a3a9;
	font-size: 30px;
	letter-spacing: .2em;
	font-family: 'Noto Serif JP', sans-serif;
}

@media (max-width: 960px) {
	.sectTitleColor {
		font-size: 20px;
	}
}

.detailText {
	font-family: 'Noto Sans JP', 'Noto Sans', sans-serif;
	font-size: 15px;
	color: #666;
	line-height: 1.8;
}

.row:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.col2 {
	float: left;
	display: block;
	width: 49%;
	margin-left: 2%;
}

@media (max-width: 960px) {
	.col2 {
		width: 50%;
		margin-left: 0;
		padding: 10px;
	}
	.col2 img{
		width: 100%;
		height: auto;
	}
}

.col2:first-child {
	margin-left: 0;
}

.col4 {
	float: left;
	display: block;
	width: 23.5%;
	margin-left: 2%;
}

@media (max-width: 960px) {
	.col4 {
		width: 50%;
		margin-left: 0;
		padding: 10px;
	}
}

.col4:first-child {
	margin-left: 0;
}

.btn {
	display: block;
	width: 300px;
	padding: 8px 0;
	text-align: center;
	background-color: #e7a3a9;
	border: 1px solid #e7a3a9;
	color: #fff;
	font-size: 18px;
}

.btn:hover {
	background-color: #fff;
	color: #e7a3a9;
}

.drawer-overlay {
	z-index: 3;
}

/* .front-page header {
	background-image: url(../img/top_main.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 100vh;
	position: relative;
}

@media (max-width: 960px) {
	.front-page header {
		height: 60vh;
	}
}

.front-page header .scroll {
	position: absolute;
	width: 41px;
	height: 59px;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
}

.front-page header .scroll img {
	margin: 0 auto;
	width: auto;
	height: 100%;
} */

#topgnav {
	background-color: #FFFFFF;
	opacity: 0.7;
	height: 70px;
}

/* header {
	position: relative;
	padding-top: 30px;
}

@media (max-width: 960px) {
	header {
		padding-top: 0;
	}
} */

header .drawer-nav {
	z-index: 10;
}

header .drawer-menu-item:hover {
	color: #e7a3a9;
	text-decoration: none;
}

header .spNav .drawer-menu-item::before {
	font-family: FontAwesome;
	content: '\f105';
	margin-right: 0.4em;
}

header .spNav .drawer-menu-item span {
	display: block;
	font-size: 12px;
	padding-left: 1.1em;
}

header .top {
	margin: 0 50px 0;
	height: 60px;
	overflow: hidden;
}

header .top:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

@media (max-width: 960px) {
	header .top {
		height: auto;
		margin: 0 auto;
	}
}

header .top .logo {
	display: block;
	float: left;
}

@media (max-width: 960px) {
	header .top .logo {
		float: none;
	}
}

header .top .logo a {
	display: block;
	height: 60px;
}

@media (max-width: 960px) {
	header .top .logo a {
		width: 240px;
		height: 50px;
		margin: 5px auto 5px 10px;
	}
}

header .top .logo img {
	height: 60px;
	width: auto;
}

@media (max-width: 960px) {
	header .top .logo img {
		width: auto;
		height: 50px;
	}
}

header .top .gNav {
	display: block;
	float: right;
	padding-top: 7px;
	text-align: center;
}

header .top .gNav:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

@media (max-width: 960px) {
	header .top .gNav {
		width: 0;
		height: 0;
		float: none;
		display: none;
	}
}

header .top .gNav li {
	display: block;
	float: left;
	padding: 0 20px;
}

header .top .gNav li a {
	font-size: 15px;
	text-align: center;
	font-family: 'Noto Sans JP', 'Noto Sans';
	letter-spacing: .2em;
	color: #666;
	line-height: 1.8;
}

header .top .gNav li a:hover {
	opacity: 1;
	color: #e7a3a9;
}

header .top .gNav li span {
	display: block;
	text-align: center;
	font-size: 11px;
}

.front-page .kv{
	position: relative;
	width: 100%;
}
@media (max-width: 960px) {
	.front-page .kv{
		padding-top: 50px;
	}
}


.front-page .kv video{
	width: 100%;
	height: auto;
}

.front-page .kv .scroll{
	position: absolute;
	width: 41px;
	height: 59px;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
}
@media (max-width: 960px) {
	.front-page .kv .scroll{
		width: 0;
		height: 0;
		opacity: 0;
	}
}


.front-page .kv .scroll img {
	margin: 0 auto;
	width: auto;
	height: 100%;
}

.mainImg {
	position: relative;
	width: 1200px;
	margin: 120px auto 0;
}

@media (max-width: 960px) {
	.mainImg {
		width: 100%;
		margin: 0;
	}
}

.mainImg img {
	width: 100%;
	height: auto;
}

@media (max-width: 960px) {
	.mainImg img {
		width: 100%;
		margin: 0;
	}
}
/* ---------------------- 202108追加 -------- */
#main {
	position: relative;
}
#main #alertcovid {
	width: 1000px;
	background: #fff;
	border: solid 10px #ff794a;
	margin: 0 auto;
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	position: absolute;
	top: -125px;
	left: 50%;
	transform: translateX(-50%);
}
#main #alertcovid p {
	font-size: 18px;
	/*width: 620px;*/
	width: 960px;
}
#main #alertcovid figure {
	width: 235px;
	/* height: 168px; */
}
@media (max-width: 960px) {
	#main {
		position: static;
	}
	#main #alertcovid {
		width: 94vw;
		border: solid 5px #ff794a;
		margin: 20px auto 0;
		padding: 3vw;
		position: static;
		transform: none;
	}
	#main #alertcovid p {
		font-size: 3.5vw;
		/*width: 60vw;*/
		line-height: 1.5;
	}
	#main #alertcovid p br {
		display: none;
	}
	#main #alertcovid figure {
		width: 22vw;
	}
	#main #alertcovid figure img {
		width: 22vw;
		height: 22vw;
		object-fit: cover;
	}
}
/* ---------------------- 202108追加 -------- */
#main .about {
	padding: 110px 0;
}

@media (max-width: 960px) {
	#main .about {
		padding: 30px 0;
	}
}

#main .about .wrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

#main .about .sectTitle {
	color: #e7a3a9;
	text-align: center;
	margin-bottom: 40px;
}

@media (max-width: 960px) {
	#main .about .sectTitle {
		width: 80%;
		padding: 10px 0;
		margin: 0 auto;
		float: none;
		position: static;
		text-align: center;
	}
}

#main .about .detailText {
	text-align: center;
}

@media (max-width: 960px) {
	#main .about .detailText {
		width: 90%;
		padding: 1.0em 0;
		float: none;
		background-image: none;
		position: static;
		margin: 0 auto;
	}
}

#main .sectSecond {
	background-color: #f5f5f5;
	position: relative;
	height: 780px;
}

@media (max-width: 960px) {
	#main .sectSecond {
		height: auto;
	}
}

#main .caption {
	position: absolute;
	top: 80px;
	left: 900px;
	width: 300px;
}

@media (max-width: 960px) {
	#main .caption {
		position: static;
		width: 100%;
		top: 0;
		left: 0;
	}
}

#main .caption .leftWrap {
	height: 485px;
	width: 220px;
	padding-top: 10px;
	margin: 0 auto;
}

#main .caption .leftWrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

@media (max-width: 960px) {
	#main .caption .leftWrap {
		width: auto;
		min-height: 400px;
		width: 300px;
		padding: 40px 0;
		position: static;
	}
}

#main .caption .sectTitle {
	float: right;
	margin-left: 0.3em;
}

@media (max-width: 960px) {
	#main .caption .sectTitle {
		margin: 0 2em 0 0;
	}
}

#main .caption .detailText {
	float: left;
	font-size: 16px;
}

@media (max-width: 960px) {
	#main .caption .detailText {
		margin: 0 0 0 2em;
	}
}

#main .possibility {
	position: absolute;
	top: 80px;
	left: 0;
}

@media (max-width: 960px) {
	#main .possibility {
		position: static;
		top: 0;
		left: 0;
	}
}

#main .possibility .leftWrap {
	width: 900px;
	height: 500px;
	margin: 0 auto 0 0;
	z-index: 2;
	background-image: url(../img/top_sect02_img01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 140px 440px 140px 100px;
}

@media (max-width: 960px) {
	#main .possibility .leftWrap {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding: 40px;
	}
}

#main .possibility .sectTitile {
	display: block;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 30px;
	color: #fff;
	position: relative;
	margin-bottom: 25px;
}

@media (max-width: 960px) {
	#main .possibility .sectTitile {
		font-size: 20px;
	}
}

#main .possibility .sectTitile::before {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background-color: #fff;
}

#main .possibility .detailText {
	color: #fff;
}

#main .pottery {
	margin-top: -170px;
	padding-left: 165px;
}

@media (max-width: 960px) {
	#main .pottery {
		margin-top: 0;
		padding-left: 0;
	}
}

#main .pottery .leftWrap {
	width: 900px;
	height: 500px;
	margin: 0 auto 0 0;
	z-index: 2;
	background-image: url(../img/top_sect02_img02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 140px;
	padding-left: 490px;
	padding-right: 60px;
	padding-bottom: 140px;
	position: relative;
}

@media (max-width: 960px) {
	#main .pottery .leftWrap {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding: 40px;
	}
}

@media (max-width: 960px) {
	#main .pottery .textArea {
		text-align: right;
	}
}

#main .pottery .sectTitile {
	display: block;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 30px;
	color: #fff;
	position: relative;
	margin-bottom: 25px;
}

@media (max-width: 960px) {
	#main .pottery .sectTitile {
		font-size: 20px;
	}
}

#main .pottery .sectTitile::before {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background-color: #fff;
}

@media (max-width: 960px) {
	#main .pottery .sectTitile::before {
		left: 79%;
	}
}

#main .pottery .detailText {
	color: #fff;
}

#main .facility {
	margin-top: 165px;
}

@media (max-width: 960px) {
	#main .facility {
		margin-top: 0;
	}
}

#main .facility .leftWrap, #main .facility .rightWrap {
	height: 580px;
	margin-bottom: -190px;
}

@media (max-width: 960px) {
	#main .facility .leftWrap, #main .facility .rightWrap {
		height: auto;
		min-height: 300px;
		margin-bottom: 0;
	}
}

#main .facility .leftWrap {
	float: left;
	width: 23%;
	background-color: #fff;
}

#main .facility .leftWrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

#main .facility .sectTitle {
	float: right;
	padding: 30px 50px 0 0;
}

@media (max-width: 960px) {
	#main .facility .sectTitle {
		padding: 50px 1.0em 0 0;
	}
}

#main .facility .rightWrap {
	float: right;
	width: 77%;
	padding: 100px 0 0 80px;
	background-color: #f5f5f5;
}

@media (max-width: 960px) {
	#main .facility .rightWrap {
		padding: 40px;
	}
}

#main .facility .rightWrap .detailText {
	margin-top: 40px;
	width: 600px;
}

@media (max-width: 960px) {
	#main .facility .rightWrap .detailText {
		width: 100%;
		margin-top: 0;
	}
}

#main .flow {
	z-index: 2;
	padding: 0 20px;
}

#main .flow.flowSecond {
	margin-top: 40px;
}
@media (max-width: 960px) {
#main .flow.flowSecond {
	margin-top: 0;
}
}

#main .flow:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

@media (max-width: 960px) {
	#main .flow {
		margin-top: 0;
		padding: 20px 20px 0;
	}
}

#main .flow .col4 img {
	width: 100%;
	height: auto;
}

footer {
	padding-top: 150px;
}

@media (max-width: 960px) {
	footer {
		padding-top: 40px;
	}
}

footer .infomation {
	padding: 36px 0;
	border-top: 1px solid #ccc;
	text-align: center;
}

footer .infomation figure{
	width: 250px;
	display: block;
	margin: 10px auto;
}

footer .infomation figure img{
	width: 100%;
	height: auto;
}

@media (max-width: 960px) {
	footer .infomation {
		padding: 20px 0;
	}
}

footer .infomation .detailText {
	text-indent: -4em;
	padding-left: 4em;
	margin: 0 auto;
	width: 570px;
	text-align: left;
}

footer .infomation .detailText strong {
	font-size: 18px;
	margin-bottom: 1em;
	display: block;
	text-align: center;
}

@media (max-width: 960px) {
	footer .infomation .detailText {
		width: 90%;
		margin-top: 20px;
	}
}

footer .ftNav .ftTop {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

footer .ftNav .ftTop:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

@media (max-width: 960px) {
	footer .ftNav .ftTop {
		border-top: none;
		border-bottom: 1px solid #ccc;
	}
}

footer .ftNav .ftTop li {
	display: block;
	float: left;
	height: 200px;
	width: 50%;
	border-left: 1px solid #ccc;
	text-align: center;
	padding-top: 65px;
	line-height: 1.7;
}

@media (max-width: 960px) {
	footer .ftNav .ftTop li {
		width: 100%;
		height: auto;
		float: none;
		padding: 20px 0;
		border-top: 1px solid #ccc;
		border-left: none;
	}
}

footer .ftNav .ftTop li:first-child {
	border-left: none;
}

footer .ftNav .ftTop li a {
	font-family: 'Noto Serif JP', sans-serif;
	color: #e7a3a9;
	font-size: 25px;
}

@media (max-width: 960px) {
	footer .ftNav .ftTop li a {
		font-size: 20px;
	}
}

footer .ftNav .ftTop li a span {
	font-size: 15px;
	display: block;
	color: #111;
}

footer .ftNav .ftTop li a span:hover {
	opacity: 0.8;
}

footer .ftBottom {
	padding: 25px 0 0;
}

footer .ftBottom:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

@media (max-width: 960px) {
	footer .ftBottom {
		padding: 20px 0;
	}
}

footer .ftBottom .ftLogo {
	display: block;
	float: left;
	height: 60px;
	margin-left: 50px;
}

@media (max-width: 960px) {
	footer .ftBottom .ftLogo {
		display: none;
		height: 0;
	}
}

footer .ftBottom .ftLogo img {
	height: 60px;
	width: auto;
}

footer .ftFB-icon{
	float: left;
	padding: 6px 0 0 20px;
}

footer .ftFB-icon .fa{
	font-size: 45px;
	color: #3b5998;
}
footer .ftIG-icon{
	float: left;
	padding: 10px 0 0 10px;
}
footer .ftIG-icon img{
	width: 38px;
}

footer .ftBottom .ftSubnav {
	display: block;
	float: right;
	margin: 20px 50px 0 0;
}

@media (max-width: 960px) {
	footer .ftBottom .ftSubnav {
		float: none;
		margin: 0;
	}
}

footer .ftBottom .ftSubnav li {
	display: block;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #ccc;
	line-height: 1.2;
}

@media (max-width: 960px) {
	footer .ftBottom .ftSubnav li {
		float: none;
		padding: 0;
		border-left: none;
		line-height: 2;
		text-align: center;
	}
}

footer .ftBottom .ftSubnav li:first-child {
	border-left: none;
}

@media (max-width: 960px) {
	footer .ftBottom .ftSubnav li a::before {
		font-family: FontAwesome;
		content: '\f105';
		margin-right: 0.5em;
	}
}

footer .ftBottom .ftSubnav li a:hover {
	color: #e7a3a9;
}

footer .copy {
	width: auto;
	margin-right: 65px;
	text-align: right;
	font-size: 12px;
	color: #aaa;
	padding-bottom: 1.0em;
}

@media (max-width: 960px) {
	footer .copy {
		text-align: center;
		display: block;
		width: 100%;
		margin: 0;
	}
}

.lowerHeader01 {
	display: block;
	position: relative;
	font-size: 30px;
	font-family: 'Noto Serif JP', sans-serif;
	color: #111;
	line-height: 1.2;
	padding: 20px 0 20px 1.5em;
	border-bottom: 1px solid #e7a3a9;
}

@media (max-width: 960px) {
	.lowerHeader01 {
		font-size: 20px;
	}
}

.lowerHeader01::before {
	position: absolute;
	top: 25px;
	left: 0;
	display: block;
	content: '';
	width: 22px;
	height: 22px;
	background-color: #e7a3a9;
	z-index: 2;
}

@media (max-width: 960px) {
	.lowerHeader01::before {
		width: 14px;
		height: 14px;
	}
}

.lowerHeader01::after {
	position: absolute;
	top: 37px;
	left: 12px;
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	background-color: #bfbfbf;
	z-index: 1;
}

@media (max-width: 960px) {
	.lowerHeader01::after {
		left: 8px;
		top: 33px;
		width: 11px;
		height: 11px;
	}
}

body:not(.front-page) .privacy .mainImg, body:not(.front-page) .access .mainImg, body:not(.front-page) .operation .mainImg {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

body:not(.front-page) .privacy .mainImg {
	background-image: url(../img/main_privacy.jpg);
}

body:not(.front-page) .access .mainImg {
	background-image: url(../img/main_access.jpg);
}

body:not(.front-page) .operation .mainImg {
	background-image: url(../img/main_operation.jpg);
}

body:not(.front-page) .contact .mainImg {
	background-image: url(../img/main_contact.jpg);
}

@media (max-width: 960px) {
	body:not(.front-page) .contact .mainImg {
		background-position: right top;
	}
}

body:not(.front-page) .mainImg {
	height: 380px;
	width: 100%;
}

@media (max-width: 960px) {
	body:not(.front-page) .mainImg {
		height: 190px;
		margin-top: 55px;
	}
}

body:not(.front-page) .mainImg .pageTitle {
	padding-top: 140px;
	text-align: center;
	font-size: 50px;
	font-family: 'Noto Sans JP', 'Noto Sans', sans-serif;
	color: #fff;
	line-height: 1.5;
	letter-spacing: .1em;
	font-weight: bold;
}

@media (max-width: 960px) {
	body:not(.front-page) .mainImg .pageTitle {
		padding-top: 60px;
		font-size: 30px;
	}
}

body:not(.front-page) .mainImg .pageTitle span {
	display: block;
	font-size: 25px;
	font-family: 'Noto Serif JP', sans-serif;
	color: #fff;
	letter-spacing: .1em;
	font-weight: normal;
}

@media (max-width: 960px) {
	body:not(.front-page) .mainImg .pageTitle span {
		font-size: 18px;
	}
}

.contents {
	position: relative;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 2;
	padding-top: 90px;
}

@media (max-width: 960px) {
	.contents {
		padding: 40px 20px 0;
	}
}

.contents .section {
	margin-top: 80px;
}

.contents .section:first-of-type {
	margin-top: 0;
}

@media (max-width: 960px) {
	.contents .section {
		margin-top: 40px;
	}
}

.contents .detailText {
	margin-top: 20px;
	font-size: 16px;
}

@media (max-width: 960px) {
	.contents .detailText {
		margin-top: 10px;
		font-size: 14px;
	}
}

.squareList li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin-top: 0.5em;
}

.squareList li::before {
	font-family: FontAwesome;
	content: '\f04d';
	margin-right: 0.5em;
}

@media (max-width: 960px) {
	.accessMap .col2, .accessGuide .col2 {
		width: 100%;
		float: none;
		padding: 0;
	}
}

.accessInfo .indentText {
	text-indent: -4em;
	padding-left: 4em;
	margin: 0;
	text-align: left;
}

.accessGuide .detailText {
	margin-top: 20px;
}

.mapBG {
	padding: 20px;
	background-color: #f5f5f5;
	border-right: 3px;
}

@media (max-width: 960px) {
	.mapBG {
		padding: 10px;
		margin-bottom: 20px;
	}
}

.col3{
	width: 33.33%;
	float: left;
	padding: 40px 10px 0;
}
.col3 img{
	width: 100%;
	height: auto;
}
@media (max-width: 960px) {
	.col3{
		width: 50%;
	}
}

.gmap {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 93%;
}

.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.accessInfo.detailText {
	margin-top: 0;
}

.accessInfo.detailText p {
	margin-top: 1em;
}

.accessInfo.detailText p:first-of-type {
	margin-top: 0;
}

.accessInfo.detailText p strong {
	font-weight: bold;
	color: #e7a3a9;
}

.accessInfo.detailText p.iconTrain strong::before {
	font-family: FontAwesome;
	content: '\f238';
	margin-right: 0.5em;
}

.accessInfo.detailText p.iconCar strong::before {
	font-family: FontAwesome;
	content: '\f1b9';
	margin-right: 0.5em;
}

.accessGuide .detailText:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.accessGuide p {
	float: left;
	width: 300px;
	height: 216px;
	padding: 1em;
	background-color: #ebebeb;
}

@media (max-width: 960px) {
	.accessGuide p {
		width: 100%;
		height: auto;
	}
}

.accessGuide p strong {
	display: block;
	font-size: 18px;
	color: #e7a3a9;
}

.accessGuide p strong::before {
	font-family: FontAwesome;
	content: '\f041';
	margin-right: 0.5em;
}

.accessGuide img {
	float: right;
	width: 288px;
	margin: 34px 0 0;
}

@media (max-width: 960px) {
	.accessGuide img {
		width: 100%;
		margin: 0;
		float: none;
	}
}

.greeting, .goal, .aboutGroup .row, .potteryGroup .row {
	position: relative;
	min-height: 400px;
}

@media (max-width: 960px) {
	.greeting, .goal, .aboutGroup .row, .potteryGroup .row {
		position: static;
		min-height: auto;
	}
}

.greeting .contentWrap, .goal .contentWrap, .aboutGroup .row .contentWrap, .potteryGroup .row .contentWrap {
	position: absolute;
	width: 800px;
}

@media (max-width: 960px) {
	.greeting .contentWrap, .goal .contentWrap, .aboutGroup .row .contentWrap, .potteryGroup .row .contentWrap {
		position: static;
		width: 100%;
	}
}

.greeting img, .goal img, .aboutGroup .row img, .potteryGroup .row img {
	position: absolute;
	width: 350px;
	height: auto;
}

@media (max-width: 960px) {
	.greeting img, .goal img, .aboutGroup .row img, .potteryGroup .row img {
		position: static;
		display: block;
		width: 60%;
		margin: 30px auto 0;
	}
}

.greeting .contentWrap {
	top: 0;
	right: 0;
}

.greeting .contentWrap strong {
	display: block;
	text-align: right;
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: bold;
}

.greeting img {
	top: 0;
	left: 0;
}

.goal .contentWrap {
	top: 0;
	left: 0;
}

.goal img {
	top: 0;
	right: 0;
}

.goal .detailText strong {
	font-weight: bold;
}

.aboutGroup .row {
	min-height: 220px;
	margin-top: 40px;
}

@media (max-width: 960px) {
	.aboutGroup .row {
		margin-top: 30px;
	}
}

.aboutGroup .row .contentWrap {
	width: 100%;
	top: 0;
	right: 0;
}

@media (max-width: 960px) {
	.aboutGroup .row .contentWrap {
		width: 100%;
	}
}

.aboutGroup .row img {
	width: 300px;
}

.aboutGroup .btn {
	margin: 2em 0 0 auto;
}

.aboutGroup .btn .fa {
	margin-left: 0.5em;
}

@media (max-width: 960px) {
	.aboutGroup .btn {
		width: 100%;
		margin: 1em auto 0;
	}
}

.potteryGroup .row {
	margin-top: 40px;
}

@media (max-width: 960px) {
	.potteryGroup .row {
		margin-top: 30px;
	}
}

.potteryGroup .row .contentWrap {
	width: 850px;
	top: 0;
	right: 0;
}

@media (max-width: 960px) {
	.potteryGroup .row .contentWrap {
		width: 100%;
	}
}

.potteryGroup .row img {
	width: 300px;
}

@media (max-width: 960px) {
	.potteryGroup .row img {
		width: 60%;
		margin: 30px auto 0;
	}
}

.potteryGroup .btn {
	margin: 2em 0 0 auto;
}

.potteryGroup .btn .fa {
	margin-left: 0.5em;
}

@media (max-width: 960px) {
	.potteryGroup .btn {
		width: 80%;
		margin: 1em auto 0;
	}
}

.reserveInfo {
	width: 60%;
	margin: 20px auto 20px 0;
	display: block;
}

@media (max-width: 960px) {
	.reserveInfo {
		width: 100%;
		margin: 20px 0;
	}
}

.reserveInfo li {
	width: 50%;
	display: block;
	float: left;
}

@media (max-width: 960px) {
	.reserveInfo li {
		width: 100%;
	}
}

.reserveInfo li .dlBtn {
	width: 300px;
	padding: 0.5em 1em;
	display: block;
	text-align: center;
	font-size: 16px;
	background-color: #e7a3a9;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	transition: linear 0.5s;
	border: 1px solid #e7a3a9;
}

.reserveInfo li .dlBtn:hover {
	background-color: #fff;
	color: #e7a3a9;
}

@media (max-width: 960px) {
	.reserveInfo li .dlBtn {
		width: 100%;
		margin: 0 auto 20px;
	}
}

.reserveInfo li .dlBtn::after {
	font-family: FontAwesome;
	content: '\f019';
	margin-left: 0.5em;
}

.reserveInfo .phonInfo {
	line-height: 46px;
	font-size: 18px;
}

@media (max-width: 960px) {
	.reserveInfo .phonInfo {
		line-height: 1.8;
	}
}

@media (max-width: 960px) {
	.reserveInfo .phonInfo span {
		display: block;
	}
}

#formWrap strong {
	color: #ce0000;
}

#formWrap .formBtn {
	width: 150px;
	padding: 0.5em 1em;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	background-color: #e7a3a9;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	transition: linear 0.5s;
	border: 1px solid #e7a3a9;
}

#formWrap .formBtn:hover {
	background-color: #fff;
	color: #e7a3a9;
}

@media (max-width: 960px) {
	#formWrap .formBtn {
		width: 60%;
		display: block;
		margin: 0 auto;
	}
}

#formWrap .formTable {
	width: 100%;
}

@media (max-width: 960px) {
	#formWrap .formTable {
		display: block;
	}
}

@media (max-width: 960px) {
	#formWrap .formTable tbody {
		width: 100%;
		display: block;
	}
}

@media (max-width: 960px) {
	#formWrap .formTable tr {
		width: 100%;
		display: block;
	}
}

#formWrap .formTable tr:last-child th {
	border-bottom: 1px solid #e7a3a9;
}

@media (max-width: 960px) {
	#formWrap .formTable tr:last-child th {
		border-bottom: none;
	}
}

#formWrap .formTable tr:last-child td {
	border-bottom: 1px solid #ccc;
}

#formWrap .formTable th, #formWrap .formTable td {
	color: #666;
	padding: 1em;
	font-size: 18px;
	vertical-align: top;
}

@media (max-width: 960px) {
	#formWrap .formTable th, #formWrap .formTable td {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
}

#formWrap .formTable th {
	border-top: 1px solid #e7a3a9;
	width: 20%;
}

@media (max-width: 960px) {
	#formWrap .formTable th {
		width: 100%;
		padding-bottom: 0.25em;
	}
}

#formWrap .formTable td {
	width: auto;
	border-top: 1px solid #ccc;
}

@media (max-width: 960px) {
	#formWrap .formTable td {
		width: 100%;
		border-top: none;
		padding-top: 0.25em;
	}
}

#formWrap .formTable td input, #formWrap .formTable td textarea {
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #111111;
	font-size: 18px;
}

#formWrap .formTable .name input, #formWrap .formTable .kana input, #formWrap .formTable .companyName input, #formWrap .formTable .usage input {
	width: 30em;
}

@media (max-width: 960px) {
	#formWrap .formTable .name input, #formWrap .formTable .kana input, #formWrap .formTable .companyName input, #formWrap .formTable .usage input {
		width: 100%;
	}
}

#formWrap .formTable .number input {
	width: 20em;
}

@media (max-width: 960px) {
	#formWrap .formTable .number input {
		width: 100%;
	}
}

#formWrap .formTable .reserveTime input, #formWrap .formTable .reserveDate input {
	width: 8em;
}

@media (max-width: 960px) {
	#formWrap .formTable .reserveTime input, #formWrap .formTable .reserveDate input {
		width: 100%;
	}
}

#formWrap .formTable .meailAdress input {
	width: 40em;
}

@media (max-width: 960px) {
	#formWrap .formTable .meailAdress input {
		width: 100%;
	}
}

#formWrap .formTable .others textarea {
	width: 100%;
	height: 9em;
}

#formWrap .formTable .contactDetail br {
	display: none;
}

@media (max-width: 960px) {
	#formWrap .formTable .contactDetail br {
		display: block;
	}
}

#formWrap .formTable .people input {
	width: 10em;
}

@media (max-width: 960px) {
	#formWrap .formTable .people input {
		width: 100%;
	}
}

#formWrap .submit {
	margin-top: 40px;
	text-align: center;
}

#formWrap .formTitle {
	text-align: center;
	font-size: 20px;
	color: #e7a3a9;
}

.gCalerndar {
	position: relative;
	padding-top: 75%;
	height: 0;
	overflow: hidden;
	margin: 50px 0 0;
}
.gCalerndar iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pl4em{
	padding-left: 4em;
}

/* new_navigation css 2019-06-10edit */
/* header */
#top-head {
	top: -100px;
	position: absolute;
	width: 100%;
	margin: 100px auto 0;
	padding: 0;
	line-height: 1;
	z-index: 999;
}
#top-head a,
#top-head {
	color: #fff;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 30px 50px;
	background: rgba(255, 255, 255,0.7);
}
#top-head .inner:after {
	content: "";
	clear: both;
	display: block;
}
#top-head .logo {
	float: left;
	height: 60px;
}
#top-head .logo a img{
	width: auto;
	height: 60px;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 30px;
	font-size: 14px;
}
#global-nav ul li {
	float: left;
	padding: 0 20px;
}
#global-nav ul li a {
	/* padding: 0 30px; */
	font-size: 15px;
	text-align: center;
	font-family: 'Noto Sans JP', 'Noto Sans';
	letter-spacing: .2em;
	color: #666;
	line-height: 1.8;
}
#global-nav ul li a:hover {
	opacity: 1;
	color: #e7a3a9;
}
#global-nav ul li a span {
	display: block;
	text-align: center;
	font-size: 11px;
}
/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	/* padding-top: 10px; */
	height: 80px;
	background: #fff;
	background: rgba(255,255,255,.7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .inner{
	background: none;
	padding: 15px 50px;
}
#top-head.fixed .logo img{
	height: 50px;
	width: auto;
}
#top-head.fixed #global-nav ul li a {
	color: #333;
	/* padding: 0 20px; */
}
 
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
.sp_only{
	display: none;
}


@media screen and (max-width: 960px) {
	.sp_only{
		display: block;
	}
	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	#top-head.fixed .inner,
	#top-head .inner {
		padding: 0;
	}
	#top-head.fixed .logo a img,
	#top-head .logo a img{
		width: auto;
		height: 40px;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}
	#mobile-head {
		background: #fff;
		width: 100%;
		height: 56px;
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 13px;
		top: 8px;
		color: #333;
		font-size: 26px;
		height: 40px;
	}
	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background: rgba(255, 255, 255,0.9);
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #666;
		padding: 18px 0;
	}
	#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}
}