@charset "UTF-8";

.contentpage .m_img_area{	background-image:url("../images/sterile/m_img@2x.jpg");}

.com_bnrbox1 dd li{
	background-image:url("../images/covid19/com_bnr1_covid@2x.jpg");
}
.com_bnrbox1 dd li:last-child{
	background-image:url("../images/covid19/com_bnr1_clean@2x.jpg");
}



/*共通
---------------------------------------------------------*/
/*cle_title*/
.cle_title{
	text-align:center;
	margin-bottom: 65px;
}
.cle_title .bdr_bg{
	position:relative;
}
.cle_title .bdr_bg::before{
	position:absolute;
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background: #3c83b0;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.cle_title h6{
	font-size:190%;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 50px 0 0 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*cle_title*/
.cle_title{
	margin-bottom: 40px;
}
.cle_title .bdr_bg img{
	display:block;
	max-width: 323px;
	width: 35%;
	margin: 0 auto;
}
.cle_title h6{
	font-size:160%;
	letter-spacing: 0.15em;
	margin: 25px 0 0 0;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*cle_title*/
.cle_title{
	margin-bottom: 7%;
}
.cle_title .bdr_bg img{
	width: 55%;
}
.cle_title h6{
	font-size:6vw;
	letter-spacing: 0.1em;
	margin: 5% 0 0 0;
}
}





/*com_lead
---------------------------------------------------------*/
.com_lead{
	margin-bottom:50px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_lead{
	margin-bottom:30px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead{
	margin-bottom:8%;}
}





/*滅菌・超滅菌主義宣言！
---------------------------------------------------------*/
.book{
	max-width: 895px;
	margin: 0 auto 70px auto;
	width: 90%;
	padding-top: 35px;
	position: relative;
	color:#ffffff;
}
.book .book_bg{
	background:url("../images/sterile/book_bg@2x.png") no-repeat left top #66b1d0;
	background-size:auto 100%;
}
.book .book_bg .abs_fkds{
	position: absolute;
	left: 40px;
	top: 5px;
	max-width: 368px;
	width: 50%;
}
.book .book_bg .abs_img{
	position: absolute;
	right: -30px;
	top: 0;
	max-width: 368px;
	width: 28%;
}
.book .txt_box{
	max-width: 615px;
	margin: 0 auto 0 0;
	width: 69%;
	padding: 40px 0 40px 40px;
}
.book .txt_box .title{
	max-width:489px;
	width: 80%;
	margin: 0 auto 0 0;
}
.book .txt_box p{
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px solid #ffffff;}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.book{
	margin: 0 auto 50px auto;
	padding-top: 25px;
}
.book .book_bg{
	background-size:35% auto;
}
.book .book_bg .abs_fkds{
	left: 5%;
	top: 0;
	width: 45%;
}
.book .book_bg .abs_img{
	right: -5%;
	width: 30%;
}
.book .txt_box{
	width: 69%;
	padding: 30px 0 30px 5%;
}
.book .txt_box .title{
	width: 70%;
}
.book .txt_box p{
	margin-top: 10px;
	padding-top: 10px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.book{
	margin: 0 auto 10% auto;
	width: 100%;
	padding-top: 6vw;
}
.book .book_bg{
	background-size:50% auto;
}
.book .book_bg .abs_fkds{
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	width: 85%;
}
.book .book_bg .abs_img{
	position: static;
	width: 80%;
	max-width:259px;
	margin: 0 auto;
	padding-bottom: 5%;
}
.book .txt_box{
	max-width: 90%;
	width: 90%;
	padding:9% 5% 5% 5%;
}
.book .txt_box .title{
	width: 100%;
	margin: 0 auto;
}
.book .txt_box p{
	margin-top: 3%;
	padding-top: 3%;}
}






/*除菌・殺菌・滅菌の徹底
---------------------------------------------------------*/
/*lead*/
.box1 .lead{
	margin-bottom:70px;
}
.box1 .lead .bgbox{
	position: relative;
}
.box1 .lead .bgbox::before{
	display: block;
	content: "";
	position:absolute;
	left: 0;
	top: 100px;
	width: 100%;
	height: 175px;
	z-index: -1;
background: -moz-linear-gradient(top, rgba(161,226,242,0.35) 0%, rgba(161,226,242,0) 100%);
background: -webkit-linear-gradient(top, rgba(161,226,242,0.35) 0%,rgba(161,226,242,0) 100%);
background: linear-gradient(to bottom, rgba(161,226,242,0.35) 0%,rgba(161,226,242,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a1e2f2', endColorstr='#00a1e2f2',GradientType=0 );
}
.box1 .lead .inbox{
	padding: 0 3%;
}
.box1 .lead .inbox .img_list{
	max-width:845px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.box1 .lead .inbox .img_list > li{
	float:left;
	width: 24%;
}
.box1 .lead .inbox .img_list > li.icon{
	width: 7%;
	padding: 0 3.5%;
}
.box1 .lead .inbox .img_list > li.icon p{
	padding-top: 75px;
	margin: 0 auto;
	text-align: center;
}
.box1 .lead h5{
	text-align: center;
	font-size:175%;
	letter-spacing: 0.05em;
	margin-bottom: 50px;
} 
.box1 .lead h5 span{
	color:#3c83b0;
}
.box1 .flt_box .img_box{
	max-width: 390px;
	width: 36%;
	float: right;
	margin: 0 0 1em 4%;
}

/*jyokin*/
.box1 .jyokin {
	margin-bottom: 70px;
}
.box1 .jyokin .main_img{
	max-width:978px;
	margin: 0 auto 70px auto;
}
.box1 .jyokin .com_btn1{
	margin-top:45px;
}

/*flow*/
.box1 .flow .flow_list > li{
	position:relative;
	padding: 55px 50px 50px 50px;
	margin-bottom: 75px;
}
.box1 .flow .flow_list > li:last-child{
	padding-bottom: 95px;
	margin-bottom: 0;
}
.box1 .flow .flow_list > li::before,
.box1 .flow .flow_list > li::after{
	position:absolute;
	display: block;
	content: "";
	left: 0;
	right: 0;
	margin: 0 auto;}
.box1 .flow .flow_list > li::before{
	top: 0;
	width: 100%;
	height: 100px;
	z-index: -1;
background: -moz-linear-gradient(top, rgba(174,190,230,0.25) 0%, rgba(174,190,230,0) 100%);
background: -webkit-linear-gradient(top, rgba(174,190,230,0.25) 0%,rgba(174,190,230,0) 100%);
background: linear-gradient(to bottom, rgba(174,190,230,0.25) 0%,rgba(174,190,230,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40aebee6', endColorstr='#00aebee6',GradientType=0 );
	}
.box1 .flow .flow_list > li::after{
	top: 100%;
	background:url("../images/sterile/flow_arrow@2x.png") no-repeat center top;
	background-size: 100% auto;
	max-width: 65px;
	height: 25px;
	width: 10%;
}
.box1 .flow .flow_list > li:last-child::after{
	background:none;
}
.box1 .flow .flow_list > li .flt_box .txt_box{
	width:56%;
	float: left;
	padding-top: 20px;
}
.box1 .flow .flow_list > li .flt_box .img_box{
	width:39%;
	float: right;
	max-width: 390px;
}
.box1 .flow .flow_list > li .flt_box .txt_box dt{
	font-size:160%;
	letter-spacing: 0.15em;
	color:#3c83b0;
	padding: 10px 0 10px 85px;
	background-repeat: no-repeat;
	background-size:75px 50px;
	background-position: left top;
	margin-bottom: 20px;
}
.box1 .flow .flow_list > li.flow1 .flt_box .txt_box dt{	background-image:url("../images/sterile/flow_icon1.svg");}
.box1 .flow .flow_list > li.flow2 .flt_box .txt_box dt{	background-image:url("../images/sterile/flow_icon2.svg");}
.box1 .flow .flow_list > li.flow3 .flt_box .txt_box dt{	background-image:url("../images/sterile/flow_icon3.svg");}
.box1 .flow .flow_list > li.flow4 .flt_box .txt_box dt{	background-image:url("../images/sterile/flow_icon4.svg");}
.box1 .flow .flow_list > li.flow5 .flt_box .txt_box dt{	background-image:url("../images/sterile/flow_icon5.svg");}

.box1 .faq .faq_list > li{
	float:left;
	width: 48%;
}
.box1 .faq .faq_list > li:last-child{
	float:right;
}
.box1 .faq .faq_list .q_box{
	text-align:center;
	font-size:160%;
	letter-spacing: 0.1em;
	position: relative;
	background-repeat: no-repeat;
	background-size:100% 100%;
	background-position: center top;
	color:#ffffff;
	margin-bottom: -20px;
	padding: 35px 0 60px 0;
}
.box1 .faq .faq_list > li:first-child .q_box{background-image:url("../images/sterile/q_bg_1@2x.png");}
.box1 .faq .faq_list > li:last-child .q_box{background-image:url("../images/sterile/q_bg_2@2x.png");}
.box1 .faq .faq_list .a_box{
	max-width: 445px;
	margin: 0 auto;
}
.box1 .faq .faq_list .q_box::before{
	position:absolute;
	display: block;
	content: "";
	left: 15px;
	top: -25px;
	max-width: 60px;
	height: 60px;
	width: 18%;
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position: left top;
}
.box1 .faq .faq_list > li:first-child .q_box::before{background-image:url("../images/sterile/icon_q_1.svg");}
.box1 .faq .faq_list > li:last-child .q_box::before{background-image:url("../images/sterile/icon_q_2.svg");}
.box1 .faq .a_box dt{
	text-align:center;
	font-size:160%;
	letter-spacing: 0.15em;
	margin: 35px 0 20px 0;
}
.box1 .faq .faq_list > li:first-child .a_box dt{color:#9d69af;}
.box1 .faq .faq_list > li:last-child .a_box dt{color:#3c83b0;}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*lead*/
.box1 .lead{
	margin-bottom:50px;
}
.box1 .lead .bgbox::before{
	top: 11vw;
	height: 100px;
}
.box1 .lead .inbox .img_list{
	width: 90%;
	padding-bottom: 25px;
}
.box1 .lead .inbox .img_list > li{
	float:left;
	width: 26%;
}
.box1 .lead .inbox .img_list > li.icon{
	width: 7%;
	padding: 0 2%;
}
.box1 .lead .inbox .img_list > li.icon p{
	padding-top: 8vw;
}
.box1 .lead h5{
	font-size:150%;
	line-height: 1.5em;
	margin-bottom: 30px;
} 
.box1 .flt_box .img_box{
	width: 40%;
	margin: 1em 0 1em 4%;
}

/*jyokin*/
.box1 .jyokin {
	margin-bottom: 60px;
}
.box1 .jyokin .main_img{
	width: 90%;
	margin: 0 auto 40px auto;
}
.box1 .jyokin .com_btn1{
	margin-top:30px;
}

/*flow*/
.box1 .flow .flow_list > li{
	padding: 30px 30px 30px 30px;
	margin-bottom: 60px;
}
.box1 .flow .flow_list > li:last-child{
	padding-bottom: 60px;
	margin-bottom: 0;
}
.box1 .flow .flow_list > li::after{
	width: 7%;
}
.box1 .flow .flow_list > li .flt_box .txt_box{
	width:59%;
	padding-top: 0;
}
.box1 .flow .flow_list > li .flt_box .img_box{
	width:36%;
}
.box1 .flow .flow_list > li .flt_box .txt_box dt{
	font-size:140%;
	letter-spacing: 0.05em;
	padding: 3px 0 3px 75px;
	background-size:60px auto;
	margin-bottom: 15px;
}
.box1 .faq .faq_list .q_box{
	font-size:125%;
	letter-spacing: 0.05em;
	margin-bottom: -15px;
	padding: 20px 0 45px 0;
}
.box1 .faq .faq_list .q_box::before{
	left: 10px;
	top: -20px;
	width: 12%;
}
.box1 .faq .a_box dt{
	font-size:135%;
	letter-spacing: 0.1em;
	margin: 20px 0 10px 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*lead*/
.box1 .lead{
	margin-bottom:13%;
}
.box1 .lead .bgbox::before{
	top: 11vw;
	height: 50vw;
}
.box1 .lead .inbox{
	padding: 0 3%;
}
.box1 .lead .inbox .img_list{
	padding-bottom: 5%;
}
.box1 .lead .inbox .img_list > li{
	float:left;
	width: 26%;
}
.box1 .lead .inbox .img_list > li.icon{
	width: 7%;
	padding: 0 2%;
}
.box1 .lead .inbox .img_list > li.icon p{
	padding-top:9vw;
}
.box1 .lead h5{
	font-size:5.2vw;
	margin-bottom:5%
}
.box1 .flt_box .img_box{
	width: 70%;
	float: none;
	margin: 0 auto 5% auto;
}

/*jyokin*/
.box1 .jyokin {
	margin-bottom: 15%;
}
.box1 .jyokin .main_img{
	margin: 0 auto 10% auto;
}
.box1 .jyokin .com_btn1{
	margin-top:5%;
}

/*flow*/
.box1 .flow .flow_list > li{
	padding: 7% 5% 7% 5%;
	margin-bottom: 10%;
}
.box1 .flow .flow_list > li:last-child{
	padding-bottom: 13%;
	margin-bottom: 0;
}
.box1 .flow .flow_list > li::before{
	height: 30vw;
	}
.box1 .flow .flow_list > li::after{
	width: 13%;
}
.box1 .flow .flow_list > li .flt_box .txt_box{
	width:100%;
	float: none;
	padding-top: 0;
}
.box1 .flow .flow_list > li .flt_box .img_box{
	width:70%;
	float: none;
	margin: 5% auto 0 auto;
}
.box1 .flow .flow_list > li .flt_box .txt_box dt{
	font-size:5.5vw;
	letter-spacing: 0.05em;
	padding: 0 0 0 12vw;
	background-size:10vw auto;
	margin-bottom: 5%;
}

.box1 .faq .faq_list > li{
	float:none;
	width: 100%;
}
.box1 .faq .faq_list > li:last-child{
	float:none;
	margin-top: 13%;
}
.box1 .faq .faq_list .q_box{
	font-size:5.5vw;
	letter-spacing: 0.05em;
	margin-bottom: -5vw;
	padding: 9vw 0 15vw 0;
}
.box1 .faq .faq_list .a_box{
	max-width: 100%;
}
.box1 .faq .faq_list .q_box::before{
	left: 3%;
	top: -3vw;
	width: 12%;
}
.box1 .faq .a_box dt{
	font-size:5.5vw;
	letter-spacing: 0.1em;
	margin: 5% 0 2% 0;
}
}





/*院内感染ゼロを実現する衛生設備
---------------------------------------------------------*/
.box2 .cln_index{
	margin-bottom: 25px;
}
.box2 .cln_index dt{
	color:#928d81;
	letter-spacing: 0.1em;
	margin-bottom:8px;
}
.box2 .cln_index dd{
	color:#3c83b0;
	font-size:165%;
	letter-spacing: 0.12em;
}
.box2 .flt_box{
	margin-bottom: 70px;
}
.box2 .flt_box .img_box{
	max-width:550px;
	width: 45%;
	float: right;
}
.box2 .flt_box .txt_box{
	width: 51%;
	float: left;
}
.box2 .device_list > li{
	float:left;
	width: 31%;
	margin-right: 3.5%;
}
.box2 .device_list > li:last-child{
	margin-right: 0;
}
.box2 .device_list > li .cln_index{
	text-align:center;
	margin-top: 30px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .cln_index{
	margin-bottom: 10px;
}
.box2 .cln_index dt{
	font-size:90%;
	letter-spacing: 0.05em;
	margin-bottom:8px;
	line-height: 1.5em;
}
.box2 .cln_index dd{
	font-size:140%;
	letter-spacing: 0.05em;
	line-height: 1.4em;
}
.box2 .flt_box{
	margin-bottom: 40px;
}
.box2 .flt_box .img_box{
	width: 48%;
	padding: 0 0 1em 4%;
}
.box2 .flt_box .txt_box{
	width: 100%;
	float: none;
}
.box2 .device_list > li .cln_index{
	margin-top: 30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .cln_index{
	margin-bottom: 3%;
	text-align: center;
}
.box2 .cln_index dt{
	font-size:4.3vw;
	letter-spacing: 0.05em;
	margin-bottom:2%;
}
.box2 .cln_index dd{
	font-size:6.5vw;
	letter-spacing: 0.05em;
}
.box2 .flt_box{
	margin-bottom: 0;
}
.box2 .flt_box .img_box{
	width: 100%;
	float: none;
	margin: 0 auto 5% auto;
}
.box2 .flt_box .txt_box{
	width: 100%;
	float: none;
}
.box2 .device_list > li{
	float:none;
	width: 100%;
	margin-right:0;
	margin-top: 8%;
	padding-top: 8%;
	border-top:1px solid #928d81;
}
.box2 .device_list > li .img_box{
	max-width:550px;
	width: 80%;
	margin: 0 auto;
}
.box2 .device_list > li .cln_index{
	text-align:center;
	margin-top: 5%;
}

}





/*message
---------------------------------------------------------*/
#message{
	margin-bottom:90px;
}
#message .bgbox{
	position:relative;
	background:url("../images/sterile/msg_bg_corner@2x.png") no-repeat left top;
	background-size:40% auto;
	padding-top: 90px;
}
#message .bgbox::before,
#message .bgbox::after{
	position: absolute;
	display:block;
	content: "";
	right: 0;
	top: 0;}
#message .bgbox::before{
	background:url("../images/sterile/msg_bg_img@2x.png") no-repeat right top;
	background-size:100% auto;
	max-width: 785px;
	height: 675px;
	width: 70%;
	z-index: -2;
}
#message .bgbox::after{
	z-index: -1;
	height: 500px;
	width: 100%;
background: -moz-linear-gradient(top, rgba(161,226,242,0.35) 0%, rgba(161,226,242,0) 100%);
background: -webkit-linear-gradient(top, rgba(161,226,242,0.35) 0%,rgba(161,226,242,0) 100%);
background: linear-gradient(to bottom, rgba(161,226,242,0.35) 0%,rgba(161,226,242,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a1e2f2', endColorstr='#00a1e2f2',GradientType=0 );
}
#message .txt_box .title{
	max-width: 780px;
	width: 70%;
	margin: 0 auto 40px 0;
}
#message .txt_box p{
	max-width:720px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#message{
	margin-bottom:60px;
}
#message .bgbox{
	background-size:30% auto;
	padding-top: 60px;
}
#message .bgbox::before{
	width: 60%;
	opacity: 0.4;
}
#message .bgbox::after{
	z-index: -1;
	height: 400px;
}
#message .txt_box .title{
	width: 75%;
	margin: 0 auto 30px 0;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#message{
	margin-bottom:10%;
}
#message .bgbox{
	background-size:50% auto;
	padding-top: 10%;
}
#message .bgbox::before{
	width: 50%;
}
#message .txt_box .title{
	width: 90%;
	margin: 0 auto 5% 0;
}
}