@charset "utf-8";
/* generic-hild-erabu Style front-page ONLY
    body.home
　　　-コンテナ div id="container" #container
　　　-共通要素 （ .btn.more-link ） 
    　-メインビジュアルスライダーdiv id="main-vis" #main-vis （bxslider）
    　-各コンテンツ section
　　　-メディアクエリ（ブレイクポイントごと）
*/
/*
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-family: "Poppins", sans-serif;
*/
/*
■ブルー：Primary - #0574f1 rgba(5, 116, 241, 1);
■イエロー：Accent - #ｆ2bd57 rgba(242, 189, 87, 1);
■水色：Secondary - #d8eefb rgba(216, 238, 251, 1);
■ピーコック：Sub Accent - #2ｃbbdb rgba(44, 187, 219, 1);
*/

/* コンテナ div id="container" #container
---------------------------------------------------- */
body.front-test #container ,
body.front-test2 #container ,
body.home #container {
    background-color: transparent;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

/*メインコンテンツ - メインカラム*/
body.front-test main.content ,
body.front-test2 main.content ,
body.home main.content {
    float: none;
    margin: 0;
    padding: 00;
    width: 100%;
}
/* 共通要素
---------------------------------------------------- */
/* セクション section */
#container .content section {
    margin: 0 0 100px;
}
#container .content section .section-wrap {
    margin: 0 auto;
    width: 1260px;
}
/* .section-wrap > header */
section .section-wrap header {
    align-items: flex-end;
    display: flex;
    margin: 0 0 2rem;
}
section .section-wrap header::before {
    background-color: rgba(5, 116, 241, 1);
    content: "";
    display: block;
    height: 2rem;
    margin: 0;
    width: 7px;
}
section .section-wrap header h2.ttl {
    color: rgba(5, 116, 241, 1);
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0;
    padding: 0 1rem;
}
section .section-wrap header span{
    color: rgba(5, 116, 241, .5);
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    padding: 0;
}
section .section-wrap header.vertical { /*header縦並びレイアウト*/
    align-items: center;
    flex-direction: column;
}
section .section-wrap header.vertical h2.ttl {
    padding: 1rem 0;
}
/* お知らせ・ブログ等　新着表示 .entry-list --- */
.entry-list .section-wrap .article-list {
    margin: 0 auto;
}
.entry-list .section-wrap .article-list article {
    align-items: center;
    background-color: rgba(44, 187, 219, 0);
    border-bottom: rgba(5, 116, 241, 1) dotted 1px;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: .5rem 0;
    position: relative;
    transition: .3s;
}
.entry-list .section-wrap .article-list article:first-child {}
.entry-list .section-wrap .article-list article:hover {
    background-color: rgba(44, 187, 219, .10);
}
/* エントリー内容 */
.entry-list .section-wrap .article-list article .post-content {
    align-items: center;
    display: flex;
    flex: 1;
}
/* エントリー内容 - 日時 */
.entry-list .section-wrap .article-list article .post-content .entry-time {
    color: #666;
    display: inline-block;
    padding: 0 0 0 .5em;
    width: 10em;
}
/* エントリー内容 - カテゴリ・タイトル */
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl {
    flex: 1;
    padding: 0 1rem 0 0;
}
/* エントリー内容 - カテゴリ・タイトル - カテゴリ */
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-category{
    padding: 0 0 .25rem 0;
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-category .category {
    background-color:rgba(74,217,125,1.00);
    color: rgba(255,255,255,1.00);
    display: inline-block;
    font-size: .75rem;
    margin: 0 .5rem 0 0;
    padding: .25em .75rem;
    text-align: center;
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-category .category.important {
    background-color: rgba(211, 56, 28, 1);
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-category .category.time {
    background-color:rgba(5, 116, 241, 1);
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-category .category.recruit {
    background-color:rgba(239,161,37,1.00);
}
/* エントリー内容 - カテゴリ・タイトル - タイトル */
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-title {
    font-size: 1rem;
    font-weight: normal;
    padding: 0;
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-title a {
    color: #000;
    text-decoration: none;
}
.entry-list .section-wrap .article-list article .post-content .entry-cat-ttl .entry-title a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}
/* エントリーリストマーク */
.entry-list .section-wrap .article-list article::after {
    color: rgba(5, 116, 241, 1);
    content: '\e409';
    font-family: 'Material Icons';
}
/* moreリンクボタン .btn.more-link */
p.btn.more-link {}
p.btn.more-link a {
    align-items: center;
    background-color: rgba(5, 116, 241, 1);
    border: rgba(5, 116, 241, 1) solid 1px;
    color: #fff;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    height: auto;
    justify-content: space-between;
    line-height: normal;
    margin: 0;
    min-width: 200px;
    padding: .5rem;
    text-decoration: none;
    width: fit-content;
}
p.btn.more-link a:hover {
    background-color: #fff;
    color: rgba(5, 116, 241, 1);
}
p.btn.more-link a::after {
    content: '\e409';
    font-family: 'Material Icons';
}
p.btn.more-link a span {
    padding: 0 3rem 0 0;
}

/* メインビジュアル section id="main-vis-wrap" #main-vis-wrap 
---------------------------------------------------- */
#container .content section#main-vis-wrap{
    margin: 0 ;
    padding: 0;
    position: relative;
}
/* メインビジュアルスライダー （bxslider）*/
#main-vis {
    padding: 0;
    position: relative;
}
/* - bxslider スタイルリセット*/
#main-vis .bx-wrapper {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#main-vis .bx-wrapper .bx-viewport {
    margin: 0 auto;
}
/* - スライド設定*/
#main-vis .bx-wrapper .bx-viewport .slider > div.slide {
    height: fit-content;
    top: 0;
    position: relative;
}
/* - スライド内動画*/
#main-vis .bx-wrapper .bx-viewport .slider > div.slide video{
    height: auto;
    object-fit: cover;
    width: 100%;
}
/* メインビジュアル動画のみ （no-slider）*/
#main-vis .no-slider {
    margin: 0;
    padding: 0;
    position: relative;
}
#main-vis .no-slider .slide {
    /*aspect-ratio: 16 / 9;*/
    height: 90vh;
    overflow: hidden;
}
#main-vis .no-slider .slide.slide-sp {
    display: none;
}
#main-vis .no-slider .slide.slide-pc {
    display: block;
}
#main-vis .no-slider .slide video{
    height: 100%;
    object-fit: cover;
    object-position: top center;
    width: 100%;
}
/* メインビジュアルキャッチコピー */
#main-vis .no-slider .catch-wrap {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
}
#main-vis .no-slider .catch {
    background: url("../images/front/slide/bg_catch.png") no-repeat center rgba(255,255,255,.5);
    background-clip: border-box;
    background-size: cover;
    border: rgba(255,255,255,.85) double 6px;
    margin: 0 0 0 50vw;
    padding: 1rem 2rem;
    width: fit-content;
}
/*フロントテスト1
body.front-test #main-vis .no-slider .catch {
    background-color: rgba(255,255,255,.85);
    margin: 0;
    padding: 1rem 2rem;
    width: fit-content;
}
body.front-test #main-vis .no-slider .catch h2{
    align-items: baseline;
    display: flex;
    margin: 0;
}
body.front-test #main-vis .no-slider .catch h2 span.sub{
    padding: 0 0 0 2rem;
}
body.front-test #main-vis .no-slider .catch h3{
    text-align: center;
}
*/
/*フロントテスト2
body.front-test2 #main-vis .no-slider .catch {
    background: url("../images/front/slide/bg_catch.png") no-repeat center;
    background-clip: border-box;
    background-size: cover;
    margin: 0;
    padding: 1rem 2rem;
    width: fit-content;
}
*/

#main-vis .no-slider .catch h2{
    color: rgba(5, 116, 241, 1);
    font-family: 'Noto Serif JP', serif;
    font-size: 2vmax;
    font-weight: normal;
    letter-spacing: .25rem;
    margin: 0 0 1rem;
}
#main-vis .no-slider .catch h2 span{
    font-size: 3vmax;
}
#main-vis .no-slider .catch h2 span.sub {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 1.5vmax
}
#main-vis .no-slider .catch h3 {
    font-size: 1rem;
}

/* ピックアップバナーエリア section id="pickup-bnr-widget" #pickup-bnr-widget 
---------------------------------------------------- */
#container .content section#pickup-bnr-widget {
    background-color: rgba(5, 116, 241, .5);
    margin: 0 ;
    padding: 1rem;
}
#container .content section#pickup-bnr-widget .section-wrap {
    padding: 0;
    width: 100%;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slick-list{
    width: calc( 100% - 5rem);
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slick-track {
    align-items: center;
    display: flex;
    justify-content: center;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick li.widget{
    background-color: rgba(255,255,255,1.00);
    margin: 0 10px;
    max-width: 560px;
    position: relative;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick li.widget h2{
    display: none;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick li.widget img {
    margin: 0 auto;
    width: auto;
}
/* - 左右送り（バナー枚数超過の時のみ表示）*/
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slide-arrow {
    align-items: center;
    background-color: rgba(5, 116, 241, 1);
    border-radius: 2rem;
    display: flex;
    height: 2rem;
    justify-content: center;
    margin: 0;
    text-align: center;
    width: 2rem;
    z-index: 250;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slide-arrow:hover{
    background-color: rgba(5, 116, 241, .8);
    cursor: pointer;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slide-arrow::before{
    color: rgba(255,255,255,1);
    content: "";
    display: inline;
    font-family: 'Material Icons';
    font-size: 1.25rem;
    line-height: 1;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slide-arrow.next-arrow ,
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slide-arrow.prev-arrow{
    position: relative;
        top: auto;
        left: auto;
        right: auto;
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slide-arrow.next-arrow::before{
    content: '\e5e1';
}
#pickup-bnr-widget .section-wrap .pickup-bnr-area.slick .slide-arrow.prev-arrow::before{
    content: '\e2ea';
}

/*dots*/
#pickup-bnr-widget .slick-dots {
    padding: 1rem 0 0 0;
    position: relative;
        bottom: 0;
}
#pickup-bnr-widget .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    width: 10px ;
    height: 10px ;
}
#pickup-bnr-widget .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
}
#pickup-bnr-widget .slick-dots li button:before {
    background-color: rgba(255,255,255,1.00);
    border: rgba(255,255,255,1.00) solid 1px;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    opacity: 1;
    position: relative;
        left: 0;
        top: 0;
    width: 10px;
}
#pickup-bnr-widget .slick-dots li.slick-active button:before {
    background-color: rgba(5, 116, 241, 1);
    opacity: 1;
}

/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
#container .content #visit-info {
    background: url("../images/front/visit-info/bg_visit.png") no-repeat top left;
    background-size: contain;
    margin: 100px 0;
}
#container .content #visit-info .section-wrap {
    display: flex;
    justify-content: space-around;
}
#container .content #visit-info .section-wrap > div {
    width: 45%
}
#container .content #visit-info .section-wrap .times dl {
    align-items: center;
    background-color: rgba(255,255,255,1.00);
    border-radius: .5rem;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,.15);
    display: flex;
    margin: 0 0 1.5rem;
    padding: 1rem;
}
#container .content #visit-info .section-wrap .times dl dt {
    background-color: rgba(0,0,0,.25);
    border-radius: 2rem;
    color: rgba(255,255,255,1.00);
    font-weight: normal;
    padding: .5rem 1rem;
}
#container .content #visit-info .section-wrap .times dl dt br {
    display: none;
}
#container .content #visit-info .section-wrap .times dl.morning dt {
    background-color: rgba(74,217,125,1.00);
}
#container .content #visit-info .section-wrap .times dl.afternoon dt {
    background-color: rgba(239,161,37,1.00);
}
#container .content #visit-info .section-wrap .times dl.evening dt {
    background-color: rgba(242,68,5,1.00);
}
#container .content #visit-info .section-wrap .times .attention {
    align-items: center;
    display: flex;
    justify-content: center;
}
#container .content #visit-info .section-wrap .times .attention::before {
    color: rgba(5, 116, 241, 1);
    content: '\e000';
    font-family: 'Material Icons';
    font-size: 1.5rem;
}
#container .content #visit-info .section-wrap .contents-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#container .content #visit-info .section-wrap .contents-link > div {
    background: url("../images/front/visit-info/ico_arrow.png") no-repeat bottom 1rem right 1rem;
    background-size: 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 1rem;
    padding: 1rem;
    position: relative;
    width: calc( 50% - 2rem);
}
#container .content #visit-info .section-wrap .contents-link > div {
    background-color: rgba(0,0,0,1.00);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 1rem;
    position: relative;
    width: calc( 50% - 2rem);
}
#container .content #visit-info .section-wrap .contents-link > div::after {
    background: url("../images/front/visit-info/ico_schedule.png") no-repeat center;
    background-size: contain;
    content: "";
    display: block;
    height: 80px;
    width: 80px;
}
#container .content #visit-info .section-wrap .contents-link > div a {
    color: rgba(255,255,255,1.00);
    text-decoration: none;
}
#container .content #visit-info .section-wrap .contents-link > div a::after {
    background-color:rgba(255,255,255,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    transition: .3s;
    z-index:1;
}
#container .content #visit-info .section-wrap .contents-link > div:hover a::after {
    background-color:rgba(255,255,255,.25);
}
#container .content #visit-info .section-wrap .contents-link > div.schedule {
    background-color: rgba(5,107,241,1.00);
}
#container .content #visit-info .section-wrap .contents-link > div.schedule::after {
    background: url("../images/front/visit-info/ico_schedule.png") no-repeat center;
    background-size: contain;
}
#container .content #visit-info .section-wrap .contents-link > div.ped_schedule {
    background-color: rgba(5,131,242,1.00);
}
#container .content #visit-info .section-wrap .contents-link > div.ped_schedule::after {
    background: url("../images/front/visit-info/ico_ped_schedule.png") no-repeat center;
    background-size: contain;
}
#container .content #visit-info .section-wrap .contents-link > div.web_med_interview {
    background-color: rgba(68,175,243,1.00);
}
#container .content #visit-info .section-wrap .contents-link > div.web_med_interview::after {
    background: url("../images/front/visit-info/ico_web_med_interview.png") no-repeat center;
    background-size: contain;
}
#container .content #visit-info .section-wrap .contents-link > div.maina {
    background-color: rgba(74,217,125,1.00);
}
#container .content #visit-info .section-wrap .contents-link > div.maina::after {
    background: url("../images/front/visit-info/ico_maina.png") no-repeat center;
    background-size: contain;
}

/* お知らせ #news
---------------------------------------------------- */
#container .content section#news {
    background: url("../images/front/news/bg_news.jpg") no-repeat center;
    background-size: cover;
    margin: 0 0 100px;
    padding: 50px ;
}
#container .content #news .section-wrap {
    background-color: rgba(255,255,255,.9);
    padding: 0 0 50px;
}
#news .section-wrap .news-list-wrap {
    margin:  0 auto;
    width: 960px;
}
#news .section-wrap .btn.more-link a {
    margin: 0 0 0 auto;
}

/* 健診・人間ドック #medical_checkup
---------------------------------------------------- */
#container .content #medical_checkup {
    background-color: rgba(44, 187, 219, 1);
    color: rgba(255,255,255,1.00);
    padding: 0;
    position: relative;
}
#container .content section#medical_checkup .section-wrap {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    padding: 2rem;
}
#medical_checkup .section-wrap > div {
    background: url("../images/front/medical_checkup/arrow_medical_checkup.png") no-repeat right center;
    background-size: contain;
    flex: 1;
    margin: 0 2rem;
}
#medical_checkup .section-wrap header {
    display: block;
    margin: 0;
}
#medical_checkup .section-wrap header::before {
    display: none;
}
#medical_checkup .section-wrap header h2.ttl {
    color: rgba(255,255,255,1.00);
    padding: 0;
}
#medical_checkup .section-wrap header p.btn.more-link a {
    background-color: rgba(255, 255, 255, 1);
    border: rgba(255, 255, 255, 1) solid 1px;
    border-radius: 2rem;
    justify-content: center;
}
#medical_checkup .section-wrap header p.btn.more-link a:hover {
    background-color: rgba(255, 255, 255, .5);
}
#medical_checkup .section-wrap header p.btn.more-link a::after {
    display: none;
}
#medical_checkup .section-wrap header p.btn.more-link a::before{
    background-color:rgba(255,255,255,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    transition: .3s;
    z-index:1;
}
#medical_checkup .section-wrap:hover header p.btn.more-link a::before{
    background-color:rgba(255,255,255,.25);
}
#medical_checkup .section-wrap header p.btn.more-link a span {
    color: rgba(44, 187, 219, 1);
    font-weight: bold;
    padding: 0;
}
#medical_checkup .section-wrap > p {
    margin: 0 2rem;
}

/* 採用情報 #recruit
---------------------------------------------------- */
#container .content #recruit {
    background-image: url("../images/front/recruit/bg_recruit.png") , url("../images/front/recruit/img_recruit.jpg");
    background-position: bottom left , top right;
    background-repeat: no-repeat , no-repeat;
    background-size: contain , auto 100%;
    padding: 0;
    position: relative;
}
#container .content section#recruit .section-wrap {
    padding: 0;
}
#recruit .section-wrap .recruit-cont-lists{
    display: flex;
    flex-wrap: wrap;
}
#recruit .section-wrap .recruit-cont-lists li {
    background-color: rgba(255,255,255,1.00);
    border: rgba(5, 116, 241, .5) solid 2px;
    margin: 1rem;
    padding: 1rem;
    position: relative;
    width: 35%;
}
#recruit .section-wrap .recruit-cont-lists li a{
    align-items: center;
    color: rgba(0,0,0,1.00);
    display: flex;
    text-decoration: none;
}
#recruit .section-wrap .recruit-cont-lists li a::after {
    background: url("../images/front/recruit/ico_rec_01.png") no-repeat center;
    background-size: contain;
    content: "";
    height: 50px;
    width: 50px;
}
#recruit .section-wrap .recruit-cont-lists li a span {
    flex: 1;
}
#recruit .section-wrap .recruit-cont-lists li a::before{
    background-color:rgba(255,255,255,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    transition: .3s;
    z-index:1;
}
#recruit .section-wrap .recruit-cont-lists li:hover a::before{
    background-color: rgba(44, 187, 219, .10);
}
#recruit .section-wrap .recruit-cont-lists li.point a::after {
    background: url("../images/front/recruit/ico_rec_02.png") no-repeat center;
    background-size: contain;
}
#recruit .section-wrap .recruit-cont-lists li.scholarship a::after {
    background: url("../images/front/recruit/ico_rec_03.png") no-repeat center;
    background-size: contain;
}
#recruit .section-wrap .recruit-cont-lists li.nursery a::after {
    background: url("../images/front/recruit/ico_rec_04.png") no-repeat center;
    background-size: contain;
}
#recruit .section-wrap .recruit-cont-lists li.doctor a::after {
    background: url("../images/front/recruit/ico_rec_05.png") no-repeat center;
    background-size: contain;
}
#recruit .section-wrap .recruit-cont-lists li.nurse a::after {
    background: url("../images/front/recruit/ico_rec_06.png") no-repeat center;
    background-size: contain;
}
#recruit .section-wrap .recruit-cont-lists li.comedical a::after {
    background: url("../images/front/recruit/ico_rec_07.png") no-repeat center;
    background-size: contain;
}
#recruit .section-wrap .recruit-cont-lists li.entry a::after {
    background: url("../images/front/recruit/ico_rec_08.png") no-repeat center;
    background-size: contain;
}

/* 関連施設 #facility
---------------------------------------------------- */
#container .content #facility {
    margin: 0;
    padding: 0;
    position: relative;
}
#container .content #facility .section-wrap {}
#facility .section-wrap .facilitise-list{
    display: flex;
    justify-content: space-around;
}
#facility .section-wrap .facilitise-list > div {
    background-color: rgba(255,255,255,.75);
    position: relative;
    width: 40%;
}
#facility .section-wrap .facilitise-list > div .photo{
    margin: 0;
}
#facility .section-wrap .facilitise-list > div dl{
    padding: 1rem;
}
#facility .section-wrap .facilitise-list > div dt{
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 0 1rem;
}
#facility .section-wrap .facilitise-list > div dt a , 
#facility .section-wrap .facilitise-list > div dt a:hover{
    color: rgba(0,0,0,1.00);
    text-decoration: none;
}
#facility .section-wrap .facilitise-list > div dt a::before{
    background-color:rgba(255,255,255,0);
    border: solid 2px rgba(5, 116, 241, 0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    transition: .3s;
    z-index:1;
}
#facility .section-wrap .facilitise-list > div:hover dt a::before{
    border: solid 2px rgba(5, 116, 241, .75);
}
#facility .section-wrap .facilitise-list > div:hover dt a::before{
    background-color:rgba(255,255,255,.25);
}
#facility .section-wrap .facilitise-list > div dd{
    margin: 0;
    padding: 0;
}

/* =====================================================
  --  メディアクエリ
===================================================== */
@media(max-width:1360px) {
/* お知らせ #news
---------------------------------------------------- */
    #container .content #news .section-wrap {
        width: 90%;
    }
}

@media(max-width:1260px) {

/* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 70px;
    }

    #container .content section .section-wrap {
        width: 90%;
    }

/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        margin: 70px 0;
    }
    #container .content #visit-info .section-wrap .times dl dt br {
        display: inline;
    }
    
/* お知らせ #news
---------------------------------------------------- */
    #container .content section#news {
        margin: 0 0 70px;
        padding: 30px ;
    }
    #news .section-wrap .news-list-wrap {
        margin:  0 auto;
        width: 90%;
    }
    
/* 健診・人間ドック #medical_checkup
---------------------------------------------------- */
    #container .content section#medical_checkup .section-wrap {
        padding: 1rem;
    }
    #medical_checkup .section-wrap > div {
        background-size: auto 50%;
        margin: 0 1rem;
    }
    #medical_checkup .section-wrap > p {
        margin: 0 1rem;
    }

/* 採用情報 #recruit
---------------------------------------------------- */
    #container .content section#recruit .section-wrap{
        width: 90%;
    }
    #recruit .section-wrap header .btn.more-link a::before{
        margin: 0 -25%;
    }
}


@media(max-width:1024px) {

/* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 50px;
    }
    /* moreリンクボタン .btn.more-link */
    p.btn.more-link a {
        padding: .5rem 1rem;
    }
    
/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        margin: 50px 0;
    }
    #container .content #visit-info .section-wrap > div {
        width: 50%;
    }    
    #container .content #visit-info .section-wrap .times dl {
        align-items: flex-start;
        flex-direction: column;
    }
    #container .content #visit-info .section-wrap .times dl dt{
        margin: 0 0 .5rem;
    }
    #container .content #visit-info .section-wrap .times dl dt br {
        display: none;
    }
    #container .content #visit-info .section-wrap .times .attention {
        flex-direction: column;
    }
    
/* お知らせ #news
---------------------------------------------------- */
    #container .content section#news {
        margin: 0 0 50px;
        padding: 20px ;
    }
    
/* 健診・人間ドック #medical_checkup
---------------------------------------------------- */
    #medical_checkup .section-wrap > div {
        flex: 1;
    }
    #medical_checkup .section-wrap > p {
        width: calc( 100% / 3) ;
    }
    
/* 採用情報 #recruit
---------------------------------------------------- */
    #container .content #recruit {
        background-image: url("../images/front/recruit/bg_recruit.png") , url("../images/front/recruit/img_recruit.jpg");
        background-position: bottom left , top right;
        background-repeat: no-repeat , no-repeat;
        background-size: 150px auto , auto 100%;
    }
    #recruit .section-wrap .recruit-cont-lists li {
        width: calc( 50% - 2rem);
    }
}

@media screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
    }
    /*ログイン時のアドミンバー表示調整*/
    body.logged-in #header {
        top: 46px;
    }
    #wp-admin-bar-my-account {
        line-height: 80%;
    }
}

@media(min-width:769px) {}

@media(max-width:768px) {
    
/* 共通要素
---------------------------------------------------- */
    /* エントリー内容 */
    .entry-list .section-wrap .article-list article .post-content {
        flex-wrap: wrap;
    }
    /* エントリー内容 - 日時 */
    .entry-list .section-wrap .article-list article .post-content .entry-time {
        padding: 0 0 .5rem;
        width: 100%;
    }
    
/* メインビジュアル section id="main-vis-wrap" #main-vis-wrap 
---------------------------------------------------- */
    #container .content section#main-vis-wrap{
        padding: 0;
    }
    /* - スライド設定*/
    #main-vis .bx-wrapper .bx-viewport .slider > div.slide {
        height: 40vh;
    }
    #main-vis .bx-wrapper .bx-viewport .slider > div.slide img , 
    #main-vis .bx-wrapper .bx-viewport .slider > div.slide video{
        height: 100%;
        object-fit: cover;
    }
    /* メインビジュアル動画のみ （no-slider）*/
    #main-vis .no-slider .slide {
        /*aspect-ratio: 16 / 9;*/
        height: 68vh;
        overflow: hidden;
    }
    #main-vis .no-slider .slide.slide-sp {
        display: block;
    }
    #main-vis .no-slider .slide.slide-pc {
        display: none;
    }
    #main-vis .no-slider .slide video {
        object-position: center;
    }
    #main-vis .no-slider .catch-wrap {
        align-items: flex-start;
        /*
        display: flex;
        height: 100%;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        */
    }
    #main-vis .no-slider .catch {
        background: url("../images/front/slide/bg_catch.png") no-repeat center rgba(255,255,255,.5);
        background-clip: border-box;
        background-size: cover;
        border: rgba(255,255,255,.85) double 6px;
        margin: 2rem 0 0 ;
        padding: 1rem 2rem;
        width: fit-content;
    }
    #main-vis .no-slider .catch h3 {
        font-size: .875rem;
    }
    
/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        background: url(../images/front/visit-info/bg_visit.png) no-repeat top left;
        background-size: 200px auto;
    }    
    #container .content #visit-info .section-wrap {
        flex-wrap: wrap;
    }
    #container .content #visit-info .section-wrap > div {
        width: 100%;
    }    
    
    
/* 健診・人間ドック #medical_checkup
---------------------------------------------------- */
    #container .content section#medical_checkup .section-wrap {
        flex-direction: column-reverse;
    }
    #medical_checkup .section-wrap > div {
        background: none;
        flex: auto;
        margin: 1rem auto;
    }
    #medical_checkup .section-wrap > div header {
        text-align: center;
    }
    #medical_checkup .section-wrap header p.btn.more-link a{
        margin: 0 auto;
    }
    #medical_checkup .section-wrap > p {
        margin: 1rem 0;
        width: 50% ;
    }

/* 採用情報 #recruit
---------------------------------------------------- */
    #container .content section#recruit::before {
        background-color: rgba(255,255,255,.50);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
            left: 0;
            top: 0;
        width: 100%;
    }
    #container .content section#recruit .section-wrap {
        padding: 2rem 0;
        position: relative;
        z-index: 1;
    }
    #recruit .section-wrap .recruit-cont-lists li {
        margin: .5rem ;
        padding: .5rem;
        width: calc(50% - 1rem);
    }
    #recruit .section-wrap .recruit-cont-lists li a::after {
        height: 35px;
        width: 35px;
    }
    
/* 関連施設 #facility
---------------------------------------------------- */
    #facility .section-wrap .facilitise-list{
        flex-direction: column;
    }
    #facility .section-wrap .facilitise-list > div {
        margin: 1rem auto;
        width: 90%;
    }
    #facility .section-wrap .facilitise-list > div .photo img{
        display: block;
        margin: 0 auto;
    }
    #facility .section-wrap .facilitise-list > div dl dt{
        text-align: center;
    }
}

@media(max-width:767px) {}
@media(max-width:576px) {

    /* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 30px;
    }
    #container .content section .section-wrap {
        width: 94%;
    }
    
/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        margin: 30px 0;
    }
    
/* お知らせ #news
---------------------------------------------------- */
    #container .content section#news {
        margin: 0;
        padding: 0 ;
    }
    #container .content #news .section-wrap {
        padding: 0 0 10px;
        width: 100%;
    }
    
/* 採用情報 #recruit
---------------------------------------------------- */
    #container .content section#recruit .section-wrap{
        width: 94%;
    }
    #recruit .section-wrap .recruit-cont-lists li {
        margin: .5rem 0;
        width: 100%;
    }
}

@media(max-width:420px) {}

/*モバイル画面横向きの際*/
@media(orientation: landscape) {
    #container .content #front-top {
        height: auto;
    }
}