@charset "UTF-8";
/* SASS Document */
/* ------------------------------------------
SP
------------------------------------------ */
@media screen and (max-width: 750px) {


/* 施設案内 */
.page_facilities ul.faci_table {
display: flex;
flex-wrap: wrap;
width: 100%;
}

.page_facilities ul.faci_table > li {
box-sizing: border-box;
margin-bottom: 30px;
width: 100%;
}
.page_facilities ul.faci_table > li:nth-child(odd) {

}
.page_facilities ul.faci_table > li:nth-child(even) {

}
.page_facilities ul.faci_table > li > img {
border: 1px #ddd solid;
}
.page_facilities ul.faci_table > li > div {
text-align: center;
}
.page_facilities ul.faci_table > li .faci_text {
padding-top: 5px;
}
.page_facilities ul.faci_table > li:nth-last-child(2), .page_facilities ul.faci_table > li:last-child {

}


.access_font {
font-size: 2rem;
padding-bottom: 10px;
font-weight: bold;
}
.access_font span{
font-size: 1.5rem;
line-height: 1;
display: block;
font-weight: bold;
}
.access_map {
    margin: 0 0 30px;
}     
.access_map img {
    border: solid 1px #9a9582;
    width: 100%;
}      
    


/*リハビリ*/
.table_bp__w {
    white-space: nowrap;
    overflow-x: scroll;
}

.tbl_price {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    font-size: 1.2rem;
}
.tbl_price td {
    border: 1px solid #ccc;
    padding: 10px 10px;
}
.price01 {
    background: #F6F4EB;
	text-align: center;
}
.price02 {
    background: #d9f3c0;
    vertical-align: middle;
}
.price03 {
    vertical-align: middle;
text-align: right;
}
.attention {
    display: block;
    margin: 4vw 0 2vw 0;
}     
.attention span {
    display: inline-block;
    padding: 1vw 3vw;
    background: #94ce90;
    color: #fff;
    border-radius: 5px;
    font-size: 1.5rem;
}	
	
	
/*施設紹介*/
.tbl_clinic {
    width: 100%;
}
.tbl_clinic > tbody > tr > th {
    font-weight: bold;
}
.tbl_clinic tr {
    display: block;
}
.tbl_clinic td {
    padding-top: 5px;
}
.tbl_clinic th, .tbl_clinic td {
    display: block;
    box-sizing: border-box;
}	
.tbl_clinic th {
    padding-top: 10px;
    text-align: left;
    vertical-align: top;
}
.tbl_clinic td {
    border-bottom: 1px dotted #aaa;
    padding:2vw 0 2vw;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
	.tbl_clinic > tbody > tr > th span::before {
   content: "■";
	color: #82be47;
    margin: 0 5px 0 0;
	   
}
    
    
/*脳ドック*/
.kensa_w{
    display: flex;
    flex-direction: column;
    margin: 0 0 15px 0;
}
.kensa_content{
    width: 6em;
    font-weight: bold;
    font-size: 1.6rem;
    margin: 0 0 1vw 0;
} 
.kensabtn{
    width: 100%;
}
.kensabtn ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    justify-content: flex-start;
}
.kensabtn ul li {
    width: calc((100% - 10px * 2) / 3);
    padding: 10px 0;
    text-align: center;
    display: block;
    background: rgb(119 187 114);
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
} 
    
    

/*医師紹介*/
.greeting_drname{
        text-align: right;
} 
.greeting_drname span.drname1 {
        margin: 0 0 10px 0;
        line-height: 1.5;
    display: inline-block;
}
.greeting_drname span.drname2 {
    font-size: 1.8rem;
        margin: 0 0 10px 0;
        line-height: 1.5;
    display: inline-block;
}   
    
    
    
/*当院の紹介*/
.consultation_w {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px 0;
    flex-direction: column;
}
.consultation1 {
    width: 40%;
    text-align: center;
    display: block;
    background: rgb(119 187 114);
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    margin: 0 0 1vw 0;
}
.consultation2 {
} 
ul.measures_w{
    margin: 0 0 0 1.5em;
}    
ul.measures_w li {
    margin: 0 0 10px;
    position: relative;
}
ul.measures_w li:before {
    content: "●";
    color: #179a29;
    text-indent: -1.5em;
    position: absolute;
}     
   
    
    
.category_hd{
font-weight: bold;
font-size: 1.6rem;
color: #ef7824;
letter-spacing: .1rem;
} 
    
.inspection_content {
background: #ffffff;
padding: 0 0 3px;
font-size: 1.6rem;
margin: 0 0 15px;
border-bottom: solid 1px #ccc;
font-weight: bold;
}     
}
/*SP*/







































/* ------------------------------------------
PC
------------------------------------------ */
@media screen and (min-width: 751px) {
html,
body {
height: 100%;
}

/* 診療案内 */
.page_info > .info_box_1 > div {
overflow: hidden;
}
.page_info > .info_box_1 > div:last-child {
margin-bottom: 0;
}
.page_info .info_list > ul > li {
float: left;
width: 50%;
}
.page_info .info_list > ul > li > i {
font-size: 1.3rem;
line-height: 2;
padding-right: 5px;
color: #179a29;
}

/* 医師紹介 */
.page_doctor .doctor_left {
float: left;
width: 550px;
box-sizing: border-box;
line-height: 2;
}
.page_doctor .doctor_left .doctor_t {
text-align: right;
padding-top: 20px;
}
.page_doctor .doctor_right {
float: left;
width: 330px;
text-align: right;
box-sizing: border-box;
}
.page_doctor .doctor_right > img {
border: 1px #ccc solid;
}
.page_doctor .doctor_b {
font-size: 2.0rem;
font-weight: bold;
padding-bottom: 30px;
}
.page_doctor .doctor_profile {
margin-bottom: 30px;
}
.page_doctor .doctor_profile:last-child {
margin-bottom: 0;
}
.page_doctor .doctor_table th {
padding-right: 1em;
font-weight: normal;
}


    
    
    
/* 施設案内 */
.page_facilities ul.faci_table {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page_facilities ul.faci_table > li {
width: 49%;
padding-bottom: 30px;
text-align: center;
}
.page_facilities ul.faci_table > li > img {
border: 1px #ddd solid;
}
.page_facilities ul.faci_table > li .faci_text {
padding-top: 5px;
}
.page_facilities ul.faci_table > li:nth-last-child(2), .page_facilities ul.faci_table > li:last-child {
padding-bottom: 0;
}

/* よくある質問 */
.page_faq ul.faq_line {
padding-bottom: 30px;
border-bottom: 1px dotted #179a29;
margin-bottom: 30px;
}
.page_faq ul.faq_line > li {
display: table;
margin-bottom: 10px;
}
.page_faq ul.faq_line > li > div {
display: table-cell;
}
.page_faq ul.faq_line > li > div.question {
width: 3em;
line-height: 2.2em;
}
.page_faq ul.faq_line > li > div.question > span {
background-color: #179a29;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #179a29;
font-weight: bold;
box-sizing: border-box;
}
.page_faq ul.faq_line > li > div.q_text {
color: #179a29;
}
.page_faq ul.faq_line > li > div.answer {
width: 3em;
line-height: 2.2em;
}
.page_faq ul.faq_line > li > div.answer > span {
background-color: #fff;
color: #179a29;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #179a29;
font-weight: bold;
box-sizing: border-box;
}
.page_faq ul.faq_line > li > div > ul.text {
margin-top: 20px;
border: 1px #ddd solid;
padding: 20px;
}
.page_faq ul.faq_line > li > div > ul.text > li {
margin-bottom: 15px;
font-size: 1.4rem;
}
.page_faq ul.faq_line > li > div > ul.text > li:last-child {
margin-bottom: 0;
}
.page_faq ul.faq_line > li > div > ul.text > li > h4 {
font-size: 1.6rem;
}
.page_faq ul.faq_line > li:last-child {
margin-bottom: 0;
line-height: 1.5;
}
.page_faq ul.faq_line:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}

/* アクセス */
.page_access .access_left {
float: left;
width: 580px;
text-align: left;
}
.access_font {
font-size: 3rem;
padding-bottom: 10px;
font-weight: bold;
}
    
.access_font span{
font-size: 2.3rem;
line-height: 1;
display: block;
font-weight: bold;
}
    
.page_access .access_left .access_train > h4 {
margin-bottom: 5px;
margin-top: 20px;
}
.page_access .access_left .access_train > ul {
list-style: disc;
padding-left: 1.5em;
}
.page_access .access_right {
float: left;
width: 300px;
text-align: right;
}



.shonika_icon__w{
display:flex;
justify-content: space-around;
flex-wrap:wrap;
width:100%;
}

.shonika_icon__w li{
width:48%;
margin-bottom:15px;
}

.shonika_icon__w li img{
width:100%;
}



.shonika_h{
font-weight: bold;
font-size: 1.9rem;
color: #ef7824;
letter-spacing: .1rem;
}

.access_map {
    margin: 0 0 30px;
}     
.access_map img {
    border: solid 1px #9a9582;
}    

/*recruit*/
.recruit_ttl{
border-left: 8px solid #179a2a;
font-size: 2.2rem;
color: #179a2a;
font-weight: bold;
letter-spacing: .1rem;
margin: 0 0 30px 0;
}

.recruit_ttl span{
display: inline-block;
margin: 0 0 0 15px;
}

.recruit_tbl{
border: 1px solid #ccc;
width: 100%;
}

.recruit_tbl th{
background: #eee;
text-align: center;
border: 1px solid #ccc;
width: 30%;
padding: 20px 0;
vertical-align: middle;
color: #4c4b36;
}

.recruit_tbl td{
border: 1px solid #ccc;
width: 70%;
padding: 20px 20px;
}

.recruit_tel{
font-weight: bold;
font-size: 2.3rem;
}




.doctorprof2{
background-image: linear-gradient(120deg, #66a6ff 0%, #89cdfe 100%);
}

.doctorprof3{
background-image: linear-gradient(45deg, #ff8f93 0%, #ffb0b0 100%);
}

.doctorprof4 {
background-image: linear-gradient(-225deg, #f58814 0%, #ffa03b 100%);
}

.doctorprof5 {
background-image: linear-gradient(-225deg, #56608c 0%, #6a739c 100%);
}

.lll_doctor0{
background: #fafdfa;
padding: 40px 40px;
border-radius: 10px;
}

.lll_doctor1{
background: #f3faff;
padding: 40px 40px;
border-radius: 10px;
}

.lll_doctor2{
background: #fff8f6;
padding: 40px 40px;
border-radius: 10px;
}
.lll_doctor3{
background: #fffaf4;
padding: 40px 40px;
border-radius: 10px;
}

.lll_doctor4{
background: #edf0fc;
padding: 40px 40px;
border-radius: 10px;
}


/*pcr*/
.lineyellow{
background:linear-gradient(transparent 60%, #ffffae 60%);
display: inline-block;
color: #e61c1c;
}

.pcr_pickup{
border: 8px solid #f1f1f1;
padding: 30px 30px;
margin: 0 0 80px 0;
}

.pcr_pickup_t{
text-align: center;
font-size: 1.8rem;
margin: 0 0 30px 0;
color: #565656;
font-weight: bold;
}

.pcr_pickup_btn__w{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.pcr_pickup_btn_tel{
width: 48%;
}

.pcr_pickup_btn_tel a{
width: 100%;
text-align: center;
display: block;
padding: 2px 0;
color: #d42e2e;
font-size: 3rem;
font-weight: bold;
border: 1px solid #d42e2e;
border-radius: 100px;
}

.pcr_pickup_btn_tel a:hover{
opacity: .7;
}

.pcr_pickup_btn_tel a span{

}

.pcr_pickup_btn_tel a span::before{

}

.pcr_pickup_btn_rsv{
width: 48%;
}

.pcr_pickup_btn_rsv a{
width: 100%;
text-align: center;
display: block;
padding: 12px 0;
color: #fff;
font-size: 2rem;
background: #d42e2e;
border-radius: 3px;
}

.pcr_pickup_btn_rsv a:hover{
opacity: .7;
}

.pcr_pickup_btn_rsv a span{

}

.pcr_pickup_btn_rsv a span::before{
content: "";
background: url("../images/ic_arrow_right_white.svg");
width: 1.4rem;
height: 1.4rem;
display: inline-block;
margin: 0 10px 0 0;
}

.pcr_item{
margin: 0 0 10px 0;
}

.pcr_item span{
display: inline-block;
background: #f5f5f5;
border-radius: 3px;
text-align: center;
padding: 3px 25px;
font-weight: bold;
color: #555;
}

.pcr_memo{
margin: 0 0 20px 0;
}

.pcr_memo span{
background:linear-gradient(transparent 60%, #ffffae 60%);
font-size: 2.5rem;
display: inline-block;
color: #e61c1c;
}

.pcr_h3{
background: #2f9821;
color: #fff;
text-align: center;
font-size: 2.2rem;
padding: 8px 20px;
letter-spacing: .3rem;
margin: 0 0 25px 0;
border-radius: 5px;
}

	/*リハビリ*/
.tbl_price {
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 30px;
}
.tbl_price td {
    border: 1px solid #ccc;
    padding: 10px 10px;
}
.price01 {
    background: #F6F4EB;
    text-align: center;
}
.price02 {
    background: #d9f3c0;
    text-align: center;
    vertical-align: middle;
}	
.price03 {
    text-align: right;
    vertical-align: middle;
}
.attention {
    display: block;
    margin: 0 0 10px 0;
}     
.attention span {
    display: inline-block;
    padding: 10px 30px;
    background: #94ce90;
    color: #fff;
    border-radius: 5px;
    font-size: 1.6rem;
    margin: 0 0 5px 0;
}    
	
/*施設紹介*/
.tbl_clinic {
    width: 100%;
}
.tbl_clinic > tbody > tr > th {
    width: 170px;
}
.tbl_clinic > tbody > tr > th {
    font-weight: bold;
}    
.tbl_clinic th, .tbl_clinic td {
    border-bottom: 1px dotted #aaa;
    padding: 13px 0 13px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
.tbl_clinic > tbody > tr > th span::before {
   content: "";
	color: #82be47;
    margin: 0 5px 0 0;
	   
}
    
    
/*脳ドック*/
.kensa_w{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 15px 0;
}
.kensa_content{
    width: 6em;
    font-weight: bold;
    font-size: 1.8rem;
} 
.kensabtn{
    width: 85%;
}
.kensabtn ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    justify-content: flex-start;
}
.kensabtn ul li {
    width: calc((100% - 10px * 3) / 4);
    padding: 10px 0;
    text-align: center;
    display: block;
    background: rgb(119 187 114);
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
}

/*医師紹介*/
.greeting_drname{
        text-align: right;
} 
.greeting_drname span.drname1 {
        margin: 0 0 10px 0;
        line-height: 1.5;
    display: inline-block;
}
.greeting_drname span.drname2 {
    font-size: 1.9rem;
        margin: 0 0 10px 0;
        line-height: 1.5;
    display: inline-block;
}     
    
    
/*当院の紹介*/
.consultation_w {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 15px 0;
}
.consultation1 {
    width: 18%;
    text-align: center;
    display: block;
    background: rgb(119 187 114);
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    margin: 0 15px 0 0;
}
.consultation2 {
    font-size: 1.8rem;
}  
    
ul.measures_w{
    margin: 0 0 0 1.5em;
}    
ul.measures_w li {
    margin: 0 0 10px;
    position: relative;
}
ul.measures_w li:before {
    content: "●";
    color: #179a29;
    text-indent: -1.5em;
    position: absolute;
}   
    
    
.category_hd{
font-weight: bold;
font-size: 1.9rem;
color: #ef7824;
letter-spacing: .1rem;
} 
    
.inspection_content {
background: #ffffff;
padding: 0 0 3px;
font-size: 2rem;
margin: 0 0 15px;
border-bottom: solid 1px #ccc;
font-weight: bold;
}    
    
}
/*PC*/