@charset "UTF-8";
/*
 * lib/css/reset.css
 *
*/
html {
	overflow-y: scroll;
}

fieldset, img {
	border: none;
	vertical-align: top;
}

ul, ol {
	list-style-type: none;
}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

caption, th {
	text-align: left;
}

a {
	outline: none;
}

/*-----------------------------------------------------------
		余白初期設定
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
html, body, div,
p, ul, ol, li, dl, dt, dd,
pre, blockquote,
form, fieldset, input, textarea,
table, th, td, figure {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------
		その他初期設定
-----------------------------------------------------------*/
q:before, q:after {
	content: '';
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@-webkit-keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1329px)
}
@include for-pcmd() {
	@media (max-width: 1199px)
}
@include for-tb() {
	@media (max-width: 940px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
:root {
	color: #FFF;
	font-size: 10px;
}

body {
	color: #FFF;
	line-height: 1.5;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.8rem;
	word-wrap: break-word;
	font-weight: 400;
}
@media (max-width: 939px) {
	body {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
}
@media (max-width: 767px) {
	body {
		font-size: 3.75vw;
	}
}

/*
	Thin	100
	Light	300
	DemiLight	350
	Regular	400 Default
	Medium	500
	Bold	700
	Black	900
*/
.regular {
	font-weight: 400;
}

.mudium {
	font-weight: 500;
}

.bold {
	font-weight: 700;
}

.black {
	font-weight: 900;
}

@media (max-width: 939px) {
	#colorbox, #colorbox * {
		max-height: none;
	}

	#gnavi, #gnavi * {
		max-height: none;
	}

	img {
		max-height: none;
		max-width: 100%;
	}
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img {
	max-width: 100%;
}

button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

a {
	text-decoration: none;
	color: #FFF;
}
@media (min-width: 1200px) {
	a:hover {
		color: #FFF;
		text-decoration: underline;
	}
	a:visited {
		color: #FFF;
	}
	a:active {
		text-decoration: none;
	}
}

[type=text], [type=email], [type=tel], [type=password], [type=number], [type=search], textarea, select {
	padding: 0.5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 0px;
}

select {
	max-width: 100%;
	height: 2.6em;
	padding-right: 3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: 1px solid #ddd;
	background-size: auto 100%;
}

select::-ms-expand {
	display: none;
}

[type=text], [type=email], [type=tel], [type=password], [type=submit], [type=number], [type=search], textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

[type=text]:focus, [type=email]:focus, [type=password]:focus, [type=number]:focus, [type=search]:focus, textarea:focus {
	background: #fff;
	border: 1px solid #aaa;
}

input[type=checkbox] {
	display: none;
}

[type=checkbox] + .mwform-checkbox-field-text:before {
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.5em;
	background: #f9f9f9;
	border: 1px solid #3589B7;
	vertical-align: middle;
}

[type=checkbox]:checked + .mwform-checkbox-field-text:before {
	content: "\2713";
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	text-indent: -0.1em;
	color: #000;
}

input[type=radio] {
	vertical-align: middle;
}

input[type=radio] + label {
	margin-left: 5px;
}

:placeholder-shown {
	color: #BABABA;
}

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

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

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

/* IE 10+ */
:-ms-input-placeholder {
	color: #BABABA;
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1329px)
}
@include for-pcmd() {
	@media (max-width: 1199px)
}
@include for-tb() {
	@media (max-width: 940px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
		基本レイアウト
-----------------------------------------------------------*/
body {
	background: #000 url("../img/common/bg.jpg") center bottom repeat-x;
}
@media (max-width: 767px) {
	body.lock {
		height: 100vh;
		overflow: hidden;
	}
}

.wrap {
	position: relative;
	width: 900px;
	margin: 0px auto;
}
@media (max-width: 1199px) {
	.wrap {
		width: auto;
		margin: 0px 30px;
	}
}
@media (max-width: 767px) {
	.wrap {
		margin: 0px 5vw;
	}
}

.sp {
	display: none;
}
@media (max-width: 767px) {
	.sp {
		display: inherit;
	}
}

@media (max-width: 767px) {
	.spnone {
		display: none;
	}
}

.tb {
	display: none;
}
@media (max-width: 939px) {
	.tb {
		display: inherit;
	}
}

@media (max-width: 939px) {
	.pc {
		display: none !important;
	}
}

.linkbox {
	cursor: pointer;
}

/*----------------------- header --------------------------*/
header {
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	header {
		margin-bottom: 0px;
	}
}
header .logo {
	position: relative;
	z-index: 1100;
	padding: 2em 0px 1em;
	text-align: center;
}
@media (max-width: 767px) {
	header .logo {
		padding: 1em 0px;
	}
}
header .logo img {
	width: 106px;
}
@media (max-width: 767px) {
	header .logo img {
		width: 34.375vw;
	}
}
header #gnav {
	background-color: #0061aa;
}
@media (max-width: 767px) {
	header #gnav {
		display: none;
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		min-height: 100vh;
		z-index: 1000;
		padding-top: 60vw;
		background-color: #000;
		background-image: url(../img_sp/common/menubg.jpg);
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
header #gnav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media (max-width: 767px) {
	header #gnav ul {
		display: block;
	}
}
header #gnav ul li {
	margin: 0px 1em;
}
@media (max-width: 767px) {
	header #gnav ul li {
		margin: 0px 0px 2px;
	}
}
header #gnav ul li a {
	display: block;
	position: relative;
	padding: 1.5em 1em;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (max-width: 767px) {
	header #gnav ul li a {
		padding: 1.25em 1.75em;
		background-repeat: no-repeat;
		background-position: center right 1em;
		background-size: 0.25em 0.5em;
		background-color: #0061aa;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%229.5px%22%20height%3D%2219px%22%20viewBox%3D%220%200%209.5%2019%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%209.5%2019%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C0%200%2C4.8%204.7%2C9.5%200%2C14.2%200%2C19%209.5%2C9.5%20%22%2F%3E%3C%2Fsvg%3E");
		font-size: 6.25vw;
	}
}
@media (min-width: 1200px) {
	header #gnav ul li a:hover {
		background-color: #13466d;
	}
}
header #gnav ul li a.current:after {
	content: "";
	display: block;
	position: absolute;
	left: 1em;
	right: 1em;
	bottom: 0px;
	height: 3px;
	background-color: #fff;
}
@media (max-width: 767px) {
	header #gnav ul li a.current:after {
		display: none;
	}
}
@media (max-width: 767px) {
	header #gnav .copy {
		padding: 20vw 0px 34vw;
		font-size: 3.125vw;
		text-align: center;
		opacity: 0.65;
	}
}
header .menu {
	display: none;
	position: absolute;
	right: 5vw;
	top: 10vw;
	width: 28px;
	height: 22px;
	z-index: 3000;
	cursor: pointer;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media (max-width: 767px) {
	header .menu {
		display: block;
	}
}
header .menu span {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 3px;
	background-color: #0061aa;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
header .menu span:nth-of-type(1) {
	top: 0px;
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}
header .menu span:nth-of-type(2) {
	top: 9px;
	-webkit-transition: all .25s .25s;
	-o-transition: all .25s .25s;
	transition: all .25s .25s;
	opacity: 1;
}
header .menu span:nth-of-type(3) {
	bottom: 0px;
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}
header .menu.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
header .menu.active span:nth-of-type(2) {
	opacity: 0;
}
header .menu.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}

@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(9px) rotate(45deg);
		transform: translateY(9px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(9px) rotate(0);
		transform: translateY(9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}

@keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(9px) rotate(45deg);
		transform: translateY(9px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(9px) rotate(0);
		transform: translateY(9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
		transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
		transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(9px) rotate(0);
		transform: translateY(9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(9px) rotate(45deg);
		transform: translateY(9px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(9px) rotate(0);
		transform: translateY(9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(9px) rotate(45deg);
		transform: translateY(9px) rotate(45deg);
	}
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
		transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
		transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}
}
/*----------------------- content --------------------------*/
.pan {
	position: absolute;
	right: 0px;
	top: 1em;
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	.pan {
		position: static;
		margin-bottom: 3em;
		text-align: right;
	}
}

/*----------------------- footer --------------------------*/
footer .copy {
	padding: 1em 0px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	opacity: 0.65;
}
@media (max-width: 767px) {
	footer .copy {
		padding: 1em;
		font-size: 3.125vw;
		text-align: center;
	}
}

/*-----------------------------------------------------------
	クリアフィックス
-----------------------------------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

* html .clearfix {
	zoom: 1;
}

*:first-child + html .clearfix {
	zoom: 1;
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1329px)
}
@include for-pcmd() {
	@media (max-width: 1199px)
}
@include for-tb() {
	@media (max-width: 940px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
	index
-----------------------------------------------------------*/
.top h1 {
	margin: 0px auto;
	padding: 0px 0px 30px;
	text-align: center;
}
@media (max-width: 767px) {
	.top h1 {
		padding: 0px 0px 5vw;
	}
}
.top .text {
	margin-bottom: 40px;
	text-align: center;
}
@media (max-width: 767px) {
	.top .text {
		margin: 0px -5vw 4.25vw;
	}
}

.newsbox {
	margin-bottom: 90px;
}
@media (max-width: 767px) {
	.newsbox {
		margin-bottom: 14vw;
	}
}
.newsbox .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.newsbox .wrap {
		display: block;
	}
}
.newsbox .wrap .newsinbox {
	width: 62%;
}
@media (max-width: 767px) {
	.newsbox .wrap .newsinbox {
		width: auto;
	}
}
.newsbox .wrap .twitter {
	width: 34%;
}
@media (max-width: 767px) {
	.newsbox .wrap .twitter {
		width: auto;
	}
}
.newsbox .title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 2em;
	font-size: 1.4rem;
}
@media (max-width: 767px) {
	.newsbox .title {
		font-size: 3.4vw;
	}
}
.newsbox .title img {
	height: 29px;
	width: 116px;
}
@media (max-width: 767px) {
	.newsbox .title img {
		width: auto;
		height: 5.625vw;
	}
}
.newsbox .title span {
	margin-right: 1em;
}
.newsbox .items .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1em;
}
@media (min-width: 1200px) {
	.newsbox .items .item figure {
		overflow: hidden;
	}
	.newsbox .items .item figure img {
		-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.newsbox .items .item:hover figure img {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@media (max-width: 767px) {
	.newsbox .items .item {
		display: block;
		margin-bottom: 8vw;
	}
}
.newsbox .items .item figure {
	width: 18%;
	border: 1px solid #fff;
	overflow: hidden;
}
@media (max-width: 767px) {
	.newsbox .items .item figure {
		width: auto;
		margin-bottom: 4vw;
	}
}
.newsbox .items .item .textbox {
	width: 76%;
}
@media (max-width: 767px) {
	.newsbox .items .item .textbox {
		width: auto;
	}
}
.newsbox .items .item .textbox .date {
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	.newsbox .items .item .textbox .date {
		font-size: 4vw;
	}
}
.newsbox .items .item .textbox .date .cat {
	display: inline-block;
	margin-left: 1em;
	padding-left: 1.5em;
	background-size: 1em 1em;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212.6px%22%20height%3D%2212.5px%22%20viewBox%3D%220%200%2012.6%2012.5%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2012.6%2012.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%232A6EB7%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Element_1_%22%3E%20%3Crect%20x%3D%220.1%22%20y%3D%223.1%22%20transform%3D%22matrix(1.320549e-02%20-0.9999%200.9999%201.320549e-02%20-3.1389%2012.398)%22%20class%3D%22st0%22%20width%3D%229.3%22%20height%3D%229.3%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%221.3%2C2.3%2010.2%2C2.5%2010.1%2C11.4%2010.9%2C11.4%2011%2C1.7%201.3%2C1.5%20%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%222.9%2C0%202.9%2C0.8%2011.8%2C0.9%2011.6%2C9.8%2012.4%2C9.8%2012.6%2C0.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.newsbox .items .item .textbox .name {
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	.newsbox .items .item .textbox .name {
		font-size: 5.5vw;
	}
}
.newsbox .items .item .textbox .name a {
	text-decoration: none;
}
@media (max-width: 767px) {
	.newsbox .items .item .textbox .name a {
		color: #0061aa;
	}
}
.newsbox .items .item .textbox .text {
	padding-top: 0.5em;
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	.newsbox .items .item .textbox .text {
		font-size: 3.75vw;
	}
}
.newsbox .items .item.first figure {
	width: 50%;
}
@media (max-width: 767px) {
	.newsbox .items .item.first figure {
		width: auto;
	}
}
.newsbox .items .item.first .textbox {
	width: 46%;
}
@media (max-width: 767px) {
	.newsbox .items .item.first .textbox {
		width: auto;
	}
}

@media all and (-ms-high-contrast: none) {
	.newsbox .wrap {
		display: block;
	}
	.newsbox .wrap .newsinbox {
		width: auto;
	}
	.newsbox .wrap .twitter {
		width: auto;
		margin-top: 50px;
	}
	.newsbox .wrap .twitter .timeline {
		display: none;
	}
	.newsbox .wrap .twitter .twitterbtn {
		display: block;
		text-align: center;
	}
	.newsbox .wrap .twitter .twitterbtn a {
		display: inline-block;
		padding: 0.75em 2.5em 0.75em 5em;
		border-radius: 6px;
		color: #fff;
		border: 1px solid #1d9bf0;
		background: #1d9bf0 url(../img/common/twitter.svg) 2.5em center/2em 1.5em no-repeat;
		text-decoration: none;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.newsbox .wrap .twitter .twitterbtn a:hover {
		background: #fff url(../img/common/twitter_b.svg) 2.5em center/2em 1.5em no-repeat;
		color: #1d9bf0;
	}
	.newsbox .items .item figure {
		width: 11%;
	}
	.newsbox .items .item .textbox {
		width: 86%;
	}
	.newsbox .items .item.first figure {
		width: 31%;
	}
	.newsbox .items .item.first .textbox {
		width: 66%;
	}
}
.held h2, .exhibition h2, .constitution h2 {
	margin-bottom: 0.25em;
	font-size: 3.4rem;
	font-weight: 700;
	text-align: center;
}
@media (max-width: 767px) {
	.held h2, .exhibition h2, .constitution h2 {
		margin-bottom: 0.5em;
		font-size: 6.4vw;
	}
}

.exhibition {
	margin-bottom: 2em;
}
.exhibition .wrap {
	/*display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	@include for-sp() {
		display: block;
	}
	.twitter {
		width: 35%;
		@include for-sp() {
			width: auto;
			margin-bottom: 15vw;
		}
		.twitterbtn {
			display: none;
		}
	}
	.aboutbox {
		width: 60%;
		@include for-sp() {
			width: auto;
		}
	}*/
}
.exhibition .text {
	line-height: 2.3;
}
@media (max-width: 767px) {
	.exhibition .text {
		line-height: 1.625;
	}
}

/*
@media all and (-ms-high-contrast: none) {
	.exhibition {
		.wrap {
			display: block;
			.twitter {
				width: auto;
				margin-bottom: 50px;
				.timeline {
					display: none;
				}
				.twitterbtn {
					display: block;
					text-align: center;
					a {
						display: inline-block;
						padding: 0.75em 2.5em 0.75em 5em;
						border-radius: 6px;
						color: #fff;
						border: 1px solid #1d9bf0;
						background: #1d9bf0 url(../img/common/twitter.svg) 2.5em center / 2em 1.5em no-repeat;
						text-decoration: none;
						transition: 0.3s;
						&:hover {
							background: #fff url(../img/common/twitter_b.svg) 2.5em center / 2em 1.5em no-repeat;
							color: #1d9bf0;
						}
					}
				}
			}
			.aboutbox {
				width: auto;
			}
		}
	}
}
*/
.constitution h2 {
	margin-bottom: 1em;
}
.constitution .btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 4em;
}
@media (max-width: 939px) {
	.constitution .btns {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.constitution .btns {
		display: block;
	}
}
.constitution .btns li {
	width: 31.5%;
	margin-right: 2.75%;
	margin-bottom: 2.75%;
}
@media (max-width: 939px) {
	.constitution .btns li {
		width: 48%;
		margin: 0px 0px 4%;
	}
}
@media (max-width: 767px) {
	.constitution .btns li {
		width: auto;
	}
}
.constitution .btns li:nth-child(3), .constitution .btns li:last-child {
	margin-right: 0px;
}
.constitution .btns li a {
	display: block;
	padding: 1em 0px;
	border-radius: 7px;
	background-color: #0061aa;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
@media (min-width: 1200px) {
	.constitution .btns li a {
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.constitution .btns li a:hover {
		background-color: #fff;
		color: #0061aa;
	}
}
.constitution .items {
	margin-bottom: 4em;
}
.constitution .items .areatitle {
	margin-bottom: 1em;
	font-size: 3.4rem;
	font-weight: 700;
	text-align: left;
}
@media (max-width: 767px) {
	.constitution .items .areatitle {
		font-size: 5.5vw;
	}
}
.constitution .items .text {
	margin-bottom: 1em;
	line-height: 2;
}
@media (max-width: 767px) {
	.constitution .items .text {
		line-height: 1.625;
	}
}
.constitution .items .copy {
	font-size: 0.75em;
}
.constitution .items .item {
	margin-bottom: 2em;
}
.constitution .items .item figure {
	margin-bottom: 1em;
	text-align: center;
}
.constitution .items .item figure p {
	padding-top: 0.5em;
	font-size: 0.75em;
}
.constitution .items .item.left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.constitution .items .item.left {
		display: block;
	}
}
.constitution .items .item.left figure {
	width: 30%;
}
@media (max-width: 767px) {
	.constitution .items .item.left figure {
		width: auto;
	}
}
.constitution .items .item.left .text {
	width: 65%;
}
@media (max-width: 767px) {
	.constitution .items .item.left .text {
		width: auto;
	}
}
.constitution .items .item .c3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.constitution .items .item .c3 div {
	margin-right: 4%;
}
.constitution .items .item .c3 div:last-child {
	margin-right: 0px;
}

@media all and (-ms-high-contrast: none) {
	.constitution .items .item .c3 img {
		height: 410px;
	}
	.constitution .items .item .c3.h440 img {
		height: 440px;
	}
}
.held .items .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 2em;
}
@media (max-width: 767px) {
	.held .items .item {
		display: block;
		margin-bottom: 8vw;
	}
}
.held .items .item h3 {
	width: 235px;
	padding-top: 50px;
	font-size: 3.3rem;
	font-weight: 900;
	background-position: left top;
	background-repeat: no-repeat;
}
@media (max-width: 767px) {
	.held .items .item h3 {
		width: auto;
		min-height: 7.8125vw;
		margin-bottom: 0.25em;
		padding: 0px;
		font-size: 5.625vw;
		background-size: auto 7.8125vw !important;
	}
}
.held .items .item h3.tokyo {
	background-image: url(../img/index/tokyo.png);
	background-size: 138px 46px;
}
@media (max-width: 767px) {
	.held .items .item h3.tokyo {
		padding-left: 25vw;
	}
}
.held .items .item h3.fukuoka {
	background-image: url(../img/index/fukuoka.png);
	background-size: 196px 46px;
}
@media (max-width: 767px) {
	.held .items .item h3.fukuoka {
		padding-left: 34vw;
	}
}
.held .items .item h3.osaka {
	background-image: url(../img/index/osaka.png);
	background-size: 142px 46px;
}
@media (max-width: 767px) {
	.held .items .item h3.osaka {
		padding-left: 25vw;
	}
}
.held .items .item h3.nagoya {
	background-image: url(../img/index/nagoya.png);
	background-size: 168px 46px;
}
@media (max-width: 767px) {
	.held .items .item h3.nagoya {
		padding-left: 30vw;
	}
}
.held .items .item .databox {
	width: -webkit-calc(100% - 235px);
	width: calc(100% - 235px);
	padding-bottom: 2em;
}
@media (max-width: 767px) {
	.held .items .item .databox {
		width: auto;
		padding-bottom: 0px;
	}
}
.held .items .item .databox dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 2;
}
@media (max-width: 767px) {
	.held .items .item .databox dl {
		line-height: 1.625;
	}
}
.held .items .item .databox dl dd {
	width: -webkit-calc(100% - 3em);
	width: calc(100% - 3em);
}
.held .items .item .databox dl dd span {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
.held .items .item .databox dl dt {
	width: 3em;
}
.held .items .item .databox dl dt.w3 {
	width: 4em;
}
.held .items .item .databox dl dt.w3 + dd {
	width: -webkit-calc(100% - 4em);
	width: calc(100% - 4em);
}
.held .items .item .databox dl dt.w4 {
	width: 5em;
}
.held .items .item .databox dl dt.w4 + dd {
	width: -webkit-calc(100% - 5em);
	width: calc(100% - 5em);
}
.held .items .item .databox dl dt.w6 {
	width: 7em;
}
.held .items .item .databox dl dt.w6 + dd {
	width: -webkit-calc(100% - 7em);
	width: calc(100% - 7em);
}
.held .items .item .databox .center {
	padding-top: 1.5em;
	text-align: center;
}
.held .items .item .databox .btn a {
	display: block;
	max-width: 450px;
	margin-top: 1.5em;
	padding: 1em 0px;
	border-radius: 7px;
	background-color: #0061aa;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
@media (min-width: 1200px) {
	.held .items .item .databox .btn a {
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.held .items .item .databox .btn a:hover {
		background-color: #fff;
		color: #0061aa;
	}
}

@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*
@include for-pc() {
	@media (min-width: 1200px)
}
@include for-pclg() {
	@media (max-width: 1329px)
}
@include for-pcmd() {
	@media (max-width: 1199px)
}
@include for-tb() {
	@media (max-width: 940px)
}
@include for-sp() {
	@media (max-width: 767px)
}
*/
@keyframes img {
	0% {
		right: 100%;
		width: 100%;
	}
	50% {
		right: 0;
		width: 100%;
	}
	100% {
		right: 0;
		width: 0;
	}
}
/*-----------------------------------------------------------
	news
-----------------------------------------------------------*/
#news .newsbox .wrap {
	display: block;
}
#news .newsbox .items .item figure {
	width: 11%;
}
@media (max-width: 767px) {
	#news .newsbox .items .item figure {
		width: auto;
	}
}
#news .newsbox .items .item .textbox {
	width: 86%;
}
@media (max-width: 767px) {
	#news .newsbox .items .item .textbox {
		width: auto;
	}
}
#news .detail {
	padding-top: 2em;
}
#news .detail .date {
	margin-bottom: 0.5em;
	font-size: 1.2rem;
}
@media (max-width: 767px) {
	#news .detail .date {
		font-size: 4vw;
	}
}
#news .detail .date .cat {
	display: inline-block;
	margin-left: 1em;
	padding-left: 1.5em;
	background-size: 1em 1em;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212.6px%22%20height%3D%2212.5px%22%20viewBox%3D%220%200%2012.6%2012.5%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2012.6%2012.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%232A6EB7%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Element_1_%22%3E%20%3Crect%20x%3D%220.1%22%20y%3D%223.1%22%20transform%3D%22matrix(1.320549e-02%20-0.9999%200.9999%201.320549e-02%20-3.1389%2012.398)%22%20class%3D%22st0%22%20width%3D%229.3%22%20height%3D%229.3%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%221.3%2C2.3%2010.2%2C2.5%2010.1%2C11.4%2010.9%2C11.4%2011%2C1.7%201.3%2C1.5%20%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%222.9%2C0%202.9%2C0.8%2011.8%2C0.9%2011.6%2C9.8%2012.4%2C9.8%2012.6%2C0.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#news .detail h1 {
	margin-bottom: 1.25em;
	font-size: 2.8rem;
	color: #0061aa;
}
@media (max-width: 767px) {
	#news .detail h1 {
		font-size: 5.5vw;
	}
}
#news .detail h2 {
	margin-bottom: 2.5em;
	padding: 0.75em 1em;
	background-color: #0061aa;
	color: #fff;
}
#news .detail figure {
	margin-bottom: 2em;
}
#news .detail figure.left {
	float: left;
	width: 50%;
	margin-right: 3em;
}
@media (max-width: 767px) {
	#news .detail figure.left {
		float: none;
		width: auto;
		margin-right: 0px;
	}
}
#news .detail p {
	margin-bottom: 3.5em;
}
#news .pager {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 60px;
}
@media (max-width: 767px) {
	#news .pager {
		padding-top: 5vw;
	}
}
#news .pager li {
	margin: 0px 0.25em;
}
#news .pager li a {
	display: block;
	width: 2em;
	height: 2em;
	border: 1px solid #13466d;
	background-color: #13466d;
	color: #FFF;
	font-size: 1.6rem;
	text-align: center;
	line-height: 2;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1200px) {
	#news .pager li a:hover {
		color: #13466d;
		background-color: #fff;
	}
}
#news .pager li.next a, #news .pager li.prev a, #news .pager li.current a {
	border: 1px solid #006fb9;
	background-color: #006fb9;
	color: #fff;
}
#news .pager li.next a, #news .pager li.prev a {
	text-indent: -9999px;
	overflow: hidden;
	background-position: center;
	background-size: 0.3em 0.5em;
	background-repeat: no-repeat;
}
@media (min-width: 1200px) {
	#news .pager li.next a:hover, #news .pager li.prev a:hover {
		border: 1px solid #13466d;
		background-color: #13466d;
	}
}
#news .pager li.prev a {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224.4px%22%20height%3D%226.6px%22%20viewBox%3D%220%200%204.4%206.6%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%204.4%206.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%224.4%2C0%204.4%2C1.7%202.2%2C3.3%204.4%2C5%204.4%2C6.6%200%2C3.3%20%22%2F%3E%3C%2Fsvg%3E");
}
#news .pager li.next a {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224.4px%22%20height%3D%226.6px%22%20viewBox%3D%220%200%204.4%206.6%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%204.4%206.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C0%200%2C1.7%202.2%2C3.3%200%2C5%200%2C6.6%204.4%2C3.3%20%22%2F%3E%3C%2Fsvg%3E");
}
#news .pagenav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 60px;
	font-size: 2rem;
}
@media (max-width: 767px) {
	#news .pagenav {
		padding-top: 5vw;
		font-size: 3.75vw;
	}
}
#news .pagenav li.prev a, #news .pagenav li.next a {
	display: block;
	background-size: 2em 2em;
	background-repeat: no-repeat;
	line-height: 2;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1200px) {
	#news .pagenav li.prev a:hover, #news .pagenav li.next a:hover {
		background-color: #13466d;
	}
}
#news .pagenav li.prev {
	margin-right: 1em;
}
#news .pagenav li.prev a {
	padding-right: 3em;
	padding-left: 1em;
	background-position: right center;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230.4px%22%20height%3D%2230.4px%22%20viewBox%3D%220%200%2030.4%2030.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2030.4%2030.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23006FB9%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20transform%3D%22matrix(-1%20-4.471857e-11%204.471857e-11%20-1%2030.3853%2030.3853)%22%20class%3D%22st0%22%20width%3D%2230.4%22%20height%3D%2230.4%22%2F%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%2216.3%2C11.3%2016.3%2C13.5%2014.1%2C15.7%2016.3%2C18%2016.3%2C20.2%2011.9%2C15.7%20%22%2F%3E%3C%2Fsvg%3E");
}
#news .pagenav li.next {
	margin-left: 1em;
}
#news .pagenav li.next a {
	padding-left: 3em;
	padding-right: 1em;
	background-position: left center;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230.4px%22%20height%3D%2230.4px%22%20viewBox%3D%220%200%2030.4%2030.4%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2030.4%2030.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23006FB9%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Crect%20class%3D%22st0%22%20width%3D%2230.4%22%20height%3D%2230.4%22%2F%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%2214.1%2C11.3%2014.1%2C13.5%2016.3%2C15.7%2014.1%2C18%2014.1%2C20.2%2018.5%2C15.7%20%22%2F%3E%3C%2Fsvg%3E");
}



/*# sourceMappingURL=style.css.map */