@charset "utf-8";
/* Generic Child-suitaStyle-front
    front-page専用スタイル
    body.home
　　　-コンテナ div id="container" #container
　　　-共通要素 （ .btn.more-link ） 
    　-メインビジュアルスライダーdiv id="main-vis" #main-vis （bxslider）
    　-各コンテンツ section
　　　-メディアクエリ（ブレイクポイントごと）
*/

/* コンテナ div id="container" #container
---------------------------------------------------- */
body.home #container ,
body.front-test #container {
    margin: 0 auto;
    width: 100%;
}
/*メインコンテンツ - メインカラム*/
body.home main.content , 
body.front-test main.content {
    float: none;
    margin: 0;
    padding: 00;
    width: 100%;
}


#main-vis {
  pointer-events: none;
}
/* 共通要素
---------------------------------------------------- */
/* セクション section */
#container .content section{
    margin: 0 0 100px;
}
#container .content section .section-wrap{
    margin: 0 auto;
    width: 1240px;
	padding: 20px;
	border-radius: 20px;
}

section .section-wrap header h2.ttl{
    font-weight: normal;
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
    width: fit-content;
    z-index: 1;
	font-size: 2.25rem;
	margin-bottom: 48px;
}
section .section-wrap header h2.ttl span{
    color: #917210;
    display: block;
    font-size: 1rem;
}
/* お知らせ・ブログ等　新着表示 .entry-list --- */
.entry-list .section-wrap .article-list{
    margin: 0 auto;
}
.entry-list .section-wrap .article-list article{
    align-items: center;
    background-color: #fff;
    border-bottom: #ddd dotted 1px;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 1rem 0 1rem 1rem;
    position: relative;
    transition: .3s;
}
.entry-list .section-wrap .article-list article:last-child {
	border-radius: 0px 0px 10px 10px;
}
.entry-list .section-wrap .article-list article:first-child{
    border-top: #ddd dotted 1px;
}

.entry-list .section-wrap .article-list article:hover{
    background-color: #f7f7f7;
	cursor:pointer;
}
.entry-list .section-wrap .article-list article .entry-meta{
    margin: 0;
}
.entry-list .section-wrap .article-list article .entry-meta .entry-time{
    display: inline-block;
    padding: 0 0 0 .5em;
    width: 8em;
	color: #000;
}
.entry-list .section-wrap .article-list article .entry-meta .category{
    background-color: #ddd;
    border: #ddd solid 1px;
    color: #666;
    display: inline-block;
    padding: .25em;
    text-align: center;
    width: 12em;
}
.entry-list .section-wrap .article-list article .entry-title{
    flex: 1;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 0 0 1em;
}
.entry-list .section-wrap .article-list article .entry-title a{
    color: #000;
    text-decoration: none;
}

.entry-list .section-wrap p.btn.more-link {
    margin: 2rem auto;
    text-align: center;
}
/* moreリンクボタン .btn.more-link */
p.btn.more-link{}
p.btn.more-link a{
    align-items: center;
    background-color: rgba(145,114,16,1.00);
    border: rgba(145,114,16,1.00) solid 1px;
    border-radius: 2rem;
    color: #fff;
    display: flex;
    height: auto;
    justify-content: center;
    line-height: normal;
    padding: .75rem 2rem;
    text-decoration: none;
    width: fit-content;
}
p.btn.more-link a:hover{
    background-color: #fff;
    color: rgba(145,114,16,1.00);
	
}

/* ヘッダ header id="header" #header
   ※フロントページのみの指定
---------------------------------------------------- */
#header {
    /*ヘッダ固定の指定を外す際はposition:relativeに変更し、header.php内の「ヘッダーの高さ分だけコンテンツを下げる」をコメントアウトし、
    ログイン時のアドミンバー表示調整（body.logged-in #header）もコメントアウトする
    （@media screen and (max-width: 782px)にもログイン時のアドミンバー表示調整の記述有）
    */
    margin: 0;
    position: absolute;
        left: 0;
        top: 0;
    z-index: 9999;
}
/*ログイン時のアドミンバー表示調整*/
body.logged-in #header {
        top: 32px;
}

/* フロントトップsection id="front-top" #front-top （#front-nav #main-vis / #attention）
---------------------------------------------------- */
#container .content #front-top{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
}

/* フロントトップ - メインビジュアル div#main-bis（bxslider） */
#main-vis{
    margin: 0;
    padding: 0;
    position: relative;
	margin-top: 130px!important;
}
/*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{
    height: calc(100vh - 130px);
    position: relative;
}

#main-vis .bx-wrapper .bx-viewport .slider > div .catch{
    margin: 0 auto 1rem;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1), -1px -1px 0 rgba(255, 255, 255, 1);
    width: 50%;
}
#main-vis .bx-wrapper .bx-viewport .slider > div .catch h2{
    font-size: 6.8em;
	color: #fff;
	font-weight: 100;
	text-shadow: #000 1px 0 20px;
	letter-spacing: 40px;
}
#main-vis .bx-wrapper .bx-viewport .slider > div .catch h3{
    font-size: 4em;
	color: #fff;
	text-shadow: #000 1px 0 20px;
	font-weight: 400;
}
#main-vis .bx-wrapper .bx-viewport .slider .slide01{
    background: url("../images/front/slide/slide1.jpg") center no-repeat;
    background-size: cover;
}
#container .content #front-top .catch{
	position: absolute;
    bottom: 20%;
	right: 1%;
    width: auto;
}

#container .content #front-top .bnr-wrap{
    justify-self:center;
}

#container .content #front-top .bnr-wrap div a {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    text-decoration: none;
    padding: 1em;
    text-align: center;
    margin-bottom: 20px;
}

#container .content #front-top .bnr-wrap div a:after {
    content: "\f138";
    font-family: FontAwesome;
    margin-left: 10px;
}

#container .content #front-top .catch-wrap .bnr-wrap a{
    background-color:rgb(250, 159, 147);
}
#container .content #front-top .catch-wrap .bnr-wrap a:hover{
   border:solid 2px rgb(250, 159, 147);
   background-color: #FFF;
   color: rgb(250, 159, 147);
}

#container .content #front-top .catch-wrap .bnr-wrap a.ygreen{
    background-color:rgb(75, 182, 137);
}
#container .content #front-top .catch-wrap .bnr-wrap a.ygreen:hover{
    border:solid 2px rgb(75, 182, 137);
    background-color: #FFF;
    color: rgb(75, 182, 137);
}

@media (Max-width:1127px){
    #container .content #front-top .catch-wrap{
        padding: 0 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    #container .content #front-top .bnr-wrap div a {
        font-size: 0.8em;
    }
    #container .content #front-top .catch-wrap div:first-of-type{
        order: 2;
        grid-column: 1 / 2; 
    }
    #container .content #front-top .catch-wrap div:nth-of-type(2){
        order: 1;
        grid-column: 1 / 4; /* 1列目から3列目までを占める */
    }
    #container .content #front-top .catch-wrap div:nth-of-type(3){
        order: 3;
        grid-column: 3 / 4; 

    }

}
@media (Max-width:767px){
	#news::after {
		bottom: -22%;
	}
}


/* フロントトップ - フロントナビ div.front-nav */
.bk-green {
	background-color: #eaefc5; 
	 position: relative;
}
.bk-green::before {
	content: "";
    background-image: url(../images/front/front-nav/bk-top.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
     top: -23%;
    right: 0;
    z-index: 100;
    width: 1920px;
    height:120px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#news::after {
	content: "";
    background-image: url(../images/front/front-nav/bk-bottom.png);
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -20%;
    right: 0;
    z-index: 3;
    width: 1920px;
    height:120px;
}
#front-nav{
 
}
#front-nav .section-wrap{ 
	width: 1430px!important;
	
}
#front-nav ul{
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0rem 0;
}
#front-nav ul li{
    align-items: center;
    border: #a9cf33 solid 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    transition: .3s;
    width: calc( 100% / 6 );
	border-radius:10px;
	padding:30px;
	margin:15px; 
	background-color: #fff;
	
}
#front-nav ul li:hover{
    opacity: .7;
}
#front-nav ul li a{
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    opacity: 1;
    text-decoration: none;
	border-radius: 5px;
}
#front-nav ul li a::after{
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:rgba(0,0,0,0);
}
#front-nav ul li:last-child{
}
#front-nav ul li::before{
    content: "";
    display: block;
    height: 60px;
    width: 60px;
}
#front-nav ul li.first::before{
    background: url("../images/front/front-nav/ico_first.png") center no-repeat;
}
#front-nav ul li.repeat::before{
    background: url("../images/front/front-nav/ico_repeat.png") center no-repeat;
}
#front-nav ul li.schedule::before{
    background: url("../images/front/front-nav/ico_schedule.png") center no-repeat;
}
#front-nav ul li.admission::before{
    background: url("../images/front/front-nav/ico_admission.png") center no-repeat;
}
#front-nav ul li.medicalcheckup::before{
    background: url("../images/front/front-nav/ico_medicalcheckup.png") center no-repeat;
}
#front-nav ul li.medical::before{
    background: url("../images/front/front-nav/ico_access.png") center no-repeat;
}

/* フロントトップ - 重要なお知らせ div#attention */

#attention{
    position: absolute;
    bottom: 10%;
	border-radius: 20px;
	left: 2%;
	z-index: 101;
}
#attention .section-wrap{
    margin: 0 auto;
    width: 740px!important;
	background-color: #fff;
	padding: 20px 20px 20px 30px;
}
#attention .section-wrap h3{
    color: #ff6a63;
    font-size: 1rem;
	margin-bottom: 10px;
}
#attention .section-wrap article{
    align-items: center;
    color: #fff;
    display: flex;
    flex: 1;
    opacity: 1;
    padding: 0rem;
    position: relative;
    transition: .3s;
}
#attention .section-wrap article:hover{
    opacity: .8;
}
#attention .section-wrap article::after{
    content: "\f138";
    display: block;
    font-family: FontAwesome;
}
#attention .section-wrap article .entry-meta{

    margin: 0;
}
#attention .section-wrap article .entry-meta time{
    padding: 0 1rem 0 0;
	color: #000;
}
#attention .section-wrap article .entry-title{
    flex: 1;
    font-size: 1rem;
    font-weight: normal;
}
#attention .section-wrap article .entry-title a{
    color: #000;
    text-decoration: none;
}
#attention .section-wrap article .entry-title a::after{
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:rgba(0,0,0,0);
}


/* お知らせ #news
---------------------------------------------------- */
#news{
    padding: 20px 0 80px 0;
	background-color: #eaefc5;
	position: relative;
	margin-bottom: 0px!important;
}

/*#news::after{
	background-image: url(../images/front/front-nav/bk-bottom.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0px;
}*/
#container .content #news .section-wrap{
    width: calc( 990px * 0.9 );
}
#news .section-wrap .article-list{
    padding: 0;
}
/* お知らせカテゴリタブリスト */
.news-list-wrap {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	border-radius: 10px;
	border:1px solid #a9cf33;
	background: #fff;
}
/* 各カテゴリタブ */
.tab-switch {
    display: none;
}
.tab-label {
    align-items: center;
    border-right: 1px solid #e6e6e6;
    color: #000;
    display: flex;
    flex: 1;
    justify-content: center;
    line-height: 100%;
    order: -1;
    padding: 1.3rem 0;
    text-align: center;
    transition: .3s;
	font-size: 18px;
}
.tab-label:first-child {
	border-radius: 10px 0px 0px 0px;
}

.tab-label:last-child{
	border-radius: 0px 10px 0px 0px;
	border-right: 0px;
}
.tab-label a {
	text-decoration: none;
	color: #000;
	display: block;
}
.tab-label a:hover {
	color: #fff;
}
.tab-label a{
	color:#333;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
}
/* ホバー */
.tab-label:hover a{
	color:#fff;
}
/* 選択中 */
.tab-switch:checked + .tab-label a{
	color:#fff;
}
.news-list-wrap .tab-label:last-of-type {
    margin-right: 0;
}
.tab-label:hover {
    background: #a9cf33;
    cursor: pointer;
	color: #fff;
}
#tab-news-cont h3.entry-title::before {
	content:"お知らせ";
	margin-right:20px;
	background-color: #e3e8bc;
	padding: 5px 12px;
	font-size: 12px;
}
#tab-recruit-cont h3.entry-title::before {
	content:"採用情報";
	margin-right:20px;
	background-color: #e3e8bc;
	padding: 5px 12px;
	font-size: 12px;
}
#tab-lecture-cont h3.entry-title::before {
	content:"イベント";
	margin-right:20px;
	background-color: #e3e8bc;
	padding: 5px 12px;
	font-size: 12px;
}
.news-list-wrap h3.entry-title::before {
	content:"お知らせ";
	margin-right:20px;
	background-color: #e3e8bc;
	padding: 5px 12px;
	font-size: 12px;
}
/* 各カテゴリタブ - アクティブ*/
.tab-switch:checked+.tab-label {
    background: #a9cf33;
	color: #fff;
	
}


#tab-news:checked + .tab-label.first{
	border-radius: 10px 0 0 0;
}
/* 各カテゴリタブ コンテンツ */
.tab-content {
    display: none;
    padding: 0;
    position: relative;
    width: 100%;
}
/* 各カテゴリタブ コンテンツ - アクティブ*/
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
#news .btn.more-link a {
    margin: 0 auto;
}
#tab-news:checked + .tab-label.first {
	
}

#introduction {
	padding: 80px 0;
    position: relative;
	background-image: url(../images/front/introduction/bk-right.png);
	background-repeat: no-repeat;
    background-size: auto;
	background-position: right;
	height: 540px;
}
#introduction::before {
    content: "";
    position: absolute;
    background-image: url(../images/front/introduction/leaf.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    width: 340px;
    height: 696px;
    left: -2%;
    bottom: 0;
    z-index: 100;
}
#introduction p{
	font-size: 36px;
	color: #668179;
 	position: absolute;
	top: 50%;
	left: 20%;
	transform: translateY(-50%);
	    z-index: 101;
}

#introduction p span{
	font-size: 44px;
	color: #f29228;
	font-family: "Ten Mincho Text", serif;
}


#charm {
	padding: 80px 0;
    position: relative;
	background-image: url(../images/front/charm/bk.jpg);
	background-repeat: no-repeat;
    background-size: auto;
	background-position: center;
	height: 855px;
	margin-bottom: 50px
}
#charm .charm-section {
  background: linear-gradient(135deg, #8fcf9c, #5fa98f);
  padding: 80px 0;
}
#charm .flex-area {
	display: flex;
	justify-content: space-between;
}
#charm header h2 {
	color: #fff;
	font-size: 54px;
	font-family: "Ten Mincho Text", serif;
	font-weight: 400;
}
#charm header .en{
	color: rgba(255, 255, 255, 0.5);
	font-size: 140px;
	font-weight: 350;
}
#charm .charm-title {
  width: 90%;
  margin: 0 auto 40px;
}

#charm .charm-title h2 {
  font-size: 70px;
  color: rgba(255,255,255,0.3);
  margin: 0;
}

#charm .charm-title p {
  color: #fff;
  font-size: 22px;
  margin: 10px 0 0;
}

#charm .charm-slider {
  	margin-left: auto;
  margin: auto;
  list-style: none;
  padding: 0;
	max-width: 1370px;
	width: 100%;
	 display: flex; /* 親に指定 */
  align-items: stretch; /* デフォルトで高さが揃う */
}

#charm .charm-slider li {
margin: 0 15px;
width: 460px!important;
}
/*
#charm .card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
*/
#charm .card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

#charm .card-body {
  padding: 20px;
}

#charm .card-body h3 {
  color: #4b8b7b;
  margin-bottom: 10px;
}
.charm-slider {
  padding: 0 20px; /* 余白調整 */
}
.charm-slider .slick-list {
  overflow: hidden;
}
.charm-slider {
  margin: 0;
  padding: 0;
}

.charm-slider .slick-list {
  margin: 0;
  padding: 0;
}


#charm .in:first-child {
	width: 20%;
	margin-left: 100px;
}
#charm .in:nth-child(2) {
	width: 80%;
}
#charm ul {
	display: flex;
	    margin-left: 50px;
}

#charm ul li {
	width: 30%;
	background-color: #fff;
	padding: 5px;
	margin: 10px;
	border-radius: 12px;
}
#charm ul li img{
	max-width: 380px;
	border-radius: 10px 10px 0 0;
}
#charm ul li h3 {
	text-align: center;
	color: #689d79;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 1.5rem;
}
/* ウィジェット（インフォバナーエリア） #info-bnr-widget
---------------------------------------------------- */
#info-bnr-widget{}
section.widget-area#info-bnr-widget .section-wrap{}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick{
    padding: 2rem 0;
    position: relative;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slick-track {
    align-items: center;
    display: flex;
    justify-content: center;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick li{
    align-items: center;
    background-color: rgba(145,114,16,.10);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0 1rem;
    padding: 0;
    position: relative;
    transition: .3s;
    width: 280px !important;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick li:hover{
    opacity: .8;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick li h2{
    flex: 1;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 1rem;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick li a::after{
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:rgba(0,0,0,0);
}
/*左右送り（バナー枚数超過の時のみ表示）*/
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow{
    height: 2rem;
    margin: 0;
    text-align: center;
    width: 2rem;
    z-index: 250;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow:hover{
    cursor: pointer;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow::before{
    color: rgba(0,0,0,.50);
    content: "";
    display: inline;
    font-family: 'Material Icons';
    font-size: 2rem;
    line-height: 1;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.slick-disabled::before{
    color: rgba(0,0,0,.50);
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.next-arrow{
    position: absolute;
        top: calc( 50% - 1rem);
        right: 0;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.next-arrow::before{
    content: '\e5e1';
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.prev-arrow{
    position: absolute;
        top: calc( 50% - 1rem);
        left: 0;
}
section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.prev-arrow::before{
    content: '\e2ea';
}

/* 採用情報 #recruit*/
#recruit {
	margin-bottom: 90px;
}
#recruit .flex-area {
	display: flex;
	width: 100%;
}
#recruit .flex-area .in{
	width: 50%;
}
#recruit .flex-area .in:nth-child(2) {
	padding-left: 50px;
	margin-top: -100px;
}
    
#recruit .flex-area .in .btn-list{
	display: flex;
	justify-content: space-between;
	margin-left: -200px;
	margin-right: 10%;
}
#recruit .flex-area .in .btn-list .box a{
	text-decoration: none;
    display: block;
}
#recruit .flex-area .in .btn-list img{
	margin-top: -80px;
}
#recruit header {
	padding-left: 20px;
}
#recruit p.intro{
	padding-left: 20px;
	font-size: 22px;
	margin-bottom: 120px;
}
#recruit header h2 {
	color: #000;
	font-size: 54px;
	font-family: "Ten Mincho Text", serif;
	font-weight: 400;
}
#recruit header .en{
	color: #a9cf33;
	font-size: 140px;
	font-weight: 350;
}
.btn-list .box {
	border:2px solid #a9cf33;
	border-radius: 10px;
	background-color: #fff;
	padding: 24px;
	text-align:center;
	width: 30%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.btn-list .box .ttl{
	font-size: 20px;
	color: #a9cf33;
	margin-bottom: 10px;
}
.btn-list .box .detil{
	font-size: 14px;
	 margin-top: 0px;
}
/* 屋久島ってどんなこと？ #island*/
#island {
	margin: 0 auto 100px auto;
    background-image: url(../images/front/island/bk.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
	width: 100%;
    max-width: 1920px;
	position: relative;
}
#island::before {
    content: "";
    background-image: url(../images/front/island/left-leaf.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
        top: 50%;
        left: 0;
    z-index: 100;
    width: 514px;
    height: 662px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: -1;
}
#island::after {
    content: "";
    background-image: url(../images/front/island/right-leaf.png);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
        top: 50%;
        right: 0;
    z-index: 100;
    width: 514px;
    height: 636px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: -2;
}
#island ul.flex{
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}
#island ul.flex li {
	border: 2px solid #a9cf33;
	border-radius: 15px;
	background-color: #fff;
	margin: 20px;
}
#island ul.flex li a{
	padding: 30px;
	color: #a9cf33;
	text-decoration: none;
	width: 430px;
	font-size: 20px;
	display: flex;
    justify-content: space-between;
	
}

#island ul.flex li a::after {
	content: "\f138";
    font-family: FontAwesome;
    margin-left: 10px;
	color: #c9d197;
	font-size: 26px;
}
#island p.intro{
	padding-left: 20px;
	font-size: 22px;
	margin-bottom: 50px;
	text-align: center;
}
#island header{
	text-align: center;
}

#island header .en {
    color: #a9cf33;
    font-size: 140px;
    font-weight: 350;
}

	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 4);
	margin: 10px;
}
.scroll-infinity__item>img {
  width: 100%;
	border-radius: 20px;
	
}
/* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
#pickup-widget{
    background-color: #fef9fb;
    padding: 50px 0;
}
section.widget-area#pickup-widget .section-wrap{}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick{
    padding: 0;
    position: relative;
}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick li{
    position: relative;
    transition: .3s;
}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick li:hover{
    opacity: .8;
}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick li a::after{
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:rgba(0,0,0,0);
}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick li h2{
    background-color: rgba(145,114,16,1.00);
    color: #fff;
    display: inline-block;
    font-family: 'Noto Serif JP', serif;
    font-weight: normal;
    padding: 1rem;
    position: absolute;
        top: 0;
        left: 0;
}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick li div .wp-caption-text{
    background-color: rgba(0,0,0,.50);
    color: #fff;
    margin: 0;
    padding: 1rem;
    position: absolute;
        bottom: 0;
        left: 0;
    text-align: right;
    width: 100%;
}
/*slick dots 上書き*/
section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots {
        bottom: -30px;
}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li button:before {
    background-color: rgba(255,255,255,1.00);
    border: rgba(145,114,16,1.00) solid 1px;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    opacity: 1;
    width: 10px;
}
section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li.slick-active button:before {
    background-color: rgba(145,114,16,1.00);
    opacity: 1;
}

/* 当院の特徴 #point
---------------------------------------------------- */
#container .content #point{}
#container .content #point .section-wrap{
    width: 100%;
}
#point .section-wrap header{
    margin: 0 0 50px;
}
#point .section-wrap .point-box-wrap{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%;
}
#point .section-wrap .point-box-wrap .point-box{
    border-bottom: #ddd solid 3px;
    margin: 0 .5rem;
    padding: 0 0 1rem;
    position: relative;
    width: calc( 100% / 6);
}
#point .section-wrap .point-box-wrap .point-box#machines{
    border-bottom-color: #b0d1df;
}
#point .section-wrap .point-box-wrap .point-box#er{
    border-bottom-color: #f1d1cb;
}
#point .section-wrap .point-box-wrap .point-box#cancer{
    border-bottom-color: #c3cebf;
}
#point .section-wrap .point-box-wrap .point-box#cooperation{
    border-bottom-color: #efd7c1;
}
#point .section-wrap .point-box-wrap .point-box#medical_checkup{
    border-bottom-color: #d6d2b5;
}
#point .section-wrap .point-box-wrap .point-box#nursing_home{
    border-bottom-color: #e0c3d7;
}
#point .section-wrap .point-box-wrap .point-box::after{
    background-color: #ddd;
    content: "";
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    display: block;
    height: 10px;
    position: absolute;
        bottom: -1px;
        left: calc( 50% - 10px );
    width: 20px;
    z-index: 10;
}
#point .section-wrap .point-box-wrap .point-box#machines::after{
    background-color: #b0d1df;
}
#point .section-wrap .point-box-wrap .point-box#er::after{
    background-color: #f1d1cb;
}
#point .section-wrap .point-box-wrap .point-box#cancer::after{
    background-color: #c3cebf;
}
#point .section-wrap .point-box-wrap .point-box#cooperation::after{
    background-color: #efd7c1;
}
#point .section-wrap .point-box-wrap .point-box#medical_checkup::after{
    background-color: #d6d2b5;
}
#point .section-wrap .point-box-wrap .point-box#nursing_home::after{
    background-color: #e0c3d7;
}
#point .section-wrap .point-box-wrap .point-box::before{
    content: "";
    background-color:rgba(0,0,0,.0);
    display: block;
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
        top: 0;
        left: 0;
    transition: .3s;
    width: 100%;
    z-index: 3;
}
#point .section-wrap .point-box-wrap .point-box:hover::before{
    background-color:rgba(0,0,0,.25);
}
#point .section-wrap .point-box-wrap .point-box#machines:hover::before{
    background-color:rgba(176,209,223,.25);
}
#point .section-wrap .point-box-wrap .point-box#er:hover::before{
    background-color:rgba(241,209,203,.25);
}
#point .section-wrap .point-box-wrap .point-box#cancer:hover::before{
    background-color:rgba(195,206,191,.25);
}
#point .section-wrap .point-box-wrap .point-box#cooperation:hover::before{
    background-color:rgba(239,215,193,.25);
}
#point .section-wrap .point-box-wrap .point-box#medical_checkup:hover::before{
    background-color:rgba(214,210,181,.25);
}
#point .section-wrap .point-box-wrap .point-box#nursing_home:hover::before{
    background-color:rgba(224,195,215,.25);
}

.point-box figure p.img{
    aspect-ratio: 1 / 1;
    font-size: 0 !important;
    line-height: 100% !important;
    margin: 0 !important;
    position: relative;
}
.point-box figure p.img::before ,.point-box figure p.img::after{
    background-color: #fff;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 1;
}
.point-box figure p.img::before{
    clip-path: polygon(0 0, 100% 0, 100% 100%);
        top: -1px;
        right: -1px;
}
.point-box figure p.img::after{
    clip-path: polygon(0 0, 100% 100%, 0 100%);
        bottom: -1px;
        left: -1px;
}
.point-box figure p.img img{
    height: 100%;
    width: 100%;
}
.point-box figure figcaption{
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: -40px 0 0 0;
}
.point-box figure figcaption::before{
    background-color: #fff;
    border-radius: 50px;
    content: "";
    display: block;
    height: 100px;
    width: 100px;
    z-index: 2;
}
.point-box#machines figure figcaption::before{
    background: #fff url("../images/front/point/ico_machines.svg") center no-repeat;
    background-size: auto 50%;
}
.point-box#er figure figcaption::before{
    background: #fff url("../images/front/point/ico_er.svg") center no-repeat;
    background-size: auto 50%;
}
.point-box#cancer figure figcaption::before{
    background: #fff url("../images/front/point/ico_cancer.svg") center no-repeat;
    background-size: auto 50%;
}
.point-box#cooperation figure figcaption::before{
    background: #fff url("../images/front/point/ico_cooperation.svg") center no-repeat;
    background-size: auto 50%;
}
.point-box#medical_checkup figure figcaption::before{
    background: #fff url("../images/front/point/ico_medical_checkup.svg") center no-repeat;
    background-size: auto 50%;
}
.point-box#nursing_home figure figcaption::before{
    background: #fff url("../images/front/point/ico_nursing_home.svg") center no-repeat;
    background-size: auto 50%;
}
.point-box figure figcaption h3{
    font-weight: normal;
    text-align: center;
}
.point-box figure figcaption h3 a{
    color: #000;
    text-decoration: none;
}
.point-box figure figcaption h3 a::after{
    background-color:rgba(0,0,0,0);
    content:"";
    pointer-events:auto;
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:4;
}


/* 採用情報 #recruit
---------------------------------------------------- */

/* ウィジェット（バナーエリア） #bnr-widget
---------------------------------------------------- */
section.widget-area#bnr-widget{
    margin: 0 !important;
    padding: 0;
}
section.widget-area#bnr-widget .section-wrap{}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick{
    padding: 2rem 0;
    position: relative;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slick-track {
    align-items: center;
    display: flex;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick li{
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick li img {
	border: 1px solid #ddd;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick li h2{
    display: none;
}
/*左右送り（バナー枚数超過の時のみ表示）*/
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow{
    height: 2rem;
    margin: 0;
    text-align: center;
    width: 2rem;
    z-index: 250;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow:hover{
    cursor: pointer;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow::before{
    color: rgba(0,0,0,.50);
    content: "";
    display: inline;
    font-family: 'Material Icons';
    font-size: 2rem;
    line-height: 1;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.slick-disabled::before{
    color: rgba(0,0,0,.50);
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.next-arrow{
    position: absolute;
        top: calc( 50% - 1rem);
        right: 0;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.next-arrow::before{
    content: '\e5e1';
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.prev-arrow{
    position: absolute;
        top: calc( 50% - 1rem);
        left: 0;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.prev-arrow::before{
    content: '\e2ea';
}
/* メディアクエリ（ブレイクポイントごと）
---------------------------------------------------- */
@media(max-width:1920px) {
	#charm .in:first-child {
    width: 30%;
    margin-left: 20px;
	}
	#charm .in:nth-child(2) {
    width: 70%;
}
	
}

/* メディアクエリ（ブレイクポイントごと）
---------------------------------------------------- */
@media(max-width:1430px) {
#front-nav .section-wrap {
		width: 100%!important;
	}
}

/* メディアクエリ（ブレイクポイントごと）
---------------------------------------------------- */
@media(max-width:1366px) {
/* 当院の特徴 #point
---------------------------------------------------- */
    #point .section-wrap .point-box-wrap{
        width: 100%;
    }
    .point-box figure figcaption h3{
        font-size: 1rem;
    }
	#front-nav .section-wrap {
		width: 100%!important;
	}
	#front-nav ul li{
	padding: 20px;
    margin: 10px;
	}
	#introduction::before {
		background-size: contain;
		width: 200px;
		height: 409px;
	}
	#header-contents #site-title h1 a img {
		width: 80%;
		 margin-bottom: 20px;
	}
	
	#container .content #front-top .catch {
		bottom: 25%;
	}
	#container .content #front-top .catch {
		    bottom: 30%;
	}
	#main-vis .bx-wrapper .bx-viewport .slider > div .catch h2 {
	     font-size: 4.2em;
		  margin-bottom: -10px;
	}
	#main-vis .bx-wrapper .bx-viewport .slider > div .catch h3 {
		font-size: 3.0em;
	}
	
	#recruit header .en,
	#island header .en,#charm header .en
	{
		font-size: 100px;
	}
	#recruit header h2,
	#island header h2,#charm header h2
	{
		font-size: 34px;
	}
	#recruit p.intro,
	#island p.intro {
		font-size: 18px;
	}
	#island header img{
		width: 40%;
	}
	#island::before {
		width: 300px;
		background-size: contain;
	}
	#island::after {
	width: 300px;
	background-size: contain;
	}
	#island ul.flex {
		margin-bottom: 0px;
	}
	#island ul.flex li a {
		padding: 24px;
	}
	#recruit p.intro, #island p.intro {
		text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
	}
	#charm .card-body {
		padding: 10px;
	}
	#charm .card-body h3 {
		font-size: 1.2rem;
	}
	#charm ul {
		margin-left: 0px;
	}
	
}
	    
    


@media(max-width:1260px) {
/* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section{
        margin: 0 0 70px;
    }
    #container .content section .section-wrap{
        width: 90%;
    }
	#front-nav ul li {
		margin: 5px;
		padding: 20px 10px
	}
	#main-vis .bx-wrapper .bx-viewport .slider > div {
		 height: 550px;
	}
	#container .content #front-top {
		        min-height: 90vh!important;
	}
	
	#attention {
		bottom: 5%;
	}


/* お知らせ #news
---------------------------------------------------- */
    #news{
        padding: 70px 0 0;
    }
    #container .content #news .section-wrap{
        width: 90%;
    }
	#introduction p {
		font-size: 26px;
	}
	#introduction p span {
		font-size: 32px;
	}
	
    
/* ウィジェット（インフォバナーエリア） #info-bnr-widget
---------------------------------------------------- */
    section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.next-arrow{
            right: -5%;
    }
    section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.prev-arrow{
            left: -5%;
    }


/* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick li div .wp-caption-text{
        text-align: left;
    }

    
/* ウィジェット（バナーエリア） #bnr-widget
---------------------------------------------------- */
   /* section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.next-arrow{
            right: -5%;
    }
    section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.prev-arrow{
            left: -5%;
    }*/
}

@media(max-width:1024px) {
/* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section{
        margin: 0 0 50px;
    }
    /* お知らせ・ブログ等新着表示 .entry-list */
    .entry-list .section-wrap .article-list article{
        border-bottom: #ccc dotted 1px;
        flex-wrap: wrap;
        padding: .5rem .5rem .5rem 1rem 
    }
    .entry-list .section-wrap .article-list article::after{
        display: none;
    }
    .entry-list .section-wrap .article-list article .entry-meta , 
    .entry-list .section-wrap .article-list article .entry-title{
        width: 100%;
    }
    .entry-list .section-wrap .article-list article .entry-meta{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .entry-list .section-wrap .article-list article .entry-meta .entry-time{
            padding: 0 .5em;
            width: auto;
    }
    .entry-list .section-wrap .article-list article .entry-meta .category{
            width: auto;
    }
    .entry-list .section-wrap .article-list article .entry-title{
        padding: .5em 0 0;
    }
    .entry-list .section-wrap .article-list article .entry-title::before{
        content: '\e5df';
        display: inline-block;
        font-family: 'Material Icons';
        padding: 0;
    }
    /* moreリンクボタン .btn.more-link */
    p.btn.more-link{}
    p.btn.more-link a{
        padding: .5rem 1rem;
    }
	#main-vis {
		margin-top: 0px!important;
	}

/* フロントトップsection id="front-top" #front-top （#front-nav #main-vis / #attention）
---------------------------------------------------- */
    /* フロントトップ - メインビジュアル div#main-bis（bxslider） */
    #container .content #front-top {
        min-height: 100vh;
        height: auto;
    }
	#container .content section .section-wrap {
		width: 100%;
	}
	.bk-green::before {
		top: -13%;
		    height: 80px;
	}
    /* フロントトップ - フロントナビ div.front-nav */
    #front-nav{
        display: flex;
        flex: 1;
        flex-direction: column;
    }
    #front-nav .section-wrap{
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    #front-nav .section-wrap ul{
        flex: 1;
    }
    #front-nav .section-wrap ul li{
        padding: 1rem 0;
    }
	
    /* フロントトップ - メインビジュアル div#main-bis（bxslider） */
    /*各スライド設定*/
    #main-vis .bx-wrapper .bx-viewport .slider > div{
        height: 60vh;
    }
    #main-vis .bx-wrapper .bx-viewport .slider > div .catch{
        width: 100%;
    }
    #main-vis .bx-wrapper .bx-viewport .slider > div .catch h2{
        font-size: 3rem;
    }
	#container .content #front-top .catch {
		 bottom: 30%
	}
	#main-vis .bx-wrapper .bx-viewport .slider > div .catch h3 {
		        font-size: 2.5em;
	}

    /* フロントトップ - フロントナビ div.front-nav */
    #container .content section#front-top #front-nav .section-wrap {
        width: 100%;
    }
    #front-nav ul{
        flex-wrap: wrap;
        padding: 0;
		justify-content: center;
    }
    #front-nav ul li{
        width: calc( 100% / 4 );
    }

	#recruit .flex-area .in:nth-child(2) {
		    padding-left: 10px;
	}
	
	

/* お知らせ #news
---------------------------------------------------- */
    #news{
        padding: 0px 0 0;
    }
	section .section-wrap header h2.ttl {
		margin-bottom: 30px;
	}
    .tab-label {
        font-size: 1rem;
        padding: 1.5rem 0;
    }

#news::after {
		height: 120px;
		bottom: -20%;
			
	}
/* ウィジェット（インフォバナーエリア） #info-bnr-widget
---------------------------------------------------- */
    section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick li{
        margin: 0 10px;
        width: 50% !important;
    }

    
/* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick li h2{
        display: block;
        padding: .5rem;
        position: relative;
    }
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick li div .wp-caption-text{
        padding: .5rem;
        position: relative;
    }
    /*slick dots 上書き*/
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li button:before {
        border-radius: 3px;
        height: 6px;
        width: 6px;
    }
	
	#introduction {
		background-position: left;
	} 
	#introduction p{
	text-shadow:
    1px 1px 0 #fff,
   -1px 1px 0 #fff,
    1px -1px 0 #fff,
   -1px -1px 0 #fff;
		right: 0;
		 left: 7%;
	} 


/* 当院の特徴 #point
---------------------------------------------------- */
    #point .section-wrap header{
        margin: 0 0 1rem;
    }
    #point .section-wrap .point-box-wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #point .section-wrap .point-box-wrap .point-box{
        border-bottom: #ddd solid 3px;
        margin: 0 0 .5rem;
        padding: 0 0 .5rem;
        width: 48%;
    }
    #point .section-wrap .point-box-wrap .point-box::after{
        clip-path: polygon(100% 0, 100% 100%, 0 100%);
        height: 15px;
            left: calc( 100% - 15px );
        width: 15px;
    }
    .point-box figure{
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
    }
    .point-box figure p.img{
        margin: 0 1rem 0 0 !important;
        width: 100px;
    }
    .point-box figure p.img::before ,.point-box figure p.img::after{
        display: none;
    }
    .point-box figure figcaption{
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
    }
    .point-box figure figcaption::before{
        border-radius: 0;
        height: 2rem;
        margin: 0 .5rem 0 0;
        width: 2rem;
    }
    .point-box#machines figure figcaption::before{
        background-size: contain;
    }
    .point-box#er figure figcaption::before{
        background-size: contain;
    }
    .point-box#cancer figure figcaption::before{
        background-size: contain;
    }
    .point-box#cooperation figure figcaption::before{
        background-size: contain;
    }
    .point-box#medical_checkup figure figcaption::before{
        background-size: contain;
    }
    .point-box#nursing_home figure figcaption::before{
        background-size: contain;
    }
    .point-box figure figcaption h3{
        font-weight: bold;
        text-align: left;
    }    
    .point-box figure figcaption p{
        margin: 0 !important;
        width: 100%;
    }    
	.btn-list .box .ttl {
		font-size:18px;
	}
	#recruit .flex-area .in .btn-list {
		margin-right: 5%;
	}
	#recruit p.intro {
		margin-bottom: 80px
	}
	.btn-list .box {
		padding: 10px;
	}
	.btn-list .box .ttl {
	  margin-top: 10px;
	}
	#island ul.flex li a {
	  width: 320px;
	  font-size: 18px;
	}
	#island p.intro {
		margin-bottom: 20px;
	}
	#island::before {
	    left: -5%;	
	}
	#island::after {
		
	}
	#island ul.flex li a {
		width: 240px;
	}
	#island ul.flex li {
		margin: 10px;
	}
	#island ul.flex li a::after {
		    font-size: 20px;
    display: flex;
    align-items: center;
	}
	#charm ul {
		margin-left: 0px;
		justify-content: space-around;
	}
	
	#charm .flex-area {
		display: block;
	}
	#charm .in:first-child {
		width: 50%;
	}
	#charm .in:nth-child(2) {
		width: 100%;
		margin-top: 20px;
		padding: 15px;
	}
	#charm {
		padding: 0px;
	}
	#charm .card img{ 
		width: 100%;
    height: 150px;
	}
	#charm .card p{ 
	font-size: 14px;
	}
	

}

@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) {
	#main-vis {
		margin-top: 0px;
	}
	#main-vis .bx-wrapper .bx-viewport .slider .slide01 {
		background: url(../images/front/slide/slide1-sp.jpg) center no-repeat;
		background-size: contain;
	}
	#attention {
		 bottom: -2%;
	}
	#attention .section-wrap {
		width: 97%!important;
	}
	.bk-green::before {
	content: "";
    background-image: url(../images/front/front-nav/bk-top-sp.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
   top: -20px;
        right: 0;
        z-index: -1;
    width: 768px;
    height: 69px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	}
    .entry-list .section-wrap .article-list article {
z-index: 3;
    }
    #news::after {
        z-index: -1;
    }
    
    .entry-list .section-wrap .article-list article:last-child {
        border-bottom:  solid #a9cf33 1px;
    }
    #introduction {
        z-index: -2;
    }
    #container .content #news .section-wrap {
                padding-bottom: 30px;
    }
/* 共通要素
---------------------------------------------------- */
    /* h2見出し h2.ttl */
    section .section-wrap header h2.ttl span{
        font-size: .75rem;
    }
	#main-vis .bx-wrapper .bx-viewport .slider > div .catch h2 {
		font-size: 3.5rem;
		etter-spacing: 20px;
	}
	
	#main-vis .bx-wrapper .bx-viewport .slider > div .catch h2 {
	    font-size: 2.5rem;
	}
	.bx-viewport {
		height: 500px!important;
	}
    .tab-content:empty{
    display: none;
}

/* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
    #pickup-widget{
        background-color: #fef9fb;
        padding: 50px 0;
    }
    /*slick dots 上書き*/
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li button:before {
        border-radius: 5px;
        height: 10px;
        width: 10px;
    }
	
	section .section-wrap header h2.ttl {
		font-size: 1.7rem;
	}
	#attention .section-wrap {
		border-radius:7px!important;
	}

/* 当院の特徴 #point
---------------------------------------------------- */
    #point .section-wrap .point-box-wrap {
        width: 90%;
    }
    #point .section-wrap .point-box-wrap .point-box{
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        width: 100%;
    }
    .point-box figure figcaption::before {
        height: 1.5rem;
        width: 1.5rem;
    }
	#introduction p {
		 right: 0;
        left: 0%;
        padding: 20px;
	}
	#introduction::before {
		width: 150px;
        height: 307px;
	}

	#recruit .flex-area {
		display: block;
	}
	#recruit .flex-area .in {
		width: 100%;
		padding: 20px;
	}
	#recruit .flex-area .in:nth-child(2) {
		margin-top: -50px;
		padding-left: 20px;
	}
	#recruit header .en,
	#island header .en,
	#charm header .en
	{
		font-size: 70px;
		text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
		        
	}
	#recruit header h2,#charm header h2 {
	  font-size: 28px;
		
	}
	#recruit p.intro,#island p.intro {
	  font-size: 16px;
	  margin-top: 10px;
	}
	#recruit .flex-area .in .btn-list {
		flex-wrap: wrap;
		margin-left: 0px;
		margin-right: 0%;
	}
	#recruit header {
		text-align: center;
	}
	#recruit .flex-area .in .btn-list {
		justify-content: space-around;
	}
	#island::before {
		 width: 200px;
	}
	#island::after {
		width: 200px;
	}
	#island ul.flex li a {
		padding: 18px;
		font-size: 16px;
	}
	#island p.intro {
	 padding: 0px 20px;
	}
	.scroll-infinity__item>img {
		    border-radius: 10px;
	}
	#island p.intro {
		margin-bottom: 20px;
	}
	.scroll-infinity__item {
		width: calc(100vw / 2);
	}
	
	#charm header .en {
		font-weight: 100;
	}
	#charm .in:first-child {
		width: 100%;
		margin-left: 0px;
		text-align: center;
	}
	#charm .card-body h3 {
		font-size: 1.1rem;
	}
	#charm .card p {
		margin-top: 15px;
	}
	#charm .in:nth-child(2) {
		margin-top: 0px;
	}
	#charm {
	background-image: url(../images/front/charm/bk-sp.jpg);
	background-position: bottom center;
		height: 1149px;
	}

}

@media(max-width:660px) { 
	#attention {
		left: 0%;
	}
	    #attention .section-wrap {
        width: 97% !important;
	}
	#main-vis {
	 margin-top: 0px !important;
	}
    #container .content #news .section-wrap {
            padding: 0px;
    }
}
@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="front-top" #front-top （#front-nav #main-vis / #attention）
---------------------------------------------------- */
    /*各スライド設定*/
    #main-vis .bx-wrapper .bx-viewport .slider > div{
        height: 50vh;
    }
    #main-vis .bx-wrapper .bx-viewport .slider > div .catch h2{
        font-size: 1.5rem;
    }

    /* フロントトップ - フロントナビ div.front-nav */
    #front-nav{
    }
    #front-nav ul li{
        width: 50%;
    }
    
    #front-nav ul li::before{
        height: 40px;
        width: 40px;
		background-size: contain!important;
    }
	    #attention{
		width: 100%;
			    position: static;
			border-radius: 0px;
		                margin: 20px auto 50px auto;
    }
	#attention .section-wrap {
		width: 90%!important;
		border-radius: 20px;
		border: #a9cf33 solid 1px;
		
	}
	#attention .section-wrap h3 {
		margin-bottom: 0px;
	}
	.bx-viewport {
        height: 400px!important;
	}


    /* フロントトップ - 重要なお知らせ div#attention */

	
    #container .content section#front-top #attention .section-wrap {
        flex-wrap: wrap;
        padding: 0;
        width: 100%;
    }
    #attention .section-wrap h3{
        
         padding: 0.7rem 0.7rem 0rem 0.7rem;
        text-align: center;
        width: 100%;
    }
    #attention .section-wrap article{
        color: #000;
        display: block;
        padding: .7rem;
        position: relative;
    }
    #attention .section-wrap article::after{
        color: rgba(233,84,107,1);
        position: absolute;
        top: calc( 50% - .5rem);
        right: .5rem;
    }
	
    #attention .section-wrap article .entry-meta{
        color: #000;
    }
    #attention .section-wrap article .entry-meta time{
        padding: 0;
    }
    #attention .section-wrap article .entry-title{
        padding: 0 1rem 0 0;
    }
    #attention .section-wrap article .entry-title a{
        color: #000;
		font-size: 14px;
    }
	

    
	#front-nav ul li a {
		 font-size: 0.95rem;
	}

/* お知らせ #news
---------------------------------------------------- */
    #news{
        padding: 0px 0 0;
    }
	section .section-wrap header h2.ttl {
		font-size: 1.5rem;
		        margin-bottom: 20px;
	}
    .news-list-wrap {
        padding: 1rem 0 0 0;
    }
    .tab-label {
        border-radius: 1rem;
        flex: unset;
        font-size: .74rem !important;
        line-height: 1;
        margin:  5px;
        padding: .5rem;
    }
    .tab-switch:checked+.tab-label+.tab-content {
        background-color: #fff;
        margin: 1rem 0 0 0;
    }
	
	#tab-news:checked + .tab-label.first {
		border-radius: 1rem;
	}
	.tab-label {
		background: #f5f5f5;
	}
	.tab-label:last-child {
		border-radius: 1rem;
	}
	#tab-news-cont h3.entry-title::before {
		    padding: 3px 7px;
	}
	.entry-list .section-wrap .article-list article .entry-title a {
		font-size: 14px;
	}
	.news-list-wrap .tab-content p{
	  padding: .5rem .5rem .5rem 1rem;
	}
    
/* ウィジェット（インフォバナーエリア） #info-bnr-widget
---------------------------------------------------- */
    section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick li{
        margin: 0 1rem;
    }
    section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.next-arrow{
            right: -3%;
    }
    section.widget-area#info-bnr-widget .section-wrap .info-bnr-area.slick .slide-arrow.prev-arrow{
            left: -3%;
    }
	


    
/* ウィジェット（バナーエリア） #bnr-widget
---------------------------------------------------- */
    section.widget-area .section-wrap .bnr-area.slick .slide-arrow{
        height: 1.5rem;
        width: 1.5rem;
    }
    section.widget-area .section-wrap .bnr-area.slick .slide-arrow::before{
        font-size: 1.5rem;
    }
    section.widget-area .section-wrap .bnr-area.slick .slide-arrow.next-arrow{
        position: absolute;
            right: -.25rem;
    }
    section.widget-area .section-wrap .bnr-area.slick .slide-arrow.prev-arrow{
        position: absolute;
            left: -.25rem;
    }
    section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.next-arrow{
            right: 0%;
    }
    section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow.prev-arrow{
            left:0%;
    }
	#front-nav ul {
		justify-content: space-between;
	}
	#front-nav .section-wrap ul li {
		width: 47%;
	}
	
	#introduction p {
		font-size: 20px;
	}
	#introduction p span {
		font-size: 24px;
	}
	

	#introduction {
		height: 350px;
		background-position: left top;
	}
	#introduction::before {
		width: 100px;
        height:225px;
		bottom: -2%;
	}
	.btn-list .box {
		width:48%;
		margin-bottom: 60px;
	}
	#recruit .flex-area .in .btn-list img {
		width: 80px;
	}
	.btn-list .box .ttl {
		font-size: 16px;
	}
	#recruit {
		margin-bottom: 0px;
	}
	#recruit header {
		padding-left: 0px;
	}
	#recruit p.intro { 
	padding-left: 0px;
		margin-bottom: 70px;
	}
	#recruit header h2 {
		font-size: 24px;
	}
	.btn-list .box:last-child {
	 width: 80%;
	}
	
	#island {
		margin: 0 auto 70px auto;
	}
	#island ul.flex {
		display: block;
	}
	#island ul.flex li a {
		width: 100%;
	}
	#island::before,#island::after {
	  width: 150px;
	}
	#charm ul {
	   flex-wrap: wrap;
		justify-content: space-around;
		
	}
	#charm ul li {
		width: 46%;
		margin: 5px 0px;
	}
	#charm .card img {
		height: 130px;
	}
	#charm .card-body {
        padding: 5px;
	}

	#charm ul li {
		width: 90%;
	}
    #charm {
        margin-bottom: 0px;
    }

}
@media(max-width:460px) { 
	.bx-wrapper {
        background: none!important;
    }
    #attention {
         /*margin: -20px auto 50px auto;
           background-color: #eaefc5;*/
position: absolute;
                    bottom: -15%;
    }

    
      .main-visual{
        height: auto;
    }

	}
	     
@media(max-width:420px) { 
	.bx-viewport {
		height: 380px !important;
	}
	        
}
@media(max-width:350px) {
    section .section-wrap header:has( .ttl )::before {
        display: none;
    }
    section .section-wrap header h2.ttl {
        border-left: none;
        border-right: none;
        padding: 0;
    }    
}

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