﻿.font_gothic,.font_gothic_top{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif}.font_gothic_top{letter-spacing:.1em;font-style:italic;font-size:.5em}.font_ls{letter-spacing:.1em}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#main_visual{width:100%;background:url(../images/aging_care_img.jpg) no-repeat center top/cover}#main_visual h2{font-size:1.8em;text-align:left}#main_visual h2 img{min-width:200px;width:35%;margin-bottom:1em}@media only screen and (max-width: 834px){#main_visual h2 img{width:50%}}@media only screen and (max-width: 480px){#main_visual h2 img{width:80%}}#main_visual p{text-align:left}#main_visual .patterns{width:15%}@media only screen and (max-width: 480px){#main_visual .patterns{width:30%}}#top_visual{width:50%;max-width:850px;margin:0 auto;padding:3em 0;color:#fff}@media only screen and (max-width: 480px){#top_visual{width:80%}}#salon_concept{width:90%;max-width:850px;margin:0 auto;padding:3em 0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}#salon_concept h2{line-height:1.2em;font-size:1.8em;text-align:left}#salon_concept p{text-align:left}#concept{width:65%}@media only screen and (max-width: 480px){#concept{width:100%}}#owner{width:30%;margin-top:2em}@media only screen and (max-width: 480px){#owner{width:80%;margin:0 auto}}#owner .ownername{line-height:1em;font-size:1.8em}@media only screen and (max-width: 480px){#owner .ownername{font-size:2em}}#owner .font_gothic{line-height:.2em;font-size:.7em}@media only screen and (max-width: 480px){#owner .font_gothic{font-size:1em}}#hairnist{background:#dddad2;width:100%}#hairnist_concept{width:90%;max-width:850px;margin:0 auto;padding:3em 0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;text-align:left}@media only screen and (max-width: 480px){#hairnist_concept{width:80%}}#hairnist_concept .imgblock{width:30%;padding-top:2em;padding-left:1em}@media only screen and (max-width: 480px){#hairnist_concept .imgblock{width:80%;padding:0}}#hairnist_concept .menu_btn{text-align:right}@media only screen and (max-width: 480px){#hairnist_concept .menu_btn{text-align:center}}#concept_block{width:65%}@media only screen and (max-width: 480px){#concept_block{width:100%}}#concept_block h2{line-height:1.2em;font-size:1.8em}#organic_hair_straightening{width:90%;max-width:850px;margin:0 auto;padding:3em 0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;text-align:left}@media only screen and (max-width: 480px){#organic_hair_straightening{width:80%}}#organic_hair_straightening h2{width:100%;line-height:1.2em;font-size:1.8em}@media only screen and (max-width: 480px){#organic_hair_straightening h2{font-size:1.6em;margin:0}}#organic_hair_straightening .before_after{width:45%;margin:1em auto}@media only screen and (max-width: 480px){#organic_hair_straightening .before_after{width:100%;margin:0 0 1em}}#organic_hair_straightening .before_after img{margin:1em auto}#organic_hair_straightening .before_after_f{width:90%;margin-bottom:1em}@media only screen and (max-width: 480px){#organic_hair_straightening .before_after_f{width:100%;margin-bottom:1.5em}}#organic_hair_straightening .before_after_f img{width:80%;margin:1em auto;display:block}@media only screen and (max-width: 480px){#organic_hair_straightening .before_after_f img{width:100%}}#selectable_hair_color{background:#dddad2;width:100%;padding:2em 0}#selectable_hair_color h2{width:100%;line-height:1.2em;font-size:1.8em}#selectable_hair_color dl{width:70%;margin:0 auto}@media only screen and (max-width: 834px){#selectable_hair_color dl{width:85%}}@media only screen and (max-width: 480px){#selectable_hair_color dl{width:80%}}#selectable_hair_color dl dd{margin:1.5em auto;text-align:left}#select_color{width:80%;margin:0 auto;padding:3em 0;display:flex;justify-content:space-evenly;align-items:stretch;flex-wrap:wrap;text-align:left}@media only screen and (max-width: 834px){#select_color{width:100%}}@media only screen and (max-width: 480px){#select_color{margin:0;padding:0}}#select_color .select_block{margin:0 auto;width:40%}@media only screen and (max-width: 834px){#select_color .select_block{margin:0 auto;width:42%}}@media only screen and (max-width: 480px){#select_color .select_block{margin:0 auto;width:80%}}#select_color .select_block h3{max-width:380px;width:70%}@media only screen and (max-width: 480px){#select_color .select_block h3{width:80%}}#select_color .select_block p{width:50%;float:left}@media only screen and (max-width: 480px){#select_color .select_block p{width:45%}}#select_color .select_block .sc_img{width:50%;float:right}#select_color .select_block .flag_img{width:70%;margin:0 0 1em}@media only screen and (max-width: 480px){#select_color .select_block .flag_img{width:85%;margin:0 0 1em}}@media only screen and (max-width: 480px){#select_color .select_block .menu_btn{text-align:center}}#treatment{max-width:850px;width:70%;margin:0 auto;text-align:left}@media only screen and (max-width: 834px){#treatment{width:90%}}@media only screen and (max-width: 480px){#treatment{width:80%}}#treatment_inner{width:90%;max-width:850px;margin:0 auto;padding:3em 0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}@media only screen and (max-width: 480px){#treatment_inner{width:100%}}#treatment_inner .t_inner{width:45%;text-align:center}@media only screen and (max-width: 480px){#treatment_inner .t_inner{margin:0 auto;width:100%;text-align:center}}#hairdryer{width:100%;padding:3em 0;background-color:#f1f1f1;background-image:url(../images/ac_dryer.jpg);background-position:right 30% bottom 0;background-repeat:no-repeat;background-size:20% auto}@media only screen and (max-width: 834px){#hairdryer{background-position:right 10% bottom 0;background-size:30% auto}}@media only screen and (max-width: 480px){#hairdryer{padding:3em 0 130px;background-image:url(../images/ac_dryer.jpg);background-position:right 30% bottom 0;background-repeat:no-repeat;background-size:200px auto}}#hairdryer dl{margin:0 auto;max-width:850px;text-align:left;width:70%}@media only screen and (max-width: 834px){#hairdryer dl{width:80%}}#hairdryer dl dt{font-size:1.5em}#hairdryer dl dd{width:60%}@media only screen and (max-width: 480px){#hairdryer dl dd{width:100%}}