@charset "UTF-8";
/*
Theme Name: 未来研究ガイド2019
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* ----------------------------- 全体 */
html { font-size: 62.5%; }

body { font-size: 15px; font-size: 1.5rem; font-family: "Lato", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif; line-height: 180%; color: #333; background: #F7FCFE url(../img/bg1.jpg?201907) center top; background-size: cover; position: relative; min-width: 1000px; -webkit-text-size-adjust: 100%; letter-spacing: 0.06em; }
body br { font-family: sans-serif; }

a:link, a:visited { color: #06f; text-decoration: none; }
a:hover, a:active { color: #06f; text-decoration: underline; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

@media screen and (min-width: 768px) { .sp-only { display: none !important; } }
@media screen and (max-width: 767px) { .pc-only { display: none !important; } }
img, .bx-wrapper img { max-width: 100%; height: auto; }

.bx-wrapper img { display: inline !important; }

/* ----------------------------- 0. 共通パーツ */
.u-mt0 { margin-top: 0; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt25 { margin-top: 25px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb25 { margin-bottom: 25px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0; }

.u-col { color: #06f; }
.u-col__red { color: #FF0000; }
.u-col__blue { color: #3399FF; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "Lato", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.u-top { vertical-align: top !important; }
.u-top th, .u-top td { vertical-align: top !important; }

.u-middle { vertical-align: middle !important; }
.u-middle th, .u-middle td { vertical-align: middle !important; }

.u-bottom { vertical-align: bottom !important; }
.u-bottom th, .u-bottom td { vertical-align: bottom !important; }

.c-wrap { max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }

.c-wrap__separate { margin-left: 10px; margin-right: 10px; }

.u-bg__gray { background: #F6F6F6; }

.c-separate1 { border-bottom: 1px solid #efefef; padding-bottom: 60px; margin-bottom: 60px; }

.u-blank { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon_blank_green.png) no-repeat right center; padding-right: 21px; }
.u-blank__white { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon_blank.png) no-repeat right center; padding-right: 21px; }
.u-blank__black { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon_blank_black.png) no-repeat right center; padding-right: 21px; }

.c-btn1 a { display: inline-block; *display: inline; *zoom: 1; background: #fff; font-size: 20px; font-size: 2rem; color: #06f; padding-top: 20px; padding-bottom: 20px; text-align: center; max-width: 250px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.c-btn1 a span { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon1_green.png) no-repeat left center; padding-left: 28px; }

.c-btn2 { text-align: center; }
.c-btn2 .anchor { cursor: pointer; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; }
.c-btn2 .anchor:hover { opacity: 0.7; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); }
.c-btn2 a, .c-btn2 .anchor { display: inline-block; *display: inline; *zoom: 1; color: #4AA5FF; font-size: 17px; font-size: 1.7rem; letter-spacing: 0.1em; text-align: center; border: 1px solid #4AA5FF; background: #fff; border-radius: 32px; padding: 18px; max-width: 560px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.c-btn2 a span, .c-btn2 .anchor span { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon1_blue.png) no-repeat left center; padding-left: 25px; }
.c-btn2__orange a, .c-btn2__orange .anchor { background-color: #FF9900; color: #fff; border-color: #FF9900; }
.c-btn2__orange a span, .c-btn2__orange .anchor span { background-image: url(../img/common/icon1_white.png); }
.c-btn2__green a, .c-btn2__green .anchor { color: #70AD1B; border-color: #70AD1B; }
.c-btn2__green a span, .c-btn2__green .anchor span { background-image: url(../img/common/icon1_green.png); }

.c-btn-effect1 { position: relative; overflow: hidden; }
.c-btn-effect1:before { display: block; content: ""; position: absolute; z-index: 1; background: #FF1515; width: 100%; width: calc(100% + 36px); height: 100%; left: -125%; top: 0; -webkit-transform: skewX(18deg); -moz-transform: skewX(18deg); transform: skewX(18deg); -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; }
.c-btn-effect1:hover { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.c-btn-effect1:hover:before { left: -18px; }
.c-btn-effect1 span { position: relative; z-index: 2; }

.c-title1 { background: #06f; color: #fff; text-align: center; font-size: 20px; font-size: 2rem; font-weight: bold; letter-spacing: 0.08em; padding-top: 15px; padding-bottom: 15px; margin-bottom: 40px; }

.c-title2 { text-align: center; font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 40px; color: #06f; }
.c-title2:before { display: block; content: ""; border-top: 2px solid #ccc; width: 20px; position: absolute; left: 50%; margin-left: -10px; bottom: 0; }

.c-title3 { border: 1px solid #06f; text-align: center; font-size: 14px; font-size: 1.4rem; font-weight: normal; padding: 15px 10px; margin-bottom: 40px; color: #06f; }

.c-pagination { text-align: center; clear: both; margin-bottom: 60px; }
.c-pagination li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 44px; line-height: 38px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; background: #fff; }
.c-pagination li img { vertical-align: 1px; }
.c-pagination li a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #ccc; color: #ccc; }
.c-pagination li a:hover { text-decoration: none; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.c-pagination li.current a, .c-pagination li a:hover { border-color: #999; color: #999; }

.c-table1 { width: 100%; table-layout: fixed; }
.c-table1 th { font-weight: normal; }
.c-table1 th, .c-table1 td { border: 1px solid #ccc; padding: 13px 8px; text-align: center; vertical-align: middle; }
.c-table1 thead th { background: #F1FCE4; }
.c-table1 tbody th { background: #EFEFEF; }
.c-table1 tfoot th { background: #EFEFEF; }
.c-table1 tfoot td { background: #F1FCE4; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; }

.u-anchor { position: relative; margin-top: -70px; padding-top: 70px; }

.u-googlemap-wrap { position: relative; padding-bottom: 59.55%; height: 0; overflow: hidden; }
.u-googlemap-wrap iframe, .u-googlemap-wrap object, .u-googlemap-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.u-youtube-wrap { position: relative; width: 100%; padding-top: 56.35%; }
.u-youtube-wrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.u-movie-wrap video { width: 100%; }

.js-tab__content { display: none; }
.js-tab__content.is-active { display: block; }

.js-accordion { display: none; }

/* フェードインしながら少し上へ */
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); }
  100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }

.js-animate { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animate.is--animate { -webkit-animation: fadeInUp 0.8s 1 ease-in-out; -moz-animation: fadeInUp 0.8s 1 ease-in-out; -ms-animation: fadeInUp 0.8s 1 ease-in-out; -o-animation: fadeInUp 0.8s 1 ease-in-out; animation: fadeInUp 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.js-animate--delay1 { -webkit-animation-delay: 0.4s !important; -moz-animation-delay: 0.4s !important; -ms-animation-delay: 0.4s !important; -o-animation-delay: 0.4s !important; animation-delay: 0.4s !important; }
.js-animate--delay2 { -webkit-animation-delay: 0.5s !important; -moz-animation-delay: 0.5s !important; -ms-animation-delay: 0.5s !important; -o-animation-delay: 0.5s !important; animation-delay: 0.5s !important; }
.js-animate--delay3 { -webkit-animation-delay: 0.6s !important; -moz-animation-delay: 0.6s !important; -ms-animation-delay: 0.6s !important; -o-animation-delay: 0.6s !important; animation-delay: 0.6s !important; }
.js-animate--delay4 { -webkit-animation-delay: 0.7s !important; -moz-animation-delay: 0.7s !important; -ms-animation-delay: 0.7s !important; -o-animation-delay: 0.7s !important; animation-delay: 0.7s !important; }

/* フェードインのみ */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; transform: translateY(0); } }
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

.js-animateFadeIn { opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.js-animateFadeIn.is--animate { -webkit-animation: fadeIn 0.8s 1 ease-in-out; -moz-animation: fadeIn 0.8s 1 ease-in-out; -ms-animation: fadeIn 0.8s 1 ease-in-out; -o-animation: fadeIn 0.8s 1 ease-in-out; animation: fadeIn 0.8s 1 ease-in-out; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header { padding: 30px 0 55px; text-align: center; }

/*=======================================
パンくずリスト
=========================================*/
/*=======================================
コンテナ
=========================================*/
#container { background: url(../img/arrow_2.png) no-repeat center top;}

/*=======================================
フッター
=========================================*/
.l-footer { padding: 30px 0; }
.l-footer p { text-align: center; font-size: 12px; font-size: 1.2rem; color: #777; }

/* ----------------------------- 2. 未来研究ガイド */
/*=======================================
未来研究ガイド 扉
=========================================*/
.p-index__archive .box { float: left; width: 32%; margin-left: 2%; margin-bottom: 2%; }
.p-index__archive .box:nth-child(3n+1) { clear: both; margin-left: 0; }
.p-index__archive .box-introduction { padding-top: 60px; }
.p-index__archive .box-introduction h3 { font-size: 18px; font-size: 1.8rem; padding-bottom: 10px; border-bottom: 2px dotted #999; }
/*.p-index__archive .box-introduction h3 { font-size: 18px; font-size: 1.8rem; padding-bottom: 10px; border-bottom: 2px dotted #999; background: url(../img/bg1.jpg?201907) no-repeat center top; }*/
.p-index__archive .box-introduction h3 span { font-size: 24px; font-size: 2.4rem; -webkit-text-stroke: 1px #000; text-shadow: 1px 1px 2px #2bb724; color: #fff; }
.p-index__archive .box-introduction p { background: url(../img/bg1.jpg?201907) no-repeat center top; padding-top: 10px;}
/*.p-index__archive .box-introduction p { background: url(../img/bg1.jpg?201907) no-repeat center top; padding-top: 10px; text-shadow: -2px -2px 10px #d5ffd3, -2px -1px 10px #d5ffd3, -2px 0 10px #d5ffd3, -2px 1px 10px #d5ffd3, -2px 2px 10px #d5ffd3, -1px -2px 10px #d5ffd3, -1px -1px 10px #d5ffd3, -1px 0 10px #d5ffd3, -1px 1px 10px #d5ffd3, -1px 2px 10px #d5ffd3, 0px -2px 10px #d5ffd3, 0px -1px 10px #d5ffd3, 0px 0 10px #d5ffd3, 0px 1px 10px #d5ffd3, 0px 2px 10px #d5ffd3, 1px -2px 10px #d5ffd3, 1px -1px 10px #d5ffd3, 1px 0px 10px #d5ffd3, 1px 1px 10px #d5ffd3, 1px 2px 10px #d5ffd3, 2px -2px 10px #d5ffd3, 2px -1px 10px #d5ffd3, 2px 0px 10px #d5ffd3, 2px 1px 10px #d5ffd3, 2px 2px 10px #d5ffd3; }*/
.p-index__archive .box-content { background: #fff; border-radius: 10px; }
.p-index__archive .box-content a { display: block; background: #fff; border: 1px solid #C0E8FB; color: #333; text-decoration: none; position: relative; padding-top: 12px; border-radius: 10px; }
.p-index__archive .box-content a .no { position: absolute; top: 0; right: 0; font-style: italic; color: #fff; text-align: right; padding: 1px 6px 22px 24px; z-index: 1; }
.p-index__archive .box-content a .no:before { display: block; content: ""; position: absolute; left: 0; bottom: 0; border-bottom: 50px solid transparent; border-right: 50px solid; z-index: -1; }
.p-index__archive .box-content a .department { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; font-size: 22px; font-size: 2.2rem; line-height: 160%; padding: 3px 0; width: 100%; padding-left: 60px; position: relative; letter-spacing: 0.08em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-index__archive .box-content a .department:before { content: ''; display: block; background: url(../img/common/icon-at.png) no-repeat; background-size: 100%; width: 40px; height: 40px; position: absolute; top: 0; left: 12px; }
.p-index__archive .box-content a .txt { padding: 12px; padding-bottom: 0; position: relative; z-index: 2; }
.p-index__archive .box-content a .txt .rank { font-weight: normal; margin-bottom: 4px; text-shadow: -1px -1px 2px #fff, -1px 0 2px #fff, -1px 1px 2px #fff, 0 -1px 2px #fff, 0 0 2px #fff, 0 1px 2px #fff, 1px -1px 2px #fff, 1px 0 2px #fff, 1px 1px 2px #fff; }
.p-index__archive .box-content a .txt .name { font-size: 28px; font-size: 2.8rem; font-weight: normal; letter-spacing: 0.06em; margin-bottom: 15px; text-shadow: -1px -1px 2px #fff, -1px 0 2px #fff, -1px 1px 2px #fff, 0 -1px 2px #fff, 0 0 2px #fff, 0 1px 2px #fff, 1px -1px 2px #fff, 1px 0 2px #fff, 1px 1px 2px #fff;}
.p-index__archive .box-content a .txt .name small { font-size: 15px; font-size: 1.5rem; letter-spacing: 0.06em; display: block; margin-top: 4px; }
.p-index__archive .box-content a .txt .study_title { font-size: 20px; font-size: 1.9rem; font-weight: bold; line-height: 130%; letter-spacing: 0; max-width: calc(100% - 75px); text-shadow: -1px -1px 2px #fff, -1px 0 2px #fff, -1px 1px 2px #fff, 0 -1px 2px #fff, 0 0 2px #fff, 0 1px 2px #fff, 1px -1px 2px #fff, 1px 0 2px #fff, 1px 1px 2px #fff; }
.p-index__archive .box-content a .img { position: absolute; right: 5px; bottom: 0; z-index: 0; margin-bottom: 58px; margin-right: 12px; }
.p-index__archive .box-content a .btn { padding: 12px; position: relative; z-index: 2; }
.p-index__archive .box-content a .btn p { padding: 6px 0; text-align: center; }
.p-index__archive .box-content a .btn p span { display: inline-block; *display: inline; *zoom: 1; color: #fff; background: url(../img/icon1.png) no-repeat left center; padding-left: 15px; }
.p-index__archive .box-content.pt .study_title { color: #7961AA; }
.p-index__archive .box-content.pt .btn p { background: #7961AA; }
.p-index__archive .box-content.pt .no:before { border-right-color: #7961AA; }
.p-index__archive .box-content.pt .department:before { background: url(../img/common/icon-pt.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.ot .study_title { color: #406AB3; }
.p-index__archive .box-content.ot .btn p { background: #406AB3; }
.p-index__archive .box-content.ot .no:before { border-right-color: #406AB3; }
.p-index__archive .box-content.ot .department:before { background: url(../img/common/icon-ot.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.st .study_title { color: #00A5E5; }
.p-index__archive .box-content.st .btn p { background: #00A5E5; }
.p-index__archive .box-content.st .no:before { border-right-color: #00A5E5; }
.p-index__archive .box-content.st .department:before { background: url(../img/common/icon-st.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.at .study_title { color: #00A99D; }
.p-index__archive .box-content.at .btn p { background: #00A99D; }
.p-index__archive .box-content.at .no:before { border-right-color: #00A99D; }
.p-index__archive .box-content.at .department:before { background: url(../img/common/icon-at.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.mt .study_title { color: #0072BC; }
.p-index__archive .box-content.mt .btn p { background: #0072BC; }
.p-index__archive .box-content.mt .no:before { border-right-color: #0072BC; }
.p-index__archive .box-content.mt .department:before { background: url(../img/common/icon-mt.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.ort .study_title { color: #0B4DA2; }
.p-index__archive .box-content.ort .btn p { background: #0B4DA2; }
.p-index__archive .box-content.ort .no:before { border-right-color: #0B4DA2; }
.p-index__archive .box-content.ort .department:before { background: url(../img/common/icon-ort.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.em .study_title { color: #0085CB; }
.p-index__archive .box-content.em .btn p { background: #0085CB; }
.p-index__archive .box-content.em .no:before { border-right-color: #0085CB; }
.p-index__archive .box-content.em .department:before { background: url(../img/common/icon-em.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.rt .study_title { color: #00A4BC; }
.p-index__archive .box-content.rt .btn p { background: #00A4BC; }
.p-index__archive .box-content.rt .no:before { border-right-color: #00A4BC; }
.p-index__archive .box-content.rt .department:before { background: url(../img/common/icon-rt.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.hn .study_title { color: #F7941D; }
.p-index__archive .box-content.hn .btn p { background: #F7941D; }
.p-index__archive .box-content.hn .no:before { border-right-color: #F7941D; }
.p-index__archive .box-content.hn .department:before { background: url(../img/common/icon-hn.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.hs .study_title { color: #DB4034; }
.p-index__archive .box-content.hs .btn p { background: #DB4034; }
.p-index__archive .box-content.hs .no:before { border-right-color: #DB4034; }
.p-index__archive .box-content.hs .department:before { background: url(../img/common/icon-hs.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.nr .study_title { color: #F05988; }
.p-index__archive .box-content.nr .btn p { background: #F05988; }
.p-index__archive .box-content.nr .no:before { border-right-color: #F05988; }
.p-index__archive .box-content.nr .department:before { background: url(../img/common/icon-nr.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.sw .study_title { color: #4DB848; }
.p-index__archive .box-content.sw .btn p { background: #4DB848; }
.p-index__archive .box-content.sw .no:before { border-right-color: #4DB848; }
.p-index__archive .box-content.sw .department:before { background: url(../img/common/icon-sw.png) no-repeat; background-size: 100%; }
.p-index__archive .box-content.hi .study_title { color: #A4548A; }
.p-index__archive .box-content.hi .btn p { background: #A4548A; }
.p-index__archive .box-content.hi .no:before { border-right-color: #A4548A; }
.p-index__archive .box-content.hi .department:before { background: url(../img/common/icon-hi.png) no-repeat; background-size: 100%; }
.p-index__past { text-align: center; margin-top: 30px; }
.p-index__past a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.p-index__past a + a { margin-left: 28px; }

/*=======================================
未来研究ガイド 詳細
=========================================*/
.p-detail__kv { position: relative; }
.p-detail__kv .no { position: absolute; right: 0; font-style: italic; color: #fff; text-align: right; padding: 10px 9px 43px 42px; font-size: 24px; font-size: 2.4rem; }
.p-detail__kv .no span { position: relative; z-index: 1; }
.p-detail__kv .no:before { display: block; content: ""; position: absolute; top: 0; right: 0; border-top-width: 80px; border-top-style: solid; border-left: 80px solid transparent; z-index: 0; }
.p-detail__kv .department { position: absolute; left: 0; top: 0; color: #fff; font-weight: bold; text-align: center; font-size: 20px; font-size: 2rem; line-height: 160%; padding: 8px 0; max-width: 250px; width: 100%; }
.p-detail__kv .title { position: absolute; right: 0; top: 50%; margin-top: -55px; padding: 24px 37px; background: url(../img/bg1.jpg?201907) center top; }
.p-detail__kv .title { position: absolute; right: 0; top: 50%; margin-top: -55px; padding: 24px 37px; background: url(../img/bg1.jpg?201907) center top; }
.p-detail__content { background: #fff; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px; padding-bottom: 50px; }
.p-detail__content .txt-box { float: right; width: 71.276%; padding-top: 12px; }
.p-detail__content .txt-box .title { border-left-width: 5px; border-left-style: solid; padding-left: 16px; margin-bottom: 22px; padding-bottom: 2px; }
.p-detail__content .txt-box .title .rank { font-weight: bold; line-height: 120%; margin-bottom: 5px; }
.p-detail__content .txt-box .title .name { font-size: 28px; font-size: 2.8rem; font-weight: bold; }
.p-detail__content .txt-box .title .name small { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; margin-left: 10px; font-size: 15px; font-size: 1.5rem; }
.p-detail__content .txt-box .profile { width: 100%; line-height: 130%; letter-spacing: 0; }
.p-detail__content .txt-box .profile th { font-weight: normal; width: 90px; text-align: left; vertical-align: top; }
.p-detail__content .txt-box .profile th, .p-detail__content .txt-box .profile td { padding: 2px 0; }
.p-detail__content .txt-box .content { border-top: 1px solid #aaa; padding-top: 20px; margin-top: 18px; }
.p-detail__content .txt-box .content .study_title { font-size: 25px; font-size: 2.5rem; font-weight: bold; background-repeat: no-repeat; background-position: left 3px; padding-left: 42px; line-height: 140%; margin-bottom: 20px; }
.p-detail__content .txt-box .content .study_title br { display: none; }
.p-detail__content .txt-box .content dl { margin-bottom: 30px; }
.p-detail__content .txt-box .content dl:last-child { margin-bottom: 0; }
.p-detail__content .txt-box .content dt { font-size: 18px; font-size: 1.8rem; line-height: 150%; font-weight: bold; padding: 3px 10px; margin-bottom: 20px; }
.p-detail__content .img-box { float: left; width: 24.521%; text-align: center; }
.p-detail__content .img-box .img { margin-top: 30px; }
.p-detail__content .movie-box { clear: both; margin-bottom: 20px; }
.p-detail__content .movie-box video, .p-detail__content .movie-box .movie-box-wrap { border: 6px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-detail__content .movie-box p { font-size: 16px; font-size: 1.6rem; padding-bottom: 4px; color: #fff; padding-top: 10px; text-align: center; }
.p-detail__content .btn-box { clear: both; padding-top: 30px; text-align: center; }
.p-detail__content .btn-box .btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 380px; width: 100%; font-size: 18px; font-size: 1.8rem; }
.p-detail__content .btn-box .btn + .btn { margin-left: 30px; }
.p-detail__content .btn-box .btn a { display: block; color: #fff; text-decoration: none; padding: 7px; padding-bottom: 9px; font-weight: bold; }
.p-detail__content .btn-box .btn span { font-size: 15px; font-size: 1.5rem; line-height: 140%; }
.p-detail__content .btn-box .btn.application a { background: #E35364; }
.p-detail__nav { padding-top: 20px; }
.p-detail__nav li { float: left; width: 33.333%; }
.p-detail__nav li.prev { text-align: left; }
.p-detail__nav li.archive { text-align: center; }
.p-detail__nav li.next { text-align: right; }
.p-detail__nav li a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #fff; background: #888; padding: 7px 17px; }
.p-detail__nav li a:hover { text-decoration: none; }
.p-detail.pt .p-detail__kv .department { background: #7961AA; }
.p-detail.pt .p-detail__kv .no:before { border-top-color: #7961AA; }
.p-detail.pt .p-detail__content { border-color: #7961AA; }
.p-detail.pt .p-detail__content .txt-box .title { border-left-color: #7961AA; }
.p-detail.pt .p-detail__content .txt-box .profile th span { color: #7961AA; }
.p-detail.pt .p-detail__content .txt-box .content .study_title { color: #7961AA; background-image: url(../img/icon_pt.png); }
.p-detail.pt .p-detail__content .txt-box .content dt { background-color: rgba(121, 97, 170, 0.2); color: #7961AA; }
.p-detail.pt .p-detail__content .movie-box video, .p-detail.pt .p-detail__content .movie-box .movie-box-wrap { border-color: #7961AA; }
.p-detail.pt .p-detail__content .movie-box p { background-color: #7961AA; }
.p-detail.pt .p-detail__content .btn-box .btn.faculty a { background-color: #7961AA; }
.p-detail.ot .p-detail__kv .department { background: #406AB3; }
.p-detail.ot .p-detail__kv .no:before { border-top-color: #406AB3; }
.p-detail.ot .p-detail__kv .title { left: 0; right: auto; }
.p-detail.ot .p-detail__content { border-color: #406AB3; }
.p-detail.ot .p-detail__content .txt-box .title { border-left-color: #406AB3; }
.p-detail.ot .p-detail__content .txt-box .profile th span { color: #406AB3; }
.p-detail.ot .p-detail__content .txt-box .content .study_title { color: #406AB3; background-image: url(../img/icon_ot.png); }
.p-detail.ot .p-detail__content .txt-box .content dt { background-color: rgba(64, 106, 179, 0.2); color: #406AB3; }
.p-detail.ot .p-detail__content .movie-box video, .p-detail.ot .p-detail__content .movie-box .movie-box-wrap { border-color: #406AB3; }
.p-detail.ot .p-detail__content .movie-box p { background-color: #406AB3; }
.p-detail.ot .p-detail__content .btn-box .btn.faculty a { background-color: #406AB3; }
.p-detail.st .p-detail__kv .department { background: #00A5E5; }
.p-detail.st .p-detail__kv .no:before { border-top-color: #00A5E5; }
.p-detail.st .p-detail__kv .title { left: 0; right: auto; }
.p-detail.st .p-detail__content { border-color: #00A5E5; }
.p-detail.st .p-detail__content .txt-box .title { border-left-color: #00A5E5; }
.p-detail.st .p-detail__content .txt-box .profile th span { color: #00A5E5; }
.p-detail.st .p-detail__content .txt-box .content .study_title { color: #00A5E5; background-image: url(../img/icon_st.png); }
.p-detail.st .p-detail__content .txt-box .content dt { background-color: rgba(0, 165, 229, 0.2); color: #00A5E5; }
.p-detail.st .p-detail__content .movie-box video, .p-detail.st .p-detail__content .movie-box .movie-box-wrap { border-color: #00A5E5; }
.p-detail.st .p-detail__content .movie-box p { background-color: #00A5E5; }
.p-detail.st .p-detail__content .btn-box .btn.faculty a { background-color: #00A5E5; }
.p-detail.at .p-detail__kv .department { background: #00A99D; }
.p-detail.at .p-detail__kv .no:before { border-top-color: #00A99D; }
.p-detail.at .p-detail__kv .title { left: 0; right: auto; }
.p-detail.at .p-detail__content { border-color: #00A99D; }
.p-detail.at .p-detail__content .txt-box .title { border-left-color: #00A99D; }
.p-detail.at .p-detail__content .txt-box .profile th span { color: #00A99D; }
.p-detail.at .p-detail__content .txt-box .content .study_title { color: #00A99D; background-image: url(../img/icon_at.png); }
.p-detail.at .p-detail__content .txt-box .content dt { background-color: rgba(0, 169, 157, 0.2); color: #00A99D; }
.p-detail.at .p-detail__content .movie-box video, .p-detail.at .p-detail__content .movie-box .movie-box-wrap { border-color: #00A99D; }
.p-detail.at .p-detail__content .movie-box p { background-color: #00A99D; }
.p-detail.at .p-detail__content .btn-box .btn.faculty a { background-color: #00A99D; }
.p-detail.mt .p-detail__kv .department { background: #0072BC; }
.p-detail.mt .p-detail__kv .no:before { border-top-color: #0072BC; }
.p-detail.mt .p-detail__kv .title { left: 0; right: auto; }
.p-detail.mt .p-detail__content { border-color: #0072BC; }
.p-detail.mt .p-detail__content .txt-box .title { border-left-color: #0072BC; }
.p-detail.mt .p-detail__content .txt-box .profile th span { color: #0072BC; }
.p-detail.mt .p-detail__content .txt-box .content .study_title { color: #0072BC; background-image: url(../img/icon_mt.png); }
.p-detail.mt .p-detail__content .txt-box .content dt { background-color: rgba(0, 114, 188, 0.2); color: #0072BC; }
.p-detail.mt .p-detail__content .movie-box video, .p-detail.mt .p-detail__content .movie-box .movie-box-wrap { border-color: #0072BC; }
.p-detail.mt .p-detail__content .movie-box p { background-color: #0072BC; }
.p-detail.mt .p-detail__content .btn-box .btn.faculty a { background-color: #0072BC; }
.p-detail.ort .p-detail__kv .department { background: #0B4DA2; }
.p-detail.ort .p-detail__kv .no:before { border-top-color: #0B4DA2; }
.p-detail.ort .p-detail__kv .title { left: 0; right: auto; }
.p-detail.ort .p-detail__content { border-color: #0B4DA2; }
.p-detail.ort .p-detail__content .txt-box .title { border-left-color: #0B4DA2; }
.p-detail.ort .p-detail__content .txt-box .profile th span { color: #0B4DA2; }
.p-detail.ort .p-detail__content .txt-box .content .study_title { color: #0B4DA2; background-image: url(../img/icon_ort.png); }
.p-detail.ort .p-detail__content .txt-box .content dt { background-color: rgba(11, 77, 162, 0.2); color: #0B4DA2; }
.p-detail.ort .p-detail__content .movie-box video, .p-detail.ort .p-detail__content .movie-box .movie-box-wrap { border-color: #0B4DA2; }
.p-detail.ort .p-detail__content .movie-box p { background-color: #0B4DA2; }
.p-detail.ort .p-detail__content .btn-box .btn.faculty a { background-color: #0B4DA2; }
.p-detail.em .p-detail__kv .department { background: #0085CB; }
.p-detail.em .p-detail__kv .no:before { border-top-color: #0085CB; }
.p-detail.em .p-detail__kv .title { left: 0; right: auto; }
.p-detail.em .p-detail__content { border-color: #0085CB; }
.p-detail.em .p-detail__content .txt-box .title { border-left-color: #0085CB; }
.p-detail.em .p-detail__content .txt-box .profile th span { color: #0085CB; }
.p-detail.em .p-detail__content .txt-box .content .study_title { color: #0085CB; background-image: url(../img/icon_em.png); }
.p-detail.em .p-detail__content .txt-box .content dt { background-color: rgba(0, 133, 203, 0.2); color: #0085CB; }
.p-detail.em .p-detail__content .movie-box video, .p-detail.em .p-detail__content .movie-box .movie-box-wrap { border-color: #0085CB; }
.p-detail.em .p-detail__content .movie-box p { background-color: #0085CB; }
.p-detail.em .p-detail__content .btn-box .btn.faculty a { background-color: #0085CB; }
.p-detail.st .p-detail__kv .department { background: #00A5E5; }
.p-detail.st .p-detail__kv .no:before { border-top-color: #00A5E5; }
.p-detail.st .p-detail__content { border-color: #00A5E5; }
.p-detail.st .p-detail__content .txt-box .title { border-left-color: #00A5E5; }
.p-detail.st .p-detail__content .txt-box .profile th span { color: #00A5E5; }
.p-detail.st .p-detail__content .txt-box .content .study_title { color: #00A5E5; background-image: url(../img/icon_st.png); }
.p-detail.st .p-detail__content .txt-box .content dt { background-color: rgba(0, 165, 229, 0.2); color: #00A5E5; }
.p-detail.st .p-detail__content .movie-box video, .p-detail.st .p-detail__content .movie-box .movie-box-wrap { border-color: #00A5E5; }
.p-detail.st .p-detail__content .movie-box p { background-color: #00A5E5; }
.p-detail.st .p-detail__content .btn-box .btn.faculty a { background-color: #00A5E5; }
.p-detail.rt .p-detail__kv .department { background: #00A4BC; }
.p-detail.rt .p-detail__kv .no:before { border-top-color: #00A4BC; }
.p-detail.rt .p-detail__kv .title { left: 0; right: auto; }
.p-detail.rt .p-detail__content { border-color: #00A4BC; }
.p-detail.rt .p-detail__content .txt-box .title { border-left-color: #00A4BC; }
.p-detail.rt .p-detail__content .txt-box .profile th span { color: #00A4BC; }
.p-detail.rt .p-detail__content .txt-box .content .study_title { color: #00A4BC; background-image: url(../img/icon_rt.png); }
.p-detail.rt .p-detail__content .txt-box .content dt { background-color: rgba(0, 164, 188, 0.2); color: #00A4BC; }
.p-detail.rt .p-detail__content .movie-box video, .p-detail.rt .p-detail__content .movie-box .movie-box-wrap { border-color: #00A4BC; }
.p-detail.rt .p-detail__content .movie-box p { background-color: #00A4BC; }
.p-detail.rt .p-detail__content .btn-box .btn.faculty a { background-color: #00A4BC; }
.p-detail.hn .p-detail__kv .department { background: #F7941D; }
.p-detail.hn .p-detail__kv .no:before { border-top-color: #F7941D; }
.p-detail.hn .p-detail__kv .title { left: 0; right: auto; }
.p-detail.hn .p-detail__content { border-color: #F7941D; }
.p-detail.hn .p-detail__content .txt-box .title { border-left-color: #F7941D; }
.p-detail.hn .p-detail__content .txt-box .profile th span { color: #F7941D; }
.p-detail.hn .p-detail__content .txt-box .content .study_title { color: #F7941D; background-image: url(../img/icon_hn.png); }
.p-detail.hn .p-detail__content .txt-box .content dt { background-color: rgba(247, 148, 29, 0.2); color: #F7941D; }
.p-detail.hn .p-detail__content .movie-box video, .p-detail.hn .p-detail__content .movie-box .movie-box-wrap { border-color: #F7941D; }
.p-detail.hn .p-detail__content .movie-box p { background-color: #F7941D; }
.p-detail.hn .p-detail__content .btn-box .btn.faculty a { background-color: #F7941D; }
.p-detail.hs .p-detail__kv .department { background: #DB4034; }
.p-detail.hs .p-detail__kv .no:before { border-top-color: #DB4034; }
.p-detail.hs .p-detail__kv .title { left: 0; right: auto; }
.p-detail.hs .p-detail__content { border-color: #DB4034; }
.p-detail.hs .p-detail__content .txt-box .title { border-left-color: #DB4034; }
.p-detail.hs .p-detail__content .txt-box .profile th span { color: #DB4034; }
.p-detail.hs .p-detail__content .txt-box .content .study_title { color: #DB4034; background-image: url(../img/icon_hs.png); }
.p-detail.hs .p-detail__content .txt-box .content dt { background-color: rgba(219, 64, 52, 0.2); color: #DB4034; }
.p-detail.hs .p-detail__content .movie-box video, .p-detail.hs .p-detail__content .movie-box .movie-box-wrap { border-color: #DB4034; }
.p-detail.hs .p-detail__content .movie-box p { background-color: #DB4034; }
.p-detail.hs .p-detail__content .btn-box .btn.faculty a { background-color: #DB4034; }
.p-detail.nr .p-detail__kv .title { position: absolute; right: 0; top: 35%; margin-top: -55px; padding: 24px 37px; background: url(../img/bg1.jpg?201907) center top; }
.p-detail.nr .p-detail__kv .department { background: #F05988; }
.p-detail.nr .p-detail__kv .no:before { border-top-color: #F05988; }
.p-detail.nr .p-detail__content { border-color: #F05988; }
.p-detail.nr .p-detail__content .txt-box .title { border-left-color: #F05988; }
.p-detail.nr .p-detail__content .txt-box .profile th span { color: #F05988; }
.p-detail.nr .p-detail__content .txt-box .content .study_title { color: #F05988; background-image: url(../img/icon_nr.png); }
.p-detail.nr .p-detail__content .txt-box .content dt { background-color: rgba(240, 89, 136, 0.2); color: #F05988; }
.p-detail.nr .p-detail__content .movie-box video, .p-detail.nr .p-detail__content .movie-box .movie-box-wrap { border-color: #F05988; }
.p-detail.nr .p-detail__content .movie-box p { background-color: #F05988; }
.p-detail.nr .p-detail__content .btn-box .btn.faculty a { background-color: #F05988; }
.p-detail.sw .p-detail__kv .department { background: #4DB848; }
.p-detail.sw .p-detail__kv .no:before { border-top-color: #4DB848; }
/*.p-detail.sw .p-detail__kv .title { left: 0; right: auto; }*/
.p-detail.sw .p-detail__content { border-color: #4DB848; }
.p-detail.sw .p-detail__content .txt-box .title { border-left-color: #4DB848; }
.p-detail.sw .p-detail__content .txt-box .profile th span { color: #4DB848; }
.p-detail.sw .p-detail__content .txt-box .content .study_title { color: #4DB848; background-image: url(../img/icon_sw.png); }
.p-detail.sw .p-detail__content .txt-box .content dt { background-color: rgba(77, 184, 72, 0.2); color: #4DB848; }
.p-detail.sw .p-detail__content .movie-box video, .p-detail.sw .p-detail__content .movie-box .movie-box-wrap { border-color: #4DB848; }
.p-detail.sw .p-detail__content .movie-box p { background-color: #4DB848; }
.p-detail.sw .p-detail__content .btn-box .btn.faculty a { background-color: #4DB848; }
.p-detail.hi .p-detail__kv .department { background: #A4548A; }
.p-detail.hi .p-detail__kv .no:before { border-top-color: #A4548A; }
.p-detail.hi .p-detail__kv .title { left: 0; right: auto; }
.p-detail.hi .p-detail__content { border-color: #A4548A; }
.p-detail.hi .p-detail__content .txt-box .title { border-left-color: #A4548A; }
.p-detail.hi .p-detail__content .txt-box .profile th span { color: #A4548A; }
.p-detail.hi .p-detail__content .txt-box .content .study_title { color: #A4548A; background-image: url(../img/icon_hi.png); }
.p-detail.hi .p-detail__content .txt-box .content dt { background-color: rgba(164, 84, 138, 0.2); color: #A4548A; }
.p-detail.hi .p-detail__content .movie-box video, .p-detail.hi .p-detail__content .movie-box .movie-box-wrap { border-color: #A4548A; }
.p-detail.hi .p-detail__content .movie-box p { background-color: #A4548A; }
.p-detail.hi .p-detail__content .btn-box .btn.faculty a { background-color: #A4548A; }

/* ----------------------------- 9. タブレット */
/* ----------------------------- 9. スマホ */
@media screen and (max-width: 767px) { /*======================================= スマホ =========================================*/
  body { min-width: initial; line-height: 160%; }
  /* ========================================= ヘッダー */
  #container { background: url(../img/arrow_2_sp.png) repeat-y center top; background-size: contain; }
  body.detail #container { background: none; }
  .l-header { padding: 20px 0 15px; }
  .l-header img { max-width: 230px; }
  /* ========================================= フッター */
  /* ========================================= 未来研究ガイド 扉 */
  .p-index__archive .box { float: none; width: 100%; margin-left: 0; margin-bottom: 15px; }
  .p-index__archive .box-title { text-align: center; margin-bottom: 25px; }
  .p-index__archive .box-title img { max-width: 230px;}
  .p-index__archive .box-content a .no { padding-bottom: 25px; }
  .p-index__archive .box-content a .department { font-size: 16px; font-size: 1.6rem; padding-top: 8px; padding-bottom: 8px; z-index: 2; }
  .p-index__archive .box-content a .btn { padding-top: 10px; }
  .p-index__archive .box-introduction { padding-top: 0; padding-bottom: 20px; }
  .p-index__archive .box-introduction h3 { font-size: 22px; font-size: 2.2rem; text-align: center; padding-bottom: 10px; border-bottom: 2px dotted #999; line-height: 160%; }
    .p-index__archive .box-introduction h3 span { font-size: 26px; font-size: 2.6rem; -webkit-text-stroke: 1px #000; text-shadow: 1px 1px 2px #2bb724; color: #fff; }
  .p-index__archive .box-introduction p { padding-top: 10px;}
/*  .p-index__archive .box-introduction p { padding-top: 10px; text-shadow: -2px -2px 10px #f6fbff, -2px 0 10px #f6fbff, -2px 2px 10px #f6fbff, 0px -2px 10px #f6fbff, 0px 0 10px #f6fbff, 0px 2px 10px #f6fbff, 2px -2px 10px #f6fbff, 2px 0px 10px #f6fbff, 2px 2px 10px #f6fbff; }*/
  .p-index__past a { display: block; }
  .p-index__past a + a { margin-left: 0; margin-top: 15px; }
  /* ========================================= 未来研究ガイド 詳細 */
  .p-detail__title { padding-bottom: 10px; margin-bottom: 10px; text-align: center; }
  .p-detail__title img { max-width: 180px; }
  .p-detail__kv { padding-top: 41px; }
  .p-detail__kv .no { padding: 5px 7px 28px 29px; font-size: 18px; font-size: 1.8rem; }
  .p-detail__kv .no:before { border-top-width: 60px; border-left-width: 60px; }
  .p-detail__kv .department { max-width: initial; font-size: 18px; font-size: 1.8rem; padding-top: 6px; padding-bottom: 6px; }
  .p-detail__content { padding: 15px; padding-bottom: 25px; }
  .p-detail__content .txt-box, .p-detail__content .img-box { float: none; width: auto; }
  .p-detail__content .txt-box { padding-top: 0; }
  .p-detail__content .txt-box .title { padding-left: 10px; border-left-width: 3px; margin-bottom: 15px; }
  .p-detail__content .txt-box .title .name { font-size: 22px; font-size: 2.2rem; }
  .p-detail__content .txt-box .title .name small { font-size: 12px; font-size: 1.2rem; margin-left: 8px; }
  .p-detail__content .txt-box .profile, .p-detail__content .txt-box .profile tbody, .p-detail__content .txt-box .profile tr, .p-detail__content .txt-box .profile th, .p-detail__content .txt-box .profile td { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  .p-detail__content .txt-box .profile tr { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px; }
  .p-detail__content .txt-box .profile th { font-weight: bold; }
  .p-detail__content .txt-box .profile td { padding-left: 1em; }
  .p-detail__content .txt-box .content { border-top: 0; margin-top: 0; }
  .p-detail__content .txt-box .content .study_title { font-size: 18px; font-size: 1.8rem; background-size: 20px; padding-left: 28px; }
  .p-detail__content .txt-box .content dt { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; }
  .p-detail__content .txt-box .content dd { font-size: 13px; font-size: 1.3rem; line-height: 180%; }
  .p-detail__content .img-box { margin-top: 15px; margin-bottom: 20px; }
  .p-detail__content .img-box .person { margin-bottom: 15px; }
  .p-detail__content .img-box .person img { max-width: 115px; }
  .p-detail__content .img-box .img1 { float: left; width: 49%; }
  .p-detail__content .img-box .img2 { float: right; width: 49%; }
  .p-detail__content .movie-box { margin-top: 15px; }
  .p-detail__content .movie-box video, .p-detail__content .movie-box .movie-box-wrap { border-width: 4px; }
  .p-detail__content .movie-box p { font-size: 13px; font-size: 1.3rem; padding-top: 7px; padding-bottom: 2px; }
  .p-detail__content .btn-box { padding-top: 25px; }
  .p-detail__content .btn-box .btn { display: block; font-size: 16px; font-size: 1.6rem; }
  .p-detail__content .btn-box .btn span { font-size: 13px; font-size: 1.3rem; }
  .p-detail__content .btn-box .btn + .btn { margin-left: 0; margin-top: 15px; }
  .p-detail__nav li { width: 50%; }
  .p-detail__nav li a { width: 94%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .p-detail__nav li.archive { clear: both; width: 100%; padding-top: 20px; }
  .p-detail__nav li.archive a { width: 100%; } }