@charset "UTF-8";
@import url(all.css);
/* ###################### */
/* ######## 変数 ######## */
/* ###################### */
/* カラー */
/* パターン */
/* 書式 */
/* ###################### */
/* ######## 関数 ######## */
/* ###################### */
/*===============================================
  切り替え用
===============================================*/
.pc-none {
  display: none;
}

a[href^="tel:"] {
  pointer-events: none;
}

/*===============================================
  ページネーション
===============================================*/
.pagenation {
  padding-top: 48px;
}
.pagenation li {
  width: 30px;
  font-size: 1.3rem;
  line-height: 30px;
  margin: 5px 4px 0;
}

/*===============================================
  詳細ページ前後
===============================================*/
.paginated-link {
  justify-content: center;
  padding-top: 56px;
}
.paginated-link li {
  width: 240px;
  margin: 0 20px;
}
.paginated-link li a {
  padding: 17px 0;
  line-height: 1.44445;
  letter-spacing: 0em;
}
.paginated-link li.prev-link a {
  padding-right: 24px;
}
.paginated-link li.prev-link a::before {
  margin-right: 16px;
}
.paginated-link li.next-link a {
  padding-left: 24px;
}
.paginated-link li.next-link a::after {
  margin-left: 16px;
}

/*===============================================
  wrapper
===============================================*/
#wrapper {
  max-width: 1920px;
  min-width: 1280px;
}

/*===============================================
  header
===============================================*/
header::after {
  height: 15px;
}
header .header {
  width: calc(100% - 80px);
  padding: 17px 0 7px;
  position: relative;
  z-index: 0;
}
header .oth {
  text-align: center;
  width: 290px;
  height: 196px;
  background: url(../images/common/head-box_bg.png) no-repeat top center/contain;
  box-sizing: border-box;
  padding-top: 39px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
header .oth .ttl {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #1a1c1c;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 12px;
}
header .oth .tel {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #1a1c1c;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 10px;
}
header .oth .tel::before {
  content: "";
  display: block;
  background: url(../images/common/tel-icon.png) no-repeat center/contain;
  width: 18px;
  height: 22px;
  margin-right: 6px;
}
header .oth .tel a {
  display: flex;
  color: #1a1c1c;
}
header .oth .tel span {
  display: block;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  color: #1a1c1c;
  margin: -3px 0 -2px;
}
header .oth .line-link {
  width: 150px;
  height: 38px;
  margin: 0 auto;
}
header .oth .line-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #41a826;
  border-radius: 100vh;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #faf9ef;
  letter-spacing: 0.05em;
  line-height: 1;
  transition: all 0.3s;
  position: relative;
  z-index: 0;
}
header .oth .line-link a::before {
  content: "";
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  box-sizing: border-box;
  border: solid 1px #7bb96b;
  border-radius: 100vh;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: -2;
  transition: all 0.3s;
}
header .oth .line-link a::after {
  content: "";
  width: 12px;
  height: 100%;
  background: url(../images/common/arrow.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: -2;
}
header .oth .line-link a:hover {
  text-decoration: none;
  background: #1a1c1c;
}
header .oth .line-link a:hover::before {
  border-color: #faf9ef;
}

/*===============================================
  visual
===============================================*/
.visual-wrap .main_bg {
  padding-top: 860px;
}
@media screen and (max-width: 1600px) {
  .visual-wrap .main_bg {
    padding-top: 53.75%;
  }
}
.visual-wrap .main_bg::before, .visual-wrap .main_bg::after {
  width: 50%;
  height: 100%;
  background-position: center bottom;
}
.visual-wrap .main_bg .in {
  padding-bottom: 20px;
}
.visual-wrap .main_bg .in::before {
  min-width: 1600px;
  height: 77.3256%;
}
.visual-wrap .main_bg .in::after {
  min-width: 1600px;
}
.visual-wrap .main_bg .in .catch {
  width: 35.1042%;
}
.visual-wrap .main_bg .in .catch img {
  max-width: 100%;
}
.visual-wrap .main_bg .in .links {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
@media screen and (max-width: 1600px) {
  .visual-wrap .main_bg .in .links {
    padding-bottom: 3.125%;
  }
}
.visual-wrap .main_bg .in .links li {
  width: 50%;
  height: 0;
  padding-top: 144px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1600px) {
  .visual-wrap .main_bg .in .links li {
    padding-top: 9%;
  }
}
.visual-wrap .main_bg .in .links li a {
  width: calc(100% - 200px);
  max-width: 440px;
  margin: 0 auto;
  border-width: 6px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 1;
}
.visual-wrap .main_bg .in .links li a > span {
  font-size: 2.2rem;
  line-height: 1.45455;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1600px) {
  .visual-wrap .main_bg .in .links li a > span {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 1280px) {
  .visual-wrap .main_bg .in .links li a > span {
    font-size: 1.76rem;
  }
}
.visual-wrap .main_bg .in .links li a > span .min {
  font-size: 1.8rem;
  line-height: 1.77778;
}
@media screen and (max-width: 1600px) {
  .visual-wrap .main_bg .in .links li a > span .min {
    font-size: 1.125vw;
  }
}
@media screen and (max-width: 1280px) {
  .visual-wrap .main_bg .in .links li a > span .min {
    font-size: 1.44rem;
  }
}
.visual-wrap .main_bg .in .links li a::before {
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  top: 7px;
  left: 7px;
}
.visual-wrap .main_bg .in .links li a::after {
  width: 24px;
  right: 24px;
}
.visual-wrap .main_bgs {
  height: 420px;
}
.visual-wrap .main_bgs::before {
  min-width: 1400px;
}
.visual-wrap .main_bgs .box {
  width: 450px;
  height: 100px;
  border-radius: 12px;
  padding-top: 2px;
}
.visual-wrap .main_bgs .box::before {
  height: 62px;
  top: -28px;
}
.visual-wrap .main_bgs .box h2 {
  font-size: 2.2rem;
  letter-spacing: 0.05em;
  line-height: 0.9375;
}

/*===============================================
  footer
===============================================*/
footer {
  padding: 80px 0;
}
footer .footer {
  width: 1080px;
}
footer .oth {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  z-index: 0;
}
footer .oth::before {
  content: "";
  width: 6px;
  background: url(../images/common/foot-line.png) no-repeat center/contain;
  margin-right: 14px;
}
footer .oth::after {
  content: "";
  width: 6px;
  background: url(../images/common/foot-line.png) no-repeat center/contain;
  margin-left: 14px;
}
footer .info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
  margin-left: auto;
}
footer .info .add {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
footer .info .add dt {
  margin-right: 8px;
}
footer .info .tel::before {
  width: 18px;
  height: 22px;
  margin-right: 6px;
}
footer .info .tel span {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  margin: -3px 0 -2px;
}
footer .f-nav {
  padding: 59px 0 30px;
}
footer .f-nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
footer .f-nav ul:last-of-type {
  margin-bottom: 0;
}
footer .f-nav ul li {
  padding: 0 30px;
  border-left: solid 1px #3893a7;
}
footer .f-nav ul li:last-of-type {
  border-right: solid 1px #3893a7;
}
footer .f-nav ul li a {
  display: block;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #1a1c1c;
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin-right: -0.05em;
  transition: all 0.12s;
}
footer .f-nav ul li a:hover {
  text-decoration: none;
  color: #3893a7;
}
footer .f-nav ul li.current a {
  color: #3893a7;
}
footer .links {
  justify-content: center;
}
footer .links li {
  width: 430px;
  height: 90px;
  margin: 0 15px;
}
footer .links li a > span {
  font-size: 2.2rem;
  letter-spacing: 0.05em;
}
footer .links li a > span .min {
  font-size: 1.8rem;
  margin-bottom: 11px;
}
footer .links li a::before {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
}
footer .links li a::after {
  width: 12px;
  right: 24px;
}

/*********コピーライト***********/
div.copy p {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.75;
}

/*===============================================
  グローバルナビ
===============================================*/
.g-nav {
  padding-top: 30px;
}
.g-nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1058px;
  height: 120px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 18px;
  margin: 0 auto;
}
.g-nav ul li {
  width: 150px;
  margin-right: 1px;
  position: relative;
  z-index: 0;
}
.g-nav ul li::after {
  content: "";
  width: 1px;
  height: 50px;
  background: #7dbdcb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  z-index: -1;
  opacity: 0.7;
}
.g-nav ul li:first-of-type::before {
  content: "";
  width: 2px;
  height: 50px;
  background: #7dbdcb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  z-index: -1;
}
.g-nav ul li:last-of-type {
  margin-right: 0;
}
.g-nav ul li:last-of-type::after {
  width: 2px;
  opacity: 1;
}
.g-nav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #1a1c1c;
  letter-spacing: 0.05em;
  line-height: 1.25;
  padding-top: 2px;
  transition: all 0.12s;
}
.g-nav ul li a span {
  display: block;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 16px;
  transition: all 0.3s;
}
.g-nav ul li a:hover {
  text-decoration: none;
  color: #3893a7;
}
.g-nav ul li a:hover span {
  transform: translateY(-4px);
}
.g-nav ul li.current a {
  color: #3893a7;
}

/*===============================================
  main#container
===============================================*/
#container {
  font-size: 1.8rem;
  line-height: 1.77778;
  letter-spacing: 0.05em;
}

/*===============================================
  パンくずリスト
===============================================*/
.bread {
  height: 40px;
}
.bread .breadcrumbs {
  width: 1080px;
}
.bread .breadcrumbs li {
  font-size: 1.6rem;
  letter-spacing: 0em;
  line-height: 1.875;
}

/*===============================================
  main共通
===============================================*/
.cont {
  width: 1080px;
}

.btn {
  height: 70px;
}
.btn a {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
.btn a::before {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}
.btn a::after {
  width: 12px;
  right: 24px;
}

div[class^=contents],
article[class^=contents] {
  padding: 100px 0;
}

/*===============================================
  タイトル
===============================================*/
.h3_1 {
  margin-bottom: 60px;
}
.h3_1::after {
  height: 8px;
  margin-top: 12px;
}
.h3_1.icon::before {
  height: 44px;
  margin-bottom: 18px;
}

.h3_2,
.h4_1 {
  font-size: 2.4rem;
  line-height: 1.33334;
  margin-bottom: 20px;
}

/*===============================================
  ボックスパターン
===============================================*/
.box_frame_blue::before,
.box_frame_green::before {
  width: calc(100% - 100px);
  left: 50px;
}
.box_frame_blue::after,
.box_frame_green::after {
  height: calc(100% - 100px);
  top: 50px;
}

.box_deco_lattice::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.box_deco_lattice::after {
  width: calc(100% - 80px);
  height: 100%;
  top: 0;
  left: 40px;
}

.box_deco_mizuhiki::before {
  height: 37px;
  margin-bottom: 2px;
}
.box_deco_mizuhiki::after {
  height: 10px;
  margin-top: 2px;
}

/*===============================================
  トップページ
===============================================*/
.index .contents1::before {
  min-width: 1420px;
  height: 819px;
  top: 131px;
}
@media screen and (max-width: 1600px) {
  .index .contents1::before {
    background-size: 35%, 31.9875%;
  }
}
.index .contents1 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.index .contents1 .txt p {
  margin-bottom: 32px;
}
.index .contents1 .galleryList {
  justify-content: center;
  padding-top: 80px;
  margin-bottom: 60px;
}
.index .contents1 .galleryList li {
  width: 258px;
  margin-right: 16px;
}
.index .contents1 .galleryList li:last-of-type {
  margin-right: 0;
}
.index .contents1 .btn {
  width: 340px;
  margin: 0 auto;
}
.index .contents2 {
  background-size: 26.3542%, 28.2292%, contain, auto;
}
.index .contents2::before {
  width: calc(100% - 200px);
  min-width: 1560px;
  height: 277px;
  top: 140px;
}
.index .contents2::after {
  width: calc(100% - 138px);
  min-width: 1600px;
  height: 374px;
  bottom: 53px;
}
.index .contents2 .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 80px;
}
.index .contents2 .list .box {
  width: 350px;
}
.index .contents2 .list .box .in {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  height: calc(100% - 51px);
  padding: 50px 20px;
}
.index .contents2 .list .box .in > * {
  width: 100%;
  box-sizing: border-box;
}
.index .contents2 .list .box h4 {
  margin-bottom: 20px;
}
.index .contents2 .list .box h4::after {
  height: 6px;
  margin-top: 20px;
}
.index .contents2 .list .box figure {
  margin-bottom: 23px;
}
.index .contents2 .list .box .txt {
  text-align: center;
  padding: 0 13px 22px;
}
.index .contents2 .list .box .btn {
  width: 260px;
  margin-top: auto;
}
.index .contents2 .link {
  width: 534px;
  height: 90px;
  margin: 0 auto;
}
.index .contents2 .link a {
  font-size: 2.2rem;
  font-weight: 400;
}
.index .contents3 {
  background-position: top center, top 134px left, top 230px right, bottom right;
}
.index .contents3::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -100px;
}
.index .contents3::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -97px;
}
.index .contents3 h3 span {
  margin: 0 5px;
}
.index .contents3 .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index .contents3 .list .box {
  width: 520px;
  height: 305px;
  padding-top: 50px;
}
.index .contents3 .list .box h4 {
  font-size: 2.2rem;
  letter-spacing: 0.05em;
}
.index .contents3 .list .box.tel .tellink {
  margin: 40px 0;
}
.index .contents3 .list .box.tel .tellink::before {
  width: 29px;
  height: 35px;
  margin-right: 10px;
}
.index .contents3 .list .box.tel .tellink span {
  font-size: 4.4rem;
  letter-spacing: 0.05em;
  margin: -8px 0 -3px;
}
.index .contents3 .list .box.tel .txt {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6875;
  margin: -5px 0 -4px;
}
.index .contents3 .list .box.tel .txt p {
  display: inline-block;
  text-align: left;
  padding-left: 17px;
  position: relative;
  z-index: 0;
}
.index .contents3 .list .box.tel .txt p::before {
  position: absolute;
  top: 0;
  left: 0;
}
.index .contents3 .list .box.line .fle {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 30px 40px 0;
}
.index .contents3 .list .box.line .text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.index .contents3 .list .box.line .text p:not(.btn) {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6875;
}
.index .contents3 .list .box.line .text .btn {
  width: 258px;
  height: 62px;
}
.index .contents4::before {
  width: calc(100% - 80px);
  min-width: 1600px;
  height: 286px;
  bottom: -28px;
}
.index .contents4::after {
  width: calc(100% - 80px);
  min-width: 1600px;
  height: 305px;
  bottom: -19px;
}
.index .contents4 .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 40px;
}
.index .contents4 .box::before {
  width: calc(100% + 36px);
  height: calc(100% + 36px);
  top: -18px;
  left: -18px;
}
.index .contents4 .box::after {
  width: calc(100% - 44px);
  height: calc(100% + 36px);
  top: -18px;
  left: 22px;
}
.index .contents4 .ttl {
  width: 260px;
}
.index .contents4 .list {
  width: calc(100% - 300px);
  min-height: 260px;
}
.index .contents4 .list .listBox {
  margin-bottom: 10px;
}
.index .contents4 .list .listBox a {
  padding: 10px 19px;
}
.index .contents4 .list .listBox .tag {
  font-size: 1.6rem;
  line-height: 1.875;
  margin-bottom: 1px;
}
.index .contents4 .list .listBox .tag li {
  margin-right: 8px;
}
.index .contents4 .list .listBox .tag li::before {
  width: 6px;
  height: 6px;
  margin-right: 8px;
}
.index .contents4 .list .listBox .tag li:last-of-type::after {
  width: 6px;
  height: 6px;
  margin-left: 6px;
}
.index .contents4 .list .listBox dl dd {
  width: calc(100% - 120px);
}

/*===============================================
  葬儀ページ
===============================================*/
.funeral .contents1 {
  padding-bottom: 120px;
}
.funeral .contents1::before {
  min-width: 1360px;
  height: 0;
  padding-top: 23.90625%;
  margin-bottom: 86px;
}
.funeral .contents1::after {
  width: 94.7917%;
  min-width: 1320px;
  height: 0;
  padding-top: 26.14584%;
  margin-bottom: 4.375%;
}
.funeral .contents1 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.funeral .contents1 .txt p {
  margin-bottom: 32px;
}
.funeral .contents2::before {
  width: 94.1667%;
  min-width: 1260px;
  height: 0;
  padding-top: 14.4271%;
  margin-top: 7.29167%;
}
.funeral .contents2::after {
  width: 94.5834%;
  min-width: 1280px;
  height: 0;
  padding-top: 21.875%;
  margin-bottom: -1.77084%;
}
.funeral .contents2 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.funeral .contents2 .txt p {
  margin-bottom: 32px;
}
.funeral .contents2 .imgs {
  padding-top: 80px;
}
.funeral .contents3 {
  padding: 120px 0;
  background-size: auto, 16.82292%, 26.875%;
  background-position: center top, left bottom 211px, right bottom;
}
.funeral .contents3::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -100px;
}
.funeral .contents3::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -97px;
}
.funeral .contents3 .cont {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.funeral .contents3 .flowList .box {
  margin-bottom: 38px;
  position: relative;
  z-index: 0;
}
.funeral .contents3 .flowList .box::before {
  content: "";
  width: 10px;
  height: calc(100% + 28px);
  background: linear-gradient(to right, #c7e3e9 2px, transparent 2px, transparent 4px) repeat left top/4px;
  position: absolute;
  left: 30px;
  top: 10px;
  z-index: -2;
}
.funeral .contents3 .flowList .box:last-of-type::before {
  display: none;
}
.funeral .contents3 .flowList .box h4 .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.funeral .contents3 .flowList .box h4 .icon::after {
  content: "";
  display: block;
  width: 54px;
  height: 6px;
  background: url(../images/common/dot_blue.png) no-repeat center/contain;
  margin-left: 16px;
}
.funeral .contents3 .flowList .box h4 .t {
  width: calc(100% - 156px);
  font-size: 2.6rem;
  line-height: 1.15385;
  letter-spacing: 0.05em;
}
.funeral .contents3 .flowList .box .txt {
  padding-left: 156px;
}
.funeral .contents4 {
  padding: 80px 0;
  background-position: left bottom, top right 16.3679%, right bottom, center;
  background-size: 31.6667%, 33.1771%, 16.875%;
}
.funeral .contents4::before {
  width: calc(100% - 80px);
  min-width: 1320px;
  height: 216px;
  bottom: -30px;
}
.funeral .contents4::after {
  width: calc(100% - 80px);
  min-width: 1320px;
  height: 245px;
  bottom: -22px;
}
.funeral .contents4 .box {
  width: 960px;
  padding: 78px 0 89px;
}
.funeral .contents4 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.funeral .contents4 .txt p {
  margin-bottom: 32px;
}

/*===============================================
  法要ページ
===============================================*/
.service .contents1::before {
  min-width: 1360px;
  height: 0;
  padding-top: 31.25%;
  margin-bottom: 176px;
}
.service .contents1::after {
  width: 94.7917%;
  min-width: 1320px;
  height: 0;
  padding-top: 33.28125%;
  margin-bottom: 178px;
}
.service .contents1 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.service .contents1 .txt p {
  margin-bottom: 32px;
}
.service .contents1 .box {
  width: 960px;
  padding: 89px 0;
  margin: 60px auto 0;
}
.service .contents2::before {
  width: 94.1667%;
  min-width: 1260px;
  height: 0;
  padding-top: 14.4271%;
  margin-top: 7.29167%;
}
.service .contents2::after {
  width: 94.5834%;
  min-width: 1280px;
  height: 0;
  padding-top: 21.875%;
  margin-bottom: -1.77084%;
}
.service .contents2 .textBox {
  text-align: center;
  margin: -8px 0 -6px;
}
.service .contents2 .list {
  width: 930px;
  padding-top: 80px;
  margin: 0 auto;
}
.service .contents2 .list .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 27px 0 23px;
}
.service .contents2 .list .box h4 {
  font-size: 2.6rem;
  line-height: 1.23077;
  letter-spacing: 0.05em;
}
.service .contents2 .list .box .txt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(100% - 215px);
}
.service .contents2 .list .box .txt::before {
  content: "";
  display: block;
  width: 54px;
  height: 6px;
  background: url(../images/common/dot_blue.png) no-repeat center/contain;
  margin-top: 13px;
}
.service .contents2 .list .box .txt p {
  width: calc(100% - 75px);
}
.service .contents2 .list .box .txt p .ki {
  display: inline-block;
  margin-right: -0.5em;
}
.service .contents3 {
  padding: 120px 0;
  background-size: auto, 16.82292%, 18.02084%;
  background-position: center top, left bottom 211px, right bottom;
}
.service .contents3::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -100px;
}
.service .contents3::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -97px;
}
.service .contents3 .textBox {
  text-align: center;
  margin: -8px 0 -6px;
}
.service .contents3 .list {
  width: 930px;
  padding-top: 80px;
  margin: 0 auto;
}
.service .contents3 .list .box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 27px 0 23px;
}
.service .contents3 .list .box h4 {
  font-size: 2.6rem;
  line-height: 1.23077;
  letter-spacing: 0.05em;
}
.service .contents3 .list .box .txt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(100% - 215px);
}
.service .contents3 .list .box .txt::before {
  content: "";
  display: block;
  width: 54px;
  height: 6px;
  background: url(../images/common/dot_pink.png) no-repeat center/contain;
  margin-top: 13px;
}
.service .contents3 .list .box .txt p {
  width: calc(100% - 75px);
}
.service .contents4 {
  background-position: center bottom, left bottom, top right 7.3266%, right bottom, center;
  background-size: auto, 23.64584%, 33.1771%, 16.9792%;
}
.service .contents4::before {
  width: calc(100% - 80px);
  min-width: 1320px;
  height: 216px;
  bottom: -30px;
}
.service .contents4::after {
  width: calc(100% - 80px);
  min-width: 1320px;
  height: 245px;
  bottom: -22px;
}
.service .contents4 .textBox {
  text-align: center;
  margin: -8px 0 -6px;
}
.service .contents4 .list {
  width: 930px;
  padding-top: 80px;
  margin: 0 auto;
}
.service .contents4 .list .box {
  padding: 29px 0 23px;
}
.service .contents4 .list .box h4 {
  font-size: 2.6rem;
  line-height: 1.23077;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.service .contents4 .list .box .txt {
  padding-left: calc(27px + 0.05em);
}
.service .contents5 {
  background-size: 25.7292%, 18.64584%, auto;
}
.service .contents5::before {
  width: calc(100% - 200px);
  height: 130px;
  top: 118px;
}
.service .contents5 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.service .contents5 .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding-top: 20px;
}
.service .contents5 .list .box {
  width: 350px;
  margin-top: 40px;
}
.service .contents5 .list .box .in {
  padding-top: 158px;
}
.service .contents5 .list .box h4 {
  padding: 48px 0 14px;
}
.service .contents5 .list .box h4 > span {
  font-size: 2rem;
  letter-spacing: 0.05em;
  padding: 0 8px;
}
.service .contents5 .list .box h4::before, .service .contents5 .list .box h4::after {
  width: 20px;
  height: 19px;
}
.service .contents6 {
  background-size: auto, 31.9271%, 28.07292%;
}
.service .contents6::after {
  min-width: 1400px;
  height: 109px;
  margin-bottom: -2.6042%;
}
.service .contents6 .box {
  width: 886px;
  padding: 65px 0 70px;
  margin: 0 auto;
}
.service .contents6 .box .txt {
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.45455;
}
.service .contents6 .box .tel {
  padding: 45px 0 30px;
}
.service .contents6 .box .tel::before {
  width: 29px;
  height: 35px;
  margin-right: 10px;
}
.service .contents6 .box .tel span {
  font-size: 4.4rem;
  letter-spacing: 0.05em;
  margin: -8px 0 -3px;
}
.service .contents6 .box .btn {
  width: 258px;
  height: 62px;
  margin: 0 auto;
}

/*===============================================
  お墓ページ
===============================================*/
.tomb .contents1 {
  padding-bottom: 0;
}
.tomb .contents1::before {
  min-width: 1360px;
  height: 0;
  padding-top: 31.25%;
  margin-bottom: 283px;
}
.tomb .contents1::after {
  width: 94.7917%;
  min-width: 1320px;
  height: 0;
  padding-top: 33.28125%;
  margin-bottom: 285px;
}
.tomb .contents1 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.tomb .contents1 .txt p {
  margin-bottom: 32px;
}
.tomb .contents1 .imgs {
  padding: 80px 0 60px;
}
.tomb .contents1 .btn {
  width: 430px;
  height: 90px;
  margin: 0 auto;
}
.tomb .contents1 .btn a > span {
  font-size: 2.2rem;
  line-height: 1;
}
.tomb .contents1 .btn a > span .min {
  font-size: 1.8rem;
  margin-bottom: 12px;
}
.tomb .contents2 {
  background-position: center bottom, left top 37px, right bottom 219px;
  background-size: auto, 25.1042%, 21.40625%;
}
.tomb .contents2 figure {
  width: 820px;
  padding: 8px;
  margin-bottom: 50px;
}
.tomb .contents2 .links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tomb .contents2 .links li {
  width: 330px;
  height: 70px;
  margin-right: 30px;
}
.tomb .contents2 .links li:last-of-type {
  margin-right: 0;
}
.tomb .contents2 .links li a::after {
  width: 26px;
  left: 40px;
}
.tomb .contents3::before {
  width: 94.1667%;
  min-width: 1260px;
  height: 0;
  padding-top: 18.6459%;
  margin-top: 5.3646%;
}
.tomb .contents3::after {
  width: 94.5834%;
  min-width: 1280px;
  height: 0;
  padding-top: 24.53125%;
  margin-bottom: -1.9792%;
}
.tomb .contents3 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.tomb .contents3 .txt p {
  margin-bottom: 32px;
}
.tomb .contents3 .price {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 680px;
  padding: 26px 0 25px;
  margin: 60px auto 40px;
}
.tomb .contents3 .price dt {
  margin-right: 50px;
}
.tomb .contents3 .price dt::after {
  width: 54px;
  height: 6px;
  margin-left: 30px;
}
.tomb .contents3 .price dd span {
  font-size: 2.6rem;
  line-height: 1.23077;
  margin-right: 50px;
}
.tomb .contents3 .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.tomb .contents3 .list .box {
  width: 480px;
}
.tomb .contents3 .list .box .in {
  padding: 49px 20px 50px;
}
.tomb .contents3 .list .box h4 {
  margin-bottom: 20px;
}
.tomb .contents3 .list .box h4::after {
  height: 6px;
  margin-top: 18px;
}
.tomb .contents3 .list .box figure {
  margin-bottom: 30px;
}
.tomb .contents4 {
  padding: 120px 0;
  background-size: auto, 16.82292%, 18.02084%;
  background-position: center top, left bottom 211px, right bottom;
}
.tomb .contents4::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -100px;
}
.tomb .contents4::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -97px;
}
.tomb .contents4 .txt {
  text-align: center;
  margin: -8px 0 -6px;
}
.tomb .contents4 .txt p {
  margin-bottom: 32px;
}
.tomb .contents4 .list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.tomb .contents4 .list .box {
  width: 480px;
}
.tomb .contents4 .list .box .in {
  padding: 49px 20px 50px;
}
.tomb .contents4 .list .box h4 {
  margin-bottom: 20px;
}
.tomb .contents4 .list .box h4::after {
  height: 6px;
  margin-top: 18px;
}
.tomb .contents4 .list .box figure {
  margin-bottom: 30px;
}
.tomb .contents4 .list .box .price {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 122px;
  box-sizing: border-box;
  padding: 23px 0 22px;
}
.tomb .contents4 .list .box .price dt {
  margin-right: 50px;
}
.tomb .contents4 .list .box .price dt::after {
  width: 54px;
  height: 6px;
  margin-left: 30px;
}
.tomb .contents4 .list .box .price dd:not(.oth) {
  font-size: 2.6rem;
  line-height: 1.23077;
}
.tomb .contents4 .list .box .price .oth {
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
  margin-top: auto;
}
.tomb .contents5 {
  background-size: 33.1771%, 31.71875%, 19.0625%, auto, auto;
  background-position: top right 7.3266%, left bottom 234px, right bottom, center bottom, center;
}
.tomb .contents5::before {
  min-width: 1420px;
  height: 0;
  padding-top: 31.3021%;
  top: 306px;
}
.tomb .contents5::after {
  min-width: 1420px;
  height: 0;
  padding-top: 31.3021%;
  top: 332px;
}
.tomb .contents5 .txt p {
  margin-bottom: 32px;
}
.tomb .contents5 .leadBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 69px 60px;
  margin-bottom: 20px;
}
.tomb .contents5 .leadBox .txt {
  width: calc(100% - 450px);
}
.tomb .contents5 .secBox {
  padding-top: 100px;
}
.tomb .contents5 .secBox .textList {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: -30px;
}
.tomb .contents5 .secBox .textList .box {
  width: 510px;
  margin-top: 30px;
}
.tomb .contents5 .secBox .textList .box .in {
  min-height: calc(100% - 51px);
  padding: 40px 29px 33px;
}
.tomb .contents5 .secBox .textList .box h5 {
  font-size: 2.6rem;
  letter-spacing: 0.05em;
  margin-bottom: 13px;
}
.tomb .contents5 .secBox .textList .box h5::after {
  height: 6px;
  margin-top: 20px;
}
.tomb .contents5 .secBox .textList .box p {
  text-align: center;
}
.tomb .contents5 .secBox .textList .box:nth-of-type(1)::before, .tomb .contents5 .secBox .textList .box:nth-of-type(4)::before {
  background: url(../images/common/mizuhiki-top_blue.png) no-repeat center/auto 100%;
}
.tomb .contents5 .secBox .textList .box:nth-of-type(1)::after, .tomb .contents5 .secBox .textList .box:nth-of-type(4)::after {
  background: url(../images/common/mizuhiki-bottom_blue.png) no-repeat center/auto 100%;
}
.tomb .contents5 .secBox .textList .box:nth-of-type(2)::before, .tomb .contents5 .secBox .textList .box:nth-of-type(3)::before {
  background: url(../images/common/mizuhiki-top_beige.png) no-repeat center/auto 100%;
}
.tomb .contents5 .secBox .textList .box:nth-of-type(2)::after, .tomb .contents5 .secBox .textList .box:nth-of-type(3)::after {
  background: url(../images/common/mizuhiki-bottom_beige.png) no-repeat center/auto 100%;
}
.tomb .contents5 .secBox .priceList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 922px;
  padding: 30px 0 24px;
  margin: 0 auto;
}
.tomb .contents5 .secBox .priceList .box {
  width: calc(50% - 1px);
  text-align: center;
  padding: 30px 0 35px;
  position: relative;
  z-index: 0;
}
.tomb .contents5 .secBox .priceList .box::after {
  content: "";
  width: 2px;
  height: 100%;
  background: #e6d8c7;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -2;
}
.tomb .contents5 .secBox .priceList .box:last-of-type::after {
  display: none;
}
.tomb .contents5 .secBox .priceList .box h5 {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
.tomb .contents5 .secBox .priceList .box h5::after {
  height: 6px;
  margin-top: 20px;
}
.tomb .contents5 .secBox .priceList .box .price {
  font-size: 2.6rem;
  line-height: 1;
  margin-bottom: 38px;
}
.tomb .contents5 .secBox .priceList .box .price dt {
  margin-right: calc(26px + 0.05em);
}
.tomb .contents5 .secBox .priceList .box .memo {
  font-size: 1.6rem;
  line-height: 1;
}
.tomb .contents6 {
  background-size: 23.1771%, 31.9271%;
}
.tomb .contents6::after {
  min-width: 1400px;
  height: 109px;
  margin-bottom: -2.6042%;
}
.tomb .contents6 h3 span {
  margin: 0 5px;
}
.tomb .contents6 .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tomb .contents6 .list .box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 520px;
  height: 305px;
}
.tomb .contents6 .list .box > * {
  width: 100%;
  box-sizing: border-box;
}
.tomb .contents6 .list .box h4 {
  font-size: 2.2rem;
  letter-spacing: 0.05em;
}
.tomb .contents6 .list .box.tel .tellink {
  margin-bottom: 40px;
}
.tomb .contents6 .list .box.tel .tellink::before {
  width: 29px;
  height: 35px;
  margin-right: 10px;
}
.tomb .contents6 .list .box.tel .tellink span {
  font-size: 4.4rem;
  letter-spacing: 0.05em;
  margin: -8px 0 -3px;
}
.tomb .contents6 .list .box.tel .txt {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6875;
  margin: -5px 0 -4px;
}
.tomb .contents6 .list .box.tel .txt p {
  display: inline-block;
  text-align: left;
  padding-left: 17px;
  position: relative;
  z-index: 0;
}
.tomb .contents6 .list .box.tel .txt p::before {
  position: absolute;
  top: 0;
  left: 0;
}
.tomb .contents6 .list .box.line .fle {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 30px 40px 0;
}
.tomb .contents6 .list .box.line .text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.tomb .contents6 .list .box.line .text p:not(.btn) {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6875;
}
.tomb .contents6 .list .box.line .text .btn {
  width: 258px;
  height: 62px;
}

/*===============================================
  ギャラリーページ
===============================================*/
.gallery .contents1 {
  background-position: left top 132px, right top 131px, right bottom;
  background-size: 18.07292%, 18.75%, 18.02084%;
}
.gallery .contents1::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -4.16667%;
}
.gallery .contents1::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -2.60417%;
}
.gallery .contents1 h3 {
  font-size: 2.6rem;
  letter-spacing: 0.05em;
}
.gallery .contents1 h3::after {
  margin-top: 20px;
}
.gallery .contents1 .list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px 0 60px;
}
.gallery .contents1 .list::before, .gallery .contents1 .list::after {
  height: 10px;
}
.gallery .contents1 .list li {
  width: 330px;
  margin-top: 30px;
  margin-right: 45px;
}
.gallery .contents1 .list li:nth-of-type(3n), .gallery .contents1 .list li:last-of-type {
  margin-right: 0;
}

/*===============================================
  寺院情報ページ
===============================================*/
.info .contents1 {
  padding-bottom: 136px;
  background-position: center bottom, left top 172px, right top 131px, left bottom, right bottom;
  background-size: auto, 17.96875%, 18.75%, 20.9896%, 20.6771%;
}
.info .contents1 h3 {
  margin-bottom: 76px;
}
.info .contents1 .table {
  width: 888px;
  padding: 37px 44px;
  margin: 0 auto;
}
.info .contents1 .table::before {
  width: calc(100% + 72px);
  height: calc(100% + 72px);
  top: -36px;
  left: -36px;
}
.info .contents1 .table::after {
  width: calc(100% - 8px);
  height: calc(100% + 72px);
  top: -36px;
  left: 4px;
}
.info .contents1 .table dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.info .contents1 .table dl dt {
  width: 220px;
  padding: 23px 40px;
}
.info .contents1 .table dl dt::before {
  width: 6px;
  height: 6px;
  margin-right: 14px;
}
.info .contents1 .table dl dd {
  width: calc(100% - 220px);
  padding: 23px 0;
}
.info .contents1 .table dl dd span {
  margin-right: 18px;
}
.info .contents2::before {
  width: 94.1667%;
  min-width: 1360px;
  height: 0;
  padding-top: 14.4271%;
  margin-top: 7.2917%;
}
.info .contents2::after {
  width: 94.5834%;
  min-width: 1360px;
  height: 0;
  padding-top: 23.02084%;
  margin-top: 19.6875%;
  top: 0;
}
.info .contents2 .h3_1 {
  margin-bottom: 40px;
}
.info .contents2 .list {
  width: 820px;
  padding: 30px 0 23px;
  margin: 0 auto;
}
.info .contents2 .list.fle {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.info .contents2 .list dl dt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.info .contents2 .list dl dt .t {
  font-size: 2.6rem;
  line-height: 1.15385;
  order: 2;
}
.info .contents2 .list dl dt::after {
  width: 54px;
  height: 6px;
  margin: 0 16px;
  order: 1;
}
.info .contents2 .list dl dd {
  padding-left: 156px;
}
.info .contents2 .box {
  padding: 80px 0;
}
.info .contents2 .map {
  height: 300px;
}
.info .contents3 {
  background-position: center top, center bottom, left top 96px, right top, left bottom;
  background-size: auto, auto, 17.03125%, 22.77605%, 24.4792%;
}
.info .contents3::before {
  width: 94.834%;
  height: 0;
  padding-top: 13.8021%;
  margin-bottom: -1.0417%;
}
.info .contents3::after {
  width: 93.75%;
  height: 0;
  padding-top: 10.3125%;
  margin-bottom: -0.7292%;
}
.info .contents3 .box {
  width: 930px;
  padding: 20px 20px 25px;
  margin: 0 auto;
}
.info .contents3 .box h4 {
  letter-spacing: 0.05em;
  margin-bottom: 9px;
}
.info .contents3 .box h4 .icon {
  font-size: 4.2rem;
  transform: translateY(-6px);
}
.info .contents3 .box h4 .t {
  width: calc(100% - 58px);
  font-size: 2.6rem;
  line-height: 1.23077;
  padding: 5px 0;
}
.info .contents3 .box .txt {
  padding-left: 58px;
}

/*==================================================
 ニュース一覧
================================================== */
.news .contents1::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -4.16667%;
}
.news .contents1::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -2.60417%;
}
.news .contents1 .list-box .listBox {
  margin-bottom: 10px;
}
.news .contents1 .list-box .listBox a {
  padding: 16px 24px;
}
.news .contents1 .list-box .listBox .tag {
  font-size: 1.6rem;
  line-height: 1.875;
  margin-bottom: 1px;
}
.news .contents1 .list-box .listBox .tag li {
  margin-right: 8px;
}
.news .contents1 .list-box .listBox .tag li::before {
  width: 6px;
  height: 6px;
  margin-right: 8px;
}
.news .contents1 .list-box .listBox .tag li:last-of-type::after {
  width: 6px;
  height: 6px;
  margin-left: 6px;
}
.news .contents1 .list-box .listBox dl dd {
  width: calc(100% - 120px);
}

/*==================================================
 ニュース詳細
================================================== */
.news_detail .contents1::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -4.16667%;
}
.news_detail .contents1::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -2.60417%;
}
.news_detail .contents1 .post-data {
  font-size: 1.6rem;
  line-height: 1.375;
  margin-bottom: 20px;
}
.news_detail .contents1 .item-box {
  padding: 60px 40px;
}
.news_detail .contents1 .item-box::before {
  width: calc(100% + 36px);
  height: calc(100% + 36px);
  top: -18px;
  left: -18px;
}
.news_detail .contents1 .item-box::after {
  width: calc(100% - 44px);
  height: calc(100% + 36px);
  top: -18px;
  left: 22px;
}

/*==================================================
 お問い合わせ
================================================== */
.contact .contents1::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -4.16667%;
}
.contact .contents1::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -2.60417%;
}
.contact .contents1 .table {
  margin-bottom: 40px;
}
.contact .contents1 .table th {
  width: 350px;
  text-align: left;
  line-height: 2;
  padding: 20px 16px;
  border-bottom: solid 2px #fff;
}
.contact .contents1 .table td {
  vertical-align: middle;
  padding: 20px 16px;
  border-bottom: solid 2px #c7e3e9;
}
.contact .contents1 .table tr:last-of-type {
  border-bottom-color: #c7e3e9;
}
.contact .contents1 .table tr:last-of-type th,
.contact .contents1 .table tr:last-of-type td {
  border-bottom: none;
}

/*==================================================
プライバシーポリシー
================================================== */
.privacy .contents1::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -4.16667%;
}
.privacy .contents1::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -2.60417%;
}
.privacy .contents1 .item-box {
  margin-bottom: 56px;
}

/*==================================================
 サイトマップ
================================================== */
.site .contents1::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -4.16667%;
}
.site .contents1::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -2.60417%;
}
.site .contents1 .site_list {
  width: 800px;
}
.site .contents1 .site_list::before {
  width: calc(100% + 36px);
  height: calc(100% + 36px);
  top: -18px;
  left: -18px;
}
.site .contents1 .site_list::after {
  width: calc(100% - 44px);
  height: calc(100% + 36px);
  top: -18px;
  left: 22px;
}
.site .contents1 .site_list ul {
  padding: 40px;
}
.site .contents1 .site_list ul li a {
  padding: 15px 20px;
}

/*===============================================
  お問い合わせ完了
===============================================*/
.complete .contents1 h3 {
  font-size: 2.6rem;
  letter-spacing: 0.05em;
}

/*===============================================
  404エラー
===============================================*/
.error .contents1::before {
  min-width: 1600px;
  height: 328px;
  margin-bottom: -4.16667%;
}
.error .contents1::after {
  min-width: 1350px;
  width: calc(100% - 250px);
  height: 109px;
  margin-bottom: -2.60417%;
}