@charset "UTF-8";

/* *****************************************************************************************************
*
*  contents_mq.css
* 
***************************************************************************************************** */

/* ============================================================

	#topicPath
	
   ============================================================ */
@media ( min-width : 768px ) {
	#topicPath {
		display:block;
		background-color:#EFF2F5;
		padding:2.6042% 0;
		margin-top:104px;
	}
	#topicPath ul {
		max-width:688px;
		margin:0 auto;
	}
	#topicPath ul li {
		display:inline-block;
		background:url(../images/arrow_topicpath.png) 100% 50% no-repeat;
		padding-right:1.6304%;
		margin-right:0.6522%;
	}
	#topicPath ul li:last-child {
		background:none;
		padding-right:0;
		margin-right:0;
	}
	#topicPath ul li a {
		text-decoration:none;
		color:#333;
	}
	#topicPath ul li a:hover { color:#727BA1; }
}
@media ( min-width : 980px ) {
	#topicPath { padding:2.0408% 0; }
	#topicPath ul { max-width:920px; }
}

/* ============================================================

	#contentsBox

   ============================================================ */
@media ( min-width : 768px ) {
	#contentsBox {
		padding:5.5% 2.7473% 0;
		margin-bottom:9.6154%;
	}
	#titleBox {
		background:none;
		padding:0;
	}
	#titleBox h1 { font-size:182%; }
	#contentsBox .read {
		padding:3.6637% 0 0;
		font-size:100%;
		line-height:1.8;
	}
	#contentsBox .read br { display:none; }
	#contentsBox table {
		width:100%;
		margin:6.5407% 0 0;
		font-size:100%;
	}
	#contentsBox table th {	width:22%; }
	#contentsBox table td {
		width:78%;
		vertical-align:middle;
	}
	#contentsBox table th, #contentsBox table td {
		padding:1.8895% 0 1.8895% 1.8895%;
		display: table-cell;
	}
	#contentsBox table th span, #contentsBox table td span, #contentsBox table a.linkBtn span { display:inline; }
	#contentsBox table a.linkBtn {
		display:inline-block;
		background:url(../images/arrow_topicpath.png) 100% 50% no-repeat;
		text-align:left;
		color:#333;
		font-weight:bold;
		padding:0 2.5% 0 0;
		margin-top:1.5%;
	}
	#contentsBox table a.linkBtn:hover { color:#727BA1; }
	.read span { display:block; }
	#contentsBox a[target="_blank"] {
		padding-right:3.5%;
		margin-right:1%;
	}
	.read .eventList h2 {
		padding:1.0870% 1.6304%;
		margin-bottom:3.3333%;
	}
	.read .eventList ul li {
		padding:2.1739% 0 2.1739% 2.2222%;
		background-position:left 1.5em;
		line-height:1.5;
		font-size:100%;
	}
	.read .eventList ul li a { display:inline; }
	#contentsBox .read .eventList ul li a[target="_blank"] { padding-right:4%; }
}
@media ( min-width : 980px ) {
	#contentsBox {
		padding:4.3478% 2.0833% 0;
		margin-bottom:7.6087%;
	}
	#titleBox { padding:0; }
	#contentsBox .read {
		font-size:108%;
		padding:2.7174% 0 0;
	}
	#contentsBox .read br { display:block; }
	#contentsBox .read br.visible-xs { display:none; }
	#contentsBox table { margin:4.8913% 0 0; }
	#contentsBox table th {	width:21.7391%;	}
	#contentsBox table td {	width:78.2609%;	}
	#contentsBox table a.linkBtn { padding:0 1.5% 0 0; }
	.read .eventList h2 { margin-bottom:1.7%; }
	.read .eventList ul li { padding:1.6304% 0 1.6304% 1.5%; }
	#contentsBox a[target="_blank"] {
		padding-right:2.5%;
		margin-right:0.8%;
	}
	#contentsBox .read .eventList ul li a[target="_blank"] { padding-right:3%; }
}

@media ( max-width : 980px ) {
	#contentsBox table.innerTBL { margin: 0; width: 100%; }
    #contentsBox table td.p0xs { padding: 0; }
}
/* ============================================================

	#topEvent

   ============================================================ */
@media ( min-width : 768px ) {
	#topEvent { margin-top:4.3478%; }
	#topEvent h2 {
		font-size:123.1%;
		margin:0 0 3.2609% 0;
		padding:0;
	}
	#topEvent > div.row { margin-bottom:2.5%; }
	#loadarea li.col.span_4 {
		margin:0 2.3% 4.05% 0;
		width:30.4348%;
		height:144px;
	}
	#loadarea ul.row {
		margin:0 -4.2% -4.05% 0;
		overflow:hidden;
	}
	.spEventImg { display:none; }
	.pcEventImg { display:block; }
	.mosaic-block { height:100%; }
	.bar2 .mosaic-overlay {
		bottom:-110px;
		height:144px;
	}
	.bar2 .mosaic-overlay h3 {
		padding:10px 0;
		font-size:95%;
	}
	#pc .col.span_4:hover .bar2 .mosaic-overlay h3 { padding:10px 0 5px; }
	.bar2 .mosaic-overlay p { padding:0 7.1429%; }
	.bar2 .mosaic-overlay p span { display:none; }
	.eventLink {
		margin-top:5.8140%;
		padding:3.125%;
	}
	.eventLink h3 {
		margin-bottom:0;
		line-height:40px;
	}
	.eventLink ul li {
		min-height:40px;
		font-size:85%;
	}
}
@media ( min-width : 980px ) {
	.bar2 .mosaic-overlay {
		bottom:-150px;
		height:190px;
	}
	.bar2 .mosaic-overlay h3 {
		padding:13px 0;
		font-size:100%;
	}
	#pc .col.span_4:hover .bar2 .mosaic-overlay h3 { padding:25px 0 15px; }
	.bar2 .mosaic-overlay p { font-size:85%; }
	#loadarea li.col.span_4 {
		margin:0 4.05% 4.05% 0;
		width:280px;
		height:190px;
	}
	#loadarea ul.row {
		margin:0 -4.168% -4.05% 0;
		overflow:hidden;
	}
	.eventLink {
		padding:2.1739%;
		margin-bottom:6.5217%;
	}
	.eventLink .span_4 { width: 25%; }
	.eventLink .span_8 { width: 75%; }
	.eventLink ul li span { display:inline; }
}
/* ============================================================

	#contactUs

   ============================================================ */
@media ( min-width : 768px ) {
	#contactUs, #contactUs_2 {
		margin:0 auto;
		padding-top: 0;
		width:90%;
	}
	#contactUs h1, #contactUs_2 h1 {
		font-size:153.9%;
		margin-bottom:0;
		text-align:left;
	}
	#contactUs h1 + p, #contactUs_2 h1 + p {
		line-height:2;
		text-align:left;
	}
	#contactUs a.conForm, #contactUs_2 a.conForm {
		margin-bottom:0;
		padding:2.3256%;
		font-size:116%;
	}
	#contactUs a.conForm span, #contactUs_2 a.conForm span { padding-right:18px; }
	#contactUs .conTel span.priTel, #contactUs_2 .conTel span.priTel {
		background-position:left 50%;
		font-size:197%;
	}
}
@media ( min-width : 980px ) {
	#contactUs, #contactUs_2 { width:80%; }
	#contactUs h1, #contactUs_2 h1 { font-size:174%; }
	#contactUs h1 + p, #contactUs_2 h1 + p { font-size:108%; }
	#contactUs a.conForm, #contactUs_2 a.conForm {
		font-size:138.5%;
		padding:2%;
	}
	#contactUs .conTel, #contactUs_2 .conTel { font-size:93%; }
	#contactUs .conTel span.priTel, #contactUs_2 .conTel span.priTel {
		background-size:22px;
		font-size:215%;
		padding-left:13.0435%;
	}
}

/* IE9, IE10 */
#contactUs .conTel, #contactUs_2 .conTel { width:75%\9; }
#contactUs .conTel span.priTel, #contactUs_2 .conTel span.priTel { text-align:right\9; }
.confirmBox #contactUs, .contactBox #contactUs, .confirmBox #contactUs_2, .contactBox #contactUs_2 { display:block\9; }
.confirmBox #contactUs > div, .contactBox #contactUs > div, .confirmBox #contactUs_2 > div, .contactBox #contactUs_2 > div {
	text-align:left\9;
	display:block\9;
}
.confirmBox #contactUs .conTel, .contactBox #contactUs .conTel, .confirmBox #contactUs_2 .conTel, .contactBox #contactUs_2 .conTel { width:33%\9; }
.confirmBox #contactUs .conTel .priTel, .contactBox #contactUs .conTel .priTel, .confirmBox #contactUs_2 .conTel .priTel, .contactBox #contactUs_2 .conTel .priTel { text-align:left\9; }
/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#contactUs .conTel, #contactUs_2 .conTel { width:75%; }
	.confirmBox #contactUs .conTel, .contactBox #contactUs .conTel, .confirmBox #contactUs_2 .conTel, .contactBox #contactUs_2 .conTel { width:270px; }
}

/* ============================================================

	access.html

   ============================================================ */
@media ( min-width : 768px ) {
	#contentsBox .accBox a.linkBtn[target="_blank"] {
		display:inline-block;
		background:url(../images/arrow_topicpath.png) 100% 50% no-repeat;
		padding-right:1.6304%;
		margin-right:0.6522%;
	}
}

/* ============================================================

	privacy.html

   ============================================================ */
@media ( min-width : 768px ) {
	.privacy {
		padding:3.6637% 0 0;
		font-size:100%;
	}
	.privacy .mark {
		margin:5% 8.3333% 1.5%;
		/*background-size:70px 71px;
		padding-left:13%;
		min-height:71px;*/
	}
	.privacy .mark li:first-child { width:15%; }
	.privacy .mark li:last-child { width:83%; }
	.privacy ol li/* ol li*/ p { margin: 1.5% 0 2.5%; }
	.privacy ol li:last-child { margin-bottom:2.9762%; }
	.privacy .signature { margin-bottom:5.9524%; }
	.priContact {
		font-size:100%;
		margin:0 7%;
	}
	.priNum .priTel, .priNum .priFax {
		color:#333;
		font-weight:normal;
	}
	.priContact > p span, .priNum > p + p span { display:inline; }
	.priContact h2 { margin: 2.4793% 0; }
	.priNum > p { margin-bottom:2.4793%; }
	.priContact .conForm {
		margin:0 auto;
		width:70%;
	}
	.priContact .conForm a {
		font-size: 116%;
		padding:3.0733%;
	}
	article.privacy:nth-child(4) { padding:0; }
	.privacy ol li p span { display:inline; }
	.privacyInBox { padding-left:0; }
	.disclosure { margin: 3.125% 0 7%; }
	#contentsBox .disclosure table { margin: 2.5% 0px 0px; }
	#contentsBox .disclosure > table:nth-child(3) { margin: 3.125% 0 0; }
}
@media ( min-width : 980px ) {
	.privacy { padding: 2.7174% 0px 0px; }
	.privacy .mark {
		margin:3.4% 10% 1.5%;
		/*padding-left: 10%;*/
	}
	.privacy .mark li:first-child { width:13%; }
	.privacy .mark li:last-child { width:86%; }
	.priContact {
		padding:2.1739%;
		margin:0 15%;
	}
}

/* ============================================================

	recruit.html

   ============================================================ */
@media ( min-width : 768px ) {
	.recruitBox { margin-top: 3.6637%; }
	.recruitBox h2 {
		padding:0;
		font-size:108%;
	}
	.recruitBox h2 span {
		padding:0.7%;
		font-size:85%;
		margin-left:1.25%;
		vertical-align:top;
	}
	#contentsBox .recruitBox table { margin:2.5% 0 8.3333%; }
	.recSupp { margin-top:1.8622%; }
}
@media ( min-width : 980px ) {
	.recruitBox h2 { font-size:116%; }
	.recSupp { margin-top:1.4493%; }
}

/* ============================================================

	contact.html

   ============================================================ */
@media ( min-width : 768px ) {
	.contactBox { margin:3.6637% 0 0; }
	#contentsBox .contactBox .read { margin-bottom:0; }
	.confirmBox #contactUs, .contactBox #contactUs, .confirmBox #contactUs_2, .contactBox #contactUs_2 {
		width:auto;
		margin:2.9940% 0 0 0;
		font-size:100%;
	}
	.confirmBox #contactUs > div, .contactBox #contactUs > div, .confirmBox #contactUs_2 > div, .contactBox #contactUs_2 > div {
		border:none;
		padding:0;
	}
	.confirmBox #contactUs .conTel, .contactBox #contactUs .conTel, .confirmBox #contactUs_2 .conTel, .contactBox #contactUs_2 .conTel { text-align:left; }
	.confirmBox #contactUs .conTel span.priTel, .contactBox #contactUs .conTel span.priTel, .confirmBox #contactUs_2 .conTel span.priTel, .contactBox #contactUs_2 .conTel span.priTel {
		width:auto;
		padding-left:13%;
	}
	.contactBox h2 {
		margin: 5.8140% 0 1.5%;
		font-size:123.1%;
	}
	.category h3 { font-size:100%; }
	.category { margin:0; }
	.category ul li {
		line-height:2.2;
		font-size:108%;
	}
	.contactBox .category ul li input[type="radio"] {
		margin:0 1% 0 0;
		vertical-align: text-bottom;
	}
	.contactBox table input[type="text"], .contactBox table td textarea { padding:1.5%; }
	#contentsBox .contactBox table th { width:29.5%; }
	#contentsBox .contactBox table th span {
		display:block;
		margin:0 0 3% 0;
		font-size:85%;
	}
	.contactBox table td p { margin:0 0 3% 0; }
	.contactBox table td input#contact_postalcode { width:40%; }
	.contactBox table td select#contact_state {
		padding:1.5%;
		border:1px solid #CCC;
		vertical-align:middle;
		width:40%;
	}
	.contactBox table td textarea {
		height:150px;
		resize:vertical;
	}
	#contentsBox .contactBox table a[target="_blank"] { padding-right:10%; }
	#contentsBox .contactBox table td label.error { font-size:85%; }
	#contentsBox table td span.codeTxt {
		display:block;
		font-size:85%;
	}
	.consentDtl { margin:0; }
	.consent li { width:30%; }
	.consent li input[type="radio"] {
		margin:0 3.7% 0 0;
		vertical-align: text-bottom;
	}
	.send button, .confirmBox .back {
		height:250%;
		line-height:250%;
		width:65%;
		font-size:146.5%;
	}
}
@media ( min-width : 980px ) {
	.contactBox { margin:2.7174% 0 0; }
	.contactBox h2 { margin: 3.2609% 0 1.5%; }
	.category { padding:2.1739%; }
	.category h3 { margin-bottom:1.6304%; }
	.contactBox table td input#contact_postalcode { width:30%; }
	.contactBox table td select#contact_state  { width:30%; }
	#contentsBox .contactBox table th { width:23%; }
	#contentsBox table td span.codeTxt {
		display:inline;
		margin-left:2%;
		font-size:93%;
	}
	.consent li { width:20%; }
	.send button, .confirmBox .back { width:50%; }
	#contentsBox .contactBox table td label.error { font-size:93%; }
}

/* ============================================================

	contact.php

   ============================================================ */
@media ( min-width : 768px ) {
	.confirmBox {
		font-size:100%;
		padding: 3.6637% 0px 0px;
	}
	.confirmBox h2 { font-size:123.1%; }
	.confirmBox #formbox li.clearfix { margin-bottom:2.5%; }
	label.leftlabel { margin-bottom:1%; }
	.buttonbox { padding: 0 10%; }
	.buttonbox a, .buttonbox button {
		height:50px;
		line-height:50px;
		font-size:146.5%;
	}
}
@media ( min-width : 980px ) {
	 .confirmBox { padding: 2.7174% 0px 0px; }
	 .buttonbox { padding: 0 17.5%; }
}

/* ============================================================

	404.html

   ============================================================ */
@media ( min-width : 768px ) {
	.link404 {
		display:inline-block;
		background:url(../images/arrow_topicpath.png) 100% 50% no-repeat;
		text-align:left;
		color:#333;
		font-weight:bold;
		padding:0 2.5% 0 0;
		margin:5% 0 0 0;
	}
	.link404:hover {
		color:#727BA1;
		opacity:1;
	}
	.link404 span {
		background:none;
		padding:0;
	}
}
@media ( min-width : 980px ) {
	.link404 {
		margin:3.5% 0 0 0;
		padding:0 1.8% 0 0;
	}
}