@charset "utf-8";
@import url("reset.css");
/*-------------------------------------------------------
   base
-------------------------------------------------------*/
* {
	color: #222;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,Garamond,serif;
	font-size: 14px;
	line-height: 150%;
}
html {
	background: #eee;
}
body {
	background: #fff;
	position: relative;
}
.wrap {
	width: 1020px;
	margin: 0 auto;
}
a {
	text-decoration: underline;
}
a:hover {
	opacity: 0.7;
}


/*-------------------------------------------------------
   header
-------------------------------------------------------*/
header div {
	width: 1020px;
	margin: 0 auto 60px auto;
	padding-top: 18px;
	display: flex;
	align-items: flex-end;
}
.logo {
	width: 140px;
	margin: 0 173px 0 0;
	display: block;
}
.logo img {
	width: 140px;
}
.btn_gnavi {
	display: none;
}
header ul {
	display: flex;
}
header ol {
	display: none;
}

/*-------------------------------------------------------
   btn_top
-------------------------------------------------------*/
.btn_top {
	width: 55px;
	height: 57px;
	padding: 43px 0 0 45px;
	background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #6C96A6 50.5%) no-repeat top left/100% 100%;
	right: 0;
	bottom: 0;
	position: fixed;
}
.btn_top:hover {
	cursor: pointer;
}

/*-------------------------------------------------------
   footer
-------------------------------------------------------*/
footer {
	background: #394A59;
}
footer div {
	width: 1020px;
	height: 19px;
	margin: 0 auto;
	padding: 10px 0 11px 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
footer ul {
	height: 19px;
	display: flex;
}
footer p {
	color: #E4E7E9;
	font-size: 12px;
	line-height: 130%;
}


/*-------------------------------------------------------
   other
-------------------------------------------------------*/
.c_red {
	color: #c00;
}
.c_blue {
	color: #6C96A5;
}
.c_navy {
	color: #394A59;
}
.c_purple {
	color: #926CA5;
}
.c_violet {
	color: #80498B;
}
.c_green {
	color: #6CA59F;
}

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

@media screen and (max-width: 768px) {/*-- mobile --*/
/*-------------------------------------------------------
   base
-------------------------------------------------------*/
html {
	background: #666;
}
/*-------------------------------------------------------
   header
-------------------------------------------------------*/
header div {
	width: auto;
	margin: 0;
	padding: 4vw 3vw 7vw 3vw;
	align-items: center;
	justify-content: space-between;
}
.logo {
	width: 32vw;
	margin: 0;
	line-height: 100%;
	display: block;
}
.logo img {
	width: 32vw;
}
.btn_gnavi {
	width: 7.8vw;
	display: block;
}
.btn_gnavi img {
	width: 7.8vw;
	display: block;
}
header ul {
	display: none;
}
header ol {
	width:40vw;
	height: 100%;
	padding: 4vw 0 0 0;
	background: #666;
	position: absolute;
	top: 0;
	right:-40vw;
	display: none;
}
header ol li {
	margin-bottom: 4vw;
}
header ol li a {
	padding-left: 2vw;
	color: #fff;
	font-size: 4vw;
	text-decoration: none;
}

/*-------------------------------------------------------
   footer
-------------------------------------------------------*/
footer div {
	width: 100%;
	height: 4vw;
	padding: 1.5vw 0 1vw 0;
	display: block;
}
footer p {
	font-size: 3vw;
	line-height: 3vw;
	text-align: center;
}
footer ul {
	display: none;
}
.pc {
	display: none;	
}
.sp {
	display: block;	
}
}