@charset "utf-8";
/* CSS Document */
/*
.resizeimage {
   max-width: 800px; #最大幅
   min-width: 240px; #最小幅
}
.resizeimage img { width: 100%; }

section {
  height: 100vh;
  background-color: green;
}
#「vh」とは、viewpoint heightの略で、「1vh=1%の高さ」となります。

em 親要素に対するフォントサイズ
rem ルートに対するフォントサイズ
*/
body {
  margin: 0;
	paddin: 0;
  font-family: sans-serif;
  color: #1e1e1e;
  background: white;
  
}
img {
  display: block;
  max-width: 100%;
}
.top-blank-frame {
  position: relative;
  height: 800px;
	margin:0px;
	padding:0px;
}
.blank-frame {
  position: relative;
  height: 200px;
	margin:0px;
	padding:0px;
}
.footer-blank-frame {
	position: relative;
	width:100%;
  height: 800px;
	margin:0px;
	padding:0px;
	background:#FFF;
}
.blank-frame-white {
	margin:0px;
	padding:0px;
	width:100%;
	height: 800px;
	background: white;
}
.header-frame {
  position: fixed;
  width: 100%;
  height: 80px;
  z-index: 10;
	background:#27B7F3;
  -webkit-transition: all 0.4s linear 0s;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.header-frame .logo-title {
	width: 320px;
	letter-spacing:1px;
  height: auto;
  margin-left: 30px;
  float: left;
	font-size:0.85em;
}
.header-frame h1 {
  text-align: center;
  color: white;
	text-shadow: 0 3px 3px #000;
	z-index:10;
}
.logo-title h1 {
  text-align: center;
  color: white;
	
}
.header-frame ul {
  margin: 0 30px 0 0;
  list-style-type: none;
  padding: 0;
  float: right;
  border: 0px solid black;
}
.header-frame ul li {
  display: table-cell;
  border: 0px solid crimson;
}
.header-frame ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 10px 15px;
  color: white;
	/*
  border-top: 5px solid transparent;
	*/
	border-bottom: 5px solid transparent;
  -webkit-transition: padding 0.4s linear 0s;
  font-size: 16px;
	cursor: pointer;
}
.header-frame ul li a:hover {
	/*
  border-top: 5px solid white;
	*/
	border-bottom: 5px solid white;
}
.menu-btn {
    display: none;
    position: absolute;
    top: 8px;
    left: auto;
    right: 30px;
    font-size: 30px;
    cursor: pointer;
    z-index: 100;
}
.header-scroll {
  height: 60px;
  background-color: rgba(255,255,255,1);
  animation: top-in-basic 1 0.4s 0s;
  -webkit-box-shadow: 0px 0px 2px 2px #ccc;
  box-shadow: 0px 0px 2px 2px #ccc;
}
.header-scroll h1 {
  text-shadow: 0 3px 3px #27B7F3;
}
.header-scroll ul li a {
  padding: 5px 15px;
  color: #1e1e1e;
}
.header-scroll ul li a:hover {
	/*
  border-top: 5px solid black;
	border-bottom: 5px solid black;
	*/
	border-bottom: 5px solid #27B7F3;
}
.header-scroll .logo-title {
  animation: left-in-basic 1 0.8s 0s;
}
.header-scroll .logo-title h1 {
  margin: 10px 0px;
  color: #1e1e1e;
}
.display-none-mobile {
  display: table;
}
.display-block {
  display: table;
}
blank {
	width:100%;
}
.top-image-frame {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
	background-image: url('../img/bk/01.jpg');
  background-position: center;
  background-size: cover;
  transition: all 0.1s ease 0s;
}
.top-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
}
.top-image-frame .top-image h1 {
  text-align: center;
  color: white;
  margin-top: 20%;
  font-size: 50px;
  padding: 0px 30px;
}
.pg-text {
  box-sizing: border-box;
  color: #FFF;
	font-size: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5%;
	text-align:center;
}
.section {
	margin: 0;
  position: relative;
  width: 100%;
  height: auto;
  background-color: white;
}
.main-frame {
	margin: 0;
  position: relative;
	width: 100%;
	background: white;
	-webkit-box-shadow: 0px 0px 1px 3px #EEE;
  box-shadow: 0px 0px 1px 3px #EEE;
}
.main {
	margin: auto;
	padding:10px 30px;
	height:100%;
	background:#FFF;
}
.box {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: white;
	/*
  margin: 10px 0px 30px 0px;
	*/
  -webkit-box-shadow: 0px 0px 2px 2px #ccc;
  box-shadow: 0px 0px 2px 2px #ccc;
}
footer {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #1e1e1e; 
}
footer p {
  text-align: center;
  margin: 0;
  color: white;
  padding: 10px 0px;
  font-size: 12px;
}
.footer-frame .menu-01, .menu-02, .menu-03, .menu-04, .menu-05 {
	display: inline-block;
	width: 18%;
	height:auto;
	margin: 30px auto;
}
.footer-frame {
	text-decoration: none;
	text-align: center;

}
.footer-frame ul {
	list-style: none;
	padding: 0;
	line-height:30px;

}
.footer-frame a {
	text-decoration:none;
	color:#FFF;
}
.footer-frame h4 {
	/*
	border-bottom: 3px solid #2ac5b3;
	*/
	line-height:1em;
	font-weight:100;
	color: #FFF;
	padding:0px;
	margin:0px;
}
.footer-frame a:hover {
	color: deeppink;
}
.footer-frame .cmark {
	display: block;
	padding: 20px;
	border-top: 1px solid gray;
	width: 90%;
	margin: 0 auto;
	color: #FFF;
}
.sub-header {

  width: 100%;
  z-index: 1000;
	/*
  background-color: rgba(255,255,255,0.0);
	*/
	background:#27B7F3;
  -webkit-transition: all 0.4s linear 0s;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.sub-header .sub-title {
  /*width: 100px;*/
	width: 100%;
	letter-spacing:3px;
  height: auto;
  margin-left: 0px;
  float: left;
	background:#27B7F3;
	border-radius:60px;
	/*
  border: 0px solid black;
  animation: none;
	*/
}
.sub-header h2 {
  text-align: center;
  color: white;
	text-shadow: 0 3px 3px #000;f
}
.sub-title h2 {
	border-radius:60px;
  text-align: left;
  color: white;
	padding-left:40px;
}
.sub-header h3 {
  text-align: left;
  color: white;
	text-shadow: 0 2px 2px #000;
}
.sub-title h3 {
	border-radius:30px;
  text-align: left;
  color: white;
	padding-left:30px;
	margin:10px;
	font-size:1.2em;
}

.sub-header-scroll {
  height: auto;
  animation: left-in-basic 1 0.4s 0s;
	background:#27B7F3;
	border-radius:60px;
	/*
	background-color: rgba(255,255,255,1);
  -webkit-box-shadow: 0px 0px 2px 2px #ccc;
  box-shadow: 0px 0px 2px 2px #ccc;
	*/
}
.sub-header-scroll h2 {
  text-shadow: 0 3px 3px #000;
}
p.line32 {
	font-size: 16px;
	line-height:1.6em;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
p.line48 {
	font-size: 20px;
	line-height:48px;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
.heart {
  font-size: 18px;
  margin: 0 4px;
  color: crimson;
}
.top-in-basic {
  animation: top-in-basic 1 1s 0s;
}
.left-in-basic {
  animation: left-in-basic 1 1s 0s;
}
.fade {
  animation: fade 1 1s 0s;
}
.jump{
  animation:jump 5s infinite;
  -webkit-animation:jump 5s infinite;
  -moz-animation:jump 5s infinite;
}
.no-anime {
	
}
@keyframes flip {
  0% {transform: rotateY(-45deg);}
  100%{transform: rotateY(0deg);}
}
@keyframes fade {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes top-in-basic {
  0%{transform: translateY(-2000px)}
  100%{transform: translateY(0px)}
}
@keyframes left-in-basic {
  0%{transform: translateX(-2000px)}
  100%{transform: translateX(0px)}
}
@keyframes jump{
  0%{transform:translate(0,0px);}
  3%{transform:translate(0,-20px);}
  5%{transform:translate(0,0px);}
  6%{transform:translate(0,-5px);}
  7%{transform:translate(0,0px);}
  100%{transform:translate(0,0px);}
}
@-webkit-keyframes jump{
  0%{-webkit-transform:translate(0,0px);}
  3%{-webkit-transform:translate(0,-20px);}
  5%{-webkit-transform:translate(0,0px);}
  6%{-webkit-transform:translate(0,-5px);}
  7%{-webkit-transform:translate(0,0px);}
  100%{-webkit-transform:translate(0,0px);}
}
@-moz-keyframes jump{
  0%{-moz-transform:translate(0,0px);}
  3%{-moz-transform:translate(0,-20px);}
  5%{-moz-transform:translate(0,0px);}
  6%{-moz-transform:translate(0,-5px);}
  7%{-moz-transform:translate(0,0px);}
  100%{-moz-transform:translate(0,0px);}
}

@media print {
	.header-fixed {
		margin:0px;
		padding:0px;
		clear:both;
		height:80px;
	}
	.parallax-bg {
		padding:0px;
		margin:0px;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: all 0.1s ease 0s;
	}
}

@media only screen and (min-width: 1250px) {
	.header-fixed {
		margin:0px;
		padding:0px;
		clear:both;
		height:80px;
	}
	.parallax-bg {
		padding:0px;
		margin:0px;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: all 0.1s ease 0s;
	}
	.recruit-1 p {
		font-size:calc( 7vw );line-height:calc( 39vw );color:#FFF;font-weight:bold;
	}
	.recruit-2 p {
		font-size:calc( 7vw );line-height:calc( 39vw );color:#FFF;font-weight:bold;
	}
	.table-box {
		width:40%;margin:30px;padding:30px;border-radius:20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);background:rgba(255, 255, 255, 0.5);float:left;
	}
	.senior_comment {
		width:25%;margin:10px 50px;text-align:left;float:left;position:relative;
	}
	.table_icon {
		display:block;
	}
	.description {
		width:180px;
	}
	.level1 {
		padding-left:40px;
	}
}

@media only screen and (min-width: 950px) and (max-width: 1249px) {
	.header-fixed {
		margin:0px;
		padding:0px;
		clear:both;
		height:80px;
	}
	.parallax-bg {
		padding:0px;
		margin:0px;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.recruit-1 p {
		font-size:calc( 7vw );line-height:calc( 37vw );color:#FFF;font-weight:bold;
	}
	.recruit-2 p {
		font-size:calc( 7vw );line-height:calc( 37vw );color:#FFF;font-weight:bold;
	}
	.table-box {
		width:40%;margin:20px;padding:20px;border-radius:20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);background:rgba(255, 255, 255, 0.5);float:left;
	}
	.senior_comment {
		width:calc( 32% - 60px );margin:20px 0px 20px 0px;padding:30px;text-align:left;float:left;position:relative;
		margin-top:20px;
	}
	.table_icon {
		display:block;
	}
	.description {
		width:120px;
	}
	.level1 {
		padding-left:40px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 949px) {
	.header-fixed {
		margin:0px;
		padding:0px;
		clear:both;
		height:130px;
	}
	.parallax-bg {
		padding:0px;
		margin:0px;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.header-frame {
		position: fixed;
		width: 100%;
		height: 130px;
		z-index: 10;
		background:#27B7F3;
		-webkit-transition: all 0.4s linear 0s;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	.recruit-1 p {
		font-size:calc( 7vw );line-height:calc( 36vw );color:#FFF;font-weight:bold;
	}
	.recruit-2 p {
		font-size:calc( 7vw );line-height:calc( 36vw );color:#FFF;font-weight:bold;
	}
	.table-box {
		width:calc(100% - 90px);margin:30px;padding:20px;border-radius:20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);background:rgba(255, 255, 255, 0.5);float:left;
	}
	.senior_comment {
		width:calc( 50% - 60px );margin:20px 0px 20px 0px;padding:30px;text-align:left;float:left;position:relative;
		margin-top:20px;
	}
	.table_icon {
		float:left;line-height:1.6em;padding:8px 5px 0px 0px;
	}
	img.table_icon {
		display:none;
	}
	.description {
		width:80px;
	}
}

@media (max-width:599px) {
	body {
		width:360px;
		font-size:0.9em;
	}
	.header-frame {
		width:360px;
	}
	.header-fixed {
		margin:0px;
		padding:0px;
		clear:both;
		height:80px;
	}
	.parallax-bg {
		padding:0px;
		margin:0px;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		display: none;
	}
	
  .header-frame {
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
  }
  .header-frame .logo-title {
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 10;
    border-bottom: 5px solid #ccc;
    background-color: white;
  }
  .header-frame .logo-title h1 {
    color: black;
    padding-left: 20px;
    margin: 10px;
    text-align: left;
  }
  .header-scroll .logo-title {
    animation: none;
  }
  .header-frame ul {
    float: none;
    width: 100%;
    margin: 63px 0 0 0;
    z-index: 9;
    background-color: white;
    border: 0px solid black;
  }
  .display-none-mobile {
    display: none;
  }
  .display-block {
    display: block;
  }
  .header-frame ul li {
    display: block;
    margin: 0;
    text-align: center;
  }
  .header-frame ul li a {
    width: 100%;
    color: black;
    margin: 0;
    padding: 10px 0 20px 0;
  }
  .header-frame ul li a:hover {
    background-color: black;
    color: white;
  }
  .menu-btn {
    display: block;
  }
  .top-image-frame {
  }
	.main {
		margin:0px;
		padding:0px;
		width:360px;
		height:100%;
		background:#FFC;
	}
	.recruit-1 p {
		font-size:calc( 7vw );line-height:calc( 35vw );color:#FFF;font-weight:bold;
	}
	.recruit-2 p {
		font-size:calc( 7vw );line-height:calc( 35vw );color:#FFF;font-weight:bold;
	}
	.table-box {
		width:calc(100% - 60px);margin:10px;padding:20px;border-radius:20px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);background:rgba(255, 255, 255, 0.5);float:left;
	}
	.senior_comment {
		width:calc( 100% - 60px );margin:20px 0px 20px 0px;padding:30px;text-align:left;float:left;position:relative;
		margin-top:20px;
	}
	img.table_icon {
		display:none;
	}
	.description {
		width:60px;
	}
}

.menu-area {
	text-align:right;
}

.menu-area#current {
	height:60px;
}
.menu__single {
	border-radius:0px;
	
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

.menu__second-level li {
  border-top: 1px solid #333333;
}

.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

/**
 * mega menu
 */
.menu-area .menu__second-level {
	text-align:right;
	position: absolute;
	top: 60px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 2%;
	border-radius:0px;
	background:#27B7F3;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.menu-area:hover .menu__second-level {
	/* [disabled]top: 50px; */
	visibility: visible;
	opacity: 1;
}

.menu-area .menu__second-level > li {
	float: right;
	border: none;
}

.menu-area .menu__second-level > li:nth-child(3n+2) {
	margin: 0 1%;
}

.menu__second-level > li:hover {
	
}

.img-box {
	width:25vw;
	height:auto;
	overflow: hidden;
	position: relative;
	float:left;
	padding:0px;
	margin:20px 3vw;
}

.img-box:hover {
	/*ロールオーバー時の写真のアニメーションの設定*/
	overflow: hidden;
	/*
	-webkit-transform: scale(1.02,1.02);
	-moz-transform: scale(1.02,1.02);
	-o-transform: scale(1.02,1.02);
	-ms-transform: scale(1.02,1.02);
	transform: scale(1.02,1.02);
	*/
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	
	background-color: rgba(37,71,115, 0.6);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.txt-title {
	text-align:center;
	/*
	background:rgba(255, 0, 0, 0.8);
	*/
	overflow-wrap:break-word;
	padding:5px;
	margin:0px;
	line-height:1.6em;
	color:#FFF;
	letter-spacing:2px;
	font-weight:bold;
	font-size:2em;
	text-shadow: 0 2px 2px #000;
}
.txt-data {
	text-align:left;
	background:rgba(255, 0, 0, 0.5);
	overflow-wrap:break-word;
	padding:5px 5px;
	margin:0px;
	line-height:1.6em;
	color:#1E1E1E;
	letter-spacing:2px;
	font-size:0.85em;
}
.txt-address {
	text-align:left;
	background:rgba(255, 0, 0, 0.5);
	overflow-wrap:break-word;
	padding:0px 5px;
	margin:0px;
	line-height:1.2em;
	color:#1E1E1E;
	letter-spacing:2px;
	font-size:1em;
}
.txt-box {
	width:28vw;
	height:auto;
	background:rgba(255, 0, 0, 0.8);
	position:absolute;
	overflow-wrap:break-word;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-top:-80px;
	color:#FFF;
	letter-spacing:2px;
	/*
	font-weight:bold;
	*/
	text-shadow: 0 2px 2px #000;
}
.txt-box2 {
	width:28vw;
	height:auto;
	overflow-wrap:break-word;
	text-align:left;
	padding:5px;
	margin:0px;
	color:#FFF;
	letter-spacing:2px;
	text-shadow: 0 2px 2px #000;
}
.bg-red {
	background:rgba(255, 77, 77, 1.0);
}
.bg-blue {
	background:rgba(38, 147, 255, 1.0);
}
.bg-green {
	background:rgba(122, 255, 77, 1.0);
}
.bg-yellow {
	background:rgba(255, 255, 77, 1.0);
}
.bg-orange {
	background:rgba(255, 166, 77, 1.0);
}
.bg-white {
	background:rgba(255, 255, 255, 1.0);
}
.bg-purple {
	background:rgba(180, 102, 217, 1.0);
}
.bg-black {
	background:rgba(0, 0, 0, 0.7);
}
.bg-black-01 {
	background:rgba(0, 0, 0, 0.1);
}
.bg-white-01 {
	background:rgba(255, 255, 255, 0.1);
}

.resize-image {
	max-width:100%;
	height:auto;
}
.vresize-image {
	max-height:100%;
	width:auto;
}
.white {
	color:#FFF;	
}
.red {
	color:#F00;	
}
span.title-icon {
	font-family: FontAwesome;
	font-weight:bold;
	padding:0px 10px;
}

li.check_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f00c";
	padding:3px 5px;
}
li.check_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f00c";
	padding:3px 5px;
}
li.check_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f00c";
	padding:3px 5px;
}
li.check_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f00c";
	padding:3px 5px;
}
li.circle_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f111";
	padding:3px 5px;
}
li.circle_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f111";
	padding:3px 5px;
}
li.circle_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f111";
	padding:3px 5px;
}
li.circle_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f111";
	padding:3px 5px;
}
li.circle_right_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f138";
	padding:3px 5px;
}
li.circle_right_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f138";
	padding:3px 5px;
}
li.circle_right_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	color:#390;
	content:"\f138";
	padding:3px 5px;
}
li.circle_right_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f138";
	padding:3px 5px;
}
li.circle_tag_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f02c";
	padding:3px 5px;
}
li.circle_tag_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f02c";
	padding:3px 5px;
}
li.circle_tag_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f02c";
	padding:3px 5px;
}
li.circle_tag_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f138";
	padding:3px 5px;
}
li.circle_star_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f005";
	padding:3px 5px;
}
li.circle_star_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f005";
	padding:3px 5px;
}
li.circle_star_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f005";
	padding:3px 5px;
}
li.circle_star_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f005";
	padding:3px 5px;
}
li.circle_heart_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f004";
	padding:3px 5px;
}
li.circle_heart_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f004";
	padding:3px 5px;
}
li.circle_heart_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f004";
	padding:3px 5px;
}
li.circle_heart_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f004";
	padding:3px 5px;
}
li.circle_right_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f054";
	padding:3px 5px;
}
li.circle_right_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f054";
	padding:3px 5px;
}
li.circle_right_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f054";
	padding:3px 5px;
}
li.circle_right_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f054";
	padding:3px 5px;
}
li.circle_tag_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f02c";
	padding:3px 5px;
}
li.circle_tag_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f02c";
	padding:3px 5px;
}
li.circle_tag_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f02c";
	padding:3px 5px;
}
li.circle_tag_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f02c";
	padding:3px 5px;
}
li.circle_check_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f058";
	padding:3px 5px;
}
li.circle_check_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f058";
	padding:3px 5px;
}
li.circle_check_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f058";
	padding:3px 5px;
}
li.circle_check_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f058";
	padding:3px 5px;
}
li.circle_exclamation_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#D50000;
	content:"\f06a";
	padding:3px 5px;
}
li.circle_exclamation_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f06a";
	padding:3px 5px;
}
li.circle_exclamation_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f06a";
	padding:3px 5px;
}
li.circle_exclamation_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f06a";
	padding:3px 5px;
}
li.circle_plus_Red:before {
	font-family: FontAwesome;
	font-size:19px;
	color:#D50000;
	content:"\f055";
	padding:3px 5px;
}
li.circle_plus_Blue:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#039;
	content:"\f055";
	padding:3px 5px;
}
li.circle_plus_Green:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#390;
	content:"\f055";
	padding:3px 5px;
}
li.circle_plus_Gray:before {
	font-family: FontAwesome;
	font-size:19px;
	line-height:1.6em;
	color:#555;
	content:"\f055";
	padding:3px 5px;
}
@media only screen and (min-width: 1250px) {
	.news-frame {
	/*border:1px solid #999;border-radius:10px;width:1180px;height:800px;*/
		position: relative;
		margin:0px;
		width:100%;
	}
	.newsBox {
		border:1px solid #999;border-radius:10px;padding:0px;
		margin:0px 10px;
		/*
		background:#FF9;
		*/
		background:#FFF;
		text-align:left;
		/*
		-webkit-box-shadow: 0px 0px 1px 3px #EEE;
		box-shadow: 0px 0px 1px 3px #EEE;
		*/
	}
	.newsInner {
		width:1140px;
	}
	.newsHidePictBoxL {
		width:280px;margin:20px;padding:10px;border:1px solid #999;float:left;
		display:none;
	}
	.newsPictBoxL {
		width:280px;margin:0px 20px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictBoxS {
		width:120px;margin:10px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictL {
		width:280px;
	}
	.newsPictS {
		width:120px;
	}
	.newsTitle {
		max-width:620px;
		margin:0px;
		padding:0px 10px 0px 10px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsTitle2 {
		max-width:940px;
		margin:0px;
		padding:0px 10px 0px 30px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsDate {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate2 {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate.ATTENTION {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
		/*
		line-height:1.6em;
		*/
	}
	.newsLink {
		width:790px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsLink2 {
		width:1080px;padding:6px 10px 0px 60px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage {
		width:790px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage2 {
		/* 1080 -> 780 */
		width:780px;padding:6px 10px 0px 60px;float:left;line-height:1.6em;
		color:#555;
		clear:both;
	}
	.newsMessage.ATTENTION,.newsMessage2.ATTENTION {
		color:#F00;
	}
	span.headline {
		font-family:FontAwesome;
		line-height:30px;
		padding-right:10px;
		width:1em;
	}
	
	.submit-box-1 {
		text-align:center;
		width:240px;
	}
	.submit-box-2 {
		text-align:center;
		width:480px;
	}
	.submit-box-3 {
		text-align:center;
		width:720px;
	}
}
@media only screen and (min-width: 950px) and (max-width: 1249px) {
	.news-frame {
		/*border:1px solid #999;border-radius:10px;width:1180px;height:800px;*/
		position: relative;
		margin:0px;
		width:100%;
	}
	.newsBox {
		border:1px solid #999;border-radius:10px;padding:0px;
		margin:0px 10px;
		/*
		background:#FF9;
		*/
		background:#FFF;
		text-align:left;
		/*
		-webkit-box-shadow: 0px 0px 1px 3px #EEE;
		box-shadow: 0px 0px 1px 3px #EEE;
		*/
	}
	.newsInner {
		width:1140px;
	}
	.newsHidePictBoxL {
		width:280px;margin:20px;padding:10px;border:1px solid #999;float:left;
		display:none;
	}
	.newsPictBoxL {
		width:280px;margin:0px 20px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictBoxS {
		width:120px;margin:10px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictL {
		width:280px;
	}
	.newsPictS {
		width:120px;
	}
	.newsTitle {
		max-width:620px;
		margin:0px;
		padding:0px 10px 0px 10px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsTitle2 {
		max-width:940px;
		margin:0px;
		padding:0px 10px 0px 30px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsDate {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate2 {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate.ATTENTION {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
		/*
		line-height:1.6em;
		*/
	}
	.newsLink {
		width:790px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsLink2 {
		width:1080px;padding:6px 10px 0px 60px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage {
		width:790px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage2 {
		/* 1080 -> 780 */
		width:780px;padding:6px 10px 0px 60px;float:left;line-height:1.6em;
		color:#555;
		clear:both;
	}
	.newsMessage.ATTENTION,.newsMessage2.ATTENTION {
		color:#F00;
	}
	span.headline {
		font-family:FontAwesome;
		line-height:30px;
		padding-right:10px;
		width:1em;
	}
	
	.submit-box-1 {
		text-align:center;
		width:240px;
	}
	.submit-box-2 {
		text-align:center;
		width:480px;
	}
	.submit-box-3 {
		text-align:center;
		width:720px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 949px) {
	.news-frame {
		/*border:1px solid #999;border-radius:10px;width:1180px;height:800px;*/
		position: relative;
		margin:0px;
		width:100%;
	}
	.newsBox {
		border:1px solid #999;border-radius:10px;padding:0px;
		margin:0px 10px;
		/*
		background:#FF9;
		*/
		background:#FFF;
		text-align:left;
		/*
		-webkit-box-shadow: 0px 0px 1px 3px #EEE;
		box-shadow: 0px 0px 1px 3px #EEE;
		*/
	}
	.newsInner {
		width:540px;
	}
	.newsHidePictBoxL {
		width:280px;margin:20px;padding:10px;border:1px solid #999;float:left;
		display:none;
	}
	.newsPictBoxL {
		width:280px;margin:0px 20px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictBoxS {
		width:120px;margin:10px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictL {
		width:280px;
	}
	.newsPictS {
		width:120px;
	}
	.newsTitle {
		max-width:620px;
		margin:0px;
		padding:0px 10px 0px 10px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsTitle2 {
		max-width:940px;
		margin:0px;
		padding:0px 10px 0px 30px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsDate {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate2 {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate.ATTENTION {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
		/*
		line-height:1.6em;
		*/
	}
	.newsLink {
		width:790px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsLink2 {
		width:1080px;padding:6px 10px 0px 60px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage {
		width:790px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage2 {
		/* 1080 -> 780 */
		width:780px;padding:6px 10px 0px 60px;float:left;line-height:1.6em;
		color:#555;
		clear:both;
	}
	.newsMessage.ATTENTION,.newsMessage2.ATTENTION {
		color:#F00;
	}
	span.headline {
		font-family:FontAwesome;
		line-height:30px;
		padding-right:10px;
		width:1em;
	}
	
	.submit-box-1 {
		text-align:center;
		width:240px;
	}
	.submit-box-2 {
		text-align:center;
		width:480px;
	}
	.submit-box-3 {
		text-align:center;
		width:600px;
	}
}
@media (max-width:599px) {
	.news-frame {
		/*border:1px solid #999;border-radius:10px;width:1180px;height:800px;*/
		position: relative;
		margin:0px;
		width:360px;
	}
	.newsBox {
		
		border:1px solid #999;border-radius:10px;padding:0px;
		margin:0px 10px;
		/*
		background:#FF9;
		*/
		background:#FFF;
		text-align:left;
		/*
		-webkit-box-shadow: 0px 0px 1px 3px #EEE;
		box-shadow: 0px 0px 1px 3px #EEE;
		*/
	}
	.newsInner {
		width:340px;
	}
	.newsHidePictBoxL {
		width:280px;margin:20px;padding:10px;border:1px solid #999;float:left;
		display:none;
	}
	.newsPictBoxL {
		width:280px;margin:0px 20px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictBoxS {
		width:120px;margin:10px;padding:10px;border:1px solid #999;float:left;
	}
	.newsPictL {
		width:280px;
	}
	.newsPictS {
		width:120px;
	}
	.newsTitle {
		max-width:300px;
		margin:0px;
		padding:0px 10px 0px 10px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsTitle2 {
		max-width:300px;
		margin:0px;
		padding:0px 10px 0px 20px;float:left;
		font-weight:bold;
		letter-spacing:3px;
		font-size:18px;
		line-height:30px;
		color:#555;
	}
	.newsDate {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate2 {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
	}
	.newsDate.ATTENTION {
		width:140px;
		padding:0px 10px 0px 10px;float:left;
		font-style:italic;
		line-height:30px;
		/*
		line-height:1.6em;
		*/
	}
	.newsLink {
		width:300px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsLink2 {
		width:300px;padding:6px 10px 0px 30px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage {
		width:300px;padding:6px 10px;float:left;line-height:1.6em;
		color:#555;
	}
	.newsMessage2 {
		/* 1080 -> 780 */
		width:300px;padding:6px 10px 0px 30px;float:left;line-height:1.6em;
		color:#555;
		clear:both;
	}
	.newsMessage.ATTENTION,.newsMessage2.ATTENTION {
		color:#F00;
	}
	span.headline {
		font-family:FontAwesome;
		line-height:30px;
		padding-right:10px;
		width:1em;
	}
	
	.submit-box-1 {
		text-align:center;
		width:360px;
	}
	.submit-box-2 {
		text-align:center;
		width:360px;
	}
	.submit-box-3 {
		text-align:center;
		width:360px;
	}
}
/*
#########################################################################################

news

#########################################################################################
*/


span.headline.ATTENTION{
	font-family:FontAwesome;
	/*
	font-size:1.6em;
	*/
	line-height:30px;
	padding-right:10px;
}
.newsSpace {
	height:10px;clear:both;
}
.newsHideSpace {
	height:10px;clear:both;
	display:none;
}
.newsHr {
	margin:10px 10px;align:center;width:95%;
}
p.attention {
	font-family:sans-serif;
	line-height:1.6em;
	padding-top:20px;
	color:#FF0066;
}
.ATTENTION {
	color:#F00;
}
.INFO {
	
}
.NEWS {
	
}
.TOPICS {
	
}
.newsTitle.INFO,.newsTitle2.INFO {
	color:#006DD9;
}
.newsTitle.NEWS,.newsTitle2.NEWS {
	color:#006DD9;
}
.newsTitle.TOPICS,.newsTitle2.TOPICS {
	color:#006DD9;
}
.newsTitle.ATTENTION,.newsTitle2.ATTENTION {
	color:#F00;
	font-weight:bold;
}
.newsDate.INFO,.newsDate2.INFO {
	color:#006DD9;
}
.newsDate.NEWS,.newsDate2.NEWS {
	color:#006DD9;
}
.newsDate.TOPICS,.newsDate2.TOPICS {
	color:#006DD9;
}
.newsDate.ATTENTION,.newsDate2.ATTENTION {
	color:#F00;
}

p.icon i {
	color:#FFF;	
}
span.attention {
	line-height:1em;
	color:#F03;
	font-weight:bpld;
}

.recruit-1 {
	/*
	width:400px;height:400px;border-radius:400px;background:#0C9;
	*/
	width:calc(100%);height:calc(100%);border-radius:calc(100%);background:#0C9;
}
.recruit-2 {
	/*
	width:400px;height:400px;border-radius:400px;background:#FC0;
	*/
	width:calc(100%);height:calc(100%);border-radius:calc(100%);background:#FC0;
}
a:hover .recruit-1{
	background-color: rgba(9,255,0,0.5);
}
a:hover .recruit-2 {
	background-color: rgba(255,6,0,0.5);
}