@charset "utf-8";
/* CSS Document */

/*-------------------------
publicrelations  ---  event-report, topic
広報活動ページ内のイベントレポート、トピックエリア
-------------------------*/
.t18-publicrelations-article-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	font-size: 0;
	margin: 0;
	padding: 0;
}
.t18-publicrelations-article-list li {
	display: inline-block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.t18-publicrelations-article-list li:nth-child(2n) {
	margin-right: 0;
}
.t18-publicrelations-article-list li a {
	color: #000;
	text-decoration: none;
	display: inline-block;
}
.t18-publicrelations-article-list li .t18-publicrelations-article-list-img {
	display: inline-block;
	width: 100%;
}
.t18-publicrelations-article-list li .t18-publicrelations-article-list-img img {
	width: 100%;
	height: auto;
}
.t18-publicrelations-article-list li .t18-publicrelations-article-list-txt {
	text-decoration: none;
	font-size: 1.6rem;
	margin: 10px 0 0;
	line-height: 1.5;
}
.t18-publicrelations-article-list li a:hover .t18-publicrelations-article-list-txt {
	opacity: 0.6;
}

/*-------------------------
テレビCM、会社紹介動画、テレビ番組放送事例をトピック等と同じつくりにする_202204
-------------------------*/
.t18-publicrelations-article-list iframe {
	border: 0; width: 100%
}
/*-------------------------
ここまで
-------------------------*/



@media screen and (max-width: 750px) {
	.t18-publicrelations-article-list li .t18-publicrelations-article-list-txt {
		    font-size: 2.6rem;
    line-height: 1.3;
    margin-top: 15px;
	}
	.t18-common-btn-area span {
		border-radius: 50px;
	}
}

/*-------------------------
publicrelations  >  event-report, topic
イベントレポート、トピック 各一覧ページ
-------------------------*/

.t18-publicrelations-article-page .t18-publicrelations-article-list li .t18-publicrelations-article-list-img {
	width: 38%;
	margin-right: 5%;
}
.t18-publicrelations-article-page .t18-publicrelations-article-list li .t18-publicrelations-article-list-txt {
	width: 57%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

@media screen and (max-width: 750px) {

	.t18-publicrelations-article-page .t18-publicrelations-article-list li {
		display: inline-block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 4%;
	}
	.t18-publicrelations-article-page .t18-publicrelations-article-list li .t18-publicrelations-article-list-img {
		width: 35%;
		margin-right: 3%;
	}
	.t18-publicrelations-article-page .t18-publicrelations-article-list li .t18-publicrelations-article-list-txt {
		width: 62%;
		font-size: 3.2rem;
	}
}








/*-------------------------
雑誌掲載
-------------------------*/
.t18-magazine-area > ul {
   margin: 0 auto 60px;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   max-width: 873px;
   text-align: left;
}
.t18-magazine-area > ul li {
   list-style-type: none;
   margin: 0 0 20px 19px;
   position: relative;
   width: 31%;
   font-size: 1.6rem;
   display: flex;
   flex-direction: column;
}
.t18-magazine-area > ul li:nth-child(3n+1) {
   margin: 0 0px 20px 0;
}
.t18-magazine-area > ul li > a {
	display: inline-block;
   border: 1px solid #ccc;
   color: #000;
   letter-spacing: -.4px;
   line-height: 1.5;
   padding: 20px;
   text-align: center;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -ms-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   opacity: 1;
   text-decoration: none;
}
.t18-magazine-area > ul li > a:hover {
   text-decoration: underline;
}
.t18-magazine-area > ul li img {
   display: block;
   margin: 0 auto 11px;
   height: auto;
   width: 70%;
}
.t18-magazine-area > ul li .t18-catalog-download {
   clear: both;
   display: block;
   font-size: 1.2rem;
   color: #999;
   margin: 10px 0 0;
}
.t18-magazine-area > ul li .t18-catalog-download::before {
   margin: 0px 2px 0 0px;
   content: "";
   display: inline-block;
   width: 19px;
   height: 24px;
   background: url(/common/images/icon_pdf.png);
   background-size: 19px;
   background-repeat: no-repeat;
   vertical-align: middle;
   padding: 2px 0 0;
}
.t18-magazine-area > ul li .t18-magazine-tit {
	font-size: 1.4rem;
	line-height: 1.5;
}
.t18-magazine-area > ul li .t18-magazine-link {
   margin: 0px auto 26px;
}
.magazine-area-ul {
   margin-bottom: 0px !important;
}

@media screen and (max-width: 750px) {
   .t18-magazine-area > ul li {
      font-size: 2.4rem;
      width: 48%;
   }
   .t18-magazine-area > ul li:nth-child(3n+1) {
      margin: 0 0px 20px 19px;
   }
   .t18-magazine-area > ul li:nth-child(odd) {
      margin: 0 0px 20px 0;
   }
   .t18-magazine-area > ul li .t18-catalog-download {
      font-size: 2.2rem;
   }
	.t18-magazine-area > ul li .t18-magazine-tit {
		font-size: 2.4rem;
	}
   .t18-magazine-area > ul li .t18-magazine-link {
      margin: 0px auto 63px;
   }
   .t18-magazine-area > p {
      font-size: 3rem;
      line-height: 1.5;
   }
}



/* 2020.03.05 グラフィック部分2行目突入に際し修正
---------------------------------------------------------------------------------*/
.t18-publicRelations-outer-outer {
    display: flex;
   width: 100%;
    flex-wrap: wrap;
}
.t18-publicRelations-outer {
   width: 278px;
   float: none;
   margin-bottom: 19px;
    margin-left: 0;
}
.t18-publicRelations-outer-outer .t18-mr19 {
    margin-right: 19px;
}
@media screen and (max-width: 750px) {
.t18-publicRelations-outer-outer {
    display: block;
   width: 100%;
}
.t18-publicRelations-outer {
    display: block;
   width: 100%;
   float: none;
   margin-bottom: 19px;
    margin-left: auto;
    margin-right: auto;
}
.t18-publicRelations-outer-outer .t18-mr19 {
    margin-right: 0;
}
}



/* 2021.03.22 塗り絵追加
---------------------------------------------------------------------------------*/
.txt-coloring {
   color: #cf1c48;
}
.t18-publicrelations-article-listcolor {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 0;
  margin: 0;
  padding: 0;
   justify-content: space-between;
}
.t18-publicrelations-article-listcolor li {
  display: inline-block;
  width: 47.8%;
  margin-bottom: 6%;
}
.t18-publicrelations-article-listcolor li a {
   color: #000;
   text-decoration: none;
}
.t18-publicrelations-article-listcolor li dl {
   margin: 0;
   padding: 0;
}
.t18-publicrelations-article-listcolor li dl dt {
   width: 100%;
   margin: 0 0 10px;
   padding: 0;
   border: 1px solid #ccc;
}
.t18-publicrelations-article-listcolor li dl dt img {
  width: 100%;
  height: auto;
}
.t18-publicrelations-article-listcolor li dl dd {
   width: 100%;
   margin: 0;
   padding: 0;
   text-align: center;
   font-size: 1.8rem;
   font-weight: bold;
   line-height: 1.4;
}
.t18-publicrelations-article-listcolor li dl dd span {
   font-size: 1.4rem;
   font-weight: normal;
   display: block;
   margin-bottom: 10px;
}
.t18-publicrelations-article-listcolor li dl dd .clrbtn {
   display: inline-block;
   background: #bf0011;
   color: #fff;
   padding: 5px 20px;
   border-radius: 25px;
}
.t18-publicrelations-article-listcolor li dl dd .clrbtn:hover {
   opacity: 0.6;
}
.display_pc {
   display: block;
}
.clrimg img {
   width: 100%;
   height: auto;
}
@media screen and (max-width: 750px) {
.t18-publicrelations-article-listcolor li dl dd {
   font-size: 2.4rem;
}
.t18-publicrelations-article-listcolor li dl dd span {
   font-size: 1.6rem;
}
.display_pc {
   display: none;
}
.t18-publicrelations-article-listcolor li dl dd .clrbtn {
   font-size: 1.6rem;
}
}

/* 2022.8.18 動画エリア改修
---------------------------------------------------------------------------------*/
.iframe_box {
	display: flex;
	flex-wrap: wrap;
}
.iframe_box_item {
	display: inline-block;
	width: 48%;
	height: 100%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.iframe_box :nth-of-type(2n) {
 margin-right: 0;
}
.iframe_pub{
	width: 100%;
	height: 241px;
	border: 0;
}

.iframe_text {
	font-size: 1.6rem;
	margin: 10px 0 0;
	line-height: 1.5;
}

@media screen and (max-width: 750px){
	.iframe_box {
		display: block;
		text-align:center;
	}
	.iframe_box_item {
		width: 80%;
		height:auto;
		margin-right: 0;
	}
	.iframe_pub{
		width: 100%;
		height: 338px;
		border: 0;
	}
	.iframe_text {
		font-size: 2.6rem;
		line-height: 1.3;
		margin-top: 15px;
	}
}


/* 2022.03.01 テレビCM2行目突入に際し修正　→　2022.03.18 テレビCMが1行に戻ったのでコメントアウト
---------------------------------------------------------------------------------*/
/* @media screen and (max-width: 750px) {
	.sp_mb0 {
		margin-bottom: 0;
	}
} */