@charset "UTF-8";

.loute_copy{font-size: 20px;}
.loute_copy small{font-size: 0.7em;display: inline-block;}
.loute_copy big{font-size: 1.6em;font-family: 'EB Garamond',YakuHanMP,'Noto Serif JP', serif;line-height: 1;}
.loute_copy strong{font-size: 2.3em;color: #b20000;font-family: 'EB Garamond', serif;line-height: 1;}

.footwork_item{margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footwork_item > dt{width: 31.25%;}
.footwork_item > dt .footwork_img .loute_copy{margin-top: 0.4em;white-space: nowrap;}
.footwork_item > dt .footwork_img .loute_copy small{display: block;margin-bottom: -0.5em;}
.footwork_item > dt .footwork_img:nth-of-type(n+2){margin-top: 20px;}
.footwork_item > dt:nth-of-type(2){width: 64.5%;padding-top: 30px;}
.footwork_item > dd{width: 47.9%;margin-top: 45px;}
.footwork_item > dd .footwork_img .loute_copy{margin-top: 0.4em;white-space: nowrap;display: flex;justify-content: center;align-items: flex-end;}
.footwork_item > dd .footwork_img .loute_copy small{align-self: center;margin: 0.8em 1em 0 0;}

#two_area{background: #f0efe5;padding-bottom: 80px;}
.two_area_img{text-align: center;margin-top: 50px;}
.two_area_img img{width: 505px;}

@media screen and (min-width: 769px) {
.footwork_item > dt:nth-of-type(2),
.footwork_item > dd:nth-of-type(2){animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.loute_copy{font-size: 16px;}
.loute_copy small{font-size: 0.7em;display: inline-block;}
.loute_copy big{font-size: 1.6em;font-family: 'EB Garamond',YakuHanMP,'Noto Serif JP', serif;line-height: 1;}
.loute_copy strong{font-size: 2.3em;color: #b20000;font-family: 'EB Garamond', serif;line-height: 1;}

.footwork_item{margin-top: 20px;}
.footwork_item > dt{width: 100%;}
.footwork_item > dt .footwork_img{display: flex;justify-content: space-between;align-items: flex-end;}
.footwork_item > dt .footwork_img figure{width: 50%;}
.footwork_item > dt .footwork_img .loute_copy{margin-top: 0;white-space: normal;width: 45%;}
.footwork_item > dt .footwork_img .loute_copy small{margin-bottom: 0.7em;}
.footwork_item > dt .footwork_img:nth-of-type(n+2){margin-top: 15px;}
.footwork_item > dt:nth-of-type(2){width: 100%;padding-top: 20px;}
.footwork_item > dd{width: 100vw;margin: 15px -20px 0;}
.footwork_item > dd .footwork_img .loute_copy{white-space: normal;}

#two_area{padding-bottom: 40px;}
.two_area_img{margin-top: 20px;}
}