@charset "UTF-8";
/*-------------------------------------------
以下ホットファクトリー記述
-------------------------------------------*/


/*-------------------------------------------
20170124 テーブルフォントサイズ
-------------------------------------------*/
/*th, td {
  font-weight: normal;
  font-size: 80%;
}
*/

/*-------------------------------------------
20170204 テーブル要素
-------------------------------------------*/
/*.pl_table01 {
  background: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.pl_table01 tr > * {
  padding: 10px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.pl_table01 th {
  text-align: center;
  background: #eee;
  font-weight: bold;
  border-top: 1px solid #ccc;
}
*/
/*-------------------------------------------
20170206 ボタンカラー追加
-------------------------------------------*/

.pl_btnT07 {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  margin-bottom: 5px;
  font-weight: bold;
  max-width: 100%;
  line-height: 1.1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pl_btnT07 > * {
  display: table-cell;
  vertical-align: middle;
}

.pl_btnT07 {
  border: 2px solid #ccc;
  padding: 10px;
  text-align: center;
  background: #3f6ebd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 3px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 3px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 3px 1px;
  color: #fff !important;
}

table td > .pl_btnT07 {
  display: block;
}

button.pl_btnT07 > span {
  display: block;
}

/*-------------------------------------------
20170207　旧要素リストマーク復活
-------------------------------------------*/
.listMark {
	text-indent:-1em;
	text-indent: -1em;
}


/*-------------------------------------------
20170317　ラベルアイコン鮮やかな黄色・テキスト黒追加
-------------------------------------------*/
*[class*="pl_labelIcon"].pl_labelIconYe01 {
  background: #FFFF00;
}

.pl_tBlack01 {
  color: #000000 !important;
}

/*-------------------------------------------
20170317　tdカラー追加
-------------------------------------------*/
.pl_table01 .pl_bg08, .pl_table02 .pl_bg08, .pl_table03 .pl_bg08, .pl_table04 .pl_bg08, .pl_table05 .pl_bg08 {
  background: #DB032C !important;
  color: #fff;
}

/*-------------------------------------------
20171019　赤枠（ピンク背景）
-------------------------------------------*/
.pl_borderBlockRed {
  border: 1px solid #CC0000;
  margin-bottom: 20px;
  padding: 15px 10px 10px 10px;
}
.pl_borderBlockRed.pl_bgPink {
  background: #FCF3F4;
}



/*-------------------------------------------
20190122 ニュース用追加CSS
-------------------------------------------*/


.pl_h3Title02 {
  position: relative;
  margin-bottom: 15px;
  border-bottom: 2px solid #ccc;
}
.pl_h3Title02:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 170px;
  height: 2px;
  background: #000121;
}
.pl_h3Title02 .pl_titleInner {
  padding-left: 8px;
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
}





*[class*="pl_boxColumn"] {
  margin-bottom: 20px;
}

*[class*="pl_boxColumn"]:before, *[class*="pl_boxColumn"]:after,
*[class*="pl_column"]:before,
*[class*="pl_column"]:after {
  content: " ";
  display: table;
}
*[class*="pl_boxColumn"]:after,
*[class*="pl_column"]:after {
  clear: both;
}

.pl_boxColumn1 .pl_imgBLock02 {
  display: table;
  margin: 0 auto 15px;
}

.pl_boxColumn1 > * {
  margin-top: 10px;
}
.pl_boxColumn1 > *:first-child {
  margin-top: 0;
}

.pl_boxColumn2 > *, .pl_boxColumn2 > *.pl_imgBLock02 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  /*	width: 345px; */
  width: 100%;
  margin: 10px 0 0 0;
}
.pl_boxColumn2 > *.pl_text, .pl_boxColumn2 > *.pl_imgBLock02.pl_text {
  padding-left: 15px;
}
.pl_boxColumn2 > *.pl_text > p + p, .pl_boxColumn2 > *.pl_imgBLock02.pl_text > p + p {
  margin-top: 10px;
}
.pl_boxColumn2 > *.pl_columnW335, .pl_boxColumn2 > *.pl_imgBLock02.pl_columnW335 {
  width: 335px;
  margin: 10px  0 0 20px;
}

.pl_boxColumn3 > *, .pl_boxColumn3 > *.pl_imgBLock02, .pl_boxColumn3 > *.pl_borderBlock02 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 49%;
  margin: 10px 0 0 2% !important;
}

.pl_boxColumn2 > *:nth-child(1n+1),
.pl_boxColumn3 > *:nth-child(2n+1) {
  margin-left: 0 !important;
}




/*-------------------------------------------
20171027 youtube可変用
-------------------------------------------*/
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0;
    overflow: hidden;
}
 
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------------------------
20180110 テーブル内PDF用
-------------------------------------------*/
table .pl_linkPdf01 > span {
  position: relative;
  padding-left: 3.8em;
  font-weight: bold;
  padding-top: 0.3em;
}
table .pl_linkPdf01 > span:before {
  content: "PDF";
  display: block;
  position: absolute;
  top: 0.3em;
  left: 0;
  background: #1d3994;
  color: #fff;
  font-size: 1.2rem;
  width: 3em;
  text-align: center;
  line-height: 1.3;
}


/*-------------------------------------------
20180117 テキスト装飾用（帯色黄）
-------------------------------------------*/
*[class*="pl_labelIcon"].pl_labelIconOc01 {
  background: #d6b646;
}


/*-------------------------------------------
20180312 lb lOut linkMore ニュース以外にも追加
-------------------------------------------*/
/*#pl_content #pl_main #pl_mainContent a.lb {
    background: #FFFFFF url(/_pl_img/old/_img/news_list_arrow.png) no-repeat right center;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    clear: both;
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 10px 5px;
    padding: 10px 25px 10px 10px;
    text-align: center;
}
#pl_content #pl_main #pl_mainContent a.lOut {
    text-decoration: underline;
    background-image: url(/_pl_img/old/_img/outlink.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}*/

.pl_linkMore01 > span {
  position: relative;
  padding-left: 15px;
  font-size: 1.3rem;
  font-weight: bold;
}
.pl_linkMore01 > span:before {
  display: block;
  position: absolute;
  line-height: 1;
}
.pl_linkMore01 > span:before {
  content: url(../_pl_img/ico_arrow_right02.png);
  top: 50%;
  left: 0;
  margin-top: -0.5em;
}

.pl_linkMore02 > span {
  position: relative;
  padding-left: 15px;
  font-size: 1.3rem;
  font-weight: bold;
}
.pl_linkMore02 > span:before {
  display: block;
  position: absolute;
  line-height: 1;
}
.pl_linkMore02 > span:before {
  content: url(../_pl_img/ico_arrow_right01.png);
  top: 50%;
  left: 0;
  margin-top: -0.5em;
}

.pl_linkMore03 > span {
  position: relative;
  display: block;
  padding-left: 15px;
}
.pl_linkMore03 > span:before {
  display: block;
  position: absolute;
  line-height: 1;
}
.pl_linkMore03 > span:before {
  content: "";
  top: 0.3em;
  left: 0;
  width: 10px;
  height: 15px;
  margin-top: 0;
  background-image: url(../_pl_img/ico_arrow_right02.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.pl_tRight .pl_linkMore03 > span {
  display: inline-block;
}

.pl_linkMore04 > span {
  font-size: 1.3rem;
  font-weight: bold;
  padding-right: 15px;
  position: relative;
}
.pl_linkMore04 > span:after {
  display: block;
  position: absolute;
  line-height: 1;
}
.pl_linkMore04 > span:after {
  content: url(../_pl_img/ico_arrow_right01.png);
  top: 50%;
  right: 0;
  margin-top: -0.5em;
}

/*-------------------------------------------
20180316 ボタンの文字中央寄せに
-------------------------------------------*/
.pl_textBlock01 .pl_btnT04 > *,
.pl_textBlock01 .pl_btnT05 > *,
.pl_textBlock01 .pl_btnT06 > * {
  display: block;
}
/*-------------------------------------------
20180829 旧要素LineRed復活
-------------------------------------------*/
*[class*="pl_contentBlockA02"] .LineRed {
    border: 1px solid #CC0000;
    color: #CC0000;
    padding: 1px 2px;
}

/*-------------------------------------------
20181125　お問い合わせページに外部リンクボタンのマーク表示用
-------------------------------------------*/

.pl_iconNewWindow02:after, .pl_iconNewWindow03:after {
    content: "";
    top: 0.5em;
    right: 10px;
    width: 18px;
    height: 15px;
    margin-top: 0;
    background-image: url(../_pl_img/ico_newwindow_01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.pl_iconNewWindow02:after, .pl_iconNewWindow03:after {
    display: block;
    position: absolute;
    line-height: 1;
}

/*-------------------------------------------
20181121　偶数列テキストボタン（複数行）用  20190208追記
-------------------------------------------*/
.bs_2button,.bs_4button,.bs_6button,.bs_8button {
	margin-bottom: -10px;
}
.bs_2button a,
.bs_4button a,
.bs_6button a,
.bs_8button a{
	display: inline-block;
    width: 49%;
    margin-right: 2%;
	text-align: center;
	text-align: -webkit-center;
}
.bs_2button a:nth-child(2n),
.bs_4button a:nth-child(2n),
.bs_6button a:nth-child(2n),
.bs_8button a:nth-child(2n) {
    margin-right: 0;
}
.bs_2button a span,
.bs_4button a span,
.bs_6button a span,
.bs_8button a span {
	display: table-cell;
    height: 3.2rem;
    vertical-align: middle;
    line-height: 1.3em;
    font-size: small;
}

/*-------------------------------------------
20190208　3列テキストボタン（複数行）用
-------------------------------------------*/
/*.bs_3button {
	margin-bottom: -10px;
}
.bs_3button a{
	display: inline-block;
    width: 32%;
    margin-right: 1.3%;
	text-align: center;
	text-align: -webkit-center;
}
.bs_3button a:nth-child(3n) {
    margin-right: 0;
}
.bs_3button a span {
	display: table-cell;
    height: 3.2rem;
    vertical-align: middle;
    line-height: 1.3em;
    font-size: small;
}*/

/*-------------------------------------------
20190609　ボタン リンクなしバージョン
-------------------------------------------*/
.pl_btnBlock01 .bs_btnOff {
  cursor: default;
}



/*-------------------------------------------
20190909　文字色
-------------------------------------------*/
.pl_tOrange01 {
  color: #ff3300;
}

/*-------------------------------------------
20190909　文字色
-------------------------------------------*/
.bs_oList .pl_imgBLock05 .pl_imgBlockInner:after {
  content: "";
  top: 50%;
  right: 10px;
  width: 10px;
  height: 15px;
  margin-top: -0.5em;
  background-image: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}


/*-------------------------------------------
20210126　画像マウスオン
-------------------------------------------*/
.onmouse {
  position: relative;
}
.onmouse .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
.onmouse:hover .active {
  opacity: 1;
}


/*-------------------------------------------
2020129　囲み、注釈
-------------------------------------------*/
.pl_borderBlock01 {
  border: 2px solid #ccc;
  margin-bottom: 20px;
  padding: 15px 10px 10px 10px;
  /*
    .pl_detail {
      > p + p{
        margin-top: 10px;
      }
    }
  */
}



/*-------------------------------------------
2021.2.2　背景 灰見出し
-------------------------------------------*/
*[class*="pl_labelIcon"].pl_labelIconGra01 {
    background: #eee;
    color: #333;
}

/*-------------------------------------------
20210209　リストマーク カッコ用
-------------------------------------------*/
.listMark2 {
    text-indent: -2.5em;
    padding-left: 2.5em;
}

/*-------------------------------------------
20210319　マージンパディング追加
-------------------------------------------*/
.pl_mb50 {
  margin-bottom: 50px !important;
}
.pl_mb60 {
  margin-bottom: 60px !important;
}

.pl_pt50 {
  padding-top: 50px !important;
}
.pl_pt60 {
  padding-top: 60px !important;
}



/*-------------------------------------------
20210512　水色背景
-------------------------------------------*/
.pl_borderBlockBlue {
  border: 1px solid #4495d1;
  margin-bottom: 20px;
  padding: 20px;
}
.pl_borderBlockBlue.pl_bgBlue {
  background: #dff1ff;
}



/*-------------------------------------------
20211109　pl_mb70〜100
-------------------------------------------*/
.pl_mb70 {
  margin-bottom: 70px !important;
}

.pl_mb80 {
  margin-bottom: 80px !important;
}


.pl_mb90 {
  margin-bottom: 90px !important;
}


.pl_mb100 {
  margin-bottom: 100px !important;
}

.pl_mb200 {
  margin-bottom: 200px !important;
}


/*-------------------------------------------
20220629　PCのみ設定されている▲▼要素を追加
-------------------------------------------*/
.pl_glyphArrowTop01 {
  background: url("/_pl_img/ico_arrow_top04.png") left center no-repeat;
  padding-left: 20px;
}

.pl_glyphArrowBottom01 {
  background: url("/_pl_img/ico_arrow_bottom04.png") left center no-repeat;
  padding-left: 20px;
}