@charset "UTF-8";
      html,
body,
div,
p,
a,
header,
main,
section,
footer,
ul,
li {
margin: 0;
padding: 0;
font-size: 100%;
border: 0;
}
ul {
list-style: none;
}      html {
font-size: 62.5%;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 100;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 200;
}
body {
font-family: "Yu Gothic", YuGothic, Verdana, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "M+ 1p", sans-serif;
font-size: 10px;
font-size: 1.0rem;
color: #444444;
line-height: 1.55;
}
a {
color: #444444;
text-decoration: none;
}
a:hover {
color: #777777;
}
img {
vertical-align: top;
}
figure {
margin: 0;
}
.check {
font-size: 16px;
color: #fff;
background: red;
line-height: 1;
padding: 4px 8px;
}
.side-banner {
position: fixed;
bottom: 0px;
right: 10px;
z-index: 999999;
}
.side-banner a {
display: block;
margin-top: 4px;
}
.side-banner a:hover {
opacity: 0.8;
}
.icon_arrow::before {
content: "　";
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/icon_arrow.svg) no-repeat center center;
background-size: 6px;
}
.icon_arrow:hover {
color: #EC670B;
text-decoration: underline;
}
.banner-area {
width: 960px;
margin: 0 auto;
}
.banner-area img {
width: 100%;
height: auto;
}
.banner-area a {
display: block;
}
.banner-area a:hover {
opacity: 0.8;
}
header {
z-index: 1002;
}
main {
z-index: 1001;
}
footer {
z-index: 9999;
}
#index header {
height: auto;
}
.tel_btn {
display: none;
}
header {
width: 100%;
height: 184px;
position: relative;
}
header .header_contents {
width: 960px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
header .header_contents .heading {
width: 245px;
padding: 13px 0 15px 50px;
}
header .header_contents .heading h1 {
margin: 0;
}
header .header_contents .heading h1 img {
vertical-align: bottom;
}
header .header_contents .heading p {
margin-top: 4px;
text-align: right;
font-size: 1.1rem;
}
header .header_contents .contact_info {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .header_contents .contact_info .contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 3.0;
margin-left: 10px;
font-size: 1.4rem;
font-weight: bold;
font-style: normal;
padding: 0 12px;
margin-top: 5px;
}
header .header_contents .contact_info .contact p.title:after {
color: #fff;
font-style: normal;
}
header .header_contents .contact_info .contact p.line {
color: #fff;
font-style: normal;
padding: 0 4px;
}
header .header_contents .contact_info .clinic {
background: #f3fbf9;
}
header .header_contents .contact_info .clinic p.title {
color: #EC670B;
}
header .header_contents .contact_info .homecare {
background: #fff5f9;
}
header .header_contents .contact_info .homecare p.title {
color: #e53984;
}
header .header_contents .contact_info .fax {
background: #f5faff;
}
header .header_contents .contact_info .fax p.title {
color: #398ae5;
}
header .header_contents .header_link {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .header_contents .header_link li {
margin-left: 1px;
text-align: center;
line-height: 2.5;
}
header .header_contents .header_link li a {
display: inline-block;
width: 125px;
background: #555;
color: #fff;
}
header .header_contents .header_link li a:hover {
background: #7b7b7b;
}
header .nav_wrapper {
background: #EC670B;
position: relative;
}
header .nav_wrapper nav {
width: 960px;
margin: 0 auto;
}
header .nav_wrapper nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .nav_wrapper nav > ul > li {
width: 192px;
text-align: center;
}
header .nav_wrapper nav > ul > li > a {
padding: 8px 0 13px;
display: inline-block;
width: 100%;
color: #fff;
font-size: 1.4rem;
line-height: 1.25;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/navi_line.png) left no-repeat;
}
header .nav_wrapper nav > ul > li .submenu {
position: absolute;
left: 0;
width: 100%;
background: #873800;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
header .nav_wrapper nav > ul > li .submenu li {
overflow: hidden;
visibility: hidden;
height: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
header .nav_wrapper nav > ul > li .submenu li a {
margin-top: 23px;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #EC670B;
}
header .nav_wrapper nav > ul > li .submenu li a p.thumb img {
vertical-align: bottom;
}
header .nav_wrapper nav > ul > li .submenu li a p.name {
background: #fff;
font-size: 1.8rem;
line-height: 74px;
width: 220px;
font-weight: bold;
}
header .nav_wrapper nav > ul > li .submenu li a:hover {
opacity: 0.8;
}
header .nav_wrapper nav > ul > li:hover a {
background-color: #873800;
}
header .nav_wrapper nav > ul > li:hover .submenu li {
visibility: visible;
height: 120px;
}
header .nav_wrapper nav > ul > li:last-child a {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/navi_line.png) left no-repeat, url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/navi_line.png) right no-repeat;
}
header .nav_wrapper nav > ul > li:last-child:hover a {
background-color: #873800;
}
header .nav_wrapper nav > ul li.home_btn {
display: none;
}
header .nav_wrapper.small_navi {
position: fixed;
top: 0;
width: 100%;
}
header .nav_wrapper.small_navi nav {
width: 960px;
}
header .nav_wrapper.small_navi nav > ul > li {
width: 192px;
}
header .nav_wrapper.small_navi nav > ul > li > a {
padding: 0;
line-height: 50px;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/navi_line.png) left no-repeat;
}
header .nav_wrapper.small_navi nav > ul > li > a img {
display: none;
}
header .nav_wrapper.small_navi nav > ul > li > a br {
display: none;
}
header .nav_wrapper.small_navi nav > ul > li:hover a {
background-color: #873800;
}
header .nav_wrapper.small_navi nav > ul > li:last-child a {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/navi_line.png) left no-repeat, url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/navi_line.png) right no-repeat;
}
header .nav_wrapper.small_navi nav > ul > li:last-child:hover a {
background-color: #873800;
}
header .nav_wrapper.small_navi nav > ul li.home_btn {
display: block;
}
header .nav_wrapper.small_navi nav > ul li.home_btn a {
font-size: 2.4rem;
}
main .page_visual {
height: 350px;
overflow: hidden;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_about_inspection.jpg);
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
position: relative;
}
main .page_visual.short {
height: 275px;
}
main .page_visual .heading {
width: 500px;
margin: 0 auto;
padding: 90px 0;
text-align: center;
}
main .page_visual .heading h2 {
font-size: 3.2rem;
font-weight: normal;
margin: 0;
font-style: normal;
}
main .page_visual .heading p {
font-size: 1.6rem;
font-style: normal;
}
main .page_visual .subpage_link .bg {
position: absolute;
bottom: 0;
width: 100%;
height: 75px;
background: linear-gradient(-65deg, white 50%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8));
}
main .page_visual .subpage_link ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
right: 0;
}
main .page_visual .subpage_link ul li a {
width: 220px;
text-align: center;
display: inline-block;
background: #fff;
font-size: 1.4rem;
line-height: 75px;
-webkit-transition: .2s;
transition: .2s;
position: relative;
}
main .page_visual .subpage_link ul li a::after {
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
height: 5px;
background-color: #EC670B;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
main .page_visual .subpage_link ul li a.active {
color: #EC670B;
}
main .page_visual .subpage_link ul li a.active::after {
width: 90%;
}
@media screen and (min-width: 960px) {
main .page_visual .subpage_link ul li a:hover {
color: #EC670B;
}
main .page_visual .subpage_link ul li a:hover::after {
width: 90%;
}
}
main .contents_wrapper {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/contents_bg_top.png) left top no-repeat, url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/contents_bg_bottom.png) bottom right no-repeat;
}
main #homecare_link a {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/btn_banner_homecare.jpg);
border: 1px solid #e53984;
}
main #homecare_link a .title {
background: rgba(229, 47, 132, 0.8);
}
main #clinic_link a {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/btn_banner_clinic.jpg);
border: 1px solid #EC670B;
}
main #clinic_link a .title {
background: rgba(27, 179, 146, 0.8);
}
main .footer_link_btn a, main #homecare_link a, main #clinic_link a {
width: 940px;
height: 155px;
margin: 30px auto;
background-color: #fff;
background-size: 940px 155px;
background-repeat: no-repeat;
background-position: center center;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
font-style: normal;
position: relative;
}
main .footer_link_btn a .title, main #homecare_link a .title, main #clinic_link a .title {
width: 375px;
text-align: center;
}
main .footer_link_btn a .title p.jp, main #homecare_link a .title p.jp, main #clinic_link a .title p.jp {
font-size: 3.0rem;
margin-top: 45px;
}
main .footer_link_btn a .title p.en, main #homecare_link a .title p.en, main #clinic_link a .title p.en {
font-size: 1.2rem;
}
main .footer_link_btn a .detail, main #homecare_link a .detail, main #clinic_link a .detail {
width: 375px;
margin: auto auto;
font-size: 1.5rem;
}
main .footer_link_btn a p.arrow, main #homecare_link a p.arrow, main #clinic_link a p.arrow {
position: absolute;
top: 65px;
right: 40px;
}
main .footer_link_btn a:hover, main #homecare_link a:hover, main #clinic_link a:hover {
opacity: 0.8;
}
main #contact_area {
padding: 100px 0 40px;
}
main #contact_area .contact_wrapper {
overflow: hidden;
position: relative;
}
main #contact_area .contact_wrapper .photo_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 205px;
}
main #contact_area .contact_wrapper .photo_list img {
vertical-align: bottom;
}
main #contact_area .contact_wrapper .contact_link {
position: absolute;
top: 0;
right: 600px;
}
main #contact_area .contact_wrapper .contact_link a {
display: inline-block;
position: relative;
}
main #contact_area .contact_wrapper .contact_link a .bg {
background: rgba(236, 103, 11, 0.95);
width: 350px;
height: 1000px;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
position: absolute;
top: -200px;
left: -200px;
-webkit-transition-property: width, height, top, left, -webkit-transform;
transition-property: width, height, top, left, -webkit-transform;
transition-property: width, height, top, left, transform;
transition-property: width, height, top, left, transform, -webkit-transform;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
main #contact_area .contact_wrapper .contact_link a .content {
position: absolute;
top: 40px;
left: -50px;
width: 300px;
color: #fff;
text-align: center;
}
main #contact_area .contact_wrapper .contact_link a .content p.title {
font-size: 2.1rem;
}
main #contact_area .contact_wrapper .contact_link a .content p.detail {
font-size: 1.4rem;
}
main #contact_area .contact_wrapper .contact_link a .content p.icon {
margin-top: 10px;
}
main #contact_area .contact_wrapper .contact_link a:hover .bg {
top: -600px;
left: -2000px;
width: 3000px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
main #car-space {
width: 960px;
margin: 0 auto;
padding-bottom: 30px;
}
main #car-space .car-space-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
main #car-space dl {
width: 50%;
background: #fff;
padding: 20px;
font-size: 1.8rem;
}
main #car-space dl dt {
margin-bottom: 10px;
font-weight: bold;
}
main #car-space dl dd {
margin-left: 0;
}
footer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 960px;
margin: 0 auto;
padding: 50px 0;
}
footer .logo {
margin-bottom: 15px;
}
footer .info .dept {
text-align: center;
font-size: 1rem;
font-weight: bold;
margin-bottom: 2px;
}
footer .info .address {
text-align: center;
font-size: 1.4rem;
}
footer .info .contact_info {
margin-top: 15px;
}
footer .info .contact_info .contact {
text-align: center;
font-size: 14px;
font-weight: bold;
}
footer .info .contact_info .contact table {
text-align: center;
margin: 8px auto 0;
letter-spacing: 0.1em;
border-spacing: 0;
}
footer .info .contact_info .contact table.outpatient {
background: #FFF0E6;
}
footer .info .contact_info .contact table.homecare {
background: #E8F0FF;
}
footer .info .contact_info .contact table tr th, footer .info .contact_info .contact table tr td {
padding: 8px 20px;
border: 1px solid #fff;
}
footer .info .contact_info .contact table tr th {
width: auto;
}
footer .sitemap {
position: relative;
padding-bottom: 40px;
}
footer .sitemap ul {
width: 330px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer .sitemap ul li {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.7;
}
footer .sitemap ul li li {
font-size: 1.4rem;
}
footer .sitemap ul li.noChild {
padding-right: 15px;
}
footer .sitemap ul li.hasChild {
width: 100%;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
padding: 0 15px 10px 0;
}
footer .sitemap ul li.hasChild ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
footer .sitemap ul li.hasChild ul li {
font-weight: normal;
padding-right: 10px;
}
footer .map {
background: #d3d3d3;
width: 290px;
height: 190px;
}
footer .pagetop {
position: absolute;
top: -26px;
right: 0;
}
footer .pagetop a {
display: inline-block;
width: 120px;
font-size: 1.2rem;
line-height: 33px;
background: #fff;
color: #EC670B;
text-align: center;
}
footer .pagetop a:hover {
color: #f8a165;
}
footer .copyright {
width: 100%;
text-align: center;
margin-top: 40px;
}
.heading_border_style, #index .schedule-list .heading_wrap, #index #notice_area .heading_wrap, #index #blog_area .heading_wrap, #index #relation_site .heading_wrap, #about .contents_wrapper #qa_list .heading_wrap, #schedule_contents .heading_wrap {
text-align: center;
padding: 10px;
margin-bottom: 10px;
border-top: 1px solid #EC670B;
border-bottom: 1px solid #EC670B;
}
.heading_border_style h3, #index .schedule-list .heading_wrap h3, #index #notice_area .heading_wrap h3, #index #blog_area .heading_wrap h3, #index #relation_site .heading_wrap h3, #about .contents_wrapper #qa_list .heading_wrap h3, #schedule_contents .heading_wrap h3 {
position: relative;
display: inline-block;
margin: 0;
color: #EC670B;
line-height: 1;
padding: 0 4px;
}
.heading_border_style h3 span, #index .schedule-list .heading_wrap h3 span, #index #notice_area .heading_wrap h3 span, #index #blog_area .heading_wrap h3 span, #index #relation_site .heading_wrap h3 span, #about .contents_wrapper #qa_list .heading_wrap h3 span, #schedule_contents .heading_wrap h3 span {
position: relative;
z-index: 999;
}
.heading_border_style h3 span.img, #index .schedule-list .heading_wrap h3 span.img, #index #notice_area .heading_wrap h3 span.img, #index #blog_area .heading_wrap h3 span.img, #index #relation_site .heading_wrap h3 span.img, #about .contents_wrapper #qa_list .heading_wrap h3 span.img, #schedule_contents .heading_wrap h3 span.img {
font-size: 0;
}
.heading_border_style h3 span.title, #index .schedule-list .heading_wrap h3 span.title, #index #notice_area .heading_wrap h3 span.title, #index #blog_area .heading_wrap h3 span.title, #index #relation_site .heading_wrap h3 span.title, #about .contents_wrapper #qa_list .heading_wrap h3 span.title, #schedule_contents .heading_wrap h3 span.title {
top: 0;
vertical-align: 0.2em;
padding-left: 10px;
}
@media screen and (max-width: 960px) {
.side-banner {
position: static;
margin-top: 10px;
}
.banner-area {
width: calc(100% - 40px);
}
.banner-area a:hover {
opacity: 1;
}
.tel_btn {
position: absolute;
top: 8px;
right: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tel_btn li a {
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;
font-size: 1.8rem;
width: 36px;
height: 36px;
border-radius: 18px;
text-align: center;
font-weight: bold;
margin: 0 5px;
}
.tel_btn li a p:first-child {
margin-top: 7px;
}
.tel_btn li a p.icon {
margin-top: -2px;
}
.tel_btn li.clinic a {
background: #EC670B;
color: #fff;
}
.tel_btn li.homecare a {
background: #e53984;
color: #fff;
}
.sp_menu_btn {
position: absolute;
display: inline-block;
width: 28px;
height: 28px;
cursor: pointer;
top: 15px;
right: 13px;   }
.sp_menu_btn .menu-line {
top: 10px;
}
.sp_menu_btn .menu-inner::after,
.sp_menu_btn .menu-inner::before {
content: "";
}
.sp_menu_btn .menu-line,
.sp_menu_btn .menu-inner::after,
.sp_menu_btn .menu-inner::before {
position: absolute;
display: block;
width: 100%;
height: 2px;
-webkit-transition: .15s ease-out;
transition: .15s ease-out;
background-color: #EC670B;
}
.sp_menu_btn .menu-inner::after {
top: 20px;
}
.sp_menu_btn.active .menu-line {
width: 0;
opacity: 0;
-webkit-transform: translateX(10px) rotate(90deg);
transform: translateX(10px) rotate(90deg);
}
.sp_menu_btn.active .menu-inner::before {
width: 24px;
-webkit-transform: translateY(10px) translateX(3px) rotate(-135deg);
transform: translateY(10px) translateX(3px) rotate(-135deg);
}
.sp_menu_btn.active .menu-inner::after {
width: 24px;
-webkit-transform: translateY(-10px) translateX(3px) rotate(135deg);
transform: translateY(-10px) translateX(3px) rotate(135deg);
}
header {
width: 100%;
height: auto;
}
header .header_contents {
width: 100%;
height: 50px;
background: #fff;
border-bottom: 2px solid #EC670B;
position: fixed;
top: 0;
z-index: 9999;
}
header .header_contents .heading {
width: 100%;
padding: 8px 0 0 10px;
}
header .header_contents .heading h1 img {
width: auto;
height: 31px;
}
header .header_contents .heading p {
display: none;
}
header .header_contents .contact_info {
display: none;
}
header .header_contents .header_link {
display: none;
}
header .nav_wrapper {
visibility: hidden;
background: #EC670B;
position: fixed;
top: 50px;
width: 100%;
height: 0%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transition: 0.2s;
transition: 0.2s;
}
header .nav_wrapper nav {
width: 100%;
margin: 0 auto;
}
header .nav_wrapper nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
header .nav_wrapper nav > ul > li {
width: 100%;
}
header .nav_wrapper nav > ul > li a {
padding: 0;
width: 100%;
font-size: 1.4rem;
line-height: 3.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #fff;
background: none;
}
header .nav_wrapper nav > ul > li a img {
width: 27px;
height: 27px;
padding: 0 7px 0 20px;
}
header .nav_wrapper nav > ul > li a br {
display: none;
}
header .nav_wrapper nav > ul > li .submenu {
position: relative;
top: 0;
left: 0;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
header .nav_wrapper nav > ul > li .submenu li {
height: auto;
overflow: auto;
visibility: visible;
}
header .nav_wrapper nav > ul > li .submenu li a {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
color: #fff;
}
header .nav_wrapper nav > ul > li .submenu li a p.thumb {
display: none;
}
header .nav_wrapper nav > ul > li .submenu li a p.name {
background: #f4751c;
font-size: 1.4rem;
line-height: 50px;
width: 100%;
padding-left: 53px;
}
header .nav_wrapper nav > ul > li .submenu li a:hover {
opacity: 0.8;
}
header .nav_wrapper nav > ul > li .submenu li:first-child {
margin-left: 0;
}
header .nav_wrapper nav > ul > li:hover .submenu li {
height: auto;
}
header .nav_wrapper nav > ul > li:last-child {
padding-bottom: 100px;
}
header .nav_wrapper nav > ul > li:last-child a {
border-bottom: 1px solid #fff;
background: none;
}
header .nav_wrapper.open {
visibility: visible;
height: 100%;
}
main {
margin-top: 50px;
}
main .page_visual {
height: 180px;
background-size: auto 100%;
background-attachment: scroll;
}
main .page_visual.short {
height: 130px;
}
main .page_visual .heading {
width: 100%;
padding: 40px 0;
}
main .page_visual .heading h2 {
font-size: 2.4rem;
}
main .page_visual .heading p {
font-size: 1.2rem;
}
main .page_visual .subpage_link .bg {
display: none;
}
main .page_visual .subpage_link ul {
width: 100%;
}
main .page_visual .subpage_link ul li {
width: 33.33%;
}
main .page_visual .subpage_link ul li a {
width: 100%;
text-align: center;
display: inline-block;
background: #fff;
font-size: 1.0rem;
line-height: 50px;
-webkit-transition: .2s;
transition: .2s;
position: relative;
}
main .page_visual .subpage_link ul li a::after {
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
height: 5px;
background-color: #EC670B;
}
main .page_visual .subpage_link ul.three li {
width: calc(100% / 3);
}
main #homecare_link a {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/btn_banner_homecare.jpg);
border: none;
}
main #homecare_link a .title {
background: rgba(229, 47, 132, 0.8);
}
main #clinic_link a {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/btn_banner_clinic.jpg);
border: none;
}
main #clinic_link a .title {
background: rgba(27, 179, 146, 0.8);
}
main .footer_link_btn_sp a, main #homecare_link a, main #clinic_link a {
width: calc(100% - 40px);
height: 85px;
margin: 20px auto;
background-size: 100% 85px;
padding: 0;
}
main .footer_link_btn_sp a .title, main #homecare_link a .title, main #clinic_link a .title {
width: 100%;
margin: 10px;
text-align: center;
}
main .footer_link_btn_sp a .title p.jp, main #homecare_link a .title p.jp, main #clinic_link a .title p.jp {
font-size: 1.6rem;
margin-top: 13px;
}
main .footer_link_btn_sp a .title p.en, main #homecare_link a .title p.en, main #clinic_link a .title p.en {
font-size: 0.8rem;
}
main .footer_link_btn_sp a .detail, main #homecare_link a .detail, main #clinic_link a .detail {
display: none;
}
main .footer_link_btn_sp a p.arrow, main #homecare_link a p.arrow, main #clinic_link a p.arrow {
position: absolute;
top: 32px;
right: 25px;
}
main .footer_link_btn_sp a p.arrow img, main #homecare_link a p.arrow img, main #clinic_link a p.arrow img {
width: 22px;
height: 22px;
}
main .footer_link_btn_sp a:hover, main #homecare_link a:hover, main #clinic_link a:hover {
opacity: 0.8;
}
main #contact_area {
display: none;
}
main #car-space {
width: calc(100% - 40px);
padding-bottom: 0;
}
main #car-space .car-space-content {
display: block;
}
main #car-space dl {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 5px;
font-size: 1.5rem;
}
main #car-space dl dt {
margin-bottom: 4px;
}
#index #car-space {
width: 100%;
padding-bottom: 50px;
}
footer {
width: 100%;
margin: 0 auto;
padding: 30px 0 30px;
z-index: 9999;
}
footer .logo {
margin-bottom: 15px;
}
footer .info {
margin: 0 auto;
}
footer .info .address {
font-size: 1.2rem;
}
footer .info .contact_info {
margin-top: 15px;
}
footer .info .contact_info .contact {
text-align: center;
font-size: 3.2vw;
font-weight: bold;
}
footer .info .contact_info .contact table {
margin: 8px auto 0;
letter-spacing: 0.1em;
width: 100%;
}
footer .info .contact_info .contact table tr {
display: block;
}
footer .info .contact_info .contact table tr th, footer .info .contact_info .contact table tr td {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 8px 20px;
border: 1px solid #fff;
width: 100%;
}
footer .sitemap {
display: none;
}
footer .map {
display: none;
}
footer .pagetop {
position: absolute;
top: -26px;
right: 0;
}
footer .pagetop a {
display: inline-block;
width: 120px;
font-size: 1.2rem;
line-height: 33px;
background: #fff;
color: #EC670B;
text-align: center;
}
footer .pagetop a:hover {
color: #f8a165;
}
}
@media screen and (min-width: 960px) {
.sp {
display: none;
}
}
@media screen and (max-width: 960px) {
.pc {
display: none;
}
}
#index .header_contents {
display: none;
}
#index main {
margin: 0;
}
#index #main_visual {
height: 65vh;
min-height: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#index #main_visual .banner_frame {
width: 65%;
z-index: 999;
}
#index #main_visual .banner_frame .bg-slider {
width: 100%;
height: 65vh;
min-height: 700px;
background-position: center center;
background-size: cover;
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;
}
#index #main_visual .overlay_wrapper {
width: 35%;
z-index: 999;
}
#index #main_visual .overlay_wrapper .content {
width: 80%;
margin: 0 auto;
}
#index #main_visual .overlay_wrapper .content .copy {
text-align: center;
margin-bottom: 30px;
}
#index #main_visual .overlay_wrapper .content .copy img {
width: 100%;
max-width: 350px;
height: auto;
}
#index #main_visual .overlay_wrapper .content h1 {
margin-bottom: 30px;
text-align: center;
}
#index #main_visual .overlay_wrapper .content h1 img {
width: 100%;
max-width: 400px;
height: auto;
}
#index #main_visual .overlay_wrapper .content .contact {
text-align: center;
font-size: 17px;
font-weight: bold;
}
#index #main_visual .overlay_wrapper .content .contact table {
text-align: center;
margin: 8px auto 0;
letter-spacing: 0.1em;
border-spacing: 0;
}
#index #main_visual .overlay_wrapper .content .contact table.outpatient {
background: #FFF0E6;
}
#index #main_visual .overlay_wrapper .content .contact table.homecare {
background: #E8F0FF;
}
#index #main_visual .overlay_wrapper .content .contact table tr th, #index #main_visual .overlay_wrapper .content .contact table tr td {
padding: 10px 20px;
border: 1px solid #fff;
}
#index #main_visual .overlay_wrapper .content .contact table tr th {
width: 80px;
}
#index .notice-content {
width: 960px;
margin: 0 auto 60px;
padding-top: 100px;
}
#index .notice-content .notice-title {
display: inline-block;
padding: 8px 16px;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
border-radius: 6px 6px 0 0;
background: #EC670B;
}
#index .notice-content ul {
padding: 30px;
border: 1px solid #EC670B;
background: #fff;
margin-bottom: 50px;
}
#index .notice-content ul:last-child {
margin-bottom: 0;
}
#index .notice-content ul li {
font-size: 1.8rem;
margin-bottom: 10px;
}
#index .notice-content ul li span {
display: block;
font-size: 1.5rem;
line-height: 1.3;
}
#index .notice-content ul li:last-child {
margin-bottom: 0;
}
#index .top-news.list-gairai {
display: block;
}
#index .top-news.list-gairai .list-content-wrap {
padding: 0;
background: none;
}
#index .top-news.list-gairai .list-content-wrap .notice-title {
width: 32%;
padding: 12px 0;
border-radius: 6px 6px 0 0;
display: inline-block;
}
#index .top-news.list-gairai .list-content-wrap ul {
border-radius: 0 6px 6px 6px;
border: 1px solid #EC670B;
padding: 20px;
background: #fff;
}
#index .top-news {
width: 960px;
margin: 0 auto;
padding-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#index .top-news .list-content {
width: 32%;
border: 1px solid #EC670B;
border-radius: 6px;
overflow: hidden;
}
#index .top-news .notice-title {
padding: 12px 16px;
font-size: 2.1rem;
font-weight: bold;
color: #fff;
background: #EC670B;
text-align: center;
}
#index .top-news .list-content-wrap {
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
#index .top-news .list-content-wrap .list-title {
font-weight: bold;
font-size: 1.6rem;
text-align: center;
height: 50px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
color: #EC670B;
}
#index .top-news .list-content-wrap .list-title a {
color: #EC670B;
}
#index .top-news .list-content-wrap .list-title span {
display: block;
}
#index .top-news .list-content-wrap ul li {
position: relative;
font-size: 1.5rem;
padding: 14px 0 14px 15px;
border-bottom: 1px solid #e6e6e6;
}
#index .top-news .list-content-wrap ul li:first-child {
border-top: 1px solid #e6e6e6;
}
#index .top-news .list-content-wrap ul li::after {
content: "・";
position: absolute;
top: 14px;
left: 0;
}
#index .schedule-list {
width: 960px;
margin: 80px auto;
}
#index .schedule-list .sp-txt {
text-align: right;
display: none;
}
#index .schedule-list .heading_wrap {
margin-bottom: 20px;
}
#index .schedule-list .heading_wrap h3 {
font-size: 2.5rem;
}
#index .schedule-list table.time-content {
width: 100%;
font-size: 1.5rem;
border: 1px solid #EC670B;
border-collapse: collapse;
}
#index .schedule-list table.time-content th, #index .schedule-list table.time-content td {
font-weight: bold;
padding: 12px;
text-align: center;
width: 137px;
}
#index .schedule-list table.time-content thead {
background: #EC670B;
color: #fff;
}
#index .schedule-list table.time-content thead th, #index .schedule-list table.time-content thead td {
border: 1px solid #ddd;
}
#index .schedule-list table.time-content tbody th, #index .schedule-list table.time-content tbody td {
border: 1px solid #ddd;
}
#index .schedule-list .free-txt {
font-size: 1.6rem;
margin-top: 10px;
}
#index .schedule-list .free-txt p {
margin: 6px 0 0;
}
#index .schedule-list div.time-txt {
font-size: 1.8rem;
padding-left: 0;
margin-left: 0;
text-align: left;
}
@media screen and (max-width: 960px) {
#index .schedule-list {
width: 100%;
margin: 40px auto;
}
#index .schedule-list .heading_wrap {
margin: 60px auto 30px;
}
#index .schedule-list .heading_wrap h3 {
font-size: 1.6rem;
}
}
@media screen and (max-width: 620px) {
#index .schedule-list {
width: 100%;
}
#index .schedule-list .sp-txt {
display: block;
font-size: 1.4rem;
}
#index .schedule-list .time {
overflow-x: auto;
width: 100%;
}
#index .schedule-list table.time-content {
width: 680px;
font-size: 1.2rem;
}
#index .schedule-list table.time-content th, #index .schedule-list table.time-content td {
padding: 6px;
}
#index .schedule-list table.time-content th:first-child {
width: 10px;
}
#index .schedule-list table.time-content th {
white-space: nowrap;
}
#index .schedule-list .free-txt {
font-size: 1.4rem;
margin-top: 20px;
}
#index .schedule-list .free-txt p {
margin: 10px 0 0;
}
}
#index .service-list {
width: 960px;
margin: 0 auto 60px;
padding-bottom: 30px;
border-bottom: 1px dotted #EC670B;
}
#index .service-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#index .service-list ul li {
width: 31%;
border-radius: 8px;
overflow: hidden;
}
#index .service-list ul li figure {
margin: 0;
}
#index .service-list ul li figure img {
width: 100%;
height: auto;
}
#index .service-list ul li dl dt {
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
}
#index .service-list ul li dl dd {
font-size: 1.8rem;
margin: 0;
}
#index .other-page {
width: 960px;
margin: 0 auto;
}
#index .other-page ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#index .other-page ul li {
width: 31%;
border-radius: 8px;
overflow: hidden;
}
#index .other-page ul li:last-child {
margin-bottom: 0;
}
#index .other-page ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.8rem;
background: #EC670B;
color: #fff;
font-weight: bold;
}
#index .other-page ul li a[target="_blank"] span {
position: relative;
}
#index .other-page ul li a[target="_blank"] span::after {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/icon_blank.svg) 0 0 no-repeat;
background-size: contain;
content: "";
display: inline-block;
margin-left: 10px;
width: 12px;
height: 9px;
}
#index .other-page ul li a figure {
width: 80px;
margin: 0;
padding: 0;
}
#index .other-page ul li a figure img {
width: 100%;
height: auto;
vertical-align: top;
}
#index .other-page ul li a p {
display: inline-block;
width: calc(100% - 80px);
text-align: center;
}
#index .other-page ul li a:hover {
opacity: 0.8;
}
#index #notice_area {
width: 960px;
margin: 0 auto;
padding-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#index #notice_area .heading_wrap h3 {
font-size: 2.5rem;
}
#index #notice_area #news {
width: 460px;
position: relative;
opacity: 1;
top: 0;
-webkit-transition: all 0.8s 0s ease-out;
transition: all 0.8s 0s ease-out;
}
#index #notice_area #news ul {
height: 270px;
overflow-y: auto;
}
#index #notice_area #news ul li a {
color: #EC670B;
}
#index #notice_area #news ul li a:hover {
color: #f57d2b;
}
#index #notice_area #news ul li .text_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.2rem;
border-bottom: 1px dotted #444444;
padding: 15px 0;
}
#index #notice_area #news ul li .text_wrapper p.date {
margin-right: 10px;
min-width: 82px;
}
#index #notice_area #news ul li .text_wrapper p.date:after {
content: '　|';
}
#index #notice_area #news .link_area {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#index #notice_area #news .link_area .link_btn {
height: 191px;
}
#index #notice_area #news .link_area .link_btn a {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
color: #fff;
}
#index #notice_area #news .link_area .link_btn a img {
vertical-align: bottom;
}
#index #notice_area #news .link_area .link_btn a p {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
font-size: 2.0rem;
line-height: 3.0;
-webkit-transition-property: line-height;
transition-property: line-height;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
#index #notice_area #news .link_area .link_btn a:hover p {
line-height: 9.55;
}
#index #notice_area #news .link_area .homecare_link p {
background: rgba(14, 49, 146, 0.85);
}
#index #notice_area #news .link_area .recruit_link p {
background: rgba(27, 179, 56, 0.85);
}
#index #notice_area .fb_box {
width: 460px;
opacity: 1;
position: relative;
top: 0;
-webkit-transition: all 0.8s 0s ease-out;
transition: all 0.8s 0s ease-out;
}
#index #notice_area .fb_box .widget {
margin-top: 18px;
}
#index #notice_area.hidden #news {
opacity: 0;
top: 30px;
}
#index #notice_area.hidden .fb_box {
opacity: 0;
top: 30px;
}
#index #notice_card {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/notice_card_bg.jpg) no-repeat;
background-size: cover;
background-position: center center;
margin-top: 100px;
overflow: hidden;
-webkit-transition: height 0.6s 0s ease-in-out;
transition: height 0.6s 0s ease-in-out;
}
#index #notice_card.close {
height: 0;
}
#index #notice_card .content_wrapper {
padding: 60px 0;
}
#index #notice_card .content_wrapper .content {
width: 960px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px;
background: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.5s 0s ease;
transition: all 0.5s 0s ease;
opacity: 1;
position: relative;
top: 0;
}
#index #notice_card .content_wrapper .content.ready {
opacity: 0;
top: 20px;
}
#index #notice_card .content_wrapper .content.ready .tape_wrapper .tape {
width: 1px;
}
#index #notice_card .content_wrapper .content .tape_wrapper {
position: absolute;
top: -20px;
left: calc((100% - 137px)/2);
width: 137px;
height: 39px;
}
#index #notice_card .content_wrapper .content .tape_wrapper .tape {
display: inline-block;
width: 137px;
height: 39px;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/notice_card_tape.png) no-repeat;
background-size: 137px 39px;
-webkit-transition: width 0.2s 0.5s ease-out;
transition: width 0.2s 0.5s ease-out;
}
#index #notice_card .content_wrapper .content .info {
width: 520px;
}
#index #notice_card .content_wrapper .content .info p.title {
font-size: 3.0rem;
color: #EC670B;
}
#index #notice_card .content_wrapper .content .info p.detail {
margin-top: 5px;
font-size: 1.8rem;
line-height: 2.0;
word-wrap: break-word;
}
#index #notice_card .content_wrapper .content .info p.detail strong {
color: #b31b22;
}
#index #notice_card .content_wrapper .content .info .link_btn {
text-align: center;
margin-top: 20px;
}
#index #notice_card .content_wrapper .content .info .link_btn a {
display: inline-block;
width: 190px;
line-height: 40px;
font-size: 1.4rem;
color: #EC670B;
border: 1px solid #EC670B;
background: white;
}
#index #notice_card .content_wrapper .content .info .link_btn a:hover {
color: #fff;
background: #EC670B;
}
#index #notice_card .content_wrapper .content .thumb {
width: 400px;
}
#index #notice_card .content_wrapper .content .thumb img {
width: 100%;
height: auto;
}
#index #blog_area {
width: 960px;
margin: 0 auto;
opacity: 1;
-webkit-transition: all 0.4s 0s ease-out;
transition: all 0.4s 0s ease-out;
}
#index #blog_area .heading_wrap {
margin: 80px 0 40px;
}
#index #blog_area .heading_wrap h3 {
font-size: 2.9rem;
}
#index #blog_area .articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#index #blog_area .articles .article {
position: relative;
top: 0;
opacity: 1;
margin-right: 19px;
}
#index #blog_area .articles .article a {
display: inline-block;
position: relative;
width: 221px;
height: 240px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.05) inset;
}
#index #blog_area .articles .article a p.date {
padding: 0 10px;
font-size: 0.9rem;
line-height: 3.0;
}
#index #blog_area .articles .article a p.title {
padding: 0 10px;
color: #EC670B;
font-size: 1.5rem;
word-wrap: break-word;
}
#index #blog_area .articles .article a p.more {
position: absolute;
bottom: 0;
width: 100%;
background: #EC670B;
font-size: 1.2rem;
line-height: 2.0;
text-align: center;
color: #fff;
}
#index #blog_area .articles .article a:hover .thumb img {
opacity: 0.8;
}
#index #blog_area .articles .article a:hover p.date {
opacity: 0.8;
}
#index #blog_area .articles .article a:hover p.title {
color: #f57d2b;
}
#index #blog_area .articles .article a:hover p.more {
opacity: 0.8;
}
#index #blog_area .articles .article:nth-child(1) {
-webkit-transition: all 0.4s 0.2s ease-out;
transition: all 0.4s 0.2s ease-out;
}
#index #blog_area .articles .article:nth-child(2) {
-webkit-transition: all 0.4s 0.3s ease-out;
transition: all 0.4s 0.3s ease-out;
}
#index #blog_area .articles .article:nth-child(3) {
-webkit-transition: all 0.4s 0.4s ease-out;
transition: all 0.4s 0.4s ease-out;
}
#index #blog_area .articles .article:nth-child(4) {
-webkit-transition: all 0.4s 0.5s ease-out;
transition: all 0.4s 0.5s ease-out;
}
#index #blog_area.hidden {
opacity: 0;
}
#index #blog_area.hidden .articles .article {
top: 30px;
opacity: 0;
}
#index #relation_site {
overflow: hidden;
}
#index #relation_site .heading_wrap {
width: 960px;
margin: 80px auto 40px;
}
#index #relation_site .heading_wrap h3 {
font-size: 2.9rem;
}
#index #relation_site .banner_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#index #relation_site .banner_list li {
margin-left: 10px;
}
#index #relation_site .banner_list li a {
display: inline-block;
width: 100%;
border: 1px solid #EC670B;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#index #relation_site .banner_list li a img {
vertical-align: bottom;
}
#index #relation_site .banner_list li a:hover img {
opacity: 0.6;
}
@media screen and (max-width: 960px) {
#index .header_contents {
display: block;
}
#index #main_visual {
position: relative;
height: auto;
min-height: auto;
display: block;
padding-top: 50px;
}
#index #main_visual .banner_frame {
width: 100%;
z-index: 999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#index #main_visual .banner_frame .bg-slider {
width: auto;
height: calc(400px - 52px);
min-height: auto;
}
#index #main_visual .overlay_wrapper {
width: 70%;
z-index: 999;
margin: -100px auto 6.66667vw;
}
#index #main_visual .overlay_wrapper .l_area {
background: white;
border-radius: 8px;
border: 2px solid #EC670B;
padding: 6.66667vw;
}
#index #main_visual .overlay_wrapper .content {
display: block;
width: 100%;
margin: 0 auto;
border-radius: 8px;
}
#index #main_visual .overlay_wrapper .content .copy {
text-align: center;
margin-bottom: 0;
}
#index #main_visual .overlay_wrapper .content .copy img {
width: 40vw;
height: auto;
}
#index #main_visual .overlay_wrapper .content h1 {
margin-bottom: 20px;
}
#index #main_visual .overlay_wrapper .content h1 img {
width: 50.66667vw;
height: auto;
}
#index #main_visual .overlay_wrapper .content .contact {
text-align: center;
font-size: 3.2vw;
font-weight: bold;
}
#index #main_visual .overlay_wrapper .content .contact table {
margin: 8px auto 0;
letter-spacing: 0.1em;
width: 100%;
}
#index #main_visual .overlay_wrapper .content .contact table tr {
display: block;
}
#index #main_visual .overlay_wrapper .content .contact table tr th, #index #main_visual .overlay_wrapper .content .contact table tr td {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 8px 20px;
border: 1px solid #fff;
width: 100%;
}
#index .notice-content {
width: 100%;
padding-top: 60px;
padding-bottom: 30px;
margin-bottom: 30px;
}
#index .notice-content .notice-title {
padding: 8px 16px;
font-size: 1.6rem;
}
#index .notice-content ul {
padding: 20px;
margin-bottom: 20px;
}
#index .notice-content ul li {
font-size: 1.4rem;
margin-bottom: 10px;
}
#index .notice-content ul li span {
display: inline;
font-size: 1.4rem;
}
#index .notice-content ul li a {
color: #EC670B;
text-decoration: underline;
}
#index .top-news.list-gairai {
display: block;
}
#index .top-news.list-gairai .list-content-wrap .notice-title {
width: 100%;
padding: 12px 0;
}
#index .top-news.list-gairai .list-content-wrap ul {
border-radius: 0 6px 6px 6px;
border: 1px solid #EC670B;
padding: 20px;
}
#index .top-news {
width: 100%;
margin: 0 auto;
padding-top: 30px;
display: block;
}
#index .top-news .list-content {
width: 100%;
margin-bottom: 30px;
}
#index .top-news .notice-title {
padding: 10px 10px;
font-size: 1.6rem;
}
#index .top-news .list-content-wrap {
padding: 20px;
}
#index .top-news .list-content-wrap .list-title {
font-size: 1.5rem;
height: auto;
margin-bottom: 10px;
display: block;
}
#index .top-news .list-content-wrap ul li {
font-size: 1.5rem;
padding: 10px 0 10px 15px;
}
#index .top-news .list-content-wrap ul li::after {
top: 10px;
}
#index .service-list {
width: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
}
#index .service-list ul {
display: block;
}
#index .service-list ul li {
width: 100%;
margin-bottom: 30px;
}
#index .service-list ul li:last-child {
margin-bottom: 0;
}
#index .service-list ul li figure {
margin: 0 0 10px;
}
#index .service-list ul li figure img {
width: 100%;
height: auto;
}
#index .service-list ul li dl dt {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px;
}
#index .service-list ul li dl dd {
font-size: 1.6rem;
}
#index .other-page {
width: 100%;
display: block;
}
#index .other-page ul {
display: block;
}
#index .other-page ul li {
width: 100%;
margin-bottom: 5px;
}
#index .other-page ul li:last-child {
margin-bottom: 0;
}
#index .other-page .fb-page {
display: none;
}
#index .contents_wrapper {
padding: 0 20px;
}
#index #new {
padding: 30px 20px;
}
#index #new h3 {
margin: 0 0 10px 0;
font-size: 1.6rem;
color: #EC670B;
}
#index #new p {
font-size: 1.5rem;
}
#index #notice_area {
width: 100%;
margin-top: 0;
padding-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#index #notice_area .heading_wrap h3 {
font-size: 1.8rem;
}
#index #notice_area #news {
width: 100%;
padding-top: 20px;
}
#index #notice_area #news h3 {
position: relative;
top: -18px;
background: transparent;
}
#index #notice_area #news h3::after {
display: none;
}
#index #notice_area #news ul {
height: auto;
overflow-y: visible;
}
#index #notice_area #news ul li p.text {
height: auto;
}
#index #notice_area #news .link_area {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#index #notice_area #news .link_area .link_btn {
height: auto;
padding: 0 10px;
}
#index #notice_area #news .link_area .link_btn a {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
color: #fff;
}
#index #notice_area #news .link_area .link_btn a img {
vertical-align: bottom;
width: 100%;
height: auto;
}
#index #notice_area #news .link_area .link_btn a p {
position: relative;
bottom: 50px;
width: 100%;
text-align: center;
font-size: 1.2rem;
line-height: 50px;
-webkit-transition-property: none;
transition-property: none;
}
#index #notice_area #news .link_area .link_btn a:hover p {
line-height: 50px;
}
#index #notice_area #news .link_area .homecare_link p {
background: rgba(27, 138, 179, 0.85);
}
#index #notice_area #news .link_area .recruit_link p {
background: rgba(27, 179, 56, 0.85);
}
#index #notice_area .fb_box {
display: none;
}
#index #notice_card {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/notice_card_bg.jpg) 50%;
background-size: cover;
margin-top: 30px;
height: auto;
}
#index #notice_card .content_wrapper {
padding: 12px;
}
#index #notice_card .content_wrapper .content {
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
#index #notice_card .content_wrapper .content .tape_wrapper {
display: none;
}
#index #notice_card .content_wrapper .content .thumb {
padding: 0 15px 10px 15px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#index #notice_card .content_wrapper .content .thumb img {
width: 100%;
height: auto;
}
#index #notice_card .content_wrapper .content .info {
width: 100%;
padding: 20px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#index #notice_card .content_wrapper .content .info p.title {
font-size: 1.8rem;
}
#index #notice_card .content_wrapper .content .info p.detail {
margin-top: 0;
font-size: 1.4rem;
line-height: 1.5;
}
#index #notice_card .content_wrapper .content .info .link_btn {
margin-top: 0;
margin-bottom: 15px;
}
#index #notice_card .content_wrapper .content .info .link_btn a {
line-height: 24px;
font-size: 1.2rem;
}
#index #blog_area {
width: 100%;
margin: 0 auto;
}
#index #blog_area .heading_wrap {
margin: 70px 0 16px;
}
#index #blog_area .heading_wrap h3 {
position: relative;
top: -22px;
font-size: 1.6rem;
background: transparent;
}
#index #blog_area .heading_wrap h3::after {
display: none;
}
#index #blog_area .heading_wrap h3 span img {
width: 20px;
height: 20px;
}
#index #blog_area .articles {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 0;
}
#index #blog_area .articles .article {
width: calc(50% - 10px);
height: auto;
margin-right: 0;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#index #blog_area .articles .article a {
width: 100%;
height: auto;
background: #fff;
}
#index #blog_area .articles .article a .thumb img {
width: 100%;
height: auto;
}
#index #blog_area .articles .article a p.date {
line-height: 2.0;
}
#index #blog_area .articles .article a p.title {
padding: 0 10px;
font-size: 1.2rem;
padding-bottom: 2.5rem;
}
#index #blog_area .articles .article a p.more {
font-size: 1.0rem;
}
#index #relation_site {
width: calc(100% + 40px);
margin-left: -20px;
}
#index #relation_site .heading_wrap {
width: calc(100% - 40px);
margin: 40px auto 30px;
}
#index #relation_site .heading_wrap h3 {
position: relative;
font-size: 1.6rem;
background: transparent;
}
#index #relation_site .heading_wrap h3::after {
display: none;
}
#index #relation_site .heading_wrap h3 span img {
width: 27px;
height: 22px;
position: relative;
}
#index #relation_site .banner_list {
padding-bottom: 30px;
}
#index #relation_site .banner_list li {
margin-left: 0;
}
#index #relation_site .banner_list li a img {
width: 116px;
height: auto;
}
}
#about .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_about_clinic.jpg);
}
#about .contents_wrapper .head_doctor_message {
margin: 0 auto;
padding: 100px;
}
#about .contents_wrapper .head_doctor_message .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#about .contents_wrapper .head_doctor_message .content .content-left {
width: 50%;
padding-right: 30px;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner {
max-width: 800px;
width: 100%;
margin: 0 auto;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner p.title {
font-size: 3.0rem;
font-weight: bold;
font-style: normal;
color: #EC670B;
margin-bottom: 10px;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner .detail {
font-size: 1.8rem;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner .detail p {
margin-bottom: 1.5rem;
word-wrap: break-word;
line-height: 1.7;
}
#about .contents_wrapper .head_doctor_message .content .content-right {
width: 50%;
}
#about .contents_wrapper .head_doctor_message .content .content-right .col-innner {
margin: 0 auto;
}
#about .contents_wrapper .head_doctor_message .content .content-right .col-innner figure {
margin: 0;
padding: 0;
}
#about .contents_wrapper .head_doctor_message .content .content-right .col-innner figure img {
width: 100%;
max-width: 800px;
height: auto;
vertical-align: top;
}
#about .contents_wrapper #doctors_list {
padding-top: 13px;
margin-bottom: 100px;
}
#about .contents_wrapper #doctors_list .doctor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F5FCFF;
margin-bottom: 10px;
}
#about .contents_wrapper #doctors_list .doctor .contents {
width: 56%;
color: #fff;
padding: 60px 20px;
background: rgba(14, 49, 146, 0.6);
}
#about .contents_wrapper #doctors_list .doctor .contents .name {
max-width: 580px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-style: normal;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .l_box .jp {
font-size: 5.0rem;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .r_box {
margin-left: 35px;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .r_box .dept {
font-size: 1.4rem;
margin-top: 8px;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .r_box .en {
font-size: 2.2rem;
}
#about .contents_wrapper #doctors_list .doctor .contents .detail {
max-width: 580px;
margin: 0 auto;
font-size: 1.8rem;
word-wrap: break-word;
}
#about .contents_wrapper #doctors_list .doctor .contents .detail a {
font-weight: bold;
color: #fff;
text-decoration: underline;
}
#about .contents_wrapper #doctors_list .doctor .photo-content {
width: 46%;
text-align: center;
padding: 20px;
}
#about .contents_wrapper #doctors_list .doctor .photo-content img {
max-width: 500px;
width: 100%;
height: auto;
}
#about .contents_wrapper #doctors_list .doctor:nth-child(odd) {
background: #FFF0E6;
}
#about .contents_wrapper #staff_list {
width: 960px;
margin: 0 auto;
}
#about .contents_wrapper #staff_list h3 {
font-size: 2.5rem;
font-style: normal;
color: #EC670B;
text-align: center;
}
#about .contents_wrapper #staff_list .content_wrapper ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#about .contents_wrapper #staff_list .content_wrapper ul li {
width: 29%;
margin-bottom: 40px;
margin-left: 6.5%;
}
#about .contents_wrapper #staff_list .content_wrapper ul li:nth-child(3n-2) {
margin-left: 0;
}
#about .contents_wrapper #staff_list .content_wrapper ul li img {
display: block;
width: 100%;
height: auto;
margin-bottom: 10px;
}
#about .contents_wrapper #staff_list .content_wrapper ul li p.yaku {
font-size: 1.3rem;
}
#about .contents_wrapper #staff_list .content_wrapper ul li p.name {
font-size: 1.5rem;
font-weight: bold;
}
#about .contents_wrapper #staff_list .content_wrapper ul li p.txt {
font-size: 1.5rem;
line-height: 1.4;
}
#about .contents_wrapper #yamato_area {
font-size: 1.6rem;
}
#about .contents_wrapper #yamato_area h3 {
font-size: 3rem;
font-style: normal;
color: #EC670B;
text-align: center;
}
#about .contents_wrapper #yamato_area p {
font-size: 1.8rem;
line-height: 1.7;
}
#about .contents_wrapper #yamato_area .lead_message {
width: 960px;
margin: 0 auto;
padding: 80px 0;
}
#about .contents_wrapper #yamato_area .col2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#about .contents_wrapper #yamato_area .col2 .contents-left {
width: 50%;
}
#about .contents_wrapper #yamato_area .col2 .contents-left figure img {
width: 100%;
height: auto;
}
#about .contents_wrapper #yamato_area .col2 .contents-right {
width: 50%;
padding-left: 60px;
}
#about .contents_wrapper #yamato_area .col2 .contents-right p {
margin-bottom: 20px;
}
#about .contents_wrapper #yamato_area .work_of_yamato {
background-color: rgba(250, 250, 250, 0.6);
padding: 80px 0;
}
#about .contents_wrapper #yamato_area .work_of_yamato h3 {
margin-bottom: 35px;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper {
width: 960px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper .info {
width: 480px;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper .info h4 {
font-size: 2rem;
color: #EC670B;
text-align: center;
border-top: 1px solid #EC670B;
border-bottom: 1px solid #EC670B;
margin-top: 0;
padding: 10px 0;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper .info p strong {
font-weight: bold;
color: #EC670B;
}
#about .contents_wrapper #yamato_area .history {
padding: 80px 0;
background: rgba(255, 255, 255, 0.6);
}
#about .contents_wrapper #yamato_area .history dl {
width: 960px;
margin: 0 auto;
}
#about .contents_wrapper #yamato_area .history dl dt {
width: 140px;
float: left;
clear: both;
text-align: center;
}
#about .contents_wrapper #yamato_area .history dl dd {
border-left: 1px dashed #EC670B;
width: 780px;
margin-left: 140px;
margin-bottom: 40px;
padding: 0 40px;
}
#about .contents_wrapper #yamato_area .history dl dd p {
margin-bottom: 1.5rem;
}
#about .contents_wrapper .message_area {
min-height: 1100px;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/bg_about01.jpg);
background-size: cover;
position: relative;
}
#about .contents_wrapper .message_area .contents {
position: absolute;
width: 575px;
top: 20%;
right: 10%;
}
#about .contents_wrapper .message_area .contents p.title {
font-size: 3.0rem;
color: #EC670B;
margin-bottom: 20px;
}
#about .contents_wrapper .message_area .contents .detail {
font-size: 1.6rem;
word-wrap: break-word;
}
#about .contents_wrapper .message_area .contents .detail p {
margin-bottom: 1.5rem;
word-wrap: break-word;
}
#about .contents_wrapper .carrer_area {
width: 960px;
margin: 0 auto;
margin-bottom: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
border: 1px solid #ccc;
background: #fff;
}
#about .contents_wrapper .carrer_area p.title {
font-size: 1.8rem;
color: #EC670B;
margin-bottom: 10px;
}
#about .contents_wrapper .carrer_area ul li {
font-size: 1.4rem;
}
#about .contents_wrapper .carrer_area .license {
padding: 40px 30px;
width: 300px;
}
#about .contents_wrapper .carrer_area .history {
padding: 40px 30px;
width: 660px;
}
#about .contents_wrapper .carrer_area:before {
content: "";
display: block;
position: absolute;
top: -10px;
left: -10px;
border: 1px dotted #ccc;
width: 960px;
min-height: 100%;
z-index: -1;
}
#about .contents_wrapper .departments {
width: 960px;
margin: 50px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#about .contents_wrapper .departments .dept {
width: 460px;
min-height: 120px;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/bg_triangle.png) no-repeat;
background-position-y: 42px;
margin-bottom: 30px;
padding-left: 20px;
}
#about .contents_wrapper .departments .dept .title {
color: #EC670B;
font-size: 2.0rem;
font-style: normal;
margin: 10px 0;
}
#about .contents_wrapper .departments .dept .detail {
font-size: 1.4rem;
line-height: 1.75;
}
#about .contents_wrapper #qa_list {
width: 960px;
margin: 0 auto;
}
#about .contents_wrapper #qa_list ul.navi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 55px 0 80px;
}
#about .contents_wrapper #qa_list ul.navi li a {
display: inline-block;
font-size: 1.8rem;
font-style: normal;
position: relative;
width: 160px;
text-align: center;
}
#about .contents_wrapper #qa_list ul.navi li a p.sankaku {
padding-top: 17px;
}
#about .contents_wrapper #qa_list ul.navi li a p.sankaku i.sankaku {
border: 15px solid transparent;
text-align: center;
}
#about .contents_wrapper #qa_list ul.navi li.clinic a {
color: #EC670B;
}
#about .contents_wrapper #qa_list ul.navi li.clinic a p.sankaku i.sankaku {
border-top: 15px solid #EC670B;
}
#about .contents_wrapper #qa_list ul.navi li.clinic a:hover {
color: #f57d2b;
}
#about .contents_wrapper #qa_list ul.navi li.clinic a:hover p.sankaku i.sankaku {
border-top: 15px solid #f57d2b;
}
#about .contents_wrapper #qa_list ul.navi li.homecare a {
color: #e53984;
}
#about .contents_wrapper #qa_list ul.navi li.homecare a p.sankaku i.sankaku {
border-top: 15px solid #e53984;
}
#about .contents_wrapper #qa_list ul.navi li.homecare a:hover {
color: #ee7dae;
}
#about .contents_wrapper #qa_list ul.navi li.homecare a:hover p.sankaku i.sankaku {
border-top: 15px solid #ee7dae;
}
#about .contents_wrapper #qa_list .heading_wrap h3 {
font-size: 3.0rem;
font-style: normal;
}
#about .contents_wrapper #qa_list dl {
font-size: 1.8rem;
}
#about .contents_wrapper #qa_list dl dt {
color: #EC670B;
}
#about .contents_wrapper #qa_list dl dt:before {
padding-right: 2.0rem;
content: 'Q';
font-size: 3.2rem;
font-weight: bold;
font-style: normal;
color: #EC670B;
}
#about .contents_wrapper #qa_list dl dd {
margin: 0 0 40px 0;
padding-left: 4.5rem;
text-indent: -4.5rem;
}
#about .contents_wrapper #qa_list dl dd:before {
padding-right: 2.0rem;
content: 'A';
font-size: 3.2rem;
font-weight: bold;
font-style: normal;
}
#about .contents_wrapper #homecare_qa {
padding: 50px 0 100px;
}
#about .contents_wrapper #homecare_qa .heading_wrap {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/heading_stripe_red.gif) center repeat-x;
}
#about .contents_wrapper #homecare_qa .heading_wrap h3 {
color: #e53984;
}
#about .contents_wrapper #homecare_qa .heading_wrap h3 span.title {
padding: 0;
}
#about .contents_wrapper #homecare_qa dl dt {
color: #e53984;
}
#about .contents_wrapper #homecare_qa dl dt:before {
color: #e53984;
}
#about .contents_wrapper #homecare_qa dl dd {
word-wrap: break-word;
}
@media screen and (max-width: 960px) {
#about .contents_wrapper.qa {
padding: 0 20px;
}
#about .contents_wrapper {
padding-bottom: 50px;
}
#about .contents_wrapper .head_doctor_message {
padding: 15px 20px;
}
#about .contents_wrapper .head_doctor_message .content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#about .contents_wrapper .head_doctor_message .content .content-left {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
padding-right: 0;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner {
max-width: 100%;
width: 100%;
margin: 0 auto;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner p.title {
font-size: 2.4rem;
margin-bottom: 10px;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner .detail {
font-size: 1.6rem;
}
#about .contents_wrapper .head_doctor_message .content .content-left .col-innner .detail p {
margin-bottom: 1.5rem;
word-wrap: break-word;
}
#about .contents_wrapper .head_doctor_message .content .content-right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 10px;
}
#about .contents_wrapper .head_doctor_message .content .content-right .col-innner {
margin: 0 auto;
}
#about .contents_wrapper .head_doctor_message .content .content-right .col-innner figure {
margin: 0;
padding: 0;
}
#about .contents_wrapper .head_doctor_message .content .content-right .col-innner figure img {
width: 100%;
max-width: 800px;
height: auto;
vertical-align: top;
}
#about .contents_wrapper #doctors_list {
padding-top: 0;
margin-bottom: 20px;
}
#about .contents_wrapper #doctors_list .doctor {
display: block;
margin-bottom: 40px;
background: none;
}
#about .contents_wrapper #doctors_list .doctor .contents {
max-width: none;
width: calc(100% - 40px);
padding: 25px 20px;
}
#about .contents_wrapper #doctors_list .doctor .contents .name {
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .l_box .jp {
font-size: 2.6rem;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .r_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-left: 0;
line-height: 1.0;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .r_box .dept {
font-size: 1.2rem;
margin-top: 0;
margin-left: 15px;
}
#about .contents_wrapper #doctors_list .doctor .contents .name .r_box .en {
margin-left: 5px;
font-size: 1.0rem;
}
#about .contents_wrapper #doctors_list .doctor .contents .detail {
width: 100%;
font-size: 1.5rem;
margin-top: 6px;
}
#about .contents_wrapper #doctors_list .doctor .photo-content {
width: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#about .contents_wrapper #doctors_list .doctor:nth-child(odd) {
background: none;
}
#about .contents_wrapper #staff_list {
width: 80%;
}
#about .contents_wrapper #staff_list h3 {
font-size: 2.5rem;
font-style: normal;
color: #EC670B;
text-align: center;
}
#about .contents_wrapper #staff_list .content_wrapper ul {
display: block;
}
#about .contents_wrapper #staff_list .content_wrapper ul li {
width: 100%;
margin-bottom: 40px;
margin-left: 0;
}
#about .contents_wrapper #staff_list .content_wrapper ul li:nth-child(3n-2) {
margin-left: 0;
}
#about .contents_wrapper #staff_list .content_wrapper ul li img {
display: block;
width: 100%;
height: auto;
margin-bottom: 10px;
}
#about .contents_wrapper #staff_list .content_wrapper ul li p.yaku {
font-size: 1.3rem;
}
#about .contents_wrapper #staff_list .content_wrapper ul li p.name {
font-size: 1.5rem;
font-weight: bold;
}
#about .contents_wrapper #staff_list .content_wrapper ul li p.txt {
font-size: 1.5rem;
line-height: 1.4;
}
#about .contents_wrapper .message_area {
min-height: 0;
position: relative;
background: transparent;
}
#about .contents_wrapper .message_area .contents {
position: static;
margin: 0 auto;
padding: 20px;
width: calc(100% - 40px);
}
#about .contents_wrapper .message_area .contents p.title {
font-size: 1.6rem;
color: #EC670B;
margin-bottom: 10px;
}
#about .contents_wrapper .message_area .contents .detail {
font-size: 1.2rem;
}
#about .contents_wrapper .carrer_area {
width: calc(100% - 40px);
margin-bottom: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#about .contents_wrapper .carrer_area p.title {
font-size: 1.6rem;
margin-bottom: 5px;
}
#about .contents_wrapper .carrer_area ul li {
font-size: 1.2rem;
}
#about .contents_wrapper .carrer_area .license, #about .contents_wrapper .carrer_area .history {
padding: 20px 20px;
width: calc(100% - 40px);
}
#about .contents_wrapper .carrer_area .license:first-child {
padding-bottom: 0;
}
#about .contents_wrapper .carrer_area:before {
position: static;
border: none;
width: 100%;
}
#about .contents_wrapper .departments {
width: 100%;
margin: 0;
padding: 20px 0;
}
#about .contents_wrapper .departments .dept {
min-height: 0;
margin-bottom: 15px;
padding: 0 20px;
}
#about .contents_wrapper .departments .dept .title {
color: #EC670B;
font-size: 1.6rem;
font-style: normal;
margin: 5px 0;
}
#about .contents_wrapper .departments .dept .detail {
font-size: 1.2rem;
}
#about .contents_wrapper #qa_list {
width: calc(100% - 40px);
padding: 0;
}
#about .contents_wrapper #qa_list ul.navi {
padding: 45px 0 40px;
}
#about .contents_wrapper #qa_list ul.navi li a {
font-size: 1.4rem;
}
#about .contents_wrapper #qa_list ul.navi li a i.sankaku {
border: 8px solid transparent;
border-top: 8px solid #EC670B;
bottom: -17px;
left: 72px;
}
#about .contents_wrapper #qa_list ul.navi li.clinic a i.sankaku {
border-top: 8px solid #EC670B;
}
#about .contents_wrapper #qa_list ul.navi li.homecare a i.sankaku {
border-top: 8px solid #e53984;
}
#about .contents_wrapper #qa_list .heading_wrap {
margin-top: 30px;
}
#about .contents_wrapper #qa_list .heading_wrap h3 {
font-size: 2.0rem;
background-color: transparent;
position: relative;
top: -20px;
}
#about .contents_wrapper #qa_list dl {
font-size: 1.4rem;
}
#about .contents_wrapper #qa_list dl dt {
padding-left: 4.0rem;
text-indent: -4.0rem;
}
#about .contents_wrapper #qa_list dl dt:before {
font-size: 2.4rem;
}
#about .contents_wrapper #qa_list dl dd {
margin: 0 0 20px 0;
padding-left: 4.0rem;
text-indent: -4.0rem;
}
#about .contents_wrapper #qa_list dl dd:before {
font-size: 2.4rem;
}
#about .contents_wrapper #homecare_qa {
padding: 50px 0 25px;
}
#about .contents_wrapper #yamato_area {
font-size: 1.4rem;
}
#about .contents_wrapper #yamato_area h3 {
font-size: 2.4rem;
font-style: normal;
color: #EC670B;
text-align: center;
}
#about .contents_wrapper #yamato_area .lead_message {
width: calc(100% - 40px);
padding: 30px 0;
}
#about .contents_wrapper #yamato_area .lead_message p {
padding: 0 20px;
}
#about .contents_wrapper #yamato_area .col2 {
display: block;
}
#about .contents_wrapper #yamato_area .col2 .contents-left {
width: 100%;
}
#about .contents_wrapper #yamato_area .col2 .contents-left figure {
margin-bottom: 20px;
}
#about .contents_wrapper #yamato_area .col2 .contents-left figure img {
width: 100%;
height: auto;
}
#about .contents_wrapper #yamato_area .col2 .contents-right {
width: 100%;
padding-left: 0;
}
#about .contents_wrapper #yamato_area .col2 .contents-right p {
padding: 0;
margin-bottom: 20px;
}
#about .contents_wrapper #yamato_area .col2 .contents-right p:last-child {
margin-bottom: 0;
}
#about .contents_wrapper #yamato_area .work_of_yamato {
padding: 30px 0;
}
#about .contents_wrapper #yamato_area .work_of_yamato h3 {
margin-bottom: 16px;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper {
width: calc(100% - 40px);
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper .info {
width: 100%;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper .info h4 {
font-size: 1.4rem;
padding: 10px 0;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper .thumb {
margin-top: 30px;
}
#about .contents_wrapper #yamato_area .work_of_yamato .content_wrapper .thumb img {
width: 100%;
height: auto;
}
#about .contents_wrapper #yamato_area .history {
padding: 30px 0;
background: rgba(255, 255, 255, 0.6);
}
#about .contents_wrapper #yamato_area .history dl {
width: calc(100% - 40px);
}
#about .contents_wrapper #yamato_area .history dl dt {
width: 100%;
float: none;
text-align: left;
font-weight: bold;
border-bottom: 1px dashed #EC670B;
margin-bottom: 10px;
}
#about .contents_wrapper #yamato_area .history dl dd {
border-left: 0;
width: 100%;
margin-left: 0;
margin-bottom: 40px;
padding: 0;
}
#about .contents_wrapper #yamato_area .history dl dd p {
margin-bottom: 1.5rem;
}
}
#clinic .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_about_inspection.jpg);
}
#clinic .contents_wrapper #departments {
width: 960px;
margin: 0 auto;
padding: 75px 0;
}
#clinic .contents_wrapper #departments .dept {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
border: 1px solid #ccc;
margin-bottom: 40px;
padding: 20px 0;
}
#clinic .contents_wrapper #departments .dept .thumb {
width: 440px;
}
#clinic .contents_wrapper #departments .dept .content {
width: 435px;
}
#clinic .contents_wrapper #departments .dept .content h3 {
font-size: 2.5rem;
margin: 0 0 10px 0;
text-align: center;
font-style: normal;
}
#clinic .contents_wrapper #departments .dept .content .detail {
font-size: 1.4rem;
}
#clinic .contents_wrapper #departments .dept .content table.schedule {
margin: 20px 0;
}
#clinic .contents_wrapper #departments .dept .content table.schedule tr {
background-color: #EC670B;
line-height: 37px;
font-size: 1.4rem;
}
#clinic .contents_wrapper #departments .dept .content table.schedule tr th {
width: 130px;
color: #fff;
font-weight: normal;
}
#clinic .contents_wrapper #departments .dept .content table.schedule tr td {
background-color: #efefef;
width: 42px;
text-align: center;
}
#clinic .contents_wrapper #departments .dept .content table.schedule tr.day td {
background-color: #EC670B;
color: #fff;
}
#clinic .contents_wrapper #departments .dept .content table.schedule, #clinic .contents_wrapper #departments .dept .content th, #clinic .contents_wrapper #departments .dept .content td {
border-collapse: collapse;
border: 1px solid #fff;
}
#clinic .contents_wrapper #departments .dept .content .physician_link_btn {
text-align: right;
}
#clinic .contents_wrapper #departments .dept .content .physician_link_btn a {
display: inline-block;
width: 217px;
color: #fff;
font-size: 1.2rem;
line-height: 35px;
text-align: center;
background: #EC670B;
}
#clinic .contents_wrapper #departments .dept .content .physician_link_btn a:hover {
background: #f4751c;
}
#clinic .contents_wrapper #departments .dept .content .link_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#clinic .contents_wrapper #departments .dept:before {
content: "";
display: block;
position: absolute;
top: -10px;
left: -10px;
border: 1px dotted #ccc;
width: 960px;
min-height: 100%;
z-index: -1;
}
#clinic .contents_wrapper #inspections {
width: 960px;
margin: 0 auto;
padding: 75px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#clinic .contents_wrapper #inspections .inspection {
width: 415px;
border: 1px dashed #ccc;
margin-bottom: 35px;
padding: 25px;
}
#clinic .contents_wrapper #inspections .inspection .content h3 {
font-size: 2.0rem;
font-weight: normal;
font-style: normal;
color: #EC670B;
margin: 10px 0 5px 0;
}
#clinic .contents_wrapper #inspections .inspection .content p {
font-size: 1.4rem;
}
#clinic .contents_wrapper #examinations {
width: 960px;
margin: 0 auto;
padding-top: 60px;
}
#clinic .contents_wrapper #examinations .exam {
margin-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#clinic .contents_wrapper #examinations .exam .heading_icon {
padding-left: 50px;
z-index: 101;
}
#clinic .contents_wrapper #examinations .exam .content {
width: 650px;
background: #fff;
border: 1px solid #EC670B;
margin-left: -130px;
padding: 20px 0 20px 160px;
z-index: 100;
}
#clinic .contents_wrapper #examinations .exam .content h3 {
font-size: 2.0rem;
font-weight: bold;
font-style: normal;
color: #EC670B;
margin: 0;
margin-bottom: 5px;
}
#clinic .contents_wrapper #examinations .exam .content p {
font-size: 1.4rem;
}
#clinic .contents_wrapper #examinations .exam .content .link_btn a {
display: inline-block;
background: #EC670B;
font-size: 1.2rem;
line-height: 2.5;
max-width: 560px;
color: #fff;
margin-top: 15px;
padding: 0 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#clinic .contents_wrapper #examinations .exam .content .link_btn a:hover {
background: #f57d2b;
}
#clinic .contents_wrapper .price_list_button a {
width: 960px;
margin: 50px auto 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #EC670B;
padding: 40px 0;
background: #fff;
}
#clinic .contents_wrapper .price_list_button a .icon {
width: 265px;
text-align: center;
border-right: 1px solid #EC670B;
}
#clinic .contents_wrapper .price_list_button a .detail {
width: 580px;
color: #EC670B;
}
#clinic .contents_wrapper .price_list_button a .detail .title {
font-size: 2.5rem;
}
#clinic .contents_wrapper .price_list_button a .detail .annotation {
font-size: 1.4rem;
}
#clinic .contents_wrapper .price_list_button a .arrow {
width: 40px;
font-size: 5.0rem;
font-weight: bold;
color: #EC670B;
}
#clinic .contents_wrapper .price_list_button a:hover {
background: #e2fdf7;
}
#clinic #examination_message {
background: #ddf4ee;
overflow: hidden;
}
#clinic #examination_message .lead_message {
width: 960px;
margin: 0 auto;
padding: 45px 0;
padding-left: 300px;
}
#clinic #examination_message .lead_message p.title {
margin-bottom: 10px;
}
#clinic #examination_message .lead_message p.title span {
font-size: 2.5rem;
font-weight: bold;
font-style: normal;
color: #EC670B;
border-bottom: 1px solid #EC670B;
margin-left: -400px;
padding-left: 400px;
}
#clinic #examination_message .lead_message .content p {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 960px) {
#clinic .contents_wrapper {
padding-bottom: 50px;
}
#clinic .contents_wrapper #departments {
width: calc(100% - 20px);
padding: 45px 0 10px 0;
}
#clinic .contents_wrapper #departments .dept {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
padding: 20px 0;
}
#clinic .contents_wrapper #departments .dept .thumb {
width: 100%;
text-align: center;
}
#clinic .contents_wrapper #departments .dept .thumb img {
width: calc(100% - 20px);
height: auto;
}
#clinic .contents_wrapper #departments .dept .content {
width: calc(100% - 20px);
margin: 0 auto;
}
#clinic .contents_wrapper #departments .dept .content h3 {
font-size: 1.6rem;
text-align: left;
margin: 10px 0 10px 0;
}
#clinic .contents_wrapper #departments .dept .content .detail {
font-size: 1.4rem;
}
#clinic .contents_wrapper #departments .dept .content table.schedule {
margin: 20px 0;
}
#clinic .contents_wrapper #departments .dept .content table.schedule tr {
font-size: 1.2rem;
}
#clinic .contents_wrapper #departments .dept .content .link_block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#clinic .contents_wrapper #departments .dept .content .link_block .physician_link_btn {
margin: 5px 0;
text-align: center;
}
#clinic .contents_wrapper #departments .dept .content .physician_link_btn {
text-align: center;
}
#clinic .contents_wrapper #departments .dept:before {
top: -5px;
left: -5px;
width: calc(100% + 10px);
min-height: calc(100% + 10px);
}
#clinic .contents_wrapper #inspections {
width: 100%;
padding: 0;
padding-top: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#clinic .contents_wrapper #inspections .inspection {
width: calc(100% - 60px);
margin: 0 auto;
margin-bottom: 35px;
padding: 10px;
}
#clinic .contents_wrapper #inspections .inspection .thumb img {
width: 100%;
height: auto;
}
#clinic .contents_wrapper #inspections .inspection .content h3 {
font-size: 1.6rem;
margin: 10px 0 5px 0;
}
#clinic .contents_wrapper #inspections .inspection .content p {
font-size: 1.4rem;
}
#clinic .contents_wrapper #examinations {
width: 100%;
margin: 0 auto;
padding-top: 20px;
}
#clinic .contents_wrapper #examinations .exam {
width: calc(100% - 40px);
margin: 0 auto;
padding: 0 20px 20px 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#clinic .contents_wrapper #examinations .exam .heading_icon {
padding-top: 0;
position: relative;
top: 23px;
left: -10px;
}
#clinic .contents_wrapper #examinations .exam .content {
width: calc(100% - 40px);
padding: 40px 20px 20px 20px;
margin-left: 0;
z-index: 100;
}
#clinic .contents_wrapper #examinations .exam .content h3 {
font-size: 1.8rem;
}
#clinic .contents_wrapper #examinations .exam .content p {
font-size: 1.4rem;
}
#clinic .contents_wrapper #examinations .exam .content .link_btn a {
max-width: calc(100% - 50px);
line-height: 2.5;
margin-top: 15px;
padding: 0 25px;
}
#clinic .contents_wrapper #examinations .exam .content .link_btn a:hover {
background: #f57d2b;
}
#clinic .contents_wrapper .price_list_button a {
width: calc(100% - 40px);
margin: 50px auto 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #EC670B;
padding: 20px 0;
background: #fff;
}
#clinic .contents_wrapper .price_list_button a .icon {
width: auto;
margin: 0 15px;
border-right: none;
}
#clinic .contents_wrapper .price_list_button a .icon img {
width: 30px;
height: auto;
}
#clinic .contents_wrapper .price_list_button a .detail {
width: 100%;
margin-right: 10px;
}
#clinic .contents_wrapper .price_list_button a .detail .title {
font-size: 1.6rem;
}
#clinic .contents_wrapper .price_list_button a .detail .annotation {
font-size: 1.2rem;
}
#clinic .contents_wrapper .price_list_button a .arrow {
width: 40px;
font-size: 3.0rem;
}
#clinic #examination_message .lead_message {
width: calc(100% - 40px);
margin: 0 auto;
padding: 25px 20px;
}
#clinic #examination_message .lead_message p.title {
margin-bottom: 10px;
}
#clinic #examination_message .lead_message p.title span {
font-size: 1.8rem;
border-bottom: 1px solid #EC670B;
margin-left: 0;
padding-left: 0;
}
#clinic #examination_message .lead_message .content p {
font-size: 1.4rem;
margin-bottom: 1.5rem;
}
}
#homecare .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_homecare.jpg);
}
#homecare .mainvisual {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_homecare_top2.jpg) right bottom;
background-size: cover;
background-attachment: fixed;
height: 900px;
border: 10px solid rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#homecare .mainvisual .content {
width: 500px;
margin: 230px auto 0;
text-align: center;
font-style: normal;
color: #fff;
}
#homecare .mainvisual .content p.title {
font-size: 3rem;
margin: 10px 0;
}
#homecare .mainvisual .content h2.en {
font-size: 1.5rem;
font-weight: bold;
margin: 0;
}
#homecare .homecare_visual {
height: 300px;
overflow: hidden;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_homecare.jpg);
background-position: center top;
background-attachment: fixed;
position: relative;
border: 10px solid rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#homecare .homecare_visual .heading {
width: 270px;
margin: 0 auto;
margin-top: 80px;
padding: 20px 0;
color: #fff;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#homecare .homecare_visual .heading h2 {
font-size: 3rem;
font-weight: normal;
margin: 0;
font-style: normal;
}
#homecare .homecare_visual .heading p {
font-size: 1.5rem;
font-style: normal;
}
#homecare .contents_wrapper.top {
padding-top: 25px;
}
#homecare .contents_wrapper {
overflow: hidden;
}
#homecare .contents_wrapper .about_homecare {
width: 960px;
margin: 0 auto;
padding: 100px 0;
}
#homecare .contents_wrapper .about_homecare .block {
background: #fff;
border: 1px solid #ccc;
text-align: center;
margin-bottom: 50px;
padding: 30px;
}
#homecare .contents_wrapper .about_homecare .block .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
#homecare .contents_wrapper .about_homecare .block h3 {
color: #EC670B;
font-size: 3rem;
font-style: normal;
}
#homecare .contents_wrapper .about_homecare .block .ml {
margin-left: 20px;
}
#homecare .contents_wrapper .about_homecare .block .mr {
margin-right: 20px;
}
#homecare .contents_wrapper .about_homecare .block .mb {
margin-bottom: 20px;
}
#homecare .contents_wrapper .about_homecare .block .align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#homecare .contents_wrapper .about_homecare .block .info {
text-align: left;
font-size: 1.8rem;
line-height: 1.7;
}
#homecare .contents_wrapper .about_homecare .block .info p {
margin-bottom: 1.5rem;
}
#homecare .contents_wrapper .about_homecare .block .table.table1 th {
width: 140px;
}
#homecare .contents_wrapper .about_homecare .block .table tr:nth-child(odd) {
background: #f3f4f9;
}
#homecare .contents_wrapper .about_homecare .block .table tr th, #homecare .contents_wrapper .about_homecare .block .table tr td {
padding: 8px 0;
font-size: 1.6rem;
vertical-align: top;
}
#homecare .contents_wrapper .about_homecare .block .table tr th {
text-align: center;
}
#homecare .contents_wrapper .about_homecare .block .table tr td {
padding-left: 20px;
}
#homecare .contents_wrapper .about_homecare .block h4 {
margin-bottom: 0;
}
#homecare .contents_wrapper .about_homecare .block .dl-list {
margin: 0;
}
#homecare .contents_wrapper .about_homecare .block .dl-list dt, #homecare .contents_wrapper .about_homecare .block .dl-list dd {
margin-top: 10px;
}
#homecare .contents_wrapper .about_homecare .block .dl-list dt {
font-size: 1.8rem;
font-weight: bold;
border-bottom: 1px solid #999;
}
#homecare .contents_wrapper .about_homecare .block .dl-list dd {
font-size: 1.6rem;
margin: 0;
}
#homecare .contents_wrapper .about_homecare .block .target_heading {
display: めりt flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.1rem;
font-weight: bold;
color: #EC670B;
border-radius: 15px;
background-color: #f3f4f9;
padding: 25px;
}
#homecare .contents_wrapper .about_homecare .block .target_list {
text-align: left;
}
#homecare .contents_wrapper .about_homecare .block .target_list li {
font-size: 1.8rem;
margin-bottom: 5px;
}
#homecare .contents_wrapper .about_homecare .block .target_list li:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa {
font-size: 1.8rem;
text-align: left;
margin: 0;
padding: 0;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa dt {
color: #e53984;
font-weight: bold;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa dt:before {
padding-right: 2.0rem;
content: 'Q';
font-size: 2.8rem;
font-weight: bold;
font-style: normal;
color: #e53984;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa dd {
margin: 0;
padding-left: 4.5rem;
text-indent: -4.5rem;
line-height: 1.5;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa dd:before {
padding-right: 2.0rem;
content: 'A';
font-size: 2.8rem;
font-weight: bold;
font-style: normal;
}
#homecare .contents_wrapper .about_homecare .block .link_btn a {
display: inline-block;
width: 400px;
line-height: 70px;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
background-color: #e53984;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
color: #fff;
position: relative;
margin-bottom: 50px;
}
#homecare .contents_wrapper .about_homecare .block .link_btn a:hover {
background-color: #ea5d9a;
}
#homecare .contents_wrapper .about_homecare .block .link_btn a:after {
content: '\f105';
position: absolute;
right: 13px;
font-family: FontAwesome;
font-size: 2.4rem;
}
#homecare .contents_wrapper .about_homecare .block:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper #medical_info {
width: 960px;
margin: 0 auto;
padding: 60px 0;
}
#homecare .contents_wrapper #medical_info .visit_area .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
padding: 0 40px;
}
#homecare .contents_wrapper #medical_info .visit_area .content a {
color: #e53984;
}
#homecare .contents_wrapper #medical_info .visit_area .content a:hover {
text-decoration: underline;
}
#homecare .contents_wrapper #medical_info .visit_area .content h3 {
color: #EC670B;
font-size: 3rem;
font-style: normal;
}
#homecare .contents_wrapper #medical_info .visit_area .content .ml {
margin-left: 20px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .mr {
margin-right: 20px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .mb {
margin-bottom: 20px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb {
width: 100%;
border: 1px solid #D8D8D8;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb img {
text-align: center;
width: 100%;
height: auto;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption {
display: block;
padding: 20px;
margin-top: 10px;
border-top: 1px solid #D8D8D8;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p {
text-align: left;
line-height: 1;
font-size: 1.5rem;
margin-top: 10px;
font-weight: bold;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p:first-child {
margin-top: 0;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p::before {
content: "　";
display: inline-block;
margin-right: 10px;
width: 100px;
height: 15px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.all::before {
background: #37944B;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.part::before {
background: #C74A73;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.alignment::before {
background: #793794;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.point::before {
background: #DE5E00;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info {
width: 100%;
font-size: 1.6rem;
background: #edeffa;
position: relative;
padding: 30px;
word-wrap: break-word;
margin-bottom: 20px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info p {
font-size: 1.8rem;
line-height: 1.7;
margin-bottom: 10px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info p:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info p.icon {
color: #EC670B;
font-size: 2.9rem;
position: absolute;
top: -18px;
right: 50%;
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl {
margin: 0;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl dt {
margin-bottom: 2px;
font-weight: bold;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl dd {
margin: 0 0 2px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl dd:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper #medical_info .block_area {
border: 1px solid #ddd;
margin-bottom: 50px;
background: #fff;
}
#homecare .contents_wrapper #medical_info .block_area h3 {
font-size: 3rem;
color: #EC670B;
font-style: normal;
text-align: center;
}
#homecare .contents_wrapper #medical_info .medical_time {
padding: 0 50px;
}
#homecare .contents_wrapper #medical_info .medical_time .figure {
width: 620px;
height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 0 auto;
background: #f3f4f9;
border-radius: 10px;
}
#homecare .contents_wrapper #medical_info .medical_time .figure .l_box, #homecare .contents_wrapper #medical_info .medical_time .figure .r_box {
padding-top: 10px;
}
#homecare .contents_wrapper #medical_info .medical_time .figure .l_box p.title, #homecare .contents_wrapper #medical_info .medical_time .figure .r_box p.title {
background: #EC670B;
border-radius: 25px;
font-size: 1.8rem;
color: #fff;
display: inline;
padding: 5px 30px;
}
#homecare .contents_wrapper #medical_info .medical_time .figure .l_box p.info, #homecare .contents_wrapper #medical_info .medical_time .figure .r_box p.info {
font-size: 2.6rem;
padding-top: 10px;
}
#homecare .contents_wrapper #medical_info .medical_time .figure p.icon {
font-size: 6.7rem;
color: #EC670B;
opacity: 0.2;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation {
margin-bottom: 40px;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dt {
font-size: 1.8rem;
font-weight: bold;
margin: 30px 0 10px;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dt i {
font-size: 2.8rem;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dt span {
line-height: 28px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f3f4f9));
background: linear-gradient(transparent 50%, #f3f4f9 0%);
padding-bottom: 4px;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dd {
font-size: 1.6rem;
margin: 0;
}
#homecare .contents_wrapper #medical_info .treatment {
padding-bottom: 40px;
}
#homecare .contents_wrapper #medical_info .treatment p.lead {
font-size: 1.8rem;
text-align: center;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList {
width: 660px;
margin: 0 auto;
margin-top: 25px;
padding: 40px 60px;
background: #edeffa;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList li {
font-size: 1.6rem;
line-height: 3.0rem;
margin-bottom: 30px;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList li i {
color: #EC670B;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList li h4 {
display: inline-block;
margin: 0;
color: #EC670B;
font-size: 2rem;
line-height: 28px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f3f4f9));
background: linear-gradient(transparent 50%, #f3f4f9 0%);
padding-bottom: 4px;
letter-spacing: 0.1em;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList li p {
margin-top: 0;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList li:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper #medical_info .medical_flow {
padding: 0 55px 50px;
}
#homecare .contents_wrapper #medical_info .medical_flow p.lead {
font-size: 1.8rem;
text-align: center;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 1.6rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure i.fa {
font-size: 6.9rem;
width: 100px;
line-height: 100px;
text-align: center;
color: #fff;
background: #EC670B;
border-radius: 50%;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 {
width: 440px;
padding: 70px 20px 28px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.icon {
left: 190px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.arrow {
top: 344px;
left: 230px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 .content p.title {
color: #EC670B;
padding-top: 10px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 {
width: 295px;
padding: 70px 20px 28px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.icon {
left: 117px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.icon i {
font-size: 5.0rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.arrow {
top: 232px;
left: 158px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.desc {
margin-top: 30px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.desc span {
color: #EC670B;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .border, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 {
position: relative;
margin-top: 50px;
line-height: 1.5;
background: #edeffa;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .border p.icon, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.icon, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.icon {
position: absolute;
top: -40px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .border p.arrow, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.arrow, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.arrow {
position: absolute;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .border p.heading, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.heading, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.heading {
text-align: center;
color: #EC670B;
font-size: 2.1rem;
font-weight: bold;
border-bottom: 1px solid #EC670B;
padding-bottom: 20px;
margin-bottom: 10px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box {
font-size: 1.6rem;
margin-top: 50px;
padding: 1px 25px;
background: #edeffa;
position: relative;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox {
border-bottom: 1px dotted #EC670B;
margin-top: 40px;
padding-bottom: 45px;
position: relative;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .title {
color: #EC670B;
font-weight: bold;
padding-top: 0;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox p {
padding-top: 1rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .annotation {
font-size: 1.2rem;
margin-top: 30px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox ul.annotation {
margin-top: 10px;
text-indent: -1.2rem;
padding-left: 1.0rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .arrow {
position: absolute;
bottom: -33px;
left: 395px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .dl_btn {
margin-top: 10px;
text-align: center;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .dl_btn a {
display: inline-block;
background: #EC670B;
font-size: 1.4rem;
font-weight: bold;
line-height: 35px;
color: #fff;
padding: 5px 40px;
border-radius: 3px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .dl_btn a:hover {
background: #f57d2b;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .step2:first-child {
margin-top: 0;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox:nth-child(3) {
border: none;
}
#homecare .contents_wrapper #medical_info .medicine_info {
padding: 0 40px 40px;
}
#homecare .contents_wrapper #medical_info .medicine_info p {
text-align: left;
font-size: 1.8rem;
line-height: 1.7;
}
#homecare .contents_wrapper #medical_info .fee_info {
padding: 0 40px 40px;
}
#homecare .contents_wrapper #medical_info .fee_info p.lead {
font-size: 1.8rem;
line-height: 1.5;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list {
margin: 38px 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div {
width: 415px;
border: 1px solid #EC670B;
margin-bottom: 30px;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div p.title {
background-color: #EC670B;
font-size: 2.4rem;
color: #fff;
line-height: 64px;
text-align: center;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div p.detail {
padding: 18px 20px;
font-size: 1.8rem;
line-height: 1.5;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div p.detail small {
font-size: 1.5rem;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div p.detail strong {
color: #EC670B;
font-weight: bold;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div:nth-child(2n) {
margin-left: 38px;
}
#homecare .contents_wrapper #medical_info .fee_info p.annotation {
font-size: 1.6rem;
margin-bottom: 20px;
}
#homecare .contents_wrapper #medical_info .fee_info ul.annotationList {
font-size: 1.6rem;
}
#homecare .contents_wrapper #medical_info .fee_info ul.annotationList li {
line-height: 1.75;
text-indent: -0.8rem;
padding-left: 0.8rem;
margin-left: 10px;
margin-bottom: 10px;
}
#homecare .contents_wrapper .flow_homecare {
width: 960px;
margin: 0 auto;
padding: 100px 0;
}
#homecare .contents_wrapper .flow_homecare .block {
background: #fff;
border: 1px solid #ccc;
text-align: center;
margin-bottom: 50px;
padding: 30px;
}
#homecare .contents_wrapper .flow_homecare .block .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #ccc;
}
#homecare .contents_wrapper .flow_homecare .block .content:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
#homecare .contents_wrapper .flow_homecare .block h3 {
color: #EC670B;
font-size: 3rem;
font-style: normal;
}
#homecare .contents_wrapper .flow_homecare .block .ml {
margin-left: 20px;
}
#homecare .contents_wrapper .flow_homecare .block .mr {
margin-right: 20px;
}
#homecare .contents_wrapper .flow_homecare .block .mb {
margin-bottom: 20px !important;
}
#homecare .contents_wrapper .flow_homecare .block .text-center {
text-align: center;
}
#homecare .contents_wrapper .flow_homecare .block .flex-direction-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#homecare .contents_wrapper .flow_homecare .block .bg-main {
padding: 10px 0;
background: #EC670B;
color: #fff;
margin-bottom: 0 !important;
font-size: 2rem;
}
#homecare .contents_wrapper .flow_homecare .block .info {
width: 100%;
text-align: left;
font-size: 1.6rem;
}
#homecare .contents_wrapper .flow_homecare .block .info p {
margin-bottom: 1.5rem;
}
#homecare .contents_wrapper .flow_homecare .block .info p:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .flow_homecare .block h4 {
margin-top: -0.25em;
font-size: 3rem;
margin-bottom: 20px;
}
#homecare .contents_wrapper .flow_homecare .block .flow-list {
list-style: disc;
padding-left: 15px;
margin-bottom: 30px;
}
#homecare .contents_wrapper .flow_homecare .block .flow-list li {
margin-bottom: 6px;
font-size: 1.6rem;
}
#homecare .contents_wrapper .flow_homecare .block .flow-list li:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .flow_homecare .block .flow-list-text {
padding: 20px 20px 20px 40px;
background: #F2F2F2;
list-style: circle;
}
#homecare .contents_wrapper .flow_homecare .block .flow-list-text li {
margin-bottom: 6px;
}
#homecare .contents_wrapper .flow_homecare .block .flow-list-text li:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list {
margin: 0;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list dt, #homecare .contents_wrapper .flow_homecare .block .dl-list dd {
margin-top: 10px;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list dt {
margin: 0;
font-size: 1.8rem;
font-weight: bold;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list dd {
font-size: 1.6rem;
margin: 0;
}
#homecare .contents_wrapper .flow_homecare .block .target_heading {
font-size: 3rem;
font-weight: bold;
color: #EC670B;
border-radius: 15px;
background-color: #f3f4f9;
width: 185px;
margin-left: 20px;
padding: 25px 0;
}
#homecare .contents_wrapper .flow_homecare .block .target_list {
text-align: left;
}
#homecare .contents_wrapper .flow_homecare .block .target_list li {
font-size: 1.6rem;
}
#homecare .contents_wrapper .flow_homecare .block dl.homecare_qa {
font-size: 1.8rem;
text-align: left;
margin: 0;
padding: 0;
}
#homecare .contents_wrapper .flow_homecare .block dl.homecare_qa dt {
color: #e53984;
font-weight: bold;
}
#homecare .contents_wrapper .flow_homecare .block dl.homecare_qa dt:before {
padding-right: 2.0rem;
content: 'Q';
font-size: 2.8rem;
font-weight: bold;
font-style: normal;
color: #e53984;
}
#homecare .contents_wrapper .flow_homecare .block dl.homecare_qa dd {
margin: 0;
padding-left: 4.5rem;
text-indent: -4.5rem;
line-height: 1.5;
}
#homecare .contents_wrapper .flow_homecare .block dl.homecare_qa dd:before {
padding-right: 2.0rem;
content: 'A';
font-size: 2.8rem;
font-weight: bold;
font-style: normal;
}
#homecare .contents_wrapper .flow_homecare .block .link_btn a {
display: inline-block;
width: 400px;
line-height: 70px;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
background-color: #e53984;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
color: #fff;
position: relative;
margin-bottom: 50px;
}
#homecare .contents_wrapper .flow_homecare .block .link_btn a:hover {
background-color: #ea5d9a;
}
#homecare .contents_wrapper .flow_homecare .block .link_btn a:after {
content: '\f105';
position: absolute;
right: 13px;
font-family: FontAwesome;
font-size: 2.4rem;
}
#homecare .contents_wrapper .flow_homecare .block:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .homecare_menu {
width: 960px;
margin: 0 auto;
padding: 75px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#homecare .contents_wrapper .homecare_menu .link_btn {
position: relative;
background: #fff;
}
#homecare .contents_wrapper .homecare_menu .link_btn a {
display: inline-block;
}
#homecare .contents_wrapper .homecare_menu .link_btn a img {
vertical-align: bottom;
}
#homecare .contents_wrapper .homecare_menu .link_btn a .content {
position: absolute;
left: 0;
bottom: 0;
color: #fff;
text-align: center;
width: 100%;
background: rgba(14, 49, 146, 0.6);
padding: 20px 0;
}
#homecare .contents_wrapper .homecare_menu .link_btn a .content .title {
font-size: 3rem;
font-style: normal;
}
#homecare .contents_wrapper .homecare_menu .link_btn a .content .detail {
font-size: 1.4rem;
}
#homecare .contents_wrapper .homecare_menu .link_btn a:hover img {
opacity: 0.8;
}
#homecare .contents_wrapper .homecare_message {
width: 100%;
height: 600px;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/homecare_message_bg.jpg) no-repeat;
background-size: 800px 600px;
background-position: top right;
min-width: 1400px;
}
#homecare .contents_wrapper .homecare_message .content {
position: relative;
top: 150px;
left: 10%;
width: 450px;
padding: 25px 50px;
border: 1px solid #ccc;
word-wrap: break-word;
}
#homecare .contents_wrapper .homecare_message .content .heading {
font-weight: bold;
font-style: normal;
color: #EC670B;
border-bottom: 1px solid #ccc;
}
#homecare .contents_wrapper .homecare_message .content .heading p.clinic {
font-size: 1.4rem;
}
#homecare .contents_wrapper .homecare_message .content .heading p.title {
font-size: 3rem;
}
#homecare .contents_wrapper .homecare_message .content p.detail {
margin-top: 15px;
font-size: 1.4rem;
}
#homecare .contents_wrapper .homecare_message .content:before {
content: "";
display: block;
position: absolute;
top: -10px;
left: -10px;
border: 1px dotted #ccc;
width: 550px;
min-height: 100%;
}
#homecare .contents_wrapper .head_doctor_message {
width: 960px;
margin: 0 auto;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/head_message_image2.png) right bottom no-repeat;
background-size: 500px auto;
}
#homecare .contents_wrapper .head_doctor_message .content {
width: 540px;
height: 550px;
padding-top: 100px;
}
#homecare .contents_wrapper .head_doctor_message .content p.title {
font-size: 3.0rem;
font-weight: bold;
font-style: normal;
color: #EC670B;
margin-bottom: 10px;
}
#homecare .contents_wrapper .head_doctor_message .content .detail {
font-size: 1.6rem;
}
#homecare .contents_wrapper .head_doctor_message .content .detail p {
margin-bottom: 1.5rem;
word-wrap: break-word;
}
#homecare .contents_wrapper .homecare_link_area {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper {
width: 960px;
margin: 0 auto 60px;
padding: 60px 0;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area {
padding: 15px 0 75px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn {
position: relative;
background: #fff;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a {
display: inline-block;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a img {
vertical-align: bottom;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a .content {
position: absolute;
top: 125px;
left: 0;
color: #fff;
text-align: center;
width: 100%;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a .content .title {
font-size: 3rem;
font-style: normal;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a .content .detail {
font-size: 1.4rem;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a:hover img {
opacity: 0.8;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a {
height: 150px;
overflow: hidden;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a img {
position: relative;
top: -55px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a .content {
top: 60px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a .content .detail {
display: none;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block {
background: #fff;
border: 1px solid #ccc;
font-style: normal;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px 0;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn {
width: 480px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a {
display: inline-block;
width: 100%;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a p.title {
font-size: 3rem;
font-weight: bold;
color: #EC670B;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a p.detail {
font-size: 1.6rem;
margin: 10px 0;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a:hover {
opacity: 0.8;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn:first-child {
border-right: 1px solid #ccc;
}
@media screen and (max-width: 960px) {
#homecare .mainvisual {
background-size: 100% auto;
background-attachment: scroll;
width: 100%;
height: 180px;
border: 10px solid #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#homecare .mainvisual .content {
width: 100%;
margin: 35px auto 0;
text-align: center;
font-style: normal;
color: #fff;
}
#homecare .mainvisual .content p.icon img {
width: 39px;
height: 33px;
}
#homecare .mainvisual .content p.title {
font-size: 1.8rem;
margin: 3px 0;
}
#homecare .mainvisual .content h2.en {
font-size: 1.2rem;
font-weight: bold;
margin: 0;
}
#homecare .homecare_visual {
height: 180px;
background-position: 100%;
background-attachment: scroll;
}
#homecare .homecare_visual .heading {
width: 80%;
margin-top: 45px;
padding: 10px 0;
}
#homecare .homecare_visual .heading h2 {
font-size: 1.8rem;
margin: 0;
}
#homecare .homecare_visual .heading p {
font-size: 1.2rem;
}
#homecare .contents_wrapper {
padding-bottom: 60px;
}
#homecare .contents_wrapper .about_homecare {
width: calc(100% - 40px);
padding: 30px 0;
}
#homecare .contents_wrapper .about_homecare .block {
margin-bottom: 30px;
padding: 20px;
}
#homecare .contents_wrapper .about_homecare .block .content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
#homecare .contents_wrapper .about_homecare .block .content:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .about_homecare .block .column-reverse-sp {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#homecare .contents_wrapper .about_homecare .block h3 {
padding: 0;
margin: 0 0 10px;
color: #EC670B;
font-size: 2.1rem;
}
#homecare .contents_wrapper .about_homecare .block .ml {
margin-left: 0;
}
#homecare .contents_wrapper .about_homecare .block .mr {
margin-right: 20;
}
#homecare .contents_wrapper .about_homecare .block .mb {
margin-bottom: 20;
}
#homecare .contents_wrapper .about_homecare .block .align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#homecare .contents_wrapper .about_homecare .block .thumb {
margin-bottom: 20px;
}
#homecare .contents_wrapper .about_homecare .block .thumb img {
width: 100%;
height: auto;
}
#homecare .contents_wrapper .about_homecare .block .info {
text-align: left;
font-size: 1.6rem;
}
#homecare .contents_wrapper .about_homecare .block .info p {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
#homecare .contents_wrapper .about_homecare .block .info p:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .about_homecare .block .table.table1 th {
width: 100px;
}
#homecare .contents_wrapper .about_homecare .block .table tr:nth-child(odd) {
background: #f3f4f9;
}
#homecare .contents_wrapper .about_homecare .block .table tr th, #homecare .contents_wrapper .about_homecare .block .table tr td {
font-size: 1.2rem;
}
#homecare .contents_wrapper .about_homecare .block .table tr th {
padding: 10px;
}
#homecare .contents_wrapper .about_homecare .block .table tr td {
padding: 10px;
}
#homecare .contents_wrapper .about_homecare .block h4 {
margin-bottom: 0;
}
#homecare .contents_wrapper .about_homecare .block .dl-list {
margin: 0;
}
#homecare .contents_wrapper .about_homecare .block .dl-list dt, #homecare .contents_wrapper .about_homecare .block .dl-list dd {
margin-top: 10px;
}
#homecare .contents_wrapper .about_homecare .block .dl-list dt {
font-size: 1.5rem;
font-weight: bold;
border-bottom: 1px solid #999;
}
#homecare .contents_wrapper .about_homecare .block .dl-list dd {
font-size: 1.4rem;
margin: 0;
}
#homecare .contents_wrapper .about_homecare .block .target_heading {
font-size: 1.5rem;
width: 100%;
margin-left: 0;
padding: 5px 0;
margin-bottom: 10px;
}
#homecare .contents_wrapper .about_homecare .block .target_list li {
font-size: 1.4rem;
padding-left: 2rem;
text-indent: -0.9rem;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa {
font-size: 1.5rem;
text-align: left;
margin: 0;
padding: 0;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa dt, #homecare .contents_wrapper .about_homecare .block dl.homecare_qa dd {
position: relative;
padding: 0 0 0 30px;
margin: 0;
text-indent: 0;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa dt:before, #homecare .contents_wrapper .about_homecare .block dl.homecare_qa dd:before {
position: absolute;
left: 0;
line-height: 1.2;
font-size: 1.8rem;
padding-right: 0;
}
#homecare .contents_wrapper .about_homecare .block dl.homecare_qa dt {
margin-bottom: 5px;
}
#homecare .contents_wrapper .about_homecare .block .link_btn a {
display: inline-block;
width: 400px;
line-height: 70px;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
background-color: #e53984;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
color: #fff;
position: relative;
margin-bottom: 50px;
}
#homecare .contents_wrapper .about_homecare .block .link_btn a:hover {
background-color: #ea5d9a;
}
#homecare .contents_wrapper .about_homecare .block .link_btn a:after {
content: '\f105';
position: absolute;
right: 13px;
font-family: FontAwesome;
font-size: 2.4rem;
}
#homecare .contents_wrapper .about_homecare .block:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper #medical_info {
width: calc(100% - 40px);
padding: 30px 0;
}
#homecare .contents_wrapper #medical_info .block_area {
margin-bottom: 30px;
}
#homecare .contents_wrapper #medical_info .block_area h3 {
font-size: 1.8rem;
}
#homecare .contents_wrapper #medical_info .medical_time {
padding: 0 20px;
}
#homecare .contents_wrapper #medical_info .medical_time .figure {
padding: 10px 0;
width: 100%;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#homecare .contents_wrapper #medical_info .medical_time .figure .l_box, #homecare .contents_wrapper #medical_info .medical_time .figure .r_box {
padding-top: 10px;
}
#homecare .contents_wrapper #medical_info .medical_time .figure .l_box p.title, #homecare .contents_wrapper #medical_info .medical_time .figure .r_box p.title {
font-size: 1.2rem;
}
#homecare .contents_wrapper #medical_info .medical_time .figure .l_box p.info, #homecare .contents_wrapper #medical_info .medical_time .figure .r_box p.info {
font-size: 1.2rem;
}
#homecare .contents_wrapper #medical_info .medical_time .figure p.icon {
font-size: 3.5rem;
line-height: 1.25;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation {
margin-bottom: 20px;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dt {
font-size: 1.4rem;
margin: 30px 0 5px;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dt i {
font-size: 1.8rem;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dt span {
line-height: 28px;
padding-bottom: 4px;
}
#homecare .contents_wrapper #medical_info .medical_time dl.annotation dd {
font-size: 1.2rem;
margin: 0;
}
#homecare .contents_wrapper #medical_info .visit_area .content {
display: block;
padding: 0 20px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb {
width: 100%;
margin-bottom: 30px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption {
padding: 10px;
margin-top: 10px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p {
font-size: 1rem;
margin-top: 10px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p span {
display: block;
font-size: 0.8rem;
margin-left: 21px;
line-height: 1.8;
font-weight: normal;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p::before {
content: "　";
display: inline-block;
margin-right: 5px;
width: 20px;
height: 10px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.all::before {
background: #37944B;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.part::before {
background: #C74A73;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.alignment::before {
background: #793794;
}
#homecare .contents_wrapper #medical_info .visit_area .content .thumb figurecaption p.point::before {
background: #DE5E00;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info {
width: 100%;
font-size: 1.4rem;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info p {
font-size: 1.4rem;
margin-bottom: 10px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info p:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info p.icon {
color: #EC670B;
font-size: 2.9rem;
position: absolute;
top: -18px;
right: 50%;
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl {
margin: 0;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl dt {
margin-bottom: 2px;
font-weight: bold;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl dd {
margin: 0 0 2px;
}
#homecare .contents_wrapper #medical_info .visit_area .content .info dl dd:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper #medical_info .treatment {
padding: 0 20px 20px;
}
#homecare .contents_wrapper #medical_info .treatment p.lead {
font-size: 1.4rem;
text-align: left;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList {
width: calc(100% - 40px);
margin: 0 auto;
margin-top: 15px;
padding: 20px 20px;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList li {
font-size: 1.4rem;
line-height: 1.5;
margin-bottom: 20px;
}
#homecare .contents_wrapper #medical_info .treatment .treatmentList li h4 {
font-size: 1.6rem;
padding-bottom: 0;
letter-spacing: 0.1em;
}
#homecare .contents_wrapper #medical_info .medical_flow {
padding: 0 20px;
}
#homecare .contents_wrapper #medical_info .medical_flow p.lead {
font-size: 1.4rem;
text-align: left;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure {
margin-top: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure i.fa {
font-size: 2.9rem;
width: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background: #EC670B;
border-radius: 50%;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 {
width: 100%;
margin: 0 auto;
margin-top: 20px;
padding: 35px 0 8px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 .content {
padding-bottom: 10px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 .content p.title {
font-size: 1.4rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 .content p {
font-size: 1.2rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.icon {
width: 50px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 {
margin: 0 auto;
margin-top: 40px;
width: auto;
padding: 35px 0 8px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.icon i {
font-size: 2.8rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.desc {
margin: 0;
padding: 10px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .borderSP, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 {
line-height: 1.5;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .borderSP p.icon, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.icon, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.icon {
top: -20px;
left: 50%;
width: 50px;
padding: 0;
margin-left: -25px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .borderSP p.icon img, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.icon img, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.icon img {
width: 100%;
height: auto;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .borderSP p.heading, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.heading, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.heading {
font-size: 1.8rem;
padding-bottom: 5px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .borderSP p.title, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.title, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.title {
font-size: 1.6rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .borderSP p, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p {
font-size: 1.4rem;
padding: 0 10px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure .borderSP p.arrow, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step1 p.arrow, #homecare .contents_wrapper #medical_info .medical_flow .flowFigure .step2 p.arrow {
display: none;
}
#homecare .contents_wrapper #medical_info .medical_flow .flowFigure div.arrow.sp {
margin: 20px auto;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 20px;
padding: 1px 15px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox {
margin-top: 40px;
padding-bottom: 25px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .title {
font-size: 1.6rem;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .annotation {
margin-top: 10px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .arrow {
left: calc((100% - 20px)/2);
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .dl_btn {
margin-top: 5px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox .dl_btn a {
font-size: 1.2rem;
line-height: 40px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox:first-child {
margin-top: 20px;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .step2:first-child {
margin-top: 0;
}
#homecare .contents_wrapper #medical_info .medical_flow .flow_box .stepBox:nth-child(3) {
border: none;
}
#homecare .contents_wrapper #medical_info .medicine_info {
padding: 0 20px 20px;
}
#homecare .contents_wrapper #medical_info .medicine_info p {
font-size: 1.4rem;
}
#homecare .contents_wrapper #medical_info .fee_info {
padding: 0 20px 20px;
}
#homecare .contents_wrapper #medical_info .fee_info p.lead {
font-size: 1.4rem;
line-height: 1.5;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list {
margin: 18px 0 5px;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div {
width: 100%;
margin-bottom: 10px;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div p.title {
font-size: 1.6rem;
color: #fff;
line-height: 32px;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div p.detail {
height: auto;
padding: 12px 12px;
font-size: 1.4rem;
line-height: 1.2;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div p.detail small {
font-size: 1.0rem;
}
#homecare .contents_wrapper #medical_info .fee_info .fee_list div:nth-child(2n) {
margin-left: 0;
}
#homecare .contents_wrapper #medical_info .fee_info ul.annotationList li {
line-height: 1.5;
font-size: 1.3rem;
}
#homecare .contents_wrapper #medical_info .fee_info p.annotation {
margin-top: 23px;
font-size: 1.2rem;
}
#homecare .contents_wrapper .flow_homecare {
width: calc(100% - 40px);
padding: 30px 0;
}
#homecare .contents_wrapper .flow_homecare .block {
margin-bottom: 30px;
padding: 20px;
}
#homecare .contents_wrapper .flow_homecare .block .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
padding-bottom: 25px;
}
#homecare .contents_wrapper .flow_homecare .block .info {
width: 100%;
}
#homecare .contents_wrapper .flow_homecare .block .thumb {
margin-bottom: 20px;
}
#homecare .contents_wrapper .flow_homecare .block .thumb img {
width: 100%;
height: auto;
}
#homecare .contents_wrapper .flow_homecare .block .bg-main {
font-size: 1.6rem;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list {
margin: 0;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list dt {
font-size: 1.6rem;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list dd {
font-size: 1.5rem;
}
#homecare .contents_wrapper .flow_homecare .block .dl-list dd a {
color: #e53984;
}
#homecare .contents_wrapper .flow_homecare .block h3 {
margin: 0 0 10px !important;
font-size: 2rem;
}
#homecare .contents_wrapper .flow_homecare .block .ml {
margin-left: 0;
}
#homecare .contents_wrapper .flow_homecare .block .mr {
margin-right: 0;
}
#homecare .contents_wrapper .flow_homecare .block .mb {
margin-bottom: 20px !important;
}
#homecare .contents_wrapper .flow_homecare .block h4 {
font-size: 2rem;
margin-bottom: 20px;
}
#homecare .contents_wrapper .flow_homecare .block:last-child {
margin-bottom: 0;
}
#homecare .contents_wrapper .homecare_menu {
width: 100%;
margin: 0 auto;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#homecare .contents_wrapper .homecare_menu .link_btn {
width: 308px;
position: relative;
background: none;
margin: 0 auto;
margin-bottom: 20px;
}
#homecare .contents_wrapper .homecare_menu .link_btn a {
height: 100px;
overflow: hidden;
}
#homecare .contents_wrapper .homecare_menu .link_btn a img {
position: relative;
top: -55px;
vertical-align: bottom;
}
#homecare .contents_wrapper .homecare_menu .link_btn a .content {
top: 10px;
background: transparent;
}
#homecare .contents_wrapper .homecare_menu .link_btn a .content .title {
font-size: 1.8rem;
font-style: normal;
}
#homecare .contents_wrapper .homecare_menu .link_btn a .content .detail {
font-size: 1.2rem;
}
#homecare .contents_wrapper .homecare_message {
width: 100%;
height: auto;
min-width: 0;
background: transparent;
position: relative;
padding: 20px 0;
}
#homecare .contents_wrapper .homecare_message .content {
position: static;
background: #fff;
width: calc(100% - 80px);
margin: 0 auto;
padding: 15px 20px;
}
#homecare .contents_wrapper .homecare_message .content .heading p.clinic {
font-size: 1.0rem;
}
#homecare .contents_wrapper .homecare_message .content .heading p.title {
font-size: 1.6rem;
}
#homecare .contents_wrapper .homecare_message .content p.detail {
margin-top: 15px;
font-size: 1.4rem;
}
#homecare .contents_wrapper .homecare_message .content p.detail br {
display: none;
}
#homecare .contents_wrapper .homecare_message .content:before {
border: none;
}
#homecare .contents_wrapper .head_doctor_message {
width: 100%;
margin: 0 auto;
margin-bottom: 40px;
background-size: 100%;
background-position: right bottom;
}
#homecare .contents_wrapper .head_doctor_message .content {
width: calc(100% - 40px);
height: auto;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 360px;
}
#homecare .contents_wrapper .head_doctor_message .content p.title {
font-size: 1.8rem;
font-weight: bold;
font-style: normal;
color: #EC670B;
margin-bottom: 10px;
}
#homecare .contents_wrapper .head_doctor_message .content .detail {
font-size: 1.4rem;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper {
width: 100%;
margin: 0 auto 30px;
padding: 20px 0;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn {
width: 308px;
position: relative;
background: none;
margin: 0 auto;
margin-bottom: 20px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a {
display: inline-block;
height: 100px;
overflow: hidden;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a img {
position: relative;
top: -55px;
vertical-align: bottom;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a .content {
top: 28px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a .content .title {
font-size: 1.8rem;
font-style: normal;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn a .content .detail {
font-size: 1.2rem;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a {
height: 100px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a img {
position: relative;
top: -55px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a .content {
top: 28px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_area .link_btn.short a .content .detail {
display: block;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block {
width: calc(100% - 40px);
margin: 0 auto;
padding: 0;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn {
width: 100%;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a {
display: inline-block;
width: calc(100% - 20px);
padding: 10px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a p.title {
font-size: 1.6rem;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a p.detail {
font-size: 1.0rem;
margin: 5px 0;
height: 30px;
}
#homecare .contents_wrapper .homecare_link_area .link_wrapper .link_block .link_btn a p.icon img {
width: 22px;
height: auto;
}
}
#recruit .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_recruit.jpg);
}
#recruit .contents_wrapper #recruitment ul.navi {
width: 350px;
margin: 0 auto;
padding: 75px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#recruit .contents_wrapper #recruitment ul.navi li a {
display: inline-block;
background: #ddf4ee;
border-radius: 20px;
font-size: 1.4rem;
line-height: 35px;
color: #EC670B;
padding: 0 40px;
}
#recruit .contents_wrapper #recruitment ul.navi li a:hover {
background-color: #EC670B;
color: #fff;
}
#recruit .contents_wrapper #recruitment ul.navi li p {
text-align: center;
color: #EC670B;
}
#recruit .contents_wrapper #recruitment ul.navi li.active a {
background-color: #EC670B;
color: #fff;
}
#recruit .contents_wrapper #recruitment .recruit_list {
width: 960px;
margin: 0 auto;
font-size: 1.4rem;
padding-top: 60px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit {
border: 1px solid #999;
background: #fff;
margin-bottom: 120px;
padding: 60px 0;
position: relative;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit h3 {
font-size: 2.5rem;
font-weight: bold;
font-style: normal;
text-align: center;
color: #EC670B;
width: 100%;
margin: 0;
position: absolute;
top: -18px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit h3 span {
background: #fff;
padding: 0 20px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit dt {
width: 140px;
float: left;
clear: both;
text-align: center;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit dd {
border-left: 1px solid #999;
margin-left: 140px;
margin-bottom: 40px;
padding: 0 40px;
word-wrap: break-word;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit dd p {
margin-bottom: 1.5rem;
word-wrap: break-word;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area {
text-align: center;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area .annotaion {
margin-bottom: 10px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area a {
display: inline-block;
width: 400px;
line-height: 70px;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
background-color: #e53984;
color: #fff;
position: relative;
margin-bottom: 50px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area a:hover {
background-color: #ea5d9a;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area a:after {
content: '\f105';
position: absolute;
right: 13px;
font-family: FontAwesome;
font-size: 2.4rem;
}
#recruit .contents_wrapper #recruitment .recruit_list .no_data {
height: 150px;
font-size: 2.2rem;
text-align: center;
margin-top: 50px;
}
@media screen and (max-width: 960px) {
#recruit .contents_wrapper {
padding-bottom: 50px;
}
#recruit .contents_wrapper #recruitment ul.navi {
width: 100%;
padding: 35px 0 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#recruit .contents_wrapper #recruitment ul.navi li a {
border-radius: 20px;
font-size: 1.2rem;
line-height: 35px;
color: #EC670B;
padding: 0 20px;
background: #fff;
}
#recruit .contents_wrapper #recruitment ul.navi li a:hover {
background-color: #EC670B;
color: #fff;
}
#recruit .contents_wrapper #recruitment ul.navi li p {
text-align: center;
color: #EC670B;
}
#recruit .contents_wrapper #recruitment ul.navi li.active a {
background-color: #EC670B;
color: #fff;
}
#recruit .contents_wrapper #recruitment ul.navi li.arrow {
margin: 0 15px;
}
#recruit .contents_wrapper #recruitment .recruit_list {
width: calc(100% - 40px);
margin: 0 auto;
font-size: 1.4rem;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit {
border: 1px solid #999;
background: #fff;
margin-bottom: 120px;
padding: 20px;
position: relative;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit h3 {
font-size: 1.8rem;
text-align: center;
width: 100%;
margin: 0;
position: relative;
top: 0;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit h3 span {
background: #fff;
padding: 0 20px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit dt {
width: 100%;
float: none;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #999;
margin-bottom: 10px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit dd {
border-left: 0;
width: 100%;
margin-left: 0;
margin-bottom: 40px;
padding: 0;
word-wrap: break-word;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit dd p {
margin-bottom: 1.5rem;
word-wrap: break-word;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area {
text-align: center;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area .annotaion {
margin-bottom: 25px;
}
#recruit .contents_wrapper #recruitment .recruit_list .recruit .link_btn_area a {
width: 100%;
line-height: 50px;
font-size: 1.6rem;
margin-bottom: 10px;
}
#recruit .contents_wrapper #recruitment .recruit_list .no_data {
height: 80px;
font-size: 1.6rem;
}
}
#access .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_access.jpg);
}
#access .contents_wrapper {
padding-top: 100px;
}
#access .contents_wrapper #map_wrapper {
position: relative;
}
#access .contents_wrapper #map_wrapper .link_btn {
position: absolute;
bottom: 20px;
left: calc(50% - (960px/2) - 60px);
width: 960px;
text-align: right;
}
#access .contents_wrapper #map_wrapper .link_btn a {
display: inline-block;
font-size: 1.2rem;
color: #fff;
background: #EC670B;
padding: 0 20px;
line-height: 35px;
}
#access .contents_wrapper #map_wrapper .link_btn a:hover {
background: #f57d2b;
}
#access .contents_wrapper #map_wrapper #hiyoshi_gmap {
width: 960px;
margin: 0 auto;
margin-bottom: 80px;
height: 500px;
}
#access .contents_wrapper .access_info {
width: 960px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#access .contents_wrapper .access_info .thumb {
width: 480px;
text-align: center;
}
#access .contents_wrapper .access_info .info {
width: 450px;
margin-bottom: 80px;
}
#access .contents_wrapper .access_info .info h3 {
font-size: 2.4rem;
font-weight: normal;
font-style: normal;
margin: 0;
}
#access .contents_wrapper .access_info .info p.en {
font-size: 1.4rem;
font-style: normal;
}
#access .contents_wrapper .access_info .info .way_info {
padding: 1.5rem 0;
border-bottom: 1px dashed #ddd;
}
#access .contents_wrapper .access_info .info .way_info p.title {
font-size: 1.6rem;
color: #EC670B;
}
#access .contents_wrapper .access_info .info .way_info p.detail {
font-size: 1.4rem;
}
@media screen and (max-width: 960px) {
#access .contents_wrapper {
padding-top: 50px;
padding-bottom: 50px;
}
#access .contents_wrapper #map_wrapper #hiyoshi_gmap {
width: calc(100% - 40px);
height: 300px;
margin-bottom: 80px;
}
#access .contents_wrapper #map_wrapper .link_btn {
position: absolute;
bottom: -40px;
left: calc(50% - calc(100% - 40px) / 2);
width: calc(100% - 40px);
}
#access .contents_wrapper #map_wrapper .link_btn a {
display: inline-block;
color: #fff;
background: #EC670B;
padding: 0 20px;
line-height: 30px;
}
#access .contents_wrapper .access_info {
width: calc(100% - 40px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#access .contents_wrapper .access_info .thumb {
width: 100%;
}
#access .contents_wrapper .access_info .thumb img {
width: 256px;
height: auto;
}
#access .contents_wrapper .access_info .info {
width: 100%;
margin-bottom: 20px;
}
#access .contents_wrapper .access_info .info h3 {
margin-top: 20px;
font-size: 1.6rem;
}
#access .contents_wrapper .access_info .info p.en {
font-size: 1.2rem;
}
#access .contents_wrapper .access_info .info .way_info {
padding: 1.5rem 0;
border-bottom: 1px dashed #ddd;
}
#access .contents_wrapper .access_info .info .way_info p.title {
font-size: 1.4rem;
color: #EC670B;
}
#access .contents_wrapper .access_info .info .way_info p.detail {
font-size: 1.2rem;
}
}
#contact .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_contact.jpg);
}
#contact .contents_wrapper {
padding-top: 150px;
}
#contact .contents_wrapper .contact_block {
width: 960px;
margin: 0 auto;
padding: 50px;
background: #fff;
border: 1px solid #999;
position: relative;
}
#contact .contents_wrapper .contact_block h3 {
width: 100%;
position: absolute;
top: -40px;
left: 0;
text-align: center;
}
#contact .contents_wrapper .contact_block h3 span {
display: inline-block;
margin: 0;
padding: 10px 20px;
font-size: 3.0rem;
font-style: normal;
line-height: .7;
color: #EC670B;
background: #fff;
}
#contact .contents_wrapper .contact_block h3 span br {
margin: 0;
}
#contact .contents_wrapper .contact_block h3 span small {
font-size: 1.4rem;
margin: 0;
padding: -10px 0 0 0;
line-height: 1.0;
}
#contact .contents_wrapper .mail_contact {
margin-bottom: 100px;
}
#contact .contents_wrapper .mail_contact .wpcf7-response-output {
padding: 20px;
font-size: 1.4rem;
margin-bottom: 20px;
}
#contact .contents_wrapper .mail_contact .wpcf7-not-valid-tip {
font-size: 1.4rem;
}
#contact .contents_wrapper .mail_contact .selectbox {
text-align: center;
}
#contact .contents_wrapper .mail_contact .selectbox p {
margin-bottom: 10px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox {
position: relative;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox p {
position: absolute;
top: 0;
left: calc(50% - 205px);
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox p select {
z-index: 1;
margin: 0 auto;
width: 410px;
height: 55px;
opacity: 0;
-webkit-appearance: menulist-button;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner {
position: relative;
z-index: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #666;
margin: 0 auto;
padding: 0 12px;
width: 410px;
height: 55px;
font-size: 1.4rem;
line-height: 55px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner span {
margin-left: -60px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner:before,
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner:after {
content: '';
position: absolute;
display: block;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner:before {
top: 0;
right: 0;
bottom: 0;
width: 60px;
background: #fff;
border-left: 1px solid #666;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner:after {
top: 50%;
right: 20px;
margin-top: -5px;
width: 0;
height: 0;
border: solid transparent;
border-top-color: #000;
border-width: 10px 10px 0 10px;
}
#contact .contents_wrapper .mail_contact .form_area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#contact .contents_wrapper .mail_contact .form_area .l_box, #contact .contents_wrapper .mail_contact .form_area .r_box {
width: 430px;
}
#contact .contents_wrapper .mail_contact .form_area dl dt {
font-size: 1.4rem;
font-weight: bold;
line-height: 2.5;
}
#contact .contents_wrapper .mail_contact .form_area dl dt span {
display: inline-block;
color: #fff;
font-size: 8px;
font-size: 0.8rem;
background: #d62429;
line-height: 16px;
height: 16px;
padding: 0 5px;
margin-left: 5px;
}
#contact .contents_wrapper .mail_contact .form_area dl dd {
margin: 0;
margin-bottom: 20px;
}
#contact .contents_wrapper .mail_contact .form_area dl dd input[type=text], #contact .contents_wrapper .mail_contact .form_area dl dd input[type=tel], #contact .contents_wrapper .mail_contact .form_area dl dd input[type=email], #contact .contents_wrapper .mail_contact .form_area dl dd textarea {
background: #efefef;
border: none;
width: 390px;
line-height: 50px;
padding: 0 20px;
font-size: 1.6rem;
}
#contact .contents_wrapper .mail_contact .form_area dl dd textarea {
height: 130px;
padding: 10px 20px;
line-height: 2.0rem;
}
#contact .contents_wrapper .mail_contact .form_area p.confirm_btn a {
margin-top: 17px;
width: 430px;
display: inline-block;
line-height: 70px;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
background-color: #e53984;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
color: #fff;
position: relative;
}
#contact .contents_wrapper .mail_contact .form_area p.confirm_btn a:hover {
background-color: #ea5d9a;
}
#contact .contents_wrapper .mail_contact .form_area p.confirm_btn a:after {
content: '\f105';
position: absolute;
right: 13px;
font-family: FontAwesome;
font-size: 2.4rem;
}
#contact .contents_wrapper .tel_contact {
margin-bottom: 100px;
padding: 45px 50px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact .contents_wrapper .tel_contact .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#contact .contents_wrapper .tel_contact .info .clinic, #contact .contents_wrapper .tel_contact .info .homecare {
width: 480px;
text-align: center;
padding: 5px 0 20px 0;
}
#contact .contents_wrapper .tel_contact .info .clinic p.title, #contact .contents_wrapper .tel_contact .info .homecare p.title {
font-size: 2.0rem;
font-weight: bold;
}
#contact .contents_wrapper .tel_contact .info .clinic p.lead_message, #contact .contents_wrapper .tel_contact .info .homecare p.lead_message {
font-size: 1.2rem;
margin: 5px 0 10px 0;
}
#contact .contents_wrapper .tel_contact .info .clinic p.tel, #contact .contents_wrapper .tel_contact .info .homecare p.tel {
width: 190px;
margin: 0 auto;
background-color: #333;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
border-radius: 20px;
font-size: 1.6rem;
color: #fff;
line-height: 40px;
}
#contact .contents_wrapper .tel_contact .info .clinic {
border-right: 1px solid #999;
}
#contact .contents_wrapper .tel_contact iframe {
width: 100%;
height: 500px;
}
#contact .contents_wrapper .tel_contact figure {
width: 80%;
margin: 20px auto 0;
}
#contact .contents_wrapper .tel_contact figure img {
width: 100%;
height: auto;
}
#contact #modal_area.contact .modal_area_wrap {
width: 480px;
}
#contact #modal_area.contact .modal_area_wrap .lead {
font-size: 1.6rem;
}
#contact #modal_area.contact .modal_area_wrap h3 {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 5px;
color: #EC670B;
}
#contact #modal_area.contact .modal_area_wrap p {
font-size: 1.4rem;
}
#contact #modal_area.contact .modal_area_wrap .submitButton {
margin-top: 50px;
text-align: center;
}
#contact #modal_area.contact .modal_area_wrap .submitButton a {
display: inline-block;
padding: 0 30px;
line-height: 40px;
font-size: 1.4rem;
background: #EC670B;
color: #fff;
}
#contact #modal_area.contact .modal_area_wrap .submitButton a:hover {
background: #f57d2b;
}
@media screen and (max-width: 960px) {
#contact .contents_wrapper {
padding-top: 50px;
padding-bottom: 50px;
}
#contact .contents_wrapper .contact_block {
width: calc(100% - 40px);
padding: 0 20px;
border: 1px solid #999;
position: relative;
}
#contact .contents_wrapper .contact_block h3 {
width: 100%;
position: relative;
top: 0;
}
#contact .contents_wrapper .contact_block h3 span {
padding: 10px 20px;
font-size: 2.2rem;
background: none;
}
#contact .contents_wrapper .contact_block h3 span small {
font-size: 1.2rem;
}
#contact .contents_wrapper .mail_contact {
width: calc(100% - 80px);
margin-bottom: 40px;
}
#contact .contents_wrapper .mail_contact .selectbox {
text-align: center;
}
#contact .contents_wrapper .mail_contact .selectbox p {
margin-bottom: 10px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox {
position: relative;
overflow-x: hidden;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox p {
left: 0;
width: 100%;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox p select {
width: 100%;
height: 35px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner {
padding: 0 12px;
width: 100%;
height: 35px;
font-size: 1.2rem;
line-height: 35px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner span {
margin-left: -40px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner:before {
width: 40px;
}
#contact .contents_wrapper .mail_contact .selectbox .custom-selectbox .inner:after {
right: 12px;
margin-top: -4px;
border-width: 8px 8px 0 8px;
}
#contact .contents_wrapper .mail_contact .form_area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px;
}
#contact .contents_wrapper .mail_contact .form_area .l_box, #contact .contents_wrapper .mail_contact .form_area .r_box {
width: 100%;
margin: 0;
}
#contact .contents_wrapper .mail_contact .form_area dl {
margin: 0;
}
#contact .contents_wrapper .mail_contact .form_area dl dt {
font-size: 1.3rem;
}
#contact .contents_wrapper .mail_contact .form_area dl dt small {
font-size: 1.0rem;
}
#contact .contents_wrapper .mail_contact .form_area dl dd input[type=text], #contact .contents_wrapper .mail_contact .form_area dl dd input[type=tel], #contact .contents_wrapper .mail_contact .form_area dl dd input[type=email], #contact .contents_wrapper .mail_contact .form_area dl dd textarea {
width: calc(100% - 40px);
line-height: 40px;
font-size: 1.4rem;
}
#contact .contents_wrapper .mail_contact .form_area dl dd textarea {
height: 130px;
}
#contact .contents_wrapper .mail_contact .form_area p.confirm_btn a {
margin-top: 5px;
margin-bottom: 30px;
width: 100%;
line-height: 40px;
font-size: 1.4rem;
}
#contact .contents_wrapper .tel_contact {
margin-bottom: 50px;
padding: 0;
}
#contact .contents_wrapper .tel_contact .info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#contact .contents_wrapper .tel_contact .info .clinic, #contact .contents_wrapper .tel_contact .info .homecare {
width: 100%;
padding: 5px 0 20px 0;
}
#contact .contents_wrapper .tel_contact .info .clinic p.title, #contact .contents_wrapper .tel_contact .info .homecare p.title {
font-size: 1.6rem;
font-weight: bold;
}
#contact .contents_wrapper .tel_contact .info .clinic p.lead_message, #contact .contents_wrapper .tel_contact .info .homecare p.lead_message {
font-size: 1.0rem;
margin: 5px 0 10px 0;
}
#contact .contents_wrapper .tel_contact .info .clinic p.tel, #contact .contents_wrapper .tel_contact .info .homecare p.tel {
width: 170px;
font-size: 1.4rem;
line-height: 30px;
}
#contact .contents_wrapper .tel_contact .info .clinic p.tel a, #contact .contents_wrapper .tel_contact .info .homecare p.tel a {
color: #fff;
}
#contact .contents_wrapper .tel_contact .info .clinic {
border: none;
}
#contact .contents_wrapper .tel_contact iframe {
width: 90%;
height: 300px;
margin: 0 auto 10px;
display: block;
}
}
#news .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_blog.jpg);
}
#news .page_visual .category_link {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
background-color: #fff;
height: 75px;
}
#news .page_visual .category_link ul {
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#news .page_visual .category_link ul li {
padding: 20px 5px;
}
#news .page_visual .category_link ul li a {
width: auto;
padding: 0 30px;
text-align: center;
display: inline-block;
background: #efefef;
font-size: 1.3rem;
color: #999;
line-height: 2.5;
border-radius: 25px;
}
#news .page_visual .category_link ul li a:hover, #news .page_visual .category_link ul li a.active {
color: #EC670B;
}
#news .page_visual .category_link ul li.current-cat a {
background: #EC670B;
color: #fff;
}
#news .contents_wrapper #articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 960px;
min-height: 350px;
margin: 0 auto;
padding: 80px 0 0;
}
#news .contents_wrapper #articles article {
margin-right: 19px;
margin-bottom: 50px;
}
#news .contents_wrapper #articles article a {
display: inline-block;
position: relative;
width: 221px;
height: 240px;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.05) inset;
}
#news .contents_wrapper #articles article a p.date {
padding: 0 10px;
font-size: 0.9rem;
line-height: 3.0;
}
#news .contents_wrapper #articles article a p.title {
padding: 0 10px;
color: #EC670B;
font-size: 1.5rem;
word-wrap: break-word;
}
#news .contents_wrapper #articles article a p.more {
position: absolute;
bottom: 0;
width: 100%;
background: #EC670B;
font-size: 1.2rem;
line-height: 2.0;
text-align: center;
color: #fff;
}
#news .contents_wrapper #articles article a:hover .thumb img {
opacity: 0.8;
}
#news .contents_wrapper #articles article a:hover p.date {
opacity: 0.8;
}
#news .contents_wrapper #articles article a:hover p.title {
color: #f57d2b;
}
#news .contents_wrapper #articles article a:hover p.more {
opacity: 0.8;
}
#news .contents_wrapper .paging {
width: 960px;
margin: 0 auto;
padding-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#news .contents_wrapper .paging li a {
width: 40px;
height: 40px;
margin: 0 15px;
display: inline-block;
line-height: 40px;
text-align: center;
font-size: 1.6rem;
color: #EC670B;
background: #fff;
border: 1px solid #EC670B;
border-radius: 20px;
}
#news .contents_wrapper .paging li a.current {
color: #fff;
background: #EC670B;
}
#news .contents_wrapper #news_contents {
padding: 80px 0;
width: 960px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#news .contents_wrapper #news_contents article {
width: 620px;
}
#news .contents_wrapper #news_contents article p.date {
font-size: 1.4rem;
font-style: normal;
margin-top: 20px;
}
#news .contents_wrapper #news_contents article h3 {
font-size: 2.0rem;
font-style: normal;
margin-bottom: 50px;
}
#news .contents_wrapper #news_contents article .content {
font-size: 1.8rem;
line-height: 1.75;
}
#news .contents_wrapper #news_contents article .content p {
margin-bottom: 1.75rem;
}
#news .contents_wrapper #news_contents article .content img {
max-width: 100%;
height: auto;
}
#news .contents_wrapper #news_contents article .content img.alignleft {
text-align: left;
}
#news .contents_wrapper #news_contents article .content img.aligncenter {
display: block;
margin: 1px auto;
}
#news .contents_wrapper #news_contents article .content img.alignright {
display: block;
margin: 1px 1px 1px auto;
}
#news .contents_wrapper #news_contents article .content strong {
font-weight: bold;
}
#news .contents_wrapper #news_contents article .content blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
#news .contents_wrapper #news_contents article .content img[class*="wp-image-"],
#news .contents_wrapper #news_contents article .content img[class*="attachment-"] {
height: auto;
max-width: 100%;
}
#news .contents_wrapper #news_contents article .content .addtoany_content_bottom {
margin: 50px 0 0;
padding: 30px 0;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
text-align: center;
}
#news .contents_wrapper #news_contents article .post_link {
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;
margin-top: 50px;
}
#news .contents_wrapper #news_contents article .post_link li {
font-size: 2.0rem;
}
#news .contents_wrapper #news_contents article .post_link li a {
color: #EC670B;
display: inline-block;
}
#news .contents_wrapper #news_contents article .post_link li a:hover {
color: #f57d2b;
}
#news .contents_wrapper #news_contents article .post_link li.home a {
color: #fff;
text-align: center;
line-height: 37px;
width: 40px;
height: 40px;
background: #EC670B;
border-radius: 20px;
margin: 0 25px;
}
#news .contents_wrapper #news_contents .sidebar {
width: 260px;
}
#news .contents_wrapper #news_contents .sidebar h4 {
margin-bottom: 0;
font-size: 1.4rem;
color: #EC670B;
line-height: 2.5;
border-bottom: 1px solid #ddd;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li {
word-wrap: break-word;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ddd;
padding: 10px 0;
word-wrap: break-word;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li a .content {
padding: 0 20px;
word-wrap: break-word;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li a .content p.date {
font-size: 1.0rem;
word-wrap: break-word;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li a .content p.title {
height: 40px;
font-size: 1.2rem;
word-wrap: break-word;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li a p.arrow i {
font-size: 1.6rem;
font-weight: bold;
color: #EC670B;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li a:hover .thumb {
opacity: 0.8;
}
#news .contents_wrapper #news_contents .sidebar .category_list ul li a,
#news .contents_wrapper #news_contents .sidebar .archive_list ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.2rem;
line-height: 4.0;
border-bottom: 1px dashed #ddd;
padding-left: 30px;
}
#news .contents_wrapper #news_contents .sidebar .category_list ul li a i,
#news .contents_wrapper #news_contents .sidebar .archive_list ul li a i {
font-size: 1.6rem;
font-weight: bold;
color: #EC670B;
}
#news .contents_wrapper #news_contents .sidebar .category_list ul li:last-child a,
#news .contents_wrapper #news_contents .sidebar .archive_list ul li:last-child a {
border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 960px) {
#news .page_visual .category_link {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 52px;
}
#news .page_visual .category_link ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 52px;
}
#news .page_visual .category_link ul li {
padding: 3px;
}
#news .page_visual .category_link ul li a {
width: 80px;
font-size: 1.0rem;
line-height: 2;
}
#news .contents_wrapper {
padding-bottom: 50px;
}
#news .contents_wrapper #articles {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(100% - 40px);
min-height: 205px;
margin: 0 auto;
padding: 40px 0 0;
}
#news .contents_wrapper #articles article {
width: calc(50% - 10px);
height: auto;
margin-right: 0;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#news .contents_wrapper #articles article a {
width: 100%;
height: auto;
}
#news .contents_wrapper #articles article a .thumb img {
width: 100%;
height: auto;
}
#news .contents_wrapper #articles article a p.date {
line-height: 2.0;
}
#news .contents_wrapper #articles article a p.title {
padding: 0 10px;
font-size: 1.2rem;
padding-bottom: 2.5rem;
word-wrap: break-word;
}
#news .contents_wrapper #articles article a p.more {
font-size: 1.0rem;
}
#news .contents_wrapper .paging {
width: calc(100% - 40px);
padding-bottom: 50px;
}
#news .contents_wrapper .paging li a {
width: 36px;
height: 36px;
margin: 0 8px;
line-height: 36px;
font-size: 1.4rem;
border-radius: 18px;
}
#news .contents_wrapper #news_contents {
padding: 40px 0;
width: calc(100% - 40px);
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#news .contents_wrapper #news_contents article {
width: 100%;
}
#news .contents_wrapper #news_contents article .eyecatch img {
width: 100%;
height: auto;
}
#news .contents_wrapper #news_contents article p.date {
font-size: 1.2rem;
margin-top: 10px;
}
#news .contents_wrapper #news_contents article h3 {
font-size: 1.8rem;
margin: 10px 0 10px;
}
#news .contents_wrapper #news_contents article .post_link {
margin: 20px 0 30px;
}
#news .contents_wrapper #news_contents .sidebar {
width: 100%;
}
#news .contents_wrapper #news_contents .sidebar .new_articles ul li a .content {
width: 240px;
}
}
#calendar {
color: #000;
}
#calendar .heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#calendar .heading p.title {
font-size: 3.0rem;
font-weight: bold;
font-style: normal;
margin-bottom: 10px;
}
#calendar .heading ul.dept_menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#calendar .heading ul.dept_menu li a {
display: inline-block;
margin-right: 10px;
padding: 0 20px;
background: #b3b3b3;
font-size: 1.6rem;
line-height: 1.5;
color: #fff;
border-radius: 3px;
}
#calendar .heading ul.dept_menu li.active a {
background: #EC670B;
}
#calendar .heading p.month {
font-size: 10.3rem;
font-style: normal;
line-height: 1.0;
}
#calendar .heading p.month span {
font-size: 5.0rem;
}
#calendar table.calendar {
margin-top: 30px;
width: 100%;
text-align: center;
border: none;
}
#calendar table.calendar tr {
border: none;
}
#calendar table.calendar tr th {
width: 120px;
font-size: 2.0rem;
}
#calendar table.calendar tr th.border_none {
border-top: none;
border-left: none;
}
#calendar table.calendar tr th:nth-child(2) {
color: #b31b1b;
}
#calendar table.calendar tr td {
width: 120px;
font-size: 1.4rem;
}
#calendar table.calendar tr td table {
width: 100%;
}
#calendar table.calendar tr.am td, #calendar table.calendar tr.pm td {
height: 50px;
}
#calendar table.calendar tr.day td {
font-size: 1.8rem;
font-weight: bold;
height: 35px;
}
#calendar table.calendar tr.day td:nth-child(2), #calendar table.calendar tr.day td.holiday {
color: #b31b1b;
}
#calendar table.calendar tr.am:nth-child(odd), #calendar table.calendar tr.pm:nth-child(even), #calendar table.calendar tr.day:nth-child(even) {
background: #fafafa;
}
#calendar table, #calendar tr, #calendar th, #calendar td {
border-collapse: collapse;
border: 1px solid #333;
}
#calendar .info {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#calendar .info div {
margin: 0 10px;
}
#calendar .info div p.title {
font-size: 2.0rem;
color: #EC670B;
margin-bottom: 5px;
}
#calendar .info div p {
font-size: 1.4rem;
}
#calendar .info div.timeinfo {
min-width: 140px;
}
@media screen and (max-width: 960px) {
#calendar .heading {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#calendar .heading p.title {
font-size: 1.8rem;
margin-top: 20px;
margin-bottom: 10px;
}
#calendar .heading ul.dept_menu {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#calendar .heading ul.dept_menu li a {
margin-right: 10px;
margin-bottom: 10px;
padding: 0 10px;
background: #b3b3b3;
font-size: 1.4rem;
line-height: 1.5;
}
#calendar .heading p.month {
margin-top: 10px;
font-size: 3.8rem;
width: 100%;
text-align: right;
margin-right: 10px;
}
#calendar .heading p.month span {
font-size: 2.0rem;
}
#calendar table.calendar {
margin-top: 5px;
}
#calendar .info {
margin-top: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#calendar .info div {
margin-bottom: 20px;
}
#calendar .info div p.title {
font-size: 1.8rem;
color: #EC670B;
margin-bottom: 5px;
}
#calendar .info div p {
font-size: 1.4rem;
}
}
#modal_area {
width: 100%;
height: 100%;
position: fixed;
overflow: auto;
top: 0;
z-index: 9999;
display: none;
min-width: 970px;
}
#modal_area * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#modal_area .overlay {
background: rgba(0, 0, 0, 0.8);
z-index: 10000;
width: 100%;
min-height: 100%;
position: absolute;
overflow: hidden;
cursor: pointer;
}
#modal_area .modal_area_wrap {
z-index: 10001;
position: relative;
top: 120px;
width: 960px;
margin: 0 auto;
}
#modal_area .modal_area_wrap p.close {
position: absolute;
right: 18px;
top: 16px;
}
#modal_area .inner {
width: 100%;
margin: 0 auto;
position: relative;
padding: 35px;
background: #fff;
}
@media screen and (max-width: 960px) {
#modal_area {
min-width: 0;
}
#modal_area .modal_area_wrap {
top: 30px;
width: 90%;
margin: 0 auto;
}
#modal_area .inner {
width: 100%;
margin: 0 auto;
padding: 15px;
}
}
body.body_lock {
overflow: hidden;
}
#outpatient .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_homecare.jpg);
}
#outpatient .mainvisual {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_homecare_top2.jpg) right bottom;
background-size: cover;
background-attachment: fixed;
height: 900px;
border: 10px solid rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#outpatient .mainvisual .content {
width: 500px;
margin: 230px auto 0;
text-align: center;
font-style: normal;
color: #fff;
}
#outpatient .mainvisual .content p.title {
font-size: 3rem;
margin: 10px 0;
}
#outpatient .mainvisual .content h2.en {
font-size: 1.5rem;
font-weight: bold;
margin: 0;
}
#outpatient .contents_wrapper.top {
padding-top: 25px;
}
#outpatient .contents_wrapper {
overflow: hidden;
}
#outpatient .contents_wrapper .about_homecare {
width: 960px;
margin: 0 auto;
padding: 100px 0;
}
#outpatient .contents_wrapper .about_homecare .block {
background: #fff;
border: 1px solid #ccc;
text-align: center;
margin-bottom: 50px;
padding: 30px;
}
#outpatient .contents_wrapper .about_homecare .block .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
#outpatient .contents_wrapper .about_homecare .block h3 {
color: #EC670B;
font-size: 3rem;
font-style: normal;
}
#outpatient .contents_wrapper .about_homecare .block .ml {
margin-left: 20px;
}
#outpatient .contents_wrapper .about_homecare .block .mr {
margin-right: 20px;
}
#outpatient .contents_wrapper .about_homecare .block .mb {
margin-bottom: 20px;
}
#outpatient .contents_wrapper .about_homecare .block .align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#outpatient .contents_wrapper .about_homecare .block .info {
text-align: left;
font-size: 1.8rem;
line-height: 1.7;
}
#outpatient .contents_wrapper .about_homecare .block .info p {
margin-bottom: 1.5rem;
}
#outpatient .contents_wrapper .about_homecare .block .table.table1 th {
width: 140px;
}
#outpatient .contents_wrapper .about_homecare .block .table tr:nth-child(odd) {
background: #f3f4f9;
}
#outpatient .contents_wrapper .about_homecare .block .table tr th, #outpatient .contents_wrapper .about_homecare .block .table tr td {
padding: 8px 0;
font-size: 1.6rem;
vertical-align: top;
}
#outpatient .contents_wrapper .about_homecare .block .table tr th {
text-align: center;
}
#outpatient .contents_wrapper .about_homecare .block .table tr td {
padding-left: 20px;
}
#outpatient .contents_wrapper .about_homecare .block h4 {
margin-bottom: 0;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list {
margin: 0;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list dt, #outpatient .contents_wrapper .about_homecare .block .dl-list dd {
margin-top: 10px;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list dt {
font-size: 1.8rem;
font-weight: bold;
border-bottom: 1px solid #999;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list dd {
font-size: 1.6rem;
margin: 0;
}
#outpatient .contents_wrapper .about_homecare .block .target_heading {
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;
font-size: 2.1rem;
font-weight: bold;
color: #EC670B;
border-radius: 15px;
background-color: #f3f4f9;
padding: 25px;
}
#outpatient .contents_wrapper .about_homecare .block .target_list {
text-align: left;
}
#outpatient .contents_wrapper .about_homecare .block .target_list li {
font-size: 1.8rem;
margin-bottom: 5px;
}
#outpatient .contents_wrapper .about_homecare .block .target_list li:last-child {
margin-bottom: 0;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa {
font-size: 1.8rem;
text-align: left;
margin: 0;
padding: 0;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dt {
color: #e53984;
font-weight: bold;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dt:before {
padding-right: 2.0rem;
content: 'Q';
font-size: 2.8rem;
font-weight: bold;
font-style: normal;
color: #e53984;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dd {
margin: 0;
padding-left: 4.5rem;
text-indent: -4.5rem;
line-height: 1.5;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dd:before {
padding-right: 2.0rem;
content: 'A';
font-size: 2.8rem;
font-weight: bold;
font-style: normal;
}
#outpatient .contents_wrapper .about_homecare .block .link_btn a {
display: inline-block;
width: 400px;
line-height: 70px;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
background-color: #e53984;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
color: #fff;
position: relative;
margin-bottom: 50px;
}
#outpatient .contents_wrapper .about_homecare .block .link_btn a:hover {
background-color: #ea5d9a;
}
#outpatient .contents_wrapper .about_homecare .block .link_btn a:after {
content: '\f105';
position: absolute;
right: 13px;
font-family: FontAwesome;
font-size: 2.4rem;
}
#outpatient .contents_wrapper .about_homecare .block:last-child {
margin-bottom: 0;
}
#outpatient .contents_wrapper .about_homecare table.time {
width: 100%;
font-size: 1.6rem;
border: 1px solid #EC670B;
border-collapse: collapse;
}
#outpatient .contents_wrapper .about_homecare table.time th, #outpatient .contents_wrapper .about_homecare table.time td {
padding: 6px 0;
}
#outpatient .contents_wrapper .about_homecare table.time thead {
background: #EC670B;
color: #fff;
}
#outpatient .contents_wrapper .about_homecare table.time tbody th, #outpatient .contents_wrapper .about_homecare table.time tbody td {
font-weight: bold;
padding: 12px 0;
border: 1px solid #ddd;
}
#outpatient .contents_wrapper .about_homecare div.time-txt {
font-size: 1.8rem;
padding-left: 0;
margin-left: 0;
text-align: left;
}
#outpatient .contents_wrapper #access img {
display: block;
margin: 0 auto;
text-align: center;
width: 70%;
height: auto;
}
@media screen and (max-width: 960px) {
#outpatient .mainvisual {
background-size: 100% auto;
background-attachment: scroll;
width: 100%;
height: 180px;
border: 10px solid #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#outpatient .mainvisual .content {
width: 100%;
margin: 35px auto 0;
text-align: center;
font-style: normal;
color: #fff;
}
#outpatient .mainvisual .content p.icon img {
width: 39px;
height: 33px;
}
#outpatient .mainvisual .content p.title {
font-size: 1.8rem;
margin: 3px 0;
}
#outpatient .mainvisual .content h2.en {
font-size: 1.2rem;
font-weight: bold;
margin: 0;
}
#outpatient .homecare_visual {
height: 180px;
background-position: 100%;
background-attachment: scroll;
}
#outpatient .homecare_visual .heading {
width: 80%;
margin-top: 45px;
padding: 10px 0;
}
#outpatient .homecare_visual .heading h2 {
font-size: 1.8rem;
margin: 0;
}
#outpatient .homecare_visual .heading p {
font-size: 1.2rem;
}
#outpatient .contents_wrapper {
padding-bottom: 60px;
}
#outpatient .contents_wrapper .about_homecare {
width: calc(100% - 40px);
padding: 30px 0;
}
#outpatient .contents_wrapper .about_homecare .block {
margin-bottom: 30px;
padding: 20px;
}
#outpatient .contents_wrapper .about_homecare .block .content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
#outpatient .contents_wrapper .about_homecare .block .content:last-child {
margin-bottom: 0;
}
#outpatient .contents_wrapper .about_homecare .block .column-reverse-sp {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#outpatient .contents_wrapper .about_homecare .block h3 {
padding: 0;
margin: 0 0 10px;
color: #EC670B;
font-size: 2.1rem;
}
#outpatient .contents_wrapper .about_homecare .block .ml {
margin-left: 0;
}
#outpatient .contents_wrapper .about_homecare .block .mr {
margin-right: 20;
}
#outpatient .contents_wrapper .about_homecare .block .mb {
margin-bottom: 20;
}
#outpatient .contents_wrapper .about_homecare .block .align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#outpatient .contents_wrapper .about_homecare .block .thumb {
margin-bottom: 20px;
}
#outpatient .contents_wrapper .about_homecare .block .thumb img {
width: 100%;
height: auto;
}
#outpatient .contents_wrapper .about_homecare .block .info {
text-align: left;
font-size: 1.6rem;
}
#outpatient .contents_wrapper .about_homecare .block .info p {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
#outpatient .contents_wrapper .about_homecare .block .info p:last-child {
margin-bottom: 0;
}
#outpatient .contents_wrapper .about_homecare .block .table.table1 th {
width: 100px;
}
#outpatient .contents_wrapper .about_homecare .block .table tr:nth-child(odd) {
background: #f3f4f9;
}
#outpatient .contents_wrapper .about_homecare .block .table tr th, #outpatient .contents_wrapper .about_homecare .block .table tr td {
font-size: 1.2rem;
}
#outpatient .contents_wrapper .about_homecare .block .table tr th {
padding: 10px;
}
#outpatient .contents_wrapper .about_homecare .block .table tr td {
padding: 10px;
}
#outpatient .contents_wrapper .about_homecare .block h4 {
margin-bottom: 0;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list {
margin: 0;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list dt, #outpatient .contents_wrapper .about_homecare .block .dl-list dd {
margin-top: 10px;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list dt {
font-size: 1.5rem;
font-weight: bold;
border-bottom: 1px solid #999;
}
#outpatient .contents_wrapper .about_homecare .block .dl-list dd {
font-size: 1.4rem;
margin: 0;
}
#outpatient .contents_wrapper .about_homecare .block .target_heading {
font-size: 1.5rem;
width: 100%;
margin-left: 0;
padding: 5px 0;
margin-bottom: 10px;
}
#outpatient .contents_wrapper .about_homecare .block .target_list li {
font-size: 1.4rem;
padding-left: 2rem;
text-indent: -0.9rem;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa {
font-size: 1.5rem;
text-align: left;
margin: 0;
padding: 0;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dt, #outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dd {
position: relative;
padding: 0 0 0 30px;
margin: 0;
text-indent: 0;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dt:before, #outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dd:before {
position: absolute;
left: 0;
line-height: 1.2;
font-size: 1.8rem;
padding-right: 0;
}
#outpatient .contents_wrapper .about_homecare .block dl.homecare_qa dt {
margin-bottom: 5px;
}
#outpatient .contents_wrapper .about_homecare .block .link_btn a {
display: inline-block;
width: 400px;
line-height: 70px;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
background-color: #e53984;
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/stripe.png);
color: #fff;
position: relative;
margin-bottom: 50px;
}
#outpatient .contents_wrapper .about_homecare .block .link_btn a:hover {
background-color: #ea5d9a;
}
#outpatient .contents_wrapper .about_homecare .block .link_btn a:after {
content: '\f105';
position: absolute;
right: 13px;
font-family: FontAwesome;
font-size: 2.4rem;
}
#outpatient .contents_wrapper .about_homecare .block:last-child {
margin-bottom: 0;
}
#outpatient .contents_wrapper .about_homecare div.time-txt {
font-size: 1.5rem;
}
#outpatient .contents_wrapper .about_homecare div.time-txt p:first-child {
margin-bottom: 10px;
}
#outpatient .contents_wrapper #access img {
width: 100%;
}
}
#facility_standards .page_visual {
background-image: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_about_clinic.jpg);
background-position: center top;
}
#facility_standards .mainvisual {
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_homecare_top.jpg);
background-size: cover;
background-attachment: fixed;
height: 700px;
border: 10px solid rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#facility_standards .mainvisual .content {
width: 500px;
margin: 230px auto 0;
text-align: center;
font-style: italic;
color: #fff;
}
#facility_standards .mainvisual .content p.title {
font-size: 2.5rem;
margin: 10px 0;
}
#facility_standards .mainvisual .content h2.en {
font-size: 1.5rem;
font-weight: bold;
margin: 0;
}
#facility_standards .homecare_visual {
height: 300px;
overflow: hidden;
background: url(//kochi.yamatoclinic.org/wp-content/themes/kochi/images/header_bg_homecare.jpg);
background-position: center top;
background-attachment: fixed;
position: relative;
border: 10px solid rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#facility_standards .homecare_visual .heading {
width: 270px;
margin: 0 auto;
margin-top: 80px;
padding: 20px 0;
color: #fff;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#facility_standards .homecare_visual .heading h2 {
font-size: 2.5rem;
font-weight: normal;
margin: 0;
font-style: italic;
}
#facility_standards .homecare_visual .heading p {
font-size: 1.5rem;
font-style: italic;
}
#facility_standards .contents_wrapper.top {
padding-top: 25px;
}
#facility_standards .contents_wrapper {
overflow: hidden;
}
#facility_standards .contents_wrapper .about_facility-standards {
width: 960px;
margin: 0 auto;
padding: 100px 0;
}
#facility_standards .contents_wrapper .about_facility-standards .block {
background: #fff;
border: 1px solid #ccc;
margin-bottom: 50px;
padding: 60px 60px;
}
#facility_standards .contents_wrapper .about_facility-standards .block h3 {
color: #EC670B;
font-size: 2.5rem;
font-style: italic;
margin: 50px 0 20px;
}
#facility_standards .contents_wrapper .about_facility-standards .block h3:first-child {
margin: 0 0 20px;
}
#facility_standards .contents_wrapper .about_facility-standards .block p {
font-size: 1.6rem;
margin-block: 20px;
}
#facility_standards .contents_wrapper .about_facility-standards .block p:last-child {
margin-bottom: 0;
}
#facility_standards .contents_wrapper .about_facility-standards .block ul, #facility_standards .contents_wrapper .about_facility-standards .block ol {
padding-left: 20px;
}
#facility_standards .contents_wrapper .about_facility-standards .block ul li, #facility_standards .contents_wrapper .about_facility-standards .block ol li {
font-size: 1.6rem;
margin-block: 10px;
}
#facility_standards .contents_wrapper .about_facility-standards .block ul li {
list-style: disc;
}
#facility_standards .contents_wrapper .about_facility-standards .block a {
font-weight: bold;
color: #EC670B;
text-decoration: underline;
}
#facility_standards .contents_wrapper .about_facility-standards .block:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 960px) {
#facility_standards .mainvisual {
background-size: 100% auto;
background-attachment: scroll;
width: 100%;
height: 180px;
border: 10px solid #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#facility_standards .mainvisual .content {
width: 100%;
margin: 35px auto 0;
text-align: center;
font-style: italic;
color: #fff;
}
#facility_standards .mainvisual .content p.icon img {
width: 39px;
height: 33px;
}
#facility_standards .mainvisual .content p.title {
font-size: 1.8rem;
margin: 3px 0;
}
#facility_standards .mainvisual .content h2.en {
font-size: 1.2rem;
font-weight: bold;
margin: 0;
}
#facility_standards .homecare_visual {
height: 180px;
background-position: 100%;
background-attachment: scroll;
}
#facility_standards .homecare_visual .heading {
width: 80%;
margin-top: 45px;
padding: 10px 0;
}
#facility_standards .homecare_visual .heading h2 {
font-size: 1.8rem;
margin: 0;
}
#facility_standards .homecare_visual .heading p {
font-size: 1.2rem;
}
#facility_standards .contents_wrapper.message {
padding-bottom: 0;
}
#facility_standards .contents_wrapper {
padding-bottom: 60px;
}
#facility_standards .contents_wrapper .about_facility-standards {
width: 100%;
margin: 0 auto;
padding: 50px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#facility_standards .contents_wrapper .about_facility-standards .block {
width: 100%;
margin: 0 auto 50px;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#facility_standards .contents_wrapper .about_facility-standards .block .content {
margin-bottom: 0;
padding: 0;
}
#facility_standards .contents_wrapper .about_facility-standards .block h3 {
font-size: 1.8rem;
margin-bottom: 10px;
margin-top: 20px;
}
#facility_standards .contents_wrapper .about_facility-standards .block p {
margin-block: 10px;
font-size: 1.5rem;
line-height: 1.7;
}
#facility_standards .contents_wrapper .about_facility-standards .block ul li, #facility_standards .contents_wrapper .about_facility-standards .block ol li {
font-size: 1.5rem;
line-height: 1.7;
margin-block: 10px;
}
#facility_standards .contents_wrapper .about_facility-standards .block:last-child {
margin-bottom: 0;
}
}
#schedule_contents .content_wrapper {
width: 960px;
margin: 0 auto;
padding-top: 100px;
}
#schedule_contents .heading_wrap h3 {
font-size: 2.5rem;
}
#schedule_contents .schedule_content {
margin-top: 40px;
}
#schedule_contents table.time {
width: 100%;
font-size: 1.6rem;
border: 1px solid #EC670B;
border-collapse: collapse;
background: #fff;
}
#schedule_contents table.time th, #schedule_contents table.time td {
padding: 6px 0;
text-align: center;
}
#schedule_contents table.time thead {
background: #EC670B;
color: #fff;
}
#schedule_contents table.time tbody th, #schedule_contents table.time tbody td {
font-weight: bold;
padding: 12px 0;
border: 1px solid #ddd;
}
#schedule_contents div.time-txt {
font-size: 1.8rem;
padding-left: 0;
margin-left: 0;
text-align: left;
}
#schedule_contents div.time-txt p {
margin-bottom: 10px;
}
#schedule_contents div.time-txt p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 960px) {
#schedule_contents .content_wrapper {
width: 100%;
padding-top: 40px;
margin-bottom: 40px;
}
#schedule_contents .heading_wrap h3 {
font-size: 1.8rem;
}
#schedule_contents .schedule_content {
margin-top: 20px;
}
#schedule_contents div.time-txt {
font-size: 1.5rem;
}
#schedule_contents div.time-txt p:first-child {
margin-bottom: 10px;
}
}