@charset "utf-8";
 @media screen and (max-width:1230px){
.header__in{
padding: 20px;
}
.fixed_video{
bottom: 50px;
}
.fixed_video iframe{
}
.header__links ul li{
margin-left: 16px;
}
.header__links ul{
font-size: 12px;
}
.header__logo img{
width: 200px;
}
.header__links ul li:last-child img{
width: 160px;
}
.compair__img{
padding: 0 20px;
}
.cta__img{
left: 0;
width: 24vw;
}
.home-care__insta-img{
padding: 0 20px;
}
.cta__ttl{
font-size: 20px;
}
}
@media screen and (max-width:1000px){
.header__in{
padding: 14px 2px 5px;
position: relative;
}
.header__label {
font-size: 10px;
padding: 0 2px;
}
.visible-sp{
display:block;
}
.header__logo{
}
.hidden-sp{
display:none !important;
}
body{
font-size: 14px;
line-height: 1.7;
}
.fixedcontainer{
width: 90%;
}
.menu-trigger {	
position: relative;
top: 0px;
right: 0;
display: inline-block;
transition: all .4s;
box-sizing: border-box;
cursor: pointer;
float: right;
width: 50px;
height: 50px;
z-index: 4;
}
.menu-trigger.active{
position: fixed;
top: 10px;
right: 5px;
}
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
cursor: pointer;
float: right;
position: absolute;
background: #3B5689;
width: 30px;
height: 2px;
left: 0;
right: 0;
margin: auto;
}
.menu-trigger span:nth-of-type(1) {
top: 15px;
}
.menu-trigger span:nth-of-type(2) {
top: 0;
bottom: 0;
}
.menu-trigger span:nth-of-type(3) {
bottom: 15px;
}
.g-nav {
display: none;
position: fixed;
top: 0;   
left: 0;
background: #fff;
width: 100%;
height: 100%;
overflow: scroll;
z-index: 3;
}
.g-nav .list {
margin-top: 70px;
padding: 20px;
}
.g-nav .list li{
text-align: center;
margin-bottom: 10px;
}
.g-nav .list li a {
display: inline-block;
width: 100%;
text-align: left;
text-decoration: none;
padding: 10px;
font-weight: bold;
}
.g-nav .list li>a{
background: #3B5689;
color: #fff;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg);
}
.sub_menu_sp{
display: none;
}
.top_btn{
max-width: 720px;
width: 100%;
}
.fv{
padding: 0;
}
.self__ttl{
margin: 0;
}
.cta__ttl{
font-size: 16px;
}
}
@media screen and (max-width: 720px){
.media__youtube-video iframe{
width: 100%;
height: 54vw;
}
.top_btn{
font-size: 12px;
padding: 10px 80px 10px 50px;
}
.top_btn span{
font-size: 14px;
}
.top_btn strong{
font-size: 16px;
}
.top_btn:after{
right: 0;
width: 80px;
background-position: after;
}
.top_btn__wrap{
padding: 10px 0;
}
.salon{
margin: 0;
}
.cta__ttl{
font-size: 14px;
margin-bottom: 10px;
}
.cta__btn img{
width: 200px;
}
.cta{
padding: 100px 0 30px;
margin-top : 0;
}
.reason__ttl{
font-size: 24px;
}
.open__certification-list{
flex-wrap: wrap;
justify-content: center;
}
.open__certification-one{
width: 48%;
margin: 20px 1% 0;
}
.open__certification-one:first-child{
width: 100%;
}
.open__certification-one:first-child img{
width: 48%;
}
.open__certification-ttl-en{
font-size: 16px;
}
.open__insta-in{
display: block;
}
.open__insta-area{
width: 100%;
}
.open__insta-area:first-child{
border-right: none;
}
.open__insta-area__in{
margin-bottom: 10px;
}
.open_insta-area_wrap{
display: block;
}
.open_insta-area_wrap .open__insta-area__one{
width: 100%;
}
.open__insta-area__one{		
margin-bottom: 5px;
}
.open__insta-subtxt span{
display: block;
margin: 0 10px 0 0;
}
.open__insta-check{
font-size: 20px;
}
.open__insta-check img{
width: 100px;
}
.open__insta-check-list{
display: block;
text-align: center;
}
.open__insta-check-tag{
margin-top: 20px;
}
.media{
padding: 40px 5%;
}
.ttl{
font-size: 24px;
margin-bottom: 30px;
}
.ttl img{
width: 80px;
}
.profit{
padding-bottom: 40px;
}
.simulation__img{
padding: 20px 10px;
}
.merit__one-in{
display: block;
}
.merit__one-content{
width: 100%;
margin-bottom: 20px;
}
.merit__one-img{
width: 100%;
}
.merit__one-img__mark{
left: 10px;
top: 10px;
}
.merit__one-content__ttl{
font-size: 18px;
}
.merit__one-content__ttl strong{
font-size: 22px;
}
.merit__two-in{
display: block;
margin: 30px 0;
}
.compair{
padding: 40px 0;
}
.price__desc{
display: block;
}
.price__desc-img{
width: 100%;
text-align: center;
}
.price__desc-img img{
width: 50%;
}
.price__desc-txt{
width: 100%;
}
.product_list{
display: block;
}
.produce_one{
margin: 0 auto 20px;
}
.price__other-ttl{
font-size: 20px;
}
.price__other{
margin-top: 40px;
}
.price__other-ttl{
margin-bottom: 20px;
padding: 0 20px;
}
.price__other-support-ttl{
font-size: 16px;
}
.price__other-support{
display: block;
}
.price__other-support-one{
width: 100%;
margin-bottom: 20px;
}
.merit12{
padding-top: 30px;
}
.merit12__ttl1{
font-size: 14px;
}
.merit12__ttl2{
font-size: 20px;
}
.merit12__ttl3{
font-size: 16px;
}
.merit12__ttl4{
font-size: 24px;
}
.thought__img1{
padding: 20px 5%;
}
.thought__in{
margin: 20px 0 60px;
display: block;
padding: 20px 10px;
}
.thought__in div:first-child{
margin-bottom: 20px;
}
.thought__img2{
margin: 20px 0 40px;
}
.thought__history-ttl span{
padding: 0 10px;
}
.thought__history-ttl{
font-size: 20px;
}
.thought__history-in{
padding: 20px 10px;
}
.exhibition__ttl{
font-size: 16px;
}
.exhibition__txt{
margin-bottom: 10px;
}
.exhibition__in-ttl{
font-size: 16px;
}
.exhibition__in-list{
display: block;
}
.exhibition__in{
padding: 20px 10px;
}
.exhibition__in-list p{
width: 100%;
margin-top: 10px;
padding: 10px 0;
}
.exhibition__in-list p span{
font-size: 16px;
}
.voice{
padding: 40px 0;
}
.voice__one-ttl{
font-size: 14px;
}
.voice__one-in{
display: block;
}
.voice__one-profile{
margin: 0 auto 20px;
}
.voice__one-content{
width: 100%;
}
.voice__one-content-ttl{
font-size: 17px;
}
.voice__one-in{
padding: 20px 10px;
}
.voice__one{
margin-bottom: 20px;
}
.faq{
padding: 40px 0;
}
.ttl .en{
font-size: 32px;
}
.faq__group-ttl{
font-size: 16px;
}
.faq__ques{
padding: 10px 10px 10px 40px;
}
.faq__ques:before{
font-size: 24px;
left: 10px;
top: 5px;
}
.faq__ans{
padding: 10px 10px 10px 40px;
}
.faq__ans:before{
font-size: 24px;
left: 10px;
top: 5px;
}
.footer__in1{
display: none;
}
.footer__in2{
display: block;
}
.footer__in2 ul{
display: block;
position: initial;
transform: initial;
}
.footer__logo{
text-align: center;
margin-bottom: 10px;
}
.home-care__insta-header{
display: block;
padding: 20px 5%;
text-align: center;
}
.home-care__insta-header p{
font-size: 18px;
margin-bottom: 10px;
}
.home-care__insta-img{
padding: 0 5%;
}
.course{
padding: 40px 5% 160px;
}
.course__in{
margin-left: 0;
width: 100%;
}
.course__ttl1{
font-size: 14px;
}
.course__ttl2{
font-size: 16px;
}
.course__name span{
font-size: 12px;
}
.course__name{
margin-bottom: 20px;
}
.course__btn-wrap{
margin-top: 20px;
}
.welcome__in{
display: block;
width: 90%;
}
.welcome__img{
width: 100%;
}
.welcome__content{
width: 100%;
}
.welcome__content-ttl{
font-size: 18px;
}
.welcome__btn{
text-align: center;
margin-top: 15px;
}
.force__txt{
margin-bottom: 30px;
}
.force{
padding: 40px 5% 100px;
background-size: cover;
}
.force__point-img{
position: initial;
width: 100%;
}
.nayami{
width: 90%;
padding: 15px 15px;
}
.nayami__in1 ul{
font-size: 16px;
}
.nayami__in1 ul li{
padding-left: 24px;
padding-left: 30px;
}
.nayami__in1 ul li:before{
width: 20px;
height: 20px;
top: 5px;
}
.nayami__ttl1{
margin-top: 10px;
font-size: 14px;
}
.nayami__ttl1 span{
font-size: 18px;
}
.nayami__ttl2{
font-size: 14px;
}
.nayami__ttl2 strong{
font-size: 18px;
}
.nayami__ttl3{
font-size: 14px;
}
.nayami__ttl3 span{
font-size: 18px;
}
.nayami__img img{
max-width: 100%;
}
.makeup{
padding: 40px 0;
}
.makeup__in{
margin-top: 40px;
display: block;
}
.makeup__img{
width: 100%;
margin-bottom: 20px;
}
.makeup__content{
width: 100%;
}
.makeup__ttl1{
font-size: 16px;
}
.makeup__ttl2{
font-size: 20px;
}
.makeup__ttl2 span:nth-child(1){
font-size: 30px;
}
.makeup__ttl2 span:nth-child(2){
font-size: 26px;
}
.makeup__ttl2 span:nth-child(3){
font-size: 22px;
}
.makeup__ttl3{
font-size: 20px;
margin-bottom: 20px;
}
.makeup__txt .back-blue{
font-size: 18px;
}
.step__ttl{
font-size: 22px;
}
.step__ttl span{
font-size: 30px;
}
.step__list{
display: block;
}
.step__one{
margin: 0 auto 20px;
}
.step{
margin-bottom: 30px;
}
.lineup{
padding: 50px 5%;
}
.lineup__in{
padding: 20px;
}
.lineup__ttl{
margin-bottom: 20px;
}
.lineup__product{
display: block;
}
.lineup__product-img{
width: 100%;
}
.lineup__product-content{
width: 100%;
}
.product__btn{
padding: 10px 0;
font-size: 18px;
}
.lineup__one{
margin-bottom: 30px;
}
.lineup__product-content-img{
margin-top: 10px;
}
.lineup__product-content-img img{
}
.lineup__product-content-one{
width: 100%;
margin: 0 0 30px;
}
.lineup__one:nth-child(2n) .product__cat, .lineup__one:nth-child(2n) .product__ttl, .lineup__one:nth-child(2n) .product__subttl{
text-align: left;
}
.concept{
padding: 40px 0;
}
.concept__list{
display: block;
margin-top: 20px;
}
.concept__in{
width: 100%;
}
.concept__in:last-child{
margin-top: 20px;
}
.difference{
margin-top: 40px;
}
.difference__ttl{
font-size: 22px;
margin-bottom: 20px;
text-align: center;
}
.effect{
margin-top: 40px;
}
.effect__in{
display: block;
}
.effect__content{
width: 100%;
}
.effect__img{
width: 100%;
text-align: center;
margin-top: 20px;
}
.about__in{
display: block;
}
.about__img{
width: 200px;
margin: 0 auto 20px;
}
.machine_id span{
font-size: 24px;
}
.about__content{
width: 100%;
}
.machine_ttl{
font-size: 20px;
}
.about__txt{
margin: 20px 0;
}
.about__type{
display: block;
}
.about__type-one{
width: 100%;
margin-top: 20px;
}
.cost{
margin: 40px 0;
}
.cost_desc{
display: block;
}
.cost_desc_img{
margin: 0 auto 20px;
}
.cost_desc_content{
width: 100%;
}
.cost_list{
display: block;
}
.cost_list>div{
width: 100%;
margin-bottom: 20px;
}
.flow_img{
margin-left: 0px;
padding: 0 5%;
}
.before_after{
margin: 40px 0;
}
.kodawari_one p{
width: 100%;
}
.kodawari_one.kodawari2 p{
margin-left: 0;
}
.kodawari_one{
padding: 20px 0;
}
.efficacy{
padding: 40px 0;
}
.efficacy_in>div{
width: 100%;
margin-top: 0px;
margin-bottom: 20px;
}
.fixedcontainer2{
width: 90%;
}
.sub_simulation_ttl{
font-size: 16px;
}
.sub_simulation_ttl span{
font-size: 18px;
}
.sub_simulation_txt{
font-size: 22px;
text-align: center;
}
.sub_simulation_txt span{
margin-left: 0;
}
.sub_simulation_in{
margin-top: 30px;
}
.work_flow{
margin-top: 40px;
}
.subttl{
font-size: 18px;
}
.work_flow_one{
margin-left: 30px;
padding-left: 60px;
padding-bottom: 20px;
}
.work_flow_ttl{
font-size: 20px;
}
.work_flow_start{
float: initial;
width: 100%;
margin: 0 0 10px;
}
.work_flow{
padding-bottom: 0;
}
.about__type-two-header{
width: 100%;
}
.about__type-two-content{
width: 100%;
margin-top: 20px;
}
.before_after_one_ttl{
font-size: 20px;
}
.before_after_one{
margin-top: 30px;
}
.self__ttl{
font-size: 14px;
padding: 0 20px;
}
.self__ttl span{
font-size: 16px;
}
.feature__subttl{
font-size: 14px;
margin-bottom: 10px;
}
.feature__list li{
width: 100%;
border: none !important;
}
.feature .fixedcontainer{
padding: 40px 0 60px;
}
.different__list{
display: block;
}
.different__list li{
width: 100%;
margin-bottom: 20px;
}
.construction__in{
display: block;
}
.construction__img{
width: 80%;
margin: 0 auto 20px;
}
.construction__content{
width: 100%;
}
.construction{
padding: 40px 0;
}
.lineup__kodawari-one{
display: block;
}
.lineup__kodawari-img{
width: 80%;
margin: 0 auto 20px;
}
.lineup__kodawari-content{
width: 100%;
}
.different{
margin: 40px 0;
}
.lineup.self_lineup{
padding-bottom: 20px;
}
.machine_kodawari{
margin: 40px 0;
}
.machine_kodawari_ttl{
font-size: 20px;
}
.space_ttl{
font-size: 18px;
}
.space_in{
margin-bottom: 40px;
}
.space_ttl{
margin-bottom: 20px;
}
.space_one{
display: block;
}
.space_one_header{
width: 100%;
padding: 10px 0;
margin-bottom: 10px;
}
.space_one_content{
width: 100%;
}
.title{
font-size: 24px;
}
.blog_list{
display: block;
}
.blog_one{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.blog_one:last-child{
margin-bottom: 0;
}
.btn_wrap{
margin-top: 20px;
}
.sec{
padding: 40px 0;
}
.single_content{
width: 100%;
margin-bottom: 30px;
padding: 20px 10px;
}
.single_ttl{
font-size: 20px;
margin-bottom: 10px;
}
.sidebar{
width: 100%;
padding: 20px 10px;
}
.img100{
overflow-x: scroll;
}
.img100 img{
min-width: 768px;
}
}
@media screen and (max-width: 480px){
.header__logo img{
width: 180px;
}
.header__line__btn img{
width: 140px;
}
.header__label {
padding: 0;
font-size: 10px;
}
}