@charset "utf-8";

#index1 {height:100vh;font-size:0;position:relative;}
#index11 {text-align:center;position:absolute;top:calc(50vh - 90px);left:0;width:100%;}
#index12 {text-align:center;position:absolute;bottom:50px;left:0;width:100%;}
#index12 img {opacity:.8;cursor:pointer;}
#index12 img:hover {opacity:1;}
#indexwrap {background:url(../images/cp_main_bg.png);}
#index2 {padding-top:120px;letter-spacing:.1em;}
#index20 {text-align:center;font-size:0;margin-bottom:40px;}
#index20 a {display:inline-block;width:240px;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);padding:10px 0 11px 5px;}
#index20 a:hover {background:rgba(255,255,255,.2);}
#index21 {text-align:center;font-size:0;margin-bottom:40px;}
#index21 a {display:inline-block;width:240px;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);padding:10px 0 11px 10px;}
#index21 a:hover {background:rgba(255,255,255,.2);}
#index22 {width:800px;margin:0 auto 200px;}
.index22c {margin-bottom:10px;border:1px solid rgba(255,255,255,.2);}
.index22c1 {cursor:pointer;font-size:16px;line-height:39px;text-align:center;}
.index22c1.open {border-bottom:1px solid rgba(255,255,255,.2);}
.index22c1:hover {background:rgba(255,255,255,.2);}
.index22c2 {display:none;padding:15px 0 0;}
.index22c2 .tab { width: 680px; margin: 15px auto 30px; display: flex; text-align: center;}
.index22c2 .tab a {width: 50%; display: block; font-size: 14px; line-height: 39px;color: #fff; border-bottom: 1px solid rgba(255,255,255,.2); text-decoration: none; cursor: pointer;}
.index22c2 .tab a:hover{background-color: rgba(255,255,255,.1);}
.index22c2 .tab a.active{background-color: rgba(255,255,255,.2);cursor: default;}
.index22c2 .regular, .index22c2 .outlet {display: none;}
.index22c2 .regular.show, .index22c2 .outlet.show {display: block;}
.index22c2 ul {display:flex;list-style-type:none;margin:0 auto 10px; text-align:center; flex-wrap: wrap;width: 680px;}
.index22c2 li {padding:0 15px;font-size:14px;line-height:24px;margin-bottom:18px; display: block; width: 33.3333%;box-sizing: border-box;}
.index22c2 li a {color:#c8c8c8;text-decoration:none;}
.index22c2 li a:hover {text-decoration:underline;}
#index3 {letter-spacing:.1em;padding-top:120px;}
#index31 {width:910px;margin:0 auto 155px;padding-right:50px;}
#index31::after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.index31c {display:block;float:left;width:250px;margin-left:80px;color:white;text-decoration:none;margin-bottom:35px;position:relative;}
.index31c.new::after {content:'';position:absolute;top:-2px;left:-2px;display:block;background:url(../images/cp_index4.png) no-repeat;width:38px;height:18px;}
.index31c:nth-child(3n+1) {clear:left;margin-left:0;}
.index31c1 {text-align:center;margin-bottom:12px;background:white;font-size:0;}
.index31c1 img {width:100%;height:auto;}
.index31c:hover .index31c1 img {opacity:.6;}
.index31c2 {font-size:16px;line-height:24px;margin-bottom:5px;}
.index31c3 {font-size:12px;line-height:18px;}
.index31c4 {color:#c8c8c8;font-size:10px;line-height:36px;letter-spacing:.1em;}
#index4 {width:910px;padding-right:50px;margin:0 auto 180px;padding-top:120px;letter-spacing:.1em;}
#index41 {font-size:20px;line-height:36px;margin-bottom:28px;}
#index42 {}
.index42c {margin-bottom:40px;}
.index42c1 {font-size:16px;line-height:36px;color:white;}
.index42c2 {font-size:14px;line-height:36px;list-style-type:none;color:#c8c8c8;}
.index42c2 a {color:#c8c8c8;text-decoration:none;}
.index42c2 a:hover {text-decoration:underline;}
#index43 {}
#index431 {font-size:16px;line-height:36px;margin-bottom:5px;}
#index432 {padding:0 16px;}
.index432c {}
.index432c1 {font-size:14px;line-height:36px;}
.index432c2 {color:#c8c8c8;font-size:14px;line-height:36px;margin-bottom:35px;}
.index432c2 li {display:inline;}
.index432c2 li::after {content:' / ';}
.index432c2 li:last-child::after {content:none;}
.index432c2 li a {color:#c8c8c8;text-decoration:none;white-space:nowrap;}
.index432c2 li a:hover {text-decoration:underline;}
#index5 {padding-top:120px;width:910px;padding-right:50px;margin:0 auto;letter-spacing:.1em;}
#index51 {margin-bottom:200px;}
#index51::after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#index511 {float:left;width:450px;}
#index511 dt {font-size:20px;line-height:30px;font-weight:bold;}
#index511 dd {color:#c8c8c8;font-size:16px;line-height:36px;margin-bottom:45px;}
#index512 {float:right;width:370px;padding-top:300px;}
#index5121 {font-size:20px;line-height:36px;letter-spacing:.05em;}
#index5122 {font-size:14px;line-height:36px;color:#c8c8c8;margin-bottom:5px;}
#index5123 {font-size:12px;line-height:24px;color:#c8c8c8;}
#index52 {text-align:center;padding-bottom:60px;padding-left:50px;}
#index52 img {opacity:.8;}
#index52 a:hover img {opacity:1;}


@media screen and (max-width: 640px) {

#index1 {}
#index11 {background:url(../images/sp_cp_index1.png) no-repeat center;height:240px;top:calc(50vh - 120px);}
#index11 img {display:none;}
#index12 {bottom:60px;}
#index12 a {display:block;background:url(../images/sp_cp_index1_1.png) no-repeat center;height:37px;width:59px;margin:0 auto;}
#index12 img {display:none;}
#index2 {padding-top:140px;}
#index20 a {width:340px;height:60px;padding:0;background:url(../images/sp_cp_index2.png) no-repeat 32px 21px;}
#index20 a:hover {background:url(../images/sp_cp_index2.png) no-repeat 32px 21px;}
#index20 a img {display:none;}
#index21 {}
#index21 a {width:340px;height:60px;padding:0;background:url(../images/sp_cp_index2_1.png) no-repeat 32px 21px;}
#index21 a:hover {background:url(../images/sp_cp_index2_1.png) no-repeat 37px 21px;}
#index21 a img {display:none;}
#index22 {width:480px;margin:0 auto 60px;}
.index22c {margin-bottom:20px;}
.index22c1 {font-size:22px;line-height:58px;max-height:100%;}
.index22c1.open {}
.index22c2 {padding:25px 0 3px;}
.index22c2 .tab { width: 100%; padding: 0 15px; box-sizing: border-box;}
.index22c2 .tab a {font-size: 20px; padding: 15px 0 15px;}
.index22c2 ul { width: 100%;display:block; margin-bottom:0; text-align: center;padding: 0 15px; box-sizing: border-box;}
.index22c2 li {padding:0 30px;font-size:20px;line-height:32px;margin-bottom:22px; width: 100%;}
#index3 {padding-top:140px;}
#index31 {width:540px;margin:0 auto 50px;padding-right:0;}
.index31c {margin-left:40px;margin-bottom:50px;}
.index31c.new::after {top:-4px;left:-4px;background:url(../images/sp_cp_index4.png) no-repeat;width:66px;height:30px;}
.index31c:nth-child(3n+1) {clear:none;margin-left:40px;}
.index31c:nth-child(2n+1) {clear:left;margin-left:0;}
.index31c1 {margin-bottom:13px;}
.index31c2 {font-size:22px;line-height:32px;margin-bottom:6px;}
.index31c3 {font-size:16px;line-height:24px;margin-bottom:3px;}
.index31c4 {font-size:14px;line-height:36px;}
#index4 {padding-top:140px;width:480px;padding-right:0;margin:0 auto 40px;}
#index41 {font-size:22px;line-height:36px;margin-bottom:15px;}
#index42 {}
.index42c {margin-bottom:45px;}
.index42c1 {font-size:20px;line-height:32px;margin-bottom:13px;}
.index42c2 {font-size:20px;line-height:28px;max-height:100%;}
.index42c2 li {margin-bottom:26px;}
.index42c2 a {}
#index43 {}
#index431 {font-size:20px;margin-bottom:2px;}
#index432 {padding:0 20px;}
.index432c {}
.index432c1 {font-size:20px;}
.index432c2 {font-size:20px;line-height:54px;margin-bottom:36px;}
#index5 {padding-top:140px;width:480px;padding-right:0;}
#index51 {margin-bottom:235px;}
#index511 {float:none;width:auto;}
#index511 dl {max-height:100%;}
#index511 dt {font-size:22px;line-height:36px;}
#index511 dd {font-size:20px;line-height:40px;margin-bottom:65px;}
#index512 {float:none;width:auto;padding-top:0;}
#index5121 {font-size:20px;line-height:36px;}
#index5122 {font-size:20px;line-height:40px;}
#index5123 {font-size:16px;line-height:28px;}
#index52 {padding-bottom:40px;padding-left:0;}
#index52 a {background:url(../images/sp_cp_index3.png) no-repeat;width:59px;height:37px;display:block;margin:0 auto;}
#index52 img {display:none;}
#index52 a:hover img {opacity:1;}

}