@charset "UTF-8";
.story { padding: 40px 0 100px; }
.story .story-head { margin-bottom: 60px; text-align: center; }
.story .story-head span { margin-top: -40px; display: block; }
.story .story-head .en { font-size: 60px; opacity: 0.2; }
.story .story-head .jp { font-size: 26px; font-family: var(--mincho); font-weight: 600; }
.story .story-head small { font-weight: 600; }
.story li { margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.story li img,.story li dl { width: 48%; }
.story li:nth-child(even) { background: #eee; }
.story li:nth-child(even) dl { padding-left: 20px; }
.story li:nth-child(even) img { order: 1; }
.story li dl { width: 48%; }
.story li dt { margin-bottom: 15px; padding: 15px 0; font-size: 18px; font-family: var(--mincho); font-weight: 600; border-bottom: 1px solid #000; line-height: 1; }
.story li dt span { margin-right: 10px; padding: 15px 40px 15px 20px; color: #fff; background: #000 url(../images/story/arrow.png)no-repeat center right 14px; background-size: 10px; }
.story li dd { padding: 0 10px; font-size: 15px; text-align: justify; line-height: 2; }

/* sp
------------------------------------ */

@media screen and (max-width: 768px) { 
.story { padding: 10vw 0; }
.story .story-head { margin-bottom: 8vw; }
.story .story-head span { margin-top: -8vw; }
.story .story-head span .pc { display: none; }
.story .story-head .en { font-size: 10vw; }
.story .story-head .jp { font-size: 5.2vw; }
.story .story-head small { font-size: 90%; }
.story ul { width: 90%; margin: auto; }
.story li { margin-bottom: 8vw; }
.story li img,.story li dl { width: 100%; }
.story li:nth-child(even) { background: #fff; }
.story li:nth-child(even) dl { padding-left: 0; }
.story li img { margin-bottom: 4vw; }
.story li:nth-child(even) img { order: 0; }
.story li dl { width: 100%; }
.story li dt { margin-bottom: 3vw; padding: 2vw 0; font-size: 4vw; }
.story li dt.l02 { font-size: 3.5vw; }
.story li dt span { margin-right: 4vw; padding: 2vw 8vw 2vw 4vw; background-size: 2vw; }

}