/*　テーマ
---------------------------------------------------------------------------------------------------*/
.usSec{
padding: 2rem 0;
}
.usSec-heading{
text-align: center;
margin-bottom: 2rem;
}
.usSec-subtitle{
margin-bottom: .5rem;
}
@media (max-width: 575.98px){
.usSec{padding: 2rem .5rem;}
}/*mq*/

/*　セクションA
---------------------------------------------------------------------------------------------------*/
.usA{
margin-bottom: 1rem;
}
.usAphoto img {
border-radius: .5rem;
}

.usA-title{font-size: 1.25rem;margin: .5rem 0; color: #666;}
.usA-links{ margin-top: 1rem; text-align: right;}
.usA-links a{ margin-left: 1rem;}
@media (max-width: 991.98px){
.usA{margin: 0  auto 2rem; }
.usA-title{text-align: center;}
.usAphoto{margin: 0 auto 1rem;}
    @media (max-width: 575.98px){
    .usA{width: 94%;}
    .usAphoto{max-width: 400px;}
    .usA-links{ text-align: left;}
    .usA-links a{display: block; margin:0 0 .25rem;}
    }/*mq*/
    @media (min-width: 575.98px) and (max-width: 575.98px){

    }
    @media (min-width: 576px) and (max-width: 767.98px){
    }
    @media (min-width: 768px) and (max-width: 991.98px){
     }
    @media (min-width: 576px){
    .usA{margin: 0  auto 2rem; width: 80%;}
    .usAphoto{width: 400px;}
    .usA-links{ text-align: center;;}
    }/*mq*/


 }/*mq*/



/*----------------------------------------------------------------------------------------------------------------------
    Gallery .shpG
----------------------------------------------------------------------------------------------------------------------*/
#usSec-g{
background: #333;
color: #fff;
}
.usG-col{
display: block;
}
.usGitem{
width: 100%;
}
.usGitem-mask{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
color: #fff;
background-color: rgba(58, 1, 132, 0.44);
transition: all 0.4s ease-in-out;
opacity: 0;
z-index: 5;
}
.usGitem-icon {
font-size: 30px;
transform: translateY(500px);
opacity: 0;
font-family: "sffont";
transition: all 0.6s ease-in-out;
}
.usGitem:hover .usGitem-mask {
opacity: 1;
}
.usGitem:hover .usGitem-img {
transform: scale(1.2);
}
.usGitem:hover .usGitem-title,
.usGitem:hover .usGitem-icon {
opacity: 1;
transform: translateY(0px);
}
















@media (min-width: 992px){
.usA{
display: flex;
justify-content: space-between;
}

.usAphoto{
width: 320px;
}

.usAbody{
width: calc( 100% - 340px );
}




 }
@media (max-width: 1199.98px){
}
@media (max-width: 1399.98px){
 }




#usSec-s{background: #333; color: #fff;}

.usS{
display: flex;
justify-content: center;
align-items: center;
margin: auto;
width: auto;
}

.usSphoto{ width: 100px; margin-right: 10px;}
.usSphoto-img { border-radius: 50%;}
.usSbody { width: calc( 100% - 210px );}

.usSdata th{font-weight: 400!important;}
@media (max-width: 767.98px){
.usSdata th,.usSdata td{vertical-align: middle;}
.usSdata th{font-weight: 600; color: #ccc;}
.usSbody { width: calc( 100% - 110px );}
}