@charset 'UTF-8';
html {
  font-size: 62.5%;
}

html body {
  font-size: 160%;
}

main.main {
  padding: 186px 0 1px;
  color: #333;
  background: #fff;
  font-family: 'NotoSansCJKjp', 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, 'メイリオ', Meiryo, Lucida Grande, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
  main.main {
    padding: 0 0 1px;
  }
}

main.main a:link {
  color: #333;
  text-decoration: none;
}

main.main a:visited {
  color: #333;
  text-decoration: none;
}

main.main a:hover {
  color: #333;
  text-decoration: underline;
}

main.main a:active {
  color: #333;
  text-decoration: none;
}

main.main h1,
main.main h2,
main.main h3,
main.main h4,
main.main h5,
main.main h6 {
  font-size: 100%;
}

main.main main.main p {
  line-height: 1.5;
}

main.main li {
  list-style: none;
}

main.main table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit;
}

main.main caption,
main.main th,
main.main td {
  text-align: left;
  vertical-align: top;
}

main.main fieldset {
  border: 0;
}

main.main input,
main.main textarea,
main.main select,
main.main label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle;
}

main.main label {
  cursor: pointer;
}

main.main textarea {
  overflow: auto;
}

main.main legend {
  display: none;
}

main.main img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}

main.main object {
  vertical-align: middle;
  outline: 0;
}

main.main em {
  font-style: italic;
}

main.main strong {
  font-weight: 700;
}

main.main small {
  font-size: 100%;
}

main.main abbr,
main.main acronym {
  border: 0;
  font-variant: normal;
}

main.main q:before,
main.main q:after {
  content: '';
}

main.main address,
main.main caption,
main.main cite,
main.main code,
main.main dfn,
main.main var {
  font-weight: 400;
  font-style: normal;
}

main.main code,
main.main pre {
  font-family: monospace;
}

main.main sup {
  vertical-align: text-top;
}

main.main sub {
  vertical-align: text-bottom;
}

main.main hr {
  display: none;
}

main.main {
  box-sizing: border-box;
}

main.main *,
main.main *:before,
main.main *:after {
  box-sizing: inherit;
}

.main .click-view {
  position: absolute;
  z-index: 5;
  top: 12px;
  right: 1.5625%;
  width: 16.25%;
}

@media print, screen and (min-width: 768px) {
  .main .click-view {
    width: 8.22917%;
  }
}

.main .click-view--raku01-sp {
  top: -12px;
}

@media print, screen and (min-width: 768px) {
  .main .click-view--raku01-sp {
    top: 12px;
  }
}

.page-sodate .header {
  height: 1px;
  margin-bottom: 186px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .header {
    margin-top: 50px;
    margin-bottom: 54px;
  }
}

.page-sodate .header__logo {
  margin-bottom: 52px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .header__logo {
    margin-bottom: 20px;
  }
}

.page-sodate .header__ttl {
  width: 48.125%;
  margin: 0 auto;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .header__ttl {
    width: 25.41667%;
  }
}

.page-sodate .main .main-visual {
  background: url(/lineup/hiraya/assets_202408/images/sodate/bg-main-visual_l.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center bottom;
  margin-bottom: 50px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual {
    margin-bottom: 82px;
  }
}

.page-sodate .main .main-visual-inner {
  min-height: 294px;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual-inner {
    min-height: 776px;
  }
}

.page-sodate .main .main-visual__lead {
  position: absolute;
  top: -186px;
  max-width: 420px;
  padding: 0 10px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual__lead {
    top: 60px;
    width: 51.04167%;
    max-width: none;
  }
}

.page-sodate .main .main-visual__txt,
.page-sodate .main .main-visual__human {
  position: absolute;
  display: none;
}

.page-sodate .main .main-visual__txt-01 {
  right: 6.25%;
  top: 12px;
  width: 44.375%;
  max-width: 177px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual__txt-01 {
    right: -1.45833%;
    top: 60px;
    width: 25.3125%;
    max-width: none;
  }
}

.page-sodate .main .main-visual__txt-02 {
  right: 17.875%;
  top: 87px;
  width: 54.875%;
  max-width: 219px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual__txt-02 {
    right: 4.58333%;
    top: 150px;
    width: 31.25%;
    max-width: none;
  }
}

.page-sodate .main .main-visual__txt-03 {
  right: 40.375%;
  top: 160px;
  width: 54.125%;
  max-width: 216px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual__txt-03 {
    right: 17.8125%;
    top: 249px;
    width: 30.9375%;
    max-width: none;
  }
}

.page-sodate .main .main-visual__human-01 {
  bottom: 6px;
  left: 14.89583%;
  width: 13.95833%;
  max-width: 47px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual__human-01 {
    bottom: 22px;
    max-width: none;
  }
}

.page-sodate .main .main-visual__human-02 {
  bottom: 6px;
  left: 17.60417%;
  width: 18.02083%;
  max-width: 47px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual__human-02 {
    bottom: 22px;
    max-width: none;
  }
}

.page-sodate .main .main-visual__human-03 {
  bottom: 6px;
  left: 14.6875%;
  width: 28.85417%;
  max-width: 97px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .main-visual__human-03 {
    bottom: 22px;
    max-width: none;
  }
}

.page-sodate .main .main-visual .fadein-area01 ul li,
.page-sodate .main .main-visual .fadein-area02 ul li {
  display: none;
}

.page-sodate .main .subttl {
  width: 75%;
  margin: 0 auto 47px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .subttl {
    margin-bottom: 183px;
    text-align: center;
  }
}

.page-sodate .main .design {
  margin-bottom: 63px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design {
    margin-bottom: 255px;
  }
}

.page-sodate .main .design--last {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design--last {
    margin-bottom: 105px;
  }
}

.page-sodate .main .design__ttl {
  text-align: center;
  margin-bottom: 25px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl {
    margin-bottom: 15px;
  }
}

.page-sodate .main .design__ttl:before {
  position: relative;
  top: 16px;
  content: '';
  display: inline-block;
  margin-right: 12px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl:before {
    top: 30px;
    margin-right: 30px;
  }
}

.page-sodate .main .design__ttl-01:before {
  width: 58px;
  height: 41px;
  background: url(/lineup/hiraya/assets_202408/images/sodate/ico-design-ttl01.png) no-repeat;
  background-size: 100%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl-01:before {
    width: 91px;
    height: 70px;
  }
}

.page-sodate .main .design__ttl-01 img {
  width: 71.25%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl-01 img {
    width: auto;
  }
}

.page-sodate .main .design__ttl-02:before {
  width: 58px;
  height: 35px;
  background: url(/lineup/hiraya/assets_202408/images/sodate/ico-design-ttl02.png) no-repeat;
  background-size: 100%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl-02:before {
    width: 94px;
    height: 58px;
  }
}

.page-sodate .main .design__ttl-02 img {
  width: 73%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl-02 img {
    width: auto;
  }
}

.page-sodate .main .design__ttl-03:before {
  width: 55px;
  height: 35px;
  background: url(/lineup/hiraya/assets_202408/images/sodate/ico-design-ttl03.png) no-repeat;
  background-size: 100%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl-03:before {
    width: 94px;
    height: 57px;
  }
}

.page-sodate .main .design__ttl-03 img {
  width: 64%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__ttl-03 img {
    width: auto;
  }
}

.page-sodate .main .design__txt-container {
  margin-bottom: 22px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__txt-container {
    margin: 0 auto 70px;
    font-size: 1.3rem;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__txt-container-01 {
    width: 692px;
    padding-left: 135px;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__txt-container-02 {
    width: 708px;
    padding-left: 175px;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__txt-container-03 {
    width: 685px;
    padding-left: 145px;
  }
}

.page-sodate .main .design__txt {
  font-size: 15px;
  font-size: 1.5rem;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__txt {
    font-size: 1.3rem;
  }
}

.page-sodate .main .design__img-container {
  position: relative;
  margin-bottom: 11px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__img-container {
    margin-bottom: 13px;
  }
}

.page-sodate .main .design__img-container-01-01,
.page-sodate .main .design__img-container-02-01,
.page-sodate .main .design__img-container-03-01 {
  margin-bottom: 20px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.page-sodate .main .design__img-container-01-01:hover,
.page-sodate .main .design__img-container-02-01:hover,
.page-sodate .main .design__img-container-03-01:hover {
  opacity: .66;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__img-container-01-01,
  .page-sodate .main .design__img-container-02-01,
  .page-sodate .main .design__img-container-03-01 {
    margin-bottom: 47px;
  }
}

.page-sodate .main .design__img-container-01-02,
.page-sodate .main .design__img-container-02-02,
.page-sodate .main .design__img-container-03-02 {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__img-container-01-02,
  .page-sodate .main .design__img-container-02-02,
  .page-sodate .main .design__img-container-03-02 {
    margin-bottom: 0;
  }
}

.page-sodate .main .design__img-container-01-03,
.page-sodate .main .design__img-container-02-03,
.page-sodate .main .design__img-container-03-03 {
  margin-bottom: 20px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__img-container-01-03,
  .page-sodate .main .design__img-container-02-03,
  .page-sodate .main .design__img-container-03-03 {
    margin-bottom: 44px;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__img-container-01-04,
  .page-sodate .main .design__img-container-02-04,
  .page-sodate .main .design__img-container-03-04 {
    width: 76.76951%;
  }
}

.page-sodate .main .design__img {
  margin-bottom: 4px;
  position: relative;
  z-index: 3;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__img {
    margin-bottom: 8px;
  }
}

.page-sodate .main .design__img--click {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.page-sodate .main .design__lead {
  font-size: 14px;
  font-size: 1.4rem;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design__lead {
    font-size: 1.2rem;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design-container {
    overflow: hidden;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design-container__left {
    float: left;
    width: 37.8125%;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .design-container__right {
    float: left;
    width: 57.39583%;
    margin-left: 4.79167%;
  }
}

.page-sodate .main .balloon {
  width: 100%;
  margin: 0 auto;
  padding: 42px 50px 38px;
  border: 1px solid #080102;
  position: relative;
  margin-top: 36px;
  font-size: 0;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon {
    padding: 45px;
    margin-top: 30px;
    text-align: left;
  }
}

.page-sodate .main .balloon__ttl,
.page-sodate .main .balloon__pics,
.page-sodate .main .balloon__txt {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__ttl,
  .page-sodate .main .balloon__pics,
  .page-sodate .main .balloon__txt {
    width: 50%;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__pics {
    padding-left: 17px;
  }
}

.page-sodate .main .balloon__pics img {
  width: 100%;
}

.page-sodate .main .balloon__ttl {
  text-align: center;
  margin-bottom: 25px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__ttl {
    margin-bottom: 0;
    padding-right: 45px;
  }
}

.page-sodate .main .balloon__ttl:after {
  content: '';
  display: block;
  width: 32px;
  height: 23px;
  margin: 20px auto 0;
  background: url(/lineup/hiraya/assets_202408/images/sodate/ico-balloon-arrow01.png) no-repeat;
  background-size: 100%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__ttl:after {
    width: 28px;
    height: 20px;
    margin: 14px auto 0;
  }
}

@media print, screen and (min-width: 900px) {
  .page-sodate .main .balloon__ttl:after {
    width: 48px;
    height: 32px;
    background-size: 100%;
    margin: 27px auto 0;
    padding-right: 45px;
  }
}

.page-sodate .main .balloon__ttl img {
  width: 60%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__ttl img {
    width: 60.25641%;
  }
}

.page-sodate .main .balloon__txt {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 8px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__txt {
    position: relative;
    margin-top: -123px;
    font-size: 1.3rem;
    margin-left: -16px;
  }
}

.page-sodate .main .balloon__txt p {
  margin-top: 18px;
  text-align: left;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__txt p {
    margin-left: 4.375%;
    margin-right: 2.5%;
  }
}

.page-sodate .main .balloon__txt--last {
  margin-left: -16px;
  margin-right: -16px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__txt--last {
    margin-left: -22px;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__txt--last p {
    margin-left: 0;
    margin-right: -5.41667%;
  }
}

.page-sodate .main .balloon__txt-01 {
  margin-top: 12px;
  width: 97.83333%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__txt-01 {
    width: 90.93023%;
    margin-top: 0;
  }
}

.page-sodate .main .balloon__txt-02 {
  margin-top: 12px;
  width: 97.83333%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__txt-02 {
    width: 88.60465%;
    margin-top: 0;
  }
}

.page-sodate .main .balloon__txt-03 {
  max-width: none;
  margin-top: 12px;
  width: 104.90506%;
  margin-left: -2.45253%;
  margin-right: -2.45253%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon__txt-03 {
    width: 103.72093%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.page-sodate .main .balloon:before {
  content: '';
  border: 36px solid transparent;
  border-bottom: 33px solid #080102;
  position: absolute;
  right: 50%;
  top: -69px;
  margin-right: -36px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon:before {
    border: 37px solid transparent;
    border-bottom: 30px solid #080102;
    right: 50%;
    top: -67px;
    margin-right: -18px;
  }
}

.page-sodate .main .balloon:after {
  content: '';
  border: 36px solid transparent;
  border-bottom: 33px solid #fff;
  position: absolute;
  right: 50%;
  top: -68px;
  margin-right: -36px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .balloon:after {
    border: 37px solid transparent;
    border-bottom: 30px solid #fff;
    right: 50%;
    top: -66px;
    margin-right: -18px;
  }
}

.page-sodate .main .home-zoom {
  margin-bottom: 65px;
  position: relative;
}

@media print, screen and (min-width: 480px) {
  .page-sodate .main .home-zoom {
    margin-bottom: 105px;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom {
    margin-bottom: 120px;
  }
}

.page-sodate .main .home-zoom__ttl {
  position: absolute;
  top: 6.88976%;
  left: 17.375%;
  width: 67.75%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom__ttl {
    top: 7.69231%;
    left: 21.25%;
    width: 59.79167%;
  }
}

.page-sodate .main .home-zoom__link {
  position: absolute;
  width: 9%;
  transition: all .3s ease-in-out;
  cursor: pointer !important;
}

.page-sodate .main .home-zoom__link:focus {
  outline: none;
}

.page-sodate .main .home-zoom__link:hover {
  opacity: .66;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom__link {
    width: 5.625%;
  }
}

.page-sodate .main .home-zoom__link-01 {
  bottom: 10.23622%;
  right: 46.75%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom__link-01 {
    bottom: 16.03928%;
    right: 48.54167%;
  }
}

.page-sodate .main .home-zoom__link-02 {
  bottom: 13.77953%;
  right: 34.75%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom__link-02 {
    bottom: 17.83961%;
    right: 38.95833%;
  }
}

.page-sodate .main .home-zoom__link-03 {
  bottom: 11.22047%;
  right: 17.125%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom__link-03 {
    bottom: 17.02128%;
    right: 20.41667%;
  }
}

.page-sodate .main .home-zoom__human {
  position: absolute;
  bottom: -20.07874%;
  left: 3%;
  width: 19.5%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom__human {
    bottom: -16.69394%;
    left: 5.41667%;
    width: 16.875%;
  }
}

.page-sodate .main .home-zoom__txt {
  position: absolute;
  bottom: -19.09449%;
  left: 25.125%;
  width: 20.75%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .home-zoom__txt {
    bottom: -15.54828%;
    left: 24.47917%;
    width: 17.60417%;
  }
}

.page-sodate .main .catalog-img {
  width: 49.16667%;
  margin-left: 1.04167%;
}

.page-sodate .main .catalog-txt {
  width: 34.375%;
  padding-left: 2.60417%;
}

.page-sodate .main .link-arrow {
  display: inline-block;
  width: 15.41667%;
  padding-left: 5.20833%;
  padding-right: 5.20833%;
}

.page-sodate .main .wood-container {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .wood-container {
    max-width: 980px;
    padding: 0 10px;
    margin: 0 auto;
  }
}

.page-sodate .main .wood {
  background: url(/lineup/hiraya/assets_202408/images/sodate/bg-wood.png) no-repeat;
  background-size: cover;
  margin-bottom: 26px;
  padding: 18px 25px 23px 10px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .wood {
    margin-bottom: 80px;
    padding: 30px 84px 25px 74px;
  }
}

.page-sodate .main .wood__ttl {
  width: 92.17391%;
  margin: 0 auto 22px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .wood__ttl {
    width: 92.5187%;
    margin: 0 auto 31px;
  }
}

.page-sodate .main .wood-sodate-container {
  overflow: hidden;
}

.page-sodate .main .wood-sodate__pic {
  width: 43.22981%;
  float: left;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .wood-sodate__pic {
    width: 38.15461%;
  }
}

.page-sodate .main .wood-sodate__txts {
  float: right;
  width: 56.77019%;
  padding-left: 4.04762%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .wood-sodate__txts {
    width: 61.84539%;
    padding-left: 4.47917%;
    padding-top: 26px;
  }
}

.page-sodate .main .wood-txt01 {
  display: block;
  width: 82.02765%;
  margin-bottom: 17px;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .wood-txt01 {
    width: 61.82213%;
    margin-bottom: 48px;
  }
}

.page-sodate .main .wood-txt02 {
  display: block;
  width: 87.32719%;
}

@media print, screen and (min-width: 768px) {
  .page-sodate .main .wood-txt02 {
    width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .footer-inner {
    height: 20px;
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .page-sodate .footer__logo,
  .page-sodate .footer .copyright {
    line-height: 20px;
  }
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/lineup/hiraya/assets_202408/images/common/ico-close01.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

.page-sodate .mfp-close {
  cursor: pointer;
  background: url('/lineup/hiraya/assets_202408/images/sodate/ico-close01.png') no-repeat right center;
}

.transition {
  transition: all .3s ease-in;
}

.transition.fadeOut {
  opacity: 0 !important;
}

.transition.fadeIn {
  opacity: 1 !important;
}

.footer__catalog-link {
  transition: all .3s ease-in;
}

.footer__catalog-link.Appear {
  display: inline-block !important;
}

.footer__catalog-link.Disappear {
  display: none !important;
}

.inner {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}

@media print, screen and (min-width: 768px) {
  .inner {
    max-width: 980px;
    margin: 0 auto;
  }
}

.main-visual.is-sodate-202204 {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .inner.is-sodate-202204 {
    margin-top: 100px;
  }
}

@media (max-width: 767px) {
  .inner.is-sodate-202204 {
    margin-top: 50px;
  }
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.t-center {
  text-align: center;
}

.is-bold {
  font-weight: 700;
}

.em1 {
  padding-left: 1em;
}

.only-sp {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .only-sp {
    display: none;
  }
}

.only-pc {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .only-pc {
    display: block;
  }
}