table tr th {
    font-weight: bold;
    color: #002855;
    padding: 18px 15px;
    background: rgba(4,4,64,0.08);
}

table tr td {
    padding: 18px 15px;
    background: #fff;
}

.page_title_box {
	position: relative;
	background-image: url("../images/main_visual.jpg");
}

.page_title_box.sub_page {
	background-position: center bottom;
}

@media screen and (max-width:768px){
	
	.page_title_box,
	.page_title_box.sub_page {
		background-position: center right;
	}
	
}

.page_title_box::before {
	position: absolute;
	content: "";
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));
}

@media screen and (max-width:768px){
	
	.page_title_box::before {
		width: 80%;
	}
	
}

.page_title_box .title {
	background: none !important;
}

.img_column {
	position: relative;
	display: flex;
}

@media screen and (max-width:767px){
	
	.img_column {
		display: block;
	}
	
}

.img_column .left {
	margin-right: 80px;
}

@media screen and (max-width:767px){
	
	.img_column .left {
		margin-right: 0;
		margin-bottom: 40px;
	}
	
}

.img_column p,
.txt_column p {
	font-weight: bold;
}

.img_column.pt02 p {
	display: none;
}

@media screen and (max-width:767px){
	
	.img_column.pt02 p {
		display: block;
	}
	
}

.img_column img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

@media screen and (max-width:767px){
	
	.img_column img {
		margin-bottom: 15px;
	}
	
}

.img_column.pt02 img {
	margin-bottom: 0;
}

@media screen and (max-width:767px){
	
	.img_column.pt02 img {
		margin-bottom: 20px;
	}
	
}

.item {
	width: auto !important;
	max-width: 100%;
	text-align: center;
}

@media screen and (max-width:767px){
	
	.item {
		display: none;
	}
	
}

.img_column .item {
	display: none;
}

.img_column .item img {
	width: auto;
	max-width: 100%;
}

@media screen and (max-width:767px){
	
	.img_column .item {
		display: block;
	}
	
}

.color_sample {
	display: inline-block;
	width: 80px;
	margin-right: 10px;
	padding: 10px 0;
	vertical-align: sub;
	background: #3433fd;
}

.txt_column {
	display: flex;
}

@media screen and (max-width:767px){
	
	.txt_column {
		display: none;
	}
	
}

.img_column.col5-5 .left,
.img_column.col5-5 .right {
	width: 50%;
}

@media screen and (max-width:767px){
	
	.img_column.col5-5 .left,
	.img_column.col5-5 .right {
		width: 100%;
	}
	
}

.txt_column .left,
.txt_column .right {
	width: 50%;
}

.txt_column .left {
	margin-right: 80px;
}

.radar_tb tr th {
	text-align: left;
}

.radar_tb tr th small {
	display: block;
	text-align: right;
}

.radar_tb tr:first-child td {
	text-align: center;
}

.radar_tb tr td .more {
	padding: 0;
}

.radar_tb tr td .more a {
	letter-spacing: normal;
}

.flex{
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width:767px){
	.flex{
		display: block;
	}
}

.flex .left_box,
.flex .right_box {
	width: calc(50% - 20px);
}

@media screen and (max-width:767px){
	.flex .left_box,
	.flex .right_box {
		width: 100%;
	}
}

.flex .left_box .btn_box .btn,
.flex .right_box .btn_box .btn{
	display: block;
	width: 100%;
	max-width: 250px;
}

.faq_list li {
	border-bottom: 1px solid #707070;
}

.faq_list li:first-child {
	border-top: 1px solid #707070;
}

.faq_list li h3 {
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #0070c0;
	padding: 20px 30px 20px 50px;
	margin-bottom: 0;
	cursor: pointer;
	transition: all .3s ease;
}

@media screen and (max-width:480px){
	
	.faq_list li h3 {
		font-size: 16px;
		padding: 15px 30px 15px 40px;
	}
	
}

.faq_list li h3:hover {
	opacity: .7;
}

.faq_list li h3::before {
	position: absolute;
	content: "Q";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	top: 12.5px;
	left: 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #0070c0;
}

@media screen and (max-width:480px){
	
	.faq_list li h3::before {
		width: 34px;
		height: 34px;
		top: 9.5px;
		left: 0;
		font-size: 16px;
	}
	
}

.faq_list li h3::after {
	position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    right: 15px;
    border-top: 2px solid #0070c0;
    border-right: 2px solid #0070c0;
    transform: rotate(45deg);
    transition: all .3s ease;
}

.faq_list li h3.accordion-click::after {
	top: calc(50% - 7px);
	transform: rotate(135deg);
}

.faq_list li h3.accordion-click.open::after {
	top: calc(50% - 5px);
	transform: rotate(-45deg);
}

@media screen and (max-width:480px){
	
	.faq_list li h3::after {
		right: 10px;
	}
	
}

.faq_list li .accordion-content {
	padding: 0 40px 20px;
}

@media screen and (max-width:480px){
	
	.faq_list li .accordion-content {
		padding: 0 0 15px;
	}
	
}

.faq_list li .accordion-content p {
	position: relative;
	padding: 20px 0 0 50px;
}

@media screen and (max-width:480px){
	
	.faq_list li .accordion-content p {
		padding: 15px 0 0 40px;
	}
	
}

.faq_list li .accordion-content p::before {
	position: absolute;
	content: "A";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	top: 12.5px;
	left: 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #777;
}

@media screen and (max-width:480px){
	
	.faq_list li .accordion-content p::before {
		width: 34px;
		height: 34px;
		top: 9.5px;
		left: 0;
		font-size: 16px;
	}
	
}