/*====================================

	----------------------------------
		Structure
	----------------------------------

	#culture
		.desc
		.detail
			.culture
====================================*/
/* ==========================================================================
	.book
========================================================================== */
#contents_body #culture {
  /*
  	.desc
  ========================================================================== */
  /*
  	.detail
  ========================================================================== */ }
  #contents_body .gold {
    color: #9b7d2e; }

  #contents_body #culture .desc {
    text-align: center;
    background-color: #eeeeee; }
    @media only screen and (max-width: 767px) {
      #contents_body #culture .desc_ttl {
        padding-top: 10.9375vw; } }
    @media only screen and (min-width: 768px) {
      #contents_body #culture .desc_ttl {
        padding-top: 91px; } }
    @media only screen and (max-width: 767px) {
      #contents_body #culture .desc_ttl img {
        width: 64.6875vw; } }
    #contents_body #culture .desc_intro {
      letter-spacing: .05rem; }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .desc_intro {
          margin-top: 6vw;
          padding: 0 12.5vw;
          font-size: 3.75vw;
          line-height: 2;
          text-align: justify;
          font-feature-settings: "palt"; } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .desc_intro {
          margin-top: 41px;
          font-size: 20px;
          line-height: 2.1; } }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .desc_intro br {
          display: none; } }
  #contents_body #culture .detail {
    background-color: #eeeeee;
    /*
    .culture
    ========================================================================== */ }
    #contents_body #culture .detail .culture {
      text-align: justify; }
      #contents_body #culture .detail .culture_ttl {
        text-align: center;
        line-height: 1;
        letter-spacing: .09rem; }
        @media only screen and (max-width: 767px) {
          #contents_body #culture .detail .culture_ttl {
            padding-top: 10.5vw;
            font-size: 2.26vw; } }
        @media only screen and (min-width: 768px) {
          #contents_body #culture .detail .culture_ttl {
            padding-top: 92px;
            font-size: 17px; } }
        #contents_body #culture .detail .culture_ttl span {
          position: relative;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            #contents_body #culture .detail .culture_ttl span {
              padding-bottom: 4.375vw; } }
          @media only screen and (min-width: 768px) {
            #contents_body #culture .detail .culture_ttl span {
              padding-bottom: 35px; } }
          #contents_body #culture .detail .culture_ttl span::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            display: block;
            transform: translateX(-50%);
            background-color: #a7965c; }
            @media only screen and (max-width: 767px) {
              #contents_body #culture .detail .culture_ttl span::after {
                width: 1px;
                height: 3.125vw; } }
            @media only screen and (min-width: 768px) {
              #contents_body #culture .detail .culture_ttl span::after {
                width: 1px;
                height: 25px; } }
          @media only screen and (max-width: 767px) {
            #contents_body #culture .detail .culture_ttl span img {
              width: 14vw; } }
        @media only screen and (max-width: 767px) {
          #contents_body #culture .detail .culture_ttl > img {
            width: 63.7333vw;
            padding: 2.1875vw 0; } }
        @media only screen and (min-width: 768px) {
          #contents_body #culture .detail .culture_ttl > img {
            padding: 17px 0; } }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .detail .culture_keyvisual {
          padding-top: 4.6875vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .detail .culture_keyvisual {
          padding-top: 40px; } }
      #contents_body #culture .detail .culture_keyvisual img {
        width: 100%; }
      #contents_body #culture .detail .culture_txt {
        letter-spacing: .05rem; }
        @media only screen and (max-width: 767px) {
          #contents_body #culture .detail .culture_txt {
            margin-top: 7.6vw;
            font-feature-settings: "palt";
            font-size: 3.75vw;
            line-height: 2; } }
        @media only screen and (min-width: 768px) {
          #contents_body #culture .detail .culture_txt {
            margin-top: 43px;
            padding: 0 98px;
            font-size: 20px;
            line-height: 2.1; } }
        @media only screen and (max-width: 767px) {
          #contents_body #culture .detail .culture_txt:first-child {
            margin-top: 10.5vw; } }
        @media only screen and (min-width: 768px) {
          #contents_body #culture .detail .culture_txt:first-child {
            margin-top: 70px; } }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .detail .culture_imglist {
          margin-top: 7.5vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .detail .culture_imglist {
          display: flex;
          justify-content: space-between;
          padding: 67px 100px 27px; } }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .detail .culture_imglist.-col1 {
          } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .detail .culture_imglist.-col1 {
          display: block;
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .detail .culture_imgitem:not(:first-child) {
          margin-top: 3vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .detail .culture_imgitem:not(:first-child) {
          margin-left: 8px; } }
/*
      #contents_body #culture .detail .culture_imgitem img {
        width: 100%; }
*/
      @media only screen and (max-width: 767px) {
        #contents_body #culture .detail .culture .culture_profile {
          padding: 20vw 10.9375vw 10.3125vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .detail .culture .culture_profile {
          display: flex;
          justify-content: center;
          padding: 135px 60px 0 120px; } }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .detail .culture .culture_profile_txtwrap {
          margin-top: 5vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .detail .culture .culture_profile_txtwrap {
          margin-right: 84px;
          margin-left: 42px;
          padding-top: 15px; } }
      #contents_body #culture .detail .culture .culture_profile_name {
        letter-spacing: .13rem; }
        @media only screen and (max-width: 767px) {
          #contents_body #culture .detail .culture .culture_profile_name {
            font-size: 4.0625vw; } }
        @media only screen and (min-width: 768px) {
          #contents_body #culture .detail .culture .culture_profile_name {
            font-size: 23px; } }
        #contents_body #culture .detail .culture .culture_profile_name img {
          vertical-align: top; }
          @media only screen and (max-width: 767px) {
            #contents_body #culture .detail .culture .culture_profile_name img {
              width: 30.6666vw; } }
        #contents_body #culture .detail .culture .culture_profile_name_en {
          display: inline-block;
          font-size: 10px;
          line-height: 1; }
          @media only screen and (max-width: 767px) {
            #contents_body #culture .detail .culture .culture_profile_name_en {
              margin-top: 0.5vw; } }
          @media only screen and (min-width: 768px) {
            #contents_body #culture .detail .culture .culture_profile_name_en {
              margin-top: 14px; } }
      #contents_body #culture .detail .culture .culture_profile_position {
        display: inline-block;
        vertical-align: top; }
        @media only screen and (max-width: 767px) {
          #contents_body #culture .detail .culture .culture_profile_position {
            margin-bottom: 2vw;
            font-size: 4vw;
            letter-spacing: .03rem; } }
        @media only screen and (min-width: 768px) {
          #contents_body #culture .detail .culture .culture_profile_position {
            margin-bottom: 0;
            font-size: 23px;
            letter-spacing: .03rem; } }
      @media only screen and (max-width: 767px) {
        #contents_body #culture .detail .culture .culture_profile_txt {
          margin-top: 2.4vw;
          font-size: 3.125vw;
          line-height: 1.8;
          letter-spacing: -0.07em; } }
      @media only screen and (min-width: 768px) {
        #contents_body #culture .detail .culture .culture_profile_txt {
          margin-top: 24px;
          font-size: 14px;
          line-height: 2;
          letter-spacing: 0rem; } }
      #contents_body #culture .detail .culture .culture_profile_txt a {
        color: #000;
        text-decoration: none; }


    @media only screen and (max-width: 767px) {
      #contents_body #culture .detail .culture_7 {
        margin-top: 17vw; }}


#footer {
  margin-top: 0;
  background-color: #eeeeee; }

/*# sourceMappingURL=culture.css.map */