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

#section1 .box1 { color:#000;}
#section1 .box1 h2{text-align:center;}
#section2 .box1 { color:#000;}
#section2 .box1 .imgbox img{ width:100%;}

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

@media screen and (min-width: 769px) {
#section1 .box1 h2{ font-size:24px; padding:84px 0 48px;}
#section1 .box1 p{ text-align:center; line-height:2.56; padding-bottom:60px;}
#section1 .box1 .txt2{ padding-top:20px;}
#section2 .box1{ padding-top:85px;} 
#section2 .box1 h3{ font-size:24px; padding:5px 0 45px;}
#section2 .box1 h3 .s1{ font-size:20px;}
#section2 .box1 h3 .s1_1{ font-size:15px;}
#section2 .box1 .inbox{ width:425px; margin:auto; position:relative; min-height:361px; padding-bottom:106px;}
#section2 .box1 .inbox:nth-of-type(3) h3{padding:5px 0 10px;}
#section2 .box1 .inbox .imgbox{ position:absolute; top:0; width:504px; height:301px;}
#section2 .box1 .inbox:nth-child(odd) { padding-right:550px;}
#section2 .box1 .inbox:nth-child(even) { padding-left:550px;}
#section2 .box1 .inbox:nth-child(odd) .imgbox{ right:0;}
#section2 .box1 .inbox:nth-child(even) .imgbox{ left:0;}
#section2 .box1 .txt1{ line-height:2.56;}
#section2 .box1 ul{ padding-top:25px;}
#section2 .box1 li{ position:relative; padding:0 0 15px 80px; font-size:15px;}
#section2 .box1 li .s1{ position:absolute; left:0; top:0;}
#section2 .box1 li .s1 a{ display:none;}



}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#section1 .box1 h2{ font-size:6vw; padding:10vw 0;}
#section1 .box1 p{line-height:2; padding-bottom:5vw; width:90%; margin:auto; font-size:4vw;}
#section1 .box1 p br{ display:none;}
#section1 .box1 .txt2{ padding-top:5vw; text-align:center;}
#section2 .box1{ padding:10vw 0 40vw; width:90%; margin:auto;} 
#section2 .box1 h3{ font-size:7vw; text-align:center; width:100%; padding-bottom:5vw;}
#section2 .box1 h3 .s1{ font-size:7vw;}
#section2 .box1 h3 .s1_1{ font-size:4vw;}
#section2 .box1 .inbox{ padding-bottom:10vw;}
#section2 .box1 .inbox .imgbox{width:50vw; height:30vw; margin-top:5vw; padding-bottom:5vw;}
#section2 .box1 .inbox:nth-of-type(1) .imgbox{ float:right; margin-left:5vw;}
#section2 .box1 .inbox:nth-of-type(2) .imgbox{float:left; margin-right:5vw;}
#section2 .box1 .inbox:nth-of-type(3) .imgbox{ display:block; margin:auto;}
#section2 .box1 .txt1{ line-height:2;}
#section2 .box1 .txt1 br{ display:none;}
#section2 .box1 ul{ padding-top:5vw;}
#section2 .box1 li{ position:relative; font-size:4vw; padding-bottom:5vw;}
#section2 .box1 li .s1{ display:block;}
#section2 .box1 li:nth-of-type(3) .s1{ display:inline-block; padding-right:1em;}
#section2 .box1 li:nth-of-type(1) { font-size:5vw;}
#section2 .box1 li:nth-of-type(1) .s1{ font-size:4vw;}
#section2 .box1 li:nth-of-type(3) { font-size:7vw;}
#section2 .box1 .inbox:nth-of-type(3) .txt1{ text-align:center; padding:5vw 0;}
#section2 .box1 li a{ display:block; width:50vw; height:10vw; position:absolute;  top:0; right:17vw;}






}