@charset "utf-8";

/* ------------------------- index ------------------------- */

/* ------------------------- 600px 以上 959px 以下 ------------------------- */

/* ------------------------- ヘッダー ------------------------- */

/* ------ ヘッダー設定 ------ */

header {
    width: 100%;
    height: 50px;
}

div#header_inner {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

div.hamburger:hover {
    background: #4b98e8;
    color: #fff;
}


/* -- タイトルロゴ  -- */

div#title_logo{
    margin-top: 8px;
    margin-left: 10px;
}

div#title_logo h1 {
    height: 50px;
    font-size: 2.5rem;
    color: #333;
    letter-spacing: 0.5rem;
    line-height: 50px;
}

div#title_logo h1 span {
    font-size: 1.2rem;
    letter-spacing: 0;
    padding-right: 10px;
}

div#title_logo h1 a {
    text-decoration: none;
    color: #333;
}

/* -- ヘッダーナビ -- */

header nav {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
    background: rgba(135, 206, 250, 0.8);
    left: 0;
    z-index: 999;
}

nav#header_navi ul {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
}

nav#header_navi ul li {
    list-style-type: none;
    border-bottom: 1px solid #dcdcdc;
    flex-basis: 100%;
    position: relative;
}

 nav#header_navi ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 40px;
    color: #333;
    background: rgba(135, 206, 250, 0.8);
}

nav#header_navi ul li a i {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
}

nav#header_navi ul li a:hover {
    background: #4b98e8; 
    color: #fff;
}

nav#header_navi ul li a:hover i {
    opacity: 1;
}

/* -- トグルスイッチ -- */

#nav_toggle {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 100;
    background: #4b98e8;
    padding: 10px 10px 5px 10px;
    border-radius: 50%;
}

#nav_toggle div {
    position: relative;
}

#nav_toggle span {
    display: block;
    height: 3px;
    background: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    transition: 0.5s ease-in-out;
}

#nav_toggle span:nth-child(1) {
    top: 0px;
}

#nav_toggle span:nth-child(2) {
    top: 10px;
}

#nav_toggle span:nth-child(3) {
    top: 20px;
}

/* - open - */

.open #nav_toggle span:nth-child(1) {
    top: 12px;
    transform: rotate(135deg);
}

.open #nav_toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}

.open #nav_toggle span:nth-child(3) {
    top: 12px;
    transform: rotate(-135deg);
}

/* ------ メインビジュアル ------ */

div#main_visual {
    background: url(../images/main_visual.jpg) center;
    background-size: auto;
    width: 100%;
    height: 313px;
}

div#main_visual_inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

/* -- キャッチコピー -- */

p#catch_copy {
    display: inline-block;
    width: 100%;
    height: 313px;
    text-align: center;
    line-height: 313px;
    font-size: 3rem;
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}

.wf-hannari { font-family: "Hannari"; }

/* -- サブビジュアル -- */

#sub_visual1 img, #sub_visual2 img,#sub_visual3 img,#sub_visual4 img,#sub_visual5 img,#sub_visual6 img,#sub_visual7 img,#sub_visual8 img {
    width: 40%;
}

div#sub_visual1 {
    position: absolute;
    top: 20%;
    left :10%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

div#sub_visual2 {
    position: absolute;
    top: 20%;
    left: 30%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

div#sub_visual3 {
    position: absolute;
    top: 20%;
    left: 50%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

div#sub_visual4 {
    position: absolute;
    top: 20%;
    left: 70%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

div#sub_visual5 {
    position: absolute;
    bottom: 20%;
    left :10%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

div#sub_visual6 {
    position: absolute;
    bottom: 20%;
    left: 30%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

div#sub_visual7 {
    position: absolute;
    bottom: 20%;
    left: 50%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

div#sub_visual8 {
    position: absolute;
    bottom: 20%;
    left: 70%;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    display: none;
}

/* ------ ナビゲーション（各施設） ------ */

h2#navi_title {
    width: 100%;
    font-size: 2.0rem;
    padding: 15px 0;
    background: #f4f4f4;
    text-align: center;
    border: 1px solid #dcdcdc;
    cursor: pointer;
}

h2#navi_title i {
    padding-right: 10px;
}

nav {
    display: none;
}

nav#navi_menu ul {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
}

nav#navi_menu ul li {
    list-style-type: none;
    border-bottom: 1px solid #dcdcdc;
    flex-basis: 100%;
    position: relative;
}

nav#navi_menu ul li.current {
    display: none;
}

nav#navi_menu ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 20px;
    color: #333;
    background: rgba(255, 255, 224, 0.8);
    cursor: pointer;
}

nav#navi_menu ul li a i {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
}

nav#navi_menu ul li a:hover {
    background: rgba(210, 180, 140, 0.8);  
    color: #fff;
}

nav#navi_menu ul li a:hover i {
    opacity: 1;
}

/* -- infomation -- */

div#information {
    margin-top: 40px;
    width: 100%;
    height: auto;
    background: #fff;;
}

div#information_inner {
    width: 94%;
    height: auto;
    margin: 0 auto;
    background: #fff;
    padding: 0 10px;
}

dl.information_contents {
    
    width: 100%;
    height: 55px;
    border-top: 1px dotted #434343;
    margin: 0 auto;
    overflow: auto;
}

dl.information_contents:last-child {
    border-bottom: 1px dotted #434343;
}

dl.information_contents dt {
    font-size: 1.4rem;
    float: left;
    line-height: 55px;
    padding-left: 20px;
}

dl.information_contents dd {
    float: left;
    font-size: 1.4rem;
    line-height: 55px;
}

dl.information_contents dd span {
    margin-right: 20px;
    margin-left: 20px;
    padding: 5px 20px;
    background: #ffc68e;
    color: #fff;
}

dl.information_contents dd span.notice {
    background: #32cd32;
    padding-right: 20px;
    padding-left: 20px;
}

dl.information_contents dd span.event {
    background: #4169e1;
}

dl.information_contents dd span.important {
    background: #dc143c;
    padding-right: 27px;
    padding-left: 27px;
}

dl.information_contents dd i {
    padding-right: 5px;
}

dl.information_contents dd a {
    text-decoration: none;
    cursor: pointer;
}

/* -- お知らせ -- */

div#contact_inner {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/* - コンテンツ大見出し(h2) - */

h2.item_title {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    background: #4b98e8;
    border-top: 2px solid #f5f5f5;
    border-right: 10px solid #f5f5f5;
    border-bottom: 4px solid #f5f5f5;
    border-left: 10px solid #f5f5f5;
    border-radius: 30px;
    text-align: center;
    font-size: 2.5rem;
    font-style: normal;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1.0rem;
    line-height: 45px;
    margin: 140px auto 70px auto;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-shadow: 3px 3px 3px #333;
}

/* - コンテンツ中見出し(h3) - */

div.item_content h3 {
    font-size: 2.2rem;
    margin: 40px auto 10px auto;
    padding: 10px 20px;
    border-radius: 30px;
    background: #f5f5f5;
    width: 70%;
    text-align: center;
}

div.item_content h3 i {
    padding-right: 10px;
}

/* - コンテンツ小見出し(h4) - */

h4.sub_title {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

/* - コンテンツ書式 - */

div.item_content {
    font-size: 1.4rem;
    line-height: 3.0rem;
}

p span.pdf_icon {
    font-size: 5.0rem;
    color: #f00;
}

ul.contact_item {
    width: 96%;
    height: auto; 
    padding: 0; 
    border-bottom: 1px solid #efefef;
    margin: 10px auto 0 auto;
}

ul.contact_item li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: normal;
    width: auto;
    margin-bottom: 10px;
    padding-left: 20px;
}

ul.contact_item li.table_header {
    width: 30%;
    letter-spacing: 0.5rem;
    background: #efefef;
    text-align: right;
}

ul.contact_item li.table_item {
    width: 62%;
}

ul.contact_item li.table_item i {
    color: #f00;
    padding-right: 10px;
}

div.item_content p.emphasis a {
    display: block;
    width: 66%;
    padding: 10px;
    border: 1px solid #696969;
    font-size: 1.4rem;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: #333;
}

p.img_emphasis {
    text-align: center;
}

p.img_emphasis {
    text-align: center;
}

p.img_emphasis img {
    width: 30%;
    max-width: 100%;
    height: auto;
}

/* -- 募集項目 -- */

div#banner {
    width: 100%;
    height: auto;
    margin-top: 120px;
    margin-bottom: 70px;
    background: #f6f6f6;
}

div#banner_inner {
    width: 66%;
    padding: 35px 0;
    height: auto;
    margin: 0 auto;
}

div #banner_inner ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* - バナー左 - */

div#banner_inner li div#left a {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 20px solid #4169e1;
    background: #fff;
    border-radius: 50%;
    text-decoration: none;
    text-align: center;
    margin-right: 20px;
}

div#banner_inner li div#left a img {
    height: 40%;
    width: 40%;
    padding-top: 20%;
}


div#left h3 {
    font-size: 2.0rem;
    color: #4169e1;
    font-weight: bold;
    padding-top: 20px;
}

/* - バナー右 - */

div#banner_inner li div#right a {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 20px solid #228b22;
    background: #fff;
    border-radius: 50%;
    text-decoration: none;
    text-align: center;
    margin-left: 20px;
}

div#banner_inner li div#right a img {
    height: 40%;
    width: 40%;
    padding-top: 20%;
}

div#right h3 {
    font-size: 2.0rem;
    color: #228b22;
    font-weight: bold;
    padding-top: 20px;
}

/* ------------------------- フッター ------------------------- */

footer {
    width: 100%;
    margin-top: 120px;
    height: 250px;
    background: #4b98e8;
    padding-bottom: 70px;
}

div#footer_inner {
    width: 96%;
    margin: 0 auto;
}

/* -- フッターロゴ -- */

div#footer_logo{
    padding-top: 60px;
    margin: 0 auto;
    width: 80%;
    height: auto;
}

div#footer_logo h2 {
    font-size: 2rem;
    color: #fff;
    letter-spacing: 0.5rem;
}

div#footer_logo h2 span {
    font-size: 1.2rem;
    letter-spacing: 0;
    padding-right: 18px;
}

/* -- footer_area -- */

div#footer_area {
    display: none;
    float: left;
    width: 76%;
}

/* -- s_navi -- */

div#s_navi {
    margin-left: 60px;
}

div#s_navi ul {
    display: flex;
    list-style-type: none;
    margin-top: 102px;
    flex-flow: column wrap;
}

div#s_navi ul li a {
    display: block;
    width: 120px;
    height: 30px;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: left;
}

/* -- g_navi -- */

div#g_navi {
    margin-left: 60px;
}

div#g_navi ul {
    display: flex;
    list-style-type: none;
    margin-top: 30px;
    flex-flow: column wrap;
}

div#g_navi ul li a {
    display: block;
    width: 120px;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: left;
}

/* -- address -- */

address {
    font-size: 1.4rem;
    color: #fff;
    margin-top: 20px;
    font-style: normal;
    font-weight: normal;
    float: left;   
    text-decoration: none;
    line-height: 2.2rem; 
}

/* -- small -- */

small#copy {
    display: inline-block;
    font-size: 1.2rem;
    color: #fff;
    margin-top: 20px;
}



/* ------------------------- ここよりサイドページ ------------------------- */

/* ------ サイドページ ビジュアル ------ */

div#side_main_visual {
    width: 100%;
    height: 300px;
    background: #f6f6f6;
}


div#side_main_visual_inner {
    width: auto;
    height: 300px;
    margin: 0 auto;
    position: relative;
}

/* -- ページタイトル（小見出しあり）ー -- */

div.page_title_double h2 {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0px;
    top: 110px;
    padding: 20px 0 0 100px;
    font-size: 4rem;
    line-height: 35px;
    font-weight: bold;
    letter-spacing: 4px;
    background: linear-gradient(125deg,rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.3));
}

div.page_title_double h2 span {
    position: absolute;
    font-size: 1.5rem;
    letter-spacing: 2.5px;
    padding-left: 5px;
    font-weight: bold;
}

/* -- ページタイトル（小見出しなし）ー -- */

div.page_title_single h2 {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 110px;
    padding: 20px 0 0 100px;
    font-size: 4rem;
    line-height: 100px;
    font-weight: bold;
    letter-spacing: 4px;
    background: linear-gradient(125deg,rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.3));
}


/* ---- サイドページごとの背景画像 ---- */

/* - かんなの里　サイドページビジュアル背景画像 - */
div.kannanosato_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/kannanosato_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - マロニエ　サイドページビジュアル背景画像 - */
div.maronie_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/maronie_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - もくせい　サイドページビジュアル背景画像 - */
div.mokusei_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/mokusei_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - トータス　サイドページビジュアル背景画像 - */
div.tortoise_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/tortoise_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - かりん　サイドページビジュアル背景画像 - */
div.karin_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/karin_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - あじさい　サイドページビジュアル背景画像 - */
div.ajisai_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/ajisai_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - ポプラ　サイドページビジュアル背景画像 - */
div.poplar_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/poplar_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - 相談支援事務所　サイドページビジュアル背景画像 - */
div.consultation_support_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/consultation_support_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - かんな会　サイドページビジュアル背景画像 - */
div.kannakai_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/kannakai_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - 法人概要　サイドページビジュアル背景画像 - */
div.corporate_profile_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/corporate_profile_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - 入所案内　サイドページビジュアル背景画像 - */
div.entrance_guidance_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/entrance_guidance_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - スタッフ募集　サイドページビジュアル背景画像 - */
div.recruitment_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/recruitment_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}

/* - お問い合わせ　サイドページビジュアル背景画像 - */
div.enquire_background_img {
    width: 100%;
    height: 100%;
    background: url(../images/enquire_main_visual_l.jpg) no-repeat;
    background-size: contain;
    background-position: right;
}


/* ------ ページ内ナビ ------ */

nav#page_nav {
    margin-top: 30px;

}

div#page_nav_inner {
    width: 94%;
    margin: 0 auto;
}

div#page_nav_inner ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

div#page_nav_inner ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    margin-right: 20px;
    margin-top: 20px;
}

div#page_nav_inner ul li a i {
    margin-right: 5px;
    opacity: 0;
}

div#page_nav_inner ul li a:hover i {
    opacity: 1;
}


/* ------ コンテンツ ------ */

#outline_inner, #overview_inner, #facility_inner, #greeting_inner, #schedule_inner, #schedule2_inner, #art_work_inner, #painting_club_inner, #photo_album_inner, #access_inner, #public_information_inner, #seiryu_inner, #recruitment_inner, #staff_voice_inner, #entrance_step_inner, #enquire_list_inner, #enquire_form_inner, #recruitment_inner {
    width: 94%;
    height: auto;
    margin: 0 auto;
    margin-top: 70px;
}

/* - 小項目タイトル(h4) - */

div.item_content h4 {
    font-size: 1.5rem;
    margin: 30px 0px 20px 0px;
    text-align: center;
}

/* - 書式 - */

div.item_content {
    font-size: 1.4rem;
    line-height: 3.0rem;
}

div.item_content p.emphasis {
    display: block;
    font-size: 1.4rem;
    margin-left: 30px;
    text-align: center;
}

/* -- 施設概要 -- */

ul.facility_item {
    width: 96%;
    height: auto; 
    padding: 0; 
    border-bottom: 1px solid #efefef;
    margin: 10px auto 0 auto;
}

ul.facility_item li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: normal;
    width: auto;
    margin-bottom: 10px;
    padding-left: 20px;
}

ul.facility_item li.table_header {
    width: 240px;
    letter-spacing: 0.5rem;
    background: #efefef;
    text-align: left;
    padding-right: 20px;
}

ul.facility_item li.table_header i {
    padding-right: 10px;
}

ul.facility_item li.table_item {
    width: 100%;
}

/* -- mailto -- */

ul.facility_item li.table_item a[href^="mailto"] {
    text-decoration: none;
    color: #333;
}

/* -- greeting -- */
div.greeting_photo {
    text-align: center;
}

div.greeting_photo p {
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 20px;
}

div.greeting_content {
    font-size: 1.4rem;
    width: 70%;
    margin: 0 auto;
}

/* -- 集合写真 -- */

div#group_photo {
    margin-top: 100px;
    margin-bottom: 30px;
    width: 100%;
}

div#group_photo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}

/* -- schedule -- */
h6.schedule_action {
    font-size: 1.6rem;
    margin-left: 20px;
    margin-top: 10px;
}

h6.schedule_action span {
    font-size: 1.2rem;
    padding-left: 10px;
}

ul.details {
    width: 100%;
    height: auto; 
    padding: 10px 0px 0px 50px; 
    margin-left: 50px;
    border-left: 1px dotted #333;
}

ul.details:last-child {
    border: none;
}

ul.details li.item {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: bold;
}

ul.no_details {
    border: none;
}

/* -- アクセス -- */

div.location {
    box-sizing: border-box;
    width: 30%;
    margin-right: 60px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 30px;
    padding-left: 20px;
    float: left;
    display: none;
}

div.location span {
    font-size: 1.8rem;
}

div.map {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    float: right;
}

div.map iframe, div.map object, div.map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* -- トータス・かんな会　基本方針 -- */

div.item_content ol.emphasis {
    display: block;
    width: 700px;
    font-size: 1.4rem;
    margin: 0 auto;
    list-style-type: none; 
}

div.item_content ol.emphasis li {
    padding-left: 30px;
}

/* -- pdf -- */

li.table_item i {
    color: #f00;
    padding-right: 10px;
}

/* -- 清流 -- */

ul#seiryu_content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

ul.seiryu_item {
    width: 400px;
    height: auto; 
    padding: 0; 
    border-bottom: 1px solid #efefef;
    margin: 10px auto 0 auto;
}

ul.seiryu_item li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: normal;
    width: auto;
    margin-bottom: 10px;
    text-align: center;
}

ul.seiryu_item li.table_header {
    width: 120px;
    letter-spacing: 0.5rem;
    background: #efefef;
    border-radius: 30px;
}

ul.seiryu_item li.table_header i {
    color: #f00;
    padding-right: 10px;
}

ul.seiryu_item li.date {
    width: 200px;
}


/* -- スタッフコメント --*/

div#staff_voice_item_content {
    width: 84%;
    margin: 0 auto 50px auto;
    padding: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 2%;
}

div.staff_photo {
    text-align: center;

}

div.staff_photo h5 {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

div.staff_comment {
    overflow: auto;
}

ul.staff_comment_item li.table_header i {
    font-size: 16px;
    color: #4169e1;
    padding-right: 10px;
}

ul.staff_comment_item li.table_header {
    font-size: 14px;
    color: #4169e1;
    font-weight: bold;
}

ul.staff_comment_item li.table_item{
    padding-left: 28px;
}

/* -- 2021.03.12  スタッフ募集　募集要項掲載-- */

.staff_recruitment {
    font-size: 25px;
    text-align: center;
}

h5.item_name {
    text-align: left;
    font-size: 1.5rem;
}

ul.recruitment_item {
    width: 96%;
    height: auto; 
    padding: 0; 
    border-bottom: 1px solid #efefef;
    margin: 10px auto 0 auto;
}

ul.recruitment_item li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: normal;
    width: auto;
    margin-bottom: 10px;
    padding-left: 20px;
}

ul.recruitment_item li.table_header {
    width: 240px;
    letter-spacing: 0.5rem;
    background: #efefef;
    text-align: left;
    padding-right: 20px;
}

ul.recruitment_item li.table_header i {
    padding-right: 10px;
}

ul.recruitment_item li.table_item {
    width: 100%;
}

/* かんなの里へ来園される皆様へ */

#caution h3 {
    font-size: 2.2rem;
    padding: 10px 20px;
    background: #32cd32;
    width: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: 1.0rem;
    line-height: 45px;
    margin: 100px auto 70px auto;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-shadow: 3px 3px 3px #333;
}

#caution p {
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
    text-align: center;
    line-height: 2em;
}

#caution .course {
    font-size: 2rem;
    letter-spacing: 0.2rem;
    text-align: center;
    line-height: 2em;
    margin-top: 20px;
}

/* コロナウィルスについて */

h2.corona_title {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    background: #4b98e8;
    border-top: 2px solid #f5f5f5;
    border-right: 10px solid #f5f5f5;
    border-bottom: 4px solid #f5f5f5;
    border-left: 10px solid #f5f5f5;
    border-radius: 30px;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.3rem;
    line-height: 50px;
    margin: 140px auto 70px auto;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-shadow: 3px 3px 3px #333;
}

.most_important {
    color: #dc143c;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 10px;
}

.info_corona {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.signature {
    margin-top: 3rem;
    font-size: 1.8rem;
    line-height: 2.8rem;
    text-align: right;
}