@charset "UTF-8";
/*
Theme Name: template
Author: Catwork Co., Ltd.
*/

/* faq
------------------------------------------------------------------------*/
	
/* key ------*/
	.faq .key .inner .text01{
		display: inline-block;
		height: 89px;
		background: url("../img/faq/key_text01.png")left top no-repeat;
		padding: 50px 0 0 152px;
		box-sizing: border-box;
		line-height: 1;
		margin: 10px 0 0;
	}
@media screen and (max-width: 768px){
	.faq .key .inner .text01{
		height: 50px;
		background: url("../img/faq/key_text01_sp.png")left top no-repeat;
		padding: 22px 0 0 85px;
	}
}

	
/* cont01 ------*/
	
	.faq .cont01{
		max-width: 100%;
		overflow-x: hidden;
		padding: 40px 20px 100px;
	}
@media screen and (max-width: 768px){
	.faq .cont01{
		padding: 40px 20px 60px;
	}
}

	
	.faq .cont01 .tab_box .btn_area{
		width: 1150px;
		margin: 0 auto;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
@media screen and (max-width: 1180px){
	.faq .cont01 .tab_box .btn_area{
		width: 100%;
	}
}
@media screen and (max-width: 1120px) {
	.faq .cont01 .tab_box .btn_area{
		justify-content: center;
		gap: 30px;
	}
}
@media screen and (max-width: 950px) {
	.faq .cont01 .tab_box .btn_area {
		gap: 10px;
	}
}
@media screen and (max-width: 490px) {
	
}
@media screen and (max-width: 450px){
	.faq .cont01 .tab_box .btn_area{
		width: 100%;
	}
}

	.faq .cont01 .tab_box .tab_btn{
		width: 250px;
		height: 250px;
		background: url("../img/faq/btn_bg01.png")center center no-repeat;
		padding: 155px 0 0;
		box-sizing: border-box;
		color: #014195;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		z-index: 1;
		position: relative;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(2){
		background: url("../img/faq/btn_bg02.png")center center no-repeat;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(3){
		background: url("../img/faq/btn_bg03.png")center center no-repeat;
	}
    .faq .cont01 .tab_box .tab_btn:nth-of-type(4){
		background: url("../img/faq/btn_bg04.png")center center no-repeat;
	}
	.faq .cont01 .tab_box .tab_btn.active{
		width: 250px;
		height: 250px;
		background: url("../img/faq/btn_bg01_active.png")center center no-repeat;
		padding: 155px 0 0;
		box-sizing: border-box;
		color: #014195;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		z-index: 1;
		position: relative;
	}
		.faq .cont01 .tab_box .tab_btn.active::after{
			position: absolute;
			bottom: -53px;
			left: 50%;
			transform: translateX(-50%);
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10.5px 18px 10.5px;
			border-color: transparent transparent #F1F8FD transparent;
		}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(2){
		background: url("../img/faq/btn_bg02_active.png")center center no-repeat;
	}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(3){
		background: url("../img/faq/btn_bg03_active.png")center center no-repeat;
	}
    .faq .cont01 .tab_box .tab_btn.active:nth-of-type(4){
		background: url("../img/faq/btn_bg04_active.png")center center no-repeat;
	}
	@media screen and (max-width: 1120px) {
		.faq .cont01 .tab_box .tab_btn{
			width: 200px;
			height: 200px;
			background: url("../img/faq/btn_bg01.png")center center no-repeat;
			background-size: 200px;
			padding: 120px 0 0;
			font-size: 20px;
		}
		.faq .cont01 .tab_box .tab_btn:nth-of-type(2){
			background: url("../img/faq/btn_bg02.png")center center no-repeat;
			background-size: 200px;
		}
		.faq .cont01 .tab_box .tab_btn:nth-of-type(3){
			background: url("../img/faq/btn_bg03.png")center center no-repeat;
			background-size: 200px;
		}
		.faq .cont01 .tab_box .tab_btn:nth-of-type(4){
			background: url("../img/faq/btn_bg04.png")center center no-repeat;
			background-size: 200px;
		}
		.faq .cont01 .tab_box .tab_btn.active{
			width: 200px;
			height: 200px;
			background: url("../img/faq/btn_bg01_active.png")center center no-repeat;
			background-size: 200px;
			padding: 120px 0 0;
			font-size: 20px;
		}
		.faq .cont01 .tab_box .tab_btn.active:nth-of-type(2){
			background: url("../img/faq/btn_bg02_active.png")center center no-repeat;
			background-size: 200px;
		}
		.faq .cont01 .tab_box .tab_btn.active:nth-of-type(3){
			background: url("../img/faq/btn_bg03_active.png")center center no-repeat;
			background-size: 200px;
		}
		.faq .cont01 .tab_box .tab_btn.active:nth-of-type(4){
			background: url("../img/faq/btn_bg04_active.png")center center no-repeat;
			background-size: 200px;
		}
	}
	@media screen and (max-width: 890px){
		.faq .cont01 .tab_box .tab_btn{
			width: 180px;
			height: 180px;
			background: url("../img/faq/btn_bg01.png")center center no-repeat;
			background-size: 180px;
			padding: 110px 0 0;
			font-size: 20px;
		}
		.faq .cont01 .tab_box .tab_btn:nth-of-type(2){
			background: url("../img/faq/btn_bg02.png")center center no-repeat;
			background-size: 180px;
			padding: 110px 0 0;
		}
		.faq .cont01 .tab_box .tab_btn:nth-of-type(3){
			background: url("../img/faq/btn_bg03.png")center center no-repeat;
			background-size: 180px;
			padding: 110px 0 0;
		}
		.faq .cont01 .tab_box .tab_btn:nth-of-type(4){
			background: url("../img/faq/btn_bg04.png")center center no-repeat;
			background-size: 180px;
			padding: 110px 0 0;
		}
		.faq .cont01 .tab_box .tab_btn.active{
			width: 180px;
			height: 180px;
			background: url("../img/faq/btn_bg01_active.png")center center no-repeat;
			background-size: 180px;
			padding: 110px 0 0;
			font-size: 20px;
		}
		.faq .cont01 .tab_box .tab_btn.active:nth-of-type(2){
			background: url("../img/faq/btn_bg02_active.png")center center no-repeat;
			background-size: 180px;
		}
		.faq .cont01 .tab_box .tab_btn.active:nth-of-type(3){
			background: url("../img/faq/btn_bg03_active.png")center center no-repeat;
			background-size: 180px;
		}
		.faq .cont01 .tab_box .tab_btn.active:nth-of-type(4){
			background: url("../img/faq/btn_bg04_active.png")center center no-repeat;
			background-size: 180px;
		}
	}
@media screen and (max-width: 791px){
	.faq .cont01 .tab_box .tab_btn{
		width: 150px;
		height: 150px;
		background: url("../img/faq/btn_bg01.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
		font-size: 14px;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(2){
		background: url("../img/faq/btn_bg02.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(3){
		background: url("../img/faq/btn_bg03.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
	}
    .faq .cont01 .tab_box .tab_btn:nth-of-type(4){
		background: url("../img/faq/btn_bg04.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn.active{
		width: 150px;
		height: 150px;
		background: url("../img/faq/btn_bg01_active.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
		font-size: 14px;
	}
		.faq .cont01 .tab_box .tab_btn.active::after{
			bottom: -40px;
		}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(2){
		background: url("../img/faq/btn_bg02_active.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(3){
		background: url("../img/faq/btn_bg03_active.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
	}
    .faq .cont01 .tab_box .tab_btn.active:nth-of-type(4){
		background: url("../img/faq/btn_bg04_active.png")center center no-repeat;
		background-size: 150px;
		padding: 90px 0 0;
	}
}
@media screen and (max-width: 670px){
	.faq .cont01 .tab_box .tab_btn{
		width: 110px;
		height: 110px;
		background: url("../img/faq/btn_bg01.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
		font-size: 14px;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(2){
		background: url("../img/faq/btn_bg02.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(3){
		background: url("../img/faq/btn_bg03.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
	}
    .faq .cont01 .tab_box .tab_btn:nth-of-type(4){
		background: url("../img/faq/btn_bg04.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn.active{
		width: 110px;
		height: 110px;
		background: url("../img/faq/btn_bg01_active.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
		font-size: 14px;
	}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(2){
		background: url("../img/faq/btn_bg02_active.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(3){
		background: url("../img/faq/btn_bg03_active.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
	}
    .faq .cont01 .tab_box .tab_btn.active:nth-of-type(4){
		background: url("../img/faq/btn_bg04_active.png")center center no-repeat;
		background-size: 110px;
		padding: 65px 0 0;
	}
}
@media screen and (max-width: 510px) {
	.faq .cont01 .tab_box .tab_btn{
		width: calc(50% - 10px);
		height: 150px;
		background-size: 150px;
		padding: 95px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(2){
		background-size: 150px;
		padding: 95px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn:nth-of-type(3){
		background-size: 150px;
		padding: 95px 0 0;
	}
    .faq .cont01 .tab_box .tab_btn:nth-of-type(4){
		background-size: 150px;
		padding: 95px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn.active{
		width: calc(50% - 10px);
		height: 150px;
		background-size: 150px;
		padding: 95px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(2){
		background-size: 150px;
		padding: 95px 0 0;
	}
	.faq .cont01 .tab_box .tab_btn.active:nth-of-type(3){
		background-size: 150px;
		padding: 95px 0 0;
	}
    .faq .cont01 .tab_box .tab_btn.active:nth-of-type(4){
		background-size: 150px;
		padding: 95px 0 0;
	}
}

	.faq .cont01 .tab_box .panel_area{
		width: 1000px;
		margin: 53px auto 0;
	}
@media screen and (max-width: 1040px){
	.faq .cont01 .tab_box .panel_area{
		width: 100%;
		margin: 53px auto 0;
	}
}
@media screen and (max-width: 768px){
	.faq .cont01 .tab_box .panel_area{
		margin: 40px auto 0;
	}
}

	.faq .cont01 .tab_box .tab_panel{
		display: none;
	}
	.faq .cont01 .tab_box .tab_panel.active{
		display: block;
		width: 100%;
		background: #f1f8fd;
		padding: 54px 60px;
		box-sizing: border-box;
	}
@media screen and (max-width: 768px){
	.faq .cont01 .tab_box .tab_panel.active{
		padding: 40px 50px;
	}
}
@media screen and (max-width: 450px){
	.faq .cont01 .tab_box .tab_panel.active{
		padding: 30px;
	}
}

	.faq .cont01 .tab_box .tab_panel.active ul{
		display: flex;
		flex-direction: column;
		gap: 25px 0;
	}
@media screen and (max-width: 550px){
	.faq .cont01 .tab_box .tab_panel.active ul{
		gap: 20px 0;
	}
}

	.faq .cont01 .tab_box .tab_panel.active ul li{
		padding-left: 30px;
		font-size: 18px;
		font-weight: bold;
		position: relative;
	}
		.faq .cont01 .tab_box .tab_panel.active ul li::before{
			position: absolute;
			top: 0;
			left: 0;
			content: "Q.";
			padding-right: 10px;
			color: #014195;
		}
@media screen and (max-width: 768px){
	.faq .cont01 .tab_box .tab_panel.active ul li{
		padding-left: 25px;
		font-size: 16px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont01 .tab_box .tab_panel.active ul li{
		font-size: 14px;
	}
}

	.faq .cont01 .tab_box .tab_panel.active ul li a{
		font-size: 18px;
		font-weight: bold;
	}
	.faq .cont01 .tab_box .tab_panel.active ul li a:hover{
		text-decoration: underline;
	}
@media screen and (max-width: 768px){
	.faq .cont01 .tab_box .tab_panel.active ul li a{
		font-size: 16px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont01 .tab_box .tab_panel.active ul li a{
		font-size: 14px;
	}
}

	
/* cont02 ------*/
	
	.faq .cont02{
		max-width: 100%;
		overflow-x: hidden;
		background: #f1f8fd;
	}
	.faq .cont02 .inner{
		padding: 115px 20px 0;
		text-align: center;
	}
@media screen and (max-width: 1024px){
	.faq .cont02 .inner{
		padding: 80px 20px 0;
	}
}
@media screen and (max-width: 768px){
	.faq .cont02 .inner{
		padding: 60px 20px 0;
	}
}

	.faq .cont02 .inner h2{
		display: inline-block;
		min-height: 53px;
		background: url("../img/faq/icon01.png")left center no-repeat;
		padding-left: 72px;
		color: #014195;
		font-size: 48px;
	}
@media screen and (max-width: 1024px){
	.faq .cont02 .inner h2{
		min-height: 36px;
		background: url("../img/faq/icon01.png")left center no-repeat;
		background-size: 30px;
		padding-left: 48px;
		color: #014195;
		font-size: 32px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont02 .inner h2{
		min-height: 27px;
		background: url("../img/faq/icon01.png")left center no-repeat;
		background-size: 23px;
		padding-left: 40px;
		color: #014195;
		font-size: 24px;
	}
}

	.faq .cont02 .inner .qa_box{
		width: 100%;
		padding: 0 120px;
		box-sizing: border-box;
		margin-top: 28px;
	}
@media screen and (max-width: 1024px){
	.faq .cont02 .inner .qa_box{
		padding: 0 70px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 768px){
	.faq .cont02 .inner .qa_box{
		padding: 0 40px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont02 .inner .qa_box{
		padding: 0 10px;
	}
}

	.faq .cont02 .inner .qa_box .qes{
		width: 100%;
		padding: 25.5px 80px 25.5px 60px;
		box-sizing: border-box;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		cursor: pointer;
		position: relative;
	}
		.faq .cont02 .inner .qa_box .qes::before{
			position: absolute;
			top: 21px;
			right: 0;
			content: "";
			background: url("../img/faq/icon04.png")no-repeat;
			transition: all .5s ease;
			width: 40px;
			height: 40px;
		}
		.faq .cont02 .inner .qa_box .qes.close::before{
			position: absolute;
			top: 21px;
			right: 0;
			content: "";
			background: url("../img/faq/icon05.png")no-repeat;
			transition: all .5s ease;
			width: 40px;
			height: 40px;
		}
@media screen and (max-width: 768px){
	.faq .cont02 .inner .qa_box .qes{
		padding: 22px 60px 22px 40px;
		font-size: 16px;
	}
		.faq .cont02 .inner .qa_box .qes::before{
			top: 18px;
			background: url("../img/faq/icon04.png")no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
		}
		.faq .cont02 .inner .qa_box .qes.close::before{
			top: 18px;
			background: url("../img/faq/icon05.png")no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
		}
}
@media screen and (max-width: 550px){
	.faq .cont02 .inner .qa_box .qes{
		font-size: 14px;
	}
}

	.faq .cont02 .inner .qa_box .qes span{
		font-weight: bold;
		position: relative;
	}
		.faq .cont02 .inner .qa_box .qes span::before{
			position: absolute;
			top: 0;
			left: -30px;
			content: "Q.";
			color: #014195;
			line-height: 1;
		}

	.faq .cont02 .inner .qa_box .ans{
		display: none;
		width: 100%;
		background: #fff;
		padding: 25px 40px 20px 60px;
		box-sizing: border-box;
		font-size: 18px;
		text-align: left;
		margin: 0 0 22px;
		position: relative;
	}
	.faq .cont02 .inner .qa_box .ans span{
		line-height: 1.78;
		position: relative;
	}
		.faq .cont02 .inner .qa_box .ans span::before{
			position: absolute;
			top: 0;
			left: -28px;
			content: "A.";
			font-weight: bold;
			line-height: 1;
		}
@media screen and (max-width: 1024px){
	.faq .cont02 .inner .qa_box .ans{
		font-size: 16px;
	}
}
@media screen and (max-width: 768px){
	.faq .cont02 .inner .qa_box .ans{
		padding: 20px 30px 16px 50px;
		font-size: 14px;
	}
}

	
/* cont03 ------*/
	
	.faq .cont03{
		max-width: 100%;
		overflow-x: hidden;
		background: #f1f8fd;
	}

	.faq .cont03 .inner{
		padding: 115px 20px 0;
		text-align: center;
	}
@media screen and (max-width: 1024px){
	.faq .cont03 .inner{
		padding: 80px 20px 0;
	}
}
@media screen and (max-width: 768px){
	.faq .cont03 .inner{
		padding: 60px 20px 0;
	}
}

	.faq .cont03 .inner h2{
		display: inline-block;
		min-height: 55px;
		background: url("../img/faq/icon02.png")left center no-repeat;
		padding: 0 9px 0 80px;
		color: #014195;
		font-size: 48px;
	}
@media screen and (max-width: 1024px){
	.faq .cont03 .inner h2{
		min-height: 37px;
		background: url("../img/faq/icon02.png")left center no-repeat;
		background-size: 36px;
		padding: 0 6px 0 54px;
		color: #014195;
		font-size: 32px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont03 .inner h2{
		min-height: 28px;
		background: url("../img/faq/icon02.png")left center no-repeat;
		background-size: 27px;
		padding: 0 5px 0 40px;
		color: #014195;
		font-size: 24px;
	}
}

	.faq .cont03 .inner .qa_box{
		width: 100%;
		padding: 0 120px;
		box-sizing: border-box;
		margin-top: 28px;
	}
@media screen and (max-width: 1024px){
	.faq .cont03 .inner .qa_box{
		padding: 0 70px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 768px){
	.faq .cont03 .inner .qa_box{
		padding: 0 40px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont03 .inner .qa_box{
		padding: 0 10px;
	}
}

	.faq .cont03 .inner .qa_box .qes{
		width: 100%;
		padding: 25.5px 80px 25.5px 60px;
		box-sizing: border-box;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		cursor: pointer;
		position: relative;
	}
		.faq .cont03 .inner .qa_box .qes::before{
			position: absolute;
			top: 21px;
			right: 0;
			content: "";
			background: url("../img/faq/icon04.png")no-repeat;
			transition: all .5s ease;
			width: 40px;
			height: 40px;
		}
		.faq .cont03 .inner .qa_box .qes.close::before{
			position: absolute;
			top: 21px;
			right: 0;
			content: "";
			background: url("../img/faq/icon05.png")no-repeat;
			transition: all .5s ease;
			width: 40px;
			height: 40px;
		}
@media screen and (max-width: 768px){
	.faq .cont03 .inner .qa_box .qes{
		padding: 22px 60px 22px 40px;
		font-size: 16px;
	}
		.faq .cont03 .inner .qa_box .qes::before{
			top: 18px;
			background: url("../img/faq/icon04.png")no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
		}
		.faq .cont03 .inner .qa_box .qes.close::before{
			top: 18px;
			background: url("../img/faq/icon05.png")no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
		}
}
@media screen and (max-width: 550px){
	.faq .cont03 .inner .qa_box .qes{
		font-size: 14px;
	}
}

	.faq .cont03 .inner .qa_box .qes span{
		font-weight: bold;
		position: relative;
	}
		.faq .cont03 .inner .qa_box .qes span::before{
			position: absolute;
			top: 0;
			left: -30px;
			content: "Q.";
			color: #014195;
			line-height: 1;
		}

	.faq .cont03 .inner .qa_box .ans{
		display: none;
		width: 100%;
		background: #fff;
		padding: 25px 40px 20px 60px;
		box-sizing: border-box;
		font-size: 18px;
		text-align: left;
		margin: 0 0 22px;
		position: relative;
	}
	.faq .cont03 .inner .qa_box .ans span{
		line-height: 1.78;
		position: relative;
	}
		.faq .cont03 .inner .qa_box .ans span::before{
			position: absolute;
			top: 0;
			left: -28px;
			content: "A.";
			font-weight: bold;
			line-height: 1;
		}
@media screen and (max-width: 1024px){
	.faq .cont03 .inner .qa_box .ans{
		font-size: 16px;
	}
}
@media screen and (max-width: 768px){
	.faq .cont03 .inner .qa_box .ans{
		padding: 20px 30px 16px 50px;
		font-size: 14px;
	}
}

	
/* cont04 ------*/
	
	.faq .cont04{
		max-width: 100%;
		overflow-x: hidden;
		background: #f1f8fd;
	}

	.faq .cont04 .inner{
		padding: 115px 20px;
		text-align: center;
	}
@media screen and (max-width: 1024px){
	.faq .cont04 .inner{
		padding: 80px 20px 0;
	}
}
@media screen and (max-width: 768px){
	.faq .cont04 .inner{
		padding: 60px 20px;
	}
}

	.faq .cont04 .inner h2{
		display: inline-block;
		min-height: 60px;
		background: url("../img/faq/icon03.png")left center no-repeat;
		padding: 0 15px 0 88px;
		color: #014195;
		font-size: 48px;
	}
@media screen and (max-width: 1024px){
	.faq .cont04 .inner h2{
		min-height: 40px;
		background: url("../img/faq/icon03.png")left center no-repeat;
		background-size: 40px;
		padding: 0 10px 0 58px;
		color: #014195;
		font-size: 32px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont04 .inner h2{
		min-height: 30px;
		background: url("../img/faq/icon03.png")left center no-repeat;
		background-size: 30px;
		padding: 0 8px 0 42px;
		color: #014195;
		font-size: 24px;
	}
}

	.faq .cont04 .inner .qa_box{
		width: 100%;
		padding: 0 120px;
		box-sizing: border-box;
		margin-top: 28px;
	}
@media screen and (max-width: 1024px){
	.faq .cont04 .inner .qa_box{
		padding: 0 70px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 768px){
	.faq .cont04 .inner .qa_box{
		padding: 0 40px;
	}
}
@media screen and (max-width: 550px){
	.faq .cont04 .inner .qa_box{
		padding: 0 10px;
	}
}

	.faq .cont04 .inner .qa_box .qes{
		width: 100%;
		padding: 25.5px 80px 25.5px 60px;
		box-sizing: border-box;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		cursor: pointer;
		position: relative;
	}
		.faq .cont04 .inner .qa_box .qes::before{
			position: absolute;
			top: 21px;
			right: 0;
			content: "";
			background: url("../img/faq/icon04.png")no-repeat;
			transition: all .5s ease;
			width: 40px;
			height: 40px;
		}
		.faq .cont04 .inner .qa_box .qes.close::before{
			position: absolute;
			top: 21px;
			right: 0;
			content: "";
			background: url("../img/faq/icon05.png")no-repeat;
			transition: all .5s ease;
			width: 40px;
			height: 40px;
		}
@media screen and (max-width: 768px){
	.faq .cont04 .inner .qa_box .qes{
		padding: 22px 60px 22px 40px;
		font-size: 16px;
	}
		.faq .cont04 .inner .qa_box .qes::before{
			top: 18px;
			background: url("../img/faq/icon04.png")no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
		}
		.faq .cont04 .inner .qa_box .qes.close::before{
			top: 18px;
			background: url("../img/faq/icon05.png")no-repeat;
			background-size: 30px;
			width: 30px;
			height: 30px;
		}
}
@media screen and (max-width: 550px){
	.faq .cont04 .inner .qa_box .qes{
		font-size: 14px;
	}
}

	.faq .cont04 .inner .qa_box .qes span{
		font-weight: bold;
		position: relative;
	}
		.faq .cont04 .inner .qa_box .qes span::before{
			position: absolute;
			top: 0;
			left: -30px;
			content: "Q.";
			color: #014195;
			line-height: 1;
		}

	.faq .cont04 .inner .qa_box .ans{
		display: none;
		width: 100%;
		background: #fff;
		padding: 25px 40px 20px 60px;
		box-sizing: border-box;
		font-size: 18px;
		text-align: left;
		margin: 0 0 22px;
		position: relative;
	}
	.faq .cont04 .inner .qa_box .ans span{
		line-height: 1.78;
		position: relative;
	}
		.faq .cont04 .inner .qa_box .ans span::before{
			position: absolute;
			top: 0;
			left: -28px;
			content: "A.";
			font-weight: bold;
			line-height: 1;
		}
@media screen and (max-width: 1024px){
	.faq .cont04 .inner .qa_box .ans{
		font-size: 16px;
	}
}
@media screen and (max-width: 768px){
	.faq .cont04 .inner .qa_box .ans{
		padding: 20px 30px 16px 50px;
		font-size: 14px;
	}
}

/* cont05 ------*/
	
.faq .cont05{
    max-width: 100%;
    overflow-x: hidden;
    background: #f1f8fd;
}

.faq .cont05 .inner{
    padding: 115px 20px;
    text-align: center;
}
@media screen and (max-width: 1024px){
.faq .cont05 .inner{
    padding: 80px 20px 0;
}
}
@media screen and (max-width: 768px){
.faq .cont05 .inner{
    padding: 60px 20px;
}
}

.faq .cont05 .inner h2{
    display: inline-block;
    min-height: 60px;
    background: url("../img/faq/icon06.png")left center no-repeat;
    padding: 0 15px 0 88px;
    color: #014195;
    font-size: 48px;
}
@media screen and (max-width: 1024px){
.faq .cont05 .inner h2{
    min-height: 40px;
    background: url("../img/faq/icon03.png")left center no-repeat;
    background-size: 40px;
    padding: 0 10px 0 58px;
    color: #014195;
    font-size: 32px;
}
}
@media screen and (max-width: 550px){
.faq .cont05 .inner h2{
    min-height: 30px;
    background: url("../img/faq/icon03.png")left center no-repeat;
    background-size: 30px;
    padding: 0 8px 0 42px;
    color: #014195;
    font-size: 24px;
}
}

.faq .cont05 .inner .qa_box{
    width: 100%;
    padding: 0 120px;
    box-sizing: border-box;
    margin-top: 28px;
}
@media screen and (max-width: 1024px){
.faq .cont05 .inner .qa_box{
    padding: 0 70px;
    margin-top: 20px;
}
}
@media screen and (max-width: 768px){
.faq .cont05 .inner .qa_box{
    padding: 0 40px;
}
}
@media screen and (max-width: 550px){
.faq .cont05 .inner .qa_box{
    padding: 0 10px;
}
}

.faq .cont05 .inner .qa_box .qes{
    width: 100%;
    padding: 25.5px 80px 25.5px 60px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    position: relative;
}
    .faq .cont05 .inner .qa_box .qes::before{
        position: absolute;
        top: 21px;
        right: 0;
        content: "";
        background: url("../img/faq/icon04.png")no-repeat;
        transition: all .5s ease;
        width: 40px;
        height: 40px;
    }
    .faq .cont05 .inner .qa_box .qes.close::before{
        position: absolute;
        top: 21px;
        right: 0;
        content: "";
        background: url("../img/faq/icon05.png")no-repeat;
        transition: all .5s ease;
        width: 40px;
        height: 40px;
    }
@media screen and (max-width: 768px){
.faq .cont05 .inner .qa_box .qes{
    padding: 22px 60px 22px 40px;
    font-size: 16px;
}
    .faq .cont05 .inner .qa_box .qes::before{
        top: 18px;
        background: url("../img/faq/icon05.png")no-repeat;
        background-size: 30px;
        width: 30px;
        height: 30px;
    }
    .faq .cont05 .inner .qa_box .qes.close::before{
        top: 18px;
        background: url("../img/faq/icon05.png")no-repeat;
        background-size: 30px;
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 550px){
.faq .cont05 .inner .qa_box .qes{
    font-size: 14px;
}
}

.faq .cont05 .inner .qa_box .qes span{
    font-weight: bold;
    position: relative;
}
    .faq .cont05 .inner .qa_box .qes span::before{
        position: absolute;
        top: 0;
        left: -30px;
        content: "Q.";
        color: #014195;
        line-height: 1;
    }

.faq .cont05 .inner .qa_box .ans{
    display: none;
    width: 100%;
    background: #fff;
    padding: 25px 40px 20px 60px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: left;
    margin: 0 0 22px;
    position: relative;
}
.faq .cont05 .inner .qa_box .ans span{
    line-height: 1.78;
    position: relative;
}
    .faq .cont05 .inner .qa_box .ans span::before{
        position: absolute;
        top: 0;
        left: -28px;
        content: "A.";
        font-weight: bold;
        line-height: 1;
    }
@media screen and (max-width: 1024px){
.faq .cont05 .inner .qa_box .ans{
    font-size: 16px;
}
}
@media screen and (max-width: 768px){
.faq .cont05 .inner .qa_box .ans{
    padding: 20px 30px 16px 50px;
    font-size: 14px;
}
}