@charset "utf-8";
/*=================================
1: reset-CSS
2: setting
3: header
4: footer
5: common-content
6: top page
7: second page
8: JS
=================================*/


/* 1: reset-CSS
================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight: normal;
}
body {
	line-height:1;
	scroll-padding-top:90px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
	display:block;
}

.non {
	display:none!important;
}

li {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	scroll-behavior: smooth;
}


/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}


	.sp_show {
		display: none !important;
	}

/* 2: setting
================================== */
*, *:before, *:after {
	box-sizing: border-box;
}

:root {
  --main-color: #e6231c;
  --blue: #17489c;
  --text: #000;
  --bg-gray: #eeeeee;
}

/* clearfix*/
.cf:after { content: ""; clear: both; display: block; }
.clear { clear: both;}

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&display=swap');

html {
	overflow: auto;
	font-size: 62.5%;
	scroll-padding-top: 90px;
}
body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: inherit;
	color: #323232;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-font-smoothing: antialiased;/* safari_textBold*/
	-webkit-text-size-adjust: 100%;/* safari_textBold*/
	min-width:1200px;
}
img {
	line-height: 0;
	max-width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:10;
}

.max img{
	max-width:600px;
}
	.normal {
		display:inline-block;
		vertical-align:middle;
	}

input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

.gsc-clear-button {
	display:none!important;
}

#pageNavigation {
	position: absolute;
	top: -10000px;
	left: -10000px;
  }

/* link */
a {
	color:#002849;
	transition: all .2s;
	text-decoration:underline;
}

a:hover {
	color: #c00;
	text-decoration:none ;
}

a img {
	transition: all .2s;
}
a img:hover {
	opacity:.8;
}


#main a[href*=".pdf"],
.link_pdf {
	padding-left: 25px !important;
	position: relative;
}

#main a[href*=".pdf"]::after,
.link_pdf::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../img/cmn/icn_pdf.svg) no-repeat center center;
	background-size:contain;
  }



/* 3: header
================================== */
#wrapper {
	width:100%;
	position:relative;
	overflow: hidden;
}

#contents {
	height:100%;
}

#header {
	position:relative;
	z-index: 999;
	height:100px;
	border-bottom:solid 5px var(--blue);
	transition:0.3s;
}

	#header.fixed {
		position: fixed;
		top:0;
		right:0;
		padding: 0;
		width: 100%;
		min-width: auto;
		height: 75px;
		z-index: 1000;
		background:white;
		box-shadow: rgba(0, 0, 0, .1) 0 5px 5px;
	}

	#header.fixed .flexbox_sbwap {
		flex-wrap:nowrap;
		justify-content: flex-start;
	}

#header.fixed + #main{
	padding-top:90px;
}

#header #logo {
	width:220px;
	height:75px;
	float:left;
	background:url(../img/cmn/title-logo.svg) no-repeat center;
	background-size:contain;
	text-indent:-99999px;
	margin-top:10px;
	margin-left:10px;
	transition: all .2s;
}
	#header.fixed #logo {
		width: 140px;
		height: 50px;
	}

#header #logo a{
	height:75px;
}
#header #logo:hover{
	opacity: 0.8;
}
	#header.fixed #logo a {
		height: 50px;
	}

.header_main {
	width:100%;
	position:relative;
}

#header a{
	text-decoration:none;
	color:#000;
	display:block;
}

.inr {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

/* -----gnav----- */
#btn,
.meganav {
	display:none;
}

.parentNav > li {
	font-weight:bold;
	margin:0 0 0 2em;
	height:90px;
}
	#header.fixed .parentNav > li {
		height: 50px;
		margin:0 0 0 1em;
	}

.parentNav > li > a {
	position:relative;
	padding-top:50px;
	color:#333;
	text-align:center;
}

	#header.fixed .parentNav > li > a {
		padding-top: 30px;
	}

	#header .parentNav > li > a:hover {
		border-bottom:solid 5px var(--blue);
		position:relative;
	}

	#header .parentNav > li > a:hover::after,
	.home .parentNav > li.menu_home > a::after,
	.news .parentNav > li.menu_news > a::after,
	.member .parentNav > li.menu_member > a::after,
	.research .parentNav > li.menu_research > a::after,
	.activity .parentNav > li.menu_activity > a::after {
		position: absolute;
		left: 45%;
		bottom: 30px;
		display: block;
		content: "";
		width: 8px;
		height: 8px;
		border-top: 2px solid var(--main-color);
		border-right: 2px solid var(--main-color);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

.lang {
	background:var(--main-color);
	border:solid 1px var(--main-color);
	color:white;
	width:60px;
	height:35px;
}
#header .lang a {
	display:block;
	color:white;
	text-align:center;
	width:100%;
	height:100%;
	line-height:30px;
}

#header .lang a:hover {
	background:white;
	color:var(--main-color);
}

.jst-logo {
	width:250px;
	margin-top:25px;
}
	#header.fixed .jst-logo {
		width:100%;
		max-width:140px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: 20px;
	}

#gloval_nav {
	width: calc(100% - 600px);
}
	#header.fixed #gloval_nav {
		width: auto;
	}
/*
.open_icn {
	display:block;
	position:relative;
}
#gloval_nav ul > li.open > .meganav {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#gloval_nav ul > li > .meganav {
	display: none;
	width: 100%;
	z-index: 20;
	position: absolute;
	background: rgba(255,255,255,0.9);
	left: 0;
	top: 80px;
}

#gloval_nav ul > li > .meganav h2 {
	color:white;

}
#gloval_nav ul > li > .meganav > p {
	float: left;
	width: 240px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
}

.nav_tit {
	width:20%;
	background: #032088;
  padding: 20px 20px 50px 20px;
  color: white;
  font-weight:bold;
}

.nav_menu {
	width:80%;
	padding: 20px;
	position:relative;
}

	.nav_menu > .flexbox_wap > li > a {
		display:block;
		border-bottom:solid 1px #032088;
		padding:0.2em 0.5em;
		font-weight:bold;
		position:relative;
	}

	.nav_menu > .flexbox_wap > li > a::after {
		position: absolute;
		right: 10px;
		top: 40%;
		content: "";
		width: 8px;
		height: 8px;
		border-top: 2px solid #032088;
		border-right: 2px solid #032088;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.nav_menu > .flexbox_wap > li {
		width: calc(100%/3 - 15px );
		margin-right:15px;
		margin-bottom:15px;
		text-align:left;
	}

.megaNavClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: #FFF;
    border-radius: 50%;
}

.megaNavClose:hover {
	color: #FFF;
	background: #032088;
}
.megaNavClose::before,
.megaNavClose::after {
	display: block;
	content: "";
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	width: 12px;
	margin: auto;
	border-top: 2px solid #001b4c;
}
.megaNavClose::before {
	transform: skewY(-45deg);
}
.megaNavClose::after {
	transform: skewY(45deg);
}
.megaNavClose:hover::before,
.megaNavClose:hover::after {
	border-color: #FFFFFF;
}*/



/* main
================================== */
#main {
	position:relative;
}

#main_visual {
	position:relative;
	background:url(../img/main_image.jpg) no-repeat center center ;
	background-size:cover;
	min-height:500px;
	position:relative;
}

.erato {
	float:right;
	margin-top:20px;
	margin-right:20px;
}

.catch {
	position:absolute;
	bottom:50px;
	right:0;
	left: 0;
	margin: 0 auto;
}

.catch img {
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
}

@media screen and (min-width:768px) {
	.catch {
		right:20px;
		left: auto;
	}
}

#sec_visual {
	position:relative;
	min-height:180px;
	background:url(../img/back_h2.jpg) no-repeat;
	background-size:cover;
}

#news {
	background:url(../img/news_back.jpg) no-repeat center center;
	background-size:cover;
}

.p-news-list__item {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	line-height: 2;
	background:white;
	padding:1em 2em;
	border-radius:10px;
	box-shadow: rgba(0, 0, 0, .1) 0 5px 5px;
}
@media screen and (min-width:768px) {
	.p-news-list__item {
		flex-direction: row
	}
}
.p-news-list__item+.p-news-list__item {
	margin-top: 22px
}
.p-news-list__date {
	display:block;
	width:10em;
}

.p-news-list__content {
	font-weight: 500;
	margin-top: 8px
}
@media screen and (min-width:768px) {
	.p-news-list__content {
		margin-top: 0;
	}
}

.more {
	margin-top:40px;
}

.more a {
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	padding: 5px 18px 5px 20px;
	text-decoration: none;
	background: var(--text);
	color: #FFF;
	font-weight: bold;
	text-align: left;
	border: 1px solid var(--text);
	border-radius:25px;
	position:relative;
}

	.more a:hover {
		background:white;
		color:var(--text)
	}

.more a::before {
	position: absolute;
	right: 10px;
	top: 42%;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	.more a:hover::before {
		border-top: 2px solid var(--text);
		border-right: 2px solid var(--text);
	}

#about {
	position:relative;
	padding-bottom:100px;
	background:var(--main-color);
	color:white;
}

#about .inr,
#group .inr {
	padding:50px 10px;
	position:relative;
}
#sec_contents .inr {
	padding:10px;
	position:relative;
}

#about .flexbox_sbwap li:first-child {
	width:320px;
}

.photo_a {
	position:relative;
	display:inline-block;
}

.research .photo_a {
	margin-top:150px;
}

#about img {
	border-radius:100%;
}

	.photo_a::before {
		display:block;
		content: "";
		width:180px;
		height:180px;
		border-radius:100%;
		position:absolute;
		bottom:-40px;
		left:-80px;
		background-image: url("../img/reseach_p1.jpg");
		background-size: cover;
		background-position: center;
	}

	.research .photo_a::before {
		width:250px;
		height:250px;
		bottom:150px;
		left:-60px;
	}

#about .flexbox_sbwap li:last-child {
	width:calc(100% - 320px);
}

.prj_name {
	font-weight:bold;
	font-size:2.2rem;
}

#group a.group {
	text-decoration:none;
	color:var(--text);
	transition:0.3s;
	display:block;
	background:url(../img/cmn/icon_y.png) no-repeat right bottom;
}

#group a.group:hover {
	transform: scale(1.05);
}

#group h1 {
	color:var(--main-color)
}

#group .flexbox_sbwap {
	align-items:center;
	margin-bottom:50px;
}

#group .flexbox_sbwap li:first-child {
	width:250px;
	position:relative;
}

.photo_m {
	position:relative;
	display:inline-block;
}

#group img {
	border-radius:100%;
}

#group a img:hover {
	opacity: 1;
}

	.photo_m::before {
		content: "";
		width:135px;
		height:135px;
		border-radius:100%;
		position:absolute;
		bottom:0;
		left:-30px;
		background:var(--blue);
	}

#group .flexbox_sbwap li:last-child {
	width:calc(100% - 250px);
}


.news .inr,
.group .inr,
.contact .inr {
	text-align:center;
}

	.news .inr p {
		text-align:left;
	}

/*========= waveを描画するエリア設定 ===============*/

canvas{
    position: absolute;
    bottom: 0;
  	left:0;
    width: 100%;
	z-index:999;
}

#link .flexbox_cwap li {
	margin:0 10px;
}


/* ------------ */


.link_blank {
	background: url(../img/cmn/blank.svg) right center no-repeat;
	background-size: 14px;
	padding-right: 23px;
  }

.link .flexbox_cwap li {
	width:calc(100%/4 - 50px);
	margin:0 5px;
}

.link li img {
	border:0;
	box-shadow: 2px 2px 10px -6px rgb(0, 0, 0,1);
}

/* 4: footer
================================== */

#footer {
	position:relative;
	background:var(--text);
	z-index:10;
	overflow:hidden;
	text-align:center;
}

#footer .flexbox_cwap {
	padding:0.5em;
}

#footer a {
	color:white;
	text-decoration:none;
}

#contact {
	background:var(--bg-gray);
	text-align:left;
}

#contact .flexbox_sbwap {
	align-items:center;
	padding:1em;
}

.tel {
	background:url(../img/cmn/icon_tel.png) no-repeat left center;
	padding-left:35px;
}

.mail {
	background:url(../img/cmn/icon_mail.png) no-repeat 0 5px;
	padding-left:35px;
}



#copy {
	clear:both;
	text-align:center;
	font-size: 1.6rem;
	color:#fff;
	background:var(--main-color);
	padding:1em;
}

#footer .flexbox_cwap li{
	margin:0 0.5em;
}
	#footer .flexbox_cwap li a {
		position:relative;
		padding-left:15px;
	}

	#footer .flexbox_cwap li a::before {
		content:"";
		position: absolute;
  left: 0;
  top: 40%;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
	}

/*スクロールボタン*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
    font-size: 80%;
    z-index: 999;
    text-align: center;
	text-indent:-9999px;
}
#page-top a {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    background: var(--blue);
    color:  #fff;
    opacity: 1;
}

#page-top a::after {
    position: absolute;
    right: 16px;
    top: 40%;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



/* 5: common-content
================================== */
.flexbox {/* 折り返しのみ */
	display: -webkit-flex;
	display: flex;
}
.flexbox_wap {/* 折り返しのみ */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.flexbox_sbwap {/* 折り返し・水平方向端揃え */
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}

.flexbox_sbnwap{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-ms-flex-wrap : nowrap; /*for IE10*/
	-webkit-flex-wrap : nowrap; /*for old webkit browser*/
	flex-wrap: nowrap;
}

.flexbox_cwap {/* 折り返し・水平中央揃え */
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.flexbox_c {/* 折り返しなし・水平中央揃え */
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.flexbox_end {
	align-items: flex-end;
}

small {font-size:80%;}
.fL {float:left!important;}
.fR {float:right!important;}
.m0 {margin:0 auto!important;}
.m1em {margin:1em;}
.m2em {margin:2em auto;}
.mR1em {margin-right:1em!important;}
.mL1em,.ml1em {margin-left:1em!important;}
.mT1em {margin-top:1em!important;}
.mT2em {margin-top:2em!important;}
.mT4em {margin-top:4em!important;}
.mT50 {margin-top:50px;}
.mT100 {margin-top:100px;}
.mB0 {margin-bottom:0!important;}
.mB1em {margin-bottom:1em!important;}
.mB2em {margin-bottom:2em!important;}
.mB20 {margin-bottom:20px!important;}
.mB40 {margin-bottom:40px!important;}
.p1em {padding:1em;}
.p2em {padding:2em!important;}
.pT1em {padding-top:1em;}
.pB1em {padding-bottom:1em;}
.tC {text-align:center!important;}
.tR {text-align:right!important;}
.tL {text-align:left!important;}
.fB {font-weight: bold;}
.fI {font-style: italic;}
.fbig {font-size: 2.0rem;}
.fS {font-size:1.2rem; line-height:1.2;}
.underL {border-bottom:solid 1px #000;}
.mauto {margin:auto;}
.mid {vertical-align:middle;}
.white {background:white;}
.red {color:red;}
.disc li,
.sec.activity .leftcol ul li{
	margin-left:1em; list-style:disc;
}

.decimal li,
.sec #main ol li {list-style:decimal; margin-left:2em;}

	.tC img {
		margin:0 auto;
	}

	.roman li {
		list-style-type: lower-roman;
		margin-left: 2em;
		text-indent: 0;
	  }

	  .indent {
		margin-left: 4em;
		text-indent: -1em;
	  }

/* breadcrumb-list */
.pankuzu {
	padding: 5px 10px;
	border-bottom:solid 1px #eee;
}
.pankuzu_inr {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	position:relative;
	z-index:10;
}
.pankuzu li {
	font-size: 1.4rem;
	display: inline-block;
}
.pankuzu li:before {
	content: " > ";
}
.pankuzu li:first-child:before {
	content:none;
}
.pankuzu li a:hover {
	text-decoration: underline;
}

.pankuzu br {
	display:none;
}



/*２階層目*/

.sec #main {
	background:url(../img/cmn/sec_back.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
}

.title {
	background:url(../img/main_image.jpg) no-repeat center center;
	background-size:cover;
}

#main .title h1 {
	color:white;
	padding:1em;
	margin-bottom:0;
}

#sec_contents {
	text-align:left;
	padding:50px;

}
	body:not(.news) #sec_contents p {
		text-align:left;
		margin-bottom:1em;
	}

/* 2カラムレイアウト */
.leftcol {
	width: calc(100% - 300px);
	margin-right: 40px;
}

.rightcol {
	width:260px;
}
.rightcol_inr {
	border: solid 2px #ccc;
	margin-top: 3em;
	padding: 0 1em 1em 1em;
	border-radius: 10px;
	transition: .3s;
	background: white;
}

.rightcol li {
	padding: 0.5em;
	border-bottom: dashed 1px #ccc;
	position: relative;
}

	#main .rightcol h2 {
		border:0;
		padding:0.5em;
	}

		#main .rightcol h2::after {
			border:0;
		}

.research .leftcol .flexbox_sbwap li:first-child {
	width:calc(100% - 350px);
}

.research .leftcol .flexbox_sbwap li:last-child {
	width:350px;
	text-align:right;
}
.research .leftcol .flexbox_sbwap li:last-child img {
	width:250px;
	border-radius:100%;
	margin-left:20px;
}

.research .leftcol .flexbox_sbwap li:last-child {
	position:relative;
	padding-bottom:50px;
}

.face {
	position:absolute;
	bottom:-20px;
	right:-20px;
}




	#main h1 {
		font-size: 3.9rem;
		font-weight: bold;
		position: relative;
		padding: 0 0 0 20px;
		margin: 0 auto 1em auto;
		text-align: center;
	  }

	  .home #main h2 {
		font-size:2.5rem;
		font-weight:bold;
		margin-bottom:0.5em;
	  }
	  .home #main h2 span {
		background:linear-gradient(transparent 70%, #ff6 70%);
		font-weight:bold;
	  }

	  .sec #main h2 {
		  border-bottom: solid 5px #ccc;
		  position: relative;
		  font-size:2.0rem;
		  font-weight:bold;
		  padding:0.5em 0;
		  margin:1em auto;
		  text-align:left;
		}

		.sec #main h2:after {
		  position: absolute;
		  content: " ";
		  display: block;
		  border-bottom: solid 5px var(--main-color);
		  bottom: -5px;
		  width: 20%;
		}

		.home h3 {
			font-weight:bold;
			font-size:1.8rem;
		}


  .sec h3 {
	background: var(--blue);
	box-shadow: 0px 0px 0px 5px var(--blue);
	border: dashed 2px #50a2f4;
	padding: 0.2em 0.5em;
	font-size:1.8rem;
	color:#fff;
	margin-bottom:1em;
	margin-top:0.5em;
	font-weight:bold;
	text-align:left;
	margin-top:1em;
  }
  h4 {
	font-weight:bold;
	font-size:1.8rem;
	background:#ffff99;
	padding:0.2em 0.5em;
	color:#000;
	margin-bottom:0.5em;
  }

  h5 {
	font-weight:bold;
	font-size:1.8rem;
	border-bottom:dotted 1px #032088;
	padding:0.2em;
	margin-bottom:0.5em;

  }



table {
	border-collapse: collapse;
	min-width:90%;
	margin:1em auto 2em auto;
}

.member td {
	width:25%;
}

th,td {
	border-bottom:solid 1px #666;
	padding:0.5em;
	vertical-align:middle;
	text-align:left;
}

th {
	font-weight:bold;
	background:var(--blue);
	color:white;
	text-align:center;
}

.member th {
	text-align:left;
}

.introduction dt {
	float:left;
	clear:left;
	width:3em;
	text-align:right;
	margin-right:1em;
}

#news .inr {
	padding:40px 0 100px 0;
}

#news .inr .flexbox_wap {
	align-items:center;
}

#news h2 {
	margin-bottom:0;
	margin-right:20px;
}

.detail #main p {
	margin-bottom:1em;
}