@charset "UTF-8";

.des_sec01{display: flex;max-width: 1280px;margin: 60px auto;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.des_sec0101{width: 45%;margin-bottom: 40px;}
.des_sec0102{width: 49%;margin-bottom: 40px;position: relative;display: flex;justify-content: space-between;}
.des_sec0102txt{width: 49%;}
.des_sec0102txt01{font-size: 14px;margin-bottom: 10px;}
.des_sec0102txt02{font-size: 14px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #CCC;}
.des_sec0102txt03{font-size: 24px;}
.des_sec0102img{width: 51%;}
.des_sec0103{width: 100%;display: flex;justify-content: space-between;}
.des_sec0103li01{width: 32.3%;position: relative;}
.des_sec0103li02{width: 67.5%;position: relative;}

.des_sec02{display: flex;max-width: 1280px;margin: 60px auto;justify-content: space-between;flex-wrap: wrap;}
.des_sec0201{width: 20%;margin: 0 40% 30px;mix-blend-mode: multiply;}
.des_sec0202{width: 45%;}
.des_sec0202 h3{margin-top: 0;}
.des_sec0203{width: 49%;}
.des_sec0204{width: 49%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -18%}
.des_sec0204li01{width: 49%;}
.des_sec0204li02{width: 49%;}

.des_sec03{max-width: 1280px;margin: 60px auto;padding: 40px 0;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;text-align: center;}
.des_sec03 h2{font-size: 24px;line-height: 1.8;}
.sec0301{display: flex;max-width: 540px;margin: 30px auto 0;justify-content: space-between;flex-wrap: wrap;}
.sec0301logo01{width: 220px;}
.sec0301logo01 h3{font-size:14px;margin-bottom: 17px;}
.sec0301logo02{width: 220px;}
.sec0301logo02 h3{font-size:14px;margin-bottom: 0;}

.des_sec04{display: flex;max-width: 1280px;margin: 60px auto;justify-content: space-between;flex-wrap: wrap;}
.des_sec0401{width: 33%;margin-bottom: 40px;}
.des_sec0402{width: 61%;margin-bottom: 40px;position: relative;display: flex;justify-content: space-between;}
.des_sec0403{width: 100%;border: 1px solid #CCC;padding: 20px;position: relative;}
.des_sec0403img{margin-bottom: 15px;position: relative;}
.des_sec0403::before{content: "";background-image: url("../imgs/des_yajirushi01.svg");width:0.95%;height: 27%;display: block;position: absolute;top:-27%;right: 27.5%;background-size: contain}

.des_sec05{display: flex;max-width: 1280px;margin: 60px auto;justify-content: center;flex-wrap: wrap;}
.des_sec0501{width: 34%;margin-bottom: 40px;margin-right: 5%}
.des_sec0502{width: 61%;margin-bottom: 40px;position: relative;display: flex;justify-content: space-between;}

@media screen and (max-width: 1400px) {
.des_sec01{display: flex;max-width: 1280px;margin: 60px auto;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;padding: 0 3%;}
.des_sec02{display: flex;max-width: 1280px;margin: 60px auto;justify-content: space-between;flex-wrap: wrap;padding: 0 3%;}
.des_sec03{max-width: 1280px;margin: 60px auto;padding: 40px 0;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;text-align: center;padding: 0 3%;}
.des_sec04{display: flex;max-width: 1280px;margin: 60px auto;justify-content: space-between;flex-wrap: wrap;padding: 0 3%;}
}

@media screen and (max-width: 768px) {

    .des_bg_white{background: #FFF;padding: 0.1px 0;}

.des_sec01{display: flex;max-width: 1280px;margin: 40px 5%;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;padding: 0;}
.des_sec0101{width: 100%;margin-bottom: 40px;}
.des_sec0102{width: 100%;margin-bottom: 40px;position: relative;display: flex;justify-content: space-between;}
.des_sec0102txt{width: 49%;}
.des_sec0102txt01{font-size: 3vw;margin-bottom: 5px;}
.des_sec0102txt02{font-size: 3vw;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #CCC;}
.des_sec0102txt03{font-size: 5vw;}
.des_sec0102img{width: 51%;}
.des_sec0103{width: 100%;display: flex;justify-content: space-between;}
.des_sec0103li01{width: 32%;position: relative;}
.des_sec0103li02{width: 67.7%;position: relative;}

.des_sec02{display: flex;max-width: 1280px;margin: 20px 5%;justify-content: space-between;flex-wrap: wrap;padding: 0;}
.des_sec0201{width: 50%;margin: 0 25% 20px;mix-blend-mode: multiply;}
.des_sec0202{width: 100%;}
.des_sec0202 h3{margin-top: 0;}
.des_sec0203{width: 60%;}
.des_sec0204{width: 38%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0%}
.des_sec0204li01{width: 100%;}
.des_sec0204li02{width: 65%;margin: 8px 0 0 auto;}
.desadj{margin: -25px 110% 0 -200%;}

.des_sec03{max-width: 1280px;margin: 30px 5%;padding:20px 0;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;text-align: center;}
.des_sec03 h2{font-size: 4.5vw;line-height: 1.8;}
.sec0301{display: flex;max-width: 540px;margin: 15px 5% 0;justify-content: space-between;flex-wrap: wrap;}
.sec0301logo01{width: 45%;}
.sec0301logo01 h3{font-size:10px;margin-bottom: 15px;}
.sec0301logo02{width: 45%;}
.sec0301logo02 h3{font-size:10px;margin-bottom: 0;}

.des_sec04{display: flex;max-width: 1280px;margin: 30px 5%;justify-content: space-between;flex-wrap: wrap;padding: 0;}
.des_sec0401{width: 100%;margin-bottom: 20px;}
.des_sec0402{width: 100%;margin-bottom: 20px;position: relative;display: flex;justify-content: space-between;}
.des_sec0403{width: 100%;border: 1px solid #CCC;padding: 3%;position: relative;}
.des_sec0403img{margin-bottom: 15px;position: relative;}
.des_sec0403::before{content: "";background-image: url("../imgs/des_yajirushi01.svg");width:1.4%;height: 33%;display: block;position: absolute;top:-33%;right: 47%;background-size: contain}

.des_sec05{display: flex;max-width: 1280px;margin: 30px 5%;justify-content: center;flex-wrap: wrap;}
.des_sec0501{width: 100%;margin-bottom: 20px;}
.des_sec0502{width: 100%;margin-bottom: 20px;position: relative;display: flex;justify-content: space-between;}

}