@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


img{
	width: 100%;
}


p {
/*	font-size: 115%;*/
}

/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {

	
	
	
	
	#mainArea{
		position: relative;
		background: url("../img/top.jpg") no-repeat center;
		background-size: cover;
		height: 470px;
		box-sizing: border-box;
	}
		#mainArea .top-wrapper {
			position: absolute;
			bottom: 100px;
			width: 100%;
		}
			#mainArea .top-wrapper h1 {
				margin-top: 110px;
				font-size: 88px;
				text-align: center;
				font-family: 'Bodoni Moda', serif;
				font-weight: 400;
				letter-spacing: 3px;
				color: #9bd2d9;
				line-height: 1;
			}
			#mainArea .top-wrapper h1.on {
				opacity: 0.9;
			}
			#mainArea .top-wrapper .message_jp {
				font-weight: 400;
				font-size: 24px;
				letter-spacing: 2px;
				margin-top: 20px;
				text-align: center;
			}
	
	.con_area {
		margin-top: 60px;
	}
	.con_area .lead {
		text-align: center;
	}
		.con_area .lead div {
			font-size: 18px;
			margin-top: 50px;
			line-height: 2.2;
		}
	
	.point {
		width: 960px;
		margin: 90px auto 0;
	}
		.point dl {
			position: relative;
			float: left;
			padding: 40px 0;
			text-align: center;
			width: 300px;
		}
		.point dl::before ,
		.point dl::after {
			position: absolute;
			content: "";
			left: 0;
			background-image: url("../img/deco.png");
			background-size: 14px 15px;
			background-repeat: repeat-x;
			height: 10px;
			width: 0%;
			opacity: 0;
			transition-duration: 1s;
		}
		.point dl::before {
			top: 0;
		}
		.point dl::after {
			bottom: 0;
		}
		.point dl.on::before ,
		.point dl.on::after {
			width: 100%;
			opacity: 1;
		}
		.point dl:nth-child(1)::before ,
		.point dl:nth-child(1)::after {
			transition-delay: 0.2s;
		}
		.point dl:nth-child(2) {
			transition-delay: 0.5s;
		}
		.point dl:nth-child(2)::before ,
		.point dl:nth-child(2)::after {
			transition-delay: 0.7s;
		}
		.point dl:nth-child(3) {
			transition-delay: 0.8s;
		}
		.point dl:nth-child(3)::before ,
		.point dl:nth-child(3)::after {
			transition-delay: 1s;
		}
		.point dl + dl {
			margin-left: 30px;
		}
			.point dl dt {
				font-size: 24px;
				letter-spacing: 2px;
			}
			.point dl dd {
				margin-top: 20px;
				line-height: 2;
			}
	
	
	.tab_area {
	}
		.tab_area .tab {
			width: 895px;
			margin: 120px auto 0;
			position: relative;
		}
		.tab_area .tab::before {
			position: absolute;
			content: "";
			bottom: 0;
			left: -32px;
			background-color: #009bc6;
			width: calc(100% + 64px);
			height: 1px;
		}
			.tab_area .tab li {
				float: left;
				font-size: 20px;
				text-align: center;
				width: 288px;
				border-top: 1px solid #009bc6;
				border-left: 1px solid #009bc6;
				border-right: 1px solid #009bc6;
				border-bottom: 1px solid #009bc6;
				box-sizing: border-box;
				line-height: 1.2;
				padding: 20px;
				position: relative;
				letter-spacing: 2px;
				transition-duration: 0.3s;
				cursor: pointer;
			}
			.tab_area .tab li + li {
				margin-left: 15px;
			}
			.tab_area .tab li:nth-child(3) {
			}
			.tab_area .tab li.active {
				border-bottom: 1px solid #fff;
			}
			.tab_area .tab li::before {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				background-image: url("../img/active.png");
				background-size: 14px 6px;
				background-repeat: repeat-x;
				height: 6px;
				width: 100%;
				opacity: 0;
				transition-duration: 0.3s;
			}
			.tab_area .tab li.active::before {
				opacity: 1;
			}
				.tab_area .tab li span {
					font-size: 16px;
				}
			.tab_area .tab li.active {
			}
	.tab_con {
	}
		.tab_con > li {
			display: none;
		}
		.tab_con > li.show {
			margin-top: 50px;
			display: block;
		}
			.tab_con > li .sec {
				width: 895px;
				margin: auto;
				padding-top: 60px;
				position: relative;
			}
			.tab_con > li .sec + .sec {
				padding-top: 80px;
				border-top: solid 1px #1687bc;
				margin-top: 80px;
			}
				.tab_con > li .sec .cbox {
					position: relative;
				}
				.tab_con > li .sec .sec_txt {
					float: left;
					width: calc(100% - 414px);
					line-height: 2;
				}
					.tab_con > li .sec .sec_txt h2 {
						font-weight: 400;
						font-size: 24px;
						letter-spacing: 2px;
						margin-bottom: 25px;
					}
						.tab_con > li .sec .sec_txt h2.palt{
							font-feature-settings: "palt";
							letter-spacing: 3px;
						}
					.tab_con > li .sec .sec_txt p {
						margin-top: 25px;
						text-align: justify;
					}
					.tab_con > li .sec .sec_txt dl{

					}
					.tab_con > li .sec .sec_txt dl + dl{
						margin-top: 25px;

					}
						.tab_con > li .sec .sec_txt dl dt{
							font-size: 20px;
							margin-bottom: 15px;
							padding-bottom: 10px;
							border-bottom: 1px solid #ccebf4;
						}
						.tab_con > li .sec .sec_txt dl dd{
							text-align: justify;
						}
							.tab_con > li .sec .sec_txt dl dd ul{
								margin: 5px 0;
							}
								.tab_con > li .sec .sec_txt ul li{
									line-height: 1.8;
								}
								.tab_con > li .sec .sec_txt ul li + li{
									margin-top: 5px;
								}
						.tab_con > li .sec .sec_txt .sec_box{
							margin-top: 20px;
						}
							.tab_con > li .sec .sec_txt .sec_box .boxtit{
								width: 115px;
								float: left;
								text-align: center;
								display: -webkit-flex;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								-ms-flex-pack: center;
								justify-content: center;
								-webkit-box-align: center;
								-ms-flex-align: center;
								align-items: center;
								box-sizing: border-box;
								border: 1px solid #80cde2;
							}
							.tab_con > li .sec .sec_txt .sec_box ul{
								width: calc(100% - 130px);
								float: right;
							}
								
	
	
				.tab_con > li .sec .sec_img{
					width: 374px;
				}
				.tab_con > li .sec:not(.sec_img) .sec_img {
					position: absolute;
					right: 0;
					bottom: 0;					
				}
				.tab_con > li .sec.sec_img .sec_img {
					float: right;
					position: relative;
				}
				.tab_con > li .sec:not(.sec_img) .sec_img.deco {
					bottom: 15px;
				}
				.tab_con > li .sec .sec_img.deco::before {
					position: absolute;
					content: "";
					right: 0;
					bottom: -15px;
					width: 100%;
					height: 15px;
					background-image: url("../img/deco.png");
					background-size: 14px 15px;
				}

	
			.tab_con > li .sec .sec_blo {
				margin-top: 30px;
				background-color: #e5f4f9;
				padding: 35px;
			}
				.tab_con > li .sec .sec_blo h3 {
					font-size: 16px;
				}
				.tab_con > li .sec .sec_blo ul {
					display: flex;
					flex-wrap:wrap;
					flex-direction: row;
					margin-top: 14px;
				}
					.tab_con > li .sec .sec_blo ul li {
						width: 33%;
						display: block;
						position: relative;
						padding-left: 15px;
						font-size: 14px;
						letter-spacing: 0;
					}
					.tab_con > li .sec .sec_blo ul li.note {
						text-indent: -1em;
						font-size: 13.5px;
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(n + 4) {
						margin-top: 5px;
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(1) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(4) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(7) {
						flex-basis: 220px;
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(2) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(5) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(8){
						flex-basis: 320px;
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(3) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(6) {
						flex-basis: 240px;
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(7) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(8) {
						margin-top: -17px;
					}
						.tab_con > li .sec .sec_blo ul li span {
							color: #80cadf;
							font-size: 10px;
							position: absolute;
							top: 2px;
							left: 0;
						}
	
	
	.tab_con > li .link_area {
		display: block;
		margin-top: 200px;		
		width: 100%;
		padding: 7vw;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
	}
	.tab_con > li .link_area .link_bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background-size: cover;
		transition: transform ease-out 0.8s;
	}
	.tab_con > li .link_area:hover .link_bg{
		transform: scale(1.05);
	}
	.tab_con > li:nth-child(1) .link_area .link_bg {
		background-image: url("../img/con01_link01.jpg");
	}
	.tab_con > li:nth-child(2) .link_area .link_bg {
		background-image: url("../img/con02_link01.jpg");
	}
	.tab_con > li:nth-child(2) .link_area + .link_area {
		margin-top: 10px;
	}
	.tab_con > li:nth-child(2) .link_area + .link_area  .link_bg {
		background-image: url("../img/con02_link02.jpg");
	}
	.tab_con > li:nth-child(3) .link_area  .link_bg {
		background-image: url("../img/con03_link01.jpg");
	}
		.tab_con > li .link_area .link_blo {
			width: 895px;
			margin: auto;
		}
		.tab_con > li:nth-child(2) .link_area:nth-of-type(1) .link_blo {
			text-align: right;
		}
			.tab_con > li .link_area dl {
				padding: 35px 80px 45px;
				display: inline-block;
				position: relative;
				text-align: center;
			}
			.tab_con > li .link_area dl::before {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #57bad5;
				mix-blend-mode: multiply;
			}
				.tab_con > li .link_area dl dt {
					font-size: 27px;
					color: #fff;
					position: relative;
					letter-spacing: 4px;
				}
				.tab_con > li .link_area dl dd {
					margin-top: 30px;
				}
					.tab_con > li .link_area dl dd .btn {
						color: #fff;
						font-size: 16px;
						border: solid 1px #fff;
						padding: 8px 65px 8px 10px;
						position: relative;
					}
					.tab_con > li .link_area dl dd .btn::before {
						position: absolute;
						content: "";
						top: 0;
						bottom: 0;
						right: 20px;
						margin: auto;
						width: 31px;
						height: 6px;
						border-right: solid 1px #fff;
						border-bottom: solid 1px #fff;
						transform: skew(45deg);
						transition: 0.4s;
					}
						.tab_con > li .link_area:hover dl dd .btn::before{
							right: 13px;
						}

	
	
	#footer {
	}
	
	
}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	main{
		position: relative;
		overflow: hidden;
	}

	
	#mainArea{
		position: relative;
		background: url("../img/top.jpg") no-repeat center;
		background-size: cover;
		height: 250px;
		box-sizing: border-box;
	}
		#mainArea .top-wrapper {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			flex-direction: column;
			height: 100%;
		}
			#mainArea .top-wrapper h1 {
				font-size: 56px;
				text-align: center;
				font-family: 'Bodoni Moda', serif;
				font-weight: 400;
				letter-spacing: 3px;
				color: #9bd2d9;
				line-height: 1;
				margin-top: 400px;
				opacity: 0;
			}
			#mainArea .top-wrapper h1.on {
				opacity: 0.9;
			}
			#mainArea .top-wrapper .message_jp {
				font-weight: 400;
				font-size: 18px;
				letter-spacing: 2px;
				margin-top: 5px;
			}
	
	.con_area {
		width: 90%;
		margin: 160px auto 40px;
	}

	.con_area .lead {
		display: block;
		text-align: center;
		font-size: 16px;
		margin: 80px auto;
	}
		.con_area .lead div {

		}
	
	.point {
		
	}
		.point dl {
			max-width: 300px;
			width: 80%;
			padding: 56px 0;
			box-sizing: border-box;
			position: relative;
			margin: 0 auto;
			margin-top: 60px;
		}
		.point dl::before ,
		.point dl::after {
			position: absolute;
			content: "";
			left: 0;
			background-image: url("../img/deco.png");
			background-size: 14px 15px;
			background-repeat: repeat-x;
			height: 10px;
			width: 0%;
			opacity: 0;
			transition-duration: 1s;
		}
		.point dl::before {
			top: 0;
		}
		.point dl::after {
			bottom: 0;
		}
		.point dl.on::before ,
		.point dl.on::after {
			width: 100%;
			opacity: 1;
		}
		.point dl:nth-child(1)::before ,
		.point dl:nth-child(1)::after {
			transition-delay: 0.2s;
		}
		.point dl:nth-child(2) {
			transition-delay: 0.5s;
		}
		.point dl:nth-child(2)::before ,
		.point dl:nth-child(2)::after {
			transition-delay: 0.7s;
		}
		.point dl:nth-child(3) {
			transition-delay: 0.8s;
		}
		.point dl:nth-child(3)::before ,
		.point dl:nth-child(3)::after {
			transition-delay: 1s;
		}
		.point dl + dl {
			margin-top: 60px;
		}
			.point dl dt {
				font-size: 22px;
				color: #0096BF;
				font-weight: 400;
				text-align: center;
				line-height: 1;
			}
			.point dl dd {
				text-align: center;
				font-size: 14px;
				font-weight: lighter;
				letter-spacing: 0;
				margin: 20px 0 0;
				color: #0096BF;
			}
	
	
	.tab_area {
		margin-top: 60px;
	}
		.tab_area .cat {
		}
			.tab_area .cat li {
				position: relative;
				text-align: center;
				font-weight: bold;
			}
			.tab_area .cat li::before {
				position: absolute;
				content: "";
				top: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				width: 100%;
				height: 1px;
				background-color: #009bc6;
			}
			.tab_area .cat li.cat01 {
			}
			.tab_area .cat li.cat02 {
			}
				.tab_area .cat li span {
					background-color: #fff;
					padding: 0 10px;
					position: relative;
				}
		.tab_area .tab {
			margin-top: 5px;
			position: relative;
		}
		/*.tab_area .tab::before {
			position: absolute;
			content: "";
			bottom: 0;
			left: -32px;
			background-color: #009bc6;
			width: calc(100% + 64px);
			height: 1px;
		}*/
			.tab_area .tab li {
				float: left;
				font-size: 18px;
				text-align: center;
				width: 100%;
				border-top: 1px solid #009bc6;
				border-left: 1px solid #009bc6;
				border-right: 1px solid #009bc6;
				border-bottom: 1px solid #009bc6;
				box-sizing: border-box;
				line-height: 1.2;
				padding: 12px;
				position: relative;
				transition-duration: 0.3s;
			}
			.tab_area .tab li + li{
				margin-top: 10px;
			}
			.tab_area .tab li.active {
			}
			.tab_area .tab li::before {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				background-image: url("../img/active.png");
				background-size: 14px 6px;
				background-repeat: repeat-x;
				height: 6px;
				width: 100%;
				opacity: 0;
				transition-duration: 0.3s;
			}
			.tab_area .tab li.active::before {
				opacity: 1;
			}
				.tab_area .tab li span {
					font-size: 14px;
				}
			.tab_area .tab li.active {
			}
			.tab_area .tab .cat {
				position: absolute;
				top: -30px;
				left: 0;
				right: 0;
			}
			.tab_area .tab .cat::before {
				position: absolute;
				content: "";
				top: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				width: 100%;
				height: 1px;
				background-color: #009bc6;
			}
				.tab_area .tab .cat span {
					background-color: #fff;
					padding: 0 10px;
					position: relative;
					font-weight: bold;
					font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
				}
	.tab_con {
	}
		.tab_con > li {
			display: none;
		}
		.tab_con > li.show {
			margin-top: 30px;
			display: block;
		}
			.tab_con > li .sec {
				margin: auto;
				padding-top: 30px;
				position: relative;
			}
			.tab_con > li .sec + .sec {
				padding-top: 40px;
				border-top: solid 1px #1687bc;
				margin-top: 60px;
			}
				.tab_con > li .sec .cbox {
					position: relative;
				}
				.tab_con > li .sec .sec_txt {
				}
					.tab_con > li .sec .sec_txt h2 {
						font-weight: 400;
						font-size: 22px;
						letter-spacing: 2px;
						margin-bottom: 25px;
					}
						.tab_con > li .sec .sec_txt h2.palt{
							font-feature-settings: "palt";
							letter-spacing: 3px;
						}
					.tab_con > li .sec .sec_txt p {
						margin-top: 25px;
						text-align: justify;
					}
					.tab_con > li .sec .sec_txt dl{

					}
					.tab_con > li .sec .sec_txt dl + dl{
						margin-top: 25px;

					}
						.tab_con > li .sec .sec_txt dl dt{
							font-size: 20px;
							margin-bottom: 15px;
							padding-bottom: 10px;
							border-bottom: 1px solid #ccebf4;
						}
						.tab_con > li .sec .sec_txt dl dd{
							text-align: justify;
						}
							.tab_con > li .sec .sec_txt dl dd ul{
								margin: 5px 0;
							}
								.tab_con > li .sec .sec_txt ul li{
									line-height: 1.8;
								}
								.tab_con > li .sec .sec_txt ul li + li{
									margin-top: 5px;
								}
						.tab_con > li .sec .sec_txt .sec_box{
							margin-top: 20px;
						}
							.tab_con > li .sec .sec_txt .sec_box .boxtit{
								width: 60px;
								float: left;
								text-align: center;
								display: -webkit-flex;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: center;
								-ms-flex-pack: center;
								justify-content: center;
								-webkit-box-align: center;
								-ms-flex-align: center;
								align-items: center;
								box-sizing: border-box;
								border: 1px solid #80cde2;
							}
							.tab_con > li .sec .sec_txt .sec_box ul{
								width: calc(100% - 75px);
								float: right;
							}
								
	
	
				.tab_con > li .sec .sec_img{
					width: 100%;
					margin-top: 20px;
				}
				.tab_con > li .sec:not(.sec_img) .sec_img {
					/*position: absolute;
					right: 0;
					bottom: 0;	*/				
				}
				.tab_con > li .sec.sec_img .sec_img {
					float: right;
					position: relative;
				}
				.tab_con > li .sec:not(.sec_img) .sec_img.deco {
					bottom: 15px;
				}
				.tab_con > li .sec .sec_img.deco::before {
					position: absolute;
					content: "";
					right: 0;
					bottom: -15px;
					width: 100%;
					height: 15px;
					background-image: url("../img/deco.png");
					background-size: 14px 15px;
				}

	
			.tab_con > li .sec .sec_blo {
				margin-top: 30px;
				background-color: #e5f4f9;
				padding: 35px;
			}
				.tab_con > li .sec .sec_blo h3 {
					font-size: 16px;
				}
				.tab_con > li .sec .sec_blo ul {
					display: flex;
					flex-direction: column;
					margin-top: 14px;
				}
					.tab_con > li .sec .sec_blo ul li {
						display: block;
						position: relative;
						padding-left: 15px;
						text-indent: -15px;
						font-size: 14px;
						letter-spacing: 0;
					}
					.tab_con > li .sec .sec_blo ul li.note {
						text-indent: -1em;
						font-size: 13.5px;
						order: 10;
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(n + 4) {
						margin-top: 5px;
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(1) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(4) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(7) {
						/*flex-basis: 220px;*/
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(2) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(5) {
						/*flex-basis: 320px;*/
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(3) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(6) {
						/*flex-basis: 240px;*/
					}
					.tab_con > li .sec .sec_blo ul li:nth-child(7) ,
					.tab_con > li .sec .sec_blo ul li:nth-child(8) {
						/*margin-top: -17px;*/
					}
						.tab_con > li .sec .sec_blo ul li span {
							color: #80cadf;
							font-size: 10px;
							/*position: absolute;*/
							top: 2px;
							left: 0;
						}
	
	
	.tab_con > li .link_area {
		margin-top: 100px;		
		width: 100%;
		box-sizing: border-box;
		position: relative;
		padding-top: 160px;
		margin-bottom: 200px;
		display: block;
	}
	.tab_con > li .link_area .link_bg{
		display: none;
	}
	.tab_con > li:nth-child(1) .link_area {
		background-image: url("../img/con01_link01.jpg");
		background-position:  center right 20%;
		background-size: cover;
	}
	.tab_con > li:nth-child(2) .link_area {
		background-image: url("../img/con02_link01.jpg");
		background-size: cover;
	}
	.tab_con > li:nth-child(2) .link_area + .link_area {
		background-image: url("../img/con02_link02.jpg");
		background-position:  center right;
		background-size: cover;
		margin-top: 10px;
	}
	.tab_con > li:nth-child(3) .link_area {
		background-image: url("../img/con03_link01.jpg");
		background-position:  center right 20%;
		background-size: cover;
	}
		.tab_con > li .link_area .link_blo {
			width: 100%;
			position: absolute;
			top: 160px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
		.tab_con > li:nth-child(2) .link_area:nth-of-type(1) .link_blo {
			text-align: right;
		}
			.tab_con > li .link_area dl {
				padding: 25px 20px 25px;
				display: block;
				text-align: center;
				position: relative;
			}
			.tab_con > li .link_area dl::before {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #57bad5;
				mix-blend-mode: multiply;
			}
				.tab_con > li .link_area dl dt {
					font-size: 18px;
					color: #fff;
					position: relative;
					letter-spacing: 3px;
					font-feature-settings: "palt";
				}
				.tab_con > li .link_area dl dd {
					margin-top: 20px;
				}
					.tab_con > li .link_area dl dd .btn {
						color: #fff;
						font-size: 14px;
						border: solid 1px #fff;
						padding: 8px 65px 8px 10px;
						position: relative;
					}
					.tab_con > li .link_area dl dd .btn::before {
						position: absolute;
						content: "";
						top: 0;
						bottom: 0;
						right: 20px;
						margin: auto;
						width: 31px;
						height: 6px;
						border-right: solid 1px #fff;
						border-bottom: solid 1px #fff;
						transform: skew(45deg);
					}

	
	
	#footer {
	}

	
	

}