@charset "utf-8";
/* CSS Document */
/*  PC 1200px レスポンシブル設定は600px～ 1em = 16px */


/* 会社情報 -------------------------------------------------------------------*/
#SITEMAP article{background: rgba(255,255,255,1.0); border-bottom: 1px solid #ddd; padding-top: 50px;}

#SITEMAP #Detail{text-align: center; }
#SITEMAP #Detail section{margin: auto; padding: 50px 100px 150px;}

@media screen and (max-width: 1200px) {
    #SITEMAP #Detail section{margin: auto; padding: 50px 50px 150px;}
}
@media screen and (max-width: 750px) {
    #SITEMAP #Detail section{margin: auto; padding: 0px 50px 100px;}
}

#SITEMAP #Detail section dl,
#SITEMAP #Detail section p{font-size: 1.2em; text-align: left;}
#SITEMAP #Detail section ul li{font-size: 1.2em; text-align: left; text-indent: -1em; padding-left: 1em;}


#SITEMAP #Detail h1{text-align: center; margin-bottom: 50px;}
#SITEMAP #Detail h2{text-align: center;}
#SITEMAP #Detail h3{text-align: left;}
#SITEMAP #Detail h4{text-align: left;}


/* サイトマップ */
#SITEMAP #Detail #detail_section_01{text-align: center; display: flex; flex-wrap: wrap; justify-content:center;}
#SITEMAP #Detail #detail_section_01 h2{width:  calc(80% - 40px); border-bottom: 1px dotted #aaa; margin-bottom: 20px;}
#SITEMAP #Detail #detail_section_01 div{width: calc(40% - 40px); margin: 70px 20px 50px;}
#SITEMAP #Detail #detail_section_01 div h2{width: 100%;}
#SITEMAP #Detail #detail_section_01 div ul{width: fit-content; margin: auto auto 50px;}
#SITEMAP #Detail #detail_section_01 div ul li{text-align: left;}

@media screen and (max-width: 750px) {
    #SITEMAP #Detail #detail_section_01 div{width: calc(80% - 40px); margin: 50px 20px 0px;}
    #SITEMAP #Detail #detail_section_01 div:nth-child(3){width: calc(80% - 40px); margin: 50px 20px 50px;}
    #SITEMAP #Detail #detail_section_01 div ul{width: fit-content; margin: auto auto 0px;}
}