@charset "UTF-8";

.inner h2{
    margin-top:10px;
}

html body div.inner h2,
html body div.inner h3,
html body div.inner div,
html body div.inner p{
	font-family: 'Noto Sans JP', sans-serif;
}
.titleWarapper{
	width:calc(100vw-20px);
	height:calc((100vw - 20px) * 0.46);
	position:relative;
	margin: 10px auto;
}
.titleTxt{
	width:calc(100vw - 20px);
	height:calc((100vw - 20px) * 0.46);
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display: flex;
	align-items:flex-end;
    -moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    -ms-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.titleTxt h2{
	font-size:6.875vw;
	font-weight:600;
	padding: 0 0 5vw 5vw;
	line-height: 1.2em;
	color:#fff;
}
.titleBg{
	width:100%;
	height:calc((100vw - 20px) * 0.46);
	position:absolute;
	top:0;
	left:0;
	display:flex;
	z-index:1;
}
.grad{
	width:38%;
	height:calc((100vw - 20px) * 0.46);
	background: #ccc;
    background: #bff46b;
    background: -moz-linear-gradient(top left, #89eaff 0%, #bff46b 100%);
    background: -webkit-gradient(linear, left top, right bottom, from(#89eaff), to(#bff46b));
    background: -webkit-linear-gradient(top left, #89eaff 0%, #bff46b 100%);
    background: -o-linear-gradient(top left, #89eaff 0%, #bff46b 100%);
    background: -ms-linear-gradient(top left, #89eaff 0%, #bff46b 100%);
    background: linear-gradient(to bottom right, #89eaff 0%, #bff46b 100%);
}
.titleImg{
	width:62%;
	height:calc((100vw - 20px) * 0.46);
	overflow: hidden;
}
.titleImg img{
	width:100%;
	height:auto;
	display:block;
}



.inner .contents{
	width:100%;
	margin: 20px auto 20px auto;
}

.inner .contents h3{
	font-size:23.5px;
	font-weight: 600;
	border:none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.inner .contents p.read{
	font-size:3.75vw;
	font-weight:600;
}
.inner .contents p{
	font-size:3.3vw;
	line-height:2em;
	margin-bottom: 1em;
}
.inner .contents p.center{
	text-align: center;
}

.inner .contents h3{
	font-size:6.25vw;
	line-height:1.2em;
	width:100%;
	font-weight:600;
	margin:10vw 0 5vw 0;
	text-align: center;
}
.inner .contents img{
	width:100%;
	height:auto;
}
div.result{
	position:relative;
	margin: 40px 0 20px 0;
}
div.result .innnerBox{
	width:100%;
	height:auto;
	overflow: hidden;
}

.inner .contents div.result h3{
	font-size:6.25vw;
	width:100%;
	height:auto;
	font-weight:600;
	display:block;
	text-align: center;
	position:absolute;
	top:-3.8vw;
	left:0;
	z-index: 2;
	margin:0;
}
.inner .contents div.result .innnerBox{
	width:100%;
	height:auto;
	padding:30px 0;
	box-sizing: border-box;
	z-index: 1;
    background: #dff9b5;
    background: -moz-linear-gradient(top left, #c4f4ff 0%, #dff9b5 100%);
    background: -webkit-gradient(linear, left top, right bottom, from(#c4f4ff), to(#dff9b5));
    background: -webkit-linear-gradient(top left, #c4f4ff 0%, #dff9b5 100%);
    background: -o-linear-gradient(top left, #c4f4ff 0%, #dff9b5 100%);
    background: -ms-linear-gradient(top left, #c4f4ff 0%, #dff9b5 100%);
    background: linear-gradient(to bottom right, #c4f4ff 0%, #dff9b5 100%);
	display:flex;
	align-items: center;
	justify-content: center;
}
.inner .contents div.result .innnerBox ul{
}
.inner .contents div.result .innnerBox ul li{
	font-size:11px;
	margin: 1.4em 0;
}
.inner .contents div.result .innnerBox ul li div{
	font-size:3.125vw;
	font-weight:500;
}
.inner .contents div.result .innnerBox ul li div.date{
	font-weight:600;
}

.inner .contents ul.flow{
	width:90%;
	display:flex;
	justify-content: space-between;
	margin:10.9375vw auto 0 auto;
}
.inner .contents ul.flow li{
	width:48.148%;
	box-sizing: border-box;
	border: 0.9375vw solid #c1f4ff;
	padding:6.25vw 3.125vw;
	background: #fff;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.inner .contents ul.flow li p{
	font-size: 2.96875vw;
	line-height:1.8em;
	margin:0;
}
.inner .contents ul.flow li img{
	width:9.375vw;
	height:9.375vw;
	display:block;
	position: absolute;
	top:-5.5vw;
	left:3.33vw;
}
div.howto{
	width:100%;
	background: #f9f9f9;
	padding: 15.625vw 0 9.375vw 0;
	margin:-21.875vw 0 40px 0;
}
div.howto img{
	width:100%;
	height:auto;
}