@charset "utf-8";

/*===================================
 ベース（基本設定）
==================================*/
.color01 {
    color: #439032;
}

.color02 {
    color: #e5f4cc;
}

.color03 {
    color: #4a2a0d;
}

.color04 {
    color: #000;
}

.bgcolor01 {
    background-color: #439032;
}

.bgcolor02 {
    background-color: #e5f4cc;
}

.bgcolor03 {
    background-color: #4a2a0d;
}

.bgcolor04 {
    background-color: #000;
}

/*===================================
 汎用クラス
==================================*/
/**
エリア
*/
.area {
    padding: 80px 0;
}

.area80 {
    padding: 80px 0;
}

.area60 {
    padding: 60px 0;
}

.area40 {
    padding: 40px 0;
}

.area20 {
    padding: 20px 0;
}

.areab {
    padding-bottom: 80px;
}

.area80b {
    padding-bottom: 80px;
}

.area60b {
    padding-bottom: 60px;
}

.area40b {
    padding-bottom: 40px;
}

.area20b {
    padding-bottom: 20px;
}

.areat {
    padding-top: 80px;
}

.area80t {
    padding-top: 80px;
}

.area60t {
    padding-top: 60px;
}

.area40t {
    padding-top: 40px;
}

.area20t {
    padding-top: 20px;
}

@media only screen and (max-width: 1024px) {
    .area {
        padding: 40px 0;
    }

    .area80 {
        padding: 60px 0;
    }

    .area60 {
        padding: 40px 0;
    }

    .area40 {
        padding: 20px 0;
    }

    .areab {
        padding-bottom: 40px;
    }

    .area80b {
        padding-bottom: 60px;
    }

    .area60b {
        padding-bottom: 40px;
    }

    .area40b {
        padding-bottom: 20px;
    }

    .areat {
        padding-top: 40px;
    }

    .area80t {
        padding-top: 60px;
    }

    .area60t {
        padding-top: 40px;
    }

    .area40t {
        padding-top: 20px;
    }
}

/**
マージン
*/
.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

@media only screen and (max-width: 599px) {
    .mb50 {
        margin-bottom: 30px;
    }

    .mb100 {
        margin-bottom: 50px;
    }
}

/**
幅
*/
/*タブレット時に幅１００％*/
.w40tb,
.w55tb {
    margin-right: auto;
    margin-left: auto;
}

.w40tb {
    width: 40%;
}

.w45tb {
    width: 50%;
}

@media only screen and (max-width: 1024px) {

    .w40tb,
    .w55tb {
        margin-bottom: 5%;
        width: 100%;
    }
}

/*中央寄せ*/
.w80c {
    margin: 0 auto;
    width: 80%;
}

.w70c {
    margin: 0 auto;
    width: 70%;
}

@media only screen and (max-width: 599px) {
    .w80c {
        margin: 0 auto 2%;
        width: 100%;
    }

    .w70c {
        margin: 0 auto 2%;
        width: 100%;
    }
}

/*sp時に幅を小さめ*/
@media only screen and (max-width: 599px) {
    .spsmall {
        margin-right: auto;
        margin-left: auto;
        max-width: 300px;
    }
}

/**
テキスト
*/
/*文字寄せ*/
.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

/*文字をまとめて落とす*/
.group {
    display: inline-block;
}

/*打消し線*/
.strike {
    text-decoration: line-through;
}

/*下線*/
.underline {
    text-decoration: underline;
}

/**
heightLine
*/
[class*='heightLine'] {
    display: block;
}

@media only screen and (max-width: 1024px) {
    [class*='heightLine-tb'] {
        height: auto !important;
    }
}

@media only screen and (max-width: 599px) {
    [class*='heightLine-sp'] {
        height: auto !important;
    }
}

/**
その他
*/
/*モバイル時に順序を並べ替え*/
@media only screen and (max-width: 599px) {
    .change_sp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

/*PC時のみ非表示*/
@media only screen and (min-width: 1025px) {
    .no_pc {
        display: none;
    }
}

[data-element-id] .no_pc {
    display: block;
}

/*TB以下非表示*/
@media only screen and (max-width: 1024px) {
    .no_tb {
        display: none;
    }
}

[data-element-id] .no_tb {
    display: block;
}

/*sp時のみ非表示*/
@media only screen and (max-width: 599px) {
    .no_sp {
        display: none;
    }
}

[data-element-id] .no_sp {
    display: block;
}

/*********************************************
    汎用レイアウト（全ページ共通）
*********************************************/
/*汎用レイアウト1（全ページ共通）*/
.layout_cmn01 .ttl {
    margin-bottom: 40px;
}

.layout_cmn01 .cap {
    margin-bottom: 10px;
}

.layout_cmn01 .fig {
    margin-bottom: 5px;
}

@media only screen and (max-width: 599px) {
    .layout_cmn01 .ttl {
        margin-bottom: 20px;
    }
}

/*汎用レイアウト2（全ページ共通）*/
.layout_cmn02 .ttl {
    margin-bottom: 20px;
}

.layout_cmn02 .cap {
    margin-bottom: 10px;
}

.layout_cmn02 .fig {
    margin-bottom: 5px;
}

@media only screen and (max-width: 599px) {
    .layout_cmn02 .ttl {
        margin-bottom: 20px;
    }
}

/*2カラムコンテンツ
（サイドメニューとメインコンテンツ）*/
.column2 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.column2 .side {
    width: 290px;
}

.column2 .main {
    width: calc(100% - 310px);
}

@media only screen and (max-width: 1024px) {
    .column2 .inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .column2 .side {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 5%;
        width: 100%;
    }

    .column2 .main {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 5%;
        width: 100%;
    }
}

/*左右の要素を入れ替え*/
.change {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/*左右の要素を順に入れ替え*/
.alternate .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/*********************************************
    汎用画像クラス　img
*********************************************/
.img {
    text-align: center;
}

/*正円画像*/
.img.-circle {
    overflow: hidden;
    border-radius: 50%;
}

/*角丸画像*/
.img.-round {
    overflow: hidden;
    border-radius: 20px;
}

/*モバイル時に小さめに表示*/
@media only screen and (max-width: 599px) {
    .img.-smallsp {
        margin-right: auto;
        margin-left: auto;
        width: 80%;
    }
}

/*モバイル時により小さめに表示*/
.img.-smallersp {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 599px) {
    .img.-smallersp {
        width: 50%;
    }
}

/*背景画像*/
.bgimg {
    position: relative;
}

.img.-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.img.-bgimg img {
    width: 100%;
    height: 100%;
    /*IE対策*/
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*IE対策*/
/*フィルター*/
.img.-filter:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
    opacity: 0.8;
}

/**
object-fit
*/
/*object-fit(cover)IE対応*/
.img.-cover img {
    width: 100%;
    height: 100%;
    /*IE対策*/
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*IE対策*/
/*object-fit(contain)IE対応*/
.img.-contain img {
    width: 100%;
    height: 100%;
    /*IE対策*/
    font-family: 'object-fit: contain; object-position: 50% 50%;';
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*IE対策*/
/*object-fit画像右寄せ*/
.img.-right img {
    font-family: 'object-fit: cover; object-position: center right;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center right;
    object-position: center right;
}

/*object-fit画像上寄せ*/
.img.-top img {
    font-family: 'object-fit: cover; object-position: top center;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
}

/**
アスペクト比固定
*/
/*基本アスペクト
（下に続く比率クラスと合わせて使用）*/
.aspect {
    position: relative;
    display: block;
}

.aspect:before {
    display: block;
    content: '';
}

.aspect img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*IE対策*/
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*IE対策*/
/*比率*/
.aspect.-ratio20:before {
    padding-top: 20%;
}

.aspect.-ratio30:before {
    padding-top: 30%;
}

.aspect.-ratio40:before {
    padding-top: 40%;
}

.aspect.-ratio45:before {
    padding-top: 45%;
}

.aspect.-ratio50:before {
    padding-top: 50%;
}

.aspect.-ratio55:before {
    padding-top: 55%;
}

.aspect.-ratio60:before {
    padding-top: 60%;
}

.aspect.-ratio65:before {
    padding-top: 65%;
}

.aspect.-ratio70:before {
    padding-top: 70%;
}

.aspect.-ratio75:before {
    padding-top: 75%;
}

.aspect.-ratio80:before {
    padding-top: 80%;
}

.aspect.-ratio90:before {
    padding-top: 90%;
}

.aspect.-ratio100:before {
    padding-top: 100%;
}

/*********************************************
    fead系
*********************************************/
.fead-right {
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translate3d(-100vw, 0, 0);
    transform: translate3d(-100vw, 0, 0);
}

.fead-right.mv {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fead-left {
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0);
}

.fead-left.mv {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*********************************************
    コメント
*********************************************/
[class*='load_'] {
    position: relative;
    min-height: 50px;
    border: 3px solid #00bcd4;
}

[class*='load_']:before {
    position: absolute;
    z-index: 100;
    display: block;
    background: #00bcd4;
    color: #ff0;
    content: '共通要素';
    text-align: center;
    font-weight: bold;
}

/*********************************************
    共通ボックス　box_cmn
*********************************************/
/*共通ボックス１*/
.box_cmn01 .head {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
}

.box_cmn01 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 50px;
    border: 1px solid #4a2a0d;
    background: rgba(255, 255, 255, 0.5);
}

.box_cmn01 .item {
    margin: 0 30px 10px 0;
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.box_cmn01 .item:before {
    margin-right: 5px;
    color: #439032;
    content: '\f00c';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}

.box_cmn01 .point {
    color: #439032;
    text-decoration: underline;
}

@media only screen and (max-width: 599px) {
    .box_cmn01 .list {
        padding: 20px;
    }

    .box_cmn01 .item {
        margin-right: 15px;
        font-size: 16px;
    }
}

/*共通ボックス２*/
.box_cmn02 {
    position: relative;
    z-index: 1;
    padding: 30px 50px;
    border: 1px solid #e5f4cc;
    background: rgba(255, 255, 255, 0.5);
}

.box_cmn02:before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #e5f4cc;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 599px) {
    .box_cmn02 {
        padding: 20px;
    }
}

/*********************************************
    共通ブロック　block_cmn
*********************************************/
/*===================================
 共通タイトル　ttl_cmn
==================================*/
/*共通タイトル1*/
.ttl_cmn01 {
    margin-bottom: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    line-height: 130%;
}

.ttl_cmn01 .ttlin {
    position: relative;
    display: inline-block;
    padding: 0 60px;
}

.ttl_cmn01 .ttlin:before,
.ttl_cmn01 .ttlin:after {
    position: absolute;
    top: 0;
    display: block;
    width: 50px;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
}

.ttl_cmn01 .ttlin:before {
    left: 0;
    background-image: url(/import/tenant_1/133.167.72.115/html/images/01home/deco02_left.png);
}

.ttl_cmn01 .ttlin:after {
    right: 0;
    background-image: url(/import/tenant_1/133.167.72.115/html/images/01home/deco02_right.png);
}

@media only screen and (max-width: 599px) {
    .ttl_cmn01 {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .ttl_cmn01 .ttlin {
        padding: 0 40px;
    }

    .ttl_cmn01 .ttlin:before,
    .ttl_cmn01 .ttlin:after {
        width: 30px;
    }
}

/*共通タイトル２*/
.ttl_cmn02 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4a2a0d;
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
}

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

/*共通タイトル３*/
.ttl_cmn03 {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4a2a0d;
    font-weight: bold;
    font-size: 28px;
    line-height: 130%;
}

@media only screen and (max-width: 599px) {
    .ttl_cmn03 {
        font-size: 20px;
    }
}

/*共通タイトル４*/
.ttl_cmn04 {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
    color: #439032;
    font-weight: bold;
    line-height: 130%;
}

.ttl_cmn04:before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #439032;
    content: '';
}

.ttl_cmn04.-underline {
    padding-bottom: 10px;
    border-bottom: 1px solid #4a2a0d;
}

/*===================================
 共通リスト　list_cmn
==================================*/
/*ページネーション１*/
.pagenation02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagenation02 .item {
    margin: 0 10px;
}

.pagenation02 .prev {
    position: relative;
    margin-right: 20px;
}

.pagenation02 .prev a {
    font-size: 20px;
}

.pagenation02 .prev a:before {
    content: '<';
}

.pagenation02 .next {
    position: relative;
    margin-left: 20px;
}

.pagenation02 .next a {
    font-size: 20px;
}

.pagenation02 .next a:before {
    content: '>';
}

.pagenation02 a,
.pagenation02 .now {
    font-weight: bold;
}

.pagenation02 .number a,
.pagenation02 .now {
    display: block;
    padding: 2px 8px;
}

.pagenation02 .number a:hover,
.pagenation02 .now {
    -webkit-transform: translateY(-3px) scale(1.7);
    -ms-transform: translateY(-3px) scale(1.7);
    transform: translateY(-3px) scale(1.7);
}

@media only screen and (max-width: 599px) {
    .pagenation02 .item {
        margin: 0 5px;
    }

    .pagenation02 .prev {
        margin-right: 20px;
    }

    .pagenation02 .next {
        margin-left: 20px;
    }
}

/*共通リスト１*/
.list_cmn01 .item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    line-height: 130%;
}

.list_cmn01 .item:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #439032;
    content: '\f00c';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}

/*共通リスト２*/
.list_cmn02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list_cmn02 .item {
    margin: 0 10px 5px 0;
    padding: 3px;
    min-width: 120px;
    background: #439032;
    color: #fff;
    text-align: center;
}

/*共通テーブル１*/
.table_cmn01 .head {
    margin-bottom: 5px;
    padding: 2px;
    background: #439032;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.table_cmn01 .txt {
    margin-top: 5px;
    text-align: right;
}

.table_cmn01 .wrap {
    overflow: auto;
}

.table_cmn01 .table {
    width: 100%;
    border: 1px solid #999;
    border-collapse: collapse;
    background: #fff;
}

.table_cmn01 .datattl01 {
    padding: 5px;
    background: #f8f9fa;
}

.table_cmn01 .datattl02,
.table_cmn01 .data {
    padding: 5px;
}

.table_cmn01 .data {
    color: #439032;
    text-align: center;
}

/*共通テーブル２*/
.table_cmn02 .wrap {
    overflow: auto;
}

.table_cmn02 .table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #999;
}

.table_cmn02 .item:nth-child(2n) {
    background: #eee;
}

.table_cmn02 .datattl01 {
    padding: 5px;
    background: #439032;
    color: #fff;
}

.table_cmn02 .datattl02,
.table_cmn02 .data {
    padding: 5px;
    min-width: 100px;
}

.table_cmn02 .datattl02 {
    min-width: 130px;
    font-weight: normal;
}

.table_cmn02 .data {
    text-align: center;
}

.table_cmn02 .data:last-of-type {
    min-width: 200px;
    max-width: 250px;
    text-align: left;
}

/*********************************************
    共通ボタン　btn_cmn
*********************************************/
/*共通ボタン１*/
.btn_cmn01 {
    text-align: center;
}

.btn_cmn01 a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 5px 20px;
    border: 1px solid #4a2a0d;
}

.btn_cmn01 a:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 0;
    height: 100%;
    background: #4a2a0d;
    content: '';
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn_cmn01 a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 1;
    content: '\f061';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn_cmn01 a:hover {
    color: #fff;
    opacity: 1;
}

.btn_cmn01 a:hover:before {
    width: 100%;
}

.btn_cmn01.-small {
    max-width: 200px;
}

.btn_cmn01.-center {
    margin-right: auto;
    margin-left: auto;
}

.btn_cmn01.-right {
    margin-left: auto;
}

.btn_cmn01.-none a:after {
    content: none;
}

.btn_cmn01.-back a:after {
    right: inherit;
    left: 5px;
    content: '\f060';
}

/*共通ボタン２*/
.btn_cmn02 {
    max-width: 320px;
    text-align: center;
}

.btn_cmn02 a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 5px 25px;
    border: 1px solid #439032;
}

.btn_cmn02 a:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 0;
    height: 100%;
    background: #439032;
    content: '';
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn_cmn02 a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 1;
    color: #439032;
    content: '\f019';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn_cmn02 a:hover {
    color: #fff;
    opacity: 1;
}

.btn_cmn02 a:hover:before {
    width: 100%;
}

.btn_cmn02 a:hover:after {
    color: #fff;
}

.btn_cmn02.-center {
    margin: 0 auto;
}

.btn_cmn02.-large {
    max-width: 500px;
}

.btn_cmn02.-red a {
    color: #f00;
}

.btn_cmn02.-red a:hover {
    color: #fff;
}

/*共通ボタン３*/
.btn_cmn03 a {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    font-size: 18px;
}

.btn_cmn03 a:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #439032;
    content: '\f35d';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}

/*共通ボタン４*/
.btn_cmn04 {
    display: inline-block;
}

.btn_cmn04 a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 40px 5px 5px;
    min-height: 40px;
    background: #439032;
    color: #fff;
    font-size: 14px;
    line-height: 130%;
}

.btn_cmn04 a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    content: '\f48e';
    font-weight: 600;
    font-size: 26px;
    font-family: 'Font Awesome 5 Free';
    opacity: 0.7;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*===================================
 他共通エレメント _cmn
==================================*/
/*共通tel*/
.tel_cmn01 a {
    position: relative;
    display: block;
    padding-left: 30px;
    font-weight: bold;
    font-size: 18px;
}

.tel_cmn01 a:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/import/tenant_1/133.167.72.115/html/images/common/icon01.png) no-repeat center;
    background-size: contain;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tel_cmn01.-large a {
    font-size: 30px;
}

.tel_cmn01.-typeb a {
    color: #000;
}

/*共通装飾１*/
.deco_cmn01 {
    position: relative;
    z-index: 1;
}

.deco_cmn01 .deco {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: -1;
    width: 250px;
    height: 250px;
}

.deco_cmn01 .deco img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: contain; object-position: 50% 50%;';
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*********************************************
    モジュール（共通機能群）
*********************************************/
/*h1ページタイトル*/
.pagettl {
    display: none;
}

[data-element-id] .pagettl {
    display: none;
}

/*トップへ戻る*/
.totop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 200;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #439032;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    line-height: 130%;
    cursor: pointer;
}

.totop:before {
    display: block;
    content: '\f0d8';
    font-weight: bold;
    font-size: 20px;
    font-family: 'Font Awesome 5 Free';
}

@media only screen and (max-width: 599px) {
    .totop {
        right: 0;
        bottom: 0;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .totop:before {
        font-size: 20px;
    }
}

/*グローバルナビの基本設定*/
#gnav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999;
    cursor: pointer;
    border-bottom: none;
}

.gnav.fixed .item01>a:before,
.gnav.fixed .item01 .itemin:before {
    height: 20px;
    width: 20px;
    margin-bottom: 5px;
}

.gnav.fixed .item01 > a,
.gnav.fixed .item01 .itemin {
    font-size: 14px;
}

.gnav.fixed .list02 {
    padding-top: 5px;
}

[data-element-id] #gnav.fixed {
    position: relative;
}

@media only screen and (max-width: 1024px) {
    #gnav {
        position: fixed;
        top: 0;
        right: 0;
        overflow: auto;
        width: 300px;
        height: 100%;
        background: rgba(255, 255, 255, 0.9);
        -webkit-transition: -webkit-transform ease 0.5s;
        transition: -webkit-transform ease 0.5s;
        transition: transform ease 0.5s;
        transition: transform ease 0.5s, -webkit-transform ease 0.5s;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-overflow-scrolling: touch;
    }

    #gnav.action {
        z-index: 250;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    #gnav .wrap {
        padding-bottom: 100px;
    }

    .toggle {
        position: fixed !important;
        top: 0px;
        right: 0px;
        z-index: 251;
        display: block !important;
        width: 42px;
        height: 42px;
        background: #170302;
        opacity: 0.8;
        cursor: pointer;
    }

    .toggle .bar {
        position: absolute;
        top: 50%;
        left: 7px;
        display: block;
        margin-top: -1px;
        padding: 0;
        width: 28px;
        height: 2px;
        background: #fff;
        text-indent: 9999px;
        transition: ease 0.4s;
        -webkit-transition: ease 0.4s;
    }

    .toggle .bar:before,
    .toggle .bar:after {
        position: absolute;
        left: 0;
        display: block;
        width: 28px;
        height: 2px;
        background: #fff;
        content: '';
    }

    .toggle .bar:before {
        top: -10px;
    }

    .toggle .bar:after {
        top: 10px;
    }

    .toggle.active .bar {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .toggle.active .bar:after,
    .toggle.active .bar:before {
        top: 0;
        left: 0;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }

    .overlay:after {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 249;
        width: 100%;
        height: 100vh;
        background: #000;
        content: '';
        opacity: 0.3;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
    }
}

/*フォーム*/
.form .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 20px 0;
    border-bottom: 2px solid #999;
}

.form .datattl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 200px;
    color: #439032;
    font-weight: bold;
}

.form .require {
    display: inline-block;
    margin-left: 10px;
    padding: 0 4px;
    background: #4a2a0d;
    color: #fff;
    font-size: 14px;
    line-height: 1.6em;
}

.form .data {
    padding-left: 50px;
    width: 100%;
}

.form .data input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    width: 100%;
    border: 1px solid #999;
}

.form .data input[type='radio'] {
    display: none;
}

.form .data input[type='radio']+label {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    padding-left: 20px;
    line-height: 200%;
}

.form .data input[type='radio']+label::before {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #303841;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: inset 1px 1px 0 1px #999;
    box-shadow: inset 1px 1px 0 1px #999;
    content: '';
}

.form .data input[type='radio']:checked+label::after {
    position: absolute;
    top: 7px;
    left: 3px;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #303841;
    content: '';
}

.form .data input[type='radio']:checked+label {
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.form .data input[type='number'] {
    margin-right: 10px;
    width: 70px;
}

.form .data select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #999;
    color: inherit;
}

.form .data textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 170px;
    border: 1px solid #999;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}

.form .data01 div {
    display: inline-block;
}

.form .btn {
    margin-top: 30px;
}

.form .btn button {
    margin: 10px 20px;
    padding: 0.2em;
    width: 200px;
    border: none;
    border-radius: 2em;
    background: #4a2a0d;
    color: #fff;
    text-align: center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.form .btn button:hover {
    opacity: 0.6;
    cursor: pointer;
}

@media only screen and (max-width: 1024px) {
    .form .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form .datattl {
        display: block;
        margin-bottom: 10px;
    }

    .form .data {
        padding-left: 0;
    }
}

/**************************************
    共通要素
**************************************/
/**
ヘッダー
header
*/
.header {
    padding: 20px 0;
}

.header .contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .left .txt {
    font-size: 14px;
}

.header .left .logo {
    color: #439032;
    font-weight: bold;
    font-size: 26px;
    line-height: 130%;
}

.header .left .logo a {
    display: block;
}

.header .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .right.fixed {
    position: fixed;
    right: 70px;
    bottom: 20px;
    z-index: 200;
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
    background: rgba(255, 255, 255, .5);
}

.header .right.fixed .time {
    display: none;
}

.header .right.fixed .facebook {
    display: block;
}

.header .right .txt {
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
}

.header .right .txtin {
    display: block;
}

.header .right .facebook {
    margin-left: 10px;
    font-size: 26px;
    color: #3b569c;
    display: none;
}

[data-element-id] .header .right .facebook {
    display: block;
}

.header .right .time {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 10px;
    padding: 0 22px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #ffce37;
    background-clip: content-box;
    background-size: contain;
    text-align: center;
    font-size: 14px;
    line-height: 130%;
}

.header .right .time:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 40px;
    height: 100%;
    background: url(/import/tenant_1/133.167.72.115/html/images/common/deco01.png) no-repeat center right;
    background-size: contain;
    content: '';
}

.header .right .time:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    width: 69px;
    height: 69px;
    border: 1px solid #fff;
    border-radius: 50%;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.header .right .timein02 {
    font-weight: bold;
    font-size: 16px;
}

@media all and (-ms-high-contrast: none){
  .header .right .time {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin-left: 22px;
  }
  .header .right .time:before {
    left: -22px;
  }
}

@media only screen and (max-width: 1024px) {
    .header {
        padding: 0;
    }

    .header .contents {
        height: 42px;
    }

    .header .left .txt {
        display: none;
    }

    .header .left .logo {
        font-size: 20px;
    }

    .header .right {
        display: none;
    }

    .header .right.fixed {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (max-width: 599px) {
    .header .left .logo {
        font-size: 16px;
    }

    .header .right .facebook {
        font-size: 20px;
    }

    .header .right.fixed {
        right: 40px;
        bottom: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 20px;
        width: calc(100% - 40px);
        height: 40px;
    }

    .header .right.fixed .txt {
        display: none;
    }

    .header .right.fixed .time {
        display: none;
    }

    .header .right.fixed .tel a {
        font-size: 20px;
    }
}

/**
グローバルナビ
gnav
*/
.gnav {
    position: relative;
    z-index: 100;
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}

.gnav.fixed {
    padding: 5px 0;
}

.gnav .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gnav .logo {
    display: none;
    color: #439032;
    line-height: 130%;
}

.gnav .list01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
}

.gnav .item01 {
    margin: 0 20px;
    text-align: center;
    font-size: 16px;
}

.gnav .item01>a,
.gnav .item01 .itemin {
    position: relative;
    display: block;
    cursor: pointer;
}

.gnav .item01>a:hover {
    opacity: 1;
}

.gnav .item01>a:after,
.gnav .item01 .itemin:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 0;
    height: 1px;
    background: #4a2a0d;
    content: '';
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gnav .item01>a:hover:after,
.gnav .item01 .itemin:hover:after {
    width: 100%;
}

.gnav .item01>a:before,
.gnav .item01 .itemin:before {
    display: block;
    margin: 0 auto 10px;
    width: 30px;
    height: 30px;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
}

.gnav .item01.home a:before {
    background-image: url(/import/tenant_1/133.167.72.115/html/images/common/icon02.png);
}

.gnav .item01.doctor a:before {
    background-image: url(/import/tenant_1/133.167.72.115/html/images/common/icon03.png);
}

.gnav .item01.about a:before {
    background-image: url(/import/tenant_1/133.167.72.115/html/images/common/icon04.png);
}

.gnav .item01.medical a:before {
    background-image: url(/import/tenant_1/133.167.72.115/html/images/common/icon05.png);
}

.gnav .item01.access a:before {
    background-image: url(/import/tenant_1/133.167.72.115/html/images/common/icon06.png);
}

.gnav .item01.clinic a:before {
    background-image: url(/import/tenant_1/133.167.72.115/html/images/common/icon07.png);
}

.gnav .item01.qa a:before {
    background-image: url(/import/tenant_1/133.167.72.115/html/images/common/icon08.png);
}

.gnav .item01.-parent {
    position: relative;
}

.gnav .item01.-parent:hover .list02 {
    visibility: visible;
    opacity: 1;
}

.gnav .list02 {
    position: absolute;
    top: 100%;
    left: 50%;
    visibility: hidden;
    padding-top: 20px;
    width: 220px;
    background: rgba(255, 255, 255, 0.8) content-box;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

[data-element-id] .gnav .item01.-parent {
    position: inherit;
}

[data-element-id] .gnav .list02 {
    opacity: 1;
    visibility: visible;
    left: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.gnav .item02 {
    border-bottom: 1px solid #fff;
}

.gnav .item02 a {
    position: relative;
    display: block;
    padding: 10px 30px 10px 20px;
    font-size: 14px;
    font-weight: bold;
}

.gnav .item02 a:before {
    position: absolute;
    right: 10px;
    bottom: 50%;
    display: block;
    width: 1px;
    height: 7px;
    background: #4a2a0d;
    content: '';
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
}

.gnav .item02 a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 15px;
    height: 1px;
    background: #4a2a0d;
    content: '';
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.gnav .item02 a:hover {
    opacity: 1;
}

.gnav .item02 a:hover:before {
    -webkit-transform: translateX(10px) rotate(-45deg);
    -ms-transform: translateX(10px) rotate(-45deg);
    transform: translateX(10px) rotate(-45deg);
}

.gnav .item02 a:hover:after {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

@media only screen and (max-width: 1024px) {
    .gnav .logo {
        display: block;
        margin-bottom: 20px;
        padding-right: 40px;
        width: 100%;
        font-weight: bold;
        font-size: 20px;
    }

    .gnav .item01 {
        margin: 0 0 10px 0;
        min-height: 40px;
        width: 100%;
        text-align: left;
    }

    .gnav .item01>a,
    .gnav .item01 .itemin {
        position: relative;
        padding: 7px 0 0 50px;
    }

    .gnav .item01>a:before,
    .gnav .item01 .itemin:before {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .gnav .list02 {
        position: relative;
        top: 0;
        left: 0;
        visibility: visible;
        padding-left: 10px;
        width: 100%;
        background: none;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .gnav .list02 a {
        padding: 5px 30px 5px 10px;
    }
}

/**
フッター
footer
*/
.footer .contents {
    padding: 50px 0;
}

.footer .contents .ttl {
    margin-bottom: 50px;
    text-align: center;
    font-size: 26px;
}

.footer .contents .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer .left {
    width: 48%;
}

.footer .left .list02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer .left .list02 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-right: 10px;
    width: 50%;
}

.footer .left .list02 .datattl {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px;
    padding: 5px;
    width: 80px;
    border: 1px solid #999;
    background: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

.footer .left .list02 .data {
    padding-top: 5px;
    letter-spacing: -0.05em;
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

.footer .right {
    width: 48%;
}

.footer .logowrap {
    margin-bottom: 10px;
}

.footer .logowrap .txt {
    font-weight: bold;
    font-size: 12px;
}

.footer .logo {
    color: #439032;
    font-weight: bold;
    font-size: 26px;
    line-height: 130%;
}

.footer .logo a {
    display: block;
}

.footer .address {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

.footer .telephone {
    margin-bottom: 10px;
    font-weight: bold;
}

.footer .telephone a {
    font-size: 20px;
}

.footer .table01 {
    margin-bottom: 10px;
}

.footer .calendar {
    position: relative;
}

.footer .calendar:before {
    display: block;
    padding-top: 80%;
    content: '';
}

.footer .calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer .map {
    min-height: 350px;
    max-height: 500px;
}

.footer .copy {
    padding: 5px 0;
    background: #439032;
    color: #fff;
    text-align: center;
    line-height: 100%;
}

@media only screen and (max-width: 1024px) {
    .footer .wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer .left,
    .footer .right {
        margin: 0 auto 30px;
        width: 100%;
    }

    .footer .calendar {
        position: relative;
        max-height: 500px;
        max-width: 500px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 599px) {
    .footer .contents .wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer .logowrap {
        margin-bottom: 20px;
    }

    .footer .logowrap .txt {
        line-height: 130%;
    }

    .footer .logo {
        font-size: 18px;
    }

    .footer .left {
        margin-bottom: 30px;
        width: 100%;
    }

    .footer .left .list02 .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer .left .list02 .data {
        width: 100%;
    }

    .footer .right {
        width: 100%;
    }
    .footer .copy {
        padding-bottom: 45px;
    }
}

.fnav {
    padding: 60px 0;
    background: #f8f6ed;
}

.fnav .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.fnav .list01 {
    width: 50%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.fnav .item {
    margin-bottom: 10px;
    padding-right: 10px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.fnav .item a {
    position: relative;
    display: block;
    padding-left: 12px;
}

.fnav .item a:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #439032;
    content: '';
}

.fnav .list02 {
    width: 50%;
}

.fnav .datawrap {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.fnav .datattl {
    position: relative;
    margin-bottom: 10px;
    padding-left: 12px;
}

.fnav .datattl:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    content: '';
}

.fnav .data {
    margin-bottom: 5px;
    padding-right: 10px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.fnav .data a {
    position: relative;
    padding-left: 12px;
}

.fnav .data a:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 5px;
    height: 1px;
    background: #000;
    content: '';
}

@media only screen and (max-width: 1024px) {
    .fnav .wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fnav .list01 {
        margin-bottom: 10px;
        width: 100%;
    }

    .fnav .list02 {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .fnav .list01 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .fnav .datawrap {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

/**
サイドメニュー
side
*/
.side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.side .section {
    margin-bottom: 50px;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .side .section {
        width: 48%;
    }
}

@media only screen and (max-width: 599px) {
    .side .section {
        width: 100%;
    }
}

.list-side01 {
    padding: 20px;
    border: 1px solid #4a2a0d;
}

.list-side01 .datattl {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #4a2a0d;
    font-size: 24px;
    line-height: 130%;
}

.list-side01 .ttlin01 {
    display: block;
}

.list-side01 .ttlin02 {
    display: block;
    font-size: 14px;
}

.list-side01 .data {
    margin-bottom: 10px;
    padding-left: 10px;
}

.list-side01 a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.list-side01 a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f061';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}

@media only screen and (max-width: 1024px) {
    .list-side01.-archive {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .list-side01.-archive .datattl {
        width: 100%;
    }

    .list-side01.-archive .data {
        width: 48%;
    }
}

@media only screen and (max-width: 1024px) {
    .side .list {
        width: 48%;
    }

    .list.-archive {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .list.-archive .datatitle {
        width: 100%;
    }

    .list.-archive .data {
        width: 48%;
    }
}

@media only screen and (max-width: 599px) {
    .side .list {
        width: 100%;
    }

    .list.-archive .data {
        width: 100%;
    }
}

/*********************************************
    各個別コンテンツ
*********************************************/
/**
トップページ
*/
/*ホームビジュアル（トップ）*/
.homevisual .aspect {
    min-height: 250px;
    max-height: 700px;
}

@media only screen and (max-width: 1024px) {
    .homevisual .aspect {
        max-height: 500px;
    }
}

/* コロナウィルス */
.home00 {
    background: #f8f6ed;
}
.home00 a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.home00 .img {
    width: 140px;
    height: 140px;
    position: relative;
    z-index: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
}
.home00 .txt {
    font-size: 34px;
    font-weight: bold;
    padding: 20px 20px 20px 50px;
    border: 8px solid #439031;
    margin-left: -30px;
    margin-bottom: 5px;
    border-radius: 0 10px 10px 0;
    border-left: none;
    color: #439031;
    line-height: 130%;
    background: #fff;
}
@media only screen and (max-width: 1024px) {
    .home00 .txt {
        font-size: 30px;
        margin-left: -60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 110px;
        padding-left: 70px;
    }
}
@media only screen and (max-width: 599px) {
    .home00 a {
        display: block;
    }
    .home00 .img {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        background: #fff;
    }
    .home00 .txt {
        margin-top: -33px;
        font-size: 20px;
        margin-left:0px;
        display: block;
        height: auto;
        padding: 30px 10px 10px 10px;
        border: 5px solid #449033;
        text-align: center;
        border-radius: 10px;
    }
}

/*ニュース（トップ）*/
.home01 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.home01 .left {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.home01 .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #4a2a0d;
}

.home01 .ttl {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 30px;
    width: 190px;
    height: 190px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 130%;
}

.home01 .ttl:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 65px;
    height: 100%;
    background: url(/import/tenant_1/133.167.72.115/html/images/01home/deco01.png) no-repeat center;
    background-size: contain;
    content: '';
}

.home01 .ttl:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -2;
    display: block;
    width: 190px;
    height: 190px;
    border: 1px solid #4a2a0d;
    border-radius: 50%;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home01 .ttlin01 {
    display: block;
    color: #439032;
    font-size: 16px;
}

.home01 .btn {
    margin-top: 20px;
}

.home01 .img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
}

.home01 .list {
    padding: 0 30px;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .home01 .box {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .home01 .left {
        margin: 0 auto 30px;
    }
}

@media only screen and (max-width: 599px) {
    .home01 .right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .home01 .img {
        margin: 0 auto 10px;
    }

    .home01 .list {
        padding: 0;
    }
}

.list_home01 {
    margin-bottom: 20px;
}

.list_home01 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    border-bottom: 1px dashed #4a2a0d;
}

.list_home01 .item:first-child {
    padding-top: 0;
}

.list_home01 .time {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    width: 100px;
    font-weight: bold;
}

@media only screen and (max-width: 599px) {
    .list_home01 .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list_home01 .time {
        margin-bottom: 5px;
        width: 100%;
    }

    .list_home01 .head {
        width: 100%;
    }
}

/*おおき内科泌尿器科クリニックについて*/
.home02 {
    position: relative;
    z-index: 1;
}

.home02:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(244, 249, 250, 0)), color-stop(10%, rgba(244, 249, 250, 0.8)), color-stop(90%, rgba(244, 249, 250, 0.8)), to(rgba(244, 249, 250, 0)));
    background: -webkit-linear-gradient(left, rgba(244, 249, 250, 0) 0%, rgba(244, 249, 250, 0.8) 10%, rgba(244, 249, 250, 0.8) 90%, rgba(244, 249, 250, 0) 100%);
    background: linear-gradient(to right, rgba(244, 249, 250, 0) 0%, rgba(244, 249, 250, 0.8) 10%, rgba(244, 249, 250, 0.8) 90%, rgba(244, 249, 250, 0) 100%);
    content: '';
}
[data-element-id] .home02:before {
    z-index: -2;
}

.home02 .img {
    position: absolute;
    top: 0;
    z-index: -2;
    width: 50%;
    height: 100%;
}

.home02 .img01 {
    left: 0;
}

.home02 .img02 {
    right: 0;
}

.home02 .txt {
    text-align: center;
    line-height: 220%;
}

/*おおき内科泌尿器科クリニックからのお願い*/
.home03 .ttl {
    position: relative;
    margin: 0 auto 30px;
    padding: 15px;
    max-width: 700px;
    background: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 130%;
}

.home03 .ttl:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px solid #e5f4cc;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home03 .list {
    margin: 0 auto;
    max-width: 800px;
}

.home03 .list .item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    line-height: 150%;
}

.home03 .list .item:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #000;
    content: '';
}

@media only screen and (max-width: 599px) {
    .home03 .ttl {
        font-size: 20px;
    }
}

/*pick up*/
.home04 .ttl {
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
}

.list_home04 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list_home04 .item {
    padding: 10px;
    width: 20%;
}

/* .list_home04 .item {
    padding: 10px;
    width: 25%;
}
 */
.list_home04 a,
.list_home04 .itemin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 20px 10px;
    height: 100%;
    border: 1px solid #4a2a0d;
}

.list_home04 .img {
    margin: 0 auto 10px;
    width: 50px;
    height: 50px;
}

.list_home04 .head {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 130%;
}

.list_home04 .headin {
    display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 130%;
}

@media only screen and (max-width: 1024px) {
    .list_home04 .item {
        width: 33.333%;
    }
}

@media only screen and (max-width: 599px) {
    .list_home04 .item {
        padding: 5px;
        width: 50%;
    }

    .list_home04 .head {
        font-size: 18px;
    }
}

/**
下層ページ共通要素
*/
/*下層フッター*/
.lower .footer .ttl {
    display: none;
}

.lower .footer .map {
    display: none;
}

/*トップビジュアル（下層共通）*/
.topvisual {
    position: relative;
}

.topvisual .img {
    position: relative;
    min-height: 200px;
    max-height: 400px;
}

.topvisual .img:before {
    display: block;
    padding-top: 30%;
    content: '';
}

.topvisual .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*IE対策*/
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*IE対策*/
.topvisual .head {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px 10px 30px;
    max-width: 700px;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), color-stop(90%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%);
    font-weight: bold;
    font-size: 30px;
    line-height: 130%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

[data-element-id] .topvisual .head {
    position: absolute !important;
}

.topvisual .headin01 {
    margin-right: 10px;
}

.topvisual .headin02 {
    color: #439032;
    font-size: 14px;
}

@media only screen and (max-width: 599px) {
    .topvisual .head {
        font-size: 24px;
    }
}

/*色を交互に切り替える（下層共通）*/
.changecolor>section:nth-of-type(even) {
    background: #e5f4cc;
}

/**
下層ページ各コンテンツ
*/
/*当院について*/
.about02 .ttl {
    margin-bottom: 50px;
    text-align: center;
    font-size: 26px;
}

.about02 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about02 .left {
    margin-bottom: 50px;
    width: 48%;
}

.about02 .right {
    margin-bottom: 50px;
    width: 48%;
}

.about02 .bottom {
    margin-bottom: 50px;
    width: 100%;
}

.about02 .bottom .head {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #4a2a0d;
    font-weight: bold;
    font-size: 20px;
}

.about02 .bottom .txt {
    margin-bottom: 20px;
}

.about02 .list01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about02 .list01 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-right: 10px;
    width: 50%;
}

.about02 .list01 .datattl {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px;
    padding: 5px;
    width: 80px;
    border: 1px solid #999;
    background: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

.about02 .list01 .data {
    padding-top: 5px;
    letter-spacing: -0.05em;
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

.about02 .logowrap {
    margin-bottom: 10px;
}

.about02 .logowrap .txt {
    font-weight: bold;
    font-size: 12px;
}

.about02 .logo {
    color: #439032;
    font-weight: bold;
    font-size: 26px;
    line-height: 130%;
}

.about02 .logo a {
    display: block;
}

.about02 .address {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

.about02 .telephone {
    margin-bottom: 10px;
    font-weight: bold;
}

.about02 .telephone a {
    font-size: 20px;
}

.about02 .table01 {
    margin-bottom: 10px;
}

.about02 .calendar {
    position: relative;
}

.about02 .calendar:before {
    display: block;
    padding-top: 80%;
    content: '';
}

.about02 .calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.about02 .map {
    min-height: 350px;
    max-height: 500px;
}

.about02 .btn {
    margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
    .about02 .box {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .about02 .left,
    .about02 .right,
    .about02 .bottom {
        margin: 0 auto 30px;
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .about02 .list01 .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about02 .list01 .data {
        width: 100%;
    }
}

.gallary_about03,
.gallary_about04 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.gallary_about03 .mainblock,
.gallary_about04 .mainblock2 {
    padding-right: 5px;
    width: 75%;
}

[data-element-id] .gallary_about03 .mainblock,
[data-element-id] .gallary_about04 .mainblock2 {
    display: none !important;
}

.gallary_about03 .mainblock .img,
.gallary_about04 .mainblock2 .img {
    position: relative;
    margin-bottom: 10px;
}

.gallary_about03 .mainblock .head,
.gallary_about04 .mainblock2 .head {
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    min-width: 150px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.gallary_about03 .mainblock .txt,
.gallary_about04 .mainblock2 .txt {
    font-size: 18px;
}

.gallary_about03 .list,
.gallary_about04 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 25%;
}
[data-element-id] .gallary_about03 .list,
[data-element-id] .gallary_about04 .list {
    width: 100% !important;
}

[data-element-id] .gallary_about03 .list,
[data-element-id] .gallary_about04 .list {
    width: 50%;
}

.gallary_about03 .item,
.gallary_about04 .item {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 50%;
}

.gallary_about03 .item .img,
.gallary_about04 .item .img {
    border: 5px solid #eee;
}

[data-element-id] .gallary_about03 .item .img,
[data-element-id] .gallary_about04 .item .img {
    position: relative;
    margin-bottom: 10px;
    border: none;
}

.gallary_about03 .item .head,
.gallary_about04 .item .head {
    display: none;
}

[data-element-id] .gallary_about03 .item .head,
[data-element-id] .gallary_about04 .item .head {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    min-width: 150px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.gallary_about03 .item .txt,
.gallary_about04 .item .txt {
    display: none;
}

[data-element-id] .gallary_about03 .item .txt,
[data-element-id] .gallary_about04 .item .txt {
    display: block;
}

.gallary_about03 .item.active .img,
.gallary_about04 .item.active .img {
    border: 5px solid #999;
}

[data-element-id] .gallary_about03 .item.active .img,
[data-element-id] .gallary_about04 .item.active .img {
    border: none;
}

@media only screen and (max-width: 599px) {

    .gallary_about03,
    .gallary_about04 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .gallary_about03 .mainblock,
    .gallary_about04 .mainblock2 {
        margin-bottom: 10px;
        width: 100%;
    }

    .gallary_about03 .mainblock .head,
    .gallary_about04 .mainblock2 .head {
        bottom: 10px;
        left: 10px;
        padding: 5px 10px;
        font-size: 16px;
    }

    .gallary_about03 .mainblock .txt,
    .gallary_about04 .mainblock2 .txt {
        font-size: 14px;
    }

    .gallary_about03 .list,
    .gallary_about04 .list {
        width: 100%;
    }

    .gallary_about03 .item,
    .gallary_about04 .item {
        width: 25%;
    }
}

/*院長紹介*/
.doctor02 .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.doctor02 .left,
.doctor02 .right {
    width: 49%;
}

.doctor02 .list {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
}

.doctor02 .list:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #e5f4cc;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.doctor02 .datattl {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4a2a0d;
    font-weight: bold;
    font-size: 20px;
}

.doctor02 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.doctor02 .time {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
}

@media only screen and (max-width: 1024px) {

    .doctor02 .left,
    .doctor02 .right {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .doctor02 .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .doctor02 .time {
        width: 100%;
    }
}

/*初めての方へ*/
.first01 .box {
    position: relative;
    padding: 50px 80px;
    border: 1px solid #e5f4cc;
}

.first01 .box:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 100%;
    background: url(/import/tenant_1/133.167.72.115/html/images/04first/deco01.png) no-repeat center;
    background-size: contain;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.first01 .list .item {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 130%;
}

.first01 .list .item:before {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #439032;
    content: '';
}

.first01 .list .item:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 599px) {
    .first01 .box {
        margin: 0 auto;
        padding: 30px;
        width: 95%;
    }
}

.list_first02 .item {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px auto 50px 10px;
    padding: 40px 20px;
    width: 90%;
    background: #fff;
}

.list_first02 .item:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #e5f4cc;
    content: '';
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.list_first02 .item:nth-child(even) {
    margin: 10px 0 50px auto;
}

.list_first02 .blocktxt {
    padding-right: 20px;
    width: 65%;
}

.list_first02 .step {
    position: absolute;
    top: -10px;
    left: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background: #439032;
    color: #fff;
    text-align: center;
    font-size: 40px;
    line-height: 130%;
}

.list_first02 .stepin01 {
    display: block;
    font-size: 14px;
    line-height: 130%;
}

.list_first02 .head {
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 70px;
    border-bottom: 1px solid #4a2a0d;
    font-weight: bold;
    font-size: 26px;
}

.list_first02 .img {
    width: 35%;
}

@media only screen and (max-width: 599px) {
    .list_first02 .item {
        width: 95%;
    }

    .list_first02 .item:nth-child(even) {
        margin: 10px auto 50px 10px;
    }

    .list_first02 .blocktxt {
        padding-right: 0;
        width: 100%;
    }

    .list_first02 .head {
        padding-left: 0;
        font-size: 20px;
    }

    .list_first02 .img {
        margin: 0 auto 10px;
        max-width: 300px;
        width: 100%;
    }
}

/*診療内容*/
.list_medical01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list_medical01 .item {
    position: relative;
    z-index: 1;
    margin: 0 1% 2%;
    padding: 10px;
    min-height: 420px;
    width: 48%;
    border: 1px solid #4a2a0d;
}

.list_medical01 .head {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 60px;
    border-bottom: 1px solid #4a2a0d;
    font-size: 24px;
    line-height: 130%;
}

.list_medical01 .head img {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 35px;
    height: 35px;
    font-family: 'object-fit: contain; object-position: 50% 50%;';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.list_medical01 .headin01 {
    display: block;
}

.list_medical01 .headin02 {
    display: block;
    font-size: 14px;
    line-height: 130%;
}

.list_medical01 .btn {
    margin-top: 10px;
}

.list_medical01 .img {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: -1;
    max-width: 90%;
    width: 250px;
    height: 250px;
    max-height: 60%;
}

.list_medical01 .img img {
    font-family: 'object-fit: contain; object-position: 50% 50%;';
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

@media only screen and (max-width: 599px) {
    .list_medical01 .item {
        width: 100%;
        min-height: auto;
    }
}

/*内科*/
.list_medicine05 {
    padding: 30px 50px;
    border: 1px solid #4a2a0d;
}

.list_medicine05 .item:not(:last-child) {
    margin-bottom: 20px;
}

.list_medicine05 .head {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
}

@media only screen and (max-width: 599px) {
    .list_medicine05 {
        padding: 20px;
    }
}

/*泌尿器科*/
.urology13 .togglebtn {
    position: relative;
}

.urology13 .togglebtn:after {
    content: "+";
    border: 1px solid #4a2a0d;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 37px;
    position: absolute;
    right: 0;
    top: 0;
}

.urology13 .togglebtn.is_parent:after {
    content: "−";
    line-height: 41px;
}

.urology13 .togglebtn+.wrap {
    display: none;
}

[data-element-id] .urology13 .togglebtn+.wrap {
    display: block;
}

@media only screen and (max-width: 599px) {
    .urology13 .togglebtn:after {
        width: 20px;
        height: 20px;
        line-height: 17px;
    }

    .urology13 .togglebtn.is_parent:after {
        line-height: 20px;
    }
}

.list_urology13_a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list_urology13_a .item {
    margin: 0 1% 2%;
    padding: 10px;
    width: 31.333%;
    border: 1px solid #e5f4cc;
    background: #fff;
}

.list_urology13_a .head {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    border-bottom: 1px solid #4a2a0d;
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
}

.list_urology13_a .head:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #439032;
    content: '\f14a';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}

@media only screen and (max-width: 1024px) {
    .list_urology13_a .item {
        width: 48%;
    }
}

@media only screen and (max-width: 599px) {
    .list_urology13_a .item {
        width: 100%;
    }
}

.list_urology13_b .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border-top: 1px solid #4a2a0d;
}

.list_urology13_b .datattl,
.list_urology13_b .data {
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
}

.list_urology13_b .datattl {
    padding-right: 20px;
}

.list_urology13_b .data {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media only screen and (max-width: 599px) {
    .list_urology13_b .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .list_urology13_b .datattl {
        width: 100%;
        padding-right: 0;
    }

    .list_urology13_b .data {
        margin-left: auto;
    }
}

/*禁煙外来*/
.smorking02 .box {
    margin: 10px 0;
    padding: 10px 20px;
    border: 1px solid #e5f4cc;
    background: #fff;
}

/*各種検診*/
.list_checkup02 .item {
    margin-bottom: 50px;
}

.list_checkup02 .head {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4a2a0d;
    font-weight: bold;
    font-size: 18px;
}

@media only screen and (max-width: 599px) {
    .list_checkup02 .item {
        margin-bottom: 30px;
    }
}

.table_checkup03 .head {
    font-weight: bold;
    font-size: 18px;
}

.table_checkup03 .txt {
    margin-bottom: 10px;
    text-align: right;
}

.table_checkup03 .wrap {
    overflow: auto;
}

.table_checkup03 .table {
    width: 100%;
    border-collapse: collapse;
}

.table_checkup03 .datattl,
.table_checkup03 .data {
    padding: 10px 20px;
    min-width: 130px;
    border: 1px solid #999;
    vertical-align: top;
}

.table_checkup03 .datattl {
    width: 30%;
    background: #439032;
    color: #fff;
    text-align: left;
}

.table_checkup03 .data:first-of-type {
    width: 40%;
}

.table_checkup03 .data:last-of-type {
    width: 30%;
    text-align: right;
}

/*ED*/
.topvisual01 {
    position: relative;
}

.topvisual01 .img {
    position: relative;
    min-height: 400px;
    max-height: 600px;
}

.topvisual01 .img:before {
    display: block;
    padding-top: 40%;
    content: '';
}

.topvisual01 .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*IE対策*/
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*IE対策*/
.topvisual01 .head {
    position: absolute;
    bottom: 40%;
    left: 50%;
    width: 100%;
    color: #f00;
    text-align: center;
    text-shadow: 2px 0px 2px #fff, 0px 2px 2px #fff, 2px 2px 2px #fff, -2px -2px 2px #fff;
    font-weight: bold;
    font-size: 36px;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.topvisual01 .headin {
    display: block;
    opacity: 0;
    -webkit-animation: fadein 3s ease forwards;
    animation: fadein 3s ease forwards;
}

.topvisual01 .headin01 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.topvisual01 .headin02 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.topvisual01 .headin03 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    font-size: 42px;
}

@media only screen and (max-width: 599px) {
    .topvisual01 .img {
        min-height: 300px;
    }

    .topvisual01 .head {
        font-size: 24px;
    }

    .topvisual01 .headin03 {
        font-size: 30px;
    }
}

@-webkit-keyframes fadein {
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    100% {
        opacity: 1;
    }
}

.list_ed05 .item {
    position: relative;
}

.list_ed05 .block {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    background: rgba(248, 251, 181, 0.7);
}

.list_ed05 .head {
    color: #f00;
    font-weight: bold;
    font-size: 20px;
}

.list_ed05 .list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.list_ed05 .datattl {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    width: 50px;
}

@media only screen and (max-width: 1024px) {
    .list_ed05 .block {
        padding: 10px;
    }
}

.box_ed05_a .block {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 350px;
}

.box_ed05_a .block:before {
    position: absolute;
    right: 100%;
    bottom: 0;
    z-index: 2;
    display: block;
    width: 200%;
    height: 100%;
    background: rgba(248, 251, 181, 0.7);
    content: '';
    opacity: 0.8;
    -webkit-transform: skewX(60deg);
    -ms-transform: skewX(60deg);
    transform: skewX(60deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.box_ed05_a .img01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box_ed05_a .img01 img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.box_ed05_a .img02 {
    position: absolute;
    right: 5%;
    bottom: 0;
    z-index: 1;
    width: 50%;
    height: 90%;
}

.box_ed05_a .img02 img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: contain; object-position: 50% 50%;';
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.box_ed05_a .blocktxt {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 20px;
}

.box_ed05_a .head {
    margin-bottom: 10px;
    color: #f00;
    font-weight: bold;
    font-size: 20px;
}

.box_ed05_a .attention {
    margin-top: 10px;
}

@media only screen and (max-width: 599px) {
    .box_ed05_a .block {
        height: auto;
    }

    .box_ed05_a .block:before {
        content: none;
    }

    .box_ed05_a .img02 {
        position: relative;
        right: inherit;
        margin: 10px auto;
        width: 90%;
        height: auto;
    }

    .box_ed05_a .blocktxt {
        position: relative;
    }

    .box_ed05_a .blocktxt:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        width: 100%;
        height: 100%;
        background: #e5f4cc;
        content: '';
        opacity: 0.8;
    }
}

.box_ed05_b {
    position: relative;
    margin: 0 auto;
    padding: 60px;
    max-width: 700px;
    text-align: center;
}

.box_ed05_b:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 60px;
    height: 100%;
    background: url(/import/tenant_1/133.167.72.115/html/images/08ed/deco01_a.png) no-repeat center;
    background-size: contain;
    content: '';
}

.box_ed05_b:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 100%;
    background: url(/import/tenant_1/133.167.72.115/html/images/08ed/deco01_b.png) no-repeat center;
    background-size: contain;
    content: '';
}

.box_ed05_b .btn {
    margin-top: 10px;
}

/*症状別悩み相談室*/
.list_nayami01 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px;
}

.list_nayami01 .item:nth-child(even) {
    background: #e5f4cc;
}

.list_nayami01 .datawrap {
    width: 70%;
}

.list_nayami01 .img {
    width: 25%;
}

.list_nayami01 .datattl {
    position: relative;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 100px;
    min-height: 80px;
    font-weight: bold;
    font-size: 26px;
    line-height: 130%;
}

.list_nayami01 .datattl:before {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 10px;
    width: 80px;
    height: 80px;
    background: url(/import/tenant_1/133.167.72.115/html/images/14nayami/icon01.png) no-repeat center;
    background-size: contain;
    color: #fff;
    content: 'Q';
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    line-height: 80px;
}

.list_nayami01 .data {
    position: relative;
    padding-top: 20px;
    padding-left: 130px;
}

.list_nayami01 .data:before {
    position: absolute;
    top: 0;
    left: 30px;
    padding-right: 10px;
    width: 80px;
    height: 80px;
    background: url(/import/tenant_1/133.167.72.115/html/images/14nayami/icon02.png) no-repeat center;
    background-size: contain;
    color: #fff;
    content: 'A';
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    line-height: 80px;
}

@media only screen and (max-width: 599px) {
    .list_nayami01 .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

    .list_nayami01 .datawrap {
        width: 100%;
    }

    .list_nayami01 .img {
        margin: 0 auto 10px;
        max-width: 250px;
        width: 100%;
    }

    .list_nayami01 .datattl {
        padding-top: 10px;
        padding-left: 60px;
        min-height: 40px;
        font-size: 22px;
    }

    .list_nayami01 .datattl:before {
        padding-left: 5px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }

    .list_nayami01 .data {
        padding-top: 10px;
        padding-left: 70px;
    }

    .list_nayami01 .data:before {
        left: 10px;
        padding-left: 5px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
}

/*採用情報*/
.list_recruit01 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.list_recruit01 .item:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.list_recruit01 .datattl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 10px;
    width: 160px;
    background: #439032;
    color: #fff;
    font-weight: bold;
}

.list_recruit01 .data {
    padding: 30px;
}

@media only screen and (max-width: 599px) {
    .list_recruit01 .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list_recruit01 .datattl {
        padding: 10px;
        width: 100%;
    }

    .list_recruit01 .data {
        padding: 20px;
        width: 100%;
    }
}

/*よくあるご質問*/
.list_qa01 .item:not(:last-child) {
    margin-bottom: 50px;
}

.list_qa01 .datattl {
    position: relative;
    padding-top: 2px;
    padding-right: 50px;
    padding-left: 40px;
    min-height: 35px;
    color: #439032;
    color: #439032;
    font-size: 20px;
    font-size: 26px;
    line-height: 130%;
}

.list_qa01 .datattl:before {
    position: absolute;
    top: 0;
    left: 0;
    content: 'Q';
    font-weight: bold;
    font-size: 34px;
}

.list_qa01 .datattl:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #439032;
    color: #000;
    color: #439032;
    content: '+';
    text-align: center;
    font-size: 30px;
    line-height: 26px;
}

.list_qa01 .datattl.is_parent:after {
    content: '−';
    line-height: 30px;
}

.list_qa01 .data {
    position: relative;
    display: none;
    margin-top: 30px;
    padding-left: 40px;
}

[data-element-id] .list_qa01 .data {
    display: block;
}

.list_qa01 .data:before {
    position: absolute;
    top: 0;
    left: 0;
    content: 'A';
    font-weight: bold;
    font-size: 34px;
}

@media only screen and (max-width: 599px) {
    .list_qa01 .item:not(:last-child) {
        margin-bottom: 30px;
    }

    .list_qa01 .datattl {
        padding-right: 30px;
        padding-left: 25px;
        font-size: 16px;
    }

    .list_qa01 .datattl:before {
        font-size: 26px;
    }

    .list_qa01 .datattl:after {
        width: 20px;
        height: 20px;
        font-size: 16px;
        line-height: 18px;
    }

    .list_qa01 .datattl.is_parent:after {
        line-height: 20px;
    }

    .list_qa01 .data {
        margin-top: 20px;
        padding-left: 25px;
    }

    .list_qa01 .data:before {
        font-size: 26px;
    }
}

/*ブログ*/
.list_blog01 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.list_blog01 .img {
    width: 30%;
}

.list_blog01 .img a {
    display: block;
}

.list_blog01 .blocktxt {
    width: 65%;
}

.list_blog01 .meta {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4a2a0d;
}

.list_blog01 .time {
    display: block;
    width: 100px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 0 10px;
    background: #439032;
    color: #fff;
}

.list_blog01 .cate {
    display: inline-block;
}

.list_blog01 .head {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}

@media only screen and (max-width: 599px) {
    .list_blog01 .item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list_blog01 .img {
        margin: 0 auto 10px;
        max-width: 300px;
        width: 100%;
    }

    .list_blog01 .blocktxt {
        width: 100%;
    }
}


/*ニュース*/
.list_news01 .item {
    padding: 20px;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.list_news01 .meta {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4a2a0d;
}

.list_news01 .time {
    display: block;
    width: 100px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 0 10px;
    background: #439032;
    color: #fff;
}

.list_news01 .cate {
    display: inline-block;
}

.list_news01 .head {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}


.article .box {
    padding: 20px;
    border: 1px solid #4a2a0d;
}

.article .meta {
    margin-bottom: 10px;
}

.article .time {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    background: #439032;
    color: #fff;
}

.article .cate {
    display: inline-block;
}

.article .head {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4a2a0d;
    font-weight: bold;
    font-size: 20px;
    line-height: 150%;
}

.article .btnwrap {
    margin-top: 30px;
}

.article .btn {
    width: 150px;
}

@media only screen and (max-width: 599px) {
    .article .btnwrap {
    }
    .article .btn {
    }
    .article .btn:nth-child(2) {
        width: 80%;
        margin: 0 auto;
        order: 1;
        max-width: 250px;
    }
    .article .btn:nth-child(1),
    .article .btn:nth-child(3) {
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }
    .article .btn:nth-child(1) {
        margin-right: 10px;
    }
    .article .btn:nth-child(3) {
        margin-left: 10px;
    }
}

.list_article01 .item {
    padding: 10px;
    border: 1px solid #000;
    background: #fff;
}

.list_article01 .img {
    margin-bottom: 10px;
}

.list_article01 .img a {
    display: block;
}

.list_article01 .meta {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4a2a0d;
}

.list_article01 .time {
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background: #439032;
    color: #fff;
    font-size: 14px;
    line-height: 130%;
}

.list_article01 .cate {
    display: inline-block;
}

.list_article01 .head {
    margin-bottom: 20px;
    font-weight: bold;
}

@media only screen and (max-width: 599px) {
    .list_article01 .item {
        margin-right: auto;
        margin-left: auto;
        max-width: 350px;
    }
}


.list_home04 .item02 {
    padding: 10px;
    width: 25%;
}

/* 1026 追記 */

.a-btn{
      display: block;
    width: 299px;
}

@media only screen and (max-width: 1024px){
  .ml-0-tb a{
  margin-left: 0px !important;
}  
}
.mgt50{
  margin-top: 50px;
}

/* 0622 追記 */
.hmore a{
	display:inline-block !important;
	font-size:14px;
	color:#fff;
	font-family: "setofont";
	background:#439032;
	max-width:180px;
	width:100%;
	padding:5px 2.5% 5px 2.5%;
	box-sizing:border-box;
	border-radius:5px;
	position:relative;
	text-align:center;
	
}
.coursebtn p.hmore {
  width:30%;
  display: inline-block;
   text-align: center;

}
.coursebtn .hmore a{
  margin-top: 60px;
  display:block !important;
  max-width:90%;
}
#iryojumu,#kangoshi{
  text-align: center;
  margin-bottom: 50px;
}
.flex_c{
  text-align: center;
  margin-bottom: 50px;
}

/* 10/13 追記 */

.article .link-txt a{
  border-bottom: 1px solid;
}

/* 2023/02/28 追記 */

.blogdtl .article .link-txt{
      border-bottom: 1px dashed;
    font-weight: bold;
}

/* 2023/08/10 */
.list_urology13_a.-col2 .item {
    width: 48%;
}

.list_urology13_a .pic {
    margin-bottom: 20px;
}


.list_urology13_a .head .two {
    display: block;
    text-align: right;
    font-size: 90%;
    margin-top: 5px;
}
.list_urology13_a .item.bg-clear {
    background: rgba(255, 255, 255, 0.5);
}

@media (max-width:599px) {
  .list_urology13_a.-col2 .item {
      width: 100%;
  }
}

.box_cmn01.-w100 .item {
    width: 100%;
}

.list-01 {
    position: relative;
}

.list-01 dt {
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px;
}

.list-01 dt:before {
    content: "";
    display: block;
    width: 5px;
    height: 80%;
    background: #FF9000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.list-01 dd {
    margin-bottom: 10px;
}


/*共通装飾１*/
.deco_cmn02 {
    position: relative;
    z-index: 1;
}

.deco_cmn02 .deco {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: -1;
    width: 250px;
    height: 250px;
}

.deco_cmn02 .deco img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: contain; object-position: 50% 50%;';
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/* 2023/09/29 */
.btn_cmn04.b-02 a {
    background: #FF9611;
}

.btn_cmn04.b-02 {
    margin-top: 10px;
}

.txt-type-01 {
    margin-bottom: 20px;
    position: relative;
    padding: 10px;
    width: fit-content;
}

.txt-type-01 .txt {
    font-weight: bold;
    border-bottom: 2px solid red;
}

.txt-type-01 .txt .str {
    font-size: 150%;
    display: inline-block;
    margin-right: 10px;
}

.box_cmn01 .item.nocheck:before {
    display: none;
}

.hatsunetsu-br{
  display: none;
}

@media only screen and (max-width: 599px) {
  .hatsunetsu-br{
    display: block;
  }
  .txt-type-01 .txt .str {
    font-size: 120%;
  }
}

.insta01 img{
  width: 26px;
    padding-top: 10px;
}

.line01 img{
  width: 26px;
    padding-top: 10px;
}

@media only screen and (max-width: 599px){
.header .right .facebook {
    font-size: 28px;
}

.insta01 img {
    padding-top: 12px;
}

.line01 img{

    padding-top: 12px;
}
}

.inner02{
  max-width: 1130px !important;
}

.pc-none{
  display: none;
  
}


@media only screen and (max-width: 599px){
  .pc-none{
  display: block;
}

.table_cmn02 .datattl02 {
    white-space: nowrap;
}

.table_cmn02 .data {
    white-space: nowrap;
}
}

/* 2024/09/04 */
.list-aga-flow{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 20px;
}

.list-aga-flow li{
  width: calc( ( 100% - 90px ) / 4);
  background-color: #fff;
  padding: 20px;
  position: relative;
}

.list-aga-flow li::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    transform: rotate(270deg);  
}

.list-aga-flow li:last-child::before {
    content: none;
}

.list-aga-flow li .title{
  font-size: 18px;
  font-weight: bold;
}

.list-aga-flow li .imgwrap{
  text-align: center;
  width: 100px;
  margin: 10px auto 0 auto;
}

.list-aga-flow li .text{
  margin-top: 10px;
}

.monshinhyou{
  font-weight: bold;
}

.sp-br{
  display: none;
}

@media(max-width:1024px){
  .list-aga-flow li {
    width: calc((100% - 30px) / 2);
}

  .list-aga-flow li .ttl-img {
    display: flex;
    justify-content: space-between;
}

.list-aga-flow li .imgwrap {
  margin: 0;
}
}

@media(max-width:599px) {
  .list-aga-flow li {
    width: 100%;
}

.list-aga-flow li::before {
    top: auto;
    bottom: -20px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}
  
.sp-br{
  display: block;
}    
}

/* 20240911 追記 */
@media screen and (max-width:599px) {
 .pmt-15{
   padding-top: 15px;
   margin-top: -15px;
 }
}


.heiyo{
  margin-top: 15px;
    font-size: 22px;
    text-align: center;
}

.taijohoshin-table, .taijohoshin-table td, .taijohoshin-table th {
	border: 1px solid #595959;
	border-collapse: collapse;
	width: 100%;
}

.taijohoshin-table td, .taijohoshin-table th{
	padding: 8px 5px;
	width: 30px;
	height: 25px;
}

.taijohoshin-table th{
	background: #f0e6cc;
}

.even {
	background: #fbf8f0;
}

.odd {
	background: #fefcf9;
}

.ta-c{
  text-align: center;
}

.bg-gray{
  background: #e8e8e8;
}

.t-bunsho{
  text-align: right;
    margin-top: 10px;
}

@media screen and (max-width:599px) {
.heiyo{margin-top: 15px;
    font-size: 20px;
    text-align: left;
}

.taijohoshin-table td, .taijohoshin-table th {
    padding: 5px 3px;
    width: 30px;
    height: 25px;
}

.t-bunsho {
    text-align: left;
    margin-top: 10px;
}
}

/**法人名追加**/
.corporation {
  font-size: 18px;
  color: #439032;
  font-weight: bold;
}

@media (max-width: 1024px){
  .header .left .txt.corporation {
    display: block;
    font-size: 12px;
  }
}

@media (max-width: 599px){
  .corporation {
    font-size: 14px;
  }
}

/**メディカルダイエットページ**/
.atn {
  padding: 1%;
  font-weight: bold;
  background: #fff;
}

.l-btn a {
  background: #439032;
  padding: 10px 50px;
  color: #fff;
}