.hs_box{
    background: url(../images/history/sh_bg01.jpg);
    background-position: top center;
    background-size: cover;
}
.yuh_a{
    padding: var(--pdy) var(--pdx) var(--pdy) 0;
}
.yuh_a01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.yuh_a01img{
    line-height: 0px;
    align-self: stretch;
    margin: 0 5% 0 0;
    position: relative;
    z-index: 1;
}
.yuh_a01img::after{
    content: '';
    width: 95%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 39px solid transparent;
    border-image: url(../images/history/sh_oth01.png) 30 round;
}
.yuh_a01img > img:nth-of-type(1){
    min-height: 100%;
    object-fit: cover;
}
.yuh_a01con{
    width: 600px;
}
.yuh_a01con h4{
    font-size: var(--f36);
    color: var(--colorMain);
    line-height: 120%;
    letter-spacing: 0.1em;
    font-family: var(--Seriffont);
    font-weight: normal;
}
.yuh_a01con p{
    font-size: var(--f18);
    line-height: 180%;
    letter-spacing: 0.05em;
    margin: calc(1vw + 20px) 0 0;
}

.yuh_b{
    padding: var(--pdy) var(--pdx);
}
.yuh_b01{
    max-width: 1400px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yuh_b01con{
    width: 600px;
    margin: 0 5% 0 0;
}
.yuh_b01con h4{
    font-size: var(--f24);
    color: var(--colorMainlight);
    line-height: 180%;
    letter-spacing: 0.05em;
    margin: 0 0 calc(1vw + 20px);
}
.yuh_b01con h4 s{
    display: inline-block;
    font-size: var(--f24);
    color: var(--colorMainlight);
    line-height: 180%;
    letter-spacing: 0.05em;
}
.yuh_b01con p{
    font-size: var(--f18);
    line-height: 180%;
    letter-spacing: 0.1em;
    margin: 15px 0 0;
}
.yuh_b01img{
    align-self: stretch;
    position: relative;
    z-index: 1;
}
.yuh_b01img > img:nth-of-type(1){
    min-height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}
.yuh_b01img > img:nth-of-type(2){
    position: absolute;
    top: -5vw;
    left: -5vw;
    width: clamp(100px,15vw, 200px);
    z-index: 10;
    animation: effect02turn 30s infinite linear;
}

.yuh_c{
    padding: 0  var(--pdx) var(--pdy);
}
.yuh_c01{
    max-width: 1400px;
    margin: auto;
}
.yuh_c01 img{
    padding: 3px;
    line-height: 0px;
}
.yuh_c01_area1,
.yuh_c01_area2{
    display: flex;
    justify-content: center;
    align-items: center;
}
.yuh_c01_area1 li{
    line-height: 0px;
}
.yuh_c01con{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

@media (max-width: 1360px) {}
@media (max-width: 1024px) {}
@media (max-width: 992px) {
    .yuh_a{padding: var(--pdy) var(--pdx) 0;}
    .yuh_a01{flex-direction: column-reverse;}
    .yuh_a01img{align-self: center;margin: 40px auto 0;}
    .yuh_a01img > img:nth-of-type(1){min-height: unset;}

    .yuh_b01{flex-direction: column;}
    .yuh_b01img{align-self: center;}
    .yuh_b01img > img{min-height: unset;}
    .yuh_b01con{margin: 0 0 calc(2vw + 30px);}
}
@media (max-width: 768px) {}
@media (max-width: 600px) {
    .yuh_a01img::after{content: unset;}
}
@media (max-width: 475px) {
    .yuh_c01{display: grid;grid-template-columns: 1fr 1fr;overflow: scroll;}
    .yuh_c01 img{object-fit: cover;width: 100%;min-height: 100%;}
    .yuh_c01_area1{min-width: 800px;align-items: stretch;} 
    .yuh_c01_area2{min-width: 800px;}
}
@media (max-width: 375px) {}