body{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
line-height: 1.6;
overflow-x: hidden; 
-webkit-font-smoothing: antialiased;
}
a{
text-decoration: none;
word-break: break-all;
}

/*＝＝＝＝＝　見出し　＝＝＝＝＝*/
h1{
text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
font-size: 30px;
color: #318C00;

}
h2{
position: relative;
padding: 5px;
border-bottom: 4px solid #DFDD00;
font-weight: bold;
color: #318C00;
font-size: 120%;
}
h2:before{
position: absolute;
bottom: -4px;
left: 0;
width: 20%;
height: 4px;
content: '';
background: #318C00;
}
h2 span{
font-size: 80%;
}
h3{
padding: 10px 30px;
background: #318C00;
font-weight: bold;
font-size: 110%;
color: #ffffff;
border-radius: 30px;
}
h4{
font-size: 40px;
position: relative;
padding: 1.2rem;
text-align: center;
color: #318C00;
font-weight: bold;
}
h4 span.h4_sub{
font-size: 20px;
display: block;
}
h4 span.h4_hane{
position: absolute;
opacity: 0.15;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 10%;
}
.h4_hane img{
width: 100%;
}
h4.fuchimoji{
text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
color: #318C00;
}
h5{
font-size: 150%;
position:  relative;
font-weight: bold;
margin-bottom: 25px;   
margin-top: 10px;
border-bottom: 4px dashed #318C00; 
border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
text-align: center;
color: #318C00;
}
h6 {
position: relative;
color: #158b2b;
font-size: 110%;
padding: 10px 0;
font-weight: bold;
margin: 1.5em 0;
}
h6:before {
content: "";
position: absolute;
top: -8px;
left: 80px;
width: 110px;
height: 50px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/*＝＝＝＝＝　header　＝＝＝＝＝*/
header{
background: #318C00;
padding:10px;
}
.header_flex{
display: flex;
}

.header_flex>div:last-of-type{
margin-left: auto;
}
.logo_text{
font-size: 250%;
font-weight: bold;
line-height: 1.1;
padding: 0 15px;
text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
color: #318C00;
animation-name:blurAnime;
animation-duration:1s;
animation-fill-mode:forwards;
}
.logo_text a{
color: #318C00;
}
.logo_text span{
font-size: 40%;
}
.logo_text p{
}
@keyframes blurAnime{
from {
filter: blur(10px);
transform: scale(1.02);
opacity: 0;
}
to {
filter: blur(0);
transform: scale(1);
opacity: 1;
}
}
.header_info{
color: #ffffff;
font-size: 70%;
text-align: right;
padding: 8px;
}
.header_tel{
font-size: 200%;   
font-weight: bold;
}
.logo_img{
width: 8%;
animation-name:blurAnime;
animation-duration:1s;
animation-fill-mode:forwards;
}
.logo_img img{
width: 100%;   
}

/*＝＝＝＝＝　janpボタン　＝＝＝＝＝*/
.junp_btn01 {
display: inline-block;
position: relative;
width: auto;
padding: 8px 40px;
text-align: center;
text-decoration: none;
color: #318C00;
background: linear-gradient(#fff 50%, #eee);/*背景色*/
border:2px solid #318C00;
transition: transform ease .4s;
font-size: 110%;
font-weight: bold;
margin: 8px 0;
border-radius: 50px;
}
.junp_btn01:hover {
cursor: pointer;
text-decoration: none;
background: rgba(253,238,168,0.80);
border:2px solid #318C00;
position: relative;
}
.junp_btn01 span {
display: inline-block;
text-decoration: none;	
transition: transform ease .4s;
}
.junp_btn01:hover span{
cursor: pointer;
text-decoration: none;
transform: translateX(10px);
}
 /*＝＝＝＝＝　top最新のお知らせ　＝＝＝＝＝*/
.latest_box{
width: 100%;
margin: 0 auto;
background: #ffffff;
padding: 10px;
border-radius: 5px;
border: solid 4px #B1E377;
box-shadow: 2px 2px 4px gray;
}
.lastest_title{
font-size: 110%;
position:  relative;
font-weight: bold;
border-bottom:  dashed #B1E377; 
border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
color: #318C00;
}
.lastest_title::before {
content: 'NEW';
display: inline-block;
background-size: contain;
vertical-align: middle;	
background: rgba(31,159,5,1.00);
color: #ffffff;
font-size: 60%;
padding: 5px;
font-weight: bold;
animation: flash 3s linear infinite;
border-radius: 70px;
transform: rotate(0deg);
margin-bottom: 10px;
}
p.latest_text{
font-size: 85%;
padding: 15px 5px 5px 5px;
font-weight: bold;
}
@keyframes flash {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.1, 1.1); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}
/* ＝＝＝＝＝＝　news　＝＝＝＝＝＝ */
.news_cont{
margin: 20px auto 30px;
background: #ffffff;
display: flex;  
max-width: 1500px;
width: 90%;
justify-content: space-between;
}
 /*＝＝＝＝＝　お知らせadminの中　＝＝＝＝＝*/
.news_box{
width: 65%;
margin: 0 auto 30px;
}
.caption{
font-weight: bold;
color: #318C00;
line-height: 1.5em;
padding-top: 7px;
}
.news_box p{
padding-left: 5px;
font-size: 98%;
}
 /*＝＝＝＝＝　サイドボタン　＝＝＝＝＝*/
.link_box{
width: 28%;
}
.link_btn{
width: 100%;
margin:10px auto;
position: relative;
border-radius: 0.45rem;
border: 1px solid transparent;
box-shadow: 0 2px 4px -2px rgb(33 37 56 / 50%);
border-color: rgb(80,80,80,0.1);
padding: 30px 0;
transition: 0.2s ease-in-out;
}
.revisit_img{
background: url("../img/revisit_btn.jpg") center top/cover no-repeat;
}
.weterna_img{
background: url("../img/weterna_btn.jpg") center top/cover no-repeat;
}
.infl_img{
background: url("../img/infl_btn.jpg") center top/cover no-repeat;
}
.covid_img{
background: url("../img/covid_btn.jpg") center top/cover no-repeat;
}
.control_img{
background: url("../img/control_btn.jpg") center top/cover no-repeat;
}
.recruit_img{
background: url("../img/recruit_btn.jpg") center top/cover no-repeat;
}
.tel_img{
background: url("../img/tel_btn.jpg") center top/cover no-repeat;
}
.monshin_img{
background: url("../img/monshin_btn.jpg") center top/cover no-repeat;
}
.notice_img{
background: url("../img/notice_btn.png") center top/cover no-repeat;
}
.homecare_img{
background: url("../img/homecare.jpg") center top/cover no-repeat;
}
.influenza_img{
width: 70%;
margin: 20px auto;
}
.influenza_img img{
width: 100%;
}
.link_btn:hover{
transform: translateY(-2px);
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
opacity: 0.8;
}
.link_btn a {
margin: 0 auto;
color: #318C00;
font-weight: 600;
border-radius: 0.45rem;
}
.btn_text{
width: 90%;
background: #ffffff;
padding: 10px;
   
}
 /*＝＝＝＝＝　クリニック概要　＝＝＝＝＝*/
.clinic_guide{
padding: 30px 0 50px 0;
margin: 0 auto;
background: #78BD6D;
}
 /*＝＝＝＝＝　診療時間　＝＝＝＝＝*/
table.table01 {
border: solid 2px #318C00;
background: #ffffff;
width: 100%;
border-right: #318C00 solid 2px;
border-left: #318C00 solid 2px;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto;
font-weight: bold;
font-size: 85%;
}
table.table01 thead th {
color: #318C00;
padding: 8px 10px;
border-right: #318C00 solid 2px;
border-bottom: #318C00 solid 2px;
}
table.table01 thead th:last-child {
border-right: #318C00 solid 2px;
}
table.table01 tbody th {
color: #318C00;
padding:8px 10px;
border-bottom: #318C00 solid 2px;
vertical-align: middle;
}
.alineleft{
text-align: left;
}
table.table01 tbody tr:last-child th {
border-bottom: #318C00 solid 2px;
}
table.table01 tbody td {
padding: 8px 10px;
border-left: #318C00 solid 2px;
border-bottom: #318C00 solid 2px;
vertical-align: middle;
text-align: center;
color: #6BBF7D;
}
/*＝＝＝＝＝　table-underline　＝＝＝＝＝*/	
table.infobox02 {
margin: 0 auto;
width: 100%;
}
table.infobox02 tr{
border-bottom: dashed 1px #DBF2B0;
margin: 0 auto;
width: 100%;
}
.infobox02 th {
padding: 10px;
text-align: left;
color: #ffffff;
font-weight: bold;
}
.infobox02 td {
padding: 10px;
text-align: left;
color: #ffffff;
font-size: 90%;
font-weight: bold;
}
.access_info{
width: 100%;
margin: 0 auto;
}
.access_info tr{
border-bottom: dashed 1px #318C00;
margin: 0 auto;
width: 100%;
}
.access_info th {
padding: 10px;
text-align: left;
color: #318C00;
font-weight: bold;
}
.access_info td {
padding: 10px;
text-align: left;
font-size: 95%;
}
.info02 p{
text-align: left;
padding: 7px;
font-size: 90%;
}
.hosoku{
text-align: right;
font-size: 80%;
font-weight: 600;
}
/*＝＝＝＝＝　ごあいさつ　＝＝＝＝＝*/	
.migi{
float: right;
font-size: 75%;
}
.migi_ss{
display: none;
}
/*＝＝＝＝＝　ご案内 ＝＝＝＝＝*/
.info_cont{
padding-top: 30px;
text-align: center;
padding-bottom: 60px;
background: #f2fce3;
}
.info_box{
width: 90%;
text-align: center;
margin: 0 auto;
}
.info_box section{
width: 40%;
margin: 20px 30px;
}
.info_link{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;	
background: #ffffff;
padding: 0;
box-shadow:4px 3px 2px #c4c5c4;
border-bottom: 10px solid #318C00;
}
a.info_link{
text-decoration: none;
}
a.info_link:hover {
opacity: 0.6;
}
.link_text{
width: 75%;
color: #318C00;
font-size: 130%;
font-weight: bold;
text-align: center;
}
.link_img{
width: 25%;
}
.link_img img{
width: 100%;
height: auto;
vertical-align: bottom;
opacity: 1;
}
/*＝＝＝＝＝　アクセス ＝＝＝＝＝*/
.access_cont{
text-align: center;
padding: 30px 0 50px 0;
}
.access_box{
width: 80%;
text-align: center;
margin: 20px auto;
 max-width: 1200px;
}
.accessmap{
width: 100%;
text-align: center;
margin: 20px auto;
}
/*＝＝＝＝＝　QRコード ＝＝＝＝＝*/
.qr_cont{
text-align: center;
padding: 30px 0 50px 0;
max-width: 1400px;
 margin:0 auto;
}
.qr{
width: 95%;
text-align: center;
margin: 5px auto;
}
.qrbox{
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}	
.qrbox section{
padding: 15px 30px;
width: 24%;
margin: 10px;
}
.qrbox img{
width: 100%;
}
.qrbox p{
font-size: 85%;
padding-top: 5px;
text-align: left;
}
/*＝＝＝＝＝ footer ＝＝＝＝＝*/
footer{
background: #318C00;
text-align: center;
padding: 30px;
color: #ffffff; 
position: relative;
}
footer p{
font-size: 100%;
margin-bottom: 30px;
}
.footerbox{
width: 70%;
margin: 0 auto;
}
.footerbox02{
width: 80%;
margin: 0 auto;
}
.footerbox02 img{
width: 20%;
}
/*＝＝＝＝＝ footerマップ ＝＝＝＝＝*/
.sitemap{
margin:0 auto;
width: 70%;
}
.sitemap nav ul {
display: flex;
flex-flow: row;
justify-content: center;  
padding: 6px 0;
align-items: stretch;
flex-wrap: wrap;
white-space: wrap;
}
.sitemap nav ul li{
padding: 0 10px;
margin: 5px 0;
}
.sitemap nav ul li a {
display: inline-block;
align-items: center;
position: relative;
text-decoration: none;
padding: 5px 10px;
color: #ffffff;
font-weight: bold;
font-size: 90%;
border: 1px solid #ffffff;
transition: all 0.2s ease 0s; 
}
.sitemap nav ul li a:hover {
background: #ffffff;
color: #318C00;
}
.sitemap nav ul li a dd i{
padding-left: 5px;
}
.footer_btn{
width: 26%;
margin: 0 auto
}
.footer_btn a:hover{
opacity: 0.7;
}
.footer_btn img{
width: 100%;
}
.copy{
font-size: 80%;
}
@media screen and (max-width: 960px){
/*アクセス*/
.qrbox section{
padding: 15px;
width: 30%;
margin: 5px;
}
}
@media screen and (max-width: 768px){
header{
}
.header_flex{
display: inherit;
}
.logo_text{
margin-left:0;
font-size: 220%;
font-weight: bold;
line-height: 1.1;
padding: 0;
position: absolute;
top:140px;
left: 17%;
z-index: 100;
}
.logo_text span{
font-size: 40%;
}
.top_cont{
position: inherit;
}
.logo_pic{
top:80px;
}
.header_info{
font-size: 65%;
text-align: left;
padding: 5px;
font-weight: 500;
letter-spacing:-0.1em;
}
.header_tel{
font-size: 150%;   
font-weight: bold;
}
/*ボタン*/
.junp_btn01 {
font-size: 110%;
}
h4 {
padding: 0.5rem 0;
font-size: 30px;
}
h5{
font-size: 130%;
font-weight: bold;
border-bottom: 3px dashed #318C00; 
border-radius: 0px 0px 100px 100px/0px 0px 20px 4px;
}

 /*＝＝＝＝＝　サイドボタン　＝＝＝＝＝*/
.link_box{
width: 85%;
margin: 10px auto;
}
/*リンクボタンここから*/
.link ul {
display: flex;
flex-flow: row;
justify-content: center;
margin: 0;
padding: 2px 1px;
list-style-type: none;
}
.link a {
display: block;
padding: 2px 1px; 
text-decoration: none;
}	
.link a img{
width: 90px;
height: 90px;
}
    
.top_box{
position: static;
width: 95%;
padding: 0px;
margin: 0 auto;
flex-direction: column-reverse;
}
.flexcal{
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
margin: 0 auto;
}
.flexcal section{
width: 100%;
}
.latest{
width: 98%;
margin: 0 auto;
}
/*＝＝＝＝＝　top最新　＝＝＝＝＝*/
.latest_box{
background: #ffffff;
padding: 10px;
border-radius: 5px;
border: 0;
box-shadow: none;
width: 95%;
margin: 5px auto;
}
.lastest_title{
font-size: 110%;
position:  relative;
font-weight: bold;
border-bottom:  dashed #B1E377; 
border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
color: #318C00;
}
p.latest_text{
font-size: 85%;
padding: 15px 5px 5px 5px;
}
.tenmetu{
background: rgba(251,3,7,1.00);
color: #ffffff;
font-size: 60%;
padding: 5px;
font-weight: bold;
animation: flash 3s linear infinite;
}
/*最新のお知らせ*/	
.news_cont{
margin: 0 auto;
background: #DEF9F1;
padding: 20px 0;
flex-direction: column;
width: 100%;
}
.news_box{
padding: 5px;
background: treatment;
width: 90%;
}
/*adminの中*/
.caption{
font-weight: bold;
color: #318C00;
line-height: 1.5em;
padding-top: 7px;
}
.migi{
display: none;
}
/*＝＝＝＝＝　table　＝＝＝＝＝*/	
.infobox02 tr{
border-bottom: none;
margin: 0 auto;
}
.infobox02 th,.infobox02 td {
display: inline-block;
width: 90%;
text-align: left;
padding: 10px;
color: #ffffff;
margin: 0 auto;
}
.infobox02 th{
background:#ffffff;;
color: #186A4A;
}
.access_info tr{
border-bottom: none;
margin: 0 auto;
}
.access_info th,.access_info td  {
display: inline-block;
width: 90%;
text-align: left;
padding: 10px;
color: #186A4A;
margin: 0 auto;
}
.access_info th{
background:#D8EFE6;
}
.access_info td{
padding-bottom: 20px;
}
/*＝＝＝＝＝　診療案内　＝＝＝＝＝*/	
.collection{
width: 90%;
margin: 5px auto;	
}
.info_box section{
width: 100%;
margin: 15px 25px;
}
.qr{
width: 85%;
margin: 5px auto;
}
.qrbox{
flex-direction: column;
flex-wrap: nowrap;
}	
.qrbox section{
padding: 10px;
width: 90%;
margin: 0 auto;
}
.qrbox img{
width: 100%;
}
.qrbox p{
font-size: 95%;
padding: 10px;
}
.mapqr img{
width: 50%;
}
/*理事長あいさつ*/
.migi_ss{
display: block;
text-align: left;
}
/*＝＝＝＝＝　リンクbtn　＝＝＝＝＝*/	
.info_link{
justify-content:space-between;
box-shadow:4px 3px 2px #c4c5c4;
border-bottom: 6px solid #318C00;
}
/*フッター*/
footer p{
font-size: 90%;
margin-bottom: 30px;
}
.footerbox{
width: 100%;
margin: 0 auto;
}
.footerbox02{
width: 95%;
margin: 0 auto;
}
.footerbox02 img{
width: 90%;
}
/* サイトマップ*/
.sitemap{
margin: 0 auto;
text-align: center;
width: 100%;
}
footer{
padding: 20px;	
}
.footerbox{
width: 95%;
margin: 0 auto;
}
.footer_btn{
width: 70%;
}
.sitemap nav ul {
display: flex;
flex-flow: row;
justify-content: center;  
padding: 6px 0;
align-items: stretch;
flex-wrap: wrap;
white-space: wrap;
}
.sitemap nav ul li{
padding: 0 2px;
}
.sitemap nav ul li a dd {
font-weight: bold;
color: #ffffff;
font-size: 90%;
}
.sitemap nav ul li a {
padding: 5px 10px;
}
.copy{
font-size: 60%;
}
.influenza_img{
width: 90%;
margin: 20px auto;
}
}
@media only screen and (max-width:479px){
.logo_text{
margin-left:0;
font-size: 200%;
font-weight: bold;
line-height: 1.1;
padding: 0;
position: absolute;
top:140px;
left: 2%;
}
.logo_text span{
font-size: 40%;
}
h3{
padding: 7px;
font-size: 105%;
font-weight: bold;
}
h4{
font-size: 24px;
padding: 5px;
}
h4 span{
font-size: 70%;
}
/*診療案内*/
.clinic_guide{
padding: 20px 0;
margin-bottom:10px;
}
.info_cont{
background: #f9fff0;
}
/*表*/
table.table01 {
width: 100%;
border-right: #318C00 solid 1px;
border-left: #318C00 solid 1px;
border: solid 1px #318C00;
font-size: 80%;
}
table.table01 thead th {
padding: 8px 3px;
border-right: #318C00 solid 1px;
border-bottom: #318C00 solid 1px;
}
table.table01 thead th:last-child {
border-right: #318C00 solid 1px;
}
table.table01 tbody th {
padding:8px 3px;
border-bottom: #318C00 solid 1px;
border-color: #318C00 solid 1px;
font-size: 60%;
}
table.table01 tbody tr:last-child th {
border-bottom: #318C00 solid 1px;
}
table.table01 tbody td {
padding: 8px 5px;
border-left: #318C00 solid 1px;
border-bottom: #318C00 solid 1px;
}
/*＝＝＝＝＝　診療案内　＝＝＝＝＝*/	
.info_box section{
width: 98%;
margin: 10px 0;
}
.link_text{
width: 70%;
color: #318C00;
font-size: 100%;
font-weight: bold;
}
/*アクセス*/
.access_cont{
text-align: center;
padding: 20px 0 30px 0;
}
.access_box{
width: 90%;
text-align: center;
margin: 0 auto;
}
.accessmap{
width: 100%;
text-align: center;
margin: 20px auto;
}
.access_box table.infobox02 td{
font-size: 90%;
}
/*qr*/
.qr_cont{
display: none;
}
.copy{
font-size: 60%;
}
.influenza_img{
width: 95%;
margin: 20px auto;
}
}