@charset "UTF-8";
.pc_content {
  display: block !important; }

.sp_content {
  display: none !important; }

@media(max-width:700px) {
  .pc_content {
    display: none !important; }

  .sp_content {
    display: block !important; }

  * {
    box-sizing: border-box; }

  #wrap {
    width: 100%;
    max-width: 100%; }
    #wrap p {
      font-size: 15px;
      line-height: 1.6;
      margin: 16px 0; }
      #wrap p.mg0 {
        margin: 0; }
        #wrap p.mg0 img {
          margin: 0; }
      #wrap p + p {
        margin-top: 0; }
    #wrap ul li {
      font-size: 14px; }
    #wrap * {
      max-width: 100%; }
    #wrap #header01 {
      display: none; }
    #wrap h4.adjust {
      padding-top: 110px;
      margin-top: -90px;
      border-left: none; }
    #wrap #header02 {
      position: fixed;
      z-index: 2;
      width: 100%;
      left: 0;
      top: 0;
      background: #fff; }
      #wrap #header02 .spbtn.sp_content {
        width: 40px;
        height: 40px;
        border: 1px solid #ccc;
        position: absolute;
        right: 20px;
        top: 34px;
        z-index: 2;
        display: flex !important;
        align-items: center;
        justify-content: center; }
        #wrap #header02 .spbtn.sp_content:before {
          content: "";
          color: #304c8d;
          font-family: "material icons";
          font-size: 30px; }
      #wrap #header02 h2 {
        width: 100%;
        float: none;
        position: relative;
        z-index: 2;
        padding-left: 5px; }
        #wrap #header02 h2 img {
          display: block;
          width: 100%;
          height: auto;
          width: 280px; }
      #wrap #header02 p {
        float: none;
        margin: 0;
        width: 200px;
        margin-top: -18px;
        margin-left: 16px; }
        #wrap #header02 p img {
          width: 100%;
          height: auto;
          display: block; }
      #wrap #header02 span {
        font-size: 12px;
        color: #304c8d;
        line-height: 1;
        padding: 5px 20px;
        background: #f1f1f1;
        text-align: center; }
    #wrap img {
      max-width: 100%; }
    #wrap #headermenu {
      display: none;
      position: fixed;
      top: 94px;
      left: 0;
      width: 100%;
      z-index: 99; }
      #wrap #headermenu ul {
        background: #f1f1f1;
        flex-wrap: wrap;
        display: flex; }
        #wrap #headermenu ul li {
          width: 100%;
          border: none;
          float: none;
          border-bottom: 1px solid #CCCDF0;
          border-right: none; }
          #wrap #headermenu ul li a {
            font-weight: bold;
            display: block;
            display: flex;
            font-size: 18px;
            align-items: center;
            justify-content: center;
            padding: 20px 10px;
            border: none;
            height: auto;
            width: 100%;
            color: #fff;
            background: #f1f1f1;
            background: #304c8d; }
    #wrap #topimagearea {
      margin-top: 95px; }
      #wrap #topimagearea h5 {
        height: auto; }
        #wrap #topimagearea h5 img {
          height: auto; }
    #wrap #mainwrap {
      background: #fff; }
      #wrap #mainwrap.top {
        background: #CCCDF0; }
      #wrap #mainwrap #toprihgt {
        padding: 20px; }
      #wrap #mainwrap #soudan02, #wrap #mainwrap #soudan, #wrap #mainwrap #campaing, #wrap #mainwrap #topics {
        width: 100%;
        background: #fff;
        flex-wrap: wrap;
        display: flex; }
        #wrap #mainwrap #soudan02 *, #wrap #mainwrap #soudan *, #wrap #mainwrap #campaing *, #wrap #mainwrap #topics * {
          width: 100%; }
        #wrap #mainwrap #soudan02 p, #wrap #mainwrap #soudan p, #wrap #mainwrap #campaing p, #wrap #mainwrap #topics p {
          font-size: 15px;
          margin: 10px 20px; }
        #wrap #mainwrap #soudan02 h4, #wrap #mainwrap #soudan h4, #wrap #mainwrap #campaing h4, #wrap #mainwrap #topics h4 {
          font-size: 18px; }
        #wrap #mainwrap #soudan02 img, #wrap #mainwrap #soudan img, #wrap #mainwrap #campaing img, #wrap #mainwrap #topics img {
          width: 100%;
          margin: 0;
          display: block;
          float: none;
          height: auto;
          margin: 0 20px 20px;
          object-fit: cover;
          aspect-ratio: 1/1;
          object-position: top; }
        #wrap #mainwrap #soudan02 ul li, #wrap #mainwrap #soudan ul li, #wrap #mainwrap #campaing ul li, #wrap #mainwrap #topics ul li {
          padding-right: 20px;
          background: none;
          padding-left: 0; }
          #wrap #mainwrap #soudan02 ul li a, #wrap #mainwrap #soudan ul li a, #wrap #mainwrap #campaing ul li a, #wrap #mainwrap #topics ul li a {
            text-decoration: underline; }
          #wrap #mainwrap #soudan02 ul li:before, #wrap #mainwrap #soudan ul li:before, #wrap #mainwrap #campaing ul li:before, #wrap #mainwrap #topics ul li:before {
            content: "▶";
            color: #304c8d;
            margin-right: 5px; }
        #wrap #mainwrap #soudan02 table, #wrap #mainwrap #soudan table, #wrap #mainwrap #campaing table, #wrap #mainwrap #topics table {
          padding: 0;
          margin-top: 10px;
          border-bottom: 1px solid #ccc;
          margin-bottom: 20px;
          line-height: 1.4;
          font-size: 15px; }
          #wrap #mainwrap #soudan02 table tr, #wrap #mainwrap #soudan02 table tbody, #wrap #mainwrap #soudan02 table td, #wrap #mainwrap #soudan02 table th, #wrap #mainwrap #soudan table tr, #wrap #mainwrap #soudan table tbody, #wrap #mainwrap #soudan table td, #wrap #mainwrap #soudan table th, #wrap #mainwrap #campaing table tr, #wrap #mainwrap #campaing table tbody, #wrap #mainwrap #campaing table td, #wrap #mainwrap #campaing table th, #wrap #mainwrap #topics table tr, #wrap #mainwrap #topics table tbody, #wrap #mainwrap #topics table td, #wrap #mainwrap #topics table th {
            display: block !important;
            width: 100% !important; }
            #wrap #mainwrap #soudan02 table tr th, #wrap #mainwrap #soudan02 table tbody th, #wrap #mainwrap #soudan02 table td th, #wrap #mainwrap #soudan02 table th th, #wrap #mainwrap #soudan table tr th, #wrap #mainwrap #soudan table tbody th, #wrap #mainwrap #soudan table td th, #wrap #mainwrap #soudan table th th, #wrap #mainwrap #campaing table tr th, #wrap #mainwrap #campaing table tbody th, #wrap #mainwrap #campaing table td th, #wrap #mainwrap #campaing table th th, #wrap #mainwrap #topics table tr th, #wrap #mainwrap #topics table tbody th, #wrap #mainwrap #topics table td th, #wrap #mainwrap #topics table th th {
              font-weight: bold;
              color: #304c8d; }
    #wrap #leftwrap {
      width: 100%;
      background: #CCCDF0;
      padding: 20px 0; }
      #wrap #leftwrap h4 {
        width: 100%; }
        #wrap #leftwrap h4 a {
          display: block;
          width: 100%;
          padding: 0 20px; }
          #wrap #leftwrap h4 a img {
            display: block;
            width: 100%;
            height: auto; }
    #wrap #leftnavi {
      width: 100%; }
      #wrap #leftnavi a {
        width: 100%;
        height: auto;
        font-size: 20px;
        padding: 14px 20px;
        background: #304c8d;
        border-bottom: 1px solid #ccc; }
    #wrap #annai {
      margin: 20px;
      padding: 20px; }
      #wrap #annai p {
        margin: 5px 0; }
    #wrap #annai02 {
      overflow: hidden;
      padding: 20px;
      margin: 20px; }
    #wrap #houritsu {
      padding: 20px;
      border: none; }
      #wrap #houritsu table {
        display: none; }
      #wrap #houritsu ul.sp_content {
        display: flex !important;
        flex-wrap: wrap; }
        #wrap #houritsu ul.sp_content li {
          color: #304c8d;
          width: 50%;
          list-style: none;
          font-size: 15px; }
          #wrap #houritsu ul.sp_content li:before {
            content: "・"; }
    #wrap #footermenu {
      padding: 20px;
      background: #f1f1f1; }
      #wrap #footermenu ul {
        display: flex;
        flex-wrap: wrap;
        border: none; }
        #wrap #footermenu ul li {
          width: 50%;
          border: none;
          padding: 5px 0;
          text-decoration: underline; }
    #wrap #footer {
      padding: 10px 20px;
      height: auto; }

  #leftnavi02 a {
    width: 100%;
    padding-top: 10px;
    height: auto;
    padding-bottom: 10px;
    background: #304c8d; }

  #leftnavisub {
    width: 100%; }
    #leftnavisub a {
      width: 100%;
      padding: 10px 20px;
      height: auto;
      background: #f1f1f1; }
      #leftnavisub a:before {
        content: "▶";
        font-size: 18px;
        color: #304c8d;
        margin-right: 5px; }

  #rihgtcont {
    padding: 20px;
    float: none; }
    #rihgtcont h5 {
      font-size: 16px;
      line-height: 1.6; }
    #rihgtcont img {
      float: none;
      width: 100%;
      height: auto;
      margin: 0;
      object-fit: cover;
      margin-bottom: 15px;
      aspect-ratio: 1/0.6; }
      #rihgtcont img.mg0 {
        margin: 0 !important;
        margin-top: 0; }
      #rihgtcont img.daihyo {
        object-position: top;
        aspect-ratio: 1/0.75; }
      #rihgtcont img.nihon, #rihgtcont img.name {
        margin-top: 20px;
        aspect-ratio: unset; }
      #rihgtcont img.name {
        width: auto; }

  .arrow_bottom {
    position: relative;
    text-align: center;
    margin: 0px 0 !important; }
    .arrow_bottom:after {
      content: "▼";
      color: #304c8d;
      display: block;
      margin: 20px auto;
      font-size: 40px;
      line-height: 1; }

  #bizcont td {
    padding: 20px;
    font-size: 14px; }
    #bizcont td ol {
      padding-bottom: 0;
      padding-left: 20px; }

  #outlincont table {
    display: block !important;
    width: 100%; }
    #outlincont table.yakusyoku tr, #outlincont table.yakusyoku td, #outlincont table.yakusyoku th {
      width: 100% !important;
      display: block !important; }
      #outlincont table.yakusyoku tr th, #outlincont table.yakusyoku td th, #outlincont table.yakusyoku th th {
        padding-bottom: 0; }
      #outlincont table.yakusyoku tr td, #outlincont table.yakusyoku td td, #outlincont table.yakusyoku th td {
        padding-top: 0; }
    #outlincont table tr td, #outlincont table tr th {
      width: 50%;
      padding: 10px 0; }
    #outlincont table:not(.yakusyoku) tr, #outlincont table:not(.yakusyoku) tbody, #outlincont table:not(.yakusyoku) th, #outlincont table:not(.yakusyoku) td {
      display: block !important;
      width: 100% !important; }
    #outlincont table:not(.yakusyoku) tr td {
      padding: 10px; }
      #outlincont table:not(.yakusyoku) tr td * {
        max-width: 100%; }
    #outlincont table:not(.yakusyoku) tr th {
      background: #f1f1f1;
      padding: 10px 10px; }
      #outlincont table:not(.yakusyoku) tr th:before {
        content: "▶";
        font-size: 13px;
        margin-right: 5px; }

  #contact_form table, #contact_form tbody {
    width: 100%;
    display: block; }
    #contact_form table tr, #contact_form tbody tr {
      display: flex;
      flex-wrap: wrap; }
      #contact_form table tr th, #contact_form tbody tr th {
        width: 100%;
        border-bottom: none;
        padding: 0; }
        #contact_form table tr th h6, #contact_form tbody tr th h6 {
          width: 100%; }
          #contact_form table tr th h6 br, #contact_form tbody tr th h6 br {
            display: none; }
      #contact_form table tr td, #contact_form tbody tr td {
        padding: 10px 0;
        width: 100%;
        overflow: hidden; }
        #contact_form table tr td input[type="text"], #contact_form tbody tr td input[type="text"] {
          display: block;
          width: 100%;
          padding: 10px;
          height: 100%; }
          #contact_form table tr td input[type="text"].mgb, #contact_form tbody tr td input[type="text"].mgb {
            height: 50px; }

  #sitemap ul {
    padding-left: 30px; }
    #sitemap ul li {
      font-size: 16px;
      padding-bottom: 5px; } }

/*# sourceMappingURL=style_sp.css.map */