@charset "utf-8";
/* CSS Document */

/*トップお知らせ*/
.toplist1 {
	width:100%;
	margin:0 auto 1.5em;
}
.toplist1 > li {
	margin-bottom: 5px;
	line-height: 1.8;
	font-weight:bold;
	text-indent: -1.5em;
    position: relative;
    padding: 0.3em 0.3em 0.3em 1.5em;
}
.toplist1 > li p.snlink {
	text-indent: 0;
	padding:0.5em 0.8em 0.5em 0.8em;
	background:#fff;
	width: fit-content;
	border-radius: 0.8em;
	font-size: 16px;
}
.toplist1 > li:before{
	display:inline-block; 
	vertical-align: middle;
	content:'';
	width:1em;
	height: 1em;
	background: #fff;
	border: solid 3px #F27614;
	border-radius: 50%;
	margin-right: 0.5em;
}
.info_important {
	margin:0 auto 2.5em;
	width:100%;
	border: solid 3px #DB463C;
	border-radius: 1em;
	background:#fff;
}
.info_important dl {
	width:100%;
}
.info_important dl dt {
	width:25%;
	font-weight:bold;
	color:#DB463C;
}
.info_important dl dt:before {
	display:inline-block; 
	vertical-align: middle;
	content:'';
	width:1.3em;
	height: 1.5em;
	margin-right: 0.5em;
	background-image:url(../img/guest/icon_important.svg);
	background-size: contain;
	background-repeat:no-repeat;
}


/* タブ切り替え */
.tab:first-child {
	margin-right:6%;
}

/* 都道府県j_map */

.clickable {
	position:relative;
	width:100%;
}

/* 都道府県　リスト */
.j_list {
	width:100%;
	max-width:1000px;
}
.j_list ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom:0.5em;
}

.j_list ul li a {
	margin-bottom:0.3em;
	font-weight:bold;
}
.j_list ul li span {
	font-size:12px;
	color:#999;
}


.j_list ul.kyusyu {
	margin-bottom:1em;
}
.total_cases {
	width:100%;
	font-weight:bold;
}
.total_cases span {
	display:inline-block;
}
.total_cases span.t_num {
	font-size:22px;
	padding:0 0.5em;
	display:inline-block;
}
.total_cases span.t_case {
	padding:0 0 0 2em;
	display:inline-block;
}

/* 詳細条件 */
.s_detail {
	margin-bottom:80px;
}


/*スライダー*/
.slide_container {	
	height: auto;
	min-height:300px;
	padding: 3em 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow-x: hidden;
}

.slide_container .inner{
	width: calc(100% - 100px);
	max-width: 1200px;
}



.arrow_box {
    display: block;
    margin: 0;
	position:absolute;
	height:60px;
	width: calc(100% - 120px);
	max-width: 1200px;
	margin:auto;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.prev-arrow,
.next-arrow {
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    position:relative;
}
.prev-arrow {
	float:left;
	left:-50px;
	background: url(../img/guest/curcle_left_sld.svg);
    background-size: contain;
}
.next-arrow {
	float:right;
	right:-50px;
	background: url(../img/guest/curcle_right_sld.svg);
    background-size: contain;
}
/*.slide-item {
	background:#fff;
	padding:1em;
}*/

.slide > div {
	display: block;
	height: auto;
	min-height:270px;
	background: #fff;
	font-size: 36px;
	font-weight: bold;
	margin: 0 15px;
	border-radius: 0.5em;
	position:relative;
}
.slide > div h6 {
	font-size:22px;
	line-height:1.3;
	font-weight:bold;
	padding:1em 0.3em 0;
	text-align:center;
	margin-bottom:0.8em;
	display:block;
	width:100%;
}
.slide > div p {
	font-size:14px;
	line-height:1.5;
	padding:1em 1em 0;
	max-width:330px;
	width:90%;
	margin:auto;
	display:block;
}
@media (max-width: 1300px) and (min-width: 1024px) { 
	.slide > div p {
		line-height: 1.3;
		padding: 0 1em 0;
	}
}
@media (max-width: 1024px) and (min-width: 895px) { 
	.slide > div p {
		line-height: 1.5;
		padding: 1em 1em 0;
	}
}
@media (max-width: 895px) and (min-width: 769px) { 
	.slide > div p {
		line-height: 1.3;
		padding: 0 1em 0;
	}
}
.slide > div span.img_pf {
	width:100%;
	margin:auto;
	display:block;
}
.slide > div span.img_pf img {
	margin:auto;
	width:120px;
}
.slide > div span.dl_pdf1 a {
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	bottom:0.8em;
	right:0.5em;
}
.slide > div span.dl_pdf2 a {
	width:80%;
	heigh:auto;
	max-width:260px;
	display:block;
	margin:0 auto 0;
	position:absolute;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	bottom:0.5em;
}


/* TOP下　新着情報 */
.top.newinfo_box {
	width:100%;
}
.banalist li {
	width:100%;
	margin-bottom:0.6em;
}
.banalist li img {
	border:solid 1px #E6E6E6;
}
.new_head {
	font-weight:bold;
	color:#F27614;
}




@media screen and (min-width: 769px) {
	/*PC*/
	
	/* 詳細条件 */
	.top_form {
		padding: 3em 3em 1em;
	}

	/*トップお知らせ*/
	.toplist1 > li {
			font-size:18px;
			color:#333333;
		}
	.info_important {
		padding:1.5em 2em;
	}
	.info_important dl {
		display: flex;
		justify-content: center;
	}
	.info_important dl dt {
		width:25%;
		place-content: center;
		place-items: center;
		font-size:20px;
	}
	.info_important dl dd {
		width:75%;
	}


	/* 都道府県j_map */
	.sp_prif_coment {
		display:none;
	}
	.j_map {
		padding: 3em 3em 2em;
	}
	.sp_drag {
		display:none;
	}
	.clickable p {
		position:absolute;
		top:1em;
		left:1em;
		width: fit-content;
		font-size:24px;
		font-weight:bold;
	}

	/* 都道府県　リスト */
	.j_list {
		margin:0 auto 4em;
	}
	.j_list .open_pref {
		display:none;
	}
	.j_list ul li {
		border-top: solid 1px #E6E2D4;
		border-bottom: solid 1px #E6E2D4;
		text-align:center;
		padding:0.9em 0.5em 0.8em;
		line-height:1.2;
		display:grid;
		place-items: center;
		position:relative;
		width: calc((100% - 130px) / 9 );
	}
	.j_list ul li:first-child {
		border-radius:0.5em 0 0 0.5em;
		border-left: solid 1px #E6E2D4;
		width:130px;
		color:#fff;
		padding:0.8em 0.5em 0.8em;
	}
	.j_list ul li:last-child {
		border-radius: 0 0.5em 0.5em 0;
		border-right: solid 1px #E6E2D4;
	}
	.j_list ul li a {
		display:block;
	}
	.j_list ul li span {
		display:block;
	}
	.j_list ul li:not(:first-child, :nth-child(2)):before {
		content:"";
		width:1px;
		height:50px;
		background:#E6E2D4;
		position:absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.j_list ul.tohoku li:first-child {
		background:#9F5091;
	}
	.j_list ul.kanto li:first-child {
		background:#1B5A97;
	}
	.j_list ul.hokuriku li:first-child {
		background:#1F81AC;
	}
	.j_list ul.kinki li:first-child {
		background:#35A148;
	}
	.j_list ul.tyugoku li:first-child {
		background:#E78B1E;
	}
	.j_list ul.kyusyu li:first-child {
		background:#F15D52;
	}


	/* TOP下　新着情報 */
	.top.newinfo_box {
		padding:5em 0 ;
		display: flex;
		flex-wrap: wrap;
	}
	.top .newinfo {
		width:65%;
		margin-right:5%;
	}
	.top .banalist {
		width:30%;
	}
	.new_head {
		font-size:36px;
		margin-bottom:10px;
	}




}

@media screen and (max-width: 768px) {
	/*SP*/
	
	/* 詳細条件 */
	.top_form {
		padding: 3em 0.5em 1em;
	}

	/*トップお知らせ*/
	.toplist1 {
		padding-top:1em;
	}
	.toplist1 > li {
		font-size:16px;
	}
	.info_important {
		padding:1em 1em;	
	}
	.info_important dl {
		display: block;
	}
	.info_important dl dt {
		width:100%;
		font-size:18px;
		margin-bottom:0.3em;
	}	
	.info_important dl dd {
		width:100%;
	}	

	/* 都道府県j_map */
	.sp_prif_coment {
		display:block;
		padding:0.5em 0;
	}
	.j_map {
		padding: 1em 1em 0.5em;
		white-space: nowrap;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		height:290px;
		border:solid 1px #e5e5e5;
		margin-bottom:1em;
		position:relative;
	}
	.sp_drag {
		display:block;
		position:absolute;
		width:170px;
		height:45px;
		top:3.2em;
		left:1.5em;
	}
	.clickable {
		position:relative;
		width:1000px;
		height: 507px;
	}
	.clickable p {
		display:none;
	}
	
	/* 都道府県　リスト */
	.j_list {
		margin:0 auto 2em;
	}
	.open_pref {
		width:100%;
		border-radius:0.5em;
		color:#fff;
		font-weight:bold;
		text-align:center;
		position:relative;
		padding:0.8em 0.5em;
		cursor: pointer;
		margin-top:0.5em;
		filter: drop-shadow(1px 1px 1px rgb(230, 226, 212));
	}
	.open_pref.active {
		border-radius:0.5em 0.5em 0 0 ;
		filter: drop-shadow(1px 0px 1px rgb(230, 226, 212));
	}
	.open_pref.tohoku {
		background:#9F5091;
	}
	.open_pref.kanto {
		background:#1B5A97;
	}
	.open_pref.hokuriku {
		background:#1F81AC;
	}
	.open_pref.kinki {
		background:#35A148;
	}
	.open_pref.tyugoku {
		background:#E78B1E;
	}
	.open_pref.kyusyu {
		background:#F15D52;
	}
	.open_pref:after {
		content:"";
		width:20px;
		height:20px;
		position:absolute;
		top: 50%;
		right: 2em;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		background-image:url(../img/guest/under3.svg);
		background-position:center center;
		background-size: contain;
		background-repeat:no-repeat;
	}
	.open_pref.active:after {
		background-image:url(../img/guest/above3.svg);
	}
	
	.pref_box {
		display:none;
	}
	.j_list ul {
		border-left: solid 1px #E6E2D4;
		border-right: solid 1px #E6E2D4;
		border-bottom: solid 1px #E6E2D4;
		border-radius: 0 0 0.5em 0.5em;
		filter: drop-shadow(1px 1px 1px rgb(230, 226, 212));
		background:#fff;
	}
	.j_list ul li:first-child {
		display:none;		
	}
	.j_list ul li {
		line-height:1.2;
		position:relative;
		text-align:left;
		padding:0.9em 0.5em 0.8em 1.5em;
		display:block;
		width: 50%;
		background:#fff;
		border-top: solid 1px #E6E2D4;
	}
	.j_list ul.tohoku li:nth-last-child(2),
	.j_list ul.kanto li:nth-last-child(2),
	.j_list ul.tyugoku li:nth-last-child(2){
		border-bottom: solid 1px #E6E2D4;
	}
	.j_list ul li:nth-child(even) {
		border-right: solid 1px #E6E2D4;
	}
	.j_list ul li a {
		display:inline-block;
	}
	.j_list ul li span {
		display:inline-block;
		margin-left:10px;
	}
	.total_cases {
		margin-top:1em;
	}
	.total_cases .t_case {
		padding:0;
		display:block;
	}
	
	/*スライダー*/
	.slide_container .inner{
		width: calc(100% - 20px);
	}
	.arrow_box {
		height:40px;
		width: calc(100% - 100px);
	}
	.prev-arrow,
	.next-arrow {
		width: 40px;
		height: 40px;
	}
	.prev-arrow {
		left:-40px;
	}
	.next-arrow {
		right:-40px;
	}
	.slide > div {
		margin: 0 5px;
	}
.slide > div span.dl_pdf1 a {
	bottom:0.5em;
}

/* dots 
.slick-dots{
  bottom: -25px;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button::before{
  width: 12px;
  height: 12px;
}
.slick-dots li{
  margin: 0 7px;
}
.slick-dots li button{
  background-color: #fff;
  opacity: .8;
  border-radius: 100%;
}
.slick-dots li.slick-active button{
  opacity: .4;
}
.slick-dots li button::before{
  content: '';
}*/

	/* TOP下　新着情報 */
	.top.newinfo_box {
		padding:3em 0 ;
		display: block;
	}
	.top .newinfo {
		width:100%;
	}
	.top .banalist {
		width:80%;
		margin:auto;
	}
	.new_head {
		font-size:20px;
		margin-bottom:10px;
	}

}
@media screen and (max-width: 431px) {
	.total_cases span {
		display:block;
	}
	.slide > div h6 {
		font-size:5.1vw;
		padding:1em 1em 0;
		margin-bottom:3vw;
	}
	.slide > div p {
		font-size:3.2vw;
		padding:3vw 3.7vw 0;
	}
}
@media screen and (max-width: 381px) {
	.slide > div p {
		font-size:3.8vw;
		padding:2vw 3.7vw 0;
	}
}