/* Scss Document */
@media screen and (max-width: 767px) {
  #crematorium {
    padding: 0 15px !important; } }
#crematorium h2 {
  font-size: 1.875rem;
  font-family: ten-mincho-text, "Hiragino Mincho ProN", "serif";
  line-height: 2.333rem;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 767px) {
    #crematorium h2 {
      font-size: 1.375rem;
      line-height: 1.636rem; } }
#crematorium .crematorium-wrap {
  background-color: #F6F1E6;
  padding: 40px;
  padding: 30px;
  flex: 0 0 48%;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    #crematorium .crematorium-wrap {
      padding: 20px 15px;
      flex: 0 0 100%;
      margin-bottom: 20px; } }
#crematorium .faq-question {
  display: block;
  color: #333;
                /*background-color: $maincolor;
				font-weight: 700;*/
  border: 1px #ccc solid;
  /*border-radius: 8px;*/
  padding: 20px;
  position: relative; }
  @media screen and (max-width: 767px) {
    #crematorium .faq-question {
      line-height: 1.4rem;
      padding: 15px 15px; } }
  #crematorium .faq-question span {
    display: block;
    width: 30px;
    height: 30px;
    /*border-radius: 50%;
    border: solid 1px $plancolor02;*/
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
    @media screen and (max-width: 767px) {
      #crematorium .faq-question span {
        width: 20px;
        height: 20px;
        right: 20px; } }
    #crematorium .faq-question span:before {
      content: "";
      display: block;
      width: 15px;
      height: 2px;
      margin-top: 1px;
      background-color: #333;
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }
      @media screen and (max-width: 767px) {
        #crematorium .faq-question span:before {
          width: 10px;
          right: 4px; } }
    #crematorium .faq-question span:after {
      content: "";
      display: block;
      width: 15px;
      height: 2px;
      background-color: #333;
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: rotate(90deg);
      transition: 0.3s; }
      @media screen and (max-width: 767px) {
        #crematorium .faq-question span:after {
          width: 10px;
          right: 4px; } }
#crematorium .area-name {
  font-size: 1.5rem;
  line-height: 2.083rem;
  letter-spacing: 0.05em;
  padding-bottom: 30px;
  padding: 20px 0;
  font-weight: 500; }
  @media screen and (max-width: 767px) {
    #crematorium .area-name {
      font-size: 1rem;
      padding-bottom: 15px; } }
#crematorium .area-name-sub {
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0.03em; }
  @media screen and (max-width: 991px) {
    #crematorium .area-name-sub {
      font-size: 1rem;
      line-height: 2.5rem;
      letter-spacing: 0.01em; } }
  @media screen and (max-width: 767px) {
    #crematorium .area-name-sub {
      text-align: left !important; } }
  #crematorium .area-name-sub a {
    text-decoration: none;
    color: #333; }
#crematorium .area-address {
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 767px) {
    #crematorium .area-address {
      font-size: 0.875rem; } }
#crematorium .attention-text {
  font-size: 1.125rem;
  margin-top: 10px; }
  #crematorium .attention-text.contact-info {
    margin-top: 1rem; }
    #crematorium .attention-text.contact-info span {
      margin-left: 0.5rem; }
      #crematorium .attention-text.contact-info span a {
        text-decoration: underline;
        color: #333; }
  @media screen and (max-width: 767px) {
    #crematorium .attention-text {
      font-size: 0.875rem; } }
#crematorium span.tags {
  display: inline-block;
  color: #FFF;
  font-family: source-han-sans-japanese, "Noto Sans Japanese", "Hiragino Sans", Meiryo, "sans-serif";
  padding: 10px 15px;
  font-size: 1.125rem;
  line-height: 1rem;
  margin-right: 20px; }
  @media screen and (max-width: 767px) {
    #crematorium span.tags {
      font-size: 0.875rem;
      padding: 5px 8px;
      margin-right: 10px; } }
  #crematorium span.tags.public {
    background-color: #BCA056; }
    #crematorium span.tags.public:before {
      content: ""; }
  #crematorium span.tags.privately {
    background-color: #71A362; }
    #crematorium span.tags.privately:before {
      content: ""; }
  #crematorium span.tags.possible {
    background-color: #CB90A4; }
    #crematorium span.tags.possible:before {
      content: ""; }
#crematorium .crematorium-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0.03em; }
#crematorium .crematorium-table {
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc; }
  @media screen and (max-width: 575px) {
    #crematorium .crematorium-table {
      margin-top: 15px; } }
  @media screen and (max-width: 575px) {
    #crematorium .crematorium-table.detail {
      border: none; } }
  #crematorium .crematorium-table .attention {
    background-color: #F6F1E6; }
  #crematorium .crematorium-table .crematorium-table-title {
    width: 100%;
    /*font-weight: bold;*/
    text-align: center;
    font-size: 1.125rem;
    line-height: 2.778;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      #crematorium .crematorium-table .crematorium-table-title {
        text-align: left; } }
    @media screen and (max-width: 575px) {
      #crematorium .crematorium-table .crematorium-table-title {
        font-size: 1rem; } }
  #crematorium .crematorium-table .title {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 2;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 20px;
    background-color: #F6F1E6; }
    @media screen and (max-width: 575px) {
      #crematorium .crematorium-table .title {
        font-size: 0.875rem;
        line-height: 1;
        padding: 10px; } }
    #crematorium .crematorium-table .title.sub {
      width: 30%; }
      @media screen and (max-width: 575px) {
        #crematorium .crematorium-table .title.sub {
          width: 60%; } }
    #crematorium .crematorium-table .title.column3 {
      width: 24%; }
      @media screen and (max-width: 767px) {
        #crematorium .crematorium-table .title.column3 {
          width: 33.333%; } }
    #crematorium .crematorium-table .title.column2 {
      width: 50%; }
    #crematorium .crematorium-table .title.detail {
      width: 30%;
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 575px) {
        #crematorium .crematorium-table .title.detail {
          width: 100%;
          border: none;
          padding: 15px;
          justify-content: left;
          line-height: 1.875; } }
  #crematorium .crematorium-table .lead {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 2;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 20px;
    width: 70%; }
    @media screen and (max-width: 575px) {
      #crematorium .crematorium-table .lead {
        font-size: 0.875rem;
        line-height: 1;
        padding: 10px; } }
    #crematorium .crematorium-table .lead.text {
      width: 70%; }
      @media screen and (max-width: 575px) {
        #crematorium .crematorium-table .lead.text {
          width: 40%; } }
    #crematorium .crematorium-table .lead.column3 {
      width: 38%; }
      @media screen and (max-width: 767px) {
        #crematorium .crematorium-table .lead.column3 {
          width: 33.333%; } }
    #crematorium .crematorium-table .lead.column2 {
      width: 50%; }
    #crematorium .crematorium-table .lead.column1 {
      width: 100%; }
    #crematorium .crematorium-table .lead.column-other {
      width: 76%; }
      @media screen and (max-width: 767px) {
        #crematorium .crematorium-table .lead.column-other {
          width: 66.666%; } }
    #crematorium .crematorium-table .lead.detail {
      width: 70%; }
      @media screen and (max-width: 575px) {
        #crematorium .crematorium-table .lead.detail {
          width: 100%;
          border: none;
          padding: 15px;
          line-height: 1.875; } }
  #crematorium .crematorium-table .table-text {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 80px;
    display: grid; }
    @media screen and (max-width: 767px) {
      #crematorium .crematorium-table .table-text {
        font-size: 0.875rem; } }
    @media screen and (max-width: 575px) {
      #crematorium .crematorium-table .table-text {
        line-height: 35px; } }
    #crematorium .crematorium-table .table-text th {
      background-color: #F6F1E6;
      font-weight: 400;
      border-right: solid 1px #ccc;
      border-bottom: solid 1px #ccc; }
      #crematorium .crematorium-table .table-text th:first-child {
        width: 24%; }
        @media screen and (max-width: 767px) {
          #crematorium .crematorium-table .table-text th:first-child {
            width: 33%; } }
    #crematorium .crematorium-table .table-text td {
      width: 38%;
      border-right: solid 1px #ccc;
      border-bottom: solid 1px #ccc; }
      @media screen and (max-width: 767px) {
        #crematorium .crematorium-table .table-text td {
          width: 33%; } }