.tabs {margin:6% auto 0; max-width:1200px; display:flex; justify-content:center; }
.tabs a {display:inline-block; border:1px solid rgb(221, 221, 221); padding:10px 30px;}
.tabs .active a {background-color:#1758a4; color:#ffffff;}

.tabs + .tab-content #content01 {margin-top:6%;}
#content02 {max-width:1200px;width:100%; margin: 0 auto 10%;}

.ethic {display:flex; gap:10px;}
.ethic a {display:flex; align-items:center; background-color:#008acb; color:#ffffff; padding:10px 20px;}
.ethic a svg {width:24px; margin-left:4px;}

@media all and (max-width: 1200px){
	.tabs {padding:0 10px;}
	#content02 {padding: 0 10px;}
}

@media all and (max-width: 530px){
	.ethic {flex-direction:column;}
	.ethic a {justify-content:center;}
}

.ethic-banner {margin-top:6%; margin-bottom:6%; background-image:url("/img/ethic01.jpg"); padding:120px 0; background-size:cover; background-position:center;}
.ethic-banner div {max-width:1200px; margin:0 auto; color:#fff;}
.ethic-banner div p {font-size:28px; font-weight:500;}

@media all and (max-width: 1200px){
	.ethic-banner div p br {display:none;}
	.ethic-banner div {padding: 0 10px;}
	.ethic-banner div p {font-size: calc(1.3rem + .6vw);}
}

.ethic-box {display:flex;}
.ethic-box .left {width:20%;}
.ethic-box .left span {font-size:28px; font-weight:700;}
.ethic-box .right {width:80%;}
.ethic-box + .ethic-box {border-top:1px solid #dddddd; margin-top:60px; padding-top:60px; }

@media all and (max-width: 1200px){
	.ethic-box .left span {font-size: calc(1.3rem + .6vw);}
	.ethic-box {display:block;}
	.ethic-box .left {width:100%; margin-bottom:30px;}
	.ethic-box .right {width:100%;}
}

.target-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; background-color: #f5f5f5; padding: 40px;}
.target-list li {position:relative; padding-left:10px; color:#666666;}
.target-list li::before {position:absolute; content:""; top:12px; left:0; width:2px; height:2px; border-radius:50%; background:#666666;}

@media all and (max-width: 600px){
	.target-list {grid-template-columns:repeat(2, 1fr);}
}
@media all and (max-width: 480px){
	.target-list {grid-template-columns:1fr;}
}

.report {background-color:#f5f5f5; padding: 40px; margin:0 auto;}
.report svg {width:24px;}
.report .icon {background-color:#008acb; display:flex; align-items:center; justify-content:center; width: 36px; height:36px; border-radius:50%;}
.report li > div {width: 180px; display:flex; align-items:center; gap: 10px; font-weight:600;}
.report li {display:flex; align-items:center;}
.report li + li {margin-top:20px;}
.report li p {width: calc(100% - 180px); color:#666666;}

@media all and (max-width: 480px){
	.report li {flex-direction:column; align-items:flex-start; gap:5px;}
	.report li p {width: 100%;}
}

.tab-content .tab {
  display: none;
}

.tab-content .tab.active {
  display: block;
}

.procedure-list {display:flex; justify-content:space-between; gap:10px; align-items:center;}
.procedure-list li {position:relative; display:flex; flex-direction:column; align-items:center; gap:20px;}
.procedure-list li span {color:#008acb; font-weight:600; font-size:16px;}
.procedure-list img {height:60px;}
.procedure-list li svg {width: 24px;}
.procedure-list li:not(:last-child)::after {position:absolute; top:50%; right:-100%; content:""; width:24px; height:24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23dddddd' d='M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z'/%3E%3C/svg%3E");}

@media all and (max-width: 800px){
	.procedure-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
	.procedure-list li:not(:last-child)::after {right: -24px;}
	.procedure-list li:nth-of-type(3)::after {display:none;}
}