@charset "UTF-8";

/* **************************************************

Name: downloadArea.css
Description: CSS for Download Area Style
Create: 2025.11.10
Update: 

***************************************************** */

/* For BottomDownloadArea with newstyle2021.css
------------------------------------------------------------------------------------------- */
.allRadius .BottomDownload  {
  border-radius: 50px;

}

.allRadius .BottomDownload h2 {
  font-weight: bold;
  color: #306AC6;
}

.allRadius .BottomDownload p {
  text-align: left;
  padding:0px 20px;
  color: #333;
}

.allRadius .BottomDownloadInner ul {
  background: #fff;
  padding:20px;
  margin-bottom:20px;
  line-height: 180%;
}

.allRadius.ListView .BottomDownload h2 {
  color: #222;
}

.allRadius.ListView .BottomDownload  {
  width: 85%;
}

.allRadius.ListView .BottomDownloadInner ul {
  background: #DCEAF7;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .allRadius .BottomDownloadInner ul {
    width: 85%;

  }
}

@media screen and (max-width: 767px) {
  .allRadius .BottomDownloadInner ol {
    width: 85%;
    margin-left: 3em;
  }
}

.BottomDownloadArea {
  max-width: 965px;
  display: block;
  box-sizing: border-box;
  margin: 0px auto 40px auto;
}

@media screen and (min-width: 768px) {
  .BottomDownloadArea .BottomDownload.BottomDownloadInner {
      width: 100%;
      padding: 20px 10px 20px;
  }
}

@media screen and (max-width: 767px) {
  .BottomDownloadArea .BottomDownload.BottomDownloadInner {
      width: 85%;
      padding: 20px;
  }
}

.BottomDownloadArea .BottomDownload.BottomDownloadInner .BtnBox.TowButtom BtnWrap {
    margin-bottom: 0;
}

.BottomDownloadArea .BottomDownload.BottomDownloadInner .BtnBox.TowButtom ul {
  background: #DCEAF7;
  margin-bottom: 0;
}

.BottomDownloadArea .BottomDownload.BottomDownloadInner .BtnBox.TowButtom li {
    width: 100%;
}

.BottomDownloadArea .BottomDownload.BottomDownloadInner .BtnBox.TowButtom li .BtnDoc {
    width: initial;
    margin: 0 10px;
}

/* Column BottomDownload表示用
=========================================================================================== */
.Inner .BottomDownloadArea .ColumnSet { 
  margin-bottom: 20px;
}
.Inner .BottomDownloadArea .Column1 { 
  width: 40%;
}
.Inner .BottomDownloadArea .Column3 { 
  width: 56%;
  float: right;
}
.Inner .BottomDownloadArea .Column2 { 
  width: 45%;
}
.Inner .BottomDownloadArea .Column2.FirstItem { 
  margin-left: 30px;
}
.Inner .BottomDownloadArea .Column2.LastItem { 
  margin-Right: 30px;
}

@media screen and  (max-width: 767px) {
  .Inner .BottomDownloadArea .Column1 , 
  .Inner .BottomDownloadArea .Column2 , 
  .Inner .BottomDownloadArea .Column3 { 
    width: 90%;
  }
  .Inner .BottomDownloadArea .Column1 p {
    text-align: center;
    margin: 0 auto 20px;
  }
}