@charset "UTF-8";
#copyright{padding:30px 0 ;text-align:center;}
/* ----- これより上は削除しないでください ----- */
html{
	margin:0;
	padding:0;
	font-size:62.5%;
}
body{
	margin:0 auto;
	padding:0;
	font-size:1.6em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:400;
}
/* iPad背景切れ対策 */
@media screen and (min-width:813px){
	body{
		min-width:1170px;
	}
}
h1, h2, h3, h4, h5, h6{
	line-height:125%;
}
li{
	line-height:145%;
}
*,*::before,*::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
header,footer,section,aside,nav,article,main{
	display:block;
}
main {
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:175%;
}
img {
	margin:0;
	padding:0;
	border: none;
	vertical-align:top;
	-webkit-backface-visibility: hidden;
}
figure,ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
}
ul li,ol li{
	list-style:none;
}
a{
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	transition:color 0.2s;
	line-height: 150%;
}
a:link{
	color:#000000;
}
a:visited{
	color:#000000;
}
a:hover{
	color:#666666;
	text-decoration:none;
}
a.txtLink{
	text-decoration:underline;
	transition:color 0.2s;
}
a.txtLink:hover{
	color:#666666;
	text-decoration:none;
}

@media screen and (max-width:812px){
	p{
		font-size: 1.4rem;
	}
}
/* 表示切替 */
/*.switch{visibility:hidden;}*/
/*common*/
.pc{display:block;}
.sp{display:none;}
@media screen and (max-width:812px){
	body{
		-webkit-text-size-adjust:100%;
	}
	.pc{display:none;}
	.sp{display:inline-block;}
}
/*common
----------------------------------------------------------------------------------------*/
/* flexbox */
.flex{
	display: -ms-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex.reverse{
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.flex.wrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex.between{
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.en{
	font-size: 1.1rem;
	color: #666676;
	display: block;
}
@media screen and (max-width:812px){
	.en{
		font-size: 1rem;
	}
}
/*	kvArea
----------------------------------------------------------------------------------------*/
.kvArea {
	height: 100vh;
	min-height: 760px;
	text-align: center;
	background: url("../images/kv_bg_pc.png") no-repeat center center / cover;
	position: relative;
}
.kvInner {
	width: 1140px;
	margin: 0 auto;
}
.headBox {
	width: 82%;
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
}
.kvlogo {
	float: left;
}
.kvlogo,.address img {
	width: 251px;
	height: 60px;
}
.headerR {
	padding: 30px 0;
	float: right;
}
.siteLink a {
	margin: 0 18px 0 0;
	padding: 13px;
	font-size: 1.4rem;
	position: relative;
	z-index: 10;
}
.headerR .siteLink :last-of-type a{
	margin: 0;
}
.siteLink a:after {
	content: "";
	width: 11px;
	height: 11px;
	background: url("../images/header_img.svg") no-repeat center / cover;
	display: block;
	position: absolute;
	top: 45%;
	transform: translateY(-45%);
	right: -4px;
}
.bglogo {
	position: absolute;
	top: 18px;
	right: 39%;
}
.ttlH2,.ttlH3,.ttlH4{
	font-family:  "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
}
.ttlH2{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-size: 2.1rem;
	text-align: left;
	line-height: 2.5;
	letter-spacing: 0.2rem;
	position: absolute;
	top: 49.5%;
	right: 58.5%;
}
.ttlH2 span {
	padding: 8px 8px;
	color: #fff;
	background-color: #2694ca;
}
@media screen and (max-width:812px){
	.kvArea {
		height: 90vh;
		min-height: 400px;
		background: url("../images/kv_bg_sp.jpg") no-repeat center center / cover;
	}
	.kvInner {
		width: 1140px;
		margin: 0 auto;
	}
	.headBox {
		width: 100%;
		top: 13px;
		left: 55%;
		transform: translateX(-50%);
	}
	.bglogo {
		width: 50%;
		right: 45%;
		top: 14%;
	}
	.ttlH2{
		font-size: 2.8vh;
		line-height: 2.1;
		top: 53%;
		left: 20px;
		right: auto;
	}
	.ttlH2 span {
		padding: 6px 5px;
	}
	/*ハンバーガー
	----------------------------------------------------------------------------------------*/
	.menuTrigger {
		width: 60px;
		height: 60px;
		top: 13px;
		right: 10px;
		display: flex;
		position: absolute;
		justify-content: center;
		align-items: center;
		z-index: 90;
	}
	.menuTrigger span,
	.menuTrigger span,
	.menuTrigger span {
		width: 25px;
		height: 2px;
		background-color: #313131;
		position: absolute;
	}
	.menuTrigger span:nth-of-type(3) {
		bottom: 19px;
	}
	.menuTrigger span:nth-of-type(2) {
		top: 20px;
	}
	.menuTrigger.active span:nth-of-type(1) {
		top:33px;
		transform: translateY(-5px) rotate(-45deg);
		transition: transform .5s;
	}
	.menuTrigger.active span:nth-of-type(3) {
		top: 23px;
		transform: translateY(5px) rotate(45deg);
		transition: transform .5s;
	}
	.menuTrigger.active span:nth-of-type(2) {
			opacity: 0;
	}
	#menuSp{
		width:100%;
		height: 100vh;
		background:rgba(255,255,255,0.9);
		position:absolute;
		z-index:2;
		display:none;
	}
	#menuSp.active {
		display: block;
		transition: all .5s;
	}
	#menuSpIn .siteLink a{
		margin: 20px 0 0 0;
		font-size: 1.6rem;
		display:inline-block;
	}
	/*スマホ横持ち*/
	@media (orientation: landscape){
		.kvArea {
			background: url("../images/kv_bg_pc.png") no-repeat center center / cover;
		}
		.ttlH2{
			font-size: 1.4rem;
			top: 45%;
			right: 57%;
		}
	}
}
/*IE*/
@media all and (max-width: 812px), (-ms-high-contrast: none) {
	.ttlH2 span {
		padding: 7px 5px 0px 7px;
	}
}
/*	readArea
----------------------------------------------------------------------------------------*/
.readArea {
	height: 200px;
	margin: 10px 0 0 0;
	align-items: center;
	text-align: center;
	letter-spacing: 0.1rem;
	background-color: #eef7fb;
}
.readArea p {
	padding: 15px 0 0;
}
.ttlH3 {
	padding: 42px 0 0;
	font-size: 3.4rem;
}
.ttlH3 span {
	font-size: 5.4rem;
	letter-spacing: 0.6rem;
}
@media screen and (max-width:812px){
	.readArea {
		height: auto;
		padding: 0 5% 5%;
	}
	.ttlH3 {
		padding: 25px 0 0;
		font-size: 2.4rem;
	}
	.ttlH3 span {
		font-size: 3.1rem;
		letter-spacing: 0.3rem;
	}
}
/*	pointNav
----------------------------------------------------------------------------------------*/
.pNav {
	max-width: 1000px;
	margin: 69px auto 0;
	text-align: center;
}
.listPnav  {
	width: calc((100% - 10px) / 4);
	border-top: 6px solid #bedfef;
	position: relative;
	display: block;
}
.listPnav a:after{
	content: "";
	border-style: solid;
	border-color: #bedfef transparent transparent transparent;
	border-width: 10px 14px 0 14px;
	position: absolute;
	bottom: -19px;
	left: 50%;
	transform: translate(-50%);
}
.listPnav:nth-last-of-type(even) {
	background-color: #e9f4fa;
}
.listPnav:nth-last-of-type(odd) {
	background-color: #d4eaf4;
}
.pointBox {
	width: 110px;
	padding: 5px;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	line-height: 1.2rem;
	color: #FFF;
	background-color: #ec8c94;
	border: 1px solid #FFF;
	border-radius: 15px;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translate(-50%);
}
.pointTtl {
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 2.1rem;
	letter-spacing: 0.1rem;
	position: relative;
}
.listPnav .pointTtl {
	font-size: 1.9rem;
	padding: 25px 0 20px 0;
}
@media screen and (max-width:812px){
	.pNav {
		width: 90%;
		max-width: 500px;
		margin: 0px auto 0;
	}
	.listPnav {
		width: calc((100% - 20px) / 2);
		margin: 50px 0 0 0;
	}
	.pointBox {
		width: 90px;
	}
	.pointTtl {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	.listPnav .pointTtl {
		font-size: 1.5rem;
		padding: 15px 0 10px 0;
	}
	.listPnav a:after{
		bottom: -15px;
	}
	/*safari*/
	::-webkit-full-page-media, :future, :root .pointBox {
		padding: 5px 0 3px 0;
	}
}
/*	ctsArea
----------------------------------------------------------------------------------------*/
#course img,#feature img{
	border: 2px solid #eeeeee;
}
.ctsArea{
	width: 100%;
	padding: 140px 0 60px 0;
	text-align: left;
}
.ctsInner {
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}
.ctsInner .pointBox {
	width: 140px;
	top: -36px;
}
.ctsTtl {
	text-align: center;
}
.ctsTtl .en {
	margin: 5px 0 0 0;
	letter-spacing: 0.2rem;
}
@media screen and (max-width:812px){
	.ctsArea{
		width: 100%;
		padding: 100px 0 60px 0;
	}
	.ctsInner {
		padding: 0 5%;
	}
	.ctsInner .pointBox {
		width: 120px;
	}
}
/*	course
----------------------------------------------------------------------------------------*/
#course{
	margin: 30px 0 30px 0;
}
#course .pointInner {
	width: 552px;
}
#course .pointInnerI {
	width: 505px;
	margin: 10px 0 0 0;
	box-shadow: 5px 5px #fbe8ea;
}
#course .pointInnerI img{
	width: 100%;
}
#course .pointTtl {
	margin: 20px 0 0 0;
	padding: 6px 0 6px 30px;
	color: #FFF;
	display: inline-block;
}
#course .pointTtl:after {
	background: url("../images/arrow01.svg") no-repeat center / cover;
	left: 10px;
	top: 10px;
}
.ttlH4 {
	padding: 0 90px;
	font-size: 3.6rem;
	letter-spacing: 0.25rem;
	color: #2694ca;
	border-bottom: 1px solid #eeeeee;
	display: inline-block;
	position: relative;
}
.ttlH4:after,.ttlH4:before {
	content: "";
	width: 63px;
	height: 45px;
	display: block;
	position: absolute;
	top: 5px;
}
.ttlH4:after {
	background: url("../images/cts_line01.svg") no-repeat center / cover;
	left: -2px;
}
.ttlH4:before{
	background: url("../images/cts_line02.svg") no-repeat center / cover;
	right: -2px;
}
.pointArea {
	margin: 66px 0 0;
}
.pointArea .pointTtl {
	padding: 0 0 0 18px;
}
.sub {
	padding:15px 0 0 10px;
	font-style: italic;
	font-weight: 600;
	position: relative;
}
.sub:after{
	content: "";
	width: 340px;
	height: 20px;
	display: block;
	position: absolute;
	top: 38px;
	background: url("../images/cts_line03.svg") no-repeat center / cover;
}
.pointTtl:after {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 3px;
	left: 0px;
}
.red {
	background-color: #a50835;
}
.blue {
	background-color: #2694ca;
}
.subTtl {
	width: 100%;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1rem;
}
#course .subTtl {
	margin: 25px 0 0 0;
	text-align: left;
}
.txt {
	margin: 10px 0 0 0;
	line-height: 1.65;
}
.txt:before {
	content: "";
	width: 50px;
	height: 1px;
	margin: 0 0 10px 0;
	background-color: #2694ca;
	display: block;
}
.box1 .txt:before {
	background-color: #a50835;
}
@media screen and (max-width:812px){
	#course .flex {
		flex-wrap: wrap-reverse;
	}
	#course .pointInner {
		width: 100%;
	}
	#course .pointInnerI {
		width: 100%;
		margin: 10px 0 0 0;
	}
	#course .pointTtl {
		margin: 15px 0 0 0;
	}
	.ttlH4 {
		padding: 0 24px;
		font-size: 2.3rem;
	}
	.ttlH4:after,.ttlH4:before {
		width: 33px;
		height: 25px;
		top: 10px;
	}
	.pointArea {
		margin: 40px 0 0;
	}
	.sub {
		padding: 25px 0 0;
		font-size: 1.2rem;
	}
	.sub:after{
		width: 255px;
		top: 42px;
	}
	.subTtl {
		font-size: 1.5rem;
		letter-spacing: 0rem;
	}
}
/*	feature
----------------------------------------------------------------------------------------*/
#feature {
	background-color: #f4fafc;
	padding: 130px 0 80px 0;
}
#feature .pointTtl:after,
#scholarship .pointTtl:after {
	background: url("../images/arrow02.svg") no-repeat center / cover;
}
.pointOutFeature {
	margin: 40px 0 0 0;
}
#feature .pointInner{
	width: 460px;
	height: auto;
}
#feature .pointInner:nth-of-type(2) {
	width: 600px;
	float: right;
}
#feature .pointInner{
	margin: 0 0 0 0 ;
	float: left;
}
#scholarship .pointInner {
	margin: 40px 0 0 0;
}
#feature .pointInner:last-of-type {
	margin: 40px 0 0 0;
}
#feature .pointTtl,
#scholarship .pointTtl {
	color: #2694ca;
}
#feature .tryangle,
#scholarship .tryangle {
	padding: 30px 30px 30px;
	background-color: #FFF;
}
#feature .pointInner:nth-of-type(2) section {
	padding: 30px 30px 30px;
}
.ipad .txt {
	width: 265px;
}
.ipad img {
	box-shadow: 5px 5px #d4eaf4;
}
.kome {
	margin: 15px 0 0 0;
	font-size: 1.2rem;
	line-height: 1.3;
}
.tryangle {
	position: relative;
}
.tryangle:after {
	content: "";
	border-style: solid;
	border-color: transparent #2694ca transparent transparent;
	border-width: 20px 20px 0px 0px;
	position: absolute;
	bottom: 0px;
	right: 0;
}
.tryangleNone:after,
.tryangleNone:before{
	display: none;
}#opencampus .tryangle.tryangleNone {
	margin: 8px 0 0 0;
	border: none;
	box-shadow: none;
}

td.tryangleB:after {
	content: "";
	border-style: solid;
	border-color: transparent #2694ca transparent transparent;
	border-width: 20px 20px 0px 0px;
	position: absolute;
	bottom: -2%;
	right: 0;
}
.fList {
	margin: 20px 0 0 0;
}
.fList li{
	padding: 4px;
	color: #2694ca;
}
.fList li:before {
	content: "◎";
	color: #c8c8c8;
}
@media screen and (max-width:812px){
	#feature,#scholarship {
		padding: 100px 0 80px 0;
	}
	.pointOutFeature {
		margin: 20px 0 0 0;
	}
	#feature .pointInner{
		width: 100%;
		float: none;
	}
	#feature .pointInner:nth-of-type(2) {
		width: auto;
		float: none;
	}
	#feature .pointInner{
		margin: 20px 0 0 0;
	}
	#scholarship .pointInner {
		margin: 20px 0 0 0;
	}
	#scholarship .pointInner:first-of-type {
		margin: 40px 0 0 0;
	}
	#feature .pointTtl,
	#scholarship .pointTtl {
		color: #2694ca;
	}
	#feature .tryangle,
	#scholarship .tryangle {
		padding: 20px 30px 30px;
	}
	#feature .pointInner:nth-of-type(2) section {
		padding: 20px 30px 30px;
	}
	#feature .pointInner:last-of-type {
		margin: 20px 0 0 0;
	}
	.ipad .txt {
		width: 100%;
	}
	.ipad img {
		margin: 20px 0 0 0;
	}
}
/*	scholarship
----------------------------------------------------------------------------------------*/
#scholarship {
	margin: 0 0 50px 0;
}
#scholarship .pointInner {
	width: 530px;
}
#scholarship .tryangle{
	margin: 8px 0 0 0;
	border: 1px solid #d4eaf4;
	box-shadow: 5px 5px #d4eaf4;
}
#opencampus .tryangle{
	margin: 8px 0 0 0;
	box-shadow: 5px 5px #d4eaf4;
}
#scholarship span {
	font-size: 1.6rem;
	display: block;
}
@media screen and (max-width:812px){
	#scholarship {
		margin: 0 ;
	}
	#scholarship .pointInner {
		width: 100%;
	}
	#scholarship span {
		font-size: 1.4rem;
	}
}
/*	opencampusArea
----------------------------------------------------------------------------------------*/
#opencampus{
	padding: 140px 0 150px 0;
	background: url("../images/opencampus_bg.png") no-repeat center/cover;
	position: relative;
}
#opencampus,#opencampus .ttlH4,
#opencampus .en{
	color: #FFF;
}
#opencampus:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(38,148,202,0.8);
	position: absolute;
	top: 0;
}
#opencampus .tryangle {
	color: #000000;
}
section.tryangle.bgW {
    background: #fff;
}
#opencampus .pointTtl,.btn a,
footer .siteLink a{
	color: #ffff00;
}
#opencampus .pointTtl:after {
	background: url("../images/arrow03.svg") no-repeat center / cover;
}
#opencampus .pointInner {
	width: 500px;
	margin: 55px 0 0 0;
}
#opencampus .pointInner:nth-of-type(2) {
	max-width: 500px;
}
#opencampus .ttlH4:after {
	background: url("../images/opeacampus_line01.svg") no-repeat center / cover;
}
#opencampus .ttlH4:before{
	background: url("../images/opeacampus_line02.svg") no-repeat center / cover;
}
.subTxt {
	margin: 25px auto 0;
	font-size: 1.6rem;
	text-align: center;
}
.openTable {
	width: 100%;
	text-align: center;
}
.openTable td {
	padding: 10px 10px 20px;
	position: relative;
}
.openTable td:before {
	content: "";
	background: #fff;
	position: absolute;
	height: 104%;
	width: 103%;
	top: -2%;
	left: -1%;
	z-index: -1;
	box-shadow: 5px 5px #d4eaf4;
}
.openTable td.brBN:before {
	height: 103%;
}
.openTable td.tryangleB:before {
	width: 101%;
}
.openTable td.bgNnone:before {
	content: "";
	display: none;
}
.openTable td:not(:last-of-type) {
	border-right: dashed;
	border-color:  #92c9e4;
	border-width: 2px;
}
.openTable td.tryangleB {
	border-right: none;
}

.first td:nth-child(-n+3) {
	/* border-bottom: dashed ; */
	border-color: #92c9e4;
	border-width: 2px;
}
.openTable td .note{
	position: absolute;
	font-size: 1.1rem;
	text-align: center;
	width: 100%;
	left: 0;
	bottom: 0;
}
 .openTable .first td.brBN{
	border-bottom: none;
}
.number {
	width: 75%;
	height: 32px;
	margin: 0 auto;
	padding: 2px;
	font-weight: bold;
	color: #FFF;
	background-color: #2694ca;
	border-radius: 16px;
}
.day {
	margin: 10px 0 0 0;
	line-height: 1.3;
}
.day span {
	font-size: 2rem;
}
.program {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.program p {
	margin: 7px 0;
	font-size: 1.8rem;
	text-align: left;
	position: relative;
	padding: 0 0 0 18px;
	width: 100%;
}
.program p:after {
	content: "";
	border-style: solid;
	border-color: #2091C6;
	border-width: 6px;
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 15px;
	margin: -6px 0 0 0;
}
.pBox {
	padding: 0 25px;
}
.pImg {
	position: absolute;
	bottom: 0;
	left: 60%;
}
.time {
	margin: 28px 0 0 0;
	padding: 2px 15px;
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
	border: solid 1px #FFF;
	display: inline-block;
}
.time.online {
	margin: 10px 0 0 0;
}
.btn a {
	width: 370px;
	height: 90px;
	margin: 60px auto 0;
	padding: 15px 0 0 0;
	font-size: 2.4rem;
	text-align: center;
	border: solid 2px #FFF;
	border-radius: 45px;
	background-color: #ec8c94;
	background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,0.1), rgba(255,255,255,0.1) 3px,
	transparent 3px, transparent 6px);
	box-shadow: 0 4px #a36269;
	display: block;
	position: relative;
}
.btn p {
	line-height: 1.3;
}
.btn a:hover,.slBtn a:hover {
	transform: translate(0,4px);
	box-shadow:0 0;
	transition:transform .4s,box-shadow .4s;
}
.btn a:after {
	content: "";
	width: 11px;
	height: 11px;
	background: url("../images/btn_img.svg") no-repeat center / cover;
	display: block;
	position: absolute;
	top: 38px;
	right: 25px;
}
.btn a span {
	color: #FFF;
	font-size: 1.8rem;
}
.kakko {
	font-size: 2rem;
}
@media screen and (max-width:812px){
	#opencampus{
		padding: 140px 0 100px 0;
	}
	#opencampus .pointInner {
		width: 100%;
		margin: 40px auto 0;
	}
	#opencampus .pointInner:nth-of-type(2) {
		max-width: 100%;
	}
	.openTable {
		width: 100%;
	}
	.openTable td {
		padding: 10px;
	}
	.number {
		height: 25px;
		padding: 1px;
	}
	.openTable td .note {
		font-size: 1rem;
		bottom: 3px;
	}
	.day {
		margin: 10px 0 0 0;
		line-height: 1.8rem;
		padding: 0 0 10px 0;
	}
	.day span {
		font-size: 1.8rem;
	}
	.program {
		padding: 10px 0;
	}
	.program p {
		margin: 3px 0;
		font-size: 1.6rem;
	}
	.pImg {
		width: 15vw;
		left: 80%;
	}
	.btn a {
		width: 70%;
		height: 80px;
		padding: 20px 0 0 0;
	}
	.btn a:after {
		top: 30px;
		right: 25px;
	}
	.btn a span {
		font-size: 1.4rem;
	}
	.openTable td:before {
		height: 105%;
		width: 105%;
	}
}
/*	footer
----------------------------------------------------------------------------------------*/
footer {
	background-color: #eff8fe;
	padding: 35px 0;
}
footer .siteLink {
	padding: 35px 0 0 0;
}
footer .siteLink a{
	font-size: 1.6rem;
	padding: 11px;
}
footer .siteLink a:after {
	background-image: url("../images/btn_img.svg");
	right: 12%;
}
.footerInner {
	max-width: 1100px;
	margin: 0 auto;
}
.address p {
	margin: 11px 0 0 0;
	font-size: 1.4rem;
}
.slBtn a{
	width: 200px;
	height: 48px;
	text-align: center;
	border: 1px solid #FFF;
	border-radius: 24px;
	background-color: #2694ca;
	background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px,
	transparent 2px, transparent 4px);
	box-shadow: 0 3px #1e6f97;
	display: block;
}
.slBtn a {
	margin: 0 15px 0 0;
}
.pageTop {
	bottom: 30px;
	right: 20px;
	position: fixed;
	z-index: 10;
}
.pageTop a {
	display: block;
	width: 80px;
	height: 80px;
	opacity: 0.8;
	transition: opacity 0.3s;
	position: relative;
}
.pageTop a:hover {
	opacity: 1;
}
@media screen and (max-width:812px){
	footer {
		padding: 40px 0;
		text-align: center;
	}
	footer .siteLink {
		margin: 0 auto;
		padding: 0;
	}
	footer .siteLink ul{
		display: block;
	}
	.footerInner {
		display: block;
	}
	.address {
		margin: 0 auto;
	}
	.slBtn {
		margin: 20px auto 0;
	}
	.slBtn a {
		margin: 0 auto;
	}
	.pageTop {
		bottom: 15px;
		right: 5px;
	}
	.pageTop a {
		width: 60px;
		height: 60px;
	}
	.pageTop img {
		width: 50px;
		height: 50px;
	}
}