@charset "UTF-8";
.page-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: -39px;
  padding: 220px 0 110px; }
  .page-header.bg-religion {
    background-image: url(../images/religion/religion.jpg); }
  .page-header h1 {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 2rem;
    text-align: center; }

.qanda-unit .qanda-question {
  background-image: url(../images/qanda-closed.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  position: relative; }
  .qanda-unit .qanda-question.opened {
    background-image: url(../images/qanda-opened.jpg); }
.qanda-unit .qanda-answer {
  display: none;
  position: relative; }

.religion-flow {
  overflow: visible; }
  .religion-flow .section-header {
    padding: 70px 0 0;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .religion-flow .section-header {
        padding: 30px 0 0; } }
    .religion-flow .section-header h2 {
      font-size: 2em; }
    .religion-flow .section-header .section-header-catch {
      padding: 10px 0 70px; }
    @media only screen and (max-width: 768px) {
      .religion-flow .section-header img {
        width: 100%;
        height: auto; } }
  .religion-flow .flow-image-inner {
    line-height: 0;
    overflow-y: hidden; }
  .religion-flow .flow-box-wrap {
    overflow: visible; }
  .religion-flow .flow-wrap {
    overflow: visible; }
  .religion-flow .flow-box {
    padding: 0 0 0 60px;
    margin: 0 auto 10px;
    position: relative;
    overflow: visible; }
    @media only screen and (max-width: 768px) {
      .religion-flow .flow-box {
        padding: 0 20px 20px; } }
    .religion-flow .flow-box:before {
      border: solid 30px transparent;
      content: "";
      left: 6%;
      position: absolute;
      bottom: -50px;
      z-index: 10; }
    .religion-flow .flow-box.flowBg1 {
      background-color: #baaea6;
      color: #fff;
      z-index: 9; }
      .religion-flow .flow-box.flowBg1:before {
        border-top: solid 20px #baaea6; }
    .religion-flow .flow-box.flowBg2 {
      background-color: #a5978b;
      color: #fff;
      z-index: 8; }
      .religion-flow .flow-box.flowBg2:before {
        border-top: solid 20px #a5978b; }
    .religion-flow .flow-box.flowBg3 {
      background-color: #8c7d71;
      color: #fff;
      z-index: 7; }
      .religion-flow .flow-box.flowBg3:before {
        border-top: solid 20px #8c7d71; }
    .religion-flow .flow-box.flowBg4 {
      background-color: #74665a;
      color: #fff;
      z-index: 6; }
      .religion-flow .flow-box.flowBg4:before {
        border-top: solid 20px #74665a; }
    .religion-flow .flow-box.flowBg5 {
      background-color: #574a3f;
      color: #fff;
      z-index: 5; }
      .religion-flow .flow-box.flowBg5:before {
        border-top: solid 20px #574a3f; }
    .religion-flow .flow-box.flowBg6 {
      background-color: #4f3e32;
      color: #fff;
      z-index: 4; }
      .religion-flow .flow-box.flowBg6:before {
        border-top: solid 20px #4f3e32; }
    .religion-flow .flow-box.flowBg7 {
      background-color: #4a392e;
      color: #fff;
      z-index: 3; }
      .religion-flow .flow-box.flowBg7:before {
        border-top: solid 20px #4a392e; }
    .religion-flow .flow-box.flowBg8 {
      background-color: #423227;
      color: #fff;
      z-index: 2; }
      .religion-flow .flow-box.flowBg8:before {
        border-top: solid 20px #423227; }
    .religion-flow .flow-box.flowBg-last {
      background-color: #f1c13d;
      color: #fff;
      z-index: 1; }
  .religion-flow .flow-contents {
    display: flex;
    padding: 35px 0;
   /* 画像が用意できるまで調整
  padding: 35px 0 0;
  */ }
    @media only screen and (max-width: 768px) {
      .religion-flow .flow-contents {
        padding: 15px 0; } }
  @media only screen and (max-width: 768px) {
    .religion-flow .flow-number {
      min-width: 42px; }
      .religion-flow .flow-number img {
        width: 100%; } }
  .religion-flow .flow-name {
    font-size: 2.2em;
    font-family: "Yu Mincho", "YuMincho", serif; }
    @media only screen and (max-width: 768px) {
      .religion-flow .flow-name {
        font-size: 1.4em; } }
  .religion-flow .flow-body {
    max-width: 815px;
    /* 画像が用意できるまで非表示
    max-width: 515px;
     */
    padding-left: 20px;
    font-size: 0.97em; }
    @media only screen and (max-width: 768px) {
      .religion-flow .flow-body {
        padding-left: 10px;
        max-width: initial; } }
  .religion-flow .flow-image {
    /* 画像が用意できるまで非表示 */
    display: none; }

@media only screen and (max-width: 768px) {
  .religion-summary .flexbox {
    display: block; } }
.religion-summary .plan-image {
  line-height: 0;
  overflow: hidden; }
.religion-summary .religion-plan {
  background: #fff;
  text-align: center;
  padding: 10px 0; }
  @media only screen and (max-width: 768px) {
    .religion-summary .religion-plan {
      margin: 10px 0; } }
.religion-summary .plan-header {
  font-family: "Yu Mincho", "YuMincho", serif;
  font-size: 1.5em; }
.religion-summary .plan-labels {
  padding: 10px 45px; }
.religion-summary .plan-price-label {
  background: #eb866e;
  color: #fff; }
.religion-summary .plan-price {
  font-size: 1.3em;
  padding: 10px 0 0; }
.religion-summary .plan-footer {
  padding: 0 30px 10px; }
.religion-summary .section-body {
  padding: 50px 0; }
  @media only screen and (max-width: 768px) {
    .religion-summary .section-body {
      padding: 20px 0; } }
.religion-summary .section-header {
  padding: 65px 0 0;
  text-align: center; }
  .religion-summary .section-header h2 {
    font-size: 2em; }

.religion-about {
  padding: 0 0 110px; }
  @media only screen and (max-width: 768px) {
    .religion-about {
      padding: 0 0 30px; } }
  .religion-about .about-heading {
    text-align: center; }
    .religion-about .about-heading h2 {
      padding: 70px 0;
      font-size: 2em;
      color: #fff; }
      @media only screen and (max-width: 768px) {
        .religion-about .about-heading h2 {
          padding: 30px 0; } }
  .religion-about .about-textbox {
    padding: 60px 80px;
    background: rgba(255, 255, 255, 0.7); }
    @media only screen and (max-width: 768px) {
      .religion-about .about-textbox {
        padding: 20px; } }

.religion-manner {
  padding: 80px 0 55px;
  overflow: visible; }
  @media only screen and (max-width: 768px) {
    .religion-manner {
      padding: 25px 0 15px; } }
  .religion-manner .section-header {
    overflow: visible; }
  .religion-manner .section-body {
    padding: 40px 0 0; }
  .religion-manner .section-header-inner {
    padding: 25px 0 5px;
    text-align: center;
    position: relative;
    overflow: visible; }
    .religion-manner .section-header-inner h2 {
      color: #fff;
      display: block;
      font-size: 1.7em; }
    .religion-manner .section-header-inner:before {
      border: solid 20px transparent;
      border-top: solid 16px #89b767;
      content: "";
      left: 50%;
      margin-left: -10px;
      position: absolute;
      bottom: -35px;
      z-index: 10; }

.religion-qanda {
  padding: 70px 0; }
  .religion-qanda .section-header {
    text-align: center; }
    .religion-qanda .section-header h2 {
      font-size: 2em; }
    .religion-qanda .section-header p {
      padding: 40px 0; }
  .religion-qanda .section-body h3 {
    font-weight: bold;
    font-size: 1.5em; }
  .religion-qanda .qanda-unit {
    border: solid 2px #f5f5f4;
    margin: 25px auto 0; }
    .religion-qanda .qanda-unit .qanda-question {
      background-color: #f5f5f4; }
    .religion-qanda .qanda-unit .qanda-question-inner {
      background: url(../images/religion/religion-12.png) no-repeat left 20px center;
      padding: 15px 0 15px 70px; }
    .religion-qanda .qanda-unit .qanda-answer {
      background: url(../images/religion/religion-13.png) no-repeat left 20px top 20px;
      padding: 15px 30px 15px 70px; }
  .religion-qanda .qanda-frequentry {
    padding: 0 0 55px; }
  .religion-qanda .qanda-category .square-icon {
    padding: 0 0 20px 20px; }

label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms; }
  label.panel-label:hover {
    color: #423227; }

#panels {
  padding: 0 25px 25px; }

#panels section header label.panel-label {
  box-sizing: border-box; }

#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden; }

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1; }

#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1; }

#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1; }

#panel-4-ctrl:checked ~ #panels #panel-4 main {
  max-height: initial;
  opacity: 1; }

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-radius: 5px 5px 0 0; }

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent; }

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: #423227;
  color: #fff; }

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
  height: 6px; }

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-radius: 5px 5px 0 0; }

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: #423227;
  color: #fff; }

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 6px; }

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-radius: 5px 5px 0 0; }

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  background-color: #423227;
  color: #fff; }

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
  height: 6px; }

#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-radius: 5px 5px 0 0; }

#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
  background-color: #423227;
  color: #fff; }
  #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label:after {
    height: 6px; }

#panels {
  border: solid 1px #423227; }

ul#tabs-list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow: visible; }
  ul#tabs-list li {
    display: flex;
    text-align: center;
    font-size: 1.2em;
    width: 23%;
    position: relative;
    border-top: solid 1px #423227;
    border-right: solid 1px #423227;
    border-left: solid 1px #423227;
    border-radius: 5px 5px 0 0; }
    ul#tabs-list li:hover {
      -webkit-transition: none;
      transition: none; }

ul#tabs-list li:hover.last {
  border-right: 1px solid transparent; }

ul#tabs-list li label.panel-label {
  position: relative;
  padding: 24px 0;
  font-size: 0.875em; }

ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #423227;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms; }

ul#tabs-list li label.panel-label:hover::after {
  height: 6px; }

.panel-radios {
  display: none; }

.religion-about.bg-alter {
  background-image: none; }

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