@charset "UTF-8";
/* CSS Document */
main{
	margin-top: 100px;
	margin-bottom: 120px;
}
h3.underline, h3.underline-w {
	position:relative;
	padding-top: 60px;
	color: #0070b8;
	font-weight: 600;
}
h3.underline:after, h3.underline-w:after {
	position:absolute;
	display:inline-block;
	content:" ";
	border-bottom:solid #0070b8 1px;
	left:50%;
}
h3.underline-w {
	color: #fff;
}
h3.underline-w:after {
	border-bottom:solid #fff 1px;
}
h3.underline span.sub {
	position: absolute;
	display: block;
	width: 100%;
	color: #0070b8;
	font-weight: 600;
	text-align: center;
}

/** system
---------------------------------------------------------------------------------*/
@media print, screen and (min-width: 1400px) {
#system{padding: 100px 15% 0 ; }
.btn{
    width:100%;
    line-height:40px;
	
}
.btn a{
    display:block;
    width:150px;
    text-decoration: none;
    background:#0070B8;
    text-align:center;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:5px 5px 0px 0px #DEDEDE ;
}
.btn a:hover{
    background:#0099FF;
    color:#00436D;
    margin-left:5px;
    box-shadow:none;
}

.yokonarabe1{
    /*コレ*/display:flex;
    /*コレ*/flex-wrap: nowrap;
	width: 100%;
    padding:0;
    list-style:none;
}
.yokonarabe1 li{
    /*コレ*/width:100%;
    padding: 10px;
}
	.font20{
		font-size:20px;
	}
	.font20b{
		font-size:20px;
		color:#0070b8;
	}
	.font20r{
		color: #CB0000;;
		font-size:20px;
	}

	}
	.font18{
		font-size:18px;
	}
	.font20bb{
		font-size:20px;
		font-weight: 600;
		color:#0070b8;
	}
	.font20gb{
		font-size:20px;
		font-weight: 600;
		color: #005C00;
	}
	
	.font20rb{
		color: #CB0000;
		font-weight: 600;
		font-size:20px;
}
aside {
  width: 50%;
  float:left;
}
aside div{
	padding: 0 5%;
	}
article {
  width: 50%;
  float:left;
}

article div{
	padding: 3%;
	}
.clearfix {
    content: '';
    display: flex;
    clear: both;
	}

.btn{
    width:130px;
    line-height:40px;
	color: #fff;
}
.btn a{
    display:block;
    width:120px;
    text-decoration: none;
    background:#0070B8;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:5px 5px 0px 0px #DEDEDE ;
}
.btn a:hover{
    background:#0099FF;
    color:#303030;
    box-shadow:none;
}
article div div img{
	width:100%
}