@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap");

.hide {
	display: none;
}

.header__nav-area {
	/* display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end; */
}

.header__nav-area.-active {
	/* overflow: auto; */
	/* overflow-x: hidden; */
}


/* 笆�譁ｰ逹€諠��ｱ */
:root {
	--easing: cubic-bezier(.2, 1, .2, 1);
	--transition: .8s var(--easing);
	--color-base: #fff;
	--color-gray: #ddd;
	--color-theme: #f5695f;
	--color-theme-darken: #f12617;
	--box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
	--box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
	--box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
	--box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff, .2);
}

html {
	font-family: "貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
	font-size: 62.5%;
	line-height: 1.8;
	height: 100%;
	word-break: break-word;
	color: #333;
	background-color: var(--color-base);
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-size: 1.6rem;
	margin: 0;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

::-moz-selection {
	color: #fff;
	background: var(--color-theme);
}

::selection {
	color: #fff;
	background: var(--color-theme);
}

img {
	border: 0;
	margin: 0;
}

.figure,
figure {
	margin: 0;
	background-color: #FFF;
	padding: 10px;
	border-radius: 10px;
}

.figcaption,
figcaption {
	display: flex;
	justify-content: end;
	padding: 0.5rem 0.5rem 0;
}

p {
	margin: 0;
	padding: 0;
}

ul,
ol {
	margin: 1rem 0 3rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}


/* section 2 */
#section2 main {
	display: flex;
	align-items: center;
	height: 100vh;
	flex-wrap: wrap;
}

#section2 main .oshiraseWrap {
	margin-bottom: 10%;
	width: 100%;
	overflow: hidden;
}

#section2 main .oshiraseWrap .midashiS2 {
	display: flex;
	align-items: flex-end;
	margin-bottom: 27px;
	column-gap: 18px;
}

#section2 main .oshiraseWrap .midashiS2 h2 {
	padding: 0 0 0 10rem;
}

#section2 main .oshiraseWrap .midashiS2 h2 img {
	width: 176px;
	height: auto;
}

#section2 main .oshiraseWrap .midashiS2 .charaS2 {
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.charaS2txt span {
	display: block;
}

#section2 main .oshiraseWrap .midashiS2 .charaS2 img {
	width: 62px;
	height: auto;
}



/*  */
.l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* max-width: 1200px; */
	margin: 0 auto;
	padding: 0 0 0 10rem;
}

.l-section {
	overflow: hidden;
}

.l-section .l-inner {}

[class*=swiper]:focus {
	outline: none;
}

.slide-media,
.thumb-media {
	position: relative;
	overflow: hidden;
}

.slide-media img,
.thumb-media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}


.swiper-button-prev,
.swiper-button-next {
	display: grid;
	place-content: center;
	width: 6.4rem;
	height: 6.4rem;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	color: #222;
}

.swiper-button-prev::before,
.swiper-button-next::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	border-radius: 50%;
	border: solid 1px gray;
	background-color: #FFF;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	width: 2.2rem;
	height: 2.2rem;
	content: "";
	border-style: solid;
	border-width: 5px 5px 0px 0px;
}

.swiper-button-prev::after {
	margin-left: 0.4rem;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.swiper-button-next::after {
	margin-right: 0.4rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}

.card02 {
	/* overflow: hidden; */
}

.card02 .swiper {
	overflow: visible;
	padding-bottom: 10px;
}

.card02 .swiper-controller {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	column-gap: 30px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 30px;
	margin-right: 90px;
}

.card02 .swiper-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1.2rem 0.8rem;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0 auto 0 0;
	text-align: center;
}

.card02 .swiper-pagination-bullet {
	width: 1.6rem;
	height: 3px;
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	vertical-align: top;
	background-color: var(--color-gray);
	border-radius: 0;
}

.card02 .swiper-pagination-bullet-active {
	width: 4rem;
	background-color: #333;
}

.card02 .swiper-button-prev,
.card02 .swiper-button-next {
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0;
}

.card02 .swiper-button-disabled {
	pointer-events: none;
	opacity: 0.5;
}

.card02 .swiper-button-disabled::before {
	-webkit-box-shadow: var(--box-shadow-inset);
	box-shadow: var(--box-shadow-inset);
}

.card02 .swiper-slide {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.card02 .slide {
	overflow: hidden;
	width: 25rem;
	border-radius: 16px;
	border: solid 2px #000;
	background-color: #FFF;
}

.card02 .slide-media {
	padding-top: 62.5%;
	border-bottom: solid 1px #222;
	position: relative;
	background-image: url(/img/portal2023/no_image.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #cfe0bb;
}

.slide-media.img-cover div {
	width: 100%;
	display: block;
	padding-top: 62.5%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.card02 .slide-content {
	padding: 20px 30px;
}

.card02 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
}

.card02 .slide-title {
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/* height: 3.2em; */
	margin-top: 1.6rem;
}

/* 邵ｦ逕ｻ髱｢繧ｹ繝ｩ繧､繝� */
* {
	/* margin: 0;
	padding: 0; */
	box-sizing: border-box;
}


body {
	width: 100%;
	background-image: linear-gradient(180deg, rgb(198, 249, 252) 20%, rgba(65, 164, 253, 0) 60%), url(/img/portal2023/bg_top_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	background-attachment: fixed;
}

.section {}

#area-1 {
	display: flex;
	justify-content: center;
}

.sec001 .sec1Txt {}

.sec001 .sec1Txt .kibitanImg {
	float: left;
	width: 140px;
	margin: 15px;
}

.sec001 .sec1Txt .logoSlogan {
	float: right;
	width: 280px;
	margin: 15px;
}

.sec001 .sec1Txt .logoSlogan a {
	display: block;
}

.sec001 .sec1Txt .kibitanImg img,
.sec001 .sec1Txt .logoSlogan img {
	width: 100%;
	height: auto;
}



.dougaArea {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	clear: both;
}

.douga {
	width: 40%;
	aspect-ratio: 16/9;
}

.douga iframe {
	width: 100%;
	height: 100%;
}

div.sec001 div.dougaArea div.douga:nth-child(2) {
	/* margin-top: 60px; */
}


.imageWrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.pagination ul {
	background-image: url(/img/portal2023/tatesen.gif);
	background-repeat: repeat-y;
	background-position: left 5px top;
	display: flex;
	row-gap: 10px;
	flex-direction: column;
	margin: 12px 0;
	list-style: none;
	padding: 0;
}

.pagination a {
	display: flex;
	align-items: baseline;
	column-gap: 12px;
	line-height: 1.6;
	text-decoration: none;
	color: #222;
}

.pagination a::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	/* margin: 20px 0; */
	border-radius: 50%;
	background-color: #222;
	transition: transform 0.2s;
	flex: 0 0 auto;
}

.pagination ul#tuiju li.current a {
	font-weight: bold;
}

.pagination ul#tuiju li.current a::before {
	transform: scale(1.5);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.9);
}


/* logo縲€繝ｭ繧ｴ */
.logoImg {
	width: 260px;
}

.logoImg img {
	width: 100%;
}

/* 繝輔ャ繧ｿ繝ｼ */
.footerWrap {
	width: 260px;
}

.bnrFooter {
	width: 200px;
	margin-bottom: 16px;
}

.bnrFooter img {
	width: 100%;
}

@media screen and (max-width:670px) {
	.bnrFooter {
		margin: 15px auto 0;
	}
}


/* Slick Slider */
.slick-slider {
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	/* column-gap: 20px; */
}

.slick-track:before,
.slick-track:after {
	display: table;

	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	margin: 0;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* 繧ｹ繝ｩ繧､繝峨す繝ｧ繝ｼ */
#top_photo {
	width: calc(100% + 40px);
	margin: 0 -40px 0 0;
	position: relative;
	height: 100vh;
	background-image: url(/img/portal2023-th/th_02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% auto;
}

#top_photo_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
	opacity: 0;
	transition: opacity .25s ease;
}

#top_photo_list.slick-initialized {
	opacity: 1;
}


#top_photo_list p {
	margin: 0;
}

#top_photo_list p a {
	display: block;
	color: inherit;
	text-decoration: none;
}

#top_photo_list p img {
	height: 100vh !important;
	width: 100% !important;
	margin: 0;
	/* max-height: 100%;
	max-width: 100%; */
	object-fit: cover;
	object-position: 100% 100%;
}

#top_photo_list p span.photo_caption {
	display: block;
	background: #333;
	color: #fff;
	padding: 5px 20px;
}

#top_photo_list p span.photo_caption:empty {
	padding: 0px;
}

#top_photo_list p span.photo_caption span {
	color: inherit !important;
}

/* 繧ｹ繝ｩ繧､繝芽｡ｨ遉ｺ隱ｿ謨ｴ */
#mp_control_box {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/*  */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 30;
}

#mp_control_box button {
	pointer-events: all;
}

#mp_control_box button[id^="mp_control_"] {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 100%;
	border: 2px solid #FFF;
	color: #fff;
	background-color: #222;
	background-repeat: no-repeat;
	background-size: 8px auto;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}

#mp_control_box button#mp_control_prev {
	background-image: url(/img/yabuki2022/arrow_left.png);
	position: absolute;
	left: 10px;
	width: 39px;
	height: 58px;
	margin: 0;
	border: none;
	background-size: contain;
	border-radius: 0;
	background-position: left top;
	background-color: transparent;
	cursor: pointer;
}

#mp_control_box button#mp_control_next {
	background-image: url(/img/yabuki2022/arrow_right.png);
	position: absolute;
	right: 10px;
	width: 39px;
	height: 58px;
	margin: 0;
	border: none;
	background-size: cover;
	border-radius: 0;
	background-position: left top;
	background-color: transparent;
	cursor: pointer;
}

#mp_control_box button#mp_control_pause {
	background-image: url(/img/top/photo/btn_slide_stop.png);
	background-position: center center;
	position: absolute;
	bottom: 10px;
	cursor: pointer;
	left: 10px;
}

#mp_control_box button#mp_control_play {
	display: none;
	background-image: url(/img/top/photo/btn_slide_play.png);
	background-position: 8px center;
	position: absolute;
	bottom: 10px;
	cursor: pointer;
	left: 10px;
}

/* 繧ｹ繝ｩ繧､繝峨リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ繝懊ち繝ｳ */
ul.slick-dots {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	bottom: 10px;
	left: 42px;
}

ul.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px;
	padding: 2px;
}

ul.slick-dots li button {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 100%;
	text-indent: -9999em;
	text-align: left;
	overflow: hidden;
	border: 2px solid #FFF;
	background: #FFF;
	color: #333;
	pointer-events: all;
	cursor: pointer;
}

ul.slick-dots li.slick-active button {
	background: #222;
	color: #fff;
}



/* 險€隱樣∈謚� */
.lang_support {
	position: fixed;
	top: 5px;
	right: 135px;
	z-index: 40;
}

.lang_support a#language_menu_open {
	display: block;
	background-color: #FFF;
	border: solid 2px #000;
	box-sizing: border-box;
	padding: 9px 20px 10px 53px;
	border-radius: 100px;
	background-image: url(/img/portal2023/i_lang.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px 30px;
	text-decoration: none;
	color: #222;
}

#language_menu_box {
	display: none;
	position: absolute;
	top: 100%;
	right: 0px;
	z-index: 100;
	background: #fff;
	-webkit-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 320px;
	margin: 0px;
	padding: 0 15px;
	text-align: center;
}

#language_menu_box.open {
	display: block;
}

#language_menu_close {
	border: none;
	background: #e6e6e6;
	font-size: 1.4rem;
	margin: 15px 0 10px;
	padding: 4px 15px 3px;
	border-radius: 100px;
	cursor: pointer;
}

#language_menu_box ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 7px;
	padding: 0;
	margin-bottom: 0;
}

#language_menu_box ul li {
	flex: 0 0 42%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	column-gap: 10px;
}

#language_menu_box ul li:nth-child(2n+1) {
	flex: 0 0 58%;
}

#language_menu_box ul li a {
	display: block;
	padding: 10px 0;
}

#language_menu_box ul li.ch span {
	display: flex;
	flex-direction: column;
	row-gap: 9px;
}

#language_menu_box ul li.ch span a {
	padding: 0;
	row-gap: 10px;
}

#language_menu_box ul li::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background-size: contain;
	border: solid 1px gainsboro;
	box-sizing: border-box;
	border-radius: 5px;
	background-repeat: no-repeat;
}

#language_menu_box ul li.ja::before {
	background-image: url(/img/portal2023/i_lang_jp.png);
}

#language_menu_box ul li.us::before {
	background-image: url(/img/portal2023/i_lang_us.png);
}

#language_menu_box ul li.ch::before {
	background-image: url(/img/portal2023/i_lang_ch.png);
}

#language_menu_box ul li.ko::before {
	background-image: url(/img/portal2023/i_lang_ko.png);
}

#language_menu_box ul li.de::before {
	background-image: url(/img/portal2023/i_lang_de.png);
}

#language_menu_box ul li.fr::before {
	background-image: url(/img/portal2023/i_lang_fr.png);
}

#language_menu_box ul li.it::before {
	background-image: url(/img/portal2023/i_lang_it.png);
}

#language_menu_box ul li.es::before {
	background-image: url(/img/portal2023/i_lang_es.png);
}

#language_menu_box ul li.pt::before {
	background-image: url(/img/portal2023/i_lang_pt.png);
}

#language_menu_box ul li.th::before {
	background-image: url(/img/portal2023/i_lang_th.png);
}

#language_menu_box ul li.po::before {
	background-image: url(/img/portal2023/i_lang_po.png);
}


/* 譁�ｭ励し繧､繧ｺ */
.accItemWrap {
	display: flex;
	align-items: center;
	column-gap: 30px;
	justify-content: center;
	padding: 12px 0 0 0;
}

.acc_item {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

.acc_item>span {
	margin-right: 10px;
}

.fontSize_box.acc_item {
	list-style: none;
	column-gap: 5px;
}

.btnA a {
	display: flex;
	background-color: #fdf3b6;
	text-decoration: none;
	color: #222;
	border-radius: 22px;
	height: 44px;
	justify-content: center;
	align-items: center;
	padding: 0 6px;
}

.btnA a#moji_large {
	background-color: #017daf;
	color: #FFF;
	font-weight: bold;
}


/* 繝｡繝九Η繝ｼ */
.menuWrap {
	display: flex;
	padding-top: 14px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.menuWrap strong {
	margin-bottom: 24px;
	display: block;
}

.menuWrap .colLeft,
.menuWrap .colRight {
	flex: 0 0 41%;
}

.menuWrap .colLeft.oneCol {
	flex: 0 0 90%;
}

.menuWrap .colLeft ul {
	border-left: solid 1px #222;
	padding-left: 40px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 24px;
	list-style: none;
}

.menuWrap .colLeft.oneCol ul {
	justify-content: space-between;
	row-gap: 14px;
}

.menuWrap .colLeft ul li {
	flex: 0 0 100%;
}

.menuWrap .colLeft.oneCol ul li {
	flex: 0 0 48%;
	display: flex;
}

.menuWrap .colRight a,
.menuWrap .colLeft ul li a {
	padding: 14px 19px;
	text-decoration: none;
	display: flex;
	align-items: center;
	column-gap: 11px;
	color: #222;
	background-color: #fdf3b6;
	justify-content: space-between;
}

.menuWrap .colLeft.oneCol ul li a {
	width: 100%;
}



.crBtn {
	border-left: solid 1px #222;
	padding-left: 40px;
	margin-bottom: 24px;
}

.crBtn:nth-last-child(1) {
	margin-bottom: 0;
}

.arrowK {
	position: relative;
	padding: 10px;
}

.arrowK::before {
	content: '';
	width: 10px;
	height: 10px;
	border-top: solid 2px #222;
	border-right: solid 2px #222;
	position: absolute;
	left: 0;
	top: 4px;
}

.arrowK.arrowKright::before {
	transform: rotate(45deg);
}


/* 讀懃ｴ｢ */
/** 螟匁棧縺ｫ濶ｲ繧剃ｻ倥￠縺ｦ隗剃ｸｸ縺ｫ縺吶ｋ */
.gsc-control-cse {
	margin: 0px !important;
	padding: 0px !important;
	border: 2px solid #017daf !important;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

/** 螟匁棧蜀��縺ｮ繝槭�繧ｸ繝ｳ繧�0縺ｫ縺吶ｋ */
.gsc-search-box {
	margin: 0px !important;
}

/** 繧ｭ繝ｼ繝ｯ繝ｼ繝牙�蜉幃Κ蛻��繝懊�繝€繝ｼ繧呈ｶ医＠縲∬ｧ剃ｸｸ縺ｫ縺吶ｋ */
.gsc-input-box {
	border: none !important;
	border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
}

/** 繧ｭ繝ｼ繝ｯ繝ｼ繝牙�蜉幃Κ蛻��蟾ｦ蛛ｴ縺ｫ20繝斐け繧ｻ繝ｫ菴咏區繧貞�繧後ｋ */
.gsib_a {
	padding-left: 20px !important;
}

/** 讀懃ｴ｢繝懊ち繝ｳ繧堤┌濶ｲ騾乗�縺ｫ縺励€∫ｷ壹ｒ豸医☆ */
.gsc-search-button-v2 {
	margin: 0px !important;
	padding-top: 12px !important;
	padding-bottom: 13px !important;
	padding-right: 14px !important;
	padding-left: 14px !important;
	background-color: transparent !important;
	color: #4990c8 !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	cursor: pointer;
}

/** 讀懃ｴ｢繝懊ち繝ｳ縺ｮ繧｢繧､繧ｳ繝ｳ縺ｮ濶ｲ縺ｨ螟ｧ縺阪＆繧定ｨｭ螳� */
.gsc-search-button-v2 svg {
	fill: #017daf !important;
	width: 20px;
	height: 20px;
}

/** placeholder縺ｮ濶ｲ險ｭ螳� */
input:placeholder-shown {
	color: #bababa;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
input::-webkit-input-placeholder {
	color: #bababa;
}

/* Firefox 18- */
input:-moz-placeholder {
	color: #bababa;
	opacity: 1;
}

/* Firefox 19+ */
input::-moz-placeholder {
	color: #bababa;
	opacity: 1;
}

/* IE 10+ */
input:-ms-input-placeholder {
	color: #bababa !important;
}


/* 譚ｱ譌･譛ｬ螟ｧ髴�⊃繝ｻ蜴溷ｭ仙鴨轣ｽ螳ｳ縺ｪ縺ｩ縺九ｉ縺ｮ蠕ｩ譌ｧ繝ｻ蠕ｩ豢ｻ */
/* 陲ｫ轣ｽ縺輔ｌ縺溽嚀縺輔∪縺ｸ */
/* 謖第姶縺吶ｋ遖丞ｳｶ */
/* 縺ｵ縺上＠縺ｾ蠢懈抄 */
/* 蠕ｩ闊医�謗ｨ騾ｲ菴灘宛 */
/* 繝舌リ繝ｼ蠎�相 */


/* 繧ｹ繝槭�蟆ら畑 */
.sidebar-toggle {
	display: none;
}


/* 霑ｽ險�2023蟷ｴ7譛�12譌･ */
/* 繝上Φ繝舌�繧ｬ繝ｼ螻暮幕譎ゅ↓閭梧勹繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ縺励↑縺�ｈ縺�↓ */
body.active {
	height: 100%;
	overflow: hidden;
}

.gsc-input-box table {
	margin: 0;
}

.topLeftArea {
	width: 280px;
	height: 100vh;
	position: fixed;
	z-index: 1;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.topRightArea {
	width: 100%;
	padding-left: 285px;
	padding-right: 40px;
}

.topRightArea > * {
	margin: 0 auto 80px;
}
.topRightArea > *:last-child{
	margin-bottom: 0;
}

#pagination {
	overflow: auto;
	margin: 20px 0;
	box-sizing: border-box;

	border-radius: 6px;
	padding: 0 10px;
}

nav#pagination.pagination ul li:first-child {
	margin-top: -7px;
}

nav#pagination.pagination ul li:last-child {
	margin-bottom: -7px;
}

.scroll-point {
	margin-bottom: 80px;
	padding-left: 20px;
	width: 900px;
}
#area-0.scroll-point {
	width: 100%;
}

.scroll-point img {
	width: 100%;
	height: auto;
}

table.hyo2col tr {
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
	margin-bottom: 30px;
}
table.hyo2col td {
	flex: 0 1 50%;
}

.gaku {
	background-color: #FFF;
	display: flex;
	flex-wrap: wrap;
	padding: 13px;
	row-gap: 10px;
	justify-content: center;
	border-radius: 14px;
	box-shadow: 3px 5px 11px 0px rgba(0, 0, 0, 0.23);
}


/* 隕句�縺� */
section.scroll-point h2 {
	background-color: #007DAF;
	display: flex;
	justify-content: center;
	color: #FFF;
	border-radius: 100px;
	padding: 1.5rem 2rem;
	margin-bottom: 3rem;
	line-height: 1.5;
}

section.scroll-point h3 {
	background-color: #fdf3b6;
	border-left: solid 10px #ffc91a;
	padding: 5px 0 5px 20px;
	margin: 1rem 0 3rem;
}

section.scroll-point h4 {
	background-color: #D6EFBD;
	padding: 1rem 2rem;
	line-height: 1.5;
	margin: 1rem 0 3rem;
}

section.scroll-point p {
	margin: 1rem 0 3rem;
}

section.scroll-point p.dateR {
	text-align: right;
	margin: 1rem;
}

table {
	margin: 1rem 0 3rem;
}

section.lastArea {
	display: flex;
	justify-content: center;
	padding-bottom: 100px;
}

.archivesBtn {
	background-color: #e9f8fe;
	padding: 23px 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 12px;
}

.menuWrap .archivesBtn {
	column-gap: 20px;
}

.archivesBtn h2 {
	display: flex;
	width: 100%;
	justify-content: center;
}

.menuWrap .archivesBtn h2 {
	width: auto;
}

.archivesBtn a {
	display: flex;
	background-color: #FFF;
	justify-content: center;
	text-decoration: none;
	color: #363636;
	border-radius: 100px;
	padding: 8px 16px 8px 24px;
	align-items: center;
	column-gap: 1.2rem;
	border: solid 2px #363636;
}


/* 繝壹�繧ｸ譛€荳矩Κ縲€繝舌リ繝ｼ荳€隕ｧ */

.bnrList8 {
	display: flex;
	/* height: 100vh; */
	justify-content: center;
	align-items: flex-start;
	/* padding-top: 8%; */
	padding-bottom: 300px;
}

.bnrList8 .bnrBoxWrap {
	width: 900px;
	display: flex;
	flex-wrap: wrap;
	background-color: #FFFFFFA8;
	justify-content: center;
	row-gap: 40px;
	padding: 20px;
	border-radius: 16px;
}

.bnrList8 .bnrBoxWrap .bnrBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1000px;
	row-gap: 20px;
}

.bnrList8 .bnrBoxWrap .bnrBox a {
	display: block;
	/* border: solid 1px #999; */
}

.bnrList8 .bnrBoxWrap .bnrBox p {
	flex: 0 0 31%;
}

.bnrList8 .bnrBoxWrap .bnrBox p img {
	width: 100%;
	height: auto;
}

.bnrList8 .bnrBoxWrap .bnrBox::after {
	content: "";
	display: block;
	width: 31%;
}



/* 繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ縲€繧ｿ繧､繝医Ν繧呈ｶ医☆ */
.humberger__text::before {
	display: none !important;
}

/* 繝壹�繧ｸ繝医ャ繝� */
#top_scroll {
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
}

#page-top1 {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: -150px;
	right: 5px;
	width: 30px;
	height: 60px;
	padding: 0;
	color: #222;
	text-align: center;
	text-decoration: none;
	transition: 1s;
	-webkit-transition: 1s;
}

#page-top1 img {
	width: 100%;
	height: auto;
}


/* 繧ｹ繝槭� */
@media screen and (max-width:670px) {
	body {
		font-size: 1.4rem;
	}

	.fullPageScroll {
		position: relative;
	}

	.logoImg {
		position: relative;
		left: 0;
		top: 0;
		width: 130px;
		padding: 10px 0 10px 10px;
	}

	.lang_support {
		top: 40px;
		left: 0;
		display: flex;
		justify-content: flex-end;
		right: 35px;
		position: absolute;
		z-index: 45;
	}

	#language_menu_box {
		left: 5px;
		width: calc(100% + 25px);
	}

	.lang_support a#language_menu_open {
		padding: 4px 8px 4px 26px;
		background-position: 5px center;
		background-size: 18px 18px;
		font-size: 1.2rem;
		border-width: 1px;
	}

	.section {
		width: 100%;
		height: auto;
		/* scroll-snap-align: none; */
		padding: 0;
	}

	#top_photo {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#top_photo_list p img {
		height: auto !important;
	}

	/* 繧ｵ繧､繝峨Γ繝九Η繝ｼ */
	.sidebar-toggle {
		display: block;
		position: fixed;
		z-index: 40;
		border: 2px solid #000;
		outline: none;
		width: 38px;
		height: 38px;
		border-radius: 8px;
		background-color: #FFF;
		cursor: pointer;
		transition: 0.5s;
		background-image: url(/img/portal2023/btn_side.png);
		background-size: 12px auto;
		background-position: left 17px center;
		background-repeat: no-repeat;
		top: 50%;
		left: -15px;
	}

	.sidebar-toggle.is-closed {
		transform: translateX(275px) rotate(180deg);
		background-position: left 12px center;
	}

	#pagination {
		height: 1px;
		width: 1px;
		background-color: #fffffff7;
		transition: 0.4s;
		display: flex;
		top: 50%;
		left: -300px;
		z-index: 39;
		padding-left: 10px;
		background-position: left 15px top;
		border-right: solid 2px #000;
		padding-right: 10px;
		visibility: hidden;
		position: absolute;
		transform: translateY(-50%);
	}

	#pagination.pagination.is-open {
		left: 0;
		visibility: visible;
		width: 270px;
		height: 100vh;
		position: absolute;
		margin: 0;
		border-radius: 0;
		background-image: url(/img/portal2023/tatesen.gif);
		background-repeat: repeat-y;
		background-position-x: 16px;
		padding-right: 15px;
		flex-wrap: wrap;
		align-items: center;
	}

	#pagination.pagination.is-closed {
		left: -300px;
	}


	.main_cover {
		position: fixed;
		width: 100%;
		visibility: hidden;
		z-index: -1;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}

	.main_cover.active {
		height: 100vh;
		visibility: visible;
		background: rgba(0, 0, 0, 0.4);
		z-index: 5;
		top: 0;
	}



	/* 繧ｹ繝ｩ繧､繝� */
	#mp_control_box {
		border-top: solid 1px #FFF;
		border-bottom: solid 1px #FFF;
	}

	#mp_control_box button#mp_control_prev,
	#mp_control_box button#mp_control_next {
		width: 22px;
		height: 34px;
	}

	/* 繝｡繝九Η繝ｼ */

	.accItemWrap {
		column-gap: 0;
		flex-wrap: wrap;
		row-gap: 12px;
		justify-content: flex-start;
		padding-left: 15px;
		position: relative;
		left: 0;
		margin-right: 65px;
		/* margin-top: -50px; */
	}

	.acc_item>span {
		margin-right: 0;
	}

	.fontSize_box.acc_item {
		display: flex;
	}

	.search_box {
		width: calc(100% - 80px);
	}

	.acc_item {
		display: flex;
		flex-wrap: wrap;
		column-gap: 14px;
	}

	.btnA a {
		border-radius: 100px;
		height: auto;
		padding: 5px;
	}

	.menuWrap {
		padding: 15px;
		flex-wrap: wrap;
		margin-top: 2rem;
		border-top: solid 1px #ccc;
	}

	.menuWrap strong {
		margin-bottom: 10px;
	}

	.menuWrap .colLeft,
	.menuWrap .colRight {
		flex: 0 0 100%;
	}

	.menuWrap .colLeft ul {
		padding-left: 10px;
		row-gap: 10px;
		margin-bottom: 15px;
	}

	.crBtn {
		padding-left: 10px;
		margin-bottom: 10px;
	}

	.menuWrap .colRight a,
	.menuWrap .colLeft ul li a {
		padding: 7px 10px;
	}


	/* 繝輔ャ繧ｿ繝ｼ */
	.footerWrap {
		width: 100%;
		text-align: center;
		display: block;
		padding: 40px 0 80px;
	}

	.footerWrap strong {
		font-size: 1.8rem;
		letter-spacing: 4px;
	}


	/* section 1 */
	#area-1 {
		flex-direction: column;
		margin-bottom: 3rem;
	}

	.sec001 {
		padding-top: 13px;
	}

	.sec001 .logoSlogan {
		flex: 0 0 100%;
		background-color: #d4fafd;
		padding: 7px 20px;
		border-radius: 12px;
		margin: 20px 0;
	}



	.dougaArea {
		flex-direction: column;
	}

	.douga {
		width: 100%;
	}

	div.sec001 div.dougaArea div.douga:nth-child(2) {
		margin-top: 30px;
	}


	/* section 2 */
	#section2 {
		margin-top: 70px;
	}

	#section2 main {
		height: auto;
	}

	#section2 main .oshiraseWrap .midashiS2 h2 {
		padding: 0;
	}

	#section2 main .oshiraseWrap {
		margin-bottom: 0;
	}

	#section2 main .oshiraseWrap .midashiS2 {
		column-gap: 5px;
		justify-content: center;
	}

	#section2 main .oshiraseWrap .midashiS2 h2 img {
		width: 138px;
	}

	#section2 main .oshiraseWrap .midashiS2 .charaS2 {
		column-gap: 5px;
		font-size: 1.4rem;
	}

	#section2 main .oshiraseWrap .midashiS2 .charaS2 img {
		width: 46px;
		height: auto;
	}

	.card02 .swiper-controller {
		margin-right: 0;
		justify-content: center;
	}

	.card02 .swiper-pagination {
		display: none;
	}

	/* section 3 */
	.sec003 {
		height: auto;
		row-gap: 12px;
		width: calc(100% - 30px);
		margin: 70px auto 0;
	}

	.sec003 .wrap03 {
		flex-wrap: wrap;
		width: 100%;
	}

	.sec003 h2 {
		text-align: center;
	}

	.sec003 h2 img {
		width: 300px;
		height: auto;
	}

	.sec003 p {
		background-color: #FFFFFFF2;
		border-radius: 12px;
		padding: 12px;
	}

	.sec003 .wrap03 .wrap01 ul {
		margin-bottom: 20px;
	}

	.sec003 .wrap03 .wrap01 ul li {
		flex: 0 0 100%;
	}


	/* section 4 */
	#section4 {
		padding-bottom: 0;
	}

	.sec004 {
		column-gap: 0;
		width: calc(100% - 30px);
		flex-direction: column-reverse;
		margin-top: 70px;
	}

	.sec004 .figure {
		flex: 0 0 100%;
	}

	.sec004 .honBun {
		flex: 0 0 100%;
		justify-content: center;
		padding-top: 0;
		margin-bottom: 40px;
		row-gap: 33px;
	}

	.sec004 .honBun p {
		background-color: #FFFFFFF2;
		padding: 12px;
		border-radius: 12px;
	}

	.sec004 .honBun h2 img {
		width: 250px;
		height: auto;
	}

	/* section 5 */
	#section5 {
		padding-bottom: 0;
	}

	.sec005 {
		padding-top: 0;
		column-gap: 0;
		width: calc(100% - 30px);
		margin: 70px auto 0;
		flex-direction: column;
	}

	.sec005 .figure {
		margin-top: 0px;
		flex: 0 0 100%;
	}

	.sec005 .honBun {
		row-gap: 33px;
		flex: 0 0 100%;
		justify-content: center;
		margin-bottom: 40px;
	}

	.sec005 .honBun h2 img {
		width: 262px;
		height: auto;
	}

	.sec005 .honBun p {
		background-color: #FFFFFFF2;
		border-radius: 12px;
		padding: 12px;
	}


	/* section 6 */
	#section6 {
		padding-bottom: 0;
	}

	.sec006 {
		padding-top: 0;
		column-gap: 0;
		width: calc(100% - 30px);
		margin: 70px auto 0;
		flex-direction: column-reverse;
	}

	.sec006 .figure {
		margin-top: 0;
		flex: 0 0 100%;
	}

	.sec006 .honBun {
		row-gap: 33px;
		flex: 0 0 100%;
		justify-content: center;
		margin-bottom: 40px;
	}

	.sec006 .honBun h2 img {
		width: 284px;
		height: auto;
	}

	.sec006 .honBun p {
		background-color: #FFFFFFF2;
		border-radius: 12px;
		padding: 12px;
	}


	/* section 7 */
	#section7 {
		padding-bottom: 0;
	}

	.sec007 {
		padding-top: 0;
		column-gap: 0;
		width: calc(100% - 30px);
		margin: 70px auto 0;
		flex-direction: column;
	}

	.sec007 .figure {
		margin-top: 0;
		flex: 0 0 100%;
	}

	.sec007 .honBun {
		row-gap: 33px;
		flex: 0 0 100%;
		justify-content: center;
		margin-bottom: 40px;
	}

	.sec007 .honBun h2 img {
		width: 260px;
		height: auto;
	}

	.sec007 .honBun p {
		background-color: #FFFFFFF2;
		border-radius: 12px;
		padding: 12px;
	}


	/* section 8 */
	.sec008 {
		padding-top: 0;
		margin-top: 80px;
		height: auto;
	}

	.bnrList8 {
		padding-bottom: 60px;
	}

	.bnrList8 .bnrBoxWrap {
		width: calc(100% - 80px);
		row-gap: 15px;
		padding: 14px;
	}

	.bnrList8 .bnrBoxWrap .bnrBox {
		width: 100%;
		row-gap: 15px;
	}

	.bnrList8 .bnrBoxWrap .bnrBox p {
		flex: 0 0 100%;
	}

	.bnrList8 .bnrBoxWrap .bnrBox::after {
		width: 100%;
	}
}




/* 霑ｽ險�2023蟷ｴ7譛�12譌･繧ｹ繝槭� */
@media screen and (max-width:670px) {

	.topLeftArea {
		padding: 0;
		top: 0;
		z-index: 44;
		width: 1px;
	}

	.topRightArea {
		padding-left: 0;
		padding-right: 0;
	}

	.pagination ul {
		width: 100%;
		background-image: none;
		/* display: block; */
		margin: 12px 0;
	}

	.scroll-point {
		width: calc(100% - 30px);
		margin: 0 auto;
		padding-left: 0;
	}

	section#area-0 {
		width: 100%;
	}

	nav#pagination.pagination ul li {
		margin-bottom: 15px;
	}

	nav#pagination.pagination ul li:last-child {
		margin-bottom: 0px;
	}


	table.hyo2col tr {
		display: flex;
		flex-direction: column;
		row-gap: 13px;
		margin-bottom: 13px;
	}

	table.hyo2col td {
		width: 100%;
		padding: 0;
		vertical-align: top;
	}


	section.scroll-point p {
		margin: 1rem 13px 3rem;
	}


	section.scroll-point h2 {
		padding: 0.7rem 1rem 0.5rem;
		border-radius: 8px;
		line-height: 1.3;
	}

	.header__nav-area.-active {
		display: block;
	}

	.menuWrap .colLeft.oneCol ul li {
		flex: 0 0 100%;
	}

	.menuWrap .archivesBtn h2 {
		font-size: 1.5rem;
	}

	.accItemWrap {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}

	/* 繧｢繝ｼ繧ｫ繧､繝紋ｸ€隕ｧ */
	section.lastArea {
		padding-bottom: 50px;
	}

	.archivesBtn {
		margin: 0 20px;
	}

}