@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&display=swap');

.garamond {
  font-family: 'EB Garamond', serif;
}

@media all and (min-width: 681px) {
   .delay1_pc {
      transition-delay: 0.4s !important;
   }

   .delay2_pc {
      transition-delay: 0.8s !important;
   }

   .delay3_pc {
      transition-delay: 1.2s !important;
   }
}

/* コンバージョン
***************************************************************/
.styleConversionBtnBox {
   margin-top: 13.6rem;
}
.styleConversionBtnBox .inner {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 1010px;
   margin: 0 auto;
}

.styleConversionBtnBox .styleConversionBtn {
   width: 480px;
   display: flex;
   background: #F8F8F8;
   position: relative;
}

.styleConversionBtnBox .styleConversionBtn .btnImg {
   width: 160px;
}

.styleConversionBtnBox .styleConversionBtn .btnText {
   display: flex;
   align-items: center;
   justify-content: center;
   width: calc(100% - 160px);
   height: 100%;
   font-size: 1.6rem;
   letter-spacing: 0.1em;
   line-height: 28px;
}

.styleConversionBtnBox .styleConversionBtn i {
   display: block;
   position: absolute;
   right: 14px;
   bottom: 12px;
   width: 51px;
   height: 5px;
   z-index: 1;
}

.styleConversionBtnBox .styleConversionBtn i::before,
.styleConversionBtnBox .styleConversionBtn i::after {
   content: "";
   position: absolute;
   background: #000;
}

.styleConversionBtnBox .styleConversionBtn i::before {
   width: 100%;
   height: 1px;
   right: 0;
   bottom: 0;
}

.styleConversionBtnBox .styleConversionBtn i::after {
   width: 1px;
   height: 7px;
   right: 3px;
   bottom: 0;
   transform: rotate(-45deg);
}

@media all and (min-width: 681px) {
   .styleConversionBtnBox .styleConversionBtn {
      transition: background 0.3s;
   }
   
   .styleConversionBtnBox .styleConversionBtn i {
      transition: width 0.3s;
   }

   .styleConversionBtnBox .styleConversionBtn:hover {
      background: #E2E2D9;
   }

   .styleConversionBtnBox .styleConversionBtn:hover i {
      width: 30px;
   }
}

@media all and (max-width: 680px) {
   .styleConversionBtnBox {
      margin-top: 7rem;
   }
   .styleConversionBtnBox .inner {
      display: block;
      width: 100%;
      padding: 0 2rem;
   }
   
   .styleConversionBtnBox .styleConversionBtn {
      width: 100%;
      background: none;
   }

   .styleConversionBtnBox .styleConversionBtn + .styleConversionBtn {
      padding-top: 13px;
      margin-top: 13px;
      border-top: 1px solid #000;
   }
   
   .styleConversionBtnBox .styleConversionBtn .btnImg {
      width: 82px;
   }
   
   .styleConversionBtnBox .styleConversionBtn .btnText {
      justify-content: flex-start;
      width: calc(100% - 82px);
      height: auto;
      font-size: 1.4rem;
      letter-spacing: 0;
      line-height: 1.45;
      padding-left: 1.3rem;
      padding-bottom: 0.8rem;
   }
   
   .styleConversionBtnBox .styleConversionBtn i {
      right: 0;
      bottom: 0;
   }
}
/* コンバージョン
***************************************************************/

/* ABOUT
***************************************************************/
.scAbout {
   overflow: hidden;
}

.scAbout .scTitle {
   margin-bottom: 12.7rem;
}

.scAbout .inner {
   max-width: 1200px;
   margin: 0 auto;
}

.scAbout .topBox {
   display: flex;
   justify-content: space-between;
}

.scAbout .topBox .imgItem {
   order: 2;
   width: 700px;
   margin-right: -120px;
}

.scAbout .topBox .textItem {
   order: 1;
   width: 620px;
}

.scAbout .topBox .textItem p {
   font-size: 1.8rem;
   letter-spacing: 0.1em;
   line-height: 2.22;
   margin-top: -12px;
}

.scAbout .topBox .textItem p + p {
   margin-top: 15px;
}

.scAbout .topBox02 {
   width: 100vw;
   margin: 0 calc((-100vw - -1200px)/2);
}

.scAbout .topBox02 .imgItem {
   width: 100%;
}

.scAbout .topBox02 .textItem {
   width: 784px;
   margin: -52px auto 0;
   padding-top: 50px;
   background: #fff;
}

.scAbout .topBox02 .textItem p {
   font-size: 1.8rem;
   letter-spacing: 0.15em;
   line-height: 43px;
   text-align: center;
}

.scAbout .fullOrderPlanBox {
   padding-top: 140px;
}

.scAbout .fullOrderPlanBox .textItem {
   max-width: 835px;
   margin: 0 auto -67px;
   position: relative;
   z-index: 1;
}

.scAbout .fullOrderPlanBox .textItem .textItemInner {
   display: flex;
}

.scAbout .fullOrderPlanBox .itemTitle {
   width: 250px;
   font-size: 2.2rem;
   letter-spacing: 0.08em;
   line-height: 43px;
   font-weight: 500;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
}

.scAbout .fullOrderPlanBox .itemTextBox {
   width: calc(100% - 250px);
   padding-left: 30px;
   padding-top: 21px;
   border-top: 1px solid #000;
}

.scAbout .fullOrderPlanBox .itemTextTitle {
   font-size: 1.3rem;
   letter-spacing: 0.1em;
   font-weight: 500;
   margin-bottom: 12px;
}

.scAbout .fullOrderPlanBox .itemTextCont {
   display: flex;
}

.scAbout .fullOrderPlanBox .itemTextCont > dl {
   max-width: 50%;
}

.scAbout .fullOrderPlanBox .itemTextCont > dl:nth-child(2n) {
   border-left: 1px solid #000;
   padding-left: 20px;
   margin-left: 20px;
}

.scAbout .fullOrderPlanBox .itemTextCont > dl > dl {
   display: flex;
}

.scAbout .fullOrderPlanBox .itemTextCont > dl dt,
.scAbout .fullOrderPlanBox .itemTextCont > dl dd {
   font-size: 1.3rem;
   letter-spacing: 0.1em;
   line-height: 21px;
   font-weight: 500;
}

.scAbout .fullOrderPlanBox .itemTextCont > dl dt {
   width: 104px;
   position: relative;
}

.scAbout .fullOrderPlanBox .itemTextCont > dl dt::before {
   content: "／";
   position: absolute;
   right: 0;
   top: 0;
   font-size: 1.3rem;
}

.scAbout .fullOrderPlanBox .itemTextCont > dl dd {
   display: flex;
   width: calc(100% - 104px);
   text-align: right;
   margin-left: 4px;
}

.scAbout .fullOrderPlanBox .itemTextContNote {
   font-size: 1.2rem;
   text-align: right;
   margin-top: 6px;
}

.scAbout .fullOrderPlanBox02 {
   margin-top: 12.7rem;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanTitle {
   font-size: 3rem;
   letter-spacing: 0.05em;
   font-weight: 500;
   text-align: center;
   margin-bottom: 5.8rem;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanTitle .note {
   display: block;
   font-size: 1.2rem;
   letter-spacing: 0;
   margin-top: 0.5rem;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList {
   display: flex;
   justify-content: center;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li {
   width: calc(100% / 3);
   border-right: 1px solid #707070;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li a {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   padding-bottom: 2.4rem;
   position: relative;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li a::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%) rotate(45deg);
   width: 12px;
   height: 12px;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listTitle {
   font-size: 2.6rem;
   letter-spacing: 0;
   line-height: 1;
   font-weight: 500;
   text-align: center;
   padding-bottom: 6px;
   border-bottom: 1px solid #707070;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listTitle .sml {
   display: inline-block;
   font-size: 1.8rem;
   margin-bottom: 4px;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listText {
   font-size: 1.8rem;
   letter-spacing: 0;
   font-weight: 500;
   text-align: center;
   line-height: 1;
   margin-top: 0.7rem;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listText .sml {
   font-size: 1rem;
   margin-left: 0.4rem;
}

.scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listIcon {
   opacity: 0.7;
   margin-right: 2.3rem;
}

.scAbout .category {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 370px;
   height: 34px;
   margin: -9.2rem auto 0;
   background: #2F4969;
   font-size: 1.8rem;
   letter-spacing: 0.1em;
   font-weight: 600;
   color: #fff;
   text-align: center;
}

.scAbout .fullOrderPlanBtn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 294px;
   height: 43px;
   border: 1px solid #000;
   font-size: 1.4rem;
   letter-spacing: 0.02em;
   margin: 7rem auto 0;
}

.scAbout .fullOrderPlanBtn i {
   display: block;
   position: relative;
   transform: rotate(45deg);
   width: 8px;
   height: 8px;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   margin-left: 1.5rem;
}

.scAbout .fullOrderPlanBanner {
   display: flex;
   width: 614px;
   height: 145px;
   margin: 6rem auto 0;
}

.scAbout .fullOrderPlanBanner .bannerImg {
   width: 211px;
   height: 100%;
   overflow: hidden;
}

.scAbout .fullOrderPlanBanner .bannerImg .img {
   height: 100%;
   background: url(../../img/style/northamerican_select/fullorder_banner01.jpg)no-repeat center / cover;
}

.scAbout .fullOrderPlanBanner .bannerTextBox {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: calc(100% - 211px);
   background: #939393;
   color: #fff;
}

.scAbout .fullOrderPlanBanner .bannerText {
   font-size: 1.8rem;
   letter-spacing: 0.05em;
   line-height: 32px;
   text-align: center;
}

.scAbout .fullOrderPlanBanner .bannerBtn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 154px;
   height: 32px;
   border: 1px solid #fff;
   font-size: 1.4rem;
   letter-spacing: 0.02em;
   text-align: center;
   padding-right: 1rem;
   padding-bottom: 0.2rem;
   margin: 1.2rem auto 0;
   position: relative;
}

.scAbout .fullOrderPlanBanner .bannerBtn i {
   display: block;
   position: absolute;
   top: 50%;
   right: 12px;
   transform: translateY(-50%) rotate(-45deg);
   width: 7px;
   height: 7px;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
}

@media all and (max-width: 1200px) {
   .scAbout .topBox02 {
      margin: 0;
   }
}

@media all and (min-width: 681px) {
   .scAbout .fullOrderPlanBox .itemTextCont > dl > dl:nth-child(n+3) {
      display: flex !important;
   }

   .scAbout .fullOrderPlanBox .itemTextCont > dl dd span {
      display: block;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li:first-child {
      border-left: 1px solid #707070;
   }

   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li a {
      transition: opacity 0.3s;
   }

   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li a::before {
      transition: bottom 0.3s;
   }

   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li a:hover {
      opacity: 0.7;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li a:hover::before {
      bottom: -0.5rem;
   }

   .scAbout .fullOrderPlanBtn {
      transition: background 0.3s,border-color 0.3s,color 0.3s;
   }
   
   .scAbout .fullOrderPlanBtn i {
      transition: border-color 0.3s;
   }

   .scAbout .fullOrderPlanBtn:hover {
      background: #2F4969;
      border-color: #2F4969;
      color: #fff;
   }

   .scAbout .fullOrderPlanBtn:hover i {
      border-color: #fff;
   }
   
   .scAbout .fullOrderPlanBanner .bannerImg .img {
      transition: transform 0.3s;
   }
   
   .scAbout .fullOrderPlanBanner .bannerTextBox {
      transition: background 0.3s;
   }

   .scAbout .fullOrderPlanBanner:hover .bannerImg .img {
      transform: scale(1.05);
   }
   
   .scAbout .fullOrderPlanBanner:hover .bannerTextBox {
      background: #595959;
   }
}

@media all and (max-width:680px) {
   .scAbout .scTitle {
      margin-bottom: 3rem;
   }

   .subTitle {
      margin-bottom: 2rem;
   }

   .subTitle .txt1 {
      padding: 0;
   }
   
   .scAbout .topBox {
      display: block;
   }
   
   .scAbout .topBox .imgItem {
      width: 100%;
      margin-right: 0;
   }
   
   .scAbout .topBox .textItem {
      width: 100%;
      padding: 0 2rem;
      margin-top: 2.5rem;
   }
   
   .scAbout .topBox .textItem p {
      font-size: 1.6rem;
      line-height: 2.13;
      margin-top: 0;
   }
   
   .scAbout .topBox .textItem p + p {
      margin-top: 1rem;
   }

   .scAbout .topBox02 {
      width: 100%;
   }
   
   .scAbout .topBox02 .imgItem {
      width: 100%;
   }
   
   .scAbout .topBox02 .textItem {
      width: calc(100% - 40px);
      margin: -18px auto 0;
      padding-top: 12px;
   }
   
   .scAbout .topBox02 .textItem p {
      font-size: 1.6rem;
      /* letter-spacing: 0.05em; */
      letter-spacing: 0;
      line-height: 2.12;
      font-weight: 500;
   }
   
   .scAbout .fullOrderPlanBox {
      padding-top: 7.5rem;
   }
   
   .scAbout .fullOrderPlanBox .textItem {
      max-width: 100%;
      margin: 0 auto;
      padding: 0 2rem;
   }

   .scAbout .fullOrderPlanBox .textItem .textItemInner {
      display: block;
   }
   
   .scAbout .fullOrderPlanBox .itemTitle {
      width: 100%;
      font-size: 1.8rem;
      line-height: 1.4;
      text-align: center;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      border-right: none;
      padding: 1.3rem 0;
   }
   
   .scAbout .fullOrderPlanBox .itemTextBox {
      width: 100%;
      padding-left: 0;
      padding-top: 1.6rem;
      border-top: none;
   }
   
   .scAbout .fullOrderPlanBox .itemTextTitle {
      text-align: center;
      margin-bottom: 12px;
   }
   
   .scAbout .fullOrderPlanBox .itemTextCont {
      display: flex;
   }
   
   .scAbout .fullOrderPlanBox .itemTextCont > dl {
      max-width: 50%;
      width: 50%;
   }
   
   .scAbout .fullOrderPlanBox .itemTextCont > dl:nth-child(2n) {
      border-left: 1px solid #000;
      padding-left: 0.8rem;
      margin-left: 0;
   }
   
   .scAbout .fullOrderPlanBox .itemTextCont > dl > dl {
      display: block;
   }

   .scAbout .fullOrderPlanBox .itemTextCont > dl > dl:nth-child(n+3) {
      display: none;
   }

   .scAbout .fullOrderPlanBox .itemTextCont > dl > dl + dl {
      margin-top: 0.6rem;
   }
   
   .scAbout .fullOrderPlanBox .itemTextCont > dl dt,
   .scAbout .fullOrderPlanBox .itemTextCont > dl dd {
      line-height: 1.4;
   }
   
   .scAbout .fullOrderPlanBox .itemTextCont > dl dt {
      display: inline-block;
      width: auto;
      padding-right: 1.8rem
   }
   
   .scAbout .fullOrderPlanBox .itemTextCont > dl dd {
      display: block;
      width: 100%;
      margin-left: 0;
   }

   .scAbout .fullOrderPlanBox .itemTextContNote {
      display: none;
      text-align: center;
      margin-top: 2rem;
   }

   .scAbout .fullOrderPlanBox .moreBtn {
      font-size: 1.4rem;
      letter-spacing: 0.08em;
      text-align: center;
      margin-top: 20px;
      cursor: pointer;
   }

   .scAbout .fullOrderPlanBox .moreBtn span {
      display: inline-block;
      padding-right: 1.5rem;
      position: relative;
   }

   .scAbout .fullOrderPlanBox .moreBtn span::before {
      content: '';
      position: absolute;
      top: 40%;
      right: 0;
      transform: translateY(-50%) rotate(45deg);
      width: 9px;
      height: 9px;
      border-right: 1px solid #707070;
      border-bottom: 1px solid #707070;
      transition: 0.3s;
   }

   .scAbout .fullOrderPlanBox .moreBtn.act span::before {
      top: 70%;
      transform: translateY(-50%) rotate(-135deg);
   }

   .scAbout .fullOrderPlanBox .imgItem {
      margin-top: 20px;
   }

   .scAbout .fullOrderPlanBox02 {
      margin-top: 4rem;
   }

   .scAbout .fullOrderPlanBox02 .inner {
      padding: 0 2rem;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanTitle {
      font-size: 2rem;
      margin-bottom: 2rem;
   }

   .scAbout .fullOrderPlanBox02 .fullOrderPlanTitle .note {
      display: flex;
      text-align: left;
      margin-top: 1rem;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList {
      display: block;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #707070;
   }

   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li:first-child {
      border-top: 1px solid #707070;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li a {
      justify-content: flex-start;
      padding: 2rem 0;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li a::before {
      bottom: 0;
      left: auto;
      right: 16px;
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      width: 12px;
      height: 12px;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listTitle {
      font-size: 2rem;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listTitle .sml {
      font-size: 1.5rem;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listText {
      font-size: 1.4rem;
      margin-top: 7px;
   }
   
   .scAbout .fullOrderPlanBox02 .fullOrderPlanList li .listIcon {
      margin-right: 23px;
   }
   
   .scAbout .category {
      width: calc(100% - 3.6rem);
      height: 27px;
      margin-top: 0;
      font-size: 1.6rem;
   }
   
   .scAbout .fullOrderPlanBtn {
      width: calc(100% - 4rem);
      height: 43px;
      margin-top: 4.2rem;
   }
   
   .scAbout .fullOrderPlanBtn i {
      margin-top: -3px;
   }
   
   .scAbout .fullOrderPlanBanner {
      width: 100%;
      height: 130px;
      margin-top: 4.5rem;
   }
   
   .scAbout .fullOrderPlanBanner .bannerImg {
      width: 105px;
   }
   
   .scAbout .fullOrderPlanBanner .bannerImg .img {
      background: url(../../img/style/northamerican_select/fullorder_banner01.jpg)no-repeat center / cover;
   }
   
   .scAbout .fullOrderPlanBanner .bannerTextBox {
      width: calc(100% - 105px);
   }
   
   .scAbout .fullOrderPlanBanner .bannerText {
      font-size: 1.4rem;
      letter-spacing: 0;
      line-height: 23px;
   }
   
   .scAbout .fullOrderPlanBanner .bannerBtn {
      width: 70%;
      height: 30px;
      font-size: 1.2rem;
      margin-top: 0.8rem;
   }
   
   .scAbout .fullOrderPlanBanner .bannerBtn i {
      display: block;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%) rotate(-45deg);
      width: 7px;
      height: 7px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
   }
}
/* ABOUT
***************************************************************/


/* プランニングポイント
***************************************************************/
.scPlanningPoint {
   padding: 117px 0 88px;
   margin-bottom: 83px;
   background: #F8F8F8;
}

.scPlanningPoint .inner {
   max-width: 1200px;
   margin: 0 auto;
}

.scPlanningPoint .planningPointTitle {
   font-size: 2.2rem;
   letter-spacing: 0.1em;
   font-weight: 500;
   text-align: center;
   margin-bottom: 48px;
}

.scPlanningPoint .planningPointTitle span {
   display: inline-block;
   padding: 0 56px;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
}

.scPlanningPoint .planningPointList {
   display: flex;
   flex-wrap: wrap;
}

.scPlanningPoint .planningPointList li {
   width: calc((100% - 90px)/3);
   margin-right: 45px;
}

.scPlanningPoint .planningPointList li .listNumber {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 30px;
   height: 30px;
   font-size: 2rem;
   text-align: center;
   color: #fff;
   background: #487293;
   margin: 0 auto;
   position: relative;
}

.scPlanningPoint .planningPointList li .listImg {
   margin-top: -15px;
}

.scPlanningPoint .planningPointList li .listTitle {
   font-size: 2rem;
   letter-spacing: 0.1em;
   font-weight: 500;
   line-height: 36px;
   text-align: center;
   margin-top: 15px;
   padding-bottom: 17px;
   position: relative;
}

.scPlanningPoint .planningPointList li .listTitle::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 30px;
   height: 1px;
   background: #707070;
}

.scPlanningPoint .planningPointList li .listText {
   font-size: 1.5rem;
   letter-spacing: 0.05em;
   line-height: 35px;
   text-align: justify;
   padding: 0 10px;
   margin-top: 17px;
}

.scPlanningPoint .planningPointImgBox {
   max-width: 1440px;
   margin: 0 auto;
}

.scPlanningPoint .planningPointImgBox.tate {
   display: none;
}

@media all and (min-width: 681px) and (max-width: 1000px) {
   .scPlanningPoint .planningPointImgBox.northamerican {
      max-width: 711px;
   }

   .scPlanningPoint .planningPointImgBox.sweden {
      max-width: 652px;
   }

   .scPlanningPoint .planningPointImgBox.tate {
      display: block;
   }
   
   .scPlanningPoint .planningPointImgBox.noneSP {
      display: none;
   }
}

@media all and (min-width: 681px) {
   .scPlanningPoint .planningPointList li:nth-child(2) {
      transition-delay: 0.4s;
   }

   .scPlanningPoint .planningPointList li:nth-child(3) {
      transition-delay: 0.8s;
   }

   .scPlanningPoint .planningPointList li:nth-child(3n) {
      margin-right: 0;
   }

   .scPlanningPoint .planningPointImgBox {
      margin-top: 50px;
      margin-bottom: 57px;
   }
}

@media all and (max-width:680px) {
   .scPlanningPoint {
      padding: 3.6rem 0 6.2rem;
      margin-bottom: 3.6rem;
   }
   
   .scPlanningPoint .inner {
      padding: 0 2rem;
   }
   
   .scPlanningPoint .planningPointTitle {
      font-size: 1.6rem;
      margin-bottom: 3rem;
   }
   
   .scPlanningPoint .planningPointTitle span {
      padding: 0 4rem;
   }

   .scPlanningPoint .planningPointListSP li + li {
      border-top: 1px solid #000;
      padding-top: 0.6rem;
      margin-top: 0.6rem;
   }

   .scPlanningPoint .planningPointListSP li a {
      display: flex;
      align-items: center;
      position: relative;
   }

   .scPlanningPoint .planningPointListSP li a::before {
      content: '';
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%) rotate(45deg);
      width: 10px;
      height: 10px;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
   }

   .scPlanningPoint .planningPointListSP li .listNumber {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      font-size: 2rem;
      text-align: center;
      color: #fff;
      background: #487293;
      margin: 0 auto;
   }

   .scPlanningPoint .planningPointListSP li .text {
      width: calc(100% - 30px);
      padding-left: 1rem;
      font-size: 1.5rem;
      line-height: 21px;
      position: relative;
   }
   
   .scPlanningPoint .planningPointList {
      display: block;
      margin-top: 67px;
   }
   
   .scPlanningPoint .planningPointList li {
      width: 100%;
      margin-right: 0;
   }

   .scPlanningPoint .planningPointList li + li {
      margin-top: 4.6rem;
   }
   
   .scPlanningPoint .planningPointList li .listTitle {
      font-size: 1.6rem;
      line-height: 1.75;
      padding-bottom: 1.5rem;
   }
   
   .scPlanningPoint .planningPointList li .listText {
      letter-spacing: 0.05em;
      line-height: 2.35;
      padding: 0;
      margin-top: 1.1rem;
   }
   
   .scPlanningPoint .planningPointImgBox {
      margin-bottom: 76px;
   }
   
   .scPlanningPoint .planningPointImgBox.tate {
      display: none;
   }
}
/* プランニングポイント
***************************************************************/


/* ノースアメリカンスタイルを彩る素材
***************************************************************/
.scMaterial {
   padding: 200px 0 150px;
}

.scMaterial .inner {
   width: 1200px;
   margin: 0 auto;
}

.scMaterial .materialTitle {
   font-size: 2.4rem;
   font-weight: 500;
   letter-spacing: 0.1em;
   text-align: center;
   margin-bottom: 67px;
}

.scMaterial .materialItem + .materialItem {
   margin-top: 120px;
}

.scMaterial .materialItemTitle {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 80px;
   background: #2F4969;
   font-size: 2.6rem;
   letter-spacing: 0.1em;
   text-align: center;
   color: #fff;
   margin-bottom: 60px;
}

.scMaterial .materialItemCont {
   padding: 0 50px;
}

.scMaterial .materialItemBox + .materialItemBox {
   margin-top: 60px;
}

.scMaterial .materialItemBoxTitle {
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 2rem;
   letter-spacing: 0.1em;
   font-weight: 500;
   color: #2F4969;
   border: 1px solid #2F4969;
   margin-bottom: 40px;
}

.scMaterial .materialItemList {
   display: flex;
   flex-wrap: wrap;
   gap: 42px 40px;
}

.scMaterial .materialItemList .materialItemList {
   gap: 37px 0;
}

.scMaterial .materialItemList > li {
   width: 530px;
}

.scMaterial .materialItemList li .listTitle {
   font-size: 1.8rem;
   font-weight: 500;
   text-align: center;
   margin-top: 22px;
}

.scMaterial .materialItemList li .listText {
   font-size: 1.5rem;
   line-height: 32px;
   text-align: center;
   margin-top: 12px;
}

.scMaterial .materialItemList li.sml {
   width: 500px;
   margin-right: -10px;
}

.scMaterial .materialItemList li.big {
   width: 570px;
}

.scMaterial .materialItemList > li > .materialItemList > li {
   width: 100%;
}

.scMaterial .materialItemList.column3 li {
   width: 340px;
}

.scMaterial .materialItemList.column4 {
   gap: 33px;
}

.scMaterial .materialItemList.column4 li {
   width: 250px;
}

.scMaterial .materialItemListAllText {
   font-size: 1.5rem;
   line-height: 32px;
   text-align: center;
   margin-top: 12px;
}

@media all and (min-width: 681px) {
   .scMaterial .materialItem {
      display: block !important;
   }
}

@media all and (max-width:680px) {
   .scMaterial {
      padding: 11rem 0 6.2rem;
   }
   
   .scMaterial .inner {
      width: 100%;
      padding: 0 2rem;
   }
   
   .scMaterial .materialTitle {
      font-size: 1.8rem;
      line-height: 1.66;
      margin-bottom: 2.8rem;
   }

   .scMaterial .materialTabList {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 27px;
   }

   .scMaterial .materialTabList li {
      width: calc((100% - 15px)/2);
      height: 50px;
   }

   .scMaterial .materialTabList li a {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      font-size: 1.5rem;
      letter-spacing: 0.1em;
      color: #fff;
      background: #949AA2;
      transition: background 0.3s;
      position: relative;
   }

   .scMaterial .materialTabList li a::before {
      content: '';
      position: absolute;
      top: 45%;
      right: 14px;
      transform: translateY(-50%) rotate(45deg);
      width: 11px;
      height: 11px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
   }

   .scMaterial .materialTabList li.act {
      background: #2F4969;
   }
   
   .scMaterial .materialItem + .materialItem {
      /* display: none; */
      margin-top: 6rem;
   }
   
   .scMaterial .materialItemTitle {
      height: 60px;
      font-size: 2rem;
      margin-bottom: 0;
   }

   .scMaterial .materialItemLinkList {
      display: flex;
      flex-wrap: wrap;
   }

   .scMaterial .materialItemLinkList li {
      width: 50%;
      height: 50px;
      border-left: 1px solid #2F4969;
      border-bottom: 1px solid #2F4969;
   }

   .scMaterial .materialItemLinkList li:nth-child(2n),
   .scMaterial .materialItemLinkList li:last-child {
      border-right: 1px solid #2F4969;
   }

   .scMaterial .materialItemLinkList li a {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      letter-spacing: 0.1em;
      color: #2F4969;
      position: relative;
   }

   .scMaterial .materialItemLinkList li a::before {
      content: '';
      position: absolute;
      top: 45%;
      right: 12px;
      transform: translateY(-50%) rotate(45deg);
      width: 11px;
      height: 11px;
      border-right: 1px solid #2F4969;
      border-bottom: 1px solid #2F4969;
   }

   .scMaterial .materialItemLinkList li.column3 {
      width: calc(100% / 3);
   }

   .scMaterial .materialItemLinkList li.column3 a {
      padding-right: 1.2rem;
   }

   .scMaterial .materialItemLinkList li.column3:nth-child(2n) {
      border-right: none;
   }

   .scMaterial .materialItemLinkList li.column3:last-child {
      border-right: 1px solid #2F4969;
   }

   .scMaterial .materialItemLinkList li.max {
      width: 100%;
   }
   
   .scMaterial .materialItemCont {
      padding: 0;
      margin-top: 3.7rem;
   }
   
   .scMaterial .materialItemBox + .materialItemBox {
      margin-top: 2.8rem;
   }
   
   .scMaterial .materialItemBoxTitle {
      font-size: 1.8rem;
      margin-bottom: 20px;
   }
   
   .scMaterial .materialItemList {
      display: block;
      gap: 0;
   }
   
   .scMaterial .materialItemList .materialItemList {
      gap: 0;
   }
   
   .scMaterial .materialItemList > li {
      width: 100%;
   }

   .scMaterial .materialItemList > li + li {
      margin-top: 1.8rem;
   }
   
   .scMaterial .materialItemList li .listTitle {
      margin-top: 1rem;
   }

   .scMaterial .materialItemList li .listTitle .sml {
      font-size: 1.5rem;
   }
   
   .scMaterial .materialItemList li .listText {
      line-height: 2.15;
      text-align: left;
      margin-top: 0.2rem;
   }
   
   .scMaterial .materialItemList li.sml {
      width: 100%;
      margin-right: 0;
   }
   
   .scMaterial .materialItemList li.big {
      width: 100%;
   }

   .scMaterial .materialItemList li.big .listImg {
      margin-bottom: 1.5rem;
   }
   
   .scMaterial .materialItemList.column3 li {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
   }

   .scMaterial .materialItemList.column3 li .listImg {
      order: 2;
      width: 120px;
      margin-top: 0.8rem;
   }

   .scMaterial .materialItemList.column3 li .listTitle {
      order: 1;
      width: 100%;
      margin-top: 0;
      margin-bottom: 0.8rem;
      font-size: 1.7rem;
      position: relative;
      z-index: 0;
   }

   .scMaterial .materialItemList.column3 li .listTitle::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 100%;
      height: 1px;
      background: #000;
      z-index: -1;
   }

   .scMaterial .materialItemList.column3 li .listTitle span {
      display: inline-block;
      background: #fff;
      padding: 0 1.6rem;
   }

   .scMaterial .materialItemList.column3 li .listText {
      order: 3;
      width: calc(100% - 120px);
      margin-top: 0;
      padding-left: 1.5rem;
   }
   
   .scMaterial .materialItemList.column4 {
      display: flex;
      justify-content: space-between;
      gap: 0;
   }
   
   .scMaterial .materialItemList.column4 li {
      width: calc((100% - 2px)/2);
      margin-top: 1.5rem;
   }

   .scMaterial .materialItemList.column4 li:first-child,
   .scMaterial .materialItemList.column4 li:nth-child(2) {
      margin-top: 0;
   }

   .scMaterial .materialItemList.column4 li .listTitle {
      font-size: 1.4rem;
      margin-top: 0.5rem;
   }
   
   .scMaterial .materialItemListAllText {
      line-height: 32px;
      text-align: left;
      margin-top: 12px;
   }
}
/* ノースアメリカンスタイルを彩る素材
***************************************************************/

/* セレクトオーダー：プラン
***************************************************************/
.scPlan .planItem {
   padding: 6rem 0 9rem;
}

.scPlan .planItem:nth-child(odd) {
   background: #F7F9FA;
}

.scPlan .planItem:nth-child(even) {
   background: #fff;
}

.scPlan .planItem .inner {
   width: 1200px;
   margin: 0 auto;
}

.scPlan .planItemTitleBox {
   padding-bottom: 3.8rem;
   border-bottom: 1.5px solid #222;
}

.scPlan .planItemTitleBox .planIcon {
   margin: 0 auto;
}

.scPlan .planItemTitleBox .planItemTitle {
   font-size: 3.1rem;
   letter-spacing: 0.1em;
   font-weight: 500;
   text-align: center;
   margin-top: 2.6rem;
}

.scPlan .planItemTitleBox .planItemTitle .sml {
   display: block;
   font-size: 2.2rem;
   font-weight: 400;
   margin-top: 1rem;
}

.scPlan .planItemContBox {
   padding-top: 4rem;
}

.scPlan .enText {
   font-size: 2.4rem;
   letter-spacing: 0.1em;
   font-weight: 500;
   line-height: 35px;
   text-align: center;
}

.scPlan .jpText {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   font-size: 1.8rem;
   letter-spacing: 0.05em;
   text-align: center;
   margin-top: 2.6rem;
}

.scPlan .planItemImg {
   margin: 6.5rem auto 0;
   position: relative;
}

.scPlan .planItemBtn {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   width: 35px;
   height: 35px;
   font-size: 3.3rem;
   line-height: 1;
   font-weight: 500;
   color: #fff;
   background: #487293;
   padding-bottom: 1px;
   z-index: 1;
}

.scPlan .planningPointBox {
   padding-top: 7rem;
}

.scPlan .planningPointTitle {
   font-size: 2.2rem;
   letter-spacing: 0.1em;
   line-height: 1;
   font-weight: 600;
   text-align: center;
}

.scPlan .planningPointTitle span {
   display: inline-block;
   padding: 0 5.6rem;
   border-left: 1px solid #022222;
   border-right: 1px solid #022222;
}

.scPlan .planningPointlist {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 4.8rem;
   margin-top: 4.5rem;
}

.scPlan .planningPointlist li {
   width: 367px;
}

.scPlan .planningPointlist li .listNum {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 35px;
   height: 35px;
   font-size: 3.1rem;
   line-height: 1;
   font-weight: 500;
   color: #fff;
   background: #487293;
   padding-bottom: 2px;
   margin: 0 auto;
}

.scPlan .planningPointlist li .listTitle {
   font-size: 2rem;
   letter-spacing: 0;
   font-weight: 500;
   text-align: center;
   margin-top: 1.2rem;
   padding-bottom: 2rem;
   position: relative;
}

.scPlan .planningPointlist li .listTitle::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 31px;
   height: 1px;
   background: #2F4969;
}

.scPlan .planningPointlist li .listText {
   font-size: 1.6rem;
   letter-spacing: 0.09em;
   line-height: 36px;
   text-align: justify;
   margin-top: 1.6rem;
}

.scPlan .planningPointNote {
   font-size: 2.4rem;
   letter-spacing: 0.05em;
   font-weight: 600;
   color: #2F4969;
   text-align: center;
   margin-top: 6rem;
}

.scPlan .planningPointNote span {
   border-bottom: 1.5px solid #2F4969;
}

@media all and (min-width: 681px) {
   
}

@media all and (max-width:680px) {
   .scPlan .planItem {
      padding: 2.6rem 0 5.4rem;
   }
   
   .scPlan .planItem .inner {
      width: 100%;
      padding: 0 2rem;
   }
   
   .scPlan .planItemTitleBox {
      padding-bottom: 2.5rem;
   }
   
   .scPlan .planItemTitleBox .planItemTitle {
      font-size: 2.2rem;
      margin-top: 1.8rem;
   }
   
   .scPlan .planItemTitleBox .planItemTitle .sml {
      font-size: 1.8rem;
      font-weight: 500;
      margin-top: 1.3rem;
   }
   
   .scPlan .planItemContBox {
      padding-top: 2.4rem;
   }
   
   .scPlan .enText {
      font-size: 1.4rem;
      letter-spacing: 0.08em;
      line-height: 1.5;
   }
   
   .scPlan .jpText {
      font-size: 1.3rem;
      text-align: left;
      margin: 1.6rem -1.5rem 0;
      padding: 0 1rem;
      position: relative;
   }

   .scPlan .jpText::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1px;
      height: 100%;
      background: #222;
   }

   .scPlan .jpText .jpTextItem {
      width: 50%;
      padding: 0 1.5rem;
   }

   .scPlan .jpText .jpTextItem .itemInner {
      display: block;
   }

   .scPlan .jpText .jpTextItem .itemInner:nth-child(2) {
      text-align: right;
   }
   
   .scPlan .planItemImg {
      margin-top: 3.3rem;
   }
   
   .scPlan .planItemBtn {
      width: 17px;
      height: 17px;
      font-size: 1.4rem;
   }
   
   .scPlan .planningPointBox {
      padding-top: 3.5rem;
   }
   
   .scPlan .planningPointTitle {
      font-size: 1.6rem;
   }
   
   .scPlan .planningPointTitle span {
      padding: 0 4rem;
   }
   
   .scPlan .planningPointlist {
      display: block;
      margin-top: 2.5rem;
   }
   
   .scPlan .planningPointlist li {
      width: 100%;
   }

   .scPlan .planningPointlist li + li {
      margin-top: 4rem;
   }
   
   .scPlan .planningPointlist li .listNum {
      width: 30px;
      height: 30px;
      font-size: 2rem;
      padding-bottom: 1px;
   }
   
   .scPlan .planningPointlist li .listTitle {
      font-size: 1.6rem;
      letter-spacing: 0.1em;
      padding-bottom: 1.5rem;
   }
   
   .scPlan .planningPointlist li .listText {
      font-size: 1.5rem;
      letter-spacing: 0.05em;
      line-height: 2.334;
      margin-top: 1rem;
   }
   
   .scPlan .planningPointNote {
      font-size: 2rem;
      line-height: 1.5;
      margin-top: 4rem;
   }

   .scPlan .planningPointNote span {
      border-bottom: none;
   }
}
/* セレクトオーダー：プラン
***************************************************************/

/* 石田ホームのセレクトオーダーとは
***************************************************************/
.scAboutOrder {
   padding: 11.6rem 0 13.6rem;
}

.scAboutOrder .inner {
   width: 992px;
   margin: 0 auto;
}

.scAboutOrder .aboutOrderTitle {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 68px;
   font-size: 3rem;
   letter-spacing: 0.1em;
   font-weight: 500;
   color: #fff;
   text-align: center;
   background: #2F4969;
}

.scAboutOrder .aboutOrderText {
   font-size: 1.8rem;
   letter-spacing: 0.1em;
   line-height: 43px;
   text-align: justify;
   margin-top: 2.8rem;
}

.scAboutOrder .comparisonBox {
   margin-top: 5rem;
}

.scAboutOrder .comparisonTitle {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 50px;
   font-size: 2.4rem;
   letter-spacing: 0.1em;
   font-weight: 600;
   text-align: center;
   border: 1px solid #707070;
}

.scAboutOrder .comparisonImg {
   margin-top: 1.3rem;
}

.scAboutOrder .comparisonNote {
   font-size: 1.2rem;
   letter-spacing: 0;
   line-height: 17px;
   margin-top: 0.8rem;
}

.scAboutOrder .aboutOrderBtnBox {
   margin-top: 7.5rem;
}

.scAboutOrder .aboutOrderBtn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 321px;
   height: 66px;
   background: #2F4969;
   font-size: 1.4rem;
   letter-spacing: 0.02em;
   line-height: 20px;
   text-align: center;
   color: #fff;
   padding-right: 1.8rem;
   margin: 0 auto;
   position: relative;
}

.scAboutOrder .aboutOrderBtn + .aboutOrderBtn {
   margin-top: 3.8rem;
}

.scAboutOrder .aboutOrderBtn i {
   display: block;
   position: absolute;
   top: 50%;
   right: 37px;
   transform: translateY(-50%) rotate(-45deg);
   width: 8px;
   height: 8px;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
}

@media all and (min-width: 681px) {
   .scAboutOrder .aboutOrderBtn {
      transition: opacity 0.3s;
   }
   
   .scAboutOrder .aboutOrderBtn i {
      transition: right 0.3s;
   }

   .scAboutOrder .aboutOrderBtn:hover {
      opacity: 0.7;
   }
   
   .scAboutOrder .aboutOrderBtn:hover i {
      right: 30px;
   }
}

@media all and (max-width:680px) {
   .scAboutOrder {
      padding: 6rem 0 7rem;
   }
   
   .scAboutOrder .inner {
      width: 100%;
      padding: 0 2rem;
   }
   
   .scAboutOrder .aboutOrderTitle {
      height: 72px;
      font-size: 2rem;
   }
   
   .scAboutOrder .aboutOrderText {
      font-size: 1.6rem;
      line-height: 2;
   }
   
   .scAboutOrder .comparisonBox {
      margin-top: 3rem;
   }
   
   .scAboutOrder .comparisonTitle {
      height: 44px;
      font-size: 1.7rem;
      letter-spacing: 0;
   }
   
   .scAboutOrder .comparisonImg {
      margin-top: 1.9rem;
   }
   
   .scAboutOrder .comparisonNote {
      font-size: 1.2rem;
      letter-spacing: 0.05em;
      line-height: 1.42;
   }
   
   .scAboutOrder .aboutOrderBtnBox {
      margin-top: 4.5rem;
   }
   
   .scAboutOrder .aboutOrderBtn {
      width: 83.584%;
      height: 56px;
      line-height: 1.41;
      padding-right: 1.5rem;
   }
   
   .scAboutOrder .aboutOrderBtn + .aboutOrderBtn {
      margin-top: 2.6rem;
   }
   
   .scAboutOrder .aboutOrderBtn i {
      right: 1.2rem;
   }
}
/* 石田ホームのセレクトオーダーとは
***************************************************************/


.scOther {
   padding-top: 200px;
}

@media all and (max-width: 680px) {
   .scOther {
      padding-top: 11rem;
   }
}


/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}