@charset "UTF-8";
@import "./reset.css";
/*
 * ベース
 */
a:focus, *:focus {
  outline: none;
}

body {
  background-image: url(../images/main-bg.jpg);
  color: #000;
  background-position: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

.minfont {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gothfont {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.enthfont, .bigttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

a:hover {
  opacity: 0.6;
}

.morebtn {
  border-radius: 100px;
  position: relative;
  text-align: center;
  display: block;
}

.morebtn:hover {
  opacity: 1;
}

.morebtn:after {
  position: absolute;
  right: 15px;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto;
  line-height: 0;
}

p {
  font-weight: 400;
  text-align: justify;
}

ul li, ol li {
  font-weight: 400;
}

dl dt, dl dd {
  font-weight: 400;
}

table {
  font-weight: 400;
}

.txtcenter {
  text-align: center !important;
}

.txtright {
  text-align: right !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

@media only screen and (max-width:768px) {
  body {
    background-size: 80px;
  }
  #top {
    padding-top: 60px;
  }
  .spnone {
    display: none;
  }
  .pcnone {
    display: inline-block;
  }
  html {
    font-size: 3.5vw;
    --10px:2.564vw;
    --12px:3.077vw;
    --13px:3.333vw;
    --14px:3.59vw;
    --15px:3.846vw;
    --16px:4.103vw;
    --17px:4.359vw;
    --18px:4.615vw;
    --19px:4.872vw;
    --20px:5.128vw;
    --22px:5.641vw;
    --24px:6.154vw;
    --26px:6.667vw;
    --28px:7.179vw;
    --30px:7.692vw;
    --32px:8.205vw;
    --34px:8.718vw;
    --36px:9.231vw;
    --38px:9.744vw;
    --44px:11.282vw;
    --60px:15.385vw;
    --90px:23.077vw;
  }
  #content {
    padding-top: 0;
  }
  .morebtn {
    font-size: var(--16px);
  }
  .morebtn:after {
    font-size: var(--16px);
  }
  .col2, .col3, .col4 {
    margin-bottom: 5%;
  }
  .col2 .colin:first-child, .col3 .colin:first-child {
    margin-top: 0;
  }
  .col2 .colin, .col3 .colin {
    width: 100%;
    margin-top: 5%;
  }
  .w10, .w15, .w20, .w25, .w30, .w32, .w35, .w40, .w45, .w50, .w55, .w60, .w62, .w65, .w68, .w70, .w75, .w80, .w85, .w90, .w95 {
    width: 100%;
  }
  .w100 {
    width: 100% !important;
  }
  .mb35 {
    margin-bottom: 10% !important;
  }
  .mb70 {
    margin-bottom: 15% !important;
  }
}
@media only screen and (min-width:769px) {
  .spnone {
    display: inline-block;
  }
  .pcnone {
    display: none;
  }
  html {
    --12px: 0.66666666666667rem;
    --14px: 0.77777777777778rem;
    --15px: 0.83333333333333rem;
    --16px: 0.88888888888889rem;
    --17px: 0.94444444444444rem;
    --18px: 1rem;
    --19px: 1.0555555555556rem;
    --20px: 1.1111111111111rem;
    --22px: 1.1666666666667rem;
    --24px: 1.3333333333333rem;
    --26px: 1.4444444444444rem;
    --28px: 1.5555555555556rem;
    --30px: 1.6666666666667rem;
    --32px: 1.7777777777778rem;
    --34px: 1.8888888888889rem;
    --36px: 2em;
    --38px: 2.1111111111111rem;
    --44px: 2.4444444444444rem;
    --60px: 3.3333333333333rem;
    --90px: 5rem;
  }
  body {
    background-size: 170px;
    min-width: 1200px;
  }
  #content {
    padding-top: 100px;
  }
  h3 {
    font-size: var(--28px);
  }
  p {
    font-size: var(--20px);
  }
  .col2, .col3, .col4 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .col2.colreverse, .col3.colreverse, .col4.colreverse {
    flex-direction: row-reverse;
  }
  .col2 .colin {
    width: 49%;
  }
  .col3 .colin {
    width: 32%;
  }
  .w10 {
    width: 10% !important;
  }
  .w15 {
    width: 15% !important;
  }
  .w20 {
    width: 20% !important;
  }
  .w25 {
    width: 25% !important;
  }
  .w30 {
    width: 30% !important;
  }
  .w32 {
    width: 32% !important;
  }
  .w35 {
    width: 35% !important;
  }
  .w40 {
    width: 40% !important;
  }
  .w45 {
    width: 45% !important;
  }
  .w50 {
    width: 50% !important;
  }
  .w55 {
    width: 55% !important;
  }
  .w60 {
    width: 60% !important;
  }
  .w62 {
    width: 62% !important;
  }
  .w65 {
    width: 65% !important;
  }
  .w68 {
    width: 68% !important;
  }
  .w70 {
    width: 70% !important;
  }
  .w75 {
    width: 75% !important;
  }
  .w80 {
    width: 80% !important;
  }
  .w85 {
    width: 85% !important;
  }
  .w90 {
    width: 90% !important;
  }
  .w95 {
    width: 95% !important;
  }
  .w100 {
    width: 100% !important;
  }
  .mb35 {
    margin-bottom: 35px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
}
/*
 * ヘッダー
 */
header {
  position: fixed;
  background-color: #F7F7EF;
  width: 100%;
  z-index: 15;
}
header .inner .leftbox h1 img {
  width: 100%;
}
header .inner .leftbox #headcntbox h2 {
  color: #A91B00;
  font-weight: 500;
}
header .inner .leftbox #headcntbox #site-navigation #primary-menu li {
  letter-spacing: 2px;
}
header .inner .leftbox #headcntbox #site-navigation #primary-menu li a {
  color: #741F1D;
}
header .inner .leftbox #headcntbox #site-navigation #primary-menu li a:hover {
  opacity: 1;
}
header .inner .leftbox #headcntbox .spmenubtn ul li a {
  background-color: #D73C25;
  display: block;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  position: relative;
  font-weight: normal;
}
header .inner .leftbox #headcntbox .spmenubtn ul li a:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  right: 15px;
}
header .inner .rightbox ul li a {
  background-color: #D73C25;
  display: block;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  position: relative;
  font-weight: normal;
}
header .inner .rightbox ul li a:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  right: 15px;
}
header .inner .rightbox ul li a:hover {
  background-color: #c0a66a;
}

@media only screen and (max-width:768px) {
  .menu-toggle, .main-navigation.toggled ul, .main-navigation.toggled .spmenubtn {
    display: block;
  }
  .menu-toggle {
    width: 30px;
    height: 30px;
    top: -46px;
    right: 20px;
    margin: auto;
    padding: 0;
    cursor: pointer;
    position: absolute;
  }
  .nav_line {
    display: block;
    width: 30px;
    height: 2px;
    background: #741F1D;
    transition: 0.3s;
    margin: 0 auto;
  }
  .nav_line1 {
    transform: translateY(-8px);
  }
  .nav_line2 {
    transform: translateY(0px);
  }
  .nav_line3 {
    transform: translateY(8px);
  }
  .nav_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  header {
    position: fixed;
    top: 0;
    z-index: 30;
    background-color: #F7F7EF;
    width: 100%;
  }
  header .inner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    height: 60px;
  }
  header .inner .leftbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  header .inner .leftbox h1 {
    width: 55px;
  }
  header .inner .leftbox #headcntbox {
    width: 100%;
  }
  header .inner .leftbox #headcntbox h2 {
    font-size: var(--10px);
    margin-left: 15px;
  }
  header .inner .leftbox #headcntbox .scrollmenu {
    overflow-y: scroll;
    max-height: 85%;
  }
  header .inner .leftbox #headcntbox .menu-gnavi-container {
    overflow-y: scroll;
    max-height: 80%;
  }
  header .inner .leftbox #headcntbox #site-navigation {
    top: 60px;
    left: 0;
    background-color: rgba(247, 247, 239, 0.95);
    position: fixed;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 30px;
    min-width: 290px;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li:first-child {
    border-top: none;
    margin-top: 0;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid;
    border-color: #741F1D;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li a {
    font-size: var(--18px);
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu {
    height: 0;
    
    transition: 0s;
   
    padding: 0;
    width: 100%;
    margin: 0 auto 0;
    display: none;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li:first-child {
    border-top: none;
    padding-top: 30px;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li {
    border-top: 1px dotted;
    border-color: #999999;
    padding-top: 10px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 3%;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li a {
    color: #000;
    font-weight: normal;
    padding: 0;
    font-size: var(--16px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li a:before {
    content: "\f140";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-weight: bold;
    font-size: 40%;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check4, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check4, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check4, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check4 {
    display: none;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label4, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label4, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label4, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label1, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label2, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label3, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label4 {
    width: 100%;
    text-align: center;
    display: block;
    color: #741F1D;
    position: absolute;
    top: 28px;
    right: 0;
    width: 50px;
    height: 1em;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label1:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label2:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label3:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label4:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label1:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label2:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label3:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label4:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label1:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label2:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label3:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label4:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label1:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label2:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label3:before, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label4:before {
    content: "";
    background: #741F1D;
    width: 1px;
    height: 30px;
    position: absolute;
    left: 0;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label1:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label2:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label3:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-label4:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label1:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label2:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label3:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-label4:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label1:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label2:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label3:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-label4:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label1:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label2:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label3:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-label4:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 12px;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check1:checked + .acd-label1 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check1:checked + .acd-label1 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check1:checked + .acd-label1 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check1:checked + .acd-label1 + .sub-menu {
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
    display: block;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check1:checked + .acd-label1:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check1:checked + .acd-label1:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check1:checked + .acd-label1:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check1:checked + .acd-label1:after {
    content: "\f068";
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check2:checked + .acd-label2 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check2:checked + .acd-label2 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check2:checked + .acd-label2 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check2:checked + .acd-label2 + .sub-menu {
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
    display: block;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check2:checked + .acd-label2:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check2:checked + .acd-label2:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check2:checked + .acd-label2:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check2:checked + .acd-label2:after {
    content: "\f068";
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check3:checked + .acd-label3 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check3:checked + .acd-label3 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check3:checked + .acd-label3 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check3:checked + .acd-label3 + .sub-menu {
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
    display: block;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check3:checked + .acd-label3:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check3:checked + .acd-label3:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check3:checked + .acd-label3:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check3:checked + .acd-label3:after {
    content: "\f068";
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check4:checked + .acd-label4 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check4:checked + .acd-label4 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check4:checked + .acd-label4 + .sub-menu, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check4:checked + .acd-label4 + .sub-menu {
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
    display: block;
  }
  header .inner .leftbox #headcntbox #site-navigation li#menu-item-31 .acd-check4:checked + .acd-label4:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-32 .acd-check4:checked + .acd-label4:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-34 .acd-check4:checked + .acd-label4:after, header .inner .leftbox #headcntbox #site-navigation li#menu-item-33 .acd-check4:checked + .acd-label4:after {
    content: "\f068";
  }
  header .inner .leftbox #headcntbox #site-navigation .spmenubtn {
    width: 90%;
    margin: 0 auto;
    padding: 0 0 10%;
  }
  header .inner .leftbox #headcntbox #site-navigation .spmenubtn ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .inner .leftbox #headcntbox #site-navigation .spmenubtn ul li {
    width: 48%;
  }
  header .inner .leftbox #headcntbox #site-navigation .spmenubtn ul li a {
    font-size: 16px;
    padding: 7px 0;
  }
  header .inner .leftbox #headcntbox #site-navigation.toggled {
    height: 100%;
  }
  header .inner .leftbox #headcntbox #site-navigation.toggled .nav_line1 {
    top: 11px;
    transform: translateY(2px) rotate(45deg);
  }
  header .inner .leftbox #headcntbox #site-navigation.toggled .nav_line2 {
    transform: scaleX(0);
  }
  header .inner .leftbox #headcntbox #site-navigation.toggled .nav_line3 {
    bottom: 17px;
    transform: translateY(-3px) rotate(135deg);
  }
  header .rightbox {
    display: none;
  }
}
@media only screen and (min-width:769px) {
  .menu-toggle {
    display: none;
  }
  header .inner {
    width: 95%;
    min-width: 1200px;
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
  }
  header .inner .leftbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 76%;
  }
  header .inner .leftbox h1 {
    width: 100px;
    min-width: 100px;
  }
  header .inner .leftbox h1 img {
    max-width: 100px;
  }
  header .inner .leftbox #headcntbox {
    width: auto;
    margin: 0 0 0 20px;
  }
  header .inner .leftbox #headcntbox h2 {
    font-size: var(--14px);
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid;
    border-color: #741F1D;
    position: relative;
    letter-spacing: 0px;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li a {
    font-size: calc(16px + 2 * (100vw - 1200px) / 600);
    padding-bottom: 3px;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li a:after {
    content: "";
    width: 0;
    transition: all 0.3s ease;
    border-bottom: 1px solid;
    border-color: #741F1D;
    display: block;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li a:hover:after {
    width: 100%;
    border-bottom: 1px solid;
    border-color: #D73C25;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu {
    display: none;
    position: absolute;
    background-color: #F7F7EF;
    border-radius: 0 0 6px 6px;
    width: 320px;
    padding: 0 20px 20px;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li:first-child {
    border-top: none;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid;
    border-color: #999999;
    border-left: none;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li a {
    font-size: calc(14px + 2 * (100vw - 1200px) / 600);
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li .sub-menu li a:after {
    display: none;
  }
  header .inner .leftbox #headcntbox #site-navigation #primary-menu li:hover .sub-menu {
    display: block;
  }
  header .inner .leftbox #headcntbox input, header .inner .leftbox #headcntbox label {
    display: none;
  }
  header .inner .rightbox {
    width: 24%;
  }
  header .inner .rightbox ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .inner .rightbox ul li {
    width: 48%;
  }
  header .inner .rightbox ul li a {
    font-size: calc(16px + 2 * (100vw - 1200px) / 600);
    padding: 7px 0;
  }
}
/*
 * フッター
 */
footer {
  border-top: 12px solid;
  border-color: #D73C25;
  -o-border-image: linear-gradient(to right, #741F1D 0%, #D73C25 100%);
     border-image: linear-gradient(to right, #741F1D 0%, #D73C25 100%);
  border-image-slice: 1;
}
footer #footinfo h1 img {
  width: 100%;
}
footer #footinfo p {
  color: #000;
  font-weight: 500;
}
footer .footnav .menu-foot01-container, footer .footnav .menu-foot02-container {
  font-weight: 500;
}
footer .footnav .menu-foot01-container ul li:first-child, footer .footnav .menu-foot02-container ul li:first-child {
  margin-top: 0;
}
footer .footnav .menu-foot01-container ul li, footer .footnav .menu-foot02-container ul li {
  letter-spacing: 1px;
  color: #741F1D;
  font-weight: 500;
}
footer .footnav .menu-foot01-container ul li a, footer .footnav .menu-foot02-container ul li a {
  color: #741F1D;
}
footer .footnav .menu-foot01-container ul li .sub-menu li, footer .footnav .menu-foot02-container ul li .sub-menu li {
  list-style: disc;
}
footer #footbtn ul li:first-child {
  margin-top: 0;
}
footer #footbtn ul li {
  font-weight: 500;
}
footer #footbtn ul li a:hover {
  opacity: 0.6;
}
footer #footbtn ul li .combtn {
  border: 1px solid;
  border-color: #D73C25;
  color: #D73C25;
  background-color: #F7F7EF;
}
footer #footbtn ul li .cntbtn {
  border: 1px solid;
  background-color: #D73C25;
  border-color: #fff;
  background-color: #D73C25;
  color: #e7e7de;
}
footer #footbtn ul li .takanebtn {
  border: 1px solid;
  border-color: #D73C25;
  color: #D73C25;
}
footer #copyright {
  background-color: #741F1D;
}
footer #copyright p {
  color: #fff;
  letter-spacing: 3px;
}

.home footer {
  border-top: none;
}

@media only screen and (max-width:768px) {
  footer {
    padding: 15% 0 0;
  }
  footer .inner {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 15%;
  }
  footer #footinfo {
    width: 100%;
  }
  footer #footinfo h1 {
    width: 60%;
    margin: 0 auto;
  }
  footer #footinfo p {
    text-align: center;
    margin-top: 5%;
    font-size: var(--14px);
  }
  footer .footnav {
    width: 95%;
    margin: 0 auto 10%;
  }
  footer .footnav .menu-foot01-container ul li, footer .footnav .menu-foot02-container ul li {
    margin-top: 8%;
    padding-top: 8%;
    border-top: 1px dotted;
    border-color: #D73C25;
  }
  footer .footnav .menu-foot01-container ul li a, footer .footnav .menu-foot02-container ul li a {
    font-size: var(--18px);
  }
  footer .footnav .menu-foot01-container ul li .sub-menu li:first-child, footer .footnav .menu-foot02-container ul li .sub-menu li:first-child {
    margin-top: 2.5%;
    border-top: none;
  }
  footer .footnav .menu-foot01-container ul li .sub-menu li, footer .footnav .menu-foot02-container ul li .sub-menu li {
    margin-top: 2.5%;
    padding-top: 2.5%;
    border-top: none;
  }
  footer .footnav .menu-foot01-container ul li .sub-menu li a, footer .footnav .menu-foot02-container ul li .sub-menu li a {
    font-size: var(--16px);
  }
  footer .footnav .menu-foot01-container {
    width: 100%;
    margin-top: 15%;
  }
  footer .footnav .menu-foot01-container ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  footer .footnav .menu-foot02-container {
    width: 100%;
    margin-top: 8%;
  }
  footer #footbtn {
    width: 100%;
  }
  footer #footbtn ul {
    width: 100%;
    margin: 0 auto;
  }
  footer #footbtn ul li {
    margin-top: 5%;
  }
  footer #footbtn ul li a {
    padding: 4% 0;
    font-size: var(--18px);
  }
  footer #footbtn ul li .takanelogo {
    width: 58%;
    display: block;
    margin: 5% auto 0;
    padding: 0;
  }
  footer #copyright {
    padding: 5% 0;
  }
  footer #copyright p {
    width: 90%;
    margin: 0 auto;
    font-size: var(--12px);
    text-align: center;
  }
}
@media only screen and (min-width:769px) {
  footer {
    padding: 100px 0 0;
  }
  footer .inner {
    width: 85%;
    min-width: 1200px;
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 80px;
  }
  footer #footinfo {
    width: 30%;
  }
  footer #footinfo h1 {
    width: 240px;
    margin: 0 auto;
  }
  footer #footinfo p {
    text-align: center;
    margin-top: 15px;
    font-size: var(--16px);
  }
  footer .footnav {
    width: 48%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  footer .footnav .menu-foot01-container ul li, footer .footnav .menu-foot02-container ul li {
    margin-top: 25px;
  }
  footer .footnav .menu-foot01-container ul li a, footer .footnav .menu-foot02-container ul li a {
    font-size: var(--22px);
  }
  footer .footnav .menu-foot01-container ul li .sub-menu li:first-child, footer .footnav .menu-foot02-container ul li .sub-menu li:first-child {
    margin-top: 10px;
  }
  footer .footnav .menu-foot01-container ul li .sub-menu li, footer .footnav .menu-foot02-container ul li .sub-menu li {
    margin-top: 10px;
  }
  footer .footnav .menu-foot01-container ul li .sub-menu li a, footer .footnav .menu-foot02-container ul li .sub-menu li a {
    font-size: var(--20px);
  }
  footer .footnav .menu-foot01-container {
    width: 40%;
  }
  footer .footnav .menu-foot02-container {
    width: 60%;
  }
  footer #footbtn {
    width: 20%;
  }
  footer #footbtn ul {
    width: 90%;
    margin: 0 auto;
  }
  footer #footbtn ul li {
    margin-top: 15px;
  }
  footer #footbtn ul li a {
    padding: 7px 0;
    font-size: var(--22px);
  }
  footer #footbtn ul li .takanelogo {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  footer #copyright {
    padding: 30px 0;
    margin-left: auto;
    margin-right: auto;
  }
  footer #copyright p {
    width: 85%;
    min-width: 1200px;
    margin: 0 auto;
    font-size: var(--14px);
  }
}
#loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 500;
}

/*
 * フロントページ
 */
.slidebox {
  position: relative;
}
.slidebox h2 {
  position: absolute;
}
.slidebox .headcopy {
  position: absolute;
  bottom: -45px;
  letter-spacing: 2px;
  text-align: right;
  color: #D73C25;
}
.slidebox .slick-dots li {
  width: 7px;
  height: 7px;
  margin: 0 3px;
}

.slick-prev {
  left: 3%;
  z-index: 10;
}

.slick-next {
  right: 3%;
  z-index: 10;
}

.slick-dots li button {
  background: #ccc;
}

.msgwrap .b-ttl, .msgwrap02 .b-ttl, .ourbizwrap .b-ttl, .oswrap .b-ttl, .wocwrap .b-ttl, .newswrap .b-ttl, .comwrap .b-ttl {
  color: #741F1D;
}
.msgwrap .b-ttl span, .msgwrap02 .b-ttl span, .ourbizwrap .b-ttl span, .oswrap .b-ttl span, .wocwrap .b-ttl span, .newswrap .b-ttl span, .comwrap .b-ttl span {
  font-weight: normal;
  letter-spacing: 3px;
}
.msgwrap h3, .msgwrap02 h3, .ourbizwrap h3, .oswrap h3, .wocwrap h3, .newswrap h3, .comwrap h3 {
  line-height: 1.8em;
  color: #D73C25;
  letter-spacing: 2px;
}
.msgwrap p, .msgwrap02 p, .ourbizwrap p, .oswrap p, .wocwrap p, .newswrap p, .comwrap p {
  line-height: 2em;
}

.msgwrap .inner .rightbox {
  line-height: 0;
}
.msgwrap .inner .rightbox img {
  width: 100%;
}

.msgwrap02 {
  background: linear-gradient(45deg, #741F1D, #D73C25);
}
.msgwrap02 .inner .leftbox {
  color: #e7e7de;
}
.msgwrap02 .inner .leftbox ol .numwrap {
  list-style: none;
  position: relative;
}
.msgwrap02 .inner .leftbox ol .numwrap .subrightbox li:first-child {
  margin-top: 0;
}
.msgwrap02 .inner .leftbox ol .numwrap .subrightbox li {
  list-style: disc;
  font-weight: 500;
}
.msgwrap02 .inner .leftbox ol .numwrap:before {
  display: inline-block;
  position: absolute;
  left: 0;
}
.msgwrap02 .inner .leftbox ol .num1:before {
  content: "";
  background-image: url(../images/num01.png);
  background-size: contain;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.msgwrap02 .inner .leftbox ol .num2:before {
  content: "";
  background-image: url(../images/num02.png);
  background-size: contain;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.msgwrap02 .inner .leftbox ol .num3:before {
  content: "";
  background-image: url(../images/num03.png);
  background-size: contain;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.ourbizwrap ul li {
  background: linear-gradient(45deg, #741F1D -30%, #D73C25 50%);
  border-radius: 400px 400px 10px 10px;
  color: #e7e7de;
  box-shadow: 1px 3px 5px #ccc;
}
.ourbizwrap ul li h3 {
  text-align: center;
  color: #e7e7de;
}
.ourbizwrap ul li h3 span {
  display: block;
  border-top: 1px solid;
  border-color: #e7e7de;
}
.ourbizwrap ul li img {
  width: 100%;
  border-radius: 6px;
}
.ourbizwrap ul li a {
  border: 1px solid;
  border-color: #e7e7de;
  color: #e7e7de;
  display: block;
  text-align: center;
  position: relative;
  border-radius: 100px;
}
.ourbizwrap ul li a:after {
  position: absolute;
  right: 15px;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.ourbizwrap ul li a:hover {
  background-color: #e7e7de;
  color: #D73C25;
}
.ourbizwrap .newprdbnr {
  border: 2px solid;
  border-color: #741F1D;
  border-radius: 10px;
  line-height: 0;
  display: block;
  box-shadow: 0 2 5px #ccc;
}
.ourbizwrap .newprdbnr img {
  width: 100%;
  border-radius: 7px;
}

.oswrap {
  position: relative;
  overflow: hidden;
}
.oswrap h3 {
  color: #D73C25;
}
.oswrap ul li {
  position: relative;
}
.oswrap ul li img {
  width: 100%;
  border-radius: 3px;
}
.oswrap ul li h4 {
  color: #D73C25;
}
.oswrap ul li h4 span {
  display: block;
}
.oswrap ul li .osbtn {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.oswrap ul li .osbtn .leftbtn {
  border: 1px solid;
  border-color: #741F1D;
  color: #741F1D;
  line-height: 2.8em;
}
.oswrap ul li .osbtn .rightbtn {
  border-top: 1px solid;
  border-color: #741F1D;
  border-bottom: 1px solid;
  border-color: #741F1D;
  border-radius: 0;
  color: #741F1D;
  line-height: 2.8em;
}
.oswrap ul li .osbtn .leftbtn:hover, .oswrap ul li .osbtn .rightbtn:hover {
  opacity: 0.6;
}
.oswrap .osbg {
  background-image: url(../images/os-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  right: 0;
  height: 100%;
  top: 0;
  overflow: hidden;
}
.oswrap .osbg video {
  position: absolute;
  height: 100%;
  left: -50%;
}

.wocwrap {
  background: linear-gradient(45deg, #741F1D, #D73C25);
}
.wocwrap .inner {
  color: #e7e7de;
}
.wocwrap h2 {
  text-align: center;
  font-weight: normal;
}
.wocwrap h2 span {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  color: #e7e7de;
  margin: 0 auto;
}
.wocwrap h2 span:before, .wocwrap h2 span:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}
.wocwrap h2 span:before {
  margin-right: 0.5em;
}
.wocwrap h2 span:after {
  margin-left: 0.5em;
}
.wocwrap .morebtn {
  border: 1px solid;
  border-color: #741F1D;
  color: #741F1D;
  background-color: #F7F7EF;
}
.wocwrap .morebtn:after {
  position: absolute;
  right: 15px;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.wocwrap .morebtn:hover {
  background-color: #741F1D;
  color: #e7e7de;
}

.newswrap .leftbox .morebtn {
  border: 1px solid;
  border-color: #741F1D;
  color: #741F1D;
}
.newswrap .leftbox .morebtn:hover {
  border-color: #741F1D;
  color: #fff;
}
.newswrap .rightbox #newsroop li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.newswrap .rightbox #newsroop li {
  border-top: 1px solid;
  border-color: #D73C25;
  line-height: 1.8em;
  font-weight: 500;
}
.newswrap .rightbox #newsroop li .postinfowrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.newswrap .rightbox #newsroop li .postinfowrap .postdate {
  display: block;
  color: #D73C25;
  display: block;
  letter-spacing: 2px;
}
.newswrap .rightbox #newsroop li .postinfowrap .postcatewrap .postcate {
  display: block;
  margin-left: 10px;
  border-radius: 50px;
  color: #fff;
}
.newswrap .rightbox #newsroop li .postinfowrap .postcatewrap .postcate small {
  font-weight: normal;
}
.newswrap .rightbox #newsroop li .postinfowrap .acr-cate {
  background-color: #503033;
}
.newswrap .rightbox #newsroop li .postinfowrap .tacr-cate {
  background-color: #d64333;
}
.newswrap .rightbox #newsroop li .postinfowrap .kacr-cate {
  background-color: #007451;
}
.newswrap .rightbox #newsroop li .postinfowrap .news-cate {
  display: none;
}

.comwrap {
  background-image: url(../images/com-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.comwrap h2 {
  color: #741F1D;
  text-align: center;
  letter-spacing: 5px;
  text-indent: 5px;
}
.comwrap .morebtn {
  background-color: #D73C25;
  color: #fff;
  text-indent: 5px;
  letter-spacing: 5px;
}
.comwrap .morebtn:hover {
  background-color: #e7e7de;
  color: #D73C25;
}

footer {
  width: 100%;
}

@media only screen and (max-width:768px) {
  .slidebox {
    border-bottom: 6px solid;
    border-color: #D73C25;
    -o-border-image: linear-gradient(45deg, #741F1D, #D73C25);
       border-image: linear-gradient(45deg, #741F1D, #D73C25);
    border-image-slice: 1;
  }
  .slidebox h2 {
    z-index: 5;
    left: 6%;
    bottom: 10%;
    width: 50%;
  }
  .slidebox .slick-dots {
    width: 88%;
    margin: 0 auto;
    text-align: left;
    left: 0;
    right: 0;
  }
  .slidebox .headcopy {
    font-size: var(--10px);
    right: 2%;
    bottom: -50px;
    letter-spacing: 1px;
  }
  .msgwrap .inner, .msgwrap02 .inner, .ourbizwrap .inner, .oswrap .inner, .wocwrap .inner, .newswrap .inner, .comwrap .inner {
    width: 85%;
    margin: 0 auto;
  }
  .msgwrap .b-ttl, .msgwrap02 .b-ttl, .ourbizwrap .b-ttl, .oswrap .b-ttl, .wocwrap .b-ttl, .newswrap .b-ttl, .comwrap .b-ttl {
    font-size: var(--44px);
    line-height: 0.9em;
  }
  .msgwrap .b-ttl span, .msgwrap02 .b-ttl span, .ourbizwrap .b-ttl span, .oswrap .b-ttl span, .wocwrap .b-ttl span, .newswrap .b-ttl span, .comwrap .b-ttl span {
    font-size: var(--18px);
    display: block;
    font-weight: bold;
    margin-top: 3%;
  }
  .msgwrap h3, .msgwrap02 h3, .ourbizwrap h3, .oswrap h3, .wocwrap h3, .newswrap h3, .comwrap h3 {
    font-size: var(--20px);
    margin-top: 3%;
  }
  .msgwrap p, .msgwrap02 p, .ourbizwrap p, .oswrap p, .wocwrap p, .newswrap p, .comwrap p {
    font-size: var(--16px);
  }
  .msgwrap {
    padding: 25% 0 0;
  }
  .msgwrap .inner {
    width: 100%;
  }
  .msgwrap .inner .leftbox {
    width: 80%;
    padding: 0;
    margin: 0 auto;
  }
  .msgwrap .inner .leftbox h3 {
    margin-top: 5%;
  }
  .msgwrap .inner .leftbox p {
    margin-top: 5%;
  }
  .msgwrap .inner .rightbox {
    width: 100%;
    margin-top: 5%;
  }
  .msgwrap .inner .rightbox img {
    width: 100%;
  }
  .msgwrap02 {
    padding-bottom: 0;
  }
  .msgwrap02 .inner {
    align-items: flex-end;
  }
  .msgwrap02 .inner .leftbox {
    width: 80%;
    padding: 0;
    margin: 0 auto;
  }
  .msgwrap02 .inner .leftbox ol .numwrap:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .msgwrap02 .inner .leftbox ol .numwrap {
    padding-left: 55px;
    margin-top: 10%;
    padding-top: 10%;
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subleftbox {
    width: 100%;
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subleftbox h4 {
    font-size: var(--22px);
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subleftbox p {
    font-size: var(--16px);
    margin: 3% 0 0;
    line-height: 1.5em;
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subrightbox {
    width: 100%;
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subrightbox li:first-child {
    margin-top: 5%;
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subrightbox li {
    display: list-item;
    font-size: var(--14px);
    margin-top: 5%;
  }
  .msgwrap02 .inner .leftbox ol .numwrap:before {
    width: 45px;
    height: 45px;
  }
  .msgwrap02 .inner .rightbox {
    width: 100%;
    margin-top: 15%;
  }
  .msgwrap02 .inner .rightbox img {
    width: 100%;
  }
  .ourbizwrap {
    padding: 15% 0;
  }
  .ourbizwrap ul {
    margin-top: 0;
  }
  .ourbizwrap ul li {
    width: 95%;
    padding: 10% 5% 10%;
    margin: 10% auto 0;
  }
  .ourbizwrap ul li h3 {
    width: 75%;
    margin: 0 auto 0;
  }
  .ourbizwrap ul li h3 span {
    display: block;
    border-top: 1px solid;
    border-color: #e7e7de;
    margin: 5% 0 0;
    padding-top: 5%;
  }
  .ourbizwrap ul li img {
    margin: 5% 0 0;
  }
  .ourbizwrap ul li a {
    width: 80%;
    margin: 10% auto 0;
    padding: 5% 0;
  }
  .ourbizwrap .newprdbnr {
    width: 95%;
    margin: 13% auto 0;
  }
  .oswrap {
    padding: 0 0 15% 0;
  }
  .oswrap .inner {
    width: 80%;
  }
  .oswrap h3 {
    margin-top: 10%;
  }
  .oswrap ul {
    width: 82%;
  }
  .oswrap ul li {
    width: 100%;
    margin-top: 8%;
  }
  .oswrap ul li h4 {
    font-size: var(--38px);
    line-height: 1em;
    margin-top: 2.5%;
  }
  .oswrap ul li h4 span {
    font-size: var(--22px);
  }
  .oswrap ul li p {
    font-size: var(--15px);
  }
  .oswrap .osbtn {
    position: relative !important;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5%;
  }
  .oswrap .osbtn .leftbtn {
    padding: 0;
    width: 65%;
    margin: 0;
    font-size: var(--14px);
    line-height: 2em;
  }
  .oswrap .osbtn .rightbtn {
    padding: 0;
    width: 35%;
    margin: 0;
    font-size: var(--14px);
    line-height: 2em;
  }
  .oswrap .osbtn .rightbtn::after {
    right: 5px;
  }
  .oswrap .osbg {
    width: 18%;
    background-position: 29%;
  }
  .wocwrap {
    padding: 20% 0;
  }
  .wocwrap .inner {
    width: 95%;
  }
  .wocwrap h2 {
    font-size: var(--24px);
  }
  .wocwrap h2 span {
    font-size: var(--14px);
    letter-spacing: 1px;
    margin-top: 5%;
  }
  .wocwrap img {
    margin-top: 10%;
  }
  .wocwrap .morebtn {
    width: 60%;
    margin: 10% auto 0;
    padding: 2.5% 0;
    font-size: var(--16px);
  }
  .newswrap {
    padding: 15% 0;
  }
  .newswrap .inner {
    width: 80%;
    padding-bottom: 18%;
    position: relative;
  }
  .newswrap .leftbox {
    width: 100%;
  }
  .newswrap .leftbox .morebtn {
    padding: 2.5% 0;
    position: absolute;
    bottom: 0;
    width: 60%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .newswrap .rightbox {
    width: 100%;
  }
  .newswrap .rightbox #newsroop {
    margin-top: 10%;
  }
  .newswrap .rightbox #newsroop li {
    margin-top: 7%;
    padding-top: 7%;
    font-size: var(--16px);
  }
  .newswrap .rightbox #newsroop li .postinfowrap {
    line-height: 1.5em;
    margin-bottom: 2.5%;
    width: 100%;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postdate {
    margin-bottom: 0;
    font-size: var(--14px);
    width: auto;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postcatewrap {
    display: block;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postcatewrap .postcate:first-child {
    margin-top: 0;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postcatewrap .postcate {
    font-size: var(--12px);
    display: flex;
    justify-content: center;
    padding: 0 20px;
    letter-spacing: 0;
    width: auto;
    margin-top: 2.5%;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postcatewrap .postcate small {
    font-size: var(--10px);
  }
  .comwrap {
    padding: 25% 0;
  }
  .comwrap h2 {
    font-size: var(--44px);
  }
  .comwrap .morebtn {
    width: 60%;
    margin: 15% auto 0;
    padding: 2.5% 0;
  }
}
@media only screen and (min-width:769px) {
  .slidebox {
    max-width: 1800px;
    margin: 0 auto;
    border-bottom: 10px solid;
    border-color: #D73C25;
    -o-border-image: linear-gradient(45deg, #741F1D, #D73C25);
       border-image: linear-gradient(45deg, #741F1D, #D73C25);
    border-image-slice: 1;
  }
  .slidebox h2 {
    z-index: 10;
    left: 6%;
    bottom: 10%;
    width: 500px;
  }
  .slidebox .slick-dots {
    width: 88%;
    margin: 0 auto;
    text-align: left;
    left: 0;
    right: 0;
  }
  .slidebox .headcopy {
    font-size: var(--12px);
    right: 5%;
  }
  .msgwrap .inner, .msgwrap02 .inner, .ourbizwrap .inner, .oswrap .inner, .wocwrap .inner, .newswrap .inner, .comwrap .inner {
    width: 100%;
    min-width: 1200px;
    max-width: 1800px;
    margin: 0 auto;
  }
  .msgwrap .b-ttl, .msgwrap02 .b-ttl, .ourbizwrap .b-ttl, .oswrap .b-ttl, .wocwrap .b-ttl, .newswrap .b-ttl, .comwrap .b-ttl {
    font-size: var(--90px);
    line-height: 0.9em;
  }
  .msgwrap .b-ttl span, .msgwrap02 .b-ttl span, .ourbizwrap .b-ttl span, .oswrap .b-ttl span, .wocwrap .b-ttl span, .newswrap .b-ttl span, .comwrap .b-ttl span {
    font-size: var(--22px);
    display: block;
    font-weight: bold;
  }
  .msgwrap h3, .msgwrap02 h3, .ourbizwrap h3, .oswrap h3, .wocwrap h3, .newswrap h3, .comwrap h3 {
    font-size: var(--38px);
  }
  .msgwrap p, .msgwrap02 p, .ourbizwrap p, .oswrap p, .wocwrap p, .newswrap p, .comwrap p {
    font-size: var(--20px);
  }
  .msgwrap .inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .msgwrap .inner .leftbox {
    width: 64%;
    padding: 0 5% 0 0;
    display: flex;
    align-items: center;
  }
  .msgwrap .inner .leftbox h3 {
    margin-top: 15px;
  }
  .msgwrap .inner .leftbox p {
    margin-top: 10px;
  }
  .msgwrap .inner .rightbox {
    width: 30%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .msgwrap .inner .rightbox img {
    width: 100%;
  }
  .msgwrap .inner .rightbox:after {
    content: "";
    height: 100%;
    display: block;
    background-position: center;
    min-width: 480px;
    width: 100%;
  }
  .msgwrap01 {
    padding-top: 150px;
  }
  .msgwrap01 .inner .subinner {
    padding: 5vw 0px;
  }
  .msgwrap01 .inner .leftbox h3 {
    font-size: var(--38px);
  }
  .msgwrap01 .inner .leftbox p {
    font-size: var(--26px);
    padding-bottom: 0;
  }
  .msgwrap01 .inner .rightbox:after {
    background-image: url(../images/msg-img01.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .msgwrap02 {
    padding-bottom: 100px;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
  .msgwrap02 .inner {
    align-items: stretch;
  }
  .msgwrap02 .inner .leftbox ol {
    padding-top: 7vw;
    width: 100%;
  }
  .msgwrap02 .inner .leftbox ol .numwrap:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .msgwrap02 .inner .leftbox ol .numwrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 70px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subleftbox {
    width: 43%;
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subleftbox h4 {
    font-size: var(--28px);
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subleftbox p {
    font-size: var(--22px);
    margin: 10px 0 0;
    line-height: 1.8em;
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subrightbox {
    width: 57%;
  }
  .msgwrap02 .inner .leftbox ol .numwrap .subrightbox li {
    display: list-item;
    font-size: var(--22px);
    margin-top: 10px;
  }
  .msgwrap02 .inner .leftbox ol .numwrap:before {
    width: 54px;
    height: 54px;
  }
  .msgwrap02 .inner .rightbox img {
    width: 100%;
  }
  .msgwrap02 .inner .rightbox:after {
    background-image: url(../images/msg-img02.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .ourbizwrap {
    padding: 100px 0 150px;
  }
  .ourbizwrap .inner {
    width: 85%;
  }
  .ourbizwrap ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 25px;
  }
  .ourbizwrap ul li {
    width: 32%;
    padding: 70px 35px 40px;
  }
  .ourbizwrap ul li h3 {
    width: 85%;
    margin: 0 auto 0;
    font-size: var(--32px);
  }
  .ourbizwrap ul li h3 span {
    display: block;
    border-top: 1px solid;
    border-color: #e7e7de;
    margin: 10px 0 0;
    padding-top: 10px;
  }
  .ourbizwrap ul li img {
    margin: 20px 0 0;
  }
  .ourbizwrap ul li a {
    width: 80%;
    margin: 30px auto 0;
    padding: 10px 0;
    font-size: var(--22px);
  }
  .ourbizwrap .newprdbnr {
    width: 890px;
    margin: 30px auto 0;
  }
  .oswrap {
    min-width: 1100px;
    padding: 0 0 100px 0;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
  .oswrap .inner {
    width: 85%;
  }
  .oswrap h3 {
    margin-top: 20px;
  }
  .oswrap ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 78%;
    margin-top: 20px;
  }
  .oswrap ul li {
    width: 46%;
    padding: 0 0 90px;
  }
  .oswrap ul li h4 {
    font-size: var(--60px);
    line-height: 1em;
    margin-top: 15px;
  }
  .oswrap ul li h4 span {
    font-size: var(--32px);
  }
  .oswrap ul li p {
    font-size: var(--22px);
    margin-top: 20px;
  }
  .oswrap .osbtn {
    bottom: 0;
    font-size: var(--22px);
  }
  .oswrap .osbtn .leftbtn {
    padding: 0;
    width: 47%;
  }
  .oswrap .osbtn .rightbtn {
    padding: 0;
    width: 47%;
  }
  .oswrap .osbg {
    width: 18%;
  }
  .wocwrap {
    padding: 100px 0;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
  .wocwrap .inner {
    width: 70%;
    min-width: 980px;
    max-width: 1200px;
  }
  .wocwrap h2 {
    font-size: var(--44px);
  }
  .wocwrap h2 span {
    width: 60%;
    font-size: var(--20px);
    margin-top: 25px;
  }
  .wocwrap img {
    margin-top: 50px;
  }
  .wocwrap .morebtn {
    width: 280px;
    margin: 30px auto 0;
    padding: 10px 0;
    font-size: var(--22px);
  }
  .newswrap {
    padding: 100px 0;
  }
  .newswrap .inner {
    width: 85%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .newswrap .leftbox {
    width: 25%;
  }
  .newswrap .leftbox .morebtn {
    padding: 10px 0;
    margin-top: 30px;
    font-size: var(--22px);
  }
  .newswrap .rightbox {
    width: 65%;
  }
  .newswrap .rightbox #newsroop li {
    margin-top: 25px;
    padding-top: 25px;
    font-size: var(--22px);
  }
  .newswrap .rightbox #newsroop li .postinfowrap {
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postdate {
    margin-bottom: 0;
    font-size: var(--20px);
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postcatewrap {
    display: flex;
    justify-content: flex-start;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postcatewrap .postcate {
    font-size: var(--14px);
    padding: 0 20px;
  }
  .newswrap .rightbox #newsroop li .postinfowrap .postcatewrap .postcate small {
    font-size: var(--12px);
  }
  .comwrap {
    padding: 140px 0;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
  .comwrap h2 {
    font-size: var(--60px);
  }
  .comwrap .morebtn {
    width: 300px;
    margin: 50px auto 0;
    padding: 10px 0;
  }
  .breadcrumbs ul {
    width: 1000px;
    margin: 0 auto;
  }
}
/*
 * 下層ページ
 */
.site-main #posthead h1 {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
  line-height: 1.8em;
}
.site-main #posthead h1 span.enttl {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  line-height: 1em;
}
.site-main #posthead h1 span.enttl:before, .site-main #posthead h1 span.enttl:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}
.site-main #posthead h1 span.enttl:before {
  margin-right: 0.5em;
}
.site-main #posthead h1 span.enttl:after {
  margin-left: 0.5em;
}
.site-main .breadcrumbs ul {
  display: flex;
  align-items: flex-end;
  justify-content: right;
  flex-wrap: wrap;
}
.site-main .breadcrumbs ul li {
  display: inline-block;
  color: #aaa;
  letter-spacing: 2px;
  line-height: 1.5em;
}
.site-main .breadcrumbs ul li a {
  color: #aaa;
}
.site-main .breadcrumbs ul li a:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}
.site-main .breadcrumbs ul li a:hover {
  color: #D73C25;
}
.site-main #postbody .whitebg .descbox {
  background-color: #e7e7de;
  border-radius: 4px;
}
.site-main #postbody .beigebg {
  background-color: #e7e7de;
}
.site-main #postbody .beigebg .descbox {
  background-color: #F7F7EF;
  border-radius: 4px;
}
.site-main #postbody .inner {
  line-height: 2em;
}
.site-main #postbody h1 {
  color: #D73C25;
  font-weight: 500;
}
.site-main #postbody h2 {
  background-color: #D73C25;
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
}
.site-main #postbody h2 span {
  font-weight: 400;
  margin-left: 5px;
}
.site-main #postbody h3 {
  background-color: #c0a66a;
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
}
.site-main #postbody h4 {
  color: #D73C25;
  border-bottom: 1px solid;
  border-color: #D73C25;
  font-weight: 500;
}
.site-main #postbody h4 {
  border-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}
.site-main #postbody h4:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-left: 0.5em;
}
.site-main #postbody h5 {
  color: #D73C25;
  font-weight: 500;
}
.site-main #postbody h6 {
  color: #D73C25;
  font-weight: 500;
}
.site-main #postbody .bigttl {
  background: none;
  color: #741F1D;
  font-weight: 700;
  letter-spacing: 1px;
}
.site-main #postbody .bigttl span {
  display: block;
}
.site-main #postbody strong {
  color: #D73C25;
}
.site-main #postbody .whitebg h3 {
  background-color: #e7e7de;
  color: #D73C25;
}
.site-main #postbody .beigebg h3 {
  background-color: #d6c5a9;
  color: #D73C25;
}
.site-main #postbody a {
  color: #D73C25;
}
.site-main #postbody .bigtxt {
  line-height: 2em;
  color: #D73C25;
  font-weight: 700;
}
.site-main #postbody ul li:first-child, .site-main #postbody ol li:first-child {
  margin-top: 0;
}
.site-main #postbody ul {
  margin-left: 1.5em;
}
.site-main #postbody ul li {
  list-style: disc;
}
.site-main #postbody ol {
  margin-left: 1.5em;
}
.site-main #postbody ol li {
  list-style: decimal;
}
.site-main #postbody table {
  border-collapse: collapse;
}
.site-main #postbody table tr th {
  background-color: #D73C25;
  color: #fff;
  border: 1px solid;
  border-color: #ccc;
  vertical-align: middle;
  position: relative;
}
.site-main #postbody table tr th .newicon {
  position: absolute;
}
.site-main #postbody table tr th.subth {
  background: none;
  color: #D73C25;
  font-weight: 500;
}
.site-main #postbody table tr td {
  text-align: center;
  border: 1px solid;
  border-color: #ccc;
  vertical-align: middle;
}
.site-main #postbody table tr .imgtd {
  line-height: 0;
  padding: 0;
}
.site-main #postbody table tr:nth-child(even) {
  background-color: #f8f8f8;
}
.site-main #postbody table tr:nth-child(odd) {
  background-color: #fff;
}
.site-main #postbody .dltb dt {
  background-color: #e7e7de;
  color: #D73C25;
  font-weight: 700;
  border-radius: 4px;
  line-height: 1.5em;
}
.site-main #postbody .note {
  text-align: right;
  line-height: 1.5em;
}
.site-main #postbody .morebtn {
  border-radius: 4px;
  text-align: center;
  background: #D73C25;
  box-shadow: 0 1px 3px #ccc;
  display: block;
  color: #fff;
  margin: 0 auto;
  border-radius: 100px;
}
.site-main #postbody .morebtn:hover {
  background: #c0a66a;
  color: #fff;
}
.site-main #postbody .post-navigation {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
  display: block;
  line-height: 1em;
  letter-spacing: 1px;
  background-color: #D73C25;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  position: relative;
}
.site-main #postbody .post-navigation .next {
  margin-left: auto;
}
.site-main #postbody .post-navigation .next:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  right: 15px;
}
.site-main #postbody .post-navigation .prev:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: bold;
  position: absolute;
  left: 15px;
}
.site-main #postbody .newsttl {
  background: none;
  padding: 0;
  color: #D73C25;
  border-radius: 0;
  text-align: justify;
  line-height: 1.8em;
}
.site-main #postbody .datewrap {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  color: #D73C25;
}
.site-main #postbody .datewrap:before {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-right: 0.5em;
}
.site-main #postbody #newsarcwrap {
  margin-left: 0;
}
.site-main #postbody #newsarcwrap li:first-child {
  border-top: none;
}
.site-main #postbody #newsarcwrap li {
  border-top: 1px solid;
  border-color: #D73C25;
  list-style: none;
}
.site-main #postbody #newsarcwrap li a.postlink {
  color: #000;
  line-height: 1.5em;
}
.site-main #postbody #newsarcwrap li .postinfowrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.site-main #postbody #newsarcwrap li .postinfowrap .postdate {
  display: block;
  color: #D73C25;
  display: block;
  letter-spacing: 0;
}
.site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate {
  display: block;
  margin-left: 10px;
  border-radius: 50px;
  color: #fff;
  text-align: center;
}
.site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate small {
  font-weight: normal;
}
.site-main #postbody #newsarcwrap li .postinfowrap .acr-cate {
  background-color: #503033;
}
.site-main #postbody #newsarcwrap li .postinfowrap .tacr-cate {
  background-color: #d64333;
}
.site-main #postbody #newsarcwrap li .postinfowrap .kacr-cate {
  background-color: #007451;
}
.site-main #postbody #newsarcwrap li .postinfowrap .news-cate {
  display: none;
}
.site-main #postbody .wp-pagenavi {
  text-align: center;
}
.site-main #postbody .wp-pagenavi a, .site-main #postbody .wp-pagenavi span.pages {
  background-color: #D73C25;
  border-radius: 4px;
  color: #fff;
  border: none;
  border: none;
}
.site-main #postbody .wp-pagenavi a:hover {
  background-color: #741F1D;
  color: #fff;
}
.site-main #postbody .wp-pagenavi span {
  border: none;
  color: #D73C25;
  background-color: #e7e7de;
}
.site-main #postbody .pageheadmenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-main #postbody .pageheadmenu li {
  list-style: none;
}
.site-main #postbody .pageheadmenu li a {
  display: block;
  background-color: #D73C25;
  color: #fff;
  border-radius: 100px;
  text-align: center;
}
.site-main #postbody .pageheadmenu li a small {
  display: block;
}
.site-main #postbody .beigebox {
  background-color: #e7e7de;
  border-radius: 10px;
}

@media only screen and (max-width:768px) {
  #posthead {
    background-image: url(../images/sp_subheadbg_main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #posthead h1 {
    width: 80%;
    padding: 15% 0;
    font-size: var(--20px);
    letter-spacing: 5px;
    text-indent: 5px;
  }
  #posthead h1 span.enttl {
    font-size: var(--14px);
    margin-bottom: 5%;
    letter-spacing: 2px;
    text-indent: 2px;
  }
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main .breadcrumbs ul {
    width: 95%;
    margin: 2.5% auto 0;
    line-height: 1.5em;
    text-align: right;
  }
  .site-main .breadcrumbs ul li {
    font-size: var(--10px);
    letter-spacing: 0;
  }
  .site-main #postbody .firstblock {
    padding-top: 5% !important;
  }
  .site-main #postbody .whitebg, .site-main #postbody .beigebg {
    padding: 15% 0 10%;
  }
  .site-main #postbody .whitebg .descbox, .site-main #postbody .beigebg .descbox {
    padding: 5%;
    margin-bottom: 5%;
  }
  .site-main #postbody .inner {
    width: 85%;
    margin: 0 auto;
  }
  .site-main #postbody h1 {
    font-size: var(--18px);
    padding: 0;
    margin-bottom: 5%;
  }
  .site-main #postbody h2 {
    font-size: var(--18px);
    padding: 10px 15px;
    margin-bottom: 5%;
  }
  .site-main #postbody h3 {
    font-size: var(--18px);
    padding: 10px 15px;
    margin-bottom: 5%;
  }
  .site-main #postbody h4 {
    font-size: var(--18px);
    padding: 0 0 5px 0;
    margin-bottom: 5%;
  }
  .site-main #postbody h5 {
    font-size: var(--16px);
    padding: 5px 0;
    margin-bottom: 5%;
  }
  .site-main #postbody h6 {
    font-size: var(--16px);
    padding: 5px 0;
    margin-bottom: 2.5%;
  }
  .site-main #postbody p {
    font-size: var(--14px);
    margin-bottom: 5%;
  }
  .site-main #postbody .bigttl {
    padding: 0;
    font-size: var(--36px);
  }
  .site-main #postbody .bigttl span {
    font-size: var(--16px);
    margin-top: 5%;
    letter-spacing: 4px;
  }
  .site-main #postbody .bigtxt {
    font-size: var(--18px);
  }
  .site-main #postbody ul li, .site-main #postbody ol li {
    margin-top: 2.5%;
  }
  .site-main #postbody ul {
    margin-left: 1.5em;
    margin-bottom: 5%;
  }
  .site-main #postbody ul li {
    font-size: var(--14px);
  }
  .site-main #postbody ol {
    margin-left: 1.5em;
    margin-bottom: 5%;
  }
  .site-main #postbody ol li {
    font-size: var(--14px);
  }
  .site-main #postbody table {
    font-size: var(--14px);
  }
  .site-main #postbody table tr th {
    padding: 2% 0;
    line-height: 1.7em;
  }
  .site-main #postbody table tr th .newicon {
    width: 64px;
    top: -16px;
    right: 10px;
  }
  .site-main #postbody table tr th.subth {
    font-size: var(--14px);
  }
  .site-main #postbody table tr td {
    font-size: var(--14px);
    padding: 2% 0;
    line-height: 1.7em;
  }
  .site-main #postbody dl dt {
    font-size: var(--14px);
  }
  .site-main #postbody dl dd {
    font-size: var(--14px);
  }
  .site-main #postbody .dltb dt:first-child {
    margin-top: 0;
  }
  .site-main #postbody .dltb dt {
    text-align: center;
    width: 100%;
    margin-top: 8%;
    padding: 2.5% 0;
  }
  .site-main #postbody .dltb dd {
    width: 100%;
    margin-top: 5%;
    padding: 0;
  }
  .site-main #postbody .scrollbox {
    overflow-x: scroll;
  }
  .site-main #postbody .scrollbox img {
    max-width: 600px;
  }
  .site-main #postbody .scrollbox table {
    max-width: 600px;
    width: 600px;
  }
  .site-main #postbody .scrollbox table td img {
    max-width: 100%;
  }
  .site-main #postbody .scrollbox table.newicontb {
    margin-top: 5%;
  }
  .site-main #postbody .morebtn {
    font-size: var(--14px);
    padding: 2.5%;
    width: 80%;
    max-width: 350px;
    letter-spacing: 3px;
    text-indent: 5px;
    line-height: 1.7em;
  }
  .site-main #postbody .note {
    font-size: var(--12px);
  }
  .site-main #postbody .post-navigation {
    width: 100%;
    margin-top: 10%;
    margin-bottom: 0%;
  }
  .site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
    width: 35%;
    padding: 3% 0;
    font-size: var(--14px);
  }
  .site-main #postbody .datewrap {
    font-size: var(--12px);
    margin-top: 1%;
  }
  .site-main #postbody #newsarcwrap li {
    margin-top: 5%;
    padding-top: 5%;
    font-size: var(--14px);
    line-height: 1.8em;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap {
    line-height: 1.5em;
    margin-bottom: 2.5%;
    width: 100%;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postdate {
    margin-bottom: 0;
    font-size: var(--14px);
    width: auto;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap {
    display: block;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate:first-child {
    margin-top: 0;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate {
    font-size: var(--12px);
    display: flex;
    justify-content: center;
    padding: 0 20px;
    letter-spacing: 0;
    width: auto;
    margin-top: 2.5%;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate small {
    font-size: var(--10px);
  }
  .site-main #postbody .wp-pagenavi {
    margin-top: 10%;
    margin-bottom: 0%;
  }
  .site-main #postbody .wp-pagenavi a, .site-main #postbody .wp-pagenavi span.pages {
    margin: 0 1%;
    padding: 2% 4%;
    font-size: 4vw;
  }
  .site-main #postbody .wp-pagenavi span {
    margin: 0 1%;
    padding: 2% 3%;
    font-size: 4vw;
  }
  .site-main #postbody .beigebox {
    padding: 5%;
  }
}
@media only screen and (min-width:769px) {
  #posthead {
    background-image: url(../images/pc_subheadbg_main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  #posthead h1 {
    min-width: 780px;
    width: 50%;
    padding: 110px 0;
    font-size: var(--44px);
    letter-spacing: 10px;
    text-indent: 10px;
  }
  #posthead h1 span.enttl {
    font-size: var(--24px);
    margin-bottom: 20px;
    letter-spacing: 5px;
    text-indent: 5px;
  }
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main .breadcrumbs ul {
    width: 95%;
    margin: 10px auto 0;
    text-align: right;
  }
  .site-main .breadcrumbs ul li {
    font-size: var(--12px);
  }
  .site-main #postbody .firstblock {
    padding-top: 50px !important;
  }
  .site-main #postbody .whitebg, .site-main #postbody .beigebg {
    padding: 100px 0 80px;
  }
  .site-main #postbody .whitebg .descbox, .site-main #postbody .beigebg .descbox {
    padding: 30px;
    margin-bottom: 35px;
  }
  .site-main #postbody .inner {
    min-width: 800px;
    width: 70%;
    max-width: 1100px;
    margin: 0 auto;
    letter-spacing: 2px;
  }
  .site-main #postbody h1 {
    font-size: var(--34px);
    padding: 0;
    margin-bottom: 25px;
  }
  .site-main #postbody h2 {
    font-size: var(--28px);
    padding: 15px;
    margin-bottom: 25px;
  }
  .site-main #postbody h3 {
    font-size: var(--26px);
    padding: 10px 15px;
    margin-bottom: 25px;
  }
  .site-main #postbody h4 {
    font-size: var(--26px);
    padding: 0 0 5px 0;
    margin-bottom: 25px;
  }
  .site-main #postbody h5 {
    font-size: var(--24px);
    padding: 5px 0;
    margin-bottom: 15px;
  }
  .site-main #postbody h6 {
    font-size: var(--24px);
    padding: 5px 0;
    margin-bottom: 15px;
  }
  .site-main #postbody .bigttl {
    padding: 0;
    font-size: var(--90px);
    line-height: 1.1em;
  }
  .site-main #postbody .bigttl span {
    font-size: var(--24px);
    margin-top: 20px;
    letter-spacing: 4px;
    line-height: 1.5em;
  }
  .site-main #postbody p {
    font-size: var(--22px);
    margin-bottom: 25px;
  }
  .site-main #postbody .bigtxt {
    font-size: var(--32px);
    line-height: 1.8em;
    letter-spacing: 4px;
  }
  .site-main #postbody ul {
    margin-left: 1.5em;
    margin-bottom: 25px;
  }
  .site-main #postbody ul li {
    font-size: var(--22px);
    margin-top: 15px;
  }
  .site-main #postbody ol {
    margin-left: 1.5em;
    margin-bottom: 25px;
  }
  .site-main #postbody ol li {
    font-size: var(--22px);
    margin-top: 15px;
  }
  .site-main #postbody table {
    font-size: var(--22px);
  }
  .site-main #postbody table tr th {
    padding: 15px 0;
    line-height: 1.7em;
  }
  .site-main #postbody table tr th .newicon {
    width: 64px;
    top: -16px;
    right: 10px;
  }
  .site-main #postbody table tr th.subth {
    font-size: var(--18px);
  }
  .site-main #postbody table tr td {
    font-size: var(--18px);
    padding: 15px 0;
    line-height: 1.7em;
  }
  .site-main #postbody dl dt {
    font-size: var(--22px);
  }
  .site-main #postbody dl dd {
    font-size: var(--22px);
  }
  .site-main #postbody .dltb {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .site-main #postbody .dltb dt:first-child, .site-main #postbody .dltb dt:first-child + dd {
    margin-top: 0;
  }
  .site-main #postbody .dltb dt {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    margin-top: 20px;
    padding: 15px 0;
  }
  .site-main #postbody .dltb dd {
    width: 72%;
    margin-top: 20px;
    padding: 15px 0;
  }
  .site-main #postbody .scrollbox img {
    width: 100%;
  }
  .site-main #postbody .morebtn {
    font-size: var(--22px);
    padding: 15px;
    width: 40%;
    min-width: 350px;
    letter-spacing: 3px;
    text-indent: 5px;
  }
  .site-main #postbody .note {
    font-size: var(--14px);
  }
  .site-main #postbody .post-navigation {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0;
  }
  .site-main #postbody .post-navigation .next, .site-main #postbody .post-navigation .prev {
    width: 150px;
    padding: 15px 0;
    font-size: 16px;
  }
  .site-main #postbody .datewrap {
    font-size: var(--14px);
    margin-top: 15px;
  }
  .site-main #postbody #newsarcwrap li {
    margin-top: 30px;
    padding-top: 30px;
    font-size: var(--20px);
  }
  .site-main #postbody #newsarcwrap li a.postlink {
    padding-left: 360px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap {
    line-height: 1.5em;
    margin-bottom: 0;
    width: 340px;
    position: absolute;
    left: 0;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postdate {
    margin-bottom: 0;
    font-size: var(--20px);
    width: 35%;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap {
    display: block;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate:first-child {
    margin-top: 0;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate {
    font-size: var(--14px);
    padding: 0 20px;
    margin-top: 5px;
  }
  .site-main #postbody #newsarcwrap li .postinfowrap .postcatewrap .postcate small {
    font-size: var(--12px);
  }
  .site-main #postbody .wp-pagenavi {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .site-main #postbody .wp-pagenavi a, .site-main #postbody .wp-pagenavi span.pages {
    margin: 0 5px;
    padding: 5px 15px;
    font-size: var(--20px);
  }
  .site-main #postbody .wp-pagenavi span {
    margin: 0 6px;
    padding: 5px 15px;
    font-size: var(--20px);
  }
  .site-main #postbody .pageheadmenu li a {
    font-size: var(--18px);
  }
  .site-main #postbody .pageheadmenu li a small {
    font-size: var(--12px);
  }
  .site-main #postbody .beigebox {
    padding: 20px;
  }
}
/*
 * 事業のご紹介
 */
.site-main #postbody .ob-pageheadmenu li a {
  position: relative;
}
.site-main #postbody .ob-pageheadmenu li a:after {
  position: absolute;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: bold;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.site-main #postbody .foodindustry, .site-main #postbody .foodservice, .site-main #postbody .homeuse, .site-main #postbody .newproducts {
  position: relative;
}
.site-main #postbody .foodindustry .inner, .site-main #postbody .foodservice .inner, .site-main #postbody .homeuse .inner, .site-main #postbody .newproducts .inner {
  max-width: initial;
  margin: 0 auto;
}
.site-main #postbody .foodindustry .ob-bg, .site-main #postbody .foodservice .ob-bg, .site-main #postbody .homeuse .ob-bg, .site-main #postbody .newproducts .ob-bg {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  top: 0;
}
.site-main #postbody .foodindustry .ob-slide p, .site-main #postbody .foodservice .ob-slide p, .site-main #postbody .homeuse .ob-slide p, .site-main #postbody .newproducts .ob-slide p {
  margin-bottom: 0;
}
.site-main #postbody .foodindustry .ob-slide .slick-dots li button:before, .site-main #postbody .foodservice .ob-slide .slick-dots li button:before, .site-main #postbody .homeuse .ob-slide .slick-dots li button:before, .site-main #postbody .newproducts .ob-slide .slick-dots li button:before {
  color: #fff;
}
.site-main #postbody .foodindustry .ob-slide .slick-dots li.slick-active button:before, .site-main #postbody .foodservice .ob-slide .slick-dots li.slick-active button:before, .site-main #postbody .homeuse .ob-slide .slick-dots li.slick-active button:before, .site-main #postbody .newproducts .ob-slide .slick-dots li.slick-active button:before {
  color: #D73C25;
}
.site-main #postbody .foodindustry .ob-slide .slick-dots, .site-main #postbody .foodservice .ob-slide .slick-dots, .site-main #postbody .homeuse .ob-slide .slick-dots, .site-main #postbody .newproducts .ob-slide .slick-dots {
  margin: 10px 0 25px;
  bottom: -60px;
}
.site-main #postbody .foodindustry .ob-slide .slick-prev:before, .site-main #postbody .foodindustry .ob-slide .slick-next:before, .site-main #postbody .foodservice .ob-slide .slick-prev:before, .site-main #postbody .foodservice .ob-slide .slick-next:before, .site-main #postbody .homeuse .ob-slide .slick-prev:before, .site-main #postbody .homeuse .ob-slide .slick-next:before, .site-main #postbody .newproducts .ob-slide .slick-prev:before, .site-main #postbody .newproducts .ob-slide .slick-next:before {
  color: #D73C25;
  background-color: #F7F7EF;
}
.site-main #postbody .foodindustry .ob-slide .slick-prev, .site-main #postbody .foodservice .ob-slide .slick-prev, .site-main #postbody .homeuse .ob-slide .slick-prev, .site-main #postbody .newproducts .ob-slide .slick-prev {
  left: -2%;
}
.site-main #postbody .foodindustry .ob-slide .slick-next, .site-main #postbody .foodservice .ob-slide .slick-next, .site-main #postbody .homeuse .ob-slide .slick-next, .site-main #postbody .newproducts .ob-slide .slick-next {
  right: -2%;
}
.site-main #postbody .foodindustry .subinner img, .site-main #postbody .foodservice .subinner img, .site-main #postbody .homeuse .subinner img {
  width: 100%;
}
.site-main #postbody .foodindustry .fi-bg {
  left: 0;
  background-image: url(../images/ob_fi-bg.jpg);
}
.site-main #postbody .homeuse .ob-bg {
  left: 0;
}
.site-main #postbody .homeuse .hu-bg {
  left: 0;
  background-image: url(../images/ob_hu-bg.jpg);
}
.site-main #postbody .homeuse .overbtn {
  position: relative;
}
.site-main #postbody .homeuse .overbtn .morebtn {
  background-color: #D73C25;
  color: #fff;
  position: absolute;
}
.site-main #postbody .foodservice .ob-bg {
  right: 0;
}
.site-main #postbody .foodservice .fs-bg {
  right: 0;
  background-image: url(../images/ob_fs-bg.jpg);
}
.site-main #postbody .ob-slide {
  margin-left: 0;
}
.site-main #postbody .ob-slide li {
  list-style: none;
  color: #D73C25;
}
.site-main #postbody .ob-slide li img {
  border-radius: 10px;
}
.site-main #postbody .ob-slide li p {
  text-align: center;
  font-weight: 500;
  line-height: 1.5em;
}
.site-main #postbody .np-box {
  border: 1px solid;
  border-color: #D73C25;
}
.site-main #postbody .shokuzailist {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width:768px) {
  #posthead {
    background-image: url(../images/sp_ob-headbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .ob-pageheadmenu {
    width: 95%;
    margin: 0 auto 10%;
    flex-wrap: wrap;
  }
  .site-main #postbody .ob-pageheadmenu li:first-child {
    margin-top: 2.5%;
  }
  .site-main #postbody .ob-pageheadmenu li {
    width: 49%;
  }
  .site-main #postbody .ob-pageheadmenu li a {
    padding: 2.5% 0 10%;
    font-size: var(--12px);
  }
  .site-main #postbody .ob-pageheadmenu li a:after {
    bottom: 2%;
    font-size: var(--10px);
  }
  .site-main #postbody .foodindustry, .site-main #postbody .foodservice, .site-main #postbody .homeuse {
    position: relative;
  }
  .site-main #postbody .foodindustry .inner, .site-main #postbody .foodservice .inner, .site-main #postbody .homeuse .inner {
    width: 90%;
  }
  .site-main #postbody .foodindustry .subinner, .site-main #postbody .foodservice .subinner, .site-main #postbody .homeuse .subinner {
    width: 83%;
  }
  .site-main #postbody .foodindustry .ob-bg, .site-main #postbody .foodservice .ob-bg, .site-main #postbody .homeuse .ob-bg {
    width: 15%;
  }
  .site-main #postbody .foodindustry .scrollbox, .site-main #postbody .foodservice .scrollbox, .site-main #postbody .homeuse .scrollbox {
    padding: 0;
    margin: 0;
  }
  .site-main #postbody .foodindustry .scrollbox p, .site-main #postbody .foodservice .scrollbox p, .site-main #postbody .homeuse .scrollbox p {
    width: 600px;
  }
  .site-main #postbody .foodindustry .subinner {
    margin-left: auto;
  }
  .site-main #postbody .homeuse .ob-bg {
    left: 0;
  }
  .site-main #postbody .homeuse .subinner {
    margin-left: auto;
  }
  .site-main #postbody .homeuse .overbtn .morebtn {
    font-size: 10px;
    width: 27%;
    min-width: auto;
    letter-spacing: 1px;
    text-indent: 1px;
    padding: 0 16px;
    line-height: 3em;
    right: 10.5%;
    top: 57%;
  }
  .site-main #postbody .homeuse .overbtn .morebtn:hover {
    opacity: 0.6;
  }
  .site-main #postbody .foodservice .ob-bg {
    right: 0;
  }
  .site-main #postbody .foodservice .subinner {
    margin-right: auto;
  }
  .site-main #postbody .ob-slide li {
    margin: 0 5px;
  }
  .site-main #postbody .ob-slide li p {
    margin-top: 2.5%;
  }
  .site-main #postbody .np-box {
    padding: 5% 5% 10%;
  }
  .site-main #postbody .np-box .col2 {
    align-items: center;
  }
  .site-main #postbody .np-box .col2 .imgbox {
    width: 100%;
  }
  .site-main #postbody .np-box .col2 .txtbox {
    width: 100%;
  }
  .site-main #postbody .np-box p, .site-main #postbody .np-box ul {
    font-size: var(--15px);
  }
  .site-main #postbody .shokuzailist li {
    width: 49%;
  }
}
@media only screen and (min-width:769px) {
  #posthead {
    background-image: url(../images/pc_ob-headbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .ob-pageheadmenu {
    width: 1100px;
    margin: 0 auto 50px;
  }
  .site-main #postbody .ob-pageheadmenu li {
    width: 24%;
    margin-top: 0;
  }
  .site-main #postbody .ob-pageheadmenu li a {
    padding: 10px 0 25px;
  }
  .site-main #postbody .ob-pageheadmenu li a:after {
    bottom: 2px;
    font-size: var(--12px);
  }
  .site-main #postbody .foodindustry, .site-main #postbody .foodservice, .site-main #postbody .homeuse {
    position: relative;
  }
  .site-main #postbody .foodindustry .inner, .site-main #postbody .foodservice .inner, .site-main #postbody .homeuse .inner {
    width: 75%;
  }
  .site-main #postbody .foodindustry .subinner, .site-main #postbody .foodservice .subinner, .site-main #postbody .homeuse .subinner {
    width: 80%;
  }
  .site-main #postbody .foodindustry .ob-bg, .site-main #postbody .foodservice .ob-bg, .site-main #postbody .homeuse .ob-bg {
    width: 22%;
  }
  .site-main #postbody .foodindustry .scrollbox, .site-main #postbody .foodservice .scrollbox, .site-main #postbody .homeuse .scrollbox {
    padding: 0;
  }
  .site-main #postbody .foodindustry .subinner {
    margin-left: auto;
  }
  .site-main #postbody .homeuse .ob-bg {
    left: 0;
  }
  .site-main #postbody .homeuse .subinner {
    margin-left: auto;
  }
  .site-main #postbody .homeuse .overbtn .morebtn {
    font-size: clamp(11px, 0.8vw, 16px);
    width: 23%;
    min-width: auto;
    letter-spacing: 1px;
    text-indent: 1px;
    padding: 0 25px;
    line-height: 3em;
    right: 12.7%;
    top: 57%;
  }
  .site-main #postbody .homeuse .overbtn .morebtn:hover {
    opacity: 0.6;
  }
  .site-main #postbody .foodservice .ob-bg {
    right: 0;
  }
  .site-main #postbody .foodservice .subinner {
    margin-right: auto;
  }
  .site-main #postbody .ob-slide li {
    margin: 0 5px;
  }
  .site-main #postbody .ob-slide li p {
    margin-top: 15px;
  }
  .site-main #postbody .np-box {
    padding: 40px 40px 70px;
  }
  .site-main #postbody .np-box .col2 {
    align-items: center;
  }
  .site-main #postbody .np-box .col2 .imgbox {
    width: 35%;
  }
  .site-main #postbody .np-box .col2 .txtbox {
    width: 60%;
  }
  .site-main #postbody .np-box p, .site-main #postbody .np-box ul {
    font-size: var(--22px);
  }
  .site-main #postbody .beigebox.sizeup {
    font-size: var(--24px);
  }
  .site-main #postbody .shokuzailist li {
    width: 32%;
  }
  .site-main #postbody .heightup {
    height: 710px !important;
  }
}
/*
 * 当社の強み
 */
.site-main #postbody .heatbox {
  margin: 0;
  padding: 0;
}
.site-main #postbody .heatbox li {
  list-style: none;
}
.site-main #postbody .heatbox li h2 {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
.site-main #postbody .randd-col2 .colin ul {
  color: #D73C25;
}
.site-main #postbody .randd-col2 .colin ul li {
  font-weight: 700;
}
.site-main #postbody .seibunbunseki-dl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.site-main #postbody .seibunbunseki-dl dt {
  color: #D73C25;
  border-right: 1px solid;
  border-color: #D73C25;
  font-weight: 700;
}
.site-main #postbody #roasting .heatbox li {
  padding: 15px 15px 0;
  background-color: #fff;
}
.site-main #postbody .attemptwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.site-main #postbody .attemptwrap li {
  list-style: none;
  line-height: 0;
  width: 49%;
  margin-top: 0;
}
.site-main #postbody .attemptwrap li img {
  width: 100%;
}
.site-main #postbody .attemptliwrap {
  color: #D73C25;
}
.site-main #postbody h2 small {
  font-size: 80%;
}

@media only screen and (max-width:768px) {
  .site-main #postbody .heatbox {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
  .site-main #postbody .heatbox li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .heatbox li {
    list-style: none;
    margin-top: 0;
    width: 49%;
    margin-left: 2%;
  }
  .site-main #postbody .heatbox li h2 {
    font-size: var(--14px);
    padding: 2px;
  }
  .site-main #postbody .randd-col2 .colin h2 {
    padding: 5px 15px;
  }
  .site-main #postbody .randd-col2 .colin ul li {
    font-size: var(--16px);
  }
  .site-main #postbody .seibunbunseki-dl dt {
    font-size: var(--16px);
    width: 24%;
  }
  .site-main #postbody .seibunbunseki-dl dd {
    font-size: var(--14px);
    width: 50%;
    margin-left: 5%;
  }
  .site-main #postbody #roasting .heatbox li {
    padding: 1.5% 1.5% 0;
    background-color: #fff;
  }
  .site-main #postbody #roasting .heatbox li:last-child {
    margin-top: 2.5%;
  }
  .site-main #postbody .attemptwrap {
    margin: 0 0 5%;
  }
}
@media only screen and (min-width:769px) {
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .randd-col2 .colin ul {
    margin-bottom: 0;
  }
  .site-main #postbody .randd-col2 .colin ul li {
    font-size: var(--22px);
  }
  .site-main #postbody .seibunbunseki-dl dt {
    font-size: var(--22px);
    width: 100px;
  }
  .site-main #postbody .seibunbunseki-dl dd {
    font-size: var(--20px);
    width: 200px;
    margin-left: 22px;
  }
  .site-main #postbody #roasting .heatbox li {
    margin-top: 0;
  }
  .site-main #postbody .attemptwrap {
    margin: 0 0 20px;
  }
  .site-main #postbody .attemptliwrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
  .site-main #postbody .attemptliwrap li:nth-child(-n+2) {
    margin-top: 0;
  }
  .site-main #postbody .attemptliwrap li {
    width: 49%;
  }
}
/*
* 製品紹介
*/
.site-main #postbody .beigebg .basettl {
  background-color: #F7F7EF;
  color: #D73C25;
}
.site-main #postbody .prd-pageheadmenu li a {
  position: relative;
}
.site-main #postbody .prd-pageheadmenu li a:after {
  position: absolute;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-weight: bold;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}
.site-main #postbody .prdli {
  margin: 0;
}
.site-main #postbody .prdli li {
  list-style: none;
  border: 1px solid;
  border-color: #D73C25;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  color: #D73C25;
  background-color: #F7F7EF;
  line-height: 1.8em;
}
.site-main #postbody .kabutowrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.site-main #postbody .kabutowrap li {
  list-style: none;
  line-height: 0;
}
.site-main #postbody .scrollbox table th {
  background-color: #eb9d92;
}

@media only screen and (max-width:768px) {
  .site-main #postbody .beigebg .scrollbox table {
    max-width: 500px;
    width: 500px;
  }
  .site-main #postbody .bigttl {
    margin-bottom: 10%;
  }
  .site-main #postbody .prd-pageheadmenu {
    width: 95%;
    margin: 0 auto 10%;
    flex-wrap: wrap;
  }
  .site-main #postbody .prd-pageheadmenu li:first-child {
    margin-top: 2.5%;
  }
  .site-main #postbody .prd-pageheadmenu li {
    width: 49%;
  }
  .site-main #postbody .prd-pageheadmenu li a {
    padding: 2.5% 0 10%;
    font-size: var(--12px);
  }
  .site-main #postbody .prd-pageheadmenu li a:after {
    bottom: 2%;
    font-size: var(--10px);
  }
  .site-main #postbody .prdli {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 5%;
  }
  .site-main #postbody .prdli li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .prdli li:nth-child(2) {
    margin-top: 0;
  }
  .site-main #postbody .prdli li {
    margin-left: 2%;
    padding: 2%;
    width: 49%;
    font-size: var(--12px);
    line-height: 1.8em;
  }
  .site-main #postbody .scrollbox {
    padding-top: 25px;
  }
  .site-main #postbody .kabutowrap {
    width: 100%;
  }
  .site-main #postbody .kabutowrap li:nth-child(-n+2) {
    margin-left: 0;
  }
  .site-main #postbody .kabutowrap li {
    width: 49%;
    margin-top: 2%;
  }
}
@media only screen and (min-width:769px) {
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .bigttl {
    margin-bottom: 50px;
  }
  .site-main #postbody .prd-pageheadmenu {
    width: 1100px;
    margin: 0 auto 100px;
    flex-wrap: wrap;
  }
  .site-main #postbody .prd-pageheadmenu li:nth-child(-n+2) {
    margin: 0;
  }
  .site-main #postbody .prd-pageheadmenu li {
    width: 49%;
    margin-top: 15px;
  }
  .site-main #postbody .prd-pageheadmenu li a {
    padding: 20px 0 30px;
    font-size: var(--24px);
  }
  .site-main #postbody .prd-pageheadmenu li a:after {
    bottom: 2px;
    font-size: var(--12px);
  }
  .site-main #postbody .prdli {
    margin: 0 0 0;
    justify-content: flex-start;
  }
  .site-main #postbody .prdli li:nth-child(3n+1) {
    margin-left: 0;
  }
  .site-main #postbody .prdli li {
    margin-left: 1.33%;
    padding: 5px 5px 10px 5px;
  }
  .site-main #postbody .scrollbox {
    padding-top: 25px;
  }
  .site-main #postbody .kabutowrap {
    width: 100%;
  }
  .site-main #postbody .kabutowrap li {
    width: 23.5%;
  }
}
/*
* 企業情報
*/
.site-main #postbody .dltb.rinemdltb dd {
  font-weight: 500;
}
.site-main #postbody .dltb.rinemdltb dd span {
  color: #D73C25;
  display: block;
}
.site-main #postbody .dltb.rinemdltb dd ul {
  margin: 0;
}
.site-main #postbody .dltb.rinemdltb dd ul li {
  position: relative;
  list-style: none;
  font-weight: 700;
}
.site-main #postbody .dltb.rinemdltb dd ul li:before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.site-main #postbody .dltb.rinemdltb dd ul li.num1:before {
  content: "";
  background-image: url(../images/rednum01.png);
  background-size: contain;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.site-main #postbody .dltb.rinemdltb dd ul li.num2:before {
  content: "";
  background-image: url(../images/rednum02.png);
  background-size: contain;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.site-main #postbody .dltb.rinemdltb dd ul li.num3:before {
  content: "";
  background-image: url(../images/rednum03.png);
  background-size: contain;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.site-main #postbody .commessage .floatbox img {
  width: 100%;
}
.site-main #postbody .commessage .floatbox .ceoname {
  text-align: right;
}
.site-main #postbody .comaddress {
  display: block;
}
.site-main #postbody .comaddress dt {
  background: none;
  text-align: left;
  width: 100%;
  align-items: flex-start;
  justify-content: start;
}
.site-main #postbody .comaddress dd {
  margin-top: 0;
  width: 100%;
}
.site-main #postbody .history {
  flex-wrap: wrap;
}
.site-main #postbody .history .acrcolin {
  width: 100%;
}
.site-main #postbody .col2.basebox {
  background-color: #e7e7de;
  border-radius: 4px;
}
.site-main #postbody .col2.basebox .leftbox {
  line-height: 0;
}
.site-main #postbody .col2.basebox .leftbox h4 {
  line-height: 1.8em;
}
.site-main #postbody .col2.basebox .leftbox p {
  line-height: 1.8em;
}
.site-main #postbody .col2.basebox .mapwrap {
  overflow: hidden;
}
.site-main #postbody .col2.basebox iframe {
  width: 100%;
  margin-top: -170px;
}
.site-main #postbody .noimg.mapwrap {
  height: 350px;
}
.site-main #postbody .groupe {
  justify-content: center;
}
.site-main #postbody .groupe .colin {
  background-color: #e7e7de;
  border-radius: 4px;
  position: relative;
}
.site-main #postbody .groupe .colin p {
  color: #D73C25;
  font-weight: 700;
  text-align: center;
  line-height: 1.7em;
}
.site-main #postbody .groupe .colin .morebtn {
  position: absolute;
}

@media only screen and (max-width:768px) {
  .site-main #postbody .dltb.rinemdltb dd {
    font-size: var(--16px);
  }
  .site-main #postbody .dltb.rinemdltb dd span {
    margin-top: 5%;
  }
  .site-main #postbody .dltb.rinemdltb dd ul {
    margin-top: 5%;
  }
  .site-main #postbody .dltb.rinemdltb dd ul li {
    margin-top: 10%;
    letter-spacing: 1px;
    line-height: 1.5em;
    padding-left: 55px;
    font-size: var(--14px);
  }
  .site-main #postbody .dltb.rinemdltb dd ul li:before {
    width: 45px;
    height: 45px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .site-main #postbody .commessage .floatbox {
    margin-bottom: 5%;
  }
  .site-main #postbody .commessage .floatbox img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
  .site-main #postbody .commessage .floatbox .ceoname {
    font-size: var(--24px);
    line-height: 1.2em;
    margin-bottom: 0;
    text-align: center;
  }
  .site-main #postbody .commessage .floatbox .ceoname small {
    font-size: var(--12px);
  }
  .site-main #postbody .commessage .floattxt {
    line-height: 2.2em;
  }
  .site-main #postbody .history {
    margin-top: 8%;
  }
  .site-main #postbody .history .colin {
    margin-top: 0;
    line-height: 0;
  }
  .site-main #postbody .history .colin:nth-child(2) {
    margin-top: 5%;
  }
  .site-main #postbody .history .colin.acrcolin {
    width: 100%;
    margin-top: 5%;
  }
  .site-main #postbody .col2.basebox {
    padding: 6%;
  }
  .site-main #postbody .col2.basebox .leftbox {
    width: 100%;
  }
  .site-main #postbody .col2.basebox .rightbox {
    width: 100%;
    margin-top: 5%;
  }
  .site-main #postbody .col2.basebox .mapwrap {
    height: 400px;
  }
  .site-main #postbody .col2.basebox iframe {
    width: 100%;
    height: 740px;
  }
  .site-main #postbody .groupe {
    width: 80%;
    margin: 0 auto;
  }
  .site-main #postbody .groupe .colin {
    padding: 5% 5% 30%;
  }
  .site-main #postbody .groupe .colin p {
    font-size: var(--18px);
    margin-top: 5%;
    margin-bottom: 0;
  }
  .site-main #postbody .groupe .colin .morebtn {
    width: 90%;
    min-width: 150px;
    margin: 0 auto;
    font-size: var(--14px);
    padding: 2.5% 0;
    bottom: 6%;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width:769px) {
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .dltb.rinemdltb dt {
    font-size: var(--24px);
    width: 27%;
    padding: 30px 0;
  }
  .site-main #postbody .dltb.rinemdltb dd {
    letter-spacing: 4px;
    font-size: var(--24px);
    width: 70%;
    padding: 30px 0;
    line-height: 2em;
  }
  .site-main #postbody .dltb.rinemdltb dd span {
    margin-top: 20px;
  }
  .site-main #postbody .dltb.rinemdltb dd ul {
    margin-top: 20px;
  }
  .site-main #postbody .dltb.rinemdltb dd ul li {
    padding-left: 75px;
    margin-top: 55px;
    letter-spacing: 1px;
    line-height: 1.5em;
  }
  .site-main #postbody .dltb.rinemdltb dd ul li:before {
    width: 60px;
    height: 60px;
  }
  .site-main #postbody .commessage .floatbox {
    width: 37%;
    float: left;
    margin-right: 50px;
  }
  .site-main #postbody .commessage .floatbox .ceoname {
    font-size: var(--28px);
    line-height: 1.2em;
    margin-bottom: 0;
  }
  .site-main #postbody .commessage .floatbox .ceoname small {
    font-size: var(--14px);
  }
  .site-main #postbody .commessage .floattxt {
    line-height: 2.2em;
  }
  .site-main #postbody .comaddress dt {
    padding: 0;
  }
  .site-main #postbody .comaddress dd {
    padding: 0;
  }
  .site-main #postbody .history {
    margin-top: 50px;
  }
  .site-main #postbody .history .colin {
    width: 48%;
  }
  .site-main #postbody .history .colin.acrcolin {
    width: 100%;
    margin-top: 30px;
  }
  .site-main #postbody .history .colin.acrcolin img {
    width: 48%;
  }
  .site-main #postbody .col2.basebox {
    margin-top: 40px;
    padding: 30px;
  }
  .site-main #postbody .col2.basebox .leftbox {
    width: 48%;
  }
  .site-main #postbody .col2.basebox .rightbox {
    width: 50%;
  }
  .site-main #postbody .col2.basebox iframe {
    width: 100%;
    height: 170%;
  }
  .site-main #postbody .noimg.mapwrap iframe {
    height: 200%;
  }
  .site-main #postbody .groupe .colin:first-child {
    margin-left: 0;
  }
  .site-main #postbody .groupe .colin {
    padding: 20px 20px 100px;
    margin-left: 2%;
  }
  .site-main #postbody .groupe .colin p {
    font-size: var(--22px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .site-main #postbody .groupe .colin .morebtn {
    width: 90%;
    min-width: 150px;
    margin: 0 auto;
    font-size: var(--16px);
    padding: 10px 0;
    bottom: 30px;
    left: 0;
    right: 0;
  }
}
/*
 * コンテスト
 */
.site-main #postbody .awrdbox .rightbox h4 {
  border-bottom: none;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  padding: 0;
}
.site-main #postbody .awrdbox .rightbox h4:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}
.site-main #postbody .awrdbox .rightbox h4:after {
  margin-left: 0.5em;
}
.site-main #postbody .awardtb td {
  text-align: left;
}
.site-main #postbody .awardtb td sup, .site-main #postbody .awardtb td span {
  color: #D73C25;
}
.site-main #postbody .awardtb td img {
  width: 60%;
}

@media only screen and (max-width:768px) {
  .site-main #postbody .awrd h2 small, .site-main #postbody .awrd h3 small {
    font-size: var(--14px);
  }
  .site-main #postbody .awrdbox .leftbox {
    width: 40%;
    margin: 0 auto;
    line-height: 0;
  }
  .site-main #postbody .awrdbox .rightbox {
    width: 100%;
  }
  .site-main #postbody .scrollbox .awardtb {
    width: 900px;
    max-width: 900px;
  }
  .site-main #postbody .scrollbox .awardtb td {
    font-size: var(--12px);
    padding: 5px;
    letter-spacing: 1px;
  }
}
@media only screen and (min-width:769px) {
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .awrd h2 small, .site-main #postbody .awrd h3 small {
    font-size: var(--16px);
  }
  .site-main #postbody .awrdbox {
    align-items: center;
  }
  .site-main #postbody .awrdbox .leftbox {
    width: 20%;
  }
  .site-main #postbody .awrdbox .rightbox {
    width: 77%;
  }
  .site-main #postbody .awrdbox .rightbox .morebtn {
    margin: 0;
    font-size: var(--18px);
    min-width: 270px;
    padding: 7px;
  }
  .site-main #postbody .scrollbox .awardtb {
    font-size: var(--18px);
  }
  .site-main #postbody .scrollbox .awardtb th {
    font-size: var(--14px);
  }
  .site-main #postbody .scrollbox .awardtb td {
    font-size: var(--14px);
    padding: 10px 5px;
    letter-spacing: 1px;
  }
}
/*
 * 採用情報
 */
.site-main #postbody .recruitdltb dt {
  background: none;
  justify-content: flex-start;
}
.site-main #postbody .btnbox {
  background-color: #e7e7de;
  border-radius: 6px;
}
.site-main #postbody .btnbox p {
  font-weight: 700;
  text-align: center;
  border-bottom: 2px solid;
  border-color: #D73C25;
  color: #D73C25;
}
.site-main #postbody .btnbox a {
  display: block;
  line-height: 0;
}
.site-main #postbody .btnbox a img {
  width: 100%;
  border-radius: 6px;
}

@media only screen and (max-width:768px) {
  .site-main #postbody .recruitdltb dt {
    padding: 0;
    text-align: left;
    font-size: var(--16px);
  }
  .site-main #postbody .recruitdltb dd {
    padding: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width:769px) {
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .recruitdltb dt {
    padding: 10px 0;
    width: 30%;
  }
  .site-main #postbody .recruitdltb dd {
    padding: 10px 0;
    width: 68%;
  }
  .site-main #postbody .btnbox {
    padding: 40px;
    margin-top: 50px;
  }
  .site-main #postbody .btnbox p {
    font-size: var(--24px);
    margin-bottom: 30px;
    padding-bottom: 30px;
    line-height: 1.8em;
  }
  .site-main #postbody .btnbox a {
    width: 385px;
    margin: 0 auto;
  }
}
/*
* お問い合わせ
*/
.site-main #postbody .wpcf7-form #cntform dt {
  color: #D73C25;
  font-weight: 700;
}
.site-main #postbody .wpcf7-form #cntform dd {
  line-height: 0;
}
.site-main #postbody .wpcf7-form #cntform dd input[type=text], .site-main #postbody .wpcf7-form #cntform dd input[type=tel], .site-main #postbody .wpcf7-form #cntform dd input[type=email], .site-main #postbody .wpcf7-form #cntform dd textarea {
  background: none;
  border: none;
  box-shadow: 0 0 5px #ccc inset;
  width: 100%;
  background-color: #F7F7EF;
  border: 1px solid #ddd;
}
.site-main #postbody .wpcf7-form #cntform dd .wpcf7-list-item label {
  display: inline-block;
}
.site-main #postbody .wpcf7-form .s-red {
  background-color: #c0a66a;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  font-weight: 500;
  vertical-align: middle;
}
.site-main #postbody .wpcf7-form .subbtn {
  position: relative;
}
.site-main #postbody .wpcf7-form .subbtn input[type=submit] {
  display: block;
  background-color: #D73C25;
  color: #fff;
  line-height: 2em;
  text-align: center;
  position: relative;
  cursor: pointer;
  border-radius: 100px;
}
.site-main #postbody .wpcf7-form .subbtn input[type=submit]:hover {
  background-color: #741F1D;
  color: #fff;
}
.site-main #postbody .wpcf7-form .subbtn input[type=submit]:disabled {
  background-color: #aaa;
  color: #fff;
}
.site-main #postbody .wpcf7-form .subbtn .ajax-loader {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.site-main #postbody .wpcf7-form .wpcf7-not-valid-tip {
  color: #fff;
  background-color: #D73C25;
  font-weight: normal;
  position: absolute;
  z-index: 1;
  display: block;
}
.site-main #postbody .wpcf7-form .acceptance {
  text-align: center;
  font-weight: bold;
  color: #D73C25;
}

@media only screen and (max-width:768px) {
  .site-main #postbody .wpcf7-form #cntform {
    margin-top: 5%;
  }
  .site-main #postbody .wpcf7-form #cntform dt {
    width: 100%;
    margin-bottom: 2.5%;
    font-size: var(--16px);
  }
  .site-main #postbody .wpcf7-form #cntform dd {
    width: 100%;
    margin-bottom: 8%;
    font-size: var(--14px);
  }
  .site-main #postbody .wpcf7-form #cntform dd .wpcf7-form-control-wrap {
    line-height: 2em;
  }
  .site-main #postbody .wpcf7-form #cntform dd input[type=text], .site-main #postbody .wpcf7-form #cntform dd input[type=tel], .site-main #postbody .wpcf7-form #cntform dd input[type=email], .site-main #postbody .wpcf7-form #cntform dd textarea {
    padding: 2.5% 5%;
  }
  .site-main #postbody .wpcf7-form #cntform dd .wpcf7-list-item {
    display: block;
    margin-left: 3%;
  }
  .site-main #postbody .wpcf7-form #cntform dd .wpcf7-list-item label {
    line-height: 2em;
    margin-top: 2.5%;
    width: 100%;
    font-size: var(--16px);
  }
  .site-main #postbody .wpcf7-form input[type=checkbox] {
    transform: scale(2);
    margin: 0 2.5% 0 0;
  }
  .site-main #postbody .wpcf7-form .s-red {
    font-size: var(--10px);
    padding: 2px 10px;
    line-height: 1em;
    margin-left: 10px;
  }
  .site-main #postbody .wpcf7-form .subbtn {
    margin-bottom: 0;
  }
  .site-main #postbody .wpcf7-form .subbtn input[type=submit] {
    width: 80%;
    margin: 10% auto 0;
    padding: 2% 0;
    font-size: var(--20px);
    letter-spacing: 25px;
    text-indent: 25px;
  }
  .site-main #postbody .wpcf7-form .wpcf7-not-valid-tip {
    z-index: 1;
    display: block;
    font-size: var(--12px);
    line-height: 1.5em;
    padding: 5px 16px;
    border-radius: 50px;
    top: -10px;
    right: -15px;
  }
  .site-main #postbody .wpcf7-form .acceptance {
    font-size: var(--16px);
    line-height: 2em;
    margin: 5% 0 5%;
  }
  .site-main #postbody .wpcf7-form .acceptance input[type=checkbox] {
    transform: scale(2.5);
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width:769px) {
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .wpcf7-form #cntform {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .site-main #postbody .wpcf7-form #cntform dt {
    width: 25%;
    margin-bottom: 30px;
  }
  .site-main #postbody .wpcf7-form #cntform dd {
    width: 73%;
    margin-bottom: 30px;
  }
  .site-main #postbody .wpcf7-form #cntform dd .wpcf7-form-control-wrap {
    line-height: 2em;
  }
  .site-main #postbody .wpcf7-form #cntform dd input[type=text], .site-main #postbody .wpcf7-form #cntform dd input[type=tel], .site-main #postbody .wpcf7-form #cntform dd input[type=email], .site-main #postbody .wpcf7-form #cntform dd textarea {
    padding: 10px 20px;
  }
  .site-main #postbody .wpcf7-form #cntform dd .wpcf7-list-item label {
    line-height: 3em;
    margin-right: 15px;
  }
  .site-main #postbody .wpcf7-form input[type=checkbox] {
    transform: scale(2);
    margin: 0 6px 0 0;
  }
  .site-main #postbody .wpcf7-form .s-red {
    font-size: var(--12px);
    padding: 5px 10px;
    line-height: 1em;
    margin-left: 10px;
  }
  .site-main #postbody .wpcf7-form .subbtn {
    margin-bottom: 0;
  }
  .site-main #postbody .wpcf7-form .subbtn input[type=submit] {
    width: 50%;
    margin: 40px auto 0;
    padding: 15px 0;
    font-size: 20px;
    font-size: 26px;
    letter-spacing: 25px;
    text-indent: 25px;
  }
  .site-main #postbody .wpcf7-form .wpcf7-not-valid-tip {
    z-index: 1;
    display: block;
    font-size: var(--12px);
    line-height: 1.5em;
    padding: 5px 16px;
    border-radius: 50px;
    top: -10px;
    right: -15px;
  }
  .site-main #postbody .wpcf7-form .acceptance {
    font-size: var(--26px);
    line-height: 2em;
    margin: 0 0 55px;
  }
  .site-main #postbody .wpcf7-form .acceptance input[type=checkbox] {
    transform: scale(2.5);
    margin: 0 0 0 0;
  }
}
/*
* コーヒーが飲めるようになるまで
*/
.site-main #postbody .madeflowbox {
  margin: 0;
  padding: 0;
}
.site-main #postbody .madeflowbox li {
  background-color: #e7e7de;
  list-style: none;
  border-radius: 6px;
}
.site-main #postbody .madeflowbox li h3 {
  background-color: #D73C25;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 10px;
  text-indent: -10px;
  margin-bottom: 0;
}
.site-main #postbody .madeflowbox li img {
  width: 100%;
}
.site-main #postbody .madeflowbox li .madeflowli li:first-child {
  margin-top: 0;
}
.site-main #postbody .madeflowbox li .madeflowli li {
  list-style: disc;
  font-weight: 700;
}
.site-main #postbody .madeflowbox li .madeflowli li small {
  font-weight: 500;
}
.site-main #postbody .sanchibox {
  background-image: url(../images/hcm_sanchi.jpg);
  background-color: #e7e7de;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.site-main #postbody .sanchibox li.colin {
  list-style: none;
  font-weight: 500;
}
.site-main #postbody .sanchibox li.colin h3 {
  background-color: #D73C25;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  letter-spacing: 5px;
  text-indent: 5px;
  margin-bottom: 0;
}
.site-main #postbody #naeslide, .site-main #postbody #naturalslide, .site-main #postbody #washedslide, .site-main #postbody #dakkokuislide, .site-main #postbody #jutenslide, .site-main #postbody #brazilslide, .site-main #postbody #guatemalaslide, .site-main #postbody #indonesiaslide {
  margin: 0;
  padding: 0;
}
.site-main #postbody #naeslide .slick-track, .site-main #postbody #naturalslide .slick-track, .site-main #postbody #washedslide .slick-track, .site-main #postbody #dakkokuislide .slick-track, .site-main #postbody #jutenslide .slick-track, .site-main #postbody #brazilslide .slick-track, .site-main #postbody #guatemalaslide .slick-track, .site-main #postbody #indonesiaslide .slick-track {
  display: flex;
}
.site-main #postbody #naeslide .slick-slide, .site-main #postbody #naturalslide .slick-slide, .site-main #postbody #washedslide .slick-slide, .site-main #postbody #dakkokuislide .slick-slide, .site-main #postbody #jutenslide .slick-slide, .site-main #postbody #brazilslide .slick-slide, .site-main #postbody #guatemalaslide .slick-slide, .site-main #postbody #indonesiaslide .slick-slide {
  height: auto !important;
}
.site-main #postbody #naeslide li, .site-main #postbody #naturalslide li, .site-main #postbody #washedslide li, .site-main #postbody #dakkokuislide li, .site-main #postbody #jutenslide li, .site-main #postbody #brazilslide li, .site-main #postbody #guatemalaslide li, .site-main #postbody #indonesiaslide li {
  margin: 0;
}
.site-main #postbody #naeslide li .slideinner, .site-main #postbody #naturalslide li .slideinner, .site-main #postbody #washedslide li .slideinner, .site-main #postbody #dakkokuislide li .slideinner, .site-main #postbody #jutenslide li .slideinner, .site-main #postbody #brazilslide li .slideinner, .site-main #postbody #guatemalaslide li .slideinner, .site-main #postbody #indonesiaslide li .slideinner {
  background-color: #e7e7de;
  border-radius: 4px;
  position: relative;
  height: 100%;
}
.site-main #postbody #naeslide li .slideinner:before, .site-main #postbody #naturalslide li .slideinner:before, .site-main #postbody #washedslide li .slideinner:before, .site-main #postbody #dakkokuislide li .slideinner:before, .site-main #postbody #jutenslide li .slideinner:before, .site-main #postbody #brazilslide li .slideinner:before, .site-main #postbody #guatemalaslide li .slideinner:before, .site-main #postbody #indonesiaslide li .slideinner:before {
  display: none;
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  color: #D73C25;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0;
}
.site-main #postbody #naeslide li h4, .site-main #postbody #naturalslide li h4, .site-main #postbody #washedslide li h4, .site-main #postbody #dakkokuislide li h4, .site-main #postbody #jutenslide li h4, .site-main #postbody #brazilslide li h4, .site-main #postbody #guatemalaslide li h4, .site-main #postbody #indonesiaslide li h4 {
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  border-bottom: 0;
}
.site-main #postbody #naeslide li h4:after, .site-main #postbody #naturalslide li h4:after, .site-main #postbody #washedslide li h4:after, .site-main #postbody #dakkokuislide li h4:after, .site-main #postbody #jutenslide li h4:after, .site-main #postbody #brazilslide li h4:after, .site-main #postbody #guatemalaslide li h4:after, .site-main #postbody #indonesiaslide li h4:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-right: 0.5em;
}
.site-main #postbody #naeslide li:first-child .slideinner:before, .site-main #postbody #naturalslide li:first-child .slideinner:before, .site-main #postbody #washedslide li:first-child .slideinner:before, .site-main #postbody #dakkokuislide li:first-child .slideinner:before, .site-main #postbody #jutenslide li:first-child .slideinner:before, .site-main #postbody #brazilslide li:first-child .slideinner:before, .site-main #postbody #guatemalaslide li:first-child .slideinner:before, .site-main #postbody #indonesiaslide li:first-child .slideinner:before {
  display: none;
}
.site-main #postbody #naeslide .slick-dots, .site-main #postbody #naturalslide .slick-dots, .site-main #postbody #washedslide .slick-dots, .site-main #postbody #dakkokuislide .slick-dots, .site-main #postbody #jutenslide .slick-dots, .site-main #postbody #brazilslide .slick-dots, .site-main #postbody #guatemalaslide .slick-dots, .site-main #postbody #indonesiaslide .slick-dots {
  margin: 0;
}
.site-main #postbody #naeslide .slick-dots li, .site-main #postbody #naturalslide .slick-dots li, .site-main #postbody #washedslide .slick-dots li, .site-main #postbody #dakkokuislide .slick-dots li, .site-main #postbody #jutenslide .slick-dots li, .site-main #postbody #brazilslide .slick-dots li, .site-main #postbody #guatemalaslide .slick-dots li, .site-main #postbody #indonesiaslide .slick-dots li {
  margin: 0 5px;
}
.site-main #postbody .shukakulibox {
  margin: 0;
}
.site-main #postbody .shukakulibox li {
  list-style: none;
  background-color: #e7e7de;
  border-radius: 6px;
  line-height: 1.5em;
}
.site-main #postbody .shukakulibox li h4 {
  border-bottom: 0;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
}
.site-main #postbody .shukakulibox li h4:before, .site-main #postbody .shukakulibox li h4:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}
.site-main #postbody .shukakulibox li h4:before {
  margin-right: 0.5em;
}
.site-main #postbody .shukakulibox li h4:after {
  margin-left: 0.5em;
}

@media only screen and (max-width:768px) {
  #post-29 #posthead h1 {
    width: 90%;
  }
  .site-main #postbody .madeflowbox li {
    padding: 5%;
    font-size: var(--18px);
  }
  .site-main #postbody .madeflowbox li h3 {
    padding: 2% 0;
  }
  .site-main #postbody .madeflowbox li img {
    width: 90%;
    margin: 3% auto;
    display: block;
  }
  .site-main #postbody .madeflowbox li .madeflowli {
    margin-left: 8%;
    margin-bottom: 0;
  }
  .site-main #postbody .madeflowbox li .madeflowli li {
    padding: 0;
    margin-top: 1%;
  }
  .site-main #postbody .madeflowbox li .madeflowli li img {
    width: 70%;
  }
  .site-main #postbody .madeflowbox li .madeflowli li small {
    font-size: var(--16px);
  }
  .site-main #postbody .sanchibox {
    padding: 5%;
    background-size: 300%;
  }
  .site-main #postbody .sanchibox li.colin h3 {
    padding: 1% 0;
    font-size: var(--14px);
  }
  .site-main #postbody .sanchibox li.colin .madeflowli {
    margin-top: 2%;
    margin-bottom: 2%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .site-main #postbody .sanchibox li.colin .madeflowli li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .sanchibox li.colin .madeflowli li {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    font-size: var(--12px);
    line-height: 1.8em;
  }
  .site-main #postbody #naeslide, .site-main #postbody #naturalslide, .site-main #postbody #washedslide, .site-main #postbody #dakkokuislide, .site-main #postbody #jutenslide, .site-main #postbody #brazilslide, .site-main #postbody #guatemalaslide, .site-main #postbody #indonesiaslide {
    margin: 0 0 5%;
    /*li:last-child {
    	.slideinner {margin: 0;}
    }*/
  }
  .site-main #postbody #naeslide li:first-child, .site-main #postbody #naturalslide li:first-child, .site-main #postbody #washedslide li:first-child, .site-main #postbody #dakkokuislide li:first-child, .site-main #postbody #jutenslide li:first-child, .site-main #postbody #brazilslide li:first-child, .site-main #postbody #guatemalaslide li:first-child, .site-main #postbody #indonesiaslide li:first-child {
    margin-left: 0;
  }
  .site-main #postbody #naeslide li, .site-main #postbody #naturalslide li, .site-main #postbody #washedslide li, .site-main #postbody #dakkokuislide li, .site-main #postbody #jutenslide li, .site-main #postbody #brazilslide li, .site-main #postbody #guatemalaslide li, .site-main #postbody #indonesiaslide li {
    margin: 0 0;
    font-size: var(--14x);
    line-height: 1.5em;
    text-align: justify;
  }
  .site-main #postbody #naeslide li .slideinner, .site-main #postbody #naturalslide li .slideinner, .site-main #postbody #washedslide li .slideinner, .site-main #postbody #dakkokuislide li .slideinner, .site-main #postbody #jutenslide li .slideinner, .site-main #postbody #brazilslide li .slideinner, .site-main #postbody #guatemalaslide li .slideinner, .site-main #postbody #indonesiaslide li .slideinner {
    padding: 2.5%;
    width: 92%;
    margin: 0 auto 0;
  }
  .site-main #postbody #naeslide li .slideinner:before, .site-main #postbody #naturalslide li .slideinner:before, .site-main #postbody #washedslide li .slideinner:before, .site-main #postbody #dakkokuislide li .slideinner:before, .site-main #postbody #jutenslide li .slideinner:before, .site-main #postbody #brazilslide li .slideinner:before, .site-main #postbody #guatemalaslide li .slideinner:before, .site-main #postbody #indonesiaslide li .slideinner:before {
    font-size: var(--16px);
    left: -6.5%;
  }
  .site-main #postbody #naeslide li img, .site-main #postbody #naturalslide li img, .site-main #postbody #washedslide li img, .site-main #postbody #dakkokuislide li img, .site-main #postbody #jutenslide li img, .site-main #postbody #brazilslide li img, .site-main #postbody #guatemalaslide li img, .site-main #postbody #indonesiaslide li img {
    margin-bottom: 5%;
  }
  .site-main #postbody #naeslide .slick-prev:before, .site-main #postbody #naeslide .slick-next:before, .site-main #postbody #naturalslide .slick-prev:before, .site-main #postbody #naturalslide .slick-next:before, .site-main #postbody #washedslide .slick-prev:before, .site-main #postbody #washedslide .slick-next:before, .site-main #postbody #dakkokuislide .slick-prev:before, .site-main #postbody #dakkokuislide .slick-next:before, .site-main #postbody #jutenslide .slick-prev:before, .site-main #postbody #jutenslide .slick-next:before, .site-main #postbody #brazilslide .slick-prev:before, .site-main #postbody #brazilslide .slick-next:before, .site-main #postbody #guatemalaslide .slick-prev:before, .site-main #postbody #guatemalaslide .slick-next:before, .site-main #postbody #indonesiaslide .slick-prev:before, .site-main #postbody #indonesiaslide .slick-next:before {
    font-size: 27px;
    color: #D73C25;
  }
  .site-main #postbody #naeslide .slick-dots, .site-main #postbody #naturalslide .slick-dots, .site-main #postbody #washedslide .slick-dots, .site-main #postbody #dakkokuislide .slick-dots, .site-main #postbody #jutenslide .slick-dots, .site-main #postbody #brazilslide .slick-dots, .site-main #postbody #guatemalaslide .slick-dots, .site-main #postbody #indonesiaslide .slick-dots {
    bottom: -6%;
  }
  .site-main #postbody #naeslide .slick-dots li, .site-main #postbody #naturalslide .slick-dots li, .site-main #postbody #washedslide .slick-dots li, .site-main #postbody #dakkokuislide .slick-dots li, .site-main #postbody #jutenslide .slick-dots li, .site-main #postbody #brazilslide .slick-dots li, .site-main #postbody #guatemalaslide .slick-dots li, .site-main #postbody #indonesiaslide .slick-dots li {
    width: 16px;
  }
  .site-main #postbody #naeslide .slick-dots li button, .site-main #postbody #naturalslide .slick-dots li button, .site-main #postbody #washedslide .slick-dots li button, .site-main #postbody #dakkokuislide .slick-dots li button, .site-main #postbody #jutenslide .slick-dots li button, .site-main #postbody #brazilslide .slick-dots li button, .site-main #postbody #guatemalaslide .slick-dots li button, .site-main #postbody #indonesiaslide .slick-dots li button {
    width: 16px;
  }
  .site-main #postbody #naeslide .slick-dots li button:before, .site-main #postbody #naturalslide .slick-dots li button:before, .site-main #postbody #washedslide .slick-dots li button:before, .site-main #postbody #dakkokuislide .slick-dots li button:before, .site-main #postbody #jutenslide .slick-dots li button:before, .site-main #postbody #brazilslide .slick-dots li button:before, .site-main #postbody #guatemalaslide .slick-dots li button:before, .site-main #postbody #indonesiaslide .slick-dots li button:before {
    font-size: 16px;
  }
  .site-main #postbody #naeslide .slick-prev, .site-main #postbody #naeslide .slick-next, .site-main #postbody #naturalslide .slick-prev, .site-main #postbody #naturalslide .slick-next, .site-main #postbody #washedslide .slick-prev, .site-main #postbody #washedslide .slick-next, .site-main #postbody #dakkokuislide .slick-prev, .site-main #postbody #dakkokuislide .slick-next, .site-main #postbody #jutenslide .slick-prev, .site-main #postbody #jutenslide .slick-next, .site-main #postbody #brazilslide .slick-prev, .site-main #postbody #brazilslide .slick-next, .site-main #postbody #guatemalaslide .slick-prev, .site-main #postbody #guatemalaslide .slick-next, .site-main #postbody #indonesiaslide .slick-prev, .site-main #postbody #indonesiaslide .slick-next {
    width: 30px;
    height: 30px;
    top: 52.5%;
  }
  .site-main #postbody #naeslide .slick-prev, .site-main #postbody #naturalslide .slick-prev, .site-main #postbody #washedslide .slick-prev, .site-main #postbody #dakkokuislide .slick-prev, .site-main #postbody #jutenslide .slick-prev, .site-main #postbody #brazilslide .slick-prev, .site-main #postbody #guatemalaslide .slick-prev, .site-main #postbody #indonesiaslide .slick-prev {
    left: -6%;
  }
  .site-main #postbody #naeslide .slick-next, .site-main #postbody #naturalslide .slick-next, .site-main #postbody #washedslide .slick-next, .site-main #postbody #dakkokuislide .slick-next, .site-main #postbody #jutenslide .slick-next, .site-main #postbody #brazilslide .slick-next, .site-main #postbody #guatemalaslide .slick-next, .site-main #postbody #indonesiaslide .slick-next {
    right: -6%;
  }
  .site-main #postbody #guatemalaslide li, .site-main #postbody #brazilslide li, .site-main #postbody #indonesiaslide li {
    text-align: center;
  }
  .site-main #postbody #guatemalaslide li .slideinner, .site-main #postbody #brazilslide li .slideinner, .site-main #postbody #indonesiaslide li .slideinner {
    width: 95%;
  }
  .site-main #postbody .shukakulibox li {
    padding: 5% 5% 2% 5%;
    font-size: var(--14px);
    text-align: justify;
  }
  .site-main #postbody .shukakulibox li h4 {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width:769px) {
  .site-main #postbody .madeflowbox li {
    padding: 10px;
    font-size: var(--20px);
    line-height: 1.2em;
    margin-top: 0;
  }
  .site-main #postbody .madeflowbox li h3 {
    padding: 10px 0;
  }
  .site-main #postbody .madeflowbox li img {
    width: 90%;
    margin: 3% auto;
    display: block;
  }
  .site-main #postbody .madeflowbox li .madeflowli {
    margin-left: 40px;
  }
  .site-main #postbody .madeflowbox li .madeflowli li {
    padding: 0;
    margin-top: 10px;
  }
  .site-main #postbody .madeflowbox li .madeflowli li small {
    font-size: var(--14px);
  }
  .site-main #postbody .sanchibox {
    padding: 40px 70px;
    border-radius: 6px;
    background-size: 104%;
  }
  .site-main #postbody .sanchibox li.colin {
    margin-top: 0;
  }
  .site-main #postbody .sanchibox li.colin h3 {
    padding: 10px 0;
  }
  .site-main #postbody .sanchibox li.colin .madeflowli {
    margin-top: 15px;
    margin-bottom: 0;
  }
  .site-main #postbody #naeslide, .site-main #postbody #naturalslide, .site-main #postbody #washedslide, .site-main #postbody #dakkokuislide, .site-main #postbody #jutenslide, .site-main #postbody #brazilslide, .site-main #postbody #guatemalaslide, .site-main #postbody #indonesiaslide {
    margin: 0 0 20px;
    /*li:last-child {
    	.slideinner {margin: 0;}
    }*/
  }
  .site-main #postbody #naeslide li:first-child, .site-main #postbody #naturalslide li:first-child, .site-main #postbody #washedslide li:first-child, .site-main #postbody #dakkokuislide li:first-child, .site-main #postbody #jutenslide li:first-child, .site-main #postbody #brazilslide li:first-child, .site-main #postbody #guatemalaslide li:first-child, .site-main #postbody #indonesiaslide li:first-child {
    margin-left: 0;
  }
  .site-main #postbody #naeslide li, .site-main #postbody #naturalslide li, .site-main #postbody #washedslide li, .site-main #postbody #dakkokuislide li, .site-main #postbody #jutenslide li, .site-main #postbody #brazilslide li, .site-main #postbody #guatemalaslide li, .site-main #postbody #indonesiaslide li {
    margin: 0 0;
    font-size: var(--20px);
    line-height: 1.5em;
  }
  .site-main #postbody #naeslide li .slideinner, .site-main #postbody #naturalslide li .slideinner, .site-main #postbody #washedslide li .slideinner, .site-main #postbody #dakkokuislide li .slideinner, .site-main #postbody #jutenslide li .slideinner, .site-main #postbody #brazilslide li .slideinner, .site-main #postbody #guatemalaslide li .slideinner, .site-main #postbody #indonesiaslide li .slideinner {
    padding: 15px;
    width: 92%;
    margin: 0 auto 0;
  }
  .site-main #postbody #naeslide li .slideinner:before, .site-main #postbody #naturalslide li .slideinner:before, .site-main #postbody #washedslide li .slideinner:before, .site-main #postbody #dakkokuislide li .slideinner:before, .site-main #postbody #jutenslide li .slideinner:before, .site-main #postbody #brazilslide li .slideinner:before, .site-main #postbody #guatemalaslide li .slideinner:before, .site-main #postbody #indonesiaslide li .slideinner:before {
    font-size: 24px;
    left: -7.5%;
  }
  .site-main #postbody #naeslide li img, .site-main #postbody #naturalslide li img, .site-main #postbody #washedslide li img, .site-main #postbody #dakkokuislide li img, .site-main #postbody #jutenslide li img, .site-main #postbody #brazilslide li img, .site-main #postbody #guatemalaslide li img, .site-main #postbody #indonesiaslide li img {
    margin-bottom: 15px;
  }
  .site-main #postbody #naeslide .slick-dots, .site-main #postbody #naturalslide .slick-dots, .site-main #postbody #washedslide .slick-dots, .site-main #postbody #dakkokuislide .slick-dots, .site-main #postbody #jutenslide .slick-dots, .site-main #postbody #brazilslide .slick-dots, .site-main #postbody #guatemalaslide .slick-dots, .site-main #postbody #indonesiaslide .slick-dots {
    bottom: -45px;
  }
  .site-main #postbody #naeslide .slick-dots li, .site-main #postbody #naturalslide .slick-dots li, .site-main #postbody #washedslide .slick-dots li, .site-main #postbody #dakkokuislide .slick-dots li, .site-main #postbody #jutenslide .slick-dots li, .site-main #postbody #brazilslide .slick-dots li, .site-main #postbody #guatemalaslide .slick-dots li, .site-main #postbody #indonesiaslide .slick-dots li {
    width: 16px;
  }
  .site-main #postbody #naeslide .slick-dots li button, .site-main #postbody #naturalslide .slick-dots li button, .site-main #postbody #washedslide .slick-dots li button, .site-main #postbody #dakkokuislide .slick-dots li button, .site-main #postbody #jutenslide .slick-dots li button, .site-main #postbody #brazilslide .slick-dots li button, .site-main #postbody #guatemalaslide .slick-dots li button, .site-main #postbody #indonesiaslide .slick-dots li button {
    width: 16px;
  }
  .site-main #postbody #naeslide .slick-dots li button:before, .site-main #postbody #naturalslide .slick-dots li button:before, .site-main #postbody #washedslide .slick-dots li button:before, .site-main #postbody #dakkokuislide .slick-dots li button:before, .site-main #postbody #jutenslide .slick-dots li button:before, .site-main #postbody #brazilslide .slick-dots li button:before, .site-main #postbody #guatemalaslide .slick-dots li button:before, .site-main #postbody #indonesiaslide .slick-dots li button:before {
    font-size: 16px;
  }
  .site-main #postbody #naeslide .slick-prev, .site-main #postbody #naeslide .slick-next, .site-main #postbody #naturalslide .slick-prev, .site-main #postbody #naturalslide .slick-next, .site-main #postbody #washedslide .slick-prev, .site-main #postbody #washedslide .slick-next, .site-main #postbody #dakkokuislide .slick-prev, .site-main #postbody #dakkokuislide .slick-next, .site-main #postbody #jutenslide .slick-prev, .site-main #postbody #jutenslide .slick-next, .site-main #postbody #brazilslide .slick-prev, .site-main #postbody #brazilslide .slick-next, .site-main #postbody #guatemalaslide .slick-prev, .site-main #postbody #guatemalaslide .slick-next, .site-main #postbody #indonesiaslide .slick-prev, .site-main #postbody #indonesiaslide .slick-next {
    width: 30px;
    height: 30px;
    top: 52.5%;
  }
  .site-main #postbody #naeslide .slick-prev, .site-main #postbody #naturalslide .slick-prev, .site-main #postbody #washedslide .slick-prev, .site-main #postbody #dakkokuislide .slick-prev, .site-main #postbody #jutenslide .slick-prev, .site-main #postbody #brazilslide .slick-prev, .site-main #postbody #guatemalaslide .slick-prev, .site-main #postbody #indonesiaslide .slick-prev {
    left: -15px;
  }
  .site-main #postbody #naeslide .slick-next, .site-main #postbody #naturalslide .slick-next, .site-main #postbody #washedslide .slick-next, .site-main #postbody #dakkokuislide .slick-next, .site-main #postbody #jutenslide .slick-next, .site-main #postbody #brazilslide .slick-next, .site-main #postbody #guatemalaslide .slick-next, .site-main #postbody #indonesiaslide .slick-next {
    right: -15px;
  }
  .site-main #postbody #naeslide .slick-prev:before, .site-main #postbody #naeslide .slick-next:before, .site-main #postbody #naturalslide .slick-prev:before, .site-main #postbody #naturalslide .slick-next:before, .site-main #postbody #washedslide .slick-prev:before, .site-main #postbody #washedslide .slick-next:before, .site-main #postbody #dakkokuislide .slick-prev:before, .site-main #postbody #dakkokuislide .slick-next:before, .site-main #postbody #jutenslide .slick-prev:before, .site-main #postbody #jutenslide .slick-next:before, .site-main #postbody #brazilslide .slick-prev:before, .site-main #postbody #brazilslide .slick-next:before, .site-main #postbody #guatemalaslide .slick-prev:before, .site-main #postbody #guatemalaslide .slick-next:before, .site-main #postbody #indonesiaslide .slick-prev:before, .site-main #postbody #indonesiaslide .slick-next:before {
    font-size: 33px;
    color: #D73C25;
  }
  .site-main #postbody #guatemalaslide li, .site-main #postbody #brazilslide li, .site-main #postbody #indonesiaslide li {
    text-align: center;
  }
  .site-main #postbody #guatemalaslide li .slideinner, .site-main #postbody #brazilslide li .slideinner, .site-main #postbody #indonesiaslide li .slideinner {
    width: 95%;
  }
  .site-main #postbody .shukakulibox li {
    padding: 20px 15px 15px;
    font-size: var(--20px);
    margin-top: 0;
  }
  .site-main #postbody .shukakulibox li h4 {
    margin-bottom: 10px;
  }
}
/*
* コーヒー精選フロー
*/
.site-main #postbody .phpwrap h2.firsth {
  background-color: #741F1D;
  color: #fff;
}
.site-main #postbody .phpwrap .fas {
  color: #D73C25;
}
.site-main #postbody .phpwrap .phpflow ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #e7e7de;
  border-radius: 6px;
  margin: 0;
}
.site-main #postbody .phpwrap .phpflow ul li {
  list-style: none;
  color: #D73C25;
  text-align: center;
  font-weight: 700;
  line-height: 1.5em;
}
.site-main #postbody .phpwrap .phpflow ol {
  margin: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.site-main #postbody .phpwrap .phpflow ol li {
  list-style: none;
  text-align: center;
  position: relative;
  background-color: #e7e7de;
  border-radius: 6px;
  color: #D73C25;
  font-weight: 700;
  margin-top: 0;
}
.site-main #postbody .phpwrap .phpflow ol li small {
  font-weight: 500;
  display: block;
  line-height: 1em;
}
.site-main #postbody .phpwrap .phpflow ol li img {
  width: 95%;
  position: absolute;
  left: 0;
  bottom: 5px;
  margin: auto;
  display: block;
  right: 0;
}
.site-main #postbody .phpwrap .phpflow ol li:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto;
  line-height: 0;
}
.site-main #postbody .phpwrap .phpflow .simplebar-scrollbar::before {
  background: #af215a;
  border-radius: 10px;
  height: 10px !important;
  margin-left: 2px;
  margin-top: 3px;
}
.site-main #postbody .phpwrap .phpflow .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.site-main #postbody .phpwrap .phpflow .simplebar-track {
  cursor: pointer;
  background: #e7e7de;
  height: 10px !important;
}
.site-main #postbody .phpwrap .phpflow.noscroll ol.col2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li {
  margin: 0;
}
.site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li img {
  position: unset;
  width: 100%;
}
.site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li:before {
  display: none;
}

@media only screen and (max-width:768px) {
  .site-main #postbody .phpwrap .fas {
    font-size: var(--60px);
  }
  .site-main #postbody .phpwrap .arrowbox {
    margin-bottom: 0;
  }
  .site-main #postbody .phpwrap .scrollbox.phpflow {
    overflow-x: scroll;
    padding-bottom: 5%;
  }
  .site-main #postbody .phpwrap .phpflow ul {
    padding: 5%;
  }
  .site-main #postbody .phpwrap .phpflow ul li:nth-child(-n+2) {
    margin-top: 0;
  }
  .site-main #postbody .phpwrap .phpflow ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  .site-main #postbody .phpwrap .phpflow ul li {
    width: 49%;
    margin-left: 2%;
    margin-top: 2%;
  }
  .site-main #postbody .phpwrap .phpflow ol {
    width: 1000px;
    margin-bottom: 15px;
  }
  .site-main #postbody .phpwrap .phpflow ol li {
    list-style: none;
    text-align: center;
    position: relative;
    width: 137px;
    padding: 5px 5px 104px;
    margin-left: 30px;
    line-height: 1.8em;
    font-size: var(--12px);
  }
  .site-main #postbody .phpwrap .phpflow ol li small {
    font-size: var(--10px);
  }
  .site-main #postbody .phpwrap .phpflow ol li small.mt10 {
    margin-top: 5px;
  }
  .site-main #postbody .phpwrap .phpflow ol li:before {
    font-size: var(--22px);
    left: -18px;
  }
  .site-main #postbody .phpwrap .phpflow ol li.cell2 {
    width: 280px;
  }
  .site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li {
    padding: 2.5%;
    width: 49%;
  }
  .site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li img {
    margin-top: 15px;
  }
  .site-main #postbody .phpwrap .scrollbox.noscroll ol {
    width: 500px;
  }
}
@media only screen and (min-width:769px) {
  .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .site-main #postbody .phpwrap .fas {
    font-size: var(--90px);
  }
  .site-main #postbody .phpwrap .arrowbox {
    margin-bottom: 0;
  }
  .site-main #postbody .phpwrap .scrollbox.phpflow {
    overflow-x: scroll;
    padding-bottom: 25px;
  }
  .site-main #postbody .phpwrap .scrollbox.noscroll {
    overflow: hidden;
  }
  .site-main #postbody .phpwrap .phpflow ul {
    padding: 25px 25px 15px;
  }
  .site-main #postbody .phpwrap .phpflow ul li:first-child {
    margin-left: 0;
  }
  .site-main #postbody .phpwrap .phpflow ul li {
    list-style: none;
    color: #D73C25;
    text-align: center;
    width: 24%;
    margin-left: 1%;
    margin-top: 0;
  }
  .site-main #postbody .phpwrap .phpflow ol {
    width: 1400px;
    margin-bottom: 15px;
  }
  .site-main #postbody .phpwrap .phpflow ol li {
    list-style: none;
    text-align: center;
    position: relative;
    width: 200px;
    padding: 5px 5px 144px;
    margin-left: 32px;
    font-size: var(--18px);
  }
  .site-main #postbody .phpwrap .phpflow ol li small {
    font-size: var(--12px);
  }
  .site-main #postbody .phpwrap .phpflow ol li small.mt10 {
    margin-top: 10px;
  }
  .site-main #postbody .phpwrap .phpflow ol li:before {
    font-size: var(--28px);
    left: -19px;
  }
  .site-main #postbody .phpwrap .phpflow ol li.cell2 {
    width: 420px;
  }
  .site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li {
    padding: 15px;
    width: 46%;
  }
  .site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li img {
    margin-top: 15px;
  }
  .site-main #postbody .phpwrap .phpflow.noscroll ol.col2 li small {
    font-size: var(--16px);
  }
}
/*
* サステナビリティについて
*/
.page-id-431 .site-main #postbody .whitebg .normalttl {
  background: none;
  color: #D73C25;
  padding: 0;
  letter-spacing: 0;
  font-weight: bold;
}
.page-id-431 .site-main #postbody .whitebg h3 {
  background-color: #D73C25;
  color: #fff;
  line-height: 1.5em;
}
.page-id-431 .site-main #postbody .whitebg h4 {
  border-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}
.page-id-431 .site-main #postbody .whitebg h4:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-left: 0.5em;
}
.page-id-431 .site-main #postbody .whitebg .susli li:first-child {
  margin-top: 0;
}
.page-id-431 .site-main #postbody .whitebg .susli li {
  color: #D73C25;
  line-height: 1.7em;
}
.page-id-431 .site-main #postbody .whitebg .susli li strong {
  display: block;
}
.page-id-431 .site-main #postbody .whitebg .susli li span {
  color: #000;
}
.page-id-431 .site-main #postbody .whitebg .susicon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}
.page-id-431 .site-main #postbody .whitebg .susicon li:first-child {
  margin-left: 0;
}
.page-id-431 .site-main #postbody .whitebg .susicon li {
  margin-left: 2%;
  width: 14%;
  list-style: none;
  line-height: 0;
  margin-top: 0;
}
.page-id-431 .site-main #postbody .whitebg .susicon li img {
  width: 100%;
}
.page-id-431 .site-main #postbody .whitebg .source {
  color: #D73C25;
  margin-top: 75px;
  padding-top: 75px;
  border-top: 2px solid;
  border-color: #D73C25;
  text-align: right;
  line-height: 1.8em;
}

@media only screen and (max-width:768px) {
  .page-id-431 .site-main #postbody .source {
    font-size: var(--12px);
    margin-top: 10%;
    padding-top: 10%;
  }
}
@media only screen and (min-width:769px) {
  .page-id-431 .site-main {
    width: 100%;
    margin: 0 auto;
  }
  .page-id-431 .site-main #postbody .whitebg .normalttl {
    font-size: var(--30px);
  }
  .page-id-431 .site-main #postbody .whitebg .susli li {
    margin-top: 15px;
  }
  .page-id-431 .site-main #postbody .whitebg .source {
    font-size: var(--16px);
  }
  .page-id-431 .page-id-431 .site-main #postbody .whitebg p {
    font-size: var(--19px);
    margin-bottom: 25px;
    line-height: 2em;
  }
}
/*
* 調整
*/
@media only screen and (max-width:768px) {
  .page-id-29 #posthead, .page-id-25 #posthead, .page-id-27 #posthead {
    background-image: url(../images/sp_subheadbg_1cup.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-29 #posthead h1, .page-id-25 #posthead h1, .page-id-27 #posthead h1 {
    width: 90%;
  }
  .page-id-29 #posthead h1, .page-id-27 #posthead h1 {
    padding: 8% 0;
  }
  .page-id-21 #posthead {
    background-image: url(../images/sp_subheadbg_prd.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-17 #posthead {
    background-image: url(../images/sp_subheadbg_com.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-9 #posthead {
    background-image: url(../images/pc_subheadbg_strength.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-13 #posthead {
    background-image: url(../images/sp_subheadbg_award.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-7 #posthead {
    background-image: url(../images/sp_subheadbg_recruit.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-23.page-id-15 #posthead {
    background-image: url(../images/sp_subheadbg_main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-431 #posthead {
    background-image: url(../images/sp_subheadbg_sus.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width:769px) {
  .page-id-29 #posthead, .page-id-25 #posthead, .page-id-27 #posthead {
    background-image: url(../images/pc_subheadbg_1cup.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-29 #posthead h1, .page-id-27 #posthead h1 {
    padding: 70px 0;
  }
  .page-id-21 #posthead {
    background-image: url(../images/pc_subheadbg_prd.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-17 #posthead {
    background-image: url(../images/pc_subheadbg_com.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-9 #posthead {
    background-image: url(../images/pc_subheadbg_strength.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-13 #posthead {
    background-image: url(../images/pc_subheadbg_award.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-7 #posthead {
    background-image: url(../images/pc_subheadbg_recruit.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-23 #posthead, .page-id-15 #posthead {
    background-image: url(../images/pc_subheadbg_main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .page-id-431 #posthead {
    background-image: url(../images/pc_subheadbg_sus.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
}/*# sourceMappingURL=styles.css.map */