@charset "utf-8";

/*共通------------------------------------------*/


@media screen and (min-width:641px){ /*PC*/}
@media screen and (max-width:640px){ /*SP*/}


ul.img2 li,ul.img3 li,ul.img4 li{
	float: left;
	margin: auto;
	background: none!important;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
	overflow: hidden;
	_zoom: 1;
}

ul.img2 li:before,ul.img3 li:before,ul.img4 li:before{
	content:none!important;
}

ul.img2 li{width: 50%;}
ul.img3 li{width: 33%;}
ul.img4 li{width: 25%;}



@media screen and (min-width:641px){ /*PC*/
	.free dt{
		float: left;
		margin-right: 10px;
	}

	.free2 dt{
		float: right;
		margin-left: 10px;
	}

	.free dd,.free2 dd{
		padding: 0 15px;
		overflow: hidden;
		_zoom: 1;
	}
}

@media screen and (max-width:640px){ /*SP*/
	.free dt,.free2 dt{
		text-align: center;
		margin-bottom: 15px;
	}
}


.notice{color: red;}

/*p_cont----------------------------------------------*/

.p_cont a{text-decoration: underline;}
.p_cont a:hover{text-decoration: none;}

.p_cont{margin-bottom: 25px;}

#top_title{margin-bottom: 20px;}

.p_ttl{
	margin-bottom: 20px;
	background: #52a7de;
	padding: 20px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

.p_ttl h1{
	background: url('../img/h1.png') no-repeat left 30%;
	padding-left: 40px;
	font-size: 142.9%;
	color: white;
}


.c_title{
	border-top: 1px solid #428a12;
	padding: 15px 15px 15px 45px;
	background: url('../img/ttl_icon.gif') no-repeat 5px center;
	margin-bottom: 25px;
	color: #428a12;
	font-size: 128.6%;
}

.c_title h1{}


.p_cont h2{
	font-size: 128.6%;
	font-weight: normal;
	position: relative;
	color: #ffffff;
	padding: 10px 20px 10px 40px;
	background-color: #7bc34a;
	margin-bottom: 20px;
}

.p_cont h2:before{
	font-family: FontAwesome;
	content: "\f0c8";
	color: #ffffff!important;
	margin-right: 5px;
	font-weight: normal;
	position: absolute;
	top: 25%;
	left: 15px;
}

.p_cont h2 a{color: #ffffff;}

.p_cont p + h2,.p_cont div + h2,
.p_cont ul + h2,.p_cont ol + h2,
.p_cont table + h2,.p_cont dl + h2{
	margin-top: 35px;
}


.p_cont p + h3,.p_cont div + h3,
.p_cont ul + h3,.p_cont ol + h3,
.p_cont table + h3,.p_cont dl + h3{
	margin-top: 25px;
}

.p_cont h3{
	font-size: 107.1%;
	font-weight: normal;
	background:#f3f3f3;
	border:1px solid #dddcdc;
	padding: 5px 0 5px 15px;
	margin-bottom: 15px;
}



.p_cont h4{
	background: url('../img/h4.gif') repeat left top;
	padding: 8px 13px;
	margin-bottom: 15px;
}

.p_cont h4:before{
	font-family: FontAwesome;
	content: "\f152";
	margin-right: 5px;
	font-weight: normal;
}

/*table*/

.p_cont table{
	margin-bottom: 15px;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.p_cont table th,.p_cont table td{
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
}

.p_cont table th{
	background: #e9f8fe;
	padding: 10px 15px;
	vertical-align: middle;
}

.p_cont table td{padding: 10px 15px;}

@media screen and (max-width:640px){ /*SP*/
	.p_cont table th{
		width:100%!important;
	}
	.p_cont table th,.p_cont table td{
		display: block;
	}
}

.n_border,.n_border th,.n_border td{
	border:none!important;
}


/*リスト*/
.p_cont ul,.p_cont ol,.p_cont dl{margin-bottom: 15px;}

.p_cont ul li{margin-bottom: 10px;}

.p_cont ul{padding-left: 20px;}

.p_cont table ul{padding-left: 5px!important;}

.p_cont ul>li:before{
	font-family: FontAwesome;
	content: "\f152";
	margin-right: 5px;
	color: #e78614;
}

.p_cont ol li{
	list-style-type: decimal;
	margin-left: 45px;
}

/*記事内容*/

.post{
	border: 1px solid #dedede;
	padding: 10px;
	margin-bottom: 20px;
}

.post_date{
	text-align: right;
	border-bottom: 1px dotted #c1c1c1;
	padding-bottom: 5px;
}

.more{text-align: right;}

.more a{
	color: #428a12;
	border: 1px solid #dedede;
	padding: 5px 15px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	text-decoration: none!important;
}

.more a:hover{
	border: 1px solid #7bc34a;
	text-decoration: none!important;
}

/**/
.switch{
	position: relative;
	padding-right: 45px!important;
}

.switch:hover{cursor: pointer;}


.switch:after{
	font-family: FontAwesome;
	content: "\f150";
	position: absolute;
	right: 20px;
	top: 25%;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
}

/*グループ企業ページ*/

.link_btn a{
	display: inline-block;
	padding: 10px 30px;
	color: #ffffff;
	background-image: -webkit-linear-gradient(#ff7200, #ff8a00);
	background-image: -o-linear-gradient(#ff7200, #ff8a00);
	background-image: linear-gradient(#ff7200, #ff8a00);
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
	position: relative;
}

.link_btn a:after{
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 25%;
}

.link_btn a:hover{background: #ff6600;}

.date_table{
	border-top: none!important;
	border-left: none!important;
	border-bottom: 1px solid #dedede;
}

.date_table th,.date_table td{
	border-top: 1px solid #dedede;
	border-right: none!important;
	border-bottom: none!important;
}

.date_table th{
	background: none!important;
	color: #307cad;
}

@media screen and (min-width:641px){ /*PC*/
	.date_table th{width: 30%;}
}

@media screen and (max-width:640px){ /*SP*/
	.date_table th,.date_table td{
		display: block;
	}
}

/*お問合せ*/
table.inq input {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #c1c1c1;
}

@media screen and (max-width:640px){ /*SP*/
	table.inq input,table.inq textarea{
		width: 100%;
	}
	.wpcf7-list-item label {
	    display: block;
	    border: 1px solid #c1c1c1;
	    margin-bottom: 5px;
	    text-align: center;
	    cursor: pointer;
	    background: #ececec;
	    border-radius: 5px;
	    padding: 10px;
	}
}



/*ページ前後リンク*/
.pagelink{
	margin: 15px 0!important;
	padding: 0!important;
}

.pagelink li{
	padding: 0 10px;
	-webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */  
	-moz-box-sizing: border-box;　/* Firefox用 */  
	-ms-box-sizing: border-box;　/* Internet Explorer 8用 */  
	box-sizing: border-box;　/* Opera用 */
	margin-bottom: 5px!important;
}

.pagelink li:before{content: none!important;}

@media screen and (min-width:641px){ /*PC*/
	.pagelink li{
		width: 50%;
		float: left;
	}
}

@media screen and (max-width:640px){ /*SP*/
	.pagelink li{width: 100%;}
}

.pagelink li a,.pagelink li span{
	display: block;
	padding: 10px 15px;
	text-align: center;
	border: 1px solid #dedede;
	text-decoration: none!important;
}

.pagelink li a:hover{background: #e9f8fe;}



.link_prev a:before{
	font-family: FontAwesome;
	content: "\f060";
	color: #52a7de;
	padding-right: 5px;
}

.next_prev a:after{
	font-family: FontAwesome;
	content: "\f061";
	color: #52a7de;
	padding-left: 5px;
}

.box2 {
	padding: 20px 1.25em;
	border: 1px solid #aaa;
	margin-bottom: 2em;
}
.box2 :last-child {
	margin-bottom: 0;
}