.template-3 .content-container {
  padding: 3vw 0;
  /* background-image: url(../img/spga/template-3/background_1a.png); */
  background-size: cover;
  background-repeat: no-repeat;
}

/* .template-3 .content-container .content-container-bubble {
  position: absolute;
  background-image: url(../img/spga/template-3/circle.png);
  width: 400px;
  left: 0px;
  bottom: 100px;
  height: 400px;
  background-size: contain;
  z-index: 1;
} */
.template-3 .content-container .content-container-paper {
  background-size: cover;
  background-repeat: no-repeat;
  /* background-image: url(../img/spga/template-3/background_2.png); */
  width: 80vw;
  margin: 0 auto;
  display: flex;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
  padding-bottom: 100px;
}

.template-3 .content-container .content-container-paper .cccApp .title-image-small {
  padding-top: 3vw;
  padding-bottom: 1vw;
  width: 80%;
  margin: 0 10%;
}

.template-3 .content-container .content-container-paper .cccApp .title-image,
.template-3 .content-container .content-container-paper .cccApp .cover-page {
  width: 80%;
  margin: 0 10%;
}

.template-3 .content-container .content-container-paper .cccApp .title-image {
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page p {
  color: #353430;
  font-size: 1.8vw !important;
  line-height: 2.1vw;
  padding-bottom: 2vw;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page b {
  font-size: 1.8vw !important;
  font-weight: bold !important;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page a {
  color: #0098ff;
  font-size: 1.8vw !important;
  line-height: 2vw;
  text-decoration: underline;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page.yen-quote {
  color: #225043;
  padding-bottom: 3vw;
  font-size: 2vw !important;
  line-height: 2.2vw;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page.yen {
  color: #035A52;
  padding-bottom: 3vw;
  display: flex;
  flex-direction: row;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page.yen span {
  width: 17vw;
  font-weight: bold !important;
  text-align: right;
  font-size: 1vw !important;
  line-height: 1vw;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page.yen .underline {
  border-bottom: 2px solid #035A52;
  flex: 6;
}

@media (max-width: 1200px) {
  .template-3 .content-container .content-container-paper .cccApp .cover-page.yen span {
    width: 22vw;
  }
}

@media (max-width: 900px) {
  .template-3 .content-container .content-container-paper .cccApp .cover-page.yen span {
    width: 30vw;
  }

  .template-3 .content-container .content-container-paper .cccApp .cover-page.yen .underline {
    border-bottom: 1px solid #035A52;
  }
}

.template-3 .content-container .content-container-paper .cccApp .cover-page-button {
  width: 80%;
  margin: 0 10%;
  display: flex;
  margin-top: 3vw;
}

.template-3 .content-container .content-container-paper .cccApp .cover-page-button a,
.template-3 .content-container .content-container-paper .cccApp .cover-page-button button {
  background-color: transparent;
  background-image: url(../img/spga/template-3/button.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  width: 24vw;
  height: 6vw;
  margin: 0 auto;
  border: none;
}

.template-3.lang-en .content-container .content-container-paper .cccApp .cover-page-button a,
.template-3.lang-en .content-container .content-container-paper .cccApp .cover-page-button button {
  background-image: url(../img/spga/template-3/button_eng.png);
}

.template-3 .content-container .content-container-paper .cccApp .tab-pane {
  width: 90%;
  margin: 0 auto;
}

.template-3 .content-container .content-container-paper .cccApp .tab-pane.fullwidth {
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .template-3 .form-main-container .cccApp .pull-right .form-step-btn.form-prev-btn {
    clear: both;
  }
}

/* general_2024 */
.template-3.template-3-general_2024 .content-container {
  background-color: #F1E5D6;
  background-image: url(../img/spga/template-3/general_2024/fan-cut.png);
  background-repeat: repeat;
  background-size: 245px 144px;
}

.template-3.template-3-general_2024 .content-container .content-container-paper {
  overflow: hidden;
  min-height: 110vw;
  box-shadow: inset 0 0 0 5vmin rgba(154, 124, 104, .8);
}

@media (max-width: 991px) {
  .template-3 .content-container .content-container-paper {
    width: 98vw;
  }
}
/* .template-3.template-3-general_2024 .content-container .content-container-paper .border {
  position: absolute;
  width: 100%;
  height: 100%;
  border-width: 5vmin;
  border-color: rgba(154, 124, 104, .8);
  border-style: solid;
  overflow: hidden;
} */
.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .slogan {
  position: absolute;
  background-image: url(../img/spga/template-3/general_2024/title.png);
  background-size: cover;
  width: 27vw;
  height: 72vw;
  top: 8vmin;
  left: 8vmin;
  z-index: 5;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .bubble {
  position: absolute;
  background-image: url(../img/spga/template-3/general_2024/bubble.png);
  background-size: cover;
  width: 50vw;
  height: 42vw;
  right: 2vw;
  top: 2vw;
  z-index: 4;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .bubble div {
  position: absolute;
  width: 32vw;
  left: 10vw;
  top: 8vw;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .bubble div p {
  color: white;
  font-size: 1.65vw !important;
  line-height: 1.65vw !important;
  font-weight: 700;
  padding-bottom: 2vw;
  margin: 0 0 1vw 0;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .wave {
  position: absolute;
  background-image: url(../img/spga/template-3/general_2024/wave.png);
  background-size: cover;
  width: 120vw;
  height: 60vw;
  background-repeat: no-repeat;
  left: -20vw;
  bottom: -7vw;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .services {
  position: absolute;
  background-image: url(../img/spga/template-3/general_2024/bar.png);
  background-size: contain;
  top: 40vw;
  width: 57vw;
  right: -5vw;
  height: 25vw;
  background-repeat: no-repeat;
  z-index: 2;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .services div {
  padding: 2vw 0 0 5vw;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .services div p {
  color: #095564;
  font-weight: bold;
  font-size: 2vw !important;
  line-height: 3.2vw !important;
  margin: 0 0 1vw 0;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .slogan_2 {
  position: absolute;
  background-image: url(../img/spga/template-3/general_2024/bar_2.png);
  background-size: cover;
  bottom: 0vmin;
  width: 15vmin;
  height: 37vmin;
  right: 8vmin;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .slogan_2 div {
  display: flex;
  flex-direction: row-reverse;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .slogan_2 div p {
  color: #F2DEBE;
  flex: 1;
  font-weight: bold;
  font-size: 2.8vmin !important;
  line-height: 3.2vmin !important;
  text-align: center;
  padding-top: 2vmin;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .cover-page-button {
  position: absolute;
  bottom: 8vmin;
}

.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .cover-page-button a,
.template-3.template-3-general_2024 .content-container .content-container-paper .cccApp .cover-page-button button {
  background-image: url(../img/spga/template-3/general_2024/button.png);
}

/* spiritual_care_sanctuary */
.template-3.template-3-spiritual_care_sanctuary .content-container {
  background-image: url(../img/spga/template-3/spiritual_care_sanctuary/bg-02.jpg);
}

.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper {}

.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .center-logo {
  position: absolute;
  right: 2vmin;
  top: 2vmin;
  width: 30vmin;
}

.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .title-image {
  background-image: url(../img/spga/template-3/spiritual_care_sanctuary/flowers.png);
  position: relative;
  top: 4vmin;
  width: 100%;
  background-size: 105%;
  background-repeat: no-repeat;
  margin: 4vw 0;
  background-position: center;
  padding: 2vw 0px;
  overflow: hidden;
}

.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .title-image img {
  width: 130% !important;
  margin-left: -15%;
}

.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .center-logo img,
.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .title-image img,
.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .slogan-bubble img {
  width: 100%;
}

.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .cover-page-button a,
.template-3.template-3-spiritual_care_sanctuary .content-container .content-container-paper .cccApp .cover-page-button button {
  background-image: url(../img/spga/template-3/spiritual_care_sanctuary/button.png);
}

/* buddhist_chaplaincy_unit */
.template-3.template-3-buddhist_chaplaincy_unit .content-container {
  background-image: linear-gradient(163deg, #568AC0, #568AC0 30%, #EFBDBB 35%, #EFBDBB);
  padding-top: 5vw;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper {
  background-image: url(../img/spga/template-3/buddhist_chaplaincy_unit/bg-2.jpg);
  background-size: 100% 100%;
  position: relative;
  min-height: 130vw;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .center-logo {
  position: absolute;
  right: 2vmin;
  top: 2vmin;
  width: 30vmin;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .title-image {
  position: relative;
  left: -4vmin;
  top: -4vmin;
  width: calc(100% + 2 * 4vmin);
  margin: 0;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .center-logo img,
.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .title-image img,
.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .slogan-bubble img {
  width: 100%;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .slogan-bubble {
  position: absolute;
  width: 50%;
  right: 0;
  z-index: 2;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .main-content-wrapper {
  position: absolute;
  width: 100vw;
  left: -40vw;
  background-image: url(../img/spga/template-3/buddhist_chaplaincy_unit/bar.png);
  background-size: cover;
  bottom: 20vmin;
  height: 44vw;
  background-position: right;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .main-content-wrapper .main-content {
  padding-left: 45vw;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .main-content-wrapper .main-content * {
  color: #5289C0;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .main-content-wrapper .main-content h3 {
  font-size: 6vw;
  margin: 0;
  height: 10vw;
  margin-top: -3vw;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .main-content-wrapper .main-content p {
  font-size: 3vw;
  line-height: 3.8vw;
  margin-bottom: 2.7vw;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .cover-page-button {
  position: absolute;
  bottom: 8vmin;
}

.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .cover-page-button a,
.template-3.template-3-buddhist_chaplaincy_unit .content-container .content-container-paper .cccApp .cover-page-button button {
  background-image: url(../img/spga/template-3/buddhist_chaplaincy_unit/button.png);
}

[data-tab-confirm],
[data-tab-return] {
  margin-top: 80px !important;
}


/* briana_animation */
.template-3.template-3-briana_animation .form-main-container {
  width: 100%;
}
.template-3.template-3-briana_animation .content-container {
  position: relative;
  padding: 5vw 0;
  width: 100%;
  overflow: hidden;
}
.template-3.template-3-briana_animation .content-container:before {
  content: "";
  position: absolute;
  top: -20%;
  left: -10%;
  width: 120%;
  bottom: -0%;
  background-image: url(../img/spga/template-3/briana_animation/web-04.png);
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(20px);
}
.template-3.template-3-briana_animation .content-container:after {
  content: "";
  position: absolute;
  bottom: 0%;
  left: -10%;
  width: 120%;
  aspect-ratio: 4000 / 2667;
  background-image: url(../img/spga/template-3/briana_animation/web-05_no_ppl.png);
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(20px);
}
.template-3.template-3-briana_animation .content-container .content-container-paper {
  box-shadow: none;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .tab-pane.fullwidth {
  position: relative;
  box-shadow: none;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .tab-pane {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  background: rgba(200,200,200,.6);
}
.template-3.template-3-briana_animation .content-container .content-container-paper .cover-wrapper {
  background-image: url(../img/spga/template-3/briana_animation/web-02.png);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 2000 / 2622;
  background-position: center;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .cover {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .text-right {
    position: absolute;
    top: 3vw;
    right: 3vw;
    width: 3vw;
    font-size: 2vw !important;
    line-height: 3.5vw;
    color: white;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .center-logo {
  width: 100%;
  justify-content: center;
  display: flex;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .center-logo img {
  width: 70%;
  margin-top: -10%;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .text-main {
  font-size: 1.2vw !important;
  position: absolute;
  color: white;
  top: 32%;
  width: 100%;
  text-align: center;
  width: 100%;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .text-main h3 {
  font-size: 2.2vw !important;
  letter-spacing: 2.2vw !important;
  margin-bottom: 2vw;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .text-main p {
  font-size: 1.5vw !important;
  letter-spacing: .8vw !important;
  line-height: 2vw !important;
  margin-bottom: 1vw;
}
.template-3.template-3-briana_animation .content-container .content-container-paper .cover-page-button {
    position: absolute;
    bottom: 30%;
}

@media (max-width: 600px) {
  .template-3.template-3-briana_animation .content-container {
    min-height: calc(100vh - 60px);
  }
  .template-3.template-3-briana_animation .content-container:before {
    aspect-ratio: auto;
    bottom: 0;
    background-size: cover;
  }
  .template-3.template-3-briana_animation .content-container .content-container-paper .cover-page-button {
      bottom: 0%;
  }
}
