@charset "utf-8";
/* CSS Document */
html {
 scroll-behavior: smooth;
}
.moonlight {
 display: block;
 font-family: Helvetica, Arial, Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
 color: #333;
 font-size: 1.6rem;
 line-height: 1.5;
 color: #333;
 background-image: linear-gradient(to bottom, #245bcd, #21a2d1);
}
.moonlight a {
 color: #522cd0;
 text-decoration: underline;
}
.moonlight a:visited {
 color: #522cd0;
}
#contents-area, .lyt-col-1 #contents-body {
 width: 100%;
 min-width: 990px;
}
.sectionContentsInner {
 width: 1000px;
 padding: 0 15px;
 margin: 0 auto;
}
.moonlight .logoArea {
 flex-basis: 50%;
 text-align: center;
}
.moonlight .logoArea img {
 width: 200px;
 vertical-align: bottom;
}
.moonlight .newwindowicon {
 display: none;
}
.moonlight .linkTxt {
 text-align: center;
 font-size: 16px
}
.moonlight .sb .linkTxt a {
 background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
 background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
}
.moonlight .ym .linkTxt a {
 background-color: #F91940;
}
.moonlight .lm .linkTxt a {
 

 background-color:  #14cd0a;
}
.moonlight .linkTxt a {
 display: block;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 border-radius: 8px;
 line-height: 50px;
 font-size: 100%;
 font-weight: bold;
 position: relative;
 width: 420px;
 -webkit-transition: opacity 0.4s;
 transition: opacity 0.4s;
 color: #fff;
 text-decoration: none;
 margin: 5px auto;
}
.moonlight .linkTxt a:hover {
 opacity: .6;
}
.moonlight .sb .linkTxt a:before {
 content: "";
 display: block;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 width: 8px;
 height: 8px;
 position: absolute;
 right: 25px;
 top: 0;
 bottom: 0;
 margin: auto;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.moonlight .ym .linkTxt a:before {
 content: "";
 display: block;
 width: 14px;
 height: 14px;
 background-size: cover;
 background-repeat: no-repeat;
 background-image: url(/mobile/set/data/special/virtual-shop/zepeto-inquiry/img/shared/link_icon.png);
 position: absolute;
 right: 20px;
 top: 0;
 bottom: 0;
 margin: auto;
}
.moonlight .lm .linkTxt a:before {
 content: "";
 display: block;
 width: 14px;
 height: 14px;
 background-size: cover;
 background-repeat: no-repeat;
 background-image: url(/mobile/set/data/special/virtual-shop/zepeto-inquiry/img/shared/link_icon.png);
 position: absolute;
 right: 20px;
 top: 0;
 bottom: 0;
 margin: auto;
}
.moonlight .secBox {
 width: 800px;
 margin: 0 auto;
 padding: 0 15px 100px;
}
.moonlight .secBox h2 {
 font-size: 32px;
 font-weight: bold;
 text-align: center;
 padding: 70px 0;
 color: #FFF;
}
.moonlight .box {
 display: flex;
 align-items: center;
 justify-content: space-between;
 background-color: #FFF;
 border-radius: 10px;
 box-shadow: 0px 0px 20px -10px #4b5a64;
 padding: 20px;
}
.moonlight .sb {}
.moonlight .ym {
 margin: 40px auto;
}
.moonlight .lm {}