@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html,body{width: 100%;position: relative;height: 100%;}

body {margin: 0;padding: 0;background-color: #ffffff; color: #000000;font-size: 15px;line-height: 1;font-weight: 500;height: 100%;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;letter-spacing: 0.1em;}

p,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0; font-weight: 600;}

img {vertical-align:bottom;}

ul {margin: 0;padding: 0;}

a {text-decoration: none; color: #000000;}

li{list-style: none;margin: 0;padding: 0;}

em{font-style: normal;}

.clearfix:after {content: "";clear: both;display: block;}

.fade-up,.fade-up2 {
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
}

br._sp{display: none;}
img._sp{display: none;}

/*creators caravan-----------*/
#crecara{background: url(../images/bg.gif)repeat;overflow: hidden;}

/*kv--------*/
#crecara .kv{background: url(../images/bg_logo.png) no-repeat bottom center;}
#crecara .kv .kv_wrap{width: 1130px;margin: 0 auto; position: relative; text-align: left;}
#crecara .kv .kv_wrap h1{padding-top: 120px;}
#crecara .kv .kv_wrap h1 span{display: block; font-size: 23px;letter-spacing: 0.1em;}
#crecara .kv .kv_wrap h1 img.kv_logo{padding: 85px 0;}
#crecara .kv .kv_wrap h1 p{font-size: 15px; line-height: 37px;}
#crecara .kv .kv_wrap h1 img.kv_word{padding: 70px 0 100px;}

#crecara .kv .kv_wrap img.kv_abs_1{position: absolute;top: 40px;left: calc(50% + 118px);}
#crecara .kv .kv_wrap img.kv_abs_2{position: absolute;top: 100px;left: calc(50% + 315px);}
#crecara .kv .kv_wrap .btn_crecara{position: absolute;display: block;bottom: 194px;left: calc(50% + 232px);}
#crecara .kv .kv_wrap .btn_crecara span{position: absolute; display: block; top: 0; left: 0; right: 0; margin: 0 auto; color: #ffffff; font-size: 15px;z-index: 3; text-align: center; line-height: 30px;width: 190px;height: 190px;padding-top: 65px;transition: 0.3s color ease-out;}
#crecara .kv .kv_wrap .btn_crecara img{width: 190px; animation:20s linear infinite rotation1;}
@keyframes rotation1{
    0%{ transform:rotate(0);}
    100%{ transform:rotate(360deg); }
}
#crecara .kv .kv_wrap .btn_crecara:hover span{color: #b1b0a9;}
#crecara .kv .kv_wrap .btn_crecara:hover img{animation:8s linear infinite rotation1;}

/*about--------*/
#crecara .about{width: 1130px;margin: 0 auto; position: relative; text-align: left;}
#crecara .about h2{padding-top: 97px;}
#crecara .about h2 span{display: block; font-size: 13px;}
#crecara .about h2 img{height: 48px; padding-top: 30px;padding-bottom: 87px;}
#crecara .about .about_abs_1{position: absolute; top: -37px;left: calc(50% - 149px);}

#crecara .about .about_wrap{font-size: 0;}
#crecara .about .about_wrap > img{padding-right: 100px;vertical-align: top;}
#crecara .about .about_wrap ul{display: inline-block;}
#crecara .about .about_wrap ul li{padding-bottom: 46px;}
#crecara .about .about_wrap ul li h3{font-size: 28px;padding-bottom: 18px;}
#crecara .about .about_wrap ul li p{width: 570px;font-size: 15px;line-height: 29px;font-weight: 500;}
#crecara .about .about_wrap ul li img{width: 410px;}
#crecara .about .about_abs_2{position: absolute; top:219px; left: calc(50% + 234px);}

/*event--------*/
#crecara .event{background: url(../images/event_bg1.png)no-repeat top right;text-align: center;}
#crecara .event .event_wrap{background: url(../images/event_bg2.png)no-repeat bottom left;position: relative;padding-bottom: 180px;}
#crecara .event .event_wrap h2{padding: 129px 0 80px;}
#crecara .event .event_wrap h2 span{font-size: 13px; display: block;}
#crecara .event .event_wrap h2 img{padding-top: 30px;height: 48px;}

#crecara .event .event_wrap .event_banner_area{background: #c17483;width: 670px;margin: 0 auto;}
#crecara .event .event_wrap .event_banner_area h3{background: #ffffff;height: 110px;font-size: 0; text-align: left;}
#crecara .event .event_wrap .event_banner_area h3 .month{background: #000000; width: 110px; height: 110px; display: inline-block; color: #ffffff; font-size: 15px;font-weight: 400;padding-top: 20px;box-sizing: border-box;text-align: center;}
#crecara .event .event_wrap .event_banner_area h3 .month span{font-size: 32px;display: block;}
#crecara .event .event_wrap .event_banner_area h3 .month span em{ font-size: 53px;}
#crecara .event .event_wrap .event_banner_area h3 .ttl{display: inline-block; padding-left: 28px; color: #000000; font-size: 28px; line-height: 40px; letter-spacing: 0;}
#crecara .event .event_wrap .event_banner_area .banner{}
#crecara .event .event_wrap .event_banner_area .banner img{width: 100%;}

#crecara .event .event_wrap .event_text_area{width: 670px;margin: 0 auto;padding-top: 30px; font-size: 0}
#crecara .event .event_wrap .event_text_area .info_left{display: inline-block; font-size: 15px; line-height: 32px;padding-right: 90px;}
#crecara .event .event_wrap .event_text_area .info_left span{ font-size: 21px; font-weight: 500;}
#crecara .event .event_wrap .event_text_area .info_right{display: inline-block; font-weight: 500;font-size: 15px; line-height: 28px;padding-right: 10px;}
#crecara .event .event_wrap .event_text_area .info_right .line_l{display: inline-block; margin-right: 16px; width: 2px; height: 18px; transform: rotate(-20deg);background: #000000;margin-bottom: -4px;}
#crecara .event .event_wrap .event_text_area .info_right .line_r{display: inline-block; margin-left: 16px; width: 2px; height: 18px; transform: rotate(20deg);background: #000000;margin-bottom: -4px;}
#crecara .event .event_wrap .event_text_area .info_right .price{font-size: 18px;font-weight: 700;}
#crecara .event .event_wrap .event_text_area .info_right .price em{ font-size: 31px;}
#crecara .event .event_wrap .event_text_area .info_right .price span{ font-size: 12px;}

#crecara .event .event_wrap .event_text_area .recommend{background: #ffffff;padding: 30px; position: relative;margin-top: 60px; font-size: 16px; line-height: 27px; font-weight: 500;}
#crecara .event .event_wrap .event_text_area .recommend h4{ position: absolute; top: -14px; left: 0; right: 0; margin: 0 auto; font-size: 25px;}
#crecara .event .event_wrap .event_text_area .btn{display: block; background: #000000; width: 340px; height: 80px; margin: 54px auto;border: 3px solid #000000;box-sizing: border-box;transition: 0.3s all ease-out;}
#crecara .event .event_wrap .event_text_area .btn span{display: block; width: 340px; height: 80px; background: url(../images/btn_arrow.png)no-repeat right 33px center; background-size: 10px; color: #ffffff; font-size: 18px;line-height: 80px; font-weight: 500;}
#crecara .event .event_wrap .event_text_area .btn:hover{background: none;}
#crecara .event .event_wrap .event_text_area .btn:hover span{color: #000000; background: url(../images/btn_arrow2.png)no-repeat right 33px center;background-size: 10px;}

#crecara .event .event_abs_1{position: absolute; top: 420px; right: calc(50% + 445px);}
#crecara .event .event_abs_2{position: absolute; top: 420px; left: calc(50% + 445px);}

/*flow--------*/
#crecara .flow{padding: 90px 0; background: url(../images/bg_2.gif)repeat;}
#crecara .flow .flow_wrap{ background: url(../images/flow_bg.png)no-repeat bottom 10px right;}
#crecara .flow .flow_wrap h2{width: 1130px; margin: 0 auto;}
#crecara .flow .flow_wrap h2 span{font-size: 13px;display: block; }
#crecara .flow .flow_wrap h2 img{padding-top: 32px; height: 48px;}

#crecara .flow .flow_wrap ul{padding-top: 134px; font-size: 0;width: 1130px; margin: 0 auto;}
#crecara .flow .flow_wrap ul li{width: 245px; display: inline-block; vertical-align: top;padding-left: 48px;}
#crecara .flow .flow_wrap ul li:first-child{padding-left: 0;}
#crecara .flow .flow_wrap ul li .box{position: relative; width: 245px; height: 245px; border: 2px solid #000000;box-sizing: border-box; text-align: center;}
#crecara .flow .flow_wrap ul li .box h3{position: absolute; top: -32px; left: 0; right: 0; margin: 0 auto;width: 63px; height: 63px; background: #000000; border-radius: 40px;}
#crecara .flow .flow_wrap ul li .box h3 img{width: 100%;}
#crecara .flow .flow_wrap ul li .box > img{width: 100%;}
#crecara .flow .flow_wrap ul li .box > img.arrow{width: 15px;position: absolute; top: 118px; right: -34px;}
#crecara .flow .flow_wrap ul li .text_area{font-size: 15px; padding-top: 32px;line-height: 30px; margin:0 auto;}
#crecara .flow .flow_wrap ul li .text_area h4{font-size: 25px; text-align: center;}
#crecara .flow .flow_wrap ul li .text_area .under_line{height: 2px; background: #000000; width: 30px; margin: 20px auto;}

/*faq--------*/
#crecara .faq{padding: 90px 0; background: url(../images/faq_bg.png)no-repeat bottom left;text-align: center;}
#crecara .faq h2{text-align: center;}
#crecara .faq h2 span{font-size: 13px;display: block;}
#crecara .faq h2 img{padding-top: 32px; height: 56px;}
#crecara .faq ul{padding-top: 70px; display: inline-block; text-align: left;}
#crecara .faq ul li{padding-bottom: 30px;}
#crecara .faq ul li .icon_q{padding-bottom: 5px;}
#crecara .faq ul li .icon_q h4{display: inline-block; background: #000000;width: 35px; height: 35px; vertical-align: top;margin-right: 28px;}
#crecara .faq ul li .icon_q h4 img{width: 100%;}
#crecara .faq ul li .icon_q p{display: inline-block;font-size: 15px;line-height: 35px;}
#crecara .faq ul li .icon_a{}
#crecara .faq ul li .icon_a h4{display: inline-block; background: #ffffff;width: 35px; height: 35px; vertical-align: top;margin-right: 28px;margin-top: 5px;}
#crecara .faq ul li .icon_a h4 img{width: 100%;}
#crecara .faq ul li .icon_a p{display: inline-block;font-size: 13px;line-height: 24px; font-weight: 400;}
#crecara .faq ul li .icon_a p em{font-weight: 500;}

/*footer--------*/
#crecara footer{padding: 128px 0 0; background: url(../images/bg_3.png)repeat-x top center;text-align: center;position: relative;}
#crecara footer .sns a.sp_btn_crecara{display: block;width:125px; margin: 0 auto 40px;}
#crecara footer .sns a.sp_btn_crecara span{position: absolute; display: block; top: 0; left: 0; right: 0; margin: 0 auto; color: #ffffff; font-size: 11px;z-index: 3; text-align: center; line-height: 19px;width: 125px;height: 125px;padding-top: 42px;transition: 0.3s color ease-out;}
#crecara footer .sns a.sp_btn_crecara img{width: 125px; animation:20s linear infinite rotation1;}
@keyframes rotation1{
    0%{ transform:rotate(0);}
    100%{ transform:rotate(360deg); }
}
#crecara footer h4{}
#crecara footer h4 img{}
#crecara footer > img{width: 100%;}
#crecara footer .sns{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto 0;}
#crecara footer .sns a{display: inline-block;width: 30px;margin:0 19px;}
#crecara footer .sns a img{width: 100%;}
#crecara footer .sns p{ padding-top: 53px;font-size: 12px;font-weight: 400;}
#crecara footer .sns p span{font-size: 10px;display: block; padding: 25px 0 30px;}

@media screen and (max-width:1024px) {
    /*kv--------*/
    #crecara .kv .kv_wrap{width: 900px;}
    #crecara .kv .kv_wrap h1 span{font-size: 20px;}
    #crecara .kv .kv_wrap h1 img.kv_logo{padding: 70px 0;}
    #crecara .kv .kv_wrap h1 p{font-size: 14px; line-height: 26px;}
    #crecara .kv .kv_wrap h1 img.kv_word{padding: 50px 0 80px; width: 700px;}

    #crecara .kv .kv_wrap img.kv_abs_1{top: 20px;left: calc(50% + 100px); width: 120px;}
    #crecara .kv .kv_wrap img.kv_abs_2{top: 60px;left: calc(50% + 260px); width: 300px;}

    /*about--------*/
    #crecara .about{width: 1024px;}

    /*event--------*/
    #crecara .event .event_abs_1{position: absolute; top: 850px; right: calc(50% + 300px);  width: 300px;}
    #crecara .event .event_abs_2{position: absolute; top: 850px; left: calc(50% + 300px); width: 300px;}

    /*flow--------*/
    #crecara .flow .flow_wrap h2{width: 1024px; margin: 0 auto;}
    
    #crecara .flow .flow_wrap ul{width: 700px; text-align: center;}
    #crecara .flow .flow_wrap ul li{width: 245px; display: inline-block; vertical-align: top;padding: 0 24px;margin-bottom: 80px;}
    #crecara .flow .flow_wrap ul li:first-child{padding-left: 24px;}
    #crecara .flow .flow_wrap ul li .box > img.arrow.none_tablet_sp{display: none;}
}

@media screen and (max-width:800px) {
    #crecara{background: url(../images/bg.gif)repeat; background-size: 400px; overflow: hidden;}

    br._sp{display: block;}
    img._sp{display: inline;}

    br._pc{display: none;}
    img._pc{display: none;}
    
    /*kv--------*/
    #crecara .kv{background: url(../images/bg_logo.png) no-repeat bottom left -25px; background-size: 937px;}
    #crecara .kv .kv_wrap{width: calc(100% - 30px);max-width: 500px;}
    #crecara .kv .kv_wrap h1{padding-top: 71px;}
    #crecara .kv .kv_wrap h1 span{display: block; font-size: 11px;letter-spacing: 0.1em;}
    #crecara .kv .kv_wrap h1 img.kv_logo{padding: 35px 0; width: 215px;}
    #crecara .kv .kv_wrap h1 p{font-size: 11px; line-height: 25px; padding-bottom: 185px;}
    #crecara .kv .kv_wrap img.kv_word{position: absolute; width: 310px; bottom: 35px; left: 0;}

    #crecara .kv .kv_wrap img.kv_abs_1{top: 30px;right: 20px;width: 67px;}
    #crecara .kv .kv_wrap img.kv_abs_2{position: absolute;bottom: -20px; top: auto;left: calc(50% + 30px); width: 187px;}
    #crecara .kv .kv_wrap .btn_crecara{display: none;}

    /*about--------*/
    #crecara .about{width: 100%;max-width: 500px; padding:0 15px; box-sizing: border-box;}
    #crecara .about h2{padding-top: 68px;}
    #crecara .about h2 span{display: block; font-size: 10px;}
    #crecara .about h2 img{height: 27px; padding-top: 17px;padding-bottom: 48px;}
    
    #crecara .about .about_abs_1{width: 115px; position: absolute; top:6px; left: calc(50% - 32px);}
    #crecara .about .about_wrap > img{position: absolute; top: 28px; right: 23px; padding-right: 0; width: 65px; vertical-align: top;}
    #crecara .about .about_wrap > img.illust_btm{position: static;width:100%;}
    #crecara .about .about_wrap ul{display: inline-block;}
    #crecara .about .about_wrap ul li{padding-bottom: 30px;}
    #crecara .about .about_wrap ul li h3{font-size: 16px;padding-bottom: 18px;}
    #crecara .about .about_wrap ul li p{width: 250px;font-size: 10px;line-height: 20px;font-weight: 500;}
    #crecara .about .about_wrap ul li p.sp_read{width: 280px;}
    #crecara .about .about_wrap ul li img{width: 410px;}
    #crecara .about .about_abs_2{display: none;}

    /*event--------*/
    #crecara .event{background: url(../images/event_bg1.png)no-repeat top 105px left 83px; background-size: 508px; text-align: center;position: relative;}
    #crecara .event .about_abs_2{width: 170px; position: absolute; top: 32px; right: 0;}
    #crecara .event .event_wrap{background: url(../images/event_bg2.png)no-repeat bottom left; background-size: 348px; position: relative;padding-bottom: 50px;}
    #crecara .event .event_wrap h2{padding: 161px 0 46px;max-width: 500px;margin: 0 auto;}
    #crecara .event .event_wrap h2 span{font-size: 10px; display: block;}
    #crecara .event .event_wrap h2 img{padding-top: 17px;height: 27px;}

    #crecara .event .event_wrap .event_banner_area{background: none; width: 100%;max-width: 500px;margin: 0 auto; padding: 0 15px; box-sizing: border-box; margin: 0 auto;}
    #crecara .event .event_wrap .event_banner_area h3{background: #ffffff;height: auto;font-size: 0; text-align: left;}
    #crecara .event .event_wrap .event_banner_area h3 .month{display: none;}
    #crecara .event .event_wrap .event_banner_area h3 .ttl{display: none;}
    #crecara .event .event_wrap .event_banner_area h3 img{width: 100%;}
    #crecara .event .event_wrap .event_banner_area .banner{}
    #crecara .event .event_wrap .event_banner_area .banner img{width: 100%;}

    #crecara .event .event_wrap .event_text_area{width: 100%; max-width: 500px; margin: 0 auto; padding-top: 30px; }
    #crecara .event .event_wrap .event_text_area .info_left{display: block; font-size: 10px; line-height: 0;padding-right: 0; letter-spacing: 0.08em;}
    #crecara .event .event_wrap .event_text_area .info_left span{ font-size: 12px; font-weight: 500;}
    #crecara .event .event_wrap .event_text_area .info_right{display: inline-block; font-weight: 500;font-size: 12px; line-height: 28px; padding-top: 40px; padding-right: 0;}
    #crecara .event .event_wrap .event_text_area .info_right .line_l{display: inline-block; margin-right: 16px; width: 1px; height: 14px; transform: rotate(-20deg);background: #000000;margin-bottom: -2px;}
    #crecara .event .event_wrap .event_text_area .info_right .line_r{display: inline-block; margin-left: 16px; width: 1px; height: 14px; transform: rotate(20deg);background: #000000;margin-bottom: -2px;}
    #crecara .event .event_wrap .event_text_area .info_right .price{font-size: 14px;font-weight: 700;}
    #crecara .event .event_wrap .event_text_area .info_right .price em{ font-size: 25px;}
    #crecara .event .event_wrap .event_text_area .info_right .price span{ font-size: 10px;}

    #crecara .event .event_wrap .event_text_area .recommend{ display: inline-block; background: #ffffff;padding: 20px; position: relative;margin-top: 45px; font-size: 11px; line-height: 19px; font-weight: 500;}
    #crecara .event .event_wrap .event_text_area .recommend h4{ position: absolute; top: -14px; left: 0; right: 0; margin: 0 auto; font-size: 25px;}
    #crecara .event .event_wrap .event_text_area .btn{width: 265px; height: 70px; margin: 36px auto 0;border: none;box-sizing: border-box;}
    #crecara .event .event_wrap .event_text_area .btn span{display: block; width: 265px; height: 70px; background: url(../images/btn_arrow.png)no-repeat right 33px center; background-size: 7px; color: #ffffff; font-size: 14px;line-height: 70px; font-weight: 500;}

    #crecara .event .event_abs_1{width: 175px; position: absolute; top: auto; bottom: 160px; right: calc(50% + 124px);}
    #crecara .event .event_abs_2{width: 175px;position: absolute; top: auto; bottom: 160px; left: calc(50% + 124px);}

    /*flow--------*/
    #crecara .flow{padding: 50px 0 25px; background: url(../images/bg_2.gif)repeat; background-size: 500px;}
    #crecara .flow .flow_wrap{ background:none; box-sizing: border-box;}
    #crecara .flow .flow_wrap h2{width: 100%; max-width: 500px; padding-left: 15px; margin: 0 auto;}
    #crecara .flow .flow_wrap h2 span{font-size: 10px;display: block; }
    #crecara .flow .flow_wrap h2 img{padding-top: 17px; height: 27px;}

    #crecara .flow .flow_wrap ul{padding-top: 53px; font-size: 0;width: 100%; margin: 0 auto;max-width: 500px;}
    #crecara .flow .flow_wrap ul li{width: 156px; display: inline-block; vertical-align: top;padding:0 15px 0;margin-bottom: 55px;}
    #crecara .flow .flow_wrap ul li:first-child{padding-left: 15px;}
    #crecara .flow .flow_wrap ul li .box{position: relative; width: 156px; height: 156px; border: 1px solid #000000;box-sizing: border-box; text-align: center;}
    #crecara .flow .flow_wrap ul li .box h3{position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto;width:  40px; height: 40px; background: #000000; border-radius: 20px;}
    #crecara .flow .flow_wrap ul li .box h3 img{width: 100%;}
    #crecara .flow .flow_wrap ul li .box > img{width: 100%;}
    #crecara .flow .flow_wrap ul li .box > img.arrow{width: 10px;position: absolute; top: 75px; right: -24px;}
    #crecara .flow .flow_wrap ul li .text_area{font-size: 10px; padding-top: 15px;line-height: 18px; margin:0 auto;text-align: left;letter-spacing: 0;}
    #crecara .flow .flow_wrap ul li .text_area h4{font-size: 16px; text-align: center; letter-spacing: 0.1em;}
    #crecara .flow .flow_wrap ul li .text_area .under_line{height: 1px; background: #000000; width: 19px; margin: 15px auto 12px; }

    /*faq--------*/
    #crecara .faq{padding: 50px 0 70px; background: url(../images/faq_bg.png)no-repeat bottom left; background-size: 375px; text-align: center;}
    #crecara .faq .faq_wrap{ background: url(../images/flow_bg.png)no-repeat top right;text-align: center;background-size:400px; }
    #crecara .faq h2{text-align: center;max-width: 500px;margin:0 auto;}
    #crecara .faq h2 span{font-size: 10px;display: block;}
    #crecara .faq h2 img{padding-top: 17px; height: 32px;}
    #crecara .faq ul{padding: 50px 15px 0 15px; display: inline-block; text-align: left;box-sizing: border-box;max-width: 500px;}
    #crecara .faq ul li{padding-bottom: 17px;}
    #crecara .faq ul li .icon_q{padding-bottom: 9px;}
    #crecara .faq ul li .icon_q h4{display: inline-block; background: #000000;width: 22px; height: 22px; vertical-align: top;margin-right: 12px;}
    #crecara .faq ul li .icon_q h4 img{width: 100%;}
    #crecara .faq ul li .icon_q p{display: inline-block;font-size: 12px;line-height: 22px;}
    #crecara .faq ul li .icon_a{}
    #crecara .faq ul li .icon_a h4{display: inline-block; background: #ffffff;width: 22px; height: 22px; vertical-align: top;margin-right: 12px;margin-top: 5px;}
    #crecara .faq ul li .icon_a h4 img{width: 100%;}
    #crecara .faq ul li .icon_a p{display: inline-block;font-size: 10px;line-height: 17px; font-weight: 400;width: calc(100% - 45px);}
    #crecara .faq ul li .icon_a p em{font-weight: 500;}

    /*footer--------*/
    #crecara footer{padding: 43px 0 0; background: url(../images/bg_3.png)repeat-x top center; background-size:825px; text-align: center;position: relative;}
    #crecara footer h4{padding-bottom: 24px;}
    #crecara footer h4 img{ width: 90%;max-width: 500px;}
    #crecara footer > img{width: 100%; }
    #crecara footer .sns{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto 0;}
    #crecara footer .sns a{display: inline-block;width: 26px;margin:0 15px;}
    #crecara footer .sns a img{width: 100%;}
    #crecara footer .sns a.sp_btn_crecara{display: block;width:125px; margin: 0 auto 40px;}
    #crecara footer .sns a.sp_btn_crecara span{position: absolute; display: block; top: 0; left: 0; right: 0; margin: 0 auto; color: #ffffff; font-size: 11px;z-index: 3; text-align: center; line-height: 19px;width: 125px;height: 125px;padding-top: 42px;transition: 0.3s color ease-out;}
    #crecara footer .sns a.sp_btn_crecara img{width: 125px; animation:20s linear infinite rotation1;}
    @keyframes rotation1{
        0%{ transform:rotate(0);}
        100%{ transform:rotate(360deg); }
    }
    #crecara footer .sns p{ padding-top: 35px;font-size: 11px;font-weight: 400;}
    #crecara footer .sns p span{font-size: 10px;display: block; padding: 12px 0 12px;}
}

@media screen and (max-width:320px) {
    /*kv--------*/
    #crecara .kv .kv_wrap{width: calc(100% - 20px);max-width: 500px;}
    #crecara .kv .kv_wrap h1{padding-top: 71px;}
    #crecara .kv .kv_wrap h1 span{display: block; font-size: 11px;letter-spacing: 0;}
    #crecara .kv .kv_wrap h1 img.kv_logo{padding: 35px 0; width: 215px;}
    #crecara .kv .kv_wrap h1 p{font-size: 11px; line-height: 25px; padding-bottom: 185px; letter-spacing: 0;}
    #crecara .kv .kv_wrap img.kv_word{position: absolute; width: 300px; bottom: 35px; left: 0;}

    #crecara .kv .kv_wrap img.kv_abs_1{top: 30px;right: 10px; left: auto; width: 50px;}
    #crecara .kv .kv_wrap img.kv_abs_2{position: absolute;bottom: -20px; top: auto;left: calc(50% + 10px); width: 187px;}
    #crecara .kv .kv_wrap .btn_crecara{display: none;}
    
    /*about--------*/
    #crecara .about .about_abs_1{width: 115px; position: absolute; top:6px; left: calc(50% - 40px);}
    #crecara .about .about_wrap > img{position: absolute; top: 30px; right:10px; padding-right: 0; width: 54px; vertical-align: top;}
    #crecara .about .about_wrap ul li{letter-spacing: 0;}
    #crecara .about .about_wrap ul li p{width: 230px;font-size: 10px;line-height: 20px;font-weight: 500;}
    
    /*flow--------*/
    #crecara .flow .flow_wrap ul li .box > img.arrow{display: none;}

}