@charset "UTF-8";
/* -----------------------------------------------------------
（PC表示）body
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
body {
font-size: 16px;
font-family: "Noto Sans JP","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
position: relative;
-webkit-text-size-adjust: 100%; } }
/* -----------------------------------------------------------
（SP表示）body
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
body {
background: #000;
color: #fff;
font-family: "Noto Sans JP","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; } }
section {
height: auto;
margin: 0; }
/* PC表示で非表示 */
@media print, screen and (min-width: 768px) {
.pc_none {
display: none; } }
/* SP表示で非表示 */
@media screen and (max-width: 767px) {
.sp_none {
display: none; } }
/* -----------------------------------------------------------
mixin
----------------------------------------------------------- */
/* 4つの横並びで間隔20px */
/* flexベンダープレフィックス */
/* プレフィックス */
/* -----------------------------------------------------------
（PC表示・全ページ共通）ヘッダー
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
header {
height: 100px;
margin: 0 auto;
padding: 0;
width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
justify-content: space-between;
/*（PC表示のみ）メインメニュー*/ }
header .logo {
order: 1;
padding: 30px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: solid 3px red; }
header .logo img {
width: 367px;
height: 31px; }
header .main_nav_pc {
order: 2;
height: 100px;
margin: 0 0 0 0; }
header .main_nav_pc nav {
height: auto;
margin: 0 auto 40px;
padding: 0 0 20px; }
header .main_nav_pc nav .nav-toggle {
display: none; }
header .main_nav_pc nav #nav {
margin: 0 auto;
padding: 0; }
header .main_nav_pc nav #nav ul {
margin: 0 0 0 0;
position: relative; }
header .main_nav_pc nav #nav ul li {
padding: 0;
margin: 0;
font-size: 15px;
list-style: none;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
position: relative;
/* MEMBER */ }
header .main_nav_pc nav #nav ul li a {
text-decoration: none !important;
color: #000;
display: block;
height: auto;
text-align: center;
font-weight: bold;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100px;
padding: 42px 14px 0;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important; }
header .main_nav_pc nav #nav ul li a.focus {
background-image: url("../images/main_nav_hover.png") bottom 20px center no-repeat; }
header .main_nav_pc nav #nav ul li.pulldown {
position: relative; }
header .main_nav_pc nav #nav ul li:last-child a {
background-color: red;
color: #fff;
margin-left: 17px;
padding: 42px 15px 0; }
header .main_nav_pc nav #nav ul .sub_nav {
position: absolute;
top: 70%;
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 0;
z-index: 100; }
header .main_nav_pc nav #nav ul .sub_nav li {
margin: 0;
padding: 0;
font-size: 14px;
border: none;
background-image: none;
display: inline-block;
height: 40px; }
header .main_nav_pc nav #nav ul .sub_nav li:before {
content: none; }
header .main_nav_pc nav #nav ul .sub_nav li a {
background-color: rgba(255, 255, 255, 0.93);
display: block;
height: 40px;
padding: 0 10px !important;
margin: 0 !important;
line-height: 40px;
color: #333;
background-image: none;
border-left: none;
border-bottom: solid 1px #eee;
border-right: none;
text-align: left; }
header .main_nav_pc nav #nav ul .sub_nav li a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 10px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
header .main_nav_pc nav #nav ul .sub_nav li a:hover {
background-color: #fff;
color: #333;
display: block;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100); }
header .main_nav_pc nav #nav ul .pulldown:nth-child(2) .sub_nav li a {
/*width: 165px;*/width: 250px; }
header .main_nav_pc nav #nav ul .pulldown:nth-child(3) .sub_nav li a {
width: 145px; }
header .main_nav_pc nav #nav ul .pulldown:nth-child(4) .sub_nav li a {
width: 150px; }
header .main_nav_pc nav #nav ul .pulldown:nth-child(5) .sub_nav li a {
width: 110px; }
header .main_nav_pc nav #nav ul .pulldown:nth-child(5) .sub_nav li a {
width: 150px; } }
/* -----------------------------------------------------------
（SP表示・全ページ共通）ヘッダー
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
header {
width: 100%;
height: 38px;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
header .logo {
max-width: 500px;
width: 75%;
height: auto;
position: absolute;
top: 0;
left: 8px; }
header .logo img {
width: 100%;
height: auto; }
header .header_right {
display: none; }
#nav {
display: none; } }
/* -----------------------------------------------------------
（SP表示のみ・全ページ共通）ハンバーガーメニュー
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.header_right,
.main_nav_pc {
display: none; }
.Header-button {
position: absolute;
top: 10px;
right: 7px;
box-sizing: border-box;
border-width: 0;
padding: 0;
width: 18px;
height: auto;
display: block;
background-color: #000; }
.Header-button-image {
width: 100%;
height: auto; }
.Nav {
background-color: #000;
color: #333; }
.nav_logo {
position: absolute;
top: 7px;
left: 8px;
width: 75%;
height: auto;
margin: 0; }
.nav_logo img {
max-width: 500px;
width: 100%;
height: auto; }
/* 閉じるボタン */
.Nav-button {
position: absolute;
top: 10px;
right: 7px;
box-sizing: border-box;
border-width: 0;
padding: 0;
background: #000; }
.Nav-button img {
width: 18px;
height: auto; }
.Nav-list {
margin-top: 40px;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
border-top: solid 1px #fff; }
.Nav-item {
line-height: 110%;
border-bottom: dotted 1px #ccc; }
.Nav-item br {
display: none; }
.Nav-item a {
color: #fff;
font-weight: bold;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
height: 35px;
line-height: 35px;
background: #333; }
.Nav-item a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 10px;
margin-left: 12px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #fff; }
.Nav-item ul {
border-top: dotted 1px #fff; }
.Nav-item-nolink {
line-height: 180%;
border-bottom: solid 1px #ccc;
color: #462c10;
font-weight: bold;
padding: 7px 7px 7px 5px;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.Nav-listIn {
background: #fff;
padding: 0 0 10px 0;
display: block; }
.Nav-listIn li {
text-align: left;
line-height: 20px;
border-bottom: none; }
.Nav-item:first-child {
border-top-width: 0; }
.Nav-link {
display: block;
position: relative;
padding: 5px;
text-decoration: none;
font-size: 14px; }
.Nav-link-sub {
display: block;
position: relative;
padding: 5px 5px 5px 32px;
text-decoration: none;
font-size: 14px; }
.Nav-link-sub:before {
font-family: "Font Awesome 5 Free";
content: "\f105" !important;
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #c7c3e1; }
.out_link .Nav-link-sub:after {
content: url(../images/win_icon.svg);
display: inline-block;
width: 15px;
height: 15px;
margin: 0 0 0 10px; }
.Drawer {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.Drawer-backdrop {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); }
.Drawer-nav {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%; }
.Nav {
overflow: auto;
-webkit-overflow-scrolling: touch; }
.Drawer[aria-expanded] {
transition-property: visibility;
transition-duration: 0.25s; }
.Drawer[aria-expanded] .Drawer-backdrop {
transition-property: opacity;
transition-duration: 0.25s;
transition-timing-function: linear; }
.Drawer[aria-expanded] .Drawer-nav {
transition-property: transform;
transition-duration: 0.25s;
transition-timing-function: ease; }
/* 開いているとき */
.Drawer[aria-expanded="true"] {
visibility: visible;
transition-duration: 0s; }
.Drawer[aria-expanded="true"] .Drawer-backdrop {
opacity: 1; }
.Drawer[aria-expanded="true"] .Drawer-nav {
transform: translateX(0);
/* translateY(0); にすれば縦方向に変更出来る */ }
/* 閉じているとき */
.Drawer[aria-expanded="false"] {
visibility: hidden; }
.Drawer[aria-expanded="false"] .Drawer-backdrop {
opacity: 0; }
.Drawer[aria-expanded="false"] .Drawer-nav {
transform: translateX(100%);
/* translateY(100%); にすれば縦方向に変更出来る -100%にすれば反対方向から*/ } }
/* -----------------------------------------------------------
（PC表示）メインエリア
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
main {
padding: 0;
display: block;
width: 100%; }
article {
width: 1000px;
height: auto;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-start; }
#index article {
display: block;
width: 100%; }
.main_area {
order: 2;
width: 750px;
height: auto; }
.side_area {
order: 1;
width: 230px;
height: auto;
margin: 0 20px 30px 0;
padding: 15px 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #eee; }
.side_nav {
width: 200px;
height: auto;
margin: 0 30px 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.side_nav li a {
color: #333;
width: 100%;
margin: 0 0 10px;
padding: 10px 3px 10px 40px;
display: block;
background: #fff;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
color: #462c10;
line-height: 22px;
border-left: solid 4px #ccc; }
.side_nav li a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 10px;
margin-left: -25px;
font-size: 15px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.side_nav li:nth-child(1) a:before {
color: #6b1686; }
.side_nav li:nth-child(2) a:before {
color: #014099; }
.side_nav li:nth-child(3) a:before {
color: #0068b7; }
.side_nav li:nth-child(4) a:before {
color: #009b74; }
.side_nav li:nth-child(5) a:before {
color: #90c31f; }
.side_nav li:nth-child(6) a:before {
color: #f3bd00; }
.side_nav li:nth-child(7) a:before {
color: #ef7f1f; }
.side_nav li:nth-child(8) a:before {
color: #e60012; }
.side_nav li:nth-child(9) a:before {
color: brown; }
.side_nav li:nth-child(10) a:before {
color: #730f0f; }
.side_nav li:nth-child(11) a:before {
color: #6b1686; }
.side_nav li:nth-child(12) a:before {
color: #014099; }
.side_nav li:nth-child(13) a:before {
color: #0068b7; }
.side_nav li:nth-child(14) a:before {
color: #009b74; }
.side_nav li:nth-child(15) a:before {
color: #90c31f; }
.side_nav li:nth-child(16) a:before {
color: #f3bd00; }
.side_nav li:nth-child(17) a:before {
color: #ef7f1f; }
.side_nav li:nth-child(18) a:before {
color: #e60012; }
.side_nav li:nth-child(19) a:before {
color: brown; }
.side_nav li:nth-child(20) a:before {
color: #730f0f; }
.side_nav li:nth-child(21) a:before {
color: #6b1686; }
.side_nav li:nth-child(22) a:before {
color: #014099; }
.side_nav li:nth-child(23) a:before {
color: #0068b7; }
.side_nav li:nth-child(24) a:before {
color: #009b74; }
.side_nav li:nth-child(25) a:before {
color: #90c31f; }
.side_nav li:nth-child(26) a:before {
color: #f3bd00; }
.side_nav li:nth-child(27) a:before {
color: #ef7f1f; }
.side_nav li:nth-child(28) a:before {
color: #e60012; }
.side_nav li:nth-child(29) a:before {
color: brown; }
.side_nav li:nth-child(30) a:before {
color: #730f0f; }
.side_nav li:nth-child(31) a:before {
color: #6b1686; }
.side_nav li:nth-child(32) a:before {
color: #014099; }
.side_nav li:nth-child(33) a:before {
color: #0068b7; }
.side_nav li:nth-child(34) a:before {
color: #009b74; }
.side_nav li:nth-child(35) a:before {
color: #90c31f; }
.side_nav li:nth-child(36) a:before {
color: #f3bd00; }
.side_nav li:nth-child(37) a:before {
color: #ef7f1f; }
.side_nav li:nth-child(38) a:before {
color: #e60012; }
.side_nav li:nth-child(39) a:before {
color: brown; }
.side_nav li:nth-child(40) a:before {
color: #730f0f; }
.side_nav li:nth-child(1) a {
border-color: #6b1686; }
.side_nav li:nth-child(2) a {
border-color: #014099; }
.side_nav li:nth-child(3) a {
border-color: #0068b7; }
.side_nav li:nth-child(4) a {
border-color: #009b74; }
.side_nav li:nth-child(5) a {
border-color: #90c31f; }
.side_nav li:nth-child(6) a {
border-color: #f3bd00; }
.side_nav li:nth-child(7) a {
border-color: #ef7f1f; }
.side_nav li:nth-child(8) a {
border-color: #e60012; }
.side_nav li:nth-child(9) a {
border-color: brown; }
.side_nav li:nth-child(10) a {
border-color: #730f0f; }
.side_nav li:nth-child(11) a {
border-color: #6b1686; }
.side_nav li:nth-child(12) a {
border-color: #014099; }
.side_nav li:nth-child(13) a {
border-color: #0068b7; }
.side_nav li:nth-child(14) a {
border-color: #009b74; }
.side_nav li:nth-child(15) a {
border-color: #90c31f; }
.side_nav li:nth-child(16) a {
border-color: #f3bd00; }
.side_nav li:nth-child(17) a {
border-color: #ef7f1f; }
.side_nav li:nth-child(18) a {
border-color: #e60012; }
.side_nav li:nth-child(19) a {
border-color: brown; }
.side_nav li:nth-child(20) a {
border-color: #730f0f; }
.side_nav li:nth-child(21) a {
border-color: #6b1686; }
.side_nav li:nth-child(22) a {
border-color: #014099; }
.side_nav li:nth-child(23) a {
border-color: #0068b7; }
.side_nav li:nth-child(24) a {
border-color: #009b74; }
.side_nav li:nth-child(25) a {
border-color: #90c31f; }
.side_nav li:nth-child(26) a {
border-color: #f3bd00; }
.side_nav li:nth-child(27) a {
border-color: #ef7f1f; }
.side_nav li:nth-child(28) a {
border-color: #e60012; }
.side_nav li:nth-child(29) a {
border-color: brown; }
.side_nav li:nth-child(30) a {
border-color: #730f0f; }
.side_nav li:nth-child(31) a:before {
color: #6b1686; }
.side_nav li:nth-child(32) a:before {
color: #014099; }
.side_nav li:nth-child(33) a:before {
color: #0068b7; }
.side_nav li:nth-child(34) a:before {
color: #009b74; }
.side_nav li:nth-child(35) a:before {
color: #90c31f; }
.side_nav li:nth-child(36) a:before {
color: #f3bd00; }
.side_nav li:nth-child(37) a:before {
color: #ef7f1f; }
.side_nav li:nth-child(38) a:before {
color: #e60012; }
.side_nav li:nth-child(39) a:before {
color: brown; }
.side_nav li:nth-child(40) a:before {
color: #730f0f; }
.side_nav li:nth-child(41) a:before {
color: #6b1686; }
.side_nav li:nth-child(42) a:before {
color: #014099; }
.side_nav li:nth-child(43) a:before {
color: #0068b7; }
.side_nav li:nth-child(44) a:before {
color: #009b74; }
.side_nav li:nth-child(45) a:before {
color: #90c31f; }
.side_nav li:nth-child(46) a:before {
color: #f3bd00; }
.side_nav li:nth-child(47) a:before {
color: #ef7f1f; }
.side_nav li:nth-child(48) a:before {
color: #e60012; }
.side_nav li:nth-child(49) a:before {
color: brown; }
.side_nav li:nth-child(50) a:before {
color: #730f0f; }
.side_nav li:last-child a {
margin: 0; }
.side_nav .side_sub a:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
margin: 0 10px 0 5px;
font-size: 10px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #000 !important; } }
/* -----------------------------------------------------------
（SP表示）メインエリア
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
main {
width: 96%;
height: auto;
margin: 0 auto;
padding: 0 0 20px; }
article,
.main_area {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
.side_area {
order: 2;
width: 100%;
height: auto;
margin: 0 20px 30px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.side_nav {
width: 100%;
border-bottom: solid 1px #fff; }
.side_nav li a {
color: #333;
width: 100%;
margin: 0;
padding: 10px;
display: block;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
color: #462c10;
line-height: 22px;
color: #fff;
text-decoration: none;
border: solid 1px #fff;
border-bottom: none; }
.side_nav li a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 10px;
font-size: 15px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #fff; }
.side_nav li:last-child a {
margin: 0; }
.side_nav .side_sub a:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
margin: 0 10px 0 17px;
font-size: 10px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #fff !important; } }
/* -----------------------------------------------------------
（PC表示・全ページ共通）フッター
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
footer {
width: 100%;
margin: 0 auto;
padding: 0 0 30px;
clear: both;
background: #000;
display: block;
/* ページトップ */
/* 協賛・サイトマップ（赤帯） */ }
footer #pagetop {
position: fixed;
bottom: 80px;
right: 3%;
text-align: center; }
footer #pagetop a {
display: block;
color: #000;
width: 80px;
height: 80px;
background: #fff;
/* eachが使える */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
font-size: 13px; }
footer #pagetop a:before {
font-family: "Font Awesome 5 Free";
content: "\f062";
-webkit-font-smoothing: antialiased;
font-weight: bold;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 50px;
margin: 5px 0;
width: 100%; }
footer .sponsor_area {
background: red;
clear: both;
display: block; }
footer .sponsor_area .sponsor_box {
width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto 30px;
padding: 15px 0; }
footer .sponsor_area .sponsor_box li {
display: inline;
margin: 0 20px 0 0;
font-size: 15px; }
footer .sponsor_area .sponsor_box li a {
color: #fff; }
footer .sponsor_area .sponsor_box li a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 10px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
footer .footer_inner {
width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start !important;
height: auto;
margin: 0 auto; }
footer .footer_inner .footer_overview {
margin: 0 45px 0 0;
/* フッターロゴ */ }
footer .footer_inner .footer_overview li:nth-child(1) {
width: 307px;
height: 25px;
margin: 0 0 10px 0; }
footer .footer_inner .footer_overview li:nth-child(1) img {
width: 100%;
height: auto; }
footer .footer_inner .footer_overview li {
font-size: 14px;
margin: 0 0 0 0;
color: #fff;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
footer .footer_inner .footer_link h3 {
color: #fff;
margin: 0 0 15px;
font-size: 14px;
font-weight: bold; }
footer .footer_inner .footer_link ul {
margin: 0 10px 0 0; }
footer .footer_inner .footer_link ul li {
font-size: 13px;
margin: 0 15px 5px 0; }
footer .footer_inner .footer_link ul li a {
color: #fff;
font-weight: normal;
text-decoration: underline;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.copyright {
width: 100%;
margin: 30px 0 0;
padding: 0;
font-size: 11px;
text-align: center;
color: #fff; }
.copyright a {
color: #fff;
text-decoration: underline;
font-weight: bold; } }
/* -----------------------------------------------------------
（SP表示・全ページ共通）フッター
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
footer {
width: 100%;
margin: 0 auto;
padding: 20px 0;
clear: both;
border-top: solid 1px #fff;
/* 協賛・サイトマップ（赤帯） */
/* ページトップ */ }
footer .sponsor_area {
display: none; }
footer #pagetop {
position: fixed;
bottom: 10px;
right: 10px;
text-align: center; }
footer #pagetop a {
display: block;
color: #000;
width: 60px;
height: 60px;
font-size: 11px;
text-align: center;
background: #fff;
/* eachが使える */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
text-decoration: none; }
footer #pagetop a:before {
font-family: "Font Awesome 5 Free";
content: "\f062";
-webkit-font-smoothing: antialiased;
font-weight: bold;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 30px;
margin: 5px 0;
width: 100%; }
footer .footer_inner {
width: 100%;
height: auto;
margin: 0 auto; }
footer .footer_inner .footer_overview {
text-align: center; }
footer .footer_inner .footer_overview li:nth-child(1) {
width: 244px;
height: auto;
margin: 0 auto 10px; }
footer .footer_inner .footer_overview li:nth-child(1) img {
width: 100%;
height: auto; }
footer .footer_inner .footer_overview li {
font-size: 10px;
margin: 0 auto; }
footer .footer_inner .footer_overview li a {
color: #fff !important;
text-decoration: none !important; }
footer .footer_link {
display: none; }
footer .copyright {
width: 100%;
margin: 10px 0 0 0;
font-size: 10px;
color: #fff;
text-align: center; }
footer .copyright a {
color: #fff;
text-decoration: underline; } }
/* -----------------------------------------------------------
（PC表示・トップページのみ）キービジュアル
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.keyvisual {
height: auto;
margin: 0 auto;
text-align: center;
position: relative;
background: #000;
width: 100%;
/* リクルート情報 */ }
.keyvisual .h2 {
width: 1000px;
height: 450px; }
.keyvisual .h2 li {
width: 1000px;
height: 450px !important; }
.keyvisual .swiper-container {
position: absolute;
top: 40px;
left: 680px;
right: 0;
margin: auto;
background: rgba(255, 255, 255, 0.25);
width: 310px;
height: 370px;
z-index: 2; }
.keyvisual .swiper-container h3 {
background: #fff;
color: #000;
width: 270px;
height: 50px;
font-size: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 20px auto 15px;
line-height: 50px;
text-align: center; }
.keyvisual .swiper-container h3 a {
color: #333;
display: block;
}
.keyvisual .swiper-container .swiper-slide {
text-align: left;
/* 大学病院名 */
/* 日時 */ }
.keyvisual .swiper-container .swiper-slide dl, .keyvisual .swiper-container .swiper-slide ul, .keyvisual .swiper-container .swiper-slide p {
padding: 0 35px;
color: #fff; }
.keyvisual .swiper-container .swiper-slide li:nth-child(1) {
margin-bottom: 5px;
line-height: 130%;
font-size: 18px; }
.keyvisual .swiper-container .swiper-slide li:nth-child(1) span:before {
content: "\a";
white-space: pre; }
.keyvisual .swiper-container .swiper-slide li:nth-child(2) {
margin-bottom: 10px; }
.keyvisual .swiper-container .swiper-slide dl {
font-weight: normal;
margin: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
.keyvisual .swiper-container .swiper-slide dl dt {
font-size: 14px;
display: inline;
width: 38%; }
.keyvisual .swiper-container .swiper-slide dl dt:after {
content: "：";
margin-left: 2px;
}
.keyvisual .swiper-container .swiper-slide dl dd {
font-size: 14px;
width: 62%; }
/* .keyvisual .swiper-container .swiper-slide dl dd:before {
content: "：";
margin-right: 5px; }*/
.keyvisual .swiper-container .swiper-slide p a {
display: block;
border: solid 1px #fff;
width: 100%;
margin: 0 0;
text-align: center;
color: #fff;
line-height: 40px; }
.keyvisual .swiper-container .swiper-slide p a:hover {
background: #fff;
color: #000;
opacity: 1; }
.keyvisual .swiper-container .swiper-slide p a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 3px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.keyvisual .swiper-container .swiper-button-prev,
.keyvisual .swiper-container .swiper-button-next {
width: 11px;
height: 20px;
margin-top: 20px; }
.keyvisual .swiper-container .swiper-button-prev {
background: url("../images/arrow_left.png") no-repeat center center/contain; }
.keyvisual .swiper-container .swiper-button-next {
background: url("../images/arrow_right.png") no-repeat center center/contain; } }
/* -----------------------------------------------------------
（SP表示・トップページのみ）キービジュアル
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.keyvisual {
width: 100%;
height: auto;
margin: 0 auto 10px;
z-index: 0; }
.keyvisual h2 {
width: 100%;
height: auto; }
.keyvisual h2 img {
width: 100%;
height: auto; }
.keyvisual .swiper-container {
display: none; } }
/* -----------------------------------------------------------
（PC表示・トップページとお知らせ一覧ページ）お知らせ欄
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.info_sponsor_area {
width: 1000px;
height: auto;
margin: 0 auto 30px;
padding: 30px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.information {
/*width: 770px;*/
/* margin: 0 30px 0 0;*/
width: 100%;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.information h3 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
padding: 5px 0 5px 13px;
font-size: 25px;
font-weight: normal;
position: relative;
letter-spacing: 0.1em;
border-left: solid 4px red;
/* 一覧ボタン */ }
/*.information h3 span {
font-size: 13px !important;
line-height: 200%; }*/
.information h3 a {
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 14px;
height: auto;
color: #000;
line-height: 150%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding-top: 5px;
letter-spacing: 0em; }
.information h3 a:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
margin: 0 5px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.information .information_box {
margin: 0;
padding: 20px 0;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc; }
.information .information_box .information_area {
width: 100%;
height: 167px;
overflow: auto; }
#news .information .information_box .information_area {
height: auto;
border: solid 1px #999;
padding: 20px; }
.information .information_box .information_area dl {
width: 98%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
padding: 10px 0; }
.information .information_box .information_area dl .date {
width: 150px;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
color: #000;
margin: 0 10px 0 0;
padding: 1px 0 0;
letter-spacing: 0.05em; }
.information .information_box .information_area dl dd {
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px; }
.information .information_box .information_area dl dd a {
text-decoration: underline;
color: #000; }
.support_btn {
display: none!important;
}
/* お知らせ */
.category_info {
background: #e66e03;
color: #fff;
width: 160px;
height: 25px;
line-height: 25px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
margin: 0 20px 0 0; }
/* リクルート情報 */
.category_recruit {
background: #238ed9;
color: #fff;
width: 160px;
height: 25px;
line-height: 25px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
margin: 0 20px 0 0; }
/* 会員 */
.category_member {
background: red;
color: #fff;
width: 160px;
height: 25px;
line-height: 25px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
margin: 0 20px 0 0; }
/* 講習会・研修会 */
.category_seminar {
background: #39b318;
color: #fff;
width: 160px;
height: 25px;
line-height: 25px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
margin: 0 20px 0 0; }
/* 記事ページ */
#news_individual dl {
display: flex;
flex-wrap: wrap;
/* 日付 */
/* カテゴリーパネル */ }
#news_individual dl dt {
margin-bottom: 10px; }
#news_individual dl dt.date {
margin-right: 10px; }
#news_individual dl dt:nth-child(2) {
width: 108px; }
#news_individual dl dd {
width: 100%; }
/* 協賛 */
.sponsor_banner {
width: 198px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 5px;
text-align: center !important;
border: solid 1px #eee; }
.sponsor_banner h3 {
font-size: 18px;
background: #eee;
padding: 10px 0; }
.sponsor_banner h3 span {
font-weight: normal;
font-size: 10px; }
.sponsor_banner li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
display: block !important;}
.sponsor_banner li span {
display: none; }
.sponsor_banner li a {
margin: 0;
padding: 0; }
.sponsor_banner li a img {
padding: 0;
margin: 0; }
.sponsor_banner li a:hover {
opacity: 1.0; }
.sponsor_banner .slider {
width: 196px;
height: 196px; }
.sponsor_banner .slider li {
padding: 0 !important;
margin: 0 !important;
height: auto !important;
display: block !important;
background-color: #fff;} }
/* スクロール
----------------------------------------*/
/*スクロールバーの横幅指定*/
.information_area.deco::-webkit-scrollbar {
width: 5px; }
/*スクロールバーの背景色・角丸指定*/
.information_area.deco::-webkit-scrollbar-track {
border-radius: 10px;
background: #eee; }
/*スクロールバーの色・角丸指定*/
.information_area.deco::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #777; }
/* -----------------------------------------------------------
（SP表示・トップページとお知らせ一覧ページ）お知らせ
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.information {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0 0 20px; }
/*.information h3 {
width: 100%;
height: auto;
line-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
padding: 0 0 0 20px;
font-size: 17px;
font-weight: normal !important;
color: #fff;
position: relative;
border-bottom: solid 1px #c7c3e1;
background: url("../images/info_mark.png") center left no-repeat;
background-size: 15px auto; }*/
.information h3 {
width: 100%;
height: auto;
box-sizing: border-box;
margin: 5px 0 10px;
padding: 0 0 10px 20px;
font-size: 17px;
font-weight: normal;
color: #fff;
border-bottom: solid 1px #c7c3e1;
background: url("../images/info_mark.png") 0 0.2em no-repeat;
background-size: 15px auto;
display: flex;
align-items: center;
justify-content: space-between;
}
/*.information h3 a {
position: absolute;
top: 3px;
right: 0;
display: block;
border: solid 1px #fff;
font-size: 10px;
line-height: 20px;
height: auto;
color: #fff;
padding: 0 10px;
letter-spacing: -0.02em; }*/
.information span a {
margin-left: 10px;
padding: 2px 7px;
font-size: 10px;
border: #fff 1px solid;
}
.information .support_btn {
margin-left: 10px;
padding: 5px 15px;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #fff;
background-color: #238ed9;
border-radius: 100px;
display: inline;
}
.information h3 a span {
display: none; }
.information h3 a:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: bold;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #73a9db; }
.information h3 .support_btn:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: bold;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #fff; }
.information .information_box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 0;
padding: 10px;
width: 100%;
background: #222; }
.information .information_box .information_area {
width: 100%;
height: 150px;
overflow: auto; }
#news .information .information_box .information_area {
height: auto; }
.information .information_box .information_area dl {
width: 95%;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
.information .information_box .information_area dl .date {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 11px;
margin: 0 10px 0 0;
padding-top: 2px; }
.information .information_box .information_area dl dd {
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 10px;
border-bottom: dotted 1px #666; }
.information .information_box .information_area dl dd p {
font-size: 12px;
text-decoration: underline;
text-decoration-color: #73a9db; }
.information .information_box .information_area dl dd a {
font-weight: bold;
color: #fff;
padding: 0;
text-decoration: underline;
text-decoration-color: #73a9db; }
/* お知らせ */
.category_info {
background: #e66e03;
color: #fff;
width: 90px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 10px;
margin: 0 0 2px; }
/* リクルート情報 */
.category_recruit {
background: #238ed9;
color: #fff;
width: 90px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 10px;
margin: 0 0 2px; }
/* 会員 */
.category_member {
background: red;
color: #fff;
width: 90px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 10px;
margin: 0 0 2px; }
/* 講習会・研修会 */
.category_seminar {
background: #39b318;
color: #fff;
width: 90px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 10px;
margin: 0 0 2px; }
/* 記事ページ */
#news_individual dl {
display: flex;
flex-wrap: wrap;
/* 日付 */
/* カテゴリーパネル */ }
#news_individual dl dt {
margin-bottom: 10px; }
#news_individual dl dt.date {
margin-right: 10px; }
#news_individual dl dt:nth-child(2) {
width: 90px; }
#news_individual dl dd {
width: 100%; }
.sponsor_banner {
display: none;
/* padding-bottom: 20px;
h3 {
width: 100%;
height: auto;
line-height: 30px;
@include border-box;
margin: 0 0 10px;
padding: 0 0 0 20px;
font-size: 17px;
font-weight: normal !important;
color: #fff;
position: relative;
border-bottom: solid 1px #c7c3e1;
background: url("../images/info_mark.png") center left no-repeat;
background-size: 15px auto;
a {
position: absolute;
top: 3px;
right: 0;
display: block;
border: solid 1px #fff;
font-size: 10px;
line-height: 20px;
height: auto;
color: #fff;
padding: 0 10px;
letter-spacing: -0.02em;
span {
display: none;
}
&:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: bold;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #73a9db;
}
}
span {
display: none;
}
}
.slider {
li {
text-align: center !important;
}
}*/ } }
/* -----------------------------------------------------------
（PC表示・トップページのみ）バナーエリア
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.index_banner {
margin-bottom: 30px; }
.index_banner ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 1000px;
margin: 0 auto; }
.index_banner ul li {
width: calc((100% - 30px) / 4);
margin: 0;
text-align: center;
/* リクルート情報 */
/* 講習会・研究会 */
/* 専門技術情報 */ }
.index_banner ul li a {
color: #fff;
font-size: 20px;
display: block;
padding-bottom: 10px;
height: auto;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.index_banner ul li a img {
width: 100%;
height: auto;
margin-bottom: 10px; }
.index_banner ul li a:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
background-color: rgba(255, 255, 255, 0.1); }
.index_banner ul li a span:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 10px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.index_banner ul li:nth-child(1) {
background: #238ed9; }
.index_banner ul li:nth-child(2) {
background: #39b318; }
.index_banner ul li:nth-child(3) {
background: #7c26b3; }
.index_banner ul li:nth-child(4) {
background: #e66e03; }
.index_banner ul li:nth-child(5) {
display: none; }
}
/* -----------------------------------------------------------
（SP表示・トップページのみ）バナーエリア
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.index_banner {
width: 100%; }
.index_banner ul {
margin: 0 0 20px; }
.index_banner ul li {
width: 100%;
margin: 0 0 10px;
display: block;}
.index_banner ul li a {
color: #fff;
font-weight: bold;
font-size: 14px;
border: solid 1px #fff;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 5px 5px 45px;
position: relative;
text-decoration: none;
width: 100%; }
.index_banner ul li:nth-child(5) a {
color: #fff;
font-weight: bold;
font-size: 14px;
border: none;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px;
text-align: center;
text-decoration: none;
width: 100%;
background-color: #238ed9;
}
.index_banner ul li a img {
display: none; }
.index_banner ul li a:before {
content: '';
display: inline-block;
width: 20px;
height: 16px;
background-image: url("../images/icon_finger.png");
background-size: contain;
vertical-align: middle;
position: absolute;
left: 15px;
top: 10px; }
.index_banner ul li:nth-child(5) a:before {
display: none;
}
.index_banner ul li:nth-child(1) a:after {
content: '';
display: inline-block;
width: 24px;
height: 25px;
background-image: url("../images/icon_recruit.png");
background-size: contain;
vertical-align: middle;
position: absolute;
right: 10px;
top: 5px; }
.index_banner ul li:nth-child(2) a:after {
content: '';
display: inline-block;
width: 28px;
height: 25px;
background-image: url("../images/icon_seminar.png");
background-size: contain;
vertical-align: middle;
position: absolute;
right: 12px;
top: 5px; }
.index_banner ul li:nth-child(3) a:after {
content: '';
display: inline-block;
width: 30px;
height: 22px;
background-image: url("../images/icon_summit.png");
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
position: absolute;
right: 10px;
top: 5px; }
.index_banner ul li:nth-child(4) a:after {
content: '';
display: inline-block;
width: 24px;
height: 25px;
background-image: url("../images/icon_relation.png");
background-size: contain;
vertical-align: middle;
position: absolute;
right: 10px;
top: 5px; } }
/* -----------------------------------------------------------
（PC表示のみ・トップページのみ）関連大学病院一覧
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.related_university_hospital {
width: 100%;
padding: 0;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc; }
.related_university_hospital .related_university_hospital_box {
width: 1000px;
height: auto;
margin: 0 auto;
padding: 30px 0;
background: url("../images/hospital_bg.gif") top center no-repeat; }
.related_university_hospital .related_university_hospital_box h3 {
text-align: center;
font-weight: bold;
font-size: 25px;
margin: 0 0 30px;
letter-spacing: 0.1em;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.related_university_hospital .related_university_hospital_box h3 span {
font-size: 10px;
letter-spacing: 0.2em; }
.related_university_hospital .related_university_hospital_box ul li {
/* 北海道エリア */
/* 東北エリア */
/* 関東エリア */
/* 北陸・中部エリア */
/* 関西エリア */
/* 中国エリア */
/* 四国エリア */
/* 九州・沖縄エリア */ }
.related_university_hospital .related_university_hospital_box ul li a {
width: 420px;
height: 50px;
margin: 0 0 5px;
padding: 0 20px 0 20px;
display: block;
border: solid 1px #666;
line-height: 50px;
font-size: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: bold; }
.related_university_hospital .related_university_hospital_box ul li a:before {
font-family: "Font Awesome 5 Free";
content: "\f068";
margin-right: 15px;
font-size: 20px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(1) a:before {
color: #6b1686; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(2) a:before {
color: #014099; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(3) a:before {
color: #0068b7; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(4) a:before {
color: #009b74; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(5) a:before {
color: #90c31f; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(6) a:before {
color: #f3bd00; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(7) a:before {
color: #ef7f1f; }
.related_university_hospital .related_university_hospital_box ul li:nth-child(8) a:before {
color: #e60012; } }
@media screen and (max-width: 767px) {
.related_university_hospital {
display: none; } }
/* -----------------------------------------------------------
（PC表示のみ・トップページのみ）協賛
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.sponsorship_area {
width: 100%;
padding: 0;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc; }
.sponsorship_area .sponsorship_box {
width: 1000px;
height: auto;
margin: 0 auto;
padding: 50px 0;
position: relative; }
.sponsorship_area .sponsorship_box h3 {
text-align: center;
font-weight: bold;
font-size: 25px;
margin: 0 0 30px;
letter-spacing: 0.1em;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.sponsorship_area .sponsorship_box h3 span {
font-size: 10px;
letter-spacing: 0.2em; }
.sponsorship_area .sponsorship_box .swiper-button-prev,
.sponsorship_area .sponsorship_box .swiper-button-next {
top: 170px;
color: #000; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor {
overflow-x: hidden;
width: 800px;
margin: 0 auto;
padding: 0 auto; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor li {
text-align: center; } }
/* -----------------------------------------------------------
（SP表示のみ・トップページのみ）協賛
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.sponsorship_area {
width: 100%;
padding: 0; }
.sponsorship_area .sponsorship_box {
width: 100%;
height: auto;
margin: 0 auto;
position: relative; }
.sponsorship_area .sponsorship_box h3 {
width: 100%;
height: auto;
line-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
padding: 0 0 0 20px;
font-size: 17px;
font-weight: normal !important;
color: #fff;
border-bottom: solid 1px #c7c3e1;
background: url("../images/info_mark.png") center left no-repeat;
background-size: 15px auto; }
.sponsorship_area .sponsorship_box h3 span {
display: none; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor {
overflow-x: hidden;
padding: 0;
margin: 20px auto;
width: 80%; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor li {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor li img {
width: 100%;
height: auto; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor .swiper-button-prev,
.sponsorship_area .sponsorship_box .swiper-container_sponsor .swiper-button-next {
width: 11px;
height: 20px;
margin-top: 15px; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor .swiper-button-prev {
background: url("../images/arrow_left.png") no-repeat center center/contain; }
.sponsorship_area .sponsorship_box .swiper-container_sponsor .swiper-button-next {
background: url("../images/arrow_right.png") no-repeat center center/contain; } }
/* -----------------------------------------------------------
（PC表示・下層ページ）ページタイトル
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.subpage_title {
width: 100%;
height: 137px !important;
margin: 0 auto 10px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #000; }
.subpage_title h2 {
width: 1000px;
height: 137px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 30px;
padding: 55px 0 0;
color: #fff;
margin: 0 auto;
background: url("../images/subpage_title.jpg") repeat; } }
/* -----------------------------------------------------------
（SP表示・下層ページ）ページタイトル
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.subpage_title {
width: 100%;
height: 100px;
text-align: center;
margin: 0 auto 10px;
background-size: auto 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url("../images/subpage_title.jpg") top center no-repeat;
background-size: auto 100%;
border-top: solid 1px #e7e5f5;
border-bottom: solid 1px #e7e5f5; }
.subpage_title h2 {
padding: 40px 0 0;
font-size: 20px; } }
/* -----------------------------------------------------------
（PC表示）リスト
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.box ul {
margin: 0 0 20px; }
.box ul li {
margin: 0 0 10px; }
/* ・（中黑）リスト */
.list_disc {
margin: 0 0 20px;
padding-left: 25px; }
.list_disc li {
list-style: disc;
margin: 0 0 0; }
/* 1.2.3.（数字） リスト */
.list_number {
margin: 0 0 20px;
padding-left: 20px; }
.list_number li {
list-style: decimal;
margin: 0 0 10px; }
/* ✓（チェックマーク）リスト */
.list_check li {
margin: 0 0 10px 25px !important; }
.list_check li:before {
font-family: "Font Awesome 5 Free";
content: "\f14a";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
margin-right: 8px;
margin-left: -22px !important;
color: #000; } }
/* -----------------------------------------------------------
（SP表示）リスト
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.box ul {
height: auto;
overflow: hidden;
margin: 0 0 20px; }
.box ul li {
margin: 0;
line-height: 22px; }
/* ・（中黑）リスト */
.list_disc {
margin: 0 0 20px;
padding-left: 25px; }
.list_disc li {
list-style: disc;
margin: 0 0 0; }
/* 1.2.3.（数字） リスト */
.list_number {
margin: 0 0 20px;
padding-left: 20px; }
.list_number li {
list-style: decimal;
margin: 0 0 5px !important; }
/* ✓（チェックマーク）リスト */
.list_check li {
margin: 0 0 20px 25px !important; }
.list_check li:before {
font-family: "Font Awesome 5 Free";
content: "\f14a";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
margin-right: 7px;
margin-left: -19px !important; }
.box ul:last-child {
margin: 0; }
.box li:last-child {
margin: 0; } }
@media print, screen and (min-width: 768px) {
/* -----------------------------------------------------------
（PC表示）挿絵
----------------------------------------------------------- */
figure {
text-align: center;
padding: 0;
margin: 20px 0; }
figure.left {
float: left;
margin: 0 20px 20px 0; }
figure.right {
float: right;
margin: 0 0 20px 20px; }
figure .center {
text-align: center; } }
/* -----------------------------------------------------------
（SP表示）挿絵
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
figure {
text-align: center;
width: 80%;
height: auto;
margin: 10px auto; }
figure img {
text-align: center;
width: 100%;
height: auto;
margin: 0;
color: #5d3328; }
figure.fluid_image {
height: auto;
width: 100% !important; }
figure.img50 {
width: 50% !important;
height: auto; }
figure.img50 img {
width: 100%;
height: auto; }
figure.left, figure.right {
float: none;
width: 80%;
margin: 0 auto 10px; }
figure figcaption {
margin-bottom: 20px;
font-size: 14px; } }
/* -----------------------------------------------------------
（PC表示）テキストリンクボタン
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.link_btn a {
font-size: 15px;
display: inline-block;
margin: 0 0 10px;
padding: 2px 15px;
border: solid 1px #555;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
color: #333; }
.link_btn a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #333; }
.link_btn_out a {
font-size: 15px;
display: inline-block;
padding: 2px 35px 2px 15px;
border: solid 1px #a69ed8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
color: #333;
background: url(../images/win_icon.svg) right 10px top 50% no-repeat;
background-size: 13px 11px;
background-color: #f8f7fe; }
.link_btn_out a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #a69ed8; } }
/* -----------------------------------------------------------
（SP表示）テキストリンクボタン
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.link_btn a {
font-size: 12px;
display: block;
width: 100%;
padding: 2px 15px;
border: solid 1px #555;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
color: #333;
background: #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin-top: 10px; }
.link_btn a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #333; }
.link_btn_out a {
font-size: 15px;
display: inline-block;
padding: 2px 15px;
width: 100%;
border: solid 1px #a69ed8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
color: #333;
background: #f8f7fe;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin-top: 10px; }
.link_btn_out a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #a69ed8; }
.link_btn_out a:after {
font-family: "Font Awesome 5 Free";
content: "\f35d";
margin-left: 10px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #a69ed8; } }
/* -----------------------------------------------------------
（PC表示）パンくずリスト
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
#topicPath {
width: 1000px;
margin: 0 auto 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#topicPath li {
margin-right: 10px;
padding-right: 15px;
font-size: 14px;
line-height: 1.3;
background: url(../images/topicPath/topic_path_back.gif) 100% 0.3em no-repeat; }
#topicPath li a {
color: #462c10;
text-decoration: underline; }
#topicPath .lastPath {
margin-right: 0;
padding-right: 0;
background: none !important;
font-weight: bold; } }
/* -----------------------------------------------------------
（SP表示）パンくずリスト
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#topicPath {
width: 94%;
margin: 0 auto 10px; }
#topicPath li {
margin-right: 10px;
padding-right: 15px;
font-size: 12px;
float: left;
background: url(../images/topicPath/icon_topic_path_white.png) 100% 0.4em no-repeat !important;
background-size: contain; }
#topicPath li a {
color: #fff;
text-decoration: underline; }
#topicPath .indPath {
background: url(../images/topicPath/icon_topic_path_02.gif) 100% 50% no-repeat;
background-size: cover; }
#topicPath .lastPath {
margin-right: 0;
padding-right: 0;
background: none !important;
font-weight: bold; } }
@media print, screen and (min-width: 768px) {
.slide_text {
display: none; } }
/* -----------------------------------------------------------
（SP表示）テーブルの横幅が表示エリアサイズを超えるとき用
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.slide_text:before {
font-family: "Font Awesome 5 Free";
content: "\f0a5";
font-weight: bold;
margin: 0 10px 0 0;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.scroll {
overflow-x: auto;
white-space: nowrap;
padding-bottom: 10px; }
.scroll::-webkit-scrollbar {
height: 5px; }
.scroll::-webkit-scrollbar-track {
background: #F1F1F1; }
.scroll::-webkit-scrollbar-thumb {
background: #BCBCBC; } }
/* -----------------------------------------------------------
（PC表示）ボックス
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.box {
width: 750px;
margin: 0 auto 30px;
padding: 0;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.box h3 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 20px;
padding: 5px 0 5px 14px;
font-size: 22px;
border-left: solid 4px red;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
/* 鍵マーク付 */ }
.box h3.login_h3:before {
font-family: "Font Awesome 5 Free";
content: "\f084";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
margin-right: 10px;
margin-left: 5px;
color: #999; }
.box .box_inner {
padding: 20px;
border: solid 1px #666; }
.box .box_inner p {
margin: 0 0 20px;
color: #333; }
.box .box_inner p:last-child {
margin: 0; }
.box .box_inner h4 {
margin: 0 0 20px;
padding: 10px 15px;
font-size: 20px;
clear: both;
border: solid 1px #777;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
background: #fafafa;
text-align: left;
background: url("../images/h4.gif") top center no-repeat; }
.box .box_inner h4 span {
font-size: 11px;
color: #777; }
#organigram .box .box_inner h4, #contract .box .box_inner h4, #inquiry .box .box_inner h4 {
text-align: center;
background: #fafafa;
background-image: none; }
.box .box_inner .h4box h4 {
margin-top: 30px; }
.box .box_inner h5 {
margin: 0 0 10px;
font-size: 16px;
padding: 10px 10px 10px 2px;
font-weight: bold;
margin-right: 10px;
border-bottom: dotted 1px #ccc; }
.box .box_inner h5:before {
content: "■";
color: #666;
margin-right: 10px; }
#inquiry .box .box_inner h5 {
border-bottom: none; } }
h6 {
margin: 15px 0 5px;
font-size: 15px;
font-weight: normal;
}
/* -----------------------------------------------------------
（SP表示）ボックス
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.box {
width: 100%;
height: auto;
margin: 0 auto !important;
padding: 0 0 20px; }
.box h3 {
width: 100%;
height: auto;
line-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;
padding: 0 0 0 20px;
font-size: 17px;
font-weight: normal !important;
color: #fff;
position: relative;
border-bottom: solid 1px #c7c3e1;
background: url("../images/info_mark.png") center left no-repeat;
background-size: 15px auto; }
.box h3.sp_line2 {
line-height: 100%;
padding-bottom: 10px; }
.box .box_inner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 0 0;
padding: 10px;
width: 100%;
border: solid 1px #ccc;
background: #222; }
.box .box_inner h4 {
margin: 0 0 15px 0;
padding: 5px 0;
line-height: 120%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border: solid 1px #fff; }
.box .box_inner h4 a {
color: #333;
text-decoration: underline; }
.box .box_inner .h4box h4 {
margin-top: 30px; }
.box .box_inner p {
margin: 0 0 10px; }
.box .box_inner p:last-child {
margin: 0; }
.box .box_inner h5 {
margin: 20px 0 10px;
padding: 0 0 10px;
font-size: 15px;
border-bottom: solid 1px #ccc; }
h6 {
margin: 15px 0 5px;
font-size: 15px;
font-weight: normal;
}
}
/* -----------------------------------------------------------
（PC表示）アイコン
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.icon_exel:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 15px;
/*画像の幅*/
height: 15px;
/*画像の高さ*/
background-image: url(../images/icon_exel.svg);
background-size: contain;
vertical-align: middle;
margin-left: 7px; }
.icon_word:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 15px;
/*画像の幅*/
height: 15px;
/*画像の高さ*/
background-image: url(../images/icon_word.svg);
background-size: contain;
vertical-align: middle;
margin-left: 7px; }
.icon_pdf:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 15px;
/*画像の幅*/
height: 15px;
/*画像の高さ*/
background-image: url(../images/icon_pdf.svg);
background-size: contain;
vertical-align: middle;
margin-left: 7px; }
.icon_outlink:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 15px;
/*画像の幅*/
height: 15px;
/*画像の高さ*/
background-image: url(../images/icon_outlink.svg);
background-size: contain;
vertical-align: middle;
margin-left: 7px; } }
/* -----------------------------------------------------------
（SP表示）アイコン
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.icon_exel:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 15px;
/*画像の幅*/
height: 15px;
/*画像の高さ*/
background-image: url(../images/icon_exel.svg);
background-size: contain;
vertical-align: middle;
margin-left: 7px; }
.icon_word:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 15px;
/*画像の幅*/
height: 15px;
/*画像の高さ*/
background-image: url(../images/icon_word.svg);
background-size: contain;
vertical-align: middle;
margin-left: 7px; }
.icon_pdf:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 15px;
/*画像の幅*/
height: 15px;
/*画像の高さ*/
background-image: url(../images/icon_pdf.svg);
background-size: contain;
vertical-align: middle;
margin-left: 7px; }
.icon_outlink:after {
content: '';
/*何も入れない*/
display: inline-block;
/*忘れずに！*/
width: 12px;
/*画像の幅*/
height: 10px;
/*画像の高さ*/
background-image: url(../images/external_link_white.png);
background-size: contain;
vertical-align: middle;
margin-left: 7px; } }
/* -----------------------------------------------------------
（PC表示）ARTNU会長挨拶（about/index.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
#about .box_inner .greeting_head {
width: 100%;
height: 182px;
margin: 0 0 20px;
text-indent: 0em;
text-align: left;
position: relative;
}
#about .box_inner .greeting_head .greeting_name {
text-align: right !important;
font-size: 16px !important;
text-indent: 0 !important;
position: absolute;
right: 0;
bottom: 0;
}
#about .box_inner p {
text-indent: 1em;
}
#about .box_inner a {
color: #000;
font-weight: bold;
text-decoration: underline;
}
.gree_tit {
margin: 0;
padding-right: 0;
font-size: 22px !important;
text-align: left;
text-indent: 0 !important;
position: absolute;
left: 200px;
top: 20px;
}
.gree_ph {
margin: 0;
text-indent: 0 !important;
position: absolute;
left: 0;
top: 0;
}
.gree_ph img {
width: 160px;
}
}
/* -----------------------------------------------------------
（SP表示）ARTNU会長挨拶（about/index.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#about .box_inner .greeting_head {
margin: 0 0 10px;
text-indent: 0em;
text-align: center; }
#about .box_inner .greeting_head p {
text-align: center !important;
text-indent: 0em;
display: block;
margin-right: 2px; }
#about .box_inner p {
text-indent: 1em; }
.gree_ph {
margin: 0;
padding-right: 0;
vertical-align: top;
display: block;
text-align: center;
}
.gree_ph img {
width: 50%;
}
.gree_tit {
font-size: 18px !important;
}
}
/* -----------------------------------------------------------
（PC表示）ARTNU概要（about/prijectinfo.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.prijectinfo_dl dl {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 20px; }
.prijectinfo_dl dl:last-child {
margin: 0; }
.prijectinfo_dl dl dt {
font-weight: bold;
padding: 0 5px 5px;
border-bottom: solid 1px #000;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.2em; }
.prijectinfo_dl dl dt:before {
font-family: "Font Awesome 5 Free";
content: "\f0c8";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
margin-right: 5px;
color: #666; }
.prijectinfo_dl dl dd {
padding: 10px 10px 10px 0; }
.prijectinfo_dl dl dd ol {
margin-bottom: 0; }
.prijectinfo_dl dl dd ol li {
margin-bottom: 5px !important; }
.prijectinfo_dl dl dd:last-child li {
margin-bottom: 0; }
.prijectinfo_dl dl:last-child dd {
margin-bottom: 0; } }
/* -----------------------------------------------------------
（SP表示）ARTNU概要（about/prijectinfo.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#prijectinfo h4 span {
font-size: 10px;
color: #ccc; }
.prijectinfo_dl dl {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 20px; }
.prijectinfo_dl dl:last-child {
margin: 0; }
.prijectinfo_dl dl dt {
font-weight: bold;
padding: 0 0 5px;
border-bottom: solid 1px #fff;
width: 100%; }
.prijectinfo_dl dl dd {
padding: 10px 0; }
.prijectinfo_dl dl dd ol {
margin-bottom: 0; }
.prijectinfo_dl dl dd ol li {
margin-bottom: 10px; }
.prijectinfo_dl dl dd:last-child li {
margin-bottom: 0; }
.prijectinfo_dl dl:last-child dd {
margin-bottom: 0; } }
/* -----------------------------------------------------------
（PC表示）会則（contract.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
#contract {
/* 附則 */ }
#contract dl.contract_list01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
#contract dl.contract_list01 dt {
width: 14%; }
#contract dl.contract_list01 dd {
width: 86%;
margin: 0 0 20px; }
#contract dl.contract_list01 dd:last-child {
margin-bottom: 0; }
#contract dl.contract_list01 dd ul {
margin: 0; }
#contract dl.contract_list01 dd ol {
margin: 0; }
#contract dl.contract_list01 dd li:last-child {
margin-bottom: 0 !important; }
#contract dl.contract_list02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
#contract dl.contract_list02 dt {
width: 100%;
margin-bottom: 5px; }
#contract dl.contract_list02 dd {
width: 100%;
margin: 0 0 20px;
padding-left: 2em; }
#contract .revision_list_box {
text-align: right;
display: block; }
#contract .revision_list_box:after {
content: "";
display: table;
clear: both; }
#contract .revision_list_box .revision_list {
text-align: right !important;
margin: 20px 0 0;
padding-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right; }
#contract .revision_list_box .revision_list ul {
display: inline;
text-align: left;
margin: 0; }
#contract .revision_list_box .revision_list ul li {
margin-bottom: 0;
font-size: 14px; }
#contract .revision_list_box .revision_list ul:nth-child(2) {
margin-left: 30px; } }
/* -----------------------------------------------------------
（SP表示）会則（contract.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#contract .box_inner dl dt {
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: solid 1px #fff; }
#contract .box_inner dl dd {
margin: 0 0 20px; }
#contract .box_inner .revision_list_box {
text-align: right;
display: block; }
#contract .box_inner .revision_list_box:after {
content: "";
display: table;
clear: both; }
#contract .box_inner .revision_list_box .revision_list {
text-align: right !important;
margin: 10px 0 0;
padding-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: right; }
#contract .box_inner .revision_list_box .revision_list ul {
display: inline;
text-align: left;
margin: 0; }
#contract .box_inner .revision_list_box .revision_list ul li {
margin-bottom: 0;
font-size: 13px; }
#contract .box_inner .revision_list_box .revision_list ul:nth-child(2) {
margin-left: 30px; } }
/* -----------------------------------------------------------
（PC表示）関連大学病院（link/index.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.link_table {
width: 100%; }
.link_table th, .link_table td {
border: solid 1px #ccc;
padding: 10px;
vertical-align: top;
min-width: 20px; }
.link_table .vertical_writing {
writing-mode: vertical-rl;
white-space: nowrap;
text-orientation: upright;
color: #fff !important; }
.link_table thead th {
background: #eee; }
.link_table tbody {
/* 北海道エリア */
/* 東北エリア */
/* 関東エリア */
/* 北陸・中部エリア */
/* 関西エリア */
/* 中国エリア */
/* 四国エリア */
/* 九州・沖縄エリア */ }
.link_table tbody td {
vertical-align: middle; }
.link_table tbody td a {
color: #000;
text-decoration: underline; }
.link_table tbody td a:after {
font-family: "Font Awesome 5 Free";
content: "\f35d";
font-weight: bold;
margin-left: 10px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.link_table tbody th.hokkaido {
background: #6b1686; }
.link_table tbody th.touhoku {
background: #014099; }
.link_table tbody th.kantou {
background: #0068b7; }
.link_table tbody th.hokuriku {
background: #009b74; }
.link_table tbody th.kansai {
background: #90c31f; }
.link_table tbody th.chuugoku {
background: #f3bd00; }
.link_table tbody th.shikoku {
background: #ef7f1f; }
.link_table tbody th.kyuushuu {
background: #e60012; } }
/* -----------------------------------------------------------
（SP表示）関連大学病院（link/index.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.link_table {
width: 100%; }
.link_table thead th {
background: #fff;
color: #000;
padding: 5px 0;
min-width: 20px;
max-width: 20px; }
.link_table thead th:nth-child(3) {
padding: 0 10px; }
.link_table tbody {
/* 北海道エリア */
/* 東北エリア */
/* 関東エリア */
/* 北陸・中部エリア */
/* 関西エリア */
/* 中国エリア */
/* 四国エリア */
/* 九州・沖縄エリア */ }
.link_table tbody th, .link_table tbody td {
border: solid 1px #ccc;
padding: 10px;
vertical-align: top;
background: #222; }
.link_table tbody .vertical_writing {
writing-mode: vertical-rl;
white-space: nowrap;
text-orientation: upright;
color: #fff !important;
padding: 20px 20px 20px 0; }
.link_table tbody td {
vertical-align: middle; }
.link_table tbody th.hokkaido {
background: #6b1686; }
.link_table tbody th.touhoku {
background: #014099; }
.link_table tbody th.kantou {
background: #0068b7; }
.link_table tbody th.hokuriku {
background: #009b74; }
.link_table tbody th.kansai {
background: #90c31f; }
.link_table tbody th.chuugoku {
background: #f3bd00; }
.link_table tbody th.shikoku {
background: #ef7f1f; }
.link_table tbody th.kyuushuu {
background: #e60012; } }
/* -----------------------------------------------------------
（PC表示）組織図・役割一覧（organigram.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
#organigram .box table {
width: 100%;
border-bottom: solid 1px #000; }
#organigram .box table td {
padding: 10px 0; }
#organigram .box table td:nth-child(1) {
width: 30px; }
#organigram .box table td:nth-child(2) {
width: 50px; }
#organigram .box table td:nth-child(3) {
width: 30px;
padding-right: 10px;
border-bottom: dotted 1px #000; }
#organigram .box table td:nth-child(4) {
width: 100px;
border-bottom: dotted 1px #000; }
.org_tb th {
width: 30px;
padding: 10px 0;
font-weight: normal;
text-align: left;
}
#organigram .box .org_tb td:nth-child(1) {
width: 50px; }
#organigram .box .org_tb td:nth-child(2) {
width: 30px;
padding-right: 10px;
border-bottom: dotted 1px #000; }
#organigram .box .org_tb td:nth-child(3) {
width: auto;
border-bottom: dotted 1px #000; }
#organigram .box .org_tb td.org_uline {
border-bottom: none;
}
}
/* -----------------------------------------------------------
（SP表示）組織図・役割一覧（organigram.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#organigram .box .scroll {
border: solid 1px #666;
padding: 10px; }
#organigram .box table {
width: 600px;
border-bottom: solid 2px #fff;
background: #333; }
#organigram .box table td {
padding: 10px; }
#organigram .box table td:nth-child(1) {
width: 80px !important; }
#organigram .box table td:nth-child(2) {
width: 90px !important; }
#organigram .box table td:nth-child(3) {
width: 120px !important;
border-bottom: solid 1px #ccc; }
#organigram .box table td:nth-child(4) {
border-bottom: solid 1px #ccc; }
.org_tb th {
width: 80px;
padding: 10px;
font-weight: normal;
text-align: left;
}
#organigram .box .org_tb td:nth-child(1) {
width: 120px !important; }
#organigram .box .org_tb td:nth-child(2) {
width: 120px;
padding-right: 10px;
border-bottom: solid 1px #ccc; }
#organigram .box .org_tb td:nth-child(3) {
width: auto;
border-bottom: solid 1px #ccc; }
#organigram .box .org_tb td.org_uline {
border-bottom: none;
}
}
/* -----------------------------------------------------------
（PC表示）関連学会・団体（link/related.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.list_halfwidth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
width: 100%; }
.list_halfwidth ul {
width: 50%;
margin: 0; }
.list_halfwidth ul li {
margin: 0 0 20px;
padding: 0 0 0 40px; }
.list_halfwidth ul a {
color: #000; }
.list_halfwidth ul a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
font-weight: bold;
margin-right: 10px;
margin-left: -25px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #666; } }
/* -----------------------------------------------------------
（SP表示）関連学会・団体（link/related.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.list_halfwidth {
width: 100%; }
.list_halfwidth ul li {
margin: 0 0 20px;
padding: 0 0 0 30px; }
.list_halfwidth ul a {
color: #fff; }
.list_halfwidth ul a::before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
font-weight: bold;
margin-right: 10px;
margin-left: -25px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; } }
/* -----------------------------------------------------------
（PC表示）サイトマップ（sitemap.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
#sitemap .box h3 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 15px;
padding: 5px 0 10px 0;
font-size: 18px;
position: relative;
letter-spacing: 0.1em;
border-bottom: solid 1px #666;
border-left: none;
/* HOME */
/* ABOUT */
/* WORK */
/* INFORMATION */
/* LINK */
/* MEMBER */ }
#sitemap .box h3:before {
content: "■";
margin: 0 10px 0 0; }
#sitemap .box h3:nth-of-type(1):before {
color: #6b1686; }
#sitemap .box h3:nth-of-type(2):before {
color: #014099; }
#sitemap .box h3:nth-of-type(3):before {
color: #0068b7; }
#sitemap .box h3:nth-of-type(4):before {
color: #009b74; }
#sitemap .box h3:nth-of-type(5):before {
color: #90c31f; }
#sitemap .box h3:nth-of-type(6):before {
color: #ef7f1f; }
#sitemap .box ul {
margin-bottom: 30px; }
#sitemap .box ul li {
margin: 0 0 10px;
font-size: 14px; }
#sitemap .box ul li a {
display: block;
border-bottom: none;
padding: 0 0 10px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000;
border-bottom: dotted 1px #ccc; }
#sitemap .box ul li a:before {
font-family: "Font Awesome 5 Free";
content: "\f105";
margin-right: 10px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color: #666; }
#sitemap .box ul li a:hover {
background: #fff;
color: #333;
display: block;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100); }
#sitemap .box ul:last-child {
margin-bottom: 10px; } }
/* -----------------------------------------------------------
（SP表示）サイトマップ（sitemap.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#sitemap .box h3 {
margin: 0;
background: #fff;
color: #fff;
border: solid 1px #666;
border-bottom: none;
text-align: center;
padding: 0;
/* HOME */
/* ABOUT */
/* WORK */
/* INFORMATION */
/* LINK */
/* MEMBER */ }
#sitemap .box h3:nth-of-type(1) {
background: #6b1686; }
#sitemap .box h3:nth-of-type(2) {
background: #014099; }
#sitemap .box h3:nth-of-type(3) {
background: #0068b7; }
#sitemap .box h3:nth-of-type(4) {
background: #009b74; }
#sitemap .box h3:nth-of-type(5) {
background: #90c31f; }
#sitemap .box h3:nth-of-type(6) {
background: #ef7f1f; }
#sitemap .box ul {
border-bottom: solid 1px #666; }
#sitemap .box ul li {
margin: 0; }
#sitemap .box ul li a {
display: block;
border: solid 1px #666;
border-bottom: none;
padding: 10px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 14px;
background: #222;
text-decoration: none; }
#sitemap .box ul li a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
font-weight: bold;
margin-right: 10px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
#sitemap .box ul li a:hover {
background: #fff;
color: #333;
display: block;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100); }
.side_area {
display: none; }
#news .side_area, #work .side_area {
display: block;
margin: 0; } }
/* -----------------------------------------------------------
（PC表示）問い合わせフォーム（about/inquiry.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
/* 「おねがい」と「おことわり」 */
.inquiry_please {
border: solid 1px #ccc;
padding: 10px 10px 5px;
margin: 0 0 10px;
background: #fafafa; }
.inquiry_please h5 {
text-align: center;
margin-bottom: 0 !important; }
.inquiry_please h5:before {
content: none !important; }
.inquiry_please li {
font-size: 14px; }
.form_area {
border: solid 1px #666;
padding: 20px;
/* 確認・リセットボタン */ }
.form_area .inquiry_form th {
width: 160px;
background: #eee;
text-align: left;
padding: 10px;
vertical-align: top; }
.form_area .inquiry_form td {
padding: 10px 10px 10px 20px; }
.form_area .inquiry_form td textarea {
width: 450px;
height: 100px; }
.form_area .inquiry_form_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
margin: 20px 0 10px; }
.form_area .inquiry_form_btn li {
margin: 0 10px; }
.form_area .inquiry_form_btn li a,
.form_area .inquiry_form_btn li input{
display: block;
color: #fff;
width: 200px;
padding: 10px;
text-align: center;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
border: double 3px #fff; }
.form_area .inquiry_form_btn li:nth-child(1) a, .form_area .inquiry_form_btn li:nth-child(1) input {
background: red;
outline: 0; }
.form_area .inquiry_form_btn li:nth-child(2) a, .form_area .inquiry_form_btn li:nth-child(2) input {
color: #fff;
background: #ccc;
font-weight: bold;
outline: 0; } }
/* -----------------------------------------------------------
（SP表示）問い合わせフォーム（about/inquiry.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
/* 「おねがい」と「おことわり」 */
.inquiry_please {
border: solid 1px #ccc;
padding: 15px 10px 5px;
margin: 0 0 10px; }
.inquiry_please h5 {
text-align: center;
margin: 0 0 10px !important;
color: #fff;
border: none !important;
padding: 0 !important;
text-align: center !important;
display: block !important;
font-size: 15px !important; }
.inquiry_please h5:before {
content: none !important; }
.inquiry_please li {
font-size: 14px; }
.form_area {
border: solid 1px #666;
padding: 10px;
/* 確認・リセットボタン */ }
.form_area .inquiry_form th {
width: 40%;
background: none;
text-align: left;
padding: 5px;
vertical-align: top;
color: #fff; }
.form_area .inquiry_form td {
padding: 5px 5px 5px 5px; }
.form_area .inquiry_form td textarea {
width: 100%;
height: 100px; }
.form_area .inquiry_form_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
margin: 20px auto 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
flex-wrap: nowrap; }
.form_area .inquiry_form_btn li {
margin: 0;
width: 48%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.form_area .inquiry_form_btn li a,
.form_area .inquiry_form_btn li input
{
display: block;
color: #fff;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
text-align: center;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-decoration: none;
border: double 3px #000; }
.form_area .inquiry_form_btn li:nth-child(1) a {
background: red; }
.form_area .inquiry_form_btn li:nth-child(2) a {
color: #fff;
background: #ccc;
font-weight: bold; } }
/* -----------------------------------------------------------
（PC表示）リクルート情報（work/index.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
#work .box_inner {
/* 大学病院名 */ }
#work .box_inner h4 {
margin: 0 0 10px;
padding: 10px 5px 10px 5px;
font-size: 20px;
clear: both;
border: none;
text-align: left;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: bold;
background: none;
/* 更新日時 */
/*
&:nth-of-type(1),&:nth-of-type(11),&:nth-of-type(21),&:nth-of-type(31),&:nth-of-type(41) { border-color: #6b1686;}
&:nth-of-type(2),&:nth-of-type(12),&:nth-of-type(22),&:nth-of-type(32),&:nth-of-type(42) { border-color: #014099;}
&:nth-of-type(3),&:nth-of-type(13),&:nth-of-type(23),&:nth-of-type(33),&:nth-of-type(43) { border-color: #0068b7;}
&:nth-of-type(4),&:nth-of-type(14),&:nth-of-type(24),&:nth-of-type(34),&:nth-of-type(44) { border-color: #009b74;}
&:nth-of-type(5),&:nth-of-type(15),&:nth-of-type(25),&:nth-of-type(35),&:nth-of-type(45) { border-color: #90c31f;}
&:nth-of-type(6),&:nth-of-type(16),&:nth-of-type(26),&:nth-of-type(36),&:nth-of-type(46) { border-color: #f3bd00;}
&:nth-of-type(7),&:nth-of-type(17),&:nth-of-type(27),&:nth-of-type(37),&:nth-of-type(47) {border-color: #ef7f1f;}
&:nth-of-type(8),&:nth-of-type(18),&:nth-of-type(28),&:nth-of-type(38),&:nth-of-type(48) {border-color: #e60012;}
&:nth-of-type(9),&:nth-of-type(19),&:nth-of-type(29),&:nth-of-type(39),&:nth-of-type(49) {border-color: brown;}
&:nth-of-type(10),&:nth-of-type(20),&:nth-of-type(30),&:nth-of-type(40),&:nth-of-type(50) {border-color: #730f0f;}
*/
/* 最初から5件目までNEWマークがつくように */ }
#work .box_inner h4 span {
float: right;
font-size: 14px;
color: #000;
padding-top: 5px; }
#work .box_inner .new_title:after {
content: "NEW";
color: red;
margin-left: 10px;
font-size: 14px;
line-height: 20px;
}
/*#work .box_inner h4:nth-of-type(-n+5):after {
content: "NEW";
color: red;
margin-left: 10px;
font-size: 14px;
line-height: 20px;
NEWマーク点滅
-webkit-animation:blink 1s ease-in-out infinite alternate;
-moz-animation:blink 1s ease-in-out infinite alternate;
animation:blink 1s ease-in-out infinite alternate;
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
} }*/
#work .box_inner div {
margin-bottom: 30px;
border-bottom: dotted 1px #ccc;
/* 詳細を見るボタン */ }
#work .box_inner div:last-child {
border-bottom: none;
margin-bottom: 10px; }
#work .box_inner div:last-child a {
margin-bottom: 0; }
#work .box_inner div dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
font-size: 18px;
margin-bottom: 10px;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc; }
#work .box_inner div dl dt {
width: 20%;
border: solid 1px #ccc;
border-bottom: none;
border-right: none;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
background: #fafafa; }
#work .box_inner div dl dd {
width: 80%;
border: solid 1px #ccc;
border-bottom: none;
border-right: none;
padding: 5px 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left; }
#work .box_inner div p a {
width: 180px;
padding: 3px 0;
display: block;
margin: 0 0 30px auto;
color: #fff;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-align: center;
font-weight: bold;
background-color: #000;
}
#work .box_inner div p a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.btn1 {
display: flex;
justify-content: center;
}
.btn1 a {
width: 40%;
/* margin: 0 auto;*/
margin: 10px;
padding: 15px 0;
display: block;
color: #fff;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-align: center;
font-weight: bold;
background-color: #000;
}
.btn1 a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
}
/* -----------------------------------------------------------
（SP表示）リクルート情報（work/index.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#work .side_area {
margin: 0 0 20px; }
#work .side_area .side_nav {
width: 100%; }
#work .side_area .side_nav li {
background: #222;
font-size: 14px; }
#work .main_area {
order: 2; }
#work .box_inner {
/* 大学病院名 */ }
#work .box_inner h4 {
margin: 0 0 10px 0;
padding: 5px 0 5px 10px;
line-height: 120%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
text-align: left;
border: none;
border-left: 6px solid #ccc;
/* 最初から5件目までNEWマークがつくように */ }
#work .box_inner h4:nth-of-type(-n+5):after {
content: "NEW";
color: red;
margin-left: 10px;
font-size: 14px;
line-height: 20px;
/* NEWマーク点滅
-webkit-animation:blink 1s ease-in-out infinite alternate;
-moz-animation:blink 1s ease-in-out infinite alternate;
animation:blink 1s ease-in-out infinite alternate;
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}*/ }
#work .box_inner h4 a {
color: #333;
text-decoration: underline; }
#work .box_inner h4 span {
float: right;
font-weight: normal;
font-size: 14px; }
#work .box_inner #anc01 {
border-color: #6b1686; }
#work .box_inner #anc02 {
border-color: #014099; }
#work .box_inner #anc03 {
border-color: #0068b7; }
#work .box_inner #anc04 {
border-color: #009b74; }
#work .box_inner #anc05 {
border-color: #90c31f; }
#work .box_inner #anc06 {
border-color: #f3bd00; }
#work .box_inner div {
/* 詳細を見るボタン */ }
#work .box_inner div:last-child {
border-bottom: none;
margin-bottom: 10px; }
#work .box_inner div:last-child a {
margin-bottom: 0; }
#work .box_inner div dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
font-size: 18px;
margin-bottom: 10px;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc; }
#work .box_inner div dl dt {
width: 35%;
border: solid 1px #ccc;
border-bottom: none;
border-right: none;
padding: 5px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center; }
#work .box_inner div dl dd {
width: 65%;
border: solid 1px #ccc;
border-bottom: none;
border-right: none;
padding: 5px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left; }
#work .box_inner div p a {
padding: 5px 0;
display: block;
margin-bottom: 20px;
color: #000;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-align: center;
text-decoration: none;
font-weight: bold;
background-color: #fff;}
#work .box_inner div p a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.btn1 a {
padding: 5px 0;
display: block;
color: #000;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-align: center;
text-decoration: none;
font-weight: bold;
background-color: #fff;
}
.btn1 a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 5px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
}
/* -----------------------------------------------------------
（PC表示）医療安全情報（information/medical.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.greeting_head {
margin: 0 0 10px;
text-indent: 0em;
text-align: right; }
.greeting_head p {
text-align: left !important;
font-size: 18px;
text-indent: 0em;
display: inline-block;
margin-right: 2px; }
.greeting_head p span {
font-size: 16px; } }
/* -----------------------------------------------------------
（SP表示）医療安全情報（information/medical.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.greeting_head {
margin: 0 0 10px;
text-indent: 0em;
text-align: right; }
.greeting_head p {
text-align: left !important;
text-indent: 0em;
display: inline-block;
margin-right: 2px; } }
/* -----------------------------------------------------------
（PC表示）協賛企業（information/support.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
#support .slider {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
#support .slider li {
width: calc( (100% - 40px) /3);
text-align: center;
background: #fafafa;
padding: 15px 0 10px;
margin-right: 20px;
margin-bottom: 20px;
/*&:nth-child(1) img,&:nth-child(7) img { border-color: #6b1686;}
&:nth-child(2) img,&:nth-child(8) img { border-color: #014099;}
&:nth-child(3) img,&:nth-child(9) img { border-color: #0068b7;}
&:nth-child(4) img,&:nth-child(10) img { border-color: #009b74;}
&:nth-child(5) img,&:nth-child(11) img { border-color: #90c31f;}
&:nth-child(6) img,&:nth-child(12) img { border-color: #f3bd00;}*/ }
*::-ms-backdrop, #support .slider li {
width: 222px; /* IE11 */
}
#support .slider li:nth-child(3n) {
margin-right: 0;
}
#support .slider li img {
margin: 0 0 10px;
border: solid 1px #a2a2a2; }
#support .slider li a {
color: #000;
font-weight: bold; }
#support .slider li:nth-child(1) img {
border: none; } }
/* -----------------------------------------------------------
（SP表示）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
#support .slider {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
#support .slider li {
text-align: center;
width: calc((100% - 20px) / 2);
margin-bottom: 30px;
font-size: 12px; }
#support .slider li img {
margin: 0 0 10px;
width: 100%;
height: auto;
font-size: 11px; }
#support .slider li a {
color: #fff;
font-weight: bold; } }
/* -----------------------------------------------------------
（PC表示）会員ログイン（member/index.html）
----------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.login_area {
border: solid 1px #ccc;
padding: 20px 20px 25px;
text-align: left;
background: #fafafa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.login_area dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-left: 100px; }
.login_area dl dt {
width: 145px; }
.login_area dl dd {
width: 330px;
padding-bottom: 15px; }
.login_area dl dd input {
width: 300px;
outline: 0; }
.login_area .login_btn a,
.login_area .login_btn input {
display: block;
width: 150px;
background: red;
margin: 0 auto;
text-align: center;
padding: 10px;
color: #fff;
font-weight: bold;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
border: double 3px #fff;
cursor: pointer;
outline: 0; }
.login_area .login_btn a:hover,
.login_area .login_btn input:hover {
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70); }
.login_area .error {
color: red !important;
font-weight: bold; } }
/* -----------------------------------------------------------
（SP表示）会員ログイン（member/index.html）
----------------------------------------------------------- */
@media screen and (max-width: 767px) {
.login_area {
border: solid 1px #ccc;
padding: 20px;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.login_area p {
margin-bottom: 20px; }
.login_area dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
.login_area dl dt {
width: 100%;
color: #fff; }
.login_area dl dd {
width: 100%;
padding-bottom: 20px; }
.login_area dl dd input {
width: 100%;
outline: 0; }
.login_area .login_btn a,
.login_area .login_btn input {
display: block;
width: 150px;
background: red;
margin: 0 auto;
text-align: center;
padding: 5px;
color: #fff;
text-decoration: none;
font-weight: bold;
/* eachが使える */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
border: double 3px #000;
outline: 0; }
.login_area .login_btn a:hover,
.login_area .login_btn input:hover {
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70); }
.login_area .error {
color: red;
font-weight: bold; } }
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none; }
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px; }
/* -----------------------------------------------------------
（追加）リクルート（work/index.html）
----------------------------------------------------------- */
.work_under {
margin-top: 100px;
text-align: center;
}
@media screen and ( max-width: 767px) {
.work_under {
margin: 80px 0;
text-align: center;
}
}
/* -----------------------------------------------------------
（追加）講習会・研究会（information/index.html）
----------------------------------------------------------- */
.info_dl {
margin-bottom: 5px;
}
.info_dl dt {
width: 4.5em;
float: left;
clear: left;
}
.info_dl dd {
padding-left: 4.5em;
}
.info_dl dd span {
padding: 1px 5px;
font-size: 12px;
color: #333;
background-color: #ddd;
}
figure.info_ph {
width: 230px;
margin: 0 0 10px 20px;
}
@media screen and ( max-width: 767px) {
figure.info_ph {
width: 170px;
margin: 0 0 10px 10px;
float: right;
}
}
.info_ph img {
width: 100%;
}
@media screen and ( max-width: 767px) {
.work_under {
margin: 80px 0;
text-align: center;
}
}
/* -----------------------------------------------------------
（追加）固定メニュー
----------------------------------------------------------- */
.sticky {
position: -webkit-sticky;
position: sticky;
top: 10px;
}
@media screen and ( max-width: 767px) {
.sticky {
position: static;
}
}
/* -----------------------------------------------------------
（追加）
----------------------------------------------------------- */
.fluid_image img {
width: 100%;
}
/* -----------------------------------------------------------
（追加）
----------------------------------------------------------- */
.rec_pos img {
width: 100%;
}
.rec_pos dd a {
margin-top: 10px;
padding: 20px 0;
text-align: center;
text-decoration: none !important;
color: #fff !important;
background-color: #000;
display: block;
}
.rec_pos dd a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 7px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
@media screen and ( max-width: 767px) {
.rec_pos dd a {
padding: 10px 0;
text-align: center;
text-decoration: none !important;
color: #000 !important;
background-color: #fff;
display: block;
}
.rec_pos dd a:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
margin-right: 7px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
}
.pagination {
margin-top: 15px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.pagination li {
margin-right: 10px;
}
.pagination li:last-child {
margin-right: 0;
}
.pagination li a {
width: 30px;
height: 30px;
font-weight: bold;
text-decoration: none;
color: #fff;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and ( max-width: 767px) {
.pagination li a {
color: #000;
background-color: #fff;
}
}
.pagination li a:hover {
background-color: #ff0000;
}
.pagination li.active a {
background-color: #ff0000;
}
/***** サミット *****/
.summit_ul li {
font-size: 16px;
}
.arr {
width: 6px;
height: 6px;
margin-right: 10px;
border-top: 1px solid;
border-right: 1px solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
vertical-align: middle;
}
.link_table tbody td a.institution-btn {
width: 5em;
padding: 3px 1em;
display: block;
margin: 0;
color: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-align: center;
font-weight: bold;
background-color: #000;
font-size: 13px;
text-decoration: none;
}
@media screen and ( max-width: 767px) {
.link_table tbody td a.institution-btn {
/*width: auto;*/
margin-top: 10px;
font-weight: normal;
color: #000;
background-color: #fff;
/*display: inline-block;*/
display: block;
}
}
.link_table tbody td a.institution-btn::after {
display: none;
}
.adress-wrap{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media screen and ( max-width: 767px) {
.adress-wrap{
display: block;
}
}