/* ======================================== *
* 医科ページ用 -for Tablet
/* ======================================== */
@media screen and (min-width: 600px) {
/* ---------- 医科診療 共通 ---------- */
#medical main h1 {
background-size: auto 200px;
}
/* PC版への影響回避 */
@media screen and (max-width: 999px) {
#medical .tab :not(li:first-of-type) a {
line-height: 23px;
height: 60px;
}
}
/* 下向き矢印 */
#medical:not(.medical_policy) hr::before,
.arrow_down::before {
top: -30px;
left: calc(50% - 15px);
width: 15px;
height: 15px;
border: 15px solid transparent;
border-left: 15px solid #462e1d;
}
/*---- 検査項目（もの忘れ・アルツハイマー） ----*/
.wrap .items .detail {
right: -50px;
width: 260px;
}
.wrap .items .tooth .detail {
top: -90px;
}
.wrap .items .blood .detail {
top: -110px;
}
.wrap .items .cognitive .detail {
top: -135px;
}
.wrap .items .mri .detail {
top: -190px;
}
.wrap .items .spect .detail {
top: -110px;
}
.wrap .items .amyloid .detail {
top: -135px;
}
/*---- リンクバナー ----*/
.wrap .bnr_link em {
margin-top: 0.2rem;
}
/*---- ご注意いただきたいこと（もの忘れ・アルツハイマー） ----*/
.alzheimer .wrap table {
width: 70%;
}
.alzheimer .wrap tr:not(tr:first-child) th {
writing-mode: horizontal-tb;
letter-spacing: 0;
}
/* ---------- 歯周病が認知症
発症の一因に（.intro） ---------- */
/* vis */
.intro .vis p:nth-of-type(1) {
right: 10%;
top: 10px;
}
.intro .vis p:nth-of-type(2) {
width: 120px;
height: 120px;
padding-top: 20px;
right: 23%;
top: 100px;
}
.intro .vis p:nth-of-type(3) {
width: 90px;
height: 90px;
left: 23%;
top: 174px;
z-index: 1;
}
.intro .vis p:nth-of-type(4) {
width: 120px;
height: 120px;
padding-top: 35px;
left: 36%;
top: 205px;
}
.intro .vis p:nth-of-type(5) {
width: 130px;
height: 130px;
padding-top: 18px;
left: 8%;
top: 275px;
}
/* 初診料 */
.intro .first_price {
background-size: 20%;
}
.intro .pickup {
width: 50%;
}
.intro .pickup p {
width: 11em;
}
/* 流れ */
.medical_flow h3 {
line-height: 2.5rem;
}
/* 初診終了 */
.intro .flow_end {
padding-bottom: 0;
background-size: 20% auto, 22% auto;
}
/* 選べる２コース */
.intro .course {
width: 400px;
}
.intro .course li:first-of-type .catch {
top: -105px;
left: -110px;
padding-top: 40px;
width: 220px;
height: 140px;
}
.intro .course li:first-of-type .catch span {
top: 55px;
right: -45px;
}
.intro .course li:last-of-type .catch {
right: -100px;
bottom: -150px;
padding-top: 40px;
width: 250px;
height: 140px;
}
.intro .course li:last-of-type .catch span {
top: -30px;
left: -40px;
}
.intro .course li a {
width: 400px;
height: 262px;
background-size: auto 262px;
}
.intro .course li:last-of-type a {
background-size: auto 262px;
}
.intro .course li a p {
padding-top: 8px;
}
.intro .course li h3 {
margin-top: 8.3rem;
line-height: 2.9rem;
}
/* ---------- /歯周病が認知症
発症の一因に（.intro） ---------- */
/* ---------- もの忘れリスク検査コース（.forget） ---------- */
.forget .vis h2 + p {
margin: -6rem 0 4.5rem;
}
/* 診察内容のキャッチコピー */
.forget .wrap_catch p:first-of-type {
left: 15%;
padding-top: 25px;
width: 180px;
height: 140px;
}
.forget .wrap_catch p:last-of-type {
top: 0;
right: 5%;
padding-top: 40px;
width: 270px;
height: 150px;
}
.forget .items .tooth .catch {
top: -155px;
width: 200px;
height: 170px;
}
.forget .items .mri .catch {
top: -360px;
right: -15%;
padding-top: 60px;
width: 250px;
height: 210px;
}
/* ---------- アルツハイマーコース（.alzheimer） ---------- */
/* vis */
.alzheimer .vis {
height: 560px;
background-position: right bottom -30px, left -70px bottom -5px;
background-size: 75% auto, 130% auto;
}
.alzheimer .vis h2 {
margin-bottom: 5rem;
}
.alzheimer .vis .display_sp,
.alzheimer .summary .display_sp {
display: none;
}
.alzheimer .display_pc {
display: block;
}
}