.con_titlesp { width: 100%; height: 0; padding-top: 60.714285714285714%; position: relative;}
.con_titlefadein { width: 100%; height: 0; padding-top: 60.714285714285714%; position: absolute; top: 0; left: 0; display: none;}
.con_titlebg { width: 100%; height: 0; padding-top: 60.714285714285714%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

.nkm { box-sizing: border-box; width: 100%; margin: 0 auto; color: rgba(0, 0, 0, 1); padding: 10px;}

.kkm { box-sizing: border-box; width: 100%; margin: 0 auto 25px auto; border: 1px solid rgba(195, 13, 35, .8); box-shadow: rgba(157, 18, 35, .1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(157, 18, 35, .1) 0px 1px 2px 2px; -moz-box-shadow: rgba(157, 18, 35, .1) 0px 1px 2px 2px; background-color: rgba(173, 114, 121, .4);}

#interview_sp .waku1 { box-sizing: border-box; width: 100%; border: 1px solid rgba(143, 84, 91, .5); padding: 5px 5px 40px 5px; margin: 0 auto 10px auto; background-color: rgba(143, 84, 91, .8); background-image: radial-gradient(rgba(255, 255, 255, .3) 40%, transparent 40%), radial-gradient(rgba(255, 255, 255, .3) 20%, transparent 20%); background-position: 0 0, 40px 40px; background-size: 80px 80px; background-color: rgba(143, 84, 91, .2);  background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%), linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.29) 50%); background-size: 43px, 59px, 67px, 83px;}
#interview_sp .waku2 { box-sizing: border-box; width: 100%; border: 1px solid rgba(143, 84, 91, .25); background: rgba(255, 255, 255, 1);}
.waku2 dl { width: 100%; margin: 0 auto;}
.waku2 dt { padding: 12px 10px; background: rgba(143, 84, 91, .05); color: rgba(143, 84, 91, .9); letter-spacing: .01em; font-weight: bold; line-height: 140%;}
.waku2 dd { max-width: 800px; margin: 0 auto; padding: 12px; line-height: 200%; letter-spacing: .1em;}
.waku2 dd:last-of-type { padding-bottom: 40px;}

.mainp_all { width: 100%; max-width: 800px; margin: 0 auto 12px auto;}
.mainp_sp { width: 100%; height: 0; padding-top: 66.625%; position: relative;}
.mainp { width: 100%; height: 0; padding-top: 66.625%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

.next-btn { width: 95%; max-width: 500px; height: 35px; margin: -20px auto 5px auto; position: relative;}
.next-btn2, .next-btn15 { height: 55px; margin: -25px auto 5px auto;}
.next-btn a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; text-align: center; background: rgba(166, 3, 9, .8); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.next-btn a span { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 120%; color: rgba(255, 255, 255, 1); letter-spacing: .1em; font-weight: bold;}
.next-btn a:hover { opacity: .8;}

.p_btnset { width: 210px; margin: 15px auto;}
.set3 { width: 150px;}
.set5 { width: 260px;}
.set6 { width: 300px;}
.p_btnset ul:before, .p_btnset ul:after { content: ""; display: table;}
.p_btnset ul:after { clear: both;}
.p_btnset li.lnkoff { box-sizing: border-box; width: 40px; height: 40px; margin: 0 5px; float: left; background: rgba(143, 84, 91, .3); border: 2px solid rgba(255, 255, 255, 1); position: relative;}
.p_btnset li.lnkon { box-sizing: border-box; width: 40px; height: 40px; margin: 0 5px; float: left; position: relative;}
.p_btnset li a { box-sizing: border-box; width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 1); border: 2px solid rgba(166, 3, 9, .8);}
.p_btnset li a:hover { background: rgba(255, 255, 255, .5); border: 2px solid rgba(166, 3, 9, .4);}
.p_btnset li.lnkoff span { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 160%; color: rgba(255, 255, 255, 1); font-weight: bold; text-align: center;}
.p_btnset li a span { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 160%; color: rgba(166, 3, 9, .8); font-weight: bold; text-align: center;}

.archive { width: 100%; margin: 0px auto; border-top: 2px dotted rgba(255, 255, 255, 1);}
.archive ul:before, .archive ul:after { content: ""; display: table;}
.archive ul:after { clear: both;}
.archive li { box-sizing: border-box; margin: 5px .9%; float: left; background: rgba(255, 255, 255, 1); border: 1px solid rgba(143, 84, 91, .3);}
.archive .acv_sp { width: 100%; height: 0; padding-top: 84.507042253521127%; position: relative;}
.archive .acv { width: 100%; height: 0; padding-top: 84.507042253521127%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
.archive .acv_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.archive .acv_sp a:hover { opacity: .75;}

#acv1 .a1t a, #acv2 .a2t a, #acv3 .a3t a, #acv4 .a4t a, #acv5 .a5t a, #acv6 .a6t a, #acv7 .a7t a, #acv8 .a8t a, #acv9 .a9t a, #acv10 .a10t a { opacity: .35; cursor: default; pointer-events: none;}
.archive li { width: 31%;}

/*for_W480-*/
@media screen and (min-width: 480px) {
.archive li { width: 23%;}
.next-btn15 { height: 35px; margin: -20px auto 5px auto;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
.next-btn2 { height: 35px; margin: -20px auto 5px auto;}
}

/*for_W768-*/
@media screen and (min-width: 768px) {
.waku2 dt { padding: 16px; font-size: 120%; text-align: center;}
.waku2 dd { padding: 16px; font-size: 110%;}
}
/*for_W1000-*/
@media screen and (min-width: 1000px) {
.waku2 dt { padding: 20px; font-size: 140%; text-align: center; letter-spacing: .1em;}
.waku2 dd { margin: 20px auto; font-size: 120%;}
.next-btn { height: 45px; margin: -25px auto 5px auto; position: relative;}
.next-btn a span { font-size: 140%; letter-spacing: .2em;}
}



.archive { max-width: 775px;}