﻿@media screen and (max-width:568px) {
    @charset "utf-8";
    .cp_table tbody td,
    .cp_table tbody th,
    .satei td,
    .sptable td {
        vertical-align: top;
    }
    #container,
    .bold2,
    li,
    p {
        font-size: 100%;
		text-align: justify;
    line-height: 1.75;
    }
    #container,
    #gnavi,
    body {
        width: 100% !important;
    }
    #gnavi,
    img {
        height: auto;
    }
    #gnavi,
    #gnavi li a,
    body {
        padding: 0!important!;
    }
    #footer,
    #footer ul,
    #header,
    #header h1,
    #headsubtitle,
    #logo,
    #main,
    #pankuzu,
    #right {
        width: 100%;
    }
    #footer ul,
    #gnavi li,
    #logo,
    #pankuzu {
        text-align: center;
    }
    img {
        max-width: 100%;
        width: auto;
    }
    .screensize {
        display: none;
    }
    body {
        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        margin: 0 auto;
    }
    .bold2 {
        font-weight: 700;
        color: #F30;
    }
    #container {
        padding: 0;
        margin: 0;
    }
    p {
        font-weight: 400;
        color: #555;
        margin: 0;
        padding: 0;
    }
    #header {
        margin: 0;
        padding: 0;
        clear: both;
    }
    #header h1 {
        display: block;
        margin: 0;
        padding: 0;
        float: none;
        clear: both;
    }
    #headsubtitle {
        float: none!important;
        margin: 10px 0 0;
        font-size: 50%;
        padding: 0;
        color: #494949;
    }
    #logo {
        padding: 10px 0;
    }
    #gnavi {
        background: 0 0;
		padding:10px 0 !important;
		
    }
    #gnavi li {
        font-size: 100%;
        display: block;
        font-weight: 700;
        background: #A20E0E;
        padding: 12px 0!important;
        width: 49.6%;
        float: left;
        margin: 1px 1px 0 0;
    }
    #gnavi li a {
        color: #FFF;
        font-size: 80%;
        font-weight: 100;
        text-decoration: none;
    }
    .wrap {
        width: 100%;
        float: left;
    }
    #main {
        margin-top: 20px;
    }
    #right {
        float: none;
        margin: 5% 0 0;
    }
    .right_box ul li a {
        font-size: 80%;
        font-weight: 700;
        color: #666;
        text-decoration: none;
    }
    #footer {
        margin-top: 30px;
        padding-top: 15px;
        border-top: #CCC dotted 1px;
    }
    .bold {
        font-weight: 700;
    }
    .red {
        color: #900;
        font-size: 80%;
    }
    #pankuzu {
        margin: 20px 0 0;
        padding: 0;
    }
    #pankuzu li {
        display: inline;
        font-size: 80%;
        font-weight: 100;
    }
    .ichiranbox {
        margin-top: 30px;
    }
    .ichiranbox h4 {
        font-size: 100%;
        margin: 40px 0 20px;
        text-indent: 0;
        background: #f3f3f3;
        padding: 20px 10px 18px;
        color: #000;
        line-height: 1.6!important;
        border: none;
    }
    .ichiranbox h5 {
        font-size: 100%;
        margin: 20px 0 0;
        text-indent: 15px;
        border-bottom: 1px dotted #2E74A6;
        padding-bottom: 5px;
        color: #2E74A6;
    }
    #main h3 {
        font-size: 105%;
        font-weight: 700;
        color: #000;
        line-height: 1.6;
        padding: 10px 0 0 10px;
        border-bottom: 2px solid #262626;
        background: 0 0;
        text-indent: 0;
    }
    .contents h3 a {
        font-size: 100%;
        color: #0077E5;
    }
    #main div#left_main div.contents_wrap h3 {
        font-size: 100%!important;
        border-bottom: none;
    }
    #main div#left_main div.contents_wrap h3#iryou,
    #main div#left_main div.contents_wrap h3#it,
    #main div#left_main div.contents_wrap h3#kaikei,
    #main div#left_main div.contents_wrap h3#web {
        width: 100%;
        text-indent: 35px;
        padding: 7px 0 0;
        border: none;
        font-size: 100%;
        border-bottom: none;
    }
    #main div#left_main div.contents_wrap h3#iryou {
        background: url("https://heikinnenshu.jp/images/licon_job01.gif") no-repeat;
    }
    #main div#left_main div.contents_wrap h3#web {
        background: url("https://heikinnenshu.jp/images/licon_job02.gif") no-repeat;
    }
    #main div#left_main div.contents_wrap h3#it {
        background: url("https://heikinnenshu.jp/images/licon_job03.gif") no-repeat;
    }
    #main div#left_main div.contents_wrap h3#kaikei {
        background: url("https://heikinnenshu.jp/images/licon_job04.gif") no-repeat;
    }
    .contents ul li {
        font-size: 90%;
        display: inline;
        padding-left: 10px;
        background: url("https://heikinnenshu.jp/images/icon_yajirushi2.gif") 2px 7px no-repeat;
    }
    .ichiranbox p {
        margin-top: 10px;
        padding: 0 2%;
    }
    .ichiran {
        padding: 0;
        margin: 20px 0 0;
    }
    .ichiran li,
    .ichiran2 li {
        width: 95%;
        float: none;
        margin-top: 0;
        text-indent: 10px;
        line-height: 1.6;
    }
    .ichiran li {
        background: #FFF;
        border-bottom: 1px solid #ECE3E3;
        padding: 10px 5px;
        font-size: 100%;
    }
    .ichiran li a,
    .ichiran2 li a {
        font-size: 80%;
    }
    .ichiran li a {
        font-weight: 700;
        text-decoration: none;
        color: #333;
    }
    .ichiran2 {
        padding: 0;
    }
    .ichiran2 li {
        background: #fff;
        border-bottom: #CCC dotted 1px;
        padding: 10px 5px;
        font-size: 20px;
        font-weight: 700;
    }
    .go-head,
    td {
        font-size: 80%;
    }
    .go-head {
        margin-top: 20px;
        font-weight: 100;
        text-align: right;
    }
    #ads {
        margin: 10px;
    }
    th {
        border: 1px solid #000;
        padding: 1%;
    }
    .sptable td,
    .sptable th {
        padding: 10px;
    }
    .socialbtn {
        margin: 20px 0;
    }
    .socialbtn li {
        float: left;
        margin-right: 10px;
    }
    .sptable {
        border: 1px solid #008CD6;
        margin: 10px 0 0 24px;
        width: 630px;
    }
    .sptable th {
        background-color: #BFE2F5;
        font-size: 85%;
        font-weight: 700;
        text-align: center;
        width: 160px;
        border: none;
    }
    .sptable tr {
        border-bottom: 1px solid #7FC5EA;
    }
    .entrytable {
        width: 90%;
        margin: 15px 0 0;
        font-size: 100%;
        border: 1px solid #F9C;
        border-bottom: none;
        padding: 0;
    }
    .entrytable td,
    .entrytable th {
        border-bottom: #F9C solid 1px;
        padding: 10px;
    }
    .entrytable th {
        width: 30%;
        border-left: none;
        border-right: #F9C solid 1px;
        border-top: none;
        background-color: #ffdcee;
    }
    .entrytable td {
        font-size: 100%;
        width: 65%;
    }
    .satei {
        border: 1px solid #ccc;
        margin: 0 auto;
        width: 100%!important;
    }
    .satei td,
    .satei th {
        padding: 2%;
        border-bottom: dotted 1px #999;
        border-left: none;
        border-right: none;
        border-top: none;
        font-weight: 100;
    }
    .satei th {
        background-color: #f2f2f2;
        text-align: left;
        width: 20%!important;
    }
    .adsense_w2,
    .agetablebox td,
    .agetablebox4 td,
    .ichiranbox .shoninkyubox h4,
    .shinbox,
    .tokushubanar {
        text-align: center;
    }
    .satei td select {
        border: 1px solid #999;
    }
    .satei td input {
        margin: 0!important!important !important;
        height: 18px!important;
        border: 1px solid #999!important;
        width: 65% auto;
    }
    .satei td input.skill {
        margin: 5px 4px;
        height: 18px;
        border: 1px solid #999;
    }
    h4.riyokiyaku {
        margin: 20px 0;
        width: 90%!important;
        border: none;
        padding: 5%!important!important !important;
    }
    #kiyaku,
    .agree,
    .agree img {
        margin: 0 auto;
    }
    #kiyaku {
        height: 60px;
        font-size: 60%;
        overflow-y: scroll;
        border: 1px solid #CCC;
        width: 90%;
    }
    .agree {
        width: 90%!important;
    }
    .agree img {
        width: 100%!important;
    }
    .ad_l,
    .ad_r,
    tbody {
        width: 100%;
    }
    .sateibtn {
        background: url("https://heikinnenshu.jp/satei/images/btn_satei.png") no-repeat hsla(0,0%,0%,0);
        border: none;
        height: 68px;
        cursor: pointer;
        text-indent: -9999px;
        margin: 0 auto!important!important !important;
    }
    .ichiranbox p.sateiimg {
        padding: 0;
        margin: 30px 10px;
    }
    .adsense2,
    .adsense3,
    .adsense4 {
        margin: 80px 0;
        width: 100%;
        text-align: center;
    }
    .ad_l {
        float: left;
        margin: 0 30px 0 0;
    }
    .ad_r {
        float: right;
    }
    #left_main2,
    .ad_l2,
    .ad_r2,
    .toptext {
        float: none;
    }
    .adsense_w {
        margin: 50px 0 0 10px;
        width: 100%!important;
    }
    .adsense_w2 {
        padding: 0;
        margin: 80px 0;
        width: 100%!important;
    }
    #left_main,
    #right_main2,
    .ad_l2,
    .ad_r2,
    .topcnt,
    .toptext {
        width: 100%;
    }
    .adsense_w2 p {
        font-weight: 700;
        font-size: 100%;
        margin: 10px 0;
        padding: 0;
        width: 100%;
    }
    .ad_r2 {
        margin: 500px 0 0;
    }
    .right_box h3 {
        font-size: 150%;
        margin: 40px 0 20px;
        padding: 0 0 5px;
    }
    .right_box ul li {
        font-size: 120%;
        padding: 5px 0 5px 11px;
        border-bottom: #CCC dotted 1px;
    }
    .sideadsense {
        margin: 150px 0 50px;
    }
    .TopAdsensewrap {
        padding: 0;
        margin: 80px 0;
    }
    .topcnt {
        margin: 20px 0 0;
        padding: 10px 0;
        clear: both;
    }
    #left_main2 h3,
    .contents_wrap,
    .main2 {
        margin-top: 20px;
    }
    .topcnt p {
        font-size: 90%;
    }
    .toptext {
        font-size: 50%;
    }
    #left_main {
        float: none!important;
    }
    #right_main2 {
        float: none;
        margin: 30px 0 0;
    }
    #right_main2 h3.kininaru {
        background: #A20E0E;
        font-size: 100%;
        font-weight: 700;
        color: #FFF;
        padding: 3%;
        width: 94%;
        f border: none;
    }
    #left_main2,
    .contents,
    .contents_wrap,
    .main2 {
        width: 100%;
    }
    .contents_wrap {
        background: #FFF;
        border-bottom: none!important;
    }
    .contents {
        margin-right: 0;
        background-color: #FFf;
    }
    #left_main2 h2,
    #left_main2 h3,
    #shokushu {
        background: #A20E0E;
        font-weight: 700;
        color: #FFF;
    }
    .topcnt h2 {
        font-size: 100%!important;
    }
    #shokushu {
        height: auto;
        font-size: 100%;
        padding: 3%;
        width: 94%;
    }
    #right_main2 li {
        background: url("https://heikinnenshu.jp/images/icon_yajirushi.gif") 1px 10px no-repeat;
        width: 100%;
        font-size: 100%;
        text-indent: 17px;
        margin-top: 10px;
        padding: 5px 0;
    }
    #right_main2 p {
        margin-top: 10px;
        font-size: 90%;
    }
    #left_main2 h2,
    #left_main2 h3,
    #left_main2 li a {
        font-size: 100%;
    }
    #left_main2 h2 {
        padding: 3%;
        width: 94%;
        border: none;
    }
    #left_main2 li {
        background: url("https://heikinnenshu.jp/images/icon_yajirushi.gif") 0 16px no-repeat;
        text-indent: 20px;
        padding: 10px 0;
        margin-top: 15px;
    }
    #left_main2 h3 {
        width: 100%!important;
        height: 20px;
        padding: 8px 0 0 5px;
    }
    .agetablebox table,
    .agetablebox4 table {
        margin: 30px 5%;
        border: 1px solid #4D4B4B;
    }
    .agetablebox {
        width: 100%;
    }
    .agetablebox table {
        width: 90%;
        font-size: 100%;
    }
    .agetablebox td {
        width: 15%;
        padding: 3%;
        border: 1px solid #4D4B4B;
        font-size: 80%;
    }
    .agetablebox4 {
        width: 100%;
    }
    .agetablebox4 table {
        width: 90%;
        font-size: 100%;
    }
    .agetablebox4 td {
        width: 15%;
        padding: 1%;
        border: 1px solid #4D4B4B;
        font-size: 80%;
    }
    .gurafuimg,
    .gurafuimg img {
        width: 100%;
    }
    .gurafuimg {
        margin: 30px 0;
    }
    #sptopadbox {
        width: 100%;
        margin: 50px 0;
    }
    #toc {
        background: #f9f9f9;
        border: 1px solid #aaa;
        padding: 3%;
        width: 80%;
        display: table;
        font-size: 95%;
        margin: 30px auto;
    }
    #toc li,
    #toc ol {
        padding: 1% 0 0;
        font-size: 85%!important;
        line-height: 1.8!important;
    }
    #toptoc #toc li {
        padding: 1% 0 0 3%;
        font-size: 80%!important;
        display: inline;
    }
    #toptoc #toc {
        margin: 20px 0 0;
        padding: 2%;
        border: none;
        width: 96%;
    }
    .bgbold {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,#FFFBF5),color-stop(60%,#FFE5C3));
        font-weight: 700;
    }
    .osusumelink {
        font-size: 80%;
    }
    .shinbox {
        float: left;
        width: 100%;
        margin: 10px 0 0;
        padding: 2% 0;
        border-top: 2px dotted #CDCCCC!important;
    }
    .ad1 {
        padding: 2% 0!important!important !important;
    }
    #shinleft_main,
    .shinright_main2 {
        width: 100%;
        float: none;
    }
    .lineside {
        border: none;
    }
    .linetop {
        border-top: none;
    }
    #main h3.titlekomoku {
        background: #999;
        width: 90%;
        margin: 30px 0 0;
        padding: 5%;
        text-indent: 0;
        color: #FFF;
    }
    form {
        width: 100%;
    }
    select {
        width: 50%!important;
    }
    .kanrenkijibox {
        margin: 10px 0;
        width: 100%;
    }
    .shoninkyubox {
        width: 90%;
        margin: 30px auto;
        border: 1px solid #aaa;
        padding: 5%;
    }
    .shoninkyubox img {
        width: 100%!important;
    }
    .ichiranbox .shoninkyubox h4 {
        font-size: 120%;
        margin: 0;
        background: 0 0;
        border-bottom: none;
        padding-bottom: 5px;
        color: #2E74A6;
    }
    .cp_table *,
    .cp_table :after,
    .cp_table :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
    }
    .cp_table tbody th,
    .cp_table thead th {
        padding: 10px 15px;
        border-bottom: 1px solid #fff;
        background: #ddd;
    }
    .cp_table {
        width: 100%;
        border-collapse: collapse;
        border-right: 1px solid #ddd;
        margin: 40px 0 20px;
    }
    .cp_table thead th {
        border-right: 1px solid #fff;
    }
    .cp_table thead th:last-child {
        border-right: 1px solid #ddd;
    }
    .cp_table tbody td,
    .cp_table tbody tr:last-child th {
        border-bottom: 1px solid #ddd;
    }
    .cp_table thead {
        display: none;
    }
    .cp_table tbody th {
        white-space: nowrap;
        width: 100%;
        display: block;
    }
    .cp_table tbody td {
        border-left: 1px solid #ddd;
        background: #fff;
        display: block;
        padding: 10px 5px;
    }
    .cp_table tbody td::before {
        font-weight: 700;
        float: left;
        padding: 0.5em 1em;
        content: attr(label);
    }
    .cp_table tbody td p {
        padding: 0.5em 0 0 1em;
        margin: 0;
    }
    .box27 {
        position: relative;
        margin: 70px auto 20px;
        padding: 0.5em 1em;
        border: 3px solid #a80d26;
        width: 80%;
    }
    .box27 .box-title {
        position: absolute;
        display: inline-block;
        top: -27px;
        left: -3px;
        padding: 0 11px;
        height: 27px;
        line-height: 25px;
        vertical-align: middle;
        font-size: 17px;
        background: #a80d26;
        color: #fff;
        font-weight: 700;
        border-radius: 5px 5px 0 0;
    }
    .box27 p {
        margin: 0;
        padding: 0;
        font-weight: 700;
        color: #181616;
    }
}