@charset "UTF-8";
/******************************************************************/
/*utf-8ですよ*/
/******************************************************************/
h2 { width: 100%; height: 80px; padding: 0 40px; background-color: #0f3675; color: #fff; font: 30px/80px 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

.breadcrumb { font: 14px/140% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: flex-start; margin: 0 auto 75px; border-bottom: 1px solid #ebebec; }
.breadcrumb a { padding: 0 20px 0 0; position: relative; }
.breadcrumb a:before { position: absolute; content: ""; right: 8px; top: 7px; width: 5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

section { border-bottom: 1px solid #ebebec; }

/********************************/
.all_box { padding: 0 40px 220px; }
.all_box h3 { font: 34px / 140% 'm+c2_Medium', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; text-align: center; margin-bottom: 50px; padding-top: 105px; background: url(../images/common/logo_fire.svg) top center no-repeat; }

@media (max-width: 768px) { .all_box { padding: 0 20px 150px; }
  .all_box h3 { font: 28px / 140% 'm+c2_Medium', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; } }
@media (max-width: 480px) { .all_box { padding: 0 20px 150px; }
  .all_box h3 { margin-bottom: 30px; font: 28px / 140% 'm+c2_Medium', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; } }
/********************************/
.news_box { max-width: 900px; margin: 0 auto 175px; }
.news_box ul { width: 100%; }
.news_box li { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding: 10px 0; }
.news_box li time { font: 17px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; color: #0f3675; padding: 0 15px; }
.news_box li a { font: 18px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; transition: 0.3s; flex: 1; }

@media (max-width: 768px) { .news_box { margin: 0 auto 100px; }
  .news_box ul { width: 100%; }
  .news_box li { display: block; margin-bottom: 0; border-bottom: 1px solid #ccc; padding: 15px 0; }
  .news_box li time { width: 100%; font: 16px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; color: #0f3675; padding: 0 0 10px; }
  .news_box li a { display: block; font: 17px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; transition: 0.3s; flex: 1; } }
/*max-width:768px*/
@media (max-width: 480px) { .news_box { margin: 0 auto 80px; }
  .news_box li time { font: 15px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; padding: 0 0 15px; }
  .news_box li a { font: 16px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; } }
/*max-width:480px*/
/*****************************************/
.dl_box { max-width: 900px; margin: 0 auto; }
.dl_box > p { text-align: center; font: 20px/2em 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; margin-bottom: 50px; }
.dl_box ul { width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.dl_box li { text-align: center; margin: 0 90px 40px 0; width: calc((100% - 180px) / 3); max-width: 240px; }
.dl_box li:nth-of-type(3n) { margin-right: 0; }
.dl_box li a { display: flex; flex-direction: column; align-items: center; height: 100%; font: 18px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", sans-serif; transition: 0.3s; }
.dl_box li div { width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; }
.dl_box li img { display: block; max-width: 100%; max-height: 70px; width: auto; height: auto; }
.dl_box li p { margin-top: 10px; margin-bottom: 0; }

@media (max-width: 1024px) { .dl_box { max-width: 900px; margin: 0 auto; }
  .dl_box > p { text-align: center; font: 20px/2em 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; margin-bottom: 50px; }
  .dl_box ul { width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
  .dl_box li { text-align: center; margin: 0 40px 40px 0; width: calc((100% - 80px) / 3); max-width: 240px; }
  .dl_box li:nth-of-type(3n) { margin-right: 0; }
  .dl_box li a { display: flex; flex-direction: column; align-items: center; height: 100%; font: 18px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", sans-serif; transition: 0.3s; }
  .dl_box li div { width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; }
  .dl_box li img { display: block; max-width: 100%; max-height: 70px; width: auto; height: auto; }
  .dl_box li p { margin-top: 10px; margin-bottom: 0; } }
@media (max-width: 768px) { .dl_box { margin: 0 auto; }
  .dl_box > p { width: 100%; margin: 0 auto 40px; font: 18px/2em 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; text-align: justify; text-justify: inter-ideograph; }
  .dl_box > p br { display: none; }
  .dl_box li { margin: 0 25px 40px 0; width: calc((100% - 50px) / 3); }
  .dl_box li a { font: 16px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", sans-serif; transition: 0.3s; }
  .dl_box li div { height: 55px; }
  .dl_box li p { margin-top: 0; margin-bottom: 0; } }
/*max-width:768px*/
@media (max-width: 480px) { .dl_box > p { width: 100%; margin: 0 auto 40px; font: 16px/2em 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
  .dl_box ul { justify-content: space-between; align-items: stretch; }
  .dl_box li { text-align: center; margin: 0 0 30px; width: calc((100% - 30px) / 2); max-width: 240px; }
  .dl_box li a { font: 15px/160% 'm+c2_Light', "ヒラギノ角ゴ Pro W3", sans-serif; transition: 0.3s; } }
/*max-width:480px*/
/********************************/
.single_box { max-width: 900px; margin: 0 auto; }
.single_box h3 { margin-bottom: 40px; }
.single_box h4 { width: 100%; max-width: 240px; height: 70px; margin: 0 auto 80px; display: flex; align-items: center; justify-content: center; }
.single_box h4 img { display: block; max-width: 100%; max-height: 70px; width: auto; height: auto; }
.single_box > a { display: block; margin: 0 auto; width: 240px; height: 50px; font: 18px / 50px 'm+c2_Light', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; border: #d3d3d4 solid 1px; text-align: center; }
.single_box ul { width: 100%; margin: 0 auto 100px; }
.single_box li { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; padding: 0; width: 100%; }
.single_box li a { font: 18px/30px 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; transition: 0.3s; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; }
.single_box li p { width: calc(100% - 100px); padding: 0 0 0 20px; text-align: justify; text-justify: inter-ideograph; }
.single_box li span { color: #fff; width: 80px; height: 30px; text-align: center; font: 16px/30px 'm+c2_Medium', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; letter-spacing: 0.08em; border-radius: 5px; display: block; }
.single_box li span.pdf { background-color: #c8161d; }
.single_box li span.cad { background-color: #8A5100; }
.single_box li span.excel { background-color: #117B20; }
.single_box li span.word { background-color: #060593; }

@media (max-width: 768px) { .single_box { max-width: 900px; margin: 0 auto; }
  .single_box li a { font: 16px/1.8em 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; }
  .single_box li p { width: calc(100% - 80px); padding: 0 0 0 20px; }
  .single_box li span { color: #fff; width: 60px; height: 25px; text-align: center; font: 15px/25px 'm+c2_Medium', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; letter-spacing: 0.08em; border-radius: 5px; display: block; margin: 5px 0 0; } }
/*max-width:768px*/
@media (max-width: 480px) { .single_box { max-width: 900px; margin: 0 auto; }
  .single_box h3 { margin-bottom: 25px; }
  .single_box h4 { margin-bottom: 50px; }
  .single_box ul { margin-bottom: 70px; }
  .single_box li a { font: 15px/1.8em 'm+c2_Regular', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; }
  .single_box li p { width: calc(100% - 65px); padding: 0 0 0 10px; }
  .single_box li span { color: #fff; width: 55px; height: 25px; text-align: center; font: 14px/25px 'm+c2_Medium', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; position: relative; letter-spacing: 0.05em; border-radius: 5px; display: block; margin: 5px 0 0; } }
/*max-width:480px*/