@charset "UTF-8";#top #indexTop{
background-image:url(/common/img/common/bg.jpg)
}
#top #indexTop .mainview{
padding-top:5.55556vw;
padding-bottom:2.43056vw;
background-image:url(/common/img/index/mainview_back@2x.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center
}
#top #indexTop .mainview .mainviewSlide{
opacity:0;
-webkit-transition:opacity .6s ease-out;
transition:opacity .6s ease-out;
margin:0
}
#top #indexTop .mainview .mainviewSlide.slick-initialized{
opacity:1
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg{
height:auto;
-webkit-transform:scale(.75);
transform:scale(.75);
-webkit-transition:-webkit-transform .5s;
transition:-webkit-transform .5s;
transition:transform .5s;
transition:transform .5s,-webkit-transform .5s;
width:100%;
border-radius:10px;
-webkit-box-shadow:1.5px 2.6px 7.4px .6px #2c2c2c33;
box-shadow:1.5px 2.6px 7.4px .6px #2c2c2c33;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
/*display: block !important;*/
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg a{
	display: block;
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg img{
width:55.55556vw;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg.movie {
	position: relative;
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg.movie iframe{
	display: block;
	pointer-events: none;
	width:55.55556vw;
	height: auto;
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg.movie a.moviebtn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.00);
	transition-duration: 0.5s;
	z-index: 1;
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg.movie a.moviebtn:hover {
	background: rgba(255,255,255,0.40);
}
#moviemodal {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(100,100,100,0.80);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10000;
}
#moviemodal .innerbox{
	position: relative;
	padding: 40px 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
#moviemodal .innerbox .close{
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 35px;
	right: 15px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-duration: 0.4s;
}
#moviemodal .innerbox .close:hover{
	opacity: 0.5;
}
#moviemodal .innerbox .close::before,
#moviemodal .innerbox .close::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-top: 2px solid #000;
	position: absolute;
}
#moviemodal .innerbox .close::before {
	transform: rotate(45deg);
}
#moviemodal .innerbox .close::after {
	transform: rotate(-45deg);
}

#top #indexTop .mainview .mainviewSlide .slick-center .mainviewSlideImg{
-webkit-transform:scale(1);
transform:scale(1)
}
#top #indexTop .mainview .slick-next,
#top #indexTop .mainview .slick-prev{
font-size:0;
line-height:0;
position:absolute;
top:35%;
display:block;
width:2.84722vw;
height:5vw;
padding:0;
-webkit-transform:none;
transform:none;
cursor:pointer;
border:none;
outline:0;
z-index:1;
background-repeat:no-repeat;
background-size:contain;
background-position:center
}
#top #indexTop .mainview .slick-next::before,
#top #indexTop .mainview .slick-prev::before{
display:none
}
#top #indexTop .mainview .slick-prev{
left:17.36111vw;
background-image:url(/common/img/common/mainview_prev_arrow.svg)
}
#top #indexTop .mainview .slick-next{
right:17.36111vw;
background-image:url(/common/img/common/mainview_next_arrow.svg)
}
#top #indexTop .mainview .mainviewSlideDots{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:2.08333vw
}
#top #indexTop .mainview .mainviewSlideDots li{
background-color:#999;
border-radius:100%;
margin-right:1.04167vw;
margin-left:1.04167vw
}
#top #indexTop .mainview .mainviewSlideDots li.slick-active{
background-color:#3c2d23
}
#top #indexTop .mainview .mainviewSlideDots li button{
font-size:0;
line-height:0;
display:block;
width:1.38889vw;
height:1.38889vw;
padding:0;
cursor:pointer;
color:transparent;
border:0;
outline:0;
background:0 0
}
#top #indexTop .mainview .mainviewScroll{
position:relative
}
#top #indexTop .mainview .mainviewScroll p{
position:absolute;
right:1.38889vw;
bottom:-1.04167vw;
font-size:1.4rem;
font-size:.97222vw;
font-weight:500;
line-height:1;
letter-spacing:2.1px;
text-align:center
}
#top #indexTop .mainview .mainviewScroll p::before{
content:'';
display:block;
position:absolute;
bottom:-1px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:.83333vw;
height:.83333vw;
background-color:#3c2d23;
border-radius:100%
}
#top #indexTop .mainview .mainviewScroll p::after{
content:'';
display:block;
width:2px;
height:5.20833vw;
margin:4px auto 0;
background:#3c2d23;
-webkit-animation:sdl 1.5s cubic-bezier(1,0,0,1) infinite;
animation:sdl 1.5s cubic-bezier(1,0,0,1) infinite
}
@-webkit-keyframes sdl{
0%{
-webkit-transform:scale(1,0);
transform:scale(1,0);
-webkit-transform-origin:0 0;
transform-origin:0 0
}
50%{
-webkit-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:0 0;
transform-origin:0 0
}
50.1%{
-webkit-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:0 100%;
transform-origin:0 100%
}
100%{
-webkit-transform:scale(1,0);
transform:scale(1,0);
-webkit-transform-origin:0 100%;
transform-origin:0 100%
}
}
@keyframes sdl{
0%{
-webkit-transform:scale(1,0);
transform:scale(1,0);
-webkit-transform-origin:0 0;
transform-origin:0 0
}
50%{
-webkit-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:0 0;
transform-origin:0 0
}
50.1%{
-webkit-transform:scale(1,1);
transform:scale(1,1);
-webkit-transform-origin:0 100%;
transform-origin:0 100%
}
100%{
-webkit-transform:scale(1,0);
transform:scale(1,0);
-webkit-transform-origin:0 100%;
transform-origin:0 100%
}
}
#top #indexTop .topNews{
color:#fff;
background-color:#3c2d23;
padding-bottom:3px;
position:relative;
z-index:2
}
#top #indexTop .topNews::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#fff
}
#top #indexTop .topNews .topNewsArea{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
overflow:hidden
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
font-size:2rem;
font-size:1.38889vw;
font-weight:700;
line-height:1.5;
letter-spacing:1px;
text-align:center;
color:#fff;
padding-top:1.18056vw;
padding-right:2.63889vw;
padding-bottom:1.18056vw;
padding-left:2.5vw;
border-right:solid 2px rgba(235,220,210,.25);
border-left:solid 2px rgba(235,220,210,.25)
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
font-size:1.6rem;
font-size:1.11111vw;
font-weight:300;
line-height:1.5;
letter-spacing:.8px;
text-align:left;
color:#fff;
padding-top:1.18056vw;
padding-bottom:1.18056vw;
padding-left:3.05556vw;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea .topNewsTxt{
display:none;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
vertical-align:text-top
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea .data{
letter-spacing:1.6px;
padding-right:1.66667vw
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea a{
width:100%;
color:inherit;
position:relative;
-webkit-transition:all .2s ease-out;
transition:all .2s ease-out
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea a::after{
content:"";
display:inline-block;
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background-color:#f5d7d2;
opacity:0;
-webkit-transition:all .2s ease-out;
transition:all .2s ease-out
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea a:hover{
color:#f5d7d2
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea a:hover::after{
opacity:1
}
#top #indexTop .concept{
padding-top:7.98611vw;
padding-bottom:6.25vw;
z-index:1
}
#top #indexTop .concept::after{
content:"";
display:block;
position:absolute;
top:2.5vw;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:100%;
height:40vw;
background-image:url(/common/img/index/concept_back@2x.png);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
z-index:-1
}
#top #indexTop .concept .conceptTit{
font-size:2.6rem;
font-size:1.80556vw;
font-weight:700;
line-height:1.08;
letter-spacing:1.95px;
text-align:center;
margin-bottom:3.61111vw
}
#top #indexTop .concept .conceptLead{
font-size:2.3rem;
font-size:1.59722vw;
font-weight:500;
line-height:2.39;
letter-spacing:3.45px;
text-align:center
}
#top #indexTop .quality{
padding-top:6.25vw;
padding-bottom:6.94444vw;
z-index:1
}
#top #indexTop .quality .qualityTit{
margin-bottom:4.375vw
}
#top #indexTop .quality .qualityTit .img{
width:17.01389vw
}
#top #indexTop .quality .qualityLead{
font-size:2rem;
font-size:1.38889vw;
font-weight:500;
line-height:2;
letter-spacing:.8px;
text-align:center;
margin-bottom:3.61111vw
}
#top #indexTop .quality .flex{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#top #indexTop .quality .flex .pointBox{
max-width:49%;
width:100%;
margin-bottom:1.38889vw;
position:relative
}
#top #indexTop .quality .flex .pointBox:last-of-type,
#top #indexTop .quality .flex .pointBox:nth-last-of-type(2){
margin-bottom:0
}
#top #indexTop .quality .flex .pointBox a{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
width:100%;
background-color:#fff;
padding-top:1.25vw;
padding-right:1.38889vw;
padding-bottom:1.25vw;
padding-left:1.94444vw;
border-radius:5px;
position:relative;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
#top #indexTop .quality .flex .pointBox a::after{
content:"";
display:block;
width:2.77778vw;
height:1.04167vw;
background-image:url(/common/img/common/red_arrow.svg);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
position:absolute;
left:1.73611vw;
bottom:1.73611vw
}
#top #indexTop .quality .flex .pointBox a:hover{
background-color:#e60012
}
#top #indexTop .quality .flex .pointBox a:hover::after{
background-image:url(/common/img/common/white_arrow.svg)
}
#top #indexTop .quality .flex .pointBox a:hover .point{
color:#e60012;
background-color:#fff
}
#top #indexTop .quality .flex .pointBox a:hover .pointBoxTit{
color:#fff
}
#top #indexTop .quality .flex .pointBox a:hover small{
color:#fff
}
#top #indexTop .quality .flex .pointBox .point{
position:absolute;
top:0;
left:0;
font-size:2rem;
font-size:1.38889vw;
font-weight:500;
line-height:1.15;
letter-spacing:.5px;
text-align:center;
color:#fff;
padding-top:.41667vw;
padding-right:1.11111vw;
padding-bottom:.41667vw;
padding-left:1.11111vw;
background-color:#acd598;
border-radius:4px 0 4px 0
}
#top #indexTop .quality .flex .pointBox .point.blue{
background-color:#7ecef4
}
#top #indexTop .quality .flex .pointBox .point.pink{
background-color:#f29c9f
}
#top #indexTop .quality .flex .pointBox .point.orange{
background-color:#facd89
}
#top #indexTop .quality .flex .pointBox .pointBoxTit{
font-size:2.4rem;
font-size:1.66667vw;
font-weight:700;
line-height:1.44;
letter-spacing:.6px;
color:#e60012
}
#top #indexTop .quality .flex .pointBox .pointBoxTit span{
display:block;
font-size:1.6rem;
font-size:1.11111vw;
letter-spacing:.4px
}
#top #indexTop .quality .flex .pointBox small{
display:block;
font-size:1.2rem;
font-size:.83333vw;
font-weight:500;
line-height:1.44;
letter-spacing:.6px;
color:#e60012;
margin-top:.41667vw
}
#top #indexTop .quality .flex .pointBox .imgBox{
width:12.5vw
}
#top #indexTop .product{
padding-top:6.25vw;
padding-bottom:6.25vw
}
#top #indexTop .product .productTit{
margin-bottom:3.88889vw
}
#top #indexTop .product .productTit .img{
width:18.125vw
}
#top #indexTop .product .productTit .img::after{
margin-top:2.77778vw
}
#top #indexTop .product img{
margin:0 auto
}
#top #indexTop .product .flex{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
background-image:url(/common/img/index/product_back@2x.png);
background-position:right bottom;
background-repeat:no-repeat;
background-size:12%
}
#top #indexTop .product .productBox01{
max-width:42%;
width:100%;
padding-right:3.40278vw
}
#top #indexTop .product .productBox02{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:58%;
width:100%
}
#top #indexTop .product .productBox02 .productItem{
margin-bottom:1.38889vw
}
#top #indexTop .product .productBox03{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:58%;
width:100%;
margin-top:2.56944vw
}
#top #indexTop .product .productBox04{
max-width:42%;
width:100%
}
#top #indexTop .product .productItem{
max-width:48.3%;
width:100%;
border-radius:5px;
background-color:#fff;
overflow:hidden
}
#top #indexTop .product .productItem img{
width:100%
}
#top #indexTop .product .productItem a{
display:block;
width:100%;
height:100%;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
#top #indexTop .product .productItem a:hover{
background-color:#e60012
}
#top #indexTop .product .productItem a:hover .productItemTit{
color:#fff
}
#top #indexTop .product .productItem a:hover .productItemTit::after{
background-image:url(/common/img/common/white_arrow.svg)
}
#top #indexTop .product .productItem .productItemTit{
font-size:1.8rem;
font-size:1.25vw;
font-weight:500;
line-height:1.33;
letter-spacing:.45px;
color:#e60012;
padding-top:.97222vw;
padding-right:1.04167vw;
padding-bottom:1.25vw;
padding-left:1.38889vw;
position:relative
}
#top #indexTop .product .productItem .productItemTit::after{
content:"";
display:block;
width:2.77778vw;
height:1.04167vw;
background-image:url(/common/img/common/red_arrow.svg);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
position:absolute;
right:.69444vw;
bottom:1.73611vw
}
#top #indexTop .product .productTxt{
font-size:2rem;
font-size:1.38889vw;
font-weight:500;
line-height:2;
letter-spacing:1px;
padding-left:2.84722vw
}
#top #indexTop .diagnosis{
background-image:url(/common/img/index/diagnosis_back@2x.jpg);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
padding-top:2.15278vw;
padding-bottom:2.5vw
}
#top #indexTop .diagnosis .diagnosisTit{
width:41.38889vw;
margin:0 auto;
margin-bottom:1.59722vw
}
#top #indexTop .features{
padding-top:9.72222vw;
background-image:url(/common/img/index/features_back.png);
background-repeat:no-repeat;
background-position:top 51px left;
background-size:35.3%
}
#top #indexTop .features .featuresTit{
margin-bottom:5.27778vw
}
#top #indexTop .features .featuresTit .img{
width:19.79167vw
}
#top #indexTop .features .featuresTit .img::after{
margin-top:2.77778vw
}
#top #indexTop .features .flex{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
#top #indexTop .features .featuresBox{
max-width:40%;
width:100%;
border-radius:5px;
background-color:#fff;
overflow:hidden;
margin-right:1%
}
#top #indexTop .features .featuresBox:last-of-type{
margin-right:0
}
#top #indexTop .features .featuresBox img{
width:100%
}
#top #indexTop .features .featuresBox a{
position:relative;
display:block;
width:100%;
height:100%;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
#top #indexTop .features .featuresBox a:hover{
background-color:#e60012
}
#top #indexTop .features .featuresBox a:hover .featuresBoxTit{
color:#fff
}
#top #indexTop .features .featuresBox a:hover .featuresBoxTit::after{
background-image:url(/common/img/common/white_arrow.svg)
}
#top #indexTop .features .featuresBox .featuresBoxTit{
font-size:2.4rem;
font-size:1.66667vw;
font-weight:700;
line-height:1.33;
letter-spacing:.6px;
text-align:left;
color:#e60012;
padding-top:.83333vw;
padding-right:.97222vw;
padding-bottom:3.47222vw;
padding-left:.97222vw
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
content:"";
display:block;
width:2.77778vw;
height:1.04167vw;
background-image:url(/common/img/common/red_arrow.svg);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
position:absolute;
right:.97222vw;
bottom:1.38889vw
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
display:block;
font-size:1.8rem;
font-size:1.25vw;
font-weight:500;
letter-spacing:.45px;
padding-top:.41667vw
}
#top #indexTop .qa{
padding-top:6.25vw;
padding-bottom:6.94444vw;
background-image:url(/common/img/index/qa_back.png);
background-repeat:no-repeat;
background-position:top right 20px;
background-size:36.9%
}
#top #indexTop .qa .qaTit{
margin-bottom:3.88889vw
}
#top #indexTop .qa .qaTit .img{
width:10.76389vw
}
#top #indexTop .qa .qaTit .img::after{
margin-top:1.59722vw
}
#top #indexTop .qa .qaList{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
#top #indexTop .qa .qaList .qaListCon{
max-width:18%;
width:100%;
padding-top:18%;
font-size:1.6rem;
font-size:1.11111vw;
line-height:1.5;
letter-spacing:.4px;
text-align:center;
color:#fff;
position:relative
}
#top #indexTop .qa .qaList .qaListCon:nth-of-type(even) a{
background-color:#3c2d23
}
#top #indexTop .qa .qaList .qaListCon a{
width:100%;
height:100%;
background-color:#c85555;
color:inherit;
padding:20px 0 0;
border-radius:100%;
position:absolute;
top:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
#top #indexTop .qa .qaList .qaListCon a::before{
content:"";
display:block;
width:100%;
height:4.86111vw;
margin:0 auto 11px;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
#top #indexTop .qa .qaList .qaListCon a::after{
content:"";
display:block;
width:2.77778vw;
height:1.04167vw;
background-image:url(/common/img/common/white_arrow.svg);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
bottom:20px
}
#top #indexTop .qa .qaList .qaListCon a:hover{
background-color:#fff;
color:#c85555;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
#top #indexTop .qa .qaList .qaListCon a:hover::after{
background-image:url(/common/img/common/pink_arrow.svg)
}
#top #indexTop .qa .qaList .qaListCon.qa01 a::before{
background-image:url(/common/img/index/qa_icon_01@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa01 a:hover::before{
background-image:url(/common/img/index/qa_icon_01_hover@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa02 a::before{
background-image:url(/common/img/index/qa_icon_02@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa02 a:hover::before{
background-image:url(/common/img/index/qa_icon_02_hover@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa03 a::before{
background-image:url(/common/img/index/qa_icon_03@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa03 a:hover::before{
background-image:url(/common/img/index/qa_icon_03_hover@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa04 a::before{
background-image:url(/common/img/index/qa_icon_04@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa04 a:hover::before{
background-image:url(/common/img/index/qa_icon_04_hover@2x.png)
}
#top #indexTop .qa .qaList .qaListCon.qa05 a::before{
background-image:url(/common/img/index/qa_icon_05@2x.png);
margin-bottom:0
}
#top #indexTop .qa .qaList .qaListCon.qa05 a:hover::before{
background-image:url(/common/img/index/qa_icon_05_hover@2x.png)
}
#top #indexTop .brand {
padding-top:2.8vw;
margin-bottom: 6.736vw;
}
#top #indexTop .topics{
padding-top:6.25vw;
padding-bottom:3.47222vw;
background-image:url(/common/img/common/bg02.jpg)
}
#top #indexTop .brand .brandTit,
#top #indexTop .topics .topicsTit{
margin-bottom:3.75vw
}
#top #indexTop .brand .brandTit .img{
width:14.097222vw
}
#top #indexTop .topics .topicsTit .img{
width:15.20833vw
}
#top #indexTop .brand .brandTit .img::after,
#top #indexTop .topics .topicsTit .img::after{
margin-top:1.59722vw
}
#top #indexTop .brand .flex,
#top #indexTop .topics .flex{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between
}
#top #indexTop .brand .flex .ban,
#top #indexTop .topics .flex .ban{
max-width:48.9%;
width:100%
}
#top #indexTop .brand .flex .ban img,
#top #indexTop .topics .flex .ban img{
width:100%
}
#top #indexTop .brand .flex a,
#top #indexTop .topics .flex a{
display:block
}
#top #indexTop .news{
padding-top:8.88889vw;
padding-bottom:6.94444vw
}
#top #indexTop .news .newsBox{
position:relative;
background-color:#fff;
padding-top:5.06944vw;
padding-right:3.47222vw;
padding-bottom:5.55556vw;
padding-left:3.47222vw
}
#top #indexTop .news .newsTit{
position:absolute;
top:-2.08333vw;
left:2.77778vw
}
#top #indexTop .news .newsTit .img{
width:12.08333vw;
margin-bottom:.69444vw
}
#top #indexTop .news .newsTit .img::before{
display:none
}
#top #indexTop .news .newsTit .img::after{
display:none
}
#top #indexTop .news .newsTit .newsSubTit{
font-size:2.2rem;
font-size:1.52778vw;
letter-spacing:1.65px
}
#top #indexTop .news .newsList{
border-bottom:solid 2px rgba(235,220,210,.5);
margin-bottom:3.33333vw
}
#top #indexTop .news .newsList .newsListCon{
font-size:1.6rem;
font-size:1.11111vw;
line-height:1.5;
letter-spacing:.8px;
text-align:left;
border-top:solid 2px rgba(235,220,210,.5);
padding-top:1.73611vw;
padding-right:1.38889vw;
padding-bottom:1.73611vw;
padding-left:1.38889vw
}
#top #indexTop .news .newsList .newsListCon a{
position:relative;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
#top #indexTop .news .newsList .newsListCon a::after{
content:"";
display:inline-block;
width:100%;
height:1px;
background-color:#c85555;
position:absolute;
left:0;
bottom:0;
opacity:0;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
#top #indexTop .news .newsList .newsListCon a:hover{
color:#c85555
}
#top #indexTop .news .newsList .newsListCon a:hover::after{
opacity:1
}
#top #indexTop .news .newsList .newsListCon span{
letter-spacing:normal;
padding-right:1.73611vw
}
#top #indexTop .news .newsList .newsListCon:first-of-type{
border-top:none
}
#top #indexTop .loopImgSlide{
padding-top:1.04167vw;
padding-bottom:.69444vw;
background-color:#fff;
opacity:0;
-webkit-transition:opacity .6s ease-out;
transition:opacity .6s ease-out
}
#top #indexTop .loopImgSlide.slick-initialized{
opacity:1
}
#top #indexTop .loopImgSlide .loopImg{
max-width:180px;
border-radius:10px;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#top #indexTop .loopImgSlide .loopImg img{
width:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#top #indexTop .loopImgSlide .slick-slide{
max-width:180px;
padding:0 7px;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#top #indexTop .snsArea{
padding-top:3.95833vw;
padding-bottom:4.16667vw;
background-color:#c85555
}
#top #indexTop .snsArea .snsAreaTit{
font-size:2.6rem;
font-size:1.80556vw;
font-weight:700;
line-height:1.08;
letter-spacing:1.3px;
text-align:center;
color:#fff;
margin-bottom:1.38889vw
}
#top #indexTop .snsArea .snsAreaTxt{
font-size:2rem;
font-size:1.38889vw;
font-weight:500;
line-height:1.4;
letter-spacing:1px;
text-align:center;
color:#fefefe;
margin-bottom:1.52778vw
}
#top #indexTop .snsArea .snsBox{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
flex-wrap: wrap;
width: 75%;
margin: auto;
}
@media screen and (max-width:767px){
	#top #indexTop .snsArea .snsBox{
		width: 100%;
	}
}
#top #indexTop .snsArea .snsBox .sns{
font-size:2.8rem;
font-size:1.94444vw;
font-weight:500;
line-height:1.6;
letter-spacing:normal;
text-align:left;
margin:0 15px
}
#top #indexTop .snsArea .snsBox .sns:nth-child(n + 3){
margin-top: 2.777777vw;
}
#top #indexTop .snsArea .snsBox .sns a{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
padding-top:1.11111vw;
padding-right:2.63889vw;
padding-bottom:1.11111vw;
padding-left:2.63889vw;
background-color:#fff;
border-radius:80px
}
#top #indexTop .snsArea .snsBox .sns img{
width:2.77778vw;
margin-right:.83333vw
}
@media screen and (max-width:767px){
#top #indexTop{
padding-top:16vw
}
#top #indexTop .mainview{
padding-top:9.6vw;
padding-bottom:3.6vw
}
#top #indexTop .mainview .mainviewSlide .slick-slide{
padding-right:4.66667vw;
padding-left:4.66667vw
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg{
-webkit-transform:none;
transform:none
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg img{
width:100%
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg.movie iframe{
	width: 100%;
	height: auto;
}
/*
#moviemodal .innerbox{
	padding:60px 0;
	width: 100%;
}
#moviemodal .innerbox iframe{
	width: 100%;
	height: 56.2827vw;
}
#moviemodal .innerbox .close{
	top: 0;
	right: 0;
}
*/
#top #indexTop .mainview .mainviewSlide .slick-center .mainviewSlideImg{
-webkit-transform:none;
transform:none
}
#top #indexTop .mainview .mainviewSlideDots{
margin-top:3.33333vw
}
#top #indexTop .mainview .mainviewSlideDots li{
margin-right:2vw;
margin-left:2vw
}
#top #indexTop .mainview .mainviewSlideDots li button{
width:2.66667vw;
height:2.66667vw
}
#top #indexTop .mainview .mainviewScroll p{
font-size:1.86667vw
}
#top #indexTop .topNews::after{
height:1px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
font-size:2.66667vw
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
font-size:3.6rem;
font-size:2.5vw;
letter-spacing:.9px;
padding-top:3.33333vw;
padding-right:5.86667vw;
padding-bottom:3.33333vw;
padding-left:1.73333vw;
border:none
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
font-size:2.13333vw
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
font-size:2.4rem;
font-size:1.66667vw;
letter-spacing:.6px;
padding-top:3.33333vw;
padding-bottom:3.33333vw;
padding-left:0
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea .topNewsTxt{
vertical-align:middle
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea .data{
letter-spacing:1.2px;
padding-right:2.66667vw
}
#top #indexTop .concept{
padding-top:16vw;
padding-bottom:13.6vw
}
#top #indexTop .concept::after{
top:-4.93333vw;
height:100vw;
background-image:url(/common/img/index/concept_back_sp@2x.png);
background-position:top center;
background-size:cover
}
#top #indexTop .concept .conceptTit{
font-size:3.46667vw
}
#top #indexTop .concept .conceptTit{
font-size:3.6rem;
font-size:2.5vw;
letter-spacing:.45px;
margin-bottom:6.93333vw
}
#top #indexTop .concept .conceptLead{
font-size:3.06667vw
}
#top #indexTop .concept .conceptLead{
font-size:2.6rem;
font-size:1.80556vw;
line-height:2.12;
letter-spacing:normal
}
#top #indexTop .quality{
padding-top:13.6vw;
padding-bottom:8.13333vw
}
#top #indexTop .quality .qualityTit{
margin-bottom:7.33333vw
}
#top #indexTop .quality .qualityTit .img{
width:28vw
}
#top #indexTop .quality .qualityLead{
font-size:2.66667vw
}
#top #indexTop .quality .qualityLead{
font-size:2.6rem;
font-size:1.80556vw;
ine-height:1.69;
letter-spacing:1.04px;
margin-bottom:9.33333vw
}
#top #indexTop .quality .flex .pointBox{
max-width:100%;
margin-bottom:2.66667vw
}
#top #indexTop .quality .flex .pointBox:nth-last-of-type(2){
margin-bottom:2.66667vw
}
#top #indexTop .quality .flex .pointBox a{
padding-top:2.66667vw;
padding-right:4.66667vw;
padding-bottom:2.66667vw;
padding-left:4.66667vw
}
#top #indexTop .quality .flex .pointBox a:hover::after{
background-image:url(/common/img/common/white_arrow_sp.svg)
}
#top #indexTop .quality .flex .pointBox a::after{
width:4.66667vw;
height:1.86667vw;
background-image:url(/common/img/common/red_arrow_sp.svg);
left:4.93333vw;
bottom:4vw
}
#top #indexTop .quality .flex .pointBox .point{
font-size:2.66667vw
}
#top #indexTop .quality .flex .pointBox .point{
font-size:2.4rem;
font-size:1.66667vw;
letter-spacing:.3px;
padding-top:1.33333vw;
padding-right:2.66667vw;
padding-bottom:1.33333vw;
padding-left:2.66667vw
}
#top #indexTop .quality .flex .pointBox .pointBoxTit{
font-size:3.2vw
}
#top #indexTop .quality .flex .pointBox .pointBoxTit span{
font-size:2.13333vw
}
#top #indexTop .quality .flex .pointBox .pointBoxTit{
font-size:3.6rem;
font-size:2.5vw;
line-height:1.38;
letter-spacing:.45px
}
#top #indexTop .quality .flex .pointBox .pointBoxTit span{
font-size:2.6rem;
font-size:1.80556vw;
letter-spacing:.32px
}
#top #indexTop .quality .flex .pointBox small{
font-size:1.6vw
}
#top #indexTop .quality .flex .pointBox small{
font-size:2rem;
font-size:1.38889vw;
line-height:1.35;
letter-spacing:normal;
margin-top:.8vw
}
#top #indexTop .quality .flex .pointBox .txtBox{
width:51.33333vw
}
#top #indexTop .quality .flex .pointBox .imgBox{
width:28vw
}
#top #indexTop .product{
padding-top:8.13333vw;
padding-bottom:9.333333vw
}
#top #indexTop .product .productTit{
margin-bottom:7.46667vw
}
#top #indexTop .product .productTit .img{
width:29.86667vw
}
#top #indexTop .product .productTit .img::after{
margin-top:3.33333vw
}
#top #indexTop .product .flex{
background-image:none
}
#top #indexTop .product .productBox01{
max-width:100%;
padding-right:0;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1
}
#top #indexTop .product .productBox01 .productImage{
display:none
}
#top #indexTop .product .productBox02{
max-width:100%;
margin-bottom:4vw;
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2
}
#top #indexTop .product .productBox02 .productItem{
margin-bottom:2.66667vw
}
#top #indexTop .product .productBox03{
max-width:100%;
margin-top:0;
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4
}
#top #indexTop .product .productBox04{
max-width:100%;
margin-bottom:6.66667vw;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
background-image:url(/common/img/index/product_back@2x.png);
background-position:right 10.5% bottom;
background-repeat:no-repeat;
background-size:20%
}
#top #indexTop .product .productItem a:hover .productItemTit::after{
background-image:url(/common/img/common/white_arrow_sp.svg)
}
#top #indexTop .product .productItem .productItemTit{
font-size:2.4vw
}
#top #indexTop .product .productItem .productItemTit{
font-size:2.4rem;
font-size:1.66667vw;
line-height:1;
letter-spacing:normal;
padding-top:3.06667vw;
padding-right:2vw;
padding-bottom:3.86667vw;
padding-left:2.66667vw
}
#top #indexTop .product .productItem .productItemTit::after{
width:4.66667vw;
height:2vw;
background-image:url(/common/img/common/red_arrow_sp.svg);
right:2vw;
bottom:4.26667vw
}
#top #indexTop .product .productTxt{
font-size:2.66667vw
}
#top #indexTop .product .productTxt{
font-size:2.6rem;
font-size:1.80556vw;
line-height:1.69;
letter-spacing:.65px;
padding-left:3.33333vw
}
#top #indexTop .diagnosis{
background-image:url(/common/img/index/diagnosis_back_sp@2x.jpg);
padding-top:5.86667vw;
padding-bottom:5.73333vw
}
#top #indexTop .diagnosis .diagnosisTit{
width:77.6vw;
margin-bottom:4.4vw
}
#top #indexTop .features{
padding-top:16.4vw;
padding-bottom:0;
background-position:top 15px left -40%;
background-size:55%
}
#top #indexTop .features .featuresTit{
margin-bottom:7.33333vw
}
#top #indexTop .features .featuresTit .img{
width:32.4vw
}
#top #indexTop .features .featuresTit .img::after{
margin-top:3.2vw
}
#top #indexTop .features .flex{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#top #indexTop .features .featuresBox{
max-width:49%;
margin-right:2%;
margin-top:4vw
}
#top #indexTop .features .featuresBox:nth-of-type(2n){
margin-right:0
}
#top #indexTop .features .featuresBox:first-of-type,
#top #indexTop .features .featuresBox:nth-of-type(2){
margin-top:0
}
#top #indexTop .features .featuresBox a:hover .featuresBoxTit::after{
background-image:url(/common/img/common/white_arrow_sp.svg)
}
#top #indexTop .features .featuresBox .featuresBoxTit{
font-size:3.2vw
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
font-size:2.4vw
}
#top #indexTop .features .featuresBox .featuresBoxTit{
font-weight:700;
letter-spacing:-.6px;
padding-top:2.13333vw;
padding-right:2.66667vw;
padding-bottom:6vw;
padding-left:2.66667vw
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
width:4.66667vw;
height:1.86667vw;
background-image:url(/common/img/common/red_arrow_sp.svg);
right:1.6vw;
bottom:2vw
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
font-size:2rem;
font-size:1.38889vw;
letter-spacing:-.6px;
padding-top:.53333vw
}
#top #indexTop .qa{
padding-top:28.53333vw;
padding-bottom:12vw;
background-position:top right -12%;
background-size:50%
}
#top #indexTop .qa .qaTit{
margin-bottom:7.46667vw
}
#top #indexTop .qa .qaTit .img{
width:17.86667vw
}
#top #indexTop .qa .qaTit .img::after{
margin-top:1.46667vw
}
#top #indexTop .qa .qaList{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#top #indexTop .qa .qaList .qaListCon{
font-size:2.13333vw
}
#top #indexTop .qa .qaList .qaListCon{
max-width:32%;
padding-top:32%;
font-size:2.2rem;
font-size:1.52778vw;
line-height:1.36;
letter-spacing:normal;
margin:0 2% 0 0
}
#top #indexTop .qa .qaList .qaListCon:nth-of-type(3n){
margin-right:0
}
#top #indexTop .qa .qaList .qaListCon a{
padding-top:4vw
}
#top #indexTop .qa .qaList .qaListCon a::before{
height:10.66667vw;
margin-bottom:1.6vw
}
#top #indexTop .qa .qaList .qaListCon a::after{
width:4.66667vw;
height:1.86667vw;
background-image:url(/common/img/common/white_arrow_sp.svg);
bottom:4vw
}
#top #indexTop .qa .qaList .qaListCon a:hover::after{
background-image:url(/common/img/common/pink_arrow_sp.svg)
}
#top #indexTop .brand{
padding-top:4vw;
margin-bottom: 14.666666vw;
}
#top #indexTop .topics{
padding-top:10.66667vw;
padding-bottom:7.333333vw
}
#top #indexTop .brand .brandTit,
#top #indexTop .topics .topicsTit{
margin-bottom:7.46667vw
}
#top #indexTop .brand .brandTit .img{
width:23.2vw
}
#top #indexTop .topics .topicsTit .img{
width:25.2vw
}
#top #indexTop .brand .brandTit .img::after,
#top #indexTop .topics .topicsTit .img::after{
margin-top:1.46667vw
}
#top #indexTop .brand .flex,
#top #indexTop .topics .flex{
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
#top #indexTop .brand .flex .ban,
#top #indexTop .topics .flex .ban{
max-width:100%;
-webkit-box-flex:0;
-webkit-flex:0 0 auto;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:100%;
margin:0 auto;
margin-bottom:8vw
}
#top #indexTop .brand .flex .ban:last-child,
#top #indexTop .topics .flex .ban:last-child{
margin-bottom:0
}
#top #indexTop .news{
padding-top:14.93333vw;
padding-bottom:12vw
}
#top #indexTop .news .newsBox{
padding-top:13.33333vw;
padding-right:2.66667vw;
padding-bottom:8.26667vw;
padding-left:2.66667vw
}
#top #indexTop .news .newsTit .newsSubTit{
font-size:2.93333vw
}
#top #indexTop .news .newsTit{
top:-2.66667vw;
left:2.66667vw
}
#top #indexTop .news .newsTit .img{
width:23.2vw;
margin-bottom:2.26667vw
}
#top #indexTop .news .newsTit .newsSubTit{
font-size:2.4rem;
font-size:1.66667vw;
letter-spacing:.3px
}
#top #indexTop .news .newsList .newsListCon{
font-size:2.13333vw
}
#top #indexTop .news .newsList{
margin-bottom:6.66667vw
}
#top #indexTop .news .newsList .newsListCon{
font-size:2.6rem;
font-size:1.80556vw;
line-height:1.8;
letter-spacing:normal;
padding-top:3.33333vw;
padding-right:0;
padding-bottom:3.33333vw;
padding-left:0
}
#top #indexTop .news .newsList .newsListCon span{
display:block;
font-size:2.4rem;
font-size:1.66667vw;
letter-spacing:.94px;
padding-right:0
}
#top #indexTop .loopImgSlide{
padding-top:2vw;
padding-bottom:1.33333vw
}
#top #indexTop .snsArea{
padding-top:7.2vw;
padding-bottom:7.46667vw
}
#top #indexTop .snsArea .snsAreaTit{
font-size:3.46667vw
}
#top #indexTop .snsArea .snsAreaTit{
font-size:3.6rem;
font-size:2.5vw;
line-height:1.11;
letter-spacing:.72px;
margin-bottom:3.33333vw
}
#top #indexTop .snsArea .snsAreaTxt{
font-size:2.66667vw
}
#top #indexTop .snsArea .snsAreaTxt{
font-size:2.6rem;
font-size:1.80556vw;
line-height:1.69;
letter-spacing:.52px;
margin-bottom:4.26667vw
}
#top #indexTop .snsArea .snsBox .sns{
font-size:3.73333vw
}
#top #indexTop .snsArea .snsBox .sns{
margin-right:1.33333vw;
margin-left:1.33333vw
}
#top #indexTop .snsArea .snsBox .sns a{
padding-top:2.13333vw;
padding-right:5.33333vw;
padding-bottom:2.13333vw;
padding-left:5.33333vw
}
#top #indexTop .snsArea .snsBox .sns img{
width:5.33333vw;
margin-right:1.6vw
}
}
@media screen and (max-width:1023px){
#moviemodal .innerbox{
	padding:60px 0;
	width: 100%;
}
#moviemodal .innerbox iframe{
	width: 100%;
	height: 56.2827vw;
}
#moviemodal .innerbox .close{
	top: 0;
	right: 0;
}
}
@media (orientation: landscape) and (max-width:1023px){
#moviemodal .innerbox{
	padding:40px 100px;
	width: unset;
}
#moviemodal .innerbox iframe{
	width: 50vw;
	height: calc(50vw * 0.562827);
}
#moviemodal .innerbox .close{
	top: 35px;
	right: 15px;
}
}
@media screen and (max-width:767px) and (min-width:1440px){
#top #indexTop{
padding-top:120px
}
#top #indexTop .mainview{
padding-top:72px
}
#top #indexTop .mainview{
padding-bottom:27px
}
#top #indexTop .mainview .mainviewSlide .slick-slide{
padding-right:35px
}
#top #indexTop .mainview .mainviewSlide .slick-slide{
padding-left:35px
}
#top #indexTop .mainview .mainviewSlideDots{
margin-top:25px
}
#top #indexTop .mainview .mainviewSlideDots li{
margin-right:15px
}
#top #indexTop .mainview .mainviewSlideDots li{
margin-left:15px
}
#top #indexTop .mainview .mainviewSlideDots li button{
width:20px
}
#top #indexTop .mainview .mainviewSlideDots li button{
height:20px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
font-size:3.6rem
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-top:25px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-right:44px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-bottom:25px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-left:13px
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
font-size:2.4rem
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
padding-top:25px
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
padding-bottom:25px
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
padding-left:0
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea .data{
padding-right:20px
}
#top #indexTop .concept{
padding-top:120px
}
#top #indexTop .concept{
padding-bottom:102px
}
#top #indexTop .concept::after{
top:-37px
}
#top #indexTop .concept::after{
height:750px
}
#top #indexTop .concept .conceptTit{
font-size:3.6rem
}
#top #indexTop .concept .conceptTit{
margin-bottom:52px
}
#top #indexTop .concept .conceptLead{
font-size:2.6rem
}
#top #indexTop .quality{
padding-top:102px
}
#top #indexTop .quality{
padding-bottom:61px
}
#top #indexTop .quality .qualityTit{
margin-bottom:55px
}
#top #indexTop .quality .qualityTit .img{
width:210px
}
#top #indexTop .quality .qualityLead{
font-size:2.6rem
}
#top #indexTop .quality .qualityLead{
margin-bottom:70px
}
#top #indexTop .quality .flex .pointBox{
margin-bottom:20px
}
#top #indexTop .quality .flex .pointBox:nth-last-of-type(2){
margin-bottom:20px
}
#top #indexTop .quality .flex .pointBox a{
padding-top:20px
}
#top #indexTop .quality .flex .pointBox a{
padding-right:35px
}
#top #indexTop .quality .flex .pointBox a{
padding-bottom:20px
}
#top #indexTop .quality .flex .pointBox a{
padding-left:35px
}
#top #indexTop .quality .flex .pointBox a::after{
width:35px
}
#top #indexTop .quality .flex .pointBox a::after{
height:14px
}
#top #indexTop .quality .flex .pointBox a::after{
left:37px
}
#top #indexTop .quality .flex .pointBox a::after{
bottom:30px
}
#top #indexTop .quality .flex .pointBox .point{
font-size:2.4rem
}
#top #indexTop .quality .flex .pointBox .point{
padding-top:10px
}
#top #indexTop .quality .flex .pointBox .point{
padding-right:20px
}
#top #indexTop .quality .flex .pointBox .point{
padding-bottom:10px
}
#top #indexTop .quality .flex .pointBox .point{
padding-left:20px
}
#top #indexTop .quality .flex .pointBox .pointBoxTit{
font-size:3.6rem
}
#top #indexTop .quality .flex .pointBox .pointBoxTit span{
font-size:2.6rem
}
#top #indexTop .quality .flex .pointBox small{
font-size:2rem
}
#top #indexTop .quality .flex .pointBox small{
margin-top:6px
}
#top #indexTop .quality .flex .pointBox .txtBox{
width:385px
}
#top #indexTop .quality .flex .pointBox .imgBox{
width:210px
}
#top #indexTop .product{
padding-top:61px
}
#top #indexTop .product{
padding-bottom:90px
}
#top #indexTop .product .productTit{
margin-bottom:56px
}
#top #indexTop .product .productTit .img{
width:224px
}
#top #indexTop .product .productTit .img::after{
margin-top:25px
}
#top #indexTop .product .productBox01{
padding-right:0
}
#top #indexTop .product .productBox02{
margin-bottom:30px
}
#top #indexTop .product .productBox02 .productItem{
margin-bottom:20px
}
#top #indexTop .product .productBox03{
margin-top:0
}
#top #indexTop .product .productBox04{
margin-bottom:50px
}
#top #indexTop .product .productItem .productItemTit{
font-size:2.4rem
}
#top #indexTop .product .productItem .productItemTit{
padding-top:23px
}
#top #indexTop .product .productItem .productItemTit{
padding-right:15px
}
#top #indexTop .product .productItem .productItemTit{
padding-bottom:29px
}
#top #indexTop .product .productItem .productItemTit{
padding-left:20px
}
#top #indexTop .product .productItem .productItemTit::after{
width:35px
}
#top #indexTop .product .productItem .productItemTit::after{
height:15px
}
#top #indexTop .product .productItem .productItemTit::after{
right:15px
}
#top #indexTop .product .productItem .productItemTit::after{
bottom:32px
}
#top #indexTop .product .productTxt{
font-size:2.6rem
}
#top #indexTop .product .productTxt{
padding-left:25px
}
#top #indexTop .diagnosis{
padding-top:44px
}
#top #indexTop .diagnosis{
padding-bottom:43px
}
#top #indexTop .diagnosis .diagnosisTit{
width:582px
}
#top #indexTop .diagnosis .diagnosisTit{
margin-bottom:33px
}
#top #indexTop .features{
padding-top:123px
}
#top #indexTop .features{
padding-bottom:0
}
#top #indexTop .features .featuresTit{
margin-bottom:55px
}
#top #indexTop .features .featuresTit .img{
width:243px
}
#top #indexTop .features .featuresTit .img::after{
margin-top:24px
}
#top #indexTop .features .featuresBox{
margin-top:30px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-top:16px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-right:20px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-bottom:45px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-left:20px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
width:35px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
height:14px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
right:12px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
bottom:15px
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
font-size:2rem
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
padding-top:4px
}
#top #indexTop .qa{
padding-top:214px
}
#top #indexTop .qa{
padding-bottom:90px
}
#top #indexTop .qa .qaTit{
margin-bottom:56px
}
#top #indexTop .qa .qaTit .img{
width:134px
}
#top #indexTop .qa .qaTit .img::after{
margin-top:11px
}
#top #indexTop .qa .qaList .qaListCon{
font-size:2.2rem
}
#top #indexTop .qa .qaList .qaListCon a{
padding-top:30px
}
#top #indexTop .qa .qaList .qaListCon a::before{
height:80px
}
#top #indexTop .qa .qaList .qaListCon a::before{
margin-bottom:12px
}
#top #indexTop .qa .qaList .qaListCon a::after{
width:35px
}
#top #indexTop .qa .qaList .qaListCon a::after{
height:14px
}
#top #indexTop .qa .qaList .qaListCon a::after{
bottom:30px
}
#top #indexTop .topics{
padding-top:80px
}
#top #indexTop .topics{
padding-bottom:45px
}
#top #indexTop .topics .topicsTit{
margin-bottom:56px
}
#top #indexTop .topics .topicsTit .img{
width:189px
}
#top #indexTop .topics .topicsTit .img::after{
margin-top:11px
}
#top #indexTop .topics .flex .ban{
margin-bottom:15px
}
#top #indexTop .news{
padding-top:112px
}
#top #indexTop .news{
padding-bottom:90px
}
#top #indexTop .news .newsBox{
padding-top:100px
}
#top #indexTop .news .newsBox{
padding-right:20px
}
#top #indexTop .news .newsBox{
padding-bottom:62px
}
#top #indexTop .news .newsBox{
padding-left:20px
}
#top #indexTop .news .newsTit{
top:-20px
}
#top #indexTop .news .newsTit{
left:20px
}
#top #indexTop .news .newsTit .img{
width:174px
}
#top #indexTop .news .newsTit .img{
margin-bottom:17px
}
#top #indexTop .news .newsTit .newsSubTit{
font-size:2.4rem
}
#top #indexTop .news .newsList{
margin-bottom:50px
}
#top #indexTop .news .newsList .newsListCon{
font-size:2.6rem
}
#top #indexTop .news .newsList .newsListCon{
padding-top:25px
}
#top #indexTop .news .newsList .newsListCon{
padding-right:0
}
#top #indexTop .news .newsList .newsListCon{
padding-bottom:25px
}
#top #indexTop .news .newsList .newsListCon{
padding-left:0
}
#top #indexTop .news .newsList .newsListCon span{
font-size:2.4rem
}
#top #indexTop .news .newsList .newsListCon span{
padding-right:0
}
#top #indexTop .loopImgSlide{
padding-top:15px
}
#top #indexTop .loopImgSlide{
padding-bottom:10px
}
#top #indexTop .snsArea{
padding-top:54px
}
#top #indexTop .snsArea{
padding-bottom:56px
}
#top #indexTop .snsArea .snsAreaTit{
font-size:3.6rem
}
#top #indexTop .snsArea .snsAreaTit{
margin-bottom:25px
}
#top #indexTop .snsArea .snsAreaTxt{
font-size:2.6rem
}
#top #indexTop .snsArea .snsAreaTxt{
margin-bottom:32px
}
#top #indexTop .snsArea .snsBox .sns{
margin-right:10px
}
#top #indexTop .snsArea .snsBox .sns{
margin-left:10px
}
#top #indexTop .snsArea .snsBox .sns a{
padding-top:16px
}
#top #indexTop .snsArea .snsBox .sns a{
padding-right:40px
}
#top #indexTop .snsArea .snsBox .sns a{
padding-bottom:16px
}
#top #indexTop .snsArea .snsBox .sns a{
padding-left:40px
}
#top #indexTop .snsArea .snsBox .sns img{
width:40px
}
#top #indexTop .snsArea .snsBox .sns img{
margin-right:12px
}
}
@media screen and (min-width:1440px){
#top #indexTop .mainview{
padding-top:80px
}
#top #indexTop .mainview{
padding-bottom:35px
}
#top #indexTop .mainview .mainviewSlide .slick-slide .mainviewSlideImg img{
width:800px
}
#top #indexTop .mainview .slick-next,
#top #indexTop .mainview .slick-prev{
width:41px
}
#top #indexTop .mainview .slick-next,
#top #indexTop .mainview .slick-prev{
height:72px
}
#top #indexTop .mainview .slick-prev{
left:250px
}
#top #indexTop .mainview .slick-prev{
left:calc(50% - 480px)
}
#top #indexTop .mainview .slick-next{
right:250px
}
#top #indexTop .mainview .slick-next{
right:calc(50% - 480px)
}
#top #indexTop .mainview .mainviewSlideDots{
margin-top:30px
}
#top #indexTop .mainview .mainviewSlideDots li{
margin-right:15px
}
#top #indexTop .mainview .mainviewSlideDots li{
margin-left:15px
}
#top #indexTop .mainview .mainviewSlideDots li button{
width:20px
}
#top #indexTop .mainview .mainviewSlideDots li button{
height:20px
}
#top #indexTop .mainview .mainviewScroll p{
right:20px
}
#top #indexTop .mainview .mainviewScroll p{
bottom:-15px
}
#top #indexTop .mainview .mainviewScroll p{
font-size:1.4rem
}
#top #indexTop .mainview .mainviewScroll p::before{
width:12px
}
#top #indexTop .mainview .mainviewScroll p::before{
height:12px
}
#top #indexTop .mainview .mainviewScroll p::after{
height:75px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
font-size:2rem
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-top:17px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-right:38px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-bottom:17px
}
#top #indexTop .topNews .topNewsArea .topNewsTit{
padding-left:36px
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
font-size:1.6rem
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
padding-top:17px
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
padding-bottom:17px
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
padding-left:44px
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea .data{
padding-right:24px
}
#top #indexTop .concept{
padding-top:115px
}
#top #indexTop .concept{
padding-bottom:90px
}
#top #indexTop .concept::after{
top:36px
}
#top #indexTop .concept::after{
height:576px
}
#top #indexTop .concept .conceptTit{
font-size:2.6rem
}
#top #indexTop .concept .conceptTit{
margin-bottom:52px
}
#top #indexTop .concept .conceptLead{
font-size:2.3rem
}
#top #indexTop .quality{
padding-top:90px
}
#top #indexTop .quality{
padding-bottom:100px
}
#top #indexTop .quality .qualityTit{
margin-bottom:63px
}
#top #indexTop .quality .qualityTit .img{
width:245px
}
#top #indexTop .quality .qualityLead{
font-size:2rem
}
#top #indexTop .quality .qualityLead{
margin-bottom:52px
}
#top #indexTop .quality .flex .pointBox{
margin-bottom:20px
}
#top #indexTop .quality .flex .pointBox a{
padding-top:18px
}
#top #indexTop .quality .flex .pointBox a{
padding-right:20px
}
#top #indexTop .quality .flex .pointBox a{
padding-bottom:18px
}
#top #indexTop .quality .flex .pointBox a{
padding-left:28px
}
#top #indexTop .quality .flex .pointBox a::after{
width:40px
}
#top #indexTop .quality .flex .pointBox a::after{
height:15px
}
#top #indexTop .quality .flex .pointBox a::after{
left:25px
}
#top #indexTop .quality .flex .pointBox a::after{
bottom:25px
}
#top #indexTop .quality .flex .pointBox .point{
font-size:2rem
}
#top #indexTop .quality .flex .pointBox .point{
padding-top:6px
}
#top #indexTop .quality .flex .pointBox .point{
padding-right:16px
}
#top #indexTop .quality .flex .pointBox .point{
padding-bottom:6px
}
#top #indexTop .quality .flex .pointBox .point{
padding-left:16px
}
#top #indexTop .quality .flex .pointBox .pointBoxTit{
font-size:2.4rem
}
#top #indexTop .quality .flex .pointBox .pointBoxTit span{
font-size:1.6rem
}
#top #indexTop .quality .flex .pointBox small{
font-size:1.2rem
}
#top #indexTop .quality .flex .pointBox small{
margin-top:6px
}
#top #indexTop .quality .flex .pointBox .imgBox{
width:180px
}
#top #indexTop .product{
padding-top:90px
}
#top #indexTop .product{
/*padding-bottom:200px*/
}
#top #indexTop .product .productTit{
margin-bottom:56px
}
#top #indexTop .product .productTit .img{
width:261px
}
#top #indexTop .product .productTit .img::after{
margin-top:40px
}
#top #indexTop .product .productBox01{
padding-right:49px
}
#top #indexTop .product .productBox02 .productItem{
margin-bottom:20px
}
#top #indexTop .product .productBox03{
margin-top:37px
}
#top #indexTop .product .productItem .productItemTit{
font-size:1.8rem
}
#top #indexTop .product .productItem .productItemTit{
padding-top:14px
}
#top #indexTop .product .productItem .productItemTit{
padding-right:15px
}
#top #indexTop .product .productItem .productItemTit{
padding-bottom:18px
}
#top #indexTop .product .productItem .productItemTit{
padding-left:20px
}
#top #indexTop .product .productItem .productItemTit::after{
width:40px
}
#top #indexTop .product .productItem .productItemTit::after{
height:15px
}
#top #indexTop .product .productItem .productItemTit::after{
right:10px
}
#top #indexTop .product .productItem .productItemTit::after{
bottom:25px
}
#top #indexTop .product .productTxt{
font-size:2rem
}
#top #indexTop .product .productTxt{
padding-left:41px
}
#top #indexTop .diagnosis{
padding-top:31px
}
#top #indexTop .diagnosis{
padding-bottom:36px
}
#top #indexTop .diagnosis .diagnosisTit{
width:596px
}
#top #indexTop .diagnosis .diagnosisTit{
margin-bottom:23px
}
#top #indexTop .features{
padding-top:140px
}
#top #indexTop .features{
/*padding-bottom:70px*/
}
#top #indexTop .features{
background-position:top 81px left calc(50% - 480px);
background-size:auto
}
#top #indexTop .features .featuresTit{
margin-bottom:76px
}
#top #indexTop .features .featuresTit .img{
width:285px
}
#top #indexTop .features .featuresTit .img::after{
margin-top:40px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
font-size:2.4rem
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-top:12px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-right:14px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-bottom:50px
}
#top #indexTop .features .featuresBox .featuresBoxTit{
padding-left:14px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
width:40px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
height:15px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
right:14px
}
#top #indexTop .features .featuresBox .featuresBoxTit::after{
bottom:20px
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
font-size:1.8rem
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
padding-top:6px
}
#top #indexTop .qa{
padding-top:90px
}
#top #indexTop .qa{
padding-bottom:100px
}
#top #indexTop .qa{
background-position:top right calc(50% - 440px);
background-size:auto
}
#top #indexTop .qa .qaTit{
margin-bottom:56px
}
#top #indexTop .qa .qaTit .img{
width:155px
}
#top #indexTop .qa .qaTit .img::after{
margin-top:23px
}
#top #indexTop .qa .qaList .qaListCon{
font-size:1.6rem
}
#top #indexTop .qa .qaList .qaListCon a::before{
height:70px
}
#top #indexTop .qa .qaList .qaListCon a::after{
width:40px
}
#top #indexTop .qa .qaList .qaListCon a::after{
height:15px
}
#top #indexTop .qa .qaList .qaListCon.qa05 a::before{
margin-bottom:0
}
#top #indexTop .topics{
padding-top:90px
}
#top #indexTop .topics{
padding-bottom:50px
}
#top #indexTop .topics .topicsTit{
margin-bottom:54px
}
#top #indexTop .topics .topicsTit .img{
width:219px
}
#top #indexTop .topics .topicsTit .img::after{
margin-top:23px
}
#top #indexTop .news{
padding-top:128px
}
#top #indexTop .news{
padding-bottom:100px
}
#top #indexTop .news .newsBox{
padding-top:73px
}
#top #indexTop .news .newsBox{
padding-right:50px
}
#top #indexTop .news .newsBox{
padding-bottom:80px
}
#top #indexTop .news .newsBox{
padding-left:50px
}
#top #indexTop .news .newsTit{
top:-30px
}
#top #indexTop .news .newsTit{
left:40px
}
#top #indexTop .news .newsTit .img{
width:174px
}
#top #indexTop .news .newsTit .img{
margin-bottom:10px
}
#top #indexTop .news .newsTit .newsSubTit{
font-size:2.2rem
}
#top #indexTop .news .newsList{
margin-bottom:48px
}
#top #indexTop .news .newsList .newsListCon{
font-size:1.6rem
}
#top #indexTop .news .newsList .newsListCon{
padding-top:25px
}
#top #indexTop .news .newsList .newsListCon{
padding-right:20px
}
#top #indexTop .news .newsList .newsListCon{
padding-bottom:25px
}
#top #indexTop .news .newsList .newsListCon{
padding-left:20px
}
#top #indexTop .news .newsList .newsListCon span{
padding-right:25px
}
#top #indexTop .loopImgSlide{
padding-top:15px
}
#top #indexTop .loopImgSlide{
padding-bottom:10px
}
#top #indexTop .snsArea{
padding-top:57px
}
#top #indexTop .snsArea{
padding-bottom:60px
}
#top #indexTop .snsArea .snsAreaTit{
font-size:2.6rem
}
#top #indexTop .snsArea .snsAreaTit{
margin-bottom:20px
}
#top #indexTop .snsArea .snsAreaTxt{
font-size:2rem
}
#top #indexTop .snsArea .snsAreaTxt{
margin-bottom:22px
}
#top #indexTop .snsArea .snsBox .sns{
font-size:2.8rem
}
#top #indexTop .snsArea .snsBox .sns a{
padding-top:16px
}
#top #indexTop .snsArea .snsBox .sns a{
padding-right:38px
}
#top #indexTop .snsArea .snsBox .sns a{
padding-bottom:16px
}
#top #indexTop .snsArea .snsBox .sns a{
padding-left:38px
}
#top #indexTop .snsArea .snsBox .sns img{
width:40px
}
#top #indexTop .snsArea .snsBox .sns img{
margin-right:12px
}
}
@media screen and (max-width:767px) and (max-width:767px){
#top #indexTop .topNews .topNewsArea .topNewsTit{
font-size:4.8vw
}
#top #indexTop .topNews .topNewsArea .topNewsLoopArea{
font-size:3.2vw
}
#top #indexTop .concept .conceptTit{
font-size:4.8vw
}
#top #indexTop .concept .conceptLead{
font-size:3.46667vw
}
#top #indexTop .quality .qualityLead{
font-size:3.46667vw
}
#top #indexTop .quality .flex .pointBox:nth-last-of-type(2) .txtBox{
padding-top:6vw;
padding-bottom:5.33333vw
}
#top #indexTop .quality .flex .pointBox .point{
font-size:3.2vw
}
#top #indexTop .quality .flex .pointBox .pointBoxTit{
font-size:4.8vw
}
#top #indexTop .quality .flex .pointBox .pointBoxTit span{
font-size:3.46667vw
}
#top #indexTop .quality .flex .pointBox small{
font-size:2.66667vw
}
#top #indexTop .product .productItem .productItemTit{
font-size:3.2vw
}
#top #indexTop .product .productTxt{
font-size:3.46667vw
}
#top #indexTop .features .featuresBox .featuresBoxTit span{
font-size:2.66667vw
}
#top #indexTop .qa .qaList .qaListCon{
font-size:2.93333vw
}
#top #indexTop .news .newsTit .newsSubTit{
font-size:3.2vw
}
#top #indexTop .news .newsList .newsListCon{
font-size:3.46667vw
}
#top #indexTop .news .newsList .newsListCon span{
font-size:3.2vw
}
#top #indexTop .snsArea .snsAreaTit{
font-size:4.8vw
}
#top #indexTop .snsArea .snsAreaTxt{
font-size:3.46667vw
}
}
@media screen and (max-width:767px) and (max-width:767px) and (min-width:1440px){
#top #indexTop .quality .flex .pointBox:nth-last-of-type(2) .txtBox{
padding-top:45px
}
#top #indexTop .quality .flex .pointBox:nth-last-of-type(2) .txtBox{
padding-bottom:40px
}
}
@media screen and (min-width:768px) and (max-width:1024px){
#top #indexTop .product .flex{
background-position:right 20px bottom
}
#top #indexTop .qa .qaList .qaListCon a::before{
height:6.25vw
}
}
@media screen and (min-width:768px) and (max-width:1024px) and (min-width:1440px){
#top #indexTop .qa .qaList .qaListCon a::before{
height:90px
}
}
/*# sourceMappingURL=maps/top.css.map */