@charset "utf-8";

/* メニュー */

/*PC用*/
@media print, screen {
    .anchor_menu { margin: 0 auto; padding: 70px 0 60px; width: 100%; max-width: 930px; }
    .anchor_menu li { width: 31.2%; }
    .anchor_menu li a { display: -webkit-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; color: #60adc3; font-size: 16px; line-height: 1; font-weight: bold; text-align: center; border: 1px solid #60adc3; border-radius: 50px; background: #fff url("../../images/src/common/arrow_blue_02.png") no-repeat right 19px center; background-size: 11px auto; }
    .anchor_menu li a:hover { color: #fff; background-color: #60adc3; background-image: url("../../images/src/common/arrow_white_02.png"); }
    .sec_01 {margin: 0 auto;padding: 220px 0 50px;width: 100%;background: #E8F4F7 url("../../images/src/top/bg_sec_01.png") repeat-x center top;}
    .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; }
}
@media screen and (max-width:1024px) {
    .anchor_menu { margin: 0 auto; padding: 70px 0 60px; width: 90%; }
    .anchor_menu li a { height: 5.859vw; font-size: 1.562vw; background-position: right 1.855vw center; background-size: 1.07vw auto; }
}
@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) {
    .anchor_menu { padding: 9.333vw 0 10.666vw; width: 59%; }
    .anchor_menu li { width: 100%; }
    .anchor_menu li + li { margin-top: 4vw; }
    .anchor_menu li a { height: 11.333vw; font-size: 3.733vw; background: #fff url("../../images/src/common/sp/arrow_blue_02.png") no-repeat right 3.866vw center; background-size: 2.266vw auto; }
    .anchor_menu li a:hover { background-image: url("../../images/src/common/sp/arrow_white_02.png"); }
    .sec_01 {padding: 26.666vw 0 1px;background: #E8F4F7 url("../../images/src/top/sp/bg_sec_01.png") no-repeat center top;background-size: 100% auto;}
    .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; }
    a#anchor01 { padding: 100px 0 0 0; margin: -100px 0 0; display: block; }
    a#anchor02 { padding: 100px 0 0 0; margin: -100px 0 0; display: block; }
    a#anchor03 { padding: 100px 0 0 0; margin: -100px 0 0; display: block; }
}
}
