@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&display=swap');

.pbAreaWrapper2 {
	overflow: hidden;
}

.ZenMaru {
	/* font-family: 'Zen Maru Gothic', sans-serif; */
	font-weight: bold;
}

@media only screen and (max-width: 980px) {
	.np_sp_max {
		max-width: 500px;
		margin: 0 auto;
	}
	.win06Bg_blue{
		background: #ecf9ff;
		margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
		padding-left: 20px;
		padding-right: 20px;
	}


}

.np_heading_h2 {
	background: #5abaeb;
	color: #fff;
	border-radius: 14px;
	font-size: 150%;
	display: flex;
	align-items: center;
	padding: 6px 0 8px 27px;
}

.np_heading_h2__small {
	font-size: 66%;
	font-weight: 400;
	padding-top: 3px;
}
@media only screen and (max-width: 980px) {
	.np_heading_h2 {
		display: block;
		padding-left: 12px;
		text-align: center;
	}

	.np_heading_h2__small {
		display: block;
		font-size: 55%;
	}

}

.np_theme {
	padding: 29px 0 7px;
}

.np_theme_block {
	margin-bottom: 44px;
}

.np_theme_title {
	font-size: 138%;
	font-weight: bold;
	margin-bottom: 15px;
}

.np_theme_box {
	margin-bottom: 30px;
}

.np_theme_head {
	font-size: 138%;
	font-weight: bold;
	margin: 0 0 10px !important;
}

.np_theme_content {
	font-weight: 400;
	margin: 0 0 10px !important;
}

.np_line {
	background: linear-gradient(to top, #fff54e, #fff54e 8px, transparent 8px, transparent);
}

.np_line_harf {
	background: linear-gradient(to top, #fff54e, #fff54e 40%, transparent 40%, transparent);
}

.np_line_60 {
	background: linear-gradient(to top, #fff54e, #fff54e 60%, transparent 60%, transparent);
}

.np_line_full {
	background: #fff54e;
	line-height: 2;
}

.np_blue {
	color: #0065ad;
}

.winTheme {
	padding-top: 3em;
}

@media only screen and (min-width: 981px) {
	.winTheme,
	.winExamination,
	.winCommentary,
	.winExhibition {
		padding-left: 20px;
		padding-right: 20px;
	}

}

.npExhibition_table_wrap {
	padding: 1.75em 0 2.25em;
}

.npExhibition_table {
	width: 100%;
	table-layout: fixed;
	border: 3px solid #d9e0e8;
	background: #fff;
	border-collapse: collapse;
	font-weight: bold;
}

.npExhibition_table_head {
	width: 285px;
	background: #ecf9ff;
	border: 3px solid #d9e0e8;
	text-align: left;
	padding: 0.75em;
	box-sizing: border-box;
}

.npExhibition_table_content {
	border: 3px solid #d9e0e8;
	padding: 0.75em;
	letter-spacing: 0;
}

.npExhibition_table_content span {
	font-size: 73%;
}

.npExhibition_table_small_txt{
	font-size: 90%;
	margin: 0 !important;
}

@media only screen and (max-width: 980px) {
	.npExhibition {
		margin-left: -6.6vw;
		margin-right: -6.6vw;
	}

	.npExhibition_table {
		border: none;
	}

	.npExhibition_table * {
		display: block;
		width: 100%;
		border: none;
	}

	.npExhibition_table_head {
		border-top: 3px solid #d9e0e8;
		text-align: left;
		padding: 3vw 10vw;
		box-sizing: border-box;
		font-size: 90%;
	}

	.npExhibition_table_content {
		border-top: 3px solid #d9e0e8;
		padding: 3vw 10vw;
		box-sizing: border-box;
		letter-spacing: 0;
		font-size: 90%;
	}
	.npExhibition_table_content span {
		font-size: 78%;
		display: block;
		margin-top: 1em;
	}

}

.np_judging {
	padding: 30px 0 40px;
}

.np_judging_item {
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.8;
}

.np_judging_item:not(:last-of-type) {
	margin-bottom: 1em;
}

.np_judging_title {
	margin: 0 !important;
	padding-left: 1em;
}

.np_judging_txt {
	margin: 0 !important;
	padding-left: 1em;
}

@media only screen and (max-width: 980px) {
	.np_judging {
		padding: 30px 15px;
	}

	.np_judging_grid {
		display: block;
	}

	.np_judging_item {
		width: 100%;
	}
	.np_judging_txt_sp {
		display: block;
		font-size: 157%;
	}
	.np_judging_item:not(:last-of-type) {
		margin-bottom: 2.5em;
	}

}

.np_commentary{

}

.np_commentary_grid{
	display:flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 5em 4em;

}

.np_commentary_img{
	max-width: 300px;
	margin-right: 2em;
}

.np_commentary_img img{
	vertical-align: middle;
}


.np_commentary_name{
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.02em;
	margin-top: 1em;
}

.np_commentary_txt {
	flex: 1;
}

.np_commentary_txt p {
	margin: 0;
	font-size: 85%;
	line-height: 1.7;
  font-weight: bold;
}

@media only screen and (max-width: 980px) {
	.np_commentary{

	}

	.np_commentary_grid{
		display: block;
		padding: 5em 0 4em;
	}

	.np_commentary_img{
		margin: 0 auto;
		max-width: 335px;
	}
	.np_commentary_img img{
		width: 100%;
	}

	.np_commentary_name{
		font-size: 152%;
		margin: 1.5em 0;
	}


	.np_commentary_txt {
		max-width: 335px;
		margin: 0 auto;
	}

	.np_commentary_txt p {
	}


}

.np_square {
	position: relative;
	padding-left: 1em;
	line-height: 1.6;
}

.np_square:before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #5abaeb;
	position: absolute;
	top: 11px;
	left: 0%;
}

.np_footer p {
	margin: 0;
}

@media only screen and (max-width: 980px) {
	.np_footer.win06Bg_blue{
		padding-bottom: 60px;
		margin-bottom: -60px;
	}
}

.win06BorderBox {
	border: solid 5px #fff;
	border-radius: 5px;
}

.win06BorderBox_inner {
	background: #fff;
	border: solid 3px #32b1e7;
}

.win06Bg {
	background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/bg.png);
	background-size: 60px;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-top: 2.5em;
	padding-bottom: 3.8em;
}

.win06Mv {}

.win06Mv_title {
	text-align: center;
}

@media only screen and (max-width: 980px) {
	.win06Mv_title {
		max-width: 85.1%;
		margin: 0 auto;
	}
}


.win06Mv_result {
	max-width: 805px;
	margin: 0 auto;
}

.win06Mv_result_imgBlock {
	padding-left: 4em;
}

.win06Mv_result_img {
	vertical-align: bottom;
	margin-bottom: -5px;
}

@media only screen and (max-width: 980px) {
	.win06Mv_result_imgBlock {
	  padding-left: 0em;
    margin: 0 0px 0 1em;
    max-width: 82%;
	}
	.win06Mv_result_img {
		width: 100%;
		vertical-align: bottom;
		margin-bottom: -5px;
	}
}


.win06Mv_result_box {
	margin-bottom: 6.3em;
}

.win06Mv_result_boxInner {
	color: #604c3f;
	padding: 0.25em 1em 2.25em;
}

.win06Mv_result_box_txt {
	padding-top: 1em;
	padding-bottom: 1.6em;
	padding-left: 1.5em;
	padding-right: 12em;
	font-weight: bold;
	background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/win06Mv_result_box_img.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.win06Mv_result_box_txt .win06_normal {
	margin: 0;
	margin-bottom: 2em;
}

.win06Mv_result_box_txt .win06_ud {
	background-image: linear-gradient(to bottom, transparent, transparent 55%, #fff20d 55%, #fff20d);
}

.win06Mv_result_box_txt .win06_small {
	font-size: 82%;
	margin: 0;
	letter-spacing: 0;
}


.win06Mv_result_box_link__item {
	margin-bottom: 30px;
}

.win06Mv_result_box_anker {}

.win06Mv_result_box_img {
	vertical-align: middle;
}
/*20221215×·¼Ó¤³¤³¤«¤é*/
.win06Mv_result_box_txt [class^="note"]{
	display: inline-block;
	vertical-align: top;
}
.win06Mv_result_box_txt .note{
	width:3em;
}
.win06Mv_result_box_txt .note_main{
	width:calc(100% - 3em);
}
/*20221215×·¼Ó¤³¤³¤Þ¤Ç*/

@media only screen and (min-width: 981px) {
	.win06Mv_result_box_txt .win06_normal {
		font-size: 132%;
		margin-right: -1.5em;

	}

	.win06Mv_result_box_link {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		margin-bottom: -30px;
	}


}

@media only screen and (max-width: 980px) {
	.win06Mv_result_box{
		max-width: 80%;
		margin: 0 auto 6.3em;
		letter-spacing: 0;
	}

	.win06Mv_result_box_txt{
		padding: 0;
	}

	.win06Mv_result_box_txt .win06_normal {
		font-size: 4.3vw;
	}

	.win06Mv_result_box_txt .win06_small{
		font-size: 2.9vw;
		max-width: 67%;
	}

	.win06Mv_result_box_txt{
		background-size: 31vw;
		margin-right: -1.6em;
		padding-right: 1.6em;
		background-position: 100% 100%;
		padding-bottom: 2em;
	}

	.win06Mv_result_box_link{
		margin-bottom: 0;
	}

	.win06Mv_result_box_link__item{
		margin-bottom: 0;
	}
	.win06Mv_result_box_link__item:not(:last-of-type){
		margin-bottom: 1.7em;
	}

	.win06Mv_result_box_img{
		width: 100%;
	}

}



.win06_main .win06BorderBox_inner {}

@media only screen and (max-width: 980px) {
	.win06_main{
		max-width: 96%;
		margin: 0 auto;
	}
}


.win06_page {
	position: relative;
	color: #0065ad;
	letter-spacing: 0;
	line-height: 1.1;
}

.win06_page:not(:last-of-type) {
	margin-bottom: 6em;
}

@media only screen and (max-width: 980px) {
	.win06_page:not(:last-of-type) {
	   margin-bottom: 4em;
	}
}

.win06_page_ribon {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 70.8%;
	text-align: center;
	z-index: 999;
}

@media only screen and (max-width: 980px) {
	.win06_page_ribon {
		min-width: 89.8%;
		top: 8px;
	}

}

.win06_page_btn {
	position: absolute;
	bottom: -1%;
	left: 50%;
	transform: translate(-50%, 50%);
}

.win06_toggle__btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	border-radius: 0;
	font-family: inherit;
	font-size: 1em;
	cursor: pointer;
}

@media only screen and (max-width: 980px) {
	.win06_toggle__btn,
	.win06_toggle__btn img {
		width: 100%;
	}

}

.win06_page_inner {
	padding: 0 2.5em;
}

.win06_page_mainTitle {
	text-align: center;
	font-size: 235%;
	border-bottom: 4px solid #32b1e7;
	padding-bottom: 0.35em;
	color: #000;
}

@media only screen and (max-width: 980px) {
	.win06_page_grid__item__btn img{
		width: 100%;
	}
}

.win06_page__img {}

.win06_page__txt {}

.win06_page_modal {
	display: none;
}

.win06_page_modal__inner {}

.win06_page_modal__bg {}

.win06_page_modal__img {}

.win06_page_modal__txt {}

.win06_page_modal_content {}

@media only screen and (min-width: 981px) {
	.win06_page_grid {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-left: -0.63em;
		margin-right: -0.63em;
	}

	.win06_page_grid__item {
		width: calc((100% / 4) - 1.26em);
		margin-left: 0.63em;
		margin-right: 0.63em;
	}

}


@media only screen and (max-width: 980px) {
	.win06_page_inner{
		padding: 0 1em;
	}
	.win06_page_mainTitle {
		border-width: 3px;
		padding-bottom: 0.45em;
		font-size: 5.65vw;
    margin-bottom: 1em;
	}
	.win06_page__txt{
		font-size: 3.8vw;
		display: block;
		text-align: center;
		margin-top: 6vw;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	.win06_page_btn{
		width: 80%;
	}
	.win06_page_grid__item:not(:last-of-type){
		margin-bottom: 12vw;
	}
}



/* ×ÐãÙp */
.win06_page__saiyusyu {
	position: relative;
	margin-bottom: 1em;
}

.win06_page__saiyusyu .win06_page_mainTitle {
	font-size: 315%;
	padding-top: 1.4em;
}

.win06_page__saiyusyu .win06_page_mainTitle .crown {
	vertical-align: -0.1em;
	margin-left: -1.4em;
}



.win06_page__saiyusyu__txt {
	flex: 1;
	padding-top: 7.5em;
}

.win06_page__saiyusyu__ttl {
	margin: 0 0 0.6em !important;
}

.win06_page__saiyusyu__comment {
	margin: 0 !important;
}

@media only screen and (min-width: 981px) {
	.win06_page__saiyusyu__item {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
		font-size: 157%;
		padding-bottom: 3em;
	}
	.win06_page__saiyusyu .win06_page_grid__item__btn {
		position: relative;
		width: 44%;
		margin-right: 0.8em;
		margin-left: -1em;
	}

	.win06_page__saiyusyu .win06_page_grid__item__btn .win06_page__txt {
		display: block;
		position: absolute;
		top: 10%;
		right: -0.8em;
		transform: translateX(100%);
		min-width: 403px;
	}

}
@media only screen and (max-width: 980px) {
	.win06_page__saiyusyu{
		margin-bottom: 2.5vw;
	}
	.win06_page__saiyusyu .win06_page_mainTitle {
    font-size: 5.65vw;
    padding-top: 2.1em;
		margin-bottom: 1em;
	}
	.win06_page__saiyusyu .win06_page_mainTitle .crown{
		width: 8.8vw;
	}
	.win06_page__saiyusyu__item{
		padding-bottom: 12vw;

	}
	.win06_page__saiyusyu__txt{
		padding-top: 2em;
		font-size: 3.9vw;
	}
}




.win06_page__saiyusyu+.win06BorderBox {}

.win06_page__saiyusyu+.win06BorderBox .win06BorderBox_inner {
	padding-top: 2em;
}

.win06_page__saiyusyu+.win06BorderBox .win06BorderBox_inner__hide {
	padding-bottom: 5em;
	display: none;
}

@media only screen and (min-width: 981px) {
	.win06_page__saiyusyu+.win06BorderBox .win06BorderBox_inner__hide {
		padding-top: 2em;
	}
}
@media only screen and (max-width: 980px) {
	.win06_page__saiyusyu+.win06BorderBox .win06BorderBox_inner {
		padding-top: 10vw;
	}

}




/* ƒžÐãÙp */
.win06_page__yusyu .win06_page_mainTitle {
	margin-bottom: 0.6em;
}



@media only screen and (min-width: 981px) {
	.win06_page__yusyu .win06_page__txt {
		font-size: 157%;
		display: block;
	}
	.win06_page__yusyu .win06_page_grid {
		margin-left: -1.5em;
		margin-right: -1.5em;
		margin-bottom: -3em;
	}

	.win06_page__yusyu .win06_page_grid__item {
		width: calc((100% / 2) - 3em);
		margin-left: 1.5em;
		margin-right: 1.5em;
		margin-bottom: 3em;
	}

}

/* Èëßx */
.win06_page__nyusen .win06_page_mainTitle {
	margin-bottom: 0.95em;
	margin-top: 1.4em;
}



@media only screen and (min-width: 981px) {
	.win06_page__nyusen .win06_page__txt {
		font-size: 105%;
	}
	.win06_page__nyusen .win06_page_grid {
		margin-left: -0.85em;
		margin-right: -0.85em;
		margin-bottom: -4em;
	}

	.win06_page__nyusen .win06_page_grid__item {
		width: calc((100% / 3) - 1.7em);
		margin-left: 0.85em;
		margin-right: 0.85em;
		margin-bottom: 4em;
	}

}

/* ŠXÀøÙp */
.win06_page__shorei .win06_page_mainTitle {
	margin-bottom: 1.55em;
	margin-top: 1.5em;
}



.modaal-container {
	background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/bg_paper.png) !important;
	background-color: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	padding: 3em 3em 10em;
}

@media only screen and (min-width: 981px) {
	.win06_page__shorei .win06_page__txt {
		font-size: 82%;
	}
	.win06_page__shorei .win06_page_grid {
		margin-bottom: -3.4em;
	}

	.win06_page__shorei .win06_page_grid__item {
		margin-bottom: 3.4em;
	}

}

#awardIdea .win06_page__yusyu,
#awardIdea .win06_page__shorei {
	padding-top: 6em;
	padding-bottom: 4em;
}

@media only screen and (max-width: 980px) {
	#awardIdea .win06_page__yusyu,
	#awardIdea .win06_page__shorei {
		padding-top: 4.5em;
	}
}

.awardClass .win06BorderBox_inner{
	padding-top: 5em;
	padding-bottom: 3em;
}

.awardClass_area{
	border: 3px solid #32b1e7;
	padding: 0.8em 0.5em;
}


.awardClass_area:not(:last-of-type){
	margin-bottom: 1.8em;
}

.awardClass_btn{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
	font-size: 235%;
	display: block;
	width: 100%;
	text-align: left;
	position: relative;
}


.awardClass_btn::after,
.awardClass_btn::before{
	content: "";
	display: block;
	width: 30px;
	height: 5px;
	background: #32b1e7;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translate(-50%,-50%);
}
.awardClass_btn::before{
	transform: translate(-50%,-50%) rotate(90deg);
	transition: 200ms;

}

.awardClass_btn.is-active::before {
	transform: translate(-50%,-50%) rotate(0deg);
}

.awardClass_contents{
	border-top: 3px solid #32b1e7;
	margin-top: 0.5em;
	padding: 1em 0 1em !important;
	display: none;

}

.awardClass_list{
	list-style: none;
	display:flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: -0.5em!important;
	padding: 0!important;
	color: #000;

}

.awardClass_item{
	list-style: none;
	padding: 0!important;
	margin: 0.5em !important;
	width: calc((100% / 3) - 1em);
}

@media only screen and (max-width: 980px) {
	.awardClass_btn{
		font-size: 4.3vw;
	}
	.awardClass_btn::after,
	.awardClass_btn::before{
		width: 4vw;
		height: 0.8vw;
		right: -1vw;
	}
	.awardClass_item{
		width: calc((100% / 2) - 1em);
		font-size: 3vw;
	}
	.awardClass .win06BorderBox_inner {
    padding-top: 10vw;
    padding-bottom: 6vw;
	}
	.awardClass  .win06_page_inner{
		padding: 0 2vw;
	}
	.awardClass_area:not(:last-of-type) {
    margin-bottom: 0.8em;
		padding: 2vw;
}


}


/* modaaal */
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
	overflow: hidden;
}

.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	opacity: 0;
}

.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
	border: none;
	padding: 0;
	-webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
	outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden;
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
	display: block;
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top;
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: auto;
	padding: 3em 3em 10em;
	background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/bg_paper.png);
	background-color: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

@media only screen and (max-width: 980px) {
	.modaal-container {
		padding: 7vw 0vw 24vw;
	}
}


.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden;
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto;
}

.modaal-close {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/close.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	/* background: #fff; */
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #b93d0c;
}

.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
	/* display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out; */
}

.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px;
}

.modaal-content-container {
	padding: 30px;
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0;
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent;
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f;
}

.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent;
}

.modaal-instagram .modaal-content-container>blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
	overflow: hidden;
}

@media only screen and (min-width: 981px) {
	.modaal-image .modaal-inner-wrapper {
		padding-left: 140px;
		padding-right: 140px;
	}
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 100%;
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff;
}

.modaal-gallery-item {
	display: none;
}

.modaal-gallery-item-wrap {
	width: 100% !important;
	height: auto !important;
}


.modaal-gallery-item img {
	display: block;
}

@media only screen and (max-width: 980px) {
	.modaal-gallery-item img{
		width: calc(100% - 14vw)!important;
    margin: 0 auto;
	}
}
.modaal-gallery-item.is_active {
	display: block;
}

.modaal-gallery-label {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	text-align: center;
	margin: 20px 0 0;
	font-size: 18px;
	color: #fff;
	white-space: break-spaces;
	color: #0065ad;
	font-size: 157%;
	/* font-family: 'Zen Maru Gothic', sans-serif; */
	font-weight: bold;
	line-height: 1.1;
}

@media only screen and (max-width: 980px) {
	.modaal-gallery-label {
		font-size: 24px;
		margin-top: 5vw;
	}
}

@media only screen and (max-width: 630px) {
	.modaal-gallery-label {
		font-size: 4vw;
	}
}



.modaal-gallery-label:focus {
	outline: none;
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 62px;
	height: 108px;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: none;
	/* background: #fff; */
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
	background: #afb7bc;
}

.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	/* display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out; */
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px;
	background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/R_arrow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}


@media only screen and (max-width: 980px) {
	.modaal-gallery-next-inner {
		background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/R_arrow_sp.png);
		margin-left: 0;
		transform: translate(-50%,-50%);
		height: 100px;
	}
}

@media only screen and (max-width: 540px) {
	.modaal-gallery-next-inner {
		height: 19.25vw;
		width: 12vw;
	}
}



.modaal-gallery-next-outer {
	right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
	left: 22px;
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px;
	background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/L_arrow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

@media only screen and (max-width: 980px) {
	.modaal-gallery-prev-inner {
		background-image: url(/library/2021/images/company/company_outline_branch_kitakyushu_notice_postcard-newspaper_06-winningworks/L_arrow_sp.png);
		margin-right: 0;
		transform: translate(50%,-50%);
		height: 100px;
	}
}

@media only screen and (max-width: 540px) {
	.modaal-gallery-prev-inner {
		height: 19.25vw;
		width: 12vw;
	}
}


.modaal-gallery-prev-outer {
	left: 45px;
}

.modaal-video-wrap {
	margin: auto 50px;
	position: relative;
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%;
}

.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block;
}

.modaal-loading-spinner {
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(0.25);
	-ms-transform: scale(0.25);
	transform: scale(0.25);
}

.modaal-loading-spinner>div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute;
}

.modaal-loading-spinner>div>div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff;
}

.modaal-loading-spinner>div:nth-of-type(1)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.modaal-loading-spinner>div:nth-of-type(2)>div,
.modaal-loading-spinner>div:nth-of-type(3)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner>div:nth-of-type(1) {
	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(2)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s;
}

.modaal-loading-spinner>div:nth-of-type(2) {
	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(3)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}

.modaal-loading-spinner>div:nth-of-type(4)>div,
.modaal-loading-spinner>div:nth-of-type(5)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner>div:nth-of-type(3) {
	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(4)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s;
}

.modaal-loading-spinner>div:nth-of-type(4) {
	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.modaal-loading-spinner>div:nth-of-type(6)>div,
.modaal-loading-spinner>div:nth-of-type(7)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner>div:nth-of-type(5) {
	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(6)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s;
}

.modaal-loading-spinner>div:nth-of-type(6) {
	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(7)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}

.modaal-loading-spinner>div:nth-of-type(7) {
	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s;
}

.modaal-loading-spinner>div:nth-of-type(8) {
	-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@media only screen and (min-width: 1400px) {
	.modaal-video-container {
		padding-bottom: 0;
		height: 731px;
	}
}

@media only screen and (max-width: 1140px) {
	/* .modaal-image .modaal-inner-wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}

	.modaal-gallery-control {
		top: auto;
		bottom: 20px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		background: rgba(0, 0, 0, 0.7);
	}

	.modaal-gallery-control:before,
	.modaal-gallery-control:after {
		background: #fff;
	}

	.modaal-gallery-next {
		left: auto;
		right: 20px;
	}

	.modaal-gallery-prev {
		left: 20px;
		right: auto;
	} */
}

@media screen and (max-width: 900px) {
	.modaal-instagram iframe {
		width: 500px !important;
	}
}

@media only screen and (max-width: 600px) {
	.modaal-instagram iframe {
		width: 280px !important;
	}
}

@media screen and (max-height: 1100px) {
	.modaal-instagram iframe {
		width: 700px !important;
	}
}

@media screen and (max-height: 1000px) {
	.modaal-inner-wrapper {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.modaal-instagram iframe {
		width: 600px !important;
	}
}

@media screen and (max-height: 900px) {
	.modaal-instagram iframe {
		width: 500px !important;
	}

	.modaal-video-container {
		max-width: 900px;
		max-height: 510px;
	}
}

@media only screen and (max-height: 820px) {
	.modaal-gallery-label {
		/* display: none; */
	}
}

@keyframes instaReveal {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes instaReveal {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	100% {
		opacity: .1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	100% {
		opacity: .1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}