@charset "UTF-8";
/* コンテナを定義 */
#main {
    container-type: inline-size;
}
/* noto-serif-jp-regular - latin_japanese */
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Serif JP'), local('NotoSerifJP-Regular'),
       url('../fonts/NotoSerifCJKjp-Regular.min.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoSerifCJKjp-Regular.min.woff') format('woff'); /* Modern Browsers */
}
/* noto-serif-jp-500 - latin_japanese */
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Serif JP Medium'), local('NotoSerifJP-Medium'),
       url('../fonts/NotoSerifCJKjp-Medium.min.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoSerifCJKjp-Medium.min.woff') format('woff'); /* Modern Browsers */
}

.main *,
.main *::before,
.main *::after {
  box-sizing: border-box;
  font-variant-ligatures: none;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
}
.main {
  font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 100%;
  font-weight: 400;
  color: #000;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
.main img {
  vertical-align: bottom;
  max-width: 100%;
}

/* LINK
***************************************************************/
.main a {
  transition: 0.3s ease;
  text-decoration: none;
  color: #000;
}
.main a:active,
.main a:focus {
    outline: none;
}
.main a img {
  transition: 0.3s ease;
}

/* NONE
***************************************************************/
.main .none {
  display: none;
}
.main .linkNone {
  pointer-events: none;
}
@container (min-width: 901px) {
  .main .nonePC {
    display: none !important;
  }
  .main .linkNonePC {
    pointer-events: none;
  }
}
@container (max-width:900px) {
  .main .noneSP {
    display: none !important;
  }
  .main .linkNoneSP {
    pointer-events: none;
  }
}

/* clearfix
***************************************************************/
.main .clearfix::after {
  content: "";
  display: block;
  clear: both;
}



/*---------------------------- グローバルエリア ----------------------------*/

/* ヘッダー
***************************************************************/
@container (min-width: 901px) {
}
@container (max-width:900px) {
}
@container (max-width:370px) {
}

/* フッター
***************************************************************/

@container (min-width: 901px) {
}
@container (max-width:900px) {
}
@container (max-width:370px) {
}



/*---------------------------- コンテンツエリア ----------------------------*/
.bgWrap {
  padding: 90px 0 0;
  color: #fff;
  background-color: #000;
  background-image: url(../img/main_bg01.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.red {
  color: #33CC00;
}
/* w_btn01 */
.w_btn01 {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 900px;
  height: 120px;
  /* margin: 0 auto -120px; */
  margin: 0 auto;
  padding: 0 50px;
  background-color: #fff;
  position: relative;
  top: -60px;
  cursor: pointer;
  transition: 0.3s ease;
}
.w_btn01::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 74px 236px;
  border-color: transparent transparent #33CC00 transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: border 0.3s ease;
}
.w_btn01 .h2 {
  color: #33CC00;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.w_btn01 .h2 .s1 {
  display: block;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
}
.w_btn01 .arrow1 {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  position: absolute;
  z-index: 1;
  bottom: 18px;
  right: 40px;
}
.w_btn01 .arrow1::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  width: 15px;
  height: 15px;
  margin: auto;
  border-top: none;
  border-left: none;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
  transition: right 0.3s ease;
}
.w_btn01.type2 {
  padding-left: 140px;
}
.w_btn01 .num {
  width: 95px;
  height: 110px;
  position: absolute;
  left: 14px;
  top: -18px;
  border-radius: 0 0 8px 8px;
  background-color: #33CC00;
  color: #fff;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
}
.w_btn01 .num .s1 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.w_btn01 .num .s2 {
  font-size: 33px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  padding-left: 0.05em;
}
/* CSSアコーディオン */
/* .w_btn01 + .w_contents {
  overflow: hidden;
  transition: max-height 0.3s ease;
} */
.w_btn01 .c1 {
  display: block;
}
.w_btn01 .c2 {
  display: none;
}
/* .w_acd:not(:checked) + .w_btn01 + .w_contents {
  max-height: 0;
} */
/* .w_acd:not(:checked) + .w_btn01 .c1 {
  display: block;
}
.w_acd:not(:checked) + .w_btn01 .c2 {
  display: none;
} */
.w_btn01.on .c1 {
  display: none;
}
.w_btn01.on .c2 {
  display: block;
}
/* w_btn02 */
.main .w_btn02 {
  color: #fff;
  margin: 70px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 142px;
  position: relative;
}
.w_btn02 .s1 {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.08em;
  padding-left: 0.08em;
  margin-top: 40px;
}
.w_btn02::before {
  content: "";
  border-style: solid;
  border-width: 0 105px 142px 105px;
  border-color: transparent transparent #33CC00 transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: border 0.3s ease;
}
@container (min-width: 901px) {
  .w_btn01:hover::after {
    border-color: transparent transparent #000 transparent;
  }
  .w_btn01:hover .arrow1::after {
    right: -26px;
  }
  .w_btn02:hover::before {
    border-color: transparent transparent #000 transparent;
  }
}
@container (max-width:900px) {
  .bgWrap {
    padding: 64px 0 0;
    background-image: url(../img/main_bg01_sp.webp);
  }
  /* w_btn01 */
  .w_btn01 {
    width: calc(100% - 10.94cqw);
    height: 23.44cqw;
    margin-bottom: -23.44cqw;
    padding: 0 4.69cqw;
    top: -11.72cqw;
  }
  .w_btn01::after {
    border-width: 0 0 11.56cqw 36.88cqw;
  }
  .w_btn01 .h2 {
    font-size: 4.38cqw;
  }
  .w_btn01 .h2 .s1 {
    font-size: 3.13cqw;
  }
  .w_btn01 .arrow1 {
    font-size: 2.19cqw;
    bottom: 2cqw;
    right: 6.25cqw;
  }
  .w_btn01 .arrow1::after {
    right: -3.13cqw;
    width: 2.34cqw;
    height: 2.34cqw;
    border-width: 0.63cqw;
  }
  .w_btn01.type2 {
    padding-left: 4.69cqw;
    padding-top: 2cqw;
  }
  .w_btn01 .num {
    width: 18.5cqw;
    height: 12.6cqw;
    left: 0;
    right: 0;
    top: -8.5cqw;
    margin: auto;
    line-height: 1.2;
  }
  .w_btn01 .num .s1 {
    font-size: 2.5cqw;
  }
  .w_btn01 .num .s2 {
    font-size: 5.5cqw;
  }
  /* CSSアコーディオン */
  /* .w_btn01 + .w_contents {
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .w_acd:not(:checked) + .w_btn01 + .w_contents {
    max-height: 0;
  } */
  /* w_btn02 */
  .main .w_btn02 {
    margin-top: 10.94cqw;
    width: 32.81cqw;
    height: 22.19cqw;
  }
  .w_btn02 .s1 {
    font-size: 3.75cqw;
    margin-top: 6.25cqw;
  }
  .w_btn02::before {
    border-width: 0 16.41cqw 22.19cqw 16.41cqw;
  }
}
@container (max-width:370px) {
}

/* mvWrap
***************************************************************/
.mvWrap {
  border-bottom: 2px dashed #33CC00;
}
.mvWrap .mvInner {
  max-width: 1300px;
  padding: 140px 50px 120px;
}
.mvWrap .textBox01 .h1 {
  position: relative;
  line-height: 1.5;
  padding-bottom: 12px;
}
.mvWrap .textBox01 .h1::after {
  content: "";
  width: 314px;
  height: 6.5px;
  background-color: #33CC00;
  position: absolute;
  left: 0;
  bottom: 0;
}
.mvWrap .textBox01 .h1 .t1 {
  display: block;
  font-size: 4cqw;
  letter-spacing: 0.28em;
}
.mvWrap .textBox01 .h1 .t2 {
  display: block;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.mvWrap .textBox01 .p1 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 2.2;
  margin-top: 10px;
}
@container (min-width: 901px) {
}
@container (min-width: 1400px) {
  .mvWrap .textBox01 .h1 .t1 {
    font-size: 56px;
  }
}
@container (max-width:900px) {
  .mvWrap .mvInner {
    padding: 16.5cqw 9cqw 21.88cqw;
  }
  .mvWrap .textBox01 .h1 {
    position: relative;
    line-height: 1.5;
    padding-bottom: 2cqw;
  }
  .mvWrap .textBox01 .h1::after {
    width: 49.06cqw;
    height: 1.02cqw;
  }
  .mvWrap .textBox01 .h1 .t1 {
    font-size: 7cqw;
  }
  .mvWrap .textBox01 .h1 .t2 {
    font-size: 4cqw;
  }
  .mvWrap .textBox01 .p1 {
    font-size: 4cqw;
  }
}
@container (max-width:370px) {
}

/* aboutWrap
***************************************************************/
.aboutWrap {
  padding: 0 0 66px;
}
.aboutWrap .contents_about1 {
  background-color: #fff;
  color: #000;
  width: 100%;
  display: none;
}
.aboutWrap .contents_about1 .inner {
  width: 900px;
  margin: 0 auto;
  padding: 120px 0 0;
}
.aboutWrap .contents_about1 .text1 {
  font-size: 16px;
  letter-spacing: 0;
  text-align: justify;
  line-height: 2;
}
.aboutWrap .contents_about1 .ul1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.aboutWrap .contents_about1 .ul1 .li1 {
  width: 423px;
  border-top: 2px solid #33CC00;
  border-bottom: 2px solid #33CC00;
  margin: 60px 0 0;
  padding: 50px 0 70px;
  display: flex;
  flex-flow: column;
}
.aboutWrap .contents_about1 .ul1 .li1 .h3 {
  display: flex;
  align-items: center;
}
.aboutWrap .contents_about1 .ul1 .li1 .h3 .s1 {
  width: 75px;
  height: 75px;
  background-color: #33CC00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 33px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.aboutWrap .contents_about1 .ul1 .li1 .h3 .s2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: 0.05em;
  margin-left: 20px;
}
.aboutWrap .contents_about1 .ul1 .li1 .ul1_p1 {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0;
  text-align: justify;
  margin-top: 15px;
  flex-grow: 1;
}
.aboutWrap .contents_about1 .ul1 .li1 .img1 {
  width: 100%;
  margin-top: 40px;
}
.aboutWrap .contents_about1 .ul1 .li1 .img1 img {
  width: 100%;
}
@container (min-width: 901px) {
}
@container (max-width:900px) {
  .aboutWrap {
    padding-bottom: 12.2cqw;
  }
  .aboutWrap .contents_about1 .inner {
    width: calc(100% - 10.94cqw);
    padding: 18.75cqw 0 0;
  }
  .aboutWrap .contents_about1 .text1 {
    font-size: 3.75cqw;
  }
  .aboutWrap .contents_about1 .ul1 {
    display: block;
    margin-bottom: 4.69cqw;
  }
  .aboutWrap .contents_about1 .ul1 .li1 {
    width: 100%;
    margin: 9.38cqw 0 0;
    padding: 7.81cqw 0 10.94cqw;
  }
  .aboutWrap .contents_about1 .ul1 .li1 + .li1 {
    border-top: none;
    margin-top: 0;
  }
  .aboutWrap .contents_about1 .ul1 .li1 .h3 .s1 {
    width: 11.72cqw;
    height: 11.72cqw;
    font-size: 5.16cqw;
  }
  .aboutWrap .contents_about1 .ul1 .li1 .h3 .s2 {
    font-size: 4.38cqw;
    margin-left: 3.13cqw;
  }
  .aboutWrap .contents_about1 .ul1 .li1 .ul1_p1 {
    font-size: 3.75cqw;
    margin-top: 2.34cqw;
  }
  .aboutWrap .contents_about1 .ul1 .li1 .img1 {
    margin-top: 6.25cqw;
  }
}
@container (max-width:370px) {
}

/* flowWrap
***************************************************************/
.flowWrap {
  padding: 30px 0 110px;
}
.flowWrap .h2 {
  width: 314px;
  margin: 0 auto;
  line-height: 1.4;
}
.flowWrap .h2 .t1 {
  display: block;
  width: 100%;
  font-size: 44px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-bottom: 6.5px solid #33CC00;
}
.flowWrap .h2 .t2 {
  display: block;
  width: 100%;
  font-size: 23px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
}
.flowWrap .h2 .t3 {
  display: block;
  width: 100%;
  font-size: 35px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
}
.flowStep {
  width: 100%;
  height: 350px;
  background-image: url(../img/line01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2453px;
}
.flowStep .ul1 {
  width: 900px;
  margin: 0 auto;
  padding: 100px 0 0;
  display: flex;
  justify-content: space-between;
}
.flowStep .ul1 > li {
  width: 181px;
  height: 181px;
  color: #000;
  background-image: url(../img/circle01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.flowStep .ul1 > li .i1 {
  width: 112px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border-bottom: 3px solid #33CC00;
  padding: 5px 0 10px;
}
.flowStep .ul1 > li .i2 {
  width: 112px;
  font-size: 34px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.2em;
  padding-left: 0.2em;
}
.flowStep .ul1 > li.li2 {
  margin-top: -25px;
}
.flowStep .ul1 > li.li3 {
  margin-top: -50px;
}
.flowStep .ul1 > li.li4 {
  margin-top: -75px;
}
@container (min-width: 901px) {
}
@container (max-width:900px) {
  .flowWrap {
    padding: 20px 0 29cqw;
  }
  .flowWrap .h2 {
    width: 49.06cqw;
  }
  .flowWrap .h2 .t1 {
    font-size: 6.88cqw;
    padding-bottom: 1.88cqw;
    margin-bottom: 2.34cqw;
    border-width: 1.02cqw;
  }
  .flowWrap .h2 .t2 {
    font-size: 3.59cqw;
  }
  .flowWrap .h2 .t3 {
    font-size: 5.47cqw;
  }
  .flowStep {
    height: 75cqw;
    background-image: url(../img/line01_sp.svg);
    background-size: contain;
    bgackground-position: center center;
  }
  .flowStep .ul1 {
    width: calc(100% - 10.94cqw);
    padding: 0;
    flex-flow: wrap;
    justify-content: flex-start;
  }
  .flowStep .ul1 > li {
    width: 28.28cqw;
    height: 28.28cqw;
  }
  .flowStep .ul1 > li .i1 {
    width: 17.5cqw;
    font-size: 2.81cqw;
    border-bottom: 0.47cqw solid #33CC00;
    padding: 0.78cqw 0 1.56cqw;
  }
  .flowStep .ul1 > li .i2 {
    width: 17.5cqw;
    font-size: 5.31cqw;
  }
  .flowStep .ul1 > li.li1 {
    margin-top: 14.67cqw;
  }
  .flowStep .ul1 > li.li2 {
    margin-top: 9.33cqw;
    margin-left: 2cqw;
  }
  .flowStep .ul1 > li.li3 {
    margin-top: -1.33cqw;
    margin-left: 30.5cqw;
  }
  .flowStep .ul1 > li.li4 {
    margin-top: -5.34cqw;
    margin-left: 2cqw;
  }
}
@container (max-width:370px) {
}

/* stepWrap
***************************************************************/
.stepWrap {
  min-height: 160px;
  border-top: 2px dashed #33CC00;
}
.stepWrap .w_contents {
  background-color: #fff;
  margin-bottom: 158px;
  display: none;
}
.stepWrap .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0 0;
  color: #000;
}
/* text1 */
.stepWrap .inner .text1 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 2;
  text-align: center;
  padding: 60px 0;
}
/* ul1 */
.stepWrap .inner .ul1 {
  display: flex;
  justify-content: space-between;
}
.stepWrap .inner .ul1 .li1 {
  width: 48%;
  border-top: 2px solid #33CC00;
  border-bottom: 2px solid #33CC00;
  padding: 50px 0 70px;
  display: flex;
  flex-flow: column;
}
.stepWrap .inner .ul1 .li1 .h3 {
  display: flex;
  align-items: center;
}
.stepWrap .inner .ul1 .li1 .h3 .s1 {
  width: 75px;
  height: 75px;
  background-color: #33CC00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 33px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.stepWrap .inner .ul1 .li1 .h3 .s2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: 0.05em;
  margin-left: 20px;
}
.stepWrap .inner .ul1 .li1 .h3.type2 .s1 {
  background-color: #fff;
  border: 3px solid #33CC00;
  color: #33CC00;
}
.stepWrap .inner .ul1 .li1 .h3.type2 .s3 {
  font-size: 19px;
}
.stepWrap .inner .ul1 .li1 .h3_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stepWrap .inner .ul1 .li1 .h3_2 .s1 {
  width: 85px;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  order: 2;
}
.stepWrap .inner .ul1 .li1 .h3_2 .s2 {
  color: #33CC00;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: 0.05em;
  order: 1;
}
.stepWrap .inner .ul1 .li1 .ul1_p1 {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0;
  text-align: justify;
  margin-top: 15px;
  flex-grow: 1;
}
.stepWrap .inner .ul1 .li1 .img1 {
  width: 100%;
  margin-top: 40px;
}
.stepWrap .inner .ul1 .li1 .img1 img {
  width: 100%;
}
.stepWrap .inner .ul1 .li1 .img1.type2 {
  width: 79.25%;
  margin-left: auto;
  margin-right: auto;
}
/* clm2 */
.stepWrap .clm2 {
  display: flex;
  justify-content: space-between;
}
.stepWrap .clm2 .lBox {
  width: 27%;
}
.stepWrap .clm2 .rBox {
  width: 71%;
}
/* titleType1 */
.stepWrap .titleType1 {
  border-top: 2px solid #33CC00;
  padding-top: 45px;
}
.stepWrap .titleType1 .t_num1 {
  width: 75px;
  height: 75px;
  margin-bottom: 15px;
  background-color: #33CC00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 33px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.stepWrap .titleType1 .t_text1 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: 0.05em;
}
/* titleType2 */
.stepWrap .titleType2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.46;
  letter-spacing: 0.05em;
  width: 100%;
  color: #fff;
  background-color: #33CC00;
  padding: 6px 20px 8px;
}
/* t_img1 */
.stepWrap .t_img1,
.stepWrap .t_img1 img {
  width: 100%;
}
/* bdrList1 */
.stepWrap .bdrList1 .b_li1 {
  padding: 44px 0;
  border-bottom: 2px dashed #33CC00;
}
.stepWrap .bdrList1 .b_li1.noBdr {
  border-bottom: none;
}
/* b_numTitle1 */
.stepWrap .b_numTitle1 {
  display: flex;
  justify-content: space-between;
}
.stepWrap .b_numTitle1 .n_num1 {
  width: 60px;
  height: 60px;
  background-color: #33CC00;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.stepWrap .b_numTitle1 .n_num1.type2 {
  font-size: 17px;
}
.stepWrap .b_numTitle1 .n_check1 {
  width: 60px;
  height: 60px;
}
.stepWrap .b_numTitle1 .n_text1 {
  width: calc(100% - 85px);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.82;
  letter-spacing: 0;
  text-align: justify;
  margin-top: -10px;
}
.stepWrap .b_numTitle1.a_center {
  align-items: center;
}
.stepWrap .b_numTitle1.a_center .n_text1 {
  margin-top: 0;
}
.stepWrap .b_numTitle1 .n_text1 .sml1 {
  display: block;
  font-size: 15px;
}
/* textType1 */
.stepWrap .textType1 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 2;
  text-align: justify;
  padding: 40px 0;
}
/* line1 */
.stepWrap .line1 {
  width: 100%;
  height: 1px;
  background-color: #b3b3b3;
  margin: 50px 0 90px;
}
/* endText1 */
.stepWrap .endText1 {
  border-bottom: 6.5px solid #33CC00;
  padding: 20px 0 4px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: justify;
}
/* endBorder */
.endBorder {
  width: 100%;
  height: 9px;
  background-color: #33CC00;
}
/* subTitle1 */
.stepWrap .subTitle1 {
  color: #33CC00;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: justify;
}
.stepWrap .subTitle1.center {
  text-align: center;
}
/* tableWrap */
.stepWrap .tableWrap {
  display: flex;
  width: 100%;
}
.stepWrap .tableWrap .tableList {
  flex-grow: 1;
}
.stepWrap .tableWrap.even .tableList {
  width: 50%;
}
.stepWrap .tableWrap .tableList .li1 {
  color: #33CC00;
  border: 1px solid #33CC00;
  font-size: 17px;
  font-weight: 500;
  height: 55px;
  padding: 0 15px;
  display: flex;
  flex-flow: wrap;
  align-items: center;
}
.stepWrap .tableWrap .tableList .li1.typeRed {
  color: #fff;
  background-color: #33CC00;
}
.stepWrap .tableWrap .tableList .li1.hx2 {
  height: 110px;
}
.stepWrap .tableWrap .tableList .li1.hx2 .sml1 {
  margin-top: -40px;
}
.stepWrap .tableWrap .tableList .li1 + .li1 {
  border-top: 0;
}
.stepWrap .tableWrap .tableList + .tableList .li1 {
  border-left: 0;
}
.stepWrap .tableWrap .tableList .li1 .sml1 {
  color: #000;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 400;
}
/* padding/margin */
.main .stepWrap .pt0 {
  padding-top: 0;
}
.main .stepWrap .pt10 {
  padding-top: 10px;
}
.main .stepWrap .pt20 {
  padding-top: 20px;
}
.main .stepWrap .pt30 {
  padding-top: 30px;
}
.main .stepWrap .pt40 {
  padding-top: 40px;
}
.main .stepWrap .pt50 {
  padding-top: 50px;
}
.main .stepWrap .pb0 {
  padding-bottom: 0;
}
.main .stepWrap .pb10 {
  padding-bottom: 10px;
}
.main .stepWrap .pb20 {
  padding-bottom: 20px;
}
.main .stepWrap .pb30 {
  padding-bottom: 30px;
}
.main .stepWrap .pb40 {
  padding-bottom: 40px;
}
.main .stepWrap .pb50 {
  padding-bottom: 50px;
}
/* width */
.stepWrap .w900 {
  max-width: 900px;
  margin: 0 auto;
}

@container (min-width: 901px) {
}
@container (max-width:900px) {
  .stepWrap {
    min-height: 36cqw;
    padding-bottom: 1px;
  }
  .stepWrap .w_contents {
    margin-bottom: 29cqw;
  }
  .stepWrap .inner {
    width: calc(100% - 10.94cqw);
    padding: 11.72cqw 0 0;
  }
  /* text1 */
  .stepWrap .inner .text1 {
    font-size: 3.5cqw;
    padding: 9.38cqw 0;
  }
  /* ul1 */
  .stepWrap .inner .ul1 {
    display: block;
  }
  .stepWrap .inner .ul1 .li1 {
    width: 100%;
    padding: 7.81cqw 0 10.94cqw;
  }
  .stepWrap .inner .ul1 .li1 + .li1 {
    border-top: none;
    margin-top: 0;
  }
  .stepWrap .inner .ul1 .li1 .h3 .s1 {
    width: 11.72cqw;
    height: 11.72cqw;
    font-size: 5.16cqw;
  }
  .stepWrap .inner .ul1 .li1 .h3 .s2 {
    font-size: 4.38cqw;
    margin-left: 3.13cqw;
  }
  .stepWrap .inner .ul1 .li1 .h3.type2 .s3 {
    font-size: 3.75cqw;
  }
  .stepWrap .inner .ul1 .li1 .h3_2 {
    justify-content: flex-start;
  }
  .stepWrap .inner .ul1 .li1 .h3_2 .s1 {
    width: 13.28cqw;
    order: 1;
  }
  .stepWrap .inner .ul1 .li1 .h3_2 .s2 {
    font-size: 4.38cqw;
    margin-left: 3.13cqw;
    order: 2;
  }
  .stepWrap .inner .ul1 .li1 .ul1_p1 {
    font-size: 3.75cqw;
    margin-top: 2.34cqw;
  }
  .stepWrap .inner .ul1 .li1 .img1 {
    margin-top: 6.25cqw;
  }
  /* clm2 */
  .stepWrap .clm2 {
    display: block;
  }
  .stepWrap .clm2 .lBox {
    width: 100%;
  }
  .stepWrap .clm2 .rBox {
    width: 100%;
  }
  /* titleType1 */
  .stepWrap .titleType1 {
    padding-top: 7.03cqw;
    padding-bottom: 7.03cqw;
    display: flex;
    align-items: center;
  }
  .stepWrap .titleType1 .t_num1 {
    width: 11.72cqw;
    height: 11.72cqw;
    font-size: 5.16cqw;
    margin-bottom: 0;
  }
  .stepWrap .titleType1 .t_text1 {
    font-size: 4.38cqw;
    margin-left: 3.13cqw;
  }
  /* titleType2 */
  .stepWrap .titleType2 {
    font-size: 4.38cqw;
    text-align: center;
    padding: 0.94cqw 3.13cqw 1.25cqw;
  }
  /* bdrList1 */
  .stepWrap .bdrList1 .b_li1 {
    padding: 6.88cqw 0;
  }
  /* b_numTitle1 */
  .stepWrap .b_numTitle1 {
    display: flex;
    justify-content: space-between;
  }
  .stepWrap .b_numTitle1 .n_num1 {
    width: 9.38cqw;
    height: 9.38cqw;
    font-size: 3.75cqw;
  }
  .stepWrap .b_numTitle1 .n_num1.type2 {
    font-size: 2.66cqw;
  }
  .stepWrap .b_numTitle1 .n_check1 {
    width: 9.38cqw;
    height: 9.38cqw;
  }
  .stepWrap .b_numTitle1 .n_text1 {
    width: calc(100% - 12cqw);
    font-size: 3.8cqw;
    margin-top: -1.56cqw;
  }
  .stepWrap .b_numTitle1.a_center .n_text1 {
    margin-top: 0;
  }
  .stepWrap .b_numTitle1 .n_text1 .sml1 {
    font-size: 2.6cqw;
  }
  /* textType1 */
  .stepWrap .textType1 {
    font-size: 3.75cqw;
    padding: 6.25cqw 0;
  }
  /* line1 */
  .stepWrap .line1 {
    margin: 7.81cqw 0 14.06cqw;
  }
  /* endText1 */
  .stepWrap .endText1 {
    border-width: 1.02cqw;
    padding: 3.13cqw 0 0.63cqw;
    font-size: 4.38cqw;
    text-align: center;
  }
  /* subTitle1 */
  .stepWrap .subTitle1 {
    font-size: 4cqw;
  }
  /* tableWrap */
  .stepWrap .tableWrap {
    display: block;
  }
  .stepWrap .tableWrap.even .tableList {
    width: 100%;
  }
  .stepWrap .tableWrap .tableList .li1 {
    font-size: 3.75cqw;
    height: auto;
    padding: 1.56cqw 2.34cqw;
    display: block;
  }
  .stepWrap .tableWrap .tableList .li1.hx2 {
    height: auto;
  }
  .stepWrap .tableWrap .tableList .li1.hx2 .sml1 {
    margin-top: 0;
  }
  .stepWrap .tableWrap .tableList .li1 + .li1 {
    border-top: 0;
  }
  .stepWrap .tableWrap .tableList + .tableList .li1 {
    border-top: 0;
    border-left: 1px solid #33CC00;
  }
  .stepWrap .tableWrap .tableList .li1 .sml1 {
    font-size: 3.13cqw;
  }
  /* padding/margin */
  .main .stepWrap .pt0 {
    padding-top: 0;
  }
  .main .stepWrap .pt10 {
    padding-top: 1.56cqw;
  }
  .main .stepWrap .pt20 {
    padding-top: 3.13cqw;
  }
  .main .stepWrap .pt30 {
    padding-top: 4.69cqw;
  }
  .main .stepWrap .pt40 {
    padding-top: 6.25cqw;
  }
  .main .stepWrap .pt50 {
    padding-top: 7.81cqw;
  }
  .main .stepWrap .pb0 {
    padding-bottom: 0;
  }
  .main .stepWrap .pb10 {
    padding-bottom: 1.56cqw;
  }
  .main .stepWrap .pb20 {
    padding-bottom: 3.13cqw;
  }
  .main .stepWrap .pb30 {
    padding-bottom: 4.69cqw;
  }
  .main .stepWrap .pb40 {
    padding-bottom: 6.25cqw;
  }
  .main .stepWrap .pb50 {
    padding-bottom: 7.81cqw;
  }
  /* width */
  .stepWrap .w900 {
    max-width: 100%;
  }
}
@container (max-width:370px) {
}

/* step_01
***************************************************************/
.step_01_img1 {
  padding: 70px 0 50px;
}
.step_01_img2 {
  padding: 25px 0 50px;
}
.step_01_img3 {
  padding: 25px 0 0;
}
.makerBlock .mkr_title1 {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.makerBlock .mkr_list1 .mkr_li1 {
  display: flex;
  padding: 20px 0;
}
.makerBlock .mkr_list1 .mkr_li1 + .mkr_li1 {
  border-top: 1px solid #ccc;
}
.makerBlock .mkr_list1 .mkr_li1 .in1 {
  font-size: 16px;
  font-weight: 500;
  width: 150px;
}
.makerBlock .mkr_list1 .mkr_li1 .in2 {
  font-size: 16px;
  width: calc(100% - 150px);
  word-break: break-word;
}
.makerBlock .mkr_list1 .mkr_li1 .in2 a {
  color: #33CC00;
}
@container (min-width: 901px) {
  .makerBlock .mkr_list1 .mkr_li1 .in2 a:hover {
    text-decoration: underline;
  }
}
@container (max-width:900px) {
  .step_01_img1 {
    padding: 10.94cqw 0 7.81cqw;
  }
  .step_01_img2 {
    padding: 3.91cqw 0 7.81cqw;
  }
  .step_01_img3 {
    padding: 3.91cqw 0 0;
  }
  .makerBlock .mkr_title1 {
    font-size: 4.06cqw;
    margin-bottom: 1.56cqw;
  }
  .makerBlock .mkr_list1 .mkr_li1 {
    display: block;
    padding: 3.13cqw 0;
  }
  .makerBlock .mkr_list1 .mkr_li1 .in1 {
    font-size: 3.75cqw;
    width: 100%;
  }
  .makerBlock .mkr_list1 .mkr_li1 .in2 {
    font-size: 3.75cqw;
    width: 100%;
  }
}
@container (max-width:370px) {
}

/* step_02
***************************************************************/
/* timeKeep */
.timeKeep {
  width: 100%;
  border: 1px solid #33CC00;
  padding: 25px;
}
.timeKeep .t_img1 {
  width: 340px;
}
/* belongWrap */
.belongWrap {
  width: 100%;
  border: 1px solid #33CC00;
  display: flex;
  margin-top: 30px;
}
.belongWrap.type2 {
  margin-top: 0;
  margin-bottom: 60px;
}
.belongWrap .box1 {
  width: 34%;
}
.belongWrap .box2 {
  width: 66%;
  border-left: 1px solid #33CC00;
}
.belongWrap .box2_1 {
  width: 100%;
  border-top: 1px solid #33CC00;
  display: flex;
}
.belongWrap .blgItem {
  width: 100%;
  height: 108px;
  padding: 16px;
  display: flex;
  align-items: center;
}
.belongWrap .blgItem .blgIco {
  width: 78px;
}
.belongWrap .blgItem .blgText {
  flex-grow: 1;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  color: #33CC00;
}
.belongWrap .blgItem .blgText .sml1 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.belongWrap .blgItem.i2 {
  border-top: 1px solid #33CC00;
}
.belongWrap .blgItem.i5 {
  border-left: 1px solid #33CC00;
}
/* clothesWrap */
.clothesWrap {
  width: 100%;
  border: 1px solid #33CC00;
  display: flex;
  margin-top: 40px;
}
.clothesWrap > li {
  width: 50%;
  padding: 25px;
}
.clothesWrap > li.box1 .t_img1 {
  width: 314px;
}
.clothesWrap > li.box2 {
  border-left: 1px solid #33CC00;
}
.clothesWrap > li.box2 .t_img1 {
  width: 378px;
}
@container (min-width: 901px) {
}
@container (max-width:900px) {
  /* timeKeep */
  .timeKeep {
    padding: 3.91cqw;
  }
  .timeKeep .t_img1 {
    width: 70%;
    margin: 0 auto;
  }
  /* belongWrap */
  .belongWrap {
    margin-top: 4.69cqw;
    display: block;
  }
  .belongWrap.type2 {
    margin-top: 0;
    margin-bottom: 9.38cqw;
  }
  .belongWrap .box1 {
    width: 100%;
  }
  .belongWrap .box2 {
    width: 100%;
    border-left: none;
  }
  .belongWrap .box2_1 {
    width: 100%;
    border-top: none;
    display: block;
  }
  .belongWrap .blgItem {
    width: 100%;
    height: auto;
    padding: 2.5cqw;
  }
  .belongWrap .blgItem .blgIco {
    width: 12.19cqw;
  }
  .belongWrap .blgItem .blgText {
    padding-left: 3.13cqw;
    font-size: 3.44cqw;
  }
  .belongWrap .blgItem .blgText .sml1 {
    font-size: 3cqw;
  }
  .belongWrap .blgItem:not(.i1) {
    border-top: 1px solid #33CC00;
  }
  .belongWrap .blgItem.i5 {
    border-left: none;
  }
  /* clothesWrap */
  .clothesWrap {
    display: block;
    margin-top: 6.25cqw;
  }
  .clothesWrap > li {
    width: 100%;
    padding: 3.91cqw;
  }
  .clothesWrap > li.box1 .t_img1 {
    width: 57.09cqw;
    margin-left: 6.5cqw;
  }
  .clothesWrap > li.box2 {
    border-left: none;
    border-top: 1px solid #33CC00;
  }
  .clothesWrap > li.box2 .t_img1 {
    width: 68.73cqw;
    margin-left: 6.5cqw;
  }
}
@container (max-width:370px) {
}

/* step_03
***************************************************************/
/* typeillust */
.stepWrap .textType1.typeillust {
  width: calc(100% - 85px);
  margin-left: auto;
  position: relative;
}
.stepWrap .textType1.typeillust .t_img1 {
  display: block;
  width: 60px;
  position: absolute;
  left: -85px;
  top: 25px;
  text-align: center;
}
.stepWrap .textType1.typeillust .t_img1.ill2 img {
  width: 40px;
}
.stepWrap .textType1.typeillust .t_img1.ill3 img {
  width: 46px;
}
/* methodWrap */
.methodWrap {
  max-width: 1200px;
  margin: 0 auto;
  border-top: 2px solid #33CC00;
  border-bottom: 2px solid #33CC00;
  padding: 30px 0;
}
.methodWrap .methodList {
  width: 100%;
  display: flex;
}
.methodWrap .methodList > li {
  width: calc(100% / 4);
  height: 326px;
  display: flex;
  flex-flow: column;
}
.methodWrap .methodList > li + li {
  border-left: 2px solid #33CC00;
}
.methodWrap .methodList > li .m_t1 {
  width: 100%;
  height: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #33CC00;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  line-height: 1.25;
}
.methodWrap .methodList > li .m_img1 {
  width: 204px;
  margin: 0 auto;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.methodWrap .methodList > li.li2 .m_img1 {
  width: 246px;
}
.methodWrap .methodList > li.li3 .m_img1 {
  width: 218px;
}
.methodWrap .methodList > li.li4 .m_img1 {
  width: 211px;
}
@container (min-width: 901px) {
}
@container (max-width:900px) {
  /* typeillust */
  .stepWrap .textType1.typeillust {
    width: calc(100% - 12cqw);
    margin-left: auto;
    position: relative;
  }
  .stepWrap .textType1.typeillust .t_img1 {
    width: 9.38cqw;
    left: -12cqw;
    top: 3.91cqw;
  }
  .stepWrap .textType1.typeillust .t_img1.ill2 img {
    width: 6.25cqw;
  }
  .stepWrap .textType1.typeillust .t_img1.ill3 img {
    width: 7.19cqw;
  }
  /* methodWrap */
  .methodWrap {
    padding: 4.69cqw 0;
  }
  .methodWrap .methodList {
    display: block;
  }
  .methodWrap .methodList > li {
    width: 100%;
    height: auto;
    display: block;
  }
  .methodWrap .methodList > li + li {
    border-top: 2px solid #33CC00;
    border-left: none;
    padding-top: 4.69cqw;
    margin-top: 4.69cqw;
  }
  .methodWrap .methodList > li .m_t1 {
    height: auto;
    display: block;
    font-size: 4.38cqw;
  }
  .methodWrap .methodList > li .m_img1 {
    width: 31.87cqw;
    display: block;
    padding-top: 4.69cqw;
  }
  .methodWrap .methodList > li.li2 .m_img1 {
    width: 38.44cqw;
  }
  .methodWrap .methodList > li.li3 .m_img1 {
    width: 34.06cqw;
  }
  .methodWrap .methodList > li.li4 .m_img1 {
    width: 32.97cqw;
  }
}
@container (max-width:370px) {
}

/* step_04
***************************************************************/
.step_04 .contents_step4 {
  margin-bottom: 0;
}
/* methodWrap.typeArrow */
.methodWrap.typeArrow .methodList > li + li .m_t1 {
  position: relative;
}
.methodWrap.typeArrow .methodList > li + li .m_t1::before {
  content: "";
  width: 24px;
  height: 106px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -11px;
  margin: auto;
}
.methodWrap.typeArrow .methodList > li + li .m_t1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -26px;
  width: 32px;
  height: 32px;
  margin: auto;
  border-right: 2px solid #33CC00;
  border-bottom: 2px solid #33CC00;
  transform: rotate(-45deg);
}
.methodWrap.typeArrow .methodList > li.li1 .m_img1 {
  width: 198px;
}
.methodWrap.typeArrow .methodList > li.li2 .m_img1 {
  width: 214px;
}
.methodWrap.typeArrow .methodList > li.li3 .m_img1 {
  width: 180px;
}
.methodWrap.typeArrow .methodList > li.li3 .m_img1 {
  width: 221px;
}
/* carWrap */
.carWrap {
  max-width: 1200px;
  margin: 0 auto;
}
.carWrap .carList {
  width: 100%;
  display: flex;
}
.carWrap .carList > li {
  width: calc(100% / 3);
  padding: 5px 0;
}
.carWrap .carList > li + li {
  border-left: 1px solid #33CC00;
}
.carWrap .carList > li .carNum {
  color: #33CC00;
  font-size: 33px;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding-right: 0.25em;
  text-align: center;
  line-height: 1;
  margin-bottom: 25px;
}
.carWrap .carList > li .t_img1 {
  width: 361px;
  margin: 0 auto;
}
/* typeillust2 */
.stepWrap .textType1.typeillust2 {
  width: calc(100% - 85px);
  margin-left: auto;
  position: relative;
}
/* iconList1 */
.iconList1 {
  display: flex;
}
.iconList1 > li {
  width: calc(100% / 5);
  height: 80px;
  border-left: 1px solid #33CC00;
  border-right: 1px solid #33CC00;
  display: flex;
  align-items: center;
}
.iconList1 > li + li {
  border-left: none;
}
.iconList1 > li .t_img1 {
  width: 45px;
  margin: 0 auto;
}
.iconList1 > li.li2 .t_img1 {
  width: 69px;
}
.iconList1 > li.li3 .t_img1 {
  width: 66px;
}
.iconList1 > li.li4 .t_img1 {
  width: 82px;
}
.iconList1 > li.li5 .t_img1 {
  width: 67px;
}
.iconList1 > li.li6 .t_img1 {
  width: 58px;
}
.iconList1 > li.li7 .t_img1 {
  width: 67px;
}
.iconList1 > li.li8 .t_img1 {
  width: 70px;
}
.iconList1 > li.li9 .t_img1 {
  width: 71px;
}
.iconList1 > li.li10 .t_img1 {
  width: 63px;
}
/* ctmWrap */
.ctmWrap {
  display: flex;
  justify-content: space-between;
}
.ctmWrap .l_tit {
  width: 120px;
}
.ctmWrap .l_tit .c_tit1 {
  color: #33CC00;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.29;
  margin-bottom: 15px;
}
.ctmWrap .r_cnt {
  width: calc(100% - 180px);
}
@container (min-width: 901px) {
}
@container (max-width:900px) {
  .step_04 {
    min-height: 20cqw;
  }
  /* methodWrap.typeArrow */
  .methodWrap.typeArrow .methodList > li + li {
    padding-top: 6.69cqw;
    margin-top: 6.69cqw;
  }
  .methodWrap.typeArrow .methodList > li + li .m_t1::before {
    width: 13cqw;
    height: 7cqw;
    top: -20cqw;
    left: 0;
    right: 0;
  }
  .methodWrap.typeArrow .methodList > li + li .m_t1::after {
    top: -11cqw;
    bottom: auto;
    left: 0;
    right: 0;
    width: 5cqw;
    height: 5cqw;
    transform: rotate(45deg);
  }
  .methodWrap.typeArrow .methodList > li.li1 .m_img1 {
    width: 30.94cqw;
  }
  .methodWrap.typeArrow .methodList > li.li2 .m_img1 {
    width: 33.44cqw;
  }
  .methodWrap.typeArrow .methodList > li.li3 .m_img1 {
    width: 28.13cqw;
  }
  .methodWrap.typeArrow .methodList > li.li3 .m_img1 {
    width: 34.53cqw;
  }
  /* carWrap */
  .carWrap .carList {
    display: block;
  }
  .carWrap .carList > li {
    width: 100%;
    padding: 0.78cqw 0;
  }
  .carWrap .carList > li + li {
    border-left: 0;
    border-top: 1px solid #33CC00;
    padding-top: 6.26cqw;
    margin-top: 6.26cqw;
  }
  .carWrap .carList > li .carNum {
    font-size: 6.81cqw;
    margin-bottom: 3.91cqw;
  }
  .carWrap .carList > li .t_img1 {
    width: 85%;
  }
  /* typeillust2 */
  .stepWrap .textType1.typeillust2 {
    width: 100%;
  }
  /* iconList1 */
  .iconList1 {
    flex-flow: wrap;
  }
  .iconList1 > li {
    width: calc(100% / 3);
    height: 12.5cqw;
  }
  .iconList1 > li + li {
    border-left: none;
  }
  .iconList1 > li:nth-of-type(3n + 1) {
    border-left: 1px solid #33CC00;
  }
  .iconList1 > li:nth-of-type(1n + 4) {
    margin-top: 3.17cqw;
  }
  .iconList1 > li .t_img1 {
    width: 7.26cqw;
  }
  .iconList1 > li.li2 .t_img1 {
    width: 11.13cqw;
  }
  .iconList1 > li.li3 .t_img1 {
    width: 10.65cqw;
  }
  .iconList1 > li.li4 .t_img1 {
    width: 13.23cqw;
  }
  .iconList1 > li.li5 .t_img1 {
    width: 10.81cqw;
  }
  .iconList1 > li.li6 .t_img1 {
    width: 9.35cqw;
  }
  .iconList1 > li.li7 .t_img1 {
    width: 10.81cqw;
  }
  .iconList1 > li.li8 .t_img1 {
    width: 11.29cqw;
  }
  .iconList1 > li.li9 .t_img1 {
    width: 11.45cqw;
  }
  .iconList1 > li.li10 .t_img1 {
    width: 10.16cqw;
  }
  /* ctmWrap */
  .ctmWrap {
    display: block;
  }
  .ctmWrap .l_tit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ctmWrap .l_tit .c_tit1 {
    font-size: 4.38cqw;
    margin-bottom: 0;
  }
  .ctmWrap .l_tit .t_img1 {
    width: 17.66cqw;
    margin-left: 2.34cqw;
  }
  .ctmWrap .r_cnt {
    width: 100%;
    margin-top: 3.13cqw;
  }
}
@container (max-width:370px) {
}


/* contactWrap
***************************************************************/
.contactWrap {
  background-color: #fff;
  padding: 75px 0 0;
  border-bottom: 9px solid #33CC00;
}
.contactWrap .contactLink1 {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
.contactWrap .telLink1 {
  display: block;
  max-width: 1200px;
  height: 138px;
  margin: 50px auto 0;
  padding: 4px;
  border: 2px solid #33CC00;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactWrap .telLink1 .tit1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  padding-right: 35px;
}
.contactWrap .telLink1 .tel1 {
  height: 118px;
  border-left: 2px solid #33CC00;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-left: 35px;
}
.contactWrap .telLink1 .tel1 .t1 {
  font-size: 59px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: #33CC00;
}
.contactWrap .telLink1 .tel1 .t2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
@container (min-width: 901px) {
  .contactWrap .contactLink1:hover {
    opacity: 0.7;
  }
}
@container (max-width:900px) {
  .contactWrap {
    padding: 5.47cqw 0 0;
  }
  .contactWrap .contactLink1 {
    width: calc(100% - 10.94cqw);
  }
  .contactWrap .telLink1 {
    width: calc(100% - 10.94cqw);
    height: auto;
    margin-top: 7.81cqw;
    padding: 4cqw 0;
    flex-flow: column;
  }
  .contactWrap .telLink1 .tit1 {
    font-size: 4.38cqw;
    padding-right: 0;
  }
  .contactWrap .telLink1 .tel1 {
    height: auto;
    border: none;
    border-top: 2px solid #33CC00;
    padding-left: 0;
    padding-top: 1cqw;
    margin-top: 3cqw;
    align-items: center;
  }
  .contactWrap .telLink1 .tel1 .t1 {
    font-size: 9.22cqw;
  }
  .contactWrap .telLink1 .tel1 .t2 {
    font-size: 3.13cqw;
  }
}
@container (max-width:370px) {
}



/* page
***************************************************************/
.page {
  padding:0;
    max-width:1200px;
    margin:0 auto;
}
ul.pageSetUL {
    display: flex;
    width: 100%;
    margin-top: 10px;
    justify-content: space-between;
    margin-bottom:30px;
    box-sizing: border-box;
}
.page > ul.pageSetUL li:nth-child(odd) {
    margin-left: 20px;
}
.page > ul.pageSetUL li {
    width: initial;
    min-height: 1rem;
}
.page > ul.pageSetUL li a {
  color: #333333;
  text-decoration: none;
}
.page > ul.pageSetUL li:nth-child(1) a:before {
    position: relative;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: " ";
    transform: rotate( -90deg );
    background-color: #000;
    background: url(https://kikankou.jp//contents/pc/images/pagetop.png) no-repeat 0 0;
}
.page > ul.pageSetUL li:nth-child(2) a:after {
    position: relative;
    top: 5px;
    left: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: " ";
    background: url(https://kikankou.jp//contents/pc/images/pagetop.png) no-repeat 0 0;
}
.page > ul.pageSetUL li:nth-child(odd) {
    margin-left: 0;
}
ul.pageSetUL {
    padding:10px 2% 0;
}
@container (min-width: 901px) {
}
@container (max-width:900px) {
  .page > ul.pageSetUL li a {
    font-size: 14px;
  }
}
@container (max-width:370px) {
}

/* model
***************************************************************/
.medal{
  text-align:center;
  margin:70px auto 10px;
}
.medal img{
  display:inline;
  width:auto;
}
.medal_low{
  display:inline-block;
}
.noooobr{
  display:none;
}
.medal_text{
  font-size:12px;text-align:center;width:60%;margin:0 auto;padding:5px 0;line-height:14px;color:#222222;
}
.recommend_title{
  font-size: 28px;
  font-weight: bold;
  margin: 70px auto 15px;
}
.recommend_makerlink{
  line-height:35px;
  width: 970px;
    margin: 30px auto;
    text-align: left;
}
.recommend_makerlink a{
  font-size: 16px;
    margin-right: 40px;
    color: #036eb8;
    border-bottom: solid 1px #036eb8;
}
.recommend_makerlink_white a{
  font-size: 16px;
    margin-right: 40px;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
}
@container (min-width: 901px) {
}
@container (max-width:900px) {
  .medal{
    margin-top: 50px;
  }
  .medalsize{
    width:30% !important;
  }
  .medal_low{
    display:block;
    margin:-20px auto 0;
    text-align:center;
  }
  .medal_text{
    font-size:12px;width:95%;
  }
  .nenmatsu_text{
    text-align:left;
  }
  .recommend_title{
    font-size: 3.5cqw;
    font-weight: bold;
    margin-top: 80px;
  }
  .recommend_makerlink {
      line-height: 5cqw;
      width: 95%;
      padding: 0px;
  }
  .recommend_makerlink a{
    font-size: 3.1cqw;
      color: #036eb8;
      border:none;
      text-decoration:underline;
      white-space:nowrap;
      display:block;
      width:50%;
      float:left;
      margin:0 0 4.5cqw;
  }
  .recommend_makerlink_nissan{
    margin-left: -11px;
  }
  .noooobr{
    display:block;
  }
}
@container (max-width:370px) {
}

/* コンテンツ
***************************************************************/
@container (min-width: 901px) {
}
@container (max-width:900px) {
}
@container (max-width:370px) {
}

/* 1200-901対応
***************************************************************/
@container (max-width:1200px) and (min-width: 901px) {
  .stepWrap .inner .ul1 .li1 .h3 .s2 {
    font-size: 2.14cqw;
  }
  .stepWrap .titleType1 .t_text1 {
    font-size: 1.66cqw;
  }
  .stepWrap .tableWrap .tableList .li1 {
    font-size: 1.51cqw;
  }
  .stepWrap .tableWrap .tableList .li1 .sml1 {
    font-size: 1.15cqw;
  }
  .belongWrap .blgItem .blgIco {
    width: 5cqw;
  }
  .belongWrap .blgItem .blgText {
    font-size: 1.51cqw;
  }
  .belongWrap .blgItem .blgText .sml1 {
    font-size: 1.15cqw;
  }
  .clothesWrap > li.box1 .t_img1 {
    width: 26.17cqw;
  }
  .clothesWrap > li.box2 .t_img1 {
    width: 31.5cqw;
  }
  .methodWrap .methodList > li {
    height: 27.17cqw;
  }
  .methodWrap .methodList > li .m_t1 {
    font-size: 1.6cqw;
    height: 8.83cqw;
}
  .methodWrap .methodList > li.li1 .m_img1 {
    width: 17cqw;
  }
  .methodWrap .methodList > li.li2 .m_img1 {
    width: 20.5cqw;
  }
  .methodWrap .methodList > li.li3 .m_img1 {
    width: 18.17cqw;
  }
  .methodWrap .methodList > li.li4 .m_img1 {
    width: 17.58cqw;
  }
  .carWrap .carList > li .t_img1 {
    width: 30.08cqw;
  }
  .methodWrap.typeArrow .methodList > li.li1 .m_img1 {
    width: 16.5cqw;
  }
  .methodWrap.typeArrow .methodList > li.li2 .m_img1 {
    width: 17.83cqw;
  }
  .methodWrap.typeArrow .methodList > li.li3 .m_img1 {
    width: 15cqw;
  }
  .methodWrap.typeArrow .methodList > li.li3 .m_img1 {
    width: 18.42cqw;
  }
}