@charset "utf-8";
/* CSS Document */
#pagetop{
	width:100%;
	height:180px;
	margin: 0 auto;
}
h2 {
  position: absolute;
  top: 360px;
  left: 70%;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 2px 2px 5px #595656;
}
.container {
	width: 100%;
	max-width: 1000px;
	position: relative;
	top: 300px;
	margin: 0 auto;
}
.container_oem {
	width: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
}
.container_medi {
	width: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
}

.container_privacy {
	width: 100%;
	max-width: 1000px;
	position: relative;
	top: 250px;
	margin: 0 auto -200px;
}

/* 企業概要 */

.company_introduce, .request_inform {
	width: 1050px;
}

.company_introduce{
	font-size: 115%;
}

.tb_company {
	width: 1050px;
	border-collapse: collapse;
	font-size: 105%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
}

.tb_company td {
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
	padding: 10px 30px;
}

.tb_company td:nth-child(odd) {
	background: #d6edf3;
	width: 150px;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-align: left;
	padding: 20px;
	line-height: 180%;
}

.tb_company td:nth-child(even) {
	padding-left: 150px;
  	padding-bottom: 10px;
}

.tb_history td:nth-child(odd) {
	-moz-text-align-last: left;
	text-align-last: center;
}

.company_contact {
	display:block;
	width: 1050px;
	height:280px;
	padding:20px;
	text-align: center;
	vertical-align:middle;
	margin: 50px auto 5%;
	font-size: 110%;
}

.company_contact_title{
	text-align: center;
	font-weight: bold;
  font-size: 160%;
  letter-spacing: 5px;
  margin-bottom: 10px;
}

/* 国内製造マスク */
.mask_explain {
	width: 1050px;
	font-size: 105%;
}
/*マスク上部とマスク商品部分の幅*/
.about_mask_wrap, .merchandise {
	display: flex;
	width: 100%;
}

.about_mask {
	/* width: 30%; */
	width: 100%;
}
.mask_photo {
	width:100%;
}
img .mask_photo {
	width:600px;
}


.mask_link {
	zoom: 1.2;
	position: absolute;
	top: 15%;
	left: 3%;
}

.about_mask_flex {
	width: 100%;
	margin-bottom: 10px;
}

.about_mask_flex img {
	/* width: 25%; */
	zoom: 0.5;
}

.about_mask_flex p {
	margin-left: 3%;
	font-size: 120%;
}

.about_mask_photo {
	width: 95%;
	zoom: 1.2;
}

.about_mask_right {
	width:550px;
	float:right;
	margin-left: 2%;
}

.about_mask_right_title {
	font-size: 40px;
}

.merchandise p {
	width: 40%;
}

.flex_document {
	width: 1050px;
	display: flex;
	justify-content:space-evenly;
}

.flex_document img {
	zoom: 0.6;
	margin-right: 10px;
}

.half_display {
	display: flex;
	width: 100%;
}

.flow_face_mask {
	width: 50%;
}

.flow_face_mask p {
	width: 47%;
	display: inline-block;
	padding: 0;
	padding-left: 2%;
	vertical-align: top;
	word-wrap: break-word;
}

.flow_face_mask img {
	width: 100%;
	height: 100%;
}
.num{
	display:block;
	width:27px;
	height:100px;;
	float:left;
}
.attention {
	text-align: center;
	margin: 0;
	margin-left: 5%;
}

.mask_flex_column {
	display: flex;
	flex-direction: column;
	width: 45%;
	height: 100%;
}

.mask_flex_column p {
	font-size: 150%;
}

.merchandise img {
	width: 90%;
}

.mask_price {
	display: inline-block;
  width: 80%;
  /* background: #F60; */
	background: #005dad;
  color: #ffffff;
  font-size: 150%;
  text-align: right;
  font-weight: bold;
  padding: 5px;
}

.mask_price_small {
	background: #e84a95;
}

.mask_buy {
	/* background-color: #ff9900; */
	background-color: #122a88;
	color: white;
	text-align: center;
	border: none;
	font-size: 150%;
	font-weight: bold;
	width: 40%;
	margin-top: 3%;
	margin-left: 20%;
	padding: 10px;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
}
.masklist{
	margin-top:50px;
}
.masklist ul li {
	list-style:none;
  position: relative;
  padding-left: 40px;
}
.masklist ul li:before {
  color: #666;
  content: "・";
  font-size:60px;
  position: absolute;
  top: -40px;
  left: 0;
}
.kome{
	margin-left:23px;
}



/* 抗菌消臭剤 */
.g2tam_text {
	width: 1050px;
}

.g2tam_flex {
	display: flex;
	width: 1050px;
}

.g2tam_flex_row {
	margin-left: 3%;
	margin-right: 12%;
}

.g2tam_red_text {
	color: #a5003c;
	font-size: 260%;
	font-weight: bold;
}

.g2tam_black_text {
	font-weight: bold;
	font-size: 200%;
}

.g2tam_green_text {
	color: #006835;
	font-size: 480%;
	font-weight: bold;
}

.g2tam_flex img {
	zoom: 1.5;
	margin-left: 20%;
}

.g2tam_img {
	width: 1050px;
	margin-bottom: 5%;
}

.h4_subtext {
	padding: 0;
	font-size: 50%;
	font-weight: normal;
}

.g2tam_price {
	width: 90%;
	background: #A2CDEE;
}

.g2tam_buy {
	margin-left: 25%;
}


/* よくある質問 */
.faq_wrapper {
	display: flex;
	width: 500px;
}

.faq_contents {
	margin-right: 20%;
}

.faq_question_items {
	display: flex;
  	margin: 4% 0 2% 0;
}

.faq_question_title {
	color: #84cee2;
	font-size: 36px;
	font-weight: bold;
	width: 10%;
	margin: 0;
}

.faq_question {
	width: 90%;
	color: black;
	border-top: dotted 4px #84cee2;
	border-bottom: dotted 4px #84cee2;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0;
}

.faq_answer_items {
	display: flex;
  	margin: 0;
}

.faq_answer_title {
	color: #ed7b92;
	font-size: 36px;
	font-weight: bold;
	width: 10%;
	margin-top:-10px;
}

.faq_answer {
	width: 90%;
	color: black;
	font-size: 120%;
}

/* お問合せ */
.Form {
	margin-bottom: 20px;
	max-width: 1100px;
}

.Form-Item {
	border-top: 1px solid #ddd;
	padding-top: 24px;
	padding-bottom: 24px;
	width: 90%;
	max-height: 500px;
	display: flex;
	align-items: center;
}

.form_flex_column {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.form_flex_column p {
	margin: 10px 0 0 40px;
	font-size: 16px;
}

.zipcode {
	display: flex;
}

.zipcode p {
	width: 30%;
	margin-left: 20px;
}

.form_contact {
	background: #eaedf2;
	margin-left: 40px;
	padding: 20px 0;
}

.Form-Item-Label {
	width: 100%;
	max-width: 248px;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 18px;
}

.Form-Item-Label.isMsg {
	margin-top: 8px;
	margin-bottom: auto;
}

.Form-Item-Label-Required {
	border-radius: 6px;
	margin-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 48px;
	display: inline-block;
	text-align: center;
	background: #5bc8ac;
	color: #fff;
	font-size: 13px;
}

.Form-Item-Input {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding-left: 1em;
	padding-right: 1em;
	height: 48px;
	width: 100%;
	max-width: 710px;
	background: #eaedf2;
	font-size: 18px;
}

.Form-Item-Input-chkbox {
	margin-left: 40px;
	height: 30px;
	width: 50px;
	background: #eaedf2;
	font-size: 18px;
}

.Form-Item-Textarea {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding: 1em;
	height: 216px;
	flex: 1;
	width: 100%;
	max-width: 710px;
	background: #eaedf2;
	font-size: 18px;
}

.btn-flex {
	display: flex;
}

.Form-Btn {
	border-radius: 6px;
	margin-top: 32px;
	margin-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100px;
	display: block;
	letter-spacing: 0.05em;
	background: #5bc8ac;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

/*送信確認ページ*/
table.tbl01{
	width:100%;
	margin:0 0 15px;
	font-size:120%;
		border: 1px solid #ddd;

}
table.tbl01 th,
table.tbl01 td{
	font-weight:normal;
	text-align:left;
	padding:15px;
	vertical-align:middle;
	font-size: 1.0em;
			border-bottom: 1px solid #ddd;

}
table.tbl01 th{
	width:200px;
		background: #eaedf2;

}
table.tbl01 th img{
	float:right;
	display:inline-block;
}
table.tbl01 table{
	width:100%;
	margin:0 0 10px;
	border:none;
}
table.tbl01 table th{
	font-weight:bold;
	padding:15px 0;
	border:none;
	background:none;
	vertical-align:top;
}
table.tbl01 table td{
	padding:0;
	border:none;
}
/*送信完了画面の設定*/
.form_end{
  	max-width: 1100px;
	height:500px;
	margin:40px 0px 30px;
	border:1px #84cee2 dotted;
}
.form_end p{
	margin:30px 10px 0px;
	font-size:110%;
}
.end_logo{
	width:90%;
	margin:160px auto 50px;
	text-align:center;
}

@media screen and (max-width: 480px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}
/*ノートPC*/
@media screen and (max-width: 1366px){
#pagetop{
	width:100%;
	height:150px;
	margin: 0 auto;
}
#pagetop img{
	width:100%;
	height:350px;
}
h2 {
  position: absolute;
  top: 280px;
  left: 68%;
  font-size: 35px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 2px 2px 5px #595656;
}

.container {
	max-width: 900px;
	position: relative;
	top: 250px;
	margin: 0 auto;
}
.container_oem {
	max-width: 2000px;
	width: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
}
.container_medi {
	max-width:2000px;
	width: 100%;
	position: relative;
	top: 50px;
	margin: 0 auto;
}

.container_privacy {
	clear:both;
	width: 100%;
	max-width: 900px;
	position: relative;
	top: 200px;
	margin: 0 auto;
}

/* 企業概要 */

.company_introduce, .request_inform {
	width: 900px;
}

.company_introduce{
	font-size: 115%;
}

.tb_company {
	width: 900px;
	border-collapse: collapse;
	margin: 20px 0 60px;
	font-size: 105%;
}

.tb_company td {
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
	padding: 10px 30px;
}

.tb_company td:nth-child(odd) {
	background: #d6edf3;
	width: 150px;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-align: left;
	padding-top: 10px;
	line-height: 180%;
}

.tb_company td:nth-child(even) {
	padding-left: 150px;
  padding-bottom: 10px;
}

.tb_history td:nth-child(odd) {
	-moz-text-align-last: left;
	text-align-last: center;
}

.company_contact {
	width: 900px;
	text-align: center;
	margin: 50px auto;
	font-size: 110%;
}

.company_contact_title {
	text-align: center;
	font-weight: bold;
  font-size: 160%;
  letter-spacing: 5px;
  margin-bottom: 10px;
}
.privacy_contact {
	display:block;
	width: 900px;
	text-align: center;
	margin: 50px auto 0px;
	font-size: 110%;
}
iframe {
	width: 100%;
	max-width:900px;
}

/* 国内製造マスク */
.mask_explain {
	width: 900px;
	font-size: 105%;
}
/*マスク上部とマスク商品部分の幅*/
.about_mask_wrap, .merchandise {
	display: flex;
	width: 100%;
	max-width:900px;
}

.about_mask {
	/* width: 30%; */
	width: 100%;
}
.mask_photo {
	width:100%;
}
img .mask_photo {
	width:600px;
}


.mask_link {
	zoom: 1.2;
	position: absolute;
	top: 15%;
	left: 3%;
}

.about_mask_flex {
	width: 100%;
	margin-bottom: 10px;
}

.about_mask_flex img {
	/* width: 25%; */
	zoom: 0.5;
}

.about_mask_flex p {
	margin-left: 3%;
	font-size: 120%;
}

.about_mask_photo {
	width: 95%;
	zoom: 1.2;
}

.about_mask_right {
	width:550px;
	float:right;
	margin-left: 2%;
}

.about_mask_right_title {
	font-size: 40px;
}

.merchandise p {
	width: 40%;
}

.flex_document {
	width: 100%;
	display: flex;
	justify-content:space-evenly;
}

.flex_document img {
	margin-right: 10px;
	width:450px;
}

.half_display {
	display: flex;
	width: 100%;
}


.flow_face_mask {
	width: 50%;
}

.flow_face_mask p {
	width: 48%;
	display: inline-block;
	padding: 0;
	padding-left: 2%;
	vertical-align: top;
	word-wrap: break-word;
}

.flow_face_mask img {
	width: 100%;
	height: 100%;
}

.attention {
	text-align: center;
	margin: 0;
	margin-left: 5%;
}

.mask_flex_column {
	display: flex;
	flex-direction: column;
	width: 45%;
	height: 100%;
}

.mask_flex_column p {
	font-size: 150%;
}

.merchandise img {
	width: 90%;
}

.mask_price {
	display: inline-block;
  width: 80%;
  /* background: #F60; */
	background: #005dad;
  color: #ffffff;
  font-size: 150%;
  text-align: right;
  font-weight: bold;
  padding: 5px;
}

.mask_price_small {
	background: #e84a95;
}

.mask_buy {
	/* background-color: #ff9900; */
	background-color: #122a88;
	color: white;
	text-align: center;
	border: none;
	font-size: 150%;
	font-weight: bold;
	width: 40%;
	margin-top: 3%;
	margin-left: 20%;
	padding: 10px;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
}

/* OEM無効/
.oem_title {
	background: url(../images/oem/title_background.png);
	background-size: cover;
	width: 900px;
	height: 50px;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

.oem_suggest {
	width: 900px;
}

.oem_suggest_flex {
	display: flex;
	justify-content:center;
}

.oem_suggest_flex img {
	width: 20%;
	height: 20%;
	margin-left: 5%;
}

.suggest_text {
	font-size: 150%;
	color: #0068b7;
}

.text_right {
	text-align: left;
	font-size: 110%;
}

.oem_suggest_flex_label {
	display: flex;
	zoom:0.8;
	margin-bottom: 3%;
}

.oem_suggest_flex_mask {
	display: flex;
}

.oem_suggest_flex_mask_row {
	margin-right: 10%;
}

.oem_suggest_mask_left {
	margin-right: 10%;
}

.oem_suggest_mask1 {
	zoom:0.8; 
	border-radius: 10%;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

.oem_suggest_mask1_text {
	text-align: right;
}

.oem_suggest_mask2 {
	zoom:0.7;
}

.oem_suggest_flex_mask p {
	font-size: 110%;
}

.oem_suggest_text {
	color: #0068b7;
	font-size: 120%;
	font-weight: bold;
}

.oem_mask_document , .oem_mask_flow {
	width: 900px;
}

.oem_mask_document_img {
	display: flex;
	justify-content:space-evenly;
	margin-left: 30px;
}

.oem_mask_document_img img {
	zoom:0.5;
	margin-right: 10px;
}

.oem_mask_document_size {
	color: #0e2853;
	font-size: 150%;
	font-weight: bold;
}

.size_small {
	color: #e4007f;
}

.oem_mask_flow img {
	width: 900px;
}

.oem_contact_form a{
	display:block;
	width:70%;
	height:auto;
	margin:10px auto;
	text-align: center;
	color: #0068b7;
	font-weight: bold;
	font-size: 220%;
}
.oem_contact_form a:hover{
	display:block;
	width:70%;
	height:auto;
	margin:10px auto;
	text-align: center;
	color: #e4007f;
	font-weight: bold;
	font-size: 220%;
}*/

/* 抗菌消臭剤 */
.g2tam_text {
	width: 900px;
}

.g2tam_flex {
	display: flex;
	width: 900px;
}

.g2tam_flex_row {
	margin-left: 3%;
	margin-right: 12%;
}

.g2tam_red_text {
	color: #a5003c;
	font-size: 250%;
	font-weight: bold;
}

.g2tam_black_text {
	font-weight: bold;
	font-size: 190%;
}

.g2tam_green_text {
	color: #006835;
	font-size: 380%;
	font-weight: bold;
}

.g2tam_flex img {
	zoom: 1.5;
	margin-left: 20%;
}

.g2tam_img {
	width: 900px;
	margin-bottom: 5%;
}

.h4_subtext {
	padding: 0;
	font-size: 50%;
	font-weight: normal;
}

.g2tam_price {
	width: 90%;
	background: #A2CDEE;
}

.g2tam_buy {
	margin-left: 25%;
}


/* よくある質問 */
.faq_wrapper {
	display: flex;
	width: 900px;
}

.faq_contents {
	width: 410px;
	margin-right: 8%;
}

.faq_question_items {
	display: flex;
}

.faq_question_title {
	color: #84cee2;
	font-size: 36px;
	font-weight: bold;
	width: 10%;
	margin: 0;
}

.faq_question {
	width: 410px;
	color: black;
	border-top: dotted 4px #84cee2;
	border-bottom: dotted 4px #84cee2;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0;
}

.faq_answer_items {
	display: flex;
  margin: 0;
}

.faq_answer_title {
	color: #ed7b92;
	font-size: 36px;
	font-weight: bold;
	width: 10%;
	margin-top:-10px;
}

.faq_answer {
	width: 90%;
	color: black;
	font-size: 120%;
}

/* お問合せ */
.Form {
	margin-bottom: 20px;
	max-width: 900px;
}

.Form-Item {
	border-top: 1px solid #ddd;
	padding-top: 24px;
	padding-bottom: 24px;
	width: 90%;
	max-height: 500px;
	display: flex;
	align-items: center;
}

.form_flex_column {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.form_flex_column p {
	margin: 10px 0 0 40px;
	font-size: 16px;
}

.zipcode {
	display: flex;
}

.zipcode p {
	width: 30%;
	margin-left: 20px;
}

.form_contact {
	background: #eaedf2;
	margin-left: 40px;
	padding: 20px 0;
}

.Form-Item-Label {
	width: 100%;
	max-width: 248px;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 18px;
}

.Form-Item-Label.isMsg {
	margin-top: 8px;
	margin-bottom: auto;
}

.Form-Item-Label-Required {
	border-radius: 6px;
	margin-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 48px;
	display: inline-block;
	text-align: center;
	background: #5bc8ac;
	color: #fff;
	font-size: 13px;
}

.Form-Item-Input {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding-left: 1em;
	padding-right: 1em;
	height: 48px;
	width: 100%;
	max-width: 710px;
	background: #eaedf2;
	font-size: 18px;
}

.Form-Item-Input-chkbox {
	margin-left: 40px;
	height: 30px;
	width: 50px;
	background: #eaedf2;
	font-size: 18px;
}

.Form-Item-Textarea {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding-left: 1em;
	padding-right: 1em;
	height: 216px;
	flex: 1;
	width: 100%;
	max-width: 710px;
	background: #eaedf2;
	font-size: 18px;
}

.btn-flex {
	display: flex;
}

.Form-Btn {
	border-radius: 6px;
	margin-top: 32px;
	margin-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100px;
	display: block;
	letter-spacing: 0.05em;
	background: #5bc8ac;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
}
/* タブレット対応*/
@media screen and (max-width: 1024px){
#pagetop{
	width:100%;
	height:150px;
	margin: 0 auto;
}
#pagetop img{
	width:100%;
	height:150px;
}

	@media screen and (min-width: 768px) and (max-width: 999px) {
		h2 {
			position:absolute;
			width: 350px;
			top: 250px;
			left:50%;
			text-align:right;
		}
		.container , .container_privacy{
			top: 150px;
			left: 20%;
			width: 90%;

		}
		.container_medi,.container_oem{
			top: 150px;
			left: 20%;
			width:100%;

	}
	@media screen and (min-width: 1000px){
		h2 {
			position: absolute;
			width: 400px;
			top: 150px;
			left: 85%;
		}
		.container{
			top: 150px;

		}
		.container_privacy,.container_medi,.container_oem {
	top: 150px;
		}
	}

	/* 企業概要 */

.company_introduce, .request_inform, .tb_company, .company_contact {
	width: 100%;
}
.company_contact {
	width: 80%;
	height:300px;
	text-align: center;
	margin: 50px auto;
	font-size: 110%;
}

.company_contact_title {
	display:block;
	clear:both;
	text-align: center;
	font-weight: bold;
  	font-size: 160%;
  	letter-spacing: 5px;
  	margin: 50px auto 20px;
}

iframe {
	width: 100%;
}

/* 国内製造マスク */
.mask_explain, .flex_document {
	width: 100%;
}

.about_mask_wrap, .about_mask_flex, .merchandise {
	width: 100%;
}

.flex_document {
	margin-left: 5px;
}

	@media screen and (min-width: 768px) and (max-width: 999px) {
	.flex_document img {
		zoom: 0.5;
		margin-right: 5px;
	}
	}

.mask_photo {
	zoom: 0.8;
}

.mask_link {
	position: absolute;
	left: 1%;
	top: 13%;
	zoom: 1.2;
}

	@media screen and (min-width: 1000px) {
	.mask_link {
		left: 1%;
		top: 12%;
	}
	}

.about_mask_right {
	margin-left: 12%;
}

.about_mask_right_title {
	font-size: 32px;
}

.about_mask_flex img {
	width: 40%;
	height: 40%;
}

.about_mask_flex p {
	font-size: 95%;
}

	@media screen and (min-width: 768px) and (max-width: 999px) {
	.about_mask_right {
		margin-left: 10%;
	}

	}

.flow_face_mask {
	width: 50%;
}

.flow_face_mask p {
	font-size: 90%;
}

.attention {
	text-align: right;
}

.mask_flex_column {
	width: 50%;
	height: 100%;
}

.mask_flex_column p {
	font-size: 120%;
}

.merchandise {
	width: 100%;
}

.merchandise img {
	width: 90%;
}


/* 抗菌消臭剤 */
.g2tam_text {
	width: 100%;
}

	@media screen and (min-width: 768px) and (max-width: 999px) {
	.g2tam_flex_row {
		margin-left: 3%;
		margin-right: 10%;
	}

	.g2tam_red_text {
		font-size: 200%;
	}

	.g2tam_black_text {
		font-size: 180%;
	}

	.g2tam_green_text {
		font-size: 300%;
	}
	}

.g2tam_img {
	width: 100%;
}

/* よくあるご質問 */
.faq_wrapper {
	width: 450px;

}

.faq_contents {
	margin-right: 13%;
}

/* お問合せ */
.Form {
	max-width: 100%;
}

.Form-Item {
	width: 100%;
	max-height: 500px;
}

.form_flex_column p {
	margin: 10px 0 0 40px;
	font-size: 16px;
}

.zipcode p {
	width: 30%;
	margin-left: 20px;
}

	@media screen and (min-width: 768px) and (max-width: 999px) {
	.zipcode p {
		width: 50%;
		margin-left: 18px;
	}
	}

.Form-Item-Label {
	width: 100%;
	max-width: 248px;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 18px;
}

.Form-Item-Input {
	max-width: 95%;
}

.Form-Item-Input-chkbox {
	margin-left: 40px;
	height: 30px;
	width: 50px;
}

.Form-Item-Textarea {
	width: 95%;
}

}
/* スマホ対応*/
@media only screen and (min-width:361px) and (max-width:768px) {
.container {
	width: 100%;
	max-width: 100%;
	position: relative;
	top: 0px;
	margin: 0 auto;
}

	#pagetop {
		width: 100%;
		height:auto;
		border: none;
		margin:0 0 15px;
	}
	#pagetop img{
		width: 100%;
				height:auto;

	}
	h2 {
		width:95%;
 		position: absolute;
  		top: 120px;
		left:0;
  		font-size: 24px;
  		font-weight: bold;
  		color: #ffffff;
  		text-shadow: 2px 2px 5px #595656;
		text-align:right;
	}
/* 企業概要 */
	.company_introduce, .request_inform, .tb_company {
		margin:0 auto;
		width: 90%;
		padding-top:10px;
	}
	.tb_company td {
		padding: 10px 15px;
		font-size: 80%;
	}

	.tb_company td:nth-child(odd) {
		width: 120px;
	}
	.tb_company td:nth-child(even) {
		padding-left: 15px;
	}
	iframe {
		margin:0 auto;
		width: 100%;
	}

/* 国内製造マスク */
	.mask_explain {
		margin:0 auto;
		width: 90%;
	}
	.about_mask_wrap, .about_mask_flex, .merchandise {
		width: 100%;
		display: block;
		text-align: center;
	}
	.about_mask{
		width: 100%;

	}
	.about_mask_flex img {
		width: 35%;
	}
	.mask_photo {
		margin-top: 8%;
	}
	.mask_photo img{
		width: 800px;
		
	}
	.mask_link {
		position: absolute;
		top: 650px;
		left: 10%;
		zoom: 0.7;
	}
	.about_mask_right {
		margin-left: 5%;
	}
	.merchandise p {
		width: 40%;
	}
	.flex_document {
		display: flex;
		flex-direction: column;
		margin-left: 10px;
		width: 100%;
	}

	.flex_document img {
		width:98%;
	}
	.half_display {
		display: block;
	}
	.flow_face_mask {
		width: 100%;
	}

/* 抗菌消臭剤 */
	.g2tam_text {
		width: 90%;
		margin:0 auto;
	}
	.g2tam_flex {
		display: flex;
		width:100%;
		margin:0 auto;
	}
	.g2tam_flex_row {
		flex-direction: row;
		margin-right: 2%;
	}
	.g2tam_red_text {
		color: #a5003c;
		font-size: 110%;
		font-weight: bold;
	}
	.g2tam_black_text {
		font-weight: bold;
		font-size: 86%;
	}
	.g2tam_green_text {
		color: #006835;
		font-size: 185%;
		font-weight: bold;
	}
	.g2tam_flex img {
		width:90%;
		margin-left: 20%;
	}
	.g2tam_img{
		width:90%;
		margin:-20px auto 0;
		margin-left: 20px;
	}
	.g2tam_img img{
		text-align:center;
				margin:0 auto;
				width:100%;
	}
	/* よくある質問 */
	.faq_wrapper {
		display: block;
		width: 95%;
		margin:0 auto;
	}
	.faq_contents {
		width: 100%;
		margin:0 auto;
	}
	.faq_question_items {
		display: flex;
		width: 100%;
	}
	.faq_question_title {
	display:flex;
	width:10%;
	color: #84cee2;
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	flex: 1;
}
.faq_question {
	width: 80%;
	color: black;
	border-top: dotted 4px #84cee2;
	border-bottom: dotted 4px #84cee2;
	font-size: 130%;
	font-weight: bold;
	padding: 10px 0;
			flex: 9;

	
}
	.faq_answer_items {
		display: flex;
		width:100%;
	}
	.faq_answer_title {
				display:flex;

		color: #ed7b92;
		font-size: 36px;
		font-weight: bold;
		width: 5%;
		margin-top:-10px;
		flex: 1;
	}
	.faq_answer {
		width: 90%;
		color: black;
		font-size: 120%;
		flex: 9;
	}
/* お問合せ */
	.Form {
		margin-bottom: 20px;
		width: 100%;
	}
	.Form-Item {
		padding-left: 14px;
		padding-right: 14px;
		margin-top: 16px;
		margin-bottom: 16px;
		flex-wrap:wrap;
	}
	.Form-Item-Label {
		width: 100%;
		max-width: 500px;
	}
	.Form-Item-Label.isMsg {
		margin-bottom: 16px;
	}
	.form_flex_column {
		display: flex;
		flex-direction: column;
		flex: 1;
	}
	.form_flex_column p {
		margin: 10px 0 0 40px;
		font-size: 100%;
	}
	.zipcode {
		display: block;
	}
	.zipcode p {
		width: 100%;
		margin-left: 40px;
	}
	.form_contact {
		margin-left: 40px;
		padding: 20px 0;
	}
	.form-contact-text {
		font-size: 94%    !important;
	}
	.Form-Item-Label {
		margin-bottom: 20px;
	}
	.Form-Item-Input {
		max-width: 90%;
		font-size: 90%;
	}
	.Form-Item-Input-chkbox {
		margin-left: 15px;
	}
	.Form-Item-Textarea {
		margin-bottom: 20px;
		max-width: 100%;
	}
	.btn-flex {
		display: flex;
	}
	.Form-Btn {
		margin-left: 15%;
		margin-top: 0;
	}

/* プライバシーポリシー */
	.privacy_title {
		font-size: 95%;
	}
	p .privacy_titie{
		font-weight:bold;
	}
	.container p {
		display:block;
		margin:5px auto 0;
		width: 85%;
	}
	
/* 問い合わせ部分 */
	.company_contact {
		display:block;
		width: 90%;
		height:125px;
		padding:0px;
		text-align: center;
		margin: 50px auto 0px;

	}
	.company_contact .company_contact_title{
		text-align: center;
		font-weight: bold;
  		font-size: 150%;
  		letter-spacing: 2px;
  		margin-bottom: 5px;

	}

	.company_contact p {
  		font-size: 95%;
		letter-spacing:0px;
		}

	.company_contact img {
		width: 90%;
		margin-top:5px;
	}
}
	
	@media only screen and (max-width: 360px) {
	h2 {
		width:95%;
 		position: absolute;
  		top: 90px;
		left:0;
  		font-size: 24px;
  		font-weight: bold;
  		color: #ffffff;
  		text-shadow: 2px 2px 5px #595656;
		text-align:right;
	}

	.sp_company_title {
		top: 130px					!important;
		left: 5%;
	}
	.container {
		width: 95%;
		height: 100%;
		position: relative;
		top: 0;
		left: 0;
		padding: 10px;
		overflow:hidden;
	}
	.container_privacy {
		width: 95%;
		height: 100%;
		position: relative;
		top: 100px;
		left: 0;
		padding: 0 10px 50px 10px;
	}
	
	/* 企業概要 */
	.company_introduce, .request_inform, .tb_company {
		width: 100%;
		padding-top:10px;

	}
	.tb_company td {
		padding: 10px 15px;
		font-size: 80%;
	}

	.tb_company td:nth-child(odd) {
		width: 120px;
	}
	.tb_company td:nth-child(even) {
		padding-left: 15px;
	}

	iframe {
		width: 100%;
	}

	.company_contact {
		display:block;
		width: 90%;
		height:125px;
		padding:0px;
		text-align: center;
		margin: 50px auto 0px;

	}
	.company_contact .company_contact_title{
		text-align: center;
		font-weight: bold;
  		font-size: 150%;
  		letter-spacing: 2px;
  		margin-bottom: 5px;
	}

	.company_contact p {
  		font-size: 95%;
		letter-spacing:0px;
		}

	.company_contact img {
		width: 90%;
		margin-top:5px;
	}
	
	@media screen and (max-width: 320px){
	.company_contact p {
			font-size: 70%;
		}
	}

	/* 国内製造マスク */
	.mask_explain {
		width: 100%;
	}
	.about_mask_wrap, .about_mask_flex, .merchandise {
		width: 100%;
		display: block;
		text-align: center;
	}
	.about_mask{
		width: 100%;

	}
	.about_mask_flex img {
		width: 35%;
	}
	.mask_photo {
		margin-top: 8%;
	}
	.mask_photo img{
		width: 800px;
		
	}
	.mask_link {
		position: absolute;
		top: 650px;
		left: 10%;
		zoom: 0.7;
	}
	@media screen and (min-width: 400px){
		.mask_link {
			top: 600px		!important;
			left: 10%			!important;
			zoom: 0.8;
		}
	}
	@media screen and (min-width: 500px){
		.mask_link {
			top: 580px		!important;
			left: 12%			!important;
		}

		img.mask_link  {
			zoom: 0.9;
		}
	}
	@media screen and (max-width: 320px){
		.mask_link {
			top: 680px;
			left: 9%;
		}
	}
	@media screen and (max-width: 280px){
		.mask_link {
			top: 880px;
			left: 9%;
		}
		img.mask_link  {
			zoom: 0.55;
		}
	}
	.about_mask_right {
		margin-left: 5%;
	}
	.merchandise p {
		width: 40%;
	}
	.flex_document {
		display: flex;
		flex-direction: column;
		margin-left: 10px;
		width: 100%;
	}

	.flex_document img {
		width:98%;
	}
	.half_display {
		display: block;
	}
	.flow_face_mask {
		width: 100%;
	}
	@media screen and (max-width: 320px){
		.flow_face_mask img {
			width: 90%;
		}

		.flow_face_mask p{
			font-size: 75%;
			padding-left: 0;
		}
	}
	.attention {
		margin-left: 0;
		font-size: 90%;
	}
	@media screen and (max-width: 320px){
		.attention {
			font-size: 80%;
		}
	}
	.mask_flex_column {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		margin-left: 5%;
	}
	.mask_flex_column p {
		font-size: 100%;
	}

	@media screen and (max-width: 320px){
	.mask_flex_column p {
			font-size: 75%;
		}
	}
	.merchandise img {
		zoom: 1.5;
		width: 80%;
	}
	.mask_price {
		width: 70%;
		font-size: 110%;
		text-align: right;
		margin-left: 5%;
	}
	.mask_buy {
		margin-left: 20%;
		margin-bottom: 3%;
		font-size: 95%;
	}
	.masklist{
	margin-top:50px;
}
.masklist ul li {
	list-style:none;
  position: relative;
  padding-left: 40px;
}
.masklist ul li:before {
  color: #666;
  content: "・";
  font-size:40px;
  position: absolute;
  top: -20px;
  left: 0;
}
.kome{
	margin-top:10px;
	margin-left:15px;
}

	@media screen and (max-width: 360px){
		.mask_price, .mask_buy {
			font-size: 85%;
		}
	}
/* 医療用マスク */

.medical_introduce, .request_inform {
	width:100%;
}
.medical_introduce img{
	width: 100%;
	margin:0 auto 10px;
}

.medical_introduce p{
	width: 100%;
	margin:0 auto;
	font-size: 110%;
}
.medical_contents {
	width:100%;
}
.medical_contents img {
	margin:30px auto;
	width: 100%;
}
.medical_contents .title{
	margin:0 auto -20px;
}
.medi_contact {
	display:block;
	width: 100%;
	height:auto;
	padding:0px 5px 20px;
	text-align: center;
	vertical-align:middle;
	margin: 0px auto 30px;
	font-size: 95%;
	  letter-spacing: -1px;

}
.medi_contact_title {
	text-align: center;
	font-weight: bold;
  font-size: 130%;
  letter-spacing: 3px;
  margin-bottom: 10px;
}

.medi_contact a img{
	width: 100%;
	margin:0px auto 0px;
}
.medi_contact .tel img{
	width: 100%;
	margin:20px auto 0px;
}
.medi_contact strong{
	font-size: 110%;
	line-height:150%;
	color:red;
}



	@media screen and (max-width: 320px){
		.oem_suggest_mask1 {
			zoom: 0.8;
			border-radius: 10%;
		}
	}

	/* 抗菌消臭剤 */
	.g2tam_text {
		width: 100%;
	}
	.g2tam_flex {
		display: flex;
		width:100%;
	}
	.g2tam_flex_row {
		flex-direction: row;
		margin-right: 2%;
	}
	.g2tam_red_text {
		color: #a5003c;
		font-size: 110%;
		font-weight: bold;
	}
	.g2tam_black_text {
		font-weight: bold;
		font-size: 86%;
	}
	.g2tam_green_text {
		color: #006835;
		font-size: 185%;
		font-weight: bold;
	}
	.g2tam_img{
		width:98%;
		margin:-20px auto 30px;
	}
	.g2tam_img img{
		text-align:center;
		margin:0 auto;
		width:100%;
	}

	@media screen and (max-width: 400px){

		.g2tam_green_text {
			font-size: 160%;
		}
	}
	@media screen and (max-width: 300px){
		.g2tam_red_text {
			font-size: 110%;
		}
		.g2tam_black_text {
			font-size: 110%;
		}
		.g2tam_green_text {
			font-size: 130%;
		}
	}
	.g2tam_flex img {
		zoom: 1.5;
		margin-left: 20%;
	}

	/* よくある質問 */
	.faq_wrapper {
		display: block;
		width: 95%;
		margin:0 auto;
	}
	.faq_contents {
		width: 100%;
		margin:0 auto;
	}
	.faq_question_items {
		display: flex;
		width: 100%;
	}
	.faq_answer_items {
		display: flex;
		width: 100%;
	}
	.faq_answer_title {
		color: #ed7b92;
		font-size: 36px;
		font-weight: bold;
		width: 10%;
		margin-top:-10px;
	}
	.faq_answer {
		width: 90%;
		color: black;
		font-size: 120%;
	}
	@media screen and (max-width: 320px){
		.faq_question_title, .faq_answer_title {
			font-size: 30px;
		}
		.faq_question, .faq_answer {
			font-size: 100%;
		}
	}
	/* お問合せ */
	.Form {
		margin-bottom: 20px;
		width: 100%;
	}
	.Form-Item {
		padding-left: 14px;
		padding-right: 14px;
		margin-top: 16px;
		margin-bottom: 16px;
		flex-wrap:wrap;
	}
	.Form-Item-Label {
		width: 100%;
		max-width: 248px;
	}
	.Form-Item-Label.isMsg {
		margin-bottom: 16px;
	}
	@media screen and (min-width: 400px){
		.Form-Item {
			flex-wrap:nowrap;
		}
		.Form-Item-Label {
			max-width: 100px;
		}
	}
	.form_flex_column {
		display: flex;
		flex-direction: column;
		flex: 1;
	}
	.form_flex_column p {
		margin: 10px 0 0 40px;
		font-size: 100%;
	}
	@media screen and (max-width: 320px){
		.form_flex_column p {
			font-size: 90%;
		}
	}
	.zipcode {
		display: block;
	}
	.zipcode p {
		width: 100%;
		margin-left: 40px;
	}
	.form_contact {
		margin-left: 40px;
		padding: 20px 0;
	}
	@media screen and (max-width: 450px){
		.form_contact {
			font-size: 80%;
		}
	}
	.form-contact-text {
		font-size: 94%    !important;
	}
	.Form-Item-Label {
		margin-bottom: 20px;
	}
	.Form-Item-Input {
		max-width: 90%;
		font-size: 90%;
	}
	@media screen and (max-width: 320px){
		.Form-Item-Input {
			font-size: 80%;
		}
	}
	.Form-Item-Input-chkbox {
		margin-left: 15px;
	}
	@media screen and (max-width: 320px){
		.Form-Item-Input-chkbox {
			margin: 0;
		}
	}
	.Form-Item-Textarea {
		margin-bottom: 20px;
		max-width: 100%;
	}
	.btn-flex {
		display: flex;
	}
	.Form-Btn {
		margin-left: 15%;
		margin-top: 0;
	}
	@media screen and (max-width: 320px){
		.Form-Btn {
			font-size: 85%;
		}
	}

	/* プライバシーポリシー */
	.privacy_title {
		font-size: 95%;
	}
	.container_privacy p {
		width: 100%;
	}
	@media screen and (max-width: 320px){
		.privacy_title {
			font-size: 85%;
		}
	}
	@media screen and (max-width: 280px){
		.privacy_title {
			font-size: 75%;
		}
	}

}