@charset "UTF-8";
/* grid_pc */
.row {
  display: flex; }

.column {
  margin-left: 4%; }

.column:first-child {
  margin-left: 0; }

.one.column {
  width: 4.66666666667%; }

.two.column {
  width: 13.3333333333%; }

.three.column {
  width: 22%; }

.four.column {
  width: 30.6666666667%; }

.five.column {
  width: 39.3333333333%; }

.six.column {
  width: 48%; }

.seven.column {
  width: 56.6666666667%; }

.eight.column {
  width: 65.3333333333%; }

.nine.column {
  width: 74.0%; }

.ten.column {
  width: 82.6666666667%; }

.eleven.column {
  width: 91.3333333333%; }

.twelve.column {
  width: 100%; }

.row.row_reverse {
  flex-direction: row-reverse; }
  .row.row_reverse .column:last-child {
    margin-left: 0; }
  .row.row_reverse .column:first-child {
    margin-left: 4%; }

:target {
  scroll-margin-top: 96px; }

body {
  font-size: 1.8rem;
  line-height: 1.6;
}

/*----------------------------------------------

  header

----------------------------------------------*/


/*----------------------------------------------

  container

----------------------------------------------*/
.container {
  max-width: 960px;
  margin: 0 auto; }
  .container.xs {
    max-width: 640px; }
  .container.sm {
    max-width: 800px; }
  .container.md {
    max-width: 880px; }
  .container.wide {
    width: 100%;
    max-width: 90%; }

/*----------------------------------------------

  article

----------------------------------------------*/
/*----------------------------------------------

  asset

----------------------------------------------*/
.txt_center_pc{
    text-align:center;
}

/*
市民葬のご案内
----------------------------------------------*/

.plan_list{
    flex-direction: row;
    flex-wrap: wrap;
    li{
        width: calc((100% / 2) - 2rem);
    }
}

/*
市民葬の予約割引・無料特典
----------------------------------------------*/

.tokuten_list{
    flex-direction: row;
    div{
        width:calc((100% / 2) - 2rem);
        padding: 3rem;
    }
}