@charset "utf-8";
@font-face {font-family: Futura; src: url(../fonts/FuturaPTMedium.otf);}

.type {position: relative; margin-bottom: 4rem;}
.type .cateNav {display: block; text-align: center; font-family: 'Futura', sans-serif; font-weight: 300; font-size: 1.4rem;}
.type .cateNav li {display: inline-block; margin-right: 4rem;}
.type .cateNav li a {position: relative; padding-bottom: 2px;}
.type .cateNav li a:hover {border-bottom: 1px solid #000;}
.type .cateNav li a.active {border-bottom: 1px solid #000;}
.type .cateNav li a.active:hover {opacity: 1;}



.menuChild {margin-bottom: 2rem;}
.menuChild ul {justify-content: flex-start; align-items: center;}
.menuChild ul li a {display: block;}
.menuChild ul li a:hover {text-decoration: underline;}
.menuChild ul li a.active {text-decoration: underline;}
.menuChild ul li {margin-right: 30px; text-align: left;}
.menuChild ul li:nth-of-type(1) {font-size: 2.8rem; margin-right: 100px;}

#box01 > ul {justify-content: flex-start;}
#box01 > ul > li {width: 19.5%; margin-right: 0.625%; margin-bottom: 2rem;}
#box01 > ul > li:nth-of-type(5n) {margin-right: 0;}
#box01 > ul > li > a > span {margin-bottom: 10px; display: block; text-align: left;}
#box01 > ul > li > a .txt {margin-top: 0.5rem; line-height: 1.4;}
#box01 > ul > li > a .txt p:nth-of-type(1) {margin-bottom: 0.5rem; font-size: 1.2rem;}
#box01 > ul > li > a .txt p:nth-of-type(2) {font-family: 'Futura', sans-serif; font-weight: 300; font-size: 1.1rem;}



/*Responsive*/
@media only screen and (max-width: 1600px){
  #box01 > ul > li > a .txt .name p:nth-of-type(1) {font-size: 2rem;}
}

@media only screen and (max-width: 960px){  
  .menuChild ul li:nth-of-type(1) {width: 100%;}
  .menuChild ul li {margin-bottom: 10px;}  
}

@media only screen and (max-width: 768px){
  #box01 > ul {justify-content: space-between;}
  #box01 > ul > li {width: 49%;}  
  #box01 > ul > li:nth-of-type(5n) {margin-right: 2%;}
  #box01 > ul > li:nth-of-type(2n) {margin-right: 0;}

}

@media only screen and (max-width: 767px){
  .type {margin-bottom: 3rem;}
  .type .cateNav {text-align: left;}
  .type .cateNav li {width: 32%; margin-right: 0; text-align: left; margin-bottom: 0.5rem;}

  .menuChild ul li {width: 49%; margin: 0 0 10px;}
  .menuChild ul li:nth-of-type(1) {font-size: 2rem;}
}

@media only screen and (max-width: 480px){
  #box01 > ul > li {width: 100%;}
}