@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.caseDetail{ width:96%; padding:20px 2%; float:left; }
.caseDetail_date{ width:100%; font-size:0.9em; float:left; }
.caseDetail_title{ width:100%; font-size:1.4em; font-weight:bold; border-bottom:1px solid #18314c; float:left; }

.caseDetail_category{ width:100%; padding:10px 0; float:left; }
.caseCat {
  display: inline-block;
  padding: 0.3em 0.8em;
  font-size: 0.85em;
  border-radius: 3px;
  margin-right: 5px;
}

/* デフォルト → cat-case-1 */
.caseCat.cat-case-1 {
  background: #09f0fe;
  color: #0e1523;
}

/* その他のカテゴリ（背景だけ or 背景＋文字色） */
.caseCat.cat-case-6 { background: #09f0fe; color: #0e1523; } /* デフォルト */
.caseCat.cat-case-7 { background: #f0a909; color: #0e1523; }
.caseCat.cat-case-8 { background: #f06509; color: #fff; }
.caseCat.cat-case-9 { background: #09f05c; color: #0e1523; }
.caseCat.cat-case-10 { background: #9c09f0; color: #fff; }
.caseCat.cat-case-11 { background: #f0096c; color: #fff; }
.caseCat.cat-case-12 { background: #09d7f0; color: #0e1523; }
.caseCat.cat-case-13 { background: #f09b09; color: #0e1523; }
.caseCat.cat-case-14 { background: #098cf0; color: #fff; }
.caseCat.cat-case-15 { background: #6cf009; color: #0e1523; }





.caseDetail_img{ width:40%; padding:0 30%; margin:20px 0; text-align:center; float:left; }
.caseDetail_content{ width:100%; padding:20px 0 0; float:left; }
.caseDetail_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){
    
    .caseDetail_title{ font-size:1.2em; }
    
    .caseDetail_img{ width:90%; padding:0 5%; }
    
}