@media screen and (min-width: 768px), print {
  main.ww { width: 100%; }

  /*============================
  #c1 ヒーロー
  ============================*/
  #c1 { background: #fff; }
  #c1 .c1-head { text-align: center; padding: 50px 0 35px; }
  #c1 .c1-catch { display: inline-block; border: 1px solid #C9A84A; padding: 7px 28px; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; color: #312e2a; margin-bottom: 25px; }
  #c1 .c1-ttl { display: block; width: 1050px; margin: 0 auto; }
  #c1 .c1-ttl img { width: 100%; height: auto; }
  #c1 .c1-img { margin-bottom: 10px; }
  #c1 .c1-img img { width: 100%; height: auto; display: block; }

  /*============================
  #c2 経営理念・募集
  ============================*/
  #c2 { padding-top: 80px; padding-bottom: 100px; margin-bottom: 130px; background: url(../images/recruit/con02-bg01.png) no-repeat center top 490px; }
  #c2 .c2-inner { width: 1020px; margin: 0 auto; text-align: center; padding-bottom: 60px; }
  #c2 .c2-lead { font-size: 31px; font-weight: bold; letter-spacing: 0.05em; color: #312e2a; margin-bottom: 25px; }
  #c2 .c2-txt { font-size: 16px; font-weight: 500; line-height: 30px; letter-spacing: 0.05em; color: #312e2a; margin-bottom: 87px; }
  #c2 .c2-philosophy { background-color: #fff; box-shadow: 0px 10px 30px rgba(0, 0, 0, .2); padding: 40px 60px 70px; text-align: center; margin-bottom: -90px; position: relative; z-index: 5; }
  #c2 .c2-philosophy .c2-ttl{ font-size: 35px; font-weight: 700; line-height: 70px; letter-spacing: 1.75px; }  
  #c2 .c2-philosophy-label img { height: 19px; width: auto; margin-bottom: 16px; }
  #c2 .c2-philosophy-main { font-size: 47px; font-weight: bold; letter-spacing: 2.4px; line-height: 94px; color: #312e2a; margin-bottom: 18px; }
  #c2 .c2-philosophy-desc { font-size: 14px; font-weight: 500; line-height: 1.9; letter-spacing: 0.05em; color: #312e2a; }
  #c2 .c2-photo { text-align: center; }
  #c2 .c2-photo img { width: 1560px; max-width: 100%; height: auto; display: block; margin: 0 auto; }
  #c2 .c2-strip img { width: 100%; height: auto; display: block; }

  /*============================
  #c3 POINT
  ============================*/
  #c3 { max-width: 1920px; margin: 0 auto 155px; background-color: #EBDC91; padding-top: 100px; padding-bottom: 100px; }
  #c3 .c3-head { width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 50px; position: relative; }
  #c3 .c3-ttl { position: absolute; top: -150px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
  #c3 .c3-ttl img { width: 100%; height: auto; }
  #c3 .c3-lead { font-size: 31px; font-weight: bold; letter-spacing: 1.6; color: #312e2a; margin-bottom: 10px; }
  #c3 .c3-sub { font-size: 16px; font-weight: 500; letter-spacing: 0.8px; color: #312e2a; }
  #c3 .c3-list { width: 100%;  list-style: none; margin: 0 auto; padding: 0 55px; display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center; }
  #c3 .c3-item { width: 49.5%; margin-right: 1%; position: relative; margin-bottom: 1%; display: flex; flex-direction: column; }
  #c3 .c3-item:nth-child(2n){ margin-right: 0; }
  #c3 .c3-item-img img { width: 100%; height: auto; display: block; }
  #c3 .c3-item-txt { background-color: #fff; padding: 50px 50px; flex: 1; }
  #c3 .c3-item-desc { font-size: 16px; font-weight: 500; line-height: 1.8; letter-spacing: 0.8px; }

  /*============================
  #c4 STAFF
  ============================*/
  #c4 { padding: 90px 0 80px; margin-bottom: 150px; background: url(../images/recruit/con03-bg01.png) no-repeat center top; }
  #c4 .c4-inner { width: 1200px; margin: 0 auto; text-align: center; position: relative; }
  #c4 .c4-pre { width: 830px; background-color: #EBDC91; line-height: 71px; font-size: 31px; font-weight: 700; letter-spacing: 1.65px; position: absolute; top: -125px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
  #c4 .c4-ttl { display: block; width: 254px; margin: 0 auto 6px; }
  #c4 .c4-ttl img { width: 100%; height: auto; }
  #c4 .c4-sub { font-size: 31px; font-weight: 700; letter-spacing: 1.65px; color: #312e2a; margin-bottom: 40px; }
  #c4 .c4-list { display: -webkit-flex; display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0; gap: 20px; }
  #c4 .c4-item { width: 360px; text-align: left; position: relative; padding-bottom: 70px; }
  #c4 .c4-photo { position: relative; }
  #c4 .c4-num { position: absolute; top: 12px; left: 12px; font-size: 15px; font-weight: bold; letter-spacing: 0.05em; color: #C9A84A; z-index: 1; }
  #c4 .c4-photo img { width: 100%; height: auto; display: block; }
  #c4 .c4-info { padding: 16px 0 12px; }
  #c4 .c4-furi { font-size: 14px; font-weight: 500; letter-spacing: 0.7px; color: #312e2a; margin-bottom: 4px; }
  #c4 .c4-name { font-size: 26px; font-weight: bold; letter-spacing: 1.3px; color: #312e2a; margin-bottom: 4px; }
  #c4 .c4-role { font-size: 16px; font-weight: 500; color: #312e2a; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #EBDC91; }
  #c4 .c4-desc { font-size: 13px; font-weight: 500; line-height: 1.8; color: #312e2a; }
  #c4 .c4-btn { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
  #c4 .c4-btn img { width: 216px; height: auto; }

  /*============================
  #c5 GREETINGS
  ============================*/
  #c5 { background: #fff; padding: 0px 0 150px; }
  #c5 .c5-inner { width: 1100px; margin: 0 auto; text-align: center; position: relative; }
  #c5 .c5-ttl { display: block; width: 512px; margin: 0 auto 6px; }
  #c5 .c5-ttl img { width: 100%; height: auto; }
  #c5 .c5-sub { font-size: 31px; font-weight: 700; letter-spacing: 1.65px; color: #312e2a; margin-bottom: 74px; }
  #c5 .c5-content { display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; gap: 70px; text-align: left; }
  #c5 .c5-txt { width: 700px; }
  #c5 .c5-txt p { font-size: 16px; font-weight: 500; line-height: 2; letter-spacing: 0.05em; color: #312e2a; margin-bottom: 22px; }
  #c5 .c5-sig { font-size: 18px!important; font-weight: bold!important; letter-spacing: 0.05em; color: #312e2a; margin-top: 30px; margin-bottom: 0!important; }
  #c5 .c5-img { position: absolute; top: 210px; right: -90px; }
  #c5 .c5-img img { width: 100%; height: auto; display: block; }

  /*============================
  #c6 ボトム
  ============================*/
  #c6 { background: url(../images/recruit/con06-bg01.png) no-repeat center top; padding-bottom: 88px; margin-bottom: 130px; }
  #c6 .c6-inner { text-align: center; padding: 60px 0 60px; }
  #c6 .c6-txt { font-size: 31px; font-weight: bold; letter-spacing: 1.65px; font-weight: 700; margin-bottom: 27px; }
  #c6 .c6-main { text-align: center; }
  #c6 .c6-main img { width: 100%; max-width: 1280px; height: auto; display: block; margin: 0 auto; }
  #c6 .c6-strip img { width: 100%; height: auto; display: block; }

.system-box{ width: 1100px; margin: 0 auto; }
.system-box h2{ font-size: 46px; font-weight: 700; line-height: 60px; letter-spacing: 2.3px; text-align: center; margin-bottom: 28px; }
.system-box h2 span{ display: inline-block; border-bottom: 4px solid #EBDC91; }
.system-box .txt{ text-align: center; font-size: 31px; font-weight: 700; line-height: 1; letter-spacing: 1.65px; margin-bottom: 52px; }

}

/*============================
ポップアップ（共通）
============================*/
.c4-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; align-items: center; justify-content: center; }
.c4-popup-wrap { position: relative; max-width: 90%; max-height: 90vh; overflow-y: auto; }
.c4-popup-img { display: none; background-color: #fff; }
.c4-popup-img img { width: 100%; height: auto; display: block; }
.c4-popup-close { position: fixed; top: 20px; right: 20px; width: 44px; height: 44px; background: #fff; border: none; border-radius: 50%; font-size: 18px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.c4-popup-close:hover { background: #ebdc91; }
body.is-popup-open { overflow: hidden; }

@media screen and (max-width: 767px) {
  main.ww { width: 100%; }

  /*============================
  #c1 ヒーロー
  ============================*/
  #c1 { background: #fff; }
  #c1 .c1-head { text-align: center; padding: 8.454vw 0 6.039vw; }
  #c1 .c1-catch { display: inline-block; border: 1px solid #C9A84A; padding: 1.449vw 4.831vw; font-size: 2.899vw; font-weight: 500; letter-spacing: 0.1em; color: #312e2a; margin-bottom: 4.348vw; }
  #c1 .c1-ttl { display: block; width: 77.295vw; margin: 0 auto; }
  #c1 .c1-ttl img { width: 100%; height: auto; }
  #c1 .c1-img img { width: 100%; height: auto; display: block; }

  /*============================
  #c2 経営理念・募集
  ============================*/
  #c2 { padding-top: 12.077vw; padding-bottom: 9vw; background: url(../images/recruit/con02-bg01.png) no-repeat center bottom; background-size: 440%; margin-bottom: 12vw; }
  #c2 .c2-inner { width: 91.787vw; margin: 0 auto; text-align: center; padding-bottom: 9.662vw; }
  #c2 .c2-lead { font-size: 5.314vw; font-weight: bold; letter-spacing: 0.05em; line-height: 1.7; color: #312e2a; margin-bottom: 4.348vw; }
  #c2 .c2-txt { font-size: 3.6vw; font-weight: 500; line-height: 1.9; letter-spacing: 0.03em; color: #312e2a; margin-bottom: 14vw; }
  #c2 .c2-philosophy { background-color: #fff; box-shadow: 0px 5px 20px rgba(0, 0, 0, .15); padding: 6.039vw 6.039vw 8.454vw; text-align: center; position: relative; z-index: 5; margin-bottom: -13vw; }
  #c2 .c2-philosophy .c2-ttl { font-size: 5.797vw; font-weight: 700; line-height: 1.5; letter-spacing: 0.05em; margin-bottom: 2.415vw; }
  #c2 .c2-philosophy-label img { height: 4.106vw; width: auto; margin-bottom: 6vw; }
  #c2 .c2-philosophy-main { font-size: 6.5vw; font-weight: bold; letter-spacing: 0.05em; line-height: 1.6; color: #312e2a; margin-bottom: 7vw; }
  #c2 .c2-philosophy-desc { font-size: 3.6vw; font-weight: 500; line-height: 1.9; letter-spacing: 0.03em; color: #312e2a; text-align: left; }
  #c2 .c2-strip img { width: 100%; height: auto; display: block; }

  /*============================
  #c3 POINT
  ============================*/
  #c3 { background-color: #EBDC91; padding-top: 12.077vw; padding-bottom: 7vw; }
  #c3 .c3-head { text-align: center; padding: 0 4.831vw 8.454vw; position: relative; }
  #c3 .c3-ttl { width: 42.995vw; position: absolute; top: -20vw; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
  #c3 .c3-ttl img { width: 100%; height: auto; }
  #c3 .c3-lead { font-size: 6.5vw; font-weight: bold; letter-spacing: 0.05em; line-height: 1.6; color: #312e2a; margin-bottom: 1.932vw; }
  #c3 .c3-sub { font-size: 3.6vw; font-weight: 500; letter-spacing: 0.8px; color: #312e2a; }
  #c3 .c3-list { display: block; list-style: none; margin: 0; }
  #c3 .c3-item { width: 100%; display: flex; flex-direction: column; margin-bottom: 4.831vw; }
  #c3 .c3-item-img img { width: 100%; height: auto; display: block; }
  #c3 .c3-item-txt { background-color: #fff; padding: 6.039vw 6.039vw; flex: 1; }
  #c3 .c3-item-desc { font-size: 3.140vw; font-weight: 500; line-height: 1.8; letter-spacing: 0.03em; }

  /*============================
  #c4 STAFF
  ============================*/
  #c4 { padding: 12vw 0 14vw; background: url(../images/recruit/con03-bg01.png) no-repeat center top; background-size: cover; }
  #c4 .c4-inner { width: 91.787vw; margin: 0 auto; text-align: center; position: relative; }
  #c4 .c4-pre { display: block; width: 91.787vw; font-size: 5.314vw; line-height: 2.3; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 5vw; }
  #c4 .c4-pre span{ background-color: #EBDC91; padding: 2vw 3vw; } 
  .c4-ttl { display: block; width: 40vw; margin: 0 auto 1vw; }
  #c4 .c4-ttl img { width: 100%; height: auto; }
  #c4 .c4-sub { font-size: 5.314vw; font-weight: 700; letter-spacing: 0.05em; color: #312e2a; margin-bottom: 5vw; }
  #c4 .c4-list { display: -webkit-flex; display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0 5vw; gap: 12.077vw; }
  #c4 .c4-item { width: 100%; text-align: left; position: relative; padding-bottom: 16.908vw; }
  #c4 .c4-photo { position: relative; }
  #c4 .c4-num { position: absolute; top: 2.415vw; left: 2.415vw; font-size: 3.382vw; font-weight: bold; letter-spacing: 0.05em; color: #C9A84A; z-index: 1; }
  #c4 .c4-photo img { width: 100%; height: auto; display: block; }
  #c4 .c4-info { padding: 3.382vw 0 2.415vw; }
  #c4 .c4-furi { font-size: 3.140vw; font-weight: 500; letter-spacing: 0.05em; color: #312e2a; margin-bottom: 0.966vw; }
  #c4 .c4-name { font-size: 6.280vw; font-weight: bold; letter-spacing: 0.05em; color: #312e2a; margin-bottom: 1.932vw; }
  #c4 .c4-role { font-size: 3.382vw; font-weight: 500; color: #312e2a; margin-bottom: 3.623vw; padding-bottom: 3.623vw; border-bottom: 1px solid #EBDC91; }
  #c4 .c4-desc { font-size: 3.140vw; font-weight: 500; line-height: 1.8; color: #312e2a; }
  #c4 .c4-btn { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
  #c4 .c4-btn img { width: 52.174vw; height: auto; }

  /*============================
  #c5 GREETINGS
  ============================*/
  #c5 { background: #fff; padding: 14.493vw 0 16.908vw; }
  #c5 .c5-inner { width: 91.787vw; margin: 0 auto; text-align: center; }

  #c5 .c5-ttl { display: block; width: 62.077vw; margin: 0 auto 2.899vw; }
  #c5 .c5-ttl img { width: 100%; height: auto; }
  #c5 .c5-sub { font-size: 5.314vw; font-weight: 700; letter-spacing: 0.05em; color: #312e2a; margin-bottom: 9.662vw; }
  #c5 .c5-content { display: -webkit-flex; display: flex; flex-direction: column; text-align: left; gap: 7.246vw; }
  #c5 .c5-txt p { font-size: 3.382vw; font-weight: 500; line-height: 2; letter-spacing: 0.03em; color: #312e2a; margin-bottom: 4.348vw; }
  #c5 .c5-sig { font-size: 3.9vw!important; font-weight: bold!important; letter-spacing: 0.05em; color: #312e2a; margin-top: 5.314vw; margin-bottom: 0!important; }
  #c5 .c5-img { width: 64%; margin: 0 auto; height: auto; display: block; }
  #c5 .c5-img img { width: 100%; height: auto; display: block; }

  /*============================
  #c6 ボトム
  ============================*/
  #c6 { background: url(../images/recruit/con06-bg01.png) no-repeat center top; background-size: cover; padding-bottom: 12vw; margin-bottom: 12vw; }
  #c6 .c6-inner { padding: 10.870vw 4.831vw 8.454vw; }
  #c6 .c6-txt { text-align: center; font-size: 5.314vw; font-weight: bold; letter-spacing: 0.05em; line-height: 1.7; color: #312e2a; margin-bottom: 4.831vw; }
  #c6 .c6-txt2 { font-size: 3.6vw; font-weight: 500; line-height: 1.9; letter-spacing: 0.03em; color: #312e2a; }
  #c6 .c6-strip img { width: 100%; height: auto; display: block; }

  /*============================
  system-box
  ============================*/
  .system-box { width: 91.787vw; margin: 0 auto; }
  .system-box h2 { font-size: 5.9vw; font-weight: 700; line-height: 1.5; letter-spacing: 0.05em; text-align: center; margin-bottom: 4.831vw; }
  .system-box h2 span { display: inline-block; border-bottom: 3px solid #EBDC91; }
  .system-box .txt { text-align: center; font-size: 5.314vw; font-weight: 700; line-height: 1; letter-spacing: 0.05em; margin-bottom: 9.662vw; }

  /*============================
  ポップアップ
  ============================*/
  .c4-popup-wrap { max-width: 95%; max-height: 85vh; }
  .c4-popup-close { top: 10px; right: 10px; width: 9.662vw; height: 9.662vw; font-size: 3.623vw; }
}