@charset "utf-8";
/* CSS Document */

.bg-staff{ background-image:url(../img/head-title.jpg); }

.staff-c01-parts1{ margin-bottom:60px;}
.staff-c01-parts1 div{ font-size:18px; font-weight:700; margin-bottom:40px; }
.staff-c01-parts1 ul{ width:100%; margin:0 auto; overflow:hidden;}
.staff-c01-parts1 ul li{ float:left; width:33.3333%; margin:0 0 0 0; text-align:center;}
.staff-c01-parts1 ul li:last-child{ margin:0 0 0 0;}
.staff-c01-parts1 ul li p{ margin-bottom:24px; }
.staff-c01-parts1 ul li p:nth-child(1){ font-size:20px; font-weight:700; line-height:1.2; color:#0096dc;}
.staff-c01-parts1 ul li p:nth-child(1) span {
    padding: 10px 0 0 0;
    display: inline-block;
}
.staff-c01-parts1 ul li p:nth-child(2){ width:64%; margin:0 auto 24px;}
.staff-c01-parts1 ul li p:nth-child(3){ font-weight:700; letter-spacing: 0.1em;}

.staff-c01-parts2{ margin-bottom:60px;}
.staff-c01-parts2 ul{ border:solid 1px #ccc; padding:40px; /*margin:0 -2% 0 0; overflow:hidden;*/ }
.staff-c01-parts2 ul li {
    list-style-type: disc;
    list-style-position: inside;
	padding-left: 1.4em;
    text-indent: -1.4em;
}
.staff-c01-parts2 ul li span {
    display: block;
    padding-left: 1.5em;
    font-size: 14px;
}

#staff-content02{ background-color:#f2f2f2; padding:80px 0;}
.staff-c02-parts1{ margin-bottom:60px; font-size:18px;}
.staff-c02-info{ background-color:#fff; padding:25px; margin-bottom: 60px !important; overflow:hidden;
-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2);}
.staff-c02-info-l{ float:left; width:22%; }
.staff-c02-info-r{ float:right; width:76%; }
.staff-c02-info-r p:nth-child(1) {
    border-bottom: solid 1px #ccc;
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
	line-height:1;
}
.staff-c02-info-r p:nth-child(1) strong{ color: #004193; }
.staff-c02-info-r p:nth-child(1) span{ color:#666; font-size:16px; font-family:  "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

@media only screen and (max-width: 480px) {

.staff-c01-parts1 div br{ display:none; }	
.staff-c01-parts1 ul li { display: block; width: 100%; margin: 0 auto 24px;}
.staff-c01-parts1 div {
    font-size: 16px;
    letter-spacing: 0.1em;}
.staff-c01-parts1 ul li p { font-size: 16px; }
.staff-c01-parts1 ul li p:nth-child(1) {
    font-size: 24px;}
.staff-c01-parts2 ul { padding: 20px; }
#staff-content02 {
    padding: 40px 0;
}

.staff-c02-parts1 {
    margin-bottom: 30px;
    font-size: 16px;
}

.staff-c02-info-l {
    display: block;
    width: 100%;
    margin: 0 auto 24px;
    text-align: center;
}
.staff-c02-info-l img{ width:60%; }
.staff-c02-info-r {
    display:block;
	width:100%;
}

.staff-c02-info {
    padding: 20px;
    -webkit-box-shadow: 5px 5px 0px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 0px 0px rgb(0 0 0 / 20%);
}

}

@media only screen and (max-width: 400px) {

.staff-c01-parts1 ul li p:nth-child(1) {
    font-size: 20px;
}
.staff-c01-parts1{ margin-bottom:40px; }
.staff-c01-parts1 div{ font-size: 15px; }

}