@charset "utf-8";
/* CSS Document */

body {
    color: #474747;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic M", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*/

    /*/
		    height: auto;
		    overflow: hidden;
		    /**/
}

.clear {
    clear: both;
}

.inline_block {
    display: inline-block;
    display: inline;
    zoom: 1;
}

table {
    width: 100%;
}

a {
    color: #737373;
}

a:hover {
    color: #ff717b;
}

.p-pink {
    color: #ff717b;
}

.small-p{
    font-size: 0.8rem;
}

/* 汎用 */

.mb-10 {
    margin-bottom: 4rem !important;
}

.mb-15 {
    margin-bottom: 5rem !important;
}

.mb-20 {
    margin-bottom: 6rem !important;
}

.mb-25 {
    margin-bottom: 7rem !important;
}

.mb-30 {
    margin-bottom: 8rem !important;
}

.mb-35 {
    margin-bottom: 9rem !important;
}

.mb-40 {
    margin-bottom: 10rem !important;
}


.btn_01 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #68b100;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #b3d87f;
    transition: all 0.3s;
}

.btn_01:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
    transform: translate3d(4px, 4px, 4px)
}

.btn_02 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #ff717b;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #ffb8bd;
    transition: all 0.3s;
}

.btn_02:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
    transform: translate3d(4px, 4px, 4px)
}

.btn_03 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #7d7d7d;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #aaaaaa;
    transition: all 0.3s;
}

.btn_03:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
    transform: translate3d(4px, 4px, 4px)
}

.btn_04 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #fe7f47;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #f1c3af;
    transition: all 0.3s;
}
.btn_05 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #28a745;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #a0dbb9;
    transition: all 0.3s;
}


/*PC用*/
@media print, screen and (min-width: 641px){

.btn_04:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
    transform: translate3d(4px, 4px, 4px);
    z-index:-99999!important;
    
}

}

.btn_05 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #28a745;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #a0dbb9;
    transition: all 0.3s;
}


.btn_05:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
    transform: translate3d(4px, 4px, 4px)
}

.btn_06 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #06c755;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #a0dbb9;
    transition: all 0.3s;
}

.btn_06:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
    transform: translate3d(4px, 4px, 4px)
}

.btn_07 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #f59f00;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #dbd7a0;
    transition: all 0.3s;
}

.btn_07:hover {
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
    transform: translate3d(4px, 4px, 4px)
}


.btn_reset {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #7d7d7d;
    border: none;
    border-radius: 5px;
    transition: all 0.3s;
}

.btn_reset:hover {
    color: #ffffff;
    text-decoration: none;
    background: #a1a1a1;
}

.ui-datepicker-calendar .day-sunday>a,
.ui-datepicker-calendar .day-holiday>a {
    background: #ffc0c0;
}

.ui-datepicker-calendar .day-saturday>a {
    background: #c0d0ff;
}

.marker-pink {
    background: linear-gradient(transparent 60%, #ffcccc 0%);
}

.marker-green {
    background: linear-gradient(transparent 60%, #66ff66 0%);
}

.marker-orange {
    background: linear-gradient(transparent 60%, #ffc832 0%);
}

.marker-yellow {
    background: linear-gradient(transparent 60%, #F6D109 0%);
}


.youtube_640 {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.link-moderate {
    font-size: 14px !important;
    text-decoration: underline;
    margin: 0;
    padding-left: 1em;
    line-height: 1.5;
}

.link-moderate::before {
    content: "※";
    text-indent: 1em;
    margin-left: -1em;
}

.link-moderate:hover {
    text-decoration: none;
}

.implant_bnr {
    width: 600px;
    margin-top: 80px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;


}

.invisalign_bnr {
    width: 600px;
    margin-top: 80px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;


}

.i-arrow {
    color: #ffa970;
}


a.btn--green {
    color: #fff;
    background-color: #094;
}

a.btn--green:hover {
    color: #fff;
    background: #00a349;
}

a.btn--green.btn--cubic {
    border-bottom: 5px solid #00662d;
}

a.btn--green.btn--cubic:hover {
    margin-top: 3px;
    border-bottom: 2px solid #00662d;
}

a.btn-c {
    font-size: 24px;
    position: relative;
    /* padding: 10px 30px 10px 40px;
    border-radius: 100vh; */
}

a.btn-c i.fa {
    margin-right: 10px;
}

section.anchor {
    display: block;
    padding-top: 155px;
    margin-top: -155px;
}


/*PC用*/
@media print,
screen and (min-width: 641px) {
    .pc {
        display: block !important
    }

    .sp {
        display: none !important
    }

    .h_menu,
    #sp_global_nav {
        display: none;
    }

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

	header

	--------------------*/
    .fixed-top {
        background: rgba(255, 255, 255, 0.85);
    }

    header {
        width: 100%;
        padding: 10 0 0  40px;
        /* border-top: 8px solid #2fc052; */
    }

    .header-inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 auto;
        width: 98%;
        max-width: 1200px;
    }

    .header-logo {
        position: relative;
        margin: 25px;
    }
    .header-logo img{
        width:25%;
    }

    .header-logo a:hover img {
        opacity: 0.7;
        transition: 0.5s;
    }

    .header-logo .header-logo__text img.pc {
        display: inline !important;
        vertical-align: bottom;
        margin-left: 20px;
    }

    .header-detail {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex: 1;
        flex: 1;
        text-align: right;
    }

    .header-detail .header-detail__btn {
        -webkit-flex: 1;
        flex: 1;
        text-align: right;
    }

    .header-detail .header-detail__btn .btn_01,
    .header-detail .header-detail__btn .btn_02 {
        width: 100%;
        max-width: 160px;
        margin: 5px 8px;
        padding: 5px;
        text-align: center;
    }


    /* 山田歯科クリニック設定時追加*/

    .header-btn  {
        position: absolute;
        top: -2px;
        right: -45%;
        display: flex;
        gap: 0; /* 隙間をなくす */
        z-index: 1000;
    }

    
    .header-btn img{
        width: 11%;
    }


    .yoyaku_btn{
        display: flex;
        /* width: 50%; */
        gap: 20px;
        position: relative;
    }

    .yoyaku_btn img{
        width: 100%;
    }


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


    /* IE表示用のCSS　*/
    _:-ms-input-placeholder,
    :root .header-detail .header-detail__btn .btn_01,
    _:-ms-input-placeholder,
    :root .header-detail .header-detail__btn .btn_02 {
        padding: 8px 5px 3px;
    }

    /*
    .header-detail .header-detail__btn .btn_01 {
        padding: 5px 18px 5px 27px;
        background: url("../images/common/header_icon_02.png") no-repeat left 10px center, url("../images/common/arrow_04.png") no-repeat right 10px center, #68b100;
    }

    .header-detail .header-detail__btn .btn_02 {
        padding: 5px 18px 5px 28px;
        background: url("../images/common/header_icon_01.png") no-repeat left 15px center, url("../images/common/arrow_04.png") no-repeat right 10px center, #ff717b;
    }
    */

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

	nav

	--------------------*/
    nav {
        padding-bottom: 20px;
        text-align: center;
    }

    nav .global-nav {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        width: 98%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }

    /* IE表示用のCSS　*/
    _:-ms-input-placeholder,
    :root nav .global-nav {
        max-width: 1200px;
    }

    nav .global-nav li {
        position: relative;
        min-height: 38px;
        border-left: 1px solid #b8b8b8;
    }

    nav .global-nav li::after {
        content: "";
        display: block;
        background: rgba(255, 255, 255, 0);
        height: 4px;
        width: 90%;
        margin: auto;
    }

    nav .global-nav li:last-child {
        border-right: 1px solid #b8b8b8;
    }

    nav .global-nav li:hover::after {
        content: "";
        display: block;
        background: #ff717b;
        height: 4px;
        width: 90%;
        margin: auto;
        transition: 0.5s;
    }

    nav .global-nav li a {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        height: 100%;
        width: 100%;
        padding: 0 2.5vw;
        font-size: 1.34vw;
        font-weight: bold;
        line-height: 1.375;
        text-decoration: none;
    }

    nav .global-nav li:hover a {
        color: #ff717b;
        transition: 0.5s;
    }


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

	footer

	--------------------*/
    footer {
        position: relative;
        padding: 0;
        background: #F3FFEF;
    }

    /*--------------------
	.page-top 
	--------------------*/
    .page-top,
    .page-top-line,
    .page-top-clinic {
        position: fixed;
        bottom: 60px;
        right: 50px;
        width: 90px;
        height: 90px;
    }

    .page-top a,
    .page-top-line a,
    .page-top-clinic a {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        /* background: -moz-linear-gradient(left, rgb(22, 199, 54) 0%, rgb(176, 223, 35) 100%); */
        /* FF3.6-15 */
        /* background: -webkit-linear-gradient(left, rgba(22, 199, 5) 0%, rgba(176, 223, 35) 100%); */
        /* Chrome10-25,Safari5.1-6 */
        /* background: linear-gradient(to right, rgba(22, 199, 5) 0%, rgba(176, 223, 35) 100%); */
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /* border-radius: 45px; */
        /* border: 4px solid #ffffff; */
        /* transition: 0.3s; */
    }

    /* .page-top a:hover,
    .page-top-line a:hover,
    .page-top-clinic a:hover{
        background: #febfa3;
    } */

    /*--------------------
	.footer-detail 
	--------------------*/
    .footer-detail {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 35px 20px 20px;
    }

    .footer-detail .footer-detail__title {
        -webkit-flex-basis: 453px;
        flex-basis: 453px;
        max-width: 453px;
        margin-right: 30px;
    }

    .footer-detail .footer-detail__title img{
        width:70%;
    }

    .footer-detail .footer-detail__add {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin: 20px 0 0;
        color: #737373;
        font-size: 14px;
        font-weight: bold;
    }

    .footer-detail .footer-detail__add .tel {
        display: inline-block;
        margin-left: 20px;
        padding-left: 15px;
        background: url("../images/common/icon_tel.png") no-repeat left center;
    }

    /*--------------------
	.footer-nav 
	--------------------*/
    .footer-nav {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 40px;
        padding: 0 20px;
        list-style: none;
    }

    .footer-nav:after {
        content: "";
        display: block;
        width: 24%;
        height: 0;
    }

    .footer-nav:before {
        content: "";
        display: block;
        width: 24%;
        height: 0;
        order: 1;
    }

    .footer-nav li {
        -webkit-flex-basis: 24%;
        flex-basis: 24%;
        max-width: 24%;
        list-style: none;
        margin: 0 0 15px;
        padding: 0;
    }

    .footer-nav a {
        display: block;
        padding: 15px;
        font-size: 14px;
        font-weight: bold;
        background: url("../images/common/ya.png") no-repeat right 15px center, #ffffff;
        transition: 0.5s;
    }

    /* IE表示用のCSS　*/
    _:-ms-input-placeholder,
    :root .footer-nav a {
        padding: 15px 15px 10px 15px;
    }

    .footer-nav a:hover {
        color: #ffffff;
        text-decoration: none;
        background: url("../images/common/arrow_07.png") no-repeat right 15px center, #2fc052;
    }

    /*--------------------
	.footer--sns 
	--------------------*/
    .footer--sns {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 40px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: bold;
        list-style: none;
    }

    .footer--sns .footer--sns__title {
        margin: 0 10px 0 0;
        font-size: 14px;
        font-weight: bold;
    }

    .footer--sns a {
        margin: 0 10px;
    }

    .footer--sns a:hover img {
        opacity: 0.7;
        transition: 0.5s;
    }

    /*--------------------
	.footer-copy 
	--------------------*/
    .footer-copy,
    .footer-copy-line,
    .footer-copy-clinic {
        display: block;
        width: 100%;
        padding: 14px 5px;
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        background: #f3ffef;
    }

    /*--------------------
	.reserve-fixed
	--------------------*/

    .reserve {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        height: 80px;
        width: 100%;
    }

    .reserve_btn_01 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #3cc5de;
        box-shadow: 4px 4px 0 #9fd7e0;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 48%;
    }

    .reserve_btn_01 a {
        color: #ffffff;
        font-size: 25px !important;
        text-decoration: none;
    }

    .reserve_btn_02 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f56200;
        box-shadow: 4px 4px 0 #fab07f;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 48%;
    }

    .reserve_btn_02 a {
        color: #ffffff;
        font-size: 25px !important;
        text-decoration: none;
    }

    .reserve_btn_03 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #06c755;
        box-shadow: 4px 4px 0 #a0dbb9;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 48%;
    }

    .reserve_btn_03 a {
        color: #ffffff;
        font-size: 25px !important;
        text-decoration: none;
    }

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

	main

	----------------------------------------*/
    /*--------------------
	.下層共通 
	--------------------*/
    main {
        position: relative;
        margin: 170px auto 40px;
    }

    main .inner {
        width: 98%;
        max-width: 1020px;
        margin: 0 auto;
        padding: 0 10px;
    }

    main .inner_table {
        width: 98%;
        max-width: 780px;
        margin: 0 auto;
    }

    /* パンくず */
    .breadcrumbs {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 40px;

    }

    /* 画像のトリミング */
    main .img-fluid {
        border-radius: 5px;
        margin-bottom: 10px;
    }

    /* 見出し */
    main .headline01 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 98%;
        max-width: 1200px;
        height: 260px;
        margin: 0 auto 30px;
        padding: 0 10px;
        color: #ffffff;
        font-size: 36px;
        font-weight: bold;
        background: url("../images/sample/page-title.jpg") no-repeat top center / auto 100%;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    }

    main .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
    }

    /* main .headline02::after {
        content: "";
        display: block;
        background: #2fc052;
        height: 4px;
        width: 65px;
        margin: 10px auto 0;
    } */

    main .headline03 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 55px;
        color: #54af2b;
        font-size: 26px;
        font-weight: bold;
        text-align: center;
    }

    main .headline04 {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding: 0 20px 10px;
        font-size: 24px;
        font-weight: bold;
    }

    main .headline04::before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        display: block;
        background: #d9d9d9;
        height: 2px;
        width: 100%;
        margin-top: 10px;
    }

    main .headline04::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        display: block;
        background: #55AF2B;
        height: 3px;
        width: 210px;
        margin-top: 10px;
    }

    main .headline05 {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding-left: 1em;
        font-size: 20px;
        font-weight: bold;
    }

    main .headline05::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: inline-block;
        background: #55AF2B;
        height: 22px;
        width: 4px;
        vertical-align: middle;
    }

    main .headline06 {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding-left: 1em;
        font-size: 20px;
        font-weight: bold;
    }

    main .headline06::before {
        position: absolute;
        top: 8px;
        left: 0;
        content: "";
        display: inline-block;
        background: #52c5dc;
        height: 8px;
        width: 8px;
        border-radius: 4px;
    }

    main .headline07 {
        margin-bottom: 5px;
        font-size: 20px;
        font-weight: bold;
    }

    /* 本文 */
    main p {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 1em;
        font-size: 16px;
        line-height: 1.875;
        font-family: "dnp-shuei-mgothic-std", sans-serif;
        color: #505050;
    }

    /* キャプション */
    main .cap {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 1em;
        font-size: 14px;
        line-height: 1.85;
    }

    /* 注釈 */
    main .note {
        width: 100%;
        max-width: 1000px;
        margin: 0;
        padding-left: 1em;
        font-size: 14px;
        line-height: 1.5;
    }

    main .note::before {
        content: "※";
        text-indent: 1em;
        margin-left: -1em;
    }

    /* 背景 */
    main .bg01 {
        width: 100%;
        padding: 40px 10px;
        background: #ecfaee;
    }

    main .bg01 .inner {
        width: 100%;
        max-width: 1000px;
        padding: 0;
    }

    main .bg01 .box {
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 40px;
        background: #ffffff;
    }

    main .bg02 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 40px;
        background: #ecfaee;
    }

    main .bg03 {
        width: 100%;
        padding: 40px 10px;
        background: #f3ffef;
    }

    main .bg03 .inner {
        width: 100%;
        max-width: 1000px;
        padding: 0;
    }

    main .bg03 .box {
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 40px;
        background: #ffffff;
    }

    main .bg04 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 40px;
        background: #ecfaee;
    }

    /* カラム */
    main .w100 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w73 {
        -webkit-flex-basis: 73%;
        flex-basis: 73%;
        max-width: 73%;
    }

    main .w70 {
        -webkit-flex-basis: 70%;
        flex-basis: 70%;
        max-width: 70%;
    }

    main .w63 {
        -webkit-flex-basis: 63%;
        flex-basis: 63%;
        max-width: 63%;
    }

    main .w49 {
        -webkit-flex-basis: 49%;
        flex-basis: 49%;
        max-width: 49%;
    }

    main .w48 {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
    }

    main .w33 {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
        max-width: 33%;
    }

    main .w32 {
        -webkit-flex-basis: 32%;
        flex-basis: 32%;
        max-width: 32%;
    }

    main .w30 {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
        max-width: 30%;
    }

    main .w23 {
        -webkit-flex-basis: 23%;
        flex-basis: 23%;
        max-width: 23%;
    }

    /* 3カラムで最後の列を左寄せにする */
    main .column3::after {
        content: "";
        display: block;
        width: 32%;
    }

    /* 4カラムで最後の列を左寄せにする */
    main .column4::before {
        content: "";
        display: block;
        width: 23%;
        order: 1;
    }

    main .column4::after {
        content: "";
        display: block;
        width: 23%;
    }

    /* モーダル */
    main .bs-lbox {
        position: relative;
        display: block;
    }

    main .bs-lbox::after {
        content: "";
        display: block;
        background: url("../images/common/icon_modal.png") no-repeat left top;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        bottom: 20px;
    }

    .modal-content {
        width: auto;
        margin: auto;
        background: none;
        border: none;
    }

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

    /* テキストボックス */
    main .textbox01 {
        width: 98%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 40px;
        background: #ffffff;
        border: 3px solid #d2d2d2;
        border-radius: 5px;
    }

    main .textbox02 {
        width: 98%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 40px;
        background: #f3f3f3;
        border: 3px solid #d2d2d2;
        border-radius: 5px;
    }

    /* テキストボックスに下矢印をつける */
    main .root-arrow {
        position: relative;
        margin-bottom: 50px !important;
    }

    main .root-arrow::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -35px;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 20px solid #2fc052;
    }

    /* リスト */
    main .list01 {
        width: 98%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
        list-style: none;
    }

    main .list01 li::before {
        content: "●";
        color: #ff717b;
        font-size: 10px;
        text-indent: 2em;
        margin-left: -2em;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

    main .list02 {
        width: 98%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
        list-style: none;
    }

    main .list02 li::before {
        content: "●";
        color: #68b100;
        font-size: 10px;
        text-indent: 2em;
        margin-left: -2em;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

    main .list03 {
        width: 98%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
        list-style: none;
    }

    main .list03 li::before {
        content: "●";
        color: #fe7f47;
        font-size: 10px;
        text-indent: 2em;
        margin-left: -2em;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

    main .list-ol {
        width: 98%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
    }

    /* リンク */
    main .link-out,
    main .link-pdf,
    main .link-excel,
    main .link-word,
    main .link-mail {
        display: inline-block;
        text-decoration: underline;
    }

    main .link-out:hover,
    main .link-pdf:hover,
    main .link-excel:hover,
    main .link-word:hover,
    main .link-mail:hover {
        text-decoration: none;
    }

    main .link-pdf::after,
    main .link-excel::after,
    main .link-word::after,
    main .link-mail::after,
    main .link-attach::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/arrow_12.png") no-repeat right center;
    }

    main .link-arrow {
        display: inline-block;
        padding-right: 15px;
        line-height: 1.4;
        background: url("../images/common/arrow_12.png") no-repeat right center;
    }

    main .link-out::after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: middle;
        background: url("../images/common/icon_out.png") no-repeat right center;
    }

    main .link-pdf::before {
        content: "";
        display: inline-block;
        width: 23px;
        height: 23px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_pdf.png") no-repeat right center / auto 23px;
    }

    main .link-excel::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 23px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_excel.png") no-repeat right center;
    }

    main .link-word::before {
        content: "";
        display: inline-block;
        width: 26px;
        height: 23px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_word.png") no-repeat right center / auto 23px;
    }

    main .link-mail::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 19px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_mail_01.png") no-repeat right center;
    }

    /* リンク（枠あり） */
    main .linkbox-out,
    main .linkbox-pdf,
    main .linkbox-excel,
    main .linkbox-word,
    main .linkbox-mail {
        display: inline-block;
        min-height: 50px;
        margin: 10px 5px;
        padding: 9px 15px;
        font-weight: bold;
        border: 3px solid;
        border-radius: 5px;
    }

    main .linkbox-out:hover,
    main .linkbox-pdf:hover,
    main .linkbox-excel:hover,
    main .linkbox-word:hover,
    main .linkbox-mail:hover {
        text-decoration: none;
        opacity: 0.6;
    }

    main .linkbox-out {
        color: #ff717b;
        border-color: #ff717b;
        background-color: #ffffff;
    }

    main .linkbox-out::after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: middle;
        background: url("../images/common/icon_out.png") no-repeat right center;
    }

    main .linkbox-pdf {
        padding: 10px 40px 10px 55px;
        background: url("../images/common/icon_pdf.png") no-repeat left 20px center, url("../images/common/arrow_08.png") no-repeat right 20px center;
        border-color: #c3000d;
    }

    main .linkbox-excel {
        padding: 10px 40px 10px 55px;
        background: url("../images/common/icon_excel.png") no-repeat left 20px center, url("../images/common/arrow_10.png") no-repeat right 20px center;
        border-color: #06c286;
    }

    main .linkbox-word {
        padding: 10px 40px 10px 55px;
        background: url("../images/common/icon_word.png") no-repeat left 20px center, url("../images/common/arrow_09.png") no-repeat right 20px center;
        border-color: #1dace0;
    }

    main .linkbox-mail {
        padding: 10px 40px 10px 55px;
        color: #ff717b;
        background: url("../images/common/icon_mail_02.png") no-repeat left 20px center, url("../images/common/arrow_11.png") no-repeat right 20px center;
        border-color: #ff717b;
    }

    /* リンク（添付ファイル） */
    main .link-attach {
        display: inline-block;
        padding: 0 1em 0 1.5em;
        text-decoration: underline;
    }

    main .link-attach:hover {
        text-decoration: none;
    }

    main .link-attach::before {
        content: "";
        display: inline-block;
        width: 1.5em;
        height: 17px;
        text-indent: 1.5em;
        margin-left: -1.5em;
        vertical-align: middle;
        background: url("../images/common/icon_attach.png") no-repeat left center;
    }

    main .link01 {
        display: inline-block;
        margin: 5px;
        padding: 6px 50px 6px 30px;
        color: #ffffff;
        background: url("../images/common/arrow_04.png") no-repeat right 15px center #ff717b;
        border: none;
        border-radius: 5px;
        transition: all 0.3s;
    }

    main .link01:hover {
        box-shadow: none;
        text-decoration: none;
        background: url("../images/common/arrow_04.png") no-repeat right 15px center #FFB8BD;
    }

    main .link01.active {
        color: #2fc052;
        background: url("../images/common/arrow_02.png") no-repeat right 15px center #ffffff;
        border: 1px solid #2fc052;
    }

    main .link02 {
        display: inline-block;
        margin: 5px;
        padding: 6px 50px 6px 30px;
        color: #ffffff;
        background: url("../images/common/arrow_04.png") no-repeat right 15px center #fe7f47;
        border: none;
        border-radius: 5px;
        transition: all 0.3s;
    }

    main .link02:hover {
        box-shadow: none;
        text-decoration: none;
        background: url("../images/common/arrow_04.png") no-repeat right 15px center #feb595;
    }

    main .link02.active {
        color: #fe7f47;
        background: url("../images/common/arrow_13.png") no-repeat right 15px center #ffffff;
        border: 1px solid #fe7f47;
    }

    main .link-img img {
        transition: 0.3s;
    }

    main .link-img h3 {
        text-decoration: none;
    }

    main .link-img p {
        display: inline-block;
        width: auto;
        margin-bottom: 20px;
        padding-right: 15px;
        line-height: 1.4;
        text-decoration: underline;
        background: url("../images/common/arrow_12.png") no-repeat right center;
        transition: 0.3s;
    }

    main .link-img:hover {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-img:hover img {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-img:hover h3 {
        text-decoration: none;
    }

    main .link-img:hover p {
        text-decoration: none;
    }

    main .link-in img {
        transition: 0.3s;
    }

    main .link-in h3 {
        text-decoration: none;
    }

    main .link-in p {
        position: relative;
        width: auto;
        margin-bottom: 20px;
        line-height: 1.4;
        text-align: center;
        transition: 0.3s;
    }

    main .link-in p::after {
        content: "▼";
        display: block;
        font-size: 12px;
        color: #ff717b;
    }

    main .link-in:hover {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-in:hover img {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-in:hover h3 {
        text-decoration: none;
    }

    main .link-in:hover p {
        color: #ff717b;
    }

    /* ボタン */
    main .btn_contact {
        display: block;
        width: 98%;
        max-width: 500px;
        margin: 10px auto;
        padding: 30px 10px;
        color: #ffffff;
        text-align: center;
        background: #68b100;
        border-radius: 5px;
        box-shadow: 6px 6px 0 #b3d87f;
        transition: all 0.3s;
    }

    main .btn_contact:hover {
        box-shadow: none;
        transform: translate3d(6px, 6px, 6px)
    }

    main .btn_contact img {
        width: 100%;
        max-width: 443px;
    }

    /* table */
    main .table01,
    main .table02,
    main .table03 {
        width: 98%;
        max-width: 780px;
        margin: 10px auto;
        border: 1px solid #b8b8b8;
    }

    main .table01 th,
    main .table01 td,
    main .table02 th,
    main .table02 td,
    main .table03 th,
    main .table03 td {
        padding: 10px 25px;
        border: 1px solid #b8b8b8;
    }

    main .table01 td,
    main .table02 td,
    main .table03 td {
        background: #ffffff;
    }

    main .table01 thead th {
        background:  #F3FFEF;
    }

    main .table01 thead th:first-child {
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
        background: #55AF2B;
    }

    main .table01 tbody th {
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        text-align: center;
        background: #55AF2B;
    }

    main .table01 tbody tr:last-child th {
        border-bottom: 1px solid #b8b8b8;
    }

    main .table02 th {
        color: #ffffff;
        background: #55AF2B;
        border-bottom: 1px solid #ffffff;
    }

    main .table02 tr:last-child th {
        border-bottom: 1px solid #b8b8b8;
    }

    main .table03 thead th {
        color: #ffffff;
        background: #55AF2B;
        border-right: 1px solid #ffffff;
    }

    main .table03 thead th:last-child {
        border-right: 1px solid #b8b8b8;
    }

    main table .bg_pink_p {
        background: #ddffe3 !important;
    }

    main table .bg_pink {
        background: #ff717b !important;
    }

    main table .bg_orange {
        background: #fe7f47 !important;
    }

    main table .bg_green {
        background: #68b100 !important;
    }

    main table .bg_blue {
        background: #58a0dd !important;
    }

    main .table01.w100,
    main .table02.w100,
    main .table03.w100 {
        width: 100%;
        max-width: 1000px;
    }

    /* 下層診療時間(歯科を除く) */
    main .timetable {
        width: auto;
        margin: 0;
    }

    main .timetable th,
    main .timetable td {
        padding: 10px 2px;
    }

    main .timetable th:first-child {
        width: 10em;
        font-weight: normal;
    }

    main .timetable th:last-child {
        width: 5em;
    }

    /* Q&A */
    main .qa {
        width: 98%;
        max-width: 1000px;
        margin: 30px auto;
        padding-right: 50px;
    }

    main .qa dt {
        min-height: 46px;
        padding-left: 55px;
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: bold;
        background: url("../images/common/q.png") no-repeat left top;
    }

    main .qa dd {
        min-height: 41px;
        padding-left: 50px;
        margin: 0 30px 50px;
        background: url("../images/common/a.png") no-repeat left top;
    }

    /* 詳細ページのページャー */
    main .btn a {
        display: inline-block;
        width: auto;
        max-width: 44%;
        position: relative;
        margin: 0 5px;
        padding: 5px 10px;
        color: #ffffff;
        text-align: left;
        background: #ff717b;
        border-radius: 5px;
    }

    main .btn a.prev {
        -webkit-order: 1;
        order: 1;
        margin: 0 3% 10px 0;
        padding: 5px 10px 5px 30px;
    }

    main .btn a.list {
        -webkit-order: 3;
        order: 3;
        width: 20%;
        height: 34px;
        margin: 0 40%;
        padding: 5px 10px;
        text-align: center;
    }

    main .btn a.next {
        -webkit-order: 2;
        order: 2;
        margin: 0 0 10px 3%;
        padding: 5px 30px 5px 10px;
    }

    main .btn a.prev::before {
        content: "<";
        display: block;
        height: 15px;
        width: 15px;
        position: absolute;
        left: 10px;
        top: 50%;
        bottom: 0;
        margin-top: -12px;
        color: #ffffff;
    }

    main .btn a.next::after {
        content: ">";
        display: block;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 10px;
        top: 50%;
        bottom: 0;
        margin-top: -12px;
        color: #ffffff;
    }

    main .btn a:hover {
        text-decoration: none;
        opacity: 0.7;
    }

    /* form */
    main .form {
        width: 90%;
        margin: auto;
    }

    main .form dt,
    main .form dd {
        padding: 20px;
    }

    main .form dt {
        width: 20%;
        border-bottom: 2px solid #ff717b;
    }

    main .form dt .link {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
    }

    main .form dd {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        width: 80%;
        margin: 0;
        border-bottom: 2px solid #d2d2d2;
    }

    main .form dt:first-of-type,
    main .form dd:first-of-type {
        width: 100%;
    }

    main .form dd.req_group {
        align-items: flex-start;
    }

    main .form dd p {
        -webkit-flex: 1;
        flex: 1;
        margin: 0;
    }

    main .form dd div {
        -webkit-flex: 1;
        flex: 1;
    }

    main .form dd label {
        margin: 0;
    }

    main .form dd .kind label {
        display: block;
    }

    main .form dd .datatime {
        flex: auto;
        width: calc(100% - 70px);
    }

    main .form dd .datatime .datepicker {
        width: 150px;
    }

    main .form dd input[type="text"],
    main .form dd textarea {
        width: 100%;
        min-height: 42px;
        margin: 5px;
        padding: 5px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
    }

    main .form dd input[name="sc_name"],
    main .form dd input[name="sc_kana"],
    main .form dd input[name="sc_tel"],
    main .form dd input[name="sc_mail"] {
        width: 250px;
    }

    main .form dd input[name="sc_company"] {
        width: 400px;
    }

    main .form dd input[type="checkbox"],
    main .form dd input[type="radio"] {
        margin: 5px;
    }

    main .form dd select {
        margin: 5px;
        padding: 5px;
        height: 42px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
    }

    main .form dd .zip input {
        width: 150px;
    }

    main .form dd .zip .note {
        font-size: 14px;
    }

    main .form dd .req {
        -webkit-flex-basis: 80px;
        flex-basis: 80px;
        max-width: 80px;
    }

    main .form dd .req span {
        display: inline-block;
        padding: 2px 5px;
        color: #ffffff;
        font-size: 14px;
        background: #ff0000;
        border-radius: 5px;
    }

    main .error.attention {
        width: 90%;
        margin: 40px auto 0;
        color: #ff0000;
        font-size: 100%;
        font-weight: bold;
    }

    main .form dd .note_nom {
        margin-left: 2em;
        text-indent: -2em;
    }

    /*----------------------------------------
	ここから、個別ページ指定
	----------------------------------------*/
    /*--------------------

	トップページ

	--------------------*/
    /*--------------------
	.mainvisual 
	--------------------*/
    .mainvisual {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto 20px;
        padding: 0 10px;
    }

    .slider {
        padding: 0;
    }

    .slider li img {
        width: 100%;
        margin: 0 auto;
    }

    .slide-arrow {
        position: absolute;
        top: 50%;
        z-index: 1;
        margin-top: -15px;
    }

    .prev-arrow {
        left: -10px;
    }

    .next-arrow {
        right: -10px;
    }

    .slick-dots li button:before {
        font-size: 25px;
    }

    .slick-dots li.slick-active button:before {
        color: #ff717b;
    }

    /*--------------------
	.greeting
	--------------------*/
    .greeting {
        margin-top: 60px;
        text-align: center;
        background: #ddffe3;
    }

    .greeting .greeting__inner {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 50px 0 35px;
        background: url("../images/top/greeting_bg.png") no-repeat right bottom;
    }

    .greeting .greeting__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .greeting .headline03 {
        margin-bottom: 25px;
    }

    .greeting .text {
        width: 75%;
        margin-bottom: 40px;
        color: #737373;
        font-weight: bold;
    }


    /*--------------------
	.feature 
	--------------------*/
    .feature {
        width: 100%;
        margin: 55px auto 0;
        padding: 0 10px;
    }

    .feature .feature__title {
        margin-bottom: 0;
        text-align: center;
    }

    .feature .feature__title img {
        width: auto;
        max-width: 100%;
    }

    .feature .feature__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .feature .feature__list li {
        -webkit-flex-basis: 33.3%;
        flex-basis: 33.3%;
        max-width: 33.3%;
        display: -webkit-flex;
        display: flex;
        flex-direction: -webkit-column;
        flex-direction: column;
        padding: 25px 5px 15px;
        text-align: center;
    }

    .feature .feature__list li:nth-child(1) {
        background: url("../images/top/feature_bg_01.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(2) {
        background: url("../images/top/feature_bg_02.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(3) {
        background: url("../images/top/feature_bg_03.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(4) {
        background: url("../images/top/feature_bg_04.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(5) {
        background: url("../images/top/feature_bg_05.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(6) {
        background: url("../images/top/feature_bg_06.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(7) {
        background: url("../images/top/feature_bg_07.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(8) {
        background: url("../images/top/feature_bg_08.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(9) {
        background: url("../images/top/feature_bg_09.jpg") no-repeat center top / cover;
    }

    .feature .feature__list .feature__list--title {
        margin-bottom: 20px;
    }

    .feature .feature__list .feature__list--title img {
        width: auto;
        max-width: 100%;
    }

    .feature .feature__list .feature__list--btn {
        display: block;
        margin-top: auto;
    }

    .feature .feature__list .feature__list--btn a {
        position: relative;
        display: block;
        width: 100%;
        max-width: 236px;
        margin: auto;
        font-weight: bold;
        height: 44px;
        padding: 10px;
        text-align: center;
        background: url("../images/top/feature_btn_off.png") no-repeat center center / 100% 100%;
    }

    .feature .feature__list .feature__list--btn a:hover {
        color: #ffffff;
        text-decoration: none;
        background: url("../images/top/feature_btn_on.png") no-repeat center center / 100% 100%;
        transition: 0.5s;
    }

    /*--------------------
	.subject 
	--------------------*/
    .subject {
        width: 100%;
        margin: auto;
        padding: 70px 10px 0;
    }

    .subject .subject__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .subject .subject__text {
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    .subject .subject__list {
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        list-style: none;
    }

    .subject .subject__list::after {
        content: "";
        display: block;
        width: 24%;
        height: 0;
    }

    .subject .subject__list::before {
        content: "";
        display: block;
        width: 24%;
        height: 0;
        order: 1;
    }

    .subject .subject__list li {
        -webkit-flex-basis: 24%;
        flex-basis: 24%;
        max-width: 24%;
        margin-bottom: 20px;
        background: url("../images/top/subject_arrow_01_off.png") no-repeat center right 12px, #ffffff;
        border: 3px solid #ff717b;
        transition: 0.5s;
    }

    .col3 {
        -webkit-flex-basis: 32% !important;
        flex-basis: 32% !important;
        max-width: 32% !important;
    }

    .subject .subject__list li a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 15px 30px 15px 25px;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        font-weight: bold;
    }

    .irregular_teeth {
        display: inline-block !important;
        text-align: center !important;
    }

    .subject .subject__list li a span {
        width: 100%;
        font-size: 16px;
    }


    .subject .subject__list li:hover {
        background: url("/images/top/subject_arrow_01_on.png") no-repeat center right 12px, #ff717b;
    }

    .subject .subject__list li:hover a {
        color: #ffffff;
        text-decoration: none;
    }

    .subject .subject__list .current {
        background: url("/images/top/subject_arrow_01_on.png") no-repeat center right 12px, #ff717b;
    }

    .subject .subject__list li.current a {
        color: #ffffff;
        text-decoration: none;
    }

    .subject .subject__list li.outside {
        background: url("../images/top/subject_arrow_02_off.png") no-repeat center right 12px, #ffffff;
        border: 3px solid #fe7f47;
    }

    .subject .subject__list li.outside:hover {
        background: url("../images/top/subject_arrow_02_on.png") no-repeat center right 12px, #fe7f47;
    }

    .subject .subject__bnr {
        margin-top: 30px;
        text-align: center;
    }

    .subject .subject__bnr a:hover img {
        opacity: 0.7;
        transition: 0.5s;
    }

    .subject .subject__bnr img {
        width: 100%;
        max-width: 775px;
    }

    .subject .subject__bnr .pc {
        display: inline-block !important;
    }

    /*--------------------
	.commitment 
	--------------------*/
    .commitment {
        width: 100%;
        margin: 60px auto 0;
        padding: 50px 10px 0;
        background: #fff4d7;
    }

    .commitment .commitment__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .commitment .commitment__inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: 1000px;
        margin: auto;
    }

    .commitment .commitment__img {
        margin-right: 20px;
    }

    .commitment .commitment__inbox {
        flex: -webkit-1;
        flex: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        list-style: none;
        margin: 0 0 30px;
        padding: 0;
    }

    .commitment .commitment__list {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
        list-style: none;
        margin: 0 0 30px;
        padding: 0;
    }

    .commitment .commitment__list li {
        margin-bottom: 15px;
        background: #ffffff;
        border-radius: 5px;
    }

    .commitment .commitment__list li:hover {
        background: #ff717b;
    }

    .commitment .commitment__list li a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 15px 40px;
        font-size: 18px;
        font-weight: bold;
        background: url("../images/top/commitment_icon_off.png") no-repeat center left 13px, url("../images/common/arrow_02.png") no-repeat center right 13px;
        transition: 0.5s;
    }

    .commitment .commitment__list li a:hover {
        color: #ffffff;
        text-decoration: none;
        background: url("../images/top/commitment_icon_on.png") no-repeat center left 13px, url("../images/common/arrow_04.png") no-repeat center right 13px;
    }

    /*--------------------
	.worry 
	--------------------*/
    .worry {
        width: 100%;
        margin: auto 0;
        padding: 50px 10px;
        background: url("../images/top/worry_bg.jpg") no-repeat left top / cover;
    }

    .worry .worry__inner {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 50px;
        background: #ffffff;
        border-radius: 10px;
    }

    .worry .worry__title {
        margin-bottom: 10px;
        text-align: center;
    }

    .worry .worry__subtitle {
        margin-bottom: 0;
    }

    .worry .worry__subtitle img {
        width: auto;
        max-width: 100%;
    }

    .worry .worry__img {
        position: absolute;
        right: 50px;
        bottom: -50px;
    }

    .worry .worry__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .worry .worry__list.list_01 {
        background: url("../images/common/line_01.png") repeat-x left bottom;
    }

    .worry__list div {
        position: relative;
    }

    .worry .worry__list.list_01 div {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
        max-width: 30%;
    }

    .worry .worry__list.list_02 div {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
        margin-bottom: 20px;
    }

    .worry__list span {
        display: block;
        width: 100%;
        padding: 5px 50px 5px 5px;
        cursor: pointer;
        color: #737373;
        font-size: 18px;
        font-weight: bold;
        box-sizing: border-box;
    }

    .worry__list.list_01 span {
        border: 2px solid #ff717b;
        background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -moz-linear-gradient(right, rgba(255, 113, 123, 1) 0%, rgba(255, 113, 123, 1) 50px, rgba(255, 255, 255, 1) 51px, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -webkit-linear-gradient(right, rgba(255, 113, 123, 1) 0%, rgba(255, 113, 123, 1) 50px, rgba(255, 255, 255, 1) 51px, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: url("../images/top/worry_arrow.png") no-repeat center right 15px, linear-gradient(to left, rgba(255, 113, 123, 1) 0%, rgba(255, 113, 123, 1) 50px, rgba(255, 255, 255, 1) 51px, rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .worry__list.list_02 span {
        border: 2px solid #fe7f47;
        /*		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -moz-linear-gradient(right,  rgba(254,127,71,1) 0%, rgba(254,127,71,1) 50px, rgba(255,255,255,1) 51px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        
        /*		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -webkit-linear-gradient(right,  rgba(254,127,71,1) 0%,rgba(254,127,71,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        
        /*		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, linear-gradient(to left,  rgba(254,127,71,1) 0%,rgba(254,127,71,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        
    }

    .worry__list.list_02 a {
        display: block;
        width: 100%;
        padding: 5px 5px 5px 5px;
        font-size: 18px;
        font-weight: bold;
        box-sizing: border-box;
        border: 2px solid #fe7f47;
    }

    .worry__list.list_02 a:hover {
        background: #fe7f47;
        color: #ffffff;
        text-decoration: none;
    }

    .worry__list ul {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 1;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #feeae8;
    }

    .worry__list.list_01 ul {
        border: 2px solid #ff717b;
        border-top: none;
    }

    .worry__list.list_02 ul {
        border: 2px solid #fe7f47;
        border-top: none;
    }

    .worry__list li a {
        display: block;
        padding: 5px;
        font-size: 16px;
        text-decoration: none;
    }

    .worry__list.list_01 li a:hover {
        background: #ff717b;
        color: #ffffff;
        text-decoration: none;
    }

    .worry__list.list_02 li a:hover {
        background: #fe7f47;
        color: #ffffff;
        text-decoration: none;
    }


    /*.worry__list .dropdwn{
		max-width: 900px;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.worry__list .list_01 {
		background: url("../images/common/line_01.png") repeat-x left bottom;
	}

	.worry__list ul{
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		color: #fff;
	}
	.worry__list .dropdwn li{
		max-width: calc(900px/3);
		position: relative;
		padding: 5px 50px 5px 5px;
		display: block;
		cursor: pointer;
	}

	.worry__list .dropdwn.list_02 li{
		max-width: calc(900px/2) !important;
	}

	.worry__list .dropdwn>li{
		width: 30%;
		margin: 1px;
		display: inline;
		color: #737373;
		font-size: 18px;
		font-weight: bold;
		border: 2px solid #ff717b;
		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -moz-linear-gradient(right,  rgba(255,113,123,1) 0%, rgba(255,113,123,1) 50px, rgba(255,255,255,1) 51px, rgba(255,255,255,1) 100%); /* FF3.6-15 
		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -webkit-linear-gradient(right,  rgba(255,113,123,1) 0%,rgba(255,113,123,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%);*/
    /* Chrome10-25,Safari5.1-6 
		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, linear-gradient(to left,  rgba(255,113,123,1) 0%,rgba(255,113,123,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
		box-sizing: border-box;	
	}*/

    /*.worry__list .dropdwn.list_02>li{
		width: 48% !important;
		margin: 1px;
		margin-bottom: 20px;
		display: inline;
		color: #737373;
		font-size: 18px;
		font-weight: bold;
		border: 2px solid #fe7f47;
		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -moz-linear-gradient(right,  rgba(254,127,71,1) 0%, rgba(254,127,71,1) 50px, rgba(255,255,255,1) 51px, rgba(255,255,255,1) 100%); /* FF3.6-15 
		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -webkit-linear-gradient(right,  rgba(254,127,71,1) 0%,rgba(254,127,71,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%);*/
    /* Chrome10-25,Safari5.1-6 
		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, linear-gradient(to left,  rgba(254,127,71,1) 0%,rgba(254,127,71,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
		box-sizing: border-box;	
	}*/

    /*.worry__list .dropdwn>li:not(:nth-child(3n)){
		margin-right: 3%;
	}

	.worry__list .dropdwn.list_02>li:not(:nth-child(3n)){
		margin-right: 0;
	}

	.worry__list .dropdwn.list_02>li:not(:nth-child(2n)){
		margin-right: 2%;
	}

	.worry__list .dropdwn_menu{
		width: calc(100% + 4px);
		display: none;
		position: absolute;
		z-index: 1;
		margin-left: -7px;
		margin-top: 5px;
		padding: 0;
		background: #feeae8;
		border: 2px solid #ff717b;
		box-sizing: border-box;

	}

	.worry__list .list_02 .dropdwn_menu{
		border: 2px solid #fe7f47;

	}

	.worry__list .dropdwn_menu li{
		width: 100%;
		padding: 0;
	}

	.worry__list .dropdwn_menu li a{
		display: block;
		padding: 5px;
		font-size: 16px;
	}

	.worry__list li a:hover{
		background: #ff717b;
		color: #ffffff;
		text-decoration: none;
	}

	.worry__list .list_02 li a:hover{
		background: #fe7f47;
		color: #ffffff;
		text-decoration: none;
	}*/

    .worry .worry__text {
        margin-top: 35px;
        padding-right: 160px;
        text-align: right;
    }

    .worry .worry__text img {
        max-width: 100%;
    }

    /*--------------------
	.flow 
	--------------------*/
    .flow {
        width: 100%;
        margin: auto;
        padding: 70px 10px 50px;
    }

    .flow .flow__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .flow .flow__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        list-style: none;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding: 0;
    }

    .flow .flow__list li {
        -webkit-flex-basis: 17%;
        flex-basis: 17%;
        max-width: 17%;
        position: relative;
    }

    .flow .flow__list li:not(:last-child)::after {
        content: "";
        display: block;
        width: 15px;
        height: 34px;
        position: absolute;
        top: 50px;
        right: -30px;
        background: url("../images/top/flow_arrow.png") no-repeat top left;
    }

    .flow .flow__list .flow__list--img {
        position: relative;
        width: 100%;
        max-width: 176px;
        margin: 0 auto 15px;
    }

    .flow .flow__list .flow__list--img span {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 40px;
        height: 40px;
        padding-top: 8px;
        text-align: center;
        background: #2fc052;
    }

    .flow .flow__list .flow__list--title {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .flow .flow__list .flow__list--text {
        font-size: 14px;
    }

    .flow .flow__btn {
        text-align: center;
    }

    /*--------------------
	.reservation 
	--------------------*/
    .reservation {
        width: 100%;
        margin: auto;
        padding: 40px 10px;
        background: #ddffe3;
    }

    .reservation .reservation__inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: 1000px;
        margin: auto;
    }

    .reservation .reservation__btn {
        width: 48%;
        max-width: 485px;
        background: url("../images/top/reservation_bg.png") no-repeat left top / 100% 100%;
    }

    .reservation .reservation__btn:hover {
        opacity: 0.7;
        transition: 0.5s;
    }

    .reservation .reservation__btn a {
        display: block;
        padding: 15px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .reservation .reservation__btn a:hover {
        text-decoration: none;
        opacity: 0.7;
        transition: 0.5s;
    }

    .reservation .reservation__btn a img {
        width: auto;
        max-width: 100%;
    }

    /*--------------------
	.case 
	--------------------*/
    .case {
        width: 100%;
        margin: auto;
        padding: 70px 10px 50px;
    }

    .case .case__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .case .case__title img {
        width: auto;
        max-width: 100%;
        margin: auto;
    }

    .case .case__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        list-style: none;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
    }

    .case .case__list li {
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
        max-width: 20%;
        margin-bottom: 30px;
        text-align: center;
    }

    .case .case__list li:nth-child(1),
    .case .case__list li:nth-child(2),
    .case .case__list li:nth-child(3),
    .case .case__list li:nth-child(4) {
        margin: 0 2.5% 30px;
    }

    .case .case__list .case__list--img {
        margin-bottom: 15px;
    }

    .case .case__list .case__list--img img {
        width: auto;
        max-width: 100%;
    }

    .case .case__list .case__list--title {
        color: #737373;
        font-size: 16px;
        font-weight: bold;
        margin-top: auto;
    }

    /*--------------------
	.profile 
	--------------------*/
    .profile {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 50px 0;
        background: #ff717b;
    }

    .profile .profile__detail {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .profile .profile__detail .profile__detail--inner {
        width: 100%;
        max-width: 500px;
        padding: 0 0 0 20px;
    }

    .profile .profile__img {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        position: relative;
        margin-left: 40px;
        background: #ffffff;
    }

    .profile .profile__img::before {
        content: "";
        display: block;
        width: 80px;
        height: 366px;
        position: absolute;
        top: 0;
        left: -40px;
        background: #ff717b;
        transform: skewX(-10deg);
    }

    .profile .profile__img img {
        width: auto;
        max-width: 100%;
    }

    .profile .profile__title {
        margin-bottom: 20px;
    }

    .profile .profile__text {
        margin-bottom: 40px;
        color: #ffffff;
        font-size: 16px;
    }

    .profile .profile__btn {
        text-align: center;
    }

    .profile .profile__btn a {
        display: inline-block;
        width: 100%;
        max-width: 230px;
        margin: auto 10px;
        padding: 18px;
        color: #ff717b;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        background: url("../images/common/arrow_02.png") no-repeat right 15px center #ffffff;
        border: 3px solid #ff717b;
        border-radius: 5px;
        text-decoration: none;
        transition: 0.5s;
    }

    /* IE表示用のCSS　*/
    _:-ms-input-placeholder,
    :root .profile .profile__btn a {
        padding: 19px 18px 13px;
    }

    .profile .profile__btn a:hover {
        background: url("../images/common/arrow_02.png") no-repeat right 5px center #ffffff;
    }


    /*--------------------
	.staff 
	--------------------*/
    .staff {
        width: 100%;
        margin: auto;
        padding: 60px 10px 0;
        text-align: center;
    }

    .staff a {
        transition: 0.5s;
    }

    .staff a:hover {
        opacity: 0.7;
    }

    .staff img {
        width: auto;
        max-width: 100%;
        margin: auto;
    }


    /*--------------------
	.clinic
	--------------------*/
    .clinic {
        width: 100%;
        margin: auto;
        padding: 60px 10px 0;
        text-align: center;
    }

    .clinic .clinic__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .clinic .clinic__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        list-style: none;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
    }

    .clinic .clinic__list:after {
        content: "";
        display: block;
        width: 24%;
        height: 0;
    }

    .clinic .clinic__list:before {
        content: "";
        display: block;
        width: 24%;
        height: 0;
        order: 1;
    }

    .clinic .clinic__list li {
        -webkit-flex-basis: 43%;
        flex-basis: 43%;
        max-width: 43%;
        margin-bottom: 35px;
        text-align: center;
    }

    .clinic .clinic__list .clinic__list--img {
        margin-bottom: 20px;
    }

    .clinic .clinic__list .clinic__list--img img {
        width: auto;
        max-width: 100%;
    }

    .clinic .clinic__list .clinic__list--area {
        margin-bottom: 10px;
        color: #737373;
        font-size: 14px;
        font-weight: bold;
        background: #ffffff;
        border: 1px solid #737373;
    }

    .clinic .clinic__list .clinic__list--icon {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 5px;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
    }

    .clinic .clinic__list .clinic__list--icon .dentistry {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
        background: #ff717b;
    }

    .clinic .clinic__list .clinic__list--icon .day {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
        background: #68b100;
    }

    .clinic .clinic__list .clinic__list--icon .internist {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
        background: #58a0dd;
    }

    .clinic .clinic__list .clinic__list--text {
        margin-bottom: 5px;
        color: #474747;
        font-size: 16px;
        font-weight: bold;
    }

    .clinic .clinic__list .clinic__list--name {
        margin-bottom: 0;
        color: #737373;
        font-size: 20px;
        font-weight: bold;
    }

    .clinic .clinic__list .clinic__list--namenolink {
        margin-bottom: 0;
        color: #737373;
        font-size: 20px;
        font-weight: bold;
    }


    .clinic .clinic__list a:hover .clinic__list--name span {
        text-decoration: underline;
    }

    .clinic .clinic__list .clinic__list--name::after {
        content: ">";
        margin-left: 5px;
        text-decoration: none;
    }

    .clinic .clinic__list a:hover {
        text-decoration: none;
    }

    .clinic .clinic__list a:hover .clinic__list--img {
        opacity: 0.7;
    }
}

@media print,
screen and (min-width: 1200px) {

    .header-inner {
        width: 100%;
    }

    nav .global-nav li a {
        padding: 0 27.8px;
        font-size: 16px;
    }

}

@media print,
screen and (max-width: 1000px) {

    .flow .flow__list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flow .flow__list:after {
        content: "";
        display: block;
        width: 30%;
        height: 0;
    }

    .flow .flow__list li {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
        max-width: 30%;
        position: relative;
    }

}


@media print,
screen and (max-width: 850px) {

    /* .clinic .clinic__list:after {
        width: 32%;
    } */

    .clinic .clinic__list:before {
        content: none;
    }

    /* .clinic .clinic__list li {
        -webkit-flex-basis: 32%;
        flex-basis: 32%;
        max-width: 32%;
    } */


}


@media print,
screen and (max-width: 800px) {

    .profile {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .profile .profile__title {
        text-align: center;
    }

    .profile .profile__detail {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 0 20px;
    }

    .profile .profile__detail .profile__detail--inner {
        max-width: 100%;
        padding: 0;
    }

    .profile .profile__img {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-justify-content: center;
        justify-content: center;
        margin-left: 0;
    }

    .profile .profile__img::before {
        content: none;
    }

}



/*SP用*/
@media screen and (max-width:640px) {
    .pc {
        display: none !important
    }

    .sp {
        display: block !important
    }

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

    body {
        min-width: auto !important;
        overflow: inherit !important;
    }

    .sp_tac {
        text-align: center !important;
    }

    .sp_tar {
        text-align: right !important;
    }

    .sp_mb15 {
        margin-bottom: 15px !important;
    }

    .sp_mb20 {
        margin-bottom: 20px !important;
    }

    div,
    p,
    dd,
    dl,
    dt,
    th,
    td,
    span,
    li {
        box-sizing: border-box;
    }

    /*SP用メニュー*/
    p.h_menu {
        position: fixed;
        top: 10px;
        right: 3vw;
        z-index: 999;
        margin: 0;
    }

    p.h_menu img {
        width: 50px;
    }

    nav#sp_global_nav {
        z-index: 9999;
        overflow: scroll;
        position: fixed;
        top: 0;
        width: 100vw;
        height: 100vh;
        display: none;
        background: #55AF2B;
        padding: 20px 3vw 30%;
        box-sizing: border-box;
        color: #fff;
    }

    nav#sp_global_nav li a {
        color: #fff;
        line-height: 1.4;
        text-decoration: none;
        padding: 5% 3vw;
        display: block;
        text-align: left;
        background: url("../images/common/arrow_sp_01.png") no-repeat right 3vw center / 10px auto;
    }

    nav#sp_global_nav .list {
        margin-bottom: 20px;
        padding: 0;
        list-style: none;
    }

    nav#sp_global_nav .list li {
        color: #fff;
        border-bottom: 1px solid #ffffff;
        line-height: 1.2;
    }

    nav#sp_global_nav .list li li {
        color: #fff;
        border-bottom: none;
        line-height: 1.2;
    }

    nav#sp_global_nav .list li li a {
        background: none;
    }

    nav#sp_global_nav .list li li a:before {
        content: "●";
        font-size: 11px;
        text-indent: 1.5em;
        margin-left: -1.5em;
        padding-right: 0.5em;
    }

    nav#sp_global_nav .top {
        text-align: right;
    }

    nav#sp_global_nav .top .closebtn {
        display: inline-block;
    }

    nav#sp_global_nav .top .closebtn img {
        width: 50px;
    }


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

	header

	--------------------*/
    .fixed-top {
        position: static;
    }

    header {
        width: 100%;
        height: 70px;
        padding: 0;
        /* border-top: 8px solid #2fc052; */
    }

    .header-inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto;
        width: 100%;
    }

    .header-logo {
        width: 100%;
        margin: 0;
        padding: 10px 10px 10px 10px;
    }

    .header-logo a {
        display: block;
        line-height: 1;
    }

    .header-logo img {
        width: 60%;
        max-width: 100%;
        vertical-align: bottom;
    }

    .header-logo .header-logo__text img.sp {
        display: inline !important;
        width: 35%;
        vertical-align: bottom;
        margin-left: 2%;
    }

    .header-detail {
        display: none;
    }


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

	nav

	--------------------*/
    nav {
        margin-bottom: 0;
        text-align: center;
    }

    nav .global-nav {
        display: none;
    }


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

	footer

	--------------------*/
    footer {
        position: relative;
        background: #ecfaee;
    }

    /*--------------------
	.page-top 
	--------------------*/
    .page-top {
        position: fixed;
        bottom: 120px;
        right: 3vw;
        width: 60px;
        height: 60px;
    }

    .page-top-line,.page-top-clinic {
        position: fixed;
        bottom: 60px;
        right: 3vw;
        width: 60px;
        height: 60px;
        z-index: 4;
    }

    .page-top a,
    .page-top-line a,
    .page-top-clinic a{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        /* background: #2fc052; */
        /* border-radius: 30px; */
        /* border: 2px solid #ffffff; */
        /* transition: 0.3s; */
    }

    .page-top a:hover,
    .page-top-line a:hover,
    .page-top-clinic a:hover {
        background: #febfa3;
    }

    .page-top a img,
    .page-top-line a img,
    .page-top-clinic a img {
        width:60px;
    }

    /* 山田歯科クリニック　ページ上部に戻る */
    .page-top-clinic img{
        width: 30%;
    }
    /* --------------------------- */

    /*--------------------
	.footer-detail 
	--------------------*/

    /*--------------------
	.footer-fixed（※クリニックページ以外共通）
	--------------------*/
    .footer-fixed {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        position: fixed;
        bottom: 0;
        z-index: 99998;
        height: 80px;
        width: 100%;
        padding: 0;
        text-align: center;
        background: #ffffff;
    }

    .footer-fixed a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 80px;
        margin: 0;
        padding: 8px 0 0;
        color: #ffffff;
        font-size: 5vw;
        font-weight: bold;
    }

    .footer-fixed a:first-child {
        background: #f56200;
    }

    .footer-fixed:first-child a:nth-child(2) {
        background: #06c755;
    }

    .footer-fixed:first-child a:nth-child(3) {
        background: #3cc5de;
    }

    .footer-fixed a span {
        display: block;
        width: 100%;
    }


    /*--------------------
	.footer-fixed-clinic（※クリニックページ用）
	--------------------*/

    .footer-fixed-clinic {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        position: fixed;
        bottom: 0px;
        z-index: 99998;
        height: 80px;
        width: 100%;
        padding: 0;
        text-align: center;
        background: #ffffff;
    }

    .footer-fixed-clinic a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 80px;
        margin: 0;
        padding: 8px 0 0;
        color: #ffffff;
        font-size: 4.5vw;
        font-weight: bold;
    }

    .footer-fixed-clinic a:first-child {
        background: #fe7f47;
    }

    .footer-fixed-clinic:first-child a:nth-child(2) {
        background: #06c755;
    }

    .footer-fixed-clinic:first-child a:nth-child(3) {
        background: #3cc5de;
    }

    .footer-fixed-clinic a span {
        display: block;
        width: 100%;
    }

    .footer-fixed-clinic-w100 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        position: fixed;
        bottom: 0;
        z-index: 99998;
        height: 80px;
        width: 100%;
        padding: 0;
        text-align: center;
        background: #ffffff;
    }

    .footer-fixed-clinic-w100 a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 80px;
        margin: 0;
        padding: 8px 0 0;
        color: #ffffff;
        font-size: 5vw;
        font-weight: bold;
    }

    .footer-fixed-clinic-w100 a:first-child {
        background: #f56200;
    }

    .footer-fixed-clinic-w100 a span {
        display: block;
        width: 30%;
    }

    /* .footer-fixed-yclinic{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        position: fixed;
        bottom: -2px;
        z-index: 99998;
        height: 41px;
        width: 100%;
        padding: 0;
        text-align: center;
    }


    .footer-fixed-yclinic a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 41px;
        margin: 0;
        padding: 8px 0 0;
    } */

    /* .footer-web{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48%;
        margin-right: -1px;
    }

    .footer-tel{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48%;
        margin-right: -1px;
    }
 */
    .footer-detail {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 10vw 6vw 10px;
    }

    .footer-detail .footer-detail__title {
        -webkit-flex-basis: 453px;
        flex-basis: 453px;
        max-width: 453px;
        -webkit-order: 1;
        order: 1;
        margin: 0 0 10px 0;
    }

    .footer-detail .footer-detail__add {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        -webkit-order: 2;
        order: 2;
        margin: 0 0 10px;
        color: #737373;
        font-size: 14px;
        font-weight: bold;
    }

    .footer-detail .footer-detail__add .tel {
        display: block;
        margin-left: 0;
        padding-left: 15px;
        background: url("../images/common/icon_tel.png") no-repeat left center;
    }

    /*--------------------
	.footer-nav 
	--------------------*/
    .footer-nav {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 40px;
        padding: 0 3vw;
        list-style: none;
    }

    .footer-nav:after {
        content: none;
    }

    .footer-nav:before {
        content: none;
    }

    .footer-nav li {
        -webkit-flex-basis: 484%;
        flex-basis: 484%;
        max-width: 484%;
        list-style: none;
        margin: 0 0 15px;
        padding: 0;
    }

    .footer-nav a {
        display: block;
        padding: 15px;
        font-size: 14px;
        font-weight: bold;
        background: url("../images/common/ya.png") no-repeat right 15px center, #ffffff;
        transition: 0.3s;
    }

    /* IE表示用のCSS　*/
    _:-ms-input-placeholder,
    :root .footer-nav a {
        padding: 15px 15px 10px 15px;
    }

    .footer-nav a:hover {
        color: #2fc052;
        text-decoration: none;
        background: url("../images/common/arrow_06.png") no-repeat right 8px center, #ffffff;
    }



    /*--------------------
	.footer-group 
	--------------------*/
    .footer-group {
        background: #fff6df;
    }

    .footer-group__inner {
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 30px 6vw 10px;
    }

    .footer-group .footer-group__title {
        margin-bottom: 20px;
        font-size: 5.5vw;
        font-weight: bold;
    }

    .footer-group .footer-group__list {
        display: -block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer-group .footer-group__list li {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .footer-group .footer-group__list li a {
        display: block;
        padding-left: 20px;
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
        background: url("../images/common/icon_01.png") no-repeat left center;
    }

    .footer-group .footer-group__list li a:hover {
        text-decoration: none;
    }

    /*--------------------
	.footer--sns 
	--------------------*/
    .footer--sns {
        display: block;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 40px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: bold;
        list-style: none;
        text-align: center;
    }

    .footer--sns .footer--sns__title {
        margin: 0 0 20px;
        font-size: 14px;
        font-weight: bold;
    }

    .footer--sns a {
        margin: 0 10px;
    }

    .footer--sns a:hover img {
        opacity: 0.7;
        transition: 0.5s;
    }

    /*--------------------
	.footer-copy 
	--------------------*/
    .footer-copy {
        display: block;
        width: 100%;
        padding: 10px 5px 84px;
        text-align: center;
        color: #ffffff;
        font-size: 3.5vw;
        background: #2fc052;
    }

    .footer-copy-line {
        display: block;
        width: 100%;
        padding: 10px 5px 155px;
        text-align: center;
        color: #ffffff;
        font-size: 3.5vw;
        background: #2fc052;
    }

    .footer-copy-clinic {
        display: block;
        width: 100%;
        padding: 10px 5px 95px;
        text-align: center;
        color: #ffffff;
        font-size: 3.5vw;
        background: #1F6A91;
    }


    /*--------------------
	.reserve-fixed
	--------------------*/

    .reserve_btn_01 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #3cc5de;
        box-shadow: 4px 4px 0 #9fd7e0;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 100%;
    }

    .reserve_btn_01 a {
        color: #ffffff;
        font-size: 25px !important;
        text-decoration: none;
    }

    .reserve_btn_02 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f56200;
        box-shadow: 4px 4px 0 #fab07f;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 100%;
        margin-bottom: 15px;
    }

    .reserve_btn_02 a {
        color: #ffffff;
        font-size: 25px !important;
        text-decoration: none;
    }

    .reserve_btn_03 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #06c755;
        box-shadow: 4px 4px 0 #a0dbb9;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 100%;
        margin-bottom: 15px;
    }

    .reserve_btn_03 a {
        color: #ffffff;
        font-size: 25px !important;
        text-decoration: none;
    }




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

	main

	----------------------------------------*/
    /*--------------------
	.下層共通 
	--------------------*/
    main {
        position: relative;
        margin-bottom: 40px;
    }

    main .inner {
        width: 100%;
        max-width: 1020px;
        margin: 0 auto;
        padding: 0 3vw;
    }

    main .inner_table {
        width: 96%;
        max-width: 780px;
        margin: 0 auto;
    }

    /* パンくず */
    .breadcrumbs {
        width: 98%;
        max-width: 1000px;
        margin: 0 auto 40px;
        font-size: 14px;

    }

    /* 画像のトリミング */
    main .img-fluid {
        border-radius: 5px;
        margin-bottom: 20px;
    }

    main .column4 .img-fluid {
        margin-bottom: 10px;
    }

    /* 見出し */
    main .headline01 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        height: 140px;
        margin: 0 auto 25px;
        padding: 0 10px;
        color: #ffffff;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        background: url("../images/sample/page-title.jpg") no-repeat top center / auto 100%;
        text-shadow: 0px 0px 5px #000000;

    }

    main .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 40px;
        font-size: 22px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
        /* background: url("../images/top/h1_ha.png") no-repeat 40px -20px / auto 100%; */

    }

    /* main .headline02::after {
        content: "";
        display: block;
        background: #2fc052;
        height: 4px;
        width: 65px;
        margin: 10px auto 0;
    } */

    main .headline03 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 30px;
        color: #2fc052;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    main .headline04 {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding: 0 20px 10px;
        font-size: 20px;
        font-weight: bold;
    }

    main .headline04::before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        display: block;
        background: #d9d9d9;
        height: 2px;
        width: 100%;
        margin-top: 10px;
    }

    main .headline04::after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        display: block;
        background: #55AF2B;
        height: 3px;
        width: 120px;
        margin-top: 10px;
    }

    main .headline05 {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding: 0 1em;
        font-size: 18px;
        font-weight: bold;
    }

    main .headline05::before {
        position: absolute;
        top: 1px;
        left: 0;
        content: "";
        display: inline-block;
        background: #2fc052;
        height: 18px;
        width: 4px;
    }

    main .headline06 {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding: 0 1em;
        font-size: 18px;
        font-weight: bold;
    }

    main .headline06::before {
        position: absolute;
        top: 7px;
        left: 0;
        content: "";
        display: inline-block;
        background: #52c5dc;
        height: 8px;
        width: 8px;
        border-radius: 4px;
    }

    main .headline07 {
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: bold;
    }

    /* 本文 */
    main p {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 1em;
        font-size: 15px;
        line-height: 1.6;
        font-family: "dnp-shuei-mgothic-std", sans-serif;
        color: #505050;
    }

    /* キャプション */
    main .cap {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 1em;
        font-size: 14px;
        line-height: 1.5;
    }

    /* 注釈 */
    main .note {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 0.5em;
        padding-left: 1em;
        font-size: 14px;
        line-height: 1.85;
    }

    main .note::before {
        content: "※";
        text-indent: 1em;
        margin-left: -1em;
    }

    /* 背景 */
    main .bg01 {
        width: 100%;
        padding: 30px 3vw;
        background: #ecfaee;
    }

    main .bg01 .inner {
        width: 100%;
        max-width: 1000px;
        padding: 0;
    }

    main .bg01 .box {
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 30px;
        background: #ffffff;
    }

    main .bg02 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 30px;
        background: #ecfaee;
    }

    main .bg03 {
        width: 100%;
        padding: 30px 3vw;
        background: #f3ffef;
    }

    main .bg03 .inner {
        width: 100%;
        max-width: 1000px;
        padding: 0;
    }

    main .bg03 .box {
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 30px;
        background: #ffffff;
    }

    main .bg04 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 30px;
        background: #ecfaee;
    }

    /* カラム */
    main .w100 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w73 {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
    }

    main .w70 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w63 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w49 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w48 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w33 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w32 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w30 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    main .w23 {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
    }

    main .sp_column2 .w100,
    main .sp_column2 .w73,
    main .sp_column2 .w70,
    main .sp_column2 .w63,
    main .sp_column2 .w49,
    main .sp_column2 .w48,
    main .sp_column2 .w33,
    main .sp_column2 .w32,
    main .sp_column2 .w30 {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
    }

    main .sp_column2 .img-fluid {
        margin-bottom: 10px;
    }

    /* モーダル */
    main .bs-lbox {
        position: relative;
        display: block;
    }

    main .bs-lbox::after {
        content: "";
        display: block;
        background: url("../images/common/icon_modal.png") no-repeat left top;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        bottom: 10px;
    }

    .modal-content {
        width: auto;
        margin: auto;
        background: none;
        border: none;
    }

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

    /* テキストボックス */
    main .textbox01 {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 20px;
        background: #ffffff;
        border: 3px solid #d2d2d2;
        border-radius: 5px;
    }

    main .textbox02 {
        width: 96%;
        max-width: 1000px;
        margin: 0 auto 30px;
        padding: 20px;
        background: #f3f3f3;
        border: 3px solid #d2d2d2;
        border-radius: 5px;
    }

    /* テキストボックスに下矢印をつける */
    main .root-arrow {
        position: relative;
        margin-bottom: 50px !important;
    }

    main .root-arrow::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -35px;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 20px solid #2fc052;
    }

    /* リスト */
    main .list01 {
        width: 96%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
        list-style: none;
    }

    main .list01 li::before {
        content: "●";
        color: #ff717b;
        font-size: 10px;
        text-indent: 2em;
        margin-left: -2em;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

    main .list02 {
        width: 96%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
        list-style: none;
    }

    main .list02 li::before {
        content: "●";
        color: #68b100;
        font-size: 8px;
        text-indent: 2em;
        margin-left: -2em;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

    main .list03 {
        width: 96%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
        list-style: none;
    }

    main .list03 li::before {
        content: "●";
        color: #fe7f47;
        font-size: 10px;
        text-indent: 2em;
        margin-left: -2em;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

    main .list-ol {
        width: 96%;
        max-width: 1000px;
        margin: 10px auto;
        padding-left: 1.5em;
    }

    /* リンク */
    main .link-pdf,
    main .link-excel,
    main .link-word,
    main .link-mail {
        display: inline-block;
        text-decoration: underline;
    }

    main .link-out {
        display: inline-block;
        padding-left: 10px;
        text-decoration: underline;
    }

    main .link-out:hover,
    main .link-pdf:hover,
    main .link-excel:hover,
    main .link-word:hover,
    main .link-mail:hover {
        text-decoration: none;
    }

    main .link-pdf::after,
    main .link-excel::after,
    main .link-word::after,
    main .link-mail::after,
    main .link-attach::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/arrow_12.png") no-repeat right center;
    }

    main .link-arrow {
        display: inline-block;
        padding-right: 15px;
        line-height: 1.4;
        background: url("../images/common/arrow_12.png") no-repeat right center;
    }

    main .link-out::after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: middle;
        background: url("../images/common/icon_out.png") no-repeat right center;
    }

    main .link-pdf::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_pdf.png") no-repeat center center / auto 20px;
    }

    main .link-excel::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_excel.png") no-repeat center center / 20px auto;
    }

    main .link-word::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_word.png") no-repeat center center / 20px auto;
    }

    main .link-mail::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 0 8px;
        vertical-align: middle;
        background: url("../images/common/icon_mail_01.png") no-repeat center center / auto 18px;
    }

    /* リンク（枠あり） */
    main .linkbox-out,
    main .linkbox-pdf,
    main .linkbox-excel,
    main .linkbox-word,
    main .linkbox-mail {
        display: inline-block;
        min-width: 80%;
        min-height: 50px;
        margin: 10px 5px;
        padding: 9px 15px;
        font-weight: bold;
        border: 3px solid;
        border-radius: 5px;
    }

    main .linkbox-out:hover,
    main .linkbox-pdf:hover,
    main .linkbox-excel:hover,
    main .linkbox-word:hover,
    main .linkbox-mail:hover {
        text-decoration: none;
        opacity: 0.6;
    }

    main .linkbox-out {
        color: #ff717b;
        border-color: #ff717b;
        background-color: #ffffff;
    }

    main .linkbox-out::after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        vertical-align: middle;
        background: url("../images/common/icon_out.png") no-repeat right center;
    }

    main .linkbox-pdf {
        padding: 10px 40px 10px 55px;
        background: url("../images/common/icon_pdf.png") no-repeat left 20px center, url("../images/common/arrow_08.png") no-repeat right 20px center;
        border-color: #c3000d;
    }

    main .linkbox-excel {
        padding: 10px 40px 10px 55px;
        background: url("../images/common/icon_excel.png") no-repeat left 20px center, url("../images/common/arrow_10.png") no-repeat right 20px center;
        border-color: #06c286;
    }

    main .linkbox-word {
        padding: 10px 40px 10px 55px;
        background: url("../images/common/icon_word.png") no-repeat left 20px center, url("../images/common/arrow_09.png") no-repeat right 20px center;
        border-color: #1dace0;
    }

    main .linkbox-mail {
        padding: 10px 40px 10px 55px;
        color: #ff717b;
        background: url("../images/common/icon_mail_02.png") no-repeat left 20px center, url("../images/common/arrow_11.png") no-repeat right 20px center;
        border-color: #ff717b;
    }

    /* リンク（添付ファイル） */
    main .link-attach {
        display: block;
        padding: 5px 1em 5px 1.5em;
        text-decoration: underline;
    }

    main .link-attach:hover {
        text-decoration: none;
    }

    main .link-attach::before {
        content: "";
        display: inline-block;
        width: 1.5em;
        height: 17px;
        text-indent: 1.5em;
        margin-left: -1.5em;
        vertical-align: middle;
        background: url("../images/common/icon_attach.png") no-repeat left center;
    }

    main .link01 {
        display: inline-block;
        margin: 10px 0;
        padding: 6px 40px 6px 20px;
        color: #ffffff;
        background: url("../images/common/arrow_04.png") no-repeat right 15px center #ff717b;
        border: none;
        border-radius: 5px;
        transition: all 0.5s;
    }

    main .link01:hover {
        box-shadow: none;
        text-decoration: none;
    }

    main .link01.active {
        color: #ff717b;
        background: url("../images/common/arrow_02.png") no-repeat right 15px center #ffffff;
        border: 1px solid #ff717b;
    }

    main .link02 {
        display: inline-block;
        margin: 10px 0;
        padding: 6px 40px 6px 20px;
        color: #ffffff;
        background: url("../images/common/arrow_04.png") no-repeat right 15px center #fe7f47;
        border: none;
        border-radius: 5px;
        transition: all 0.5s;
    }

    main .link02:hover {
        box-shadow: none;
        text-decoration: none;
        background: url("../images/common/arrow_04.png") no-repeat right 15px center #feb595;
    }

    main .link02.active {
        color: #fe7f47;
        background: url("../images/common/arrow_13.png") no-repeat right 15px center #ffffff;
        border: 1px solid #fe7f47;
    }

    main .link-img {
        display: block;
        text-align: center;
    }

    main .link-img img {
        transition: 0.3s;
    }

    main .link-img h3 {
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    main .link-img p {
        display: inline-block;
        width: auto;
        margin-bottom: 20px;
        padding-right: 15px;
        line-height: 1.4;
        text-decoration: underline;
        background: url("../images/common/arrow_12.png") no-repeat right center;
        transition: 0.3s;
    }

    main .link-img:hover {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-img:hover img {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-img:hover h3 {
        text-decoration: none;
    }

    main .link-img:hover p {
        text-decoration: none;
    }

    main .link-in img {
        transition: 0.3s;
    }

    main .link-in h3 {
        text-decoration: none;
    }

    main .link-in p {
        position: relative;
        width: auto;
        margin-bottom: 0.5em;
        line-height: 1.4;
        text-align: center;
        transition: 0.3s;
    }

    main .link-in p::after {
        content: "▼";
        display: block;
        font-size: 12px;
        color: #ff717b;
    }

    main .link-in:hover {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-in:hover img {
        text-decoration: none;
        opacity: 0.8;
    }

    main .link-in:hover h3 {
        text-decoration: none;
    }

    main .link-in:hover p {
        color: #ff717b;
    }

    /* ボタン */
    main .btn_contact {
        display: block;
        width: 90%;
        max-width: 500px;
        margin: 10px auto;
        padding: 20px 10px;
        color: #ffffff;
        text-align: center;
        background: #ff717b;
        border-radius: 5px;
        box-shadow: 6px 6px 0 #ffb8bd;
        transition: all 0.5s;
    }

    main .btn_contact:hover {
        box-shadow: 0 0 0 #ffb8bd;
    }

    main .btn_contact img {
        width: 100%;
        max-width: 443px;
    }

    /* table */
    main .table01,
    main .table02,
    main .table03 {
        width: 96%;
        max-width: 780px;
        margin: 10px auto;
        border: 1px solid #b8b8b8;
    }

    main .table01 th,
    main .table01 td,
    main .table02 th,
    main .table02 td,
    main .table03 th,
    main .table03 td {
        padding: 5px;
        border: 1px solid #b8b8b8;
    }

    main .table01 td,
    main .table02 td,
    main .table03 td {
        background: #ffffff;
    }

    main .table01 thead th {
        background: #F3FFEF;
    }

    main .table01 thead th:first-child {
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
        background: #55AF2B;
    }

    main .table01 tbody th {
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        text-align: center;
        background: #55AF2B;
    }

    main .table01 tbody tr:last-child th {
        border-bottom: 1px solid #b8b8b8;
    }

    main .table02 th {
        display: block;
        width: 100%;
        color: #ffffff;
        text-align: center;
        background:#55AF2B;
    }

    main .table02 td {
        display: block;
        width: 100%;
    }

    main .table03 thead th {
        color: #ffffff;
        text-align: center;
        background: #55AF2B;
        border-right: 1px solid #ffffff;
    }

    main .table03 thead th:last-child {
        border-right: 1px solid #b8b8b8;
    }

    main table .bg_pink {
        background: #ff717b !important;
    }

    main table .bg_pink_p {
        background: #ddffe3 !important;
    }

    main table .bg_orange {
        background: #fe7f47 !important;
    }

    main table .bg_green {
        background: #68b100 !important;
    }

    main table .bg_blue {
        background: #58a0dd !important;
    }

    main .table01.w100,
    main .table02.w100,
    main .table03.w100 {
        width: 100%;
        max-width: 1000px;
    }

    main .scroll table {
        width: 100%;
    }

    main .scroll {
        overflow: auto;
        white-space: nowrap;
    }

    main .scroll::-webkit-scrollbar {
        height: 5px;
    }

    main .scroll::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    main .scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }

    /* 下層診療時間(歯科を除く) */
    main .timetable {
        width: 100%;
        margin: 0 0 10px 0;
    }

    main .timetable th,
    main .timetable td {
        padding: 5px 2px;
    }

    main .timetable th:first-child {
        width: 9em;
        font-weight: normal;
    }

    main .timetable th:last-child {
        width: 4em;
    }

    main .timetable tbody th {
        font-weight: normal;
    }

    /* 診療時間表の時間 */
    main .timetable_guide {
        margin: 0;
        font-size: 4.0vw;
        font-weight: bold;
    }

    main .timetable_guide dt {
        display: inline-block;
        color: #ff717b;
    }

    main .timetable_guide dd {
        display: inline-block;
    }

    /* Q&A */
    main .qa {
        width: 96%;
        max-width: 1000px;
        margin: 30px auto;
    }

    main .qa dt {
        min-height: 41px;
        padding-left: 50px;
        margin-bottom: 20px;
        font-size: 21px;
        font-weight: bold;
        background: url("../images/common/q.png") no-repeat left top / 40px 40px;
    }

    main .qa dd {
        min-height: 41px;
        padding-left: 50px;
        margin: 0 20px 40px 20px;
        background: url("../images/common/a.png") no-repeat left top / 40px 40px;
    }

    /* 詳細ページのページャー */
    main .btn a {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0 5px 10px;
        color: #ffffff;
        vertical-align: middle;
        background: #ff717b;
        border-radius: 5px;
    }

    main .btn a.prev {
        -webkit-order: 1;
        order: 1;
        padding: 5px 10px 5px 30px;
    }

    main .btn a.list {
        -webkit-order: 3;
        order: 3;
        padding: 5px 10px;
    }

    main .btn a.next {
        -webkit-order: 2;
        order: 2;
        padding: 5px 30px 5px 10px;
    }

    main .btn a.prev::before {
        content: "<";
        display: block;
        height: 15px;
        width: 15px;
        position: absolute;
        left: 10px;
        top: 50%;
        bottom: 0;
        margin-top: -12px;
        color: #ffffff;
    }

    main .btn a.next::after {
        content: ">";
        display: block;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 10px;
        top: 50%;
        bottom: 0;
        margin-top: -12px;
        color: #ffffff;
    }

    main .btn a:hover {
        text-decoration: none;
        opacity: 0.7;
    }

    /* form */
    main .form {
        width: 100%;
        margin: auto;
    }

    main .form dt,
    main .form dd {
        padding: 10px 2vw;
    }

    main .form dt {
        width: 100%;
        border-top: 2px solid #ff717b;
        border-bottom: 1px solid #d2d2d2;
    }

    main .form dd {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-align-items: center;
        align-items: center;
        margin: 0;
        border-bottom: none;
    }

    main .form dt:first-of-type,
    main .form dd:first-of-type {
        width: 100%;
    }

    main .form dd.req_group {
        align-items: flex-start;
    }

    main .form dd p {
        -webkit-flex: 1;
        flex: 1;
        margin: 0;
    }

    main .form dd div {
        -webkit-flex: 1;
        flex: 1;
    }

    main .form dd label {
        margin: 0;
    }

    main .form dd .kind label {
        display: block;
    }

    main .form dd.datatime_group {
        display: block;
    }

    main .form dd .datatime {
        flex: auto;
    }

    main .form dd .datatime .datepicker {
        width: 100px;
    }

    main .form dd input[type="text"],
    main .form dd textarea {
        width: 100%;
        margin: 5px;
        padding: 5px;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
    }

    main .form dd input[type="checkbox"],
    main .form dd input[type="radio"] {
        margin: 5px;
    }

    main .form dd select {
        margin: 5px;
        padding: 5px;
        line-height: normal;
        border: 1px solid #d2d2d2;
        border-radius: 5px;
    }

    main .form dd .zip input {
        width: 150px;
    }

    main .form dd .zip .note {
        font-size: 14px;
    }

    main .form dd .req {
        -webkit-flex-basis: 70px;
        flex-basis: 70px;
        max-width: 70px;
    }

    main .form dd .req span {
        display: inline-block;
        padding: 2px 5px;
        color: #ffffff;
        font-size: 14px;
        background: #ff0000;
        border-radius: 5px;
    }

    main .error.attention {
        width: 100%;
        margin: 20px auto 0;
        font-size: 100%;
        font-weight: bold;
    }

    main .form dd .note_nom {
        margin-left: 2em;
        text-indent: -2em;
    }

    /*----------------------------------------
	ここから、個別ページ指定
	----------------------------------------*/
    /*--------------------

	トップページ

	--------------------*/
    /*--------------------
	.mainvisual 
	--------------------*/
    .mainvisual {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto 20px;
        padding: 0;
    }

    .slider {
        padding: 0;
    }

    .slider li img {
        width: 100%;
        margin: 0 auto;
    }

    .slide-arrow {
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 25px;
        margin-top: -15px;
    }

    .prev-arrow {
        left: 2vw;
    }

    .next-arrow {
        right: 2vw;
    }

    .slick-dots li button:before {
        font-size: 25px;
    }

    .slick-dots li.slick-active button:before {
        color: #ff717b;
    }

    /*--------------------
	.greeting
	--------------------*/
    .greeting {
        margin-top: 60px;
        text-align: center;
        background: #ddffe3;
    }

    .greeting .greeting__inner {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 10vw 3vw 8vw;
        background: url("../images/top/greeting_bg_sp.png") no-repeat right bottom / 70% auto;
    }

    .greeting .greeting__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .greeting .greeting__title img {
        width: 40%;
    }

    .greeting .headline03 {
        margin-bottom: 25px;
    }

    .greeting .text {
        width: 100%;
        margin-bottom: 40px;
        color: #737373;
        font-size: 4vw;
        font-weight: bold;
    }


    /*--------------------
	.feature 
	--------------------*/
    .feature {
        width: 100%;
        margin: 10vw auto 0;
        padding: 0;
    }

    .feature .feature__title {
        margin-bottom: 0;
        text-align: center;
        padding: 0 3vw;
    }

    .feature .feature__title img {
        width: auto;
        max-width: 100%;
    }

    .feature .feature__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .feature .feature__list li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        display: -webkit-flex;
        display: flex;
        flex-direction: -webkit-column;
        flex-direction: column;
        padding: 5vw 3vw;
        text-align: center;
    }

    .feature .feature__list li:nth-child(1) {
        background: url("../images/top/feature_bg_01_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(2) {
        background: url("../images/top/feature_bg_02_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(3) {
        background: url("../images/top/feature_bg_03_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(4) {
        background: url("../images/top/feature_bg_04_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(5) {
        background: url("../images/top/feature_bg_05_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(6) {
        background: url("../images/top/feature_bg_06_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(7) {
        background: url("../images/top/feature_bg_07_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(8) {
        background: url("../images/top/feature_bg_08_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list li:nth-child(9) {
        background: url("../images/top/feature_bg_09_sp.jpg") no-repeat center top / cover;
    }

    .feature .feature__list .feature__list--title {
        margin-bottom: 20px;
    }

    .feature .feature__list .feature__list--title img {
        width: auto;
        max-width: 100%;
    }

    .feature .feature__list .feature__list--btn {
        display: block;
        margin-top: auto;
    }

    .feature .feature__list .feature__list--btn a {
        position: relative;
        display: block;
        width: 100%;
        max-width: 236px;
        margin: auto;
        font-weight: bold;
        height: 44px;
        padding: 10px;
        text-align: center;
        background: url("../images/top/feature_btn_off.png") no-repeat center center / 100% 100%;
    }

    .feature .feature__list .feature__list--btn a:hover {
        color: #ffffff;
        text-decoration: none;
        background: url("../images/top/feature_btn_on.png") no-repeat center center / 100% 100%;
        transition: 0.5s;
    }

    /*--------------------
	.subject 
	--------------------*/
    .subject {
        width: 100%;
        margin: auto;
        padding: 10vw 3vw 0;
    }

    .subject .subject__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .subject .subject__title img {
        width: 60%;
    }

    .subject .subject__text {
        margin-bottom: 30px;
        color: #737373;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    .subject .subject__list {
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        list-style: none;
    }

    .subject .subject__list::after {
        content: none;
    }

    .subject .subject__list::before {
        content: none;
    }

    .subject .subject__list li {
        -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%;
        margin-bottom: 20px;
        background: url("../images/top/subject_arrow_01_off.png") no-repeat center right 12px, #ffffff;
        border: 3px solid #ff717b;
    }

    .subject .subject__list li a {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        min-height: 70px;
        padding: 10px 3vw 10px 2vw;
        font-size: 4vw;
        font-weight: bold;
    }

    .subject .subject__list li a img {
        max-width: 85%;
    }

    .irregular_teeth {
        display: inline-block !important;
        text-align: center !important;
        font-size: 3vw !important;
    }

    .subject .subject__list li a span {
        width: 100%;
        font-size: 3.5vw;
    }

    .subject .subject__list li:hover {
        background: url("/images/top/subject_arrow_01_on.png") no-repeat center right 12px, #ff717b;
    }

    .subject .subject__list li:hover a {
        color: #ffffff;
        text-decoration: none;
    }

    .subject .subject__list .current {
        background: url("/images/top/subject_arrow_01_on.png") no-repeat center right 12px, #ff717b;
    }

    .subject .subject__list li.current a {
        color: #ffffff;
        text-decoration: none;
    }

    .subject .subject__list li.outside {
        background: url("../images/top/subject_arrow_02_off.png") no-repeat center right 12px, #ffffff;
        border: 3px solid #fe7f47;
    }

    .subject .subject__list li.outside:hover {
        background: url("../images/top/subject_arrow_02_on.png") no-repeat center right 12px, #fe7f47;
    }

    .subject .subject__bnr {
        margin-top: 5vw;
        text-align: center;
    }

    .subject .subject__bnr a:hover img {
        opacity: 0.7;
        transition: 0.5s;
    }

    .subject .subject__bnr img {
        width: auto;
        max-width: 100%;
    }

    /*--------------------
	.commitment 
	--------------------*/
    .commitment {
        width: 100%;
        margin: 10vw auto 0;
        padding: 10vw 3vw;
        background: #fff4d7;
    }

    .commitment .commitment__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .commitment .commitment__title img {
        width: 55%;
    }

    .commitment .commitment__inner {
        display: block;
        width: 100%;
        max-width: 1000px;
        margin: auto;
    }

    .commitment .commitment__img {
        margin-right: 0;
        text-align: center;
    }

    .commitment .commitment__img img {
        width: 70%;
        margin: auto;
    }

    .commitment .commitment__inbox {
        display: block;
        margin: 0 0 30px;
        padding: 0;
    }

    .commitment .commitment__list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .commitment .commitment__list li {
        max-width: 100%;
        margin-bottom: 15px;
        background: #ffffff;
        border-radius: 5px;
    }

    .commitment .commitment__list li:hover {
        background: #ff717b;
    }

    .commitment .commitment__list li a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 15px 40px;
        font-size: 18px;
        font-weight: bold;
        background: url("../images/top/commitment_icon_off.png") no-repeat center left 13px, url("../images/common/arrow_02.png") no-repeat center right 13px;
        transition: 0.5s;
    }

    .commitment .commitment__list li a:hover {
        text-decoration: none;
        color: #ffffff;
        background: url("../images/top/commitment_icon_on.png") no-repeat center left 13px, url("../images/common/arrow_04.png") no-repeat center right 13px;
    }

    /*--------------------
	.worry 
	--------------------*/
    .worry {
        width: 100%;
        margin: auto 0;
        padding: 10vw 3vw;
        background: url("../images/top/worry_bg.jpg") no-repeat left top / cover;
    }

    .worry .worry__inner {
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 50px 20px;
        background: #ffffff;
        border-radius: 10px;
    }

    .worry .worry__title {
        margin-bottom: 20px;
        text-align: center;
    }

    .worry .worry__title img {
        width: 50%;
    }

    .worry .worry__subtitle {
        margin-bottom: 0;
    }

    .worry .worry__subtitle img {
        width: auto;
        max-width: 100%;
    }

    .worry .worry__img {
        position: absolute;
        right: 0;
        bottom: -10vw;
        padding-left: 3vw;
    }

    .worry .worry__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .worry .worry__list.list_01 {
        background: url("../images/common/line_01.png") repeat-x left bottom;
    }

    .worry__list div {
        position: relative;
        margin-bottom: 20px;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .worry__list span {
        display: block;
        width: 100%;
        padding: 5px 50px 5px 5px;
        cursor: pointer;
        color: #737373;
        font-size: 18px;
        font-weight: bold;
        box-sizing: border-box;
    }

    .worry__list.list_01 span {
        border: 2px solid #ff717b;
        background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -moz-linear-gradient(right, rgba(255, 113, 123, 1) 0%, rgba(255, 113, 123, 1) 50px, rgba(255, 255, 255, 1) 51px, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -webkit-linear-gradient(right, rgba(255, 113, 123, 1) 0%, rgba(255, 113, 123, 1) 50px, rgba(255, 255, 255, 1) 51px, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: url("../images/top/worry_arrow.png") no-repeat center right 15px, linear-gradient(to left, rgba(255, 113, 123, 1) 0%, rgba(255, 113, 123, 1) 50px, rgba(255, 255, 255, 1) 51px, rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .worry__list.list_02 span {
        border: 2px solid #fe7f47;
        /*		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -moz-linear-gradient(right,  rgba(254,127,71,1) 0%, rgba(254,127,71,1) 50px, rgba(255,255,255,1) 51px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        
        /*		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, -webkit-linear-gradient(right,  rgba(254,127,71,1) 0%,rgba(254,127,71,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        
        /*		background: url("../images/top/worry_arrow.png") no-repeat center right 15px, linear-gradient(to left,  rgba(254,127,71,1) 0%,rgba(254,127,71,1) 50px,rgba(255,255,255,1) 51px,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        
    }

    .worry__list.list_02 a {
        display: block;
        width: 100%;
        padding: 5px 5px 5px 5px;
        font-size: 18px;
        font-weight: bold;
        box-sizing: border-box;
        border: 2px solid #fe7f47;
    }

    .worry__list.list_02 a:hover {
        background: #fe7f47;
        color: #ffffff;
        text-decoration: none;
    }

    .worry__list ul {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 1;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #feeae8;
    }

    .worry__list.list_01 ul {
        border: 2px solid #ff717b;
        border-top: none;
    }

    .worry__list.list_02 ul {
        border: 2px solid #fe7f47;
        border-top: none;
    }

    .worry__list li a {
        display: block;
        padding: 5px;
        font-size: 16px;
        text-decoration: none;
    }

    .worry__list.list_01 li a:hover {
        background: #ff717b;
        color: #ffffff;
        text-decoration: none;
    }

    .worry__list.list_02 li a:hover {
        background: #fe7f47;
        color: #ffffff;
        text-decoration: none;
    }

    .worry .worry__text {
        margin-top: 35px;
        padding-right: 160px;
        text-align: right;
    }

    .worry .worry__text img {
        max-width: 100%;
    }

    /*--------------------
	.flow 
	--------------------*/
    .flow {
        width: 100%;
        margin: auto;
        padding: 10vw 0 0;
    }

    .flow .flow__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .flow .flow__title img {
        width: 80%;
    }

    .flow .flow__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        list-style: none;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 20px;
        padding: 0;
    }

    .flow .flow__list li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        position: relative;
    }

    .flow .flow__list li:not(:last-child) {
        padding-bottom: 50px;
    }

    .flow .flow__list li:not(:last-child)::after {
        content: "";
        display: block;
        width: 81px;
        height: 34px;
        position: absolute;
        bottom: 10px;
        right: 0;
        left: 0;
        margin: auto;
        background: url("../images/top/flow_arrow_sp.png") no-repeat center center / 60px auto;
    }

    .flow .flow__list .flow__list--img {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 15px;
        padding: 0 3vw;
    }

    .flow .flow__list .flow__list--img span {
        position: absolute;
        left: 3vw;
        top: 0;
        display: block;
        width: 40px;
        height: 40px;
        padding-top: 8px;
        text-align: center;
        background: #2fc052;
    }

    .flow .flow__list .flow__list--title {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        padding: 0 3vw;
    }

    .flow .flow__list .flow__list--text {
        font-size: 14px;
        padding: 0 3vw;
    }

    .flow .flow__btn {
        text-align: center;
    }

    /*--------------------
	.reservation 
	--------------------*/
    .reservation {
        width: 100%;
        margin: auto;
        padding: 8vw 3vw;
        background: #ecfaee;
    }

    .reservation .reservation__inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: 1000px;
        margin: auto;
    }

    .reservation .reservation__btn {
        width: 100%;
        max-width: 485px;
        background: url("../images/top/reservation_bg.png") no-repeat left top / 100% 100%;
    }

    .reservation .reservation__btn:first-child {
        margin-bottom: 20px;
    }

    .reservation .reservation__btn:hover {
        opacity: 0.7;
        transition: 0.5s;
    }

    .reservation .reservation__btn p {
        margin: 0;
    }


    .reservation .reservation__btn a {
        display: block;
        padding: 15px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .reservation .reservation__btn a:hover {
        text-decoration: none;
        opacity: 0.7;
        transition: 0.5s;

    }

    .reservation .reservation__btn a img {
        width: auto;
        max-width: 100%;
    }

    /*--------------------
	.case 
	--------------------*/
    .case {
        width: 100%;
        margin: auto;
        padding: 10vw 3vw;
    }

    .case .case__title {
        margin-bottom: 30px;
        text-align: center;
    }

    .case .case__title img {
        width: auto;
        max-width: 80%;
        margin: auto;
    }

    .case .case__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        list-style: none;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
    }

    .case .case__list li {
        -webkit-flex-basis: 47%;
        flex-basis: 47%;
        max-width: 47%;
        margin-bottom: 30px;
        text-align: center;
    }

    .case .case__list li:nth-child(1),
    .case .case__list li:nth-child(2),
    .case .case__list li:nth-child(3),
    .case .case__list li:nth-child(4) {
        margin: 0 0 30px;
    }

    .case .case__list .case__list--img {
        margin-bottom: 15px;
        padding: 0 5vw;
    }

    .case .case__list .case__list--img img {
        width: auto;
        max-width: 100%;
    }

    .case .case__list .case__list--title {
        color: #737373;
        font-size: 16px;
        font-weight: bold;
        margin-top: auto;
    }

    /*--------------------
	.profile 
	--------------------*/
    .profile {
        display: block;
        padding: 10vw 0;
        background: #ff717b;
    }

    .profile .profile__detail {
        max-width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .profile .profile__detail .profile__detail--inner {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .profile .profile__img {
        display: none;
    }

    .profile .profile__img::before {
        content: none;
    }

    .profile .profile__img--sp {
        margin-bottom: 5vw;
        text-align: center;
    }

    .profile .profile__img--sp img {
        width: auto;
        max-width: 100%;
    }

    .profile .profile__title {
        margin-bottom: 20px;
    }

    .profile .profile__text {
        margin-bottom: 40px;
        color: #ffffff;
        font-size: 16px;
    }

    .profile .profile__btn {
        text-align: center;
    }

    .profile .profile__btn a {
        display: inline-block;
        width: 100%;
        max-width: 230px;
        margin: auto 10px;
        padding: 18px;
        color: #ff717b;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        background: url("../images/common/arrow_02.png") no-repeat right 15px center #ffffff;
        border: 3px solid #ff717b;
        border-radius: 5px;
        text-decoration: none;
        transition: 0.5s;
    }

    /* IE表示用のCSS　*/
    _:-ms-input-placeholder,
    :root .profile .profile__btn a {
        padding: 19px 18px 13px;
    }

    .profile .profile__btn a:hover {
        background: url("../images/common/arrow_02.png") no-repeat right 5px center #ffffff;
    }


    /*--------------------
	.staff 
	--------------------*/
    .staff {
        width: 100%;
        margin: auto;
        padding: 60px 10px 0;
        text-align: center;
    }

    .staff a {
        transition: 0.5s;
    }

    .staff a:hover {
        opacity: 0.7;
    }

    .staff img {
        width: auto;
        max-width: 100%;
    }


    /*--------------------
	.clinic
	--------------------*/
    .clinic {
        width: 100%;
        margin: auto;
        padding: 10vw 3vw 0;
        text-align: center;
    }

    .clinic .clinic__title {
        margin-bottom: 30px;
        text-align: center;
    }

    /* .clinic .clinic__title img {
        width: 50%;
    } */

    .clinic .clinic__list {
        /* display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between; */
        list-style: none;
        width: 100%;
        max-width: 1000px;
        margin: auto;
        padding: 0;
    }

    .clinic .clinic__list:after {
        content: none;
    }

    .clinic .clinic__list:before {
        content: none;
    }

    .clinic .clinic__list li {
        /* -webkit-flex-basis: 48%;
        flex-basis: 48%;
        max-width: 48%; */
        margin: auto;
        margin-bottom: 40px;
        text-align: center;
        width: 90%;
    }

    .clinic .clinic__list .clinic__list--img {
        margin-bottom: 20px;
    }

    .clinic .clinic__list .clinic__list--img img {
        width: auto;
        max-width: 100%;
    }

    .clinic .clinic__list .clinic__list--area {
        margin-bottom: 10px;
        color: #737373;
        /* font-size: 3.5vw; */
        font-weight: bold;
        background: #ffffff;
        border: 1px solid #737373;
    }

    .clinic .clinic__list .clinic__list--icon {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 5px;
        color: #ffffff;
        /* font-size: 3.5vw; */
        font-weight: bold;
    }

    .clinic .clinic__list .clinic__list--icon .dentistry {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        background: #ff717b;
    }

    .clinic .clinic__list .clinic__list--icon .day {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        background: #68b100;
    }

    .clinic .clinic__list .clinic__list--icon .internist {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        background: #58a0dd;
    }

    .clinic .clinic__list .clinic__list--text {
        margin-bottom: 5px;
        color: #474747;
        /* font-size: 3vw; */
        font-weight: bold;
    }

    .clinic .clinic__list .clinic__list--name {
        margin-bottom: 0;
        color: #737373;
        font-size: 1.2rem;
        font-weight: bold;
    }

    .clinic .clinic__list .clinic__list--namenolink {
        margin-bottom: 0;
        color: #737373;
        /* font-size: 3.5vw; */
        font-weight: bold;
    }

    .clinic .clinic__list .clinic__list--name::after {
        content: ">";
        margin-left: 5px;
    }

    .clinic .clinic__list a:hover {
        text-decoration: none;
    }

    .clinic .clinic__list a:hover .clinic__list--img {
        opacity: 0.7;
    }

}



/*--------------------
	.pickup 
	--------------------*/
.pickup .pickup__maintitle {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 35px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.pickup .pickup__maintitle::before {
    content: "";
    width: 31px;
    height: 29px;
    margin-right: 10px;
    background: url("../images/common/pickup_icon.png") no-repeat left top;

}

.pickup {
    width: 100%;
    margin: 0 auto 70px;
    padding: 40px 10px;
    background: #f3ffef;
    text-align: center;
}

.pickup .pickup__title {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    text-align: center;
}

.pickup .pickup__copy {
    position: relative;
    z-index: 1;
    font-size: 26px;
    font-weight: bold;
}

.pickup .pickup__copy .em {
    display: inline-block;
    padding: 0 15px 0 35px;
    margin-right: 7px;
    font-size: 20px;
    background: url("../images/common/pickup_mark.png") no-repeat left 10px center, #ffffff;
    border: 3px solid #ff717b;
}

.up .pickup__copy .dot {
    padding-top: 0.3em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1em 0.2em;
    background-image: radial-gradient(0.1em 0.1em at center center, #ff717b, #ff717b 100%, transparent);
}

/* WEB問診始める時復活 */

/* .pickup .pickup__text:not(.pickup .pickup__text:nth-last-child(1)) {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 30px;
    background: #ffffff;
}    
*/

/* WEB問診始める時停止 */

.pickup .pickup__text{
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 0 30px;
    /* background: #ffffff; */
}  

/* WEB問診始める時停止 */

.pickup .pickup__text .img {
    position: absolute;
    right: 45px;
    top: -175px;
    z-index: 0;
    width: 22%;
}   

.pickup .pickup__text .pickup__text--title {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: bold;
}

.pickup .pickup__text .pickup__text--title::before,
.pickup .pickup__text .pickup__text--title::after {
    content: "";
    width: 26px;
    height: 2px;
    background: #000000;
}

.pickup .pickup__text .pickup__text--title::before {
    transform: rotate(60deg);
}

.pickup .pickup__text .pickup__text--title::after {
    transform: rotate(-60deg);
}

/* .pickup .pickup__text a {
    width: 300px;
    margin: 5px 20px;
    padding: 15px;
    font-size: 22px;
    font-weight: bold;
} */

.pickup__text .btn_04 {
    padding: 15px 51px 15px 79px;
    background: url("../images/common/pickup_icon_01.png") no-repeat left 25px center, url("../images/common/pickup_arrow.png") no-repeat right 40px center, #f56200;
}

.pickup__text .btn_05 {
    padding: 15px 51px 15px 79px;
    background: url("../images/common/pickup_icon_02.png") no-repeat left 25px center, url("../images/common/pickup_arrow.png") no-repeat right 40px center, #28a745;
}

.pickup__text .btn_06 {
    padding: 15px 51px 15px 79px;
    background: url("../images/common/pickup_icon_03.png") no-repeat left 25px center, url("../images/common/pickup_arrow.png") no-repeat right 40px center, #06c755;
}

.pickup__text .btn_07 {
    padding: 15px 51px 15px 79px;
    background: url("../images/common/pickup_icon_04.png") no-repeat left 25px center, url("../images/common/pickup_arrow.png") no-repeat right 40px center, #f59f00;
}


/*SP用*/
@media screen and (max-width:640px) {

    /*--------------------
	.pickup 
	--------------------*/
    .pickup {
        width: 100%;
        margin: 0 auto 40px;
        padding: 40px 10px;
        background: #f3ffef;
        text-align: center;
    }

    .pickup-white {
        width: 100%;
        margin: 0 auto 40px;
        padding: 40px 10px;
        background: white;
        text-align: center;
    }

    .pickup .pickup__title {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
        text-align: center;
    }

    .pickup .pickup__copy {
        position: relative;
        z-index: 1;
        padding-right: 10vw;
        font-size: 6vw;
        font-weight: bold;
    }

    .pickup .pickup__copy .em {
        display: inline-block;
        padding: 0 4vw 0 8vw;
        margin-right: 7px;
        font-size: 4vw;
        background: url("../images/common/pickup_mark.png") no-repeat left 5px center / 4vw auto, #ffffff;
        border: 3px solid #ff717b;
    }

    .pickup .pickup__copy .dot {
        padding-top: 0.3em;
        background-position: top left -2px;
        background-repeat: repeat-x;
        background-size: 1em 0.2em;
        background-image: radial-gradient(0.1em 0.1em at center center, #ff717b, #ff717b 100%, transparent);
    }

    .pickup .pickup__copy .wrap {
        display: block;
        margin-top: 5vw;
    }

    /* WEB問診スタートの時に表示する↓ */

    /* .pickup .pickup__text:not(.pickup .pickup__text:nth-last-child(1)) {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: auto;
        padding: 5vw;
        background: #ffffff;
    }

    .pickup .pickup__text:nth-last-child(1){
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: auto;
        padding: 5vw;
    } */

     /* WEB問診スタートの時に停止する↓ */

    .pickup .pickup__text {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: auto;
        padding: 2vw;
        /* background: #ffffff; */
    }

     /* WEB問診スタートの時に停止する↑*/

    .pickup .pickup__text .img {
        position: absolute;
        right: 0px;
        top: -38vw;
        z-index: 0;
        width: 30%;
        /* height: 30vw; */
    }

    .pickup .pickup__text .pickup__text--title {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 3vw;
        font-size: 5.5vw;
        font-weight: bold;
    }

    .pickup .pickup__text .pickup__text--title::before,
    .pickup .pickup__text .pickup__text--title::after {
        content: "";
        width: 5.5vw;
        height: 2px;
        background: #000000;
    }

    .pickup .pickup__text .pickup__text--title::before {
        transform: rotate(60deg);
    }

    .pickup .pickup__text .pickup__text--title::after {
        transform: rotate(-60deg);
    }

    /* .pickup .pickup__text a {
        width: 100%;
        margin: 5px 0;
        padding: 15px;
        font-size: 6vw;
        font-weight: bold; */
    }

    /*SP用*/
    .pickup .pickup__text .btn_04 {
        padding: 3vw 10vw 3vw 15vw;
        background: url("../images/common/pickup_icon_01.png") no-repeat left 8vw center, url("../images/common/pickup_arrow.png") no-repeat right 8vw center, #fe7f47;
    }

    .pickup .pickup__text .btn_05 {
        padding: 3vw 10vw 3vw 15vw;
        background: url("../images/common/pickup_icon_02.png") no-repeat left 10vw center, url("../images/common/pickup_arrow.png") no-repeat right 8vw center, #28a745;
    }

    .pickup .pickup__text .btn_06 {
        padding: 3vw 10vw 3vw 15vw;
        background: url("../images/common/pickup_icon_03.png") no-repeat left 8vw center, url("../images/common/pickup_arrow.png") no-repeat right 8vw center, #06c755;
    }

    .pickup .pickup__text .btn_07 {
        padding: 3vw 10vw 3vw 15vw;
        background: url("../images/common/pickup_icon_04.png") no-repeat left 8vw center, url("../images/common/pickup_arrow.png") no-repeat right 8vw center, #f59f00;
    }

}


/* 葉ページトップ画像設定 title*/


/*PC用*/
@media print,
screen and (min-width: 641px) {

    /* 求人TOP */

    #img01 .headline01 {
        background: url("/recruit/images/top_.png") no-repeat top center / auto 100%;
    }

    /* 痛みの少ない治療 */

    #img02 .headline01 {
        background: url("../images/common/title/img02.jpg") no-repeat top center / auto 100%;
    }

    /* スポーツ */

    #img03 .headline01 {
        background: url("../images/common/title/img03.jpg") no-repeat top center / auto 100%;
    }

    /* 成人式 */

    #img04 .headline01 {
        background: url("../images/common/title/img04.jpg") no-repeat top center / auto 100%;
    }

    /* 就活 */

    #img05 .headline01 {
        background: url("../images/common/title/img05.jpg") no-repeat top center / auto 100%;
    }

    /* 旅行前 */

    #img06 .headline01 {
        background: url("../images/common/title/img06.jpg") no-repeat top center / auto 100%;
    }

    /* 訪問 */

    #img07 .headline01 {
        background: url("../images/common/title/img07.jpg") no-repeat top center / auto 100%;
    }

    /* セラミック */

    #img08 .headline01 {
        background: url("../images/common/title/img08.jpg") no-repeat top center / auto 100%;
    }

    /* 子供の健康良くしたい */

    #img09 .headline01 {
        background: url("../images/common/title/img09.jpg") no-repeat top center / auto 100%;
    }

    /* 結婚式 */

    #img10 .headline01 {
        background: url("../images/common/title/img10.jpg") no-repeat top center / auto 100%;
    }

    /* 金属アレルギー */

    #img11 .headline01 {
        background: url("../images/common/title/img11.jpg") no-repeat top center / auto 100%;
    }

    /* アンチエイジング */

    #img12 .headline01 {
        background: url("../images/common/title/img12.jpg") no-repeat top center / auto 100%;
    }

    /* 義歯 */

    #img13 .headline01 {
        background: url("../images/common/title/img13.jpg") no-repeat top center / auto 100%;
    }

    /* 矯正 */

    #img14 .headline01 {
        background: url("../images/common/title/img14.jpg") no-repeat top center / auto 100%;
    }

    /* 小児歯科 */

    #img15 .headline01 {
        background: url("../images/common/title/img15.jpg") no-repeat top center / auto 100%;
    }

    /* 予防歯科 */

    #img16 .headline01 {
        background: url("../images/common/title/img16.jpg") no-repeat top center / auto 100%;
    }

    /* 妊産婦検診 */

    #img17 .headline01 {
        background: url("../images/common/title/img17.jpg") no-repeat top center / auto 100%;
    }

    /* 妊娠中 */

    #img18 .headline01 {
        background: url("../images/common/title/img18.jpg") no-repeat top center / auto 100%;
    }

    /* 口臭 */

    #img19 .headline01 {
        background: url("../images/common/title/img19.jpg") no-repeat top center / auto 100%;
    }

    /* 託児 */

    #img20 .headline01 {
        background: url("../images/common/title/img20.jpg") no-repeat top center / auto 100%;
    }

    /* ホワイトニング */

    #img21 .headline01 {
        background: url("../images/common/title/img21.jpg") no-repeat top center / auto 100%;
    }

    /* 初めての方へ */

    #img22 .headline01 {
        background: url("../images/common/title/img22.jpg") no-repeat top center / auto 100%;
    }

    /* さくら */

    #img23 .headline01 {
        background: url("../images/common/title/img23.jpg") no-repeat top center / auto 100%;
    }

    /* たんぽぽ */

    #img24 .headline01 {
        background: url("../images/common/title/img24.jpg") no-repeat top center / auto 100%;
    }

    /* ありす */

    #img25 .headline01 {
        background: url("../images/common/title/img25.jpg") no-repeat top center / auto 100%;
    }

    /* きらり */

    #img26 .headline01 {
        background: url("../images/common/title/img26.jpg") no-repeat top center / auto 100%;
    }

    /* 松戸 */

    #img27 .headline01 {
        background: url("../images/common/title/img27.jpg") no-repeat top center / auto 100%;
    }

    /* 池下 */

    #img28 .headline01 {
        background: url("../images/common/title/img28.jpg") no-repeat top center / auto 100%;
    }

    /* 日進 */

    #img29 .headline01 {
        background: url("../images/common/title/img29.jpg") no-repeat top center / auto 100%;
    }

    /* アップル */

    #img30 .headline01 {
        background: url("../images/common/title/img30.jpg") no-repeat top center / auto 100%;
    }

    /* 緑区歯科 */

    #img31 .headline01 {
        background: url("../images/common/title/img31.jpg") no-repeat top center / auto 100%;
    }

    /* 歯が痛い */

    #img32 .headline01 {
        background: url("../images/common/title/img32.jpg") no-repeat top center / auto 100%;
    }

    /* 歯が折れた欠けた */

    #img33 .headline01 {
        background: url("../images/common/title/img33.jpg") no-repeat top center / auto 100%;
    }

    /* 歯がしみる */

    #img34 .headline01 {
        background: url("../images/common/title/img34.jpg") no-repeat top center / auto 100%;
    }

    /* 親知らずで悩んでいる */

    #img35 .headline01 {
        background: url("../images/common/title/img35.jpg") no-repeat top center / auto 100%;
    }

    /* 歯石が気になる */

    #img36 .headline01 {
        background: url("../images/common/title/img36.jpg") no-repeat top center / auto 100%;
    }

    /* 歯がぐらぐらする */

    #img37 .headline01 {
        background: url("../images/common/title/img37.jpg") no-repeat top center / auto 100%;
    }

    /* 歯が無い・抜けた */

    #img38 .headline01 {
        background: url("../images/common/title/img38.jpg") no-repeat top center / auto 100%;
    }

    /* 入れ歯が合わない */

    #img39 .headline01 {
        background: url("../images/common/title/img39.jpg") no-repeat top center / auto 100%;
    }

    /* 詰め物が取れた・外れた */

    #img40 .headline01 {
        background: url("../images/common/title/img40.jpg") no-repeat top center / auto 100%;
    }

    /* 歯茎から血が出る */

    #img41 .headline01 {
        background: url("../images/common/title/img41.jpg") no-repeat top center / auto 100%;
    }

    /* 料金案内 */

    #img42 .headline01 {
        background: url("../images/common/title/img42.jpg") no-repeat top center / auto 100%;
    }

    /* WEB予約受付一覧 */

    #img43 .headline01 {
        background: url("../images/common/title/img43.jpg") no-repeat top center / auto 100%;
    }

    /* 目的別・シーン別 */

    #img44 .headline01 {
        background: url("../images/common/title/img44.jpg") no-repeat top center / auto 100%;
    }

    /* 電話予約一覧 */

    #img45 .headline01 {
        background: url("../images/common/title/img45.jpg") no-repeat top center / auto 100%;
    }

    /* 院長スタッフ紹介 */

    #img46 .headline01 {
        background: url("../images/common/title/img46.jpg") no-repeat top center / auto 100%;
    }

    /* 初めての方へ */

    #img47 .headline01 {
        background: url("../images/common/title/img47.jpg") no-repeat top center / auto 100%;
    }

    /* クリニック紹介 */

    #img48 .headline01 {
        background: url("../images/common/title/img48.jpg") no-repeat top center / auto 100%;
    }

    /* 目的別から探す */

    #img49 .headline01 {
        background: url("../images/common/title/img49.jpg") no-repeat top center / auto 100%;
    }

    /* お悩みから探す */

    #img50 .headline01 {
        background: url("../images/common/title/img50.jpg") no-repeat top center / auto 100%;
    }

    /* 院長紹介牧村先生 */

    #img51 .headline01 {
        background: url("../images/common/title/img51.jpg") no-repeat top center / auto 100%;
    }

    /* 診療案内 */

    #img52 .headline01 {
        background: url("../images/common/title/img52.jpg") no-repeat top center / auto 100%;
    }

    /* 診療案内 */

    #img53 .headline01 {
        background: url("../images/common/title/img53.jpg") no-repeat top center / auto 100%;
    }

    /* シーラント */

    #img54 .headline01 {
        background: url("../images/common/title/img54.jpg") no-repeat top center / auto 100%;
    }

    /* 赤ちゃん　歯医者 */

    #img55 .headline01 {
        background: url("../images/common/title/img55.jpg") no-repeat top center / auto 100%;
    }

    /* 医療費控除 */

    #img57 .headline01 {
        background: url("../images/common/title/img57.jpg") no-repeat top center / auto 100%;
    }

    /* 流山ありす歯科・矯正歯科 */

    #img58 .headline01 {
        background: url("../images/common/title/img58.png") no-repeat top center / auto 100%;
    }

    /* ホワイトスポット　伊藤*/

    #img59 .headline01 {
        background: url("../images/common/title/img59.png") no-repeat top center / auto 100%;
    }

    /* 舌苔　伊藤*/

    #img60 .headline01 {
        background: url("../images/common/title/img60.jpg") no-repeat top center / auto 100%;
    }

    /* 大津ヘッド　イトウ作成 */

    #img61 .headline01 {
        background: url("../images/common/title/h1_08.jpg") no-repeat top center / auto 100%;
    }


}



/*SP用*/
@media screen and (max-width:640px) {

    /* 求人TOP */

    #img01 .headline01 {
        background: url("/recruit/images/top_.png") no-repeat top right -2vw / auto 100%;
    }

    /* 痛みの少ない治療 */

    #img02 .headline01 {
        background: url("../images/common/title/img02.jpg") no-repeat top right -23vw / auto 100%;
    }

    /* スポーツ */

    #img03 .headline01 {
        background: url("../images/common/title/img03.jpg") no-repeat top right -55vw / auto 100%;
    }

    /* 成人式 */

    #img04 .headline01 {
        background: url("../images/common/title/img04.jpg") no-repeat top right -18vw / auto 100%;
    }

    /* 就活 */

    #img05 .headline01 {
        background: url("../images/common/title/img05.jpg") no-repeat top right -50vw / auto 100%;
    }

    /* 旅行前 */

    #img06 .headline01 {
        background: url("../images/common/title/img06.jpg") no-repeat top right -60vw / auto 100%;
    }

    /* 訪問 */

    #img07 .headline01 {
        background: url("../images/common/title/img07.jpg") no-repeat top right -55vw / auto 100%;
    }

    /* セラミック */

    #img08 .headline01 {
        background: url("../images/common/title/img08.jpg") no-repeat top right -50vw / auto 100%;
    }

    /* 子供の健康良くしたい */

    #img09 .headline01 {
        background: url("../images/common/title/img09.jpg") no-repeat top right -55vw / auto 100%;
    }

    /* 結婚式 */

    #img10 .headline01 {
        background: url("../images/common/title/img10.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 金属アレルギー */

    #img11 .headline01 {
        background: url("../images/common/title/img11.jpg") no-repeat top right -23vw / auto 100%;
    }

    /* アンチエイジング */

    #img12 .headline01 {
        background: url("../images/common/title/img12.jpg") no-repeat top right -23vw / auto 100%;
    }

    /* 義歯 */

    #img13 .headline01 {
        background: url("../images/common/title/img13.jpg") no-repeat top right -23vw / auto 100%;
    }

    /* 矯正 */

    #img14 .headline01 {
        background: url("../images/common/title/img14.jpg") no-repeat top right -18vw / auto 100%;
    }

    /* 小児歯科 */

    #img15 .headline01 {
        background: url("../images/common/title/img15.jpg") no-repeat top right -55vw / auto 100%;
    }

    /* 予防歯科 */

    #img16 .headline01 {
        background: url("../images/common/title/img16.jpg") no-repeat top right -60vw / auto 100%;
    }

    /* 妊産婦検診 */

    #img17 .headline01 {
        background: url("../images/common/title/img17.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 妊娠中 */

    #img18 .headline01 {
        background: url("../images/common/title/img18.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 口臭 */

    #img19 .headline01 {
        background: url("../images/common/title/img19.jpg") no-repeat top right -20vw / auto 100%;
    }

    /* 託児 */

    #img20 .headline01 {
        background: url("../images/common/title/img20.jpg") no-repeat top right -55vw / auto 100%;
    }

    /* ホワイトニング */

    #img21 .headline01 {
        background: url("../images/common/title/img21.jpg") no-repeat top right -55vw / auto 100%;
    }

    /* 初めての方へ */

    #img22 .headline01 {
        background: url("../images/common/title/img22.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* さくら */

    #img23 .headline01 {
        background: url("../images/common/title/img23.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* たんぽぽ */

    #img24 .headline01 {
        background: url("../images/common/title/img24.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* ありす */

    #img25 .headline01 {
        background: url("../images/common/title/img25.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* きらり */

    #img26 .headline01 {
        background: url("../images/common/title/img26.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 松戸 */

    #img27 .headline01 {
        background: url("../images/common/title/img27.jpg") no-repeat top right -40vw / auto 100%;
    }

    /* 池下 */

    #img28 .headline01 {
        background: url("../images/common/title/img28.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 日進 */

    #img29 .headline01 {
        background: url("../images/common/title/img29.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* アップル */

    #img30 .headline01 {
        background: url("../images/common/title/img30.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 緑区歯科 */

    #img31 .headline01 {
        background: url("../images/common/title/img31.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 歯が痛い */

    #img32 .headline01 {
        background: url("../images/common/title/img32.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 歯が折れた欠けた */

    #img33 .headline01 {
        background: url("../images/common/title/img33.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 歯がしみる */

    #img34 .headline01 {
        background: url("../images/common/title/img34.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 親知らずで悩んでいる */

    #img35 .headline01 {
        background: url("../images/common/title/img35.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 歯石が気になる */

    #img36 .headline01 {
        background: url("../images/common/title/img36.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 歯がぐらぐらする */

    #img37 .headline01 {
        background: url("../images/common/title/img37.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 歯が無い・抜けた */

    #img38 .headline01 {
        background: url("../images/common/title/img38.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 入れ歯が合わない */

    #img39 .headline01 {
        background: url("../images/common/title/img39.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 詰め物が取れた・外れた */

    #img40 .headline01 {
        background: url("../images/common/title/img40.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 歯茎から血が出る */

    #img41 .headline01 {
        background: url("../images/common/title/img41.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 料金案内 */

    #img42 .headline01 {
        background: url("../images/common/title/img42.jpg") no-repeat top right -5vw / auto 100%;
    }

    /* 料金案内 */

    #img43 .headline01 {
        background: url("../images/common/title/img43.jpg") no-repeat top right -15vw / auto 100%;
    }

    /* 目的別・シーン別 */

    #img44 .headline01 {
        background: url("../images/common/title/img44.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 電話予約一覧 */

    #img45 .headline01 {
        background: url("../images/common/title/img45.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 院長スタッフ紹介 */

    #img46 .headline01 {
        background: url("../images/common/title/img46.jpg") no-repeat top right -45vw / auto 100%;
    }

    /* 初めての方へ */

    #img47 .headline01 {
        background: url("../images/common/title/img47.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* クリニック紹介 */

    #img48 .headline01 {
        background: url("../images/common/title/img48.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 目的別から探す */

    #img49 .headline01 {
        background: url("../images/common/title/img49.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* お悩みから探す */

    #img50 .headline01 {
        background: url("../images/common/title/img50.jpg") no-repeat top right -40vw / auto 100%;
    }

    /* 院長紹介牧村先生 */

    #img51 .headline01 {
        background: url("../images/common/title/img51.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* 診療案内 */

    #img52 .headline01 {
        background: url("../images/common/title/img52.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* ワクチン */

    #img53 .headline01 {
        background: url("../images/common/title/img53.jpg") no-repeat top right -30vw / auto 100%;
    }

    /* シーラント */

    #img54 .headline01 {
        background: url("../images/common/title/img54.jpg") no-repeat top right -30vw / auto 100%;
    }


    /* 赤ちゃん　歯医者 */

    #img55 .headline01 {
        background: url("../images/common/title/img55.jpg") no-repeat top left -10vw / auto 100%;
    }

    /* 医療費控除 */

    #img57 .headline01 {
        background: url("../images/common/title/img57.jpg") no-repeat top left -40vw / auto 100%;
    }

    /* 流山ありす歯科・矯正歯科 */

    #img58 .headline01 {
        background: url("../images/common/title/img58.png") no-repeat top left -40vw / auto 100%;
    }


    /* ホワイトスポット　イトウ作成 */

    #img59 .headline01 {
        background: url("../images/common/title/img59.png") no-repeat top left -40vw / auto 100%;
    }

    /* 舌苔　イトウ作成 */

    #img60 .headline01 {
        background: url("../images/common/title/img60.jpg") no-repeat top left -40vw / auto 100%;
    }

    /* 大津ヘッド　イトウ作成 */

    #img61 .headline01 {
        background: url("../images/common/title/h1_08.jpg") no-repeat top left -40vw / auto 100%;
    }
}

/*SP用*/
@media screen and (max-width:640px) {


    nav#sp_global_nav .accordion {
        position: relative;
        cursor: pointer;
        line-height: 1.4;
        padding: 5% 3vw;
        text-align: left;
        background: url("../images/common/arrow_sp_02.png") no-repeat right 10px center / auto 8px;
    }

    nav#sp_global_nav .accordion.open {
        background: url("../images/common/arrow_sp_03.png") no-repeat right 10px center / auto 10px;
    }

    nav#sp_global_nav .sp_subnav ul {
        list-style: none;
        padding: 0;
    }

    nav#sp_global_nav .sp_subnav {
        padding: 0 0 20px 6vw;
    }



}

/*PC用*/
@media print, screen and (min-width: 641px){

    #free_reserve a img{
        width:400px;
    }

}

/* 本日空きあり */

.balloon1 {
    width: 260px;
    position: relative;
    background-color: #FF8C00;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    border-radius: 25px;
}
.balloon1::after {
    content: "";
    position: absolute;
    border: 12px solid transparent;
    border-top: 12px solid #FF8C00;
    margin-top: -4px;
    top: 100%;
    left: 47%;
}
.balloon1 p {
    margin: 0;
    padding: 0;
}

/* 矯正相談ボタン */

/*PC用*/
@media print, screen and (min-width: 641px){
    
    .kyousei_btn{
        display:flex;
        justify-content: space-around;
    }

}

/*SP用*/
@media screen and (max-width:640px) {


}


/* 山田歯科ーーーーーーーーーーー */
/*PC用*/
@media print, screen and (min-width: 641px){
    
    .kyousei_btn{
        display:flex;
        position: relative;
        justify-content: space-around;
    }

    .yoyaku_text1{
        position: relative;
        z-index: 1;
        /* padding-right: 3vw; */
        font-size: 35px;
        font-weight: bold;
        color: #54af2b;
    }

    .under-line{
        border-bottom: 1px solid #54af2b;
        padding: 10px;
    }

    .pickup__text{
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: auto;
        padding: 0 30px;
    }  
    

    .pickup__text .img {
        position: absolute;
        right: 45px;
        top: -175px;
        z-index: 0;
        width: 22%;
    }   
    
    .top-text{
        color: #505050;
        font-size: 22px;
        letter-spacing: 3px;
    }
    
    .yoyaku-text{
        color: #505050;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .yoyaku-text2{
        color: #54af2b;
        font-size: 26px;
        font-weight: bold;
        letter-spacing: 3px;
    }


    .yoyaku-p{
        position: relative;
        z-index: 1;
    }

    
    .yoyaku-p img{
        position: absolute;
        right: 16vw;
        top: -1vw;
        z-index: -1;
        width: 17%;
    }


    .h2-ha{
        position: relative;

    }


    .h2-ha .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
    }

    .h2-ha img{
        position: absolute;
        width: 6%;
        top: 1rem;
        left: 29%;
        z-index: -1;
    }


    .h2-ha1{
        position: relative;
        z-index: 1;

    }

    .h2-ha1 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
    }

    .h2-ha1 img{
        position: absolute;
        width: 6%;
        top: -1rem;
        left: 40%;
        z-index: -1;
    }

    .h2-ha2{
        position: relative;

    }

    .h2-ha2 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
    }

    .h2-ha2 img{
        position: absolute;
        width: 6%;
        top: -17px;
        left: 36%;
        z-index: -1;
    }


    .h2-ha3{
        position: relative;

    }

    .h2-ha3 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
    }

    .h2-ha3 img{
        position: absolute;
        width: 6%;
        top: -1rem;
        left: 36%;
        z-index: -1;
    }

    .h2-ha4{
        position: relative;
        z-index: 1;

    }

    .h2-ha4 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
    }

    .h2-ha4 img{
        position: absolute;
        width: 6%;
        top: -19px;
        left: 26%;
        z-index: -1;
    }


    .parking{
        position: relative;
    }

    .parking img{
        width: 30%;
    }

    .about-p{
        position: absolute;
        top: 17px;
        left: 24px;
        font-size: 16px;
        font-weight: bold;
        color:#54af2b ;
    }

}




/*SP用*/
@media screen and (max-width:640px) {



    .yoyaku_btn{
        /* display: flex; */
        /* width: 50%; */
    align-items: center;
    gap: 10px
    }

    .yoyaku_btn img{
        width: 90%;
    }


    .yoyaku_text1{
        position: relative;
        z-index: 1;
        padding-right: 25vw;
        font-size: 7vw;
        font-weight: bold;
        color: #54af2b;
    }

    .under-line{
        border-bottom: 1px solid #54af2b;
        padding: 5px;
    }

    .top-text{
        color: #505050;
        font-size: 17px;
        letter-spacing: 3px;
    }

    .yoyaku-p{
        position: relative;
        z-index: 1;
    }

    .yoyaku-p p{
        margin: 0px auto 5px;
    }

    .yoyaku-p img{
        position: absolute;
        right: 0px;
        top: -4vw;
        z-index: -1;
        width: 30%;
    }

    .yoyaku-text{
        color: #505050;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 2px;
        margin-right: 15%;
    }

    .yoyaku-text2{
        color: #54af2b;
        font-size: 19px;
        font-weight: bold;
        letter-spacing: 2px;
        margin-right: 18%;

    }


    .footer-fixed-yclinic{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        position: fixed;
        bottom: 0px;
        z-index: 99998;
        /* height: 41px; */
        width: 100%;
        padding: 0;
        /* text-align: center; */
    }


    .footer-web{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 51%;
    }

    .footer-tel{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 51%;
    }

    .h2-ha{
        position: relative;

    }

    .h2-ha .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
        /* background: url("../images/top/h1_ha.png") no-repeat 31% -10px / auto 100%; */
    }

    .h2-ha img{
        position: absolute;
        width: 15%;
        top: 1rem;
        left: 4%;
        z-index: -1;
    }


    .h2-ha1{
        position: relative;
        z-index: 1;

    }

    .h2-ha1 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
        /* background: url("../images/top/h1_ha.png") no-repeat 31% -10px / auto 100%; */
    }

    .h2-ha1 img{
        position: absolute;
        width: 15%;
        top: -19px;
        left: 23%;
        z-index: -1;
    }

    .h2-ha2{
        position: relative;

    }

    .h2-ha2 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
        /* background: url("../images/top/h1_ha.png") no-repeat 31% -10px / auto 100%; */
    }

    .h2-ha2 img{
        position: absolute;
        width: 17%;
        top: -17px;
        left: 12%;
        z-index: -1;
    }


    .h2-ha3{
        position: relative;

    }

    .h2-ha3 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
        /* background: url("../images/top/h1_ha.png") no-repeat 31% -10px / auto 100%; */
    }

    .h2-ha3 img{
        position: absolute;
        width: 17%;
        top: -1rem;
        left: 13%;
        z-index: -1;
    }


    .h2-ha4{
        position: relative;
        z-index: 1;

    }

    .h2-ha4 .headline02 {
        width: 100%;
        max-width: 1000px;
        margin: 30px auto 30px;
        font-size: 32px;
        font-weight: bold;
        color: #54af2b;
        text-align: center;
        font-family: "游ゴシック体",sans-serif;
        letter-spacing: 3px;
        /* background: url("../images/top/h1_ha.png") no-repeat 31% -10px / auto 100%; */
    }

    .h2-ha4 img{
        position: absolute;
        width: 17%;
        top: -19px;
        left: -2%;
        z-index: -1;
    }

    .parking{
        position: relative;
    }

    .parking img{
        width: 80%;
    }

    .about-p{
        position: absolute;
        top: 17px;
        left: 57px;
        font-size: 16px;
        font-weight: bold;
        color:#54af2b ;

    }







}