@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

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

/* -----------------------------------------------
 [0. Foundation]
 -------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: bottom;
	outline: none;
	-webkit-backface-visibility: hidden;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
	vertical-align: middle;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
small{
	font-size: 0.8em;
	display: inline;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
input,textarea,button,select{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong,
em{
	font-weight: bold;
}

/* 0-3. Config
-------------------------------------------------- */
html{
	font-size: 10px;
}
body{
	font-size: 1.5rem;
	color: #000;
	background-color: #fff;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif,"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	letter-spacing: 0.06em;
	overflow-x: hidden;
	position: relative;
}
@media only screen and (min-width: 1px) and (max-width: 991px){
	body{
		font-size: 1.3rem;
		letter-spacing: 0.1em;
		line-height: 1.538;
	}
}
input,textarea,button,select{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif,"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}

a{
	color: #000;				/* ベースのリンク文字の色を指定 */
	text-decoration: none;	/* ベースのリンク文字の下線の有無を指定 */
	transition: color .3s;
}
a:hover,
a:active{
	color: #000;				/* ベースのリンク文字の色を指定 */
	opacity: .8;
	text-decoration: none;		/* ベースのリンク文字の下線の有無を指定 */
}
a:focus {
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;			/* ベースの行間を指定 */
}
p{
	line-height: 1.6666666;			/* ベースの行間を指定 */
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.5;			/* ベースの行間を指定 */
}
button {
	border-radius: 0;
}
sup {
	vertical-align: top;
	line-height: 1;
}
img{
	vertical-align: top;
}

/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. .l-document
-------------------------------------------------- */
.l-document{
	position: relative;
}
.l-document:before{
	content: '';
	position: absolute;
	width: 100%;
	max-width: 1280px;
	height: 100%;
	background: url(/nobel-prize/images/img-document-bg01.png) repeat-y;
	background-size: 100% auto;
	margin: 0 auto;
	z-index: -1;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	mix-blend-mode: multiply;
}
.index .l-document,
.detail .l-document{
	padding-bottom: 160px;
}
@media only screen and (max-width: 1320px){
	.l-document:before{
		width: calc(100% - 40px);
	}
}
@media only screen and (max-width: 991px){ /* SP */
	.l-document:before{
		background: url(/nobel-prize/images/img-document-bg01-sp.png) repeat-y;
		background-size: contain;
	}
	.index .l-document{
		padding-bottom: 60px;
		overflow-x: hidden;
		overflow-y: visible;
	}
	.detail .l-document{
		padding-bottom: 70px;
	}
}

/* 1-2. .l-header
-------------------------------------------------- */
.l-header{
	position: fixed;
	opacity: 0;
	width: 100%;
	transition: .3s;
	z-index: 999;
	top: 0;
	background: transparent;
	height: auto;
}
.l-header.is-show{
	opacity: 1;
}
.l-header__inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 0;
}
.header-title{
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}
.header-title > a{
	background: #000;
	padding: 20px;
	display: block;
}
.header-title__inner{
	padding: 10px 0;
	position: relative;
}
.header-title__inner:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
}
.header-title__inner:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background: #fff;
}
.header-title__inner p{
	font-family: 'EB Garamond', serif;
	font-size: 19px;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 0;
}
.header-title__inner p small{
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1.38;
}
.nav-trriger{
	position: relative;
	width: 80px;
	height: 80px;
	margin-top: 40px;
	margin-right: 40px;
	background: #fff;
	cursor: pointer;
	padding: 0;
	box-sizing: border-box;
	box-shadow: 4.243px 4.243px 20px 0px rgba(40, 38, 32, 0.15);
	pointer-events: none;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}
.l-header.is-show .nav-trriger{
	pointer-events: auto;
}
.nav-trriger span{
	position: absolute;
	background: #000;
	height: 3px;
	right: 20px;
	transition: .5s;
}
.nav-trriger span:nth-of-type(1){
	width: 40px;
	top: 26px;
}
.nav-trriger span:nth-of-type(2){
	width: 32px;
	top: 38px;
}
.nav-trriger span:nth-of-type(3){
	width: 23px;
	bottom: 26px;
}
.l-header.nav-open .nav-trriger span:nth-of-type(1){
	width: 40px;
	top: 60%;
	left: 49%;
	-webkit-transform: rotate(30deg) translate(-50%);
	-moz-transform: rotate(30deg) translate(-50%);
	transform: rotate(30deg) translate(-50%);
}
.l-header.nav-open .nav-trriger span:nth-of-type(2){
	display: none;
}
.l-header.nav-open .nav-trriger span:nth-of-type(3){
	width: 40px;
	top: 35%;
	left: 49%;
	-webkit-transform: rotate(-30deg) translate(-50%);
	-moz-transform: rotate(-30deg) translate(-50%);
	transform: rotate(-30deg) translate(-50%);
}
.nav-global{
	background: rgba(0,0,0,0.95);
	position: absolute;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100vh;
	z-index: 100;
	padding-top: 234px;
	box-sizing: border-box;
	overflow-y: scroll;
}
.nav-researcher{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.nav-researcher__item{
	width: calc(50% - 30px);
	padding-top: 30px;
	box-sizing: border-box;
}
.nav-researcher__item--yoshino{
	margin-right: 60px;
	border-top: 6px solid #ba9132;
}
.nav-researcher__item--akasaki{
	border-top: 6px solid #2262ae;
}
.nav-researcher__item a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.nav-researcher__name__prop{
	position: relative;
}
.nav-researcher__item--yoshino .nav-researcher__name__prop{
	width: 100%;
}
.nav-researcher__item--akasaki .nav-researcher__name__prop{
	width: calc(50% - 60px);
}
.nav-researcher__name__prop + .nav-researcher__name__prop{
	margin-left: 120px;
}
.nav-researcher__name__prop + .nav-researcher__name__prop:before{
	content: '';
	display: block;
	position: absolute;
	left: -140px;
	top: 50%;
	width: 100px;
	height: 1px;
	background-color: #fff;
	transform: translateY(-50%) rotate(-60deg);
	-webkit-transform: translateY(-50%) rotate(-60deg);
	-ms-transform: translateY(-50%) rotate(-60deg);
}
.nav-researcher__name{
	color: #fff;
	font-size: 46px;
	letter-spacing: 0.01em;
}
.nav-researcher__desc{
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.06em;	
}
.nav-researcher__name__prop + img{
	display: block;
	margin-top: 30px;
}
.nav-news{
	margin-top: 105px;
	padding-top: 65px;
	border-top: 1px solid #fff;
}
.nav-news a:hover p,
.nav-news a:hover img{
	opacity: .8;
}
.nav-news__title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.nav-news__title--en{
	font-family: 'EB Garamond', serif;
	font-size: 38px;
	color: #fff;
	letter-spacing: 0.01em;
	margin-right: 40px;
}
.nav-news__title--jp{
	font-size: 18px;
	color: #fff;
	letter-spacing: 0.06em;
	margin-right: 30px;
}
.nav-news__title img{
	width: 32px;
	height: auto;
}
.nav-copyright{
	margin-top: 170px;
	text-align: right;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.01em;
	font-family: 'EB Garamond', serif;
	display: block;
}
@media only screen and (max-width: 991px){ /* SP */
	.header-title{
		opacity: 0;
		transition: .4s;
		transform: none;
	}
	.l-header__inner{
		align-items: flex-start;
	}
	.header-title__inner:before{
		height: 2px;
	}
	.header-title > a{
		padding: 10px;
	}
	.header-title__inner p{
		font-size: 11px;
	}
	.header-title__inner:after{
		width: 100%;
	}
	.header-title__inner p small{
		font-size: 10px;
		transform: scale(0.9);
	}
	.l-header.nav-open .header-title{
		opacity: 1;
	}
	.nav-trriger{
		width: 44px;
		height: 44px;
		margin-right: 10px;
		margin-top: 10px;
		transform: none;
	}
	.nav-trriger span{
		position: absolute;
		background: #000;
		height: 2px;
		right: 12px;
		transition: .3s;
	}
	.nav-trriger span:nth-of-type(1){
		width: 20px;
		top: 15px;
	}
	.nav-trriger span:nth-of-type(2){
		width: 16px;
		top: 21px;
	}
	.nav-trriger span:nth-of-type(3){
		width: 12px;
		bottom: 15px;
	}
	.l-header.nav-open .nav-trriger span:nth-of-type(1){
		width: 20px;
		top: 61%;
		left: 50%;
	}
	.l-header.nav-open .nav-trriger span:nth-of-type(3){
		width: 20px;
		top: 38%;
		left: 50%;
	}
	.nav-global{
		padding-top: 115px;
		height: calc(100vh - 55px);
	}
	.nav-global .wrp-container{
		padding-bottom: 30px;
	}
	.nav-researcher{
		flex-direction: column;
	}
	.nav-researcher__item{
		width: 100%;
		margin: 0;
		padding-top: 5px;
		border-width: 5px;
	}
	.nav-researcher__item--akasaki{
		margin-top: 60px;
	}
	.nav-researcher__item a{
		position: relative;
		flex-direction: column;
		align-items: flex-start;
		padding-right: 32px;
	}
	.nav-researcher__name__prop{
		width: 100%;
	}
	.nav-researcher__item--akasaki .nav-researcher__name__prop{
		width: 100%;
	}
	.nav-researcher__name__prop + .nav-researcher__name__prop{
		margin-left: 0;
		margin-top: 10px;
	}
	.nav-researcher__name__prop + .nav-researcher__name__prop:before{
		display: none;
	}
	.nav-researcher__name__prop + img{
		position: absolute;
		margin-top: 0;
		width: 32px;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.nav-researcher__name{
		font-size: 28px;
		letter-spacing: 0.01em;
	}
	.nav-researcher__desc{
		font-size: 13px;
		letter-spacing: 0.06em;
		margin-top: 0;
	}
	.nav-news{
		margin-top: 60px;
		padding-top: 25px;
	}
	.nav-news__title--en{
		font-size: 24px;
		margin-right: 25px;
	}
	.nav-news__title--jp{
		font-size: 12px;
		margin-right: auto;
	}
	.nav-news__title img{
		width: 25px;
	}
	.nav-copyright{
		margin-top: 65px;
		text-align: left;
		font-size: 10px;
	}
}

/* 1-4. .l-footer
-------------------------------------------------- */
.footer-researcher{
	background: #444;
	border-bottom: 1px solid #a9a9a9;
	padding: 40px 0;
	text-align: center;
}
.footer-researcher__row{
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-researcher__item{
	display: block;
	color: #fff;
	text-align: center;
}
.footer-researcher__item:nth-of-type(1){
	margin-right: 110px;
}
.footer-researcher__name{
	color: #fff;
}
.footer-researcher__name--jp span{
	font-size: 20px;
	letter-spacing: 0.01em;
	display: inline-block;
}
.footer-researcher__name--jp span + span{
	margin-left: 30px;
	position: relative;
}
.footer-researcher__name--jp span + span:before{
	content: '';
	position: absolute;
	width: 27px;
	height: 1px;
	background-color: #fff;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
.footer-researcher__name--jp span small{
	font-size: 16px;
	letter-spacing: 0.01em;
}
.footer-researcher__name--en{
	font-family: 'EB Garamond', serif;
	font-size: 13px;
	margin-top: 2px;
	letter-spacing: 0.05em;
}
.footer-logo{
	background: #444;
	padding: 50px 0;
	text-align: center;
}
.footer-logo img{
	width: 421px;
}
.footer-copyright{
	background: #282620;
	padding: 20px 0;
	text-align: center;
}
.copyright{
	font-family: 'EB Garamond', serif;
	font-size: 12px;
	color: #fff;letter-spacing: 0.01em;
	text-align: center;
}
@media only screen and (max-width: 991px){ /* SP */
	.footer-researcher{
		padding: 30px 5px;
	}
	.footer-researcher__item:nth-of-type(1){
		margin-right: 40px;
	}
	.footer-researcher__name--jp span{
		font-size: 15px;
	}
	.footer-researcher__name--jp span small{
		font-size: 13px;
	}
	.footer-researcher__name--en{
		font-size: 10px;
		margin-top: 5px;
	}
	.footer-logo{
		padding: 30px 0;
	}
	.footer-logo a{
		display: block;
		width: 240px;
		margin: 0 auto;
	}
	.footer-copyright{
		padding: 10px 0;
	}
	.copyright{
		font-size: 10px;
	}
	.footer-researcher__name--jp span + span{
		margin-left: 25px;
	}
	.footer-researcher__name--jp span + span:before{
		width: 20px;
		left: -25px;
	}
}

/* -----------------------------------------------
 [2. Object]
 -------------------------------------------------- */
/* 2-1. Component a.k.a Module [Thought of BEM + original]
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container{
	max-width: 1320px;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}


/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}
.clear{
	clear: both;
}


/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt-5{margin-top: -5px!important;}.mt-10{margin-top: -10px!important;}.mt-15{margin-top: -15px!important;}.mt-20{margin-top: -20px!important;}.mt-25{margin-top: -25px!important;}.mt-30{margin-top: -30px!important;}.mt-35{margin-top: -35px!important;}.mt-40{margin-top: -40px!important;}.mt-45{margin-top: -45px!important;}.mt-50{margin-top: -50px!important;}.mt-55{margin-top: -55px!important;}.mt-60{margin-top: -60px!important;}.mt-65{margin-top: -65px!important;}.mt-70{margin-top: -70px!important;}.mt-75{margin-top: -75px!important;}.mt-80{margin-top: -80px!important;}.mt-85{margin-top: -85px!important;}.mt-90{margin-top: -90px!important;}.mt-95{margin-top: -95px!important;}.mt-100{margin-top: -100px!important;}.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}
.mlrauto{margin-left: auto!important; margin-right: auto!important;}

@media only screen and (max-width: 991px){ /* SP */
	/* margin  */.m0-sp{margin:0!important;}.m5-sp{margin: 5px!important;}.m10-sp{margin: 10px!important;}.m15-sp{margin: 15px!important;}.m20-sp{margin: 20px!important;}.m25-sp{margin: 25px!important;}.m30-sp{margin: 30px!important;}.m35-sp{margin: 35px!important;}.m40-sp{margin: 40px!important;}.m45-sp{margin: 45px!important;}.m50-sp{margin: 50px!important;}.m55-sp{margin: 55px!important;}.m60-sp{margin: 60px!important;}.m65-sp{margin: 65px!important;}.m70-sp{margin: 70px!important;}.m75-sp{margin: 75px!important;}.m80-sp{margin: 80px!important;}.m85-sp{margin: 85px!important;}.m90-sp{margin: 90px!important;}.m95-sp{margin: 95px!important;}.m100-sp{margin: 100px!important;}/* margin-top */.mt0-sp{margin-top:0!important;}.mt-5-sp{margin-top: -5px!important;}.mt-10-sp{margin-top: -10px!important;}.mt-15-sp{margin-top: -15px!important;}.mt-20-sp{margin-top: -20px!important;}.mt-25-sp{margin-top: -25px!important;}.mt-30-sp{margin-top: -30px!important;}.mt-35-sp{margin-top: -35px!important;}.mt-40-sp{margin-top: -40px!important;}.mt-45-sp{margin-top: -45px!important;}.mt-50-sp{margin-top: -50px!important;}.mt-55-sp{margin-top: -55px!important;}.mt-60-sp{margin-top: -60px!important;}.mt-65-sp{margin-top: -65px!important;}.mt-70-sp{margin-top: -70px!important;}.mt-75-sp{margin-top: -75px!important;}.mt-80-sp{margin-top: -80px!important;}.mt-85-sp{margin-top: -85px!important;}.mt-90-sp{margin-top: -90px!important;}.mt-95-sp{margin-top: -95px!important;}.mt-100-sp{margin-top: -100px!important;}.mt5-sp{margin-top: 5px!important;}.mt10-sp{margin-top: 10px!important;}.mt15-sp{margin-top: 15px!important;}.mt20-sp{margin-top: 20px!important;}.mt25-sp{margin-top: 25px!important;}.mt30-sp{margin-top: 30px!important;}.mt35-sp{margin-top: 35px!important;}.mt40-sp{margin-top: 40px!important;}.mt45-sp{margin-top: 45px!important;}.mt50-sp{margin-top: 50px!important;}.mt55-sp{margin-top: 55px!important;}.mt60-sp{margin-top: 60px!important;}.mt65-sp{margin-top: 65px!important;}.mt70-sp{margin-top: 70px!important;}.mt75-sp{margin-top: 75px!important;}.mt80-sp{margin-top: 80px!important;}.mt85-sp{margin-top: 85px!important;}.mt90-sp{margin-top: 90px!important;}.mt95-sp{margin-top: 95px!important;}.mt100-sp{margin-top: 100px!important;}/* margin-right */.mr0-sp{margin-right:0!important;}.mr5-sp{margin-right: 5px!important;}.mr10-sp{margin-right: 10px!important;}.mr15-sp{margin-right: 15px!important;}.mr20-sp{margin-right: 20px!important;}.mr25-sp{margin-right: 25px!important;}.mr30-sp{margin-right: 30px!important;}.mr35-sp{margin-right: 35px!important;}.mr40-sp{margin-right: 40px!important;}.mr45-sp{margin-right: 45px!important;}.mr50-sp{margin-right: 50px!important;}.mr55-sp{margin-right: 55px!important;}.mr60-sp{margin-right: 60px!important;}.mr65-sp{margin-right: 65px!important;}.mr70-sp{margin-right: 70px!important;}.mr75-sp{margin-right: 75px!important;}.mr80-sp{margin-right: 80px!important;}.mr85-sp{margin-right: 85px!important;}.mr90-sp{margin-right: 90px!important;}.mr95-sp{margin-right: 95px!important;}.mr100-sp{margin-right: 100px!important;}/* margin-bottom */.mb0-sp{margin-bottom:0!important;}.mb5-sp{margin-bottom: 5px!important;}.mb10-sp{margin-bottom: 10px!important;}.mb15-sp{margin-bottom: 15px!important;}.mb20-sp{margin-bottom: 20px!important;}.mb25-sp{margin-bottom: 25px!important;}.mb30-sp{margin-bottom: 30px!important;}.mb35-sp{margin-bottom: 35px!important;}.mb40-sp{margin-bottom: 40px!important;}.mb45-sp{margin-bottom: 45px!important;}.mb50-sp{margin-bottom: 50px!important;}.mb55-sp{margin-bottom: 55px!important;}.mb60-sp{margin-bottom: 60px!important;}.mb65-sp{margin-bottom: 65px!important;}.mb70-sp{margin-bottom: 70px!important;}.mb75-sp{margin-bottom: 75px!important;}.mb80-sp{margin-bottom: 80px!important;}.mb85-sp{margin-bottom: 85px!important;}.mb90-sp{margin-bottom: 90px!important;}.mb95-sp{margin-bottom: 95px!important;}.mb100-sp{margin-bottom: 100px!important;}/* margin-left */.ml0-sp{margin-left:0!important;}.ml5-sp{margin-left: 5px!important;}.ml10-sp{margin-left: 10px!important;}.ml15-sp{margin-left: 15px!important;}.ml20-sp{margin-left: 20px!important;}.ml25-sp{margin-left: 25px!important;}.ml30-sp{margin-left: 30px!important;}.ml35-sp{margin-left: 35px!important;}.ml40-sp{margin-left: 40px!important;}.ml45-sp{margin-left: 45px!important;}.ml50-sp{margin-left: 50px!important;}.ml55-sp{margin-left: 55px!important;}.ml60-sp{margin-left: 60px!important;}.ml65-sp{margin-left: 65px!important;}.ml70-sp{margin-left: 70px!important;}.ml75-sp{margin-left: 75px!important;}.ml80-sp{margin-left: 80px!important;}.ml85-sp{margin-left: 85px!important;}.ml90-sp{margin-left: 90px!important;}.ml95-sp{margin-left: 95px!important;}.ml100-sp{margin-left: 100px!important;}
	/* padding */.p0-sp{padding:0!important;}.p5-sp{padding: 5px!important;}.p10-sp{padding: 10px!important;}.p15-sp{padding: 15px!important;}.p20-sp{padding: 20px!important;}.p25-sp{padding: 25px!important;}.p30-sp{padding: 30px!important;}.p35-sp{padding: 35px!important;}.p40-sp{padding: 40px!important;}.p45-sp{padding: 45px!important;}.p50-sp{padding: 50px!important;}.p55-sp{padding: 55px!important;}.p60-sp{padding: 60px!important;}.p65-sp{padding: 65px!important;}.p70-sp{padding: 70px!important;}.p75-sp{padding: 75px!important;}.p80-sp{padding: 80px!important;}.p85-sp{padding: 85px!important;}.p90-sp{padding: 90px!important;}.p95-sp{padding: 95px!important;}.p100-sp{padding: 100px!important;}/* padding-top */.pt0-sp{padding-top:0!important;}.pt5-sp{padding-top: 5px!important;}.pt10-sp{padding-top: 10px!important;}.pt15-sp{padding-top: 15px!important;}.pt20-sp{padding-top: 20px!important;}.pt25-sp{padding-top: 25px!important;}.pt30-sp{padding-top: 30px!important;}.pt35-sp{padding-top: 35px!important;}.pt40-sp{padding-top: 40px!important;}.pt45-sp{padding-top: 45px!important;}.pt50-sp{padding-top: 50px!important;}.pt55-sp{padding-top: 55px!important;}.pt60-sp{padding-top: 60px!important;}.pt65-sp{padding-top: 65px!important;}.pt70-sp{padding-top: 70px!important;}.pt75-sp{padding-top: 75px!important;}.pt80-sp{padding-top: 80px!important;}.pt85-sp{padding-top: 85px!important;}.pt90-sp{padding-top: 90px!important;}.pt95-sp{padding-top: 95px!important;}.pt100-sp{padding-top: 100px!important;}/* padding-right */.pr0-sp{padding-right:0!important;}.pr5-sp{padding-right: 5px!important;}.pr10-sp{padding-right: 10px!important;}.pr15-sp{padding-right: 15px!important;}.pr20-sp{padding-right: 20px!important;}.pr25-sp{padding-right: 25px!important;}.pr30-sp{padding-right: 30px!important;}.pr35-sp{padding-right: 35px!important;}.pr40-sp{padding-right: 40px!important;}.pr45-sp{padding-right: 45px!important;}.pr50-sp{padding-right: 50px!important;}.pr55-sp{padding-right: 55px!important;}.pr60-sp{padding-right: 60px!important;}.pr65-sp{padding-right: 65px!important;}.pr70-sp{padding-right: 70px!important;}.pr75-sp{padding-right: 75px!important;}.pr80-sp{padding-right: 80px!important;}.pr85-sp{padding-right: 85px!important;}.pr90-sp{padding-right: 90px!important;}.pr95-sp{padding-right: 95px!important;}.pr100-sp{padding-right: 100px!important;}/* padding-bottom */.pb0-sp{padding-bottom:0!important;}.pb5-sp{padding-bottom: 5px!important;}.pb10-sp{padding-bottom: 10px!important;}.pb15-sp{padding-bottom: 15px!important;}.pb20-sp{padding-bottom: 20px!important;}.pb25-sp{padding-bottom: 25px!important;}.pb30-sp{padding-bottom: 30px!important;}.pb35-sp{padding-bottom: 35px!important;}.pb40-sp{padding-bottom: 40px!important;}.pb45-sp{padding-bottom: 45px!important;}.pb50-sp{padding-bottom: 50px!important;}.pb55-sp{padding-bottom: 55px!important;}.pb60-sp{padding-bottom: 60px!important;}.pb65-sp{padding-bottom: 65px!important;}.pb70-sp{padding-bottom: 70px!important;}.pb75-sp{padding-bottom: 75px!important;}.pb80-sp{padding-bottom: 80px!important;}.pb85-sp{padding-bottom: 85px!important;}.pb90-sp{padding-bottom: 90px!important;}.pb95-sp{padding-bottom: 95px!important;}.pb100-sp{padding-bottom: 100px!important;}/* padding-left */.pl0-sp{padding-left:0!important;}.pl5-sp{padding-left: 5px!important;}.pl10-sp{padding-left: 10px!important;}.pl15-sp{padding-left: 15px!important;}.pl20-sp{padding-left: 20px!important;}.pl25-sp{padding-left: 25px!important;}.pl30-sp{padding-left: 30px!important;}.pl35-sp{padding-left: 35px!important;}.pl40-sp{padding-left: 40px!important;}.pl45-sp{padding-left: 45px!important;}.pl50-sp{padding-left: 50px!important;}.pl55-sp{padding-left: 55px!important;}.pl60-sp{padding-left: 60px!important;}.pl65-sp{padding-left: 65px!important;}.pl70-sp{padding-left: 70px!important;}.pl75-sp{padding-left: 75px!important;}.pl80-sp{padding-left: 80px!important;}.pl85-sp{padding-left: 85px!important;}.pl90-sp{padding-left: 90px!important;}.pl95-sp{padding-left: 95px!important;}.pl100-sp{padding-left: 100px!important;}
	.mlrauto-sp{margin-left: auto!important; margin-right: auto!important;}
}

/*2-2-3. Object-Oriented CSS [OOCSS]*/
.is-visiblePc{
	display: block!important;
}
.is-visibleSp{
	display: none!important;
}
@media only screen and (max-width: 991px){ /* SP */
	.is-visiblePc{
		display: none!important;
	}
	.is-visibleSp{
		display: block!important;
	}
}

/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}
.full-image{
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 991px){ /* SP */
	.fluid-image{
		width: 100%;
		height: auto;
	}
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .fluid-image{
		width: 100%;
	}
}

/* 2-2-4. Grid System [grid-***] */
.wrp-grid, .row{
	box-sizing: border-box;
}
.wrp-grid:after, .row:after{
	clear: both;
	content: " ";
	display: table;
}

.grid, .grid-1, .grid-2, .grid-2-5, .grid-3, .grid-3-10, .grid-4, .grid-5, .grid-6, .grid-7, .grid-7-10, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
	box-sizing: border-box;
	float: left;
}

/* 1. 12 Column Grid 0px - 991px
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 2.5:  20%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media only screen and (max-width: 991px){ /* SP */
	.wrp-grid{
		margin-left: -4px;
		margin-right: -4px;
	}
	.grid, .grid-1, .grid-2, .grid-2-5, .grid-3, .grid-3-10, .grid-4, .grid-5, .grid-6, .grid-7, .grid-7-10, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
	.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
		width: 100%;
		padding: 0 4px;
	}
	.grid-1--sp{
		width: 8.33333%;
	}
	.grid-2--sp{
		width: 16.66667%;
	}
	.grid-3--sp{
		width: 25%;
	}
	.grid-4--sp{
		width: 33.3333333%;
	}
	.grid-5--sp{
		width: 41.66667%;
	}
	.grid-6--sp{
		width: 50%;
	}
	.grid-7--sp{
		width: 58.33333%;
	}
	.grid-8--sp{
		width: 66.66667%;
	}
	.grid-9--sp{
		width: 75%;
	}
	.grid-10--sp{
		width: 83.33333%;
	}
	.grid-11--sp{
		width: 91.66667%;
	}
	.grid-12--sp{
		width: 100%;
	}
}
/* 2. 12 Column Grid 992px - Infinity
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 2.5:  20%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media (min-width: 992px), print{ /* PC */
	.wrp-grid{
		margin-left: -8px;
		margin-right: -8px;
	}
	.grid--tb, .grid-1--tb, .grid-2--tb, .grid-3--tb, .grid-4--tb, .grid-5--tb, .grid-6--tb, .grid-7--tb, .grid-8--tb, .grid-9--tb, .grid-10--tb, .grid-11--tb, .grid-12--tb,
	.grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
		padding: 0 8px;
	}
	.grid-1{
		width: 8.33333333333%;
	}
	.grid-2{
		width: 16.6666666667%;
	}
	.grid-3{
		width: 25%;
	}
	.grid-4{
		width: 33.3333333333%;
	}
	.grid-5{
		width: 41.6666666667%;
	}
	.grid-6{
		width: 50%;
	}
	.grid-7{
		width: 58.3333333333%;
	}
	.grid-8{
		width: 66.6666666667%;
	}
	.grid-9{
		width: 75%;
	}
	.grid-10{
		width: 83.3333333333%;
	}
	.grid-11{
		width: 91.6666666667%;
	}
	.grid-12{
		width: 100%;
	}
}

/* 2-2-5. WebFont [FontAwesome] */

/* 2-2-6. Visibility [visible-***] */
@media only screen and (max-width: 991px){ /* SP */
	.visible-sp{
		display: block !important;
	}
	.visible-pc{
		display: none !important;
	}
	.no-visible-sp{
		display: none !important;
	}
}
@media (min-width: 992px), print{ /* PC */
	.visible-sp{
		display: none !important;
	}
	.visible-pc{
		display: block !important;
	}
	.no-visible-pc{
		display: none !important;
	}
}

/* 2-5. Project
-------------------------------------------------- */
/* --- top --- */
/* main visual */
.mainvisual{
	position: relative;
}
.mainvisual-image{
	background: url(/nobel-prize/images/main-visual-bg01.png) no-repeat;
	background-position: right bottom;
	background-size: cover;
}
.mainvisual-image .wrp-container{
	padding: 115px 20px 95px;
	background-size: 1280px;
	background-position: center;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.mainvisual-image__title{
	padding: 40px 0 45px;
	animation: titleshow .5s linear .8s 1 normal;
	animation-fill-mode: forwards;
	position: relative;
	z-index: 10;
	opacity: 0;
}
.mainvisual-image__title:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: #282620;
}
.mainvisual-image__title:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 425px;
	height: 3px;
	background: #282620;
}
.mainvisual-image__title h1{
	color: #000;
	font-size: 95px;
	line-height: 1.13;
	font-family: 'EB Garamond', serif;
	letter-spacing: 0;
}
.mainvisual-image__title h1 small{
	font-family: 'EB Garamond', serif;
	color: #000;
	font-size: 43px;
}
.mainvisual-image__medal{
	position: absolute;
	animation: medalshow .5s linear .5s;
	animation-fill-mode: forwards;
	width: 100%;
	max-width: 540px;
	height: 510px;
	z-index: 1;
	right: 0;
	opacity: 0;
}
.mainvisual-image__medal__img{
	position: absolute;
	top: 0;
	left: 0;
}
.mainvisual-image__medal__txt{
	position: absolute;
	bottom: 0;
	left: -50px;
	animation: textrotate 6s linear .3s infinite normal;
}
.mainvisual-desc{
	padding: 30px 0;
	background: #282620;
}
.mainvisual-desc .wrp-container{
	position: relative;
}
.mainvisual-desc__main{
	color: #fff;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.06em;
}
.mainvisual-desc__scroll{
	position: absolute;
	top: -86px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	z-index: 300;
}
.mainvisual-desc__scroll p{
	font-size: 12px;
	position: relative;
	margin-bottom: 10px;
	font-family: 'EB Garamond', serif;
}
.mainvisual-desc__scroll span{
	display: block;
	width: 1px;
	height: 27px;
	overflow: hidden;
	position: relative;
}
.mainvisual-desc__scroll span:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 27px;
	background-color: #000;
	animation: scrollhover 1s linear infinite normal;
}
@media only screen and (max-width: 992px) and (min-width: 768px){
	.mainvisual-image__title h1{
		font-size: 70px;
	}
	.mainvisual-image__medal{
		max-width: 420px;
		height: 397px;
		bottom: 115px;
	}
	.mainvisual-image__medal__img{
		max-width: 100%;
	}
}
@media only screen and (max-width: 768px){ /* SP */
	.mainvisual-image{
		background: url(/nobel-prize/images/main-visual-bg01-sp.png) no-repeat;
		background-position: top center;
		background-size: cover;
	}
	.mainvisual-image .wrp-container{
		padding: 70px 20px 50px;
		height: 540px;
		background: url(/nobel-prize/images/img-document-bg02.png) repeat-y;
		background-size: cover;
		background-position: center;
		display: block;
	}
	.mainvisual-image__title{
		padding: 20px 0;
		float: left;
		z-index: 1;
	}
	.mainvisual-image__title:before{
		height: 7px;
	}
	.mainvisual-image__title:after{
		width: 210px;
		height: 3px;
	}
	.mainvisual-image__title h1{
		font-size: 45px;
	}
	.mainvisual-image__title h1 small{
		font-size: 21px;
	}
	.mainvisual-image__medal{
		float: right;
		max-width: 245px;
		width: 72%;
		margin: -30px -20px 0 0;
		height: 211px;
		position: relative;
		z-index: 10;
	}
	.mainvisual-image__medal__img{
		max-width: 210px;
		top: 0;
		left: auto;
		right: -30px;
	}
	.mainvisual-image__medal__txt{
		left: 0;
		bottom: 25px;
		transform: translateX(-50%);
		width: 110px;
	}
	.mainvisual-desc{
		padding: 25px 0;
	}
	.mainvisual-desc__main{
		font-size: 15px;
		line-height: 1.7;
		text-align: left;
	}
	.mainvisual-desc__scroll{
		left: 20px;
		top: -100px;
	}
	.mainvisual-desc__scroll p{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		/*text-orientation: mixed;*/
		font-size: 10px;
		line-height: 1.1;
	}
	.mainvisual-desc__scroll span{
		width: 1px;
		height: 30px;
	}
	.mainvisual-desc__scroll span:before{
		height: 30px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 570px){ /* SP */
	.mainvisual-image__medal{
		max-width: 320px;
	}
	.mainvisual-image__medal__img{
		max-width: 305px;
		margin-top: -70px;
	}
}
@media only screen and (max-width: 768px) and (min-width: 650px){ /* SP */
	.mainvisual-image__medal{
		margin-top: 70px;
	}
}
@media only screen and (max-width: 350px){
	.mainvisual-image__title h1{
		font-size: 40px;
	}
	.mainvisual-image__title h1 small{
		font-size: 18px;
	}
	.mainvisual-image__medal__txt{
		left: -40px;
	}
}

/* researcher */
.researcher{
	margin-top: 200px;
	position: relative;
	height: 910px;
}
.researcher--yoshino:before{
	content: '';
	position: absolute;
	background: url(/nobel-prize/images/img-researcher-bg01-yoshino.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	width: calc(800px + ((100vw - 1186px) / 2));
	height: 930px;
	top: -100px;
	left: 0;
	z-index: -1;
}
.researcher--akasaki:before{
	content: '';
	position: absolute;
	background: url(/nobel-prize/images/img-researcher-bg01-akasaki.jpg) no-repeat;
	background-position: right top;
	background-size: cover;
	width: calc(800px + ((100vw - 1194px) / 2));
	height: 920px;
	top: -90px;
	right: 0;
	z-index: -1;
}
.researcher .wrp-container{
	position: relative;
}
.researcher--yoshino .wrp-container:before{
	content: '';
	position: absolute;
	background: url(/nobel-prize/images/img-researcher-deco01-yoshino.png);
	top: 0;
	left: 0;
	-webkit-transform: translateX(35%);
	-ms-transform: translateX(35%);
	transform: translateX(35%);
	width: 58px;
	height: 453px;
}
.researcher--akasaki .wrp-container:before{
	content: '';
	position: absolute;
	background: url(/nobel-prize/images/img-researcher-deco01-akasaki.png);
	top: 0;
	right: 0;
	-webkit-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	transform: translateX(-20%);
	width: 133px;
	height: 507px;
}
.researcher__img{
	width: 1065px;
	height: 600px;
	z-index: 0;
}
.researcher--yoshino .researcher__img{
	float: right;
}
.researcher--akasaki .researcher__img{
	float: left;
}
.researcher--yoshino .researcher__img__main{
	margin-right: 0px;
	margin-left: auto;
}
.researcher__img__main{
	z-index: 1;
	position: relative;
	max-width: calc(100vw - 40px);
}
.researcher__img__label{
	position: absolute;
	top: 20px;
	left: -20px;
}
.researcher__img__label p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-55%, -65%);
	width: auto;
	min-width: 129px;
	text-align: left;
	font-size: 18px;
	font-family: 'EB Garamond', serif;
	color: #fff;
	line-height: 1.38;
	letter-spacing: 0;
}
.researcher--yoshino .researcher__img__label{
	background: url(/nobel-prize/images/img-researcher-label01-yoshino.png) no-repeat;
	background-size: cover;
	width: 208px;
	height: 115px;
}
.researcher--akasaki .researcher__img__label{
	background: url(/nobel-prize/images/img-researcher-label01-akasaki.png) no-repeat;
	background-size: cover;
	width: 188px;
	height: 115px;
}
.researcher__img__desc{
	display: block;
	margin-top: 30px;
	font-family: 'EB Garamond', serif;
	font-style: italic;
	font-size: 13px;
	letter-spacing: 0.04em;
	line-height: 1.69;
	color: #a9a9a9;
	max-width: 390px;
}
.researcher--yoshino .researcher__img__desc{
	margin-left: auto;
	max-width: 349px;
}
.researcher__main{
	position: relative;
	z-index: 10;
	background-color: #fff;
	box-shadow: 14.142px 14.142px 40px 0px rgba(41, 29, 23, 0.15);
	padding: 85px 110px 120px;
	box-sizing: border-box;
	width: 640px;
	margin-top: -100px;
	z-index: 10;
}
.researcher--yoshino .researcher__main{
	float: left;
}
.researcher--akasaki .researcher__main{
	float: right;
	padding: 75px 80px 120px;
}
.researcher--yoshino .researcher__main:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	top: -20px;
	right: -20px;
	border: 6px solid #ba9132;
}
.researcher--yoshino .researcher__main:after{
	content: '';
	position: absolute;
	z-index: -1;
	width: 259px;
	height: 232px;
	background: url(/nobel-prize/images/img-researcher-main01-yoshino.png) no-repeat;
	background-size: cover;
	top: 20px;
	right: 20px;
}
.researcher--akasaki .researcher__main:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	top: -20px;
	left: -20px;
	border: 6px solid #11437f;
}
.detail .researcher--akasaki .researcher__main:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	top: -20px;
	right: -20px;
	border: 6px solid #11437f;
}
.researcher--amano .researcher__main:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	top: -20px;
	left: -20px;
	border: 6px solid #11437f;
}
.researcher--akasaki .researcher__main:after{
	content: '';
	z-index: -1;
	position: absolute;
	width: 259px;
	height: 232px;
	background: url(/nobel-prize/images/img-researcher-main01-akasaki.png) no-repeat;
	background-size: cover;
	top: 20px;
	right: 20px;
}
.researcher__main__prof{
	display: inline-block;
	position: relative;
}
.researcher__main__prof + .researcher__main__prof{
	margin-left: 115px;
}
.researcher__main__prof + .researcher__main__prof:before{
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	background-color: #7b7b7b;
	top: 50%;
	left: -115px;
	transform: translateY(-50%) rotate(-60deg);
}
.researcher__main__name{
	font-size: 46px;
	letter-spacing: 0.01em;
}
.researcher__main__desc{
	font-size: 16px;
	letter-spacing: 0.06em;
	margin-top: 20px;
}
.researcher__main__btn{
	display: block;
	position: relative;
	width: 320px;
	height: 80px;
	margin-top: 45px;
	box-sizing: border-box;
	transition: .3s;
}
.researcher--yoshino .researcher__main__btn{
	background-color: #ba9132;
}
.researcher--akasaki .researcher__main__btn{
	background-color: #11437f;
}
.researcher__main__btn span{
	color: #fff;
	font-family: 'EB Garamond', serif;
	font-size: 15px;
	letter-spacing: 0.01em;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.researcher__main__btn img{
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	transition: .3s;
}
.researcher__main__btn:hover img{
	right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1319px){
	.researcher--yoshino:before{
		width: 66.4%;
	}
	.researcher--akasaki:before{
		width: 66.1%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1239px){
	.researcher--yoshino:before{
		width: 66.3%;
	}
	.researcher--akasaki:before{
		width: 66%;
	}
}
/*@media only screen and (min-width: 992px) and (max-width: 1249px){
	.researcher--yoshino:before{
		width: calc(20px + 64.2%);
	}
	.researcher--akasaki:before{
		width: calc(20px + 64.2%);
	}
}*/
@media only screen and (max-width: 991px){ /* SP */
	.researcher{
		margin-top: 120px;
		height: auto;
	}
	.researcher--yoshino:before{
		background: url(/nobel-prize/images/img-researcher-bg01-yoshino-sp.jpg) no-repeat;
		background-size: cover;
		width: calc(100% - 20px);
		height: 0;
		padding-top: 128%;
		top: -70px;
		left: 0;
	}
	.researcher--akasaki:before{
		background: url(/nobel-prize/images/img-researcher-bg01-akasaki-sp.jpg) no-repeat;
		background-size: cover;
		width: calc(100% - 20px);
		height: 0;
		padding-top: 140%;
		top: -70px;
		left: 0;
	}
	.researcher--yoshino .wrp-container:before{
		display: none;
	}
	.researcher--akasaki .wrp-container:before{
		display: none;
	}
	.researcher__img{
		width: calc(100% + 20px);
		height: auto;
		float: none;
		margin-right: -20px;
	}
	.researcher--yoshino .researcher__img,
	.researcher--akasaki .researcher__img,
	.researcher--amano .researcher__img{
		float: none;
	}
	.researcher__img__main{
		max-width: 100%;
	}
	.researcher__img__label{
		top: -25px;
		left: -10px;
		height: 48px;
	}
	.researcher--yoshino .researcher__img__label{
		background: url(/nobel-prize/images/img-researcher-label01-yoshino-sp.png) no-repeat;
		background-size: cover;
		width: 221px;
		height: 47px;
	}
	.researcher--akasaki .researcher__img__label{
		background: url(/nobel-prize/images/img-researcher-label01-akasaki-sp.png) no-repeat;
		background-size: cover;
		width: 251px;
		height: 47px;
	}
	.researcher__img__label p{
		font-size: 12px;
		transform: translate(-41%, -80%);
		min-width: initial;
		min-width: none;
		width: 100%;

	}
	.researcher__img__desc{
		display: none;
	}
	.researcher__main{
		padding: 30px 0 50px 30px;
		margin-left: -20px;
		width: 325px;
		max-width: 100%;
		margin-top: -30px;
		float: none;
	}
	.researcher--yoshino .researcher__main,
	.researcher--akasaki .researcher__main{
		float: none;
	}
	.researcher--akasaki .researcher__main{
		padding: 30px 0 50px 30px;
	}
	.detail .researcher--amano .researcher__main{
		margin-right: -20px;
		margin-left: auto;
	}
	.detail .researcher--amano .researcher__main:before{
		border-width: 4px;
		top: -5px;
		left: auto;
		left: -5px;
	}
	.detail .researcher--akasaki .researcher__main:before{
		border-width: 4px;
		top: -5px;
		left: auto;
		right: -5px;
	}
	.researcher--yoshino .researcher__main:before,
	.researcher--akasaki .researcher__main:before{
		border-width: 4px;
		top: -5px;
		left: auto;
		right: -5px;
	}
	.researcher--yoshino .researcher__main:after{
		top: 15px;
		right: 4px;
		width: 130px;
		height: 116px;
	}
	.researcher--akasaki .researcher__main:after{
		top: 15px;
		right: 4px;
		width: 130px;
		height: 116px;
	}
	.researcher__main__prof{
		display: block;
	}
	.researcher__main__prof + .researcher__main__prof{
		margin-left: 0;
		margin-top: 30px;
	}
	.researcher__main__prof + .researcher__main__prof:before{
		display: none;
	}
	.researcher__main__name{
		font-size: 28px;
	}
	.researcher__main__desc{
		font-size: 13px;
		letter-spacing: 0.06em;
		margin-top: 15px;
	}
	.researcher__main__btn{
		width: 230px;
		height: 50px;
		margin-top: 28px;
		box-sizing: border-box;
	}
	.researcher__main__btn span{
		font-size: 13px;
	}
	.researcher__main__btn img{
		top: 50%;
		right: 10px;
		-webkit-transform: translateY(-50%) scale(0.5);
		-ms-transform: translateY(-50%) scale(0.5);
		transform: translateY(-50%) scale(0.5);
		width: 20px;
	}
}
@media only screen and (min-width: 440px) and (max-width: 991px){ /* SP */
	.researcher--yoshino:before{
		padding-top: 100%;
	}
	.researcher--akasaki:before{
		padding-top: 100%;
	}
}


/* news */
.news{
	margin-top: 150px;
	position: relative;
	z-index: 10;
}
.news__inner{
	background-color: #fcfbfb;
	padding: 90px 100px;
}
.news__title{
 	padding-bottom: 25px;
 	border-bottom: 3px solid #000;
 	display: flex;
 	justify-content: flex-start;
 	align-items: baseline;
 	position: relative;
 }
.news__title:before{
	content: '';
	position: absolute;
	width: 460px;
	height: 7px;
	left: 0;
	bottom: 0;
	background: #000;
}
.news__title--en{
	font-family: 'EB Garamond', serif;
	font-size: 52px;
	letter-spacing: 0.01em;
	color: #1b1b1b;
	display: block;
	margin-right: 60px;
}
.news__title--jp{
	display: block;
	color: #1b1b1b;
	margin-right: auto;
	font-size: 15px;
	letter-spacing: 0.01em;
}
.news__title__link{
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s;
}
.news__title__link span{
	display: block;
	color: #1b1b1b;
	margin-right: 15px;
	font-size: 15px;
	letter-spacing: 0.01em;
	position: relative;
	overflow-x: hidden;
}
.news__title__link span:before{
	content: '';
	position: absolute;
	transition: .3s;
	width: 100%;
	height: 1px;
	background: #1b1b1b;
	bottom: 0;
	left: -100%;
}
.news__title__link:hover span:before{
	left: 0;
}
.news__title__link img{
	width: 31px;
}
.news__item{
	border-bottom: 1px solid #1b1b1b;
}
.news__item a{
	padding: 45px 15px 45px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news__item img{
	width: 34px;
	position: relative;
	transition: .3s;
	right: 0;
}
.news__item a:hover{
	opacity: 1;
}
.news__item a:hover img{
	right: -15px;
}
.news__item__txt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: auto;
}
.news__item__date{
	display: block;
	color: #1b1b1b;
	margin-right: 75px;
	font-size: 15px;
	letter-spacing: 0.01em;
	transition: .3s;
}
.news__item__title{
	display: block;
	color: #1b1b1b;
	font-size: 15px;
	letter-spacing: 0.01em;
	transition: .3s;
}
.news__item a:hover .news__item__date,
.news__item a:hover .news__item__title{
	color: #BA9132;
}
@media only screen and (max-width: 991px){ /* SP */
	.news{
		background-color: #fcfbfb;
		margin-top: 65px;
		padding: 50px 0;
	}
	.news__inner{
		padding: 0;
		background: transparent;
	}
	.news__title{
		padding-bottom: 15px;
		border-width: 2px;
	}
	.news__title:before{
		width: 290px;
		height: 5px;
	}
	.news__title--en{
		font-size: 32px;
		margin-right: 35px;
	}
	.news__title--jp{
		font-size: 12px;
	}
	.news__title__link{
		display: none;
	}
	.news__item a{
		padding: 30px 0;
	}
	.news__item a:hover img{
		right: 0;
	}
	.news__item__txt{
		margin-right: 20px;
		flex-wrap: wrap;
	}
	.news__item__date,
	.news__item__title{
		width: 100%;
	}
	.news__item__date{
		font-size: 15px;
	}
	.news__item__title{
		margin-top: 20px;
		font-size: 15px;
	}
	.news__item img{
		width: 25px;
		height: auto;
	}
	.news__btn{
		display: block;
		background: #000000;
		color: #fff;
		text-align: center;
		padding: 15px 0;
		margin-top: 25px;
		font-size: 15px;
	}
}

/* --- detail --- */


/* --- news --- */
.news-index .l-document:before{
	display: none;
}
.news-index .title-block{
	margin-top: 195px;
}
.news-index .title-block .wrp-container{
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}
.news-index .title-block h1{
	font-size: 52px;
	letter-spacing: 0.01em;
	margin-right: 40px;
	color: #1b1b1b;
	font-family: 'EB Garamond', serif;
}
.news-index .title-block p{
	font-size: 15px;
	letter-spacing: 0.01em;
	color: #1b1b1b;
}
.breadcrumb{
	background-color: #1b1b1b;
	margin-top: 60px;
	padding: 25px 0;
}
.breadcrumb__lst{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.breadcrumb__lst li{
	color: #fff;
	position: relative;
	font-size: 13px;
}
.breadcrumb__lst li:nth-of-type(n+2){
	margin-left: 55px;
}
.breadcrumb__lst li:nth-of-type(n+2):before{
	content: '>';
	position: absolute;
	font-size: 13px;
	top: 50%;
	transform: translateY(-50%);
	left: -30px;
	color: #fff;
}
.breadcrumb__lst li a{
	color: #fff;
	font-size: 13px;
	text-decoration: underline;
}
.news-index .news{
	margin-top: 25px;
	padding-bottom: 60px;
}
.news-index .news__inner{
	background: transparent;
}
.news-index .news__list{
	border-top: 4px solid #ba9132;
}
.news-index .pagination{
	margin-top: 70px;
}
.news-index .pagination ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.news-index .pagination ul li{
	margin-right: 20px;
	border: 1px solid #e4e4e4;
	width: 46px;
	height: 46px;
	position: relative;
}
.news-index .pagination ul li:first-child{
	margin-left: 0;
}
.news-index .pagination ul li:last-child{
	margin-right: 0;
}
.news-index .pagination ul li a,
.news-index .pagination ul li span{
	font-size: 20px;
	color: #1b1b1b;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;

}
.news-index .pagination ul li.current span{
	color: #fff;
}
.news-index .pagination ul li.prev{
	margin-right: 40px;
	border: none;
}
.news-index .pagination ul li.next{
	margin-left: 40px;
	border: none;
}
.news-index .pagination ul li.current{
	background-color: #1b1b1b;
	border: 1px solid #1b1b1b;
}
.news-detail{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.news-detail .m-box_title{
	height: 290px;
}
.news-detail .m-box_title_hdg{
	color: #fff;
}
.news-detail .m-box_title_hdg:before{
	background: #fff;
}
.news-detail .m-box_title .m-box_title_bg{
	background-image: url(/nobel-prize/images/news-mainimg01.png)!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.news-detail .m-hdg_lv2{
	color: #BA9132;
	border-color: #BA9132;
}
@media only screen and (max-width: 991px){ /* SP */
	.news-index .title-block{
		margin-top: 60px;
	}
	.news-index .title-block h1{
		font-size: 28px;
	}
	.news-index .title-block p{
		font-size: 12px;
	}
	.breadcrumb{
		margin-top: 40px;
	}
	.breadcrumb__lst li{
		font-size: 12px;
	}
	.news-index .news{
		padding-top: 15px;
		background: transparent;
	}
	.news-index .pagination{
		margin-top: 40px;
	}
	.news-index .pagination ul li{
		width: 32px;
		height: 32px;
	}
	.news-index .pagination ul li a,
	.news-index .pagination ul li span{
		font-size: 14px;
	}
	.news-index .pagination ul li.prev{
		margin-right: 25px;
	}
	.news-index .pagination ul li.next{
		margin-left: 5px;
	}
	.news-detail .l-main{
		padding-top: 0;
	}
	.news-detail .m-box_title .m-box_title_bg{
		background-position: right center!important;
	}
	.news-detail .m-box_title{
		height: 113px;
	}
}

/* detail */
.detail .mainvisual{
	padding-top: 80px;
	background: none;
}
.detail .mainvisual:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 26%;
	box-sizing: border-box;
}
.detail--yoshino .mainvisual:before{
	background-color: #ba9132;
}
.detail--akasaki .mainvisual:before{
	background-color: #1b5191;
}
.mainvisual-inner{
	width: calc(100% - 180px);
	margin: 0 90px;
}
.mainvisual-image{
	position: relative;
	z-index: 1;
	font-size: 0;
}
.detail .mainvisual-image{
	max-width: 1510px;
	margin: 0 auto;
}
.detail .mainvisual-image img{
	margin: 0 auto;
}
.detail--yoshino .mainvisual-image:before{
	content: '';
	position: absolute;
	bottom: -90px;
	right: 55px;
	width: 171px;
	height: 167px;
	background: url(/nobel-prize/images/detail-mvdeco01-yoshino.png) no-repeat;
	z-index: 1;
	animation: textrotate 6s linear infinite normal;
}
.detail--akasaki .mainvisual-image:before{
	content: '';
	position: absolute;
	bottom: -87px;
	right: 55px;
	width: 179px;
	height: 170px;
	background: url(/nobel-prize/images/detail-mvdeco01-akasaki.png) no-repeat;
	z-index: 1;
	animation: textrotate 6s linear infinite normal;
}
.mainvisual-title{
	padding: 50px 0;
	border-top: 10px solid #282620;
	border-bottom: 3px solid #282620;
	margin: -70px auto 0;
	font-size: 0;
	position: relative;
	z-index: 10;
	width: 675px;
	background: #fff;
	box-sizing: border-box;
}
.mainvisual-title h1{
	text-align: center;
	font-size: 72px;
	letter-spacing: 0.025em;
	color: #282620;
	font-family: 'EB Garamond', serif;
}
.mainvisual-title h1 small{
	display: block;
	text-align: center;
	font-size: 62px;
	letter-spacing: 0.03em;
}
.detail .researcher--yoshino,
.detail .researcher--akasaki{
	margin-top: 240px;
}
.detail .researcher{
	height: auto;
	clear: both;
}
.detail .researcher--yoshino:before{
	content: '';
	position: absolute;
	width: 100%;
	padding-top: 30%;
	top: -120px;
	left: 0;
	background: url(/nobel-prize/images/detail-researcherbg01-yoshino.jpg) no-repeat;
	background-size: cover;
	height: auto;
}
.detail .researcher--yoshino:after{
	content: '';
	position: absolute;
	width: 323px;
	height: 288px;
	top: -290px;
	left: 120px;
	background: url(/nobel-prize/images/detail-researcherdeco01-yoshino.png) no-repeat;
	background-size: cover;
}
.detail .researcher--akasaki:before{
	content: '';
	position: absolute;
	width: 100%;
	padding-top: 71%;
	top: -120px;
	left: 0;
	background: url(/nobel-prize/images/detail-researcherbg01-akasaki.jpg) no-repeat;
	background-size: cover;
	height: auto;
}
.detail .researcher--akasaki:after{
	content: '';
	position: absolute;
	width: 323px;
	height: 288px;
	top: -290px;
	left: 120px;
	background: url(/nobel-prize/images/detail-researcherdeco01-akasaki.png) no-repeat;
	background-size: cover;
}
.detail .researcher--yoshino .wrp-container:before,
.detail .researcher--akasaki .wrp-container:before{
	display: none;
}
.detail .researcher--yoshino .researcher__img,
.detail .researcher--akasaki .researcher__img{
	float: right;
}
.detail .researcher--yoshino .researcher__main,
.detail .researcher--akasaki .researcher__main{
	float: left;
}
.detail .researcher--amano .researcher__img{
	float: left;
}
.detail .researcher--amano .researcher__main{
	float: right;
}
.detail .researcher__img{
	width: 650px;
	height: 610px;
}
.detail .researcher--yoshino .researcher__main{
	margin-top: -580px;
}
.detail .researcher--akasaki .researcher__main{
	margin-top: -550px;
}
.detail .researcher--amano .researcher__main{
	margin-top: -565px;
}
.detail .researcher--yoshino .researcher__main,
.detail .researcher--akasaki .researcher__main,
.detail .researcher--amano .researcher__main{
	padding-top: 60px;
	padding-bottom: 90px;
	clear: both;
}
.detail .researcher--yoshino .researcher__main:after,
.detail .researcher--akasaki .researcher__main:after,
.detail .researcher--amano .researcher__main:after{
	background: none;
}
.detail .researcher__main__prof{
	display: block;
	text-align: center;
}
.detail .researcher__main__name {
	text-align: center;
	font-size: 38px;
}
.detail .researcher__main__desc{
	margin-top: 5px;
}
.researcher__main__txt{
	margin-top: 30px;
}
.product{
	margin-top: 140px;
	clear: both;
}
.product__title{
	width: 100%;
	padding-top: 31%;
	position: relative;
}
.detail--yoshino .product__title{
	background: url(/nobel-prize/images/detail-productbg01-yoshino.jpg) no-repeat;
	background-size: cover;
}
.detail--akasaki .product__title{
	background: url(/nobel-prize/images/detail-productbg01-akasaki.jpg) no-repeat;
	background-size: cover;
}
.product__title .wrp-container{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}
.product__title__inner{
	position: absolute;
	left: 20px;
	top: 15%;
}
.product__title__inner h2{
	font-family: 'EB Garamond', serif;
	font-size: 68px;
	letter-spacing: 0.04em;
	line-height: 1.1;
}
.product__title__inner p{
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-top: 20px;
}
.detail--yoshino .product__title__inner h2,
.detail--yoshino .product__title__inner p{
	color: #000;
}
.detail--akasaki .product__title__inner h2,
.detail--akasaki .product__title__inner p{
	color: #fff;
}
.product__main__inner{
	max-width: 1060px;
	margin: -80px auto 0;
	padding: 120px 110px 110px;
	box-sizing: border-box;
	position: relative;
	background: #fff;
	box-shadow: 14.142px 14.142px 40px 0px rgba(41, 29, 23, 0.15);
}
.detail--yoshino .product__main__inner{
	border-top: 18px solid #ba9132;
}
.detail--akasaki .product__main__inner{
	border-top: 18px solid #11437f;
}
.product__main__reason,
.product__main__summary{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product__main__reason__title{
	padding: 40px 45px;
	background-color: #282620;
	margin-right: 70px;
}
.product__main__reason__title h3{
	position: relative;
	font-family: 'EB Garamond', serif;
	font-size: 40px;
	letter-spacing: 0.05em;
	line-height: 1.313;
	color: #fff;
	width: 207px;
	padding: 20px 0 15px;
}
.product__main__reason__title h3:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 7px;
	background-color: #fff;
	top: 0;
	left: 0;
}
.product__main__reason__title h3:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #fff;
	bottom: 0;
	left: 0;
}
.product__main__reason__title h3 small{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif,"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 11px;
	letter-spacing: 0.01em;
	color: #fff;
	display: inline-block;
	line-height: 47px;
	vertical-align: text-bottom;
}
.product__main__reason__main{
	position: relative;
}
.detail--yoshino .product__main__reason__main:before{
	content: '';
	position: absolute;
	top: 50%;
	right: -10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 240px;
	height: 229px;
	background: url(/nobel-prize/images/detail-productdeco01-yoshino.jpg) no-repeat;
	background-size: cover;
	z-index: 1;
}
.detail--akasaki .product__main__reason__main:before{
	content: '';
	position: absolute;
	top: 50%;
	right: -10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 239px;
	height: 268px;
	background: url(/nobel-prize/images/detail-productdeco01-akasaki.jpg) no-repeat;
	background-size: cover;
	z-index: 1;
}
.product__main__reason__main h4,
.product__main__reason__main p{
	position: relative;
	z-index: 5;
}
.product__main__reason__main h4{
	font-size: 36px;
	color: #282620;
	letter-spacing: 0.05em;
}
.product__main__reason__main p{
	margin-top: 30px;
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 2;
}
.product__main__summary{
	margin-top: 80px;
	padding-top: 80px;
	border-top: 1px solid #282620;
}
.product__main__summary .product__main__summary__title{
	order: 2;
}
.product__main__summary .product__main__summary__main{
	order: 1;
}
.product__main__summary__main h4,
.product__main__summary__main p{
	position: relative;
	z-index: 5;
}
.product__main__summary__title{
	padding: 40px 60px;
	background-color: #282620;
}
.product__main__summary__title h3{
	position: relative;
	font-family: 'EB Garamond', serif;
	font-size: 40px;
	letter-spacing: 0.05em;
	line-height: 1.313;
	color: #fff;
	padding: 20px 0 15px;
}
.product__main__summary__title h3:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 7px;
	background-color: #fff;
	top: 0;
	left: 0;
}
.product__main__summary__title h3:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #fff;
	bottom: 0;
	left: 0;
}
.product__main__summary__title h3 small{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif,"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 11px;
	letter-spacing: 0.01em;
	color: #fff;
	display: block;
	line-height: 30px;
}
.product__main__summary__main{
	margin-right: 70px;
	position: relative;
}
.detail--yoshino .product__main__summary__main:before{
	content: '';
	position: absolute;
	top: 50%;
	left: -15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 274px;
	height: 276px;
	background: url(/nobel-prize/images/detail-productdeco02-yoshino.jpg) no-repeat;
	background-size: cover;
	z-index: 1;
}
.detail--akasaki .product__main__summary__main:before{
	content: '';
	position: absolute;
	top: 50%;
	left: -10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 274px;
	height: 276px;
	background: url(/nobel-prize/images/detail-productdeco02-akasaki.jpg) no-repeat;
	background-size: cover;
	z-index: 1;
}
.product__main__reason__main p{
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 2;
}
.bnr{
	margin-top: 120px;
	position: relative;
}
.bnr:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fcfbfb;
	bottom: -160px;
	z-index: -1;
}
.bnr__inner{
	display: block;
	box-shadow: 7.071px 7.071px 20px 0px rgba(41, 29, 23, 0.2);
}
.bnr__inner img{
	margin: 0 auto;
}	
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.detail .researcher--akasaki:before{
		padding-top: 100%;
	}
	.detail .researcher__main{
		width: 490px;
		padding: 50px 60px 100px;
	}
	.detail .researcher--akasaki .researcher__main:before{
		left: -5px;
		top: -5px;
	}
	.detail .researcher--yoshino .researcher__main:before,
	.detail .researcher--amano .researcher__main:before{
		left: auto;
		right: -5px;
		top: -5px;
	}
	.product__title{
		padding-top: 42%;
	}
	.detail--yoshino .product__title{
		background-position: center;
	}
	.detail--akasaki .product__title{
		background-position: center;
	}
}
@media only screen and (max-width: 991px){ /* SP */
	.detail .mainvisual{
		padding-top: 40px;
	}
	.detail .mainvisual:before{
		padding-top: 54%;
	}
	.mainvisual-inner{
		width: calc(100% - 20px);
		margin: 0 10px;
	}
	.mainvisual-image:before{
		display: none;
	}
	.mainvisual-title{
		padding: 25px 0;
		border-top: 8px solid #282620;
		border-bottom: 2px solid #282620;
		margin: -35px 20px 0;
		width: calc(100% - 40px);
	}
	.mainvisual-title h1{
		font-size: 35px;
		letter-spacing: 0;
	}
	.mainvisual-title h1 small{
		font-size: 30px;
		letter-spacing: 0.03em;
	}
	.detail .researcher--yoshino,
	.detail .researcher--akasaki{
		margin-top: 130px;
	}
	.detail .researcher--amano{
		margin-top: 50px;
	}
	.detail .researcher--yoshino:before{
		padding-top: 150%;
		background: url(/nobel-prize/images/detail-researcherbg01-yoshino-sp.jpg) no-repeat;
		top: -50px;
	}
	.detail .researcher--akasaki:before{
		padding-top: 310%;
		background: url(/nobel-prize/images/detail-researcherbg01-akasaki-sp.jpg) no-repeat;
		top: -50px;
	}
	.detail .researcher--yoshino:after{
		width: 144px;
		height: 128px;
		left: 20px;
		top: -108px;
	}
	.detail .researcher--akasaki:after{
		width: 144px;
		height: 128px;
		left: 20px;
		top: -108px;
	}
	.detail .researcher__img{
		width: calc(100% + 20px);
		height: auto;
		float: none;
		margin-right: -20px;
	}
	.detail .researcher--amano .researcher__img{
		margin-left: -20px;
		margin-right: auto;
	}
	.detail .researcher--yoshino .researcher__img,
	.detail .researcher--akasaki .researcher__img,
	.detail .researcher--amano .researcher__img{
		float: none;
	}
	.detail .researcher__img__main{
		max-width: 100%;
	}
	.detail .researcher--yoshino .researcher__main{
		margin-top: -35px;
	}
	.detail .researcher--akasaki .researcher__main{
		margin-top: -35px;
	}
	.detail .researcher--amano .researcher__main{
		margin-top: -35px;
	}
	.detail .researcher__main__prof{
		text-align: left;
	}
	.detail .researcher__main__name{
		text-align: left;
		font-size: 28px;
	}
	.detail .researcher__main__desc{
		font-size: 14px;
	}
	.detail .researcher--yoshino .researcher__main,
	.detail .researcher--akasaki .researcher__main,
	.detail .researcher--amano .researcher__main{
		padding: 35px 20px 50px;
		float: none;
	}
	.researcher__main__txt{
		font-size: 15px;
		margin-top: 25px;
	}
	.product{
		margin-top: 70px;
	}
	.product__title{
		padding-top: 88%;
	}
	.detail--yoshino .product__title {
		background: url(/nobel-prize/images/detail-productbg01-yoshino-sp.jpg) no-repeat;
		background-size: cover;
	}
	.detail--akasaki .product__title {
		background: url(/nobel-prize/images/detail-productbg01-akasaki-sp.jpg) no-repeat;
		background-size: cover;
	}
	.product__title__inner{
		top: 10%;
	}
	.product__title__inner h2{
		font-size: 34px;
	}
	.product__title__inner p{
		margin-top: 15px;
		font-size: 15px;
	}
	.product__main__inner{
		margin-top: -25px;
		padding: 35px 20px 40px;
	}
	.detail--yoshino .product__main__inner{
	border-top: 10px solid #ba9132;
	}
	.detail--akasaki .product__main__inner{
		border-top: 10px solid #11437f;
	}
	.product__main__reason,
	.product__main__summary{
		flex-direction: column;
	}
	.product__main__reason__title{
		margin: 0;
		padding: 15px 35px;
		width: 100%;
		box-sizing: border-box;
	}
	.product__main__reason__title h3{
		text-align: center;
		font-size: 24px;
		padding: 13px 0;
		width: 100%;
	}
	.product__main__reason__title h3:before,
	.product__main__summary__title h3:before{
		height: 5px;
	}
	.product__main__reason__title h3:after,
	.product__main__summamry__title h3:after{
		height: 2px;
	}
	.product__main__reason__title h3 small{
		display: block;
		margin-top: 10px;
		text-align: center;
		line-height: 1;
		font-size: 12px;
	}
	.product__main__reason__main{
		margin-top: 25px;
	}
	.detail--yoshino .product__main__reason__main:before{
		width: 124px;
		height: 118px;
		bottom: -35px;
		top: auto;
		transform: none;
	}
	.detail--akasaki .product__main__reason__main:before{
		width: 120px;
		height: 134px;
		bottom: -35px;
		top: auto;
		transform: none;
	}
	.product__main__reason__main h4{
		font-size: 27px;
		line-height: 1.44;
	}
	.product__main__reason__main p{
		margin-top: 20px;
		font-size: 15px;
	}
	.product__main__summary{
		padding: 0;
		border: none;
		margin-top: 70px;
	}
	.product__main__summary .product__main__summary__title{
		order: 1;
		padding: 15px 30px 20px;
		width: 100%;
		box-sizing: border-box;
	}
	.product__main__summary__title h3{
		text-align: center;
		font-size: 24px;
		letter-spacing: 0.01em;
		padding: 15px 0;
	}
	.product__main__summary__title h3 small{
		text-align: center;
		line-height: 1;
		font-size: 12px;
		margin-top: 15px;
	}
	.product__main__summary__main{
		margin: 25px 0 0;
	}
	.detail--yoshino .product__main__summary__main:before{
		width: 132px;
		height: 133px;
		top: auto;
		transform: none;
		bottom: -10px;
		right: 0;
		left: auto;
	}
	.detail--akasaki .product__main__summary__main:before{
		width: 132px;
		height: 133px;
		top: auto;
		transform: none;
		bottom: -10px;
		right: 0;
		left: auto;
	}
	.product__main__summary__main p{
		font-size: 15px;
	}
	.bnr{
		margin-top: 65px;
	}
	.bnr:before{
		height: 85%;
		bottom: -70px;
	}
}

/*--- js fadeIn ---*/
.js-fadein-elm{
	position: relative;
	bottom: -30px;
	opacity: 0;
}
.detail .mainvisual-title.js-fadein-elm{
	bottom: -50px;
}
.js-fadein.is-appear .js-fadein-elm.delay{
	animation: elmfadein .3s linear .3s 1 normal;
	animation-fill-mode: forwards;
}
.detail .js-fadein.is-appear .mainvisual-title.js-fadein-elm{
	animation: elmfadein .5s ease-out 1 normal;
	animation-fill-mode: forwards;
}
.detail .js-fadein.is-appear .product__main__inner.js-fadein-elm{
	animation: elmfadein .3s ease-out 1 normal;
	animation-fill-mode: forwards;
}
.js-fadein.is-appear .js-fadein-elm{
	animation: elmfadein .3s linear 1 normal;
	animation-fill-mode: forwards;
}

/*--- keyframe ---*/
@keyframes navshow {
	0%{
		right: -100%;
		opacity: 0;
	}
	1%{
		right: 0;
		opacity: 0;
	}
	100%{
		right: 0;
		opacity: 1;
	}
}
@keyframes navhide {
	0%{
		right: 0;
		opacity: 1;
	}
	99%{
		right: 0;
		opacity: 0;
	}
	100%{
		right: -100%;
		opacity: 0;
	}
}
@keyframes titleshow {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes medalshow {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes textrotate {
	0%{
		transform: rotate(0deg);
	}
	25%{
		transform: rotate(-90deg);
	}
	50%{
		transform: rotate(-180deg);
	}
	75%{
		transform: rotate(-270deg);
	}
	100%{
		transform: rotate(-360deg);
	}
}
@keyframes scrollhover {
	0%{
		top: 0;
		height: 0;
	}
	50%{
		top: 0;
		height: 27px;
	}
	100%{
		top: 100%;
		height: 27px;
	}
}
@keyframes elmfadein {
	0%{
		opacity: 0;
		bottom: -30px;
	}
	100%{
		opacity: 1;
		bottom: 0;
	}
}