@charset "UTF-8";
/*　キーカラー　*/
/*　マスターワイズ　*/
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.img_sp { display: none; }

/*　パンくずリスト　＿＿＿＿＿　*/
#bread_cram { width: auto; font-size: 1.2rem; background-color: #f3f2f7; margin: 0 0 30px; }
#bread_cram ol { width: 950px; padding: 10px 0; margin: 0 auto; }
#bread_cram a { color: inherit; }
#bread_cram li:not(:last-child):after { content: "\f105"; font-family: FontAwesome; padding: 0 .3em 0 .8em; }
#bread_cram li { display: inline-block; list-style: none; }

/*　wrapper　＿＿＿＿＿　*/
#wrapper { padding: 0 0 46px; }
#wrapper h3 { font-size: 2.2rem; background-position: bottom left; padding: 0 0 11px; margin: 0 0 28px; }

.about { border-top: 4px solid #00a367; }

.medical { border-top: 4px solid #008ac9; }
.medical h3 { color: #008ac9; }
.medical #ttl_info { background-image: url(../images/top/ttl_line_medical_info.png); }
.medical #ttl_calendar { background-image: url(../images/top/ttl_line_calendar.png); }

.yamaguchi { border-top: 4px solid #f96f00; }
.yamaguchi h3 { color: #f96f00; }
.yamaguchi #ttl_info { background-image: url(../images/top/ttl_line_yamaguchi_info.png); }

.access { border-top: 4px solid #7b7b7b; }

/*　コンテンツナビゲーション　＿＿＿＿＿　*/
#nav_contents { width: auto; font-size: 1.3rem; line-height: 1.3; background-color: #fff; }
#nav_contents ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 950px; list-style: none; margin: 0 auto; }
#nav_contents li { width: 100%; border-left: 1px solid #d5d5d5; }
#nav_contents li:last-child { border-right: 1px solid #d5d5d5; }
#nav_contents a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; color: inherit; text-decoration: none; padding: 0 10px; }
#nav_contents a:hover { opacity: 1; background-color: #f2f2f2; }

/*　ページリンク　＿＿＿＿＿　*/
#nav_link { width: 950px; margin: 0 auto 30px; }
#nav_link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; line-height: 1.3; margin: 0 -12px 0 0; }
#nav_link li { width: 180px; height: 80px; border: 1px solid #d5d5d5; border-radius: 5px; list-style: none; margin: 0 12px 17px 0; }
#nav_link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; width: auto; height: 78px; text-decoration: none; border-radius: 5px; padding: 0 5px; }
#nav_link img { margin: 0 10px 0 0; }

/*　wrapper　＿＿＿＿＿　*/
.about { border-top: 4px solid #00a367; }
.about #box_info dd:before, .about #box_info dd:after, .about #box_info_list dd:before, .about #box_info_list dd:after { color: #00a367; }
.about #tab_menu .active { background-color: #00a367; }

.medical { border-top: 4px solid #008ac9; }
.medical #box_info dd:before, .medical #box_info dd:after, .medical #box_info_list dd:before, .medical #box_info_list dd:after { color: #008ac9; }
.medical #tab_menu .active { background-color: #008ac9; }
.medical #tab_box #btn_news_list a:before { color: #008ac9; }

.yamaguchi { border-top: 4px solid #f96f00; }
.yamaguchi #box_info dd:before, .yamaguchi #box_info dd:after, .yamaguchi #box_info_list dd:before, .yamaguchi #box_info_list dd:after { color: #f96f00; }
.yamaguchi #tab_menu .active { background-color: #f96f00; }
.yamaguchi #tab_box #btn_news_list a:before { color: #f96f00; }

.access { border-top: 4px solid #7b7b7b; }
.access #box_info dd:before, .access #box_info dd:after, .access #box_info_list dd:before, .access #box_info_list dd:after { color: #7b7b7b; }
.access #tab_menu .active { background-color: #7b7b7b; }

/*　ページタイトル　＿＿＿＿＿　*/
#ttl_contents { width: auto; background-color: #f2f2f2; background-position: center center; margin: 0 0 34px; }
#ttl_contents h1 { width: 950px; font-size: 2.3rem; font-weight: bold; padding: 60px 12px; margin: 0 auto; }

.ttl_about { background-image: url(../images/about/ttl_page_contents.jpg); }

.ttl_medical { background-image: url(../images/medical/ttl_page_contents.jpg); }

.ttl_yamaguchi { background-image: url(../images/yamaguchi/ttl_page_contents.jpg); }

/*　Information　＿＿＿＿＿　*/
#box_info, #box_info_list { width: 950px; margin: 0 auto 30px; }
#box_info dl, #box_info_list dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; border-bottom: 1px solid #f5f5f5; line-height: 1.6; padding: 10px 0; }
#box_info dt, #box_info_list dt { color: #808080; padding: 0 30px 0 0; }
#box_info dd, #box_info_list dd { width: 790px; /* 矢印 */ /* ジャンルアイコン */ }
#box_info dd:before, #box_info_list dd:before { font-family: FontAwesome; content: "\f0da"; padding: 0 10px 0 0; }
#box_info dd:after, #box_info_list dd:after { float: right; }
#box_info a, #box_info_list a { color: inherit; text-decoration: none; }

/* ニュースの日付 */
#txt_date { text-align: right; }

/* セカンドページの一覧 */
#box_info_list { width: 100%; }
#box_info_list dd { width: 550px; }

/* タブメニュー */
#tab_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; line-height: 1; list-style: none; margin: -10px 0 0; }
#tab_menu li { display: block; width: 190px; text-align: center; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; padding: 16px 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }
#tab_menu li:last-child { border-right: 1px solid #d5d5d5; }
#tab_menu li:hover, #tab_menu li:focus { background-color: #f2f2f2; cursor: pointer; color: inherit; }
#tab_menu .active { color: #fff; font-weight: bold; }

.about #tab_menu { border-bottom: 4px solid #00a367; }

.medical #tab_menu { border-bottom: 4px solid #008ac9; }

.yamaguchi #tab_menu { border-bottom: 4px solid #f96f00; }

.access #tab_menu { border-bottom: 4px solid #7b7b7b; }

/* タブの中身 */
#tab_box { width: 100%; border: 1px solid #d5d5d5; padding: 18px 20px 0; /*  一覧を見る*/ }
#tab_box dl { border-bottom: 1px solid #d5d5d5; }
#tab_box article { display: none; }
#tab_box article.active { display: block; -webkit-animation: fadeIn 1s ease 0s 1 normal; animation: fadeIn 1s ease 0s 1 normal; }
#tab_box #btn_news_list { width: auto; font-size: 1.3rem; text-align: right; line-height: 1; padding: 0; margin: 7px 0; }
#tab_box #btn_news_list a { display: inline-block; width: auto; border: 1px solid #d5d5d5; padding: 7px 6px; /* 矢印 */ }
#tab_box #btn_news_list a:before { font-family: FontAwesome; content: "\f0da"; padding: 0 6px 0 0; }

/*　プルダウンのメニュー部分　＿＿＿＿＿　*/
#box_menu { width: auto; padding: 27px 0 13px; margin: 0 0 30px; }
#box_menu .box_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#box_menu dl { width: 310px; margin: 0 10px 14px 0; }
#box_menu dl:nth-child(3n) { margin-right: 0; }
#box_menu dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 100; width: 100%; height: 56px; line-height: 1.4; font-weight: bold; background-repeat: no-repeat; background-position: right center; border: 1px solid #ddd; border-radius: 5px; padding: 0 17px; }
#box_menu dt:hover { cursor: pointer; }
#box_menu dd { display: none; width: 100%; }
#box_menu ul { width: auto; background-color: #fff; list-style: none; border: 1px solid #d5d5d5; border-top: none; padding: 8px 0; }
#box_menu a { display: block; width: auto; text-decoration: none; color: inherit; padding: 10px 15px; }
#box_menu a:before { font-family: FontAwesome; content: "\f0da"; padding: 0 10px 0 0; }

.about #box_menu { background-color: #e8f6f2; }
.about #box_menu dt { background-image: url(../images/common/back_menu_about.png); border: 1px solid #00a367; }
.about #box_menu a:before { color: #00a367; }

.medical #box_menu { background-color: #e9f8ff; margin: 0 0 38px; }
.medical #box_menu dt { background-image: url(../images/common/back_menu_medical.png); border: 1px solid #008ac9; }
.medical #box_menu a:before { color: #008ac9; }

.yamaguchi #box_menu { background-color: #fff2e2; }
.yamaguchi #box_menu dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/common/back_menu_yamaguchi.png); border: 1px solid #f96f00; padding: 2px 0 0 2px; }
.yamaguchi #box_menu dt:before { margin: 0 9px 0 0; }
.yamaguchi #box_menu dt img { margin: 0 10px 2px 0; }
.yamaguchi #box_menu a:before { color: #f96f00; }

.access #box_menu { background-color: #e9f8ff; }
.access #box_menu a:before { color: #7b7b7b; }

.box_wrapper { width: 950px; margin: 0 auto; }

/*　研修会・講習会カレンダー　＿＿＿＿＿　*/
#box_calendar { width: 950px; margin: 0 auto; }
#box_calendar iframe { width: 100%; height: 480px; }

/*　会長挨拶　＿＿＿＿＿　*/
#box_about_lead { width: 950px; line-height: 1.6; margin: 0 auto 25px; }

/*　access　＿＿＿＿＿　*/
#id_access { width: 100%; height: 480px; }