@charset "UTF-8";

/* .main_inner {
  overflow-x: hidden;
} */
#breadcrumbs {
  width: 140rem;
  margin-inline: auto;
}
@font-face {
  font-family: "ginger";
  src: url("../../../../../font/F37GingerBold.otf") format("truetype");
}
@font-face {
  font-family: "ginger_r";
  src: url("../../../../../font/F37 Ginger Regular.otf") format("truetype");
}

.font-area{
  font-family: "area-normal", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.font-Noto {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.hidden-desktop {
  display: block;
}

.hidden-mobile {
  display: none;
}

.Ring_img {
  animation:3s linear infinite rotation1;
}

@media screen and (max-width: 767px) {

  .hidden-desktop {
    display: none;
  }
  
  .hidden-mobile {
    display: block;
  }

}

.model_question::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  overflow-x: hidden;
}


/* スライド ドット */
.slick-dots {
  text-align: right;
  bottom: calc(19*(100vw / 1666));
  right: calc(37*(100vw / 1666));
}

.slick-dots li {
  width: calc(9 * (100vw / 1666));
  height: calc(9 * (100vw / 1666));
  background: #fff;
  border: none;
}

.slick-dots li:first-child,
.slick-dots li:last-child {
  margin: 0;
}

.slick-dots li:nth-of-type(2) {
  margin: 0 calc(20 * (100vw / 1666));
}

.slick-dots li.slick-active {
  width: calc(9 * (100vw / 1666));
  height: calc(9 * (100vw / 1666));
  background: none;
  border: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  .slick-dots {
    text-align: right;
    bottom: calc(50 * (100vw / 750));
    right: calc(50 * (100vw / 750));
  }
  
  .slick-dots li {
    width: calc(18 * (100vw / 750));
    height: calc(18 * (100vw / 750));
    background: #fff;
    border: none;
  }
  
  .slick-dots li:first-child,
  .slick-dots li:last-child {
    margin: 0;
  }
  
  .slick-dots li:nth-of-type(2) {
    margin: 0 calc(30 * (100vw / 750));
  }
  
  .slick-dots li.slick-active {
    width: calc(18 * (100vw / 750));
    height: calc(18 * (100vw / 750));
    background: none;
    border: 1px solid #fff;
  }
  .slick-dots li button {
    display: none;
  }


  /* 各スライド */

  .ct3_fixedArea01 .slick-dots {
    text-align: left;
    bottom: calc(42*(100vw / 750));
    right: calc(-78*(100vw / 750));
    margin-left: calc(0*(100vw / 750));
  }
  .ct3_fixedArea01 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }

  .ct3_fixedArea02 .slick-dots {
    text-align: right;
    bottom: calc(40*(100vw / 750));
    right: calc(5*(100vw / 750));
  }
  .ct3_fixedArea02 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }

  .ct3_fixedArea04 .slick-dots {
    text-align: left;
    bottom: calc(42*(100vw / 750));
    right: calc(-66 *(100vw / 750));
    margin-left: calc(0*(100vw / 750));
  }
  .ct3_fixedArea04 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }

  .ct3_fixedArea05 .slick-dots {
    text-align: right;
    bottom: calc(40*(100vw / 750));
    right: calc(5*(100vw / 750));
  }
  .ct3_fixedArea05 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }


  .ct3_fixedArea07 .slick-dots {
    text-align: left;
    bottom: calc(42*(100vw / 750));
    right: calc(-76 *(100vw / 750));
    margin-left: calc(0*(100vw / 750));
  }
  .ct3_fixedArea07 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }


  .ct3_fixedArea08 .slick-dots {
    text-align: right;
    bottom: calc(40*(100vw / 750));
    right: calc(5*(100vw / 750));
  }
  .ct3_fixedArea08 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }


  .ct3_fixedArea10 .slick-dots {
    text-align: left;
    bottom: calc(42*(100vw / 750));
    right: calc(-76 *(100vw / 750));
    margin-left: calc(0*(100vw / 750));
  }
  .ct3_fixedArea10 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }


  .ct3_fixedArea11 .slick-dots {
    text-align: right;
    bottom: calc(47*(100vw / 750));
    right: calc(5*(100vw / 750));
  }
  .ct3_fixedArea11 .slick-dots li:nth-of-type(2) {
    margin: 0 calc(40*(100vw / 750));
  }

}



@media screen and (min-width: 768px) {
  .ct3_fixedArea04.fixed .model_question,
  .ct3_fixedArea05.fixed .model_question,
  .ct3_fixedArea07.fixed .model_question,
  .ct3_fixedArea10.fixed .model_question,
  .ct3_fixedArea11.fixed .model_question {
    height: calc(140 * (100vw / 1666));
    overflow-y: scroll;
    border: none;
  }
  
  .ct3_fixedArea08.fixed .model_question {
    height: calc(140 * (100vw / 1666));
    overflow-y: scroll;
    border: none;
  }
  
  .ct3_fixedArea04.fixed .question02,
  .ct3_fixedArea05.fixed .question02,
  .ct3_fixedArea07.fixed .question02,
  .ct3_fixedArea08.fixed .question02,
  .ct3_fixedArea10.fixed .question02,
  .ct3_fixedArea11.fixed .question02 {
    margin-top: calc(37*(100vw / 1666));
  }
  
  .contents03 .fixed {
    max-height: calc(730 * (100vw / 1666));
  }
  
}



/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
///////////////////////////////////////////////////////////////////////////////////////
*/

/* Mobile */
/* @media screen and (max-width: 767px) {
} */

/* Desktop */
/* @media screen and (min-width: 768px) {
} */

/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                common
///////////////////////////////////////////////////////////////////////////////////////
*/
header#header {
  display: none;
}
@media screen and (min-width: 768px) {
  article.barbour_240621 {
    padding-top: 0;
  }
  .spOnly {
    display: none;
  }
  .barbour_240621 .contents02 {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  div#Contents {
    padding-top: 0 !important;
  }
}




/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                Desktop
///////////////////////////////////////////////////////////////////////////////////////
*/

/* Mainvisual */
.Mainvisual {
  position: sticky;
  top: 0;
  overflow: hidden;
}
.Mainvisual .load-up02 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.Mainvisual .load-up03 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.Mainvisual .load-up04 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.Model_largeBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  overflow: hidden;
}


/* contents01 */
.barbour_240621 .Ct1_modelBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  overflow: hidden;
}

.barbour_240621 .Ct1_modelBox .model_img {
  width: 100%;
  height: auto;
}

.barbour_240621 .Model_largeBox .Ct1_model_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.Model_largeBox .slick-vertical .slick-slide {
  border: none !important;
}

.barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(1) {
  font-size: calc(51 * (100vw / 1666));
  margin-left: calc(19*(100vw / 1666));
  color: #fff;
  text-align: center;
}

.barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(2) {
  font-size: calc(72 * (100vw / 1666));
  margin-top: calc(1*(100vw / 1666));
  margin-left: calc(16*(100vw / 1666));
  color: #fff;
  text-align: center;
}

.barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(3) {
  width: calc(281*(100vw / 1666));
  margin: calc(41*(100vw / 1666)) auto 0;
}

.barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(3) img {
  margin-left: calc(9 * (100vw / 1666));
}

@media screen and (max-width: 767px) {
  .barbour_240621 .Ct1_modelBox {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
  }
  
  .barbour_240621 .Ct1_modelBox .model_img {
    width: 100%;
    height: auto;
  }
  
  .barbour_240621 .Model_largeBox .Ct1_model_txt {
    position: absolute;
    top: 61.8%;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0 auto;
    z-index: 10;
  }
  
  .Model_largeBox .slick-vertical .slick-slide {
    border: none !important;
  }
  
  .barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(1) {
    font-size: calc(42.5 * (100vw / 750));
    margin-left: calc(0 * (100vw / 750));
    color: #fff;
    text-align: center;
  }
  
  .barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(2) {
    font-size: calc(60 * (100vw / 750));
    margin-top: calc(3 * (100vw / 750));
    margin-left: calc(0 * (100vw / 750));
    color: #fff;
    text-align: center;
  }
  
  .barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(3) {
    width: calc(231 * (100vw / 750));
    margin: calc(32 * (100vw / 750)) auto 0;
  }
  
  .barbour_240621 .Model_largeBox .Ct1_model_txt ul li:nth-of-type(3) img {
    margin-left: 0;
  }
  
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea {
  padding-top: calc(0 * (100vw / 1666));
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul {
  color: #000;
  text-align: center;
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(1) {
  font-size: calc(18 * (100vw / 1666));
  text-align: center;
  letter-spacing: 0.01em;
  margin-left: calc(58*(100vw / 1666));
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(2) {
  font-size: calc(27 * (100vw / 1666));
  text-align: center;
  letter-spacing: 0em;
  margin: calc(1*(100vw / 1666)) 0 0 calc(59*(100vw / 1666));
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(3) {
  width: calc(105*(100vw / 1666));
  margin: calc(15*(100vw / 1666)) auto 0;
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(3) img {
  margin-left: calc(30 * (100vw / 1666));
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__TxtArea {
  text-align: center;
  color: #000;
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__TxtArea ul li:nth-of-type(1) {
  font-size: calc(19 * (100vw / 1666));
  margin-top: calc(56*(100vw / 1666));
  font-weight: 600;
  letter-spacing: 0.2em;
  font-feature-settings: "palt";
  margin-left: calc(49*(100vw / 1666));
}

.barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__TxtArea ul li:nth-of-type(2) {
  font-size: calc(15 * (100vw / 1666));
  margin-top: calc(30*(100vw / 1666));
  margin-left: calc(54*(100vw / 1666));
  letter-spacing: 0.16em;
  font-feature-settings: "palt";
  line-height: 1.8;
}

.AnkerLink_Box {
  margin-top: calc(61*(100vw / 1666));
  margin-left: calc(66*(100vw / 1666));
}

.AnkerLink_Box ul {
  width: calc(703*(100vw / 1666));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 calc(26*(100vw / 1666));
}

.AnkerLink_Box ul li .Anker-model {
  position: relative;
}

.AnkerLink_Box ul li .Anker-model .Anker-number {
  position: absolute;
  top: calc(116*(100vw / 1666));
  left: calc(61*(100vw / 1666));
  z-index: 10;
  font-size: calc(27 * (100vw / 1666));
  letter-spacing: 0.01em;
  color: #fff;
  font-weight: bold;
}

.AnkerLink_Box ul li .Anker-modelName {
  font-size: calc(15 * (100vw / 1666));
  text-align: center;
  font-weight: 800;
  margin-top: calc(9*(100vw / 1666));
}

@media screen and (max-width: 767px) {  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea {
    padding-top: calc(117 * (100vw / 750));
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul {
    color: #000;
    text-align: center;
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(1) {
    font-size: calc(29.65 * (100vw / 750));
    text-align: center;
    letter-spacing: 0.01em;
    margin-left: calc(0 * (100vw / 750));
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(2) {
    font-size: calc(41.87 * (100vw / 750));
    text-align: center;
    letter-spacing: 0em;
    margin: calc(3 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(3) {
    width: calc(161.05 * (100vw / 750));
    margin: calc(25 * (100vw / 750)) auto 0;
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__ttlArea h3 ul li:nth-of-type(3) img {
    margin-left: calc(0 * (100vw / 750));
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__TxtArea {
    text-align: center;
    color: #000;
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__TxtArea ul li:nth-of-type(1) {
    font-size: calc(37 * (100vw / 750));
    margin-top: calc(98*(100vw / 750));
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.2em;
    font-feature-settings: "palt";
    margin-left: calc(0*(100vw / 750));
  }
  
  .barbour_240621 .contents02 .ct2_txtBox-bg .ct2_txtBox__TxtArea ul li:nth-of-type(2) {
    font-size: calc(26 * (100vw / 750));
    margin-top: calc(50*(100vw / 750));
    margin-left: 0;
    letter-spacing: 0.2em;
    font-feature-settings: "palt";
    line-height: 1.85;
  }
  
  .AnkerLink_Box {
    margin: 0 auto;
  }
  
  .AnkerLink_Box ul {
    width: calc(647*(100vw / 750));
    display: flex;
    gap: 29px 0;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
    margin: calc(90 * (100vw / 750)) 0 0 calc(47*(100vw / 750));
  }

  .AnkerLink_Box ul li {
    width: calc(300 * (100vw / 750));
  }
  
  .AnkerLink_Box ul li .Anker-model {
    position: relative;
  }
  
  .AnkerLink_Box ul li .Anker-model .Anker-number {
    position: absolute;
    top: calc(222*(100vw / 750));
    z-index: 10;
    font-size: calc(53.04 * (100vw / 750));
    letter-spacing: 0.01em;
    color: #fff;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .AnkerLink_Box ul li .Anker-modelName {
    font-size: calc(30 * (100vw / 750));
    text-align: center;
    font-weight: 800;
    margin-top: calc(21*(100vw / 750));
  }
}

/* ==========================================
contents_header
========================================== */

.contents_header.fixed {
  position: sticky;
  top: 0;
  width: 100%;
  height: calc(39*(100vw / 1666));
  background: #fff;
  z-index: 300;
  padding: calc(6*(100vw / 1666)) 0 calc(24*(100vw / 1666)) 0;
}

.contents_header .header__nav ul {
  display: flex;
  justify-content: space-between;
  width: calc(623*(100vw / 1666));
  margin-left: auto;
  margin-right: calc(33*(100vw / 1666));
}

.contents_header .header__nav ul li {
  width: calc(150*(100vw / 1666));
  height: calc(25*(100vw / 1666));
  font-size: calc(13 * (100vw / 1666));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* .contents_header .header__nav ul li span.header_model_name {
  margin-left: calc(20*(100vw / 1666));
} */


@media screen and (max-width: 767px) {
  .contents_header.fixed {
    position: sticky;
    top: 0;
    width: 100%;
    height: calc(86*(100vw / 750));
    background: #fff;
    z-index: 999;
    padding: 0 0 0 0;
  }

  .contents_header.fixed .header__nav {
    padding: 0;
    height: calc(86 * (100vw / 750));
  }
  
  .contents_header .header__nav ul {
    display: flex;
    justify-content: space-between;
    width: calc(402*(100vw / 750));
    height: calc(86*(100vw / 750));
    margin-left: auto;
    margin-right: calc(34*(100vw / 750));
    align-items: center;
  }
  
  .contents_header .header__nav ul li {
    width: calc(94 * (100vw / 750));
    font-size: calc(24.59 * (100vw / 750));
    text-align: center;
  }
  
  .contents_header .header__nav ul li .header__link {
    border: 1px solid #000;
    padding: calc(11 * (100vw / 750)) calc(0 * (100vw / 750)) calc(11 * (100vw / 750));
  }
  
  .contents_header .header__nav ul li span.header_model_name {
    margin-left: calc(0 * (100vw / 750));
  }
}


/* ==========================================
Numbertxt
========================================== */

.Numbertxt {
  position: sticky;
  width: calc(180 * (100vw / 1666));
  margin-left: calc(25 * (100vw / 1666));
  margin-top: calc(25 * (100vw / 1666));
  z-index: 400;
  top: 10px;
}

.Numbertxt .scroll_txt {
  -webkit-animation: 13s linear infinite rotation1;
          animation: 13s linear infinite rotation1;
}

.Numbertxt .scroll_in_txt {
  font-size: calc(46 * (100vw / 1666));
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#link1Target .Numbertxt .scroll_in_txt {
  color: #F3AF28;
}
#link2Target .Numbertxt .scroll_in_txt {
  color: #0099E1;
}
#link3Target .Numbertxt .scroll_in_txt {
  color: #007B3D;
}
#link4Target .Numbertxt .scroll_in_txt {
  color: #ED525C;
}

@-webkit-keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}



/* ==========================================
ct3_fixedArea01
========================================== */
.contents03 .ct3_fixedArea01.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #F9F1DF;
  margin-top: calc(-208*(100vw / 1666));
}

.contents03 .ct3_fixedArea01 .felxArea {
  margin: 0 auto;
  display: flex;
  justify-content: normal;
  margin-left: calc(291*(100vw / 1666));
}

.contents03 .felxArea .box1.slide_model {
  max-width: calc(518 * (100vw / 1666));
  width: 100%;
  margin: 0;
}

.contents03 .felxArea .box2 {
  width: calc(370 * (100vw / 1666));
  margin: calc(93*(100vw / 1666)) 0 0 calc(69*(100vw / 1666));
}

.contents03 .felxArea .box2 .model_name ul li:nth-of-type(2) {
  margin-left: calc(48*(100vw / 1666));
  margin-top: calc(-6*(100vw / 1666));
  letter-spacing: 0em;
}
.contents03 .felxArea .box2 .model_item ul li:nth-of-type(2) {
  margin-left: calc(55*(100vw / 1666));
  margin-top: calc(-11*(100vw / 1666));
  line-height: 1.2;
  letter-spacing: 0em;
}

@media screen and (min-width: 768px) {
  .ct3_fixedArea01 .felxArea .box2 .model_question {
    height: calc(140 * (100vw / 1666));
    overflow-y: scroll;
  }
}

.ct3_fixedArea01 .felxArea .box2 .model_question {
  border: none;
}

.contents03 .ct3_fixedArea01 .felxArea .box2 .model_question .question02 {
  margin-top: calc(36*(100vw / 1666));
}


.contents03 .felxArea .box2 .model_question .question li:nth-of-type(2) {
  margin-left: calc(50*(100vw / 1666));
  letter-spacing: 0.06em;
}

.ct3_fixedArea01 .felxArea .box2 .model_credit {
  padding-top: calc(40 * (100vw / 1666));
  margin-top: calc(30 * (100vw / 1666));
  border-top: 1px solid #F3AF28;
}

.contents03 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
  margin-left: calc(60*(100vw / 1666));
  width: calc(300*(100vw / 1666));
  line-height: 1.9;
  letter-spacing: 0.1em;
  margin-top: calc(-6*(100vw / 1666));
  text-align: justify;
}

.contents03 {
  position: relative;
}

.contents03 .txt_ring {
  width: calc(185*(100vw / 1666));
  position: fixed;
  z-index: 100;
}

.contents03 .txt_ring .Ring_number p {
  display: inline-block;
  position: fixed;
  z-index: 100;
  top: calc(305*(100vw / 1666));
  left: calc(109*(100vw / 1666));
}

.contents03 .txt_ring .Ring_number {
  font-size: calc(46 * (100vw / 1666));
  position: relative;
}

.contents03 .txt_ring .Ring_number .Ring_img {
  width: calc(185*(100vw / 1666));
  position: absolute;
  top: 0;
  left: 0;
}


@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea01.fixed {
    position: sticky;
    top: calc(-1600*(100vw / 750));
    background: #F9F1DF;
    margin-top: 0;
  }
  
  .contents03 .ct3_fixedArea01 .felxArea {
    margin: 0 auto;
    display: block;
    justify-content: normal;
    margin-left: calc(0 *(100vw / 750));
  }
  
  .contents03 .felxArea .box1.slide_model {
    max-width: calc(750 * (100vw / 750));
    width: 100%;
    margin: 0;
  }
  
  .contents03 .felxArea .box2 {
    width: calc(680 * (100vw / 750));
    margin: 0 auto 0;
  }
  
  .contents03 .felxArea .box2 .model_name ul li:nth-of-type(2) {
    margin-left: calc(100*(100vw / 750));
    margin-top: calc(-4*(100vw / 750));
    letter-spacing: 0em;
    font-size: calc(50 * (100vw / 750));
  }
  .contents03 .felxArea .box2 .model_item ul li:nth-of-type(2) {
    margin-left: calc(120*(100vw / 750));
    margin-top: calc(-7*(100vw / 750));
    line-height: 1.2;
    letter-spacing: 0em;
  }
  
  @media screen and (min-width: 768px) {
    .ct3_fixedArea01 .felxArea .box2 .model_question {
      height: calc(334 * (100vw / 750));
      overflow-y: scroll;
    }
  }

  
  .ct3_fixedArea01 .felxArea .box2 .model_question {
    border: none;
  }
  
  .contents03 .ct3_fixedArea01 .felxArea .box2 .model_question .question02 {
    margin-top: calc(75*(100vw / 750));
  }
  
  
  .contents03 .felxArea .box2 .model_question .question li:nth-of-type(2) {
    margin-left: calc(46*(100vw / 750));
    letter-spacing: 0.06em;
    margin-top: calc(4*(100vw / 750));
  }

  .contents03 .felxArea .box2 .model_question .question02 li:nth-of-type(2) {
    margin-left: calc(34*(100vw / 750));
    line-height: 1.6;
  }
  
  .ct3_fixedArea01 .felxArea .box2 .model_credit {
    padding-top: calc(56 * (100vw / 750));
    padding-bottom: calc(300 * (100vw / 750));
    margin-top: calc(0 * (100vw / 750));
    border-top: 1px solid #F3AF28;
  }
  
  .contents03 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
    margin-left: calc(60*(100vw / 750));
    width: calc(582*(100vw / 750));
    line-height: 1.9;
    letter-spacing: 0.1em;
    margin-top: calc(0*(100vw / 750));
    text-align: justify;
  }
  
  .contents03 {
    position: relative;
  }
  
  .contents03 .txt_ring {
    width: calc(370*(100vw / 750));
    position: fixed;
    z-index: 100;
  }
  
  .contents03 .txt_ring .Ring_number p {
    display: inline-block;
    position: fixed;
    z-index: 100;
    top: calc(610*(100vw / 750));
    left: calc(219*(100vw / 750));
  }
  
  .contents03 .txt_ring .Ring_number {
    font-size: calc(92 * (100vw / 750));
    position: relative;
  }
  
  .contents03 .txt_ring .Ring_number .Ring_img {
    width: calc(370*(100vw / 750));
    position: absolute;
    top: 0;
    left: 0;
  }
}


/* /////////////////////////////////////////// ct3_fixedArea02 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea02.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #FFF8D3;
}

.contents03 .ct3_fixedArea02 .felxArea {
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  margin-left: calc(221*(100vw / 1666));
  justify-content: flex-end;
}

.contents03 .ct3_fixedArea02 .felxArea .box1.slide_model {
  margin-left: calc(56 * (100vw / 1666));
}


.ct3_fixedArea02 .felxArea .box2 .model_question .answer {
  margin-top: calc(22 * (100vw / 1666));
}

.ct3_fixedArea02 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
  font-size: calc(11 * (100vw / 1666));
  margin-top: calc(1*(100vw / 1666));
}

.ct3_fixedArea02 .felxArea .box2 .model_question {
  margin-top: calc(46 *(100vw / 1666));
  padding-bottom: calc(65 * (100vw / 1666));
}

.contents03 .ct3_fixedArea02 .felxArea .box2 .model_question .question02 {
  margin-top: calc(36*(100vw / 1666));
}

.contents03 .ct3_fixedArea02 .felxArea .box2 .model_question .question02 li:nth-of-type(2) {
  line-height: 1.6;
  margin-top: calc(-9 * (100vw / 1666));
}


@media screen and (min-width: 768px) {
  .ct3_fixedArea02 .felxArea .box2 .model_question {
    height: calc(168*(100vw / 1666));
    overflow: scroll;
  }
}

.ct3_fixedArea02 .model_credit ul li .tax {
  margin-left: calc(45 * (100vw / 1666));
}

.ct3_fixedArea02 .model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(139 * (100vw / 1666));
}

.ct3_fixedArea02 .model_credit ul li:nth-of-type(2) .BUY_btn {
  margin-left: calc(68 * (100vw / 1666));
}

.ct3_fixedArea02 .model_credit ul li:nth-of-type(3) .tax {
  margin-left: calc(95 * (100vw / 1666));
}

.ct3_fixedArea02 .model_credit ul li:nth-of-type(3) .BUY_btn {
  margin-left: calc(60 * (100vw / 1666));
}

.contents03 .ct3_fixedArea02.fixed .model_credit  {
  border-top: 1px solid #F3AF28;
  margin: 0 !important;
  padding-top: calc(40*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea02.fixed {
    position: sticky;
    top: calc(-1600*(100vw / 750));
    background: #FFF8D3;
  }
  
  .contents03 .ct3_fixedArea02 .felxArea {
    margin: 0 auto;
    display: block;
    flex-direction: row-reverse;
    margin-left: calc(0 * (100vw / 750));
    justify-content: flex-end;
  }
  
  .contents03 .ct3_fixedArea02 .felxArea .box1.slide_model {
    margin-left: calc(0 * (100vw / 750));
  }
  
  
  .ct3_fixedArea02 .felxArea .box2 .model_question .answer {
    margin-top: calc(30 * (100vw / 750));
  }
  
  .ct3_fixedArea02 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
    font-size: calc(23 * (100vw / 750));
    margin-top: calc(0 * (100vw / 750));
  }
  
  .ct3_fixedArea02 .felxArea .box2 .model_question {
    margin-top: calc(70 * (100vw / 750));
    padding-bottom: calc(10 * (100vw / 750));
  }
  
  .ct3_fixedArea02 .model_credit ul li .tax {
    margin-left: calc(93 * (100vw / 750));
  }
  
  .ct3_fixedArea02 .model_credit ul li:nth-of-type(1) .BUY_btn {
    margin-left: calc(146 * (100vw / 750));
  }

  .ct3_fixedArea02 .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(285 * (100vw / 750));
  }
  
  .ct3_fixedArea02 .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: calc(150 * (100vw / 750));
  }
  
  .ct3_fixedArea02 .model_credit ul li:nth-of-type(3) .tax {
    margin-left: calc(196 * (100vw / 750));
  }
  
  .ct3_fixedArea02 .model_credit ul li:nth-of-type(3) .BUY_btn {
    margin-left: calc(139 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea02.fixed .model_credit  {
    border-top: 1px solid #F3AF28;
    margin: 0 !important;
    padding-top: calc(47 * (100vw / 750));
    padding-bottom: calc(300 * (100vw / 750));
  }
}





/* /////////////////////////////////////////// ct3_fixedArea03 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea03.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
}
.ct3_fixedArea03 {
  background: url(/Page/features/2024/0621/img/Profile_bg_01.jpg) no-repeat;
  display: block;
  width: 100%;
  max-height: calc(730*(100vw / 1666));
  height: 100vh;
  background-size: cover;
  background-position: center;
}
.ct3_fixedArea03 .felxArea {
  width: calc(885 * (100vw / 1666));
  display: flex;
  background: #fff;
  padding: calc(47 * (100vw / 1666)) 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ct3_fixedArea03 .felxArea .box1 {
  width: calc(316 * (100vw / 1666));
  margin-left: calc(67 * (100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 {
  width: calc(370 * (100vw / 1666));
  margin: calc(13 * (100vw / 1666)) 0 0 calc(59 * (100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .Profile {
  font-size: calc(20 * (100vw / 1666));
  letter-spacing: 0;
  border-bottom: 1px solid #F3AF28;
  padding-bottom: calc(20 * (100vw / 1666));
  color: #F3AF28;
}

.ct3_fixedArea03 .felxArea .box2 .model_name {
  margin: calc(17*(100vw / 1666)) 0 0 0;
  padding-bottom: calc(20*(100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .model_name .ttl {
  font-size: calc(12 * (100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .model_name li:nth-of-type(2) {
  margin-left: calc(65*(100vw / 1666)) !important;
  margin-top: calc(-5*(100vw / 1666)) !important;
  font-size: calc(20 * (100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .Occupation {
  margin-top: calc(16 * (100vw / 1666));
  border-bottom: 1px solid #F3AF28;
  padding-bottom: calc(15 * (100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .Occupation ul {
  display: flex;
}

.ct3_fixedArea03 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
  font-size: calc(12 * (100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
  font-size: calc(15 * (100vw / 1666));
  margin-left: calc(28 * (100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .model_ProfileTxt {
  border-bottom: 1px solid #F3AF28;
  padding-bottom: calc(27*(100vw / 1666));
}

.ct3_fixedArea03 .felxArea .box2 .model_ProfileTxt p {
  font-size: calc(12 * (100vw / 1666));
  width: calc(263 * (100vw / 1666));
  margin-left: auto;
  text-align: justify;
  color: #F3AF28;
  margin-top: calc(20*(100vw / 1666));
  line-height: 1.8;
}

.ct3_fixedArea03 .felxArea .box2 .Profile_btn {
  width: calc(202*(100vw / 1666));
  margin-left: auto;
  margin-top: calc(23*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea03.fixed {
    position: sticky;
    top: calc(-600 * (100vw / 750));
    height: calc(1945 * (100vw / 750));
  }
  .ct3_fixedArea03 {
    background: url(/Page/features/2024/0621/img/Profile_bg_01_sp.jpg) no-repeat;
    display: block;
    width: 100%;
    max-height: calc(1945 *(100vw / 750));
    height: 100vh;
    background-size: cover;
    background-position: center;
  }
  .ct3_fixedArea03 .felxArea {
    width: calc(680 * (100vw / 750));
    display: block;
    background: #fff;
    padding: calc(53 * (100vw / 750)) 0;
    position: relative;
    top: 49.5%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .ct3_fixedArea03 .felxArea .box1 {
    width: calc(580 * (100vw / 750));
    margin: 0 auto;
  }
  
  .ct3_fixedArea03 .felxArea .box2 {
    width: calc(580 * (100vw / 750));
    margin: calc(30 * (100vw / 750)) auto 0;
  }
  
  .ct3_fixedArea03 .felxArea .box2 .Profile {
    font-size: calc(40 * (100vw / 750));
    letter-spacing: 0;
    border-bottom: 1px solid #F3AF28;
    padding-bottom: calc(40 * (100vw / 750));
    color: #F3AF28;
  }
  
  .ct3_fixedArea03 .felxArea .box2 .model_name {
    margin: calc(34*(100vw / 750)) 0 0 0;
    padding-bottom: calc(40*(100vw / 750));
  }
  
  .ct3_fixedArea03 .felxArea .box2 .model_name .ttl {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea03 .felxArea .box2 .model_name li:nth-of-type(2) {
    margin-left: calc(130*(100vw / 750)) !important;
    margin-top: calc(-10*(100vw / 750)) !important;
    font-size: calc(40 * (100vw / 750)) !important;
  }
  
  .ct3_fixedArea03 .felxArea .box2 .Occupation {
    margin-top: calc(32 * (100vw / 750));
    border-bottom: 1px solid #F3AF28;
    padding-bottom: calc(31 * (100vw / 750));
  }
  
  .ct3_fixedArea03 .felxArea .box2 .Occupation ul {
    display: flex;
  }
  
  .ct3_fixedArea03 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea03 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
    font-size: calc(30 * (100vw / 750));
    margin-left: calc(56 * (100vw / 750));
  }
  
  .ct3_fixedArea03 .felxArea .box2 .model_ProfileTxt {
    border-bottom: 1px solid #F3AF28;
    padding-bottom: calc(75*(100vw / 750));
  }
  
  .ct3_fixedArea03 .felxArea .box2 .model_ProfileTxt p {
    font-size: calc(23 * (100vw / 750));
    width: auto;
    margin-left: 0;
    text-align: justify;
    color: #F3AF28;
    margin-top: calc(40*(100vw / 750));
    line-height: 1.8;
  }
  
  .ct3_fixedArea03 .felxArea .box2 .Profile_btn {
    width: calc(405*(100vw / 750));
    margin-left: auto;
    margin: calc(40 * (100vw / 750)) auto 0;
  }
}

/* /////////////////////////////////////////// ct3_fixedArea04 //////////////////////////////////////////// */

.ct3_fixedArea06 {
  position: sticky;
  top: calc(40*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .ct3_fixedArea06 {
    position: sticky;
    top: calc(-1000 * (100vw / 750));
  }
}

/* /////////////////////////////////////////// ct3_fixedArea04 //////////////////////////////////////////// */
.Numbertxt.Numbertxt02 {
  z-index: 410;
}
.contents03 .ct3_fixedArea04.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #DDEDF4;
  margin-top: calc(-208*(100vw / 1666));
  z-index: 401;
}

.contents03 .ct3_fixedArea04 .felxArea {
  margin: 0 auto;
  display: flex;
  justify-content: normal;
  margin-left: calc(291*(100vw / 1666));
}

.contents03 .ct3_fixedArea04 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea04 .felxArea .box2 .model_item {
  border-bottom: 1px solid #0099E1;
}

.contents03 .ct3_fixedArea04 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea04 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea04 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea04 .felxArea .box2 .model_credit ul {
  color: #0099E1;
}

.contents03 .ct3_fixedArea04 .felxArea .box2 .model_question ul li:nth-of-type(2) {
  line-height: 1.75;
  margin-top: calc(-1*(100vw / 1666));
}

.contents03 .ct3_fixedArea04 .felxArea .box2 .model_question {
  margin-top: calc(30 * (100vw / 1666));
}

.contents03 .ct3_fixedArea04 .felxArea .box2 .model_question .answer {
  margin-top: calc(27*(100vw / 1666));
}

.contents03 .ct3_fixedArea04 .model_credit {
  margin-top: calc(30 * (100vw / 1666));
  padding-top: calc(40 * (100vw / 1666));
  border-top: 1px solid #0099E1;
}

.contents03 .ct3_fixedArea04 .model_credit ul li .tax {
  margin-left: calc(51 * (100vw / 1666))  ;
}

.contents03 .ct3_fixedArea04 .model_credit ul li:nth-of-type(1) .BUY_btn {
  margin-left: calc(62*(100vw / 1666));
}

.contents03 .ct3_fixedArea04 .model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(102*(100vw / 1666));
}

.contents03 .ct3_fixedArea04 .model_credit ul li:nth-of-type(2) .BUY_btn {
  margin-left: calc(58*(100vw / 1666));
}

.contents03 .ct3_fixedArea04 .model_credit ul li .BUY_btn {
  background:#0099E1;
}

.contents03 .ct3_fixedArea04 .felxArea .box2 {
  margin: calc(123*(100vw / 1666)) 0 0 calc(69*(100vw / 1666));
}

.contents03 .ct3_fixedArea04 .model_item {
  padding-bottom: calc(20*(100vw / 1666));
}

/* Mobile */
@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea04.fixed {
    position: sticky;
    top: calc(-1600 * (100vw / 750));
    background: #DDEDF4;
    margin-top: 0;
  }
  
  .contents03 .ct3_fixedArea04 .felxArea {
    margin: 0 auto;
    display: block;
    justify-content: normal;
    margin-left: calc(0 *(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_name,
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_item {
    border-bottom: 1px solid #0099E1;
  }
  
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_name ul,
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_item ul,
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_question ul,
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_credit ul {
    color: #0099E1;
  }
  
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_question ul li:nth-of-type(2) {
    line-height: 1.75;
    margin-top: calc(-2*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_question {
    margin-top: calc(57 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .felxArea .box2 .model_question .answer {
    margin-top: calc(25*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .model_credit {
    margin-top: calc(-2 * (100vw / 750));
    padding-top: calc(63 * (100vw / 750));
    border-top: 1px solid #0099E1;
    padding-bottom: calc(300 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .model_credit ul {
    margin-left: calc(6 * (100vw / 750));
  }
  .contents03 .ct3_fixedArea04 .model_credit ul li .tax {
    margin-left: calc(103 * (100vw / 750))  ;
  }
  
  .contents03 .ct3_fixedArea04 .model_credit ul li:nth-of-type(1) .BUY_btn {
    margin-left: calc(127*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(204*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: calc(117*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .model_credit ul li .BUY_btn {
    background:#0099E1;
  }
  
  .contents03 .ct3_fixedArea04 .felxArea .box2 {
    margin: calc(0*(100vw / 750)) 0 0 calc(33*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea04 .model_item {
    padding-bottom: calc(60*(100vw / 750));
  }
  
}





/* /////////////////////////////////////////// ct3_fixedArea05 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea05.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #DBDFE7;
  z-index: 403;
}

.contents03 .ct3_fixedArea05 .felxArea {
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  margin-left: calc(221*(100vw / 1666));
  justify-content: flex-end;
}

.contents03 .ct3_fixedArea05 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea05 .felxArea .box2 .model_item {
  border-bottom: 1px solid #0099E1;
}

.contents03 .ct3_fixedArea05 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea05 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea05 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea05 .felxArea .box2 .model_credit ul {
  color: #0099E1;
}

.contents03 .ct3_fixedArea05 .felxArea .box1.slide_model {
  margin-left: calc(57 * (100vw / 1666));
}

.contents03 .ct3_fixedArea05 .felxArea .box2 {
  margin: calc(109*(100vw / 1666)) 0 0 calc(64*(100vw / 1666));
}

.contents03 .ct3_fixedArea05 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
  margin-top: calc(-1*(100vw / 1666));
}

.contents03 .ct3_fixedArea05 .model_credit {
  border-top: 1px solid #0099E1;
  margin-top: calc(30 * (100vw / 1666));
  padding-top: calc(40 * (100vw / 1666));
}

.contents03 .ct3_fixedArea05 .model_credit ul li .BUY_btn {
  background:#0099E1;
}

.contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(1) .tax {
  margin-left: calc(38*(100vw / 1666));
}

.contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(1) .BUY_btn {
  margin-left: calc(63*(100vw / 1666));
}

.contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(177*(100vw / 1666));
}

.contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(2) .BUY_btn {
  margin-left: calc(63*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea05.fixed {
    position: sticky;
    top: calc(-1600 * (100vw / 750));
    background: #DBDFE7;
  }
  
  .contents03 .ct3_fixedArea05 .felxArea {
    margin: 0 auto;
    display: block;
    flex-direction: row-reverse;
    margin-left: calc(0*(100vw / 750));
    justify-content: flex-end;
  }
  
  .contents03 .ct3_fixedArea05 .felxArea .box2 .model_name,
  .contents03 .ct3_fixedArea05 .felxArea .box2 .model_item {
    border-bottom: 1px solid #0099E1;
  }
  
  .contents03 .ct3_fixedArea05 .felxArea .box2 .model_name ul,
  .contents03 .ct3_fixedArea05 .felxArea .box2 .model_item ul,
  .contents03 .ct3_fixedArea05 .felxArea .box2 .model_question ul,
  .contents03 .ct3_fixedArea05 .felxArea .box2 .model_credit ul {
    color: #0099E1;
  }
  
  .contents03 .ct3_fixedArea05 .felxArea .box1.slide_model {
    margin-left: calc(0 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea05 .felxArea .box2 {
    margin: calc(50 * (100vw / 750)) auto 0;
  }
  
  .contents03 .ct3_fixedArea05 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
    margin-top: calc(0 *(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea05 .model_credit {
    border-top: 1px solid #0099E1;
    margin-top: calc(68*(100vw / 750));
    padding-top: calc(63*(100vw / 750));
    padding-bottom: calc(300 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea05 .model_credit ul li .BUY_btn {
    background:#0099E1;
  }
  
  .contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(1) .tax {
    margin-left: calc(96*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(1) .BUY_btn {
    margin-left: calc(157*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(274*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea05 .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: calc(160*(100vw / 750));
  }
  

}

/* /////////////////////////////////////////// ct3_fixedArea06 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea06.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  z-index: 406;
}

.ct3_fixedArea06 {
  background: url(/Page/features/2024/0621/img/Profile_bg_02.jpg) no-repeat;
  display: block;
  width: 100%;
  max-height: calc(730*(100vw / 1666));
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.contents03 .ct3_fixedArea06 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea06 .felxArea .box2 .model_item,
.contents03 .ct3_fixedArea06 .felxArea .box2 .model_question {
  border-bottom: 1px solid #0099E1;
}

.contents03 .ct3_fixedArea06 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea06 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea06 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea06 .felxArea .box2 .model_credit ul {
  color: #0099E1;
}

.ct3_fixedArea06 .felxArea {
  width: calc(885 * (100vw / 1666));
  display: flex;
  background: #fff;
  padding: calc(47 * (100vw / 1666)) 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ct3_fixedArea06 .felxArea .box1 {
  width: calc(366 * (100vw / 1666));
  margin-left: calc(67 * (100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 {
  width: calc(370 * (100vw / 1666));
  margin: calc(13 * (100vw / 1666)) 0 0 calc(59 * (100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 .Profile {
  font-size: calc(20 * (100vw / 1666));
  letter-spacing: 0;
  border-bottom: 1px solid #0099E1;
  padding-bottom: calc(20 * (100vw / 1666));
  color: #0099E1;
}

.ct3_fixedArea06 .felxArea .box2 .model_name {
  margin: calc(17*(100vw / 1666)) 0 0 0;
  padding-bottom: calc(20*(100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 .model_name .ttl {
  font-size: calc(17 * (100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 .model_name li:nth-of-type(2) {
  margin-left: calc(65*(100vw / 1666)) !important;
  margin-top: calc(-5*(100vw / 1666)) !important;
  font-size: calc(20 * (100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 ul {
  color: #0099E1;
}

.ct3_fixedArea06 .felxArea .box2 .Occupation {
  margin-top: calc(16 * (100vw / 1666));
  border-bottom: 1px solid #0099E1;
  padding-bottom: calc(15 * (100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 .Occupation ul {
  display: flex;
}

.ct3_fixedArea06 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
  font-size: calc(17 * (100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
  font-size: calc(15 * (100vw / 1666));
  margin-left: calc(28 * (100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 .model_ProfileTxt {
  border-bottom: 1px solid #0099E1;
  padding-bottom: calc(27 *(100vw / 1666));
}

.ct3_fixedArea06 .felxArea .box2 .model_ProfileTxt p {
  font-size: calc(11 * (100vw / 1666));
  width: calc(263 * (100vw / 1666));
  margin-left: auto;
  text-align: justify;
  color: #0099E1;
  margin-top: calc(20*(100vw / 1666));
  line-height: 1.8;
}

.ct3_fixedArea06 .felxArea .box2 .Profile_btn {
  width: calc(202*(100vw / 1666));
  margin-left: auto;
  margin-top: calc(20*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea06.fixed {
    position: sticky;
    top: calc(-600 * (100vw / 750));
    height: calc(1901 *(100vw / 750));
  }
  
  .ct3_fixedArea06 {
    background: url(/Page/features/2024/0621/img/Profile_bg_02_sp.jpg) no-repeat;
    display: block;
    width: 100%;
    max-height: calc(1901 *(100vw / 750));
    height: 100vh;
    background-size: cover;
    background-position: center;
  }
  
  .ct3_fixedArea06 .felxArea {
    width: calc(680 * (100vw / 750));
    display: block;
    background: #fff;
    padding: calc(53 * (100vw / 750)) 0;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .ct3_fixedArea06 .felxArea .box1 {
    width: calc(580 * (100vw / 750));
    margin: 0 auto;
  }
  
  .ct3_fixedArea06 .felxArea .box2 {
    width: calc(580 * (100vw / 750));
    margin: calc(30 * (100vw / 750)) auto 0;
  }
  
  .ct3_fixedArea06 .felxArea .box2 .Profile {
    font-size: calc(40 * (100vw / 750));
    letter-spacing: 0;
    border-bottom: 1px solid #0099E1;
    padding-bottom: calc(40 * (100vw / 750));
    color: #0099E1;
  }
  
  .ct3_fixedArea06 .felxArea .box2 .model_name {
    margin: calc(34*(100vw / 750)) 0 0 0;
    padding-bottom: calc(40*(100vw / 750));
  }
  
  .ct3_fixedArea06 .felxArea .box2 .model_name .ttl {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea06 .felxArea .box2 .model_name li:nth-of-type(2) {
    margin-left: calc(130*(100vw / 750)) !important;
    margin-top: calc(-10*(100vw / 750)) !important;
    font-size: calc(40 * (100vw / 750)) !important;
  }
    
  .ct3_fixedArea06 .felxArea .box2 .Occupation {
    margin-top: calc(32 * (100vw / 750));
    border-bottom: 1px solid #0099E1;
    padding-bottom: calc(31 * (100vw / 750));
  }
  
  .ct3_fixedArea06 .felxArea .box2 .Occupation ul {
    display: flex;
  }
  
  .ct3_fixedArea06 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea06 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
    font-size: calc(30 * (100vw / 750));
    margin-left: calc(56 * (100vw / 750));
  }
  
  .ct3_fixedArea06 .felxArea .box2 .model_ProfileTxt {
    border-bottom: 1px solid #0099E1;
    padding-bottom: calc(35*(100vw / 750));
  }
  
  .ct3_fixedArea06 .felxArea .box2 .model_ProfileTxt p {
    font-size: calc(23 * (100vw / 750));
    width: auto;
    margin-left: 0;
    text-align: justify;
    color: #0099E1;
    margin-top: calc(40*(100vw / 750));
    line-height: 1.8;
  }
  
  .ct3_fixedArea06 .felxArea .box2 .Profile_btn {
    width: calc(405*(100vw / 750));
    margin: calc(40 * (100vw / 750)) auto 0;
  }

}


/* /////////////////////////////////////////// ct3_fixedArea07 //////////////////////////////////////////// */
.Numbertxt.Numbertxt03 {
  z-index: 420;
}

.contents03 .ct3_fixedArea07.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #D0DCD7;
  margin-top: calc(-208*(100vw / 1666));
  z-index: 411;
}

.contents03 .ct3_fixedArea07 .felxArea {
  margin: 0 auto;
  display: flex;
  justify-content: normal;
  margin-left: calc(291*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea07 .felxArea .box2 .model_item {
  border-bottom: 1px solid #007B3D;
}

.contents03 .ct3_fixedArea07 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea07 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea07 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea07 .felxArea .box2 .model_credit ul {
  color: #007B3D;
}

.contents03 .ct3_fixedArea07 .felxArea .box2 .model_question ul li:nth-of-type(2) {
  line-height: 1.75;
  margin-top: calc(-1*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .felxArea .box2 .model_question {
  margin-top: calc(30 * (100vw / 1666));
}

.contents03 .ct3_fixedArea07 .felxArea .box2 .model_question .answer {
  margin-top: calc(26*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit {
  margin-top: calc(30 * (100vw / 1666));
  padding-top: calc(40 * (100vw / 1666));
  border-top: 1px solid #007B3D;
}

.contents03 .ct3_fixedArea07 .model_credit ul li .tax {
  margin-left: calc(51 * (100vw / 1666))  ;
}

.contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(1) .BUY_btn {
  margin-left: calc(63*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(139*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(2) .BUY_btn {
  margin-left: calc(63*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(3) .tax {
  margin-left: calc(210*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(3) .BUY_btn {
  margin-left: calc(58*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(4) .tax {
  margin-left: calc(134*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(4) .BUY_btn {
  margin-left: calc(53*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_credit ul li .BUY_btn {
  background:#007B3D;
}

.contents03 .ct3_fixedArea07 .felxArea .box2 {
  margin: calc(68*(100vw / 1666)) 0 0 calc(89*(100vw / 1666));
}

.contents03 .ct3_fixedArea07 .model_item {
  padding-bottom: calc(15*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea07.fixed {
    position: sticky;
    top: calc(-1600 * (100vw / 750));
    background: #D0DCD7;
    margin-top: 0;
  }
  
  .contents03 .ct3_fixedArea07 .felxArea {
    margin: 0 auto;
    display: block;
    justify-content: normal;
    margin-left: 0;
  }
  
  .contents03 .ct3_fixedArea07 .felxArea .box2 .model_question ul li:nth-of-type(2) {
    line-height: 1.75;
    margin-top: calc(0*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .felxArea .box2 .model_question {
    margin-top: calc(65 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .felxArea .box2 .model_question .question li:nth-of-type(2) {
    margin-left: calc(40*(100vw / 750));
    margin-top: calc(-5*(100vw / 750)) !important;
  }

  .contents03 .ct3_fixedArea07 .felxArea .box2 .model_question .answer {
    margin-top: calc(24*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit {
    margin-top: calc(38 * (100vw / 750));
    padding-top: calc(61 * (100vw / 750));
    border-top: 1px solid #007B3D;
    padding-bottom: calc(86 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li .tax {
    margin-left: calc(103 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(1) .BUY_btn {
    margin-left: calc(160*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(278*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: calc(160*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(3) .tax {
    margin-left: calc(241*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(3) .BUY_btn {
    margin-left: calc(150*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(4) .tax {
    margin-left: calc(268*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_credit ul li:nth-of-type(4) .BUY_btn {
    margin-left: calc(140*(100vw / 750));
  }
    
  .contents03 .ct3_fixedArea07 .felxArea .box2 {
    margin: 0 0 0 calc(36 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea07 .model_item {
    padding-bottom: calc(59*(100vw / 750));
  }
}


/* /////////////////////////////////////////// ct3_fixedArea08 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea08.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #DADCD0;
  z-index: 412;
}

.contents03 .ct3_fixedArea08 .felxArea {
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  margin-left: calc(221*(100vw / 1666));
  justify-content: flex-end;
}

.contents03 .ct3_fixedArea08 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea08 .felxArea .box2 .model_item {
  border-bottom: 1px solid #007B3D;
}

.contents03 .ct3_fixedArea08 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea08 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea08 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea08 .felxArea .box2 .model_credit ul {
  color: #007B3D;
}

.contents03 .ct3_fixedArea08 .felxArea .box1.slide_model {
  margin-left: calc(57 * (100vw / 1666));
}

.contents03 .ct3_fixedArea08 .felxArea .box2 {
  margin: calc(79*(100vw / 1666)) 0 0 calc(69*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
  margin-top: calc(-1*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .felxArea .box2 .model_question {
  margin-top: calc(30 * (100vw / 1666));
}

.contents03 .ct3_fixedArea08 ul.question.question02 {
  margin-top: calc(37*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .model_credit {
  margin-top: calc(30*(100vw / 1666));
  padding-top: calc(40*(100vw / 1666));
  border-top: 1px solid #007B3D;
}

.contents03 .ct3_fixedArea08 .model_credit ul li .BUY_btn {
  background:#007B3D;
}

.contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(1) .tax {
  margin-left: calc(56*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(1) .BUY_btn {
  margin-left: calc(63*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(136*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(2) .BUY_btn {
  margin-left: calc(63*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(3) .tax {
  margin-left: calc(132*(100vw / 1666));
}

.contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(3) .BUY_btn {
  margin-left: calc(58*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea08.fixed {
    position: sticky;
    top: calc(-1600 * (100vw / 750));
    background: #DADCD0;
  }
  
  .contents03 .ct3_fixedArea08 .felxArea {
    margin: 0 auto;
    display: block;
    flex-direction: row-reverse;
    margin-left: 0;
    justify-content: flex-end;
  }
  
  .contents03 .ct3_fixedArea08 .felxArea .box1.slide_model {
    margin-left: 0;
  }
  
  .contents03 .ct3_fixedArea08 .felxArea .box2 {
    margin: 0 0 0 calc(38 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
    margin-top: calc(-2*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .felxArea .box2 .model_question {
    margin: calc(67 * (100vw / 750)) 0 0 0;
  }
  
  .contents03 .ct3_fixedArea08 ul.question.question02 {
    margin-top: calc(75*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .model_credit {
    margin-top: calc(32*(100vw / 750));
    padding-top: calc(62*(100vw / 750));
    border-top: 1px solid #007B3D;
    padding-bottom: calc(89 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .model_credit ul li .BUY_btn {
    background:#007B3D;
  }
  
  .contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(1) .tax {
    margin-left: calc(112*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(1) .BUY_btn {
    margin-left: calc(157*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(274*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: calc(157*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(3) .tax {
    margin-left: calc(264*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea08 .model_credit ul li:nth-of-type(3) .BUY_btn {
    margin-left: calc(147*(100vw / 750));
  }
  
}


/* /////////////////////////////////////////// ct3_fixedArea09 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea09.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  z-index: 413;
}

.ct3_fixedArea09 {
  background: url(/Page/features/2024/0621/img/Profile_bg_03.jpg) no-repeat;
  display: block;
  width: 100%;
  max-height: calc(730 *(100vw / 1666));
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.contents03 .ct3_fixedArea09 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea09 .felxArea .box2 .model_item,
.contents03 .ct3_fixedArea09 .felxArea .box2 .model_question {
  border-bottom: 1px solid #007B3D;
}

.contents03 .ct3_fixedArea09 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea09 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea09 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea09 .felxArea .box2 .model_credit ul {
  color: #007B3D;
}

.ct3_fixedArea09 .felxArea {
  width: calc(885 * (100vw / 1666));
  display: flex;
  background: #fff;
  padding: calc(47 * (100vw / 1666)) 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ct3_fixedArea09 .felxArea .box1 {
  width: calc(326 * (100vw / 1666));
  margin-left: calc(67 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 {
  width: calc(370 * (100vw / 1666));
  margin: calc(4 * (100vw / 1666)) 0 0 calc(59 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 .Profile {
  font-size: calc(20 * (100vw / 1666));
  letter-spacing: 0;
  border-bottom: 1px solid #007B3D;
  padding-bottom: calc(20 * (100vw / 1666));
  color: #007B3D;
}

.ct3_fixedArea09 .felxArea .box2 .model_name {
  margin: calc(17*(100vw / 1666)) 0 0 0;
  padding-bottom: calc(20*(100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 .model_name .ttl {
  font-size: calc(12 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 .model_name li:nth-of-type(2) {
  margin-left: calc(65*(100vw / 1666)) !important;
  margin-top: calc(-5*(100vw / 1666)) !important;
  font-size: calc(20 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 ul {
  color: #007B3D;
}

.ct3_fixedArea09 .felxArea .box2 .Occupation {
  margin-top: calc(18 * (100vw / 1666));
  border-bottom: 1px solid #007B3D;
  padding-bottom: calc(15 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 .Occupation ul {
  display: flex;
}

.ct3_fixedArea09 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
  font-size: calc(12 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
  font-size: calc(15 * (100vw / 1666));
  margin-left: calc(28 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 .model_ProfileTxt {
  border-bottom: 1px solid #007B3D;
  padding-bottom: calc(27*(100vw / 1666));
}


.ct3_fixedArea09 .felxArea .box2 .model_ProfileTxt p {
  font-size: calc(11 * (100vw / 1666));
  width: calc(263 * (100vw / 1666));
  margin-left: auto;
  text-align: justify;
  color: #007B3D;
  margin-top: calc(20*(100vw / 1666));
  line-height: 1.8;
}

.model_ProfileTxt.font-Noto ul {
  font-size: calc(11 * (100vw / 1666));
  margin: calc(12*(100vw / 1666)) 0 0 calc(108*(100vw / 1666));
  letter-spacing: 0.08em;
}

.model_ProfileTxt.font-Noto ul li:nth-of-type(2){ 
  margin-left: calc(17 * (100vw / 1666));
}

.ct3_fixedArea09 .felxArea .box2 .Profile_btn {
  width: calc(202*(100vw / 1666));
  margin-left: auto;
  margin-top: calc(20 *(100vw / 1666));
}
@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea09.fixed {
    position: sticky;
    top: calc(-600 * (100vw / 750));
    height: calc(1922*(100vw / 750));
  }
  
  .ct3_fixedArea09 {
    background: url(/Page/features/2024/0621/img/Profile_bg_03_sp.jpg) no-repeat;
    display: block;
    width: 100%;
    max-height: calc(1922*(100vw / 750));
    height: 100vh;
    background-size: cover;
    background-position: center;
  }
  
  .ct3_fixedArea09 .felxArea {
    width: calc(680 * (100vw / 750));
    display: block;
    background: #fff;
    padding: calc(53 * (100vw / 750)) 0;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .ct3_fixedArea09 .felxArea .box1 {
    width: calc(580 * (100vw / 750));
    margin: 0 auto;
  }
  
  .ct3_fixedArea09 .felxArea .box2 {
    width: calc(580 * (100vw / 750));
    margin: calc(30 * (100vw / 750)) auto 0;
  }
  
  .ct3_fixedArea09 .felxArea .box2 .Profile {
    font-size: calc(40 * (100vw / 750));
    letter-spacing: 0;
    border-bottom: 1px solid #007B3D;
    padding-bottom: calc(40 * (100vw / 750));
    color: #007B3D;
  }
  
  .ct3_fixedArea09 .felxArea .box2 .model_name {
    margin: calc(34*(100vw / 750)) 0 0 0;
    padding-bottom: calc(40*(100vw / 750));
  }
  
  .ct3_fixedArea09 .felxArea .box2 .model_name .ttl {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea09 .felxArea .box2 .model_name li:nth-of-type(2) {
    margin-left: calc(130*(100vw / 750)) !important;
    margin-top: calc(-10*(100vw / 750)) !important;
    font-size: calc(40 * (100vw / 750)) !important;
  }
  
  .ct3_fixedArea09 .felxArea .box2 ul {
    color: #007B3D;
  }
  
  .ct3_fixedArea09 .felxArea .box2 .Occupation {
    margin-top: calc(32 * (100vw / 750));
    border-bottom: 1px solid #007B3D;
    padding-bottom: calc(31 * (100vw / 750));
  }
  
  .ct3_fixedArea09 .felxArea .box2 .Occupation ul {
    display: flex;
  }
  
  .ct3_fixedArea09 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea09 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
    font-size: calc(30 * (100vw / 750));
    margin-left: calc(56 * (100vw / 750));
  }
  
  .ct3_fixedArea09 .felxArea .box2 .model_ProfileTxt {
    border-bottom: 1px solid #007B3D;
    padding-bottom: calc(35*(100vw / 750));
  }
  
  
  .ct3_fixedArea09 .felxArea .box2 .model_ProfileTxt p {
    font-size: calc(23 * (100vw / 750));
    width: auto;
    margin-left: 0;
    text-align: justify;
    color: #007B3D;
    margin-top: calc(40*(100vw / 750));
    line-height: 1.8;
  }
  
  .model_ProfileTxt.font-Noto ul {
    font-size: calc(23 * (100vw / 750)) !important;
    margin: calc(24*(100vw / 750)) 0 0 calc(0*(100vw / 750)) !important;
    letter-spacing: 0.08em;
  }
  
  .model_ProfileTxt.font-Noto ul li:nth-of-type(2){ 
    margin-left: calc(35 * (100vw / 750));
  }
  
  .ct3_fixedArea09 .felxArea .box2 .Profile_btn {
    width: calc(405*(100vw / 750));
    margin: calc(40 * (100vw / 750)) auto 0;
  }
  
}



/* /////////////////////////////////////////// ct3_fixedArea10 //////////////////////////////////////////// */
.Numbertxt.Numbertxt04 {
  z-index: 430;
}
.contents03 .ct3_fixedArea10.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #F5DFDF;
  margin-top: calc(-208*(100vw / 1666));
  z-index: 421;
}

.contents03 .ct3_fixedArea10 .felxArea {
  margin: 0 auto;
  display: flex;
  justify-content: normal;
  margin-left: calc(291*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea10 .felxArea .box2 .model_item {
  border-bottom: 1px solid #ED525C;
}

.contents03 .ct3_fixedArea10 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea10 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea10 .felxArea .box2 .model_credit ul,
.contents03 .ct3_fixedArea10 .felxArea .box2 ul {
  color: #ED525C;
}

.contents03 .ct3_fixedArea10 .felxArea .box2 .model_question ul li:nth-of-type(2) {
  line-height: 1.75;
  margin-top: calc(-1*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .felxArea .box2 .model_question {
  margin-top: calc(38 * (100vw / 1666));
  color: #ED525C;
}

.contents03 .ct3_fixedArea10 .felxArea .box2 .model_question .answer {
  margin-top: calc(13*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit {
  border-top: 1px solid #ED525C;
  padding-top: calc(20 * (100vw / 1666));
  margin-top: calc(31 * (100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li .tax {
  margin-left: calc(20 * (100vw / 1666))  ;
}

.contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(1) .BUY_btn {
  margin-left: calc(31*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(65*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(2) .BUY_btn {
  margin-left: calc(30*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(3) .tax {
  margin-left: calc(60*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(3) .BUY_btn {
  margin-left: calc(29*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(4) .tax {
  margin-left: calc(72*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(4) .BUY_btn {
  margin-left: calc(26*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_credit ul li .BUY_btn {
  background:#ED525C;
}

.contents03 .ct3_fixedArea10 .felxArea .box2 {
  margin: calc(55*(100vw / 1666)) 0 0 calc(69*(100vw / 1666));
}

.contents03 .ct3_fixedArea10 .model_item {
  padding-bottom: calc(10*(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea10.fixed {
    position: sticky;
    top: calc(-1600 * (100vw / 750));
    background: #F5DFDF;
    margin-top: 0;
  }
  
  .contents03 .ct3_fixedArea10 .felxArea {
    margin: 0 auto;
    display: block;
    justify-content: normal;
    margin-left: calc(0*(100vw / 750));
  }  
  .contents03 .ct3_fixedArea10 .felxArea .box2 .model_question ul li:nth-of-type(2) {
    line-height: 1.75;
    margin-top: calc(-7*(100vw / 750));
    margin-left: calc(40*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .felxArea .box2 .model_question {
    margin-top: calc(65 * (100vw / 750));
    color: #ED525C;
  }
  
  .contents03 .ct3_fixedArea10 .felxArea .box2 .model_question .answer {
    margin-top: calc(98*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit {
    border-top: 1px solid #ED525C;
    margin-top: calc(38*(100vw / 750));
    padding-top: calc(62*(100vw / 750));
    padding-bottom: calc(86*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li .tax {
    margin-left: calc(90 * (100vw / 750))  ;
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(1) .BUY_btn {
    margin-left: calc(155*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(267*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: calc(145*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(3) .tax {
    margin-left: calc(241*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(3) .BUY_btn {
    margin-left: calc(160*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(4) .tax {
    margin-left: calc(268*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li:nth-of-type(4) .BUY_btn {
    margin-left: calc(160*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_credit ul li .BUY_btn {
    background:#ED525C;
  }
  
  .contents03 .ct3_fixedArea10 .felxArea .box2 {
    margin: calc(75 * (100vw / 750)) 0 0 calc(36 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea10 .model_item {
    padding-bottom: calc(23*(100vw / 750));
  }
}


/* /////////////////////////////////////////// ct3_fixedArea11 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea11.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  background: #FCE7D3;
  z-index: 423;
}

.contents03 .ct3_fixedArea11 .felxArea {
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  margin-left: calc(220*(100vw / 1666));
  justify-content: flex-end;
}

.contents03 .ct3_fixedArea11 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea11 .felxArea .box2 .model_item {
  border-bottom: 1px solid #ED525C;
}

.contents03 .ct3_fixedArea11 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea11 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea11 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea11 .felxArea .box2 .model_credit ul {
  color: #ED525C;
}

.contents03 .ct3_fixedArea11 .felxArea .box1.slide_model {
  margin-left: calc(57 * (100vw / 1666));
}

.contents03 .ct3_fixedArea11 .felxArea .box2 {
  margin: calc(79*(100vw / 1666)) 0 0 calc(69*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
  margin-top: calc(-1*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .felxArea .box2 .model_question {
  margin-top: calc(30 * (100vw / 1666));
}

.contents03 .ct3_fixedArea11 .model_credit {
  padding-top: calc(40 * (100vw / 1666));
  margin-top: calc(30 * (100vw / 1666));
  border-top: 1px solid #ED525C;
}

.contents03 .ct3_fixedArea11 ul.question.question02 {
  margin-top: calc(37*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .model_credit ul li .BUY_btn {
  background:#ED525C;
}

.contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(1) .tax {
  margin-left: calc(35*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(1) .BUY_btn {
  margin-left: calc(58*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(140*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(2) .BUY_btn {
  margin-left: calc(63*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(3) .tax {
  margin-left: calc(96*(100vw / 1666));
}

.contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(3) .BUY_btn {
  margin-left: calc(58*(100vw / 1666));
}


@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea11.fixed {
    position: sticky;
    top: calc(-1600 * (100vw / 750));
    background: #FCE7D3;
  }
  
  .contents03 .ct3_fixedArea11 .felxArea {
    margin: 0 auto;
    display: block;
    flex-direction: row-reverse;
    margin-left: 0;
    justify-content: flex-end;
  }
    
  .contents03 .ct3_fixedArea11 .felxArea .box1.slide_model {
    margin-left: 0;
  }
  
  .contents03 .ct3_fixedArea11 .felxArea .box2 {
    margin: calc(72 * (100vw / 750)) 0 0 calc(36 * (100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 .felxArea .box2 .model_question .answer li:nth-of-type(2) {
    margin-top: calc(-1*(100vw / 1666));
  }
  
  .contents03 .ct3_fixedArea11 .felxArea .box2 .model_question {
    margin: calc(61 * (100vw / 750)) 0 0 0;
  }
  
  .contents03 .ct3_fixedArea11 .model_credit {
    margin-top: calc(32*(100vw / 750));
    padding-top: calc(32*(100vw / 750));
    border-top: 1px solid #ED525C;
    padding-bottom: calc(120*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 ul.question.question02 {
    margin-top: calc(75*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 .model_credit ul li .BUY_btn {
    background:#ED525C;
  }
  
  .contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(1) .tax {
    margin-left: calc(70*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(1) .BUY_btn {
    margin-left: calc(151*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(280*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: calc(157*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(3) .tax {
    margin-left: calc(192*(100vw / 750));
  }
  
  .contents03 .ct3_fixedArea11 .model_credit ul li:nth-of-type(3) .BUY_btn {
    margin-left: calc(151*(100vw / 750));
  }
  
}

/* /////////////////////////////////////////// ct3_fixedArea12 //////////////////////////////////////////// */

.contents03 .ct3_fixedArea12.fixed {
  position: sticky;
  top: calc(40*(100vw / 1666));
  z-index: 424;
}

.ct3_fixedArea12 {
  background: url(/Page/features/2024/0621/img/Profile_bg_04.jpg) no-repeat;
  display: block;
  width: 100%;
  max-height: calc(730*(100vw / 1666));
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.contents03 .ct3_fixedArea12 .felxArea .box2 .model_name,
.contents03 .ct3_fixedArea12 .felxArea .box2 .model_item,
.contents03 .ct3_fixedArea12 .felxArea .box2 .model_question {
  border-bottom: 1px solid #ED525C;
}

.contents03 .ct3_fixedArea12 .felxArea .box2 .model_name ul,
.contents03 .ct3_fixedArea12 .felxArea .box2 .model_item ul,
.contents03 .ct3_fixedArea12 .felxArea .box2 .model_question ul,
.contents03 .ct3_fixedArea12 .felxArea .box2 .model_credit ul {
  color: #ED525C;
}

.ct3_fixedArea12 .felxArea {
  width: calc(885 * (100vw / 1666));
  display: flex;
  background: #fff;
  padding: calc(47 * (100vw / 1666)) 0;
  position: relative;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ct3_fixedArea12 .felxArea .box1 {
  width: calc(316 * (100vw / 1666));
  margin-left: calc(67 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 {
  width: calc(370 * (100vw / 1666));
  margin: calc(0 * (100vw / 1666)) 0 0 calc(59 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .Profile {
  font-size: calc(20 * (100vw / 1666));
  letter-spacing: 0;
  border-bottom: 1px solid #ED525C;
  padding-bottom: calc(20 * (100vw / 1666));
  color: #ED525C;
  margin-top: calc(-8 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .model_name {
  margin: calc(17*(100vw / 1666)) 0 0 0;
  padding-bottom: calc(20*(100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .model_name .ttl {
  font-size: calc(12 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .model_name li:nth-of-type(2) {
  margin-left: calc(65*(100vw / 1666)) !important;
  margin-top: calc(-5*(100vw / 1666)) !important;
  font-size: calc(20 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 ul {
  color: #ED525C;
}

.ct3_fixedArea12 .felxArea .box2 .Occupation {
  margin-top: calc(18 * (100vw / 1666));
  border-bottom: 1px solid #ED525C;
  padding-bottom: calc(15 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .Occupation ul {
  display: flex;
}

.ct3_fixedArea12 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
  font-size: calc(12 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
  font-size: calc(15 * (100vw / 1666));
  margin-left: calc(28 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .model_ProfileTxt {
  border-bottom: 1px solid #ED525C;
  padding-bottom: calc(22*(100vw / 1666));
}


.ct3_fixedArea12 .felxArea .box2 .model_ProfileTxt p {
  font-size: calc(11 * (100vw / 1666));
  width: calc(283 * (100vw / 1666));
  margin-left: auto;
  text-align: justify;
  color: #ED525C;
  margin-top: calc(20*(100vw / 1666));
  line-height: 1.8;
}

.model_ProfileTxt.font-Noto ul {
  font-size: calc(11 * (100vw / 1666));
  margin: calc(12*(100vw / 1666)) 0 0 calc(108*(100vw / 1666));
  letter-spacing: 0.08em;
  text-decoration: underline;
}

.ct3_fixedArea12 .model_ProfileTxt.font-Noto ul {
  margin: calc(12*(100vw / 1666)) 0 0 calc(88*(100vw / 1666));
}

.model_ProfileTxt.font-Noto ul li:nth-of-type(2){ 
  margin-left: calc(12 * (100vw / 1666));
}

.ct3_fixedArea12 .felxArea .box2 .Profile_btn {
  width: calc(202*(100vw / 1666));
  margin-left: auto;
  margin-top: calc(15 *(100vw / 1666));
}

@media screen and (max-width: 767px) {
  .contents03 .ct3_fixedArea12.fixed {
    position: sticky;
    top: calc(-600 * (100vw / 750));
    height: calc(2025 *(100vw / 750));
  }
  
  .ct3_fixedArea12 {
    background: url(/Page/features/2024/0621/img/Profile_bg_04_sp.jpg) no-repeat;
    display: block;
    width: 100%;
    max-height: calc(2025 *(100vw / 750));
    height: 100vh;
    background-size: cover;
    background-position: center;
  }
    
  .ct3_fixedArea12 .felxArea {
    width: calc(680 * (100vw / 750));
    display: block;
    background: #fff;
    padding: calc(53 * (100vw / 750)) 0;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .ct3_fixedArea12 .felxArea .box1 {
    width: calc(580 * (100vw / 750));
    margin: 0 auto;
  }
  
  .ct3_fixedArea12 .felxArea .box2 {
    width: calc(580 * (100vw / 750));
    margin: calc(30 * (100vw / 750)) auto 0;
  }
  
  .ct3_fixedArea12 .felxArea .box2 .Profile {
    font-size: calc(40 * (100vw / 750));
    letter-spacing: 0;
    border-bottom: 1px solid #ED525C;
    padding-bottom: calc(40 * (100vw / 750));
    color: #ED525C;
    margin-top: calc(0 * (100vw / 750));
  }
  
  .ct3_fixedArea12 .felxArea .box2 .model_name {
    margin: calc(34*(100vw / 750)) 0 0 0;
    padding-bottom: calc(40*(100vw / 750));
  }
  
  .ct3_fixedArea12 .felxArea .box2 .model_name .ttl {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea12 .felxArea .box2 .model_name li:nth-of-type(2) {
    margin-left: calc(130*(100vw / 750)) !important;
    margin-top: calc(-10*(100vw / 750)) !important;
    font-size: calc(40 * (100vw / 750)) !important;
  }
  
  .ct3_fixedArea12 .felxArea .box2 ul {
    color: #ED525C;
  }
  
  .ct3_fixedArea12 .felxArea .box2 .Occupation {
    margin-top: calc(32 * (100vw / 750));
    border-bottom: 1px solid #ED525C;
    padding-bottom: calc(31 * (100vw / 750));
  }
  
  .ct3_fixedArea12 .felxArea .box2 .Occupation ul {
    display: flex;
  }
  
  .ct3_fixedArea12 .felxArea .box2 .Occupation ul li:nth-of-type(1) {
    font-size: calc(25 * (100vw / 750));
  }
  
  .ct3_fixedArea12 .felxArea .box2 .Occupation ul li:nth-of-type(2) {
    font-size: calc(30 * (100vw / 750));
    margin-left: calc(56 * (100vw / 750));
  }
  
  .ct3_fixedArea12 .felxArea .box2 .model_ProfileTxt {
    border-bottom: 1px solid #ED525C;
    padding-bottom: calc(35*(100vw / 750));
  }
  
  
  .ct3_fixedArea12 .felxArea .box2 .model_ProfileTxt p {
    font-size: calc(23 * (100vw / 750));
    width: auto;
    margin-left: 0;
    text-align: justify;
    color: #ED525C;
    margin-top: calc(40*(100vw / 750));
    line-height: 1.8;
  }
  
  .model_ProfileTxt.font-Noto ul {
    font-size: calc(22 * (100vw / 750));
    margin: calc(24*(100vw / 750)) 0 0 calc(217*(100vw / 750));
    letter-spacing: 0.08em;
  }
  
  .model_ProfileTxt.font-Noto ul li:nth-of-type(2){ 
    margin-left: calc(35 * (100vw / 750));
  }
  
  .ct3_fixedArea12 .felxArea .box2 .Profile_btn {
    width: calc(405*(100vw / 750));
    margin: calc(40 * (100vw / 750)) auto 0;
  }
  
}



/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                          プロフィール箇所
///////////////////////////////////////////////////////////////////////////////////////
*/

.model_name ul,
.model_item ul,
.question,
.answer,
.question.question02,
.answer.answer02 {
  display: flex !important;
  align-items: flex-start
}

.felxArea .box2 ul {
  display: block;
  color: #F3AF28;
}

.felxArea .box2 ul li.ttl {
  font-size: calc(12 * (100vw / 1666));
}

.felxArea .box2 .model_name ul li:nth-of-type(2),
.felxArea .box2 .model_item ul li:nth-of-type(2) {
  font-size: calc(28 * (100vw / 1666));
}

.felxArea .box2 .model_item {
  margin-top: calc(28*(100vw / 1666));
}

.felxArea .box2 .model_question .question li:nth-of-type(2) {
  font-size: calc(13 * (100vw / 1666));
}

.felxArea .box2 .model_question .answer {
  margin-top: calc(25 * (100vw / 1666));
}

.felxArea .box2 .model_question .answer li:nth-of-type(2) {
  font-size: calc(11 * (100vw / 1666));
}

.felxArea .box2 .model_question {
  margin-top: calc(30 *(100vw / 1666));
}

.model_name {
  border-bottom: 1px solid #F3AF28;
  padding-bottom: calc(26*(100vw / 1666));;
}

.model_item {
  border-bottom: 1px solid #F3AF28;
  padding-bottom: calc(18*(100vw / 1666));
}

.model_credit {
  margin-top: calc(40 * (100vw / 1666));
}

.model_credit ul {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

.model_credit ul li {
  font-size: calc(12 * (100vw / 1666));
}

.model_credit ul li .size {
  margin-left: calc(6*(100vw / 1666));
  letter-spacing: 0.07em;
}

.model_credit ul li .tax {
  font-size: calc(12 * (100vw / 1666));
  margin-left: calc(31 * (100vw / 1666));
}

.model_credit ul li .BUY_btn {
  background: #F3AF28;
  width: calc(50*(100vw / 1666));
  height: calc(14*(100vw / 1666));
  color: #fff;
  padding: 0;
  margin-left: calc(126*(100vw / 1666));
  letter-spacing: 0.1em;
  display: flex;
  text-align: center
}

.model_credit ul li .BUY_btn .asdf {
  display: block;
  width: calc(23 * (100vw / 1666));
  height: auto;
  margin: auto;
}

/* .model_credit ul li .BUY_btn {
  width: calc(50*(100vw / 1666));
  background: #F3AF28;
  font-size: calc(10 * (100vw / 1666));
  color: #fff;
  padding: 0;
  margin-left: calc(126*(100vw / 1666));
  letter-spacing: 0.1em;
  display: inline-block;
  text-align: center;
} */

.model_credit ul li:nth-of-type(2) .tax {
  margin-left: calc(177 * (100vw / 1666));
}


.contents04 {
  background: #fff;
  position: sticky;
  padding-top: calc(160 * (100vw / 1666));
  padding-bottom: calc(200 * (100vw / 1666));
  top: calc(40*(100vw / 1666));
  z-index: 300;
}

.contents04 .All_btn {
  width: calc(425 * (100vw / 1666));
  margin: 0 auto;
  border: 1px solid #000;
  font-size: calc(27 * (100vw / 1666));
  text-align: center;
  position: relative;
}

.contents04 .All_btn a {
  padding: calc(20 * (100vw / 1666)) 0 calc(25 * (100vw / 1666)) 0;
}

.contents04 .All_btn .All_btn_arrow {
  width: calc(7*(100vw / 1666));
  position: absolute;
  top: 50%;
  right: calc(10*(100vw / 1666));
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
}


.contents04 .ct3TxtBox ul {
  text-align: center;
  margin-top: calc(52 * (100vw / 1666));
}

.contents04 .ct3TxtBox ul li:nth-of-type(1) {
  font-size: calc(18 * (100vw / 1666));
}

.contents04 .ct3TxtBox ul li:nth-of-type(2) {
  font-size: calc(26 * (100vw / 1666));
}

.contents04 .ct3TxtBox ul li:nth-of-type(3) {
  width: calc(100 * (100vw / 1666));
  margin: calc(7 * (100vw / 1666)) auto 0;
}

.contents04 .staffTxtBox {
  text-align: center;
  margin-top: calc(27 * (100vw / 1666));
}

.contents04 .staffTxtBox p {
  font-size: calc(10 * (100vw / 1666));
  line-height: 1.9;
  letter-spacing: 0.03em;
  font-feature-settings: "palt";
}

/* Mobile */
@media screen and (max-width: 767px) {
  .felxArea .box2 ul {
    display: flex;
    color: #F3AF28;
  }
  
  .felxArea .box2 ul li.ttl {
    font-size: calc(35 * (100vw / 750));
  }
  
  .felxArea .box2 .model_name ul li:nth-of-type(2),
  .felxArea .box2 .model_item ul li:nth-of-type(2) {
    font-size: calc(50 * (100vw / 750));
  }
  
  .felxArea .box2 .model_item {
    margin-top: calc(37*(100vw / 750));
  }
  
  .felxArea .box2 .model_question .question li:nth-of-type(2) {
    font-size: calc(26 * (100vw / 750));
  }
  
  .felxArea .box2 .model_question .answer {
    margin-top: calc(29 * (100vw / 750));
  }
  
  .felxArea .box2 .model_question .answer li:nth-of-type(2) {
    font-size: calc(23 * (100vw / 750));
  }
  
  .felxArea .box2 .model_question {
    margin-top: calc(59 *(100vw / 750));
  }
  
  .model_name {
    border-bottom: 1px solid #F3AF28;
    padding-bottom: calc(53*(100vw / 750));;
  }
  
  .model_item {
    border-bottom: 1px solid #F3AF28;
    padding-bottom: calc(57*(100vw / 750));
  }
  
  .model_credit {
    margin-top: calc(80 * (100vw / 750));
  }
  
  .model_credit ul {
    display: flex;
    flex-direction: column;
    gap: 14px 0;
  }
  
  .model_credit ul li {
    font-size: calc(25 * (100vw / 750));
  }
  
  .model_credit ul li .size {
    margin-left: calc(12*(100vw / 750));
    letter-spacing: 0.07em;
  }
  
  .model_credit ul li .tax {
    font-size: calc(25 * (100vw / 750));
    margin-left: calc(87 * (100vw / 750));
  }
  
  .model_credit ul li .BUY_btn {
    width: calc(100*(100vw / 750));
    height: calc(28 * (100vw / 750));
    background: #F3AF28;
    font-size: calc(21 * (100vw / 750));
    color: #fff;
    padding: 0;
    margin-left: calc(151*(100vw / 750));
    letter-spacing: 0.1em;
    text-align: center;
  }

  .model_credit ul li .BUY_btn .asdf {
    width: calc(47 * (100vw / 750));
  }

  .model_credit ul li:nth-of-type(2) .tax {
    margin-left: calc(193 * (100vw / 750));
  }
  
  
  .contents04 {
    background: #fff;
    position: sticky;
    padding-top: calc(248 * (100vw / 750));
    padding-bottom: calc(400 * (100vw / 750));
    top: calc(40*(100vw / 1666));
  }
  
  .contents04 .All_btn {
    width: calc(647 * (100vw / 750));
    margin: 0 auto;
    border: 1px solid #000;
    font-size: calc(41 * (100vw / 750));
    text-align: center;
    position: relative;
  }
  
  .contents04 .All_btn a {
    padding: calc(40 * (100vw / 750)) 0 calc(30 * (100vw / 750)) 0;
  }
  
  .contents04 .All_btn .All_btn_arrow {
    width: calc(15*(100vw / 750));
    position: absolute;
    top: 50%;
    right: calc(42*(100vw / 750));
    transform: translate(-50%, -50%);
    z-index: 10;
    pointer-events: none;
  }
  
  
  .contents04 .ct3TxtBox ul {
    text-align: center;
    margin-top: calc(149 * (100vw / 750));
  }
  
  .contents04 .ct3TxtBox ul li:nth-of-type(1) {
    font-size: calc(36 * (100vw / 750));
  }
  
  .contents04 .ct3TxtBox ul li:nth-of-type(2) {
    font-size: calc(51 * (100vw / 750));
  }
  
  .contents04 .ct3TxtBox ul li:nth-of-type(3) {
    width: calc(197 * (100vw / 750));
    margin: calc(30 * (100vw / 750)) auto 0;
  }
  
  .contents04 .staffTxtBox {
    text-align: center;
    margin-top: calc(108 * (100vw / 750));
  }
  
  .contents04 .staffTxtBox p {
    font-size: calc(21 * (100vw / 750));
    line-height: 1.9;
    letter-spacing: 0.03em;
    font-feature-settings: "palt";
  }
}


/* もっとみる */
@media screen and (max-width: 767px) {
.accordion {
  width: 500px;
  margin: 50px auto;
}

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

.accordion__accordionMoreContent {
  display: none;
}

.accordion__button {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  cursor: pointer;
}

.accordion__buttonText {
  display: none;
  width: calc(147*(100vw / 750));
  margin: calc(30*(100vw / 750)) auto 0;
  padding-bottom: calc(50*(100vw / 750));
}

/* is-active時（展開時）の切り替え */
.accordion__button.is-active::before {
  transform: rotate(-45deg);
  margin-top: -2px;
}

.accordion__buttonText.is-active {
  display: block;
}

.felxArea .box2 .model_question .question02 {
  margin-top: calc(35*(100vw / 750));
}



}

/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                Mobile
///////////////////////////////////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                            アニメーション
///////////////////////////////////////////////////////////////////////////////////////
*/

/* Mainvisual アニメーション */

.load-up {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:1s;
}
.load-up.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-up02 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:2s;
}
.load-up02.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-up03 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:3s;
}
.load-up03.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-up04 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:4s;
}
.load-up04.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-Sub-up01 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:5s;
}
.load-Sub-up01.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-Sub-up02 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:6s;
}
.load-Sub-up02.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-Sub-up03 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:7s;
}
.load-Sub-up03.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-Sub-up04 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:8s;
}
.load-Sub-up04.done {
  opacity : 1;
  transform: translateY(0px);
}

.load-Sub-up05 {
  opacity: 0;
  transform: translateY(50px);/*スクロールアップする距離*/
  transition: all .5s;
  transition-delay:9s;
}
.load-Sub-up05.done {
  opacity : 1;
  transform: translateY(0px);
}

/*========= 順番にフェード ===============*/
.Ct1fadein {
  opacity : 0;
  transition : all 2s;
}

.Ct1fadein.active{
  opacity : 1;
}

.Ct2fadein {
  opacity : 0;
  transition : all 2s;
}

.Ct2fadein.active{
  opacity : 1;
}

/*========= 紙芝居風レイアウトのためのCSS ===============*/

section.fixed{
  position: -webkit-sticky;/*Safari*/
  position: sticky;
  top: 0;
}

/*========= タブ切り替え ===============*/
.tab-area .tab {
  background-color:none;
  border: 1px solid #F3AF28;
  color: #F3AF28;
}

.tab-area .tab.active {
  background-color: #F3AF28;
  color: #fff;
  border: none;
}

.content-area .content {
  display: none;
}
.content-area .content.show {
  display: block;
}

/*＝＝＝＝＝＝＝＝＝＝＝タブレット以下の見え方＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* @media screen and (max-width:768px){
	section.fixed,
	section.fixed:last-of-type{
    position:relative!important;
    top:0;
    min-height: auto;
    padding:30px;
  }
} */


/*
///////////////////////////////////////////////////////////////////////////////////////
                                                                                Mobile
///////////////////////////////////////////////////////////////////////////////////////
*/

/* Mobile */
@media screen and (max-width: 767px) {

  .spOnly {
    display: block;
  }

  .Mobile_txt {
    font-size: calc(62 * (100vw / 750));
    text-align: center;
    white-space: nowrap;
    color: #fff;
    position: absolute;
    top: 49.7%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
  }

}

@media screen and (max-width: 767px) {
  .slickBox.model_img.slick-initialized.slick-slider.slick-dotted {
    width: calc(750*(100vw / 750));
    overflow-x: hidden;
  }
}

/* SP - テキスト */
@media screen and (max-width: 767px) {

/* テキストリング common */
.Numbertxt.hidden-mobile {
  width: calc(170 * (100vw / 750));
  position: absolute;
  top: calc(20 * (100vw / 750));
  z-index: 10;
}

.scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}

/* 各 テキストリング */
.ct3_fixedArea01.fixed .Numbertxt.hidden-mobile {
  right: calc(30 * (100vw / 750));
}
.ct3_fixedArea01.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link1Target .ct3_fixedArea01 .Numbertxt .scroll_in_txt {
  color: #fff;
}

.ct3_fixedArea02.fixed .Numbertxt.hidden-mobile {
  left: calc(20 * (100vw / 750));
}
.ct3_fixedArea02.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link1Target .ct3_fixedArea02 .Numbertxt .scroll_in_txt {
  color: #fff;
}

.ct3_fixedArea03.fixed .Numbertxt.hidden-mobile {
  right: calc(21*(100vw / 750));
  top: calc(-62*(100vw / 750));
}
.ct3_fixedArea03.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}

.ct3_fixedArea04.fixed .Numbertxt.hidden-mobile {
  right: calc(36 * (100vw / 750));
}
.ct3_fixedArea04.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link2Target .ct3_fixedArea04 .Numbertxt .scroll_in_txt {
  color: #fff;
}

.ct3_fixedArea05.fixed .Numbertxt.hidden-mobile {
  top: calc(14 * (100vw / 750));
  left: calc(18 * (100vw / 750));
}
.ct3_fixedArea05.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link2Target .ct3_fixedArea05 .Numbertxt .scroll_in_txt {
  color: #fff;
}

.ct3_fixedArea06.fixed .Numbertxt.hidden-mobile {
  right: calc(21*(100vw / 750));
  top: calc(-62*(100vw / 750));
}
.ct3_fixedArea06.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}


.ct3_fixedArea07.fixed .Numbertxt.hidden-mobile {
  right: calc(36 * (100vw / 750));
  top: calc(10 * (100vw / 750));
}
.ct3_fixedArea07.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link3Target .ct3_fixedArea07 .Numbertxt .scroll_in_txt {
  color: #fff;
}

.ct3_fixedArea08.fixed .Numbertxt.hidden-mobile {
  top: calc(14 * (100vw / 750));
  left: calc(18 * (100vw / 750));
}
.ct3_fixedArea08.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link3Target .ct3_fixedArea08 .Numbertxt .scroll_in_txt {
  color: #fff;
}

.ct3_fixedArea09.fixed .Numbertxt.hidden-mobile {
  right: calc(21*(100vw / 750));
  top: calc(-62*(100vw / 750));
}
.ct3_fixedArea09.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}

.ct3_fixedArea10.fixed .Numbertxt.hidden-mobile {
  right: calc(36 * (100vw / 750));
  top: calc(10 * (100vw / 750));
}
.ct3_fixedArea10.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link4Target .ct3_fixedArea10 .Numbertxt .scroll_in_txt {
  color: #fff;
}

.ct3_fixedArea11.fixed .Numbertxt.hidden-mobile {
  top: calc(14 * (100vw / 750));
  left: calc(18 * (100vw / 750));
}
.ct3_fixedArea11.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}
#link4Target .ct3_fixedArea11 .Numbertxt .scroll_in_txt {
  color: #fff;
}


.ct3_fixedArea12.fixed .Numbertxt.hidden-mobile {
  right: calc(21*(100vw / 750));
  top: calc(-62*(100vw / 750));
}
.ct3_fixedArea12.fixed .scroll_in_txt {
  font-size: calc(48 * (100vw / 750));
}

}


/* PC - クレジット */

@media screen and (min-width: 768px) {
  .felxArea .box2 .model_credit ul li a {
    display: flex;
    justify-content: space-between;
  }

  .ct3_fixedArea09 .model_ProfileTxt ul {
    display: flex;
  }

  .model_credit ul li:nth-of-type(1) {
    margin-bottom: calc(10 * (100vw / 1666));
  }

  .model_credit ul li:nth-of-type(3) {
    margin-top: calc(10 * (100vw / 1666));
  }

  .model_credit ul li:nth-of-type(4) {
    margin-top: calc(10 * (100vw / 1666));
  }

  .model_credit ul li .tax,
  .model_credit ul li .BUY_btn,
  .model_credit ul li:nth-of-type(2) .tax,
  .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: 0 !important;
  }

  .model_credit ul li .tax {
    margin-right: calc(100 * (100vw / 1666)) !important;
  }

  .right_credit {
    display: flex;
    width: calc(180*(100vw / 1666));
    justify-content: space-between;
  }

  span.tax {
    width: calc(74*(100vw / 1666));
    display: contents;
  }

}

@media screen and (max-width: 767px) {
  .felxArea .box2 .model_credit ul li a {
    display: flex;
    width: calc(680 * (100vw / 750));
    justify-content: space-between;
  }

  .model_credit ul li .tax,
  .model_credit ul li .BUY_btn,
  .model_credit ul li:nth-of-type(2) .tax,
  .model_credit ul li:nth-of-type(2) .BUY_btn {
    margin-left: 0 !important;
  }

  .model_credit ul li .tax {
    margin-right: calc(50 * (100vw / 750)) !important;
  }

  .right_credit {
    display: flex;
    width: calc(330 *(100vw / 750));
    justify-content: space-between;
  }

  span.tax {
    width: calc(35*(100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .Numbertxt {
    color: #F3AF28;
  }
  .Numbertxt02 {
    color: #0099E1;
  }
  .Numbertxt03 {
    color: #007B3D;
  }
  .Numbertxt04 {
    color: #ED525C;
  }
}

@media screen and (max-width: 767px) {
  .ct3_fixedArea01.fixed .Numbertxt.hidden-mobile p,
  .ct3_fixedArea02.fixed .Numbertxt.hidden-mobile p {
    color: #fff;
  }

  .ct3_fixedArea03.fixed .Numbertxt.hidden-mobile {
    color: #F3AF28;
  }

  .ct3_fixedArea04.fixed .Numbertxt.hidden-mobile p,
  .ct3_fixedArea05.fixed .Numbertxt.hidden-mobile p {
    color: #fff;
  }

  .ct3_fixedArea06.fixed .Numbertxt.hidden-mobile p {
    color: #0099E1;
  }

  .ct3_fixedArea07.fixed .Numbertxt.hidden-mobile p,
  .ct3_fixedArea08.fixed .Numbertxt.hidden-mobile p {
    color: #fff;
  }

  .ct3_fixedArea09.fixed .Numbertxt.hidden-mobile p {
    color: #007B3D;
  }

  .ct3_fixedArea10.fixed .Numbertxt.hidden-mobile p,
  .ct3_fixedArea11.fixed .Numbertxt.hidden-mobile p {
    color: #fff;
  }

  .ct3_fixedArea12.fixed .Numbertxt.hidden-mobile p {
    color: #ED525C;
  }

}

.header__list:has([href="#link1Target"].header__link.is-active) {
  --color-accent: #F3AF28;
}
.header__list:has([href="#link2Target"].header__link.is-active) {
  --color-accent: #0099E1;
}
.header__list:has([href="#link3Target"].header__link.is-active) {
  --color-accent: #007B3D;
}
.header__list:has([href="#link4Target"].header__link.is-active) {
  --color-accent: #ED525C;
}

/* .is-activeが無いときのデフォルトのボタン */
.header__link {
  color: #000;
  border: 1px solid #000;
  width: calc(150*(100vw / 1666));
  height: calc(50*(100vw / 1666));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* .is-activeが付いたときのactive以外のボタン */
.header__list:has(.is-active) .header__link:not(.is-active) {
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  width: calc(150*(100vw / 1666));
  height: calc(50*(100vw / 1666));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

span.header_model_name {
  margin-left: calc(13*(100vw / 1666));
}

/* .is-activeが付いたときのactiveのボタン */
.header__list:has(.is-active) .header__link.is-active {
  color: #fff;
  border: none;
  background-color: var(--color-accent);
  width: calc(150*(100vw / 1666));
  height: calc(50*(100vw / 1666));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 767px) {
.header__link {
  width: calc(94*(100vw / 750));
  height: calc(50*(100vw / 750));
}

/* .is-activeが付いたときのactive以外のボタン */
.header__list:has(.is-active) .header__link:not(.is-active) {
  width: calc(94*(100vw / 750));
  height: calc(50*(100vw / 750));
}

span.header_model_name {
  margin-left: calc(13*(100vw / 750));
}

/* .is-activeが付いたときのactiveのボタン */
.header__list:has(.is-active) .header__link.is-active {
  width: calc(94*(100vw / 750));
  height: calc(50*(100vw / 750));
}
}




.barbour_240621 .contents02 .js-color  {
  position: absolute;
  top: 0;
  transition: 1s background ease , height 2s ease;
  background: #fff;
  height: 0;
  width: 100vw;
  z-index: -1;
}

.barbour_240621 .contents02 .js-color.classActive  {
  background: #ddd;
}



/* フェードインさせる要素 */
.ct2jsFade {
  opacity: 0;
  transform: translateY(20px);
}
.ct2jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: all .7s;
}

/* フェードインさせる要素 */
.jsFade {
  opacity: 0;
  transform: translateY(20px);
}
.jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: all .7s;
}


/* フェードインさせる要素 */
.jsFade_credit {
  opacity: 0;
  transform: translateY(20px);
}
.jsFade_credit.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: all .7s;
}



header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 1.5em;
	background-color: rgba(255,255,255,0.7);
	transition: color .4s, background-color .4s;
}

/* ↓ 関係があるCSSはこれだけ ↓ */
header[data-js-scroll="true"] {
	color: #fff;
	background-color: rgba(0,0,0,0.9);
}
/* ↑ 関係があるCSSはこれだけ ↑ */


@media screen and (min-width: 768px) {
  .barbour_240621 .contents02 {
    padding-top: calc(75 * (100vw / 1666));
    position: sticky;
    top: 0;
    height: 100vh;
  }
  
  .Ct02Box-bg {
    width: 100%;
    height: calc(438 * (100vw / 1666));
    background: #ddd;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
}

.js-demo-active .Ct02Box-bg {
  animation-name: scroll-anim;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes scroll-anim {
  0% {
    height: calc(438 * (100vw / 1666));
  }
  100% {
    height: 100vh;
  }
}

.AnkerLink_Box {
  opacity: 0;
  transition: 1s ease opacity;
  transition-delay: 1s;
}

.js-demo-active .AnkerLink_Box {
  opacity: 1;
}


@media screen and (max-width: 767px) {
  .barbour_240621 .contents02 {
    padding-top: 0;
    padding-bottom: calc(200 * (100vw / 750));
    position: sticky;
    top: calc(-700 * (100vw / 750));
    height: auto;
  }

  .Ct02Box__section.js-demo-active {
    padding-bottom: calc(0 * (100vw / 750));
  }

  .Ct02Box-bg {
    height: calc(1100 * (100vw / 750));
    width: 100%;
    background: #ddd;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  
  .js-demo-active .Ct02Box-bg {
    animation-name: scroll-anim-sp;
    animation-duration:1s;
    animation-fill-mode:forwards;
  }
  
  @keyframes scroll-anim-sp {
    0% {
      height: calc(1100 * (100vw / 750));
    }
    100% {
      height: 100%;
    }
  }
}