@charset "utf-8";
/* ------------------------------------------------------------ common */
header { background: #fff; }
header nav ul li:nth-child(2) a { border-bottom: solid 2px #000; }

#fv { background: url(../images/profile/fv.jpg) center center no-repeat; background-size: cover; }

/* about */
#about { padding: 100px 0 0; }
#about .inner { width: 900px; }
#about h3 { font-size: 30px; line-height: 30px; font-family: 'Montserrat', sans-serif; font-style: italic; font-weight: 500; text-align: center; padding: 0 0 30px; }

#about .about p { font-size: 14px; line-height: 27px; }
#about .about ul { width: 600px; margin: 40px auto 0; }
#about .about ul li { float: left; width: 160px; text-align: center; font-size: 13px; font-weight: bold; margin: 0 0 0 60px; }
#about .about ul li:nth-child(3n+1) { margin: 0 auto; }
#about .about ul li a { display: block; margin: 0 auto 15px; }
#about .about ul li a:hover,
#about .about ul li a:hover img { opacity: 1 !important; }

#about .profile { padding: 120px 0 0; }
#about .profile dl { border-bottom: solid 1px #a3a3a3; }
#about .profile dl:first-child { border-top: solid 1px #a3a3a3; }
#about .profile dl:last-child { margin: 0 auto 60px; }
#about .profile dl dt { float: left; width: 160px; font-weight: bold; padding: 18px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 24px; }
#about .profile dl dd { float: left; width: calc(100% - 160px); padding: 18px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 24px; font-size: 14px; }
#about .profile dl dd ul li { line-height: 24px; }
#about .profile dl dd ul li span { padding: 0 0 0 4.2em; }
#about .black_btn { margin: 135px auto 165px; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv { background: url(../images/profile/fv.jpg) center center no-repeat; background-size: cover; }

/* about */
#about { padding: 40px 0 0; }
#about .inner { width: 90%; }
#about h3 { font-size: 24px; line-height: 30px; padding: 0 0 15px; }

#about .about p { font-size: 13px; line-height: 24px; }
#about .about ul { width: 100%; margin: 25px auto 0; }
#about .about ul li { float: left; width: 32%; font-size: 2vw; margin: 0 0 0 2%; }
#about .about ul li:nth-child(3n+1) { margin: 0 auto; }


#about .profile { padding: 100px 0 0; }
#about .profile dl { border-bottom: solid 1px #a3a3a3; }
#about .profile dl:first-child { border-top: solid 1px #a3a3a3; }
#about .profile dl:last-child { margin: 0 auto 40px; }
#about .profile dl dt { float: none; width: 100%; font-weight: bold; padding: 10px 10px 0; font-size: 12px; line-height: 24px; }
#about .profile dl dd { float: none; width: 100%; padding: 0 10px 10px; line-height: 20px; font-size: 12px; }
#about .profile dl dd ul li { padding: 0 0 10px; line-height: 20px; font-size: 12px; }
#about .profile dl dd ul li:last-child { padding: 0; }
#about .profile dl dd ul li span { padding: 0; }
#about .black_btn { margin: 60px auto; }
}