/*PC style */

@media screen and (min-width: 768px) {

	html,body{
		height:100%;
		font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}


	/* スクロールバー */
	::-webkit-scrollbar {
			width: 15px;
	}
	::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
			-webkit-border-radius: 10px;
			border-radius: 10px;
	}
	::-webkit-scrollbar-thumb {
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: rgba(172,110,49,0.8);
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(255,0,0,0.4);
	}

	#container{
		width:1260px;
		margin:0 auto;
		height:100%;
		position:relative;
	}

	header{
		width:560px;
		position:absolute;
		top:70px;
		left:0;
	}
	header h1,h2{
		position:absolute;
		top:-500px;
	}
	#logo{
		width: 30%;
		float:left;
		margin-right:20px;
	}
	#logo a {
		width: 134px;
	}
	#logo a.instagram {
		display: block;
		margin-top: 10px;
		margin-left: 5px;
		margin-bottom: 15px;
	}
	#logo a.hitosara2 {
		margin-left: 5px;
	}
	#logo a.hitosara1 {
		margin-left: 5px;
	}

	#logo img{
		max-width:100%;

	}
	nav {
		float:right;
	}
	nav li{
		width:43px;
		float:left;
		margin-right:10px;
	}
	nav img{
		text-align:center;
	}
	nav img:hover{
		opacity:0.6;
	}
	footer{
		position:fixed;
		right:50px;
		bottom:4px;
		color:#FFFFFF;
		font-size:12px;
		z-index:100;
	}
	footer a{
		color:#FFF;
	}
	footer p{
		text-align:right;
		line-height:130%;
	}
	#menu_title{
		position:absolute;
		top:70px;
		right:50px;
	}
	.left{
		float:left;
	}
	.right{
		float:right;
	}

	/*トップページ*/
	#latest_news{
		position:absolute;
		right:0;
		bottom:50px;
	}
	#latest_news figure{
		text-align:right;
	}
	#facebook{
		background-color:rgba(0,0,0,0.65);
		box-shadow:5px 5px 10px #000000;
		border-radius:10px;
	}
	/*おもてなしページ*/
	#hospitality_page{
		width:100%;
		height:100%;
		background-image: url(../images/hospitality_background.jpg);
		background-repeat: repeat;
	}
	/*お食事ページ*/
	#menu{
		position:absolute;
		right:150px;
		bottom:20%;
		width:650px;
		color:#FFFFFF;
	}
	#menu img:hover{
		opacity:0.7;
	}

	#inline1,#inline2{
		width:873px;
		height:580px;
		overflow:auto;
		display:none;
		color:#e1e1e1;
		position:relative;
	}
	.menu{
		position:absolute;
		right:0;
		width:300px;
		height:580px;
		overflow:auto;
		background-color:rgba(0,0,0,0.60);
		line-height:130%;
		font-size:14px;
		color:#eeeeee;
		padding:10px;
	}

	.menu_title{
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #EEEEEE;
		border-bottom-color: #EEEEEE;
		padding:10px 0;
		margin-top:10px;
		margin-bottom:10px;
	}
	.menu_title h1{
		font-size:14px;
		float:left;
	}
	.menu_title h3{
		font-size:14px;
		text-align:right;

	}
	.menu ol{
		padding-left:30px;
	}
	.margin20{
		margin-top:20px;
		margin-bottom:30px;
	}
	.margin_bottom10{
		margin-bottom:10px;
	}
	#others{
		font-size:14px;
		font-weight: bold;
	}
	.menu img{
		display:block;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 5px;
		margin-left: auto;
	}

	/*求人情報ページ*/

	.container_outer {
		width: 100%;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		line-height: 1.65;
		z-index: 1;
		font-size: 16px;
	}

	.rec_container {
		width: 1260px;
		margin: 0 auto;
		height: 100%;
		position: relative;
		background: transparent;
	}

	.rec-top {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 0;
	}

	.rec_outer_01 { /*トップ画像*/
		width: 100%;
		height: 500px;
		background-image: url("../images/recruitment_bg_01.png");
		background-size: 100% 500px;
		background-repeat: no-repeat;
		background-position: top;
	}

	.rec_outer_02 { /*背景グレー下*/
		background-image: url("../images/recruitment_bg_00.png");
		background-size: 100% 300px;
		background-repeat: no-repeat;
		background-position: bottom;
		background-repeat: no-repeat;
	}

	.rec_outer_03 {
		background: #f3f3f3;
	}

	#recruitment_title {
		position:absolute;
		top:70px;
		right:50px;
	}

	#recruitment_01 {
		padding-top: 120px;
	}

	.aboutus_box {
		width: 100%;
		/* margin-top: 125px; */
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.aboutus_box .head, .recruitment_box .head {
		margin-bottom: 70px;
	}

	.aboutus_box .text, .recruitment_box .text {
		margin-bottom: 100px;
		line-height: 1.85;
		text-align: center;
	}

	.rec_outer_03 {
		background: #f3f3f3;
		padding-bottom: 120px;
	}

	img.head-img {
		width: 100%;
		height: auto;
		margin-top: 102px;
	}

	#recruitment_02 {
		padding-top: 120px;
		background: #fff;
		width: 100%;
	}

	.recruitment_box {
		width: 100%;
		/* margin-top: 125px; */
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.recruitment_content {
		width: 800px;
		border-top: 1px #000 solid;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: row;
	}

	.recruitment_content:last-child {
		border-bottom: 1px #000 solid;
	}

	.recruitment_content dt, .recruitment_content dd {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.recruitment_content dd p+p {
		display: block;
		margin-top: 20px;
	}

	.recruitment_content dt {
		width: 245px;
		text-align: center;
	}

	.recruitment_content dd {
		width: 555px;
	}

	.rec_form {
		display: block;
		margin-top: 60px;
		margin-bottom: 80px;
		transition: opacity .2s;
	}

	.rec_form:hover {
		opacity: .5;
	}

	.recruitment_03 {
		width: 100%;
	}

	.rec_outer_04 {
		background-color: #f3f3f3;
		padding-top: 100px;
		overflow: hidden;
	}

	.interview_box {
		width: 100%;
		text-align: center;
	}

	.interview_box .head {
		margin-bottom: 100px;
		display: block;
		position: relative;
	}

	.interview_box .head::before {
		display: block;
		position: absolute;
		top: 50px;
		left: -20vw;
		content: "";
		width: 45vw;
		height: 1px;
		border-top: 1px #000 solid;
	}

	.interview_box .head::after {
		display: block;
		position: absolute;
		top: 50px;
		right: -20vw;
		content: "";
		width: 45vw;
		height: 1px;
		border-top: 1px #000 solid;
	}

	.interview_link {
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url("../images/interview_img_bg.png");
		background-position: center top;
		background-repeat: no-repeat;
		height: 578px;
	}

	.interview_link a {
		display: block;
		transition: all .3s;
		text-decoration: none;
		color: #000;
	}

	.interview_link a:hover {
		opacity: .5;
	}

	.interview_link a+a {
		margin-left: 60px;
	}

	.interview_link dl {
		width: 233px;
	}

	.interview_link dl dd {
		letter-spacing: .1em;
		margin-top: 25px;
	}

	.interview_link dl dd span {
		font-size: 14px;
	}

	.interview_link dl dd p {
		font-size: 22px;
		letter-spacing: .2em;
	}



		/*インタビュー*/

		.int_outer_01 {
	 	 background: #fff;
	  }

		.int_outer_02 {
	 	 background: #f9f9f9;
		 padding: 100px;
	  }

		.int_outer_03 {
		 width: 100%;
	 	 background: #f9f9f9;
		 padding: 100px;
		 display: flex;
	 	 justify-content: center;
	 	 align-items: center;
	 	 background-image: url("../images/int_bg_01.png");
	 	 background-position: center top;
		 background-size: 100%;
	 	 background-repeat: no-repeat;
	  }

		.interview_01 dl {
			padding: 75px 0;
		}

		.interview_01 dl {
			width: 800px;
			display: flex;
			justify-content: space-between;
			/* justify-content: flex-end; */
			align-items: center;
			flex-direction: row;
			margin: 0 auto;
		}

		.interview_01 dl dt,.interview_01 dl dd {
			width: 50%;
		}

		.interview_01 dl dt span {
			display: block;
			letter-spacing: .1em;
		}

		.interview_01 dl dt span.small {
			font-size: 14px;
			color: #6d6d6d;
			margin-bottom: 10px;
		}

		.interview_01 dl dt span.name {
			display: block;
			position: relative;
			font-size: 36px;
			font-weight: bold;
		}

		.interview_01 dl dt span.name::after {
			display: block;
			content: "";
			position: absolute;
			bottom: -15px;
			border: 1px #2c2c2c solid;
			width: 50px;
		}

		.interview_01 dl dt p.message {
			display: block;
			margin-top: 50px;
			font-size: 24px;
			font-weight: bold;
		}

		.int_outer_03 a {
			transition: all .3s;
			text-decoration: none;
		}

		.int_outer_03 a:hover {
			opacity: .8;
		}

		.interview_02 .qanda {
			width: 800px;
			margin: 0 auto;
		}

		.interview_02 .qanda+.qanda {
			margin-top: 90px;
		}

		.interview_02 .qanda dt {
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 20px;
		}

		.interview_02 .qanda dt p {
			position: relative;
			text-indent: 1em;
		}

		.interview_02 .qanda dt p::after {
			position: absolute;
			display: block;
			left: 0;
			top: 5px;
			content: "";
			width: 6px;
			height: 18px;
			border-left: 6px #ad916b solid;
			font-weight: bold;
		}



	/*ご案内・地図ページ*/
	#information_back{
		position:absolute;
		width:100%;
		bottom:0;
		height:330px;
		background-color:rgba(0,0,0,0.65);
	}
	#map{
		width:950px;
		height:310px;
		margin:20px auto;
		color:#e1e1e1;
	}
	#map figure{
		float:left;
		margin-right:30px;
	}
	#map p{
		text-align:center;
		font-size:14px;
	}
	#map a{
		color:#e1e1e1;
	}
	#info{
		font-size:14px;
		color:#e1e1e1;
	}
	#info th,td{
		padding:5px;
		line-height:140%;
	}
	#info th{
		text-align:left;
		width:80px;
	}
	#access{
		width:500px;
		height:580px;
		overflow:auto;
		display:none;
		background-color:#333;
		color:#e1e1e1;
		padding:20px;
	}
	#access figure{
		text-align:center;
		margin-bottom:20px;
	}
	#access p{
		font-size:14px;
		line-height:130%;
	}
	/*ギャラリーページ*/
	#gallery_page{
		width:100%;
		height:1200px;
		background-image:url(../images/gallery_background.jpg);
		background-repeat: repeat;
	}
	.gallery{
		position:absolute;
		top:200px;
		right:100px;
		width:900px;
		height:400px;

	}
	.gallery ul{
		list-style:none;
	}
	.gallery li{
		width:182px;
		float:left;
		margin-right:120px;
		margin-bottom:40px;
		display: inline;

	}
	.gallery figure{
		width:182px;
		height:182px;
		-moz-border-radius: 91px;
		-webkit-border-radius: 91px;
		border-radius: 91px;
		behavior: url(border-radius.htc);
		overflow:hidden;
	}

	/* ギャラリーページ　フィルター
	--------------------------- */
	.filter {
		width: 360px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 40px;
		margin-left: auto;
	}
	.filter a{padding:5px;}
	.filter a:hover {opacity:0.6; position:relative; bottom:5px; }

	.filter .active {opacity:0.6; position:relative; bottom:5px; }

	/* clearfix
	--------------------------- */

	.clearfix::after {
			content: " ";
			display: block;
			clear: both;
	}

	/* hide
	--------------------------- */

	.pc_show {
		display: block !important;
	}

	.pc_inline-block {
		display: inline-block !important;
	}

	.sp_show {
		display: none !important;
	}

	.sp_inline-block {
		display: inline-block !important;
	}
}











/*SP style */



@media screen and (max-width: 767px) {


	html,body{
		height:100%;
		font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	body {
		background-image:url(../images/sp/gallery_bg.jpg);
		background-repeat: repeat-y;
	}

	#container{
		width:100%;
		margin:0 auto;
		padding: 0;
		height:auto;
		position:relative;

	}

	header {
		display: block;
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}

	header h1,h2{
		display: none;
	}

	#logo{
		width: 100%;
		display: block;
		margin-left:5vw;
		margin-top: 2vh;
		z-index: 50:
	}

	#logo a {
		width: 78px;
		display: block;
	}

	#logo a.instagram {
		display: inline-block;
		margin-top: 10px;
		margin-left: 8px;
	}

	#logo img{
		max-width:100%;
	}

	nav.gnav {
		width: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
	}

	nav.gnav details {
		position: fixed;
		width: 100vw;
		height: auto;
		font-weight: bold;
		transition: 0.5s;
	}

	nav.gnav details {
		transition: 0.5s;
	}

	nav.gnav details[open] {
		height: 100vh;
		background-image: url(../images/sp/sp_menu_bg.jpg);
		background-size: cover;
	}

	nav.gnav details summary::-webkit-details-marker {
		position: absolute;
		color: transparent;
		transition: 0.5s;
	}

	nav.gnav details summary {
		transition: 0.5s;
	}

	nav.gnav details summary::after {
		content: url("../images/sp/menu_01.png");
		position: absolute;
		top: 4vw;
		right: 3vw;
		width: 50px;
		height: auto;
		transform: scale(0.5);
		transition: 0.5s;
	}

	nav.gnav details[open] summary::after {
		content: url("../images/sp/menu_02.png");
	}

	nav.gnav details ul {
		position: relative;
		top: 12vh;
		margin: 0 auto;
		justify-content: center;
		transform: scale(0.9);
	}

	nav.gnav details ul li {
		width:43px;
		margin-left:10px;

	}

	nav.gnav details ul li:first-child {
		margin-left:0;
	}

	nav.gnav details ul li a img {
		text-align:center;
	}

	nav.gnav details ul li a img:hover {
		opacity:0.6;
	}

	nav.gnav details div.news {
		width: 80%;
		position: absolute;
		bottom: 10vw;
		left: 10vw;
		margin: 0 auto;
	}

	nav.gnav details div.news div {
		margin-bottom: 10px;
	}

	nav.gnav details div.news div figure {
		float: left;
	}

	nav.gnav details div.news div div.sns {
		float: right;
	}

	nav.gnav details div.news div div.sns {
		float: right;
		margin-top: 15px;
	}

	nav.gnav details div.news div div.sns figure {
		float: right;
	}

	nav.gnav details div.news div div.sns figure:first-child {
		margin-left: 5px;
	}

	nav.gnav details div.news iframe {
		width: 100%;
	}

	nav.gnav .hitosara-area {
    width: 100%;
    text-align: center;
    margin-top: 116px;
	}

	nav.gnav .hitosara-area img {
    width: 75%;
		height: auto;
    text-align: center;
	}

	#container div.read {
		position: absolute;
		top: 50vh;
		left: 0;
		right: 0;
		transform: translateY(-50%);
	}

	#container div.read figure {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	#container div.read figure img {
		text-align: center;
		margin: 0 auto;
	}



	/* ----------------------- トップページ ----------------------- */


	#latest_news{
		display: none;
	}
	#latest_news figure{
		text-align:right;
	}
	#facebook{
		background-color:rgba(0,0,0,0.65);
		box-shadow:5px 5px 10px #000000;
		border-radius:10px;
	}

	footer{
		display: none;
	}

	summary::marker {
		content: "";
	}


	/* ----------------------- お食事ページ ----------------------- */

	#menu_title {
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		z-index: 1;
	}

	#menu_title img {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-top: 12vh;
	}

	#menu {
		width: 100%;
		display: block;
		padding-bottom: 40px;
	}

	#menu a img {
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	#menu a img.lunch {
		margin-bottom: 20px;
	}

	.menu{
		position:absolute;
		left:0;
		width:300px;
		height:580px;
		overflow:auto;
		background-color:rgba(0,0,0,0.60);
		line-height:130%;
		font-size:14px;
		color:#eeeeee;
		padding:10px;
	}

	.menu_title{
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #EEEEEE;
		border-bottom-color: #EEEEEE;
		padding:10px 0;
		margin-top:10px;
		margin-bottom:10px;
	}

	.menu_title h1{
		font-size:14px;
		float:left;
	}

	.menu_title h3{
		font-size:14px;
		text-align:right;

	}
	.menu ol{
		padding-left:30px;
	}
	.margin20{
		margin-top:20px;
		margin-bottom:30px;
	}
	.margin_bottom10{
		margin-bottom:10px;
	}

	#inline1,#inline2{
		width:860px;
		height:580px;
		overflow:auto;
		display:none;
		color:#e1e1e1;
		position:relative;
	}

	.menu img{
		display:block;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 5px;
		margin-left: auto;
	}



	/* ----------------------- 求人情報ページ ----------------------- */


	#recruitment_title img {
		display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 12vh;
	}

	.rec_container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		height: auto;
		position: relative;
		overflow: hidden;
	}

	#recruitment_title {
		height: 300px;
	}

	.container_outer {
		width: 100%;
		font-family: "hiragino-mincho-pron", sans-serif;
		font-weight: 300;
		font-style: normal;
		line-height: 1.65;
		z-index: 1;
		font-size: 14px;
	}

	.rec_container {
		width: 85%;
		/* margin: 0 auto;
		height: 100%;
		position: relative;
		background: transparent; */
	}

	.rec-top {
		width: 100%;
		/* position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 0; */
	}

	.rec_outer_01 { /*トップ画像*/
		width: 100%;
		background-image: url("../images/sp/recruitment_bg_01_sp.png");
		background-size: 100% 300px;
		background-repeat: no-repeat;
		background-position: top;
	}

	.rec_outer_02 { /*背景グレー下*/
		/* background-image: url("../images/recruitment_bg_00.png");
		background-size: 100% 300px;
		background-repeat: no-repeat;
		background-position: bottom;
		background-repeat: no-repeat; */
		background: #fff;
	}

	.rec_outer_03 {
		background: #fff;
	}

	.aboutus_box {
		width: 100%;
		/* margin-top: 125px; */
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}

	.aboutus_box .head {
		margin-top: 80px;
	}
	.aboutus_box .text, .recruitment_box .text {
		margin-top: 45px;
		margin-bottom: 45px;
	}

	.menu-img > *{
		width: 90%;
		height: auto;
		margin-bottom: 40px;
	}

	.head-img {
		width: 100%;
		height: auto;
	}

	.head img {
		width: 55%;
		height: auto;
		padding: 0;
	}

	.recruitment_box .head {
		padding-top: 40px;
	}

	#recruitment_02 {
		padding-top: 0;
		background: #fff;
		width: 100%;
		text-align: center;
		padding-bottom: 50px;
	}

	.recruitment_content {
		width: 90%;
		border-top: 1px #000 solid;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		text-align: left;
		margin: 0 auto;
		padding: 18px;
	}

	.recruitment_content:last-child {
		border-bottom: 1px #000 solid;
	}

	.recruitment_content dt {
		margin-bottom: 10px;
		font-weight: 600;
	}

	.recruitment_content dd p+p {
		display: block;
		margin-top: 10px;
	}

	.rec_form {
		width: 90%;
		height: 60px;
		display: block;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		transition: opacity .2s;
		border: 1px #000 solid;
		position: relative;
		margin-top: 40px;
	}

	.rec_form::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 10%;
		border: 1px #000 solid;
		outline: 0;
	}

	.rec_form:focus, .rec_form:visited {
		color: #000;
	}

	.rec_form:hover {
		opacity: .5;
		color: #000;
	}

	.interview_box {
			width: 100%;
			text-align: center;
		}

		.interview_box .head {
			margin-bottom: 100px;
			display: block;
			position: relative;
		}

		.interview_box .head::before {
			display: block;
			position: absolute;
			top: 50px;
			left: -20vw;
			content: "";
			width: 45vw;
			height: 1px;
			border-top: 1px #000 solid;
		}

		.interview_box .head::after {
			display: block;
			position: absolute;
			top: 50px;
			right: -20vw;
			content: "";
			width: 45vw;
			height: 1px;
			border-top: 1px #000 solid;
		}

		.interview_link {
			display: flex;
			justify-content: center;
			align-items: center;
			background-image: url("../images/interview_img_bg.png");
			background-position: center top;
			background-repeat: no-repeat;
			height: 578px;
		}

		.interview_link a {
			display: block;
			transition: all .3s;
			text-decoration: none;
			color: #000;
		}

		.interview_link a:hover {
			opacity: .5;
		}

		.interview_link a+a {
			margin-left: 60px;
		}

		.interview_link dl {
			width: 233px;
		}

		.interview_link dl dd {
			letter-spacing: .1em;
			margin-top: 25px;
		}

		.interview_link dl dd span {
			font-size: 14px;
		}

		.interview_link dl dd p {
			font-size: 22px;
			letter-spacing: .2em;
		}

 .rec_outer_04 {
	 background: #fff;
 }

	.interview_box {
		width: 100%;
		text-align: center;
	}

	.interview_box .head {
		margin-bottom: 50px;
		display: block;
		position: relative;
	}

	.interview_box .head::before {
		display: block;
		position: absolute;
		top: 40px;
		left: -20vw;
		content: "";
		width: 35vw;
		height: 1px;
		border-top: 1px #000 solid;
	}

	.interview_box .head::after {
		display: block;
		position: absolute;
		top: 40px;
		right: -20vw;
		content: "";
		width: 35vw;
		height: 1px;
		border-top: 1px #000 solid;
	}

	.interview_link {
		width: 90%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-image: url("../images/interview_img_bg.png");
		background-position: center top;
		background-repeat: no-repeat;
		height: auto;
		margin: 0 auto;

	}

	.interview_link a {
		display: block;
		transition: all .3s;
		text-decoration: none;
		color: #000;
		transform: scale(85%);
	}

	.interview_link a:hover {
		opacity: .5;
	}

	.interview_link a+a {
		margin-left: 5px;
	}

	.interview_link dl {
		width: 233px;
	}

	.interview_link dl dd {
		letter-spacing: .1em;
		margin-top: 25px;
	}

	.interview_link dl dd span {
		font-size: 14px;
	}

	.interview_link dl dd p {
		font-size: 22px;
		letter-spacing: .2em;
	}

	/* ----------------------- インタビュー ----------------------- */

	/*インタビュー*/

		.int_outer_01 {
	 	 background: #fff;
	  }

		.int_outer_02 {
	 	 background: #f9f9f9;
		 padding: 100px 10px;
	  }

		.int_outer_03 {
		 width: 100%;
		 height: 360px;
	 	 background: #f9f9f9;
		 padding: 100px;
		 display: flex;
	 	 justify-content: center;
	 	 align-items: center;
	 	 background-image: url("../images/int_bg_01.png");
	 	 background-position: center top;
		 background-size: cover;
	 	 background-repeat: no-repeat;
	  }

		.interview_01 dl {
			padding: 75px 0;
		}

		.interview_01 dl {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-direction: column;
			margin: 0 auto;
		}

		.interview_01 dl dt,.interview_01 dl dd {
			width: 100%;
		}

		.interview_01 dl dt {
			margin-bottom: 30px;
			text-align: center;
		}

		.interview_01 dl dt span {
			display: block;
			letter-spacing: .1em;
		}

		.interview_01 dl dt span.small {
			font-size: 14px;
			color: #6d6d6d;
			margin-bottom: 10px;
		}

		.interview_01 dl dt span.name {
			display: block;
			position: relative;
			font-size: 30px;
			font-weight: bold;
		}

		.interview_01 dl dt span.name::after {
			display: block;
			content: "";
			position: absolute;
			bottom: -15px;
			left: 50%;
			transform: translateX(-50%);
			border: 1px #2c2c2c solid;
			width: 50px;
		}

		.interview_01 dl dt p.message {
			display: block;
			margin-top: 50px;
			font-size: 22px;
			font-weight: bold;
		}

		.interview_01 dl img {
			width: 100%;
			height: auto;
		}

		.int_outer_03 a {
			transition: all .3s;
			text-decoration: none;
		}

		.int_outer_03 a img {
			width: 300px;
			height: auto;
		}

		.int_outer_03 a:hover {
			opacity: .8;
		}

		.interview_02 .qanda {
			width: 100%;
			margin: 0 auto;
			text-align: justify;
		}

		.interview_02 .qanda dd p {
			text-align: justify;
		}

		.interview_02 .qanda+.qanda {
			margin-top: 60px;
		}

		.interview_02 .qanda dt {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 20px;
		}

		.interview_02 .qanda dt p {
			position: relative;
			text-indent: 1em;
		}

		.interview_02 .qanda dt p::after {
			position: absolute;
			display: block;
			left: 0;
			top: 5px;
			content: "";
			width: 6px;
			height: 16px;
			border-left: 6px #ad916b solid;
			font-weight: bold;
		}

		.int_outer_03 {
			width: 100%;
			padding: 0;
		}

		.btn_cover {
			background: #fff;
			width: 80%;
			height: auto;
			text-align: center;
			line-height: 1.8em;
			padding: 30px;
			font-size: 14px;
			font-family: "hiragino-mincho-pron", sans-serif;
		}

		.btn_cover a {
			background: #fff;
			margin-top: 20px;
		}


	/* ----------------------- ご案内・地図ページ ----------------------- */

	#information_back{
		display: none;
	}

	#map{
		display: none;
	}

	div.sp_info {
		width: 95%;
		margin: 0 auto;
		color: #fff;
		font-size: 14px;
		margin-top: 100px;
		background-color: linear-gradient(transparent, #000);
		padding-bottom: 2em;
	}

	div.sp_info dl {
		width: 90%;
		margin: 0 auto;
		color: #fff;
		font-size: 12px;
		margin-top: 100px;
		line-height: 1.7;
		padding-top: 2em;
	}

	div.sp_info dl dt {
		margin-bottom: 1em;
	}

	div.sp_info dl dd {
		margin-bottom: 1em;
	}

	div.sp_info dl+dl {
		margin-top: 2em;
		border-top: 1px #fff solid;
	}

	div.sp_info dl dd button {
		width: 100%;
		margin-bottom: 1em;
		border: 1px #fff solid;
		padding: 1.5em 2.5em;
		background: transparent;
		color: #fff;
	}

	div.sp_info dl dd button:focus {
		border: 1px #fff solid;
		outline: none;
		opacity: 0.5;
	}

	div.sp_info dl dd figure {
		margin-bottom: 1em;
	}

	div.sp_info dl dd p {
		margin-bottom: 1.5em;
	}


	/* ----------------------- ご案内・地図ページ ----------------------- */


	#gallery_page {
		width:100%;
		height:auto;
		background-image:url(../images/sp/gallery_bg.jpg);
		background-repeat: repeat-y;
	}

	.gallery {
		/* position:absolute; */
		/* top:236px; */
		width:100%;
		height:auto;
		background: transparent;
	}

	.gallery details {
		list-style:none;
		width: 95%;
		margin: 0 auto;
		text-align: center;
		background: transparent;
		height: auto;
		display: block;
	}

	.gallery details a {
		display: none;
		position: relative;
		list-style:none;
		width: 95%;
		height: 50px;
		line-height: 50px;
		margin: 0 auto;
		text-align: center;
		background: transparent;
		-webkit-appearance:none;
		appearance:none;
		border:#ccc 1px solid;
		outline: 0;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		border-radius: 3px;
	}

	.gallery details a:focus {
		background: #fff;
		color: #000;
	}

	.gallery details a+a {
		margin-top: 20px;
	}

	.gallery details summary::-webkit-details-marker {
		position: absolute;
		color: transparent;
	}

	.gallery details summary {
		display: block;
		position: relative;
		list-style:none;
		width: 95%;
		height: 50px;
		line-height: 48px;
		margin: 0 auto 20px;
		text-align: center;
		background: transparent;
		-webkit-appearance:none;
    appearance:none;
		border:#ccc 1px solid;
		outline: 0;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		border-radius: 3px;
	}

	.gallery details summary::after {
		display: inline;
		content: "^";
		color: #fff;
		position: absolute;
		bottom: 4px;
		right: 1.5em;
		transform: rotate(180deg);
	}

	.gallery details[open] a {
		display: block;
	}

	.gallery details summary~a {
		display: block;
	}

	.gallery details[open] summary::after {
		display: inline;
		content: "^";
		color: #fff;
		position: absolute;
		bottom: -2px;
		right: 1.5em;
		transform: rotate(0deg);
	}

	.gallery figure {
		width:40vw;
		height:40vw;
		-moz-border-radius: 90px;
		-webkit-border-radius: 90px;
		border-radius: 90px;
		behavior: url(border-radius.htc);
		overflow:hidden;
	}

	.gallery ul {
		display: block;
		width: 90%;
		margin: 10px auto 0;
		padding-bottom: 30px;
		background-image:url(../images/sp/gallery_bg.jpg);
		background-repeat: repeat-y;
	}

	.gallery ul li {
		width: 40vw !important;
		float: left;
		list-style-type: none;
	}

	.gallery ul li+li {
		margin-left: 3vw;
		list-style-type: none;
	}

	.gallery ul li:nth-child(2n+1) {
		margin-left: 3vw;
		list-style-type: none;
	}

	.gallery ul li:nth-child(n+1) {
		margin-top: 3vw;
		list-style-type: none;
	}

	/* float
	--------------------------- */

	.left{
		float:left;
	}
	.right{
		float:right;
	}


	/* clearfix
	--------------------------- */

	.clearfix::after {
	    content: " ";
	    display: block;
	    clear: both;
	}

	/* flex
	--------------------------- */

	.flex {
			display: flex;
			align-items: center;
			justify-content: flex-start;
	}

	/* show
	--------------------------- */

	.pc_show {
		display: none !important;
	}

	.sp_show {
		display: block !important;
	}

}