/* -----------------------------------------------------------------
   ニュースリリースタイプの記事のための共通css
------------------------------------------------------------------*/


/* 本文用
--------------------------------------------------- */
.t18-news-mainArea-detail p {
    clear: both;
    font-size: 1.6rem;
    line-height: 2;
    padding: 0;
    margin: 30px 0;
}
@media screen and (max-width: 750px) {
.t18-news-mainArea-detail p {
    font-size: 3.2rem;
    line-height: 1.5;
    padding: 0;
    margin: 30px 0;
    word-break: break-all;
}
.t18-news-mainArea-detail img {
 width:100%; height: auto;
}
}



/* キャプション用
--------------------------------------------------- */
.caption {
    font-size: 85%; line-height:1.5; display:block;
}

@media screen and (max-width: 750px) {
.caption { 
    font-size: 180% !important;
}
}



/* 本文よりQ数を下げたテキスト用
--------------------------------------------------- */
.hosoku { 
    font-size: 90% !important; line-height:1.5; display:block;
}

@media screen and (max-width: 750px) {
.hosoku { 
    font-size: 180% !important;
}
}



/* 2カラム用
--------------------------------------------------- */
.column2 { display: flex; align-items: center; }
.column2 p { margin: 0; padding: 0; }
.column2 img { width:100%; height: auto; }

/* 2カラムの割合 */
.w70 { width: 68%; }
.w60 { width: 58%; }
.w50 { width: 48.5%; }
.w40 { width: 40%; }
.w30 { width: 30%; }

@media screen and (max-width: 750px) {
.column2 { display: block; }
.w70, .w60, .w50, .w40, w30 { width: 100%; }
}



/* テーブル用（<table class="detail">とする）
--------------------------------------------------- */
.detail { font-size: 1.6rem; line-height: 1.5; padding: 0; margin: 0; border-collapse: collapse; }
.detail, .detail th, .detail td { border:1px solid #ccc; }
.detail th { padding:8px 10px; background: #f4f4f4; white-space: nowrap; }
.detail td { padding:8px 10px; }

@media screen and (max-width: 750px) {
 .t18-news-mainArea-detail img { width:100%; height: auto; }
 .detail { font-size: 2.8rem; line-height: 1.5; width: 100%; }
 .detail th { display: block; text-align: left; padding:10px 20px; }
 .detail td { display: block; padding:10px 20px; }
}