@charset "shift_jis";


/*--------------article area--------------*/
#articlearea {
	margin:0 60px 20px 60px;
	text-align:left;
	font-size:110% !important;
	letter-spacing:0.06em;
}


#articlearea .backbt {
	margin-bottom:15px;
	text-align:right;
}

#articlearea .articleday {
	text-align:right;
	margin-bottom:15px;
}

#articlearea h2{
	text-align:center;
	margin-bottom:30px;
	font-size:115%;
}


#articlearea h3{
	font-size:100%;
}

/*---------------------------*/
dl.even{
	/*display:inline;*/
}
.even dt{
	width: 150px;
}
.even dd{
	margin-left: 150px;
	margin-top: -1.5em;
}

dl.even2{
	display:inline;
}
.even2 dt{
	width: 10px;
}
.even2 dd{
	margin-left: 10px;
	margin-top: -1.5em;
}

.QaLink{
	margin:0 0 35px 20px;
}



/*--------------revised_date--------------*/
span.revised_date{
color:#FF0000;
}
/*--------------revised_date--------------*/

/*--------------mod-news--------------*/
div.mod-news p{
	margin:0 0 1.5em;
	text-indent:1em;
}
div.mod-news p.linkword{
	text-indent:0em;
}
div.mod-news p.indentnon{
	text-indent:0em;
}
div.mod-news ol li{
	margin:0 0 1.5em;
}
div.mod-news div.personal_info{
	margin:40px 0px;
}
div.mod-news div.personal_info p{
	margin:0em;
	text-indent:1em;
}
div.mod-news p.mod-news-heading{
	margin:40px 0 0;
	text-indent:0em;
}
div.mod-news .mod-news-block2 p{
	margin:0em;
	text-indent:0em;
}
div.mod-news .underword{
	text-decoration:underline;
}
div.mod-news div.personal_info p.indentnon{
	text-indent:0em;
}


/*-------------- setform --------------*/
div.setform div.mainform{
	padding:15px;
	background:#eeeeee;
	margin: 0px auto 35px auto;
	width:710px;
}

div.setform div.mainform .formConts{
	width:500px;
	margin:0 auto;
}

div.setform div.mainform .formConts label{
	float:left;
	width:300px;
}


div.setform ul.offer li{
	text-indent:-1em;
	padding-left:1em;
}


div.setform ul.formNote{
	width:710px;
}

div.setform ul.formNote li{
	text-indent:-1em;
	padding-left:1em;
	font-size:80%;
}


div.setform div form{
	margin-bottom:20px;
}

div.setform div form ul li {
	clear:left;
	padding-top:1em;
}
div.setform div form ul li .apply {
	float:left;
	width:22em;
}
div.setform div form ul li .choose {
	margin-left:200px;
}

.contactBox{
	width:710px;
	border:1px #ccc solid;
	margin:0 auto 30px auto;
	padding:15px 15px;
}

.contactBox .ttl{
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

.contactBox ul{
	margin-bottom:10px;
}

.contactBox ul em{
	font-size:140%;
	font-style:normal;
	font-weight:bold;
}


.pcImg{
	display: inline-block;
}
.spImg{
	display: none;
}



@media (max-width:640px){
#articlearea {
	margin:0 3% 20px 3%;
	text-align:left;
}

#articlearea h2{
	text-align:left;
	margin-bottom:30px;
	font-size:120%;
}


#articlearea img{
	border:none;
	max-width:100%;
	height:auto;
}

.even{
	width:100%;
}

.even dt{
	width:100%;
}
.even dd{
	margin:0 0 10px 0;
	width:100%;
	text-align:right;
}

.QaLink{
	margin:0 0 20px 10px;
}

.QaLink a{
	font-size:100%;
	font-color:#ff0000;
}

/*-------------- setform --------------*/

div.setform{
	width:100%;
}

div.setform div.mainform{
	width:96%;
	margin:0 0 20px 0;
	padding:10px 3%;
}

div.setform ul.formNote{
	width:96%;
	margin:0 2%;
}

div.setform div.mainform .formConts{
	width:96%;
	margin:0 2%;
}

div.setform div.mainform .formConts label{
	float:none;
	width:100%;
}



div.setform div form ul {
	margin: 0px auto;
	width:100%;
}
div.setform div form ul li .apply {
	float:none;
	width:100%;
}
div.setform div form ul li .choose {
	margin-left:0px;
}

div.setform div form ul li .choose input{
	width:180px;
}


.contactBox{
	width:96%;
	margin:0 0 20px 0;
	padding:10px 3%;
}

.contactBox ul em{
	font-size:120%;
}
	.pcImg{
		display: none;
	}
	.spImg{
		width: 100%;
		display: block;
	}


}

.c5-info2 {
	border: #2f353d 1px solid;
	padding: 2%;
	margin: 2% 0;
}