@charset "UTF-8";
/*                共通
======================================================= */
html,
body,
h1,
h2,
h3,
h4,
h5,
table,
th,
td,
ul,
li,
ol,
dl,
dt,
dd,
form,
p,
table,
th,
td {
  margin: 0px;
  padding: 0px;
  font-weight: 500;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
}

body {
  color: #000;
  background-color: #ffffff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
  line-height: 1.3;
  font-size: 16px;
  -webkit-text-size-adjust: none;
}
@media only screen and (max-width: 900px) {
  body {
    font-size: 1.7777777778vw;
  }
}
@media only screen and (max-width: 800px) {
  body {
    font-size: 2vw;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (max-width: 640px) {
  body {
    font-size: 2.5vw;
  }
}
@media only screen and (max-width: 500px) {
  body {
    font-size: 3.2vw;
  }
}
@media only screen and (max-width: 400px) {
  body {
    font-size: 4vw;
  }
}
@media only screen and (max-width: 350px) {
  body {
    font-size: 4.5714285714vw;
  }
}

dt,
dd,
li,
th,
td,
p {
  line-height: 1.5;
}

/* for IE6 */
* html body {
  font-size: 100%;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
a img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

img {
  display: block;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

input,
textArea,
select,
button {
  background: none;
  margin: 0px;
  outline: none;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 16;
}

button {
  cursor: pointer;
}

* {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*                link
======================================================= */
a:link {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
}

@media only screen and (min-width: 1025px) {
  a:hover {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  a:hover img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.8;
  }
}
/*                common
======================================================= */
.clear:after {
  content: "";
  display: block;
  clear: both;
}

.clear_both {
  clear: both;
}

.hidden {
  overflow: hidden;
}

/*                トップページ用
======================================================= */
.bg_color {
  background-color: #ebf7f2;
 /* margin-top: -30px;*/
}
@media only screen and (max-width: 768px) {
  .bg_color {
    padding-top: 0 !important;
   /* margin-top: -10px;*/
  }
}

.visual {
  position: relative;
  width: 100%;
  padding: 14.5% 0 0 0;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .visual {
    padding: 80% 0 0 0;
  }
}
.visual .bg_key_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/fp/osechi/img/pc/kv_pc.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
@media only screen and (max-width: 768px) {
  .visual .bg_key_image {
    background-image: url("/fp/osechi/img/sp/kv_sp.jpg");
  }
}
.visual .bg_key_image h1 {
  position: absolute;
  font-size: 1.3vw;
  color: #fff;
  font-weight: bold;
  top: 38%;
  left: 37%;
}
@media only screen and (max-width: 768px) {
  .visual .bg_key_image h1 {
    text-align: center;
    font-size: 3.58vw;
    left: 0;
    width: 100%;
    top: 30vw;
  }
}
.visual .bg_key_image h1 br.pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  .visual .bg_key_image h1 br.pc {
    display: none;
  }
}
.visual .bg_key_image h1 br.sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .visual .bg_key_image h1 br.sp {
    display: block;
  }
}
.visual .bg_key_image.white {
  background-image: url("/fp/osechi/img/pc/kv_pc_ver2.jpg");
}
@media only screen and (max-width: 768px) {
  .visual .bg_key_image.white {
    background-image: url("/fp/osechi/img/sp/kv_sp_ver2.jpg");
  }
}
.visual .bg_key_image.white h1 {
  color: #3F3F3F;
}
.visual .bg_key_image.single h1 {
  top: 45%;
}
@media only screen and (max-width: 768px) {
  .visual .bg_key_image.single h1 {
    top: 33vw;
  }
}

.contents_navi {
  padding-bottom: 37px;
}
@media only screen and (max-width: 768px) {
  .contents_navi {
    overflow: hidden;
    padding: 0 10px;
  }
}
.contents_navi.navi_center ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contents_navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 769px) {
  .contents_navi ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 40px 0 32px 0;
  }
}
@media only screen and (max-width: 768px) {
  .contents_navi ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    margin: 0 -21px -1px;
  }
}
.contents_navi ul li {
  width: 20%;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .contents_navi ul li {
    width: 50%;
    padding: 12px 21px;
  }
}
.contents_navi ul li a {
  color: #0c7d3c;
  display: block;
  font-weight: bold;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .contents_navi ul li a:before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    background-color: #e0e0e0;
    width: 100%;
    height: 1px;
  }
}
.contents_navi ul li a:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100px%22%20height%3D%22100px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAYFBMVEUAAAAMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwbhUh2tpHC386kzrZJnm06lWHw9%2FP%2F%2F%2F%2FR59qGvp4qjVSVxqqz1sJnroVYpnnh7%2Be123e1AAAAD3RSTlMAQHCPv88QUGCvn9%2FvIDAt5qPNAAAAAWJLR0QXC9aYjwAAAAd0SU1FB%2BcDHg8fIbqcghsAAAKJSURBVGjevZrZeuIwDIUTHGdhM4ShBmZo3%2F8tmwTKZCs%2Bkhyda8z%2FWbEsWVKSgEpXJrPuJZuZVZqjiwHlhen9fV%2FWFFFAeVm5t6pKKSddO0DrVIAoLYLo7FZyERsU0WrDwaQZBdEqoxoth77FWIZ0BIoth%2BHctsC3YXgIymZ28Jmak90hjD3TVC%2BT7cOMUoZoFTzMERhBShRGgBKJ8ZYSjfGGso%2FHcO6XM7YTnt2htrP%2Bkot8cCo75%2FuCu2ReZsooYjOcm9yWedQP8tB2bDBW%2FCAaLA0uOBzruj79oVGGsTIYa88fvtOJBMlIrv7DoFL6jh%2FMSy7esygbyka8Z1L%2BbyXo61fPpVj8aA0hJMrPAQv7yNGzKeuns4d%2FefZ8Sg6HqppPeXz6Cvjl7YNNqUBrub43kik5fsfzKQUhWLEpBvFEKcWin0REQdxdTEmTFQHCpKyISQqLYsIxMUT5G1yT4YfrV8ottMQmRMYM5RpcQodMKP%2BWgBwuQ0i9AGTMWMJcE4Y%2FR4dMGWFrUSFTxuUQG8Jj0CBMBgnCZTjCtcJmWPyCZDOaCxK96vmM5qoHg5aA0QQtLPxKGG3ODf3uJGA4MCW6SRgWTO7uAkaX3CFp6lXA6NJUJLu7ChiPBwrwdPgUMCr4EfTFZjwfQYi9PtmM53MOKt7cuYw1%2FMRudDs1mdDlTkT0ajiRC4N9vYoFMUu1Y%2FUqOKTGEkW9As5yWxnUoMkNLEyDohrpUUfQqJUWvSrcalwZVinZqhSfdcroOg0BldaGTpNGp92k0zjTaQHqNDN12rI6DWadVrlO0z9RGV9gb4Y2iJGojJS0UhiO6TDLj%2Fl0Rlt%2BYKmVwujVg7P4ENnLcDPjcOjab1Si5b2Lb6dfAAAAAElFTkSuQmCC%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  bottom: -30px;
  width: 24px;
  height: 24px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .contents_navi ul li a:after {
    background-size: 16px;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media only screen and (max-width: 768px) {
  .contents_navi ul li a span {
    line-height: 1.7;
  }
}
@media only screen and (max-width: 768px) and (max-width: 900px) {
  .contents_navi ul li a span {
    font-size: 12px;
    font-size: 1.3333333333vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 800px) {
  .contents_navi ul li a span {
    font-size: 12px;
    font-size: 1.5vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 700px) {
  .contents_navi ul li a span {
    font-size: 12px;
    font-size: 1.7142857143vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 640px) {
  .contents_navi ul li a span {
    font-size: 12px;
    font-size: 1.875vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 500px) {
  .contents_navi ul li a span {
    font-size: 12px;
    font-size: 2.4vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 400px) {
  .contents_navi ul li a span {
    font-size: 12px;
    font-size: 3vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 350px) {
  .contents_navi ul li a span {
    font-size: 12px;
    font-size: 3.4285714286vw;
  }
}
.contents_navi ul li a span br {
  display: none;
}
.contents_navi ul li a span br.pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  .contents_navi ul li a span br {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .contents_navi ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 42px;
    line-height: 1.7;
  }
}
.contents_navi ul li:after {
  content: "";
  position: absolute;
  bottom: -21px;
  right: 0;
  background-color: #e0e0e0;
  width: 2px;
  height: 31px;
}
@media only screen and (max-width: 768px) {
  .contents_navi ul li:after {
    width: 1px;
    bottom: 50%;
    right: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}

.main_width {
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .main_width {
    padding: 0 10px;
  }
}
.main_width.main_interval {
  padding-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .main_width.main_interval {
    padding-bottom: 10px;
  }
}

.mod_area {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  background-color: #fff;
  border-radius: 40px;
  padding: 88px 100px 100px 100px;
}
@media only screen and (max-width: 768px) {
  .mod_area {
    max-width: 768px;
    padding: 40px 6vw 64px;
  }
}
.mod_area .mod_cont {
  counter-reset: number 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont {
    width: auto;
  }
}
.mod_area .mod_cont > h2 {
  display: block;
  position: relative;
  text-align: center;
  font-size: 250%;
  font-weight: bold;
  margin-bottom: 56px;
}
@media only screen and (max-width: 900px) {
  .mod_area .mod_cont > h2 {
    font-size: 24px;
    font-size: 2.6666666667vw;
  }
}
@media only screen and (max-width: 800px) {
  .mod_area .mod_cont > h2 {
    font-size: 24px;
    font-size: 3vw;
  }
}
@media only screen and (max-width: 700px) {
  .mod_area .mod_cont > h2 {
    font-size: 24px;
    font-size: 3.4285714286vw;
  }
}
@media only screen and (max-width: 640px) {
  .mod_area .mod_cont > h2 {
    font-size: 24px;
    font-size: 3.75vw;
  }
}
@media only screen and (max-width: 500px) {
  .mod_area .mod_cont > h2 {
    font-size: 24px;
    font-size: 4.8vw;
  }
}
@media only screen and (max-width: 400px) {
  .mod_area .mod_cont > h2 {
    font-size: 24px;
    font-size: 6vw;
  }
}
@media only screen and (max-width: 350px) {
  .mod_area .mod_cont > h2 {
    font-size: 24px;
    font-size: 6.8571428571vw;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont > h2 {
    margin-bottom: 32px;
  }
}
.mod_area .mod_cont > h2 > br {
  display: none;
}
.mod_area .mod_cont > h2 > br.pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont > h2 > br {
    display: block;
  }
}
.mod_area .mod_cont > h2:after {
  content: "";
  position: relative;
  display: block;
  border-bottom: 4px solid #0c7d3c;
  width: 1em;
  margin: 19px auto 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont > h2:after {
    border-bottom: 2px solid #0c7d3c;
    margin: 16px auto 0;
  }
}
.mod_area .mod_cont > h3 {
  font-size: 175%;
  font-weight: bold;
  border-bottom: 2px solid #e0e0e0;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 41px;
}
@media only screen and (max-width: 900px) {
  .mod_area .mod_cont > h3 {
    font-size: 20px;
    font-size: 2.2222222222vw;
  }
}
@media only screen and (max-width: 800px) {
  .mod_area .mod_cont > h3 {
    font-size: 20px;
    font-size: 2.5vw;
  }
}
@media only screen and (max-width: 700px) {
  .mod_area .mod_cont > h3 {
    font-size: 20px;
    font-size: 2.8571428571vw;
  }
}
@media only screen and (max-width: 640px) {
  .mod_area .mod_cont > h3 {
    font-size: 20px;
    font-size: 3.125vw;
  }
}
@media only screen and (max-width: 500px) {
  .mod_area .mod_cont > h3 {
    font-size: 20px;
    font-size: 4vw;
  }
}
@media only screen and (max-width: 400px) {
  .mod_area .mod_cont > h3 {
    font-size: 20px;
    font-size: 5vw;
  }
}
@media only screen and (max-width: 350px) {
  .mod_area .mod_cont > h3 {
    font-size: 20px;
    font-size: 5.7142857143vw;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont > h3 {
    margin-bottom: 20px;
  }
}
.mod_area .mod_cont > h3:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 24px;
  width: 4px;
  height: 2px;
  background: #fff;
}
.mod_area .mod_cont > h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  width: 24px;
  height: 2px;
  background: #0c7d3c;
}
.mod_area .mod_cont > h3.icon {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 13px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont > h3.icon {
    padding-bottom: 10px;
  }
}
.mod_area .mod_cont > h3.icon > img {
  border-radius: 8px;
  display: block;
  position: relative;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  margin-right: 10px;
  border: 3px solid #e0e0e0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont > h3.icon > img {
    vertical-align: middle;
    width: 12vw;
    max-width: 50px;
  }
}
.mod_area .mod_cont h4 {
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .mod_area .mod_cont h4 {
    margin-top: 24px;
  }
}
.mod_area .mod_cont .ingredient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.mod_area .mod_cont .ingredient + .ingredient {
  margin-top: 44px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ingredient + .ingredient {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ingredient {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mod_area .mod_cont .ingredient dt {
  width: 22%;
  font-weight: bold;
  margin-right: 40px;
  line-height: 1.9;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ingredient dt {
    width: auto;
    margin-bottom: 4px;
  }
}
.mod_area .mod_cont .ingredient dd {
  width: 74%;
  line-height: 1.9;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ingredient dd {
    width: auto;
  }
}
.mod_area .mod_cont .ingredient dd .text a {
  margin: 12px 0 0 0;
}
.mod_area .mod_cont .ex_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.mod_area .mod_cont .ex_list dl + dl {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ex_list dl + dl {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ex_list dl {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mod_area .mod_cont .ex_list dl dt {
  font-weight: bold;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ex_list dl dt {
    width: auto;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .ex_list dl dd {
    width: auto;
  }
}
.mod_area .mod_cont a.arrow_link {
  color: #0c7d3c;
  position: relative;
  font-weight: bold;
  text-indent: 23.2px;
}
.mod_area .mod_cont a.arrow_link:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/fp/osechi/img/ar.png) no-repeat;
  width: 8px;
  height: 13px;
}
.mod_area .mod_cont a.arrow_link:hover {
  opacity: 0.9;
}
.mod_area .mod_cont a.arrow_link.link_icon {
  color: #000;
  display: table;
  margin-top: 12px;
  text-indent: 27px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont a.arrow_link.link_icon {
    margin-top: 8px;
  }
}
.mod_area .mod_cont a.arrow_link.link_icon:before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100px%22%20height%3D%22100px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAYFBMVEUAAAAMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwbhUh2tpHC386kzrZJnm06lWHw9%2FP%2F%2F%2F%2FR59qGvp4qjVSVxqqz1sJnroVYpnnh7%2Be123e1AAAAD3RSTlMAQHCPv88QUGCvn9%2FvIDAt5qPNAAAAAWJLR0QXC9aYjwAAAAd0SU1FB%2BcDHg8fIbqcghsAAAKJSURBVGjevZrZeuIwDIUTHGdhM4ShBmZo3%2F8tmwTKZCs%2Bkhyda8z%2FWbEsWVKSgEpXJrPuJZuZVZqjiwHlhen9fV%2FWFFFAeVm5t6pKKSddO0DrVIAoLYLo7FZyERsU0WrDwaQZBdEqoxoth77FWIZ0BIoth%2BHctsC3YXgIymZ28Jmak90hjD3TVC%2BT7cOMUoZoFTzMERhBShRGgBKJ8ZYSjfGGso%2FHcO6XM7YTnt2htrP%2Bkot8cCo75%2FuCu2ReZsooYjOcm9yWedQP8tB2bDBW%2FCAaLA0uOBzruj79oVGGsTIYa88fvtOJBMlIrv7DoFL6jh%2FMSy7esygbyka8Z1L%2BbyXo61fPpVj8aA0hJMrPAQv7yNGzKeuns4d%2FefZ8Sg6HqppPeXz6Cvjl7YNNqUBrub43kik5fsfzKQUhWLEpBvFEKcWin0REQdxdTEmTFQHCpKyISQqLYsIxMUT5G1yT4YfrV8ottMQmRMYM5RpcQodMKP%2BWgBwuQ0i9AGTMWMJcE4Y%2FR4dMGWFrUSFTxuUQG8Jj0CBMBgnCZTjCtcJmWPyCZDOaCxK96vmM5qoHg5aA0QQtLPxKGG3ODf3uJGA4MCW6SRgWTO7uAkaX3CFp6lXA6NJUJLu7ChiPBwrwdPgUMCr4EfTFZjwfQYi9PtmM53MOKt7cuYw1%2FMRudDs1mdDlTkT0ajiRC4N9vYoFMUu1Y%2FUqOKTGEkW9As5yWxnUoMkNLEyDohrpUUfQqJUWvSrcalwZVinZqhSfdcroOg0BldaGTpNGp92k0zjTaQHqNDN12rI6DWadVrlO0z9RGV9gb4Y2iJGojJS0UhiO6TDLj%2Fl0Rlt%2BYKmVwujVg7P4ENnLcDPjcOjab1Si5b2Lb6dfAAAAAElFTkSuQmCC%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mod_area .mod_cont a.arrow_link.link_center {
  display: block;
  text-align: center;
  padding: 13px 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont a.arrow_link.link_center {
    padding: 5px 0;
  }
}
.mod_area .mod_cont a.arrow_link.link_center span {
  padding: 0 31px;
}
.mod_area .mod_cont a.arrow_link.link_center:before {
  background-size: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
}
.mod_area .mod_cont .gallery.float div {
  width: 50%;
}
.mod_area .mod_cont .gallery.float div img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.float div {
    width: 100%;
    margin-bottom: 30px;
  }
}
.mod_area .mod_cont .gallery.float.left div {
  float: left;
  padding: 0 40px 40px 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.float.left div {
    padding: 0;
  }
}
.mod_area .mod_cont .gallery.float.right div {
  float: right;
  padding: 0 0 40px 40px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.float.right div {
    padding: 0;
  }
}
.mod_area .mod_cont .gallery p {
  line-height: 1.9;
}
.mod_area .mod_cont .gallery p + p {
  margin-top: 24px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery p + p {
    margin-top: 16px;
  }
}
.mod_area .mod_cont .gallery div img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery div {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col1:not(.no_margin) div {
    margin-bottom: 20px;
  }
}
.mod_area .mod_cont .gallery.col1.img_middle div img {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col1 h4 {
    margin-top: 20px;
  }
}
.mod_area .mod_cont .gallery.col1 p {
  margin-top: 11px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col1 p {
    margin-top: 6px;
  }
}
.mod_area .mod_cont .gallery.col1 p + p {
  margin-top: 24px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col1 p + p {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 769px) {
  .mod_area .mod_cont .gallery.col1 div + p {
    margin: 48px 0 0 0;
  }
}
@media only screen and (min-width: 769px) {
  .mod_area .mod_cont .gallery.col1 p + div {
    margin: 40px 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col1 p + div {
    margin: 20px 0;
  }
}
@media only screen and (min-width: 769px) {
  .mod_area .mod_cont .gallery.col1.p_space_l p + p {
    margin: 48px 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col1.p_space_l p + p {
    margin: 20px 0;
  }
}
.mod_area .mod_cont .gallery.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px 40px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2 {
    display: block;
    margin: 0;
  }
}
.mod_area .mod_cont .gallery.col2 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  padding: 0 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2 > div {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2 > div > div {
    margin-bottom: 20px;
  }
}
.mod_area .mod_cont .gallery.col2 > div img {
  width: 100%;
}
.mod_area .mod_cont .gallery.col2 > div p {
  margin-top: 11px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2 > div p {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2 > div + div {
    margin-top: 40px;
  }
}
.mod_area .mod_cont .gallery.col2.nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.nowrap {
    margin: 0 -10px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.nowrap > div {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.nowrap > div > div {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.nowrap > div + div {
    margin-top: 0;
  }
}
.mod_area .mod_cont .gallery.col2.season {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  /* + .season{
    margin-top: 50px;
  } */
}
@media only screen and (min-width: 769px) {
  .mod_area .mod_cont .gallery.col2.season {
    margin: 0 -20px 40px;
  }
}
.mod_area .mod_cont .gallery.col2.season > div {
  margin-bottom: 0;
}
.mod_area .mod_cont .gallery.col2.season > div > h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: none;
  font-size: 175%;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 900px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 28px;
    font-size: 3.1111111111vw;
  }
}
@media only screen and (max-width: 800px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 28px;
    font-size: 3.5vw;
  }
}
@media only screen and (max-width: 700px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 28px;
    font-size: 4vw;
  }
}
@media only screen and (max-width: 640px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 28px;
    font-size: 4.375vw;
  }
}
@media only screen and (max-width: 500px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 28px;
    font-size: 5.6vw;
  }
}
@media only screen and (max-width: 400px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 28px;
    font-size: 7vw;
  }
}
@media only screen and (max-width: 350px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 28px;
    font-size: 8vw;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3 {
    font-size: 5vw;
    padding: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.mod_area .mod_cont .gallery.col2.season > div > h3:before {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  counter-increment: number 1;
  content: counter(number);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  line-height: 1.5;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
  width: 49px;
  height: 49px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.season > div > h3:before {
    -webkit-transform: unset;
            transform: unset;
    font-size: 12px;
    margin-right: 10px;
    width: 32px;
    height: 32px;
  }
}
.mod_area .mod_cont .gallery.col2.season > div > h3.gold:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22204px%22%20height%3D%22184px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22204px%22%20height%3D%22184px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAMwAAAC4CAMAAACYT%2FMXAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAADmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQDmsQD%2F%2F%2F%2BBC4t3AAAAEHRSTlMAIGCPv8%2FvgFBAn68QcN8wIkfKAwAAAAFiS0dEEeK1PboAAAAHdElNRQfnAx4PHSz2G5wkAAAEoElEQVR42u3b65aiMBAEYEUuCoh5%2F6ddHXUGIUlXdbK7fXa7fnMSvyTc0ng4fOTYnNouhL5th%2FOhSo7nof3KcD7WafEyjF8NTsMld1hzd6wyXtD2U5mvHy1217lYMvbrFqfUkDdL2KYt4sxDv22wH4o4l3b3E5cY59aFWCZ95%2Bc%2B1mCvX77zFP2J7W75NiGR5abseUy1OCottz7R4HZ8kj3fD21Uli7dYqea7SbdYPj4iRnL9tByi07ToD%2Fxmj0w9PxKa%2FMttnSDl3yDPxrpwLCwI3mSWhzYme6FBt8DPi9S1%2BFUdxjvIa%2F5k9hg9zxwkLsm%2B%2B7kBrvao%2FNcaOIMPkIt8gZokLuqyGvnfi6gExMCcw1AuqamBpmY5%2FBAXTN3uhvUIDM88hnzGh6w6x7vWryUPYNfVGaswXAEVxkzkNhUE%2BvsDP7Eq3R7Wx1ZeRwDjEHHe0THEV8V2NkaiMs9Ot7tAe0avjhDF%2BZH4HcBFBPqY9BFgT%2FSoA065j%2FCXNEW4Qca4FHvhUGezB6BHwH%2B3tWsg4%2BEF8URxcDbaOAjRZjgJY6%2FBIBzvcANohf7AV0VxLPZiLWIP7qic31DB5J4agYfpYj9M%2BwKsMArknnVhIaHmGpwnQ3oJOIL%2FADeaZgtDehl%2BHlBQdY4taeK9N1TGz7I8JzQvsl9LuC%2BSW4symfNe3TEM7ZnKyvizYvdBZTfh7%2FXjrTQ6I17abLpXUVxslevW%2FmRVOw137IaxX6vMODrO8ec06iqADmNxpLXjOihKkuyeHVPp6z4pC9puzt6vM6l7jlZ5wondS3uEt%2BviNXiYrsqPbtb%2F9l5ZHK6kipppEh6T3RwdkctxcXh82Z2ptJ6%2FDzsZyd64HZS1AtsnWPz7Zma4sL5I7ft9AAY7Ym%2FG8vvtaYrZe7T8DNTSbMubtbR7B6hIUwNzWehtoZm%2FzqAYco126JzuSbyagNiSjX7AnqpJvaahmLKNLGPAco00VdOGFOiiX%2FYUKKJvz7jGL0m9ZGGXpPYCiAwWk36gxOtJrWtwWB0mj%2F4IRCFsf4hEIfhNbOwAcFrMltnJIbVSBZek9sGZDGcRrawmuyWJo1hNIiF0%2BS3Z3kMrsEsjEbYalZgUA1qwTXStrkGg2lwC6oRSwAqDKJhLJhGLmfoMLKGsyAaoDSjxEga1iJrkDKTFpPX8BZJA5XM1JicRmPJa7Dynx6T1ugsOQ1YMi%2FApDRaS1qDlv9LMHGN3pLSwN%2BtFWFimhJLXANbCjF7TZklpsEtpZitptSy1xCWYsynptyy1TCWcsxaU8PyqaEsFTA%2FmjqWtYaz1MC8NbUsPxrSUgXz%2BsNKNctbw1rqYB6ampanhrZUwoSmruWh4S21MAH9I8FvbbAWxkQcYzWOsRrHWI1jrMYxVuMYq3GM1TjGahxjNY6xGsdYjWOsxjFW4xircYzVOMZqHGM1jrEax1iNY6zGMVbjGKtxjNU4xmocYzWOsRrHWI1jrMYxVuMYq3GM1TjGahxjNY6xGsdYjWOsxjFW4xircYzVOMZqHGM1jrEax1iNY6zGMVbjGKtxjNU4xmocYzWOsRrHWI1jrOYfxfwC%2BEy%2FWqJqutkAAAAASUVORK5CYII%3D%22%2F%3E%3C%2Fsvg%3E");
}
.mod_area .mod_cont .gallery.col2.season > div > h3.silver:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22204px%22%20height%3D%22184px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22204px%22%20height%3D%22184px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAMwAAAC4CAQAAAAFmMuuAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAHdElNRQfnAx4PGRsqyvwvAAAHPklEQVR42u2d7WHaSBCG36gCdXC6DpQKjCs4roKIbYC4gjgV2DSw4ArCVWBcwek6UAenDu5%2BCDDGgKXdmdVLMs8vxwnDjp7dFR8zm0%2B4gJ%2FiBiUmB79q0OAFa1eDBD9FiRsUKN6MsHbrsUe2H2GJCW5QoNz%2FqkaDF2wuXcVPZ4IV%2BIYp8rOPa7DAyrWjJjzBlwtjbLHGYtwJ5HNUmO%2BnzHsaPOHx9FX8dDLcA6oez9ti4e5HSrnEw5uVfI4N7saS4%2B8xvzC1d7RYnJLzToyfYtkj3I4as%2FSJ%2Bwd8HfDPv7v75CMssTzYuj6iwcxt3v7qSIxf9lorh7S4c6uEKed4HpByR43blNuur7Ac%2FKCj6XMgxudYYho0klkqNb7E84D1%2FEqDP1Ot7IHr%2BZWVm73%2BITv4i1AtwNJXSVIO1QIUePZFkjGGagEqf7DO9mJ8uBYAWPqYR%2FdLOR909zsmxw8f%2Fui%2BY6yCtQBA5e93P27F%2BOnge8sxS%2FUZOeR2eooyYOcfhC%2FxEBnim590P2TAdi7GIhHjUtLTqBXdMVVe1zEreh%2BjW9fdinkQCAhM9NL2efRcxDZTNXwVuaI7im4zzABfRG9j%2Bml%2FvfD%2BeVDaii9TvgnFmfu8WzFzsaEVux1SnC9ikaQu3xG%2BEpo6QI6qE1MJjk%2FuAh4mPRVLGiiUNtw%2FBGPNgcxPRO4vO%2FiTlo4GAPC5aOaFL7NeHwX2J1fZzGRj8o8QmGS4IR8ifCG4kQFAofBGU%2Foq3mQiL%2FEO%2BU086UI8onTO8hGLTPQOA1zHZZQfo3jOWXwMdXLxiIV4xIl0wGsQ80tiYki5BjHNFUSspQNm4oOUT%2FoaIrbC8Wp5Mf%2BIJ13%2FghGbDC%2FCITfSObtWePI0CoUZ0lfxJcNaNGCrUvKwIY6mE3OTuVp0Pq4Vkgb%2BEo32JD9A14pm3rg6Ex6oQtKAWwtOnua4tE4Iycmz6F4uP4q9ptgoJQ0sxCJ91xmgW4lNnhYrIANcK5a2UtKAexRKu1EsTZTKfuHa3RtMmbTXausFAO6IopzErUReAjR4BLZiXItZVDAAkIhxKe21wO11pdw1MxO4Kcy6F%2FPbj2TcJnoh6pdtzyLfxtWa6wUAXBP9DHe7XeewqHx4pf8rScrKfYG%2Fg78EaPF7ior%2FoEr%2FHQdl5QcfYroZVoEBE1X7uwa3gXfDJlUjhlsFb%2Blnq%2F3hZgEbWovbdP0xrsbngA2txud07VVuFXSvuXNvhL7vKJtgOeAbvg1mrkmV8n6M94PK9n6GjjIA8Dn%2B7Rnue8pesjdjLLDs2YM5wsTZjrHqWxPuTlg42bXs%2F%2BuR8NNYUvajLDHn7loGfIX5xytHRkyNBdbjNpK%2FGesE83dVkGssVN%2FsDhthgcllPafEDP9quQR4tABoT2xpE%2FFvFCNwDQJKsEK%2B80%2FUcdmHM12ZOZ794EuhNsagdzZhxRgkai40y9KoCX3DGVolQ6Dmgx5mCjXhnwOEly%2BNrKZHa%2FnoamI%2BnompKxtRTc%2BO%2F1HVRH1qFlnwN5KaAQcxjKYmTkt8JeYIagaejzGKmlgtEiWyidUEHFuSXE28Fpna5YRqAk%2BTSapGQotUUTn%2FIT%2FJ1Mhokav2T6AmQguQSI2UFsk2DGU1kVqABGrktMj2xyiqEdACKKuR1CLduKSkRkgLoKhGVot8R5mCGkEtgJIaaS0arX7CaoS1AApq5LXo9GAKqlHQAgir0dCi1RwrpEZJCyCoRkeLXteygBpFLYCQGi0tmu3kkWqUtQCdmqhn0NOi2%2BcfoSaBFiBSjaYW7QMYAtUk0gIAZagaXS36J2MEqPE5fiTSAgSq0daS4siSgWp8jufEx1YNVqOvJc1ZMgPUBP1fF%2FEMUpNCS6pDfnqqGUkLMEBNGi3pTl%2FqoWZELUBPNam0pDwW6wM1I2sBeqhJpyXteWUX1BBoAT5Qk1JL6oPkzqgh0QJcUJNWS%2FoT%2Fk6oIdICnFGTWssYRy8eqSHTApxQk17LOGdiHqgh1AIcqRlDy1iHlW7VkGoBDtSMoyW8OTaeGda0Wjpq3GKaQotk17IEDf1R7olGKNMcK0eSpK91hNdwIPYviYkhxcSQYmJIMTGkmBhSTAwpJoYUE0OKiSHFxJBiYkgxMaSYGFJMDCkmhhQTQ4qJIcXEkGJiSDExpJgYUkwMKSaGFBNDiokhxcSQYmJIMTGkmBhSTAwpJoYUE0OKiSHFxJBiYkgxMaSYGFJMDCkmhhQTQ4qJIcXEkGJiSDExpJgYUkwMKSaGFBNDiokhxcSQYmJIMTGkmBhSTAwpJoYUE0OKiSHFxJBiYkgxMaSYGFJMDCkmhhQTQ4qJIcXEkGJiSDExpJgYUkwMKSaGFBNDiokhxcSQYmJIMTGkmBhSTAwpJoYUE0OKiSHFxJBiYkgxMaSYGFJMDCkmhhQTQ4qJIcXEkGJiSDExpJgYUkwMKSaGFBNDiokhxcSQYmJIMTGkmBhSTAwpJoYUE0PK%2F%2B5TE0Wzy0upAAAAAElFTkSuQmCC%22%2F%3E%3C%2Fsvg%3E");
}
.mod_area .mod_cont .gallery.col2.season > div > h3.bronze:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22204px%22%20height%3D%22184px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22204px%22%20height%3D%22184px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAMwAAAC4CAMAAACYT%2FMXAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAADHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwDHYwD%2F%2F%2F8EIVhfAAAAEHRSTlMAUI%2B%2F34AwcK%2FPIJ%2FvEEBgNp4w6QAAAAFiS0dEEeK1PboAAAAHdElNRQfnAx4PFyAFQjiFAAAEdUlEQVR42u3a7ZaiMBAEUBUUUdC8%2F9Ou6OgI5KOq08727Hb95iTcJJCQsNnMst014Z622R82Gtnum%2FarwK1KgYfu2N9vsT92mVs8nYfwnrYbKyu%2BzEsczrUNNHbt%2FBb38Vscz2GVYV%2FVhs26xKaKsx8itxjhbNfX3ftSXvkuWmCQt8%2BhjxbYXpYXnkMiw1VW89inSuyFg%2FeaKnDRPuMxpCPSHIZ0ga2ot3eZWzy%2FX5iziDQ5y623T7qWmeYc8qHfqekxJh1p18ItvkbatnAh35LHUolH1Z6e8vUWGIsXhoarutg6dGf3xQLbR2eXBhld99iWC2wpS2mQTbkPtBNwIVf3HimReqsArROGqWt2wIWvIalWNdU8SMeE0N2uLD8xU8541cATM4UYucX3ybN5LljVA1418gxSzTNiBYYDNsADM86gUcaMM7Crb%2BOsAa%2BE14fQC2UKPHFiT%2FU0eWGPDDEqwHFL9DXa3v0GrRqeNzu0RPjljGKCPgZ9CPGBixbomP8Ig03XgXhmyqvMJwacFX7H2wy9skOrRufrT8wz6BDHv9v%2F4grggF34O9ZmYEPqr5qJjwp41QyOs1%2FyPQNsAZCbANCC5jNfmlDXMB0D1f2hPQBk%2F4HcGdLfnSlPIF%2B7M%2BVpbmD37IpPLPE%2BueeE7puVBxq9N%2FzzO5pvc3p%2BahDsNedbku7pombW0zmN7BQg8yDKTgFymsWoTY60gXuRvfKB85lkb6%2FWjZd4UzaC04d8%2B%2FzAyVl8BdQKj80eOcXONOWNk%2Bqc6JXriqso97bUPm3eXHsJpr%2FWnps%2FcnnNOUfh07fIaekBMLKX2Drfx0SDzl8Sq9cagtHRvB956WhWr2gIo6GZH99paNbTDYap1yyPIus1kakTxNRq1seqtZrYMgDF1GliR8R1muiSBsbUaOLH3TWa%2BPIMx8g1qaN7uSax1CQwUk36NwSpJrVsZjD6PwLJNMlPAArzgR%2BBBJr05wyH4TWlX114TebTjMSwmvJvO6wm95nJYjhN2cJqshsANIbRIBZOk9%2FM4DG4BrMwmsI2kwCDalALriltmUkwmAa3oJriPrMIg2gYC6Yp75nLMGUNZ0E0wP6%2FEFPSsJbyRi1yliHF5DW8pbS9CR2ZiTE5jcSS12DHf3JMWoP8M8tpwH89KjApTelIhteg%2F63UYOIauSWlgf%2FBqcLENDWWuAa2VGLWmjpLTINbajFLTa1lrSEs1Zi5pt6y1DCWesy7RsMy11AWBcy3RsfyruEsGpinRsvyrSEtKpiHRs%2Fy1LAWHcyk0bQ8NLRFCROuupZJw1u0MEG4ttQtUAtjIo6xGsdYjWOsxjFW4xircYzVOMZqHGM1jrEax1iNY6zGMVbjGKtxjNU4xmocYzWOsRrHWI1jrMYxVuMYq3GM1TjGahxjNY6xGsdYjWOsxjFW4xircYzVOMZqHGM1jrEax1iNY6zGMVbjGKtxjNU4xmocYzWOsRrHWI1jrMYxVuMYq3GM1TjGahxjNY6xGsdYjWOsxjFW849i%2FgCRasU6pEEIKAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fsvg%3E");
}
.mod_area .mod_cont .gallery.col2.season > div > h3.black:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22204px%22%20height%3D%22184px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22204px%22%20height%3D%22184px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAMwAAAC4CAQAAAAFmMuuAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAHdElNRQfnAx4PExKp%2BawBAAAGCklEQVR42u3c0XXiPBAF4AkVuIN1Ce4Al0AJLoES6GBLoAS2A5IKlr8C6IB04H3gOHHyg5GsO9L1yb1%2By8McDZ%2FkgC37xaaysbU11o7%2BcrGLvdkfOxlLNtbY2mqrv4zwZH9KD%2BwjjbW2ttqaj7%2Bc7GJv9jrnU6xtb1frHx5n21pVuOF2coxX248%2BijKpbGvnyU9xF%2FMpVrafKDZufVes5caOQWM8FsTZTU7t8adYhZTbBJUbjr9FGv8dMcK%2ByPRp7G%2FECM9f%2Fl3cTdha%2BSreZW25imp5mD5V1jF20SOcnD6VHWYU7K3PSNNErefxnGyyjTFuPX8e%2B0cF57Lko5nLclvZNTXLQ5r4k9jXY%2BPe8pyTWO4T2pyT2PjYfS%2B4SSyYY0amrOjbcXAeYcqKHo52XLACFOzt6Np0%2BtTxX9dpK%2Fp2nMfreg9p2rPtavKHWkzbfkk9jQ3HbihYgwp6tr2DjbFzGyNm6vR2HdbMb1jT%2FfMfSoWb9ps8qPXSW2%2FbW8krsOQ%2BqblHwfx%2FGY6NyxgPwBGezcxaaNNXl6b30DF6TJ4KOsLemhX45FO5nMywNflHaNaubE0%2BRBvda0HVq%2BBjRH%2BK6xX8GtIveNM1vCK6Z3zFegWfPTV90x5jhPe8Kj2CgFTwijW8YosuuASYHxnBkGYJMJcFVDyhC67gg8Q3vYSK7%2BB6JzzMf%2FCmTz%2Bw4mVlb%2BCSr%2FCm38GT5wKf3wb%2FFN9W4B2L7y57NF%2BJq%2FnUfDVDXlJfxtXl1mWM8KvLyJtQuh%2BDOba3kpg7%2Fr153vXfwpru3MaImjzXz2sdqDXTujWNantR9%2FxRWx18NwctYZfMETJ1qnHJ9PuYV%2FftdIfkMfp8NflMjd5XZpZ%2BOmucm%2F4ZOzG394ruEwp27i2bpc1I%2FxWdTvNwRc%2BlycNiZtbM%2FG%2BYc7f%2FXJrJE238Ce3q%2Bl3s%2F1nG8zHxK3v7rGgbNSePRW7Txk2fXYERwp8oMwvfI3XO%2FCzZOHXwM5h1sTGGr5vghDTcFWt4SEP%2F1LJZF7RygjN9vu6KP0g%2BTnvn980h8%2F%2B96dRPee4k%2FtZyY%2Fj7dSl5v4PQUo3wYrAtWM%2BWXle61488eobrSnAaG%2FL863Nwnp8Vu9Ldmtn0o3UsNCG%2FaoIT8k2iK93x0yceGWjCfmwGJ%2BxLXle05ZAHUUvThF4DCE5YuZI0oc8Hl6QJvzQTnNCCpWhiHtsuRRNzxSw44SVL0MQ%2BTV%2BCJu5CZnBiiuammfOSg9w0sdeXnWCW8JKfnDTxl%2F3dYJbxkp88NHPuxjjC5KBJfVNLDpp5N8lcYbxpEC%2FQ8aaZe%2B%2FSGcaTBsHiTTP%2Fbr87jBcNisWTJmUTRgYYDxokixdN2ralLDBoGjSLB03qbrJMMEgaDxY0Tfqe5WwwKBovFiQNYit5RhgEjScLigazwz8rTCqNN8uNpiJgyQ6TQpODpbe0PZq4Z8iyw8ylycWSQoN8tK8AzBwa1BtjPWmQLIVgYmlSn4LJQYNlKQYTQ1OCJZYGzVIQJpSmFEsMDZ6lKEwITUmWUBoPlsIwz2hKs4TQ%2BLAUh5miYWB5RuPFQgDziIaFZYrGj4UC5h4NE8sjGk8WEpjvNGws92h8WWhgxjSMLN9pvFmIYAYaVpYxjT8LFUxvHTXLQJOD5S7MywOYHLnQv8o91whfgv5kuWCUIXcUlvBC7B8ZwZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDGsGQRjCkEQxpBEMawZBGMKQRDGkEQxrBkEYwpBEMaQRDmn%2F851wAUU5KYwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fsvg%3E%0A");
}
.mod_area .mod_cont .gallery.col2.season > div > h3.normal:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22200px%22%20height%3D%22200px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22200px%22%20height%3D%22200px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTz%2F%2F%2F%2BpL5J3AAAAEHRSTlMAEEBggI%2B%2Fz3CfIFDfrzDvQNMYnwAAAAFiS0dEEeK1PboAAAAHdElNRQfnAx4PARA%2FA73%2BAAAEmElEQVR42u2dB5asIBBFjQhoh%2F2vdobvdwwtKlJQ4fTdQPNORWgsiiIFZVU3rVLde0WnVNvUVZnkJ8GptFHvE5TRpOXY2nRnGhb2MbXFXvEOZW%2BG6yImBtOTsozVp9504GeaiGFKHeBPHi%2FT%2BHbpH7EqRh49pgrb3IgLH0OD5WJPA6dixDwRZFQR8e1HVSJkZJeSTkZWKRYoUfkxOcK%2BbFLLcDTJC0sPmHCPGNLWFZs0ONaohP6lX%2Fl0vN8vLcAcKY3SZzXHf6PAR0rZ5pfhaIHTl41u1e%2FSgboXhltNQLpXlhrop4HSAd6uh2JAZJRo4THTAYQ8XpivlESH%2FBMxzJe8IjePVHTEKqGjI04JJR0xSmjpuK%2BEmo67Siw5Hb9KbmRhCnXwkxuVkaSOXyWhOtD7Kx%2BBfRdyv3tEUC%2FcY6%2F2iID9CcWENXM9ddFMWDOXUxfZQJ9oBQTIyKUwoR0gI5fCJPt54h3UuQ6NvcZrnJ4Lc3Asx6lzsXAsx4lzMchYE4eZq8z0fxQEw1FZJNwrfnLQPVrstYXhj3fyvcka79akwl5ZKL6bBWxS74QSYhCfSdgZxGMShgbZNwlDg%2Bya5Im9pnt8HqIyqyETH7WEWVGf2ZZ3Vl3Wkm3HxajtXTOsdTDah2xZ70uSX1NMx2Opo8ReTQzLDRaTo5N9lgcqxA97j1n898O2iIxYGZ619C2W%2FeKMEpGzHFPeYlwNR6aayLTxnZlaYLZ91sQgIvk6xgRcYy8jnlpGiExBwro%2FGelEVBEH2%2FOsLRX%2FRmtEy4j1MdqZd4wjrm%2FEXgMMQpKWa4BFJC2XtgQ0KI6a71npmqZA%2BpoNmlZG9nX5V4wQAb2voyuwVwDFVwg1vkKo8RVCja8QanyFUOMrhBpyhIhp48VsrMQIEXP4IOY4SMwBnZgjUzGH2AX2EmCQ9EePmL%2FexPwZKiJt%2Ffv8AnsREIi6wiEh2o2sa05iLp6JuQrIP0imy5lirsuyb4D%2FPrxg3jfOHyMyb7fmS%2F7ME%2FDiCz7WXcpyCBpr36olfiwm5vM9zjVxM%2BiFbb%2B1%2BcSV78np9qNjtqXkY8oL0xb4c8iLmFEJPDvHvXkiLM%2B3die8MDTJ%2FswdhibxTEFiZxLfHDp2JvE%2BeMWslvhnGDMr7wejGll1XEejmMWMN%2BS0LzkZlcsmBT%2BOdcgZysrlQOXC82ksnOvC4GIWznVt4jqDzHVxBj75u2gXx63LGYBPPExCXlMhHSZBj9gR7h4Dn7AjuzUJfsCOaMAHP21DNHXdeYaPYuq68%2FyTnAe56CmR8tiblOf3pDyIKOWJylgdch4%2FpVEZIZ6jLQj0XTAPBBfovTDYk81yHtGW86y5nIfmkdwL1q3%2B3Cv7GaSCN8eIzmqU14XzXQ5GeQBH%2BYY%2B039aQ5LoWFJmqY5NquhYYpO3LCatV81USUNFVfErJCAlq4x0UrLLcDzBY8VEbwNvYhvAZDw0uUJ8lx7oDvcjed04pdTRLX6nc5SNC1gdEfkPjepSW8re3IiXwfREbLHC1ibAyzpTkzLFlkqbUz9TRmPUixuUVd20Sm3s0ynVNnWVxpl%2BAGEbsrfyFdI%2FAAAAAElFTkSuQmCC%22%20%2F%3E%3C%2Fsvg%3E");
  background-position: center top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.season > div + div {
    margin: 16px 0 20px 0;
  }
}
.mod_area .mod_cont .gallery.col2.category {
  margin: 0 -8px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.category {
    margin: 0;
  }
}
.mod_area .mod_cont .gallery.col2.category > div {
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0 8px 16px;
  padding: 32px;
  width: calc(50% - 16px);
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.category > div {
    width: 100%;
    margin: 0 0 16px 0;
    padding: 20px 16px 16px 16px;
  }
}
.mod_area .mod_cont .gallery.col2.category > div > h3 {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.category > div > h3 {
    font-size: 16px;
  }
}
.mod_area .mod_cont .gallery.col2.category > div > ul {
  margin-top: 24px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.category > div > ul {
    margin-top: 20px;
  }
}
.mod_area .mod_cont .gallery.col2.category > div > ul li {
  text-indent: -16px;
  padding: 0 0 20px 32px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.category > div > ul li {
    padding: 0 0 20px 16px;
  }
}
.mod_area .mod_cont .gallery.col2.category > div > ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #0c7d3c;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 8px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2.category > div > div {
    margin-bottom: 0;
  }
}
.mod_area .mod_cont .gallery.col2:not(.nowrap):not(.season):not(.category) > div {
  margin-bottom: 56px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2:not(.nowrap):not(.season):not(.category) > div {
    margin-bottom: 40px;
  }
}
.mod_area .mod_cont .gallery.col2:not(.nowrap):not(.season):not(.category) > div.last_element {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col2:not(.nowrap):not(.season):not(.category) > div.last_element {
    margin-bottom: 0;
  }
}
.mod_area .mod_cont .gallery.col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col3 {
    display: block;
    margin: 0;
  }
}
.mod_area .mod_cont .gallery.col3 > div {
  width: 33.3333333333%;
  padding: 0 20px;
  margin-bottom: 37px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.col3 > div {
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
  }
}
.mod_area .mod_cont .gallery.season_description {
  border-bottom: 3px solid #e0e0e0;
  padding-bottom: 83px;
  margin-bottom: 56px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.season_description {
    border: none;
    padding-bottom: 0;
    margin-bottom: 119px;
  }
}
.mod_area .mod_cont .gallery.season_description:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 179px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .gallery.season_description:last-child {
    margin-bottom: 143px;
  }
}
.mod_area .mod_cont .osechi_kind_list {
  overflow: hidden;
  margin: -16px -40px 0 -40px;
}
.mod_area .mod_cont .osechi_kind_list.anchor {
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_kind_list {
    margin: -9px -40px 0 -40px;
  }
}
.mod_area .mod_cont .osechi_kind_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_kind_list ul {
    padding: 0 20px;
  }
}
.mod_area .mod_cont .osechi_kind_list ul li {
  width: 25%;
  padding: 16px 40px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_kind_list ul li {
    width: 50%;
  }
  .mod_area .mod_cont .osechi_kind_list ul li:nth-child(odd) {
    padding: 9px 8px 9px 20px;
  }
  .mod_area .mod_cont .osechi_kind_list ul li:nth-child(even) {
    padding: 9px 20px 9px 8px;
  }
}
.mod_area .mod_cont .osechi_kind_list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.mod_area .mod_cont .osechi_kind_list ul li a div img {
  border: 3px solid #e0e0e0;
  border-radius: 8px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_kind_list ul li a div img {
    max-width: 10.5vw;
  }
}
.mod_area .mod_cont .osechi_kind_list ul li a p {
  font-weight: bold;
  padding: 0 16px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_kind_list ul li a p {
    font-size: 12px;
    padding: 0 12px;
  }
}
.mod_area .mod_cont .osechi_kind_list ul li a p:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100px%22%20height%3D%22100px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAYFBMVEUAAAAMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwMfTwbhUh2tpHC386kzrZJnm06lWHw9%2FP%2F%2F%2F%2FR59qGvp4qjVSVxqqz1sJnroVYpnnh7%2Be123e1AAAAD3RSTlMAQHCPv88QUGCvn9%2FvIDAt5qPNAAAAAWJLR0QXC9aYjwAAAAd0SU1FB%2BcDHg8fIbqcghsAAAKJSURBVGjevZrZeuIwDIUTHGdhM4ShBmZo3%2F8tmwTKZCs%2Bkhyda8z%2FWbEsWVKSgEpXJrPuJZuZVZqjiwHlhen9fV%2FWFFFAeVm5t6pKKSddO0DrVIAoLYLo7FZyERsU0WrDwaQZBdEqoxoth77FWIZ0BIoth%2BHctsC3YXgIymZ28Jmak90hjD3TVC%2BT7cOMUoZoFTzMERhBShRGgBKJ8ZYSjfGGso%2FHcO6XM7YTnt2htrP%2Bkot8cCo75%2FuCu2ReZsooYjOcm9yWedQP8tB2bDBW%2FCAaLA0uOBzruj79oVGGsTIYa88fvtOJBMlIrv7DoFL6jh%2FMSy7esygbyka8Z1L%2BbyXo61fPpVj8aA0hJMrPAQv7yNGzKeuns4d%2FefZ8Sg6HqppPeXz6Cvjl7YNNqUBrub43kik5fsfzKQUhWLEpBvFEKcWin0REQdxdTEmTFQHCpKyISQqLYsIxMUT5G1yT4YfrV8ottMQmRMYM5RpcQodMKP%2BWgBwuQ0i9AGTMWMJcE4Y%2FR4dMGWFrUSFTxuUQG8Jj0CBMBgnCZTjCtcJmWPyCZDOaCxK96vmM5qoHg5aA0QQtLPxKGG3ODf3uJGA4MCW6SRgWTO7uAkaX3CFp6lXA6NJUJLu7ChiPBwrwdPgUMCr4EfTFZjwfQYi9PtmM53MOKt7cuYw1%2FMRudDs1mdDlTkT0ajiRC4N9vYoFMUu1Y%2FUqOKTGEkW9As5yWxnUoMkNLEyDohrpUUfQqJUWvSrcalwZVinZqhSfdcroOg0BldaGTpNGp92k0zjTaQHqNDN12rI6DWadVrlO0z9RGV9gb4Y2iJGojJS0UhiO6TDLj%2Fl0Rlt%2BYKmVwujVg7P4ENnLcDPjcOjab1Si5b2Lb6dfAAAAAElFTkSuQmCC%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  right: -32px;
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_kind_list ul li a p:after {
    background-size: 16px;
    width: 16px;
    height: 16px;
    right: 0px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
.mod_area .mod_cont .osechi_kind_list ul li a:before {
  bottom: -17px;
  content: "";
  position: absolute;
  background-color: #e0e0e0;
  width: 117%;
  height: 1px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_kind_list ul li a:before {
    bottom: -10px;
    left: auto;
    width: 100%;
  }
}
.mod_area .mod_cont .osechi_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -21px -35px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list {
    margin: 0 -2.5vw -3vw;
  }
}
.mod_area .mod_cont .osechi_list li {
  width: 16.6666667%;
  padding: 0 21px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list li {
    width: 33.3333333%;
    padding: 0 2.5vw;
    margin-bottom: 3vw;
  }
}
.mod_area .mod_cont .osechi_list img {
  width: 100%;
  border-radius: 8px;
  border: 3px solid #e0e0e0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list img {
    width: 73%;
  }
}
.mod_area .mod_cont .osechi_list p {
  text-align: center;
  font-weight: bold;
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list p {
    font-size: 11px;
    margin-top: 0;
  }
}
.mod_area .mod_cont .osechi_list.ver2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 48px -28px -35px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list.ver2 {
    margin: 8vw -4.2666666667vw -6.4vw;
  }
}
.mod_area .mod_cont .osechi_list.ver2 li {
  padding: 0 28px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list.ver2 li {
    width: 33.3333333%;
    padding: 0 4.2666666667vw;
    margin-bottom: 6.4vw;
  }
}
.mod_area .mod_cont .osechi_list.ver2 img {
  border: none;
  border-radius: 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list.ver2 img {
    width: 100%;
  }
}
.mod_area .mod_cont .osechi_list.ver2 p {
  margin-top: 16px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .osechi_list.ver2 p {
    margin-top: 8px;
  }
}
.mod_area .mod_cont .profile {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 3px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 40px 64px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile {
    display: block;
    padding: 32px;
  }
}
.mod_area .mod_cont .profile div {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile div {
    display: block;
  }
}
.mod_area .mod_cont .profile div.image {
  min-width: 180px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile div.image {
    width: 50%;
    margin: 0 auto;
  }
}
.mod_area .mod_cont .profile div.image img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile div.image img {
    width: 66.5%;
    margin: 0 auto;
  }
}
.mod_area .mod_cont .profile div.text {
  padding-left: 40px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile div.text {
    padding-left: 0;
  }
}
.mod_area .mod_cont .profile div.text > span {
  font-size: 0.875rem;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile div.text > span {
    font-size: 12px;
  }
}
.mod_area .mod_cont .profile div.text > h4 {
  font-size: 150%;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile div.text > h4 {
    font-size: 18px;
  }
}
.mod_area .mod_cont .profile div.text > h4 > span {
  font-size: 12px;
}
.mod_area .mod_cont .profile div.text > h4 + p {
  font-size: 0.875rem;
  padding-top: 21px;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .profile div.text > h4 + p {
    font-size: 12px;
  }
}
.mod_area .mod_cont .text p {
  line-height: 1.9;
}
.mod_area .mod_cont .text a {
  display: table;
  margin-top: 24px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .text a {
    margin-top: 16px;
  }
}
.mod_area .mod_cont .text.right p {
  text-align: right;
}
.mod_area .mod_cont .text.center p {
  text-align: center;
}
.mod_area .mod_cont .text.left p {
  text-align: left;
}
.mod_area .mod_cont .search_area {
  margin: 0 -10px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area {
    margin: 0;
  }
}
.mod_area .mod_cont .search_area .search_block {
  padding: 0 5px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block {
    padding: 0;
  }
}
.mod_area .mod_cont .search_area .search_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block ul {
    display: block;
    width: 100%;
  }
}
.mod_area .mod_cont .search_area .search_block ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  margin: 0 5px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block ul li {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.mod_area .mod_cont .search_area .search_block ul li a {
  width: 100%;
  background-color: #0c7d3c;
  font-size: 100%;
  color: #fff;
  font-weight: bold;
  border-radius: 54px;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod_area .mod_cont .search_area .search_block ul li a span {
  display: block;
  padding: 20px 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block ul li a span {
    padding: 9.5px 0;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block ul li a {
    height: 100%;
  }
}
.mod_area .mod_cont .search_area .search_block ul li a:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100px%22%20height%3D%22100px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAD%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2BkzrZYpnlJnm1nroXC387R59oqjVQMfTzw9%2FPh7%2BcbhUg6lWGVxqqGvp6z1sI308zHAAAAD3RSTlMAQHCPv88QUGCvn9%2FvIDAt5qPNAAAAAWJLR0QB%2FwIt3gAAAAd0SU1FB%2BcDHg8nFhW%2Bm%2B8AAAKESURBVGje1ZrZcsMgDEXtYLxkI3EW0nT5%2F89s7Lipt4YriWim99n4DAIhkJQkoNKFyax7yGZmkeboYEB5YXq%2F78uaIgooLyv3VFUp5aRLB2iZChClRRCt3UouYoUiGq04mDSjIBplVKPl0FqMZUhboFhzGM6tC3wahoegTGYD76k52Q3C2DJN9TDZNswoZYhGwc0cgRGkRGEEKJEYTynRGE8o23gM5%2F7YYxvh3h1qPesvucgHp7Jzvi84S%2BZlpowiNsO5yWmZR12Qu9Zjg7HiB9FgaXDAbl%2FXhyORMoyVoVh7OvtW%2BwsJklFc%2Fe3qO73TKH3HD91Lau95lBVhIt5zKb9TCfn60bMpFt5aH55P%2BdlgQR8ZzoRGWXbOHvzw4gWUHA1VBwHlvvRV%2BMPLO59SYdYSUnL4jBdQCjxY8SkG8EQxxYJLIqMgkURMSZMFDuFSFrRLCo9igjExRNmHB2Xw5vqTEo77NqExZiiH8BgyZEKp%2FytEw1zThd9Fh8w4CjCKBpkyrqfYECaDBOEyKBA2w%2BHHCp9h4QOSz7gdkOwQDzNuRz0WtCSMW9DCwq%2BE0dy5kc8%2BJQwHXomuEobFLndHCaO93AHX1A8Jo72mAre7Lwnj%2FkAJPx1OEkaFPoJqPqN7BAH2OvEZ3XMOSd7suk18JjOWcPbGubfD%2BRZqP2lJj0YpmiwQ6JEsiJmqHauXwSEVlijqJXBeN5VBDppcwMI0SKpRHnUUjUpp0bPCjcaZYZWUrUryWSeNrlMQUClt6BRpdMpNOoUznRKgTjFTpyyrU2DWKZXrFP0TlfYF9mRojRiJSktJI4XmmBbz%2Bjaf1mivb1hqpNB6dee8vInsYbiZdjh07DcejOgR8GXkYAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: 20px;
  color: #0c7d3c;
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 16px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block ul li a:after {
    right: 12px;
  }
}
.mod_area .mod_cont .search_area .search_block ul li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block ul li {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .search_area .search_block ul li + li {
    margin-top: 8px;
  }
}
.mod_area .mod_cont .prod_introduction {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction {
    display: block;
  }
}
.mod_area .mod_cont .prod_introduction > div {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction > div {
    display: block;
  }
}
.mod_area .mod_cont .prod_introduction > div.image {
  width: 26%;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction > div.image {
    width: 100%;
    margin: 0 auto;
  }
}
.mod_area .mod_cont .prod_introduction > div.image > img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction > div.image > img {
    margin: 0 auto;
  }
}
.mod_area .mod_cont .prod_introduction > div.text {
  width: 74%;
  padding-left: 40px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction > div.text {
    width: auto;
    padding-left: 0;
  }
}
.mod_area .mod_cont .prod_introduction > div.text > h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  padding-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction > div.text > h4 {
    font-size: 16px;
    padding: 16px 0 12px 0;
  }
}
.mod_area .mod_cont .prod_introduction > div.text > span {
  font-size: 18px;
  font-weight: bold;
  color: #d6001d;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction > div.text > span {
    font-size: 16px;
  }
}
.mod_area .mod_cont .prod_introduction > div.text > p {
  font-size: 14px;
  padding: 10px 0 11px 0;
  line-height: 1.7;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont .prod_introduction > div.text > p {
    font-size: 12px;
    padding: 8px 0;
  }
}
.mod_area .mod_cont.message {
  margin-bottom: 120px;
}
.mod_area .mod_cont.cmn_margin {
  margin-top: 120px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont.cmn_margin {
    margin-top: 62px;
  }
}
.mod_area .mod_cont.interval {
  margin-bottom: 56px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont.interval {
    margin-bottom: 40px;
  }
}
.mod_area .mod_cont.interval_t {
  margin-top: 56px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont.interval_t {
    margin-top: 40px;
  }
}
.mod_area .mod_cont.interval2 {
  margin: 100px 0;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont.interval2 {
    margin-bottom: 40px;
  }
}
.mod_area .mod_cont.interval3 {
  margin-bottom: 27px;
}
@media only screen and (max-width: 768px) {
  .mod_area .mod_cont.interval3 {
    margin-bottom: 40px;
  }
}

.button_area {
  display: block;
  width: 100%;
  padding: 80px 0 0 0;
  margin: 0 auto -20px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .button_area {
    margin: 0 auto;
    padding: 40px 0;
  }
}
.button_area .button_block {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .button_area .button_block {
    max-width: 295px;
    width: 100%;
  }
}
.button_area .button_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0 auto;
  max-height: 108px;
}
@media only screen and (max-width: 768px) {
  .button_area .button_block ul {
    display: block;
    margin: 0;
    max-height: 100%;
  }
}
.button_area .button_block ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 10px);
  padding: 0 10px;
}
@media only screen and (max-width: 768px) {
  .button_area .button_block ul li {
    width: 100%;
    padding: 0;
    height: 64px;
  }
}
@media only screen and (max-width: 768px) {
  .button_area .button_block ul li + li {
    margin-top: 8px;
  }
}
.button_area .button_block a {
  width: 100%;
  background-color: #0c7d3c;
  font-size: 150%;
  color: #fff;
  font-weight: bold;
  border-radius: 54px;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button_area .button_block a span {
  display: block;
  padding: 18px 15px;
}
@media only screen and (max-width: 768px) {
  .button_area .button_block a span {
    line-height: 1.3;
  }
}
@media only screen and (max-width: 768px) {
  .button_area .button_block a {
    max-width: 295px;
    height: 100%;
  }
}
.button_area .button_block a:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100px%22%20height%3D%22100px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAD%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2BkzrZYpnlJnm1nroXC387R59oqjVQMfTzw9%2FPh7%2BcbhUg6lWGVxqqGvp6z1sI308zHAAAAD3RSTlMAQHCPv88QUGCvn9%2FvIDAt5qPNAAAAAWJLR0QB%2FwIt3gAAAAd0SU1FB%2BcDHg8zDih81OwAAAKESURBVGje1ZrZcsMgDEXtYLxkI3EW0nT5%2F89s7Lipt4YriWim99n4DAIhkJQkoNKFyax7yGZmkeboYEB5YXq%2F78uaIgooLyv3VFUp5aRLB2iZChClRRCt3UouYoUiGq04mDSjIBplVKPl0FqMZUhboFhzGM6tC3wahoegTGYD76k52Q3C2DJN9TDZNswoZYhGwc0cgRGkRGEEKJEYTynRGE8o23gM5%2F7YYxvh3h1qPesvucgHp7Jzvi84S%2BZlpowiNsO5yWmZR12Qu9Zjg7HiB9FgaXDAbl%2FXhyORMoyVoVh7OvtW%2BwsJklFc%2Fe3qO73TKH3HD91Lau95lBVhIt5zKb9TCfn60bMpFt5aH55P%2BdlgQR8ZzoRGWXbOHvzw4gWUHA1VBwHlvvRV%2BMPLO59SYdYSUnL4jBdQCjxY8SkG8EQxxYJLIqMgkURMSZMFDuFSFrRLCo9igjExRNmHB2Xw5vqTEo77NqExZiiH8BgyZEKp%2FytEw1zThd9Fh8w4CjCKBpkyrqfYECaDBOEyKBA2w%2BHHCp9h4QOSz7gdkOwQDzNuRz0WtCSMW9DCwq%2BE0dy5kc8%2BJQwHXomuEobFLndHCaO93AHX1A8Jo72mAre7Lwnj%2FkAJPx1OEkaFPoJqPqN7BAH2OvEZ3XMOSd7suk18JjOWcPbGubfD%2BRZqP2lJj0YpmiwQ6JEsiJmqHauXwSEVlijqJXBeN5VBDppcwMI0SKpRHnUUjUpp0bPCjcaZYZWUrUryWSeNrlMQUClt6BRpdMpNOoUznRKgTjFTpyyrU2DWKZXrFP0TlfYF9mRojRiJSktJI4XmmBbz%2Bjaf1mivb1hqpNB6dee8vInsYbiZdjh07DcejOgR8GXkYAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: contain;
  color: #0c7d3c;
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 21px;
}
@media only screen and (max-width: 768px) {
  .button_area .button_block a:after {
    right: 15px;
    width: 20px;
    height: 20px;
  }
}
.button_area .button_block a:hover {
  opacity: 0.8;
}

.inner_button_area {
  margin-top: 11px;
}
.inner_button_area .button_block {
  max-width: 1000px;
  margin: 0 auto;
}
.inner_button_area .button_block.paragraph {
  margin-top: 16px;
}
@media only screen and (max-width: 768px) {
  .inner_button_area .button_block.paragraph {
    margin-top: 12px;
  }
}
.inner_button_area .button_block ul li {
  display: block;
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .inner_button_area .button_block ul li {
    max-width: 295px;
  }
}
.inner_button_area .button_block a {
  background-color: #0c7d3c;
  border-radius: 54px;
  font-size: 100%;
  color: #fff;
  font-weight: bold;
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
}
.inner_button_area .button_block a span {
  display: block;
  padding: 16px;
}
@media only screen and (max-width: 768px) {
  .inner_button_area .button_block a span {
    padding: 22px 16px;
  }
}
.inner_button_area .button_block a:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100px%22%20height%3D%22100px%22%3E%3Cimage%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAD%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2BkzrZYpnlJnm1nroXC387R59oqjVQMfTzw9%2FPh7%2BcbhUg6lWGVxqqGvp6z1sI308zHAAAAD3RSTlMAQHCPv88QUGCvn9%2FvIDAt5qPNAAAAAWJLR0QB%2FwIt3gAAAAd0SU1FB%2BcDHg8nFhW%2Bm%2B8AAAKESURBVGje1ZrZcsMgDEXtYLxkI3EW0nT5%2F89s7Lipt4YriWim99n4DAIhkJQkoNKFyax7yGZmkeboYEB5YXq%2F78uaIgooLyv3VFUp5aRLB2iZChClRRCt3UouYoUiGq04mDSjIBplVKPl0FqMZUhboFhzGM6tC3wahoegTGYD76k52Q3C2DJN9TDZNswoZYhGwc0cgRGkRGEEKJEYTynRGE8o23gM5%2F7YYxvh3h1qPesvucgHp7Jzvi84S%2BZlpowiNsO5yWmZR12Qu9Zjg7HiB9FgaXDAbl%2FXhyORMoyVoVh7OvtW%2BwsJklFc%2Fe3qO73TKH3HD91Lau95lBVhIt5zKb9TCfn60bMpFt5aH55P%2BdlgQR8ZzoRGWXbOHvzw4gWUHA1VBwHlvvRV%2BMPLO59SYdYSUnL4jBdQCjxY8SkG8EQxxYJLIqMgkURMSZMFDuFSFrRLCo9igjExRNmHB2Xw5vqTEo77NqExZiiH8BgyZEKp%2FytEw1zThd9Fh8w4CjCKBpkyrqfYECaDBOEyKBA2w%2BHHCp9h4QOSz7gdkOwQDzNuRz0WtCSMW9DCwq%2BE0dy5kc8%2BJQwHXomuEobFLndHCaO93AHX1A8Jo72mAre7Lwnj%2FkAJPx1OEkaFPoJqPqN7BAH2OvEZ3XMOSd7suk18JjOWcPbGubfD%2BRZqP2lJj0YpmiwQ6JEsiJmqHauXwSEVlijqJXBeN5VBDppcwMI0SKpRHnUUjUpp0bPCjcaZYZWUrUryWSeNrlMQUClt6BRpdMpNOoUznRKgTjFTpyyrU2DWKZXrFP0TlfYF9mRojRiJSktJI4XmmBbz%2Bjaf1mivb1hqpNB6dee8vInsYbiZdjh07DcejOgR8GXkYAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: contain;
  color: #0c7d3c;
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 16px;
}
@media only screen and (max-width: 768px) {
  .inner_button_area .button_block a:after {
    right: 15px;
    width: 20px;
    height: 20px;
  }
}
.inner_button_area .button_block a:hover {
  opacity: 0.8;
}
.inner_button_area.full {
  position: relative;
  margin-top: auto;
}
@media only screen and (max-width: 768px) {
  .inner_button_area.full > .button_block {
    margin-bottom: 0;
  }
}
.inner_button_area.full > .button_block ul li {
  max-width: inherit;
  line-height: 1;
}
.inner_button_area.full > .button_block a {
  font-size: 87.5%;
}
.inner_button_area.full > .button_block a span {
  padding: 15px 0;
}
@media only screen and (max-width: 768px) {
  .inner_button_area.full > .button_block a span {
    padding: 13px 0;
  }
}
.inner_button_area.purchase {
  position: relative;
  margin-top: auto;
}
@media only screen and (max-width: 768px) {
  .inner_button_area.purchase > .button_block {
    margin-bottom: 0;
  }
}
.inner_button_area.purchase > .button_block ul {
  display: block;
}
.inner_button_area.purchase > .button_block ul li {
  max-width: inherit;
  line-height: 1;
}
.inner_button_area.purchase > .button_block a {
  max-width: 240px;
  width: 100%;
  font-size: 16px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .inner_button_area.purchase > .button_block a {
    max-width: 100%;
  }
}
.inner_button_area.purchase > .button_block a span {
  padding: 20px 0;
}
@media only screen and (max-width: 768px) {
  .inner_button_area.purchase > .button_block a span {
    padding: 13px 0;
  }
}