/*================================================
  会社概要ページ専用CSS
================================================*/

/*---------- ページタイトル ----------*/
.page_title_section {
    padding: 60px 0 40px;
    background: #FFFCF2;
}

.page_main_title {
    font-size: 3rem;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
    margin: 0;
}

.page_main_title span {
    font-size: 4rem;
}

/*---------- MESSAGE ----------*/
.company_message-section {
    border-bottom: dotted 4px #FFFCF2;
}

.company_message-section .section_header {
    margin-bottom: 0;
}

.company_message_subtext {
    width: 80%;
    margin: 50px 0 0 auto; 
}

/*---------- FROM the CEO ----------*/
.company_ceo-section .section_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
.company_ceo-section .section_header_text {
    padding-right: 50px;
}
.company_ceo-section .section_ceo_text {
    max-width: 755px;
    width: 60%;
}
.ceo_image {
    margin-bottom: 10px;
}
.ceo_image img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;    
}
.ceo_signature {
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
/*---------- ABOUT US ----------*/
.company_about-section {
    background: #FFFCF2;
    padding: 100px 0;
    z-index: 1;
    position: relative;
}
.company_about-section::before {
  content: '';
  position: absolute;
  top: -10%;
  width: 100%;
  height: 100px;
  background-image: url(../images/wave-yellow.png);
  background-size: contain;
}
.company_about-section .section_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
.company_about-section .section_header_text {
    padding-right: 30px;
}
.section_company_text {
    max-width: 550px;
}
.company_info_list {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding: 5px 10px;
    border-bottom: solid 1px #E8C502;
}
.company_info_list dt {
    width: 100px;
}
.company_info_list dd {
    width: calc(100% - 100px);
}
.company_info_list:first-of-type {
    border-top: solid 1px #E8C502;
}
/*---------- ブログ ----------*/
.main_company .blog-section {
    background-image: initial;
}
/*---------- レスポンシブ対応 ----------*/
@media screen and (max-width: 1024px) {
    .section_header_subtext {
        width: 100%;
        margin: 30px 0 0;
    }

}

@media screen and (max-width: 768px) {
    .page_title_section {
        padding: 40px 0 30px;
    }

    .page_main_title {
        font-size: 2.4rem;
    }

    .company_ceo-section .section_header {
        display: block;
    }

    .company_ceo-section .section_ceo_text {
        width: 100%;
        margin-top: 30px;
    }

    .page_main_title span {
        font-size: 3.4rem;
    }

    .company_about-section .section_header {
        display: block;
    }

    .company_about-section .section_header_text {
        padding: 0 0 30px 0;
    }

    .company_about-section::before {
    top: -3%;
    }

}

@media screen and (max-width: 480px) {
    .page_title_section {
        padding: 30px 0 20px;
    }

    .page_main_title {
        font-size: 2rem;
    }

    .page_main_title span {
        font-size: 3rem;
    }
}