@charset "utf-8";
/*
Theme Name: shinchidai-jibi
Theme URI: 新知台耳鼻咽喉科
Template: lightning-pro
Description: 
Author: 
Tags: 
Version: 0.1.2
*/



h5 {
    margin: 1.0em 0 0.6em;
    clear: both;
}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media (max-width:1200px){
	.siteHeader .container{
		background-image:none !important;
	}	

	.mobile_address_tel{
		display:flex;
		justify-content:space-around;
		font-size:0.8em;
		margin-top:5px;
	}
	
	.mobile_address_tel ul{
		list-style-type:none;
		margin:0;
	}
	
	.mobile_address_tel ul li{
		margin:0;
	}
	
	.mobile_address_tel p{
		margin:0;
	}
}

@media (min-width:1201px){
	.mobile_address_tel{
		display:none;
	}
}

table.mobile-block td,table.mobile-block th{display:block}
table.mobile-block	th,table.mobile-block td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
	border-color: #bababa;
	
}
	
table.mobile-block {
    border-collapse:  collapse; /* セルの線を重ねる */
}
}
@media (min-width:671px){	
table.mobile-block td,table.mobile-block th{display:table-cell}
table.mobile-block th,table.mobile-block td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
	border-color: #bababa;
}
 table.mobile-block	th{width:30%;}
table.mobile-block {
    border-collapse:  collapse; /* セルの線を重ねる */
}

}

table.mobile-block th{
background-color: #eeeeee;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none!important;
}
/*　3PR見出し文字サイズ　*/
.prBlock .prBlock_title {
    margin-top: .9em;
    margin-bottom: .7em;
    text-align: center;
font-size: 20px;
    line-height: 1.4em;
}
 
/*　3PR見出し文字色　*/
#topPr h3 a {
    color:#990000;
}

.waku{
	background-color: #fcfcf7;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
   	padding: 15px;

}

table.topselect2 {
	border-top:none;
	border-left:none;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	color: #333333;
	text-align: left;
	font-size: 90%;
	width: 100%;
	padding-top:0px;
}



table.topselect2 th
{
	border-right:none;
	border-bottom:none;
	color: #FFFFFF;
	padding:0;
	text-align: left;
}

table.topselect2 td {
    border-right:none;
    border-bottom:none;
    padding:0;
	vertical-align: top;
		text-align: left;
}

.sidenav ul { 	
padding-inline-start: 0px;
 } 

.sidenav ul li{ 	
    display: inline;
 } 


.sidenav  ul li {
    display: inline; 	
    margin-right: 1em;
} 

.box_before {
    position: relative;
    margin: 2em 0 4em 0;
    padding: 0.5em 1em 0.5em 1em;
    border: solid 1px #c0c0c0;
background-color: #fefdf7;
}
.box_before .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #ebe9e7;
    color: #797979;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
margin-top:10px;
}
.box_before p {
    margin: 0; 
    padding: 0;
}
.box_before img {
    padding-bottom: 10px;
}
.box_after {
    position: relative;
    margin: 2em 0 4em 0;
    padding: 0.5em 1em 0.5em 1em;
    border: solid 1px #a19d9b;
}
.box_after .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #a19d9b;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
margin-top:10px;
}
.box_after p {
    margin: 0; 
    padding: 0;
}
.box_after img {
    padding-bottom: 10px;
}

.iframe-wrap {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-header_pageTitle, h1.page-header_pageTitle:first-child{
	color:#000;
}

/*求人バナー*/

.bun_center{
	text-align:center;
}

.session_pic{
    text-align: center;
}
.session_pic img{
	padding:10px;
	    width: 90%;
}
/*
.su-row {
    margin-bottom: 1.5em;
    display: flex;
    justify-content: space-between;
}
.su-row .su-column-size-1-3 {
    width: 33%!important;
}
.su-row .su-column {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 0 0 0%!important;
}*/

/* 発熱外来予約 */
.hatunetu img{
	width:70%;
	margin:0 auto;
	display:block;
}
.desisuma_a a{
    background-color: rgb(30 140 190 / 80%);
    color: #fff;
    display: block;
    width: fit-content;
    padding: 15px;
    border-radius: 10px;
    text-decoration: none;
    margin: 20px auto;
	
}
.desisuma_a a:hover{
	opacity: 0.6;
}
.hatunetu_qr{
	border:solid 1px #6db3f2;
}
.hatunetu_qr img{
	width:60%;
}

.netubutton_box{
	display:flex;
	justify-content:center;
}
.bule_button {
	background: #5b9dd9 !important;
}
.bule_button a{
	color:#fff !important;
}
@media (max-width:750px){
	.hatunetu img {
		width: 90%;
	}
}
@media (max-width:500px){
		.hatunetu img {
		width: 100%;
	}
}
@media (max-width:400px){
.netubutton_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
	}
}

.al-box {
    font-size: 20px;
    margin-bottom: 20px;
}
@media (max-width:500px){
.al-box {
    font-size: 15px;
    margin-bottom: 20px;
}
}

.sp_600{
	display:none;
}

@media (max-width:600px){
.sp_600{
	display:block;
}
}

/* ゾレア皮下注射 */
.zorea:hover {
    opacity: 0.6;
}
.zorea {
    display: flex;
    background-color: #f0870b;
    width: 180px;
    height: 40px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.1rem;
    transition: all 0.3s ease 0s;
}
.center{
	justify-content:center;
}

span.red.big {
    font-size: 24px;
}

@media (max-width:600px){
span.red.big {
    font-size: 18px;
	line-height: 1.6;
}
}

span.green {
    color: #2eb715;
}
.blue{
    color: #1a34ea;	
}
/* access map */
.map_box{
	    display: flex;
	justify-content: space-between;
}
.map_box strong{
	text-align:center;
	    display: block;
}
.map_box div{
border: solid 1px #dddddd;
    margin: 10px;
    padding: 5px;
}
@media (max-width:600px){
	.map_box {
    flex-direction: column;
}
.map_box div {
    margin: 5px;
}
}
.dr-web-brn02{
	    display: flex;
    justify-content: center;
}
.dr-web-brn a {
    background: #ffe110;
    padding: 50px 60px;
    display: inline-block;
    margin-bottom: 50px;
    border-radius: 20px;
    font-size: 1.3rem;
    color: #333;
    FONT-WEIGHT: 700;
    box-shadow: 10px 6px 3px 3px #e2e2e2;
    border: dotted 5px #78b83d;
}

.banner-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px; 
	    margin: 20px auto;
}

.banner-container img {
  width: 100%;
  max-width: 700px; 
  height: auto; 
}

.banner-container img:nth-child(1):only-child {
  width: auto; /* 画像が1つだけの場合は元の幅を使用 */
}

@media screen and (max-width: 768px) {
  .banner-container img {
    width: 100%; 
    max-width: 100%; 
  }
}

.pic_up img{
    max-width: 47%;	
}

/* 画像横並び */
.image-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* 画像の間の余白（必要に応じて調整） */
  justify-content: center;
	    max-width: 1000px;
}

.image-flex img {
  max-width: 100%;
  height: auto;
  width: calc(50% - 10px); /* 2枚並べる。gapと合わせて調整 */
}

@media screen and (max-width: 770px) {
  .image-flex img {
    width: 100%;
  }
}