@charset "big5";
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol, 
ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr { 
    border: 0;
    box-sizing: border-box;
    font: inherit; 
    -moz-box-sizing: border-box; 
    margin: 0; 
    padding: 0;
    vertical-align: baseline; 
    -webkit-box-sizing: border-box;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
html {height: 100%;}
body {height: 100%; line-height: 1;}
ol,ul {list-style-type: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
body {
    background: #fff; 
    color: #333;
    font-size: 20px; 
    font-family: Arial, Helvetica, sans-serif; 
    line-height: 25px;
    text-decoration: none; 
    user-select: none; 
    -moz-user-select: none; /* for Firefox */ 
    -webkit-user-select: none; /* for Chrome */ 
}
a {border: none; outline: medium none !important; text-decoration: none;}
a:focus,a:link,a:visited,a:hover,a:active {border: none; outline: medium none !important;}
a,a:link,a:visited {color: #e3316b;}
a:hover,a:active {color: #e44b7d;}
#wrap {
    background: #def0fd; 
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    height: auto;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); 
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.1); 
    margin: 0 auto; 
    max-width: 1220px;
    overflow: hidden; 
    position: relative; 
    width: 100%; 
}
.clearfix:after {clear: both; content: ""; display: block;}

/* --Header--------------------------------- */
.header_box {
    height: auto;
    max-width: 580px; 
    position: absolute;
    right: 0px;
    top: 150px;
    width: 100%;
}
img.ab {position: absolute; z-index: 100;}
img.header_bg {animation: scale .6s ease-in-out 0s forwards; display: block; width: 100%;}
img.header_logo {animation: scale .6s ease-in-out .6s forwards; left: 34px; max-width: 236px; opacity: 0;}
img.header_title {animation: scale .6s ease-in-out 1s forwards; max-width: 510px; opacity: 0; top: 136px; left: 0;}
img.header_assign {animation: scale .6s ease-in-out 1.4s forwards; left: -28px; max-width: 178px; opacity: 0; top: 366px;}
img.header_no1 {animation: scale .6s ease-in-out 1.8s forwards; max-width: 322px; opacity: 0; right: 78px; top: 392px;}

/* --Nav--------------------------------- */
ul.nav_box {margin: -160px auto 74px auto; max-width: 1028px; width: 100%;}
ul.nav_box li {
    animation: scale .6s ease-in-out 0s forwards;
    cursor: pointer; 
    float: left; 
    margin-right: 42px; 
    opacity: 0;
    position: relative;
    transition: .34s opacity 0s ease-in-out;
}
ul.nav_box li:first-child {animation-delay: 2.1s;}
ul.nav_box li:nth-child(2) {animation-delay: 2.3s;}
ul.nav_box li:nth-child(3) {animation-delay: 2.5s;}
ul.nav_box li:last-child {animation-delay: 2.7s; margin-right: 0;}
ul.nav_box li:hover {opacity: .75;}
ul.nav_box li:after {
    content: "";
    animation: navArrAni_1 1s infinite linear;
    background: url(../images/nav_arrow_icon.png?t=1745219001111) no-repeat;
    bottom: 30px;
    display: block;
    height: 13px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 18px;
}

/* --Content01--------------------------------- */
.content01_box,.content02_box,.content03_box,.content04_box,.QA_content_box {
    background: #fff; 
    border-radius: 40px;
    box-shadow: rgba(181,221,245,.75) 0 0.0625em 0.0625em, rgba(181,221,245,.75) 0 0.125em 0.5em, rgba(181,221,245,.5) 0 0 0 1px inset;
    margin: 0 auto; 
    max-width: 1080px; 
    position: relative;
    width: 100%;
}
.content02_box,.content03_box,.content04_box {margin-top: 120px;}
.content01_box {padding: 0 128px 90px 128px;}
.content02_box {padding: 0 30px 90px 30px;}
.content03_box {padding: 0 78px 70px 78px;}
.content06_box {padding: 0 78px 48px 78px;}
.content08_box {margin-bottom: 70px;}
.content01_box h2 img,.content01_text:last-child h3 img,.content02_box h2 img,
.content03_box h2 img,.content04_box h2 img,.QA_frame_box h2 img {display: block; height: auto; margin: 0 auto;}
.content01_box h2,.content02_box h2,.content03_box h2,.content04_box h2 {transform: translateY(-60px);}
.content01_box h2,.content02_box h2 {transform: translateY(-72px);}
.content01_text:last-child {margin-top: 78px;}
.content01_text h3 {transform: translateY(-24px);}
.content01_text p {font-size: 22px; line-height: 34px;}
.content01_point_text li {float: left; max-width: 320px; position: relative;}
.content01_point_text li:last-child {float: right;}
.content01_point_text li:first-child::after {
    content: "";
    background: #002e7b;
    display: block;
    height: 100%;
    position: absolute;
    right: -18%;
    top: 0;
    width: 1px;
}
.content01_point_text li img {display: block; height: auto; margin: 0 auto;}
.blue_point_text_box,.pink_point_text_box {border-radius: 40px; box-shadow: rgba(9,30,66,.25) 0 4px 8px -2px, rgba(9,30,66,.08) 0 0 0 1px; margin-top: -28px;}
.blue_point_text_box {background: #def0fd; padding: 70px 28px;}
.pink_point_text_box {background: #ffe9f5; margin-top: -22px; padding: 72px 28px;}
.pink_point_text_box p.pink,.blue_point_text_box p.blue {
    font-size: 22px; 
    font-weight: 600; 
    letter-spacing: 0;
    line-height: 34px; 
    text-align: center;
}
.pink_point_text_box p.pink {color: #e4007f;}
.blue_point_text_box p.blue {color: #205bb2;}
.content01_text p.plf28 {letter-spacing: 0; padding: 0 28px;}
.content01_point_text {margin: 12px auto 0 auto; max-width: 754px; width: 100%;}
.content02_box p,.content03_box p {
    color: #000; 
    font-size: 30px; 
    font-weight: 600;
    letter-spacing: 0; 
    text-align: center;
}
.content03_box p.lh {line-height: 46px;}
.content02_point_list_top {margin: 34px auto 0 auto; max-width: 762px; width: 100%;}
.content02_point_list_bottom {margin: 60px auto 0 auto; max-width: 990px; width: 100%;}
.content02_point_list_top li {float: left; margin-right: 30px; width: 48%;}
.content02_point_list_top li:last-child {margin-right: 0;}
.content02_point_list_bottom li {float: left; width: 33%;}
.content02_point_list_bottom li:nth-child(2) {margin-left: 8px;}
.content02_point_list_top li:hover,.content02_point_list_bottom li:hover {cursor: pointer; opacity: .75; transition: opacity .2s ease-in-out 0s;}
.content03_text {margin: 64px auto 0 auto; max-width: 910px; width: 100%;}
.content03_box .content03_text h3,.content04_box .goods_frame_box h3 {align-items: center; -webkit-box-align: center; display: flex; position: relative;}
.content03_text h3 {overflow: hidden;}
.content03_text h3:after {
    content: ""; 
    background: #804aa2; 
    display: block; 
    height: 1px; 
    margin-left: 20px;
    width: calc(100% - 80px);
}
.content04_box .goods_frame_box h3:after {
    content: ""; 
    background: #1f5bb1; 
    display: block; 
    height: 1px; 
    margin-left: 27%;
    width: calc(75% - 80px);    
}
.content04_box .content09 h3:after{
    content: ""; 
    background: #804aa2; 
    display: block; 
    height: 1px; 
    margin-left: 31%;
    width: calc(70% - 80px);    
}
.content03_point_list {margin-top: 50px;}
.content03_point_list li {float: left; margin-right: 18px; opacity: 1; position: relative;}
.content03_point_list li:hover {opacity: .75; transition: opacity .2s ease-in-out 0s;}
.content03_point_list li:last-child {margin-right: 0;}
.content03_point_list li:after {
    content: ""; 
    animation: navArrAni_2 1s infinite linear;
    background: url(../images/content03_arrow_icon.png?t=1745219001111) no-repeat;
    bottom: 8px;
    display: block;
    height: 17px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 36px;
}
.content04_text {margin: 0 auto; max-width: 996px; position: relative; width: 95%;}
.content04_text.first {margin: 90px auto;}
.content08 .content04_text.first {margin: 64px auto;}
.content04_text.last {margin: 38px auto 0 auto;}
.content04_text.last .goods.first{margin-top: 182px;}
.content04_text.last .goods.last{margin-top: 31px;}
.content04_text.last .goods_text.first{margin-top: 21px;}
.content04_text.content05,.content04_text.content08 {margin: 0 auto;}
.content04_box {padding-bottom: 66px;}
.content04_box h3 img {height: auto; left: -18px; position: absolute;}
.content04_box h3 img.first {margin-top: -20px;}
.content04_box h3 img.last {margin-top: 6px;}
.content04_goods_list.last {margin: 0 auto; max-width: 604px; width: 100%;}
.content06_goods_list,.content07_goods_list,.content08_goods_list {margin: -42px auto 0 auto;}
body .content06_goods_list li.goods_intro.first {float: left; margin-top: 15px; width: 48%;}
body .content06_goods_list li.goods_intro.last {float: right; width: 48%;}
.content07_goods_list li.goods_intro:first-child {float: left; margin-top: 22px; width: 46%;}
.content04_goods_list li.goods_intro:first-child {float: left; width: 48%;}
.content04_goods_list li.goods_intro:last-child {float: right; margin-top: 15px; width: 48%;}
.content05_goods_list li.goods_intro:first-child {margin-top: 30px;}
.content08_goods_list li.goods_intro.last {margin-top: 0;}
.content05_goods_list li.goods_intro.sliver,.content06_box .goods_intro.sliver,
.content07_box .goods_intro.sliver {background: #ebedf2; padding: 0 0 22px 0;margin-top: 28px;}
.content06_box .goods_intro.sliver {margin-top: 70px; padding: 62px 62px 34px 102px;}
.content07_box .goods_intro.sliver {margin-top: 50px; padding: 20px 36px 36px 36px;}
.content06_box .goods_intro.sliver h3 img {
    display: block;
    float: none; 
    height: auto; 
    left: 0;
    margin: -106px auto 0 auto; 
    max-width: 292px;
    position: absolute;
    right: 0;
}
.content07_box .goods_intro.sliver h3 img {
    display: block;
    height: auto; 
    left: 0;
    margin: 0 auto; 
    max-width: 540px; 
    position: static;
}
.content07_box .goods_intro.sliver .daily_goods_intro {
    background: #ece2b7;
    border-radius: 30px;
    margin-top: 20px;
    padding: 30px 0;
    width: 100%;
}
.content07_box .night_goods_intro {
    border-radius: 30px;
    margin-top: 16px;
    padding: 30px 0;
    width: 100%;
}
.content07_box .goods_intro.sliver .daily_goods_intro h3 img.s_title,.content07_box .night_goods_intro h3 img.s_title {height: auto; left: -17px; position: absolute;}
.content07_box .night_goods_intro .goods_list {display: block; margin: 136px auto 0 auto; max-width: 708px; width: 100%;}
.content07_box .night_goods_intro .goods_list li {float: left; margin-right: 56px; background: #fff;}
.content07_box .night_goods_intro .goods_list li:last-child {margin-right: 0;}
.content07_box .night_goods_intro .goods_list li img.goods {display: block; height: auto; margin: 0 auto;}
.content07_box .night_goods_intro .goods_list li p {
    color: #fff;
    font-size: 18px; 
    font-style: italic; 
    font-weight: 600;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 10px;
    text-align: center;
}
.content07_box .night_goods_intro .title {position: absolute; right: 80px; width: 59%;}
.content07_box .night_goods_intro .title img.main_title {height: auto; max-width: 520px;}
.content07_box .night_goods_intro .title img.sub_title {display: block; height: auto; margin: 12px auto 0 auto; max-width: 360px;}
.content07_box .goods_intro.sliver .daily_goods_intro img.goods {display: block; height: auto; margin: 0 auto;}
.content07_box .goods_intro.sliver .daily_goods_intro p {margin-bottom: 10px; text-align: center;}
.content06_box .goods_intro.sliver .goods_intro_left {float: left; margin-top: 29px; width: 44%;}
.content06_box .goods_intro.sliver img.goods {float: right; width: 54%;}
.content06_box .goods_intro.sliver .goods_intro_left p {
    font-size: 24px; 
    font-weight: 600; 
    letter-spacing: 0;
    line-height: 32px; 
    margin-bottom: 20px;
}
.content05_goods_list li.goods_intro.sliver h3 img {
    display: block;
    height: auto; 
    margin: -40px auto 0 auto; 
    max-width: 282px; 
    position: static;
}
.content05_goods_list li.goods_intro.sliver p {
    color: #000; 
    font-size: 22px; 
    font-weight: 600; 
    letter-spacing: 0;
    margin-top: 16px;
    text-align: center;
}
.content05_goods_list li.goods_intro.sliver img {
    display: block; 
    float: none; 
    height: auto; 
    margin: 16px auto 0 auto; 
    max-width: 360px;
    width: 100%;
}
.content09_box{margin-bottom: 85px;}
.content04_goods_list.last li.goods_intro {float: none; width: 100%;}
.content04_goods_list img.goods {float: left; height: auto; width: 38%; margin-top: -17px;}
.content05_goods_list img.goods {float: left; height: auto; width: 40%;}
.content07_goods_list img.goods {float: left; height: auto; width: 38%;}
.content08_goods_list img.goods.last {float: left; height: auto; width: 32%;}
body .content07_goods_list .goods_text {margin-top: 47px; width: 52%;}
body .content07_goods_list .goods_text.last {margin-top: 28px; width: 52%;}
body .content07_goods_list li.goods_intro.last {margin-top: 0;}
body .content07_goods_list img.goods.first {margin-top: 85px; width: 40%;}
body .content07_goods_list img.goods.last {margin-top: 32px; width: 40%;}
.content07_goods_list img.sub_goods_title {height: auto; max-width: 220px;}
.content04_goods_list {margin: 0 auto; max-width: 900px; width: 100%;}
.content08_goods_list img.goods.first {margin-top: 60px;margin-left: 18px;}
.content08_goods_list img.goods.last {margin-top: 91px;margin-left: 18px;}
.content04_goods_list img.goods.mt {margin-top: 73px;}
.content09_goods_list img.goods.mt {margin-top: 79px;}
.content04_goods_list img.goods.first {margin-top: 89px;}
.content04_goods_list.last img.goods {float: left; width: 43%;}
.content08_goods_list.last img.goods {float: left; width: 32%;}
.content09_goods_list img.goods.first{margin-top: 12px;}
.content09.last .content09_goods_list img.goods{margin-top: 32px;}
.content09.mt .content09_goods_list img.goods.first{margin-top: 88px;}
.content09.mt .content09_goods_list img.goods.mt{margin-top: 69px;}
.content09_goods_list img.goods.last{margin-top: 103px;}
.content04_goods_list.last .goods_text {float: left; margin-left: 60px; margin-top: 0; width: 40%;}
.content08_goods_list.last .goods_text{margin-left: 30px;}
.content04_goods_list .goods_text {float: right; margin-left: 17px; margin-top: 8px; width: 53%;}
.content04_goods_list .goods_text.first {margin-top: 51px;}
.content08_goods_list .goods_text.first {margin-top: 1px;}
.content04_goods_list .goods_text.last {margin-top: 34px;}
.content09_goods_list .goods_text.first{margin-top: 0;}
.content09_goods_list .goods_text.last{margin-top: -17px;}
.content05_goods_list .goods_text {width: 52%; margin-top: 35px;}
.content06_goods_list .goods_text {float: right; margin-top: 20px; width: 56%;}
.content06_goods_list .goods_text.last {margin-top: 20px;}
.content07_goods_list .goods_text {margin-top: 0;}
.content08_goods_list .goods_text {float: right; margin-top: 48px; width: 56%;}
.content08_goods_list .goods_text.last {margin-top: 0; width: 57%;}
.content05_goods_list {margin: -10px auto 0px; max-width: 960px; width: 100%;}
.content06_goods_list,.content07_goods_list{margin: -30px auto 0 auto; max-width: 960px; width: 100%;}
.content04_goods_list .goods_text h4 {
    color: #24346d; 
    font-size: 26px; 
    font-weight: 600; 
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 18px;
}
.content08_goods_list .goods_text h4.last {margin-top: -2px;}
.content08_goods_list img.goods {width: 34%;}
.content06_goods_list img.goods.first {margin-top: 84px;}
.content08_goods_list img.goods.first {margin-top: 46px;}
.content08_goods_list.last img.goods.first {margin-top: 6px;}
.content08_goods_list img.goods.mt {margin-top: 158px;}
.content06_goods_list img.goods.last {width: 36.7%; margin-top: 88px;}
.content04_goods_list .goods_text li {color: #000; font-size: 20px; font-weight: 600; line-height: 26px;}
.content04_goods_list .goods_text p,.content07_box .night_goods_intro_boundle p {
    color: #e4007f; 
    font-size: 18px; 
    font-style: italic; 
    font-weight: 600;
    letter-spacing: 0;
    line-height: 26px;
    margin: 10px 0;
}
.content04_goods_list .goods_text .goods_btn,.content05_goods_list li.goods_intro.sliver .goods_btn,
.content06_box .goods_intro.sliver .goods_btn,.content07_box .night_goods_intro_boundle .goods_btn,
.content07_box .night_goods_intro .goods_list li .goods_btn {
    background: #24346d; 
    color: #fff;
    display: block;
    height: 40px;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    width: 190px;
}

.content07_box{
    background: url("content07_box_bg.png?t=1745219001111");
    background-size: cover;
}
.content07_box h3 img{
    position: static;
    width: 90%;
    margin: 0 auto;
}
.content07_box h4 img{
    display: block;
    width: 65%;
    margin: 40px auto;
}
.content08 .night_goods_intro_boundle{
    background: #fff;
    display: inline-block;
    text-align: center;
    padding-bottom: 32px;
}
.content08 .night_goods_intro_boundle .img_box{
    width: 30%;
    display: inline-block;
}
.content08 .night_goods_intro_boundle .img_box img{
    max-width: 150px;
}
.content08 .night_goods_intro_boundle.first{
    width: 25%;
    border-radius: 15px;
}
.content08 .night_goods_intro_boundle h5{
   border-radius: 15px 15px 0 0; 
   padding: 10px 5px;
}
.content08 .night_goods_intro_boundle h5 img{
   display: block;
   margin: 0 auto;
   max-height: 35px;
}
.content08 .night_goods_intro_boundle.first h5{
    background: #7f61a7;
}
.content08 .night_goods_intro_boundle.first img{
    width: 90%;
    max-width: 150px;
}
.content08 .night_goods_intro_boundle.last{
    width: 70%;
    border-radius: 15px;
}
.content08 .night_goods_intro_boundle.last h5{
    background: #de5d9e;
}
.content08 .icon{
    width: 3%;
    display: inline-block;
    position: relative;
    bottom: 193px;
    line-height: 1;
}
.content08 .icon img{
    width: 100%;
}
.content08 .night_goods_intro_boundle h6{
    text-align: center;
    font-weight: bold;
    color: #0d2b62;
    margin: 22px;
}
.content08 .night_goods_intro_boundle.first h6{
    margin-bottom: 76px;
}
.content08_goods_list li{
    background: #fff;
    width: 48.5%;
    display: inline-block;
    padding: 30px 5px;
}
.content08_goods_list li img{
    width: 10%;
}

.content04_goods_list.content08_goods_list{
    max-width: 100%;
}
.content08_goods_list .goods_text .goods_feature li{
    width: 100%;
    padding: 0;
    padding-left: 26px;
    margin: 0;
}
.content08_goods_list .right{
    float: right;
}
.content08_goods_list img.goods.last.long{
    width: 26.6%;
    margin-top: 9px;
}

.content06_box .goods_intro.sliver .goods_btn,.content07_box .night_goods_intro_boundle .goods_btn,
.content07_box .night_goods_intro .goods_list li .goods_btn {margin: 0 auto;}
.content04_goods_list .goods_text .goods_btn {margin-top: 24px;}
.content04_goods_list .goods_text .goods_btn.last {margin-top: 26px;}
.content08_goods_list .goods_text .goods_btn.last {margin-top: 22px;}
.content05_goods_list li.goods_intro .goods_btn,.content08_goods_list .goods_text .goods_btn {margin-top: 21px;}
.content05_goods_list li.goods_intro .goods_btn.first {margin-top: 12px;}
.content05_goods_list li.goods_intro.sliver .goods_btn {margin: 20px auto 0 auto;}
.content07_box .night_goods_intro .goods_list li .goods_btn {margin: 12px auto 0 auto;}
.content04_goods_list .goods_text .goods_btn span,.content05_goods_list .goods_text .goods_btn span,
.content06_box .goods_intro.sliver span,.content05_goods_list .goods_intro .goods_btn span,
.content07_box .night_goods_intro_boundle .goods_btn span,.content07_box .night_goods_intro .goods_list li .goods_btn span,
.content08_goods_list .goods_intro .goods_btn span {position: relative;}
.content04_goods_list .goods_text .goods_btn span:after,.content05_goods_list .goods_text .goods_btn span:after,
.content06_box .goods_intro.sliver span:after,.content05_goods_list .goods_intro .goods_btn span:after,
.content08_goods_list .goods_intro .goods_btn span:after,.content07_box .night_goods_intro_boundle .goods_btn span:after,
.content07_box .night_goods_intro .goods_list li .goods_btn span:after {
    content: ""; 
    animation: arrAni 1.4s infinite ease-in-out;
    -webkit-animation: arrAni 1.4s infinite ease-in-out;
    -moz-animation: arrAni 1.4s infinite ease-in-out;
    background: url(../images/button_arrow_icon.png?t=1745219001111) no-repeat;
    bottom: 0;
    height: 16px;
    margin: auto;
    position: absolute;
    right: -22px;
    top: 0;
    width: 8px;
}
.content04_goods_list.last .goods_text .goods_btn {margin-top: 13px;}
.goods_frame_box:last-child {margin-top: 120px;}
.content09_box .goods_frame_box:last-child {margin-top: 0px;}
.content09.last .content09_goods_list .goods_intro{float: unset; margin: 0 auto; margin-top: 30px;}
.goods_frame_box .content08{margin-top: 0;}
.content04_goods_list .goods_text li {background: url(../images/content04_text_point_mark.png?t=1745219001111) left center no-repeat; background-size: 20px; letter-spacing: 0; padding-left: 26px; background-position-y: 4px;}
.content05_goods_list .goods_text li {background: url(../images/content05_text_point_mark.png?t=1745219001111) left center no-repeat; background-size: 20px; letter-spacing: 0; padding-left: 26px; background-position-y: 4px;}
.content06_goods_list .goods_text li {background: url(../images/content06_text_point_mark.png?t=1745219001111) left 4px no-repeat; background-size: 20px; letter-spacing: 0; padding-left: 26px; background-position-y: 4px;}
.content07_goods_list .goods_text li {background: url(../images/content07_text_point_mark.png?t=1745219001111) left 4px no-repeat; background-size: 20px; letter-spacing: 0; padding-left: 26px; background-position-y: 4px;}
.content08_goods_list .goods_text li,.content09_goods_list .goods_text li {background: url(../images/content07_text_point_mark.png?t=1745219001111) left 4px no-repeat; background-size: 20px; letter-spacing: 0; padding-left: 26px; background-position-y: 4px;}
.QA_frame_box {background: #c0e0f8; padding: 110px 0 90px 0; width: 100%;}
.QA_content_box {padding: 38px 42px;}
.QA_frame_box h2 {transform: translateY(-98px);}
.QA_content_box .diapers {margin-top: -54px;}
.QA_content_box .diapers.last {margin-top: 20px;}
.QA_content_box .diapers h3 img {left: -17px; position: absolute; width: 30%;}
.QA_content_box .diaper_question_box {margin: 0 auto; max-width: 920px; padding-top: 100px; width: 100%;}
.QA_content_box .diaper_question_box.last {padding-top: 120px;}
.QA_content_box .diaper_question_box .question_content {
    border: 1px solid #00a49d; 
    border-radius: 12px; 
    cursor: default;
    margin-bottom: 36px;
    padding: 30px 56px; 
    position: relative; 
    width: 100%;
}
.QA_content_box .diaper_question_box .question_content.m_toggle {margin-bottom: 0;}
.QA_content_box .diaper_question_box .question_content img.question_mark {
    bottom: 0;
    left: -33px;
    margin: auto; 
    position: absolute;
    top: 0;
}
.QA_content_box .diaper_question_box .question_content p {
    color: #000; 
    font-size: 26px; 
    font-weight: 600; 
    letter-spacing: 0;
    line-height: 34px;
}
.QA_content_box .diaper_question_box .answer_content {display: none; margin-left: 48px; position: relative; width: 100%;}
.QA_content_box .diaper_question_box .answer_content.b_p {padding: 36px 52px 36px 84px;}
.QA_content_box .diaper_question_box .answer_content.s_p {padding: 18px 52px 36px 84px;}
.QA_content_box .diaper_question_box .answer_content img.answer_mark {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
}
.QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {top: 0; transform: translateY(-50px);}
.QA_content_box .diaper_question_box .answer_content img.answer_mark.top2 {top: 0; transform: translateY(-18px);}
.QA_content_box .diaper_question_box .answer_content img.answer_mark.top3 {top: 0; transform: translateY(-8px);}
.QA_content_box .diaper_question_box .answer_content img.answer_mark.top4 {top: 0; transform: translateY(-16px);}
.QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {top: 0; transform: translateY(-16px);}
.QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {top: 0; transform: translateY(-38px);}
.QA_content_box .diaper_question_box .answer_content p {
    color: #000; 
    font-size: 20px; 
    font-weight: 600; 
    letter-spacing: 0;
    line-height: 30px;
}
.QA_frame_box span.qa_arrow_icon {
    display: block;
    bottom: 0;
    border: 4px solid;
    border-right: 20px;
    border-top: 20px;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 0;
    transform: rotate(225deg);
    transition: all .2s ease-in-out 0s;
    width: 20px;
}
.QA_frame_box span.qa_arrow_icon.open {transform: rotate(315deg);}
.QA_frame_box span.qa_arrow_icon.green {border-color: #01a49f;}
.QA_frame_box span.qa_arrow_icon.blue {border-color: #1f5bb1;}
#Top_btn img {
    bottom: 20px; 
    cursor: pointer;
    display: block; 
    height: auto; 
    left: 0;
    margin: 0 auto;
    max-width: 46px;
    opacity: 1; 
    position: fixed;
    right: 0;
}
#Top_btn img:hover {opacity: .75; transition: opacity .4s ease-in-out 0s;}
.content {opacity: 0;}
.content.fade_In {animation: fade_In .4s ease-in-out 0s forwards;}
.popup_box {
    box-shadow: rgba(0,0,0,.24) 0 3px 8px;
    display: none;
    left: 50%;
    margin: 0 auto; 
    max-width: 900px;
    position: fixed;
    transform: translate(-50%,-50%); 
    top: 50%;
    width: 100%; 
    z-index: 1000;
}
img.popup_close_btn {
    cursor: pointer;
    height: auto;
    max-width: 72px;
    opacity: 1;
    position: absolute; 
    right: -36px; 
    top: -36px;
    transition: opacity .4s ease-in-out 0s;
}
img.popup_close_btn:hover {opacity: .75;}
.popup_title {background: #db65ac; padding: 44px 62px; width: 100%;}
.popup_title img {display: block; height: auto; margin: 0 auto; width: 100%;}
.popup_box04 .popup_title img {max-width: 398px;}
.popup_content {padding: 70px 42px; position: relative; width: 100%;}
.popup_content.blue {background: #def0fd;}
.popup_content.pink {background: #ffe9f5;}
.popup_content.yellow {background: #fff7d4;}
.popup_content img.popup_icon {height: auto;}
.popup_content img.popup_icon.fl {float: left; width: 28%;}
.popup_content img.popup_icon.fr {float: right; width: 28%;}
.popup_box04 .popup_content img.popup_icon.fr {float: right; width: 22%;}
.popup_content p {
    color: #000;
    font-size: 32px; 
    font-weight: 600;
    letter-spacing: 0;
    line-height: 46px;
    margin: auto;
    position: relative;
    top: 50%;
}
.popup_content p.fl {float: left; transform: translateY(50%); width: 68%;} 
.popup_content p.fr {float: right; transform: translateY(0%); width: 66%;}
.popup_box05 .popup_content p.fr {transform: translateY(36%);}

/* --Animation--------------------------------- */
@keyframes navArrAni_1 {
    from {bottom: 32px;}
    50% {bottom: 38px;}
    to {bottom: 32px;} 
}
@keyframes navArrAni_2 {
    from {bottom: 8px;}
    50% {bottom: 14px;}
    to {bottom: 8px;} 
}
@keyframes arrAni { 
    from {opacity: 0; right: -22px;}
    75% {opacity: 1; right: -26px;}
    to {opacity: 0; right: -22px;} 
}
@keyframes fade_In {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    } 50% {
        opacity: 1;
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08);
    } 100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

/* --iPad Web & Mobile web-------------------------------- */
@media screen and (min-width:1220px){
    img.mobile_hide,.content07_box .night_goods_intro .goods_list li.desktop_hide,
    .content03_point_list li img.desktop_hide,.content01_box .content01_text h3 img.desktop_hide,
    .content06_box img.desktop_hide,.content07_box h3 img.desktop_hide,.content07_box .goods_intro.sliver h3 img.desktop_hide,
    .content07_box .night_goods_intro .title img.main_title.desktop_hide,
    .popup_content p.desktop_hide,.content03_box img.desktop_hide {display: none;}
    .content03_point_list li img.mobile_hide,.content06_box img.mobile_hide,.content07_box h3 img.mobile_hide,.content07_box .goods_intro.sliver h3 img.mobile_hide,
    .content07_box .night_goods_intro .title img.main_title.mobile_hide,.popup_content p.mobile_hide,
    .popup_box02 .popup_content p.desktop_hide,.content03_box img.mobile_hide {display: block;}
}
@media screen and (max-width:1219px){
    img.desktop_hide,.popup_content p.desktop_hide {display: block;}
    img.mobile_hide,.content03_point_list li img.mobile_hide,.content01_box .content01_text h3 img.mobile_hide,
    .content03_point_list li:after,ul.nav_box li:after,.popup_content p.mobile_hide {display: none;}
    ul.nav_box {margin: -170px auto 30px auto;}
    ul.nav_box li {margin-right: 1%; width: 24%;}
    ul.nav_box li img {height: auto; width: 100%;}
    .content01_point_text li:first-child::after {right: -14%;}
    .content01_box .content01_text h3 img.main_title {display: block; height: auto; margin: 0 auto; width: 80%;}
    .content01_box {margin-top: 42px;}
    ul.nav_box li:after {background-size: 10px 7px; height: 7px; width: 10px;}
    .content01_box h2 {margin-bottom: 12px; transform: translateY(-34px);}
    .content01_point_text li {width: 44%;}
    .content01_point_text li img.icon {width: 64%;}
    .pink_point_text_box,.blue_point_text_box {border-radius: 12px; padding: 32px 12px 20px 12px;}
    .content01_text:last-child {margin-top: 64px;}
    .pink_point_text_box p.pink,.blue_point_text_box p.blue {font-size: 22px; line-height: 32px;}
    .content02_box,.content03_box,.content04_box {margin-top: 114px;}
    .content01_box,.content02_box,.content03_box,.content04_box,.QA_content_box {border-radius: 20px;}
    .content01_box .content01_text h3 img.desktop_hide {display: block; height: auto; margin: 0 auto; width: 60%;}
    .content03_box h2 img,.content04_box h2 img,.QA_frame_box h2 img {max-width: 66%;}
    .content01_box h2 img,.content02_box h2 img {max-width: 86%;}
    .content02_box h2 {transform: translateY(-32px);}
    .content03_box h2 {transform: translateY(-26px);}
    .content05_box h2 {transform: translateY(-64px);}
    .content06_box h2 {transform: translateY(-60px);}
    .content06_box h2 img {max-width: 100%;}
    .content02_box p {font-size: 22px; line-height: 26px; text-align: center;}
    .content03_box p {font-size: 22px; text-align: justify;}
    .content03_box p.lh {line-height: 32px;}
    .content02_point_list_top {margin: 20px auto 0 auto;}
    .content02_point_list_bottom {margin: 0 auto 0 auto;}
    .content02_point_list_bottom li {width: 46%;}
    .content02_point_list_bottom li:last-child {display: block; float: none; margin: 0 auto; width: 46%;}
    .content02_point_list_bottom li:nth-child(2n+2) {margin-right: 0;}
    .content02_point_list_top li,.content02_point_list_bottom li {margin-right: 12px;}
    .content02_point_list_top li img,.content02_point_list_bottom li img {width: 100%;}
    .content04_goods_list .goods_text,.content04_goods_list.last .goods_text {width: 100%;}
    .content04_box h3 img.first,.content04_box h3 img.last {left: -26px; margin-top: 8px; max-width: 50%;}
    .content03_text h3 img {max-width: 50%;}
    .content03_text {margin-top: 32px;}
    .content03_point_list {margin-top: 20px;}
    .content03_point_list li {margin-bottom: 14px; width: 48.6%;}
    .content03_point_list li:nth-child(2n+2) {margin-right: 0;}
    .content03_point_list li img {width: 100%;}
    .content04_text.first {margin: 40px auto;}
    .goods_frame_box:last-child {margin-top: 60px;}
    .content04_text.last {margin: 70px auto 0 auto;}
    .content04_goods_list.last .goods_text {float: none; margin-left: 0; margin-top: 20px;}
    .content04_goods_list.last img.goods {float: none; width: 100%;}
    .content08_box,.QA_content_box {padding: 38px 14px 22px 14px; width: 90%;}
    .content01_box,.content02_box,.content03_box {padding: 0 14px 22px 14px; width: 90%;}
    .content01_text p {font-size: 22px; font-weight: 600; line-height: 32px;}
    .content01_text p.plf28 {padding: 0 6px;}
    .content05_goods_list li.goods_intro.sliver,.content06_box .goods_intro.sliver,
    .content04_box {padding: 38px 14px 22px 14px; width: 90%;}
    .content07_box .goods_intro.sliver {padding: 20px 14px;}
    .content07_box .goods_intro.sliver h3 img.mobile_hide,
    .content07_box .night_goods_intro .title img.main_title.mobile_hide,
    .content07_box .night_goods_intro .title img.sub_title.mobile_hide {display: none;}
    .content07_box .night_goods_intro .goods_list {margin: 34px auto 0 auto;}
    .content07_box .goods_intro.sliver h3 img.desktop_hide {height: auto; max-width: 200px;}
    .content07_box .goods_intro.sliver .daily_goods_intro,
    .content07_box .night_goods_intro {border-radius: 12px;}
    .content04_goods_list li.goods_intro:first-child,.content04_goods_list li.goods_intro:last-child,
    .content05_goods_list img.goods {
        display: block; 
        float: none; 
        margin: 0 auto; 
        max-width: 76%; 
        width: 100%;
    }
    .content04_goods_list .goods_text {margin-left: 0; margin-top: 20px;}
    .content05_goods_list li.goods_intro:last-child {margin-top: 68px; max-width: 100%; padding: 16px 16px 24px 16px;}
    .content04_goods_list li.goods_intro:first-child {margin-bottom: 36px;}
    .content04_goods_list li.goods_intro:last-child {margin-bottom: 18px;}
    body .content07_goods_list img.goods.first,
    body .content07_goods_list img.goods.last,
    .content07_box .goods_intro.sliver .daily_goods_intro img.goods,
    .content08_goods_list img.goods.first {
        display: block; 
        float: none; 
        margin: 0 auto; 
        max-width: 66%; 
        width: 100%;
    }
    .content08_goods_list img.goods.last {
        display: block;
        float: none;
        margin: 0 auto; 
        max-width: 70%;
        width: 100%;
    }
    body .content06_goods_list li.goods_intro.first,body .content06_goods_list li.goods_intro.last {float: none; width: 100%;}
    .content04_goods_list img.goods {display: block; float: none; margin: 0 auto; width: 70%;}
    .content05_goods_list .goods_text,.content06_goods_list .goods_text {float: none; margin-top: 20px; width: 100%;}
    .content08_goods_list img.goods.last,.content04_goods_list img.goods {max-width: 66%;}
    .content04_text.content05 {margin: -42px auto 20px auto;}
    .content04_text.content08 {margin: 0 auto 0 auto;}
    .content08_box {margin-bottom: 40px;}
    .content05_box .goods_intro.sliver img.goods {display: block; float: none; margin: 26px auto; max-width: 68%;}
    .content06_box .goods_intro.sliver img.goods {
        display: block; 
        float: none; 
        margin: 0 auto 26px auto; 
        max-width: 100%; 
        width: 68%;
    }
    .content06_box .goods_intro.sliver img.goods.mobile_hide {display: none;}
    .content07_box .goods_intro.sliver .daily_goods_intro {padding: 60px 0 30px 0;}
    .content07_box .goods_intro.sliver .daily_goods_intro img.goods {max-width: 56%;}
    .content04_goods_list img.goods.last {max-width: 40%;}
    .content04_goods_list img.goods,body .content07_goods_list img.goods.first,body .content07_goods_list img.goods.last,
    .content07_box .goods_intro.sliver .daily_goods_intro img.goods,.content08_box img.goods.first {max-width: 45%;}
    .content07_box .night_goods_intro img.goods {max-width: 45%; width: 36%;}
    .content06_goods_list img.goods.last {width: 45%;}
    .content08_box img.goods.last {width: 50%;}
    .content07_box .night_goods_intro {padding: 20px 0 10px 0;}
    .content07_box .night_goods_intro .title {position: static; width: 100%;}
    .content07_box .night_goods_intro .title img.main_title {display: block; margin: 0 auto; max-width: 200px; width: 100%;}
    .content07_box .night_goods_intro .goods_list li img.sub_title {display: block; margin: 50px auto 35px auto; max-width: 240px; width: 100%;}
    .content07_box .night_goods_intro .goods_list li:first-child {margin-bottom: 16px;}
    .content07_box .night_goods_intro .goods_list li {margin-bottom: 30px;}
    .content07_box .goods_intro.sliver .daily_goods_intro h3 img.s_title.first {left: -2px; max-width: 50%; transform: translateY(-52px);}
    .content07_box .night_goods_intro h3 img.s_title.last {left: -2px; max-width: 50%; transform: translateY(82px);}
    body .content07_goods_list .goods_text,body .content07_goods_list .goods_text.last,.content08_goods_list .goods_text {
        display: block; 
        float: none; 
        margin: 20px auto 0 auto; 
        max-width: 198px;
        width: 100%;
    }
    body .content05_box .goods_intro.sliver h3 img,body .content06_box .goods_intro.sliver h3 img {margin: -64px auto 0 auto; max-width: 310px; width: 100%;}
    .content05_goods_list li.goods_intro.sliver p {font-size: 22px; line-height: 30px;}
    .content06_box .goods_intro.sliver {margin-top: 92px; padding: 16px 16px 24px 16px;}
    .content06_box .goods_intro.sliver .goods_intro_left {
        display: block; 
        float: none; 
        margin: 28px auto 0 auto; 
        max-width: none;
        width: 100%;
    }
    .content06_box .goods_intro.sliver .goods_intro_left p {
        font-size: 22px; 
        line-height: 28px; 
        margin: 46px auto 26px auto; 
        max-width: 264px; 
        width: 100%;
    }
    .content07_box .night_goods_intro .goods_list li {float: none; margin-right: 0;}
    .content07_goods_list img.sub_goods_title {max-width: 198px;}
    .content04_goods_list .goods_text h4 {font-size: 24px; margin-bottom: 10px; text-align: center;}
    .content04_goods_list .goods_text p,.content07_box .goods_intro.sliver .daily_goods_intro p {text-align: center;}
    .content04_goods_list .goods_text .goods_btn,
    .content05_goods_list li.goods_intro .goods_btn,
    .content07_goods_list .goods_text .goods_btn,
    .content08_goods_list .goods_text .goods_btn {display: block; margin: 21px auto 0 auto;}
    .QA_frame_box {padding: 85px 0 45px 0;}
    .QA_frame_box h2 {transform: translateY(-68px);}
    .QA_content_box .diapers h3 img {left: -9px; width: 50%;}
    .QA_content_box .diapers h3 {transform: translateY(-16px);}
    .QA_content_box .diapers h3 img.mobile_title {left: -28px; max-width: 30%;}
    .QA_content_box .diaper_question_box {padding-top: 60px;}
    .QA_content_box .diaper_question_box .question_content {border-radius: 6px; padding: 12px 14px 12px 32px;}
    .QA_content_box .diaper_question_box .answer_content {margin-left: 0;}
    .QA_content_box .diaper_question_box .question_content img.question_mark {height: auto; left: -18px; max-width: 36px;}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark {height: auto; left: 0; max-width: 36px;}
    .QA_content_box .diaper_question_box .question_content p,.QA_content_box .diaper_question_box .answer_content p {font-size: 18px; line-height: 26px;}
    .QA_content_box .diaper_question_box .answer_content.b_p,.QA_content_box .diaper_question_box .answer_content.s_p {padding: 14px 14px 14px 48px;}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top3 {transform: translateY(-34px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-114px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2,
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top4 {transform: translateY(-60px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-112px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-136px);}
    .QA_content_box .diaper_question_box.last {padding-top: 64px;}
    #Top_btn img {max-width: 36px;}
    .header_box {right: -60px; top: 110px;}
    .content01_box h2 img,.content02_box h2 img,.content03_box h2 img,.content04_box h2 img,.QA_frame_box h2 img {max-width: 56%;}
    .content01_box h2 img {max-width: 56%;}
    .content06_box h2 img {max-width: 90%;}
    .content01_box h2,.content02_box h2,.content03_box h2,.QA_frame_box h2 {transform: translateY(-96px);}
    .content01_box h2 {transform: translateY(-54px);}
    .content02_box h2 {transform: translateY(-46px);}
    .content04_box h2 {transform: translateY(-86px);}
    .content03_box h2 {transform: translateY(-50px);}
    .content06_box h2 {transform: translateY(-88px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top3 {transform: translateY(0px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-30px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2,
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top4,
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-20px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-20px);}
    .popup_box {max-width: 520px; transform: translate(-50%,-50%);}
    .popup_title {padding: 32px 22px;}
    .popup_title img {display: block; height: auto; margin: 0 auto; width: 94%;}
    .popup_content {padding: 35px 20px 40px 20px;}
    .popup_content img.popup_icon.fl,.popup_content img.popup_icon.fr,
    .popup_box04 .popup_content img.popup_icon.fr {float: none; width: 100%;}
    .popup_box02 .popup_content img.popup_icon.fr {width: 54%;}
    .popup_box04 .popup_content img.popup_icon.fr {width: 38%;}
    .popup_content img.popup_icon {display: block; margin: 0 auto; max-width: 66%;}
    .popup_content p.fl,.popup_content p.fr,.popup_box05 .popup_content p.fr {transform: translateY(0%); width: 100%;}
    .popup_content p {font-size: 22px; line-height: 32px; margin-top: 25px; text-align: center;}
    .popup_box04 .popup_title img {width: 50%;}
    img.popup_close_btn {height: 48px; right: -24px; top: -24px; width: 48px;}
    .content04_box .goods_frame_box h3:after {margin-left: 34%; width: calc(100% - 80px);}
    .content04_box h3 img.first, .content04_box h3 img.last {left: -34px;}
    .content01_box h2,.content02_box h2,.content03_box h2 {transform: translateY(-66px);}
    .content05_box h2 {transform: translateY(-94px);}
    ul.goods_feature {display: block; margin: 0 auto; max-width: 220px; width: 100%;}
    .QA_frame_box span.qa_arrow_icon {
        border-right: 14px;
        border-top: 14px;
        height: 14px;
        right: 18px;
        top: 0;
        width: 14px;
    }
    .content04_goods_list .goods_text.first,.content04_goods_list .goods_text.last,
    .content05_goods_list li.goods_intro .goods_btn.first {margin-top: 20px;}
    .content06_goods_list .goods_text.last {margin-top: 20px;}
    .content08_goods_list .goods_text.last {width: 100%; margin: 25px auto; max-width: 95%}

    .content08 .night_goods_intro_boundle.first,.content08 .night_goods_intro_boundle.last,.content08_goods_list li{
        width: 100%;
        margin: 10px 0;
    }
    .content08 .icon{
        position: static;
        margin: 20px auto;
        display: block;
    }
    .content08 .night_goods_intro_boundle .img_box img{
        max-width: 100%;
    }
    .content08 .night_goods_intro_boundle h6{
        font-size: 24px;
    }
    .content08 .night_goods_intro_boundle.first h6{
        margin-bottom: 12px;
    }
    .content08_goods_list img.goods.last.long{
        width: 42%;
    }
    .content04_text.last .goods.first,.content06_goods_list img.goods.first{
        margin-top: 0;
    }


}
@media screen and (min-width:769px) and (max-width:1219px){
    .content07_box .night_goods_intro img.goods {max-width: 45%; width: 42%;}
}
@media screen and (max-width:1100px){
    .content01_box h2,.content02_box h2,.content03_box h2 {transform: translateY(-56px);}
}
@media screen and (max-width:1024px){
    ul.nav_box {margin: -80px auto 30px auto;}
    .content04_box h3 img.first,.content04_box h3 img.last {left: -34px;}
}
@media screen and (max-width:982px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-12px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-34px);}
}
@media screen and (max-width:920px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-36px);}
}
@media screen and (max-width:950px){
    .header_box {right: -110px;}
    img.header_logo {max-width: 38%;}
    img.header_title {max-width: 80%; top: 116px;}
    img.header_assign {max-width: 30%; top: 322px;}
    img.header_no1 {max-width: 46%; right: 120px; top: 350px;}
    .content04_box .goods_frame_box h3:after {margin-left: 42%;}
}
@media screen and (max-width:893px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-46px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2,
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top4 {transform: translateY(-20px);}
}
@media screen and (max-width:880px){
    .content01_box h2,.content02_box h2,.content03_box h2 {transform: translateY(-50px);}
    .content05_box h2 {transform: translateY(-84px);}
}
@media screen and (max-width:840px){
    .header_box {right: -120px; top: 90px;}
    img.header_logo {max-width: 34%;}
    img.header_title {max-width: 76%;}
    img.header_assign {left: -10px; max-width: 26%; top: 300px;}
    img.header_no1 {max-width: 42%; top: 320px;}
    .content01_box h2 img,.content02_box h2 img,.content03_box h2 img,.content04_box h2 img,.QA_frame_box h2 img {max-width: 48%;}
    .content01_box h2 img,.content02_box h2 img {max-width: 56%;}
    .content04_box h2 img {max-width: 36%;}
    .content05_box h2 img {max-width: 48%;}
    .content06_box h2 img {max-width: 88%;}
    .QA_content_box h2 img {max-width: 36%;}
    .content01_box h2,.content02_box h2,.content03_box h2,.QA_frame_box h2 {transform: translateY(-88px);}
    .content01_box h2,.content02_box h2,.content03_box h2 {transform: translateY(-40px);}
    .content04_box h2,.QA_content_box h2 {transform: translateY(-74px);}
    .content05_box h2 {transform: translateY(-76px);}
    .content06_box h2 {transform: translateY(-74px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-29px);}
    .QA_frame_box {padding: 65px 0 45px 0;}
}
@media screen and (max-width:800px){
    .content02_box,.content03_box,.content04_box {margin-top: 76px;}
}
@media screen and (max-width:780px){
    ul.nav_box {margin: -70px auto 30px auto;}
    .header_box {right: -160px;}
    img.header_logo {max-width: 30%;}
    img.header_title {max-width: 70%; top: 98px;}
    img.header_assign {top: 280px;}
    img.header_no1 {right: 160px; top: 300px;}
}
@media screen and (max-width:776px){
    .QA_content_box .diaper_question_box .question_content p {padding-right: 50px;}
}
@media screen and (max-width:768px){
    .QA_content_box .diapers h3 img.mobile_title {left: -28px; max-width: 40%;}
    .content04_box h3 img.first,.content04_box h3 img.last {left: -34px;}
    .pink_point_text_box {padding: 34px 12px 20px 12px;}
}
@media screen and (max-width:767px){
    .content07_box .night_goods_intro img.goods {width: 56%;}
    .content04_goods_list img.goods,body .content07_goods_list img.goods.first,
    body .content07_goods_list img.goods.last,.content07_box .goods_intro.sliver .daily_goods_intro img.goods,
    .content08_box img.goods.first {max-width: 66%;}
    .content08_box img.goods.last {width: 100%;}
}
@media screen and (min-width:762px){
    .popup_content p.desktop_hide_mobile {display: block;}
    .popup_title img.mobile_hide,.popup_content p.desktop_hide_mobile {display: none;}
    .content04_box h3 img.first {margin-top: -18px;}
    .content04_box.content08_box h3 img.first{margin-top: 0}
}
@media screen and (max-width:762px){
    .popup_content p.desktop_hide,.popup_title img.desktop_hide {display: none;}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-48px);}
    .QA_content_box .diapers h3 {transform: translateY(-12px);}
    .QA_content_box .diapers h3 img.mobile_title {left: -28px; max-width: 40%;}
    .content08_goods_list img.goods.first,.content08_goods_list img.goods.last,.content04_goods_list img.goods {max-width: 45%;}
    .content04_box h3 img.first {margin-top: -11px;}
    .content04_box.content08_box h3 img.first {margin-top: 0;}
    .content04_box h3 img.last {margin-top: 4px;}
    .popup_box {max-width: 300px;}
    .popup_title {padding: 14px 22px;}
    .popup_title img.mobile_hide {display: block;}
    .popup_title img {display: block; height: auto; margin: 0 auto; width: 80%;}
    .popup_content {padding: 30px 14px;}
    .popup_content img.popup_icon.fl,.popup_content img.popup_icon.fr,
    .popup_box04 .popup_content img.popup_icon.fr {float: none; width: 100%;}
    .popup_box02 .popup_content img.popup_icon.fr {width: 54%;}
    .popup_box04 .popup_content img.popup_icon.fr {width: 38%;}
    .popup_content img.popup_icon {display: block; margin: 0 auto; max-width: 66%;}
    .popup_content p.fl,.popup_content p.fr,.popup_box05 .popup_content p.fr {transform: translateY(0%); width: 100%;}
    .popup_content p {font-size: 17px; line-height: 25px; margin-top: 25px; text-align: center;}
    .popup_box04 .popup_title img {width: 50%;}
    img.popup_close_btn {height: 44px; right: -22px; top: -22px; width: 44px;}
    .content04_box .goods_frame_box h3:after {margin-left: 48%; margin-top: -9px}
}
@media screen and (max-width:744px){
    ul.nav_box {margin: -42px auto 30px auto;}
    .content03_point_list li {width: 48.5%}
    .content01_box h2 {transform: translateY(-38px);}
    .content03_box h2 {transform: translateY(-38px);}
}
@media screen and (max-width:712px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-60px);}
    .QA_content_box .diaper_question_box .question_content p {padding-right: 30px;}
}
@media screen and (max-width:710px){
    .header_box {right: -160px; top: 80px;}
    img.header_logo {max-width: 30%;}
    img.header_title {max-width: 68%; top: 90px;}
    img.header_assign {top: 258px;}
    img.header_no1 {top: 278px;}
}
@media screen and (max-width:696px){
    .content03_point_list li {width: 48.4%;}
}
@media screen and (max-width:693px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-45px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2,
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top4 {transform: translateY(-20px);}
}
@media screen and (max-width:680px){
    .header_box {right: -204px; top: 70px;}
    img.header_logo {max-width: 26%;}
    img.header_title {max-width: 64%; top: 80px;}
    img.header_assign {max-width: 22%; top: 232px;}
    img.header_no1 {max-width: 36%; right: 210px; top: 252px;}
    .content05_box .goods_intro.sliver img.goods {max-width: 98%;}
    .content06_box .goods_intro.sliver img.goods {width: 98%;}
}
@media screen and (max-width:656px){
    .content03_point_list li {width: 48.3%}
}
@media screen and (max-width:642px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-48px);}
}
@media screen and (max-width:622px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-62px);}
}
@media screen and (max-width:620px){
    .content01_box h2 img,.content02_box h2 img,.content03_box h2 img,.QA_frame_box h2 img {max-width: 60%;}
    .content04_box h2 img {max-width: 46%;}
    .QA_frame_box h2 img {max-width: 54%;}
    .content05_box h2 img {max-width: 60%;}
    .content01_box h2,.content02_box h2,.content03_box h2,.QA_frame_box h2 {transform: translateY(-88px);}
    .content01_box h2 {transform: translateY(-30px);}
    .content02_box h2 {transform: translateY(-28px);}
    .content04_box h2 {transform: translateY(-66px);}
    .content05_box h2 {transform: translateY(-72px);}
    .content03_box h2 {transform: translateY(-30px);}
    .content06_box h2 {transform: translateY(-70px);} 
    .QA_frame_box h2 {transform: translateY(-72px);}
    .content06_box h2 img {max-width: 96%;}
    .QA_content_box .diapers h3 {transform: translateY(0);}
    .QA_content_box .diapers h3 img.mobile_title {left: -23px; max-width: 50%;}
    .content03_point_list li {width: 48.2%;}
}
@media screen and (max-width:600px){
    .header_box {right: -268px; top: 76px;}
    img.header_logo {left: 10px; max-width: 18%;}
    img.header_title {max-width: 44%; top: 54px;}
    img.header_assign {max-width: 16%; top: 170px;}
    img.header_no1 {max-width: 20%; right: 300px; top: 190px;}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top4 {transform: translateY(-34px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-60px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-60px);}
    .popup_box {transform: translate(-50%,-50%);}
    .content04_box h3 img.first,.content04_box h3 img.last {left: -30px;}
    .pink_point_text_box {padding: 42px 12px 40px 12px;}
    .pink_point_text_box p.pink,.blue_point_text_box p.blue {font-size: 18px; line-height: 28px;}
    .content01_text p,.content02_box p {font-size: 18px;}
    .content03_box p {font-size: 18px;}
    .content03_box p.lh {line-height: 28px;}
    .content01_text p,.content02_box p {line-height: 28px;}
    .content01_box .content01_text h3 img.main_title,.content01_box .content01_text h3 img.desktop_hide {width: 100%;}
    .content01_point_text li img.icon {width: 82%;}
    .content04_goods_list img.goods.last {max-width: 72%;}
    .content06_goods_list img.goods.last {width: 70%;}
    .content07_box .night_goods_intro img.goods,.content08_box img.goods.last,
    .content08_goods_list img.goods.first,.content08_goods_list img.goods.last,.content04_goods_list img.goods {max-width: 70%;}
}
@media screen and (max-width:591px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-70px);}
}
@media screen and (max-width:586px){
    .content03_point_list li {width: 48%;}
}
@media screen and (max-width:572px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-72px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top3 {transform: translateY(-20px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2 {transform: translateY(-32px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-41px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-60px);}
}
@media screen and (max-width:560px){
    .content02_box,.content03_box,.content04_box {margin-top: 66px;}
}
@media screen and (max-width:542px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-74px);}
}
@media screen and (max-width:531px){
    .content03_point_list li {width: 47.9%;}
}
@media screen and (max-width:511px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-100px);}
}
@media screen and (max-width:507px){
    .content03_point_list li {width: 47.7%;}
}
@media screen and (max-width:500px){
    .header_box {right: -232px; top: 72px;}
    img.header_assign {max-width: 16%; top: 150px;}
    img.header_no1 {max-width: 20%; right: 280px; top: 170px;}
    .content04_box h2,.QA_frame_box h2 {transform: translateY(-66px);}
    .content06_box h2 {transform: translateY(-60px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-70px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-70px);}
    .QA_content_box .diapers h3 {transform: translateY(8px);} 
    .QA_content_box .diapers.last {margin-top: 16px;}
    .content04_goods_list img.goods.last {margin-top: 0;}
}
@media screen and (max-width:493px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-96px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top3 {transform: translateY(-30px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2 {transform: translateY(-32px);}
}
@media screen and (max-width:482px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-86px);}
}
@media screen and (max-width:479px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2 {transform: translateY(-46px);}
}
@media screen and (max-width:465px){
    .content03_point_list li {width: 47.5%;}
}
@media screen and (max-width:462px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top4 {transform: translateY(-46px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-54px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-84px);}
}
@media screen and (max-width:450px){
    body .content05_box .goods_intro.sliver h3 img,body .content06_box .goods_intro.sliver h3 img {margin: -54px auto 0 auto; max-width: 274px;}
}
@media screen and (max-width:436px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top4 {transform: translateY(-60px);}
}
@media screen and (max-width:431px){
    .content03_point_list li {width: 47.3%;}
}
@media screen and (max-width:430px){
    .header_box {right: -210px; top: 48px;}
    img.header_title {max-width: 48%; top: 44px;}
    img.header_assign {max-width: 16%; top: 124px;}
    img.header_no1 {max-width: 20%; right: 226px; top: 140px;}
    .content01_box h2,.content02_box h2,.content03_box h2,.QA_frame_box h2 {transform: translateY(-24px);}
    .content01_box h2,.content02_box h2 {transform: translateY(-30px);}
    .content04_box h2 {transform: translateY(-52px);}
    .content04_box h2,.content05_box h2,.content07_box h2,.content08_box h2 {transform: translateY(-64px);}
    .content06_box h2 {transform: translateY(-56px);}
    .QA_frame_box h2 {transform: translateY(-68px);}
    .content01_box h2 img,.content02_box h2 img {max-width: 78%;}
    .content03_box h2 img,body .content05_box h2 img {max-width: 64%;}
    .content04_box h2 img {max-width: 54%;}
    .content07_box h2 img,.content08_box h2 img {max-width: 56%;}
    .content06_box h2 img {max-width: 100%;}
    .content07_box .goods_intro.sliver .daily_goods_intro h3 img.s_title.first,
    .content07_box .night_goods_intro h3 img.s_title.last {left: 3px;}
}
@media screen and (max-width:421px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top2 {transform: translateY(-56px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-100px);}
    .content04_box h3 img.first,.content04_box h3 img.last {left: -25px;}
}
@media screen and (max-width:420px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-108px);}
    .QA_content_box .diaper_question_box .question_content p {padding-right: 24px;}
}
@media screen and (max-width:402px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-99px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-96px);}
    .content03_point_list li {width: 47%;}
}
@media screen and (max-width:400px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-110px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top3 {transform: translateY(-32px);}
}
@media screen and (max-width:390px){
    .header_box {right: -188px;}
}
@media screen and (max-width:382px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-122px);}
}
@media screen and (max-width:380px){
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top5 {transform: translateY(-66px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-101px);}
}
@media screen and (max-width:376px){
    .content04_box h2,.content07_box h2,.content08_box h2,.QA_frame_box h2 {transform: translateY(-64px);}
    .content05_box h2 {transform: translateY(-60px);}
    .content06_box h2 {transform: translateY(-56px);}
}
@media screen and (max-width:364px){
    .content03_point_list li {width: 46.8%;}
}
@media screen and (max-width:363px){
    .content02_point_list_top li {width: 47.68%;}
}
@media screen and (max-width:360px){
    .header_box {right: -180px; top: 44px;}
    img.header_title {max-width: 48%; top: 40px;}
    img.header_assign {max-width: 16%; top: 114px;}
    img.header_no1 {max-width: 22%; right: 226px; top: 126px;}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top1 {transform: translateY(-126px);}
    .QA_content_box .diaper_question_box .answer_content img.answer_mark.top6 {transform: translateY(-124px);}
    .content04_box h3 img.first,.content04_box h3 img.last {left: -22px;}
}
@media screen and (max-width:350px){
    .header_box {right: -176px; top: 42px;}
    img.header_title {max-width: 44%; top: 34px;}
    img.header_assign {max-width: 16%; top: 104px;}
    img.header_no1 {max-width: 20%; right: 200px; top: 116px;}
}
@media screen and (max-width:343px){
    .content03_point_list li {width: 46.6%;}
}
@media screen and (max-width:325px){
    .content03_point_list li {width: 46.4%;}
}