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

@media screen and (min-width: 769px) {
#c_section1 h2{background:url(../images/about/images/about1.png) no-repeat center; background-size: auto 100%;}
#section1 .box1 p{ text-align:center; padding:70px 0; font-size:20px; line-height:1.75em;}
#section1 .box1 .imgbox{ width:1000px; margin:auto; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#section2 .box1{ padding:70px 0;}
#section2 .box1 ul{ padding:45px 0; width:920px; margin:auto;}
#section2 .box1 ul li{ border-bottom:dashed 1px #000;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; height:40px; font-size:18px;}
#section2 .box1 ul li .s1{ width:140px; padding-left:10px; font-weight:500;}
#section2 .box1 ul li .s2{ width:770px;}
#section2 .box2 .imgbox{ width:1000px; margin:auto; padding:40px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} 
#section2 .box3{ width:1000px; margin:auto; padding-bottom:120px;}
#section2 .box3 li{border:solid 1px #000; border-top:none; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; font-size:20px;}
#section2 .box3 li:nth-child(odd){ background:#e6e6e6;}
#section2 .box3 li:nth-child(even){ background:#fff;}
#section2 .box3 li:nth-of-type(1){border-top:solid 1px #000; background:#9f352d; color:#fff;}
#section2 .box3 li .s1_1{ display:none;}
#section2 .box3 li .s2_1{ display:none;}
#section2 .box3 li .s3_1{ display:none;}
#section2 .box3 li .s4_1{ display:none;}
#section2 .box3 li .s1{display:flex;align-items: center;justify-content: center; width:279px; height:50px; border-right:1px solid #000;}
#section2 .box3 li .s2{display:flex;align-items: center;justify-content: center; width:279px; height:50px; border-right:1px solid #000;}
#section2 .box3 li .s3{display:flex;align-items: center;justify-content: center; width:279px; height:50px; border-right:1px solid #000;}
#section2 .box3 li .s4{display:flex;align-items: center;justify-content: center; width:158px; height:50px;}



}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#c_section1 h2{background:url(../images/about/images/about1.png) no-repeat center; background-size: auto 100%;}
#section1 .box1 p{ text-align:center; padding:10vw 0; font-size:5vw; line-height:1.75em; width:90%; margin:auto;}
#section1 .box1 .imgbox{ width:90%; margin:auto; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#section1 .box1 .imgbox img{ width:40vw;}
#section2 .box1{ padding:10vw 0;}
#section2 .box1 ul{ padding:10vw 0; width:90%; margin:auto;}
#section2 .box1 ul li{ border-bottom:dashed 0.25vw #000; font-size:4vw; padding:5vw 2.5vw 2.5vw;}
#section2 .box1 ul li .s1{ width:100%; font-weight:500; display:block; font-size:5vw;}
#section2 .box1 ul li .s2{ width:100%; display:block; padding-top:2vw;}
#section2 .box2 .imgbox{ width:90%; margin:auto; padding:10vw 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} 
#section2 .box2 .imgbox img{ width:45%; display:block;}
#section2 .box2 .imgbox .img3{ display:block; margin:auto; padding-top:7.5vw;}
#section2 .box3{ width:90%; margin:auto; padding-bottom:30vw;}
#section2 .box3 li{border:solid 0.25vw #000; border-top:none;font-size:4vw; position:relative;}
#section2 .box3 li:nth-child(odd){ background:#e6e6e6;}
#section2 .box3 li:nth-child(even){ background:#fff;}
#section2 .box3 li:nth-of-type(1){ display:none;}
#section2 .box3 li:nth-of-type(2){ border-top:solid 0.25vw #000;}
#section2 .box3 li .s1_1{ position:absolute; font-size:2.5vw; width:10vw; height:4vw;display:flex;align-items: center;justify-content: center; top:0; left:0;background:#9f352d; color:#fff; font-weight:200;}
#section2 .box3 li .s2_1{ position:absolute; font-size:2.5vw; width:10vw; height:4vw;display:flex;align-items: center;justify-content: center; top:0; left:0;background:#9f352d; color:#fff; font-weight:200;}
#section2 .box3 li .s3_1{ position:absolute; font-size:2.5vw; width:10vw; height:4vw;display:flex;align-items: center;justify-content: center; top:0; left:0;background:#9f352d; color:#fff; font-weight:200;}
#section2 .box3 li .s4_1{ position:absolute; font-size:2.5vw; width:10vw; height:4vw;display:flex;align-items: center;justify-content: center; top:0; left:0;background:#9f352d; color:#fff; font-weight:200;}
#section2 .box3 li .s1{display:flex;align-items: center;justify-content: center; width:calc(100% - 50.25vw); height:30.5vw; border-right:0.25vw solid #000; position:absolute; left:0; top:0;}
#section2 .box3 li .s2{display:flex;align-items: center;justify-content: center; width:50vw; height:10vw; border-bottom:0.25vw solid #000; position:relative; margin-left:auto;}
#section2 .box3 li .s3{display:flex;align-items: center;justify-content: center; width:50vw; height:10vw; border-bottom:0.25vw solid #000; position:relative; margin-left:auto;}
#section2 .box3 li .s4{display:flex;align-items: center;justify-content: center; width:50vw; height:10vw; position:relative; margin-left:auto;}




}