@charset "UTF-8";
/*!
 * Theme Name:  mitsuwa
 * Description:  オリジナルテーマ、みつわのコモンCSSになります。
 * ress.css • v2.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */

 html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:break-word;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}/*input{border-radius:0}*/[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}

 /* SP独自のcss　ここから*/
.sp_text_left{text-align: justify;}
.sp_center{text-align: center;}
 /* SP独自のcss　ここまで*/

/* コモン ここから*/
body{
  font-family: "游ゴシック", YuGothic,
  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
  "メイリオ", Meiryo,
  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
}
figure{line-height: 0;max-width:100%;}
img{max-width: 100%; width: 100%; height: auto;}
a{text-decoration: none;color:initial;}
a:hover{color:#ff7675}
p{font-size: 4.522vw;}
.pc{display: none !important;}
.sp{display: block !important;}
h1,h2,h3,h4,h5,h6{font-weight: initial;}
h2{line-height: 1.2;}
.h1{font-size: 10vw;}
.h2{font-size: 7.5vw}
.h3{font-size: 5.64vw}
.h4{font-size: 5.64vw}
.h5{font-size: 5.64vw}
.h6{font-size: 4.7vw}
.large28{font-size: 6.64vw}
.large{font-size: 5.64vw}
.small13{font-size: 4.08vw;}
.small{font-size: 3.44vw;}
.bold{font-weight: 700;}
.numbar{font-family: 'Oswald', sans-serif;}
.color_main{color:#b03671}
.color_key{color:#ff7675}
.color_text{color:#2d2d2d}
.color_gray{color:#b9b9b9}
.number{font-family: 'Oswald', sans-serif;font-weight: 700;}
.center{text-align: center;}
section{ padding-top: 40px; padding-bottom: 40px;}
.padding_0{ padding-top: 0px;padding-bottom: 0px;}
.container{margin: 0 10px;}
.start_point{position: relative;}
.margin_bottom5{margin-bottom: 1.04vw;}
.margin_bottom15{margin-bottom: 3.125vw;}
.margin_bottom30{margin-bottom: 6.25vw;}
.margin_bottom45{margin-bottom: 9.375vw;}
.margin_bottom60{margin-bottom: 12.5vw;}
.note{
  text-align: left;
  font-size: 12px;
}
li{
  list-style: none;
}

.sp__inline {
  display: block;
}

.pc__inline {
  display: none;
}

.full_width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.cta_btn{
    width: 100%;
    text-align: center !important;
    border: 1px solid #2d2d2d;
    border-radius: 5px;
    margin: auto;
    background: #fff;
}
.cta_btn_pink{
    width: 100%;
    height: 18.76vw;
    text-align: center;
    border: 1px solid #2d2d2d;
    border-radius: 5px;
    margin: auto;
}
.cta_btn a,
.cta_btn_pink a{
    display: block;
    padding: 5vw 2vw;
    height: 16vw;
}
.cta_btn_pink a{
    color: #2d2d2d;
}
#main{width: 100vw;}
/* コモン ここまで*/

/* パンくず ここから*/
.breadcrumbs{
    position: absolute;
    top: -50px;
    left: 0;
    margin: auto;
    font-size: 12px;
    color:#fff;
}
.breadcrumbs a{
    color: #fff;
}
.breadcrumbs a:hover{
    color: #ff7675;
}
.breadcrumbs02{
    color: #2d2d2d;
    font-size: 12px;
    margin-bottom: 20px;
}
.breadcrumbs02 a{
    color: #2d2d2d;
}
.breadcrumbs02 a:hover{
    color:#ff7675;
}
/* パンくず ここまで*/

/* ヘッダー ここから*/
header{margin-bottom: 0 !important;}

/* ヘッダーハンバーガーメニュー ここから*/
.header_top_menu{
    display: flex;
}
.nav_hamburder_title{
    font-size: 3.14vw;
    margin: 2vw 4vw 0 auto;
    text-align: center;
}
.header_top_menu p .fas{
    font-size: 32px;
}
#nav-drawer {
    position: relative;
  }
  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display:none;
  }
  /*アイコンのスペース*//*
  #nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
  }
  */
  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
  }
  #nav-open span:before {
    bottom: -8px;
  }
  #nav-open span:after {
    bottom: -16px;
  }

  /*閉じる用の薄黒カバー*/
  #nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }

  /*中身*/
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 90%;/*最大幅（調整してください）*/
    height: 100%;
    background: #fff;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(+105%);
    transform: translateX(+105%);/*左に隠しておく*/
  }

  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
  }

  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示（右へスライド）*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }

  /* メニュー中身 */
  .nav-content_header{
    overflow: auto;
    margin-bottom: 5%;
    padding: 3% 3% 0% 3%;
  }
  .nav-content_header_left{float: left; font-size: 7vw; margin-right: 1vw;}
  .nav-content_header_right{float: right; font-size: 7vw; margin-right: 1vw;}
  #header_container .header_box .header_box_right .nav-content_header p{
    clear: both;
    width: 100%;
    margin-top: 5%;
  }
  .menu_block{
    clear: both;
    margin-bottom: 1px;
  }
  .menu_block h3{
    background: #ff7675;
    height: 5%;
    text-align: left;
    font-size: 4.5vw;
    color:#fff;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    text-indent: 5%;
  }
  .nav_menu__title{
    background: #ff7675;
    height: 5%;
    text-align: left;
    font-size: 4.5vw;
    color:#fff;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    text-indent: 5%;
  }
  .menu_block ul{
    list-style: none;
    background: #fbf3e8;
  }
  .menu_block ul li{
    border-bottom: 1px dashed  #bfbfbf;
    height: 12vw;
    position: relative;
    padding: 4% 0 1% 10%;
    background-color: #f7f7f7;
    font-size: 4.0vw;
  }
  .menu_block ul li:last-child{
    border-bottom: none;
  }
  .menu_block ul li::before {
    content: "";
    background: url(../img/top/arrow_img.gif) no-repeat;
    background-size: contain;
    position: absolute;
    left: 6%;
    top: 1.8vh;
    width: 5vw;
    height: 5vw;
  }
  .menu_block ul li a{
    padding-left: 0;
  }
/* ヘッダーハンバーガーメニュー　ここまで */

/* グローバルメニュー ここから*/
.site-header{}
.site-header ul.icon_nav{
    display: flex;
    max-width: 100%;
    list-style: none;
    font-size: 3vw;
    border-top: 0.1vw solid #e5e5e5;
    border-bottom: 0.1vw solid #e5e5e5;
}
.site-header ul.icon_nav li{
    padding: 2vw 4vw 1vw;
    text-align: center;
}
.site-header ul.icon_nav li.left_bar{
    border-left: 1px solid #e5e5e5;
}
.site-header ul.icon_nav li.oisogi{
    background: #ff7675;
    color:#fff;
    padding: 0;
}
.site-header ul.icon_nav li.oisogi a{
    color:#fff;
    display: block;
    padding: 1.5vw 4.6vw 1vw;
}
.site-header ul.icon_nav li.oisogi i{
    color:#fff;
}
.site-header ul.icon_nav li i{
    font-size: 7vw;
    margin-bottom: 1.5vw;
    color:#ff7675;
}
/* グローバルメニュー ここまで*/
/* ヘッダー ここまで*/

/* キャッチスライドバナー ここから*/
#main_visual .main_visual_img{
    width: 100%;
    height: auto;
    max-width: 100vw;
}

.owl-carousel.owl-theme .owl-dots{
    position: relative;
    /* bottom: 30px; */
}
/* キャッチスライドバナー ここまで*/

/* みつわについて ここから*/
#top_about_mitsuwa{
    background:url("../../mitsuwa/img/top/top_about_mitsuwa_sp_bg_img.jpg") no-repeat;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#top_about_mitsuwa p.text_line_hight{
    line-height: 1.5;
    margin-bottom: 5vw;
}
.top_about_mitsuwa_box{

}
.top_about_mitsuwa_box ul{
    display: flex;
    list-style: none;
    justify-content: space-evenly;
    width: 100%;
    margin: auto;
}
.top_about_mitsuwa_box ul li{
    background: linear-gradient(#faeafa 0%, #e8f8f6 100%);
    width: 30%;
    border-radius: 150px;
    box-shadow: 0px 0px 14px -7px rgba(0,0,0,0.5);
    padding: 7vw 0;
    font-size: 5.64vw;
    line-height: 1.2;
}
/* みつわについて ここまで*/

/* みつわのこだわり ここから*/
.commitment_p{
    margin-bottom: 3.125vw;
}
.commitment_box ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.commitment_box ul li{
    width: 100%;
    margin-bottom: 6.26vw;
}
.commitment_box ul li:last-child{
    margin-bottom: 0;
}
.commitment_box ul li div{
    background:url("../../mitsuwa/img/top/commitment_bg_img.jpg") no-repeat;
    padding: 3vw;
    background-size: cover;
    color: #fff;
}
.commitment_box ul li div h3{
    border-bottom: 3px solid;
    margin-bottom: 2vw;
}
.commitment_box ul li div p{
    text-align: justify;
}
.commitment_box ul li img{
    width: 100%;
}
.commitment_box ul li img.bottom24{
    margin-bottom: 3vw;
    width: 28.76vw;
}
.commitment_box ul li img.bottom41{
    margin-bottom: 3vw;
    width: 28.76vw;
}
/* みつわのこだわり ここまで*/

/* みつわのとりくみ ここから*/
#effort{
    background:url("../../mitsuwa/img/top/commitment_sp_bg_img.jpg") no-repeat center top;
    padding: 60px 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-position-y: 11vw;
}
.effort_box{
    margin-bottom: 0;
}
.effort_box ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.effort_box ul li{
    margin-bottom: 6.26vw;
}
.effort_box ul li img{
    width: 100%;
}
.effort_box ul li div{
    padding: 3vw 0;
}

.effort_box ul li div p{
    text-align: justify;
}
/* みつわのとりくみ ここまで*/

/* みつわのサポート ここから*/
#top_support{
    background:url("../../mitsuwa/img/top/top_support_sp_bg_img.jpg") no-repeat center top;
    padding: 60px 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-position-y: 6vw;
}
.top_support_box{
    margin-bottom: 30px;
}
.top_support_box ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.top_support_box ul li{
    margin-bottom: 10.26vw;
}
.top_support_box ul li:last-child{
    margin-bottom: 0;
}
.top_support_box ul li img{
    width:100%;
}
.top_support_box ul li div{
    padding: 3vw 0;
}
.top_support_box ul li div p{
    text-align: justify;
}
.top_support_cta{
    margin-top: 3vw;
}
.top_support_cta a{
    display: block;
    padding: 8px;
}
.top_support_cta span{
    font-size: 12px;
    font-weight: normal;
}
.top_support_box_zigo{
    padding-bottom: 0 !important;
}
/* みつわのサポート ここまで*/

/* きめ細やかなサービス ここから*/
.detailed_service_box .detailed_service_box_left{
    margin-bottom: 15px;
}
.detailed_service_box .detailed_service_box_right{
    text-align: left;
}
/* きめ細やかなサービス ここまで*/

/* よくある質問 ここから*/
#faq dl{
    text-align: left;
    margin: 0 auto 12.5vw;
}
#faq dl dd{
    padding: 0 0 0 9.38vw;
    position: relative;
    margin-bottom: 10.94vw;
    font-size: 4.7vw;
}
#faq dl dt{
    position: relative;
    margin-bottom: 3.13vw;
    padding-bottom: 3.10vw;
    border-bottom: 1px dashed;
    margin-left: 9.38vw;

}
#faq dl dt::before {
    content: url(../img/top/q.gif);
    display: block;
    position: absolute;
    left: -9.38vw;
    top: 1vw;
    width: 9.38vw;
    height: 9.38vw;
}
/* よくある質問 ここまで*/

/* 安心のセットプラン ここから*/
.plan_list{
  display: none;
}
.sp_list{
  margin-bottom: 24px;
}
.plan_list--item02{
}
.plan_list--item{
  background: #fff;
  border: 2px solid #ff7675;
  border-radius: 5px;
  min-height: 106.67vw;
  padding-bottom: 10px;
  position: relative;
  height: 110.133vw;
}
.plan_list--item02:first-of-type {
  margin-bottom: 24px;
}
.plan_list--item02.etc {
  margin-top: 24px;
}
.plan_list--link02{
  display: block;
}
.plan_list--item02:hover{
  opacity: .7;
}

.plan_list--link{
  display: block;
  padding: 2.667vw;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.plan_list--item:hover{
  opacity: .7;
}
.plan_list--heading{
  background:#ff7675;
  color:#fff;
  font-size: 21px;
  padding: 7px 0 5px;
  text-align: center;
}
.plan_list--img{
  padding: 10px;
  width: 100%;
}
.plan_list--info, .plan_list--price{
  padding: 0 10px;
  text-align: left;
}
.etc_plan_content__txt{
  text-align: left;
}
.price-large{
  font-size: 28px;
  font-weight: 700;
}
.price-middle{
  font-size: 18px;
}
.plan_list--heading:after{
  content: '\f138';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 8px;
}
.owl-nav{
  display: none;
}
.plan_list--note{
  color: red;
  font-size: 4.267vw;
  /* margin-bottom: -24px; */
  position: relative;
  margin-top: 5px;
  /* top: -24px; */
}
#set_plan ul li.set_plan_oogata{
    width: 100%;
    margin-left: 0px;
    padding-bottom: 2.04vw;
}
#set_plan .set_plan_box h3{
    background:#ff7675;
    color:#fff;
    padding: 4px 0 2px;
    text-align: center;
    margin-bottom: 12px;
}
#set_plan .set_plan_box h3:after{
    font-family: "Font Awesome 5 Free";
    content: '\f138';
    display: inline-block;
    font-weight: 900;
    width: 3.44vw;
    height: 3.44vw;
    margin: 0 0 0 2.18vw;
}
#set_plan .set_plan_box figure{
    margin: 0 auto 3.14vw;
    padding: 0 3.14vw;
}
#set_plan .set_plan_box p{
    margin: auto;
    text-align: justify;
    padding: 0 3.14vw;
}



#set_plan .set_plan_oogata_box{

}
#set_plan .set_plan_oogata_box .set_plan_oogata_left{

}
#set_plan .set_plan_oogata_box .set_plan_oogata_right h4{
    padding: 0 3.14vw;
}
#set_plan .set_plan_oogata_box .set_plan_oogata_right p{
    width: 100%;
    text-align: justify;
}
#set_plan .set_plan_oogata_box .set_plan_oogata_right p.takasa{
    line-height: 1.3;
    font-size: initial;
}
.creditcard{
    display: flex;
}
.creditcard .creditcard_box01{
    background: #9a9a9a;
    color:#fff;
    padding: 4vw 1.5vw;
    width: 25vw;
}
.creditcard .creditcard_box02{
    background:#fff;
    margin: auto;
    text-align: left;
    padding: 1vw 2vw 2vw 5.64vw;
    width: 75vw;
}
.creditcard .creditcard_box02 figure img{

}
.set_plan_cta{

}
.top_plan_cta {
    margin: 5vw auto 0;
}
.top_plan_cta:hover{
    border: 1px solid #ff7675;
}
.top_plan_cta a{
    display: block;
    padding: 2vw;
}
.top_plan_cta:hover a{
    color: #ff7675;
    display: block;
}
.top_plan_cta span{
    font-size: 3.44vw;
    font-weight: normal;
}
/* 仮会員登録バナー */
.plan_request_bnr{
    margin-bottom: 10vw;
}
.plan_request_bnr a{
    display: block;
}
.plan_request_bnr a:hover{
    opacity: 0.75;
}
.plan_tokuten{

    margin: 0 auto 10vw;
}
.plan_tokuten a:hover{
    opacity: 0.75;

}
.plan_tokuten p span.small{
    color:#ff7675;
    font-size: 12px;
}
.plan_tokuten p span.normal{
    color:#ff7675;
    font-weight: 700;
}
.plan_tokuten p span.large{
    color:#ff7675;
    font-size: 27px;
    font-weight: 700;
}
.plan_tokuten p.cta{
    background:#5a3e17;
    width: 140px;
    height: 30px;
    border-radius: 3px;
    margin: 16px;
}
.plan_tokuten p.cta a{
    color:#fff;
    line-height: 2.1;
}
/* 安心のセットプラン ここまで*/

/* みつわの会員になりませんか ここから*/
.member_signup_title_sp{
    font-size: 6.6vw;
}
.member_signup_box{
    max-width: 100%;
}
.member_signup_box .member_signup_box_left{
    margin-bottom:3vw;
}
.member_signup_box .member_signup_box_right{
    text-align: left;
    margin-bottom: 5vw;
}
.member_signup_box .member_signup_box_right ul{
    line-height: 2.0;
    font-size: 5.64vw;
    padding-left: 30px;
}
.member_signup_box .member_signup_box_right ul li{

}
#member_signup .member_signup_btn{
    margin-bottom: 5vw;
}
/* みつわの会員になりませんか ここまで*/

/* イベント・お知らせ ここから*/
.event_news_margin_sp{
    margin-bottom: 3vw;
    text-align: left;
}
.event_news_icon::before {
    content: url(../img/top/tree.gif);
    display: inline-block;
    position: relative;
    left: -1.5vw;
    top: 2.5vw;
}
#event_news ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    text-align: left;
}
#event_news ul li{
    border-bottom: 1px dashed #9a9a9a;
    margin-bottom: 15px;
    padding-bottom: 9px;
}

#event_news .event_news_box{
    display: flex;
}
#event_news .event_news_box02{
    display: flex;
    width: 75.5vw;
}
#event_news .event_news_box p.scale{
    width:198px;
    height:284px;
    overflow: hidden;
}
#event_news .event_news_box:hover img{
    opacity: 0.75;
}
#event_news .event_news_box p.titles{
    padding: 0;
}
#event_news .event_news_box p.data{
    margin: 0 4vw 0 0;
}
#event_news .event_news_box .link_btn{
    background: #9a9a9a;
    width: 7vw;
    height: 7vw;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin: 0 0 0 auto;
    line-height: 1.5;
}
#event_news a:hover .event_news_box .link_btn{
    background: #ff7675;
}
#event_news .event_news_box .link_btn::after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    display: inline-block;
    font-weight: 900;
    width: 11px;
    height: 11px;
    margin: 1px 0 0 0;
}


/* お客様の声 ここから*/
#voice ul li{
    width: 86vw;
    height: 64vh;
    border: 1px solid #9a9a9a;
    background: #fff;
    margin: 0 1.5vw;
}
#voice ul li .voice_img figure{
    overflow: hidden;
    width: 100%;
    height: auto;
}
#voice ul li .voice_text{
    padding: 1.57vw 3.13vw;
    text-align: justify;
}
#voice ul li a:hover .voice_text {
    color: #2d2d2d;
}
#voice ul li a:hover figure img{
    opacity: 0.75;
/*
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
*/
}
#voice ul li .voice_names{
    color:#9a9a9a;
    padding: 4px 0 0;
}
#voice ul li .voice_box_category{
    display: flex;
    position: absolute;
    top: 174px;
}
#voice ul li p.category{
    background:#ff7675;
    color:#fff;
    padding: 4px 12px 3px;
    border-radius: 30px;
    margin-left: 10px;
}
#voice .owl-carousel.owl-theme .owl-nav button{
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
#voice .owl-carousel.owl-theme .owl-nav button.owl-prev{
    position: absolute;
    right: 450px;
    font-size: 50px;
    color:#000;
    margin: -8px -10px 0 0;
}
#voice .owl-carousel.owl-theme .owl-nav button.owl-prev:after {
    font-family: "Font Awesome 5 Free";
    content: '\f137';
    display: inline-block;
    font-weight: 900;
    color:#ff7675;
    background: #fff;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    margin: 0 9px 0 0;
    line-height: 48px;
}
#voice .owl-carousel.owl-theme .owl-nav button.owl-next{
    position: absolute;
    left: 450px;
    font-size: 50px;
    color:#000;
    margin: -8px 0 0 -10px;
}
#voice .owl-carousel.owl-theme .owl-nav button.owl-next:after{
    font-family: "Font Awesome 5 Free";
    content: '\f138';
    display: inline-block;
    font-weight: 900;
    color: #ff7675;
    background: #fff;
    border-radius: 50px;
    width: 48px;
    height: 48px;
    margin: 0 0 0 9px;
    line-height: 48px;
}
#voice .owl-theme .owl-nav [class*="owl-"]:hover {
    background: initial;
    color: #ff7675;
    text-decoration: none;
}
#voice .owl-carousel.owl-theme .owl-dots {
    position: initial;
    bottom: 0px;
    margin: 18px auto -18px;
}

#voice .cta_btn{
    margin: 0 3.14vw;
    width: initial;
}
/* お客様の声 ここまで*/

/* まずは事前相談を ここから*/
#consultation ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
#consultation ul li{
    width: 100%;
    text-align: left;
    margin-bottom: 9.38vw;
}
#consultation ul li:last-child{
    margin-bottom: 0vw;
}
#consultation ul li figure img{margin-bottom: 2.5vw; width: 100%;}
#consultation ul li h4{margin-bottom: 1px;}
/* まずは事前相談を ここまで*/

/* 葬祭ディテクターにお任せください ここから*/
#staff div p.h4 {
    font-size: 4.7vw;
    margin-bottom: 5vw;
}
#staff div p.sp_text_left{
    margin-bottom: 6.25vw;
}
#staff ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5vw
}

#staff ul li{
    width: 50%;
    margin-bottom: 5vw;
}
#staff ul li figure img{
    width: initial;
}
/* 葬祭ディテクターにお任せください ここまで*/

/* メディアに紹介されました ここから*/
#media .media_box01,
#media .media_box02{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 6.26vw;
    text-align: left;
}
#media .media_box01{
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 4.26vw;
}
#media .media_box01 figure,
#media .media_box02 figure{
    margin-bottom: 3.14vw;
    width: 100%;
}
#media .media_box01 figure img,
#media .media_box02 figure img{
    width: 100%;
}
/* メディアに紹介されました ここまで*/

/* ブログ ここから*/

#blog dl{
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    list-style: none;
    font-size: 3.44vw;
}
#blog dl dt{
    width: 23%;
}
#blog dl dd{
    width: 72%;
    position: relative;
}
#blog dl dd span.read_more{
    background: #9a9a9a;
    color:#fff;
    padding: 5px 12px 3px;
    float: right;
}
#blog dl dd a:hover .blog_box span.read_more{
    background: #ff7675;
    color:#fff;
    padding: 5px 12px 3px;
    float: right;
}

#blog span.read_more a::after{
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    display: inline-block;
    font-weight: 900;
    width: 11px;
    height: 11px;
    margin: 0 0 3px 7px;
}
/* ブログ ここまで*/

/* フッター ここから*/
footer{
  margin-top: 60px;
    padding-top: 5.26vw;
    padding-bottom: 9.38vw;
    position: relative;
    background: url("../img/footer/footer_background.jpg");
    background-size: auto;
    background-repeat: repeat;
    color:#fff;
}
footer::before{
    content: "";
    background: url("../img/footer/footer_bg_top.png");
    background-size: auto;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: -28px;
    min-width: 100%
}
footer a{
    color:#fff;
}

footer .footer_sitemap_title{
    text-align: center;
    margin-bottom: 25px;
}
.footer_sitemap_main_title{
  margin-bottom: 5px;
  font-size: 5.64vw;
  text-align: center;
}
.footer_sitemap_title__txt{
  font-size: 3.5vw;
  text-align: center;
  padding: 0 2vw 0;
}
footer .footer_kotei{
    background: #b03671;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
}
footer .footer_kotei_box{
    padding: 2.7vw 4vw;
    height: 100%;
    overflow: auto;
}
footer .footer_kotei_box01{
    width: 48%;
    background: #fff;
    color: #2d2d2d;
    float: left;
    display: flex;
    padding: 1vw 2vw;
    letter-spacing: -1px;
}
footer .footer_kotei_box02{
    width: 48%;
    background: #fff;
    color: #2d2d2d;
    float: right;
    display: flex;
    padding: 1vw 2vw;
    letter-spacing: -1px;
}
.footer_kotei_box01, .footer_kotei_box02{
  position: relative;
}
.footer_kotei_link01, .footer_kotei_link02{
  display: block;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
footer .footer_kotei_box_icom{
    font-size: 12vw;
    margin-right: 2vw;;
}
footer .footer_kotei_box_icom i{
    color: #ff7675;
    line-height: 1.2;
}
footer .side_kotei{
    display:none;
}
footer .sitemap_list{
    width: 100%;
    margin: 0 auto 25px;
    border-bottom: 1px dashed;
    padding-bottom: 21px;
}
footer .sitemap_list02{
    display: flex;
}
footer .sitemap_list02 h3{
    width: 33%;
}
footer .sitemap_list_last{
    border-bottom: 0px dashed;
}
footer .sitemap_list ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    text-indent: 18px;
}
footer .sitemap_list ul li{
    width: 100%;
}
footer .social{
    width: 100%;
    margin: 0 auto 6.26vw;
    text-align: center;
}
footer .social i{
    margin-left: 10px;
}
.copyright{
    font-size: 3.44vw;
    margin-bottom: 5em;
}
/* フッター ここまで*/

/* フッターアコーディオン ここから*/
.accordion-container {
    position: relative;
    width: 100%;
    outline: 0;
    cursor: pointer
  }
.accordion-container .article-title:first-child,
.accordion-container .directlink:first-child {
  border-top: 1px solid #fff;
}
.accordion-container .article-title,
.accordion-container .directlink {
    display: block;
    position: relative;
    margin: 0;
    padding: 3vw 0 2vw 5vw;
    font-size: 1.25em;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    font-size: 5.64vw;
  }
  .accordion-container .open{
    border-bottom: 0px solid #fff;
  }
  .accordion-container .article-title:hover,
  .accordion-container .article-title:active,
  .accordion-container .content-entry.open .article-title {
    background-color: rgba(255,255,255,0.3); !important;
    color: white;
  }
  .accordion-container .article-title:hover i:before,
  .accordion-container .article-title:hover i:active,
  .accordion-container .content-entry.open i {
    color: white;
  }
  .article-title{
    position: relative;
  }
  .article-title:after {
    content: "";
    position: absolute;
    right: 5vw;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .directlink:after {
    content: "";
    position: absolute;
    right: 5vw;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .article-title.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
  }
  .accordion-content {
    display: none;
  }
  .accordion-content p{
    background-color: rgba(0,0,0,0.3);
    padding: 2vw 0 2vw 7vw;
    border-bottom: 1px solid #fff;
  }
  .accordion-content p:first-child{
    padding-top: 2vw;
  }
  .accordion-content p:last-child{
    padding-bottom: 2vw;
  }
  /* CSS for CodePen */
  .accordion-container {
    margin: 1.875em auto;
  }

/* 途中から出るグローバルメニュー ここから*/
.header_change{
 display: none;
}
/* 途中から出るグローバルメニュー ここまで*/

#wpadminbar{
    display: none;
}
html {
    margin-top: 0 !important;
}

/* ===========================================================

	資料請求ページ

=========================================================== */
#contact_form h1{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px auto 30px;
    padding: 0;
}
#contact_form h1 a{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #b03671;
}
#contact_form h1 a:hover{
    color: #ff7675;
}
#contact_form h1 a p{
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 38px;
    line-height: 0.9;
}
#contact_form h2.contact_title{
    margin: 0;
    padding: 10px 20px;
    font-size: 21px;
    text-align: left;
    background: #fff2f2;
}
#contact_form .contact_read{
    margin: 10px 0 20px;
    padding: 0;
    text-align: left;
}
#contact_form .contact_read br{
  display: none;
}
#contact_form .contact_read span{
    font-weight: 700;
}
#contact_form .contact_info{
    margin: 0 0 16px 0;
    padding: 0;
}
#contact_form .contact_info dt{
    margin: 0 0 5px;
    padding: 0;
    font-size: 4.7vw;
    text-align: left;
}
#contact_form .contact_info dd ul{
    list-style: none;
}
#contact_form .contact_info dd ul .info_detail{
    position: relative;
    margin: 0 20px 0 0;
    padding: 0 0 0 10px;
    font-size: 4.7vw;
    text-align: left;
}
#contact_form .contact_info dd ul .info_detail::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 2px;
    height: 68px;
    background: #ff7675;
}
#contact_form .contact_info dd ul .info_number{
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 1;
    font-size: 10vw;
    font-weight: 700;
    color: #ff7675;
    font-family: 'Oswald', sans-serif;
    text-align: left;
}
#contact_form input::placeholder{
    color: #d3d2d2;
}
#contact_form input[type="text"]:focus,
#contact_form input[type="tel"]:focus,
#contact_form input[type="email"]:focus{
    outline: 1px solid #ff7675;
    border: 1px solid #ff7675;
}
#contact_form textarea{
    overflow: auto;
    resize: none;
}
#contact_form .form_table{}
#contact_form .form_table dt{
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}
#contact_form .form_table dt:nth-of-type(8){}
#contact_form .form_table dt span{
    color: #ff7675;
}
#contact_form .form_table dd{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 0;
    text-align: left;
}
#contact_form .form_table dd:nth-of-type(8){
    border-bottom: none;
}

.form-table__inputBox{
  width: 50%;
}
.form-table__inputBox:nth-of-type(n+3){
  margin-top: 1.064vw;
}
.form-table__inputBox input{
  margin-right: 1.064vw;
}
@keyframes show{
    from{
        opacity: 0.5;
    }
    to{
        opacity: 1;
    }
}
#contact_form .form_table dd .detail_box{
    display: none;
}
#contact_form .form_table dd .select_detail{
    margin: 10px 0 5px;
    padding: 5px 10px;
    text-align: left;
    background: #fff2f2;
}

#radio_1:checked ~ #radio_1_txt,
#radio_2:checked ~ #radio_2_txt,
#radio_3:checked ~ #radio_3_txt,
#radio_4:checked ~ #radio_4_txt{
    display: block;
    animation: show 0.3s linear 0s;
}
#contact_form .form_table dd .input_border{
    width: 100%;
    margin: 0;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #9a9a9a;
}
#contact_form .form_table dd p{
    margin: 0 0 0 15;
    padding: 0;
    font-size: 4.3vw;
}
#contact_form .form_privacy{
    margin: 30px 0 30px;
    padding: 10px;
    width: 100%;
    height: 180px;
    text-align: left;
    border: 1px solid #9a9a9a;
    overflow: auto;
}
#contact_form .form_privacy dt{
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}
#contact_form .form_privacy dd{
    margin: 0 0 30px;
    padding: 0;
}
#contact_form .form_privacy dd:last-child{
    margin: 0;
}
#contact_form .form_privacy dd ul{
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
#contact_form .form_privacy dd ul.nest{
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    list-style: none;
}
.contact_kv{
  margin-bottom: 16px;
}

/* ===========================================================

	プライバシーポリシー

=========================================================== */
.form_privacy br{
  display: none;
}
.privacy_title{
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
#contact_form02 .form_table dd p{
  font-size: 4.3vw;
  line-height: 1.6;
  margin: 0 0 0 15;
  padding: 0;
}
#contact_form02 .form_privacy{
    text-align: left;
}
#contact_form02 .form_privacy dt{
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}
#contact_form02 .form_privacy dd{
    margin: 0 0 30px;
    padding: 0;
}
#contact_form02 .form_privacy dd:last-child{
    margin: 0;
}
#contact_form02 .form_privacy dd ul{
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
#contact_form02 .form_privacy dd ul.nest{
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    list-style: none;
}
#contact_form .form_send{
    margin: 0 0 20px;
    padding: 5px;
    font-size: 6vw;
    font-weight: 700;
    color: #ffffff;
    border-radius: 5px;
    border-bottom: 5px solid #d35a59;
    background: #ff7675;
    width: 100%;
}
#contact_form .form_send:active{
    transform: translateY(5px);
    border-bottom: none;
}
#contact_form .contact_info_foot{
    margin: 0 0 60px;
    padding: 0;
    text-align: center;
}
#contact_form .contact_info_foot dt{
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    font-size: 17px;
    text-align:left;
}
#contact_form .contact_info_foot dt::before{
    position: absolute;
    top: 15px;
    left: 0px;
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: #fff2f2;
    z-index: -1;
}
#contact_form .contact_info_foot dt::after{
    position: absolute;
    top: 42px;
    left: 0px;
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: #fff2f2;
    z-index: -1;
}
#contact_form .contact_info_foot dd ul.sp{
    display: block !important;
    list-style: none;
}
#contact_form .contact_info_foot dd ul .info_detail{
    margin: 10px 0 0 0;
    padding: 5px 10px;
    line-height: 1.2;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background: #ff7675;
}
#contact_form .contact_info_foot dd ul .info_detail span.free{}
#contact_form .contact_info_foot dd ul .info_detail span{}
#contact_form .contact_info_foot dd ul .info_number{
    line-height: 0.8;
    font-size: 15vw;
    font-weight: 900;
    color: #ff7675;
    font-family: 'Oswald', sans-serif;
}
.mwform-checkbox-field label,
.mwform-radio-field label{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    text-align: left;
}
.submit_explan{
  font-size: 3.5vw;
}

#contact_form .addmit {
  font-size: 4.8vw;
  font-weight: bold;

}
#contact_form .addmit .input_border {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  margin-right: 3.192vw;
}

.addmit-discription {
  font-size: 3.467vw;
  color: red;
  text-align: center;
  margin-top: 4vw;
}
/* お問い合わせフォーム ここまで*/

/* お問い合わせ完了 ここから*/

.thanks{
    width: 100%;
    height: 100%;
    line-height: 1.5;
    font-size: 62.5%;
    font-weight: 400;
    color: #2d2d2d;
    letter-spacing: 0.04em;
    overflow-x: hidden;
    background-color: #e5e5e5;
}
.fin{
    background-color: #fff;
    border: solid 1px #777;
    margin: 60px auto 60px;
    padding: 30px 10px;
    width: 100%;
}
.fin-heading{
    font-size: 7vw;
    font-weight: 700;
    margin-bottom: 10px;
}
.fin-txt{
    font-size: 3.5vw;
    margin-bottom: 20px;
}
.fin-txt02{
    margin-bottom: 30px;
}
.fin_txt03{
  font-size: 3.5vw;
  margin-bottom: 20px;
}
.fin_txt__link{
  border-radius: 4px;
  background-color: #e35a5a;
  color: #fff;
  display: inline-block;
  font-size: 5vw;
  margin-top: 10px;
  padding: .5em 1em;
}
.fin-txt br{
display: none;
 }
.return-button{
    display: inline-block;
    font-size: 3.5vw;
}
.return-button a{
     color: #e35a5a;
     padding: 10px 10px 10px 0;
     text-decoration: underline;
}
.copyright-txt{
    font-size: 12px;
    text-align: center;
}
/* お問い合わせ完了 ここまで*/

/* single　ここから*/
#single{
    width: 93.72vw;
    margin: 0 3.14vw;
}
    .single_column2{
        display: flex;
        flex-wrap: wrap;
        margin: auto;
    }
    /* single パンくず　ここから*/
    .single_pankuzu .breadcrumbs{
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        margin: auto;
        font-size: 3.44vw;
        color:#fff;
        text-align: left;
    }
    .single_pankuzu .breadcrumbs a{
        color:#fff;
    }
    .single_pankuzu .breadcrumbs a:hover{
        color:#ff7675;
    }
    /* single パンくず　ここまで*/
    /* イベントメインビジュアル　ここから*/
    #single-event_visual{
        background:url("../img/single/single-event_visual_sp.jpg") no-repeat center top;
        padding: 60px 0;
        margin: 0 auto 5%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-position-y: top;
    }
    #single-blog_visual{
        background:url("../img/single/single-blog_visual_sp.jpg") no-repeat center top;
        padding: 60px 0;
        margin: 0 auto 5%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-position-y: top;
    }
    .kasou_midashi .title_waku{
        background: rgba(255, 255, 255,0.80);
        text-align: center;
        margin: auto;
        /* border-top: 3px solid #ff7675; */
        padding: 9px;
    }
    .kasou_midashi .title_waku h1{
        font-size: 32px;
        line-height: 1.2;
    }
    .kasou_midashi .title_waku p{
        font-size: 16px;
    }
    /* イベントメインビジュアル　ここまで*/
    /* single コモン　ここから*/
    #single h2{
      font-size: 6.384vw;
      margin-top: 6.384vw;
      font-weight: bold;
      background: #fafafa;
      padding: 2px 0 2px 12px;
      border-left: solid 4px #ff7675;
    }
    #single h3 {
      border-bottom: dashed 2px #eee;
      font-size: 5.586vw;
      font-weight: bold;
      margin-top: 4.256vw;
  }
    #single .hizuke{
        color:#b9b9b9;
        margin-bottom: 3%;
    }
    #single .wp-block-image{
      margin-top: 4.256vw;
    }
    #single .wp-block-image figcaption{
      margin-top: 4.788vw;
    }
    #single figure img{
        height: auto;
    }
    #single .single_contents p{
      font-size: 15px;
      margin-top: 4.256vw;
    }
    #single div.single_contents h3{
    margin-bottom: 3%;
    }
    #single div.single_contents ul{
		padding-left: 6%;
		margin-bottom: 6%;
    }
    #single div.single_contents ul li{
		list-style: inside;
    }
    #single .single_contents .single_cta p{
      margin: 0;
    }
    /* single コモン　ここまで*/
    /* single サイドメニュー　ここから*/
    .single_side{
        width: 100%;
        margin: 6vw 3.14vw 0;
    }
    .single_side h3{

        background: #2d2d2d;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 2.4;
        margin-bottom: 18px;
    }
    .single_side .left_nav_container ul{
        list-style: none;
    }
    .single_side .left_nav_container ul li{
        margin-bottom: 3%;
    }

    .single_side .left_nav_container ul li .side_hizuke{
        color:#b9b9b9;
        font-size: 14px;
    }
    .single_side .left_nav_container ul li h2{
        color: #2d2d2d;
        border-bottom: 1px dashed #9a9a9a;
        padding-bottom: 0px;
        margin-bottom: 8px;

    }
    .single_side .left_nav_container ul li .recent_article_list{
        margin-bottom: 9%;
    }
    .single_side .left_nav_container ul li .recent_article_list_left{
    }
    .single_side .left_nav_container ul li .recent_article_list_right{
    }
    .single_side .left_nav_container ul li .side_more,
    .category_list .category_text .side_more,
    .category_blog_section_box .side_more{
      background: #9a9a9a;
      border-radius: 2px;
      color: #fff;
      display: block;
      font-size: 4.7vw;
      height: auto;
      line-height: 1.45;
      margin: 12px 0 0 0;
      padding: 4px;
      text-align: center;
      width: 100%;
    }

    .single_side .left_nav_container ul li .side_more::after,
    .category_list .category_text .side_more::after,
    .category_blog_section_box .side_more::after {
        font-family: "Font Awesome 5 Free";
        content: '\f105';
        display: inline-block;
        font-weight: 900;
        width: 11px;
        height: 11px;
        margin: 0 0 3px 7px;
    }
    .single_side .left_nav_container ul li figure img{
        margin-bottom: 2%;
    }
    .single_side .left_nav_container ul li figure img{
        height: auto;
    }
    #single div.single_contents .single_cta p{
        margin-bottom: 0;
    }
    .single_pager{
        width:100%;
        margin-top: 6%;
    }
    .single_pager a{
        color:#ff7675;
        text-decoration: underline;
    }
    /* single サイドメニュー　ここまで*/
    /* single イベント カテゴリー　ここから*/
    .category_event_section{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .category_list{
        width: 100%;
        border: 2px solid #9a9a9a;
        padding: 3%;
        display: flex;
        margin-bottom: 6%;
        position: relative;
        flex-wrap: wrap;
    }
    .category_list .category_thumbnail{
        width: 100%;
        height: auto;
        margin-bottom: 3%;
    }
    .category_list .category_thumbnail img{
        height: auto;
    }
    .category_list .category_text{
        text-align: left;
    }
    .category_list .category_text .hizuke_to_cate{
        display: flex;
        background: #efefef;
        padding: 2% 1% 0% 1%;
        font-size: 3.44vw;
        margin-bottom: 3%;
    }
    .category_list .category_text .hizuke_to_cate .hizuke{
        margin-right: 3%;
        color: #aaa;
        white-space: nowrap;
    }
    .category_list .category_text .hizuke_to_cate .cate_icom,
    .category_list .category_text .hizuke_to_cate .cate_icom a{
        color: #aaa;
    }
    .category_list .category_text .hizuke_to_cate .cate_icom a:hover {
        color: #ff7675;
    }
    .category_list .category_text .hizuke_to_cate .cate_icom a::before {
        font-family: "Font Awesome 5 Free";
        content: '\f02b';
        display: inline-block;
        color: #aaa;
        font-weight: 900;
        margin: 0 3px 3px 6px;
    }

    .category_list .category_text h2{
        color: #2d2d2d;
        font-weight: bold;
        border-bottom: 1px dashed #9a9a9a;
        line-height: 1.25;
        margin-top: 2%;
        margin-bottom: 3%;
        padding-bottom: 2%;
    }
    .category_list .category_text .hizuke{
        color:#2d2d2d;
        margin-bottom: 6px;
    }
    .category_list .category_text p.text{
        margin-bottom: 3%;
    }
    #category_event .wp-pagenavi{
        margin: 0 auto 10%;
        text-align: center;
    }
    #category_event .pages{
        border-radius: 5px 0 0 5px;
        border: 1px solid #9a9a9a;
        padding: 2% 2%;
    }
    #category_event .current{
        padding: 2% 2%;
        color: #fff;
        background: #ff7675;
        border: 1px solid #ff7675;
    }
    #category_event .page.larger,
    #category_event .page.smaller{
        padding: 2% 2%;
    }
    #category_event .nextpostslink,
    #category_event .previouspostslink{
        padding: 2% 2%;
    }
    #category_event .wp-pagenavi a:hover{
        border-color: #ff7675;
    }
    #category_event .cate_icom {
        margin-top: 0;
        margin-bottom: 1%;
    }
    /* single イベント カテゴリー　ここまで*/
    /* single ブログ カテゴリー　category-blog.php　ここから*/
    .category_blog_section{
        padding-top: 0;
        padding-bottom: 0;
    }
    #single .category_blog_section .category_text h2{
        border-bottom: 1px dashed #9a9a9a;
        line-height: 1.4;
        font-size: 6vw;
        margin-bottom: 8px;
        padding-bottom: 0px;
        padding: 8px 0;
    }
    .blog_archive--title{
      font-size: 6.5vw;
      text-align: center;
    }
    .category_blog_section_box{
      border-bottom: solid 1px #9a9a9a;
      margin-bottom: 20px;
    }
    .category_blog_section_box{
        /*border-bottom: 1px solid #2d2d2d;*/
        padding-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    #single .category_blog_section_box .hizuke{
        width: 100%;
        margin-bottom: 3px;
    }
    .category_blog_section_box .category_thumbnail{
        height: auto;
    }
    .category_blog_section_box .category_text{
        width: 390px;
    }
    .category_blog_section_box:hover a{
        color: #ff7675;
    }
    .category_blog_section_box a.area_all_link{
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
    }
    /* single ブログ カテゴリー　category-blog.php　ここまで*/
    /* お客様の声　アーカイブ　ここから */

    #voice_archive #single-voice_visual{
        background:url("../img/voice/single-voice_visual_sp.jpg") no-repeat center top;
        padding: 60px 0;
        margin: 0 auto 60px;
        background-repeat: no-repeat;
        background-position: 50% 50%;

        background-position-y: top;
    }
    #voice_archive .category_voice_section{
        padding: 0;
    }
    #voice_archive .category_voice_section h2{
        border-bottom: 3px solid #9a9a9a;
        padding-bottom: 3px;
        margin-bottom: 20;

    }
    #voice_archive .category_voice_section .voice_archive_box{
        border: 1px solid #9a9a9a;
        background: #f7f7f7;
        padding: 20px 20px 15px 20px;
        margin-bottom: 40px;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_left{
        text-align: center;
        margin-bottom: 2%;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_left .fas.fa-user{
        color:#ff7675;
        font-size: 69px;
        margin-bottom: 6px;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_left h3{
        color:#2d2d2d;
        font-size: 18px;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_left p{
        color:#b9b9b9;
        font-size:11px;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right{
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .voice_archive_box_right_figure{
        display: flex;
        overflow: hidden;
        margin-bottom: 20px;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .voice_archive_box_right_figure figure{
        width: 100%;
        height: auto;
        line-height: 1;
        margin-right: 20px;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .voice_archive_box_right_figure figure:last-child{
        margin-right: 0px;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .cate_icom,
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .cate_icom a{
        color: #2d2d2d;
        text-align: left;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .cate_icom a:hover {
        color: #ff7675;
    }
    #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .cate_icom a::before {
        font-family: "Font Awesome 5 Free";
        content: '\f02b';
        display: inline-block;
        color: #2d2d2d;
        font-weight: 900;
        margin: 0 3px 3px 6px;
    }
    .balloon2-left {
        color: #9a9a9a;
        font-size: 16px;
        margin-bottom: 2%;
        text-align: left;
      }


      .balloon2-left p {
        margin: 0;
        padding: 0;
        color: #2d2d2d;
      }
      #voice_archive .wp-pagenavi{
        margin: 0 auto 30px;
        text-align: center;
      }
        #voice_archive .pages{
            border-radius: 5px 0 0 5px;
            border: 1px solid #9a9a9a;
            padding: 2%;
        }
        #voice_archive .current{
            padding: 2%;
            color: #fff;
            background: #ff7675;
            border: 1px solid #ff7675;
        }
        #voice_archive .page.larger,
        #voice_archive .page.smaller{
            padding: 2%;
        }
        #voice_archive .nextpostslink,
        #voice_archive .previouspostslink{
            padding: 2%;
        }
        #voice_archive .wp-pagenavi a:hover{
            border-color: #ff7675;
        }
        #voice_archive .voice_archive_cate_section{
            padding-top: 0px;
            padding-bottom: 6%;
        }
        #voice_archive .title_border {
            display: flex;
            align-items: center;
            margin-bottom: 2%;
        }
        #voice_archive .title_border::after {
            border-top: 1px solid
            #ff7675;
            content: "";
            flex-grow: 1;
        }
        #voice_archive .category_voice_section .voice_archive_box .voice_archive_box_right .cate_icom a::before,
        #voice_archive .voice_archive_cate a::before {
            font-family: "Font Awesome 5 Free";
            content: '\f02b';
            display: inline-block;
            color:
            #2d2d2d;
            font-weight: 900;
            margin: 0 3px 3px 6px;
        }
        #voice_archive ul.voice_archive_cate{
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            margin-left: -4px;
        }
        #voice_archive ul.voice_archive_cate li.cat-item{
            margin-right: 3%;
            margin-bottom: 2%;
            font-size: 3.44vw;
        }
        #voice_archive .voice_archive_cate_section{
            padding-top: 3%;
        }
        .cate_icom {
            margin-top: 10px;
        }
    /* お客様の声　アーカイブ　ここまで */


/* single　ここまで*/
.main_visual{
  padding: 0;
}
.nav_menu__title a{
  color: #fff;
}
.nav_menu__list:last-child{
  border: none;
}
.sp_logo{
  margin: 2vw 1vw 0 3vw;
}
.sp_logo__symbol{
  display: inline-block;
  height: 36px;
  margin: 0;
  position: absolute;
  top: .55em;
  width: 46px;
}
.sp_logo_type{
  color: #b03671;
  display: inline-block;
  font-size: 32px;
  line-height: 42px;
  padding-left: 54px;
}
.section_bg{background: #fff4f4;}
.plan_card{
  display: none;
}
.sp_plan_card{
  margin-bottom: 30px;
}
.sp_plan_card .item{
  position: relative;
}
.sp_plan_card .owl-prev{
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
}
.sp_plan_card .owl-next{
  right: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
}
.sp_plan_card .owl-carousel .owl-nav button.owl-next, .sp_plan_card .owl-carousel .owl-nav button.owl-prev{
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 32px;
  padding: 0 5px 1px!important;
}
.owl-carousel.owl-theme .owl-dots{
  margin-top: 10px;
}
.main_visual__img_wrap{
  display: none;
}
.main_visual__carousel{
  background-color: #f7f7f7;
  position: relative;
}
.main_visual__link{
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.main_visual__carousel{
  width: 100%;
}
.tac{
  text-align: center;
}
.hall_introduction_title{
  margin-bottom: 20px;
}
.toppage_faq_title{
  margin-bottom: 20px;
}
.breadcrumbs{
  color: #fff;
  text-align: left;
}
.breadcrumbs a{
  color: #fff;
}
.breadcrumbs_home{
  line-height: 1;
}
.breadcrumbs a:hover{
  color: #ff7675;
}
.breadcrumbs_home:hover{
  color: #ff7675;
}
.title_waku{
  text-align: center;
}
.title_waku h1{
  text-align: center;
}
.title_waku p{
  text-align: center;
}
.pc_only{
  display: none;
}
.food_main_img, .flower_main_img{
  margin-bottom: 20px;
}
#set_plan{
  padding: 40px 0;
}

.title_waku {
    width: 100%;
    background: rgba(255, 255, 255,0.80);
    text-align: center;
    margin: auto;
    padding: 9px;
}
.title_waku h1 {
    font-size: 24px;
    line-height: 1.2;
}
.title_waku p {
    font-size: 16px;
    text-align: center;
}
/* スタッフ */
.staff_title{
  font-size: 7.5vw;
  margin-bottom: 30px;
  text-align: center;
}
.staff_introduction_inner_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
.omotenashi_box, .license_box{
  width: 100%;
}
.omotenashi_box{
  margin-bottom: 30px;
}
.inner_box__title{
  font-size: 24px;
  margin-bottom: 0;
  text-align: center;
}
.staff_omotenashi{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
.staff_omotenashi_img{
  width: 48%;
}
.license_mark{
  margin-top: 17px;
  text-align: center;
}
.license_mark img{
  width: 86%;
}
.staff_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.staff_item{
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
  width: 42%;
}
.staff_item__img{
  margin-bottom: 10px;
}
.event_news_icon{
  text-align: center;
}
.event_news_cta{
  text-align: center;
}

#event_news .event_news_cta p{
    text-align: center;
}
.omotenashi_boxes, .license_boxes{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: space-between;
}
.omotenashi_txt_box, .license_txt_box{
  width:100%;
}
.omotenashi_img_box, .license_img_box{
  width: 100%;
}
.omotenashi_txt_box, .license_txt_box{
  margin-bottom: 20px;
}
.omotenashi_img{
  display: inline-block;
  margin: 0 10px;
  width: 42%;
}
.omotenashi_img_box{
  text-align: center;
}
.omotenashi_title, .license_title{
  text-align: center;
}
.license_boxes{}
.license_txt_box{}
.license_img{
  margin: 0 auto;
  width: 70%;
}
/* アニメーション */
.top_about__animate{
  display: inline-block;
  animation-name: swing;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes swing
{
  from{ transform : translateY(-3px); }
  50%{ transform : translateY(3px); }
  to{ transform : translateY(-3px); }
}
.top_about__animate_link{
  display: block;
  width: 100%;
}
/* みつわのこだわり */
.commitment{
  /* background-color: #ededed; */
}
.commitment_title{
  font-size: 7.5vw;
  text-align: center;
}
.commitment_txt{
  font-size: 4.7vw;
  margin-bottom: 10px;
  text-align: left;
}
.commitment_boxes{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.commitment_box{
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
  margin-bottom: 30px;
  position: relative;
  transition: all .3s;
  width: 100%;
}
.commitment_box__img{
  border-radius: 2px 2px 0 0;
  width: 100%;
}
.commitment_box:hover{
  box-shadow: 0 0 8px 1px rgba(0,0,0,0.2);
  transform: translateY(-5px);
}
.commitment_inner{
  padding: 20px;
}
.commitment_box__title{
  border-bottom: solid 2px #ff7675;
  margin-bottom: 10px;
  text-align: center;
}
.commitment_box__txt{
  margin-bottom: 20px;
  text-align: center;
}
.commitment_box__btn{
  background-color: #ff7675;
  border-radius: 2px;
  color: #fff;
  padding: 5px;
  text-align: center;
}
.commitment_box__btn i{
  margin-left: 5px;
}
.commitment_box__link{
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
/* みつわの取り組み */
.activity{
  position: relative;
  padding-top: 0;
}
.activity::before{
  background: url("../mitsuwa/img/top/sp_green_frame.png") no-repeat;
  background-size: contain;
  background-position: center;
  content: '';
  display: block;
  height: 350px;
  left: 0;
  min-height: 350px;
  position: absolute;
  top: -59px;
  width: 100%;
  z-index: -1;
}
.illust{
  position: absolute;
}
.illust01{
  top: -7.8em;
  left: 0em;
  width: 20px;
}
.illust02{
  display: none;
}
.illust03{
  display: none;
}
.illust04{
  display: none;
}
/* みつわのサポート */
.support{
  background-color: #ededed;
  padding-top: 0;
}

.illust05{
  display: none;
}
.illust06{
  display: none;
}
.illust07{
  top: -7.3em;
  left: -1em;
  width: 58px;
}
/* アニメーション */
.top_about__animate{
  display: inline-block;
  animation-name: swing;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes swing
{
  from{ transform : translateY(-5px); }
  50%{ transform : translateY(5px); }
  to{ transform : translateY(-5px); }
}
.illust01{
  display: inline-block;
  animation-name: tree01;
  animation-duration: 3.8s;
  animation-iteration-count: infinite;
}
@keyframes tree01
{
  from{ transform : rotate(10deg); }
  50%{ transform : rotate(-10deg); }
  to{ transform : rotate(10deg); }
}

@keyframes tree04
{
  from{ transform : rotate(10deg); }
  50%{ transform : rotate(-10deg); }
  to{ transform : rotate(10deg); }
}
.illust07{
  display: inline-block;
  animation-name: tree07;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}
@keyframes tree07
{
  from{ transform : rotate(6deg);}
  50%{ transform : rotate(-6deg);}
  to{ transform : rotate(6deg);}
}
/* みつわ会員になりませんか？ */
.member_join_offer{
  text-align: left;
}
.member_join__title{
  font-size: 5.852vw;
  margin-bottom: 10px;
  text-align: center;
}
.member_price__boxes{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.member_join_img{
  margin-bottom: 20px;
  width: 100%;
}
.member_join_img_caption{
  font-size: 3.5vw;
  margin-top: 20px;
  opacity: 0.6;
  text-align: center;
}
.member_price__box{
  width: 100%;
}
.member_price__box_title_wrap{
  margin-bottom: 10px;
  text-align: center;
}
.member_price__box_title{
  background: #ff7675;
  box-sizing: border-box;
  color: #FFF;
  display: inline-block;
  height: 40px;
  line-height: 43px;
  font-size: 24px;
  position: relative;
  width: 100%;
  text-align: center;
}
.member_price__box_title::before, .member_price__box_title::after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.member_price__box_title::before{
  top: 0;
  left: 0;
  border-width: 20px 0px 20px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
.member_price__box_title::after{
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.member_join__fee{
  font-size: 6vw;
  line-height: 1.2;
  text-align: center;
}
.member_join__fee i{
  margin: 0 5px;
}
.special_offer{
  font-size: 56px;
}
.fee_description{
  border-bottom: dashed 1px #2d2d2d;
  font-size: 4.5vw;
  margin-bottom: 15px;
  padding-bottom: 5px;
  text-align: center;
}
.member_join__list{
  font-size: 5vw;
  padding-left: 18px;
}
.member_join__item{
  list-style-type: disc;
  margin-bottom: 10px;
}
.member_join__item_span{
  font-size: 12px;
}
.tel_pc{
  display: none;
}
.tel_sp{
  color: #ff7675;
  display: block;
  font-size: 10vw;
  font-weight: 700;
  text-align: center;
}
.tel_sp i{
  margin-right: 10px;
  padding-bottom: 1px;
}
.tel_sp a{
  color: #ff7675;
  display: block;
  width: 100%;
}
.new_open_section{
  padding: 0;
}

/* 税込表示
========================================================================== */
.price-large--plantax {
  display: block;
  font-size: 14px;
}

/* 仮会員サンクスページ
========================================================================== */
.r-fin {
  background-color: #fff;
  margin-top: 32px;
  border: 1px solid #777777;
  padding: 33px  11px 36px 11px;

}

.r-fin__heading {
  font-size: 28px;
  text-align: center;
  width: 285px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 auto 20px auto;
}

.r-fin-txt {
  font-size: 18px;
  line-height: 1.889;
  margin-bottom: 20px;
}

.r-fin-txt .pc__inline{
  display: none;
}
.r-fin--link__dl,
.r-fin--link__plan {
    display: block;
    width: 100%;
    height: 51px;
    line-height: 51px;
    font-size: 18px;
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 16px;
}


.r-fin--link__dl {
    background-color: #5364d0;
    box-shadow: 0px 3px 0px 0px #2234A2;
}
.r-fin--link__dl::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    content: "\f019";
    margin-right: 13px;
    vertical-align: top;

}
.r-fin--link__plan {
    background-color: #ff7675;
    box-shadow: 0px 3px 0px 0px #D35A59;
}
.r-fin--link__plan:hover,
.r-fin--link__dl:hover{
    color: #fff;
}
/* ファーストビューみつわの特徴コンテンツ
========================================================================== */
.top--about_mitsuwa{
    padding-top: 0;
    margin: 24px 0 0;
}

.covid_info--wrap{
    margin-bottom: 43px;
}
.covid_info--title{
    border-bottom: #ccc solid 3px;
    font-size: 4.788vw;
    letter-spacing: -.5px;
    margin-bottom: 10px;
    padding-bottom: 3px;
    position: relative;
    text-align: left;
}
.covid_info--title:after{
    content: '';
    width: 120px;
    height: 3px;
    background-color: #ff7675;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
}
.covid_info--title:before{
    background-color: #ff3158;
    content: "";
    display: inline-block;
    margin: 0 6px 0 0;
    position: relative;
    top: -.1em;
    width: 12px;
    height: 12px;
}
.covid_info--inner_txt_box{
  margin-bottom: 12px;
}
.covid_info--inner_txt{
    text-align: justify;
    letter-spacing: -.25;
}
.director--wrap{
  margin-top: 38px;
}
.omotenashi--title,
.director--title{
    border-bottom: #9a9a9a dashed 1px;
    font-size: 6.384vw;
    line-height: 1.3;
    margin-bottom: 9px;
    position: relative;
    padding: 0 0 6px 0;
    text-align: left;
}
.omotenashi--title:after{
    background: url("../img/top_about_mitsuwa/omotenashi_icon@2x.png") no-repeat left top/contain;
    content: "";
    display: inline-block;
    position: absolute;
    top: -8px;
    right: 0;
    width: 30%;
    height: 91%;
  }
  .director--title:after{
    background: url("../img/top_about_mitsuwa/funeral_director_icon@2x.png") no-repeat left top /contain;
    content: "";
    display: inline-block;
    position: absolute;
    top: -6px;
    right: 0;
    width: 40%;
    height: 91%;
}
.dots{
    padding-top: .3em;
    -webkit-text-emphasis: filled #ff3158;
}

/* 式場ページVRコンテンツ
========================================================================== */
.hall_intro--vr_title{
  font-size: 4.788vw;
}
.hall_intro--vr_content{
  width: 100%;
  height: 240px;
  margin-bottom: 30px;
  pointer-events: auto!important;
}

/* イベントバナー
========================================================================== */
.event-bnr{
  margin: 24px 0 0;
  padding: 0;
}
.event-bnr__btn{
  position: relative;
}
.event-bnr__link{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*イベント中止のお知らせ
----------------------------------------------------------------*/
.top-info{
  padding: 6.384vw 0 0;
}
.top-info__title{
  border-left: solid 5px #ff7675;
  border-bottom: solid 1px #eee;
  background: #fcfcfc;
  font-size: 5.32vw;
  padding: 1.06vw 0 1.06vw 3.12vw;
  text-align: left;
}
.top-info__txt{
  margin-top: 4.256vw;
}
.top-info__txt bold{
  font-size: 4.256vw;
  font-weight: 700;
}


/*ホール一覧
----------------------------------------------------------------*/
.hall-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  text-align: left;
}
.hall-list__item{
  padding: 4.256vw 0;
}
.hall-list__item:nth-of-type(n+2){
  border-top: dashed 1px #eee;
}
.hall-list__item:hover .hall-list__img img{
  opacity: 0.75;
}
.hall-list__box{
  display: flex;
}
.hall-list__img{
  margin-right: 0%;
  width: 30%;
  height: auto;
  overflow: hidden;
}
.hall-list__img img{
  width: 100%;
}
.hall-list__inner{
  width: 70%;
  padding-left: 2%;
}
.hall-name{
font-size: 15px;
font-weight: 700;
line-height: 1.4;
margin-bottom: .5em;
}
.hall-address{
font-size: 15px;
}
.hall-tel{
font-size: 15px;
}
.hall-tel i{
padding-right: .6em;
}
.hall-link{
font-size: 15px;
font-weight: 700;
text-align: right;
color: #ff7675;
}
.hall-link i{
padding-left: .6em;
}

/*エリア一覧
-------------------------------------------------------*/
.area-list__title{
  font-size: 18;
  font-weight: 700;
  color: #333;
  margin-bottom: 8px;
  text-align: left;
}
.area-list{
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 16px;
  padding: 8px 0;
}
.area-list__item{
  border-right: solid 1px;
  font-size: 16px;
  line-height: 1;
  margin: 8px 0 8px;
  padding: 0 16px;
  text-align: left;
}
.area-list__item i{
  margin-right: 8px;
}