/******************************************************************************
/* FAQレイアウト設定
******************************************************************************/


.faq_area{
	margin: 30px auto 0px auto;
	width:100%;

}


.flex-faq_area {
	display: flex;
	margin-bottom: 30px;

}

.flex-faq_area .flex-1 {
	flex: 1;
	display: block;
}





.flex-faq_area .flex-2 {
	flex: 1; 
	display: block;
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #ffffff;

}

.flex-faq_area .flex-2 p {
	margin-bottom: 1px;
	font-weight: 400;
}




/******************************************************************************
/* アコーディオン設定
******************************************************************************/

.acco_btn{
	display: inline-block;
	padding: 20px 0px 20px 10px;
	background: #62c9c7;
	width: 100%;
	position: relative;
	cursor: pointer;
	color: #ffffff;
	font-weight:700;
	margin-bottom: 1px;
}


.acco_btn span {
	display: inline-block;
	font-weight:700;
	padding-right: 50px;
}




.acco_btn::before,
.acco_btn::after {
	content: '';
	width: 20px;
	height: 3px;
	background: #000;
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
	background-color: #ffffff;

}


.acco_btn::after {
	transform: translateY(-50%) rotate(90deg);
	transition: .5s;
}
.is-active.acco_btn::after {
	transform: translateY(-50%) rotate(0);
}




.acco {
	display: block;
	width: 100%;
}


.acco .acco_contents {
	display: none;
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom:20px;
	background-color:#F4F4F4;
	line-height: 1.8;
}



.acco .acco_contents p {
	margin-bottom: 15px;

}

span.underline_blue {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
font-weight: 400;
}



span.maru-box-01 {
	width: 60px;
	background-color: #5472CD;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 80%;
	color: #ffffff;
	font-weight: 700;
	margin-right: 10px;
	text-align: center;
}



/******************************************************************************
/* FAQタイトル設定
******************************************************************************/




.faq_title {
	display: block;
	width: 100%;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 4px solid #ccc;
	text-align: left;
	margin-top: 60px;
	margin-bottom: 20px;
}

.faq_title::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #1AA3B7;
}




ul.faq_list {
	display: flex;
}
li.faq_list {
	list-style: none;
	padding-right: 20px;
}





.head_title {
	display: inline-block;
	font-size: 120%;
	line-height: 110%;
	font-weight:700;
	color: #1AA3B7;

}



.faq_main_menu_area{
	margin: 30px auto 0px auto;
	width:100%;
	text-align: right;
}




ul.faq_list2 {
  display: flex;
  justify-content: flex-end;
}



li.faq_list2 {
  display: inline-block;
  list-style: none;
  padding-left: 20px;

}

/******************************************************************************
/* PDFファイル参照
******************************************************************************/

.pdf_image3 {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin-top: 20px;
}


.pdf_image3 p{
	display: inline-block;
	font-size: 80%;
	font-weight: 900;
	color: #C51528;
}


.pdf_image3 img{
	display: inline-block;
	width:35px;
	height: auto;
	margin-right: 10px;
}


.datafile_button{
	display: inline-block;
	margin-left: 10px;
}




/******************************************************************************
/* faq枠付きテーブル1
*******************************************************************************/



.table_faq_project01 {
	border-collapse:collapse;
	width: 100%;
	text-align:left;
	line-height: 150%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #64853F;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #64853F;
	font-size: 100%;
	margin-bottom: 40px;
	box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}


.table_faq_project01 th{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #64853F;
	color: #2E7B0A;
	background-color: #B9DA94;
	font-weight: 700;
	margin: 0px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;/*←全て含めてmin-height:100vhに*/

}

.table_faq_project01 th:nth-child(3) {
	border-right-color: #64853F;

}


.table_faq_project01 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #64853F;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #64853F;
	background-color : #ffffff;
	padding: 10px;
	vertical-align: middle;
	box-sizing: border-box;/*←全て含めてmin-height:100vhに*/

}




.table_faq_project01 td:nth-child(1) {
	text-align: center;
	width: 10%;
}

.table_faq_project01 td:nth-child(2) {
	text-align: left;
	width: 80%;
}

.table_faq_project01 td:nth-child(3) {
	text-align: center;
	width: 10%;
	background-color :#F5F5F5;
}

.table_faq_project01 td span {
	font-size: 80%;
}




/******************************************************************************
/* 緯度経度設定
*******************************************************************************/



.image_box {
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: solid 1px #3049A3;
	line-height: 1.2;
}





.image_box2 {
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: solid 1px #3049A3;

}








/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* 601 - 768用（タブレット用）の記述 */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


/******************************************************************************
/* スマートフォン・タブレットサイズ
*******************************************************************************/


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

.faq_area{
	margin: -20px auto 0px auto;
	width:100%;
	font-size: 85%;
}





}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* 600px - 100px用（スマートフォン用）の記述 */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


@media screen and (min-width: 100px) and (max-width: 600px)  {


/******************************************************************************
/* FAQレイアウト設定
******************************************************************************/


.faq_area{
	margin: -20px auto 0px auto;
	width:100%;
	font-size: 80%;
}


.flex-faq_area {
	display: block;
	margin-bottom: 30px;

}

.flex-faq_area .flex-1 {
	flex: 1;
	display: block;
}





.flex-faq_area .flex-2 {
	flex: 1; 
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #ffffff;

}

.flex-faq_area .flex-2 p {
	margin-bottom: 1px;
	font-weight: 400;
}




.acco {
	display: block;
	width: 100%;
	font-size: 90%;
}





}