@charset "UTF-8";
#headTitle {
  width: 100%;
  overflow-x: hidden; }
  #headTitle div {
    width: 100%;
    background: #ccc;
    color: #fff;
    text-align: center;
    padding: 120px 0;
    background-size: cover;
    background-position: center; }
    #headTitle div.info, #headTitle div.privacy, #headTitle div.terms {
      background-image: url("../img/pagetop/pagetop-info.webp"); }
    #headTitle div.about {
      background-image: url("../img/pagetop/pagetop-about.webp"); }
    #headTitle div.content {
      background-image: url("../img/pagetop/pagetop-content.webp"); }
    #headTitle div.lineup {
      background-image: url("../img/pagetop/pagetop-lineup.webp"); }
    #headTitle div.pork {
      background-image: url("../img/pagetop/pagetop-lineup-pork.webp"); }
    #headTitle div.beef {
      background-image: url("../img/pagetop/pagetop-lineup-beef.webp"); }
    #headTitle div.chicken {
      background-image: url("../img/pagetop/pagetop-lineup-chicken.webp"); }
    #headTitle div.deli {
      background-image: url("../img/pagetop/pagetop-lineup-deri.webp"); }
    #headTitle div.reserve, #headTitle div.reserve-confirm, #headTitle div.reserve-thanks {
      background-image: url("../img/pagetop/pagetop-reserve.webp"); }
    #headTitle div.recruit {
      background-image: url("../img/pagetop/pagetop-recruit.webp"); }
    #headTitle div.interview {
      background-image: url("../img/pagetop/pagetop-interview.webp"); }
    #headTitle div.contact, #headTitle div.contact-confirm, #headTitle div.contact-thanks {
      background-image: url("../img/pagetop/pagetop-contact.webp"); }
    #headTitle div.news {
      background-image: url("../img/pagetop/pagetop-news-list.webp"); }
    #headTitle div.newsdetail {
      background-image: url("../img/pagetop/pagetop-news-detail.webp"); }
    #headTitle div h1 {
      font-size: 40px;
      letter-spacing: .28em;
      line-height: 66px;
      margin: 0;
      padding: 0;
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-weight: 500;
      font-style: normal;
      margin-right: -.28em; }
    #headTitle div p {
      font-size: 14px;
      letter-spacing: .12em;
      line-height: 20px;
      margin: 0;
      padding: 0;
      margin-right: -.12em; }

ul#pankuzu {
  padding: 1em 0 1em;
  font-size: 14px; }
  ul#pankuzu li {
    display: inline-block; }
    ul#pankuzu li a {
      font-size: 14px;
      color: #432700; }
      ul#pankuzu li a:hover {
        opacity: .6; }
    ul#pankuzu li::after {
      content: "〉";
      padding: 0 0 0 1em; }
    ul#pankuzu li:last-child::after {
      content: ""; }

#about.second {
  padding-bottom: 180px; }

@media screen and (max-width: 480px) {
  #headTitle div {
    color: #fff;
    text-align: center;
    padding: 64px 0; }
    #headTitle div h1 {
      font-size: 26px;
      letter-spacing: .28em;
      line-height: 20px; }
    #headTitle div p {
      font-size: 14px;
      letter-spacing: .12em;
      line-height: 20px;
      padding-top: 1em; }

  ul#pankuzu {
    padding: 1em 0 1em;
    font-size: 12px; }
    ul#pankuzu li {
      display: inline-block; }
      ul#pankuzu li a {
        font-size: 12px; }
        ul#pankuzu li a:hover {
          opacity: inherit; } }
.underLine {
  position: relative;
  border-bottom: 1px solid #ddd; }
  .underLine::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    border-bottom: 1px solid #EB5C02;
    width: 60px;
    z-index: 10; }

h2.underLine {
  font-size: 30px;
  letter-spacing: .16em;
  padding: 4em 0 .6em;
  margin-bottom: 1.6em;
  display: block;
  position: relative;
  border-bottom: 1px solid #ddd; }
  h2.underLine::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    border-bottom: 1px solid #EB5C02;
    width: 60px;
    z-index: 10; }

@media screen and (max-width: 480px) {
  h2.underLine {
    font-size: 24px;
    letter-spacing: .16em;
    padding: 3em 0 .6em;
    margin-bottom: 1.6em;
    display: block;
    position: relative;
    border-bottom: 1px solid #ddd; }
    h2.underLine::after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      border-bottom: 1px solid #EB5C02;
      width: 60px;
      z-index: 10; } }
div.centerTitle {
  width: 90%;
  max-width: 980px;
  margin: 0 auto; }
  div.centerTitle h3 {
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: .16em;
    position: relative;
    line-height: 1.8em;
    margin-bottom: 1.6em; }
    div.centerTitle h3::after {
      content: '';
      position: absolute;
      left: calc( 50% - 0.1em);
      bottom: -10px;
      display: inline-block;
      width: 52px;
      height: 2px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #EB5C02; }

div.interviewList {
  margin: 0;
  width: 100%; }
  div.interviewList ul {
    font-size: 0;
    letter-spacing: -.4em;
    width: 100%; }
    div.interviewList ul li {
      max-width: 470px;
      width: calc( 50% - 8px);
      overflow-x: hidden;
      display: inline-block;
      padding-bottom: 40px;
      vertical-align: top; }
      div.interviewList ul li:nth-of-type(odd) {
        padding-right: 8px; }
      div.interviewList ul li:nth-of-type(even) {
        padding-left: 8px; }
      div.interviewList ul li a {
        color: #432700; }
        div.interviewList ul li a .mainimage {
          width: 100%;
          height: 260px; }
          div.interviewList ul li a .mainimage img {
            object-fit: cover;
            width: 100%;
            height: 100%; }
        div.interviewList ul li a .caption {
          width: 100%;
          background-color: #EACDB0;
          font-weight: 400;
          padding-bottom: 0;
          position: relative; }
          div.interviewList ul li a .caption .section_name {
            background-color: #E5B381;
            font-size: 14px;
            line-height: 1em;
            padding: .5em 2em;
            margin-bottom: 18px; }
          div.interviewList ul li a .caption .name {
            display: inline-block; }
            div.interviewList ul li a .caption .name p {
              display: block;
              line-height: 1em; }
              div.interviewList ul li a .caption .name p:nth-of-type(1) {
                font-size: 18px;
                letter-spacing: 0.2em;
                padding: 0 1.4em 0;
                margin: 0; }
              div.interviewList ul li a .caption .name p:nth-of-type(2) {
                font-size: 14px;
                letter-spacing: 0.1em;
                padding: .3em 1.4em 1.25em;
                margin: 0; }
            div.interviewList ul li a .caption .name.name2 {
              position: relative; }
              div.interviewList ul li a .caption .name.name2::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                height: 37px;
                border-left: 1px solid #E5B381; }
          div.interviewList ul li a .caption::after {
            content: "";
            position: absolute; }
        div.interviewList ul li a:hover {
          opacity: .8; }

@media screen and (max-width: 480px) {
  div.interviewList {
    margin: 0;
    width: 100%; }
    div.interviewList ul {
      font-size: 0;
      letter-spacing: -.4em;
      width: 100%; }
      div.interviewList ul li {
        max-width: 470px;
        width: calc( 50% - 8px);
        overflow-x: hidden;
        display: inline-block;
        padding-bottom: 40px;
        vertical-align: top; }
        div.interviewList ul li:nth-of-type(odd) {
          padding-right: 8px; }
        div.interviewList ul li:nth-of-type(even) {
          padding-left: 8px; }
        div.interviewList ul li a {
          color: #432700; }
          div.interviewList ul li a .mainimage {
            width: 100%;
            height: 89px; }
            div.interviewList ul li a .mainimage img {
              object-fit: cover;
              width: 100%;
              height: 100%; }
          div.interviewList ul li a .caption {
            width: 100%;
            background-color: #EACDB0;
            font-weight: 400;
            padding-bottom: 0;
            position: relative; }
            div.interviewList ul li a .caption .section_name {
              background-color: #E5B381;
              font-size: 12px;
              line-height: 1em;
              padding: .5em 2em;
              margin-bottom: 18px; }
            div.interviewList ul li a .caption .name {
              display: inline-block; }
              div.interviewList ul li a .caption .name p {
                display: block;
                line-height: 1em; }
                div.interviewList ul li a .caption .name p:nth-of-type(1) {
                  font-size: 14px;
                  letter-spacing: 0.2em;
                  padding: 0 1.4em 0;
                  margin: 0; }
                div.interviewList ul li a .caption .name p:nth-of-type(2) {
                  font-size: 12px;
                  letter-spacing: 0.1em;
                  padding: .3em 1.4em 1.25em;
                  margin: 0; }
              div.interviewList ul li a .caption .name.name2::before {
                content: none; }
            div.interviewList ul li a .caption::after {
              content: none; }
          div.interviewList ul li a:hover {
            opacity: .8; } }
.bg_ivory {
  background-color: #F4F1ED; }

div.lineuplist ul {
  letter-spacing: -.4em; }
  div.lineuplist ul li {
    display: inline-block;
    vertical-align: top;
    max-width: 470px;
    width: calc( 50% - 20px);
    max-height: 432px;
    padding-bottom: 40px !important; }
    div.lineuplist ul li a {
      color: #432700;
      padding: 0; }
      div.lineuplist ul li a div.ll_photo {
        height: 232px;
        position: relative; }
        div.lineuplist ul li a div.ll_photo img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
        div.lineuplist ul li a div.ll_photo::after {
          content: "";
          width: 33px;
          height: 33px;
          background-image: url("../img/lineuplist-linkbut.png");
          background-size: cover;
          position: absolute;
          bottom: 0;
          right: 0; }
      div.lineuplist ul li a div.ll_caption {
        padding: 0 1em;
        margin: 0;
        height: 200px;
        background: #F4F1ED; }
        div.lineuplist ul li a div.ll_caption h3 {
          font-size: 26px;
          letter-spacing: .2em;
          padding: 1.25em 0 .3em;
          margin: 0 0 .7em;
          text-align: center;
          position: relative; }
          div.lineuplist ul li a div.ll_caption h3::after {
            content: '';
            position: absolute;
            left: calc( 50% - 0.1em);
            bottom: -5px;
            display: inline-block;
            width: 52px;
            height: 2px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #EB5C02; }
        div.lineuplist ul li a div.ll_caption p {
          font-size: 15px;
          letter-spacing: 0;
          line-height: 30px;
          max-width: 418px;
          width: 90%;
          margin: 0 auto; }
      div.lineuplist ul li a:hover {
        opacity: 0.8; }
    div.lineuplist ul li:nth-of-type(odd) {
      padding-right: 20px; }
    div.lineuplist ul li:nth-of-type(even) {
      padding-left: 20px; }

/*

*/
#info {
  padding-bottom: 120px; }
  #info .table_wrap {
    width: 100%; }
    #info .table_wrap table {
      border-collapse: collapse;
      border-spacing: 0;
      border-top: 1px solid #ddd;
      width: 100%;
      font-size: 15px; }
      #info .table_wrap table tr td {
        border-bottom: 1px solid #ddd;
        padding: .8em 1.5em; }
        #info .table_wrap table tr td.td1 {
          width: 230px; }
        #info .table_wrap table tr td.td5 a {
          color: #432700;
          padding: 0;
          margin: 0; }
          #info .table_wrap table tr td.td5 a span {
            display: block;
            max-width: 62px;
            min-width: 62px;
            border: 1px solid #432700;
            padding: 1.2em 2.2em;
            margin: 0;
            font-size: 14px;
            line-height: 1em;
            position: relative; }
            #info .table_wrap table tr td.td5 a span::after {
              content: "";
              position: absolute;
              right: 1em;
              top: 1.3em;
              height: 9px;
              width: 9px;
              border-top: 1px solid #76716F;
              border-right: 1px solid #76716F;
              transform: rotate(45deg); }
          #info .table_wrap table tr td.td5 a:hover {
            opacity: .6; }
      #info .table_wrap table.ta1 tr td.td1, #info .table_wrap table.ta3 tr td.td1 {
        color: #432700;
        background: #F4F1ED; }
      #info .table_wrap table.ta3 dl {
        clear: both;
        padding-bottom: 1em;
        line-height: 26px; }
        #info .table_wrap table.ta3 dl dt {
          width: 5.5em;
          display: inline-block;
          position: relative; }
          #info .table_wrap table.ta3 dl dt::after {
            content: "：";
            position: absolute;
            right: 0;
            top: 0; }
        #info .table_wrap table.ta3 dl dt,
        #info .table_wrap table.ta3 dl dd {
          float: left;
          padding: 0;
          margin: 0; }

@media screen and (max-width: 480px) {
  #info {
    padding-bottom: 120px; }
    #info .table_wrap {
      width: 100%; }
      #info .table_wrap table {
        border-top: 1px solid #ddd;
        width: 100%;
        font-size: 15px; }
        #info .table_wrap table tr td {
          border-bottom: 1px solid #ddd;
          padding: .8em 1.5em; }
          #info .table_wrap table tr td.td1 {
            width: calc(100% - 2em );
            display: block;
            padding: .3em 1em; }
            #info .table_wrap table tr td.td1 p {
              padding: 0;
              margin: 0; }
          #info .table_wrap table tr td.td2 {
            width: calc(100% - 2em );
            display: block;
            padding: 1em; }
          #info .table_wrap table tr td.td5 {
            width: calc(100% - 2em );
            display: block;
            padding: 1em; }
            #info .table_wrap table tr td.td5 a {
              color: #432700; }
              #info .table_wrap table tr td.td5 a span {
                display: block;
                width: 30%;
                border: 1px solid #432700;
                padding: .9em 2.5em;
                font-size: 14px;
                line-height: 1em;
                position: relative; }
                #info .table_wrap table tr td.td5 a span::after {
                  content: "";
                  position: absolute;
                  right: 1em;
                  top: 1em; }
              #info .table_wrap table tr td.td5 a:hover {
                opacity: .6; }
        #info .table_wrap table.ta1 tr td.td1, #info .table_wrap table.ta3 tr td.td1 {
          color: #432700;
          background: #F4F1ED;
          padding: 1em; }
        #info .table_wrap table.ta1 tr td.td2, #info .table_wrap table.ta3 tr td.td2 {
          color: #432700;
          border: none; }
        #info .table_wrap table.ta2 .td1 {
          padding-top: 1em;
          border-bottom: none; }
        #info .table_wrap table.ta2 .td2 p {
          padding: 0 0 0 1em;
          margin: 0; }
        #info .table_wrap table.ta3 dl {
          clear: both;
          padding-bottom: 1em;
          line-height: 26px; }
          #info .table_wrap table.ta3 dl dt {
            width: 5.5em;
            display: inline-block;
            position: relative; }
            #info .table_wrap table.ta3 dl dt::after {
              content: "：";
              position: absolute;
              right: 0;
              top: 0; }
          #info .table_wrap table.ta3 dl dt,
          #info .table_wrap table.ta3 dl dd {
            float: left;
            padding: 0;
            margin: 0; }
          #info .table_wrap table.ta3 dl dd {
            max-width: calc(100% - 5.5em); } }
#about h3.maincopy {
  font-size: 28px;
  line-height: 57px;
  letter-spacing: .08em;
  padding-top: 1em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal; }
#about h3.movie {
  font-size: 28px;
  letter-spacing: .16em;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  position: relative; }
  #about h3.movie::after {
    content: '';
    position: absolute;
    left: calc( 50% - 0.1em);
    bottom: -10px;
    display: inline-block;
    width: 52px;
    height: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #EB5C02; }
#about h3.tema {
  font-size: 28px;
  line-height: 57px;
  letter-spacing: .08em;
  padding: 1em 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal; }
#about p {
  font-size: 16px;
  line-height: 34px;
  letter-spacing: .02em; }
#about div.top-name {
  text-align: right;
  padding-bottom: 2em; }
  #about div.top-name div {
    display: inline-block;
    text-align: left;
    padding-top: 1em; }
    #about div.top-name div p {
      padding: 0;
      margin: 0; }
      #about div.top-name div p:nth-of-type(1) {
        font-size: 16px;
        padding: .8em 0; }
      #about div.top-name div p:nth-of-type(2) {
        font-size: 24px; }
#about div.sengen {
  width: 100%;
  background-color: #F4F1ED;
  padding: 2em;
  border-radius: 10px;
  text-align: center; }
  #about div.sengen div {
    display: inline-block;
    margin: 0 auto; }
    #about div.sengen div ul li {
      text-align: left;
      font-size: 20px;
      line-height: 45px;
      letter-spacing: .08em;
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-weight: 400;
      font-style: normal; }
  #about div.sengen + p {
    padding: 2em 0 1em; }
#about iframe {
  width: 100%;
  max-width: 880px;
  height: 494px;
  margin: 0 auto; }

@media screen and (max-width: 480px) {
  div.about h1 {
    letter-spacing: 0.15em !important;
    margin-right: -0.15em !important; }

  #about h3.maincopy {
    font-size: 20px;
    line-height: 2em;
    letter-spacing: .08em;
    padding-top: 1em;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal; }
  #about h3.movie {
    font-size: 24px;
    letter-spacing: .16em;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    position: relative; }
    #about h3.movie::after {
      content: '';
      position: absolute;
      left: calc( 50% - 0.1em);
      bottom: -10px;
      display: inline-block;
      width: 52px;
      height: 2px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #EB5C02; }
  #about h3.tema {
    width: 12em;
    margin: 0 auto;
    font-size: 24px;
    line-height: 2em;
    letter-spacing: .08em;
    padding: 1em 0;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal; }
  #about p {
    font-size: 15px;
    line-height: 2em;
    letter-spacing: .02em; }
  #about div.top-name {
    text-align: right;
    padding-bottom: 2em; }
    #about div.top-name div {
      display: inline-block;
      text-align: left;
      padding-top: 1em; }
      #about div.top-name div p {
        padding: 0;
        margin: 0; }
        #about div.top-name div p:nth-of-type(1) {
          font-size: 14px;
          padding: .8em 0; }
        #about div.top-name div p:nth-of-type(2) {
          font-size: 20px; }
  #about div.sengen {
    width: 100%;
    background-color: #F4F1ED;
    padding: 1.4em;
    border-radius: 10px;
    text-align: center; }
    #about div.sengen div {
      display: inline-block;
      margin: 0 auto; }
      #about div.sengen div ul li {
        text-align: left;
        font-size: 18px;
        line-height: 2em;
        letter-spacing: .08em;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 400;
        font-style: normal; }
    #about div.sengen + p {
      padding: 2em 0 1em; }
  #about iframe {
    height: 50.625vw; } }
#content .lead {
  width: 100%;
  background-color: #F4F1ED;
  padding: 100px 0; }
  #content .lead > div {
    position: relative; }
    #content .lead > div .title {
      text-align: center;
      width: 492px; }
      #content .lead > div .title h2 {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 36px;
        letter-spacing: .08em;
        color: #EB5C02;
        padding-bottom: 1em; }
        #content .lead > div .title h2 span {
          font-weight: 400;
          font-size: 28px;
          display: block;
          color: #432700;
          padding-bottom: .8em; }
    #content .lead > div .fiveImage {
      position: absolute;
      right: 0;
      top: 30px; }
    #content .lead > div .caption {
      width: 492px;
      font-size: 16px;
      letter-spacing: .02em;
      line-height: 34px; }
#content ul.section > li {
  padding: 100px 0; }
  #content ul.section > li ul.image {
    width: 100%;
    font-size: 0;
    padding: 0;
    margin: 0;
    letter-spacing: -.4em; }
    #content ul.section > li ul.image > li {
      padding: 0;
      margin: 0;
      overflow: hidden;
      display: inline-block;
      height: 313px; }
      #content ul.section > li ul.image > li:nth-of-type(1) {
        width: calc(58% - 2px);
        border-right: 2px #fff solid; }
      #content ul.section > li ul.image > li:nth-of-type(2) {
        width: 42%; }
      #content ul.section > li ul.image > li img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
  #content ul.section > li:nth-child(even) {
    background-color: #F4F1ED; }
  #content ul.section > li h4 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 26px;
    letter-spacing: .08em; }
    #content ul.section > li h4 span.sub {
      font-size: 18px;
      line-height: 1em;
      padding-left: 1em;
      margin-bottom: 1em;
      display: block;
      position: relative; }
      #content ul.section > li h4 span.sub::before {
        content: "";
        height: 21px;
        border-left: 4px solid #EB5C02;
        position: absolute;
        left: 0;
        top: 0; }
    #content ul.section > li h4 span.sub_orange {
      font-size: 16px;
      line-height: 1.1em;
      display: inline-block;
      color: #EB5C02;
      padding: 4px .8em;
      border: 1px solid #EB5C02;
      border-radius: 3px;
      vertical-align: bottom;
      margin-right: 1em; }
  #content ul.section > li p {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: 0.02em; }
  #content ul.section > li div.gm-ss {
    padding-top: .5em; }
    #content ul.section > li div.gm-ss ul.image2 {
      width: 100%;
      font-size: 0;
      padding: 0;
      margin: 0;
      letter-spacing: -.4em; }
      #content ul.section > li div.gm-ss ul.image2 > li {
        padding: 0;
        margin: 0;
        overflow: hidden;
        display: inline-block;
        height: 242px; }
        #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(1) {
          width: calc(40% - 2px);
          border-right: 2px #fff solid; }
        #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(2) {
          width: calc(30% - 1px);
          border-right: 2px #fff solid; }
        #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(3) {
          width: calc(30% - 1px); }
        #content ul.section > li div.gm-ss ul.image2 > li img {
          object-fit: cover;
          width: 100%;
          height: 100%; }

@media screen and (max-width: 970px) {
  #content .lead > div {
    position: relative; }
    #content .lead > div .title {
      text-align: center;
      width: 100%; }
      #content .lead > div .title h2 {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 36px;
        letter-spacing: .08em;
        color: #EB5C02;
        padding-bottom: 1em; }
        #content .lead > div .title h2 span {
          font-weight: 400;
          font-size: 28px;
          display: block;
          color: #432700;
          padding-bottom: .8em; }
    #content .lead > div .fiveImage {
      position: relative;
      display: block;
      right: inherit;
      top: inherit;
      text-align: center;
      padding-bottom: 30px; }
    #content .lead > div .caption {
      display: block;
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      font-size: 16px;
      letter-spacing: .02em;
      line-height: 34px; }
  #content ul.section > li {
    padding: 100px 0; }
    #content ul.section > li ul.image {
      width: 100%;
      font-size: 0;
      padding: 0;
      margin: 0;
      letter-spacing: -.4em; }
      #content ul.section > li ul.image > li {
        padding: 0;
        margin: 0;
        overflow: hidden;
        display: inline-block;
        height: 313px; }
        #content ul.section > li ul.image > li:nth-of-type(1) {
          width: calc(58% - 2px);
          border-right: 2px #fff solid; }
        #content ul.section > li ul.image > li:nth-of-type(2) {
          width: 42%; }
        #content ul.section > li ul.image > li img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
    #content ul.section > li:nth-child(even) {
      background-color: #F4F1ED; }
    #content ul.section > li h4 {
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 26px;
      letter-spacing: .08em; }
      #content ul.section > li h4 span.sub {
        font-size: 18px;
        line-height: 1em;
        padding-left: 1em;
        margin-bottom: 1em;
        display: block;
        position: relative; }
        #content ul.section > li h4 span.sub::before {
          content: "";
          height: 21px;
          border-left: 4px solid #EB5C02;
          position: absolute;
          left: 0;
          top: 0; }
      #content ul.section > li h4 span.sub_orange {
        font-size: 16px;
        line-height: 1.1em;
        display: inline-block;
        color: #EB5C02;
        padding: 4px .8em;
        border: 1px solid #EB5C02;
        border-radius: 3px;
        vertical-align: bottom;
        margin-right: 1em; }
    #content ul.section > li p {
      font-size: 16px;
      line-height: 34px;
      letter-spacing: 0.02em; }
    #content ul.section > li div.gm-ss {
      padding-top: .5em; }
      #content ul.section > li div.gm-ss ul.image2 {
        width: 100%;
        font-size: 0;
        padding: 0;
        margin: 0;
        letter-spacing: -.4em; }
        #content ul.section > li div.gm-ss ul.image2 > li {
          padding: 0;
          margin: 0;
          overflow: hidden;
          display: inline-block;
          height: 242px; }
          #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(1) {
            width: calc(40% - 2px);
            border-right: 2px #fff solid; }
          #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(2) {
            width: calc(30% - 1px);
            border-right: 2px #fff solid; }
          #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(3) {
            width: calc(30% - 1px); }
          #content ul.section > li div.gm-ss ul.image2 > li img {
            object-fit: cover;
            width: 100%;
            height: 100%; } }
@media screen and (max-width: 480px) {
  #content {
    width: 100vw; }
    #content .lead {
      width: 100%;
      background-color: #F4F1ED;
      padding: 30px 0 56px; }
      #content .lead > div {
        position: relative; }
        #content .lead > div .title {
          text-align: center;
          width: 100%; }
          #content .lead > div .title h2 {
            font-family: "Zen Kaku Gothic New", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 26px;
            letter-spacing: .08em;
            color: #EB5C02;
            padding-bottom: 1em; }
            #content .lead > div .title h2 span {
              font-weight: 400;
              font-size: 20px;
              display: block;
              color: #432700;
              padding-bottom: .8em; }
        #content .lead > div .fiveImage {
          position: relative;
          right: inherit;
          top: inherit;
          text-align: center; }
          #content .lead > div .fiveImage img {
            width: 255px;
            height: auto; }
        #content .lead > div .caption {
          width: 100%;
          font-size: 15px;
          letter-spacing: .018em;
          line-height: 25px;
          padding-top: 1em; }
    #content ul.section > li {
      padding: 26px 0; }
      #content ul.section > li div.centerTitle h3 {
        font-size: 24px;
        letter-spacing: 0; }
      #content ul.section > li div.centerTitle h4 {
        font-size: 21px;
        letter-spacing: .04em;
        line-height: 30px; }
        #content ul.section > li div.centerTitle h4 span.sub {
          font-size: 16px;
          letter-spacing: 0; }
      #content ul.section > li div.centerTitle p {
        font-size: 15px;
        letter-spacing: 0.018em;
        line-height: 25px; }
      #content ul.section > li ul.image {
        width: 100%;
        font-size: 0;
        padding: 0;
        margin: 0;
        letter-spacing: -.4em; }
        #content ul.section > li ul.image > li {
          padding: 0;
          margin: 0;
          overflow: hidden;
          display: inline-block;
          height: 130px; }
          #content ul.section > li ul.image > li:nth-of-type(1) {
            width: calc(58% - 2px);
            border-right: 2px #fff solid; }
          #content ul.section > li ul.image > li:nth-of-type(2) {
            width: 42%; }
          #content ul.section > li ul.image > li img {
            object-fit: cover;
            width: 100%;
            height: 100%; }
      #content ul.section > li:nth-child(even) {
        background-color: #F4F1ED; }
      #content ul.section > li h4 {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 24px;
        letter-spacing: .08em; }
        #content ul.section > li h4 span.sub {
          font-size: 18px;
          line-height: 24px;
          padding-left: 1em;
          margin-bottom: 1em;
          display: block;
          position: relative; }
        #content ul.section > li h4 span.sub_orange {
          font-size: 16px;
          line-height: 1.1em;
          display: inline-block;
          color: #EB5C02;
          padding: 4px .8em;
          border: 1px solid #EB5C02;
          border-radius: 3px;
          vertical-align: bottom;
          margin-right: 1em; }
      #content ul.section > li p {
        font-size: 16px;
        line-height: 34px;
        letter-spacing: 0.02em; }
      #content ul.section > li div.gm-ss {
        padding-top: .5em; }
        #content ul.section > li div.gm-ss h4 span {
          font-size: 15px;
          display: block;
          width: 220px;
          height: 38px;
          line-height: 38px;
          text-align: center;
          padding: 0;
          margin-bottom: 17px; }
        #content ul.section > li div.gm-ss ul.image2 {
          width: 100%;
          font-size: 0;
          padding: 0;
          margin: 0;
          letter-spacing: -.4em; }
          #content ul.section > li div.gm-ss ul.image2 > li {
            padding: 0;
            margin: 0;
            overflow: hidden;
            display: inline-block;
            height: 242px; }
            #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(1) {
              width: 100%;
              height: 140px;
              border-right: 2px #fff solid; }
            #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(2) {
              width: calc(50% - 1px);
              height: 106px;
              border-right: 2px #fff solid; }
            #content ul.section > li div.gm-ss ul.image2 > li:nth-of-type(3) {
              width: calc(50% - 1px);
              height: 106px; }
            #content ul.section > li div.gm-ss ul.image2 > li img {
              object-fit: cover;
              width: 100%;
              height: 100%; } }
#interview .head {
  padding: 75px 0; }
  #interview .head .midashi {
    color: #EB5C02;
    font-size: 14px;
    border: 1px solid #EB5C02;
    display: inline-block;
    font-weight: 500;
    padding: .4em 1em;
    border-radius: 4px;
    margin-bottom: 54px; }
  #interview .head h2 {
    border-bottom: none;
    padding: 0 0 1em .6em;
    line-height: 40px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 28px;
    letter-spacing: .08em;
    position: relative; }
    #interview .head h2::before {
      content: "";
      position: absolute;
      top: .4em;
      left: 0;
      height: 22px;
      border-left: 6px solid #EB5C02; }
    #interview .head h2::after {
      content: none; }
  #interview .head div.mainimage {
    width: 100%;
    height: 384px;
    overflow: hidden;
    margin-bottom: 2em; }
  #interview .head div.caption div.section_name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    background-color: #F4F1ED;
    padding: 1em;
    font-weight: 500;
    border-radius: 4px; }
  #interview .head div.caption div.name {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2em; }
    #interview .head div.caption div.name p {
      padding: 0;
      margin: 0; }
      #interview .head div.caption div.name p:nth-of-type(1) {
        font-size: 24px;
        line-height: 1em;
        font-weight: 400;
        letter-spacing: .2em; }
      #interview .head div.caption div.name p:nth-of-type(2) {
        font-size: 15px;
        line-height: 2em;
        font-weight: 500; }
    #interview .head div.caption div.name:nth-of-type(3) {
      border-left: #ddd solid 1px; }
#interview .body h4 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  padding-top: 2em; }
  #interview .body h4 strong {
    font-size: 24px;
    font-weight: 700;
    color: #EB5C02;
    padding-right: .8em; }
#interview .body p {
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 34px; }
  #interview .body p strong {
    font-weight: 500;
    color: #EB5C02; }
#interview .body .q1, #interview .body .q2, #interview .body .q3, #interview .body .q4 {
  width: 500px; }
#interview .body .q3, #interview .body .q4 {
  padding-left: calc( 100% - 500px ); }
#interview .body .block {
  position: relative;
  padding-bottom: 3em; }
  #interview .body .block .photo1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 382px;
    height: 521px;
    overflow: hidden; }
  #interview .body .block .photo3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 382px;
    height: 521px;
    overflow: hidden; }
#interview .body .photo2, #interview .body .photo4 {
  height: 384px;
  margin: 2em 0; }
#interview img {
  object-fit: cover;
  width: 100%;
  height: 100%; }
#interview .movie {
  padding: 100px 0 120px; }
  #interview .movie p {
    text-align: center;
    font-size: 16px;
    letter-spacing: .02em;
    padding: 0;
    margin: -1.5em 0 3em; }
  #interview .movie iframe {
    max-width: 880px;
    width: 90%;
    height: 494px;
    margin: 0 auto;
    display: block; }
#interview .interviewList {
  width: 100%;
  background-color: #F4F1ED;
  padding: 60px 0 120px;
  margin: 0; }

@media screen and (max-width: 480px) {
  #interview .head {
    padding: 40px 0; }
    #interview .head .midashi {
      color: #EB5C02;
      font-size: 14px;
      border: 1px solid #EB5C02;
      display: inline-block;
      font-weight: 500;
      padding: .8em 1em;
      border-radius: 4px;
      margin-bottom: 1.2em; }
    #interview .head h2 {
      border-bottom: none;
      padding: 0 0 1em 1em;
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 21px;
      line-height: 30px;
      letter-spacing: .08em;
      position: relative; }
      #interview .head h2::before {
        content: "";
        position: absolute;
        top: .4em;
        left: 0;
        height: 22px;
        border-left: 6px solid #EB5C02; }
      #interview .head h2::after {
        content: none; }
    #interview .head div.mainimage {
      width: 100%;
      height: 180px;
      overflow: hidden;
      margin-bottom: 1em; }
    #interview .head div.caption div.section_name {
      display: inline-block;
      vertical-align: middle;
      font-size: 15px;
      background-color: #F4F1ED;
      padding: .8em 1em;
      font-weight: 500;
      border-radius: 4px; }
    #interview .head div.caption div.name {
      display: block;
      vertical-align: middle;
      padding: 1em 0; }
      #interview .head div.caption div.name p {
        padding: 0;
        margin: 0;
        display: inline-block; }
        #interview .head div.caption div.name p:nth-of-type(1) {
          font-size: 22px;
          line-height: 1em;
          font-weight: 400;
          letter-spacing: .2em; }
        #interview .head div.caption div.name p:nth-of-type(2) {
          font-size: 14px;
          line-height: 2em;
          font-weight: 500;
          letter-spacing: .08em; }
      #interview .head div.caption div.name:nth-of-type(2) {
        padding: 1em 0 0; }
      #interview .head div.caption div.name:nth-of-type(3) {
        padding: .5em 0;
        border-left: none; }
  #interview .body h4 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    padding-top: 2em; }
    #interview .body h4 strong {
      font-size: 21px;
      font-weight: 700;
      color: #EB5C02;
      padding-right: .8em; }
  #interview .body p {
    font-size: 15px;
    letter-spacing: 0.018em;
    line-height: 25px; }
    #interview .body p strong {
      font-weight: 500;
      color: #EB5C02; }
  #interview .body .q1, #interview .body .q2, #interview .body .q3, #interview .body .q4 {
    width: 100%; }
  #interview .body .q3, #interview .body .q4 {
    padding-left: 0; }
  #interview .body .block {
    position: relative;
    padding-bottom: 3em; }
    #interview .body .block .photo1 {
      position: relative;
      top: inherit;
      right: inherit;
      width: 100%;
      height: 150px;
      overflow: hidden; }
      #interview .body .block .photo1 img {
        object-position: 0px -5px; }
    #interview .body .block .photo3 {
      position: relative;
      top: inherit;
      left: inherit;
      width: 100%;
      height: 150px;
      overflow: hidden; }
      #interview .body .block .photo3 img {
        object-position: 0px -5px; }
  #interview .body .photo2, #interview .body .photo4 {
    height: 150px;
    margin: 2em 0; }
  #interview img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  #interview .movie {
    padding: 50px 0 60px; }
    #interview .movie p {
      text-align: center;
      font-size: 16px;
      letter-spacing: .02em;
      padding: 0;
      margin: -1.5em 0 3em; }
    #interview .movie iframe {
      max-width: 880px;
      width: 90%;
      height: auto;
      margin: 0 auto;
      display: block; }
  #interview div.centerTitle h3 {
    font-size: 24px;
    letter-spacing: .12em;
    line-height: 1.8em;
    margin-bottom: 2.5em; }
  #interview .interviewList {
    width: 100%;
    background-color: #F4F1ED;
    padding: 60px 0 120px;
    margin: 0; } }
#recruit .recruit_read {
  padding: 3em 0; }
  #recruit .recruit_read p {
    width: 90%;
    max-width: 848px;
    letter-spacing: .04em;
    font-size: 16px;
    line-height: 35px;
    margin: 0 auto; }
#recruit .interview {
  padding: 54px 0 100px; }
  #recruit .interview h3 span {
    display: block;
    font-size: 14px;
    letter-spacing: .12em;
    font-weight: 500;
    color: #EB5C02;
    margin-top: -1em; }
  #recruit .interview h3::after {
    content: none; }
#recruit .points {
  padding: 54px 0 100px; }
  #recruit .points table {
    border-collapse: collapse;
    border-top: 1px solid #76716F; }
    #recruit .points table tr td {
      border-bottom: 1px solid #76716F; }
      #recruit .points table tr td.td1 {
        font-size: 16px;
        background-color: #F4F1ED;
        width: calc(197px - 2.5em);
        padding: 0 1.25em;
        font-weight: 500; }
      #recruit .points table tr td.td2 {
        font-size: 15px;
        line-height: 2em;
        padding: 0 1.25em; }
        #recruit .points table tr td.td2 p a {
          text-decoration: underline; }
          #recruit .points table tr td.td2 p a:hover {
            opacity: .5; }
  #recruit .points p.non {
    text-align: center; }

@media screen and (max-width: 600px) {
  #recruit .recruit_read {
    padding: 3em 0; }
    #recruit .recruit_read p {
      width: 90%;
      max-width: 848px;
      letter-spacing: .018em;
      font-size: 15px;
      line-height: 25px;
      margin: 0 auto; }
  #recruit .interview {
    padding: 54px 0 100px; }
    #recruit .interview h3 span {
      display: block;
      font-size: 14px;
      letter-spacing: .12em;
      font-weight: 500;
      color: #EB5C02;
      margin-top: -1em; }
    #recruit .interview h3::after {
      content: none; }
  #recruit .points {
    padding: 54px 0 100px;
    margin: 0;
    width: 100%; }
    #recruit .points table {
      border-collapse: collapse;
      width: 100%;
      border-top: 1px solid #76716F; }
      #recruit .points table tr td {
        display: block;
        border-bottom: 1px solid #76716F; }
        #recruit .points table tr td.td1 {
          font-size: 16px;
          background-color: #F4F1ED;
          width: calc(100% - 2em);
          padding: .3em 1em;
          font-weight: 500; }
          #recruit .points table tr td.td1 p {
            padding: 0; }
        #recruit .points table tr td.td2 {
          font-size: 15px;
          line-height: 2em;
          padding: 0 1.25em 1em; }
    #recruit .points p.non {
      text-align: center; }
  #recruit div.interviewList {
    margin: 0;
    width: 100%; }
    #recruit div.interviewList ul {
      font-size: 0;
      letter-spacing: -.4em;
      width: 100%; }
      #recruit div.interviewList ul li {
        max-width: 100%;
        width: 100%;
        overflow-x: hidden;
        display: inline-block;
        padding-bottom: 40px;
        vertical-align: top; }
        #recruit div.interviewList ul li:nth-of-type(odd) {
          padding-right: 0; }
        #recruit div.interviewList ul li:nth-of-type(even) {
          padding-left: 0; }
        #recruit div.interviewList ul li a {
          color: #432700; }
          #recruit div.interviewList ul li a .mainimage {
            width: 100%;
            height: 50vw; }
            #recruit div.interviewList ul li a .mainimage img {
              object-fit: cover;
              width: 100%;
              height: 100%; }
          #recruit div.interviewList ul li a .caption {
            width: 100%;
            background-color: #EACDB0;
            font-weight: 400;
            padding-bottom: 0;
            position: relative; }
            #recruit div.interviewList ul li a .caption .section_name {
              background-color: #E5B381;
              font-size: 14px;
              line-height: 1em;
              padding: .5em 2em;
              margin-bottom: 18px; }
            #recruit div.interviewList ul li a .caption .name {
              display: inline-block !important;
              width: 49%; }
              #recruit div.interviewList ul li a .caption .name p {
                display: block;
                line-height: 1em; }
                #recruit div.interviewList ul li a .caption .name p:nth-of-type(1) {
                  font-size: 16px;
                  letter-spacing: 0.2em;
                  padding: 0 1em 0;
                  margin: 0; }
                #recruit div.interviewList ul li a .caption .name p:nth-of-type(2) {
                  font-size: 12px;
                  letter-spacing: 0.1em;
                  padding: .3em 1.4em 1.25em;
                  margin: 0; }
              #recruit div.interviewList ul li a .caption .name.name2 {
                position: relative; }
                #recruit div.interviewList ul li a .caption .name.name2::before {
                  content: "";
                  position: absolute;
                  left: 0;
                  top: 0;
                  height: 37px;
                  border-left: 1px solid #E5B381; }
            #recruit div.interviewList ul li a .caption::after {
              content: "";
              position: absolute; }
          #recruit div.interviewList ul li a:hover {
            opacity: .8; } }
#lineup {
  padding-bottom: 140px; }
  #lineup div.lead {
    padding: 54px 0; }
    #lineup div.lead p {
      color: #76716F;
      font-size: 16px;
      font-weight: 400;
      text-align: center;
      line-height: 34px;
      letter-spacing: .04em; }

@media screen and (max-width: 480px) {
  #lineup {
    padding-bottom: 73px; }
    #lineup div.lead {
      padding: 32px 0; }
      #lineup div.lead p {
        color: #76716F;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        line-height: 25px;
        letter-spacing: .018em; }
    #lineup div.lineuplist ul {
      letter-spacing: -.4em; }
      #lineup div.lineuplist ul li {
        display: block;
        vertical-align: top;
        max-width: 100%;
        width: 100%;
        max-height: 432px;
        padding-bottom: 40px !important; }
        #lineup div.lineuplist ul li a {
          color: #432700;
          padding: 0; }
          #lineup div.lineuplist ul li a div.ll_photo {
            height: 152px;
            position: relative; }
            #lineup div.lineuplist ul li a div.ll_photo img {
              object-fit: cover;
              width: 100%;
              height: 100%; }
            #lineup div.lineuplist ul li a div.ll_photo::after {
              content: "";
              width: 33px;
              height: 33px;
              background-image: url("../img/lineuplist-linkbut.png");
              background-size: cover;
              position: absolute;
              bottom: 0;
              right: 0; }
          #lineup div.lineuplist ul li a div.ll_caption {
            padding: 0 1em;
            margin: 0;
            height: 153px;
            background: #F4F1ED; }
            #lineup div.lineuplist ul li a div.ll_caption h3 {
              font-size: 21px;
              font-weight: 400;
              letter-spacing: .2em;
              padding: 1em 0 .3em;
              margin: 0 0 .7em;
              text-align: center;
              position: relative; }
              #lineup div.lineuplist ul li a div.ll_caption h3::after {
                content: '';
                position: absolute;
                left: calc( 50% - 0.1em);
                bottom: -5px;
                display: inline-block;
                width: 52px;
                height: 2px;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                background-color: #EB5C02; }
            #lineup div.lineuplist ul li a div.ll_caption p {
              font-size: 14px;
              letter-spacing: 0;
              line-height: 23px;
              max-width: 100%;
              width: 100%;
              margin: 0 auto; }
          #lineup div.lineuplist ul li a:hover {
            opacity: 0.8; }
        #lineup div.lineuplist ul li:nth-of-type(odd) {
          padding-right: 0; }
        #lineup div.lineuplist ul li:nth-of-type(even) {
          padding-left: 0; } }
#lineup-cat .head {
  padding: 1em 0;
  background-color: #F4F1ED; }
  #lineup-cat .head h2 {
    font-size: 30px;
    letter-spacing: .16em;
    font-weight: 500;
    text-align: center;
    position: relative; }
    #lineup-cat .head h2:after {
      content: '';
      position: absolute;
      left: calc( 50% - 0.1em);
      bottom: -10px;
      display: inline-block;
      width: 62px;
      height: 2px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #EB5C02; }
  #lineup-cat .head p {
    max-width: 848px;
    width: 90%;
    margin: 0 auto;
    padding: 3em 0;
    font-size: 16px;
    line-height: 34px;
    letter-spacing: .02em; }
#lineup-cat ul {
  padding-top: 120px; }
  #lineup-cat ul li {
    padding-bottom: 80px; }
    #lineup-cat ul li .logo {
      width: 220px;
      height: 210px;
      border: 1px #ddd solid;
      display: inline-block;
      vertical-align: top; }
      #lineup-cat ul li .logo img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
      #lineup-cat ul li .logo span {
        display: block;
        width: 100%;
        height: 40%;
        padding-top: 60%;
        background: url("../img/pc_bg.png") center center/220px 210px no-repeat #f4f1ed;
        text-align: center;
        font-size: 12px; }
    #lineup-cat ul li .caption {
      display: inline-block;
      width: calc( 100% - 250px);
      padding-left: 20px; }
      #lineup-cat ul li .caption h2 {
        font-size: 22px;
        letter-spacing: .04em;
        font-weight: 500;
        padding: 0 0 0 .8em;
        border-left: 6px solid #EB5C02; }
      #lineup-cat ul li .caption p {
        font-size: 16px;
        letter-spacing: .02em;
        line-height: 34px;
        padding: 1em 0 0;
        border-top: 1px solid #ddd; }
    #lineup-cat ul li .toggle {
      display: none; }
#lineup-cat .lineuplist ul {
  padding: 0 0 140px; }

@media screen and (max-width: 480px) {
  #lineup-cat .head h2 {
    font-size: 24px;
    margin-bottom: 1em; }
  #lineup-cat .head p {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.018em; }
  #lineup-cat ul {
    padding-top: 64px; }
    #lineup-cat ul li {
      position: relative;
      padding-top: 30px;
      padding-bottom: 0; }
      #lineup-cat ul li .logo {
        width: 100%;
        height: 0;
        border: none;
        display: block;
        vertical-align: top;
        text-align: center;
        transition: all 0.3s;
        overflow-y: hidden;
        margin-top: 0; }
        #lineup-cat ul li .logo img {
          width: auto;
          height: 180px; }
        #lineup-cat ul li .logo span {
          display: block;
          width: 100%;
          height: 65%;
          padding-top: 35%;
          background: url("../img/pc_bg.png") center 10%/220px 210px no-repeat #f4f1ed;
          text-align: center;
          font-size: 12px; }
      #lineup-cat ul li .toggle:checked + .logo {
        height: 180px;
        border: 1px #ddd solid;
        margin-top: 20px; }
      #lineup-cat ul li .caption {
        display: block;
        width: 100%;
        padding-left: 0px;
        margin: 0 auto; }
        #lineup-cat ul li .caption h2 {
          position: absolute;
          top: 0;
          width: 100%;
          font-size: 18px;
          letter-spacing: .04em;
          font-weight: 500;
          padding: 0 0 0 .6em;
          border-left: 6px solid #EB5C02; }
          #lineup-cat ul li .caption h2::after {
            content: "";
            width: calc(90% + .8em);
            border-bottom: 1px solid #ddd;
            position: absolute;
            left: -.4em;
            bottom: -.5em; }
          #lineup-cat ul li .caption h2::before {
            /*タイトル横の矢印*/
            content: "＋";
            font-size: 14px;
            color: #707070;
            position: absolute;
            top: calc( 50% - 7px );
            right: 30px;
            transform: rotate(90deg);
            transition: all 0.3s ease-in-out; }
        #lineup-cat ul li .caption p {
          height: 0;
          overflow-y: hidden;
          font-size: .9em;
          letter-spacing: .018em;
          line-height: 25px;
          padding: 0;
          border-top: none;
          transition: all 0.3s; }
      #lineup-cat ul li .toggle:checked ~ .caption h2::before {
        /*タイトル横の矢印*/
        content: "ー";
        transform: rotate(180deg); }
      #lineup-cat ul li .toggle:checked ~ .caption p {
        height: auto;
        padding: .6em 0 50px; }
  #lineup-cat div.lineuplist h2 {
    margin-bottom: 30px; }
  #lineup-cat div.lineuplist ul {
    padding: 0; }
    #lineup-cat div.lineuplist ul li {
      padding: 0 0 1em;
      max-width: 470px;
      width: calc( 50% - 8px);
      max-height: 432px;
      padding-bottom: 40px !important; }
      #lineup-cat div.lineuplist ul li a {
        color: #432700;
        padding: 0; }
        #lineup-cat div.lineuplist ul li a div.ll_photo {
          height: 108px; }
          #lineup-cat div.lineuplist ul li a div.ll_photo::after {
            content: none; }
        #lineup-cat div.lineuplist ul li a div.ll_caption {
          padding: 0 1em;
          margin: 0;
          height: 64px; }
          #lineup-cat div.lineuplist ul li a div.ll_caption h3 {
            font-size: 17px;
            letter-spacing: .2em;
            padding: 1em 0 .3em;
            margin: 0 0 .7em;
            font-weight: 500; }
            #lineup-cat div.lineuplist ul li a div.ll_caption h3::after {
              content: '';
              position: absolute;
              left: calc( 50% - 0.1em);
              bottom: -5px;
              display: inline-block;
              width: 24px;
              height: 1px; }
          #lineup-cat div.lineuplist ul li a div.ll_caption p {
            display: none; }
        #lineup-cat div.lineuplist ul li a:hover {
          opacity: 0.8; }
      #lineup-cat div.lineuplist ul li:nth-of-type(odd) {
        padding-right: 7px; }
      #lineup-cat div.lineuplist ul li:nth-of-type(even) {
        padding-left: 7px; }
      #lineup-cat div.lineuplist ul li:nth-of-type(4) a div.ll_caption h3 {
        letter-spacing: .02em; } }
#others {
  padding: 100px 0 150px; }
  #others .inside h2 {
    padding: 2em 0 1em;
    letter-spacing: .08em;
    line-height: 38px;
    font-size: 32px; }
  #others .inside h3 {
    padding: 2em 0 1em;
    letter-spacing: .08em;
    line-height: 28px;
    font-size: 24px; }
  #others .inside p {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: .02em;
    font-weight: 400; }