@charset "utf-8";
/* Intro */
.intro .m-tit .en{font-size: min(5vw, 98px);}
.intro .desc01{text-align: center; font-size: min(2.2vw, 27px);}
.intro .m-desc{margin: 30px 0 0;}
.intro .m-desc p{padding-bottom: 2em;}

@media (max-width: 767px) {
    .intro .m-tit .en{font-size: min(7vw, 70px);}
    .intro .desc01{font-size: 16px;}
    .intro .m-desc{margin: 20px 0 0;}
}

/* Outline */
.outline table{width: 100%;}
.outline table th,
.outline table td{padding: 20px 0; vertical-align: top;}
.outline table th{width: 200px; text-align: left;}
.outline table td{width: calc(100% - 200px);}
.outline table tr{border-bottom: 1px solid #b6b8b9;}
.outline table tr:first-child{border-top: 1px solid #b6b8b9;}
.outline .list li{margin-left: 1.1em; text-indent: -1.1em;}
.outline .links .expand{background: #004dd1; display: inline-block; position: relative; top: 3px; left: 5px; width: 16px; height: 16px;}

@media (max-width: 767px) {
    .outline table th{width: 80px;}
    .outline table td{width: calc(100% - 80px);}
}

/* Company */
.company ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.company ul li{width: 49%; border: 1px solid #004dd1; padding: 30px 50px;}
.company ul .ui-button{margin: 30px auto 0;}
.company ul .photo{text-align: center; margin: 0 0 20px;}
.company ul .m-desc{text-align: center;}

@media (max-width: 767px) {
    .company ul{row-gap: 20px;}
    .company ul li{width: 100%; padding: 30px 15px;}
}