@charset "utf-8";

/*
+++++++++++++++++++++++++++++++

sta-con01

+++++++++++++++++++++++++++++++
*/


/*
↓↓↓テキスト間違い注意↓
*/
.sta-con01-t01{
    font-weight: bold;
    padding:0 10px;
    font-size:20px;
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .sta-con01-t01{
    padding:0 30px;
    font-size:50px;
    margin:0 auto 70px;
        
}
}

/*
↓↓↓.sta-con01↓
*/

.sta-con01{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width:768px),
print {
    .sta-con01{
    margin:0 auto 120px;
        max-width:1500px;
        display: flex;
        justify-content: space-between;
        padding:0 50px;
}
}

.sta-con01-left{
    
}

@media screen and (min-width: 768px),
print {
    .sta-con01-left{
    width:40%;
}
}

.sta-con01-photo01{
    margin-bottom: 30px;
}

@media screen and (min-width:768px),
print {
    .sta-con01-photo01{
    margin-bottom:15px;
}
}


.sta-con01-photo02{
    display: none;
}

@media screen and (min-width: 768px),
print {
    .sta-con01-photo02{
    display:block;
        margin-bottom:20px;
}
}

.sta-con01-photo03{
    display: none;
}

@media screen and (min-width:768px),
print {
    .sta-con01-photo03{
    display:block;
        margin-bottom:20px;
}
}

.sta-con01-photo04{
    display: none;
}

@media screen and (min-width:768px),
print {
    .sta-con01-photo04{
    display:block;
}
}

@media screen and (min-width:768px),
print {
 .sta-con01-photo04 iframe{
    width:100%;
     height:250px;
}
    }

@media screen and (min-width:992px),
print {
 .sta-con01-photo04 iframe{
    width:100%;
     height:350px;
}
    }


.sta-con01-right{
    margin-bottom: 30px;
}

@media screen and (min-width:768px),
print {
    .sta-con01-right{
    width:55%;
        margin-bottom:0;
}
}

.sta-con01-sp{
    margin-bottom:40px;
}

@media screen and (min-width:768px),
print {
    .sta-con01-sp{
    display: none;
}
}

.sta-con01-sp-photo01,
.sta-con01-sp-photo02{
    margin-bottom: 15px;
}

.sta-con01-sp-photo03 iframe{
    width:100%;
    height:350px;
}

.sta-name-area{
    display: flex;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .sta-name-area{
    margin-bottom:30px;
}
}

.sta-con01-t02{
    width:33%;
    font-size:22px;
    font-weight: bold;
}

@media screen and (min-width:768px),
print {
    .sta-con01-t02{
    width:38%;
    font-size:26px;
}
}

@media screen and (min-width:992px),
print {
    .sta-con01-t02{
    width:35%;
        font-size:35px;
        padding-right:10px;
}
}



.sta-con01-t03{
    width:50%;
    font-size:14px;

    padding-top:8px;
}

@media screen and (min-width:768px),
print {
    .sta-con01-t03{
    width:50%;
        padding-top:10px;
}
}

@media screen and (min-width:992px),
print {
    .sta-con01-t03{
    width:50%;
        padding-top:16px;
        font-size:16px;
}
}

.sta-con01-t04{
    width:36%;
    font-size:22px;
    font-weight: bold;
}

@media screen and (min-width:768px),
print {
    .sta-con01-t04{
    width:37%;
    font-size:26px;
}
}

@media screen and (min-width:992px),
print {
    .sta-con01-t04{
    width:30%;
        font-size:35px;
}
}

.sta-con02-t05{
    font-size:23px;
    margin-bottom: 20px;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .sta-con02-t05{
    font-size:35px;
    margin-bottom:30px;
}
}

.sta-con02-t06{
    line-height: 2;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .sta-con02-t06{
    line-height:3;
       margin-bottom: 30px;
} 
}


@media screen and (min-width: 992px),
print {
    
}

.sta-title01{
    background: #2B2B2B;
    padding:4px;
    font-size:18px;
    margin-bottom: 20px;
    color:#fff;
}

@media screen and (min-width:992px),
print {
    .sta-title01{
    font-size:20px;
    margin-bottom: 20px;
}
}

.sta-title01::after{
    content:"";
    position: absolute;
    top:16px;
    left:70px;
    height:1px;
    background: #000;
    width:60px;
    
    
}



/*
+++++++++++++++++++++++++++++++

↓↓↓↓↓旧CSS　公開時削除してOK↓↓↓↓↓↓↓↓↓↓

+++++++++++++++++++++++++++++++
*/

/*
+++++++++++++++++++++++++++++++

staff-name

+++++++++++++++++++++++++++++++
*/

.staff-name{
padding:0 12px;
    margin-bottom:30px;
}

@media screen and (min-width:768px),
print {
    .staff-name{
        padding:0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 40px;

}
}

.staff-name-t01{
    font-size:14px;
    margin-bottom: 10px;
}

@media screen and (min-width:768px),
print {
    .staff-name-t01{
    margin-bottom:15px;
        margin-right:15px;
        
}
}

@media screen and (min-width:992px),
print {
    .staff-name-t01{
    margin-bottom:15px;
        margin-right:15px;
        padding-top:2px;
        
}
}

.staff-name-t02{
    font-size:23px;
    margin-bottom: 10px;
}

@media screen and (min-width:768px),
print {
    .staff-name-t02{
    font-size:30px;
    margin-bottom:15px;
        margin-right:15px;
}
}

@media screen and (min-width:992px),
print {
    .staff-name-t02{
    font-size:65px;
    margin-bottom:15px;
        margin-right:15px;
}
}

.staff-name-t03{
    font-size:14px;
    margin-bottom:30px;
}

@media screen and (min-width:768px),
print {
    .staff-name-t03{
        padding-top:40px;
    font-size:16px;
    margin-bottom:50px;
}
}


/*
+++++++++++++++++++++++++++++++

staff-con01

+++++++++++++++++++++++++++++++
*/

.staff-con01{
    display: flex;
    flex-direction: column;
}

@media screen and (min-width:992px),
print {
    .staff-con01{
    margin:0 auto;
        max-width:1800px;
        flex-direction:row;
        justify-content: space-between;
}
}

.staff-con01-left{
    order:2;
    
}

@media screen and (min-width: 992px),
print {
    .staff-con01-left{
    order:1;
        width:48%;
    
}
}

.staff-con01-right{
    order:1;
    padding:0 10px;
    
}



@media screen and (min-width:992px),
print {
    .staff-con01-right{
        order:2;
        width:45%;
        padding-top:30px;
        padding-right:30px;
    
}
}

.staff-title01{
    position: relative;
    font-size:18px;
    margin-bottom: 20px;
}

@media screen and (min-width:992px),
print {
    .staff-title01{
    font-size:20px;
    margin-bottom: 20px;
}
}

.staff-title01::after{
    content:"";
    position: absolute;
    top:16px;
    left:70px;
    height:1px;
    background: #000;
    width:60px;
    
    
}


/*
+++++++++++++++++++++++++++++++

staff-con02

+++++++++++++++++++++++++++++++
*/

.staff-con02-back{
    background: #F7F7F7;
    padding:50px 10px;
    margin-bottom: 40px;
}



@media screen and (min-width:992px),
print {
  .staff-con02-back{
    padding:120px 100px;
      margin-bottom:120px;
}
}

.staff-con02{

}

@media screen and (min-width:768px),
print {
    .staff-con02{
    margin:0 auto;
        max-width:1000px;
}
}

.staff-con02-t01{
    font-size:23px;
    margin-bottom: 20px;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .staff-con02-t01{
    font-size:35px;
    margin-bottom:60px;
}
}

.staff-con02-t02{
    line-height: 2;
}

@media screen and (min-width: 992px),
print {
   .staff-con02-t02{
    line-height:3;
} 
}








/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

+++++++++++++++++++++++++++++++++++++++++
*/