@charset "UTF-8";

/* grid_sp */
@media (min-width: 767px) {
  .row {
    display: flex;
    justify-content: space-between; }

  .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%; } }
@media (max-width: 766px) {
  .row .column + .column {
    margin-top: 2em; } }

body {
  font-size: 1.6rem; }

img {
  max-width: 100%;
  width: 100%;
  height: auto; }


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

  固定メニュー

----------------------------------------------*/
.float_bn{
    position: fixed;
    right: auto;
    left: 0;
    bottom: 0;
    width: calc(100% - 52px);
    .cta_call{
        max-width: 100%;
    width: 100%;
        align-items: flex-start;
        margin: 0 auto 0 0;
        a{
            border-radius: 0;
            padding: .5em;
            height: 52px;
            width:100%;
            line-height: 1.4;
            strong img{
                width:200px;
                margin: 0 auto;
            }
            span{
                font-size:1.3rem;
            }
        }
    }
}

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

  header

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

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

  footer

----------------------------------------------*/
.site_footer{
    margin-bottom: 52px;
}

.site_footer_nav{
    
}

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

  container

----------------------------------------------*/
.container {
    margin: 0 4%;
}

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

  トップページ

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


/* タブレット以下 */


/*
供花のご案内
----------------------------------------------*/
@media (max-width: 766px) {
    .kyoka_list{
        li{
            flex-direction: column;
            figure{
                margin: 0 auto;
            }
        }
}
    

/*
市民葬のご案内
----------------------------------------------*/
    .shiminso_point{
    padding:1em 1em 1em .5em;
}