@charset "UTF-8";header{width:100%;height:100vh;background:url(//trip-hair.com/dev/wp-content/themes/TRiP/css/../images/top/kv.jpg) no-repeat center bottom;background-size:cover;position:relative;display:block}header h1{position:absolute;width:110px;height:auto;top:15px;left:30px}header .img_flame1{position:absolute;width:295px;height:auto;bottom:0;left:0}header .img_flame2{position:absolute;width:160px;height:auto;top:0;right:0}header .kv_bnr{position:absolute;width:400px;bottom:30px;right:30px}header .btn_scroll a{position:absolute;width:9px;height:auto;bottom:80px;left:30px;transition-duration:.3s}header .btn_scroll a:hover{opacity:1;transform:translateY(15px);transition-duration:.3s}#top_concept{padding:200px 0;position:relative;overflow:hidden}#top_concept .inner_box{width:82%;max-width:1100px;min-width:850px;margin:auto}#top_concept .layout_box{width:100%;margin:60px 0 0}#top_concept .layout_box .txt_area{width:50%;float:left}#top_concept .layout_box .img_area{width:50%;float:right;overflow-x:hidden;margin:5% -11% 0 0}#top_concept .layout_box .btn1{margin:50px 0 0}#top_concept .illust_box .cloud1{position:absolute;width:180px;top:0;left:-40px}#top_concept .illust_box .cloud2{position:absolute;width:180px;top:150px;right:-30px}#top_concept .illust_box .cloud3{position:absolute;width:110px;top:410px;right:290px}#top_concept .illust_box .star1{position:absolute;width:80px;top:60px;right:120px}#top_concept .illust_box .balloon1{position:absolute;width:110px;top:130px;right:200px}#top_style{padding:100px 0}#top_style .inner_box{width:82%;max-width:1100px;margin:auto}#top_style .insta_box{margin:40px 0}#top_menu{padding:100px 0 500px;position:relative;overflow:hidden}#top_menu .inner_box{width:82%;max-width:1100px;margin:auto}#top_menu .txt_area{width:48%}#top_menu .btn1{margin:50px 0 0}#top_menu .img_box{margin:40px 0 70px;position:relative}#top_menu .img_box .img1{width:80%}#top_menu .img_box .img2{width:35%;max-width:500px;position:absolute;bottom:-500px;right:5%}#top_menu .illust_box .cloud1{position:absolute;width:100px;top:0;right:40%}#top_menu .illust_box .cloud2{position:absolute;width:120px;top:200px;right:-15px}#top_menu .illust_box .cloud3{position:absolute;width:200px;bottom:200px;left:30px}#top_menu .illust_box .cloud4{position:absolute;width:90px;bottom:120px;left:300px}#top_menu .illust_box .balloon1{position:absolute;width:90px;top:110px;right:300px}#top_info{padding:100px 0 0}#top_info .inner_box{width:82%;max-width:1100px;margin:auto}#top_info .inner_box .left_col{width:30%;float:left}#top_info .inner_box .right_col{width:70%;float:left;margin:20px 0}#top_info .inner_box .right_col dl{margin:0 0 40px;clear:both;overflow:hidden}#top_info .inner_box .right_col dl dt{width:15%;margin:0 5% 0 0;float:left}#top_info .inner_box .right_col dl dd{width:80%;margin:0;float:left}#top_info .btn1{margin:100px 0 0}footer{width:82%;max-width:1100px;margin:100px auto 0;border-top:1px solid #cbc9c3}footer .f_inner{width:100%;text-align:center;margin:5px 0 0;padding:70px 0 0;border-top:1px solid #cbc9c3}footer .f_inner .f_contact{padding:0 0 80px}footer .f_inner .f_contact img{width:40%;float:left;margin:0 5%}footer .f_inner .f_sns img{width:30px;margin:0 15px}footer .cap{font-size:.75rem;text-align:center;margin:50px 0 10px;line-height:4.0}footer .cap a{text-decoration:underline}@media screen and (max-width:767px){header{width:100%;height:100vh;background:url(//trip-hair.com/dev/wp-content/themes/TRiP/css/../images/top/kv_sp.jpg) no-repeat center;background-size:cover;position:relative;display:block}header h1{position:absolute;width:18%;height:auto;top:15px;left:15px}header .img_flame1{position:absolute;width:200px;height:auto;bottom:0;left:0}header .img_flame2{position:absolute;width:120px;height:auto;top:0;right:0}header .kv_bnr{position:absolute;width:60%;bottom:5%;right:4%}header .btn_scroll a{position:absolute;width:9px;height:auto;bottom:30px;left:30px;transition-duration:.3s}header .btn_scroll a:hover{opacity:1;transform:translateY(15px);transition-duration:.3s}#top_concept{padding:20% 0 15%;position:relative}#top_concept .inner_box{width:82%;max-width:1200px;min-width:auto;margin:auto}#top_concept .layout_box{width:100%;margin:60px 0 0}#top_concept .layout_box .txt_area{width:100%;float:none}#top_concept .layout_box .img_area{width:100%;float:none;overflow-x:hidden;margin:20% 0 0 11%;padding:0 0 5%}#top_concept .layout_box .btn1{margin:50px 0 0}#top_concept .illust_box .cloud1{position:absolute;width:22%;top:0;left:-2%}#top_concept .illust_box .cloud2{position:absolute;width:25%;top:auto;right:5%;bottom:33%}#top_concept .illust_box .cloud3{position:absolute;width:20%;top:auto;right:auto;bottom:13%;left:-3%}#top_concept .illust_box .star1{position:absolute;width:12%;top:auto;right:auto;bottom:35%;left:25%}#top_concept .illust_box .balloon1{position:absolute;width:23%;top:auto;right:auto;bottom:28%;left:10%}#top_style{padding:10% 0 3%}#top_style .inner_box{width:82%;max-width:1200px;margin:auto}#top_style .insta_box{margin:40px 0}#top_menu{padding:20% 0 30%;position:relative;overflow:hidden}#top_menu .inner_box{width:82%;max-width:1200px;margin:auto}#top_menu .txt_area{width:100%}#top_menu .img_box{margin:40px 0;position:relative}#top_menu .img_box .img1{width:100%}#top_menu .img_box .img2{width:30%;position:absolute;bottom:-500px;right:5%}#top_menu .illust_box .cloud1{position:absolute;width:17%;top:0;right:60%}#top_menu .illust_box .cloud2{position:absolute;width:20%;top:10%;right:-8%}#top_menu .illust_box .cloud3{position:absolute;width:20%;bottom:5%;left:5%}#top_menu .illust_box .cloud4{position:absolute;width:13%;bottom:2%;left:40%}#top_menu .illust_box .balloon1{position:absolute;width:13%;top:10%;right:5%}#top_info{padding:20% 0 0}#top_info .inner_box .left_col{width:100%;float:none}#top_info .inner_box .right_col{width:100%;float:none;margin:10% 0}#top_info .inner_box .right_col dl{margin:0 0 10%;clear:both;overflow:hidden}#top_info .inner_box .right_col dl dt{width:100%;display:block;margin:0;float:none}#top_info .inner_box .right_col dl dd{width:100%;float:none}#top_info .btn1{margin:0}footer{margin:20% auto 0}footer .f_inner{width:100%;text-align:center;margin:5px 0 0;padding:15% 0 0;border-top:1px solid #cbc9c3}footer .f_inner .f_contact{padding:0 0 10%}footer .f_inner .f_contact .c_area{margin:0 0 5%}footer .f_inner .f_contact .c_area p{margin:0 0 2%}footer .f_inner .f_sns img{width:30px;margin:0 15px}footer .cap{font-size:.75rem;text-align:center;margin:50px 0 10px;line-height:4.0}footer .cap a{text-decoration:underline}}