/*================================================
width
================================================*/
#content #sitemap,
#content #sitemap .data_box h3,
#content #sitemap .data_box ul{
  width: 100%;
}

#content #sitemap .data_box{
  width: 80%;
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #content #sitemap .data_box{
    width: 90%;
  }
}

/*スマホ (iPhone14 Pro Max ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 430px) {
  #content #sitemap .data_box{
    width: 100%;
  }
}


/*================================================
height
================================================*/






/*================================================
display
================================================*/






/*================================================
justify-content
================================================*/






/*================================================
align-items
================================================*/






/*================================================
color
================================================*/
#content #sitemap .data_box h3{
  color: #fff;
}





/*================================================
background
================================================*/
#content #sitemap .data_box h3{
  background: #333333;
}






/*================================================
font-size
================================================*/
/*スマホ (iPhoneXR ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 414px) {
  #content #sitemap #all_titles{
    font-size: 30px;
  }

  #content #sitemap .data_box h3,
  #content #sitemap .data_box ul li a{
    font-size: 15px;
  }
}

/*スマホ (iPhone12 Pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
  #content #sitemap #all_titles{
    font-size: 28px;
  }

  #content #sitemap .pankuzu a,
  #content #sitemap .data_box h3,
  #content #sitemap .data_box ul li a{
    font-size: 14px;
  }
}


/*================================================
border-radius
================================================*/
#content #sitemap .data_box h3{
  border-radius: 20px;
}



/*================================================
margin
================================================*/
#content #sitemap .data_box{
  margin: 0 auto 30px;
}

#content #sitemap .data_box ul li{
  margin: 10px 0;
}

#content #sitemap #all_titles{
  margin-bottom: 50px;
}

/*スマホ (iPhone14 Pro Max ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 430px) {
  #content #sitemap .data_box {
    margin: 0;
    margin-bottom: 30px;
  }

  #content #sitemap #all_titles{
    margin-bottom: 30px;
  }
}


/*================================================
padding
================================================*/
#content {
  padding: 30px 12% 100px;
}

#content #sitemap .data_box h3{
  padding: 7px 20px;
}

#content #sitemap .data_box ul{
  padding: 10px;
}

/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
  #content{
    padding: 120px 8% 50px;
  }
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #content{
    padding: 120px 8% 64px;
  }
}

/*スマホ (iPhone14 Pro Max ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 430px) {
  #content{
    padding: 120px 5% 64px;
  }

  #content #sitemap .data_box h3{
    padding: 7px 15px;
  }
}


/*スマホ (iPhoneSE ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 375px) {
  #content #sitemap .data_box h3{
    padding: 7px 12px;
  }
}


/*================================================
box-sizing
================================================*/
#content,
#content #sitemap .data_box h3{
  box-sizing: border-box;
}