@charset "UTF-8";
/* CSS Document */

#main .corona_main_head{
	height: 500px;
	width:  100%;
	overflow:  hidden;
	position:  relative;
}
#main .corona_main_head h2,
#main .corona_main_head h3,
#main .corona_main_head h4,
#main .corona_main_head p{
	position:  relative;
	z-index:  10;
	text-align:  center;
	color:  #fff;
}
#main .corona_main_head h2 { padding-top:  40px;  margin-bottom:  40px;}
#main .corona_main_head h3 { margin:  40px 0 1em 0; font-size:  24px;}
#main .corona_main_head h4 { margin:  0 0 1em 0; font-size:  36px;}

#main .corona_main_head h2 img{ width: 450px;}
#main .corona_main_head p img{ width:  450px;}
#main .main_head_img{
	width:  100%;
	height:  100%;
	position:  absolute;
	top:  0;
	left:  0;
	z-index:  1;
	overflow: hidden;
	background: #000;
}
#main .main_head_img ul{
	width:  100%;
	height:  100%;
	opacity:  0.5;
}
#main .main_head_img li{
	width:  100%;
	height:  100%;
	position:  absolute;
	top:  0;
	left:  0;
	background:  no-repeat center center;
	background-size: cover;
}
#main .main_head_img li:nth-child(1){
	background-image:  url("page_images/corona_2023/main_1_pc.jpg?0822");
}
#main .main_head_img li:nth-child(2){
	background-image:  url("page_images/corona_2023/main_2_pc.jpg?0822");
}
#main .main_head_img li:nth-child(3){
	background-image:  url("page_images/corona_2023/main_3_pc.jpg?0822");
}

#main .sec_present{
	padding:  50px 0;
}
#main .sec_present img{
	margin: 25px 0;
}
#main .sec_present .bnr{
	display: block;
	margin: 0;
}
#main .sec_about_pre{
	padding:  50px 0;
	background: #ede3d0;
	color: #000;
}
#main .sec_about_pre .inner{
 max-width: 780px;
 min-width: 1px;
}
#main .cmt{
 max-width: 860px;
 margin: 0 auto;
}
#main .images{
 background: #004128;
 padding:  30px 0;
 margin-bottom: 60px;
}
#main .images .inner{
 max-width: 1100px;
 min-width: 1px;
}
#main .images img{
 width: 100%;
}
#main .images ul{ margin: 0;}
#main .images li{
 margin-bottom: 0;
}
#main .images li:first-child{
 margin-bottom: 2%;
}

#main .item_pic{
	text-align:  center;
	margin: 0 auto;
	max-width: 340px;
}
#main .item_name{
	text-align:  center;
	margin: 0 auto;
}
#main .item_pre{
	display:  flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-bottom:  60px;
}
#main .item_pre li{
	width:  49.5%;
 position: relative;
}
#main .item_pre .new{
  background: #004128;
  color: #fff;
  padding: 0;
  line-height: 80px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 2%;
  left: 2%;
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 50%;
  font-weight: bold;
}

#main .spec::after,
#main .item_pre::after,
#main .collaboration .grp::after,
#main .item_pre::after{
	content:  normal;
}
#main .pre_read{
	text-align:  center;
	font-size:  112.5%;
	line-height:  1.8;
	margin-bottom:  0px;
}
#main .collaboration{
	padding:  50px 0;
	background:  #002b1a;
	color:  #fff;
}
#main .collaboration .grp{
	display:  flex;
	align-items: center;
	justify-content: space-between;
}
#main .collaboration .c_logo{
	width: 50%;
	text-align:  center;
}
#main .collaboration .c_logo img{
	width: 80%;
	max-width:  390px;
}
#main .collaboration .c_txt{
	width: 50%;
	margin:  0;
	font-size:  100%;
}
#main .product{
	padding:  50px 0;
	background: #004128;
	color: #fff;
}
#main .product h2{
	text-align:  center;
}
#main .product h2 img{
	max-width: 730px;
}
#main .product .cam_txt em{
	font-weight: bold;
	font-size:  150%;
}
#main .product .cam_txt{
	text-align:  center;
}
#main .product .cam_txt strong{
	font-size:  175%;
	color:  yellow;
}
#main .product .cam{
	margin-bottom:  2em;
	text-align:  center;
}
#main .product .cam img{
	max-width:  1160px;
}
#main .btn_ec_area{
	display:  flex;
	justify-content:  center;
	margin:  2em 0 0 0;
	font-size: 112.5%;
	font-weight:  bold;
}
#main .btn_ec_link,
#main .btn_ec_area a{
	display:  block;
	text-align:  center;
	width:  35%;
	min-width: 340px;
	margin:  0;
	padding:  20px 10px;
	line-height:  1.5;
	text-decoration:  none;
	color: #fff;
	background: #004128;
	border-radius:  10px;
	font-size: 16px;
	font-weight: bold;
}
#main .btn_ec_link{
	padding:  20px 10px;
	color: #004128;
	border: 2px solid #004128;
	margin: auto;
	background: none;
}
#main .btn_ec_link_2{
	color: #fff;
	background: #004128;
}

#main .product_detail{
	padding-top:  50px;
}
#main .pro_name,
#main .pro_img,
#main .pro_price{
 text-align:  center;
 color:  #004128;
}
#main .pro_name{
	font-size:  30px;
	margin-bottom:  0;
}
#main .pro_img img{ max-width:  600px;}
#main .pro_price{
	font-size:  100%;
	margin-bottom:  2em;
	font-weight:  bold;
}

#main .sec_video{
	padding:  30px 0;
	background:  #004128;
	color:  #fff;
}
#main .video_outer{
	margin:  0 auto 40px auto;
}
#main .sec_video h3,
#main .sec_video p{
	text-align: center;
}
#main .sec_video h3{
	margin-bottom:  0.5em;
	font-size:  150%;
}

#main .spec{
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto 2em auto;
	padding-top: 2em;
	color: #004128;
	justify-content:  space-between;
}
#main .spec+p{ margin-bottom: 5em;}
#main .spec p:first-child{ margin-bottom: 1em; text-align: center;}
#main .spec li{
	width: 32%;
	margin-bottom:  2em;
}
#main .spec strong{
	font-size:  112.5%;
}

#main .tbl_spec_c {border: 1px solid #999; margin: 2em auto 2em auto;}
#main .tbl_spec_c th{ border: 1px solid #999; background: #f0f0f0; padding: 5px;}
#main .tbl_spec_c td{ border: 1px solid #999; padding: 5px;}

#main .sec_pro_set{
	max-width: 1000px;
	margin: 60px auto 2em auto;
	padding-top: 2em;
	padding: 20px;
	background: #f7f7f7;
	color: #004128;
	border-radius: 10px;
}
#main .sec_pro_set img{
	float: left;
	width: 40%;
	margin-right: 2%;
}
#main .sec_pro_set .txt_c{ margin-top:  2em;}
#main .sec_pro_set div{
	overflow: hidden;
}
#main .sec_pro_set h3{
	font-size: 150%;
	margin-bottom: 0.5em;
}
#main .sec_shura{
	padding: 50px 0;
	background: #f6f6f6;
	color:  #000;
}
#main .sec_shura h2,
#main .sec_shura p{
	color:  #000;
}
#main .sec_shura .txt_c{
	margin-bottom: 2em;
}
#main .c_notes{
	margin: 0 0 1em 2em;
	position: relative;
}
#main .c_notes i{
	display:  inline-block;
	position:  absolute;
	left: -2em;
}
#main .item_spec{
 display: flex;
 justify-content: space-between;
 max-width: 1000px;
 margin: 0 auto 40px auto;
 flex-wrap: wrap;
}
#main .item_spec h2,
#main .item_spec h3{ width: 100%}
#main .item_spec h2{ font-size: 125%;}
#main .item_spec h3{ font-size: 100%;}
#main .item_spec::after{
 content: normal;
}
#main .item_spec div{
 width: 49%;
}
#main .item_spec table{ border: 1px solid #999; width: 100%;}
#main .item_spec th{ border: 1px solid #999; background: #f0f0f0; padding: 5px;}
#main .item_spec td{ border: 1px solid #999; padding: 5px;}


@media screen and (max-width: 768px) {
	#main .corona_main_head{ padding: 20px }
	#main .corona_main_head h2 { padding-top:  10px;  margin-bottom:  40px;}
	#main .corona_main_head h3 { margin:  20px 0; font-size:  18px;}
	#main .corona_main_head h2 img{ max-width: 480px; width: 100%;}
	#main .corona_main_head p img{ max-width:  400px; width: 100%;}

#main .main_head_img li:nth-child(1){
	background-image:  url("page_images/corona_2023/main_1_sp.jpg?0822");
}
#main .main_head_img li:nth-child(2){
	background-image:  url("page_images/corona_2023/main_2_sp.jpg?0822");
}
#main .main_head_img li:nth-child(3){
	background-image:  url("page_images/corona_2023/main_3_sp.jpg?0822");
}
#main .main_head_img li:nth-child(4){
	background-image:  url("page_images/corona_2023/main_4_sp.jpg?0822");
}

	#main .sec_about_pre{
		padding:  50px 0;
	}
	#main .item_pic{
		max-width: 380px;
	}
	#main .item_pre{
		display: block;
	}
	#main .item_pre li{
		width:  100%;
		margin-bottom: 2em;
	}

	#main .pre_read{
		font-size:  88%;
		text-align: left;
	}
	#main .collaboration .grp{
		display:  block;
	}
	#main .collaboration .c_logo{
		width: 100%;
		text-align:  center;
		margin-bottom: 2em;
	}
	#main .collaboration .c_logo img{
		width: 75%;
	}
	#main .collaboration .c_txt{
		width: 100%;
		margin:  0;
		font-size:  88%;
	}
	#main .product{
		padding:  50px 0;
	}
	#main .product h2 img{
		max-width: 300px;
	}
	#main .product .cam_txt em{
		font-size:  125%;
	}
	#main .product .cam_txt{
		text-align:  left;
	}
	#main .product .cam_txt strong{
		font-size:  125%;
	}
	#main .product .cam{
	}
	#main .product .cam img{
		max-width:  100%;
	}
	#main .btn_ec_area{
		display: block;
		font-size: 100%;
	}
	#main .btn_ec_link,
	#main .btn_ec_area a{
		margin:  1em 0 0 0;
		width:  100%;
		padding:  12px;
	}

	#main .pro_name{
		font-size:  14px;
	}
	#main .pro_img img{ max-width:  100%;}
	#main .pro_price{
	}

	#main .sec_video h3{
		margin-bottom:  0.5em;
		font-size:  100%;
	}
	#main .sec_video p{ text-align:  left;}

	#main .spec{
		display: block;
	}
	#main .spec li{
		width: 100%;
	}
	#main .spec strong{
		font-size:  112.5%;
	}

	#main .sec_pro_set{
		max-width: 100%;
	}
	#main .sec_pro_set img{
		float: none;
		width: 100%;
		margin: 0 0 1em 0;
	}
	#main .sec_pro_set h3{
		font-size: 100%;
	}
 #main .images li{
  margin-bottom: 2%;
 }
 #main .item_spec{
  display: block;
 }
 #main .item_spec div{
  width: 100%;
  margin-bottom: 2em;
 }










}