@charset "utf-8";
  @media screen and (min-width: 961px){
}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 550px){
}
@media screen and (max-width: 480px){
}  .sec-staff-list .staff-nav{
display: flex;
justify-content: space-between;
max-width: 790px;
width: 100%;
margin: 0 auto;
}
.sec-staff-list .staff-nav li {
text-align: center;
width: 19%;
}
.sec-staff-list .staff-nav li a{
display: block;
border: 1px solid #dbdbdf;
font-size: 1.8rem;
padding: 2px 0;
}
.sec-staff-list .staff-nav li a::after{
content: "\f107";
font-family: FontAwesome;
margin-left: 1em;
}
@media screen and (min-width: 768px){
.sec-staff-list .staff-nav li a:hover{
background: #363436;
color: #fff;
}
}
@media screen and (max-width: 767px){
.sec-staff-list .staff-nav li a{
font-size: 1.4rem;
text-align: center;
padding: 5px 0 2px;
}
.sec-staff-list .staff-nav li a::after{
margin: 0;
display: block;
}
} .sec-staff-list .staff-category{
margin-top: 130px;
}
.sec-staff-list .staff-category-ttl-wrap{
display: inline-block;
border-bottom: 1px solid #000;	
padding: 0 70px 0 2.5%;
position: relative;
}
.sec-staff-list .staff-category-ttl-wrap::after{
content: "";
display: block;
border-bottom: 1px solid #959595;
width: 30px;
height:1px;
position: absolute;
right: -3px;
bottom: 0;
transform: rotate(-45deg);
}
.sec-staff-list .staff-category-ttl{
display: flex;
align-items: baseline;
}
.sec-staff-list .staff-category-ttl .ttl-en{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
}
.sec-staff-list .staff-category-ttl .ttl-ja{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2.4rem;
font-weight: 400;
margin-left: 1em;
}
@media screen and (min-width: 1060px) {
.sec-staff-list .staff-category-ttl-wrap{
padding: 0 70px 0 25px;
}
}
@media screen and (max-width: 767px){
.sec-staff-list .staff-category-ttl .ttl-en {
font-size: 3rem;
}
.sec-staff-list .staff-category-ttl .ttl-ja {
font-size: 2.1rem;
}
}
@media screen and (max-width: 480px){
.sec-staff-list .staff-category-ttl-wrap{
padding: 0 50px 0 4%;		
}
.sec-staff-list .staff-category-ttl .ttl-en {
font-size: 2.6rem;
}
.sec-staff-list .staff-category-ttl .ttl-ja {
font-size: 1.6rem;
}
} .sec-staff-list .staff-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-staff-list .staff-item{
width: 32%;
}
.sec-staff-list .staff-item a{
display: block;
}
.sec-staff-list .staff-item-img {
position: relative;
overflow: hidden;
width: 100%;
font-size: 0;
}
.sec-staff-list .staff-item-img-inner{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
padding-top: 71.42%;
}
.sec-staff-list .staff-item-img-inner img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: auto;
width: 100%;
}
.sec-staff-list .staff-item figcaption {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(31,118,72,.6);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
}
.sec-staff-list .staff-item figcaption .staff-item-name-en,
.sec-staff-list .staff-item figcaption .staff-item-text {
position: absolute;
left: -100%;
width: 95%;
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.sec-staff-list .staff-item figcaption .staff-item-name-en {
bottom: 45px;
font-family: 'Poiret One', cursive;
font-size: 2.4vw;
text-transform: capitalize;
}
.sec-staff-list .staff-item figcaption .staff-item-text {
bottom: 15px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.6vw;
font-weight: 400;
}
.sec-staff-list .staff-item-name{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2.1rem;
background: rgba(0,0,0,0.04);
text-align: center;
padding: 15px 0;
margin-top: 2px;
}
@media screen and (min-width: 1140px){
.sec-staff-list .staff-item figcaption .staff-item-name-en {
font-size: 2.4rem;
}
.sec-staff-list .staff-item figcaption .staff-item-text{
font-size:1.8rem;
}
}
@media screen and (min-width: 768px){
.sec-staff-list .staff-list::after{
content:"";
display: block;
width:32%;
}
.sec-staff-list .staff-list .staff-item{
margin-top: 50px;
}
.sec-staff-list .staff-item a:hover .staff-item-img figcaption {
opacity: 1;
}
.sec-staff-list .staff-item a:hover .staff-item-img figcaption .staff-item-name-en,
.sec-staff-list .staff-item a:hover .staff-item-img figcaption .staff-item-text {
left: 20px;
}
.sec-staff-list .staff-item a:hover .staff-item-img figcaption .staff-item-name-en {
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.sec-staff-list .staff-item a:hover .staff-item-img figcaption .staff-item-text {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
}
@media screen and (min-width: 768px) and (max-width: 960px){
.sec-staff-list .staff-item a:hover .staff-item-img figcaption .staff-item-name-en,
.sec-staff-list .staff-item a:hover .staff-item-img figcaption .staff-item-text {
left: 2%;
}
}
@media screen and (min-width: 1040px){
figcaption h3 {
font-size: 2.4rem;
}
figcaption p {
font-size: 1.8rem;
}
}
@media screen and (max-width: 767px){
.sec-staff-list .staff-list .staff-item{
margin-top: 30px;
}
.sec-staff-list .staff-item{
width: 48%;
}
.sec-staff-list .staff-item-name{
font-size: 1.8rem;
}
}  .sec-staff-detail .staff-main-block{
margin-top: 25px;
}
.sec-staff-detail .staff-main-img{
font-size: 0;
max-width: 480px;
width: 100%;
}
.sec-staff-detail .staff-main-img-inner{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
padding-top: 65.42%;
}
.sec-staff-detail .staff-main-img-inner img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: auto;
width: 100%;
}
.sec-staff-detail .staff-main-name-ja{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 4rem;
letter-spacing: 0.1em;
font-weight: 400;
}
.sec-staff-detail .staff-main-name-en{
font-family: 'Poiret One', cursive;
font-size: 2.4rem;
letter-spacing: 0.2em;
text-transform: capitalize;
}
.sec-staff-detail .staff-main-text{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.8rem;
letter-spacing: 0.1em;
}
.sec-staff-detail .staff-main-text::before{
content: "";
display: block;
background: #1f7648;
width: 70px;
height:5px;
margin:40px 0 25px;
}
@media screen and (min-width: 768px){
.sec-staff-detail .staff-main-block{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
.sec-staff-detail .staff-main-img,
.sec-staff-detail .staff-main-data{
width: 48%;
}
.sec-staff-detail .staff-main-img{
position: relative;
}
.sec-staff-detail .staff-main-img::before{
content: "";
display: block;
border-bottom: 1px dashed #000;
width: 50px;
transform: rotate(-45deg);
position: absolute;
bottom: 6%;
left: -25px;
z-index: 1;
}
}
@media screen and (max-width: 767px){
.sec-staff-detail .staff-main-img{
margin: 0 auto 25px;
}
.sec-staff-detail .staff-main-text::before{
margin: 25px 0 15px;
}
}
@media screen and (max-width: 480px){
.sec-staff-detail .staff-main-name-ja{
font-size: 3rem;
}
.sec-staff-detail .staff-main-name-en {
font-size: 2.1rem;
}
.sec-staff-detail .staff-main-text{
font-size: 1.6rem;
}
} .sec-staff-detail .staff-lifestory{
background: rgba(0,0,0,0.04);
padding: 0 0 80px;
margin-top: 80px;
}
.sec-staff-detail .staff-lifestory::before{
content: "";
display: block;
width: 100%;
height: 1px;
margin-bottom: 80px;
} .sec-staff-detail .staff-lifestory-f02,
.sec-staff-detail .staff-lifestory-f03 .f03-text,
.sec-staff-detail .staff-lifestory-f04 .f04-text{
line-height: 2;
}
.sec-staff-detail .staff-lifestory-f02 p:not(:last-child),
.sec-staff-detail .staff-lifestory-f03 .f03-text p:not(:last-child),
.sec-staff-detail .staff-lifestory-f04 .f04-text p:not(:last-child){
margin-bottom: 2em;
}
.sec-staff-detail .staff-lifestory-f03 .f03-img,
.sec-staff-detail .staff-lifestory-f04 .f04-img,
.sec-staff-detail .staff-lifestory-f05,
.sec-staff-detail .staff-lifestory-f06 .f06-img1,
.sec-staff-detail .staff-lifestory-f06 .f06-img2{
text-align: center;
} .sec-staff-detail .staff-lifestory-f01{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2.4rem;
font-weight: 400;
margin: 80px 0 40px;
} .sec-staff-detail .staff-lifestory-f02{
margin: 40px 0 20px;
} .sec-staff-detail .staff-lifestory-f03{
margin: 40px 0 20px;
}
@media screen and (min-width: 768px){
.sec-staff-detail .staff-lifestory-f03{
display: flex;
justify-content: space-between;
}
.sec-staff-detail .staff-lifestory-f03 .f03-text{
width: 56%;
}
.sec-staff-detail .staff-lifestory-f03 .f03-img{
width: 40%;
}
} .sec-staff-detail .staff-lifestory-f04{
margin: 40px 0 20px;
}
@media screen and (min-width: 768px){
.sec-staff-detail .staff-lifestory-f04{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sec-staff-detail .staff-lifestory-f04 .f04-text{
width: 56%;
}
.sec-staff-detail .staff-lifestory-f04 .f04-img{
width: 40%;
}
} .sec-staff-detail .staff-lifestory-f05{
margin: 40px auto 20px;
max-width: 800px;
width: 100%;
text-align: center;
} .sec-staff-detail .staff-lifestory-f06{
margin: 40px 0 20px;
display: flex;
justify-content: space-between;
}
.sec-staff-detail .staff-lifestory-f06 .f06-img1,
.sec-staff-detail .staff-lifestory-f06 .f06-img2{
width: 48%;
}
@media screen and (max-width: 767px){
.sec-staff-detail .staff-lifestory-f03 .f03-img,
.sec-staff-detail .staff-lifestory-f04 .f04-img{
margin-top: 25px;	
}
}
@media screen and (max-width: 480px){
.sec-staff-detail .staff-lifestory {
padding: 0 0 60px;
margin-top: 40px;
}
.sec-staff-detail .staff-lifestory::before{
margin-bottom: 60px;	
}
.sec-staff-detail .staff-lifestory-f01{
margin: 60px 0 20px;
font-size: 2.1rem;
}
.sec-staff-detail .staff-lifestory-f02,
.sec-staff-detail .staff-lifestory-f03,
.sec-staff-detail .staff-lifestory-f04,
.sec-staff-detail .staff-lifestory-f05,
.sec-staff-detail .staff-lifestory-f06{
margin: 20px 0 10px;
}
} .sec-staff-detail .staff-detail-profile,
.sec-staff-detail .staff-detail-blog{
margin-top: 100px;
}
.sec-staff-detail .staff-subcontents-ttl{
font-family: 'Poiret One', cursive;
font-size: 3.6rem;
border-bottom: 1px dotted #dbdbdf;
line-height: 1;
padding: 0 0 10px;
}
@media screen and (max-width: 480px){
.sec-staff-detail .staff-detail-profile,
.sec-staff-detail .staff-detail-blog{
margin-top: 60px;
}
.sec-staff-detail .staff-lifestory-f02 p:not(:last-child),
.sec-staff-detail .staff-lifestory-f03 .f03-text p:not(:last-child),
.sec-staff-detail .staff-lifestory-f04 .f04-text p:not(:last-child){
margin-bottom: 1em;
}
.sec-staff-detail .staff-subcontents-ttl{
font-size: 3rem;
}
} .sec-staff-detail .staff-detail-profile .staff-subcontents-ttl{
margin-bottom: 40px;
}
.sec-staff-detail .staff-detail-profile-img{
border: 1px solid #dbdbdf;
width: 330px;
min-width: 330px;
height: 330px;
margin-right: 50px;
padding: 10px;
background: #fff;
}
.sec-staff-detail .staff-detail-profile-img img{
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.sec-staff-detail .staff-detail-profile-data{
width: 100%;
max-width: 710px;
}
.sec-staff-detail .profile-data-name::after{
content: "";
display: block;
width: 70px;
height: 5px;
background: #1f7648;
margin: 10px 0 15px;
}
.sec-staff-detail .profile-data-name-ja{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2.4rem;
letter-spacing: 0.1em;
font-weight: 400;
display: inline-block;
margin-right: 1em;
}
.sec-staff-detail .profile-data-name-en{
font-family: 'Poiret One', cursive;
font-size: 1.8rem;
letter-spacing: 0.2em;
display: inline-block;
text-transform: capitalize;
}
.sec-staff-detail .profile-data-item-head{
text-align: center;
}
.sec-staff-detail .profile-data-item-body{
line-height:2;
}
@media screen and (min-width: 768px){
.sec-staff-detail .staff-detail-profile-box{
display: flex;
justify-content: space-between;
}
.sec-staff-detail .profile-data-list .profile-data-item:not(:last-child){
border-bottom: 1px solid #dbdbdf;
}
.sec-staff-detail .profile-data-item{
display: flex;
padding: 15px 0;
line-height: 2;
}
.sec-staff-detail .profile-data-item-head{
width: 18%;
}
.sec-staff-detail .profile-data-item-body{
width: 78%;
}
}
@media screen and (max-width: 960px){
.sec-staff-detail .staff-detail-profile-img{
width: 230px;
min-width: 230px;
height: 230px;
padding: 5px;
}
}
@media screen and (max-width: 767px){
.sec-staff-detail .staff-detail-profile-img{
margin: 0 auto 25px;
}
.sec-staff-detail .profile-data-item-head {
background: rgba(0,0,0,0.04);
padding: 5px 0;
}
.sec-staff-detail .profile-data-item-body{
padding: 10px 0 15px;	
}
}
@media screen and (max-width: 480px){
.sec-staff-detail .staff-detail-profile-img {
width: 200px;
min-width: 200px;
height: 200px;
}
.sec-staff-detail .profile-data-name-ja{
display: block;
margin: 0;
}
.sec-staff-detail .profile-data-name-en{
display: block;
}
} .sec-staff-detail .staff-detail-blog .staff-subcontents-ttl{
margin-bottom: 25px;
text-align: center;
}
.sec-staff-detail .staff-detail-blog .staff-subcontents-ttl span{
display: inline-block;
font-size: 0;
max-width: 95px;
margin-left: 10px;
}
.sec-staff-detail .staff-detail-blog-inner{
border: 1px solid #dbdbdf;
border-radius: 5px;
padding: 30px 25px;
}
.sec-staff-detail .staff-detail-blog-article a{
display: block;
}
.sec-staff-detail .staff-detail-blog-article-img{
border: 1px solid #dbdbdf;
padding: 5px;
background: #fff;
font-size: 0;
max-width: 330px;
}
.sec-staff-detail .staff-detail-article-blog-img-inner{ font-size: 0;
overflow: hidden;
}
.sec-staff-detail .staff-detail-article-blog-img-inner img { width: 100%;
height: 19.298vw;
transition: .4s ease-in-out;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.sec-staff-detail .staff-detail-blog-article-day .new{
color: #c6112f;
font-weight: bold;
margin-right: 0.5em;
}
.sec-staff-detail .staff-detail-blog-article-ttl{
position: relative;
overflow: hidden;
height:5rem;
line-height: 1.6;
}
.sec-staff-detail .staff-detail-blog-article-ttl::before,
.sec-staff-detail .staff-detail-blog-article-ttl::after {
position: absolute;
background: #fff;
}
.sec-staff-detail .staff-detail-blog-article-ttl::before {
content: "...";
bottom: 0;
right: 0;
padding:0 0.5em 0 0.08em;
height: 1.6em;
}
.sec-staff-detail .staff-detail-blog-article-ttl::after{
content: "";
width: 100%;
height: 100%;    
}
.sec-staff-detail .staff-detail-blog-more{
background: #dbdbdf;
border: 1px solid #dbdbdf;
display: block;
max-width: 250px;
width: 100%;
text-align: center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight: 400;
margin: 30px 0 0 auto;
}
.sec-staff-detail .staff-detail-blog-more::after{
content: "\f105";
font-family: FontAwesome;
margin-left: 1em;
}
@media screen and (min-width: 768px){
.sec-staff-detail .staff-detail-blog-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sec-staff-detail .staff-detail-blog-list::after{
content:"";
display: block;
width:32%;
max-width: 330px;
}
.sec-staff-detail .staff-detail-blog-article{
width: 32%;
max-width: 330px;
}
.sec-staff-detail .staff-detail-blog-article-day {
margin: 10px 0;
}
.sec-staff-detail .staff-detail-blog-more:hover{
background: #fff;
}
}
@media screen and (min-width: 1180px){
.sec-staff-detail .staff-detail-blog{
padding: 0;
}	
}
@media screen and (min-width: 1140px) {
.sec-staff-detail .staff-detail-article-blog-img-inner img{
height: 220px;
} 
}
@media screen and (max-width: 1059px){
.sec-staff-detail .staff-detail-blog-inner{
padding: 30px 2.5%;
}	
}
@media screen and (max-width: 767px){
.sec-staff-detail .staff-detail-blog-list .staff-detail-blog-article:not(:last-child){
margin-bottom: 20px;
}
.sec-staff-detail .staff-detail-blog-article a{
display: flex;
justify-content: space-between;
align-items: center;
}
.sec-staff-detail .staff-detail-blog-article-img{
min-width: 140px;
width: 140px;	
margin-right: 20px;
padding:3px;
}
.sec-staff-detail .staff-detail-article-blog-img-inner img {
height: 100px;
}
.sec-staff-detail .staff-detail-blog-article-data{
width:100%;
}
.sec-staff-detail .staff-detail-blog-more{
max-width: none;
padding: 10px 0;
}
}
@media screen and (max-width: 480px){
.sec-staff-detail .staff-detail-blog-article-img{
min-width: 100px;
width: 100px;	
margin-right: 10px;
}
.sec-staff-detail .staff-detail-article-blog-img-inner img {
height: 69px;
}
.sec-staff-detail .staff-detail-blog-article-day{
font-size: 1.4rem;	
}
} .sec-staff-detail .back-btn-bottom{
margin-top: 80px;
}
@media screen and (max-width: 480px){
.sec-staff-detail .back-btn-bottom{
margin-top: 60px;
}
.sec-staff-detail .back-btn-bottom i {
margin-left: 2em;
}
}