@charset "utf-8"; 

.onW {display:block !important;}
.onM {display:none !important;}
button {border:none;}
.mt0 {margin-top:0 !important;}
.mb50 {margin-bottom:50px !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}

section {position:relative; margin:0 auto 0;}
section.responsive {max-width:1600px;}
section.responsive .layout {padding:75px 0;}
section.responsive > section {max-width:1200px; padding-left:30px; padding-right:30px}
section.responsive.full > section {max-width:1600px; padding:0;}
.w1900, .responsive.w1900 > section {max-width:1900px !important;}
section .hero {width:100%;}
section.responsive.full .layout {text-align:center;}
.sp {display:block; background:url(./spliteCommon.png) 0 0 no-repeat; overflow:hidden; text-indent:-9999px;}
.btn-play {position:absolute; top:50%; left:50%; display:inline-block; width:116px; height:116px; margin:-56px 0 0 -56px; background-position:-150px -50px; opacity:0.8;}
.unit {position:relative;}
ul, ol {list-style:none; padding:0; margin:0;}
.slideUl {overflow:hidden;}

section.noti-box {padding:40px 0; background:#f9f9fb;}
ul.noti > li {position:relative; padding-left:15px; line-height:1.7; font-size:14px;}
ul.noti.refer > li {margin-bottom:2px; padding-left:18px; line-height:1.6;}
ul.noti.refer > li:before {content:'*'; position:absolute; left:0; top:3px;}

section.responsive .title {overflow:hidden;}
section.responsive .layout-11-top {text-align:center;margin-bottom:25px;padding-top:75px}
section.responsive .layout-11-top .dot-thumbs {text-align:center;margin-top:40px}
section.responsive .layout-11-top .dot-thumbs a {display:inline-block;margin:0 40px;position:relative}
section.responsive .layout-11-top .dot-thumbs a.active {}
section.responsive .layout-11-top .dot-thumbs a.active:after {content:'';display:block;width:40px;height:2px;background:#a50034;position:absolute;bottom:0px;left:50%;margin-left:-20px}

section.responsive .discrimer {font-size:16px; margin:20px 20px 0 20px; text-align:left;}
section.responsive .text .discrimer,
section.responsive .slideUl .discrimer {margin:10px 0 0 0;}
section.responsive .discrimer li {line-height:1.5; word-break:keep-all; text-align:left;}
section.responsive .discrimer.star li,
section.responsive .discrimer.dash li {text-indent:-6px; margin-left:9px;}
section.responsive .discrimer.referMark li {text-indent:-10px; margin-left:12px;}
section.responsive .discrimer li:before {display:inline-block; margin:0 5px 0 0;}
section.responsive .discrimer.star li:before {content:"*";}
section.responsive .discrimer.dash li:before {content:"-";}
section.responsive .discrimer.referMark li:before {content:"※";}
section.responsive .discrimer.center li {text-align:center; margin:20px 0 0 0;}
section.responsive .discrimer.right li {text-align:right;}

section.responsive > .layout-3:nth-child(1) {padding-top:75px !important;}
section.responsive > .layout-3:last-child {padding-bottom:75px !important;}
section.responsive .layout-3 {display:table; table-layout:fixed; max-width:1200px; padding:50px 0 !important;}
section.responsive .layout-3 .object-h {display:table; table-layout:fixed; margin:auto; width:96%; padding:0 2%; text-align:center;}
section.responsive .layout-3 .object-h.inside > .unit:nth-child(1) {text-align:right;}
section.responsive .layout-3 .object-h.inside > .unit:nth-child(2) {text-align:left;}
section.responsive .layout-3 .object-h .text {text-align:left;}
section.responsive .layout-3 .object-h > .unit {display:table-cell; vertical-align:middle;}
section.responsive .layout-3 .object-h.vt > .unit {vertical-align:top;}
section.responsive .layout-3 .object-h > .unit.primary {width:60%;}
section.responsive .layout-3 .object-h > .unit img {width:auto;}
section.responsive .layout-3 .object-h > .unit .hero + p {display:block; text-align:center;}
section.responsive .layout-3 .object-h > .hero {width:auto !important; display:table-cell;}
section.responsive .layout-3 .object-h > .unit > .noti {margin:0 30px;}

.responsive {line-height:1.5; box-sizing:border-box; color:#333;}
.responsive a {color:#333;}
.responsive img {max-width:100%;}
.uspSection {padding-top:100px; max-width:1600px;}
section.responsive.uspSection .discrimer {margin:20px 0 0 0;}
section.responsive.uspSection h3 {font-size:46px; color:#333; font-weight:normal; text-align:center; line-height:1.5; margin:0; padding:0; word-break:keep-all; letter-spacing:-1px;}
section.responsive.uspSection h3 sup {font-weight:800;}
section.responsive.uspSection h4 {font-size:20px; color:#333; font-weight:normal; text-align:center; line-height:1.8; margin-top:30px; word-break:keep-all; letter-spacing:-1px;}
section.responsive .usp01_1 {display:flex; width:80%; justify-content:center; margin:60px auto 0;}
section.responsive .usp01_1 li {color:#666; font-size:18px; border-left:1px solid #eaeaea; text-align:center; padding:0 25px;}
section.responsive .usp01_1 li:first-child {border:none;}
section.responsive .img {position:relative;}
section.responsive .img>picture {text-align:center;}
section.responsive .discrimer li {font-size:13px; color:#666; letter-spacing:-1px; line-height:1.8;}
section.responsive .discrimer.usp1_1 {position:absolute; bottom:10%; right:13%;}
section.responsive .discrimer.usp1_3 {position:absolute; top:89%; left:5%;}
section.responsive .discrimer.usp1_1 li {line-height:2;}
section.responsive .discrimer.usp2_2 {margin-top:35px;}
section.responsive .listView li {position:relative;}
section.responsive .listView li h5 {color:#333; font-size:26px; text-align:left;}
section.responsive .listView li .sbj {color:#666; font-size:18px; margin-top:20px; text-align:left;}
section.responsive .listView .left {position:absolute; top:15%; left:12%;}
section.responsive .listView .right {position:absolute; top:15%; right:12%;}
section.responsive .listView li:first-child .right {text-align:right;}
section.responsive .listView li:nth-child(3) .right {top:10%;}
section.responsive .listView .icon {margin-top:10px; text-align:left;}
section.responsive .layout>.unit img {width:auto; max-width:100%;}
#featureIdx01 .slideNew.type2 {max-width:1250px; margin-top:3vw;}
#featureIdx01 .slideNew.type2 .layout-11-top {max-width:1100px;}
.slideNew.type2 {text-align:center; margin-top:120px;}
.slideNew.type2+.layout-11-top {margin-top:-3%;}
.slideNew.type2+.layout-11-top .dot-thumbs a.active:after {content:''; display:none;}
.slideNew.type2 .bx-wrapper img {width:auto; max-width:100%;}
.slideNew.type2+.layout-11-top .dot-thumbs {display:flex; justify-content:center;}
.slideNew.type2+.layout-11-top .dot-thumbs>a {text-decoration:none; position:relative; margin:0 1.5vw; width:33%;}
.slideNew.type2+.layout-11-top .dot-thumbs>a:before {content:""; position:absolute; left:50%; top:0; margin-left:-90px; text-align:center; background-size:contain; background-position:0 0; overflow:hidden; width:100%; max-width:180px; height:100%; background-repeat:no-repeat; text-decoration:none;}
.slideNew.type2+.layout-11-top .dot-thumbs>a:nth-child(1):before {content:""; background-image:url('./usp_0104_t1_off.gif');}
.slideNew.type2+.layout-11-top .dot-thumbs>a:nth-child(2):before {content:""; background-image:url('./usp_0104_t2_off.gif');}
.slideNew.type2+.layout-11-top .dot-thumbs>a:nth-child(3):before {content:""; background-image:url('./usp_0104_t3_off.gif');}
.slideNew.type2+.layout-11-top .dot-thumbs>a.active:nth-child(1):before {content:""; background-image:url('./usp_0104_t1_on.gif');}
.slideNew.type2+.layout-11-top .dot-thumbs>a.active:nth-child(2):before {content:""; background-image:url('./usp_0104_t2_on.gif');}
.slideNew.type2+.layout-11-top .dot-thumbs>a.active:nth-child(3):before {content:""; background-image:url('./usp_0104_t3_on.gif');}
.slideNew.type2+.layout-11-top .dot-thumbs .title {font-size:26px; color:#333; word-break:keep-all; padding-top:140px;}
.slideNew.type2+.layout-11-top .dot-thumbs .cont {font-size:18px; color:#666; margin:20px auto 0 auto; word-break:keep-all; line-height:1.8;}
.slideNew.type2 .wind {display:none;}
sub, sup {font-size:80%;}

section.responsive [class*="keyVisual"] {position:absolute; text-align:left; padding-top:0;}
section.responsive [class*="keyVisual"]:before {content:''; position:absolute; border-left:1px solid #a4a4a4; display:inline-block; height:50%;}
section.responsive [class*="keyVisual"] h3 {letter-spacing:-2px; line-height:1.2; margin-top:3vw; text-align:left;}
section.responsive [class*="keyVisual"] h3 strong {display:block; color:#666; margin-bottom:20px; font-weight:400;}
.keyVisual1 h3, .keyVisual3 h3 {font-size:2.8vw;}

section.responsive .keyVisual1 {top:25.5%; left:18.5%;  width:70%; height:60%;}
section.responsive .keyVisual1:before {top:-33.5%; left:-1.5%; height:50%;}
section.responsive .keyVisual3 {top:35.8%; left:18.3%; width:70%; height:60%;}
section.responsive .keyVisual3:before {top:-46.5%; left:-1.3%; height:69%;}    

#featureIdx02 .discrimerWrap {display:none;}
section.responsive .keyVisual2 {top:8%; left:9%; width:91%; height:100%;}
section.responsive .keyVisual2:before {top:-6.5%; left:-2%; height:20%; max-height:300px;}
section.responsive .keyVisual2 h3 {font-size:56px; letter-spacing:-2px; line-height:1.2; margin-top:3vw;}
section.responsive .keyVisual2 h4 {text-align:left; margin-top:4vw; font-size:22px; font-weight:400;}
section.responsive .keyVisual2 .stepList>li {margin-top:7vw;}
section.responsive .keyVisual2 .stepList.right {position:absolute; top:45%; left:0;}
section.responsive .keyVisual2 .stepList .title {font-size:32px; padding-top:20px; word-break:keep-all;}
section.responsive .keyVisual2 .stepList .title>span {display:inline-block; padding:5px; background:#a1a1a1; color:#fff; text-align:center; font-size:30px; width:60px; height:60px; line-height:1; margin-top:-10px; vertical-align:top; box-sizing:content-box;}
section.responsive .keyVisual2 .stepList .title>span small {display:block;}
section.responsive .keyVisual2 .stepList .content {font-size:20px; margin-top:1vw; word-break:keep-all;}
section.responsive .keyVisual2 .stepList .img {margin-top:30px; display:inline-block;}
section.responsive .keyVisual2 .stepList .img.left {margin-left:-85px;}
section.responsive .keyVisual2 .stepList.right {margin:20vw 0 0 50%;}

section.responsive .listView.type2 {margin:3vw auto 0 auto; max-width:1400px;}
section.responsive .listView.type2>li {display:flex; margin-top:3vw; align-items:center; line-height:2;}
section.responsive .listView.type2 .left, section.responsive .listView.type2 .right {position:static; box-sizing:border-box;}
section.responsive .listView.type2 .right {width:43%;}
section.responsive .listView.type2 .right {text-align:left; padding-left:10%;}
section.responsive .listView.type2 li:nth-child(even) .left {padding-right:10%;}
section.responsive .listView.type2 li:nth-child(even) .right {padding-left:0; width:53%;}
section.responsive .listView.type2 li:nth-child(2) .left, section.responsive .listView.type2 li:nth-child(2) .right {margin-left:80px;}
section.responsive .infoBox {background:#f6f6f6; margin-top:-1vw; padding:3vw 7vw; box-sizing:border-box;}
section.responsive .infoBox dt {font-size:18px; color:#333; font-weight:800;}
section.responsive .infoBox dd {font-size:16px; color:#666; margin-top:10px; line-height:1.8;}
section.responsive .graph {margin:3vw 0;}
section.responsive .division>li {display:flex; background:#f7f7f7;}
section.responsive .division>li>div {width:50%; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; ;}
section.responsive .division>li>div.res {padding:2% 5%;}
section.responsive .division>li>div>img {height:100%;}
section.responsive .division>li h5 {font-size:30px; color:#333; font-weight:200; word-break:keep-all;}
section.responsive .division>li .sbj {font-size:18px; word-break:keep-all; margin-top:1vw;}
section.responsive .division>li .img {margin-top:1.5vw;}
section.responsive .listThumb {overflow:hidden; margin:2vw;}
section.responsive .listThumb li {float:left; width:50%; padding:1vw; box-sizing:border-box;}
section.responsive .listThumb dl {overflow:hidden;}
section.responsive .listThumb dl dt {float:left; width:20%; margin-right:2%;}
section.responsive .listThumb dl dd {float:left; width:78%; padding-top:0.7vw;}
section.responsive .listThumb dl dd h5 {font-size:26px; color:#333; word-break:keep-all;}
section.responsive .listThumb dl dd .sbj {font-size:16px; color:#333; margin-top:5px; word-break:keep-all;}
section.responsive .gallery {margin:0 0 5vw 0;}
section.responsive .gallery .swiper-slide {text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; width:78%;}
section.responsive .headDesc {font-size:26px; margin:38px 0 28px;}
section.responsive .subDesc {font-size:18px;}
section.responsive .gallery .swiper-pagination {display:none;}
section.responsive .gallery .swiper-button-prev {left:15%;}
section.responsive .gallery .swiper-button-next {right:15%;}
section.responsive .layout-3 .object-h>.unit {border-left:1px solid #d5d5d5;}
section.responsive .layout-3 .object-h>.unit:first-child {border:none;}
section.responsive.etcWrap {max-width:80vw;}

.btnConsumerShop {max-width:1200px; margin:20px auto;}
.btnConsumerShop .tip {font-size:18px; display:inline-block; margin:7px 10px 0 0;}
.linkBtnRed {
	-moz-box-shadow:0px 10px 14px -7px #adadad; -webkit-box-shadow:0px 10px 14px -7px #adadad; box-shadow:0px 10px 14px -7px #adadad; 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dd1d5a), color-stop(1, #b80d40)); 
	background:-moz-linear-gradient(top, #dd1d5a 5%, #b80d40 100%); 
	background:-webkit-linear-gradient(top, #dd1d5a 5%, #b80d40 100%); 
	background:-o-linear-gradient(top, #dd1d5a 5%, #b80d40 100%); 
	background:-ms-linear-gradient(top, #dd1d5a 5%, #b80d40 100%); 
	background:linear-gradient(to bottom, #dd1d5a 5%, #b80d40 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd1d5a', endColorstr='#b80d40',GradientType=0); 
	background-color:#dd1d5a; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; display:inline-block; cursor:pointer; 
	color:#fff; padding:0.3em 1em; text-decoration:none; font-size:20px; 
;}
.linkBtnRed:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b80d40), color-stop(1, #dd1d5a)); 
	background:-moz-linear-gradient(top, #b80d40 5%, #dd1d5a 100%); 
	background:-webkit-linear-gradient(top, #b80d40 5%, #dd1d5a 100%); 
	background:-o-linear-gradient(top, #b80d40 5%, #dd1d5a 100%); 
	background:-ms-linear-gradient(top, #b80d40 5%, #dd1d5a 100%); 
	background:linear-gradient(to bottom, #b80d40 5%, #dd1d5a 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b80d40', endColorstr='#dd1d5a',GradientType=0); 
	background-color:#b80d40; text-decoration:none; 
;}


@media (max-width:1700px) and (min-width:768px) {
    section.responsive .keyVisual2 {top:5%;}
    section.responsive .keyVisual2 h3 {font-size:40px; margin-top:30px;}
    section.responsive .keyVisual2:before {top:-30px; height:150px;}
    section.responsive .keyVisual2 .stepList>li {margin-top:3vw;}
}

@media (max-width:1400px) and (min-width:768px) {
    section.responsive .keyVisual2 .stepList .img.left {margin-left:-42px;}
    section.responsive .keyVisual2 .stepList .img img {max-width:50%;}
    section.responsive .keyVisual2 .stepList>li {margin-top:0;}
}

@media (max-width:1200px) and (min-width:768px) {
    section.responsive.uspSection h3 {font-size:40px; transition:.5s;}
    section.responsive.uspSection h4 {font-size:16px; transition:.5s;}
    section.responsive .discrimer.usp1_1 {bottom:6%; right:4%;}
    section.responsive .discrimer.usp1_1 {top:85%; left:4%;}
    section.responsive .usp01_1 li {font-size:15px; transition:.5s;}
    section.responsive .discrimer {margin-top:10px;}
    section.responsive .discrimer li {transition:.5s;}
    section.responsive .listView li h5 {font-size:20px; transition:.5s;}
    section.responsive .listView li .sbj {font-size:15px; margin-top:10px; transition:.5s;}
    section.responsive .listView li:nth-child(3) .right {top:1%;}

    .slideNew.type2+.layout-11-top .dot-thumbs .title, section.responsive .listThumb dl dd h5 {font-size:20px; transition:.5s;}
    .slideNew.type2+.layout-11-top .dot-thumbs .cont {font-size:15px; transition:.5s;}
    section.responsive .infoBox dt, section.responsive .division li .sbj {font-size:15px; transition:.5s;}
    section.responsive .infoBox dd, section.responsive .listThumb dl dd .sbj {font-size:14px; transition:.5s;}
    section.responsive .division li h5 {font-size:22px; transition:.5s;}
}

@media only screen and (max-width:767px) { 
    .onW {display:none !important;}
    .onM {display:block !important;}
    .sp {background-size:300px 300px}
    .slide .prev, .slide .next {display:none;}
    section.responsive.full .layout {padding:20px 0; text-align:center;}
    section.responsive > section {padding-left:0; padding-right:0;}
    section.noti-box {padding:20px 20px 50px 20px;}
	ul.noti.refer {display:block; margin-top:10px; font-size:14px; text-align:left; line-height:1.4; padding:0;}
    ul.noti.refer > li {margin-bottom:0; padding-left:12px; font-size:12px; line-height:1.5;}
    section.responsive .layout-3 {display:block; width:100% !important; padding:25px 0 !important}
    section.responsive .layout-3.viewType3 {padding:0px 0 !important;}
    section.responsive > .layout-3:nth-child(1) {padding-top:30px !important}
	section.responsive > .layout-3:last-child {padding-bottom:30px !important}
    section.responsive .layout-3 .object-h {width:100%;display:block;margin:auto;padding:0}
    section.responsive .layout-3 .object-h>.unit {display:flex; margin-bottom:30px;}
    section.responsive .layout-3 .object-h .hero {width:30%;}
    section.responsive .discrimer {font-size:12px; margin:10px 10px 0 10px;}
	section.responsive .discrimer.center {margin:10px 0 0 0;}
	section.responsive .text .discrimer,
	section.responsive .slideUl .discrimer {margin:10px 0 0 0;}
	section.responsive .discrimer.f14 {font-size:14px;}

    .uspSection {padding-top:30px;}
    section.responsive.uspSection h3 {font-size:20px; font-weight:600;}
    section.responsive.uspSection h3.big {font-size:24px;}
    section.responsive.uspSection h4 {font-size:14px; margin-top:15px; line-height:1.5;}
    section.responsive .usp01_1 {width:100%; margin:20px auto 0;}
    section.responsive .usp01_1 li {width:25%; padding:0; font-size:12px;}
    section.responsive .usp01_1 li>img {max-width:50%;}
    section.responsive .discrimer.usp1_1 {position:static; padding:0 3vw; margin:0 0 5vw 0;}
    section.responsive .discrimer.usp2_2 {margin:0 5vw;}
    section.responsive .discrimer li {font-size:11px;}
    section.responsive .listView {margin-top:20px;}
    section.responsive .listView li:first-child+li .right {position:static;}
    section.responsive .listView li h5 {font-size:19px; text-align:left;}
    section.responsive .listView li .sbj {font-size:14px; margin-top:10px; text-align:left; line-height:1.5;}
    section.responsive .listView li>div.left {left:6%; top:5%; height:100%;}
    section.responsive .listView li>div.right {left:6%; right:inherit; top:5%; height:100%;}
    section.responsive .listView .icon {text-align:left;}
    section.responsive .listView .icon>img {width:36px;}
    section.responsive .layout-11 .prev {left:5%;}
    section.responsive .layout-11 .next {right:5%;}
    .slideNew .bx-wrapper .bx-pager.bx-default-pager a.active {background:#333;}
    section.responsive .layout-11.pager .bx-controls {height:100%; margin-top:10px; padding-bottom:20px;}
    section.responsive .bx-wrapper .bx-pager {position:static;}
    section.responsive .discrimer.usp1_2 {position:absolute; bottom:10%;}
    .slideNew.type2+.layout-11-top .dot-thumbs .title {font-size:14px; padding-top:70px;}
    .slideNew.type2+.layout-11-top .dot-thumbs .cont {font-size:12px; margin-top:10px;}
    section.responsive .discrimer.usp2_2 {position:static;}
    .slideNew.type2+.layout-11-top .dot-thumbs>a:before {margin-left:0; transform:translateX(-50%);}
    .slideNew.type2+.layout-11-top .dot-thumbs {margin-top:20px; padding:0; justify-content:space-evenly;}
    .slideNew.type2+.layout-11-top .dot-thumbs>a {min-width:100px;}
    .slideNew.type2 .wind {width:80%; margin:0 auto 20px auto; display:block;}
    .slideNew.type2 .wind>img {max-width:90px;}
    .slideNew.type2 .wind .title {font-size:15px; color:#333; margin-top:10px;}
    .slideNew.type2 .wind .cont {font-size:13px; margin-top:10px;}
    section.responsive .discrimer.usp1_3 {top:82%;}

    section.responsive [class*="keyVisual"] h3 strong {margin-bottom:10px;}
    .keyVisual1 h3, .keyVisual3 h3 {font-size:6.5vw;}
    section.responsive .keyVisual1 {top:11%; left:8.5%; width:90%;}
    section.responsive .keyVisual1:before {top:-11%; left:-2.4%; height:35%;}

    section.responsive .keyVisual3 {top:8%; left:8.5%; width:90%; height:60%;}
    section.responsive .keyVisual3:before {top:-13%; left:-1.8%; height:34%;}
    
    #featureIdx02 .discrimerWrap {display:block; padding:5vw; background:#f3f4f7;}
    #featureIdx02 .discrimerWrap .discrimer:first-child {margin-top:0;}
    #featureIdx02 .discrimerWrap .star {margin-top:0;}
    #featureIdx02 .unit .mediaImg img {min-height:100%;}
    section.responsive .keyVisual2 {top:5%; left:0; padding:0 5vw;}
    section.responsive .keyVisual2:before {left:3%; top:-5%; height:14%;}
    section.responsive .keyVisual2 .stepList.right {margin:29vw 0 0 41%;}
    section.responsive .keyVisual2 h3 {font-size:25px;}
    section.responsive .keyVisual2 h4 {font-size:16px;}
    section.responsive .keyVisual2 .stepList .title {font-size:16px;}
    section.responsive .keyVisual2 .stepList .title>span {font-size:15px; width:30px; height:30px;}
    section.responsive .keyVisual2 .stepList .content {font-size:14px; margin-top:3vw;}
    section.responsive .keyVisual2 .stepList .img {margin-top:3vw;}
    section.responsive .keyVisual2 .stepList .img img {width:35%;}
    section.responsive .keyVisual2 .stepList .img.left {margin-left:-25px;}
    section.responsive .keyVisual2 .stepList.right .title>img {width:45px;}

    section.responsive .listView.type2>li {flex-direction:column; margin-top:5vw;}
    section.responsive .listView.type2 .left {width:100%; position:static; padding:2vw 5vw; box-sizing:border-box;}
    section.responsive .listView.type2 .right {width:100%; position:static; padding:2vw 5vw; box-sizing:border-box;}
    section.responsive .listView.type2 li:nth-child(1) .left, section.responsive .listView.type2 li:nth-child(2) .right {margin-left:0;}
    section.responsive .listView.type2 li:nth-child(even) .left {order:2;}
    section.responsive .listView.type2 li:nth-child(even) .right {width:100%; padding:2vw 5vw; order:1;}
    section.responsive .discrimer.usp3_1 {margin-top:10px;}
    section.responsive .infoBox dt {font-size:14px; line-height:1.5; word-break:keep-all;}
    section.responsive .infoBox dd {font-size:12px; line-height:1.5; word-break:keep-all;}
    section.responsive .discrimer.graphDiscrimer {padding:0 5vw;}
    section.responsive .listThumb li {float:none; width:100%;}
    section.responsive .listThumb dl dt {margin-right:5%;}
    section.responsive .listThumb dl dd {width:75%;}
    section.responsive .listThumb dl dd h5 {font-size:14px;}
    section.responsive .listThumb dl dd .sbj {font-size:12px; width:100%;}
    section.responsive .division li {flex-direction:column;}
    section.responsive .division li>div {width:100%; padding:0;}
    section.responsive .division li>div>img {height:auto;}
    section.responsive .division li .sbj {font-size:14px; margin-top:3vw;}
    section.responsive .division li h5 {font-size:20px; font-weight:800;}
    section.responsive .discrimer li:before {display:inline;}
    section.responsive .division>li>div.res {order:2; padding:5vw;}
    section.responsive .division>li>div.right.res .img>img {width:212px;}
    section.responsive .listView.type2 li:nth-child(2) .left, section.responsive .listView.type2 li:nth-child(2) .right {margin-left:0;}
    section.responsive .gallery .swiper-pagination {display:block;}
    section.responsive .gallery .swiper-slide {width:100%;}
    section.responsive .gallery .swiper-button-prev, section.responsive .gallery .swiper-button-next {display:none;}
    section.responsive .gallery .swiper-slide {width:100%;}
    section.responsive .gallery .swiper-pagination {position:static; margin-top:10px;}
    section.responsive .gallery .swiper-pagination-bullet:nth-child(1), section.responsive .gallery .swiper-pagination-bullet:nth-child(2), section.responsive .gallery .swiper-pagination-bullet:nth-child(3) {position:static; background:#c3c3c5 !important;}
    section.responsive .gallery .swiper-pagination-bullet {background-image:none; width:9px; height:9px; border:0 none; margin:3px; border-radius:50%; background:#c3c3c5;}
    section.responsive .gallery .swiper-pagination-bullet-active {position:static; width:19px; height:9px; padding:0; border-radius:9px; background:#333 !important;}
    section.responsive .gallery .swiper-pagination-bullet-active:nth-child(1), section.responsive .gallery .swiper-pagination-bullet-active:nth-child(2), section.responsive .gallery .swiper-pagination-bullet-active:nth-child(3) {background:#333 !important;}
    section.responsive.etcWrap {max-width:none;}
    section .hero {margin-top:20px}

    .btnConsumerShop {margin:0 20px;}
	.btnConsumerShop .tip {display:block; font-size:14px; text-indent:-16px; margin:0 0 0 20px;}
	.btnConsumerShop .linkBtnRed {margin:10px 0 10px 20px; font-size:13px;}
}


.usp_module .print-area section.responsive .layout {
  position: relative;
  padding: 0;
}

#featureIdx02,
#featureIdx03,
#featureIdx04,
#featureEtc {
  margin-top: 0;
}

.ultra_pc_20210325 .summary_btn_wrap {
  position: absolute;
  left: 9.2%;
  top: 73%;
  width: 48%;
  height: 10%;
}

.ultra_pc_20210325 .summary_btn_wrap ul {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ultra_pc_20210325 .summary_btn_wrap ul li {
  float: left;
  width: 33.3%;
  height: 100%;
}

.ultra_pc_20210325 .summary_btn_wrap a {
  display: block;
  margin: 0 4%;
  width: 92%;
  height: 100%;
  box-sizing: border-box;
}

.ultra_pc_20210325 .effect_step1 {
  position: relative
}

.ultra_pc_20210325 .effect_step1 li {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width:767px) { 
  section.responsive .layout>* {
    padding: 0;
  }

  .ultra_pc_20210325 .summary_btn_wrap {
    left: 50%;
    top: 36%;
  }

  .ultra_pc_20210325 .summary_btn_wrap ul {
    overflow: visible;
  }

  .ultra_pc_20210325 .summary_btn_wrap ul li {
    float: none;
    margin-bottom: 4%;
    width: 100%;
  }

  .ultra_pc_20210325 .summary_btn_wrap a {
    margin: 0;
    width: 100%;
  }
}