/*flex 縦*/
.flex_row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex_col{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

body {
    width: 100%;
}

.div_header > h1 {
    width: 89%;
    height: auto;
}
.div_header > h1 > img {
    width: 100%;
    height: auto;
}

#slide_box {
    position: relative;
}

#slide_box .cursor_l {
    position: absolute;
    left: 18px;
    top: 40%;
}

#slide_box .cursor_r {
    position: absolute;
    right: 18px;
    top: 40%;
}

#sec_l,
#sec_c,
#sec_r {
    float: none;
}

#sec_c {
    width: auto !important;
    padding: 0px;
}

#sec_c_page table {
    width: 100% !important;
}

#sec_c_banner{
    margin-top: 10px;
}

#sec_c_banner div {
    text-align: center;
    padding-bottom: 15px;
}

#sec_c_banner div:nth-of-type(1) img {
    width:60%;
}
#sec_c_banner div:nth-of-type(2) img {
    width: 65%;
}

.box_news{
    background-image: none;
    width: 90%;
}
.news_head ul{
    position: absolute;
    right: 12%;
}
.news_head li{
    margin-top: 0;
}
a.sortdate-btndesc {
    position: relative;
    display: inline-block;
    height: 10px;
    left: auto;
    top: auto;
    width: 11px;
    z-index: 100;
}
a.sortdate-btnasc {
    position: relative;
    display: inline-block;
    height: 10px;
    left: auto;
    top: auto;
    width: 11px;
    z-index: 100;
}
.box_news ul{
    text-align: left;
}

#sec_r {
    width: 100%;
    padding: 0px;
}

#banner_list {
    width: 100%;
    text-align: center;
}

#sec_r p {
    max-width: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#sec_r div,
#sec_r img,
#sec_r .box_s {
    margin: 0 auto;
}

#sec_r .box_s {
    width: 100%;
    height: 100%;
    border: none;
}

.list01 dt{
    float: none;
}
.list01 dd{
    margin-left: auto;
}

/*ホットニュース*/
.box_news_title{
    width: 100%;
    float: none;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    margin-bottom: 10px;
    border-top: solid 2px #2ADAE7;/*上線*/
    border-bottom: solid 2px #2ADAE7;/*下線*/
}

.box_news_title p{
    display: inline-block;
    font-size: xx-large;
    margin-left: 0.5em;
}

.news_head .list01{
    height: auto;
    overflow-y:auto;
}

/*RSS SVG CSS*/
.rssbutton1{
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogI2ZmN2MwMTsNCiAgICAgIH0NCiANCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6ICNmZmY7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxyZWN0IGlkPSJyZWN0XzEiIGRhdGEtbmFtZT0icmVjdCIgY2xhc3M9ImNscy0xIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSI3IiByeT0iNyIvPg0KICA8cGF0aCBpZD0ic2hhcGVfMSIgZGF0YS1uYW1lPSJzaGFwZTEiIGNsYXNzPSJjbHMtMiIgZD0iTTQwLjk1Myw0MUgzNC4zNjdBMjYuODgsMjYuODgsMCwwLDAsMjYuOTE3LDIyLjJDMTguNjg0LDEzLjI2NCw3LDEzLjczNCw3LDEzLjczNFY3czE1Ljc2MS0uMzEzLDI1LjQ4NSwxMS4wNDlTNDAuOTUzLDQxLDQwLjk1Myw0MVpNMjQuMDk0LDI1Ljk1OEMzMC4yMTEsMzMuNjM3LDI5LjUsNDAuOTI0LDI5LjUsNDAuOTI0SDIyLjkxOHMtMC4wNzgtNy4yMDktNC43ODMtMTEuNTE5QTE4LjE5MywxOC4xOTMsMCwwLDAsNywyNS4xVjE4LjM1N1MxNy45NzgsMTguMjc5LDI0LjA5NCwyNS45NThaTTExLjc4MywzMS44MzVBNC40NjYsNC40NjYsMCwxLDEsNy4zMTQsMzYuMyw0LjQ2OCw0LjQ2OCwwLDAsMSwxMS43ODMsMzEuODM1WiIvPg0KPC9zdmc+');
    background-size: contain;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: auto;
    top: auto;
    right:auto;
    display: inline-block;
    margin-right: 0.5em;
}

/*各リンク*/
#sec_r_link img{
    width: 60%;
}

#banner_list p{
    margin: 5px;
}

#syoukai_header{
    background-color: #FF9400;
    color: white;
}

#span_syokai_01{
    font-family: "MS PGothic";
    font-size: x-large;
}

#span_syokai_02{
    font-family: "MS PGothic";
    font-size: large;
}

#box_hitec{
    width: 80%;
    justify-content: space-around;
}

#box_hitec a{
    margin: 20px 0px;
}

#box_hitec a span {
  position: relative;
  background: #0000F3;
  padding: 1em 2.5em;
  border-radius: 8px 8px 0px 8px;
  color: #ffffff;
  font-size: large;
}

#box_hitec a span:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #0000ff #0000ff #ff0000;
}

.banner{
  position: relative;
  padding: 0.5em;
  width: 13em;
  background: linear-gradient(#FED23E, #FA9221);
  content: '無料掲載企業募集中！';
}

.cls1{
  padding: 1px;
  background-color: #C10800;
  border-bottom: solid 1px #C10800;
  color: #ffffff;
  font-weight: bold;
}

.cls1:after{
  position: absolute;
  content: '';
  border-width: 0.8em;
  border-style: solid;
  border-color: transparent;
  border-left-color: #C10800;
}

.cls2{
  padding-left: 1em;
  font-weight: bold;
  color: #ffffff;
}

#box_sousa li{
    display: inline-block;
}
#box_sousa ul{
    text-align: center;
}

#footer .wrapper{
    text-align: center;
}

.footer_title{
    font-size: x-large;
}

.footer_body{
    font-size: large;
}

.p_osirase{
    padding-bottom: 3px;
    border-bottom: solid 2px #2ADAE7;/*下線*/
}

.spn_osirase {
    position: relative;
    width: 1em;
    margin-right: 0.5em;
    padding: 0 0.2em;
    background: #2DBEED;
    color: #fff;
    font-weight: 700;
}
.spn_osirase:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30%;
    border: 4px solid transparent;
    border-top: 4px solid #2DBEED;
    width: 0;
    height: 0;
}

/*ナビゲーション*/
.nav_drawer {
    display: inline-block;
    position: relative;
    width: 10%;
}

/*チェックボックスは非表示に*/
.nav_unshown {
    display: none;
}

/*アイコンデザイン*/
.nav_line {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.nav_line span {
    background: #00C4EE;
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
    border-radius: 4px;
}

.nav_line span:nth-of-type(1) {
    top: 10%;
}

.nav_line span:nth-of-type(2) {
    top: 45%;
}

.nav_line span:nth-of-type(3) {
    bottom: 10%;
}

#nav_input:checked ~ .nav_content .nav_line span:nth-of-type(1) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
}

#nav_input:checked ~ .nav_content .nav_line span:nth-of-type(2) {
    display: none;
}

#nav_input:checked ~ .nav_content .nav_line span:nth-of-type(3) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    bottom: 0;
}
/*-------------------------------------------------------*/

.nav_content {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    min-height: 100vh;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
}

#nav_input:checked ~ .nav_content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}

.wrapper{
    padding-bottom: 0px;
}

/*フォーム*/
.form-label,
.form-element{
    float: none;
    width: auto;
    max-width: 100%;
}
.form-label {
    text-align: left;
}

.form-element li {
    white-space: normal !important;
}

.form-element input[type="text"] {
    max-width: 100%;
}

#rdoSodanSogyo-field {
    padding: 0 !important;
}

/*相談申込フォーム 創業前後のテキストボックス*/
.sodan_sogyo {
    padding-left: 70px !important;
}
#txtSodanSogyoYoteiYmd-field,
#txtSodanShihonKin-field,
#txtSodanUriage-field,
#txtSodanZyugyoinNum-field,
#txtSodanSyogyoYM-field{
    width: auto !important;
    max-width: 250px;
}
#txtSodanSodanNaiyo,
#txtSodanGyomuNaiyou{
    width: 100%;
}

/*相談申込フォーム お名前*/
#txtSodanNameSeiKanji-field .form-label {
    position: relative !important;
}

#txtSodanNameSeiKanji-field .form-element>div {
    width: calc(100% / 2) !important;
}

#contents h2 {
    position: initial;
    background: none;
    height: auto;
    width: 100%;
    font-size: min(5.3vmin, 24px);
    padding: 8px 0px;
    left: -26px;
    border-bottom: solid 1px;
    box-shadow: 0px 5px 4px -4px #AAAAAA;
}