@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');

#header li:nth-child(3) .hvr:before{
      right: 0;
}
#drawer li:nth-child(4){
    font-weight: 700;
    text-decoration: underline;
}

#maintitle{
    background-image: url("../img/company/mainimage.jpg");
    color: #fff;
}

#company{
    padding: 6em 0;
}
#company .read{
    padding-bottom: 6em;
}
#company .flexbox{
    justify-content: space-between;
}
#company .col1{
    width: 19.7em;
}
#company .col2{
    width: 41.5em;
}
#company .col1,#company .col2{
    background-color: #fff;
    font-weight: 700;
    margin-bottom: 2em;
    padding: 1.5em 2em;
      border-radius: 0.5em;
  box-shadow: 0.2em 0.4em 1em 0px rgba(0, 0, 0, 0.2);
}
.fw_ows{ font-family: 'Oswald', sans-serif;}
#company h3{
    font-size: 2rem;
    line-height: 1.2;
    position: relative;
    z-index: 3;
}
#company h3 span{
    font-size: 1.5rem;
    font-weight: 400;
}

#company .box3 h3,#company .box7 h3,#company .box8 h3,#company .box9 h3,#company .box10 h3{
    text-align: left;
}
#company .box4 h3,#company .box5 h3{
    text-align: right;
}

#company .flexbox ul{
    display: flex;
}
#company .box1 ul{
    justify-content: space-around;
    padding-top: 2em;
}

#company .box1 li{
    font-size: 3rem;
    line-height: 1.2;
    vertical-align: bottom;
}
#company .box1 li:nth-child(1){color: #93c1df;}
#company .box1 li:nth-child(2){color: #feb4cb;}
#company .box1 img{
    width: 4em;
    margin-right: 0.3em;
    vertical-align: bottom;
}

#company .box1 li span,#company .box2 p span,#company .box3 p span,#company .box6 li span,#company .box7 p span,#company .box8 p span,#company .box9 p span,#company .box10 p span{
    font-size: 12rem;
    line-height: 1;
}
#company .box2 p,#company .box3 p,#company .box7 p,#company .box8 p,#company .box9 p,#company .box10 p{
    padding-top: 1.3em;
    font-size: 3rem;
    line-height: 1.2;
    vertical-align: bottom;
}

#company .box2 p{
    color: #feb4cb;
}
#company .box2 img{
    width: 2.7em;
    margin-right: 0.3em;
    vertical-align: bottom;
}

#company .box3 p{
    color: #97c0c7;
    text-align: left;
}
/* #company .box3 .icon{
    width: 8.5em;
    margin: 0em 0 -8em auto;
} */

#company .box3 img{
    width: 3.3em;
  margin: -1em 1em -2em 4.8em;
}

#company .box6 li{
    font-size: 3rem;
    line-height: 1.2;
    vertical-align: bottom;
}
#company .box6 li:nth-child(1){color: #a4c7cd;}
#company .box6 li:nth-child(2){color: #c89eca;}
#company .box6 img{
    width: 3em;
    margin-right: 0.6em;
    vertical-align: bottom;
}

#company .box7 p{
    color: #c9b097;
    text-align: left;
}
#company .box7 .icon{
width: 8em;
margin: -1.5em 0 -5em auto;
}

#company .box8 p{
    padding-top: 0.1em;
    color: #e09756;
    text-align: right;
}
#company .box8 .icon{
width: 6.3em;
margin: -4.2em 0 0 0;
}

#company .box9 p{
    color: #feb4cb;
    text-align: left;
}
#company .box9 .icon{
width: 8em;
margin: 0.8em 0 -7em auto;
}

#company .box10 p{
    padding-top: 0.1em;
    color: #5c6898;
    text-align: left;
}
#company .box10 .icon{
width: 6em;
margin: -0.1em 0 0 auto;
}

#company .box4 ul,#company .box5 ul{
    align-items: center;
}
#company .box4 li,#company .box5 li{
    font-size: 2.2rem;
    line-height: 1.2;
}
#company .box4 li span,#company .box5 li span{
    font-size: 5rem;
    line-height: 1.2;
}

#company .box4 li:nth-child(1){
    width: 8em;
    text-align: left;
}
#company .box4 li:nth-child(2),#company .box5 li:nth-child(2){
    height: 2em;
    margin-right: 0.6em;
}
#company .box4 .line1{
    color: #a9dee3;
}
#company .box4 .line1 li:nth-child(2){
    width: 5.1em;
    background-color: #a9dee3;
}
#company .box4 .line2{
    color: #a6c9e0;
}
#company .box4 .line2 li:nth-child(2){
    width: 5.8em;
    background-color: #a6c9e0;
}
#company .box4 .line3{
    color: #b6b3c4;
}
#company .box4 .line3 li:nth-child(2){
    width: 5.3em;
    background-color: #b6b3c4;
}
#company .box4 .line4{
    color: #de93b4;
}
#company .box4 .line4 li:nth-child(2){
    width: 5.5em;
    background-color: #de93b4;
}
#company .box4 .line5{
    color: #e3b29a;
}
#company .box4 .line5 li:nth-child(2){
    width: 2.9em;
    background-color: #e3b29a;
}
#company .box4 .line6{
    color: #8d96b8;
}
#company .box4 .line6 li:nth-child(2){
    width: 1.7em;
    background-color: #8d96b8;
}
#company .box4 .line7{
    color: #846f5e;
}
#company .box4 .line7 li:nth-child(2){
    width: 1.7em;
    background-color: #846f5e;
}
#company .box4 .line8{
    color: #676767;
}
#company .box4 .line8 li:nth-child(2){
    width: 0.3em;
    background-color: #676767;
}

#company .box5{
    padding-bottom: 3em;
}
#company .box6{
    padding-bottom: 3.5em;
}
#company .box6 ul{
    justify-content: space-around;
    padding-top: 2.5em;
}

#company .box5 li:nth-child(1){
    width: 3em;
    text-align: left;
}
#company .box5 .line1{
    color: #b1b6e8;
}
#company .box5 .line1 li:nth-child(2){
    width: 4em;
    background-color: #d1d5fa;
}
#company .box5 .line2{
    color: #cda7c1;
}
#company .box5 .line2 li:nth-child(2){
    width: 14em;
    background-color: #cda7c1;
}
#company .box5 .line3{
    color: #b28e6c;
}
#company .box5 .line3 li:nth-child(2){
    width: 7em;
    background-color: #b28e6c;
}

#company .box11{
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#company .box11 .icon1{
    width: 48%;
}
#company .box11 .icon2{
    width: 48%;
}
#company .date{
    text-align: right;
}


#list{
    background-color: #fafafa;
    padding: 8em 0;
}
#list ul{
    display: flex;
    justify-content: space-between;
}
#list li{
    width: 31%;
}
#list .logo1 img{
    width: 9em;
    margin-top: 1em;
}
#list .logo2 img{
    width: 15em;
    margin-top: 1.8em;
}
#list .logo3 img{
    width: 10em;
    margin-top: 1.8em;
}
#list li h4{
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 700;
    padding: 1em 0 1.4em 0;
}
#list li p{
    padding: 0 1.5em;
    text-align: justify;
}
#list li a{
    display: block;
    width: 80%;
    margin: 2em auto 0 auto;
    background-color: #494949;
    color: #fff;
    font-weight: 500;
    padding: 0.8em 0;
    background-image: url("../img/link.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 1em auto;
}
#list li a:hover{
    background-color: #fa6e2a;
}

@media only screen and (max-width: 768px) {
 
#company{
    padding: 4em 0;
}
    
#company .read{
    padding-bottom: 4em;
}
#company .flexbox{
    flex-wrap: wrap;
}
#company .col1{
    width: 48%;
}
#company .col2{
    width: 100%;
}
#company .col1,#company .col2{
    padding: 1.5em 1em;
}
.fw_ows{ font-family: 'Oswald', sans-serif;}
#company h3{
    font-size: 1.7rem;
}
#company h3 span{
    font-size: 1.4rem;
}


#company .flexbox ul{
}
#company .box1 ul{
    padding-top: 1em;
}

#company .box1 li{
    font-size: 1.8rem;
    line-height: 1.2;
}
#company .box1 img{
    width: 3em;
}

#company .box1 li span,#company .box2 p span,#company .box3 p span,#company .box6 li span,#company .box7 p span,#company .box8 p span,#company .box9 p span,#company .box10 p span{
    font-size: 6.5rem;
    line-height: 1;
}
#company .box2 p,#company .box3 p,#company .box7 p,#company .box8 p,#company .box9 p,#company .box10 p{
    padding-top: 1em;
    font-size: 1.8rem;
    line-height: 1.2;
}

#company .box2 img{
    width: 2em;
}

#company .box3 p{
}
#company .box3 .icon{
width: 4.5em;
  margin: -1em 0 -3.5em auto;
}
    
    .r_box{
        width: 100%;
    }

#company .box6 li{
    font-size: 2rem;
    line-height: 1.2;
}
#company .box6 img{
    width: 2.5em;
    margin-right: 0.6em;
}

#company .box7 p{
}
#company .box7 .icon{
width: 4.5em;
margin: -1em 0 -2.5em auto;
}

#company .box8 p{
    padding-top: 0.1em;
}
#company .box8 .icon{
width: 3em;
margin: -3em 0 0 0;
}

#company .box9 p{
}
#company .box9 .icon{
width: 4.5em;
margin: 1em 0 -3.5em auto;
}

#company .box10 p{
    padding-top: 0.5em;
}
#company .box10 .icon{
width: 3em;
margin: -0.1em 0 0 auto;
}

#company .box4 li,#company .box5 li{
    font-size: 1.6rem;
    line-height: 1.2;
}
#company .box4 li span,#company .box5 li span{
    font-size: 3rem;
    line-height: 1.2;
}

#company .box4 li:nth-child(1){
    width: 8em;
    text-align: left;
}
#company .box4 li:nth-child(2),#company .box5 li:nth-child(2){
    height: 1.5em;
    margin-right: 0.6em;
}
#company .box5{
    padding-bottom: 2em;
}
#company .box6{
    padding-bottom: 2em;
}
#company .box6 ul{
    padding-top: 2em;
}

#company .box5 li:nth-child(1){
    width: 3em;
    text-align: left;
}
    
    
#list{
    padding: 3em 0;
}
#list ul{
    display: block;
}
#list li{
    width: 100%;
    padding: 3em 0;
}
    #list li p {
  padding: 0;
}
    
}