@charset "UTF-8";
/*
-------- Flexible Design Template --------
*/
/*
-------- リセット ------------------------------------------------------------------------
*/
body{
	margin: 0;
	padding: 0;
	}

#main > br{
	display: none;
	}
/*
#visual,
.breadcrumbs-setting{
 	display:none;
	}
*/

#main table{
	margin: 0;
	}
#main table tr th,
#main table tr td{
	width: auto;
	}
table caption{
	margin: 0;
	}


/*
-------- 基本表示 ------------------------------------------------------------------------
*/

section.fdb_block .sp{
	display: none;
	}

section.fdb_block{
	margin: 0!important;
	}
section.fdb_block img{
	max-width: 100%;
	}
section.fdb_block > div{
	padding: 40px;
	}

section.fdb_block h1,
section.fdb_block h2,
section.fdb_block h3,
section.fdb_block h4,
section.fdb_block h5,
section.fdb_block h6{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	}
section.fdb_block div,
section.fdb_block p,
section.fdb_block li{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	}
section.fdb_block div a,
section.fdb_block p a,
section.fdb_block li a{
	text-decoration: underline;
	}

section.fdb_block h1{ font-size: 24px; }
section.fdb_block h2{ font-size: 22px; }
section.fdb_block h3{ font-size: 20px; }
section.fdb_block h4{ font-size: 18px; }
section.fdb_block h5{ font-size: 16px; }
section.fdb_block h6{ font-size: 14px; }

/*
-------- モジュール別表示【1320px幅まとめ】 ------------------------------------------------------------------------
*/
section.fdb_block div.column1{
	padding: 0;
	max-width: none!important;
	}
section.fdb_block div.column1 .fdt_ul_img{
	max-width: none!important;
	width: 100%;
	margin: 0;
	padding: 0;
	}

section.fdb_block div.column1_limited,
section.fdb_block div.column1_center,
section.fdb_block div.column2_text_img,
section.fdb_block div.column2_img_text,
section.fdb_block div.panel{
	margin: 0 auto;
	width: auto;
	max-width: 1320px;
	position: relative;
	}

section.fdb_block .fdt_ul_text,
section.fdb_block .fdt_ul_img{
	width: calc(100% - 20px);
	max-width: 1320px;
	margin: 0 auto;
	}
section.fdb_block div.tex{
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	}
section.fdb_block div.tex p{
	font-size: 16px;
	margin-bottom: 20px;
	}
section.fdb_block .fdt_ul_text{
	display: block;
	margin: 20px auto;
	}
section.fdb_block .fdt_ul_text > li{
	list-style: none;
	margin-left: 17px;
	line-height: 30px;
	}
section.fdb_block .fdt_ul_text > li:before{
	content: '・';
	margin-top: 5px;
	margin-left: -30px;
	margin-right: 4px;
	vertical-align: top;
	font-size: 25px;
	font-weight: 600;	
	}
section.fdb_block .fdt_ul_text > li > strong{
	margin-bottom: 5px;
	display: inline-block;
	}
section.fdb_block .fdt_ul_text > li ul{
	margin-bottom: 20px;
	}

section.fdb_block .fdt_ul_img{
	display: block;
    max-width: 1000px;
	}
section.fdb_block .fdt_ul_img li{
	text-align: center;
	list-style: none;
	}
section.fdb_block .fdt_ul_img li svg{

	}
section.fdb_block .fdt_ul_caution{
	display: block;
	margin: 20px 0;
	}
section.fdb_block .fdt_ul_caution li{
	font-size: 12px;
	margin-left: 17px;
	list-style: none;
	}
section.fdb_block .fdt_ul_caution li:before{
	content: '※';
	margin-left: -17px;
	margin-right: 5px;
	}
section.fdb_block table.fdt_tables{
	display: table;
	margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
	}
section.fdb_block table.fdt_tables tr th,
section.fdb_block table.fdt_tables tr td{
	width: auto;
	padding: 5px;
    border: 1px solid #ccc;
	text-align: left;
	}
@media (max-width: 768px) {

section.fdb_block table.fdt_tables,
section.fdb_block table.fdt_tables tr,
section.fdb_block table.fdt_tables td{
	display: block;
	width: 100%;
	}



}


/*

select_block : ブロック区切り
column1 : 1カラム表示(全幅余白ナシ)
column1_limited : 1カラム表示(最大1020px幅)
column1_center : 1カラム表示(センタリング)
column2_text_img : 2カラム表示(左本文、右画像)
column2_img_text : 2カラム表示(左画像、右本文)
panel : パネル表示
slideshow : スライドショー

/*
-------- モジュール別表示【1カラム表示(全幅余白ナシ)】 ------------------------------------------------------------------------

*/
section.fdb_block div.column1_center{
	text-align: center;
	}

/*

-------- モジュール別表示【2カラム表示(左本文、右画像)】 -----------------------------------------------------------------------

*/
section.fdb_block div.column2_text_img,
section.fdb_block div.column2_img_text{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
	}
section.fdb_block .column_1st,
section.fdb_block .column_2nd{
	width: calc((100% - 20px) / 2);
	margin: 0 auto;
	}


section.fdb_block div.column2_text_img{
	flex-direction: row-reverse;
	}
section.fdb_block div.column2_img_text{

	}
/*

-------- モジュール別表示【 パネル表示 】 -----------------------------------------------------------------------

*/

section.fdb_block div.panel{

	}
section.fdb_block div.panel ul.fdt_ul_img{
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	}
section.fdb_block div.panel ul.fdt_ul_img li{
	width: calc((100% - 20px) / 3);/*3カラム*/
	width: calc((100% - 30px) / 4);/*4カラム*/
	}
/*

-------- モジュール別表示【 スライドショー 】 -----------------------------------------------------------------------

*/
section.fdb_block > div.slideshow{
	padding: 0;
	}
section.fdb_block > div.slideshow .slick-prev,
section.fdb_block > div.slideshow .slick-next{
    top: calc(50% - 70px);
	}

section.fdb_block > div.slideshow .slick-prev{
	left: -105px;
	}
section.fdb_block > div.slideshow .slick-next{
	right: -45px;
	}
section.fdb_block > div.slideshow .slick-prev:before,
section.fdb_block > div.slideshow .slick-next:before{

	}
section.fdb_block > div.slideshow .slick-prev:before{
	/*content: url('/wp/wp-content/uploads/arrow_prev.png');*/
	}
section.fdb_block > div.slideshow .slick-next:before{
	/*content: url('/wp/wp-content/uploads/arrow_next.png');*/
	}

/*
	
	-------- モジュール別表示【 FAQ 】 -----------------------------------------------------------------------
	
*/
ul.wrap_faq{
	margin: 40px auto;
	padding: 0;
	max-width: 960px;
	}
ul.wrap_faq li {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	font-size: 1.6rem;
	line-height: 2.4rem;
	min-height: 60px;
	}
ul.wrap_faq li p{
	position: relative;
	min-height: 60px;
	padding-left: 80px;
	line-height: 56px;
	padding-right: 70px;
	}
ul.wrap_faq li a:hover{
	text-decoration: none;
	}
ul.wrap_faq p.answer {
	margin-bottom: 20px;
	display: none;
	padding-top: 0;
	margin-top: -1-px;
	}
ul.wrap_faq p.answer span{
	display: block;
	border-top: 1px solid #D6D6D6;
	padding-top:12px;
	padding-right: 70px;
	min-height: 70px;
	}
ul.wrap_faq p.question a,
ul.wrap_faq p.answer a{
	text-decoration: none;	
	}

ul.wrap_faq p.question:before,
ul.wrap_faq p.answer:before{
	display: block;
	border: 2px solid #393636;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 3.0rem;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
	}
ul.wrap_faq p.question:after{
	background-image: url("/media/arrow_up.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
	display: block;
	content: " ";
	position: absolute;
	right: 0;
	top:0;
	transform: rotate(180deg); /* 画像を180度回転 */
	}
ul.wrap_faq .active p.question:after{
	transform: rotate(0deg); /* 画像を180度回転 */
	}

ul.wrap_faq p.question:before{
	content: "Q";
	background: #393636;
	color: #fff;
	font-weight: 600;
	}
ul.wrap_faq p.answer:before{
	content: "A";
	background: #fff;
	color: #393636;
    top: 18px;
	}
ul.wrap_faq p {
	margin: 0;
	padding: 5px 0;
	}
ul.wrap_faq li.active{

	}
ul.wrap_faq li.active p.answer {
	display: block;
	line-height: 30px;
	margin-top: 6px;
	}

/*			
-------- PDFリスト ----------------------------------------------------------------------- 
*/	
.fdt_ul_pdf{
	max-width: 960px;
	border: 20px auto;
	padding: 0;
	}
.fdt_ul_pdf li,
.fdt_ul_pdf li a{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 1.6rem;
	line-height: 2.6rem;
	}
.fdt_ul_pdf li p{
	margin: 0;
	padding: 10px;
	}
.fdt_ul_pdf li a:hover{
	text-decoration: none;
	}
.fdt_ul_pdf li p.date{
		background: #F6F6F6;
		width: 200px;
		}
.fdt_ul_pdf li p.text{
	width: calc(100% - 260px);
	}


/*
	
-------- SmartPhone ----------------------------------------------------------------------- ----------------------------------------------------------------------- -----------------------------------------------------------------------

*/
@media (max-width: 768px) {

section.fdb_block .sp{
	display: block;
	}
section.fdb_block .pc{
	display: none;
	}

section.fdb_block h1{ font-size: 22px; }
section.fdb_block h2{ font-size: 20px; }
section.fdb_block h3{ font-size: 18px; }
section.fdb_block h4{ font-size: 15px; }
section.fdb_block h5{ font-size: 13px; }
section.fdb_block h6{ font-size: 11px; }

section.fdb_block{
	overflow: hidden;
	}
section.fdb_block div.tex{
	width: 100%;
	}

section.fdb_block div.column1_limited,
section.fdb_block div.column2_text_img,
section.fdb_block div.column2_img_text,
section.fdb_block div.panel{
	display: block;
	width: calc(100% - 20px);
	padding: 40px 0;
	}
section.fdb_block .column_1st,
section.fdb_block .column_2nd{
	width: auto;
	}

section.fdb_block .fdt_ul_text{
	margin: 0 10px;
	padding: 0;
	}

section.fdb_block div.panel ul.fdt_ul_img li{
	width: 100%;
	}

section.fdb_block div.panel ul.fdt_ul_img{
	width: auto;
	padding: 0;
	}

ul.wrap_faq{
	width: calc(100% - 40px);
	}
ul.wrap_faq li{
	min-height: 30px;
	}
ul.wrap_faq li p{
	min-height: auto;
	padding-left: 40px;
	line-height: 2.2rem;
	padding-right: 45px;
	}
ul.wrap_faq p.question{
	line-height: 2.2rem;
	padding: 2px 50px 15px 40px;
	}
ul.wrap_faq p.question:before,
ul.wrap_faq p.answer:before{
	width: 24px;
	height: 24px;
	line-height: 22px;
	font-size: 1.6rem;
	top:10px;
	}
ul.wrap_faq p.question:after{
	width: 40px;
	height: 40px;
	}
ul.wrap_faq p.answer span{
	padding: 0;
	}