@charset "utf-8";

.pc_none{
	display: block;
}
.sp_none{
	display: none;
}
#header2{
        margin: 0 0 0 10px;
}
#header2_box{
        flex-direction: row;
    justify-content: space-between;
    align-items: center;
        padding: 0;
        gap: 14px;
}
#he_left{
	order: 1;
    margin-left: 0;
        width: 160px;
        min-width: 160px;
        padding: 0;
}
#he_left #logo h1,
#he_left #logo p{
    line-height: 1;
}
#he_left #logo img{
        width: 160px;
        min-width: 160px;
}
.header_search{
    display: flex;
}
#he_right_wrap{
    order: 2;
    width: auto;
        gap: 12px;
}
#js-hamburger-menu{
        width: 54px;
    height: 60px;
}
#panel-btn-icon{
    width: 20px;
    top: 36%;
    height: 1px;
    min-height: 1px;
}
#panel-btn-icon:before, #panel-btn-icon:after{
    width: 20px;
    height: 1px;
}
#panel-btn-icon:before{
        margin-top: -8px;
}
#panel-btn-icon:after{
    margin-top: 6px;
}
.header_search{
        display: flex;
        position: initial;
        background: none;
        padding: 0;
}
.header_nav .h_lang span:before{
	content: none;
}
#he_right{
	padding: 0;
    justify-content: center;
        width: 68px;
}
#he_right_inner{
	display: none;
}
#he_right_inner_sp{
	display: flex;
}
#he_right_inner_sp ul{
	display: flex;
        padding: 0;
        gap: 8px;
}
#he_right_inner_sp ul li{
	margin: 0;
}
#he_right_inner_sp ul .h_lang a{
    width: 40px;
    height: 40px;
    background: #0F2E69;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#he_right_inner_sp ul .h_acc a,
#he_right_inner_sp ul #h_tel_sp{
        width: 30px;
        height: 30px;
    background: #0F2E69;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	border: none;
}
#he_right_inner_sp ul #h_tel_sp span{
	line-height: 0;
}
.header_nav .h_acc span:before{
content:none;
}
.sp_nav_all{
        justify-content: flex-end;
        width: auto;
        padding: 0 0 2px 2px;
}
#js-hamburger-menu .txt{
    font-size: 1rem;
    margin-top: 30px;
}
#js-hamburger-menu .txt span{
    line-height: 1.2;
}
#sp_nav_wrap .sp_nav_header .left{
    width: 160px;
    min-width: 160px;
        margin-left: 10px;
        padding-top: 0;
}
#sp_nav_wrap .sp_nav_header .left .logo a{
    display: block;
    line-height: 1;
}
#sp_nav_wrap .sp_nav_header .left img{
    width: 160px;
    min-width: 160px;
}
/*
#sp_nav_wrap .sp_nav_header{
	display: none;
}
#sp_nav_wrap .sp_nav_header_sp{
    display: flex;
    justify-content: space-between;
    width: calc(100% - 170px);
    position: sticky;
    top: 0;
    background: #0F2E69;
}
#sp_nav_wrap .sp_nav_header_sp .left{
        width: 170px;
        min-width: 170px;
        margin-left: 20px;
        padding-top: 10px;
}
#sp_nav_wrap .sp_nav_header_sp .left img{
        width: 170px;
        min-width: 170px;
}
#sp_nav_wrap .sp_nav_header_sp .right{
    padding-top: 30px;
}
#sp_nav_wrap .sp_nav_header_sp .right ul{
        display: flex;
        padding: 0;
	margin: 0;
        gap: 12px;
}
#sp_nav_wrap .sp_nav_header_sp .right .h_lang a{
        width: 40px;
        height: 40px;
        background: #0F2E69;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
}
#sp_nav_wrap .sp_nav_header_sp .right .h_lang a span{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    color: #222;
}
#sp_nav_wrap .sp_nav_header_sp .right #sp_h_tel_sp{
        width: 40px;
        height: 40px;
        background: #0F2E69;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
}
#sp_nav_wrap .sp_nav_header_sp .right #sp_h_tel_sp span{
        line-height: 0;
}
*/
#sp_nav_wrap .sp_nav_header{
    width: 100%;
    height: 60px;
        z-index: 999;
        display: flex;
        align-items: center;
}
#sp_nav_wrap .sp_nav_header .right{
	display: none;
}
.sp_nav .sp_nav_inner{
    margin: 20px auto;
}
.sp_nav .sp_nav_kw{
    width: calc(100% - 20px);
}
.sp_nav .sp_nav_gnav{
    margin: 40px 10px 0;
}
.sp_nav .sp_nav_gnav ul{
    gap: 1em 0.5em;
}
.sp_nav .sp_nav_gnav ul li:before{
    top: 0.75em;
}
.sp_nav .sp_nav_gnav ul li:nth-child(n+2){
    width: calc(100% / 3 - 1em - 20px);
}
.sp_nav .sp_nav_gnav ul a{
    font-size: 1.6rem;
}
.sp_nav .sp_nav_sch{
    flex-direction: column;
    margin: 0 10px;
        gap: 20px;
    margin-top: 60px;
}
.sp_nav .sp_nav_sch .left_box{
    padding: 20px 10px;
    width: calc(100% - 20px);
}
.sp_nav .sp_nav_sch .left_box .title{
        font-size: 2.0rem;
        gap: 10px;
}
.sp_nav .sp_nav_sch .left_box .title img{
        width: 30px;
}
.sp_nav .sp_nav_sch .left_box .title span{
        font-size: 2.0rem;
}
.sp_nav .sp_nav_sch .right_box{
        width: 100%;
    gap: 20px;
}
.sp_nav .sp_nav_sch .right_box .box_kyushin .title{
    padding-right: 14px;
    margin-right: 14px;
}
.sp_nav .sp_nav_sch .right_box .box_kyushin,
.sp_nav .sp_nav_sch .right_box .box_gairai a,
.sp_nav .sp_nav_sch .right_box .box_kyukyu a{
	padding: 10px 14px;
}
#btn_spnav_close{
    margin: 40px 10px 0;
    width: calc(100% - 20px);
}
.pankuzu:first-child .icon_current, #footstep_ttl{
        width: 4rem;
        font-size: 1rem;
        top: -1px;
}
#main.main_l{
    width: 100%;
}
#main_header h1{
    font-size: 2.4rem;
    padding: 30px 10px;
}
#main_body h2{
    font-size: 2.0rem;
        padding: 16px;
}
#main_body h3{
    font-size: 1.8rem;
        padding: 0 10px 0 18px;
}
#main_body h3:after{
    width: 6px;
    height: 26px;
}
#main_body h4{
    font-size: 1.6rem;
}
#sidebar2{
    width: 100%;
	margin: 50px 0 0;
}
#sidebar2 .sidebar1_b{
    font-size: 1.6rem;
}
#footer{
    padding: 20px 0;
}
#footer .pagetop{
    margin-top: -45px;
}
#footer .pagetop a img{
    width: 50px;
}
#author_box{
    margin-bottom: 20px;
}
#author_box p.f_author{
	text-align: left;
}
#author_box p.f_author img{
	max-width: 240px;
}



/*tpl_medicalcenter_index*/
.tpl_medicalcenter_index .top_area01{
    flex-direction: column;
    padding: 10px;
    margin: 0;
}
.tpl_medicalcenter_index .top_area01 .left_box .swiper-pagination, .tpl_medicalcenter_index .top_area01 .left_box .swiper-pagination span,
.tpl_medicalcenter_index .top_area01 .left_box .swiper-pagination .swiper-pagination-current{
    font-size: 1.6rem;
}
.tpl_medicalcenter_index .top_area01 .left_box .swiper-button-prev, .tpl_medicalcenter_index .top_area01 .left_box .swiper-button-next{
    width: 26px;
    height: 26px;
    background-size: 26px;
}
.tpl_medicalcenter_index .top_area01 .left_box .slider_control_btn.stop .icon_stop:before{
    width: 26px;
    height: 26px;
    background-size: 26px;
}
.tpl_medicalcenter_index .top_area01 .right_box{
    padding: 20px;
}
.tpl_medicalcenter_index .top_area01 .right_box .title{
    font-size: 2.0rem;
    gap: 10px;
}
.tpl_medicalcenter_index .top_area01 .right_box .title img{
    width: 30px;
}
.tpl_medicalcenter_index .top_area02{
    flex-direction: column;
        padding: 0;
        width: 100%;
        margin: 30px auto 0;
        gap: 1em;
}
.tpl_medicalcenter_index .top_area02 .box{
	width: 100%;
}
.tpl_medicalcenter_index .top_area02 .box_kyushin{
        padding: 10px 14px;
        width: calc(100% - 28px);
    margin-right: 0;
}
.tpl_medicalcenter_index .top_area02 .box_kyushin .title{
    padding-right: 14px;
    margin-right: 14px;
}
.tpl_medicalcenter_index .top_area02 .box_gairai a,
.tpl_medicalcenter_index .top_area02 .box_kyukyu a{
        padding: 10px 14px;
    gap: 14px;
}
.tpl_medicalcenter_index .top_area03{
    padding: 0;
    width: 100%;
    margin: 30px auto 0;
}
.tpl_medicalcenter_index .top_area03_inner{
	padding: 20px;
    flex-direction: column;
        gap: 20px;
}
.tpl_medicalcenter_index .top_area03 .left_box{
	width: 100%;
	padding: 0;
	border: none;
}
.tpl_medicalcenter_index .top_area03 .left_box h2{
    justify-content: center;
    margin: 0;
    font-size: 2.0rem;
    gap: 10px;
}

.tpl_medicalcenter_index .top_area03 .left_box h2 img{
	width: 30px;
}
.tpl_medicalcenter_index .top_area03 .right_box{
	width: 100%;
}
.tpl_medicalcenter_index .top_area03 .right_box ul{
    margin: 0 0 3em;
}
.tpl_medicalcenter_index .top_area03 .right_box ul li{
    flex-direction: column;
}
.tpl_medicalcenter_index .top_area03 .right_box ul li + li{
	margin-top: 1.5em;
}
.tpl_medicalcenter_index .top_area03 .right_box ul li p{
	margin: 0;
}
.tpl_medicalcenter_index .top_area03 .right_box ul li .article_date, .tpl_medicalcenter_index .top_area03 .right_box ul li .date,
.tpl_medicalcenter_index .top_area03 .right_box ul li .article_title, .tpl_medicalcenter_index .top_area03 .right_box ul li .txt{
	margin: 0;
}
.tpl_medicalcenter_index .top_area03 .right_box .btn_wh_wrap:last-child a{
	margin-bottom: 0;
}
.tpl_medicalcenter_index .top_area04{
    margin: 30px -15px 0;
    border-radius: 0;
}
.tpl_medicalcenter_index .top_area04_inner{
    padding: 20px 15px;
}
.tpl_medicalcenter_index .top_area04 h2{
        font-size: 2.0rem;
        gap: 10px;
}
.tpl_medicalcenter_index .top_area04 h2 img{
        width: 36px;
}
.tpl_medicalcenter_index .top_area04 ul{
    gap: 1em;
    flex-direction: column;
}
.tpl_medicalcenter_index .top_area04 ul li{
    width: 100%;
}
.tpl_medicalcenter_index .top_area04 ul li p{
	margin: 0;
}
.tpl_medicalcenter_index .top_area05{
    margin: 30px auto 0;
    padding: 0;
    width: 100%;
}
.tpl_medicalcenter_index .top_area06_inner h2{
        font-size: 2.0rem;
        gap: 10px;
}
.tpl_medicalcenter_index .top_area06_inner h2 img{
        width: 30px;
}
.tpl_medicalcenter_index .top_area05 ul{
    gap: 12px;
}
.tpl_medicalcenter_index .top_area05 ul li{
    width: calc((100% - 12px) / 2);
}
.tpl_medicalcenter_index .top_area05 ul li a{
    padding: 18px 10px;
        width: 100%;
}
.tpl_medicalcenter_index .top_area05 ul li a img{
    max-height: 56px;
}
.tpl_medicalcenter_index .top_area05 ul li:nth-child(2) a img {
    max-height: 52px;
}
.tpl_medicalcenter_index .top_area05 ul li:nth-child(3) a img {
    max-height: 54px;
}
.tpl_medicalcenter_index .top_area05 ul li:nth-child(4) a img {
    max-height: 50px;
}
.tpl_medicalcenter_index .top_area05 ul li:nth-child(6) a img {
    max-height: 50px;
}
.tpl_medicalcenter_index .top_area05 ul li .txt{
    font-size: 1.4rem;
}
.tpl_medicalcenter_index .top_area06{
    margin: 30px -15px 0;
}
.tpl_medicalcenter_index .top_area06_inner{
    padding: 20px 15px;
    flex-direction: column;
    gap: 20px;
}
.tpl_medicalcenter_index .top_area06_inner > *{
	width: 100%;
}
.tpl_medicalcenter_index .top_area06_inner a{
    font-size: 1.6rem;
}
.tpl_medicalcenter_index .top_area06_inner .txt{
	margin: 0;
}