.main{padding-top: 4rem;}
.sub-nav{width:100%;font-size: 16px;background-color: #EEE;}
.sub-nav a{display:inline-block;background-image: url(../img/share/sub_nav_line.jpg);background-repeat: no-repeat; background-position: right center;border-bottom: 2px solid #EEE;padding: .5em 1.5em;text-align: center;}
.sub-nav .active{color: #1150a3;font-weight: bold;border-color:#1150a3;}
.ttl{font-size: 24px;padding: 4rem 0;}
.side-nav{line-height: 35px;}
.side-nav a{position: relative;margin-bottom: 10px;display: block;background-repeat: no-repeat;background-position: 15px center;padding:0 40px;background-color: #EEE;}
.side-nav .active:after{content: '';display: block;width: 40px;height: 30px;background-image: url(../img/share/sub_nav_icon.png);background-repeat: no-repeat;background-position: center;position:absolute;right:0;top:50%;margin-top: -15px;}
.side-nav .active{background-color: #1150a3;color:white;}
.side-nav a:nth-of-type(1){background-image: url(../img/tmp/about/icon_1.png);}
.side-nav a.active:nth-of-type(1){background-image: url(../img/tmp/about/icon_1_active.png);}
.side-nav a:nth-of-type(2){background-image: url(../img/tmp/about/icon_2.png);}
.side-nav a.active:nth-of-type(2){background-image: url(../img/tmp/about/icon_2_active.png);}
.side-nav a:nth-of-type(3){background-image: url(../img/tmp/about/icon_3.png);}
.side-nav a.active:nth-of-type(3){background-image: url(../img/tmp/about/icon_3_active.png);}
.side-nav a:nth-of-type(4){background-image: url(../img/tmp/about/icon_4.png);}
.side-nav a.active:nth-of-type(4){background-image: url(../img/tmp/about/icon_4_active.png);}
.hd{padding-top:4rem;background-color: #fff;}

@media (max-width: 1100px) {

}

@media (max-width:768px) {
  .ttl{font-size: 18px;padding: 1rem 0;}
  .cols,.col-half,.col-third,.col-thirds{margin:0;}
}

@media (max-width: 420px) {
  .hd{padding-top: 0; }
  .main{padding-top: 20px;padding-bottom: 20px;}
  .ttl{font-size: 16px;}
  .sub-nav {font-size: 14px;}
  .sub-nav a{padding: .5em; width: 30%;}
  .col-quarter,.col-quarters{margin:0;}
  .side-nav a,.side-nav a.active,.side-nav a:nth-of-type(1),.side-nav a.active:nth-of-type(1), .side-nav a:nth-of-type(2),.side-nav a.active:nth-of-type(2), .side-nav a:nth-of-type(3),.side-nav a.active:nth-of-type(3), .side-nav a:nth-of-type(4),.side-nav a.active:nth-of-type(4){width: 33.3333%;background-image: none;padding: 0 15px;float: left;text-align: center;margin-bottom: 0;}
  .side-nav .active:after{display: none;}
}