@charset "UTF-8";
/*****************************************************************************
 * 2018/01/31 CSS for renewal
 *****************************************************************************/
/*===========================
 Common
===========================*/
.link-pdf::after,
.link-pdf2::before,
.link-blank::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
}
.link-pdf::after {
  background: url(../img/ico_pdf.png) no-repeat center;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.link-blank::after {
  background: url(../img/ico_blank.png) no-repeat center;
}
.link-pdf2::before {
  background: url(../img/ico_pdf2.png) no-repeat center top;
}

/*===========================
 Header Layout
===========================*/
.wrapper {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 110px;
}
.col-two .wrapper,
.col-one .wrapper {
  margin-top: 0;
}

/*** Header ***/
.head {
  display: block;
  width: 100%;
  background-color: #fff;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
.head.is-pc { display: none; }
.head.is-sp { display: block; }

.head-inner {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 1.875% 3.125%;
  border-bottom: 1px solid #e2e2e2;
}
.head-inner:after {
  content: "";
  display: block;
  clear: both;
}
.head-inner .head-logo {
  display: block;
  width: 69.1666%; /*415px*/
  height: 100%;
  float: left;
  margin: 0;
  padding: 1% 0 0;
}
.head-inner .head-logo p { margin: 0; }
.head-inner .head-logo img {
  width: 100%;
  max-width: none;
}
.head-inner .head-btn {
  display: block;
  width: 28.6666%; /*172px*/
  float: right;
}
.head-inner .head-btn p {
  display: inline-block;
  width: 44.186%; /*76px*/
  height: auto;
  margin: 0;
  padding: 0;
}
.head-inner .head-btn p:first-child {
  margin-right: 11.6279%; /*20px*/
}
.head-inner .head-btn img {
  width: 100%;
  max-width: none;
}
.head-inner .head-btn .module-m-pc-btn {
  margin: 0;
  padding: 0;
}
.head-inner .head-btn .btn-sp-menu {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.head-inner .head-btn .btn-sp-menu.is-open {
  background: #fff url(../img/header/btn_close_sp.png) no-repeat center;
}
.head-inner .head-btn .btn-sp-menu.is-open img {
  opacity: 0.01 !important;
}

/*** Gloabal Navigation ***/
.g-nav {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  z-index: 100;
  top: 0;
}
.g-nav.is-pc { display: none; }
.g-nav.is-sp { display: block; }
/*** Print correspondence ***/
@media print {
  .g-nav {
    position: relative !important;
  }
}

/*** SP Navigation ***/
.head .sp-nav {
  display: none;
  width: 100%;
  background-color: rgba(0,123,199,0.8);
  position: absolute;
  z-index: 20;
  top: 100%;
  left: 0;
  right: 0;
}
.sp-nav-sub {
  padding: 6.25% 0;
}
.sp-nav-sub p a {
  display: block;
  width: 100%;
  padding-left: 44px;
  font-size: 28px !important;
  position: relative;
  z-index: 0;
  color: #fff;
}
.sp-nav-search {
  display: block;
  width: 100%;
  padding: 6.25% 3.125%;
}
#srchBox {
  display: block;
  width: 100%;
/*  height: 72px;*/
  height: 150px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#srchBox li {
	font-size:30px!important;
	color: #FFF;
}

#srchBox #srch {
  padding: 0;
}
#srchBox #srch #srchForm {
  white-space: nowrap;
  margin-bottom: 0;
}
#srchBox #srch #srchInput {
  display: block;
  width: 100%;
  margin-right: -72px;
  padding-right: 72px;
  height: 72px;
  padding: 2px 1px 3px;
  border: 2px solid #e2e2e2;
/*  background: #fff url(//i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) no-repeat center;*/
  float: left;
  font-size: 32px !important;
}
#srchBox #srch #srchInput.nomark {
  background: #fff;
}
#srchBox #srch #srchBtn {
  display: block;
  width: 72px;
  height: 72px;
  border: none;
  background: #00b0f0 url(../img/header/ico_search_sp.png) no-repeat center;
  vertical-align: top;
  float: right;
}
.sp-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255,255,255,0.7);
}
.sp-nav-list li {
  border-bottom: 1px solid rgba(255,255,255,0.7);
}
.sp-nav-list li a {
  display: block;
  width: 100%;
  padding: 4.0625% 3.125% 4.0625% 44px;
  font-size: 28px !important;
  color: #fff;
  position: relative;
  z-index: 0;
}
.sp-nav-list li a::before,
.sp-nav-sub p a::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/arrow_next1_sp.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto 0;
}

/*===========================
 Footer Layout
===========================*/
/*** Footer ***/
.foot {
  display: block;
  width: 100%;
  clear: both;
  background-color: #f3f3f3;
  padding: 9.375% 3.125% 6.25%;
}

/*** Footer Top ***/
.foot-top {
  text-align: center;
  margin-bottom: 3.90625%;
}
.foot-top-nav {
  background-color: #f3f3f3;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
.foot-top-nav li {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
  background-color: #f3f3f3;
}
.foot-top-nav li a {
  float: none;
  padding: 0;
  background-color: #f3f3f3;
  color: #000 !important;
  font-size: 24px !important;
  line-height: 2.25;
}
/*** Footer Bottom ***/
.foot-btm-cp {
  text-align: center;
  margin: 0;
  color: #000;
  letter-spacing: 0.025em;
  font-size: 20px !important;
}

/*===========================
 Top Page Layout
===========================*/
.top main {
  display: block;
  width: 100%;
  background-color: #fff;
  margin: 0;
  padding: 52px 0 0;
  position: relative;
  z-index: 10;
}

/*** Main Visual ***/
#MainVisual {
  display: block;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  clear: both;
  position: relative;
  z-index: 0;
}
.main-slider {
  display: block;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto -1px;
  padding: 28.68055555% 0 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.main-slider::after {
  content: "";
  display: block;
  width: 100%;
  height: 413px;
  max-width: 1440px;
  background: url(../img/top/mainvisual_front.png) no-repeat center bottom;
  background-size: contain;
  position: absolute;
  z-index: 50;
  bottom: 0;
  left: 0;
}
.main-slider > li {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}
.main-slider > li img {
  width: 100%;
}
.main-slider > li .text {
  display: block;
  position: absolute;
  /*z-index: 10;*/
  top: 0;
  left: 0;
}
.main-slider > li:nth-child(1) .text {
  width: 93.75%;
  top: 25%; /*50px*/
  right: 20%; /*140px*/
}
.main-slider > li:nth-child(2) .text {
  top: 10%; /*50px*/
  left: 20%; /*140px*/
}
.main-slider > li:nth-child(3) .text {
  width: 100px;
  top: 13%; /*26px*/
  left: 0;
  right: 0;
  margin: 0 auto;
}
.main-slider > li:nth-child(4) .text {
  width: 100%;
  top: 13%; /*26px*/
}
.main-slider > li .text p {
  font-size: 30px !important;
  font-weight: bold;
  line-height: 1.4666666;
  letter-spacing: 0.075em;
  color: #fff;
  text-shadow:2px 2px 3px rgba(0,0,0,0.7);
}
.main-slider > li:nth-child(1) .text p { text-align: right; }
.main-slider > li:nth-child(3) .text p { text-align: center; }
.main-slider > li:nth-child(4) .text p { text-align: center; }
.main-slider-thumb {
  display: none;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}
.main-slider-thumb > li {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.main-slider-thumb > li + li {
  margin-left: 10px;
}
.main-slider-thumb > li.is-active {
  background-color: #006cb7;
}

/*** Important Notices ***/
#ImpNotices {
  display: block;
  width: 100%;
  background-color: #f2f2f2;
  padding: 6.25% 3.125%;
}
#ImpNotices .noti-head {
  background-color: inherit;
  margin: 0;
  padding: 0;
  font-size: 32px !important;
  color: #d21010;
  margin-bottom: 2.34375%;
}
#ImpNotices .noti-head::before {
  content: "!";
  display: inline-block;
  width: 60px;
  height: 60px;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #d21010;
  color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
#dswhats {
  list-style: none;
  margin: 0;
  padding: 0;
}
#dswhats li {
  padding: 0;
  border-top: 1px solid #e2e2e2;
}
#dswhats li:last-child {
  border-bottom: 1px solid #e2e2e2;
}
#dswhats li a {
  display: block;
  width: 100%;
  padding: 15px 0 15px 20px;
  font-size: 28px !important;
  line-height: 1.25;
  color: #000;
  text-decoration: underline;
}
#dswhats li a:hover {
  text-decoration: none;
}
#dswhats li a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(../img/arrow_next2_sp.png) no-repeat center;
  vertical-align: middle;
  text-indent: 20px;
  margin-left: -20px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

/*20180531追記文字色赤設定用*/
ul#dswhats li.attention a {
  color: #900;
}

/*** News ***/
#News {
  display: block;
  width: 100%;
  margin-top: 3.125%;
  padding: 0 3.125%;
}
#News .news-head-wrap {
  display: block;
  width: 100%;
  position: relative;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  padding: 3.3333%;
}
#News .news-head {
  margin: 0;
  padding: 0;
  background-color: inherit;
  font-size: 34px !important;
  line-height: 34px;
  letter-spacing: 0.075em;
  color: #000;
  vertical-align: middle;
}
#News .news-head span {
  display: inline-block;
  font-size: 24px !important;
  vertical-align: middle;
  border-left: 1px solid #bfbfbf;
  margin-left: 1em;
  padding-left: 1em;
}
#News .news-button {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
}
#News .news-button a {
  display: block;
  width: 100%;
  text-align: center;
  color: #000;
}
#News .news-button a span {
  display: block;
  width: 100%;
  height: 6px;
  background-color: #006cb7;
  border-radius: 6px;
  margin: 0 auto 6px;
}
#News .news-button a span:last-child {
  width: 100%;
  height: auto;
  background-color: inherit;
  line-height: 1;
  margin-bottom: 0;
  font-size: 24px !important;
}
#dsjigyou {
  display: none;
}

/*** Group Banner ***/
#GroupBanner {
  display: block;
  width: 100%;
  margin-top: 3.125%;
  padding: 0 3.125%;
}
#GroupBanner .inner {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 3.75% 3.125% 0;
  background: linear-gradient(#007cc9, #005e99);
}
#GroupBanner .inner::after {
  content: "";
  display: block;
  clear: both;
}
#GroupBanner .inner .banner-head {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: inherit;
  text-align: center;
  font-size: 32px !important;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.22);
  text-align: center;
  margin-bottom: 20px;
}
#GroupBanner .inner .banner-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#GroupBanner .inner .banner-list li {
  display: block;
  width: 48.2142857%; /*270px*/
  padding: 0;
  float: left;
  margin-left: 3.5714285%; /*20px*/
  margin-bottom: 3.5714285%; /*20px*/
}
#GroupBanner .inner .banner-list li img {
  width: 100%;
  max-width: none;
}
#GroupBanner .inner .banner-list li:nth-child(2n+1){
  margin-left: 0;
  clear: both;
}

/*** Menu Pannel ***/
#MenuPannel {
  display: block;
  width: 100%;
  background: #eaf5fa url(../img/top/menu_pannel_bg1.png) repeat-x center top;
  background-size: contain;
  padding-top: 9.375%;
  margin-top: 4.0625%;
}
#MenuPannel .pannel-top {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 3.125% 1.5625%;
}
#MenuPannel .pannel-top .pannel-top-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#MenuPannel .pannel-top .pannel-top-list::after {
  content: "";
  display: block;
  clear: both;
}
#MenuPannel .pannel-top .pannel-top-list li {
  display: block;
  width: 100%;
  padding: 0;
  box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.22);
  margin-bottom: 3.3333%;
  margin-left: 3.3333%;
  float: left;
}
#MenuPannel .pannel-top .pannel-top-list li img {
  width: 100%;
  max-width: none;
}
#MenuPannel .pannel-top .pannel-top-list li:nth-child(1),
#MenuPannel .pannel-top .pannel-top-list li:nth-child(2){
  margin-left: 0;
  clear: both;
}
#MenuPannel .pannel-top .pannel-top-list li:nth-child(2),
#MenuPannel .pannel-top .pannel-top-list li:nth-child(3){
  width: 48.3333%; /*290px*/
}
#MenuPannel .pannel-top .pannel-top-list li:nth-child(4),
#MenuPannel .pannel-top .pannel-top-list li:nth-child(5){
  clear: both;
  margin-left: 0;
}
#MenuPannel .pannel-btm {
  display: block;
  width: 100%;
  background-color: #007cc9;
  padding: 4.6875% 3.125%;
}
#MenuPannel .pannel-btm::after {
  content: "";
  display: block;
  clear: both;
}
#MenuPannel .pannel-btm .pannel-btm-list {
  display: block;
  width: 100%;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
#MenuPannel .pannel-btm .pannel-btm-list li {
  display: block;
  width: 48.3333%; /*290px*/
  float: left;
  margin-left: 3.3333%;
  margin-bottom: 3.3333%;
  padding: 0;
}
#MenuPannel .pannel-btm .pannel-btm-list li:nth-child(2n+1){
  margin-left: 0;
  clear: both;
}
#MenuPannel .pannel-btm .pannel-btm-list li a {
  display: block;
  margin: 0 auto;
  box-shadow: 0px 6px 8px -2px rgba(0,0,0,0.22);
}
#MenuPannel .pannel-btm .pannel-btm-list li img {
  width: 100%;
  max-width: none;
}

/*** External Link ***/
#ExtLink {
  display: block;
  width: 100%;
}
#ExtLink .inner {
  display: block;
  width: 100%;
  margin: 9.375% auto 0;
  padding: 0 3.125%;
}
#ExtLink .link-head {
  margin: 0;
  padding: 0;
  background-color: inherit;
  font-size: 36px !important;
  line-height: 1.25px;
  letter-spacing: 0.075em;
  color: #000;
  vertical-align: middle;
}
#ExtLink .link-head span {
  display: inline-block;
  font-size: 24px !important;
  vertical-align: middle;
  border-left: 1px solid #bfbfbf;
  margin-left: 1em;
  padding-left: 1em;
}
#ExtLink .link-slide {
  margin: 40px 0 0;
  padding: 0 8.333%;
  list-style: none;
}
#ExtLink .link-slide div {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
#ExtLink .link-slide img {
  width: 93.75%;
  max-width: none;
  margin: 0 auto;
}

/*** Slick ***/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 126px;
  padding: 0;
  border: 2px solid #00b0f0;
  background-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-size: 24px;
  line-height: 1;
  opacity: .75;
  color: #00b0f0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -5px;
}
.slick-prev:before {
  content: "<";
  padding-left: 5px;
}
.slick-next {
  right: -5px;
}
.slick-next:before {
  content: ">";
  padding-left: 5px;
}