@charset "UTF-8";
/* ------------------------------
 common - width all
------------------------------ */
.ajtxt {
  text-align: justify;
  text-justify: inter-ideograph;
}

a:hover {
  opacity: 0.6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* ------------------------------
 common - width < $width-1
------------------------------ */
@media screen and (max-width: 759.9px) {
  .login_ex1 li:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 33%;
    right: 8px;
    background: #FFF;
    border: 1px solid #555;
    -webkit-box-shadow: 1px 1px 0 #fff, 2px 2px 0 #333;
            box-shadow: 1px 1px 0 #fff, 2px 2px 0 #333;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
/*h1*/
h1 {
  font-weight: bold;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
  /* CSS */
  #wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    padding-bottom: 30px;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  }
  .inner950 {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
  }
  #wrap .inner950 #dirPathBlock {
    font-size: 10px;
    margin: 1%;
  }
  /* ------------------------------------------
  	h1
  ------------------------------------------ */
  h1 {
    font-size: 10px !important;
  }
  /* ------------------------------------------
  	artcleWrap
  ------------------------------------------ */
  .artcleWrap {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 30px 0 0 0;
    position: relative;
  }
  /*footer*/
  footer {
    /*padding-bottom: 68px;*/
    background: #343474;
  }
  footer #pagetop {
    text-align: right;
    position: fixed;
    bottom: 64px;
    right: 10px;
    z-index: 48;
    background: none;
  }
  footer #pagetop img {
    width: 32px;
    height: 33px;
  }
  footer p {
    font-size: 10px;
    background: #343474;
    text-align: center;
    color: #fff;
    margin: 25px 0 0;
    padding: 5px 0;
  }
  #dirPathBlock,
  #anchorLinkBlock {
    font-size: 10px;
    margin: 1% 1% 0 1%;
  }
  #dirPathBlock p,
  #anchorLinkBlock a {
    font-size: 12px;
  }
}
/*760px以上*/
@media screen and (min-width: 760px) {
  .pcnone {
    display: none;
  }
  /* CSS */
  #wrap {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding: 0;
    line-height: 1.6;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  }
  .inner950 {
    width: 950px;
    margin: 0 auto;
    display: block;
  }
  /*footer*/
  footer {
    /*	padding-bottom: 120px;*/
    background: #343474;
    width: 100%;
    min-width: 1200px;
  }
  footer #pagetop {
    bottom: 10px;
    position: fixed;
    right: 20px;
    text-align: right;
    z-index: 50;
    background: none;
  }
  footer p {
    font-size: 12px;
    background: #343474;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 5px 0;
  }
  #anchorLinkBlock {
    width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: auto;
  }
  /*panlist&back*/
  #dirPathBlock,
  #anchorLinkBlock {
    width: 100%;
    margin: 0 auto;
    display: block;
    font-size: 12px;
  }
  #dirPathBlock p,
  #anchorLinkBlock a {
    font-size: 12px;
  }
}
/* =========================================================
◆lazyload
========================================================= */
.lazyload, .lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}

/* ------------------------------
 width: all
------------------------------ */
.gothic01 {
  font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.anim01 {
  -webkit-transform: translateX(180px);
          transform: translateX(180px);
  opacity: 0;
}
.anim01.effected {
  -webkit-animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
          animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}

@-webkit-keyframes poyoyon {
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  65% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20%, 100% {
    opacity: 1;
  }
}

@keyframes poyoyon {
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  65% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20%, 100% {
    opacity: 1;
  }
}
.anim02 {
  -webkit-transform: translateY(40px) scale(0.8);
          transform: translateY(40px) scale(0.8);
  opacity: 0;
}
.anim02.effected {
  -webkit-animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards 1;
          animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards 1;
}

@-webkit-keyframes popup {
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}

@keyframes popup {
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}
.anim03 {
  -webkit-transform: translateX(900px);
          transform: translateX(900px);
  opacity: 0;
}
.anim03.effected {
  -webkit-animation: slideIn 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slideIn 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@-webkit-keyframes slideIn {
  35% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60%, 100% {
    opacity: 1;
  }
}

@keyframes slideIn {
  35% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60%, 100% {
    opacity: 1;
  }
}
main {
  font-family: "a-otf-gothic-mb101-pr6n", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-weight: bold;
  margin-top: 20px;
}
main * {
  letter-spacing: 0.05em;
}
main section {
  position: relative;
}
main section.s01 {
  background-color: #d5838f;
  padding-top: 20px;
}
main section.s01 .wrapper {
  position: relative;
  padding-bottom: 35px;
  overflow: hidden;
}
main section.s01 .wrapper h2 {
  position: relative;
  z-index: 2;
}
main section.s01 .wrapper h2 img {
  width: 985px;
  display: block;
  margin: 0 auto;
}
main section.s01 .wrapper .swiper-area00 {
  margin-top: -30px;
}
main section.s01 .wrapper .swiper-area00 .swiper {
  position: relative;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper {
  position: relative;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper .swiper-slide {
  width: 440px;
  position: relative;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper .swiper-slide a {
  width: 100%;
  display: block;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  display: block;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-prev {
  display: block;
  width: 12px;
  height: 24px;
  background-image: url(../images/icon_prev01.svg);
  top: 50% !important;
  right: calc(50% + 228px) !important;
  left: auto !important;
  margin-top: -12px !important;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-prev::after {
  display: none !important;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-next {
  display: block;
  width: 12px;
  height: 24px;
  background-image: url(../images/icon_next01.svg);
  top: 50% !important;
  right: auto !important;
  left: calc(50% + 228px) !important;
  margin-top: -12px !important;
}
main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-next::after {
  display: none !important;
}
main section.s01 .wrapper .pic01 {
  display: block;
  position: absolute;
  right: 0;
  bottom: -20px;
}
main section.s02 {
  background-color: #ecc32f;
  padding: 50px 0;
}
main section.s02 .wrapper h3 img {
  width: 332px;
  display: block;
  margin: 0 auto;
}
main section.s02 .wrapper .t01 {
  font-size: 24px;
  text-align: center;
  margin-top: 25px;
}
main section.s02 .wrapper .photo01 {
  width: 815px;
  display: block;
  margin: 35px auto 0;
}
main section.s02 .wrapper .t02 {
  text-align: center;
  font-size: 27px;
  margin-top: 25px;
}
main section.s02 .wrapper ul {
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
  margin-top: 40px;
}
main section.s02 .wrapper ul li {
  display: inline-block;
  vertical-align: top;
  width: 494px;
}
main section.s02 .wrapper ul li + li {
  margin-left: 25px;
}
main section.s02 .wrapper ul li img {
  width: 100%;
  display: block;
}
main section.s02 .wrapper .btn01 {
  width: 889px;
  display: block;
  margin: 40px auto 0;
  position: relative;
  z-index: 2;
}
main section.s02 .wrapper .btn01 img {
  width: 100%;
  display: block;
}
main section.s03 {
  background-size: cover;
  background-position: top 0 center;
  padding-top: 30px;
  margin-top: -40px;
}
main section.s03.s0301 {
  background-image: url(../images/s0302.png);
}
main section.s03.s0301 .wrapper {
  height: 391px;
}
main section.s03.s0301 .wrapper h3 {
  width: 1359px;
  margin: -175px auto 0;
}
main section.s03.s0302 {
  background-image: url(../images/s0304.png);
}
main section.s03.s0302 .wrapper {
  height: 475px;
}
main section.s03.s0302 .wrapper h3 {
  width: 1358px;
  margin: -195px auto 0;
}
main section.s03.s0303 {
  background-image: url(../images/s0306.png);
}
main section.s03.s0303 .wrapper {
  height: 390px;
}
main section.s03.s0303 .wrapper h3 {
  width: 990px;
  margin: -175px auto 0;
}
main section.s03 .wrapper {
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
}
main section.s03 .wrapper h3 {
  position: absolute;
  top: 50%;
  right: -1000px;
  left: -1000px;
}
main section.s03 .wrapper h3 img {
  width: 100%;
  display: block;
}
main section.s03 .wrapper .pic01 {
  display: block;
  position: absolute;
  right: 0;
  bottom: -17px;
}
main section.s04 .wrapper .infobox {
  overflow: hidden;
  background-image: url(../images/s0401.jpg);
  background-size: cover;
  background-position: center center;
}
main section.s04 .wrapper .infobox:nth-child(even) {
  background-image: none;
}
main section.s04 .wrapper .infobox:nth-child(even) .txtbox {
  background-color: #fff !important;
  padding: 0 !important;
}
main section.s04 .wrapper .infobox.infobox01 .inner .info_ttl {
  width: 543px;
}
main section.s04 .wrapper .infobox.infobox01 .inner .btn_more {
  width: 470px;
}
main section.s04 .wrapper .infobox.infobox01 .inner .pic01 {
  width: 54px;
  position: absolute;
  top: 5px;
  left: calc(50% + 200px);
}
main section.s04 .wrapper .infobox.infobox01 .inner .pic02 {
  width: 93px;
  position: absolute;
  bottom: 15px;
  right: calc(50% + 400px);
}
main section.s04 .wrapper .infobox.infobox02 .inner .info_ttl {
  width: 336px;
}
main section.s04 .wrapper .infobox.infobox02 .inner .btn_more {
  width: 400px;
}
main section.s04 .wrapper .infobox.infobox02 .inner .pic01 {
  width: 64px;
  position: absolute;
  top: 25px;
  left: calc(50% + 400px);
}
main section.s04 .wrapper .infobox.infobox03 .inner .info_ttl {
  width: 600px;
}
main section.s04 .wrapper .infobox.infobox03 .inner .btn_more {
  width: 530px;
}
main section.s04 .wrapper .infobox.infobox03 .inner .pic01 {
  width: 71px;
  position: absolute;
  bottom: 105px;
  right: calc(50% + 500px);
}
main section.s04 .wrapper .infobox.infobox04 .inner .info_ttl {
  width: 396px;
}
main section.s04 .wrapper .infobox.infobox04 .inner .btn_more {
  width: 430px;
}
main section.s04 .wrapper .infobox.infobox06 {
  padding-top: 20px;
}
main section.s04 .wrapper .infobox.infobox06 .inner .info_ttl {
  width: 543px;
}
main section.s04 .wrapper .infobox.infobox06 .inner .btn_more {
  width: 470px;
  margin-top: 120px;
}
main section.s04 .wrapper .infobox.infobox06 .inner .pic01 {
  width: 92px;
  position: absolute;
  top: -15px;
  left: calc(50% + 380px);
}
main section.s04 .wrapper .infobox.infobox06 .inner .pic02 {
  width: 147px;
  position: absolute;
  bottom: 15px;
  right: calc(50% + 400px);
}
main section.s04 .wrapper .infobox.infobox07 .inner .info_ttl {
  width: 336px;
}
main section.s04 .wrapper .infobox.infobox07 .inner .btn_more {
  width: 400px;
}
main section.s04 .wrapper .infobox.infobox07 .inner .pic01 {
  width: 101px;
  position: absolute;
  top: 5px;
  left: calc(50% + 380px);
}
main section.s04 .wrapper .infobox.infobox08 .inner .info_ttl {
  width: 600px;
}
main section.s04 .wrapper .infobox.infobox08 .inner .btn_more {
  width: 530px;
}
main section.s04 .wrapper .infobox.infobox08 .inner .pic01 {
  width: 112px;
  position: absolute;
  bottom: 15px;
  right: calc(50% + 490px);
}
main section.s04 .wrapper .infobox.infobox09 .inner .info_ttl {
  width: 840px;
}
main section.s04 .wrapper .infobox.infobox09 .inner .btn_more {
  width: 460px;
}
main section.s04 .wrapper .infobox.infobox10 {
  padding-top: 20px;
}
main section.s04 .wrapper .infobox.infobox10 .inner .info_ttl {
  width: 596px;
}
main section.s04 .wrapper .infobox.infobox10 .inner .btn_more {
  width: 430px;
}
main section.s04 .wrapper .infobox.infobox10 .inner .pic01 {
  width: 132px;
  position: absolute;
  top: -15px;
  left: calc(50% + 350px);
}
main section.s04 .wrapper .infobox.infobox11 .inner .info_ttl {
  width: 543px;
}
main section.s04 .wrapper .infobox.infobox11 .inner .btn_more {
  width: 470px;
}
main section.s04 .wrapper .infobox.infobox11 .inner .pic01 {
  width: 92px;
  position: absolute;
  top: 5px;
  left: calc(50% + 400px);
}
main section.s04 .wrapper .infobox.infobox11 .inner .pic02 {
  width: 147px;
  position: absolute;
  bottom: 15px;
  right: calc(50% + 500px);
}
main section.s04 .wrapper .infobox.infobox12 {
  padding-top: 20px;
}
main section.s04 .wrapper .infobox.infobox12 .inner .info_ttl {
  width: 336px;
}
main section.s04 .wrapper .infobox.infobox12 .inner .btn_more {
  width: 400px;
}
main section.s04 .wrapper .infobox.infobox12 .inner .pic01 {
  width: 101px;
  position: absolute;
  top: 5px;
  left: calc(50% + 350px);
}
main section.s04 .wrapper .infobox.infobox13 .inner .info_ttl {
  width: 600px;
}
main section.s04 .wrapper .infobox.infobox13 .inner .btn_more {
  width: 530px;
}
main section.s04 .wrapper .infobox.infobox13 .inner .pic01 {
  width: 112px;
  position: absolute;
  bottom: 15px;
  right: calc(50% + 480px);
}
main section.s04 .wrapper .infobox.infobox14 .inner .info_ttl {
  width: 383px;
}
main section.s04 .wrapper .infobox.infobox14 .inner .txtbox {
  background-color: #faf4cc !important;
  padding: 15px 15px 25px !important;
}
main section.s04 .wrapper .infobox.infobox14 .inner .btn_more {
  width: 430px;
}
main section.s04 .wrapper .infobox .inner {
  padding: 40px 0 50px;
  position: relative;
}
main section.s04 .wrapper .infobox .inner .info_ttl_box {
  width: 950px;
  margin: 0 auto;
}
main section.s04 .wrapper .infobox .inner .info_ttl_box .info_ttl {
  display: block;
}
main section.s04 .wrapper .infobox .inner .info_ttl_box .t01 {
  font-size: 17px;
  line-height: 140%;
  font-weight: bold;
  margin-top: 5px;
}
main section.s04 .wrapper .infobox .inner .info_ttl_box .t01 span {
  font-size: 13px;
  line-height: 140%;
  display: inline-block;
}
main section.s04 .wrapper .infobox .inner .swiper-area {
  width: 950px;
  margin: 40px auto 0;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper {
  position: relative;
  padding-bottom: 40px;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper {
  position: relative;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide {
  width: 300px;
  position: relative;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail {
  width: 100%;
  display: block;
  text-decoration: none;
  color: #000;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail img {
  width: 100%;
  display: block;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .txtbox {
  background-color: #faf4cc;
  padding: 15px 15px 25px;
  margin-top: 10px;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .txtbox .t02 {
  font-size: 13px;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 0;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .txtbox .t03 {
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  margin-top: 5px;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .t04 {
  font-size: 15px;
  letter-spacing: 0;
  text-align: center;
  margin-top: 15px;
  font-weight: bold;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .t04 span {
  font-size: 21px;
  font-weight: bold;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .t05 {
  background-color: #0068b3;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  line-height: 100%;
  color: #fff;
  text-align: center;
  padding: 4px 0;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-prev {
  display: block;
  width: 10px;
  height: 20px;
  background-image: url(../images/icon_prev02.svg);
  top: auto !important;
  right: calc(50% + 20px) !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 100000;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-prev::after {
  display: none !important;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-next {
  display: block;
  width: 10px;
  height: 20px;
  background-image: url(../images/icon_next02.svg);
  top: auto !important;
  right: auto !important;
  bottom: 0 !important;
  left: calc(50% + 20px) !important;
}
main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-next::after {
  display: none !important;
}
main section.s04 .wrapper .infobox .inner .btn_more {
  display: block;
  margin: 50px auto 0;
  position: relative;
  z-index: 2;
}
main section.s04 .wrapper .infobox .inner .btn_more img {
  width: 100%;
  display: block;
}
main section.s04 .wrapper .infobox .inner .pic {
  display: block;
  z-index: 1000;
}

/* ------------------------------
 width < $width-1
------------------------------ */
@media screen and (max-width: 759.9px) {
  main {
    font-family: "a-otf-gothic-mb101-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-weight: bold;
    margin-top: 0px;
    overflow: hidden;
  }
  main * {
    letter-spacing: 0.05em;
  }
  main section {
    position: relative;
  }
  main section.s01 {
    padding-top: 0px;
  }
  main section.s01 .wrapper {
    position: relative;
  }
  main section.s01 .wrapper h2 {
    height: auto;
    padding: 12px 15px;
  }
  main section.s01 .wrapper h2 img {
    width: 375px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  main section.s01 .wrapper .swiper-area00 {
    background-color: #81b592;
    margin-top: -20px;
  }
  main section.s01 .wrapper .swiper-area00 .swiper {
    position: relative;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper {
    position: relative;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper .swiper-slide {
    width: 300px;
    position: relative;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper .swiper-slide a {
    width: 100%;
    display: block;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-wrapper .swiper-slide a img {
    width: 100%;
    display: block;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-prev {
    display: block;
    width: 10px;
    height: 20px;
    background-image: url(../images/icon_prev01.svg);
    top: 50% !important;
    right: calc(50% + 154px) !important;
    left: auto !important;
    margin-top: -10px !important;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-prev::after {
    display: none !important;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-next {
    display: block;
    width: 10px;
    height: 20px;
    background-image: url(../images/icon_next01.svg);
    top: 50% !important;
    right: auto !important;
    left: calc(50% + 152px) !important;
    margin-top: -10px !important;
  }
  main section.s01 .wrapper .swiper-area00 .swiper .swiper-button-next::after {
    display: none !important;
  }
  main section.s01 .wrapper .pic01 {
    display: block;
    position: absolute;
    right: auto;
    left: 100px;
    bottom: -20px;
  }
  main section.s02 {
    background-color: #ecc32f;
    padding: 40px 20px;
  }
  main section.s02 .wrapper h3 img {
    width: 200px;
    display: block;
    margin: 0 auto;
  }
  main section.s02 .wrapper .t01 {
    font-size: 17px;
    text-align: center;
    margin-top: 15px;
  }
  main section.s02 .wrapper .photo01 {
    width: 815px;
    max-width: 100%;
    display: block;
    margin: 25px auto 0;
  }
  main section.s02 .wrapper .t02 {
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
  }
  main section.s02 .wrapper ul {
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
    max-width: 500px;
    margin: 20px auto 0;
  }
  main section.s02 .wrapper ul li {
    width: 100%;
    display: block;
  }
  main section.s02 .wrapper ul li + li {
    margin: 15px 0 0;
  }
  main section.s02 .wrapper ul li img {
    width: 100%;
    display: block;
  }
  main section.s02 .wrapper .btn01 {
    width: 889px;
    max-width: 100%;
    display: block;
    margin: 25px auto 0;
  }
  main section.s02 .wrapper .btn01 img {
    width: 100%;
    display: block;
  }
  main section.s03 {
    padding-top: 15px;
    margin-top: -20px;
  }
  main section.s03.s0301 .wrapper {
    height: 300px;
  }
  main section.s03.s0301 .wrapper h3 {
    width: 951px;
    margin: -125px auto 0;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  main section.s03.s0302 .wrapper {
    height: 320px;
  }
  main section.s03.s0302 .wrapper h3 {
    width: 951px;
    margin: -150px auto 0;
    -webkit-transform: translateX(47px);
            transform: translateX(47px);
  }
  main section.s03.s0303 .wrapper {
    height: 300px;
  }
  main section.s03.s0303 .wrapper h3 {
    width: 693px;
    margin: -130px auto 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  main section.s03 .wrapper {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
  }
  main section.s03 .wrapper h3 {
    position: absolute;
    top: 50%;
    right: -1000px;
    left: -1000px;
  }
  main section.s03 .wrapper h3 img {
    width: 100%;
    display: block;
  }
  main section.s03 .wrapper .pic01 {
    display: block;
    position: absolute;
    right: auto;
    left: 100px;
    bottom: -17px;
  }
  main section.s04 .wrapper .infobox {
    padding-top: 0 !important;
    overflow: hidden;
    background-image: url(../images/s0401.jpg);
    background-size: cover;
    background-position: center center;
  }
  main section.s04 .wrapper .infobox:nth-child(even) {
    background-image: none;
  }
  main section.s04 .wrapper .infobox:nth-child(even) .txtbox {
    background-color: #fff !important;
    padding: 0 !important;
  }
  main section.s04 .wrapper .infobox.infobox01 .inner .info_ttl {
    width: 271.5px;
  }
  main section.s04 .wrapper .infobox.infobox01 .inner .btn_more {
    width: 235px;
  }
  main section.s04 .wrapper .infobox.infobox01 .inner .pic01 {
    width: 54px;
    position: absolute;
    top: 5px;
    left: calc(50% + 200px);
  }
  main section.s04 .wrapper .infobox.infobox01 .inner .pic02 {
    width: 93px;
    position: absolute;
    bottom: 15px;
    right: calc(50% + 400px);
  }
  main section.s04 .wrapper .infobox.infobox02 .inner .info_ttl {
    width: 168px;
  }
  main section.s04 .wrapper .infobox.infobox02 .inner .btn_more {
    width: 200px;
  }
  main section.s04 .wrapper .infobox.infobox02 .inner .pic01 {
    width: 64px;
    position: absolute;
    top: 25px;
    left: calc(50% + 400px);
  }
  main section.s04 .wrapper .infobox.infobox03 .inner .info_ttl {
    width: 300px;
  }
  main section.s04 .wrapper .infobox.infobox03 .inner .btn_more {
    width: 265px;
  }
  main section.s04 .wrapper .infobox.infobox03 .inner .pic01 {
    width: 71px;
    position: absolute;
    bottom: 105px;
    right: calc(50% + 500px);
  }
  main section.s04 .wrapper .infobox.infobox04 .inner .info_ttl {
    width: 198px;
  }
  main section.s04 .wrapper .infobox.infobox04 .inner .btn_more {
    width: 215px;
  }
  main section.s04 .wrapper .infobox.infobox05 {
    padding-top: 15px;
  }
  main section.s04 .wrapper .infobox.infobox05 .inner .info_ttl {
    width: 271.5px;
  }
  main section.s04 .wrapper .infobox.infobox05 .inner .btn_more {
    width: 235px;
  }
  main section.s04 .wrapper .infobox.infobox05 .inner .pic01 {
    width: 130px;
    position: absolute;
    top: -15px;
    left: calc(50% + 200px);
  }
  main section.s04 .wrapper .infobox.infobox06 {
    padding-top: 20px;
  }
  main section.s04 .wrapper .infobox.infobox06 .inner .info_ttl {
    width: 271.5px;
  }
  main section.s04 .wrapper .infobox.infobox06 .inner .btn_more {
    width: 235px;
    margin-top: 120px;
  }
  main section.s04 .wrapper .infobox.infobox06 .inner .pic01 {
    width: 92px;
    position: absolute;
    top: -15px;
    left: calc(50% + 380px);
  }
  main section.s04 .wrapper .infobox.infobox06 .inner .pic02 {
    width: 147px;
    position: absolute;
    bottom: 15px;
    right: calc(50% + 400px);
  }
  main section.s04 .wrapper .infobox.infobox07 .inner .info_ttl {
    width: 168px;
  }
  main section.s04 .wrapper .infobox.infobox07 .inner .btn_more {
    width: 200px;
  }
  main section.s04 .wrapper .infobox.infobox07 .inner .pic01 {
    width: 101px;
    position: absolute;
    top: 5px;
    left: calc(50% + 380px);
  }
  main section.s04 .wrapper .infobox.infobox08 .inner .info_ttl {
    width: 300px;
  }
  main section.s04 .wrapper .infobox.infobox08 .inner .btn_more {
    width: 265px;
  }
  main section.s04 .wrapper .infobox.infobox08 .inner .pic01 {
    width: 112px;
    position: absolute;
    bottom: 15px;
    right: calc(50% + 490px);
  }
  main section.s04 .wrapper .infobox.infobox09 .inner .info_ttl {
    width: 430px;
    max-width: 100%;
  }
  main section.s04 .wrapper .infobox.infobox09 .inner .btn_more {
    width: 230px;
  }
  main section.s04 .wrapper .infobox.infobox10 {
    padding-top: 20px;
  }
  main section.s04 .wrapper .infobox.infobox10 .inner .info_ttl {
    width: 298px;
  }
  main section.s04 .wrapper .infobox.infobox10 .inner .btn_more {
    width: 215px;
  }
  main section.s04 .wrapper .infobox.infobox10 .inner .pic01 {
    width: 132px;
    position: absolute;
    top: -15px;
    left: calc(50% + 350px);
  }
  main section.s04 .wrapper .infobox.infobox11 .inner .info_ttl {
    width: 271.5px;
  }
  main section.s04 .wrapper .infobox.infobox11 .inner .btn_more {
    width: 235px;
  }
  main section.s04 .wrapper .infobox.infobox11 .inner .pic01 {
    width: 92px;
    position: absolute;
    top: 5px;
    left: calc(50% + 400px);
  }
  main section.s04 .wrapper .infobox.infobox11 .inner .pic02 {
    width: 147px;
    position: absolute;
    bottom: 15px;
    right: calc(50% + 500px);
  }
  main section.s04 .wrapper .infobox.infobox12 {
    padding-top: 20px;
  }
  main section.s04 .wrapper .infobox.infobox12 .inner .info_ttl {
    width: 168px;
  }
  main section.s04 .wrapper .infobox.infobox12 .inner .btn_more {
    width: 200px;
  }
  main section.s04 .wrapper .infobox.infobox12 .inner .pic01 {
    width: 101px;
    position: absolute;
    top: 5px;
    left: calc(50% + 350px);
  }
  main section.s04 .wrapper .infobox.infobox13 .inner .info_ttl {
    width: 300px;
  }
  main section.s04 .wrapper .infobox.infobox13 .inner .btn_more {
    width: 265px;
  }
  main section.s04 .wrapper .infobox.infobox13 .inner .pic01 {
    width: 112px;
    position: absolute;
    bottom: 15px;
    right: calc(50% + 480px);
  }
  main section.s04 .wrapper .infobox.infobox14 .inner .info_ttl {
    width: 191.5px;
  }
  main section.s04 .wrapper .infobox.infobox14 .inner .btn_more {
    width: 215px;
  }
  main section.s04 .wrapper .infobox .inner {
    padding: 30px 0 20px 20px;
    position: relative;
  }
  main section.s04 .wrapper .infobox .inner .info_ttl_box {
    width: 100%;
    margin: 0 auto;
  }
  main section.s04 .wrapper .infobox .inner .info_ttl_box .info_ttl {
    display: block;
    max-width: calc(100% - 20px);
  }
  main section.s04 .wrapper .infobox .inner .info_ttl_box .t01 {
    font-size: 13px;
    line-height: 140%;
    font-weight: bold;
    margin-top: 5px;
    padding-right: 20px;
  }
  main section.s04 .wrapper .infobox .inner .info_ttl_box .t01 span {
    font-size: 11px;
    line-height: 140%;
    display: inline-block;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area {
    padding: 0;
    width: 100%;
    margin-top: 20px;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper {
    position: relative;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper {
    position: relative;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide {
    width: 280px;
    position: relative;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail {
    width: 100%;
    display: block;
    text-decoration: none;
    color: #000;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail img {
    width: 100%;
    display: block;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .txtbox {
    background-color: #faf4cc;
    padding: 15px 15px 25px;
    margin-top: 10px;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .txtbox .t02 {
    font-size: 12px;
    font-weight: bold;
    line-height: 140%;
    letter-spacing: 0;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .txtbox .t03 {
    font-size: 11px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 5px;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .t04 {
    font-size: 13px;
    letter-spacing: 0;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .t04 span {
    font-size: 18px;
    font-weight: bold;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-wrapper .swiper-slide .detail .t05 {
    background-color: #0068b3;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;
    color: #fff;
    text-align: center;
    padding: 4px 0;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-prev {
    display: block;
    width: 10px;
    height: 20px;
    background-image: url(../images/icon_prev02.svg);
    top: auto !important;
    right: calc(50% + 20px) !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 100000;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-prev::after {
    display: none !important;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-next {
    display: block;
    width: 10px;
    height: 20px;
    background-image: url(../images/icon_next02.svg);
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: calc(50% + 20px) !important;
  }
  main section.s04 .wrapper .infobox .inner .swiper-area .swiper .swiper-button-next::after {
    display: none !important;
  }
  main section.s04 .wrapper .infobox .inner .btn_more {
    display: block;
    margin: 20px auto 0 !important;
    text-align: center;
  }
  main section.s04 .wrapper .infobox .inner .pic {
    display: block;
    z-index: 1000;
    display: none;
  }
}