@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;
}

/* 汎用 */

.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: #68b100;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #b3d87f;
    transition: all 0.3s;
}

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

.btn_05 {
    display: inline-block;
    margin: 0 6px 10px;
    padding: 6px 14px;
    color: #ffffff;
    background: #f56200;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 0 #fab07f;
    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;
    width: 100%;
    max-width: 300px;
    margin: auto 10px;
    padding: 18px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background: url("../images/common/arrow_04.png") no-repeat right 15px center, -moz-linear-gradient(left, rgba(255, 113, 123, 1) 0%, rgba(254, 127, 71, 1) 100%);
    /* FF3.6-15 */
    background: url("../images/common/arrow_04.png") no-repeat right 15px center, -webkit-linear-gradient(left, rgba(255, 113, 123, 1) 0%, rgba(254, 127, 71, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../images/common/arrow_04.png") no-repeat right 15px center, linear-gradient(to right, rgba(255, 113, 123, 1) 0%, rgba(254, 127, 71, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 5px;
    text-decoration: none;
    transition: 0.5s;
}

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

.btn_06:hover {
    color: #ffffff;
    text-decoration: none;
    background: url("../images/common/arrow_04.png") no-repeat right 5px center, -moz-linear-gradient(left, rgba(254, 127, 71, 1) 0%, rgba(255, 113, 123, 1) 100%);
    /* FF3.6-15 */
    background: url("../images/common/arrow_04.png") no-repeat right 5px center, -webkit-linear-gradient(left, rgba(254, 127, 71, 1) 0%, rgba(255, 113, 123, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url("../images/common/arrow_04.png") no-repeat right 5px center, linear-gradient(to right, rgba(254, 127, 71, 1) 0%, rgba(255, 113, 123, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.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%);
}

.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%;
}

.youtube_movie{
	text-align: center;
}

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

	.youtube_movie iframe{
		width: 600px;
		height:350px;
	}

}

/*SP用*/
@media screen and (max-width:640px) {

	.youtube_movie iframe{
		width: 95%;
		height:220px;
	}
}

.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%;
    
    
}

/*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: 20px 0;
        border-top: 8px solid #ff717b;
    }

    .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 {
        margin: 0;
    }

    .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;
    }

    /* 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: 25px;
        text-align: center;
    }

    nav .btnFixBox {
        width: 70px;
        position: fixed;
        left: 0;
        z-index: 100;
        text-align: center;
        margin-top: 25px;
    }

    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: #ffe1de;
    }

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

    .page-top a,.page-top-line 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, rgba(255, 113, 123, 1) 0%, rgba(254, 127, 71, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 113, 123, 1) 0%, rgba(254, 127, 71, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 113, 123, 1) 0%, rgba(254, 127, 71, 1) 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  {
        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__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/arrow_06.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, #ff717b;
    }

    /*--------------------
	.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 {
        display: block;
        width: 100%;
        padding: 14px 5px;
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        background: #ff717b;
    }
    
    /*--------------------
	.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:linear-gradient(180deg, #3cc5de 0%, #3cc5de 50%, #00b3cd 50%, #00b3cd 100%);
        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:linear-gradient(180deg, #FF4444 0%, #FF4444 50%, #BF3434 50%, #BF3434 100%);
        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:linear-gradient(180deg, #06c755 0%, #06c755 50%, #00b651 50%, #00b651 100%);
        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;
        text-align: center;
    }

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

    main .headline03 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 55px;
        color: #ff717b;
        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: #ff717b;
        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: #ff717b;
        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: #68b100;
        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;
    }

    /* キャプション */
    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: #ffe1de;
    }

    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: #ffe1de;
    }

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

    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: #fff4d7;
    }

    /* カラム */
    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 #ff717b;
    }

    /* リスト */
    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: #ff717b;
        background: url("../images/common/arrow_02.png") no-repeat right 15px center #ffffff;
        border: 1px solid #ff717b;
    }

    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: #ffe1de;
    }

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

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

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

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

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

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

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

    main table .bg_pink_p {
        background: #ffe1de !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/icon_qa_q.png") no-repeat left top;
    }

    main .qa dd {
        min-height: 41px;
        padding-left: 50px;
        margin: 0 30px 50px;
        background: url("../images/common/icon_qa_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: #ffe1de;
    }

    .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: #ff717b;
    }

    .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: #ffe1de;
    }

    .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: 24%;
        flex-basis: 24%;
        max-width: 24%;
        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: 20px;
        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: #ff717b;
        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: 80px;
        padding: 0;
        border-top: 8px solid #ff717b;
    }

    .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: 3vw calc(50px + 6vw) 3vw 3vw;
    }

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

    .header-logo img {
        width: auto;
        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: #ffe1de;
    }

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

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

    .page-top a,.page-top-line 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: #ff717b;
        border-radius: 30px;
        border: 2px solid #ffffff;
        transition: 0.3s;
    }

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

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

    /*--------------------
	.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: 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/arrow_06.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: #ff717b;
        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: #ff717b;
    }

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

    /*--------------------
	.footer-fixed
	--------------------*/

    .footer-fixed-bg{
        background-color:rgba(255,255,255,0.8);
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 9998;
    }
    .footer-fixed {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        height: 80px;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
        background-color:rgba(255,255,255,0.8);
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 9998;
    }
    .footer-fixed-line {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        height: 80px;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
    }

    .footer-fixed-line:nth-child(2){
        padding-right: 6px;
        padding-left: 6px;
        margin-top:-10px;
    }

    .footer_btn_01 {
        display: flex;
        justify-content: center;
        align-items: center;
        background:linear-gradient(180deg, #3cc5de 0%, #3cc5de 50%, #00b3cd 50%, #00b3cd 100%);
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 48%;
    }

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

    .footer_btn_02 {
        display: flex;
        justify-content: center;
        align-items: center;
        background:linear-gradient(180deg, #FF4444 0%, #FF4444 50%, #BF3434 50%, #BF3434 100%);
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 48%;
    }

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

    .footer_btn_03 {
        /* display: flex;
        justify-content: center;
        align-items: center; */
        background:linear-gradient(180deg, #06c755 0%, #06c755 50%, #00b651 50%, #00b651 100%);
        border: none;
        border-radius: 5px;
        font-weight: 600;
        height: 60px;
        width: 95%;
        padding-top:0.5em;
    }

    .footer_btn_03 a {
        color: #ffffff;
        font-size:2rem !important;
        text-decoration: none;
    }

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

    .reserve_btn_01 {
        display: flex;
        justify-content: center;
        align-items: center;
        background:linear-gradient(180deg, #3cc5de 0%, #3cc5de 50%, #00b3cd 50%, #00b3cd 100%);
        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:linear-gradient(180deg, #FF4444 0%, #FF4444 50%, #BF3434 50%, #BF3434 100%);
        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:linear-gradient(180deg, #06c755 0%, #06c755 50%, #00b651 50%, #00b651 100%);
        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;
        text-align: center;
    }

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

    main .headline03 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 30px;
        color: #ff717b;
        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: #ff717b;
        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: #ff717b;
        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: #68b100;
        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: 16px;
        line-height: 1.6;
    }

    /* キャプション */
    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: #ffe1de;
    }

    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: #ffe1de;
    }

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

    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: #fff4d7;
    }

    /* カラム */
    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 #ff717b;
    }

    /* リスト */
    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: 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: #ffe1de;
    }

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

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

    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: #ff717b;
    }

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

    main .table03 thead th {
        color: #ffffff;
        text-align: center;
        background: #ff717b;
        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: #ffe1de !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/icon_qa_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/icon_qa_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: #ffe1de;
    }

    .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: #ff717b;
    }

    .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: #ffe1de;
    }

    .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-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: 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: 3.5vw;
        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 {
    width: 100%;
    margin: 0 auto 70px;
    padding: 40px 10px;
    background: #ffe1de;
    text-align: center;
}

.pickup-white {
    width: 100%;
    margin: 0 auto 70px;
    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;
    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;
}

.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__text {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 30px;
    background: #ffffff;
}

.pickup .pickup__text .img {
    position: absolute;
    right: 25px;
    top: -192px;
    z-index: 0;
}

.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 .pickup__text .btn_04 {
    padding: 15px 51px 15px 74px;
    background: url("../images/common/pickup_icon_01.png") no-repeat left 40px center, url("../images/common/pickup_arrow.png") no-repeat right 40px center, #68b100;
}

.pickup__text .btn_05 {
    padding: 15px 51px 15px 79px;
    background: url("../images/common/pickup_icon_02.png") no-repeat left 60px center, url("../images/common/pickup_arrow.png") no-repeat right 40px center, #f56200;
}

.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;
}

.balloon2 {
    position: relative;
    background-color: #EB6270;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
}
.balloon2::after {
    content: "";
    position: absolute;
    border: 12px solid transparent;
    border-top: 12px solid #EB6270;
    margin-top: -4px;
    top: 100%;
    left: 47%;
}
.balloon2 p {
    margin: 0;
    padding: 0;
}

.clinic_name1{
    color: #EB6270;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.balloon3 {
    position: relative;
    background-color: #8DC456;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
}
.balloon3::after {
    content: "";
    position: absolute;
    border: 12px solid transparent;
    border-top: 12px solid #8DC456;
    margin-top: -4px;
    top: 100%;
    left: 47%;
}
.balloon3 p {
    margin: 0;
    padding: 0;
}
.clinic_name2{
    color: #8DC456;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.balloon4 {
    position: relative;
    background-color: #3DBDE2;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
}
.balloon4::after {
    content: "";
    position: absolute;
    border: 12px solid transparent;
    border-top: 12px solid #3DBDE2;
    margin-top: -4px;
    top: 100%;
    left: 47%;
}
.balloon4 p {
    margin: 0;
    padding: 0;
}
.clinic_name3{
    color: #3DBDE2;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

/*SP用*/
@media screen and (max-width:640px) {

    /*--------------------
	.pickup 
	--------------------*/
    .pickup {
        width: 100%;
        margin: 0 auto 40px;
        padding: 40px 10px;
        background: #ffe1de;
        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;
    }

    .pickup .pickup__text {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: auto;
        padding: 5vw;
        background: #ffffff;
    }

    .pickup .pickup__text .img {
        position: absolute;
        right: 0;
        top: -30vw;
        z-index: 0;
        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;
    }

    .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, #68b100;
    }

    .pickup .pickup__text .btn_05 {
        padding: 3vw 10vw 3vw 15vw;
        background: url("../images/common/pickup_icon_02.png") no-repeat left 12vw center, url("../images/common/pickup_arrow.png") no-repeat right 8vw center, #f56200;
    }
}


/* 葉ページトップ画像設定 title*/


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

    /* 大型連休 */

    #img01 .headline01 {
		background: url("../images/common/title/img01.jpg") 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%;
}


    }



/*SP用*/
@media screen and (max-width:640px) {

    /* 大型連休 */

	#img01 .headline01 {
		background: url("../images/common/title/img01.jpg") no-repeat top right -23vw / 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%;
    } 
}


/* シーラント瀧田作成 */

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

    .pc-text-center{
        text-align:center;
    }

    .font-size-big p {
        width: 100%;
        max-width: 1000px;
        font-size: 20px;
    }

}

/*SP用*/
@media screen and (max-width:640px) {

    .font-size-big p {
        width: 100%;
        max-width: 1000px;
        font-size: 18px;
    }


}