﻿/* ==========================================================================
/* -- 画面の横幅が768pxまで
 ========================================================================== */
@media only screen and (max-width: 812px) {
  .recruiting03 {
    display: block;
  }
  .actv01 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    background: inherit;
  }
  .actv02 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    background: inherit;
  }
  .actv03 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    background: inherit;
  }
  .actv04 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    background: inherit;
  }
  .actv05 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    background: inherit;
  }
  .actv06 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    background: inherit;
  }
  .actvread01 a {
    color: inherit;
  }
  .actvread02 a {
    color: inherit;
  }
  .actvread03 a {
    color: inherit;
  }
  .actvread04 a {
    color: inherit;
  }
  /*-------------------------------------------------------------------------------------*/
  #s1_titles {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    width: 100%;
    border-bottom: 3px solid #008354;
  }
  .s1_titles {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw auto 0.0vw;
    width: 100%;
    height: inherit;
  }
  .s1_titles img {
    width: 100%;
  }
  .s1_titles h3.stitle02 {
    padding: 5.0vw 0px 5.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    text-align: center;
    font-size: 6.0vw;
    color: #008354;
  }
  /*-------------------------------------------------------------------------------------*/
  .infor_clr01 {
    background-color: #008354;
  }
  .infor_clr02 {
    background-color: #dd2025;
  }
  .infor_clr03 {
    background-color: #649bc6;
  }
  .infor_clr04 {
    background-color: #e8340c;
  }
  /*-------------------------------------------------------------------------------------*/
  #s_titles {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    width: 100%;
    /*    border-top: 3px solid #FFFFFF;*/
    position: relative;
  }
  .s_titles {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw auto 0.0vw;
    width: 100%;
  }
  .s_titles img {
    width: 100%;
  }
  .s_titles h3 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
  }

  /*-------------------------------------------------------------------------------------*/
  #infor_wrap {
    padding: 0.0vw 0px 10.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    width: 100%;
    background-color: #f3f3f3;
  }
  .infor_wrap01 {
    padding: 5.0vw 0px 0.0vw 0px;
    margin: 0.0vw auto 0.0vw;
    width: 90%;
  }
  .infor_wrap02 {
    height: inherit;
  }
  /*-----------------------------------------------*/
  .infor_stitles {
    padding: 10.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
  }
  .infor_stitles h4 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    font-size: 5.0vw;
    background-color: #f3f3f3;
  }
  .infor_stitles h4 span {
    padding: 0.0vw 2.0vw 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    background-color: #f3f3f3;
  }
  .infor_stitles hr {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: -2.5vw 0px 0.0vw 0px;
    border: none;
    background-color: #000000;
    border-top: 2px solid #000000;
  }

  /*-----------------------------------------------*/
  .infor_main {
    padding: 8.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
  }

  /*-----------------------------------------------*/
.faq_listwrap01 {
    padding: 8.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
  }
.faq_list01 {
    padding: 3.0vw 2.0vw 3.0vw 2.0vw;
    margin: 0.0vw 0px 0.0vw 0px;
				font-size: 3.5vw;
  }

  /*-----------------------------------------------*/
  .infor_main .note01 {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    padding-left: 1.0em;
    text-indent: -1.0em;
  }

  /*-------------------------------------------------------------------------------------*/
  #hoge {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw 0px 0.0vw 0px;
    width: 100%;
  }
  .hoge {
    padding: 0.0vw 0px 0.0vw 0px;
    margin: 0.0vw auto 0.0vw;
    width: 90%;
  }
  .hoge img {
    width: 100%;
  }
}