@charset "utf-8";

/* 掲示物 */

/*PC用*/
@media print, screen {
    .sec_01 { margin: 0 auto; padding: 50px 0 50px; width: 100%; }
    .sec_01 .inner { margin: 0 auto; width: 100%; max-width: 1120px; }
    .sec_01 .inner .bx { padding: 100px 60px 40px; width: 100%; background: #fff; border-radius: 30px; box-sizing: border-box; position: relative; margin-bottom: 100px; }
    .sec_01 .inner .bx + .bx { margin-top: 140px; }
    .sec_01 .inner .bx .icon { margin: 0 auto; width: 100%; max-width: 184px; position: absolute; left: 0; right: 0; top: -70px; }
    .sec_01 .inner .bx .icon img { width: 100%; }
    .sec_01 .inner .bx .tit { margin-bottom: 50px; color: #60adc3; font-size: 26px; line-height: 1.2; font-weight: bold; text-align: center; }
    .sec_01 .inner .bx .item { margin-bottom: 35px; width: 100%; }
    .sec_01 .inner .bx .item .text_01 { width: 100%; max-width: 485px; font-size: 16px; line-height: 36px; }
    .sec_01 .inner .bx .item .img { width: 100%; max-width: 467px; }
    .sec_01 .inner .bx .item img { width: 100%; }
    .sec_01 .inner .bx .text_02 { font-size: 16px; line-height: 36px; }
    .sec_01 .inner .bx .text_02 span { color: #60adc3; font-weight: bold; }
    .sec_01 .inner .bx:first-of-type { padding: 100px 60px 60px; }
    .sec_01 .inner .bx:nth-of-type(2) .item { flex-direction: row-reverse; }
    .sec_01 .inner .bx:nth-of-type(3)  .text_02 { margin-bottom: 40px; }
    .sec_01 .inner .board_ttl { margin-bottom: 20px; padding: 0 0 0 24px; font-size: 22px; line-height: 1.5; font-weight: bold; background: url("../../images/src/about/bg_copy.png") no-repeat left center; }
    .sec_01 .inner .board_caption { padding: 1vw; margin: 0 0 40px; line-height: 1.8; background: rgba(224, 224, 224, 0.5); }
    .sec_01 .inner .board_list { background: rgba(224, 224, 224, 0.5); padding: 1vw; }
    .sec_01 .inner .board_list li { margin-bottom: 1vw; }
    .sec_01 .inner .board_list li:last-child { margin-bottom: 0vw; }
}
@media screen and (max-width:1024px) { }
@media screen and (max-width:1200px) {
    .sec_01 { margin: 0 auto; padding: 18.333vw 0 2vw; width: 100%; background-size: 100% auto; }
    .sec_01 .inner { width: 93%; }
    .sec_01 .inner .bx { padding: 8.333vw 5vw 3.333vw; }
    .sec_01 .inner .bx + .bx { margin-top: 11.666vw; }
    .sec_01 .inner .bx .icon { width: 15.333vw; top: -5.833vw; }
    .sec_01 .inner .bx .tit { margin-bottom: 4.166vw; font-size: 2.166vw; }
    .sec_01 .inner .bx .item { margin-bottom: 2.916vw; }
    .sec_01 .inner .bx .item .text_01 { width: 48.4%; font-size: 1.333vw; line-height: 3vw; }
    .sec_01 .inner .bx .item .img { width: 46.6%; }
    .sec_01 .inner .bx .text_02 { font-size: 1.333vw; line-height: 3vw; }
    .sec_01 .inner .bx:first-of-type { padding: 8.333vw 5vw 5vw; }
    .sec_01 .inner .bx:nth-of-type(3)  .text_02 { margin-bottom: 3.333vw; }
}

/*SP用*/
@media screen and (max-width:640px) {
    .sec_01 { padding: 6.666vw 0 1px; }
    .sec_01 .inner { padding: 0 6.666vw; width: 100%; box-sizing: border-box; }
    .sec_01 .inner .bx { padding: 18.666vw 5.333vw 9.333vw; }
    .sec_01 .inner .bx + .bx { margin-top: 17.4vw; }
    .sec_01 .inner .bx .icon { width: 27.466vw; top: -9.866vw; }
    .sec_01 .inner .bx .tit { margin-bottom: 6.4vw; font-size: 4.266vw; }
    .sec_01 .inner .bx .item { flex-direction: column-reverse; margin-bottom: 0; }
    .sec_01 .inner .bx .item .text_01 { width: 100%; max-width: inherit; font-size: 3.733vw; line-height: 7.466vw; }
    .sec_01 .inner .bx .item .img { margin-bottom: 4.666vw; width: 100%; max-width: inherit; }
    .sec_01 .inner .bx .text_02 { font-size: 3.733vw; line-height: 7.466vw; }
    .sec_01 .inner .bx:first-of-type { padding: 18.666vw 5.333vw 9.333vw; }
    .sec_01 .inner .bx:nth-of-type(2) .item { flex-direction: column-reverse; }
    .sec_01 .inner .bx:nth-of-type(3)  .text_02 { margin-bottom: 0; }
    .sec_01 .inner .board_ttl { margin-bottom: 20px; padding: 0 0 0 24px; font-size: 22px; line-height: 1.5; font-weight: bold; background: url("../../images/src/about/bg_copy.png") no-repeat left center; }
    .sec_01 .inner .board_caption { padding: 2vw; margin: 0 0 40px; line-height: 1.8; background: rgba(224, 224, 224, 0.5); }
    .sec_01 .inner .board_list { padding: 2vw; }
    .sec_01 .inner .board_list li { margin-bottom: 1vw; }
    .sec_01 .inner .board_list li:last-child { margin-bottom: 0vw; }
}
}