@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 ENGLISH
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#eng-txt {
	margin: 0 0 10%;
}
#eng-txt section {
	margin: 0 0 10%;
}
#eng-txt section h2 {
	color: #084056;
	font-size: 22px;
	line-height: 1.6;
	margin: 0 0 0.7em;
	text-align: center;
}
#eng-txt section p {
	margin: 0 0 1em;
	font-size: 14px;
	text-align: center;
}
#eng-txt section p.notes {
	text-align: left;
}
#eng-txt ul.office-location {
	width: 500px;
	margin: 0 auto 20px;
	display: flex;
	justify-content: space-between;
}
#eng-txt ul.office-location.ty02 {
	width: 320px;
}
#eng-txt ul.office-location li {
	margin: 0 0 20px 20px;
	float: left;
	text-align: center;
}
#eng-txt ul.office-location li:nth-child(1) {
	margin: 0 0 20px 0;
}
#eng-txt ul.office-location li a {
	text-decoration: none;
}
#eng-txt ul.office-location li a:hover {
	text-decoration: underline;
}
#eng-txt ul.office-location li span {
	display: block;
}
#eng-txt table {
	width: 100%;
	margin: 0 0 5px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
#eng-txt table th,
#eng-txt table td {
	padding: 1em;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	text-align: center;
	line-height: 1.6;
}
#eng-txt table tr:nth-child(even) { background-color:#EFEFEF; }
#eng-txt table th {
	font-weight: bold;
	vertical-align: middle;
}
#eng-txt table td {
	vertical-align: middle;
}
#eng-txt table th.a-left {
	text-align: left;
}
#eng-txt table th.width {
	width: 25%;
}
#eng-txt table th.width-2 {
	width: 65%;
}

#contact-index h2 {
	color: #084056;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.6;
	margin: 0 0 0.7em;
	text-align: center;
}
#contact-index h2#tel-icon span {
	padding: 0 0 0 40px;
	background-image: url(/contact/img/tel-icon.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#contact-site,
#contact-tel {
	margin: 0 0 10%;
	padding: 2em 3% 0;
	text-align: center;
	border: solid 1px #CCC;
}
#contact-site p,
#contact-tel p {
	margin: 0 0 1em;
}
#contact-index ul.link-01 {
	margin: 0 0 2em;
}
#contact-index ul.link-01 li {
	line-height: 1.6;
}
#contact-index ul.link-01 li a {
	font-size: 14px;
	color: #084056;
}
#contact-index ul.link-02 {
	width: 750px;
	margin: 0 auto;
	text-align: center;
}
#contact-index ul.link-02 li {
	margin: 0 0 25px;
	display: inline-block;
}
#contact-site ul.link-02 li a {
	width: 500px;
	display: block;
	padding: 15px 0;
	border: solid 1px #084056;
	background: #084056;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#contact-site ul.link-02 li a:hover {
	background: #FFF;
	color: #084056;
}
#contact-tel ul.link-02 li {
	width: 335px;
	display: block;
	padding: 15px 0;
	border: solid 1px #084056;
	background: #FFF;
	color: #084056;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#contact-tel ul.link-02 li:nth-child(odd){
	float: left;
}
#contact-tel ul.link-02 li:nth-child(even){
	float: right;
}

/* PC向けレイアウトの指定：981px以上では固定レイアウト */
@media only screen and (max-width: 767px) {
	#eng-txt section h2 {
		font-size: 18px;
		margin: 0 0 0.2em;
	}
	#eng-txt ul.office-location {
		width: 100%;
		margin: 0 auto 20px;
	}
	#eng-txt ul.office-location.ty02 {
		width: 100%;
	}
	#eng-txt ul.office-location li {
		width: 30%;
		margin: 0 0 15px;
	}
	#eng-txt ul.office-location li img {
		width: 100%;
	}
	#eng-txt ul.office-location li span {
		padding: 0.5em 0 0;
	}
	#eng-txt table {
		width: 100%;
		margin: 0 0 5px;
		border-top: solid 1px #CCC;
		border-left: solid 1px #CCC;
	}
	#eng-txt table th,
	#eng-txt table td {
		padding: 1em;
		border-bottom: solid 1px #CCC;
		border-right: solid 1px #CCC;
		text-align: center;
		line-height: 1.6;
		word-break: break-all;
	}
	#eng-txt table th.width {
		width: auto;
	}
	#eng-txt table th.width-2 {
		width: auto;
	}

	#contact-index h2 {
		font-size: 22px;
	}
	#contact-index h2#tel-icon span {
		padding: 0 0 0 8%;
		background-size: auto 100%;
	}
	#contact-site,
	#contact-tel {
		margin: 0 0 10%;
		padding: 10px 3% 0;
		text-align: center;
		border: solid 1px #CCC;
	}
	#contact-index ul.link-02 li {
		margin: 0 0 10px;
	}
	#contact-index ul.link-02 {
		width: 100%;
		margin: 0 auto;
	}
	#contact-site ul.link-02 li a,
	#contact-tel ul.link-02 li {
		width: 100%;
		font-size: 18px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#contact-index ul.link-02 li:nth-child(odd){
		float: none;
	}
	#contact-index ul.link-02 li:nth-child(even){
		float: none;
	}

}