@charset "UTF-8";
/* 全端末共通
-------------------------------------------------- */
.txt01{
	line-height: 30px;
}
/* SP
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.txt01 {
		line-height: 1.7;
	}
	.txt01 span {
		font-weight: bold !important;
	}
	.center {
		margin: 8vw auto 2vw;
		font-size: 13px;
		white-space: nowrap;
	}
	.float-left, .float-right {
		float: none;
	}
	.float-container .right {
		text-align: center;
	}
	.content_low section .btn-w200 {
		margin-top: 8vw;
	}
	.content_low section.sec1 {
		padding: 12vw 0;
	}
	.content_low section .head {
		margin-bottom: 5vw;
	}
	.content_low section h3 {
		padding-top: 0;
		margin-bottom: 4vw;
		padding-left: 6vw;
	}
	.content_low section h3 span {
		font-size: calc(44/640*100vw);
		text-align: left;
		line-height: 1.4;
	}
	.content_low section h3:before {
		content: "";
		top: 3vw;
		left: 0;
	}
	.hdg4 {
		position: relative;
		margin: 4vw auto 8vw;
	}
	.content_low section h3:after {
		content: "";
		top: 5vw;
		left: 2vw;
	}
	.content_low .sec1 ul li {
		margin: 0 auto 8vw;
	}
	.content_low .sec2 {
		padding: 12vw 0;
	}
	.content_low .sec2 ul {
		justify-content: left;
		margin-bottom: 28px;
	}
	.content_low .sec2 ul li {
		width: 100%;
		font-size: calc(28/640*100vw);
		color: #32339F;
		background: #FAFAFA;
		padding: 4.5vw 3vw 4vw;
		text-align: center;
		position: relative;
		line-height: 1.4;
		margin-bottom: 5vw;
	}
	.content_low .sec2 ul li:first-child {
		margin-right: 6vw;
		width: 43vw;
	}
	.content_low .sec2 ul li:nth-child(2) {
		width: 43vw;
	}
	.content_low .sec2 ul li:first-child:after {
		position: absolute;
		content: '';
		background: url('../img/page/quality/img_x.png') no-repeat center;
		background-size: contain;
		width: 4vw;
		height: 4vw;
		right: -5vw;
		margin: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.content_low .sec2 ul li:last-child {
		width: auto;
		margin: 0 auto;
	}
	.content_low .sec2 ul li:last-child:before {
		position: absolute;
		content: '';
		background: url('../img/page/quality/img_equals.png') no-repeat center;
		background-size: contain;
		width: 4vw;
		height: 4vw;
		left: -6vw;
		margin: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.content_low section .float-container img {
		margin-bottom: 4vw;
	}
	.sec3 .float-container img,
	.sec4 .float-container img {
		width: 50vw;
	}
	.content_low .sec3 {
		padding: 12vw 0;
	}
	.content_low section.sec3 .float-container {
		margin-top: 4vw;
	}
	.content_low section.sec3 .float-container-2 {
		margin-top: 10vw;
	}
	.content_low .sec1 ul li:first-child td {
		padding-left: 16vw;
	}
	.content_low .sec1 ul li:last-child td {
		width: 130px;
	}
	.tbl01 tbody th {
		width: 80px;
	}
	p.bold {
		font-size: calc(36/640*100vw);
		color: #333333;
		margin: 8vw auto 2vw;
		font-weight: bold;
		padding-left: 5vw;
		position: relative;
		line-height: 1.7;
	}
	p.bold:before {
		position: absolute;
		content: '';
		width: 4vw;
		height: 4vw;
		border-radius: 20px;
		background: #32339F;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.btn-w253 {
		position: relative;
		border: 1px solid #32339F;
		display: block;
		text-align: center;
		width: auto;
		font-size: calc(32/640*100vw);
		padding: 5vw 5vw 5vw 0;
		color: #32339F;
		margin-top: 8vw;
	}
	.btn-w253:after {
		position: absolute;
		content: '';
		background: url('../img/common/icon_open.svg') no-repeat center;
		background-size: contain;
		width: calc(30/640*100vw);
		height: calc(30/640*100vw);
		right: calc(40/640*100vw);
		top: 50%;
		transform: translateY(-50%);
	}
	.btn-w440 {
		margin-bottom: 12vw;
	}
	.mt95 {
		margin-top: 12vw !important;
	}
}
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.center {
		text-align: center;
		margin: 55px auto 10px;
	}
	.btn-w440 {
		margin: 0 auto 100px;
	}
	.txt01 span {
		font-weight: bold;
	}
	.content_low section {
		padding: 125px 0 90px;
	}
	.btn-w200 {
		margin-top: 40px;
	}
	.content_low section.sec1 {
		padding: 100px 0;
	}
	.content_low section .head {
		margin-bottom: 50px;
	}
	.content_low section h3 {
		padding-top: 0;
		margin-bottom: 43px;
		padding-left: 35px;
	}
	.content_low section h3 span {
		font-size: 28px;
		text-align: left;
		line-height: 37px;
	}
	.content_low section h3:before {
		content: "";
		top: 10px;
		left: 0;
	}
	.content_low section h3:after {
		content: "";
		top: 20px;
		left: 10px;
	}
	.hdg4 {
		position: relative;
		margin-bottom: 40px;
	}
	.table ul li img {
		width: auto;
		height: 265px;
	}
	.content_low .sec1 ul li:first-child td {
		padding-left: 90px;
	}
	.content_low .sec1 ul li:last-child td {
		width: 230px;
	}
	.content_low .sec2 {
		padding: 100px 0;
	}
	.content_low .sec2 .holder {
		width: 845px;
		margin-left: 0;
	}
	.content_low .sec2 ul {
		justify-content: left;
		margin-bottom: 28px;
	}
	.content_low .sec2 ul li {
		width: 200px;
		font-size: 21px;
		color: #32339F;
		background: #FAFAFA;
		padding: 23px 15px 19px;
		text-align: center;
		position: relative;
		line-height: 31px;
	}
	.content_low .sec2 ul li:first-child {
		margin-right: 57px;
	}
	.content_low .sec2 ul li:first-child:after {
		position: absolute;
		content: '';
		background: url('../img/page/quality/img_x.png') no-repeat center;
		background-size: contain;
		width: 37px;
		height: 37px;
		right: -47px;
		top: 50%;
		transform: translateY(-50%);
	}
	.content_low .sec2 ul li:last-child {
		width: 320px;
		margin-left: 65px;
	}
	.content_low .sec2 ul li:last-child:before {
		position: absolute;
		content: '';
		background: url('../img/page/quality/img_equals.png') no-repeat center;
		background-size: contain;
		width: 45px;
		height: 16px;
		left: -55px;
		top: 50%;
		transform: translateY(-50%);
	}
	.content_low .sec3 .float-container .right,
	.content_low .sec4 .float-container .right {
		width: 305px;
	}
	.content_low .sec3 .float-container .left,
	.content_low .sec4 .float-container .left {
		width: 620px;
	}
	.content_low .sec3 {
		padding: 100px 0;
	}
	.content_low section.sec3 .float-container {
		margin-top: 40px;
	}
	.content_low section.sec3 .float-container-2 {
		margin-top: 48px;
	}
	.content_low .sec4 {
		padding: 87px 0 100px;
	}
	.tbl01 tbody th {
		width: 80px;
	}
	p.bold {
		font-size: 16px;
		color: #333333;
		margin:0 auto;
		font-weight: bold;
		padding-left: 23px;
		position: relative;
		line-height: 30px;
		margin-top: 30px;
	}
	p.bold:before {
		position: absolute;
		content: '';
		width: 16px;
		height: 16px;
		border-radius: 20px;
		background: #32339F;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.mt95 {
		margin-top: 95px !important;
	}
	.btn-w253 {
		position: relative;
		border: 1px solid #32339F;
		display: block;
		text-align: center;
		width: 253px;
		font-size: 16px;
		padding: 17px 14px 18px 0;
		color: #32339F;
		margin-top: 40px;
	}
	.btn-w253:after {
		position: absolute;
		content: '';
		background: url('../img/common/icon_open.svg') no-repeat center;
		background-size: contain;
		width: 14px;
		height: 14px;
		right: 13px;
		top: 50%;
		transform: translateY(-50%);
	}
	.btn-w253:hover {
		background: #32339F;
		color: #fff;
	}
	.btn-w253:hover:after {
		background: url('../img/common/icon_hover.svg') no-repeat center;
		background-size: contain;
	}
	.mb40 {
		margin-bottom: 40px;
	}
}