/*

追加用CSS　tablet表示

*/
@media screen and (min-width:771px) and ( max-width:1600px) {
ul#menu-menu-2 li a {
    font-size: 13px;
}

ul#menu-menu-2 li {
    margin: 5px;
    width: calc(90%/4);
}
}
/*

追加用CSS　SP表示

*/

@media screen and (max-width: 1400px) {
  .width1400 {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1300px) {
  .width1300 {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1200px) {
  .width1200 {
    padding: 0 15px;
  }

  .locon.flex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 15px;
  }

  .locon_item {
    margin-right: 15px;
  }

  .desktop.navigation .nav-content li a {
    font-size: 13px;
    padding: 5px 0 5px 10px;
  }

  .desktop.navigation ul.nav li a:after {
    padding-left: 10px;
  }

  .sub-header h2 {
    font-size: 28px !important;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 1000px) {
  .width1000 {
    padding: 0 15px;
  }

  .width1000.privacyBox {
    padding: 40px 15px 40px;
  }

  dl.recruit-box {
    width: 47% !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 959px) {


  .pcnone959 {
    display: block;
  }

  nav.row2 .logo-box {
    width: calc(100% - 50px);
    padding: 0;
    padding: 5px 0;
  }

  nav.row2 .logo .logo-img {
    width: 200px;
    padding: 0;
    margin: 0 0 0 8px;
  }

  nav.row2 .logo .logoArea_sp {
    width: 60px;
  }

  nav.row2 .logo .logo-contact {
    width: calc(100% - 210px);
  }

  nav.row2 .logo .logo-contact .locon_item {
    width: 200px;
  }

  .slider-txt01 {
    font-size: 14px !important;
    margin-left: 30px !important;
    margin-bottom: 10px !important;
  }

  .slider-txt02 {
    font-size: 20px !important;
    margin-left: 30px !important;
    margin-bottom: 30px !important;
  }

  .ic_list .img01 img,
  .ic_list .img02 img {
    width: 30px;
  }

  .nav-button {
    margin-top: -5px;
    margin-right: 18px;
  }

  .content {
    padding-top: 50px;
  }

  .st-ttl {
    font-size: 24px;
  }

  .st-tit {
    max-width: 50px;
    margin-bottom: 20px;
  }

  .voice-list li {
    width: 100%;
    padding: 0 15px;
  }

  .voice-list::after {
    display: none;
  }

  .voice-icon {
    max-width: 100px;
    margin: 0 auto 15px;
  }

  .faq-q {
    background-size: auto 25px;
    padding: 0 0 10px 30px;
  }

  .faq-a {
    background-size: auto 25px;
    padding: 0 0 10px 30px;
  }

  #recruit-single .blog-content {
    width: 100%;
    margin: 0 auto 0;
    padding: 0 15px;
  }

  .title h2 {
    margin-bottom: 60px;
    font-size: 26px;
  }

  .border {
    width: 200px;
    height: 10px;
    margin-bottom: 30px;
  }

  .parts-head01 {
    font-size: 18px;
  }
}

@media screen and (max-width: 770px) {
  /*------------------------------------------
 * Common
 * ---------------------------------------*/

  .home .shortcode {
    margin-top: 0px;
  }

  .content {
    padding-top: 50px;
  }

  .spnone770 {
    display: none;
  }

  .pcnone770 {
    display: block;
  }

  p,
  a,
  li,
  td,
  .tablepress td a,
  dt,
  dd {
    font-size: 13px;
  }

  /*------------------------------------------
 * Layout
 * ---------------------------------------*/

  .half {
    width: 100%;
    margin-bottom: 30px;
  }

  .flex .half:last-of-type {
    margin-bottom: 0;
  }

  .flex-turn {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .sp-flex-turn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .sp-img450 {
    max-width: 450px;
    margin: 0 auto;
  }

  .sp-img300 {
    max-width: 300px;
    margin: 0 auto;
  }

  .sp-img450 img,
  .sp-img300 img {
    width: 100%;
  }

  .box01-txt,
  .box01-img {
    width: 100%;
  }

  .box01-img img {
    max-width: 300px;
    margin: 0 auto 15px;
    width: 100%;
  }

  .box01.flex {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  /*------------------------------------------
 * Parts
 * ---------------------------------------*/

  .title h2 {
    font-size: 19px;
    letter-spacing: 0.05em;
    margin-bottom: 70px;
  }

  .title h2::before {
    bottom: -18px;
  }

  .title h2::after {
    bottom: -50px;
    font-size: 14px;
  }

  .state-ttl01,
  .state-ttl02 {
    font-size: 15px;
  }

  .parts-head01 {
    font-size: 16px;
    border-bottom: 2px solid #f37279;
    margin-bottom: 20px;
  }

  .border {
    width: 100%;
    max-width: 250px;
    margin-bottom: 30px;
    border-bottom: dotted 5px #f37279;
  }

  section#recruit-single .border {
    margin-bottom: 30px;
  }

  .btn01 {
    max-width: 250px;
    font-size: 16px;
    padding: 10px;
    margin: 20px auto 0px auto;
    background-position: top 50% right 25px;
    background-size: 8px auto;
  }

  .btn02 {
    max-width: 250px;
    font-size: 16px;
    padding: 10px;
    margin: 20px auto 0px auto;
    background-position: top 50% right 25px;
    background-size: 8px auto;
  }

  .head-txt01 {
    margin-bottom: 20px;
    font-size: 16px;
  }

  /*--------------------------------------------
 * Nav
 * -----------------------------------------*/

  nav.row2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  nav.row2 .logo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  nav.row2 .logo .logo-img {
    width: 210px;
    padding: 0px 0 0px 2px;
    margin: 0;
  }

  nav.row2.logo-img img {
    width: 100%;
    margin: 0;
  }

  .ic_list li {
    width: 30px !important;
  }

  .ic_list li img {
    width: 100% !important;
  }

  .nav-button {
    margin-right: 10px;
  }
  /*--------------------------------------------
 * Slider
 * -----------------------------------------*/

  /*--------------------------------------------
 * Sub header
 * -----------------------------------------*/

  .sub-header {
    height: 200px;
  }

  .sub-header h2 {
    font-size: 22px !important;
    letter-spacing: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 15px;
    width: 100%;
    text-align: center;
  }

  /*--------------------------------------------
 * Splash
 * -----------------------------------------*/

  #splash_logo {
    max-width: 250px;
  }

  /*-----------------------------------------
 * Tab
 * -----------------------------------------*/

  .tab-group {
    margin-bottom: 0;
  }

  .tab {
    font-size: 13px;
    letter-spacing: 0;
  }

  /*------------------------------------------
 * 募集要項・要項シングル
 * ---------------------------------------*/

  section#recruit-single {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  section#recruit-single h3 {
    font-size: 18px;
  }

  .job-table tr th {
    margin-top: 0;
    font-size: 14px;
    width: 100% !important;
    display: block !important;
    border-bottom: none;
    padding: 15px;
  }

  .job-table tr td {
    font-size: 14px;
    padding: 15px;
    width: 100% !important;
    display: block !important;
  }

  .job-table tr td p {
    font-size: 14px;
  }

  .entry-btn {
    width: 100%;
  }

  .entry-btn a {
    font-size: 18px;
  }

  /*------------------------------------------
 * Tablepress
 * ---------------------------------------*/

  .tablepress td,
  .tablepress th {
    font-size: 12px !important;
  }

  .tablepress td a {
    font-size: 12px !important;
  }

  .tablepress-table-description {
    font-size: 12px;
  }

  /*--------------------------------------------
 * お問い合わせ
 * -----------------------------------------*/

  table.defTable01 tr th {
    font-size: 14px;
    padding: 10px 10px 0;
    width: 100%;
  }

  table.defTable01 tr td {
    margin: 0;
    padding: 10px;
    width: 100%;
  }

  table.defTable01 input[type="text"],
  table.defTable01 input[type="email"],
  table.defTable01 textarea {
    padding: 10px;
    font-size: 14px;
  }

  table.defTable01 tr th a {
    font-size: 14px;
  }

  table.defTable01 th span {
    font-size: 10px;
    background: #fff;
    padding: 2px 10px;
  }

  .wpcf7-list-item-label {
    font-size: 14px;
  }

  table.defTable01 tr:first-of-type td {
    border-top: none;
  }

  table.defTable01 td.cen input.wpcf7-confirm,
  table.defTable01 td.cen input.wpcf7-submit {
    margin-right: auto;
  }

  table.defTable01 td.tel_area input {
    width: 100%;
  }

  table.defTable01 td.cen input.wpcf7-confirm,
  table.defTable01 td.cen input.wpcf7-submit {
    margin-right: auto;
  }

  table.defTable01 td.cen input {
    font-size: 16px;
  }

  /*------------------------------------------
 * プライバシーポリシー
 * ---------------------------------------*/

  .privacyBox .ttl-01 {
    font-size: 16px;
    margin-top: 20px;
  }

  /*------------------------------------------
 * Footer
 * -----------------------------------------*/

  footer#footer .content {
    width: 100%;
  }

  footer#footer .content {
    padding: 0 0 0;
  }

  .f-logo {
    max-width: 260px;
    margin: 0 auto 20px auto;
  }

  .f-logo img {
    margin: 0 auto;
    width: 300px;
  }

  .footer_address {
    margin-bottom: 0;
  }

  .fa-map-marked-alt:before,
  .fa-phone-alt:before {
    font-size: 13px;
  }

  .footer_address a {
    font-size: 13px;
  }

  .copyright h6,
  .copyright a {
    font-size: 13px;
  }

  /*--------------------------------------------
 * 作成部分
 * -----------------------------------------*/

  #news {
    padding: 40px 0;
  }

  .news-title-wrap {
    width: 100%;
  }

  .news-box {
    padding: 25px;
  }

  .news-ttl {
    font-size: 16px;
    margin: 0 auto 20px;
  }

  .news-content {
    width: 100%;
  }

  .message-img,
  .message-content {
    width: 100%;
  }

  .message-img img {
    max-width: 300px;
    margin: 0 auto 15px;
  }

  .message-caption {
    font-size: 11px;
  }

  #policy {
    padding-bottom: 0;
  }

  .st-txt {
    font-size: 14px;
  }

  .st-ttl {
    font-size: 16px;
    letter-spacing: 0.05em;
    margin-bottom: 40px;
  }

  #staff {
    padding-bottom: 10px;
  }

  .voice-head {
    text-align: center;
    font-size: 16px;
  }

  .faq-q:after {
    font-size: 15px;
  }

  .flow-icon,
  .flow-content {
    width: 100%;
  }

  .flow-icon img {
    max-width: 100px;
    margin: 0 auto 15px;
  }

  .flow-ttl span {
    padding: 2px 5px;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 0.05em;
  }

  .flow-ttl {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 3px solid #ec898e;
    font-size: 15px;
  }

  .guide-flow li {
    padding: 20px;
  }

  #accordion dt,
  #accordion dd {
    background-size: auto 25px;
    background-position: top left;
    padding: 0 0 10px 30px;
    font-size: 13px;
  }

  #accordion dt:after {
    font-size: 15px;
  }

  #overview {
    padding-bottom: 10px;
  }

  .overview-box {
    width: 100%;
    margin-bottom: 40px;
  }

  .tel-block a {
    display: block;
    max-width: 280px;
    margin: 0 auto 40px;
  }
}

@media screen and (max-width: 600px) {
  .pcnone600 {
    display: block !important;
  }

  .spnone600 {
    display: none !important;
  }

  .lb-back-to-top {
    width: 40px;
    height: 40px;
    right: 1em;
    bottom: 1em;
    opacity: 0.9;
  }

  .slider-txt01 {
    font-size: 12px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }

  .slider-txt02 {
    font-size: 18px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }

  .n2-ss-slide-backgrounds {
    height: 35vh !important;
  }

  .head-txt01 {
    font-size: 14px;
  }

  .tab-group {
    margin-bottom: 0;
  }

  dl.recruit-box {
    width: 100% !important;
    margin: 0 0 20px !important;
  }
  dl.recruit-box dd.recruit-img {
    max-width: 250px;
  }

  .wpcf7-list-item {
    display: block;
    margin: 0;
  }

  .copyright a,
  .copyright h6 {
    font-size: 12px;
  }

  .st-content {
    width: 100%;
  }

  .st-img {
    width: 90%;
    margin: 0 auto;
  }

  .st-txt-box {
    width: 100%;
  }

  .st-box:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }

  .st-img::before {
    top: -15px;
    left: -15px;
    width: 100px;
    height: 100px;
    border-radius: 5px;
  }

  .st-img::after {
    bottom: -15px;
    right: -15px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
  }

  .st-content {
    margin-top: 25px;
  }

  .st-tit {
    max-width: 50px;
    margin: 0 auto 15px;
  }

  .st-txt {
    padding: 0;
  }

  .st-box:nth-of-type(2n) .st-txt-box {
    margin-left: 0;
  }

  .st-box:nth-of-type(2n) .st-img::before {
    right: -15px;
    left: auto;
  }

  .st-box:nth-of-type(2n) .st-img::after {
    left: -15px;
  }

  .st-box:nth-of-type(2n) .st-ttl {
    text-align: left;
  }

  .st-box:nth-of-type(2n) .st-ttl::after {
    left: 0;
    right: auto;
  }

  .st-box:nth-of-type(2n) .st-txt {
    padding: 0;
  }

  .st-box {
    margin-bottom: 40px;
  }
	.recruit-feed01 h3 {
  font-size: 1.8rem;
  color: #f27179;
  font-weight: 700;

  line-height: 1.4;
}
}

@media screen and (max-width: 450px) {
	.recruit-feed01 > li {
  width: 100%;
		padding: 20px;}
	.faq-q {
		margin-top: 0;
	}
	#tablepress-1 td{
	 width: 100% !important;
     display: block;
     box-sizing: border-box !important;
	padding: 10px 10px 5px !important;
	}
	.tablepress tr:first-of-type {
  border-top: none !important;
}
	.tablepress tr{
		border:none !important;
	}
}