.content__bg--white{
	background-color: #fff;
}
.faq__area{
	text-align: left;
	padding: 0 60px;
}
.faq__area--question{
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 7px;
	border-bottom: solid 3px #555555;
	position: relative;
}
.faq__area--question:before{
	content: "Q.";
}
.faq__area--question.icon:after{
	content: url(../../img/arrow_right.png);
	margin-right: 10px;
	position: absolute;
	top: 0;
	right: -10px;
}

.image_answer img{
	width: 100%;
}
#major .faq__area--question.icon:after{
	content: url(../../img/arrow_under.png);
	margin-right: 10px;
	position: absolute;
	top: 0;
	right: 10px;
}
.faq__area--answer{
	font-size: 18px;
}
.faq__area--answer:before{
	content: "A.";
}


.content__btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.content__btn li{
	width: 300px;
	padding: 18px 20px;
	background-color: #fff;
	border: solid 1px #555555;
	border-radius: 15px;
	margin-bottom: 20px;
}

.content__btn li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content__3col,
.content__2col{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.content__2col > .content__col{
	width: 50%;
	max-width: 400px;
	margin-bottom: 30px;
	padding: 30px 40px;
	border-radius: 20px;
}
.content__3col > .content__col{
	width: 33%;
	margin-bottom: 30px;
	padding: 30px 40px;
	border: solid 1px #000000;
	border-radius: 20px;
}

#tabs{
	margin-top: 50px;
}

.tab-area , #tabs ul{
	display: flex;
	justify-content: center;
}

.tab,
.tab2,
.tab3,
.tab4,
#tabs li a{
	border: 2px solid #81838D;
	background-color: #fff;
	cursor: pointer;
	padding: 15px;
	margin: 10px;
	font-size: 24px;
}

.tab:hover,
.tab2:hover,
.tab3:hover,
.tab4:hover,
#tabs li a:hover{
	border: 2px solid #C00000;
	color: #C00000;
}

.tab.active,
.tab2.active,
.tab3.active,
.tab4.active,
#tabs li a.active{
	border: 2px solid #C00000;
	color: #C00000;
}
.panel,
.panel2,
.panel3,
.panel4 {
	display: none;
}

.panel.active,
.panel2.active,
.panel3.active,
.panel4.active {
	display: block;
}

.content_panel{
	display: none;
}

.content_panel.active{
	display: block;
}

.panel__title{
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
}

#inquiry .content__col{
	background-color: #ffffff;
}

#inquiry .content__col p{
	color: #555555;
	text-align: center;
	font-size: 24px;
}

.text__inquiry{
	font-size: 32px;
	margin-bottom: 30px;
}

#inquiry .content__col{
	display: flex;
	align-items: center;
	width: 400px;
	height: 260px;
	padding: 30px 20px;
	font-size: 18px;
}
#inquiry .content__inner{
	padding: 0 60px;
}
.inq__bold{
	font-weight: bold;
	margin-bottom: 16px;
}
#inquiry ul{
	list-style: disc;
	padding-left: 1em;
}
#inquiry li{
	color: #555555;
	margin-bottom: 1em;
}
#inquiry .content--img{
	width: 160px;
}
#inquiry .content--img img{
	width: 100%;
}
#inquiry .content--text{
	width: 200px;
	margin-left: 10px;
}

.inc_title{
	font-size: 32px;
	text-align: left;
	margin: 50px 0 30px;
	padding: 0 60px;
}

.content__bg .content__inner{
	border: 2px solid #000;
	box-shadow: none;
}

h3{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

.txt__step{
	font-weight: bold;
	font-size: 24px;
}

.content__2col img{
	margin-right: 50px;
}

.content__2col a{
	word-break: break-all;
}

.arrow__step {
	text-align: center;
	margin: 10px 0;
}

.content__2col li{
	font-size: 18px;
}

.txt__small{
	font-size: 16px;
}

.txt__attention{
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
	margin: 10px 0;
	text-align: center;
}

.txt__small.right{
	text-align: right;
}

.text__last{
	margin-top: 2em;
}

.text-red-step5{
	text-align: right;
	color: #ff0000;
}
.faq__area--numberlist{
	margin-top: 20px;
	list-style: decimal;
}
.faq__area--numberlist li{
	margin-top: 5px;
	margin-left: 1.5em;
}

#question{
	margin-top: 100px;
}
.ttl-red {
	color: #ff0000;
	font-weight: bold;
}

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

	.faq__area--question{
		padding-right: 35px;
	}

	.faq__area{
		padding: 0 15px;
	}

	#inquiry .content__col{
		display: flex;
		align-items: center;
		width: 45%;
		height: 100%;
		padding: 10px 5px;
		font-size: 8px;
	}
	#inquiry .content__inner{
		padding: 0 15px;
	}
	.text__inquiry{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.inq__bold{
		font-size: 8px;
		font-weight: bold;
		margin-bottom: 8px;
	}
	.content__btn{
		display: flex;
		flex-wrap: wrap;
	}
	.content__btn li{
		width: calc(50% - 22px);
	}
	#inquiry li{
		color: #555555;
		margin-bottom: 1em;
	}
	#inquiry .content--img{
		width: 160px;
	}
	#inquiry .content--img img{
		width: 100%;
	}
	#inquiry .content--text{
		width: 200px;
		margin-left: 10px;
	}
	.tab,
	.tab2,
	.tab3,
	.tab4{
		font-size: 12px;
		margin: 0 5px;
		padding: 12px 12px;
	}
	.panel__title{
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
	}
	.inc_title{
		font-size: 18px;
		margin: 30px 0 10px;
		padding: 0 15px;
	}

	h3{
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 22px;
	}

	.txt__step{
			font-size: 18px;
	}

	.content__2col img{
		margin-right: 15px;
	}

	.content__2col li{
		font-size: 16px;
	}

	.content__2col img{
		margin-right: 15px;
		margin-bottom: 10px;
		width: 45%;
		height: 45%;
	}

	.tab,
	.tab2,
	.tab3,
	.tab4{
		font-size: 18px;
	}

	#tabs{
		margin-top: 30px;
	}

	#tabs li a{
		display: block;
		font-size: 18px;
		margin: 0 5px;
		padding: 12px 12px;
	}

	.panel__title{
		font-size: 18px;
	}

	.arrow__step img{
		width: auto;
	}
	#inquiry .content__2col li {
		font-size: 10px;
	}

	#question{
		margin-top: 50px;
	}

	#inquiry .content__col p{
		font-size: 12px;
	}
}