/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@import url("css.css");
body { font:16px 'Noto Sans JP', sans-serif; line-height:1.7; word-wrap:break-word; background:#ffffff; color:#333333; }
/*body::after { content:''; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:9999; pointer-events:none; opacity:0; -webkit-transition:opacity 2s ease; transition:opacity 2s ease; }
/*body.fadeIn::after { opacity:1; }*/

/*------------------------------
  a
-------------------------------*/
a { color:#333333; text-decoration:none; transition:opacity 0.3s ease-out; }
a:link { outline:none; }
a:hover { opacity:0.6; filter:alpha(opacity=60); }

a p{ color:#333333; text-decoration:none; transition:opacity 0.3s ease-out; }
a:hover p { opacity:0.6; filter:alpha(opacity=60); }

/* 赤ボタン */
.btn1 { text-align:center; display:flex; flex-wrap:wrap; justify-content:center; }
.btn1 li { display:flex; align-items:stretch; }
.btn1 li a { display:flex; align-items:center; justify-content:center; }
.btn1 a { background:url("../image/btn_arrow_w.png") no-repeat #bf1a25 right 10px center; padding:18px 80px; min-width:400px; font-size:120%; color:#ffffff; text-align:center; display:inline-block; margin:4vw auto 0; box-sizing:border-box; border-radius:6px; margin-left:20px; margin-right:20px; line-height:1.5; }
.btn1 a.iconWin { background:url("../image/icon_window_w.png") no-repeat #bf1a25 right 10px center; }

/* ブルーボタン */
.btn1 a.iconWin_blue { background:url("../image/icon_window_w.png") no-repeat #009EC1 right 10px center; }

/* グリーンボタン */
.btn1 a.iconWin_green { background:url("../image/icon_window_w.png") no-repeat #6DBE48 right 10px center; }


/* オレンジボタン */
.btn1 a.iconWin_orange { background:url("../image/icon_window_w.png") no-repeat #E28738 right 10px center; }

/* ピンクボタン */
.btn1 a.iconWin_pink { background:url("../image/icon_window_w.png") no-repeat #F0869E right 10px center; }


@media screen and (max-width:1080px) {
  .btn1.colTwo li { width:45%; }
  .btn1.colTwo a { padding:18px 30px; min-width:auto; width:90%; }
}


/* 罫枠ボタン */
.btn2 { text-align:center; display:flex; flex-wrap:wrap; justify-content:center; }
.btn2 li { display:flex; align-items:stretch; }
.btn2 li a { display:flex; align-items:center; justify-content:center; }
.btn2 a { background:url("../image/btn_arrow_b.png") no-repeat #ffffff right 10px center; padding:14px 80px; min-width:340px; font-size:120%; color:#33333; text-align:center; display:inline-block; margin:4vw auto 0; box-sizing:border-box; border-radius:6px; border:1px solid #8d8d8d; margin:20px 20px 0; line-height:1.5; }
.btn2 a.iconWin { background:url("../image/icon_window_g.png") no-repeat #ffffff right 10px center; }
@media screen and (max-width:1080px) {
  .btn2.colTwo li { width:45%; }
  .btn2.colTwo a { padding:18px 30px; min-width:auto; width:90%; }
}

/* PDFボタン */
.btn2 a.c-button-link { display: inline-grid; grid-template-columns: auto auto; justify-content: center; align-items: center; gap: 8px; }
.c-button-link__icon { display: flex; color: #b40914; }

/*------------------------------
  img
-------------------------------*/
img { vertical-align:bottom; }

/*------------------------------
  bg
-------------------------------*/
.colorBg { background:#fff3f3; border:1px solid #edd9d9; padding:30px; margin-top:70px; }

/*------------------------------
  table
-------------------------------*/
table { width:100%; margin-top:40px; }
table th { background:#ff8989; color:#ffffff; box-sizing:border-box; padding:15px; text-align:center; border:1px solid #cccccc; }
table td { box-sizing:border-box; padding:15px 20px; border:1px solid #cccccc; }
table tr:nth-child(odd) { background:#fff3f3; }

/*------------------------------
  display
-------------------------------*/
.displayBlock { display:block !important; }
.displayInline { display:inline !important; }
.displayNone { display:none !important; }
.pcDisplayNone { display:none !important; }
/*------------------------------
  list
-------------------------------*/
/* ● */
ul.listCircle { margin-top:50px; }
ul.listCircle li { position:relative; margin:20px 0 0 25px; text-align:left; }
ul.listCircle li:first-child { margin-top:0; }
ul.listCircle li::before { position:absolute; content:"●"; left:-20px; top:0.5em; color:#f5a2a2; font-size:60%; }
.colorBg ul.listCircle { margin-top:0; }

/* slick */
ul.slickList { margin:70px auto 0; }
ul.slickList li { width:100%; text-align:left; margin:0 20px; width:331px; }
ul.slickList li p:nth-child(1) { position:relative; overflow:hidden; padding-top:56.5%; }
ul.slickList li p:nth-child(1) img { border:1px solid #dddddd; box-sizing:border-box; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; font-family:'object-fit:cover;'/*IE対策*/ }
ul.slickList li p:nth-child(2) { display: none; color:#aaaaaa; font-size:80%; margin:10px 0 5px; letter-spacing:0.05em; }
ul.slickList li p:nth-child(2) + p { margin-top: 10px; }
ul.slickList .sBtnPrev { position:absolute; top:33%; left:-3%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); z-index:30; }
ul.slickList .sBtnNext { position:absolute; top:33%; right:-5%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); z-index:30; }
@media screen and (max-width:1080px) {
  ul.slickList li { margin:0 2vw; width:26.8vw; }
}

/*------------------------------
  new mark
-------------------------------*/
p.iconNew { position:relative; }
p.iconNew::before { position:absolute; content:url("../image/icon_new.png"); top:0; left:0; z-index:200; }

/*------------------------------
  atComment
-------------------------------*/
.atComment { font-size:90%; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  共通レイアウト
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
  ヘッダー
-------------------------------*/
#headerSection { padding:10px 20px; display:flex; align-items:center; justify-content:space-between; background:#ffffff; position:fixed; width:100%; z-index:500; box-sizing:border-box; }

/*------------------------------
  gナビ
-------------------------------*/
#gNaviSection { background:#ededed; padding:10px; width:100%; z-index:300; box-sizing:border-box; }
#detailPage #gNaviSection { position:fixed; }
#gNaviSection ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
#gNaviSection ul li { margin:5px 25px; position:relative; font-size:110%; }
#gNaviSection ul li::before { position:absolute; content:url("../image/gnavi_line.png"); left:-32px; top:0; }
#gNaviSection ul li:first-child::before { content:""; }
#gNaviSection.posFixed { position:fixed; }

/*------------------------------
  パンナビ
-------------------------------*/
#panNaiSection { background:#f6f6f6; box-sizing:border-box; }
#panNaiSection ul { margin:0 25px; padding:10px 0; font-size:85%; color:#666666; }
#panNaiSection ul li { display:inline; position:relative; word-break:break-all; }
#panNaiSection ul li a { padding-right:30px; }
#panNaiSection ul li a::after { content:">"; position:absolute; right:0.7em; top:-0.1em; }

/*------------------------------
  ページ内リンク
-------------------------------*/
#ancSection ul { margin-bottom:10px; }
#ancSection ul > li a { display:block; padding:10px 0 10px 30px; border-bottom:1px solid #edd9d9; position:relative; }
#ancSection ul > li a::before { content:url("../image/icon_anc.png"); position:absolute; top:0.5em; left:6px; }
#ancSection ul > li a:hover { opacity:1; color:#CF0003; }
#ancSection ul li ul.subheadingList { padding: 5px 0 5px 30px; border-bottom:1px solid #edd9d9; margin: 0; }
#ancSection ul li ul.subheadingList li a { border: none; padding: 5px 0 5px 20px; border-top:1px dotted #edd9d9; }
#ancSection ul li ul.subheadingList li:first-child a { border:none; }
#ancSection ul li ul.subheadingList li a::before { position:absolute; content:"・"; left:0; top:0.1em; color:#c3252f; font-size:130%; }


/*------------------------------
  共通枠
-------------------------------*/
#contentsWrap { width:90%; max-width:1080px; margin:0 auto; }

/*------------------------------
  リンク
-------------------------------*/
#linkSection { margin-top:50px; }

/*------------------------------
  フッター
-------------------------------*/
#footerSection { background:#ededed; padding:10px; text-align:center; position:relative; margin-top:100px; font-size:90%; color:#999999; letter-spacing:0.03em; }
#footerSection #pageTopBtn { position:fixed; bottom:60px; right:15px; }