@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 65%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 75%;}
}
/*===============================================
 *	見出し
===============================================*/
.basic-hdttl {font-size: 32px;text-align: center;padding: .6em 1em;}
@media only screen and (max-width: 768px) {
.basic-hdttl {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
.basic-hdttl {font-size: 20px;}
}
/*===============================================
 *	Staff
===============================================*/
.staff-li{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 4vw;}
.staff-li li img{margin: 0 auto;}
.staff-li li {background: url(../img/m-bg_note.gif) bottom left repeat #fff;box-shadow: 1px 1px 4px 2px rgb(169 169 169);border-radius: 10px;border: #17a5d3 2px solid;padding: 20px;position: relative;margin-bottom: 1.5em;max-width: 266px;}
.staff-li li figure{margin-bottom: 1em;}
.staff-subhd{background: #17a5d3;border-radius: 60px;color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 10px;text-align: center;padding: 5px 0;}
.staff-subhd span{font-size: 13px;}
@media only screen and (max-width: 1024px) {
.staff-li li {max-width: 260px;}
}
@media only screen and (max-width: 768px) {
.staff-li li {max-width: 190px;padding: 1em;}
.staff-subhd {line-height: 1.4;}
.staff-subhd span {font-size: 12px;display: block;}
}
@media only screen and (max-width: 568px) {
.staff-li{margin-bottom: 6vw;}
.staff-li li {max-width: initial;}
.staff-li li figure {margin: 0 auto 1em;max-width: 272px;}
.staff-subhd span {display: inline;}
}