@charset "utf-8";

@font-face {
	font-family: "Noto Sans JP";
	src: url("../../font/Noto_Sans_JP/NotoSansJP-Regular.otf") format("opentype"),
	url("../../font/Noto_Sans_JP/NotoSansJP-Light.otf") format("opentype"),
	url("../../font/Noto_Sans_JP/NotoSansJP-Medium.otf") format("opentype"),
	url("../../font/Noto_Sans_JP/NotoSansJP-Thin.otf") format("opentype"),
	url("../../font/Noto_Sans_JP/NotoSansJP-Black.otf") format("opentype"),
	url("../../font/Noto_Sans_JP/NotoSansJP-Bold.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: 'Algeria';
	font-style: normal;
	font-weight: normal;
	src: url("../../font/ALGERIA/ALGERIA.woff") format("woff");
	font-display: swap;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 91px;
}

body {
	font: 14px;
	line-height: 1.6;
	color: #333;
	font-family: "Noto Sans JP", sans-serif,"Arial","Hiragino Kaku Gothic ProN","メイリオ","ヒラギノ角ゴ ProN W3","ＭＳ ゴシック";
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	transition: all 0.5s;
}

figure a:hover {
	opacity: 0.7;
}

li {
	list-style: none;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

table {
	margin: 0 0 40px 0;
}

table.txtCenter td {
	text-align: center;
}

table, td, th {
border: solid 1px #e5e5e5;
}

.scrollTable table {
	width: 100%;
	display: block;
	overflow-x: auto;
}

th {
	padding: 5px 0;
	background: #dFf3fF;
	text-align: center;
}

.publicrelations th {
	vertical-align: middle;
}

td {
	padding: 5px 10px;
	text-align: left
}

.publicrelations td {
	vertical-align: middle;
}

figure {
	line-height: 1.2;
}

sup {
	font-size: 75%;
	vertical-align: top;
	position: relative;
	top: -0.3em;
}

sub {
	font-size: 75%;
	vertical-align: bottom;
	position: relative;
	bottom: -0.3em;
}

sup + sub {
	left: -1em;
}

/*見出し設定*/
.conTitle {
	width: 100%;
	margin: 0 0 60px 0;
	padding: 0 10px;
	font-size: 178%;
	display: inline-block;
	text-align: center;
}

.conTitleImg {
	width: 100%;
	max-width: 250px;
	margin: 0 auto 60px;
	object-fit: cover;
}

.conSubTitle,
.conSubTitle_noborder {
	width: 100%;
	margin: 0 0 30px 0;
	font-size: 144%;
	font-weight: bold;
	color: #036eab;
	border-bottom: solid 5px #036eab;
}

.conSubTitle_noborder {
	border-bottom: none;
}

.conSubTitle span,
.conSubTitle_noborder span {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 50px;
	display: block;
}

.conSubTitle_noborder span span {
	width: auto;
	max-width: 100%;
	margin: 0 0 0 15px;
	padding: 0;
	display: inline-block;;
}

.conSubTitle2 {
	width: 100%;
	margin: 0 0 30px 0;
	font-size: 137.5%;
	font-weight: bold;
	color: #036eab;
	border-bottom: solid 3px #babbbc;
}

.conSubTitle2 span {
	width: 100%;
	border-bottom: solid 5px #2C98D2;
}

.memberTitle {
	width: 100%;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.memberTitle span {
	width: 260px;
	margin: 0 10px 0 0;
	padding: 10px;
	color: #036eab;
	box-shadow: 1px 1px 3px #333;
	border: solid 1px #036eab;
	display: inline-block;
}

.memberTitle div {
	width: calc(100% - 270px);
	display: flex;
	flex-wrap: wrap;
}

.memberTitle div a {
	width: 100%;
}

.memberTitle span a + a {
	margin: 0 0 0 10px;
}

	.memberTitle span + br,
	.memberTitle a + br {
	display: none;
}

.memberTitle a:hover {
	box-shadow: none;
}

.conSubTitle3 {
	width: 100%;
	margin: 0 0 30px 0;
	font-size: 125%;
	font-weight: bold;
	color: #036eab;
	border-bottom: solid 5px #2C98D2;
	border-image: linear-gradient(to right, #2C98D2 0%, rgba(255,255,255,0) 100%);
	border-image-slice: 1;
}

.conSubTitleFrame {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 5px 0 5px 10px;
	font-size: 110%;
	font-weight: bold;
	background: #036eab;
	color: #fff;
}

.conSubTitleBorder {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 110%;
	font-weight: normal;
	border-bottom: dotted 1px #333;
}

.conSubTitleNomal {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 110%;
	font-weight: bold;
}

.conSubSubTitle {
	width: 100%;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.conSubSubTitle:before {
	padding: 0 3px 0 5px;
	font-family: 'Font Awesome 5 Free';
	content: '\f0c8';
	font-weight: 900;
	color: #333;
	display: inline-block;
}

/*h4 span,
h5 span {
	font-size: 110%;
	margin: 0 0 10px 0;
	display: block;
}*/

/*ヘッダー設定*/
#headerBlock {
	width: 100%;
	background: #000;
}

.contents #headerBlock {
	margin: 0;
}

#headerBlock .topHeader {
	width: 100%;
	padding: 20px 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: fixed;
	top: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1000;
}

#headerBlock .topHeader .headerWrap {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents #headerBlock .topHeader .headerWrap {
	max-width: 1000px;
}

#headerBlock .topHeader .headerWrap > a {
	display: contents;
}

#headerBlock .topHeader h1 {
	margin: 0 10px 0 0;
	max-height: 60px;
	object-fit: contain;
}

#headerBlock .topHeader h1 img {
	margin: 0 10px 0 0;
	max-height: 60px;
	object-fit: contain;
}

#headerBlock .topHeader h1:nth-child(2) img {
	margin: 0;
}

.sub {
	width: 100%;
}

ul.subNav ,
#headerBlock .topHeader .sub ul.mainNav {
	display: flex;
	flex-wrap: wrap;
}

ul.subNav {
	margin: 0 5px 0 0;
	font-size: 75%;
	flex-grow: 2;
	justify-content: flex-end;
	align-items: flex-end;
}

ul.subNav li.sns_nav a:hover {
	border: none;
	opacity: 0.8;
}

ul.subNav li.sns_nav a img {
	max-height: 30px;
}


#headerBlock .topHeader .sub ul.mainNav {
	width: 100%;
	padding: 20px 0 20px 0;
	font-size: 85%;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn {
	width: 13%;
	padding: 5px 2px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	position: relative;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn:hover {
	background: #333;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn:nth-child(2) {
	width: 15%;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn:nth-child(3) {
	width: 22.5%;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn:nth-child(4) {
	width: 14%;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn:nth-child(5){
	width: 17.5%;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn:nth-child(6),
#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn:nth-child(7) {
	width: 9%;
}

#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn.current,
#headerBlock .topHeader .sub ul.mainNav li.dropdown-btn.current:hover {
	background: #222;
}

.dropdown {
	width: 100%;
	text-align: left;
	/*white-space: nowrap;*/
	font-weight: normal;
	display: none;
	position: absolute;
	left: 0;
	font-size: 90%;
}

.dropdown li {
	width: 200%;
	padding: 5px;
	background: #333;
}

.dropdown li.subList {
	padding: 5px 0 5px 1rem;
}

#sitemap.sitemap li ul li.subList {
	padding: 3px 0 3px 1rem;
}

.dropdown li:first-child {
	padding: 10px 5px 5px 5px;
}

.dropdown li:last-child {
	padding: 5px 5px 10px 5px;
}

.dropdown li.subList:last-child {
	padding: 5px 0 10px 1rem;
}

.dropdown li:nth-child(n + 2) a {
	margin: 0 0 0 11px;
}

.dropdown-btn:nth-child(6) .dropdown li {
	width: 250%;
}

.dropdown-btn:last-child .dropdown li {
	width: 100%;
}

ul.subNav li a,
#headerBlock .topHeader .sub ul.mainNav li a {
	width: 100%;
	padding: 5px 5px 0 5px;
	color: #fff;
}

ul.subNav li a.current ,
#headerBlock .topHeader .sub ul.mainNav li a.current {
	border-bottom: solid 1px #ffde00;
}

ul.subNav li a:hover,
#headerBlock .topHeader .sub ul.mainNav li a:hover {
	border-bottom: solid 1px #ffde00;
}

.smallLogo {
	width: 50px;
	position: fixed;
	top: 18px;
	display: none;
}

#headerBlock .topHeader .sub ul.mainNav.short {
	padding: 10px 0 10px 80px;
}

/*ナビボタン設定*/
#headerBlock .topHeader .btn-gnavi {
	padding: 10px;
	position: fixed;
	top: 18px;
	right: 20px;
	width: 45px;
	height: 45px;
	z-index: 100;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	background: rgba(255,255,255,0.35);
	border-radius: 50px;
}

#headerBlock .topHeader .btn-gnavi span {
	position: absolute;
	width: 25px;
	height: 3px;
	background: #fff;
	border-radius: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#headerBlock .topHeader .btn-gnavi span:nth-child(1) {
	top: 12px;
}

#headerBlock .topHeader .btn-gnavi span:nth-child(2) {
	top: 20px;
}

#headerBlock .topHeader .btn-gnavi span:nth-child(3) {
	top: 28px;
}

#headerBlock .topHeader p.open span {
background: #fff!important;
}

.contents #headerBlock {
	width: 100%;
	padding: 0;
}

.contents #headerBlock .conHeaderImg {
	width: 100%;
	min-height: 150px;
	padding: 250px 0 0 0;
	background-size: cover!important;
}

.notfound #headerBlock .conHeaderImg,
.english #headerBlock .conHeaderImg,
.preparation #headerBlock .conHeaderImg,
.sitemap #headerBlock .conHeaderImg,
.contact #headerBlock .conHeaderImg,
.result #headerBlock .conHeaderImg,
.about #headerBlock .conHeaderImg {
	background: url("../../about/img/aboutHeaderBg.jpg")no-repeat center;
}

.neutrinos #headerBlock .conHeaderImg {
	background: url("../../neutrinos/img/neutrinosHeaderBg.jpg")no-repeat center;
}

.laboratory #headerBlock .conHeaderImg,
.education #headerBlock .conHeaderImg {
	background: url("../../education/img/educationHeaderBg.jpg")no-repeat center;
}

.icecube #headerBlock .conHeaderImg {
	background: url("../../icecube/img/icecubeHeaderBg.jpg")no-repeat center;
}

.plasma #headerBlock .conHeaderImg {
	background: url("../../plasma/img/plasmaHeaderBg.jpg")no-repeat center;
}

.publicrelations #headerBlock .conHeaderImg {
	background: url("../../publicrelations/img/publicrelationsHeaderBg.jpg")no-repeat center;
}

.topics #headerBlock .conHeaderImg {
	background: url("../../topics/img/topicsHeaderBg.jpg")no-repeat center;
}

.multimessenger #headerBlock .conHeaderImg {
	background: url("../../multimessenger/img/multimessengerHeaderBg.jpg")no-repeat center;
}

.contents .conHeader {
	width: 100%;
	height: 75px;
	margin: 0 0 30px 0;
	display: flex;
	align-items: center;
	background: #000;
}

.contents .conHeader h2 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 50px;
	font-size: 144%;
	font-weight: bold;
	color: #fff;
}

/*PLAY MOVIE設定*/

.iziModal-overlay {
	width: 100%;
	background: rgba(0,0,0,0.7)!important;
	z-index: 1001!important;
	position: fixed!important;
}

.iziModal {
	width: 71%;
	max-width: 1200px!important;
	top: 50px;
	bottom: auto;
	border-bottom: none;
	line-height: 0;
	vertical-align: bottom;
	background: #000;
	z-index: 1002!important;
}

.iziModal.member {
	z-index: 1002!important;
	line-height: 1.6;
	background: #fff;
}

.iziModal.member .introduction {
	width: 100%;
	max-height: 600px;
	overflow: auto;
	padding: 15px 15px 0;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	line-height: 1.4;
}

.iziModal.member .introduction:after {
	width: 100%;
	height: 15px;
	content: '';
	display: block;
}

@media screen and (max-height:700px) {
	.iziModal.member .introduction {
		max-height: 400px;
	}
}

.iziModal.member .introduction h5 span {
	font-size: 75%;
}

.iziModal.member .introduction img {
	max-width: 250px;
	margin: 0 0 15px 0;
	object-fit: cover;
}

.iziModal.member .introduction h6 {
	width: 100%;
	font-size: 110%;
	color: #036eab
}

.iziModal.member .introduction p {
	width: 100%;
	margin: 0 0 15px 0;
}

.iziModal.member .introduction .introductionBox {
	width: calc(100% - 250px);
	padding: 0 0 0 15px;
}

.iziModal.member .introduction .introductionBox h5 {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 15px;
	background: #036eab;
	color: #fff;
	font-size: 135%;
	text-shadow: 1px 1px 2px #333;
	line-height: 1.2;
}

.iziModal.member .introduction .introductionBox .introductionFlex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.iziModal.member .introduction .introductionBox .introductionFlex h6 {
	width: 170px;
	margin: 0 10px 0 20px;
}

.iziModal.member .introduction .introductionBox .introductionFlex p {
	width: calc(100% - 200px);
}

.iziModal.member .introduction .questionWrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.iziModal.member .introduction .questionWrap {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: left;
	border: solid 1px #036eab;
}

.iziModal.member .introduction .questionWrap .question {
	width: 100%;
	margin: 0 0 5px 0;
	display: flex;
	flex-wrap: wrap;
}

.iziModal.member .introduction .questionWrap .question:nth-child(2n) {
	margin: 0 0 20px 0;
}


.iziModal.member .introduction .questionWrap .question h6 {
	width: 80px;
	text-align: center;
}

.iziModal.member .introduction .questionWrap .question p,
.iziModal.member .introduction .questionWrap .question ul {
	width: calc(100% - 80px);
	margin: 0 0 15px 0;
}

.iziModal.member .introduction .questionWrap .question p {
	margin: 0;
}

.iziModal.member .introduction .questionWrap .question ul li {
	line-height: 1.8;
}

.iziModal-content iframe {
	width: 100%;
	height: 550px;
}

.iziModal-navigate {
	z-index: 1002!important;
}

.iziModal-navigate-next {
	background: url("../img/next.png") no-repeat 50% 35%;
}

.iziModal-navigate-prev {
	background: url("../img/prev.png") no-repeat 50% 35%;
}

.iziModal-navigate > button {
	height: 105%;
	opacity: 0.5;
}

.movieBox {
	line-height: 1.2;
}

.movieBox,
.movieBox p {
	width: 100%;
	text-align: center!important;
}

.movieBox p {
	font-size: 85%;
}

/*ナビ設定*/

#headerBlock #gNav {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	color: #fff;
	background: rgba(0,0,0,0.8);
	line-height: 1.2;
	z-index: 100;
	display: none;
}

#headerBlock #gNav ul.navList {
	width: calc(100% - 200px);
	margin: 0 100px 0;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 15%;
}

#headerBlock #gNav ul.navList > li {
	width: calc(25% - 7.5px);
	margin: 0 10px 20px 0;
	position: relative;
}

#headerBlock #gNav ul.navList > li:nth-child(5),
#headerBlock #gNav ul.navList > li:nth-child(9){
	margin: 0 0 20px 0;
}

.close-gnavi {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -65px;
	right: 0;
	cursor: pointer;
}

.close-gnavi span:before,
.close-gnavi span:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75%;
	height: 15%;
	margin: 0 0 0 -40%;
	background: #fff;
}
.close-gnavi span::before {
	transform: rotate(-45deg);
}
.close-gnavi span::after {
	transform: rotate(45deg);
}

#headerBlock #gNav ul.navList li.top {
	display: none;
}

#headerBlock #gNav ul.navList li h2 {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 0 10px 5px;
	border-bottom: solid 2px #fff;
	font-size: 107%;
	text-shadow: 2px 2px 4px #000;
}

#headerBlock #gNav ul.navList li h2 a {
	color: #fff;
}

#headerBlock #gNav ul.navList li h2.current {
	border-bottom: solid 2px #ffde00;
}

#headerBlock #gNav ul.navList li ul {
	width: 100%;
}

#headerBlock #gNav ul.navList li ul li {
	width: 100%;
}

#headerBlock #gNav ul.navList li ul li:nth-child(n + 2) {
	width: calc(100% - 11px);
	margin: 0 0 0 11px;
}

#headerBlock #gNav ul.navList li ul li a {
	width: 100%;
	padding: 7px 0 ;
	display: flex;
	font-size: 78%;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	position: relative;
}

#headerBlock #gNav ul.navList li ul li.subList a {
	padding: 7px 0 7px 11px;
}

.linkList {
	width: 100%;
	margin: 0 0 20px 0;
}

.linkList li a:before,
.dropdown.linkList li a:before,
#headerBlock #gNav ul.navList li ul li a:before {
	padding: 0 3px 0 5px!important;
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	color: #fff;
	display: inline-block;
}

.linkList li a:before {
	color: #036eab;
}

#summarizeWrapper ul .summarizeList li a:after,
#headerBlock #gNav ul.navList li ul li a:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	background: rgba(255,255,255,0.25);
	transform-origin: left bottom;
	transform: scale(1, 0);
	transition: transform .5s;
}

#headerBlock #gNav ul.navList li ul li a.current:after,
#summarizeWrapper ul .summarizeList li a:hover:after,
#headerBlock #gNav ul.navList li ul li a:hover:after {
transform-origin: left bottom;
transform: scale(1, 1);
}

/*トップスライダー設定*/
.swiper-container {
	width: 100%;
	max-height: 700px;
	position: relative;
}

.swiper-container:before {
	content: '';
	display: block;
	padding-top: 50%;
}

.swiper-wrapper {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

.swiper-slide img {
	width: 100%;
	max-height: 700px;
	object-fit: cover;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	top: 65%;
	right: 130px;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px auto;
	box-shadow: 1px 1px 2px #333;
}

.swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	width: 14px;
	height: 14px;
	background: rgba(255,255,255,0);
	background-image: url("../../img/bulletActive.png");
	background-repeat: no-repeat;
	background-position: center;
}

#headerBlock button,
.btn-circle-flat {
	width: 70px;
	height: 70px;
	padding: 18px 0;
	background: rgba(255,255,255,0.7);
	text-align: center;
	position: absolute;
	top: 75%;
	right: 100px;
	color: #333;
	font-size: 85.7%;
	line-height: 1.3;
	border-radius: 50%;
	transition: 0.5s;
	cursor: pointer;
	z-index: 10000;
	border: none;
	box-shadow: 1px 1px 2px #333;
}

#headerBlock button:hover ,
.btn-circle-flat:hover {
	opacity: 0.7;
}

/*コンテンツページ設定*/

.conWrapper {
	width: 100%;
	margin: 0 0 120px 0;
}

.conWrapper section:nth-child(odd) {
	background: #e2e2e3;
}

.contents article {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px 0;
}

.contents article:nth-child(odd) {
	background: #e2e2e3;
}

.contents .conWrapper {
	max-width: 1100px;
	margin: 0 auto 40px;
	padding: 0 50px;
}

.contents .conWrapper p {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: justify;
}

.contents .conWrapper p + h4 {
	margin-top: 50px;
}

.contents .conWrapper ul.img3column {
	width: 100%;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}

.contents .conWrapper ul.img3column li {
	width: calc(33% - 13px);
	margin: 0 20px 0 0;
}

.contents .conWrapper ul.img3column li:nth-child(3n) {
	margin: 0;
}

.contents .conWrapper ul.img3column li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.contents .conWrapper ul.img3column li a:hover {
	opacity: 0.7;
}

.contents .conWrapper ul.img3column li p {
	width: 100%;
	margin: 0;
	text-align: center;
	font-size: 80%;
}

.contents .conWrapper .centerWrapper p {
	width: auto;
	margin: 0 0 30px 0;
	text-align: inherit;
}

.contents .conWrapper .centerWrapper {
	max-width: 70%;
	margin: 0 auto;
	text-align: center;
}

.contents .conWrapper .centerWrapper .centerText {
	text-align: left;
	display: inline-block;
}

.higgstanImg {
	width: 100%;
	max-width: 200px;
}

.recruiting_en:after,
.end_en:after,
.recruiting:after,
.end:after {
	margin: 0 0 0 15px;
	padding: 2px 8px 1px;
	font-size: 70%;
	font-weight: normal;
	border: solid 1px #999;
}

.end:after {
	content: '終了';
}

.recruiting:after {
	content: '募集中';
}

.recruiting_en:after {
	content: 'Open';
}

.end_en:after {
	content: 'Closed';
}

/*タブ切り替え全体のスタイル*/
.tabs {
	width: 100%;
	margin: 0 auto 50px;
	padding-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-wrap: wrap;
}

/*タブのスタイル*/
.tab_item2,
.tab_item {
	width: calc(100%/3);
	padding: 15px 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid #036eab;
	border-right: 2px solid #036eab;
	background-color: #d9d9d9;
	line-height: 1.4;
	font-size: 16px;
	text-align: center;
	color: #565656;
	font-weight: bold;
	transition: all 0.2s ease;
}

.tab_item2 {
	width: calc(100%/4);
}

.tab_item:nth-child(3n) {
	border-right: none;
}

.tab_item2:nth-child(8) {
	border-right: none;
}

.tab_item2:hover,
.tab_item:hover {
  opacity: 0.75;
}

.tab_item2.noHover,
.tab_item.noHover {
	border-right: none;
}

.tab_item2.noHover:hover,
.tab_item.noHover:hover {
	opacity: 1;
}

/*ラジオボタンを全て消す*/
input[name="tab_item2"],
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	width: 100%;
	display: none;
	padding: 20px 40px 0;
	clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#paper:checked ~ #paper_content,
#announcement:checked ~ #announcement_content,
#symposium:checked ~ #symposium_content,
#outreach:checked ~ #outreach_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item2,
.tabs input:checked + .tab_item {
	background-color: #036eab;
	color: #fff;
}

.paper {
	width: 100%;
}

.paper .pageLink,
.education .pageLink,
.laboratory .pageLink {
	width: 100%;
	margin: 0 0 15px 0;
	display: flex;
	flex-wrap: wrap;
}

.paper .pageLink li,
.education .pageLink li,
.laboratory .pageLink li {
	width: 33.3%;
	padding: 0;
	border: none;
}

.education .pageLink li,
.laboratory .pageLink li {
	width: auto;
	margin: 0 30px 0 0;
}

.education .pageLink li:nth-child(3),
.laboratory .pageLink li:nth-child(3) {
	margin: 0;
}

.paper .pageLink li a,
.education .pageLink li a,
.laboratory .pageLink li a {
	width: 100%;
	padding: 15px 5px;
	color: #036eab;
	display: flex;
	text-decoration: none;
}

.education .pageLink li a,
.laboratory .pageLink li a {
	color: #333;
}

.paper .pageLink li a:hover,
.education .pageLink li a:hover,
.laboratory .pageLink li a:hover {
	text-decoration: underline;
	opacity: 1;
}

.paper li {
	width: 100%;
	padding: 15px 0;
	border-bottom: dashed 1px #333;
}

.paper li a {
	text-decoration: underline;
}

/*#aResearcher:before,
#aStudent:before,
#aPastMember:before,
#aEntry:before,
#aPhysics:before,
#aEarly_admin:before,
#aStudents:before,
#aLab:before,
#detection:before,
#upgrade:before,
#neutrino:before,
#gen2:before,
h4#research:before,
h4#etc:before,
h4#master:before,
h4#international:before,
h4#meeting:before,
h4#lecture:before,
h4#physics:before,
h4#public:before,
h4#exhibition:before,
h4#other:before {
	display: block;
	margin-top: -91px;
	padding: 91px 0 0 0;
	content: "";
}*/

/*icecube設定*/
.detectorFrame {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 30px;
	border: solid 1px #036eab;
}

.detectorFrame p {
	margin: 0!important;
}

.annotation {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 20px;
	border: solid 1px #808080;
}

.annotation p {
	width: 100%;
	margin: 0!important;
	font-size: 90%;
}

.annotation p span {
	display: block;
	margin: 0 0 20px 0;
	color: #808080;
	font-style: italic;
}

table.illustration th {
	vertical-align: middle;
}

/*年表*/

.history {
	width: 95%;
	margin: 0 auto 30px;
}

.tl-content {
	width: 100%;
	padding: 0 0 1.5em 1.8em;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.tl-content:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 20px;
	background: #ff0000;
}

.tl-content:after {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 3px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 3px #fff;
	background: #fff;
}

.tl-content:last-child:before {
	content: none;
}

.tl-content:last-child:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 11px;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border: 24px solid transparent;
	border-top: 24px solid #ff0000;
	border-bottom-width: 0;
	background: none;
	border-radius: 0;
}

.tl-content p {
	width: 60%!important;
}

.tl-content p.txtIndent {
	text-indent: -1em;
	padding-left: 1em;
}

.tl-content p strong {
	font-size: 180%;
}

.tl-content figure {
	width: calc(40% - 10px);
	margin: 0 0 0 10px;
	text-align: center;
	line-height: 1.1;
}

.tl-content figure img {
	max-width: 150px;
	margin: 10px 0 0 0;
	object-fit: cover;
}

.tl-content figure span {
	font-size: 80%;
}

.blueFrame {
	width: 95%;
	margin: 0 auto 30px;
	padding: 30px 30px 10px 30px;
	border: dashed 3px #036eab;
	border-radius: 30px;
}

.blueFrame .frameContent {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.blueFrame .frameContent .title{
	width: 100px;
}

.blueFrame .frameContent p {
	width: calc(100% - 100px);
}

.imgLeft,
.imgRight {
	width: 100%;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}

.imgLeft .shortArticle ,
.imgRight .shortArticle {
	width: calc(100% - 420px);
}

.imgLeft figure,
.imgRight figure {
	width: 400px;
	margin: 0 0 10px 20px;
	text-align: center;
}

.imgLeft figure {
	margin: 0 20px 10px 0;
}

.imgLeft figure span,
.imgRight figure span {
	margin: 0 0 10px 0;
	display: inline-block;
	font-size: 85%;
}

.imgFloatLeftBox,
.imgRightBox {
	margin: 0 0 10px 20px;
	float: right;
}

.imgFloatLeftBox {
	margin: 0 20px 10px 0;
	float: left;
}

.imgFloatLeftBox span,
.imgRightBox span {
	font-size: 85%;
}

.imgFloatLeftBox img,
.imgRightBox img {
	width: 100%;
	max-width: 300px;
}

#pickupWrapper ul.linkBtn {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

ul.linkList2column {
	width: 100%;
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
}

ul.linkList2column li {
	width: calc(50% - 10px);
	margin: 0 20px 20px 0;
	text-align: center;
}

ul.linkList2column li:nth-child(2) {
	margin: 0 0 20px 0;
}

ul.linkBtn,
ul.linkBtn5column {
	width: 100%;
	padding: 50px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}

ul.linkBtn li {
	width: calc(33.3% - 14px);
	margin: 0 20px 20px 0;
	position: relative;
}

ul.linkBtn li:nth-child(3n) {
	margin: 0 0 20px 0;
}

ul.linkBtn li a {
	width: 100%;
	display: flex;
	box-shadow: 1px 1px 4px #333;
}

ul.linkBtn li a:hover {
	opacity: 0.8;
}

.linkBtn5column li a:hover:after {
	color: #fff;
}

ul.linkBtn li a img {
	width: 100%;
	height: 100%;
}

ul.linkBtn li a span {
	width: 100%;
	padding: 10px;
	position: absolute;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-weight: bold;
	left: 0;
	bottom: 0;
}

ul.linkBtn li a span.credit {
	width: 100%;
	padding: 0;
	position: static;
	background: none;
	color: #fff;
	font-weight: normal;
	display: block;
	text-align: right;
	font-size: 75%;
}

ul.linkBtn5column {
padding: 0;
}

ul.linkBtn5column li {
	width: calc(20% - 8px);
	margin: 0 10px 30px 0;
	border: solid 1px #036eab;
}

ul.linkBtn5column li:nth-child(5n) {
	margin: 0 0 30px 0;
}

ul.linkBtn5column li a {
	padding: 10px 0;
	display: flex;
	background: #d9d9d9;
	justify-content: center;
}

ul.linkBtn5column li a.current,
ul.linkBtn5column li a:hover {
	background: #036eab;
	color: #fff;
}

footer {
	padding: 50px 0 0 0;
}

#newsWrapper,
#researchWrapper,
#pickupWrapper,
#icehapWrapepr,
#summarizeWrapper,
#snsWrapper,
#footerWrapper {
	padding: 60px 100px 50px;
}

.conWrapper .catBox {
	width: 100%;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.conWrapper .catBox img {
	width: 100%;
	object-fit: cover;
}

.conWrapper .catBox a:hover {
	opacity: 0.7;
}

.conWrapper .contentBox {
	width: calc(60% - 10px);
	margin: 0 20px 0 0;
}

.conWrapper .contentBox:nth-child(2) {
	width: calc(40% - 10px);
}

.conWrapper .contentBox h3 {
	width: 100%;
	margin: 0 0 30px 0;
	font-size: 130%;
}

.conWrapper .contentBox:nth-child(2n) {
	margin: 0;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.conWrapper .greetingBox {
	width: calc(100% - 610px);
	margin: 0 0 0 10px;
	
}

.conWrapper ul.memberList {
	width: 100%;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}

.conWrapper ul.memberList li {
	width: calc(33% - 19px);
	margin: 0 30px 20px 0;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 1px 1px 5px #555;
}

.conWrapper ul.memberList li:hover {
	box-shadow: none;
	transition: 0.5s;
}

.conWrapper ul.memberList li:nth-child(3n) {
	margin: 0 0 20px 0;
}

.conWrapper ul.memberList li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.conWrapper ul.memberList li a img {
	width: 100%;
	object-fit: cover;
}

.conWrapper ul.memberList li a .textBox {
	width: 100%;
	margin: 0;
}

.conWrapper ul.memberList li a .textBox h5 {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 5px 10px;
	background: #036eab;
	color: #fff;
	font-size: 100%;
	text-shadow: 1px 1px 2px #333;
}

.conWrapper ul.memberList li a .textBox p {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0 10px;
	text-align: center;
}

.imgBox,
.plasmaImg {
	width: 100%;
	margin: 50px 0;
	display: block;
	text-align: center;
}

.antarctic .imgBox {
	text-align: right;
}

.antarctic .imgBox.w60 {
	width: 60%;
	margin: 30px auto;
}

.imgBox3column,
.imgBox2column {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.imgBox2column .imgBox {
	width: calc(50% - 10px);
	margin: 0 15px 20px 0;
}

.imgBox2column .imgBox:nth-child(2n) {
	margin: 0 0 20px 0;
}

.imgBox3column .imgBox {
	width: calc(33.3% - 10px);
	margin: 0 15px 20px 0;
}

.imgBox3column .imgBox:nth-child(3n) {
	margin: 0 0 20px 0;
}

.plasmaImg video {
	width: 100%;
	max-width: 600px;
}

.imgLeftBox {
	width: 100%;
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
}

.imgLeftBox img {
	width: calc(50% - 20px);
	margin: 0 20px 0 0;
}

.imgLeftBox p {
	width: 50%!important;
	display: flex;
	align-items: center;
}

.colum_3img {
	width: 100%;
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
}

.colum_3img img {
	width: calc(33% - 10px);
	margin: 0 15px 0 0;
}

.colum_3img img:nth-child(3) {
	margin: 0;
}

/*ニュース設定*/
#newsWrapper {
	width: 100%;
}

#newsWrapper ul.newsList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

#newsWrapper ul.newsList li {
	width: calc(50% - 20px);
	margin: 0 40px 50px 0;
}

#newsWrapper ul.newsList li:nth-child(2n) {
	margin: 0 0 50px 0;
}

#newsWrapper ul.newsList li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

#newsWrapper ul.newsList li a img {
	width: 45%;
	max-height: 300px;
	object-fit: cover;
}

#newsWrapper ul.newsList li a .newsConWrapper {
	width: 55%;
	padding: 5px 5px 0 0;
	font-size: 71.4%;
}

#newsWrapper ul.newsList li a .newsConWrapper.noImg {
	width: 100%;
}

#newsWrapper ul.newsList li a .newsConWrapper .newsDate {
	width: 100%;
	margin: 0 0 5px 0;
}

#newsWrapper ul.newsList li a .newsConWrapper .newsDate span {
	width: 100%;
	font-size: 135%;
	font-weight: bold;
}
ul.newsList li .newsDate span.news:after,
ul.newsList li a .newsConWrapper .newsDate span.news:after,
ul.newsList li .newsDate span.notice:after,
ul.newsList li a .newsConWrapper .newsDate span.notice:after,
ul.newsList li .newsDate span.research:after,
ul.newsList li a .newsConWrapper .newsDate span.research:after,
ul.newsList li .newsDate span.pre:after,
ul.newsList li a .newsConWrapper .newsDate span.pre:after,

ul.newsList li .newsDate span.news_en:after,
ul.newsList li a .newsConWrapper .newsDate span.news_en:after,
ul.newsList li .newsDate span.notice_en:after,
ul.newsList li a .newsConWrapper .newsDate span.notice_en:after,
ul.newsList li .newsDate span.research_en:after,
ul.newsList li a .newsConWrapper .newsDate span.research_en:after,
ul.newsList li .newsDate span.pre_en:after,
ul.newsList li a .newsConWrapper .newsDate span.pre_en:after {
	margin: 0 0 0 15px;
	padding: 2px 8px 1px;
	font-size: 70%;
	font-weight: normal;
	border: solid 1px #999;
}

ul.newsList li .newsDate span.notice:after,
ul.newsList li a .newsConWrapper .newsDate span.notice:after {
	content: 'お知らせ'
}

ul.newsList li .newsDate span.news:after,
ul.newsList li a .newsConWrapper .newsDate span.news:after {
	content: 'ニュース'
}

ul.newsList li .newsDate span.research:after,
ul.newsList li a .newsConWrapper .newsDate span.research:after {
	content: '研究関連'
}

ul.newsList li .newsDate span.pre:after,
ul.newsList li a .newsConWrapper .newsDate span.pre:after {
	content: 'プレスリリース'
}

ul.newsList li .newsDate span.notice_en:after,
ul.newsList li a .newsConWrapper .newsDate span.notice_en:after {
	content: 'Info'
}

ul.newsList li .newsDate span.news_en:after,
ul.newsList li a .newsConWrapper .newsDate span.news_en:after {
	content: 'News'
}

ul.newsList li .newsDate span.research_en:after,
ul.newsList li a .newsConWrapper .newsDate span.research_en:after {
	content: 'Research'
}

ul.newsList li .newsDate span.pre_en:after,
ul.newsList li a .newsConWrapper .newsDate span.pre_en:after {
	content: 'Press Release'
}

#newsWrapper ul.newsList li a .newsConWrapper .newsTitle {
	width: 100%;
	margin: 0 0 5px 0;
	color: #036eab;
	font-weight: bold;
	font-size: 110%;
}

#newsWrapper ul.newsList li a .newsConWrapper .newsText {
	width: 100%;
	text-align: justify;
}
#newsWrapper ul.newsList li a .newsConWrapper .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	transition: 0.5s;
}

#newsWrapper ul.newsList li a .newsConWrapper .mask:hover {
	opacity: 1;
}

#newsWrapper ul.newsList li a .newsConWrapper .mask:after {
	padding: 0 3px 0 5px;
	font-family: 'Font Awesome 5 Free';
	content: '\f054';
	font-size: 1.5rem;
	font-weight: 900;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#newsWrapper ul.newsList li a .newsConWrapper .mask .maskBox {
	width: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.moreBtn,
#newsWrapper .moreBtn {
	width: 100%;
	text-align: center;
}

.moreBtn a,
#newsWrapper .moreBtn a {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
	padding: 5px 0;
	display: flex;
	justify-content: center;
	color: #fff;
	background: #036eab;
	font-size: 121%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #333;
}

.moreBtn a:hover,
#newsWrapper .moreBtn a:hover {
	opacity: 0.7;
}

.contents .conWrapper ul.recruitList,
.contents .conWrapper ul.newsList {
	width: 100%;
}

.contents .conWrapper ul.recruitList li,
.contents .conWrapper ul.newsList li {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: solid 1px #333;
}

.contents .conWrapper ul.recruitList li:first-child,
.contents .conWrapper ul.newsList li:first-child {
	padding: 10px 0;
	border-top: solid 1px #333;
}

.contents .conWrapper ul.recruitList li .newsDate,
.contents .conWrapper ul.newsList li .newsDate {
	width: 100%;
	margin: 0 0 15px 0;
	font-weight: bold;
}

.contents .conWrapper ul.recruitList li .newsText,
.contents .conWrapper ul.newsList li .newsText {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.contents .conWrapper ul.recruitList li .newsText figure,
.contents .conWrapper ul.newsList li .newsText figure {
	width: 250px;
	margin: 0 15px 0 0;
}

.contents .conWrapper ul.recruitList li .newsText figure + p,
.contents .conWrapper ul.newsList li .newsText figure + p {
	width: calc(100% - 265px);
}

.contents .conWrapper ul.recruitList li .newsText p,
.contents .conWrapper ul.newsList li .newsText p {
	width: 100%;
}

/*リサーチ設定*/
#researchWrapper {
	width: 100%;
	text-align: center;
}

#researchWrapper ul.researchList {
	width: 100%;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
}

#researchWrapper ul.researchList p {
	width: 100%;
	margin: 0 0 20px 0;
}

#researchWrapper ul.researchList li {
	width: calc(50% - 10px);
	margin: 0 20px 0 0;
}

#researchWrapper ul.researchList li:first-child {
	width: 100%;
	margin: 0;
}

#researchWrapper ul.researchList li:nth-child(3) {
	margin: 0 0 10px 0;
}

#researchWrapper ul.researchList li .researchConWrapper {
	width: 100%;
}

#researchWrapper ul.researchList li:nth-child(2) .researchConWrapper,
#researchWrapper ul.researchList li img {
	width: 100%;
	margin: 0 20px 0 0;
}

#researchWrapper ul.researchList li img {
	box-shadow: 2px 2px 3px #c0c0c0;
	object-fit: cover;
}

#researchWrapper ul.researchList li:nth-child(2) img {
	width: 100%;
	margin: 0;
}

#researchWrapper ul.researchList li .researchConWrapper h3.researchTitle {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 128%;
}

#researchWrapper ul.researchList li .researchConWrapper p {
	width: 100%;
	font-size: 78%;
	text-align: justify;
}

.moreBtn_w,
#researchWrapper ul.researchList li .moreBtn_w {
	width: 100%;
	padding: 30px 0 20px;
}

.moreBtn_w a,
#researchWrapper ul.researchList li .moreBtn_w a {
	width: 30%;
	margin: 0 auto;
	padding: 5px;
	display: flex;
	justify-content: center;
	color: #036eab;
	background: #fff;
	font-size: 120%;
	font-weight: bold;
	box-shadow: 2px 2px 3px #c0c0c0;
	border: solid 1px #036eab;
}

.moreBtn_w a:hover,
#researchWrapper ul.researchList li .moreBtn_w a:hover {
	color: #fff;
	background: #036eab;
	box-shadow: none;
	text-shadow: 1px 1px 2px #333;
}


/*ピックアップ設定*/
#pickupWrapper {
	width: 100%;
	text-align: center;
}

#pickupWrapper ul.pickupList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

#pickupWrapper ul.pickupList li {
	width: calc(33.3% - 30px);
	margin: 0 45px 30px 0;
	
}

#pickupWrapper ul.pickupList li:nth-child(3n) {
	margin: 0 0 30px 0;
}

#pickupWrapper ul.pickupList li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #036eab;
	box-shadow: 2px 2px 4px #c0c0c0;
}

#pickupWrapper ul.pickupList li a:hover {
	opacity: 0.7;
}

#pickupWrapper ul.pickupList li a p,
#pickupWrapper ul.pickupList li a h3.pickupTitle,
#pickupWrapper ul.pickupList li a img {
	width: 100%;
}

#pickupWrapper ul.pickupList li a p,
#pickupWrapper ul.pickupList li a h3.pickupTitle {
	margin: 0;
	padding: 30px 10px 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#pickupWrapper ul.pickupList li a h3.pickupTitle img {
	margin: 0;
}

#pickupWrapper ul.pickupList li a h3.pickupTitle:after {
	padding: 0 3px 0 5px;
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	color: #036eab;
	float: right;
	display: inline-block;
}

#pickupWrapper ul.pickupList li a p {
	font-size: 71%;
	font-weight: normal;
	color: #333;
	text-align: justify;
}

/*アイスハップ設定*/
#icehapWrapepr {
	width: 100%;
}

/*ICEHAPのスライダー設定*/
.carousel {
	padding: 20px;
	-webkit-perspective: 500px;
	perspective: 500px;
	overflow: hidden;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
}

	.carousel > * {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
}

.carousel figure {
	margin: 0;
	width: 300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	-webkit-transform-origin: 50% 50% -482.8427124746px;
	transform-origin: 50% 50% -482.8427124746px;
}

.carousel figure:after {
	padding: 16px 10px;
	content: 'NEW';
	position: absolute;
	top: -15px;
	left: 15px;
	background: #ff0000;
	color: #fff;
	border-radius: 100%;
	box-shadow: 1px 1px 5px #333;
}

.carousel figure img {
	width: 100%;
	box-sizing: border-box;
	padding: 0 40px;
	opacity: 0.9;
}

.carousel figure img:not(:first-of-type) {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform-origin: 50% 50% -482.8427124746px;
	transform-origin: 50% 50% -482.8427124746px;
}

.carousel figure img:nth-child(2) {
	-webkit-transform: rotateY(0.7853981634rad);
	transform: rotateY(0.7853981634rad);
}

.carousel figure img:nth-child(3) {
	-webkit-transform: rotateY(1.5707963268rad);
	transform: rotateY(1.5707963268rad);
}

.carousel figure img:nth-child(4) {
	-webkit-transform: rotateY(2.3561944902rad);
	transform: rotateY(2.3561944902rad);
}

.carousel figure img:nth-child(5) {
	-webkit-transform: rotateY(3.1415926536rad);
	transform: rotateY(3.1415926536rad);
}

.carousel figure img:nth-child(6) {
	-webkit-transform: rotateY(3.926990817rad);
	transform: rotateY(3.926990817rad);
}

.carousel figure img:nth-child(7) {
	-webkit-transform: rotateY(4.7123889804rad);
	transform: rotateY(4.7123889804rad);
}

.carousel figure img:nth-child(8) {
	-webkit-transform: rotateY(5.4977871438rad);
	transform: rotateY(5.4977871438rad);
}

.carousel nav {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 20px 0 0;
}

.carousel nav button {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	margin: 0 5px;
	cursor: pointer;
	color: #333;
	background: none;
	border: 1px solid;
	letter-spacing: 1px;
	padding: 5px 10px;
}

#ieSlider {
	display: none;
}

_:-ms-fullscreen, :root .carousel {
	display: none;
}

_:-ms-fullscreen, :root #ieSlider {
	display: block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root .carousel {
		display: none;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	_::-webkit-full-page-media, _:future, :root #ieSlider {
		display: block;
		margin: 0 0 30px 0;
	}
}

/*summarize設定*/
#summarizeWrapper {
	width: 100%;
	color: #fff;
}

#summarizeWrapper ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

#summarizeWrapper ul .summarizeList {
	width: calc(33.3% - 7px);
	margin: 0 10px 0 0;
	padding: 35px 20px;
	color: #333;
	text-shadow: 1px 1px 2px #fff;
}

#summarizeWrapper ul .summarizeList:nth-child(1) {
	/*background: url("../../img/summarizeBg01.jpg");*/
	background-size: cover;
}

#summarizeWrapper ul .summarizeList:nth-child(2) {
	/*background: url("../../img/summarizeBg02.jpg");*/
	background-size: cover;
}

#summarizeWrapper ul .summarizeList:nth-child(3) {
	margin: 0;
	/*background: url("../../img/summarizeBg03.jpg");*/
	background-size: cover;
}

#summarizeWrapper ul .summarizeList h3.summarizeTitle {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 114%;
	border-bottom: solid 2px #333;
}

#summarizeWrapper ul .summarizeList li {
	width: 100%;
}

#summarizeWrapper ul .summarizeList li a {
	width: 100%;
	font-size: 92.8%;
	color: #333;
	display: flex;
	font-weight: bold;
	position: relative;
}

#summarizeWrapper ul .summarizeList li a:before {
	padding: 0 5px 0 5px;
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	color: #333;
	display: inline-block;
}

#summarizeWrapper ul .summarizeList li a:after {
	background: rgba(0,0,0,0.25);
	z-index: 0;
}

/*sns設定*/
#snsWrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#snsWrapper .faceBook,
#snsWrapper .twitter,
#snsWrapper .instagram {
	width: calc(33% - 5px);
	max-width: 500px;
	height: 350px;
	margin: 0 10px 10px 0;
	padding: 0 0 10px 0;
	border: solid 1px #808080;
	overflow: hidden;
}

#snsWrapper .instagram {
margin: 0 0 10px 0;
}

#snsWrapper .instagram #instafeed {
	overflow: auto;
	height: 300px;
}

#snsWrapper .instagram #instafeed img {
	width: 100%;
	padding: 10px 0 0 0;
	max-height: 275px;
	object-fit: cover;
}

#snsWrapper .faceBook a,
#snsWrapper .twitter a,
#snsWrapper .instagram a{
	width: 100%;
	padding: 0 10px;
	display: block;
	color: #036eab;
	font-weight: bold;
	font-size: 110%;
	border-bottom: dotted 1px #808080;
}

#snsWrapper .twitter iframe {
	height: 300px!important;
	display: block!important;
	margin: 0 auto;
}

#snsWrapper .faceBook a:hover,
#snsWrapper .twitter a:hover,
#snsWrapper .instagram a:hover {
	opacity: 0.7;
}

#snsWrapper .faceBook a:before,
#snsWrapper .twitter a:before,
#snsWrapper .instagram > a:before {
	padding: 0 5px;
	font-family: 'Font Awesome 5 Brands';
	content: '\f082';
	font-weight: 900;
	font-size: 2rem;
	color: #3B5998;
	display: inline-block;
}

#snsWrapper .twitter a:before {
	content: '\f081';
	color: #1DA1F2;
}

#snsWrapper .instagram > a:before {
	content: '\f16d';
	color: #E32A70;
}

#facebook ._2p3a {
	margin: 0 auto!important;
}

/*バナー設定*/
#snsWrapper ul.bannerList {
	width: 100%;
	margin: 50px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#snsWrapper ul.bannerList li {
	width: calc(16.6% - 8px);
	margin: 0 10px 0 0;
}

#snsWrapper ul.bannerList li:nth-child(6) {
	margin: 0;
}

#snsWrapper ul.bannerList li a {
	width: 100%;
	display: flex;
	border: solid 1px #dfdfdf;
}

#snsWrapper ul.bannerList li a:hover {
	opacity: 0.7;
}

#snsWrapper ul.bannerList li a img {
	width: 100%;
	object-fit: contain;
}

/*フッター設定*/
#footerWrapper {
	width: 100%;
	background: #000;
}

#footerWrapper a {
	color: #fff;
}

#footerWrapper .fotterWrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 15px;
	padding: 0 0 15px 0;
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #fff;
}

#footerWrapper .fotterWrap ul.footerList {
	width: calc(50% - 20px);
	max-height: 210px;
	margin: 0 20px 0 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

#footerWrapper .fotterWrap ul.footerList li {
	width: 50%;
	display: flex;
}

#footerWrapper .fotterWrap ul.footerList li a {
	width: 100%;
	padding: 3px;
	font-size: 92.8%;
	position: relative;
}

#footerWrapper .fotterWrap ul.footerList li a:before {
	padding: 0 3px 0 5px;
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	color: #fff;
	display: inline-block;
}

#footerWrapper .fotterWrap ul.footerList li a:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	background: rgba(255,255,255,0.25);
	transform-origin: left bottom;
	transform: scale(1, 0);
	transition: transform .5s;
}

#footerWrapper .fotterWrap ul.footerList li a:hover:after {
	transform-origin: left bottom;
	transform: scale(1, 1);
	z-index: 1;
}

#footerWrapper .fotterWrap .fotoerRight {
	width: 50%;
	color: #fff;
}

#footerWrapper .fotterWrap .fotoerRight img {
	width: 100%;
	max-width: 325px;
	margin: 0 0 20px 0;
	
}

#footerWrapper .fotterWrap .fotoerRight p {
	width: 100%;
	font-size: 92.8%;
}

#footerWrapper .fotterWrap .fotoerRight p a:hover {
	border-bottom: solid 1px #fff;
}

#footerWrapper .imgWrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#footerWrapper .imgWrap p.copyRight {
	width: 50%;
	color: #fff;
	font-size: 79%;
}

#footerWrapper .imgWrap ul.sns_foot {
	width: calc(40% - 10px);
	margin: 0 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
}

#footerWrapper .imgWrap ul.sns_foot li {
	margin: 0 5px 0 0;
}

#footerWrapper .imgWrap ul.sns_foot li a:hover{
	opacity: 0.8;
}

#footerWrapper .imgWrap ul.sns_foot li a img{
	max-width: 30px;
}

#footerWrapper .imgWrap figure {
	width: 10%;
}

#footerWrapper .imgWrap figure img {
	width: 100%;
	max-width: 65px;
	object-fit: contain;
}


/*トップに戻るボタン*/
#page_top {
	width: 70px;
	height: 70px;
	position: fixed;
	right: 20px;
	bottom: 60px;
	background-image: url("../../img/pageTop.png");
	background-position: 50%;
	background-size: 70px;
	/*background: #036eab;*/
	border-radius: 50%;
}

#page_top:hover {
	opacity: 0.7;
	transition: 0.5s;
}

#page_top a {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	text-decoration: none;
}

#page_top a:after {
	content: '';
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 17px;
	line-height: 1.2;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	white-space: pre;
}
#icehapWrapepr,
#newsWrapper ul.newsList,
#researchWrapper ul.researchList,
#pickupWrapper ul.pickupList,
#summarizeWrapper ul,
#summarizeWrapper ul 
#snsWrapper ul.bannerList,
#snsWrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/*広報活動設定*/
ul.prList {
	width: 100%;
	margin: 0 0 20px 0;
}

ul.prList li {
	width: 100%;
	max-width: 300px;
}

ul.prList li p {
	width: 100%;
	text-align: center!important;
}


/*サイトマップ設定*/

#sitemap.sitemap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

#sitemap.sitemap > li {
	width: calc(50% - 10px);
	margin: 0 20px 20px 0;
}

#sitemap.sitemap > li:nth-child(2n) {
	margin: 0 0 20px 0;
}

#sitemap.sitemap li h2.sitemapTitle {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	font-size: 120%;
	border-bottom: solid 1px #036eab;
}

#sitemap.sitemap li h2.sitemapTitle a {
	width: 100%;
	color: #036eab;
}

#sitemap.sitemap li ul li {
	width: 100%;
	padding: 3px 0;
}

#sitemap.sitemap li ul li a {
	width: 100%;
	font-size: 90%;
}


#sitemap.sitemap li h2.sitemapTitle a:before,
#sitemap.sitemap li ul li a:before {
	padding: 0 3px 0 5px!important;
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	color: #036eab;
	display: inline-block;
}

#sitemap.sitemap li h2.sitemapTitle a:hover,
#sitemap.sitemap li ul li a:hover {
	opacity: 0.7;
}

@media screen and (max-width:900px) {
	
	.contents .conHeader h2,
	.conSubTitle span {
		padding: 0;
	}
	
	.contents .conHeader {
		padding: 0 50px;
	}
	
	#headerBlock .topHeader {
		padding: 20px 100px 20px 50px;
	}
	
	#headerBlock .topHeader .btn-gnavi {
		right: 50px;
		top: 27px;
	}
	
	#headerBlock #gNav ul.navList {
		width: calc(100% - 100px);
		margin: 0 50px 0;
	}
	
	#headerBlock #gNav ul.navList > li {
		width: calc(33.3% - 7.5px);
	}
	
	#headerBlock #gNav ul.navList > li:nth-child(5),
	#headerBlock #gNav ul.navList > li:nth-child(9){
		margin: 0 10px 20px 0;
	}
	
	#headerBlock #gNav ul.navList > li:nth-child(4),
	#headerBlock #gNav ul.navList > li:nth-child(7),
	#headerBlock #gNav ul.navList > li:nth-child(10) {
		margin: 0 0 20px 0;
	}
	
	#headerBlock .topHeader .sub ul.mainNav li {
		width: 250px;
	}
	
	#pickupWrapper ul.pickupList li a h3.pickupTitle {
		padding: 10px 10px 20px;
	}
	
	.smallLogo {
		top: 27px;
	}
	
	.swiper-container-vertical > .swiper-pagination-bullets {
		top: 55%;
		right: 80px;
	}
	
	#headerBlock button,
	.btn-circle-flat {
		top: 70%;
		right: 50px;
	}
	
	.iziModal.member .iziModal {
	max-width: 600px!important;
	}
	
	.iziModal.member .introduction .introductionBox .introductionFlex h6 {
	width: 100%;
	margin: 0;
}

.iziModal.member .introduction .introductionBox .introductionFlex p {
	width: 100%;
}
	
	.flex img {
	width: 100%;
	margin: 0 0 20px 0;
	object-fit: cover;
}

	.conWrapper .greetingBox {
		width: 100%;
	}
	

	.iziModal-content iframe {
	width: 600px;
	height: 340px;
	}

	.contents .conWrapper {
		padding: 0 50px;
	}
	
	h3.conSubTitle {
		padding: 0 50px;
	}
	
	#newsWrapper,
	#researchWrapper,
	#pickupWrapper,
	#icehapWrapepr,
	#summarizeWrapper,
	#snsWrapper,
	#footerWrapper {
		padding: 30px;
	}
	
	#snsWrapper ul.bannerList li {
		width: calc(33.3% - 14px);
		margin: 0 20px 15px 0;
	}
	
	#snsWrapper ul.bannerList li:nth-child(3n) {
		margin: 0 0 15px 0;
	}
}

@media screen and (max-width:768px) {
	
	.conTitle {
		margin: 0 0 30px 0;
	}
	
	.memberTitle {
		display: block;
	}
	
	.memberTitle span {
		margin: 0 0 10px 0;
	}
	
	.memberTitle div {
		width: 100%;
	}
	
	.scrollTable table {
		white-space: nowrap;
	}
	
	.iziModal {
		top: 15%;
		max-width: 450px!important;
	}

	.iziModal-content iframe {
		width: 450px;
		height: 252px;
	}
	
	.iziModal .iziModal-header.iziModal-noSubtitle {
		width: 450px;
	}
	
	.iziModal-navigate>button {
		opacity: 1;
	}
	
	.iziModal-navigate-next,
	.iziModal-navigate-prev {
		width: 40px!important;
		background-position: 0 33%;
	}
	
	.iziModal-navigate-next {
		margin-right: -260px!important;
	}
	
	.iziModal-navigate-prev {
		margin-left: -260px!important;
	}
	
	.iziModal.member .introduction img {
		width: 100%;
		max-width: inherit;
		max-height: 400px;
		object-position: 50% 15%;
	}
	
	.iziModal.member .introduction .introductionBox {
		width: 100%;
		padding: 0;
	}
	
	.movieBox iframe {
		width: 100%;
		height: 350px;
	}
	
	#headerBlock {
		padding: 200px 0 0 0;
	}
	
	.contents #headerBlock {
		padding: 200px 0 0 0;
	}
	
	.contents #headerBlock .conHeaderImg {
		padding: 250px 0 0 0;
	}
	
	.contents .conHeader h2 {
		font-size: 130%;
	}
	
	#headerBlock .topHeader {
		background: #000;
	}
	
	#headerBlock #gNav ul.navList > li {
		width: calc(50% - 7.5px);
	}
	
	#headerBlock #gNav ul.navList > li:nth-child(4),
	#headerBlock #gNav ul.navList > li:nth-child(7),
	#headerBlock #gNav ul.navList > li:nth-child(10) {
		margin: 0 10px 20px 0;
	}
	
	#headerBlock #gNav ul.navList > li:nth-child(odd) {
		margin: 0 0 20px 0;
	}
	
	#newsWrapper ul.newsList li:nth-child(2n),
	#newsWrapper ul.newsList li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	#newsWrapper ul.newsList li a .newsConWrapper {
		width: 100%;
		padding: 5px;
		order: 2;
	}
	
	#newsWrapper ul.newsList li a img {
		width: 100%;
		height: 100%;
		max-width: 250px;
		margin: 0 auto 10px;
		order: 1;
	}
	
	.conWrapper ul.memberList li {
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	.conWrapper ul.memberList li:nth-child(2n) {
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	.conWrapper ul.memberList li a img {
		max-height: 600px;
		object-position: 50% 25%;
	}
	
	.conWrapper .catBox {
		margin: 0 0 30px 0;
	}
	
	.conWrapper .textBox {
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	.conWrapper .catBox .textBox h5 {
		margin: 0 0 20px 0;
	}
	
	.conWrapper .catBox .textBox p {
		display: none;
	}
	.conWrapper .catBox .textBox .moreBtn_w {
		padding: 0;
	}
	
	.conWrapper .catBox .textBox .moreBtn_w a {
		margin: 0 auto;
	}
	
	.conWrapper .catBox img {
		margin: 0 auto 20px;
	}
	
	#researchWrapper ul.researchList li .researchConWrapper {
		width: 100%;
		padding: 0 5px 10px 5px;
	}
	
	#researchWrapper ul.researchList li .researchConWrapper h3.researchTitle {
		font-size: 100%;
		text-align: center;
	}
	
	#researchWrapper ul.researchList li .researchConWrapper p {
		display: none;
	}
	
	#researchWrapper ul.researchList li .moreBtn_w {
		width: 100%;
		padding: 0;
		display: flex;
		justify-content: center;
	}
	
	#researchWrapper ul.researchList li:nth-child(2) .researchConWrapper {
		width: 100%;
		order: 2;
	}
	
	#pickupWrapper ul.pickupList li {
		width: calc(50% - 15px);
		margin: 0 30px 20px 0;
	}
	
	#pickupWrapper ul.pickupList li:nth-child(3n) {
		margin: 0 30px 20px 0;
	}
	
	#pickupWrapper ul.pickupList li:nth-child(2n) {
		margin: 0 0 20px 0;
	}
	
	#summarizeWrapper ul .summarizeList {
		width: 100%;
		margin: 0 0 10px 0;
		display: flex;
		flex-wrap: wrap;
	}
	
	#summarizeWrapper ul .summarizeList li {
		width: 50%;
	}
	
	#snsWrapper {
		justify-content: center;
	}
	
	#snsWrapper .faceBook,
	#snsWrapper .twitter,
	#snsWrapper .instagram {
		margin: 0 0 10px 0;
	}
	
	#snsWrapper .faceBook,
	#snsWrapper .twitter,
	#snsWrapper .instagram {
		width: 100%;
		max-width: 500px;
	}
	
	#footerWrapper .fotterWrap ul.footerList {
		width: 100%;
		margin: 0 0 20px 0;
		flex-direction: row;
	}
	
	#footerWrapper .fotterWrap .fotoerRight {
		width: 100%;
	}
	
	#footerWrapper .imgWrap p.copyRight {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	#footerWrapper .imgWrap ul.sns_foot {
		width: calc(90% - 10px);
	}
	
	ul.linkList2column li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	ul.linkList2column li:nth-child(2) {
		margin: 0;
	}
	
	ul.linkBtn5column li {
		width: calc(33% - 9px);
		margin: 0 10px 15px 0;
	}
	
	ul.linkBtn5column li:nth-child(5n) {
		margin: 0 10px 15px 0;
	}
	
	ul.linkBtn5column li:nth-child(3n) {
		margin: 0 0 15px 0;
	}

	
	ul.linkBtn li {
		width: calc(50% - 10px);
	}
	
	ul.linkBtn li:nth-child(3n) {
		margin: 0 20px 20px 0;
	}
	
	ul.linkBtn li:nth-child(2n) {
		margin: 0 0 20px 0;
	}
	
	.tab_item2,
	.tab_item {
		font-size: 80%;
	}
	
	.imgLeft figure,
	.imgRight figure {
		width: 100%;
		margin: 0 auto;
	}
	
	.imgLeft .shortArticle,
	.imgRight .shortArticle {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.imgLeft .shortArticle p,
	.imgRight .shortArticle p {
		text-align: left!important;
	}
}

@media screen and (max-width:600px) {
	
	#headerBlock .topHeader h1 {
		width: calc(80% - 10px);
		display: flex;
		justify-content: flex-end;
	}
	
	#headerBlock .topHeader h1:nth-child(3) {
		width: calc(20% - 10px);
		display: flex;
		justify-content: flex-end;
	}
	
	.plasma .conSubTitle {
		font-size: 92%;
	}
	
	.imgLeft,
	.imgRight {
		width: 100%;
	}
	
	.imgRight .shortArticle p:nth-child(5) {
		margin: 0!important;
	}
	
	.imgRightBox {
		max-width: 100%;
		margin: 0 0 10px 0;
	}
	
	.imgRightBox img {
		max-width: none;
	}
	
}

@media screen and (max-width:500px) {
	
	.conTitle {
		font-size: 150%;
	}
	
	.conTitleImg {
		max-width: 180px;
		margin: 0 auto 30px;
	}
	
	.conSubTitle ,
	.conSubTitle_noborder {
		font-size: 105%;
	}
	
	.conSubTitle span,
	.conSubTitle_noborder span {
		padding: 0 20px;
	}
	
	.conSubTitleNomal,
	.conSubTitle3 {
		font-size: 105%;
	}
	
	.memberTitle span {
		margin: 0 0 10px 0;
	}
	
	.memberTitle span + br,
	.memberTitle a + br {
		display: block;
	}
	
	.contents #headerBlock {
		padding: 50px 0 0 0;
	}
	
	.contents .conHeader {
		padding: 0 20px;
	}
	
	.contents .conHeader h2 {
		font-size: 117%;
	}
	
	.contents ul.linkBtn li a span {
		font-size: 78%;
	}
	
	.conWrapper ul.memberList li a img {
		max-height: 300px;
		object-position: 50% 15%;
	}
	
	.iziModal {
		top: 15%;
		max-width: 280px!important;
	}
	
	.iziModal.member {
		max-width: 340px!important;
	}
	
	.iziModal-content iframe {
		width: 280px;
		height: 157px;
	}
	
	.iziModal .iziModal-header.iziModal-noSubtitle {
		width: 280px;
	}
	
	.iziModal-navigate > button {
		opacity: 1;
	}
	
	.iziModal-navigate-next,
	.iziModal-navigate-prev {
		width: 40px!important;
		background-position: 0 28%;
	}
	
	.iziModal-navigate-next {
		margin-right: -160px!important;
	}
	
	.iziModal-navigate-prev {
		margin-left: -160px!important;
	}
	
	.iziModal.member .introduction {
		height: 400px;
		font-size: 85%;
		overflow: auto;
	}
	
	.iziModal.member .introduction img {
		max-height: 250px;
		object-fit: cover;
	}
	
	.iziModal.member .introduction .questionWrap .question h6 {
		width: 100%;
		margin: 0 0 5px 0;
		text-align: left;
	}

	.iziModal.member .introduction .questionWrap .question p,
	.iziModal.member .introduction .questionWrap .question ul {
		width: 100%;
	}
	
	.imgLeftBox img {
		width: 100%;
		height: 100%;
		margin: 0 0 10px 0;
	}
	
	.contents .conWrapper .centerWrapper {
		width: 100%;
		max-width: 100%;
	}
	
	.movieBox iframe {
		height: 300px;
	}
	
	.contents .conWrapper {
		padding: 0 20px;
	}
	
	.contents .conWrapper .textBox h5 {
		font-size: 120%;
		line-height: 1.2;
	}
	
	.contents .conWrapper ul.img3column li {
		width: calc(50% - 7.5px);
		margin: 0 15px 15px 0;
	}
	
	.contents .conWrapper ul.img3column li:nth-child(3n), 
	.contents .conWrapper ul.img3column li:nth-child(2n) {
		margin: 0 0 15px 0;
	}
	
	.higgstanImg {
		max-width: none;
	}
	
	.antarctic .imgBox.w60 {
		width: 100%;
	}
	
	.imgRightBox {
		width: 100%;
		text-align: center;
	}
	
	.imgRightBox p.right {
		text-align: center!important;
	}

	h3.conSubTitle {
		padding: 0 20px;
	}
	
	#headerBlock .topHeader .sub ul.mainNav {
		display: none;
	}
	
	#newsWrapper,
	#researchWrapper,
	#pickupWrapper,
	#icehapWrapepr,
	#summarizeWrapper,
	#snsWrapper,
	#footerWrapper {
		padding: 30px 20px;
	}
	
	#headerBlock {
		padding: 100px 0 0 0;
	}
	#headerBlock .topHeader {
		padding: 20px 80px 20px 20px;
	}
	
	#headerBlock .topHeader .btn-gnavi {
		right: 20px;
		top: 2%;
	}
	
	#headerBlock #gNav ul.navList {
		width: calc(100% - 40px);
		margin: 0 20px 0;
	}
	
	#headerBlock #gNav ul.navList > li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	#headerBlock #gNav ul.navList li.top {
		display: block;
	}
	
	#headerBlock #gNav ul.navList li h2 {
		font-size: 90%;
	}
	
	#headerBlock #gNav ul.navList > li:nth-child(odd) {
		margin: 0 0 10px 0;
	}
	
	#headerBlock #gNav ul.navList > li:nth-child(3n),
	#headerBlock #gNav ul.navList > li:nth-child(2n) {
		margin: 0 0 10px 0;
	}
	
	#headerBlock #gNav ul.navList li h2:after {
		padding: 0 5px;
		font-family: 'Font Awesome 5 Free';
		content: '\f0fe';
		font-weight: 900;
		float: right;
		color: #fff;
		display: inline-block;
	}
	
	#headerBlock #gNav ul.navList li.top h2:after {
		content: none!important;
	}
	
	#headerBlock #gNav ul.navList li h2.open:after {
		content: '\f146';
	}
	
	#headerBlock #gNav ul.navList li ul {
		display: none;
	}
	
	#headerBlock #gNav ul.navList li ul li a {
		padding: 10px 0;
	}
	
	ul.subNav {
		display: none;
	}
	
	.swiper-container-vertical > .swiper-pagination-bullets {
		top: 30%;
		right: 40px;
	}
	
	#ieSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 2px;
	}
	
	#headerBlock button,
	.btn-circle-flat {
		width: 50px;
		height: 50px;
		padding: 10px 0;
		top: 60%;
		right: 20px;
		font-size: 65%;
	}
	
	.conWrapper ul.newsList li .newsText figure {
		width: 100%!important;
		text-align: center;
	}
	
	.conWrapper ul.newsList li .newsText figure img {
		max-width: 200px;
		margin: 0 0 10px 0;
	}
	
	.conWrapper .contentBox,
	.conWrapper .contentBox:nth-child(2) {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.conWrapper .catBox img {
		width: 100%;
	}
	
	#pickupWrapper ul.pickupList li {
		width: 100%;
		margin: 0 0 20px 0;
	}
		
	#pickupWrapper ul.pickupList li:nth-child(3n) {
	margin: 0 0 20px 0;
	}
	
	#pickupWrapper ul.pickupList li a h3.pickupTitle {
		padding: 20px 10px 30px;
	}
	
	#summarizeWrapper ul .summarizeList li {
		width: 100%;
	}
	
	#snsWrapper ul.bannerList li {
		width: calc(50% - 7.5px);
		margin: 0 15px 10px 0;
	}
	
	#snsWrapper ul.bannerList li:nth-child(3n) {
		margin: 0 15px 10px 0;
	}
	
	#snsWrapper ul.bannerList li:nth-child(2n) {
		margin: 0 0 10px 0;
	}
	
	#snsWrapper {
		width: 100%;
		display: block;
		flex-wrap: nowrap;
	}
	
	.moreBtn_w a,
	#researchWrapper ul.researchList li .moreBtn_w a {
		width: 100%;
	}
	
	.paper .pageLink li {
		width: 100%;
	}
	
	.paper .pageLink li a {
		padding: 10px 5px;
	}
	
	.contents .conWrapper p {
		width: 100%!important;
		text-align: inherit;
		font-size: 90%;
	}
	
	.tl-content figure {
		width: 100%;
		margin: 0 auto;
	}
	
	.fb_iframe_widget,
	.fb_iframe_widget iframe,
	.fb_iframe_widget span {
		width: 100%!important;
	}
	
	.centerImg75,
	.centerImg50 {
		width: 100%;
	}
	
	ul.prList li {
		margin: 0 auto;
	}
	
	#sitemap.sitemap > li {
		width: 100%;
		margin: 0 0 20px 0;
	}
}

/* 共通設定 */

figure span {
	max-width: 90%;
	font-size: 85%;
	display: inline-block;
	text-align: left;
}

.algeria {
	font-family: 'algeria';
}

.right {
	text-align: right!important;
}

.centerImg100 {
	width: 100%;
	margin: 0 auto 20px;
	display: block;
}

.centerImg75 {
	width: 75%;
	margin: 0 auto 20px;
	display: block;
}

.centerImg50 {
	width: 50%;
	margin: 0 auto 20px;
	display: block;
}

.campusmap {
	width: 50%;
	margin: 0 auto 50px;
	display: block;
	border: solid 1px #333;
}

@media screen and (max-width:500px) {
	.campusmap {
		width: 100%;
	}
}

.campusmap img {
	display: flex;
}

.numberList {
	margin: 0 0 20px 0;
}

.numberList li {
	margin: 0 0 0 20px;
	list-style: decimal;
}

.squareList,
.discList {
	width: 100%;
	margin: 0 0 30px 0;
}

.discList li {
	margin: 0 0 10px 23px;
	list-style: disc;
}

.squareList li {
	margin: 0 0 10px 0;
	list-style: none;
}

.squareList li:before {
	margin: 0 8px 0 3px;
	font-family: 'Font Awesome 5 Free';
	content: '\f0c8';
	font-weight: 500;
	display: inline-block;
}

.linkIcon {
	color: #2c98d2;
	text-decoration: underline;
}

.linkIcon:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.linkIcon:before {
	padding: 0 3px 0 5px;
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight: 900;
	color: #036eab;
	display: inline-block;
}

.directLink:after {
	padding: 0 3px 0 5px;
	font-family: 'Font Awesome 5 Free';
	content: '\f35d';
	font-weight: 900;
	color: #036eab;
	display: inline-block;
}

a.directLink:after,
a[href$=".pdf"]:after,
a[href$=".doc"]:after,
a[href$=".docx"]:after,
a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
	padding:0 5px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #036eab;
	display: inline-block;
}

a[href$=".pdf"]:after {
	content: '\f1c1';
}

a[href$=".doc"]:after,
a[href$=".docx"]:after {
	content: '\f1c2';
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
	content: '\f1c3';
}

a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
	content: '\f1c4';
}

ul.navList .directLink:after,
ul.dropdown .directLink:after,
.subList .directLink:after {
	color: #fff;
}

.l:after,
.swiper-slide a::after {
	display: none;
}

.linkNon:before,
.linkNon:after {
	content: none!important;
}

.txtUline,
.a_txtUline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.txtRed {
	color: #E60000!important;
}

.txtBlue {
	color: #036eab!important;
}

.hoverUline:hover {
	text-decoration: underline;
}

.talR,
.a_talR {
	text-align: right !important;
}
.talL,
.a_talL {
	text-align: left!important;
}
.talC,
.a_talC {
	text-align: center!important;
}

.talC ul {
	display: inline-block;
	text-align: left;
}

.leftTxt {
	width: auto!important;
	margin: 0!important;
	display: inline-block;
	text-align: left!important;
}

.mrgnT0,
.a_mrgnT0 {
	margin-top: 0px!important;
}
.mrgnB0,
.a_mrgnB0 {
	margin-bottom: 0px!important;
	margin-top: 0px;
}
.mrgnL0,
.a_mrgnL0 {
	margin-left: 0px!important;
}
.mrgnR0,
.a_mrgnR0 {
	margin-right: 0px!important;
}
.mrgnB5,
.a_mrgnB5 {
	margin-bottom: 5px!important;
}

.mrgnL5,
.a_mrgnL5 {
	margin-left: 5px!important;
}

.mrgnT10,
.a_mrgnT10 {
	margin-top: 10px!important;
}
.mrgnB10,
.a_mrgnB10 {
	margin-bottom: 10px!important;
}
.mrgnL10,
.a_mrgnL10 {
	margin-left: 10px!important;
}
.mrgnR10,
.a_mrgnR10 {
	margin-right: 10px!important;
}

.mrgnL14 {
	margin-left: 14px!important;
}

.mrgnL15,
.a_mrgnL15 {
	margin-left: 15px!important;
}
.mrgnT20,
.a_mrgnT20 {
	margin-top: 20px!important;
}
.mrgnB20,
.a_mrgnB20 {
	margin-bottom: 20px!important;
}
.mrgnL20,
.a_mrgnL20 {
	margin-left: 20px!important;
}
.mrgnL30,
.a_mrgnL30 {
	margin-left: 30px!important;
}
.mrgnB30,
.a_mrgnB30 {
	margin-bottom: 30px!important;
}
.mrgnB40,
.a_mrgnB40 {
	margin-bottom: 40px!important;
}
.mrgnB50,
.a_mrgnB50 {
	margin-bottom: 50px!important;
}
.mrgnB80,
.a_mrgnB80 {
	margin-bottom: 80px!important;
}

.mrgn0pdng0,
.a_mrgn0pdng0 {
	margin: 0;
	padding: 0;
}
.mrgnR20,
.a_mrgnR20 {
	margin-right: 20px!important;
}
.mrgnT30,
.a_mrgnT30 {
	margin-top: 30px!important;
}
.padB0,
.a_padB0 {
	padding-bottom:0 !important;
}

.padT0,
.a_padT0 {
	padding-top:0 !important;
}

.padL0,
.a_padL0 {
	padding-left:0 !important;
}

.padR0,
.a_padR0 {
	padding-right:0 !important;
}

.type11,
.a_type11 {
	font-size: 78%;
}

.small {
	font-size: 85%;
}

.font12,
.a_font12 {
	font-size: 12px!important;
}

.font14,
.a_font14 {
	font-size: 14px!important;
}

.font16,
.a_font16 {
	font-size: 16px!important;
}

.font18,
.a_font18 {
	font-size: 18px!important;
}

.font20,
.a_font20 {
	font-size: 20px!important;
}

.font22,
.a_font22 {
	font-size: 22px!important;
}

.font24,
.a_font24 {
	font-size: 24px!important;
}

.font26,
.a_font26 {
	font-size: 26px!important;
}

.font28,
.a_font28 {
	font-size: 28px!important;
}

.font30,
.a_font30 {
	font-size: 30px!important;
}

.w30p {
	width: 30%!important;
}

.w45p {
	width: 45%!important;
}


.w65p {
	width: 65%!important;
}

.mw90 {
	width: 100%;
	max-width: 90px!important;
}

.mw120 {
	width: 100%;
	max-width: 120px!important;
}

.mw200 {
	width: 100%;
	max-width: 200px!important;
}
