@charset "utf-8";
/* ------------------------------------------------------------ common */
#view.pages	{ background: url(../images/profile/fv.jpg) no-repeat center center; background-size: cover; min-width: 1000px; }
#view.pages h2 { color: #fff; text-shadow: 1px 1px 10px #b7b9b7;}
/* ------------------------------------------------------------ main */
#main { font-size: 18px; }
#main h3 { font-size: 30px; font-weight: bold; line-height: 48px; padding: 30px 0; }
#main p { padding: 10px 0; }
#main .block1 { padding: 30px 0 80px; }
#main .block1 img { width: 420px; height: auto; padding: 30px 0 0;}
#main .block1 div { width: 530px; }
#main .block2 { background: url(../images/common/bg_01.png) center center; padding: 100px 0 80px; }
#main .block2 img { width: 420px; height: auto; }
#main .block2 .career { width: 530px; }

#main .block3 { padding: 70px 0 30px; }
#main .block3 h3 { font-size: 24px; padding: 0 0 15px; } 
#main .block3 p { font-size: 16px; }

#main .block4 { padding: 70px 0 0; }
#main .block4 dl dt { float: left; width: 200px; font-weight: bold; padding: 10px 15px; font-size: 16px; }
#main .block4 dl dd { padding: 10px 10px 10px 200px; font-size: 16px; }
#main .block4 dl dd:nth-of-type(odd) { background: #fcfaf2;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
#view.pages	{ min-width: inherit; }
/* ------------------------------------------------------------ main */
#main h3 { font-size: 20px; line-height: 30px; padding: 0 0 5px; }
#main p { font-size: 14px; line-height: 170%; }
#main .block1 { padding: 0 0 40px; }
#main .block1 img { width: 90%; height: auto; padding: 0 0 20px; }
#main .block1 div { width: 90%; padding: 0 5%; }
#main .block2 { padding: 60px 0 30px; }
#main .block2 img { width: 90%; height: auto; padding: 0 0 20px; }
#main .block2 .career { width: 90%; padding: 0 5%; }

#main .block3 { width: 90%; margin: 0 auto; padding: 40px 0 0; }
#main .block3 h3 { font-size: 20px; padding: 0 0 15px; } 
#main .block3 p { font-size: 14px; }

#main .block4 { width: 90%; margin: 0 auto; padding: 70px 0 0; }
#main .block4 dl { width: 100%; margin: 0 auto 10px; }
#main .block4 dl dt { float: none; width: 100%; padding: 10px; background: #fcfaf2; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#main .block4 dl dd { padding: 10px 10px 20px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
#main .block4 dl dd:nth-of-type(odd) { background: none; }

}