@charset "utf-8";

/** common styles
----------------------------------------------------------*/
.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}
.sp_only{
	display:none;
}
@media screen and (max-width:768px){
	.pc_only{
		display:none;
	}
	.sp_only{
		display:block;
	}
}

/** header
----------------------------------------------------------*/
header{
	width:100%;
	height:110px;
	box-sizing: border-box;
	background:#fff;
}
.header::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea);
    background-image: -o-linear-gradient(left, #abc4fa, #bef3ea);
    background-image: linear-gradient(to right, #abc4fa, #bef3ea);
}

header h1{
	padding-top: 20px;
	text-align: center;
}
header h1 img{
	width:159px;
	height:auto;
}
.header__head__title {
    background-image: -webkit-linear-gradient(359deg, #006ca9, #008cda);
    background-image: -o-linear-gradient(359deg, #006ca9, #008cda);
    background-image: linear-gradient(89deg, #006ca9, #008cda);
    height: 30px;
	padding-left:10px;
	color: #fff;
	font-size: 10px;
    line-height: 30px;
}


@media screen and (min-width: 769px){
	.header__head__title {
	    font-size: 11px;
	}
	header h1 img{
		width:159px;
		height:auto;
	}
}
@media screen and (max-width: 768px){
}
/** #content
----------------------------------------------------------*/
#content{
	width:1300px;
	margin:0 auto;
	text-align:center;
	overflow: hidden;
}

@media screen and (max-width:768px) {
	#content{
		width:100%;
		margin:0;
		overflow: hidden;
	}
}

/** .pagetop
----------------------------------------------------------*/
.pagetop:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-image:
	-webkit-linear-gradient(left, #abc4fa, #bef3ea);
	background-image: -o-linear-gradient(left, #abc4fa, #bef3ea);
	background-image: linear-gradient(to right, #abc4fa, #bef3ea);
}
.pagetop:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea);
	background-image: -o-linear-gradient(left, #abc4fa, #bef3ea);
	background-image: linear-gradient(to right, #abc4fa, #bef3ea);
}
.pagetop .pagetop_inner {
	text-align: right;
	padding: 0 20px;
	width: 1280px;
	margin: 0 auto;
	box-sizing:border-box;
}
.pagetop .pagetop_inner a {
	display: inline-block;
	padding: 10px 0;
	font-size: 1.3rem;
	letter-spacing: 0.08rem;
	color: #3EA9E4;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.pagetop .pagetop_inner a:hover {
filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity: 0.5;
}
.pagetop .pagetop_inner a span {
	position: relative;
	padding-right: 15px;
}
.pagetop .pagetop_inner a span:after {
	content: "";
	position: absolute;
	top: 50%; right: 0px;
	width: 8px;
	height: 8px;
	margin-top: -1px;
	border-top: 1px solid #3EA9E4;
	border-right: 1px solid #3EA9E4;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
	.pagetop {
		margin-top: 0;
		width:100%;
	}
	.pagetop .pagetop_inner {
		width:100%;
		padding:0;
		text-align: center;
	}
	.pagetop .pagetop_inner a {
		display: block;
	}
}


/** footer
----------------------------------------------------------*/

footer{
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
footer .copyright{
    line-height: 1.5;
    color: #999;
    text-align: center;
}