@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap'); /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after, .cmn_kadomaru {
    color: #014099;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after, .cmn_kadomaru {
    border-color: #054098;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after, #h_navi_main ul:not(.sub-menu) > li > a:after {
    background-color: #054098;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-weight: bold;
}

/* [.h2a]のスタイル */
h2[class*="h2a"] {
    border-bottom-width: 2px;
    border-bottom-color: #cfcfcf;
    border-bottom-style: solid;
}

h2[class*="h2a"]:after {
    position: absolute;
    content: "";
    display: block;
    border-bottom: 2px solid #014099;
    bottom: -2px;
    width: 70px;
}

h2[class*="h2b"] {
    padding: 75px 0 0px;
}

h2[class*="h2b"]:before {
    width: 40px;
    height: 55px;
    background: url("../images/tantei_icon01.png") no-repeat 50% / contain;
    left: calc(50% - 21px);
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-weight: bold;
}

h3[class*="h3a"] {
    padding: 10px 0;
    border-left-style: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

h3[class*="h3b"] {
    padding: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話番号のフォントファミリーを指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .num,a[href*="tel:"]:not(.ja) {
    font-family: Bebas Neue;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    background: #9a126f;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 24px 30px;
    min-width: 270px;
    border: 2px solid #9c0959;
    overflow: hidden;
    z-index: 1;
}

a.basic_btn01:hover {
    opacity: 1;
    color: #9c0959;
}

a.basic_btn01::before {
    content: '';
    width: 0%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    transition: all 0.5s;
}

a.basic_btn01:hover:before {
    width: 100%;
    left: 0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.list_type02 > li:before {
    color: #9a126f;
}

/* OL限定 */
ol.basic_list01 > li:before {
    top: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border: 1px solid #8fb4da;
}

.basic_table01 th {
    background-color: #f3f9ff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #e6eff8;
}

.basic_box02 {
    border-color: #9a126f;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通(電話番号にルビ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tel_ruby {
    position: relative;
}

.tel_ruby::before {
    content: attr(data-ruby);
    font-size: 1.2rem;
    font-weight: bold;
    position: absolute;
    top: -10px;
    left: 0px;
    width: 100%;
    letter-spacing: -1px;
    text-align: center;
    font-family: "my_gothic",sans-serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.cmn_ttl {
    font-size: 3.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    padding-top: 70px;
}

h2.cmn_ttl::before {
    content: "";
    background: url("../images/tantei_icon01.png") no-repeat 50% / contain;
    width: 40px;
    height: 55px;
    position: absolute;
    top: 0;
    left: calc(50% - 21px);
}

h2.cmn_ttl span.main {
    font-family: "hira_kakugo_w7";
}

h2.cmn_ttl span.sub {
    display: block;
    font-size: 2.4rem;
    color: #014099;
    margin-bottom: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通　魅力リスト ol.cmn_miryoku_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol.cmn_miryoku_list {
    margin: 0 -15px -20px;
    counter-reset: miryoku_cnt;
}

ol.cmn_miryoku_list li {
    width: calc(50% - 30px);
    min-height: 110px;
    border: 3px solid #014099;
    margin: 0 15px 20px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 15px 45px 15px 95px;
    line-height: 1.3;
    counter-increment: miryoku_cnt;
}

ol.cmn_miryoku_list li::before {
    content: "";
    border-style: solid;
    border-width: 105px 105px 0 0;
    border-color: #014099 transparent transparent transparent;
    position: absolute;
    top: -1px;
    left: -1px;
}

ol.cmn_miryoku_list li::after {
    content: "\e917";
    font-family: 'icomoon';
    position: absolute;
    right: 15px;
    top: calc(50% - .5em);
    line-height: 1;
    font-size: 3rem;
    color: #014099;
}

ol.cmn_miryoku_list li a {
    font-size: 2.4rem;
    font-weight: bold;
    color: #014099;
    display: block;
}

ol.cmn_miryoku_list li a::before {
    content: counter(miryoku_cnt, decimal-leading-zero);
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 3.2rem;
    line-height: 1;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　> 魅力リスト　body:not(.home) ol.cmn_miryoku_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) ol.cmn_miryoku_list li a {
    font-size: 2.0rem;
}

body:not(.home) ol.cmn_miryoku_list li {
    min-height: 75px;
}

body:not(.home) ol.cmn_miryoku_list li::before {
    border-width: 70px 70px 0 0;
}

body:not(.home) ol.cmn_miryoku_list li a::before {
    font-size: 2.4rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通　> 加盟店の声リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_voice_list {
    margin-bottom: -40px;
}

ul.cmn_voice_list li {
    border: 2px solid #014099;
    padding: 50px 50px 50px 330px;
    border-radius: 5px;
    margin-bottom: 40px;
}

ul.cmn_voice_list li h3 {
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}

ul.cmn_voice_list li p.img {
    width: 240px;
    margin-right: 30px;
    position: absolute;
    left: 45px;
    top: calc(50% - 110px);
    padding-top: 23%;
}

ul.cmn_voice_list li p.name {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通　> 記事リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list {
    width: 750px;
}

ul.cmn_post_list li {
    align-items: center;
    border-bottom: 1px solid #94a6bf;
    padding: 25px 10px;
}

ul.cmn_post_list li:hover {
    background: #e9f2fc;
}

ul.cmn_post_list li span.date {
    font-weight: bold;
}

ul.cmn_post_list li span.cat {
    font-size: 1.4rem;
    font-weight: bold;
    width: 110px;
    text-align: center;
    padding: 2px 10px;
    margin: 0 15px;
    color: #fff;
    border-radius: 20px;
}

ul.cmn_post_list li h3.ttl {
    width: 440px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント(修正追加2019-10-03)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {

    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .ttl {
    font-size: 3rem;
    color: #fff;
}

.page_promo .sub_ttl {
    font-size: 2rem;
    background: #014099;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 15px;
}

.page_promo .img_wrap {
    height: 370px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送りを止めてローカルナビに変更（固定ページ）2020-09-27mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.local_navi3 > li > a::before {
    color: #003989;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
widthを980pxにしたいところのbase_width
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.base_width2 {
    width: 980px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　安心の開業
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_anshin.kugiri_m {
    padding-bottom: 90px;
}

#home_anshin h2.main_ttl {
    text-align: center;
    margin-bottom: 30px;
}

#home_anshin p.main_txt {
    text-align: center;
    margin-bottom: 50px;
    font-size: 2.4rem;
    font-weight: bold;
}

#home_anshin .box {
    border: 1px solid #959595;
    padding: 40px 240px;
    position: relative;
}

#home_anshin .box h3 {
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

#home_anshin .box h3::before, #home_anshin .box h3::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 3px;
    background: #000;
    vertical-align: middle;
}

#home_anshin .box h3::before {
    margin-right: 3px;
    transform: rotate(45deg);
}

#home_anshin .box h3::after {
    transform: rotate(-45deg);
    margin-left: 3px;
}

#home_anshin .box p.img {
    position: absolute;
    bottom: 0;
    right: 30px;
}

#home_anshin ul.items {
    justify-content: space-between;
    margin-bottom: 35px;
}

#home_anshin ul.items li {
    font-size: 2.1rem;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 150px;
    height: 150px;
    line-height: 1.5;
    position: relative;
    z-index: 0;
}

#home_anshin ul.items li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: -1;
}

#home_anshin ul.items li:nth-child(odd)::before {
    background: #236dd5;
}

#home_anshin ul.items li:nth-child(even)::before {
    background: #014099;
}

#home_anshin ul.items li::after {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 21px);
    width: 43px;
    height: 42px;
    background: no-repeat 50% / contain;
}

#home_anshin ul.items li:nth-child(odd)::after {
    background-image: url(../images/check02.png);
}

#home_anshin ul.items li:nth-child(even)::after {
    background-image: url(../images/check01.png);
}

#home_anshin p.btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　10の魅力
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_miryoku {
    background-color: #e6eef8;
}

#home_miryoku.kugiri_m {
    padding-bottom: 80px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　新規参入
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_kaiketsu .kugiri_m.bg1 {
    padding-top: 80px;
    padding-bottom: 80px;
}

#home_kaiketsu .bg1 {
    background: url(../images/kaiketsu_img.jpg) no-repeat right calc(50% - 240px) bottom / auto 100%;
    position: relative;
}

#home_kaiketsu .inner {
    padding-right: 460px;
}

#home_kaiketsu .bg1::after {
    content: "";
    border-style: solid;
    border-width: 50px 75px 0 75px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -45px;
    left: calc(50% - 75px);
}

#home_kaiketsu .bg1 h2.main_ttl {
    font-size: 3.2rem;
    font-weight: bold;
    color: #fff;
    background: #014099;
    padding: 15px 30px 15px 55px;
    margin-bottom: 30px;
    position: relative;
}

#home_kaiketsu .bg1 h2.main_ttl::before {
    content: "";
    position: absolute;
    background: url(../images/kumo.png) no-repeat 50% / contain;
    width: 97px;
    height: 86px;
    top: -60px;
    left: -45px;
}

#home_kaiketsu .bg1 ul.items {
    width: 685px;
}

#home_kaiketsu .bg1 ul.items li {
    font-weight: bold;
    font-size: 2.8rem;
    border-bottom: 1px solid #b9b9b9;
    padding: 10px 50px;
    position: relative;
}

#home_kaiketsu .bg1 ul.items li::before {
    content: "";
    position: absolute;
    background: url(../images/check03.png) no-repeat 50% / contain;
    width: 30px;
    height: 28px;
    top: calc(50% - 14px);
    left: 0;
}

@media screen and (max-width: 1315px) {
    #home_kaiketsu .bg1 h2.main_ttl::before {
        top: -70px;
        left: 0;
    }
}

#home_kaiketsu .bg1 ul.items li:last-child {
    border-bottom: none;
}

#home_kaiketsu .kugiri_m.bg2 {
    padding-top: 55px;
    padding-bottom: 20px;
}

#home_kaiketsu .bg2 {
    background: url(../images/ha-doru.jpg) no-repeat 0 / auto 100% #254675;
    min-height: 215px;
}

#home_kaiketsu .bg2 p.main_lead {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
}

#home_kaiketsu .bg2 p.main_lead strong {
    font-size: 4.5rem;
    color: #ffea44;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　3大ポイント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_point {
    background: #e6eef8;
    position: relative;
}

#home_point.kugiri_m {
    padding-bottom: 85px;
}

#home_point p.img {
    position: absolute;
    bottom: 0;
    right: calc(50% - 800px);
}

@media screen and (max-width: 1680px) {
    #home_point p.img {
        right: 30px;
    }
}

#home_point ol.items {
    background: #fff;
    border: 1px solid #b0b0b0;
    counter-reset: point_cnt;
}

#home_point ol.items li {
    padding: 20px;
    border-bottom: 1px solid #b0b0b0;
    counter-increment: point_cnt;
}

#home_point ol.items li:last-child {
    border-bottom: none;
}

#home_point ol.items li.f_wrap {
    align-items: center;
}

#home_point ol.items li .area_a {
    width: 75px;
    height: 75px;
    background: #014099;
    border-radius: 50%;
    margin-right: 25px;
    padding: 15px;
}

#home_point ol.items li .area_a p {
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-top: 5px;
}

#home_point ol.items li .area_a p::after {
    content: counter(point_cnt, decimal-leading-zero);
    font-size: 3rem;
    display: block;
    font-family: 'Poppins', sans-serif;
}

#home_point ol.items li .area_b {
    align-items: center;
}

#home_point ol.items li .area_b h3 {
    font-size: 2.8rem;
    font-weight: bold;
    color: #014099;
    width: 240px;
    margin-right: 20px;
}

#home_point ol.items li .area_b p {
    width: 540px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　強み
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_usp .ttl_wrap {
    background: #014099;
}

#home_usp h2.cmn_ttl {
    padding: 50px 90px;
    color: #fff;
    display: table;
    margin: 0 auto;
}

#home_usp h2.cmn_ttl span.sub {
    color: #eedb45;
    font-size: 2.6rem;
}

#home_usp h2.cmn_ttl::before {
    background-image: url(../images/tantei_icon02.png);
    width: 75px;
    height: 100px;
    top: calc(50% - 50px);
    right: 0;
    left: auto;
}

#home_usp ol.items {
    counter-reset: cnt;
}

#home_usp li {
    padding: 80px 0;
    counter-increment: cnt;
}

#home_usp li:nth-child(odd) {
    background: no-repeat right calc(50% - 485px) bottom / auto 100% #e7edf8;
}

#home_usp li:nth-child(even) {
    background: no-repeat left calc(50% - 485px) bottom / auto 100% #fff;
}

#home_usp.lazyloaded li:nth-child(1) {
    background-image: url(../images/usp01.jpg);
}

#home_usp.lazyloaded li:nth-child(2) {
    background-image: url(../images/usp02.jpg);
}

#home_usp.lazyloaded li:nth-child(3) {
    background-image: url(../images/usp03.jpg);
}

#home_usp.lazyloaded li:nth-child(4) {
    background-image: url(../images/usp04.jpg);
}

#home_usp.lazyloaded li:nth-child(5) {
    background-image: url(../images/usp05.jpg);
}

#home_usp li:nth-child(odd) > div {
    padding-right: 600px;
}

#home_usp li:nth-child(even) > div {
    padding-left: 600px;
}

#home_usp h3.ttl {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

#home_usp li h3.ttl::before {
    font-size: 18rem;
    font-family: Bebas Neue;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: -60px;
    left: -100px;
    z-index: -1;
    content: counter(cnt, decimal-leading-zero);
}

@media screen and (max-width: 1415px) {
    #home_usp li:nth-child(odd) h3.ttl::before {
        left: 0;
    }
}

#home_usp li:nth-child(odd) h3.ttl::before {
    color: #fff;
}

#home_usp li:nth-child(even) h3.ttl::before {
    color: #e7edf8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　加盟店の声
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_voice.kugiri_m {
    padding-top: 60px;
    padding-bottom: 80px;
}

#home_voice .base_width {
    width: 980px;
}

#home_voice h2.cmn_ttl {
    padding-right: 270px;
    padding-left: 270px;
}

#home_voice h2.cmn_ttl::before {
    background-image: url(../images/voice_icon.png);
    width: 52px;
    height: 41px;
    left: calc(50% - 26px);
}

#home_voice ul.cmn_voice_list {
    margin-bottom: 40px;
    position: relative;
}

#home_voice ul.cmn_voice_list::before {
    content: "";
    background: url(../images/kameiten.png);
    width: 270px;
    height: 200px;
    position: absolute;
    top: -200px;
    right: 0;
}

#home_voice p.btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　開業資金
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_start {
    background: #e6eef8;
}

#home_start.kugiri_m {
    padding-top: 60px;
    padding-bottom: 80px;
}

#home_start .base_width {
    width: 980px;
}

#home_start h2.cmn_ttl::before {
    background-image: url(../images/money_icon.png);
    left: calc(50% - 33px);
    width: 66px;
    height: 55px;
}

#home_start div.items {
    margin-bottom: 30px;
}

#home_start div.items.f_wrap {
    justify-content: space-between;
}

#home_start div.items dl {
    width: 470px;
    text-align: center;
    border: 5px solid;
}

#home_start div.items dl.box1 {
    border-color: #2265c3;
    background: #2265c3;
}

#home_start div.items dl.box2 {
    border-color: #229fc3;
    background: #229fc3;
}

#home_start div.items dt {
    font-size: 2.6rem;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}

#home_start div.items .box1 dt {
    background: #2265c3;
}

#home_start div.items .box2 dt {
    background: #229fc3;
}

#home_start div.items dd {
    padding: 30px 10px 10px;
    background: #fff;
}

#home_start div.items dd p.price {
    font-size: 2.9rem;
    font-weight: bold;
    line-height: 1;
}

#home_start div.items dd p.price strong {
    font-size: 7.2rem;
    font-family: 'Poppins', sans-serif;
    color: #f00;
    padding: 0 5px;
}

#home_start div.items dd p.memo {
    font-size: 1.5rem;
}

#home_start p.btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ 創業補助金
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_banner.kugiri_m {
    padding-top: 65px;
    padding-bottom: 65px;
}

#home_banner.lazyloaded .bnr {
    background: url(../images/banner.jpg) no-repeat 0 / auto 100%;
    padding: 60px 310px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#home_banner h2.cmn_ttl {
    font-size: 3.6rem;
    color: #fff;
    padding-top: 20px;
    margin-bottom: 30px;
}

#home_banner h2.cmn_ttl strong {
    color: #eedb45;
}

#home_banner h2.cmn_ttl span.sub {
    font-size: 2.4rem;
    color: #fff;
    margin-bottom: 10px;
}

#home_banner h2.cmn_ttl::before {
    background-image: url("../images/banner_icon.png");
    width: 82px;
    height: 26px;
    top: -15px;
    left: calc(50% - 41px);
}

#home_banner p.btn {
    width: 290px;
    color: #014099;
}

#home_banner p.btn a {
    display: block;
    color: #014099;
    background: #fff;
    padding: 20px;
    border: none;
}

#home_banner p.btn a:hover {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ 開業までの流れ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_flow {
    background: #e6eef8;
}

#home_flow.kugiri_m {
    padding-top: 50px;
    padding-bottom: 80px;
}

#home_flow ol.items {
    justify-content: space-between;
    margin-bottom: 40px;
    counter-reset: flow_cnt;
}

#home_flow ol.items li {
    width: 210px;
    padding: 110px 20px 30px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    counter-increment: flow_cnt;
    line-height: 1;
}

#home_flow ol.items li::before {
    content: "";
    background: no-repeat 50% / contain;
    width: 51px;
    height: 41px;
    margin-bottom: 15px;
}

#home_flow ol.items li:nth-child(1)::before {
    background-image: url(../images/mail_icon.png);
}

#home_flow ol.items li:nth-child(2)::before {
    background-image: url(../images/setsumeikai_icon.png);
}

#home_flow ol.items li:nth-child(3)::before {
    background-image: url(../images/shinsa_icon.png);
}

#home_flow ol.items li:nth-child(4)::before {
    background-image: url(../images/keiyaku_icon.png);
}

#home_flow ol.items li:nth-child(5)::before {
    background-image: url(../images/open_icon.png);
}

#home_flow ol.items li::after {
    content: "";
    background: no-repeat 50% / contain;
    width: 25px;
    height: 20px;
    position: absolute;
    right: -32px;
    top: calc(50% - 1rem);
}

#home_flow ol.items li:nth-child(1)::after {
    background-image: url(../images/arrow.png);
}

#home_flow ol.items li:nth-child(2)::after {
    background-image: url(../images/arrow02.png);
}

#home_flow ol.items li:nth-child(3)::after {
    background-image: url(../images/arrow03.png);
}

#home_flow ol.items li:nth-child(4)::after {
    background-image: url(../images/arrow04.png);
}

#home_flow ol.items li span.inner {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    width: 210px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 70px 0;
    line-height: 1;
}

#home_flow ol.items li span.inner::after {
    content: counter(flow_cnt, decimal-leading-zero);
    font-size: 3.1rem;
    display: block;
    line-height: 1;
    margin-top: 5px;
    font-family: 'Poppins', sans-serif;
}

#home_flow ol.items li span.inner::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 0;
    bottom: -24.5px;
    border-width: 25px 105px 0 105px;
}

#home_flow ol.items li:nth-child(1) span.inner {
    background: #549bff;
}

#home_flow ol.items li:nth-child(2) span.inner {
    background: #1a79ff;
}

#home_flow ol.items li:nth-child(3) span.inner {
    background: #0064f1;
}

#home_flow ol.items li:nth-child(4) span.inner {
    background: #004ebc;
}

#home_flow ol.items li:nth-child(5) span.inner {
    background: #003783;
}

#home_flow ol.items li:nth-child(1) span.inner::before {
    border-color: #549bff transparent transparent transparent;
}

#home_flow ol.items li:nth-child(2) span.inner::before {
    border-color: #1a79ff transparent transparent transparent;
}

#home_flow ol.items li:nth-child(3) span.inner::before {
    border-color: #0064f1 transparent transparent transparent;
}

#home_flow ol.items li:nth-child(4) span.inner::before {
    border-color: #004ebc transparent transparent transparent;
}

#home_flow ol.items li:nth-child(5) span.inner::before {
    border-color: #003783 transparent transparent transparent;
}

#home_flow p.btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ メッセージ・ニュース
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_msg_news {
    background: #cee1f3;
}

#home_msg_news.kugiri_m {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ メッセージ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_msg .box {
    background: #fff;
    position: relative;
    min-height: 650px;
    padding: 130px 500px 90px 95px;
}

#home_msg .box::after {
    content: "";
    background: url(../images/message.png) no-repeat;
    position: absolute;
    width: 420px;
    height: 180px;
    top: -30px;
    left: -80px;
}

@media screen and (max-width: 1390px) {
    #home_msg .box::after {
        left: 0px;
    }
}

#home_msg p.img {
    position: absolute;
    bottom: 0;
    right: 0;
}

#home_msg .inner {
    position: relative;
}

#home_msg h2.main_ttl {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 30px;
}

#home_msg p.name {
    font-size: 3rem;
    font-weight: bold;
    margin-top: 80px;
    text-align: right;
    vertical-align: center;
}

#home_msg p.name span {
    font-size: 2rem;
    padding-right: 20px;
}

#home_msg .btns.f_wrap {
    justify-content: center;
}

#home_msg .btns {
    margin-top: -44px;
}

#home_msg .btns p.campany, #home_msg .btns p.aisatsu {
    width: 490px;
}

#home_msg .btns a {
    display: block;
    border: 2px solid #003989;
    padding: 25px 40px;
    font-size: 2rem;
    font-weight: bold;
    position: relative;
}

#home_msg .btns a:hover {
    opacity: 1;
}

#home_msg .btns p.campany a {
    color: #fff;
    background: #003989;
    border-right: none;
}

#home_msg .btns p.campany a:hover {
    color: #003989;
    background: #fff;
}

#home_msg .btns p.aisatsu a {
    color: #003989;
    background: #fff;
}

#home_msg .btns p.aisatsu a:hover {
    color: #fff;
    background: #003989;
}

#home_msg .btns a::after {
    content: "\e917";
    font-family: "icomoon";
    font-size: 30px;
    font-weight: normal;
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ ニュース
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news {
    padding-top: 60px;
}

#home_news .news_wrap.f_wrap {
    align-items: center;
    justify-content: space-between;
}

#home_news .news_wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

#home_news h2.main_ttl {
    font-size: 4.8rem;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    padding: 20px 0 100px;
    width: 170px;
}

#home_news p.btn {
    position: absolute;
    bottom: calc(50% - 60px);
    left: 0;
}

#home_news p.btn a.basic_btn01 {
    min-width: 150px;
    padding: 13px 30px;
    font-size: 1.6rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ メニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_menu ul.items li {
    position: relative;
    width: 33.3333%;
    overflow: hidden;
}

#home_menu ul.items li::before, #home_menu ul.items li::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#home_menu ul.items li::before {
    background: rgba(18, 31, 71, .7);
    z-index: 1;
    transition: opacity .3s;
}

#home_menu ul.items li::after {
    transition: all .5s ease;
    z-index: 0;
    background: no-repeat 50%;
}

#home_menu ul.items li:hover::before {
    opacity: 0;
}

#home_menu ul.items li:hover::after {
    transform: scale(1.1);
}

#home_menu.lazyloaded ul.items li.menu1::after {
    background-image: url("../images/footer_img01.jpg");
}

#home_menu.lazyloaded ul.items li.menu2::after {
    background-image: url("../images/footer_img02.jpg");
}

#home_menu.lazyloaded ul.items li.menu3::after {
    background-image: url("../images/footer_img03.jpg");
}

#home_menu ul.items li a {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    width: 100%;
    height: 360px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1;
    padding: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area {
    background: #003989;
}

#contact_area.kugiri_m {
    padding-top: 60px;
}

#contact_area ul.items.f_wrap {
    justify-content: space-between;
    align-items: center;
}

#contact_area ul li:nth-child(1) {
    padding: 15px 60px 15px 0;
    text-align: center;
    border-right: 1px solid #fff;
    width: 350px;
}

#contact_area ul li p.logo {
    width: 220px;
    margin: 0 auto 5px;
}

#contact_area ul li p.logo a {
    cursor: pointer;
}

#contact_area ul li p.addr {
    color: #fff;
    font-size: 1.6rem;
}

#contact_area ul li .tel_wrap {
    padding-left: 60px;
    position: relative;
    width: 280px;
}

#contact_area ul li .tel_wrap::before {
    content: "\e942";
    font-family: "icomoon";
    font-size: 3rem;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contact_area ul li p.tel {
    color: #fff;
}

#contact_area ul li p.tel a {
    font-size: 4.4rem;
    color: #fff;
    line-height: 1;
}

#contact_area ul li p.tel a:hover {
    text-decoration: none;
}

#contact_area ul li p.open {
    font-size: 1.5rem;
    color: #fff;
}

#contact_area ul li p.contact.btn {
    width: 480px;
}

#contact_area ul li p.contact a.basic_btn01 {
    width: 100%;
    padding: 45px;
}