@charset "utf-8";
/* 
 ホーム
*/
.main .container {
	max-width:768px;
}
.section {
	position: relative;
	margin:40px 10px 10px;
	background:rgba(255, 255, 255, 0.6);
	box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.6);
	border-radius:1rem;
	font-weight: 700;
	text-align: center;
	padding-bottom:1rem;
}
.section:first-child {
	margin-top:14px !important;
}
.section .title {
	color:#003139;
	position: relative;
	font-size:1.8rem;
	text-align:center;
	line-height:1.4;
	font-weight:700;
	background: #0b7898;
	color:#fff;
	padding:0.5em;
	border-radius: 1rem;
}
.section .text {
	position: relative;
	font-size:1.6rem;
	padding:1rem 0 0;
	font-weight: 700;
	text-align:center;
	line-height: 1.6;
	text-shadow    : 
	2px  2px 1px #ffffff,
   -2px  2px 1px #ffffff,
	2px -2px 1px #ffffff,
   -2px -2px 1px #ffffff,
	2px  0px 1px #ffffff,
	0px  2px 1px #ffffff,
   -2px  0px 1px #ffffff,
	0px -2px 1px #ffffff; 
}
.section .text.text-left{
	text-align: left;
}
.section .text span {
	font-size:0.875em;
}
.section .image {
	text-align: center;
	padding-top:0.5rem;
}
.section .images {
	text-align: center;
	padding-top:0.5rem;
}
.section .images > img {
	width:30%;
}
.section .list {
	position: relative;
	font-size:0;
	padding:1rem 0 0;
}
.section .list > li {
	position: relative;
	font-size:1.6rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: left;
	padding:0.25em 0 0.25em;
	text-shadow    : 
	2px  2px 1px #ffffff,
   -2px  2px 1px #ffffff,
	2px -2px 1px #ffffff,
   -2px -2px 1px #ffffff,
	2px  0px 1px #ffffff,
	0px  2px 1px #ffffff,
   -2px  0px 1px #ffffff,
	0px -2px 1px #ffffff; 
}
.section .list > .index {
	font-size:1.8rem;
	padding-bottom:0;
}
.section .list > .text {
	font-size:1.6rem;
	padding-top:0;
}
.section .list > .icon {
	position: absolute;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	font-size:8rem;
	height:1em;
	width:1em;
	opacity: 0.4;
	font-weight: 700;
	line-height: 1;
	display: block;

}
.section .point-1 > .index,
.section .point-1 > .icon {
	color:#e2041b;
}
.section .point-2 > .index,
.section .point-2 > .icon {
	color:#0048ff;
}
.section .point-3 > .index,
.section .point-3 > .icon {
	color:#c360d6;
}
.section .point-4 > .index,
.section .point-4 > .icon {
	color:#32cd32;
}
.section .point-5 > .index,
.section .point-5 > .icon {
	color:#f3782f;
}
.section .box {
	position: relative;
}
.section .box > .text ,
.section .box > .image,
.section .box > .list {
	vertical-align: middle;
	display: inline-block;
}
.section .box > .text ,
.section .box > .list {
	width:73%;
	text-align: left;
}
.section .box > .image {
	width:25%;
}
.section .link {
	text-align: center;
	padding:2rem 0;
}
.section .link > a {
	margin:2rem 0 0;
	max-width:300px;
	display: inline-block;
}
@media print, screen and (min-width: 400px){
	.section .title {
		font-size:2.2rem;
	}
	.section .text {
		font-size:2rem;
		padding:1.5rem 1rem 0;
	}
	.section .list {
		padding:1.5rem 1rem 0;
	}
	.section .list > li {
		font-size:2rem;
		
	}
	.section .list > .index {
		font-size:2.2rem;
	}
	.section .list > .text {
		font-size:2rem;
	}
	.section .list > .icon {
		font-size:10rem;
	}
}
@media print, screen and (min-width: 768px){ 
	.section {
		margin-top:50px;
		padding-bottom:1.5rem;
	}
	.section .title {
		font-size:3rem;
	}
	.section .text {
		font-size:2.8rem;
		padding:2rem 2rem 0;
	}
	.section .list {
		padding:2rem 2rem 0;
	}
	.section .list > li {
		font-size:2.8rem;
	}
	.section .list > .index {
		font-size:3.2rem;
	}
	.section .list > .text {
		font-size:2.6rem;
	}
	.section .list > .icon {
		font-size:15rem;
	}
	.section .link > a {
		margin:2rem 1rem 0;
	}
}