@charset "UTF-8";

.contents-all-box { width: 90vw; margin: auto; position: relative; }
.contents-all-box-inner { width: 54%; position: absolute; top: -5vw; right: 0; z-index: 1; }
.contents-all-title { padding: 1vw 0; font-family: "goldenbook"; font-weight: 400; letter-spacing: .04rem; border-bottom: 0.5px solid var(--black); }
.contents-all-title p { margin-bottom: 0; padding-left: 4vw; font-size: 5vw; position: relative; }
.contents-all-title p::after { content: ''; width: 4.8vw; height: 4.8vw; background: url(../images/arrow02.png)no-repeat center; background-size: 1.5vw; position: absolute; box-sizing: initial; position: absolute; top: 21.5%; right: 6%; transition: all .6s; }
.contents-all-title.open p::after { transform: rotateX(540deg); }
.contents-all-list { padding: 0 2vw 2vw; display: none; background: var(--white); }
.contents-all-list li {padding: 4vw 2vw 2vw 4vw;font-size: 3.2vw;position: relative;}
.contents-all-list li:last-child { margin-bottom: 0; border-bottom: none; }
.contents-all-list li::before {content: '';width: 1vw;height: 1vw;background: var(--gray);border-radius: 50%;position: absolute;top: 5vw;left: 1vw;}

.list-content { padding-top: 20vw; }
.list-title .en { font-size: 7.63vw; font-family: "goldenbook"; letter-spacing: .04rem; display: block; }
.list-title .jp { font-size: 3.42vw; display: block; }
.list-content dl { padding: 8vw 8vw; }
.list-content dl:nth-child(even) { background: #efefef; }
.list-content dt { margin-bottom: 4vw; font-size: 6vw; font-family: var(--mincho); line-height: 1.4; }
.list-content dt small { font-size: 80%; }
.list-content dd { line-height: 1.6; }

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

.contents-all-box { max-width: 1200px; }
.contents-all-box-inner { width: 220px; top: 0; right: 12px; }
.contents-all-title { padding: 4px 0; }
.contents-all-title p { margin-bottom: 0; padding-left: 20px; font-size: 20px; }
.contents-all-title p::after { width: 24px; height: 24px; background: url(../images/arrow02.png)no-repeat center; background-size: 7px; top: 21.5%; right: 6%; }
.contents-all-list { padding: 0 10px 20px 10px; }
.contents-all-list li { padding: 12px 8px 4px 12px; font-size: 14px; }
.contents-all-list li::before {width: 4px;height: 4px;top: 18px;left: 0;}

.list-content { padding-top: 80px; }
.list-title .en { font-size: 48px; letter-spacing: 4px; }
.list-title .jp { font-size: 15px; letter-spacing: 1px; position: relative; top: -2px; }
.list-content dl { padding: 40px 30px; }
.list-content dt { margin-bottom: 15px; font-size: 24px; }
.list-content dt small { font-size: 100%; }

}

/* retina用
----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.contents-all-title p::after { background: url(../images/arrow02@2x.png)no-repeat center; background-size: 7px; }
}