@charset "utf-8";

.container{
	background:none;
}

.main_cont {
	background-image: url("./../images/access/main.jpg");
}

.main_cont .ttl_wrap .ttl_txt {
	width: 300px;
	color:#fff;
	text-shadow:0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000;
	font-size:3em;
	font-weight:lighter;
	letter-spacing:12px;
	line-height:50px;
}

.main_cont .ttl_wrap .ttl_txt span{
	width:290px;
	text-align:center;
	font-size:1rem;
	letter-spacing:4px;
	display:block;
}

.sec01 {
	margin: 0 auto;
}

.sec01_inner {
	position: relative;
	text-align: center;
	padding: 80px 0 100px;	
	max-width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.sec01_inner  {
		padding: 40px 0;
	}	
}

.sec01 h3 {
	width: 35.53%;
	margin: 0 auto;
	font-size: 0;
}

.sec01 .accessInfo_box{
	border:solid 1px #fff;
	display:flex;
	flex-direction:row;
}

.sec01 .accessInfo_box .accessInfo{
	width:40%;
	padding:0 12px;
}

.sec01 .accessInfo_box .accessInfo h4.shopName{
	width:18vw;
	margin:20px auto;
	text-align:center;
	font-size:1.325vw;
	border-bottom:solid 1px #fff;
}

.sec01 .accessInfo_box .accessInfo h5{
	font-size:1.4em;
	border-bottom:dotted 1px #fff;
}

.sec01 .accessInfo_box .accessInfo h5:nth-child(4){
	margin-top:15px;
}

.sec01 .accessInfo_box .accessInfo a.telNum{
	padding-left:5px;
	line-height:1.375em;
	font-size:3.175vw;
}

.sec01 .accessInfo_box .accessInfo p{
	margin-bottom:25px;
	padding-left:12px;
	font-size:1.075em;
}


.sec01 .accessInfo_box .map{
	width:60%;
}

.sec01 .accessInfo_box .map iframe{
	padding:10px;
}

section.sec01:nth-child(2){
	margin-top:50px;
}

section.sec01:nth-child(2) h2{
	text-align:center;
	font-size:2.5em;
}

section.sec01:nth-child(2) p{
	text-align:center;
	font-size:1.1em;
}

section.sec01:nth-child(2) form{
	border:solid 1px #fff;
}

section.sec01:nth-child(2) table{
	width:100%;
	padding-top:10px;
	table-layout:fixed;
	border-spacing:0;
}

section.sec01:nth-child(2) table tr{
	border-bottom:solid 1px #fff;
}

section.sec01:nth-child(2) table td{
	height:60px;
}

section.sec01:nth-child(2) table td.item{
	width:37.5%;
	padding-right:12px;
	text-align:right;
	font-size:1.1em;
	font-weight:bold;
}

section.sec01:nth-child(2) table td.item .must{
	width:30px;
	height:16px;
	margin-left:5px;
	background:#f00;
	text-align:center;
	font-size:.7rem;
	font-weight:bold;
	display:inline-block;
}

section.sec01:nth-child(2) table td:nth-child(2){
	width:62.5%;
}

section.sec01:nth-child(2) table td:nth-child(2) input{
	height:70%;
	border:none;
	border-radius:5px;
}

section.sec01:nth-child(2) table td:nth-child(2) textarea.message{
	border-radius:5px;
}

@media (min-width:1000px){
	section.sec01:nth-child(2) table td:nth-child(2) input.name{
		width:220px;
	}

	section.sec01:nth-child(2) table td:nth-child(2) input.date,section.sec01:nth-child(2) table td:nth-child(2) input.tel{
		width:150px;
	}

	section.sec01:nth-child(2) table td:nth-child(2) input.email{
		width:440px;
	}

	section.sec01:nth-child(2) table td:nth-child(2) textarea.message{
		width:95%;
		height:160px;
	}
}

section.sec01:nth-child(2) form button{
	width:150px;
	height:40px;
	margin:15px auto;
	background:#fff;
	border:none;
	border-radius:5px;
	font-size:1.05em;
	font-weight:bold;
	font-family:"游明朝", "Yu Mincho", YuMincho, "游明朝体", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', 'Noto Serif JP', serif;
	cursor:pointer;
	display:block;
}


.frame03{
	max-width:640px;
	margin:0 auto 80px;
	background-image: -webkit-linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 100%);
	padding:1px 0;
}

.frame03>:first-child{
	position:relative;
	margin-top: -3%;
}

.frame03>:last-child{
	margin-bottom:-3%;
}


@media (min-width:768px) and (max-width:999px){
	div.container{
		width:90%;
	}

	.sec01 .accessInfo_box{
		flex-direction:column;
	}

	.sec01 .accessInfo_box .accessInfo,.sec01 .accessInfo_box .map{
		width:100%;
	}

	.sec01 .accessInfo_box .accessInfo h4.shopName{
		width:95%;
		font-size:4.5vw;
		border-bottom:solid 3px #fff;
	}

	.sec01 .accessInfo_box .accessInfo h5{
		font-size:3vw;
	}

	.sec01 .accessInfo_box .accessInfo a.telNum{
		padding-left:7px;
		font-size:8.25vw;
	}

	.sec01 .accessInfo_box .accessInfo p{
		padding-top:5px;
		font-size:3.25vw;
	}

	section.sec01:nth-child(2) h2{
		font-size:5.875vw;
	}

	.sec01 .accessInfo_box .map{
		margin-bottom:-7px;
	}

	.sec01 .accessInfo_box .map iframe{
		height:320px;
		padding:0;
	}

	section.sec01:nth-child(2) table td.item{
		width:42.5%;
		padding-left:5px;
	}

	section.sec01:nth-child(2) table td:nth-child(2){
		width:57.5%;
	}

	section.sec01:nth-child(2) table td input,section.sec01:nth-child(2) table td textarea{
		width:95%;
		border-radius:5px;
	}

	section.sec01:nth-child(2) table td textarea{
		height:100px;
	}
}

@media (max-width:767px){
	.sec01_inner {
		padding: 40px 20px 45px;
	}
	.main_cont .ttl_wrap .ttl_txt {
		width: 300px;
	}
	.sec01_wrap {
		padding: 80px 0 40px;
	}
	.sec01_inner .gmap {
		width: 100%;
		padding-bottom: 60.754%;
	}
	.sec01_box {
		width: auto;
		display: block;
	}
	.sec01_box .left_box {
		width: auto;
	}
	.sec01_box .right_box {
		max-width: 338px;
		width: auto;
		margin: 0 auto;
	}
	.sec01 .line_img {
		width: 90%;
	}
	.sec01 h3 {
		width: auto;
	}
	div.container{
		width:87.5%;
		min-width:unset;
		max-width:370px;
		padding:0;
	}

	.sec01 .accessInfo_box{
		flex-direction:column;
	}

	.sec01 .accessInfo_box .accessInfo,.sec01 .accessInfo_box .map{
		width:100%;
	}

	.sec01 .accessInfo_box .accessInfo h4.shopName{
		width:95%;
		font-size:5.25vw;
		border-bottom:solid 3px #fff;
	}

	.sec01 .accessInfo_box .accessInfo h5{
		font-size:4.5vw;
	}

	.sec01 .accessInfo_box .accessInfo a.telNum{
		padding-left:7px;
		font-size:10.75vw;
	}

	.sec01 .accessInfo_box .accessInfo p{
		padding-top:5px;
		font-size:4vw;
	}

	section.sec01:nth-child(2) h2{
		font-size:7.875vw;
	}

	.sec01 .accessInfo_box .map{
		margin-bottom:-8px;
	}

	.sec01 .accessInfo_box .map iframe{
		height:265px;
		padding:0;
	}

	section.sec01:nth-child(2) table td.item{
		width:42.5%;
		padding-left:5px;
	}

	section.sec01:nth-child(2) table td:nth-child(2){
		width:57.5%;
	}

	section.sec01:nth-child(2) table td input,section.sec01:nth-child(2) table td textarea{
		width:95%;
		border-radius:5px;
	}

	section.sec01:nth-child(2) table td textarea{
		height:100px;
	}
}

.vsp500 {
	display: none;
}



@media screen and (max-width:700px){
	.main_cont {
		padding: 0;
	}
}
@media screen and (max-width:600px){
	.sec01_wrap {
		padding: 40px 0 40px;
	}
	.sec01 h3 {
		max-width: 300px;
	}
	.sec01 .tel {
		max-width: 250px;
    margin: 0 auto;
	}
}

@media screen and (max-width: 500px) {
	.vsp500 {
		display: block;
	}
	.vpc500 {
		display: none;
	}
}

@media screen and (max-width: 350px) {
	.sec01 h3 {
		max-width: 250px;
	}
	.sec01_wrap {
    padding: 25px 0 25px;
	}
	.sec01_wrap .gmap {
		padding-bottom: 40.754%;
	}
}