@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium")
}
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold
}

.header {
  width: 100%;
  position: relative;
  background: #2856c0;
}

#mainContent{padding: 80px 0 0; color:#252525; background: url(../images/bg/bg-dot.png) repeat;}
#mainContent .section .inner{max-width: 1200px;}
#mainContent .titPage{text-align: center; max-width: 1200px; margin: 0 auto 70px;}
#mainContent .titPage h1{font-size: 40px; font-weight: bold; line-height: 1;color: #00256f;}
#mainContent .titPage h1>span {
  display: block;
  margin: 1rem 0 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;  
}


#mainContent .titPage h1.news{ font-size: 36px; font-weight: bold; line-height: 1.4; color: #00256f; text-align: left; }
#mainContent .titPage h1.news>span {
  display: block;
  margin: 1rem 0 0;
  font-size: 24px;
  font-weight: normal;  
}

.page-menu {
  max-width: 640px;
  position: relative;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.page-menu li {
  width: 46%;
  margin: 0 2%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stearch;
  align-self: stearch;
  line-height: 1.4;
  text-align: center;
  cursor: pointer
}

.page-menu li a.btn-anc {
  width: 100%;
  position: relative;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  letter-spacing: .5rem;
  cursor: pointer;
  display: block;
  text-decoration: none;
  line-height: 60px;
  font-size: 20px;
  border: solid 2px #214264;
  background: #fff;
  transition: .2s;
}
.btn-anc::after{font-size: 24px;  content: '\FF1C';display: inline-block;position: absolute;right: 3%;top: 0;transform: rotate(-90deg) scale(.6,1);}
.btn-anc:hover,.btn-anc:active{border: solid 2px #1d6eb8;background: rgb(82,150,212) !important;  background: linear-gradient(-47deg, rgba(82,150,212,1) 0%, rgba(29,110,184,1) 100%) !important;color: #fff;transition: .2s;}


#mainContent .section{width:100%;position: relative; margin: 0 auto; padding: 120px 0 0;}
#mainContent .section .inner{max-width: 1200px;  margin: 0 auto;}
#mainContent .section .inner>h2{font-size: 30px; font-weight: bold; line-height: 1;color: #00256f; text-align: center; margin: 0 auto 50px;}
#mainContent .section#contact .inner>h2{font-size: 40px;}
#mainContent .section .inner>h2>span {
  display: block;
  margin: 0.5rem 0 0;
    font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
.boxTable{max-width: 1000px; margin: 0 auto;}
.boxTable table{width: 100%; border-collapse: collapse;}
.boxTable table tr {  border-top: 1px dotted rgba(37,37,37,0.2);}
.boxTable table th {padding: 2rem 1rem;    width: 30%;  vertical-align: top;  font-weight: normal;    text-align: left;}
.boxTable table td {padding: 2rem 1rem;width: 70%;}

#pageCompany .section#profile .boxTable .adviser{display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;flex-wrap: wrap;}
#pageCompany .section#profile .boxTable .adviser dt{ width: 20%;}
#pageCompany .section#profile .boxTable .adviser dd{font-size: 12px; width:80% ;margin-top: 6px; margin-bottom: 40px;}
#pageCompany .section#profile .boxTable .adviser dd ul li span{display: inline-block; width: 5rem;}


#pageCompany .section#history .inner > ul {
  width: 100%;
  max-width: 1000px;
  position: relative;
  margin: 5rem auto 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#pageCompany .section#history .inner > ul > li {  position: relative;}
#pageCompany .section#history .inner > ul > li:nth-child(1) {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #1d6eb8;
}
#pageCompany .section#history .inner > ul > li:nth-child(2) {
  width: calc(100% - 80px - 5%);
  margin-left: 5%;
}
#pageCompany .section#access{padding: 120px 0;}
#pageCompany .section#access .inner {  max-width: none;  width: 100%;  margin: 0 auto;}
#pageCompany .section#access .inner .access__map {
  width: 100%;
  max-height: 450px;
  position: relative;
  margin: 5rem 0 0;
}

.bg__w-shadow {
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 20px rgb(204 204 204 / 30%);
  box-shadow: 0 0 20px rgb(204 204 204 / 30%);
}
#pageCompany .section#access .inner .access__address {
  width: 100%;
  max-width: 800px;
  position: relative;
  z-index: 1;
  margin: -10rem auto 0;
  padding: 4rem;
  text-align: center;
}
#mainContent .section#contact{background: #fff;padding: 120px 0;}
#mainContent .section#contact .inner {  padding: 0 5% 50px;}
#mainContent .section#contact .inner .caption{margin: 0 auto 50px;}

#mainContent .section.article{padding: 0 0 100px 0;}
#mainContent .section.article .inner{max-width: 1200px;background: #fff; padding: 80px 100PX;text-align: left;}
#mainContent .section.article .inner h2.titMain{
  color: #00256f;
  font-size: 30px;
  letter-spacing: .2rem;
  line-height: 1.4;
  text-align: left;
  margin: 0 auto 10px;
  font-weight: bold;
}
#mainContent .section.article .inner h3{font-size:24px;margin:30px auto 15px;  font-weight: bold;}
#mainContent .section.article .inner .date{text-align: right; margin: 0 auto 50px;}
#mainContent .section.article .inner .boxTxt .txt{ margin: 0 auto 10px;}
#mainContent .section.article .inner .boxTxt .tit{font-weight: bold; font-size: 20px; margin: 20px auto;}

#mainContent .section.article .inner .ulIndent{

}
#mainContent .section.article .inner .ulIndent > li{margin-bottom: 10px; text-indent: -2rem; padding-left: 2rem;}
#mainContent .section.article .inner .ulIndent > li:last-child{margin-bottom: 0;}
#mainContent .section.article .inner .ulIndent > li > .tit{margin-bottom: 5px;}
#mainContent .section.article .inner .ulIndent > li > ul > li{    text-indent: -34px;  padding-left: 34px;}
#mainContent .section.article .inner .ulIndent > li > ul > li > ul > li{text-indent: -36px;  padding-left: 36px;}
#mainContent .section.article .inner .ulIndent > li > ul > li > ul > li > ul > li{text-indent: -2rem; padding-left: 2rem;}
#mainContent .section.article .inner .ulDot { margin-bottom: 20px;}
#mainContent .section.article .inner .ulDot > li {  text-indent: -18px;  padding-left:18px;}

.table__normal { width: 100%}
.table__normal th { color: #fff; font-weight: normal; line-height: 1.4; background: #666; padding: 1rem;
  text-align: center;
  vertical-align: middle; font-size: 80%; }
.table__normal td { background: #ececec; padding: 1rem;
  text-align: center;
  vertical-align: middle; font-size: 80%; }

#pagePrivacy #mainContent .section.article#c01  .inner .ulIndent > li > ul > li{text-indent: -3rem; padding-left: 3rem;}
.ulIndent51 li{    text-indent: -26px !important;  padding-left: 26px !important;}

.security-box {
  width: 100%;
  position: relative;
  display: flex;
  margin: 5rem auto 0;
}
.security-box>table {  width: calc(100% - 110px - 3%);}
.table-normal tr:not(:first-child) {  border-top: 1px dotted rgba(204,204,204,0.5);}
.table-normal th {  width: 22%;  text-align: left;  font-weight: normal;}
.table-normal th, .table-normal td  {  padding: 1rem 2rem;}
.security-box>ul {  width: 110px;  margin-left: 3%;}

.sitemap {  position: relative;}
.sitemap li {  position: relative;  border-bottom: 1px dotted rgba(37,37,37,0.2);}
.sitemap li a {
  display: block;
  text-decoration: none;
  padding: 0.5rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.sitemap li.product a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sitemap li.product a i.icon-blank {
  background: url(../images/common/icon-blank.png) no-repeat center center;
  background-size: 12px;
}
.sitemap li a:hover,.sitemap li a:active{text-decoration: underline;}

#profile .officer {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#profile .officer dt {
  width: 160px;
}
#profile .officer dd {
  width: calc(100% - 160px);
}
.endorsement { clear: both; margin: 20px 0 40px!important;;}
.endorsement::after { content:''; display: block; height: 0; clear: both; }
.endorsement img.logo { float: left; width: 200px; margin-right: 30px; margin-bottom: 10px; border: 3px solid #f3f3f3; }
.endorsement img.face { float: left; width: 200px; margin-right: 30px; margin-bottom: 40px; }
.endorsement span.name { display: block; font-weight: bold; }

@media (max-width: 1200px) {
  #mainContent .section .inner{margin: 0 2% ;}
  
}
@media (max-width: 768px) {
  #mainContent{padding: 10% 0;}
  #mainContent .section {padding: 10% 0 0;}
  #pageCompany .section#access {    padding: 10% 0;}
  #mainContent .section .inner {    padding: 0 5% 0; margin: 0;}
  
  #mainContent .titPage{margin: 0 5% 10%;}
  #mainContent .titPage h1{font-size: 8vw;}
  #mainContent .titPage h1>span {    margin: 2% 0 0;    font-size: 4vw;  }
  #mainContent .titPage h1.news{font-size: 5vw; line-height: 1.4;}
  #mainContent .titPage h1.news>span {    margin: 2% 0 0;    font-size: 3.6vw;  }
  
  .page-menu {max-width:none;margin: 0 15%;}
  .page-menu li a.btn-anc {       letter-spacing: .2rem;  font-size: 4vw;  line-height: 10vw;}
  

  #mainContent .section .inner>h2 {    font-size: 5vw;    margin: 0 auto 10%;}

#pageCompany .section#profile .boxTable .adviser{display:block;}
#pageCompany .section#profile .boxTable .adviser dt{ width: auto;}
#pageCompany .section#profile .boxTable .adviser dd{font-size:2.6vw; width:auto ;margin-top: 0;}
#pageCompany .section#profile .boxTable .adviser dd ul li span{display: inline-block; width: 10vw;}

  #mainContent .section#contact {    background: #fff;    padding: 15% 0;}
  #mainContent .section#contact .inner .caption{margin: 0 auto 10%; text-align: left;}

.boxTable table th { width: 22%;}
.boxTable table td { width: 78%;}

#mainContent .section.article{    padding: 0 5% 10%;}
#mainContent .section.article .inner{padding: 10% 5%;}
#mainContent .section.article .inner h2.titMain{
  color: #00256f;
  font-size: 5vw;
  letter-spacing: .2rem;
  line-height:1.4;
  text-align: left;
  margin: 0 auto 2%;
  font-weight: bold;
}
#mainContent .section.article .inner h3{font-size:4vw;margin:10% auto 10%;}
#mainContent .section.article .inner .date{margin: 0 auto 10%;}
#mainContent .section.article .inner .boxTxt .txt{ margin: 0 auto 5%;}
#mainContent .section.article .inner .boxTxt .tit{font-weight: bold; font-size: 4vw; margin: 10% auto;}

#mainContent .section.article .inner .ulIndent > li{margin-bottom: 5%; text-indent: -4.6vw; padding-left: 4.6vw;}
#mainContent .section.article .inner .ulIndent > li > ul > li{    text-indent: -6vw;  padding-left: 6vw;}
#mainContent .section.article .inner .ulIndent > li > ul > li > ul > li {  text-indent: -7vw;  padding-left: 7vw;}
#mainContent .section.article .inner .ulIndent > li > ul > li > ul > li > ul > li {  text-indent: -3.4vw;  padding-left: 3.4vw;}
#mainContent .section.article .inner .ulDot { margin-bottom: 5%;}
#mainContent .section.article .inner .ulDot > li {  text-indent: -3.4vw;  padding-left: 3.4vw;}


#pagePrivacy #mainContent .section.article#c01  .inner .ulIndent > li > ul > li{text-indent: -6.2vw;  padding-left: 6.2vw;}
.ulIndent51 li{text-indent: -5.1vw !important; padding-left:5.1vw !important;}

#mainContent .section.article .inner .ulIndent > li:last-child{margin-bottom: 0;}
#mainContent .section.article .inner .ulIndent > li > .tit{margin-bottom: 3%;}


.security-box {   flex-wrap: wrap;  margin: 3rem auto 0;}
.security-box>table {  width: 100%;}
.table-normal th{  padding: 1rem 2rem 1rem 0;}
.table-normal td {  padding: 1rem 0 1rem 2rem;}
.security-box>ul {  width: 100%;  margin: 2rem 0 0; display: flex;}
.security-box>ul li {  width: 50%;  padding: 0.2rem;  text-align: center;}
.security-box>ul li img {  max-width: 110px;}

#profile .officer dt {
  width: 30vw;
}
#profile .officer dd {
  width: calc(100% - 30vw);
}

.endorsement { clear: both; margin-bottom: 5%!important;}
.endorsement img.logo { float: left; width: 40%; margin-right: 5%; margin-bottom: 5%; }
.endorsement img.face { float: left; width: 40%; margin-right: 5%; margin-bottom: 5%; }
}
@media (max-width: 599px) {
}

/* info article layout */

.articleColmn2 { display: flex; width: 90%; margin: 30px auto; justify-content: space-between; }
.articleColmn2 > div:first-child { width: 35%; }
.articleColmn2 > div:first-child img { width: 100%; }
.articleColmn2 > div:last-child { width: 60%; }

@media (max-width: 768px) {

}