section {height:410px;}

section .col9 {margin-left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; margin-top:62px; margin-bottom:80px;}

section .box {width:550px; height:304px; border:1px solid #b4b4b4; border-radius:30px 0 30px 0; background:#f8f8f8; padding:0 2%; display:flex; flex-direction:column; justify-content:space-around;}

.box > p:first-child {font-size:32px; font-weight:600;}

.box > p:first-child span {font-size:42px; font-weight:700; font-style:italic; text-shadow: 2px 4px 4px rgba(0,0,0,0.15);}

section .box .sectionimg {width:23px; height:12px; margin-left:5px;}

.mjdev {display:flex;}

section .mjdev span {font-family:'Noto Sans Display', sans-serif; font-weight:700; margin-left:7px; margin-top:-7px;}

section .box img {object-fit:cover;}

.box1 p:last-child {font-size:28px; font-weight:500; margin-bottom:5px; line-height:150%;}

.strong {font-weight:700;}

.tel p:first-child a, .tel p:last-child a {font-size:26px; font-weight:700;}

.tel p:last-child {margin-bottom:15px;}

.box2 .sub {color:rgba(34,34,34,0.6); font-size:22px; font-weight:600;}

.m {display:none;}



@media all and (max-width:1533px) {
    section {height:400px;}

    section .box {width:500px; height:274px; padding:0 3%;}

    .box1 p:last-child {font-size:24px;}
}

@media all and (max-width:1389px) {
    section .box {width:480px; height:244px;}

    .box1 p:last-child {font-size:24px;}
}

@media all and (max-width:1337px) {
    section {height:360px;}

    section .box {width:450px; height:220px;}

    .box1 p:last-child {font-size:22px;}

    .tel p:first-child a, .tel p:last-child a {font-size:22px;}

    .box2 .sub {font-size:18px;}
}

@media all and (max-width:1253px) {
    section {height:320px;}

    section .box {width:420px; height:200px;}

    .box > p:first-child {font-size:28px;}

    .box > p:first-child span {font-size:36px;}

    .box1 p:last-child {font-size:20px;}
}

@media all and (max-width:1167px) {
    section {height:360px;}

    section .col9 {flex-direction:column; align-items:center; justify-content:center; height:auto;}

    .box1 {margin-bottom:5%;}

    section .box {width:100%; height:auto; padding:3%;}

    .box > p:first-child {font-size:32px;}

    .box > p:first-child span {font-size:42px;}

    .box1 p:last-child {font-size:28px;}

    .tel p:first-child a, .tel p:last-child a {font-size:26px;}

    .box2 .sub {font-size:22px;}

    section .box .mjdev {margin-top:15px; margin-bottom:10px;}
    
}

@media all and (max-width:1078px) {

    .box1 p:last-child {font-size:26px;}

    .tel p:first-child a, .tel p:last-child a {font-size:24px;}

    .box2 .sub {font-size:20px;}

}

@media all and (max-width:1001px) {

    section .col9 {width:90%;}

}

@media all and (max-width:829px) {
    .box1 p:last-child {font-size:24px;}

    .tel p:first-child a, .tel p:last-child a {font-size:22px;}

    .box2 .sub {font-size:18px;}
}

@media all and (max-width:773px) {
    section {height:380px;}

    .m1 {display:block;}

    section .col9 {width:60%;}

    .tel p a {display:block;}

    .tel p:first-child {margin-bottom:20px;}
}

@media all and (max-width:738px) {
    section {height:410px;}

    section .col9 {width:90%;}
}

@media all and (max-width:493px) {
    section {height:360px;}

    .box1 p:last-child {font-size:20px;}

    section .col9 {margin-top:42px; margin-bottom:60px;}

}

@media all and (max-width:413px) {
    .m {display:block;}

    .box > p:first-child {font-size:28px;}

    .box > p:first-child span {font-size:32px;}

    section .box {padding:5%;}
}

@media all and (max-width:367px) {
    .box1 p:last-child {font-size:18px;}

    .tel p:first-child a, .tel p:last-child a {font-size:18px;}

    .box2 .sub {font-size:16px;}
}

@media all and (max-width:347px) {
    section {height:340px;}

    .box > p:first-child {font-size:24px;}

    .box > p:first-child span {font-size:28px;}
}

@media all and (max-width:332px) {
    
    .box1 p:last-child {font-size:16px;}
}

@media all and (max-width:303px) {
    .box > p:first-child {font-size:22px;}

    .box > p:first-child span {font-size:26px;}
}

@media all and (max-width:296px) {
    section {height:300px;}

    .box1 p:last-child {font-size:14px;}

    .tel p:first-child a, .tel p:last-child a {font-size:14px;}

    .box2 .sub {font-size:13px;}
}

@media all and (max-width:281px) {
    .box > p:first-child span {font-size:24px;}
}