/*ーーーーーーーーーーーーーーーー
PCの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (min-width: 769px) {
#c_section1 h2{background:url(../images/characteristic/images/characteristic1.png) no-repeat center; background-size: auto 100%;}
#section1 .box1{ padding:75px 0;}
#section1 .box1 .box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; width:1000px; margin:auto; padding-top:50px;}
#section1 .box1 .box img{ width:500px;}
#section1 .box1 .box .txtbox{ width:450px; display:block; padding:25px;}
#section1 .box1 .box:nth-of-type(2) .txtbox{ order:1;}
#section1 .box1 .box:nth-of-type(2) img{ order:2;}
#section1 .box1 .box .txtbox h3{ font-size:23px;}
#section1 .box1 .box .txtbox p{ font-size:18px; padding-top:25px; line-height:1.75em;}
#section1 .box2 ul{ width:1000px; margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding-top:50px;}
#section1 .box2 ul li{ width:310px; height:400px; background:#eeebe8; margin-bottom:35px;}
#section1 .box2 ul li img{ width:100%; display:block;}
#section1 .box2 ul li .s1{ display:block; width:100%; text-align:center; font-size:20px; color:#9f352d; font-weight:500; padding-top:10px;}
#section1 .box2 ul li .s2{ display:block; padding:10px 20px;}
#section2 .box1 { padding:0 0 100px;}
#section2 .box1 h2{ text-align:center; font-size:33px; padding-top:30px;}
#section2 .box1 h2 .s1{color:#9f352d;}
#section2 .box1 .txtbox{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:610px; margin:auto; padding:40px 0;}
#section2 .box1 .txtbox h3{ width:305px; height:86px; background:#9f352d; color:#fff; font-size:30px; font-weight:500;display:flex;align-items: center;justify-content: center; text-align:center;}
#section2 .box1 .txtbox h3 .s1_1{ display:block; letter-spacing:-0.05em; text-indent:-0.05em; padding:0;}
#section2 .box1 .txtbox h3 .s1_2{ display:block; letter-spacing:0.25em; text-indent:0.25em; padding:0; margin-top:-0.3em;}
#section2 .box1 .txtbox p{ width:270px;}
#section2 .box1 li{ width:730px; margin:auto; padding-bottom:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#section2 .box1 li img{ width:365px;}
#section2 .box1 li .s1{ height:226px; width:301px;display:flex;align-items: center;justify-content:flex-start; border:solid 2px #999; font-size:25px; padding-left:60px; font-weight:600; line-height:1em;}
}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#c_section1 h2{background:url(../images/characteristic/images/characteristic1.png) no-repeat center; background-size: auto 100%;}
#section1 .box1{ padding:10vw 0;}
#section1 .box1 .box{width:90%; margin:auto; padding-top:20vw; position:relative;}
#section1 .box1 .box img{ width:100%;}
#section1 .box1 .box .txtbox{ width:calc(100% - 10vw); display:block; padding:5vw;}
#section1 .box1 .box .txtbox h3{ font-size:6vw; position:absolute; height:10vw;display:flex;align-items: center;justify-content: center; text-align:center; width:100%; left:0; top:10vw;}
#section1 .box1 .box .txtbox p{ font-size:5vw;line-height:1.75em;}
#section1 .box2 ul{ width:90%; margin:auto; padding-top:10vw;}
#section1 .box2 ul li{ width:100%; background:#eeebe8; margin-bottom:10vw;}
#section1 .box2 ul li img{ width:100%; display:block;}
#section1 .box2 ul li .s1{ display:block; width:100%; text-align:center; font-size:5vw; color:#9f352d; font-weight:500; padding-top:5vw;}
#section1 .box2 ul li .s2{ display:block; padding:5vw;}
#section2 .box1 { padding:0 0 30vw;}
#section2 .box1 h2{ text-align:center; font-size:5vw; padding-top:10vw;}
#section2 .box1 h2 .s1{color:#9f352d;}
#section2 .box1 .txtbox{width:90%; margin:auto; padding:10vw 0;}
#section2 .box1 .txtbox h3{ width:50vw; height:15vw; background:#9f352d; color:#fff; font-size:5vw; font-weight:500;display:flex;align-items: center;justify-content: center; margin:auto; text-align:center;}
#section2 .box1 .txtbox h3 .s1_1{ display:block;letter-spacing:-0.05em; text-indent:-0.05em; padding:0;}
#section2 .box1 .txtbox h3 .s1_2{ display:block; letter-spacing:0.25em; text-indent:0.25em; padding:0;}
#section2 .box1 .txtbox p{ width:100%; padding:5vw 0; font-size:4vw; text-align:center;}
#section2 .box1 li{ width:90%; margin:auto; padding-bottom:5vw;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#section2 .box1 li img{ width:50%;}
#section2 .box1 li .s1{ height:26.8vw; width:calc(50% - 6vw);display:flex;align-items: center;justify-content:flex-start; border:solid 0.5vw #999; font-size:4vw; padding-left:5vw; font-weight:600;}
}