@charset "utf-8";
/* single */
#singular .wrap {max-width: calc(1360px - 2vw); margin: 0 auto; padding: 100px 2vw;}
#singular .wrap h3 {font-size: 30px; border-bottom: 2px solid #2C3E50; line-height: 3;}
#singular .wrap .lead {margin: 50px auto; display: flex; gap: 40px;}
#singular .wrap .lead .img,
#singular .wrap .lead .info {width: 50%;}
#singular .wrap .lead .info table {width: 100%; border-spacing: 0 1em;}
#singular .wrap .lead .info table tr th {width: 30%; border-bottom: 1px solid #2C3E50; text-align: left; padding: 0 0 0 1em; line-height: 2.5;}
#singular .wrap .lead .info table tr td {width: 70%; border-bottom: 1px solid #F2F4F7; padding: 0 0 0 1em;}
#singular .wrap h4 {margin: 100px auto 0; font-size: 24px;}
#singular .wrap .text {margin: 50px auto 0;}
#singular .wrap .highlight {background-color: #F2F4F7; padding: 3.5vw; margin: 100px auto 0; border-radius: 1.56vw;}
#singular .wrap .highlight h4 {margin: 0 auto;}
#singular .wrap .link {text-align: center; margin: 100px auto 0;}
@media screen and (max-width:768px) {
    #singular .wrap h3 {font-size: 24px;}
    #singular .wrap .lead {flex-direction: column; flex-wrap: wrap;}
    #singular .wrap .lead .img,
    #singular .wrap .lead .info {width: 100%;}
    #singular .wrap .lead .img img {max-width: 640px; margin: 0 auto;}
    #singular .wrap h4 {margin: 70px auto 0; font-size: 20px;}
    #singular .wrap .text {margin: 30px auto 0;}
    #singular .wrap .highlight h4 {margin: 0 auto;}
    #singular .wrap .link {margin: 70px auto 0;}
}