@charset "utf-8";
/* CSS Document */

/*=================================================
font-family
==================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/*=================================================
コンテンツ
==================================================*/

.contents_inner{
    width: 100%;
    max-width: 1150px;
    margin: 250px auto 0;
    padding :0 0px;    
}
.contents_inner h2{font-size:35px; color:#4C4842;}
.contents_inner h3{font-feature-settings: "palt";}

/*スマホ*/
@media screen and (max-width: 960px) {
    .contents_inner{margin: 150px auto 0;}
    .contents_inner h2{font-size:24px; text-align: center;}
}

/*-----------------------------------------
内容
-------------------------------------------*/

.sec2,.sec1{width: 100%; max-width: 1000px; margin: 0 auto;}

/*挨拶-----------------*/
.sec1 .mess{width: 100%; margin-bottom: 84px;}
.sec1 h2{text-align: center;}
.sec1 .mess p{margin: 40px 0px; font-size:20px; line-height: 35px;}
.sec1 .mess .name{display: inline-block; width:100%; text-align: right;}
.sec1 .mess .name .sub{font-size: 20px; padding-right:98px; }
.sec1 .mess .name .sub .sizeup{font-size: 26px;}
.sec1 .mess .name .main{display: inline-block;}
.sec1 .mess .name .main span{display: inline-block; font-size: 20px; padding: 5px 15px 0 0; vertical-align: middle;}
.sec1 .mess .name .main img{width:100%; max-width: 226px; vertical-align: middle;}

/*豊益会概要-----------------*/
.sec2 .profile{width: 100%; margin-bottom: 80px;}
.sec2 .profile h3{width:100%; border-bottom: solid 1px #4C4842; font-size: 24px; padding: 3px 0;}
.sec2 .profile h3 span{font-size: 14px!important; padding-right: 10px;}
.sec2 .profile p{margin:5px 0 20px; font-size:18px; line-height: 31.5px;}
/*.sec2 .profile figure{text-align: center;}
.sec2 .profile figure img{width:100%; max-width: 477px;}*/

/*組織図*/
.chart_block{width:100%; max-width: 454px; margin: 0 auto 80px;}
.chart_block .bgimg{
    position: relative;
    width: 454px;
    height: 510px;
    background: url("../img/corporate_profile/chart1.jpg") top center no-repeat;
    background: contain;
}
.chart_block .link_1{
    width: 226px;
    position:absolute;
    top: 360px;
    left: 60px;
}
.chart_block .link_2{width: 181px; margin:0 0 0 60px;}
.chart_block .link_3{width: 375px; margin:10px 0 0 60px;}
.chart_block a:hover{opacity: 0.6;}

/*スマホ*/
@media screen and (max-width: 960px) {
    .sec2,.sec1{padding: 0 20px;}
    .sec1 h2{text-align: left;}
    .sec1 .mess p{margin: 30px 0px; font-size:16px; line-height: 30px;}
    .sec2 .profile p{margin:5px 0 0px; font-size:16px; line-height: 30px;}

}

/*スマホ*/
@media screen and (max-width: 500px) {
    /*組織図*/
    .chart_block{width:100%; max-width: 320px; margin: 40px auto;}
    .chart_block .bgimg{
        background-size: contain;
        width: 320px;
        height: 337px;
    }
    .chart_block .link_1{
        width: 180px;
        position:absolute;
        top: 240px;
        left: 45px;
    }
    .chart_block .link_2{width: 131px; margin:0 0 0 45px;}
    .chart_block .link_3{width: 280px; margin:10px 0 0 45px;}    
    .chart_block img{width:100%;}
}