@import "temp.css";
.box-outer {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
}
.box-block {
  position: relative;
  width: auto;
}
.circle {
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 2;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.top-left {
  left: -50px;
  top: -50px;
}
.top-rigt {
  right: -50px;
  top: -50px;
}
.btm-left {
  left: -50px;
  bottom: -50px;
}
.btm-rigt {
  right: -50px;
  bottom: -50px;
}
#box01 .circle,
#box02 .circle {
  background: #fffaf0;
}
#box01 .box-block,
#box02 .box-block {
  background: #fff;
  padding: 50px;
}
.c1-desc-block {
  margin: auto;
  text-align: center;
  position: relative;
}
.c1-desc-block:before,
.c1-desc-block:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border: 20px solid transparent;
}
.c1-desc-block:before {
  bottom: 100%;
  border-bottom-color: inherit;
}
.c1-desc-block:after {
  top: 100%;
  border-top-color: inherit;
}
.c1-desc-block {
  background-color: #eae0d1;
  border-color: #eae0d1;
}
@media screen and (max-width: 767px) {
  .box-outer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
  }
  .box-block {
    position: relative;
    width: auto;
  }
  .circle {
    width: 10vw;
    height: 10vw;
    position: absolute;
    z-index: 2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
  }
  .top-left {
    left: -5vw;
    top: -5vw;
  }
  .top-rigt {
    right: -5vw;
    top: -5vw;
  }
  .btm-left {
    left: -5vw;
    bottom: -5vw;
  }
  .btm-rigt {
    right: -5vw;
    bottom: -5vw;
  }
  #box01 .circle,
  #box02 .circle {
    background: #fffaf0;
  }
  #box01 .box-block,
  #box02 .box-block {
    background: #fff;
    padding: 5vw;
  }
}
.container {
  width: 100%;
}
.wrapper {
  width: 100%;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "メイリオ", "MS P明朝", "MS PMincho", serif;
  min-width: 1330px;
  position: relative;
}
.wrapper .sp {
  display: none !important;
}
.wrapper .pc {
  display: block !important;
}
.wrapper * {
  box-sizing: border-box;
}
.wrapper a,
.wrapper a:hover,
.wrapper a:focus {
  text-decoration: none;
}
.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6,
.wrapper p {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.wrapper ul,
.wrapper li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.wrapper .line1,
.wrapper .line3 {
  height: 1px;
  display: block;
  background: #e9bc2b;
  width: 28.3%;
  margin-bottom: 13px;
}
.wrapper .line2,
.wrapper .line4 {
  height: 1px;
  display: block;
  background: #e9bc2b;
  width: 38.6%;
  margin-bottom: 13px;
}
.wrapper .is-fixed {
  position: fixed;
  top: 0;
  z-index: 5;
}
.wrapper nav {
  width: 100%;
  margin: auto;
  background: #fff;
}
.wrapper nav > div.pc {
  width: 1330px;
  margin: auto;
}
.wrapper nav > div.pc ul {
  width: 1164px;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
.wrapper nav > div.pc ul li {
  position: relative;
  width: 25%;
}
.wrapper nav > div.pc ul li a {
  width: 100%;
  text-align: center;
  display: block;
}
.wrapper nav > div.pc ul li a img {
  max-width: 100%;
}
.wrapper nav > div.pc ul li:hover {
  opacity: 0.7;
}
.wrapper nav > div.pc ul li:before {
  content: ' ';
  width: 4px;
  height: 31px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background: url("../img/nav-border.jpg");
  background-position: center center;
  background-repeat: no-repeat;
}
.wrapper nav > div.pc ul li:nth-last-child(1):after {
  content: ' ';
  width: 4px;
  height: 31px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background: url("../img/nav-border.jpg");
  background-position: center center;
  background-repeat: no-repeat;
}
.wrapper header {
  width: 100%;
  position: relative;
  z-index: 2;
}
.wrapper header:after {
  content: "";
  display: block;
  height: 110px;
  position: absolute;
  width: 100%;
  background: url("../img/curve.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  bottom: -110px;
}
.wrapper header .arc-bg {
  background: #000;
}
.wrapper header .arc-bg .inner {
  margin: auto;
  max-width: 1330px;
}
.wrapper header .arc-bg .inner img {
  max-width: 1330px;
}
.wrapper .sec0 {
  width: 100%;
  padding-top: 0;
  position: relative;
  padding-bottom: 0;
  background: url("../img/sec0-bg1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.wrapper .sec0 #sec-about {
  padding-top: 70px;
}
.wrapper .sec0 .sec0-bgtop {
  padding-top: 100px;
  background: url("../img/sec0-bgtop.png");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.wrapper .sec0 .sec0-btm {
  text-align: center;
  line-height: 0;
}
.wrapper .sec0 .sec0-btm img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.wrapper .sec0 .sec0-bg {
  background: url("../img/sec0-star.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.wrapper .sec0 .sec0-bnr {
  padding-top: 100px;
  margin: 0 auto;
  text-align: center;
}
.wrapper .sec0 .sec0-bnr a {
  display: inline-block;
  line-height: 0;
  margin-bottom: 30px;
}
.wrapper .sec0 .sec0-bnr a img {
  line-height: 0;
}
.wrapper .sec0 .sec0-bnr a:nth-last-child(1) {
  margin-bottom: 0;
}
.wrapper .sec0 .inner {
  margin: auto;
  max-width: 1164px;
  text-align: center;
}
.wrapper .sec0 .inner h2 {
  width: 100%;
  padding: 5vh 0px 0px 0px;
  text-align: center;
  color: #fff;
}
.wrapper .sec0 .inner h2 img {
  max-width: 14.94%;
}
.wrapper .sec0 .inner h2 span {
  display: block;
  font-size: 24px;
}
.wrapper .sec1 {
  padding-top: 100px;
  width: 100%;
  position: relative;
  padding-bottom: 70px;
}
.wrapper .sec1 .line3 {
  position: absolute;
  left: 0;
  bottom: 83px;
}
.wrapper .sec1 .line4 {
  position: absolute;
  left: 0;
  bottom: 70px;
}
.wrapper .sec1 .inner-out-inner {
  margin: auto;
  max-width: 1280px;
  background: url("../img/sec1-c2-left-bg.png");
  background-repeat: no-repeat;
  background-size: 50%;
}
.wrapper .sec1 .inner {
  margin: auto;
  max-width: 1164px;
  text-align: center;
}
.wrapper .sec1 .inner h2 {
  width: 100%;
  background: url("../img/sec1-ttl-bg.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 5vh 0px;
  text-align: center;
}
.wrapper .sec1 .inner h2 img {
  max-width: 14.94%;
}
.wrapper .sec1 .inner h2 span {
  display: block;
  font-size: 24px;
}
.wrapper .sec1 .inner .c1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 1px;
}
.wrapper .sec1 .inner .c1 > div {
  width: 50%;
  min-height: 1px;
}
.wrapper .sec1 .inner .c1 > div h4 {
  font-size: 30px;
  color: #c6282b;
  padding: 45px 0px 30px 0px;
}
.wrapper .sec1 .inner .c1 > div p {
  font-size: 20px;
  padding-bottom: 40px;
}
.wrapper .sec1 .inner .c1 > div .c1-desc-block {
  background: #eae0d1;
}
.wrapper .sec1 .inner .c1 > div .c1-desc-block h5 {
  color: #a88117;
  font-size: 24px;
}
.wrapper .sec1 .inner .c1 > div .c1-desc-block p {
  font-size: 18px;
  padding: 0px;
}
.wrapper .sec1 .inner .c1 > div img {
  max-width: 100%;
}
.wrapper .sec1 .inner .c2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 1px;
}
.wrapper .sec1 .inner .c2 > div {
  width: 50%;
  min-height: 1px;
}
.wrapper .sec1 .inner .c2 > div h4 {
  font-size: 20px;
  padding-top: 40px;
}
.wrapper .sec1 .inner .c2 > div h4 span.red {
  font-size: 28px;
  color: #c6282b;
}
.wrapper .sec1 .inner .c2 > div p {
  padding-top: 30px;
  font-size: 14px;
}
.wrapper .sec1 .inner .c2 > div img {
  max-width: 100%;
}
.wrapper .sec2 {
  width: 100%;
  background: #fffaf0;
  padding: 100px 0px;
}
.wrapper .sec2 .inner {
  margin: auto;
  max-width: 1164px;
  text-align: center;
}
.wrapper .sec2 .inner h2 {
  text-align: center;
  width: 100%;
  padding-bottom: 75px;
}
.wrapper .sec2 .inner h2 img {
  max-width: 38.1%;
}
.wrapper .sec2 .inner h2 span {
  display: block;
  font-size: 24px;
}
.wrapper .sec2 .inner .box-block {
  text-align: center;
}
.wrapper .sec2 .inner .box-block p {
  font-size: 20px;
}
.wrapper .sec2 .inner .box-block p span {
  font-size: 14px;
}
.wrapper .sec2 .inner .box-block img {
  margin: 0 auto;
}
.wrapper .sec2 .inner .box-block img.line {
  padding: 30px 0px;
}
.wrapper .sec2 .inner #box01 {
  margin-bottom: 50px;
}
.wrapper .sec2 .inner #box02 h3 {
  font-size: 34px;
  color: #b59335;
  padding-bottom: 40px;
}
.wrapper .sec2 .inner #box01 img,
.wrapper .sec2 .inner #box02 img {
  max-width: 100%;
}
.wrapper .sec3 {
  width: 100%;
  background: url("../img/sec3-bg.jpg");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0px;
}
.wrapper .sec3 .inner {
  margin: auto;
  max-width: 1164px;
  text-align: center;
}
.wrapper .sec3 .inner h2 {
  text-align: center;
  width: 100%;
  padding-bottom: 75px;
}
.wrapper .sec3 .inner h2 img {
  max-width: 18.04%;
}
.wrapper .sec3 .inner h2 span {
  display: block;
  font-size: 24px;
}
.wrapper .sec3 .inner .sec3-box-block {
  padding-top: 60px;
  background: rgba(255,250,240,0.5);
  border: 1px solid #b59335;
  line-height: 0;
}
.wrapper .sec3 .inner .sec3-box-block h3 {
  line-height: 2;
  color: #c6282b;
  font-size: 28px;
  padding: 50px 0px 30px 0px;
}
.wrapper .sec3 .inner .sec3-box-block p {
  line-height: 2;
  font-size: 20px;
  padding-bottom: 60px;
}
.wrapper .sec3 .inner .sec3-box-block a {
  line-height: 0;
  margin-bottom: 60px;
  display: inline-block;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.wrapper .sec3 .inner .visual {
  width: 100%;
}
.sec4 {
  width: 100%;
}
.sec4 h2 {
  padding-top: 100px;
  text-align: center;
  width: 100%;
  padding-bottom: 80px;
  background: #fffaf0;
}
.sec4 h2 img {
  max-width: 17.86%;
}
.sec4 h2 span {
  display: block;
  font-size: 24px;
}
.sec4 .outer,
.sec4 .outer2,
.sec4 .outer3,
.sec4 .outer4 {
  margin: auto;
  width: 100%;
  text-align: center;
  padding-bottom: 100px;
  position: relative;
}
.sec4 .outer > span,
.sec4 .outer2 > span,
.sec4 .outer3 > span,
.sec4 .outer4 > span {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 3px;
  position: absolute;
  background: url("../img/sec4-line.png");
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
}
.sec4 .outer .inner,
.sec4 .outer2 .inner,
.sec4 .outer3 .inner,
.sec4 .outer4 .inner {
  background: url("../img/sec4-bg-star.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top 20px center;
  max-width: 1330px;
  margin: auto;
}
.sec4 .outer .c1,
.sec4 .outer2 .c1,
.sec4 .outer3 .c1,
.sec4 .outer4 .c1,
.sec4 .outer .c2,
.sec4 .outer2 .c2,
.sec4 .outer3 .c2,
.sec4 .outer4 .c2,
.sec4 .outer .c3,
.sec4 .outer2 .c3,
.sec4 .outer3 .c3,
.sec4 .outer4 .c3,
.sec4 .outer .c4,
.sec4 .outer2 .c4,
.sec4 .outer3 .c4,
.sec4 .outer4 .c4 {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}
.sec4 .outer .c1 .right,
.sec4 .outer2 .c1 .right,
.sec4 .outer3 .c1 .right,
.sec4 .outer4 .c1 .right,
.sec4 .outer .c2 .right,
.sec4 .outer2 .c2 .right,
.sec4 .outer3 .c2 .right,
.sec4 .outer4 .c2 .right,
.sec4 .outer .c3 .right,
.sec4 .outer2 .c3 .right,
.sec4 .outer3 .c3 .right,
.sec4 .outer4 .c3 .right,
.sec4 .outer .c4 .right,
.sec4 .outer2 .c4 .right,
.sec4 .outer3 .c4 .right,
.sec4 .outer4 .c4 .right {
  padding-top: 65px;
  max-width: 578px;
  padding-left: 30px;
  text-align: left;
}
.sec4 .outer .c1 > div,
.sec4 .outer2 .c1 > div,
.sec4 .outer3 .c1 > div,
.sec4 .outer4 .c1 > div,
.sec4 .outer .c2 > div,
.sec4 .outer2 .c2 > div,
.sec4 .outer3 .c2 > div,
.sec4 .outer4 .c2 > div,
.sec4 .outer .c3 > div,
.sec4 .outer2 .c3 > div,
.sec4 .outer3 .c3 > div,
.sec4 .outer4 .c3 > div,
.sec4 .outer .c4 > div,
.sec4 .outer2 .c4 > div,
.sec4 .outer3 .c4 > div,
.sec4 .outer4 .c4 > div {
  width: 50%;
  min-height: 1px;
}
.sec4 .outer .c1 > div img,
.sec4 .outer2 .c1 > div img,
.sec4 .outer3 .c1 > div img,
.sec4 .outer4 .c1 > div img,
.sec4 .outer .c2 > div img,
.sec4 .outer2 .c2 > div img,
.sec4 .outer3 .c2 > div img,
.sec4 .outer4 .c2 > div img,
.sec4 .outer .c3 > div img,
.sec4 .outer2 .c3 > div img,
.sec4 .outer3 .c3 > div img,
.sec4 .outer4 .c3 > div img,
.sec4 .outer .c4 > div img,
.sec4 .outer2 .c4 > div img,
.sec4 .outer3 .c4 > div img,
.sec4 .outer4 .c4 > div img {
  max-width: 100%;
}
.sec4 .outer .c1 > div ul.genre,
.sec4 .outer2 .c1 > div ul.genre,
.sec4 .outer3 .c1 > div ul.genre,
.sec4 .outer4 .c1 > div ul.genre,
.sec4 .outer .c2 > div ul.genre,
.sec4 .outer2 .c2 > div ul.genre,
.sec4 .outer3 .c2 > div ul.genre,
.sec4 .outer4 .c2 > div ul.genre,
.sec4 .outer .c3 > div ul.genre,
.sec4 .outer2 .c3 > div ul.genre,
.sec4 .outer3 .c3 > div ul.genre,
.sec4 .outer4 .c3 > div ul.genre,
.sec4 .outer .c4 > div ul.genre,
.sec4 .outer2 .c4 > div ul.genre,
.sec4 .outer3 .c4 > div ul.genre,
.sec4 .outer4 .c4 > div ul.genre {
  width: 100%;
  text-align: left;
  padding-bottom: 20px;
}
.sec4 .outer .c1 > div ul.genre li,
.sec4 .outer2 .c1 > div ul.genre li,
.sec4 .outer3 .c1 > div ul.genre li,
.sec4 .outer4 .c1 > div ul.genre li,
.sec4 .outer .c2 > div ul.genre li,
.sec4 .outer2 .c2 > div ul.genre li,
.sec4 .outer3 .c2 > div ul.genre li,
.sec4 .outer4 .c2 > div ul.genre li,
.sec4 .outer .c3 > div ul.genre li,
.sec4 .outer2 .c3 > div ul.genre li,
.sec4 .outer3 .c3 > div ul.genre li,
.sec4 .outer4 .c3 > div ul.genre li,
.sec4 .outer .c4 > div ul.genre li,
.sec4 .outer2 .c4 > div ul.genre li,
.sec4 .outer3 .c4 > div ul.genre li,
.sec4 .outer4 .c4 > div ul.genre li {
  display: inline-block;
  border: 1px solid #c6282b;
  color: #c6282b;
  font-weight: bold;
  padding: 3px 9px;
}
.sec4 .outer .c1 > div h3,
.sec4 .outer2 .c1 > div h3,
.sec4 .outer3 .c1 > div h3,
.sec4 .outer4 .c1 > div h3,
.sec4 .outer .c2 > div h3,
.sec4 .outer2 .c2 > div h3,
.sec4 .outer3 .c2 > div h3,
.sec4 .outer4 .c2 > div h3,
.sec4 .outer .c3 > div h3,
.sec4 .outer2 .c3 > div h3,
.sec4 .outer3 .c3 > div h3,
.sec4 .outer4 .c3 > div h3,
.sec4 .outer .c4 > div h3,
.sec4 .outer2 .c4 > div h3,
.sec4 .outer3 .c4 > div h3,
.sec4 .outer4 .c4 > div h3 {
  font-size: 44px;
  text-align: left;
  padding-bottom: 20px;
}
.sec4 .outer .c1 > div h4,
.sec4 .outer2 .c1 > div h4,
.sec4 .outer3 .c1 > div h4,
.sec4 .outer4 .c1 > div h4,
.sec4 .outer .c2 > div h4,
.sec4 .outer2 .c2 > div h4,
.sec4 .outer3 .c2 > div h4,
.sec4 .outer4 .c2 > div h4,
.sec4 .outer .c3 > div h4,
.sec4 .outer2 .c3 > div h4,
.sec4 .outer3 .c3 > div h4,
.sec4 .outer4 .c3 > div h4,
.sec4 .outer .c4 > div h4,
.sec4 .outer2 .c4 > div h4,
.sec4 .outer3 .c4 > div h4,
.sec4 .outer4 .c4 > div h4 {
  color: #c6282b;
  font-size: 28px;
  text-align: left;
  padding-bottom: 20px;
}
.sec4 .outer .c1 > div p,
.sec4 .outer2 .c1 > div p,
.sec4 .outer3 .c1 > div p,
.sec4 .outer4 .c1 > div p,
.sec4 .outer .c2 > div p,
.sec4 .outer2 .c2 > div p,
.sec4 .outer3 .c2 > div p,
.sec4 .outer4 .c2 > div p,
.sec4 .outer .c3 > div p,
.sec4 .outer2 .c3 > div p,
.sec4 .outer3 .c3 > div p,
.sec4 .outer4 .c3 > div p,
.sec4 .outer .c4 > div p,
.sec4 .outer2 .c4 > div p,
.sec4 .outer3 .c4 > div p,
.sec4 .outer4 .c4 > div p {
  font-size: 20px;
  text-align: left;
}
.sec4 .outer .c1 > div .info,
.sec4 .outer2 .c1 > div .info,
.sec4 .outer3 .c1 > div .info,
.sec4 .outer4 .c1 > div .info,
.sec4 .outer .c2 > div .info,
.sec4 .outer2 .c2 > div .info,
.sec4 .outer3 .c2 > div .info,
.sec4 .outer4 .c2 > div .info,
.sec4 .outer .c3 > div .info,
.sec4 .outer2 .c3 > div .info,
.sec4 .outer3 .c3 > div .info,
.sec4 .outer4 .c3 > div .info,
.sec4 .outer .c4 > div .info,
.sec4 .outer2 .c4 > div .info,
.sec4 .outer3 .c4 > div .info,
.sec4 .outer4 .c4 > div .info {
  padding-top: 15px;
  padding-bottom: 30px;
  font-size: 18px;
  width: 100%;
  text-align: left;
}
.sec4 .outer .c1 > div .info li,
.sec4 .outer2 .c1 > div .info li,
.sec4 .outer3 .c1 > div .info li,
.sec4 .outer4 .c1 > div .info li,
.sec4 .outer .c2 > div .info li,
.sec4 .outer2 .c2 > div .info li,
.sec4 .outer3 .c2 > div .info li,
.sec4 .outer4 .c2 > div .info li,
.sec4 .outer .c3 > div .info li,
.sec4 .outer2 .c3 > div .info li,
.sec4 .outer3 .c3 > div .info li,
.sec4 .outer4 .c3 > div .info li,
.sec4 .outer .c4 > div .info li,
.sec4 .outer2 .c4 > div .info li,
.sec4 .outer3 .c4 > div .info li,
.sec4 .outer4 .c4 > div .info li {
  display: inline-block;
}
.sec4 .outer .c1 > div .info li span,
.sec4 .outer2 .c1 > div .info li span,
.sec4 .outer3 .c1 > div .info li span,
.sec4 .outer4 .c1 > div .info li span,
.sec4 .outer .c2 > div .info li span,
.sec4 .outer2 .c2 > div .info li span,
.sec4 .outer3 .c2 > div .info li span,
.sec4 .outer4 .c2 > div .info li span,
.sec4 .outer .c3 > div .info li span,
.sec4 .outer2 .c3 > div .info li span,
.sec4 .outer3 .c3 > div .info li span,
.sec4 .outer4 .c3 > div .info li span,
.sec4 .outer .c4 > div .info li span,
.sec4 .outer2 .c4 > div .info li span,
.sec4 .outer3 .c4 > div .info li span,
.sec4 .outer4 .c4 > div .info li span {
  color: #c6282b;
  padding-right: 5px;
}
.sec4 .outer .c1 > div .info li:nth-child(2),
.sec4 .outer2 .c1 > div .info li:nth-child(2),
.sec4 .outer3 .c1 > div .info li:nth-child(2),
.sec4 .outer4 .c1 > div .info li:nth-child(2),
.sec4 .outer .c2 > div .info li:nth-child(2),
.sec4 .outer2 .c2 > div .info li:nth-child(2),
.sec4 .outer3 .c2 > div .info li:nth-child(2),
.sec4 .outer4 .c2 > div .info li:nth-child(2),
.sec4 .outer .c3 > div .info li:nth-child(2),
.sec4 .outer2 .c3 > div .info li:nth-child(2),
.sec4 .outer3 .c3 > div .info li:nth-child(2),
.sec4 .outer4 .c3 > div .info li:nth-child(2),
.sec4 .outer .c4 > div .info li:nth-child(2),
.sec4 .outer2 .c4 > div .info li:nth-child(2),
.sec4 .outer3 .c4 > div .info li:nth-child(2),
.sec4 .outer4 .c4 > div .info li:nth-child(2) {
  padding-left: 20px;
}
.sec4 .outer .c1 > div a,
.sec4 .outer2 .c1 > div a,
.sec4 .outer3 .c1 > div a,
.sec4 .outer4 .c1 > div a,
.sec4 .outer .c2 > div a,
.sec4 .outer2 .c2 > div a,
.sec4 .outer3 .c2 > div a,
.sec4 .outer4 .c2 > div a,
.sec4 .outer .c3 > div a,
.sec4 .outer2 .c3 > div a,
.sec4 .outer3 .c3 > div a,
.sec4 .outer4 .c3 > div a,
.sec4 .outer .c4 > div a,
.sec4 .outer2 .c4 > div a,
.sec4 .outer3 .c4 > div a,
.sec4 .outer4 .c4 > div a {
  display: inline-block;
  line-height: 0;
  font-size: 24px;
  color: #fff;
  position: relative;
  margin-bottom: 50px;
}
.sec4 .outer .example,
.sec4 .outer2 .example,
.sec4 .outer3 .example,
.sec4 .outer4 .example {
  display: flex;
  width: 100%;
  max-width: 1164px;
  margin: auto;
  flex-wrap: wrap;
  padding: 38px;
  background: #eae0d1;
  min-height: 1px;
}
.sec4 .outer .example h5,
.sec4 .outer2 .example h5,
.sec4 .outer3 .example h5,
.sec4 .outer4 .example h5 {
  width: 25%;
  text-align: left;
  min-height: 1px;
}
.sec4 .outer .example h5 img,
.sec4 .outer2 .example h5 img,
.sec4 .outer3 .example h5 img,
.sec4 .outer4 .example h5 img {
  max-width: 100%;
}
.sec4 .outer .example ul,
.sec4 .outer2 .example ul,
.sec4 .outer3 .example ul,
.sec4 .outer4 .example ul {
  display: flex;
  width: 75%;
  justify-content: space-between;
}
.sec4 .outer .example ul li,
.sec4 .outer2 .example ul li,
.sec4 .outer3 .example ul li,
.sec4 .outer4 .example ul li {
  width: 33.3333%;
  min-width: 258px;
  max-width: 258px;
}
.sec4 .outer .example ul li h6,
.sec4 .outer2 .example ul li h6,
.sec4 .outer3 .example ul li h6,
.sec4 .outer4 .example ul li h6 {
  text-align: left;
  font-size: 20px;
  padding-bottom: 10px;
}
.sec4 .outer .example ul li p,
.sec4 .outer2 .example ul li p,
.sec4 .outer3 .example ul li p,
.sec4 .outer4 .example ul li p {
  text-align: left;
  font-size: 16px;
}
.sec4 .outer .example ul li img,
.sec4 .outer2 .example ul li img,
.sec4 .outer3 .example ul li img,
.sec4 .outer4 .example ul li img {
  max-width: 100%;
  padding-bottom: 10px;
}
.sec4 .outer1,
.sec4 .outer3 {
  background: #fff;
}
.sec4 .outer2,
.sec4 .outer4 {
  background: #fffaf0;
}
.sec4 .outer2,
.sec4 .outer3,
.sec4 .outer4 {
  position: relative;
}
.sec4 .outer2:after,
.sec4 .outer3:after,
.sec4 .outer4:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  background: url("../img/sec4-line.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}
footer {
  width: 100%;
  background: #000;
  text-align: center;
  display: block;
  padding: 70px 0px;
}
footer a {
  margin: auto;
  display: inline-block;
  line-height: 0;
  position: relative;
}
.wrapper .sec4 .outer .c1 > div h4,
.wrapper .sec4 .outer .c1 > div .info li span {
  color: #765493;
}
.wrapper .sec4 .outer .c1 > div ul.genre li {
  border: 1px solid #765493;
  color: #765493;
}
.wrapper .sec4 .outer3 .c1 > div h4,
.wrapper .sec4 .outer3 .c1 > div .info li span {
  color: #ad8d00;
}
.wrapper .sec4 .outer3 .c1 > div ul.genre li {
  border: 1px solid #ad8d00;
  color: #ad8d00;
}
@media screen and (max-width: 767px) {
  .wrapper {
    width: 100%;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "メイリオ", "MS P明朝", "MS PMincho", serif;
    min-width: 100%;
  }
  .wrapper .pc {
    display: none !important;
  }
  .wrapper .sp {
    display: block !important;
  }
  .wrapper * {
    box-sizing: border-box;
    line-height: 2;
  }
  .wrapper a,
  .wrapper a:hover,
  .wrapper a:focus {
    text-decoration: none;
  }
  .wrapper h1,
  .wrapper h2,
  .wrapper h3,
  .wrapper h4,
  .wrapper h5,
  .wrapper h6,
  .wrapper p {
    margin: 0;
    padding: 0;
    font-size: 16px;
  }
  .wrapper ul,
  .wrapper li {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .wrapper .line1,
  .wrapper .line3 {
    height: 1px;
    display: block;
    background: #e9bc2b;
    width: 52%;
    margin-bottom: 2.133333333333333vw;
  }
  .wrapper .line2,
  .wrapper .line4 {
    height: 1px;
    display: block;
    background: #e9bc2b;
    width: 36%;
    margin-bottom: 2.133333333333333vw;
  }
  .wrapper nav {
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 2;
    background: #fff;
  }
  .wrapper nav #santa-tgl {
    position: absolute;
    width: 16vw;
    height: 16vw;
    z-index: 3;
    top: 0;
    right: 0;
    background: url("../img/sp-nav-icon-tgl.png");
    background-repeat: no-repeat;
    background-size: 16vw;
    background-position: center center;
  }
  .wrapper nav #santa-tgl.on {
    background: url("../img/sp-nav-icon-close.png");
    background-repeat: no-repeat;
    background-size: 16vw;
    background-position: center center;
  }
  .wrapper nav ul {
    padding-top: 16vw;
    width: 100%;
    display: none;
    flex-wrap: wrap;
    flex-direction: column;
    background: #fff;
  }
  .wrapper nav ul li {
    min-height: 1px;
    border-top: 1px solid #eae0d1;
    width: 100%;
    text-align: center;
  }
  .wrapper nav ul li a {
    display: block;
    width: 100%;
    padding: 2vw 0px 1vw 0px;
    height: 16vw;
  }
  .wrapper nav ul li a img {
    max-width: 58.6vw;
  }
  .wrapper nav.on {
    background: rgba(255,255,255,0.6);
    height: 100vh;
  }
  .wrapper nav.on .sp ul {
    display: flex;
  }
  .wrapper header {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .wrapper header:after {
    content: "";
    display: block;
    height: 0px;
    position: absolute;
    width: 100%;
    background: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    bottom: 0px;
  }
  .wrapper header .arc-bg {
    background: transparent;
  }
  .wrapper header .arc-bg .inner {
    margin: auto;
    max-width: 100%;
  }
  .wrapper header .arc-bg .inner img {
    max-width: 100%;
  }
  .wrapper .sec0 {
    margin-top: -30.666666666666668vw;
    margin-bottom: 13.333333333333334vw;
    width: 100%;
    padding-top: 0vw;
    position: relative;
    padding-bottom: 0;
    background: url("../img/sec0-bg1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .wrapper .sec0 .inner {
    padding: 0px 5.333333333333333vw;
  }
  .wrapper .sec0 #sec-about {
    padding-top: 0vw;
  }
  .wrapper .sec0 .sec0-bgtop {
    padding-top: 13.333333333333334vw;
    background: url("../img/sec0-bgtop.png");
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .wrapper .sec0 .sec0-btm {
    text-align: center;
    line-height: 0;
  }
  .wrapper .sec0 .sec0-btm img {
    width: 100%;
  }
  .wrapper .sec0 .sec0-bg {
    padding-top: 16vw;
    background: none;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .wrapper .sec0 .sec0-bnr {
    padding-top: 13.333333333333334vw;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
  }
  .wrapper .sec0 .sec0-bnr a {
    display: inline-block;
    line-height: 0;
    margin-bottom: 8vw;
    width: 100%;
  }
  .wrapper .sec0 .sec0-bnr a img {
    line-height: 0;
    width: 100%;
  }
  .wrapper .sec0 .sec0-bnr a:nth-last-child(1) {
    margin-bottom: 0;
  }
  .wrapper .sec0 .inner {
    margin: auto;
    max-width: 1164px;
    text-align: center;
  }
  .wrapper .sec0 .inner .sec0-desc {
    width: 100%;
    padding-top: 5.333333333333333vw;
    padding-bottom: 10.666666666666666vw;
  }
  .wrapper .sec0 .inner .sec0-desc img {
    width: 100%;
  }
  .wrapper .sec0 .inner h2 {
    width: 100%;
    padding: 5vh 0px 0px 0px;
    text-align: center;
    color: #fff;
  }
  .wrapper .sec0 .inner h2 img {
    max-width: 30%;
  }
  .wrapper .sec0 .inner h2 span {
    display: block;
    font-size: 3.733333333333333vw;
  }
  .wrapper .sec1 {
    margin-top: 0vw;
    padding-top: 0px;
    width: 100%;
    position: relative;
    padding-bottom: 9.333333333333334vw;
  }
  .wrapper .sec1 .inner-out-inner {
    margin: auto;
    max-width: 100%;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 50%;
  }
  .wrapper .sec1 .inner {
    margin: auto;
    max-width: 100%;
    text-align: center;
  }
  .wrapper .sec1 .inner h2 {
    width: 100%;
    background: transparent;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 8vw 0px;
    text-align: center;
  }
  .wrapper .sec1 .inner h2 img {
    max-width: 100%;
    width: 30%;
  }
  .wrapper .sec1 .inner h2 span {
    display: block;
    font-size: 3.733333333333333vw;
  }
  .wrapper .sec1 .inner .c1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 1px;
    flex-direction: column;
    position: relative;
  }
  .wrapper .sec1 .inner .c1 > div {
    width: 100%;
    padding: 0px 5vw;
    position: relative;
  }
  .wrapper .sec1 .inner .c1 > div .sec1-c1-head {
    padding-top: 5.333333333333333vw;
    width: 48%;
  }
  .wrapper .sec1 .inner .c1 > div h4 {
    font-size: 4.266666666666667vw;
    color: #c6282b;
    padding: 5.866666666666666vw 0px 4vw 0px;
  }
  .wrapper .sec1 .inner .c1 > div p {
    font-size: 3.733333333333333vw;
    padding-bottom: 40px;
  }
  .wrapper .sec1 .inner .c1 > div .c1-desc-block {
    background: #eae0d1;
  }
  .wrapper .sec1 .inner .c1 > div .c1-desc-block h5 {
    color: #a88117;
    font-size: 4vw;
  }
  .wrapper .sec1 .inner .c1 > div .c1-desc-block p {
    font-size: 3.466666666666667vw;
    padding: 0px 5vw;
    text-align: left;
  }
  .wrapper .sec1 .inner .c1 > div img {
    max-width: 100%;
  }
  .wrapper .sec1 .inner .c1 .line3 {
    position: absolute;
    left: inherit;
    right: 0;
    bottom: -12vw;
  }
  .wrapper .sec1 .inner .c1 .line4 {
    position: absolute;
    left: inherit;
    right: 0;
    bottom: -14vw;
  }
  .wrapper .sec1 .inner .c2 {
    padding-top: 16vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 1px;
    flex-direction: column-reverse;
  }
  .wrapper .sec1 .inner .c2 > div {
    width: 100%;
    padding: 0px 5vw;
  }
  .wrapper .sec1 .inner .c2 > div .sec1-c2-head {
    padding-top: 5.333333333333333vw;
    width: 58vw;
  }
  .wrapper .sec1 .inner .c2 > div h4 {
    font-size: 3.733333333333333vw;
    padding: 5.866666666666666vw 0px 4vw 0px;
  }
  .wrapper .sec1 .inner .c2 > div h4 span.red {
    font-size: 4.266666666666667vw;
    color: #c6282b;
  }
  .wrapper .sec1 .inner .c2 > div p {
    padding-top: 0vw;
    font-size: 2.666666666666667vw;
  }
  .wrapper .sec1 .inner .c2 > div img {
    max-width: 100%;
  }
  .wrapper .sec2 {
    width: 100%;
    background: #fffaf0;
    padding: 13.333333333333334vw 0px;
  }
  .wrapper .sec2 .inner {
    margin: auto;
    max-width: 1164px;
    text-align: center;
    padding: 0px 4vw;
  }
  .wrapper .sec2 .inner h2 {
    text-align: center;
    width: 100%;
    padding-bottom: 10vw;
  }
  .wrapper .sec2 .inner h2 img {
    width: 66vw;
    max-width: 100%;
  }
  .wrapper .sec2 .inner h2 span {
    display: block;
    font-size: 3.733333333333333vw;
  }
  .wrapper .sec2 .inner .box-block {
    text-align: center;
  }
  .wrapper .sec2 .inner .box-block p {
    font-size: 3.466666666666667vw;
    text-align: left;
  }
  .wrapper .sec2 .inner .box-block p span {
    font-size: 2.666666666666667vw;
    line-height: 1.6;
    display: inline-block;
  }
  .wrapper .sec2 .inner .box-block img.line {
    padding: 8vw 0px;
  }
  .wrapper .sec2 .inner #box01 {
    margin-bottom: 6.666666666666667vw;
  }
  .wrapper .sec2 .inner #box02 h3 {
    font-size: 5.066666666666666vw;
    color: #b59335;
    padding-bottom: 5.333333333333333vw;
  }
  .wrapper .sec2 .inner #box01 img,
  .wrapper .sec2 .inner #box02 img {
    max-width: 100%;
  }
  .wrapper .sec3 {
    width: 100%;
    background: url("../img/sec3-bg.jpg");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 13.333333333333334vw 0px;
  }
  .wrapper .sec3 .inner {
    margin: auto;
    max-width: 100%;
    text-align: center;
    padding: 0px 4vw;
  }
  .wrapper .sec3 .inner h2 {
    text-align: center;
    width: 100%;
    padding-bottom: 8.8vw;
  }
  .wrapper .sec3 .inner h2 img {
    width: 32vw;
    max-width: 100%;
  }
  .wrapper .sec3 .inner h2 span {
    display: block;
    font-size: 3.733333333333333vw;
  }
  .wrapper .sec3 .inner .sec3-box-block {
    padding-top: 8vw;
    background: rgba(255,250,240,0.5);
    border: 1px solid #b59335;
    line-height: 0;
  }
  .wrapper .sec3 .inner .sec3-box-block .logo-santa {
    width: 54vw;
  }
  .wrapper .sec3 .inner .sec3-box-block h3 {
    line-height: 2;
    color: #c6282b;
    font-size: 4.266666666666667vw;
    padding: 6.666666666666667vw 0px 4vw 0px;
  }
  .wrapper .sec3 .inner .sec3-box-block p {
    line-height: 2;
    font-size: 3.733333333333333vw;
    padding-bottom: 6.666666666666667vw;
  }
  .wrapper .sec3 .inner .sec3-box-block a {
    line-height: 0;
    margin-bottom: 8vw;
    display: inline-block;
    width: 90%;
    max-width: 288px;
    font-size: 4vw;
    text-align: center;
    text-decoration: none;
  }
  .wrapper .sec3 .inner .sec3-box-block a img {
    width: 100%;
  }
  .wrapper .sec3 .inner .sec3-box-block .visual {
    width: 100%;
  }
  .wrapper .sec4 {
    width: 100%;
  }
  .wrapper .sec4 h2 {
    padding-top: 13.333333333333334vw;
    text-align: center;
    width: 100%;
    padding-bottom: 9.333333333333334vw;
    background: #fffaf0;
  }
  .wrapper .sec4 h2 img {
    max-width: 100%;
    width: 32vw;
  }
  .wrapper .sec4 h2 span {
    display: block;
    font-size: 3.733333333333333vw;
  }
  .wrapper .sec4 .outer,
  .wrapper .sec4 .outer2,
  .wrapper .sec4 .outer3,
  .wrapper .sec4 .outer4 {
    margin: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 9.333333333333334vw;
    position: relative;
  }
  .wrapper .sec4 .outer > span,
  .wrapper .sec4 .outer2 > span,
  .wrapper .sec4 .outer3 > span,
  .wrapper .sec4 .outer4 > span {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    position: absolute;
    background: url("../img/sp-sec4-line.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
  }
  .wrapper .sec4 .outer .inner,
  .wrapper .sec4 .outer2 .inner,
  .wrapper .sec4 .outer3 .inner,
  .wrapper .sec4 .outer4 .inner {
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top 20px center;
    max-width: 1330px;
    margin: auto;
  }
  .wrapper .sec4 .outer .c1,
  .wrapper .sec4 .outer2 .c1,
  .wrapper .sec4 .outer3 .c1,
  .wrapper .sec4 .outer4 .c1,
  .wrapper .sec4 .outer .c2,
  .wrapper .sec4 .outer2 .c2,
  .wrapper .sec4 .outer3 .c2,
  .wrapper .sec4 .outer4 .c2,
  .wrapper .sec4 .outer .c3,
  .wrapper .sec4 .outer2 .c3,
  .wrapper .sec4 .outer3 .c3,
  .wrapper .sec4 .outer4 .c3,
  .wrapper .sec4 .outer .c4,
  .wrapper .sec4 .outer2 .c4,
  .wrapper .sec4 .outer3 .c4,
  .wrapper .sec4 .outer4 .c4 {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
  }
  .wrapper .sec4 .outer .c1 .right,
  .wrapper .sec4 .outer2 .c1 .right,
  .wrapper .sec4 .outer3 .c1 .right,
  .wrapper .sec4 .outer4 .c1 .right,
  .wrapper .sec4 .outer .c2 .right,
  .wrapper .sec4 .outer2 .c2 .right,
  .wrapper .sec4 .outer3 .c2 .right,
  .wrapper .sec4 .outer4 .c2 .right,
  .wrapper .sec4 .outer .c3 .right,
  .wrapper .sec4 .outer2 .c3 .right,
  .wrapper .sec4 .outer3 .c3 .right,
  .wrapper .sec4 .outer4 .c3 .right,
  .wrapper .sec4 .outer .c4 .right,
  .wrapper .sec4 .outer2 .c4 .right,
  .wrapper .sec4 .outer3 .c4 .right,
  .wrapper .sec4 .outer4 .c4 .right {
    padding-top: 4vw;
    max-width: 100%;
    padding: 0px 5vw;
  }
  .wrapper .sec4 .outer .c1 > div,
  .wrapper .sec4 .outer2 .c1 > div,
  .wrapper .sec4 .outer3 .c1 > div,
  .wrapper .sec4 .outer4 .c1 > div,
  .wrapper .sec4 .outer .c2 > div,
  .wrapper .sec4 .outer2 .c2 > div,
  .wrapper .sec4 .outer3 .c2 > div,
  .wrapper .sec4 .outer4 .c2 > div,
  .wrapper .sec4 .outer .c3 > div,
  .wrapper .sec4 .outer2 .c3 > div,
  .wrapper .sec4 .outer3 .c3 > div,
  .wrapper .sec4 .outer4 .c3 > div,
  .wrapper .sec4 .outer .c4 > div,
  .wrapper .sec4 .outer2 .c4 > div,
  .wrapper .sec4 .outer3 .c4 > div,
  .wrapper .sec4 .outer4 .c4 > div {
    width: 100%;
  }
  .wrapper .sec4 .outer .c1 > div img,
  .wrapper .sec4 .outer2 .c1 > div img,
  .wrapper .sec4 .outer3 .c1 > div img,
  .wrapper .sec4 .outer4 .c1 > div img,
  .wrapper .sec4 .outer .c2 > div img,
  .wrapper .sec4 .outer2 .c2 > div img,
  .wrapper .sec4 .outer3 .c2 > div img,
  .wrapper .sec4 .outer4 .c2 > div img,
  .wrapper .sec4 .outer .c3 > div img,
  .wrapper .sec4 .outer2 .c3 > div img,
  .wrapper .sec4 .outer3 .c3 > div img,
  .wrapper .sec4 .outer4 .c3 > div img,
  .wrapper .sec4 .outer .c4 > div img,
  .wrapper .sec4 .outer2 .c4 > div img,
  .wrapper .sec4 .outer3 .c4 > div img,
  .wrapper .sec4 .outer4 .c4 > div img {
    max-width: 100%;
  }
  .wrapper .sec4 .outer .c1 > div ul.genre,
  .wrapper .sec4 .outer2 .c1 > div ul.genre,
  .wrapper .sec4 .outer3 .c1 > div ul.genre,
  .wrapper .sec4 .outer4 .c1 > div ul.genre,
  .wrapper .sec4 .outer .c2 > div ul.genre,
  .wrapper .sec4 .outer2 .c2 > div ul.genre,
  .wrapper .sec4 .outer3 .c2 > div ul.genre,
  .wrapper .sec4 .outer4 .c2 > div ul.genre,
  .wrapper .sec4 .outer .c3 > div ul.genre,
  .wrapper .sec4 .outer2 .c3 > div ul.genre,
  .wrapper .sec4 .outer3 .c3 > div ul.genre,
  .wrapper .sec4 .outer4 .c3 > div ul.genre,
  .wrapper .sec4 .outer .c4 > div ul.genre,
  .wrapper .sec4 .outer2 .c4 > div ul.genre,
  .wrapper .sec4 .outer3 .c4 > div ul.genre,
  .wrapper .sec4 .outer4 .c4 > div ul.genre {
    width: 100%;
    text-align: left;
    padding-bottom: 20px;
  }
  .wrapper .sec4 .outer .c1 > div ul.genre li,
  .wrapper .sec4 .outer2 .c1 > div ul.genre li,
  .wrapper .sec4 .outer3 .c1 > div ul.genre li,
  .wrapper .sec4 .outer4 .c1 > div ul.genre li,
  .wrapper .sec4 .outer .c2 > div ul.genre li,
  .wrapper .sec4 .outer2 .c2 > div ul.genre li,
  .wrapper .sec4 .outer3 .c2 > div ul.genre li,
  .wrapper .sec4 .outer4 .c2 > div ul.genre li,
  .wrapper .sec4 .outer .c3 > div ul.genre li,
  .wrapper .sec4 .outer2 .c3 > div ul.genre li,
  .wrapper .sec4 .outer3 .c3 > div ul.genre li,
  .wrapper .sec4 .outer4 .c3 > div ul.genre li,
  .wrapper .sec4 .outer .c4 > div ul.genre li,
  .wrapper .sec4 .outer2 .c4 > div ul.genre li,
  .wrapper .sec4 .outer3 .c4 > div ul.genre li,
  .wrapper .sec4 .outer4 .c4 > div ul.genre li {
    display: inline-block;
    border: 1px solid #c6282b;
    color: #c6282b;
    font-weight: bold;
    font-size: 3.2vw;
    padding: 0.8vw 2.4vw;
  }
  .wrapper .sec4 .outer .c1 > div h3,
  .wrapper .sec4 .outer2 .c1 > div h3,
  .wrapper .sec4 .outer3 .c1 > div h3,
  .wrapper .sec4 .outer4 .c1 > div h3,
  .wrapper .sec4 .outer .c2 > div h3,
  .wrapper .sec4 .outer2 .c2 > div h3,
  .wrapper .sec4 .outer3 .c2 > div h3,
  .wrapper .sec4 .outer4 .c2 > div h3,
  .wrapper .sec4 .outer .c3 > div h3,
  .wrapper .sec4 .outer2 .c3 > div h3,
  .wrapper .sec4 .outer3 .c3 > div h3,
  .wrapper .sec4 .outer4 .c3 > div h3,
  .wrapper .sec4 .outer .c4 > div h3,
  .wrapper .sec4 .outer2 .c4 > div h3,
  .wrapper .sec4 .outer3 .c4 > div h3,
  .wrapper .sec4 .outer4 .c4 > div h3 {
    font-size: 6.666666666666667vw;
    text-align: left;
    padding-bottom: 5.333333333333333vw;
  }
  .wrapper .sec4 .outer .c1 > div h4,
  .wrapper .sec4 .outer2 .c1 > div h4,
  .wrapper .sec4 .outer3 .c1 > div h4,
  .wrapper .sec4 .outer4 .c1 > div h4,
  .wrapper .sec4 .outer .c2 > div h4,
  .wrapper .sec4 .outer2 .c2 > div h4,
  .wrapper .sec4 .outer3 .c2 > div h4,
  .wrapper .sec4 .outer4 .c2 > div h4,
  .wrapper .sec4 .outer .c3 > div h4,
  .wrapper .sec4 .outer2 .c3 > div h4,
  .wrapper .sec4 .outer3 .c3 > div h4,
  .wrapper .sec4 .outer4 .c3 > div h4,
  .wrapper .sec4 .outer .c4 > div h4,
  .wrapper .sec4 .outer2 .c4 > div h4,
  .wrapper .sec4 .outer3 .c4 > div h4,
  .wrapper .sec4 .outer4 .c4 > div h4 {
    color: #c6282b;
    font-size: 4.266666666666667vw;
    text-align: left;
    padding-bottom: 5.333333333333333vw;
  }
  .wrapper .sec4 .outer .c1 > div p,
  .wrapper .sec4 .outer2 .c1 > div p,
  .wrapper .sec4 .outer3 .c1 > div p,
  .wrapper .sec4 .outer4 .c1 > div p,
  .wrapper .sec4 .outer .c2 > div p,
  .wrapper .sec4 .outer2 .c2 > div p,
  .wrapper .sec4 .outer3 .c2 > div p,
  .wrapper .sec4 .outer4 .c2 > div p,
  .wrapper .sec4 .outer .c3 > div p,
  .wrapper .sec4 .outer2 .c3 > div p,
  .wrapper .sec4 .outer3 .c3 > div p,
  .wrapper .sec4 .outer4 .c3 > div p,
  .wrapper .sec4 .outer .c4 > div p,
  .wrapper .sec4 .outer2 .c4 > div p,
  .wrapper .sec4 .outer3 .c4 > div p,
  .wrapper .sec4 .outer4 .c4 > div p {
    font-size: 3.733333333333333vw;
    text-align: left;
  }
  .wrapper .sec4 .outer .c1 > div .info,
  .wrapper .sec4 .outer2 .c1 > div .info,
  .wrapper .sec4 .outer3 .c1 > div .info,
  .wrapper .sec4 .outer4 .c1 > div .info,
  .wrapper .sec4 .outer .c2 > div .info,
  .wrapper .sec4 .outer2 .c2 > div .info,
  .wrapper .sec4 .outer3 .c2 > div .info,
  .wrapper .sec4 .outer4 .c2 > div .info,
  .wrapper .sec4 .outer .c3 > div .info,
  .wrapper .sec4 .outer2 .c3 > div .info,
  .wrapper .sec4 .outer3 .c3 > div .info,
  .wrapper .sec4 .outer4 .c3 > div .info,
  .wrapper .sec4 .outer .c4 > div .info,
  .wrapper .sec4 .outer2 .c4 > div .info,
  .wrapper .sec4 .outer3 .c4 > div .info,
  .wrapper .sec4 .outer4 .c4 > div .info {
    padding-top: 4vw;
    padding-bottom: 8vw;
    font-size: 3.2vw;
    width: 100%;
    text-align: left;
  }
  .wrapper .sec4 .outer .c1 > div .info li,
  .wrapper .sec4 .outer2 .c1 > div .info li,
  .wrapper .sec4 .outer3 .c1 > div .info li,
  .wrapper .sec4 .outer4 .c1 > div .info li,
  .wrapper .sec4 .outer .c2 > div .info li,
  .wrapper .sec4 .outer2 .c2 > div .info li,
  .wrapper .sec4 .outer3 .c2 > div .info li,
  .wrapper .sec4 .outer4 .c2 > div .info li,
  .wrapper .sec4 .outer .c3 > div .info li,
  .wrapper .sec4 .outer2 .c3 > div .info li,
  .wrapper .sec4 .outer3 .c3 > div .info li,
  .wrapper .sec4 .outer4 .c3 > div .info li,
  .wrapper .sec4 .outer .c4 > div .info li,
  .wrapper .sec4 .outer2 .c4 > div .info li,
  .wrapper .sec4 .outer3 .c4 > div .info li,
  .wrapper .sec4 .outer4 .c4 > div .info li {
    display: inline-block;
  }
  .wrapper .sec4 .outer .c1 > div .info li span,
  .wrapper .sec4 .outer2 .c1 > div .info li span,
  .wrapper .sec4 .outer3 .c1 > div .info li span,
  .wrapper .sec4 .outer4 .c1 > div .info li span,
  .wrapper .sec4 .outer .c2 > div .info li span,
  .wrapper .sec4 .outer2 .c2 > div .info li span,
  .wrapper .sec4 .outer3 .c2 > div .info li span,
  .wrapper .sec4 .outer4 .c2 > div .info li span,
  .wrapper .sec4 .outer .c3 > div .info li span,
  .wrapper .sec4 .outer2 .c3 > div .info li span,
  .wrapper .sec4 .outer3 .c3 > div .info li span,
  .wrapper .sec4 .outer4 .c3 > div .info li span,
  .wrapper .sec4 .outer .c4 > div .info li span,
  .wrapper .sec4 .outer2 .c4 > div .info li span,
  .wrapper .sec4 .outer3 .c4 > div .info li span,
  .wrapper .sec4 .outer4 .c4 > div .info li span {
    color: #c6282b;
    padding-right: 1.333333333333333vw;
  }
  .wrapper .sec4 .outer .c1 > div .info li:nth-child(2),
  .wrapper .sec4 .outer2 .c1 > div .info li:nth-child(2),
  .wrapper .sec4 .outer3 .c1 > div .info li:nth-child(2),
  .wrapper .sec4 .outer4 .c1 > div .info li:nth-child(2),
  .wrapper .sec4 .outer .c2 > div .info li:nth-child(2),
  .wrapper .sec4 .outer2 .c2 > div .info li:nth-child(2),
  .wrapper .sec4 .outer3 .c2 > div .info li:nth-child(2),
  .wrapper .sec4 .outer4 .c2 > div .info li:nth-child(2),
  .wrapper .sec4 .outer .c3 > div .info li:nth-child(2),
  .wrapper .sec4 .outer2 .c3 > div .info li:nth-child(2),
  .wrapper .sec4 .outer3 .c3 > div .info li:nth-child(2),
  .wrapper .sec4 .outer4 .c3 > div .info li:nth-child(2),
  .wrapper .sec4 .outer .c4 > div .info li:nth-child(2),
  .wrapper .sec4 .outer2 .c4 > div .info li:nth-child(2),
  .wrapper .sec4 .outer3 .c4 > div .info li:nth-child(2),
  .wrapper .sec4 .outer4 .c4 > div .info li:nth-child(2) {
    padding-left: 5.333333333333333vw;
  }
  .wrapper .sec4 .outer .c1 > div a,
  .wrapper .sec4 .outer2 .c1 > div a,
  .wrapper .sec4 .outer3 .c1 > div a,
  .wrapper .sec4 .outer4 .c1 > div a,
  .wrapper .sec4 .outer .c2 > div a,
  .wrapper .sec4 .outer2 .c2 > div a,
  .wrapper .sec4 .outer3 .c2 > div a,
  .wrapper .sec4 .outer4 .c2 > div a,
  .wrapper .sec4 .outer .c3 > div a,
  .wrapper .sec4 .outer2 .c3 > div a,
  .wrapper .sec4 .outer3 .c3 > div a,
  .wrapper .sec4 .outer4 .c3 > div a,
  .wrapper .sec4 .outer .c4 > div a,
  .wrapper .sec4 .outer2 .c4 > div a,
  .wrapper .sec4 .outer3 .c4 > div a,
  .wrapper .sec4 .outer4 .c4 > div a {
    width: 100%;
    max-width: 288px;
    background: #b59335;
    display: block;
    margin: auto;
    font-size: 4vw;
    color: #fff;
    position: relative;
    margin-bottom: 13.333333333333334vw;
  }
  .wrapper .sec4 .outer .c1 > div a img,
  .wrapper .sec4 .outer2 .c1 > div a img,
  .wrapper .sec4 .outer3 .c1 > div a img,
  .wrapper .sec4 .outer4 .c1 > div a img,
  .wrapper .sec4 .outer .c2 > div a img,
  .wrapper .sec4 .outer2 .c2 > div a img,
  .wrapper .sec4 .outer3 .c2 > div a img,
  .wrapper .sec4 .outer4 .c2 > div a img,
  .wrapper .sec4 .outer .c3 > div a img,
  .wrapper .sec4 .outer2 .c3 > div a img,
  .wrapper .sec4 .outer3 .c3 > div a img,
  .wrapper .sec4 .outer4 .c3 > div a img,
  .wrapper .sec4 .outer .c4 > div a img,
  .wrapper .sec4 .outer2 .c4 > div a img,
  .wrapper .sec4 .outer3 .c4 > div a img,
  .wrapper .sec4 .outer4 .c4 > div a img {
    width: 100%;
  }
  .wrapper .sec4 .outer .example,
  .wrapper .sec4 .outer2 .example,
  .wrapper .sec4 .outer3 .example,
  .wrapper .sec4 .outer4 .example {
    display: flex;
    width: 92vw;
    max-width: 1164px;
    margin: auto;
    flex-wrap: wrap;
    padding: 5.066666666666666vw;
    flex-direction: column;
    background: #eae0d1;
  }
  .wrapper .sec4 .outer .example h5,
  .wrapper .sec4 .outer2 .example h5,
  .wrapper .sec4 .outer3 .example h5,
  .wrapper .sec4 .outer4 .example h5 {
    width: 100%;
    text-align: left;
    padding-bottom: 6.666666666666667vw;
  }
  .wrapper .sec4 .outer .example h5 img,
  .wrapper .sec4 .outer2 .example h5 img,
  .wrapper .sec4 .outer3 .example h5 img,
  .wrapper .sec4 .outer4 .example h5 img {
    max-width: 100%;
  }
  .wrapper .sec4 .outer .example ul,
  .wrapper .sec4 .outer2 .example ul,
  .wrapper .sec4 .outer3 .example ul,
  .wrapper .sec4 .outer4 .example ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .wrapper .sec4 .outer .example ul li,
  .wrapper .sec4 .outer2 .example ul li,
  .wrapper .sec4 .outer3 .example ul li,
  .wrapper .sec4 .outer4 .example ul li {
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .wrapper .sec4 .outer .example ul li div,
  .wrapper .sec4 .outer2 .example ul li div,
  .wrapper .sec4 .outer3 .example ul li div,
  .wrapper .sec4 .outer4 .example ul li div {
    display: block;
    width: 48%;
  }
  .wrapper .sec4 .outer .example ul li h6,
  .wrapper .sec4 .outer2 .example ul li h6,
  .wrapper .sec4 .outer3 .example ul li h6,
  .wrapper .sec4 .outer4 .example ul li h6 {
    text-align: left;
    font-size: 3.466666666666667vw;
    padding-bottom: 0vw;
    line-height: 1.6;
  }
  .wrapper .sec4 .outer .example ul li p,
  .wrapper .sec4 .outer2 .example ul li p,
  .wrapper .sec4 .outer3 .example ul li p,
  .wrapper .sec4 .outer4 .example ul li p {
    text-align: left;
    font-size: 2.933333333333333vw;
  }
  .wrapper .sec4 .outer .example ul li img,
  .wrapper .sec4 .outer2 .example ul li img,
  .wrapper .sec4 .outer3 .example ul li img,
  .wrapper .sec4 .outer4 .example ul li img {
    max-width: 100%;
    min-width: 50%;
    padding-bottom: 10px;
  }
  .wrapper .sec4 .outer1,
  .wrapper .sec4 .outer3 {
    background: #fff;
  }
  .wrapper .sec4 .outer2,
  .wrapper .sec4 .outer4 {
    background: #fffaf0;
  }
  .wrapper .sec4 .outer2,
  .wrapper .sec4 .outer3,
  .wrapper .sec4 .outer4 {
    position: relative;
  }
  .wrapper .sec4 .outer2:after,
  .wrapper .sec4 .outer3:after,
  .wrapper .sec4 .outer4:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    background: url("../img/sec4-line.png");
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .wrapper footer {
    width: 100%;
    background: #000;
    text-align: center;
    display: block;
    padding: 9.333333333333334vw 0px;
  }
  .wrapper footer a {
    margin: auto;
    display: block;
    max-width: 288px;
    width: 92%;
    font-size: 4vw;
    color: #b59335;
  }
  .wrapper footer a img {
    width: 100%;
  }
  .wrapper .sec4 .outer .c1 > div h4,
  .wrapper .sec4 .outer .c1 > div .info li span {
    color: #765493;
  }
  .wrapper .sec4 .outer .c1 > div ul.genre li {
    border: 1px solid #765493;
    color: #765493;
  }
  .wrapper .sec4 .outer3 .c1 > div h4,
  .wrapper .sec4 .outer3 .c1 > div .info li span {
    color: #ad8d00;
  }
  .wrapper .sec4 .outer3 .c1 > div ul.genre li {
    border: 1px solid #ad8d00;
    color: #ad8d00;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .wrapper nav #santa-tgl {
    width: 10vw;
    height: 10vw;
    background: url("../img/sp-nav-icon-tgl.png");
    background-repeat: no-repeat;
    background-size: 10vw;
    background-position: center center;
  }
  .wrapper nav #santa-tgl.on {
    background: url("../img/sp-nav-icon-close.png");
    background-repeat: no-repeat;
    background-size: 10vw;
    background-position: center center;
  }
  .wrapper nav .sp ul {
    padding-top: 10vw;
  }
  .wrapper nav .sp ul li a {
    height: 16vh;
  }
  .wrapper nav .sp ul li a img {
    height: 100%;
  }
}