@charset "UTF-8";
   header > div {
padding: 0 0 10px;
}
main {
margin-top: -145px;
}
.page_sec {
padding: 80px 0;
}
.page_sec:last-of-type {
padding-bottom: 0;
}  .sec_top .page_mv {
height: 230px;
}
.breadcrumb {
font-size: 1.1rem;
line-height: 1.5;
margin-top: 5px;
}
.breadcrumb a {
color: #007DD9;
text-decoration: underline;
margin: 0 5px;
}
.breadcrumb a:first-child {
margin-left: 0;
}
.breadcrumb .breadcrumb_last {
margin: 0 5px;
}
.sec_top h1 {
font-size: 3rem;
font-weight: bold;
color: #234A95;
margin-top: 30px;
border-bottom: #6384CB 2px solid;
line-height: 1.4;
padding: 4px 20px 4px 30px;
position: relative;
}
.sec_top h1::before {
content: '';
height: calc(100% + 11px);
width: 10px;
border-radius: 5px;
background: #6384CB;
display: block;
position: absolute;
top: -3px;
left: 0;
} .page_list .sec_inner {
width: 100%l;
max-width: 800px;
margin: 0 auto;
}
.page_list li {
padding: 20px 0;
border-bottom: #D8D8D8 1px solid;
align-items: center;
}
.page_list li:first-of-type {
padding-top: 0;
}
.page_list li:last-of-type {
padding-bottom: 0;
border-bottom: none;
}
.page_list .btn_blue {
width: 210px;
}
.page_list li p {
width: calc(100% - 230px);
} .page_link {
margin-top: 30px;
flex-wrap: wrap;
}
.page_link .inner960 {
justify-content: center;
}
.page_link .btn_link {
width: 100%;
max-width: 200px;
border: #6486C9 1px solid;
border-radius: 30px;
font-weight: bold;
color: #234A95;
line-height: 1.2;
min-height: 40px;
display: flex;
align-items: center;
padding: 6px 35px 6px 20px;
margin: 5px 3.5px;
position: relative;
font-size: 1.5rem;
}
.page_link .btn_link::after {
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #254C93;
border-right: solid 2px #254C93;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 31%;
right: 20px;
}
.page_link .btn_link:hover {
opacity: 1;
background: #6486C9;
border: #ffffff 1px solid;
color: #ffffff;
}
.page_link .btn_link:hover::after {
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}
footer {
margin-top: 120px;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
header > div {
padding: 0;
}
main {
margin-top: 80px;
}
.sec_top .page_mv {
height: 120px;
}
.sec_top h1 {
font-size: 2.7rem;
padding: 3px 15px 3px 24px;
}
.sec_top h1::before {
height: calc(100% + 9px);
width: 9px;
top: -2px;
}
footer {
margin-top: 100px;
}
}
@media screen and (max-width:540px) {
main {
margin-top: 75px;
}
.page_sec {
padding: 40px 0;
}
.sec_top .page_mv {
height: 100px;
}
.sec_top h1 {
font-size: 2.6rem;
padding: 3px 15px 3px 20px;
margin-top: 25px;
}
.sec_top h1::before {
height: calc(100% + 8px);
width: 7px;
top: -2px;
}
.page_list li {
padding: 15px 0;
}
.page_list li p {
width: 100%;
margin-top: 14px;
padding: 0 10px;
}
.page_link {
margin-top: 15px;
}
.page_link .btn_link {
width: 48%;
padding: 4px 26px 4px 12px;
margin: 5px 1%;
font-size: 1.3rem;
}
.page_link .btn_link::after {
width: 8px;
height: 8px;
top: 36%;
right: 16px;
}
footer {
margin-top: 50px;
}
}
@media screen and (max-width:415px) {} .outpatient .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/outpatient/out_mv02.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.outpatient main {
min-height: auto;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.outpatient .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {}
@media screen and (max-width:415px) {} .consultation .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/outpatient/out_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.consultation .page_link {
margin-bottom: 30px;
} .out_time {
background: #F7F7F7;
padding: 70px 0;
}
.out_time .time {
width: 100%;
max-width: 600px;
margin: 0 auto;
background: #fff;
padding: 40px 30px;
}
.out_time .time h2 {
margin-bottom: 25px;
}
.out_time .time dl {
width: 100%;
max-width: 420px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding: 10px 0;
}
.out_time .time dl:first-of-type {
border-bottom: #D8D8D8 1px solid;
}
.out_time .time dt {
width: 160px;
color: #fff;
background: #79B726;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.6rem;
font-weight: bold;
}
.out_time .time dl:nth-of-type(2) dt {
background: #6384CB;
}
.out_time .time dd {
width: calc(100% - 160px);
padding-left: 27px;
}
.out_time .time dd p {
font-size: 1.6rem;
font-weight: bold;
display: flex;
justify-content: space-between;
line-height: 1.8;
}
.out_time .time .priority {
margin-top: 15px; line-height: 1.4;
margin-bottom: 20px;
text-align: center;
}
.out_time .time .priority p {
font-size: 1.8rem;
font-weight: bold;
}
.out_time .time .priority a {
font-size: 3rem;
font-weight: bold;
color: #244079;
letter-spacing: 0.07em;
text-indent: 0.07em;
}
.out_time .time .priority a span {
font-size: 2.6rem;
letter-spacing: normal;
text-indent: 0;
padding-right: 5px;
}
.out_time .time .wrap_priority .btn_tel {
display: none;
}
.out_time .time .wrap_list_kome {
display: flex;
justify-content: center;
font-size: 1.4rem;
}
.out_time .time .wrap_list_kome a {
text-decoration: underline;
color: #234A95;
}
.out_time .btn_blue {
margin: 20px auto 0;
}
.out_first .box {
position: relative;
}
.out_first .box li {
line-height: 2;
}
.out_first figure {
width: 41.6%;
max-width: 400px;
position: absolute;
top: 0;
right: 0;
}
.out_first .list_square > li + li {
margin-top: 20px;
}
.out_first .box .bold, .out_first .box h3 {
font-weight: bold;
margin-bottom: 4px;
}
.out_first .box .li01 .bold {
margin-bottom: 0;
}
.out_first .box .li02 h3 {
margin-top: 25px;
}
.out_first .box .li02 .dot {
padding-right: calc(41.6% + 20px);
}
.out_first .box .li02 dl {
display: flex;
}
.out_first .box .li02 dt {
width: 95px;
}
.out_first .box .li02 dd {
width: calc(100% - 95px);
}
.out_see {
background: #F7F7F7;
}
.out_see li {
line-height: 2;
}
.out_see .list_square li {
font-weight: bold;
}
.out_see h3 {
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
.out_see .need {
display: flex;
}
.out_see .need + .need {
margin-top: 5px;
}
.out_see .need dt {
width: 95px;
}
.out_see .need dd {
width: calc(100% - 95px);
max-width: 380px;
}
.out_mri h2 {
margin-bottom: 50px;
}
.out_mri .list_num {
margin-bottom: 35px;
}
.out_mri .list_num li {
position: relative;
padding-left: 1.8rem;
margin-top: 8px;
line-height: 2;
}
.out_mri .list_num li::before {
position: absolute;
top: 0;
left: 0;
}
.out_mri .list_num li:first-of-type::before {
content: '1.';
}
.out_mri .list_num li:nth-of-type(2)::before {
content: '2.';
}
.out_mri .list_num li:nth-of-type(3)::before {
content: '3.';
}
.out_mri .download,
.outl_poster .download {
margin-top: 12px;
}
.out_mri .download li,
.outl_poster .download li {
line-height: 1.5;
}
.out_mri .download li:not(:first-of-type),
.outl_poster .download li:not(:first-of-type) {
margin-top: 8px;
}
.out_mri .download li a,
.outl_poster .download li a {
color: #234A95;
position: relative;
padding-left: 20px;
}
.out_mri .download li a::before,
.outl_poster .download li a::before {
content: '';
width: 12px;
height: 12px;
display: block;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/common/icon_arrow_green.svg) no-repeat;
background-size: contain;
background-position: center;
margin-right: 10px;
position: absolute;
top: 6px;
left: 0;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.consultation .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.out_time .time .priority {
margin-top: 20px;
}
.out_time .time .priority p {
width: 100%;
padding-right: 0;
text-align: center;
margin-bottom: 10px;
}
.out_first figure {
width: 100%;
position: static;
margin: 0 auto;
}
.out_first .list_square {
margin-top: 30px;
}
.out_first .box .li02 .dot {
padding-right: 0;
}
}
@media screen and (max-width:540px) { .out_time {
padding: 30px 0;
}
.out_time .time {
padding: 30px 10px;
}
.out_time .time_area {
padding: 0 0 10px;
}
.out_time .time dl {
max-width: 380px;
}
.out_time .time dl:first-of-type {
border-bottom: #808080 0.5px solid;
padding-top: 5px;
}
.out_time .time dt {
width: calc(100% - 230px);
font-size: 1.3rem;
max-width: 140px;
height: 43px;
align-self: center;
}
.out_time .time dd {
width: calc(100% - 140px);
padding-left: 20px;
}
.out_time .time dd p {
line-height: 1.6;
font-weight: normal;
}
.top_info .time dd {
width: 230px;
padding-left: 20px;
padding-right: 10px;
}
.out_time .time .wrap_priority {
margin-top: 12px;
margin-bottom: 15px;
padding: 0 10px;
}
.out_time .time .priority {
width: auto;
margin: 0;
}
.out_time .time .priority p {
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 5px;
}
.out_time .time .priority a {
font-size: 2.6rem;
}
.out_time .time .priority a span {
display: none;
}
.out_time .time .wrap_priority .btn_tel {
width: 130px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #234A95;
border-radius: 4px;
font-weight: bold;
font-size: 1.4rem;
margin: 0 auto;
}
.out_time .time .wrap_priority .btn_tel img {
width: 17px;
height: auto;
margin-right: 9.5px;
align-self: center;
padding-bottom: 2px;
}
.out_time .time .wrap_list_kome {
padding: 0 10px;
margin-bottom: 20px;
}
.out_time .time .wrap_list_kome ul.list_kome li {
font-size: 1.2rem;
}
.out_first .list_square > li + li {
margin-top: 12px;
}
.out_first .box .bold {
margin-bottom: 3px;
}
.out_first .box .li02 h3 {
margin-top: 17px;
margin-bottom: 8px;
}
.out_first .box .li02 dt {
width: 85px;
}
.out_first .box .li02 dd {
width: calc(100% - 85px);
}
.out_see h3 {
margin-top: 15px;
margin-bottom: 8px;
}
.out_see .need + .need {
margin-top: 3px;
}
.out_see .need dt {
width: 85px;
}
.out_see .need dd {
width: calc(100% - 85px);
}
.out_mri h2 {
margin-bottom: 25px;
}
.out_mri .download li a::before,
.outl_poster .download li a::before {
width: 11px;
height: 11px;
margin-right: 6px;
top: 5.5px;
}
.out_time .time .wrap_priority .btn_tel {
margin: 10px auto;
}
}
@media screen and (max-width:415px) {
.out_time .time dt {
width: 75px;
}
.out_time .time dd {
width: calc(100% - 75px);
max-width: 225px;
padding-left: 17px;
}
.out_time .time .priority a {
font-size: 2.4rem;
}
.out_time .time .priority {
margin-right: 0;
}
} .schedule .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/schedule/sch_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.sch_schedule .ttl_style01 {
font-size: 3.2rem;
line-height: 1;
margin-bottom: 40px;
}
.sch_schedule .ttl_style01 + p {
text-align: center;
font-weight: bold;
margin-bottom: 30px;
}  .tabs {
width: 100%;
font-size: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
} .tab_item {
width: calc((100% - 60px) / 2);
max-width: 320px;
height: 62px;
background-color: #C4C4C4;
line-height: 1.2;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
border-radius: 6px 6px 0 0;
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
padding: 10px;
}
.tab_item:hover {
background-color: #234A95;
color: #ffffff;
}
.tab_item:not(:last-of-type) {
margin-right: 20px;
}
.tab_item span {
position: relative;
}
.tab_item span::before {
content: '';
width: 9px;
height: 9px;
border: 0px;
border-top: solid 2px #1C1C1C;
border-right: solid 2px #1C1C1C;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
bottom: -12px;
left: 48%;
}
.tab_item:hover span::before {
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
} .tabs input[name="tab_item"] {
display: none;
} .tab_content {
display: none;
font-size: 1.6rem;
width: 100%;
} #tab_neu:checked ~ #neu_content, #tab_ort:checked ~ #ort_content {
display: block;
} .tabs input:checked + .tab_item {
background-color: #234A95;
color: #ffffff;
pointer-events: none;
height: 70px;
padding-bottom: 18px;
}
.tabs input:checked + .tab_item span::before {
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}
.tab_content {
width: 100%;
margin-left: auto;
margin-right: auto;
background: #F7FAFF;
border-top: #234A95 3px solid;
padding: 55px 0 60px;
}
.sch_schedule .tab_top {
margin-bottom: 35px;
}
.sch_schedule .tab_top .txt_area {
width: calc(100% - 440px);
}
.sch_schedule .tab_top .txt_area h3 {
font-size: 2.4rem;
color: #234A95;
font-weight: bold;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sch_schedule .tab_top .txt_area h3 .txt_s {
font-size: 1.8rem;
}
.sch_schedule .tab_top .txt_area .list_kome {
margin-top: 10px;
font-size: 1.5rem;
}
.sch_schedule .tab_top .txt_area .list_kome li + li {
margin-top: 2px;
}
.sch_schedule .tab_top .btn_area {
width: 423px;
}
.sch_schedule .tab_top .btn_area .btn_blue {
width: 100%;
max-width: 430px;
}
.sch_schedule .tab_top .btn_area .btn_blue + .btn_blue {
margin-top: 12px;
}
.sch_schedule .tab_top .txt_area .list_kome li.notes,
.sch_schedule .tab_top .txt_area .list_kome li.txt_red {
font-size: 20px;
color: #d2202b;
}
.sch_schedule .tab_top .txt_area .list_kome li.notes span {
display: inline-block;
} .sch_schedule .schedule_pc {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.sch_schedule .schedule_pc th, .sch_schedule .schedule_pc td {
border: solid 1px #999999;
padding: 7px 5px;
text-align: center;
background: #ffffff;
vertical-align: middle;
line-height: 1.6;
}
.sch_schedule .schedule_pc thead th {
background: #F7F7F7;
width: calc((100% - 95px) / 6);
} .sch_schedule .schedule_pc tbody th {
background: #EBF1FD;
}
.sch_schedule .schedule_pc tbody td {
height: 60px;
}
.sch_schedule .schedule_pc tbody .table_week th, .sch_schedule .schedule_pc tbody .table_week td {
background: #D7E2F7;
height: auto;
}
.sch_schedule .schedule_pc tbody .table_dot td, .sch_schedule .schedule_pc tbody .table_noline02 td {
border-bottom: 1px #999999 dotted;
}
.sch_schedule .schedule_pc tbody .table_noline td, .sch_schedule .schedule_pc tbody .table_noline02 td {
border-top: none;
}
.sch_schedule .schedule_pc tbody .table_noline02:last-child td {
border-bottom: 1px #999999 solid;
}
.sch_schedule .schedule_pc tbody .syasen {
background-image: linear-gradient(to top left, transparent, transparent 50%, #999999 50%, #999999 calc(50% + 1px), transparent calc(50% + 2px), transparent)
}
.sch_schedule .schedule_pc tbody .txt_s {
font-size: 1.3rem;
} .sch_schedule .schedule_sp {
display: none;
}
.sch_schedule .schedule_sp .graph {
margin-top: 20px;
}
.sch_schedule .schedule_sp p.clickgraph {
cursor: pointer;
padding: 11px;
border: #999999 1px solid;
text-align: center;
margin-bottom: 15px;
background: #D7E2F7;
}
.sch_schedule .schedule_sp .clickgraph {
margin-bottom: 20px;
}
.sch_schedule .schedule_sp .t_week {
width: 100%;
}
.sch_schedule .schedule_sp .t_week th {
background-color: #F7F7F7;
text-align: center;
padding: 5px 10px;
border: 1px #999999 solid;
}
.sch_schedule .schedule_sp .t_week td {
text-align: center;
padding: 17px 10px;
border: 1px #999999 solid;
line-height: 1.7;
vertical-align: middle;
}
.sch_schedule .schedule_sp .t_week .t_01 {
width: 20%;
}
.sch_schedule .schedule_sp .t_week .t_02 {
width: 40%;
}
.sch_schedule .schedule_sp .t_week .t_03 {
width: 40%;
}
.sch_schedule .schedule_sp .t_week .t_11 {
background-color: #EBF1FD;
line-height: 1.5;
vertical-align: middle;
}
.sch_schedule .schedule_sp .t_week .t_12 {
border-bottom: 1px #999999 dashed;
}
.sch_schedule .schedule_sp .t_week .t_13 {
border-top: none;
}
.sch_schedule .schedule_sp .t_week .t_14 {
border-top: none;
border-bottom: 1px #999999 dashed;
}
.sch_schedule .schedule_sp .t_week span {
font-size: 80%;
}
.sch_schedule .schedule_sp .seikei_tuiki {
margin: 10px;
line-height: 150%;
text-align: center !important;
}
.sch_schedule .schedule_sp .fs12 {
font-size: 12px;
line-height: 1.5;
display: block;
}
.sch_schedule .schedule_sp .sairai {
font-size: 12px;
line-height: 100%;
margin-bottom: 5px;
}
.sch_schedule .neurology {
margin-top: 80px;
}
.sch_schedule .neurology h3 {
font-size: 2rem;
font-weight: bold;
color: #234A95;
margin-bottom: 10px;
}
@media screen and (max-width:1040px) { .sch_schedule .schedule_pc thead th {
width: calc((100% - 75px) / 6);
}
}
@media screen and (max-width:768px) {
.schedule .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.sch_schedule .ttl_style01 {
font-size: 2.8rem;
}
.tab_item {
line-height: 1.5;
font-size: 1.6rem;
padding: 10px 10px 20px 10px;
height: auto;
}
.tabs input:checked + .tab_item {
height: auto;
padding-bottom: 28px;
}
.tab_content {
padding: 40px 0 50px;
}
.sch_schedule .tab_top {
margin-bottom: 40px;
justify-content: center;
}
.sch_schedule .tab_top .txt_area {
width: auto;
margin-bottom: 25px;
}
.sch_schedule .tab_top .txt_area h3 {
font-size: 2.3rem;
}
.sch_schedule .schedule_pc tbody .txt_s {
font-size: 1.2rem;
}
}
@media screen and (max-width:660px) {
.sch_schedule .schedule_pc {
display: none;
}
.sch_schedule .schedule_sp {
display: block;
}
}
@media screen and (max-width:540px) {
.sch_schedule .ttl_style01 {
font-size: 2.7rem;
margin-bottom: 30px;
}
.tab_item {
font-size: 1.5rem;
width: calc((100% - 40px) / 2);
}
.tab_item:not(:last-of-type) {
margin-right: 10px;
}
.tab_content {
padding: 25px 0 35px;
}
.sch_schedule .tab_top {
margin-bottom: 35px;
}
.sch_schedule .tab_top .txt_area h3 {
font-size: 2.2rem;
}
.sch_schedule .tab_top .txt_area {
margin-bottom: 20px;
}
.sch_schedule .neurology {
margin-top: 40px;
}
.sch_schedule .neurology h3 {
font-size: 1.8rem;
margin-bottom: 8px;
}
.sch_schedule .schedule_sp .sairai {
font-size: 11.5px;
}
}
@media screen and (max-width:415px) {} .emergency .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/emergency/eme_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.emergency .page_link .btn_link {
max-width: 160px;
}
.eme_contact .bg_pink {
width: 100%;
max-width: 800px;
margin: 0 auto;
background: #FDF4F4;
padding: 40px 40px 45px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.eme_contact .bg_pink .txt_red02 {
text-align: center;
font-weight: bold;
margin-bottom: 15px;
}
.eme_contact .bg_pink .txt_red02 p {
font-size: 2.2rem;
}
.eme_contact .bg_pink .txt_red02 a {
color: #FF0000;
font-size: 4rem;
letter-spacing: 0.1em;
text-indent: 0.1em;
line-height: 1;
}
.eme_contact .bg_pink .txt_red02 a span {
font-size: 3rem;
letter-spacing: 0;
text-indent: 0;
padding-right: 3px;
}
.eme_contact .bg_pink .txt_red02 + p {
text-align: center;
font-size: 1.8rem;
font-weight: bold;
width: 100%;
margin-bottom: 35px;
}
.eme_contact .bg_pink .consultation .list_kome {
margin-bottom: 3px;
font-weight: bold;
}
.eme_contact .bg_pink .consultation ul.list_square > li + li {
margin-top: 3px;
} .eme_contact .wrap_brackets {
width: 100%;
max-width: 800px;
margin: 20px auto 0;
}
.eme_contact .brackets {
width: calc(100% - 40px);
margin: 0 auto;
padding: 10px 20px;
position: relative;
font-size: 1.5rem;
}
.eme_contact .brackets::before, .eme_contact .brackets::after {
content: '';
width: 10px;
height: 100%;
position: absolute;
}
.eme_contact .brackets::before {
border-left: solid 1px #707070;
border-top: solid 1px #707070;
border-bottom: solid 1px #707070;
top: 0;
left: 0;
}
.eme_contact .brackets::after {
border-right: solid 1px #707070;
border-top: solid 1px #707070;
border-bottom: solid 1px #707070;
top: 0;
right: 0;
}
.eme_response {
background: #F7F7F7;
}
.eme_response h2 {
margin-bottom: 40px;
}
.eme_response .response_top .box {
width: 47.9%;
background: #fff;
padding: 25px 30px;
}
.eme_response .response_top .box_neurosurgery {
border-top: #79B726 3px solid;
}
.eme_response .response_top .box_orthopedic {
border-top: #6384CB 3px solid;
}
.eme_response .response_top .box h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
}
.eme_response .response_top .box .txt_red02 {
font-weight: bold;
line-height: 1.75;
}
.eme_response .response_top .box .bold {
font-weight: bold;
}
.eme_response .response_top .box .txt_area {
margin-top: 5px;
}
.eme_notice .entrance {
width: 100%;
max-width: 660px;
margin: 50px auto 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.eme_notice .entrance_top {
width: 100%;
margin-bottom: 13px;
}
.eme_notice .entrance_top img {
width: 61px;
}
.eme_notice .entrance_top .txt_area {
width: calc(100% - 75px);
}
.eme_notice .entrance_top .txt_area p + p {
margin-top: 0;
}
.eme_notice .entrance_top .txt_area h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 7px;
}
.eme_notice figure {
width: 100%;
max-width: 600px;
}
.eme_notice figure + figure {
margin-top: 40px;
}
.eme_notice figcaption {
font-weight: bold;
text-align: center;
line-height: 1.7;
margin-top: 10px;
}
.eme_notice h2 {
margin-bottom: 50px;
}
.eme_notice .box {
width: 100%;
max-width: 770px;
margin: 0 auto;
}
.eme_notice .box + .box {
margin-top: 60px;
}
.eme_notice .box h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
}
.eme_notice .box ul li {
line-height: 2;
}
.eme_notice .box li + li {
margin-top: 3px;
}
.eme_notice .box ul.dot {
margin-top: 3px;
}
.eme_notice .box ul.dot > li {
margin-top: 0;
}
.eme_doctor {
background: #F7F7F7;
padding-bottom: 120px!important;
}
.eme_doctor .inner{
width: 500px;
}
.eme_doctor .txt_red02{
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.eme_doctor dl{
border-top: 1px dotted #222222;
display: flex;
padding: 20px 0;
}
.eme_doctor dl:last-of-type{
border-bottom: 1px dotted #222222;
}
.eme_doctor dl dt{
font-size: 2.4rem;
width: 32%;
}
.eme_doctor dl dd{
padding: 5px;
}
.emergency footer{
margin-top: 0;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.eme_response .response_top .box {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.eme_response .response_top .box_orthopedic {
margin-top: 30px;
}
}
@media screen and (max-width:540px) {
.eme_contact .bg_pink {
padding: 25px 20px 25px;
}
.eme_contact .bg_pink .txt_red02 p {
font-size: 1.9rem;
}
.eme_contact .bg_pink .txt_red02 a {
font-size: 3rem;
}
.eme_contact .bg_pink .txt_red02 a span {
font-size: 2.3rem;
}
.eme_contact .bg_pink .txt_red02 + p {
font-size: 1.7rem;
margin-bottom: 20px;
}
.eme_contact .brackets {
width: calc(100% - 20px);
}
.eme_response h2 {
margin-bottom: 30px;
}
.eme_response .response_top .box {
padding: 20px 23px;
}
.eme_response .response_top .box h3 {
font-size: 1.8rem;
margin-bottom: 11px;
}
.eme_notice .entrance {
margin: 35px auto 0;
}
.eme_notice .entrance_top {
justify-content: center;
}
.eme_notice .entrance_top img {
width: 55px;
}
.eme_notice .entrance_top .txt_area h3 {
font-size: 1.8rem;
text-align: center;
}
.eme_notice .entrance_top .txt_area {
width: 100%;
margin-top: 15px;
}
.eme_notice figure + figure {
margin-top: 25px;
}
.eme_notice figcaption {
margin-top: 9px;
font-size: 1.5rem;
}
.eme_notice h2 {
margin-bottom: 35px;
}
.eme_notice .box h3 {
font-size: 1.8rem;
margin-bottom: 10px;
}
.eme_notice .box + .box {
margin-top: 30px;
}
.eme_doctor .inner{
width: calc(100% - 30px);
}
.eme_doctor dl{
padding: 10px 0;
}
.eme_doctor dl dt{
font-size: 2rem;
width: 26%;
}
.eme_doctor dl dd{
font-size: 1.5rem;
padding: 3px;
}
}
@media screen and (max-width:415px) {
.eme_doctor dl dt{
font-size: 1.6rem;
}
.eme_doctor dl dd{
font-size: 1.4rem;
padding: 1px;
}
} .payment .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/payment/pay_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.payment li {
line-height: 2;
}
.payment h3 {
font-size: 2rem;
font-weight: bold;
}
.payment h4 {
font-size: 2rem;
}
.pay_about {
padding: 70px 0 0;
}
.pay_about h2 {
margin-bottom: 30px;
}
.pay_about h3 {
margin-bottom: 15px;
}
.pay_about li + li {
margin-top: 10px;
}
.pay_about .box + .box {
margin-top: 40px;
}
.pay_expensive {
padding: 120px 0 0;
}
.pay_expensive h2 {
margin-bottom: 60px;
}
.pay_expensive h3 {
margin-bottom: 20px;
}
.pay_expensive .t_scroll {
display: none;
}
.pay_expensive .wrap_table {
margin-bottom: 20px;
}
.pay_expensive .notes + .notes {
margin-top: 7px;
}
.pay_expensive dl.notes {
display: flex;
}
.pay_expensive dl.notes dt {
position: relative;
overflow: hidden;
white-space: nowrap;
}
.pay_expensive dl.notes dt::after {
width: 100%;
content: '・・・・・・・・・・';
position: absolute;
top: 0;
right: 0;
text-align: right;
z-index: -1;
}
.pay_expensive dl.notes dt p {
display: inline-block;
background: #fff;
margin-right: 50px;
}
.pay_expensive dl.notes dd {
padding-left: 4px;
}
.pay_expensive p.notes {
padding-left: 5.7rem;
position: relative;
}
.pay_expensive p.notes .txt_red02 {
position: absolute;
top: 0;
left: 0
}
.pay_expensive .limit {
margin-top: 70px;
}
.pay_expensive .limit h4 {
margin-bottom: 12px;
}
.pay_expensive .limit .box + .box {
margin-top: 70px;
}
.pay_expensive .box01 th {
width: 275px;
}
.pay_expensive .box01 dl.notes dt {
width: 220px;
}
.pay_expensive .box01 dl.notes dd {
width: calc(100% - 220px);
}
.pay_expensive .box02 td:last-of-type {
text-align: center;
}
.pay_expensive .box03 td:last-of-type {
text-align: center;
}
.pay_expensive .box03 dl.notes dt {
width: 187px;
}
.pay_expensive .box03 dl.notes dd {
width: calc(100% - 187px);
}
.pay_expensive .box04 td:last-of-type {
text-align: center;
}
.pay_expensive .box04 tbody tr:last-of-type td:nth-of-type(2) {
text-align: center;
}
.pay_expensive .box04 dl.notes dt {
width: 187px;
}
.pay_expensive .box04 dl.notes dd {
width: calc(100% - 187px);
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.payment .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {
.payment h3 {
font-size: 1.9rem;
}
.payment h4 {
font-size: 1.9rem;
}
.pay_about {
padding: 55px 0 0;
}
.pay_about h2 {
margin-bottom: 25px;
}
.pay_about h3 {
margin-bottom: 10px;
}
.pay_about li + li {
margin-top: 7px;
}
.pay_about .box + .box {
margin-top: 25px;
}
.pay_expensive {
padding: 60px 0 0;
}
.pay_expensive h2 {
margin-bottom: 30px;
}
.pay_expensive h3 {
margin-bottom: 12px;
}
.pay_expensive p.notes {
padding-left: 5.2rem;
}
.pay_expensive .notes + .notes {
margin-top: 5px;
}
.pay_expensive .t_scroll {
display: block;
font-size: 1.5rem;
line-height: 1.2;
margin-bottom: 4px;
text-align: right;
}
.pay_expensive .wrap_table {
overflow-x: scroll;
padding-bottom: 3px;
margin-bottom: 15px;
}
.pay_expensive .wrap_table::-webkit-scrollbar {
height: 6px;
}
.pay_expensive .wrap_table::-webkit-scrollbar-thumb {
background: #6486C9;
border-radius: 5px;
}
.pay_expensive .wrap_table::-webkit-scrollbar-track {
background: #ccc;
border-radius: 5px;
}
.pay_expensive .box01 table {
min-width: 550px;
}
.pay_expensive .box01 th {
width: auto;
}
.pay_expensive .box01 dl.notes dt {
width: 165px;
}
.pay_expensive .box01 dl.notes dd {
width: calc(100% - 165px);
}
.pay_expensive .box02 table {
min-width: 630px;
}
.pay_expensive .box03 table {
min-width: 650px;
}
.pay_expensive .box03 dl.notes dt {
width: 150px;
}
.pay_expensive .box03 dl.notes dd {
width: calc(100% - 150px);
}
.pay_expensive .box04 table {
min-width: 650px;
}
.pay_expensive .box04 dl.notes dt {
width: 150px;
}
.pay_expensive .box04 dl.notes dd {
width: calc(100% - 150px);
}
.pay_expensive .notes {
font-size: 1.4rem;
}
.pay_expensive .limit {
margin-top: 45px;
}
.pay_expensive .limit .box + .box {
margin-top: 45px;
}
}
@media screen and (max-width:415px) {
.pay_expensive .box02 dl.notes dt {
min-width: 150px;
}
} .uninsured .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/uninsured/uni_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.uni_chart h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 30px;
}
.uni_chart h4 {
font-size: 2rem;
margin-bottom: 15px;
}
.uni_chart .left, .uni_chart .right {
width: 48%;
}
.uni_chart table {
width: 100%;
}
.uni_chart table th {
text-align: left;
}
.uni_chart table td {
text-align: right;
}
.uni_chart .box + .box {
margin-top: 84px;
}
.uni_chart .documents {
margin-top: 30px;
}
.uni_chart .documents table td {
width: 100px;
}
.uni_chart .others {
margin-top: 100px;
}
.uni_chart .others .right table th:nth-of-type(2) {
width: 169px;
}
.uni_chart .others .right table td {
width: 169px;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.uninsured .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.table01 th, .table01 td {
padding: 12px 12px;
font-size: 1.5rem;
}
}
@media screen and (max-width:540px) {
.uni_chart h3 {
font-size: 1.8rem;
margin-bottom: 12px;
}
.uni_chart h4 {
font-size: 1.8rem;
margin-bottom: 10px;
}
.uni_chart .left, .uni_chart .right {
width: 100%;
}
.uni_chart .right {
margin-top: 35px;
}
.uni_chart .box + .box {
margin-top: 35px;
}
.uni_chart .others {
margin-top: 55px;
}
}
@media screen and (max-width:415px) {} .hospitalization .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/hospitalization/hosp_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.hospitalization .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {}
@media screen and (max-width:415px) {} .hospitalize .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.hospitalize h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
}
.hospitalize li {
line-height: 2;
}
.hospitalize li + li {
margin-top: 3px;
}
.hospitalize .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/hospitalize/hos_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
} .hos_items {
background: #FAFAFA;
padding-bottom: 100px;
}
.hos_items .list_square2{
margin-bottom: 30px;
background: #fff;
padding: 30px;
font-weight: bold;
border: #79B726 3px solid;
}
.hos_items .list_square2 li + li{
margin-top: 8px;
}
.hos_items .box + .box {
margin-top: 50px;
}
.hos_items .box_name {
position: relative;
padding-right: 23.4%;
}
.hos_items .box_name .txt01 {
margin-bottom: 8px;
}
.hos_items .box_name .list_kome{
margin-top: 15px;
}
.hos_items .box_name figure {
position: absolute;
top: 20px;
right: -7.5%;
width: 27.3%;
max-width: 218px;
}
.hos_items .br_white {
background: #fff;
margin-top: 50px;
padding: 50px 30px 45px;
}
.hos_items .br_white {
position: relative;
}
.hos_items .br_white figure {
position: absolute;
top: -23px;
right: 5.1%;
width: 23.7%;
max-width: 228px;
}
.hos_about {
padding-bottom: 170px;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/hospitalize/hos_bg01.jpg) no-repeat bottom;
background-size: 100%;
}
.hos_about .img_area {
margin-bottom: 80px;
}
.hos_about .img_area figure {
width: 31.2%;
max-width: 300px;
}
.hos_about .img_area figcaption {
text-align: center;
margin-top: 3px;
}
.hos_about .box + .box {
margin-top: 60px;
}
.hos_about .box_meal .list_round {
width: 170px;
font-size: 1.8rem;
}
.hos_about .box_meal .list_round li {
display: flex;
justify-content: space-between;
}
.hos_about .box_meal .list_round li span:first-of-type {
font-weight: bold;
}
.hos_about .box_meal .list_round li span:last-of-type {
font-weight: bold;
color: #234A95;
}
.hos_about .box_meal .list_square {
width: calc(100% - 215px);
}
.hos_about .box_other .about_dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 7px;
}
.hos_about .box_other .about_dl + .about_dl {
margin-top: 5px;
}
.hos_about .box_other .about_dl dt {
font-weight: bold;
width: 135px;
}
.hos_about .box_other .about_dl dd {
width: calc(100% - 135px);
}
.hos_visit .sec_inner {
max-width: 660px;
}
.hos_visit .box + .box {
margin-top: 60px;
}
.hos_visit .wrap_hos_dl {
margin-bottom: 15px;
}
.hos_visit .wrap_hos_dl dl {
display: flex;
border: #D8D8D8 1px solid;
flex-wrap: wrap;
}
.hos_visit .wrap_hos_dl dl + dl {
border-top: none;
}
.hos_visit .wrap_hos_dl dt, .hos_visit .wrap_hos_dl dd {
padding: 16px 15px;
text-align: center;
}
.hos_visit .wrap_hos_dl dt {
width: 50%;
border-right: #D8D8D8 1px solid;
background: #F4FCDB;
}
.hos_visit .wrap_hos_dl dd {
width: 50%;
background: #fff;
font-weight: bold;
}
.hos_consultation {
background: #FAFAFA;
}
.hos_consultation .txt01 {
font-size: 2rem;
font-weight: bold;
color: #234A95;
text-align: center;
margin-bottom: 35px;
}
.hos_consultation .txt01 + h3 {
color: #79B726;
text-align: center;
margin-bottom: 15px;
}
.hos_consultation .wrap_hos_dl {
width: 100%;
max-width: 660px;
margin: 0 auto;
}
.hos_consultation .wrap_hos_dl dl {
display: flex;
border: #D8D8D8 1px solid;
flex-wrap: wrap;
}
.hos_consultation .wrap_hos_dl dl + dl {
border-top: none;
}
.hos_consultation .wrap_hos_dl dt, .hos_consultation .wrap_hos_dl dd {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hos_consultation .wrap_hos_dl dt {
width: 270px;
border-right: #D8D8D8 1px solid;
background: #F4FCDB;
justify-content: center;
padding: 16px 15px;
}
.hos_consultation .wrap_hos_dl dd {
width: calc(100% - 270px);
background: #fff;
padding: 16px 30px;
}
.hos_consultation .box {
margin-top: 60px;
}
.page_sec:last-of-type.hos_document {
padding-bottom: 260px;
}
.hos_document {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/hospitalize/hos_bg02.jpg) no-repeat bottom;
background-size: 100%;
}
.hos_document .box + .box {
margin-top: 60px;
}
.hos_document .box a {
text-decoration: underline;
color: #234A95;
}
.hos_document .box .txt_red {
font-weight: bold;
margin-top: 5px;
}
.hos_document .message {
font-size: 2rem;
font-weight: bold;
color: #234A95;
margin-top: 115px;
text-align: center;
line-height: 2.2;
}
.hospitalize footer {
margin-top: 0;
}
@media screen and (max-width:1040px) {
.hos_items .box_name figure {
right: 0;
width: 24.3%;
}
}
@media screen and (max-width:768px) {
.hos_items .br_white figure {
top: 0;
transform: translateY(-41%);
}
.hos_items .box_name {
padding-right: 24.4%;
}
.hos_items .box_name figure {
top: auto;
bottom: 0;
}
.hos_visit .box:nth-of-type(2) p.list_kome br {
display: none;
}
.hos_consultation .wrap_hos_dl dt {
width: 215px;
}
.hos_consultation .wrap_hos_dl dd {
width: calc(100% - 215px);
}
}
@media screen and (max-width:540px) {
.hospitalize h3 {
font-size: 1.8rem;
}
.hos_items {
padding-bottom: 50px;
}
.hos_items .box + .box {
margin-top: 30px;
}
.hos_items .list_square2 {
margin-bottom: 25px;
padding: 20px;
}
.hos_items .box_name {
padding-right: 0;
}
.hos_items .box_name figure {
position: static;
width: 100%;
max-width: 160px;
margin: 20px auto 0;
}
.hos_items .br_white {
margin-top: 30px;
padding: 30px 20px 30px;
}
.hos_items .br_white figure {
top: 0;
transform: translateY(-35px);
width: 100px;
}
.hos_about {
padding-bottom: 90px;
}
.hos_about .img_area {
margin-bottom: 40px;
justify-content: center;
}
.hos_about .img_area figure {
width: 48%;
}
.hos_about .img_area figure:first-of-type{
margin-right: 4%;
}
.hos_about .img_area figure:last-of-type{
margin-top: 20px;
}
.hos_about .box + .box {
margin-top: 30px;
}
.hos_about .box_meal .list_round {
font-size: 1.7rem;
}
.hos_about .box_meal .list_square {
width: 100%;
margin-top: 15px;
}
.hos_about .box_other .about_dl + .about_dl {
margin-top: 3px;
}
.hos_about .box_other .about_dl dd {
width: 100%;
}
.hos_visit .box + .box {
margin-top: 30px;
}
.hos_visit .wrap_hos_dl {
margin-bottom: 10px;
}
.hos_visit .wrap_hos_dl dt {
width: 100%;
border-right: none;
padding: 10px 15px;
}
.hos_visit .wrap_hos_dl  dd{
width: 100%;
padding: 13px 15px;
}
.hos_consultation .txt01 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.hos_consultation .box {
margin-top: 30px;
}
.hos_consultation .wrap_hos_dl dt {
width: 100%;
border-right: none;
padding: 10px 15px;
font-weight: bold;
}
.hos_consultation .wrap_hos_dl  dd{
width: 100%;
padding: 13px 15px;
}
.page_sec:last-of-type.hos_document {
padding-bottom: 130px;
}
.hos_document .box + .box {
margin-top: 30px;
}
.hos_document .box .txt_red {
margin-top: 3px;
}
.hos_document .message {
font-size: 1.8rem;
margin-top: 45px;
}
}
@media screen and (max-width:415px) {
.hos_items .br_white figure {
right: 7px;
transform: translateY(-28px);
width: 85px;
}
}  .rehabilitation .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.rehabilitation .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/rehabilitation/reh_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.rehabilitation .page_link .btn_link {
max-width: 220px;
} .reh_guide .txt01{
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.reh_guide .img_area{
margin-top: 60px;
}
.reh_guide .img_area figure{
width: 30.3%;
max-width: 243px;
}
.reh_guide .list_check {
font-weight: bold;
line-height: 2;
}
.reh_guide .list_check li{
position: relative;
padding-left: 28px;
}
.reh_guide .list_check li::before{
content: '';
width: 19px;
height: 17px;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/rehabilitation/icon_check.svg) no-repeat;
background-size: contain;
display: block;
position: absolute;
top: 4px;
left: 0;
}
.reh_guide .list_check li + li{
margin-top: 8px;
}
.reh_guide .wrap_list_check{
display: flex;
justify-content: center;
margin-top: 55px
}
.reh_guide .wrap_list_check .list_check{
max-width: 690px;
}
.reh_guide .box{
border: #D8D8D8 1px solid;
padding: 30px 55px;
margin-top: 55px;
}
.reh_guide .box .txt_area p{
font-size: 2rem;
font-weight: bold;
}
.reh_guide .box figure{
width: 15.3%;
max-width: 105px;
align-self: flex-end;
margin-bottom: -8px;
}
.reh_flow{
background: #FAFAFA;
}
.reh_flow .txt01{
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
}
.reh_flow .box_flow {
border-top: #D8D8D8 1px solid;
border-bottom: #D8D8D8 1px solid;
position: relative;
}
.reh_flow .box_flow:not(:last-of-type){
margin-bottom: 70px;
}
.reh_flow .box_flow:not(:last-of-type)::after {
content: '';
width: 0;
height: 0;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 30px solid #a1b7e6;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%) translateY(100%);
}
.reh_flow .box_flow dl{
display: flex;
padding: 16px 0;
}
.reh_flow .box_flow dl + dl{
border-top: #D8D8D8 1px solid;
}
.reh_flow .box_flow dt{
width: 220px;
font-size: 1.6rem;
font-weight: bold;
color: #234A95;
}
.reh_flow .box_flow dd{
width: calc(100% - 220px);
}
.reh_flow .box_flow dd .img_area{
display: flex;
flex-wrap: wrap;
}
.reh_flow .box_flow dd .img_area figure{
width: 50%;
margin-top: 10px;
}
.reh_flow .box_flow.bg_w {
background: #fff;
}
.reh_flow .box_flow:nth-of-type(2) {
padding: 13px 25px;
}
.reh_flow .box_flow:nth-of-type(3) {
padding: 15px 45px 30px;
}
.reh_flow .box_flow.bg_w .txt_blue{
font-size: 2rem;
font-weight: bold;
text-align: center;
color: #234A95;
}
.reh_flow .box_flow.bg_w .txt_blue + p{
margin-top: 4px;
}
.page_sec:last-of-type.reh_contact {
padding-bottom: 260px;
}
.reh_contact{
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/rehabilitation/reh_bg01.jpg) no-repeat bottom;
background-size: 100%;
}
.reh_contact .txt01{
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-bottom: 25px;
}
.reh_contact .flex{
font-weight: bold;
justify-content: center;
align-items: center;
line-height: 1;
}
.reh_contact .flex p{
font-size: 1.8rem;
margin-right: 23px;
}
.reh_contact .flex a{
font-size: 3rem;
color: #244079;
letter-spacing: 0.04em;
text-indent: 0.04em;
}
.reh_contact .flex a span{
font-size: 2.6rem;
letter-spacing: normal;
text-indent: 0;
}
.reh_contact .btn a{
margin: 40px auto 0;
}
.rehabilitation footer {
margin-top: 0;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.reh_guide .img_area {
justify-content: center;
}
.reh_guide .img_area figure {
width: 31.5%;
min-width: 180px;
margin: 1% 2%;
} .reh_guide .box figure{
width: 100%;
margin: 30px auto 0;
}
.reh_flow .box_flow dd .img_area figure{
min-width: 220px;
margin: 10px auto 0;
}
}
@media screen and (max-width:540px) {
.reh_guide .txt01{
font-size: 1.8rem;
}
.reh_guide .img_area{
margin-top: 30px;
}
.reh_guide .img_area figure {
width: 45.5%;
min-width: auto;
margin: 1% 2%;
}
.reh_guide .list_check li + li{
margin-top: 6px;
}
.reh_guide .wrap_list_check{
margin-top: 30px
}
.reh_guide .box{
padding: 20px 25px 30px;
margin-top: 30px;
}
.reh_guide .box .txt_area p{
font-size: 1.8rem;
margin-bottom: 2px;
}
.reh_guide .box figure {
margin: 20px auto 0;
max-width: 90px;
}
.reh_flow .txt01{
font-size: 1.8rem;
margin-bottom: 7px;
}
.reh_flow .box_flow:not(:last-of-type){
margin-bottom: 55px;
}
.reh_flow .box_flow:not(:last-of-type)::after {
border-right: 40px solid transparent;
border-left: 40px solid transparent;
border-top: 25px solid #a1b7e6;
bottom: -15px;
}
.reh_flow .box_flow dl{
display: flex;
padding: 13px 0;
flex-wrap: wrap;
}
.reh_flow .box_flow dt{
width: 100%;
}
.reh_flow .box_flow dd{
width: 100%;
margin-top: 3px;
}
.reh_flow .box_flow:nth-of-type(2) {
padding: 10px 25px;
}
.reh_flow .box_flow:nth-of-type(3) {
padding: 12px 20px 20px;
}
.reh_flow .box_flow.bg_w .txt_blue{
font-size: 1.8rem;
}
.reh_flow .box_flow.bg_w .txt_blue + p{
margin-top: 4px;
}
.page_sec:last-of-type.reh_contact {
padding-bottom: 130px;
background-size: 150%;
}
.reh_contact .txt01{
font-size: 1.8rem;
margin-bottom: 25px;
}
.reh_contact .flex p{
font-size: 1.8rem;
margin-right: 0;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.reh_contact .flex a{
font-size: 2.5rem;
}
.reh_contact .flex a span{
font-size: 2.2rem;
}
}
@media screen and (max-width:415px) {}  .online .btn_green {
background: #52C61D;
border-radius: 5px;
color: #fff;
font-weight: bold;
width: 100%;
text-align: center;
box-shadow: 0 0 0 2px #52c61d inset, 0 0 0 3px #fff inset;
padding: 13.5px 5px;
}
.online .btn_green p{
line-height: 1.2;
}
.online .btn_green p:first-of-type{
font-size: 1.2rem;
margin-bottom: 5px;
}
.online .btn_green p:last-of-type{
font-size: 1.6rem;
}
.online li {
line-height: 2;
}
.online .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.online .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/online/onl_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.online .page_link .btn_link {
max-width: 230px;
}
.onl_flow{
background: #FAFAFA;
}
.onl_flow .flow_dl{
position: relative;
}
.onl_flow .flow_dl + .flow_dl{
margin-top: 60px;
}
.onl_flow .flow_dl:nth-of-type(n+2){
padding-right: 250px;
}
.onl_flow .flow_dl:nth-of-type(3){
min-height: 165px;
}
.onl_flow .flow_dl:nth-of-type(4){
min-height: 211px;
}
.onl_flow .flow_dl dt{
font-size: 1.8rem;
font-weight: bold;
padding-left: 40px;
position: relative;
line-height: 1.7;
}
.onl_flow .flow_dl dt::before{
content: '1';
width: 30px;
height: 30px;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
position: absolute;
top: 0;
left: 0;
background: #79B726;
}
.onl_flow .flow_dl:nth-of-type(2) dt::before{
content: '2';
}
.onl_flow .flow_dl:nth-of-type(3) dt::before{
content: '3';
}
.onl_flow .flow_dl:nth-of-type(4) dt::before{
content: '4';
}
.onl_flow .flow_dl dd{
padding-left: 40px;
padding-top: 10px;
}
.onl_flow .flow_dl:first-of-type .bg_w{
background: #fff;
padding: 25px 30px 30px;
margin-top: 15px;
} .onl_flow .flow_dl:first-of-type .bg_w .wrap_qr figure{
width: 30%;
max-width: 140px;
}
.onl_flow .flow_dl:first-of-type .bg_w .wrap_qr figure figcaption{
text-align: center;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 3px;
}
.onl_flow .flow_dl:first-of-type .bg_w .wrap_qr figure img{
width:100%;
max-width: 100px;
margin: 0 auto;
display: block;
}
.onl_flow .flow_dl:first-of-type .bg_w > p{
font-size: 1.4rem;
text-align: center;
margin: 20px 0 13px;
}
.onl_flow .flow_dl:first-of-type .bg_w .btn_green{
width: 30%;
max-width: 140px;
}
.onl_flow .flow_dl:nth-of-type(2) .list_num{
margin-top: 5px;
}
.onl_flow .flow_dl:nth-of-type(2) ul.list_num > li {
padding-left: 2.5rem;
}
.onl_flow .flow_dl:nth-of-type(2) ul.list_num > li:first-of-type::before {
content: '①';
}
.onl_flow .flow_dl:nth-of-type(2) ul.list_num > li:nth-of-type(2)::before {
content: '②';
}
.onl_flow .flow_dl:nth-of-type(2) ul.list_num > li:nth-of-type(3)::before {
content: '③';
}
.onl_flow .flow_dl:nth-of-type(2) ul.list_num > li:nth-of-type(4)::before {
content: '④';
}
.onl_flow .flow_dl:nth-of-type(2) ul.list_num > li:nth-of-type(5)::before {
content: '⑤';
}
.onl_flow .flow_dl:nth-of-type(2) ul.list_num > li:nth-of-type(6)::before {
content: '⑥';
}
.onl_flow .flow_dl:nth-of-type(4) .list_kome{
margin-top: 5px;
}
.onl_flow .sec_inner > .bg_w{
background: #fff;
margin-top: 50px;
padding: 30px 15px;
}
.onl_flow .sec_inner > .bg_w .btn_green{
width: 100%;
max-width: 330px;
margin: 0 auto;
display: block;
}
.onl_flow .flow_dl:nth-of-type(n+2) dd figure{
position: absolute;
top: 0;
right: 0;
width: 180px;
}
.onl_important li + li{
margin-top: 8px;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.onl_flow .flow_dl:nth-of-type(n+2) {
padding-right: 0;
}
.onl_flow .flow_dl:nth-of-type(n+2) dd figure {
position: static;
margin: 5px 0px 20px;
}
}
@media screen and (max-width:540px) {
.onl_flow .flow_dl + .flow_dl{
margin-top: 30px;
}
.onl_flow .flow_dl:nth-of-type(n+2){
padding-right: 0;
}
.onl_flow .flow_dl dt{
font-size: 1.7rem;
padding-left: 35px;
}
.onl_flow .flow_dl dt::before{
width: 25px;
height: 25px;
font-size: 1.7rem;
}
.onl_flow .flow_dl dd{
padding-top: 7px;
padding-left: 35px;
}
.onl_flow .flow_dl:first-of-type .bg_w{
padding: 20px 20px 25px;
margin-top: 10px;
}
.onl_flow .flow_dl:first-of-type .bg_w .wrap_qr figure {
width: 28%;
}
.onl_flow .flow_dl:first-of-type .bg_w .btn_green {
width: 28%;
}
.onl_flow .flow_dl:nth-of-type(n+2) dd figure {
margin: 5px auto 18px;
}
.onl_flow .sec_inner > .bg_w{
margin-top: 30px;
padding: 20px 15px;
}
.onl_important li + li{
margin-top: 5px;
}
}
@media screen and (max-width:415px) {
.onl_flow .flow_dl:first-of-type .bg_w .wrap_qr {
justify-content: space-around;
}
.onl_flow .flow_dl:first-of-type .bg_w .wrap_qr figure {
width: 40%;
}
.onl_flow .flow_dl:first-of-type .bg_w .wrap_qr figure:last-of-type {
margin-top: 15px;
}
.onl_flow .flow_dl:first-of-type .bg_w .wrap_btn {
justify-content: space-around;
}
.onl_flow .flow_dl:first-of-type .bg_w .btn_green {
width: 40%;
}
.onl_flow .flow_dl:first-of-type .bg_w .btn_green:last-of-type {
margin-top: 15px;
}
} .about .sec_top .page_mv,
.quarterly .sec_top .page_mv{
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/about/abo_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.about .sec_top .page_mv,
.quarterly .sec_top .page_mv{
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {}
@media screen and (max-width:415px) {}  .outline .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/outline/outl_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.outl_history {
padding: 70px 0 75px;
}
.outl_history h2 {
margin-bottom: 30px;
}
.outl_history .box {
width: 100%;
max-width: 800px;
margin: 0 auto 40px;
}
.outl_history dl {
border-top: #D8D8D8 1px solid;
display: flex;
padding: 11.5px 20px;
flex-wrap: wrap;
}
.outl_history dl:last-of-type {
border-bottom: #D8D8D8 1px solid;
}
.outl_history dt {
width: 150px;
}
.outl_history dd {
width: calc(100% - 150px);
}
.outl_history figure {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.outl_history figure img {
width: 100%;
max-width: 700px;
}
.outl_history figcaption {
font-size: 1.4rem;
line-height: 1.7;
margin-top: 12px;
}
.outl_facility {
background: #F7F7F7;
}
.outl_facility h2 {
margin-bottom: 40px;
}
.outl_facility .box {
display: flex;
justify-content: center;
}
.outl_facility .box li:not(:first-of-type) {
margin-top: 8px;
}
.outl_report h2,
.outl_poster h2 {
margin-bottom: 35px;
}
.outl_report .box,
.outl_poster .box {
display: flex;
flex-wrap: wrap;
padding: 0 45px;
justify-content: space-between;
}
.outl_report .box .list_square:first-of-type,
.outl_poster .box .list_square:first-of-type {
padding-right: 30px;
}
.outl_report .box .list_square > li,
.outl_poster .box .list_square > li {
margin-top: 4px;
}
.outl_report .box .dot > li,
.outl_poster .box .dot > li {
margin-top: 4px;
} @media screen and (max-width:1040px) {
.outl_report .box .list_square:first-of-type,
.outl_poster .box .list_square:first-of-type {
padding-right: 0;
width: 335px;
}
.outl_report .box .list_square:nth-of-type(2),
.outl_poster .box .list_square:nth-of-type(2) {
width: calc(100% - 335px);
}
.outl_report .box,
.outl_poster .box {
padding: 0 3%;
}
}
@media screen and (max-width:768px) {
.outline .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.outl_report .box .list_square:first-of-type,
.outl_poster .box .list_square:first-of-type {
width: 100%;
}
.outl_report .box .list_square:nth-of-type(2),
.outl_poster .box .list_square:nth-of-type(2) {
width: 100%;
}
}
@media screen and (max-width:540px) {
.outl_history {
padding: 55px 0 40px;
}
.outl_history h2 {
margin-bottom: 25px;
}
.outl_history .box {
margin: 0 auto 30px;
}
.outl_history dl {
padding: 9px 15px;
}
.outl_history dt {
width: 100%;
font-weight: bold;
}
.outl_history dd {
width: 100%;
}
.outl_facility h2 {
margin-bottom: 25px;
}
.outl_report h2,
.outl_poster h2 {
margin-bottom: 25px;
}
.outl_report .box,
.outl_poster .box {
padding: 0;
}
}
@media screen and (max-width:415px) {
.outl_history dl {
padding: 9px 10px;
}
} .greeting .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/greeting/gre_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.greeting footer {
margin-top: 0;
}
.gre_greeting01 .inner960 > .flex ,
.gre_greeting02 .inner960 > .flex {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.gre_greeting01 .inner960 > .flex figure ,
.gre_greeting02 .inner960 > .flex figure {
width: 33.7%;
max-width: 270px;
}
.gre_greeting01 .inner960 > .flex figcaption ,
.gre_greeting02 .inner960 > .flex figcaption {
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-top: 2px;
}
.gre_greeting01 .inner960 > .flex .txt_area ,
.gre_greeting02 .inner960 > .flex .txt_area {
width: 62.1%;
}
.gre_greeting01 .txt_area .box + .box ,
.gre_greeting02 .txt_area .box + .box {
margin-top: 55px;
}
.gre_greeting01  .txt_area h3 ,
.gre_greeting02  .txt_area h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 17px;
}
.gre_greeting01 .bio dl,
.gre_greeting01 .awards dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.gre_greeting01 .bio dd,
.gre_greeting01 .awards dd{
width: calc(100% -  7rem);
}
.gre_greeting01 .awards .link_txt{
color: #007DD9;
margin-top: 7px;
}
.gre_greeting02{
background: #F7F7F7;
}
.page_sec:last-of-type.gre_greeting02 {
padding-bottom: 120px;
}
.gre_greeting02 .policy_box + .policy_box{
margin-top: 55px;
}
.gre_greeting02 .policy_box h4{
font-weight: bold;
margin-bottom: 10px;
}
.gre_greeting02 .bold{
font-weight: bold;
margin-top: 55px;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.greeting .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.gre_greeting01 .inner960 > .flex figure ,
.gre_greeting02 .inner960 > .flex figure {
width: 80%;
max-width: 270px;
margin: 0 auto 35px;
}
.gre_greeting01 .inner960 > .flex .txt_area ,
.gre_greeting02 .inner960 > .flex .txt_area {
width: 100%;
}
}
@media screen and (max-width:540px) {
.gre_greeting01 .inner960 > .flex figcaption ,
.gre_greeting02 .inner960 > .flex figcaption {
font-size: 1.8rem;
margin-top: 2px;
}
.gre_greeting01 .txt_area .box + .box ,
.gre_greeting02 .txt_area .box + .box {
margin-top: 30px;
}
.gre_greeting01  .txt_area h3 ,
.gre_greeting02  .txt_area h3 {
font-size: 1.8rem;
margin-bottom: 12px;
}
.gre_greeting01 .bio dd,
.gre_greeting01 .awards dd{
width: calc(100% -  7rem);
}
.gre_greeting01 .awards .link_txt{
margin-top: 5px;
}
.page_sec:last-of-type.gre_greeting02 {
padding-bottom: 50px;
}
.gre_greeting02 .policy_box + .policy_box{
margin-top: 30px;
}
.gre_greeting02 .policy_box h4{
margin-bottom: 7px;
}
.gre_greeting02 .bold{
margin-top: 30px;
}
}
@media screen and (max-width:415px) {} .award .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/award/awa_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.award .page_link .btn_link {
max-width: 220px;
}
.award footer {
margin-top: 0;
}
.awa_award00 {
max-width: 600px;
margin: 0 auto;
}
.awa_award00 figcaption {
font-size: 2rem;
font-weight: bold;
margin-bottom: 17px;
text-align: center;
}
.awa_award00 br.on {
display: none;
}
.awa_award01 {
max-width: 800px;
margin: 0 auto;
}
.awa_award01 .txt_area h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 17px;
}
.awa_award01 .txt_area .bgbox {
background-color: #EBF1FD;
padding: 30px;
margin-top: 30px;
}
.awa_award01 .txt_area .bgbox h4 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 17px;
}
.awa_award02 {
background: #F7F7F7;
margin: 0 auto;
}
.awa_award02 .inner960,
.awa_award03 .inner960{
max-width: 800px;
margin: 0 auto;
}
.awa_award02 h3,
.awa_award03 h3{
font-size: 2rem;
font-weight: bold;
margin-bottom: 17px;
}
.awa_award02 .txt_area {
margin-bottom: 60px;
}
.awa_award02 .flex .txt_area {
margin-bottom: 30px;
}
.awa_award02 .flex .txt_area,
.awa_award03 .flex .txt_area{
width: 62.1%;
}
.awa_award02 .inner960 .flex figure,
.awa_award03 .inner960 > .flex figure{
width: 33.7%;
max-width: 270px;
}
.awa_award03 .flex {
margin-bottom: 60px;
}
.awa_award03 .flex .txt_area span {
color: #234A95;
font-weight: bold;
}
.page_sec:last-of-type.awa_award03 {
padding-bottom: 120px;
}
@media screen and (max-width:768px) {
.awa_award02 .flex,
.awa_award03 .flex{
display: block;
}
.awa_award02 .flex .txt_area,
.awa_award03 .flex .txt_area{
width: 100%;
}
.awa_award02 .inner960 .flex figure,
.awa_award03 .inner960 > .flex figure{
width: 100%;
margin: 0 auto 30px;
}
.awa_award03 .inner960 > .flex figure{
margin: 30px auto 0;
}
}
@media screen and (max-width:540px) {
.awa_award00 br.on {
display: block;
}
.awa_award00 figcaption {
line-height: 1.5;
font-size: 1.8rem;
}
}  .doctor .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/doctor/doc_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.doc_director {
padding-top: 70px;
}
.doc_sec {
padding: 120px 0 0;
}
.doc_sec .wrap_box {
margin-top: 25px;
}
.doc_sec .box + .box {
margin-top: 20px;
padding-top: 25px;
border-top: solid 1px #D8D8D8;
}
.doc_sec .box {
width: 100%;
max-width: 700px;
margin: 0 auto;
justify-content: space-between;
padding: 0 10px;
}
.doc_sec .box figure {
width: 40%;
max-width: 250px;
}
.doc_sec .box .txt_area {
width: 56.7%;
}
.doc_sec .box .txt_area .name {
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 10px;
}
.doc_sec .box .txt_area .name span:first-of-type {
margin-right: 25px;
}
.doc_sec .box .txt_area .name span:last-of-type {
font-size: 1.6rem;
white-space: nowrap;
}
.doc_sec .box .txt_area li + li {
margin-top: 3px;
}
.doc_sec .from {
border: #D8D8D8 1px solid;
padding: 0 9px;
margin-left: -10px;
}
.doc_sec h3 {
width: 100%;
max-width: 700px;
margin: 0 auto;
background: #f1f1f1;
font-size: 1.7rem;
line-height: 40px;
padding: 0 25px;
}
.doc_sec h3.hijokin {
margin-top: 40px;
}
.doc_sec .wrap_box02 {
width: 100%;
max-width: 700px;
margin: 0 auto;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: solid 1px #D8D8D8;
}
.doc_sec .wrap_box02:first-of-type {
margin-top: 10px;
}
.doc_sec .wrap_box02:last-of-type {
border-bottom: none;
padding-bottom: none;
margin-bottom: none;
}
.doc_sec .wrap_box02 .box02:first-of-type {
border-right: solid 1px #D8D8D8;
}
.doc_sec .box02 {
width: 50%;
padding: 20px 20px 13px;
}
.doc_sec .box02 .txt_area {
width: 100%;
}
.doc_sec .box02 .txt_area .name {
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 10px;
}
.doc_sec .box02 .txt_area .name span:first-of-type {
margin-right: 25px;
}
.doc_sec .box02 .txt_area .name span:last-of-type {
font-size: 1.6rem;
white-space: nowrap;
}
.doc_sec .box02 .txt_area li + li {
margin-top: 3px;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.doctor .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.doc_sec .box .txt_area .name, .doc_sec .box02 .txt_area .name {
font-size: 2.2rem;
}
.doc_sec .box .txt_area .name span:last-of-type, .doc_sec .box02 .txt_area .name span:last-of-type {
font-size: 1.5rem;
}
}
@media screen and (max-width:540px) {
.doc_director {
padding-top: 35px;
}
.doc_sec {
padding: 60px 0 0;
}
.doc_sec h3 {
font-size: 1.7rem;
line-height: 35px;
padding: 0 15px;
text-align: center;
}
.doc_sec .wrap_box {
margin-top: 20px;
}
.doc_sec .box + .box {
margin-top: 25px;
}
.doc_sec .box figure {
width: 100%;
margin: 0 auto 15px;
}
.doc_sec .box .txt_area, .doc_sec .box02 .txt_area {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.doc_sec .box .txt_area .name, .doc_sec .box02 .txt_area .name {
margin-bottom: 10px;
text-align: center;
width: 100%;
}
.doc_sec .box .txt_area .name span:first-of-type, .doc_sec .box02 .txt_area .name span:first-of-type {
margin-right: 0;
}
.doc_sec .box .txt_area .name span:last-of-type, .doc_sec .box02 .txt_area .name span:last-of-type {
display: block;
margin-top: 6px;
}
.doc_sec .box .txt_area li + li, .doc_sec .box02 .txt_area li + li {
margin-top: 0;
}
.doc_sec .wrap_box02 {
margin: 0;
}
.doc_sec .box02 {
width: 100%;
padding: 20px 20px 15px;
border: none;
padding-top: 20px;
border-top: solid 1px #D8D8D8;
}
.doc_sec .wrap_box02 .box02:first-of-type {
border: none;
}
}
@media screen and (max-width:415px) {}  .specialty .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/specialty/spe_mv.jpg) no-repeat;
background-size: cover;
background-position: bottom right;
}
.spe_specialty .bold {
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.spe_specialty .bold + p {
text-align: center;
margin-top: 40px;
}
.spe_specialty .wrap_box {
width: 100%;
max-width: 660px;
margin: 70px auto 0;
}
.spe_specialty .box {
width: 200px;
} .spe_specialty .box .btn_link {
width: 100%;
max-width: 200px;
background: #79B726;
color: #fff;
border: 2px #fff solid;
border-radius: 6px;
height: 50px;
font-size: 1.6rem;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 1.5px 1.5px 2px 0px rgb(0 0 0 / 25%);
position: relative;
padding: 0 25px;
margin-bottom: 17px;
}
.spe_specialty .box .btn_link::after {
content: '';
width: 9px;
height: 9px;
border: 0px;
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 18.5px;
right: 17px;
}
.spe_specialty .box .dot {
padding-left: 20px;
}
.spe_specialty .box .dot li {
line-height: 2;
font-size: 1.4rem;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.spe_specialty .wrap_box {
max-width: 430px;
}
.spe_specialty .wrap_box .box:last-of-type {
margin-top: 40px;
}
}
@media screen and (max-width:540px) {
.spe_specialty .bold {
font-size: 1.8rem;
}
.spe_specialty .bold + p {
margin-top: 20px;
}
.spe_specialty .wrap_box {
margin-top: 35px;
}
.spe_specialty .box {
width: 48%;
max-width: 200px;
} .spe_specialty .wrap_box .box:last-of-type {
margin-top: 30px;
}
.spe_specialty .box .btn_link {
margin-bottom: 12px;
}
}
@media screen and (max-width:415px) {
.spe_specialty .box .dot {
padding-left: 5px;
}
}   .epilepsy .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/epilepsy/epi_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.epilepsy footer {
margin-top: 0;
}
.epi_about .inner960 > div, .epi_diagnose .inner960 > div {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.epi_about .box01 {
margin-bottom: 25px;
}
.epi_about .box01 p + p {
margin-top: 25px;
}
.epi_about .box01 .txt_area {
width: 72%;
}
.epi_about .box01 figure {
width: 20.3%;
}
.epi_about .bg_blue {
color: #234A95;
font-weight: bold;
background: #EBF1FD;
margin-top: 30px;
padding: 22px 30px;
}
.epi_diagnose {
background: #F7F7F7;
}
.page_sec:last-of-type.epi_diagnose {
padding-bottom: 120px;
}
.epi_diagnose p + p {
margin-top: 25px;
}
.epi_diagnose .list_square01 {
margin: 17px 0;
color: #234A95;
font-weight: bold;
}
.epi_diagnose .list_square01 li {
line-height: 2;
}
.epi_diagnose .txt_green {
color: #79B726;
font-weight: bold;
}
.epi_diagnose .bg_white {
margin: 25px 0 35px;
background: #fff;
padding: 25px 30px;
display: flex;
justify-content: center;
}
.epi_diagnose .list_square02 {
font-weight: bold;
line-height: 1.9;
}
.epi_diagnose .list_square02 li + li {
margin-top: 7px;
}
.epi_diagnose .bg_white + p {
text-align: center;
}
.epi_diagnose .contact {
width: 100%;
max-width: 640px;
margin: 60px auto 0;
background: #fff;
border-top: #D2202B 3px solid;
padding: 40px 20px 40px;
display: flex;
justify-content: center;
flex-wrap: wrap;
text-align: center;
}
.epi_diagnose .contact h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 20px;
width: 100%;
}
.epi_diagnose .contact h3 + p {
line-height: 1.5;
color: #234A95;
width: 100%;
}
.epi_diagnose .contact .tel {
font-size: 3.5rem;
font-weight: bold;
color: #234A95;
letter-spacing: 0.05em;
text-indent: 0.05em;
width: 100%;
}
.epi_diagnose .contact .tel span {
font-size: 2rem;
} .epi_diagnose .contact .list_kome {
font-size: 1.4rem;
text-align: left;
}
.epi_diagnose .contact .btn_area {
justify-content: center;
margin-top: 15px;
}
.epi_diagnose .contact .btn_area .btn_blue {
margin: 10px 20px;
}
.epi_diagnose .contact .btn_area .btn_blue.red {
color: #D2202B;
background: #FFF2F3;
}
.epi_diagnose .contact .btn_area .btn_blue.red::before {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/common/icon_arrow_red.svg) no-repeat;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.epilepsy .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.epi_about .box01 .txt_area {
width: 100%;
order: 2;
}
.epi_about .box01 figure {
width: 80%;
max-width: 180px;
margin: 0 auto 30px;
}
}
@media screen and (max-width:540px) {
.epi_about .box01 {
margin-bottom: 18px;
}
.epi_about .box01 p + p {
margin-top: 18px;
}
.epi_about .box01 figure {
max-width: 150px;
margin: 0 auto 20px;
}
.epi_about .bg_blue {
margin-top: 20px;
padding: 15px 20px;
}
.page_sec:last-of-type.epi_diagnose {
padding-bottom: 50px;
}
.epi_diagnose p + p {
margin-top: 18px;
}
.epi_diagnose .list_square01 {
margin: 13px 0;
}
.epi_diagnose .bg_white {
margin: 20px 0 25px;
padding: 20px 20px;
}
.epi_diagnose .list_square02 li + li {
margin-top: 4px;
}
.epi_diagnose .contact {
margin: 40px auto 0;
padding: 25px 15px 30px;
}
.epi_diagnose .contact h3 {
font-size: 1.8rem;
margin-bottom: 15px;
}
.epi_diagnose .contact .tel {
font-size: 3rem;
}
.epi_diagnose .contact .tel span {
font-size: 1.8rem;
}
.epi_diagnose .contact .btn_area .btn_blue {
margin: 10px 10px;
}
}
@media screen and (max-width:415px) {}  .neurosurgery .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/neurosurgery/neu_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.neurosurgery .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.neu_about .neu_leaflet{
width: 100%;
max-width: 600px;
margin: 0 auto 50px;
}
.neu_about .neu_leaflet .flex a{
width: 45%;
color: #234A95;
}
.neu_about .neu_leaflet .flex a figcaption{
text-align: center;
margin-top: 6px;
}
.neu_about p + p{
margin-top: 20px;
}
.page_sec.neu_policy {
padding-bottom: 120px;
}
.neu_policy{
background: #F7F7F7;
}
.neu_policy .box + .box{
margin-top: 50px;
}
.neu_policy .box h3{
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
color: #234A95;
}
.neu_policy .box p + p{
margin-top: 10px;
}
.neu_policy .bg_green{
background: #f4fcdb;
padding: 25px 30px;
margin-top: 60px;
}
.neu_policy .bg_green p:first-of-type{
font-weight: bold;
margin-bottom: 7px;
}
.neu_policy .btn.flex {
width: 520px;
margin: 80px auto 0;
} .neurosurgery footer {
margin-top: 0;
}
@media screen and (max-width:1040px) { }
@media screen and (max-width:768px) { }
@media screen and (max-width:540px) {
.neu_about .neu_leaflet .flex a {
width: 48%;
}
.neu_about p + p{
margin-top: 12px;
}
.page_sec.neu_policy {
padding-bottom: 50px;
}
.neu_policy .box + .box{
margin-top: 30px;
}
.neu_policy h3{
font-size: 1.8rem;
margin-bottom: 7px;
}
.neu_policy p + p{
margin-top: 7px;
}
.neu_policy .bg_green{
padding: 18px 20px;
margin-top: 30px;
}
.neu_policy .bg_green p:first-of-type{
margin-bottom: 5px;
}
.neu_policy .btn.flex {
display: block;
width: auto;
margin: 50px auto 0;
}
.neu_policy .btn.flex a {
margin: 20px auto;
} }
@media screen and (max-width:415px) { }  .orthopedics .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/orthopedics/ort_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.ort_about .ort_leaflet{
width: 100%;
max-width: 300px;
margin: 0 auto 50px;
}
.ort_about .ort_leaflet a{
width: 300px;
color: #234A95;
}
.ort_about .ort_leaflet a figcaption{
text-align: center;
margin-top: 3px;
}
.ort_about p + p{
margin-top: 20px;
}
.orthopedics .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.orthopedics li{
line-height: 2;
}
.ort_about .list_square li + li{
margin-top: 30px;
}
.ort_about .list_square .bold{
font-weight: bold;
margin-bottom: 5px;
display: block;
}
.ort_about .list_square li p + p{
margin-top: 10px;
}
.ort_kneejoint{
background: #F7F7F7;
}
.ort_other .sec_inner{
display: flex;
justify-content: center;
}
.ort_other .dot{
margin-bottom: 8px;
}
.ort_other .dot li + li{
margin-top: 8px;
}
.ort_spine{
background: #F7F7F7;
}
.ort_spine .dot{
margin: 15px 0 ;
background: #f4fcdb;
padding: 20px 25px;
}
.ort_spine .dot li + li{
margin-top: 5px;
}
.ort_spine p + p{
margin-top: 15px;
}
.ort_spine a {
text-decoration: underline;
color: #234A95;
}  .ort_specialDr h2 {
font-size: 2rem;
font-weight: bold;
color: #234A95;
text-align: center;
margin-bottom: 35px;
}
.ort_specialDr .flex {
margin-bottom: 40px;
}
.ort_specialDr .flex figure {
width: 30%;
}
.ort_specialDr .flex .txt_area {
width: 67%;
}
.ort_specialDr .flex dl {
display: flex;
}
.ort_specialDr .flex dl dt {
width: 105px;
}
.ort_specialDr .flex dl dd {
width: 76%;
}
.ort_specialDr h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
}
.ort_specialDr h3.mt {
margin-top: 40px;
}
.ort_specialDr .bg {
width: 100%;
max-width: 800px;
margin: 20px 0;
background: #f4fcdb;
padding: 20px;
text-align: center;
font-size: 2rem;
font-weight: bold;
color: #79b726;
}
.ort_specialDr .bg span {
margin-right: 20px;
}
.ort_specialDr .btn.flex {
width: 100%;
max-width: 520px;
margin: 50px auto 0;
}
@media screen and (max-width:1040px) {
}
@media screen and (max-width:800px) { }
@media screen and (max-width:700px) { }
@media screen and (max-width:768px) { }
@media screen and (max-width:670px) { }
@media screen and (max-width:640px) { }
@media screen and (max-width:600px) {
.ort_specialDr .bg span {
display: block;
margin-right: 0;
}
}
@media screen and (max-width:540px) {
.ort_about .list_square li + li{
margin-top: 20px;
}
.ort_about .list_square .bold{
margin-bottom: 5px;
}
.ort_about .list_square li p + p{
margin-top: 7px;
}
.ort_other .dot{
margin-bottom: 5px;
}
.ort_other .dot li + li{
margin-top: 5px;
}
.ort_spine .dot{
margin: 12px 0 ;
padding: 18px 20px;
}
.ort_spine .dot li + li{
margin-top: 5px;
}
.ort_spine p + p{
margin-top: 10px;
}
.ort_specialDr > .sec_inner h2 {
text-align: left;
}
.ort_specialDr > .sec_inner h2 .br {
display: none;
}
.ort_specialDr .flex {
display: block;
}
.ort_specialDr .flex figure {
width: 220px;
margin: 0 auto 20px;
}
.ort_specialDr .flex .txt_area {
width: auto;
}
.ort_specialDr .flex dl dd {
width: 83%;
} .ort_specialDr .btn.flex {
display: block;
width: auto;
margin: 50px auto 70px;
}
.ort_specialDr .btn.flex a {
margin: 20px auto;
}
}
@media screen and (max-width:415px) { }  .department .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/department/dep_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.department .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.department h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
line-height: 2;
}
.department main section .btn {
margin-top: 30px;
}
.department main section .btn a.btn_blue {
width: 320px;
}
.dep_nurse .rinen {
margin-bottom: 60px;
}
.dep_nurse .rinen .flex {
justify-content: center;
}
.dep_nurse .rinen .txt_area p {
font-size: 3rem;
}
.dep_nurse .gree .txt_area .txt_right {
text-align: right;
}
.dep_reha {
background: #F7F7F7;
}
.dep_reha figure {
margin-bottom: 20px;
}
.dep_dia .intro {
background: #F7F7F7;
padding: 30px;
margin-bottom: 40px;
}
.dep_dia .intro ol {
margin-left: 20px;
}
.dep_dia .kensa {
margin-bottom: 60px;
}
.dep_dia .kensa ul li {
list-style: circle;
margin-left: 20px;
}
.computed {
margin-bottom: 60px;
}
.computed .flex {
justify-content: center;
}
.computed .flex figure {
text-align: center;
}
.computed .flex figure:nth-of-type(1) {
margin-right: 20px;
}
.computed p {
margin-bottom: 20px;
}
.dep_pha {
background: #F7F7F7;
}
.dep_pha .flex, .dep_ins .flex {
margin-top: 40px;
}
.dep_pha .flex figure, .dep_ins .flex figure, .dep_nut .flex figure {
width: 32%;
}
.dep_pha .flex .txt_area, .dep_ins .flex .txt_area, .dep_nut .flex .txt_area {
width: 64%;
}
.dep_pha .flex .txt_area h3, .dep_ins .flex .txt_area h3 {
margin-bottom: 0;
}
.dep_pha .flex .txt_area h3:nth-of-type(2), .dep_ins .flex .txt_area h3:nth-of-type(2) {
margin-top: 20px;
}
.dep_pha .flex .txt_area ul li, .dep_ins .flex .txt_area ul li {
list-style: circle;
margin-left: 20px;
}
.dep_pha .soudan {
margin-top: 60px;
border: 2px solid #79B726;
padding: 30px;
}
.dep_pha .soudan p span {
font-weight: bold;
}
.dep_pha .soudan ul {
margin-bottom: 20px;
}
.dep_nut {
background: #F7F7F7;
}
@media screen and (max-width:1040px) {
.department .sec_inner {
width: 92%;
}
}
@media screen and (max-width:768px) {
.department .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:550px) {
#jump01.computed .flex figure:nth-of-type(1) {
width: 60%;
}
#jump01.computed .flex figure:nth-of-type(2) {
width: 32%;
}
#jump05.computed .flex figure:nth-of-type(1) {
width: 60%;
}
#jump05.computed .flex figure:nth-of-type(2) {
width: 32%;
}
}
@media screen and (max-width:540px) {
.dep_nurse .rinen .txt_area p {
font-size: 2.4rem;
}
}
@media screen and (max-width:415px) {
.computed .flex figure:nth-of-type(1) {
margin-right: 10px;
}
.computed .flex figure figcaption {
font-size: 1.3rem;
}
#jump02.computed .flex figure {
width: 48%;
}
.dep_pha .soudan p span {
display: block;
}
.dep_pha .flex, .dep_ins .flex {
display: block;
}
.dep_pha .flex figure, .dep_ins .flex figure, .dep_nut .flex figure {
width: 80%;
margin: 0 auto 20px;
}
.dep_pha .flex .txt_area, .dep_ins .flex .txt_area, .dep_nut .flex .txt_area {
width: auto;
}
} .network .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/network/net_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.network .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {}
@media screen and (max-width:415px) {} .variety .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/variety/var_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.variety .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {}
@media screen and (max-width:415px) {} .access .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/access/acc_mv.jpg) no-repeat;
background-size: cover;
background-position: left bottom;
}
.access .page_link .btn_link {
max-width: 230px;
}
.access .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.acc_map {
padding-bottom: 0;
}
.acc_map iframe {
width: 100%;
height: 360px;
vertical-align: top;
}
.acc_car {
padding-bottom: 0;
}
.acc_car .wrap_box {
margin-top: 50px;
margin-bottom: 60px;
}
.acc_car .box {
width: 47.5%;
}
.acc_car .box h3 {
font-weight: bold;
}
.acc_car .box h3::before {
content: '';
width: 108px;
height: 14px;
background-size: contain;
display: block;
margin-bottom: 5px;
}
.acc_car .box_fuk h3 {
color: #44BB99;
}
.acc_car .box_fuk h3::before {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/access/acc_arrow_grn.svg) no-repeat;
background-size: contain;
}
.acc_car .box_kita h3 {
color: #3C8DCD;
}
.acc_car .box_kita h3::before {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/access/acc_arrow_blu.svg) no-repeat;
background-size: contain;
}
.acc_car .box .list_num {
margin-top: 20px;
}
.acc_car .box .list_num li + li {
margin-top: 5px;
}
.acc_car .box .notice {
margin-top: 30px;
border: #999999 dotted 2px;
padding: 30px 20px 35px;
}
.acc_car .box .notice p:first-of-type {
color: #D85059;
font-weight: bold;
text-align: center;
margin-bottom: 7px;
}
.acc_car .box .notice p .bold {
font-weight: bold;
}
.acc_car .ttl_parking {
background: #79B726;
text-align: center;
font-size: 1.8rem;
padding: 5px;
color: #fff;
font-weight: bold;
}
.acc_public .box + .box {
margin-top: 60px;
}
.acc_public .box_top {
font-weight: bold;
flex-wrap: nowrap;
}
.acc_public .box_top p {
margin-right: 25px;
}
.acc_public .box_top .link_jr {
align-self: center;
white-space: nowrap;
}
.acc_public .box_top .link_jr span {
color: #234A95;
position: relative;
padding-left: 20px;
}
.acc_public .box_top .link_jr span::before {
content: '';
width: 9px;
height: 9px;
border: 0px;
border-top: solid 2px #254C93;
border-right: solid 2px #254C93;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 21%;
left: 0;
}
.acc_public .wrap_public_dl {
margin-top: 25px;
}
.acc_public .wrap_public_dl dl {
display: flex;
border: #D8D8D8 1px solid;
}
.acc_public .wrap_public_dl dl + dl {
border-top: none;
}
.acc_public .wrap_public_dl dt, .acc_public .wrap_public_dl dd {
padding: 18px 25px;
}
.acc_public .wrap_public_dl dt {
width: calc(100% - 220px);
border-right: #D8D8D8 1px solid;
}
.acc_public .wrap_public_dl dt .list_kome {
color: #234A95;
margin-top: 5px;
}
.acc_public .wrap_public_dl dd {
background: #EBF1FD;
width: 220px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.acc_public .wrap_public_dl dd a {
color: #234A95;
font-weight: bold;
text-decoration: underline;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.access .sec_top .page_mv {
background-size: 170%;
}
}
@media screen and (max-width:540px) {
.acc_map iframe {
height: 300px;
}
.acc_car .wrap_box {
margin-top: 25px;
margin-bottom: 40px;
}
.acc_car .box {
width: 100%;
}
.acc_car .box:first-of-type {
margin-bottom: 35px;
}
.acc_car .box .list_num {
margin-top: 10px;
}
.acc_car .box .notice {
margin-top: 15px;
padding: 17px 15px 20px;
}
.acc_public .box + .box {
margin-top: 35px;
}
.acc_public .box_top {
flex-wrap: wrap;
}
.acc_public .box_top p {
margin-right: 0;
width: 100%;
margin-bottom: 7px;
}
.acc_public .wrap_public_dl {
margin-top: 15px;
}
.acc_public .wrap_public_dl dl {
flex-wrap: wrap;
}
.acc_public .wrap_public_dl dt {
width: 100%;
border-right: none;
padding: 13px 15px;
}
.acc_public .wrap_public_dl dd {
width: 100%;
padding: 10px 15px;
}
}
@media screen and (max-width:415px) {} .support .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/support/sup_mv.jpg) no-repeat;
background-size: cover;
background-position: center bottom;
}
.support .page_link .btn_link {
max-width: 230px;
}
.support .sec_inner {
width: 100%;
max-width: 820px;
margin: 0 auto;
}
.sup_about .txt_area {
width: 73%;
}
.sup_about .txt_area h3 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 15px;
line-height: 2;
}
.sup_about .txt_area p + p {
margin-top: 25px;
}
.sup_about .txt_area .btn_blue {
margin-top: 35px;
width: 300px;
}
.sup_about figure {
width: 23.4%;
max-width: 192px;
}
.sup_detail {
background: #F7F7F7;
} .sup_detail dl {
display: flex;
border: #D8D8D8 1px solid;
}
.sup_detail dl + dl {
border-top: none;
}
.sup_detail dt, .sup_detail dd {
padding: 12px 25px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sup_detail dt {
width: 200px;
border-right: #D8D8D8 1px solid;
background: #F4FCDB;
}
.sup_detail dd {
width: calc(100% - 200px);
background: #fff;
}
.sup_voice .box + .box {
margin-top: 55px;
}
.sup_voice .box h3 {
font-weight: bold;
line-height: 2;
}
.sup_voice .box p {
margin-top: 5px;
}
.sup_voice .box .btn_blue {
margin-top: 25px;
width: 300px;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.support .sec_top .page_mv {
background-size: 170%;
}
}
@media screen and (max-width:540px) {
.sup_about .txt_area {
width: 100%;
}
.sup_about .txt_area h3 {
margin-bottom: 10px;
}
.sup_about .txt_area p + p {
margin-top: 15px;
}
.sup_about .txt_area .btn_blue {
margin: 25px auto 30px;
}
.sup_about figure {
width: 100%;
max-width: 130px;
margin: 0 auto;
}
.sup_detail dl {
flex-wrap: wrap;
}
.sup_detail dt {
width: 100%;
border-right: none;
padding: 10px 15px;
font-weight: bold;
}
.sup_detail dd {
width: 100%;
padding: 13px 15px;
}
.sup_voice .box + .box {
margin-top: 35px;
}
.sup_voice .box .btn_blue {
margin: 20px auto 0;
}
}
@media screen and (max-width:415px) {} .privacy .sec_top .page_mv,
.medical-record .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/privacy/pri_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
background-position: left bottom;
}
.privacy .page_link .btn_link {
max-width: 280px;
}
.privacy_rules {
background: #F7F7F7;
}
.pri_privacy .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.pri_privacy .box {
margin-top: 40px;
}
.pri_privacy .box li {
line-height: 2;
}
.pri_privacy .box h3 {
font-size: 1.8rem;
font-weight: bold;
}
.pri_privacy .box .txt_area {
padding-left: 1.7rem;
margin-top: 7px;
}
.pri_privacy .box .txt_area > p + ul {
margin-top: 5px;
}
.pri_privacy .box:first-of-type ul.list_num > li {
padding-left: 4rem;
}
.pri_privacy .box:first-of-type ul.list_num > li + li {
margin-top: 35px;
}
.pri_privacy .box:first-of-type ul.list_num > li:first-of-type::before {
content: '（1）';
}
.pri_privacy .box:first-of-type ul.list_num > li:nth-of-type(2)::before {
content: '（2）';
}
.pri_privacy .box:first-of-type ul.list_num > li:nth-of-type(3)::before {
content: '（3）';
}
.pri_privacy .box:first-of-type ul.list_num > li:nth-of-type(4)::before {
content: '（4）';
}
.pri_privacy .box:first-of-type ul.list_num > li:nth-of-type(5)::before {
content: '（5）';
}
.pri_privacy .box:first-of-type ul.list_num > li:nth-of-type(6)::before {
content: '（6）';
}
.pri_privacy .box:first-of-type ul.list_num > li:nth-of-type(7)::before {
content: '（7）';
}
.pri_privacy .box:first-of-type ul.list_num > li:nth-of-type(8)::before {
content: '（8）';
}
.pri_privacy .t_right {
text-align: right;
margin-top: 40px;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.privacy .sec_top .page_mv,
.medical-record .sec_top .page_mv {
background-size: 170%;
}
}
@media screen and (max-width:540px) {
.pri_privacy .box {
margin-top: 25px;
}
.pri_privacy .box h3 {
font-size: 1.7rem;
}
.pri_privacy .box .txt_area {
padding-left: 1.5rem;
margin-top: 5px;
}
.pri_privacy .box .txt_area > p + ul {
margin-top: 3px;
}
.pri_privacy .box:first-of-type ul.list_num > li + li {
margin-top: 20px;
}
.pri_privacy .t_right {
margin-top: 25px;
}
}
@media screen and (max-width:415px) {} .indicators .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/privacy/pri_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
background-position: left bottom;
}
.ind_about .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.ind_about .box {
margin-top: 40px;
}
.ind_about .box .txt_area {
padding-left: 1.7rem;
margin-top: 7px;
}
.ind_about .box h3 {
font-size: 1.8rem;
font-weight: bold;
}
.ind_about .box ul.list_num {
margin:10px 0;
}
.ind_about .link_txt span {
color: #234A95;
position: relative;
padding-left: 20px;
}
.ind_about .link_txt span::before {
content: '';
width: 9px;
height: 9px;
border: 0px;
border-top: solid 2px #254C93;
border-right: solid 2px #254C93;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 21%;
left: 0;
} .medical-record .each_item {
margin-top: 40px;
}
.medical-record .each_item:first-of-type {
margin-top: 2em;
}
.medical-record .each_item h3 {
font-weight: 700;
}
.medical-record .each_item p,
.medical-record .each_item ol,
.medical-record .each_item table,
.medical-record .each_item dl {
margin-left: 1em;
}
.medical-record .each_item ul.list_num {
margin-left: .5em;
}
.medical-record .each_item ul.list_num > li {
padding-left: 4rem;
}
.medical-record .each_item ul.list_num > li:first-of-type::before {
content: "（1）";
}
.medical-record .each_item ul.list_num > li:nth-of-type(2)::before {
content: "（2）";
}
.medical-record .each_item ul.list_num > li:nth-of-type(3)::before {
content: "（3）";
}
.medical-record .each_item ul.list_num > li:nth-of-type(4)::before {
content: "（4）";
}
.medical-record .each_item ul.list_num > li:nth-of-type(5)::before {
content: "（5）";
}
.medical-record .each_item ul.list_num > li:nth-of-type(6)::before {
content: "（6）";
}
.medical-record .sec_about ul:not(.dot):not(.list_num),
.medical-record .sec_about ol {
margin-left: 2.2em;
} .medical-record .sec_about .item01 ul {
margin-top: 1em;
}
.medical-record .sec_about .item02 ul:not(.dot) {
margin-bottom: 1em;
margin-left: 3em;
} .medical-record .sec_about .table01 tbody th {
text-align: left;
}
.medical-record .sec_about .item02 tbody th {
white-space: nowrap;
} .medical-record .sec_about .table01 caption {
caption-side: bottom;
padding-left: 3.5em;
text-align: left;
}
.medical-record .sec_about .table01 caption span {
display: inline-block;
text-indent: -3.5em;
}
.medical-record .sec_about .item04 dl {
margin-bottom: 1em;
}
.medical-record .sec_about .item04 dl div {
display: flex;
column-gap: 1em;
}
.medical-record .sec_about .item04 dl div dt { width: 3em;
} .medical-record .sec_about .item04 dl div dd {
width: calc(100% - 4em);
}
.medical-record .sec_about .item04 dl div dd .br2 {
margin-bottom: 1em;
}
.medical-record .sec_about .item04 table {
margin-top: 1em;
}
.medical-record .sec_about .item04 table tbody th {
text-align: center;
}
.medical-record .sec_about .item04 ul li span {
display: inline-block;
}
.medical-record .sec_about .item04 ul.list_kome {
margin-left: 3em;
}
.medical-record .sec_price h3 {
margin-bottom: 1em;
}
.medical-record .sec_price .table01 th {
width: 60%;
text-align: left;
vertical-align: top;
}
.medical-record .sec_price .table01 td span {
display: inline-block;
}
.medical-record .sec_price ul {
display: flex;
justify-content: center;
gap: 20px;
margin: 80px 0 0;
}
.medical-record p.effective_date {
margin-top: 2em;
font-size: 1.5rem;
text-align: right;
}
@media screen and (max-width: 1040px) {
.medical-record .inner960 {
padding-right: 1em;
}
}
@media screen and (max-width: 540px) {
.medical-record .sec_about .item04 dl div {
display: block;
}
.medical-record .sec_about .item04 dl div:not(:last-of-type) {
margin-bottom: 1em;
}
.medical-record .sec_about .item04 dl div dt,
.medical-record .sec_about .item04 dl div dd {
width: 100%;
}
.medical-record .sec_about .item04 dl div dd {
padding-left: 1em;
}
.medical-record .sec_price ul {
flex-direction: column;
align-items: center;
}
} .news .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/news/new_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.archive .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.archive .post_excerpt {
border-bottom: #DDDDDD 1px solid;
padding: 30px 10px;
}
.archive .post_excerpt:first-of-type {
padding-top: 0;
}
.archive .post_excerpt .top {
display: flex;
align-items: center;
margin-bottom: 15px;
flex-wrap: wrap;
}
.archive .post_excerpt .top .date {
margin-right: 15px;
}
.archive .post_excerpt .top .cat {
font-size: 1.1rem;
margin-right: 20px;
color: #fff;
min-width: 60px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
}
.archive .post_excerpt .top .cat01 {
background: #6384CB;
}
.archive .post_excerpt .top .cat02 {
background: #E2626C;
}
.archive .post_excerpt .top h2 {
font-size: 2rem;
color: #234A95;
font-weight: bold;
width: calc(100% - 180px);
}
.archive .post_excerpt .top + p {
line-height: 2;
} .archive .pager ,
.quarterly .pager,
.magazine .pager{
font-size: 0;
text-align: center;
margin: 70px 0;
font-weight: 400;
}
.archive .pager span, .archive .pager a,
.magazine .pager span, .magazine .pager a,
.quarterly .pager span, .quarterly .pager a{
font-size: 1.8rem;
font-weight: 500;
background: #ffffff;
border: #234A95 1px solid;
padding: 1px 13px 0 13px;
display: inline-block;
height: 40px;
margin: 0 7px 0 0;
color: #234A95;
}
.archive .pager .current,
.magazine .pager .current,
.quarterly .pager .current{
background: #234A95;
color: #fff;
}
.single {
padding-top: 15px;
}
.single .top {
width: 100%;
max-width: 920px;
margin: 0 auto;
display: flex;
align-items: center;
}
.single .top .date {
margin-right: 15px;
}
.single .top .cat {
font-size: 1.1rem;
margin-right: 20px;
color: #fff;
min-width: 60px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
}
.single .top .cat01 {
background: #6384CB;
}
.single .top .cat02 {
background: #E2626C;
}
.single .sec_inner {
width: 100%;
max-width: 800px;
margin: 65px auto 0;
}
.single img {
width: auto;
}
.single p sup {
font: revert;
vertical-align: revert;
}
.post-area p {
margin: 25px 0;
}
.post-area figure.aligncenter {
text-align: center;
}
.post-area img {
padding: 10px;
max-width: fit-content;
}
.single .pager {
display: flex;
justify-content: space-around;
margin: 100px 0;
background: #F7F7F7;
flex-wrap: wrap;
}
.single .pager li {
list-style: none;
width: calc((100% - 140px)/ 2);
display: flex;
}
.single .pager li.cat {
width: 140px;
}
.single .pager li a {
width: 100%;
position: relative;
color: #234A95;
display: flex;
align-items: center;
line-height: 1.5;
padding: 10px 0;
min-height: 80px;
}
.single .pager li.cat a {
justify-content: center;
}
.single .pager li.next-left a {
padding-left: 65px;
padding-right: 30px;
}
.single .pager li.next-right a {
padding-left: 30px;
padding-right: 65px;
justify-content: flex-end;
}
.single .pager li a:before {
content: '';
width: 14px;
height: 14px;
border: 0px;
border-top: solid 2px #5978C2;
border-right: solid 2px #5978C2;
position: absolute;
top: 45%;
margin-top: -4px;
}
.single .pager li.next-left a:before {
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
left: 40px;
}
.single .pager li.next-right a:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 40px;
}
.single .pager li.cat a::before {
content: none;
} .news .post-area ul,
.news .post-area ol{
margin-left: 20px;
}
.news .post-area img {
max-width: 100%!important;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.news .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
.single .pager li.next-left a {
padding-left: 35px;
padding-right: 5px;
}
.single .pager li.next-right a {
padding-left: 5px;
padding-right: 35px;
}
.single .pager li.next-left a:before {
left: 16px;
}
.single .pager li.next-right a:before {
right: 16px;
}
}
@media screen and (max-width:540px) {
.archive .post_excerpt {
padding: 15px 10px;
}
.archive .post_excerpt .top {
margin-bottom: 7px;
}
.archive .post_excerpt .top h2 {
width: 100%;
margin-top: 3px;
}
.archive .pager {
margin: 45px 0 60px;
}
.single .sec_inner {
margin: 20px auto 0;
}
.post-area p {
margin: 18px 0;
}
.single .pager {
margin: 50px 0 60px;
}
.single .pager li {
width: 100%;
}
.single .pager li a {
min-height: 45px;
}
.single .pager li.next-left a {
padding: 15px 20px 15px 35px;
}
.single .pager li.next-right a {
padding: 15px 35px 15px 20px;
}
.single .pager li.cat a {
font-weight: bold;
}
}
@media screen and (max-width:415px) {} .search .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/search/sea_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.search .sec_inner {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.search .search_excerpt {
border-bottom: #DDDDDD 1px solid;
padding: 30px 10px;
}
.search .search_excerpt:first-of-type {
padding-top: 0;
}
.search .search_excerpt h2 {
font-size: 2rem;
color: #234A95;
font-weight: bold;
margin-bottom: 10px;
}
.search .search_excerpt p {
line-height: 2;
} .search .pager {
font-size: 0;
text-align: center;
margin: 70px 0;
font-weight: 400;
}
.search .pager span, .search .pager a {
font-size: 1.8rem;
font-weight: 500;
background: #ffffff;
border: #234A95 1px solid;
padding: 1px 13px 0 13px;
display: inline-block;
height: 40px;
margin: 0 7px 0 0;
color: #234A95;
}
.search .pager .current {
background: #234A95;
color: #fff;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.search .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {
.search .search_excerpt {
padding: 15px 10px;
}
.search .search_excerpt h2 {
margin-bottom: 5px;
}
.search .pager {
margin: 45px 0 60px;
}
} .error404 .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/error404/err_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.sec_404{
text-align:center;
}
.sec_404 p{
font-size:1.7rem;
}
.sec_404 .btn_blue{
margin:60px auto 0;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.error404 .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {}
@media screen and (max-width:415px) {} .sitemap .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/sitemap/sit_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width:1040px) {}
@media screen and (max-width:768px) {
.sitemap .sec_top .page_mv {
background-size: 170%;
background-position: right 40% bottom;
}
}
@media screen and (max-width:540px) {}
@media screen and (max-width:415px) {}  .shoulder footer{
margin-top: 0;
}
.shoulder .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/shoulder/sho_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.shoulder .sec_inner{
max-width: 800px;
margin: 0 auto;
}
.shoulder_treatment .flex{
flex-wrap: nowrap;
gap: 0 34px;
}
.shoulder_treatment .flex .figure{
width: 100%;
max-width: 190px;
flex-shrink: 0;
}
.shoulder_treatment .flex figure figcaption{
padding-top: 2px;
text-align: center;
}
.shoulder_treatment .sho_leaflet{
border:1px solid #79B726;
padding: 20px;
width: 100%;
max-width: 600px;
margin: 50px auto 0;
}
.shoulder_treatment .sho_leaflet .flex > a{
width: 100%;
max-width: 146px;
flex-shrink: 0;
}
.shoulder_treatment .sho_leaflet .flex > a figcaption{
font-size: 1.4rem;
}
.shoulder_treatment .sho_leaflet h3{
font-size: 2rem;
color: #E38235;
margin-bottom: 20px;
font-weight: bold;
}
.shoulder_treatment .sho_leaflet .contactAdd{
color: #234A95;
margin-top: 20px;
font-weight: bold;
}
.shoulder_treatment .sho_leaflet .contactAdd a {
font-size: 2.8rem;
color: #234A95;
line-height: 1.1;
}
.shoulder_treatment .sho_leaflet .contactAdd a span {
font-size: 1.6rem;
vertical-align: middle;
}
.shoulder_procedure.page_sec{
padding-bottom: 80px;
background: #F7F7F7;
}
.shoulder_procedure .flow{
flex-wrap: nowrap;
gap: 26px;
}
.shoulder_procedure .flow li{
position: relative;
width: calc(100%/4);
height: 100px;
font-size: 2.0rem;
font-weight: bold;
color: #234A95;
text-align: center;
line-height: 1.5;
vertical-align: middle;
background-color: #fff;
border: 1px #6384CB solid;
}
.shoulder_procedure .flow li::after{
position: absolute;
top: 50%;
right: -21px;
content: '';
width: 12px;
height: 25px;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/shoulder/sho_arrow.svg) center center no-repeat;
background-size: contain;
transform: translateY(-50%);
}
.shoulder_procedure .flow li:last-child:after{
content: none;
}
.shoulder_procedure .flow li p{
position: relative;
top: 50%;
transform: translateY(-50%);
}
.shoulder_procedure .flow li span{
display: block;
font-size: 1.3rem;
font-weight: normal;
color: #222222;
}
.shoulder_procedure .step{
flex-wrap: nowrap;
gap: 0 20px;
margin-top: 40px;
}
.shoulder_procedure .step:first-of-type{
margin-top: 55px;
}
.shoulder_procedure .step .num{
width: 100%;
max-width: 100px;
height: 30px;
flex-shrink: 0;
line-height: 30px;
text-align: center;
font-weight: bold;
color: #fff;
background-color: #6384CB;
}
.shoulder_procedure .step .txt_area .sec_ttl{
margin-bottom: 0;
}
.shoulder_case .case{
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0 20px;
margin-top: 40px;
}
.shoulder_case .case .ttl_border{
max-width: 220px;
}
.shoulder_case .case .txt_area .photo-01{
max-width: 328px;
}
.shoulder_case .case .txt_area .photo-02{
max-width: 198px;
margin-bottom: 40px;
}
.shoulder_case .case .txt_area .photo-03{
max-width: 352px;
}
.shoulder_case .case .txt_area .photo-04{
max-width: 221px;
}
.shoulder_case .txt_blue{
margin-top: 60px;
}
.shoulder_team.page_sec{
padding-bottom: 100px;
background: #F7F7F7;
}
.shoulder_team .sec_photo{
width: 100%;
max-width: 441px;
margin: 20px auto 60px;
}
@media screen and (max-width:768px) {
.shoulder_procedure .flow{
flex-wrap: wrap;
}
.shoulder_procedure .flow li{
width: 100%;
height: 80px;
}
.shoulder_procedure .flow li::after{
top: inherit;
right: inherit;
bottom: -28px;
left: 50%;
transform: rotate(90deg) translateX(0) translateY(5px);
}
.shoulder_case .case{
flex-wrap: wrap;
}
}
@media screen and (max-width:540px) {
.shoulder_treatment .flex{
flex-wrap: wrap;
justify-content: center;
gap: 0 34px;
}
.shoulder_treatment .flex .figure{
margin-bottom: 10px;
}
.shoulder_treatment .sho_leaflet .contactAdd {
text-align: center;
}
.shoulder_procedure.page_sec{
padding-bottom: 50px;
}
.shoulder_procedure .step{
flex-wrap: wrap;
}
.shoulder_procedure .step .num{
max-width: 100%;
height: 40px;
margin-bottom: 15px;
line-height: 40px;
}
.shoulder_case .case{
flex-wrap: wrap;
}
.shoulder_case .case .txt_area .sec_photo{
margin: 10px auto 20px;
}
.shoulder_case .txt_blue{
margin-top: 20px;
}
.shoulder_team.page_sec{
padding-bottom: 50px;
}
} .stroke footer{
margin-top: 0;
}
.stroke .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/stroke/str_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.stroke .sec_inner{
max-width: 800px;
margin: 0 auto;
}
.stroke_treatment .classification{
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.stroke_treatment .classification:first-of-type{
margin-top: 60px;
}
.stroke_treatment .classification .classification_num{
display: inline-block;
width: 100%;
max-width: 100px;
height: 30px;
line-height: 30px;
margin-right: 20px;
font-weight: bold;
text-align: center;
color: #FDF4F4;
background-color: #6384CB;
}
.stroke_treatment .classification + .txt_area{
margin-top: 60px;
}
.stroke_treatment .classification .classification_txt{
font-size: 2.0rem;
font-weight: bold;
color: #234A95;
list-style: none;
}
.stroke_treatment .fast{
margin-top: 60px;
}
.stroke_treatment .fast .head{
height: 46px;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
color: #fff;
line-height: 46px;
background-color: #CA232C;
}
.stroke_treatment .fast .ttl{
width: 100%;
max-width: 285px;
margin: 15px auto;
}
.stroke_treatment .fast .figure{
flex-wrap: nowrap;
width: 100%;
gap: 0 20px;
}
.stroke_treatment .fast .figure p{
flex-shrink: 1;
max-width: calc(100%/4);
}
.stroke_treatment .str_leaflet{
border:1px solid #79B726;
padding: 20px;
width: 100%;
max-width: 600px;
margin: 50px auto 0;
}
.stroke_treatment .str_leaflet .flex > a{
width: 100%;
max-width: 146px;
flex-shrink: 0;
}
.stroke_treatment .str_leaflet .flex > a figcaption{
font-size: 1.4rem;
}
.stroke_treatment .str_leaflet .txt_area{
width: 67%;
}
.stroke_treatment .str_leaflet .txt_area h3{
font-size: 2rem;
color: #E38235;
font-weight: bold;
}
.stroke_treatment .str_leaflet .txt_area p.bold + p{
margin-top: 10px;
}
.stroke_treatment .str_leaflet .contactAdd{
color: #234A95;
margin-top: 10px;
font-weight: bold;
}
.stroke_treatment .str_leaflet .contactAdd a {
font-size: 2.8rem;
color: #234A95;
line-height: 1.1;
}
.stroke_treatment .str_leaflet .contactAdd a span {
font-size: 1.6rem;
vertical-align: middle;
}
.stroke_treatment .fast .txt_area{
display: flex;
justify-content: center;
margin-top: 60px;
padding: 28px 40px;
background-color: #EBF1FD;
}
.stroke_treatment .fast .txt_area p{
font-size: 2.0rem;
font-weight: bold;
color: #234A95;
}
.stroke_treatment .stroke_treatment_txt{
margin-top: 60px;
}
.stroke_procedure.page_sec{
padding-bottom: 80px;
background: #F7F7F7;
}
.stroke_procedure .case{
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0 20px;
margin-top: 40px;
}
.stroke_procedure .case .ttl_border{
max-width: 90px;
}
.stroke_procedure .case .box{
width: 100%;
flex-shrink: 1;
}
.stroke_procedure .case .box .photo{
width: 100%;
margin-top: 20px;
}
.stroke_procedure .case .box .photo-01{
max-width: 225px;
}
.stroke_procedure .case .box .photo-02{
max-width: 225px;
}
.stroke_procedure .case .box .photo-03{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.stroke_procedure .case .box .photo-03 img{
display: block;
flex-shrink: 0;
width: auto;
height: 100%;
max-height: 203px;
}
.stroke_procedure .txt_blue{
margin-top: 60px;
}
.stroke_rehabilitation .flow .sec_ttl{
margin: 60px 0 30px;
}
.stroke_rehabilitation .flow .hospitalization,
.stroke_rehabilitation .flow .discharge{
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0 30px;
}
.stroke_rehabilitation .flow .flow_head{
position: relative;
flex-shrink: 0;
position: relative;
width: 50px;
text-align: center;
}
.stroke_rehabilitation .flow .flow_head_txt{
position: relative;
top: 50%;
font-size: 2.0rem;
font-weight: bold;
transform: translateY(-50%);
writing-mode: vertical-rl;
margin-left: 10px;
}
.stroke_rehabilitation .flow_box_txt{
position: relative;
margin-bottom: 40px;
}
.stroke_rehabilitation .flow_box_txt:last-of-type{
margin-bottom: 0;
}
.stroke_rehabilitation .flow_box_txt01:after{
display: block;
position: absolute;
top: -14px;
right: 0;
content: '';
width: 245px;
height: 217px;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/stroke/coo_reha01.png) center center no-repeat;
background-size: contain;
z-index: 1;
}
.stroke_rehabilitation .flow_box_txt01 .list_square{
max-width: 410px;
}
.stroke_rehabilitation .flow_box_txt02:after{
display: block;
position: absolute;
bottom: 0;
right: 0;
content: '';
width: 106px;
height: 107px;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/stroke/coo_reha02.png) center center no-repeat;
background-size: contain;
z-index: 1;
}
.stroke_rehabilitation .flow_box_txt02 .list_square{
max-width: 582px;
}
.stroke_rehabilitation .ttl_border{
max-width: 300px;
}
.stroke_rehabilitation .wrap_list_kome{
margin-top: 0.5em;
}
.stroke_rehabilitation .flow .hospitalization .flow_head{
background-color: #d2e0fd;
}
.stroke_rehabilitation .flow .hospitalization .flow_head::after{
position: absolute;
bottom: -30px;
left: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #d2e0fd transparent transparent transparent;
}
.stroke_rehabilitation .flow .hospitalization .flow_head .flow_head_txt{
color: #234A95;
}
.stroke_rehabilitation .flow .discharge{
margin-top: 45px;
}
.stroke_rehabilitation .flow .discharge .flow_head .flow_head_txt{
color: #fff;
}
.stroke_rehabilitation .flow .discharge .flow_head{
background-color: #6384CB;
}
.stroke .bg_gray.page_sec{
padding-bottom: 80px;
background: #F7F7F7;
}
@media screen and (max-width:1040px) {
.stroke_procedure .case .box .photo-03 img{
max-height: 185px;
}
}
@media screen and (max-width:768px) {
.stroke_treatment .classification .classification_num{
max-width: 100%;
height: 40px;
margin-right:0;
margin-bottom: 10px;
line-height: 40px;
}
.stroke_treatment .classification .classification_txt{
font-size: 1.8rem;
}
.stroke_treatment .fast .txt_area{
padding: 3rem 2rem;
}
.stroke_procedure .case{
flex-wrap: wrap;
}
.stroke_procedure .case .box .photo-03 img{
max-height: 27vw;
}
.stroke_rehabilitation .flow_box_txt01:after{
top: 0;
max-width: 36%;
}
.stroke_rehabilitation .flow_box_txt01 .list_square{
max-width: 60%;
}
.stroke_rehabilitation .flow_box_txt02:after{
max-width: 18%;
}
.stroke_rehabilitation .flow_box_txt02 .list_square{
max-width: 78%;
}
}
@media screen and (max-width:540px) {
.stroke_treatment .classification:first-of-type{
margin-top: 40px;
}
.stroke_treatment .classification + .txt{
margin-top: 40px;
}
.stroke_treatment .fast {
margin-top: 40px;
}
.stroke_treatment .fast .title{
max-width: 50%;
}
.stroke_treatment .fast .figure{
flex-wrap: wrap;
justify-content: space-between;
gap: 0;
padding: 0 20px;
}
.stroke_treatment .fast .figure p{
max-width: 47%;
margin-bottom: 20px;
}
.stroke_treatment .fast .figure p:nth-last-of-type(2),
.stroke_treatment .fast .figure p:last-of-type{
margin-bottom: 0;
}
.stroke_treatment .fast .txt{
margin-top: 40px;
}
.stroke_treatment .fast .txt p{
font-size: 1.6rem;
}
.stroke_treatment .str_leaflet .flex {
flex-wrap: wrap;
justify-content: center;
gap: 0 34px;
}
.stroke_treatment .str_leaflet .txt_area {
width: auto;
}
.stroke_treatment .str_leaflet .contactAdd {
text-align: center;
}
.stroke_treatment .stroke_treatment_txt{
margin-top: 40px;
}
.stroke_procedure .case .box .photo{
margin: 20px auto 0;
}
.stroke_procedure .case .box .photo-01,
.stroke_procedure .case .box .photo-02{
max-width: 50%;
}
.stroke_procedure .case .box .photo-03{
margin-bottom: 20px;
}
.stroke_rehabilitation .flow .sec_ttl{
margin: 40px 0 20px;
}
.stroke_rehabilitation .flow .hospitalization{
gap: 0 15px;
}
.stroke_rehabilitation .flow_box_txt02:after{
max-width: 18%;
}
.stroke_rehabilitation .flow_box_txt02 .list_square{
max-width: 100%;
}
.stroke_rehabilitation .flow_box_txt01:after{
top: inherit;
bottom: -10%;
max-width: 36%;
background-position: center bottom;
}
.stroke_rehabilitation .flow_box_txt01 .list_square{
max-width: 100%;
padding-bottom: 25%;
}
.stroke_rehabilitation .flow_box_txt02:after{
max-width: 20%;
bottom: -10%;
background-position: center bottom;
}
.stroke_rehabilitation .flow_box_txt02 .list_square{
max-width: 100%;
padding-bottom: 12%;
}
.stroke .bg_gray.page_sec{
padding-bottom: 50px;
}
} .home-nursing .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/home-nursing/h-nurs_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.h-nurs_whatis .inner {
width: 800px;
}
.h-nurs_whatis .sec_ttl {
margin-bottom: 60px;
}
.h-nurs_whatis .box .txt_area {
width: 60%;
box-sizing: border-box;
}
.h-nurs_whatis .box .txt_area h3 {
font-size: 2rem;
font-weight: bold;
margin: 30px 0 10px;
}
.h-nurs_whatis .box .txt_area .area {
font-weight: bold;
padding: 16px 0;
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
line-height: 1.5;
}
.h-nurs_whatis .box .photo_area {
width: 35.5%;
}
.h-nurs_service{
background-color: #FAFAFA;
}
.h-nurs_service .inner {
width: 800px;
}
.h-nurs_service .inner .sec_ttl{
margin-top: 50px;
}
.h-nurs_price .inner {
width: 800px;
}
.h-nurs_price .inner .sec_ttl{
margin-top: 50px;
}
.h-nurs_price .inner .sec_inner{
border: 1px solid #6EAE22;
padding: 30px;
margin-top: 50px;
}
.h-nurs_price .inner .sec_inner h3{
margin-top: 0;
}
.h-nurs_consultation{
background-color: #FAFAFA;
padding-bottom: 120px!important;
}
.h-nurs_consultation h3{
font-size: 2rem;
color: #79B726;
font-weight: bold;
margin: 38px 0 20px 0;
}
.h-nurs_consultation .table02 td {
background-color: #fff;
}
.home-nursing footer{
margin-top: 0;
} .cooperation .sec_top .page_mv {
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/cooperation/coo_mv.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.cooperation .page_link .btn_link {
max-width: 220px;
}
.cooperation .page_link .btn_link:nth-of-type(2) {
max-width: 320px;
}
.cooperation .sec_inner{
max-width: 800px;
margin: 0 auto;
}
.cooperation_neighbor .sec_catch{
margin-top: 0;
}
.cooperation_neighbor .box{ margin: 50px 0;
background-color: #FAFAFA;
}
.cooperation_neighbor .box .txt_area{
flex-shrink: 1;
padding: 30px 20px 20px 30px;
box-sizing: border-box;
white-space: nowrap;
width: 300px;
margin: 0 auto;
}
.cooperation_neighbor .box .txt_area .ttl{
margin-bottom: 0.5em;
font-size: 2.0rem;
font-weight: bold;
}
.cooperation_neighbor .box .photo_area{
flex-shrink: 0;
max-width: 500px;
}
.cooperation_neighbor .table02{
margin: 40px 0 50px;
}
.cooperation_neighbor .cooperation_txt + .cooperation_txt{
margin-top: 50px;
}
.cooperation_neighbor .cooperation_txt .table02{
margin: 20px 0 0;
}
.cooperation_institutions{
padding-bottom: 80px;
background-color: #FAFAFA
}
.cooperation_institutions .sec_inner{
max-width: 660px;
}
.cooperation_institutions .sec_catch{
margin: 0 0 30px;
}
.cooperation_institutions .institutions_txt + .institutions_txt{
margin-top: 60px;
}
.cooperation_institutions .institutions_txt .list_square li + li{
margin-top: 40px;
}
.cooperation_institutions .institutions_txt .btn{
margin-top: 10px;
}
.cooperation_hospitalization .figure_area{
margin-top: 60px;
}
.cooperation_hospitalization .figure_area figure{
width: 30.3%;
max-width: 243px;
}
.cooperation_hospitalization .list_check {
font-weight: bold;
line-height: 2;
}
.cooperation_hospitalization .list_check li{
position: relative;
padding-left: 28px;
}
.cooperation_hospitalization .list_check li::before{
content: '';
width: 24px;
height: 21px;
background: url(//www.hachisuga.jp/new-site/wp-content/themes/hachisuga/images/rehabilitation/icon_check.svg) no-repeat;
background-size: contain;
display: block;
position: absolute;
top: 2px;
left: 0;
}
.cooperation_hospitalization .list_check li + li{
margin-top: 8px;
}
.cooperation_hospitalization .wrap_list_check{
display: flex;
justify-content: center;
margin-top: 55px
}
.cooperation_hospitalization .wrap_list_check .list_check{
max-width: 690px;
}
.cooperation_hospitalization .flow {
width: 100%;
max-width: 800px;
margin: 60px auto 0;
padding: 40px 50px 65px;
background-color: #FAFAFA;
box-sizing: border-box;
}
.cooperation_hospitalization .box_flow:first-of-type {
margin-top: 30px;
}
.cooperation_hospitalization .box_flow {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 26px 45px;
background: #fff;
border: 1px #D8D8D8 solid;
}
.cooperation_hospitalization .box_flow_txt .ttl{
font-size: 2.0rem;
font-weight: bold;
text-align: center;
color: #234A95;
}
.cooperation_hospitalization .box_flow .list_kome .txt_blue{
font-weight: normal !important;
}
.cooperation_hospitalization .box_flow .txt_blue + p{
margin-top: 4px;
}
.cooperation_hospitalization .box_flow:not(:last-of-type){
margin-bottom: 70px;
}
.cooperation_hospitalization .box_flow:not(:last-of-type)::after {
position: absolute;
bottom: -24px;
left: 50%;
content: '';
width: 0;
height: 0;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 30px solid #a1b7e6;
transform: translateX(-50%) translateY(100%);
}
.cooperation_hospitalization .sec_inner .btn a {
margin: 40px auto 0;
}
@media screen and (max-width:768px) {
.cooperation .page_link .btn_link:nth-of-type(2) {
max-width: 220px;
}
.cooperation_neighbor .txt01{
font-size: 1.8rem;
}
.cooperation_neighbor .box{
margin-top: 40px;
}
.cooperation_neighbor .box .txt_area{
padding: 20px;
}
.cooperation_neighbor .box .txt_area .ttl{
font-size: 1.6rem;
}
.cooperation_neighbor .box .txt_area p{
font-size: 1.3rem;
letter-spacing: -0.05em;
line-height: 1.8;
}
.cooperation_neighbor .box .photo_area{
flex-shrink: 1;
}
.cooperation_hospitalization .figure_area {
justify-content: center;
}
.cooperation_hospitalization .figure_area figure {
width: 31.5%;
min-width: 180px;
margin: 1% 2%;
}
.cooperation_hospitalization .flow {
padding: 40px 20px;
}
}
@media screen and (max-width:540px) {
.cooperation .page_link .btn_link{
font-size: 1.3rem;
}
.cooperation_neighbor .img_area{
flex-wrap: wrap;
margin: 40px 0;
}
.cooperation_neighbor .img_area .txt{
order: 2;
width: 100%;
padding: 20px 30px;
}
.cooperation_neighbor .img_area .txt .ttl{
font-size: 1.8rem;
}
.cooperation_neighbor .img_area .txt p{
font-size: inherit;
}
.cooperation_neighbor .img_area .photo{
order: 1;
width: 100%;
}
.cooperation_institutions .institutions_txt + .institutions_txt{
margin-top: 40px;
}
.cooperation_hospitalization .figure_area{
margin-top: 30px;
}
.cooperation_hospitalization .figure_area figure {
width: 45.5%;
min-width: auto;
margin: 1% 2%;
}
.cooperation_hospitalization .list_check li + li{
margin-top: 6px;
}
.cooperation_hospitalization .wrap_list_check{
margin-top: 30px
}
.cooperation_hospitalization .list_check li::before{
top: 3px;
width: 19px;
height: 17px;
}
.cooperation_hospitalization .flow {
margin: 40px auto 0;
padding: 40px 20px;
}
.cooperation_hospitalization .box_flow:first-of-type {
margin-top: 10px;
}
.cooperation_hospitalization .box_flow {
padding: 10px 25px;
}
.cooperation_hospitalization .box_flow_txt .ttl{
font-size: 1.8rem;
}
.cooperation_hospitalization .box_flow:not(:last-of-type){
margin-bottom: 55px;
}
.cooperation_hospitalization .box_flow:not(:last-of-type)::after {
border-right: 40px solid transparent;
border-left: 40px solid transparent;
border-top: 25px solid #a1b7e6;
bottom: -15px;
}
} .specialty-contact{
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 40px 60px 50px;
background-color: #fff;
border-top: 3px #D2202B solid;
}
.specialty-contact .ttl{
margin-bottom: 20px;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.specialty-contact .txt{
text-align: center;
color: #234A95;
}
.specialty-contact .txt .tel{
margin: 5px 0 10px;
font-size: 3.5rem;
font-weight: bold;
text-indent: 0.1em;
line-height: 1;
color: #234A95;
}
.specialty-contact .txt .tel span{
font-size: 2.0rem;
font-weight: bold;
}
.specialty-contact .txt .btn_tel{
display: none;
}
.specialty-contact .wrap_list_kome{
display: flex;
justify-content: center;
font-size: 1.4rem;
}
.specialty-contact .btn{
display: flex;
justify-content: center;
gap: 0 40px;
margin-top: 30px;
}
@media screen and (max-width:540px) {
.specialty-contact{
padding: 25px 20px 25px;
}
.specialty-contact .ttl{
margin-bottom: 15px;
}
.specialty-contact .wrap_list_kome{
font-size: 1.2rem;
}
.specialty-contact .btn{
gap: 0 20px;
}
.specialty-contact .btn_blue,
.specialty-contact .btn_red{
width: 50%;
}
.specialty-contact .txt .btn_tel {
display: block;
width: 130px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 10px;
color: #fff;
background: #234A95;
border-radius: 4px;
font-weight: bold;
font-size: 1.4rem;
}
.specialty-contact .txt .btn_tel img {
width: 17px;
height: auto;
margin-right: 9.5px;
align-self: center;
padding-bottom: 2px;
}
} .table02 {
width: 100%;
}
.table02 table{
max-width: 680px;
margin: 0 auto;
border-collapse: collapse;
}
.table02 th, .table02 td {
border: solid 1px #D8D8D8;
padding: 16px 15px;
vertical-align: middle;
min-height: 65px;
}
.table02 th {
font-weight: normal;
background: #F4FCDB;
line-height: 1.5;
white-space: nowrap;
}
.table02 td {
line-height: 1.5;
}
@media screen and (max-width:540px) {
.table02 table{
border-top: solid 1px #D8D8D8;
border-bottom: solid 1px #D8D8D8;
}
.table02 th, .table02 td {
display: block;
width: 100%;
padding: 16px 20px;
min-height: inherit;
border-bottom: none;
}
.table02 tr:first-child th{
border-top: none;
}
} .btn_red{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
align-self: flex-start;
width: 240px;
min-height: 50px;
padding: 8px 8px 8px 42px;
line-height: 1.4;
color: #D2202B;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
background: #FFF2F3;
border-radius: 6px;
}
.btn_red::before{
position: absolute;
top: 50%;
left: 20px;
display: block;
content: '';
width: 12px;
height: 12px;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/common/icon_arrow_red.svg) no-repeat;
background-size: contain;
background-position: center;
transform: translateY(-50%);
} .sec_photo{
margin-top: 20px;
}
@media screen and (max-width:768px) {
.sec_photo{
width: 100%;
margin: 10px auto 0;
text-align: center;
}
} .sec_ttl{
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
}
.ttl_border{
flex-shrink: 0;
width: 100%;
max-width: 300px;
height: 40px;
margin-bottom: 15px;
padding: 0 20px;
font-weight: bold;
line-height: 40px;
color: #234A95;
border: 1px #5879C4 solid;
white-space: nowrap;
}
.sec_catch{
margin-top: 60px;
font-size: 2.0rem;
font-weight: bold;
color: #234A95;
text-align: center;
}
.txt_area{
width: 100%;
flex-shrink: 1;
}
.txt_area p + p{
margin-top: 1em;
}
.txt_blue{
font-weight: bold !important;
color: #234A95 !important;
}
.txt_bold{
font-weight: bold !important;
}
.txt_center{
text-align: center !important;
}
.txt_link{
color: #0072D4 !important;
text-decoration: underline;
}
.txt_link:hover{
text-decoration: none;
}
@media screen and (max-width:768px) {
.ttl_border{
max-width: 100% !important;
}
}
@media screen and (max-width:540px) {
.sec_ttl{
font-size: 1.8rem;
}
.sec_catch{
margin-top: 40px;
font-size: 1.8rem;
}
} @media screen and (min-width:540px) and (max-width:768px) {
.none768{
display: none;
}
} .latest_block {
margin: 6.0rem auto;
display: flex;
flex-wrap:wrap;
justify-content: center;
gap: 6.0rem;
}
.latest_pic{
width:30%;
text-align:center;
}
.latest_pic img {
max-width: 320px;
}
.latest_pic p {
margin-top: 1em;
}
.latest_toc{
width:calc(50% - 6.0rem);
}
.ttl_style02 {
color: #234A95;
font-size: 2.0rem;
font-weight: bold;
margin-bottom: 1.5rem;
}
body.quarterly hr {
margin: 6.0rem auto;
width: 90%;
max-width: 810px;
color: #707070;
}
.backnumber_block {
display: flex;
flex-wrap: wrap;
gap: 4.6rem;
}
.backnumber_item {
width: calc(25% - (4.6rem / 4 * 3));
}
.backnumber_title {
color: #707070;
text-align: center;
font-family: "Yu Gothic semibold", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
}
a.pdf_download,span.pdf_download {
display: block;
position: relative;
padding-left: 25px;
color:#707070;
width: fit-content;
margin: auto;
}
a.pdf_download:before,span.pdf_download:before {
content: "";
display: block;
background: url(//www.hachisuga.jp/wp-content/themes/hachisuga/images/common/pdf-icon.png);
width:19px;
height:24px;
position:absolute;
top:0;
bottom:2px;
left:0;
margin: auto;
}
@media only screen and (max-width:820px){
.backnumber_block{ gap: 3.0rem; }
.backnumber_item{ width: calc(25% - (3.0rem / 4 * 3)); }
}
@media only screen and (max-width:740px){
.latest_block{
margin: 5.0rem auto;
gap:5.0rem;
}
.latest_pic { width: 40%; }
.latest_toc { width: calc(50% - 5.0rem); }
.backnumber_item{ width: calc(50% - (3.0rem / 2 * 1)); }
}
@media only screen and (max-width:560px){
.latest_block{
margin: 3.0rem auto;
gap:3.0rem;
}
.latest_pic { width: 45%; }
.latest_toc { width: calc(50% - 3.0rem); }
}
@media only screen and (max-width:470px){
.latest_block { flex-direction: column-reverse; }
.latest_pic,.latest_toc { width:100%; }
}
@media only screen and (max-width:350px){
.backnumber_item{ width:100%; }
}