@charset "UTF-8";
/* CSS Document */

.second_margin {
	margin-top: 32px;
}

#area1 {
	padding-bottom: 35px;
}

.blue_text {
	margin: 20px 0 0;
	text-align: center;
	color: #025EAC;
}
.green_text2 {
	margin: 20px 0 0;
	text-align: center;
	color: #009A62;
}

.blue_text p,
.green_text2 p {
	display: inline-block;
	text-align: left;
}

.period {
	width: 87.5%;
	max-width: 400px;
	margin: 20px auto 0;
	line-height: 1.5;
}

.green_text {
	color: #009A62;
}

.period>ul>li:first-child {
	border: 3px solid #FFF;
}

.period>ul>li:last-child {
	margin-top: 16px;
}

.cap {
	font-size: 1.4rem;
}
	
.times li {
	list-style-type: disc;
	margin: 0 0 0 1.5em;
}

#area2 {
	background: #fff;
	padding: 18px 0 32px;
}

.effects {
	width: 87.5%;
	max-width: 400px;
	margin: 6px auto 0;
}

.effects ul li ul li {
	list-style-type: disc;
	margin-left: 1.25em;
	list-style-position: outside;
}

#area2 hr {
	border: none;
	height: 1px;
	background: #604C3F;
	width: 90%;
	max-width: 760px;
	margin: 12px auto;
}

.cap2 {
	width: 87.5%;
	max-width: 400px;
	margin: auto;
}

.cap2 dl:after {
	content: "";
	display: block;
	clear: both;
}

.cap2 dt {
	float: left;
}

.cap2 dd {
	margin-left: 1em
}

#area3 {
	padding: 18px 0 32px;
}

.blue_text2 {
	margin: 20px 0 0;
	text-align: center;
	color: #025EAC;
	font-size: 2.2rem;
	line-height: 1;
}

.blue_text2 span {
	font-size: 1.6rem
}

.blue_text2_under {
	text-align: center;
	line-height: 1.5;
	margin-top: 12px
}

.life {
	width: 87.5%;
	max-width: 400px;
	margin: 20px auto 0;
	line-height: 1.5;
}

.life ul li:first-child {
	border: 3px solid #FFF;
}

.life p {
	padding-left: 1em;
	text-indent: -1em
}

.life p a {
	color: #009A62;
	text-decoration: none;
}

.life p a:hover {
	text-decoration: underline;
}

.life ul li:last-child {
	margin-top: 16px;
}

@media screen and (min-width: 320px){
} /*iPhone 5*/

@media screen and (min-width: 375px){
} /*iPhone 7*/

@media screen and (min-width: 414px){
} /*iPhone 7 Plus*/

@media screen and (min-width: 600px){
} /*Nexus 7*/

@media screen and (min-width: 768px){
	.second_margin {
		margin-top: 58px;
	}
	
	#area1 {
		padding-bottom: 40px;
	}
	
	.blue_text,
	.green_text2 {
		font-size: 1.8rem;
		margin: 32px 0 0;
	}
	
	.period {
		width: 100%;
		max-width: 760px;
	}
	
	.period>ul {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -o-flex;

		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between;

		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-o-align-items: flex-start;
		
		flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		-moz-flex-direction: row-reverse;
		-o-flex-direction: row-reverse;
	}
	
	.period>ul>li:first-child {
		width: 46%;
	}
	
	.period ul li:last-child {
		margin-top: 0;
		font-size: 1.8rem;
	}
	
	.cap {
		font-size: 1.6rem;
	}
	
	#area2 {
		padding: 36px 0 36px;
	}
	
	.effects {
		max-width: 700px;
		font-size: 1.8rem;
		margin-top: 26px
	}
	
	.effects>ul {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -o-flex;

		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between;
	}
	
	.cap2 {
		max-width: 700px
	}
	
	#area3 {
		padding: 36px 0 36px;
	}
	
	.life {
		width: 90%;
		max-width: 870px;
		font-size: 1.8rem;
		margin-top: 26px
	}
	
	.life ul {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -o-flex;

		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between;

		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-o-align-items: flex-start;
	}
	
	.life ul li:first-child {
		width: 40.7%;
	}
	
	.life ul li:last-child {
		width: 54.6%;
		margin-top: 0
	}
	
	.blue_text2 {
		font-size: 2.4rem;
	}
	
	.blue_text2 span,
	.blue_text2_under {
		font-size: 1.8rem;
	}
} /*iPad*/

@media screen and (min-width: 960px){
} /*Minimum size PC*/

@media screen and (min-width: 1024px){
} /*Basic PC*/