/* -------------------------------------------------------

 * 繝医ャ繝励�繝ｼ繧ｸ

------------------------------------------------------- */

/*===============================
�翫€€繝医ャ繝励€€繝｡繝九Η繝ｼ繝舌リ繝ｼ
================================*/
.top__menu {
    margin-bottom: 80px;
}

.top__menu li {
    width: 230px;
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.top__menu li:last-child {
    margin-right: 0px;
}

.top__menu li img {
    width: 100%;
}

.top__menu li a:hover {
    opacity: 0.7;
}

@media screen and (max-width:768px) {
    .top__menu {
        width: 90%;
        margin: 0 auto 50px auto;
    }

    .top__menu li {
        width: 49%;
        margin: 0 2% 2% 0;
    }

    .top__menu li:nth-child(even) {
        margin-right: 0;
    }
}


/*===============================
�翫€€繝医ャ繝励€€莨夂､ｾ邏ｹ莉�
================================*/
.top__about-company {
    margin: 0 auto 80px auto;
    background-image: url(../img/top__corp--bg.jpg); 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.top__about-company__inner {
    padding: 40px 80px 20px 30px;
}

.top__about-company--lt {
    width: 500px;
    float: left;
    display: inline-block;
    text-align: center;
}

.top__about-company--rt {
    width: 341px;
    float: right;
    display: inline-block;
}

.top__about-company--rt img {
    width: 100%;
}

.top__about-company h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    text-shadow: 2px 2px 0px #FFF;
}

.top__about-company h2::selection {
    text-shadow: none;
}

.top__about-company p {
    text-shadow: 1px 1px 0px #FFF;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.6;
}

.top__about-company p::selection {
    text-shadow: none;
}

@media screen and (max-width:768px) {
    .top__about-company {
        width: 90%;
        margin: 0 auto 50px auto;
        background-image: none; 
    }
    
    .top__about-company__inner {
        padding: 0;
    }

    .top__about-company--lt {
        width: 100%;
        margin-bottom: 20px;
        text-align: left;
    }

    .top__about-company--rt {
        width: 100%;
    }
    
    .top__about-company h2 {
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 10px;
    }
    
    .top__about-company p {
        font-weight: normal;
    }
}



/* -------------------------------------------------------

 * 蜷�ｨｮCSS�医◎縺ｮ莉厄ｼ�

------------------------------------------------------- */

/*===============================
�翫€€蜷�さ繝ｳ繝�Φ繝�Μ繝ｳ繧ｯ繝懊ち繝ｳ繝�じ繧､繝ｳ
================================*/

/* 繝ｪ繝ｳ繧ｯ繝懊ち繝ｳ
======================= */
.main__link-btn {
    width: 45%;
    margin: 20px auto 100px auto;
}

.main__link-btn a {
    display: block;
    font-size: 17px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    padding: 8px 10px 10px 10px;
    background-color: #767171;
    border-radius: 25px;
}

.main__link-btn a:hover {
    opacity: 0.7;
}

@media screen and (max-width:768px){
    .main__link-btn {
        width: 90%;
        margin: 20px auto 80px auto;
    }
    
    .main__link-btn a {
        font-size: 15px;
        padding: 10px 5px;
    }
}



/* -------------------------------------------------------

 * 荳句ｱ､繝壹�繧ｸ

------------------------------------------------------- */

/*==================================
 * 莠区･ｭ邏ｹ莉九�繝ｼ繧ｸ
==================================*/
.business__list {
    margin-bottom: 80px;
}

.business__list li {
    float: left;
    display: inline-block;
    width: 300px;
    margin: 0 40px 0px 0;
}

.business__list li:last-child {
    margin: 0;
}

.business__list li img {
    width: 100%;
    margin-bottom: 10px;
}

.business__list li h2 {
    font-size: 17px;
    color: #0b3c5d;
    font-weight: bold;
    margin-bottom: 10px;
}

.business__list li p {
    font-size: 15px;
}

@media screen and (max-width:768px){
    .business__list {
        width: 90%;
        margin: 0 auto 50px auto;
    }

    .business__list li {
        width: 100%;
        margin: 0 0 30px 0;
    }
}



/*==================================
 * 雋ｷ蜿紋ｺ倶ｾ九�繝ｼ繧ｸ
==================================*/
.case__list {
    margin-bottom: 30px;
}

.case__list li {
    float: left;
    display: inline-block;
    width: 300px;
    height: 380px;
    margin: 0 40px 80px 0;
}

.case__list.__top li {
    height: auto;
}

.case__list li:nth-child(3n) {
    margin: 0 0 80px 0;
}

.case__list li .case__list--img {
    width: 300px;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}

.case__list--detail {
    font-size: 15px;
}

.case__list li h2.case__list--tit {
    font-size: 18px;
    color: #0b3c5d;
    font-weight: bold;
    margin-bottom: 5px;
}

.case__list--detail dt {
    float: left;
    color: #888;
}

.case__list--detail dd {
    margin-left: 60px;
}

.case__list--link {
    text-align: right;
}

.case__list--link a {
    text-decoration: none;
    color: #000;
}

.case__list--link a:hover {
    text-decoration: underline;
}

@media screen and (max-width:768px){
    .case__list li {
        width: 100%;
        height: auto;
        margin: 0 0 50px 0;
    }
    
    .case__list li:last-child {
        margin: 0 0 20px 0;
    }

    .case__list li .case__list--img {
        width: 100%;
        height: auto;
    }
    
    .case__list li .case__list--img img {
        width: 100%;
    }
    
    .case__list--detail {
        padding: 0 10px;
    }
    
    .case__list li h2.case__list--tit {
        font-size: 20px;
        margin-bottom: 5px;
    }
    
    .case__list .case__list--link {
        width: 100%;
        display: inline-block;
        background-color: #e6e6e6;
        text-align: center;
        margin: 0;
    }
    
    .case__list .case__list--link a {
        padding: 15px 15px;
        text-decoration: none;
        display: block;
        position: relative;
        color: #333;
    }
}



/*==================================
 * 莨夂､ｾ讎りｦ√�繝ｼ繧ｸ
==================================*/
.company__tbl {
    margin-bottom: 80px;
}

.company__tbl ._tc-tbl th, 
.company__tbl ._tc-tbl td {
    border: none;
    background-color: unset;
    padding: 20px;
    font-size: 15px;
    line-height: 1.6rem;
}

.company__tbl ._tc-tbl th {
    width: 180px;
}

.company__tbl ._tc-tbl tr:nth-child(odd) {
    background-color: #eaeaea;
}

@media screen and (max-width:768px) {  
    .main__layout.company__tbl {
        width: 90%;
        margin: 0 auto 50px auto;
    }
    
    .company__tbl ._tc-tbl th, 
    .company__tbl ._tc-tbl td {
        padding: 10px 2%;
        font-size: 14px;
        line-height: 20px;
        background-color: #FFF;
    }

    .company__tbl ._tc-tbl th {
        width: 30%;
        background-color: #eaeaea;
    }
}

/* 髢｢騾｣莨夂､ｾ
======================= */
.company__group {
    margin-bottom: 80px;
}

.company__group li {
    float: left;
    display: inline-block;
    width: 300px;
    margin: 0 40px 0px 0;
}

.company__group li:last-child {
    margin: 0;
}

.company__group li a:hover {
    opacity: 0.7;
}

.company__group li img {
    width: 100%;
    margin-bottom: 10px;
}

.company__group li h2 {
    font-size: 16px;
    color: #0b3c5d;
    font-weight: bold;
    margin-bottom: 10px;
}
.company__group li h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}

.company__group li p {
    font-size: 13px;
    margin-bottom: 15px;
}

@media screen and (max-width:768px){
    .company__group {
        width: 90%;
        margin: 0 auto 50px auto;
    }

    .company__group li {
        width: 100%;
        margin: 0 0 30px 0;
    }
}