@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/cwtexming.css);

.motto li strong::after{font-size:3rem; margin:0 1rem 0 .4rem; content:"\2c"; font-family:"Font Awesome 6 Pro";}
.motto li strong:last-child::after{display:none;}
.motto li:last-child strong::after{font-size:2rem;}
/*--------------------------------*/

.motto{max-width:110rem; margin:0 auto;}
.motto ul{display:flex; padding:8rem 5rem; border-bottom: 1px solid #D3E0E9;}
.motto li:first-child{flex-shrink:0; width:60rem; padding-right:10rem;}
.motto li:last-child{flex-grow:1;}
.motto li:first-child span, .motto li:first-child strong{font-family:"cwTeXMing";}
.motto li:first-child span{font-size:3rem; padding-bottom:1rem; color: #545454;}
.motto li:last-child span{font-size:2.2rem; padding-bottom:2rem;}
.motto span, .motto strong{display:inline-block; font-weight:700;}
.motto li p{line-height:1.6;}

.motto ul:first-child{padding-top:0;}
.motto ul:first-child>li strong{font-size:6rem;}
.motto ul:first-child>li:last-child span{padding-bottom:2rem;}
.motto ul:first-child>li:last-child strong{font-size:3.7rem;}

.motto ul:last-child{border:0;}
.motto ul:last-child>li:first-child{font-size:2rem; word-spacing:1rem;}
.motto ul:last-child>li span{padding-bottom:2rem;}
.motto ul:last-child>li strong{font-size:4rem; padding-right:.2rem;}
.motto ul:last-child>li strong::after{display:none;}
.motto ul:last-child>li:last-child p{font-size:2rem;}

@media (max-width:1200px){
    .motto ul{padding:6rem 2rem;}
    .motto ul:last-child{padding-bottom:0;}
    .motto li:first-child{width:50rem; padding-right:5rem;}
}

@media (max-width:900px){
    .motto ul{ flex-wrap:wrap; padding:6rem 0;}
    .motto li:first-child{width:100%; padding:0;}
    .motto li:first-child span{font-size:2.2rem;}
    .motto li:last-child span{font-size:2rem;}

    .motto ul:first-child>li strong{font-size:4rem;}
    .motto ul:first-child>li:last-child span{padding-bottom:2rem;}
    .motto ul:first-child>li:last-child strong{font-size:2.8rem; line-height:1;}

    .motto li:last-child{padding-top:2rem;}
    .motto ul:last-child>li:last-child{padding-top:4rem;}
    .motto ul:last-child>li:last-child p{font-size:1.8rem;}
}