@charset "UTF-8";
/* CSS Document */
#billboard h2 {background:url("../img/semiorder/semiorder_mv_img01_pc.webp")no-repeat center / cover;}
#Main > .container {padding: 5em 0 !important;}
#Main .block-semiorder-01 {}
#Main .block-semiorder-01 > div:nth-child(1) {text-align: center;}
#Main .block-semiorder-01 > div:nth-child(1) p:nth-of-type(1) {color: #6b5a4e;font-size: 187.5%;line-height: 1.75;letter-spacing: 0.2em;margin-top: 0.25em;}
#Main .block-semiorder-01 > div:nth-child(1) p:nth-of-type(2) {font-size: 112.5%;line-height: 2.5;margin: 2em 0 3em;}
#Main .block-semiorder-02 .box {padding: 2em;margin: 1em auto;background: #dce8e9;}
#Main .block-semiorder-02 .box > p:nth-of-type(1) {color: #3d757a;font-size: 200%;letter-spacing: 0.1em;text-align: center;margin-bottom: 0.75em;padding-bottom: 0.1em;border-bottom: 1px solid #3d757a;position: relative;}
#Main .block-semiorder-02 .box > p:nth-of-type(1) .sp01 {display: block;color: #fff;font-size: 40%;letter-spacing: 0;width: 5em;margin: 0 auto -13px;background: #3d757a;}
#Main .block-semiorder-02 .box > p:nth-of-type(2) {font-size: 112.5%;text-align: center;margin-bottom: 1.5em;}
#Main .block-semiorder-02 .box ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -0.5em;}
#Main .block-semiorder-02 .box ul li {text-align: center;width: calc(25% - 1em);margin: 0 0.5em;background: #fff;}
#Main .block-semiorder-02 .box ul li p:nth-of-type(1) {color: #fff;background: #3d757a;}
#Main .block-semiorder-02 .box ul li p:nth-of-type(2) {padding: 1em;}
#Main .block-semiorder-02 .box ul li p:nth-of-type(2) > span {display: block;color: #960d0d;font-size: 150%;line-height: 1;}
#Main .block-semiorder-02 .box ul li p:nth-of-type(2) > span span {font-size: 150%;}
#Main .block-semiorder-02 .box ul li:nth-child(3) p:nth-of-type(2) {padding-top: 1.5em;}
#Main .block-semiorder-02 .box ul li:nth-child(3) p:nth-of-type(2) > span {padding-top: 0.65em;}
#Main .block-semiorder-02 .box02 ul li {width: calc(33.333% - 1em);}
#Main .block-semiorder-02 .box02 ul li p:nth-of-type(2) {color: #960d0d;font-size: 131.25%;}
#Main .block-semiorder-02 .box02 ul li p:nth-of-type(2) small {color: #444;}
#Main .block-semiorder-02 .box02 > p:nth-of-type(3) {font-size: 87.5%;margin-top: 1em;}
#Main .block-semiorder-02 .box02 > div {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3em;}
#Main .block-semiorder-02 .box02 > div div {width: 32.3%;margin-bottom: 1.5%;}
#Main .block-semiorder-02 .box02 > div div:nth-child(1) {width: 35%;}
#Main .block-semiorder-02 .box02 > div div:nth-child(2) {width: 63.5%;}
#Main .block-semiorder-02 .box02 > div div + div figure + figure {margin-top: 2.3%;}
#Main .block-semiorder-02 .box02 > div div figure {position: relative;}
#Main .block-semiorder-02 .box02 > div div figure figcaption {font-size: 100%;}
#Main .block-semiorder-02 .box02 > div div figure figcaption span {font-size: 100%;}
#Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(1) figcaption span:nth-child(1) {}
#Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(1) figcaption span:nth-child(2) {left: 50%;}
#Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(2) figcaption span:nth-child(1) {}
#Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(2) figcaption span:nth-child(2) {left: 50%;}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #Main .block-semiorder-02 .box ul li {width: calc(50% - 1em);margin-bottom: 1em;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #Main > .container {padding: 2em 0 !important;}
  #billboard h2 {background:url("../img/semiorder/semiorder_mv_img01_sp.webp")no-repeat center / cover;}
  #Main .block-semiorder-01 > div:nth-child(1) p:nth-of-type(1) {font-size: 150%;letter-spacing: 0;margin-top: 0;}
  #Main .block-semiorder-01 > div:nth-child(1) p:nth-of-type(2) {font-size: 100%;line-height: 2;margin: 1em 0 1.5em;}
  #Main .block-semiorder-02 .box {padding: 1em;}
  #Main .block-semiorder-02 .box > p:nth-of-type(1) {font-size: 150%;}
  #Main .block-semiorder-02 .box > p:nth-of-type(1) .sp01 {font-size: 60%;}
  #Main .block-semiorder-02 .box > p:nth-of-type(2) {font-size: 100%;margin-bottom: 0.5em;}
  #Main .block-semiorder-02 .box ul {margin: 0;}
  #Main .block-semiorder-02 .box ul li {width: 100%;margin: 0.5em 0;}
  #Main .block-semiorder-02 .box ul li p:nth-of-type(2) {padding: 1em 0;}
  #Main .block-semiorder-02 .box02 > p:nth-of-type(3) {margin-top: 0.5em;}
  #Main .block-semiorder-02 .box02 > div {margin-top: 1em;}
  #Main .block-semiorder-02 .box02 > div div {width: 100% !important;}
  #Main .block-semiorder-02 .box02 > div div + div figure {margin-top: 3% !important;}
  #Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(1) figcaption span:nth-child(1) {bottom: 50%;}
  #Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(1) figcaption span:nth-child(2) {left: 0;}
  #Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(2) figcaption span:nth-child(1) {bottom: 50%;}
  #Main .block-semiorder-02 .box02 > div div:nth-child(2) figure:nth-child(2) figcaption span:nth-child(2) {left: 0;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}