@charset "utf-8";
.tabBox .tabArea {
	width: 100%;
	height: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.tabBox .tabArea .one_tab {
	width: 33%;
}

.tabBox .tabArea .one_tab a {
	display: block;
	text-decoration: none;
	transition-duration: 0.3s;
	text-align: center;
	color: #fff;
}

.tabBox .tabArea .one_tab a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.tabBox .tabArea .one_tab .tab_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	transition-duration: 0.3s;
	border-radius: 20px 20px 0 0;
	font-size: 1.25rem;
	letter-spacing: .2em;
}

.tabBox .tabArea .one_tab:nth-child(1) .tab_inner {
	background-color: #FDA154;
}

.tabBox .tabArea .one_tab:nth-child(2) .tab_inner {
  	background-color: #77CB61;
}

.tabBox .tabArea .one_tab:nth-child(3) .tab_inner {
  	background-color: #55AFC9;
}

.tabBox .tabArea .one_tab a.select .tab_inner {
  	height: 80px;
	font-size: 1.5rem;
	font-weight: bold;
}

.contents .tab_main {
	display: none;
	text-align: center;
	min-height: 280px;
	border-top: 6px solid #fff;
	transition-duration: 0.3s;
}

.tab_main.is_show {
  	display: block;
}

.contents .tab_main .innerArea.farm{
	background-color: #FEE6D2;
}

.contents .tab_main .innerArea.forest{
	background-color: #E8F2D4;
}

.contents .tab_main .innerArea.fish{
	background-color: #CBECFB;
}

.contents .tab_main .innerArea .img-top {
	margin-bottom: 100px;
}

.contents .tab_main .innerArea .midashi {
	margin-bottom: -60px;
}

.contents .tab_main .innerArea .text {
	margin-bottom: 30px;

	& .text01 {
		font-size: 2rem;
		font-weight: bold;
		margin-bottom: 20px;
	}

	& .text01.farm {
		color: #EC6C01;
	}
	& .text01.forest {
		color: #44AF35;
	}
	& .text01.fish {
		color: #01B8EE;
	}

	& .text02 {
		font-size: 1.5rem;
		font-weight: 300;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		line-height: 1.3;
	}
}

@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .text {
		& .text01 {
			font-size: 1.5rem;
			margin-top: 30px;
		}

		& .text02 {
			font-size: 1rem;
			line-height: 1.5;
		}
	}
}

.contents .tab_main .innerArea .link {
	margin-bottom: 130px;

	& a {
		text-decoration: underline;
		font-size: 1.25rem;
	}
}

@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .link {
		margin-bottom: 130px;

		& a {
			font-size: 1rem;
		}
	}
}

.contents .tab_main .innerArea .inner.bg-border {
	padding-bottom: 270px;
}
@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .inner.bg-border {
		padding-bottom: 320px;
	}
}

.contents .tab_main .innerArea .inner.bg-border.forest {
	padding-bottom: 330px;
}
@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .inner.bg-border.forest {
		padding-bottom: 380px;
	}
}

.contents .tab_main .innerArea .inner.bg-border.fish {
	padding-bottom: 310px;
}
@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .inner.bg-border.fish {
		padding-bottom: 360px;
	}
}

.contents .tab_main .innerArea .inner.bg-border .text {
	width: 85%;
	margin-left: auto;
	margin-right: auto;

	& p {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.3;
		text-align: left;
	}
}

@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .inner.bg-border .text {
		& p {
			font-size: 1rem;
			line-height: 1.5;
			margin-top: 30px;
		}
	}
}

.contents .tab_main .innerArea .booth .bg-inner {
	position: absolute;
	background-color: #fff;
	border-radius: 500px;
	padding-top: 50px;
	padding-bottom: 50px;
	top: -270px;
	left: 50%;
	transform: translateX(-50%);

	& .inner {
		width: 1000px;
	}
}

@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .booth .bg-inner {
		border-radius: 200px;
		padding-bottom: 70px;
	}
}

.contents .tab_main .innerArea .booth .bg-inner.forest {
	top: -330px;
}

.contents .tab_main .innerArea .booth .bg-inner.fish {
	top: -310px;
}

/*--------------------------------------------------
.booth　出展ブース一覧
--------------------------------------------------*/

.contents .tab_main .innerArea .booth {
	& img {
		width: 350px;
	}

	& .midashi-booth {
		margin-bottom: 40px;

		& h3 {
			position: absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%, -50%);
			color: #fff;
			font-size: 1.75rem;
			font-weight: bold;
		}
	}

	& .booth-list {
		list-style-type: disc;
		text-align: left;
		font-size: 1.125rem;
		line-height: 2;
		padding-left: 40%;
	}

	& .booth-list.farm li {
		color: #ED6B00;
	}

	& .booth-list.farm li a {
		color: #ED6B00;
		text-decoration: underline;
	}

	& .booth-list.forest li {
		color: #44AF35;
	}

	& .booth-list.forest li a {
		color: #44AF35;
		text-decoration: underline;
	}

	& .booth-list.fish li {
		color: #01ABEE;
	}

	& .booth-list.fish li a {
		color: #01ABEE;
		text-decoration: underline;
	}
}

@media screen and (max-width: 480px) {
	.contents .tab_main .innerArea .booth {
		& img {
			width: 250px;
		}
		
		& .midashi-booth {
			& h3 {
				font-size: 1.25rem;
			}
		}

		& .booth-list {
			padding-left: 15%;
		}
	}
}

.tab-bottom {
	background-color: #FFFFD4;
	padding-top: 420px;
	padding-bottom: 100px;
	margin-bottom: 100px;
}

.tab-bottom.forest {
	background-color: #F0F5C3;
	padding-top: 370px;
}

.tab-bottom.fish {
	background-color: #ECF7FB;
	padding-top: 380px;
}


/*--------------------------------------------------
.waku　楽しいブースイベント
--------------------------------------------------*/
.waku {
	width: 90%;
	border: 3px solid #FFBA4F;
	border-top-left-radius: 50% 100px;
	border-top-right-radius: 50% 100px;
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 200px;
}

@media screen and (max-width: 480px) {
	.waku {
		width: 100%;
		margin-bottom: 120px;
	}
}

.waku.forest {
	border: 3px solid #98D390;
}


.waku.fish {
	border: 3px solid #ACE8F9;
	margin-bottom: 60px;
}

.waku .img {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.waku .flex {
	padding-left: 8%;
	padding-right: 8%;
	justify-content: space-between;
}

@media screen and (max-width: 480px) {
	.waku .flex {
		flex-direction: column;
	}
}

.waku .flex .left-text {
	width: 60%;
	& .list {
		text-align: left;

		& dt {
			font-size: 1.5rem;
			color: #F29600;
			margin-bottom: 10px;
		}

		& dd {
			font-size: 1.25rem;
			margin-bottom: 20px;
			line-height: 1.5;
		}
	}

	& .list.forest {
		& dt {
			color: #44AF35;
		}
		& dd.center {
			text-align: center;
		}
	}

	& .list.fish {
		& dt {
			color: #01B8EE;
		}
	}
}

@media screen and (max-width: 480px) {
	.waku .flex .left-text {
		width: 100%;

		& dt {
			font-size: 1.25rem;
		}

		& dd {
			font-size: 1rem;
		}
	}
}

.waku .flex .right-img {
	width: 33%;

	& .img01 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 480px) {
	.waku .flex .right-img {
		width: 100%;

		& .img01 {
			margin-bottom: 20px;
		}
	}
}

.waku .flex .right-img.forest {
	width: 33%;

	& .img01 {
		width: 160px;
	}
}

@media screen and (max-width: 480px) {
	.waku .flex .right-img.forest {
		width: 100%;
	}
}

/*--------------------------------------------------
.prezent　漁業プレゼント
--------------------------------------------------*/
.prezent {
	margin-bottom: 200px;
}

.prezent .flex {
	justify-content: space-between;
	padding-left: 8%;
	padding-right: 8%;

	& .left {
		width: 50%;
	}

	& .right {
		width: 45%;
		padding-right: 2%;
	}
}

@media screen and (max-width: 480px) {
	.prezent {
		margin-bottom: 120px;
	}
}

/*--------------------------------------------------
senior　先輩就業者コーナー
--------------------------------------------------*/
.senior {
	margin-bottom: 120px;
}

@media screen and (max-width: 480px) {
	.senior {
		margin-bottom: 0px;
	}
}

.senior .flex {
	justify-content: space-between;
	align-items: center;
	padding-left: 8%;
	padding-right: 8%;

	& .left {
		width: 43%;

		& .absolute {
			position: absolute;
			top: -119px;
			left: 37%;
		}
	}

	& .right {
		width: 50%;
		padding-right: 2%;
		text-align: left;

		& .title {
			margin-bottom: 30px;
			color: #EC6C01;

			& .name-small {
				font-size: 1.5rem;
				margin-bottom: 8px;
			}

			& .name {
				font-size: 2rem;
				font-weight: bold;
			}
		}

		& .text {
			font-size: 1.25rem;
			line-height: 1.5;
		}
	}

	& .right.forest {
		& .title {
			color: #44AF35;
		}
	}

	& .right.fish {
		& .title {
			color: #01ABEE;
		}
	}
}

@media screen and (max-width: 480px) {
	.senior .flex {
		flex-direction: column;

		& .left {
			width: 100%;
			margin-bottom: 30px;

			& .absolute {
				top: -70px;
				left: 5%;
			}
		}

		& .right {
			width: 100%;
			padding-right: 0;
			text-align: center;

			& .title {
				margin-bottom: 20px;

				& .name-small {
					font-size: 1.5rem;
				}

				& .name {
					font-size: 2rem;
				}
			}

			& .text {
				text-align: left;
			}
		}
	}
}

.senior .flex.first {
	margin-bottom: 40px;
}

/*--------------------------------------------------
.pr　情報展示・PR
--------------------------------------------------*/

.pr .midashi h2 {
	position: relative;
	display: inline-block;
}

.pr .midashi h2:before,
.pr .midashi h2:after {
    content: "";
    position: absolute;
    top: 120%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 480px) {
	.pr .midashi h2:before,
	.pr .midashi h2:after {
		top: 135%;
	}
}
.pr .midashi h2:before {
    border: solid 10px transparent;
    border-top: solid 10px #EC6C01;
}

.pr .midashi h2.forest:before {
    border-top: solid 10px #44AF35;
}

.pr .midashi h2.fish:before {
    border-top: solid 10px #01ABEE;
}
.pr .midashi h2:after {
    border: solid 13px transparent;
    border-top: solid 13px #FFFFD4;
    margin-top: -4px;
}

.pr .midashi h2.forest:after {
    border-top: solid 13px #F0F5C3;
}

.pr .midashi h2.fish:after {
    border-top: solid 13px #ECF7FB;
}

.pr .midashi h2 .pr-text::before {
	content: "";
	position: absolute;
	height: 20px;
	width: 110%;
	top: 98%;
	left: 50%;
	transform: translateX(-50%);
	border-left: 2px solid #EC6C01;
	border-right: 2px solid #EC6C01;
	border-bottom: 2px solid #EC6C01;
	border-radius: 0 0 1px 1px;
}

.pr .midashi h2.forest .pr-text::before {
	border-left: 2px solid #44AF35;
	border-right: 2px solid #44AF35;
	border-bottom: 2px solid #44AF35;
}

.pr .midashi h2.fish .pr-text::before {
	border-left: 2px solid #01ABEE;
	border-right: 2px solid #01ABEE;
	border-bottom: 2px solid #01ABEE;
}

.pr .video {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;

	& iframe {
		aspect-ratio: 16 / 9;
		width: 65%;
	}
}

@media screen and (max-width: 480px) {
	.pr .video {
		& iframe {
			width: 100%;
		}
	}
}

.pr .img {
	width: 350px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 480px) {
	.pr .video {
		width: 85%;
		margin-top: 70px;
		margin-bottom: 20px;
	}

	.pr .img {
		width: 200px;
	}
}

.junbi {
	text-align: center;
}

.junbi .title {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 40px;
}

.junbi .text {
	display: inline-block;
	font-size: 1.25rem;
	font-weight: bold;
	background-color: #dcdcdc;
	padding: 20px 50px;
}