@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
会社情報ページ
---------------------------------------------------------------------- */

.Company__content{width:80%; margin:0 auto; padding:50px 0;}
.Company__h3{margin:0 auto 30px auto; padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center;}

.Scroll__s{position:relative;}
.Scroll__s:after{
      display: block;
      clear: left;
      content: "";
}
.Scroll__s1{width:48%; float:left}
.Scroll__s2{width:48%; margin-left:4%; float:left}
.Scroll__s table{width:100%; float:left; border-collapse: collapse;
border-spacing: 0;}

.Scroll__s table th{border:1px solid #cccccc; padding:5px; text-align:left; background-color:#eeeeee;}
.Scroll__s table td{border:1px solid #cccccc; padding:5px; text-align:left;}

.Scroll__s table thead th{background-color:#cccccc;}
.Scroll__s table thead th:nth-of-type(1){ border-right:1px solid #ffffff;}
.Company__align{margin:0; text-align:right; position:absolute; bottom:0; right:0;}

@media (min-width: 1500px) {
.Company__content{width:1200px;}
}
@media (max-width: 1200px) {
.Company__content{width:90%;}
}
@media (max-width: 980px) {
.Scroll__s{width:100%; margin:0 auto;}
.Company__content{width:882px; margin:0 49px;}
}

@media (max-width:500px){

    .Company__content{width:90%; margin:0 auto; padding:50px 5% 50px;}

    .Company__h3{width:95%;padding: 0.4em;
        border-radius: 0px;
        font-size: 18px;
        line-height:1.7;}

    .Scroll__s1{width:100%;clear:left;}
    .Scroll__s2{width:100%;clear:left;margin:20px 0 20px;}
    
}


@media (max-width:400px){
    .Scroll__s table thead th{font-size:14px;}
    .Scroll__s table thead th:nth-of-type(1){font-size:14px;}
    .Scroll__s table th{font-size:14px;}
}

@media (max-width:360px){
    .Scroll__s table thead th{font-size:12px;}
    .Scroll__s table thead th:nth-of-type(1){font-size:12px;}
    .Scroll__s table th{font-size:12px;}
}

