@charset "utf-8";

/* @media only screen and (min-width:0px) and (max-width: 767px) { */
@media only screen and (min-width:0px) and (max-width: 896px) {

    /* type=================================================================== */

    .caseBlock div>h3 {
        width: auto;
        color: #4C6600;
        font-weight: 700;
    }

    .caseBlock .case1 {
        background: #ffffff url(../type/img/img_case1_01.jpg) no-repeat 50% 3%;
        background-size: 78px;
    }

    .caseBlock .case2 {
        background: #ffffff url(../type/img/img_case2_01.jpg) no-repeat 50% 5%;
        background-size: 86px;
    }

    .caseBlock .case3 {
        background: #ffffff url(../type/img/img_case3_01.jpg) no-repeat 50% 10%;
        background-size: 90px;
    }

    .caseBlock .case4 {
        background: #ffffff url(../type/img/img_case4_01.gif) no-repeat 50% 5%;
        background-size: 78px;
    }

    .caseBlock .case5 {
        background: #ffffff url(../type/img/img_case5_01.gif) no-repeat 50% 10%;
        background-size: 90px;
    }

    .caseBlock>div {
        padding: 128px 16px 16px 16px;
    }

    .caseBlock ul li {
        display: block;
        margin: 8px 0;
        height: 27px;
        width: auto;
        text-align: center;
    }

    .cf li img {
        width: auto;
        padding-right: 10px;
    }

    /* other */
    .Img-w-100 {
        width: 100% !important;
    }

    /********************** �?バイスが横向きの場合�?�記述**********************/
    @media (orientation: landscape) {
        .Img-w-100 {
            width: auto !important;
        }
    }

    #s-navline {
        background: url(../cmm/sub_bg_s.png) no-repeat top center;
    }

    #explanationBox {
        width: auto;
        border: 3px solid #42BF8B;
        padding: 16px 16px 112px;
        background: url(../qa/img/natsumi_img01.gif) no-repeat 50% 95%;
        margin: 0px auto 40px auto;
        background-size: 86px;
    }

    #explanationBox p,
    .textMin01 {
        font-size: 125% !important;
        margin-bottom: 16px;
    }

    /* 吹き�?�しQ */
    .balloon1 {
        position: relative;
        display: inline-block;
        padding: 7px 10px;
        min-width: 120px;
        max-width: 100%;
        color: #42BF8B;
        font-size: 16px;
        background: #E8FFF5;
        border-radius: 15px;
        margin: 32px 0;
    }

    .balloon1:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 90%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #E8FFF5;
    }

    .balloon1 h5 {
        margin: 0;
        padding: 0;
    }

    /* 吹き�?�しA */
    .balloon2 {
        position: relative;
        display: inline-block;
        margin: 1em;
        padding: 7px 10px;
        min-width: 120px;
        max-width: 100%;
        color: #FF7c00;
        font-size: 16px;
        background: #fef5ed;
        border-radius: 15px;
        margin: 32px 0;
    }

    .balloon2:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #fef5ed;
    }

    .balloon2 h5 {
        margin: 0;
        padding: 0;
    }

    .zirei_title {
        background: #FFFFFF;
        border: 3px solid #A1ACA6;
        border-width: 0px 0px 3px 3px;
        padding: 8px 16px;
        margin: 16px 0;
    }

    .zirei_title p {
        font-size: 150%;
        color: #A1ACA6;
        font-weight: 600;
        margin-bottom: 0 !important;
    }

    .zirei_img {
        text-align: center;
        background: #E8FFF5;
        padding: 16px;
    }

    .zirei_img img {
        max-width: 140px;
        margin-top: 16px;
    }

    .font-Q {
        color: #333;
        line-height: 1.8em;
        text-align: start;
    }

    .font-A {
        color: #FF7c00;
        line-height: 1.8em;
        padding: 16px;
    }

    .font-A p,
    .font-Q p {
        margin-bottom: 16px;
    }

    /* type=================================================================== */
    /* qa=================================================================== */
    .set {
        width: 100%;
        margin: 0px auto 16px;
    }

    .que {
        background: url(../qa/img/other/arrow01.jpg) no-repeat 95% 50% #FFF0F0;
        border: 1px solid #FF9393;
        padding: 12px 57px 10px 0px;
        cursor: pointer;
        margin: 20px 0px 0px 0px;
    }

    /* qa=================================================================== */
    /* what=================================================================== */
    #s-navline #s-nav li {
        float: left;
        background: url(../cmm/sub_line.jpg) no-repeat right top;
        padding: 0px 8px 0px 0px;
        min-height: 28px;
        height: auto !important;
        height: 28px;
    }

    /* 吹き�?�し�?色 */
    .balloon3 {
        position: relative;
        display: inline-block;
        padding: 7px 10px;
        min-width: 120px;
        max-width: 100%;
        color: #333;
        font-size: 16px;
        font-weight: 600;
        background: #FFFDCC;
        border-radius: 15px;
        margin: 32px 0;
    }

    .balloon3:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 20%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #FFFDCC;
    }

    .chart .boxr {
        width: 100%;
        float: none;
    }

    .chart .boxr .c3 li {
        float: none;
        margin: 0;
        padding: 0;
        margin-bottom: 16px;
        width: 100%;
    }

    .chart .boxr .c3 {
        background: #FFE3D5;
        border: 1px solid #B1683D;
        padding: 10px 8px;
        width: auto;
        height: auto;
    }

    .chart .boxr .c3 li {
        text-align: center;
    }

    .yesno {
        background: #FFFFFF;
        border: 1px solid #DADADA;
        padding: 4px;
        margin: 16px 0;
        width: auto;
        text-align: center;
    }

    .yesno p {
        color: #42BF8B;
        font-weight: 500;
        margin-bottom: 0 !important;
    }

    #main .mds {
        width: auto;
        background: url(../cmm/mds_bg.jpg) no-repeat;
    }

    #main .mds h5 {
        font-size: 85%;
    }

    .donna {
        width: auto;
        border: 1px solid #FFB082;
        padding: 8px;
    }

    .donna dl {
        width: 100%;
    }

    .donna dt {
        color: #FF7C00;
        font-size: 125%;
        font-weight: 600;
        width: 100%;
    }

    .donna dt::before {
        border-radius: 4px;
        margin-right: 8px;
        padding: 0 8px;
        font-size: 150%;
        color: #FFFFFF;
        background: linear-gradient(132.84deg, #FFB082 16.92%, #FF8F2F 60.51%, #FF7C00 85.2%);
    }

    .donna .donna_1 dt::before {
        content: "1";
    }

    .donna .donna_2 dt::before {
        content: "2";
    }

    .donna .donna_3 dt::before {
        content: "3";
    }

    .donna .donna_4 dt::before {
        content: "4";
    }

    .donna .donna_5 dt::before {
        content: "5";
    }

    .donna dd {
        width: 100%;
        margin-bottom: 16px;
    }

    .donna p {
        color: #333;
        margin-bottom: 16px;
    }

    .list {
        color: #333;
        font-size: 125%;
        margin-bottom: 16px;
    }

    .list::before {
        content: "・";
    }

    .chigai {
        width: 100%;
    }

    .chigai dt,
    .chigai dd {
        float: none;
        margin-bottom: 32px;
        text-align: center;
    }

    /* arbitrary */
    .sien {
        width: auto;
    }

    .sien ul {
        column-count: 2;
    }

    .sien li {
        width: 100%;
        text-align: center;
        padding: 0;
        padding-bottom: 16px;
    }

    #n-box {
        width: auto;
    }

    .notesList01 {
        width: auto;
    }


    .notesList01 dt {
        font-size: initial;
    }

    /* legality */
    .meyasu {
        width: auto;
    }

    .meyasu li {
        width: 100%;
        margin-bottom: 32px;
    }

    #h-box {
        width: 100%;
    }

    #h-box img {
        width: 100%;
    }

    .f-15 {
        font-size: 15px;
    }

    /* what=================================================================== */
    /* about=================================================================== */
    .flow,
    .flow2 {
        width: auto;
    }

    .flow .box,
    .flow2 .box {
        width: auto;
        background: none;
    }

    .flow h6,
    .flow2 h6 {
        font-size: 133%;
    }

    #main .mds {
        background: none;
        padding: 8px 0 0 0;
    }

    /* guide */
    #guide .madoguchi {
        width: 100%;
    }

    #guide .madoguchi .boxl,
    #guide .madoguchi .boxr {
        float: none;
        margin: 32px auto;
    }

    #guide .madoguchi .boxl ul,
    #guide .madoguchi .boxr ul {
        text-align: center;
    }

    #guide .acsses .boxr {
        width: 306px;
        float: inherit;
        padding-left: 15px;
    }

    /* about=================================================================== */
    /* kawara=================================================================== */
    .block01 {
        width: auto;
        text-align: center;
    }

    .block01 .leftBox {
        width: auto;
        float: none;
    }

    .block01 .leftBox p {
        text-align: start !important;
    }

    .block01 .imageBox {
        margin: 32px auto;
        width: 100%;
    }

    .bnList01 {
        width: 100%;
    }

    .pdfBox dl {
        width: auto;
    }

    /* kawara=================================================================== */
    /* footer=================================================================== */
    #footer {
        padding: 2em;
    }

    #footer p {
        font-size: 83.4% !important;
    }

    /*footer =================================================================== */
    /* link=================================================================== */
    .link-area {
        width: auto;
    }

    /* link=================================================================== */
    /* legal_room=================================================================== */
    .wrapper {
        width: 100%;
    }

    .room_sp_box01 {
        width: auto;
        background: #fff;
        border: 3px solid #fc8d26;
        padding: 16px;
        border-radius: 12px;
        margin-top: 32px;
    }

    .wrapper .interviewBox {
        width: auto;
    }

    /* legal_room=================================================================== */
    /* contact=================================================================== */
    /* input */
    table.formTbl {
        width: 100% !important;
    }

    #read {
        width: auto !important;
    }

    #form-area {
        width: 100% !important;
    }

    #contact-area {
        width: auto !important;
    }

    #kojin {
        width: 100% !important;
    }

    .kojin-tit {
        width: auto;
    }

    #kojin textarea {
        width: 100% !important;
        padding: 8px;
        box-sizing: border-box;
        /* Firefox */
        -moz-box-sizing: border-box;
        /* Chrome, Safari */
        -webkit-box-sizing: border-box;
    }

    .formTbl .sub-bg2 {
        width: 100% !important;
    }

    .smds {
        width: auto !important;
    }

    table,
    tbody,
    tr,
    td,
    th {
        /* �?�?100%にする */
        width: auto !important;
        /* ブロ�?ク要�?にする */
        display: block;
    }

    table.formTbl td textarea {
        width: 100% !important;
    }

    #btn01 {
        width: auto !important;
    }

    /* contact=================================================================== */
    /* infomation list=================================================================== */
    .pageSend {
        margin: 8px 0px 0px 0px !important;
    }

    .pageSend li a {
        padding: 8px 12px 8px 12px !important;
    }

    /* infomation list=================================================================== */
    /* legal/list/(会員名簿)=================================================================== */
    .sum {
        width: auto !important;
    }

    .sum .boxl,
    .sum .boxr {
        float: unset !important;
    }

    .area-list td {
        background: none !important;
        width: 100%;
    }
    .sum-h, .sum-f{
        background: none !important;
        width: auto !important;
    }
    .sum ul{
        width: auto !important;
    }
    .area-list td{
        font-size: 125% !important;
    }
    .sum .boxl{
        width: 100% !important;
        margin: 0 !important;
    }
    /* legal/list/=================================================================== */
    /* information/detail,blog=================================================================== */
    .infoDataBox span {
        font-size: 15px !important;
    }
    .infoDataBox img {
        width: 100% !important;
        height: auto !important;
    }

    /* information/detail,blog=================================================================== */
    .line{
        width: auto !important;
    }
}