#commonsection .box1{ background:#000;}
#commonsection .box1 .inbox1{ margin:auto;display:flex;align-items: center;}
#commonsection .box2 { background:#999;display:flex;align-items: center;justify-content: center; text-align:center;}
#commonsection .box2 h2{ letter-spacing:0.25em; text-indent:0.25em;}

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

@media screen and (min-width: 769px) {
#commonsection .box1 .inbox1{  height:96px; padding:0 20px;}
#commonsection .box1 a{ display:block;}
#commonsection .box2{ font-size:40px; height:155px;}
#commonsection .box2 h2{ text-shadow:1px 1px 1px #000;}
}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#commonsection .box1{ height:20vw;}
#commonsection .box1 a{ display:none;}
#commonsection .box2{ font-size:7vw; height:30vw;}
#commonsection .box2 h2{ text-shadow:0.5vw 0.5vw 0.5vw #000;}


}