@charset "utf-8";
/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html,
body {
  height: 100%;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
#root,
#__next {
  isolation: isolate;
}

/* addition */
img,
video,
iframe {
  vertical-align: bottom;
  display: block;
}
img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
em {
  font-style: normal;
}
small {
  font-size: 70%;
}

ul,
ol,
li {
  padding: 0;
  list-style: none;
}

/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN',
    'Hiragino Sans', Meiryo, sans-serif;
}

strong,
em {
  font-weight: 700;
}

.fMin {
  font-family: 'Noto Serif JP', serif;
}

/* ---------------------------------------------
Base
--------------------------------------------- */
html body,
table th,
table td {
  line-height: 1.6;
  color: #000;
  font-size: 20px;
}

a,
a:link,
a:visited {
  color: #1e87f0;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
}

/* ---------------------------------------------
width
--------------------------------------------- */
.wrapper {
  /* width: 1100px; */
  margin: 0 auto;
}

.contentsWrapper {
  width: 750px;
  margin: 0 auto;
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
/* button hover */
:root {
  --transition_btnHover: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

/* contents */
.page_cmn .sec {
  margin: 0;
  padding: 0;
}
.page_cmn .sec .secTitle {
  margin: 0;
}

.page_cmn sup {
  font-size: 70%;
  font-weight: 400;
  vertical-align: super;
}

.page_cmn .btn a:hover {
  opacity: 0.8;
}

.page_cmn .red1 {
  color: #b50000;
}

.page_cmn .txtSt1 {
  background-color: #f2f407;
}

.page_cmn .note {
  font-size: 13px;
}
.page_cmn small.note {
  display: block;
}
.page_cmn p.note1,
.page_cmn small.note1,
.page_cmn ul.note1 li {
  padding-left: 1.4em;
  text-indent: -1.4em;
}
.page_cmn p.note2,
.page_cmn small.note2,
.page_cmn ul.note2 li {
  padding-left: 2em;
  text-indent: -2em;
}

.page_cmn .taR {
  text-align: right;
}

/* toggle */
.toggleBlock .toggleBtn {
  cursor: pointer;
}
.toggleBlock .toggleCont {
  display: none;
}

/* ---------------------------------------------
followingBnr
--------------------------------------------- */
#js-followingBnr {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: none;
  z-index: 10;
}

#js-followingBnr .btn {
  position: absolute;
  top: auto;
  bottom: 15px;
  left: auto;
  right: 20px;
}

#js-followingBnr .btn:hover {
  opacity: 0.8;
  transition: 0.3s;
}
/* ---------------------------------------------
cta
--------------------------------------------- */
.page_cmn .cta {
  background-image: url(../images/cta_bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  padding: 50px 0;
}
.page_cmn .cta .cta_recommend {
  width: 750px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.page_cmn .cta .cta_recommend .cta_recommend_ttl {
  margin: 0;
  position: relative;
  z-index: 2;
}

.page_cmn .cta .cta_recommend .cta_recommend_ttl:after {
  content: '';
  width: 20px;
  height: 4px;
  background-color: #42210b;
  position: absolute;
  top: 83px;
  left: auto;
  right: 72px;
  transition: var(--transition_btnHover);
}

.page_cmn .cta .cta_recommend .cta_recommend_ttl:before {
  content: '';
  width: 4px;
  height: 20px;
  background-color: #42210b;
  position: absolute;
  top: 75px;
  left: auto;
  right: 80px;
  transition: var(--transition_btnHover);
}

.page_cmn .cta .cta_recommend .cta_recommend_ttl.open:before {
  transform: rotate(-90deg);
}

.page_cmn .cta .cta_recommend .cta_recommend_cont {
  width: 100%;
  margin: 0;
  position: relative;
  top: 100%;
  left: 0;
  z-index: 1;
  transform: translateY(-5px);
}

.page_cmn .cta .cta_recommend .cta_recommend_cont img {
  box-shadow: 10px 0px 15px -5px #eeeeee;
}

.page_cmn .cta .cta_recommend .cta_recommend_cont dd:last-of-type img {
  box-shadow: 10px 20px 15px -5px #eeeeee;
  border-radius: 10px;
}

.page_cmn .cta .cta_recommend dd {
  position: relative;
}

.page_cmn .cta .cta_recommend .btn {
  width: 100%;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}

.page_cmn .cta .cta_cart {
  width: 678px;
  margin: 0 auto 40px;
  padding-top: 4em;
  position: relative;
}
.page_cmn .cta .cta_cart::after {
  content: '';
  width: 100%;
  height: 40px;
  position: absolute;
  top: 100%;
  left: 0;
  background: url(../images/cta_cart_bg_btm.png) no-repeat center top;
  background-size: 100% auto;
}
.page_cmn .cta .cta_cart .cta_cart_ttl {
  padding-bottom: .5em;
  background: url(../images/cta_cart_bg_top.png) no-repeat center bottom;
  background-size: 100% auto;
}
.page_cmn .cta .cta_cart .cta_cart_ttl .ttl {
  width: 97.641%;
  margin: 0 auto;
}
.page_cmn .cta .cta_cart .bg_mid {
  padding-bottom: 1em;
  background: url(../images/cta_cart_bg_mid.png) repeat-y center top;
  background-size: 100% auto;
}
.page_cmn .cta .cta_cart .cta_cart_item {
  width: 104.72%;
  position: relative;
  top: -1.5em;
  left: -1em;
}
.page_cmn .cta .cta_cart .cta_cart_benefits {
  width: 87.022%;
  margin: 0 auto;
}
.page_cmn .cta .cta_cart .cta_cart_btn {
  width: 93.806%;
  margin: 0 auto .5em;
}
.page_cmn .cta .cta_cart .cta_cart_note {
  margin: 0 2em;
}
.page_cmn .cta .cta_cart .cta_cart_note .note {
  font-size: 18px;
}


/* ---------------------------------------------
tab
--------------------------------------------- */
.page_cmn .tab_area {
  margin: 0;
  padding: 20px 40px 0;
}
.page_cmn .tab_area .tab_group {
  margin: 0 0 -3px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}

.page_cmn .tab_area .tab_group .tab {
  width: 24%;
  margin-top: 0.4em;
  padding: 0.2em 0 0.5em;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  background-color: #90806a;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  position: relative;
  cursor: pointer;
  transition: var(--transition_btnHover);
}

.page_cmn .tab_area .tab_group .tab.active {
  margin-top: 0;
  padding-top: 0.6em;
  background-color: #cda342;
}
.page_cmn .tab_area .tab_group .tab:before {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  bottom: 0;
  background-color: #cda342;
  left: 0;
}
.page_cmn .tab_area .tab_group .tab.active:before {
  width: 100%;
  margin-left: 0;
  background-color: #cda342;
}

.page_cmn .tab_area .tab_group .tab:after {
  content: '';
  width: 20px;
  height: 12px;
  margin: 0.3em auto 0;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M15.270%2C17.219%20L29.844%2C0.5%20L0.696%2C0.5%20L15.270%2C17.219%20Z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  display: block;
}

.page_cmn .tab_area .tab_group .tab .age {
  margin: 0 0 0.1em;
  font-size: 22px;
  display: inline;
}

.page_cmn .tab_area .tab_group .tab .age em {
  font-size: 35px;
  font-weight: 500;
}

.page_cmn .tab_area .panel_group {
  background-color: #cda342;
  border: 3px solid #cda342;
  position: relative;
  border-radius: 0px 0px 10px 10px;
}
.page_cmn .tab_area .panel_group .panel {
  height: 750px;
  padding: 40px;
  margin: 10px;
  background-color: #fff;
  border: 2px solid #cda342;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: var(--transition_btnHover);
}
.page_cmn .tab_area .panel_group .panel.active {
  position: relative;
  z-index: 2;
  opacity: 1;
  transition: 0s;
}
.page_cmn .tab_area .panel_group .panel .voice:nth-of-type(n + 2) {
  margin-top: 80px;
}

.page_cmn .tab_area .panel_group .panel .voice_profile {
  display: flex;
  align-items: center;
  column-gap: 30px;
}

.page_cmn .tab_area .panel_group .panel .voice_profileLetter {
  width: 350px;
  font-weight: bold;
}

.page_cmn .tab_area .panel_group .panel .voice_profileLetterTit {
  letter-spacing: -0.05em;
  font-size: 32px;
  color: #cda342;
}

.page_cmn .tab_area .panel_group .panel .voice_profileLetterAge {
  font-size: 25px;
  color: #cda342;
  text-align: right;
  position: relative;
}
.page_cmn .tab_area .panel_group .panel .voice_profileLetterAge:before {
  content: '';
  width: 200px;
  height: 2px;
  background-color: #cda342;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.page_cmn .tab_area .panel_group .panel .voice_letter {
  margin-top: 40px;
  font-weight: bold;
}

.page_cmn .tab_area .panel_group .panel .voice_letterTxt {
  font-size: 25px;
}

.page_cmn .tab_area .panel_group .panel .voice_letterNote {
  letter-spacing: -0.04em;
  margin-top: 30px;
  font-size: 16px;
  display: block;
}
/* ---------------------------------------------
faq
--------------------------------------------- */
#mainContents .faq {
  background-color: #f6f3ea;
  padding-bottom: 90px;
}

#mainContents .faq .faq_block {
  width: 670px;
  margin: 0 auto;
}

#mainContents .faq .faq_block:nth-of-type(n + 2) {
  margin-top: 30px;
}

#mainContents .faq .faq_block .faq_btn {
  background-color: #be9b46;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 20px 20px 25px;
  z-index: 2;
}

#mainContents .faq .faq_block .faq_btn:nth-of-type(n + 2) {
  margin-top: 30px;
}

#mainContents .faq .faq_block .faq_btn::before {
  content: '';
  width: 36px;
  height: 42px;
  margin-right: 15px;
  margin-top: 10px;
  background-image: url(../images/faq_icon_q.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  align-self: baseline;
}

#mainContents .faq .faq_block .faq_btn picture {
  position: relative;
}

#mainContents .faq .faq_block .faq_btn picture:after {
  content: '';
  width: 23px;
  height: 4px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #be9b46;
  transition: 0.3s;
}

#mainContents .faq .faq_block .faq_btn picture:before {
  content: '';
  width: 23px;
  height: 4px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #be9b46;
  transition: 0.3s;
}

#mainContents .faq .faq_block .faq_btn.open picture:before {
  transform: rotate(90deg);
}

#mainContents .faq .faq_block .faq_btn .faq_btnTxt {
  background-color: #be9b46;
  border-radius: 10px;
  width: 100%;
  font-size: 35px;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  letter-spacing: -0.04em;
}

#mainContents .faq .faq_block .faq_content {
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
  padding: 40px;
  transform: translateY(-5px);
}

#mainContents .faq .faq_block .faq_content .faq_contentImg {
  margin-top: 30px;
}

#mainContents .faq .faq_block .faq_letter {
}

#mainContents .faq .faq_block .faq_letterTxt {
  font-size: 25px;
  font-weight: bold;
}

/* ---------------------------------------------
#pageHeader
--------------------------------------------- */
#pageHeader {
  margin: 0 auto;
  padding: 0;
}
#pageHeader .flexBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pageHeader .logo {
  width: 130px;
  margin: 0 0 0 20px;
}
#pageHeader .bn {
  width: 946px;
  margin: 0;
}

/* ---------------------------------------------
#mainContents cmn
--------------------------------------------- */
#mainContents {
  position: relative;
  z-index: 2;
}
#mainContents #sec1 {
  padding: 0;
}

/* ---------------------------------------------
#mainContents sec4
--------------------------------------------- */
#mainContents .sec .sec4_slider {
  overflow: hidden;
}

#mainContents .sec .sec4_slider .sec4_sliderWrap {
  background-image: url(../images/sec4_img_24.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  position: relative;
}

.swiper-button-next {
  right: 60px !important;
}
.swiper-button-prev {
  left: 60px !important;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
}

/* 矢印を消す、画像に変更 */
.swiper-button-prev:after,
.swiper-button-next:after {
  content: '' !important;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  width: 100px;
  margin: auto;
  position: absolute;
  z-index: 1;
}

/* 前に戻る画像パス */
.swiper-button-prev:after {
  background-image: url(../images/slide_prev.png);
}
/* 次に進む画像パス */
.swiper-button-next:after {
  background-image: url(../images/slide_next.png);
}
/* ---------------------------------------------
#mainContents sec5
--------------------------------------------- */
#mainContents .sec .sec5_upper {
  background-image: url(../images/sec5_bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  padding: 50px 0;
}

/* ---------------------------------------------
#mainContents sec7
--------------------------------------------- */
#mainContents .sec .sec7_link {
  position: relative;
}

#mainContents .sec .sec7_link .btn {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#mainContents .sec .sec7_link .sec7_linkBt_01 {
  top: 10px;
  transform: translate(-50%, 0);
}

#mainContents .sec .sec7_link .sec7_linkBt_01 a:hover {
  opacity: 1;
}

/* ---------------------------------------------
#mainContents sec8
--------------------------------------------- */
#mainContents .sec .sec8_list {
  width: 670px;
  margin: 60px auto;
}

#mainContents .sec .sec8_item {
}

#mainContents .sec .sec8_item:nth-of-type(n + 2) {
  margin-top: 60px;
}

#mainContents .sec .sec8_itemTit {
  font-size: 35px;
  color: #fff;
  background-color: #be9b46;
  text-align: center;
  height: 60px;
}

#mainContents .sec .sec8_itemTxt {
  margin-top: 40px;
  font-size: 25px;
  font-weight: bold;
}

#mainContents .sec .sec8_prodact {
}

#mainContents .sec .sec8_prodactItem {
}

#mainContents .sec .sec8_prodactItem:nth-of-type(1) .sec8_prodactTit {
  border-top: initial;
  display: flex;
}

#mainContents .sec .sec8_prodactItem:nth-of-type(n + 2) {
  margin-top: 40px;
}

#mainContents .sec .sec8_prodactTit {
  font-size: 30px;
  color: #be9b46;
  border-top: 2px solid #be9b46;
  border-bottom: 2px solid #be9b46;
  padding: 10px 0;
}

#mainContents .sec .sec8_prodactTit--small {
  font-size: 20px;
  display: block;
  margin-left: auto;
  align-self: flex-end;
}

#mainContents .sec .sec8_prodactComponent {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: space-between;
}

#mainContents .sec .sec8_prodactComponentList:nth-of-type(2) {
  align-self: flex-start;
}

#mainContents .sec .sec8_prodactComponentList:nth-of-type(3) {
  width: 70%;
  margin-top: 20px;
}

#mainContents .sec .sec8_prodactComponentList {
  display: flex;
  width: 48%;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
}

#mainContents .sec .sec8_prodactComponentItem {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

#mainContents .sec .sec8_prodactComponentItem picture {
  align-self: center;
}

/* #mainContents .sec .sec8_prodactComponentDot {
  background: radial-gradient(
    circle farthest-side,
    #be9b46,
    #be9b46 50%,
    transparent 50%,
    transparent
  );
  background-size: 5px;
  display: inline-block;
  height: 5px;
  align-self: center;
}

#mainContents
  .sec
  .sec8_prodactComponentItem:nth-of-type(1)
  .sec8_prodactComponentDot {
  width: 80px;
}

#mainContents
  .sec
  .sec8_prodactComponentItem:nth-of-type(2)
  .sec8_prodactComponentDot {
  width: 100px;
}

#mainContents
  .sec
  .sec8_prodactComponentItem:nth-of-type(3)
  .sec8_prodactComponentDot {
  width: 100px;
} */

#mainContents .sec .sec8_prodactComponentName {
  font-size: 25px;
  line-height: 1.2;
}
#mainContents .sec .sec8_prodactComponentAmount {
  font-size: 25px;
  line-height: 1.2;
}

#mainContents .sec .sec8_letter {
  margin-top: 30px;
}

#mainContents .sec .sec8_letterTxt {
  font-size: 25px;
  position: relative;
  padding-left: 30px;
  font-weight: bold;
}

#mainContents .sec .sec8_letterTxt--red {
  color: #e60012;
}

#mainContents .sec .sec8_letterTxt--yellow {
  color: #be9b46;
}

#mainContents .sec .sec8_letterTxt:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #be9b46;
  border-radius: 50%;
}

/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  margin: 0;
  padding: 0;
  position: relative;
  padding-bottom: 150px;
}

#pageFooter .footer_link .btn {
  width: 526px;
  margin: 40px auto 0;
}

#pageFooter .footer_link .jadma {
  width: 348px;
  margin: 40px auto 0;
}

#pageFooter .footer_link .jadma:hover {
  opacity: 0.8;
  transition: 0.3s;
}

#pageFooter .footer_nav {
  margin: 40px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#pageFooter .footer_nav ul {
  margin: 0 15px 0 0;
  padding: 0;
}
#pageFooter .footer_nav ul li {
  margin: 0;
  padding: 0;
  font-weight: bold;
  display: inline-block;
}
#pageFooter .footer_nav ul li:after {
  content: '\0FF5C';
  margin: 0 0 0 0.2em;
  display: inline-block;
}
#pageFooter .footer_nav ul li:last-child:after {
  display: none;
}

#pageFooter .footer_nav ul li a {
  text-decoration: none;
}
#pageFooter .footer_nav ul li a:link,
#pageFooter .footer_nav ul li a:visited {
  color: #000;
}
#pageFooter .footer_nav ul li a:hover {
  text-decoration: none;
}
#pageFooter .footer_nav .jadma {
  width: 138px;
}

#pageFooter .footer_bottom {
  padding: 2em 0;
  text-align: center;
}
#pageFooter .copyright_top,
#pageFooter .copyright {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}
#pageFooter .copyright_top {
  margin: 0 0 0.5em;
}


/* ---------------------------------------------
250124
--------------------------------------------- */
#mainContents #pageHeader .figVideo .video {
  width: 100%;
  aspect-ratio: 375 / 833;
}
.page_cmn .cta {
  padding-top: 0;
}
.page_cmn .cta .cta_v2 {
  position: relative;
}
.page_cmn .cta .cta_v2 img {
  width: 100%;
}
.page_cmn .cta .cta_v2 .cta_txt {
  position: relative;
  z-index: 1;
}
.page_cmn .cta .cta_v2 .cta_btnArea {
  width: 81.334%;
  position: absolute;
  bottom: 8%;
  left: 9.333%;
  z-index: 2;
}
.page_cmn .cta .cta_v2 .cta_cart_btn {
  width: 100%;
  margin: 0 auto;
}
.page_cmn .cta .cta_v2 .cta_cart_note {
  margin: 0;
}
.page_cmn .cta .cta_v2 .cta_cart_note .note {
  font-size: 2.4vw;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .cta_v2 .cta_cart_note .note {
    font-size: 18px;
  }
}


/* ---------------------------------------------
250225
--------------------------------------------- */
.page_cmn .cta .cta_v2 .cta_btnArea {
  bottom: 6%;

}
.page_cmn .cta .cta_v2 .cta_btnArea .tel {
  padding-top: .5em;
}
.page_cmn .cta .cta_v2 .cta_btnArea .tel .txt {
  width: 97.214%;
  margin: 0 auto .5em;
  display: block;
}
.page_cmn .cta .cta_v2 .cta_btnArea .tel .btn {
  width: 100%;
  margin: 0 auto;
}


/* ---------------------------------------------
250418
--------------------------------------------- */
/* Overwrite */
.contentsWrapper {
  width: 100%;
}
@media screen and (min-width:751px) {
  .contentsWrapper {
    width: 750px;
  }
}
.page_cmn .cta .cta_recommend {
  width: 89.334%;
}
.page_cmn .cta .cta_recommend .cta_recommend_ttl:before {
  width: .5333vw;
  height: 2.6666vw;
  top: 10vw;
  right: 5.3333vw;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .cta_recommend .cta_recommend_ttl:before {
    width: 4px;
    height: 20px;
    top: 75px;
    right: 40px;
  }
}
.page_cmn .cta .cta_recommend .cta_recommend_ttl:after {
  width: 2.6666vw;
  height: .5333vw;
  top: 11.0666vw;
  right: 4.2666vw;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .cta_recommend .cta_recommend_ttl:after {
    width: 20px;
    height: 4px;
    top: 83px;
    right: 32px;
  }
}
#mainContents .sec .sec1_1_upper > picture {
  width: 89.6%;
  margin: 0 auto;
  padding-top: 1em;
}
.page_cmn .tab_area {
  width: 89.334%;
  margin: 0 auto 1em;
  padding: 2.6666vw 0 0;
  overflow: hidden;
}
@media screen and (min-width:751px) {
  .page_cmn .tab_area {
    padding-top: 20px;
  }
}
#mainContents .faq .faq_block,
#mainContents .sec .sec8_list {
  width: 89.334%;
}
#pageFooter .footer_link .btn {
  width: 70.134%;
}

.page_cmn .tab_area {
  margin-bottom: 1em;
}
.page_cmn .tab_area .panel_group {
  width: 100%;
  border-width: 1.7333vw;
}
@media screen and (min-width:751px) {
  .page_cmn .tab_area .panel_group {
    border-width: 13px;
  }
}
.page_cmn .tab_area .panel_group .panel {
  width: 100%;
  margin: 0;
  border: 0;
}
@media screen and (max-width:750px) {
  .page_cmn .tab_area .panel_group .panel {
    height: 60vh;
  }
}

#mainContents .faq .faq_block .faq_btn picture:before {
  transform: rotate(90deg);
}
#mainContents .faq .faq_block .faq_btn.open picture:before {
  transform: rotate(180deg);
}


@media screen and (max-width:750px) {
  .page_cmn .tab_area .tab_group .tab,
  .page_cmn .tab_area .tab_group .tab .age {
    font-size: 2.9333vw;
  }
  .page_cmn .tab_area .tab_group .tab .age em {
    font-size: 4.6666vw;
  }
  .page_cmn .tab_area .tab_group .tab:after {
    width: 2.6666vw;
    height: 1.6vw;
  }
  .page_cmn .tab_area .panel_group .panel .voice_profileLetterTit {
    font-size: 4.2666vw;
  }
  .page_cmn .tab_area .panel_group .panel {
    padding: 5.3333vw;
  }
  .page_cmn .tab_area .panel_group .panel .voice:nth-of-type(n + 2) {
    margin-top: 10.6666vw;
  }
  .page_cmn .tab_area .panel_group .panel .voice_profileLetterAge,
  .page_cmn .tab_area .panel_group .panel .voice_letterTxt {
    font-size: 3.3333vw;
  }
  .page_cmn .tab_area .panel_group .panel .voice_letterNote {
    margin-top: 4vw;
    font-size: 2.1333vw;
  }
  .page_cmn .tab_area .panel_group .panel .voice_profileLetterAge:before {
    width: 24vw;
  }
  .page_cmn .tab_area .panel_group .panel .voice_letter {
    margin-top: 5.3333vw;
  }
  .notice1_1 {
    width: 80%;
    margin: 0 auto;
  }

  .swiper-button-prev:after, .swiper-button-next:after {
    width: 13.3333vw;
    height: 13.3333vw;
  }
  .swiper-button-prev {
    left: 8vw !important;
  }
  .swiper-button-next {
    right: 8vw !important;
  }

  #mainContents .faq .faq_block:nth-of-type(n + 2) {
    margin-top: 4vw;
  }
  #mainContents .faq .faq_block .faq_btn {
    padding: 2.6666vw 2.6666vw 2.6666vw 3.3333vw;
  }
  #mainContents .faq .faq_block .faq_btn .faq_btnTxt {
    font-size: 4.6666vw;
  }
  #mainContents .faq .faq_block .faq_btn::before {
    width: 4.8vw;
    height: 5.6vw;
    margin: 1.3333vw .3em 0 0;
  }
  #mainContents .faq .faq_block .faq_btn > picture {
    width: 5.3333vw;
    height: 5.3333vw;
  }
  #mainContents .faq .faq_block .faq_btn picture:before,
  #mainContents .faq .faq_block .faq_btn picture:after {
    width: 2vw;
    height: .5vw;
    top: 2vw;
    left: 1.2vw;
  }

  #mainContents .faq .faq_block .faq_content {
    padding: 5.3333vw;
  }
  #mainContents .faq .faq_block .faq_letterTxt {
    font-size: 3.3333vw;
  }

  #mainContents .sec .sec7_link .sec7_linkBt_01,
  #mainContents .sec .sec7_link .btn {
    width: 87.4666vw;
  }
  #mainContents .sec .sec7_link .sec7_linkBt_01 {
    top: 1.3333vw;
  }

  #mainContents .sec .sec8_itemTit {
    height: 8vw;
    font-size: 4.6666vw;
  }
  #mainContents .sec .sec8_prodactTit {
    padding: 1.3333vw 0;
    font-size: 4vw;
  }
  #mainContents .sec .sec8_prodactTit--small {
    font-size: 2.6666vw;
  }
  #mainContents .sec .sec8_prodactComponentName,
  #mainContents .sec .sec8_prodactComponentAmount {
    padding: 0 .2em;
    font-size: 3.3333vw;
    white-space: nowrap;
  }
  #mainContents .sec .sec8_item:nth-of-type(n + 2) {
    margin-top: 8vw;
  }
  #mainContents .sec .sec8_prodactComponent,
  #mainContents .sec .sec8_letter,
  #mainContents .sec .sec8_prodactItem:nth-of-type(n + 2) {
    margin-top: 4vw;
  }
  #mainContents .sec .sec8_letterTxt {
    padding-left: 4vw;
    font-size: 3.3333vw;
  }
  #mainContents .sec .sec8_letterTxt:before {
    width: 2.4vw;
    height: 2.4vw;
    top: 1.3333vw;
  }
  #mainContents .sec .sec8_itemTxt {
    margin-top: 5.3333vw;
    font-size: 3.3333vw;
  }

  #pageFooter {
    padding-bottom: 30vw;
    font-size: 2.6666vw;
  }
  #pageFooter .footer_link .jadma {
    width: 46.4vw;
  }
  #pageFooter .copyright_top, #pageFooter .copyright {
    font-size: 2vw;
  }

}

#js-followingBnr,
#js-followingBnr .contentsWrapper {
  text-align: right;
  pointer-events: none;
}
#js-followingBnr {
  width: 100%;
  left: 0;
  transform: translateX(0);
}
#js-followingBnr .btn {
  width: 25.0666vw;
  margin-left: auto;
  position: relative;
  top: 0;
  right: 0;
  bottom: 2vw;
  display: block;
  pointer-events: all;
}
@media screen and (min-width:751px) {
  #js-followingBnr .btn {
    width: 188px;
    bottom: 15px;
  }
}
#js-followingBnr .btn img {
  width: 100%;
}