/* @charset "utf-8";
@font-face {
	font-family: Futura;
	src: url(../fonts/FuturaPTMedium.otf);
} */
/*
.mv {position: relative;}
.mv figure {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

h3 {text-align: center; font-size: 3rem; margin-bottom: 20px; line-height: 1; font-family: 'Futura', sans-serif; font-weight: 300;}


#box01 {text-align: center; padding: 60px 0 100px;}

#box02 {margin-bottom: 100px;}
#box02 ul {justify-content: flex-start;}
#box02 ul li {width: 24%; margin-right: 1.33%; margin-bottom: 2rem;}
#box02 ul li:nth-of-type(4n) {margin-right: 0;}
#box02 ul li a .txt {text-align: center; margin-top: 15px;}
#box02 ul li a .txt p:nth-of-type(1) {font-size: 1.9rem; font-family: 'Futura', sans-serif; font-weight: 300;}

#box03 {max-width: 1200px;}
#box03 ul li {width: 33.15%;}
#box03 ul li a {position: relative; display: block; overflow: hidden;}
 */

/*#box03 ul li a:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 8;}*/

/* #box03 ul li:hover a:after {background: rgba(0, 0, 0, 0.2);}
#box03 ul li a span {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; color: #fff; z-index: 9; text-align: center;}
#box03 ul li a > img {transition: transform .5s ease;}
#box03 ul li:hover a > img {transform: scale(1.1);} */

/*Responsive*/
/* @media only screen and (max-width: 1600px){
  h3 {font-size: 2.5rem;}
}

@media only screen and (max-width: 960px){
  #box02 ul li a .txt p:nth-of-type(1) {font-size: 1.8rem;}

}

@media only screen and (max-width: 767px){
  #box01 {padding: 30px 0 50px;}
  #box01 .mainTxt {text-align: left;}
  #box01 .mainTxt br {display: none;}

  #box02 {margin-bottom: 50px;}
  #box02 ul li {width: 49%;}
  #box02 ul li:nth-of-type(4n) {margin-right: 2%;}
  #box02 ul li:nth-of-type(2n) {margin-right: 0;}
  #box02 ul li a {width: 100%; max-width: 297px; margin: 0 auto;}
  #box02 ul li a .txt {margin-top: 1rem;}
}

@media only screen and (max-width: 480px){
  #box02 ul li {width: 100%; max-width: 297px; margin: 0 auto 2rem !important;}
  #box03 ul li {width: 100%; margin-bottom: 20px; text-align: center;}
} */