@charset "utf-8";

/*------------------------------------------------------------
LP
------------------------------------------------------------*/
.scrollHeader #gHeader::before {
	background: rgba(255,255,255, 0);
}
.loadingLogo {
	position: absolute;
	left: 50%;
	top: 50%;
}
#main {
	font-family: "yu-gothic-pr6n", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "palt";
	padding-bottom: 0!important;
	font-size: 14px;
	font-weight: 500;
	color: #777777;
	letter-spacing: 1px;
}

#main .jp {
	font-family: "yu-gothic-pr6n", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	line-height: 1.8;
}
#main .en {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 700;
/*	font-weight: 700;
	font-weight: 800;*/
  font-style: normal;
}
#main .num{
	font-family: roboto, sans-serif;
}

/*ヘッダーバナーを表示させる
---------------------*/
.header_banner_slider{
	z-index:10!important;
}

/*モーダル表示時に上に表示されるのを防ぐ
---------------------*/
.footer{
	z-index:1;
}

/*
@media screen and (max-width: 1200px) and (min-width: 768px) and (orientation: portrait) {
}*/

/*コンテンツ部分*/
#main .mainBox {
	/*background-color: #9fbac7;*/
  padding: 0px;
	position: relative;
	z-index: 2;
	overflow: hidden;
  color: #000;
}


/* base */
@media all and (min-width: 768px) {
  .only-sp {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .only-pc {
    display: none !important;
  }
}

.arrow_under .arrow_underIcon {
  margin: auto 0;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 36%;
  border-right: #000 1px solid;
  border-bottom: #000 1px solid;
  opacity: 1;
  transform: translateY(0) rotate(45deg);
  transition: transform 0.3s ease-out;
  animation: fluffy1 2s 1s ease-in-out infinite;
}
@keyframes fluffy1 {
  0% { transform:translateY(0) rotate(45deg); opacity: 1;}
  50% { transform:translateY(5px) rotate(45deg); opacity: .6;}
  100% { transform:translateY(0) rotate(45deg); opacity: 1;}
}
@media all and (max-width: 767px) {
.arrow_under .arrow_underIcon {
  top: 26%;
}
}


/*   ふわっと表示 start
=========================*/
/* ----- effects ----- */
  .effFI, .effFIU, .effFID, .effFIR, .effFIL { opacity:0; }
  .effFI.effanm { -webkit-animation:effFI 2.5s both; animation:effFI 2.5s both; }
  .effFIU.effanm { -webkit-animation:effFIU 1.5s both; animation:effFIU 1.5s both; }
  .effFID.effanm { -webkit-animation:effFID 1.5s both; animation:effFID 1.5s both; }
  .effFIR.effanm { -webkit-animation:effFIR 1.5s both; animation:effFIR 1.5s both; }
  .effFIL.effanm { -webkit-animation:effFIL 1.5s both; animation:effFIL 1.5s both; }

/*その場でフェードイン*/
  @-webkit-keyframes effFI {0%{opacity:0}100%{opacity:1}}
  @keyframes effFI {0%{opacity:0}100%{opacity:1}}

/*下から上へフェードイン*/
  @-webkit-keyframes effFIU {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIU {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*上から下へフェードイン*/
  @-webkit-keyframes effFID {0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFID {0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*右から左へフェードイン*/
  @-webkit-keyframes effFIR {0%{opacity:0;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIR {0%{opacity:0;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

/*右から左へフェードイン*/
  @-webkit-keyframes effFIL {0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIL {0%{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
/*   ふわっと表示 end
=========================*/


/*ページ読み込み時のローディングアニメーション//
=========================*/
#cover {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: #bfe037;*/
    background: #92b326;
    transition: .8s .4s ease;
    transform-origin: right center;
}
.loaded #cover {
	opacity: 1;
	visibility: visible;
	transform: rotateY(90deg);
}
#main {
	opacity: 0;
	transition: .8s .4s ease;
}
.hideCover #main {
	opacity: 1;
}
/*//ページ読み込み時のローディングアニメーション
=========================*/







/* contents */

/* mv */

.pinkyring .hero {
  background-color: #dbd7d4;
}
.pinkyring .hero .heroInner {
  width: 100%;
  height: 768px;
  position: relative;
  overflow: hidden;
  background: rgb(189,180,174);
  background: linear-gradient(90deg, rgba(189,180,174,1) 0%, rgba(197,188,181,1) 100%);
}
.page-wrapper .pinkyring .hero .heroInner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  background: url(/photo/page/nojess/pickup/pinkyringcollection/img/mv_img-pc.png) no-repeat center center;
  background-size: auto;
  transform: scale(1.15);
}
.page-wrapper.show .pinkyring .hero .heroInner:before {
  animation: mvImg 6s forwards;
}
@keyframes mvImg {
  0% { transform: scale(1.15);}
  100% { transform: scale(1);}
}
.pinkyring .hero .logoArea {
  width: 292px;
  height: 102px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14%;
}
@media all and (min-width: 1328px ) {
.pinkyring .hero .logoArea {
  margin: auto;
  right: 0;
  left: 0;
  transform: translateX(360px);
}
}
.pinkyring .hero .effFIU,
.pinkyring .effFIU {
  -webkit-transition: opacity .8s ease-out, transform 1.5s ease-out;
  transition: opacity .8s ease-out, transform 1.5s ease-out;
}
.pinkyring .effFIU {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
.pinkyring .effFIU.effanm {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.pinkyring .hero .naviArea .naviFlex.effFIU .anime {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 2s ease, transform 2s ease;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime {
  opacity: 1;
  transform: translateY(0);
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime01 {
  transition-delay: 0s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime02 {
  transition-delay: 0.3s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime03 {
  transition-delay: 0.6s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime04 {
  transition-delay: 0.9s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime05 {
  transition-delay: 1.2s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime06 {
  transition-delay: 1.5s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime07 {
  transition-delay: 1.8s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime08 {
  transition-delay: 2.1s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effanm .anime09 {
  transition-delay: 2.4s;
}
.pinkyring .hero .naviArea .naviFlex.effFIU.effFIU .anime10 {
  transition-delay: 2.7s;
}
@media all and (max-width: 767px) {
.pinkyring .hero .heroInner {
  width: 100%;
  height: calc(1100/750*100vw);
}
.page-wrapper .pinkyring .hero .heroInner:before {
  background: url(/photo/page/nojess/pickup/pinkyringcollection/img/mv_img-sp.png) no-repeat center center;
  background-size: 100% auto;
  transform: scale(1.15);
}
.pinkyring .hero .logoArea {
  width: calc(366/750*100vw);
  height: auto;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(320/750*100vw);
}
}

.pinkyring .naviArea {
  padding-bottom: 100px;
}
.pinkyring .naviText {
  width: 100%;
  max-width: 1500px;
  padding: 70px 100px 96px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.4;
  color: #000;
}
@media all and (max-width: 767px) {
.pinkyring .naviText {
  padding: calc(90/750*100vw) 0;
  font-size: calc(26/750*100vw);
  line-height: 2.4;
}
}

.pinkyring .naviFlex {
  width: 100%;
  max-width: 1500px;
  padding: 0 100px;
  margin: 0 auto;
}
.pinkyring .naviFlex .naviList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 40px;
}
.pinkyring .naviBtn {
  width: 260px;
  height: 60px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #e7e3e2;
  border-radius: 100px;
}
.pinkyring .naviBtn .img {
  width: 96px;
  height: 96px;
  margin: auto 0;
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.pinkyring .naviBtn .lead {
  margin-bottom: 9px;
  text-align: center;
}
.pinkyring .navi05 .naviBtn .lead,
.pinkyring .navi08 .naviBtn .lead {
  margin-bottom: 4px;
}
.pinkyring .navi01 .naviBtn .lead {
  width: 72px;
}
.pinkyring .navi02 .naviBtn .lead {
  width: 102px;
}
.pinkyring .navi03 .naviBtn .lead {
  width: 60px;
}
.pinkyring .navi04 .naviBtn .lead {
  width: 62px;
}
.pinkyring .navi05 .naviBtn .lead {
  width: 108px;
}
.pinkyring .navi06 .naviBtn .lead {
  width: 118px;
}
.pinkyring .navi07 .naviBtn .lead {
  width: 78px;
}
.pinkyring .navi08 .naviBtn .lead {
  width: 136px;
}
.pinkyring .naviBtn p {
  font-size: 12px;
  color: #4672A3;
  font-weight: 400;
  line-height: 1;
}
@media all and (max-width: 767px) {
.pinkyring .naviFlex {
  padding: 0;
}
.pinkyring .naviFlex .naviList {
  gap: calc(20/750*100vw) 0;
}
.pinkyring .naviBtn {
  width: calc(580/750*100vw);
  height: calc(70/750*100vw);
  padding-left: calc(70/750*100vw);
  flex-direction: row;
  justify-content: flex-start;
}
.pinkyring .naviBtn .img {
  width: calc(126/750*100vw);
  height: calc(126/750*100vw);
  left: calc(-54/750*100vw);
  pointer-events: none;
}
.pinkyring .naviBtn .lead {
  margin-bottom: 0;
}
.pinkyring .navi05 .naviBtn .lead,
.pinkyring .navi08 .naviBtn .lead {
  margin-bottom: 0;
}
.pinkyring .navi01 .naviBtn .lead {
  width: calc(108/750*100vw);
}
.pinkyring .navi02 .naviBtn .lead {
  width: calc(152/750*100vw);
}
.pinkyring .navi03 .naviBtn .lead {
  width: calc(92/750*100vw);
}
.pinkyring .navi04 .naviBtn .lead {
  width: calc(94/750*100vw);
}
.pinkyring .navi05 .naviBtn .lead {
  width: calc(160/750*100vw);
}
.pinkyring .navi06 .naviBtn .lead {
  width: calc(178/750*100vw);
}
.pinkyring .navi07 .naviBtn .lead {
  width: calc(116/750*100vw);
}
.pinkyring .navi08 .naviBtn .lead {
  width: calc(204/750*100vw);
}
.pinkyring .naviBtn p {
  padding-top: 0.5em;
  padding-left: 1em;
  font-size: calc(20/750*100vw);
}
}
.pinkyring .naviBtnL {
  width: 300px;
  height: 50px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #dbd7d4;
  border-radius: 100px;
  border: #7B97B7 1px solid;
}
.pinkyring .naviList + .naviList {
  margin-top: 60px;
}
.pinkyring .navi09 .naviBtnL .lead {
  width: 146px;
}
.pinkyring .navi10 .naviBtnL .lead {
  width: 66px;
}
@media (hover: hover) {
  .pinkyring .naviBtnL {
    transition: all .3s;
  }
  .pinkyring .naviBtnL:hover {
    opacity: 1;
    background-color: rgba(255,255,255,.3);
  }
}
@media all and (max-width: 767px) {
.pinkyring .naviBtnL {
  width: calc(480/750*100vw);
  height: calc(70/750*100vw);
}
.pinkyring .naviList + .naviList {
  margin-top: calc(54/750*100vw);
}
.pinkyring .navi09 .naviBtnL .lead {
  width: calc(230/750*100vw);
}
.pinkyring .navi10 .naviBtnL .lead {
  width: calc(106/750*100vw);
}
}


.pinkyring .contArea {
  background-color: #dbd7d4;
}
.pinkyring .sectionCont {
  width: 100%;
  margin-top: -40px;
  padding-top: 40px;
}
.pinkyring .sectionCont.bgcolor {
  margin-top: 0;
  padding-top: 0;
}
.pinkyring .sectionCont .secLead {
  margin-bottom: calc(40/1440*100vw);
  position: relative;
}
.pinkyring .sectionCont .secCopy {
  margin-bottom: calc(50/1440*100vw);
  font-size: calc(32/1440*100vw);
  line-height: 1;
  color: #000;
  font-weight: 400;
  position: relative;
}
.pinkyring .sectionCont .secText01 {
  width: 100%;
  max-width: 360px;
  margin-bottom: calc(70/1440*100vw);
  padding-right: 1em;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  position: relative;
  text-align : justify;
  color: #000;
}
.pinkyring .secArea {
  width: 100%;
  margin-bottom: 156px;
  position: relative;
}
.pinkyring .secArea .secInner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.pinkyring .secArea .secLabel {
  width: 12px;
  position: absolute;
  right: 76px;
  top: 0;
  z-index: 3;
}
.pinkyring .secArea .secLabel.left {
  left: 74px;
  right: auto;
}
.pinkyring .bgcolor .secArea .secLabel {
  top: 100px;
}
.pinkyring .secArea .secFlex {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 64px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.pinkyring .secArea .secFlex.reverse {
  flex-direction: row-reverse;
}
.pinkyring .secArea .secFlex .secContArea {
  width: calc(100% - (696/1312*100%) - (85/1312*100%));
  padding-left: 56px;
}
.pinkyring .secArea .secFlex.reverse .secContArea {
  padding-left: 0;
}
.pinkyring .secArea .secFlex .secImgArea {
  width: calc(696/1312*100%);
  padding: 0 calc(56/1312*100%) 0 0;
  position: relative;
}
.pinkyring .secArea .secFlex.reverse .secImgArea {
  padding: 0 0 0 calc(56/1312*100%);
}
.pinkyring .sectionCont .secLink {
  padding-right: 1em;
}
.pinkyring .sectionCont .secLink + .secLink {
  margin-top: 1.64em;
}
#main.pinkyring .sectionCont .secLink.btnsec1 .secLinkBtn img {
  width: 76px;
}
@media all and (min-width: 1312px) {
.pinkyring .secArea .secLabel {
  right: 96px;
}
.pinkyring .secArea .secLabel.left {
  left: 94px;
  right: auto;
}
.pinkyring .secArea .secFlex .secContArea {
  width: calc(100% - 696px - 85px);
}
.pinkyring .secArea .secFlex .secImgArea {
  width: 696px;
  padding: 0 56px 0 0;
}
.pinkyring .secArea .secFlex.reverse .secImgArea {
  padding: 0 0 0 56px;
}
.pinkyring .sectionCont .secLead {
  margin-bottom: 40px;
}
.pinkyring .sectionCont .secCopy {
  margin-bottom: 50px;
  font-size: 32px;
}
}
@media all and (max-width: 767px) {
.pinkyring .sectionCont {
  margin-top: -30px;
  padding-top: 30px;
}
.pinkyring .sectionCont .secLead {
  margin-bottom: 0;
  position: absolute;
  top: calc(110/750*100vw);
}
.pinkyring .sectionCont .secLead.spright {
  margin-left: calc(150/750*100vw);
}
.pinkyring .sectionCont .secCopy {
  margin-bottom: 0;
  font-size: calc(40/750*100vw);
  position: absolute;
  top: calc(240/750*100vw);
}
.pinkyring .sectionCont .secCopy.spright {
  margin-left: calc(150/750*100vw);
}
.pinkyring .sectionCont .secText01 {
  width: 100%;
  max-width: none;
  margin-bottom: calc(60/750*100vw);
  padding-right: 0;
  font-size: calc(26/750*100vw);
}
.pinkyring .secArea {
  margin-bottom: calc(100/750*100vw);
}
.pinkyring .secArea .secLabel {
  width: calc(20/750*100vw);
  right: calc(20/750*100vw);
  top: calc(20/750*100vw);
}
.pinkyring .secArea .secLabel.left {
  left: calc(26/750*100vw);
  right: auto;
}
.pinkyring .bgcolor .secArea .secLabel {
  top: calc(54/750*100vw);
}
.pinkyring .secArea .secFlex {
  padding: calc(360/750*100vw) 0 0;
  flex-direction: column-reverse;
  position: relative;
}
.pinkyring .secArea .secFlex.reverse {
  flex-direction: column-reverse;
}
.pinkyring .secArea .secFlex .secContArea {
  width: calc(600/750*100vw);
  margin: 0 auto;
  padding-top: calc(50/750*100vw);
  padding-left: 2em;
}
.pinkyring .secArea .secFlex.reverse .secContArea {
  padding-left: 0;
  padding-right: 2em;
}
.pinkyring .secArea .secFlex .secImgArea,
.pinkyring .secArea .secFlex.reverse .secImgArea {
  width: 100%;
  padding: 0;
}
.pinkyring .secArea .secFlex .secImgArea .secImg {
  padding: 0 0 0 calc(40/750*100vw);
}
.pinkyring .secArea .secFlex.reverse .secImgArea .secImg {
  padding: 0 calc(40/750*100vw) 0 0;
}
.pinkyring .sectionCont .secLink {
  padding-right: 0;
}
.pinkyring .sectionCont .secLink.spright {
  display: flex;
  justify-content: end;
}
}

.pinkyring .itemBtn {
  position: absolute;
  z-index: 5;
  text-align: center;
}
.pinkyring .itemBtn a {
  width: 2em;
  height: 2em;
  border-radius: 100px;
  display: block;
  line-height: 2em;
  color: rgba(255, 255, 255, .8);
  background-color: rgba(255, 255, 255, .15);
  font-size: 14px;
  position: relative;
}
.pinkyring .itemBtn a:before {
  content: "";
  margin: auto;
  width: 0.8em;
  height: 1px;
  display: block;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pinkyring .itemBtn a:after {
  content: "";
  margin: auto;
  width: 1px;
  height: 0.8em;
  display: block;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .itemBtn a {
  font-size: calc(16/1440*100vw);
} 
}
@media all and (max-width: 767px) {
.pinkyring .itemBtn a {
  font-size: 12px;
}
}

.pinkyring .secLinkBtn {
  width: 100%;
  max-width: 300px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #dbd7d4;
  border-radius: 100px;
  border: #7B97B7 1px solid;
  transition: all .3s;
}
.pinkyring .bgcolor .secLinkBtn {
  background-color: #e7e3e2;
}
.pinkyring .secLinkBtn:after {
  content: "";
  margin: auto 0;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  z-index: 2;
  right: 30px;
  top: 39%;
  border-right: #000 1px solid;
  border-bottom: #000 1px solid;
  opacity: 1;
  transform: translateY(0) rotate(-45deg);
}
#main.pinkyring .secLinkBtn img {
  width: 98px; 
}
@media (hover: hover) {
  .pinkyring .secLinkBtn:hover {
    opacity: 1;
    background-color: #7B97B7;
  }
}
@media all and (max-width: 767px) {
.pinkyring .secLinkBtn {
  width: calc(452/750*100vw);
  max-width: none;
  height: calc(80/750*100vw);
}
.pinkyring .secLinkBtn:after {
  width: 8px;
  height: 8px;
  right: 30px;
  top: 38%;
}
#main.pinkyring .secLinkBtn img {
  width: calc(142/750*100vw);
}
#main.pinkyring .sectionCont .secLink.btnsec1 .secLinkBtn img {
  width: calc(110/750*100vw);
}
}


.pinkyring .sec01 .secArea {
  padding: 100px 0; 
}
.pinkyring .sec01 .secArea:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e7e3e2;
  border-bottom-right-radius: 220px;
}
.pinkyring .sec01 .secLead {
  max-width: 238px;
}
@media all and (min-width: 1312px) {
.pinkyring .sectionCont .secText01 {
  margin-bottom: 70px;
  padding-right: 0;
  font-size: 14px;
}
.pinkyring .sec01 .itemBtn101.itemBtn {
  left: 472px;
  top: 156px;
}
.pinkyring .sec01 .itemBtn102.itemBtn {
  left: 280px;
  top: 278px;
}
.pinkyring .sec01 .itemBtn103.itemBtn {
  left: 458px;
  top: 404px;
}
.pinkyring .sec01 .itemBtn104.itemBtn {
  left: 248px;
  top: 498px;
}
.pinkyring .sec01 .itemBtn105.itemBtn {
  left: 446px;
  top: 596px;
}
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec01 .secLead {
  width: calc(238/1440*100vw);
}
.pinkyring .sec01 .itemBtn101.itemBtn {
  left: calc(472/696*100%);
  top: calc(156/810*100%);
}
.pinkyring .sec01 .itemBtn102.itemBtn {
  left: calc(280/696*100%);
  top: calc(278/810*100%);
}
.pinkyring .sec01 .itemBtn103.itemBtn {
  left: calc(458/696*100%);
  top: calc(404/810*100%);
}
.pinkyring .sec01 .itemBtn104.itemBtn {
  left: calc(248/696*100%);
  top: calc(498/810*100%);
}
.pinkyring .sec01 .itemBtn105.itemBtn {
  left: calc(446/696*100%);
  top: calc(596/810*100%);
}
}
@media all and (max-width: 767px) {
.pinkyring .sec01 .secArea {
  padding: calc(60/750*100vw) 0 calc(130/750*100vw); 
}
.pinkyring .sec01 .secArea:before {
  border-bottom-right-radius: calc(188/750*100vw);
}
.pinkyring .sec01 .secLead {
  max-width: calc(268/750*100vw);
}
.pinkyring .sec01 .itemBtn101.itemBtn {
  left: calc(456/750*100vw);
  top: calc(154/750*100vw);
}
.pinkyring .sec01 .itemBtn102.itemBtn {
  left: calc(248/750*100vw);
  top: calc(290/750*100vw);
}
.pinkyring .sec01 .itemBtn103.itemBtn {
  left: calc(442/750*100vw);
  top: calc(434/750*100vw);
}
.pinkyring .sec01 .itemBtn104.itemBtn {
  left: calc(198/750*100vw);
  top: calc(542/750*100vw);
}
.pinkyring .sec01 .itemBtn105.itemBtn {
  left: calc(442/750*100vw);
  top: calc(652/750*100vw);
}
}


.pinkyring .sec02 .secArea {
  padding: 0; 
}
.pinkyring .sec02 .secLead {
  max-width: 334px;
}
.pinkyring .sec02 .itemBtn201.itemBtn {
  left: 70px;
  top: 526px;
}
.pinkyring .sec02 .itemBtn202.itemBtn {
  left: 134px;
  top: 328px;
}
.pinkyring .sec02 .itemBtn203.itemBtn {
  left: 234px;
  top: 554px;
}
.pinkyring .sec02 .itemBtn204.itemBtn {
  left: 386px;
  top: 342px;
}
.pinkyring .sec02 .itemBtn205.itemBtn {
  left: 564px;
  top: 432px;
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec02 .secLead {
  width: calc(238/1440*100vw);
}
.pinkyring .sec02 .itemBtn201.itemBtn {
  left: calc(70/696*100%);
  top: calc(526/810*100%);
}
.pinkyring .sec02 .itemBtn202.itemBtn {
  left: calc(123/696*100%);
  top: calc(328/810*100%);
}
.pinkyring .sec02 .itemBtn203.itemBtn {
  left: calc(234/696*100%);
  top: calc(554/810*100%);
}
.pinkyring .sec02 .itemBtn204.itemBtn {
  left: calc(386/696*100%);
  top: calc(342/810*100%);
}
.pinkyring .sec02 .itemBtn205.itemBtn {
  left: calc(564/696*100%);
  top: calc(432/810*100%);
}
}
@media all and (max-width: 767px) {
.pinkyring .sec02 .secArea {
  padding: 0 0 calc(120/750*100vw);
}
.pinkyring .sec02 .secLead {
  width: calc(378/750*100vw);
}
.pinkyring .sec02 .itemBtn201.itemBtn {
  left: calc(102/750*100vw);
  top: calc(552/750*100vw);
}
.pinkyring .sec02 .itemBtn202.itemBtn {
  left: calc(172/750*100vw);
  top: calc(352/750*100vw);
}
.pinkyring .sec02 .itemBtn203.itemBtn {
  left: calc(298/750*100vw);
  top: calc(624/750*100vw);
}
.pinkyring .sec02 .itemBtn204.itemBtn {
  left: calc(464/750*100vw);
  top: calc(366/750*100vw);
}
.pinkyring .sec02 .itemBtn205.itemBtn {
  left: calc(654/750*100vw);
  top: calc(458/750*100vw);
}
}


.pinkyring .sec03 .secArea {
  padding: 100px 0; 
}
.pinkyring .sec03 .secArea:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e7e3e2;
  border-bottom-right-radius: 220px;
}
.pinkyring .sec03 .secLead {
  max-width: 198px;
}
@media all and (min-width: 1312px) {
.pinkyring .sec03 .itemBtn301.itemBtn {
  left: 138px;
  top: 240px;
}
.pinkyring .sec03 .itemBtn302.itemBtn {
  left: 194px;
  top: 470px;
}
.pinkyring .sec03 .itemBtn303.itemBtn {
  left: 416px;
  top: 632px;
}
.pinkyring .sec03 .itemBtn304.itemBtn {
  left: 466px;
  top: 356px;
}
.pinkyring .sec03 .itemBtn305.itemBtn {
  left: 578px;
  top: 478px;
}
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec03 .secLead {
  width: calc(198/1440*100vw);
}
.pinkyring .sec03 .itemBtn301.itemBtn {
  left: calc(138/696*100%);
  top: calc(240/810*100%);
}
.pinkyring .sec03 .itemBtn302.itemBtn {
  left: calc(194/696*100%);
  top: calc(470/810*100%);
}
.pinkyring .sec03 .itemBtn303.itemBtn {
  left: calc(416/696*100%);
  top: calc(632/810*100%);
}
.pinkyring .sec03 .itemBtn304.itemBtn {
  left: calc(466/696*100%);
  top: calc(356/810*100%);
}
.pinkyring .sec03 .itemBtn305.itemBtn {
  left: calc(578/696*100%);
  top: calc(478/810*100%);
}
}
@media all and (max-width: 767px) {
.pinkyring .sec03 .secArea {
  padding: calc(40/750*100vw) 0 calc(130/750*100vw); 
}
.pinkyring .sec03 .secArea:before {
  border-bottom-right-radius: calc(188/750*100vw);
}
.pinkyring .sec03 .secLead {
  max-width: calc(268/750*100vw);
}
.pinkyring .sec03.bgcolor .secArea .secLabel {
  top: calc(54 / 750* 100vw);
}
.pinkyring .sec03 .itemBtn301.itemBtn {
  left: calc(80/750*100vw);
  top: calc(254/750*100vw);
}
.pinkyring .sec03 .itemBtn302.itemBtn {
  left: calc(142/750*100vw);
  top: calc(504/750*100vw);
}
.pinkyring .sec03 .itemBtn303.itemBtn {
  left: calc(406/750*100vw);
  top: calc(703/750*100vw);
}
.pinkyring .sec03 .itemBtn304.itemBtn {
  left: calc(458/750*100vw);
  top: calc(378/750*100vw);
}
.pinkyring .sec03 .itemBtn305.itemBtn {
  left: calc(578/750*100vw);
  top: calc(514/750*100vw);
}
}


.pinkyring .sec04 .secArea {
  padding: 0; 
}
.pinkyring .sec04 .secLead {
  max-width: 204px;
}
.pinkyring .sec04 .itemBtn401.itemBtn {
  left: 414px;
  top: 284px;
}
.pinkyring .sec04 .itemBtn402.itemBtn {
  left: 80px;
  top: 366px;
}
.pinkyring .sec04 .itemBtn403.itemBtn {
  left: 452px;
  top: 450px;
}
.pinkyring .sec04 .itemBtn404.itemBtn {
  left: 212px;
  top: 592px;
}
.pinkyring .sec04 .itemBtn405.itemBtn {
  left: 516px;
  top: 584px;
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec04 .secLead {
  width: calc(238/1440*100vw);
}
.pinkyring .sec04 .itemBtn401.itemBtn {
  left: calc(414/696*100%);
  top: calc(284/810*100%);
}
.pinkyring .sec04 .itemBtn402.itemBtn {
  left: calc(80/696*100%);
  top: calc(366/810*100%);
}
.pinkyring .sec04 .itemBtn403.itemBtn {
  left: calc(452/696*100%);
  top: calc(450/810*100%);
}
.pinkyring .sec04 .itemBtn404.itemBtn {
  left: calc(212/696*100%);
  top: calc(592/810*100%);
}
.pinkyring .sec04 .itemBtn405.itemBtn {
  left: calc(516/696*100%);
  top: calc(584/810*100%);
}
}
@media all and (max-width: 767px) {
.pinkyring .sec04 .secArea {
  padding: 0 0 calc(120/750*100vw);
}
.pinkyring .sec04 .secLead {
  width: calc(228/750*100vw);
}
.pinkyring .sec04 .itemBtn401.itemBtn {
  left: calc(498/750*100vw);
  top: calc(298/750*100vw);
}
.pinkyring .sec04 .itemBtn402.itemBtn {
  left: calc(114/750*100vw);
  top: calc(390/750*100vw);
}
.pinkyring .sec04 .itemBtn403.itemBtn {
  left: calc(542/750*100vw);
  top: calc(482/750*100vw);
}
.pinkyring .sec04 .itemBtn404.itemBtn {
  left: calc(260/750*100vw);
  top: calc(656/750*100vw);
}
.pinkyring .sec04 .itemBtn405.itemBtn {
  left: calc(612/750*100vw);
  top: calc(632/750*100vw);
}
.pinkyring .sec04 .secArea .secFlex .secContArea {
  padding-left: 0;
}
}


.pinkyring .sec05 .secArea {
  padding: 130px 0 100px; 
}
.pinkyring .sec05 .secArea:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e7e3e2;
  border-top-left-radius: 220px;
}
.pinkyring .sec05 .secLead {
  max-width: 354px;
}
.pinkyring .sec05.bgcolor .secArea .secLabel {
  top: 120px;
}
@media all and (min-width: 1312px) {
.pinkyring .sec05 .itemBtn501.itemBtn {
  left: 218px;
  top: 184px;
}
.pinkyring .sec05 .itemBtn502.itemBtn {
  left: 540px;
  top: 322px;
}
.pinkyring .sec05 .itemBtn503.itemBtn {
  left: 142px;
  top: 374px;
}
.pinkyring .sec05 .itemBtn504.itemBtn {
  left: 552px;
  top: 488px;
}
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec05 .secLead {
  width: calc(354/1440*100vw);
}
.pinkyring .sec05.bgcolor .secArea .secLabel {
  top: 100px;
}
.pinkyring .sec05 .itemBtn501.itemBtn {
  left: calc(218/696*100%);
  top: calc(184/810*100%);
}
.pinkyring .sec05 .itemBtn502.itemBtn {
  left: calc(540/696*100%);
  top: calc(322/810*100%);
}
.pinkyring .sec05 .itemBtn503.itemBtn {
  left: calc(142/696*100%);
  top: calc(374/810*100%);
}
.pinkyring .sec05 .itemBtn504.itemBtn {
  left: calc(552/696*100%);
  top: calc(488/810*100%);
}
}
@media all and (max-width: 767px) {
.pinkyring .sec05 .secArea {
  padding: calc(40/750*100vw) 0 calc(130/750*100vw); 
}
.pinkyring .sec05 .secArea:before {
  border-top-left-radius: 0;
  border-bottom-right-radius: calc(188/750*100vw);
}
.pinkyring .sec05 .secLead {
  max-width: calc(402/750*100vw);
}
.pinkyring .sec05.bgcolor .secArea .secLabel {
  top: calc(66/750*100vw);
  left: calc(26 / 750* 100vw);
  right: auto;
}
.pinkyring .sec05 .itemBtn501.itemBtn {
  left: calc(162/750*100vw);
  top: calc(188/750*100vw);
}
.pinkyring .sec05 .itemBtn502.itemBtn {
  left: calc(540/750*100vw);
  top: calc(340/750*100vw);
}
.pinkyring .sec05 .itemBtn503.itemBtn {
  left: calc(82/750*100vw);
  top: calc(400/750*100vw);
}
.pinkyring .sec05 .itemBtn504.itemBtn {
  left: calc(548/750*100vw);
  top: calc(524/750*100vw);
}
}


.pinkyring .sec06 .secArea {
  padding: 0; 
}
.pinkyring .sec06 .secLead {
  max-width: 394px;
}
.pinkyring .sec06 .itemBtn601.itemBtn {
  left: 86px;
  top: 396px;
}
.pinkyring .sec06 .itemBtn602.itemBtn {
  left: 330px;
  top: 380px;
}
.pinkyring .sec06 .itemBtn603.itemBtn {
  left: 324px;
  top: 526px;
}
.pinkyring .sec06 .itemBtn604.itemBtn {
  left: 524px;
  top: 412px;
}
.pinkyring .sec06 .itemBtn605.itemBtn {
  left: 452px;
  top: 556px;
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec06 .secLead {
  width: calc(394/1440*100vw);
}
.pinkyring .sec06 .itemBtn601.itemBtn {
  left: calc(86/696*100%);
  top: calc(396/810*100%);
}
.pinkyring .sec06 .itemBtn602.itemBtn {
  left: calc(330/696*100%);
  top: calc(380/810*100%);
}
.pinkyring .sec06 .itemBtn603.itemBtn {
  left: calc(324/696*100%);
  top: calc(526/810*100%);
}
.pinkyring .sec06 .itemBtn604.itemBtn {
  left: calc(524/696*100%);
  top: calc(412/810*100%);
}
.pinkyring .sec06 .itemBtn605.itemBtn {
  left: calc(452/696*100%);
  top: calc(556/810*100%);
}
}
@media all and (max-width: 767px) {
.pinkyring .sec06 .secArea {
  padding: 0 0 calc(100/750*100vw);
}
.pinkyring .sec06 .secLead {
  width: calc(444/750*100vw);
}
.pinkyring .sec06 .secArea .secLabel.left {
  left: auto;
  right: calc(20 / 750* 100vw);
}
.pinkyring .sec06 .itemBtn601.itemBtn {
  left: calc(122/750*100vw);
  top: calc(424/750*100vw);
}
.pinkyring .sec06 .itemBtn602.itemBtn {
  left: calc(408/750*100vw);
  top: calc(404/750*100vw);
}
.pinkyring .sec06 .itemBtn603.itemBtn {
  left: calc(386/750*100vw);
  top: calc(582/750*100vw);
}
.pinkyring .sec06 .itemBtn604.itemBtn {
  left: calc(622/750*100vw);
  top: calc(440/750*100vw);
}
.pinkyring .sec06 .itemBtn605.itemBtn {
  left: calc(532/750*100vw);
  top: calc(618/750*100vw);
}
}


.pinkyring .sec07 .secArea {
  padding: 130px 0 100px; 
}
.pinkyring .sec07 .secArea:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e7e3e2;
  border-bottom-right-radius: 220px;
}
.pinkyring .sec07 .secLead {
  max-width: 262px;
}
.pinkyring .sec07.bgcolor .secArea .secLabel {
  top: 120px;
}
.pinkyring .sec07 .itemBtn701.itemBtn {
  left: 194px;
  top: 432px;
}
.pinkyring .sec07 .itemBtn702.itemBtn {
  left: 450px;
  top: 468px;
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec07 .secLead {
  width: calc(262/1440*100vw);
}
.pinkyring .sec07 .itemBtn701.itemBtn {
  left: calc(194/696*100%);
  top: calc(432/810*100%);
}
.pinkyring .sec07 .itemBtn702.itemBtn {
  left: calc(450/696*100%);
  top: calc(468/810*100%);
}
}
@media all and (max-width: 767px) {
.pinkyring .sec07 .secArea {
  padding: calc(40/750*100vw) 0 calc(130/750*100vw); 
}
.pinkyring .sec07 .secArea:before {
  border-top-left-radius: 0;
  border-bottom-right-radius: calc(188/750*100vw);
}
.pinkyring .sec07.bgcolor .secArea .secLabel {
  top: calc(66/750*100vw);
}
.pinkyring .sec07 .secLead {
  width: calc(294/750*100vw);
}
.pinkyring .sec07 .itemBtn701.itemBtn {
  left: calc(138/750*100vw);
  top: calc(466/750*100vw);
}
.pinkyring .sec07 .itemBtn702.itemBtn {
  left: calc(434/750*100vw);
  top: calc(504/750*100vw);
}
}


.pinkyring .sec08 .secArea {
  padding: 100px 0 0; 
}
.pinkyring .sec08 .secInner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 120px;
  display: block;
  width: calc(1100/1440*100%);
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  background-color: #f4f3f2;
  border-bottom-left-radius: 220px;
}
.pinkyring .secArea .secFlex.secPRBOX {
  display: block;
  position: relative;
  padding: 130px 0 185px;
}
.pinkyring .sec08 .secLead {
  max-width: 448px;
}
.pinkyring .sec08 .secArea .secLabel.left {
  left: 30px;
  top: -100px;
}
.pinkyring .sec08 .secArea .secInner {
  max-width: 1440px;
  padding: 0 120px;
}
.pinkyring .sec08 .secArea .secFlex .secContArea {
  width: 100%;
  padding-left: 100px;
}
.pinkyring .sec08 .secArea .secFlex .secImgArea {
  width: 596px;
  padding: 0;
  position: absolute;
  right: -40px;
  top: -148px;
}
.pinkyring .sec08 .itemBtn801.itemBtn {
  left: 68px;
  top: 558px;
}
.pinkyring .sec08 .itemBtn802.itemBtn {
  left: 226px;
  top: 546px;
}
.pinkyring .sec08 .itemBtn803.itemBtn {
  left: 264px;
  top: 310px;
}
.pinkyring .sec08 .itemBtn804.itemBtn {
  left: 146px;
  top: 442px;
}
.pinkyring .sec08 .itemBtn805.itemBtn {
  left: 306px;
  top: 392px;
}
.pinkyring .sec08 .itemBtn806.itemBtn {
  left: 352px;
  top: 484px;
}
.pinkyring .sec08 .itemBtn807.itemBtn {
  left: 478px;
  top: 290px;
}
.pinkyring .sec08 .itemBtn808.itemBtn {
  left: 464px;
  top: 404px;
}
.pinkyring .sectionCont.sec08 .secLink .secLinkBtn {
  background-color: #f4f3f2;
}
@media (hover: hover) {
.pinkyring .sectionCont.sec08 .secLink .secLinkBtn:hover {
  opacity: 1;
  background-color: #7B97B7;
}
}
@media all and (min-width: 1328px) and (max-width: 1440px) {
.pinkyring .sec08 .secLead {
  max-width: 348px;
}
}
@media all and (min-width: 768px) and (max-width: 1327px) {
.pinkyring .sec08 .secLead {
  width: calc(448/1440*100vw);
}
.pinkyring .sec08 .secArea .secFlex .secImgArea {
  width: calc(536/1440*100vw);
  padding: 0;
  position: absolute;
  right: calc(-40/1440*100vw);
  top: calc(-148/1440*100vw);
}
.pinkyring .sec08 .secArea .secFlex .secContArea {
  width: calc(596/1440*100vw);
  padding-left: calc(100/1440*100vw);
}
.pinkyring .secArea .secFlex.secPRBOX {
  padding: calc(100/1440*100vw) 0 calc(90/1440*100vw);
}
.pinkyring .sec08 .itemBtn801.itemBtn {
  left: calc(68/596*100%);
  top: calc(558/770*100%);
}
.pinkyring .sec08 .itemBtn802.itemBtn {
  left: calc(226/596*100%);
  top: calc(546/770*100%);
}
.pinkyring .sec08 .itemBtn803.itemBtn {
  left: calc(264/596*100%);
  top: calc(310/770*100%);
}
.pinkyring .sec08 .itemBtn804.itemBtn {
  left: calc(146/596*100%);
  top: calc(442/770*100%);
}
.pinkyring .sec08 .itemBtn805.itemBtn {
  left: calc(306/596*100%);
  top: calc(392/770*100%);
}
.pinkyring .sec08 .itemBtn806.itemBtn {
  left: calc(352/596*100%);
  top: calc(484/770*100%);
}
.pinkyring .sec08 .itemBtn807.itemBtn {
  left: calc(478/596*100%);
  top: calc(290/770*100%);
}
.pinkyring .sec08 .itemBtn808.itemBtn {
  left: calc(464/596*100%);
  top: calc(404/770*100%);
}
}
@media all and (min-width: 768px) and (max-width: 1000px) {
.pinkyring .sec08 .secInner:before {
  left: 64px;
  border-bottom-left-radius: 110px;
}
.pinkyring .sec08 .secArea .secFlex .secContArea {
  width: calc(496 / 1440* 100vw);
  padding-left: 0;
}
.pinkyring .sec08 .secArea .secLabel.left {
  left: -46px;
}
}
@media all and (max-width: 767px) {
.pinkyring .sec08 .secArea {
  padding: calc(90/750*100vw) 0 0;
}
.pinkyring .sec08 .secArea .secFlex .secContArea {
  padding: calc(180 / 750* 100vw) 0 calc(160 / 750* 100vw);
}
.pinkyring .sec08 .secInner:before {
  width: 100%;
  border-bottom-left-radius: calc(188/750*100vw);
  left: 0;
}
.pinkyring .secArea .secFlex.secPRBOX {
  display: block;
  position: relative;
  padding: 0;
}
.pinkyring .sectionCont.sec08 .secLead {
  margin: 0 auto calc(36/750*100vw);
  position: relative;
  top: auto;
  left: auto;
}
.pinkyring .sectionCont.sec08 .secCopy {
  margin: 0 auto calc(72/750*100vw);
  position: relative;
  top: auto;
  left: auto;
  text-align: center;
}
.pinkyring .sec08 .secLead {
  max-width: calc(506/750*100vw);
  margin: 0 auto;
}
.pinkyring .sec08 .secArea .secLabel.left {
  left: calc(30/750*100vw);
  top: calc(84/750*100vw);
}
.pinkyring .sec08 .secArea .secInner {
  padding: 0;
}
.pinkyring .sec08 .secArea .secFlex .secContArea {
  padding-left: 0;
}
.pinkyring .sec08 .secArea .secFlex .secImgArea {
  width: calc(670/750*100vw);
  padding: 0;
  margin: 0 auto;
  position: relative;
  right: auto;
  top: auto;
}
.pinkyring .sec08 .secArea .secFlex .secImgArea .secImg {
  padding: 0;
}
.pinkyring .sec08 .itemBtn801.itemBtn {
  left: calc(60/750*100vw);
  top: calc(610/750*100vw);
}
.pinkyring .sec08 .itemBtn802.itemBtn {
  left: calc(250/750*100vw);
  top: calc(610/750*100vw);
}
.pinkyring .sec08 .itemBtn803.itemBtn {
  left: calc(296/750*100vw);
  top: calc(332/750*100vw);
}
.pinkyring .sec08 .itemBtn804.itemBtn {
  left: calc(150/750*100vw);
  top: calc(494/750*100vw);
}
.pinkyring .sec08 .itemBtn805.itemBtn {
  left: calc(342/750*100vw);
  top: calc(432/750*100vw);
}
.pinkyring .sec08 .itemBtn806.itemBtn {
  left: calc(392/750*100vw);
  top: calc(542/750*100vw);
}
.pinkyring .sec08 .itemBtn807.itemBtn {
  left: calc(536/750*100vw);
  top: calc(308/750*100vw);
}
.pinkyring .sec08 .itemBtn808.itemBtn {
  left: calc(516/750*100vw);
  top: calc(450/750*100vw);
}
.pinkyring .sectionCont.sec08 .secText01 {
  width: calc(564/750*100vw);
  margin: calc(50/750*100vw) auto calc(64/750*100vw);
}
.pinkyring .sectionCont.sec08 .secLink {
  width: calc(452/750*100vw);
  margin: 0 auto;
}
}


.pinkyring .sec09 .secArea {
  padding: 0 calc(64px + (56/1312*100%)) 200px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
.pinkyring .ppBox {
  width: 100%;
  max-width: 1010px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  gap: 0 calc(50/1010*100%);
}
.pinkyring .ppBox .ppBoxCont {
  width: calc(482/1010*100%);
  border: #50809b 1px solid;
  border-top-left-radius: 1000px;
  border-top-right-radius: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pinkyring .ppBox .ppBoxCont .ppBoxLead {
  width: calc(268/484*100%);
  margin: 0 auto 50px;
}
.pinkyring .ppBox .ppBoxCont .ppBoxText {
  padding: 0 0.5em;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 1.8;
  color: #000;
}
.pinkyring .ppBox .ppBoxCont .ppBoxText .caution {
  font-size: 90%;
}
@media all and (max-width: 767px) {
.pinkyring .sec09 .secArea {
  padding: 0 0 calc(120/750*100vw);
}
.pinkyring .ppBox {
  width: calc(710/750*100vw);
  padding-bottom: calc(76/750*100vw);
  flex-direction: column;
  border: #50809b 1px solid;
  border-top-left-radius: 1000px;
  border-top-right-radius: 1000px;
}
.pinkyring .ppBox .ppBoxCont {
  width: 100%;
  padding: calc(148/750*100vw) calc(12/750*100vw) calc(46/750*100vw);
  border: none;
  display: block;
}
.pinkyring .ppBox .ppBoxCont .ppBoxLead {
  width: calc(418/750*100vw);
  margin: 0 auto calc(20/750*100vw);
}
.pinkyring .ppBox .ppBoxCont .ppBoxText {
  font-size: calc(26/750*100vw);
}
.pinkyring .ppBox .ppBoxImg {
  width: calc(560/750*100vw);
  margin: 0 auto;
}
}



.pinkyring .sliderArea {
  position: relative;
}
.pinkyring .slick-track {
  display: flex;
}
.pinkyring .slick-slide {
  height: auto !important;
}
.pinkyring .slick-slide > div {
  height: 100%;
}
.pinkyring .slider-img {
  margin: 0 10px;
}
.pinkyring .slick-num {
  text-align: center;
  font-size: 16px;
  color: #000;
  font-weight: 300;
}
.pinkyring .slick-arrow {
  margin: 0 auto;
  position: absolute;
  bottom: 0.6em;
  right: 0;
  left: 0;
}
.pinkyring .arrow_leftIcon {
  width: 0.6em;
  height: 0.6em;
  display: block;
  border-right: #4672A3 1px solid;
  border-bottom: #4672A3 1px solid;
  opacity: 1;
  transform: translateX(-40px) rotate(135deg);
}
.pinkyring .arrow_rightIcon {
  width: 0.6em;
  height: 0.6em;
  display: block;
  border-right: #4672A3 1px solid;
  border-bottom: #4672A3 1px solid;
  opacity: 1;
  transform: translateX(40px) rotate(-45deg);
}
@media (hover: hover) {
  .pinkyring .slick-arrow:hover {
    opacity: .6;
    cursor: pointer;
  }
}
.pinkyring .slider li {
  height: 100%;
  padding: 1em 1em 2em;
  background-color: #fff;
  font-size: 16px;
  opacity: .6;
  transition: opacity 0.3s;
}
.pinkyring .slider .slick-current li {
  opacity: 1;
}
.pinkyring .sliderBox .sliderImgArea {
  position: relative;
}
.pinkyring .sliderBox .sliderImgArea img {
  width: 100%;
}
.pinkyring .sliderBox .sliderText {
  margin-top: 1em;
  padding: 0 1em;
  color: #000;
  font-size: 14px;
  line-height: 1.8;
  text-align : justify;
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1011 {
  left: calc(382/600*100%);
  top: calc(58/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1012 {
  left: calc(174/600*100%);
  top: calc(188/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1013 {
  left: calc(372/600*100%);
  top: calc(222/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1014 {
  left: calc(154/600*100%);
  top: calc(330/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1015 {
  left: calc(384/600*100%);
  top: calc(392/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1016 {
  left: calc(168/600*100%);
  top: calc(490/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1021 {
  left: calc(122/600*100%);
  top: calc(262/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1022 {
  left: calc(348/600*100%);
  top: calc(288/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1023 {
  left: calc(228/600*100%);
  top: calc(422/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1024 {
  left: calc(394/600*100%);
  top: calc(438/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1025 {
  left: calc(508/600*100%);
  top: calc(176/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1026 {
  left: calc(534/600*100%);
  top: calc(252/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1027 {
  left: calc(484/600*100%);
  top: calc(312/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1031 {
  left: calc(174/600*100%);
  top: calc(226/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1032 {
  left: calc(50/600*100%);
  top: calc(320/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1033 {
  left: calc(318/600*100%);
  top: calc(256/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1034 {
  left: calc(202/600*100%);
  top: calc(356/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1035 {
  left: calc(504/600*100%);
  top: calc(226/600*100%);
}
.pinkyring .sliderBox .sliderImgArea .itemBtn1036 {
  left: calc(416/600*100%);
  top: calc(356/600*100%);
}
@media all and (min-width: 1328px) {
.pinkyring .slider {
  display: flex;
  justify-content: center;
  gap: 0 20px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
.pinkyring .slider li {
  width: 380px;
  height: 490px;
  opacity: 1;
  display: flex;
  position: relative;
}
.pinkyring .slider .slick-num {
  display: none !important;
}
.pinkyring .itemBtn a {
  font-size: 12px;
}
.pinkyring .sliderBox .sliderText {
  font-size: 13px;
}
}
.pinkyring .sec10 {
  padding-bottom: 80px;
}
.pinkyring .sec10 .secArea {
  padding: 80px 0;
  margin-bottom: 110px;
}
.pinkyring .sec10 .secLead {
  width: 170px;
  margin: 0 auto 30px;
}
.pinkyring .sec10 .secText01 {
  max-width: none;
  margin-bottom: 60px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  color: #000;
}
.pinkyring .sec10 .secLink {
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
}
.pinkyring .sec10 .secArea:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: calc((100% - 95%) / 2 + 95%);
  height: 100%;
  background-color: #d3cecb;
  border-top-left-radius: 220px;
}
@media all and (max-width: 767px) {
.pinkyring .sec10 {
  padding-bottom: calc(220/750*100vw);
}
.pinkyring .sec10 .secArea {
  padding: calc(100/750*100vw) 0 calc(50/750*100vw);
  margin-bottom: calc(100/750*100vw);
}
.pinkyring .sec10 .secLead {
  width: calc(242/750*100vw);
  margin: 0 auto calc(40/750*100vw);
  position: relative;
  top: auto;
  left: auto;
}
.pinkyring .sec10 .secText01 {
  margin-bottom: calc(68/750*100vw);
  text-align: center;
  font-size: calc(26/750*100vw);
}
.pinkyring .sec10 .secLink {
  width: calc(540/750*100vw);
  max-width: none;
}
.pinkyring .sec10 .secLink .secLinkBtn {
  width: 100%;
  max-width: none;
}
.pinkyring .sec10 .secArea:before {
  width: 100%;
  border-top-left-radius: calc(180/750*100vw);
}
}