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

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

	#otonadokusho
		.desc
		.detail
			.report
====================================*/
/* ==========================================================================
	.book
========================================================================== */
#contents_body #otonadokusho {
  /*
  	.desc
  ========================================================================== */
  /*
  	.detail
  ========================================================================== */ }
  #contents_body #otonadokusho .desc {
    text-align: center;
    background-color: #FAFAF8; }
    @media only screen and (max-width: 767px) {
      #contents_body #otonadokusho .desc_ttl {
        padding-top: 6.25vw; } }
    @media only screen and (min-width: 768px) {
      #contents_body #otonadokusho .desc_ttl {
        padding-top: 40px; } }
    @media only screen and (max-width: 767px) {
      #contents_body #otonadokusho .desc_ttl img {
        width: 82.5vw; } }
    #contents_body #otonadokusho .desc_intro {
      letter-spacing: .05rem; }
      @media only screen and (max-width: 767px) {
        #contents_body #otonadokusho .desc_intro {
          margin-top: 13.28125vw;
          padding: 0 6.25vw;
          font-size: 3.75vw;
          line-height: 2;
          text-align: justify; } }
      @media only screen and (min-width: 768px) {
        #contents_body #otonadokusho .desc_intro {
          margin-top: 53px;
          font-size: 20px;
          line-height: 2.1; } }
      @media only screen and (max-width: 767px) {
        #contents_body #otonadokusho .desc_intro br {
          display: none; } }
      #contents_body #otonadokusho .desc_intro a {
        position: relative;
        display: inline-block;
        color: #000000;
        text-decoration: none; }
        #contents_body #otonadokusho .desc_intro a::after {
          content: '';
          position: absolute;
          left: 50%;
          display: block;
          width: 90%;
          height: 1px;
          background-color: #000000;
          transform: translateX(-50%); }
          @media only screen and (max-width: 767px) {
            #contents_body #otonadokusho .desc_intro a::after {
              bottom: 1.25vw; } }
          @media only screen and (min-width: 768px) {
            #contents_body #otonadokusho .desc_intro a::after {
              bottom: 8px; } }
        @media only screen and (min-width: 768px) {
          #contents_body #otonadokusho .desc_intro a:hover {
            transition: all 0.17s cubic-bezier(0.21, 0.51, 0.51, 1);
            opacity: .7; } }
    #contents_body #otonadokusho .desc_book {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 45px 0 0; }
      @media only screen and (max-width: 767px) {
        #contents_body #otonadokusho .desc_book {
          display: block;
          margin: 10vw 0 0; } }
      #contents_body #otonadokusho .desc_book figure {
        width: 370px; }
        @media only screen and (max-width: 767px) {
          #contents_body #otonadokusho .desc_book figure {
            margin: 0 auto;
            width: 59.53125vw; } }
        #contents_body #otonadokusho .desc_book figure img {
          max-width: 100%; }
      #contents_body #otonadokusho .desc_book dl {
        margin: 0 0 0 40px;
        text-align: left;
        font-feature-settings: "palt"; }
        @media only screen and (max-width: 767px) {
          #contents_body #otonadokusho .desc_book dl {
            margin: 4.8vw 0 0;
            text-align: center; } }
        @media only screen and (min-width: 768px) {
          #contents_body #otonadokusho .desc_book dl {
            width: 300px; } }
        #contents_body #otonadokusho .desc_book dl dt {
          letter-spacing: 0.1rem; }
          @media only screen and (max-width: 767px) {
            #contents_body #otonadokusho .desc_book dl dt {
              font-size: 3.4375vw;
              line-height: 1; } }
        #contents_body #otonadokusho .desc_book dl dd {
          letter-spacing: 0.05rem; }
          @media only screen and (max-width: 767px) {
            #contents_body #otonadokusho .desc_book dl dd {
              padding-top: 1.6vw;
              line-height: 1; } }
    @media only screen and (max-width: 767px) {
      #contents_body #otonadokusho .desc_note {
        position: relative;
        width: 75.2vw;
        margin: 7.5vw auto 0;
        padding: 0;
        font-size: 3.125vw;
        line-height: 1.5 !important;
        text-indent: 0 !important;
        text-align: left; }
        #contents_body #otonadokusho .desc_note br {
          display: none; } }
    @media only screen and (min-width: 768px) {


    }
  #contents_body #otonadokusho .detail {
    background-color: #FAFAF8;
    /*
    .report
    ========================================================================== */ }
    #contents_body #otonadokusho .detail .report {
      text-align: justify; }
      @media only screen and (max-width: 767px) {
        #contents_body #otonadokusho .detail .report {
          padding: 8.5vw 6.25vw 8.9vw;
          background: url(../images/bg_sp.png) center 0 no-repeat;
          background-size: 100% auto; } }
      @media only screen and (min-width: 768px) {
        #contents_body #otonadokusho .detail .report {
          padding: 60px 56px 54px;
          background: url(../images/bg.png) center 0 no-repeat;
          background-size: 926px 1820px; } }
      #contents_body #otonadokusho .detail .report_txt {
        letter-spacing: .05rem; }
        @media only screen and (max-width: 767px) {
          #contents_body #otonadokusho .detail .report_txt {
            font-feature-settings: "palt";
            font-size: 3.75vw;
            line-height: 2; } }
        @media only screen and (min-width: 768px) {
          #contents_body #otonadokusho .detail .report_txt {
            padding: 0 40px;
            font-size: 24px;
            line-height: 2; } }
      @media only screen and (max-width: 767px) {
        #contents_body #otonadokusho .detail .report .report_profile {
          padding: 10.9375vw 4.6875vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body #otonadokusho .detail .report .report_profile {
          display: flex;
          justify-content: center;
          padding: 80px; } }
      @media only screen and (max-width: 767px) {
        #contents_body #otonadokusho .detail .report .report_profile_txtwrap {
          margin-top: 3.125vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body #otonadokusho .detail .report .report_profile_txtwrap {
          margin-left: 30px; } }
      #contents_body #otonadokusho .detail .report .report_profile_name {
        letter-spacing: .13rem; }
        @media only screen and (max-width: 767px) {
          #contents_body #otonadokusho .detail .report .report_profile_name {
            font-size: 4.0625vw; } }
        @media only screen and (min-width: 768px) {
          #contents_body #otonadokusho .detail .report .report_profile_name {
            font-size: 23px; } }
        #contents_body #otonadokusho .detail .report .report_profile_name img {
          vertical-align: top; }
          @media only screen and (max-width: 767px) {
            #contents_body #otonadokusho .detail .report .report_profile_name img {
              width: 22.8125vw; } }
        #contents_body #otonadokusho .detail .report .report_profile_name_en {
          display: inline-block;
          font-size: 10px;
          line-height: 1; }
          @media only screen and (max-width: 767px) {
            #contents_body #otonadokusho .detail .report .report_profile_name_en {
              margin-top: 1.5625vw; } }
          @media only screen and (min-width: 768px) {
            #contents_body #otonadokusho .detail .report .report_profile_name_en {
              margin-top: 10px; } }
      #contents_body #otonadokusho .detail .report .report_profile_position {
        display: inline-block;
        vertical-align: top;
        letter-spacing: .3rem; }
        @media only screen and (max-width: 767px) {
          #contents_body #otonadokusho .detail .report .report_profile_position {
            margin-bottom: 1.5625vw;
            font-size: 2.1875vw; } }
        @media only screen and (min-width: 768px) {
          #contents_body #otonadokusho .detail .report .report_profile_position {
            margin-bottom: 10px;
            font-size: 12px; } }
      @media only screen and (max-width: 767px) {
        #contents_body #otonadokusho .detail .report .report_profile_txt {
          margin-top: 4.0625vw;
          font-size: 3.125vw;
          line-height: 1.8; } }
      @media only screen and (min-width: 768px) {
        #contents_body #otonadokusho .detail .report .report_profile_txt {
          margin-top: 26px;
          font-size: 14px;
          line-height: 1.92857; } }

#footer {
  background-color: #FAFAF8; }

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




/* pc */
@media only screen and (min-width: 768px)
{
/* リード */
#contents_body #otonadokusho .desc_book {
  padding-left: 98px; }


/* 紹介する本 */
.desc_book .type {
  font-size: 15px;
  line-height: 1;
  letter-spacing: .13em; }

.desc_book .bookName {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: .1em; }

.desc_book .author {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: .1em; }

.desc_book .company {
  margin-top: 25px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: .1em; }

.desc_book .desc_note {
  margin-top: 35px;
  padding-left: 1em;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .09em;
  text-indent: -1em; }

#contents_body #otonadokusho .desc_book_person {
  margin-top: 38px; }

.desc_book_person .job {
  margin-top: 20px; }

.desc_book_person .name {
  margin-top: 8px;
  font-size: 27px;
  line-height: 1;
  letter-spacing: .13em; }

.desc_book_person .nameEn {
  margin-top: 18px; }


/* 感想 */
#contents_body #otonadokusho .detail {
  padding-top: 95px; }

#contents_body #otonadokusho .detail .report_txt {
  margin-top: 52px; }

#contents_body #otonadokusho .detail .report_txt:first-child {
  margin-top: 0; }


/* プロフィール */
.report_profile {
  width: 836px;
  margin: 80px auto 0; }

.report_profile_head .report_profile_name {
  margin-top: 10px;
  font-size: 23px;
  line-height: 1;
  letter-spacing: .13em; }

.report_profile_head .report_profile_name span {
  display: inline-block;
  margin-right: 15px; }

.report_profile_head .report_profile_name img {
  vertical-align: middle; }

.report_profile_body {
  margin-top: 27px; }

.report_profile_body .report_profile_txt {
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .05em; }

.report_profile_body ul {
  margin-top: 11px; }

.report_profile_body li {
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: .05em; }

.report_profile_body li a {
  color: #000;
  text-decoration: none;
  transition: opacity .4s; }

.report_profile_body li a:hover {
  opacity: .6; }


/* end pc */
}




/* sp */
@media only screen and (max-width: 767px)
{
/* 紹介する本 */
#contents_body #otonadokusho .desc_intro {
  margin-top: 11.5vw;
  font-feature-settings: "palt"; }


/* 紹介する本 */
.desc_book .type {
  font-size: 2.8vw;
  line-height: 1;
  letter-spacing: .13em; }

.desc_book .book_info {
  display: flex;
  justify-content: center;
  margin-top: 3vw; }

.desc_book .bookName {
  margin-right: 3vw;
  font-size: 3.46vw;
  line-height: 1;
  letter-spacing: .1em; }

.desc_book .author {
  font-size: 3.46vw;
  line-height: 1;
  letter-spacing: .1em; }

.desc_book .company {
  margin-top: 1vw;
  font-size: 3.2vw;
  line-height: 1;
  letter-spacing: .1em; }

.desc_book .desc_note {
  margin-top: 1vw;
  padding-left: 1em;
  font-size: 3.2vw;
  line-height: 1.5;
  letter-spacing: .09em;
  text-indent: -1em; }

#contents_body #otonadokusho .desc_book_person {
  margin-top: 10.5vw; }

#contents_body #otonadokusho .desc_book_person figure {
  width: 64vw; }

.desc_book_person .job {
  width: 11.4666vw;
  margin: 1vw auto 0; }

.desc_book_person .name {
  margin-top: 1vw;
  font-size: 4.26vw;
  line-height: 1;
  letter-spacing: .13em; }

.desc_book_person .nameEn {
  width: 18.4vw;
  margin: 1vw auto 0; }


/* 感想 */
#contents_body #otonadokusho .detail {
  padding-top: 9vw; }

#contents_body #otonadokusho .detail .report_txt {
  margin-top: 7vw; }

#contents_body #otonadokusho .detail .report_txt:first-child {
  margin-top: 0; }


/* プロフィール */
.report_profile {
  width: 64.8vw;
  margin: 9vw auto 0; }

.report_profile_head .report_profile_position {
  width: 11.46vw; }

.report_profile_head .report_profile_name {
  display: flex;
  align-items: center;
  margin-top: 3vw;
  font-size: 3.46vw;
  line-height: 1;
  letter-spacing: .13em; }

.report_profile_head .report_profile_name span {
  display: inline-block;
  margin-right: 4vw; }

.report_profile_head .report_profile_name img {
  width: 18.4vw; }

.report_profile_body {
  margin-top: 4vw; }

.report_profile_body .report_profile_txt {
  font-size: 3.2vw;
  line-height: 1.8;
  letter-spacing: .05em;
  font-feature-settings: "palt"; }

.report_profile_body ul {
  margin-top: 1vw; }

.report_profile_body li {
  font-size: 2.13vw;
  line-height: 1.7;
  letter-spacing: .05em; }

.report_profile_body li a {
  color: #000;
  text-decoration: none;
  transition: opacity .4s; }

.report_profile_body li a:hover {
  opacity: .6; }












/* end sp */
}