@charset "UTF-8";

html {
	scroll-padding-top: 20vw;
	/*scroll-behavior: smooth;*/
}
/* header */

#topContent{
    height: auto;
	width: 100vw;
	margin-bottom: 0vw;
	position: relative;
  background-color: black;
}
#topContentMsg{
	justify-content: center;
  position: absolute;
  width: 100vw;
  top: 10vw;/*上部マージンで中央調整*/
  margin: auto;
  z-index: 1;
  display: flex;
  flex-flow: column;
  color: #fff;
}
#topContentMsg > h2{
    width: 80%;
  text-align: center;
  font-size: 8vw;
  line-height: 10vw;
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  transform: initial;
  margin: 0 0 12vw;/*上部マージンでロゴとの間隔を調整*/
  font-weight: 500;
	text-shadow: 0 0 1vw #000;
}
#topContentMsg > h2 span{
  text-align: center;
  font-size: 14vw;
  font-family: "Rokkitt", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  transform: initial;
  line-height: 12vw;
  font-weight: 800;
	text-shadow: 0 0 2vw #000;
}
#topContent > img{
  max-width: initial;
  object-fit: cover;
  width: 100%;
  height: auto;
  opacity: 0.8;
}

/* H3_コンテンツ */

.inner_Content{
	width: 100%;
	background-color: #fff;
	font-size: 3.6vw;
	line-height: 7.2vw;
	font-weight: 500;
	color: #202020;
}
.inner_Content.gray{
	background-color: #eeedee;
}
.inner_Content .inside{
	margin: 0vw 5vw 10vw;
}
.inner_Content > .inside p.inner{
  padding: 0vw 0vw 0vw 0vw;
  margin: 0vw 5vw 0vw;/*    padding: 6.09vw 0 5.21vw;*/
  }
.inner_Content h3{
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 5vw;
}
.inner_Content h4{
	margin: 0 0 10vw;
	padding: 2.5vw 10vw;
	font-size: 160%;
	font-weight: bold;
	color: #fff;
	background-color: #202020;
		line-height: 150%;
}
.inner_Content h4 span{
	margin-left: 5vw;
	font-size: 70%;
	font-weight: bold;
}
/*.inner_Content .block img{
	margin-bottom: 5vw;
	width: 100%;
}*/
.inner_Content h5{
	font-size: 130%;
	font-weight: bold;
	line-height: 180%;
	margin-bottom: 5vw;
}
.inner_Content h5 span{
	font-size: 80%;
	margin-bottom: 5vw;
}
.inner_Content p{
  font-size: 3.2vw;
  line-height: 7.0vw;
  word-break: break-all;
	text-align: justify;	
}


/*本文回り込み*/
.boxSet {
	margin: 0vw 0vw 10vw;
}
.boxSet > .text {
	margin: 0vw 12.5vw 10vw 11vw;
}
.boxSet > .text > p > span {
	display: block;
	line-height: 6vw;
	font-size:90%;
	margin-top: 2vw;
}
.boxSet > .text > p.dates {
	display: block;
	line-height: 6vw;
	font-size:110%;
	margin-bottom: 5vw;
}
.boxSet a > span {
	display: block;
	line-height: 6vw;
	font-size:80%;
	margin-top: 0vw;
}
.boxSet img {
	width: 100%;
	margin: 0vw 0vw 5vw 0vw;
}
.subH {
	margin-bottom: 4vw;
	padding: 1vw 3vw 1vw 3vw;
	border-radius: 1vw;
	color: #fff;
	background-color: #B7B29F;
}
.subH_1 {
	margin-bottom: 2vw;
	padding: 1vw 3vw 1vw 0vw;
	color: #202020;
	border-bottom: 0.5vw solid #202020;
}
.subH_2.brown {
	margin-bottom: 4vw;
	padding: 1vw 3vw 1vw 3vw;
	border-radius: 1vw;
	color: #b89c50;
	background-color: #fff;
}
.subH_2.green {
	margin-bottom: 4vw;
	padding: 1vw 3vw 1vw 3vw;
	border-radius: 1vw;
	color: #72816b;
	background-color: #fff;
}

/*別ウインドウボタン*/
.Btn{
	display: block;
	line-height: 5vw;
	position: relative;
	/*border: 0.5vw solid #202020;*/
	border-radius: 1vw;
	margin-bottom: 5vw;
	padding: 2vw 0;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #fff;
	background-color: #000;
	font-size: 110%;
}
.half{
/*	background-color: #7a6834;*/
	background-color: #202020;
	background:rgba(20,20,20,0.5);
}
.Btn-Icon{
  position: absolute;
  top: 50%;
  right: 5vw;/*右からの距離*/
  width: 2.5vw;/*アイコンの横幅指定*/
  transform: translateY(-50%);/*この指定で上下中央に*/
}



/* タブ */
.navs{
	width: 100%;
	height: 14vw;
	margin-bottom: 10vw;
	display: flex;
	justify-content: center;
	padding: 0vw 10vw;
	text-align: center;
	border-bottom: 0.5vw solid #202020;
	background-color: #fff;
	position: relative;
}
.navs_item,li .navs_item>a {
	width: calc(100%/4);
	height: 100%;
	padding-top: 4.5vw;/*高さ調整*/
	font-size: 85%;
	font-weight: bold;
	line-height: 4.5vw;/*高さ調整*/
	background-color: #fff;
	text-align: center;
    display: block;
	float: left;
	transition: all 0.3s ease;
	cursor: pointer;
}
.navs li+li{
    position: relative;
}
.navs li+li::before{
    content: "";
    display: block;
    height: 5vw;/*線の長さ調整*/
    border-left: 0.5vw solid #202020;
    position: absolute;
    margin: auto;
}
.navs li:first-of-type{
	border-left: none;
}
.navs_item_current{	
	background-color: #202020;
	color:#fff;
}
.navs .navs_item_current + li::before {
	display:none;
}
.navs span{
	display: block;
	width: 100%;
	font-size: 70%;
	margin-top: -2vw;
	margin-bottom: -1vw;
}
.list-wrap-tab ul.hide{
	display: none;
}

	




/* テーブル */

.table-scroll {
	overflow-x: auto;
	margin-left: 10vw;
	margin-bottom: 2.5vw;
	padding-bottom: 5vw;
/*スクロールバー非表示（IE・Edge）*/
	-ms-overflow-style: none;
/*スクロールバー非表示（Firefox）*/
	scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.table-scroll::-webkit-scrollbar{
	display:none;
}
.table_design {
	border-collapse: separate;
	table-layout: fixed;
	width: auto;
	line-height: 120%;
	border-spacing: 0px;/************/
	font-size: 90%;
}
.table_design thead th {
	white-space: nowrap;
	padding: 2.5vw 10vw 2vw 2vw;
	font-weight: bold;
}
.table_design span {
	font-size: 70%;
}
/*.table_design thead th:nth-child(2) {
  position: relative;
}*/
.table_design tbody {
	border-collapse: separate;
  border-spacing: 2px;
}
.table_design th {
	white-space: nowrap;
	padding: 2vw;
	border-bottom: 2px solid #aaa;/*******/
}
.table_design th.sticky {
	position: sticky;
	top: 0;
	left: 0;
	background: none;
	border-left: none;
	border-right: none;
}
.table_design th.sticky:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eeedee;
	z-index: -1;
}
.table_design tr {
	width: auto;
}
/*.table_design tbody tr:nth-child(odd) {
  background-color: #fff;
}*/
.table_design td {
	padding: 2vw;
	border-bottom: 2px solid #aaa;/*******/
}
.table_design th.gray,td.gray {
    background-color: #E1E0E1;
}







/* スライド */
.slide-scroll{
    overflow-x: scroll;
	overflow-y: hidden;
	margin-left: 10vw;
	margin-bottom: 20vw;
	-ms-overflow-style: none;/*スクロールバー非表示（IE・Edge）*/
	scrollbar-width: none;/*スクロールバー非表示（Firefox）*/
}
.slide-scroll::-webkit-scrollbar{/*スクロールバー非表示（Chrome・Safari）*/
	display:none;
}
.slide-scroll>div{
    width: 40vw;
    height: 28vw;
	display: flex;
}
.slide-scroll>div>div{
	white-space: nowrap;
	flex-shrink: 0;
	width: 50vw;/*単体：横幅*/
    margin-right: 5vw;
	position: relative;
	text-align: center;
	background-color: black;
	/*border-radius: 2vw;*/
}
.slide-scroll>div>div img.imgbg{
	opacity: 0.6;
	/*border-radius: 2vw;*/
}
.slide-scroll>div>div img.imgup{
	width: 25%;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}
.slide-scroll>div>div p{
	width: 100%;
	position: absolute;
	top: 72%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	line-height: 4.5vw;
	text-align: center; 	
}



/*スライドスクロール（写真のみ）*/
.slide-scroll2{
	margin-left: 0vw;
	margin-bottom: 10vw;
}
/* simplebar用 */
.simplebar-track{
    border-radius: 1vw;/* バーに丸みをもたせる*/
}
.simplebar-track .simplebar-scrollbar.simplebar-visible::before{
  opacity:1;
}
.simplebar-track .simplebar-scrollbar::before{
  background: #bbb;/* バー色設定 */
}
.scroll-area{
  height:auto;
  padding-bottom:2vw;
}
.flex{
	display:flex;
}
.flex img{
	max-width: 200vw;
	height: auto;
	margin-right: 5vw;
}



/*ベース*/

.answer_set {
	display: block;
	width: 100%;
	margin: 0;
	padding-top: 10vw;
	font-size: 100%;
	color: #fff;
}
.answer_set.brown {
	background-color: #b89c50;
}
.answer_set.green {
	background-color: #72816b;
}
.answer_set p{
	display: block;
	margin: 0 0vw 0 0vw;
	font-size: 100%;
}
.answer_set > .answerContent {
  margin-top: 0vw;
  padding: 0vw 10vw 0vw 10vw;
}
.answer_set > .answerContent p{
  margin-bottom: 10vw;
}
.answer_set > .answerContent p span{
	display: block;
    font-size: 90%;
	margin: 5vw 0 0vw;
	line-height: 5vw;
	font-weight: 400;	
}

.answerContent >.boxSet {
	margin: 0;
	padding: 0 0vw 4vw 0vw;
}




/*画面内スクロールボタン*/

/* 吹き出し本体 */
.balloonSet{
	margin: 0 13vw 6vw 10vw;
	position: relative;
    display: flex;/* フレックスボックスにする */
    justify-content:space-between;/*center*/
	flex-wrap: wrap;            /* 折り返し指定 */
}
.balloonSet > a{
	margin: 0 0vw 5vw 0;
	padding: 2vw 2vw;
	width: 35vw;
	position: relative;
	background-color: #fff;
	border: 0.5vw solid #202020;
	border-radius: 1vw;
	text-align: center;
	cursor: pointer;
	line-height: 5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.balloonSet > a::before{
	content: '';
	position: absolute;
	display: block;
	margin: 0 0vw 0vw 15.5vw;
	width: 0;
	height: 0;
	left: 0;
	bottom: -2.8vw;
	border-right: 1.6vw solid transparent;
	border-top: 2.8vw solid #202020;
	border-left: 1.6vw solid transparent;
}