/*mbg*/
#mvg{
	/* background:url(/common/img/key_main.jpg) 0 0 no-repeat; */
	/* max-width:100%; */
	/* background-size:100%; */
	/* text-align:left;
	height:auto;
	padding-top:28%;
	position:relative; */
}
#mvg picture {
	display: block;
    margin-inline: auto;
    max-width: 1000px;
}
#mvg #key_text{
	margin:0 auto;
	font-size:48px;
	line-height:1.8;
	color:#137bbb;
	width:60%;
	margin-bottom:3%;
	overflow:hidden;
	position:absolute;
	top:30%;
	left:12%;
}
#mvg #key_text strong{
	display:block;
	letter-spacing:-0.8px;
	font-weight:500
}
@media screen and (max-width: 1250px) {

#mvg #key_text{
	font-size:45px;
}
}
@media screen and (max-width: 1100px) {

#mvg #key_text{
	font-size:38px;
	top:30%;
}
}
@media screen and (max-width: 990px) {
#mvg dl{
	width:85%;
}
#mvg #key_text{
	width:85%;
	font-size:280%;
}
#mvg dl .mvg_point{
	max-width:100%;
	font-size:150%;
}
}
@media screen and (max-width: 890px) {
#mvg #key_text{
	font-size:34px;
	line-height: 1.6;
}
}
@media screen and (max-width: 640px) {
#mvg #key_text{
	font-size:28px;
	line-height: 1.4;
}

}
@media screen and (max-width: 580px) {
#mvg #key_text{
	font-size:22px;
	font-weight:400;
}
}
@media screen and (max-width: 420px) {
#mvg #key_text{
	font-size:18px;
	line-height: 1.4;
}

}
@media screen and (max-width: 360px) {
#mvg #key_text{
	font-size:16px;
}
}
/* event */
#event{
	max-width:100%;
	background:#336699;
	margin-bottom:60px;
}
#event div{
	width:1100px;
	color:#FFF;
	font-size:30px;
	line-height:1;
	padding:50px 20px;;
	margin:0 auto;
}
#event div p span{
	font-size:50px;
	font-weight:bold;
	display:block;
}
#event div p:first-child{
	line-height:1.4;
	margin-bottom: 10px;
}
#event div .inner_detail_onone{
	position:absolute;
	padding:10px 40px 10px;
	background:url(/common/img/arrow_ore_1.png) 195px 6px no-repeat transparent;
	line-height:1;
	letter-spacing:-0.8px;
	text-decoration:underline;
	font-size:15px;
	right:10%;
	font-weight:normal;
	background-size: 12%;
}
#event div .inner_detail_onone a{
	color:#FFF;
}
@media screen and (max-width: 1180px) {
#event div{
	font-size:24px;
	max-width:1040px;
	padding:40px 20px;
}
#event div p span{
	font-size:44px;
}
#event div .inner_detail_onone{
	right:5%;
}
}
@media screen and (max-width: 1100px) {
#event{
	max-width:100%;
}
#event div{
	padding:40px;
}
}

@media screen and (max-width: 890px) {
#event{
	margin-bottom:40px;
}
#event div{
	padding:30px 40px 40px;
}
#event div p span{
	font-size:36px;
}
}
@media screen and (max-width: 660px) {
#event div{
	font-size:18px;
	width:90%;
	padding-bottom: 50px;
}
#event div p span{
	font-size:30px;
}
#event div .inner_detail_onone{
	position:absolute;
	padding:10px 30px 10px;
	background-position:175px 7px;
	letter-spacing:-0.6px;
	font-size:14px;
	background-size: 10%;
}
}
@media screen and (max-width: 580px) {
#event div{
	font-size:14px;
	padding: 30px 20px 40px
}
#event div p span{
	font-size:20px;
}
}
@media screen and (max-width: 420px) {
#event div{
	font-size:12px;
}
	#event div p span{
	font-size:18px;
}
}
@media screen and (max-width: 350px) {
#event div{
	font-size:10px;
}
#event div p span{
	font-size:14px;
}
}
/*left_content*/
#left_content{
	width:300px;
	float:right;
}
@media screen and (max-width: 1100px) {
#left_content{
	width:29%;
}
}
@media screen and (max-width: 990px) {
#left_content{
	width:30%;
}
}
@media screen and (max-width: 890px) {
#left_content{
	display:none;
}
}
/* area */
#clear_area div{
	background:url(/common/img/crysta_area.gif) 1px 0 no-repeat transparent;
	position:relative;
	height:200px;
	margin-bottom:20px;
	background-size:100%;
}
#clear_area div span{
	display:block;
	background:url(/common/img/arrow_blue_2.png) 100px 5px no-repeat transparent;
	font-size:14px;
	color:#000;
	text-decoration:underline;
	padding:6px 40px 6px 00;
	position:absolute;
	bottom:4px;
	right:0;
	letter-spacing:-0.8px;
	background-size: 20%;
}
.clear_areacondition div{
	padding:10px 15px 5px;
	margin-bottom:20px;
}
.clear_areacondition li{
	background:url(/common/img/arrow_blue_2.png) 242px 12px no-repeat transparent;
	border-bottom: solid 1px #137bbb;
	padding:10px 0;
	text-align:left;
	color:#000;
	font-size:18px;
	background-size: 10%;
}
.clear_areacondition .small_txt{
	font-size:17px;
}
.clear_areacondition li:last-child{
	border-bottom:none;
}
@media screen and (max-width: 1100px) {
.clear_areacondition div{
	padding:10px 10px 5px;
}
.clear_areacondition li{
	background-position:220px 18px;
	padding:16px 0;
	font-size:16px;
}
.clear_areacondition .small_txt{
	font-size:15px;
}
}
@media screen and (max-width: 990px) {
.clear_areacondition li{
	background:none;
}
}
/*right_content*/
#right_content{
	float:left;
	max-width:750px;
	width:100%;
}
@media screen and (max-width: 1100px) {
#right_content{
	width:67%;
}
}
@media screen and (max-width: 890px) {
#right_content{
	float:none;
	max-width:100%;
	width:100%;
}
}
/* inner_point*/
#inner_point{
	background: url(/common/img/bg_crysta_point.png) no-repeat 0 0 transparent;
	padding:10px 20px;
	position:relative;
	margin-bottom:30px;
}

#inner_point dt{
	font-size:20px;
	color:#666666;
	margin-bottom:20px;
	line-height:1;
}
#inner_point dt span{
	font-size:180%;
	color:#FFF;
}
#inner_point dl .inner_inner_point{
	margin:0 2%;
	border-bottom:#137bbb 1px solid;
	font-weight:bold;
	font-size:20px;
	line-height:1;
	margin:0 0 2.5% 0;
}
#inner_point dl .inner_inner_point:nth-child(4){
	margin-bottom:0;
}
#inner_point dl dd .inner_num{
	border-left:60px solid #137bbb;
	border-bottom:40px solid transparent;
	font-size:18px;
	color:#FFF;
	display:block;
}
#inner_point dl .inner_inner_point .inner_num span{
	margin:0 0 0 -45px;
	display:block;
	width:0;
	height:0;
	line-height:1.4;
}
#inner_point dl .inner_inner_point .inner_txt{
	display:block;
	letter-spacing:-0.8px;
	margin-top:-40px;
	padding:10px 60px;
}
#inner_point dl .inner_detail{
	top:4%;
	right:1%;
}
/* inner_point 1100*/

@media screen and (max-width: 1100px) {
#inner_point dl .inner_inner_point{
	font-size:18px;
	margin:0 0 3.183% 0;
}
#inner_point dl .inner_inner_point .inner_txt{
	padding:10px 0px 10px 60px;
}
}
/* inner_point 1100*/
@media screen and (max-width: 990px) {
#inner_point dl .inner_inner_point{
	font-size:16px;
	margin:0 0 3.2% 0;
	line-height:1.3;
}
}
@media screen and (max-width: 890px) {
#inner_point dl .inner_inner_point{
	font-size:14px;
}
#inner_point dt{
	font-size:14px;
}
}
@media screen and (max-width: 580px) {
#inner_point dl .inner_inner_point .inner_txt{
	margin-top:-50px;
}
#inner_point dt{
	font-size:12px;
	color:#666666;
	margin-bottom:20px;
	line-height:1;
}
}
@media screen and (max-width: 420px) {
#inner_point{
	padding:15px 15px;
}
#inner_point dl .inner_inner_point{
	font-size:14px;
}
#inner_point dl dd .inner_num{
	border-left:30px solid #137bbb;
	border-bottom:30px solid transparent;
	font-size:14px;
	margin-left:5px;
}
#inner_point dl .inner_inner_point .inner_num span{
	margin:0 0 0 -25px;
	display:block;
	width:0;
	height:0;
	line-height:1.4;
}
#inner_point dl .inner_inner_point .inner_txt{
	padding:10px 0px 10px 40px;
}
#inner_point dt span{
	font-size:160%;
}
}
/* service*/
#clear_service h1{
	margin-bottom:15px;
}
#clear_service ul{
	margin-bottom:30px;
}
#clear_service li{
	float:left;
	border:solid 1px #ff3333;
	width:31.1%;
	height:184px;
	position:relative;
	text-align:left;
	margin-right:2.95%;
}
#clear_service li:nth-child(1){
	background:url(/common/img/service_img01.jpg) no-repeat 0 0 transparent;
	background-size:100%;
}
#clear_service li:nth-child(2){
	background:url(/common/img/service_img02.jpg) no-repeat 0 0 transparent;
	background-size:100%;
}
#clear_service li:nth-child(3){
	background:url(/common/img/service_img03.jpg) no-repeat 0 0 transparent;
	background-size:100%;
	margin-right:0;
}
#clear_service li strong{
	background:url(/common/img/arrow_ore_1.png) no-repeat 200px 9px transparent;
	font-size:15px;
	color:#000;
	font-weight:bold;
	position:absolute;
	bottom:1%;
	display:block;
	width:96%;
	padding:10px 0 10px 10px;
	background-size: 12%;
}
#clear_service li a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}
#sp_charge{
	display: none;
}
#clear_service #clear_charge div{
	float:left;
}
#clear_service #clear_charge .orenge{
	height:112px;
	text-align:left;
	color:#ff3333;
	padding:10px;
	width:26.9%;
	font-size:21px;
	letter-spacing:-0.8px;
	line-height:1.5;
}
#clear_service #clear_charge .orenge h2{
	background:#fff;
	line-height:1.4;
	border:2px #F00 solid;
	color: #F00;
	letter-spacing:-0.8px;
	text-align:center;
	font-size:22px;
	margin-bottom:10px;
}

#clear_service #clear_charge div:last-child{
	background:url(/common/img/charge_img.gif) no-repeat 10% 50% transparent;
	background-color: #FFF;
	height:130px;
	width:69.5%;
	position:relative;
	margin-bottom:40px;
	background-size: 50%;
}
#clear_service #clear_charge .inner_detail{
	top:34%;
	right:2%;
}
/* service1100*/
@media screen and (max-width: 1100px) {
#clear_service li{
	width:31%;
	height:180px;
}
#clear_service li strong{
	background:url(/common/img/arrow_ore_1.png) no-repeat 160px 9px transparent;
	font-size:15px;
	width:94%;
	padding:10px 0 10px 20px;
	background-size: 10%;
}
#clear_service #clear_charge .orenge{
	height:116px;
	text-align:center;
	padding:8px;
	font-size:16px;
	letter-spacing:-0.8px;
	line-height:1.5;
}
#clear_service #clear_charge .orenge h2{
	font-size:20px;
}
#clear_service #clear_charge div:last-child{
	background-size:50%;
	width:68.8%;
}
}
/* service990*/
@media screen and (max-width: 990px) {
#clear_service h1{
	margin-bottom:10px;
}
#clear_service li{
	float: none;
	width:99%;
	height:115px;
	margin-right:0%;
	background-size:90%;
	margin-bottom:10px;
}
#clear_service li a{
	width:100%;
	display:block;
	height:100%;
}

#clear_service li:nth-child(1),
#clear_service li:nth-child(2),
#clear_service li:nth-child(3){
	background-size:35%;
	background-position:100%;
}

#clear_service li strong{
	background-position:170px 11px;
	font-size:20px;
	bottom:27%;
	display:block;
	padding:10px 0 10px 20px;
	background-size: 5%;
}
#sp_charge{
	display: block;
	margin-bottom:20px;
}
#sp_charge a{
	width:100%;
	display:block;
	height:120%;
	margin-top:-10%;
}
#sp_charge div{
	height:30px;
	color:#000;
	font-size:20px;
	font-weight:bold;
	display: block;
	background:url(/common/img/arrow_ore_1.png) no-repeat 168px 30px transparent;
	padding:30px 20px;
	background-size: 5%;
}
#clear_service #clear_charge div{
	float:none;
}
#clear_service #clear_charge .orenge{
	height:40px;
	width:97%;
	position:relative;
	padding: 0 10px;
}
#clear_service #clear_charge .orenge h2{
	width:30%;
	line-height:1.4;
	font-size:20px;
	margin-bottom:0;
	position:absolute;
	top:10%;
	left:2%;
}
#clear_service .orenge p{
	width:65%;
	position:absolute;
	right:1%;
	font-size:20px;
	top:15%;
}
#clear_service .orenge p .br:before {
	content: "　" ;
	white-space: normal ;
}
#clear_service #clear_charge div:last-child{
	height:115px;
	background-size:35%;
	width:99%;
}
}
@media screen and (max-width: 680px) {
#clear_service li strong{
	background-position:170px 9px;
}
#clear_service #clear_charge .orenge p{
	font-size:14px;
}
}
/* clear_service420*/

@media screen and (max-width: 420px) {
#clear_service ul{
	margin-bottom:10px;
}
#clear_service li{
	height:62px;
	width:98%;
}
#clear_service li strong{
	background-position:140px 11px;
	font-size:16px;
	bottom:17%;
}
#sp_charge div{
	height:32px;
	font-size:16px;
	line-height:2.2;
	background-position:140px 18px;
	padding:12px 20px;
}
#clear_service #clear_charge .orenge{
	height: 30px;
	width: 96%;
	padding: 0 7px;
}
#clear_service #clear_charge .orenge h2{
	width:26%;
	font-size:10px;
	margin-bottom:0;
	top:26%;
	left:1%;
}
#clear_service #clear_charge .orenge p{
	width: 70%;
	font-size: 10.5px;
	top: 30%;
}
#clear_service #clear_charge div:last-child{
	height:56px;
	width:98.5%;
}
}



/* clear_flow*/
#clear_flow{
	margin-bottom:50px;
}
#clear_flow div div{
	background:url(/common/img/flow_img.png) no-repeat 100% 50% transparent;
	padding:12px 15px 32px;
	position:relative;
	background-size: 30%;
	font-weight: normal;
}
#clear_flow h1{
	font-size:22px;
	color:#000;
	font-weight:normal;
	font-weight: bold;
}
#clear_flow div .inner_detail_bnone{
	bottom:2%;
	right:36%;
}
#clear_recrute{
	margin-bottom:40px;
}
#clear_recrute div div{
	background:url(/common/img/recrute_img.png) no-repeat 100% 50% transparent;
	padding:12px 15px 32px;
	position:relative;
	background-size: 30%;
	font-weight: normal;
}
#clear_recrute h1{
	letter-spacing:-0.8px;
	font-size:26px;
	color:#000;
	font-weight:normal;
	line-height: 1.3;
	font-weight: bold;
}
#clear_recrute span{
	font-size: 65%;
	padding-top:15px;
	font-weight: normal;

}
#clear_recrute div .inner_detail_onone{
	color:#000;
	bottom:2%;
	right:36%;
}
#clear_partner{
	margin-bottom:20px;
}
#clear_partner div div{
	background:url(/common/img/partner_img.png) no-repeat 100% 50% transparent;
	padding:12px 15px 32px;
	position:relative;
	background-size: 30%;
}
#clear_partner h1{
	letter-spacing:-0.8px;
	font-size:24px;
	color:#000;
	font-weight:normal;
	/*padding: 4px;*/
	/*line-height:0.33;*/
	font-weight: bold;
}
#clear_recrute h1 span,
#clear_partner h1 span{
	/*display: block;*/
	font-size: 65%;
	padding-top:15px;
	font-weight: normal;
}
#clear_partner div .inner_detail_onone{
	color:#000;
	bottom:2%;
	right:36%;
}

@media screen and (max-width: 1100px) {
#clear_recrute h1,
#clear_flow h1,
#clear_partner h1{
	font-size:16px;
}
}
@media screen and (max-width: 990px) {
#clear_flow h1 span{
	display:none;
}
#clear_flow div div,
#clear_partner div div,
#clear_recrute div div{
	padding:0px 15px 32px;
}
#clear_flow div div p,
#clear_partner div div p,
#clear_recrute div div p{

	font-weight: normal;
}
}
@media screen and (max-width: 420px) {
#clear_flow div div{
	background-size:48%;
}

#clear_recrute div div{
	background-size:48%;


}
#clear_partner div div{
	background-size:48%;

}
#clear_recrute h1,
#clear_partner h1{
	padding: 4px;
	line-height:0.33;
	padding-top: 15px;
}
#clear_recrute h1 span,
#clear_partner h1 span{
	display: block;
}
#clear_recrute div .inner_detail_onone,
#clear_flow div .inner_detail_bnone{
	bottom:0%;
	left:0%;
	font-size:12px;
	background-position:115px 9px;
	background-size:10%;
	height:10px;
	width:90px;
	font-weight:normal;
}
#clear_partner div .inner_detail_onone{
	bottom:0%;
	left:0%;
	font-size:12px ;
	background-position:115px 9px;
	background-size:10%;
	height:10px;
	width:90px;
	font-weight:normal;
}
}
#clear_news{
	margin-bottom:40px;
	width:100%;
}
#clear_news .news_inner{
	border: solid #a1afc7 1px;
	padding:10px 25px;
	font-size:18px;
	line-height:18px;
	box-shadow: 3px 5px #336699;
}
#clear_news .news_inner li{
	border-bottom:dotted 1px #000;
	padding:25px 0;
	letter-spacing:-0.8px;
}
#clear_news .news_inner li a{
	color:#000;
	text-decoration:underline;
}
#clear_news .news_inner li:last-child{
	border-bottom:none;
}
#clear_news .news_inner li .blog_icon{
	display: inline-block;
	width:100px;
	height:30px;
	color:#fff;
	line-height:1.6;
	background:#66ccff;
	text-align:center;
	margin:0 2%;
}
#clear_news .news_inner li .news_icon{
	display: inline-block;
	width:100px;
	height:30px;
	color:#fff;
	line-height:1.6;
	background:#ff3333;
	text-align:center;
	margin:0 2%;
}

#clear_news #new_list li{
	padding:0 0 20px;
	border-bottom:#000000 1px dashed;
	margin-bottom:20px;
}

#clear_news #new_list a{
	color:#F00;
	border-bottom: #F00 1px solid;
}
#clear_news a:hover{
	color:#137bbb !important;
	text-decoration:none !important;
	opacity: 0.6;
	filter: alpha (opacity=60);/*ie*/
	-moz-opacity: 0.6;/*firef*/
}
@media screen and (max-width: 990px) {
#clear_news .news_inner{
	padding:10px 20px;
	font-size:16px;
	line-height:18px;
}
#clear_news .news_inner li .blog_icon{
	width:85px;
	height:30px;
	line-height:1.8;
}
#clear_news .news_inner li .news_icon{
	width:85px;
	height:30px;
	line-height:1.8;
}
}
@media screen and (max-width: 420px) {
#clear_news .news_inner{
	padding:5px 15px;
	font-size:14px;
	line-height:18px;
}
#clear_news .news_inner .day{
	display:block;
	margin-bottom:5px;
}
#clear_news .news_inner li .news_icon,
#clear_news .news_inner li .blog_icon{
	width:65px;
	height:20px;
	line-height:1.4;
}
}
@media screen and (min-width: 600px) {
/*hover*/
#clear_news #new_list li a:hover{
	opacity: 0.6;
	filter: alpha (opacity=60);/*ie*/
	-moz-opacity: 0.6;/*firef*/
}
}

/* 2024.7.14修正 */
@media screen and (max-width: 420px) {
	#inner_point dl .inner_inner_point .inner_txt {
		padding: 17px 0px 10px 40px;
	}
}