@charset "utf-8";

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

/* ------------------------- 1451px 以上 ------------------------- */

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

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

header {
    background: #fff;
    width: 100%;
    height: 75px;
}

div#header_inner {
    max-width: 1260px;
    height: auto;
    margin: 0 auto;
    position: relative;
}


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

div#title_logo{
    float: left;
    margin-top: 23px;
}

div#title_logo h1 {
    font-size: 2.8rem;
    color: #333;
    letter-spacing: 0.5rem;
}

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

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

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

nav#header_navi {
    float: right;
}

nav#header_navi ul {
    display: flex;
    margin-top: 35px;
}

nav#header_navi ul li {
    list-style-type: none;
    font-size: 16px;
    font-weight: bold;
    padding: 0 20px;
}

nav#header_navi ul li:last-child {
    padding-right: 0;
}

nav#header_navi ul li a {
    text-decoration: none;
    color: #333;
}

nav#header_navi ul li a i {
    padding-left: 5px;
    opacity: 0;
}

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

nav#header_navi ul li.enquire_icon a {
    display: block;
    padding: 10px 20px;
    width:100px;
    background: #4b98e8;
    margin-top: -10px;
    color: #fff;
    border-radius: 20px;
}

/* -- 矢印アイコンを表示させない */

li.enquire_icon a i {
    display: none;
}

div#header_navi ul li.enquire_icon a:hover {
    opacity: 0.6;
}

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

div#main_visual {
    background: url(../images/main_visual.jpg) right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 33.3%;
    position: relative;
}

div#main_visual_inner {
    position: absolute;
    top: 0;
    left: 16.5%;
    width: 66%;
    padding-top: 33.3%;
}


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

p#catch_copy {
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 30%;
    font-size: 5rem;
    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: 100%;
}

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

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

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

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

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

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

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

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

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

h2#navi_title {
    display: none;
}

nav#navi_menu ul {
    display: flex;
    /* justify-content: space-between; */
    list-style-type: none;
    border-bottom: 1px solid #f3f3f3;
    background: #f6f6f6;
}

nav#navi_menu ul li {
    flex-grow: 1;
}

nav#navi_menu ul li a {
    display: block;
    box-sizing: border-box;
    height: 50px;
    border-left: 1px solid #f3f3f3;
    text-decoration: none;
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}

nav#navi_menu ul li a i {
    padding-left: 10px;
    opacity: 0;
}

nav#navi_menu ul li a:hover {
    background: #a3d1ff;
    color: #fff;
}

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

/* - 現在表示中のページ -*/

nav#navi_menu ul li.current {
    background: #a3d1ff; 
}

nav#navi_menu ul li.current a {
    color: #fff;
}

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


/* ------------------------- メインコンテンツ ------------------------- */

/* -- 新着情報 -- */

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

div#information_inner {
    width: 80％;
    height: auto;
    margin: 0 auto;
    background: #fff;
    padding: 0 20px;
}

dl.information_contents {
    
    width: 90%;
    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;
}

dl.information_contents dd span.event {
    background: #4169e1;
    padding-right: 20px;
    padding-left: 20px;
}

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: 66%;
    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: 70px auto 20px auto;
    padding: 10px 20px;
    border-radius: 30px;
    background: #f5f5f5;
    width: 50%;
    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: 700px;
    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: 240px;
    letter-spacing: 0.5rem;
    background: #efefef;
    text-align: right;
}

ul.contact_item li.table_item {
    width: 410px;
}

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

div.item_content p.emphasis a {
    display: block;
    width: 40%;
    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: 140px;
    margin-bottom: 140px;
    background: #f6f6f6;
}

div#banner_inner {
    width: 66%;
    padding: 70px 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: 400px;
    height: 400px;
    border-radius: 50%;
    border: 20px solid #4169e1;
    background: #fff;
    border-radius: 50%;
    text-decoration: none;
    text-align: center;
    margin-right: 30px;
}

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


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

/* - バナー右 - */

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

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

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

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

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

div#footer_inner {
    width: 1260px;
    margin: 0 auto;
}

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

div#footer_logo{
    float: left;
    margin-top: 60px;
    width: 24%;
}

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: 20px;
}

/* -- 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#footer_area {
    float: left;
    width: 76%;
}

/* -- s_navi -- */

div#s_navi ul {
    display: flex;
    list-style-type: none;
    margin-top: 102px;
    flex-wrap: 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 ul {
    display: flex;
    list-style-type: none;
    margin-top: 30px;
}

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



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

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

div#side_main_visual {
    width: 100%;
    height: 300px;
    background: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
}


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

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

div.page_title_double h2 {
    position: absolute;
    width: 400px;
    left: 0;
    top: 110px;
    font-size: 5rem;
    line-height: 35px;
    font-weight: bold;
    letter-spacing: 4px;
}

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: 400px;
    left: 0;
    top: 150px;
    font-size: 5rem;
    line-height: 35px;
    font-weight: bold;
    letter-spacing: 4px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

nav#page_nav {
    margin-top: 30px;

}

div#page_nav_inner {
    width: 67%;
    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: 67%;
    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: 720px;
    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: right;
    padding-right: 20px;
}

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

ul.facility_item li.table_item {
    width: 410px;
}

/* -- 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;
}

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

div.map {
    box-sizing: border-box;
    width: 60%;
    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: 67%;
    margin: 0 auto 50px auto;
    padding: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 2%;
}

div.staff_photo {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

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

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: 720px;
    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: right;
    padding-right: 20px;
}

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

ul.recruitment_item li.table_item {
    width: 410px;
}

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

#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: 140px 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: 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.3rem;
    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;
}

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