#index .contents{border-left:#00adb0 30px solid;border-right:#fff 30px solid;background:#033}#index .index-panel{width:100%;position:relative}#index .index-panel a{display:block;width:100%;height:100%;position:relative}#index .index-panel a .index-panel-bg{position:absolute;overflow:hidden;left:0;top:0;z-index:0;width:100%}#index .index-panel a .index-panel-bg img{display:block;position:relative;transition-property:opacity;transition-duration:.1s;transition-timing-function:ease-in-out}#index .index-panel a:hover .index-panel-bg img{opacity:.5}#index .index-panel a .index-panel-contents{width:870px;position:relative;z-index:1;margin:0 auto}#index .index-panel a .index-panel-contents .index-panel-erea{float:left;width:260px;display:table;vertical-align:middle;position:relative}#index #vol01 a .index-panel-contents .index-panel-erea{height:225px;background:url(/pickup/CRANEs/vol01/assets/img/map_shape.png) center top no-repeat}#index #vol02 a .index-panel-contents .index-panel-erea{height:275px;background:url(/pickup/CRANEs/vol02/assets/img/map_shape.png) center top no-repeat}#index #vol03 a .index-panel-contents .index-panel-erea{height:231px;background:url(/pickup/CRANEs/vol03/assets/img/map_shape.png) center top no-repeat}#index #vol04 a .index-panel-contents .index-panel-erea{height:205px;background:url(/pickup/CRANEs/vol04/assets/img/map_shape.png) center top no-repeat}#index .index-panel a .index-panel-contents .index-panel-erea .icon-new{position:absolute;left:0;top:30px;width:62px;height:37px;white-space:nowrap;text-indent:100%;overflow:hidden;background:url(/pickup/CRANEs/assets/img/common/icon_new.png) left top no-repeat}#index .index-panel a .index-panel-contents .index-panel-erea h1{display:table-cell;height:100%;vertical-align:middle}#index .index-panel a .index-panel-contents .index-panel-erea h1 span{display:block;width:115px;margin:15px 0 0;text-align:right;color:#fff}#index .index-panel a .index-panel-contents .index-panel-erea h1 span:first-child{margin:0}#index .index-panel a .index-panel-contents .index-panel-erea h1 span.t18{line-height:150%}#index .index-panel a .index-panel-contents .index-panel-erea h1 span.icon-arrow01{margin:20px 0 0 74px;width:41px;height:41px;white-space:nowrap;text-indent:100%;overflow:hidden;background:url(/pickup/CRANEs/assets/img/common/icon_arrow01.png) left top no-repeat}#index .index-panel a .index-panel-contents .index-panel-title{float:right;width:580px}#index .index-panel a .index-panel-contents .index-panel-title h2{color:#fff;line-height:180%}#index #vol01 a .index-panel-contents .index-panel-title h2{padding:15px 0 0}#index #vol02 a .index-panel-contents .index-panel-title h2{padding:60px 0 0}#index #vol03 a .index-panel-contents .index-panel-title h2{padding:35px 0 0}#index #vol04 a .index-panel-contents .index-panel-title h2{padding:35px 0 0}.sp #index .contents{border-left:#00adb0 10px solid;border-right:#fff 10px solid}.sp #index .index-panel{min-height:250px;max-height:300px;overflow:hidden}.sp #index .index-panel a .index-panel-contents{width:auto}.sp #index .index-panel a .index-panel-bg{position:absolute;overflow:hidden;left:0;top:0;z-index:0}.sp #index .index-panel a .index-panel-bg img{width:100%;height:auto;opacity:.9}.sp #index .index-panel a .index-panel-contents .index-panel-erea{float:none;margin:0 20px;width:auto;display:block;vertical-align:middle;position:relative}.sp #index #vol01 a .index-panel-contents .index-panel-erea{height:auto;min-height:110px;background:url(/pickup/CRANEs/vol01/assets/img/map_shape.png) left top no-repeat;background-size:100px auto}.sp #index #vol02 a .index-panel-contents .index-panel-erea{height:auto;min-height:150px;background:url(/pickup/CRANEs/vol02/assets/img/map_shape.png) left top no-repeat;background-size:105px auto}.sp #index #vol03 a .index-panel-contents .index-panel-erea{height:auto;min-height:150px;background:url(/pickup/CRANEs/vol03/assets/img/map_shape.png) left top no-repeat;background-size:105px auto}.sp #index #vol04 a .index-panel-contents .index-panel-erea{height:auto;min-height:150px;background:url(/pickup/CRANEs/vol04/assets/img/map_shape.png) left top no-repeat;background-size:105px auto}.sp #index .index-panel a .index-panel-contents .index-panel-erea .icon-new{position:absolute;left:-10px;top:-30px;width:40px;height:37px;white-space:nowrap;text-indent:100%;overflow:hidden;background:url(/pickup/CRANEs/assets/img/common/icon_new_x2.png) left top no-repeat;background-size:40px auto}.sp #index .index-panel a .index-panel-contents .index-panel-erea h1{display:block;text-align:left}.sp #index .index-panel a .index-panel-contents .index-panel-erea h1 span{display:block;width:115px;margin:5px 0 0;text-align:left;color:#fff}.sp #index .index-panel a .index-panel-contents .index-panel-erea h1 span:first-child{margin:40px 0 0}.sp #index .index-panel a .index-panel-contents .index-panel-erea h1 span.t50,.sp #index .index-panel a .index-panel-contents .index-panel-erea h1 span.t18{font-size:16px}.sp #index .index-panel a .index-panel-contents .index-panel-erea h1 span.icon-arrow01{margin:5px 0 0;width:20px;height:20px;background:url(/pickup/CRANEs/assets/img/common/icon_arrow01.png) left top no-repeat;background-size:20px 20px}.sp #index .index-panel a .index-panel-contents .index-panel-title{float:none;width:auto;margin:0 20px;position:relative}.sp #index #vol02 a .index-panel-contents .index-panel-title,.sp #index #vol03 a .index-panel-contents .index-panel-title,.sp #index #vol04 a .index-panel-contents .index-panel-title,.sp #index #vol05 a .index-panel-contents .index-panel-title,.sp #index #vol06 a .index-panel-contents .index-panel-title,.sp #index #vol07 a .index-panel-contents .index-panel-title,.sp #index #vol08 a .index-panel-contents .index-panel-title,.sp #index #vol09 a .index-panel-contents .index-panel-title,.sp #index #vol10 a .index-panel-contents .index-panel-title{margin-top:-50px}.sp #index .index-panel a .index-panel-contents .index-panel-title h2{color:#fff;line-height:180%;font-size:15px}.sp #index .index-panel a .index-panel-contents .index-panel-title h2 .en{font-size:17px}.sp #index #vol01 a .index-panel-contents .index-panel-title h2,.sp #index #vol02 a .index-panel-contents .index-panel-title h2,.sp #index #vol03 a .index-panel-contents .index-panel-title h2,.sp #index #vol04 a .index-panel-contents .index-panel-title h2,.sp #index #vol05 a .index-panel-contents .index-panel-title h2,.sp #index #vol06 a .index-panel-contents .index-panel-title h2,.sp #index #vol07 a .index-panel-contents .index-panel-title h2,.sp #index #vol08 a .index-panel-contents .index-panel-title h2,.sp #index #vol09 a .index-panel-contents .index-panel-title h2,.sp #index #vol10 a .index-panel-contents .index-panel-title h2{padding:0}