@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Message CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

SVG CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/* Variables
-------------------------------------------- */
#container .contHeading {
  align-items: flex-end; }
  #container .contHeading .ttlWrap {
    width: 100%;
    padding: 25px 20px;
    text-align: center; }
  @media screen and (max-width: 1400px) {
    #container .contHeading {
      background-image: url(/recruit/shr/img/ordermadeworks/main_img_tb.jpg) !important;
      background-position: top center; } }
  @media (max-width: 1024px) {
    #container .contHeading {
      height: 50vw; } }
  @media (max-width: 480px) {
    #container .contHeading {
      height: 75vh;
      background-image: url(/recruit/shr/img/ordermadeworks/main_img_sp.jpg) !important;
      background-position: top center; }
      #container .contHeading .ttlWrap {
        padding: 20px; } }

#container .na-maxw .caseTtl {
  text-align: center;
  font-size: 3rem;
  margin: 0 0 54px; }
  @media screen and (max-width: 640px) {
    #container .na-maxw .caseTtl {
      font-size: 2rem;
      margin: 0 0 30px; } }
#container .na-maxw .aichiLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  text-align: center; }
  #container .na-maxw .aichiLogo .logoImg {
    display: inline-block;
    width: 120px;
    margin: 0 25px 0 0; }
#container .na-maxw .txtWrap {
  width: 52.0833%; }
#container .na-maxw .imgWrap {
  width: 41.666%; }
@media (max-width: 480px) {
  #container .na-maxw .aichiLogo {
    display: block;
    font-size: 4.3vw;
    text-align: left;
    font-weight: bold; }
    #container .na-maxw .aichiLogo .logoImg {
      display: block;
      width: 33vw;
      margin: 0 auto 20px; }
  #container .na-maxw .txtWrap {
    width: 100%;
    margin: 0 auto 30px; }
  #container .na-maxw .imgWrap {
    width: 100%;
    padding: 0; } }
#container .cont1 {
  margin-bottom: 100px; }
  @media (max-width: 480px) {
    #container .cont1 {
      margin-bottom: 50px; } }
#container .cont2 {
  margin-bottom: 80px; }
  @media (max-width: 480px) {
    #container .cont2 {
      margin-bottom: 25vw; } }
#container .cont4 {
  margin-bottom: 80px; }
  @media (max-width: 480px) {
    #container .cont4 {
      margin-bottom: 10vw; } }
  #container .cont4 .caseList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #container .cont4 .caseList li {
      width: 32%;
      box-sizing: border-box;
      border: solid 1px #DDD; }
      @media screen and (max-width: 850px) {
        #container .cont4 .caseList li {
          width: 100%;
          margin: 0 auto 40px; }
          #container .cont4 .caseList li:last-child {
            margin: 0 auto; } }
      #container .cont4 .caseList li .ttltxt {
        width: 100%;
        box-sizing: border-box;
        font-size: 1.8rem;
        line-height: 1;
        color: #FFF;
        margin: 0 0 10px;
        padding: 14px 11px 10px;
        background: #80212e; }
      #container .cont4 .caseList li .inner {
        padding: 0 10px 20px; }
        #container .cont4 .caseList li .inner img {
          margin: 0 0 25px; }
        #container .cont4 .caseList li .inner p {
          font-size: 1.4rem; }
        #container .cont4 .caseList li .inner .date {
          font-size: 1.6rem;
          line-height: 2.2;
          margin: 0 0 26px; }
          @media screen and (max-width: 640px) {
            #container .cont4 .caseList li .inner .date {
              line-height: 1.8; } }