@charset "UTF-8";
@media screen and (min-width: 768px),print {
.main-title{background: url(../images/404/h1.jpg)no-repeat top center; background-size: cover;}

#contentsmain {margin: 0 auto;position: relative;padding: 24px 2.6rem 115px 2.6rem;max-width: 1160px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box ul { float: left; }
#contentsmain .inner-Box ul.list1 { width: 26.3%; }
#contentsmain .inner-Box ul.list2 { width: 24.6%; }
#contentsmain .inner-Box ul.list3 { width: 21.5%; }
#contentsmain .inner-Box ul.list4 { }
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li a{font-size: 1.6rem;letter-spacing: 0.16rem;position: relative;padding: 0 0 0 17px;margin-bottom: 12px;display: block;}
#contentsmain .inner-Box ul li a::before{content: "";background: url(../images/common/navi-arr02.svg);width: 4px;height: 7px;display: block;position: absolute;top: 14px;left: 4px;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box ul li a:hover::before{ left: 8px; }


}

@media screen and (max-width: 767px) {
.main-title{background: url(../images/404/sp-h1.jpg)no-repeat top center;background-size: 100% auto;}

#contentsmain {margin: 2.9vw 4.2vw 11.8vw;position: relative;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box ul {  }
#contentsmain .inner-Box ul.list1 {}
#contentsmain .inner-Box ul.list2 {}
#contentsmain .inner-Box ul.list3 {}
#contentsmain .inner-Box ul.list4 { }
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li a{font-size: 4.27vw;letter-spacing: 0.43vw;position: relative;padding: 0 0 0 4.53vw;margin-bottom: 4.54vw;display: block;}
#contentsmain .inner-Box ul li a::before{content: "";background: url(../images/common/navi-arr02.svg);width: 1.07vw;height: 1.87vw;display: block;position: absolute;top: 3.73vw;left: 1.07vw; background-size: 100% auto;}

}