@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pc{display:block;}
.sp{display:none;}



/*Contents layout
----------------------------------------------------*/
#wrapper,
#wrapper_contents{
	height:100%;
	margin:0 auto;
}

section{
	width:100%;
	margin-bottom:100px;
	display:block;
	clear:both;
}

.contents{
	width:800px;
	margin:0 auto;
}

#wrapper:after,
section:after,
.contents:after,
dl:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

img{
	height:auto;
	display:block;
}

.btn ul li{
	float:left;
	width:48.5%;
	margin-bottom:20px;
}

.btn ul li:nth-child(2){
	float:right;
	width:48.5%;
}

.btn ul li.full{
	float:none;
	width:100%;
	clear:both;
}

.btn ul li a{
	padding:15px;
	border-radius:10px;
	background:#1EB9EE;
	font-size:2.6rem;
	color:#FFF;
	text-align:center;
	display:block;
}

.btn ul li.full a{
	font-size:3.6rem;
	background:#007DC9;
}

ul.list_dot{
	margin-bottom:50px;
}

ul.list_dot li{
	float:none;
	width:100%;
	margin-bottom:10px;
	padding-left:1.5rem;
	text-indent:-1.5rem;
}

ul.list_dot li:before{
	content:"●";
}


/*header
----------------------------------------------------*/
header h1{
	padding:25px 0;
	background:#00A1E9;
	text-align:center;
	line-height:1.0;
}

header h1 img{
	width:800px;
	margin:0 auto;
}

.mv img{
	width:100%;
}


/*sec01
----------------------------------------------------*/
.sec01{
	padding:50px 0 0 0;
}

.sec01 img{
	width:100%;
	padding:50px 0;
}


/*sec02
----------------------------------------------------*/
.sec02 h2{
	margin-bottom:50px;
	padding:20px;
	background:#1EB9EE;
	text-align:center;
	font-size:3.4rem;
	color:#FFF;
}

.sec02 h3{
	margin-bottom:30px;
	text-align:center;
	font-size:3.4rem;
	font-weight:bold;
	color:#00A1E9;
}

.sec02 img{
	width:100%;
	padding:20px 0 50px 0;
}

.sec02 .small{
	margin-bottom:50px;
}


/*sec03
----------------------------------------------------*/
.sec03 h2{
	margin-bottom:50px;
	padding:20px;
	background:#1EB9EE;
	text-align:center;
	font-size:3.4rem;
	color:#FFF;
}

.sec03 h3{
	margin-bottom:30px;
	text-align:center;
	font-size:3.4rem;
	font-weight:bold;
	color:#00A1E9;
}

.sec03 ul{
	clear:both;
}

.sec03 ul li{
	float:left;
	width:48.5%;
	margin-bottom:3%;
}

.sec03 ul li:nth-child(even){
	float:right;
}

.sec03 ul.list_dot li{
	float:none;
	width:100%;
}

.sec03 img{
	width:100%;
}

.sec03 .kakomi{
	padding:30px;
	background:#B7E2F9;
}

.sec03 .kakomi h2{
	margin-bottom:30px;
	padding:0;
	background:none;
	color:#1D2088;
}

.sec03 .kakomi div{
	padding:30px;
	background:#FFF;
	font-size:2.4rem;
}

.sec03 .kakomi h3{
	margin-bottom:20px;
	text-align:left;
	color:#000;
}


/*sec04
----------------------------------------------------*/
.sec04 h2{
	margin-bottom:30px;
	text-align:center;
	font-size:3.4rem;
	font-weight:bold;
	color:#000;
}

.sec04 ul.list_dot{
	margin-bottom:30px;
}

.sec04 p{
	margin-bottom:50px;
}

.sec04 p img{
	margin:0 auto;
	padding:15px 0;
}


/*page top
--------------------------------------------*/
#page-top{
	position: fixed;
	bottom: 50px;
	right: 2%;
	z-index:999;
}

#page-top a:hover{
	opacity:0.70;
	filter: alpha(opacity=70);
}



/*footer
----------------------------------------------------*/
footer{
	padding:50px 0;
    background:#DFF2FC;
	color:#565454;
	text-align:center;
}

footer h2{
	margin-bottom:10px;
	font-weight:bold;
}

footer h2 span{
	font-size:1.8rem;
}

footer h2 + p{
	padding-bottom:20px;
}

footer .copyright{
	margin:30px 0 0 0;
	font-size:1.3rem;
	text-align:center;
	clear:both;
}