@charset "utf-8";
@media screen and (max-width: 767px) {
    .imgarwArea {
        padding: 10px;
        font-size: 16px;
    }
    .imgarwArea p {
        margin-bottom: 15px;
    }
    .leftbox,
    .rightbox {
        margin-bottom: 15px;
    }

    .boxImg {
        margin-bottom: 10px;
    }
    .boxImg {
        margin-bottom: 10px;
    }
    .arwArea {
        background: url('../common/img/contents_arw_sp.png') no-repeat top center;
        min-height: 500px;
        background-size: contain;
    }

    .halfArea {
        margin: 20px auto;
    }
    .halfArea .leftContents {
        float: left;
        width: 48%;
    }
    .halfArea .rightContents {
        float: right;
        width: 48%;
    }
    .halfArea h2 {
        font-size: 24px;
        color: #b20000;
        border-bottom: 1px solid #b20000;
        margin-bottom: 10px;
    }
    .contentBox {
        margin-bottom: 50px;
    }
    .secTitle {
        font-size: 36px;
        text-align: center;
        margin-bottom: 30px;
        color: #b20000;
    }
    .mriFeature {
        margin-top: 30px;
    }
    .featureInfo .inImg {
        margin-top: 15px;
        margin-left: 10px;
    }
    .featureInfo p {
        margin: 10px 10px 30px;
    }
    .featureInfo {
        width: 50%;
        float: left;
    }
    .featureContent {
        float: left;
        width: 48%;
        margin-right: 2%;
        background: #f0f0f7;
        padding: 10px;
        font-size: 14px;
    }
    .featureContent h5 {
        font-size: 16px;
        font-weight: bold;
        margin: 10px 0;
    }
    .point3 {
        font-size: 16px;
    }
    .point3 li {
        position: relative;
        width: 100%;
        margin-bottom: 25px;
        padding-left: 50px;
        font-weight: bold;
    }
    .point3 li:last-child {
        margin-right: 0;
    }
    .point3 li span {
        position: absolute;
        left: 0;
        display: inline-block;
        padding: 6px 14px;
        color: #fff;
        background: #009cbd;
        font-size: 16px;
    }
    .oubo {
        max-width: 900px;
        width: 100%;
        margin: 30px auto 50px;
    }
    .oubo .ouboLabel {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 30px 0 10px;
    }
    .oubostep .ouboLabel {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 30px 0 10px;
        background: #0099bd;
        color: #fff;
        padding: 5px;
    }
    .oubo td,
    .oubo th {
        padding: 10px;
        display: block;
        width: 100%;
    }
    .oubo th {
        background: #e4e4e4;
    }
    .oubostep {
        max-width: 800px;
        width: 100%;
        margin: 30px auto 50px;
    }
    .stepIcon {
        background: url('../img/stepbg.png') no-repeat;
        background-size: 60px 74px;
        padding-top: 10px;
        width: 60px;
        height: 75px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        left: 0;
    }
    .step {
        position: relative;
        padding-left: 80px;
        margin-top: 30px;
        font-size: 14px;
        min-height: 75px;
    }
    .step h3 {
        font-size: 18px;
        color: #0099bd;
        margin-bottom: 20px;
        border-bottom: 2px solid #0099bd;
    }
    .step .stext {
        font-size: 14px;
    }
    .qaArea {
        max-width: 800px;
        width: 100%;
        margin: 30px auto;
    }
    .question {
        position: relative;
        background: #009cbd;
        padding: 10px 15px 10px 50px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }
    .question span {
        position: absolute;
        left: 18px;
    }
    .answer {
        position: relative;
        background: #fff;
        padding: 15px 15px 15px 50px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .answer span {
        position: absolute;
        left: 18px;
        font-size: 20px;
    }
    .answer span.redtext {
        position: unset;
        left: unset;
        font-size: unset;
        color: #b20000;
    }
    .answer strong {
        font-weight: bold;
    }
    .lpTelarea {
        width: 100%;
        max-width: 550px;
        margin: 30px auto;
    }
    .lpTelarea h3 {
        text-align: center;
        padding: 15px;
        border: 1px solid #000000;
        margin-bottom: 30px;
    }
    .lpTelarea strong {
        font-size: 16px;
        font-weight: bold;
        display: block;
    }
    .telLeft {
        font-size: 14px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
    .telRight {
        font-size: 14px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
    .telNumber span {
        background: url('../common/img/telicon.png') no-repeat left center;
        display: inline-block;
        padding: 10px 10px 10px 35px;
        font-size: 22px;
    }
    .copy {
        text-align: center;
        margin-top: 50px;
        font-size: 12px;
    }
    sup {
        font-size: 70%;
        vertical-align: top;
        position: relative;
        top: -0.1em;
    }
}
@media print, screen and (min-width: 768px) {
    .imgarwArea {
        padding: 0 0 30px;
        background: url('../img/arw.png') no-repeat center center;
        font-size: 16px;
    }
    .imgarwArea p {
        margin-bottom: 20px;
    }
    .leftbox {
        float: left;
        width: 40%;
        margin-left: 4%;
    }

    .rightbox {
        float: right;
        width: 40%;
        margin-right: 4%;
    }
    .boxImg {
        margin-bottom: 10px;
    }
    .arwArea {
        background: url('../common/img/contents_arw.png') no-repeat top center;
        min-height: 500px;
    }

    .halfArea {
        margin: 20px auto;
    }
    .halfArea .leftContents {
        float: left;
        width: 48%;
    }
    .halfArea .rightContents {
        float: right;
        width: 48%;
    }
    .halfArea h2 {
        font-size: 24px;
        color: #b20000;
        border-bottom: 1px solid #b20000;
        margin-bottom: 10px;
    }
    .contentBox {
        margin-bottom: 50px;
    }
    .secTitle {
        font-size: 36px;
        text-align: center;
        margin-bottom: 30px;
        color: #b20000;
    }
    .mriFeature {
        margin-top: 30px;
    }
    .featureInfo .inImg {
        margin-top: 15px;
        margin-left: 10px;
    }
    .featureInfo p {
        margin: 10px 10px 30px;
    }
    .featureInfo {
        width: 50%;
        float: left;
    }
    .featureContent {
        float: left;
        width: 23%;
        margin-right: 2%;
        background: #f0f0f7;
        padding: 10px;
        font-size: 14px;
    }
    .featureContent h5 {
        font-size: 16px;
        font-weight: bold;
        margin: 10px 0;
    }
    .point3 {
        font-size: 16px;
    }
    .point3 li {
        position: relative;
        float: left;
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
        padding-left: 50px;
        font-weight: bold;
    }
    .point3 li:last-child {
        margin-right: 0;
    }
    .point3 li span {
        position: absolute;
        left: 0;
        display: inline-block;
        padding: 3px 12px;
        color: #fff;
        background: #009cbd;
        font-size: 16px;
    }
    .oubo {
        max-width: 900px;
        width: 100%;
        margin: 30px auto 50px;
    }
    .oubo .ouboLabel {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 30px 0 10px;
    }
    .oubostep .ouboLabel {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 30px 0 10px;
        background: #0099bd;
        color: #fff;
        padding: 5px;
    }
    .oubo td,
    .oubo th {
        padding: 10px;
    }
    .oubostep {
        max-width: 800px;
        width: 100%;
        margin: 30px auto 50px;
    }
    .stepIcon {
        background: url('../img/stepbg.png') no-repeat;
        padding-top: 30px;
        width: 120px;
        height: 150px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        left: 0;
    }
    .step {
        position: relative;
        padding-left: 150px;
        margin-top: 30px;
        font-size: 16px;
        min-height: 150px;
    }
    .step h3 {
        font-size: 21px;
        color: #0099bd;
        margin-bottom: 20px;
        border-bottom: 2px solid #0099bd;
    }
    .step .stext {
        font-size: 14px;
    }
    .qaArea {
        max-width: 800px;
        width: 100%;
        margin: 30px auto;
    }
    .question {
        position: relative;
        background: #009cbd;
        padding: 10px 15px 10px 50px;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
    .question span {
        position: absolute;
        left: 20px;
    }
    .answer {
        position: relative;
        background: #fff;
        padding: 15px 15px 15px 50px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .answer span {
        position: absolute;
        left: 20px;
        font-size: 20px;
    }
    .answer span.redtext {
        position: unset;
        left: unset;
        font-size: unset;
        color: #b20000;
    }
    .answer strong {
        font-weight: bold;
    }
    .lpTelarea {
        width: 100%;
        max-width: 550px;
        margin: 30px auto;
    }
    .lpTelarea h3 {
        text-align: center;
        padding: 15px;
        border: 1px solid #000000;
        margin-bottom: 30px;
    }
    .lpTelarea strong {
        font-size: 16px;
        font-weight: bold;
        display: block;
    }
    .telLeft {
        font-size: 14px;
        float: left;
        width: 42%;
        text-align: center;
    }
    .telRight {
        font-size: 14px;
        float: right;
        width: 54%;
        text-align: center;
    }
    .telNumber span {
        background: url('../common/img/telicon.png') no-repeat left center;
        display: inline-block;
        padding: 10px 10px 10px 35px;
        font-size: 22px;
    }
    .copy {
        text-align: center;
        margin-top: 50px;
    }
    sup {
        font-size: 70%;
        vertical-align: top;
        position: relative;
        top: -0.1em;
    }
    .download {
        font-size: 24px;
        text-align: center;
        margin: 30px auto;
    }
    .download a {
        color: #b20000;
    }
    .bold {
        font-weight: bold;
    }
}