@charset "UTF-8"; html { color: #000; background: #FFF } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } fieldset, img { border: 0 } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: 400 } em, strong { font-style: normal; font-weight: bold; } ol, ul { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 } q:before, q:after { content: '' } abbr, acronym { border: 0; font-variant: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100% } input.nav-btn__btn{ padding: 15px 10px; } legend { color: #000 } #yui3-css-stamp.cssreset { display: none } button { display: block; font: inherit; margin: 0; padding: 0; border: none; overflow: visible; -webkit-appearance: none } main, sub { display: block } body { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Helvetica Neue", Arial, sans-serif; font-size: 100%; color: #333; line-height: 1.6; -webkit-text-size-adjust: none } @media only screen and (max-width: 640px) { body { font-size: 14px } } * html body { font-size: 100% } *:first-child+html body { font-size: 100% } a { color: #037ABC } a:link { text-decoration: none; color: #037ABC } a:visited { text-decoration: none; color: #037ABC } a:hover, a:focus, a:active { text-decoration: underline; color: #037ABC } .main__section a:link { text-decoration: underline; color: #037ABC } .main__section a:visited { text-decoration: underline; color: #037ABC } .main__section a:hover, .main__section a:focus, .main__section a:active { text-decoration: none; color: #037ABC } p { background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==) } img { vertical-align: top } @media only screen and (max-width: 640px) { img { max-width: 100% } } @media print { * html body { zoom: .7 } } .container { position: relative; width: 100%; /* overflow: hidden */ } .container--font-size-large { font-size: 114% } .header { position: relative; width: 100%; padding: 15px 0; background: #f6f6f6; border-bottom: 1px solid #e6e6e6; z-index: 20 } .header__inner { display: table } .header__inner__logo { display: table-cell; vertical-align: middle } .header__inner__content { display: table-cell; text-align: right } .header__btn-state li { display: inline-block; margin-left: 6px } .header__btn-state li a, .header__btn-state li a:link, .header__btn-state li a:visited, .header__btn-state li a:focus, .header__btn-state li a:active, .header__btn-state li a:hover { color: #5D5D5D; text-decoration: none } .header__btn-state li .btn { padding: 0 16px; background: #e8e8e8; border-radius: 16px; font-size: 88%; color: #5D5D5D; cursor: pointer } .header__btn-state li .btn:hover { background: #d8d8d8 } .header__txt-contact { margin-top: 6px; font-size: 88% } .header__txt-contact span { color: #364c9f; font-size: 114%; font-weight: 700 } .header__nav { display: flex; justify-content: right; flex-wrap: wrap; /* margin-top: 10px; */ font-size: 88%; } .header__nav ul { /* display: inline-block; */ display: flex; justify-content: right; margin-top: 10px; } .header__nav ul li { /* display: inline-block; */ display: flex; align-items: center; padding-left: 15px; /* line-height: 30px; */ /* vertical-align: middle */ } .header__nav ul li a { display: flex; align-items: center; color: #0373B1; } .header__nav form { display: inline-block; margin-top: 10px; margin-left: 15px; } .header__nav form input[type=text] { min-width: 138px; max-width: 180px; min-height: 28px; padding: 0 7px; border: 1px solid #d9d9d9; border-right: none; border-radius: 5px 0 0 5px; line-height: 28px; vertical-align: middle; -webkit-appearance: none } .header__nav form input[type=text]:-moz-placeholder, .header__nav form input[type=text]:-webkit-input-placeholder { color: #999 } .header__nav form input[type=submit] { min-width: 30px; min-height: 30px; background: #fff url(/assets/img/btn/search_01.png) no-repeat 50% 50%; text-indent: 100%; border: 1px solid #d9d9d9; border-radius: 0 5px 5px 0; line-height: 28px; vertical-align: middle; -webkit-appearance: none } .header__nav__btn { display: inline-block; margin-top: 10px; margin-left: 10px; background: #364c9f; border-radius: 5px; vertical-align: middle; color: #fff } .header__nav__btn a, .header__nav__btn a:link, .header__nav__btn a:visited, .header__nav__btn a:focus, .header__nav__btn a:active, .header__nav__btn a:hover { display: block; min-height: 30px; padding: 0 10px; color: #fff; line-height: 30px; vertical-align: middle; text-decoration: none } @media only screen and (max-width: 640px) { .header { padding: 0 } .header__inner { width: 100%!important; padding: 0 } .header__inner__logo { padding-left: 12px } .header__inner__logo img { /* width: 133px; height: 30px; */ width: 34.5vw; height: auto; } .header__inner__content ul li { display: inline-block; margin-left: 2px } .header__inner__content ul li img { /* width: 53px; height: 65px; */ width: 13.5vw; height: auto; } } .content { width: 1280px; margin: 0 auto; background: #fff } .content--top { width: 100%; min-width: 1280px } @media only screen and (max-width: 640px) { .content { width: auto } .content--top { min-width: initial } .menu-open .content { opacity: .3; filter: alpha(opacity=30) } } .main { float: right; width: 930px; margin-right: 40px } .main--full { float: none; width: 1200px; padding: 0 40px } .main__section { margin-top: 60px } .main__section--first { margin-top: 40px } .main__section--last { margin-bottom: 170px } .main__section--border-top { padding-top: 40px; border-top: 1px solid #d0d0d0 } .main__section .main__section { margin-top: 60px } .main__section .main__section--first { margin-top: 25px } .main__section .main__section--last { margin-bottom: 0 } @media only screen and (max-width: 640px) { .main { float: none; width: auto; margin-right: 0; padding: 0 20px } .main__section { margin-top: 30px } .main__section--first { margin-top: 20px } .main__section--last { margin-bottom: 60px } .main__section--border-top { padding-top: 20px; border-top: 1px solid #d0d0d0 } .main__section .main__section { margin-top: 20px } .main__section .main__section--first { margin-top: 10px } } .sub { float: left; width: 220px; margin-left: 40px } @media only screen and (max-width: 640px) { .sub { float: none; width: auto; margin-left: 0 } } .footer { position: relative; width: 100%; background: #f6f6f6; z-index: 10 } .footer__inner { position: relative; padding-top: 60px; padding-bottom: 70px } @media only screen and (min-width: 641px) { .footer .footer__inner { padding-right: 300px; width: 940px; } } #sitetop .footer__inner { padding-top: 30px; } .footer__link { margin-bottom: 40px } #sitetop .footer__link { margin-top: 20px; margin-bottom: 20px; } .footer__link li { display: inline-block; padding: 0 15px; border-left: 1px solid #037ABC; line-height: 1 } .footer__link li:first-child { padding-left: 0; border-left: none } .footer__link li a { color: #0373B1; } .footer__guide, .footer__copyright { color: #666 } .footer__figure { position: absolute; right: -100px; top: -110px } @media only screen and (max-width: 640px) { .footer { background: url(/assets/img/bg/footer_01.png) repeat-x 50% 0; background-size: 98px 6px; padding-top: 6px; overflow: hidden; Margin-top:-6px; } .footer__inner { padding: 35px 5vw 35px 5vw !important; background: #f6f6f6 } .footer__link { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ececec } .footer__link li { display: block; margin-bottom: 15px; padding: 0; border: none } .footer__guide { margin-bottom: 15px; font-size: 79%; } html[lang="en"] .footer__guide { padding-right: 30vw; } .footer__copyright { font-size: 79% } .footer__figure { top: 0; right: -12vw; bottom: auto } .footer__figure img { /* width: 193px; height: 171px */ width: 45vw; height: auto; } .menu-open .footer { opacity: .3; filter: alpha(opacity=30) } } .grd { width: 957px } .grd__col { float: left } .grd__col--2-1 { width: 455px; margin-right: 20px } .grd__col--3-1 { width: 292px; margin-right: 27px } .grd__col--3-1--over { width: 319px; margin-right: 0 } .grd__col--3-2 { width: 611px; margin-right: 27px } .grd__col--3-2--over { width: 638px; margin-right: 0 } .grd--full { width: 1220px } .grd--full .grd__col--2-1 { width: 590px } @media only screen and (max-width: 640px) { .grd { width: auto } .grd__col { float: none } .grd__col--2-1, .grd__col--3-1, .grd__col--3-2 { width: auto; margin-right: 0 } .grd--full { width: auto } .grd--full .grd__col--2-1 { width: auto } } .box-hero { position: relative; width: 100%; height: 250px } .box-hero__inner { position: absolute; top: 0; left: 50%; margin-left: -960px } @media only screen and (max-width: 640px) { .box-hero { height: auto } .box-hero__inner { position: static; margin-left: 0 } .box-hero__inner img { width: 100% } } .box-emphasis { margin-top: 20px; padding: 25px; border: 1px solid #d0d0d0; border-radius: 5px } .box-emphasis--last { padding: 26px; background: #ebedf5; border: none } .box-emphasis__hdg { color: #3c4298; font-size: 150%; font-weight: 700 } @media only screen and (max-width: 640px) { .box-emphasis { padding: 15px; border-radius: 5px } .box-emphasis--last { padding: 16px } .box-emphasis__hdg { font-size: 136% } } .hdg { position: relative } .hdg-2nd-index { padding-left: 20px; background: url(/assets/img/bg/hdg_index_01_pc.png) no-repeat 0 11px; color: #3c4298; font-size: 250%; font-weight: 700 } .hdg-2nd-index--link { float: left } .hdg-2nd-index__link { position: relative; top: 30px; float: left; margin-left: 40px } .hdg-2nd-index__link a { display: block; box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-2nd-index__link a { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-2nd-index__link--patient a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-2nd-index__link--patient a { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-2nd-index__link--medical a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-2nd-index__link--medical a { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-2nd-index__link--scholar a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-2nd-index__link--scholar a { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-2nd-index__link--contribution a, .hdg-2nd-index__link--recruitment a, .hdg-2nd-index__link--about a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-2nd-index__link--contribution a, .hdg-2nd-index__link--recruitment a, .hdg-2nd-index__link--about a { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } @media only screen and (max-width: 640px) { .hdg-2nd-index { padding-left: 13px; background: url(/assets/img/bg/hdg_index_01_sp.png) no-repeat 0 7px; background-size: 4px 24px; font-size: 172% } .hdg-2nd-index--link { float: none } .hdg-2nd-index__link { position: static; margin-top: 10px; margin-left: 0 } } .hdg-title { padding: 16px 20px; margin-bottom:15px; background: #ebedf5; border-radius: 5px; color: #3c4298; font-size: 188%; font-weight: 700; } .hdg-title--patient { background: #ffeab2 } .hdg-title--medical { background: #ffebf2 } .hdg-title--scholar { background: #dff8e9 } .hdg-title--contribution, .hdg-title--recruitment, .hdg-title--about { background: #daf1f9 } @media only screen and (max-width: 640px) { .hdg-title { position: relative; left: -20px; width: 100%; padding: 13px 20px; border-radius: 0; font-size: 136% } } .hdg-content { padding-bottom: 5px; border-bottom: 1px solid #4562ac; color: #3c4298; font-size: 150%; font-weight: 700 } .hdg-content__link { position: absolute; top: 50%; right: 0; margin-top: -.5em } .hdg-content__link a { display: block; box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-content__link a { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-content__link--patient a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-content__link--patient a { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-content__link--medical a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-content__link--medical a { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-content__link--scholar a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-content__link--scholar a { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .hdg-content__link--contribution a, .hdg-content__link--recruitment a, .hdg-content__link--about a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .hdg-content__link--contribution a, .hdg-content__link--recruitment a, .hdg-content__link--about a { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } @media only screen and (max-width: 640px) { .hdg-content { padding-bottom: 2px; font-size: 136% } .hdg-content__link { position: static; margin-top: 10px } } .hdg-doc { margin-top: 35px; color: #3c4298; font-size: 125%; font-weight: 700 } .hdg-doc--first { margin-top: 0 } @media only screen and (max-width: 640px) { .hdg-doc { margin-top: 15px; font-size: 136% } .hdg-doc--first { margin-top: 0 } } .txt-lead { margin-top: 15px; color: #3c4298 } @media only screen and (max-width: 640px) { .txt-lead { margin-top: 20px } } .txt-normal { margin-top: 15px; line-height: 1.6; /* 2017/2/17変更(1.9→1.6) */ } .txt-normal--first { margin-top: 0 } @media only screen and (max-width: 640px) { .txt-normal { margin-top: 20px } .txt-normal--first { margin-top: 0 } } .txt-lyt-img { margin-top: 15px } .txt-lyt-img__img { margin-bottom: 15px; text-align: center } .txt-lyt-img__img--right { max-width: 455px; float: right; margin-left: 20px } .txt-lyt-img__img--left { max-width: 455px; float: left; margin-right: 20px } .txt-lyt-img__img img { max-width: 100% } .txt-lyt-img__txt--no-float { overflow: hidden } @media only screen and (max-width: 640px) { .txt-lyt-img__img { width: auto; margin-bottom: 20px } .txt-lyt-img__img--left, .txt-lyt-img__img--right { max-width: none; float: none; margin-right: 0; margin-left: 0 } } .txt-em { font-weight: 700 } .txt-strong { font-weight: 700; color: #df2626 } .list-normal { margin-top: 15px; padding-left: 1.5em } .list-normal--first { margin-top: 0 } .list-normal li { margin-top: 5px } .list-normal .list-normal { margin-top: 0 } ul.list-normal li { list-style: disc } ol.list-normal li { list-style: decimal } .list-link { margin-top: 15px } .list-link--first { margin-top: 0 } .list-link li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-link li { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-link--patient li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-link--patient li { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-link--medical li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-link--medical li { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-link--scholar li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-link--scholar li { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-link--contribution li, .list-link--recruitment li, .list-link--about li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-link--contribution li, .list-link--recruitment li, .list-link--about li { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-link li { margin-top: 5px } @media only screen and (max-width: 640px) { .list-link { margin-top: 5px } } .list-info { margin-top: 15px } .list-info li { margin-top: 5px; padding: 5px 0 } .list-info__date { float: left; width: 95px; margin-right: 15px; vertical-align: top } .list-info__cat { float: left; position: relative; top: -2px; width: 160px; margin-right: 15px; font-size: 88%; background: #f0f0f0; border-radius: 5px; text-align: center; line-height: 2 } .list-info__cat--em { background: #ffd3d3 } .list-info__txt { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-info__txt { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-info--patient .list-info__txt { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-info--patient .list-info__txt { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-info--medical .list-info__txt { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-info--medical .list-info__txt { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-info--scholar .list-info__txt { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-info--scholar .list-info__txt { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-info--contribution .list-info__txt, .list-info--recruitment .list-info__txt, .list-info--about .list-info__txt { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .list-info--contribution .list-info__txt, .list-info--recruitment .list-info__txt, .list-info--about .list-info__txt { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .list-info__txt { float: left; width: 645px } .list-info__txt--no-date { width: 755px } @media only screen and (max-width: 640px) { .list-info { margin-top: 10px } .list-info__date { width: auto; margin-right: 10px } .list-info__cat { top: 2px; width: 94px; margin-right: 10px; font-size: 65% } .list-info__txt { clear: both; width: auto; margin-top: 5px } } .list-btn { margin-top: 10px } .list-btn li { margin-top: 20px } .list-btn li .list-btn__btn { background: #4562ac; border-radius: 5px; text-align: center; outline: none; color: #fff; width: 100% } .list-btn li .list-btn__btn a, .list-btn li .list-btn__btn a:link, .list-btn li .list-btn__btn a:visited, .list-btn li .list-btn__btn a:focus, .list-btn li .list-btn__btn a:active, .list-btn li .list-btn__btn a:hover { display: block; color: #fff; text-decoration: none } @media only screen and (max-width: 640px) { .list-btn li .list-btn__btn a { font-weight: 700 } } .list-btn li .list-btn__btn a { padding: 10px } .list-btn--col3 li { float: left; width: 292px; margin-right: 27px } .list-btn--col2 li { float: left; width: 455px; margin-right: 20px } @media only screen and (max-width: 640px) { .list-btn { margin-top: 5px } .list-btn li { margin-top: 10px } .list-btn--col3 li, .list-btn--col2 li { width: 48.2%; margin-right: 3.6% } .list-btn--col3 li:nth-child(even), .list-btn--col2 li:nth-child(even) { margin-right: 0 } } /* item.cssとバッティングのため無効化します .list-question { margin-top: 10px } .list-question li { margin-top: 20px } .list-question a { display: block; padding-left: 2em } .list-question--patient a { background: url(/assets/img/ico/question_01_orange_pc.png) no-repeat 0 0 } @media only screen and (max-width: 640px) { .list-question { margin-top: 5px } .list-question li { margin-top: 10px } .list-question a { padding-left: 1.5em } .list-question--patient a { background: url(/assets/img/ico/question_01_orange_sp.png) no-repeat 0 .2em; background-size: 15px 15px } } */ .nav-global { position: relative; background: #fff; border-bottom: 3px solid #e6e6e6; z-index: 30 } .nav-global__list--main { display: flex; float: left; vertical-align: bottom } .nav-global__list--main li { border-right: 1px solid #e6e6e6; vertical-align: bottom; cursor: pointer } .nav-global__list--main li:first-child { border-left: 1px solid #e6e6e6 } .nav-global__list--main li a { display: block; } .nav-global__list--sub { float: left; border-right: 1px solid #e6e6e6 } .nav-global__list--sub li { border-top: 1px solid #e6e6e6; font-size: 10px; } .nav-global__list--sub li:first-child { border-top: none } .nav-global__list--sub a { display: block; } .nav-global__dropdown { display: none; position: absolute; top: 137px; left: 40px; width: 1100px; min-height: 174px; padding: 35px 50px; background-color: #fff; border-radius: 0 0 5px 5px; } @media only screen and (min-width: 1201px) { .nav-global__dropdown { left: calc((100% - 1200px) / 2); } } .nav-global__dropdown--patient { background: #fff url(/assets/img/bg/nav-global_dropdown_patient.png) no-repeat 100% bottom; background-size: contain; } .nav-global__dropdown--medical { background: #fff url(/assets/img/bg/nav-global_dropdown_medical.png) no-repeat 100% bottom; background-size: contain; } .nav-global__dropdown--scholar { background: #fff url(/assets/img/bg/nav-global_dropdown_scholar.png) no-repeat 100% bottom; background-size: contain; } .nav-global__dropdown--contribution { background: #fff url(/assets/img/bg/nav-global_dropdown_contribution.png) no-repeat 100% bottom; background-size: contain; } .nav-global__dropdown--recruitment { background: #fff url(/assets/img/bg/nav-global_dropdown_recruitment.png) no-repeat 100% bottom; background-size: contain; } .nav-global__dropdown--about { background: #fff url(/assets/img/bg/nav-global_dropdown_about.png) no-repeat 100% bottom; background-size: contain; } .nav-global__dropdown__title { padding-bottom: 12px; border-bottom: 1px solid #d0d0d0 } .nav-global__dropdown__title a { padding-left: 18px; color: #364c9f; font-size: 163%; font-weight: 700 } .nav-global__dropdown__title--patient a { background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 50% } .nav-global__dropdown__title--medical a { background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 50% } .nav-global__dropdown__title--scholar a { background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 50% } .nav-global__dropdown__title--contribution a, .nav-global__dropdown__title--recruitment a, .nav-global__dropdown__title--about a { background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 50% } .nav-global__dropdown__list li { float: left; width: 365px; margin-top: 15px; } .nav-global__dropdown .nav-global__dropdown__list li { border: 0; } .nav-global__dropdown__list li a { padding-left: 18px; color: #364c9f } .nav-global__dropdown__list--patient a { background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 50% } .nav-global__dropdown__list--medical a { background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 50% } .nav-global__dropdown__list--scholar a { background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 50% } .nav-global__dropdown__list--contribution a, .nav-global__dropdown__list--recruitment a, .nav-global__dropdown__list--about a { background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 50% } @media only screen and (max-width: 640px) { .nav-global { border-bottom: 1px solid #e6e6e6 } .nav-global__inner { position: relative } .nav-global__list { display: table; border-bottom: 1px solid #e6e6e6 } .nav-global__list li { display: table-cell; width: 33.3%; border-left: 1px solid #e6e6e6 } .nav-global__list li:first-child { border-left: none } .nav-global__list li img { width: 100% } .nav-global__menu { display: none; position: absolute; top: -1px; left: 0; width: 100%; background: #fff; border-top: 5px solid #364c9f; border-bottom: 5px solid #364c9f } .nav-global__dropdown { display: none } } .nav-local { padding-bottom: 70px } .nav-local__list a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; color: #364c9f; } @media only screen and (max-width: 640px) { .nav-local__list a { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-local__list a:hover, .nav-local__list a:active { text-decoration: none; opacity: .8; filter: alpha(opacity=80) } .nav-local__list li.is-open>a { background-image: url(/assets/img/ico/arrow_03_blue_down_pc.png) } /* .nav-local__list--patient a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-local__list--patient a { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-local__list--patient li.is-open>a { background-image: url(/assets/img/ico/arrow_03_orange_down_pc.png) } .nav-local__list--medical a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-local__list--medical a { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-local__list--medical li.is-open>a { background-image: url(/assets/img/ico/arrow_03_pink_down_pc.png) } .nav-local__list--scholar a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-local__list--scholar a { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-local__list--scholar li.is-open>a { background-image: url(/assets/img/ico/arrow_03_green_down_pc.png) } .nav-local__list--contribution a, .nav-local__list--recruitment a, .nav-local__list--about a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-local__list--contribution a, .nav-local__list--recruitment a, .nav-local__list--about a { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-local__list--contribution li.is-open>a, .nav-local__list--recruitment li.is-open>a, .nav-local__list--about li.is-open>a { background-image: url(/assets/img/ico/arrow_03_light-blue_down_pc.png) } */ .nav-local__list ul ul ul li.is-open>a { background: transparent; } .nav-local__list li { padding-top: 20px; padding-bottom: 20px; border-bottom: solid 1px #d0d0d0 } .nav-local__list li.is-open { padding-bottom: 0 } .nav-local__list li.is-open>a { margin-bottom: 20px } .nav-local__list li li { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-top: dashed 1px #d0d0d0; border-bottom: none } .nav-local__list li li.is-open>a { margin-bottom: 10px } .nav-local__list li li li { padding-top: 0; padding-left: 30px; border: none } .nav-local__list li li li a { padding-left: 0; background-image: none } .nav-local__list li a { display: block } .nav-local__list li a:hover { text-decoration: underline; } .nav-local__list li a.is-stay { color: #3c4298; font-weight: 700 } .nav-local__bnr { margin-top: 20px; /* overflow: hidden */ } .nav-local__bnr--first { margin-top: 40px } .nav-local__bnr--border img { box-sizing: border-box; border: 1px solid #d0d0d0; border-bottom: none } .nav-local__bnr__img img { width: 100%; border-radius: 5px 5px 0 0 } .nav-local__bnr__txt { padding: 12px 12px 12px 30px; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 12px 1.1em; background-color: #364c9f; color: #364c9f !important; border-radius: 0 0 5px 5px } .nav-local__bnr__txt--patient { background-color: #ffe08b } .nav-local__bnr__txt--medical { background-color: #ffd9e7; } .nav-local__bnr__txt--scholar { background-color: #bdf1d1 } .nav-local__bnr__txt--contribution, .nav-local__bnr__txt--recruitment, .nav-local__bnr__txt--about { background-color: #47b7e2 } .nav-local__bnr a, .nav-local__bnr a:link, .nav-local__bnr a:visited, .nav-local__bnr a:focus, .nav-local__bnr a:active { display: block; color: #fff; text-decoration: none; } .nav-local__accordion { display: none } @media only screen and (max-width: 640px) { .nav-local { padding-bottom: 35px } .nav-local__list { font-size: 122% } .nav-local__list li { margin-top: 1px; padding-top: 0; padding-bottom: 0; padding-left: 0; background: #e6e6e6 url(/assets/img/ico/arrow_01_blue_right_sp.png) no-repeat 90% 50%; background-size: 15px 15px; border-bottom: none } .nav-local__list li a, .nav-local__list li a:link, .nav-local__list li a:visited, .nav-local__list li a:focus, .nav-local__list li a:active { display: block; padding: 14px 55px 14px 19px; color: #333; background-image: none } .nav-local__list li.nav-local__list__item--title { background: #364c9f url(/assets/img/ico/arrow_01_white_right.png) no-repeat 90% 50%; background-size: 15px 15px } .nav-local__list li.nav-local__list__item--title a, .nav-local__list li.nav-local__list__item--title a:link, .nav-local__list li.nav-local__list__item--title a:visited, .nav-local__list li.nav-local__list__item--title a:focus, .nav-local__list li.nav-local__list__item--title a:active { color: #fff } .nav-local__list li.nav-local__list__item--guide { background: #a2a2a2 url(/assets/img/ico/arrow_01_black_right.png) no-repeat 90% 50%; background-size: 15px 15px } .nav-local__list li.nav-local__list__item--guide a, .nav-local__list li.nav-local__list__item--guide a:link, .nav-local__list li.nav-local__list__item--guide a:visited, .nav-local__list li.nav-local__list__item--guide a:focus, .nav-local__list li.nav-local__list__item--guide a:active { color: #333; } .nav-local__list--patient li { background: #ffe08b } .nav-local__list--medical li { background: #ffd9e7 } .nav-local__list--scholar li { background: #bdf1d1 } .nav-local__list--contribution li, .nav-local__list--recruitment li, .nav-local__list--about li { background: #ceecf7 } .nav-local__accordion { display: block; margin-bottom: 1px } .nav-local__accordion__title { padding: 17px 55px 17px 19px; color: #364c9f; background: url(/assets/img/ico/arrow_01_blue_down_sp.png) no-repeat 90% 50%; background-size: 15px 15px; font-size: 129%; font-weight: 700; line-height: 35px; vertical-align: middle } .nav-local__accordion__title.is-on { background-image: url(/assets/img/ico/arrow_01_blue_up_sp.png); background-size: 15px 15px } .nav-local__accordion__title .icon img { width: 35px; height: 35px; margin-right: 10px } .nav-local__accordion__title--fix { background-image: none } .nav-local__accordion__title--patient { background-color: #ffce4b; } .nav-local__accordion__title--medical { background-color: #ffb3ce; } .nav-local__accordion__title--scholar { background-color: #7fdfa3 } .nav-local__accordion__title--contribution, .nav-local__accordion__title--recruitment, .nav-local__accordion__title--about { background-color: #90d3ed; } .nav-local__accordion .nav-local__list { display: none } .nav-local__accordion .nav-local__list--fix { display: block } .nav-local__bnr { margin-top: 20px; margin-right: 20px; margin-left: 20px } .nav-local__bnr--first { margin-top: 35px } .nav-local__bnr__img img { border-radius: 10px 10px 0 0 } .nav-local__bnr__txt { padding: 14px; background: none; background-color: #364c9f; border-radius: 0 0 10px 10px; font-size: 136%; font-weight: 700 } .nav-local__bnr__txt--patient { background-color: #ffba00 } .nav-local__bnr__txt--medical { background-color: #ff669d } .nav-local__bnr__txt--scholar { background-color: #bdf1d1; } .nav-local__bnr__txt--contribution, .nav-local__bnr__txt--recruitment, .nav-local__bnr__txt--about { background-color: #47b7e2 } } .nav-local__search{ background-color: #f6f6f6; padding: 10px 15px; } .nav-local__search form { display: block; } .nav-local__search form input[type=text] { font-size: 120%; width: 60%; height: 36px; padding: 0 7px; border: 1px solid #d9d9d9; border-right: none; border-radius: 5px 0 0 5px; line-height: 36px; vertical-align: middle; -webkit-appearance: none } .nav-local__search form input[type=text]:-moz-placeholder, .nav-local__search form input[type=text]:-webkit-input-placeholder { color: #999 } .nav-local__search form input[type=submit] { width: 38px; height: 38px; background: #fff url(/assets/img/btn/search_01.png) no-repeat 50% 50%; text-indent: 100%; border: 1px solid #d9d9d9; border-radius: 0 5px 5px 0; vertical-align: middle; -webkit-appearance: none } .breadcrumb { margin-top: 15px; color: #666; font-size: 88% } .breadcrumb li { display: inline } .breadcrumb li:before { content: '>'; padding: 0 1em } .breadcrumb li:first-child:before { content: none } @media only screen and (max-width: 640px) { .breadcrumb { position: relative; left: -20px; width: 100%; margin: 0; padding: 10px 20px; background: #f6f6f6; font-size: 79% } } .nav-index-img { margin-top: 50px } .nav-index-img--first { margin-top: 30px } .nav-index-img__img { float: left; width: 292px; margin-right: 22px; border-radius: 5px; overflow: hidden } .nav-index-img__img img { width: 100% } .nav-index-img__detail { float: left; width: 616px } .nav-index-img__hdg { font-size: 125%; font-weight: 700; box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-img__hdg { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__hdg--patient { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-img__hdg--patient { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__hdg--medical { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-img__hdg--medical { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__hdg--scholar { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-img__hdg--scholar { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__hdg--contribution, .nav-index-img__hdg--recruitment, .nav-index-img__hdg--about { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-img__hdg--contribution, .nav-index-img__hdg--recruitment, .nav-index-img__hdg--about { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__txt { margin-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0 } .nav-index-img__txt--first { margin-top: 0 } .nav-index-img__list li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; margin-top: 10px } @media only screen and (max-width: 640px) { .nav-index-img__list li { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__list--col2 li { box-sizing: border-box; float: left; width: 50%; padding-right: 20px } .nav-index-img__list--patient li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-index-img__list--patient li { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__list--medical li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-index-img__list--medical li { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__list--scholar li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-index-img__list--scholar li { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-img__list--contribution li, .nav-index-img__list--recruitment li, .nav-index-img__list--about li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .nav-index-img__list--contribution li, .nav-index-img__list--recruitment li, .nav-index-img__list--about li { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } @media only screen and (max-width: 640px) { .nav-index-img { margin-top: 25px } .nav-index-img__img { float: none; width: auto; margin-right: 0; border-radius: 10px } .nav-index-img__detail { float: none; width: auto; margin-top: 20px } .nav-index-img__hdg { font-size: 136%; background-position-y: .5em } .nav-index-img__txt { margin-top: 15px } .nav-index-img__txt--no-list { padding-bottom: 0; border-bottom: none } .nav-index-img__list--col2 li { float: none; width: auto; padding-right: 0 } } .nav-index-txt { margin-top: 20px } .nav-index-txt__link { font-size: 125%; font-weight: 700; box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-txt__link { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-txt__link--patient { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-txt__link--patient { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-txt__link--medical { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-txt__link--medical { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-txt__link--scholar { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-txt__link--scholar { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-txt__link--contribution, .nav-index-txt__link--recruitment, .nav-index-txt__link--about { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-index-txt__link--contribution, .nav-index-txt__link--recruitment, .nav-index-txt__link--about { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-index-txt__txt { margin-top: 5px } @media only screen and (max-width: 640px) { .nav-index-txt { margin-top: 15px } __link { font-size: 136%; background-position-y: .5em } __txt { margin-top: 5px } } .nav-txt { margin-top: 15px } .nav-txt a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; /* background-position-y: .15em */ } @media only screen and (max-width: 640px) { .nav-txt a { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-txt--center { text-align: center } .nav-txt--right { text-align: right } .nav-txt--patient a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; /* background-position-y: .15em */ } @media only screen and (max-width: 640px) { .nav-txt--patient a { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-txt--medical a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; /* background-position-y: .15em */ } @media only screen and (max-width: 640px) { .nav-txt--medical a { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-txt--scholar a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; /* background-position-y: .15em */ } @media only screen and (max-width: 640px) { .nav-txt--scholar a { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-txt--contribution a, .nav-txt--recruitment a, .nav-txt--about a { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_light-blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; /* background-position-y: .15em */ } @media only screen and (max-width: 640px) { .nav-txt--contribution a, .nav-txt--recruitment a, .nav-txt--about a { background: url(/assets/img/ico/arrow_03_light-blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .nav-txt--large { font-size: 125%; font-weight: 700 } .nav-txt--large a { background-position-y: .5em } @media only screen and (max-width: 640px) { .nav-txt a { background-position-y: .15em } .nav-txt--patient a { background-position-y: .15em } .nav-txt--medical a { background-position-y: .15em } .nav-txt--scholar a { background-position-y: .15em } .nav-txt--contribution a, .nav-txt--recruitment a, .nav-txt--about a { background-position-y: .15em } .nav-txt--large { font-size: 100% } .nav-txt--large a { background-position-y: .5em } } .nav-btn { box-sizing: border-box; margin-top: 15px } .nav-btn--center { text-align: center } .nav-btn__btn { background: #4562ac; border-radius: 5px; text-align: center; color: #fff; box-sizing: border-box; display: inline-block; width: 380px; } .nav-btn__btn a, .nav-btn__btn a:link, .nav-btn__btn a:visited, .nav-btn__btn a:focus, .nav-btn__btn a:active, .nav-btn__btn a:hover { display: block; color: #fff; text-decoration: none; padding: 15px 10px } @media only screen and (max-width: 640px) { .nav-btn__btn a { font-weight: 700 } } @media only screen and (max-width: 640px) { .nav-btn__btn { width: 100%; padding: 5px } } .pager { margin-top: 30px } .pager__list { text-align: center } .pager__list li { display: inline } .pager__list li .pager__list__btn { display: inline-block; background: #4562ac; border-radius: 5px; text-align: center; outline: none; color: #fff } .pager__list li .pager__list__btn a, .pager__list li .pager__list__btn a:link, .pager__list li .pager__list__btn a:visited, .pager__list li .pager__list__btn a:focus, .pager__list li .pager__list__btn a:active, .pager__list li .pager__list__btn a:hover { display: block; color: #fff; text-decoration: none } @media only screen and (max-width: 640px) { .pager__list li .pager__list__btn a { font-weight: 700 } } .pager__list li .pager__list__btn a { padding: 0 20px } .pager__list li.is-on .pager__list__btn { padding: 0 20px; background: #f0f0f0; color: #3c4298 } @media only screen and (max-width: 640px) { .pager { margin-top: 20px; font-size: 72% } .pager__list li .pager__list__btn a { padding: 10px 8px } .pager__list li.is-on .pager__list__btn { padding: 10px 8px } } .tbl { width: 100%; margin-top: 15px; border-collapse: collapse } .tbl__col--4-1 { width: 25% } .tbl__col--4-3 { width: 75% } .tbl__col--3-1 { width: 33.3% } .tbl__col--3-1:first-child { width: 33.4% } .tbl__col--3-2 { width: 66.6% } .tbl__col--3-2:first-child { width: 66.7% } .tbl__col--2-1 { width: 50% } .tbl thead th { background: #999; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; color: #fff; text-align: center } /*.tbl thead th:first-child{border-left:none}*/ .tbl tbody th { background: #eee } .tbl tbody th, .tbl tbody td { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0 } /*.tbl tbody th:first-child,.tbl tbody td:first-child{border-left:none}*/ .tbl th, .tbl td { padding: 12px 20px } @media only screen and (max-width: 640px) { .tbl th, .tbl td { padding: 6px 10px } } .visual-slider-pc { width: 1280px; margin: 0 auto } .visual-slider-pc__inner { width: 1920px; margin-left: -320px; overflow: hidden } .visual-slider-pc__slider { width: 7200px; margin-left: -840px } .visual-slider-pc__slider__item { float: left } .visual-slider-sp { display: none } @media only screen and (max-width: 640px) { .visual-slider-pc { display: none } .visual-slider-sp { display: block } .visual-slider-sp__slider { position: relative } .visual-slider-sp__slider__item { position: absolute; top: 0; width: 100%; opacity: .0; filter: alpha(opacity=0) } .visual-slider-sp__slider__item img { width: 100% } .visual-slider-sp__slider__item:first-child { position: relative; opacity: 1; filter: alpha(opacity=100) } } .top-attention { width: 100%; padding: 15px 0 23px; background: url(/assets/img/bg/top_attension_01_pc.png) repeat-x 50% 100% } .top-attention__inner { display: table } .top-attention__inner__hdg--pc { display: table-cell; width: 140px; padding-left: 22px; background: url(/assets/img/ico/attention_01_pc.png) no-repeat 0 50%; color: #df2626; vertical-align: middle } .top-attention__inner__list { display: table-cell; vertical-align: middle } .top-attention__inner__list li time { margin-right: 15px } .top-attention__inner__list li a { text-decoration: underline; } .top-attention__inner__list li a:hover { text-decoration: none; } @media only screen and (max-width: 640px) { .top-attention { padding: 0 0 6px; background: url(/assets/img/bg/top_attension_01_sp.png) repeat-x 0 100%; background-size: 98px 6px } .top-attention__inner { padding: 15px!important } .top-attention__inner__ico { display: table-cell!important; width: 35px; vertical-align: middle } .top-attention__inner__ico img { width: 25px; height: 23px } .top-attention__inner__list li time { display: block } } .top-section { padding-bottom: 80px } .top-section--pickup, .top-section--major-initiative { background: #0d9ebd } .top-section--news { background: #ffd200 } .top-section__hdg { padding-top: 65px; text-align: center } .top-section__hdg img { width: 424px } @media only screen and (max-width: 640px) { .top-section { padding-bottom: 40px } .top-section__hdg { padding-top: 30px } .top-section__hdg img { width: 240px } } .top-pickup { margin-top: 40px } .top-pickup__col { float: left; width: 392px; margin-left: 12px } .top-pickup__col:first-child { margin-left: 0 } .top-pickup__col a, .top-pickup__col a:link, .top-pickup__col a:visited, .top-pickup__col a:focus, .top-pickup__col a:active, .top-pickup__col a:hover { display: block; color: #555; } .top-pickup__col__pic { margin-bottom: 15px; border-radius: 5px; overflow: hidden; background: #fff } .top-pickup__col__pic img { width: 100% } .top-pickup__col a:hover .top-pickup__col__pic img, .top-pickup__col a:active .top-pickup__col__pic img { opacity: .8; filter: alpha(opacity=80) } @media only screen and (max-width: 640px) { .top-pickup { margin-top: 25px; width: 100%; } .top-pickup__inner { padding: 0 5vw; } .top-pickup__col { float: none; margin-left: 0; width: 100%; } .top-pickup__col:not(:last-child) { margin-bottom: 5vw; } .top-pickup__col__pic { border-radius: 10px } .top-pickup__col a:hover .top-pickup__col__pic img, .top-pickup__col a:active .top-pickup__col__pic img { opacity: 1; filter: alpha(opacity=100) } } .top-news { margin-top: 45px } .top-news__tab-nav ul li { float: left; width: 594px; margin-left: 12px; background: #fff; border-radius: 5px 5px 0 0; color: #fff; font-size: 125%; text-align: center; cursor: pointer; } .top-news__tab-nav ul li:first-child { margin-left: 0 } .top-news__tab-nav ul li.is-on .top-news__tab-nav__item { background: #fff; color: #364c9f } .top-news__tab-nav ul li.is-on .top-news__tab-nav__item:hover { opacity: 1.0; filter: alpha(opacity=100) } .top-news__tab-nav__item { display: block; background: #364c9f; padding: 20px 0; text-decoration: none !important; } .top-news__tab-nav .top-news__tab-nav__item { color: #fff; } .top-news__tab-nav__item:hover { text-decoration: none; } .top-news__tab-content { padding: 25px 40px; background: #fff; border-radius: 0 0 5px 5px } .top-news__tab-content__inner { display: none } .top-news__tab-content__inner.is-on { display: block } .top-news__list li { width: 1120px; padding: 20px 0 15px; vertical-align: top; background: url(/assets/img/bg/border_dotted_01_pc.png) repeat-x 0 0 } .top-news__list li:first-child { background: none } .top-news__list__date { float: left; width: 105px; margin-right: 15px; vertical-align: top } .top-news__list__cat { float: left; position: relative; top: -2px; width: 195px; margin-right: 15px; font-size: 88%; background-color: #f0f0f0; background-position: 10px 50%; background-repeat: no-repeat; border-radius: 2px; text-align: center; line-height: 2 } .top-news__list__cat--advanced { color: #fff; background: #4cbeed } .top-news__list__cat--clinical-trial { color: #fff; background: #4cbbbc } .top-news__list__cat--cooperation { color: #fff; background: #4cb765 } .top-news__list__cat--press { color: #fff; background: #bbd84c } .top-news__list__cat--update { color: #fff; background: #fdbc4d } .top-news__list__cat--event { color: #fff; background: #f67071 } .top-news__list__cat--report { color: #fff; background: #f570a1 } .top-news__list__cat--training { color: #fff; background: #f88dc7 } .top-news__list__cat--colloquium { color: #fff; background: #70afd5 } .top-news__list__cat--recruitment { color: #fff; background: #7076b5 } .top-news__list__cat--publish { color: #fff; background: #70afd5 } .top-news__list__cat--hospital { color: #364c9f; background-image: url(/assets/img/ico/news_hospital_pc.png) } .top-news__list__cat--research { color: #364c9f; background-image: url(/assets/img/ico/news_research_pc.png) } .top-news__list__cat--clinical { width: 180px; padding-left: 15px; color: #364c9f; background-image: url(/assets/img/ico/news_clinical_pc.png) } .top-news__list__txt { float: left; width: 790px } .top-news__link { margin-top: 30px; text-align: center } .top-news__link a, .top-news__link a:link, .top-news__link a:visited, .top-news__link a:focus, .top-news__link a:active, .top-news__link a:hover { color: #364c9f; font-size: 163%; line-height: 28px; vertical-align: middle } .top-news__link img { width: 28px; height: 28px; margin-left: 12px; vertical-align: middle; } @media only screen and (max-width: 640px) { .top-news { margin-top: 25px; padding: 0 5vw; } .top-news .historical_territory { margin-top: 0; } .top-news__tab-nav ul li { width: 49%; margin-left: 2%; border-radius: 10px 10px 0 0; font-size: 93%; overflow: hidden } .top-news__tab-nav__item { padding: 4px 0 } .top-news__tab-nav__item--l1 { line-height: 3.2em } .top-news__tab-content { padding: 0 5vw 15px; border-radius: 0 0 10px 10px } .top-news__list li { width: auto; padding: 16px 0 12px; background: url(/assets/img/bg/border_dotted_01_sp.png) repeat-x 0 0; background-size: 66px 4px } .top-news__list__date { width: auto; margin-right: 10px } .top-news__list__cat { top: 2px; width: auto; margin-right: 10px; padding: 0 10px; background-position: 5px 50%; background-size: 8px 8px; background-repeat: no-repeat; font-size: 65% } .top-news__list__cat--hospital { padding-left: 20px; background-image: url(/assets/img/ico/news_hospital_sp.png) } .top-news__list__cat--research { padding-left: 20px; background-image: url(/assets/img/ico/news_hospital_sp.png) } .top-news__list__cat--clinical { padding-left: 20px; background-image: url(/assets/img/ico/news_clinical_sp.png) } .top-news__list__txt { clear: both; width: auto } .top-news__link { margin-top: 15px } .top-news__link a, .top-news__link a:link, .top-news__link a:visited, .top-news__link a:focus, .top-news__link a:active, .top-news__link a:hover { font-size: 136%; line-height: 27px; vertical-align: middle } .top-news__link img { width: 27px; height: 27px; margin-left: 9px } } .top-major-initiatives { margin-top: 35px } .top-major-initiatives ul { width: 1212px } .top-major-initiatives li { float: left; width: 392px; margin-top: 12px; margin-right: 12px; border-radius: 5px; /*overflow: hidden;*/ background: #fff } .top-major-initiatives__item--yellow { background: #ffde00 } .top-major-initiatives__item--yellow .top-major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_orange_pc.png) no-repeat 100% 50%; padding-right: 1.5em; } .top-major-initiatives__item--yellow .top-major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_yellow_pc.png) repeat-x 0 0 } .top-major-initiatives__item--green { background: #91d62d } .top-major-initiatives__item--green .top-major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_light-blue_pc.png) no-repeat 100% 50%; padding-right: 1.5em; } .top-major-initiatives__item--green .top-major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_green_pc.png) repeat-x 0 0 } .top-major-initiatives__item--light-blue { background: #67d5f8 } .top-major-initiatives__item--light-blue .top-major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_pink_pc.png) no-repeat 100% 50%; padding-right: 1.5em; } .top-major-initiatives__item--light-blue .top-major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_light-blue_pc.png) repeat-x 0 0 } .top-major-initiatives__item--orange { background: #ff8d41 } .top-major-initiatives__item--orange .top-major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_green_pc.png) no-repeat 100% 50%; padding-right: 1.5em; } .top-major-initiatives__item--orange .top-major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_orange_pc.png) repeat-x 0 0 } .top-major-initiatives__item--white { background: #fff } .top-major-initiatives__item--white .top-major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_red_pc.png) no-repeat 100% 50%; padding-right: 1.5em; } .top-major-initiatives__item--white .top-major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_white_pc.png) repeat-x 0 0 } .top-major-initiatives__item a, .top-major-initiatives__item a:link, .top-major-initiatives__item a:visited, .top-major-initiatives__item a:focus, .top-major-initiatives__item a:active, .top-major-initiatives__item a:hover { display: block; color: #222; text-decoration: none } .top-major-initiatives__item__img { background: #fff } .top-major-initiatives__item__img img { width: 100% } .top-major-initiatives__item__inner { padding: 20px } .top-major-initiatives__item__hdg { font-size: 150% } .top-major-initiatives__item__txt { margin-top: 15px; padding-top: 20px } @media only screen and (max-width: 640px) { .top-major-initiatives { padding: 0 5vw; } .top-major-initiatives ul { width: auto } .top-major-initiatives li { float: none; width: 100%; margin-top: 15px; margin-right: 0 } .top-major-initiatives__item--yellow .major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_orange_sp.png) no-repeat 100% 50%; background-size: 27px 27px } .top-major-initiatives__item--yellow .major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_yellow_sp.png) repeat-x 0 0; background-size: 47px 4px } .top-major-initiatives__item--green .major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_light-blue_sp.png) no-repeat 100% 50%; background-size: 27px 27px } .top-major-initiatives__item--green .major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_green_sp.png) repeat-x 0 0; background-size: 47px 4px } .top-major-initiatives__item--light-blue .major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_pink_sp.png) no-repeat 100% 50%; background-size: 27px 27px } .top-major-initiatives__item--light-blue .major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_light-blue_sp.png) repeat-x 0 0; background-size: 47px 4px } .top-major-initiatives__item--orange .major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_green_sp.png) no-repeat 100% 50%; background-size: 27px 27px } .top-major-initiatives__item--orange .major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_orange_sp.png) repeat-x 0 0; background-size: 47px 4px } .top-major-initiatives__item--white .major-initiatives__item__hdg { background: url(/assets/img/ico/arrow_02_red_sp.png) no-repeat 100% 50%; background-size: 27px 27px } .top-major-initiatives__item--white .major-initiatives__item__txt { background: url(/assets/img/bg/border_dotted_02_white_sp.png) repeat-x 0 0; background-size: 47px 4px } .top-major-initiatives__item__inner { padding: 5vw; } .top-major-initiatives__item__hdg { font-size: 136% } .top-major-initiatives__item__txt { margin-top: 15px; padding-top: 20px } } .contact { margin-top: 20px; border: 1px solid #d0d0d0; border-radius: 5px; padding: 29px } .contact--first { margin-top: 30px } .contact__txt { color: #3c4298; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; padding-bottom: 15px } .contact__txt--no-border { border: none; margin-bottom: 0; padding-bottom: 0 } .contact__txt__hdg { font-size: 150%; font-weight: 700 } .contact__txt__txt { margin-top: 10px } .contact__txt__link { margin-top: 10px } .contact__txt__link--patient li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .contact__txt__link--patient li { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .contact__txt__link--medical li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .contact__txt__link--medical li { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .contact__txt__link--col2 li { float: left; width: 50% } .contact__detail { text-align: center } .contact__detail__notice { margin-bottom: 10px } .contact__detail__notice--medical { color: #ff669d } .contact__detail__hdg { font-size: 125%; font-weight: 700 } .contact__detail__hdg--patient { color: #f3a600 } .contact__detail__hdg--medical { color: #ff669d } .contact__detail__hdg img { width: 18px; height: 18px; padding-top: 8px } .contact__detail__phone-num { font-size: 225%; font-weight: 700 } .contact__detail__phone-num--patient { color: #f3a600 } .contact__detail__phone-num--medical { color: #ff669d } .contact__detail__txt { font-size: 88% } @media only screen and (max-width: 640px) { .contact { margin-top: 15px; padding: 15px; border-radius: 10px } .contact--first { margin-top: 15px } .contact__txt__hdg { font-size: 119% } .contact__txt__txt { font-size: 88% } .contact__txt__link--col2 li { float: none; width: 100% } .contact__detail__hdg { font-size: 88%; text-align: center } .contact__detail__hdg img { width: 14px; height: 14px; padding-top: 3px } .contact__detail__phone-num { font-size: 172%; text-align: center } .contact__detail__txt { font-size: 72%; text-align: center } .contact__detail__notice { font-size: 86% } } .contact-bg { margin-top: 20px; padding: 30px; border-radius: 5px; background: #f1f1f1; text-align: center } .contact-bg--first { margin-top: 30px } .contact-bg--patient { background: #fff1cc } .contact-bg--medical { background: #ffebf2 } .contact-bg--scholar { background: #dff8e9 } .contact-bg__description { margin-bottom: 10px; font-size: 100% } .contact-bg--border { padding: 29px; background: transparent; border: 1px solid #364c9f } .contact-bg__hdg { color: #364c9f; font-size: 125%; font-weight: 700 } .contact-bg__hdg img { width: 18px; height: 18px; padding-top: 8px } .contact-bg__phone-num { color: #364c9f; font-size: 225%; font-weight: 700 } .contact-bg__txt { font-size: 88% } @media only screen and (max-width: 640px) { .contact-bg { margin-top: 15px; padding: 16px; border-radius: 10px } .contact-bg--first { margin-top: 15px } .contact-bg__description { margin-bottom: 10px; font-size: 100%; text-align: left } .contact-bg__hdg { font-size: 100% } .contact-bg__hdg img { width: 14px; height: 14px; padding-top: 3px } .contact-bg__phone-num { font-size: 172% } .contact-bg__txt { font-size: 72% } } .contact-cat { margin-top: 30px; padding: 29px; border: 1px solid #4562ac; border-radius: 5px } .contact-cat__txt { float: left; width: 500px; margin-right: 25px; padding-top: 5px; padding-right: 34px; border-right: 1px solid #4562ac; color: #3c4298 } .contact-cat__txt__hdg { font-size: 150%; font-weight: 700 } .contact-cat__txt__txt { margin-top: 10px } .contact-cat__txt__btn { background: #4562ac; border-radius: 5px; text-align: center; outline: none; color: #fff; width: 305px; margin-top: 10px } .contact-cat__txt__btn a, .contact-cat__txt__btn a:link, .contact-cat__txt__btn a:visited, .contact-cat__txt__btn a:focus, .contact-cat__txt__btn a:active, .contact-cat__txt__btn a:hover { display: block; color: #fff; text-decoration: none } @media only screen and (max-width: 640px) { .contact-cat__txt__btn a { font-weight: 700 } } .contact-cat__txt__btn a { padding: 10px 0 } .contact-cat__detail { float: left; width: 310px; padding-top: 5px } .contact-cat__detail__hdg { font-size: 125%; font-weight: 700 } .contact-cat__detail__hdg--patient { color: #364c9f } .contact-cat__detail__hdg--medical { color: #ff669d } .contact-cat__detail__hdg img { width: 18px; height: 18px; padding-top: 8px } .contact-cat__detail__phone-num { font-size: 225%; font-weight: 700 } .contact-cat__detail__phone-num--patient { color: #364c9f } .contact-cat__detail__phone-num--medical { color: #ff669d } .contact-cat__detail__notice { font-size: 88% } .contact-cat__detail__notice--patient { color: #f3a600 } .contact-cat__detail__notice--medical { color: #ff669d } .contact-cat__detail__link { margin-top: 10px } .contact-cat__detail__link--patient { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_orange_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .contact-cat__detail__link--patient { background: url(/assets/img/ico/arrow_03_orange_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .contact-cat__detail__link--medical { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_pink_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .contact-cat__detail__link--medical { background: url(/assets/img/ico/arrow_03_pink_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } @media only screen and (max-width: 640px) { .contact-cat { margin-top: 20px; padding: 14px; border-radius: 10px } .contact-cat__txt { float: none; width: 100%; margin-right: 0; padding-top: 0; padding-right: 0; padding-bottom: 15px; border-right: none; border-bottom: 1px solid #4562ac } .contact-cat__txt__hdg { font-size: 119% } .contact-cat__txt__txt { font-size: 88% } .contact-cat__txt__btn { background: #4562ac; border-radius: 5px; text-align: center; outline: none; color: #fff; width: 100%; margin-top: 10px } .contact-cat__txt__btn a, .contact-cat__txt__btn a:link, .contact-cat__txt__btn a:visited, .contact-cat__txt__btn a:focus, .contact-cat__txt__btn a:active, .contact-cat__txt__btn a:hover { display: block; color: #fff; text-decoration: none } } @media only screen and (max-width: 640px) and (max-width: 640px) { .contact-cat__txt__btn a { font-weight: 700 } } @media only screen and (max-width: 640px) { .contact-cat__txt__btn a { padding: 10px 0 } .contact-cat__detail { float: none; width: 100%; padding-top: 10px } .contact-cat__detail__hdg { font-size: 88%; text-align: center } .contact-cat__detail__hdg img { width: 14px; height: 14px; padding-top: 3px } .contact-cat__detail__phone-num { font-size: 172%; text-align: center } .contact-cat__detail__txt { font-size: 72%; text-align: center } .contact-cat__detail__notice { font-size: 86% } .contact-cat__detail__link { /* width: 8.2em; */ margin: 10px auto 0 } } .contact-flow { margin-top: 20px } .contact-flow__root { padding: 16px 0; border: 1px solid #d0d0d0; border-radius: 5px; text-align: center } .contact-flow__node { position: relative; left: -27px; display: table; width: 984px; margin-top: 20px; border-collapse: separate; border-spacing: 27px 0 } .contact-flow__node--no-mt { margin-top: 0 } .contact-flow__node__col { position: relative; display: table-cell; width: 292px; padding: 15px 0; border-radius: 5px; text-align: center; vertical-align: middle } .contact-flow__node__col--step2 { background: #f6f6f6 } .contact-flow__node__col--step2:before { position: absolute; top: -21px; left: 50%; content: '↓'; width: 16px; height: 11px; margin-left: -8px; background: url(/assets/img/ico/arrow_contact-flow_step1_pc.png) no-repeat 0 0; text-indent: -9999px } .contact-flow__node__col--step3-1 { border-radius: 5px 5px 0 0; background: #4562ac; color: #fff } .contact-flow__node__col--step3-1:before { position: absolute; top: -21px; left: 50%; content: '↓'; width: 16px; height: 11px; margin-left: -8px; background: url(/assets/img/ico/arrow_contact-flow_step2_pc.png) no-repeat 0 0; text-indent: -9999px } .contact-flow__node__col--step3-2 { box-sizing: border-box; border-radius: 0 0 5px 5px; border: 1px solid #d0d0d0 } .contact-flow__node__col__hdg { margin: 0 20px 10px; padding-bottom: 3px; border-bottom: 1px solid #fff; font-size: 125% } .contact-flow__node__col__txt { margin: 0 20px } .contact-flow__node__col__detail { margin: 0 18px; font-size: 88% } @media only screen and (max-width: 640px) { .contact-flow { margin-top: 15px } .contact-flow__root { margin: 0 5px; padding: 10px 0; border-radius: 10px } .contact-flow__node { left: 0; width: 100%; margin-top: 15px; border-spacing: 5px 0 } .contact-flow__node--no-mt { margin-top: 0 } .contact-flow__node__col { width: 33%; padding: 10px 0; border-radius: 10px } .contact-flow__node__col--step2:before { top: -16px; width: 11px; height: 9px; margin-left: -5px; background: url(/assets/img/ico/arrow_contact-flow_step1_sp.png) no-repeat 0 0; background-size: 11px 9px } .contact-flow__node__col--step3-1 { border-radius: 10px 10px 0 0 } .contact-flow__node__col--step3-1:before { top: -15px; width: 14px; height: 11px; margin-left: -7px; background: url(/assets/img/ico/arrow_contact-flow_step2_sp.png) no-repeat 0 0; background-size: 14px 11px } .contact-flow__node__col--step3-2 { border-radius: 0 0 10px 10px; border: 1px solid #d0d0d0 } .contact-flow__node__col__hdg { margin: 0; padding-bottom: 0; border-bottom: none; font-size: 86%; font-weight: 700 } .contact-flow__node__col__txt { margin: 0 5px; font-size: 72% } .contact-flow__node__col__detail { margin: 0 5px; font-size: 58% } } .btn-scholar { width: 950px; margin-top: 65px } .btn-scholar__btn { box-sizing: border-box; float: left; width: 455px; margin-right: 20px; background-color: transparent; border: 1px solid #364c9f; border-radius: 5px; text-align: left } .btn-scholar__btn--research { background: url(/assets/img/ico/scholar_research_pc.png) no-repeat 26px 50% } .btn-scholar__btn--research a { line-height: 3.2em } .btn-scholar__btn--clinical { background: url(/assets/img/ico/scholar_clinical_pc.png) no-repeat 26px 50% } .btn-scholar__btn__link:link, .btn-scholar__btn__link:visited, .btn-scholar__btn__link:focus, .btn-scholar__btn__link:active, .btn-scholar__btn__link:hover { display: block; padding: 30px 0 30px 65px; color: #364c9f; font-size: 150%; font-weight: 700; text-decoration: none } .btn-scholar__btn__link--scholar { background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 425px 50% } @media only screen and (max-width: 640px) { .btn-scholar { width: auto; margin-top: 20px } .btn-scholar__btn { float: none; width: 100%; margin-top: 10px; margin-right: 0; border-radius: 10px } .btn-scholar__btn--research { background: url(/assets/img/ico/scholar_research_sp.png) no-repeat 10px 50%; background-size: 18px 16px } .btn-scholar__btn--clinical { background: url(/assets/img/ico/scholar_clinical_sp.png) no-repeat 10px 50%; background-size: 18px 16px } .btn-scholar__btn__link:link, .btn-scholar__btn__link:visited, .btn-scholar__btn__link:focus, .btn-scholar__btn__link:active, .btn-scholar__btn__link:hover { padding: 12px 0 12px 35px; font-size: 119% } .btn-scholar__btn__link--scholar { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 90% 50%; background-size: 10px 10px } } .clinical-section-pc { position: relative; width: 930px; height: 650px; margin-top: 40px; background: url(/scholar/clinical/img/index/bg_section_base.png) no-repeat 0 0 } .clinical-section-pc__hdg { position: absolute; top: 50%; width: 100%; margin-top: -2.4em; color: #3c4298; font-size: 34px; font-weight: 700; text-align: center } .clinical-section-pc__box { position: absolute; box-sizing: border-box } .clinical-section-pc__box--01, .clinical-section-pc__box--02, .clinical-section-pc__box--03, .clinical-section-pc__box--06, .clinical-section-pc__box--07, .clinical-section-pc__box--08 { padding: 12px 0 0 12px } .clinical-section-pc__box--04, .clinical-section-pc__box--05, .clinical-section-pc__box--05-2 { padding: 28px 0 0 12px } .clinical-section-pc__box--01 { top: 0; left: 505px; width: 240px; height: 122px; background: url(/scholar/clinical/img/index/bg_section_01.png) no-repeat 0 0 } .clinical-section-pc__box--02 { top: 120px; left: 691px; width: 240px; height: 99px; background: url(/scholar/clinical/img/index/bg_section_02.png) no-repeat 0 0 } .clinical-section-pc__box--03 { top: 247px; left: 691px; width: 240px; height: 122px; background: url(/scholar/clinical/img/index/bg_section_03.png) no-repeat 0 0 } .clinical-section-pc__box--04 { top: 475px; left: 505px; width: 240px; height: 99px; background: url(/scholar/clinical/img/index/bg_section_04.png) no-repeat 0 0 } .clinical-section-pc__box--05 { top: 475px; left: 186px; width: 240px; height: 148px; background: url(/scholar/clinical/img/index/bg_section_05.png) no-repeat 0 0 } .clinical-section-pc__box--05-2 { top: 475px; left: 186px; width: 240px; height: 200px; background: url(/scholar/clinical/img/index/bg_section_05-2.png) no-repeat 0 0 } .clinical-section-pc__box--06 { top: 240px; left: 0; width: 240px; height: 174px; background: url(/scholar/clinical/img/index/bg_section_06.png) no-repeat 0 0 } .clinical-section-pc__box--07 { top: 110px; left: 0; width: 240px; height: 122px; background: url(/scholar/clinical/img/index/bg_section_07.png) no-repeat 0 0 } .clinical-section-pc__box--08 { top: 4px; left: 186px; width: 240px; height: 99px; background: url(/scholar/clinical/img/index/bg_section_08.png) no-repeat 0 0 } .clinical-section-pc__box__hdg { color: #3c4298; font-size: 19px; font-weight: 700; line-height: 1.25 } .clinical-section-pc__box__link { margin-top: 10px } .clinical-section-pc__box__link li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; font-size: 16px } @media only screen and (max-width: 640px) { .clinical-section-pc__box__link li { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .clinical-section-sp { display: none } .clinical-section-sp__box__link li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_green_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em } @media only screen and (max-width: 640px) { .clinical-section-sp__box__link li { background: url(/assets/img/ico/arrow_03_green_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } @media only screen and (max-width: 640px) { .clinical-section-pc { display: none } .clinical-section-sp { display: block; margin: 15px 0 } .clinical-section-sp__arrow { line-height: 0 } .clinical-section-sp__arrow img { width: 100% } .clinical-section-sp__box { float: left; box-sizing: border-box; width: 48.25%; margin-left: 3.5%; padding: 12px 10px; border-radius: 10px; border: 1px solid #364c9f } .clinical-section-sp__box:first-child { margin-left: 0 } .clinical-section-sp__box__hdg { color: #3c4298; font-size: 100%; font-weight: 700 } .clinical-section-sp__box__link { margin-top: 5px } } .information { margin-top: 30px } .information__tab-nav { border-bottom: 10px solid #ececec } .information__tab-nav ul li { float: left; width: 225px; margin-left: 10px; background: #364c9f; border-radius: 5px 5px 0 0; color: #fff; font-size: 107%; font-weight: 700; text-align: center; cursor: pointer } .information__tab-nav ul li:first-child { margin-left: 0 } .information__tab-nav ul li.is-on { background: #ececec; color: #364c9f } .information__tab-nav ul li.is-on:hover { opacity: 1.0; filter: alpha(opacity=100) } .information__tab-nav ul li a { display: block; padding: 15px 0; color: #fff !important; text-decoration: none !important; } .information__tab-nav ul li.is-on a { color: #364c9f !important; } .information__tab-content__inner { display: none } .information__tab-content__inner.is-on { display: block } /* 2tab用 -------------------------------------------------------------- */ .main__section .html .information__tab-nav_2tab ul { padding-left: 0; margin: 15px 0 0 0; } .main__section .html .information__tab-nav_2tab ul li { list-style: none; width: 460px; padding:0; } .information__tab-nav_2tab ul li a { font-size: 115%; padding: 15px 10px; display: block; } .information__tab-nav_2tab ul li a:link, .information__tab-nav_2tab ul li a:visited { color: #ffffff; } .information__tab-nav_2tab ul li.is-on a:link, .information__tab-nav_2tab ul li.is-on a:visited { color: #364c9f; } .information__tab-nav_2tab ul li a:hover { text-decoration: none; } @media only screen and (max-width: 640px){ .main__section .html .information__tab-nav_2tab ul li { width: 49.5%; } .information__tab-nav_2tab ul li a { font-size: 105%; } } /* 3tab用 -------------------------------------------------------------- */ .main__section .html .information__tab-nav_3tab ul { padding-left: 0; margin: 15px 0 0 0; } .main__section .html .information__tab-nav_3tab ul li { list-style: none; width: 303px; padding:0; } .information__tab-nav_3tab ul li a { font-size: 115%; padding: 15px 10px; display: block; } .information__tab-nav_3tab ul li a:link, .information__tab-nav_3tab ul li a:visited { color: #ffffff; } .information__tab-nav_3tab ul li.is-on a:link, .information__tab-nav_3tab ul li.is-on a:visited { color: #364c9f; } .information__tab-nav_3tab ul li a:hover { text-decoration: none; } @media only screen and (max-width: 640px){ .main__section .html .information__tab-nav_3tab ul li { width: 32.66%; } .information__tab-nav_3tab ul li a { font-size: 105%; } } /* 3tab インナーコンテンツ ------------------------------------------------ */ .grd__3tab__content{ width:100%; background-color: #ececec; box-sizing: border-box; padding-left:27px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .main__section .html ul.list-link__3tab__content{ margin: 0 auto 30px; overflow: hidden; } .main__section .html ul.list-link__3tab__content li{ list-style: none; float: left; width: 30%; margin-right: 27px; margin-top: 20px; } .main__section .html ul.list-link__3tab__content li.is-on{ font-weight:bold; } .main__section .html ul.list-link__3tab__content li a{ color: #364c9f; } @media only screen and (max-width: 640px){ .main__section .html ul.list-link__3tab__content li{ width: 45%; margin-right: 20px; } } /* ---------------------------------------------------------------------- */ .information__sort { padding: 22px 0; border-bottom: 1px solid #d0d0d0 } .information__sort p { float: left } .information__sort ul { float: left } .information__sort ul li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; float: left; margin-left: 20px } @media only screen and (max-width: 640px) { .information__sort ul li { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .information__sort ul li.is-on { color: #3c4298; font-weight: 700 } .information__sort ul li a { display: block } .information__year { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d0d0d0 } .information__year ul li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; float: left; margin-top: 10px; margin-left: 20px } @media only screen and (max-width: 640px) { .information__year ul li { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } .information__year ul li:first-child { margin-left: 0 } .information__year ul li a { display: block } @media only screen and (max-width: 640px) { .information { margin-top: 15px } .information__tab-nav { border-bottom: 5px solid #ececec } .information__tab-nav ul li { width: 24.25%; margin-left: 1%; padding: 8px 0 } .information__tab-nav__item--l1 { line-height: 3.2em } .information__sort { padding: 15px 0; border-bottom: 1px solid #d0d0d0 } .information__sort p { float: none } .information__sort ul { float: none } .information__sort ul li { box-sizing: border-box; background: url(/assets/img/ico/arrow_03_blue_right_pc.png) no-repeat 0 .35em; padding-left: 1.1em; float: left; width: 50%; margin-top: 5px; margin-left: 0 } } @media only screen and (max-width: 640px) and (max-width: 640px) { .information__sort ul li { background: url(/assets/img/ico/arrow_03_blue_right_sp.png) no-repeat 0 .4em; background-size: 10px 10px } } @media only screen and (max-width: 640px) { .information__sort ul li.is-on { color: #3c4298; font-weight: 700 } .information__sort ul li a { display: block } .information__year { margin-top: 15px; padding-top: 15px } .information__year ul li { width: 50%; margin-top: 10px; margin-left: 0 } } .content, .grd, .hdg, .txt-lyt-img, .list-info li, .list-btn, .nav-global__inner, .nav-global__dropdown__list, .nav-index-img, .nav-index-img__list--col2, .visual-slider-pc__slider, .top-pickup, .top-news__tab-nav ul, .top-news__list li, .top-major-initiatives ul, .contact__txt__link, .contact-cat, .btn-scholar, .clinical-section-sp__col2, .information__tab-nav ul, .information__tab-nav_3tab, .information__sort, .information__sort ul, .information__year ul { *zoom: 1 } .content:before, .grd:before, .hdg:before, .txt-lyt-img:before, .list-info li:before, .list-btn:before, .nav-global__inner:before, .nav-global__dropdown__list:before, .nav-index-img:before, .nav-index-img__list--col2:before, .visual-slider-pc__slider:before, .top-pickup:before, .top-news__tab-nav ul:before, .top-news__list li:before, .top-major-initiatives ul:before, .contact__txt__link:before, .contact-cat:before, .btn-scholar:before, .clinical-section-sp__col2:before, .information__tab-nav ul:before, .information__sort:before, .information__sort ul:before, .information__year ul:before, .content:after, .grd:after, .hdg:after, .txt-lyt-img:after, .list-info li:after, .list-btn:after, .nav-global__inner:after, .nav-global__dropdown__list:after, .nav-index-img:after, .nav-index-img__list--col2:after, .visual-slider-pc__slider:after, .top-pickup:after, .top-news__tab-nav ul:after, .top-news__list li:after, .top-major-initiatives ul:after, .contact__txt__link:after, .contact-cat:after, .btn-scholar:after, .clinical-section-sp__col2:after, .information__tab-nav ul:after, .information__sort:after, .information__sort ul:after, .information__year ul:after { content: ""; display: table } .content:after, .grd:after, .hdg:after, .txt-lyt-img:after, .list-info li:after, .list-btn:after, .nav-global__inner:after, .nav-global__dropdown__list:after, .nav-index-img:after, .nav-index-img__list--col2:after, .visual-slider-pc__slider:after, .top-pickup:after, .top-news__tab-nav ul:after, .top-news__list li:after, .top-major-initiatives ul:after, .contact__txt__link:after, .contact-cat:after, .btn-scholar:after, .clinical-section-sp__col2:after, .information__tab-nav ul:after, .information__sort:after, .information__sort ul:after, .information__year ul:after { clear: both } .header__inner, .footer__inner, .nav-global__inner, .top-attention__inner, .top-section__inner { width: 1200px; margin: 0 auto; padding-right: 40px; padding-left: 40px } @media only screen and (max-width: 640px) { .header__inner, .footer__inner, .nav-global__inner, .top-attention__inner, .top-section__inner { width: auto; padding-right: 0; padding-left: 0 } } /* .support--link-external:after { content: ' '; display: inline-block; width: 14px; height: 15px; background: url(/assets/img/ico/link_external_01_pc.png) no-repeat 0 0; margin-left: 5px } .support--link-pdf:after { content: ' '; display: inline-block; width: 14px; height: 15px; background: url(/assets/img/ico/link_pdf_01_pc.png) no-repeat 0 0; margin-left: 5px } @media only screen and (max-width: 640px) { .support--link-external:after { width: 14px; height: 14px; background-image: url(/assets/img/ico/link_external_01_sp.png); background-size: contain; margin-left: 2px } .support--link-pdf:after { width: 12px; height: 14px; background-image: url(/assets/img/ico/link_pdf_01_sp.png); background-size: contain; margin-left: 2px } } */ .support--sp { display: none } @media only screen and (max-width: 640px) { .support--pc { display: none } .support--sp { display: block } } .header__nav__btn:hover, .list-btn li .list-btn__btn:hover, .nav-local__bnr:hover, .nav-btn__btn:hover, .pager__list li .pager__list__btn:hover, .top-news__tab-nav__item:hover, .contact-cat__txt__btn:hover, .information__tab-nav ul li:hover { opacity: .9; filter: alpha(opacity=90) } .top-major-initiatives__item:hover, .btn-scholar__btn:hover { opacity: .8; filter: alpha(opacity=80) } @media only screen and (max-width: 640px) { .top-major-initiatives__item:hover, .btn-scholar__btn:hover, .header__nav__btn:hover, .list-btn li .list-btn__btn:hover, .nav-local__bnr:hover, .nav-btn__btn:hover, .pager__list li .pager__list__btn:hover, .top-news__tab-nav__item:hover, .contact-cat__txt__btn:hover, .information__tab-nav ul li:hover { opacity: 1; filter: alpha(opacity=100) } } /* ↑IE,Firefoxでtableにrowspanを設定すると左端の列がうまく取得できずに枠線がおかしくなるため、ここでのborder-left:noneはコメントアウトしてjsでクラスを付けて対応しました*/ /* グローバルナビゲーションの「研究者・企業の方へ」のメニュー調整 */ .nav-global__dropdown--scholar li { width: 550px; } .nav-global__dropdown__list_2 { margin-left: 20px; } .nav-global__dropdown__list_2 li { display: inline-block; width: 250px; } /* トップページ>主な取り組み */ .top-section--major-initiative { padding-bottom: 180px; } /* grd--fullの場合の3カラム設定を追加 */ .grd--full .grd__col--3-1 { width: 379px } .grd--full .grd__col--3-2 { width: 785px; } @media only screen and (max-width: 640px) { .grd--full .grd__col--3-1, .grd--full .grd__col--3-2 { width: 100%; } } /* 通常リスト(順序無し)のbottomに余白を追加 */ .list-normal { margin-bottom: 15px; } /* jsで付けたfirst-chdクラスに対して左枠線を削除 */ section.main__section .tbl thead th.first-chd { border-left: none; } section.main__section .tbl tbody th.first-chd, section.main__section .tbl tbody td.first-chd { border-left: none; } /* 英語サイト > Google翻訳機能 --------------------------------------------------------- */ #google_translate_element { display: inline-block; margin-left: 6px; } .goog-te-gadget-simple { border-radius: 5px; } .header__btn-state ul > *:first-child + * + * { background: #e8e8e8; padding: 4px 4px 4px 12px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .header__btn-state ul > *:first-child + * + *:before { content: "Select Language"; color: #5D5D5D; font-size: 77%; } /* プレコンセプションケアセンター プレコンセプションケアリスト--------------------------- */ .pcc_check { float: left; margin-right: 20px; } .main__section div .pcc_check { clear: none; } /* クリアしない*/ /* プレコンセプションケアセンター プレコンセプションチェックシート--------------------------- */ .pcc_check_sheat { float: left; width: 45%; margin-right: 20px; } .main__section div .pcc_check_sheat { clear: none; } /* クリアしない*/ ul.check_sheat li { position: relative; list-style: none; } ul.check_sheat li::after { display: block; position: absolute; content: '□'; top: 0; left: -1.5em; font-size: 16px; line-height: 1; } /* 印刷用CSS(Chromeのみ) --------------------------------------------------------- */ @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) { @media print { .container { /* 50%に縮小 */ zoom: 50%; } .container img { /* グローバルナビゲーションの崩れを防ぐため */ zoom: 99%; } .contact.contact--first { /* お問い合わせページのレイアウト調整 */ display: table; } /* 以下、各カテゴリページの問い合わせ欄のレイアウト調整 */ .contact-cat { display: table; } .contact-cat__txt, .contact-cat__detail { display: table-cell; float: none; } .contact-cat__detail { zoom: 99%; padding-left: 25px; } } } /* ページ上部へ戻るボタン --------------------------------------------------------- */ .pagetop { position: fixed; bottom: 50px; right: 20px; z-index: 15; } .pagetop a { display: block; padding: 12px; background-color: #ccc; text-align: center; text-decoration: none; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .pagetop a::before { display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 15px solid #3c4298; content: ""; } .pagetop .sr-only { position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } .pagetop a:hover { background-color: #4562ac; color: #fff; } .pagetop a:visited { color: #3c4298; } .pagetop a:link { color: #3c4298; } .pagetop a:hover { color: #cccccc; } /* バナー --------------------------------------------------------- */ .banner{ margin-bottom:30px; } .banner a:hover{ opacity:0.8; } section.main__section .banner a[target="_blank"]::after, section.main__section .banner a[href$=".pdf"]::after, section.main__section a[href$=".zip"]::after { display:none; } /* SNSアイコン --------------------------------------------------------- */ li.sns:hover { opacity:0.8; } /* ピックアップ見出し削除 --------------------------------------------------------- */ .top-section--pickup { padding-top: 40px; } .top-pickup { margin-top: 0px; } .top-pickup--sp { display: none; } @media only screen and (max-width: 640px) { .top-pickup--pc { display: none; } .top-pickup--sp { display: block; } } .top-pickup__col a:hover .top-pickup__col__pic img.dronehover, .top-pickup__col a:active .top-pickup__col__pic img.dronehover { opacity: 1; } /* 取り組みエリア縮小対応 --------------------------------------------------------- */ .top-major-initiatives__item__hdg { font-size: 125%; } .top-major-initiatives__item__hdg .title-s { font-size: 90%; } .top-torikumi__link { margin-top: 30px; text-align: center; } .top-torikumi__link a, .top-torikumi__link a:link, .top-torikumi__link a:visited, .top-torikumi__link a:focus, .top-torikumi__link a:active, .top-torikumi__link a:hover { color: #364C9F; font-size: 163%; line-height: 28px; vertical-align: middle; } .top-torikumi__link img { width: 28px; height: 28px; margin-left: 12px; vertical-align: middle; } /* COVID重要なお知らせ --------------------------------------------------------- */ .imptnt_toppage { background: #df2626; color: #fff; display: inline-block; font-size: 0.9em; line-height: 1.2em; padding: 0.2em 0.5em; margin-right: 15px; } .top-attention__inner2 { width: 1200px; margin: 15px auto 30px; padding-right: 40px; padding-left: 40px; text-align: center; } .covid { background: #df2626; color: #fff; display: inline-block; padding: 15px; line-height: 1.3em; font-size: 1.5em; width: 80%; box-sizing: border-box; } a.covid:link { color: #fff; } a.covid:visited { color: #fff; } a.covid:hover { opacity: 0.8; color: #fff; text-decoration: none; } @media only screen and (max-width: 640px) { .top-attention__inner2 { width: auto; margin-top: 5vw; margin-bottom: 5vw; padding-right: 5vw; padding-left: 5vw; } .covid { width: 100%; } } /* main visual --------------------------------------------------------- */ .main-visual-sp { display: none; } @media only screen and (max-width: 640px) { .main-visual-pc { display: none; } .main-visual-sp { display: block; } } /* footerロゴリンク --------------------------------------------------------- */ .foot_logo a { display: inline-block; margin-right: 15px; } @media only screen and (max-width: 640px) { .foot_logo a { display: inline-block; margin-right: 4vw; margin-bottom: 4vw; height: 12vw; } .foot_logo a img{ max-height: 100%; } .foot_logo{ Width: 60vw; } } /* フォーム用スタイル --------------------------------------------------------- */ /* 見出し */ .form-header { margin: 25px 0 10px; color: #3c4298; font-size: 125%; font-weight: 700; line-height: 1.6; } /* 入力項目 */ .form-text, .form-select { width: 50%; } .form-textarea { width: 100%; } .form-radio-label + .form-radio { margin-left: 10px; } .form-checkbox-label + .form-checkbox { margin-left: 10px; } @media only screen and (max-width: 640px) { .form-text, .form-select { width: 100%; } } /* 必須アイコン */ .required { color: #fff; background-color: #df2626; font-size: 0.7em; font-weight: normal; display: inline-block; width: 2.5em; text-align: center; margin-left: 0.5em; vertical-align: 10%; } input:invalid, textarea:invalid { color: red; } .centered { position: relative; margin: 30px 0; overflow: hidden; } /*ボタンセンタリング*/ .centered ul { position: relative; left: 50%; float: left; } .centered ul li { position: relative; left: -50%; float: left; margin: 10px; } button.nav-btn__btn { padding: 15px 10px; } @media only screen and (max-width: 640px) { .centered ul { width: 80%; } .centered ul li { width: 100%; left: -55%; } } /* IDカード番号 */ @media only screen and (min-width: 641px) { #contact_form_id-wrapper, #contact_form_25-wrapper { display: flex; width: 100%; } .hstry1{ width: 8.5em; } .hstry{ width: calc(100% - 8.5em); } } /* 診療科予約 */ @media only screen and (min-width: 641px) { #form_department1-wrapper, #form_department2-wrapper, #form_department3-wrapper, #form_department4-wrapper, #form_department5-wrapper, #form_doctor1-wrapper, #form_doctor2-wrapper, #form_doctor3-wrapper, #form_doctor4-wrapper, #form_doctor5-wrapper, #form_date1-wrapper, #form_date2-wrapper, #form_date3-wrapper, #form_date4-wrapper, #form_date5-wrapper, #form_kibo1-wrapper, #form_kibo2-wrapper, #form_kibo3-wrapper, #form_kibo4-wrapper, #form_kibo5-wrapper { display: flex; width: 100%; } .form-text.-date { width: 30%; } .form-text.-time { width: 20%; } } @media only screen and (max-width: 640px) { .form-text.-date { margin-right: 0 !important; margin-bottom: 10px; } } /* 住所 */ @media only screen and (min-width: 641px) { #contact_form_28-wrapper, #contact_form_29-wrapper, #contact_form_30-wrapper, #contact_form_33-wrapper, #contact_form_34-wrapper, #contact_form_35-wrapper, #contact_form_36-wrapper, #contact_form_37-wrapper { display: flex; width: 100%; } } /* Utility --------------------------------------------------------- */ .display-hide { display: none; } .display-show { display: none; } .file-link-icon { margin-left: 5px; vertical-align: middle; } .js-tab-nav a, .js-tab-nav button { display: block; padding: 15px 0; width: 100%; color: #fff; text-decoration: none !important; cursor: pointer; } .js-tab-nav.is-on a { color: #364c9f !important; }