@charset "utf-8";
/****************************************
			contact
*****************************************/
.emphasis{
	color:#c10012;
}

#contact .flash_message {
	color: #c10012;
	padding:4px 8px;
}

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

@media screen and (min-width: 769px){
	#contact{
		width:100%;
		margin:40px auto 80px;
	}

	/****************************/
	/*   contact/index お問い合わせ
	/****************************/
	#contact .contact_base{
		margin:0px auto;
		width:960px;
		max-width:100%;
	}
	.contact_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.contact_base .contact_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.contact_base .contact_box .contact_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.contact_base .contact_box .contact_list_progressbar img{
		width:50%;
		max-width:100%;
		height:auto;
	}
	.contact_base .contact_box .contact_content{
		line-height:1.5;
	}
	.contact_base .frequent_question_box{
		margin:0 auto 40px auto;
		border:1px solid #efefef;
		width:90%;
		padding:20px;
	}
	.contact_base .frequent_question_box .contact_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.contact_base .frequent_question_box .frequent_question_list{
		margin-bottom:20px;
	}
	.frequent_question_box .frequent_question_list .frequent_question_item{
		margin:20px auto;
	}
	.frequent_question_box .frequent_question_list .frequent_question_item .frequent_question_item_title{
		color:#276194;
		font-weight:bold;
		margin-bottom:8px;
		font-size:1.2em;
		line-height:1.2;
	}
	.frequent_question_list .frequent_question_item .frequent_question_item_detail{
	}

	.contact_base .contact_box table{
		width:100%;
	}
	.contact_base .contact_box table th{
		background-color:#efefef;
		padding-left:24px;
		width:24%;
		padding:20px;
		text-align:left;
		font-weight:normal;
		vertical-align:top;
	}
	.contact_base .contact_box table td{
		padding:20px;
	}
	.contact_base .contact_box table, .contact_box table th, .contact_box table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}

	.contact_base .contact_box .contact_item_example{
		margin-top:8px;
	}
	.contact_base .contact_box .contact_item_required{
		background-color:#c10012;
		padding:4px 8px;
		margin-left:8px;
		color:#fff;
		font-size:0.8em;
	}
	.contact_base .contact_box .contact_item_textform{
		width:600px;
		height:32px;
	}
	.contact_base .contact_box .contact_item_textareaform{
		width:600px;
		height:200px;
	}

	.contact_base .contact_box .btn_middle{
		border-radius: 4px;
		cursor : pointer;
	}

	/****************************/
	/*   contact/confirm お問い合わせ確認
	/****************************/
	.contact_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.contact_base .contact_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.contact_base .contact_box .contact_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.contact_base .contact_box .contact_list_progressbar img{
		width:50%;
		max-width:100%;
		height:auto;
	}
	.contact_base .flex .contact_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.contact_base .flex .contact_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.contact_base .contact_item_btn .btn_middle{
		border-radius: 4px;
		cursor : pointer;
	}

	/****************************/
	/*   contact/complete お問い合わせ完了
	/****************************/
	.contact_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.contact_base .contact_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.contact_base .contact_box .contact_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.contact_base .contact_box .contact_list_progressbar img{
		width:50%;
		max-width:100%;
		height:auto;
	}
	.contact_base .contact_box .contact_list_textdetail{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:960px;
		max-width:100%;
	}

	/****************************/
	/*   contact/qustion Q&A
	/****************************/
	#question{
		width:100%;
		margin:40px auto 80px;
	}
	.question_base{
		margin:0px auto;
		width:960px;
		max-width:100%;
	}
	.question_base .qustion_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.question_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}

	.question_base .qustion_box .question_list_menu{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.question_base .qustion_box .question_item_menubtn{
		position: relative;
		background-color:#000;
		margin-bottom:16px;
		width:228px;
		height:48px;
		text-align:center;
		border-radius:4px;
	}
	.question_base .qustion_box .question_item_menubtn a{
		display:block;
		padding:16px;
		color:#fff;
	}

	.question_base .qustion_box .contact_list_title{
		color:#fff;
		text-align:center;
		line-height:40px;
		height:40px;
		border-bottom:solid 4px rgba(31, 182, 195, 0.5);
		background-color:#276194;
	}
	.question_base .qustion_box .contact_item_title{
		position:relative;
		color:#FFF;
		margin:0px auto;
		width:960px;
		max-width:100%;
		font-weight:bold;
	}

	.question_base .qustion_box .question_list{
		width:960px;
		margin:20px auto;
	}
	.question_base .qustion_box .question_list .question_item{
		margin-bottom:20px;
		line-height:1.5;
	}
	.question_base .question_list .question_item .question_item_title{
		color:#276194;
		font-weight:bold;
		margin-bottom:8px;
		font-size:1.2em;
		line-height:1.2;
	}
	.question_base .question_list .question_item .question_item_title i{
		padding-right:4px;
		font-size:18px;
	}
	.question_base .question_list .question_item .question_item_detail{
	}

}

@media screen and (max-width: 768px){
	#contact{
		width:96%;
		margin:80px auto 80px;
	}

	/****************************/
	/*   contact/index お問い合わせ
	/****************************/
	#contact .contact_base{
		margin:0px auto;
		width:100%;
	}
	.contact_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.contact_base .contact_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.contact_base .contact_box .contact_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.contact_base .contact_box .contact_list_progressbar img{
		width:100%;
		height:auto;
	}
	.contact_base .contact_box .contact_content{
		line-height:1.5;
	}
	.contact_base .frequent_question_box{
		margin:0 auto 40px auto;
		border:1px solid #efefef;
		width:90%;
		padding:20px;
	}
	.contact_base .frequent_question_box .contact_subtitle{
		text-align:center;
		font-size:16px;
		font-weight:bold;
		margin-bottom:16px;
	}
	.contact_base .frequent_question_box .frequent_question_list{
		margin-bottom:20px;
	}
	.frequent_question_box .frequent_question_list .frequent_question_item{
		margin:20px auto;
	}
	.frequent_question_box .frequent_question_list .frequent_question_item .frequent_question_item_title{
		color:#276194;
		font-weight:bold;
		margin-bottom:8px;
		font-size:1.2em;
		line-height:1.2;
	}
	.frequent_question_list .frequent_question_item .frequent_question_item_detail{
	}

	.contact_base .contact_box table{
		width:100%;
	}
	.contact_base .contact_box table th{
		background-color:#efefef;
		width:100%;
		padding:8px;
		text-align:left;
		font-weight:normal;
		display: block;
	}
	.contact_base .contact_box table td{
		padding:16px;
		width:100%;
		display: block;
	}
	.contact_base .contact_box table, .contact_box table th, .contact_box table tr{
		border:1px solid #b1b1b1;
		border-collapse: collapse;
	}

	.contact_base .contact_box .contact_item_example{
		margin-top:8px;
	}
	.contact_base .contact_box .contact_item_required{
		background-color:#c10012;
		padding:4px 8px;
		margin-left:8px;
		color:#fff;
		font-size:0.8em;
	}
	.contact_base .contact_box .contact_item_textform{
		width:100%;
		height:32px;
	}
	.contact_base .contact_box .contact_item_textareaform{
		width:100%;
		height:200px;
	}

	.contact_base .contact_box .btn_middle{
		border-radius: 4px;
		cursor : pointer;
	}

	/****************************/
	/*   contact/confirm お問い合わせ確認
	/****************************/
	.contact_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.contact_base .contact_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.contact_base .contact_box .contact_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.contact_base .contact_box .contact_list_progressbar img{
		width:100%;
		height:auto;
	}
	.contact_base .flex .contact_item_btn{
		background-color:#000;
		width:240px;
		height:48px;
		border-radius:4px;
		margin:24px auto;
	}
	.contact_base .flex .contact_item_btn a{
		display:block;
		width:100%;
		padding:16px;
		text-align:center;
		color:#fff;
	}
	.contact_base .contact_item_btn .btn_middle{
		border-radius: 4px;
		cursor : pointer;
	}

	/****************************/
	/*   contact/complete お問い合わせ完了
	/****************************/
	.contact_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}
	.contact_base .contact_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.contact_base .contact_box .contact_list_progressbar{
		margin-bottom:24px;
		text-align: center;
	}
	.contact_base .contact_box .contact_list_progressbar img{
		width:100%;
		height:auto;
	}
	.contact_base .contact_box .contact_list_textdetail{
		font-size:24px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}

	/****************************/
	/*   contact/qustion Q&A
	/****************************/
	#question{
		width:96%;
		margin:80px auto 80px;
	}
	.question_base{
		margin:0px auto;
		width:100%;
	}
	.question_base .qustion_box{
		width:100%;
		margin:8px auto 40px auto;
	}
	.question_base .contact_base_title{
		margin:40px auto;
		padding-bottom:8px;
		border-bottom:4px solid #276194;
		text-align:center;
		font-size:1.5em;
		width:400px;
		max-width:90%;
	}

	.question_base .qustion_box .question_list_menu{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.question_base .qustion_box .question_item_menubtn{
		position: relative;
		background-color:#000;
		margin-bottom:16px;
		width:48%;
		height:48px;
		text-align:center;
		border-radius:4px;
	}
	.question_base .qustion_box .question_item_menubtn a{
		display:block;
		padding:16px;
		color:#fff;
	}

	.question_base .qustion_box .contact_list_title{
		color:#fff;
		text-align:center;
		line-height:40px;
		height:40px;
		border-bottom:solid 4px rgba(31, 182, 195, 0.5);
		background-color:#276194;
	}
	.question_base .qustion_box .contact_item_title{
		position:relative;
		color:#FFF;
		margin:0px auto;
		width:960px;
		max-width:100%;
		font-weight:bold;
	}

	.question_base .qustion_box .question_list{
		width:96%;
		margin:20px auto;
	}
	.question_base .qustion_box .question_list .question_item{
		margin-bottom:20px;
		line-height:1.5;
	}
	.question_base .question_list .question_item .question_item_title{
		color:#276194;
		font-weight:bold;
		margin-bottom:8px;
		font-size:1.2em;
		line-height:1.2;
	}
	.question_base .question_list .question_item .question_item_title i{
		padding-right:4px;
		font-size:18px;
	}
	.question_base .question_list .question_item .question_item_detail{
	}

}