@charset "UTF-8";
/* sp(320px) */

/* アクセス */
#pageAccess #headline {
	background-image: url(../img/access/bg_headline_sp.jpg);
	background-position: 50% 50%;
}
#pageAccess #grandopen {
	inline-size: 245px;
	margin-inline: auto;
}
/* access */
#pageAccess #access #hl_access {
/*	letter-spacing: .03em;*/
	letter-spacing: -.08em;
}
#pageAccess #access .grid {
	display: grid;
	grid-template-columns: autp;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 1.5em;
}
#pageAccess #access .grid .gmap,
#pageAccess #access .grid .img figure {
	max-inline-size:400px;
	margin-inline: auto 0; 
}
#pageAccess #access .grid .gmap iframe {
	block-size: 270px;
}
#pageAccess #access .grid .txt {
	padding-inline-start: 0;
	padding-block-start: 0em;
}
#pageAccess #access .grid .txt dl {
	margin-block-start: 1.5em;
	display: grid;
	grid-template-columns: 5em auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 0;	
}
#pageAccess #access .grid .txt dl dt,
#pageAccess #access .grid .txt dl dd {
	padding-block: .7em;
	border-block-start: 1px dotted #c6c6c6;
}
#pageAccess #access .grid .txt dl dd {
	margin-inline-start: 0;
}
/* business */
#pageAccess #business .grid {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 1.0em;
}
#pageAccess #business .grid .txt {
	padding-inline-end: 0%;
}
#pageAccess #business .grid dl {
	margin-block-start: 0;
	display: grid;
	grid-template-columns: 7em auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 0;
}
#pageAccess #business .grid dt,
#pageAccess #business .grid dd {
	padding-block: .8em;
}
#pageAccess #business .grid dt:not(:last-of-type),
#pageAccess #business .grid dd:not(:last-of-type) {
	border-block-end: 1px dotted #c5c5c5;
}
#pageAccess #business .grid dd {
	margin-inline-start: 0;
}



@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 414px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 480px) {
/* tablet */

/* アクセス */
#pageAccess #headline {
	background-image: url(../img/access/bg_headline.jpg);
	background-position: 80% 50%;
}
#pageAccess #grandopen {
	inline-size: 293px;
}
/* access */
#pageAccess #access .grid {
	grid-template-columns: 1fr 1fr;
	column-gap: 2%;
	row-gap: 0;
}
#pageAccess #access .grid .gmap,
#pageAccess #access .grid .img figure {
	max-inline-size:400px;
	margin-inline: auto 0; 
}
#pageAccess #access .grid .gmap iframe {
	block-size: 270px;
}
#pageAccess #access .grid .txt {
	padding-inline-start: 5%;
	padding-block-start: 0em;
}


	@media (-webkit-min-device-pixel-ratio: 2){
		

	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 620px) {
/* iPad */

/* アクセス */
#pageAccess #grandopen {
	inline-size: 391px;
}
#pageAccess #access .grid {
	grid-template-columns: 1fr 1fr;
	column-gap: 2%;
	row-gap: 0;
}
/* access */
#pageAccess #access .grid .txt {
	padding-block-start: 1em;
}
/* business */
#pageAccess #business .grid {
	grid-template-columns: 1fr 1fr;
	column-gap: 2%;
	row-gap: 0;
}
#pageAccess #business .grid .txt {
	padding-inline-end: 5%;
}
#pageAccess #business .grid dl {
	grid-template-columns: 8em auto;
}


/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 900px) {
/* pc */

/* アクセス */
#pageAccess #grandopen {
	inline-size: 489px;
}
/* business */
#pageAccess #business .grid dl {
	grid-template-columns: 9em auto;
}


/* end of media query(pc) */
}