@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

/****************************************

          共通
          
*****************************************/
a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

* {
  box-sizing: border-box;
}

/****************************************

          $breakpoint
          
*****************************************/
/****************************************

          GENERAL SETTING
          
*****************************************/
html,
body {
  margin: 0;
  padding: 0;
  text-align: center;
}

/* --- CLEARFIX --- */
.cf:after,
#wrap:after,
#main:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

.cf,
#wrap,
#main {
  display: inline-block;
}

.cf,
#wrap,
#main {
  display: block;
}

#main {
  position: relative;
}

/* --- LOADING --- */
#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 1000;
}

.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 2px solid #0cf;
  border-radius: 50%;
  animation: spin 0.75s infinite linear;
  border-top-color: transparent;
}

.loader:before,
.loader:after {
  left: -2px;
  top: -2px;
  display: none;
  position: absolute;
  content: '';
  width: inherit;
  height: inherit;
  border: inherit;
  border-radius: inherit;
}

.loader {
  display: block;
  border-color: transparent;
  border-top-color: #0cf;
  animation: spin 1.25s infinite linear reverse;
}

.loader:after {
  display: block;
  border-color: transparent;
  border-top-color: #0cf;
  animation: spin 1.25s infinite linear reverse;
}

*, *:before, *:after {
  box-sizing: border-box;
}

/****************************************

          COLOR
          
*****************************************/
html {
  height: 100%;
  min-height: 100%;
  overflow-y: scroll;
}

body {
  color: #333;
  font-family: "Roboto", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
  line-height: 1.8;
  background-color: #f5f4f1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.fixed {
  position: fixed;
  width: 100%;
}
@media screen and (min-width: 769px) {
  body {
    min-width: 1080px;
  }
}

#content {
  opacity: 0;
  text-align: left;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

input::-webkit-search-decoration {
  display: none;
}

input::focus {
  outline: none;
  border: none;
}

::selection {
  background-color: #eeede5;
  text-shadow: none;
  -moz-transition: color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
}

/****************************************

          HEADER
          
*****************************************/
/****************************************

          HEADER : BREDCRUMB
          
*****************************************/
.main-header {
  width: 100%;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.main-header ul.breadcrumb {
  width: 100%;
  height: 50px;
  overflow: hidden;
  padding-left: 20px;
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.main-header ul.breadcrumb li {
  height: 50px;
  letter-spacing: normal;
  line-height: 50px;
  display: inline-block;
}
.main-header ul.breadcrumb li + li::before {
  content: ">";
  display: inline-block;
  margin: 0 10px;
  color: #9a9a9a;
  font-size: 11px;
}
.main-header ul.breadcrumb li.current a {
  color: #333;
  font-weight: 700;
}
.main-header ul.breadcrumb li a {
  display: inline-block;
  font-size: 11px;
  color: #999;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.main-header ul.breadcrumb li a:hover {
  color: #ff8a00;
}
.main-header ul.breadcrumb li a.home:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 5px;
  width: 16px;
  height: 15px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -519px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .main-header ul.breadcrumb li a.home:before {
    width: 16px;
    height: 15px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -577px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  .main-header ul.breadcrumb li a.home:before {
    width: 16px;
    height: 15px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -577px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  .main-header {
    width: 100%;
  }
  .main-header ul.breadcrumb {
    height: 40px;
    background-color: #FFF;
    padding: 0 15px;
    margin: 0;
    box-sizing: border-box;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  }
  .main-header ul.breadcrumb li {
    height: 40px;
    line-height: 40px;
  }
  .main-header ul.breadcrumb li a {
    font-size: 10px;
  }
}

/****************************************

          HEADER : utility
          
*****************************************/
div.utility-block {
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  z-index: 20;
}
@media screen and (max-width: 769px) {
  div.utility-block {
    z-index: 40;
  }
}
#menu div.utility-block {
  position: absolute;
}
.home.first-access div.utility-block {
  opacity: 0;
  -moz-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.home.first-access .load div.utility-block {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -moz-transition: opacity 1s ease 4.5s, -moz-transform 1s ease 4.5s;
  -o-transition: opacity 1s ease 4.5s, -o-transform 1s ease 4.5s;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 4.5s, 4.5s;
  transition: opacity 1s ease 4.5s, transform 1s ease 4.5s;
}
@media screen and (max-width: 769px) {
  .home.first-access .load div.utility-block {
    -moz-transition: opacity 1s ease 1s, -moz-transform 1s ease 1s;
    -o-transition: opacity 1s ease 1s, -o-transform 1s ease 1s;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -webkit-transition-delay: 1s, 1s;
    transition: opacity 1s ease 1s, transform 1s ease 1s;
  }
}
div.utility-block ul.utility-nav {
  letter-spacing: -0.4em;
  height: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: white;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 769px) {
  div.utility-block ul.utility-nav {
    background-color: transparent;
    box-shadow: none;
  }
}
#menu div.utility-block ul.utility-nav {
  background: none;
  box-shadow: none;
}
@media screen and (max-width: 769px) {
  #menu div.utility-block ul.utility-nav {
    display: none;
  }
}
div.utility-block ul.utility-nav li {
  height: 50px;
  display: inline-block;
  font-weight: 700;
  letter-spacing: normal;
  position: relative;
}
@media screen and (max-width: 769px) {
  div.utility-block ul.utility-nav li {
    margin: 0;
  }
  div.utility-block ul.utility-nav li:before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background-color: #DDD;
    position: absolute;
    top: 10px;
    right: 0;
  }
}
div.utility-block ul.utility-nav li:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  position: absolute;
  top: 15px;
  right: 0;
  background-color: #DDD;
}
@media screen and (max-width: 769px) {
  div.utility-block ul.utility-nav li:after {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  div.utility-block ul.utility-nav li:nth-child(3):after {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  div.utility-block ul.utility-nav li.pc {
    display: none;
  }
}
div.utility-block ul.utility-nav li.sp {
  display: none;
}
@media screen and (max-width: 769px) {
  div.utility-block ul.utility-nav li.sp {
    display: inline-block;
  }
}
div.utility-block ul.utility-nav li a {
  color: #333;
  display: inline-block;
  font-size: 12px;
  line-height: 1.3;
  height: 50px;
  padding: 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
div.utility-block ul.utility-nav li a:hover {
  color: #ff8a00;
}
#menu div.utility-block ul.utility-nav li a {
  color: #FFF;
}
div.utility-block ul.utility-nav li a.login {
  padding: 0;
}
@media screen and (max-width: 769px) {
  div.utility-block ul.utility-nav li a.login {
    width: 50px;
    height: 50px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2076px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
div.utility-block ul.utility-nav li a.tel {
  padding: 0;
}
@media screen and (max-width: 769px) {
  div.utility-block ul.utility-nav li a.tel {
    width: 50px;
    height: 50px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1184px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
div.utility-block div#btn-menu,
div.utility-block div#btn-menu-2 {
  height: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  padding: 0 20px;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  background-color: white;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media screen and (max-width: 769px) {
  div.utility-block div#btn-menu,
  div.utility-block div#btn-menu-2 {
    padding: 0 15px 0 15px;
    background-color: transparent;
    box-shadow: none;
  }
}
#menu div.utility-block div#btn-menu, #menu
div.utility-block div#btn-menu-2 {
  color: #FFF;
  background: none;
  box-shadow: none;
}
div.utility-block div#btn-menu span.menu,
div.utility-block div#btn-menu-2 span.menu {
  display: inline-block;
}
@media screen and (max-width: 769px) {
  div.utility-block div#btn-menu span.menu,
  div.utility-block div#btn-menu-2 span.menu {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  div.utility-block div#btn-menu:hover,
  div.utility-block div#btn-menu-2:hover {
    color: #ff8a00;
  }
  div.utility-block div#btn-menu:hover .menu-trigger span,
  div.utility-block div#btn-menu-2:hover .menu-trigger span {
    background-color: #ff8a00;
  }
}
div.utility-block div#btn-menu .menu-trigger,
div.utility-block div#btn-menu .menu-trigger span,
div.utility-block div#btn-menu-2 .menu-trigger,
div.utility-block div#btn-menu-2 .menu-trigger span {
  display: inline-block;
  -moz-transition: background-color 0.4s ease, width 0.4s ease, -moz-transform 0.4s ease;
  -o-transition: background-color 0.4s ease, width 0.4s ease, -o-transform 0.4s ease;
  -webkit-transition: background-color 0.4s ease, width 0.4s ease, -webkit-transform 0.4s ease;
  transition: background-color 0.4s ease, width 0.4s ease, transform 0.4s ease;
  box-sizing: border-box;
}
div.utility-block div#btn-menu .menu-trigger,
div.utility-block div#btn-menu-2 .menu-trigger {
  position: relative;
  width: 15px;
  height: 14px;
  top: 0;
  left: 0;
  margin-right: 10px;
}
div.utility-block div#btn-menu .menu-trigger span,
div.utility-block div#btn-menu-2 .menu-trigger span {
  position: absolute;
  right: 0;
  width: 15px;
  height: 2px;
  background-color: #000;
}
div.utility-block div#btn-menu .menu-trigger span:nth-of-type(1),
div.utility-block div#btn-menu-2 .menu-trigger span:nth-of-type(1) {
  top: 0;
}
div.utility-block div#btn-menu .menu-trigger span:nth-of-type(2),
div.utility-block div#btn-menu-2 .menu-trigger span:nth-of-type(2) {
  width: 12px;
  top: 6px;
}
div.utility-block div#btn-menu .menu-trigger span:nth-of-type(3),
div.utility-block div#btn-menu-2 .menu-trigger span:nth-of-type(3) {
  width: 9px;
  bottom: 0;
}
@media screen and (max-width: 769px) {
  div.utility-block div#btn-menu .menu-trigger,
  div.utility-block div#btn-menu-2 .menu-trigger {
    margin-right: 5px;
  }
}
div.utility-block div#btn-menu.active .menu-trigger span,
div.utility-block div#btn-menu-2.active .menu-trigger span {
  background-color: #FFF !important;
}
div.utility-block div#btn-menu.active .menu-trigger span:nth-of-type(1),
div.utility-block div#btn-menu-2.active .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
div.utility-block div#btn-menu.active .menu-trigger span:nth-of-type(2),
div.utility-block div#btn-menu-2.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
div.utility-block div#btn-menu.active .menu-trigger span:nth-of-type(3),
div.utility-block div#btn-menu-2.active .menu-trigger span:nth-of-type(3) {
  width: 15px;
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}

#menu-close {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 31;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
#menu-close.active {
  pointer-events: auto;
}

#menu {
  width: 460px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 32;
  opacity: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  background-color: #595649;
  box-shadow: -4px 0 0 rgba(0, 0, 0, 0.05);
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  #menu {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 769px) {
  #menu {
    width: 320px;
  }
}
#menu.active {
  opacity: 1;
  pointer-events: auto;
}
#menu .menu-wrap {
  width: -webkit-calc( 100% - 80px );
  width: calc( 100% - 80px );
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 30px;
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap {
    width: -webkit-calc( 100% - 40px );
    width: calc( 100% - 40px );
    border: none;
    margin: 60px auto 0;
  }
}
#menu .menu-wrap a {
  color: #FFF;
}
#menu .menu-wrap .menu-group1 {
  height: 120px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group1 {
    height: auto;
    padding: 0 0 10px;
  }
}
#menu .menu-wrap .menu-group1 a {
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  width: 33.3333%;
  height: 120px;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
  padding: 68px 0 0;
  position: relative;
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group1 a {
    font-size: 11px;
    margin: 0;
    padding: 0;
  }
  #menu .menu-wrap .menu-group1 a br {
    display: none;
  }
}
#menu .menu-wrap .menu-group1 a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 769px) {
  #menu .menu-wrap .menu-group1 a:after {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 0;
    top: 30px;
  }
}
#menu .menu-wrap .menu-group1 a:last-child:after {
  display: none;
}
#menu .menu-wrap .menu-group1 a::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group1 a::before {
    display: none;
  }
}
#menu .menu-wrap .menu-group1 a.service::before {
  width: 41px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -454px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #menu .menu-wrap .menu-group1 a.service::before {
    width: 41px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -517px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group1 a.service {
    width: 90px;
    height: 90px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -3561px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#menu .menu-wrap .menu-group1 a.set::before {
  width: 36px;
  height: 31px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -483px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #menu .menu-wrap .menu-group1 a.set::before {
    width: 36px;
    height: 31px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -543px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group1 a.set {
    width: 90px;
    height: 90px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -3841px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#menu .menu-wrap .menu-group1 a.membership::before {
  width: 30px;
  height: 33px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -416px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #menu .menu-wrap .menu-group1 a.membership::before {
    width: 30px;
    height: 33px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -481px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group1 a.membership {
    width: 90px;
    height: 90px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -4121px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#menu .menu-wrap .menu-group2,
#menu .menu-wrap .menu-group3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  #menu .menu-wrap .menu-group2:after,
  #menu .menu-wrap .menu-group3:after {
    content: "";
    display: block;
    width: 1px;
    height: -webkit-calc( 100% - 50px );
    height: calc( 100% - 50px );
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 50%;
    top: 25px;
  }
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group2,
  #menu .menu-wrap .menu-group3 {
    padding: 10px 0;
  }
}
#menu .menu-wrap .menu-group2 li,
#menu .menu-wrap .menu-group3 li {
  width: 50%;
  box-sizing: border-box;
  padding: 0 5px 0 35px;
  position: relative;
}
#menu .menu-wrap .menu-group2 li a,
#menu .menu-wrap .menu-group3 li a {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  height: 30px;
  letter-spacing: 0.03em;
  line-height: 30px;
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
#menu .menu-wrap .menu-group2 li a::before,
#menu .menu-wrap .menu-group3 li a::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 19px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #f5f4f1;
  border-right: 1px solid #f5f4f1;
  transform: rotate(45deg);
}
@media screen and (min-width: 769px) {
  #menu .menu-wrap .menu-group2 li a:hover,
  #menu .menu-wrap .menu-group3 li a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group2 li,
  #menu .menu-wrap .menu-group3 li {
    padding: 0 5px 0 15px;
  }
  #menu .menu-wrap .menu-group2 li a,
  #menu .menu-wrap .menu-group3 li a {
    font-size: 11px;
  }
  #menu .menu-wrap .menu-group2 li a::before,
  #menu .menu-wrap .menu-group3 li a::before {
    left: 0;
  }
}
@media screen and (max-width: 321px) {
  #menu .menu-wrap .menu-group2 li a,
  #menu .menu-wrap .menu-group3 li a {
    font-size: 10px;
    height: 22px;
    letter-spacing: normal;
    line-height: 22px;
  }
}
#menu .menu-wrap .menu-group3 {
  border-bottom: none;
}
@media screen and (max-width: 769px) {
  #menu .menu-wrap .menu-group3 {
    padding-bottom: 0;
  }
}

/****************************************

          SIDEBAR
          
*****************************************/
div.sidebar {
  width: 210px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  font-weight: 700;
  z-index: 30;
  background-color: #f5f4f1;
  -moz-transition: opacity 0.7s ease 1s;
  -o-transition: opacity 0.7s ease 1s;
  -webkit-transition: opacity 0.7s ease;
  -webkit-transition-delay: 1s;
  transition: opacity 0.7s ease 1s;
}
@media screen and (min-width: 769px) {
  div.sidebar {
    box-shadow: 2px 0 0 rgba(0, 0, 0, 0.05);
  }
}
@media screen and (max-width: 769px) {
  div.sidebar {
    width: 100%;
    height: 50px;
    background-color: #f5f4f1;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  }
  .home.first-access div.sidebar {
    opacity: 0;
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }
}
.home.first-access .load div.sidebar {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -moz-transition: opacity 1s ease 4.5s, -moz-transform 1s ease 4.5s, box-shadow 0.5s ease, background-color 0.4s ease;
  -o-transition: opacity 1s ease 4.5s, -o-transform 1s ease 4.5s, box-shadow 0.5s ease, background-color 0.4s ease;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease, box-shadow 0.5s ease, background-color 0.4s ease;
  -webkit-transition-delay: 4.5s, 4.5s, 0s, 0s;
  transition: opacity 1s ease 4.5s, transform 1s ease 4.5s, box-shadow 0.5s ease, background-color 0.4s ease;
}
@media screen and (max-width: 769px) {
  .home.first-access .load div.sidebar {
    -moz-transition: opacity 1s ease 1s, -moz-transform 1s ease 1s, box-shadow 0.5s ease, background-color 0.4s ease;
    -o-transition: opacity 1s ease 1s, -o-transform 1s ease 1s, box-shadow 0.5s ease, background-color 0.4s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease, box-shadow 0.5s ease, background-color 0.4s ease;
    -webkit-transition-delay: 1s, 1s, 0s, 0s;
    transition: opacity 1s ease 1s, transform 1s ease 1s, box-shadow 0.5s ease, background-color 0.4s ease;
  }
}
@media screen and (min-width: 769px) {
  div.sidebar:after {
    content: "";
    display: block;
    width: 1px;
    height: -webkit-calc( 100% - 60px );
    height: calc( 100% - 60px );
    position: fixed;
    top: 30px;
    left: 209px;
    background-color: rgba(255, 255, 255, 0.4);
    opacity: 0;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .home div.sidebar:after {
    opacity: 1;
  }
  .home.scl div.sidebar:after {
    opacity: 0;
  }
}
@media screen and (max-width: 769px) {
  div.sidebar.active {
    background-color: transparent !important;
    box-shadow: 2px 0 0 transparent;
  }
  div.sidebar.active + .utility-block .utility-nav {
    display: none;
  }
  div.sidebar.active h1 a span {
    opacity: 0 !important;
  }
  div.sidebar.active h1 a:after {
    opacity: 1 !important;
  }
}
div.sidebar h1 {
  width: 147px;
  height: 134px;
  position: absolute;
  top: 25px;
  left: 31px;
}
@media screen and (max-width: 769px) {
  div.sidebar h1 {
    width: 190px;
    height: 50px;
    top: 0;
    left: 15px;
  }
}
div.sidebar h1 a {
  width: 147px;
  height: 134px;
  display: block;
  position: relative;
}
@media screen and (max-width: 769px) {
  div.sidebar h1 a {
    width: 190px;
    height: 50px;
  }
}
div.sidebar h1 a span {
  display: block;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 147px;
  height: 134px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -2085px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar h1 a span {
    width: 147px;
    height: 133px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2256px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.sidebar h1 a span {
    width: 190px;
    height: 50px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2392px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 321px) {
  div.sidebar h1 a span {
    width: 172.5px;
    height: 50px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2444px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  div.sidebar h1 a:after {
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    width: 147px;
    height: 133px;
    background-image: url('../img/spr-sb153410753.png');
    background-position: 0 -2279px;
    background-repeat: no-repeat;
    -moz-background-size: 470px auto;
    -o-background-size: 470px auto;
    -webkit-background-size: 470px auto;
    background-size: 470px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 769px) and (min-resolution: 2dppx) {
  div.sidebar h1 a:after {
    width: 147px;
    height: 133px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2549px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  div.sidebar h1 a:hover span {
    opacity: 0.8;
  }
}
div.sidebar ul.sidebar-nav {
  position: absolute;
  top: 195px;
  left: 30px;
}
@media screen and (max-width: 769px) {
  div.sidebar ul.sidebar-nav {
    display: none;
  }
}
div.sidebar ul.sidebar-nav li + li {
  margin-top: 10px;
}
div.sidebar ul.sidebar-nav li a {
  color: #333;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.home div.sidebar ul.sidebar-nav li a {
  color: #FFF;
}
.home.scl div.sidebar ul.sidebar-nav li a {
  color: #333;
}
.home.scl div.sidebar ul.sidebar-nav li a:hover {
  color: #ff8a00;
}
div.sidebar ul.sidebar-nav li a:hover {
  color: #ff8a00;
}
div.sidebar div.tel-block {
  width: 180px;
  position: absolute;
  bottom: 82px;
  left: 30px;
}
@media screen and (min-width: 769px) and (max-height: 680px) {
  div.sidebar div.tel-block {
    bottom: 30px;
  }
}

@media screen and (max-width: 769px) {
  div.sidebar div.tel-block {
    display: none;
  }
}
div.sidebar div.tel-block .tel {
  color: #333;
  position: relative;
  padding-left: 28px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  letter-spacing: 0.03em;
  -moz-transition: color 0.4s ease, border 0.4s ease;
  -o-transition: color 0.4s ease, border 0.4s ease;
  -webkit-transition: color 0.4s ease, border 0.4s ease;
  transition: color 0.4s ease, border 0.4s ease;
}
div.sidebar div.tel-block .tel a {
  color: #333;
}
.home div.sidebar div.tel-block .tel {
  color: #FFF;
}
.home div.sidebar div.tel-block .tel a {
  color: #FFF;
}
.home.scl div.sidebar div.tel-block .tel {
  color: #333;
}
.home.scl div.sidebar div.tel-block .tel a {
  color: #333;
}
div.sidebar div.tel-block .tel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1814px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.tel-block .tel::before {
    width: 18px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1950px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.tel-block .tel::before {
  opacity: 0;
}
.home.scl div.sidebar div.tel-block .tel::before {
  opacity: 1;
}
div.sidebar div.tel-block .tel::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1837px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.tel-block .tel::after {
    width: 18px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1971px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.tel-block .tel::after {
  opacity: 1;
}
.home.scl div.sidebar div.tel-block .tel::after {
  opacity: 0;
}
div.sidebar div.sidebar-share {
  width: 150px;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
@media screen and (min-width: 769px) and (max-height: 680px) {
  div.sidebar div.sidebar-share {
    display: none;
  }
}

@media screen and (max-width: 769px) {
  div.sidebar div.sidebar-share {
    display: none;
  }
}
div.sidebar div.sidebar-share a {
  width: 38px;
  height: 40px;
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}
div.sidebar div.sidebar-share a:before, div.sidebar div.sidebar-share a:after {
  content: "";
  display: block;
  width: 38px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
div.sidebar div.sidebar-share a:before {
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
div.sidebar div.sidebar-share a:after {
  opacity: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
div.sidebar div.sidebar-share a.ico-instagram:before {
  width: 40px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1546px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.sidebar-share a.ico-instagram:before {
    width: 40px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1630px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.sidebar-share a.ico-instagram:before {
  opacity: 0;
}
.home.scl div.sidebar div.sidebar-share a.ico-instagram:before {
  opacity: 1;
}
div.sidebar div.sidebar-share a.ico-instagram:after {
  width: 38px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1591px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.sidebar-share a.ico-instagram:after {
    width: 38px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1673px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.sidebar-share a.ico-instagram:after {
  opacity: 1;
}
.home.scl div.sidebar div.sidebar-share a.ico-instagram:after {
  opacity: 0;
}
div.sidebar div.sidebar-share a.ico-facebook:before {
  width: 40px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1456px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.sidebar-share a.ico-facebook:before {
    width: 40px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1545px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.sidebar-share a.ico-facebook:before {
  opacity: 0;
}
.home.scl div.sidebar div.sidebar-share a.ico-facebook:before {
  opacity: 1;
}
div.sidebar div.sidebar-share a.ico-facebook:after {
  width: 38px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1501px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.sidebar-share a.ico-facebook:after {
    width: 38px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1588px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.sidebar-share a.ico-facebook:after {
  opacity: 1;
}
.home.scl div.sidebar div.sidebar-share a.ico-facebook:after {
  opacity: 0;
}
div.sidebar div.sidebar-share a.ico-twitter:before {
  width: 40px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1860px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.sidebar-share a.ico-twitter:before {
    width: 40px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1991px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.sidebar-share a.ico-twitter:before {
  opacity: 0;
}
.home.scl div.sidebar div.sidebar-share a.ico-twitter:before {
  opacity: 1;
}
div.sidebar div.sidebar-share a.ico-twitter:after {
  width: 38px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1905px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.sidebar div.sidebar-share a.ico-twitter:after {
    width: 38px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2034px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.home div.sidebar div.sidebar-share a.ico-twitter:after {
  opacity: 1;
}
.home.scl div.sidebar div.sidebar-share a.ico-twitter:after {
  opacity: 0;
}
div.sidebar div.sidebar-share a span {
  display: none;
}

@media screen and (min-width: 769px) {
  .home div.sidebar {
    background-color: transparent;
    box-shadow: 2px 0 0 transparent;
    -moz-transition: background-color 0.4s ease, box-shadow 0.4s ease, opacity 0.7s ease 1s;
    -o-transition: background-color 0.4s ease, box-shadow 0.4s ease, opacity 0.7s ease 1s;
    -webkit-transition: background-color 0.4s ease, box-shadow 0.4s ease, opacity 0.7s ease;
    -webkit-transition-delay: 0s, 0s, 1s;
    transition: background-color 0.4s ease, box-shadow 0.4s ease, opacity 0.7s ease 1s;
  }
  .home.scl div.sidebar {
    background-color: #f5f4f1;
    box-shadow: 2px 0 0 rgba(0, 0, 0, 0.05);
  }
  .home.first-access div.sidebar {
    opacity: 0;
    -moz-transform: translate(-220px, 0);
    -ms-transform: translate(-220px, 0);
    -webkit-transform: translate(-220px, 0);
    transform: translate(-220px, 0);
  }
}
@media screen and (min-width: 769px) {
  .home div.sidebar h1 a span {
    opacity: 0;
  }
  .home div.sidebar h1 a:after {
    opacity: 1;
  }
  .home.scl div.sidebar h1 a span {
    opacity: 1;
  }
  .home.scl div.sidebar h1 a:after {
    opacity: 0;
  }
}
@media screen and (max-width: 769px) {
  div.sidebar h1 a span {
    opacity: 1;
  }
  div.sidebar h1 a:after {
    opacity: 0;
  }
}
div.sidebar div.sidebar-share .home a:before {
  opacity: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
div.sidebar div.sidebar-share .home a:after {
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
div.sidebar div.sidebar-share .home.scl a:before {
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
div.sidebar div.sidebar-share .home.scl a:after {
  opacity: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

/****************************************

          FOOTER
          
*****************************************/
.post-type-archive-farmer footer.footer,
.tax-farmer-location footer.footer {
  margin-top: 0;
}

footer.footer {
  display: block;
  background-color: #595649;
  margin-top: 140px;
  position: relative;
}
@media screen and (max-width: 769px) {
  footer.footer {
    margin-top: 80px;
  }
}
footer.footer div.inner {
  max-width: 1000%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 50px 50px;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner {
    padding: 20px 0;
  }
}
footer.footer div.inner div.footer-row1 {
  font-weight: 700;
  height: 120px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  *zoom: 1;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 {
    height: auto;
  }
}
footer.footer div.inner div.footer-row1 div.footer-left {
  float: left;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-left {
    float: none;
  }
}
footer.footer div.inner div.footer-row1 div.footer-logo {
  width: 188px;
  height: 33px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -2005px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  top: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row1 div.footer-logo {
    width: 188px;
    height: 33px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2181px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-logo {
    top: auto;
    margin: 0 auto;
  }
}
footer.footer div.inner div.footer-row1 div.footer-share {
  width: 120px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  position: absolute;
  top: 67px;
  left: 270px;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-share {
    position: relative;
    top: auto;
    left: auto;
    margin: 15px auto;
  }
}
footer.footer div.inner div.footer-row1 div.footer-share a {
  display: block;
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media screen and (min-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-share a:hover {
    opacity: 0.5;
  }
}
footer.footer div.inner div.footer-row1 div.footer-share a.instagram {
  width: 38px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1591px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row1 div.footer-share a.instagram {
    width: 38px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1673px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
footer.footer div.inner div.footer-row1 div.footer-share a.facebook {
  width: 38px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1501px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row1 div.footer-share a.facebook {
    width: 38px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1588px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
footer.footer div.inner div.footer-row1 div.footer-share a.twitter {
  width: 38px;
  height: 40px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1905px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row1 div.footer-share a.twitter {
    width: 38px;
    height: 40px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2034px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
footer.footer div.inner div.footer-row1 div.footer-right {
  float: right;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 360px;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-right {
    float: none;
    width: 290px;
    margin: 15px auto;
  }
}
footer.footer div.inner div.footer-row1 div.footer-right a {
  position: relative;
  color: #f5f4f1;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 0 20px;
  padding: 40px 0 0 0;
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-right a {
    margin: 0;
    font-size: 11px;
    padding: 0;
  }
  footer.footer div.inner div.footer-row1 div.footer-right a br {
    display: none;
  }
}
footer.footer div.inner div.footer-row1 div.footer-right a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-right a::before {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-right a:hover {
    opacity: 0.5;
  }
}
footer.footer div.inner div.footer-row1 div.footer-right a.service::before {
  width: 41px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -454px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row1 div.footer-right a.service::before {
    width: 41px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -517px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-right a.service {
    width: 90px;
    height: 90px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -3561px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
footer.footer div.inner div.footer-row1 div.footer-right a.set::before {
  width: 36px;
  height: 31px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -483px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row1 div.footer-right a.set::before {
    width: 36px;
    height: 31px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -543px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-right a.set {
    width: 90px;
    height: 90px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -3841px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
footer.footer div.inner div.footer-row1 div.footer-right a.membership::before {
  width: 30px;
  height: 33px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -416px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row1 div.footer-right a.membership::before {
    width: 30px;
    height: 33px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -481px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row1 div.footer-right a.membership {
    width: 90px;
    height: 90px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -4121px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
footer.footer div.inner div.footer-row2,
footer.footer div.inner div.footer-row3 {
  font-weight: 700;
  padding: 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row2,
  footer.footer div.inner div.footer-row3 {
    padding: 10px 15px;
  }
}
footer.footer div.inner div.footer-row2 ul.footer-nav,
footer.footer div.inner div.footer-row3 ul.footer-nav {
  letter-spacing: -0.4em;
}
footer.footer div.inner div.footer-row2 ul.footer-nav li,
footer.footer div.inner div.footer-row3 ul.footer-nav li {
  display: inline-block;
  letter-spacing: normal;
  margin: 3px 25px 3px 0;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row2 ul.footer-nav li,
  footer.footer div.inner div.footer-row3 ul.footer-nav li {
    width: 50%;
    margin: 0;
  }
}
footer.footer div.inner div.footer-row2 ul.footer-nav li a,
footer.footer div.inner div.footer-row3 ul.footer-nav li a {
  color: #f5f4f1;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding-left: 12px;
  opacity: 1;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media screen and (min-width: 769px) {
  footer.footer div.inner div.footer-row2 ul.footer-nav li a:hover,
  footer.footer div.inner div.footer-row3 ul.footer-nav li a:hover {
    opacity: 0.5;
  }
}
footer.footer div.inner div.footer-row2 ul.footer-nav li a::before,
footer.footer div.inner div.footer-row3 ul.footer-nav li a::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #f5f4f1;
  border-right: 1px solid #f5f4f1;
  transform: rotate(45deg);
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row2 ul.footer-nav li,
  footer.footer div.inner div.footer-row3 ul.footer-nav li {
    padding: 0 5px 0 5px;
  }
  footer.footer div.inner div.footer-row2 ul.footer-nav li a,
  footer.footer div.inner div.footer-row3 ul.footer-nav li a {
    font-size: 11px;
  }
  footer.footer div.inner div.footer-row2 ul.footer-nav li a::before,
  footer.footer div.inner div.footer-row3 ul.footer-nav li a::before {
    top: 11px;
    left: 0;
  }
}
@media screen and (max-width: 321px) {
  footer.footer div.inner div.footer-row2 ul.footer-nav li a,
  footer.footer div.inner div.footer-row3 ul.footer-nav li a {
    font-size: 10px;
    height: 22px;
    letter-spacing: normal;
    line-height: 22px;
  }
}
footer.footer div.inner div.footer-row4 .keihan {
  margin-top: 25px;
  width: 142px;
  height: 37px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -2043px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  footer.footer div.inner div.footer-row4 .keihan {
    width: 142px;
    height: 37px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2217px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row4 .keihan {
    margin: 25px 0 0 20px;
  }
}
footer.footer div.inner div.footer-row4 p.copyright {
  margin-top: 20px;
  color: #f5f4f1;
  font-size: 10px;
}
@media screen and (max-width: 769px) {
  footer.footer div.inner div.footer-row4 p.copyright {
    margin: 20px 0 0 20px;
  }
}

a[href^="tel:"] {
  cursor: default;
}

/****************************************

          corner
          
*****************************************/
.corner-wrap {
  margin: 160px auto 80px;
  max-width: 1100px;
}
@media screen and (max-width: 769px) {
  .corner-wrap {
    margin: 80px auto 40px;
  }
}
.corner-wrap.top {
  margin: 200px auto;
}
@media screen and (max-width: 769px) {
  .corner-wrap.top {
    margin: 80px auto;
  }
}
.corner-wrap .corner-cover {
  position: relative;
  height: 400px;
  background-color: #9a9a9a;
  background-size: cover;
  background-position: center center;
  z-index: -2;
}
@media screen and (max-width: 769px) {
  .corner-wrap .corner-cover {
    height: 250px;
  }
}
.corner-wrap.delivery .corner-cover {
  background-image: url(../img/pic-top-corner1.jpg);
}
.corner-wrap.product .corner-cover {
  background-image: url(../img/pic-top-corner2.jpg);
}
.corner-wrap.organic .corner-cover {
  background-image: url(../img/pic-cover-16.jpg);
}
.corner-wrap .corner-header {
  position: relative;
  max-width: 700px;
  margin: -50px auto 0;
  padding: 65px 0 0;
  background-color: #f5f4f1;
}
@media screen and (max-width: 769px) {
  .corner-wrap .corner-header {
    width: -webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    margin: -30px auto 0;
    padding: 35px 0 0;
  }
}
.corner-wrap .corner-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.07);
  z-index: -1;
}
@media screen and (max-width: 769px) {
  .corner-wrap .corner-header::before {
    height: 50px;
  }
}
.corner-wrap .corner-header .content-title {
  margin-top: 0;
}
.corner-wrap p.content-read {
  display: block;
  max-width: 600px;
  margin: 40px auto 0;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .corner-wrap p.content-read {
    width: -webkit-calc( 100% - 30px);
    width: calc( 100% - 30px);
    margin: 15px auto 0;
    padding: 0px;
    text-align: justify;
  }
  .corner-wrap p.content-read .pc {
    display: none;
  }
}

/****************************************

          corner
          
*****************************************/
.corner-title {
  margin: 160px auto 80px;
  max-width: 1100px;
}
@media screen and (max-width: 769px) {
  .corner-title {
    margin: 80px auto 40px;
  }
  .editor .corner-title {
    width: -webkit-calc( 100% + 40px );
    width: calc( 100% + 40px );
    margin-left: -20px;
  }
}
.corner-title .corner-title-cover {
  position: relative;
  height: 350px;
  background-color: #9a9a9a;
  background-size: cover;
  background-position: center center;
  z-index: -2;
}
@media screen and (max-width: 769px) {
  .corner-title .corner-title-cover {
    height: 220px;
  }
}
.corner-title .corner-title-header {
  position: relative;
  max-width: 700px;
  margin: -50px auto 0;
  padding: 65px 0 0;
  background-color: #f5f4f1;
}
@media screen and (max-width: 769px) {
  .corner-title .corner-title-header {
    width: -webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    margin: -30px auto 0;
    padding: 35px 0 0;
  }
}
.corner-title .corner-title-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.07);
  z-index: -1;
}
@media screen and (max-width: 769px) {
  .corner-title .corner-title-header::before {
    height: 50px;
  }
}
.corner-title .corner-title-header .content-title {
  margin-top: 0;
  padding: 0 20px;
}
.corner-title p.corner-title-read {
  display: block;
  max-width: 600px;
  margin: 40px auto 0;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .corner-title p.corner-title-read {
    width: -webkit-calc( 100% - 30px);
    width: calc( 100% - 30px);
    margin: 15px auto 0;
    padding: 0px;
    text-align: justify;
  }
  .corner-title p.corner-title-read .pc {
    display: none;
  }
}

/****************************************

          各コンテンツのヘッダー部分
          
*****************************************/
.content-header-wrap {
  width: 100%;
}
.content-header-wrap .content-cover {
  position: relative;
  height: 400px;
  background-color: #f5f4f1;
  background-size: cover;
  background-position: center center;
  z-index: -2;
}
@media screen and (max-width: 769px) {
  .content-header-wrap .content-cover {
    height: 250px;
  }
}
.content-header-wrap.delivery .content-cover {
  background-image: url(../img/pic-top-corner1.jpg);
}
.content-header-wrap.product .content-cover {
  background-image: url(../img/pic-top-corner2.jpg);
}
.content-header-wrap.organic .content-cover {
  background-image: url(../img/pic-cover-16.jpg);
}
.content-header-wrap.english .content-cover {
  background-image: url(../img/pic-cover-english.jpg);
}
.content-header-wrap.otodoke .content-cover {
  background-image: url(../img/pic-cover-02.jpg);
}
.content-header-wrap.biomamaclub .content-cover {
  background-image: url(../img/pic-cover-15.jpg);
}
.content-header-wrap.shoplist .content-cover {
  background-image: url(../img/pic-cover-06.jpg);
}
.content-header-wrap.company .content-cover {
  background-image: url(../img/pic-cover-company.jpg);
}
.content-header-wrap.about-us .content-cover {
  background-image: url(../img/pic-cover-aboutus.jpg);
}
.content-header-wrap.recruit .content-cover {
  background-image: url(../img/company/pic-cover-recruit.jpg);
}
.content-header-wrap.info .content-cover {
  background-image: url(../img/pic-cover-14.jpg);
}
.content-header-wrap.about .content-cover {
  background-image: url(../img/pic-cover-13.jpg);
}
.content-header-wrap.guide .content-cover {
  background-image: url(../img/pic-cover-10.jpg);
}
.content-header-wrap.register .content-cover {
  background-image: url(../img/pic-cover-17.jpg);
}
.content-header-wrap.trial .content-cover {
  background-image: url(../img/pic-cover-18.jpg);
}
.content-header-wrap.contact-form .content-cover {
  background-image: url(../img/pic-cover-05.jpg);
}
.content-header-wrap.takuhai-form .content-cover {
  background-image: url(../img/pic-cover-05.jpg);
}
.content-header-wrap .content-header {
  position: relative;
  max-width: 700px;
  min-height: 150px;
  margin: -50px auto 0;
  padding: 65px 0 0;
  background-color: #f5f4f1;
}
.tax-product-cat .content-header-wrap .content-header {
  min-height: 130px;
}
@media screen and (max-width: 769px) {
  .content-header-wrap .content-header {
    width: -webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    margin: -30px auto 0;
    padding: 35px 0 0;
    min-height: 100px;
  }
  .tax-product-cat .content-header-wrap .content-header {
    min-height: 50px;
  }
}
.content-header-wrap .content-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.07);
  z-index: -1;
}
@media screen and (max-width: 769px) {
  .content-header-wrap .content-header::before {
    height: 50px;
  }
  .tax-product-cat .content-header-wrap .content-header::before {
    height: 30px;
  }
}
.content-header-wrap .content-header .content-title {
  margin-top: 0;
}
.content-header-wrap .content-header .content-sub-title {
  display: block;
  max-width: 550px;
  margin: 40px auto 0;
  padding: 0 15px;
  text-align: left;
  color: #000;
  font-size: 22px;
  letter-spacing: 0.12em;
  line-height: 1.3;
  font-weight: 600;
  margin-top: 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.content-header-wrap .content-header .content-sub-title + p {
  margin: 10px auto 0;
}
.content-header-wrap p.content-read {
  display: block;
  max-width: 550px;
  margin: 40px auto 0;
  text-align: left;
  text-align: justify;
}
@media screen and (max-width: 769px) {
  .content-header-wrap p.content-read {
    width: -webkit-calc( 100% - 10px );
    width: calc( 100% - 10px );
    margin: 15px auto 0;
  }
}

/****************************************

          ナビとメインコンテンツのレイアウト
          
*****************************************/
div.content div.col-right {
  margin-left: 210px;
}
@media screen and (max-width: 769px) {
  div.content div.col-right {
    padding-top: 51px;
    margin-left: 0;
  }
  .home div.content div.col-right {
    margin-left: 0;
    padding-top: 50px;
  }
}

/****************************************

          CONTENT : タイトル
          アーカイブは h1 に指定
          シングルは div に指定
*****************************************/
.content-title {
  color: #000;
  text-align: center;
  font-size: 28px;
  letter-spacing: 0.12em;
  line-height: 1.3;
  font-weight: 600;
  margin-top: 150px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.tax-product-cat .content-title {
  font-size: 24px;
  margin-top: 80px;
}
@media screen and (max-width: 769px) {
  .content-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .tax-product-cat .content-title {
    font-size: 16px;
    margin-top: 40px;
  }
  .tax-farmer-location .content-title, .post-type-archive .content-title, .tax-faq-cat .content-title, .search-results .content-title {
    margin-top: 35px;
  }
}
@media screen and (max-width: 321px) {
  .content-title {
    font-size: 16px;
    margin-top: 50px;
  }
}
.content-title small {
  font-size: 24px;
  font-size: 14px;
}
.single .content-title {
  margin-top: 60px;
}
@media screen and (max-width: 769px) {
  .single .content-title {
    margin-top: 40px;
  }
}
.single.single-faq .content-title, .single.single-farmer .content-title, .single.single-info .content-title {
  margin-top: 120px;
}
@media screen and (max-width: 769px) {
  .single.single-faq .content-title, .single.single-farmer .content-title, .single.single-info .content-title {
    margin-top: 30px;
  }
}

@media screen and (max-width: 769px) {
  .main-header + .content-title {
    margin-top: 30px;
  }
}

/****************************************

          CONTENT : inner
          メインコンテンツの inner
          
*****************************************/
.main-inner {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .main-inner {
    max-width: 100%;
  }
}

/****************************************

          CONTENT : 共通 FAQなどのサブ・カテゴリタイトル
          
*****************************************/
p.content-read {
  margin-top: 35px;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0.09em;
  line-height: 2.3;
  padding: 0 15px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
p.content-read small {
  font-size: 14px;
}
p.content-read a {
  color: #ff8a00;
}
@media screen and (max-width: 769px) {
  p.content-read {
    font-size: 12px;
    line-height: 2;
    margin-top: 15px;
  }
  .post-type-archive-faq p.content-read, .search-results p.content-read {
    margin-top: 15px;
  }
  p.content-read br {
    display: none;
  }
  p.content-read.sp-left {
    text-align: left;
  }
  p.content-read small {
    font-size: 11px;
  }
}

p.page-read {
  margin-top: 35px;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 2.3;
  padding: 0 15px;
}
.post-type-archive-farmer p.page-read {
  margin-top: 20px;
}
@media screen and (max-width: 769px) {
  p.page-read {
    font-size: 12px;
    line-height: 2;
  }
  .post-type-archive-faq p.page-read, .search-results p.page-read, .post-type-archive-farmer p.page-read {
    margin-top: 15px;
  }
}

h2.category-title {
  margin-top: 60px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 769px) {
  h2.category-title {
    font-size: 14px;
  }
  .answer + h2.category-title {
    margin-top: 40px;
  }
  .post-type-archive h2.category-title, .tax-faq-cat h2.category-title, .search-results h2.category-title {
    margin-top: 35px;
  }
}
h2.category-title.reset {
  margin-top: 0;
}

div.btn-wrap {
  text-align: center;
  margin: 30px auto 0;
  max-width: 880px;
  letter-spacing: -.4em;
}
div.btn-wrap a {
  letter-spacing: normal;
}
.content-title + div.btn-wrap {
  margin-top: 20px;
}
div.btn-wrap a.btn-back {
  position: relative;
  display: inline-block;
  margin: 0 9px 18px;
  padding: 15px 15px 15px 30px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-back:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
    color: #ff8a00;
  }
}
div.btn-wrap a.btn-back::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(135deg);
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
}
div.btn-wrap a.btn-mail {
  position: relative;
  display: inline-block;
  margin: 15px 20px 0;
  padding: 15px 15px 15px 40px;
  font-size: 13px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-mail:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
    color: #ff8a00;
  }
}
@media screen and (max-width: 769px) {
  div.btn-wrap a.btn-mail {
    margin: 15px 0 0;
  }
}
div.btn-wrap a.btn-mail::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}
div.btn-wrap a.btn-mail::before {
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -617px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.btn-wrap a.btn-mail::before {
    width: 24px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -667px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
div.btn-wrap a.btn-insta {
  position: relative;
  display: inline-block;
  margin: 15px 20px 0;
  padding: 15px 15px 15px 40px;
  font-size: 13px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-insta:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
    color: #ff8a00;
  }
}
@media screen and (max-width: 769px) {
  div.btn-wrap a.btn-insta {
    margin: 15px 0 0;
  }
}
div.btn-wrap a.btn-insta::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}
div.btn-wrap a.btn-insta::before {
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -539px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.btn-wrap a.btn-insta::before {
    width: 24px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -594px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
div.btn-wrap a.btn-next {
  position: relative;
  display: inline-block;
  margin: 0 9px 18px;
  padding: 15px 30px 15px 15px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-next:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
div.btn-wrap a.btn-next::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
}
div.btn-wrap a.btn-more {
  color: #ff8a00;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  max-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.btn-wrap a.btn-more::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -10%;
  display: block;
  width: 120%;
  height: 2px;
  background-color: #ff8a00;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.btn-wrap a.btn-more:hover {
  color: #999;
}
div.btn-wrap a.btn-more:hover::after {
  background-color: #999;
}
@media screen and (max-width: 769px) {
  div.btn-wrap {
    margin: 10px 0 0;
    padding: 0 20px;
  }
  .content-title + div.btn-wrap {
    margin-top: 5px;
  }
  div.btn-wrap a.btn-back {
    font-size: 12px;
  }
  .page-id-31 div.btn-wrap {
    margin-top: 20px;
  }
}
div.btn-wrap a.btn-anchor {
  position: relative;
  display: inline-block;
  margin: 0 2px 8px;
  padding: 10px 10px 10px 30px;
  font-size: 11px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.btn-wrap a.btn-anchor::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-anchor {
    font-size: 14px;
    padding: 15px 15px 15px 35px;
    margin: 0 5px 18px;
  }
  div.btn-wrap a.btn-anchor ::before {
    left: 15px;
  }
  div.btn-wrap a.btn-anchor:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
div.btn-wrap.col4 {
  text-align: left;
}
div.btn-wrap.col4 a.btn-anchor {
  min-width: 23%;
  margin: 0 1% 18px;
}
@media screen and (max-width: 769px) {
  div.btn-wrap.col4 a.btn-anchor {
    width: 48%;
    margin: 0 1% 8px;
  }
}
div.btn-wrap.col4-center {
  text-align: center;
}
@media screen and (max-width: 769px) {
  div.btn-wrap.col4-center {
    text-align: left;
  }
}
div.btn-wrap.col4-center a.btn-anchor {
  min-width: 23%;
  margin: 0 1% 18px;
}
@media screen and (max-width: 769px) {
  div.btn-wrap.col4-center a.btn-anchor {
    width: 48%;
    margin: 0 1% 8px;
  }
}
div.btn-wrap a.btn-form {
  position: relative;
  display: inline-block;
  margin: 0 0 20px;
  padding: 26px 24px 26px 62px;
  line-height: 1;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.btn-wrap a.btn-form::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translateY(-50%);
  width: 25px;
  height: 28px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1031px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.btn-wrap a.btn-form::before {
    width: 25px;
    height: 28px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1080px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.btn-wrap a.btn-form {
    width: auto;
    margin: 0 auto 10px;
    font-size: 14px;
    padding: 20px 15px 20px 50px;
    transform: translateY(3px);
  }
  div.btn-wrap a.btn-form::before {
    left: 16px;
  }
}
@media screen and (max-width: 321px) {
  div.btn-wrap a.btn-form {
    font-size: 12px;
    padding: 20px 12px 20px 50px;
  }
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-form:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
div.btn-wrap a.btn-form-orange {
  position: relative;
  display: inline-block;
  margin: 0 0 20px;
  padding: 26px 24px 26px 62px;
  line-height: 1;
  font-size: 18px;
  font-weight: 600;
  color: #f5f4f1;
  -webkit-font-smoothing: antialiased;
  background-color: #ff8a00;
  border-radius: 5px;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.1);
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.btn-wrap a.btn-form-orange::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translateY(-50%);
  width: 25px;
  height: 28px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -998px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.btn-wrap a.btn-form-orange::before {
    width: 25px;
    height: 28px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1050px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.btn-wrap a.btn-form-orange {
    width: auto;
    margin: 0 auto 10px;
    font-size: 14px;
    padding: 20px 15px 20px 50px;
    transform: translateY(3px);
  }
  div.btn-wrap a.btn-form-orange::before {
    left: 16px;
  }
}
@media screen and (max-width: 321px) {
  div.btn-wrap a.btn-form-orange {
    font-size: 12px;
    padding: 20px 12px 20px 50px;
  }
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-form-orange:hover {
    color: #f5f4f1;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  }
}
div.btn-wrap a.btn-trial {
  position: relative;
  margin: 0 0 20px;
  padding: 23px 24px 23px 70px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.btn-wrap a.btn-trial::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 23px;
  transform: translateY(-50%);
  width: 31px;
  height: 27px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1229px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.btn-wrap a.btn-trial::before {
    width: 31px;
    height: 27px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1266px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-trial:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
@media screen and (max-width: 769px) {
  div.btn-wrap a.btn-trial {
    width: auto;
    margin: 0 auto 10px;
    padding: 20px 15px 20px 60px;
    font-size: 14px;
  }
  div.btn-wrap a.btn-trial::before {
    left: 16px;
  }
}
@media screen and (max-width: 321px) {
  div.btn-wrap a.btn-trial {
    font-size: 12px;
  }
}
div.btn-wrap a.btn-trial-orange {
  position: relative;
  display: inline-block;
  margin: 0 0 20px;
  padding: 26px 24px 26px 62px;
  line-height: 1;
  font-size: 18px;
  font-weight: 600;
  color: #f5f4f1;
  -webkit-font-smoothing: antialiased;
  background-color: #ff8a00;
  border-radius: 5px;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.1);
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.btn-wrap a.btn-trial-orange::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translateY(-50%);
  width: 31px;
  height: 27px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1197px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.btn-wrap a.btn-trial-orange::before {
    width: 31px;
    height: 27px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1236px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.btn-wrap a.btn-trial-orange {
    width: auto;
    margin: 0 auto 10px;
    font-size: 14px;
    padding: 20px 15px 20px 50px;
    transform: translateY(3px);
  }
  div.btn-wrap a.btn-trial-orange::before {
    left: 16px;
  }
}
@media screen and (max-width: 321px) {
  div.btn-wrap a.btn-trial-orange {
    font-size: 12px;
    padding: 20px 12px 20px 50px;
  }
}
@media screen and (min-width: 769px) {
  div.btn-wrap a.btn-trial-orange:hover {
    color: #f5f4f1;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  }
}
div.btn-wrap n-trial2 {
  color: #FFF;
  display: inline-block;
  font-size: 15px;
  line-height: 60px;
  height: 60px;
  box-sizing: border-box;
  border: 1px solid #FFF;
  padding: 0 16px;
  background-color: transparent;
  -moz-transition: color 0.4s ease, background-color 0.4s ease;
  -o-transition: color 0.4s ease, background-color 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}
div.btn-wrap n-trial2:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px 0 0;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
  -moz-transition: border-top 0.4s ease, border-right 0.4s ease;
  -o-transition: border-top 0.4s ease, border-right 0.4s ease;
  -webkit-transition: border-top 0.4s ease, border-right 0.4s ease;
  transition: border-top 0.4s ease, border-right 0.4s ease;
}
@media screen and (max-width: 769px) {
  div.btn-wrap n-trial2 {
    font-size: 12px;
    line-height: 37px;
    height: 37px;
    padding: 0 14px;
  }
}
@media screen and (min-width: 769px) {
  div.btn-wrap n-trial2:hover {
    color: #333;
    background-color: #FFF;
  }
  div.btn-wrap n-trial2:hover:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
}

a.btn-blank,
a.btn-map {
  position: relative;
  display: inline-block;
  margin: 15px 0 0;
  padding: 15px 15px 15px 35px;
  font-size: 13px;
  line-height: 1;
  color: #333 !important;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  a.btn-blank:hover,
  a.btn-map:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
    color: #ff8a00 !important;
  }
}
@media screen and (max-width: 769px) {
  a.btn-blank,
  a.btn-map {
    margin: 15px 0 0;
  }
}
a.btn-blank::before,
a.btn-map::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}

a.btn-blank::before {
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -303px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  a.btn-blank::before {
    width: 24px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -378px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

a.btn-map::before {
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -640px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  a.btn-map::before {
    width: 24px;
    height: 27px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -688px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

a.btn-facebook {
  width: 100%;
  position: relative;
  display: inline-block;
  margin: 15px 0 0;
  padding: 20px 15px 20px 45px;
  font-size: 15px;
  line-height: 1;
  color: #333 !important;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  a.btn-facebook:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
    color: #ff8a00 !important;
  }
}
@media screen and (max-width: 769px) {
  a.btn-facebook {
    margin: 15px 0 0;
  }
}
a.btn-facebook::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

a.btn-facebook::before {
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -360px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  a.btn-facebook::before {
    width: 24px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -430px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

div.btn-wrap2 {
  text-align: left;
  margin: 30px 0 0;
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
}
@media screen and (max-width: 769px) {
  div.btn-wrap2 {
    display: none;
  }
}
div.btn-wrap2 a.btn-anchor {
  position: relative;
  display: inline-block;
  margin: 5px;
  padding: 10px 10px 10px 30px;
  font-size: 13px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #f5f4f1;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  min-width: 180px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  div.btn-wrap2 a.btn-anchor {
    font-size: 13px;
  }
  div.btn-wrap2 a.btn-anchor:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
div.btn-wrap2 a.btn-anchor::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  transform: rotate(45deg);
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
}

.year-list {
  width: 880px;
  margin: 40px auto;
  letter-spacing: -.4em;
}
@media screen and (max-width: 769px) {
  .year-list {
    width: auto;
    margin: 50px 20px;
  }
}
.year-list li {
  display: inline-block;
  letter-spacing: normal;
  margin: 10px 10px 0 0;
}
.year-list li a {
  position: relative;
  color: #333;
  display: inline-block;
  padding: 15px 20px 15px 40px;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  border: 1px solid #ff8a00;
}
.year-list li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  width: 12px;
  height: 12px;
  transform: rotate(-45deg) translateY(-70%);
  border-right: 1px solid #ff8a00;
  border-bottom: 1px solid #ff8a00;
}
@media screen and (min-width: 769px) {
  .year-list li a:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}

/****************************************

          CONTENT : editor
          本文内のスタイル指定
          
*****************************************/
hr {
  display: block;
  width: 140px;
  height: 2px;
  margin: 80px auto 0;
  border: none;
  background-color: #FFF;
}
.tax-product-cat hr {
  margin: 50px auto 0;
}
@media screen and (max-width: 769px) {
  hr {
    margin: 50px auto 0;
  }
}

hr.white_boader {
  display: block;
  width: 100%;
  height: 2px;
  margin: 80px auto 0;
  border: none;
  background: repeating-linear-gradient(90deg, #fff, #fff 6px, #f5f4f1 6px, #f5f4f1 12px);
}
@media screen and (max-width: 769px) {
  hr.white_boader {
    margin: 60px auto 0;
  }
}

.editor-wrap {
  margin: 80px auto;
  padding: 1px 0;
  background-color: #f5f4f1;
}
.editor-wrap .editor {
  margin: 80px auto;
}
@media screen and (max-width: 769px) {
  .editor-wrap .editor {
    width: auto;
    margin: 40px 20px;
  }
}

.editor {
  max-width: 800px;
  margin: 100px auto;
  /* blockquote 色座布団 */
  /* テキストリンク・リンクボタン   */
  /* テーブル：標準*/
  /* テーブル：放射能*/
  /* テーブル残留放射性物質の検査結果 */
}
.tax-product-cat .editor {
  margin: 0 auto 100px;
}
.editor.reset {
  margin: 0px auto;
}
@media screen and (max-width: 769px) {
  .editor.reset {
    margin: 0px 20px 50px;
  }
}
@media screen and (max-width: 769px) {
  .editor {
    width: auto;
    margin: 50px 20px;
  }
  .tax-product-cat .editor {
    margin: 20px;
  }
  .editor.reset {
    margin: 0 20px 50px;
  }
}
.editor.product-editor {
  width: 1100px;
}
.editor h2 {
  clear: both;
  margin: 80px 0 0;
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 700;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.tax-product-cat .editor h2 {
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  max-width: 620px;
}
.editor h2 small {
  font-size: 18px;
  font-weight: 400;
}
.editor h2.center {
  text-align: center;
}
.editor h2.reset {
  margin: 0 0 0;
}
@media screen and (max-width: 769px) {
  .editor h2 {
    margin: 40px 0 0;
    font-size: 17px;
  }
  .tax-product-cat .editor h2 {
    font-size: 15px;
  }
  .editor h2.reset {
    margin: 0 0 0;
  }
}
.editor h3 {
  position: relative;
  clear: both;
  margin: 40px 0 0;
  padding-left: 15px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.editor h3 small {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 769px) {
  .editor h3 small {
    font-size: 12px;
  }
}
@media screen and (max-width: 769px) {
  .editor h3 {
    font-size: 15px;
  }
  .editor h3 + p {
    margin: 10px 0 0;
  }
}
.editor h3::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 4px;
  height: 22px;
  background-color: #71ac41;
}
.editor h3.no1, .editor h3.no2, .editor h3.no3, .editor h3.no4, .editor h3.no5 {
  padding-left: 40px;
}
@media screen and (max-width: 769px) {
  .editor h3.no1, .editor h3.no2, .editor h3.no3, .editor h3.no4, .editor h3.no5 {
    padding-left: 30px;
  }
}
.editor h3.no1::before, .editor h3.no2::before, .editor h3.no3::before, .editor h3.no4::before, .editor h3.no5::before {
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  color: #f5f4f1;
  border-radius: 32px;
  margin-top: -16px;
}
@media screen and (max-width: 769px) {
  .editor h3.no1::before, .editor h3.no2::before, .editor h3.no3::before, .editor h3.no4::before, .editor h3.no5::before {
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 32px;
    margin-top: -13px;
  }
}
.editor h3.no1::before {
  content: "1";
}
.editor h3.no2::before {
  content: "2";
}
.editor h3.no3::before {
  content: "3";
}
.editor h3.no4::before {
  content: "4";
}
.editor h3.no5::before {
  content: "5";
}
.editor h4 {
  margin: 30px 0 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #71ac41;
}
@media screen and (max-width: 769px) {
  .editor h4 {
    font-size: 14px;
  }
}
.editor h4 + p {
  margin: 5px 0 0;
}
.editor > p:first-child {
  margin: 0 0 0;
}
.editor p {
  margin: 20px 0 0;
  font-size: 15px;
  line-height: 2;
  text-align: justify;
}
@media screen and (max-width: 769px) {
  .editor p {
    font-size: 12px;
  }
}
.editor p + ul, .editor p + ol {
  margin-top: 10px;
}
.editor p small {
  font-size: 12px;
}
.editor p.wp-caption-text {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #666;
}
.editor p.read {
  display: block;
  max-width: 550px;
  margin: 40px auto 0;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .editor p.read {
    margin: 20px auto 0;
  }
}
.editor p.center {
  text-align: center;
}
@media screen and (max-width: 769px) {
  .editor p.center {
    text-align: left;
  }
}
.editor p span.date {
  color: #ff8a00;
}
.editor blockquote {
  background-color: #f7f7f7;
  margin: 20px 0 0;
  padding: 1px 25px 20px;
  border-radius: 5px;
}
.editor div.reference-link {
  display: block;
  margin-top: 20px;
}
.editor div.reference-link + .reference-link {
  margin-top: 10px;
}
.editor div.reference-link a {
  position: relative;
  display: inline-block;
  padding: 20px 20px 20px 55px;
  font-size: 14px;
  font-weight: 700;
  color: #ff8a00;
  background-color: #f7f7f7;
  border-radius: 5px;
}
.editor div.reference-link a:hover {
  text-decoration: underline;
}
.editor div.reference-link a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -223px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .editor div.reference-link a::before {
    width: 20px;
    height: 20px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -303px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  .editor div.reference-link a {
    font-size: 12px;
    padding: 10px 10px 10px 40px;
  }
  .editor div.reference-link a::before {
    left: 10px;
  }
}
.editor a {
  color: #ff8a00;
}
.editor a.pdf-btn {
  position: relative;
  display: inline-block;
  margin: 20px 0 0;
  padding: 10px 10px 10px 40px;
  background-color: #f5f4f1;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  color: #000;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .editor a.pdf-btn:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
@media screen and (max-width: 769px) {
  .editor a.pdf-btn {
    width: 100%;
    margin: 20px auto;
    transform: translateY(3px);
  }
}
.editor a.pdf-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -835px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .editor a.pdf-btn::before {
    width: 24px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -879px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.editor a.pdf-btn + .pdf-btn {
  margin: 10px 0 0;
}
.editor a.pdf-btn small {
  display: inline-block;
  font-size: 10px;
  color: #666;
}
.editor strong, .editor b {
  font-weight: bold;
}
.editor em {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #a9ff63 60%);
}
.editor ul {
  margin: 20px 0 0 20px;
  list-style: disc;
}
.editor ul.circle {
  list-style: circle;
}
.editor ul.square {
  list-style: square;
}
.editor ul li {
  font-size: 14px;
  line-height: 1.8;
}
.editor ul li + li {
  margin: 5px 0 0;
}
.editor ul.col2-list {
  margin: 20px 0 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}
.editor ul.col2-list li {
  width: 48%;
  margin: 0 0 30px;
}
@media screen and (max-width: 769px) {
  .editor ul.col2-list li {
    margin: 0 0 20px;
    width: 100%;
  }
}
.editor ul.col2-list li h4 {
  margin: 0 0 0;
}
.editor ul.col2-list li p {
  margin: 10px 0 0;
  font-size: 14px;
}
.editor ul.col2-list.shop li h4 {
  position: relative;
  padding: 0 0 0 35px;
}
.editor ul.col2-list.shop li h4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1119px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .editor ul.col2-list.shop li h4::before {
    width: 24px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1163px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.editor ul.col2-list.shop li p {
  margin: 10px 0 0;
  font-size: 13px;
  font-weight: 700;
}
.editor ol {
  margin: 20px 0 0 20px;
  counter-reset: section;
}
.editor ol ol {
  margin: 0 0 0 20px;
  padding: 0;
}
.editor ol li {
  position: relative;
  list-style: none;
  margin: 10px 20px 0 20px;
}
@media screen and (max-width: 769px) {
  .editor ol li {
    margin: 10px 0 0 0;
  }
}
.editor ol > li:before {
  position: absolute;
  top: 0;
  right: 20px;
  content: counters(section," - ") ". ";
  counter-increment: section;
  color: #71ac41;
}
.editor dl {
  display: table;
  width: 100%;
  margin: 20px 0 0;
  border: 1px solid #ddd;
  background-color: #f5f4f1;
}
@media screen and (max-width: 769px) {
  .editor dl {
    display: block;
    width: auto;
    margin: 20px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .editor dl.dt-right dt {
    text-align: right;
  }
}
.editor dl dt, .editor dl dd {
  display: table-cell;
  padding: 20px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 769px) {
  .editor dl dt, .editor dl dd {
    display: block;
    font-size: 12px;
    padding: 5px 10px;
  }
}
.editor dl dt {
  width: 180px;
  background-color: #f8f8f8;
}
.editor dl dt.wide {
  width: 100%;
}
@media screen and (max-width: 769px) {
  .editor dl dt {
    width: 100%;
  }
}
.editor dl dd {
  background-color: #fff;
  overflow: auto;
}
.editor dl + dl {
  margin-top: 0;
  border-top: 0;
}
.editor table.table {
  display: table;
  margin: 20px 0 0;
  border: 1px solid #ddd;
  background-color: #f5f4f1;
}
@media screen and (max-width: 769px) {
  .editor table.table {
    width: 100%;
  }
}
.editor table.table th, .editor table.table td {
  display: table-cell;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  border: 1px solid #ddd;
}
.editor table.table th {
  width: 100px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 769px) {
  .editor table.table th {
    width: auto;
  }
}
.editor table.table td {
  background-color: #fff;
  overflow: auto;
}
.editor table.table-radiation {
  width: 100%;
  display: table;
  margin: 20px 0 0;
  border: 1px solid #ddd;
  background-color: #f5f4f1;
}
.editor table.table-radiation th, .editor table.table-radiation td {
  display: table-cell;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  border: 1px solid #ddd;
}
.editor table.table-radiation th {
  width: 100px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 769px) {
  .editor table.table-radiation th {
    width: 33%;
  }
}
.editor table.table-radiation td {
  background-color: #fff;
  overflow: auto;
}
@media screen and (max-width: 769px) {
  .editor .scroll {
    overflow: auto;
    /*tableをスクロールさせる*/
    white-space: nowrap;
    /*tableのセル内にある文字の折り返しを禁止*/
  }
  .editor .scroll::-webkit-scrollbar {
    /*tableにスクロールバーを追加*/
    height: 5px;
  }
  .editor .scroll::-webkit-scrollbar-track {
    /*tableにスクロールバーを追加*/
    background: #F1F1F1;
  }
  .editor .scroll::-webkit-scrollbar-thumb {
    /*tableにスクロールバーを追加*/
    background: #BCBCBC;
  }
}
.editor table.table-sokutei {
  display: table;
  width: 100%;
  margin: 20px 0 0;
  border: 1px solid #ddd;
  background-color: #f5f4f1;
}
.editor table.table-sokutei th, .editor table.table-sokutei td {
  display: table-cell;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  border: 1px solid #ddd;
}
.editor table.table-sokutei thead th {
  min-width: auto;
}
.editor table.table-sokutei th {
  width: 12.5%;
  background-color: #f8f8f8;
}
.editor table.table-sokutei th.wide {
  width: 100%;
}
.editor table.table-sokutei td {
  background-color: #fff;
  overflow: auto;
}
.editor table.sample {
  display: table;
  width: 100%;
  margin: 20px 0 0;
  border: 1px solid #ddd;
  background-color: #f5f4f1;
}
@media screen and (max-width: 769px) {
  .editor table.sample {
    display: block;
    width: auto;
    margin: 20px 0 0;
  }
}
.editor table.sample th, .editor table.sample td {
  display: table-cell;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  border: 1px solid #ddd;
}
@media screen and (max-width: 769px) {
  .editor table.sample th, .editor table.sample td {
    display: block;
    padding: 10px;
  }
}
.editor table.sample thead th {
  min-width: auto;
}
.editor table.sample th {
  width: 12.5%;
  background-color: #f8f8f8;
}
.editor table.sample th.wide {
  width: 100%;
}
@media screen and (max-width: 769px) {
  .editor table.sample th {
    width: 100%;
  }
}
.editor table.sample td {
  background-color: #fff;
  overflow: auto;
}
.editor img.ileft {
  float: left;
  margin: 0 0 20px 20px;
}
@media screen and (max-width: 769px) {
  .editor img.ileft {
    float: none;
    margin: 20px 0 0 0;
  }
}
.editor img.iright {
  float: right;
  margin: 0 20px 20px 0;
}
@media screen and (max-width: 769px) {
  .editor img.iright {
    float: none;
    margin: 20px 0 0 0;
  }
}
.editor div.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}
@media screen and (max-width: 769px) {
  .editor div.alignleft {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .editor div.alignleft img {
    margin: 0 auto;
  }
}
.editor div.aligncenter {
  text-align: center;
  margin: 20px 0 0 0;
}
.editor div.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}
@media screen and (max-width: 769px) {
  .editor div.alignright {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .editor div.alignright img {
    margin: 0 auto;
  }
}
.editor .pic-flex {
  margin: 20px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.editor .pic-flex p {
  margin: 0 0 0 20px;
}
.editor .pic-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 769px) {
  .editor .pic-wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.editor .pic-wrap img {
  width: 210px;
  height: 150px;
  margin-left: 12px;
}
.editor .pic-wrap img:first-child {
  margin-left: 0;
}
@media screen and (max-width: 769px) {
  .editor .pic-wrap img {
    width: 48%;
    height: 32%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.editor .pix-txt-wrap {
  margin: 25px 0 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .editor .pix-txt-wrap {
    align-items: center;
    margin: 30px 0 0;
  }
}
.editor .pix-txt-wrap figure {
  width: 25%;
}
@media screen and (max-width: 769px) {
  .editor .pix-txt-wrap figure {
    width: 40%;
  }
}
.editor .pix-txt-wrap figure img {
  vertical-align: bottom;
  overflow: hidden;
  border-radius: 3px;
}
.editor .pix-txt-wrap .txt {
  width: 75%;
  padding: 0 0 0 25px;
}
@media screen and (max-width: 769px) {
  .editor .pix-txt-wrap .txt {
    width: 60%;
    padding: 0 0 0 17px;
  }
}
.editor .pix-txt-wrap .txt h4 {
  color: #333;
  font-size: 14px;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .editor .pix-txt-wrap .txt h4 {
    font-size: 12px;
  }
}
.editor .pix-txt-wrap .txt h4 + p {
  margin-top: 5px;
}
.editor .pix-txt-wrap .txt p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .editor .pix-txt-wrap .txt p {
    font-size: 11px;
  }
}
.editor h3 + .pix-txt-wrap {
  margin: 40px 0 0;
}
@media screen and (max-width: 769px) {
  .editor h3 + .pix-txt-wrap {
    margin: 30px 0 0;
  }
}
.editor .pix-txt-wrap + h3 {
  margin-top: 60px;
}
@media screen and (max-width: 769px) {
  .editor .pix-txt-wrap + h3 {
    margin: 40px 0 0;
  }
}
.editor .accordion-inner {
  display: block;
}
@media screen and (max-width: 769px) {
  .editor .accordion-wrap .accordion-btn {
    background-color: #ff8a00;
    color: #f5f4f1;
    font-size: 14px;
    padding: 10px 40px 10px 10px;
    margin: 20px 0 0;
    position: relative;
  }
  .editor .accordion-wrap .accordion-btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: #f5f4f1 #f5f4f1 transparent transparent;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .editor .accordion-wrap .accordion-btn.active::after {
    margin-top: -3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .editor .accordion-wrap .accordion-inner {
    display: none;
  }
}

/****************************************

          お知らせ：img-wrap
          large : 大（100%）
          medium : 中（50%）
          small : 小（33%）
          
*****************************************/
.img-wrap-small {
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.img-wrap-small::before {
  content: "";
  display: block;
  width: 30%;
  order: 1;
}
.img-wrap-small::after {
  content: "";
  display: block;
  width: 30%;
}
.img-wrap-small figure.col-small {
  width: 30%;
}

.img-wrap-medium {
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.img-wrap-medium figure.col-medium {
  width: 50%;
}

.img-wrap-large {
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.img-wrap-large figure.col-large {
  width: 100%;
}

.page-nav {
  margin: 80px 0 0 0;
}

/****************************************

          COVER
          
*****************************************/
#cover {
  width: 100%;
  height: 100vh;
  min-height: 550px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  #cover::before {
    content: "";
    display: block;
    width: 250px;
    height: 100vh;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 19;
  }
}
@media screen and (max-width: 769px) {
  #cover {
    height: 100vh;
    padding-top: 50px;
  }
}
#cover .slide_wrap {
  width: 100%;
  height: 100vh;
  min-height: 550px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#cover .slick-dots {
  z-index: 20;
}
@media screen and (min-width: 769px) {
  #cover .slick-dots {
    width: 12px;
    height: 160px;
    margin-top: -80px;
    position: absolute;
    top: 50%;
    right: 30px;
  }
}
@media screen and (max-width: 769px) {
  #cover .slick-dots {
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 215px;
    left: 0;
  }
}
@media screen and (max-width: 321px) {
  #cover .slick-dots {
    bottom: 197px;
  }
}
#cover .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0;
}
@media screen and (max-width: 769px) {
  #cover .slick-dots li {
    margin: 0 5px;
    width: 8px;
    height: 8px;
  }
}
#cover .slick-dots li button::before {
  color: transparent;
  width: 12px;
  height: 12px;
  border: 2px solid #DDD;
  box-sizing: border-box;
  border-radius: 100%;
  background-color: transparent;
  opacity: .8;
  -moz-transition: opacity 0.4s ease, background-color 0.4s ease;
  -o-transition: opacity 0.4s ease, background-color 0.4s ease;
  -webkit-transition: opacity 0.4s ease, background-color 0.4s ease;
  transition: opacity 0.4s ease, background-color 0.4s ease;
}
@media screen and (max-width: 769px) {
  #cover .slick-dots li button::before {
    width: 8px;
    height: 8px;
  }
}
#cover .slick-dots li button:hover::before {
  opacity: 1;
}
#cover .slick-dots li.slick-active button::before {
  opacity: 1;
  background-color: #DDD;
}
#cover .slide {
  width: 100%;
  height: 100vh;
  min-height: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cover .slide .cover-wrap {
  position: relative;
  z-index: 20;
  text-align: center;
  top: -20px;
}
@media screen and (min-width: 769px) {
  #cover .slide .cover-wrap {
    left: 105px;
  }
  .first-access #cover .slide .cover-wrap {
    -moz-transform: translate(-105px, 0);
    -ms-transform: translate(-105px, 0);
    -webkit-transform: translate(-105px, 0);
    transform: translate(-105px, 0);
  }
  .first-access .load #cover .slide .cover-wrap {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition: -moz-transform 1s ease 4.5s;
    -o-transition: -o-transform 1s ease 4.5s;
    -webkit-transition: -webkit-transform 1s ease;
    -webkit-transition-delay: 4.5s;
    transition: transform 1s ease 4.5s;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap {
    top: -80px;
  }
}
@media screen and (max-width: 321px) {
  #cover .slide .cover-wrap {
    top: -60px;
  }
}
#cover .slide .cover-wrap .ico_jas {
  margin: 0 auto -15px;
  width: 116px;
  height: 64px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1636px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #cover .slide .cover-wrap .ico_jas {
    width: 116px;
    height: 64px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1715px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap .ico_jas {
    width: 58px;
    height: 31px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1878px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto -20px;
  }
}
#cover .slide .cover-wrap h2 {
  text-align: center;
  margin: 0 auto 0;
}
#cover .slide .cover-wrap h2 img {
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap h2 img {
    display: none;
  }
}
#cover .slide .cover-wrap h2.main-copy-1 img {
  max-width: 334px;
  height: auto;
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap h2.main-copy-1 {
    width: 241.5px;
    height: 23.5px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2685px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#cover .slide .cover-wrap h2.main-copy-2 img {
  max-width: 287px;
  height: auto;
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap h2.main-copy-2 {
    width: 241.5px;
    height: 107.5px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2711px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#cover .slide .cover-wrap h2.main-copy-3 img {
  max-width: 291px;
  height: auto;
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap h2.main-copy-3 {
    width: 243.5px;
    height: 112px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2821px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#cover .slide .cover-wrap h2.main-copy-4 img {
  max-width: 345px;
  height: auto;
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap h2.main-copy-4 {
    width: 287px;
    height: 109.5px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -2935px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#cover .slide .cover-wrap h2.main-copy-5 img {
  max-width: 511px;
  height: auto;
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap h2.main-copy-5 {
    width: 308.5px;
    height: 64.5px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -3047px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 20px;
  }
}
#cover .slide .cover-wrap h2.main-copy-6 img {
  max-width: 384px;
  height: auto;
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap h2.main-copy-6 {
    width: 299.5px;
    height: 146.5px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -3114px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#cover .slide .cover-wrap .sub-copy {
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.18em;
  line-height: 2;
  margin-top: -20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: black 1px 1px 30px, black -1px 1px 30px, black 1px -1px 30px, black -1px -1px 30px;
}
@media screen and (min-width: 769px) {
  #cover .slide .cover-wrap .sub-copy br.sp {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide .cover-wrap .sub-copy {
    font-size: 13px;
    line-height: 1.8;
    margin-top: -27px;
  }
}
@media screen and (max-width: 321px) {
  #cover .slide .cover-wrap .sub-copy {
    font-size: 12px;
  }
}
#cover .slide.slide_01 .cover-wrap .ico_jas {
  margin: 0 auto 30px;
  width: 114px;
  height: 60px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1705px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #cover .slide.slide_01 .cover-wrap .ico_jas {
    width: 114px;
    height: 60px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1782px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_01 .cover-wrap .ico_jas {
    width: 58px;
    height: 31px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1844px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto 20px;
  }
}
#cover .slide.slide_01 .cover-wrap .sub-copy {
  color: #000;
  text-shadow: none;
  margin-top: 25px;
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_01 .cover-wrap .sub-copy {
    margin-top: 15px;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_01::before {
    content: "";
    display: block;
    width: 100%;
    height: 220px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 19;
  }
}
#cover .slide.slide_02::before, #cover .slide.slide_03::before, #cover .slide.slide_04::before, #cover .slide.slide_05::before, #cover .slide.slide_06::before {
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 19;
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_02::before, #cover .slide.slide_03::before, #cover .slide.slide_04::before, #cover .slide.slide_05::before, #cover .slide.slide_06::before {
    height: 220px;
  }
}
@media screen and (min-width: 769px) {
  #cover .slide.slide_02 {
    background: url(../img/top/top_slide_pc_02.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_02 {
    background: url(../img/top/top_slide_pc_02_sp.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 769px) {
  #cover .slide.slide_03 {
    background: url(../img/top/top_slide_pc_03.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_03 {
    background: url(../img/top/top_slide_pc_03_sp.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 769px) {
  #cover .slide.slide_04 {
    background: url(../img/top/top_slide_pc_04.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_04 {
    background: url(../img/top/top_slide_pc_04_sp.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 769px) {
  #cover .slide.slide_05 {
    background: url(../img/top/top_slide_pc_05.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_05 {
    background: url(../img/top/top_slide_pc_05_sp.jpg) center center no-repeat;
    background-size: cover;
  }
  #cover .slide.slide_05 .sub-copy {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  #cover .slide.slide_06 {
    background: url(../img/top/top_slide_pc_06.jpg) center center no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 769px) {
  #cover .slide.slide_06 {
    background: url(../img/top/top_slide_pc_06_sp.jpg) center center no-repeat;
    background-size: cover;
  }
}
#cover .t_btns {
  width: 680px;
  height: 62px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -340px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  z-index: 20;
}
@media screen and (max-width: 1250px) {
  #cover .t_btns {
    max-width: 680px;
    width: -webkit-calc( 100% - 465px );
    width: calc( 100% - 465px );
    left: auto;
    right: 230px;
    margin: 0;
  }
}
@media screen and (max-width: 769px) {
  #cover .t_btns {
    width: 345px;
    height: auto;
    bottom: 70px;
    margin: 0 0 0 -172.5px;
    right: auto;
    left: 50%;
  }
}
@media screen and (max-width: 321px) {
  #cover .t_btns {
    width: -webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    height: auto;
    bottom: 70px;
    margin: 0;
    right: auto;
    left: 15px;
  }
}
#cover .t_btns li {
  width: 33.3333%;
  box-sizing: border-box;
  height: 62px;
  position: relative;
}
@media screen and (max-width: 769px) {
  #cover .t_btns li {
    height: auto;
  }
}
#cover .t_btns li a {
  display: block;
  position: relative;
  border: 1px solid #FFF;
  box-sizing: border-box;
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.15);
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
#cover .t_btns li a img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  #cover .t_btns li a img.sp {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  #cover .t_btns li a {
    height: auto;
  }
  #cover .t_btns li a img.pc {
    display: none;
  }
}
#cover .t_btns li a:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 769px) {
  #cover .t_btns li.t_btn_01 a {
    -moz-transform: translate(1px, 0);
    -ms-transform: translate(1px, 0);
    -webkit-transform: translate(1px, 0);
    transform: translate(1px, 0);
  }
}
#cover .t_btns li.t_btn_02 a {
  -moz-transform: translate(-1px, 0);
  -ms-transform: translate(-1px, 0);
  -webkit-transform: translate(-1px, 0);
  transform: translate(-1px, 0);
}
@media screen and (max-width: 769px) {
  #cover .t_btns li.t_btn_02 a {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
#cover .t_btns li.t_btn_03 a {
  -moz-transform: translate(-2px, 0);
  -ms-transform: translate(-2px, 0);
  -webkit-transform: translate(-2px, 0);
  transform: translate(-2px, 0);
}
@media screen and (max-width: 769px) {
  #cover .t_btns li.t_btn_03 a {
    -moz-transform: translate(-1px, 0);
    -ms-transform: translate(-1px, 0);
    -webkit-transform: translate(-1px, 0);
    transform: translate(-1px, 0);
  }
}
#cover .ban-top-tfof {
  display: block;
  position: absolute;
  opacity: 0;
  -moz-transform: translate(30px, 0);
  -ms-transform: translate(30px, 0);
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
  -moz-transition: opacity 0.8s ease 1s, -moz-transform 0.8s ease 1s;
  -o-transition: opacity 0.8s ease 1s, -o-transform 0.8s ease 1s;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  -webkit-transition-delay: 1s, 1s;
  transition: opacity 0.8s ease 1s, transform 0.8s ease 1s;
  z-index: 20;
}
@media screen and (min-width: 769px) {
  #cover .ban-top-tfof {
    width: 205px;
    height: 205px;
    top: 60px;
    right: 10px;
  }
  #cover .ban-top-tfof::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/tfof/ban-top-tfof-s.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  #cover .ban-top-tfof:hover::before {
    opacity: 1;
  }
}
@media screen and (max-width: 769px) {
  #cover .ban-top-tfof {
    width: 100px;
    height: 100px;
    top: 55px;
    right: 3px;
  }
}
#cover .ban-top-tfof img {
  vertical-align: top;
  width: 100%;
}
.load #cover .ban-top-tfof {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
#cover .otodoke_info {
  width: 190px;
  height: 190px;
  position: absolute;
  right: 20px;
  bottom: -40px;
  text-align: center;
  overflow: hidden;
  z-index: 20;
}
@media screen and (min-width: 769px) {
  #cover .otodoke_info {
    -moz-transition: bottom 0.4s ease;
    -o-transition: bottom 0.4s ease;
    -webkit-transition: bottom 0.4s ease;
    transition: bottom 0.4s ease;
  }
  .first-access #cover .otodoke_info {
    opacity: 0;
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
  }
  .first-access .load #cover .otodoke_info {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition: opacity 1s ease 4.5s, -moz-transform 1s ease 4.5s, bottom 0.4s ease;
    -o-transition: opacity 1s ease 4.5s, -o-transform 1s ease 4.5s, bottom 0.4s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease, bottom 0.4s ease;
    -webkit-transition-delay: 4.5s, 4.5s, 0s;
    transition: opacity 1s ease 4.5s, transform 1s ease 4.5s, bottom 0.4s ease;
  }
  #cover .otodoke_info:hover {
    bottom: -35px;
  }
}
@media screen and (max-width: 769px) {
  #cover .otodoke_info {
    width: 343px;
    bottom: 20px;
    right: auto;
    left: 50%;
    margin-left: -171.5px;
    margin-top: 0;
    height: 51px;
  }
}
@media screen and (max-width: 321px) {
  #cover .otodoke_info {
    width: -webkit-calc( 100% - 32px );
    width: calc( 100% - 32px );
    left: 16px;
    margin-left: 0;
  }
}
#cover .otodoke_info a .tit {
  display: block;
  margin: 0 auto 10px;
  width: 158px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -3063px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #cover .otodoke_info a .tit {
    width: 158px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -4213px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  #cover .otodoke_info a .tit {
    margin: 0 auto;
    width: 211.5px;
    height: 49px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -4240px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  #cover .otodoke_info a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: 1px solid #FFF;
    background-color: rgba(0, 0, 0, 0.15);
  }
}
#cover .otodoke_info a figure {
  width: 188px;
  height: 188px;
  margin: 0 auto;
  border: 7px solid #FFF;
  box-sizing: border-box;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 769px) {
  #cover .otodoke_info a figure {
    display: none;
  }
}
#cover .filter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.1);
}
.first-access #cover .filter {
  opacity: 0;
}
.first-access .load #cover .filter {
  opacity: 1;
  -moz-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  -webkit-transition: opacity 1s ease;
  -webkit-transition-delay: 1s;
  transition: opacity 1s ease 1s;
}
#cover .slide {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  transition: opacity 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#cover .slide.is-visible {
  z-index: 1;
  opacity: 1;
}

/****************************************

          TALES FROM ORGANIC FARM
          
*****************************************/
.corner-wrap.tfof a .tfof-t-cover {
  width: 100%;
  background: url(../img/tfof/cover-tfof.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 769px) {
  .corner-wrap.tfof a .tfof-t-cover {
    height: 400px;
    margin: 200px auto 300px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 769px) {
  .corner-wrap.tfof a .tfof-t-cover {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.corner-wrap.tfof a .tfof-t-cover::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
.corner-wrap.tfof a .tfof-t-cover .tfof-title-wrap {
  position: relative;
  z-index: 2;
  margin-left: 50px;
}
.corner-wrap.tfof a .tfof-t-cover .tfof-title-wrap h2 {
  width: 425px;
  margin: 0 0 5px;
}
.corner-wrap.tfof a .tfof-t-cover .tfof-title-wrap p {
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-left: 30px;
}
.corner-wrap.tfof a .tfof-t-cover .tfof-title-wrap p::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #FFF;
  position: absolute;
  left: 0;
  border: 0;
  position: relative;
}
@media screen and (max-width: 769px) {
  .corner-wrap.tfof a .tfof-t-cover .tfof-title-wrap {
    margin-left: 0;
  }
  .corner-wrap.tfof a .tfof-t-cover .tfof-title-wrap h2 {
    width: 280px;
    margin: 0;
  }
  .corner-wrap.tfof a .tfof-t-cover .tfof-title-wrap p {
    font-size: 12px;
    margin-left: 20px;
  }
}
.corner-wrap.tfof a:hover .tfof-t-cover::after {
  background-color: rgba(0, 0, 0, 0.6);
}

/****************************************

          DELIVERLY
          
*****************************************/
.takuhai-set-list {
  max-width: 850px;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.takuhai-set-list .takuhai-set {
  width: 195px;
  line-height: 1.5;
  margin: 0 0 40px;
}
.takuhai-set-list .takuhai-set img {
  max-width: 100%;
  margin: 0 auto 10px;
}
.takuhai-set-list .takuhai-set .txt h4 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin: 0 0 4px;
}
.takuhai-set-list .takuhai-set .txt .copy {
  color: #71ac41;
  font-size: 14px;
  font-weight: 700;
}
.takuhai-set-list .takuhai-set .txt .price {
  color: #666;
  font-size: 14px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.takuhai-set-list .takuhai-set .txt .price em {
  color: #71ac41;
  display: inline-block;
  position: relative;
  top: 1px;
  font-size: 20px;
  padding-right: 4px;
  background: none;
}
.takuhai-set-list .takuhai-set .txt .price span {
  font-size: 11px;
}
.takuhai-set-list .takuhai-set .txt .description {
  color: #666;
  font-size: 12px;
  margin: 10px 0 0;
}
@media screen and (max-width: 769px) {
  .takuhai-set-list {
    margin: 30px auto 0;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
  .takuhai-set-list .takuhai-set {
    width: -webkit-calc( 50% - 5px );
    width: calc( 50% - 5px );
    margin: 0 0 20px;
  }
  .takuhai-set-list .takuhai-set img {
    max-width: 90%;
  }
  .takuhai-set-list .takuhai-set .txt h4 {
    font-size: 12px;
    margin: 0 0 4px;
  }
  .takuhai-set-list .takuhai-set .txt .copy {
    font-size: 11px;
  }
  .takuhai-set-list .takuhai-set .txt .price {
    font-size: 10px;
    font-weight: 500;
  }
  .takuhai-set-list .takuhai-set .txt .price em {
    font-size: 16px;
    font-weight: 700;
    padding-right: 2px;
  }
  .takuhai-set-list .takuhai-set .txt .price span {
    font-size: 11px;
  }
  .takuhai-set-list .takuhai-set .txt .description {
    display: none;
  }
}
@media screen and (max-width: 321px) {
  .takuhai-set-list .takuhai-set {
    margin: 0 0 20px;
  }
  .takuhai-set-list .takuhai-set img {
    max-width: 96%;
  }
  .takuhai-set-list .takuhai-set .txt h4 {
    font-size: 12px;
    margin: 0 0 4px;
  }
  .takuhai-set-list .takuhai-set .txt .price {
    font-size: 10px;
  }
  .takuhai-set-list .takuhai-set .txt .price em {
    font-size: 14px;
  }
  .takuhai-set-list .takuhai-set .txt .price span {
    font-size: 10px;
  }
}

/****************************************

          トップお知らせ
          
*****************************************/
.info-list {
  max-width: 830px;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .info-list::before {
    content: "";
    display: block;
    width: 240px;
    order: 1;
  }
  .info-list::after {
    content: "";
    display: block;
    width: 240px;
  }
}
.info-list article {
  display: block;
  width: 240px;
  margin: 0 0 60px;
}
.info-list article a {
  color: #333;
}
.info-list article a figure {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.info-list article a figure::before {
  color: #FFF;
  content: "詳しくはこちら";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.info-list article a figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
  z-index: 5;
}
.info-list article a figure img {
  width: 100%;
  height: auto;
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .info-list article a:hover figure::before {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .info-list article a:hover figure::after {
    opacity: 0.4;
  }
}
.info-list article a p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.4;
}
.info-list article a p span {
  font-size: 11px;
}
.info-list article a p .date {
  display: inline-block;
  color: #ff8a00;
  margin-right: 10px;
}
.info-list article a p .category {
  color: #666;
}
.info-list article a h3.title {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-top: 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .info-list {
    box-sizing: border-box;
    margin: 40px auto 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .info-list article {
    width: -webkit-calc( 50% - 7px );
    width: calc( 50% - 7px );
    margin: 0 0 25px;
  }
  .info-list article a p {
    line-height: 1.2;
    margin-top: 10px;
  }
  .info-list article a p span {
    font-size: 10px;
  }
  .info-list article a p .date {
    margin-right: 6px;
  }
  .info-list article a h3.title {
    font-size: 12px;
    line-height: 1.5;
  }
}

.biomamaclub_insta_top .feed_area {
  max-width: 930px;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 769px) {
  .biomamaclub_insta_top .feed_area {
    margin: 10px 0 0;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
.biomamaclub_insta_top .feed_area .insta_feed {
  width: 31%;
  margin: 0 0 30px;
  position: relative;
}
.biomamaclub_insta_top .feed_area .insta_feed:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
}
.biomamaclub_insta_top .feed_area .insta_feed .thumb {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.biomamaclub_insta_top .feed_area .insta_feed .thumb a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  top: 0;
  position: absolute;
}
.biomamaclub_insta_top .feed_area .insta_feed .thumb a img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.biomamaclub_insta_top .feed_area .insta_feed .txt {
  color: #FFF;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  letter-spacing: 0.08em;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  z-index: 10;
  pointer-events: none;
}
.biomamaclub_insta_top .feed_area .insta_feed .txt .like {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  border: 1px solid #FFF;
  margin: 0 auto;
}
.biomamaclub_insta_top .feed_area .insta_feed .txt .date {
  line-height: 1.2;
  margin-top: 10px;
}
.biomamaclub_insta_top .feed_area .insta_feed .txt .date span {
  font-size: 12px;
}
@media screen and (min-width: 769px) {
  .biomamaclub_insta_top .feed_area .insta_feed:hover:after {
    opacity: 0.4;
  }
  .biomamaclub_insta_top .feed_area .insta_feed:hover .txt {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 769px) {
  .biomamaclub_insta_top .feed_area .insta_feed {
    width: -webkit-calc( 50% - 10px );
    width: calc( 50% - 10px );
    margin: 0 0 20px;
  }
}

/****************************************

          FAQ
          
*****************************************/
.post-type-archive-faq footer.footer {
  margin-top: 0px;
}

.search-block {
  max-width: 920px;
  margin: 0 auto;
  margin-top: 35px;
  text-align: center;
}

ul.faq-category-list {
  max-width: 950px;
  margin: 35px auto 0;
  padding: 0 15px;
}
@media screen and (min-width: 769px) {
  ul.faq-category-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 769px) {
  ul.faq-category-list {
    margin: 15px auto 0;
  }
}
ul.faq-category-list li {
  width: 50%;
}
@media screen and (max-width: 769px) {
  ul.faq-category-list li {
    width: 100%;
  }
  ul.faq-category-list li + li {
    margin-top: 10px;
  }
}
ul.faq-category-list li a {
  position: relative;
  display: block;
  margin: 0 5px 10px;
  padding: 20px 20px 20px 55px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #000;
  background-color: #FFF;
  border: 2px solid #fff;
  border-radius: 5px;
  -moz-transition: border-color 0.4s ease, color 0.4s ease;
  -o-transition: border-color 0.4s ease, color 0.4s ease;
  -webkit-transition: border-color 0.4s ease, color 0.4s ease;
  transition: border-color 0.4s ease, color 0.4s ease;
}
ul.faq-category-list li a:hover {
  color: #ff8a00;
  border: 2px solid #ff8a00;
}
ul.faq-category-list li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -223px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.faq-category-list li a::before {
    width: 20px;
    height: 20px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -303px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  ul.faq-category-list li a {
    font-size: 12px;
    padding: 15px 15px 15px 46px;
  }
  ul.faq-category-list li a::before {
    left: 15px;
  }
}

ul.faq-article-list {
  max-width: 950px;
  margin: 35px auto 0;
  padding: 0 15px;
}
@media screen and (min-width: 769px) {
  ul.faq-article-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  ul.faq-article-list::before {
    content: "";
    display: block;
    width: 25%;
    order: 1;
  }
  ul.faq-article-list::after {
    content: "";
    display: block;
    width: 25%;
  }
}
@media screen and (max-width: 769px) {
  ul.faq-article-list {
    margin-top: 15px;
  }
}
ul.faq-article-list li {
  width: 25%;
}
@media screen and (max-width: 769px) {
  ul.faq-article-list li {
    width: 100%;
  }
  ul.faq-article-list li + li {
    margin-top: 10px;
  }
}
ul.faq-article-list li a {
  position: relative;
  display: block;
  height: 210px;
  margin: 0 5px 10px;
  padding: 110px 15px 15px;
  font-size: 14px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  text-align: center;
  color: #000;
  background-color: #FFF;
  border: 2px solid #fff;
  border-radius: 5px;
}
@media screen and (max-width: 769px) {
  ul.faq-article-list li a {
    height: auto;
    margin: 0;
    padding: 18px 15px 18px 63px;
    font-size: 12px;
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  ul.faq-article-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-transition: border-color 0.4s ease, color 0.4s ease;
    -o-transition: border-color 0.4s ease, color 0.4s ease;
    -webkit-transition: border-color 0.4s ease, color 0.4s ease;
    transition: border-color 0.4s ease, color 0.4s ease;
  }
  ul.faq-article-list li a:hover {
    color: #ff8a00;
    border: 2px solid #ff8a00;
  }
}
ul.faq-article-list li a::before {
  content: "";
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 55px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1261px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.faq-article-list li a::before {
    width: 80px;
    height: 55px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1295px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  ul.faq-article-list li a::before {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 40px;
    height: 30px;
    background-image: url('../img/spr-sb153410753.png');
    background-position: 0 -1421px;
    background-repeat: no-repeat;
    -moz-background-size: 470px auto;
    -o-background-size: 470px auto;
    -webkit-background-size: 470px auto;
    background-size: 470px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 769px) and (min-resolution: 2dppx) {
  ul.faq-article-list li a::before {
    width: 40px;
    height: 30px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1513px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

div.question {
  position: relative;
  max-width: 880px;
  margin: 70px auto 0;
  z-index: 1;
}
div.question .question-title {
  color: #000;
  position: relative;
  display: inline-block;
  transform: translateX(-20px);
  padding: 50px 40px 40px 100px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
  border-radius: 5px;
}
div.question .question-title::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 35px;
  width: 48px;
  height: 45px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1371px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.question .question-title::before {
    width: 48px;
    height: 45px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1433px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.question .question-title::before {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -15px;
    width: 32.5px;
    height: 30px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1480px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.question {
    margin: 35px auto 0;
  }
  div.question .question-title {
    font-size: 12px;
    padding: 20px 20px 20px 63px;
    margin: 0 15px;
    transform: translateX(-5px);
  }
}

div.answer {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  transform: translateY(-20px);
}
@media screen and (max-width: 769px) {
  div.answer {
    width: 90%;
    overflow: hidden;
    transform: translateY(-10px);
  }
}
div.answer .inner {
  transform: translateX(20px);
  display: block;
  width: 100%;
  padding: 40px 40px 40px 100px;
  background-color: #FFF;
  border: 2px solid #f5f4f1;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 769px) {
  div.answer .inner {
    padding: 28px 35px 20px 65px;
  }
}
div.answer .inner::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
  width: 48px;
  height: 45px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1321px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.answer .inner::before {
    width: 48px;
    height: 45px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1353px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.answer .inner::before {
    top: 25px;
    left: 17px;
    width: 32.5px;
    height: 30px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1400px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
div.answer .inner p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.8;
}
div.answer .inner p:first-child {
  margin-top: 0;
}
div.answer .inner p small {
  font-size: 12px;
}
div.answer .inner p a {
  color: #ff8a00;
  font-weight: bold;
  text-decoration: underline;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
div.answer .inner p a:hover {
  color: #999;
}
@media screen and (max-width: 769px) {
  div.answer .inner p {
    font-size: 12px;
  }
  div.answer .inner p small {
    font-size: 11px;
  }
}
div.answer .inner figure {
  margin-top: 20px;
}
div.answer .inner figure img {
  display: block;
  max-width: 100%;
  border-radius: 4px;
}
div.answer .inner div.reference-link {
  display: block;
  margin-top: 20px;
}
div.answer .inner div.reference-link + .reference-link {
  margin-top: 10px;
}
div.answer .inner div.reference-link a {
  position: relative;
  display: inline-block;
  padding: 20px 20px 20px 55px;
  font-size: 14px;
  font-weight: 700;
  color: #ff8a00;
  background-color: #f7f7f7;
  border-radius: 5px;
}
div.answer .inner div.reference-link a:hover {
  text-decoration: underline;
}
div.answer .inner div.reference-link a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -173px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.answer .inner div.reference-link a::before {
    width: 20px;
    height: 20px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -258px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  div.answer .inner div.reference-link a {
    font-size: 12px;
    padding: 10px 10px 10px 40px;
  }
  div.answer .inner div.reference-link a::before {
    left: 10px;
  }
}

/*--------------------------------------
フォーム
---------------------------------------*/
.category-title + .form-wrap {
  margin-top: 35px;
}
@media screen and (max-width: 769px) {
  .category-title + .form-wrap {
    margin-top: 15px;
  }
}

.form-wrap {
  max-width: 880px;
  margin: 40px auto 0;
}
@media screen and (min-width: 769px) {
  .form-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 80px auto 0;
  }
}
.form-wrap .col {
  width: 330px;
  margin: 0 5px;
}
@media screen and (max-width: 769px) {
  .form-wrap .col {
    width: 80%;
    margin: 0 auto;
  }
  .form-wrap .col + .col {
    margin-top: 10px;
  }
}

.searchform-block {
  position: relative;
}

.searchform input[type="text"],
select.pulldown {
  position: relative;
  background: #FFF;
  border: 2px solid #efefef;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  height: 60px;
  font-size: 14px;
  line-height: 1;
  color: #9a9a9a;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  border-radius: 5px;
}
@media screen and (max-width: 769px) {
  .searchform input[type="text"],
  select.pulldown {
    height: auto;
    padding: 15px;
    font-size: 11px;
  }
}

.searchform button {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
  background-color: transparent;
  width: 20px;
  height: 20px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1789px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .searchform button {
    width: 20px;
    height: 20px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1928px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

.form-wrap .col label {
  position: relative;
}
.form-wrap .col label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -173px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .form-wrap .col label::before {
    width: 20px;
    height: 20px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -258px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

.contact-read {
  margin: 35px 20px 0;
  text-align: center;
}
.contact-read .tel {
  font-weight: 700;
}
.contact-read .tel .dial {
  font-size: 30px;
  color: #ff8a00;
}

.faq-contact-wrap {
  margin: 0 0 100px;
}

/****************************************

          wp-page-nav
          
*****************************************/
.wp-pagenavi {
  margin: 30px 15px;
  text-align: center;
  letter-spacing: -.4em;
}
.wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi .current {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 2px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #333;
  border-bottom: 3px solid #333;
}
.wp-pagenavi .extend {
  border: none;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
  color: #ff8a00;
  border-bottom: 3px solid #ff8a00;
}

/****************************************

          トップお知らせ
          
*****************************************/
.post-type-archive-product p.description {
  font-size: 15px;
  font-weight: 700;
  line-height: 2.2;
  letter-spacing: 0.06em;
  max-width: 800px;
  margin: 40px auto 0;
}
@media screen and (max-width: 769px) {
  .post-type-archive-product p.description {
    font-size: 12px;
    padding: 0 20px;
    line-height: 1.8;
    letter-spacing: 0.03em;
    margin: 20px auto 0;
  }
}

.product-list {
  max-width: 900px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 1250px) {
  .product-list {
    box-sizing: border-box;
    padding: 0 40px;
  }
}
@media screen and (min-width: 769px) {
  .product-list::before {
    content: "";
    display: block;
    width: 23.5%;
    order: 1;
  }
  .term-vegetables-mushrooms-fruits .product-list::before {
    width: 15%;
  }
}
.product-list::after {
  content: "";
  display: block;
  width: 23.5%;
}
@media screen and (max-width: 769px) {
  .product-list::after {
    width: 31%;
  }
}
.term-vegetables-mushrooms-fruits .product-list::after {
  width: 15%;
}
.product-list article {
  display: block;
  width: 23.5%;
  margin: 0 0 40px;
}
.term-vegetables-mushrooms-fruits .product-list article {
  width: 15%;
}
@media screen and (max-width: 769px) {
  .term-vegetables-mushrooms-fruits .product-list article {
    width: 31%;
  }
}
.product-list article a {
  color: #333;
}
.product-list article a figure {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  background-color: #FFF;
}
.product-list article a figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.product-list article a figure::before {
  color: #FFF;
  content: "詳しくはこちら";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.product-list article a figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
  z-index: 5;
}
.product-list article a p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.4;
}
.product-list article a p span {
  font-size: 11px;
}
.product-list article a p .date {
  display: inline-block;
  color: #ff8a00;
  margin-right: 10px;
}
.product-list article a p .category {
  color: #666;
}
.product-list article a h3.title {
  color: #000;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: center;
  margin-top: 8px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .product-list article a:hover figure::before {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .product-list article a:hover figure::after {
    opacity: 0.6;
  }
}
@media screen and (max-width: 769px) {
  .product-list {
    box-sizing: border-box;
    margin: 40px auto 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .product-list article {
    width: 31%;
    margin: 0 0 25px;
  }
  .product-list article a p {
    line-height: 1.2;
    margin-top: 10px;
  }
  .product-list article a p span {
    font-size: 10px;
  }
  .product-list article a p .date {
    margin-right: 6px;
  }
  .product-list article a h3.title {
    font-size: 11px;
    line-height: 1.5;
  }
}

.product-cat-list {
  max-width: 900px;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 1250px) {
  .product-cat-list {
    box-sizing: border-box;
    padding: 0 40px;
  }
}
.product-cat-list::before {
  content: "";
  display: block;
  width: 24%;
  order: 1;
}
.product-cat-list::after {
  content: "";
  display: block;
  width: 24%;
}
.product-cat-list article {
  display: block;
  width: 24%;
  margin: 0 0 40px;
}
.product-cat-list article a {
  color: #333;
}
.product-cat-list article a figure {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.product-cat-list article a figure img {
  display: block;
  width: 100%;
}
.product-cat-list article a figure::before {
  color: #FFF;
  content: "商品一覧";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.product-cat-list article a figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
  z-index: 5;
}
.product-cat-list article a p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.4;
}
.product-cat-list article a p span {
  font-size: 11px;
}
.product-cat-list article a p .date {
  display: inline-block;
  color: #ff8a00;
  margin-right: 10px;
}
.product-cat-list article a p .category {
  color: #666;
}
.product-cat-list article a h3.title {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: center;
  margin-top: 8px;
  padding: 0 15px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .product-cat-list article a:hover figure::before {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .product-cat-list article a:hover figure::after {
    opacity: 0.6;
  }
}
@media screen and (max-width: 769px) {
  .product-cat-list {
    box-sizing: border-box;
    margin: 40px auto 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .product-cat-list article {
    width: 49%;
    margin: 0 0 25px;
  }
  .product-cat-list article a p {
    line-height: 1.2;
    margin-top: 10px;
  }
  .product-cat-list article a p span {
    font-size: 10px;
  }
  .product-cat-list article a p .date {
    margin-right: 6px;
  }
  .product-cat-list article a h3.title {
    font-size: 11px;
    line-height: 1.5;
    padding: 0 10px;
  }
}

/****************************************

          content-top-header
          
*****************************************/
div.content-cover {
  width: 100%;
  height: 330px;
  background-color: #f5f4f1;
}
div.content-cover.cover-product {
  background-image: url();
}

.product-section1 {
  max-width: 880px;
  margin: 40px auto 0;
  padding: 60px 0;
  background-color: #FFF;
  border-radius: 5px;
}
.product-section1 h3 {
  display: block;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .product-section1 {
    padding: 30px 0;
    margin: 20px auto 0;
  }
  .product-section1 h3 {
    font-size: 14px;
  }
}

ol.counter-list,
ol.counter-list-wt {
  display: block;
  max-width: 720px;
  margin: 30px auto 0;
  padding: 0 20px 0 40px;
  counter-reset: number 0;
}
@media screen and (max-width: 769px) {
  ol.counter-list,
  ol.counter-list-wt {
    box-sizing: border-box;
    padding: 0 20px 0 50px;
    margin: 15px auto 0;
  }
}
ol.counter-list + h3,
ol.counter-list-wt + h3 {
  margin-top: 60px;
}
@media screen and (max-width: 769px) {
  ol.counter-list + h3,
  ol.counter-list-wt + h3 {
    margin-top: 20px;
  }
}
ol.counter-list > li,
ol.counter-list-wt > li {
  font-size: 14px;
  position: relative;
  margin: 0 0 0;
}
@media screen and (max-width: 769px) {
  ol.counter-list > li,
  ol.counter-list-wt > li {
    font-size: 12px;
  }
}
ol.counter-list > li + li,
ol.counter-list-wt > li + li {
  margin: 30px 0 0;
}
@media screen and (max-width: 769px) {
  ol.counter-list > li + li,
  ol.counter-list-wt > li + li {
    margin: 15px 0 0;
  }
}
ol.counter-list > li::before,
ol.counter-list-wt > li::before {
  counter-increment: number 1;
  content: counter(number);
  position: absolute;
  top: 10px;
  left: -40px;
  width: 31px;
  height: 31px;
  font-size: 12px;
  font-weight: bold;
  line-height: 31px;
  text-align: center;
  color: #fff;
  background-color: #71ac41;
  border-radius: 31px;
  margin-top: -16px;
}
@media screen and (max-width: 769px) {
  ol.counter-list > li::before,
  ol.counter-list-wt > li::before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    top: 11px;
    left: -36px;
  }
}
ol.counter-list > li ol,
ol.counter-list-wt > li ol {
  margin: 20px 0 0 20px;
  color: #ff8a00;
}
@media screen and (max-width: 769px) {
  ol.counter-list > li ol,
  ol.counter-list-wt > li ol {
    margin: 15px 0 0 20px;
  }
}
ol.counter-list > li ol li,
ol.counter-list-wt > li ol li {
  list-style-type: decimal;
  color: #333;
  position: relative;
  margin: 10px 0 0;
}
@media screen and (max-width: 769px) {
  ol.counter-list > li ol li,
  ol.counter-list-wt > li ol li {
    font-size: 11px;
    margin: 10px 0 0 0;
  }
}

ol.counter-list-wt > li::before {
  background-color: #fff;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  width: 100%;
  margin: 40px auto 0;
  text-align: center;
  letter-spacing: -0.4em;
}
@media screen and (max-width: 769px) {
  .tabs {
    margin: 20px auto 0;
  }
}

/*タブのスタイル*/
.tab_item {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 50px;
  margin: 0 4px;
  border: 2px solid #f5f4f1;
  border-bottom: 0;
  background-color: #f5f4f1;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: all 0.2s ease;
  letter-spacing: 0.05em;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 769px) {
  .tab_item {
    width: 28%;
    height: 40px;
    line-height: 40px;
    margin: 0 1% 1%;
    font-size: 12px;
    border-bottom: 2px solid #f5f4f1;
    border-radius: 5px;
  }
}
.tab_item::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #71ac41;
  transform: translateX(-50%);
  border-radius: 2px;
  -moz-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
@media screen and (max-width: 769px) {
  .tab_item::before {
    bottom: 0;
    height: 2px;
  }
}
.tab_item:hover {
  cursor: pointer;
}

input[name="tab_item"] {
  display: none;
}

input:checked + .tab_item {
  background-color: #fff;
}
input:checked + .tab_item::before {
  width: 50%;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  text-align: center;
  overflow: hidden;
  max-width: 880px;
  padding: 20px 0 40px;
  margin: 0 auto;
  background-color: #fff;
  letter-spacing: 0.05em;
  border-radius: 5px;
}
@media screen and (max-width: 769px) {
  .tab_content {
    padding: 20px 0 30px;
  }
}
.tab_content .tab_content_description {
  max-width: 880px;
  margin: 0 auto;
}
.tab_content .tab_content_description ol {
  text-align: left;
}

/*選択されているタブのコンテンツのみを表示*/
#product1:checked ~ #product1_content,
#product2:checked ~ #product2_content,
#product3:checked ~ #product3_content,
#product4:checked ~ #product4_content,
#product5:checked ~ #product5_content {
  display: block;
}

/* 野菜カレンダー */
.tabs.calender .sp {
  display: none;
}
@media screen and (max-width: 769px) {
  .tabs.calender .sp {
    display: block;
  }
}
.tabs.calender .tab_item {
  width: 146px;
}
@media screen and (max-width: 769px) {
  .tabs.calender .tab_item {
    width: auto;
    height: auto;
    padding: 10px;
    line-height: 1.4;
  }
}
.tabs.calender .tab_content {
  padding: 0;
  text-align: left;
}
.tabs.calender .tab_content .tab_content_description {
  max-width: none;
  display: block;
  padding: 20px;
}
@media screen and (max-width: 769px) {
  .tabs.calender .tab_content .tab_content_description {
    padding: 15px;
  }
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap {
  max-width: 880px;
  text-align: left;
  margin: 0 auto;
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap + .accordion-wrap {
  margin-top: 10px;
}
@media screen and (max-width: 769px) {
  .tabs.calender .tab_content .tab_content_description .accordion-wrap {
    padding: 5px 0;
  }
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap .accordion-btn {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #71ac41;
}
@media screen and (max-width: 769px) {
  .tabs.calender .tab_content .tab_content_description .accordion-wrap .accordion-btn {
    font-size: 12px;
  }
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap ul li {
  display: inline-block;
  height: 50px;
  margin: 5px 20px 5px 0;
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  height: 30px;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a .thumb {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a .thumb img {
  width: 100%;
  height: 100%;
  opacity: 0.95;
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a .thumb:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.08);
}
.tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a .name {
  font-size: 14px;
  display: inline-block;
  height: auto;
  line-height: 1.3;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 12px;
}
@media screen and (min-width: 769px) {
  .tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a {
    height: 50px;
  }
  .tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a:hover {
    color: #71ac41;
  }
}
@media screen and (max-width: 769px) {
  .tabs.calender .tab_content .tab_content_description .accordion-wrap ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .tabs.calender .tab_content .tab_content_description .accordion-wrap ul li {
    width: 48.5%;
    height: 30px;
    margin: 10px 0;
  }
  .tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a .thumb {
    width: 30px;
    height: 30px;
  }
  .tabs.calender .tab_content .tab_content_description .accordion-wrap ul li a .name {
    font-size: 11px;
    height: auto;
    letter-spacing: normal;
    padding-left: 8px;
  }
}

/****************************************

          カテゴリーリスト
          
*****************************************/
.category-list {
  max-width: 920px;
  margin: 30px auto 0;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.category-list .item {
  width: 20%;
  padding: 0 10px 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 769px) {
  .category-list .item {
    width: 33.3333%;
  }
}
.category-list .item a {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
  background-color: #f5f4f1;
  border-radius: 5px;
  background-size: cover;
}
.category-list .item a p {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}
@media screen and (max-width: 769px) {
  .category-list .item a p {
    font-size: 10px;
  }
}

/****************************************

          product-header
          
*****************************************/
header.product-header {
  width: 100%;
  padding: 120px 0 50px;
  background-color: #f5f4f1;
}
@media screen and (max-width: 769px) {
  header.product-header {
    padding: 20px 0 0;
  }
}
header.product-header div.inner {
  width: 880px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 769px) {
  header.product-header div.inner {
    flex-direction: column;
    width: 100%;
  }
}
header.product-header div.inner div.product-gallery {
  width: 400px;
}
@media screen and (max-width: 769px) {
  header.product-header div.inner div.product-gallery {
    width: -webkit-calc( 100vw - 40px );
    width: calc( 100vw - 40px );
    margin: 0 auto;
  }
}
header.product-header div.inner div.product-gallery div.image-list {
  width: 400px;
  height: 400px;
  overflow: hidden;
  background-color: #FFF;
}
@media screen and (max-width: 769px) {
  header.product-header div.inner div.product-gallery div.image-list {
    width: -webkit-calc( 100vw - 40px );
    width: calc( 100vw - 40px );
    height: -webkit-calc( 100vw - 40px );
    height: calc( 100vw - 40px );
  }
}
header.product-header div.inner div.product-gallery div.image-list .item {
  width: 400px;
  height: 400px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (max-width: 769px) {
  header.product-header div.inner div.product-gallery div.image-list .item {
    width: -webkit-calc( 100vw - 40px );
    width: calc( 100vw - 40px );
    height: -webkit-calc( 100vw - 40px );
    height: calc( 100vw - 40px );
  }
}
header.product-header div.inner div.product-gallery div.image-list .item img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
header.product-header div.inner div.product-gallery div.thumb-list {
  width: 100% !important;
  margin: 10px 0 0;
  display: -webkit-flex;
  display: flex;
}
header.product-header div.inner div.product-gallery div.thumb-list .item {
  width: 64px;
  height: 64px;
  border: 1px solid #f5f4f1;
  overflow: hidden;
}
header.product-header div.inner div.product-gallery div.thumb-list .item.thumbnail-current {
  border: 1px solid #ff8a00;
}
header.product-header div.inner div.product-gallery div.thumb-list .item + .item {
  margin-left: 5px;
}
header.product-header div.inner div.product-gallery div.thumb-list .item img {
  max-width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
header.product-header div.inner div.header-detail {
  width: 400px;
}
@media screen and (min-width: 769px) {
  header.product-header div.inner div.header-detail {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (max-width: 769px) {
  header.product-header div.inner div.header-detail {
    width: 100%;
    box-sizing: border-box;
    padding: 25px 20px;
  }
}
header.product-header div.inner div.header-detail div.detail-inner h1.product-title {
  font-size: 20px;
  font-weight: 700;
}
header.product-header div.inner div.header-detail div.detail-inner h1.product-title .new {
  display: inline-block;
  margin-left: 5px;
  padding: 3px 5px;
  font-size: 14px;
  line-height: 1;
  color: #ff8a00;
  background-color: #f5f4f1;
  border: 1px solid #ff8a00;
}
@media screen and (max-width: 769px) {
  header.product-header div.inner div.header-detail div.detail-inner h1.product-title {
    font-size: 16px;
  }
  header.product-header div.inner div.header-detail div.detail-inner h1.product-title .new {
    font-size: 12px;
  }
}
header.product-header div.inner div.header-detail div.detail-inner p {
  margin: 20px 0 0;
  font-size: 20px;
}
header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list {
  display: -webkit-flex;
  display: flex;
  margin: 20px 0 0;
}
header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list div + div {
  margin-left: 10px;
}
header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list div.ico-jas {
  width: 70px;
  height: 50px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -562px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list div.ico-jas {
    width: 70px;
    height: 50px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -615px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list div.ico-bio {
  width: 60px;
  height: 50px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -248px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list div.ico-bio {
    width: 60px;
    height: 50px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -326px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list div.ico-sbs {
  width: 60px;
  height: 50px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1064px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  header.product-header div.inner div.header-detail div.detail-inner div.header-mark-list div.ico-sbs {
    width: 60px;
    height: 50px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1111px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
header.product-header div.inner div.header-detail div.detail-inner dl {
  display: table;
  margin: 20px 0 0;
}
header.product-header div.inner div.header-detail div.detail-inner dl dt {
  display: table-cell;
  width: 70px;
}
header.product-header div.inner div.header-detail div.detail-inner dl dt span {
  display: block;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
}
header.product-header div.inner div.header-detail div.detail-inner dl dt span::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 3px;
  height: 14px;
  background-color: #ff8a00;
}
@media screen and (max-width: 769px) {
  header.product-header div.inner div.header-detail div.detail-inner dl dt span {
    font-size: 12px;
    padding-left: 10px;
  }
  header.product-header div.inner div.header-detail div.detail-inner dl dt span::before {
    top: 0;
    height: 12px;
  }
}
header.product-header div.inner div.header-detail div.detail-inner dl dd {
  display: table-cell;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  header.product-header div.inner div.header-detail div.detail-inner dl dd {
    font-size: 12px;
  }
}
header.product-header div.inner div.header-detail div.detail-inner dl dd a {
  color: #71ac41;
  font-weight: 700;
  margin-left: 10px;
}

/****************************************

          product-section：共通
          
*****************************************/
section.product-section {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  padding: 50px 0;
}
@media screen and (min-width: 769px) {
  section.product-section {
    display: -webkit-flex;
    display: flex;
  }
}
@media screen and (max-width: 769px) {
  section.product-section {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 20px;
  }
}
section.product-section header.section-header {
  width: 160px;
}
@media screen and (max-width: 769px) {
  section.product-section header.section-header {
    width: 100%;
    margin-bottom: 15px;
  }
}
section.product-section header.section-header h2 {
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}
section.product-section header.section-header h2::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 3px;
  height: 16px;
  background-color: #ff8a00;
}
@media screen and (max-width: 769px) {
  section.product-section header.section-header h2 {
    font-size: 12px;
    padding-left: 10px;
  }
  section.product-section header.section-header h2:before {
    height: 12px;
    top: 3px;
  }
}
section.product-section div.section-detail {
  width: 720px;
}
@media screen and (max-width: 769px) {
  section.product-section div.section-detail {
    width: 100%;
  }
}
section.product-section + section.product-section {
  position: relative;
}
section.product-section + section.product-section::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 130px;
  height: 2px;
  background-color: #f5f4f1;
}

/****************************************

          product-section：共通
          
*****************************************/
div.product-info .editor {
  width: 100%;
  margin: 0;
}

div.product-voice p {
  padding: 20px;
  font-size: 14px;
  line-height: 1.8;
  background-color: #f5f4f1;
  border-radius: 5px;
}

div.product-faq .faq-block {
  padding: 10px;
  font-size: 14px;
  line-height: 1.8;
  background-color: #f5f4f1;
  border-radius: 5px;
}
div.product-faq .faq-block h3.product-faq-title {
  position: relative;
  padding: 30px 30px 30px 90px;
}
div.product-faq .faq-block h3.product-faq-title::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 48px;
  height: 45px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1371px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.product-faq .faq-block h3.product-faq-title::before {
    width: 48px;
    height: 45px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1433px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
div.product-faq .faq-block .product-answer {
  position: relative;
  padding: 30px 30px 30px 90px;
  background-color: #f5f4f1;
  border-radius: 5px;
}
div.product-faq .faq-block .product-answer::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 48px;
  height: 45px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -1321px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  div.product-faq .faq-block .product-answer::before {
    width: 48px;
    height: 45px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1353px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
div.product-faq .faq-block p {
  font-size: 14px;
  line-height: 1.8;
}

div.product-relation .info-list {
  margin-top: 0;
}

/****************************************

          DELIVERLY
          
*****************************************/
.takuhai-set-list-product {
  max-width: 900px;
  margin: 60px auto 0;
  padding: 0 20px;
}
@media screen and (max-width: 769px) {
  .takuhai-set-list-product {
    margin: 20px auto 0;
  }
}
.takuhai-set-list-product .takuhai-set {
  clear: both;
  line-height: 1.5;
  margin: 0 0 40px;
}
.takuhai-set-list-product .takuhai-set img {
  float: left;
  width: 240px;
  height: auto;
}
@media screen and (max-width: 769px) {
  .takuhai-set-list-product .takuhai-set img {
    float: none;
    width: 100%;
  }
}
.takuhai-set-list-product .takuhai-set .txt {
  margin: 0 0 0 260px;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .takuhai-set-list-product .takuhai-set .txt {
    margin: 10px 0 0 0;
  }
}
.takuhai-set-list-product .takuhai-set .txt h4 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin: 0 0 4px;
}
.takuhai-set-list-product .takuhai-set .txt .copy {
  color: #71ac41;
  font-size: 14px;
  font-weight: 700;
}
.takuhai-set-list-product .takuhai-set .txt .copy2 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.takuhai-set-list-product .takuhai-set .txt .price {
  color: #666;
  font-size: 14px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.takuhai-set-list-product .takuhai-set .txt .price em {
  color: #71ac41;
  display: inline-block;
  position: relative;
  top: 1px;
  font-size: 20px;
  padding-right: 4px;
}
.takuhai-set-list-product .takuhai-set .txt .price span {
  font-size: 11px;
}
.takuhai-set-list-product .takuhai-set .txt .voice {
  color: #666;
  font-size: 12px;
  margin: 10px 0 0;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
}
.takuhai-set-list-product .takuhai-set .txt .voice strong {
  font-weight: 700;
}
.takuhai-set-list-product .takuhai-set .txt .description {
  color: #666;
  font-size: 12px;
  margin: 10px 0 0;
}

.farmer-location-list {
  max-width: 900px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.tax-farmer-location .farmer-location-list {
  margin: 20px auto 0;
}
@media screen and (max-width: 1250px) {
  .farmer-location-list {
    box-sizing: border-box;
    padding: 0 40px;
  }
}
.farmer-location-list::before {
  content: "";
  display: block;
  width: 24%;
  order: 1;
}
.farmer-location-list::after {
  content: "";
  display: block;
  width: 24%;
}
.farmer-location-list article {
  display: block;
  width: 24%;
  margin: 0 0 40px;
}
.farmer-location-list article a {
  color: #333;
}
.farmer-location-list article a figure {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.farmer-location-list article a figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: auto;
}
.farmer-location-list article a figure::before {
  color: #FFF;
  content: "詳しくはこちら";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.farmer-location-list article a figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
  z-index: 5;
}
.farmer-location-list article a p {
  margin-top: 10px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}
.farmer-location-list article a p span {
  font-size: 11px;
}
.farmer-location-list article a p .date {
  display: inline-block;
  color: #ff8a00;
  margin-right: 10px;
}
.farmer-location-list article a p .category {
  color: #666;
}
.farmer-location-list article a h3.title {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: center;
  padding: 0 15px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 769px) {
  .farmer-location-list article:hover figure::before {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .farmer-location-list article:hover figure::after {
    opacity: 0.6;
  }
}
@media screen and (max-width: 769px) {
  .farmer-location-list {
    box-sizing: border-box;
    margin: 40px auto 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .farmer-location-list article {
    width: 49%;
    margin: 0 0 20px;
  }
  .farmer-location-list article a p {
    line-height: 1.5;
    margin-top: 4px;
    padding: 0 10px;
  }
  .farmer-location-list article a p span {
    font-size: 10px;
  }
  .farmer-location-list article a p .date {
    margin-right: 6px;
  }
  .farmer-location-list article a h3.title {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 10px;
  }
}

.location-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.3;
  max-width: 900px;
  padding: 30px 0 20px;
  margin: 0 auto;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .location-title {
    font-size: 14px;
    text-align: center;
    margin: 10px auto 12px;
    padding: 0 0 0;
  }
}

.content-title + .location-title {
  padding: 40px 0 20px;
}
@media screen and (max-width: 769px) {
  .content-title + .location-title {
    padding: 30px 0 0;
  }
}

.farmer-list-wrap {
  padding: 1px 0 40px;
  background-color: #f2f1ec;
}
.farmer-list-wrap .location-wrap {
  position: relative;
  width: 730px;
  margin: 60px auto 0;
}
.tax-farmer-location .farmer-list-wrap .location-wrap, .post-type-archive-farmer .farmer-list-wrap .location-wrap {
  margin: 100px auto;
}
@media screen and (max-width: 769px) {
  .tax-farmer-location .farmer-list-wrap .location-wrap, .post-type-archive-farmer .farmer-list-wrap .location-wrap {
    margin: 50px auto;
  }
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 20px 0;
  }
  .farmer-list-wrap .location-wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background: url(../img/farmer/pic-farmer-map.png) center center no-repeat;
    background-size: contain;
    z-index: 0;
    opacity: 0.5;
  }
}
.farmer-list-wrap .location-wrap .farmer-map {
  height: 880px;
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap .farmer-map {
    display: none;
  }
}
.farmer-list-wrap .location-wrap .farmer-map img {
  width: 130%;
  max-width: inherit;
  position: relative;
  display: block;
  left: -210px;
  top: -50px;
}
.farmer-list-wrap .location-wrap .region-list {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap .region-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.farmer-list-wrap .location-wrap .region-title {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.farmer-list-wrap .location-wrap .region-title span {
  position: relative;
  background-color: #f2f1ec;
  padding-right: 10px;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .farmer-list-wrap .location-wrap .region-title:hover {
    color: #ff8a00;
  }
}
.farmer-list-wrap .location-wrap .region-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #FFF;
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap .region-title {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px;
    width: 80px;
  }
  .farmer-list-wrap .location-wrap .region-title::before {
    display: none;
  }
}
.farmer-list-wrap .location-wrap .cat-list::before {
  content: "";
  display: block;
  width: 44%;
  order: 1;
}
@media screen and (min-width: 769px) {
  .farmer-list-wrap .location-wrap .cat-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap .cat-list {
    width: -webkit-calc( 100% - 80px );
    width: calc( 100% - 80px );
    margin: 0 0 15px;
    position: relative;
    top: -9px;
  }
}
.farmer-list-wrap .location-wrap .cat-list li {
  position: relative;
  width: 44%;
  margin-top: 10px;
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap .cat-list li {
    width: auto;
    display: inline-block;
    line-height: 1;
    margin: 0 10px 10px 0;
  }
}
.farmer-list-wrap .location-wrap .cat-list li a {
  color: #333;
  font-size: 12px;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
  .farmer-list-wrap .location-wrap .cat-list li a:hover {
    color: #ff8a00;
  }
}
.farmer-list-wrap .location-wrap .cat-list li span.count {
  position: absolute;
  top: 3px;
  right: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #FFF;
  color: #333;
  text-align: center;
  border-radius: 16px;
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap .cat-list li span.count {
    position: relative;
    top: auto;
    right: auto;
    margin-left: 5px;
  }
}
.farmer-list-wrap .location-wrap .cat-list + .region-title {
  margin-top: 40px;
}
@media screen and (max-width: 769px) {
  .farmer-list-wrap .location-wrap .cat-list + .region-title {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .farmer-list-wrap .location-wrap .region-list {
    position: absolute;
    width: 170px;
  }
  .farmer-list-wrap .location-wrap .region-list.region-area1 {
    top: 180px;
    right: 0;
  }
  .farmer-list-wrap .location-wrap .region-list.region-area2 {
    top: 30px;
    left: 210px;
  }
  .farmer-list-wrap .location-wrap .region-list.region-area3 {
    top: 30px;
    left: 0;
  }
  .farmer-list-wrap .location-wrap .region-list.region-area4 {
    top: 670px;
    left: 210px;
  }
  .farmer-list-wrap .location-wrap .region-list.region-area5 {
    top: 670px;
    left: 0;
  }
}

/****************************************

          product-header
          
*****************************************/
div.fermer-wrap {
  position: relative;
  padding: 60px 0;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap {
    padding: 25px 0;
  }
}
div.fermer-wrap div.inner {
  width: 880px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  div.fermer-wrap div.inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner {
    width: auto;
  }
}
div.fermer-wrap div.inner div.farmer-col .editor {
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col .editor {
    width: auto;
    margin: 20px 20px 0;
  }
}
div.fermer-wrap div.inner div.farmer-col .editor img {
  width: 100% !important;
}
div.fermer-wrap div.inner div.farmer-col.left {
  width: 280px;
}
div.fermer-wrap div.inner div.farmer-col.left figure.main-farmer {
  border: 6px solid #FFF;
  margin: 0 0 20px;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col.left figure.main-farmer {
    margin: 0 20px 10px;
  }
}
div.fermer-wrap div.inner div.farmer-col.left h2 {
  font-weight: 18px;
  font-weight: bold;
  margin: 0 0 20px;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col.left h2 {
    text-align: center;
    margin: 0 0 20px;
  }
}
div.fermer-wrap div.inner div.farmer-col.left dl.materials-list {
  display: table;
  margin: 15px 0 0;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col.left dl.materials-list {
    margin: 10px 0 0;
  }
}
div.fermer-wrap div.inner div.farmer-col.left dl.materials-list dt {
  display: table-cell;
  width: 70px;
}
div.fermer-wrap div.inner div.farmer-col.left dl.materials-list dt span {
  display: block;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col.left dl.materials-list dt span {
    font-size: 12px;
  }
}
div.fermer-wrap div.inner div.farmer-col.left dl.materials-list dt span::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 3px;
  height: 14px;
  background-color: #71ac41;
}
div.fermer-wrap div.inner div.farmer-col.left dl.materials-list dd {
  display: table-cell;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col.left dl.materials-list dd {
    font-size: 12px;
  }
}
div.fermer-wrap div.inner div.farmer-col.left dl.materials-list dd a {
  color: #ff8a00;
}
div.fermer-wrap div.inner div.farmer-col.left figure.farmer-map {
  margin: 20px 0 0;
}
div.fermer-wrap div.inner div.farmer-col.left figure.farmer-map img {
  display: block;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col.left {
    width: auto;
  }
  div.fermer-wrap div.inner div.farmer-col.left .corner-header {
    position: relative;
    width: -webkit-calc( 100% - 40px );
    width: calc( 100% - 40px );
    margin: 20px auto 0;
    padding: 0;
  }
  div.fermer-wrap div.inner div.farmer-col.left figure.farmer-map img {
    max-width: 250px;
    margin: 0 auto;
  }
}
div.fermer-wrap div.inner div.farmer-col.right {
  width: 540px;
}
@media screen and (max-width: 769px) {
  div.fermer-wrap div.inner div.farmer-col.right {
    width: auto;
  }
}

/****************************************

          shoplist
          
*****************************************/
.shop-block {
  margin: 40px 0 0;
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 769px) {
  .shop-block {
    flex-direction: column;
  }
}
.shop-block .col {
  width: 50%;
}
@media screen and (max-width: 769px) {
  .shop-block .col {
    width: 100%;
    min-height: auto;
  }
}
.shop-block .col.title {
  overflow: hidden;
  border-radius: 5px;
}
.shop-block .col.title img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  .shop-block .col.detail {
    display: -webkit-flex;
    display: flex;
  }
}
@media screen and (max-width: 769px) {
  .shop-block .col.detail {
    margin-top: 10px;
  }
}
.shop-block .col.detail .detail-inner {
  padding: 0 20px;
}
@media screen and (max-width: 769px) {
  .shop-block .col.detail .detail-inner {
    padding: 0;
  }
}
.shop-block .col.detail .detail-inner > h4 {
  margin: 0 0 0;
}
.shop-block .col h4 {
  font-weight: 700;
}
.shop-block .col p {
  margin: 10px 0 0;
  font-weight: 700;
}
@media screen and (max-width: 769px) {
  .shop-block .col p {
    margin: 0;
  }
}

.post-type-archive-organic .corner-title .corner-title-cover.corner1,
.page-id-5711 .corner-title .corner-title-cover.corner1 {
  background-image: url(../img/organic/pic-organic-corner1.jpg);
}
.post-type-archive-organic .corner-title .corner-title-cover.corner2,
.page-id-5711 .corner-title .corner-title-cover.corner2 {
  background-image: url(../img/organic/pic-organic-corner2.jpg);
}
.post-type-archive-organic .corner-title .corner-title-cover.corner3,
.page-id-5711 .corner-title .corner-title-cover.corner3 {
  background-image: url(../img/organic/pic-organic-corner3.jpg);
}
.post-type-archive-organic .corner-title .corner-title-cover.corner4,
.page-id-5711 .corner-title .corner-title-cover.corner4 {
  background-image: url(../img/organic/pic-organic-corner4.jpg);
}
.post-type-archive-organic .corner-title .corner-title-cover.corner5,
.page-id-5711 .corner-title .corner-title-cover.corner5 {
  background-image: url(../img/organic/pic-organic-corner5.jpg);
}
.post-type-archive-organic .corner-title .corner-title-cover.corner6,
.page-id-5711 .corner-title .corner-title-cover.corner6 {
  background-image: url(../img/organic/pic-organic-corner6.jpg);
}
.post-type-archive-organic img,
.page-id-5711 img {
  text-align: center;
}

.page-id-60 .payment_center {
  padding-top: 30px;
  display: flex;
  justify-content: center;
}

/****************************************

          タブ
          
*****************************************/
/*タブ切り替え全体のスタイル*/
.tab-wrap.otodoke {
  width: 100%;
  margin: 40px auto 0;
  text-align: center;
  letter-spacing: -0.4em;
}
.tab-wrap.otodoke .tab_btn {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 50px;
  margin: 0 4px;
  border: 1px solid #e5e6e0;
  border-bottom: 0;
  background-color: #f5f4f1;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: all 0.2s ease;
  letter-spacing: 0.05em;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 769px) {
  .tab-wrap.otodoke .tab_btn {
    width: 31%;
    margin: 0 1% 2%;
    font-size: 12px;
    border-bottom: 1px solid #e5e6e0;
    border-radius: 5px;
  }
}
.tab-wrap.otodoke .tab_btn::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #71ac41;
  transform: translateX(-50%);
  border-radius: 2px;
  -moz-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
@media screen and (max-width: 769px) {
  .tab-wrap.otodoke .tab_btn::before {
    bottom: 5px;
  }
}
.tab-wrap.otodoke .tab_btn:hover {
  cursor: pointer;
}
.tab-wrap.otodoke input[name="tab_btn"] {
  display: none;
}
.tab-wrap.otodoke input:checked + .tab_btn {
  background-color: #fff;
}
.tab-wrap.otodoke input:checked + .tab_btn::before {
  width: 70%;
}
.tab-wrap.otodoke .tab-detail {
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  letter-spacing: normal;
  padding: 40px 0;
}
@media screen and (max-width: 769px) {
  .tab-wrap.otodoke .tab-detail {
    padding: 20px 0;
  }
}
.tab-wrap.otodoke .tab-detail .tab-section {
  max-width: 880px;
  margin: 0 auto;
  display: none;
  text-align: left;
}
.tab-wrap.otodoke .tab-detail .tab-section .section-title {
  color: #000;
  text-align: center;
  font-size: 28px;
  letter-spacing: 0.12em;
  line-height: 1.3;
  font-weight: 500;
  margin: 0 0 20px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .tab-wrap.otodoke .tab-detail .tab-section .section-title {
    font-size: 16px;
  }
}
.tab-wrap.otodoke #tab-btn1:checked ~ .tab-detail #tab-detail1,
.tab-wrap.otodoke #tab-btn2:checked ~ .tab-detail #tab-detail2,
.tab-wrap.otodoke #tab-btn3:checked ~ .tab-detail #tab-detail3,
.tab-wrap.otodoke #tab-btn4:checked ~ .tab-detail #tab-detail4,
.tab-wrap.otodoke #tab-btn5:checked ~ .tab-detail #tab-detail5,
.tab-wrap.otodoke #tab-btn6:checked ~ .tab-detail #tab-detail6,
.tab-wrap.otodoke #tab-btn7:checked ~ .tab-detail #tab-detail7,
.tab-wrap.otodoke #tab-btn8:checked ~ .tab-detail #tab-detail8,
.tab-wrap.otodoke #tab-btn9:checked ~ .tab-detail #tab-detail9 {
  display: block;
}

.product-block {
  max-width: 880px;
  margin: 40px auto 0;
  border: 1px solid #f5f4f1;
}
@media screen and (min-width: 769px) {
  .product-block {
    display: -webkit-flex;
    display: flex;
  }
}
.product-block .col {
  padding: 20px 0;
}
@media screen and (min-width: 769px) {
  .product-block .col {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.product-block .col.title {
  width: 30%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #f5f4f1;
}
@media screen and (max-width: 769px) {
  .product-block .col.title {
    width: 100%;
    padding: 20px 0;
  }
}
.product-block .col.detail {
  width: 70%;
  padding: 20px;
}
@media screen and (max-width: 769px) {
  .product-block .col.detail {
    width: 100%;
  }
}
.product-block .col.detail p {
  margin: 0;
}
.product-block .col p {
  margin: 0 50px;
  width: 100%;
  font-size: 14px;
}
.product-block .col p small {
  font-size: 12px;
}

/* テーブル：お届け情報 */
.post-type-archive-otodoke h2.btn-otodoke-ad,
.single-otodoke h2.btn-otodoke-ad,
.tax-otodoke-cat h2.btn-otodoke-ad {
  position: relative;
  margin: 40px 0 0;
  padding: 12px 30px 12px 37px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  text-align: left;
  background-color: #f5f4f1;
  border-radius: 5px;
  pointer-events: none;
}
@media screen and (max-width: 769px) {
  .post-type-archive-otodoke h2.btn-otodoke-ad,
  .single-otodoke h2.btn-otodoke-ad,
  .tax-otodoke-cat h2.btn-otodoke-ad {
    pointer-events: auto;
    font-size: 13px;
    margin: 0 20px 10px;
    box-shadow: 0px 3px 0px 0px #e5e6e0;
  }
  .post-type-archive-otodoke h2.btn-otodoke-ad::after,
  .single-otodoke h2.btn-otodoke-ad::after,
  .tax-otodoke-cat h2.btn-otodoke-ad::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-right: 2px solid #9a9a9a;
    border-bottom: 2px solid #9a9a9a;
    transform: rotate(45deg);
  }
  .post-type-archive-otodoke h2.btn-otodoke-ad.selected::after,
  .single-otodoke h2.btn-otodoke-ad.selected::after,
  .tax-otodoke-cat h2.btn-otodoke-ad.selected::after {
    margin-top: -3px;
    transform: rotate(-135deg);
  }
}
.post-type-archive-otodoke h2.btn-otodoke-ad::before,
.single-otodoke h2.btn-otodoke-ad::before,
.tax-otodoke-cat h2.btn-otodoke-ad::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  width: 29px;
  height: 29px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -964px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .post-type-archive-otodoke h2.btn-otodoke-ad::before,
  .single-otodoke h2.btn-otodoke-ad::before,
  .tax-otodoke-cat h2.btn-otodoke-ad::before {
    width: 29px;
    height: 29px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -1018px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.post-type-archive-otodoke .accordion-inner,
.single-otodoke .accordion-inner,
.tax-otodoke-cat .accordion-inner {
  display: block;
}
@media screen and (max-width: 769px) {
  .post-type-archive-otodoke .accordion-inner,
  .single-otodoke .accordion-inner,
  .tax-otodoke-cat .accordion-inner {
    display: none;
  }
}
.post-type-archive-otodoke .accordion-inner .attention,
.single-otodoke .accordion-inner .attention,
.tax-otodoke-cat .accordion-inner .attention {
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
  margin: 20px 0 0;
}
@media screen and (max-width: 769px) {
  .post-type-archive-otodoke .accordion-inner .attention,
  .single-otodoke .accordion-inner .attention,
  .tax-otodoke-cat .accordion-inner .attention {
    margin: 20px 20px 0;
  }
}

.table-otodoke-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 20px 0 0;
}
@media screen and (max-width: 769px) {
  .table-otodoke-wrap {
    margin: 0 20px 20px;
  }
}
.table-otodoke-wrap::before, .table-otodoke-wrap::after {
  content: "";
  display: block;
  width: 32%;
}
@media screen and (max-width: 769px) {
  .table-otodoke-wrap::before, .table-otodoke-wrap::after {
    width: 49%;
  }
}
.table-otodoke-wrap::before {
  order: 1;
}
.table-otodoke-wrap .col {
  width: 32%;
  box-sizing: border-box;
}
@media screen and (max-width: 769px) {
  .table-otodoke-wrap .col {
    width: 49%;
  }
}
.table-otodoke-wrap .col h3 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  border-bottom: none;
  text-align: left;
}
.table-otodoke-wrap .col h3::before {
  display: none;
}

table.table-otodoke {
  display: table;
  width: 100%;
  margin: 5px 0 10px;
  border: 1px solid #ddd;
  background-color: #f5f4f1;
}
table.table-otodoke th, table.table-otodoke td {
  display: table-cell;
  padding: 7px 5px 7px 5px;
  letter-spacing: 0.01em;
  border-bottom: 1px solid #ddd;
}
table.table-otodoke th:nth-child(2), table.table-otodoke td:nth-child(2) {
  padding: 7px 5px 7px 0;
}
table.table-otodoke th {
  background-color: #f8f8f8;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
}
@media screen and (max-width: 769px) {
  table.table-otodoke th {
    font-size: 10px;
  }
}
table.table-otodoke th:nth-child(1) {
  text-align: center;
  width: 4em;
}
table.table-otodoke th:nth-child(3) {
  width: 5em;
  text-align: right;
}
@media screen and (max-width: 769px) {
  table.table-otodoke th:nth-child(3) {
    width: 5em;
  }
}
table.table-otodoke td {
  background-color: #fff;
  overflow: auto;
  font-size: 14px;
  line-height: 1.2;
}
@media screen and (max-width: 769px) {
  table.table-otodoke td {
    font-size: 10px;
  }
}
table.table-otodoke td:nth-child(1) {
  text-align: center;
}
table.table-otodoke td:nth-child(3) {
  text-align: right;
}

.pdf-title {
  font-size: 13px;
  font-weight: 700;
  border-bottom: none;
  text-align: left;
  color: #ce4b1c;
  margin: 20px 0 0;
}
@media screen and (max-width: 769px) {
  .pdf-title {
    margin: 20px 20px 0;
  }
}

.pdf-list {
  margin: 10px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 769px) {
  .pdf-list {
    margin: 0 0 40px;
  }
}
.pdf-list + .pdf-list {
  margin-top: 5px;
}
.pdf-list::after {
  content: "";
  display: block;
  width: 32%;
  order: 1;
}
.pdf-list .pdf {
  position: relative;
  width: 32%;
  margin: 0 0 20px;
  padding: 10px 10px 10px 30px;
  background-color: #f5f4f1;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  font-size: 14px;
  line-height: 1.3;
  padding-left: 35px;
  color: #333;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .pdf-list .pdf:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
@media screen and (max-width: 769px) {
  .pdf-list .pdf {
    width: 100%;
    margin: 0 20px 10px;
    transform: translateY(3px);
  }
}
.pdf-list .pdf::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.pdf-list .ico-pdf1::before {
  width: 24px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -835px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .pdf-list .ico-pdf1::before {
    width: 24px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -879px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.pdf-list .ico-pdf2::before {
  width: 24px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -835px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .pdf-list .ico-pdf2::before {
    width: 24px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -879px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.pdf-list .ico-pdf3::before {
  width: 24px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -835px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .pdf-list .ico-pdf3::before {
    width: 24px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -879px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.pdf-list .ico-pdf4::before {
  width: 24px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -835px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .pdf-list .ico-pdf4::before {
    width: 24px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -879px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.pdf-list .ico-pdf5::before {
  width: 24px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -835px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .pdf-list .ico-pdf5::before {
    width: 24px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -879px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

.by-year-title {
  font-size: 13px;
  font-weight: 700;
  border-bottom: none;
  text-align: left;
  margin: 20px 0 0;
}
@media screen and (max-width: 769px) {
  .by-year-title {
    margin: 20px 20px 0;
  }
}

.by-year-list {
  margin: 10px 0 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 769px) {
  .by-year-list {
    margin: 10px 20px 0;
  }
}
.by-year-list .by-year {
  position: relative;
  display: inline-block;
  margin: 0 18px 18px 0;
  padding: 15px 30px 15px 15px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #f5f4f1;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  min-width: 90px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .by-year-list .by-year:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
.by-year-list .by-year::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
}

.updatedItem td {
  font-weight: bold;
  background-color: #ffdbc6 !important;
}

.page-id-13 .corner-title .corner-title-cover.corner1, .parent-pageid-13 .corner-title .corner-title-cover.corner1 {
  background-image: url(../img/company/pic-cover-company2.jpg);
}
.page-id-13 .corner-title .corner-title-cover.corner2, .parent-pageid-13 .corner-title .corner-title-cover.corner2 {
  background-image: url(../img/company/pic-corner2.jpg);
}
.page-id-13 .corner-title .corner-title-cover.recruit, .parent-pageid-13 .corner-title .corner-title-cover.recruit {
  background-image: url(../img/company/pic-cover-recruit.jpg);
}
.page-id-13 .corner-title .corner-title-cover.corner3, .parent-pageid-13 .corner-title .corner-title-cover.corner3 {
  background-image: url(../img/company/pic-cover-aboutus2.jpg);
}
.page-id-13 img, .parent-pageid-13 img {
  text-align: center;
}

.pressrelease-list {
  margin: 20px 0 0;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 20px;
}
@media screen and (max-width: 769px) {
  .pressrelease-list {
    margin: 20px 0;
  }
}
.pressrelease-list a.list-item {
  position: relative;
  display: table;
  width: 100%;
  padding: 20px 0;
  margin: 0;
  color: #333;
}
@media screen and (max-width: 769px) {
  .pressrelease-list a.list-item {
    display: block;
  }
}
.pressrelease-list a.list-item .date {
  display: table-cell;
  width: 15%;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .pressrelease-list a.list-item .date {
    display: inline-block;
    width: 110px;
  }
}
.pressrelease-list a.list-item .category {
  display: table-cell;
  width: 110px;
  text-align: center;
}
.pressrelease-list a.list-item .category span {
  display: inline-block;
  width: 110px;
  text-align: center;
  padding: 3px 0 1px;
  background-color: #ff8a00;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
  border-radius: 3px;
}
@media screen and (max-width: 769px) {
  .pressrelease-list a.list-item .category {
    display: inline-block;
    width: 110px;
  }
}
.pressrelease-list a.list-item .title {
  position: relative;
  display: table-cell;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  padding: 0 0 0 15px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 769px) {
  .pressrelease-list a.list-item .title {
    display: block;
    margin: 10px 0 0;
    padding: 0 0 0 0;
  }
}
@media screen and (min-width: 769px) {
  .pressrelease-list a.list-item .title:hover {
    color: #ff8a00;
  }
}
.pressrelease-list a.list-item + .list-item {
  border-top: 2px dashed #F5F4F0;
}
.pressrelease-list a.list-item.pdf .title {
  padding-left: 50px;
}
.pressrelease-list a.list-item.pdf .title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -835px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .pressrelease-list a.list-item.pdf .title::before {
    width: 24px;
    height: 24px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -879px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

.info-wrap {
  max-width: 880px;
  margin: 60px auto;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1250px) {
  .info-wrap {
    display: block;
    box-sizing: border-box;
    padding: 0 40px;
  }
}
@media screen and (max-width: 769px) {
  .info-wrap {
    padding: 0;
    margin: 40px auto 0;
  }
}
.info-wrap .info-left {
  max-width: 600px;
  padding: 30px;
  background-color: #fff;
  border-radius: 5px;
}
@media screen and (max-width: 1250px) {
  .info-wrap .info-left {
    max-width: 880px;
  }
}
@media screen and (max-width: 769px) {
  .info-wrap .info-left {
    padding: 20px;
    margin: 0 20px;
  }
}
.info-wrap .info-right {
  width: 240px;
}
@media screen and (max-width: 1250px) {
  .info-wrap .info-right {
    width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .info-wrap .info-right {
    box-sizing: border-box;
    padding: 20px 20px 40px;
  }
}
.info-wrap .info-left .editor {
  margin: 0 auto;
}
.info-wrap .info-left .editor h1 {
  color: #000;
  margin: 10px 0 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 769px) {
  .info-wrap .info-left .editor h1 {
    font-size: 16px;
    margin: 10px 0 20px;
  }
}
.info-wrap .info-left .editor p {
  line-height: 2;
}
@media screen and (max-width: 1250px) {
  .info-wrap .info-right .term-wrap {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 20px 0 0;
  }
}
.info-wrap .info-right .term-wrap a.term-thumbnail {
  display: block;
  width: 100%;
  position: relative;
}
.info-wrap .info-right .term-wrap a.term-thumbnail::before {
  color: #FFF;
  content: "記事一覧";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.info-wrap .info-right .term-wrap a.term-thumbnail::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  .info-wrap .info-right .term-wrap a.term-thumbnail:hover::before {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .info-wrap .info-right .term-wrap a.term-thumbnail:hover::after {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1250px) {
  .info-wrap .info-right .term-wrap a.term-thumbnail {
    width: 48%;
  }
}
.info-wrap .info-right .term-wrap a.term-thumbnail img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
@media screen and (max-width: 1250px) {
  .info-wrap .info-right .term-wrap .term-detail-wrap {
    width: 48%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
.info-wrap .info-right .term-wrap .term-detail-wrap .term-title {
  margin: 15px 0 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  .info-wrap .info-right .term-wrap .term-detail-wrap .term-title {
    font-size: 13px;
    margin: 0;
  }
}
.info-wrap .info-right .term-wrap .term-detail-wrap .term-description {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 769px) {
  .info-wrap .info-right .term-wrap .term-detail-wrap .term-description {
    font-size: 11px;
  }
}
.info-wrap .info-right article {
  margin: 20px 0 0;
}
@media screen and (max-width: 769px) {
  .info-wrap .info-right article {
    margin: 20px auto 0;
  }
}
.info-wrap .info-right article a {
  display: -webkit-flex;
  display: flex;
}
.info-wrap .info-right article a figure.thumbnail {
  width: 30%;
  position: relative;
}
.info-wrap .info-right article a figure.thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
}
.info-wrap .info-right article a figure.thumbnail img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.info-wrap .info-right article a div.detail-block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 70%;
  padding: 0 0 0 10px;
}
@media screen and (max-width: 769px) {
  .info-wrap .info-right article a div.detail-block {
    padding: 0 0 0 15px;
  }
}
.info-wrap .info-right article a div.detail-block p {
  line-height: 1;
}
.info-wrap .info-right article a div.detail-block p span {
  font-size: 11px;
}
.info-wrap .info-right article a div.detail-block p span.date {
  display: inline-block;
  color: #ff8a00;
  margin-right: 10px;
}
.info-wrap .info-right article a div.detail-block p span.category {
  color: #666;
}
.info-wrap .info-right article a div.detail-block h1.article-title {
  margin: 5px 0 0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  text-align: justify;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media screen and (max-width: 769px) {
  .info-wrap .info-right article a div.detail-block h1.article-title {
    font-size: 12px;
  }
}
.info-wrap .info-right article a:hover figure.thumbnail:after {
  opacity: 0.3;
}
.info-wrap .info-right article a:hover div.detail-block h1.article-title {
  color: #ff8a00;
}

.info-cat-list-title {
  color: #000;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 1.3;
  font-weight: 600;
  margin: 100px 0 50px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .info-cat-list-title {
    font-size: 16px;
    margin: 50px 0 30px;
  }
}

.ban-tfof {
  display: block;
  max-width: 880px;
  margin: 0 auto;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .ban-tfof {
    box-sizing: border-box;
    width: -webkit-calc( 880px - 80px );
    width: calc( 880px - 80px );
  }
}
@media screen and (min-width: 769px) {
  .ban-tfof::before {
    color: #FFF;
    content: "特設ページを見る";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 10;
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
    -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
    -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease;
  }
  .ban-tfof::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    width: 100%;
    height: 100%;
    background-color: #000;
    pointer-events: none;
    opacity: 0;
    z-index: 5;
  }
  .ban-tfof:hover::before {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .ban-tfof:hover::after {
    opacity: 0.6;
  }
}
@media screen and (max-width: 769px) {
  .ban-tfof {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
}

/****************************************

          お知らせトップ
          
******************* **********************/
div.section-wrap {
  max-width: 880px;
  margin: 40px auto 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 1250px) {
  div.section-wrap {
    padding: 0 40px;
  }
}
@media screen and (max-width: 769px) {
  div.section-wrap {
    width: auto;
    margin: 20px 20px 0;
    padding: 0;
  }
}
.tax-info-cat div.section-wrap::after, .single-info div.section-wrap::after {
  content: "";
  display: block;
  width: 30%;
  margin-bottom: 30px;
  order: 1;
}
@media screen and (max-width: 769px) {
  .tax-info-cat div.section-wrap::after, .single-info div.section-wrap::after {
    width: 47.5%;
  }
}
div.section-wrap section.term-block {
  width: 47%;
  margin-bottom: 60px;
}
.tax-info-cat div.section-wrap section.term-block, .single-info div.section-wrap section.term-block {
  width: 30%;
  margin-bottom: 30px;
}
@media screen and (max-width: 769px) {
  .tax-info-cat div.section-wrap section.term-block, .single-info div.section-wrap section.term-block {
    width: 47.5%;
  }
}
@media screen and (max-width: 769px) {
  div.section-wrap section.term-block {
    width: 100%;
    margin-bottom: 40px;
  }
}
div.section-wrap section.term-block header.section-header a {
  display: block;
  overflow: hidden;
  position: relative;
}
div.section-wrap section.term-block header.section-header a::before {
  color: #FFF;
  content: "記事一覧";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 10;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
div.section-wrap section.term-block header.section-header a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
  z-index: 5;
}
div.section-wrap section.term-block header.section-header a img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (min-width: 769px) {
  div.section-wrap section.term-block header.section-header a:hover::before {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  div.section-wrap section.term-block header.section-header a:hover::after {
    opacity: 0.6;
  }
}
div.section-wrap section.term-block header.section-header h1.term-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  margin: 15px 0 0;
}
.tax-info-cat div.section-wrap section.term-block header.section-header h1.term-title, .single-info div.section-wrap section.term-block header.section-header h1.term-title {
  font-size: 14px;
}
@media screen and (max-width: 769px) {
  .tax-info-cat div.section-wrap section.term-block header.section-header h1.term-title, .single-info div.section-wrap section.term-block header.section-header h1.term-title {
    font-size: 12px;
  }
}
@media screen and (max-width: 769px) {
  div.section-wrap section.term-block header.section-header h1.term-title {
    font-size: 14px;
    margin: 13px 0 0;
  }
}
div.section-wrap section.term-block header.section-header p.term-description {
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 769px) {
  div.section-wrap section.term-block header.section-header p.term-description {
    font-size: 12px;
  }
}
div.section-wrap section.term-block article.info-item {
  margin: 25px 0 0;
}
@media screen and (max-width: 769px) {
  div.section-wrap section.term-block article.info-item {
    margin: 20px 0 0;
  }
}
div.section-wrap section.term-block article.info-item a {
  display: -webkit-flex;
  display: flex;
}
div.section-wrap section.term-block article.info-item a figure.thumbnail {
  width: 25%;
  position: relative;
}
div.section-wrap section.term-block article.info-item a figure.thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
}
div.section-wrap section.term-block article.info-item a figure.thumbnail img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
div.section-wrap section.term-block article.info-item a div.detail-block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 75%;
  margin: 0 0 0 20px;
}
div.section-wrap section.term-block article.info-item a div.detail-block p {
  line-height: 1;
}
div.section-wrap section.term-block article.info-item a div.detail-block p span {
  font-size: 11px;
}
div.section-wrap section.term-block article.info-item a div.detail-block p span.date {
  display: inline-block;
  color: #ff8a00;
  margin-right: 5px;
}
div.section-wrap section.term-block article.info-item a div.detail-block p span.category {
  color: #666;
}
div.section-wrap section.term-block article.info-item a div.detail-block h1.article-title {
  margin: 7px 0 0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media screen and (max-width: 769px) {
  div.section-wrap section.term-block article.info-item a div.detail-block h1.article-title {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  div.section-wrap section.term-block article.info-item a:hover figure.thumbnail:after {
    opacity: 0.3;
  }
  div.section-wrap section.term-block article.info-item a:hover div.detail-block h1.article-title {
    color: #ff8a00;
  }
}

@media screen and (min-width: 769px) {
  .taxonomy-info-list {
    max-width: 880px;
    margin: 40px auto 80px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 769px) {
  .taxonomy-info-list {
    margin: 20px 20px 40px;
  }
}
.taxonomy-info-list article.info-item {
  margin: 25px 0 0;
  width: 48%;
}
@media screen and (max-width: 769px) {
  .taxonomy-info-list article.info-item {
    width: 100%;
    margin: 20px 0 0;
  }
}
.taxonomy-info-list article.info-item a {
  display: -webkit-flex;
  display: flex;
}
.taxonomy-info-list article.info-item a figure.thumbnail {
  width: 25%;
  position: relative;
}
.taxonomy-info-list article.info-item a figure.thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
}
.taxonomy-info-list article.info-item a figure.thumbnail img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.taxonomy-info-list article.info-item a div.detail-block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 75%;
  margin: 0 0 0 20px;
}
.taxonomy-info-list article.info-item a div.detail-block p {
  line-height: 1;
}
.taxonomy-info-list article.info-item a div.detail-block p span {
  font-size: 11px;
}
.taxonomy-info-list article.info-item a div.detail-block p span.date {
  display: inline-block;
  color: #ff8a00;
  margin-right: 10px;
}
.taxonomy-info-list article.info-item a div.detail-block p span.category {
  color: #666;
}
.taxonomy-info-list article.info-item a div.detail-block h1.article-title {
  margin: 5px 0 0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media screen and (max-width: 769px) {
  .taxonomy-info-list article.info-item a div.detail-block h1.article-title {
    font-size: 12px;
    margin: 5px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .taxonomy-info-list article.info-item a:hover p span.date {
    color: #ff8a00;
  }
  .taxonomy-info-list article.info-item a:hover figure.thumbnail:after {
    opacity: 0.3;
  }
  .taxonomy-info-list article.info-item a:hover div.detail-block h1.article-title {
    color: #ff8a00;
  }
}

/****************************************

          お知らせカテゴリトップ
          
*****************************************/
@media screen and (min-width: 769px) {
  div.term-header {
    max-width: 880px;
    margin: 40px auto 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 769px) {
  div.term-header {
    margin: 20px 20px 0;
  }
}
div.term-header div.term-col-left,
div.term-header div.term-col-right {
  width: 48%;
}
@media screen and (max-width: 769px) {
  div.term-header div.term-col-left,
  div.term-header div.term-col-right {
    width: 100%;
  }
}
@media screen and (max-width: 1250px) {
  div.term-header div.term-col-left {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 769px) {
  div.term-header div.term-col-left {
    display: block;
  }
}
div.term-header div.term-col-left .term-thumbnail {
  overflow: hidden;
}
@media screen and (max-width: 769px) {
  div.term-header div.term-col-left .term-thumbnail {
    width: 100%;
  }
}
div.term-header div.term-col-left .term-thumbnail img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  div.term-header div.term-col-right {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (max-width: 769px) {
  div.term-header div.term-col-right {
    margin-top: 10px;
  }
}
div.term-header div.term-col-right .term-detail h1.term-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  div.term-header div.term-col-right .term-detail h1.term-title {
    font-size: 14px;
  }
}
div.term-header div.term-col-right .term-detail p.term-description {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  text-align: justify;
}
@media screen and (max-width: 769px) {
  div.term-header div.term-col-right .term-detail p.term-description {
    margin: 5px 0 0;
    font-size: 12px;
  }
}

/****************************************

          recruit
          
*****************************************/
.page-id-16 .corner-title .corner-title-cover {
  position: static;
  background-image: url(../img/recruit/pic-corner1.jpg);
  background-size: cover;
  background-position: right top;
}
.page-id-16 img {
  text-align: center;
}
.page-id-16 p.content-read {
  text-align: center;
}
.page-id-16 p.content-read br {
  display: block !important;
}

@media screen and (max-width: 769px) {
  h3.btn-recruit {
    position: relative;
    padding: 10px 35px 10px 10px;
    font-size: 14px;
    margin: 10px 0 0;
    line-height: 1.3;
    font-weight: 700;
    text-align: left;
    border-radius: 5px;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    box-shadow: 0px 3px 0px 0px #e5e6e0;
  }
  h3.btn-recruit::before {
    display: none;
  }
  h3.btn-recruit::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-right: 2px solid #ff8a00;
    border-bottom: 2px solid #ff8a00;
    transform: rotate(45deg);
    transition: 0.4s ease;
  }
  h3.btn-recruit.selected::after {
    margin-top: -1px;
    transform: rotate(-135deg);
  }
}

/****************************************

          Trial
          
*****************************************/
.page-id-3611 footer.footer {
  margin-top: 0px;
}

.page-id-3611 .content-header-wrap h2 {
  margin-top: 60px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  .page-id-3611 .content-header-wrap h2 {
    font-size: 14px;
    margin-top: 30px;
  }
}
.page-id-3611 .content-header-wrap p.content-read {
  max-width: 600px;
}
.page-id-3611 #trial {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 {
    padding: 20px;
  }
}
.page-id-3611 #trial .trial_1 .ttl {
  max-width: 550px;
  margin: 30px auto 60px;
  text-align: center;
  background-image: url(../img/trial/bg_ttl.png);
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 .ttl {
    margin: 10px auto 20px;
  }
}
.page-id-3611 #trial .trial_1 .ttl h2 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 .ttl h2 {
    font-size: 14px;
    line-height: 1.1;
  }
}
.page-id-3611 #trial .trial_1 .ttl h2 .balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 10px 15px 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #fff;
  border-radius: 5px;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 .ttl h2 .balloon {
    margin: 0 10px 15px 0;
  }
}
.page-id-3611 #trial .trial_1 .ttl h2 .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 .ttl h2 .balloon:before {
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    margin-left: -7px;
  }
}
.page-id-3611 #trial .trial_1 .flex_box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 .flex_box {
    flex-direction: column;
  }
}
.page-id-3611 #trial .trial_1 .flex_box .pic {
  max-width: 370px;
  margin-bottom: 20px;
}
.page-id-3611 #trial .trial_1 .flex_box .text {
  max-width: 380px;
}
.page-id-3611 #trial .trial_1 .flex_box .text h3 {
  background-color: #fff;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 25px;
  border-radius: 5px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 .flex_box .text h3 {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    padding: 10px;
  }
}
.page-id-3611 #trial .trial_1 .flex_box .text .price {
  font-size: 14px;
  margin-bottom: 25px;
  line-height: 1.8;
}
.page-id-3611 #trial .trial_1 .flex_box .text .price strong {
  font-weight: 600;
}
.page-id-3611 #trial .trial_1 .flex_box .text .price span {
  font-size: 26px;
  font-weight: 600;
  color: #ff8a00;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_1 .flex_box .text .price {
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px;
  }
  .page-id-3611 #trial .trial_1 .flex_box .text .price span {
    font-size: 20px;
  }
}
.page-id-3611 #trial .trial_1 .flex_box .text .white_box {
  padding: 15px;
  border-radius: 5px;
  background-color: #fff;
}
.page-id-3611 #trial .trial_1 .flex_box .text .white_box h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.page-id-3611 #trial .trial_1 .flex_box .text .white_box p {
  font-size: 14px;
  margin-bottom: 5px;
}
.page-id-3611 #trial .trial_1 .flex_box .text .white_box ul {
  list-style: disc;
  margin-left: 20px;
}
.page-id-3611 #trial .trial_1 .flex_box .text .white_box ul li {
  font-size: 12px;
  margin-bottom: 5px;
}
.page-id-3611 #trial .trial_2 {
  margin-top: 60px;
  text-align: center;
}
.page-id-3611 #trial .trial_2 h2 {
  position: relative;
  margin: 0 auto 40px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_2 h2 {
    margin: 0 auto 20px;
    font-size: 16px;
  }
}
.page-id-3611 #trial .trial_2 h2::before {
  content: "";
  display: inline-block;
  margin-right: 14px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 28px;
  height: 28px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -383px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3611 #trial .trial_2 h2::before {
    width: 28px;
    height: 28px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -451px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_2 h2::before {
    margin-right: 10px;
  }
}
.page-id-3611 #trial .trial_2 .flow {
  text-align: left;
  font-weight: 600;
  max-width: 520px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_2 .flow {
    width: -webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
  }
}
.page-id-3611 #trial .trial_2 .flow .flow_wrap {
  position: relative;
  padding-bottom: 50px;
}
@media screen and (min-width: 769px) {
  .page-id-3611 #trial .trial_2 .flow .flow_wrap {
    padding-left: 50px;
  }
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_2 .flow .flow_wrap {
    margin-bottom: 8px;
    padding-bottom: 20px;
  }
}
.page-id-3611 #trial .trial_2 .flow .flow_wrap::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 18px;
  height: 30px;
  margin-right: 20px;
  vertical-align: middle;
  width: 18px;
  height: 30px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -138px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3611 #trial .trial_2 .flow .flow_wrap::before {
    width: 18px;
    height: 30px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -226px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_2 .flow .flow_wrap::before {
    top: auto;
    left: 50%;
    bottom: -5px;
  }
}
.page-id-3611 #trial .trial_2 .flow .flow_wrap:nth-child(4n)::before {
  display: none;
}
.page-id-3611 #trial .trial_2 .flow h3 {
  position: relative;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.page-id-3611 #trial .trial_2 .flow h3 small {
  font-size: 13px;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_2 .flow h3 {
    padding: 13px 0 13px 45px;
    font-size: 12px;
  }
  .page-id-3611 #trial .trial_2 .flow h3 small {
    font-size: 10px;
  }
}
.page-id-3611 #trial .trial_2 .flow h3.num1::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -663px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3611 #trial .trial_2 .flow h3.num1::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -717px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3611 #trial .trial_2 .flow h3.num2::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -706px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3611 #trial .trial_2 .flow h3.num2::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -758px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3611 #trial .trial_2 .flow h3.num3::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -749px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3611 #trial .trial_2 .flow h3.num3::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -798px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3611 #trial .trial_2 .flow h3.num4::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -792px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3611 #trial .trial_2 .flow h3.num4::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -839px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3611 #trial .trial_2 .flow h3::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -54px;
  width: 38px;
  height: 38px;
  margin-right: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_2 .flow h3::before {
    left: 0;
  }
}
.page-id-3611 #trial .trial_3 {
  margin: 60px auto 0;
  text-align: center;
  max-width: 660px;
}
.page-id-3611 #trial .trial_3 h2 {
  position: relative;
  margin: 0 auto 0;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_3 h2 {
    margin: 0 auto 20px;
    font-size: 16px;
  }
}
.page-id-3611 #trial .trial_3 h2::before {
  content: "";
  display: inline-block;
  margin-right: 14px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 28px;
  height: 28px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -383px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3611 #trial .trial_3 h2::before {
    width: 28px;
    height: 28px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -451px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_3 h2::before {
    margin-right: 10px;
  }
}
.page-id-3611 #trial .trial_3 .questions {
  margin: 0 0 60px;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_3 .questions {
    margin: 0 0 40px;
  }
}
.page-id-3611 #trial .trial_3 div.question {
  margin: 0px auto;
  text-align: left;
}
.page-id-3611 #trial .trial_3 div.answer {
  margin: 0px auto;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .page-id-3611 #trial .trial_3 div.answer {
    width: 90%;
  }
}
.page-id-3611 .last_block {
  margin-top: 150px;
  background-image: url(../img/trial/bg_last.jpg);
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 769px) {
  .page-id-3611 .last_block {
    margin-top: 80px;
    height: 200px;
  }
}
.page-id-3611 .last_block p {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (max-width: 769px) {
  .page-id-3611 .last_block p {
    font-size: 16px;
  }
}

#trial2 {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  #trial2 .trial_2 {
    padding: 20px;
  }
}
#trial2 .trial_2 .ttl {
  max-width: 550px;
  margin: 60px auto 0;
  text-align: center;
  background-image: url(../img/trial/bg_ttl.png);
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 769px) {
  #trial2 .trial_2 .ttl {
    margin: 10px auto 20px;
  }
}
#trial2 .trial_2 .ttl h2 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  #trial2 .trial_2 .ttl h2 {
    font-size: 14px;
    line-height: 1.1;
  }
}
#trial2 .trial_2 .ttl h2 small {
  font-size: 16px;
}
@media screen and (max-width: 769px) {
  #trial2 .trial_2 .ttl h2 small {
    font-size: 12px;
  }
}
#trial2 .trial_2 .ttl h2 .balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 10px 15px 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #fff;
  border-radius: 5px;
}
@media screen and (max-width: 769px) {
  #trial2 .trial_2 .ttl h2 .balloon {
    margin: 0 10px 15px 0;
  }
}
#trial2 .trial_2 .ttl h2 .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
@media screen and (max-width: 769px) {
  #trial2 .trial_2 .ttl h2 .balloon:before {
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    margin-left: -7px;
  }
}

.trial_form_wrap#form_wrap {
  padding: 0 0 60px;
}

/****************************************

          REGIISTER
          
*****************************************/
.page-id-3606 footer.footer {
  margin-top: 0px;
}

.page-id-3606 .content-header-wrap h2.content-title-s {
  font-size: 20px;
  line-height: 1.8;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
  padding: 0 15px;
}
@media screen and (max-width: 769px) {
  .page-id-3606 .content-header-wrap h2.content-title-s {
    font-size: 16px;
  }
  .page-id-3606 .content-header-wrap h2.content-title-s br {
    display: none;
  }
}
.page-id-3606 .content-header-wrap .content-read {
  text-align: center;
  line-height: 2;
  margin-top: 20px;
}
.page-id-3606 .content-header-wrap .content-read small {
  color: #666;
  font-size: 12px;
  font-weight: normal;
}
@media screen and (max-width: 769px) {
  .page-id-3606 .content-header-wrap .content-read {
    margin: 15px auto 0;
  }
  .page-id-3606 .content-header-wrap .content-read small {
    font-size: 11px;
  }
}
.page-id-3606 .content-header-wrap div.btn-wrap {
  margin-top: 40px;
}
@media screen and (max-width: 769px) {
  .page-id-3606 .content-header-wrap div.btn-wrap {
    margin-top: 20px;
  }
}
.page-id-3606 div#register article {
  max-width: 700px;
  padding: 0 0 120px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article {
    width: -webkit-calc( 100% - 30px );
    width: calc( 100% - 30px );
    padding: 30px 0 100px;
  }
}
.page-id-3606 div#register article h2 {
  position: relative;
  margin: 0 auto 40px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article h2 {
    margin: 0 auto 20px;
    font-size: 16px;
  }
}
.page-id-3606 div#register article h2::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 29px;
  margin-right: 14px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article h2::before {
    margin-right: 10px;
  }
}
.page-id-3606 div#register article .takuhai-set-list {
  margin: 30px auto 0;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article .takuhai-set-list {
    padding: 0;
  }
}
.page-id-3606 div#register article .takuhai-set-list .takuhai-set {
  width: 23%;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article .takuhai-set-list .takuhai-set {
    width: -webkit-calc( 50% - 5px );
    width: calc( 50% - 5px );
    margin: 0 0 20px;
  }
}
.page-id-3606 div#register article .takuhai-set-list .takuhai-set .txt h4 {
  font-size: 14px;
}
.page-id-3606 div#register article .takuhai-set-list .takuhai-set .txt .copy {
  font-size: 12px;
}
.page-id-3606 div#register article .takuhai-set-list .takuhai-set .txt .price {
  font-size: 12px;
}
.page-id-3606 div#register article .takuhai-set-list .takuhai-set .txt .price em {
  font-size: 16px;
}
.page-id-3606 div#register article .takuhai-set-list .takuhai-set .txt .description {
  font-size: 11px;
}
.page-id-3606 div#register article h3 {
  position: relative;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article h3 {
    padding: 13px 0 13px 45px;
    font-size: 14px;
  }
}
.page-id-3606 div#register article h3.num1::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -663px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3606 div#register article h3.num1::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -717px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3606 div#register article h3.num2::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -706px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3606 div#register article h3.num2::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -758px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3606 div#register article h3.num3::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -749px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3606 div#register article h3.num3::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -798px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3606 div#register article h3.num4::before {
  width: 38px;
  height: 38px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -792px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3606 div#register article h3.num4::before {
    width: 38px;
    height: 38px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -839px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3606 div#register article h3::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -54px;
  width: 38px;
  height: 38px;
  margin-right: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article h3::before {
    left: 0;
  }
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article .white_boader {
    margin: 30px auto 0;
  }
}
.page-id-3606 div#register article p {
  font-size: 14px;
}
.page-id-3606 div#register article p small {
  color: #666;
  font-size: 12px;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article p {
    font-size: 12px;
  }
  .page-id-3606 div#register article p small {
    font-size: 11px;
  }
}
.page-id-3606 div#register article section#check {
  padding-top: 80px;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article section#check {
    padding: 60px 0 30px;
  }
}
.page-id-3606 div#register article section#check h2::before {
  width: 30px;
  height: 29px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -326px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3606 div#register article section#check h2::before {
    width: 30px;
    height: 29px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -399px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3606 div#register article section#check .check_wrap {
  padding-bottom: 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .page-id-3606 div#register article section#check .check_wrap {
    padding-bottom: 15px;
    padding-left: 50px;
  }
}
.page-id-3606 div#register article section#check div.btn-wrap {
  margin: 15px 0 0;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article section#check div.btn-wrap {
    margin: 15px 0 0;
  }
}
.page-id-3606 div#register article section#check > div.btn-wrap {
  text-align: center;
}
.page-id-3606 div#register article section#check > div.btn-wrap a.btn-next {
  position: relative;
  margin: 0 0 20px;
  padding: 26px 24px 26px 50px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .page-id-3606 div#register article section#check > div.btn-wrap a.btn-next:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
.page-id-3606 div#register article section#check > div.btn-wrap a.btn-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article section#check > div.btn-wrap a.btn-next {
    margin: 0 auto 10px;
    padding: 20px 15px 20px 35px;
    font-size: 14px;
    transform: translateY(3px);
    line-height: 1.4;
  }
  .page-id-3606 div#register article section#check > div.btn-wrap a.btn-next::before {
    left: 15px;
  }
}
@media screen and (max-width: 321px) {
  .page-id-3606 div#register article section#check > div.btn-wrap a.btn-next {
    font-size: 12px;
    padding: 20px 12px 20px 32px;
  }
  .page-id-3606 div#register article section#check > div.btn-wrap a.btn-next::before {
    left: 12px;
  }
}
.page-id-3606 div#register article section#flow {
  padding: 80px 0 0;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article section#flow {
    padding-top: 60px;
  }
}
.page-id-3606 div#register article section#flow h2::before {
  position: relative;
  top: -2px;
  width: 28px;
  height: 28px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -383px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3606 div#register article section#flow h2::before {
    width: 28px;
    height: 28px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -451px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-3606 div#register article section#flow .flow_wrap {
  position: relative;
  padding-bottom: 50px;
}
@media screen and (min-width: 769px) {
  .page-id-3606 div#register article section#flow .flow_wrap {
    padding-left: 50px;
  }
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article section#flow .flow_wrap {
    margin-bottom: 15px;
    padding-bottom: 40px;
  }
}
.page-id-3606 div#register article section#flow .flow_wrap::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 18px;
  height: 30px;
  margin-right: 20px;
  vertical-align: middle;
  width: 18px;
  height: 30px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -138px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-3606 div#register article section#flow .flow_wrap::before {
    width: 18px;
    height: 30px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -226px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register article section#flow .flow_wrap::before {
    top: auto;
    left: 50%;
    bottom: -5px;
  }
}
.page-id-3606 div#register article section#flow .flow_wrap:nth-child(5n)::before {
  display: none;
}
@media screen and (max-width: 769px) {
  .page-id-3606 div#register div.btn-wrap a.btn-next {
    font-size: 12px;
    display: inline-block;
    margin: 0 9px 18px 0;
  }
}

div#trial_wrap {
  max-width: 100%;
  text-align: center;
  color: #fff;
  background-image: url(../img/pic-cover-19.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
div#trial_wrap .inner {
  max-width: 100%;
  height: 100%;
  padding: 30px 0 90px;
  background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 769px) {
  div#trial_wrap .inner {
    padding: 40px 10px 80px;
  }
}
div#trial_wrap .inner figure {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  div#trial_wrap .inner figure {
    width: auto;
  }
}
div#trial_wrap .inner figure img {
  max-width: 100%;
  height: auto;
}
div#trial_wrap .inner figure img.pc {
  display: block;
}
@media screen and (max-width: 769px) {
  div#trial_wrap .inner figure img.pc {
    display: none;
  }
}
div#trial_wrap .inner figure img.sp {
  display: none;
}
@media screen and (max-width: 769px) {
  div#trial_wrap .inner figure img.sp {
    display: block;
    margin-bottom: 40px;
  }
}

.page-id-836 footer.footer {
  margin-top: 0px;
}

.breadcrumb {
  z-index: 11;
}

.delivery {
  /*----------- page_link -----------*/
}
.delivery .point {
  max-width: 1100px;
  margin: 100px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 769px) {
  .delivery .point {
    margin: 60px auto;
  }
}
.delivery .point section {
  width: 50%;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery .point section {
    width: 100%;
    height: 180px;
  }
}
.delivery .point section:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.delivery .point section .txt {
  color: #FFF;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 2;
}
.delivery .point section .txt:before {
  content: "";
  display: block;
  width: 94px;
  height: 74px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 769px) {
  .delivery .point section .txt:before {
    width: 47px;
    height: 37px;
  }
}
.delivery .point section .txt h3 {
  font-size: 18px;
  margin: 0 0 12px;
  letter-spacing: 0.1em;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .delivery .point section .txt h3 {
    font-size: 14px;
    margin: 0 0 8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.delivery .point section .txt p {
  font-size: 14px;
}
.delivery .point section .txt p small {
  font-size: 11px;
}
@media screen and (max-width: 769px) {
  .delivery .point section .txt p {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .delivery .point section .txt p small {
    font-size: 10px;
  }
}
.delivery .point section.point1 {
  background: url(../img/service/pic_d_1_1.jpg) center center no-repeat;
  background-size: cover;
}
.delivery .point section.point1 .txt:before {
  background: url(../img/service/ico_d_1.png) center center no-repeat;
  background-size: 94px 74px;
}
@media screen and (max-width: 769px) {
  .delivery .point section.point1 .txt:before {
    background-size: 47px 37px;
  }
}
.delivery .point section.point2 {
  background: url(../img/service/pic_d_1_2.jpg) center center no-repeat;
  background-size: cover;
}
.delivery .point section.point2 .txt:before {
  background: url(../img/service/ico_d_2.png) center center no-repeat;
  background-size: 94px 74px;
}
@media screen and (max-width: 769px) {
  .delivery .point section.point2 .txt:before {
    background-size: 47px 37px;
  }
}
.delivery .point section.point3 {
  background: url(../img/service/pic_d_1_3.jpg) center center no-repeat;
  background-size: cover;
}
.delivery .point section.point3 .txt:before {
  background: url(../img/service/ico_d_3.png) center center no-repeat;
  background-size: 94px 74px;
}
@media screen and (max-width: 769px) {
  .delivery .point section.point3 .txt:before {
    background-size: 47px 37px;
  }
}
.delivery .point section.point4 {
  background: url(../img/service/pic_d_1_4.jpg) center center no-repeat;
  background-size: cover;
}
.delivery .point section.point4 .txt:before {
  background: url(../img/service/ico_d_4.png) center center no-repeat;
  background-size: 94px 74px;
}
@media screen and (max-width: 769px) {
  .delivery .point section.point4 .txt:before {
    background-size: 47px 37px;
  }
}
.delivery .about_field {
  max-width: 1100px;
  height: 460px;
  margin: 100px auto 0;
  background: url(../img/service/pic_d_2.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery .about_field {
    margin: 60px auto 0;
    height: 330px;
  }
}
.delivery .about_field:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.delivery .about_field .txt {
  width: 100%;
  box-sizing: border-box;
  padding-right: 80px;
  color: #FFF;
  font-weight: 700;
  line-height: 1.5;
  text-align: right;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 769px) {
  .delivery .about_field .txt {
    padding: 20px;
    text-align: left;
  }
}
.delivery .about_field .txt p {
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.16em;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.delivery .about_field .txt p.check {
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  margin: 30px 0;
}
@media screen and (max-width: 769px) {
  .delivery .about_field .txt p {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .delivery .about_field .txt p br {
    display: none;
  }
  .delivery .about_field .txt p.check {
    font-size: 10px;
    margin: 15px 0;
  }
}
@media screen and (max-width: 321px) {
  .delivery .about_field .txt p {
    letter-spacing: 0.12em;
  }
}
.delivery .about_field .txt .btn {
  margin-right: 7px;
}
@media screen and (max-width: 769px) {
  .delivery .about_field .txt .btn {
    margin: 0;
    text-align: center;
  }
}
.delivery .about_field .txt .btn a {
  color: #FFF;
  display: inline-block;
  font-size: 15px;
  line-height: 45px;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #FFF;
  padding: 0 16px;
  background-color: transparent;
  -moz-transition: color 0.4s ease, background-color 0.4s ease;
  -o-transition: color 0.4s ease, background-color 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}
.delivery .about_field .txt .btn a:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px 0 0;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
  -moz-transition: border-top 0.4s ease, border-right 0.4s ease;
  -o-transition: border-top 0.4s ease, border-right 0.4s ease;
  -webkit-transition: border-top 0.4s ease, border-right 0.4s ease;
  transition: border-top 0.4s ease, border-right 0.4s ease;
}
@media screen and (max-width: 769px) {
  .delivery .about_field .txt .btn a {
    font-size: 12px;
    line-height: 37px;
    height: 37px;
    padding: 0 14px;
  }
}
@media screen and (min-width: 769px) {
  .delivery .about_field .txt .btn a:hover {
    color: #333;
    background-color: #FFF;
  }
  .delivery .about_field .txt .btn a:hover:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
}
.delivery .about_field2 {
  max-width: 1100px;
  height: 460px;
  margin: 0 auto;
  background: url(../img/service/pic_d_3.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery .about_field2 {
    margin: 0 auto 0;
    height: 330px;
  }
}
.delivery .about_field2:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 769px) {
  .delivery .about_field2:after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.delivery .about_field2 .txt {
  width: 100%;
  box-sizing: border-box;
  padding-left: 80px;
  color: #FFF;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 769px) {
  .delivery .about_field2 .txt {
    padding: 20px;
    text-align: left;
  }
}
.delivery .about_field2 .txt p {
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.16em;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .delivery .about_field2 .txt p {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .delivery .about_field2 .txt p br {
    display: none;
  }
}
@media screen and (max-width: 321px) {
  .delivery .about_field2 .txt p {
    letter-spacing: 0.12em;
  }
}
.delivery .about_field3 {
  max-width: 1100px;
  margin: 0 auto;
  height: 860px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery .about_field3 {
    height: auto;
    overflow: hidden;
  }
}
.delivery .about_field3:after {
  content: "";
  display: block;
  width: 730px;
  height: 693px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -345px 0 0 -300px;
  background: url(../img/farmer/pic-farmer-map.png) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 769px) {
  .delivery .about_field3:after {
    width: 130%;
    height: 100%;
    background-size: cover;
    margin: 0;
    top: 10%;
    left: -23%;
  }
}
.delivery .about_field3 .txt {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 80px;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 769px) {
  .delivery .about_field3 .txt {
    padding: 60px 20px;
  }
}
.delivery .about_field3 .txt p {
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.16em;
  margin: 20px 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .delivery .about_field3 .txt p {
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 15px 0;
  }
  .delivery .about_field3 .txt p br {
    display: none;
  }
}
@media screen and (max-width: 321px) {
  .delivery .about_field3 .txt p {
    letter-spacing: 0.12em;
  }
}
.delivery .about_set {
  max-width: 1100px;
  height: 870px;
  margin: 0 auto;
  background: url(../img/service/pic_d_4.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery .about_set {
    height: auto;
    box-sizing: border-box;
    padding: 40px 0;
  }
}
.delivery .about_set .txt {
  display: inline-block;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 50px;
  background-color: #FFF;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 115px;
}
@media screen and (max-width: 1080px) {
  .delivery .about_set .txt {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 769px) {
  .delivery .about_set .txt {
    padding: 10px 20px;
    position: relative;
    left: 40px;
    top: auto;
  }
}
@media screen and (max-width: 321px) {
  .delivery .about_set .txt {
    left: 0;
  }
}
.delivery .about_set .txt p {
  font-size: 15px;
  line-height: 2.4;
  letter-spacing: 0.16em;
  margin: 20px 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 1080px) {
  .delivery .about_set .txt p {
    font-size: 14px;
  }
}
@media screen and (max-width: 769px) {
  .delivery .about_set .txt p {
    font-size: 12px;
    margin: 10px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media screen and (max-width: 321px) {
  .delivery .about_set .txt p {
    letter-spacing: 0.12em;
  }
}
.delivery .about_set2 {
  max-width: 1100px;
  margin: 100px auto;
}
@media screen and (max-width: 769px) {
  .delivery .about_set2 {
    margin: 60px auto;
  }
}
.delivery .about_set2 h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 0 30px;
}
@media screen and (max-width: 769px) {
  .delivery .about_set2 h3 {
    font-size: 16px;
    margin: 0 20px 20px;
  }
}
.delivery .about_set2 .description {
  font-size: 15px;
  font-weight: 700;
  line-height: 2.2;
  letter-spacing: 0.06em;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .delivery .about_set2 .description {
    font-size: 12px;
    padding: 0 20px;
    line-height: 1.8;
    letter-spacing: 0.03em;
  }
}
.delivery .about_yukikun {
  max-width: 1100px;
  margin: 100px auto;
}
@media screen and (max-width: 769px) {
  .delivery .about_yukikun {
    margin: 60px auto;
  }
}
.delivery .about_yukikun .pic {
  max-width: 1100px;
  height: 450px;
  margin: 0 auto;
  background: url(../img/service/pic_d_5.jpg) center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 769px) {
  .delivery .about_yukikun .pic {
    height: 250px;
  }
}
.delivery .about_yukikun .description {
  max-width: 880px;
  margin: 50px auto 0;
}
@media screen and (min-width: 769px) {
  .delivery .about_yukikun .description {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media screen and (max-width: 769px) {
  .delivery .about_yukikun .description {
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
  }
}
.delivery .about_yukikun .description img {
  width: 244px;
  height: 50px;
}
@media screen and (max-width: 769px) {
  .delivery .about_yukikun .description img {
    width: 122px;
    height: 25px;
    display: block;
    margin: 0 auto 20px;
  }
}
.delivery .about_yukikun .description .txt {
  width: 580px;
}
@media screen and (max-width: 769px) {
  .delivery .about_yukikun .description .txt {
    width: 100%;
  }
}
.delivery .about_yukikun .description .txt p {
  font-size: 15px;
  font-weight: 700;
  line-height: 2.4;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 769px) {
  .delivery .about_yukikun .description .txt p {
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.03em;
  }
}
.delivery .about_otherservice {
  max-width: 1100px;
  margin: 100px auto;
}
@media screen and (max-width: 769px) {
  .delivery .about_otherservice {
    margin: 60px auto;
  }
}
.delivery .about_otherservice h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 0 30px;
}
@media screen and (max-width: 769px) {
  .delivery .about_otherservice h3 {
    font-size: 16px;
    margin: 0 20px 20px;
  }
}
.delivery .about_otherservice section {
  max-width: 880px;
  margin: 10px auto;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 769px) {
  .delivery .about_otherservice section {
    padding: 15px;
    width: -webkit-calc( 100% - 20px );
    width: calc( 100% - 20px );
    margin: 10px;
    padding: 10px 15px;
  }
}
.delivery .about_otherservice section h4 {
  width: 34%;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 769px) {
  .delivery .about_otherservice section h4 {
    font-size: 13px;
  }
}
.delivery .about_otherservice section p {
  width: 66%;
  font-size: 14px;
  box-sizing: border-box;
  padding-left: 40px;
  letter-spacing: 0.03em;
  line-height: 1.8;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery .about_otherservice section p {
    font-size: 11px;
    padding-left: 15px;
    margin: 5px 0;
  }
}
.delivery .start_ttl h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 0 30px;
}
@media screen and (max-width: 769px) {
  .delivery .start_ttl h3 {
    font-size: 16px;
    margin: 0 20px 20px;
  }
}
.delivery .start a {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  background: url(../img/pic-cover-10.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery .start a {
    height: 50vw;
  }
}
.delivery .start a:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.delivery .start a .txt {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}
.delivery .start a .txt p {
  font-size: 20px;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .delivery .start a .txt p {
    font-size: 16px;
    padding: 0 20px;
    margin-bottom: 15px;
  }
}
.delivery .start a .txt .btn span {
  color: #FFF;
  display: inline-block;
  font-size: 15px;
  line-height: 45px;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #FFF;
  padding: 0 16px;
  background-color: transparent;
  -moz-transition: color 0.4s ease, background-color 0.4s ease;
  -o-transition: color 0.4s ease, background-color 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}
.delivery .start a .txt .btn span:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px 0 0;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
  -moz-transition: border-top 0.4s ease, border-right 0.4s ease;
  -o-transition: border-top 0.4s ease, border-right 0.4s ease;
  -webkit-transition: border-top 0.4s ease, border-right 0.4s ease;
  transition: border-top 0.4s ease, border-right 0.4s ease;
}
@media screen and (max-width: 769px) {
  .delivery .start a .txt .btn span {
    font-size: 12px;
    line-height: 37px;
    height: 37px;
    padding: 0 14px;
  }
}
.delivery .start a:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .delivery .start a:hover .txt .btn span {
    color: #333;
    background-color: #FFF;
  }
  .delivery .start a:hover .txt .btn span:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
}
.delivery #page_link {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.delivery #page_link a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 769px) {
  .delivery #page_link a {
    font-size: 12px;
  }
}
.delivery #page_link a .btn {
  z-index: 2;
}
.delivery #page_link a .btn span {
  color: #FFF;
  display: inline-block;
  font-size: 15px;
  line-height: 45px;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #FFF;
  padding: 0 16px;
  background-color: transparent;
  -moz-transition: color 0.4s ease, background-color 0.4s ease;
  -o-transition: color 0.4s ease, background-color 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}
.delivery #page_link a .btn span:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px 0 0;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
  -moz-transition: border-top 0.4s ease, border-right 0.4s ease;
  -o-transition: border-top 0.4s ease, border-right 0.4s ease;
  -webkit-transition: border-top 0.4s ease, border-right 0.4s ease;
  transition: border-top 0.4s ease, border-right 0.4s ease;
}
@media screen and (max-width: 769px) {
  .delivery #page_link a .btn span {
    font-size: 12px;
    line-height: 37px;
    height: 37px;
    padding: 0 14px;
  }
}
.delivery #page_link p {
  font-size: 18px;
}
@media screen and (max-width: 769px) {
  .delivery #page_link p {
    font-size: 12px;
  }
}
.delivery #page_link .pic {
  width: 42px;
  padding-bottom: 10px;
  z-index: 2;
}
.delivery #page_link .link_1 {
  width: 50%;
  height: 300px;
  background-image: url(../img/pic-cover-17.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery #page_link .link_1 {
    width: 50%;
    height: 50vw;
  }
}
.delivery #page_link .link_1:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.delivery #page_link .link_1:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .delivery #page_link .link_1:hover .btn span {
    color: #333;
    background-color: #FFF;
  }
  .delivery #page_link .link_1:hover .btn span:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
}
.delivery #page_link .link_2 {
  width: 50%;
  height: 300px;
  background-image: url(../img/pic-cover-18.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 769px) {
  .delivery #page_link .link_2 {
    width: 50%;
    height: 50vw;
  }
}
.delivery #page_link .link_2:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.delivery #page_link .link_2:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .delivery #page_link .link_2:hover .btn span {
    color: #333;
    background-color: #FFF;
  }
  .delivery #page_link .link_2:hover .btn span:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
}

/****************************************

          biomamaclub
          
*****************************************/
.page-id-51 {
  background-color: #f9ebe5;
  background: url(../img/biomama/bg_biomama.png) 0 0 repeat;
  background-size: 100px 100px;
}
.page-id-51 h1.content-title img {
  display: inline-block;
  width: 189px;
  height: 177px;
}
@media screen and (max-width: 769px) {
  .page-id-51 h1.content-title img {
    width: 150px;
    height: auto;
  }
}
.page-id-51 .content-header-wrap .content-header {
  background: url(../img/biomama/bg_biomama.png) 0 0 repeat;
  background-size: 100px 100px;
}
.page-id-51 .content-header-wrap p.content-read {
  max-width: 600px;
  font-family: YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HG明朝E", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.3;
}
@media screen and (max-width: 769px) {
  .page-id-51 .content-header-wrap p.content-read {
    width: 100%;
    font-size: 12px;
    padding: 0 10px;
  }
}
.page-id-51 .content-header-wrap p.content-read + p {
  margin: 20px auto 0;
}
.page-id-51 .biomamaclub .ttl {
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .page-id-51 hr.white_boader {
    margin: 40px 0 0;
  }
}
.page-id-51 .ttl_biomamaclub {
  text-align: center;
  padding-bottom: 20px;
}
.page-id-51 .ttl_biomamaclub h2 {
  clear: both;
  margin: 80px 0 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 1.3;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .page-id-51 .ttl_biomamaclub h2 {
    font-size: 26px;
    margin: 40px 0 0;
  }
}
.page-id-51 .archive_wrap,
.page-id-51 .insta_wrap,
.page-id-51 .contact_wrap,
.page-id-51 .facebook_wrap,
.page-id-51 .story_wrap {
  max-width: 880px;
  margin: 15px auto 30px;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .page-id-51 .archive_wrap,
  .page-id-51 .insta_wrap,
  .page-id-51 .contact_wrap,
  .page-id-51 .facebook_wrap,
  .page-id-51 .story_wrap {
    box-sizing: border-box;
    padding: 0 20px;
    margin: 10px auto;
  }
}
.page-id-51 .archive_wrap h3,
.page-id-51 .insta_wrap h3,
.page-id-51 .contact_wrap h3,
.page-id-51 .facebook_wrap h3,
.page-id-51 .story_wrap h3 {
  display: inline-block;
  text-align: left;
  font-family: YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HG明朝E", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.17em;
  line-height: 2;
  margin: 0 0 40px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .page-id-51 .archive_wrap h3,
  .page-id-51 .insta_wrap h3,
  .page-id-51 .contact_wrap h3,
  .page-id-51 .facebook_wrap h3,
  .page-id-51 .story_wrap h3 {
    font-size: 17px;
    margin: 0 0 20px;
  }
}
.page-id-51 .archive_wrap p,
.page-id-51 .insta_wrap p,
.page-id-51 .contact_wrap p,
.page-id-51 .facebook_wrap p,
.page-id-51 .story_wrap p {
  font-family: YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HG明朝E", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 2.3;
  max-width: 600px;
  margin: 0 auto 20px;
  text-align: left;
  text-align: justify;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.page-id-51 .archive_wrap p.right,
.page-id-51 .insta_wrap p.right,
.page-id-51 .contact_wrap p.right,
.page-id-51 .facebook_wrap p.right,
.page-id-51 .story_wrap p.right {
  margin-top: 30px;
  text-align: right;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  .page-id-51 .archive_wrap p,
  .page-id-51 .insta_wrap p,
  .page-id-51 .contact_wrap p,
  .page-id-51 .facebook_wrap p,
  .page-id-51 .story_wrap p {
    font-size: 12px;
    margin: 0 auto 15px;
  }
  .page-id-51 .archive_wrap p.right,
  .page-id-51 .insta_wrap p.right,
  .page-id-51 .contact_wrap p.right,
  .page-id-51 .facebook_wrap p.right,
  .page-id-51 .story_wrap p.right {
    margin-top: 20px;
  }
}
.page-id-51 .archive_wrap p.center,
.page-id-51 .insta_wrap p.center,
.page-id-51 .contact_wrap p.center,
.page-id-51 .facebook_wrap p.center,
.page-id-51 .story_wrap p.center {
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 769px) {
  .page-id-51 .archive_wrap p,
  .page-id-51 .insta_wrap p,
  .page-id-51 .contact_wrap p,
  .page-id-51 .facebook_wrap p,
  .page-id-51 .story_wrap p {
    font-size: 12px;
    margin: 0 auto 15px;
  }
  .page-id-51 .archive_wrap p.center,
  .page-id-51 .insta_wrap p.center,
  .page-id-51 .contact_wrap p.center,
  .page-id-51 .facebook_wrap p.center,
  .page-id-51 .story_wrap p.center {
    margin-top: 20px;
  }
}
.page-id-51 .archive_wrap .fb-page,
.page-id-51 .insta_wrap .fb-page,
.page-id-51 .contact_wrap .fb-page,
.page-id-51 .facebook_wrap .fb-page,
.page-id-51 .story_wrap .fb-page {
  margin: 0 auto;
}
.page-id-51 .biomamaclub_wrap_slide {
  width: 100%;
  margin: 30px 0 0;
  box-sizing: border-box;
  background-color: #FFF;
}
@media screen and (max-width: 769px) {
  .page-id-51 .biomamaclub_wrap_slide {
    margin: 10px 0 0;
  }
}
.page-id-51 .biomamaclub_wrap_slide .slide {
  width: 280px;
  margin: 0;
  overflow: hidden;
  padding-bottom: 20px;
}
.page-id-51 .biomamaclub_wrap_slide .slide a {
  color: #333;
}
.page-id-51 .biomamaclub_wrap_slide .slide figure {
  width: 100%;
  height: 200px;
}
.page-id-51 .biomamaclub_wrap_slide .slide p {
  font-size: 14px;
  font-family: YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HG明朝E", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  padding: 20px 20px 0;
  min-height: 70px;
}
.page-id-51 .feed_area {
  max-width: 930px;
  margin: 30px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 769px) {
  .page-id-51 .feed_area {
    margin: 10px 0 0;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
.page-id-51 .feed_area .insta_feed {
  width: 31%;
  margin: 0 0 30px;
  position: relative;
}
.page-id-51 .feed_area .insta_feed:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: #000;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
}
.page-id-51 .feed_area .insta_feed .thumb {
  width: 100%;
  height: 100%;
}
.page-id-51 .feed_area .insta_feed .thumb a {
  display: block;
}
.page-id-51 .feed_area .insta_feed .thumb a img {
  vertical-align: top;
}
.page-id-51 .feed_area .insta_feed .txt {
  color: #FFF;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  letter-spacing: 0.08em;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
  -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  z-index: 10;
  pointer-events: none;
}
.page-id-51 .feed_area .insta_feed .txt .like {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  border: 1px solid #FFF;
  margin: 0 auto;
}
.page-id-51 .feed_area .insta_feed .txt .date {
  line-height: 1.2;
  margin-top: 10px;
}
.page-id-51 .feed_area .insta_feed .txt .date span {
  font-size: 12px;
}
@media screen and (min-width: 769px) {
  .page-id-51 .feed_area .insta_feed:hover:after {
    opacity: 0.4;
  }
  .page-id-51 .feed_area .insta_feed:hover .txt {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 769px) {
  .page-id-51 .feed_area .insta_feed {
    width: -webkit-calc( 50% - 10px );
    width: calc( 50% - 10px );
    margin: 0 0 20px;
  }
}
.page-id-51 div.btn-wrap {
  text-align: center;
  margin: 30px auto 0;
  max-width: 880px;
}
.content-title + .page-id-51 div.btn-wrap {
  margin-top: 20px;
}
.page-id-51 div.btn-wrap a.btn-back {
  position: relative;
  display: inline-block;
  margin: 0 9px 18px;
  padding: 15px 15px 15px 30px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .page-id-51 div.btn-wrap a.btn-back:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
.page-id-51 div.btn-wrap a.btn-back::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: rotate(135deg);
  border-right: 2px solid #ff8a00;
  border-bottom: 2px solid #ff8a00;
}
.page-id-51 div.btn-wrap a.btn-mail {
  position: relative;
  display: inline-block;
  margin: 15px 20px 0;
  padding: 15px 15px 15px 40px;
  font-size: 13px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .page-id-51 div.btn-wrap a.btn-mail:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
@media screen and (max-width: 769px) {
  .page-id-51 div.btn-wrap a.btn-mail {
    margin: 15px 0 0;
  }
}
.page-id-51 div.btn-wrap a.btn-mail::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}
.page-id-51 div.btn-wrap a.btn-mail::before {
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -617px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-51 div.btn-wrap a.btn-mail::before {
    width: 24px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -667px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
.page-id-51 div.btn-wrap a.btn-insta {
  position: relative;
  display: inline-block;
  margin: 15px 20px 0;
  padding: 15px 15px 15px 40px;
  font-size: 13px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .page-id-51 div.btn-wrap a.btn-insta:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
@media screen and (max-width: 769px) {
  .page-id-51 div.btn-wrap a.btn-insta {
    margin: 15px 0 0;
  }
}
.page-id-51 div.btn-wrap a.btn-insta::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}
.page-id-51 div.btn-wrap a.btn-insta::before {
  width: 24px;
  height: 18px;
  background-image: url('../img/spr-sb153410753.png');
  background-position: 0 -539px;
  background-repeat: no-repeat;
  -moz-background-size: 470px auto;
  -o-background-size: 470px auto;
  -webkit-background-size: 470px auto;
  background-size: 470px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .page-id-51 div.btn-wrap a.btn-insta::before {
    width: 24px;
    height: 18px;
    background-image: url('../img/spr2x-sc00b374437.png');
    background-position: 0 -594px;
    background-repeat: no-repeat;
    -moz-background-size: 467.5px auto;
    -o-background-size: 467.5px auto;
    -webkit-background-size: 467.5px auto;
    background-size: 467.5px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

.about_cover {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding: 120px 0 80px;
}
@media screen and (max-width: 769px) {
  .about_cover {
    padding: 0 0 100px;
  }
}
.about_cover .pic {
  width: 62%;
  height: 715px;
  background: url(../img/cover_about.jpg) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 769px) {
  .about_cover .pic {
    width: 100%;
    height: 280px;
  }
}
.about_cover .pic:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.about_cover .copy_wrap {
  color: #000;
  width: 930px;
  margin: 0 auto;
  font-weight: 700;
  position: relative;
  z-index: 2;
  -moz-transform: translate(0, 120px);
  -ms-transform: translate(0, 120px);
  -webkit-transform: translate(0, 120px);
  transform: translate(0, 120px);
}
@media screen and (max-width: 1250px) {
  .about_cover .copy_wrap {
    padding: 0 40px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 769px) {
  .about_cover .copy_wrap {
    -moz-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    -webkit-transform: translate(0, 200px);
    transform: translate(0, 200px);
    padding: 0 20px;
  }
}
.about_cover .copy_wrap h1 {
  font-size: 20px;
  letter-spacing: 0.08em;
  line-height: 1.1;
  margin: 0 0 30px;
  opacity: 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -moz-transition: opacity 1.5s ease 1s, -moz-transform 1s ease 1s;
  -o-transition: opacity 1.5s ease 1s, -o-transform 1s ease 1s;
  -webkit-transition: opacity 1.5s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 1s, 1s;
  transition: opacity 1.5s ease 1s, transform 1s ease 1s;
}
.load .about_cover .copy_wrap h1 {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media screen and (max-width: 769px) {
  .about_cover .copy_wrap h1 {
    font-size: 14px;
    margin: 0 0 10px;
  }
}
.about_cover .copy_wrap h2 {
  font-size: 45px;
  letter-spacing: 0.17em;
  line-height: 1.5;
  margin: 0 0 50px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.about_cover .copy_wrap h2 span {
  display: block;
  opacity: 0;
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -moz-transition: opacity 2s ease 2s, -moz-transform 1s ease 2s;
  -o-transition: opacity 2s ease 2s, -o-transform 1s ease 2s;
  -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 2s, 2s;
  transition: opacity 2s ease 2s, transform 1s ease 2s;
}
.about_cover .copy_wrap h2 span + span {
  -moz-transition: opacity 2s ease 3s, -moz-transform 1s ease 3s;
  -o-transition: opacity 2s ease 3s, -o-transform 1s ease 3s;
  -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 3s, 3s;
  transition: opacity 2s ease 3s, transform 1s ease 3s;
}
.load .about_cover .copy_wrap h2 span {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media screen and (max-width: 769px) {
  .about_cover .copy_wrap h2 {
    font-size: 24px;
    margin: 0 0 10px;
  }
}
.about_cover .copy_wrap .body_copy {
  color: #000;
  font-weight: bold;
  position: relative;
  z-index: 11;
  box-sizing: border-box;
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -moz-transition: -moz-transform 1s ease 4s;
  -o-transition: -o-transform 1s ease 4s;
  -webkit-transition: -webkit-transform 1s ease;
  -webkit-transition-delay: 4s;
  transition: transform 1s ease 4s;
}
.load .about_cover .copy_wrap .body_copy {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.about_cover .copy_wrap .body_copy p {
  font-size: 16px;
  letter-spacing: 0.16em;
  line-height: 2.4;
  text-shadow: 0 0 40px white;
  margin: 0 0 25px;
  opacity: 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -moz-transition: opacity 2s ease 4.7s, -moz-transform 1s ease 4.7s;
  -o-transition: opacity 2s ease 4.7s, -o-transform 1s ease 4.7s;
  -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 4.7s, 4.7s;
  transition: opacity 2s ease 4.7s, transform 1s ease 4.7s;
}
.about_cover .copy_wrap .body_copy p.two {
  -moz-transition: opacity 2s ease 5.4s, -moz-transform 1s ease 5.4s;
  -o-transition: opacity 2s ease 5.4s, -o-transform 1s ease 5.4s;
  -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 5.4s, 5.4s;
  transition: opacity 2s ease 5.4s, transform 1s ease 5.4s;
}
.about_cover .copy_wrap .body_copy p.three {
  -moz-transition: opacity 2s ease 6.1s, -moz-transform 1s ease 6.1s;
  -o-transition: opacity 2s ease 6.1s, -o-transform 1s ease 6.1s;
  -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 6.1s, 6.1s;
  transition: opacity 2s ease 6.1s, transform 1s ease 6.1s;
}
.load .about_cover .copy_wrap .body_copy p {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media screen and (max-width: 769px) {
  .about_cover .copy_wrap .body_copy p {
    font-size: 12px;
    margin: 0 0 15px;
  }
  .about_cover .copy_wrap .body_copy p br.sp {
    display: none;
  }
}

.organiclife {
  padding: 150px 0;
  position: relative;
  z-index: 11;
}
@media screen and (max-width: 769px) {
  .organiclife {
    padding: 150px 0 40px;
  }
}
.organiclife .organiclife_wrap h2 {
  font-family: 'Arvo', serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.5;
  margin: 0 0 55px;
  max-width: 930px;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .organiclife .organiclife_wrap h2 {
    padding: 0 40px;
  }
}
@media screen and (max-width: 769px) {
  .organiclife .organiclife_wrap h2 {
    font-size: 18px;
    padding: 0 20px;
    margin: 0 0 20px;
  }
}
.organiclife .organiclife_wrap .column {
  max-width: 1110px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 769px) {
  .organiclife .organiclife_wrap .column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 40px;
    margin: 60px auto;
  }
}
@media screen and (max-width: 769px) {
  .organiclife .organiclife_wrap .column {
    margin: 30px auto;
    padding: 220px 0 0;
  }
}
.organiclife .organiclife_wrap .column .pic {
  width: 50%;
  min-height: 400px;
}
@media screen and (max-width: 769px) {
  .organiclife .organiclife_wrap .column .pic {
    width: 100%;
    height: 200px;
    min-height: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.organiclife .organiclife_wrap .column.ol1 .pic {
  background: url(../img/pic_about_1.jpg) center center no-repeat;
  background-size: cover;
}
.organiclife .organiclife_wrap .column.ol2 .pic {
  background: url(../img/pic_about_2.jpg) center center no-repeat;
  background-size: cover;
}
.organiclife .organiclife_wrap .column.ol3 .pic {
  background: url(../img/pic_about_3.jpg) center center no-repeat;
  background-size: cover;
}
.organiclife .organiclife_wrap .column.ol4 .pic {
  background: url(../img/pic_about_4.jpg) center center no-repeat;
  background-size: cover;
}
.organiclife .organiclife_wrap .column .txt {
  width: 50%;
  min-height: 400px;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .organiclife .organiclife_wrap .column .txt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 50px;
  }
}
@media screen and (max-width: 769px) {
  .organiclife .organiclife_wrap .column .txt {
    width: 100%;
    padding: 0 20px;
    min-height: auto;
  }
}
.organiclife .organiclife_wrap .column .txt h3 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin: 0 0 17px;
}
@media screen and (max-width: 769px) {
  .organiclife .organiclife_wrap .column .txt h3 {
    font-size: 16px;
    margin: 0 0 10px;
  }
}
.organiclife .organiclife_wrap .column .txt p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 2;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .organiclife .organiclife_wrap .column .txt p {
    font-size: 12px;
  }
}

.about_us {
  max-width: 930px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
@media screen and (max-width: 1250px) {
  .about_us {
    padding: 0 40px;
  }
}
@media screen and (max-width: 769px) {
  .about_us {
    padding: 0 20px;
  }
}
.about_us h2 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
  margin: 0 0 50px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .about_us h2 {
    font-size: 16px;
    margin: 0 0 20px;
  }
}
.about_us .column {
  margin: 30px 0;
}
@media screen and (min-width: 769px) {
  .about_us .column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.about_us .column h3 {
  width: 23%;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin: 0 0 17px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .about_us .column h3 {
    width: 100%;
    font-size: 14px;
    margin: 0 0 12px;
  }
}
.about_us .column p {
  width: 77%;
  box-sizing: border-box;
  padding-left: 50px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .about_us .column p {
    width: 100%;
    font-size: 12px;
    letter-spacing: 0.02em;
    padding-left: 0;
  }
}

.page-id-31 footer.footer {
  margin-top: 0px;
}
.page-id-31 .content-header-wrap p.content-read {
  text-align: center;
}

#guide {
  background-color: #f5f4f1;
  margin-top: 50px;
  /*----------- #delivery -----------*/
  /*----------- order -----------*/
  /*----------- payment -----------*/
  /*----------- dues -----------*/
 	/*-----------

/*----------- page_link -----------*/
}
@media screen and (max-width: 769px) {
  #guide {
    margin-top: 0;
  }
}
@media screen and (max-width: 769px) {
  #guide article {
    padding: 0 10px;
  }
}
#guide .orange {
  color: #ff8a00;
}
#guide .green {
  color: #71ac41;
}
#guide h2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 769px) {
  #guide h2 {
    font-size: 18px;
  }
}
#guide p {
  font-size: 14px;
}
@media screen and (max-width: 769px) {
  #guide p {
    font-size: 12px;
  }
}
#guide p strong {
  font-weight: 600;
}
#guide p.sub_txt {
  font-size: 14px;
  color: #999999;
}
@media screen and (max-width: 769px) {
  #guide p.sub_txt {
    font-size: 12px;
  }
}
#guide .center {
  text-align: center;
}
#guide .center p {
  display: inline-block;
}
@media screen and (max-width: 769px) {
  #guide .center p {
    font-size: 12px;
    padding: 0 10px;
  }
}
#guide #delivery {
  max-width: 800px;
  margin: 0px auto;
  padding: 60px 0 0;
  /*-- post_wrap --*/
  /*-- area_wrap --*/
  /*-- tabs --*/
}
#guide #delivery h2:before {
  content: " ";
  display: inline-block;
  width: 34px;
  height: 28px;
  margin-right: 12px;
  background: url(../img/guide/icon_1.png);
  background-size: contain;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
#guide #delivery .post_wrap {
  max-width: 400px;
  height: 60px;
  margin: 40px auto 60px;
  text-align: center;
}
@media screen and (max-width: 769px) {
  #guide #delivery .post_wrap {
    max-width: 290px;
    height: auto;
    margin: 20px auto 40px;
  }
}
#guide #delivery .post_wrap .btn_search {
  position: relative;
  top: 20px;
  display: inline-block;
  margin: 0 0px 0px 10px;
  padding: 15px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  #guide #delivery .post_wrap .btn_search:hover {
    color: #71ac41;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
#guide #delivery .post_wrap .post {
  display: inline-block;
  width: 300px;
  height: 60px;
  margin: 0 auto 10px;
  position: relative;
}
@media screen and (max-width: 769px) {
  #guide #delivery .post_wrap .post {
    width: 225px;
    height: 50px;
    margin: 0 auto 8px;
  }
}
#guide #delivery .post_wrap .post .icon_search {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 15px;
  width: 20px;
  z-index: 10;
}
#guide #delivery .post_wrap .post:before {
  content: " ";
  display: block;
  position: absolute;
  top: 20px;
  left: 3px;
  width: 20px;
  height: 20px;
  margin: 0 6px 0 12px;
  background: url(../img/guide/icon_post.png);
  background-size: contain;
  vertical-align: middle;
}
@media screen and (max-width: 769px) {
  #guide #delivery .post_wrap .post:before {
    top: 15px;
  }
}
#guide #delivery .post_wrap .post input {
  width: 300px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  outline: 0;
  box-sizing: border-box;
  padding-left: 41px;
  background-color: #fff;
  border: solid 3px #eeeeee;
  border-radius: 5px;
}
@media screen and (max-width: 769px) {
  #guide #delivery .post_wrap .post input {
    width: 225px;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    border: solid 2px #eeeeee;
  }
}
#guide #delivery #area_wrap {
  width: 615px;
  margin: 0 auto 60px;
  opacity: 0;
  text-align: center;
  transition: all 0.3s linear 0s;
  height: 0px;
  position: relative;
}
#guide #delivery #area_wrap .yamato {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  padding: 0px 10px 0px;
  box-sizing: border-box;
  opacity: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
#guide #delivery #area_wrap .company {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  padding: 0px 10px 0px;
  box-sizing: border-box;
  opacity: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap {
    width: -webkit-calc( 100% - 20px );
    width: calc( 100% - 20px );
    margin: 0 10px 30px;
  }
  #guide #delivery #area_wrap .orange {
    display: inline-block;
  }
  #guide #delivery #area_wrap .sub_txt {
    margin-top: 5px;
  }
}
#guide #delivery #area_wrap.select_company {
  transition: all 0.5s ease 0s;
  opacity: 1;
  height: 100px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap.select_company {
    height: 100px;
  }
}
#guide #delivery #area_wrap.select_company .company {
  padding: 25px 10px 15px;
  opacity: 1;
  transition: all 0.3s ease 0.7s;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap.select_company .company {
    padding: 15px 10px 15px;
  }
}
#guide #delivery #area_wrap.select_company .yamato {
  padding: 25px 10px 15px;
  opacity: 0;
  transition: all 0.3s ease 0.7s;
  pointer-events: none;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap.select_company .yamato {
    padding: 15px 10px 15px;
  }
}
#guide #delivery #area_wrap.select_yamato {
  transition: all 0.5s ease 0s;
  opacity: 1;
  height: 100px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap.select_yamato {
    height: 100px;
  }
}
#guide #delivery #area_wrap.select_yamato .company {
  padding: 25px 10px 15px;
  opacity: 0;
  transition: all 0.3s ease 0.7s;
  pointer-events: none;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap.select_yamato .company {
    padding: 15px 10px 15px;
  }
}
#guide #delivery #area_wrap.select_yamato .yamato {
  padding: 25px 10px 15px;
  opacity: 1;
  transition: all 0.3s ease 0.7s;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap.select_yamato .yamato {
    padding: 15px 10px 15px;
  }
}
#guide #delivery #area_wrap h3 {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  #guide #delivery #area_wrap h3 {
    font-size: 15px;
  }
}
#guide #delivery #area_wrap img {
  display: inline-block;
  margin: 0 10px;
}
#guide #delivery #tabs {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs {
    width: 100%;
  }
}
#guide #delivery #tabs .tab {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
#guide #delivery #tabs .tab .yamato {
  display: none;
}
#guide #delivery #tabs .tab .company_tab {
  cursor: pointer;
  display: flex;
  width: 300px;
  height: 80px;
  border-radius: 5px 5px 0px 0px;
  background-color: #fff;
  margin: 0 5px;
  line-height: 1.5;
  align-items: center;
  justify-content: center;
  transition: color 0.4s ease;
}
#guide #delivery #tabs .tab .company_tab:hover {
  color: #71ac41;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab .company_tab {
    width: 45%;
    box-sizing: border-box;
    padding: 5px 10px 0;
    height: 75px;
  }
  #guide #delivery #tabs .tab .company_tab p {
    font-size: 12px;
  }
}
#guide #delivery #tabs .tab .company_tab p::before {
  content: " ";
  display: inline-block;
  width: 49px;
  height: 34px;
  margin-right: 12px;
  background: url(../img/guide/icon_tab_1.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab .company_tab p::before {
    display: block;
    width: 25px;
    height: 17px;
    margin: 0 auto 8px;
  }
}
#guide #delivery #tabs .tab .yamato_tab {
  cursor: pointer;
  display: flex;
  width: 300px;
  height: 80px;
  border-radius: 5px 5px 0px 0px;
  background-color: #d7d2c7;
  margin: 0 5px;
  line-height: 1.5;
  align-items: center;
  justify-content: center;
  transition: color 0.4s ease;
}
#guide #delivery #tabs .tab .yamato_tab:hover {
  color: #71ac41;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab .yamato_tab {
    width: 45%;
    box-sizing: border-box;
    padding: 5px 10px 0;
    height: 75px;
  }
  #guide #delivery #tabs .tab .yamato_tab p {
    font-size: 12px;
  }
}
#guide #delivery #tabs .tab .yamato_tab p::before {
  content: " ";
  display: inline-block;
  width: 49px;
  height: 34px;
  margin-right: 12px;
  background: url(../img/guide/icon_tab_2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab .yamato_tab p::before {
    display: block;
    width: 25px;
    height: 17px;
    margin: 0 auto 8px;
  }
}
#guide #delivery #tabs .tab_detail {
  background-color: #fff;
  border-radius: 5px;
  padding: 50px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail {
    padding: 20px 15px;
  }
}
#guide #delivery #tabs .tab_detail .orange {
  font-weight: 600;
}
#guide #delivery #tabs .tab_detail.yamato {
  display: none;
}
#guide #delivery #tabs .tab_detail .result_day_tab {
  color: #ff8a00;
}
#guide #delivery #tabs .tab_detail .result_day_tab em {
  font-size: 12px;
  color: #333;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail .result_day_tab em {
    font-size: 10px;
  }
}
#guide #delivery #tabs .tab_detail dl {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail dl {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
#guide #delivery #tabs .tab_detail dl dt {
  width: 115px;
  font-size: 16px;
  font-weight: 600;
}
#guide #delivery #tabs .tab_detail dl dt span {
  display: inline-block;
  line-height: 1;
  padding-left: 8px;
  border-left: solid 3px #71ac41;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail dl dt {
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
  }
}
#guide #delivery #tabs .tab_detail dl dd {
  width: 540px;
  margin-left: 20px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail dl dd {
    width: 100%;
    margin-left: 0;
  }
}
#guide #delivery #tabs .tab_detail dl dd h4 {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail dl dd h4 {
    font-size: 12px;
  }
}
#guide #delivery #tabs .tab_detail dl dd .pic {
  width: 50%;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail dl dd .pic {
    width: 100%;
  }
}
#guide #delivery #tabs .tab_detail dl dd .editor {
  margin: 0px auto 20px;
}
#guide #delivery #tabs .tab_detail dl dd .editor h4 {
  margin: 0px 0 0;
}
#guide #delivery #tabs .tab_detail dl dd .editor .table {
  margin-bottom: 30px;
}
#guide #delivery #tabs .tab_detail dl dd p {
  margin-bottom: 14px;
}
@media screen and (max-width: 769px) {
  #guide #delivery #tabs .tab_detail dl dd p {
    font-size: 11px;
    margin-bottom: 8px;
  }
  #guide #delivery #tabs .tab_detail dl dd p.sub_txt {
    font-size: 10px;
  }
}
#guide #delivery #tabs .tab_detail a.btn_yamato {
  position: relative;
  display: inline-block;
  margin: 0 9px 18px;
  padding: 10px 15px 10px 20px;
  font-size: 13px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #f5f6f1;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  #guide #delivery #tabs .tab_detail a.btn_yamato:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
#guide #delivery #tabs .tab_detail a.btn_yamato::before {
  content: " ";
  display: inline-block;
  width: 28px;
  height: 19px;
  margin-right: 12px;
  background: url(../img/guide/icon_tab_2.png);
  background-size: contain;
  vertical-align: middle;
}
#guide #delivery #tabs.select_company .company_tab {
  background-color: #FFF;
}
#guide #delivery #tabs.select_company .yamato_tab {
  background-color: #d7d2c7;
}
#guide #delivery #tabs.select_company .company {
  display: block;
}
#guide #delivery #tabs.select_company .yamato {
  display: none;
}
#guide #delivery #tabs.select_yamato .company_tab {
  background-color: #d7d2c7;
}
#guide #delivery #tabs.select_yamato .yamato_tab {
  background-color: #FFF;
}
#guide #delivery #tabs.select_yamato .company {
  display: none;
}
#guide #delivery #tabs.select_yamato .yamato {
  display: block;
}
#guide #order {
  width: 780px;
  margin: 60px auto 0;
}
@media screen and (max-width: 769px) {
  #guide #order {
    width: 100%;
  }
}
#guide #order h2:before {
  content: " ";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background: url(../img/guide/icon_2.png);
  background-size: contain;
  vertical-align: middle;
}
#guide #order .flex_box {
  display: flex;
  margin: 30px 0 20px;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box {
    flex-direction: column;
  }
}
#guide #order .flex_box .ttl {
  width: 115px;
  margin-top: 1px;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .ttl {
    width: 100%;
    margin-bottom: 10px;
  }
}
#guide #order .flex_box .ttl h3 {
  font-size: 16px;
  font-weight: 600;
  padding-left: 8px;
  border-left: solid 3px #71ac41;
  line-height: 1.3;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .ttl h3 {
    font-size: 14px;
  }
  #guide #order .flex_box .ttl h3 br {
    display: none;
  }
}
#guide #order .flex_box .txt_wrap {
  width: 600px;
  margin-left: 20px;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap {
    width: 100%;
    margin-left: 0;
  }
}
#guide #order .flex_box .txt_wrap h4 {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap h4 {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 12px;
  }
}
#guide #order .flex_box .txt_wrap .bg_white {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px;
  margin-top: 20px;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap .bg_white {
    padding: 15px;
  }
}
#guide #order .flex_box .txt_wrap .bg_white_flex {
  display: flex;
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 30px 10px;
  margin-top: 20px;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap .bg_white_flex {
    padding: 15px;
  }
}
#guide #order .flex_box .txt_wrap h3 {
  font-size: 17px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap h3 {
    font-size: 14px;
    margin: 0 0 10px;
  }
}
#guide #order .flex_box .txt_wrap .pic {
  width: 50%;
  margin-bottom: 20px;
}
#guide #order .flex_box .txt_wrap .catalog {
  width: 246px;
}
#guide #order .flex_box .txt_wrap p {
  margin-bottom: 14px;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap p {
    font-size: 11px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
}
#guide #order .flex_box .txt_wrap li {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap li {
    font-size: 12px;
  }
}
#guide #order .flex_box .txt_wrap .icon_1::before {
  content: " ";
  display: inline-block;
  width: 28px;
  height: 19px;
  margin-right: 12px;
  background: url(../img/guide/icon_tab_1.png);
  background-size: contain;
  vertical-align: middle;
}
#guide #order .flex_box .txt_wrap .icon_2 {
  margin-top: 20px;
}
@media screen and (max-width: 769px) {
  #guide #order .flex_box .txt_wrap .icon_2 {
    margin-top: 15px;
  }
}
#guide #order .flex_box .txt_wrap .icon_2::before {
  content: " ";
  display: inline-block;
  width: 28px;
  height: 19px;
  margin-right: 12px;
  background: url(../img/guide/icon_tab_2.png);
  background-size: contain;
  vertical-align: middle;
}
#guide #order .flex_box .txt_wrap a.button {
  position: relative;
  display: inline-block;
  margin: 0 9px 18px;
  padding: 10px 15px 10px 30px;
  font-size: 13px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #f5f6f1;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  #guide #order .flex_box .txt_wrap a.button:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
#guide #order .flex_box .txt_wrap a.button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 7px;
  height: 7px;
  margin-top: -3px;
  transform: rotate(45deg);
  border-top: 2px solid #ff8a00;
  border-right: 2px solid #ff8a00;
}
#guide #payment {
  width: 600px;
  margin: 60px auto 0;
}
@media screen and (max-width: 769px) {
  #guide #payment {
    width: 100%;
  }
}
#guide #payment h2:before {
  content: " ";
  display: inline-block;
  width: 38px;
  height: 31px;
  margin-right: 12px;
  background: url(../img/guide/icon_3.png);
  background-size: contain;
  vertical-align: middle;
}
#guide #payment .bg_white {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 30px 30px;
  margin-top: 20px;
}
#guide #payment .bg_white h3 {
  font-size: 17px;
  font-weight: 600;
}
#guide #payment .bg_white .pic {
  width: 25%;
  margin-top: 20px;
}
@media screen and (max-width: 769px) {
  #guide #payment .bg_white {
    padding: 15px;
  }
  #guide #payment .bg_white h3 {
    font-size: 14px;
  }
}
#guide #dues {
  width: 600px;
  margin: 60px auto;
}
@media screen and (max-width: 769px) {
  #guide #dues {
    width: 100%;
  }
}
#guide #dues h2:before {
  content: " ";
  display: inline-block;
  width: 42px;
  height: 29px;
  margin-right: 12px;
  background: url(../img/guide/icon_4.png);
  background-size: contain;
  vertical-align: middle;
}
#guide #dues .bg_white {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 30px 30px;
  margin-top: 20px;
}
#guide #dues .bg_white h3 {
  font-size: 17px;
  font-weight: 600;
}
@media screen and (max-width: 769px) {
  #guide #dues .bg_white {
    padding: 15px;
  }
  #guide #dues .bg_white h3 {
    font-size: 14px;
  }
}
#guide #page_link {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#guide #page_link a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 769px) {
  #guide #page_link a {
    font-size: 12px;
  }
}
#guide #page_link a .btn {
  z-index: 2;
}
#guide #page_link a .btn span {
  color: #FFF;
  display: inline-block;
  font-size: 15px;
  line-height: 45px;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #FFF;
  padding: 0 16px;
  background-color: transparent;
  -moz-transition: color 0.4s ease, background-color 0.4s ease;
  -o-transition: color 0.4s ease, background-color 0.4s ease;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}
#guide #page_link a .btn span:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px 0 0;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
  -moz-transition: border-top 0.4s ease, border-right 0.4s ease;
  -o-transition: border-top 0.4s ease, border-right 0.4s ease;
  -webkit-transition: border-top 0.4s ease, border-right 0.4s ease;
  transition: border-top 0.4s ease, border-right 0.4s ease;
}
@media screen and (max-width: 769px) {
  #guide #page_link a .btn span {
    font-size: 12px;
    line-height: 37px;
    height: 37px;
    padding: 0 14px;
  }
}
#guide #page_link p {
  font-size: 18px;
}
@media screen and (max-width: 769px) {
  #guide #page_link p {
    font-size: 12px;
  }
}
#guide #page_link .pic {
  width: 42px;
  padding-bottom: 10px;
  z-index: 2;
}
#guide #page_link .link_1 {
  width: 50%;
  height: 300px;
  background-image: url(../img/pic-cover-17.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 769px) {
  #guide #page_link .link_1 {
    width: 50%;
    height: 50vw;
  }
}
#guide #page_link .link_1:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#guide #page_link .link_1:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  #guide #page_link .link_1:hover .btn span {
    color: #333;
    background-color: #FFF;
  }
  #guide #page_link .link_1:hover .btn span:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
}
#guide #page_link .link_2 {
  width: 50%;
  height: 300px;
  background-image: url(../img/pic-cover-18.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 769px) {
  #guide #page_link .link_2 {
    width: 50%;
    height: 50vw;
  }
}
#guide #page_link .link_2:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#guide #page_link .link_2:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  #guide #page_link .link_2:hover .btn span {
    color: #333;
    background-color: #FFF;
  }
  #guide #page_link .link_2:hover .btn span:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
  }
}

#form_wrap {
  padding: 60px 0;
}

.form_wrap {
  max-width: 800px;
  margin: 50px auto;
}
@media screen and (max-width: 769px) {
  .form_wrap {
    box-sizing: border-box;
    width: 90%;
  }
}
.form_wrap p {
  font-size: 14px;
  line-height: 1.8;
}
.form_wrap p a {
  color: #ff8a00;
}
.form_wrap .required {
  background-color: #f44040;
  border-radius: 3px;
  padding: 3px 4px 2px;
  font-size: 10px;
  font-weight: 600;
  color: #FFF;
  margin: 0 6px;
  display: inline-block;
  line-height: 1;
}
.form_wrap .fsize10 {
  font-size: 10px;
}
.form_wrap .caution {
  margin: 20px;
  font-size: 14px;
  color: #f44040;
}
.form_wrap input {
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: solid 1px #ccc;
  box-sizing: border-box;
  cursor: pointer;
  padding: 10px;
  margin: 0;
}
@media screen and (max-width: 769px) {
  .form_wrap input[type=text], .form_wrap input[type=email] {
    width: 100%;
  }
}
.form_wrap input[type=radio] {
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: radio;
  appearance: radio;
  border: solid 1px #ccc;
  box-sizing: border-box;
  cursor: pointer;
  padding: 10px;
  margin: 0 5px 0 0;
}
.form_wrap textarea {
  width: 100%;
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  border: solid 1px #ccc;
  box-sizing: border-box;
  cursor: pointer;
  padding: 10px;
  margin: 0;
}
.form_wrap button {
  position: relative;
  display: inline-block;
  margin: 18px auto 18px;
  padding: 15px 30px 15px 30px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .form_wrap button:hover {
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
    color: #ff8a00;
  }
}
.form_wrap .kakunin, .form_wrap .modoru {
  position: relative;
  display: inline-block;
  margin: 18px auto 18px;
  padding: 15px 30px 15px 30px;
  font-size: 14px;
  line-height: 1;
  color: #333;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #e5e6e0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (min-width: 769px) {
  .form_wrap .kakunin:hover, .form_wrap .modoru:hover {
    color: #ff8a00;
    transform: translateY(3px);
    box-shadow: 0px 1px 0px 0px #e5e6e0;
  }
}
.form_wrap .center {
  text-align: center;
}
.form_wrap dl {
  display: flex;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 20px auto 0;
  border: 1px solid #ddd;
  background-color: #fff;
}
@media screen and (max-width: 769px) {
  .form_wrap dl {
    display: block;
    width: auto;
    margin: 20px 0 0;
  }
}
.form_wrap dl dt, .form_wrap dl dd {
  display: inline-block;
  padding: 20px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 769px) {
  .form_wrap dl dt, .form_wrap dl dd {
    display: block;
    font-size: 14px;
    padding: 5px 10px;
  }
}
.form_wrap dl dt {
  width: 200px;
  background-color: #f8f8f8;
}
.form_wrap dl dt.wide {
  width: 100%;
}
@media screen and (max-width: 769px) {
  .form_wrap dl dt {
    width: 100%;
  }
}
.form_wrap dl dd {
  width: 598px;
  background-color: #fff;
  overflow: auto;
}
@media screen and (max-width: 769px) {
  .form_wrap dl dd {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
}
.form_wrap dl + dl {
  margin-top: 0;
  border-top: 0;
}

.page-id-3947 .content-header-wrap .content-header h2, .page-id-3949 .content-header-wrap .content-header h2 {
  color: #71ac41;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 769px) {
  .page-id-3947 .content-header-wrap .content-header h2, .page-id-3949 .content-header-wrap .content-header h2 {
    font-size: 16px;
  }
}
.page-id-3947 .content-header-wrap .content-header p.content-read, .page-id-3949 .content-header-wrap .content-header p.content-read {
  text-align: center;
  margin: 20px auto 0;
}
.page-id-3947 .content-header-wrap .content-header p.content-read span, .page-id-3949 .content-header-wrap .content-header p.content-read span {
  font-size: 13px;
}
.page-id-3947 .tab_wrap, .page-id-3949 .tab_wrap {
  max-width: 800px;
  margin: 70px auto 0;
  border-bottom: solid 1px #d7d2c7;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 769px) {
  .page-id-3947 .tab_wrap, .page-id-3949 .tab_wrap {
    margin: 35px 20px 0;
  }
}
.page-id-3947 .tab_wrap .tab, .page-id-3949 .tab_wrap .tab {
  border-radius: 5px 5px 0px 0px;
  background-color: #d7d2c7;
  border: solid 1px #d7d2c7;
  padding: 20px;
  margin: 0 5px;
  margin-bottom: -1px;
  color: #333;
}
.page-id-3947 .tab_wrap .tab a, .page-id-3949 .tab_wrap .tab a {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #333;
  display: block;
  width: 100%;
  height: 100%;
  transition: color 0.4s ease;
}
@media screen and (max-width: 769px) {
  .page-id-3947 .tab_wrap .tab a, .page-id-3949 .tab_wrap .tab a {
    line-height: 1.3;
    font-size: 14px;
  }
}
.page-id-3947 .tab_wrap .tab a:hover, .page-id-3949 .tab_wrap .tab a:hover {
  color: #ff8a00;
}
.page-id-3947 .tab_wrap .tab.select, .page-id-3949 .tab_wrap .tab.select {
  background-color: #f5f4f1;
  border-bottom: none;
}
.page-id-3947 .tab_wrap .tab.select a, .page-id-3949 .tab_wrap .tab.select a {
  color: #333;
}
.page-id-3947 + .editor, .page-id-3949 + .editor {
  margin: 80px auto;
}