@charset "UTF-8";
/*
Theme Name: oso-shiki
Template: oso-shiki
Author: 縁（えにし）
Description: 定額葬儀 縁 公式サイト
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.rr {
  color: #9a2121;
}

a {
  outline: none;
  color: #5b5b5b;
  text-decoration: none;
}
@media screen and (min-width: 641px) {
  a:hover, a:active {
    color: #8e8e8e;
  }
}

a:focus {
  outline: none;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.fwb {
  font-weight: bold;
}

/* 太字 */
.fwn {
  font-weight: normal;
}

/* 通常 */
.indents {
  padding-left: 1em;
  text-indent: -1em;
}

.br:after {
  content: "\A";
  white-space: pre;
}

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

html {
  font-size: 62.5%;
}

body {
  background: #ffffff;
  color: #333333;
  font-size: 14px;
  font-size: 4.375vw;
  line-height: 1.5;
  letter-spacing: 0.03em;
  -webkit-text-size-adjust: 100%;
  font-family: mplus-1p-regular;
  font-weight: 300;
  font-family: 'Noto Sans Japanese', sans-serif;
  background: url(./img/common/bg.png) center top repeat;
}
@media screen and (min-width: 321px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

*:first-child + html body {
  /* for IF7 */
  font-family: 'Noto Sans Japanese', sans-serif;
}

[hidden] {
  display: none;
}

.hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.fwb {
  font-weight: 600;
}

.fwn {
  font-weight: 300;
}

.font_min {
  font-weight: bold;
  font-family: "YuMin_36pKn-Medium",YuMincho,"游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

/* ---------------------------------------- */
/* ----- waku ----- */
/* ---------------------------------------- */
@media only screen and (min-width: 1025px) {
  .pc_waku,
  .waku {
    width: 1120px;
    margin: auto;
  }

  .pc_none {
    display: none;
  }

  .font_medium_active {
    font-size: 100%;
  }

  .font_large_active {
    font-size: 120%;
  }

  .pc_br:after {
    content: "\A";
    white-space: pre;
  }
}
@media only screen and (min-width: 321px) and (max-width: 1024px) {
  .sp_waku,
  .waku {
    width: 95%;
    margin: auto;
  }

  .tb_none {
    display: none;
  }

  .sp_br:after {
    content: "\A";
    white-space: pre;
  }
}
@media only screen and (max-width: 320px) {
  .sp_waku,
  .waku {
    width: 95%;
    margin: auto;
  }

  .sp_none {
    display: none;
  }

  .sp_br:after {
    content: "\A";
    white-space: pre;
  }
}
/* ----- head ----- */
@media only screen and (min-width: 1025px) {
  #head {
    overflow: hidden;
    *zoom: 1;
  }
  #head .logo {
    width: 236px;
    padding-top: 30px;
    float: left;
  }
  #head .data {
    float: right;
    overflow: hidden;
    *zoom: 1;
  }
  #head .data .tel {
    float: right;
    margin-left: 20px;
  }
  #head .data .head_cont {
    float: right;
  }
  #head .size_box {
    padding: 20px 0 10px 0;
    overflow: hidden;
    *zoom: 1;
  }
  #head .size {
    float: right;
    width: 200px;
    padding: 5px 0;
    color: #213359;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #head .sitemenu {
    overflow: hidden;
    *zoom: 1;
  }
  #head .sitemenu li {
    float: left;
  }
  #head .sitemenu li:after {
    content: "｜";
  }
  #head .sitemenu li:last-of-type:after {
    content: "";
  }

  #font_btn-group {
    margin-left: 15px;
  }
  #font_btn-group input[type="radio"] {
    display: none;
  }
  #font_btn-group li {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
  }
  #font_btn-group li .off {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    cursor: pointer;
  }
  #font_btn-group li .on {
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    cursor: pointer;
  }
  #font_btn-group li.big.active .off,
  #font_btn-group li.ss.active .off {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  #font_btn-group li.big.active .on,
  #font_btn-group li.ss.active .on {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #head.waku {
    width: 100%;
  }
  #head .logo {
    width: 33vw;
    margin-right: auto;
    padding-top: 4vw;
    padding-left: 3vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #head .logo img {
    max-width: 199px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #head .sp_menu {
    width: 20vw;
    text-align: right;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #head .sp_menu img {
    max-width: 114px;
  }
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #navigation {
    width: 280px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 999;
    color: #ffffff;
    background: #213359;
    overflow-y: auto;
    transition: all 0.5s ease;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
  }

  #disable-layer {
    width: 100%;
    height: 100%;
    display: none;
    background: #213359;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
  }

  #navigation .nav_ttl {
    padding: 3vw;
    display: block;
    border-bottom: solid 1px #5e6b88;
  }
  #navigation .link {
    padding: 3vw 3vw 3vw 5vw;
    display: block;
    border-bottom: solid 1px #5e6b88;
  }
  #navigation .link.ico_arrow_bottom_ww {
    background: url(./img/common/ico_arrow_bottom_ww.png) no-repeat;
    -webkit-background-size: 2vw;
    background-size: 2vw;
    background-position: right 3vw top 50%;
  }
  #navigation .link.open.ico_arrow_bottom_ww {
    background: url(./img/common/ico_arrow_top_ww.png) no-repeat;
    -webkit-background-size: 2vw;
    background-size: 2vw;
    background-position: right 3vw top 50%;
  }
  #navigation .no_link a {
    padding: 3vw 3vw 3vw 5vw;
    display: block;
    color: #ffffff;
    border-bottom: solid 1px #5e6b88;
    background: url(./img/common/ico_arrow_right_ww.png) no-repeat #213359;
    -webkit-background-size: 1vw;
    background-size: 1vw;
    background-position: right 3vw top 50%;
  }
  #navigation .no_link.contact_link a {
    background: url(./img/common/ico_arrow_right_ww.png) no-repeat #c08e29;
    -webkit-background-size: 1vw;
    background-size: 1vw;
    background-position: right 3vw top 50%;
  }
  #navigation .no_link.shiryou_link a {
    background: url(./img/common/ico_arrow_right_ww.png) no-repeat #4665a6;
    -webkit-background-size: 1vw;
    background-size: 1vw;
    background-position: right 3vw top 50%;
  }
  #navigation .box a {
    padding: 3vw 3vw 3vw 5vw;
    display: block;
    color: #ffffff;
    border-bottom: solid 1px #5e6b88;
    background: url(./img/common/ico_arrow_right_ww.png) no-repeat #314470;
    -webkit-background-size: 1vw;
    background-size: 1vw;
    background-position: right 3vw top 50%;
  }
}
@media only screen and (min-width: 321px) and (max-width: 1024px) {
  #navigation {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #navigation .nav_ttl {
    padding: 2vw;
  }
  #navigation .shiryou_link a,
  #navigation .contact_link a,
  #navigation .no_link a,
  #navigation .link,
  #navigation .box a {
    padding: 2vw 2vw 2vw 4vw;
  }
}
@media only screen and (min-width: 1025px) {
  #nav {
    margin: 15px auto 0 auto;
    background: url(./img/common/bg_gr.png) center bottom repeat-x #40537d;
  }
  #nav ul.waku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #nav li.bc_nav {
    padding: 5px 0;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
  }
  #nav li.bc_nav a {
    padding: 10px 0;
    display: block;
    border-right: solid 1px #b8b9bc;
  }
  #nav li.bc_nav:first-of-type a {
    border-left: solid 1px #b8b9bc;
  }
  #nav li.bc_nav:nth-of-type(1n):active, #nav li.bc_nav:nth-of-type(1n):hover {
    background: url(./img/common/bg_gr.png) center bottom repeat-x #213a74;
  }
  #nav li.bc_nav:nth-of-type(2n):active, #nav li.bc_nav:nth-of-type(2n):hover {
    background: url(./img/common/bg_gr.png) center bottom repeat-x #5e3665;
  }
  #nav li.bc_nav:nth-of-type(3n):active, #nav li.bc_nav:nth-of-type(3n):hover {
    background: url(./img/common/bg_gr.png) center bottom repeat-x #336106;
  }
  #nav li.bc_nav:nth-of-type(4n):active, #nav li.bc_nav:nth-of-type(4n):hover {
    background: url(./img/common/bg_gr.png) center bottom repeat-x #1c498d;
  }
  #nav li.bc_nav:nth-of-type(5n):active, #nav li.bc_nav:nth-of-type(5n):hover {
    background: url(./img/common/bg_gr.png) center bottom repeat-x #ba9219;
  }
  #nav li.bc_nav {
    position: relative;
  }
  #nav li.bc_nav ul.in_nav {
    width: 100%;
    position: absolute;
    visibility: hidden;
    top: 53px;
    left: 0;
    opacity: 0;
    transition: 0s;
    z-index: 99999;
  }
  #nav li.bc_nav ul.in_nav li a {
    padding: 10px 15px;
    color: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    display: block;
    border: none;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #nav li.bc_nav ul.in_nav.bg_bl_li li {
    border-bottom: solid 1px #627294;
  }
  #nav li.bc_nav ul.in_nav.bg_bl_li li:last-of-type {
    border-bottom: none;
  }
  #nav li.bc_nav ul.in_nav.bg_bl_li li a {
    background: #253e73;
  }
  #nav li.bc_nav ul.in_nav.bg_bl_li li a:active, #nav li.bc_nav ul.in_nav.bg_bl_li li a:hover {
    background: #46629c;
  }
  #nav li.bc_nav ul.in_nav.bg_pup_li li {
    border-bottom: solid 1px #96749c;
  }
  #nav li.bc_nav ul.in_nav.bg_pup_li li:last-of-type {
    border-bottom: none;
  }
  #nav li.bc_nav ul.in_nav.bg_pup_li li a {
    background: #704178;
  }
  #nav li.bc_nav ul.in_nav.bg_pup_li li a:active, #nav li.bc_nav ul.in_nav.bg_pup_li li a:hover {
    background: #84538d;
  }
  #nav li.bc_nav ul.in_nav.bg_gr_li li {
    border-bottom: solid 1px #598d45;
  }
  #nav li.bc_nav ul.in_nav.bg_gr_li li:last-of-type {
    border-bottom: none;
  }
  #nav li.bc_nav ul.in_nav.bg_gr_li li a {
    background: #2c6118;
  }
  #nav li.bc_nav ul.in_nav.bg_gr_li li a:active, #nav li.bc_nav ul.in_nav.bg_gr_li li a:hover {
    background: #397422;
  }
  #nav li.bc_nav ul.in_nav.bg_bld_li li {
    border-bottom: solid 1px #5069a1;
  }
  #nav li.bc_nav ul.in_nav.bg_bld_li li:last-of-type {
    border-bottom: none;
  }
  #nav li.bc_nav ul.in_nav.bg_bld_li li a {
    background: #1f3f88;
  }
  #nav li.bc_nav ul.in_nav.bg_bld_li li a:active, #nav li.bc_nav ul.in_nav.bg_bld_li li a:hover {
    background: #2e4f98;
  }
  #nav li.bc_nav ul.in_nav.bg_yerr_li li {
    border-bottom: solid 1px #c2a871;
  }
  #nav li.bc_nav ul.in_nav.bg_yerr_li li:last-of-type {
    border-bottom: none;
  }
  #nav li.bc_nav ul.in_nav.bg_yerr_li li a {
    background: #a37f31;
  }
  #nav li.bc_nav ul.in_nav.bg_yerr_li li a:active, #nav li.bc_nav ul.in_nav.bg_yerr_li li a:hover {
    background: #af8c41;
  }
  #nav li.bc_nav:hover ul.in_nav {
    visibility: visible;
    opacity: 1;
  }
  #nav li.bc_nav:hover ul.in_nav a {
    visibility: visible;
    opacity: 1;
  }
}
/* ---------------------------------------- */
/* ----- トップ画像 ----- */
/* ---------------------------------------- */
@media only screen and (min-width: 1025px) {
  #top_head {
    height: 446px;
    background: url(./img/common/bg_top_head.png) center top repeat #6f7682;
  }
  #top_head img {
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #top_head img {
    vertical-align: bottom;
  }
}
/* ----- in_link ----- */
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .in_link {
    padding: 3vw 0 2vw 0;
    background: #213359;
  }
  .in_link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .in_link li {
    width: 49%;
    margin-bottom: 8px;
  }
  .in_link a {
    padding: 3vw 0;
    display: block;
    text-align: center;
    color: #213359;
    background: #ffffff;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .in_link a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .in_link a span {
    padding-left: 4vw;
    background: url(./img/common/ico_bl_circle.png) no-repeat;
    -webkit-background-size: 3vw;
    background-size: 3vw;
    background-position: left 0 top 50%;
  }
}
/* ---------------------------------------- */
/* ----- column ----- */
/* ---------------------------------------- */
/* ----- main ----- */
@media only screen and (min-width: 1025px) {
  #cont_wrap {
    overflow: hidden;
    *zoom: 1;
  }
  #cont_wrap #main {
    width: 800px;
    float: left;
  }
  #cont_wrap #side {
    margin-left: 20px;
    width: 300px;
    float: left;
    padding-top: 15px;
  }
}
.bg_bl {
  background: #213359;
}

.bg_gr {
  background: #757d19;
}

.bg_red {
  background: #a93a51;
}

.bg_pup {
  background: #5e3665;
}

.bg_eidai {
  background: #336106;
}

.bg_kaiyou {
  background: #1c498d;
}

.bg_hada {
  background: #f6f2e9;
}

.cl_bl {
  color: #213359;
}

.cl_gr {
  color: #757d19;
}

.cl_red {
  color: #a93a51;
}

.cl_pup {
  color: #5e3665;
}

.cl_eidai {
  color: #336106;
}

.cl_kaiyou {
  color: #1c498d;
}

.cl_ww {
  color: #ffffff;
}

.cl_rr {
  color: #9a2121;
}

/* ---------------------------------------- */
/* ----- トップページ ----- */
/* ---------------------------------------- */
/* ----- top_plan ----- */
.top_plan {
  color: #ffffff;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .plan.plan_in {
    margin-top: 3vw;
    padding: 0 3vw 3vw 3vw;
  }
  .plan.plan_in .btn a {
    padding: 2vw 0;
  }
}
@media only screen and (min-width: 1025px) {
  .top_plan .ttl_top_plan {
    margin: 10px auto 0 auto;
  }
  .top_plan .img_tehai_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .top_plan .img_tehai_top .left {
    width: 315px;
    margin-right: 10px;
  }
  .top_plan .img_tehai_top .center {
    width: 253px;
    margin-right: 10px;
  }
  .top_plan .img_tehai_top .btn {
    width: 182px;
  }
  .top_plan .img_tehai_top .btn a {
    width: 100%;
    padding: 27px 0;
  }
  .top_plan .plan {
    margin-bottom: 15px;
    padding: 13px 10px 5px 10px;
  }
  .top_plan .plan .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .top_plan .plan .img {
    width: 255px;
    margin-right: 15px;
    -webkit-order: -1;
    order: -1;
  }
  .top_plan .plan .data {
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top_plan .plan .data .name {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
  }
  .top_plan .plan .data .flow {
    width: 245px;
  }
  .top_plan .plan .data .btn {
    width: 243px;
    margin-left: 10px;
  }
  .top_plan .plan .data .btn a {
    padding: 18px 0;
  }
  .top_plan .plan .txt {
    margin: 10px auto;
  }
  .top_plan .plan .tehai {
    padding-top: 10px;
    border-top: dotted 1px #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .top_plan .plan .tehai .midashi {
    width: 201px;
    margin-right: 15px;
  }
  .top_plan .plan .tehai .midashi img {
    max-width: 201px;
  }
  .top_plan .plan .tehai .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .top_plan .plan .tehai .kakaku {
    width: 175px;
    margin-right: 10px;
  }
  .top_plan .plan .tehai .kakaku img {
    max-width: 175px;
  }
  .top_plan .plan .tehai .tehai_txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .top_plan .plan .tehai .btn {
    width: 190px;
    margin-left: auto;
  }
  .top_plan .plan .tehai .btn a {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .top_plan .ttl_top_plan {
    margin: 10px 0;
  }
  .top_plan .img_tehai_top .left {
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }
  .top_plan .img_tehai_top .center {
    margin-bottom: 1.5vw;
  }
  .top_plan .img_tehai_top .btn a {
    padding: 3vw 0;
  }
  .top_plan .plan {
    margin-bottom: 15px;
    padding: 13px 10px;
  }
  .top_plan .plan .top .btn a {
    padding: 3vw 0;
  }
  .top_plan .plan .img {
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .top_plan .plan .data {
    width: 100%;
  }
  .top_plan .plan .data .name {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .top_plan .plan .data .flow {
    text-align: center;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 1080px) {
  .top_plan .plan .data .flow img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .top_plan .plan .txt {
    margin: 10px auto;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .top_plan .plan .tehai {
    padding-top: 8px;
    border-top: dotted 1px #ffffff;
  }
  .top_plan .plan .tehai .midashi {
    width: 100%;
    margin-bottom: 3px;
    text-align: center;
  }
  .top_plan .plan .tehai .box {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .top_plan .plan .tehai .kakaku {
    -webkit-flex: 1;
    flex: 1;
    margin-right: 10px;
    padding-left: 8vw;
    text-align: right;
  }
  .top_plan .plan .tehai .tehai_txt {
    -webkit-flex: 1;
    flex: 1;
    vertical-align: middle;
    font-size: 8px;
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .top_plan .plan .tehai .tehai_txt {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .top_plan .plan .tehai .btn {
    width: 100%;
  }
  .top_plan .plan .tehai .btn a {
    padding: 2vw 0;
  }
}
/* ----- link_hogo ----- */
.link_hogo {
  margin-bottom: 15px;
}

@media only screen and (min-width: 1025px) {
  .link_hogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
  }
  .link_hogo .btn {
    width: 300px;
    margin-left: auto;
  }
  .link_hogo .btn a {
    padding: 10px 0;
  }
}
/* ----- top_area ----- */
@media only screen and (min-width: 1025px) {
  .top_area .ttl_top_kasou {
    width: 367px;
    margin-bottom: 15px;
  }
  .top_area .ttl_top_area {
    width: 368px;
    margin-bottom: 15px;
  }
  .top_area.mt20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .top_area_box {
    padding: 15px;
    background: url(./img/common/bg_top_area_box.png) center right no-repeat #ffffff;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .area_l li.fl {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #cacaca;
  }
  .area_l li:last-of-type.fl {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
  }
  .area_l .area_in,
  .area_l li.fl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
  }
  .area_l .link {
    width: 150px;
    margin-right: 10px;
    padding: 3px 0;
    text-align: center;
    color: #ffffff;
    background: #213359;
  }
  .area_l .area_in a {
    color: #4665a6;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 641px) {
  .area_l .area_in a:hover, .area_l .area_in a:active {
    color: #869dcc;
  }
}
@media only screen and (min-width: 1025px) {
  .area_l .area_in li {
    padding: 3px 0px;
  }
  .area_l .area_in li:after {
    content: "｜";
  }
  .area_l .area_in li:last-of-type:after {
    content: "";
  }

  .kasou_l li.fl {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #cacaca;
  }
  .kasou_l li:last-of-type.fl {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
  }
  .kasou_l .kasou_in,
  .kasou_l li.fl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
  }
  .kasou_l .link {
    width: 150px;
    margin-right: 10px;
    padding: 3px 0;
    text-align: center;
    color: #ffffff;
    background: #757d19;
  }
  .kasou_l .kasou_in a {
    color: #4665a6;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 641px) {
  .kasou_l .kasou_in a:hover, .kasou_l .kasou_in a:active {
    color: #869dcc;
  }
}
@media only screen and (min-width: 1025px) {
  .kasou_l .kasou_in li {
    padding: 3px 0px;
  }
  .kasou_l .kasou_in li:after {
    content: "｜";
  }
  .kasou_l .kasou_in li:last-of-type:after {
    content: "";
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .top_area {
    margin-top: 30px;
  }
  .top_area .ttl_top_kasou,
  .top_area .ttl_top_area {
    margin-bottom: 10px;
  }
  .top_area.mt20 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .top_area_box {
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .area_l {
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .area_l {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .area_l li.fl {
    border-bottom: solid 1px #cacaca;
  }
  .area_l li:last-of-type.fl {
    border-bottom: none;
  }
  .area_l .link {
    width: 100%;
    padding: 3vw 4vw;
    text-align: left;
    color: #213359;
    background: url(./img/common/ico_arrow_gr_open.png) no-repeat #ffffff;
    -webkit-background-size: 3vw;
    background-size: 3vw;
    background-position: right 4vw top 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .area_l .link.open {
    background: url(./img/common/ico_arrow_gr_close.png) no-repeat #ffffff;
    -webkit-background-size: 3vw;
    background-size: 3vw;
    background-position: right 4vw top 50%;
  }
  .area_l .area_in a {
    display: block;
    padding: 3vw 4vw;
    color: #213359;
    background: url(./img/common/ico_arrow_bl_go.png) no-repeat #e8edf6;
    -webkit-background-size: 2vw;
    background-size: 2vw;
    background-position: right 4.3vw top 50%;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 641px) {
  .area_l .area_in a:hover, .area_l .area_in a:active {
    color: #3d5ea3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .area_l .area_in li {
    border-bottom: solid 1px #cacaca;
  }
  .area_l .area_in li:first-of-type {
    border-top: solid 1px #cacaca;
  }
  .area_l .area_in li:last-of-type {
    border-bottom: none;
  }

  .kasou_l {
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .kasou_l {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .kasou_l li.fl {
    border-bottom: solid 1px #cacaca;
  }
  .kasou_l li:last-of-type.fl {
    border-bottom: none;
  }
  .kasou_l .link {
    width: 100%;
    padding: 3vw 4vw;
    text-align: left;
    color: #757d19;
    background: url(./img/common/ico_arrow_gr_open.png) no-repeat #ffffff;
    -webkit-background-size: 3vw;
    background-size: 3vw;
    background-position: right 4vw top 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kasou_l .link.open {
    background: url(./img/common/ico_arrow_gr_close.png) no-repeat #ffffff;
    -webkit-background-size: 3vw;
    background-size: 3vw;
    background-position: right 4vw top 50%;
  }
  .kasou_l .kasou_in a {
    display: block;
    padding: 3vw 4vw;
    color: #757d19;
    background: url(./img/area/ico_arrow_gr_go.png) no-repeat #f5f6e2;
    -webkit-background-size: 2vw;
    background-size: 2vw;
    background-position: right 4.3vw top 50%;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 641px) {
  .kasou_l .kasou_in a:hover, .kasou_l .kasou_in a:active {
    color: #c5d22a;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .kasou_l .kasou_in li {
    border-bottom: solid 1px #cacaca;
  }
  .kasou_l .kasou_in li:first-of-type {
    border-top: solid 1px #cacaca;
  }
  .kasou_l .kasou_in li:last-of-type {
    border-bottom: none;
  }
}
/* ----- top_enishi ----- */
@media only screen and (min-width: 1025px) {
  .top_enishi {
    margin-top: 30px;
  }
  .top_enishi .ttl_top_enishi {
    width: 401px;
    margin-bottom: 15px;
  }
  .top_enishi .box {
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 30px;
  }
  .top_enishi .img {
    float: left;
    width: 323px;
    margin-right: 20px;
  }
  .top_enishi .txt {
    float: left;
    width: 457px;
  }
  .top_enishi .ttl {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .top_enishi {
    margin-top: 30px;
  }
  .top_enishi .ttl_top_enishi {
    margin-bottom: 10px;
  }
  .top_enishi .box {
    margin-bottom: 30px;
  }
  .top_enishi .img {
    margin-bottom: 15px;
  }
  .top_enishi .ttl {
    margin-bottom: 10px;
  }
}
/* ---------------------------------------- */
/* ----- サイドバー ----- */
/* ---------------------------------------- */
/* ----- お問い合わせ ----- */
#side_contact {
  margin-bottom: 10px;
  padding: 11px;
  border: solid 1px #aeb4bd;
  background: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#side_contact .ttl {
  padding: 3px 0;
  margin-bottom: 8px;
  text-align: center;
  color: #ffffff;
  background: #213359;
}

@media only screen and (min-width: 1025px) {
  #side_contact .tel {
    width: 277px;
    margin: auto;
  }
  #side_contact li {
    margin-top: 5px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #side_contact .ttl {
    padding: 1vw 0;
    font-size: 14px;
    font-size: 4.375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #side_contact .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #side_contact .tel {
    margin-top: 5px;
    text-align: center;
  }
  #side_contact li {
    margin-top: 8px;
  }
}
/* ----- バナー ----- */
.side_bn {
  margin-bottom: 5px;
}

@media only screen and (min-width: 1025px) {
  .ss_bn {
    width: 300px;
    height: 79px;
  }
}
/* ----- リンク ----- */
.side_nav_top,
#side_nav {
  margin-top: 10px;
  border: solid 1px #aeb4bd;
  background: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.side_nav_top.no_top {
  margin-top: 0px;
}
.side_nav_top .ttl,
#side_nav .ttl {
  color: #ffffff;
  padding: 10px 15px;
  font-size: 18px;
  font-size: 1.8rem;
}
.side_nav_top li,
#side_nav li {
  border-bottom: solid 1px #aeb4bd;
}
.side_nav_top li:last-of-type,
#side_nav li:last-of-type {
  border-bottom: none;
}
.side_nav_top a,
#side_nav a {
  padding: 10px 15px;
  display: block;
  color: #213359;
  background: url(./img/sidebar/ico_right.png) no-repeat #ffffff;
  -webkit-background-size: 8px 13px;
  background-size: 8px 13px;
  background-position: right 15px top 50%;
}
@media screen and (min-width: 641px) {
  .side_nav_top a:hover, .side_nav_top a:active,
  #side_nav a:hover,
  #side_nav a:active {
    color: #3d5ea3;
  }
}

.side_nav_top {
  margin-bottom: 10px;
}

/* ---------------------------------------- */
/* ----- フッター ----- */
/* ---------------------------------------- */
#copy {
  padding: 2vw 0;
  color: #9eabc7;
}

@media only screen and (min-width: 1025px) {
  #footer {
    margin-top: 60px;
  }

  #foot {
    padding: 50px 0 60px 0;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #foot .left {
    width: 300px;
    margin-right: 20px;
  }
  #foot .logo {
    width: 265px;
  }
  #foot .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #foot .right ul.mother {
    margin-right: 35px;
  }
  #foot .right ul.mother .link {
    margin-bottom: 10px;
  }
  #foot .right a {
    padding: 3px 0;
    display: block;
    color: #ffffff;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 641px) {
  #foot .right a:hover, #foot .right a:active {
    color: white;
  }
}
@media only screen and (min-width: 1025px) {
  #foot .right a:active, #foot .right a:hover {
    color: #bfc5d1;
  }
  #foot .right ul.child {
    font-size: 15px;
    font-size: 1.5rem;
  }

  #copy {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #foot {
    padding: 4vw 0 0 0;
  }
  #foot .logo {
    width: 40vw;
    margin: 0 auto 5px auto;
    text-align: center;
  }
  #foot ul:first-of-type.mother {
    border-top: solid 1px #55678e;
  }
  #foot ul.nomal li,
  #foot ul.mother li {
    border-bottom: solid 1px #55678e;
  }
  #foot ul.nomal .link,
  #foot ul.mother .link {
    color: #ffffff;
    padding: 2vw 2vw;
    background: url(./img/common/ico_foot_open.png) no-repeat;
    -webkit-background-size: 3vw;
    background-size: 3vw;
    background-position: right 3vw top 50%;
  }
  #foot ul.nomal .link.open,
  #foot ul.mother .link.open {
    background: url(./img/common/ico_foot_close.png) no-repeat;
    -webkit-background-size: 3vw;
    background-size: 3vw;
    background-position: right 3vw top 50%;
  }
  #foot ul.nomal a,
  #foot ul.mother a {
    color: #ffffff;
    padding: 2vw 2vw;
    display: block;
  }
  #foot ul.child li {
    border-top: solid 1px #455371;
    border-bottom: none;
  }
  #foot ul.child a {
    color: #bfc5d1;
  }

  #copy {
    padding-bottom: 22vw;
    font-size: 10px;
    font-size: 3.125vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #copy {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 1025px) {
  #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
  }
  #page-top a {
    background: #354972;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #foot_bn_cont {
    position: fixed;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #foot_bn_cont img {
    vertical-align: bottom;
  }
}
@media only screen and (max-width: 320px) {
  #foot .logo {
    width: 126px;
    margin: 0 auto 5px auto;
  }
}
/* ---------------------------------------- */
/* ----- 内部 ----- */
/* ---------------------------------------- */
#pankuzu {
  margin: 3px auto;
  font-size: 10px;
  font-size: 3.125vw;
}
@media screen and (min-width: 640px) {
  #pankuzu {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#pankuzu a {
  color: #213359;
}
@media screen and (min-width: 641px) {
  #pankuzu a:hover, #pankuzu a:active {
    color: #3d5ea3;
  }
}

#in_head.bg_in_bl {
  color: #ffffff;
  background: url(./img/common/bg_in_head.png) center top repeat #0a1e41;
}
#in_head.bg_in_gr {
  color: #ffffff;
  background: url(./img/common/bg_in_head.png) center top repeat #757d19;
}
#in_head.bg_in_rr {
  color: #ffffff;
  background: url(./img/common/bg_in_head.png) center top repeat #a93a51;
}
#in_head.bg_in_pp {
  color: #ffffff;
  background: url(./img/common/bg_in_head.png) center top repeat #5e3665;
}
#in_head.bg_in_grd {
  color: #ffffff;
  background: url(./img/common/bg_in_head.png) center top repeat #336106;
}
#in_head.bg_in_bld {
  color: #ffffff;
  background: url(./img/common/bg_in_head.png) center top repeat #1c498d;
}

@media only screen and (min-width: 1025px) {
  #in_head {
    padding: 50px 0;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #in_head {
    padding: 5vw 0;
    font-size: 14px;
    font-size: 4.375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 1242px) {
  #in_head {
    font-size: 30px;
    font-size: 3rem;
  }
}

/* ---------------------------------------- */
/* ----- エリア ----- */
/* ---------------------------------------- */
@media only screen and (min-width: 1025px) {
  #area_box .in_area_box {
    padding: 0 20px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #area_box .in_area_box {
    margin-bottom: 20px;
  }
}
#area_box .txt {
  margin-bottom: 10px;
}
#area_box .no_entry {
  text-align: center;
  padding: 50px 0;
  color: #9a2121;
}

@media only screen and (min-width: 1025px) {
  .sougi_list .box {
    margin-bottom: 15px;
    padding: 15px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .sougi_list .left {
    width: 476px;
  }
  .sougi_list .top {
    padding-bottom: 10px;
    border-bottom: solid 1px #cacaca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .sougi_list .ttl a {
    font-size: 23px;
    font-size: 2.3rem;
    color: #213359;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 641px) {
  .sougi_list .ttl a:hover, .sougi_list .ttl a:active {
    color: #3d5ea3;
  }
}
@media only screen and (min-width: 1025px) {
  .sougi_list .pic {
    margin-left: 10px;
    margin-top: 5px;
  }
  .sougi_list table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .sougi_list table th {
    width: 80px;
  }
  .sougi_list table th,
  .sougi_list table td {
    vertical-align: top;
    padding: 10px;
    border-bottom: solid 1px #cacaca;
  }
  .sougi_list .tokutyou ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sougi_list .tokutyou ul li {
    width: 33.33%;
  }
  .sougi_list .right {
    width: 232px;
    margin-left: 20px;
  }
  .sougi_list .right .img {
    width: 227px;
    height: auto;
    margin: 0 auto 10px auto;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .sougi_list .box {
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sougi_list .left {
    width: 100%;
  }
  .sougi_list .top {
    padding-bottom: 10px;
    border-bottom: solid 1px #cacaca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .sougi_list .ttl a {
    font-size: 14px;
    font-size: 4.375vw;
    color: #213359;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .sougi_list .ttl a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 641px) {
  .sougi_list .ttl a:hover, .sougi_list .ttl a:active {
    color: #3d5ea3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .sougi_list .pic {
    width: 22vw;
    margin-left: auto;
  }
  .sougi_list table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .sougi_list table {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (max-width: 639px) {
  .sougi_list table th,
  .sougi_list table td {
    display: block;
  }
  .sougi_list table th {
    padding-top: 5px;
  }
  .sougi_list table td {
    padding-bottom: 5px;
    border-bottom: solid 1px #cacaca;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .sougi_list table th {
    width: 80px;
  }
  .sougi_list table th,
  .sougi_list table td {
    vertical-align: top;
    padding: 10px;
    border-bottom: solid 1px #cacaca;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .sougi_list .tokutyou ul {
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sougi_list .tokutyou ul li {
    width: 33.33%;
    padding: 1px 1px 0 1px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sougi_list .right {
    margin-top: 5px;
  }
  .sougi_list .right .img {
    text-align: center;
    margin: 0 auto 5px auto;
  }
  .sougi_list .right a {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 1025px) {
  .kasou_list .box {
    margin-bottom: 15px;
    padding: 15px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kasou_list .ttl {
    padding-bottom: 10px;
  }
  .kasou_list .ttl a {
    font-size: 23px;
    font-size: 2.3rem;
    color: #213359;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 641px) {
  .kasou_list .ttl a:hover, .kasou_list .ttl a:active {
    color: #3d5ea3;
  }
}
@media only screen and (min-width: 1025px) {
  .kasou_list table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .kasou_list table th {
    width: 80px;
  }
  .kasou_list table th,
  .kasou_list table td {
    vertical-align: top;
    padding: 10px;
    border-top: solid 1px #cacaca;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .kasou_list .box {
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .kasou_list .ttl {
    padding-bottom: 8px;
  }
  .kasou_list .ttl a {
    font-size: 14px;
    font-size: 4.375vw;
    color: #213359;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .kasou_list .ttl a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 641px) {
  .kasou_list .ttl a:hover, .kasou_list .ttl a:active {
    color: #3d5ea3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .kasou_list table {
    width: 100%;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .kasou_list table {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (max-width: 639px) {
  .kasou_list table th,
  .kasou_list table td {
    display: block;
  }
  .kasou_list table th {
    padding-top: 5px;
    border-top: solid 1px #cacaca;
  }
  .kasou_list table td {
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .kasou_list table th {
    width: 80px;
  }
  .kasou_list table th,
  .kasou_list table td {
    vertical-align: top;
    padding: 10px;
    border-top: solid 1px #cacaca;
  }
}

/* ---------------------------------------- */
/* ----- ページナビ ----- */
/* ---------------------------------------- */
#pagenav {
  margin: 30px 0;
}
#pagenav .wp-pagenavi {
  clear: both;
  text-align: center;
}
#pagenav .wp-pagenavi a, #pagenav .wp-pagenavi span {
  color: #213359;
  background-color: #ffffff;
  border: solid 1px #213359;
  padding: 8px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
}
#pagenav .wp-pagenavi a:hover {
  color: #ffffff;
  background-color: #213359;
  border-color: #213359;
}
#pagenav .wp-pagenavi span.current {
  color: #ffffff;
  background-color: #213359;
  border-color: #213359;
}

/* ---------------------------------------- */
/* ----- エリア 詳細 ----- */
/* ---------------------------------------- */
@media only screen and (min-width: 1025px) {
  #area_in_box .detel {
    padding: 15px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #area_in_box .top {
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #area_in_box .ttl {
    font-size: 23px;
    font-size: 2.3rem;
    color: #213359;
  }
  #area_in_box .pic {
    margin-left: 10px;
    margin-top: 5px;
  }
  #area_in_box table {
    width: 100%;
    margin-bottom: 10px;
  }
  #area_in_box table th {
    width: 80px;
  }
  #area_in_box table th,
  #area_in_box table td {
    vertical-align: top;
    padding: 10px;
    border-bottom: solid 1px #cacaca;
  }
  #area_in_box .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #area_in_box .tokutyou {
    width: 476px;
  }
  #area_in_box .tokutyou ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #area_in_box .tokutyou li {
    width: 33.33%;
  }
  #area_in_box .btn {
    width: 242px;
    margin-left: 10px;
  }
  #area_in_box .btn a {
    width: 100%;
    padding: 30px 0;
  }
  #area_in_box .map {
    margin-top: 15px;
  }
  #area_in_box .map iframe {
    height: 350px;
  }

  .ok_plan {
    margin-top: 15px;
  }
  .ok_plan .ttl_ok_plan {
    margin-bottom: 10px;
    color: #213359;
  }

  .return_btn {
    width: 40%;
    margin: 20px auto;
  }
  .return_btn a {
    text-align: center;
    display: block;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #area_in_box .detel {
    padding: 15px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #area_in_box .top {
    padding-bottom: 10px;
    border-bottom: solid 1px #cacaca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #area_in_box .ttl {
    color: #213359;
  }
  #area_in_box .ttl a {
    font-size: 16px;
    font-size: 5vw;
    color: #213359;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #area_in_box .ttl a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 641px) {
  #area_in_box .ttl a:hover, #area_in_box .ttl a:active {
    color: #3d5ea3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #area_in_box .pic {
    width: 22vw;
    margin-left: auto;
  }
  #area_in_box table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #area_in_box table {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (max-width: 639px) {
  #area_in_box table th,
  #area_in_box table td {
    display: block;
  }
  #area_in_box table th {
    padding-top: 5px;
  }
  #area_in_box table td {
    padding-bottom: 5px;
    border-bottom: solid 1px #cacaca;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #area_in_box table th {
    width: 80px;
  }
  #area_in_box table th,
  #area_in_box table td {
    vertical-align: top;
    padding: 10px;
    border-bottom: solid 1px #cacaca;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #area_in_box .tokutyou ul {
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #area_in_box .tokutyou ul li {
    width: 33.33%;
    padding: 1px 1px 0 1px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #area_in_box .btn {
    margin-top: 5px;
  }
  #area_in_box .btn a {
    width: 100%;
    padding: 10px 0;
  }
  #area_in_box .map {
    margin-top: 10px;
  }
  #area_in_box .map iframe {
    height: 40vw;
  }

  .ok_plan {
    margin-top: 10px;
  }
  .ok_plan .ttl_ok_plan {
    margin-bottom: 10px;
    color: #213359;
  }

  .return_btn {
    width: 90%;
    margin: 20px auto;
  }
  .return_btn a {
    text-align: center;
    display: block;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 1025px) {
  #kasou_in_box .detel {
    padding: 15px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #kasou_in_box .ttl {
    margin-bottom: 10px;
    font-size: 23px;
    font-size: 2.3rem;
    color: #213359;
  }
  #kasou_in_box table {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: solid 1px #cacaca;
  }
  #kasou_in_box table th {
    width: 80px;
  }
  #kasou_in_box table th,
  #kasou_in_box table td {
    vertical-align: top;
    padding: 10px;
    border-top: solid 1px #cacaca;
  }
  #kasou_in_box .btn {
    width: 300px;
    margin: auto;
  }
  #kasou_in_box .btn a {
    width: 100%;
    padding: 15px 0;
  }

  .return_btn {
    width: 40%;
    margin: 20px auto;
  }
  .return_btn a {
    text-align: center;
    display: block;
    padding: 15px 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #kasou_in_box .detel {
    padding: 15px;
    border: solid 1px #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #kasou_in_box .top {
    padding-bottom: 10px;
    border-bottom: solid 1px #cacaca;
  }
  #kasou_in_box .ttl {
    color: #213359;
  }
  #kasou_in_box .ttl a {
    font-size: 16px;
    font-size: 5vw;
    color: #213359;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #kasou_in_box .ttl a {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 641px) {
  #kasou_in_box .ttl a:hover, #kasou_in_box .ttl a:active {
    color: #3d5ea3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #kasou_in_box table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #kasou_in_box table {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (max-width: 639px) {
  #kasou_in_box table th,
  #kasou_in_box table td {
    display: block;
  }
  #kasou_in_box table th {
    padding-top: 5px;
  }
  #kasou_in_box table td {
    padding-bottom: 5px;
    border-bottom: solid 1px #cacaca;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #kasou_in_box table th {
    width: 80px;
  }
  #kasou_in_box table th,
  #kasou_in_box table td {
    vertical-align: top;
    padding: 10px;
    border-bottom: solid 1px #cacaca;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #kasou_in_box .btn {
    margin-top: 5px;
  }
  #kasou_in_box .btn a {
    width: 100%;
    padding: 10px 0;
  }

  .return_btn {
    width: 90%;
    margin: 20px auto;
  }
  .return_btn a {
    text-align: center;
    display: block;
    padding: 15px 0;
  }
}
#foot_cont_box {
  padding: 11px;
  border: solid 1px #aeb4bd;
  background: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#foot_cont_box .ttl {
  padding: 5px 0;
  margin-bottom: 8px;
  text-align: center;
  color: #ffffff;
  background: #213359;
}
#foot_cont_box .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -js-display: flex;
  /*IE*/
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#foot_cont_box .tel {
  width: 368px;
  margin-right: 10px;
}
#foot_cont_box .link {
  width: 408px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -js-display: flex;
  /*IE*/
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#foot_cont_box .link li {
  width: 50%;
}
#foot_cont_box .link li:first-of-type {
  margin-right: 10px;
}
#foot_cont_box .link a {
  width: 100%;
  padding: 22px 0;
  font-size: 24px;
  font-size: 2.4rem;
}

/* ---------------------------------------- */
/* ----- プラン ----- */
/* ---------------------------------------- */
#plan_page,
#plan_box {
  line-height: 1.6;
}
#plan_page .about a,
#plan_page .ss_cont a,
#plan_box .about a,
#plan_box .ss_cont a {
  color: #4665a6;
  text-decoration: underline;
}
@media screen and (min-width: 641px) {
  #plan_page .about a:hover, #plan_page .about a:active,
  #plan_page .ss_cont a:hover,
  #plan_page .ss_cont a:active,
  #plan_box .about a:hover,
  #plan_box .about a:active,
  #plan_box .ss_cont a:hover,
  #plan_box .ss_cont a:active {
    color: #869dcc;
  }
}

@media only screen and (min-width: 1025px) {
  .ss_cont .fl_box {
    margin-bottom: 15px;
    overflow: hidden;
    *zoom: 1;
  }
  .ss_cont .fl_box .left {
    width: 266px;
    margin-right: 15px;
    float: left;
  }
  .ss_cont .fl_box .right {
    width: 477px;
    float: left;
  }
  .ss_cont p {
    margin-bottom: 15px;
  }

  #plan_box .about {
    margin-bottom: 15px;
    padding: 15px;
    background: #f9f9f4;
  }
  #plan_box .about .ttl {
    margin-bottom: 15px;
    padding: 10px 15px;
    font-size: 23px;
    font-size: 2.3rem;
    color: #ffffff;
    background: #d4b777;
  }
  #plan_box .about .box {
    overflow: hidden;
    *zoom: 1;
  }
  #plan_box .about .img {
    width: 274px;
    float: left;
  }
  #plan_box .about .txt {
    width: 434px;
    margin-left: 20px;
    float: left;
  }
  #plan_box .img_back {
    width: 724px;
    margin: 20px auto 10px auto;
  }
  #plan_box .plan_service_lis ul {
    overflow: hidden;
    *zoom: 1;
  }
  #plan_box .plan_service_lis li {
    width: 141px;
    float: left;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #ffffff;
    background: #5e3665;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 0;
  }
  #plan_box .plan_service_lis li:nth-of-type(5n+5) {
    margin-right: 0;
  }

  .ss_in_box {
    padding: 15px 15px 20px 15px;
    background: #f9f9f4;
  }
  .ss_in_box .ttl_ss_in_box {
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #ffffff;
    background: #bb9238;
  }
  .ss_in_box .ttl_ss_in_box.mt20 {
    margin-top: 20px;
  }
  .ss_in_box .txt_two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ss_in_box .txt_two .all_txt {
    width: 49%;
  }
  .ss_in_box .txt_two .all_txt:nth-of-type(2n+1) {
    margin-right: 2%;
  }
  .ss_in_box .txt_two .img_attention {
    width: 338px;
    margin: auto;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .ss_cont .fl_box {
    margin-bottom: 25px;
  }
  .ss_cont .fl_box .left {
    margin-bottom: 10px;
    text-align: center;
  }
  .ss_cont p {
    margin-bottom: 15px;
  }

  #plan_box .about {
    margin-bottom: 10px;
    padding: 15px;
    background: #f9f9f4;
  }
  #plan_box .about .ttl {
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #ffffff;
    background: #d4b777;
  }
  #plan_box .img_back {
    text-align: center;
    margin: 20px auto 5px auto;
  }
  #plan_box .plan_service_lis ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #plan_box .plan_service_lis li {
    width: 33%;
    text-align: center;
    color: #ffffff;
    background: #5e3665;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 3px;
    padding: 8px 0;
    font-size: 9px;
    font-size: 2.8125vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #plan_box .plan_service_lis li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #plan_box .plan_service_lis li:nth-of-type(3n+3) {
    margin-right: 0;
  }

  .ss_in_box {
    padding: 2vw 2vw 2.5vw 2vw;
    background: #f9f9f4;
  }
  .ss_in_box .ttl_ss_in_box {
    margin-bottom: 1vw;
    padding: 3px 8px;
    color: #ffffff;
    background: #bb9238;
  }
  .ss_in_box .ttl_ss_in_box.mt20 {
    margin-top: 2vw;
  }
  .ss_in_box .txt_two .all_txt {
    margin-bottom: 0px;
  }
}
.flow_cont .plan_img.mt10 {
  margin-top: 10px;
}
.flow_cont .flow_bottom_bl .ttl_plimg,
.flow_cont .flow_bottom_bl .day {
  background: #213359;
}
.flow_cont .flow_bottom_bl .in_ttl {
  color: #213359;
}
.flow_cont .flow_bottom_gr .ttl_plimg,
.flow_cont .flow_bottom_gr .day {
  background: #757d19;
}
.flow_cont .flow_bottom_gr .in_ttl {
  color: #757d19;
}
.flow_cont .flow_bottom_rr .ttl_plimg,
.flow_cont .flow_bottom_rr .day {
  background: #a93a51;
}
.flow_cont .flow_bottom_rr .in_ttl {
  color: #a93a51;
}
.flow_cont .flow_bottom_pp .ttl_plimg,
.flow_cont .flow_bottom_pp .day {
  background: #5e3665;
}
.flow_cont .flow_bottom_pp .in_ttl {
  color: #5e3665;
}
.flow_cont .flow_bottom_grd .ttl_plimg,
.flow_cont .flow_bottom_grd .day {
  background: #336106;
}
.flow_cont .flow_bottom_grd .in_ttl {
  color: #336106;
}
.flow_cont .flow_bottom_bld .ttl_plimg,
.flow_cont .flow_bottom_bld .day {
  background: #1c498d;
}
.flow_cont .flow_bottom_bld .in_ttl {
  color: #1c498d;
}

@media only screen and (min-width: 1025px) {
  .flow_cont {
    margin-bottom: 20px;
  }
  .flow_cont .cont {
    margin-bottom: 10px;
  }
  .flow_cont .waku_box {
    padding: 10px;
    background: #ffffff;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .flow_cont .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .flow_cont .top .day {
    padding: 8px 0;
    width: 160px;
    text-align: center;
    color: #ffffff;
  }
  .flow_cont .top .in_ttl {
    padding: 8px 10px;
    width: 576px;
    background: #f9f9f4;
  }
  .flow_cont .txt {
    padding: 10px;
  }
  .flow_cont .txt p {
    margin-bottom: 10px;
  }
  .flow_cont .txt .ss {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .flow_cont .plan_img .ttl_plimg {
    width: 300px;
    margin-bottom: 8px;
    text-align: center;
    color: #ffffff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
  .flow_cont .plan_img ul {
    overflow: hidden;
    *zoom: 1;
  }
  .flow_cont .plan_img li {
    width: 179px;
    margin-right: 6px;
    float: left;
  }
  .flow_cont .plan_img li img {
    width: 179px;
    height: 48px;
  }
  .flow_cont .plan_img li:nth-of-type(4n+4) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .flow_cont {
    margin-bottom: 20px;
  }
  .flow_cont .cont {
    margin-bottom: 10px;
  }
  .flow_cont .waku_box {
    padding: 10px;
    background: #ffffff;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .flow_cont .top {
    text-align: center;
  }
  .flow_cont .top .day {
    padding: 5px 0;
    color: #ffffff;
  }
  .flow_cont .top .in_ttl {
    padding: 5px 10px;
    background: #f9f9f4;
  }
  .flow_cont .txt {
    padding: 10px;
  }
  .flow_cont .txt p {
    margin-bottom: 10px;
  }
  .flow_cont .txt .ss {
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .flow_cont .txt .ss {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .flow_cont .plan_img .ttl_plimg {
    margin-bottom: 8px;
    text-align: center;
    color: #ffffff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
  .flow_cont .plan_img ul {
    overflow: hidden;
    *zoom: 1;
  }
  .flow_cont .plan_img li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1%;
    float: left;
  }
  .flow_cont .plan_img li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.flow_bottom_bl li.cont {
  padding-bottom: 30px;
  background: url(./img/common/flow_bottom_bl.png) center bottom no-repeat;
}

.flow_bottom_bl.no_flow li.cont {
  padding-bottom: 0px;
  background: none;
}

.flow_bottom_gr li.cont {
  padding-bottom: 30px;
  background: url(./img/common/flow_bottom_gr.png) center bottom no-repeat;
}

.flow_bottom_rr li.cont {
  padding-bottom: 30px;
  background: url(./img/common/flow_bottom_rr.png) center bottom no-repeat;
}

.flow_bottom_pp li.cont {
  padding-bottom: 30px;
  background: url(./img/common/flow_bottom_pp.png) center bottom no-repeat;
}

.flow_bottom_grd li.cont {
  padding-bottom: 30px;
  background: url(./img/common/flow_bottom_grd.png) center bottom no-repeat;
}

.flow_bottom_bld li.cont {
  padding-bottom: 30px;
  background: url(./img/common/flow_bottom_bld.png) center bottom no-repeat;
}

.flow_bottom_bld li:last-of-type.cont,
.flow_bottom_grd li:last-of-type.cont,
.flow_bottom_pp li:last-of-type.cont,
.flow_bottom_rr li:last-of-type.cont,
.flow_bottom_gr li:last-of-type.cont,
.flow_bottom_bl li:last-of-type.cont {
  padding-bottom: 0px;
  background: none;
}

/* ----- foot_plan_box ----- */
@media only screen and (min-width: 1025px) {
  .foot_plan_box {
    margin-top: 30px;
  }
  .foot_plan_box ul {
    overflow: hidden;
    *zoom: 1;
  }
  .foot_plan_box li {
    width: 392px;
    float: left;
    margin-right: 16px;
    margin-bottom: 8px;
  }
  .foot_plan_box li:nth-of-type(2n+2) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .foot_plan_box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .foot_plan_box li {
    margin-bottom: 4px;
  }
}
/* ----- plan_foot_data ----- */
.plan_foot_data {
  margin-top: 20px;
  padding: 12px 12px 8px 12px;
  background: #ffffff;
  border: solid 1px #aeb4bd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.plan_foot_data .img_foot_cache,
.plan_foot_data .img_foot_data {
  text-align: center;
}
.plan_foot_data .txt {
  margin-bottom: 10px;
}
.plan_foot_data .txt a {
  color: #4665a6;
  text-decoration: underline;
}
@media screen and (min-width: 641px) {
  .plan_foot_data .txt a:hover, .plan_foot_data .txt a:active {
    color: #869dcc;
  }
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .plan_foot_data .txt {
    font-size: 10px;
    font-size: 3.125vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .plan_foot_data .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 1025px) {
  .plan_foot_data {
    margin-top: 30px;
  }
  .plan_foot_data .img_foot_data {
    width: 721px;
    margin: auto;
  }
  .plan_foot_data .img_foot_cache {
    width: 722px;
    margin: auto;
  }
  .plan_foot_data .txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* ---------------------------------------- */
/* ----- お客様の依頼傾向 ----- */
/* ---------------------------------------- */
#keikou_box a {
  color: #4665a6;
  text-decoration: underline;
}
@media screen and (min-width: 641px) {
  #keikou_box a:hover, #keikou_box a:active {
    color: #869dcc;
  }
}

@media only screen and (min-width: 1025px) {
  #keikou_box .keikou {
    margin-top: 20px;
    padding: 10px;
    background: #ffffff;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #keikou_box .ttl_keikou {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 10px;
    padding-left: 15px;
  }
  #keikou_box .top_box {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #keikou_box .top_box .serif {
    width: 534px;
    margin-right: 20px;
    -webkit-order: -1;
    order: -1;
    position: relative;
    display: inline-block;
    padding: 15px;
    width: auto;
    z-index: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  #keikou_box .top_box .serif:after {
    content: "";
    position: absolute;
    top: 20%;
    right: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
  }
  #keikou_box .top_box .img {
    width: 182px;
    text-align: center;
  }
  #keikou_box .bottom_box {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #keikou_box .bottom_box .serif {
    width: 516px;
    margin-left: 20px;
    position: relative;
    display: inline-block;
    padding: 15px;
    width: auto;
    z-index: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f3f3f3;
  }
  #keikou_box .bottom_box .serif:after {
    content: "";
    position: absolute;
    top: 20%;
    left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #f3f3f3 transparent transparent;
  }
  #keikou_box .bottom_box .img {
    width: 200px;
    text-align: center;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #keikou_box .keikou {
    margin-top: 20px;
    padding: 10px;
    background: #ffffff;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #keikou_box .ttl_keikou {
    margin-bottom: 10px;
    padding-left: 5px;
    font-size: 14px;
    font-size: 4.375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #keikou_box .ttl_keikou {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #keikou_box .top_box {
    margin-bottom: 10px;
  }
  #keikou_box .top_box .serif {
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  #keikou_box .top_box .img {
    text-align: center;
  }
  #keikou_box .bottom_box .serif {
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f3f3f3;
  }
  #keikou_box .bottom_box .img {
    text-align: center;
  }
}
#keikou_box .keikou.case_a .ttl_keikou {
  color: #8f701d;
}
#keikou_box .keikou.case_a .top_box .serif {
  background: #f2f2e5;
}
#keikou_box .keikou.case_a .top_box .serif:after {
  border-color: transparent transparent transparent #f2f2e5;
}
#keikou_box .keikou.case_b .ttl_keikou {
  color: #a93a51;
}
#keikou_box .keikou.case_b .top_box .serif {
  background: #fef5f7;
}
#keikou_box .keikou.case_b .top_box .serif:after {
  border-color: transparent transparent transparent #fef5f7;
}
#keikou_box .keikou.case_c .ttl_keikou {
  color: #4665a6;
}
#keikou_box .keikou.case_c .top_box .serif {
  background: #f0f7fa;
}
#keikou_box .keikou.case_c .top_box .serif:after {
  border-color: transparent transparent transparent #f0f7fa;
}
#keikou_box .keikou.case_d .ttl_keikou {
  color: #757d19;
}
#keikou_box .keikou.case_d .top_box .serif {
  background: #f2f2e5;
}
#keikou_box .keikou.case_d .top_box .serif:after {
  border-color: transparent transparent transparent #f2f2e5;
}
#keikou_box .keikou.case_e .ttl_keikou {
  color: #5e3665;
}
#keikou_box .keikou.case_e .top_box .serif {
  background: #f7f2f8;
}
#keikou_box .keikou.case_e .top_box .serif:after {
  border-color: transparent transparent transparent #f7f2f8;
}
#keikou_box .keikou.case_f .ttl_keikou {
  color: #c17836;
}
#keikou_box .keikou.case_f .top_box .serif {
  background: #f8f0e8;
}
#keikou_box .keikou.case_f .top_box .serif:after {
  border-color: transparent transparent transparent #f8f0e8;
}
#keikou_box .keikou.case_g .ttl_keikou {
  color: #2a7fa7;
}
#keikou_box .keikou.case_g .top_box .serif {
  background: #f0f7fa;
}
#keikou_box .keikou.case_g .top_box .serif:after {
  border-color: transparent transparent transparent #f0f7fa;
}

/* ---------------------------------------- */
/* ----- 運営会社 ----- */
/* ---------------------------------------- */
#company_box table {
  width: 100%;
}
#company_box th {
  color: #213359;
}
#company_box a {
  color: #4665a6;
  text-decoration: underline;
}
@media screen and (min-width: 641px) {
  #company_box a:hover, #company_box a:active {
    color: #869dcc;
  }
}

@media only screen and (min-width: 1025px) {
  #company_box td,
  #company_box th {
    padding: 10px 15px;
    border-bottom: solid 1px #cacaca;
  }
  #company_box th {
    width: 200px;
  }
  #company_box tr:last-of-type td,
  #company_box tr:last-of-type th {
    border-bottom: none;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #company_box td,
  #company_box th {
    display: block;
  }
  #company_box th {
    padding-top: 5px;
  }
  #company_box td {
    padding-top: 3px;
    padding-bottom: 8px;
    border-bottom: solid 1px #cacaca;
  }
  #company_box tr:last-of-type td,
  #company_box tr:last-of-type th {
    border-bottom: none;
  }
}
/* ---------------------------------------- */
/* ----- 相談・お問い合わせ ----- */
/* ---------------------------------------- */
#contact_box table {
  width: 100%;
}
#contact_box th {
  color: #213359;
}
#contact_box a {
  color: #4665a6;
  text-decoration: underline;
}
@media screen and (min-width: 641px) {
  #contact_box a:hover, #contact_box a:active {
    color: #869dcc;
  }
}
#contact_box .check {
  margin: 20px 0;
  text-align: center;
}
#contact_box .f_select {
  margin-bottom: 8px;
}
#contact_box .f_select,
#contact_box .f_ss_s,
#contact_box .f_l,
#contact_box .f_ss {
  padding: 10px;
  border: solid 1px #cacaca;
  font-size: 16px;
  font-size: 1.6rem;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0 0 0 #ffffff;
  -webkit-box-shadow: 0 0 0 #ffffff;
  box-shadow: 0 0 0 #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#contact_box textarea {
  width: 100%;
  resize: vertical;
  padding: 10px;
  border: solid 1px #cacaca;
  font-size: 16px;
  font-size: 1.6rem;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0 0 0 #ffffff;
  -webkit-box-shadow: 0 0 0 #ffffff;
  box-shadow: 0 0 0 #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#contact_box .btn_send_form input {
  width: 100%;
  display: block;
  padding: 15px 0 18px 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ffffff;
  background: #213359;
  border: none;
  cursor: pointer;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#contact_box .radio-233 .wpcf7-list-item {
  display: block;
  margin-bottom: 5px;
}

@media only screen and (min-width: 1025px) {
  #contact_box .box_oh {
    padding-top: 8px;
    padding-left: 10px;
  }
  #contact_box .radio-619 {
    margin-left: -25px;
  }
  #contact_box .radio-233 .wpcf7-list-item {
    margin-left: 7px;
  }
  #contact_box table {
    margin-top: 20px;
  }
  #contact_box td,
  #contact_box th {
    padding: 20px 15px;
    border-bottom: solid 1px #cacaca;
  }
  #contact_box td.nopdmg {
    padding: 15px 0;
  }
  #contact_box td.vat,
  #contact_box th.vat {
    vertical-align: top;
  }
  #contact_box th.vat {
    padding-top: 25px;
  }
  #contact_box th {
    width: 250px;
  }
  #contact_box tr:last-of-type td,
  #contact_box tr:last-of-type th {
    border-bottom: none;
  }
  #contact_box .btn_send_form {
    width: 40%;
    margin: 20px auto 20px auto;
    text-align: center;
  }
  #contact_box .btn_send_form input {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  #contact_box .btn_send_form input:active, #contact_box .btn_send_form input:hover {
    color: #ffffff;
    background: #111e3b;
  }
  #contact_box .f_l {
    width: 90%;
  }
  #contact_box .f_ss {
    width: 60%;
  }
  #contact_box .f_ss_s {
    width: 40%;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #contact_box td,
  #contact_box th {
    display: block;
  }
  #contact_box th {
    padding-top: 2vw;
  }
  #contact_box td {
    padding-top: 2vw;
    padding-bottom: 3vw;
    border-bottom: solid 1px #cacaca;
  }
  #contact_box tr:last-of-type td,
  #contact_box tr:last-of-type th {
    border-bottom: none;
  }
  #contact_box .f_l,
  #contact_box .f_ss {
    width: 80%;
    padding: 5px;
  }
  #contact_box .f_ss_s {
    width: 50%;
    padding: 5px;
  }
  #contact_box textarea {
    width: 100%;
    padding: 5px;
  }
}
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
}

.wpcf7 .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: none;
}

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: none;
}

#kiyaku {
  width: 100%;
  margin-top: 15px;
}

/* ---------------------------------------- */
/* ----- 法事・法要 ----- */
/* ---------------------------------------- */
.top_img_houji {
  margin-top: 16px;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .top_img_houji {
    margin-bottom: 1vw;
  }
}
.ttl_long_bl {
  padding: 8px 15px;
  color: #ffffff;
  background: #213359;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .ttl_long_bl {
    padding: 1vw 2vw;
  }
}
/* ----- houji_list ----- */
@media only screen and (min-width: 1025px) {
  #houji_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #houji_list li {
    width: 48%;
    margin-bottom: 15px;
    padding-bottom: 50px;
    position: relative;
    border-bottom: solid 1px #cacaca;
  }
  #houji_list li:nth-last-of-type(1) {
    border-bottom: none;
  }
  #houji_list .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #houji_list .img {
    width: 94px;
    margin-right: 10px;
  }
  #houji_list .data {
    -webkit-flex: 1;
    flex: 1;
  }
  #houji_list .data .ttl {
    margin-bottom: 5px;
  }
  #houji_list .data .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #houji_list .link {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 150px;
    margin-bottom: 15px;
    text-align: center;
  }
  #houji_list .link a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 7px 30px 7px 20px;
    color: #5b5b5b;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF0F0F0');
    border: solid 1px #b3b9c1;
    box-shadow: inset 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 2px #ffffff;
    text-shadow: 1px 1px 0px #ffffff;
    position: relative;
  }
  #houji_list .link a:active, #houji_list .link a:hover {
    color: #4665a6;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, #f0f0f0, #ffffff);
    background-image: -webkit-linear-gradient(top, #f0f0f0, #ffffff);
    background-image: linear-gradient(to bottom, #f0f0f0, #ffffff);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F0', endColorstr='#FFFFFFFF');
  }
  #houji_list .link a:after {
    content: ">";
    position: absolute;
    top: 4px;
    right: 5px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #houji_list li {
    margin-bottom: 4vw;
  }
  #houji_list li:last-of-type {
    margin-bottom: 0;
  }
  #houji_list .box {
    margin-bottom: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #houji_list .img {
    width: 15vw;
    margin-right: 2vw;
  }
  #houji_list .data {
    -webkit-flex: 1;
    flex: 1;
  }
  #houji_list .data .ttl {
    margin-bottom: 2vw;
  }
  #houji_list .data .txt {
    font-size: 10px;
    font-size: 3.125vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #houji_list .data .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #houji_list .link {
    text-align: center;
  }
  #houji_list .link a {
    font-size: 12px;
    font-size: 3.75vw;
    display: block;
    padding: 2vw 0;
    color: #5b5b5b;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF0F0F0');
    border: solid 1px #b3b9c1;
    box-shadow: inset 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 2px #ffffff;
    text-shadow: 1px 1px 0px #ffffff;
    position: relative;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #houji_list .link a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #houji_list .link a:after {
    content: ">";
    position: absolute;
    right: 1vw;
  }
}
#houji_list .data .ttl {
  color: #213359;
}
#houji_list .data .ttl a {
  color: #213359;
}
@media screen and (min-width: 641px) {
  #houji_list .data .ttl a:hover, #houji_list .data .ttl a:active {
    color: #3d5ea3;
  }
}

/* ----- chat_box ----- */
@media only screen and (min-width: 1025px) {
  .chat_box li {
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: solid 1px #cacaca;
  }
  .chat_box li:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
  .chat_box .img {
    margin-bottom: 10px;
  }
  .chat_box .img img {
    width: 748px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .chat_box li {
    margin-bottom: 2vw;
    padding-bottom: 3vw;
    border-bottom: solid 1px #cacaca;
  }
  .chat_box li:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
  .chat_box .img {
    margin-bottom: 1vw;
  }
}
/* ----- feature_list ----- */
@media only screen and (min-width: 1025px) {
  .feature_list {
    margin-top: 20px;
  }
  .feature_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-line-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .feature_list li {
    width: 49%;
    margin-bottom: 10px;
  }
  .feature_list .f_ttl {
    padding: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #ffffff;
  }
  .feature_list .txt {
    padding: 15px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .feature_list {
    margin-top: 3vw;
  }
  .feature_list li {
    width: 100%;
    margin-bottom: 2vw;
  }
  .feature_list .f_ttl {
    padding: 3vw;
    font-size: 13px;
    font-size: 4.0625vw;
    color: #ffffff;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .feature_list .f_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .feature_list .txt {
    padding: 3vw;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .feature_list .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.feature_list.bg_bl_ss li {
  background: #eef0f6;
}

.feature_list.bg_gr_ss li {
  background: #ecf5e3;
}

.feature_list.bg_bld_ss li {
  background: #e9f1fc;
}

.feature_list .ico_f_map {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_map.png) no-repeat;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
  background-position: left 0 top 50%;
}
.feature_list .ico_f_syu {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_syu.png) no-repeat;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
  background-position: left 0 top 50%;
}
.feature_list .ico_f_money {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_money.png) no-repeat;
  -webkit-background-size: 29px 30px;
  background-size: 29px 30px;
  background-position: left 0 top 50%;
}
.feature_list .ico_f_ohuse {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_ohuse.png) no-repeat;
  -webkit-background-size: 29px 30px;
  background-size: 29px 30px;
  background-position: left 5px top 50%;
}
.feature_list .ico_f_fire {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_fire.png) no-repeat;
  -webkit-background-size: 18px 30px;
  background-size: 18px 30px;
  background-position: left 8px top 50%;
}
.feature_list .ico_f_haka {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_haka.png) no-repeat;
  -webkit-background-size: 25px 30px;
  background-size: 25px 30px;
  background-position: left 8px top 50%;
}
.feature_list .ico_f_sou {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_sou.png) no-repeat;
  -webkit-background-size: 25px 30px;
  background-size: 25px 30px;
  background-position: left 8px top 50%;
}
.feature_list .ico_f_ope {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_ope.png) no-repeat;
  -webkit-background-size: 27px 30px;
  background-size: 27px 30px;
  background-position: left 8px top 50%;
}
.feature_list .ico_f_dan {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_dan.png) no-repeat;
  -webkit-background-size: 34px 27px;
  background-size: 34px 27px;
  background-position: left 2px top 50%;
}
.feature_list .ico_f_born {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_born.png) no-repeat;
  -webkit-background-size: 22px 30px;
  background-size: 22px 30px;
  background-position: left 8px top 50%;
}
.feature_list .ico_f_hand {
  padding: 5px 0 5px 50px;
  background: url(./img/ico/ico_f_hand.png) no-repeat;
  -webkit-background-size: 27px 31px;
  background-size: 27px 31px;
  background-position: left 6px top 50%;
}

@media only screen and (max-width: 320px) {
  .feature_list .ico_f_map {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_map.png) no-repeat;
    -webkit-background-size: 6vw;
    background-size: 6vw;
    background-position: left 1vw top 50%;
  }
  .feature_list .ico_f_syu {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_syu.png) no-repeat;
    -webkit-background-size: 6vw;
    background-size: 6vw;
    background-position: left 1vw top 50%;
  }
  .feature_list .ico_f_money {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_money.png) no-repeat;
    -webkit-background-size: 6vw;
    background-size: 6vw;
    background-position: left 1vw top 50%;
  }
  .feature_list .ico_f_ohuse {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_ohuse.png) no-repeat;
    -webkit-background-size: 6vw;
    background-size: 6vw;
    background-position: left 1vw top 50%;
  }
  .feature_list .ico_f_fire {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_fire.png) no-repeat;
    -webkit-background-size: 4.5vw;
    background-size: 4.5vw;
    background-position: left 2vw top 50%;
  }
  .feature_list .ico_f_haka {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_haka.png) no-repeat;
    -webkit-background-size: 4.5vw;
    background-size: 4.5vw;
    background-position: left 2vw top 50%;
  }
  .feature_list .ico_f_sou {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_sou.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1.5vw top 50%;
  }
  .feature_list .ico_f_ope {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_ope.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1.5vw top 50%;
  }
  .feature_list .ico_f_dan {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_dan.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1.5vw top 50%;
  }
  .feature_list .ico_f_born {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_born.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1.5vw top 50%;
  }
  .feature_list .ico_f_hand {
    padding: 0.5vw 0 0.5vw 11vw;
    background: url(./img/ico/ico_f_hand.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1.5vw top 50%;
  }
}
/* ----- houji_keikou ----- */
@media only screen and (min-width: 1025px) {
  #houji_keikou .box_keikou {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  #houji_keikou .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #houji_keikou .img {
    -webkit-order: 2;
    order: 2;
    width: 500px;
    text-align: center;
  }
  #houji_keikou .img img {
    width: 332px;
  }
  #houji_keikou .txt {
    -webkit-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #houji_keikou .box_keikou {
    margin-top: 3vw;
    margin-bottom: 6vw;
  }
  #houji_keikou .img {
    margin-bottom: 1vw;
    text-align: center;
  }
}
/* ---------------------------------------- */
/* ----- 法事・法要の寺院手配 ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #houji_tera .img_houji_tera {
    margin-bottom: 1vw;
  }
}
@media screen and (min-width: 641px) {
  #houji_tera .img_houji_tera {
    margin-bottom: 10px;
  }
}

.tera_cont .bg_comment_gr {
  color: #585f0c;
  background: #f7f8e6;
}
.tera_cont .bg_comment_red {
  color: #683838;
  background: #faf4f5;
}
.tera_cont .bg_comment_red .ttl {
  color: #9a2121;
}
.tera_cont .bg_comment_pup {
  color: #5e3665;
  background: #f4f1f4;
}

@media only screen and (min-width: 1025px) {
  .tera_cont {
    margin-bottom: 20px;
  }
  .tera_cont .ttl_top {
    margin-bottom: 15px;
    padding: 10px 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .tera_cont .fl_box {
    overflow: hidden;
    *zoom: 1;
  }
  .tera_cont .fl_box .all_txt {
    width: 468px;
    float: left;
  }
  .tera_cont .fl_box .img_tera {
    width: 280px;
    float: left;
    margin-left: 10px;
    padding: 10px;
    background: #f7f7f7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tera_cont .fl_box .img_tera ul {
    overflow: hidden;
    *zoom: 1;
  }
  .tera_cont .fl_box .img_tera li {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    padding: 2% 0;
    text-align: center;
    color: #ffffff;
    background: #213359;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .tera_cont .fl_box .img_tera li:nth-of-type(2n+2) {
    margin-left: 2%;
  }
  .tera_cont .fl_box .img_tera .top {
    margin-bottom: 5px;
  }
  .tera_cont .comment {
    padding: 12px 5px;
    overflow: hidden;
    *zoom: 1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  .tera_cont .comment .img {
    width: 80px;
    margin-right: 10px;
    float: left;
    text-align: center;
  }
  .tera_cont .comment .data {
    width: 658px;
    float: left;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7;
  }
  .tera_cont .comment .ttl {
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .tera_cont {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  .tera_cont .ttl_top {
    margin-bottom: 2vw;
    padding: 2vw 3vw;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .tera_cont .ttl_top {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .tera_cont .fl_box .all_txt {
    margin-bottom: 4vw;
  }
  .tera_cont .fl_box .img_tera {
    margin-bottom: 4vw;
    padding: 1vw;
    background: #f7f7f7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tera_cont .fl_box .img_tera ul {
    overflow: hidden;
    *zoom: 1;
  }
  .tera_cont .fl_box .img_tera li {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    padding: 2% 0;
    text-align: center;
    color: #ffffff;
    background: #213359;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .tera_cont .fl_box .img_tera li:nth-of-type(2n+2) {
    margin-left: 2%;
  }
  .tera_cont .fl_box .img_tera .top {
    margin-bottom: 5px;
  }
  .tera_cont .comment {
    padding: 2vw 3vw 2.5vw 3vw;
    overflow: hidden;
    *zoom: 1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tera_cont .comment .img {
    display: none;
  }
  .tera_cont .comment .data {
    font-size: 12px;
    font-size: 3.75vw;
    line-height: 1.7;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .tera_cont .comment .data {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .tera_cont .comment .ttl {
    margin-bottom: 5px;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .tera_cont .comment .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* ----- foot_price_tel ----- */
.foot_price_tel {
  margin-top: 30px;
  padding: 15px 22px 8px 22px;
  background: #ffffff;
  border: solid 1px #aeb4bd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.foot_price_tel ul {
  overflow: hidden;
  *zoom: 1;
}
.foot_price_tel li {
  width: 49%;
  float: left;
}
.foot_price_tel li:nth-of-type(2n+2) {
  margin-left: 2%;
}
.foot_price_tel .txt {
  margin-bottom: 10px;
}
.foot_price_tel .txt a {
  color: #4665a6;
  text-decoration: underline;
}
@media screen and (min-width: 641px) {
  .foot_price_tel .txt a:hover, .foot_price_tel .txt a:active {
    color: #869dcc;
  }
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .foot_price_tel {
    padding: 2vw 3vw;
  }
  .foot_price_tel .top {
    margin-bottom: 2vw;
  }
  .foot_price_tel .left {
    margin-bottom: 2vw;
  }
  .foot_price_tel .ttl {
    margin-bottom: 1vw;
  }
  .foot_price_tel .txt {
    font-size: 10px;
    font-size: 3.125vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .foot_price_tel .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 1025px) {
  .foot_price_tel .top {
    overflow: hidden;
    *zoom: 1;
  }
  .foot_price_tel .left {
    width: 312px;
    float: left;
  }
  .foot_price_tel .right {
    width: 380px;
    margin-left: 20px;
    float: left;
  }
  .foot_price_tel .ttl {
    margin-bottom: 2px;
  }
  .foot_price_tel .txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* ---------------------------------------- */
/* ----- 戒名授与 ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #kaimyou .img_souba_kaimyou,
  #kaimyou .img_top_kaimyou {
    margin-bottom: 1vw;
  }
}
@media screen and (min-width: 641px) {
  #kaimyou .img_souba_kaimyou,
  #kaimyou .img_top_kaimyou {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1025px) {
  #kaimyou .img_kaimyou_sample {
    width: 758px;
    margin-bottom: 15px;
    overflow: hidden;
    *zoom: 1;
  }
  #kaimyou .img_kaimyou_sample li {
    width: 370px;
    float: left;
    margin-bottom: 12px;
  }
  #kaimyou .img_kaimyou_sample li:nth-of-type(2n+2) {
    margin-left: 18px;
  }
  #kaimyou .img_kaimyou_sample li:nth-last-of-type(1), #kaimyou .img_kaimyou_sample li:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #kaimyou .img_kaimyou_sample {
    margin-bottom: 2vw;
  }
  #kaimyou .img_kaimyou_sample li {
    text-align: center;
  }
  #kaimyou .img_kaimyou_sample li:nth-of-type(2n+1) {
    margin-bottom: 1.5vw;
  }
}
/* ----- flow_in_tel st ----- */
@media only screen and (min-width: 1025px) {
  .flow_in_tel {
    overflow: hidden;
    *zoom: 1;
  }
  .flow_in_tel .tel_img {
    width: 380px;
    float: left;
  }
  .flow_in_tel .link {
    width: 346px;
    float: left;
    margin-left: 10px;
  }
  .flow_in_tel .link ul {
    overflow: hidden;
    *zoom: 1;
  }
  .flow_in_tel .link li {
    width: 49%;
    float: left;
  }
  .flow_in_tel .link li:nth-of-type(2n+2) {
    margin-left: 2%;
  }

  .red_zoon {
    margin-top: 5px;
    padding: 10px 15px;
    color: #9a2121;
    background: #faf4f5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .all_txt.red_zoon {
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .flow_in_tel {
    width: 100%;
    margin: 0 auto 2vw auto;
    overflow: hidden;
    *zoom: 1;
  }
  .flow_in_tel .tel_img {
    margin-bottom: 1vw;
    text-align: center;
  }
  .flow_in_tel .link ul {
    overflow: hidden;
    *zoom: 1;
  }
  .flow_in_tel .link li {
    width: 49%;
    float: left;
  }
  .flow_in_tel .link li:nth-of-type(2n+2) {
    margin-left: 2%;
  }

  .red_zoon {
    margin-top: 2vw;
    padding: 1.5vw 2vw;
    color: #9a2121;
    background: #faf4f5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .all_txt.red_zoon {
    line-height: 1.5;
  }
}
/* ---------------------------------------- */
/* ----- お葬式の寺院手配 ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #houji_osohshiki .img_tehai,
  #houji_osohshiki .img_pay,
  #houji_osohshiki .img_top_osohshiki {
    margin-bottom: 1vw;
  }
}
@media screen and (min-width: 641px) {
  #houji_osohshiki .img_tehai,
  #houji_osohshiki .img_pay,
  #houji_osohshiki .img_top_osohshiki {
    margin-bottom: 10px;
  }
}

/* ----- flow_in_tel st ----- */
@media only screen and (min-width: 1025px) {
  .link_list_houoso {
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .link_list_houoso ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .link_list_houoso li {
    width: 32%;
    border: solid 1px #aeb4bd;
    background: #f1f1f1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .link_list_houoso li:nth-of-type(3n+2) {
    margin: 0 1.5%;
  }
  .link_list_houoso .top_ttl {
    padding: 10px 0;
    text-align: center;
  }
  .link_list_houoso .img_price {
    padding: 18px 0 12px 0;
    text-align: center;
    background: #ffffff;
  }
  .link_list_houoso .img_price img {
    width: 212px;
    margin: auto;
  }
  .link_list_houoso .bottom {
    padding: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .link_list_houoso .img_day {
    margin-bottom: 10px;
  }
  .link_list_houoso .img_day img {
    width: 191px;
    margin: auto;
  }
  .link_list_houoso .img_link_d_flow {
    margin-bottom: 10px;
  }
  .link_list_houoso .img_link_d_flow img {
    width: 210px;
    margin: auto;
  }
  .link_list_houoso .btn {
    margin-top: 15px;
  }
  .link_list_houoso .btn a {
    padding: 10px 0;
  }

  .all_syu {
    margin-bottom: 15px;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .all_syu .ttl_top {
    padding: 5px 0;
  }
  .all_syu .txt {
    padding: 13px 15px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .link_list_houoso {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
  .link_list_houoso li {
    border: solid 1px #aeb4bd;
    background: #f1f1f1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .link_list_houoso li:nth-of-type(3n+2) {
    margin: 2vw 0;
  }
  .link_list_houoso .top_ttl {
    padding: 2vw 0;
    text-align: center;
    font-size: 14px;
    font-size: 4.375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .link_list_houoso .top_ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .link_list_houoso .img_price {
    padding: 3vw 0 2.5vw 0;
    text-align: center;
    background: #ffffff;
  }
  .link_list_houoso .bottom {
    padding: 3vw;
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .link_list_houoso .bottom {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .link_list_houoso .img_day {
    margin-bottom: 2vw;
  }
  .link_list_houoso .btn {
    margin-top: 2vw;
  }
  .link_list_houoso .btn a {
    padding: 2vw 0;
    font-size: 14px;
    font-size: 4.375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 321px) {
  .link_list_houoso .btn a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .all_syu {
    margin-bottom: 2.5vw;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .all_syu .ttl_top {
    padding: 1.5vw 0;
    font-size: 14px;
    font-size: 4.375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .all_syu .ttl_top {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .all_syu .txt {
    padding: 2vw;
  }
}
/* ----- tehai_box st ----- */
@media only screen and (min-width: 1025px) {
  .tehai_box .ttl_top {
    margin-bottom: 15px;
    padding: 10px 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .tehai_box .link_btn {
    margin-top: 10px;
    overflow: hidden;
    *zoom: 1;
  }
  .tehai_box .link_btn ul {
    float: right;
    overflow: hidden;
    *zoom: 1;
  }
  .tehai_box .link_btn li {
    float: left;
    margin-left: 10px;
  }
  .tehai_box .faq_btn a {
    padding: 15px 20px 15px 40px;
    display: block;
    color: #213359;
    border: solid 2px #213359;
    background: url(./img/houji/osohshiki/ico_faq.png) no-repeat #ffffff;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
    background-position: left 10px top 50%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .tehai_box .faq_btn a:active, .tehai_box .faq_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
  .tehai_box .syosai_btn a {
    padding: 15px 20px 15px 40px;
    display: block;
    color: #ffffff;
    border: solid 2px #213359;
    background: url(./img/houji/osohshiki/ico_arrow_ww.png) no-repeat #213359;
    -webkit-background-size: 10px 15px;
    background-size: 10px 15px;
    background-position: left 18px top 50%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .tehai_box .syosai_btn a:active, .tehai_box .syosai_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .tehai_box .ttl_top {
    margin-bottom: 3vw;
    padding: 2vw;
    font-size: 14px;
    font-size: 4.375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .tehai_box .ttl_top {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .tehai_box .link_btn {
    margin-top: 10px;
  }
  .tehai_box .link_btn li {
    margin-bottom: 10px;
  }
  .tehai_box .faq_btn a {
    padding: 3vw 0 3vw 0;
    display: block;
    text-align: center;
    color: #213359;
    border: solid 2px #213359;
    background: #ffffff;
  }
  .tehai_box .faq_btn a span {
    padding-left: 6vw;
    background: url(./img/houji/osohshiki/ico_faq.png) no-repeat;
    -webkit-background-size: 4vw;
    background-size: 4vw;
    background-position: left 0 top 50%;
  }
  .tehai_box .syosai_btn a {
    padding: 3vw 0 3vw 0;
    display: block;
    color: #ffffff;
    text-align: center;
    border: solid 2px #213359;
    background: #213359;
  }
  .tehai_box .syosai_btn a span {
    padding-left: 4vw;
    background: url(./img/houji/osohshiki/ico_arrow_ww.png) no-repeat;
    -webkit-background-size: 2vw;
    background-size: 2vw;
    background-position: left 0 top 50%;
  }
}
/* ---------------------------------------- */
/* ----- お葬式の寺院手配 詳細 ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #houji_oso_detel .img_top_osohshiki_detel {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 641px) {
  #houji_oso_detel .img_top_osohshiki_detel {
    margin-bottom: 15px;
  }
}

/* ----- detel_txt st ----- */
@media only screen and (min-width: 1025px) {
  #houji_oso_detel .detel_txt {
    overflow: hidden;
    *zoom: 1;
  }
  #houji_oso_detel .detel_txt .all_txt {
    width: 490px;
    float: left;
  }
  #houji_oso_detel .detel_txt .link {
    width: 268px;
    float: left;
  }
  #houji_oso_detel .detel_txt .link a {
    padding: 15px 0 15px 0;
    display: block;
    text-align: center;
    color: #213359;
    border: solid 2px #213359;
    background: #ffffff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #houji_oso_detel .detel_txt .link a span {
    padding-left: 38px;
    background: url(./img/houji/osohshiki/ico_faq.png) no-repeat #ffffff;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
    background-position: left 10px top 50%;
  }
  #houji_oso_detel .detel_txt .link a:active, #houji_oso_detel .detel_txt .link a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #houji_oso_detel .detel_txt .all_txt {
    margin-bottom: 2vw;
  }
  #houji_oso_detel .detel_txt .link a {
    padding: 3vw 0 3vw 0;
    display: block;
    text-align: center;
    color: #213359;
    border: solid 2px #213359;
    background: #ffffff;
  }
  #houji_oso_detel .detel_txt .link a span {
    padding-left: 6vw;
    background: url(./img/houji/osohshiki/ico_faq.png) no-repeat;
    -webkit-background-size: 4vw;
    background-size: 4vw;
    background-position: left 0 top 50%;
  }
}
/* ----- pickup_plan st ----- */
@media only screen and (min-width: 1025px) {
  #plan_page .pickup_plan,
  #houji_oso_detel .pickup_plan {
    padding: 12px;
    background: #f9f9f4;
    border: solid 4px #efefe8;
    overflow: hidden;
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #plan_page .pickup_plan .right,
  #houji_oso_detel .pickup_plan .right {
    width: 190px;
    float: left;
  }
  #plan_page .pickup_plan .left,
  #houji_oso_detel .pickup_plan .left {
    width: 521px;
    float: left;
    margin-left: 15px;
    padding-top: 5px;
  }
  #plan_page .pickup_plan .data,
  #houji_oso_detel .pickup_plan .data {
    margin-top: 5px;
    overflow: hidden;
    *zoom: 1;
  }
  #plan_page .pickup_plan .data .txt,
  #houji_oso_detel .pickup_plan .data .txt {
    width: 290px;
    float: left;
  }
  #plan_page .pickup_plan .data li:before,
  #houji_oso_detel .pickup_plan .data li:before {
    content: "■";
    color: #a6a489;
    font-size: 18px;
    font-size: 1.8rem;
  }
  #plan_page .pickup_plan .data .btn,
  #houji_oso_detel .pickup_plan .data .btn {
    width: 216px;
    float: left;
    margin-left: 15px;
  }
  #plan_page .pickup_plan .data .btn a,
  #houji_oso_detel .pickup_plan .data .btn a {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #plan_page .pickup_plan,
  #houji_oso_detel .pickup_plan {
    padding: 3vw;
    background: #f9f9f4;
    border: solid 4px #efefe8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #plan_page .pickup_plan .right,
  #houji_oso_detel .pickup_plan .right {
    margin-bottom: 2vw;
  }
  #plan_page .pickup_plan .data,
  #houji_oso_detel .pickup_plan .data {
    margin-top: 2vw;
  }
  #plan_page .pickup_plan .data .txt,
  #houji_oso_detel .pickup_plan .data .txt {
    margin-bottom: 3vw;
  }
  #plan_page .pickup_plan .data li:before,
  #houji_oso_detel .pickup_plan .data li:before {
    content: "■";
    color: #a6a489;
  }
  #plan_page .pickup_plan .data .btn a,
  #houji_oso_detel .pickup_plan .data .btn a {
    padding: 2vw 0;
  }
}
/* ---------------------------------------- */
/* ----- 寺院手配のよくある質問 ----- */
/* ---------------------------------------- */
@media only screen and (min-width: 1025px) {
  #houji_oso_faq .faqBox .link {
    padding: 12px 13px 13px 70px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #4665a6;
    border-bottom: solid 1px #aeb4bd;
    background: url(./img/ico/ico_faq_q.png) no-repeat;
    -webkit-background-size: 58px 26px;
    background-size: 58px 26px;
    background-position: left 0 top 50%;
    cursor: pointer;
  }
  #houji_oso_faq .faqBox .link:hover {
    text-decoration: underline;
  }
  #houji_oso_faq .faqBox .box {
    margin-bottom: 15px;
    padding: 12px 13px 13px 70px;
    font-size: 15px;
    font-size: 1.5rem;
    background: url(./img/ico/ico_faq_a.png) no-repeat;
    -webkit-background-size: 58px 26px;
    background-size: 58px 26px;
    background-position: left 0 top 15px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #houji_oso_faq .faqBox .link {
    padding: 2vw 2vw 2vw 11vw;
    font-size: 13px;
    font-size: 4.0625vw;
    color: #4665a6;
    border-bottom: solid 1px #aeb4bd;
    background: url(./img/ico/ico_faq_q.png) no-repeat;
    -webkit-background-size: 9vw;
    background-size: 9vw;
    background-position: left 0 top 2.8vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #houji_oso_faq .faqBox .link {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #houji_oso_faq .faqBox .box {
    margin-bottom: 2vw;
    padding: 2vw 2vw 2vw 11vw;
    font-size: 12px;
    font-size: 3.75vw;
    background: url(./img/ico/ico_faq_a.png) no-repeat;
    -webkit-background-size: 9vw;
    background-size: 9vw;
    background-position: left 0 top 2.8vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #houji_oso_faq .faqBox .box {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/* ----- faq_soudan st ----- */
@media only screen and (min-width: 1025px) {
  .faq_soudan {
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .faq_soudan .box {
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .faq_soudan .top {
    overflow: hidden;
    *zoom: 1;
  }
  .faq_soudan .tel_img {
    width: 380px;
    float: left;
  }
  .faq_soudan .link {
    width: 346px;
    float: left;
    margin-left: 10px;
  }
  .faq_soudan .link ul {
    overflow: hidden;
    *zoom: 1;
  }
  .faq_soudan .link li {
    width: 49%;
    float: left;
  }
  .faq_soudan .link li:nth-of-type(2n+2) {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .faq_soudan {
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .faq_soudan .ttl_long_bl {
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .faq_soudan .ttl_long_bl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .faq_soudan .box {
    padding: 2vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .faq_soudan .tel_img {
    margin-bottom: 1vw;
    text-align: center;
  }
  .faq_soudan .link ul {
    overflow: hidden;
    *zoom: 1;
  }
  .faq_soudan .link li {
    width: 49%;
    float: left;
  }
  .faq_soudan .link li:nth-of-type(2n+2) {
    margin-left: 2%;
  }
}
/* ---------------------------------------- */
/* ----- 永代供養 海洋散骨 ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #eitai_detel .img_caution_ok,
  #eitai_detel .img_top_eitai_detel {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 641px) {
  #eitai_detel .img_caution_ok,
  #eitai_detel .img_top_eitai_detel {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 640px) {
  #kaiyou_detel .img_top_kaiyou_detel {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 641px) {
  #kaiyou_detel .img_top_kaiyou_detel {
    margin-bottom: 15px;
  }
}

/* ----- osusume_point st ----- */
@media only screen and (min-width: 1025px) {
  .osusume_point {
    padding: 15px;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .osusume_point .top_ttl {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .osusume_point .top_ttl.cl_eidai {
    border-bottom: solid 5px #9cc276;
  }
  .osusume_point .top_ttl.cl_kaiyou {
    border-bottom: solid 5px #e9f1fc;
  }
  .osusume_point li {
    padding: 6px 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 600;
    border-bottom: solid 1px #aeb4bd;
  }
  .osusume_point li:last-of-type {
    border-bottom: none;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .osusume_point {
    margin-top: 4vw;
    padding: 3vw;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .osusume_point .top_ttl {
    margin-bottom: 1vw;
    padding-bottom: 1.5vw;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .osusume_point .top_ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .osusume_point .top_ttl.cl_eidai {
    border-bottom: solid 4px #9cc276;
  }
  .osusume_point .top_ttl.cl_kaiyou {
    border-bottom: solid 4px #e9f1fc;
  }
  .osusume_point li {
    padding: 1.5vw 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 11px;
    font-size: 3.4375vw;
    font-weight: 600;
    border-bottom: solid 1px #aeb4bd;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .osusume_point li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .osusume_point li:last-of-type {
    border-bottom: none;
  }
}
/* ----- plan_table st ----- */
.plan_table .tb_eitai th {
  color: #336106;
  background: #ecf5e3;
}
.plan_table .tb_kaiyou th {
  color: #1c498d;
  background: #f0f3f8;
}
.plan_table .kome {
  color: #ffffff;
  background: #9a2121;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

@media only screen and (min-width: 1025px) {
  .plan_table table {
    width: 100%;
    margin-top: 5px;
  }
  .plan_table td,
  .plan_table th {
    padding: 10px;
    border: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .plan_table th {
    width: 260px;
  }
  .plan_table .kome {
    margin-left: 15px;
    padding: 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .plan_table table {
    width: 100%;
    margin-top: 5px;
    border-bottom: solid 1px #aeb4bd;
  }
  .plan_table td,
  .plan_table th {
    display: block;
    width: 100%;
    padding: 10px;
    border: solid 1px #aeb4bd;
    border-bottom: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .plan_table .kome {
    margin-left: 2vw;
    padding: 0 2vw;
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .plan_table .kome {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* ----- eitai_caution st ----- */
@media only screen and (min-width: 1025px) {
  .eitai_caution .top {
    margin: 15px auto;
    overflow: hidden;
    *zoom: 1;
  }
  .eitai_caution .left {
    width: 323px;
    float: left;
  }
  .eitai_caution .right {
    width: 415px;
    float: left;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .eitai_caution {
    margin-top: 3vw;
  }
  .eitai_caution .top {
    margin: 3vw auto;
  }
  .eitai_caution .left {
    text-align: center;
    margin-bottom: 2vw;
  }
}
/* ----- btn_way st ----- */
@media only screen and (min-width: 1025px) {
  .btn_way {
    width: 300px;
    margin: 0 auto 20px auto;
  }
  .btn_way a {
    padding: 15px 0 15px 0;
    display: block;
    text-align: center;
    color: #213359;
    border: solid 2px #213359;
    background: #ffffff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .btn_way a span {
    padding-left: 38px;
    background: url(./img/houji/osohshiki/ico_faq.png) no-repeat #ffffff;
    -webkit-background-size: 21px 21px;
    background-size: 21px 21px;
    background-position: left 10px top 50%;
  }
  .btn_way a:active, .btn_way a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .btn_way {
    width: 80%;
    margin: 0 auto 3vw auto;
  }
  .btn_way a {
    padding: 2.5vw 0 2.5vw 0;
    display: block;
    text-align: center;
    color: #213359;
    border: solid 2px #213359;
    background: #ffffff;
  }
  .btn_way a span {
    padding-left: 6vw;
    background: url(./img/houji/osohshiki/ico_faq.png) no-repeat;
    -webkit-background-size: 4vw;
    background-size: 4vw;
    background-position: left 0 top 50%;
  }
}
/* ----- faq_soudan st ----- */
@media only screen and (min-width: 1025px) {
  #eitai_detel #faq .ss_midashi {
    padding: 8px 15px;
  }
  #eitai_detel .faqBox .link {
    padding: 12px 13px 13px 70px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #4665a6;
    border-bottom: solid 1px #aeb4bd;
    background: url(./img/ico/ico_faq_eitai_q.png) no-repeat;
    -webkit-background-size: 58px 26px;
    background-size: 58px 26px;
    background-position: left 0 top 50%;
    cursor: pointer;
  }
  #eitai_detel .faqBox .link:hover {
    text-decoration: underline;
  }
  #eitai_detel .faqBox .box {
    margin-bottom: 15px;
    padding: 12px 13px 13px 70px;
    font-size: 15px;
    font-size: 1.5rem;
    background: url(./img/ico/ico_faq_a.png) no-repeat;
    -webkit-background-size: 58px 26px;
    background-size: 58px 26px;
    background-position: left 0 top 15px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #eitai_detel #faq .ss_midashi {
    padding: 1vw 3vw;
  }
  #eitai_detel .faqBox .link {
    padding: 2vw 2vw 2vw 11vw;
    font-size: 13px;
    font-size: 4.0625vw;
    color: #4665a6;
    border-bottom: solid 1px #aeb4bd;
    background: url(./img/ico/ico_faq_eitai_q.png) no-repeat;
    -webkit-background-size: 9vw;
    background-size: 9vw;
    background-position: left 0 top 2.8vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #eitai_detel .faqBox .link {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #eitai_detel .faqBox .box {
    margin-bottom: 2vw;
    padding: 2vw 2vw 2vw 11vw;
    font-size: 12px;
    font-size: 3.75vw;
    background: url(./img/ico/ico_faq_a.png) no-repeat;
    -webkit-background-size: 9vw;
    background-size: 9vw;
    background-position: left 0 top 2.8vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #eitai_detel .faqBox .box {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/* ----- faq_soudan st ----- */
@media only screen and (min-width: 1025px) {
  #kaiyou_detel #faq .ss_midashi {
    padding: 8px 15px;
  }
  #kaiyou_detel .faqBox .link {
    padding: 12px 13px 13px 70px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #4665a6;
    border-bottom: solid 1px #aeb4bd;
    background: url(./img/ico/ico_faq_kaiyou_q.png) no-repeat;
    -webkit-background-size: 58px 26px;
    background-size: 58px 26px;
    background-position: left 0 top 50%;
    cursor: pointer;
  }
  #kaiyou_detel .faqBox .link:hover {
    text-decoration: underline;
  }
  #kaiyou_detel .faqBox .box {
    margin-bottom: 15px;
    padding: 12px 13px 13px 70px;
    font-size: 15px;
    font-size: 1.5rem;
    background: url(./img/ico/ico_faq_a.png) no-repeat;
    -webkit-background-size: 58px 26px;
    background-size: 58px 26px;
    background-position: left 0 top 15px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #kaiyou_detel #faq .ss_midashi {
    padding: 1vw 3vw;
  }
  #kaiyou_detel .faqBox .link {
    padding: 2vw 2vw 2vw 11vw;
    font-size: 13px;
    font-size: 4.0625vw;
    color: #4665a6;
    border-bottom: solid 1px #aeb4bd;
    background: url(./img/ico/ico_faq_kaiyou_q.png) no-repeat;
    -webkit-background-size: 9vw;
    background-size: 9vw;
    background-position: left 0 top 2.8vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #kaiyou_detel .faqBox .link {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #kaiyou_detel .faqBox .box {
    margin-bottom: 2vw;
    padding: 2vw 2vw 2vw 11vw;
    font-size: 12px;
    font-size: 3.75vw;
    background: url(./img/ico/ico_faq_a.png) no-repeat;
    -webkit-background-size: 9vw;
    background-size: 9vw;
    background-position: left 0 top 2.8vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #kaiyou_detel .faqBox .box {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/* ----- youi_box st ----- */
.youi_box {
  padding: 15px;
  border: solid 1px #aeb4bd;
}
.youi_box .top_ttl {
  margin-bottom: 8px;
  padding: 5px 15px;
  background: #ededed;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .youi_box {
    margin-top: 3vw;
    padding: 2vw;
  }
  .youi_box .top_ttl {
    margin-bottom: 8px;
    padding: 5px 15px;
    background: #ededed;
  }
  .youi_box .all_txt {
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .youi_box .all_txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ----- way_box st ----- */
.way_box_eidai .top_ttl {
  color: #336106;
}

.way_box_kaiyou .top_ttl {
  color: #1c498d;
}

@media only screen and (min-width: 1025px) {
  .way_box li {
    padding: 15px;
    border: solid 1px #aeb4bd;
    border-bottom: none;
    overflow: hidden;
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .way_box li:last-of-type {
    border-bottom: solid 1px #aeb4bd;
  }
  .way_box .right {
    width: 526px;
    float: right;
  }
  .way_box .left {
    width: 200px;
    float: left;
    text-align: left;
  }
  .way_box .left img {
    width: 174px;
  }
  .way_box .top_ttl {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .way_box li {
    padding: 3vw;
    border: solid 1px #aeb4bd;
    border-bottom: none;
    overflow: hidden;
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .way_box li:last-of-type {
    border-bottom: solid 1px #aeb4bd;
  }
  .way_box .right {
    margin-bottom: 3vw;
  }
  .way_box .left {
    text-align: center;
  }
  .way_box .top_ttl {
    margin-bottom: 1vw;
  }
}
/* ---------------------------------------- */
/* ----- 葬儀費用のご案内 ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #plan_page .img_plan {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 641px) {
  #plan_page .img_plan {
    margin-bottom: 15px;
  }
}

/* ----- paysystem st ----- */
@media only screen and (min-width: 1025px) {
  .paysystem.accBox {
    margin: 30px auto;
    border-top: solid 1px #cacaca;
  }
  .paysystem.accBox .link {
    padding: 15px 15px;
    font-size: 23px;
    font-size: 2.3rem;
    min-height: 50px;
    border: solid 1px #cacaca;
    border-top: none;
    background: url(./img/common/bg_gr_pay.png) center bottom repeat-x #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  .paysystem.accBox .link:active, .paysystem.accBox .link:hover {
    background: url(./img/common/bg_gr_pay.png) center bottom repeat-x #e4e4e4;
  }
  .paysystem.accBox .link.open {
    background: url(./img/common/bg_gr_pay.png) center bottom repeat-x #e4e4e4;
  }
  .paysystem.accBox .arrow {
    background: url(./img/ico/ico_pay_open.png) no-repeat;
    -webkit-background-size: 17px 10px;
    background-size: 17px 10px;
    background-position: right 15px top 50%;
  }
  .paysystem.accBox .link.open .arrow {
    background: url(./img/ico/ico_pay_close.png) no-repeat;
    -webkit-background-size: 17px 10px;
    background-size: 17px 10px;
    background-position: right 15px top 50%;
  }
  .paysystem.accBox .ico_pay_01 {
    padding: 10px 0 10px 80px;
    background: url(./img/ico/ico_pay_01.png) no-repeat;
    -webkit-background-size: 51px 45px;
    background-size: 51px 45px;
    background-position: left 15px top 50%;
  }
  .paysystem.accBox .ico_pay_02 {
    padding: 10px 0 10px 80px;
    background: url(./img/ico/ico_pay_02.png) no-repeat;
    -webkit-background-size: 51px 45px;
    background-size: 51px 45px;
    background-position: left 15px top 50%;
  }
  .paysystem.accBox .ico_pay_03 {
    padding: 10px 0 10px 80px;
    background: url(./img/ico/ico_pay_03.png) no-repeat;
    -webkit-background-size: 51px 45px;
    background-size: 51px 45px;
    background-position: left 15px top 50%;
  }
  .paysystem.accBox .box {
    border: solid 1px #cacaca;
    border-top: none;
    border-bottom: none;
    background: #f7f7f7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .paysystem.accBox .fl_box {
    padding: 15px;
    border-bottom: solid 1px #cacaca;
    overflow: hidden;
    *zoom: 1;
  }
  .paysystem.accBox .fl_box .left {
    width: 162px;
    float: left;
  }
  .paysystem.accBox .fl_box .right {
    width: 544px;
    float: left;
    margin-left: 20px;
    padding: 15px;
    background: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .paysystem.accBox .tb_loan {
    width: 100%;
    margin: 20px auto;
  }
  .paysystem.accBox .tb_loan td,
  .paysystem.accBox .tb_loan th {
    padding: 5px 0;
    border: solid 1px #aeb4bd;
    vertical-align: middle;
  }
  .paysystem.accBox .tb_loan thead th {
    text-align: center;
    color: #ffffff;
    background: #213359;
  }
  .paysystem.accBox .tb_loan tbody td,
  .paysystem.accBox .tb_loan tbody th {
    text-align: center;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .paysystem.accBox {
    margin: 3vw auto;
    border-top: solid 1px #cacaca;
  }
  .paysystem.accBox .link {
    padding: 5vw;
    font-size: 12px;
    font-size: 3.75vw;
    min-height: 8vw;
    border: solid 1px #cacaca;
    border-top: none;
    background: url(./img/common/bg_gr_pay.png) center bottom repeat-x #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .paysystem.accBox .link {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .paysystem.accBox .link.open {
    background: url(./img/common/bg_gr_pay.png) center bottom repeat-x #e4e4e4;
  }
  .paysystem.accBox .arrow {
    background: url(./img/ico/ico_pay_open.png) no-repeat;
    -webkit-background-size: 2.5vw;
    background-size: 2.5vw;
    background-position: right 1vw top 50%;
  }
  .paysystem.accBox .link.open .arrow {
    background: url(./img/ico/ico_pay_close.png) no-repeat;
    -webkit-background-size: 2.5vw;
    background-size: 2.5vw;
    background-position: right 1vw top 50%;
  }
  .paysystem.accBox .ico_pay_01 {
    padding: 3vw 0 3vw 8vw;
    background: url(./img/ico/ico_pay_01.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1vw top 50%;
  }
  .paysystem.accBox .ico_pay_02 {
    padding: 3vw 0 3vw 8vw;
    background: url(./img/ico/ico_pay_02.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1vw top 50%;
  }
  .paysystem.accBox .ico_pay_03 {
    padding: 3vw 0 3vw 8vw;
    background: url(./img/ico/ico_pay_03.png) no-repeat;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: left 1vw top 50%;
  }
  .paysystem.accBox .box {
    border: solid 1px #cacaca;
    border-top: none;
    border-bottom: none;
    background: #f7f7f7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .paysystem.accBox .fl_box {
    padding: 3vw;
    border-bottom: solid 1px #cacaca;
  }
  .paysystem.accBox .fl_box .left {
    text-align: center;
  }
  .paysystem.accBox .fl_box .right {
    padding: 3vw;
    background: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .paysystem.accBox .fl_box .right {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .paysystem.accBox .fl_box .right .ttl {
    margin-bottom: 1.5vw;
  }
  .paysystem.accBox .tb_loan {
    width: 100%;
    margin: 2vw auto;
  }
  .paysystem.accBox .tb_loan td,
  .paysystem.accBox .tb_loan th {
    padding: 1vw 0;
    border: solid 1px #aeb4bd;
    vertical-align: middle;
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .paysystem.accBox .tb_loan td,
  .paysystem.accBox .tb_loan th {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .paysystem.accBox .tb_loan thead th {
    text-align: center;
    color: #ffffff;
    background: #213359;
  }
  .paysystem.accBox .tb_loan tbody td,
  .paysystem.accBox .tb_loan tbody th {
    text-align: center;
  }
}
/* ----- simulation_box st ----- */
.simulation_box {
  border: solid 1px #aeb4bd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.simulation_box .hide {
  display: none;
}
.simulation_box .top_ttl {
  color: #ffffff;
}
.simulation_box .img_simulation {
  text-align: center;
}
.simulation_box .kasou {
  background: #f6f8fb;
}
.simulation_box .kasou .top_ttl {
  background: #213359;
}
.simulation_box .ichinichisoh {
  background: #f8f9e8;
}
.simulation_box .ichinichisoh .top_ttl {
  background: #757d19;
}
.simulation_box .kazokusoh {
  background: #f9f0f2;
}
.simulation_box .kazokusoh .top_ttl {
  background: #a93a51;
}
.simulation_box .osohshiki80 {
  background: #f3ecf4;
}
.simulation_box .osohshiki80 .top_ttl {
  background: #5e3665;
}

@media only screen and (min-width: 1025px) {
  .simulation_box {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .simulation_box .left {
    width: 290px;
    padding: 30px 30px 30px 30px;
    border-right: solid 1px #aeb4bd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .simulation_box .right {
    width: 466px;
    padding: 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .simulation_box .total {
    margin-top: -15px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #aeb4bd;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .simulation_box .total .price {
    font-size: 50px;
    font-size: 5rem;
  }
  .simulation_box .top_ttl {
    margin-bottom: 10px;
  }
  .simulation_box .top_ttl.ss {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .simulation_box .img_simulation img {
    width: 231px;
    height: 51px;
  }
  .simulation_box .plan_select_04,
  .simulation_box .plan_select_03,
  .simulation_box .plan_select_02,
  .simulation_box .plan_select {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .simulation_box {
    margin-bottom: 20px;
  }
  .simulation_box .left {
    padding: 0 0 4vw 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .simulation_box .right {
    padding: 20px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .simulation_box .total {
    margin-top: -2vw;
    margin-bottom: 3vw;
    padding-bottom: 2vw;
    border-bottom: solid 1px #aeb4bd;
    font-size: 18px;
    font-size: 5.625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .simulation_box .total {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .simulation_box .total .price {
    font-size: 26px;
    font-size: 8.125vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .simulation_box .total .price {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .simulation_box .top_ttl {
    width: 100%;
    padding: 1vw 0;
    margin-bottom: 3vw;
  }
  .simulation_box .sel {
    width: 90%;
    margin: auto;
  }
  .simulation_box .plan_select_04,
  .simulation_box .plan_select_03,
  .simulation_box .plan_select_02,
  .simulation_box .plan_select {
    width: 100%;
    padding: 2vw;
    font-size: 16px;
    font-size: 1.6rem;
    border: solid 1px #cacaca;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 0 0 #ffffff;
    -webkit-box-shadow: 0 0 0 #ffffff;
    box-shadow: 0 0 0 #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
    background: url(./img/ico/select.png) no-repeat #ffffff;
    -webkit-background-size: 5vw;
    background-size: 5vw;
    background-position: right 3vw top 50%;
  }
  .simulation_box .syosai.tar {
    text-align: left;
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .simulation_box .syosai.tar {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ---------------------------------------- */
/* ----- 初めての方へ ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #about_page .img_about_top {
    margin-bottom: 2vw;
    text-align: center;
  }
}
@media screen and (min-width: 641px) {
  #about_page .img_about_top {
    margin-bottom: 15px;
  }
}

/* ----- parts st ----- */
#about_page .bg_ore_ww {
  background: #fffbec;
}
#about_page .bg_blue_ww {
  background: #e4e8f2;
}

@media only screen and (min-width: 1025px) {
  #about_page .bg_ore_ww,
  #about_page .bg_blue_ww {
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #about_page .fl_box.bg_ore_ww,
  #about_page .fl_box.bg_blue_ww {
    margin-bottom: 15px;
    overflow: hidden;
    *zoom: 1;
  }
  #about_page .fl_box.bg_ore_ww .left,
  #about_page .fl_box.bg_blue_ww .left {
    width: 303px;
    margin-right: 15px;
    float: left;
  }
  #about_page .fl_box.bg_ore_ww .right,
  #about_page .fl_box.bg_blue_ww .right {
    width: 410px;
    float: left;
  }
  #about_page .fl_box.after_se .btn {
    margin-top: 20px;
    overflow: hidden;
    *zoom: 1;
  }
  #about_page .fl_box.after_se .btn a {
    float: right;
    padding: 10px 20px;
  }
  #about_page .fl_box.after_se_bd {
    padding-bottom: 15px;
    border-bottom: dotted 1px #cacaca;
  }
  #about_page .ss_midashi {
    padding: 8px 15px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #about_page .bg_ore_ww,
  #about_page .bg_blue_ww {
    padding: 3vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #about_page .ss_midashi {
    padding: 1vw 3vw;
  }
  #about_page .fl_box.after_se .btn {
    margin-top: 3vw;
  }
  #about_page .fl_box.after_se .btn a {
    padding: 1.5vw 0;
  }
  #about_page .fl_box.after_se_bd {
    padding-bottom: 3vw;
    border-bottom: dotted 1px #cacaca;
  }
}
/* ---------------------------------------- */
/* ----- サイトマップ ----- */
/* ---------------------------------------- */
#sitemap_box .all_txt a {
  color: #4665a6;
}
@media screen and (min-width: 641px) {
  #sitemap_box .all_txt a:hover, #sitemap_box .all_txt a:active {
    color: #869dcc;
  }
}

@media only screen and (min-width: 1025px) {
  #sitemap_box .ss_midashi {
    padding: 8px 15px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #sitemap_box .ss_midashi {
    padding: 1vw 3vw;
  }
}
/* ---------------------------------------- */
/* ----- 縁のお得な早割 ----- */
/* ---------------------------------------- */
@media screen and (max-width: 640px) {
  #reduce_box .img_reduce_top_pcs,
  #reduce_box .img_reduce_top {
    margin-bottom: 2vw;
    text-align: center;
  }
}
@media screen and (min-width: 641px) {
  #reduce_box .img_reduce_top_pcs,
  #reduce_box .img_reduce_top {
    margin-bottom: 15px;
  }
}

#reduce_box .img_reduce_top_pcs {
  width: 762px;
}

/* ----- point_box st ----- */
#reduce_box .point_box .all_txt a {
  color: #4665a6;
  text-decoration: underline;
}
@media screen and (min-width: 641px) {
  #reduce_box .point_box .all_txt a:hover, #reduce_box .point_box .all_txt a:active {
    color: #869dcc;
  }
}

@media only screen and (min-width: 1025px) {
  #reduce_box .point_box {
    padding: 15px 15px 5px 15px;
    background: #dce6ff;
  }
  #reduce_box .point_box .box {
    margin-bottom: 15px;
    padding: 10px;
    background: #ffffff;
    overflow: hidden;
    *zoom: 1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  #reduce_box .point_box .left {
    width: 220px;
    float: left;
    text-align: center;
  }
  #reduce_box .point_box .left img {
    width: 194px;
  }
  #reduce_box .point_box .right {
    width: 488px;
    float: left;
  }
  #reduce_box .point_box .ttl {
    margin-top: 8px;
    margin-bottom: 2px;
  }
  #reduce_box .point_box .ttl img {
    width: 477px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #reduce_box .point_box {
    padding: 3vw 3vw 1.5vw 3vw;
    background: #dce6ff;
  }
  #reduce_box .point_box .box {
    margin-bottom: 2vw;
    padding: 2vw;
    background: #ffffff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  #reduce_box .point_box .left {
    text-align: center;
  }
  #reduce_box .point_box .left img {
    max-height: 40vw;
  }
  #reduce_box .point_box .ttl {
    margin-top: 3vw;
    margin-bottom: 2vw;
  }
}
/* ----- otoku_box st ----- */
#reduce_box .otoku_box {
  background: #f7f5ea;
}
@media screen and (max-width: 640px) {
  #reduce_box .otoku_box {
    margin: 3vw auto;
    padding: 3vw;
  }
}
@media screen and (min-width: 641px) {
  #reduce_box .otoku_box {
    margin: 20px auto;
    padding: 20px;
  }
}
#reduce_box .otoku_box .ttl_otoku {
  text-align: center;
}
@media screen and (max-width: 640px) {
  #reduce_box .otoku_box .ttl_otoku {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 641px) {
  #reduce_box .otoku_box .ttl_otoku {
    margin-bottom: 15px;
  }
  #reduce_box .otoku_box .ttl_otoku img {
    width: 708px;
  }
}

/* ----- bn_contact st ----- */
#reduce_box .bn_contact .waku_box {
  border: solid 1px #213359;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#reduce_box .bn_contact .right {
  background: #fff9da;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #reduce_box .bn_contact .waku_box {
    margin-top: 1vw;
  }
  #reduce_box .bn_contact .hd_ttl {
    padding: 2vw 0;
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  #reduce_box .bn_contact .hd_ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #reduce_box .bn_contact .left {
    padding: 4vw;
  }
  #reduce_box .bn_contact .right {
    padding: 2vw 4vw 1vw 4vw;
  }
}
@media only screen and (min-width: 1025px) {
  #reduce_box .bn_contact .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #reduce_box .bn_contact .left {
    width: 420px;
    padding: 20px 0 0 0;
  }
  #reduce_box .bn_contact .right {
    width: 336px;
    padding: 10px 0;
  }
  #reduce_box .bn_contact .hd_ttl {
    padding: 5px 0;
    font-size: 20px;
    font-size: 2rem;
  }
}
/* ----- reduce_plan_sps st ----- */
@media screen and (max-width: 640px) {
  #reduce_box .plan_list_reduce {
    margin: 4.5vw auto 3vw auto;
  }
}
@media screen and (min-width: 641px) {
  #reduce_box .plan_list_reduce {
    margin: 40px auto 20px auto;
  }
}
#reduce_box .plan_list_reduce .reduce_plan_sps {
  margin-bottom: 2.5vw;
}

/* ----- reduce_voice st ----- */
@media only screen and (min-width: 1025px) {
  #reduce_box .reduce_voice {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #reduce_box .reduce_voice .box {
    margin-bottom: 20px;
    padding: 15px;
    background: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    /*IE*/
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #reduce_box .reduce_voice .left {
    width: 229px;
  }
  #reduce_box .reduce_voice .right {
    width: 478px;
    margin-left: 21px;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  #reduce_box .reduce_voice {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  #reduce_box .reduce_voice .box {
    margin-bottom: 4vw;
    padding: 3vw;
    background: #f3f3f3;
  }
  #reduce_box .reduce_voice .left {
    margin: 2vw auto;
  }
}
@media only screen and (min-width: 1025px) {
  .bn_bn_reduce_l {
    margin: 15px auto;
  }
}
/* ----- parts st ----- */
@media only screen and (min-width: 1025px) {
  .ss_midashi_nost,
  .ss_midashi {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }

  .mm_midashi {
    margin-bottom: 15px;
    padding: 10px 15px;
    font-size: 20px;
    font-size: 2rem;
    color: #7c6737;
    background: #f6f2e9;
    border-left: solid 10px #d4b777;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .all_txt .ss_txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .all_txt .big_txt {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .ss_midashi_nost,
  .ss_midashi {
    margin-bottom: 10px;
  }

  .mm_midashi {
    margin-bottom: 10px;
    padding: 7px 10px;
    color: #7c6737;
    background: #f6f2e9;
    border-left: solid 7px #d4b777;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .all_txt .ss_txt {
    font-size: 11px;
    font-size: 3.4375vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .all_txt .ss_txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .all_txt .big_txt {
    font-size: 13px;
    font-size: 4.0625vw;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) and (min-width: 640px) {
  .all_txt .big_txt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 640px) {
  .mtop20 {
    margin-top: 2vw;
  }
}
@media screen and (min-width: 641px) {
  .mtop20 {
    margin-top: 1vw;
  }
}

@media screen and (max-width: 640px) {
  .mb20 {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 641px) {
  .mb20 {
    margin-bottom: 1vw;
  }
}

@media screen and (max-width: 640px) {
  .mb30 {
    margin-bottom: 3vw;
  }
}
@media screen and (min-width: 641px) {
  .mb30 {
    margin-bottom: 2vw;
  }
}

@media screen and (max-width: 640px) {
  .mb40 {
    margin-bottom: 4.5vw;
  }
}
@media screen and (min-width: 641px) {
  .mb40 {
    margin-bottom: 2.5vw;
  }
}

.all_txt {
  line-height: 1.7;
}
.all_txt p {
  margin-bottom: 10px;
}
.all_txt p:last-of-type {
  margin-bottom: 0px;
}

.all_box {
  margin-top: 16px;
  margin-bottom: 20px;
  padding: 20px;
  background: #ffffff;
  border: solid 1px #aeb4bd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.all_in_box {
  margin-top: 16px;
  margin-bottom: 20px;
  padding: 20px;
  background: #ffffff;
  border: solid 1px #aeb4bd;
  border: solid 1px #aeb4bd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.all_ttl_box {
  margin-top: 16px;
  margin-bottom: 20px;
  background: #ffffff;
  border: solid 1px #aeb4bd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.all_ttl_box .in_pp {
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .all_in_box {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 3vw;
    border-right: none;
    border-left: none;
  }

  .all_ttl_box {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .all_ttl_box .in_pp {
    padding: 3vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .all_box {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 3vw;
  }
}
@media only screen and (min-width: 1025px) {
  .in_midashi {
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 10px;
  }

  .bg_midashi_bl {
    color: #213359;
    padding-left: 42px;
    background: url(./img/common/bg_midashi_bl.png) no-repeat;
    -webkit-background-size: 32px 31px;
    background-size: 32px 31px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_gr {
    color: #757d19;
    padding-left: 42px;
    background: url(./img/common/bg_midashi_gr.png) no-repeat;
    -webkit-background-size: 32px 31px;
    background-size: 32px 31px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_rr {
    color: #a93a51;
    padding-left: 42px;
    background: url(./img/common/bg_midashi_rr.png) no-repeat;
    -webkit-background-size: 32px 31px;
    background-size: 32px 31px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_pp {
    color: #5e3665;
    padding-left: 42px;
    background: url(./img/common/bg_midashi_pp.png) no-repeat;
    -webkit-background-size: 32px 31px;
    background-size: 32px 31px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_grd {
    color: #336106;
    padding-left: 42px;
    background: url(./img/common/bg_midashi_grd.png) no-repeat;
    -webkit-background-size: 32px 31px;
    background-size: 32px 31px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_bld {
    color: #1c498d;
    padding-left: 42px;
    background: url(./img/common/bg_midashi_bld.png) no-repeat;
    -webkit-background-size: 32px 31px;
    background-size: 32px 31px;
    background-position: left 0 top 50%;
  }
}
@media only screen and (min-width: 1px) and (max-width: 1024px) {
  .in_midashi {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }

  .bg_midashi_bl {
    color: #213359;
    padding-left: 28px;
    background: url(./img/common/bg_midashi_bl_sp.png) no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_gr {
    color: #757d19;
    padding-left: 28px;
    background: url(./img/common/bg_midashi_gr_sp.png) no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_rr {
    color: #a93a51;
    padding-left: 28px;
    background: url(./img/common/bg_midashi_rr_sp.png) no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_pp {
    color: #5e3665;
    padding-left: 28px;
    background: url(./img/common/bg_midashi_pp_sp.png) no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_grd {
    color: #336106;
    padding-left: 28px;
    background: url(./img/common/bg_midashi_grd_sp.png) no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: left 0 top 50%;
  }

  .bg_midashi_bld {
    color: #1c498d;
    padding-left: 28px;
    background: url(./img/common/bg_midashi_bld_sp.png) no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: left 0 top 50%;
  }
}
/* ---------------------------------------- */
/* ----- parts ----- */
/* ---------------------------------------- */
/* ----- リンク ----- */
.btn a {
  padding: 15px 0;
  text-align: center;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
}
@media screen and (min-width: 641px) {
  .btn a:hover, .btn a:active {
    color: white;
  }
}
@media screen and (min-width: 640px) {
  .btn a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
}
.btn a .ico_arrow {
  padding-left: 15px;
  background: url(./img/common/ico_arrow.png) no-repeat;
  -webkit-background-size: 6px 10px;
  background-size: 6px 10px;
  background-position: left 0 top 50%;
}

.bg_gr_ore a {
  background: url(./img/common/bg_gr_ore.png) center bottom repeat-x #e77d0b;
  border: solid 1px #f08a3f;
  box-shadow: inset 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px #ffffff;
  -webkit-box-shadow: inset 0px 0px 1px #ffffff;
}
@media screen and (min-width: 640px) {
  .bg_gr_ore a:active, .bg_gr_ore a:hover {
    background: url(./img/common/bg_gr_ore.png) center bottom repeat-x #dca23c;
  }
}

.bg_gr_bl a {
  background: url(./img/common/bg_gr_bl.png) center bottom repeat-x #2e67d0;
  border: solid 1px #2c73b6;
  box-shadow: inset 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px #ffffff;
  -webkit-box-shadow: inset 0px 0px 1px #ffffff;
}
@media screen and (min-width: 640px) {
  .bg_gr_bl a:active, .bg_gr_bl a:hover {
    background: url(./img/common/bg_gr_bl.png) center bottom repeat-x #5d8ce2;
  }
}

.bg_gr_ww a {
  color: #213359;
  background: url(./img/common/bg_gr_ww.png) center bottom repeat-x #ffffff;
  border: solid 1px #cacaca;
  box-shadow: inset 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px #ffffff;
  -webkit-box-shadow: inset 0px 0px 1px #ffffff;
}
@media screen and (min-width: 640px) {
  .bg_gr_ww a:active, .bg_gr_ww a:hover {
    color: #213359;
    background: url(./img/common/bg_gr_ww.png) center bottom repeat-x #f5f5f5;
  }
}

.bg_simple a {
  color: #213359;
  border: solid 1px #cacaca;
  background: url(./img/common/ico_arrow_bl.png) no-repeat #ffffff;
  -webkit-background-size: 10px 16px;
  background-size: 10px 16px;
  background-position: left 15px top 50%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 640px) {
  .bg_simple a:active, .bg_simple a:hover {
    color: #ffffff;
    background: url(./img/common/ico_arrow_www.png) no-repeat #213359;
    -webkit-background-size: 10px 16px;
    background-size: 10px 16px;
    background-position: left 15px top 50%;
  }
}

/* ----- ホバーアクション ----- */
@media only screen and (min-width: 1025px) {
  .over {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .over:active, .over:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
}

.wrap_link {
  cursor: pointer;
}

.blogTopList.mt20 {
  margin-top: 16px;
}
.blogTopList {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 30px;
}
.blogTopList .in_box {
  margin-bottom: 15px;
  background: #fff;
  border: solid 1px #aeb4bd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.blogTopList .boxLeft {
  width: 49%;
  float: left;
  margin-right: 2%;
}
.blogTopList .boxRight {
  width: 49%;
  float: left;
}
@media screen and (max-width: 750px) {
  .blogTopList .boxLeft {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom: 20px;
  }
  .blogTopList .boxRight {
    width: 100%;
    float: none;
  }
}

.blogTopList .new_ico_entry {
  padding:0 5px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background: #a40303;
}
.blogTopList .blogBox li {
  padding:2% 3%;
  border-bottom: dotted 2px #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.blogTopList .blogBox li:last-of-type {
  border-bottom: none;
}
.blogTopList .blogBox li .box {
  overflow: hidden;
  *zoom: 1;
}
.blogTopList .blogBox li .time {
  width: 30%;
  float: left;
}
.blogTopList .blogBox li .ttl {
  width: 70%;
  float: left;
}
.blogTopList .boxAll.blogBox li .time {
  width: 25%;
}
.blogTopList .boxAll.blogBox li .ttl {
  width: 71%;
  margin-left: 3%;
}

@media screen and (max-width: 750px) {
  .ttl_top_blog {
      font-size: 14px;
      font-size: 1.4rem;
  }
}
.ttl_top_blog ,
.ttl_top_blog.ttl_top_enishi_column {
  background: #213359;
}
.ttl_top_blog.ttl_top_enishi_news {
  background: #336106;
}
.ttl_top_blog {
  padding: 10px 15px;
  overflow: hidden;
  *zoom: 1;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ttl_top_blog .ttl {
  float: left;
  font-weight: bold;
}
.ttl_top_blog .btn_more {
  float: right;
  font-weight: bold;
}
.ttl_top_blog .btn_more a {
  padding: 2px 10px;
  color: #fff;
  background: url(./img/common/bg_gr_ore.png) center bottom repeat-x #e77d0b;
  border: solid 1px #f08a3f;
  box-shadow: inset 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px #ffffff;
  -webkit-box-shadow: inset 0px 0px 1px #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (min-width: 640px) {
  .ttl_top_blog .btn_more a:active, .ttl_top_blog .btn_more a:hover {
    background: url(./img/common/bg_gr_ore.png) center bottom repeat-x #dca23c;
  }
}

.mb50 {
  padding-bottom: 40px;
}
#single_news .box {
  margin-bottom: 30px;
  padding: 20px;
  background: #ffffff;
  border: solid 1px #aeb4bd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#single_news .single_ttl {
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    border-bottom: solid 1px #aeb4bd;
}
@media screen and (max-width: 750px) {
  #single_news .single_ttl {
      font-size: 16px;
      font-size: 1.6rem;
  }
}
#single_news .time {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  #single_news .time {
      font-size: 11px;
      font-size: 1.1rem;
  }
}
#single_news .img {
  text-align: center;
}
#s_the_content {
  padding: 20px 0;
}
#s_the_content a        {color:#1c4fba;text-decoration: underline;}
#s_the_content a:visited{color:#1c4fba;text-decoration: underline;}
#s_the_content a:active {color:#3c72e2;text-decoration: underline;}
#s_the_content a:hover  {color:#3c72e2;text-decoration: underline;}

#s_the_content .midashi_h2 {
  margin: 30px auto 25px auto;
  padding: 12px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #213359;
  background: #ffffff;
  border-bottom: solid 3px #213359;
  -webkit-box-shadow: 0px 0px 3px #999;
  -moz-box-shadow: 0px 0px 3px #999;
  box-shadow: 0px 0px 3px #999;
}
@media screen and (max-width: 750px) {
  #s_the_content .midashi_h2 {
      font-size: 16px;
      font-size: 1.6rem;
  }
}
#s_the_content .midashi_h3 {
  margin: 60px auto 25px auto;
  padding: 12px 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #213359;
  background: #eceef1;
  border-left: solid 3px #213359;
}
@media screen and (max-width: 750px) {
  #s_the_content .midashi_h3 {
      font-size: 16px;
      font-size: 1.6rem;
  }
}
#s_the_content p {
  margin-bottom: 1rem;
}
#s_the_content p:last-of-type {
  margin-bottom: 0;
}
#s_the_content ol.list, #s_the_content ul.list {
    margin: 20px auto;
    padding: 10px 20px;
    border: solid 1px #eeeeee;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#s_the_content li {
  padding: 10px 0;
}
#s_the_content ol.list.num li,
#s_the_content ul.list.num li {
  counter-increment: number;
}
#s_the_content ol.list li:before,
#s_the_content ul.list li:before {
  content: "●";
  color: #002345;
}
#s_the_content ol.list.num li::before, #s_the_content ul.list.num li::before {
    content: counter(number) ".";
    margin-right: 5px;
    color: #002345;
    letter-spacing: 0.1em;
    font-style: italic;
}
#s_the_content .blo {
  margin: 30px auto;
  padding: 20px 25px;
  color: #002345;
  background: #f9f9f9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
