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

/*
トップページ
*/
/*PC*/
@media only screen and (min-width: 769px) {

	/*対応エリア*/
	#top_area {
		position: relative;
		width: 950px;
		height: auto;
		margin: 0 auto 90px auto;
	}

	#top_area .top_area_scroll {
		position: relative;
		width: 950px;
		height: 203px;
		padding: 25px 50px 20px 30px;
		overflow-y: auto;
		overflow-x: hidden;
		background: #F2F5F7;
		box-sizing: border-box;
		scrollbar-width: thin;
		scrollbar-color: #005B89 transparent;
	}

	/*スクロールバー*/
	#top_area .top_area_scroll::-webkit-scrollbar {
		width: 8px;
	}

	#top_area .top_area_scroll::-webkit-scrollbar-track {
		background: transparent;
	}

	#top_area .top_area_scroll::-webkit-scrollbar-thumb {
		background: #005B89;
		border-radius: 10px;
	}

	#top_area .area_group {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
	}

	#top_area .area_group:last-child {
		margin-bottom: 0;
	}

	/*都道府県*/
	#top_area .area_group h3 {
		margin: 0 0 8px 0;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, sans-serif;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 30px;
		color: #0C253B;
	}

	#top_area .area_text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 15px auto 0 0;
	}

	#top_area .area_text table {
		width: 100%;
		border-collapse: collapse;
	}

	/*市町村*/
	#top_area .area_text th,
	#top_area .area_text td {
		padding: 0;
		font-family: "Yu Mincho", "游明朝", YuMincho, serif;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 0.5px;
		line-height: 30px;
		text-align: left;
		vertical-align: top;
		color: #0C253B;
	}

	#top_area .area_text th {
		width: 78px;
		padding-right: 10px;
		white-space: nowrap;
	}

	#top_area .area_text p {
		margin: 5px 0 0 0;
		font-family: "Yu Mincho", "游明朝", YuMincho, serif;
		font-size: 16px;
		line-height: 30px;
		color: #0C253B;
	}

	#top_area .area_text font {
		color: #FB7A01;
	}
	
	/*インスタグラム*/
	#top_sns {
		position: relative;
		width: 100%;
		height: auto;
		margin: 90px auto 90px auto;
	}
	
	#top_sns h2 {
		font-size: 40px;
		font-weight: 600;
		font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 4px;
        color: #194265;
		text-align: center;
	}
	
	#top_sns h2 img {
		display: block;
		position: relative;
		width: 45px;
		height: auto;
		margin: 0 auto 20px auto;
	}
	
	#top_sns .con {
		position: relative;
		width: 940px;
		height: auto;
		margin: 55px auto 0 auto;
	}

}

/*SMP*/
@media only screen and (max-width: 768px) {

	/*対応エリア*/
	#top_area {
		position: relative;
		width: 370px;
		max-width: calc(100% - 20px);
		height: auto;
		margin: 0 auto 45px auto;
	}

	#top_area .top_area_scroll {
		position: relative;
		width: 370px;
		max-width: 100%;
		height: 149px;
		padding: 20px 25px 15px 20px;
		overflow-y: auto;
		overflow-x: hidden;
		background: #F2F5F7;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: #005B89 transparent;
	}

	/*スクロールバー*/
	#top_area .top_area_scroll::-webkit-scrollbar {
		width: 6px;
	}

	#top_area .top_area_scroll::-webkit-scrollbar-track {
		background: transparent;
	}

	#top_area .top_area_scroll::-webkit-scrollbar-thumb {
		background: #005B89;
		border-radius: 10px;
	}

	#top_area .area_group {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 0 25px 0;
	}

	#top_area .area_group:last-child {
		margin-bottom: 0;
	}

	/*都道府県*/
	#top_area .area_group h3 {
		margin: 0 0 6px 0;
		font-family: "Yu Gothic", "游ゴシック", YuGothic, sans-serif;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 0.5px;
		line-height: 20px;
		color: #0C253B;
	}

	#top_area .area_text {
		position: relative;
		width: 100%;
		height: auto;
		margin: 12px auto 0 auto;
	}

	#top_area .area_text table {
		width: 100%;
		border-collapse: collapse;
	}

	/*市町村*/
	#top_area .area_text th,
	#top_area .area_text td {
		padding: 0;
		font-family: "Yu Mincho", "游明朝", YuMincho, serif;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.3px;
		line-height: 22px;
		text-align: left;
		vertical-align: top;
		color: #0C253B;
	}

	#top_area .area_text th {
		width: 58px;
		padding-right: 5px;
		white-space: nowrap;
	}

	#top_area .area_text p {
		margin: 4px 0 0 0;
		font-family: "Yu Mincho", "游明朝", YuMincho, serif;
		font-size: 12px;
		line-height: 22px;
		color: #0C253B;
	}

	#top_area .area_text font {
		color: #FB7A01;
	}
	
	/*インスタグラム*/
	#top_sns {
		position: relative;
		width: 100%;
		height: auto;
		margin: 45px auto 40px auto;
	}
	
	#top_sns h2 {
		font-size: 20px;
		font-weight: 600;
		font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 2px;
        color: #194265;
		text-align: center;
	}
	
	#top_sns h2 img {
		display: block;
		position: relative;
		width: 22px;
		height: auto;
		margin: 0 auto 10px auto;
	}
	
	#top_sns .con {
		position: relative;
		width: 96%;
		height: auto;
		margin: 25px auto 0 auto;
	}

}

/*
ヘッダー＆フッター
*/
/*PC*/
@media only screen and (min-width: 769px) {
	/*ヘッダー*/
	.hd-pc .hd-top-4 {
		position: relative;
	}

	.hd-pc .jack-instagram-header {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 50%;
		left: -45px;
		transform: translateY(-60%);
		width: 34px;
		height: 34px;
		transition: opacity .3s ease;
	}

	.hd-pc .jack-instagram-header:hover {
		opacity: .5;
	}

	/*タブレットのハンバーガーメニュー内*/
	.hd-tb .jack-instagram-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 100%;
		height: 70px;
		gap: 10px;
		color: #15364D;
		background: #FFFFFF;
		border-top: solid 1px #E2E2E2;
		box-sizing: border-box;
	}

	.hd-tb .jack-instagram-menu .jack-instagram-label {
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 20px;
		color: #15364D;
	}

	.jack-instagram-icon {
		display: block;
		position: relative;
		width: 35px;
		height: 35px;
		object-fit: contain;
	}

	/*フッター*/
}

/*SMP*/
@media only screen and (max-width: 768px) {
	/*ヘッダー*/
	.globalMenuSp .jack-instagram-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 100%;
		height: 70px;
		gap: 10px;
		color: #15364D;
		background: #FFFFFF;
		border-top: solid 1px #E2E2E2;
		box-sizing: border-box;
	}

	.globalMenuSp .jack-instagram-menu .jack-instagram-icon {
		display: block;
		position: relative;
		width: 26px;
		height: 26px;
		object-fit: contain;
	}

	.globalMenuSp .jack-instagram-label {
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 20px;
		color: #15364D;
	}

	/*フッター*/
}