@charset "UTF-8";

/*----------------------------------------------PC用ページ用設定*/
/*共通レイアウト*/
/*テキスト設定*/
/*テキストリンク設定*/
/*ボタンリンク設定*/
/*ページ内ナビゲーション*/
/*-----------------------------------------*/
/*各詳細ページ共通のレイアウト*/
/*コンテンツ幅 article
width: 1140px;
padding: 58px;
/*コンテンツ幅 inner
width: 1024px;
/*-----------------------------------------*/
/*内容の幅 見出し・段落・引用その他
width: 846px;
*/
/*-----------------------------------------*/
/*段落*/
#lower .content p {
    width: 846px;
    margin: 0 auto;
    padding: 0 0.8em 0.8em;
}

#lower .content dl p {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0.8em;
}

body {
    background: #1d1d1d;
    margin: 0;
    padding: 0;
    text-align: center;
}

.teamNav {
    padding: 24px 0 12px;
}
.cmn_logo { 
    display: block;
    max-width: 40%;

    margin: 0 auto 16px;

}

.teamNav ul {
    display: flex;
    justify-content: center;
    text-align: center;
} 

.teamNav ul li {
 padding: 0 12px;
} 

.teamNav ul a {
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;

} 

.ftxt {

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;

} 





.main {
    position: relative;
    max-width: 1240px;
    margin:  0 auto;

}
.mainLogo {
    position: absolute;
    display: block;
    top: 50%;
     left: 2%;
  transform: translateY(-40%); /* 要素自身の幅の半分を左にずらす */
    z-index: 1;
}

.teamList {
    display: flex;
    flex-wrap: wrap;
    max-width: 1050px;
    margin: 0 auto;
    justify-content: center;
    text-align: center;

}
.teamList li {
    width: 50%;
    padding: 2% 1%;
}

.chart_ph {        display: block;
    padding:0 1%;
}

.top_ttl {        display: block;
    padding:28px 0 12px;
}




    .btn_top {
        display: block;
    max-width: 300px;
    margin: 48px auto 12px;
}

.team,.chart {
    padding: 30px 0 60px;
background: #000;
background: linear-gradient(320deg,rgba(0, 0, 0, 1) 0%, rgba(59, 59, 59, 1) 100%);

}

.chartList {
    max-width: 1050px ;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: url("_image/top_chart_bg.png") no-repeat center top/cover;
    margin: 0 auto;
}
.chartList li{
   padding: 10px 0;
}





/*----------------------------------------------SP用ページ用設定*/
/*------------------------------------------------------------*/

@media screen and (max-width: 667px) {

    .teamNav {
    padding: 24px 0 12px;
}
.cmn_logo { 
    display: block;
    max-width: 40%;

    margin: 0 auto 16px;

}

.teamNav ul {
    display: flex;
    justify-content: center;
    text-align: center;
} 

.teamNav ul li {
 padding: 0 12px;
} 

.teamNav ul a {
    color: #FFF;
        font-size: 12px;
        line-height: 1.2;
} 







.main {
    position: relative;

}
.mainLogo {
    position: absolute;
    display: block;
     top: 0;
     left: 0;
  transform: translateY(0%); /* 要素自身の幅の半分を左にずらす */
    z-index: 1;
}

.teamList {
    display: flex;
    flex-wrap: wrap;
}
.teamList li {
    width: 50%;
    padding: 2% 1%;
}

.chart_ph {        display: block;
    padding:0 1%;
}

.top_ttl {        display: block;
    padding:28px 0 12px;
}


    .btn_top {
        display: block;
    max-width: 60%;
    margin: 48px auto 12px;
}

.team,.chart {
    padding: 0px 0 30px;
background: #000;
background: linear-gradient(320deg,rgba(0, 0, 0, 1) 0%, rgba(59, 59, 59, 1) 100%);

}


.chartList {
    max-width: 100% ;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: url("_image/top_chart_bg_sp.png") no-repeat center top/cover;
    margin: 0 auto;
}
.chartList ul{
    max-width: 30%;
   padding: 10px 0;
}


.chartList li{
   padding: 5px 0;
}


    /*end media----------------------------------*/
}