@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css");
/* ////////////////////////////////////////////////
	sassを使用しています。css編集の際はご注意ください。
//////////////////////////////////////////////// */
html, body {
  font-size: 16px;
  font-family: YakuHanJPs, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 500;
  color: #683718;
  word-break: break-all;
  scroll-behavior: smooth;
}
@media (max-width: 1440px) {
  html, body {
    font-size: 1.11vw;
  }
}
@media (max-width: 900px) {
  html, body {
    font-size: 4.27vw;
  }
}

p {
  line-height: 1.8;
  text-align: justify;
}

a {
  color: #683718;
  transition: 0.5s;
  text-decoration: none;
}
a:hover {
  opacity: 0.6;
}
a:visited {
  color: #683718;
}

img {
  width: 100%;
  height: auto;
  border: 0;
  line-height: 0;
}

ul {
  list-style: none;
  box-sizing: border-box;
}
ul li {
  box-sizing: border-box;
}

form, input {
  box-sizing: border-box;
}

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

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

/* ------------------------- */
.mb5 {
  margin-bottom: 5px !important;
}
@media (max-width: 1440px) {
  .mb5 {
    margin-bottom: 0.35vw !important;
  }
}
@media (max-width: 900px) {
  .mb5 {
    margin-bottom: 1.33vw !important;
  }
}

.mb10 {
  margin-bottom: 10px !important;
}
@media (max-width: 1440px) {
  .mb10 {
    margin-bottom: 0.69vw !important;
  }
}
@media (max-width: 900px) {
  .mb10 {
    margin-bottom: 2.67vw !important;
  }
}

.mb20 {
  margin-bottom: 20px !important;
}
@media (max-width: 1440px) {
  .mb20 {
    margin-bottom: 1.39vw !important;
  }
}
@media (max-width: 900px) {
  .mb20 {
    margin-bottom: 5.33vw !important;
  }
}

.mb22 {
  margin-bottom: 22px !important;
}
@media (max-width: 1440px) {
  .mb22 {
    margin-bottom: 1.53vw !important;
  }
}
@media (max-width: 900px) {
  .mb22 {
    margin-bottom: 5.87vw !important;
  }
}

.mb24 {
  margin-bottom: 24px !important;
}
@media (max-width: 1440px) {
  .mb24 {
    margin-bottom: 1.67vw !important;
  }
}
@media (max-width: 900px) {
  .mb24 {
    margin-bottom: 6.4vw !important;
  }
}

.mb40 {
  margin-bottom: 40px !important;
}
@media (max-width: 1440px) {
  .mb40 {
    margin-bottom: 2.78vw !important;
  }
}
@media (max-width: 900px) {
  .mb40 {
    margin-bottom: 10.67vw !important;
  }
}

/* ------------------------- */
.back_image {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url(../image/back_image.jpg) no-repeat top center/contain, url(../image/back_color.svg) center center/cover;
}
@media (max-width: 1440px) {
  .back_image {
    background: url(../image/back_image.jpg) no-repeat top center/100%, url(../image/back_color.svg) center center/cover;
  }
}
@media (max-width: 900px) {
  .back_image {
    display: none;
  }
}

/* ------------------------- */
main {
  width: 100%;
  position: relative;
}
main .sns_pc {
  position: fixed;
  top: 22px;
  left: calc(50% + 80px + 510px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1440px) {
  main .sns_pc {
    top: 1.53vw;
    left: initial;
    right: 1.39vw;
  }
}
@media (max-width: 900px) {
  main .sns_pc {
    display: none;
  }
}
main .sns_pc li {
  margin-bottom: 8px;
}
@media (max-width: 1440px) {
  main .sns_pc li {
    margin-bottom: 0.56vw;
  }
}
main .sns_pc li.txt {
  writing-mode: vertical-rl;
  text-orientation: upright;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
@media (max-width: 1440px) {
  main .sns_pc li.txt {
    font-size: 1.25vw;
  }
}
main .sns_pc li.txt span {
  padding-bottom: 4px;
}
@media (max-width: 1440px) {
  main .sns_pc li.txt span {
    padding-bottom: 0.28vw;
  }
}
main .main_Wrap {
  width: 375px;
  position: absolute;
  top: 0;
  left: calc(50% + 136px);
  background-color: #fff;
}
@media (max-width: 1440px) {
  main .main_Wrap {
    width: 26.04vw;
    left: initial;
    right: 13.89vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap {
    position: relative;
    right: initial;
    width: 100%;
  }
}
main .main_Wrap section {
  width: 100%;
}
main .main_Wrap section .cont {
  width: 335px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  main .main_Wrap section .cont {
    width: 23.26vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section .cont {
    width: 89.33vw;
  }
}
main .main_Wrap section .area {
  width: 312px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  main .main_Wrap section .area {
    width: 21.67vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section .area {
    width: 83.2vw;
  }
}

/* ------------------------- */
.title {
  text-align: center;
  padding-bottom: 40px;
}
@media (max-width: 1440px) {
  .title {
    padding-bottom: 2.78vw;
  }
}
@media (max-width: 900px) {
  .title {
    padding-bottom: 10.67vw;
  }
}
.title .img {
  padding-bottom: 16px;
}
@media (max-width: 1440px) {
  .title .img {
    padding-bottom: 1.11vw;
  }
}
@media (max-width: 900px) {
  .title .img {
    padding-bottom: 4.27vw;
  }
}
.title .txt {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  .title .txt {
    font-size: 1.81vw;
  }
}
@media (max-width: 900px) {
  .title .txt {
    font-size: 6.93vw;
  }
}

/* ------------------------- */
.shampoo_kounyu {
  padding-bottom: 50px;
}
@media (max-width: 1440px) {
  .shampoo_kounyu {
    padding-bottom: 3.47vw;
  }
}
@media (max-width: 900px) {
  .shampoo_kounyu {
    padding-bottom: 13.33vw;
  }
}

/* ------------------------- */
.linkBtn li {
  margin-bottom: 14px;
}
@media (max-width: 1440px) {
  .linkBtn li {
    margin-bottom: 0.97vw;
  }
}
@media (max-width: 900px) {
  .linkBtn li {
    margin-bottom: 3.73vw;
  }
}
.linkBtn li a {
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100px;
}
@media (max-width: 1440px) {
  .linkBtn li a {
    min-height: 2.08vw;
  }
}
@media (max-width: 900px) {
  .linkBtn li a {
    min-height: 8vw;
  }
}
.linkBtn li.orange a {
  background-color: #bf7500;
}
.linkBtn li.red a {
  background-color: #963f50;
}

.Button01 a,
.Button02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 1440px) {
  .Button01 a,
  .Button02 a {
    height: 4.44vw;
    font-size: 1.39vw;
  }
}
@media (max-width: 900px) {
  .Button01 a,
  .Button02 a {
    height: 17.07vw;
    font-size: 5.33vw;
  }
}
.Button01 a::before,
.Button02 a::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(../image/icon_cart.svg) no-repeat center center/100%;
  margin-right: 6px;
}
@media (max-width: 1440px) {
  .Button01 a::before,
  .Button02 a::before {
    width: 1.53vw;
    height: 1.39vw;
    margin-right: 0.42vw;
  }
}
@media (max-width: 900px) {
  .Button01 a::before,
  .Button02 a::before {
    width: 5.87vw;
    height: 5.33vw;
    margin-right: 1.6vw;
  }
}

.Button01 {
  background-color: #884a24;
}

.Button02 {
  background-color: #c2a264;
}

.Button03 a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  background-color: #884a24;
  border-radius: 100px;
}
@media (max-width: 1440px) {
  .Button03 a {
    height: 2.78vw;
    font-size: 1.11vw;
  }
}
@media (max-width: 900px) {
  .Button03 a {
    height: 10.67vw;
    font-size: 4.27vw;
  }
}
.Button03 a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url(../image/icon_cart.svg) no-repeat center center/100%;
  margin-right: 4px;
}
@media (max-width: 1440px) {
  .Button03 a::before {
    width: 1.25vw;
    height: 1.11vw;
    margin-right: 0.28vw;
  }
}
@media (max-width: 900px) {
  .Button03 a::before {
    width: 4.8vw;
    height: 4.27vw;
    margin-right: 1.07vw;
  }
}

/* ------------------------- */
sub {
  font-size: 12px;
}
@media (max-width: 1440px) {
  sub {
    font-size: 0.83vw;
  }
}
@media (max-width: 900px) {
  sub {
    font-size: 3.2vw;
  }
}
sub.reg {
  font-size: 20px;
}
@media (max-width: 1440px) {
  sub.reg {
    font-size: 1.39vw;
  }
}
@media (max-width: 900px) {
  sub.reg {
    font-size: 5.33vw;
  }
}

/* ------------------------- */
.note_list li {
  font-size: 12px;
  padding-bottom: 4px;
  padding-left: 24px;
  text-indent: -24px;
}
@media (max-width: 1440px) {
  .note_list li {
    font-size: 0.83vw;
    padding-bottom: 0.28vw;
    padding-left: 1.67vw;
    text-indent: -1.67vw;
  }
}
@media (max-width: 900px) {
  .note_list li {
    font-size: 3.2vw;
    padding-bottom: 1.07vw;
    padding-left: 6.4vw;
    text-indent: -6.4vw;
  }
}

/* ----------------------------------------------------
sec_mv
---------------------------------------------------- */
main .main_Wrap section.sec_mv img {
  line-height: 0;
}

/* ----------------------------------------------------
sec_product
---------------------------------------------------- */
main .main_Wrap section.sec_product {
  background: url(../image/sec_product_back.png) no-repeat top center/100%;
  min-height: 1816px;
  padding-top: 36px;
  position: relative;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_product {
    min-height: 126.11vw;
    padding-top: 2.5vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_product {
    min-height: 484.27vw;
    padding-top: 9.6vw;
  }
}
main .main_Wrap section.sec_product .lead {
  text-align: center;
  padding-bottom: 20px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_product .lead {
    padding-bottom: 1.39vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_product .lead {
    padding-bottom: 5.33vw;
  }
}
main .main_Wrap section.sec_product .product_bottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* ----------------------------------------------------
sec_story
---------------------------------------------------- */
main .main_Wrap section.sec_story {
  padding-top: 36px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_story {
    padding-top: 2.5vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_story {
    padding-top: 9.6vw;
  }
}
main .main_Wrap section.sec_story h3 {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_story h3 {
    font-size: 1.39vw;
    margin-bottom: 2.08vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_story h3 {
    font-size: 5.33vw;
    margin-bottom: 8vw;
  }
}
main .main_Wrap section.sec_story h3 span {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_story h3 span {
    font-size: 1.11vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_story h3 span {
    font-size: 4.27vw;
  }
}
main .main_Wrap section.sec_story p.point {
  font-size: 14px;
  margin: 0 auto;
  padding: 22px 14px 10px;
  background: url(../image/sec_story_note.png) top center/100%;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_story p.point {
    font-size: 0.97vw;
    padding: 1.53vw 0.97vw 0.69vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_story p.point {
    font-size: 3.73vw;
    padding: 5.87vw 3.73vw 2.67vw;
  }
}
main .main_Wrap section.sec_story .story_lead {
  padding-bottom: 50px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_story .story_lead {
    padding-bottom: 3.47vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_story .story_lead {
    padding-bottom: 13.33vw;
  }
}

/* ----------------------------------------------------
sec_item01
sec_item02
---------------------------------------------------- */
#sec_item01,
#sec_item02 {
  margin-top: -20px;
  padding-top: 20px;
}
@media (max-width: 1440px) {
  #sec_item01,
  #sec_item02 {
    margin-top: -1.39vw;
    padding-top: 1.39vw;
  }
}
@media (max-width: 900px) {
  #sec_item01,
  #sec_item02 {
    margin-top: -5.33vw;
    padding-top: 5.33vw;
  }
}

main .main_Wrap section.sec_item01 {
  background: url(../image/sec_item01_back.png) no-repeat top center/100%;
  min-height: 1910px;
  padding-top: 172px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 {
    min-height: 132.64vw;
    padding-top: 11.94vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 {
    min-height: 509.33vw;
    padding-top: 45.87vw;
  }
}

main .main_Wrap section.sec_item02 {
  background: url(../image/sec_item02_back.png) no-repeat top center/100%;
  min-height: 1710px;
  padding-top: 180px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item02 {
    min-height: 118.75vw;
    padding-top: 12.5vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item02 {
    min-height: 456vw;
    padding-top: 48vw;
  }
}
main .main_Wrap section.sec_item02 p {
  color: #fff;
}

main .main_Wrap section.sec_item01 .image_item_photo,
main .main_Wrap section.sec_item02 .image_item_photo {
  margin-top: -10px;
  padding-bottom: 24px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 .image_item_photo,
  main .main_Wrap section.sec_item02 .image_item_photo {
    margin-top: -0.69vw;
    padding-bottom: 1.67vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 .image_item_photo,
  main .main_Wrap section.sec_item02 .image_item_photo {
    margin-top: -2.67vw;
    padding-bottom: 6.4vw;
  }
}
main .main_Wrap section.sec_item01 .shampoo_info,
main .main_Wrap section.sec_item02 .shampoo_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 .shampoo_info,
  main .main_Wrap section.sec_item02 .shampoo_info {
    padding-bottom: 1.39vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 .shampoo_info,
  main .main_Wrap section.sec_item02 .shampoo_info {
    padding-bottom: 5.33vw;
  }
}
main .main_Wrap section.sec_item01 .shampoo_info p,
main .main_Wrap section.sec_item02 .shampoo_info p {
  vertical-align: bottom;
  font-size: 16px;
  padding-bottom: 8px;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 .shampoo_info p,
  main .main_Wrap section.sec_item02 .shampoo_info p {
    width: 17.36vw;
    font-size: 1.11vw;
    padding-bottom: 2.13vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 .shampoo_info p,
  main .main_Wrap section.sec_item02 .shampoo_info p {
    width: 66.67vw;
    font-size: 4.27vw;
    padding-bottom: 2.13vw;
  }
}
main .main_Wrap section.sec_item01 .shampoo_info p span,
main .main_Wrap section.sec_item02 .shampoo_info p span {
  vertical-align: bottom;
  font-size: 14px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 .shampoo_info p span,
  main .main_Wrap section.sec_item02 .shampoo_info p span {
    font-size: 0.97vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 .shampoo_info p span,
  main .main_Wrap section.sec_item02 .shampoo_info p span {
    font-size: 3.73vw;
  }
}
main .main_Wrap section.sec_item01 .shampoo_info p .label,
main .main_Wrap section.sec_item02 .shampoo_info p .label {
  vertical-align: baseline;
  color: #fff;
  background-color: #683718;
  border-radius: 4px;
  padding: 1px 5px 2px;
  margin-left: 6px;
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 .shampoo_info p .label,
  main .main_Wrap section.sec_item02 .shampoo_info p .label {
    border-radius: 1.07vw;
    padding: 0.27vw 1.33vw 0.53vw;
    margin-left: 1.6vw;
  }
}
main .main_Wrap section.sec_item01 .shampoo_info p.white,
main .main_Wrap section.sec_item02 .shampoo_info p.white {
  color: #fff;
}
main .main_Wrap section.sec_item01 .shampoo_info p.white .label,
main .main_Wrap section.sec_item02 .shampoo_info p.white .label {
  color: #f8544f;
  background-color: #fff;
}
main .main_Wrap section.sec_item01 .image_syohou,
main .main_Wrap section.sec_item02 .image_syohou {
  padding-bottom: 24px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 .image_syohou,
  main .main_Wrap section.sec_item02 .image_syohou {
    padding-bottom: 1.67vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 .image_syohou,
  main .main_Wrap section.sec_item02 .image_syohou {
    padding-bottom: 6.4vw;
  }
}
main .main_Wrap section.sec_item01 p.text01,
main .main_Wrap section.sec_item02 p.text01 {
  text-align: center;
}
main .main_Wrap section.sec_item01 p.text01.L,
main .main_Wrap section.sec_item02 p.text01.L {
  list-style: 1.1;
  font-size: 16px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 p.text01.L,
  main .main_Wrap section.sec_item02 p.text01.L {
    font-size: 1.11vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 p.text01.L,
  main .main_Wrap section.sec_item02 p.text01.L {
    font-size: 4.27vw;
  }
}
main .main_Wrap section.sec_item01 p.text01.M,
main .main_Wrap section.sec_item02 p.text01.M {
  line-height: 2;
  font-size: 14px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 p.text01.M,
  main .main_Wrap section.sec_item02 p.text01.M {
    font-size: 0.97vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 p.text01.M,
  main .main_Wrap section.sec_item02 p.text01.M {
    font-size: 3.73vw;
  }
}
main .main_Wrap section.sec_item01 p.text01.S,
main .main_Wrap section.sec_item02 p.text01.S {
  line-height: 1.6;
  font-size: 12px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 p.text01.S,
  main .main_Wrap section.sec_item02 p.text01.S {
    font-size: 0.83vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 p.text01.S,
  main .main_Wrap section.sec_item02 p.text01.S {
    font-size: 3.2vw;
  }
}
main .main_Wrap section.sec_item01 p.text02,
main .main_Wrap section.sec_item02 p.text02 {
  line-height: 1.4;
  font-weight: bold;
  font-size: 26px;
  padding-top: 26px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 p.text02,
  main .main_Wrap section.sec_item02 p.text02 {
    font-size: 1.81vw;
    padding-top: 1.81vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 p.text02,
  main .main_Wrap section.sec_item02 p.text02 {
    font-size: 6.93vw;
    padding-top: 1.81vw;
  }
}
main .main_Wrap section.sec_item01 .image_osusume,
main .main_Wrap section.sec_item02 .image_osusume {
  padding-top: 24px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01 .image_osusume,
  main .main_Wrap section.sec_item02 .image_osusume {
    padding-top: 1.67vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01 .image_osusume,
  main .main_Wrap section.sec_item02 .image_osusume {
    padding-top: 6.4vw;
  }
}

/* ----------------------------------------------------
sec_item01_feature
sec_item02_feature
---------------------------------------------------- */
main .main_Wrap section.sec_item01_feature {
  padding-top: 10px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01_feature {
    padding-top: 0.69vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01_feature {
    padding-top: 2.67vw;
  }
}

main .main_Wrap section.sec_item02_feature {
  padding-top: 60px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item02_feature {
    padding-top: 4.17vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item02_feature {
    padding-top: 16vw;
  }
}

main .main_Wrap section.sec_item01_feature .image_tokutyou,
main .main_Wrap section.sec_item02_feature .image_tokutyou {
  padding-bottom: 10px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01_feature .image_tokutyou,
  main .main_Wrap section.sec_item02_feature .image_tokutyou {
    padding-bottom: 0.69vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01_feature .image_tokutyou,
  main .main_Wrap section.sec_item02_feature .image_tokutyou {
    padding-bottom: 2.67vw;
  }
}
main .main_Wrap section.sec_item01_feature p.lead,
main .main_Wrap section.sec_item02_feature p.lead {
  text-align: center;
  line-height: 1.4;
}
main .main_Wrap section.sec_item01_feature p.lead span,
main .main_Wrap section.sec_item02_feature p.lead span {
  font-size: 18px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01_feature p.lead span,
  main .main_Wrap section.sec_item02_feature p.lead span {
    font-size: 1.25vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01_feature p.lead span,
  main .main_Wrap section.sec_item02_feature p.lead span {
    font-size: 4.8vw;
  }
}
main .main_Wrap section.sec_item01_feature .pointBox,
main .main_Wrap section.sec_item02_feature .pointBox {
  background-color: #ffefe1;
  padding: 10px 12px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01_feature .pointBox,
  main .main_Wrap section.sec_item02_feature .pointBox {
    padding: 0.69vw 0.83vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01_feature .pointBox,
  main .main_Wrap section.sec_item02_feature .pointBox {
    padding: 2.67vw 3.2vw;
  }
}
main .main_Wrap section.sec_item01_feature .pointBox p.tit01,
main .main_Wrap section.sec_item02_feature .pointBox p.tit01 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_item01_feature .pointBox p.tit01,
  main .main_Wrap section.sec_item02_feature .pointBox p.tit01 {
    font-size: 1.39vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_item01_feature .pointBox p.tit01,
  main .main_Wrap section.sec_item02_feature .pointBox p.tit01 {
    font-size: 5.33vw;
  }
}
main .main_Wrap section.sec_item01_feature .pointBox p.tit02,
main .main_Wrap section.sec_item02_feature .pointBox p.tit02 {
  font-weight: bold;
}

/* ----------------------------------------------------
sec_feature
---------------------------------------------------- */
main .main_Wrap section.sec_feature {
  background: url(../image/sec_feature_back.png) no-repeat top center/100%;
  min-height: 1964px;
  padding-top: 200px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_feature {
    min-height: 136.39vw;
    padding-top: 13.89vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_feature {
    min-height: 523.73vw;
    padding-top: 53.33vw;
  }
}

/* ----------------------------------------------------
sec_other
---------------------------------------------------- */
main .main_Wrap section.sec_other {
  padding-top: 36px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_other {
    padding-top: 2.5vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_other {
    padding-top: 9.6vw;
  }
}
main .main_Wrap section.sec_other .itemBox {
  position: relative;
  margin-bottom: 24px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_other .itemBox {
    margin-bottom: 1.67vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_other .itemBox {
    margin-bottom: 6.4vw;
  }
}
main .main_Wrap section.sec_other .itemBox .itemCont {
  position: absolute;
  right: 18px;
  bottom: 36px;
  width: 202px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_other .itemBox .itemCont {
    right: 1.25vw;
    bottom: 2.5vw;
    width: 14.03vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_other .itemBox .itemCont {
    right: 4.8vw;
    bottom: 9.6vw;
    width: 53.87vw;
  }
}

/* ----------------------------------------------------
sec_sns_footer
---------------------------------------------------- */
main .main_Wrap section.sec_sns_footer .footer {
  padding: 25px 0 75px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_sns_footer .footer {
    padding: 1.74vw 0 5.21vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_sns_footer .footer {
    padding: 6.67vw 0 20vw;
  }
}
main .main_Wrap section.sec_sns_footer .footer .logo {
  width: 115px;
  margin: 0 auto;
  padding-bottom: 24px;
}
@media (max-width: 1440px) {
  main .main_Wrap section.sec_sns_footer .footer .logo {
    width: 7.99vw;
    padding-bottom: 1.67vw;
  }
}
@media (max-width: 900px) {
  main .main_Wrap section.sec_sns_footer .footer .logo {
    width: 30.67vw;
    padding-bottom: 6.4vw;
  }
}
main .main_Wrap section.sec_sns_footer .footer .copyright {
  text-align: center;
}

/* ----------------------------------------------------
aaa
---------------------------------------------------- */