@charset "utf-8";
/* CSS Document */
/* 1em = 16px
・︎PC版サイズ／アートボード幅1440px／コンテンツ幅1200px
・︎SP版サイズ／アートボード幅375px／コンテンツ幅345px
・︎使用フォント／BIZ-UDPGothic
*/


#COMPANY article{text-align: center;}
/* section */
#COMPANY article section{display: block; /*width: calc(100% -20px); padding: 0 10px;*/ margin: auto; text-align: center;}
@media screen and (max-width: 920px) {
   
}
#COMPANY article section .outline{max-width: 1200px; width:100%;  margin: auto; padding: 0 10px;}
@media screen and (max-width: 1200px) {
    #COMPANY article section .outline{width: calc(100% - 20px);}
}

nav{
position: relative;
background: url("img/top_section_01_bg.svg");
background-repeat:repeat-x;
background-position: bottom center;
display: block; height: 294px; text-align: center; overflow: hidden; margin: auto;
border-bottom: 9px solid #FFB800;}
nav .img_01{position: absolute; bottom:-10px; left: 0; width: 576px; height: auto;}
nav .img_02{position: absolute; top:0; right: 0; width: 576px; height: auto;}
nav h1{position: relative; top:220px; left: 50px; font-size: 2.6em; color: #FFF; text-align: left;}

@media screen and (max-width: 920px) {
    nav{height: 209px; border-bottom: 7px solid #FFB800;}
    nav .img_01{position: absolute; top:0px; left: -30px; width: auto; height: 209px;}
    nav .img_02{position: absolute; bottom:0; right: 0; width: auto; height: 209px;}
    nav h1{position: relative; top:120px; left: auto; font-size: 1.5em; color: #FFF; text-align: center;}
}

#COMPANY article section#section_01{padding: 85px 0; background: #f5f5f7;}
#COMPANY article section#section_01 h2{font-size: 2.0em; margin-bottom: 70px;}
#COMPANY article section#section_01 h2+div{width: 790px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; position: relative; margin-bottom: 90px;}
#COMPANY article section#section_01 h2+div dl{width: 343px; text-align: left;}
#COMPANY article section#section_01 h2+div dl dt{font-weight: bold; border-bottom: 3px solid #49494c; padding: 16px 0;}
#COMPANY article section#section_01 h2+div dl dd{border-bottom: 1px solid #49494c; padding: 16px 0;}

#COMPANY article section#section_01 h2+div dl:nth-child(1){order: 1;}
#COMPANY article section#section_01 h2+div dl:nth-child(2){order: 3; position: absolute; bottom: 0; border-bottom: 2px solid #49494c;}
#COMPANY article section#section_01 h2+div dl:nth-child(3){order: 2; border-bottom: 2px solid #49494c;}

@media screen and (max-width: 800px) {
    #COMPANY article section#section_01 h2+div{width: 100%;}
    #COMPANY article section#section_01 h2+div dl{width: 48%;}
}
@media screen and (max-width: 620px) {
    #COMPANY article section#section_01 h2+div{width: 100%; justify-content: center;}
    #COMPANY article section#section_01 h2+div dl{width: 90%; margin-bottom: 50px;}
    #COMPANY article section#section_01 h2+div dl:nth-child(1){order: 1; border-bottom: 2px solid #49494c;}
    #COMPANY article section#section_01 h2+div dl:nth-child(2){order: 2; position: relative;}
    #COMPANY article section#section_01 h2+div dl:nth-child(3){order: 3; }
}


#COMPANY article section#section_01 dl.company{width: 790px; display: flex; flex-wrap: wrap; margin: auto auto 130px;}
#COMPANY article section#section_01 dl.company dt{width: 245px; background: #D9D9D9; padding: 16px 0; text-align: center; border-bottom: 1px solid #49494c; display: flex; justify-content: center; align-items: center;}
#COMPANY article section#section_01 dl.company dd{width:calc(790px - 245px - 80px); padding: 16px 40px; border-bottom: 1px solid #49494c; text-align: left; line-height: 200%;}
#COMPANY article section#section_01 dl.company dd ul li{line-height: 200%;}
#COMPANY article section#section_01 dl.company{border-top: 3px solid #49494c; border-bottom: 2px solid #49494c;}

@media screen and (max-width: 800px) {
    #COMPANY article section#section_01 dl.company{width: 100%;}
    #COMPANY article section#section_01 dl.company dt{width: 25%;}
    #COMPANY article section#section_01 dl.company dd{width: calc(75% - 40px); padding: 16px 20px;}
    
    #COMPANY article section#section_01 dl.company + img{width: calc(100% - 20px);height: auto; margin: auto 10px;}
}



#COMPANY article section#section_02{padding: 0px 0 90px 0; background: #f5f5f7;}