#commonsection .box2 { background:url(../images/about/images/about1.png) center; background-size:cover;}
#section1 .inbox li .s2{ color:#a67c52}
#section1 .inbox h3{letter-spacing:0.25em; text-indent:0.25em;}
.taxin {
    padding: 50px 0 0;
    color: #000;
    text-align: center;
}

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

@media screen and (min-width: 769px) {
#section1{ width:100%; margin:auto;}
#section1 .box1{ width:900px; margin:auto; position:relative; padding-top:60px;}
#section1 .inbox{ width:408px; float:left;}
#section1 .inbox h3{ width:100%; height:48px;display:flex;align-items: center;justify-content: center; background:#000;}
#section1 .inbox ul{ width:390px; margin:auto; padding:20px 0 90px;}
#section1 .inbox li{ padding-bottom:20px; position:relative; width:100%; color:#000;min-height:20px;}
#section1 .inbox li .s1{ position:absolute; right:0; top:0; }
#section1 .box1 .txt1{ color:#c1272d; position:absolute; bottom:110px; left:10px;}
#section1 .inbox:nth-of-type(2){ float:right;}
#section1 .inbox:nth-of-type(5){ float:right;}
#section1 .inbox:nth-of-type(7){ float:right;}

}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#commonsection .box2 h2{ font-size:6.9vw;}
#section1{ width:100%; margin:auto;}
#section1 .box1{ width:90%; margin:auto; position:relative; padding:5vw 0 50vw;}
#section1 .inbox li .s2{ font-size:6vw; padding:5vw 0 0; display:block;}
#section1 .inbox h3{ width:100%; height:10vw;display:flex;align-items: center;justify-content: center; background:#000; font-size:5vw;}
#section1 .inbox ul{ width:90%; margin:auto; padding:5vw 0 15vw;}
#section1 .inbox li{ padding-bottom:5vw; position:relative; width:100%; color:#000;}
#section1 .inbox .li1 .s1{ display:block; text-align:right; width:100%; position:absolute; right:0; top:0;}
#section1 .inbox .li2 .s1{ display:block; text-align:right; width:100%;}
#section1 .box1 .txt1{ color:#c1272d;}

}