@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/base.css");



/*----- NEWS詳細 設定 ----------------------------------------------------*/


/*----- 各セクション 設定 ----------------------------------------------------*/

section.sectionWrap{ position:relative; width:100%; padding:30px 0; float:left; }
.sectionWrap2{ background:#f3f7ff; }
.sectionWrap3{ background:url('../../img/companyprolife/section_contact_bg.jpg') no-repeat; background-size:cover; background-position:top center;}

div.sectionArea{ width:1200px; margin:0 auto; }

h2.sectionTit{ width:100%; padding:30px 0; text-align:center; line-height:1.2em; float:left; }
h2.sectionTit2{ width:100%; padding:30px 0; text-align:left; line-height:1.2em; float:left; }
h2.sectionTit strong,
h2.sectionTit2 strong{ font-size:2em; font-weight:bold; }
h2.sectionTit small,
h2.sectionTit2 small{ font-size:1em; font-weight:normal; letter-spacing:0.2em; line-height:0em; }

.icon {
    margin-right: 10px;
    font-size: 1em;
    vertical-align: middle;
}

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
 
    div.sectionArea{ width:96%; }
    
    h2.sectionTit{ padding:10px 0; text-align:center; line-height:1.2em; float:left; }
    h2.sectionTit2{ padding:10px 0; text-align:left; line-height:1.2em; float:left; }
    h2.sectionTit strong,
    h2.sectionTit2 strong{ font-size:1em; }
    h2.sectionTit small,
    h2.sectionTit2 small{ font-size:0.6em; }
    
}

/*----- NEWS詳細 設定 ----------------------------------------------------*/

article.singleNews{ width:96%; padding:20px 2%; float:left; }
.singleNews_date{ width:100%; font-size:0.9em; flaot:left; }
.singleNews_title{ width:100%; font-size:1.4em; font-weight:bold; border-bottom:1px solid #18314c; float:left; }
.singleNews_img{ width:40%; padding:0 30%; margin:20px 0; text-align:center; float:left; }
.singleNews_content{ width:100%; padding:20px 0 0; float:left; }

.singleNews_content p{ margin:0 0 1.7em; }

/* WPの画像センタリング対応 */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 念のため figure や div で囲まれているケースにも対応 */
figure.aligncenter,
div.aligncenter {
	text-align: center;
}

figure.aligncenter img,
div.aligncenter img {
	display: inline-block;
}


.postNavArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
	padding-top: 30px;
	position: relative;
    width:100%;
    float:left;
}

.postNavPrev,
.postNavNext {
	width: 33.33%;
	text-align: left;
}

.postNavNext {
	text-align: right;
}

.postNavList {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.postNavArea a {
	color: #131c2e;
	text-decoration: none;
	font-weight: bold;
}

.postNavArea a:hover {
	text-decoration: underline;
}


/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
    
    .singleNews_title{ font-size:1.2em; }
    .singleNews_img{ width:90%; padding:0 5%; }
    
}