@charset "utf-8";

.office {
	border-top: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 3em;
	padding-top: 3em;
}




.office__info {
	margin-bottom: 30px;
}

.info__header {
	
}

.info__ttl {
	font-weight: 500;
}

.info__ttl > * {
	margin-bottom: 0.25em;
}

.info__ttl > :last-child {
	margin-bottom: 0;
}

.info__ttl .en {
	display: block;
	font-size: 2.2rem;
}

.info__ttl .ja {
	display: block;
	font-size: 1.8rem;
}

.info__subttl {
	font-size: 1.5rem;
	font-weight: 500;
}



.info__address {
	line-height: 1.5;
}

.info__address > :first-child {
	margin-top: 0;
}

.info__address-txt {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.office__access {
	
}

.access__list {
	padding-left: 1em;
	list-style: none;
	line-height: 1.5;
}

.access__list li {
	position: relative;
	margin-bottom: 0.75em;
}

.access__list li:before {
	position: absolute;
	top: calc(0.5em + 1.5px);
	left: -1em;
	display: block;
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: currentColor;
}



.office__map {
	background-color: rgba(0,0,0,0.05);
	min-height: 320px;
	margin-bottom: 20px;
}


/* Google Maps info windows style */

.poi-info-window div,.poi-info-window a {
	color: #333;
	font-family: Roboto,Arial;
	font-size: 13px;
	background-color: white;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.poi-info-window {
	cursor: default;
	margin-top: 3px;
}

.poi-info-window a:link {
	text-decoration: none;
	color: #427fed;
}

.poi-info-window .view-link,.poi-info-window a:visited {
	color: #427fed;
}

.poi-info-window .view-link:hover,.poi-info-window a:hover {
	cursor: pointer;
	text-decoration: underline;
}

.poi-info-window .full-width {
	width: 180px;
}

.poi-info-window .title {
	overflow: hidden;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 14px;
}

.poi-info-window .address {
	margin-top: 2px;
	color: #555;
}

/* Google Maps info windows style */



/* ---------------------------------------------------------------------------------------------- */
/* SmartPhone                                                                                     */

/* iPhone 6 over */
@media screen and (min-width: 374px) {
	
}

/* ---------------------------------------------------------------------------------------------- */
/* Tablet                                                                                         */

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


/* iPad */
@media screen and (min-width: 768px) {
	.office__map {
		min-height: 400px;
	}
}

/* ---------------------------------------------------------------------------------------------- */
/* Desktop                                                                                        */

@media screen and (min-width: 1024px) {
	
	.office {
		clear: both;
		overflow: hidden;
	}
	
	.office__info {
		float: left;
		width: calc(42.5% - 25px);
		margin-bottom: 0;
		
	}
	
	.info__header .h-underline {
		padding-bottom: 1.2em;
		margin-bottom: 1.2em;
	}
	
	.info__address {
		margin-bottom: 60px;
	}
	
	.office__map {
		float: right;
		width: calc(57.5% - 25px);
		margin-bottom: 0;
		min-height: 550px;
	}
	
	.office__access {
		float: left;
		width: calc(42.5% - 25px);
	}
	
}

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

/* ---------------------------------------------------------------------------------------------- */

.GoogleMap{
    position: relative;
    width: 40%;
    height: 0;
    padding-top: 56.25%;
}

.GoogleMap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}