/* CSS Document */
@charset "UTF-8";

@media(max-width:834px){
	.sp_only{display: block;}
	.pc_only{display: none;}

    .textfont70{font-size: 60px;}

    .header{width:100%; padding: 30px 15px 5px; box-sizing: border-box;}
    
    .header .area02{height: inherit;}
    .header .area02 ul{display:block;margin-top: 100px;}
    .header .area02 li{display:block;margin-top: 10px;}
    .header .area02 .line a{height: 100%;}
    .header .area02 .line a p{padding-left: 80px;margin-bottom: 5px;}
    .header .area02 .base{display: inline-block;padding: 10px 30px;border: 1px solid #FFF;margin-left: 30px;margin-top: 50px; transition: 0.5s;}
    .header .area02 .base:hover {background: #FFF;color: #000;}

    .footer_outer{background:#000; }
    .footer{width:100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
    .footer .logo{width: 240px;}
    .footer .fb{margin: 35px auto 30px}
    
    .bunner {width:100%;margin-bottom: 25px;}
    
    .kv{width: 100%;margin-top: 0;}
    .kv .title-area{width: 315px;height:36px;}
    .kv .text{padding: 11px 0px; top:-20px;}
    .kv .titleE{font-size: 24px;letter-spacing: 2px;line-height: 30px}
    .kv .title{font-size: 16px;}
    
    .top .slide {width:100%;margin-top: 0;}
    .top .keyword{width:300px;max-width: 100%;padding-bottom: 45px;}
    
    .top .sec01_outer{background-image:url("../img/top/bg01_sp.jpg");margin-bottom: 25px;}
    .top .sec01 {width:100%; padding:150px 15px 40px; box-sizing: border-box;}
    .top .sec01 .items{display:block;}
    .top .sec01 .items >*{width:100%;margin-bottom: 45px;}
    .top .sec01 .items >*::after{content: ""; display: block;clear: both;}
    .top .sec01 .items .title{margin: 10px auto 35px;}
    .top .sec01 .items .item01 .img::after{height: 30px;}
    .top .sec01 .items .link{margin-top: 25px;margin-right: 10px;}
    .top .sec01 .area01 {top:-5px; bottom: inherit;right: 49%;transform: translateY(0%) translateX(50%);  -webkit- transform: translateY(0%) translateX(50%);}
    
    .top .sec02_outer{background-image:url("../img/top/bg02_sp.jpg");margin-bottom: 25px;}
    .top .sec02 {width:100%; padding:125px 15px 170px; box-sizing: border-box;}
    
    .top .sec03_outer {background-image:url("../img/top/bg03_sp.jpg");width:100%; padding:0 15px; box-sizing: border-box;margin-bottom: 25px;}
    .top .sec03 {width:100%;padding: 195px 0 30px;}
    .top .sec03 .area01{padding: 0;}
    .top .sec03 .area01 .day{padding-left: 0;}
    .top .sec03 .area02 {top:60px ;right: 0; bottom: inherit;}

    .top .sec04_outer{margin-bottom: 25px;background: linear-gradient(to top, #E5E5E5 450px, #FFF 450px)}
    .top .sec04 {width:100%; padding:30px 15px 200px; box-sizing: border-box;}
    .top .sec04 .area01 .title{display: block;margin-bottom: 15px;}
    .top .sec04 .area01 .sub{display: block;}
    .top .sec04 .area02 > *{width: 100%;}
    .top .sec04 .area02 .name{width: 100%;padding: 15px 0 35px;}
    .top .sec04 .area03 {right: 50%; bottom: 150px;transform: translateY(0%) translateX(50%);  -webkit- transform: translateY(0%) translateX(50%);}
    .top .sec04 .area03 .title{white-space: nowrap;}
    .top .sec04 .area04 {left: 50%; transform: translateY(0%) translateX(-50%);  -webkit- transform: translateY(0%) translateX(-50%);}
    
    .top .sec05_outer{background-image:url("../img/top/bg04_sp.jpg");margin-bottom: 25px;}
    .top .sec05 {width:100%;padding: 140px 15px 160px; box-sizing: border-box;}
    
    
    .arrowshoot .sec01_outer{background-image: url("../img/arrowshoot/bg01_sp.jpg");}
    .arrowshoot .sec01{width: 100%; padding: 65px 15px; box-sizing: border-box;margin-bottom: 0px;}
    .arrowshoot .sec01 .img{width: 315px;}
    .arrowshoot .sec01 .title{margin: 40px 0 50px;}
    .arrowshoot .sec01 .text01{display: block;padding-bottom: 20px; margin-bottom: 20px;}
    .arrowshoot .sec01 .text02{margin-bottom: 20px;}
    .arrowshoot .sec01 .text03{text-align: left;}
    
    .arrowshoot .sec02{width: 100%;margin-bottom: 25px;}
    .arrowshoot .sec02 .area01,
    .arrowshoot .sec02 .area02,
    .arrowshoot .sec02 .area03,
    .arrowshoot .sec02 .area04{display: block;}
    .arrowshoot .sec02 .area01 > *,
    .arrowshoot .sec02 .area02 > *,
    .arrowshoot .sec02 .area03 > *,
    .arrowshoot .sec02 .area04 > *{width: 100%;}
    
    .arrowshoot .sec02 .area01 .text-area,
    .arrowshoot .sec02 .area02 .text-area,
    .arrowshoot .sec02 .area03 .text-area,
    .arrowshoot .sec02 .area04 .text-area{padding: 0 15px; box-sizing: border-box;}

    .arrowshoot .sec02 .area01 .title,
    .arrowshoot .sec02 .area02 .title,
    .arrowshoot .sec02 .area03 .title,
    .arrowshoot .sec02 .area04 .title{margin-top: 30px;margin-bottom: 10px;}
    
    .arrowshoot .sec02 .area01 .sub,
    .arrowshoot .sec02 .area02 .sub,
    .arrowshoot .sec02 .area03 .sub,
    .arrowshoot .sec02 .area04 .sub{letter-spacing: 2px;}
    
    .arrowshoot .sec02 .area01 .text,
    .arrowshoot .sec02 .area02 .text,
    .arrowshoot .sec02 .area03 .text,
    .arrowshoot .sec02 .area04 .text{margin-top: 10px;margin-bottom: 40px;letter-spacing: 0px;}
    
    .arrowshoot .sec02 .area05{width: 100%; padding:  305px 15px 95px;background-image: url("../img/arrowshoot/arrowshoot06_sp.jpg");}
    .arrowshoot .sec02 .area05 .title{top:-6px; bottom: inherit;}
    .arrowshoot .sec02 .area05 .sub{padding-bottom: 30px;}
    .arrowshoot .sec02 .area05 dt{width: 50px;}
    .arrowshoot .sec02 .area05 dd{width: calc(100% - 50px);}

    .arrowshoot .sec03_outer {background: linear-gradient(to bottom,#FFF 20px,#E5E5E5 20px,#E5E5E5 480px,#FFF 480px);}
    .arrowshoot .sec03 {width: 100%;padding: 0 15px; box-sizing: border-box;margin-top: -15px;}
    .arrowshoot .sec03 .title{margin-left: -15px;}
    .arrowshoot .sec03 .area01{margin-top: 20px;margin-bottom: 15px;}
    .arrowshoot .sec03 .area01 > *{width: 48%;}

    /*news_list*/
    .news.list .sec01_outer {background: linear-gradient(to bottom , #E5E5E5 470px, #FFF 470px);}
    .news.list .sec01{width: 100%; padding: 35px 15px 65px; box-sizing: border-box;}
    .news.list .sec01 .news{width: 100%;}
    .news.list .sec01 .news .area01{margin-bottom: 40px;}
    .news.list .sec01 .news .title{margin-bottom: 5px;}
    .news.list .sec01 .list{margin-bottom: 50px;}
    
    .news.info .sec01_outer {background: linear-gradient(to bottom , #E5E5E5 475px, #FFF 475px);}
    .news.info .sec01 {width: 100%; padding: 55px 15px 60px; box-sizing: border-box;}
    .news.info .sec01 .det{padding: 30px 25px;}
    .news.info .sec01 .area01_01{display: block;}
    .news.info .sec01 .screen1 {width: 100%;}
    .news.info .sec01 .screen1 .main_image{width: 100%;height: 70vw;margin-bottom: 5px;}
    .news.info .sec01 .text-area{width: 100%;}
    .news.info .sec01 .day{margin-top: 30px;}
    .news.info .sec01 .listlink p{margin-top: 35px;}
    
    .lineup.list .sec01 {width: 100%;padding: 80px 15px 50px; box-sizing: border-box;}
    .lineup.list .sec01 .area01 .links {margin-bottom: 40px;}
    .lineup.list .sec01 .area01 .links li{display: block;text-align: left;}
    .lineup.list .sec01 .area01 .links li p{display: inline-block;margin-bottom: 20px;}
    .lineup.list .sec01 .area02{margin-top: 20px;}
    .lineup.list .sec01 .area02 > *{width: 100%;}
    .lineup.list .sec01 .area02 .text{margin: 17px auto 18px;}
    
    .lineup.info .sec01 {width: 100%; padding-left:15px;padding-right:15px; box-sizing: border-box;}
    .lineup.info .sec01 .det{padding: 30px 25px;}
    .lineup.info .sec01 .area01_01{display: block;}
    .lineup.info .sec01 .screen1 {width: 100%;}
    .lineup.info .sec01 .screen1 .main_image{width: 100%;height: 70vw;margin-bottom: 5px;}
    .lineup.info .sec01 .text-area{width: 100%;}
    .lineup.info .sec01 .listlink p{margin-top: 20px;}
    
    
    .order .sec01_outer{padding-top: 80px; padding-bottom: 20px; background: linear-gradient(to bottom , #E5E5E5 400px, #FFF 400px);}
    .order .sec01{width: 100%;padding-left: 15px; padding-right: 15px;box-sizing: border-box;}
    .order .sec01 .message{top:60px; left: 10px;}
    .order .sec01 .link-area{display: block;height: auto;}
    .order .sec01 .link-area > *{width: 100%;}
    .order .sec01 .link-area .img{margin: 35px auto 30px;width: 242px;}

    .order .sec01 .img-area .link{position: static;margin: 35px auto 40px;}


    .order .lure_info{width: 100%;padding-left: 15px; padding-right: 15px;padding-bottom:60px;box-sizing: border-box;}
    .order .lure_info .area01{margin-bottom: 40px;}
    .order .lure_info .area01 .img{width:315px;}
    .order .lure_info .area02{display: block;}
    .order .lure_info .area02_01 {width:100%;}
    .order .lure_info .area02_02 {width:100%;margin-top: 60px;}
    .order .lure_info .area02_01 .title{font-size: 21px;letter-spacing: -1px;}
    .order .lure_info .area02_02 .text{letter-spacing: -1px;}
    .order .lure_info .area03 {width: 100%;}
    .order .lure_info .area03 .img-area {display: block;margin-bottom: 10px;}
    .order .lure_info .area03 .img-area > * {width:100%;margin-bottom: 10px;}


    .order .lure_info .area04::before {display: none;}
    .order .lure_info .area04_01{margin-top: 50px;}
    .order .lure_info .area04_01 > *{width: 48%;}
    .order .lure_info .area04 .listlink p{ margin-top: 0px;}

    .order .lure_info#YURARI .area01 .img{width:41px;margin-top: 0;}

    .order .sec04_outer{background-image: url("../img/order/bg01_sp.jpg");}
    .order .sec04{width: 100%;padding-top: 50px; padding-left: 15px; padding-right: 15px;padding-bottom: 60px; box-sizing: border-box;}
    .order .sec04 .area01{text-align: center;margin-bottom: 30px;}
    .order .sec04 .area02{display: block;}
    .order .sec04 .area02_01{width: 100%;}
    .order .sec04 .area02_02{width: 100%;margin-top: 35px;}
    .order .sec04 .area02_02 .title{margin-bottom: 15px;}
    .order .sec04 .area02_02 .listlink {position: static;}
    .order .sec04 .area02_02 .listlink p{ margin-top: 50px;}

    .concept .sec01_outer{background-image: url("../img/concept/bg01_sp.jpg");margin-bottom: 120px;}
    .concept .sec01{width: 100%; padding-left: 15px; padding-right: 15px;padding-top: 50px;padding-bottom: 110px; box-sizing: border-box;}
    .concept .sec01 .title{width: 100%;font-size: 50px;line-height: 72px;margin-bottom: 30px;}
    .concept .sec01 .sub{font-size: 20px;line-height: 35px;}
    .concept .sec01 .text{letter-spacing: 0px;}
    .concept .sec01 .img{ width: 180px;bottom:-90px;}

    .concept .sec02_outer{margin-bottom: 30px;}
    .concept .sec02{width: 100%; padding-left: 15px; padding-right: 15px;box-sizing: border-box;display: block;}
    .concept .sec02 .area01{width: 100%;}
    .concept .sec02 .area02{width: 100%;padding-top: 25px;}
    .concept .sec02 .title{width: 100%;font-size: 60px;line-height: 76px;}

    .concept .sec03_outer{background-image: url("../img/concept/bg02_sp.jpg");margin-bottom: 70px;}
    .concept .sec03{width: 100%; padding-left: 15px; padding-right: 15px;padding-top: 275px;padding-bottom: 60px; box-sizing: border-box;}
    .concept .sec03 .titleE{ width: 100%;font-size: 60px;line-height: 76px;margin-bottom: 20px;}
    .concept .sec03 .text{margin-top:20px;width: 100%;}

    .concept .sec04_outer{margin-bottom: 30px;}
    .concept .sec04{width: 100%; padding-left: 15px; padding-right: 15px;box-sizing: border-box;display: block;}
    .concept .sec04 .area01{width: 100%;}
    .concept .sec04 .area02{width: 100%;padding-top: 20px;}
    .concept .sec04 .title{width: 100%;font-size: 60px;line-height: 76px;}

    .concept .sec05_outer{background-image: url("../img/concept/bg03_sp.jpg");margin-bottom: 60px;}
    .concept .sec05{width: 100%; padding-left: 15px; padding-right: 15px;padding-top: 295px;padding-bottom: 35px;  box-sizing: border-box;}
    .concept .sec05 .titleE{ width: 100%;font-size: 60px;line-height: 76px;margin-bottom: 20px;}
    .concept .sec05 .text{width: 100%;}

    .concept .sec06{width: 100%;padding-left: 15px; padding-right: 15px;box-sizing: border-box;background-image: url("../img/concept/bg04_sp.jpg");display: block;padding-top: 0px;padding-bottom:45px;}
    .concept .sec06 .area01{width: 100%;}
    .concept .sec06 .area02{width: 100%;}
    .concept .sec06 .titleE{font-size: 38px;line-height: 66px;}
    .concept .sec06 .text1{width: 90px;line-height: 22px;margin-bottom: 10px;}
    .concept .sec06 .text2::before{position: absolute; top:0; left: -20px;}
    .concept .sec06 .text2{width: calc(100% - 110px);position: relative;line-height: 22px;margin-bottom: 10px;}
    .concept .sec06 a{margin: 0 auto;}
    .concept .sec06 .link{position: static;margin-top: 150px; text-align: center;}


    /*contact list*/
    .contact.form .sec01_outer {background: linear-gradient(to bottom, #E5E5E5 300px, #FFF 300px);padding-top:15px;}
    .contact.form .sec01 {width: 100%;padding-left: 5%; padding-right: 5%; box-sizing: border-box;background: none;}
    .contact.form .sec01 .text02{letter-spacing: 0px;margin-top: 10px;padding-bottom: 35px;margin-bottom: 40px;}
    .contact.form .sec01 .caption{margin-bottom: 0;}
    .contact.form .sec01 form .item{display: block;padding-bottom: 5px;}
    .contact.form .sec01 form .item:last-of-type{margin-bottom: 35px;}
    .contact.form .sec01 form .title{width:100%;line-height: 40px; vertical-align: top;}
    .contact.form .sec01 form .input{width:100%;}
    .contact.reform .sec01 .tel02{letter-spacing: 0px;}
	
	/*========2021/10/28/追記/成瀬 アローシュート90mm========*/
.arrowshoot .sec01_outer.as90{background: url("../img/arrowshoot/bg01_as90_sp.jpg") }
.arrowshoot .sec01_outer.as90 .sec01{ padding: 90px 15px 65px; }
.arrowshoot .sec02.as90 .area02 figure {width: 100%;}
.arrowshoot .sec02.as90 .area02 figure video {height:100%; width: auto;position: absolute; top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    }
 
}