@charset "UTF-8";
/* CSS Document */
/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
#header { background: url(../img/bg_header_top.jpg) repeat-x; height: 550px; }

/* :::::::::: キービジュアル :::::::::: */
#key_visual { width: 1000px; height: 300px; margin: 0 0 50px 0; clear: both; }

h2 { width: 1000px; height: 300px; }

/* :::::::::: 特色 :::::::::: */
.feature { color: #666; }

/* :::::::::: お知らせ欄 :::::::::: */
#infomation { margin: 0 0 30px 0; }

#media_infomation { margin: 0 0 30px 0; }

#media_infomation .title3 { margin-bottom: 0; cursor: pointer; }
#media_infomation .title3 span { position: relative; }
#media_infomation .title3 em { font-size: 11px; display: inline-block; right: 10px; }
@media screen and (min-width: 768px) { #media_infomation .title3 em { font-size: 13px; right: 85px; } }

.newsarea { width: 100%; height: auto; margin: 20px 0; border: #CCC 1px solid; background: #FFF; padding: 10px 0 0 0; }

.info_titlebox { line-height: 1.5; color: #666; font-size: 110%; padding: 5px 15px; margin: 5px 0; background-color: #F5F1EB; }

.newsarea .info_titlebox:before { content: "▶"; display: inline-block; color: #9f3c4c; margin: 0 15px 0 0; }
.newsarea dt.active:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.info_combox { line-height: 20px; padding-top: 5px; padding-bottom: 10px; font-size: 90%; padding-right: 15px; padding-left: 15px; /*	margin-left: 15px;*/ margin-bottom: 15px; }

/*#infomation dl{}
#infomation dt{}
#infomation dt .date{}
#infomation dd{}*/
/* :::::::::: このような症状 :::::::::: */
#box_btn_condition { background: url(../img/bg_condition.gif) no-repeat; background-position: center; margin: 15px 0 45px 0; }

#box_btn_condition ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 767px) { #box_btn_condition li { width: 50%; text-align: center; } }
@media screen and (min-width: 768px) and (max-width: 959px) { #box_btn_condition li { margin-right: 20px; width: calc((100% - 40px) / 3); margin-bottom: 20px; }
  #box_btn_condition li:nth-of-type(3n) { margin-right: 0; } }
@media screen and (min-width: 960px) { #box_btn_condition li { margin-right: 20px; width: calc((100% - 60px) / 4); margin-bottom: 20px; }
  #box_btn_condition li:nth-of-type(4n) { margin-right: 0; }
  #box_btn_condition li:last-of-type { margin-right: 0; } }

#box_btn_condition a { display: block; height: 100%; text-align: center; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Georgia", HGS明朝E, メイリオ, Meiryo, serif; font-weight: 600; text-decoration: none; padding: 2px; color: #63513f; font-size: 16px; border: 1px solid #e7c6c7; }
#box_btn_condition a:hover span { background: rgba(255, 212, 215, 0.8); }
@media (min-width: 768px) { #box_btn_condition a { min-height: 60px; } }
@media (max-width: 767px) { #box_btn_condition a { line-height: 1.3; min-height: 50px; }
  #box_btn_condition a .small { font-size: 13px; } }

#box_btn_condition span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border: 1px solid #e4b4bc; background: rgba(255, 237, 238, 0.6); }
@media (min-width: 768px) { #box_btn_condition span { padding: 5px 10px; } }

/* :::::::::: バナー :::::::::: */
.box_banner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (min-width: 650px) { .box_banner li { text-align: right; width: calc((100% - 20px) / 2); margin-bottom: 20px; }
  .box_banner li:nth-of-type(odd) { margin-right: 20px; }
  .box_banner li:nth-of-type(even) { text-align: left; } }
@media screen and (max-width: 649px) { .box_banner li { width: 100%; text-align: center; margin-bottom: 1rem; } }
.box_banner a:hover { opacity: .8; }

/* :::::::::: ● :::::::::: */
.bnr_covid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 2rem 0; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* 子要素をflexboxにより中央に配置する */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* 子要素をflexboxにより中央に配置する */ }

.bnr_covid a { width: 49%; }

/*# sourceMappingURL=index.css.map */