/* section01 */
#section01 a{ text-align: center; padding: 20px;}
#section01 a:nth-child(2){ background-color: #133e6e;}
#section01 a > p{ width: 100%; text-align: right; font-size: 14px; color: #445a49; opacity: .6; padding-bottom: 60px;}
#section01 a:nth-child(2) > p{ color: #fff; opacity: .6;}
#section01 a .img-wrap{ width: 450px; height: 450px; background-color: #133e6e; border-radius: 50%; overflow: hidden; box-shadow: inset 0 0 20px rgba(0,0,0,.2); position: relative; left: 0; right: 0; margin: 0 auto 40px;}
#section01 a:nth-child(2) .img-wrap{ background-color: #fff; }
#section01 a .img-wrap .img{ transition: .3s;}
#section01 a .img-wrap i{ font-size: 28px; color: #fff; z-index: 10; opacity: 0; transition: .3s; position: absolute; top: calc(50% - 10px); left: 0; right: 0; margin: 0 auto; transition: .3s;}
#section01 a:nth-child(2) .img-wrap i{ color: #133e6e;}
#section01 a:hover .img-wrap .img{ opacity: .3;}
#section01 a:hover .img-wrap i{ opacity: 1;}
#section01 a h4{ font-size: 16px; padding-bottom: 10px;}
#section01 a h3{ font-size: 34px; padding-bottom: 30px;}
#section01 a h5{ font-size: 14px; padding-bottom: 40px;}
#section01 a:nth-child(2) h4, #section01 a:nth-child(2) h3, #section01 a:nth-child(2) h5{ color: #fff;}
#section01 a div#btn_01{ margin-bottom: 70px;}
#section01 a div#btn_01 p{ position: relative; z-index: 10;}
#section01 a:nth-child(2n - 1) div#btn_01{ border: 1px solid #ccc; color: #222; transition: .3s;}
#section01 a:nth-child(2n - 1):hover .btn-hover:after{ width: 100%;}
#section01 a:nth-child(2n - 1):hover div#btn_01{ border: 1px solid #133e6e; color: #fff;}
#section01 a:nth-child(2) div#btn_01{ border: 1px solid #fff; color: #fff; transition: .3s;}
#section01 a:nth-child(2):hover .btn-hover-3:after{ width: 100%;}
#section01 a:nth-child(2):hover div#btn_01{ color: #133e6e;}
/* =================== 1660px =================== */
@media (max-width: 1660px) {
  #section01 a .img-wrap{ width: 27.11vw; height: 27.11vw; background-color: #133e6e; border-radius: 50%; overflow: hidden; box-shadow: inset 0 0 1.20vw rgba(0,0,0,.2); position: relative; left: 0; right: 0; margin: 0 auto 2.41vw;}
}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section01 a{ padding: 60px 0;}
  #section01 a .img-wrap{ width: 66.67vw; height: 66.67vw; min-width: 250px; min-height: 250px; margin: 0 auto 30px;}
  #section01 a .img-wrap i{ font-size: 28px; color: #fff; z-index: 10; opacity: 0; transition: .3s; position: absolute; top: calc(50% - 10px); left: 0; right: 0; margin: 0 auto; transition: .3s;}
  #section01 a:hover .img-wrap .img{ opacity: .3;}
  #section01 a h4{ font-size: 12px; padding-bottom: 8px;}
  #section01 a h3{ font-size: 26px; padding-bottom: 25px;}
  #section01 a h5{ font-size: 12px; padding-bottom: 20px;}
  #section01 a div#btn_01{ width: 167px; margin-bottom:0;}
  #section01 a div#btn_01 p{ position: relative; z-index: 10;}
  #section01 a:nth-child(2n - 1) .btn-hover:after{ width: 100%;}
  #section01 a:nth-child(2n - 1) div#btn_01{ border: 1px solid #133e6e; color: #fff;}
  #section01 a:nth-child(2) .btn-hover-3:after{ width: 100%;}
  #section01 a:nth-child(2) div#btn_01{ color: #133e6e;}
}