.ptitle_block {
background: #F3F9FF;
}
.ptitle_block .h1box {
padding-top: 60px;
padding-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 768px) {
.ptitle_block .h1box {
padding-top: 22px;
padding-bottom: 10px;
}
}
.ptitle_block .h1box .en {
color: #B5B5B5;
font-size: 2.2624rem;
font-weight: 500;
letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
.ptitle_block .h1box .en {
font-size: 1.333rem;
}
}
.ptitle_block .h1box h1 {
color: #000;
font-size: 4.5rem;
font-weight: 500;
letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
.ptitle_block .h1box h1 {
font-size: 2.765rem;
}
}  main {
padding-top: 50px;
padding-bottom: 180px;
background: #FFF;
}
@media screen and (max-width: 820px) {
main {
padding-bottom: 100px;
}
}
main.pd0 {
padding-top: 0;
padding-bottom: 0;
}
.h2box_gradient_wrap {
position: relative;
margin-bottom: 60px;
padding-bottom: 8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/line-orange.svg) no-repeat 0 bottom/contain;
}
.h2box_gradient_wrap.green {
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/line-green.svg) no-repeat 0 bottom/contain;
}
@media screen and (max-width: 768px) {
.h2box_gradient_wrap {
margin-bottom: 20px;
}
}
.h2box_gradient_wrap .h2box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 28px;
}
@media (max-width: 480px) {
.h2box_gradient_wrap .h2box {
gap: 0 17px;
}
}
.h2box_gradient_wrap .h2box h2 {
color: #2D3047;
font-size: 4.5rem;
font-weight: 500;
letter-spacing: 0.08em;
}
@media (max-width: 480px) {
.h2box_gradient_wrap .h2box h2 {
font-size: 2.4rem;
}
}
.h2box_gradient_wrap .h2box .en {
color: #2D3047;
font-size: 2.26rem;
font-weight: 300;
letter-spacing: 0.08em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 480px) {
.h2box_gradient_wrap .h2box .en {
font-size: 1.2rem;
}
}
.h2box_wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 60px 0;
}
@media screen and (max-width: 768px) {
.h2box_wrap {
gap: 38px 0;
}
}
.h2box_wrap .h2box {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 22px;
}
@media screen and (max-width: 768px) {
.h2box_wrap .h2box {
width: 45px;
gap: 0 17px;
}
}
.h2box_wrap .h2box h2 {
font-size: 3.2rem;
font-weight: 300;
letter-spacing: 0.5em;
}
@media screen and (max-width: 768px) {
.h2box_wrap .h2box h2 {
font-size: 2.4rem;
}
}
.h2box_wrap .h2box .en {
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.h2box_wrap .h2box .en {
font-size: 1.2rem;
}
}
.h3box_wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 60px 0;
}
@media screen and (max-width: 768px) {
.h3box_wrap {
gap: 38px 0;
}
}
.h3box_wrap .h3box {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 22px;
}
@media screen and (max-width: 768px) {
.h3box_wrap .h3box {
width: 45px;
gap: 0 17px;
}
}
.h3box_wrap .h3box h3 {
font-size: 3.2rem;
font-weight: 300;
letter-spacing: 0.5em;
}
@media screen and (max-width: 768px) {
.h3box_wrap .h3box h3 {
font-size: 2.4rem;
}
}
.h3box_wrap .h3box .en {
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.h3box_wrap .h3box .en {
font-size: 1.2rem;
}
}
.block01 {
padding-left: 5.2vw;
margin-right: 8.59vw; }    .concept { }
.concept main {
padding-bottom: 0;
}
.concept .subnav_block {
padding-top: 90px;
padding-bottom: 90px;
background: #FFF;
}
@media screen and (max-width: 768px) {
.concept .subnav_block {
padding-top: 40px;
padding-bottom: 40px;
}
}
.concept .btn_wrap {
margin: 0 auto;
width: 80%;
max-width: 858px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 50px;
}
@media screen and (max-width: 768px) {
.concept .btn_wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 13px 0;
}
}
.concept .btnbox {
width: 50%;
aspect-ratio: 404/244;
display: block;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.concept .btnbox {
width: 100%;
}
}
.concept .btnbox:hover {
opacity: 0.7;
}
.concept #fundamental {
position: relative;
padding-top: 182px;
padding-bottom: 90px;
background: rgba(233, 97, 0, 0.03);
}
@media screen and (max-width: 768px) {
.concept #fundamental {
padding-top: 80px;
padding-bottom: 60px;
}
}
.concept #fundamental::before {
position: absolute;
content: "";
width: 686px;
aspect-ratio: 686/417;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/concept/fundamental_bg.png) no-repeat 0 0/contain;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.concept #fundamental::before {
width: 60%;
}
}
.concept #clinical {
position: relative;
margin-top: 60px;
padding-top: 182px;
padding-bottom: 200px;
background: rgba(0, 150, 153, 0.03);
}
@media screen and (max-width: 768px) {
.concept #clinical {
padding-top: 80px;
padding-bottom: 100px;
}
}
.concept #clinical::before {
position: absolute;
content: "";
width: 688px;
aspect-ratio: 688/420;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/concept/clinical_bg.png) no-repeat 0 0/contain;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.concept #clinical::before {
width: 60%;
}
}
.concept #clinical .inner_block_contents .inner_block_inblock h4::after {
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/icn-green.svg) no-repeat 0 0/contain;
}
.concept #clinical .inner_block_contents .inner_block_inblock .detail_wrap h5 {
color: #009FAF;
}
.concept #clinical .members .members_block_wrap .members_box .txt p.posi {
color: #009FAF;
}
.concept .sec .main_width {
max-width: 1100px;
}
@media screen and (max-width: 768px) {
.concept .sec .main_width {
width: calc(100% - 50px);
}
}
.concept .inner_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 100px;
}
@media screen and (max-width: 768px) {
.concept .inner_block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.concept .inner_block .h3box_wrap .h3box {
width: 100%;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
-o-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}
.concept .inner_block .h3box_wrap .h3box h3 {
font-size: 2.304rem;
letter-spacing: 0.08em;
}
.concept .inner_block .h3box_wrap .h3box .en {
font-size: 1.2rem;
}
}
.concept .inner_block_contents .inner_block_inblock {
padding-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 52px;
}
@media screen and (max-width: 768px) {
.concept .inner_block_contents .inner_block_inblock {
gap: 0 16px;
}
}
.concept .inner_block_contents .inner_block_inblock h4 {
position: relative;
padding-top: 42px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
color: #2D3047;
font-size: 3.2rem;
font-weight: 300;
letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
.concept .inner_block_contents .inner_block_inblock h4 {
font-size: 2.4rem;
}
}
.concept .inner_block_contents .inner_block_inblock h4::after {
position: absolute;
content: "";
width: 42px;
height: 32px;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/icn-orange.svg) no-repeat 0 0/contain;
top: 0;
left: calc(50% - 21px);
}
@media screen and (max-width: 768px) {
.concept .inner_block_contents .inner_block_inblock h4::after {
width: 32px;
height: 22px;
left: calc(50% - 16px);
}
}
.concept .inner_block_contents .inner_block_inblock .detail_wrap h5 {
padding-top: 2em;
color: #D84910;
font-size: 2.3rem;
font-weight: 300;
letter-spacing: 0.08em;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.concept .inner_block_contents .inner_block_inblock .detail_wrap h5 {
font-size: 1.4rem;
font-weight: 400;
}
}
.concept .inner_block_contents .inner_block_inblock .detail_wrap p {
font-size: 1.8rem;
letter-spacing: 0.08em;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.concept .inner_block_contents .inner_block_inblock .detail_wrap p {
font-size: 1.4rem;
font-weight: 300;
}
}
.concept .inner_block_contents .inner_block_inblock .detail_wrap p + p {
padding-top: 2em;
}
.concept .members .h3box_wrap {
margin-bottom: 15px;
}
.concept .members .mainfig {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.concept .members .mainfig {
margin-bottom: 15px;
}
}
.concept .members h4 {
margin-top: 60px;
margin-bottom: 30px;
width: 100%;
font-size: 2.2rem;
font-weight: 300;
letter-spacing: 0.08em;
line-height: 1.8;
border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
.concept .members h4 {
margin-top: 40px;
}
}
.concept .members h4:first-of-type {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.concept .members h4:first-of-type {
margin-top: 30px;
}
}
.concept .members .members_block_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px 0;
}
.concept .members .members_block_wrap .members_box {
width: 100%;
}
.concept .members .members_block_wrap .members_box .desc a {
color: #0061C2;
text-decoration: underline;
text-underline-offset: 3px;
}
.concept .members .members_block_wrap .members_box .desc a:hover {
text-decoration: none;
}
.concept .members .members_block_wrap .members_box .inbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 25px;
}
@media screen and (max-width: 768px) {
.concept .members .members_block_wrap .members_box .inbox {
gap: 0 12px;
}
}
.concept .members .members_block_wrap .members_box .inbox figure {
width: 148px;
height: 148px;
}
@media screen and (max-width: 768px) {
.concept .members .members_block_wrap .members_box .inbox figure {
width: 100px;
height: 100px;
}
}
.concept .members .members_block_wrap .members_box .inbox figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.concept .members .members_block_wrap .members_box .inbox .txt {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.concept .members .members_block_wrap .members_box .inbox .txt p {
font-size: 1.33rem;
letter-spacing: 0.08em;
line-height: 1.8;
}
.concept .members .members_block_wrap .members_box .inbox .txt p.name {
font-size: 2rem;
font-weight: 500;
}
.concept .members .members_block_wrap .members_box .inbox .txt p.posi {
padding-bottom: 5px;
color: #D84910;
font-size: 1.6rem;
font-weight: 500;
}
.concept .members .members_block_wrap .members_box .inbox .txt .desc_pc {
font-size: 1.33rem;
letter-spacing: 0.08em;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.concept .members .members_block_wrap .members_box .inbox .txt .desc_pc {
display: none;
}
}
.concept .members .members_block_wrap .members_box .desc_sp {
padding-top: 12px;
font-size: 1.33rem;
letter-spacing: 0.08em;
line-height: 1.8;
}
@media (min-width: 769px) {
.concept .members .members_block_wrap .members_box .desc_sp {
display: none;
}
}  .news_block {
padding: 120px 0 180px;
}
@media screen and (max-width: 768px) {
.news_block {
padding: 80px 0 100px;
}
}
.news_block .news_list a.newsbox {
padding: 40px 0;
}  .news.single .ptitle_block .main_width {
padding-top: 25px;
padding-bottom: 25px;
}
.news.single .post_single {
padding-top: 120px;
padding-bottom: 180px;
}
@media screen and (max-width: 768px) {
.news.single .post_single {
padding-top: 70px;
padding-bottom: 120px;
}
}
.news.single .post_single .main_width {
max-width: 920px;
}
.news.single .post_head {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #B5B5B5;
}
@media screen and (max-width: 768px) {
.news.single .post_head {
margin-bottom: 10px;
padding-bottom: 10px;
}
}
.news.single .post_head h1 {
margin-bottom: 20px;
font-size: clamp(2.765rem, 2.37vw, 3.244rem);
letter-spacing: 0.05em;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.news.single .post_head h1 {
margin-bottom: 16px;
font-size: 2.765rem;
line-height: 1.6;
}
}
.news.single .post_head dl {
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news.single .post_head dl dt {
width: 50px;
}
.news.single .post_head dl dt img.tag {
width: 22px;
}
.news.single .post_head dl dt img.clock {
width: 23px;
}
.news.single .post_head dl dd.cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 10px; }
.news.single .post_head dl dd.cat span {
padding: 6px 25px;
color: #2D3047;
font-weight: 700;
letter-spacing: 0.08em;
border: 1px solid #2D3047;
border-radius: 34px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
@media screen and (max-width: 820px) {
.news.single .post_head dl dd.cat span {
padding: 2px 13px;
font-size: 1.2rem;
}
}
.news.single .post_head dl dd.date {
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.1em;
}
@media screen and (max-width: 820px) {
.news.single .post_head dl dd.date {
font-size: 1.5rem;
letter-spacing: 0.05em;
}
}
.news.single .post_body .eye {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.news.single .post_body .eye {
margin-top: 10px;
margin-bottom: 10px;
}
}
.news.single .post_body p {
margin-top: 20px;
margin-bottom: 30px;
letter-spacing: 0.05em;
line-height: 1.8;
}
.news.single .post_body h2 {
position: relative;
margin-top: 60px;
margin-bottom: 0;
padding-top: 16px;
font-size: clamp(2.304rem, 1.87vw, 2.56rem);
border-top: 4px solid #E1E1E1;
}
@media screen and (max-width: 768px) {
.news.single .post_body h2 {
margin-top: 50px;
}
}
.news.single .post_body h2::after {
position: absolute;
content: "";
width: 27.6%;
max-width: 254px;
height: 4px;
background: #0061C2;
line-height: 1;
top: -4px;
left: 0;
z-index: 2;
}
.news.single .post_body h3 {
margin-top: 30px;
margin-bottom: 0;
padding: 12px;
font-size: clamp(1.85rem, 1.5vw, 2rem);
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.6;
background: #F3F9FF;
}
@media screen and (max-width: 768px) {
.news.single .post_body h3 {
margin-top: 20px;
padding: 12px 5px;
}
}
.news.single .post_body h4 {
margin-top: 20px;
margin-bottom: 0;
padding-left: 11px;
font-size: clamp(1.85rem, 1.5vw, 2rem);
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.6;
border-left: 3px solid #0061C2;
}
@media screen and (max-width: 768px) {
.news.single .post_body h4 {
margin-top: 10px;
}
}
.news.single .post_btn {
margin-top: 120px;
}
@media screen and (max-width: 768px) {
.news.single .post_btn {
margin-top: 80px;
}
}
.news.single .post_btn a {
position: relative;
margin: 0 auto;
width: 348px;
height: 86px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #2D3047;
-webkit-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
border-radius: 50px;
}
@media screen and (max-width: 768px) {
.news.single .post_btn a {
width: 244px;
height: 60px;
}
}
.news.single .post_btn a span {
padding-left: 40px;
padding-right: 78px;
color: #2D3047;
font-size: clamp(1.6rem, 1.7vw, 2.4rem);
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
@media screen and (max-width: 768px) {
.news.single .post_btn a span {
padding-left: 20px;
padding-right: 56px;
font-size: 1.68rem;
-webkit-transform: none;
transform: none;
}
}
.news.single .post_btn a::after {
position: absolute;
content: "";
width: 30px;
height: 16px;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/arrow-02.svg) no-repeat 0 0/contain;
top: calc(50% - 8px);
right: 28px;
}
@media screen and (max-width: 768px) {
.news.single .post_btn a::after {
width: 21px;
height: 11px;
top: calc(50% - 5px);
right: 20px;
}
}
.news.single .post_btn a:hover {
opacity: 0.7;
}
.news.single .post_btn a:hover span {
color: #2D3047;
}  .information_block {
padding: 30px 0 180px;
}
@media screen and (max-width: 768px) {
.information_block {
padding: 15px 0 100px;
}
}
.information_block .information_list h2 {
position: relative;
margin-top: 60px;
margin-bottom: 16px;
width: 100%;
color: #202124;
font-size: clamp(2.2rem, 2.4vw, 3.2rem);
font-weight: 500;
line-height: 2;
border-bottom: 4px solid #E1E1E1;
}
@media screen and (max-width: 820px) {
.information_block .information_list h2 {
margin-top: 30px;
margin-bottom: 10px;
}
}
.information_block .information_list h2::after {
position: absolute;
content: "";
width: 27.6%;
max-width: 254px;
height: 4px;
background: #0061C2;
line-height: 1;
bottom: -4px;
left: 0;
z-index: 2;
}
.information_block .information_list a.informationbox {
position: relative;
padding: 24px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 24px;
color: #2D3047;
border-bottom: 1px solid #2D3047;
}
@media screen and (max-width: 820px) {
.information_block .information_list a.informationbox {
padding: 25px 0;
gap: 10px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.information_block .information_list a.informationbox::after {
position: absolute;
content: "";
width: 7px;
height: 13px;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/arrow-01.svg) no-repeat 0 0/contain;
top: calc(50% - 7px);
right: 8px;
}
@media screen and (max-width: 820px) {
.information_block .information_list a.informationbox::after {
content: none;
}
}
.information_block .information_list a.informationbox:hover {
color: #0061C2;
}
.information_block .information_list a.informationbox:hover::after {
-webkit-filter: brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(1802%) hue-rotate(195deg) brightness(96%) contrast(102%);
filter: brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(1802%) hue-rotate(195deg) brightness(96%) contrast(102%);
}
.information_block .information_list a.informationbox:hover .info .cat span {
border: 1px solid #0061C2;
}
.information_block .information_list a.informationbox .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 24px;
}
@media screen and (max-width: 820px) {
.information_block .information_list a.informationbox .info {
gap: 0 12px;
}
}
.information_block .information_list a.informationbox .info .cat {
padding: 6px 25px;
font-weight: 700;
letter-spacing: 0.08em;
background: #FFF;
border-radius: 34px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
@media screen and (max-width: 820px) {
.information_block .information_list a.informationbox .info .cat {
padding: 2px 13px;
font-size: 1.2rem;
}
}
.information_block .information_list a.informationbox .info .cat.fundamental {
color: #E96100;
border: 1px solid #E96100;
}
.information_block .information_list a.informationbox .info .cat.clinical {
color: #009699;
border: 1px solid #009699;
}
.information_block .information_list a.informationbox .info .num {
font-weight: 700;
letter-spacing: 0.08em;
}
@media screen and (max-width: 820px) {
.information_block .information_list a.informationbox .info .num {
font-size: 1.3rem;
letter-spacing: 0.05em;
}
}
.information_block .information_list a.informationbox p {
position: relative;
padding-right: 66px;
width: 100%;
font-size: 1.4rem;
letter-spacing: 0.1em;
line-height: 1.5;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 820px) {
.information_block .information_list a.informationbox p {
padding-right: 33px;
font-size: 1.3rem;
letter-spacing: 0.05em;
}
}
.information_block .information_list a.informationbox p::after {
position: absolute;
content: "";
width: 7px;
height: 13px;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/arrow-01.svg) no-repeat 0 0/contain;
top: calc(50% - 7px);
right: 8px;
}
@media (min-width: 821px) {
.information_block .information_list a.informationbox p::after {
content: none;
}
}
.information_block .information_list a.informationbox p:hover {
color: #0061C2;
}
.information_block .information_list a.informationbox p:hover::after {
-webkit-filter: brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(1802%) hue-rotate(195deg) brightness(96%) contrast(102%);
filter: brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(1802%) hue-rotate(195deg) brightness(96%) contrast(102%);
}
.information_block .page-numbers_wrap {
margin: 120px auto 0;
}  .pub_year_block {
padding-top: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0 52px;
}
@media screen and (max-width: 768px) {
.pub_year_block {
gap: 0 16px;
}
}
.pub_year_block h4 {
position: relative;
padding-top: 42px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
color: #2D3047;
font-size: 3.2rem;
font-weight: 300;
letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
.pub_year_block h4 {
font-size: 2.4rem;
}
}
.pub_year_block h4::after {
position: absolute;
content: "";
width: 42px;
height: 32px;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/icn-blue.svg) no-repeat 0 0/contain;
top: 0;
left: calc(50% - 21px);
}
@media screen and (max-width: 768px) {
.pub_year_block h4::after {
width: 32px;
height: 22px;
left: calc(50% - 16px);
}
}
.pub_year_block .pub_year_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 18px 0;
}
.pub_year_block .pub_year_list li {
position: relative;
height: 38px;
border-right: none;
}
@media screen and (max-width: 768px) {
.pub_year_block .pub_year_list li {
height: 20px;
}
}
.pub_year_block .pub_year_list li.has-border {
border-right: 1px solid #2D3047;
}
.pub_year_block .pub_year_list li a {
position: relative;
padding: 0 20px;
color: #0061C2;
font-weight: 300;
font-size: 22.624px;
letter-spacing: 0.08em;
line-height: 1;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.pub_year_block .pub_year_list li a {
padding: 0 10px;
font-size: 1.5rem;
letter-spacing: 0.05em;
}
}
.pub_year_block .pub_year_list li a:hover {
text-decoration: underline;
text-decoration-thickness: 0.5px;
text-underline-offset: 2px;
}  .information.single .ptitle_block .main_width {
padding-top: 25px;
padding-bottom: 25px;
}
.information.single .post_single {
padding-top: 120px;
padding-bottom: 180px;
}
@media screen and (max-width: 768px) {
.information.single .post_single {
padding-top: 70px;
padding-bottom: 120px;
}
}
.information.single .post_single .main_width {
max-width: 920px;
}
.information.single .post_head {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #B5B5B5;
}
@media screen and (max-width: 768px) {
.information.single .post_head {
margin-bottom: 10px;
padding-bottom: 10px;
}
}
.information.single .post_head h1 {
margin-bottom: 20px;
font-size: clamp(2.765rem, 2.37vw, 3.244rem);
letter-spacing: 0.05em;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.information.single .post_head h1 {
margin-bottom: 16px;
font-size: 2.765rem;
line-height: 1.6;
}
}
.information.single .post_head dl {
margin-bottom: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.information.single .post_head dl dt {
width: 50px;
}
.information.single .post_head dl dt img.tag {
width: 22px;
}
.information.single .post_head dl dt img.clock {
width: 23px;
}
.information.single .post_head dl dt img.hash {
width: 23px;
}
.information.single .post_head dl dd.cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 10px; }
.information.single .post_head dl dd.cat span {
padding: 6px 25px;
color: #2D3047;
font-weight: 700;
letter-spacing: 0.08em;
border-radius: 34px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
@media screen and (max-width: 820px) {
.information.single .post_head dl dd.cat span {
padding: 2px 13px;
font-size: 1.2rem;
}
}
.information.single .post_head dl dd.cat span.fundamental {
color: #E96100;
border: 1px solid #E96100;
}
.information.single .post_head dl dd.cat span.clinical {
color: #009699;
border: 1px solid #009699;
}
.information.single .post_head dl dd.date {
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.1em;
}
@media screen and (max-width: 820px) {
.information.single .post_head dl dd.date {
font-size: 1.5rem;
letter-spacing: 0.05em;
}
}
.information.single .post_body .eye {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.information.single .post_body .eye {
margin-top: 10px;
margin-bottom: 10px;
}
}
.information.single .post_body p {
margin-top: 20px;
margin-bottom: 30px;
letter-spacing: 0.05em;
line-height: 1.8;
}
.information.single .post_body h2 {
position: relative;
margin-top: 60px;
margin-bottom: 0;
padding-top: 16px;
font-size: clamp(2.304rem, 1.87vw, 2.56rem);
border-top: 4px solid #E1E1E1;
}
@media screen and (max-width: 768px) {
.information.single .post_body h2 {
margin-top: 50px;
}
}
.information.single .post_body h2::after {
position: absolute;
content: "";
width: 27.6%;
max-width: 254px;
height: 4px;
background: #0061C2;
line-height: 1;
top: -4px;
left: 0;
z-index: 2;
}
.information.single .post_body h3 {
margin-top: 30px;
margin-bottom: 0;
padding: 12px;
font-size: clamp(1.85rem, 1.5vw, 2rem);
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.6;
background: #F3F9FF;
}
@media screen and (max-width: 768px) {
.information.single .post_body h3 {
margin-top: 20px;
padding: 12px 5px;
}
}
.information.single .post_body h4 {
margin-top: 20px;
margin-bottom: 0;
padding-left: 11px;
font-size: clamp(1.85rem, 1.5vw, 2rem);
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.6;
border-left: 3px solid #0061C2;
}
@media screen and (max-width: 768px) {
.information.single .post_body h4 {
margin-top: 10px;
}
}
.information.single .post_btn {
margin-top: 120px;
}
@media screen and (max-width: 768px) {
.information.single .post_btn {
margin-top: 80px;
}
}
.information.single .post_btn a {
position: relative;
margin: 0 auto;
width: 380px;
height: 86px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #2D3047;
-webkit-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
border-radius: 50px;
}
@media screen and (max-width: 768px) {
.information.single .post_btn a {
width: 280px;
height: 60px;
}
}
.information.single .post_btn a span {
padding-left: 40px;
padding-right: 78px;
color: #2D3047;
font-size: clamp(1.6rem, 1.7vw, 2.4rem);
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
@media screen and (max-width: 768px) {
.information.single .post_btn a span {
padding-left: 20px;
padding-right: 56px;
font-size: 1.68rem;
-webkit-transform: none;
transform: none;
}
}
.information.single .post_btn a::after {
position: absolute;
content: "";
width: 30px;
height: 16px;
background: url(//diat.umin.jp/wp-content/themes/utokyo/img/common/arrow-02.svg) no-repeat 0 0/contain;
top: calc(50% - 8px);
right: 28px;
}
@media screen and (max-width: 768px) {
.information.single .post_btn a::after {
width: 21px;
height: 11px;
top: calc(50% - 5px);
right: 20px;
}
}
.information.single .post_btn a:hover {
opacity: 0.7;
}
.information.single .post_btn a:hover span {
color: #2D3047;
}