#commonsection .box2 { background:url(../images/staff/images/staff1.png) center; background-size:cover;}

/*ーーーーーーーーーーーーーーーー
PCの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (min-width: 769px) {
#section1 .box1{ padding-top:145px;}
#section1 .box1 .box{ position:relative; width:515px; padding:0 100px 145px 335px; margin:auto; color:#000; min-height:360px;}
#section1 .box1 .box .img1{ position:absolute; top:0; left:0;}
#section1 .box1 .box h2{ color:#a67c52; font-size:16px;}
#section1 .box1 .box .txt1{ font-size:27px; padding-top:10px;}
#section1 .box1 .box .txt1 .s1{ color:#999; font-size:15px; display:inline-block; padding-left:20px;}
#section1 .box1 .box .txt2{ padding-top:10px;}
#section1 .box1 .inbox2 p{ line-height:2; padding-top:40px; font-size:16px;}
}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#section1 .box1{ padding:10vw 0 50vw;}
#section1 .box1 .box{ position:relative; width:90vw;  margin:auto; color:#000; padding-bottom:15vw;}
#section1 .box1 .inbox1{ width:45vw; padding-left:5vw; float:left;}
#section1 .box1 .box .img1{ width:40vw; float:left;}
#section1 .box1 .box h2{ color:#a67c52; font-size:4vw; padding-bottom:5vw;}
#section1 .box1 .box .txt1{ font-size:5vw;}
#section1 .box1 .box .txt1 .s1{ color:#999; font-size:3vw; display:block;}
#section1 .box1 .box .txt2{ font-size:4vw; padding-top:5vw;}
#section1 .box1 .inbox2 p{ font-size:4vw; width:100%; float:left; padding-top:5vw;}
}