@charset "UTF-8";
/*既存のPCサイトのCSSを利用するため
PCファーストです
2020.10.27*/


.sp {
	display: none;
}
img { max-width: auto; 
    height:auto;
}

@media print, screen and (max-width : 720px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
img { max-width: 100%; 
    height:auto;
}
/*PC版のものを非表示に*/
#header{
	display: none!important;
}
#global{
	display: none;
}
#main{
background-image: none;
}
#wrapper,
#co{
background-image: none;
width: 96%;
margin-right: auto;
margin-left: auto;
}
/* mealPage start */

#mealPage p.catch {
	font-size: 1.3em;
	font-weight: 900;
	color: #717171;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
#mealPage .cBox .cBoxTop .cBoxBottom .cBoxSub h3.mgn {
	margin-left: 0;
}
#mealPage .cBox .cBoxTop .cBoxBottom .cBoxSub ol.mgn {
	margin-left: 0;
}
#mealPage .cBox .cBoxTop .cBoxBottom .cBoxSub ul.mgn {
	margin-left: 0;
}

/* mealPage end */
#wrapperBottom {
width: 100%;
}
}

#main.infection-control_tit {
background-image: url(../infection-control/images/main.png);
height: 156px;
background-repeat: no-repeat;    
}

@media print, screen and (max-width : 720px) {
#main.infection-control_tit,
#navi,
#pan,
#footBnr{
	display: none;  
}
}



.subtit{
font-size:14px;
border-bottom:1px solid #000000;
padding-bottom: 7px;
margin-top: 20px;
margin-bottom: 30px;
}
@media print, screen and (max-width : 720px) {
.subtit{
font-size:24px;
}
}

.icon_wrap{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
}
.icon_wrap>dl{
width: 25%;
}
@media print, screen and (max-width : 720px) {
.icon_wrap>dl{
width: 48%;
}
}

.icon_wrap>dl>dt,
.icon_wrap>dl>dd{
font-size:14px;
text-align: center;
line-height: 1.5;
}
@media print, screen and (max-width : 720px) {
.icon_wrap>dl>dt,
.icon_wrap>dl>dd{
font-size:14px;
}
}

.ziaensosan_wrap{
display: flex;
font-size:14px;
line-height: 1.5;
width: 80%;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
@media print, screen and (max-width : 720px) {
.ziaensosan_wrap{
display: inline;
font-size:14px;
width: 100%;
}
.ziaensosan_wrap>img{
padding-top: 16px;
}

}

.ziaensosan_wrap>div{
margin-left: 16px;
}
@media print, screen and (max-width : 720px) {
.ziaensosan_wrap>div{
margin-left: 16px;

}
}
.ziaensosan_box{
display: flex;
font-size:14px;
line-height: 1.5;
margin-top: 16px;
}
@media print, screen and (max-width : 720px) {
.ziaensosan_box{
display: inline;
font-size:14px;
}
}

.ziaensosan_box>dl{
width: 176px;
margin-right: 16px;
}
@media print, screen and (max-width : 720px) {
.ziaensosan_box>dl{
width: 100%;
margin-top: 10px;
}
.ziaensosan_box>dl>dt>img{
width: 100%
}
}

.ziaensosan_box>dl>dd{
text-align: center;
padding-top: 10px;
}
.att{
padding:14px;
font-size:14px;
line-height: 1.5;
border: 1px solid #000000;
text-align: center;
}
@media print, screen and (max-width : 720px) {
.att{
padding:24px;
font-size:14px;
margin-top: 10px;
}
}
@media print, screen and (max-width : 720px) {
/*フッタの調整*/
.btnbox{
text-align: center;
padding-top: 40px;
}
.btn{
font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1em 4em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5em;
  }
  .btn_gray,
a.btn_gray {
  color: #fff;
  background-color: #7d7d7d;
}
.btn_gray:hover,
a.btn_gray:hover {
  color: #fff;
  background: #626262;
}
#footer {
display: none;
}
}

/*トップページ*/
.top_infection-control_box{
width: 730px;
margin-right: auto;
margin-left: auto;
margin-bottom: 40px;
border: 1px solid #000000;
display: flex;
justify-content: center;
padding-top: 16px;
padding-bottom: 16px;
background-image: url(images/go_infection-control_ya.png);
background-position: right center;
background-repeat: no-repeat;
}
.top_infection-control_box>dt{
padding-right: 20px;
}
.top_infection-control_box>dd>img{
display: block;
padding-bottom: 4px;
}
a .top_infection-control_box>dd{
color: #000000;
width: 75%;
text-align: left;
}
a.go_infection-control{
text-decoration:none;
}