@charset "utf-8";

/* article */
article{
}
article > h1 span{
	background-size:880px 100%;
}


/* .cont */
.cont{
}


/* #cont1 */
#cont1{
	padding:45px 0 0;
}
#cont1 > div{
	width:1000px;
	margin:0 auto 10px;
	text-align: center;
}
#cont1 > div h2{
	color:#002ccb;
}
#cont1 > div ol{
	margin-top:40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont1 > div ol li{
	width:235px;
	background-color:#e5f4ff;
	border-radius:20px;
}
#cont1 > div ol li h3{
	font-size:22px;
	color:#002ccb;
}
#cont1 > div ol li h3 > span{
	width:60px;
	display:block;
	margin:0 auto 10px;
	font-size:10px;
	color:#fff;
	position:relative;
	z-index:2;
	transform:translateY(-50%);
}
#cont1 > div ol li h3 > span span{
	display:block;
	line-height:0.7;
	font-size:21px;
}
#cont1 > div ol li h3 > span:before{
	content:'';
	display:block;
	width:100%;
	padding-top:100%;
	background-color:#ff9800;
	border-radius:50%;
	position:absolute;
	left:50%;
	top:50%;
	z-index:-1;
	transform:translate(-50%,-50%);
}
#cont1 > div ol li p{
	padding:3% 8% 10%;
	font-size:16px;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.1em;
	line-height:1.5;
}


#cont1 > ol{
	padding:10px 0;
	background-color:#e5f4ff;
	text-align: center;
}
#cont1 > ol li{
	padding:10px 0;
	background:url(../images/top/cont5_bg.png)no-repeat center top;
}
@media screen and (min-width:1600px){
	#cont1 > ol li{
		background-size:100% auto;
	}
}
@media print, screen and (min-width:769px){
	#cont1 ol li figure img {
		height: auto;
	}
}



/* #cont2 */
#cont2 {
	padding: 10px 0;
	background: url(../images/top/bg_dot.png);
	color: #fff;
	font-size: 85%;
	line-height: 1.6;
	text-align: center;
}
#np_pay {
	max-width: 1100px;
	margin: 0 auto;
}
#np_pay .np_ttl {
    text-align: center;
    color: #fff;
    font-size: 24px;
		font-weight: bold;
}
#np_pay .box_out02{
    border-radius: 100px;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0px 0px 30px rgb(27 148 239 / 90%) inset;
    padding: 30px;
    margin-bottom: 10px;
}
#np_pay .box_out02:first-of-type{
    padding: 10px;
}
#np_pay .box_out02 .title {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 70px;
    font-size: 18px;
    border-bottom: solid 2px #daedfc;
    margin-bottom: 5px;
}
#np_pay .box_out02 .title p {
    margin-bottom: 0;
}
#np_pay .box_out02 .title .img img {
	width: 325px;
	position: relative;
	bottom: 0;
	left: -20px;
}
#np_pay .box_out02 .title .txt {
	font-weight: bold;
	color: #000;
	line-height: 4;
}
#np_pay .box_out02 .title .waku {
	padding: 6px 15px;
    	background: #e6308a;
    	color: #fff;
    	border-radius: 10px;
    	font-weight: bold;
    	margin-bottom: 5px;
	display: flex

}
#np_pay .box_out02 .title .waku .fm {
	font-size: 60px;
	line-height: 1;
	margin-right: 5px;
}
#np_pay .box_out02 .box02 {
    padding-top: 5px;text-align: center;
}
#np_pay .box_out02 .txt01 {
    color: #0065B4;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
#np_pay .box_out02 .txt02 {
    font-weight: bold;
    color: #000;
    text-align: center;
}
#np_pay .box_out02 .wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width:77%;
    margin:0 auto;
}
#np_pay .box_out02 .wrap2 {
	border-top: solid 2px #daedfc;
	margin: 0px 100px;
	padding-top: 5px;
	text-align: center;
}

/* #cont3 */
#cont3{
	padding-bottom:10px;
	background:url(../images/top/cont2_bg.png) center top;
}
#cont3 h2{
	color:#fff;
	text-align: center;
}
#cont3 > ul{
	width:1000px;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont3 > ul > li{
	width:480px;
	margin-top:40px;
	padding:20px;
	background-color:#fff;
	border-radius:20px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	text-align:left;
}
#cont3 > ul > li h3{
	margin-top:10px;
	font-size:30px;
	color:#0f163a;
}
#cont3 > ul > li h3 span{
	margin-left:0.5em;
	font-size:18px;
	vertical-align:middle;
}
#cont3 > ul > li p{
	font-size:25px;
	font-weight:bold;
	color:#0f163a;
}
#cont3 > ul > li p > span{
	color:#ff9800;
}
#cont3 > ul > li p > span span{
	font-size:54px;
	font-weight:900;
	line-height:0.6;
}
#cont3 > ul > li ul{
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted;
	display: -webkit-flex;
	display: flex;
	webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont3 > ul > li ul li{
	width:50%;
	padding-left:30px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:left;
	background:url(../images/top/cont2_check.png)no-repeat left top;
}



/* #cont4 */
#cont4{
	padding-bottom:20px;
	background-color:#e5f4ff;
}
#cont4 > ul{
	width:1000px;
	margin:10px auto 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont4 > ul > li{
	width:480px;
	margin-top:30px;
	padding:15px 15px 20px;
	background-color:#fff;
	border-radius:20px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	text-align:left;
}
#cont4 > ul > li dl dt{
	margin-bottom:0.8em;
	line-height:40px;
	font-size:20px;
	font-weight:bold;
	background-color:#ff9800;
	color:#fff;
	text-align:center;
}
#cont4 > ul > li dl dd{
	display:inline-block;
	margin-right:0.5em;
	font-weight:bold;
}
#cont4 > ul > li dl dd:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1em;
	height:1em;
	margin-right:0.1em;
	background-color:#002ad3;
	border-radius:50%;
}