@charset "utf-8";


/* Google fonts import */

@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css"); /* mincho [font-family: "Sawarabi Mincho";] */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); /* gothic [font-family: "Noto Sans Japanese";] */



/*■reset----------------------------------------------*/
*{
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:14px;
}
ul,ol,li{
	list-style-type:none;
}
a{
	font-size:14px;
	transition:all 0.5s;
	color:#2A6BA8;
	display:block;
	text-decoration:none;
}
a:hover{
	opacity:0.7;
}
img{
	border:none;
	display:block;
	width:100%;
}
p{
	font-size:14px;
	line-height:140%;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-family: "Noto Serif Japanese", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-family: "Noto Sans Japanese";
	font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
	font-weight: 600;
	font-style: normal;
	background:#FFFFFF;
	margin-top:145px;
}

br.sp{
	display:none;	
}
@media screen and (max-width: 640px) {
	body{
		margin-top:95px;
	}
	
	br.sp{
		display: block;	
	}
	br.pc{
		display: none;	
	}
}





/* header
----------------------------------------------------------- */

header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#FFFFFF;
	z-index:100;
}
header .w{
	width:92%;
	max-width:1200px;
	margin:auto;
	padding:20px 0;
	position:relative;
}
header .w a.Logo{
	width:80px;
	max-width:1200px;
}
header .w a.Tx{
	width:170px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

header .Navi{
	width:100%;
	background:#C3002F;
}
header .Navi ul{
	text-align:center;
	padding:10px 0;
}
header .Navi ul li{
	display:inline-block;
	margin:0 45px;
}
header .Navi ul li a{
	color:#FFFFFF;
	letter-spacing:1px;
	font-weight:400;
	text-align:center;
}
header .Navi ul li a.none{
	opacity:0.3 !important;
	cursor:default;
}
@media screen and (max-width: 640px) {
	header .w{
		padding:10px 0;
	}
	header .w a.Logo{
		width:50px;
	}
	header .w a.Tx{
		width:120px;
	}
	
	header .Navi ul{
		padding:8px 0;
	}
	header .Navi ul li{
		margin:0 3px;
	}
	header .Navi ul li a{
		font-size:11px;
		letter-spacing:0;
	}
}

































/* contents
------------------------------------------------------------ */

.MainVisial{
	margin-bottom:60px;
}
@media screen and (max-width: 640px) {
	.MainVisial{
		margin-bottom:20px;
	}
}




.ListImg{
	margin:10px 0 
}
@media screen and (max-width: 640px) {
	.ListImg{
		margin:6px 0 
	}
}





.Read{
	width:100%;
	margin:120px 0;
}
.Read p{
	text-align:center;
	font-size:20px;
	line-height:200%;
	color:#333333;
	letter-spacing:1px;
}
@media screen and (max-width: 640px) {
	.Read{
		margin:40px 0;
	}
	.Read p{
		font-size:16px;
		line-height:170%;
	}
}






.RedBlock{
	width:92%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.RedBlock .w{
	width:31%;
	background:#C3002F;
	border-radius:20px;
}
.RedBlock .w div{
	width:100%;
	height:auto;
	min-height:320px;
	position:relative;
}
.RedBlock .w div p{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:22px;
	text-align:center;
	letter-spacing:1px;
	color:#FFFFFF;
	line-height:195%;
	width:100%;
}
.RedBlock .w div p strong{
	display:block;
	font-size:52px;
	font-weight:500;
}
.RedBlock .w div p span{
	font-size:22px;
}
@media screen and (max-width: 640px) {
	.RedBlock .w{
		width:100%;
		margin:10px auto;
	}
	.RedBlock .w div{
		min-height: auto;
		padding:45px 0;
	}
	.RedBlock .w div p{
		position: static;
		top:auto;
		left:auto;
		transform:none;
		font-size:18px;
		line-height:185%;
	}
	.RedBlock .w div p strong{
		font-size:44px;
	}
	.RedBlock .w div p span{
		font-size:16px;
	}
}






.WrapBlock{
	width:100%;
	max-width:1200px;
	margin:100px auto 160px auto;
	position:relative;
}
.WrapBlock .Tx{
	width:60%;
	background:#E5E6E1;
	padding:95px 0;
}
.WrapBlock .Tx h2{
	font-size:34px;
	text-align:center;
	letter-spacing:1px;
	line-height:165%;
	color:#333333;
}
.WrapBlock .Img{
	width:44%;
	position:absolute;
	bottom:-60px;
	right:0;
}
.WrapBlock .Img span{
	display:block;
	text-align:right;
	font-size:11px;
	color:#333333;
	margin-top:3px;
}
@media screen and (max-width: 640px) {
	.WrapBlock{
		margin:50px auto 155px auto;
	}
	.WrapBlock .Tx{
		width:70%;
		padding:45px 0;
	}
	.WrapBlock .Tx h2{
		font-size:18px;
		line-height:165%;
	}
	.WrapBlock .Img{
		width:56%;
		bottom:-100px;
	}
}





.Bg_g{
	background:#F0F1EE;
	padding:5px 0;
}
.Bg_r{
	background:#C3002F;
	padding:100px 0 60px 0;
}
.Bg_g.pa{
	padding:110px 0;
}
@media screen and (max-width: 640px) {
	.Bg_g.pa{
		padding:70px 0;
	}
	.Bg_r{
		padding:60px 0 35px 0;
	}
}





.Contents{
	width:90%;
	max-width:1200px;
	margin:135px auto;
	background:#FFFFFF;
	border-radius:20px;
	box-shadow:0 3px 6px rgba(0,0,0,0.15);
	position:relative;
}
@media screen and (max-width: 640px) {
	.Contents{
		margin:65px auto;
	}
}






img.Fimg{
	display:block;
	height:40px;
	width:auto;
	position:absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
}
img.Fimg.c{
	position: static;
	top:auto;
	left:auto;
	transform:none;
	margin:0 auto 5px auto;
}
@media screen and (max-width: 640px) {
	img.Fimg{
		height:28px;
		top:-14px;
	}
}





.Contents .Area{
	padding:70px 45px;
}
@media screen and (max-width: 640px) {
	.Contents .Area{
		padding:40px 20px;
	}
}






.C_wrap{
	width:82%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:90px;
}
.C_wrap.b{
	width:auto;
	padding:60px 70px;
	border-top:solid 2px #E5E6E1;
	border-bottom:solid 2px #E5E6E1;
}
.C_wrap .Img{
	width:48%;
}
.C_wrap .Tx{
	width:46%;
}
.C_wrap.b .Tx{
	width:100%;
}
.C_wrap .Tx h4{
	font-size:28px;
	text-align:center;
	line-height:165%;
}
.C_wrap .Tx p.n{
	color:#333333;
	line-height:185%;
	font-size:15px;
}
.C_wrap .Tx p.n span{
	display:block;
	font-size:12px;
	margin-top:8px;
	line-height:180%;
}
.C_wrap .Tx h4.r{
	font-size:32px;
	text-align: left;
	line-height:155%;
	margin:20px 0;
}
.C_wrap.b .Tx h4.r{
	margin:0;
}
.C_wrap .Tx h4.r strong{
	font-size:40px;
	font-weight:500;
	display:block;
	color:#C3002F;
}
.C_wrap .Tx h4.r strong span{
	vertical-align:middle;
	margin-left:15px;
}
.C_wrap .Tx h4.r strong span a{
	display:inline-block;
	width:26px;
	margin:0 4px;
}

.C_wrap .Tx p.r{
	font-size:21px;
	line-height:165%;
	display:inline-block;
	padding:0 30px 10px 0;
	color:#333333;
	border-bottom:solid 2px #C3002F;
}
@media screen and (max-width: 640px) {
	.C_wrap{
		width:100%;
		margin-bottom:55px;
	}
	.C_wrap.b{
		padding:40px 20px;
	}
	.C_wrap .Img{
		width:100%;
		margin-bottom:15px;
	}
	.C_wrap .Tx{
		width:100%;
	}
	.C_wrap .Tx h4{
		font-size:20px;
	}
	.C_wrap .Tx p.n{
		line-height:175%;
		font-size:14px;
	}
	.C_wrap .Tx p.n span{
		display:block;
		font-size:12px;
		margin-top:8px;
		line-height:180%;
	}
	.C_wrap .Tx h4.r{
		font-size:26px;
		margin:14px 0;
	}
	.C_wrap .Tx h4.r strong{
		font-size:32px;
	}
	.C_wrap .Tx h4.r strong span{
		margin-left:12px;
	}
	.C_wrap .Tx h4.r strong span a{
		width:22px;
		margin:0 3px;
	}
	.C_wrap .Tx p.r{
		font-size:18px;
		line-height:155%;
		display:block;
		padding:0 0 10px 0;
	}
}



.Time{
	background:#E5E6E1;
	padding:10px 12px;
	display:inline-block;
	position:relative;
	padding-left:84px;
	padding-right:24px;
	margin:30px 0;
}
.Time .l{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.Time .l p{
	font-size:14px;
	color:#333333;
	letter-spacing:1px;
	padding:6px 15px 6px 20px;
	border-right:solid 1px #777777;
}
.Time .r{
	display:inline;
}
.Time .r p{
	font-size:26px;
	letter-spacing:1px;
	color:#333333;
}
.Time .r p img{
	height:24px;
}
@media screen and (max-width: 640px) {
	.Time{
		padding:8px;
		padding-left:80px;
		padding-right:18px;
		margin:18px 0;
	}
	.Time .l p{
		font-size:13px;
	}
	.Time .r p{
		font-size:21px;
	}
	.Time .r p img{
		height:22px;
	}
}




h3.Mtit{
	font-size:36px;
	text-align:center;
	letter-spacing:1px;
	color:#333333;
	margin-bottom:60px;
}
@media screen and (max-width: 640px) {
	h3.Mtit{
		font-size:24px;
		margin-bottom:25px;
	}
}




.RedBox{
	width:92%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:60px;
}
.RedBox .w{
	width:31%;
	background:#C3002F;
	border-radius:20px;
	position:relative;
}
.RedBox .w img.n{
	width:64px;
	position:absolute;
	top:-40px;
	left:10px;
}
.RedBox .w img.i{
	width:90%;
	position:absolute;
	bottom:-60px;
	left:50%;
	transform:translateX(-50%);
}
.RedBox .w div{
	width:100%;
	height:auto;
	min-height:320px;
	position:relative;
}
.RedBox .w div p{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:16px;
	text-align:center;
	letter-spacing:1px;
	color:#FFFFFF;
	line-height:165%;
	width:100%;
}
.RedBox .w div p strong{
	display:block;
	font-size:21px;
}
.RedBox .w div p b{
	font-size:32px;
	display:block;
	margin:10px auto;
}
.RedBox .w div p.c{
	font-size:14px;
	line-height:155%;
}
.RedBox .w div p.c strong{
	margin-bottom:8px;
	line-height:135%;
}
.RedBox .w div p.c b{
	margin-bottom:12px;
}
@media screen and (max-width: 640px) {
	.RedBox{
		margin-bottom:5px;
	}
	.RedBox .w{
		width:100%;
		margin:20px auto 65px auto;
	}
	.RedBox.sp .w{
		margin:20px auto 25px auto;
	}
	.RedBox .w img.n{
		width:46px;
		top:-28px;
		left:5px;
	}
	.RedBox .w img.i{
		bottom:-50px;
	}
	.RedBox .w div{
		padding:45px 0 75px 0;
		min-height:auto;
	}
	.RedBox.sp .w div{
		padding:45px 0;
	}
	.RedBox .w div p{
		position: static;
		top:auto;
		left:auto;
		transform:none;
		font-size:14px;
	}
	.RedBox .w div p strong{
		font-size:20px;
	}
	.RedBox .w div p b{
		font-size:27px;
		margin:8px auto;
	}
	.RedBox .w div p.c{
		font-size:13px;
	}
}












.Wrapper{
	width:100%;
	padding:90px 0;
}
@media screen and (max-width: 640px) {
	.Wrapper{
		padding:55px 0;
	}
}







.CarWrap{
	width:92%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:110px;
	margin-bottom:-60px;
}
.CarWrap .w{
	width:48%;
	margin-bottom:110px;
	position:relative;
	background:#FFFFFF;
	border-radius:20px;
	box-shadow:0 3px 6px rgba(0,0,0,0.15);
}
.CarWrap .w img.n{
	width:60px;
	position:absolute;
	top:-45px;
	left:3px;
}
.CarWrap .w div{
	padding:45px 20px 20px 20px;
}
.CarWrap .w div h4{
	text-align:center;
	color:#C3002F;
	font-size:32px;
	letter-spacing:1px;
	margin-bottom:8px;
}
.CarWrap .w div h4 span{
	background:#C3002F;
	color:#FFFFFF;
	font-size: 18px;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 3px 14px;
    position: relative;
    top: -4px;
	margin-right:10px;
}
.CarWrap .w div img{
	width:70%;
	margin:auto;
}
@media screen and (max-width: 640px) {
	.CarWrap{
		margin-top:40px;
		margin-bottom:-35px;
	}
	.CarWrap .w{
		width:100%;
		margin-bottom:55px;
	}
	.CarWrap .w img.n{
		width:42px;
		top:-28px;
	}
	.CarWrap .w div{
		padding:20px 12px 12px 12px;
	}
	.CarWrap .w div h4{
		font-size:24px;
	}
	.CarWrap .w div h4 span{
		font-size: 15px;
		padding: 3px 14px;
		top: -4px;
	}
	.CarWrap .w div img{
		width:80%;
	}
}




.SK_wrap{
	width:92%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.SK_wrap .Area{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.SK_wrap .l{
	width:12%;
	background:#C3002F;
	position:relative;
}
/*
.SK_wrap .l p{
	width:100%;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:1px;
	position:absolute;
	left:0;
}
.SK_wrap .l p span{
	display:block;
	height:24px;
	width:1px;
	background:#FFFFFF;
	margin:10px auto;
}
*/
.SK_wrap .l p{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.SK_wrap .l p img{
	width:70px;
	margin:auto;
}
.SK_wrap .l p.num01{
	top:30px;
}
.SK_wrap .l p.num02{
	top:220px;
}
.SK_wrap .l p.num03{
	top:355px;
}
.SK_wrap .l p.num04{
	bottom:30px;
}
.SK_wrap .r{
	width:88%;
	background:#FFFFFF;
}
.SK_wrap .r .w{
	padding:26px 42px;
}
.SK_wrap .r .w.g{
	background:#E5E6E1;
}
.SK_wrap .r .w p{
	font-size:20px;
	color:#333333;
	letter-spacing:1px;
}
.SK_wrap .r .w p span{
	font-size:14px;
	display:block;
	margin-top:20px;
	text-indent:-14px;
	margin-left:14px;
}
@media screen and (max-width: 640px) {
	.SK_wrap{
		width:310px;
		margin:auto;
	}
	.SK_wrap .l{
		width:22%;
	}
	.SK_wrap .l p{
		font-size:14px;
	}
	.SK_wrap .l p span{
		height:20px;
		margin:8px auto;
	}
	.SK_wrap .l p img{
		width:48px;
	}
	.SK_wrap .l p.num01{
		top:17px;
	}
	.SK_wrap .l p.num02{
		top:150px;
	}
	.SK_wrap .l p.num03{
		top:242px;
	}
	.SK_wrap .l p.num04{
		bottom:18px;
	}
	.SK_wrap .r{
		width:78%;
	}
	.SK_wrap .r .w{
		padding:12px 20px;
	}
	.SK_wrap .r .w p{
		font-size:16px;
	}
	.SK_wrap .r .w p span{
		font-size:11px;
		margin-top:12px;
		text-indent:-11px;
		margin-left:11px;
		line-height:145%;
	}
}



.Map{
	width:92%;
	max-width:1200px;
	margin:auto;
}
.Map iframe{
	display:block;
	width:100%;
	height:600px;
	border:none;
}
.Map table{
	width:60%;
	margin:auto;
	margin-top:60px;
}
.Map table td{
	padding:6px 0;
	font-size:20px;
	letter-spacing:1px;
	color:#333333;
}
.Map table td:nth-child(1){
	padding-right:40px;
}
@media screen and (max-width: 640px) {
	.Map iframe{
		height:260px;
	}
	.Map table{
		width:100%;
		margin-top:30px;
	}
	.Map table td{
		padding:5px 0;
		font-size:14px;
	}
	.Map table td:nth-child(1){
		padding-right:20px;
	}
}





.CamArea{
	width:90%;
	max-width:1080px;
	margin:auto;
}
.CamArea h2{
	font-size:34px;
	text-align:center;
	letter-spacing:1px;
	color:#FFFFFF;
	margin-bottom:15px;
}
.CamArea h2 + p{
	font-size:20px;
	text-align:center;
	letter-spacing:1px;
	color:#FFFFFF;
	margin-bottom:15px;
}
.CamArea h2 + p span{
	font-size:60%;
}
.CamArea p.s{
	font-size:20px;
	text-align:center;
	letter-spacing:1px;
	color:#FFFFFF;
	margin-top:15px;
	line-height:155%;
	margin-bottom:70px;
}
.CamArea p.ss{
	font-size:14px;
	color:#FFFFFF;
	margin-top:7px;
	text-align:center;
}
.CamArea h3{
	font-size:24px;
	text-align:center;
	letter-spacing:1px;
	color:#C3002F;
	margin-bottom:20px;
}
.CamArea .Two{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.CamArea .Two .w{
	width:42%;
	border-radius:20px;
	background:#FFFFFF;
	padding:30px;
}
.CamArea .Two .w p{
	font-size:20px;
	text-align:center;
	line-height:175%;
	color:#333333;
	margin-top:20px;
}

.CamArea .Three{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.CamArea .Three .w{
	width:28%;
	border-radius:20px;
	background:#FFFFFF;
	padding:20px;
	position:relative;
}
.CamArea .Three .w p{
	text-align:center;
	font-size:22px;
	font-weight:400;
	color:#333333;
	line-height:155%;
	width:100%;
	letter-spacing:1px;
	position:relative;
	z-index:2;
}
.CamArea .Three .w p span{
	display:block;
	font-size:70%;
}
.CamArea .Three .w:nth-child(2) p,
.CamArea .Three .w:nth-child(3) p{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.CamArea .Three .w::after{
	content:"";
	display:block;
	font-size:62px;
	font-weight:bold;
	color:#C3002F;
	position:absolute;
	top:0;
	left:20px;
	opacity:0.15;
}
.CamArea .Three .w:nth-child(1)::after{
	content:"1";
}
.CamArea .Three .w:nth-child(2)::after{
	content:"2";
}
.CamArea .Three .w:nth-child(3)::after{
	content:"3";
}
@media screen and (max-width: 640px) {
	.CamArea h2{
		font-size:26px;
	}
	.CamArea h2 + p{
		font-size:16px;
	}
	.CamArea p.s{
		font-size:17px;
		margin-bottom:55px;
	}
	.CamArea p.ss{
		font-size:12px;
	}
	.CamArea h3{
		font-size:20px;
		margin-bottom:15px;
	}
	.CamArea .Two .w{
		width:auto;
		padding:25px;
		margin:15px auto;
	}
	.CamArea .Two .w p{
		font-size:18px;
		line-height:165%;
		margin-top:15px;
	}
	.CamArea .Three .w{
		width:100%;
		margin:15px auto;
	}
	.CamArea .Three .w p{
		font-size:21px;
	}
	.CamArea .Three .w:nth-child(2) p,
	.CamArea .Three .w:nth-child(3) p{
		position: static;
		top:auto;
		left:auto;
		transform:none;
	}
}



.CarLinks{
	width:90%;
	max-width:1200px;
	margin:50px auto;
	padding-bottom:80px;
}
.CarLinks ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.CarLinks ul li{
	width:48%;
}
.CarLinks ul li a{
	display:block;
}
.CarLinks a.b{
	width:100%;
	max-width:480px;
	margin:auto;
	margin-top:40px;
}
@media screen and (max-width: 640px) {
	.CarLinks{
		margin:40px auto;
		padding-bottom:40px;
	}
	.CarLinks ul li{
		width:100%;
		margin:10px auto;
	}
	.CarLinks a.b{
		margin-top:0;
	}
}

.CarLinks p{
	font-size:24px;
	text-align:center;
	letter-spacing:2px;
	margin-bottom:15px;
	color:#C3002F;
}
.CarLinks p span{
	padding:0 20px;
	position:relative;
}
.CarLinks p span::before{
	content:"";
	display:block;
	background:#C3002F;
	width:2px;
	height:30px;
	transform:translateY(-50%) rotate(135deg);
	position:absolute;
	top:50%;
	left:0;
}
.CarLinks p span::after{
	content:"";
	display:block;
	background:#C3002F;
	width:2px;
	height:30px;
	transform:translateY(-50%) rotate(45deg);
	position:absolute;
	top:50%;
	right:0;
}
.CarLinks a.Ban{
	width:100%;
	display:block;
	max-width:900px;
	margin:auto;
}
.CarLinks a.Tx{
	max-width:840px;
	color:#FFFFFF;
	background:#C3002F;
	border-radius:20px;
	font-size:20px;
	letter-spacing:2px;
	text-align:center;
	padding:15px 0;
	margin:auto;
	box-shadow:0 3px 0 rgba(140,0,34,1);
	position:relative;
}
.CarLinks a.Tx::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #FFFFFF;
	border-right: 0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:15px;
}
@media screen and (max-width: 640px) {
	.CarLinks p{
		font-size:18px;
		margin-bottom:12px;
		padding:0 24px;
		position:relative;
	}
	.CarLinks p span{
		padding:0;
		position:static;
	}
	.CarLinks p span::before{
		height:38px;
		transform:rotate(135deg);
		top:auto;
		left:5px;
		bottom:0;
	}
	.CarLinks p span::after{
		height:38px;
		transform:rotate(45deg);
		top:auto;
		right:5px;
		bottom:0;
	}
	.CarLinks a.Tx{
		font-size:18px;
		line-height:165%;
	}
}




/* footer
-------------------------------------------------------------- */

footer{
	background:#C3002F;
}
footer .Area{
	padding:90px 0 160px 0;
}
footer .Area ul{
	width:100%;
	text-align:center;
}
footer .Area ul li{
	display:inline-block;
	margin:0 50px;
}
footer .Area ul li a{
	font-size:18px;
	text-align:center;
	color:#FFFFFF;
}
footer .Area ul li a.none{
	opacity:0.3 !important;
	cursor:default;
}
@media screen and (max-width: 640px) {
	footer .Area{
		padding:40px 0 90px 0;
	}
	footer .Area ul li{
		display:block;
		margin:14px auto;
	}
	footer .Area ul li a{
		font-size:16px;
	}
}



