@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  position: relative;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #000000;
  -webkit-text-size-adjust: 100%;
  word-wrap : break-word;
  overflow-wrap : break-word;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  vertical-align: bottom;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="date"] {
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
  outline: 0;
  max-width: 100%;
}

textarea {
  resize: none;
}

body {
  min-width: 1250px;
}

.l-main {
  padding-top: 255px;
}

.l-main__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  width: 1250px;
  max-width: 1250px;
  min-width: 1024px;
  margin: 0 auto;
}

.l-main__inner__contact {
  display: block;
}

.l-main__center {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 460px);
          flex: 0 0 calc(100% - 460px);
  padding-right: 30px;
  padding-left: 30px;
  width: calc(100% - 460px);
}

.l-main__center__contact {
  margin: 0 auto;
}

.l-main__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 160px;
          flex: 0 1 160px;
}

.l-main__left__contact {
  display: none;
}

.l-main__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 300px;
          flex: 0 1 300px;
}

.l-main__right__contact {
  display: none;
}

.l-header__inner {
  width: 1250px;
  margin: 0 auto;
  padding-top: 0;
}

.l-header__contact {
  border-bottom: 3px solid #ffa800;
}

.l-footer__inner {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding-bottom: 0;
}

@media screen and (max-width: 1280px) {
  .l-main__inner {
    padding: 0 10px;
    min-width: 1250px;
  }
  .l-header__inner {
    padding: 0 10px;
    min-width: 1250px;
  }
  .l-footer__inner {
    min-width: 1250px;
  }
}

@media screen and (max-width: 479px) {
  body {
    min-width: initial;
  }
  .l-main {
    padding-top: 164px;
  }
  .l-main__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    min-width: 320px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-main__center {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .l-main__center__contact {
    width: 100%;
  }
  .l-main__left {
    display: none;
  }
  .l-main__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 20px;
  }
  .l-header__inner {
    width: 100%;
    min-width: 320px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .l-footer__inner {
    width: 100%;
    min-width: 320px;
    padding: 0;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  body {
    min-width: initial;
  }
  .l-main {
    padding-top: 164px;
  }
  .l-main__inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    min-width: 320px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-main__center {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .l-main__center__contact {
    width: 100%;
  }
  .l-main__left {
    display: none;
  }
  .l-main__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 20px;
  }
  .l-header__inner {
    width: 100%;
    min-width: 320px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .l-footer__inner {
    width: 100%;
    min-width: 320px;
    padding: 0;
  }
}

/*----------------------------
トップページ
-----------------------------*/
input[type="text"], textarea, select {
  padding: 3px 0;
  line-height: normal;
  border: solid 1px #a1a1a3;
  outline: none;
  font-size: 16px;
}

header#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1250px;
  background-color: #FFF;
  z-index: 999;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

header.hide {
  -webkit-transform: translateY(-158px);
      -ms-transform: translateY(-158px);
          transform: translateY(-158px);
}

.scrollheader {
  display: none;
  width: 100%;
  z-index: 9999;
  background-color: #FFF;
  position: absolute;
  bottom: 0;
  left: 0;
}

.scrollheader__contact {
  border-bottom: 3px solid #ffa800;
}

.scrollheader.fixed {
  display: block;
}

.scrollheader .gNav {
  margin: 0 auto;
  width: 1250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.scrollheader .gNav__logo {
  width: 102px;
}

.scrollheader .gNav__inner {
  width: calc(100% - 156px);
}

.scrollheader .gNav ul {
  position: absolute;
  bottom: -3px;
  right: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.scrollheader .gNav ul li {
  width: 86px;
  height: 40px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
}

.scrollheader .gNav ul li a {
  display: block;
  height: 100%;
  color: #666;
}

.scrollheader .gNav ul li.gnav__item01 {
  background: url(../images/scr_gnav_item01.png) no-repeat;
  background-position: right 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item01:hover {
  background: url(../images/scr_gnav_item01_hover.png) no-repeat;
  background-position: right 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item01.current {
  background: url(../images/scr_gnav_item01_hover.png) no-repeat;
  background-position: right 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item02 {
  background: url(../images/scr_gnav_item02.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item02:hover {
  background: url(../images/scr_gnav_item02_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item02.current {
  background: url(../images/scr_gnav_item02_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item03 {
  background: url(../images/scr_gnav_item03.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item03:hover {
  background: url(../images/scr_gnav_item03_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item03.current {
  background: url(../images/scr_gnav_item03_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item04 {
  background: url(../images/scr_gnav_item04.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item04:hover {
  background: url(../images/scr_gnav_item04_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item04.current {
  background: url(../images/scr_gnav_item04_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item05 {
  background: url(../images/scr_gnav_item05.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item05:hover {
  background: url(../images/scr_gnav_item05_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item05.current {
  background: url(../images/scr_gnav_item05_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item06 {
  background: url(../images/scr_gnav_item06.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item06:hover {
  background: url(../images/scr_gnav_item06_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item06.current {
  background: url(../images/scr_gnav_item06_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item07 {
  background: url(../images/scr_gnav_item07.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item07:hover {
  background: url(../images/scr_gnav_item07_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item07.current {
  background: url(../images/scr_gnav_item07_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item08 {
  background: url(../images/scr_gnav_item08.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item08:hover {
  background: url(../images/scr_gnav_item08_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item08.current {
  background: url(../images/scr_gnav_item08_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item09 {
  background: url(../images/scr_gnav_item09.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item09:hover {
  background: url(../images/scr_gnav_item09_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item09.current {
  background: url(../images/scr_gnav_item09_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item10 {
  background: url(../images/scr_gnav_item10.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item10:hover {
  background: url(../images/scr_gnav_item10_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item10.current {
  background: url(../images/scr_gnav_item10_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item11 {
  background: url(../images/scr_gnav_item11.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item11:hover {
  background: url(../images/scr_gnav_item11_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item11.current {
  background: url(../images/scr_gnav_item11_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item12 {
  background: url(../images/scr_gnav_item12.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item12:hover {
  background: url(../images/scr_gnav_item12_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item12.current {
  background: url(../images/scr_gnav_item12_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item13 {
  background: url(../images/scr_gnav_item13.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item13:hover {
  background: url(../images/scr_gnav_item13_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav ul li.gnav__item13.current {
  background: url(../images/scr_gnav_item13_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

.scrollheader .gNav #searchBtnPC {
  display: inline-block;
  margin: 0;
  width: 54px;
  height: 40px;
  background: url(../images/search_icon_sp.png) no-repeat center 13px;
  background-size: 18px 18px;
  cursor: pointer;
}

.scrollheader .gNav #searchBtnPC__body {
  display: block;
}

.scrollheader .gNav #searchBtnPC__body ul.searchBtnPC__body__inner {
  padding: 0;
  margin-top: 0;
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 10000;
  width: 100%;
}

.scrollheader .gNav #searchBtnPC__body ul.searchBtnPC__body__inner li form {
  position: relative;
  width: 288px;
  height: 34px;
}

.scrollheader .gNav #searchBtnPC__body ul.searchBtnPC__body__inner li form p.searchform {
  line-height: 1.0;
  position: relative;
}

.scrollheader .gNav #searchBtnPC__body ul.searchBtnPC__body__inner li form p.searchform:before {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "";
  width: 21px;
  height: 21px;
  background: url(../images/header_sesarch_icon.png) no-repeat;
}

.scrollheader .gNav #searchBtnPC__body ul.searchBtnPC__body__inner li form p.searchform input {
  width: 288px;
  padding-left: 6px;
}

.scrollheader .gNav #searchBtnPC__body ul.searchBtnPC__body__inner li form p.searchform input[type="text"] {
  padding: 8px 55px 8px 32px;
  font-size: 14px;
  line-height: 1.0;
  height: 34px;
  background-color: #fff;
  border: 1px solid #159a74;
  border-radius: 5px;
}

.scrollheader .gNav #searchBtnPC__body ul.searchBtnPC__body__inner li form .searchLabel {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 1.0;
  width: 53px;
  height: 34px;
  color: #fff;
  background-color: #159a74;
  border: 1px solid #159a74;
  border-radius: 0 5px 5px 0;
}

header .headerTop {
  padding: 0 0 12px 0;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

header .headerTop__Left {
  padding: 0;
  width: 160px;
}

header .headerTop__Left .headerLogo1 {
  padding: 0 0 10px 0;
}

header .headerTop__Left .headerLogo1 a {
  display: block;
}

header .headerTop__Left .headerLogo1 a img {
  vertical-align: bottom;
  /* width: 160px; */
  max-width: 100%;
}

header .headerTop__Left .headerLogo2 {
  padding: 0 0 3px;
  width: 100%;
  border-top: 2px solid #53d1b1;
  border-bottom: 2px solid #53d1b1;
  text-align: center;
}

header .headerTop__Left .headerLogo2 a {
  display: block;
}

header .headerTop__Left .headerLogo2 a img {
  vertical-align: bottom;
  max-width: 100%;
}

header .headerTop__Left .headerLogoSp {
  display: none;
}

header .headerTop__Left .headerDate p {
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #303030;
  text-align: center;
  line-height: 1.0;
}

header .headerTop__Left .headerDate p span {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
}

@media screen and (max-width: 1280px) {
  header .headerTop__Left .headerDate p {
    font-size: 10px;
  }
  header .headerTop__Left .headerDate p span {
    font-size: 10px;
  }
}

header .headerTop__Right {
  padding-top: 5px;
  width: calc(100% - 160px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

header .headerTop__Right__innerL {
  float: left;
  margin-top: 23px;
  width: calc(100% - 288px);
  text-align: center;
}

header .headerTop__Right__innerL a {
  display: block;
}

header .headerTop__Right__innerL a img {
  max-width: 100%;
  vertical-align: bottom;
}

header .headerTop__Right__innerR {
  float: left;
  width: 288px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .headerTop__Right__innerR .snsbanner {
  padding-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .headerTop__Right__innerR .snsbanner div {
  margin-top: 4px;
  margin-right: 18px;
}

header .headerTop__Right__innerR .snsbanner div:last-child {
  margin-right: 0;
}

header .headerTop__Right__innerR .mgbanner {
  margin-bottom: 8px;
  width: 194px;
}

header .headerTop__Right__innerR .mgbanner a {
  display: block;
}

header .headerTop__Right__innerR .mgbanner img {
  width: 100%;
}

header .headerTop__Right form {
  position: relative;
  width: 100%;
  height: 34px;
}

header .headerTop__Right form p.searchform {
  position: relative;
  line-height: 1.0;
}

header .headerTop__Right form p.searchform:before {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "";
  width: 21px;
  height: 21px;
  background: url(../images/header_sesarch_icon.png) no-repeat;
}

header .headerTop__Right form p.searchform input {
  width: 100%;
  padding-left: 6px;
}

header .headerTop__Right form p.searchform input[type="text"] {
  padding: 8px 55px 8px 32px;
  font-size: 14px;
  height: 34px;
  background-color: #fff;
  border: 1px solid #159a74;
  border-radius: 5px;
}

header .headerTop__Right form .searchLabel {
  position: absolute;
  top: 0;
  right: 0;
  width: 53px;
  height: 34px;
  color: #fff;
  background-color: #159a74;
  border-radius: 0 5px 5px 0;
}

header .headerTop__Right_sp {
  display: none;
}

header nav.gnav {
  float: left;
  margin-top: 14px;
  width: calc(100% - 160px);
  position: absolute;
  right: 0;
  bottom: -3px;
}

header nav.gnav ul {
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header nav.gnav ul li {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  width: calc(100% / 13);
  height: 70px;
}

header nav.gnav ul li a {
  color: #666;
  height: 100%;
  display: block;
}

header .gnav__item01 {
  background: url(../images/gnav_item01.png) no-repeat;
  background-position: right 0 bottom 0;
}

header .gnav__item01:hover {
  background: url(../images/gnav_item01_hover.png) no-repeat;
  background-position: right 0 bottom 0;
}

header .gnav__item01.current {
  background: url(../images/gnav_item01_hover.png) no-repeat;
  background-position: right 0 bottom 0;
}

header .gnav__item02 {
  background: url(../images/gnav_item02.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item02:hover {
  background: url(../images/gnav_item02_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item02.current {
  background: url(../images/gnav_item02_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item03 {
  background: url(../images/gnav_item03.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item03:hover {
  background: url(../images/gnav_item03_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item03.current {
  background: url(../images/gnav_item03_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item04 {
  background: url(../images/gnav_item04.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item04:hover {
  background: url(../images/gnav_item04_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item04.current {
  background: url(../images/gnav_item04_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item05 {
  background: url(../images/gnav_item05.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item05:hover {
  background: url(../images/gnav_item05_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item05.current {
  background: url(../images/gnav_item05_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item06 {
  background: url(../images/gnav_item06.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item06:hover {
  background: url(../images/gnav_item06_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item06.current {
  background: url(../images/gnav_item06_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item07 {
  background: url(../images/gnav_item07.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item07:hover {
  background: url(../images/gnav_item07_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item07.current {
  background: url(../images/gnav_item07_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item08 {
  background: url(../images/gnav_item08.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item08:hover {
  background: url(../images/gnav_item08_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item08.current {
  background: url(../images/gnav_item08_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item09 {
  background: url(../images/gnav_item09.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item09:hover {
  background: url(../images/gnav_item09_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item09.current {
  background: url(../images/gnav_item09_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item10 {
  background: url(../images/gnav_item10.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item10:hover {
  background: url(../images/gnav_item10_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item10.current {
  background: url(../images/gnav_item10_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item11 {
  background: url(../images/gnav_item11.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item11:hover {
  background: url(../images/gnav_item11_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item11.current {
  background: url(../images/gnav_item11_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item12 {
  background: url(../images/gnav_item12.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item12:hover {
  background: url(../images/gnav_item12_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item12.current {
  background: url(../images/gnav_item12_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item13 {
  background: url(../images/gnav_item13.png) no-repeat 0 0;
  background-position: left 0 bottom 0;
}

header .gnav__item13:hover {
  background: url(../images/gnav_item13_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

header .gnav__item13.current {
  background: url(../images/gnav_item13_hover.png) no-repeat;
  background-position: left 0 bottom 0;
}

#searchBtn {
  display: none;
}

#searchBtn__body {
  display: none;
}

nav.gNavSp {
  display: none;
}

.tagNav {
  border-top: 3px solid #ffa800;
}

.tagNav__inner {
  width: 1250px;
  margin: 0 auto;
  padding: 12px 0 4px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tagNav__inner ul {
  padding-left: 4px;
  width: calc(100% - 165px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: auto;
  max-height: 80px;
}

.tagNav__inner ul li {
  margin-left: 6px;
  margin-bottom: 0;
  margin-top: 0;
  height: 24px;
}

.tagNav__inner ul li a {
  height: 100%;
  display: block;
  color: #222;
  padding: 5px 8px;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.0;
  border-radius: 3px;
  background-color: #eeeeef;
}

.tagNav__inner ul li a:hover {
  color: #FFF;
  background-color: #009b74;
}

.tagNav__inner .tagNav__title {
  padding-left: 2px;
}

/* .tagNav__inner .tagNav__toBtn {
  width: 70px;
} */
.tagNav__inner .tagNav__toBtn {
  margin-top: 0;
  width: 70px;
  height: 19px;
  background: url(../images/goToList.png) no-repeat top right;
  background-position: top 5px right 5px;
  background-size: 53px 11px;
}

.tagNav__inner .tagNav__toBtn:hover {
  background: url(../images/goToList_hover.png) no-repeat top right;
  background-position: top 5px right 5px;
  background-size: 53px 12px;
}

.tagNav__inner .tagNav__toBtn a {
  display: block;
  height: 100%;
}


/* .tagNav__inner .tagNav__toBtn p {
  margin: 0;
  font-size: 13px;
  line-height: 24px;
  color: #333;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1025px) {
  .tagNav__inner .tagNav__toBtn p {
    font-size: 0.8vw;
  }
}

.tagNav__inner .tagNav__toBtn p:before {
  content: "";
  margin-right: 6px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #8a8a8a;
}

.tagNav__inner .tagNav__toBtn p:hover {
  text-decoration: underline;
} */

.contenthead__wrap {
  padding-top: 0;
}

.adbanner {
  margin-bottom: 30px;
  text-align: center;
}

.adbanner a {
  display: block;
}

.adbanner a img {
  vertical-align: bottom;
}

.adbanner.banner97 {
  min-width: 1250px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.adbanner.banner97 a img {
  width: auto;
  max-height: 90px;
}

.contents .themeSp {
  display: none;
}

.contents .themeSlide {
  display: none;
}

.contents .theme {
  margin-bottom: 15px;
}

.contents .theme__head h2 {
  margin: 0;
  padding: 0;
  height: 40px;
  color: #ff7e43;
  font-size: 24px;
  border-bottom: 1px solid #ffc09b;
  position: relative;
}

.contents .theme__head h2:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  font-size: 22px;
  width: 22px;
  height: 22px;
  background: url(../images/icon_theme_or2.png) no-repeat center;
}

.contents .theme__head h2:after {
  display: none;
  content: "";
  width: 150px;
  height: 1px;
  background-color: #ff8c64;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.contents .theme__body {
  padding: 25px 0 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .theme__body .themeWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .theme__body__items {
  margin-bottom: 25px;
  width: calc((100% - 30px) / 2);
  background-color: #fafafa;
}

.contents .theme__body__items .themeImage {
  width: 100%;
  max-height: 170px;
  overflow: hidden;
}

.contents .theme__body__items .themeImage img {
  width: 100%;
  height: auto;
}

.contents .theme__body__items .themeTitle {
  padding: 10px 0 10px;
  background-color: #f5f5f5;
}

.contents .theme__body__items .themeTitle__name {
  font-size: 18px;
  line-height: 1.8;
  font-weight: bold;
  color: #333;
  text-align: center;
  overflow: hidden;
}

.contents .theme__body__items .themeTitle__name:before {
  content: "「";
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
  margin-right: 9px;
  margin-top: -3px;
  color: #6a6a6a;
}

.contents .theme__body__items .themeTitle__name:after {
  content: "」";
  display: inline-block;
  font-size: 18px;
  vertical-align: bottom;
  margin-left: 9px;
  margin-bottom: -3px;
  color: #6a6a6a;
}

.contents .theme__body__items .themeTitle__name a:hover {
  color: #ff8c64;
}

.contents .theme__body__items .themeList {
  padding: 18px 20px 10px;
  background-color: #fafafa;
}

.contents .theme__body__items .themeList ul li {
  margin-bottom: 8px;
  padding-left: 15px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
}

.contents .theme__body__items .themeList ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 15px;
  background: url(../images/theme_arrow.png) no-repeat top center;
  vertical-align: middle;
}

.contents .theme__body__items .themeList ul li a {
  color: #333;
  width: 100%;
  display: block;
}

.contents .theme__body__items .themeList ul li a:hover {
  color: #ff8c64;
}

.contents .topAttention {
  padding: 16px;
  margin-bottom: 30px;
  border: 1px solid #e6e6e6;
}

.contents .topAttention__head {
  margin-bottom: 1em;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #acacac;
}

.contents .topAttention__body p {
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.6;
}

.contents .news__head h2 {
  margin: 0;
  padding: 0;
  color: #ed1c24;
  font-size: 24px;
  height: 40px;
  border-bottom: 1px solid #f57d82;
  position: relative;
}

.contents .news__head h2:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background: url(../images/icon_news_red.png) no-repeat center;
}

.contents .news__head h2:after {
  display: none;
  content: "";
  width: 150px;
  height: 1px;
  background-color: #f51a46;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.contents .news__head {
  position: relative;
}

.contents .news__head .listBack {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  letter-spacing: 0.08em;
  overflow: hidden;
}

.contents .news__head .listBack:before {
  margin-top: 2px;
  margin-right: 10px;
  content: "";
  display: block;
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ed1c24;
}

.contents .news__head .listBack a {
  color: #3a3a3a;
}

.contents .news__head .listBack:hover {
  text-decoration: underline;
}


.contents .news .newsBlock {
  margin: 30px 0;
}

.contents .news .newsBlock ul {
  overflow: hidden;
}

.contents .news .newsBlock ul li.new:after {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  background: url(../images/news_new.png) no-repeat top left;
  position: absolute;
  top: 0;
  left: 0;
}

.contents .news .newsBlock ul li a {
  display: block;
  overflow: hidden;
  color: #333;
}

.contents .news .newsBlock ul li a:hover .newsTitle {
  color: #f51a46;
}

.contents .news .newsBlock ul li a img {
  float: left;
  width: 420px;
}

.contents .news .newsBlock ul li a span {
  display: block;
  margin-top: 4px;
  color: #999;
  font-size: 14px;
  font-weight: normal;
}

.contents .news .newsBlock ul li a .newsTitle {
  float: left;
  width: calc(100% - 440px);
  padding: 0 0 10px;
  margin-left: 20px;
}

.contents .news .newsBlock ul li a .newsBody {
  float: left;
  width: calc(100% - 440px);
  margin-left: 20px;
  font-size: 15px;
  color: #555;
  font-weight: normal;
  line-height: 1.4;
}

.contents .news .newsBlock ul {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .news .newsBlock ul li.newsBlock__col1 {
  clear: both;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col1 a {
  display: block;
  overflow: hidden;
  color: #333;
}

.contents .news .newsBlock ul li.newsBlock__col1 a:hover .newsTitle {
  color: #f51a46;
}

.contents .news .newsBlock ul li.newsBlock__col1 a .newsImg {
  float: left;
  width: 420px;
  height: 236px;
  overflow: hidden;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col1 a .newsImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsImg img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsImg img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .news .newsBlock ul li.newsBlock__col1 a .movieClip {
  width: 420px;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .news .newsBlock ul li.newsBlock__col1 a .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col1 a .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col1 a span {
  display: block;
  margin-top: 4px;
  color: #999;
  font-size: 14px;
  font-weight: normal;
}

.contents .news .newsBlock ul li.newsBlock__col1 a .newsTitle {
  float: left;
  width: calc(100% - 440px);
  padding: 0 0 10px;
  margin-left: 20px;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col1 a .newsTitle span.pr {
  position: absolute;
  right: 0;
  bottom: 10px;
  font-weight: bold;
}

.contents .news .newsBlock ul li.newsBlock__col1 a .newsBody {
  float: left;
  width: calc(100% - 440px);
  margin-left: 20px;
  font-size: 15px;
  color: #555;
  font-weight: normal;
  line-height: 1.4;
}

.contents .news .newsBlock ul {
  overflow: hidden;
  width: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col2 {
  float: left;
  width: 350px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col2.new:after {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  background: url(../images/news_new.png) no-repeat top left;
  position: absolute;
  top: 0;
  left: 0;
}

.contents .news .newsBlock ul li.newsBlock__col2 a {
  color: #333;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .newsImg {
  width: 100%;
  height: 196px;
  overflow: hidden;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .newsImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsImg img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsImg img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .news .newsBlock ul li.newsBlock__col2 a .movieClip {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .newsVideo {
  width: 100%;
  height: 196px;
  overflow: hidden;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .newsVideo video {
  width: auto;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .newsTitle {
  margin-left: 0;
  padding: 14px 0 0;
  position: relative;
  width: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .newsTitle span {
  display: block;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

.contents .news .newsBlock ul li.newsBlock__col2 a .newsTitle span.pr {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
}

.contents .news .newsBlock ul {
  width: 100%;
  overflow: hidden;
}

.contents .news .newsBlock ul li.newsBlock__col3 {
  padding-bottom: 0;
  border-bottom: 0;
  margin: 0 0 25px;
  float: left;
  width: 206.666px;
  min-height: 254px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
}

.contents .news .newsBlock ul li.newsBlock__col3 a {
  overflow: hidden;
}

.contents .news .newsBlock ul li.newsBlock__col3 a .newsImg {
  width: 100%;
  height: 151.111px;
  overflow: hidden;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col3 a .newsImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsImg img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsImg img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .news .newsBlock ul li.newsBlock__col3 a .movieClip {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .news .newsBlock ul li.newsBlock__col3 a .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col3 a .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col3 a .newsTitle {
  float: left;
  width: 100%;
  padding: 0 0 0;
  margin: 14px 0 0 0;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col3 a .newsTitle span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.0;
}

.contents .news .newsBlock ul li.newsBlock__col3 a .newsTitle span.pr {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
}

.contents .news .newsBlock ul {
  width: 100%;
  overflow: hidden;
}

.contents .news .newsBlock ul li.newsBlock__col1s {
  padding-bottom: 0;
  border-bottom: 0;
  margin: 0 0 25px;
  float: left;
  width: 100%;
  min-height: 84px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  overflow: hidden;
}

.contents .news .newsBlock ul li.newsBlock__col1s a {
  overflow: hidden;
}

.contents .news .newsBlock ul li.newsBlock__col1s a .newsImg {
  float: left;
  width: 149.33px;
  height: 84px;
  overflow: hidden;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col1s a .newsImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsImg img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsImg img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .news .newsBlock ul li.newsBlock__col1s a .movieClip {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .news .newsBlock ul li.newsBlock__col1s a .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col1s a .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .news .newsBlock ul li.newsBlock__col1s a .newsTitle {
  float: left;
  width: calc(100% - 149.333px);
  padding: 8px 20px 0;
  margin-left: 0;
  height: 84px;
  background-color: #fafafa;
  position: relative;
}

.contents .news .newsBlock ul li.newsBlock__col1s a .newsTitle span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.0;
}

.contents .news .newsBlock ul li.newsBlock__col1s a .newsTitle span.pr {
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-weight: bold;
}

.contents .news .newsMore {
  margin: 30px 0;
}

.contents .news .newsMore__btn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .news .newsMore__btn a {
  display: block;
  color: #434343;
}

.contents .news .newsMore__btn:hover {
  background-color: #e6e6e6;
}

.contents .news .newsMore.hide {
  display: none;
}

.contents .news .moreList {
  margin: 30px 0;
}

.contents .news .moreList__btn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .news .moreList__btn a {
  display: block;
  color: #434343;
}

.contents .news .moreList.hide {
  display: none;
}

.contents .topBasicBlock {
  margin-top: 30px;
  margin-bottom: 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .topBasicBlock__head {
  width: 100%;
}

.contents .topBasicBlock__head h2 {
  margin: 0;
  padding-left: 28px;
  color: #2d70df;
  font-size: 24px;
  height: auto;
  border-bottom: 1px solid #d3dfe2;
  position: relative;
}

.contents .topBasicBlock__head h2:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  display: block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background: url(../images/icon_planning_or.png) no-repeat center;
}

.contents .topBasicBlock__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #2d70df;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.contents .topBasicBlock__items {
  width: 100%;
  margin-top: 25px;
  overflow: hidden;
}

.contents .topBasicBlock__items__left {
  float: left;
  width: 149.333px;
  height: 84px;
}

.contents .topBasicBlock__items__left a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.contents .topBasicBlock__items__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .topBasicBlock__items__left img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .topBasicBlock__items__left img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .topBasicBlock__items__right {
  float: left;
  width: calc(100% - 149.333px);
  padding: 8px 20px 0;
  overflow: hidden;
  background-color: #fafafa;
  height: 84px;
  pointer-events: none;
}

.contents .topBasicBlock__items__right:hover {
  background-color: #f2f2f2;
}

.contents .topBasicBlock__items__right .catName {
  float: left;
  color: #fff;
  font-size: 13px;
  line-height: 1.0;
  text-align: center;
  min-width: 80px;
  pointer-events: auto;
}

.contents .topBasicBlock__items__right .catName a {
  padding: 5px 12px;
  width: 100%;
  display: block;
  border-radius: 5px;
  background-color: #434343;
}

.contents .topBasicBlock__items__right .catName a:hover {
  background-color: #9a9a9a;
}

.contents .topBasicBlock__items__right .catSubName {
  padding: 5px 15px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.0;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items__right .catSubName a:hover {
  text-decoration: underline;
}

.contents .topBasicBlock__items__right .pr {
  padding: 4px 5px;
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
}

.contents .topBasicBlock__items__right .title {
  clear: both;
  float: left;
  margin-top: 6px;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items__right .title:hover {
  text-decoration: underline;
}

.contents .topBasicBlock__items.col-1 {
  margin: 25px 0 0 0;
  padding-bottom: 0;
  border-bottom: 0;
  width: 100%;
  min-height: 236.25px;
  overflow: hidden;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__left {
  float: left;
  width: 420px;
  height: 236.25px;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__left a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__left img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__left img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right {
  float: left;
  width: calc(100% - 440px);
  padding: 0 0 10px;
  margin-left: 20px;
  overflow: hidden;
  background-color: #fff;
  height: auto;
  pointer-events: none;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right:hover {
  background-color: none;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catName {
  float: left;
  color: #fff;
  font-size: 14px;
  line-height: 1.0;
  text-align: center;
  min-width: 80px;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catName a {
  padding: 7px 12px;
  width: 100%;
  display: block;
  border-radius: 5px;
  background-color: #434343;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catName a:hover {
  background-color: #9a9a9a;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catSubName {
  padding: 7px 15px;
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catSubName a:hover {
  text-decoration: underline;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .pr {
  padding: 6px 5px 7px;
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .title {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .title:hover {
  text-decoration: underline;
}

.contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .body {
  clear: both;
  width: 100%;
  font-size: 15px;
  color: #333;
  font-weight: normal;
  line-height: 1.5;
}

.contents .topBasicBlock__items.col-2 {
  margin: 25px 0 0;
  padding-bottom: 0;
  border-bottom: 0;
  float: left;
  width: 350px;
  min-height: 330px;
  line-height: 1.4;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__left {
  width: 100%;
  height: 196.875px;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__left a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__left img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__left img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right {
  float: none;
  width: 100%;
  padding: 10px 0 0;
  overflow: hidden;
  background-color: #fff;
  height: auto;
  pointer-events: none;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right:hover {
  background-color: none;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catName {
  float: left;
  color: #fff;
  font-size: 14px;
  line-height: 1.0;
  text-align: center;
  min-width: 80px;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catName a {
  padding: 7px 12px;
  width: 100%;
  display: block;
  border-radius: 5px;
  background-color: #434343;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catName a:hover {
  background-color: #9a9a9a;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catSubName {
  padding: 7px 15px;
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catSubName a:hover {
  text-decoration: underline;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .pr {
  padding: 7px 5px;
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .title {
  float: left;
  margin-top: 10px;
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .title:hover {
  text-decoration: underline;
}

.contents .topBasicBlock__items.col-3 {
  margin: 25px 0 0;
  padding-bottom: 0;
  border-bottom: 0;
  float: left;
  width: 224px;
  min-height: 233px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__left {
  width: 100%;
  height: 126px;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__left a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__left img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__left img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right {
  float: none;
  width: 100%;
  padding: 10px 0 0;
  overflow: hidden;
  background-color: #fff;
  height: auto;
  pointer-events: none;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right:hover {
  background-color: none;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catName {
  float: left;
  color: #fff;
  font-size: 13px;
  line-height: 1.0;
  text-align: center;
  min-width: 80px;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catName a {
  padding: 5px 12px;
  width: 100%;
  display: block;
  border-radius: 5px;
  background-color: #434343;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catName a:hover {
  background-color: #9a9a9a;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catSubName {
  padding: 5px 15px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.0;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catSubName a:hover {
  text-decoration: underline;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .pr {
  padding: 5px 5px;
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .title {
  float: left;
  margin-top: 10px;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  pointer-events: auto;
}

.contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .title:hover {
  text-decoration: underline;
}

.contents .topBasicBlock.typeBlue .topBasicBlock__head h2 {
  color: #0058b8;
  border-bottom: 1px solid #a8c6e7;
}

.contents .topBasicBlock.typeBlue .topBasicBlock__head h2:before {
  background: url(../images/icon_planning_bl.png) no-repeat center;
}

.contents .topBasicBlock.typeBlue .topBasicBlock__head h2:after {
  display: none;
}

.contents .topBasicBlock.typePink .topBasicBlock__head h2 {
  color: #009d65;
  border-bottom: 1px solid #81d4b3;
}

.contents .topBasicBlock.typePink .topBasicBlock__head h2:before {
  background: url(../images/icon_select_gr.png) no-repeat center;
}

.contents .topBasicBlock.typePink .topBasicBlock__head h2:after {
  display: none;
}

.contents .topBasicBlock__more {
  margin: 30px 0;
  width: 100%;
}

.contents .topBasicBlock__more .moreBtn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .topBasicBlock__more .moreBtn:hover {
  background-color: #e6e6e6;
}

.contents .topBasicBlock__more .moreBtn a {
  display: block;
  color: #434343;
}

.contents .planningArticle {
  margin-top: 30px;
  margin-bottom: 40px;
}

.contents .planningArticle__head h2 {
  margin: 0;
  padding: 0;
  color: #2d70df;
  font-size: 24px;
  height: 40px;
  border-bottom: 1px solid #d3dfe2;
  position: relative;
}

.contents .planningArticle__head h2:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background: url(../images/icon_planning.png) no-repeat center;
}

.contents .planningArticle__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #2d70df;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.contents .planningArticle__items {
  margin-top: 25px;
  overflow: hidden;
}

.contents .planningArticle__items__left {
  float: left;
  width: 126px;
  max-height: 84px;
  overflow: hidden;
}

.contents .planningArticle__items__left img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.contents .planningArticle__items__left a {
  display: block;
}

.contents .planningArticle__items__left a:hover img {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

.contents .planningArticle__items__right {
  float: left;
  width: calc(100% - 126px);
  padding: 8px 20px 0;
  overflow: hidden;
  background-color: #fafafa;
  height: 84px;
  pointer-events: none;
}

.contents .planningArticle__items__right:hover {
  background-color: #f2f2f2;
}

.contents .planningArticle__items__right .catName {
  float: left;
  color: #fff;
  font-size: 13px;
  line-height: 1.0;
  text-align: center;
  min-width: 80px;
  pointer-events: auto;
}

.contents .planningArticle__items__right .catName a {
  padding: 5px 12px;
  width: 100%;
  display: block;
  border-radius: 5px;
  background-color: #434343;
}

.contents .planningArticle__items__right .catName a:hover {
  background-color: #9a9a9a;
}

.contents .planningArticle__items__right .catSubName {
  padding: 5px 15px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.0;
  color: #333;
  pointer-events: auto;
}

.contents .planningArticle__items__right .catSubName a:hover {
  text-decoration: underline;
}

.contents .planningArticle__items__right .title {
  float: left;
  margin-top: 6px;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  pointer-events: auto;
}

.contents .planningArticle__items__right .title:hover {
  text-decoration: underline;
}

.contents .selectArticle {
  margin-bottom: 40px;
}

.contents .selectArticle__head h2 {
  margin: 0;
  padding: 0;
  color: #ea67ba;
  font-size: 24px;
  height: 40px;
  border-bottom: 1px solid #e1d3e2;
  position: relative;
}

.contents .selectArticle__head h2:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background: url(../images/icon_select.png) no-repeat center;
}

.contents .selectArticle__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #ea67ba;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.contents .selectArticle__items {
  margin-top: 25px;
  overflow: hidden;
}

.contents .selectArticle__items__left {
  float: left;
  width: 126px;
  max-height: 84px;
  overflow: hidden;
}

.contents .selectArticle__items__left img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.contents .selectArticle__items__left a {
  display: block;
}

.contents .selectArticle__items__left a:hover img {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

.contents .selectArticle__items__right {
  float: left;
  width: calc(100% - 126px);
  padding: 8px 20px 0;
  overflow: hidden;
  background-color: #fafafa;
  height: 84px;
  pointer-events: none;
}

.contents .selectArticle__items__right:hover {
  background-color: #f2f2f2;
}

.contents .selectArticle__items__right .catName {
  float: left;
  color: #fff;
  font-size: 13px;
  line-height: 1.0;
  text-align: center;
  min-width: 80px;
  pointer-events: auto;
}

.contents .selectArticle__items__right .catName a {
  padding: 5px 12px;
  width: 100%;
  display: block;
  border-radius: 5px;
  background-color: #434343;
}

.contents .selectArticle__items__right .catName a:hover {
  background-color: #9a9a9a;
}

.contents .selectArticle__items__right .catSubName {
  padding: 5px 15px;
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.0;
  color: #333;
  pointer-events: auto;
}

.contents .selectArticle__items__right .catSubName a:hover {
  text-decoration: underline;
}

.contents .selectArticle__items__right .title {
  float: left;
  margin-top: 6px;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  pointer-events: auto;
}

.contents .selectArticle__items__right .title a:hover {
  text-decoration: underline;
}

.contents .pickUp {
  margin-bottom: 30px;
}

.contents .pickUp__head h2 {
  margin: 0;
  padding: 0;
  height: 40px;
  border-bottom: 1px solid #ffc09b;
  color: #ff7e43;
  font-size: 24px;
  position: relative;
}

.contents .pickUp__head h2:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 26px;
  height: 22px;
  background: url(../images/icon_pickup_or2.png) no-repeat center;
}

.contents .pickUp__head h2:after {
  display: none;
  content: "";
  width: 150px;
  height: 1px;
  background-color: #ff8c64;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.contents .pickUp__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .pickUp__block {
  margin-top: 25px;
  padding: 23px 25px 25px 25px;
  width: 100%;
  background-color: #fafafa;
}

.contents .pickUp__block__title h3 {
  margin-bottom: 0;
  font-size: 20px;
  color: #333;
  line-height: 1.4;
  position: relative;
  padding-left: 20px;
}

.contents .pickUp__block__title h3:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 4px;
  height: 22px;
  background: url(../images/pickUp_titleMark.png) no-repeat center;
}

.contents .pickUp__block__body {
  margin-top: 20px;
  overflow: hidden;
}

.contents .pickUp__block__body .pickUpItem {
  width: 100%;
  height: auto;
  /* max-height: 84px; */
  margin-right: 20px;
  margin-bottom: 25px;
  overflow: hidden;
}

.contents .pickUp__block__body .pickUpItem__img {
  float: left;
  margin-bottom: 14px;
  position: relative;
  width: 149.333px;
  height: 84px;
  overflow: hidden;
}

.contents .pickUp__block__body .pickUpItem__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .pickUp__block__body .pickUpItem__img img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .pickUp__block__body .pickUpItem__img img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .pickUp__block__body .pickUpItem__img span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px;
  font-size: 13px;
  line-height: 1.0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

.contents .pickUp__block__body .pickUpItem__title {
  padding-left: 20px;
  float: left;
  width: calc(100% - 149.333px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}

.contents .pickUp__block__body .pickUpItem__title__txt {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  width: 100%;
}

.contents .pickUp__block__body .pickUpItem__title__date {
  color: #999;
  width: 100%;
  margin-top: 4px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.0;
  text-align: left;
}

.contents .pickUp__block__body .pickUpItem a {
  display: block;
}

.contents .pickUp__block__body .pickUpItem a:hover .pickUpItem__title__txt {
  color: #ff8c64;
}

.contents .pickUp__block__more .moreBtn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .pickUp__block__more .moreBtn a {
  display: block;
  color: #434343;
}

.contents .pickUp__block__more .moreBtn:hover {
  background-color: #e6e6e6;
}

.banner728_90 {
  width: 100%;
  margin-bottom: 30px;
}

.banner728_90 a {
  margin: 0 auto;
  display: block;
  text-align: center;
}

.banner728_90 a img {
  max-width: 100%;
}

.banner468_60 a {
  margin: 30px auto;
  display: block;
  width: 468px;
}

.banner468_60 a img {
  width: 100%;
  max-width: 100%;
}

.banner320 {
  display: none;
}

.breadcrumb {
  margin: 0 0 20px 0;
}

.breadcrumb ul li {
  display: inline-block;
  font-size: 13px;
  margin-right: 7px;
}

.breadcrumb ul li:after {
  content: ">";
  font-size: 10px;
  display: inline-block;
  margin-left: 1em;
}

.breadcrumb ul li:last-child::after {
  content: none;
}

.breadcrumb ul li a:hover {
  text-decoration: underline;
}

.contents .cateList {
  margin-bottom: 30px;
  text-align: right;
}

.contents .cateList ul {
  font-size: 0px;
}

.contents .cateList ul li {
  display: inline-block;
  margin-right: 7px;
  font-size: 13px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  position: relative;
}

.contents .cateList ul li:before {
  content: "";
  display: block;
  margin-right: 0.5em;
  width: 8px;
  height: 8px;
  background: url(../images/cateLIsit_arrow.png) no-repeat center/contain;
  color: #fff;
  position: absolute;
  top: 9px;
  left: 7px;
}

.contents .cateList ul li a {
  padding: 7px 7px 7px 21px;
  display: block;
  color: #FFF;
}

.contents .cateList ul li:last-child {
  margin-right: 0;
}

.contents .cateList ul li:hover {
  background-color: #999;
}

.contents .monthlyBox {
  margin-bottom: 30px;
}

.contents .monthlyBox__head {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.0;
  background-color: #e2e2e2;
  border-radius: 5px 5px 0 0;
}

.contents .monthlyBox__head a {
  padding: 20px;
  display: block;
  position: relative;
}

.contents .monthlyBox__head span {
  position: absolute;
  top: 25px;
  right: 20px;
  display: block;
  width: 15px;
  height: 10px;
  background: url(../images/toggle-arrow.png) no-repeat center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.contents .monthlyBox__head span.close {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.contents .monthlyBox__body {
  display: block;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 0 0 5px 5px;
  height: 160px;
  overflow-y: auto;
}

.contents .monthlyBox__body dl {
  margin-bottom: 20px;
  font-size: 0;
}

.contents .monthlyBox__body dl dt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.0;
  color: #434343;
}

.contents .monthlyBox__body dl dd {
  margin-right: 6px;
  display: inline-block;
  width: calc((100% - 66px) / 12);
  height: 27px;
  line-height: 27px;
  font-size: 14px;
  font-weight: bold;
  color: #434343;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
}

.contents .monthlyBox__body dl dd a {
  display: block;
}

.contents .monthlyBox__body dl dd:last-child {
  margin-left: 0;
  margin-right: 0;
}

.contents .monthlyBox__body dl dd:hover {
  background-color: #fd794b;
  color: #fff;
  border: 1px solid #fd794b;
}

.contents .monthlyBox__body dl dd.current {
  background-color: #fd794b;
  color: #fff;
  border: 1px solid #fd794b;
}

.contents .yearBox {
  margin-bottom: 30px;
  padding: 20px 20px 10px 20px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.contents .yearBox__head {
  margin-bottom: 16px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.0;
}

.contents .yearBox__headSp {
  display: none;
}

.contents .yearBox__headSp a {
  display: block;
}

.contents .yearBox__body ul {
  font-size: 0;
}

.contents .yearBox__body ul li {
  margin-left: 5px;
  margin-bottom: 10px;
  display: inline-block;
  width: calc((100% - 40px) / 9);
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #555;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #555;
  border-radius: 5px;
}

.contents .yearBox__body ul li a {
  display: block;
}

.contents .yearBox__body ul li:first-child {
  margin-left: 0;
}

.contents .yearBox__body ul li:nth-child(10) {
  margin-left: 0;
}

.contents .yearBox__body ul li:hover {
  background-color: #e53f60;
  color: #fff;
  border: 1px solid #e53f60;
}

.contents .yearBox__body ul li.current {
  background-color: #e53f60;
  color: #fff;
  border: 1px solid #e53f60;
}

.contents .newsList {
  margin-bottom: 30px;
}

.contents .newsList__head {
  position: relative;
}

.contents .newsList__head h2 {
  padding: 7px;
  padding-bottom: 11px;
  margin-bottom: 30px;
  color: #009b74;
  font-size: 24px;
  border-bottom: 1px solid #dbe5e1;
  position: relative;
  line-height: 34px;
  vertical-align: middle;
}

.contents .newsList__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #009b74;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.contents .newsList__head__junre {
  padding: 8px 10px;
  margin-right: 14px;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.0;
  color: #FFF;
  background-color: #009b74;
  border-radius: 5px;
}

.contents .newsList__head .listBack {
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 14px;
  letter-spacing: 0.08em;
  overflow: hidden;
}

.contents .newsList__head .listBack:before {
  margin-top: 2px;
  margin-right: 10px;
  content: "";
  display: block;
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #009B74;
}

.contents .newsList__head .listBack a {
  color: #3a3a3a;
}

.contents .newsList__head .listBack:hover {
  text-decoration: underline;
}

.contents .newsList__title {
  margin-bottom: 10px;
  padding-left: 18px;
  font-size: 20px;
  color: #333;
  position: relative;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; */
}

.contents .newsList__title:before {
  content: "";
  display: block;
  height: 22px;
  width: 4px;
  border-radius: 2px;
  background-color: #ff8c64;
  position: absolute;
  top: 0;
  left: 0;
}

.contents .newsList__title h3 {
  margin-bottom: 10px;
  padding: 0;
  /* width: calc(100% - 80px); */
}

.contents .newsList__title h3:before {
  display: none;
}

.contents .newsList__title.year:before {
  background-color: #e53f60;
}

.contents .newsList__title .toList {
  width: 80px;
  height: 28px;
  display: block;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  background-color: #FFF;
  border-radius: 5px;
}

.contents .newsList__title .toList a {
  display: block;
}

.contents .newsList__title .toList a:hover {
  text-decoration: underline;
}

.contents .newsList__title .toList:before {
  margin: 10px;
  content: "";
  display: block;
  float: left;
  width: 6px;
  height: 8px;
  background: url(../images/toList_arrow.png) no-repeat center;
}

.contents .newsList__body ul .newsList__item {
  padding: 10px 0;
  border-bottom: 1px solid #c6c6c6;
}

.contents .newsList__body ul .newsList__item:first-child {
  border-top: 1px solid #c6c6c6;
}

.contents .newsList__body ul .newsList__item a {
  display: block;
  overflow: hidden;
}

.contents .newsList__body ul .newsList__item__left {
  float: left;
  width: 208px;
}

.contents .newsList__body ul .newsList__item__left .newsListImage {
  width: 100%;
  height: 117px;
  overflow: hidden;
  position: relative;
}

.contents .newsList__body ul .newsList__item__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none){
  .contents .newsList__body ul .newsList__item__left img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .newsList__body ul .newsList__item__left img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .newsList__body ul .newsList__item__left .movieClip {
  width: 208px;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .newsList__body ul .newsList__item__left .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .newsList__body ul .newsList__item__left .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .newsList__body ul .newsList__item__right {
  float: left;
  width: calc(100% - 208px);
  /* height: 117px; */
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.contents .newsList__body ul .newsList__item__right:hover .newsListTitle {
  text-decoration: underline;
}

.contents .newsList__body ul .newsList__item__right .newsListJunre {
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
}

.contents .newsList__body ul .newsList__item__right .newsListJunre__item {
  padding: 6px 6px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  min-width: 80px;
  text-align: center;
}

..contents .newsList__body ul .newsList__item__right .newsListJunre span {
  padding: 6px 6px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  min-width: 80px;
  text-align: center;
}

.contents .newsList__body ul .newsList__item__right .newsListTitle {
  width: 100%;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .newsList__body ul .newsList__item__right .newsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
  position: relative;
}

.contents .newsList__body ul .newsList__item__right .newsListDate span.pr {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
}

.contents .newsList__body.subCatNewsList ul .newsList__item {
  padding: 10px 0;
  border-bottom: 1px solid #c6c6c6;
}

.contents .newsList__body.subCatNewsList ul .newsList__item:first-child {
  border-top: 1px solid #c6c6c6;
}

.contents .newsList__body.subCatNewsList ul .newsList__item a {
  display: block;
  overflow: hidden;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__left {
  float: left;
  width: 208px;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__left .newsListImage {
  width: 100%;
  height: 117px;
  overflow: hidden;
  position: relative;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none) {
  .contents .newsList__body.subCatNewsList ul .newsList__item__left img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .newsList__body.subCatNewsList ul .newsList__item__left img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .newsList__body.subCatNewsList ul .newsList__item__left .movieClip {
  width: 208px;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__left .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__left .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__right {
  float: left;
  width: calc(100% - 208px);
  /* height: 84px; */
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__right:hover .newsListTitle {
  text-decoration: underline;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__right .newsListTitle {
  width: 100%;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__right .newsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
  position: relative;
}

.contents .newsList__body.subCatNewsList ul .newsList__item__right .newsListDate span.pr {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
}

.contents .newsList__paging {
  clear: both;
  margin: 40px 0;
}

.contents .newsList__paging ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contents .newsList__paging ul li {
  margin-right: 15px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #434343;
  border-radius: 5px;
  text-align: center;
}

.contents .newsList__paging ul li a {
  display: block;
  color: #434343;
  width: 100%;
  height: 100%;
}

.contents .newsList__paging ul li .current_page {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #434343;
}

.contents .newsList__paging ul li.pageFront {
  margin-right: 25px;
  background: url(../images/pager_front.png) no-repeat center;
}

.contents .newsList__paging ul li.pagePre {
  margin-right: 25px;
  background: url(../images/pager_pre.png) no-repeat center;
}

.contents .newsList__paging ul li.pageNext {
  margin-left: 10px;
  background: url(../images/pager_next.png) no-repeat center;
}

.contents .newsList__paging ul li.pageEnd {
  margin-left: 10px;
  background: url(../images/pager_end.png) no-repeat center;
}

.contents .newsList__paging ul li.current {
  background-color: #434343;
}

.contents .newsList__paging ul li.current span {
  color: #FFF;
}

.contents .newsList__paging ul li:last-child {
  margin-right: 0;
}

.contents .newsList .newsListCategory {
  margin-bottom: 40px;
}

.contents .newsList .newsListCategory__head {
  margin-bottom: 30px;
  padding: 16px 10px 16px 40px;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  background-color: #009b74;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.contents .newsList .newsListCategory__head:before {
  content: "";
  display: block;
  width: 17px;
  height: 20px;
  background: url(../images/category_ribon.png) no-repeat center;
  position: absolute;
  top: -4px;
  left: 12px;
}

.contents .newsList .newsListCategory__head h3 {
  margin-bottom: 0;
  padding-left: 0;
  color: #fff;
  font-size: 18px;
  width: calc(100% - 105px);
}

.contents .newsList .newsListCategory__head h3:before {
  display: none;
}

.contents .newsList .newsListCategory__head .toList {
  width: 80px;
  height: 28px;
  display: block;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  background-color: #FFF;
  border-radius: 5px;
}

.contents .newsList .newsListCategory__head .toList a {
  display: block;
}

.contents .newsList .newsListCategory__head .toList:before {
  margin: 10px;
  content: "";
  display: block;
  float: left;
  width: 6px;
  height: 8px;
  background: url(../images/toList_arrow.png) no-repeat center;
}

.contents .newsList .newsListCategory__head2 h3 {
  width: 100%;
}

.contents .newsList .newsListCategory__head2 .toList {
  display: none;
}

.contents .newsList .newsListCategory__body ul .newsList__item {
  padding: 10px 0;
  border-bottom: 1px solid #c6c6c6;
}

.contents .newsList .newsListCategory__body ul .newsList__item:first-child {
  padding: 0 0 10px;
}

.contents .newsList .newsListCategory__body ul .newsList__item a {
  display: block;
  overflow: hidden;
}

.contents .newsList .newsListCategory__body ul .newsList__item__left {
  float: left;
  width: 208px;
}

.contents .newsList .newsListCategory__body ul .newsList__item__left .newsListImage {
  width: 100%;
  height: 117px;
  overflow: hidden;
  position: relative;
}

.contents .newsList .newsListCategory__body ul .newsList__item__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); */
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  /* -webkit-transition: .2s;
  -o-transition: .2s; */
  transition: .2s;
}

@media all and (-ms-high-contrast: none) {
  .contents .newsList .newsListCategory__body ul .newsList__item__left img {
    transition: 0;
  }
}

@media screen and (min-width: 1025px) {
  .contents .newsList .newsListCategory__body ul .newsList__item__left img:hover {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .newsList .newsListCategory__body ul .newsList__item__left .movieClip {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .newsList .newsListCategory__body ul .newsList__item__left .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .newsList .newsListCategory__body ul .newsList__item__left .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .newsList .newsListCategory__body ul .newsList__item__right {
  float: left;
  width: calc(100% - 208px);
  /* height: auto; */
  background-color: #fff;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contents .newsList .newsListCategory__body ul .newsList__item__right:hover .newsListTitle {
  text-decoration: underline;
}

.contents .newsList .newsListCategory__body ul .newsList__item__right .newsListTitle {
  width: 100%;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .newsList .newsListCategory__body ul .newsList__item__right .newsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
}

.contents .newsList .newsListCategory__body .newsMore {
  display: none;
}

.contents .productList__head h2 {
  padding: 7px;
  padding-bottom: 11px;
  margin-bottom: 30px;
  color: #009b74;
  font-size: 24px;
  border-bottom: 1px solid #dbe5e1;
  position: relative;
  line-height: 34px;
  vertical-align: middle;
}

.contents .productList__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #009b74;
  position: absolute;
  bottom: 0;
  left: 0;
}

.contents .productList__body ul .productList__item {
  margin-bottom: 28px;
  padding-bottom: 20px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.contents .productList__body ul .productList__item__left {
  float: left;
  width: 160px;
  height: auto;
  min-height: 120px;
}

.contents .productList__body ul .productList__item__left img {
  width: 100%;
}

.contents .productList__body ul .productList__item__right {
  float: left;
  width: calc(100% - 160px);
  padding-left: 20px;
  overflow: hidden;
}

.contents .productList__body ul .productList__item__right .productListNum {
  margin-bottom: 13px;
  display: block;
  width: 68px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #666;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #666;
  border-radius: 5px;
}

.contents .productList__body ul .productList__item__right .productListTitle {
  margin-bottom: 15px;
  color: #009b74;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.contents .productList__body ul .productList__item__right .productListInfo {
  float: left;
  color: #666;
  font-size: 13px;
}

.contents .productList__body ul .productList__item__right .productListDate {
  float: right;
  font-size: 15px;
  color: #666;
}

.contents .productList__body ul .productList__item__right .bookListTitle {
  margin-bottom: 13px;
  color: #009b74;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.contents .productList__body ul .productList__item__right .bookListInfo dl {
  overflow: hidden;
}

.contents .productList__body ul .productList__item__right .bookListInfo dl dt {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  float: left;
  width: 50px;
  border-right: 1px solid #666;
}

.contents .productList__body ul .productList__item__right .bookListInfo dl dt.preview {
  margin-top: 8px;
  color: #333;
  text-align: center;
  border: 1px solid #666;
  border-radius: 5px;
}

.contents .productList__body ul .productList__item__right .bookListInfo dl dd {
  margin-bottom: 10px;
  padding-left: 60px;
  font-size: 13px;
  font-weight: bold;
  color: #666;
}

.contents .productList__body ul .productList__item__right .bookListInfo dl dd.preview {
  float: left;
  padding-left: 10px;
  margin-top: 10px;
  color: #333;
}

.contents .productList__body ul .productList__item__right .bookListInfo dl dd.bookListDate {
  padding-left: 0;
  float: right;
  color: #999;
  font-size: 15px;
  font-weight: normal;
  margin-top: 10px;
}

.contents .productList__body2 ul {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contents .productList__body2 ul .productList__item2 {
  margin-bottom: 30px;
  margin-right: 30px;
  width: calc((100% - 60px) / 3);
}

.contents .productList__body2 ul .productList__item2:nth-child(3n) {
  margin-right: 0;
}

.contents .productList__body2 ul .productList__item2__left {
  width: 100%;
  height: 185px;
  border: 2px solid #f5f5f5;
  padding: 3px;
  background-color: #f5f5f5;
}

.contents .productList__body2 ul .productList__item2__left img {
  width: 100%;
  height: 175px;
  -o-object-fit: contain;
     object-fit: contain;
}

.contents .productList__body2 ul .productList__item2__right {
  padding: 10px 10px 15px;
  width: 100%;
  background-color: #f5f5f5;
  position: relative;
}

.contents .productList__body2 ul .productList__item2__right .productListTitle {
  padding-top: 10px;
  border-top: 1px solid #CCC;
  margin-bottom: 26px;
  color: #009b74;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.contents .productList__body2 ul .productList__item2__right .productListTitle dl {
  margin-bottom: 15px;
  overflow: hidden;
}

.contents .productList__body2 ul .productList__item2__right .productListTitle dl dt {
  margin-top: 3px;
  float: left;
  width: 37px;
  color: #434343;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
}

.contents .productList__body2 ul .productList__item2__right .productListTitle dl dd {
  float: left;
  width: calc(100% - 45px);
  padding-left: 7px;
  color: #009b74;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  border-left: 1px solid #434343;
}

.contents .productList__body2 ul .productList__item2__right .productListDate {
  color: #999;
  font-size: 13px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.contents .tagsList {
  margin-bottom: 30px;
}

.contents .tagsList__head h2 {
  padding: 7px;
  padding-bottom: 11px;
  margin-bottom: 30px;
  color: #009b74;
  font-size: 20px;
  border-bottom: 1px solid #dbe5e1;
  position: relative;
  line-height: 34px;
  vertical-align: middle;
}

.contents .tagsList__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #009b74;
  position: absolute;
  bottom: 0;
  left: 0;
}

.contents .tagsList__head__name {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.0;
  letter-spacing: 0.1em;
  color: #009b74;
}

.contents .tagsList__title {
  margin-bottom: 20px;
  padding-left: 18px;
  font-size: 20px;
  color: #333;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .tagsList__title:before {
  content: "";
  display: block;
  height: 22px;
  width: 4px;
  border-radius: 2px;
  background-color: #ff8c64;
  position: absolute;
  top: 0;
  left: 0;
}

.contents .tagsList__title h3 {
  width: calc(100% - 80px);
}

.contents .tagsList__title.year:before {
  background-color: #e53f60;
}

.contents .tagsList__body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .tagsList__body ul .tagsList__item {
  padding: 10px 0;
  width: 100%;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #c6c6c6;
}

.contents .tagsList__body ul .tagsList__item__left {
  float: left;
  width: 208px;
}

.contents .tagsList__body ul .tagsList__item__left a {
  display: block;
  width: 100%;
  height: 117px;
  overflow: hidden;
  position: relative;
}

.contents .tagsList__body ul .tagsList__item__left img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

@media screen and (min-width: 1025px) {
  .contents .tagsList__body ul .tagsList__item__left:hover img {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

.contents .tagsList__body ul .tagsList__item__left .movieClip {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.contents .tagsList__body ul .tagsList__item__left .movieClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .tagsList__body ul .tagsList__item__left .movieClip video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contents .tagsList__body ul .tagsList__item__right {
  float: left;
  width: calc(100% - 208px);
  height: auto;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListJunre {
  width: 100%;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListJunre a {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListJunre span {
  padding: 6px 6px;
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  min-width: 80px;
  text-align: center;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListTitle {
  width: 100%;
  color: #333;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
  position: relative;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListDate span.pr {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: bold;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListTitle__wrap {
  margin-top: 5px;
  width: 100%;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListTitle__wrap a {
  display: block;
}

.contents .tagsList__body ul .tagsList__item__right .tagsListTitle__wrap a:hover .tagsListTitle {
  text-decoration: underline;
}

.contents .tagsList__body ul .tagsList__item.col-1 {
  padding: 0;
  margin: 0 0 25px;
  border-bottom: 0;
  float: none;
  width: 100%;
  height: 208px;
  display: block;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__left {
  float: left;
  width: 368px;
  height: 207px;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right {
  float: left;
  width: calc(100% - 388px);
  height: auto;
  background-color: #fff;
  padding: 0;
  margin-left: 20px;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right:hover {
  background-color: none;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListJunre {
  display: inline-block;
  margin-bottom: 10px;
  min-width: 120px;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListJunre span {
  padding: 8px 12px;
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  text-align: center;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListTitle {
  width: 100%;
  display: block;
  color: #333;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
  margin-bottom: 6px;
}

.contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListBody {
  clear: both;
  width: 100%;
  font-size: 15px;
  color: #333;
  font-weight: normal;
  line-height: 1.5;
}

.contents .tagsList__body ul .tagsList__item.col-2 {
  margin: 0 0 25px;
  padding: 0;
  border-bottom: 0;
  float: left;
  width: 350px;
  min-height: 304px;
  display: block;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__left {
  float: none;
  width: 100%;
  height: 196px;
  max-height: 242.666px;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right {
  float: none;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 10px 0 0;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right:hover {
  background-color: none;
}

.contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListJunre {
  margin-bottom: 0;
  display: inline-block;
  min-width: 120px;
}

.contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListJunre span {
  padding: 8px 12px;
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  text-align: center;
}

.contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListTitle {
  margin-top: 10px;
  width: 100%;
  display: block;
  color: #333;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
  margin-bottom: 6px;
}

.contents .tagsList__body ul .tagsList__item.col-3 {
  padding: 0;
  border-bottom: 0;
  margin: 0 0 25px;
  float: left;
  width: 224px;
  height: 270px;
  display: block;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__left {
  float: none;
  width: 100%;
  height: auto;
  max-height: 126px;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right {
  float: none;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 10px 0 0;
  overflow: hidden;
}

.contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right:hover {
  background-color: none;
}

.contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListJunre {
  margin-bottom: 10px;
  display: inline-block;
  min-width: 120px;
}

.contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListJunre span {
  padding: 8px 12px;
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  min-width: 120px;
  text-align: center;
}

.contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListTitle {
  margin-top: 10px;
  width: 100%;
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
  margin-bottom: 6px;
}

.contents .tagsList .itemMore {
  clear: both;
  margin: 30px 0;
}

.contents .tagsList .itemMore__btn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .tagsList .itemMore__btn a {
  display: block;
  color: #434343;
}

.contents .tagsList .itemMore.hide {
  display: none;
}

.contents .tagsList .toItemList {
  margin: 30px 0;
}

.contents .tagsList .toItemList__btn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .tagsList .toItemList__btn a {
  display: block;
  color: #434343;
}

.contents .tagsList .toItemList.hide {
  display: none;
}

.contents .tagWords {
  margin-bottom: 30px;
}

.contents .tagWords__head h2 {
  line-height: 34px;
  vertical-align: middle;
  padding: 7px;
  padding-bottom: 11px;
  margin-bottom: 30px;
  color: #009b74;
  font-size: 20px;
  border-bottom: 1px solid #dbe5e1;
  position: relative;
}

.contents .tagWords__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #009b74;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.contents .tagWords__head__name {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.0;
  letter-spacing: 0.1em;
  color: #009b74;
}

.contents .tagWords__body ul {
  overflow: hidden;
}

.contents .tagWords__body ul .tagWords__item {
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
}

.contents .tagWords__body ul .tagWords__item a {
  display: block;
  color: #333;
  padding: 8px 10px 7px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.contents .tagWords__body ul .tagWords__item a span {
  display: block;
  font-size: 12px;
  text-align: right;
}

.contents .tagWords__body ul .tagWords__item a:hover {
  color: #fff;
  background-color: #009b74;
}

.contents .tagWords .itemMore {
  margin: 30px 0;
}

.contents .tagWords .itemMore__btn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .tagWords .itemMore__btn a {
  display: block;
  color: #434343;
}

.contents .tagWords .itemMore.hide {
  display: none;
}

.contents .tagWords .toItemList {
  margin: 30px 0;
}

.contents .tagWords .toItemList__btn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .tagWords .toItemList__btn a {
  display: block;
  color: #434343;
}

.contents .tagWords .toItemList.hide {
  display: none;
}

.contents .glossaryList__head h2 {
  padding: 7px;
  padding-bottom: 11px;
  margin-bottom: 30px;
  color: #009b74;
  font-size: 24px;
  border-bottom: 1px solid #dbe5e1;
  position: relative;
  line-height: 34px;
  vertical-align: middle;
}

.contents .glossaryList__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #009b74;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.contents .glossaryList .glossaryTabArea {
  margin-bottom: 50px;
}

.contents .glossaryList .glossaryTabArea ul.glossaryTab {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contents .glossaryList .glossaryTabArea ul.glossaryTab li {
  margin-right: 30px;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #9a9a9a;
}

.contents .glossaryList .glossaryTabArea ul.glossaryTab li.active {
  color: #009b74;
}

.contents .glossaryList .glossaryTabArea ul.glossaryTab li:last-child {
  margin-right: 0;
}

.contents .glossaryList .glossaryTabArea .glossaryTabPanel {
  display: none;
}

.contents .glossaryList .glossaryTabArea .glossaryTabPanel.show {
  display: block;
}

.contents .glossaryList .glossaryTabArea .glossaryTabPanel ul li {
  padding-left: 14px;
  font-size: 18px;
  margin-bottom: 0.5em;
  color: #000;
  background: url(../images/list_mark01.png) no-repeat top 8px left;
}

.contents .glossaryList .glossaryTabArea .glossaryTabPanel ul li a:hover {
  text-decoration: underline;
}

.contents .glossaryList .glossaryTabArea .glossaryTabPanel ul li a span {
  color: #6a6a6a;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 {
  padding: 10px 0 0;
  margin-top: -20px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #eee;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 li {
  margin-right: 15px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
  background: #eee;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 li.active {
  color: #009b74;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 li:last-child {
  margin-right: 0;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 .glossaryTab11Panel {
  display: none;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 .glossaryTab11Panel.show {
  display: block;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 .glossaryTab11Panel ul li {
  padding-left: 14px;
  font-size: 18px;
  margin-bottom: 0.5em;
  color: #000;
  background: url(../images/list_mark01.png) no-repeat top 8px left;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 .glossaryTab11Panel ul li a:hover {
  text-decoration: underline;
}

.contents .glossaryList .glossaryTabArea #glossaryTab11 .glossaryTab11Panel ul li a span {
  color: #6a6a6a;
}

.contents .contArticle__wrap {
  border-top: 1px solid #ccc;
}

.contents .contArticle__cat {
  padding: 10px 0 10px 16px;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 0 0 5px 5px;
}

.contents .contArticle__cat p {
  font-weight: normal;
}

.contents .contArticle__head {
  margin-bottom: 20px;
  padding-top: 20px;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .contArticle__head span {
  margin-left: 10px;
  display: block;
  font-size: 14px;
  line-height: 1.0;
  font-weight: normal;
  color: #6c6c6c;
  text-align: right;
}

.contents .contArticle__head__title {
  font-size: 20px;
  width: calc(100% - 80px);
}

.contents .contArticle__head .toList {
  width: 70px;
  height: 28px;
  display: block;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.1em;
  text-align: right;
  background-color: #FFF;
  border-radius: 5px;
}
/* @media screen and (max-width: 1025px) {
  .contents .contArticle__head .toList {
    font-size: 0.8vw;
    font-weight: normal;
  }
} 
*/
.contents .contArticle__head .toList a {
  display: block;
  height: 100%;
}

.contents .contArticle__head .toList a:hover {
  text-decoration: underline;
}

.contents .contArticle__head .toList:before {
  margin: 10px 0;
  content: "";
  display: block;
  float: left;
  width: 6px;
  height: 8px;
  background: url(../images/toList_arrow.png) no-repeat center;
}

.contents .contArticle__author {
  width: 100%;
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 15px;
  letter-spacing: 0.1em;
}

.contents .contArticle__subTitle {
  margin-bottom: 10px;
  padding-left: 12px;
  font-size: 18px;
  color: #333;
  position: relative;
}

.contents .contArticle__subTitle:before {
  content: "";
  display: block;
  width: 4px;
  height: 18px;
  background: #009b74;
  position: absolute;
  top: 2px;
  left: 0;
}

.contents .contArticle__read {
  padding: 20px 20px;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
  background-color: #f5f5f5;
  position: relative;
}

.contents .contArticle__body {
  margin-top: 40px;
  color: #333;
  font-size: 16px;
  line-height: 1.7;
}

.contents .contArticle__body p {
  margin-bottom: 16px;
  color: #333;
  font-size: 16px;
  line-height: 1.7;
}

.contents .contArticle__body .photoBox {
  width: 100%;
  padding: 10px;
}

.contents .contArticle__body .photoBox p {
  margin: 0;
  line-height: 1.7;
  font-size: 14px;
}

.contents .contArticle__body .photoBox p:before {
  content: " ";
  display: table;
}

.contents .contArticle__body .photoBox p:after {
  content: " ";
  display: table;
  clear: both;
}

.contents .contArticle__body .photoBox.img2 img {
  float: left;
  width: 50%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.contents .contArticle__body .photoBox.img3 img {
  float: left;
  width: 33.3333%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.contents .contArticle__body .photoBox.img4 img {
  float: left;
  width: 25%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.contents .contArticle__body .photoBox.img5 img {
  float: left;
  width: 20%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.contents .contArticle__body .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.contents .contArticle__body iframe {
  max-width: 100%;
}

.contents .contArticle__body .imgCap {
  margin-top: -8px;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  text-align: center;
}

.contents .contArticle__body .sHeading {
  margin-bottom: 16px;
  font-size: 18px;
  color: #339900;
}

.contents .contArticle__body a {
  color: #009b74;
  text-decoration: underline;
}

.contents .contArticle__body a:hover {
  text-decoration: none;
}

.contents .contArticle__body .imgRight {
  float: right;
  display: table;
  width: 160px;
  *width: auto;
  margin: 0 0 20px 32px;
}

.contents .contArticle__body .imgRight img {
  *max-width: 100%;
}

.contents .contArticle__body .imgRight__cap {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  background-color: #f8f8f8;
  padding: 10px 8px;
}

.contents .contArticle__body .imgLeft {
  float: left;
  display: table;
  width: 160px;
  *width: auto;
  margin: 0 32px 20px 0;
}

.contents .contArticle__body .imgLeft img {
  *max-width: 100%;
}

.contents .contArticle__body .imgLeft__cap {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  background-color: #f8f8f8;
  padding: 10px 8px;
}

.contents .contArticle__next {
  margin-top: 30px;
  text-align: center;
}

.contents .contArticle__next a {
  font-size: 18px;
  color: #048cdf;
}

.contents .contArticle__next a:hover {
  text-decoration: underline;
}

.contents .contArticle .newsMore {
  display: none;
}

.contents .contTagList {
  margin-bottom: 15px;
  text-align: left;
}

.contents .contTagList ul li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 1.0;
  background-color: #434343;
  border-radius: 5px;
  position: relative;
}

.contents .contTagList ul li a {
  padding: 7px;
  display: block;
  color: #FFF;
}

.contents .contTagList ul li:last-child {
  margin-right: 0;
}

.contents .contTagList ul span {
  display: none;
}

.contents .searchList__head h2 {
  padding: 7px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #009b74;
  font-size: 24px;
  border-bottom: 1px solid #dbe5e1;
  position: relative;
  line-height: 34px;
  vertical-align: middle;
}

.contents .searchList__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #009b74;
  position: absolute;
  bottom: -1px;
  left: 0x;
}

.contents .searchList__head__name {
  display: inline-block;
  margin-right: 0.5em;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.0;
  letter-spacing: 0.1em;
  color: #009b74;
}

.contents .searchList .searchField {
  margin-top: 20px;
  margin-bottom: 30px;
}

.contents .searchList .searchField .reportsearch {
  font-size: 15px;
  overflow: hidden;
  min-height: 130px;
}

.contents .searchList .searchField .reportsearch input,
.contents .searchList .searchField .reportsearch input[type="date"],
.contents .searchList .searchField .reportsearch select {
  margin: 0;
  font-size: 14px;
  width: 100%;
  border-radius: 5px;
  padding: 10px 5px;
  background-color: #FFF;
  border: solid 1px #a1a1a3;
}

.contents .searchList .searchField .reportsearch input::placeholder {
  font-size: 0.9em;
  color: #757575;
}

.contents .searchList .searchField .reportsearch select {
  font-size: 14px;
}

.contents .searchList .searchField .reportsearch select.sort, .contents .searchList .searchField .reportsearch select.type {
  margin-bottom: 10px;
  width: 150px;
  padding: 5px;
  display: block;
}

.contents .searchList .searchField .reportsearch #formTagLabel {
  display: none;
}

/* .contents .searchList .searchField .reportsearch select.start_m, .contents .searchList .searchField .reportsearch select.start_d, .contents .searchList .searchField .reportsearch select.end_m, .contents .searchList .searchField .reportsearch select.end_d {
  width: 45px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 3px;
} */

/* .contents .searchList .searchField .reportsearch select.start_y, .contents .searchList .searchField .reportsearch select.end_y {
  width: 70px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 3px;
} */

.contents .searchList .searchField .reportsearch button {
  display: inline-block;
  margin-top: 10px;
  margin-left: calc((100% - 138px) / 2);
  padding: 10px 28px;
  width: 138px;
  height: 34px;
  border-radius: 5px;
  border: none;
  background-color: #009b74;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #03ac81), to(#009b74));
  background: -o-linear-gradient(top, #03ac81 50%, #009b74 100%);
  background: linear-gradient(to bottom, #03ac81 50%, #009b74 100%);
  font-size: 15px;
  cursor: pointer;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
}

.contents .searchList .searchField .reportsearch button#itemsReset {
  margin-left: 20px;
  padding: 5px;
  width: auto;
  height: auto;
  background-color: transparent;
  background: transparent;
  font-size: 13px;
  color: #009b74;
  border: 1px solid #009b74;
}

.contents .searchList .searchField .reportsearch .searchRecord {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #7a7a7a;
  letter-spacing: 0.1em;
}

.contents .searchList .searchField .reportsearch .searchOption,
.contents .searchList .searchField .reportsearch .searchRelease {
  width: 320px;
  margin-bottom: 15px;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .searchList .searchField .reportsearch .searchRelease {
  margin-bottom: 0;
}

.contents .searchList .searchField .reportsearch .searchRelease__upper {
  /* margin-bottom: 10px; */
  display: block;
  width: 150px;
}

.contents .searchList .searchField .reportsearch .searchRelease__bottom {
  /* padding-left: 2em; */
  display: block;
  width: 150px;
}

.contents .searchList .searchField .reportsearch .searchRelease__label {
  display: block;
} 

.contents .searchList .searchField .reportsearch .search__area {
  float: left;
  width: calc(100% - 360px);
  height: 75px;
}

.contents .searchList .searchField .reportsearch .searchMore {
  margin-bottom: 8px;
  font-size: 16px;
  color: #009b74;
}

.contents .searchList .searchField .reportsearch .searchMore__area {
  padding: 10px;
  float: left;
  width: 340px;
  margin-left: 20px;
  background-color: #f6f6f6;
  border-radius: 5px;
}

.contents .searchList .searchField .reportsearch .searchButton {
  padding-top: 10px;
  float: left;
  width: 100%;
}

.contents .searchList__body {
  clear: both;
}

.contents .searchList__body ul .searchList__item {
  margin-bottom: 20px;
}

.contents .searchList__body ul .searchList__item a {
  display: block;
}

.contents .searchList__body ul .searchList__item__inner {
  width: 100%;
  background-color: #efefef;
  padding: 15px 20px;
}

.contents .searchList__body ul .searchList__item__inner:hover {
  background-color: #dfdfdf;
}

.contents .searchList__body ul .searchList__item__inner .searchListTitle {
  width: 100%;
  color: #333;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .searchList__body ul .searchList__item__inner .searchListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
  margin-bottom: 6px;
}

.contents .searchList__body ul .searchList__item__inner .searchListDiscription {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.contents .searchList .searchListMore {
  margin: 30px 0;
}

.contents .searchList .searchListMore__btn {
  margin: 0 auto;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .searchList .searchListMore__btn a {
  display: block;
  color: #434343;
}

.contents .snsBtn {
  padding-left: 10px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.contents .snsBtn div {
  margin-right: 10px;
}

.contents .snsBtn div a {
  display: block;
  line-height: 1.0;
}

.contents .snsBtn div img {
  height: 20px;
  vertical-align: bottom;
}

.contents .contTheme {
  margin-bottom: 30px;
  padding: 25px 28px;
  background-color: #fafafa;
}

.contents .contTheme__head {
  margin-bottom: 20px;
  padding-left: 18px;
  font-size: 18px;
  color: #333;
  position: relative;
}

.contents .contTheme__head:before {
  content: "";
  display: block;
  height: 22px;
  width: 4px;
  border-radius: 2px;
  background-color: #ff8c64;
  position: absolute;
  top: 0;
  left: 0;
}

.contents .contTheme__body {
  margin-bottom: 30px;
}

.contents .contTheme__body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .contTheme__body .contTheme__item {
  width: calc((100% - 80px) / 5);
}

.contents .contTheme__body .contTheme__item a {
  display: block;
}

.contents .contTheme__body .contTheme__item__upper {
  margin-bottom: 14px;
  position: relative;
}

.contents .contTheme__body .contTheme__item__upper img {
  width: 100%;
}

.contents .contTheme__body .contTheme__item__upper span {
  display: block;
  width: 83px;
  height: 26px;
  font-size: 13px;
  text-align: center;
  line-height: 26px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  bottom: 0;
}

.contents .contTheme__body .contTheme__item__bottom {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
}

.contents .contTheme__more .moreBtn {
  margin: 0 auto;
  width: 340px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  background-color: #fafafa;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .contTheme__more .moreBtn a {
  display: block;
  color: #434343;
}

.contents .articleNewsBox {
  margin-top: 30px;
}

.contents .articleNewsBox__head h2 {
  margin: 0;
  padding: 0;
  color: #f51a46;
  font-size: 24px;
  position: relative;
  height: 40px;
  border-bottom: 1px solid #e2bac0;
}

.contents .articleNewsBox__head h2:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  background: url(../images/icon_news.png) no-repeat center;
}

.contents .articleNewsBox__head h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background-color: #f51a46;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.contents .articleNewsBox__body ul .articleNewsBox__item {
  padding: 16px 0;
  border-bottom: 1px solid #ccc;
}

.contents .articleNewsBox__body ul .articleNewsBox__item a {
  display: block;
  overflow: hidden;
}

.contents .articleNewsBox__body ul .articleNewsBox__item__left {
  float: left;
  width: 150px;
  height: 113px;
}

.contents .articleNewsBox__body ul .articleNewsBox__item__left img {
  width: 100%;
}

.contents .articleNewsBox__body ul .articleNewsBox__item__right {
  float: left;
  width: calc(100% - 160px);
  height: 113px;
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contents .articleNewsBox__body ul .articleNewsBox__item__right .newsListTitle {
  width: 100%;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 6px;
}

.contents .articleNewsBox__body ul .articleNewsBox__item__right .newsListDate {
  width: 100%;
  color: #999;
  font-size: 12px;
}

.contents .articleNewsBox__more {
  margin: 30px 0;
}

.contents .articleNewsBox__more .moreBtn {
  margin: 0 auto;
  width: 340px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #434343;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.contents .articleNewsBox__more .moreBtn a {
  display: block;
  color: #434343;
}

.contents .productArticle p {
  margin-bottom: 1em;
  font-size: 15px;
  line-height: 1.6;
}

.contents .productArticle__head {
  padding-top: 10px;
  margin-bottom: 8px;
  font-size: 24px;
  letter-spacing: 0.1em;
  color: #333;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contents .productArticle__head h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  overflow: hidden;
  width: calc(100% - 80px);
  border-bottom: 0;
}

.contents .productArticle__head h2:after {
  display: none;
}

.contents .productArticle__head span {
  padding: 4px 8px;
  margin-top: 2px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: normal;
  display: block;
  float: left;
  color: #434343;
  border: 1px solid #434343;
  border-radius: 5px;
  line-height: 1.0;
}

.contents .productArticle__head .toList {
  margin-top: 12px;
  width: 70px;
  height: 28px;
  display: block;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.1em;
  text-align: right;
  background-color: #FFF;
  border-radius: 5px;
}
@media screen and (max-width: 1025px) {
  .contents .productArticle__head .toList {
    font-size: 0.8vw;
    font-weight: normal;
  }
}

.contents .productArticle__head .toList a {
  display: block;
}

.contents .productArticle__head .toList a:hover {
  text-decoration: underline;
}

.contents .productArticle__head .toList:before {
  margin: 10px 0;
  content: "";
  display: block;
  float: left;
  width: 6px;
  height: 8px;
  background: url(../images/toList_arrow.png) no-repeat center;
}

.contents .productArticle__body1 {
  padding-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
}

.contents .productArticle__body1__left {
  padding-right: 20px;
  width: 45%;
  text-align: center;
}

.contents .productArticle__body1__left img {
  max-width: 100%;
}

.contents .productArticle__body1__right {
  padding-left: 10px;
  width: 55%;
}

.contents .productArticle__body1__right .productArticleInfo {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

.contents .productArticle__body1__right .bookArticleWriter dl, .contents .productArticle__body1__right .bookArticleInfo dl, .contents .productArticle__body1__right .bookArticleReview dl {
  font-size: 16px;
  overflow: hidden;
}

.contents .productArticle__body1__right .bookArticleWriter dl dt, .contents .productArticle__body1__right .bookArticleInfo dl dt, .contents .productArticle__body1__right .bookArticleReview dl dt {
  float: left;
}

.contents .productArticle__body1__right .bookArticleWriter dl dd, .contents .productArticle__body1__right .bookArticleInfo dl dd, .contents .productArticle__body1__right .bookArticleReview dl dd {
  margin-bottom: 8px;
  padding-left: 4em;
}

.contents .productArticle__body1__right .bookArticleWriter p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 8px;
  color: #009b74;
  letter-spacing: 0.1em;
}

.contents .productArticle__body1__right .bookArticleWriter dl dd {
  border-bottom: 1px solid #ccc;
}

.contents .productArticle__body1__right .bookArticleReview dl dt {
  padding: 5px;
  border: 1px solid #434343;
  border-radius: 5px;
  line-height: 1.0;
}

.contents .productArticle__body1__right .bookArticleReview dl dd {
  margin-top: 4px;
}

.contents .productArticle__body1__right .bookArticleDescription {
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
}

.contents .productArticle__body1__right .bookArticleDescription p {
  font-size: 16px;
  line-height: 1.5;
}

.contents .productArticle__body2 {
  margin-bottom: 30px;
}

.contents .productArticle__body2 .productArticleRead {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.6;
}

.contents .productArticle__body2__text p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.6;
}

.contents .productArticle .newsMore {
  display: none;
}

.contents .glossaryArticle__head {
  padding-top: 0;
}

.contents .glossaryArticle__head h2 {
  width: calc(100% - 90px);
  font-size: 24px;
  line-height: 1.2;
}

.contents .glossaryArticle__head span {
  display: inline-block;
}

.contents .glossaryArticle__head .relationList {
  width: 90px;
}

.contents .glossaryArticle__body {
  padding-top: 30px;
  border-top: 1px solid #ccc;
}

.contents .pageContent {
  margin-bottom: 30px;
}

.contents .pageContent h1 {
  margin-bottom: 30px;
  padding: 17px 0 15px 22px;
  font-size: 28px;
  color: #333;
  background-color: #f5f5f5;
  border-left: 6px solid #009b74;
}

.contents .pageContent h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 0 10px 0;
  font-size: 24px;
  color: #333;
  border-bottom: 2px solid #f5f5f5;
  position: relative;
}

.contents .pageContent h2:after {
  content: "";
  display: block;
  width: 150px;
  height: 2px;
  background-color: #009b74;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.contents .pageContent h3 {
  margin-bottom: 30px;
  padding: 0 0 0 30px;
  font-size: 20px;
  color: #333;
  position: relative;
}

.contents .pageContent h3:before {
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background-color: #009b74;
  position: absolute;
  top: 10px;
  left: 0;
}

.contents .pageContent h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 12px 15px 10px;
  font-size: 18px;
  color: #333;
  background-color: #f5f5f5;
}

.contents .pageContent h5 {
  padding: 0 0 0 12px;
  font-size: 16px;
  color: #333;
  position: relative;
}

.contents .pageContent h5:before {
  content: "";
  display: block;
  width: 2px;
  height: 16px;
  background-color: #ccc;
  position: absolute;
  top: 4px;
  left: 0;
}

.contents .pageContent p {
  margin: 10px 0;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.contents .pageContent ol {
  margin: 20px 0;
  counter-reset: li;
}

.contents .pageContent ol li {
  padding-left: 37px;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  position: relative;
}

.contents .pageContent ol li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  color: #fff;
  padding-left: 7px;
  background: #009b74;
  font-size: 14px;
  line-height: 18px;
}

.contents .pageContent dl {
  margin: 10px 0;
}

.contents .pageContent dl dt {
  margin: 0 0 8px 0;
  display: inline-block;
  background-color: #009b74;
  color: #fff;
  padding: 3px 20px;
  text-align: center;
}

.contents .pageContent dl dd {
  margin: 0 0 20px 0;
  display: inline-block;
  width: 87%;
  padding-left: 15px;
  vertical-align: top;
}

.contents .pageContent table {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.contents .pageContent table th {
  padding: 20px 14px 13px;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}

.contents .pageContent table td {
  padding: 20px 14px 13px;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  border: 1px solid #ccc;
}

.contents .pageContent img {
  width: auto;
  margin: 10px auto;
  display: block;
}

.contents .linkContent .pageContent__body h3 {
  padding-left: 10px;
  margin-bottom: 0;
  color: #009b74;
}

.contents .linkContent .pageContent__body h3:before {
  display: none;
}

.contents .linkContent .pageContent__body h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contents .linkContent .pageContent__body ul.toplink {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.contents .linkContent .pageContent__body ul.toplink li {
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 15px;
}

.contents .linkContent .pageContent__body ul.toplink li:last-child {
  margin-right: 0;
}

.contents .linkContent .pageContent__body ul.pagelink {
  margin: 10px auto 20px;
  width: 100%;
  text-align: center;
}

.contents .linkContent .pageContent__body ul.pagelink li {
  display: inline-block;
  margin-right: 15px;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.0;
  background: url(../images/linkmark01.png) no-repeat;
}

.contents .linkContent .pageContent__body ul.pagelink li:last-child {
  margin-right: 0;
}

.contents .linkContent .pageContent__body ul.link {
  margin: 10px 15px;
}

.contents .linkContent .pageContent__body ul.link li {
  display: inline-block;
  padding-left: 16px;
  margin-right: 16px;
  margin-bottom: 20px;
  background: url(../images/linkmark02.png) no-repeat;
  background-position: 0 2px;
  height: 25px;
  width: calc((100% - 32px)/3);
  vertical-align: top;
}

.contents .linkContent .pageContent__body ul.link li a {
  color: #009b74;
  text-decoration: underline;
  font-size: 14px;
}

.contents .linkContent .pageContent__body ul.link li:nth-child(3n) {
  margin-right: 0;
}

.contents .pageSitemap__body__inner {
  margin: 0 auto;
  width: 90%;
}

.contents .pageSitemap__body__inner h2 {
  margin: 30px 0 10px 0;
  padding: 0 0 6px 0;
  font-size: 18px;
  font-weight: normal;
}

.contents .pageSitemap__body__inner h3 {
  margin: 14px 0 0 0;
  padding: 0 0 0 20px;
  font-size: 14px;
  background: url(../images/linkmark02.png) no-repeat;
  background-position: 0 3px;
  background-size: 14px 12px;
  font-weight: normal;
}

.contents .pageSitemap__body__inner h3:before {
  display: none;
}

.contents .pageSitemap__body__inner h4 {
  margin: 5px 0 0 24px;
  padding: 0 0 0 12px;
  font-size: 14px;
  font-weight: normal;
  background: url(../images/list_mark01.png) no-repeat;
  background-position: 0 7px;
  line-height: 1.6;
}

.contents #formWrap .errorMessage {
  padding: 10px;
}

.contents #formWrap .errorMessage header {
  position: static;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

.contents #formWrap .errorMessage header h3 {
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  color: #cc0000;
}

.contents #formWrap .errorMessage header h3:before {
  display: none;
}

.contents #formWrap .errorMessage header p {
  margin-top: 0;
  color: #cc0000;
}

.contents #formWrap .errorMessage ul li {
  color: #cc0000;
  font-size: 16px;
  margin-bottom: 8px;
}

.contents #formWrap .errorMessage ul li:before {
  content: "＊";
  display: inline-block;
  color: #cc0000;
  font-weight: bold;
}

.contents #formWrap #formParts {
  width: 100%;
  margin: 20px auto;
}

.contents #formWrap #formParts .table {
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.contents #formWrap #formParts .table .tableItem {
  display: table-row;
}

.contents #formWrap #formParts .table .tableItem dt {
  color: #333;
  padding: 10px;
  border: 1px solid #9a9a9a;
  background-color: #d6d6d6;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  display: table-cell;
  width: 32%;
  text-align: left;
}

.contents #formWrap #formParts .table .tableItem dt .required {
  font-size: 13px;
  color: #ba2636;
}

.contents #formWrap #formParts .table .tableItem dd {
  color: #333;
  padding: 10px;
  border: 1px solid #9a9a9a;
  display: table-cell;
}

.contents #formWrap #formParts .table .tableItem dd ul li.multiLine textarea {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  max-width: 500px;
  width: 100%;
  min-height: 250px;
}

.contents #formWrap #formParts .selectTypeUI li > * {
  display: inline-block;
  font-size: 14px;
}

.contents #formWrap #formParts .selectTypeUI li {
  font-size: 0;
  margin: 5px 0;
  position: relative;
}

.contents #formWrap #formParts .selectTypeUI li .interface {
  display: block;
  margin-top: -10px;
  height: 13px;
  line-height: 1em;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
}

.contents #formWrap #formParts .selectTypeUI li label {
  padding-left: 22px;
  position: relative;
  z-index: 1;
  font-size: 16px;
}

.contents #formWrap #formParts .textform input[type="text"] {
  display: block;
  padding: 5px;
  max-width: 320px;
  width: 100%;
}

.contents #formWrap #formParts .tel dd ul > * {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 114px;
          flex: 0 1 114px;
  padding-left: 14px;
  background: url(../images/ic_hyphen.png) no-repeat 5px center;
  background-size: 5px 17px;
}

.contents #formWrap #formParts .tel dd ul > * input[type="text"] {
  display: block;
  padding: 5px;
  max-width: 86px;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.contents #formWrap #formParts .tel dd ul > * ~ * {
  margin-left: 0;
}

.contents #formWrap #formParts .tel dd ul > *:first-child {
  padding-left: 0px;
  background: none;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}

.contents #formWrap #formParts .tel dd ul.inlineForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contents #formWrap #formParts .name dd ul > * ~ * {
  margin-left: 5px;
}

.contents #formWrap #formParts .name dd ul.inlineForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contents #formWrap #formParts .name dd ul.inlineForm li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 114px;
          flex: 0 1 114px;
  width: 100%;
}

.contents #formWrap #formParts .name dd ul.inlineForm li:first-child {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}

.contents #formWrap #formParts .name dd ul.inlineForm li label {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.contents #formWrap #formParts .name dd ul.inlineForm li input[type="text"] {
  display: block;
  padding: 5px;
  max-width: 100px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.contents #formWrap #formParts .name dd ul.inlineForm li.numberAddress {
  margin-top: 14px;
  margin-left: 0;
}

.contents #formWrap #formParts .name dd ul.inquiryAddress01 {
  margin-left: 0;
}

.contents #formWrap #formParts .name dd ul.inquiryAddress01 li label {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.contents #formWrap #formParts .name dd ul.inquiryAddress01 li input {
  min-width: 300px;
}

.contents #formWrap #formParts .name dd ul.inquiryAddress01 li.inquiryAddress02 {
  padding-left: 0;
  margin-top: 6px;
  margin-left: 0;
  background: none;
}

.contents #formWrap #formParts .name dd ul.inquiryAddress01 li.inquiryAddress02 select {
  margin-left: 0;
  padding: 5px;
}

.contents #formWrap #formParts #sample_formBtn {
  width: 100%;
  padding: 0;
  margin: 21px auto 0;
  text-align: center;
}

.contents #formWrap #formParts #sample_formBtn .btn {
  max-width: 200px;
  display: inline-block;
  margin: 0 28px;
  padding: 0;
}

.contents #formWrap #formParts #sample_formBtn .btn label {
  display: block;
  padding: 12px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  width: 155px;
}

.contents #formWrap #formParts #sample_formBtn .btn input[type="submit"] {
  display: none;
}

.contents #formWrap #formParts #sample_formBtn .btn > * {
  background-color: #c6c6c6;
}

.contents #formWrap #formParts #sample_formBtn .btn > *.hover:hover {
  background-color: #009b74;
  color: #fff;
}

.contents .movieClip {
  text-align: center;
  position: relative;
  background-color: #000;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.contents .movieClip a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.contents .movieClip iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contents .movieClip video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.side .bannerSide {
  width: 100%;
  margin-bottom: 20px;
}

.side .bannerSide a {
  display: block;
}

.side .bannerSide a img {
  width: 100%;
  max-width: 300px;
  height: auto;
  vertical-align: bottom;
}

.side .adBanner {
  margin-bottom: 20px;
}

.side .adBanner__inner {
  margin-bottom: 20px;
}

.side .adBanner a {
  display: block;
}

.side .adBanner img {
  width: 100%;
  max-width: 300px;
  vertical-align: bottom;
}

.side .adBannerSide__inner {
  margin-bottom: 10px;
}

.side .articleListBox {
  margin-bottom: 20px;
}

.side .articleListBox {
  margin-bottom: 20px;
}

.side .articleListBox__heading {
  padding: 15px 0 15px 0;
}

.side .articleListBox__heading h2 {
  font-size: 16px;
  line-height: 1.0;
  text-align: center;
}

.side .articleListBox--mainColor {
  background-color: #f7a855;
  color: #fff;
}

.side .articleListBox--darkColor {
  background-color: #00a965;
  color: #fff;
}

.side .articleListBox__body .articleListUpdate {
  margin-top: 10px;
  color: #555;
  text-align: right;
  font-size: 14px;
  line-height: 1.0;
}

.side .articleList__items {
  padding: 10px 10px 11px 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
}

.side .articleList__items a:hover p {
  text-decoration: underline;
}

.side .articleList__items--mainColor {
  border-bottom: 1px solid #fbda80;
}

.side .articleList__items--darkColor {
  border-bottom: 1px solid #eccaff;
}

.side .articleList__items__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.side .articleList__items__inner .articleListImg {
  margin-right: 12px;
  width: 70px;
  height: 46.666px;
  overflow: hidden;
}

.side .articleList__items__inner .articleListImg img {
  width: 100%;
  height: auto;
}

.side .articleList__items__inner .articleListTitle {
  width: calc(100% - 82px);
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
}

.side .articleBoxSp {
  display: none;
}

.side .movie {
  margin-bottom: 20px;
  position: relative;
}

.side .movie a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.sideleft .bannerSide {
  width: 100%;
  margin-bottom: 20px;
}

.sideleft .bannerSide a {
  display: block;
}

.sideleft .bannerSide a img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.bannerPc {
  margin-bottom: 20px;
}

.bannerPc a {
  display: block;
  text-align: center;
}

.bannerSp {
  display: none;
}

.headBannerSp {
  display: none;
}

footer .footer__inner {
  margin: 0 auto;
  width: 1250px;
}

footer .footerUpper {
  background-color: #f5f5f5;
}

footer .footerUpper__inner {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .footerUpper__inner__left {
  padding-top: 20px;
  width: 876px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .footerUpper__inner__left .footerUpperItem_1 {
  padding-right: 60px;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-right: 1px solid #ccc;
}

footer .footerUpper__inner__left .footerUpperItem_2 {
  padding-left: 60px;
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .footerUpper__inner__left ul li {
  font-size: 14px;
  line-height: 1.0;
  margin-bottom: 18px;
}

footer .footerUpper__inner__left ul li:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 8px;
  height: 10px;
  background: url(../images/trangleMark.png) no-repeat center;
}

footer .footerUpper__inner__left ul li:last-child {
  margin-bottom: 0;
}

footer .footerUpper__inner__left ul li a {
  color: #333;
}

footer .footerUpper__inner__left ul li a:hover {
  color: #009a74;
}

footer .footerUpper__inner__right {
  padding-top: 20px;
  width: 308px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .footerUpper__inner__right ul li {
  font-size: 12px;
  line-height: 1.0;
  margin-bottom: 20px;
}

footer .footerUpper__inner__right ul li a {
  color: #333;
}

footer .footerUpper__inner__right ul li a:hover {
  color: #009a74;
}

footer .footerBottom {
  background-color: #e5e5e5;
}

footer .footerBottom__inner {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .footerBottom__inner .organizeLogo {
  width: 120px;
}

footer .footerBottom__inner .organizeLogo img {
  width: 100%;
}

footer .footerBottom__inner .organizeAddress {
  width: calc(100% - 220px);
  padding: 14px 0 0 30px;
  line-height: 1.0;
}

footer .footerBottom__inner .organizeAddress p {
  color: #333;
  font-size: 12px;
  margin-bottom: 14px;
}

footer .footerBottom__inner .organizeAddress__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .footerBottom__inner .organizeAddress__body p {
  margin-right: 16px;
}

footer .footerBottom__inner .organizeAddress__body p.sp_ver {
  display: none;
}

footer .footerBottom__inner .organizeAddress__body dl {
  overflow: hidden;
  font-size: 12px;
  color: #333;
}

footer .footerBottom__inner .organizeAddress__body dl dt {
  float: left;
  width: 2.5em;
}

footer .footerBottom__inner .organizeAddress__body dl dd {
  padding-left: 2.5em;
  width: 135px;
}

footer .footerBottom__inner .organizeAddress__body dl dd a {
  color: #333;
}

footer .footerBottom2 {
  background-color: #009a74;
}

footer .footerBottom2__inner {
  padding: 14px 0;
  color: #FFF;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .footerBottom2__inner .ban__sp {
  display: none;
}

#topBtn {
  margin-left: 625px;
  position: fixed;
  bottom: 60px;
  left: 50%;
}

#topBtn img {
  width: 40px;
}

#topBtn a {
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#topBtn a:hover {
  opacity: 0.85;
}

@media screen and (max-width: 1280px) {
  footer .footerUpper__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  footer .footerBottom__inner {
    padding: 20px 10px;
  }
  footer .footerBottom2__inner {
    padding: 14px 10px;
  }
  #topBtn {
    left: auto;
    right: 0;
  }
}

#hum {
  display: none;
  float: right;
}

#hum-btn {
  display: none;
}

.overlay {
  display: none;
}

ul#drawer {
  display: none;
}

@media screen and (max-width: 479px) {
  /*----------------------------
    トップページ
    -----------------------------*/
  p {
    font-size: 16px;
  }
  header#header {
    min-width: initial;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  header.hide {
    -webkit-transform: translateY(-59px);
        -ms-transform: translateY(-59px);
            transform: translateY(-59px);
  }
  header .headerTop {
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 2px solid #fa9f56;
  }
  header .headerTop__Left {
    width: 205px;
    height: 55px;
    padding: 0;
    background-color: #fff;
  }
  header .headerTop__Left .headerLogo1 {
    display: none;
  }
  header .headerTop__Left .headerLogo2 {
    display: none;
  }
  header .headerTop__Left .headerLogoSp {
    display: block;
  }
  header .headerTop__Left .headerLogoSp a {
    display: block;
    width: 205px;
    height: 55px;
    background: url(../images/headerLogo_sp2.png) no-repeat top left/contain;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
  }
  header .headerTop__Left .headerDate {
    display: none;
  }
  header .headerTop__Right {
    display: none;
  }
  header .headerTop__Right_sp {
    width: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .headerTop__Right_sp .mg_sp {
    margin: 5px 0;
  }
  header .headerTop__Right_sp .mg_sp a {
    display: block;
    width: 85px;
    height: 45px;
    background: url(../images/mailmag_icon.png) no-repeat 5px center;
    background-size: 30px 22px;
    border-left: 1px solid #ccc;
    position: relative;
  }
  header .headerTop__Right_sp .mg_sp a span {
    position: absolute;
    bottom: 7px;
    right: 5px;
    font-size: 10px;
    color: #986e31;
    text-align: center;
    vertical-align: bottom;
  }
  .scrollheader.fixed {
    display: none;
  }
  #searchBtn {
    display: block;
    margin: 5px 0;
    width: 55px;
    height: 45px;
    background: url(../images/search_icon_sp.png) no-repeat center;
    background-size: 24px 24px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  #searchBtn__body {
    display: block;
  }
  #searchBtn__body ul {
    display: none;
    position: absolute;
    top: 59px;
    left: 0;
    z-index: 10000;
    width: 100%;
  }
  #searchBtn__body ul li form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  #searchBtn__body ul li form p.searchform {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 10px;
    background-color: #f5f5f5;
  }
  #searchBtn__body ul li form p.searchform input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    padding-left: 6px;
  }
  #searchBtn__body ul li form p.searchform input[type="text"] {
    padding: 9px 38px 9px 15px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
  }
  #searchBtn__body ul li form .searchLabel {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 38px;
    height: 38px;
    background: url(../images/search_icon.png) no-repeat center;
  }
  nav.gNavSp {
    display: block;
  }
  nav.gNavSp .gNavSp__inner {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-bottom: 2px solid #fa9f56;
    white-space: nowrap;
  }
  nav.gNavSp .gNavSp__inner ul {
    height: 37px;
    vertical-align: bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  nav.gNavSp .gNavSp__inner ul li {
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05em;
    width: auto;
    height: 30px;
    position: relative;
    background: #f79e4a;
    border-radius: 5px 5px 0 0;
    border: 1px solid #cc9366;
    border-left: 0;
    border-bottom: 0;
    text-align: center;
    line-height: 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  nav.gNavSp .gNavSp__inner ul li a {
    color: #fff;
    display: block;
    width: auto;
    height: 30px;
  }
  nav.gNavSp .gNavSp__inner ul li.current01 {
    height: 35px;
    background: #83b2fa;
    line-height: 35px;
    border: 1px solid #7f98b7;
  }
  nav.gNavSp .gNavSp__inner ul li.current01 a {
    color: #fff;
    height: 35px;
  }
  nav.gNavSp .gNavSp__inner ul li:after {
    content: "";
    display: none;
    width: 4px;
    height: 4px;
    background: #cfcfcf;
    border-radius: 50%;
    margin-left: 20px;
    position: absolute;
    top: 15px;
    right: 0;
  }
  nav.gNavSp .gNavSp__inner ul li:last-child:after {
    display: none;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item00 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item01 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item02 a {
    width: 42px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item03 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item04 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item05 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item06 a {
    width: 40px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item07 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item08 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item09 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item10 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item11 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item12 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item13 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item14 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item15 a {
    width: 80px;
  }
  .tagNav {
    border-top: 0;
    border-bottom: 1px solid #ccc;
  }
  .tagNav__inner {
    width: 100%;
    padding: 1px 0;
  }
  .tagNav__inner ul {
    width: 100%;
    overflow-y: hidden;
    overflow-x: none;
    height: 44px;
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .tagNav__inner ul li {
    margin-left: 8px;
    margin-top: 6px;
    margin-bottom: 4px;
    height: 34px;
  }
  .tagNav__inner ul li a {
    padding: 10px 10px 9px;
  }
  .tagNav__inner .tagNav__toBtn {
    width: 100px;
    height: auto;
    background-position: top 16px right 5px;
  }
  /* .tagNav__inner .tagNav__toBtn p {
    text-align: center;
    font-size: 14px;
    line-height: 45px;
  } */
  .tagNav__title {
    display: none;
  }
  .adbanner {
    margin-bottom: 20px;
  }
  .adbanner img {
    width: 100%;
    max-width: 468px;
  }
  .adbanner.banner97 {
    display: none;
  }
  .bx-wrapper {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 50px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cccccc;
  }
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #009a74;
  }
  .contents .themePc {
    display: none;
  }
  .contents .themeSp {
    display: block;
  }
  .contents .themeSlide {
    display: block;
  }
  .contents .themeSlide ul li {
    position: relative;
  }
  .contents .themeSlide ul li span {
    position: static;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 46px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    line-height: 46px;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
  }
  .contents .themeSlide ul li span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/slide_theme_markFront.png) no-repeat top/contain;
    vertical-align: text-top;
    margin-right: 18px;
  }
  .contents .themeSlide ul li span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/slide_theme_markBack.png) no-repeat bottom;
    vertical-align: text-bottom;
    margin-left: 18px;
  }
  .contents .themeSlide ul li img {
    width: 100%;
  }
  .contents .theme {
    margin: 0 0 20px;
  }
  .contents .theme__head {
    margin-bottom: 16px;
    height: 34px;
  }
  .contents .theme__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .theme__head h2:before {
    display: block;
    float: left;
  }
  .contents .theme__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .theme__body {
    padding: 0 0 0 0;
    display: block;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .contents .theme__body__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .theme__body__items .themeImage {
    width: 40%;
    height: auto;
    max-height: 68px;
  }
  .contents .theme__body__items .themeTitle {
    width: 60%;
    padding: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: auto;
    max-height: 68px;
  }
  .contents .theme__body__items .themeTitle__name {
    font-size: 16px;
  }
  .contents .theme__body__items .themeTitle__suffix {
    position: absolute;
    right: 5px;
    bottom: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    letter-spacing: 0.1em;
  }
  .contents .theme__body__items .themeTitle__prefix {
    position: absolute;
    left: 5px;
    top: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    letter-spacing: 0.1em;
  }
  .contents .theme__body__items .themeList {
    width: 100%;
    padding: 18px 5px 0;
  }
  .contents .theme__body__items .themeList ul li {
    font-size: 14px;
  }
  .contents .news__head {
    height: 34px;
  }
  .contents .news__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .news__head h2:before {
    display: block;
    float: left;
  }
  .contents .news__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .news__head .listBack {
    font-size: 12px;
    top: 4px;
  }
  .contents .news__head .listBack:before {
    border-width: 5px 0 5px 8px;
  }
  .contents .news .newsBlock {
    margin: 6px 0 0;
    border-bottom: 0;
  }
  .contents .news .newsBlock ul {
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.new:after {
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    background: url(../images/news_new.png) no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
  }
  .contents .news .newsBlock ul li a {
    display: block;
    overflow: hidden;
    color: #333;
  }
  .contents .news .newsBlock ul li a:hover .newsTitle {
    color: #f51a46;
  }
  .contents .news .newsBlock ul li a img {
    float: left;
    width: 420px;
  }
  .contents .news .newsBlock ul li a span {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
  }
  .contents .news .newsBlock ul li a .newsTitle {
    float: left;
    width: calc(100% - 440px);
    padding: 0 0 10px;
    margin-left: 20px;
  }
  .contents .news .newsBlock ul li a .newsBody {
    float: left;
    width: calc(100% - 440px);
    margin-left: 20px;
    font-size: 15px;
    color: #555;
    font-weight: normal;
    line-height: 1.4;
  }
  .contents .news .newsBlock ul {
    width: 100%;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 {
    clear: both;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a {
    display: block;
    overflow: hidden;
    color: #333;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a:hover .newsTitle {
    color: #f51a46;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a span {
    color: #999;
    font-size: 10px;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsTitle {
    width: calc(100% - 150px);
    padding: 0 0 0 12px;
    margin-left: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsBody {
    display: none;
  }
  .contents .news .newsBlock ul {
    overflow: hidden;
    width: 100%;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 {
    float: none;
    width: 100%;
    padding-bottom: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  .contents .news .newsBlock ul li.newsBlock__col2.new:after {
    content: "";
    display: block;
    width: 42px;
    height: 18px;
    background: url(../images/news_new_sp.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a {
    color: #333;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsVideo {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsVideo video {
    width: 100%;
    height: auto;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsTitle {
    float: left;
    width: calc(100% - 150px);
    padding: 0 0 0 12px;
    margin-left: 0;
    position: static;
    background: #fff;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsTitle span {
    display: block;
    color: #999;
    font-size: 10px;
    font-weight: normal;
  }
  .contents .news .newsBlock ul {
    width: 100%;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 {
    padding: 10px 0;
    border-bottom: 0;
    margin: 0;
    float: none;
    width: 100%;
    min-height: auto;
    border-bottom: 1px solid #ccc;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a {
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsTitle {
    float: left;
    width: calc(100% - 150px);
    padding: 0 0 0 12px;
    margin: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsTitle span {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    font-weight: normal;
    line-height: 1.0;
  }
  .contents .news .newsBlock ul {
    width: 100%;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s {
    padding: 10px 0;
    border-bottom: 0;
    margin: 0;
    float: none;
    width: 100%;
    min-height: auto;
    border-bottom: 1px solid #ccc;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a {
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsTitle {
    float: left;
    width: calc(100% - 150px);
    height: auto;
    padding: 0 0 0 12px;
    margin: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsTitle span {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    font-weight: normal;
    line-height: 1.0;
  }
  .contents .news .newsMore {
    margin: 20px 0;
  }
  .contents .news .newsMore__btn {
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
  }
  .contents .topBasicBlock {
    margin: 20px 0;
  }
  .contents .topBasicBlock__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .topBasicBlock__head h2 {
    height: auto;
    font-size: 18px;
  }
  .contents .topBasicBlock__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .topBasicBlock__items {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
  }
  .contents .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    background-color: none;
    height: auto;
  }
  .contents .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    float: none;
    font-size: 12px;
  }
  .contents .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-1 {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    min-height: auto;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
    max-height: none;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    margin-left: 0;
    background-color: #fafafa;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .body {
    display: none;
  }
  .contents .topBasicBlock__items.col-2 {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    min-height: auto;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
    max-height: none;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    margin-left: 0;
    background-color: #fafafa;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .body {
    display: none;
  }
  .contents .topBasicBlock__items.col-3 {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    width: 100%;
    min-height: auto;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
    max-height: none;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    margin-left: 0;
    background-color: #fafafa;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .body {
    display: none;
  }
  .contents .topBasicBlock__more .moreBtn {
    width: 280px;
  }
  .contents .selectArticle {
    margin: 20px 0;
  }
  .contents .selectArticle__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .selectArticle__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .selectArticle__head h2:before {
    display: block;
    float: left;
  }
  .contents .selectArticle__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .selectArticle__items {
    padding: 18px 0;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .selectArticle__items__left {
    width: 80px;
  }
  .contents .selectArticle__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    background-color: none;
    height: auto;
  }
  .contents .selectArticle__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    width: 70px;
  }
  .contents .selectArticle__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .selectArticle__items__right .title {
    clear: both;
    float: none;
    margin-top: 5px;
    font-size: 14px;
  }
  .contents .planningArticle {
    margin: 20px 0;
  }
  .contents .planningArticle__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .planningArticle__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .planningArticle__head h2:before {
    display: block;
    float: left;
  }
  .contents .planningArticle__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .planningArticle__items {
    padding: 18px 0;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .planningArticle__items__left {
    width: 80px;
  }
  .contents .planningArticle__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    background-color: none;
    height: auto;
  }
  .contents .planningArticle__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .planningArticle__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .planningArticle__items__right .title {
    clear: both;
    float: none;
    margin-top: 5px;
    font-size: 14px;
  }
  .contents .pickUp {
    margin: 20px 0;
  }
  .contents .pickUp__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .pickUp__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .pickUp__head h2:before {
    display: block;
    float: left;
  }
  .contents .pickUp__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .pickUp__block {
    padding: 15px 10px 15px 10px;
  }
  .contents .pickUp__block:first-child {
    margin-top: 0;
  }
  .contents .pickUp__block__title h3 {
    font-size: 16px;
    padding-left: 16px;
  }
  .contents .pickUp__block__title h3:before {
    height: 18px;
  }
  .contents .pickUp__block__body {
    margin-top: 10px;
  }
  .contents .pickUp__block__body .pickUpItem {
    margin-bottom: 15px;
  }
  .contents .pickUp__block__body .pickUpItem__img img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .pickUp__block__body .pickUpItem:last-child {
    margin-bottom: 25px;
  }
  .contents .pickUp__block__body .pickUpItem__title {
    padding-left: 12px;
  }
  .contents .pickUp__block__body .pickUpItem__title__txt {
    font-size: 14px;
  }
  .contents .pickUp__block__body .pickUpItem__title__date {
    color: #999;
    font-size: 10px;
  }
  .contents .pickUp__block__more .moreBtn {
    width: 280px;
  }
  .banner468_60 {
    display: none;
  }
  .banner320 {
    display: block;
  }
  .banner320 a {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 320px;
  }
  .banner320 a img {
    width: 100%;
    max-width: 100%;
  }
  .contents .cateList {
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents .cateList ul {
    margin-left: auto;
    width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .contents .cateList ul li {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .contents .cateList ul li:before {
    top: 12px;
  }
  .contents .cateList ul li a {
    padding: 10px 10px 10px 21px;
  }
  .contents .jinjiCateList ul {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .contents .jinjiCateList ul li {
    margin-left: 10px;
  }
  .contents .monthlyBox {
    margin: 20px 0;
  }
  .contents .monthlyBox__head {
    font-size: 16px;
  }
  .contents .monthlyBox__head a {
    padding: 16px;
  }
  .contents .monthlyBox__head span {
    top: 20px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .contents .monthlyBox__head span.close {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .contents .monthlyBox__body {
    display: none;
    padding: 14px;
    height: 185px;
  }
  .contents .monthlyBox__body dl {
    overflow: hidden;
  }
  .contents .monthlyBox__body dl dd {
    float: left;
    width: calc((100% - 16px) / 4);
    margin: 0 2px 5px 2px;
    height: 40px;
    line-height: 40px;
  }
  .contents .yearBox {
    margin: 20px 0;
    padding: 0;
  }
  .contents .yearBox__head {
    display: none;
  }
  .contents .yearBox__headSp {
    display: block;
    margin-bottom: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.0;
    background-color: #e2e2e2;
    border-radius: 5px 5px 0 0;
  }
  .contents .yearBox__headSp a {
    padding: 16px;
    position: relative;
  }
  .contents .yearBox__headSp span {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 10px;
    background: url(../images/toggle-arrow.png) no-repeat center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .contents .yearBox__headSp span.close {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .contents .yearBox__body {
    display: none;
    padding: 19px 14px 14px;
    border-radius: 0 0 5px 5px;
  }
  .contents .yearBox__body ul li {
    margin: 0 2px 5px 2px;
    width: calc((100% - 16px) / 4);
    height: 40px;
    line-height: 40px;
  }
  .contents .yearBox__body ul li:first-child {
    margin-left: 2px;
  }
  .contents .yearBox__body ul li:nth-child(10) {
    margin-left: 0;
  }
  .contents .newsList {
    margin-bottom: 20px;
  }
  .contents .newsList__head {
    height: 53px;
    padding: 0;
    margin-bottom: 0;
    font-size: 18px;
  }
  .contents .newsList__head h2 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.0;
  }
  .contents .newsList__head h2:before {
    display: block;
    float: left;
  }
  .contents .newsList__head__junre {
    font-size: 14px;
    padding: 4px 5px;
    vertical-align: bottom;
  }
  .contents .newsList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .newsList__head .listBack {
    font-size: 12px;
    top: 10px;
  }
  .contents .newsList__head .listBack:before {
    border-width: 5px 0 5px 8px;
  }
  .contents .newsList__title {
    margin-bottom: 16px;
    padding-left: 14px;
    font-size: 16px;
  }
  .contents .newsList__body ul .newsList__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .newsList__body ul .newsList__item:first-child {
    border-top: 1px solid #ccc;
  }
  .contents .newsList__body ul .newsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .newsList__body ul .newsList__item__left .newsListImage {
    width: 100%;
    height: 73px;
  }
  .contents .newsList__body ul .newsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .newsList__body ul .newsList__item__left .movieClip {
    width: 130px;
  }
  .contents .newsList__body ul .newsList__item__right {
    width: calc(100% - 130px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .newsList__body ul .newsList__item__right .newsListJunre__item {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .newsList__body ul .newsList__item__right .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .newsList__body ul .newsList__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item {
    padding: 18px 0;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left .newsListImage {
    width: 100%;
    height: 73px;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left .movieClip {
    width: 130px;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__right {
    width: calc(100% - 130px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .newsList__paging ul li {
    margin-right: 5px;
  }
  .contents .newsList__paging ul li.pagePre {
    margin-right: 15px;
  }
  .contents .newsList .newsListCategory {
    margin: 20px 0;
  }
  .contents .newsList .newsListCategory__head {
    margin-bottom: 20px;
    padding: 16px 10px 10px 12px;
    font-size: 16px;
  }
  .contents .newsList .newsListCategory__head h3 {
    width: 100%;
  }
  .contents .newsList .newsListCategory__head .toList {
    display: none;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__left .newsListImage {
    width: 100%;
    height: 73px;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__right {
    width: calc(100% - 142px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__right .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item:first-child {
    padding: 18px 0;
    border-top: 1px solid #ccc;
  }
  .contents .newsList .newsListCategory__body .newsMore {
    display: block;
    margin: 20px 0;
  }
  .contents .newsList .newsListCategory__body .newsMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .productList__head {
    height: 38px;
    padding: 0;
    margin-bottom: 0;
    font-size: 18px;
  }
  .contents .productList__head h2 {
    font-size: 18px;
  }
  .contents .productList__head h2:before {
    display: block;
    float: left;
  }
  .contents .productList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .productList__body {
    margin: 20px 0;
  }
  .contents .productList__body ul .productList__item__left {
    width: 120px;
  }
  .contents .productList__body ul .productList__item__right {
    width: calc(100% - 120px);
    padding-left: 15px;
  }
  .contents .productList__body ul .productList__item__right .bookListInfo dl dd.bookListDate {
    margin-top: 12px;
    font-size: 12px;
  }
  .contents .productList__body2 {
    margin: 20px 0;
  }
  .contents .productList__body2 ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .contents .productList__body2 ul .productList__item2 {
    width: calc((100% - 10px) / 2);
    margin-right: 0;
  }
  .contents .spHide {
    display: none;
  }
  .contents .tagsList {
    margin-bottom: 20px;
  }
  .contents .tagsList__head {
    height: 58px;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .contents .tagsList__head h2 {
    padding: 0 0 5px;
    font-size: 18px;
    line-height: 1.0;
    margin-bottom: 0;
  }
  .contents .tagsList__head h2:before {
    display: block;
    float: left;
  }
  .contents .tagsList__head__name {
    font-size: 20px;
    padding: 4px 5px 4px 0;
  }
  .contents .tagsList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .tagsList__title {
    margin-bottom: 16px;
    padding-left: 14px;
    font-size: 16px;
  }
  .contents .tagsList__body ul .tagsList__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .tagsList__body ul .tagsList__item:first-child {
    border-top: 1px solid #ccc;
  }
  .contents .tagsList__body ul .tagsList__item__inner {
    display: block;
    padding: 0 6px;
  }
  .contents .tagsList__body ul .tagsList__item__inner .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .tagsList__body ul .tagsList__item__inner .tagsListTitle {
    font-size: 16px;
    line-height: 1.5;
  }
  .contents .tagsList__body ul .tagsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .tagsList__body ul .tagsList__item__left a {
    width: 100%;
    height: 73px;
  }
  .contents .tagsList__body ul .tagsList__item__right {
    width: calc(100% - 130px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .tagsList__body ul .tagsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListJunre {
    padding: 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListJunre a {
    margin-bottom: 5px;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListTitle {
    font-size: 15px;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 {
    margin: 0;
    padding: 18px 0;
    height: auto;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__left {
    width: 100px;
    max-height: 66.666px;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right {
    width: calc(100% - 100px);
    padding: 0 6px 0 12px;
    background-color: #fafafa;
    margin-left: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListJunre {
    padding: 0 10px 5px 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListTitle {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListDate {
    width: 100%;
    color: #999;
    font-size: 12px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListBody {
    display: none;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 {
    margin: 0;
    float: none;
    width: 100%;
    height: auto;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__left {
    float: left;
    width: 100px;
    max-height: 66.666px;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right {
    float: left;
    width: calc(100% - 100px);
    padding: 0 6px 0 12px;
    background-color: #fafafa;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListJunre {
    padding: 0 10px 5px 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListTitle {
    margin-top: 0;
    font-size: 15px;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListDate {
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 {
    margin: 0;
    float: none;
    width: 100%;
    height: auto;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__left {
    float: left;
    width: 100px;
    max-height: 66.666px;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right {
    float: left;
    width: calc(100% - 100px);
    padding: 0 6px 0 12px;
    background-color: #fafafa;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListJunre {
    padding: 0 10px 5px 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListTitle {
    margin-top: 0;
    font-size: 15px;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListDate {
    margin-bottom: 0;
  }
  .contents .tagsList .itemMore__btn {
    width: 280px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
  }
  .contents .tagsList .tagsListMore {
    display: block;
    margin: 20px 0;
  }
  .contents .tagsList .tagsListMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .searchList__head {
    height: auto;
    padding: 0;
    font-size: 18px;
  }
  .contents .searchList__head h2 {
    line-height: 1.0;
  }
  .contents .searchList__head__name {
    font-size: 18px;
    padding: 4px 5px;
  }
  .contents .searchList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .searchList .searchField .reportsearch input,
  .contents .searchList .searchField .reportsearch input[type="date"],
  .contents .searchList .searchField .reportsearch select {
    font-size: 16px;
  }
  .contents .searchList .searchField .reportsearch select.sort, .contents .searchList .searchField .reportsearch select.type {
    width: 48%;
  }
  .contents .searchList .searchField form.reportsearch select[name="sort"], .contents .searchList .searchField form.reportsearch select[name="type"] {
    margin-bottom: 10px;
    width: 100%;
  }
  /* .contents .searchList .searchField form.reportsearch select[name="start_y"], .contents .searchList .searchField form.reportsearch select[name="start_m"], .contents .searchList .searchField form.reportsearch select[name="start_d"] {
    margin-bottom: 10px;
  } */
  /* .contents .searchList .searchField .reportsearch select.start_m, .contents .searchList .searchField .reportsearch select.start_d, .contents .searchList .searchField .reportsearch select.end_m, .contents .searchList .searchField .reportsearch select.end_d {
    width: 45px;
    margin-left: 3px;
    margin-right: 3px;
  } */
  /* .contents .searchList .searchField .reportsearch select.start_y, .contents .searchList .searchField .reportsearch select.end_y {
    width: 60px;
    margin-left: 3px;
    margin-right: 3px;
  } */
  .contents .searchList .searchField .reportsearch button#itemsReset {
    margin-left: 0;
  }
  .contents .searchList .searchField .reportsearch .searchOption,
  .contents .searchList .searchField .reportsearch .searchRelease {
    width: 100%;
    margin-bottom: 15px;
  }
  .contents .searchList .searchField .reportsearch .searchRelease {
    margin-bottom: 0;
  }
  .contents .searchList .searchField .reportsearch .searchRelease__upper {
    width: 48%;
  }
  .contents .searchList .searchField .reportsearch .searchRelease__bottom {
    width: 48%;
  }
  .contents .searchList .searchField .reportsearch .searchRelease__upper input,
  .contents .searchList .searchField .reportsearch .searchRelease__bottom input {
    padding: 5px;
    width: 100%;
    height: 35px;
    border: solid 1px #a1a1a3;
  }
  .contents .searchList .searchField .reportsearch .search__area {
    float: none;
    width: 100%;
    height: auto;
  }
  .contents .searchList .searchField .reportsearch .searchMore__area {
    margin-top: 13.5px;
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .contents .searchList .searchField .reportsearch .searchButton {
    float: none;
    display: block;
  }
  .contents .searchList__body ul .searchList__item {
    margin-bottom: 0;
    padding: 18px 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .searchList__body ul .searchList__item:first-child {
    border-top: 1px solid #ccc;
  }
  .contents .searchList__body ul .searchList__item__inner {
    display: block;
    padding: 0 6px;
  }
  .contents .searchList__body ul .searchList__item__inner .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .searchList__body ul .searchList__item__inner .searchListTitle {
    font-size: 16px;
    line-height: 1.5;
  }
  .contents .searchList .searchListMore {
    display: block;
    margin: 20px 0;
  }
  .contents .searchList .searchListMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .glossaryList__head {
    height: 38px;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .contents .glossaryList__head h2 {
    font-size: 18px;
  }
  .contents .glossaryList__head h2:before {
    display: block;
    float: left;
  }
  .contents .glossaryList__head__junre {
    font-size: 14px;
    padding: 4px 5px;
  }
  .contents .glossaryList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .glossaryList .glossaryTabArea {
    margin-bottom: 20px;
  }
  .contents .glossaryList .glossaryTabArea ul.glossaryTab li {
    margin-right: 12px;
    font-size: 18px;
  }
  .contents .glossaryList .glossaryTabArea .glossaryTabPanel ul li {
    font-size: 16px;
  }
  .contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 {
    padding-bottom: 0;
  }
  .contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 li {
    font-size: 18px;
    margin-right: 8px;
  }
  .contents .contArticle__head {
    padding: 10px 0;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
  }
  .contents .contArticle__head__cat {
    font-size: 16px;
    width: 100%;
    background-color: #6a6a6a;
  }
  .contents .contArticle__head__title {
    font-size: 18px;
    width: 100%;
  }
  .contents .contArticle__head .toList {
    display: none;
  }
  .contents .contArticle__read {
    padding: 10px 15px;
  }
  .contents .contArticle__body p img {
    width: 100%;
    height: auto;
  }
  .contents .contArticle__body .photoBox {
    padding-left: 0;
    padding-right: 0;
  }
  .contents .contArticle__body .photoBox p {
    width: 100%;
    margin: 0 auto;
  }
  .contents .contArticle__body .photoBox.img2 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox.img3 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox.img4 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox.img5 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox + .photoBox {
    padding-top: 0;
    margin-top: -10px;
  }
  .contents .contArticle__body .imgRight {
    margin: 0 0 10px 10px;
  }
  .contents .contArticle__body .imgRight img {
    width: 160px;
    height: auto;
  }
  .contents .contArticle__body iframe {
    width: 100% !important;
  }
  .contents .contArticle .newsMore {
    display: block;
    margin: 20px 0;
  }
  .contents .contArticle .newsMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .contTagList {
    margin-bottom: 5px;
  }
  .contents .snsBtn {
    margin-bottom: 20px;
  }
  .contents .snsBtn div {
    margin-right: 5px;
  }
  .contents .contTheme {
    padding: 25px 18px;
  }
  .contents .contTheme__body {
    margin-bottom: 10px;
  }
  .contents .contTheme__body ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .contTheme__body .contTheme__item {
    margin: 0 0 20px 0;
    width: calc((100% - 20px) / 2);
  }
  .contents .contTheme__body .contTheme__item:last-child {
    display: none;
  }
  .contents .contTheme__body .contTheme__item__upper {
    margin-bottom: 10px;
  }
  .contents .contTheme__more .moreBtn {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .contents .articleNewsBox {
    margin: 20px 0;
  }
  .contents .articleNewsBox__head {
    height: 36px;
    margin-bottom: 15px;
  }
  .contents .articleNewsBox__head h2 {
    font-size: 18px;
  }
  .contents .articleNewsBox__head h2:before {
    display: block;
    float: left;
  }
  .contents .articleNewsBox__head h2:after {
    width: 100px;
    bottom: -11px;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item__left {
    width: 80px;
    height: auto;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item__right {
    width: calc(100% - 92px);
    height: auto;
    display: block;
    padding: 0 0 0 12px;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .articleNewsBox__more .moreBtn {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .contents .productArticle__head h2 {
    width: 100%;
  }
  .contents .productArticle__head .toList {
    display: none;
  }
  .contents .productArticle__body p img {
    width: 100%;
    height:auto;
  }
  .contents .productArticle__body1 {
    padding-bottom: 0;
    display: block;
  }
  .contents .productArticle__body1__left {
    margin: 0 auto 20px;
    width: 80%;
  }
  .contents .productArticle__body1__right {
    width: 100%;
  }
  .contents .productArticle .newsMore {
    display: block;
    margin: 20px 0;
  }
  .contents .productArticle .newsMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .glossaryArticle__head {
    margin-bottom: 18px;
    padding-bottom: 0;
    border: 0;
  }
  .contents .glossaryArticle__head h2 {
    font-size: 22px;
  }
  .contents .glossaryArticle__body {
    padding-top: 20px;
  }
  .contents .pageContent {
    margin-bottom: 20px;
  }
  .contents .pageContent h1 {
    padding: 12px 0 10px 14px;
    font-size: 22px;
  }
  .contents .pageContent h2 {
    font-size: 20px;
  }
  .contents .pageContent table th {
    font-size: 16px;
    display: block;
  }
  .contents .pageContent table td {
    display: block;
    font-size: 16px;
  }
  .contents .pageContent img {
    margin: 10px 5% !important;
    width: 90% !important;
    height: auto;
  }
  .contents .linkContent .pageContent__body ul.toplink li {
    margin-right: 0;
  }
  .contents .linkContent .pageContent__body ul.pagelink {
    width: 90%;
    text-align: left;
  }
  .contents .linkContent .pageContent__body ul.pagelink li {
    display: block;
    margin-bottom: 16px;
  }
  .contents .linkContent .pageContent__body ul.link li {
    width: auto;
  }
  .contents .linkContent .pageContent__body ul.link li a {
    font-size: 16px;
  }
  .contents .linkContent .pageContent__body ul.link li:nth-child(3n) {
    margin-right: 16px;
  }
  .contents .pageSitemap h2 {
    font-size: 18px;
  }
  .contents .pageSitemap h3 {
    font-size: 16px;
  }
  .contents .pageSitemap h4 {
    font-size: 16px;
  }
  .contents #formWrap #formParts .table {
    display: block;
  }
  .contents #formWrap #formParts .table .tableItem {
    margin: 0;
    display: block;
  }
  .contents #formWrap #formParts .table .tableItem dt {
    margin-bottom: 0;
    display: block;
    width: 100%;
  }
  .contents #formWrap #formParts .table .tableItem dd {
    margin-bottom: 0;
    display: block;
    width: 100%;
  }
  .contents #formWrap #formParts .textform input[type="text"] {
    max-width: none;
  }
  .contents #formWrap #formParts .tel dd ul > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 84px;
            flex: 0 1 84px;
  }
  .contents #formWrap #formParts .tel dd ul > * input[type="text"] {
    max-width: 56px;
  }
  .contents #formWrap #formParts .tel dd ul > *:first-child {
    -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
  }
  .contents #formWrap #formParts .name dd ul > * ~ * {
    margin-top: 8px;
    margin-left: 0;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm {
    display: block;
    overflow: hidden;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li input[type="text"] {
    max-width: none;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li:first-child {
    -ms-flex-preferred-size: none;
        flex-basis: none;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li.multiLine {
    float: left;
    width: 100px;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li.numberAddress {
    float: left;
    margin-top: 16px;
    width: 114px;
  }
  .contents #formWrap #formParts #sample_formBtn .btn label {
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 10px 0;
  }
  .newsTopics .articleTop__box__innerRight h3 {
    display: none;
    font-size: 14px;
  }
  .newsTopics .articleTop__box__innerRight h4 {
    font-size: 16px;
  }
  .newsTopics .articleTopLarge__box__innerRight .mainText {
    display: none;
  }
  .newsTopics .articleTopLarge__box__innerRight .continue {
    display: none;
  }
  .newsTopics .articleTopLarge2__box__innerRight {
    max-height: 66px;
    overflow: hidden;
  }
  .newsTopics .articleTopLarge2__box__innerRight .mainText {
    display: none;
  }
  .newsTopics .articleTopLarge2__box__innerRight .continue {
    display: none;
  }
  .newsTopics .articleTopLarge2__box__innerLeft .articleImg img {
    width: auto;
    max-height: 200px;
  }
  .newsTopics .articleTopMid__box__innerRight h4 {
    margin-bottom: 0;
    height: 48px;
    overflow: hidden;
  }
  .newsTopics .articleTopMid__box__innerRight .mainText {
    display: none;
  }
  .newsTopics .articleTopMid__box__innerRight .continue {
    display: none;
  }
  .newsTopics .articleTopMid__box__innerLeft .articleImg img {
    max-height: 106px;
  }
  .newsContArea {
    display: block;
  }
  .select__wrapper {
    display: block;
  }
  .select__wrapper section {
    margin-bottom: 10px;
    width: 100%;
    border-left: 0;
    border-bottom: 1px solid #c6c6c6;
    overflow: hidden;
  }
  .select__wrapper section:last-of-type {
    border-right: 0;
  }
  .select__wrapper section .select__Img {
    float: left;
    height: auto;
    width: 30%;
  }
  .select__wrapper section .select__Img img {
    height: auto;
    width: 100%;
  }
  .select__wrapper section .select__Info {
    float: left;
    width: 70%;
    padding-left: 10px;
  }
  .select__wrapper section .select__Info__text {
    display: none;
    font-size: 16px;
    height: 170px;
  }
  .select__wrapper section .select__Info__sub {
    font-size: 16px;
  }
  .themelist__body ul .themelist__item__right {
    font-size: 16px;
  }
  .themelist__body ul .themelist__item__right span {
    font-size: 14px;
  }
  .side .bannerSide {
    max-width: 300px;
    margin: 20px auto;
  }
  .side .bannerSide.typePC {
    display: none;
  }
  .side .adBanner {
    display: none;
  }
  .side .adBannerSide {
    display: none;
  }
  .side .articleBoxSp {
    display: block;
  }
  .side .articleBoxSp ul.tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .side .articleBoxSp ul.tab li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    width: calc((100% - 5px) / 2);
    height: 50px;
    color: #a7a5a8;
    text-align: center;
    border-radius: 5px 5px 0 0;
  }
  .side .articleBoxSp ul.tab li.active {
    color: #FFF;
  }
  .side .articleBoxSp ul.tab li a {
    display: block;
  }
  .side .articleBoxSp .tabPanel {
    display: none;
  }
  .side .articleBoxSp .tabPanel.show {
    display: block;
  }
  .side .articleBoxSp .articleListUpdate {
    margin-top: 10px;
    color: #555;
    text-align: right;
    font-size: 14px;
    line-height: 1.0;
  }
  .side .movie {
    margin-bottom: 20px;
    text-align: center;
  }
  .bannerPc {
    display: none;
  }
  .bannerSp {
    margin-bottom: 20px;
    display: block;
    width: 100%;
  }
  .bannerSp a {
    margin: 0 auto;
    display: block;
    max-width: 320px;
  }
  .bannerSp a img {
    width: 100%;
  }
  .headBannerSp {
    display: block;
    padding: 10px 0;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .headBannerSp a {
    margin: 0 auto;
    display: block;
    max-width: 320px;
  }
  .headBannerSp a img {
    width: 100%;
  }
  footer .footer__inner {
    width: 100%;
  }
  footer .footerUpper {
    display: none;
  }
  footer .footerBottom__inner {
    display: block;
  }
  footer .footerBottom__inner .organizeLogo {
    margin: 0 auto;
  }
  footer .footerBottom__inner .organizeAddress {
    width: 100%;
    padding: 15px 0 0 0;
  }
  footer .footerBottom__inner .organizeAddress p {
    text-align: center;
  }
  footer .footerBottom__inner .organizeAddress__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .footerBottom__inner .organizeAddress__body p {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  footer .footerBottom__inner .organizeAddress__body p.pc_ver {
    display: none;
  }
  footer .footerBottom__inner .organizeAddress__body p.sp_ver {
    display: block;
    line-height: 1.5;
  }
  footer .footerBottom__inner .organizeAddress__body dl {
    padding: 0 10px;
  }
  footer .footerBottom__inner .organizeAddress__body dl:first-of-type {
    border-right: 1px solid #000;
  }
  footer .footerBottom__inner .organizeAddress__body dl:first-of-type dt {
    width: 2em;
  }
  footer .footerBottom__inner .organizeAddress__body dl:first-of-type dd {
    padding-left: 2em;
    width: auto;
  }
  footer .footerBottom__inner .organizeAddress__body dl:last-of-type {
    margin-top: 7px;
  }
  footer .footerBottom__inner .organizeAddress__body dl:nth-of-type(2) dd {
    width: auto;
  }
  footer .footerBottom2__inner {
    padding: 14px;
    font-size: 8px;
    display: block;
    text-align: center;
  }
  footer .footerBottom2__inner .ban__pc {
    display: none;
  }
  footer .footerBottom2__inner .ban__sp {
    display: block;
    margin-bottom: 10px;
  }
  #topBtn {
    margin-left: 0;
    left: auto;
    right: 0;
  }
  .overlay {
    display: block;
    width: 100%;
    height: calc(100% - 97px);
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: -100%;
    top: 97px;
    z-index: 99;
  }
  .menu {
    height: 100%;
  }
  ul#drawer {
    overflow-y: auto;
    white-space: nowrap;
    display: block;
    border-bottom: 1px solid #000;
    position: absolute;
    left: -100%;
    top: 97px;
    z-index: 9999;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 75%;
    height: 410px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
  }
  ul#drawer li {
    border-top: 1px solid #c6c6c6;
    overflow: hidden;
  }
  ul#drawer li a {
    color: #333;
    display: block;
    padding: 20px 10px;
    font-size: 16px;
    line-height: 1.0;
    position: relative;
  }
  ul#drawer li a:before {
    content: "";
    margin-left: 5px;
    margin-right: 6px;
    margin-top: 6px;
    float: left;
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #00a254;
  }
  ul#drawer li a:after {
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background: url(../images/nav_icon_sp.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 25px;
    right: 10px;
  }
  ul#drawer li:first-child,
  ul#drawer li:first-child a {
    border-top: none;
  }
  ul#drawer .spSearch {
    padding: 10px 0 10px 10px;
    position: relative;
  }
  ul#drawer .spSearch .searchLabel {
    position: absolute;
    left: 206px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/search_icon.png) no-repeat center;
  }
  ul#drawer li.darkBg a {
    font-size: 14px;
    background-color: #eee;
  }
  ul#drawer li.darkBg a:before {
    content: "";
    margin-left: 0;
    margin-right: 6px;
    margin-top: 2px;
    float: left;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #009b74;
  }
  ul#drawer li.darkBg a:after {
    top: 21px;
  }
  .overlay.side {
    left: 0;
  }
  #drawer.side {
    left: 0;
  }
  #hum {
    display: block;
    width: 55px;
    height: 55px;
    position: relative;
  }
  #hum-btn {
    display: block;
    margin-left: 5px;
    position: relative;
    width: 55px;
    height: 45px;
    background: #fff;
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hum-txt {
    width: 28px;
    height: 7px;
    background: url(../images/hum_menu.png) no-repeat center;
    background-size: 28px 7px;
    position: absolute;
    bottom: 10px;
    left: 14px;
  }
  /* SP用ハンバーガー */
  #hum-btn-icon {
    display: block;
    width: 23px;
    height: 3px;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
    z-index: 99;
  }
  #hum-btn-icon:before {
    display: block;
    content: "";
    width: 23px;
    height: 3px;
    background: #009b74;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
    z-index: 99;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #hum-btn-icon:after {
    display: block;
    content: "";
    width: 23px;
    height: 3px;
    background: #009b74;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
    z-index: 99;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #hum-btn-icon.close {
    background: transparent;
  }
  #hum-btn-icon.close:before {
    background: #333;
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #hum-btn-icon.close:after {
    background: #333;
    top: 0;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .hum-txt.close {
    background: url(../images/hum_close.png) no-repeat center;
    background-size: 28px 7px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  /*----------------------------
    トップページ
    -----------------------------*/
  p {
    font-size: 16px;
  }
  header#header {
    min-width: initial;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
  }
  header.hide {
    -webkit-transform: translateY(-59px);
        -ms-transform: translateY(-59px);
            transform: translateY(-59px);
  }
  header .headerTop {
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 2px solid #fa9f56;
  }
  header .headerTop__Left {
    width: 205px;
    height: 55px;
    padding: 0;
    background-color: #fff;
  }
  header .headerTop__Left .headerLogo1 {
    display: none;
  }
  header .headerTop__Left .headerLogo2 {
    display: none;
  }
  header .headerTop__Left .headerLogoSp {
    display: block;
  }
  header .headerTop__Left .headerLogoSp a {
    display: block;
    width: 205px;
    height: 55px;
    background: url(../images/headerLogo_sp2.png) no-repeat top left/contain;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
  }
  header .headerTop__Left .headerDate {
    display: none;
  }
  header .headerTop__Right {
    display: none;
  }
  header .headerTop__Right_sp {
    width: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .headerTop__Right_sp .mg_sp {
    margin: 5px 0;
  }
  header .headerTop__Right_sp .mg_sp a {
    display: block;
    width: 85px;
    height: 45px;
    background: url(../images/mailmag_icon.png) no-repeat 5px center;
    background-size: 30px 22px;
    border-left: 1px solid #ccc;
    position: relative;
  }
  header .headerTop__Right_sp .mg_sp a span {
    position: absolute;
    bottom: 7px;
    right: 5px;
    font-size: 10px;
    color: #986e31;
    text-align: center;
    vertical-align: bottom;
  }
  .scrollheader.fixed {
    display: none;
  }
  #searchBtn {
    display: block;
    margin: 5px 0;
    width: 55px;
    height: 45px;
    background: url(../images/search_icon_sp.png) no-repeat center;
    background-size: 24px 24px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  #searchBtn__body {
    display: block;
  }
  #searchBtn__body ul {
    display: none;
    position: absolute;
    top: 59px;
    left: 0;
    z-index: 10000;
    width: 100%;
  }
  #searchBtn__body ul li form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  #searchBtn__body ul li form p.searchform {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 10px;
    background-color: #f5f5f5;
  }
  #searchBtn__body ul li form p.searchform input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    padding-left: 6px;
  }
  #searchBtn__body ul li form p.searchform input[type="text"] {
    padding: 9px 38px 9px 15px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
  }
  #searchBtn__body ul li form .searchLabel {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 38px;
    height: 38px;
    background: url(../images/search_icon.png) no-repeat center;
  }
  nav.gNavSp {
    display: block;
  }
  nav.gNavSp .gNavSp__inner {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-bottom: 2px solid #fa9f56;
    white-space: nowrap;
  }
  nav.gNavSp .gNavSp__inner ul {
    height: 37px;
    vertical-align: bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  nav.gNavSp .gNavSp__inner ul li {
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.05em;
    width: auto;
    height: 30px;
    position: relative;
    background: #f79e4a;
    border-radius: 5px 5px 0 0;
    border: 1px solid #cc9366;
    border-left: 0;
    border-bottom: 0;
    text-align: center;
    line-height: 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  nav.gNavSp .gNavSp__inner ul li a {
    color: #fff;
    display: block;
    width: auto;
    height: 30px;
  }
  nav.gNavSp .gNavSp__inner ul li.current01 {
    height: 35px;
    background: #83b2fa;
    line-height: 35px;
    border: 1px solid #7f98b7;
  }
  nav.gNavSp .gNavSp__inner ul li.current01 a {
    color: #fff;
    height: 35px;
  }
  nav.gNavSp .gNavSp__inner ul li:after {
    content: "";
    display: none;
    width: 4px;
    height: 4px;
    background: #cfcfcf;
    border-radius: 50%;
    margin-left: 20px;
    position: absolute;
    top: 15px;
    right: 0;
  }
  nav.gNavSp .gNavSp__inner ul li:last-child:after {
    display: none;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item00 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item01 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item02 a {
    width: 42px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item03 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item04 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item05 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item06 a {
    width: 40px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item07 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item08 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item09 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item10 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item11 a {
    width: 50px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item12 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item13 a {
    width: 80px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item14 a {
    width: 66px;
  }
  nav.gNavSp .gNavSp__inner ul .gnav__item15 a {
    width: 80px;
  }
  .tagNav {
    border-top: 0;
    border-bottom: 1px solid #ccc;
  }
  .tagNav__inner {
    width: 100%;
    padding: 1px 0;
  }
  .tagNav__inner ul {
    width: 100%;
    overflow-y: hidden;
    overflow-x: none;
    height: 44px;
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .tagNav__inner ul li {
    margin-left: 8px;
    margin-top: 6px;
    margin-bottom: 4px;
    height: 34px;
  }
  .tagNav__inner ul li a {
    padding: 10px 10px 9px;
  }
  .tagNav__inner .tagNav__toBtn {
    width: 100px;
    height: auto;
    background-position: top 16px right 5px;
  }
  /* .tagNav__inner .tagNav__toBtn p {
    text-align: center;
    font-size: 14px;
    line-height: 45px;
  } */
  .tagNav__title {
    display: none;
  }
  .adbanner {
    margin-bottom: 20px;
  }
  .adbanner img {
    width: 100%;
    max-width: 468px;
  }
  .adbanner.banner97 {
    display: none;
  }
  .bx-wrapper {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 50px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cccccc;
  }
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #009a74;
  }
  .contents .themePc {
    display: none;
  }
  .contents .themeSp {
    display: block;
  }
  .contents .themeSlide {
    display: block;
  }
  .contents .themeSlide ul li {
    position: relative;
  }
  .contents .themeSlide ul li span {
    position: static;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 46px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    line-height: 46px;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
  }
  .contents .themeSlide ul li span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/slide_theme_markFront.png) no-repeat top/contain;
    vertical-align: text-top;
    margin-right: 18px;
  }
  .contents .themeSlide ul li span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/slide_theme_markBack.png) no-repeat bottom;
    vertical-align: text-bottom;
    margin-left: 18px;
  }
  .contents .themeSlide ul li img {
    width: 100%;
  }
  .contents .theme {
    margin: 0 0 20px;
  }
  .contents .theme__head {
    margin-bottom: 16px;
    height: 34px;
  }
  .contents .theme__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .theme__head h2:before {
    display: block;
    float: left;
  }
  .contents .theme__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .theme__body {
    padding: 0 0 0 0;
    display: block;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .contents .theme__body__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .theme__body__items .themeImage {
    width: 40%;
    height: auto;
    max-height: 68px;
  }
  .contents .theme__body__items .themeTitle {
    width: 60%;
    padding: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: auto;
    max-height: 68px;
  }
  .contents .theme__body__items .themeTitle__name {
    font-size: 16px;
  }
  .contents .theme__body__items .themeTitle__suffix {
    position: absolute;
    right: 5px;
    bottom: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    letter-spacing: 0.1em;
  }
  .contents .theme__body__items .themeTitle__prefix {
    position: absolute;
    left: 5px;
    top: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    letter-spacing: 0.1em;
  }
  .contents .theme__body__items .themeList {
    width: 100%;
    padding: 18px 5px 0;
  }
  .contents .theme__body__items .themeList ul li {
    font-size: 14px;
  }
  .contents .news__head {
    height: 34px;
  }
  .contents .news__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .news__head h2:before {
    display: block;
    float: left;
  }
  .contents .news__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .news__head .listBack {
    font-size: 12px;
    top: 4px;
  }
  .contents .news__head .listBack:before {
    border-width: 5px 0 5px 8px;
  }
  .contents .news .newsBlock {
    margin: 6px 0 0;
    border-bottom: 0;
  }
  .contents .news .newsBlock ul {
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.new:after {
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    background: url(../images/news_new.png) no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
  }
  .contents .news .newsBlock ul li a {
    display: block;
    overflow: hidden;
    color: #333;
  }
  .contents .news .newsBlock ul li a:hover .newsTitle {
    color: #f51a46;
  }
  .contents .news .newsBlock ul li a img {
    float: left;
    width: 420px;
  }
  .contents .news .newsBlock ul li a span {
    display: block;
    margin-top: 4px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
  }
  .contents .news .newsBlock ul li a .newsTitle {
    float: left;
    width: calc(100% - 440px);
    padding: 0 0 10px;
    margin-left: 20px;
  }
  .contents .news .newsBlock ul li a .newsBody {
    float: left;
    width: calc(100% - 440px);
    margin-left: 20px;
    font-size: 15px;
    color: #555;
    font-weight: normal;
    line-height: 1.4;
  }
  .contents .news .newsBlock ul {
    width: 100%;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 {
    clear: both;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a {
    display: block;
    overflow: hidden;
    color: #333;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a:hover .newsTitle {
    color: #f51a46;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a span {
    color: #999;
    font-size: 10px;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsTitle {
    width: calc(100% - 150px);
    padding: 0 0 0 12px;
    margin-left: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1 a .newsBody {
    display: none;
  }
  .contents .news .newsBlock ul {
    overflow: hidden;
    width: 100%;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 {
    float: none;
    width: 100%;
    padding-bottom: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  .contents .news .newsBlock ul li.newsBlock__col2.new:after {
    content: "";
    display: block;
    width: 42px;
    height: 18px;
    background: url(../images/news_new_sp.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a {
    color: #333;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsVideo {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsVideo video {
    width: 100%;
    height: auto;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsTitle {
    float: left;
    width: calc(100% - 150px);
    padding: 0 0 0 12px;
    margin-left: 0;
    position: static;
    background: #fff;
  }
  .contents .news .newsBlock ul li.newsBlock__col2 a .newsTitle span {
    display: block;
    color: #999;
    font-size: 10px;
    font-weight: normal;
  }
  .contents .news .newsBlock ul {
    width: 100%;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 {
    padding: 10px 0;
    border-bottom: 0;
    margin: 0;
    float: none;
    width: 100%;
    min-height: auto;
    border-bottom: 1px solid #ccc;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a {
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsTitle {
    float: left;
    width: calc(100% - 150px);
    padding: 0 0 0 12px;
    margin: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col3 a .newsTitle span {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    font-weight: normal;
    line-height: 1.0;
  }
  .contents .news .newsBlock ul {
    width: 100%;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s {
    padding: 10px 0;
    border-bottom: 0;
    margin: 0;
    float: none;
    width: 100%;
    min-height: auto;
    border-bottom: 1px solid #ccc;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a {
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsImg {
    float: left;
    width: 150px;
    height: 84.375px;
    overflow: hidden;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsImg img {
    width: 100%;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .movieClip {
    width: 150px;
    height: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsTitle {
    float: left;
    width: calc(100% - 150px);
    height: auto;
    padding: 0 0 0 12px;
    margin: 0;
  }
  .contents .news .newsBlock ul li.newsBlock__col1s a .newsTitle span {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    font-weight: normal;
    line-height: 1.0;
  }
  .contents .news .newsMore {
    margin: 20px 0;
  }
  .contents .news .newsMore__btn {
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
  }
  .contents .topBasicBlock {
    margin: 20px 0;
  }
  .contents .topBasicBlock__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .topBasicBlock__head h2 {
    height: auto;
    font-size: 18px;
  }
  .contents .topBasicBlock__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .topBasicBlock__items {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
  }
  .contents .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    background-color: none;
    height: auto;
  }
  .contents .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    float: none;
    font-size: 12px;
  }
  .contents .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-1 {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    min-height: auto;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
    max-height: none;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    margin-left: 0;
    background-color: #fafafa;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-1 .topBasicBlock__items__right .body {
    display: none;
  }
  .contents .topBasicBlock__items.col-2 {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    min-height: auto;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
    max-height: none;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    margin-left: 0;
    background-color: #fafafa;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-2 .topBasicBlock__items__right .body {
    display: none;
  }
  .contents .topBasicBlock__items.col-3 {
    padding: 18px 0 15.2px;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    width: 100%;
    min-height: auto;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__left {
    width: 80px;
    height: 45px;
    max-height: none;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    margin-left: 0;
    background-color: #fafafa;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catName a {
    padding: 7px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .title {
    float: none;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .contents .topBasicBlock__items.col-3 .topBasicBlock__items__right .body {
    display: none;
  }
  .contents .topBasicBlock__more .moreBtn {
    width: 280px;
  }
  .contents .selectArticle {
    margin: 20px 0;
  }
  .contents .selectArticle__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .selectArticle__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .selectArticle__head h2:before {
    display: block;
    float: left;
  }
  .contents .selectArticle__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .selectArticle__items {
    padding: 18px 0;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .selectArticle__items__left {
    width: 80px;
  }
  .contents .selectArticle__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    background-color: none;
    height: auto;
  }
  .contents .selectArticle__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    width: 70px;
  }
  .contents .selectArticle__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .selectArticle__items__right .title {
    clear: both;
    float: none;
    margin-top: 5px;
    font-size: 14px;
  }
  .contents .planningArticle {
    margin: 20px 0;
  }
  .contents .planningArticle__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .planningArticle__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .planningArticle__head h2:before {
    display: block;
    float: left;
  }
  .contents .planningArticle__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .planningArticle__items {
    padding: 18px 0;
    margin-top: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .planningArticle__items__left {
    width: 80px;
  }
  .contents .planningArticle__items__right {
    width: calc(100% - 92px);
    padding: 0 0 0 12px;
    background-color: none;
    height: auto;
  }
  .contents .planningArticle__items__right .catName {
    padding: 0 10px 5px;
    font-size: 10px;
    min-width: 70px;
  }
  .contents .planningArticle__items__right .catSubName {
    padding: 7px 0;
    font-size: 12px;
  }
  .contents .planningArticle__items__right .title {
    clear: both;
    float: none;
    margin-top: 5px;
    font-size: 14px;
  }
  .contents .pickUp {
    margin: 20px 0;
  }
  .contents .pickUp__head {
    height: 34px;
    margin-bottom: 15px;
  }
  .contents .pickUp__head h2 {
    height: 34px;
    font-size: 18px;
  }
  .contents .pickUp__head h2:before {
    display: block;
    float: left;
  }
  .contents .pickUp__head h2:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .pickUp__block {
    padding: 15px 10px 15px 10px;
  }
  .contents .pickUp__block:first-child {
    margin-top: 0;
  }
  .contents .pickUp__block__title h3 {
    font-size: 16px;
    padding-left: 16px;
  }
  .contents .pickUp__block__title h3:before {
    height: 18px;
  }
  .contents .pickUp__block__body {
    margin-top: 10px;
  }
  .contents .pickUp__block__body .pickUpItem {
    margin-bottom: 15px;
  }
  .contents .pickUp__block__body .pickUpItem__img img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .pickUp__block__body .pickUpItem:last-child {
    margin-bottom: 25px;
  }
  .contents .pickUp__block__body .pickUpItem__title {
    padding-left: 12px;
  }
  .contents .pickUp__block__body .pickUpItem__title__txt {
    font-size: 14px;
  }
  .contents .pickUp__block__body .pickUpItem__title__date {
    color: #999;
    font-size: 10px;
  }
  .contents .pickUp__block__more .moreBtn {
    width: 280px;
  }
  .banner468_60 {
    display: none;
  }
  .banner320 {
    display: block;
  }
  .banner320 a {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 320px;
  }
  .banner320 a img {
    width: 100%;
    max-width: 100%;
  }
  .contents .cateList {
    margin-top: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents .cateList ul {
    margin-left: auto;
    width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .contents .cateList ul li {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .contents .cateList ul li:before {
    top: 12px;
  }
  .contents .cateList ul li a {
    padding: 10px 10px 10px 21px;
  }
  .contents .jinjiCateList ul {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .contents .jinjiCateList ul li {
    margin-left: 10px;
  }
  .contents .monthlyBox {
    margin: 20px 0;
  }
  .contents .monthlyBox__head {
    font-size: 16px;
  }
  .contents .monthlyBox__head a {
    padding: 16px;
  }
  .contents .monthlyBox__head span {
    top: 20px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .contents .monthlyBox__head span.close {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .contents .monthlyBox__body {
    display: none;
    padding: 14px;
    height: 185px;
  }
  .contents .monthlyBox__body dl {
    overflow: hidden;
  }
  .contents .monthlyBox__body dl dd {
    float: left;
    width: calc((100% - 16px) / 4);
    margin: 0 2px 5px 2px;
    height: 40px;
    line-height: 40px;
  }
  .contents .yearBox {
    margin: 20px 0;
    padding: 0;
  }
  .contents .yearBox__head {
    display: none;
  }
  .contents .yearBox__headSp {
    display: block;
    margin-bottom: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.0;
    background-color: #e2e2e2;
    border-radius: 5px 5px 0 0;
  }
  .contents .yearBox__headSp a {
    padding: 16px;
    position: relative;
  }
  .contents .yearBox__headSp span {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 10px;
    background: url(../images/toggle-arrow.png) no-repeat center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .contents .yearBox__headSp span.close {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .contents .yearBox__body {
    display: none;
    padding: 19px 14px 14px;
    border-radius: 0 0 5px 5px;
  }
  .contents .yearBox__body ul li {
    margin: 0 2px 5px 2px;
    width: calc((100% - 16px) / 4);
    height: 40px;
    line-height: 40px;
  }
  .contents .yearBox__body ul li:first-child {
    margin-left: 2px;
  }
  .contents .yearBox__body ul li:nth-child(10) {
    margin-left: 0;
  }
  .contents .newsList {
    margin-bottom: 20px;
  }
  .contents .newsList__head {
    height: 53px;
    padding: 0;
    margin-bottom: 0;
    font-size: 18px;
  }
  .contents .newsList__head h2 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.0;
  }
  .contents .newsList__head h2:before {
    display: block;
    float: left;
  }
  .contents .newsList__head__junre {
    font-size: 14px;
    padding: 4px 5px;
    vertical-align: bottom;
  }
  .contents .newsList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .newsList__head .listBack {
    font-size: 12px;
    top: 10px;
  }
  .contents .newsList__head .listBack:before {
    border-width: 5px 0 5px 8px;
  }
  .contents .newsList__title {
    margin-bottom: 16px;
    padding-left: 14px;
    font-size: 16px;
  }
  .contents .newsList__body ul .newsList__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .newsList__body ul .newsList__item:first-child {
    border-top: 1px solid #ccc;
  }
  .contents .newsList__body ul .newsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .newsList__body ul .newsList__item__left .newsListImage {
    width: 100%;
    height: 73px;
  }
  .contents .newsList__body ul .newsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .newsList__body ul .newsList__item__left .movieClip {
    width: 130px;
  }
  .contents .newsList__body ul .newsList__item__right {
    width: calc(100% - 130px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .newsList__body ul .newsList__item__right .newsListJunre__item {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .newsList__body ul .newsList__item__right .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .newsList__body ul .newsList__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item {
    padding: 18px 0;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left .newsListImage {
    width: 100%;
    height: 73px;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__left .movieClip {
    width: 130px;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__right {
    width: calc(100% - 130px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .newsList__body.subCatNewsList ul .newsList__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .newsList__paging ul li {
    margin-right: 5px;
  }
  .contents .newsList__paging ul li.pagePre {
    margin-right: 15px;
  }
  .contents .newsList .newsListCategory {
    margin: 20px 0;
  }
  .contents .newsList .newsListCategory__head {
    margin-bottom: 20px;
    padding: 16px 10px 10px 12px;
    font-size: 16px;
  }
  .contents .newsList .newsListCategory__head h3 {
    width: 100%;
  }
  .contents .newsList .newsListCategory__head .toList {
    display: none;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__left .newsListImage {
    width: 100%;
    height: 73px;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__right {
    width: calc(100% - 142px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__right .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .newsList .newsListCategory__body ul .newsList__item:first-child {
    padding: 18px 0;
    border-top: 1px solid #ccc;
  }
  .contents .newsList .newsListCategory__body .newsMore {
    display: block;
    margin: 20px 0;
  }
  .contents .newsList .newsListCategory__body .newsMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .productList__head {
    height: 38px;
    padding: 0;
    margin-bottom: 0;
    font-size: 18px;
  }
  .contents .productList__head h2 {
    font-size: 18px;
  }
  .contents .productList__head h2:before {
    display: block;
    float: left;
  }
  .contents .productList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .productList__body {
    margin: 20px 0;
  }
  .contents .productList__body ul .productList__item__left {
    width: 120px;
  }
  .contents .productList__body ul .productList__item__right {
    width: calc(100% - 120px);
    padding-left: 15px;
  }
  .contents .productList__body ul .productList__item__right .bookListInfo dl dd.bookListDate {
    margin-top: 12px;
    font-size: 12px;
  }
  .contents .productList__body2 {
    margin: 20px 0;
  }
  .contents .productList__body2 ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .contents .productList__body2 ul .productList__item2 {
    width: calc((100% - 10px) / 2);
    margin-right: 0;
  }
  .contents .spHide {
    display: none;
  }
  .contents .tagsList {
    margin-bottom: 20px;
  }
  .contents .tagsList__head {
    height: 58px;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .contents .tagsList__head h2 {
    padding: 0 0 5px;
    font-size: 18px;
    line-height: 1.0;
    margin-bottom: 0;
  }
  .contents .tagsList__head h2:before {
    display: block;
    float: left;
  }
  .contents .tagsList__head__name {
    font-size: 20px;
    padding: 4px 5px 4px 0;
  }
  .contents .tagsList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .tagsList__title {
    margin-bottom: 16px;
    padding-left: 14px;
    font-size: 16px;
  }
  .contents .tagsList__body ul .tagsList__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .tagsList__body ul .tagsList__item:first-child {
    border-top: 1px solid #ccc;
  }
  .contents .tagsList__body ul .tagsList__item__inner {
    display: block;
    padding: 0 6px;
  }
  .contents .tagsList__body ul .tagsList__item__inner .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .tagsList__body ul .tagsList__item__inner .tagsListTitle {
    font-size: 16px;
    line-height: 1.5;
  }
  .contents .tagsList__body ul .tagsList__item__left {
    width: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contents .tagsList__body ul .tagsList__item__left a {
    width: 100%;
    height: 73px;
  }
  .contents .tagsList__body ul .tagsList__item__right {
    width: calc(100% - 130px);
    height: auto;
    padding: 0 0 0 12px;
  }
  .contents .tagsList__body ul .tagsList__item__left img {
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListJunre {
    padding: 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListJunre a {
    margin-bottom: 5px;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item__right .tagsListTitle {
    font-size: 15px;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 {
    margin: 0;
    padding: 18px 0;
    height: auto;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__left {
    width: 100px;
    max-height: 66.666px;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right {
    width: calc(100% - 100px);
    padding: 0 6px 0 12px;
    background-color: #fafafa;
    margin-left: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListJunre {
    padding: 0 10px 5px 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListTitle {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListDate {
    width: 100%;
    color: #999;
    font-size: 12px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-1 .tagsList__item__right .tagsListBody {
    display: none;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 {
    margin: 0;
    float: none;
    width: 100%;
    height: auto;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__left {
    float: left;
    width: 100px;
    max-height: 66.666px;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right {
    float: left;
    width: calc(100% - 100px);
    padding: 0 6px 0 12px;
    background-color: #fafafa;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListJunre {
    padding: 0 10px 5px 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListTitle {
    margin-top: 0;
    font-size: 15px;
  }
  .contents .tagsList__body ul .tagsList__item.col-2 .tagsList__item__right .tagsListDate {
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 {
    margin: 0;
    float: none;
    width: 100%;
    height: auto;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__left {
    float: left;
    width: 100px;
    max-height: 66.666px;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right {
    float: left;
    width: calc(100% - 100px);
    padding: 0 6px 0 12px;
    background-color: #fafafa;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListJunre {
    padding: 0 10px 5px 0;
    min-width: 70px;
    margin-bottom: 0;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListJunre span {
    font-size: 10px;
    min-width: 70px;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListTitle {
    margin-top: 0;
    font-size: 15px;
  }
  .contents .tagsList__body ul .tagsList__item.col-3 .tagsList__item__right .tagsListDate {
    margin-bottom: 0;
  }
  .contents .tagsList .itemMore__btn {
    width: 280px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
  }
  .contents .tagsList .tagsListMore {
    display: block;
    margin: 20px 0;
  }
  .contents .tagsList .tagsListMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .searchList__head {
    height: auto;
    padding: 0;
    font-size: 18px;
  }
  .contents .searchList__head h2 {
    line-height: 1.0;
  }
  .contents .searchList__head__name {
    font-size: 18px;
    padding: 4px 5px;
  }
  .contents .searchList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .searchList .searchField .reportsearch input,
  .contents .searchList .searchField .reportsearch input[type="date"],
  .contents .searchList .searchField .reportsearch select {
    font-size: 16px;
  }
  .contents .searchList .searchField .reportsearch select.sort, .contents .searchList .searchField .reportsearch select.type {
    width: 48%;
  }
  .contents .searchList .searchField form.reportsearch select[name="sort"], .contents .searchList .searchField form.reportsearch select[name="type"] {
    margin-bottom: 10px;
    width: 100%;
  }
  /* .contents .searchList .searchField form.reportsearch select[name="start_y"], .contents .searchList .searchField form.reportsearch select[name="start_m"], .contents .searchList .searchField form.reportsearch select[name="start_d"] {
    margin-bottom: 10px;
  } */
  /* .contents .searchList .searchField .reportsearch select.start_m, .contents .searchList .searchField .reportsearch select.start_d, .contents .searchList .searchField .reportsearch select.end_m, .contents .searchList .searchField .reportsearch select.end_d {
    width: 45px;
    margin-left: 3px;
    margin-right: 3px;
  } */
  /* .contents .searchList .searchField .reportsearch select.start_y, .contents .searchList .searchField .reportsearch select.end_y {
    width: 60px;
    margin-left: 3px;
    margin-right: 3px;
  } */
  .contents .searchList .searchField .reportsearch button#itemsReset {
    margin-left: 0;
  }
  .contents .searchList .searchField .reportsearch .searchOption,
  .contents .searchList .searchField .reportsearch .searchRelease {
    width: 100%;
    margin-bottom: 15px;
  }
  .contents .searchList .searchField .reportsearch .searchRelease {
    margin-bottom: 0;
  }
  .contents .searchList .searchField .reportsearch .searchRelease__upper {
    width: 48%;
  }
  .contents .searchList .searchField .reportsearch .searchRelease__bottom {
    width: 48%;
  }
  .contents .searchList .searchField .reportsearch .searchRelease__upper input,
  .contents .searchList .searchField .reportsearch .searchRelease__bottom input {
    padding: 5px;
    width: 100%;
    height: 35px;
    border: solid 1px #a1a1a3;
  }
  .contents .searchList .searchField .reportsearch .search__area {
    float: none;
    width: 100%;
    height: auto;
  }
  .contents .searchList .searchField .reportsearch .searchMore__area {
    margin-top: 13.5px;
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .contents .searchList .searchField .reportsearch .searchButton {
    float: none;
    display: block;
  }
  .contents .searchList__body ul .searchList__item {
    margin-bottom: 0;
    padding: 18px 0;
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
  }
  .contents .searchList__body ul .searchList__item:first-child {
    border-top: 1px solid #ccc;
  }
  .contents .searchList__body ul .searchList__item__inner {
    display: block;
    padding: 0 6px;
  }
  .contents .searchList__body ul .searchList__item__inner .newsListJunre span {
    padding: 5px 10px;
    font-size: 10px;
    width: 90px;
  }
  .contents .searchList__body ul .searchList__item__inner .searchListTitle {
    font-size: 16px;
    line-height: 1.5;
  }
  .contents .searchList .searchListMore {
    display: block;
    margin: 20px 0;
  }
  .contents .searchList .searchListMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .glossaryList__head {
    height: 38px;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .contents .glossaryList__head h2 {
    font-size: 18px;
  }
  .contents .glossaryList__head h2:before {
    display: block;
    float: left;
  }
  .contents .glossaryList__head__junre {
    font-size: 14px;
    padding: 4px 5px;
  }
  .contents .glossaryList__head:after {
    width: 100px;
    bottom: -1px;
  }
  .contents .glossaryList .glossaryTabArea {
    margin-bottom: 20px;
  }
  .contents .glossaryList .glossaryTabArea ul.glossaryTab li {
    margin-right: 12px;
    font-size: 18px;
  }
  .contents .glossaryList .glossaryTabArea .glossaryTabPanel ul li {
    font-size: 16px;
  }
  .contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 {
    padding-bottom: 0;
  }
  .contents .glossaryList .glossaryTabArea #glossaryTab11 ul.glossaryTab11 li {
    font-size: 18px;
    margin-right: 8px;
  }
  .contents .contArticle__head {
    padding: 10px 0;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: block;
  }
  .contents .contArticle__head__cat {
    font-size: 16px;
    width: 100%;
    background-color: #6a6a6a;
  }
  .contents .contArticle__head__title {
    font-size: 18px;
    width: 100%;
  }
  .contents .contArticle__head .toList {
    display: none;
  }
  .contents .contArticle__read {
    padding: 10px 15px;
  }
  .contents .contArticle__body p img {
    width: 100%;
    height: auto;
  }
  .contents .contArticle__body .photoBox {
    padding-left: 0;
    padding-right: 0;
  }
  .contents .contArticle__body .photoBox p {
    width: 100%;
    margin: 0 auto;
  }
  .contents .contArticle__body .photoBox.img2 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox.img3 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox.img4 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox.img5 img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .contents .contArticle__body .photoBox + .photoBox {
    padding-top: 0;
    margin-top: -10px;
  }
  .contents .contArticle__body .imgRight {
    margin: 0 0 10px 10px;
  }
  .contents .contArticle__body .imgRight img {
    width: 160px;
    height: auto;
  }
  .contents .contArticle__body iframe {
    width: 100% !important;
  }
  .contents .contArticle .newsMore {
    display: block;
    margin: 20px 0;
  }
  .contents .contArticle .newsMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .contTagList {
    margin-bottom: 5px;
  }
  .contents .snsBtn {
    margin-bottom: 20px;
  }
  .contents .snsBtn div {
    margin-right: 5px;
  }
  .contents .contTheme {
    padding: 25px 18px;
  }
  .contents .contTheme__body {
    margin-bottom: 10px;
  }
  .contents .contTheme__body ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .contTheme__body .contTheme__item {
    margin: 0 0 20px 0;
    width: calc((100% - 20px) / 2);
  }
  .contents .contTheme__body .contTheme__item:last-child {
    display: none;
  }
  .contents .contTheme__body .contTheme__item__upper {
    margin-bottom: 10px;
  }
  .contents .contTheme__more .moreBtn {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .contents .articleNewsBox {
    margin: 20px 0;
  }
  .contents .articleNewsBox__head {
    height: 36px;
    margin-bottom: 15px;
  }
  .contents .articleNewsBox__head h2 {
    font-size: 18px;
  }
  .contents .articleNewsBox__head h2:before {
    display: block;
    float: left;
  }
  .contents .articleNewsBox__head h2:after {
    width: 100px;
    bottom: -11px;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item {
    margin-bottom: 0;
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item__left {
    width: 80px;
    height: auto;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item__right {
    width: calc(100% - 92px);
    height: auto;
    display: block;
    padding: 0 0 0 12px;
  }
  .contents .articleNewsBox__body ul .articleNewsBox__item__right .newsListTitle {
    font-size: 15px;
    line-height: 1.5;
  }
  .contents .articleNewsBox__more .moreBtn {
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .contents .productArticle__head h2 {
    width: 100%;
  }
  .contents .productArticle__head .toList {
    display: none;
  }
  .contents .productArticle__body1 {
    padding-bottom: 0;
    display: block;
  }
  .contents .productArticle__body1__left {
    margin: 0 auto 20px;
    width: 80%;
  }
  .contents .productArticle__body1__right {
    width: 100%;
  }
  .contents .productArticle .newsMore {
    display: block;
    margin: 20px 0;
  }
  .contents .productArticle .newsMore__btn {
    margin: 0 auto;
    width: 280px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .contents .glossaryArticle__head {
    margin-bottom: 18px;
    padding-bottom: 0;
    border: 0;
  }
  .contents .glossaryArticle__head h2 {
    font-size: 22px;
  }
  .contents .glossaryArticle__body {
    padding-top: 20px;
  }
  .contents .pageContent {
    margin-bottom: 20px;
  }
  .contents .pageContent h1 {
    padding: 12px 0 10px 14px;
    font-size: 22px;
  }
  .contents .pageContent h2 {
    font-size: 20px;
  }
  .contents .pageContent table th {
    font-size: 16px;
    display: block;
  }
  .contents .pageContent table td {
    display: block;
    font-size: 16px;
  }
  .contents .pageContent img {
    margin: 10px 5% !important;
    width: 90% !important;
    height: auto;
  }
  .contents .linkContent .pageContent__body ul.toplink li {
    margin-right: 0;
  }
  .contents .linkContent .pageContent__body ul.pagelink {
    width: 90%;
    text-align: left;
  }
  .contents .linkContent .pageContent__body ul.pagelink li {
    display: block;
    margin-bottom: 16px;
  }
  .contents .linkContent .pageContent__body ul.link li {
    width: auto;
  }
  .contents .linkContent .pageContent__body ul.link li a {
    font-size: 16px;
  }
  .contents .linkContent .pageContent__body ul.link li:nth-child(3n) {
    margin-right: 16px;
  }
  .contents .pageSitemap h2 {
    font-size: 18px;
  }
  .contents .pageSitemap h3 {
    font-size: 16px;
  }
  .contents .pageSitemap h4 {
    font-size: 16px;
  }
  .contents #formWrap #formParts .table {
    display: block;
  }
  .contents #formWrap #formParts .table .tableItem {
    margin: 0;
    display: block;
  }
  .contents #formWrap #formParts .table .tableItem dt {
    margin-bottom: 0;
    display: block;
    width: 100%;
  }
  .contents #formWrap #formParts .table .tableItem dd {
    margin-bottom: 0;
    display: block;
    width: 100%;
  }
  .contents #formWrap #formParts .textform input[type="text"] {
    max-width: none;
  }
  .contents #formWrap #formParts .tel dd ul > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 84px;
            flex: 0 1 84px;
  }
  .contents #formWrap #formParts .tel dd ul > * input[type="text"] {
    max-width: 56px;
  }
  .contents #formWrap #formParts .tel dd ul > *:first-child {
    -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
  }
  .contents #formWrap #formParts .name dd ul > * ~ * {
    margin-top: 8px;
    margin-left: 0;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm {
    display: block;
    overflow: hidden;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li input[type="text"] {
    max-width: none;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li:first-child {
    -ms-flex-preferred-size: none;
        flex-basis: none;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li.multiLine {
    float: left;
    width: 100px;
  }
  .contents #formWrap #formParts .name dd ul.inlineForm li.numberAddress {
    float: left;
    margin-top: 16px;
    width: 114px;
  }
  .contents #formWrap #formParts #sample_formBtn .btn label {
    padding-top: 12px;
    padding-bottom: 12px;
    margin: 10px 0;
  }
  .newsTopics .articleTop__box__innerRight h3 {
    display: none;
    font-size: 14px;
  }
  .newsTopics .articleTop__box__innerRight h4 {
    font-size: 16px;
  }
  .newsTopics .articleTopLarge__box__innerRight .mainText {
    display: none;
  }
  .newsTopics .articleTopLarge__box__innerRight .continue {
    display: none;
  }
  .newsTopics .articleTopLarge2__box__innerRight {
    max-height: 66px;
    overflow: hidden;
  }
  .newsTopics .articleTopLarge2__box__innerRight .mainText {
    display: none;
  }
  .newsTopics .articleTopLarge2__box__innerRight .continue {
    display: none;
  }
  .newsTopics .articleTopLarge2__box__innerLeft .articleImg img {
    width: auto;
    max-height: 200px;
  }
  .newsTopics .articleTopMid__box__innerRight h4 {
    margin-bottom: 0;
    height: 48px;
    overflow: hidden;
  }
  .newsTopics .articleTopMid__box__innerRight .mainText {
    display: none;
  }
  .newsTopics .articleTopMid__box__innerRight .continue {
    display: none;
  }
  .newsTopics .articleTopMid__box__innerLeft .articleImg img {
    max-height: 106px;
  }
  .newsContArea {
    display: block;
  }
  .select__wrapper {
    display: block;
  }
  .select__wrapper section {
    margin-bottom: 10px;
    width: 100%;
    border-left: 0;
    border-bottom: 1px solid #c6c6c6;
    overflow: hidden;
  }
  .select__wrapper section:last-of-type {
    border-right: 0;
  }
  .select__wrapper section .select__Img {
    float: left;
    height: auto;
    width: 30%;
  }
  .select__wrapper section .select__Img img {
    height: auto;
    width: 100%;
  }
  .select__wrapper section .select__Info {
    float: left;
    width: 70%;
    padding-left: 10px;
  }
  .select__wrapper section .select__Info__text {
    display: none;
    font-size: 16px;
    height: 170px;
  }
  .select__wrapper section .select__Info__sub {
    font-size: 16px;
  }
  .themelist__body ul .themelist__item__right {
    font-size: 16px;
  }
  .themelist__body ul .themelist__item__right span {
    font-size: 14px;
  }
  .side .bannerSide {
    max-width: 300px;
    margin: 20px auto;
  }
  .side .bannerSide.typePC {
    display: none;
  }
  .side .adBanner {
    display: none;
  }
  .side .adBannerSide {
    display: none;
  }
  .side .articleBoxSp {
    display: block;
  }
  .side .articleBoxSp ul.tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .side .articleBoxSp ul.tab li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    width: calc((100% - 5px) / 2);
    height: 50px;
    color: #a7a5a8;
    text-align: center;
    border-radius: 5px 5px 0 0;
  }
  .side .articleBoxSp ul.tab li.active {
    color: #FFF;
  }
  .side .articleBoxSp ul.tab li a {
    display: block;
  }
  .side .articleBoxSp .tabPanel {
    display: none;
  }
  .side .articleBoxSp .tabPanel.show {
    display: block;
  }
  .side .articleBoxSp .articleListUpdate {
    margin-top: 10px;
    color: #555;
    text-align: right;
    font-size: 14px;
    line-height: 1.0;
  }
  .side .movie {
    margin-bottom: 20px;
    text-align: center;
  }
  .bannerPc {
    display: none;
  }
  .bannerSp {
    margin-bottom: 20px;
    display: block;
    width: 100%;
  }
  .bannerSp a {
    margin: 0 auto;
    display: block;
    max-width: 320px;
  }
  .bannerSp a img {
    width: 100%;
  }
  .headBannerSp {
    display: block;
    padding: 10px 0;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .headBannerSp a {
    margin: 0 auto;
    display: block;
    max-width: 320px;
  }
  .headBannerSp a img {
    width: 100%;
  }
  footer .footer__inner {
    width: 100%;
  }
  footer .footerUpper {
    display: none;
  }
  footer .footerBottom__inner {
    display: block;
  }
  footer .footerBottom__inner .organizeLogo {
    margin: 0 auto;
  }
  footer .footerBottom__inner .organizeAddress {
    width: 100%;
    padding: 15px 0 0 0;
  }
  footer .footerBottom__inner .organizeAddress p {
    text-align: center;
  }
  footer .footerBottom__inner .organizeAddress__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .footerBottom__inner .organizeAddress__body p {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  footer .footerBottom__inner .organizeAddress__body p.pc_ver {
    display: none;
  }
  footer .footerBottom__inner .organizeAddress__body p.sp_ver {
    display: block;
    line-height: 1.5;
  }
  footer .footerBottom__inner .organizeAddress__body dl {
    padding: 0 10px;
  }
  footer .footerBottom__inner .organizeAddress__body dl:first-of-type {
    border-right: 1px solid #000;
  }
  footer .footerBottom__inner .organizeAddress__body dl:first-of-type dt {
    width: 2em;
  }
  footer .footerBottom__inner .organizeAddress__body dl:first-of-type dd {
    padding-left: 2em;
    width: auto;
  }
  footer .footerBottom__inner .organizeAddress__body dl:last-of-type {
    margin-top: 7px;
  }
  footer .footerBottom__inner .organizeAddress__body dl:nth-of-type(2) dd {
    width: auto;
  }
  footer .footerBottom2__inner {
    padding: 14px;
    font-size: 8px;
    display: block;
    text-align: center;
  }
  footer .footerBottom2__inner .ban__pc {
    display: none;
  }
  footer .footerBottom2__inner .ban__sp {
    display: block;
    margin-bottom: 10px;
  }
  #topBtn {
    margin-left: 0;
    left: auto;
    right: 0;
  }
  .overlay {
    display: block;
    width: 100%;
    height: calc(100% - 97px);
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: -100%;
    top: 97px;
    z-index: 99;
  }
  .menu {
    height: 100%;
  }
  ul#drawer {
    overflow-y: auto;
    white-space: nowrap;
    display: block;
    border-bottom: 1px solid #000;
    position: absolute;
    left: -100%;
    top: 97px;
    z-index: 9999;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 75%;
    height: 410px;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
  }
  ul#drawer li {
    border-top: 1px solid #c6c6c6;
    overflow: hidden;
  }
  ul#drawer li a {
    color: #333;
    display: block;
    padding: 20px 10px;
    font-size: 16px;
    line-height: 1.0;
    position: relative;
  }
  ul#drawer li a:before {
    content: "";
    margin-left: 5px;
    margin-right: 6px;
    margin-top: 6px;
    float: left;
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #00a254;
  }
  ul#drawer li a:after {
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background: url(../images/nav_icon_sp.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 25px;
    right: 10px;
  }
  ul#drawer li:first-child,
  ul#drawer li:first-child a {
    border-top: none;
  }
  ul#drawer .spSearch {
    padding: 10px 0 10px 10px;
    position: relative;
  }
  ul#drawer .spSearch .searchLabel {
    position: absolute;
    left: 206px;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/search_icon.png) no-repeat center;
  }
  ul#drawer li.darkBg a {
    font-size: 14px;
    background-color: #eee;
  }
  ul#drawer li.darkBg a:before {
    content: "";
    margin-left: 0;
    margin-right: 6px;
    margin-top: 2px;
    float: left;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #009b74;
  }
  ul#drawer li.darkBg a:after {
    top: 21px;
  }
  .overlay.side {
    left: 0;
  }
  #drawer.side {
    left: 0;
  }
  #hum {
    display: block;
    width: 55px;
    height: 55px;
    position: relative;
  }
  #hum-btn {
    display: block;
    margin-left: 5px;
    position: relative;
    width: 55px;
    height: 45px;
    background: #fff;
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hum-txt {
    width: 28px;
    height: 7px;
    background: url(../images/hum_menu.png) no-repeat center;
    background-size: 28px 7px;
    position: absolute;
    bottom: 10px;
    left: 14px;
  }
  /* SP用ハンバーガー */
  #hum-btn-icon {
    display: block;
    width: 23px;
    height: 3px;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
    z-index: 99;
  }
  #hum-btn-icon:before {
    display: block;
    content: "";
    width: 23px;
    height: 3px;
    background: #009b74;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
    z-index: 99;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #hum-btn-icon:after {
    display: block;
    content: "";
    width: 23px;
    height: 3px;
    background: #009b74;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
    z-index: 99;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #hum-btn-icon.close {
    background: transparent;
  }
  #hum-btn-icon.close:before {
    background: #333;
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #hum-btn-icon.close:after {
    background: #333;
    top: 0;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .hum-txt.close {
    background: url(../images/hum_close.png) no-repeat center;
    background-size: 28px 7px;
  }
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:20px;
    padding-bottom:20px;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% { 
        transform: rotate(360deg); 
    }
}
.is-hide{
    display:none;
}

#tagItemMore{
  display: none;
}

#tagItemMore.showBtn{
  display: block;
}

.videoClipWrap {
  margin: 0 auto;
  width: 640px;
}

.videoClipWrap .videoClip {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.videoClipWrap .videoClip iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 640px ) {
  .videoClip {
    width: 100%;
  }
}

@media print {
  /*----------------------------
    トップページ
    -----------------------------*/
  body {
    zoom: 0.68;
    -webkit-print-color-adjust: exact;
  }
  header#header {
    position: static;
    display: block !important;
  }
  header.hide {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .scrollheader.fixed {
    display: none !important;
  }
  .l-main {
    padding-top: 20px !important;
  }
  .contents .snsBtn .twitter_btn, .contents .snsBtn .line-it-button {
    width: 110px!important;
    height: 30px!important;
  }
  .contents .snsBtn .fb-like {
    width: 135px!important;
    height: 30px!important;
  }
  .contents .snsBtn .fb-share-button {
    width: 116px!important;
    height: 30px!important;
  }
  .contents .snsBtn .twitter_btn iframe {
    width: 100%!important;
    height: 100%!important;
  }
  .contents .snsBtn .fb-like span, .contents .snsBtn .fb-share-button span {
    width: 100%!important;
    height: 100%!important;
  }
  .contents .snsBtn .fb-like span iframe, .contents .snsBtn .fb-share-button span iframe {
    width: 100%!important;
    height: 100%!important;
  }
}

@media print and (-ms-high-contrast: none) {
  body {
    zoom: 1.7;
    width: 1200px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}

.mokuji{
  border: 4px solid #e0e0e0;
  padding: 4px;
}

.mokuji__inner{
  border: 2px solid #e0e0e0;
  padding: 10px;
}