/* Tools */
/*
  technology
--------------------------------------------- */
.technology {
	background:url('../../img/science/bg_science_01.png') 0 0 no-repeat;
	padding:70px 32px 0;
	margin-bottom:30px;
}
.technology__heading {
	font-size:4.8rem;
	margin-bottom:16px;
}
.technology__sub {
	font-size:2.4rem;
	font-family:'Yrsa', serif;
	margin-bottom:60px;
}
.technology__lead {
	margin-left:248px;
	padding-bottom:130px;
}

@media screen and (max-width: 767px) {
	.technology {
		background:url('../../img/science/bg_science_01_sp.png') 0 0 no-repeat;
		padding:calc(145 / 750 * 100vw) calc(32 / 750 * 100vw) 0;
		margin-bottom:0;
	}
	.technology__heading {
		font-size:4.8rem;
		line-height:1.4;
		margin-bottom:calc(65 / 750 * 100vw);
	}
	.technology__sub {
		font-size:2.4rem;
		line-height:1.5;
		margin-bottom:calc(125 / 750 * 100vw);
	}
	.technology__lead {
		margin-left:calc(80 / 750 * 100vw);
		margin-right:calc(80 / 750 * 100vw);
		padding-bottom:calc(140 / 750 * 100vw);
	}
}

/*
  reason
--------------------------------------------- */
.reason {
	background:url('../../img/science/bg_science_02.png') 0 0 no-repeat;
	background-color:#f7f7f7;
	overflow:hidden;
}
.reason--nobg {
	background:none;
}
.reason__ttl {
	font-size:3.2rem;
	padding:0 0 26px 248px;
	line-height:1.5;
}
.reason__lead {
	padding:0 0 110px 248px;
}

.reason-horizontal {
	width:990px;
	margin:0 auto 120px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.reason-horizontal__text {
	width:457px;
}
.reason-horizontal__lead {
	font-size:2rem;
}
.reason-horizontal__figure {
	width:490px;
	padding:60px 0 0 0;
}
.reason-horizontal__figure .caption {
	font-size:1.2rem;
	margin-top:10px;
}
.reason-horizontal__figure .caption--center {
	text-align:center;
}

.quater-block {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:80px;
}
.quater-block__item {
	width:240px;
}

@media screen and (max-width: 767px) {
	.reason {
		background:none;
		background-color:#f7f7f7;
		overflow:hidden;
	}
	.reason--nobg {
		background:none;
	}
	.reason__ttl {
		font-size:3.2rem;
		padding:0 calc(80 / 750 * 100vw) calc(60 / 750 * 100vw) calc(80 / 750 * 100vw);
		line-height:1.5;
	}
	.reason__lead {
		padding:0 calc(80 / 750 * 100vw) calc(138 / 750 * 100vw) calc(80 / 750 * 100vw);
	}
	.reason-horizontal {
		width:calc(652 / 750 * 100vw);
		margin:0 auto calc(120 / 750 * 100vw);
		display:block;
	}
	.reason-horizontal__text {
		width:100%;
	}
	.reason-horizontal__lead {
		width:calc(558 / 750 * 100vw);
		margin:0 auto calc(110 / 750 * 100vw);
	}
	.reason-horizontal__paragraph {
		width:calc(558 / 750 * 100vw);
		margin:0 auto;
	}
	.reason-horizontal__figure {
		width:100%;
		padding:calc(50 / 750 * 100vw) 0 0 0;
	}
	.reason-horizontal__figure .caption {
		font-size:1.2rem;
		margin-top:10px;
		text-align:left;
		width:100%;
	}
	.reason-horizontal__figure .caption--center {
		text-align:center;
	}
	.quater-block {
		display:block;
		margin-bottom:calc(52 / 750 * 100vw);
	}
	.quater-block__item {
		width:100%;
	}
}

/*
  seramido
--------------------------------------------- */
.seramido {
	background:url('../../img/science/bg_science_03.png') 0 0 no-repeat;
	color:#fff;
	padding:70px 66px 120px;
	margin-bottom:30px;
}
.seramido .heading3-base:after {
	color:#c00;
	border-bottom:1px solid #4f4f4f;
}
.seramido .heading-sub {
	color:#999;
}
.seramido__main-paragraph {
	padding-left:214px;
	margin-bottom:30px;
}
.seramido .feature-image {
	margin-bottom:40px;
}

.seramido__problem {
	margin-left:214px;
}
.seramido__problem-shoulder {
	color:#999;
	font-size:1.4rem;
	margin-bottom:15px;
}
.seramido__problem-shoulder:before {
	width:1px;
	height:35px;
	background-color:#fff;
	content:'';
	display:block;
	margin:0 0 20px 270px;
}
.seramido__problem-ttl {
	font-size:3.2rem;
	line-height:1.5;
	margin-bottom:20px;
}
.seramido__problem-ttl--gutter-narrow {
	margin-bottom:20px;
}
.seramido__problem-figure {
	width:589px;
	margin:0 auto;
	margin-top:60px;
}

@media screen and (max-width: 767px) {
	.seramido {
		background:none;
		background-color:#0e1215;
		padding:calc(115 / 750 * 100vw) calc(32 / 750 * 100vw) calc(100 / 750 * 100vw);
		margin-bottom:20px;
	}
	.seramido .heading3-base:after {
		color:#c00;
		border-bottom:1px solid #4f4f4f;
	}
	.seramido .heading-sub {
		color:#999;
	}
	.seramido__main-paragraph {
		padding-left:0;
		width:calc(558 / 750 * 100vw);
		margin:0 auto calc(50 / 750 * 100vw);
	}
	.seramido__problem {
		margin:0 auto calc(100 / 750 * 100vw);
		width:calc(558 / 750 * 100vw);
	}
	.seramido__problem-shoulder {
		font-size:1.6rem;
		margin-bottom:calc(20 / 750 * 100vw);
	}
	.seramido__problem-shoulder:before {
		width:1px;
		height:calc(45 / 750 * 100vw);
		background-color:#fff;
		content:'';
		display:block;
		margin:0 auto calc(45 / 750 * 100vw);
	}
	.seramido__problem-ttl {
		font-size:3.2rem;
		line-height:1.5;
		margin-bottom:calc(50 / 750 * 100vw);
	}
	.seramido__problem-ttl--gutter-narrow {
		margin-bottom:calc(50 / 750 * 100vw);
	}
	.seramido__problem-figure {
		width:100%;
		margin:0 auto;
		margin-top:calc(100 / 750 * 100vw);
	}
}

/*
  astakisanchin
--------------------------------------------- */
.astakisanchin {
	background:url('../../img/science/bg_science_04.png') 0 0 no-repeat;
	padding:70px 66px 60px;
}
.astakisanchin__main-paragraph {
	padding-left:214px;
	margin-bottom:30px;
}

.astakisanchin__problem {
	margin-left:214px;
}
.astakisanchin__problem-shoulder {
	color:#999;
	font-size:1.4rem;
	margin-bottom:15px;
}
.astakisanchin__problem-shoulder:before {
	width:1px;
	height:35px;
	background-color:#d7063b;
	content:'';
	display:block;
	margin:0 0 20px 270px;
}
.astakisanchin__problem-ttl {
	font-size:3.2rem;
	line-height:1.5;
	margin-bottom:20px;
}
.astakisanchin__problem-ttl--gutter-narrow {
	margin-bottom:20px;
}
.astakisanchin__problem-figure {
	width:860px;
	margin:0 auto;
	margin-top:60px;
}

@media screen and (max-width: 767px) {
	.astakisanchin {
		background:none;
		background-color:#f7f7f7;
		padding:calc(115 / 750 * 100vw) calc(32 / 750 * 100vw) calc(100 / 750 * 100vw);
		margin-bottom:20px;
	}
	.astakisanchin__main-paragraph {
		padding-left:0;
		width:calc(558 / 750 * 100vw);
		margin:0 auto calc(50 / 750 * 100vw);
	}
	.astakisanchin .feature-image {
		margin-bottom:40px;
	}
	.astakisanchin__problem {
		margin:0 auto calc(100 / 750 * 100vw);
		width:calc(558 / 750 * 100vw);
	}
	.astakisanchin__problem-shoulder {
		font-size:1.6rem;
		margin-bottom:calc(20 / 750 * 100vw);
	}
	.astakisanchin__problem-shoulder:before {
		height:calc(45 / 750 * 100vw);
		background-color:#d7063b;
		content:'';
		display:block;
		margin:0 auto calc(45 / 750 * 100vw);
	}
	.astakisanchin__problem-ttl {
		font-size:3.2rem;
		line-height:1.5;
		margin-bottom:calc(50 / 750 * 100vw);
	}
	.astakisanchin__problem-ttl--gutter-narrow {
		margin-bottom:calc(50 / 750 * 100vw);
	}
	.astakisanchin__problem-figure {
		width:100%;
		margin:0 auto;
		margin-top:calc(100 / 750 * 100vw);
	}
}

.notation {
	margin-top:25px;
	margin-bottom:0;
	font-size:12px;
	font-weight:bold;
}
.notation span {
	margin-right:15px;
}