@charset "utf-8";
/*------------------------------------------------------------
	product
------------------------------------------------------------*/
#main .imgBox {
	margin-bottom: 65px;
}
#main .imgBox .photoBox {
	width: 546px;
}
#main .imgBox .textBox {
	margin-top: -2px;
	width: calc(100% - 601px);
}
#main .imgBox .textBox .title {
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: 700;
}
#main .imgBox .textBox .txtBox {
	margin-bottom: 80px;
}
#main .imgBox .textBox .txtBox p {
	margin-bottom: 32px;
	line-height: 2;
}
#main .imgBox .textBox .txtBox p:last-child {
	margin-bottom: 0;
}
#main .imgBox .textBox .comBtn {
	margin: 0;
}
#main section .content {
	padding: 0 40px 0 12px;
	box-sizing: border-box;
}
#main section .headLine01 {
	margin-bottom: 36px;
	padding-bottom: 16px;
	font-size: 2.4rem;
	font-weight: 700;
	border-bottom: 1px dotted #707070;
}
#main section .headLine01 .en {
	margin-bottom: 5px;
}
#main .sec01 .textUl {
	width: calc(100% - 460px);
}
#main .sec01 .textUl li {
	margin-bottom: 18px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
}
#main .sec01 .textUl li .num {
	padding: 2px 2px 1px;
	width: 38px;
	min-height: 38px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	font-family: "Roboto", sans-serif;
	border-radius: 50%;
	box-sizing: border-box;
	background-color: #F4AC27;
}
#main .sec01 .textUl li .txt {
	padding-top: 4px;
	width: calc(100% - 50px);
	font-size: 1.8rem;
	font-weight: 500;
	box-sizing: border-box;
}
#main .sec01 .photo {
	padding: 5px 23px 0 0;
	width: 410px;
}
#main .sec02 {
	margin-bottom: 34px;
}
#main .sec02 .headLine01 {
	margin-bottom: 33px;
}
#main .sec02 .inner {
	align-items: start;
}
#main .sec02 .tableBox {
	width: 768px;
	border: 1px solid #EEE;
	box-sizing: border-box;
}
#main .sec02 .tableBox table {
	width: 100%;
	border-collapse: collapse;
}
#main .sec02 .tableBox th,
#main .sec02 .tableBox td {
	padding: 7px 0 15px 22px;
	font-weight: 500;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	word-break: break-all;
}
#main .sec02 .tableBox tr:nth-child(2n) th,
#main .sec02 .tableBox tr:nth-child(2n) td {
	background-color: rgba(238, 238, 238, 0.25);
}
#main .sec02 .tableBox th {
	padding: 8px 0 14px 20px;
	width: 25.5%;
	border-right: 1px solid #EEE;
}
#main .sec02 .photo {
	margin: -5px 43px 0 0;
	width: 285px;
}
#main .sec03 {
	margin-bottom: 86px;
}
#main .sec03 .headLine01 {
	margin-bottom: 21px;
}
#main .sec03 .textBox {
	width: calc(100% - 550px);
}
#main .sec03 .textBox p {
	margin-bottom: 32px;
	font-weight: 500;
	line-height: 2;
}
#main .sec03 .textBox p:last-child {
	margin-bottom: 0;
}
#main .sec03 .photo {
	margin: 26px 43px 0 0;
	width: 467px;
}
#main .sec04 {
	margin-bottom: 85px;
}
#main .sec04 .headLine01 {
	margin-bottom: 29px;
}
#main .sec04 .text {
	margin-bottom: 20px;
}
#main .sec04 .photoUl {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}
#main .sec04 .photoUl > li {
	margin-right: 5px;
	width: 246px;
}
#main .sec04 .photoUl > li:last-child {
	margin-right: 0;
}
@media all and (max-width: 896px) {
	#main .imgBox {
		margin-bottom: 32px;
		padding: 25px 0 0;
		display: block;
	}
	#main .imgBox .photoBox {
		margin-bottom: 12px;
		width: auto;
	}
	#main .imgBox .photoBox img {
		width: 100%;
	}
	#main .imgBox .textBox {
		margin-top: 0;
		width: auto;
	}
	#main .imgBox .textBox .title {
		margin-bottom: 11px;
		font-size: 1.8rem;
		line-height: 1.78;
	}
	#main .imgBox .textBox .txtBox {
		margin-bottom: 25px;
	}
	#main .imgBox .textBox .txtBox p {
		margin-bottom: 27px;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.69;
		text-align: justify;
	}
	#main section .content {
		padding: 0;
	}
	#main section .inner {
		display: block;
	}
	#main section .headLine01 {
		margin-bottom: 23px;
		padding-bottom: 10px;
		font-size: 1.8rem;
	}
	#main section .headLine01 .en {
		margin-bottom: 6px;
	}
	#main .sec01 {
		margin-bottom: 44px;
	}
	#main .sec01 .textUl {
		margin-bottom: 23px;
		width: auto;
	}
	#main .sec01 .textUl li {
		margin-bottom: 10px;
	}
	#main .sec01 .textUl li .txt {
		margin-top: -5px;
		padding-top: 0;
		min-height: 49px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-size: 1.6rem;
		line-height: 1.56;
	}
	#main .sec01 .photo {
		padding: 0;
		width: auto;
	}
	#main .sec01 .photo img {
		width: 100%;
	}
	#main .sec02 {
		margin-bottom: 46px;
	}
	#main .sec02 .headLine01 {
		margin-bottom: 13px;
	}
	#main .sec02 .tableBox {
		margin-bottom: 13px;
		width: auto;
	}
	#main .sec02 .tableBox th,
	#main .sec02 .tableBox td {
		padding: 2px 10px 6px 18px;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	#main .sec02 .tableBox th {
		padding: 10px 0 14px 22px;
		width: 29.5%;
	}
	#main .sec02 .tableBox td {
		vertical-align: middle;
	}
	#main .sec02 .photo {
		margin: 0;
		padding: 0 32px;
		width: auto;
	}
	#main .sec02 .photo img {
		width: 100%;
	}
	#main .sec03 {
		margin-bottom: 45px;
	}
	#main .sec03 .headLine01 {
		margin-bottom: 17px;
	}
	#main .sec03 .textBox {
		margin-bottom: 64px;
		width: auto;
	}
	#main .sec03 .textBox p {
		margin-bottom: 27px;
		font-size: 1.6rem;
		line-height: 1.69;
	}
	#main .sec03 .photo {
		margin: 0;
		width: auto;
	}
	#main .sec04 {
		margin-bottom: 47px;
	}
	#main .sec04 .headLine01 {
		margin-bottom: 18px;
	}
	#main .sec04 .text {
		margin-bottom: 38px;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.69;
	}
	#main .sec04 .photoUl {
		margin-right: -13px;
		padding: 0 0 0 38px;
		display: block;
	}
	#main .sec04 .photoUl > li {
		margin-right: 0;
		width: auto;
	}
	#main .sec04 .photoUl .slick-list {
		padding-right: 73px;
	}
	#main .sec04 .photoUl .slick-slide > div {
		margin-right: 5px;
	}
	#main .sec04 .photoUl .slick-slide > div img {
		width: 100%;
	}
}
@media all and (max-width: 359px) {
	#main .sec02 .tableBox th,
	#main .sec02 .tableBox td {
		padding-left: 10px;
		font-size: 1.4rem;
	}
	#main .sec03 .textBox p {
		font-size: 1.4rem;
	}
}