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


/* 本文用
--------------------------------------------------- */
.t18-news-mainArea-detail p {
    clear: both;
    font-size: 1.6rem;
    line-height: 2;
    padding: 0;
    margin: 30px 0;
}
.t18-news-mainArea-detail img.center {
    margin: 0 auto;
    display:block;
    max-width: 640px;
}

@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 {
    max-width: 100%;
    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; }
}




/* 余白空ける用（上下左右）
--------------------------------------------------- */
.mgT0 { margin-top: 0 !important; }
.mgT5 { margin-top: 5px !important; }
.mgT10 { margin-top: 10px !important; }
.mgT15 { margin-top: 15px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT25 { margin-top: 25px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT35 { margin-top: 35px !important; }
.mgT40 { margin-top: 40px !important; }
.mgT45 { margin-top: 45px !important; }
.mgT50 { margin-top: 50px !important; }
.mgT55 { margin-top: 55px !important; }
.mgT60 { margin-top: 60px !important; }
.mgT65 { margin-top: 65px !important; }
.mgT70 { margin-top: 70px !important; }
.mgT75 { margin-top: 75px !important; }
.mgT80 { margin-top: 80px !important; }
.mgT85 { margin-top: 85px !important; }
.mgT90 { margin-top: 90px !important; }
.mgT95 { margin-top: 95px !important; }
.mgT100 { margin-top: 100px !important; }

.mgL0 { margin-left: 0 !important; }
.mgL5 { margin-left: 5px !important; }
.mgL10 { margin-left: 10px !important; }
.mgL15 { margin-left: 15px !important; }
.mgL20 { margin-left: 20px !important; }
.mgL25 { margin-left: 25px !important; }
.mgL30 { margin-left: 30px !important; }
.mgL35 { margin-left: 35px !important; }
.mgL40 { margin-left: 40px !important; }
.mgL45 { margin-left: 45px !important; }
.mgL50 { margin-left: 50px !important; }
.mgL55 { margin-left: 55px !important; }
.mgL60 { margin-left: 60px !important; }
.mgL65 { margin-left: 65px !important; }
.mgL70 { margin-left: 70px !important; }
.mgL75 { margin-left: 75px !important; }
.mgL80 { margin-left: 80px !important; }
.mgL85 { margin-left: 85px !important; }
.mgL90 { margin-left: 90px !important; }
.mgL95 { margin-left: 95px !important; }
.mgL100 { margin-left: 100px !important; }

.mgR0 { margin-right: 0 !important; }
.mgR5 { margin-right: 5px !important; }
.mgR10 { margin-right: 10px !important; }
.mgR15 { margin-right: 15px !important; }
.mgR20 { margin-right: 20px !important; }
.mgR25 { margin-right: 25px !important; }
.mgR30 { margin-right: 30px !important; }
.mgR35 { margin-right: 35px !important; }
.mgR40 { margin-right: 40px !important; }
.mgR45 { margin-right: 45px !important; }
.mgR50 { margin-right: 50px !important; }
.mgR55 { margin-right: 55px !important; }
.mgR60 { margin-right: 60px !important; }
.mgR65 { margin-right: 65px !important; }
.mgR70 { margin-right: 70px !important; }
.mgR75 { margin-right: 75px !important; }
.mgR80 { margin-right: 80px !important; }
.mgR85 { margin-right: 85px !important; }
.mgR90 { margin-right: 90px !important; }
.mgR95 { margin-right: 95px !important; }
.mgR100 { margin-right: 100px !important; }

.mgB0 { margin-bottom: 0 !important; }
.mgB5 { margin-bottom: 5px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB15 { margin-bottom: 15px !important; }
.mgB20 { margin-bottom: 20px !important; }
.mgB25 { margin-bottom: 25px !important; }
.mgB30 { margin-bottom: 30px !important; }
.mgB35 { margin-bottom: 35px !important; }
.mgB40 { margin-bottom: 40px !important; }
.mgB45 { margin-bottom: 45px !important; }
.mgB50 { margin-bottom: 50px !important; }
.mgB55 { margin-bottom: 55px !important; }
.mgB60 { margin-bottom: 60px !important; }
.mgB65 { margin-bottom: 65px !important; }
.mgB70 { margin-bottom: 70px !important; }
.mgB75 { margin-bottom: 75px !important; }
.mgB80 { margin-bottom: 80px !important; }
.mgB85 { margin-bottom: 85px !important; }
.mgB90 { margin-bottom: 90px !important; }
.mgB95 { margin-bottom: 95px !important; }
.mgB100 { margin-bottom: 100px !important; }