@charset "UTF-8";

/* INTERFACE */
br.sp{
	display:none;
}

body>header{
	width:100%;
	height:80px;
}

body>header.underline{
	border-bottom:1px solid #ddd;
}

body>header .line_grad{
	display:block;
	width:100%;
	height:5px;
	background:linear-gradient(45deg,#ff9900,#ffe200);
}

body>header>div{
	max-width:1800px;
	margin:0 auto;
	padding:0 30px;
	position:relative;
}

body>header h1,
body>header>div>a{
	display:block;
	margin:18px 0;
	line-height:1em;
}

body>header>div>a:link,
body>header>div>a:visited{
	color:#000;
	text-decoration:none;
}

body>header h1 img,
body>header>div>a img{
	width:200px;
	vertical-align:middle;
	margin:0 15px 0 0;
}

body>header h1 span,
body>header>div>a span{
	font-size:18px;
	font-weight:300;
	vertical-align:middle;
}

body>header nav{
	position:absolute;
	top:7px;
	right:30px;
}

body>header nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

body>header nav ul li{
	margin:0 0 0 30px;
	padding:0 0 5px;
	float:left;
}

body>header nav ul li.active{
	border-bottom:4px solid #fe6e1c;
}

body>header nav ul li a{
	font-size:15px;
	font-weight:700;
}

body>header nav ul li a:link,
body>header nav ul li a:visited{
	color:#000;
}

body>header nav ul li a:hover,
body>header nav ul li a:active{
	color:#ff9700;
	text-decoration:none;
}

@media screen and (max-width:1100px){
	body>header h1 span,
	body>header>div>a span{
		font-size:17px;
	}
	body>header nav ul li{
		margin:0 0 0 20px;
	}
}

body>footer{
	margin:200px 0 60px;
	text-align:center;
}

body>footer#home{
	margin:0 0 60px;
}

body>footer>span{
	display:block;
	height:37px;
	background-image:url("../img/interface/bg_dot.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

body>footer #bnr_area{
	background-color:#f0f0f0;
}

body>footer #bnr_area>div{
	max-width:1400px;
	margin:0 auto;
	padding:30px;
	display:flex;
	flex-wrap:wrap;
}

body>footer #bnr_area>div a{
	display:block;
	width:33.33333%;
	box-sizing:border-box;
	padding:0 20px;
}

body>footer #bnr_area>div a:hover{
	opacity:0.8;
}

body>footer #bnr_area>div a img{
	width:100%;
}

body>footer #nav_area{
	margin:0 0 20px;
	padding:70px 30px;
	background:linear-gradient(45deg,#ff9900,#ffe200);
}

body>footer #nav_area ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}

body>footer #nav_area ul li{
	display:inline;
	margin:0 15px;
}

body>footer #nav_area ul li a{
	font-size:18px;
	font-weight:500;
	color:#000;
}

body>footer>small{
	font-family:Verdana,sans-serif;
	font-size:9px;
}



/* HOME */

#home_key_area{
	max-width:1800px;
	margin:0 auto 120px;
	position:relative;
}


#home_key_area picture img{
	width:100%;
}

#home_news_area{
	width:48%;
	position:absolute;
	top:87%;
	left:48%;
}

#home_news_area>table{
	width:100%;
	border-collapse:collapse;
}

#home_news_area>table th{
	padding:0 35px 0 0;
	vertical-align:top;
	font-size:24px;
	font-weight:700;
	color:#ff9700;
	white-space:nowrap;
}

#home_news_area>table td{
	font-size:15px;
	font-weight:300;
	color:#333;
}

#home_policy_area{
	background-image:url("../img/interface/bg_contents.png");
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top 150px center;
}

#home_policy_area>div{
	max-width:1100px;
	margin:0 auto;
	padding:0 40px 130px;
}

#home_policy_area h2.circle{
	display:table;
	width:65px;
	height:65px;
	margin:0 auto;
	font-size:24px;
	font-weight:600;
	color:#fff;
	background-color:#ff9700;
	border-radius:50%;
}

#home_policy_area h2.circle span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#home_policy_area p.catch{
	margin:0 0 45px;
	text-align:center;
	font-size:46px;
	font-weight:600;
}

#home_policy_area p.catch span{
	background:linear-gradient(transparent 70%,#ecff82 30%);
}

#home_policy_area section.large{
	margin:0 0 90px;
}

#home_policy_area section.large .pic{
	width:50%;
	padding:0 20px 20px 0;
	float:right;
	background-image:url("../img/interface/bg_pic.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right -20px bottom -20px;
	position:relative;
	right:-20px;
}

#home_policy_area section.large .pic img{
	width:100%;
	vertical-align:bottom;
}

#home_policy_area section.large img.no{
	width:143px;
	position:relative;
	left:-25px;
}

#home_policy_area section.large h3{
	margin:0 0 60px;
	font-size:32px;
	font-weight:600;
	line-height:1.6em;
	color:#ff9700;
	position:relative;
	top:-30px;
}

#home_policy_area section.large p{
	width:57%;
	margin:0 0 45px;
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
}


#home_policy_area section.policy{
	margin:120px 0;
}

#home_policy_area section.policy .clear{
	display:block;
	clear:both;
	margin:0 0 40px;
}

#home_policy_area section.policy img.no{
	width:143px;
	position:relative;
	left:-25px;
	float:left;
}

#home_policy_area section.policy h2{
	margin:0;
	padding:20px 0 0;
	font-size:32px;
	font-weight:600;
	line-height:1.6em;
	color:#ff9700;
	position:relative;
}

#home_policy_area section.policy h3{
	margin:40px 0;
	font-size:24px;
	font-weight:500;
	line-height:1.7em;
	color:#000;
	position:static;
}

#home_policy_area section.policy h3 span{
	background:linear-gradient(transparent 70%,#ffcc80 30%);
}

#home_policy_area section.policy .pic{
	width:30%;
	margin:0 0 30px 30px;
	padding:0 10px 10px 0;
	float:right;
	background-image:url("../img/interface/bg_pic.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right -10px bottom -10px;
}

#home_policy_area section.policy p{
	width:100%;
	margin:0 0 40px;
	text-align:justify;
	font-size:16px;
	font-weight:300;
	line-height:1.9em;
}

#home_policy_area section.policy p.lead{
	margin:0 0 60px;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	line-height:2em;
}

#policy_more{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 30px);
	margin:75px 0 0;
	position:relative;
	left:-15px;
}

#policy_more section.small{
	width:50%;
	box-sizing:border-box;
	padding:0 15px 80px;
	overflow:hidden;
}

#policy_more section.small .pic{
	width:150px;
	float:left;
}

#policy_more section.small .pic a:hover{
	opacity:0.8;
}

#policy_more section.small .pic img{
	width:100%;
	border-radius:50%;
}

#policy_more section.small .txt{
	width:calc(100% - 170px);
	float:right;
}

#policy_more section.small .txt p{
	display:inline-block;
	margin:0;
	padding:10px 20px 12px;
	font-size:18px;
	font-weight:600;
	line-height:1em;
	background-color:#e6ff91;
	border-radius:30px;
}

#policy_more section.small .txt h3{
	margin:20px 0;
	font-size:24px;
	font-weight:600;
	color:#ff9700;
}

#policy_more section.small .txt h3 a{
	color:#ff9700;
}

#policy_more section.small .txt h3 a:hover{
	color:#fe6e1c;
	text-decoration:none;
}

#home_policy_area a.center{
	margin:0 auto 80px;
}

#home_policy_area a.bnr{
	display:block;
	max-width:600px;
	text-align:center;
}

#home_policy_area a.bnr:hover{
	opacity:0.8;
}

#home_policy_area a.bnr img{
	width:100%;
}

#home_profile_area{
	height:570px;
	background-image:url("../img/interface/bg_profile.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	position:relative;
}

#home_profile_area>div{
	width:35%;
	position:absolute;
	top:50%;
	right:10%;
	transform:translateY(-50%);
}

#home_profile_area>div p{
	margin:0;
	font-size:18px;
	color:#fff;
}

#home_profile_area>div img{
	max-width:290px;
	width:100%;
	margin:15px 0 25px;
}

/* SUB */

#sub_key_area{
	height:300px;
	margin:0;
	padding:0 40px;
	background-image:url("../img/interface/bg_title.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	position:relative;
}

#sub_key_area h1{
	width:450px;
	margin:0;
	padding:2px;
	text-align:center;
	font-size:40px;
	font-weight:500;
	line-height:1em;
	letter-spacing:1px;
	color:#fe6e1c;
	background-color:#fff;
	position:absolute;
	top:35%;
	left:50%;
	transform:translateX(-50%);
}

#sub_key_area h1 span{
	display:block;
	padding:20px 20px 25px;
	border:1px solid #ff9700;
}

#topicpath{
	max-width:1800px;
	margin:8px auto 60px;
	padding:0 30px;
}

#topicpath ul{
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	font-size:14px;
	font-weight:400;
}

#topicpath ul li{
	float:left;
	margin:0 6px 0 0;
}

#topicpath ul li a{
	display:inline-block;
	margin:0 6px 0 0;
}

table.basic{
	width:100%;
	border-collapse:collapse;
	margin:0 0 60px;
	border-top:1px solid #ddd;
}

table.basic th{
	padding:15px 15px 20px;
	font-size:14px;
	font-weight:500;
	background-color:#e6ff91;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

table.basic td{
	padding:15px 15px 20px;
	font-size:16px;
	font-weight:200;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

/* REPORT */

#report_area{
	max-width:800px;
	margin:0 auto;
	padding:0 40px;
}

#report_area h2{
	margin:0 0 40px;
	padding:18px 20px 18px;
	font-size:17px;
	font-weight:400;
	line-height:1.4em;
	background-color:#fff;
	border:2px solid #ff9700;
	border-radius:10px;
	position:relative;
}

#report_area h2 b{
	font-size:40px;
	color:#fe6e1c;
}

#report_area h2 span{
	display:block;
}

#report_area h2 img{
	width:20px;
	position:absolute;
	bottom:-17px;
	left:60px;
}

#report_area h3{
	font-size:22px;
	font-weight:600;
	line-height:1em;
	color:#ff9700;
}

#report_area>section{
	margin:0 0 70px;
}

#report_area ul{
	margin:0 0 50px;
	padding:0;
	list-style-type:none;
	border-top:1px solid #eee;
}

#report_area ul li{
	border-bottom:1px solid #eee;
}

#report_area ul li a{
	display:inline-block;
	padding:15px 0 17px 60px;
	font-size:16px;
	font-weight:400;
	color:#000;
	background-image:url("../img/interface/ico_pdf.png");
	background-repeat:no-repeat;
	background-size:25px auto;
	background-position:left 20px center;
}

#report_area ul li a:hover{
	color:#ff9700;
	text-decoration:none;
}

/* SUPPORT */

#support_area{
	max-width:800px;
	margin:0 auto;
	padding:0 40px;
}

#support_area p.lead{
	margin:0 0 50px;
	font-size:16px;
	font-weight:200;
	line-height:1.6em;
}

#map{
	width:100%;
	height:0;
	padding:60% 0 0;
	position:relative;
}

#map iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/* MESSAGE */

#message_area{
	max-width:800px;
	margin:0 auto;
	padding:0 40px;
}

#message_area p{
	margin:20px 0;
	text-align:justify;
	font-size:16px;
	font-weight:300;
	line-height:1.8em;
}

#message_area p.sign{
	text-align:right;
}

#message_area video{
	width:100%;
}


/* PLOFILE */

#profile_area{
	max-width:800px;
	margin:0 auto;
	padding:0 40px;
}

#profile_area>section{
	margin:0 0 80px;
}

#profile_area h2{
	margin:0 0 30px;
	padding:8px 15px 10px;
	font-size:25px;
	font-weight:500;
	line-height:1em;
	background-color:#e6ff91;
	border-left:4px solid #000;
}

#profile_area h3{
	font-size:22px;
	font-weight:600;
	line-height:1em;
	color:#ff9700;
	clear:both;
}

#profile_area p{
	margin:20px 0;
	text-align:justify;
	font-size:16px;
	font-weight:300;
	line-height:1.8em;
}

#profile_area p.lead{
	font-size:18px;
}

#profile_area ul{
	margin:0 0 40px;
	padding:0 0 0 25px;
	font-size:16px;
	font-weight:300;
}

#profile_area ul.left{
	width:50%;
	float:left;
}

#profile_area img.right{
	width:40%;
	margin:0 0 20px;
	float:right;
}

#profile_area ul li{
	margin:10px 0;
}

#profile_area .pics{
	display:flex;
	margin:0 0 40px;
}

#profile_area .pics div{
	width:33.3333333%;
}

#profile_area .pics div img{
	width:100%;
}

table.profile{
	width:100%;
	border-collapse:collapse;
	margin:0 0 60px;
}

table.profile th{
	padding:25px 20px;
	text-align:left;
	font-size:16px;
	font-weight:500;
	color:#ff9700;
	border-bottom:1px dotted #ddd;
}

table.profile td{
	padding:25px 20px;
	font-size:15px;
	font-weight:300;
	line-height:1.8em;
	border-bottom:1px dotted #ddd;
}


/* POLICY */

#policy_contents_area>div{
	max-width:1100px;
	margin:0 auto;
	padding:0 40px;
}

#policy_contents_area h1.catch{
	margin:10px 0 45px;
	text-align:center;
	font-size:46px;
	font-weight:600;
	line-height:1.2em;
	color:#ff9700;
}

#policy_contents_area p.motto{
	display:table;
	margin:0 auto;
	padding:10px 20px 12px;
	font-size:16px;
	font-weight:500;
	line-height:1em;
	background-color:#e6ff91;
	border-radius:30px;
}

#policy_contents_area .clear{
	overflow:hidden;
}

#policy_contents_area .pic{
	width:30%;
	margin:0 0 30px 30px;
	padding:0 10px 10px 0;
	float:right;
	background-image:url("../img/interface/bg_pic.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right -10px bottom -10px;
}

#policy_contents_area .pic img{
	width:100%;
	vertical-align:bottom;
}

#policy_contents_area h2{
	margin:0;
	font-size:22px;
	font-weight:400;
	color:#333;
}

#policy_contents_area h3{
	margin:30px 0 0;
	font-size:20px;
	font-weight:500;
	color:#444;
}

#policy_contents_area p{
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:1.7em;
}

#policy_contents_area p.margin{
	margin:15px 0 30px;
}

#policy_contents_area p.main{
	margin:0 0 45px;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	line-height:1.8em;
}

#policy_contents_area p.main span{
	display:block;
	margin:20px 0 0;
	font-size:14px;
	line-height:1.5em;
}

#policy_contents_area ul,
#policy_contents_area ol{
	margin:20px 0;
	padding:0 0 0 25px;
	font-size:15px;
	font-weight:300;
}

#policy_contents_area ul li,
#policy_contents_area ol li{
	margin:10px 0;
}

#policy_contents_area .question{
	margin:60px 0;
	padding:0 30px 20px;
	border:1px solid #ddd;
}

#policy_contents_area .question h2.q_title{
	margin:0 0 20px;
}

#policy_contents_area .question h2.q_title b{
	display:block;
	margin:0;
	font-size:28px;
	font-weight:600;
	line-height:1.2em;
	color:#ff9700;
}

#policy_contents_area .question h2.q_title>span{
	display:block;
	width:200px;
	padding:25px 0;
	background-color:#e6ff91;
	text-align:center;
	font-size:25px;
	font-weight:200;
	line-height:1.2em;
	color:#000;
	position:relative;
	top:-20px;
	left:-50px;
}

#policy_contents_area .question h2.q_title b span{
	display:inline-block;
	margin:0 0 0 15px;
	font-size:20px;
	font-weight:400;
	color:#000;
}

#policy_contents_area .question p{
	margin:0 0 20px;
	text-align:justify;
	font-size:16px;
	font-weight:200;
	line-height:1.8em;
}

#policy_contents_area .question img{
	width:30%;
	vertical-align:bottom;
	margin:0 0 20px 20px;
	float:right;
}

#policy_contents_area .question>div{
	overflow:hidden;
}

#policy_contents_area .basic{
	margin:80px 0;
}

#policy_contents_area .basic h2{
	margin:0 0 30px;
	font-size:28px;
	font-weight:600;
	line-height:1.2em;
	color:#ff9700;
}