@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * @import
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@import "reset.css";
@import "utility.css";
@import "pi-webfont2.css";
@import "eyetag-animation.css";
@import "slick/slick_revice.css";
@import "slick/slick-theme-di.css";
@import "skins/minimal/grey.css";
@import "jquery.mCustomScrollbar.css";
@import "exvalidation.css";

@font-face {
    font-family: dir-light;
    src: url('../font/dir-light.woff') format('woff');
}

@font-face {
    font-family: dir-regular;
    src: url('../font/dir-regular.woff') format('woff');
}

@font-face {
    font-family: dir-medium;
    src: url('../font/dir-medium.woff') format('woff');
}

@font-face {
    font-family: dir-bold;
    src: url('../font/dir-bold.woff') format('woff');
}

@font-face {
    font-family: din-medium;
    src: url('../font/din-medium.woff') format('woff');
}

@font-face {
    font-family: din-bold;
    src: url('../font/din-bold.woff') format('woff');
}

@font-face {
    font-family: helvetica-bold;
    src: url('../font/helvetica-bold.woff') format('woff');
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * html/body
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

*,
*:after,
*:before {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}

/* リンクなどの要素をタップした時の色を消す */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 長押しした際に表示されるポップアップメニューを消す */
* {
    -webkit-touch-callout: none;
}

/* 行頭禁則文字 */
* {
	word-break: break-word;
	word-wrap: break-word;
}

body{
	overflow-y: scroll;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	line-height: 1.5em;	
	word-break: break-all;
	word-wrap: break-word;
	color: #454b53;
	font-family: "YuGothic", "游ゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	font-size: 13px;
}

.is-ie body {
	font-family: "TsukuGoPro-B","Meiryo","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * header
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.header {
	position: relative;
	width: 100%;
	height: 83px;
	margin: 0 auto;
	padding: 0;
	border-top: 3px solid #454b53;
	background: #ffffff;
}

.header-inner {
	display: table;
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 80px;
}

.header-logo {
	display: table-cell;
	width: 262px;
	vertical-align: middle;
}

.header-ci {
	display: table-cell;
	padding-left: 30px;
	vertical-align: middle;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
}

.header-link {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-size: 12px;
}

.header-link a {
	position: relative;
	margin-left: -3px;
	color: #454b53;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}

.header-link a:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	height: 2px;
	width: 100%;
	margin-left: -50%;
	background: #454b53;
    -moz-transition: all .15s ease-in-out 0s;
    -webkit-transition: all .15s ease-in-out 0s;
    -ms-transition: all .15s ease-in-out 0s;
    -o-transition: all .15s ease-in-out 0s;
    transition: all .15s ease-in-out 0s;
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
  	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
  	transform: scaleX(0);
}

.header-link a:hover {
	text-decoration: none;
}

.header-link a:hover:before {
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.header-link-hr {
	position: absolute;
	top: 26px;
	right: 240px;
	display: block;
	width: 140px;
	height: 30px;
}

.header-link-hr a {
	display: inline-block;
	width: 140px;
	height: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 30px;
	box-shadow: 1px 1px 0 1px #f7f7f7;
	background: #fafafa;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	color: #454b53;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}

.header-link-hr a:hover {
	background: #dedede;
	text-decoration: none;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * nav
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

nav {
	position: relative;
	width: 100%;
	height: 61px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #e3e3e3;
	background: #ffffff;
}

/*
.fixednav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
	background: #454b53;
	box-shadow: 0 0 3px #000000;
	text-align: center;
}
*/

.fixednav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
	background: #ffffff;
	box-shadow: 0 0 3px #999999;
	text-align: center;
}

nav ul {
	display: table;
	table-layout: fixed;
	width: 1200px;
	height: 60px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	border-right: 1px solid #e3e3e3;
}

.fixednav ul {
	display: block;
	clear: both;
	width: 1200px;
	margin: 0 auto;
	padding: 0px;
	border-right: none;
	box-shadow: none;
}

nav ul li {
	display: table-cell;
	list-style-type: none;
	height: 60px;
	margin: 0;
	border-left: 1px solid #e3e3e3;
	text-align: center;
	vertical-align: middle;
}

nav ul li.home-icon {
	display: none;
}

.fixednav ul li {
	display: inline-block;
	list-style-type: none;
	width: auto;
	margin: 0;
	padding: 0;
	border-left: none;
	text-align: center;
	vertical-align: middle;
}

nav ul li a {
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding-top: 15px;
	line-height: 1.1;
	font-size: 11px;
	color: #454b53;
}

nav ul li a:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	height: 2px;
	width: 100%;
	margin-left: -50%;
	background: #454b53;
    -moz-transition: all .15s;
    -webkit-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
  	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
  	transform: scaleX(0);
}

nav ul li a span {
	letter-spacing: 1px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 17px;
}

.fixednav ul li a {
	display: block;
	position: relative;
	height: 50px;
	margin: 0;
	padding: 0 20px;
	border-left: none;
	box-shadow: none;
	line-height: 50px;
	font-size: 14px;
	color: #454b53;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}

.fixednav ul li a:before {
	content: "";
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 50%;
	height: 2px;
	width: 100%;
	margin-left: -50%;
}

.fixednav ul li a span,
.fixednav ul li a br {
	display: none;
}

nav ul li.current_on a,
nav ul li a:hover {
	text-decoration: none;
	color: #454b53;
}

nav ul li.current_on a:before,
nav ul li a:hover:before {
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.fixednav ul li.current_on a,
.fixednav ul li a:hover {
	position: relative;
	background: none;
	text-decoration: none;
	font-weight: bold;
	color: #454b53;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * footer
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

footer {
	width: 100%;
	border-top: 1px solid #e3e3e3;
	background: #ffffff;
}

.footer-sns {
	width: 100%;
	height: 54px;
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3;
	background: url(../images/stripe2.png);
	background-repeat: repeat;
	text-align: center;
	line-height: 33px;
}

.footer-sns p {
	display: inline-block;
	margin-bottom: 0;
	line-height: inherit;
}

.footer-sns-title {
	letter-spacing: 1px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 16px;
}

.footer-sns a {
	margin-right: 20px;
}

.footer-sns img:hover {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	opacity: 0.7
}

.footer-content-left {
	display: table-cell;
	width: 66%;
	vertical-align: top;
}

.footer-content-right {
	display: table-cell;
	width: 34%;
	padding-left: 35px;
	vertical-align: top;
}

.footer-content-title {
	font-size: 14px;
	font-weight: bold;
}

.footer-content-title.eng {
	letter-spacing: 1px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 16px;
}

.footer-search-table {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.footer-search-table td {
	padding: 2px 0;
	border-top: 1px solid #f3f3f3;
	vertical-align: middle;
	line-height: 1;
}

.footer-search-table td.last {
	border-bottom: 1px solid #f3f3f3;
}

.footer-search-table a {
	color: #454b53;
}

.footer-search-table i {
	color: #454b53;
}

.footer-search-table a:hover {
	color: #454b53;
	text-decoration:underline;	
}

.footer-search-table-bigarea {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: bold;
}

.footer-search-table-bigarea span {
	font-size: 10px;
	font-weight: lighter;
}

.footer-search-table-smallarea {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	font-size: 11px;
}

.footer-search-table-smallarea span {
	font-size: 9px;
}

.footer-search-table-smallarea li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-search-table-smallarea li a {
	margin-left: -4px;
}

.footer-menu {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.footer-menu li {
	display: inline-block;
	list-style-type: none;
	width: 50%;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1;
	letter-spacing: normal; /* 文字間を通常に戻す */
	font-size: 11px;
}

.footer-menu li a {
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.footer-menu li a:hover {
	opacity: 0.6;
	text-decoration: none;
	color: #454b53;
}

.footer-print-bn {
	float: right;
	width: 45%;
	margin: 0;
}

.footer-tw-wrapper {
    height: 400px;
	padding: 10px;
	border: 1px solid #e2e8ed;
	border-radius: 4px;
	box-shadow: 0 0 0 3px #f7f7f7;
    overflow: hidden;
}

.copyright {
	width: 100%;
	margin: 0;
	border-top: 1px solid #e3e3e3;
	background: #ffffff;
}

.copyright-inner {
	display: table;
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	table-layout: fixed;
}

.copyright-logo {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
	text-align: left;
}

.copyright-address {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 11px;
}

.copyright-cr {
	display: table-cell;
	line-height: 1;
	vertical-align: middle;
	text-align: right;
}

.copyright small {
	font-family: 'dir-regular', sans-serif;
	font-weight: 400;
	font-size: 12px;
}

#page-top {
	z-index: 999;
    position: fixed;
    bottom: 20px;
    right: 20px;
	margin: 0;
}

#page-top a {
	display: block;
	width: 50px;
    height: 50px;
	border: 1px solid #fff;
    border-radius: 4px;
	background: #737d8b;
	background: rgba(115,125,139,0.8);
	line-height: 48px;
    text-align: center;
    text-decoration: none;
	font-size: 24px;
    color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

#page-top a:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * article/section
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.article {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.section {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.section--bb {
	border-bottom: 2px solid #e3e3e3;
}

.section--light-white {
	background: #f4f4f4;
}

.section--grey {
	background: #737d8b;
}

.section--green {
	background: #00cc99;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * module(全ページ共通のパーツ)
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* wrapper
-------------------------------------------------------------*/

.wrapper {
	position: relative;
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.wrapper--wide {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.wrapper--narrow {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.wrapper--morenarrow {
	position: relative;
	width: 800px;
	height: auto;
	margin: 0 auto;
}

.wrapper--morenarrow2 {
	position: relative;
	width: 860px;
	height: auto;
	margin: 0 auto;
}

.wrapper--bb {
	border-bottom: 1px solid #e3e3e3;
}

.wrapper--table {
	display: table;
	position: relative;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	table-layout: fixed;
}

.wrapper--table-wide {
	display: table;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	table-layout: fixed;
}

.wrapper--table-narrow {
	display: table;
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	table-layout: fixed;
}

.wrapper--table-narrow2 {
	display: table;
	position: relative;
	width: 860px;
	height: auto;
	margin: 0 auto;
	table-layout: fixed;
}

.content-column {
	display: table-cell;
	position: relative;
	width: 600px;
	padding: 0 40px;
	vertical-align: top;
}

.content-column--wide {
	display: table-cell;
	position: relative;
	width: 900px;
	padding: 0 40px 0 0;
	vertical-align: top;
}

.content-column--wide2 {
	display: table-cell;
	position: relative;
	width: 860px;
	padding: 0;
	vertical-align: top;
}

.sidebar-column {
	display: table-cell;
	position: relative;
	width: 300px;
	vertical-align: top;
}

/* display
-------------------------------------------------------------*/

.disp {
	display: block !important;
}

.disp-table {
	display: table !important;
}

.disp-inline {
	display: inline !important;
}

.disp-inline-block {
	display: inline-block !important;
}

.disp-none {
	display: none !important;
}

.print-disp {
	display: none;
}

/* input
-------------------------------------------------------------*/

.input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	clear: both;
	width: 400px;
	height: 50px;
	margin: 0;
	line-height: 50px;
}

.input.input--wide {
	width: 100%;
}

.input.input--narrow {
	width: 150px;
}

.input.input--small {
	width: 120px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}

.input.input--small-wide {
	width: 250px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}

.textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	overflow: scroll;
	resize: none;
	clear: both;
	width: 100%;
	padding: 10px;
	line-height: 1.5;
	font-size: 14px;
}

.input,
.textarea {
	outline: none;
	padding: 3px;
  	border: 1px solid #e3e3e3;
  	border-radius:3px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
	background: #ffffff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  	-ms-transition: all 0.3s;
  	-o-transition: all 0.3s;
	transition: all 0.3s;
}
 
.input:focus,
.textarea:focus {
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 5px #7bc1f7;
	background: #dbeefd;
}

.input:disabled {
	color: #999999;
	cursor: not-allowed;
}

.select {
	height: 30px;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 1px solid #e3e3e3;
	color: #333333;
	line-height: 30px;
	text-align: left;
	vertical-align: middle;
}

.select.select--narrow {
	width: 80px;
}

.select.select--wide {
	width: 280px;
}

label {
	margin: 0 3px;
	cursor: pointer;
}

.form-required {
	margin: 0 5px;
	padding: 3px 5px;
	border:1px solid #ff557f;
	border-radius:3px;
	vertical-align: 2px;
	font-size: 10px;
	font-weight: lighter;
	color: #ff557f;
}

.form-optional {
	margin: 0 5px;
	padding: 3px 5px;
	border:1px solid #cccccc;
	border-radius:3px;
	vertical-align: 2px;
	font-size: 10px;
	font-weight: lighter;
	color: #999999;
}

.form-atten {
	font-size: 13px;
	font-weight:lighter;
    color: #737d8b;
}

.str-count-wrap{
	width:100%;
	margin-bottom:5px;
	text-align:right;
}

.str-count{
	margin-left:10px;
	font-size:18px;
	font-weight:bold;
	color:#cccccc;
}

.str-count-subscript{
	font-size:12px;
	color:#cccccc;
}

/* button
-------------------------------------------------------------*/

.button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	display: inline-block;
	outline: none;
	border: none;	
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  	-ms-transition: all 0.3s;
  	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.button.buttun--large {
	width: 100%;
	padding: 20px;
	border-radius: 3px;
	background: #737d8b;
	border: 1px solid #5c646f;
	box-shadow: inset 0 1px 0 #989faa, 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.button.buttun--middle {
	height: 54px;
	padding: 0 100px;
	border-radius: 3px;
	background: #737d8b;
	border: 1px solid #5c646f;
	box-shadow: inset 0 1px 0 #989faa, 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.button.buttun--small {
	height: 30px;
	padding: 0 20px;
	border-radius: 3px;
	border: 1px solid #5c646f;
	background: #737d8b;
	box-shadow: inset 0 1px 0 #989faa, 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
}

.button.buttun--sub {
	height: 30px;
	padding: 0 10px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	background: #f7f7f7;
	box-shadow: inset 0 1px 0 #f7f7f7, 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 14px;
	color: #555555;
}

.buttun--large:hover,
.buttun--middle:hover,
.buttun--small:hover {
	background: #646c78;
	text-decoration: none;
	color: #ffffff;
}

.buttun--sub:hover {
	background: #e6e6e6;
	text-decoration: none;
	color: #454b53;
}

.button:active{
	text-decoration:none;
    box-shadow: inset 3px 3px 3px rgba(0,0,0,0.5);
    position:relative;
    top:1px;
}

.button:disabled {
	border: 1px solid #e7e7e7;
	box-shadow: inset 0 1px 0 #ffffff;
	background: #efefef;
	font-weight: bold;
	color: #cccccc;
	cursor: not-allowed;
}

.button:disabled:hover {
	opacity: 1;
	color: #cccccc;
}

/* table
-------------------------------------------------------------*/

.table {
	width: 100%;
	border-top: 1px solid #e3e3e3;
}

.table th {
	width: 30%;
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
	background: #fafafa;
	font-size: 16px;
}

.table td {
	width: 70%;
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
}

.table td.colspan {
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	background: #fafafa;
}

/* scroll-div
-------------------------------------------------------------*/

.scroll-div {
	overflow: scroll;
  	width: 100%;
  	height: 150px;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #e3e3e3;
	background: #f0f7fc;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
	font-size: 12px;
}

.scroll-div h2 {
	margin-bottom:20px;
	font-size: 14px;
	font-weight: bold;
}

.scroll-div h3 {
	margin: 30px auto 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
}

.lower-alpha {
	margin: 10px auto;
}

.lower-alpha li {
	list-style-type: lower-alpha !important;
}

/* link-button
-------------------------------------------------------------*/

.link-button {
	position: relative;
	padding: 20px 50px;
	border: 1px solid #a1a8b2;
	border-radius: 4px;
	box-shadow: 0 3px 0 #ebedf0;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.link-button:hover {
	opacity: 0.5;
	color: #454b53;
	text-decoration: none;
}

.link-button:before {
	content:"\E83C";
	position: absolute;
	top: 18px;
	right: 20px;
	font-family: "pi-webfont2";
	font-size: 20px;
	color: #454b53;
}

.link-button-entry {
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	padding: 18px 0 0 55px;
	border-radius: 4px;
	background: #454b53;
	text-decoration:none;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.link-button-entry:hover {
	opacity: 0.7;
	text-decoration: none;
	color: #ffffff;
}

.link-button-entry:after {
	content: "\E879";
	position: absolute;
	top: 30px;
	left: 20px;
	font-family: "pi-webfont2";
	font-size: 24px;
}

.link-button-entry.cd:after {
	content: "\E877";
	position: absolute;
	top: 30px;
	left: 20px;
	font-family: "pi-webfont2";
	font-size: 20px;
}

.link-button--green.inlblk {
	display: inline-block;
	width: 300px;
	margin: 0 10px;
}

.link-button--green.inlblk-small {
	display: inline-block;
	width: 200px;
	padding: 10px;
	margin: 0 10px;
	border-radius: 4px;
	font-size: 14px;
}

.link-button-fav {
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #737d8b;
	text-decoration:none;
	line-height: 80px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.link-button-fav:hover {
	opacity: 0.7;
	text-decoration: none;
	color: #ffffff;
}

.link-button-fav:after {
	content: "\E864";
	position: absolute;
	top: 0px;
	left: 20px;
	font-family: "pi-webfont2";
	font-size: 24px;
}

.link-button--grey.inlblk {
	display: inline-block;
	width: 300px;
	margin: 0 10px;
}

.link-button--grey.inlblk-small {
	display: inline-block;
	width: 200px;
	padding: 10px;
	border-radius: 4px;
	font-size: 14px;
}

/* sidebar-widget-area-left
-------------------------------------------------------------*/

.sidebar-widget-area-left {
	position: relative;
	width: 300px;
}

.sidebar-widget-area-left-inner {
	position: relative;
	width: 300px;
}

/* sidebar-widget-area-right
-------------------------------------------------------------*/

.sidebar-widget-area-right {
	position: relative;
	width: 300px;
}

.sidebar-widget-area-right.pt {
	padding-top: 39px;
}

.sidebar-widget-area-right-inner {
	position: relative;
	width: 300px;
}

.sidebar-widget-area-right-fixed {
	position: fixed;
	top: 80px;
}

.sidebar-widget-area-right-absolute {
	position: absolute;
	bottom: 0;
}

/* ranking-widget
-------------------------------------------------------------*/

.ranking-widget {
	position: relative;
	width: 300px;
	margin-bottom: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
}

.ranking-widget-header {
	width: 100%;
	height: 54px;
	margin: 0;
	padding-top: 12px;
	border-bottom: 1px solid #e3e3e3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align: center;
	line-height: 1;
}

.ranking-widget-header em,
.ranking-widget-header i {
	font-style: normal;
   	vertical-align: middle;
}

.ranking-widget-header em.huge {
	display: inline-block;
	padding: 0.3em 0 0.1em;
	letter-spacing: 1px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 21px;
}

.ranking-widget-header em.tiny {
	font-size: 12px;
  	font-weight: bold;
}

.ranking-widget-header i {
	display: inline-block;
	padding: 0 0 0.2em;
	font-size: 20px;
}

.ranking-widget-footer {
	width: 100%;
	height: 54px;
	margin: 0;
	border-top: 1px solid #e3e3e3;
}

.ranking-widget-footer a {
	display: block;
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	line-height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.ranking-widget-footer a:hover {
	opacity: 0.7;
}

.ranking-widget-content {
	width: 100%;
	margin: 0;
	padding: 15px;
}

.ranking {
	display: table;
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	cursor: pointer;
	table-layout: fixed;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.ranking:last-child {
	margin-bottom: 0;
}

.ranking:after {
	z-index: 2;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 24px;
	height: 24px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	background: #454b53;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	text-align: center;
	line-height: 24px;
	font-family: 'dir-regular', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
}

.ranking:first-child:after { content: "1"; }
.ranking:nth-child(2):after { content: "2";}
.ranking:nth-child(3):after { content: "3"; }
.ranking:nth-child(4):after { content: "4"; }
.ranking:nth-child(5):after { content: "5";}

.ranking.event:after {
	display: none;
}

.ranking a {
	text-decoration: none;
	font-weight: bold;
	color: #454b53;
}

.ranking a span {
	font-size: 11px;
	font-weight: lighter;
}

.ranking a span.ranking-title-text {
	font-size: 12px;
	font-weight: bold;
}

.ranking-pic {
	display: table-cell;
	width: 70px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.ranking-pic img {
	border-radius: 3px;
	box-shadow: 0 0 0 1px #f2f2f2;
}

.ranking-title {
	display: table-cell;
	margin: 0;
	padding-left: 10px;
	vertical-align: top;
}

.ranking-area {
	display: inline-block;
	clear: both;
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px 0 2px;
	border-radius: 2px;
	line-height: 20px !important;
	font-size: 10px !important;
	font-weight: bold !important;
	background: #454b53;
	color: #ffffff !important;
}

/* new-event-widget
-------------------------------------------------------------*/

.new-event-widget {
	position: relative;
	width: 300px;
	margin-bottom: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
}

.new-event-widget-header {
	width: 100%;
	height: 54px;
	margin: 0;
	padding-top: 12px;
	border-bottom: 1px solid #e3e3e3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align: center;
	line-height: 1;
}

.new-event-widget-header em,
.new-event-widget-header i {
	font-style: normal;
   	vertical-align: middle;
}

.new-event-widget-header em.huge {
	display: inline-block;
	padding: 0.3em 0 0.1em;
	letter-spacing: 1px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 21px;
}

.new-event-widget-header em.tiny {
	font-size: 12px;
  	font-weight: bold;
}

.new-event-widget-header i {
	display: inline-block;
	padding: 0 0 0.2em;
	font-size: 20px;
}

.new-event-widget-footer {
	width: 100%;
	height: 54px;
	margin: 0;
	border-top: 1px solid #e3e3e3;
}

.new-event-widget-footer a {
	display: block;
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	line-height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.new-event-widget-footer a:hover {
	opacity: 0.7;
}

.new-event-widget-content {
	width: 100%;
	margin: 0;
	padding: 15px;
}

.new-event {
	display: table;
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	cursor: pointer;
	table-layout: fixed;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.new-event:last-child {
	margin-bottom: 0;
}

.new-event a {
	text-decoration: none;
	font-weight: bold;
	color: #454b53;
}

.new-event a .date {
	font-family: 'dir-regular', sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: #737d8b;
}

.new-event-pic {
	display: table-cell;
	width: 70px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.new-event-pic img {
	border-radius: 3px;
	box-shadow: 0 0 0 1px #f2f2f2;
}

.new-event-title {
	display: table-cell;
	margin: 0;
	padding-left: 10px;
	vertical-align: top;
	font-size: 12px;
}

.new-event-area {
	display: inline-block;
	clear: both;
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px 0 2px;
	border-radius: 2px;
	line-height: 20px !important;
	font-size: 10px !important;
	font-weight: bold !important;
	background: #454b53;
	color: #ffffff;
}

/* banner-widget
-------------------------------------------------------------*/

.banner-widget {
	position: relative;
	width: 100%;
}

.banner {
	width: 100%;
}

.banner img {
	width: 100%;
	margin-bottom: 30px;
	border-radius: 3px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.banner.border img {
	border: 1px solid #e3e3e3;
}

.banner img:hover {
	opacity: 0.6;
}

/* search-widget
-------------------------------------------------------------*/

.search-widget {
	position: relative;
	width: 300px;
	height: 54px;
	margin-bottom: 30px;
}

.search-widget-input {
	position: relative;
	width: 300px;
	height: 54px;
	background: #ffffff;
}

.search-widget-input dt {
	width: 246px;
	height: 54px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.search-widget-input dt input {
	outline: none;
	width: 246px;
	height: 54px;
	padding: 10px;
	border: none;
	vertical-align: middle;
	background: none;
}

.search-widget-input dt input:focus {
	outline: none;
	border: none;
}

.search-widget-input dd {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 54px;
	height: 54px;
}

.search-widget-input dd button {
	outline: none;
	display: block;
	width: 54px;
	height: 54px;
	line-height: 54px;
	border: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #454b53;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.search-widget-input dd button:hover {
	opacity: 0.7;
}

.search-widget-input dd button span {
	display: block;
	margin-top: -3px;
	font-size: 24px;
	color: #ffffff;
}

/* menu-widget
-------------------------------------------------------------*/

.menu-widget {
	position: relative;
	width: 300px;
	margin: 0 0 30px;
	padding: 0;
	background: #ffffff;
}

.menu-widget > li {
	list-style: none;
	position: relative;
	width: 300px;
	height: 54px;
	margin: 0;
	padding: 0;
	line-height: 54px;
}

.menu-widget > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	background: #ffffff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.menu-widget > li:first-child > a {
	border-top: 1px solid #e3e3e3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.menu-widget > li:last-child > a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.menu-widget > li > a:hover {
	background: #f5f6f7;
}

/* job
-------------------------------------------------------------*/

.job {
	position: relative;
	margin: 0 0 30px;
	width: 860px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.job.sg-pickup {
	width: 100%;
	margin-bottom: 20px;
}

.prefecture-mark.absolute {
	position: absolute;
	top: -1px;
    left: 320px;
    z-index: 3;
}

.job-status-end {    
    position: absolute;
	top: -1px;
    left: 385px;
    z-index: 3;
    width: 60px;
	margin: 0;
    padding: 5px 0 10px;
	background: #a1a8b2;
	line-height: 1.2;
    text-align: center;
    font-size: 12px;
	font-weight: bold;
    color: #ffffff;
}

.job-status-end:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
	border-left: 30px solid #a1a8b2;
	border-right: 30px solid #a1a8b2;
    border-bottom: 10px solid transparent;
}

.job-status-end i {    
    font-size: 20px;
}

.job-content {
	display: table;
	position: relative;
	width: 100%;
}

.job-pic {
	overflow: hidden;
	display: table-cell;
	position: relative;
	width: 300px;
	vertical-align: top;
}

.job-pic-cover {
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	text-align: center;
	font-family: 'dir-regular', sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #ffffff;
	cursor: pointer;
}

.job-rotation-count-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 50px;
	line-height: 50px;
}

.job-pic-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	margin: 0;
	padding: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fafafa;
	line-height: 185px;
	text-align: center;
	font-size: 50px;
	color: #d9dce0;
}

.job-title {
	display: table-cell;
	position: relative;
	padding-top: 80px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	cursor: pointer;
}

.job-title-link {
	margin: 0 0 5px;
}

.job-title-link a,
.job-title-link a:hover {
	outline: none;
	line-height: 1.2;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #454b53;
}

.job-author {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #737d8b;
}

.job-date {
	margin-bottom: 10px;
	font-size: 11px;
	color: #737d8b;
}

.new-arrival {
	position: relative;
	margin-right: 6px;
	padding: 5px 10px 3px;
	border-radius: 2px;
	background: #ffc244;
	line-height: 1;
	font-size: 10px;
	font-family:"dir-regular", sans-serif;
	font-weight: 400;
	color: #ffffff;
}

.new-arrival:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -3px;
	border: solid transparent;
	border-color: rgba(255, 194, 68, 0);
	border-left-color: #ffc244;
	border-width: 3px;
	pointer-events: none;
}

.online-mark {
	position: relative;
	display: inline-block;
	height: 20px;
	margin-right: 6px;
	padding: 0 5px 0 27px;
	border-radius: 2px;
	border: 1px solid #737d8b;
	background: #ffffff;
	box-shadow: 1px 1px 0 1px #e6e6e6;
	line-height: 18px;
	font-size: 10px;
	font-weight: bold;
	color: #737d8b;
}

.online-mark.small {
	display: inline-block;
	margin-left: 3px;
	box-shadow: none;
	font-size: 10px;
	font-weight: bold !important;
}

.online-mark.medium {
	display: inline-block;
	height: 22px;
	margin-right: 5px;
	border: 1px solid #0bd79b;
	box-shadow: none;
	line-height: 19px;
	font-size: 12px;
	color: #0bd79b;
}

.online-mark.large {
	display: inline-block;
	height: auto;
	margin-right: 3px;
	padding: 2px 7px 2px 27px;
	border: 1px solid #0bd79b;
	border-radius: 3px;
	box-shadow: none;
	line-height: 1.8;
	font-size: 12px;
	color: #0bd79b;
}

.online-mark:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 3px;
	width: 15px;
	height: 11px;
	background-image: url('../images/online-mark.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px 11px;
}

.online-mark.medium:before {
	top: 4px;
}

.online-mark.large:before {
	top: 7px;
}

.online-mark:after {
	content: "";
	position: absolute;
	left: 23px;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: #737d8b;
}

.online-mark.medium:after {
	background: #0bd79b;
}

.online-mark.large:after {
	background: #0bd79b;
}

.job-tags {
	position: absolute;
	top: 20px;
	left: 0;
	right: 20px;
	height: 40px;
	padding-right: 60px;
	line-height: 40px;
	text-align: right;
	font-size: 11px;
	color: #737d8b;
}

.sg-pickup .job-tags {
	padding-right: 0;
}

.fav-add {
	position: absolute;
	bottom :0;
	right: 0;
	z-index: 2;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	background: #a1a8b2;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.fav-add:hover {
	box-shadow: 0 0 5px 0 #000000;
}

.fav-add-tool {
	display: none;
	position: absolute;
	top: -25px;
	left: 50%;
	z-index: 3;
	width: 120px;
	height: 20px;
	margin-left: -60px;
	line-height: 20px;
	border-radius: 3px;
	text-align: center;
	background: #454b53;
	font-size: 10px;
	color: #ffffff;
}

.fav-add-tool:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	margin-left: -5px;
	border: solid transparent;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #454b53;
	border-width: 5px;
	pointer-events: none;
}

/* job-tag
-------------------------------------------------------------*/

.job-tag-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 19px;
	margin-bottom: 5px;
	line-height: 18px;
	color: #737d8b;
}

.job-tag-wrap:before,
.job-tag-wrap:after {
	position: absolute;
	background: #ffffff;
	line-height: 1;
	transition: all 300ms linear;
}

.job-tag-wrap:before {
	content: "...";
	top: 0;
	right: 0;
}

.job-tag-wrap:after {
  content: "";
  height: 100%;
  width: 100%;
}

.job-tag-title {
	display: inline-block;
	width: 40px;
	height: 18px;
	margin-right: 2px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	line-height: 16px;
	text-align: center;
	background: #ffffff;
	font-size: 10px;
	font-weight: bold;
	color: #737d8b;
}

.job-tag {
	font-size: 10px;
	color: #737d8b;
}

/* pagination
-------------------------------------------------------------*/

.tablenav {
	height: 40px;
	margin: 0 auto 30px;
	padding: 0;
	text-align: center;
	color: #737d8b;
}

.page-numbers,
.tablenav .current,
.tablenav .next,
.tablenav .prev {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 3px;
	line-height: 40px;
	border: solid 1px #737d8b;
	border-radius: 3px;
	box-shadow: 0 2px 0 #f5f6f7;
	background-color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-family:"dir-regular", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #737d8b;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.page-numbers:hover,
.tablenav .next:hover,
.tablenav .prev:hover {
	border: solid 1px #737d8b;
	background: #f5f6f7;
	text-decoration: none;
	color: #454b53;
}

.tablenav .current {
	border: solid 1px #737d8b;
	box-shadow: 0 2px 0 #e2e5e8;
	background: #737d8b;
	color: #ffffff;
}

.next-article10 {
	display: block;
	position: relative;
	width: 400px;
	height: 54px;
	margin: 0 auto;
	border: solid 1px #737d8b;
	border-radius: 4px;
	box-shadow: 0 3px 0 #e2e5e8;
	background: #737d8b;
	line-height: 54px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.next-article10:before {
	content:"\E83C";
	position: absolute;
	top: 0px;
	right: 20px;
	font-family: "pi-webfont2";
	font-size: 20px;
	color: #ffffff;
}

.next-article10:hover {
	border: solid 1px #454b53;
	text-decoration: none;
	background: #454b53;
	color: #ffffff;
}


.post-nav {
    position: relative;
    width: 100%;
    height: 60px;
    margin: 30px auto;
    text-align: center;
}

.post-nav a {
    display:  inline-block;
    width: 30%;
    height: 60px;
    margin: 0 10px;
    border: 1px solid #737d8b;
    border-radius: 4px;
    box-shadow: 0 3px 0 #e2e5e8;
    background: #ffffff;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #454b53;
    -webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.post-nav a:hover {
    opacity: 0.7;
    text-decoration: none;
    color: #454b53;
}

/* color
-------------------------------------------------------------*/

.color-hokkaido { color: #00aacf !important; }
.color-tohoku { color: #14d7bd !important; }
.color-kanto { color: #f67373 !important; }
.color-hokushinetsu { color: #a2d714 !important; }
.color-tokai { color: #f2a74f !important; }
.color-kansai { color: #ab75bf !important; }
.color-chushikoku { color: #005ec4 !important; }
.color-kyushu { color: #ff7fbf !important; }
.color-kaigai { color: #d1b200 !important; }

.area-hokkaido { background-color: #00aacf !important; }
.area-tohoku { background-color: #14d7bd !important; }
.area-kanto { background-color: #f67373 !important; }
.area-hokushinetsu { background-color: #a2d714 !important; }
.area-tokai { background-color: #f2a74f !important; }
.area-kansai { background-color: #ab75bf !important; }
.area-chushikoku { background-color: #005ec4 !important; }
.area-kyushu { background-color: #ff7fbf !important; }
.area-kaigai { background-color: #d1b200 !important; }

.area-hokkaido-bf:before { background-color: #00aacf !important; }
.area-tohoku-bf:before { background-color: #14d7bd !important; }
.area-kanto-bf:before { background-color: #f67373 !important; }
.area-hokushinetsu-bf:before { background-color: #a2d714 !important; }
.area-tokai-bf:before { background-color: #f2a74f !important; }
.area-kansai-bf:before { background-color: #ab75bf !important; }
.area-chushikoku-bf:before { background-color: #005ec4 !important; }
.area-kyushu-bf:before { background-color: #ff7fbf !important; }
.area-kaigai-bf:before { background-color: #d1b200 !important; }

/* prefecture-mark
-------------------------------------------------------------*/

.prefecture-mark {    
    display: block;
	position: relative;
    width: 60px;
	margin: 0;
    padding: 5px 0 10px;
	line-height: 1.2;
    text-align: center;
    font-size: 12px;
	font-weight: bold;
    color: #ffffff;
}

.prefecture-mark:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-bottom: 10px solid transparent;
}

.prefecture-mark i {    
    font-size: 20px;
}

.prefecture-mark.big {
    width: 90px;
    padding: 12px 0;
	line-height: 1.5;
    font-size: 14px;
}

.prefecture-mark.big:after{
	border-bottom-width: 16px !important;
	border-left-width: 45px !important;
	border-right-width: 45px !important;
}

.prefecture-mark.big i {    
    font-size: 30px;
}

.prefecture-mark.area-hokkaido:after { border-left: 30px solid #00aacf; border-right: 30px solid #00aacf; }
.prefecture-mark.area-tohoku:after { border-left: 30px solid #14d7bd; border-right: 30px solid #14d7bd; }
.prefecture-mark.area-kanto:after { border-left: 30px solid #f67373; border-right: 30px solid #f67373; }
.prefecture-mark.area-hokushinetsu:after { border-left: 30px solid #a2d714; border-right: 30px solid #a2d714; }
.prefecture-mark.area-tokai:after { border-left: 30px solid #f2a74f; border-right: 30px solid #f2a74f; }
.prefecture-mark.area-kansai:after { border-left: 30px solid #ab75bf; border-right: 30px solid #ab75bf; }
.prefecture-mark.area-chushikoku:after { border-left: 30px solid #005ec4; border-right: 30px solid #005ec4; }
.prefecture-mark.area-kyushu:after { border-left: 30px solid #ff7fbf; border-right: 30px solid #ff7fbf; }
.prefecture-mark.area-kaigai:after { border-left: 30px solid #d1b200; border-right: 30px solid #d1b200; }

/* rotation-count
-------------------------------------------------------------*/

.rotation-count {
	display: inline-block;
	margin: 0 10px;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    100% {
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
 
@-moz-keyframes rotate {
    0% {
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    100% {
        -moz-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
 
@keyframes rotate {
    0% {
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    100% {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}

/* overlay & modal
-------------------------------------------------------------*/

.lock {
    overflow:hidden;
}

.overlay {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1002;
	height: 100%;
	width: 100%;
	backgroundr: #000000;
	background: rgba(0,0,0,0.7);
	cursor: pointer;
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	z-index:1003;
	height: auto;
	width: 1000px;
	margin: auto;
	border-radius: 6px;
	cursor: default;
}

.modal-header {
	position: relative;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255,255,255,0.2);
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #737d8b;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

.modal-header-title {
	height: 50px;
	margin: 0;
	padding: 0;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
}

.modal-close-btn {
	position: absolute;
	top: 10px;
	right: 7px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	cursor: pointer;
}

.modal-contents {
	overflow: hidden;
	width: 100%;
	max-height: 480px;
	padding: 30px 0 30px;
	background: #ffffff;
}

/* list-search
-------------------------------------------------------------*/

.list-search-wrap {
	display: none;
	margin: 0 20px; 
}

.list-search-wrap-disp {
	margin: 0 auto; 
}

.list-search {
	float: left;
	width: 33.333%;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
}

.list-search:nth-of-type(1),
.list-search:nth-of-type(2),
.list-search:nth-of-type(3) {
	border-top: 1px solid #f3f3f3;
}

.list-search i {
	color: #454b53;
}

.list-search a {
	font-size: 14px;
	font-weight: bold;
	color: #454b53;
}

.list-search a:hover {
	color: #454b53;
}

.list-search a span {
	font-size: 12px;
	font-weight: lighter;
}

.list-search-table {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #f3f3f3;
}

.list-search-table td {
	padding: 8px 0;
	border-bottom: 1px solid #f3f3f3;
	vertical-align: middle;
}

.list-search-table a {
	color: #454b53;
}

.list-search-table i {
	color: #454b53;
}

.list-search-table a:hover {
	color: #454b53;
	text-decoration:underline;	
}

.list-search-table-bigarea {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
}

.list-search-table-bigarea span {
	font-size: 12px;
	font-weight: lighter;
}

.list-search-table-smallarea {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.list-search-table-smallarea span {
	font-size: 10px;
}


.list-search-table-smallarea li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-search-check-title {
	margin: 30px auto 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
	font-size: 16px;
	font-weight: bold;
}	

.list-search-check {
	float: left;
	width: 33.333%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
}

/* tab
-------------------------------------------------------------*/

.tab {
	display: table;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-bottom: 3px solid #737d8b;
	background: #f5f6f7;
}

.tab li {
	list-style: none;
	display: table-cell;
	height: 50px;
	margin: 0;
	line-height: 50px;
	text-align: center;
}

.tab li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	text-decoration: none;
	font-weight: bold;
	color: #454b53;
}

.tab li a:hover {
	background: #5c646f;
	color: #ffffff;
}

.tab li.active,
.tab li.active a,
.tab li.active a:hover {
	background: #737d8b;
	color: #ffffff;
}

.tab-contents {
	clear: both;
	overflow: hidden;
	width: 100%;
}

.tabbox {
	display: none;
}

/* tab-radius
-------------------------------------------------------------*/

.tab-radius {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.tab-radius:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #e3e3e3;
    z-index: 1;
}

.tab-radius li {
	display: inline-block;
	position: relative;
	z-index: 0;
	width: 300px;
	height: 60px;
	margin: 0 20px 0 0;
	border: 1px solid #e3e3e3;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #eceeef;
	box-shadow: 1px 1px -2px #f5f6f7;
	line-height: 59px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #a1a8b2;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.tab-radius li.active {
	z-index: 2;
	border-bottom-color: #ffffff;
	background: #ffffff;
	color: #454b53;
}

.tab-radius:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
}

.tab-radius li:before,
.tab-radius li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	width: 6px;
	height: 6px;
	border: 1px solid #e3e3e3;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.tab-radius li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #eceeef;
}

.tab-radius li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #eceeef;
}

.tab-radius li.active:before {
	box-shadow: 2px 2px 0 #ffffff;
}

.tab-radius li.active:after {
	box-shadow: -2px 2px 0 #ffffff;
}

.tab-radius-contents {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 20px;
}

.tab-radius-box {
	display: none;
}

/* page-head
-------------------------------------------------------------*/

.page-header {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 250px;
	margin: 0 auto 40px;
	padding: 70px 0;
	border-bottom: 1px solid #e3e3e3;
	background-repeat: repeat-x;
}

.body-bg1 .page-header {
	background: url(../images/bg-page-header1.jpg);
	background-repeat: repeat-x;
	background-size: 720px 250px;
	-moz-background-size: 720px 250px;
	-webkit-background-size: 720px 250px;
	-o-background-size: 720px 250px;
	-ms-background-size: 720px 250px;
}

.body-bg2 .page-header {
	background: url(../images/bg-page-header2.jpg);
	background-repeat: repeat-x;
	background-size: 720px 250px;
	-moz-background-size: 720px 250px;
	-webkit-background-size: 720px 250px;
	-o-background-size: 720px 250px;
	-ms-background-size: 720px 250px;
}

.body0 .page-header { background-position: 0 0 !important; }
.body144 .page-header { background-position: 144px 0 !important; }
.body288 .page-header { background-position: 288px 0 !important; }
.body432 .page-header { background-position: 432px 0 !important; }
.body568 .page-header { background-position: 568px 0 !important; }

.page-header:before {
	content: "";
	position: absolute;
	top: -500px;
	right: -50px;
	z-index: 1;
	width: 100%;
	height: 300%;
	box-shadow: 0 0 5px #666666;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	-moz-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
	opacity: 0.8;
}

.page-header:after {
	content: "";
	position: absolute;
	bottom: -600px;
	left: 300px;
	z-index: 2;
	width: 200%;
	height: 300%;
	background: rgba(42,60,82,0.9) url('../images/pattern.png') 0 0 repeat;
	box-shadow: 0 0 5px #666666;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	-moz-transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.page-header.aqua:before {
	background: rgb(80,227,194);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM1MGUzYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMmM4ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(80,227,194,1) 50%, rgba(2,200,255,1) 70%);
	background: -webkit-linear-gradient(left, rgba(80,227,194,1) 50%,rgba(2,200,255,1) 70%);
	background: linear-gradient(to right, rgba(80,227,194,1) 50%,rgba(2,200,255,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50e3c2', endColorstr='#02c8ff',GradientType=1 );
}

.page-header.pink:before {
	background: rgb(255,160,200);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmEwYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZjJhOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,160,200,1) 50%, rgba(255,42,149,1) 70%);
	background: -webkit-linear-gradient(left, rgba(255,160,200,1) 50%,rgba(255,42,149,1) 70%);
	background: linear-gradient(to right, rgba(255,160,200,1) 50%,rgba(255,42,149,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa0c8', endColorstr='#ff2a95',GradientType=1 );
}

.page-header.green:before {
	background: rgb(153,239,220);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5OWVmZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMxNGQ3YmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(153,239,220,1) 50%, rgba(20,215,189,1) 70%);
	background: -webkit-linear-gradient(left, rgba(153,239,220,1) 50%,rgba(20,215,189,1) 70%);
	background: linear-gradient(to right, rgba(153,239,220,1) 50%,rgba(20,215,189,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99efdc', endColorstr='#14d7bd',GradientType=1 );
}

.page-header.purple:before {
	background: rgb(170,130,216);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhYTgyZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiM3ZjdmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(170,130,216,1) 50%, rgba(127,127,255,1) 70%);
	background: -webkit-linear-gradient(left, rgba(170,130,216,1) 50%,rgba(127,127,255,1) 70%);
	background: linear-gradient(to right, rgba(170,130,216,1) 50%,rgba(127,127,255,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa82d8', endColorstr='#7f7fff',GradientType=1 );
}

.page-header.orange:before {
	background: rgb(255,160,125);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmEwN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmNjczNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(255,160,125,1) 50%, rgba(246,115,115,1) 70%);
	background: -webkit-linear-gradient(left, rgba(255,160,125,1) 50%,rgba(246,115,115,1) 70%);
	background: linear-gradient(to right, rgba(255,160,125,1) 50%,rgba(246,115,115,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa07d', endColorstr='#f67373',GradientType=1 );
}

.page-header.red:before {
	background: rgb(244,127,141);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNDdmOGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNlZjQwNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(244,127,141,1) 50%, rgba(239,64,86,1) 70%);
	background: -webkit-linear-gradient(left, rgba(244,127,141,1) 50%,rgba(239,64,86,1) 70%);
	background: linear-gradient(to right, rgba(244,127,141,1) 50%,rgba(239,64,86,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f8d', endColorstr='#ef4056',GradientType=1 );
}

.page-header-inner {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
	width: 1200px;
	height: 100%;
	margin-left: -600px;
	padding-top: 60px;
	padding-left: 30px;
	color: #ffffff;
}

/* crumbs
-------------------------------------------------------------*/

.crumbs-wrap {
	width: 100%;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.crumbs {
	width: 1200px;
	margin: 0 auto;
	border-radius: 2px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 10px;
	color: #737d8b;
}

.crumbs a,
.crumbs span {
    display: inline-block;
	position: relative;
    height: 30px;
    padding: 0 13px 0 10px;
    line-height: 30px;
	text-decoration: none;
	color: #737d8b;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.crumbs a:after {
    position:absolute;
    bottom:0;
    right:5px;
    display:block;
    height:15px;
    width:15px;
    content:" ";
    -webkit-transform:skew(-40deg);
    -moz-transform:skew(-40deg);
    -o-transform:skew(-40deg);
    -ms-transform:skew(-40deg);
    transform:skew(-40deg);
    border-right:1px solid #e3e3e3;
	background:none;
}

.crumbs a:before {
    position:absolute;
    top:0;
    right:5px;
    display:block;
    height:15px;
    width:15px;
    content:" ";
    -webkit-transform:skew(40deg);
    -moz-transform:skew(40deg);
    -o-transform:skew(40deg);
    -ms-transform:skew(40deg);
    transform:skew(40deg);
    border-right:1px solid #e3e3e3;
	background:none;
}

.crumbs a:nth-of-type(1) {
    padding:0 20px 0 8px;
}

.crumbs a:hover {
	text-decoration: none;
	color: #737d8b;
	opacity: 0.7;
}

/* heading
-------------------------------------------------------------*/

.page-h2 {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
}

.page-h2 > span {
	letter-spacing: 5px;
	font-family:"dir-light", sans-serif;
	font-weight: 100;
	font-size: 36px;
}

.page-h2.aqua { color: #03d2ff; }

.page-h2.pink { color: #ff7fbf; }

.page-h2.green { color: #14d7bd; }

.page-h2.purple { color: #bc9ce0; }

.page-h2.orange { color: #ffa07d; }

.page-h2.red { color: #f47f8d; }

.page-h2.narrow {
	display: block;
	width: 1200px;
	margin: 40px auto;
	line-height: 1.2;
	font-size: 24px;
	font-weight: bold;
}

.page-h2.morenarrow {
	display: block;
	width: 800px;
	margin: 40px auto;
	line-height: 1.2;
	font-size: 24px;
	font-weight: bold;
}

.page-h3 {
	margin: 60px auto 20px;
	line-height: 1.5;
	font-size: 20px;
	font-weight: bold;
}

.page-h3-query {
	display: block;
	position: relative;
	width: 200px;
	height: 40px;
	margin: 60px 0 20px;
	padding-left: 50px;
	border-radius: 3px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
}

.page-h3-query:before {
	content: "\E807";
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #00b8e0;
	text-align: center;
	font-family: "pi-webfont2";
	color: #ffffff;
}

.page-h4 {
	margin: 60px auto 20px;
	font-size: 18px;
	font-weight: bold;
	color: #00cc99;
}

/* attention
-------------------------------------------------------------*/

.attention {
	padding: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 4px; 
	background: #fafafa;
}

/* attention2
-------------------------------------------------------------*/

.attention2 {
	padding: 40px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 0 0 3px #f5f6f7;
}

.attention2 img {
	max-width: 100%;
}

/* web-font num
-------------------------------------------------------------*/

.dir-num {
	font-family: "dir-regular", sans-serif;
	font-weight: 400;
}

.dir-num-med {
	font-family: "dir-medium", sans-serif;
	font-weight: 500;
}

/* pic-text
-------------------------------------------------------------*/
.pic-text {
	display: table;
	width: 100%;
	table-layout:fixed;
}

.pic-text-pic {
	display: table-cell;
	width: 300px;
	text-align: center;
	vertical-align: top;
}

.pic-text-pic img {
	width: 240px;
}

.pic-text-pic a {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.pic-text-pic a:hover {
	opacity: 0.7;
}

.pic-text-text {
	display: table-cell;
	padding-left: 20px;
}

/* sending-indication
-------------------------------------------------------------*/

.sending-indication {
	display: none;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1003;
	width: 200px;
	height: 100px;
	margin: -50px auto 0;
	padding-top: 18px;
	border-radius: 4px;
	background: rgba(0,0,0,0.5);
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}

.sending-indication span{
	display: inline-block;
	width:40px;
	height:40px;
	border-radius: 50%;
	border: 5px solid #999999;
	border-top-color: #cccccc;
	-webkit-animation: spinner 0.5s infinite ease-in;
	-moz-animation: spinner 0.5s infinite ease-in;
	-o-animation: spinner 0.5s infinite ease-in;
	-ms-animation: spinner 0.5s infinite ease-in;
}

@-webkit-keyframes spinner {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spinner {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes spinner {
	0% { -o-transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-ms-keyframes spinner {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}

/* main-content
-------------------------------------------------------------*/

.main-content {
	padding: 60px;
	background: #ffffff;
}

/* hr-border
-------------------------------------------------------------*/

.hr-border {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 26px;
	margin: 0 auto;
	line-height: 1;
}

.hr-border:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #454b53;
}

/* long-bn
-------------------------------------------------------------*/

.long-bn {
	width: 1000px;
	margin: 30px auto 60px;
	text-align: center;
}

.long-bn img {
	width: 100%;
	border-radius: 4px;
	box-shadow: inset 1px 1px 1px #14d5ff,0 0 5px #999999;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.long-bn img:hover {
	opacity: 0.7;
}

/* top-btn-half-wrap
-------------------------------------------------------------*/

.top-btn-half-wrap {
	display: table;
	width: 1100px;
	margin: 0 auto 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dddddd;
}

.top-btn-half-wrap.none {
	padding-bottom: 0;
	border-bottom: none;
}

.top-btn-half {
	display: table-cell;
	width: 50%;
	margin: 0;
	vertical-align: top;
}

.top-btn-half img {
	width: 95%;
	border-radius: 4px;
	box-shadow: 0 0 5px #cccccc;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.top-btn-half img:hover {
	opacity: 0.7;
}

.top-btn-half.left {
	text-align: left;
}

.top-btn-half.right {
	text-align: right;
}

/* top-btn-onethird-wrap
-------------------------------------------------------------*/

.top-btn-onethird-wrap {
	display: table;
	width: 1100px;
	margin: 30px auto 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #dddddd;
}

.top-btn-onethird {
	display: table-cell;
	width: 33.33%;
	margin: 0;
	vertical-align: top;
}

.top-btn-onethird img {
	width: 340px;
	border-radius: 4px;
	box-shadow: inset 1px 1px 1px #14d5ff,0 0 5px #999999;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.top-btn-onethird img:hover {
	opacity: 0.7;
}

.top-btn-onethird.left {
	text-align: left;
}

.top-btn-onethird.center {
	text-align: center;
}

.top-btn-onethird.right {
	text-align: right;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 * project(各ページ毎のパーツ)
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/***************************************************************************************************************************************
*
* top page
*
****************************************************************************************************************************************/

.top-h2 {
	position: relative;
	margin: 0 auto 30px;
	line-height: 1.2;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.top-h2 span {
	letter-spacing: 2px;
	font-family: "dir-medium", sans-serif;
	font-weight: 500;
	font-size: 34px;
}

/*----- main-visual ----- */

.main-visual {
	overflow: hidden;
	-webkit-backface-visibility: hidden; /*アニメーションにGPU処理を取り入れる*/
	backface-visibility: hidden; /*アニメーションにGPU処理を取り入れる*/
	position: relative;
	width: 100%;
	height: 500px;
	text-align: center;
	margin: 0 auto;
}

.bg-main-visual-disable {
	position: relative;
    width: 100%;
    height: 100%;
	background: url('../images/poster.gif') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover
}

.spinner {
	z-index: 4;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
}

.spinner span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	border-top-color: #00c6f1;
	-webkit-animation: spinner 0.5s infinite ease-in;
	-moz-animation: spinner 0.5s infinite ease-in;
	-o-animation: spinner 0.5s infinite ease-in;
	-ms-animation: spinner 0.5s infinite ease-in;
}

@-webkit-keyframes spinner {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spinner {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes spinner {
	0% { -o-transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-ms-keyframes spinner {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}

.main-video-overlay {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;	
	width: 100%;
	height: 100%;
	background: url('../images/pattern.png') 0 0 repeat;
}

.main-video-overlay2 {
	z-index: 3;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;	
	width: 100%;
	height: 100%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzRmZmM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyODZmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg, rgba(52,255,198,1) 0%, rgba(66,134,245,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(52,255,198,1) 0%,rgba(66,134,245,1) 100%);
	background: linear-gradient(45deg, rgba(52,255,198,1) 0%,rgba(66,134,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34ffc6', endColorstr='#4286f5',GradientType=1 );
	opacity: 0.8;
}

.main-video {
	position: relative;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}

.main-bg {
	display: none;
	position: relative;
	width: 100%;
	height: 125px;
	background-repeat: repeat-x;
	background-size: 2880px 125px;
	-moz-background-size: 2880px 125px;
	-webkit-background-size: 2880px 125px;
	-o-background-size: 2880px 125px;
	-ms-background-size: 2880px 125px;
	-moz-animation: cloudmove 50s linear infinite;
	-webkit-animation: cloudmove 50s linear infinite;
	-o-animation: cloudmove 50s linear infinite;
	-ms-animation: cloudmove 50s linear infinite;
	animation: cloudmove 50s linear infinite;
}

.main-bg.reverse {
	-moz-animation: cloudmove-reverse 50s linear infinite;
	-webkit-animation: cloudmove-reverse 50s linear infinite;
	-o-animation: cloudmove-reverse 50s linear infinite;
	-ms-animation: cloudmove-reverse 50s linear infinite;
	animation: cloudmove-reverse 50s linear infinite;
}

.main-bg.main-bg1 { background-image: url(../images/main-bg1.jpg); }
.main-bg.main-bg2 { background-image: url(../images/main-bg2.jpg); }
.main-bg.main-bg3 { background-image: url(../images/main-bg3.jpg); }
.main-bg.main-bg4 { background-image: url(../images/main-bg4.jpg); }

@-moz-keyframes cloudmove {
	0% { background-position: 0 0;}
	25% { background-position: 200px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 600px 0; }
	100% { background-position: 800px 0; }
}

@-webkit-keyframes cloudmove {
	0% { background-position: 0 0;}
	25% { background-position: 200px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 600px 0; }
	100% { background-position: 800px 0; }
}

@-o-keyframes cloudmove {
	0% { background-position: 0 0;}
	25% { background-position: 200px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 600px 0; }
	100% { background-position: 800px 0; }
}

@-ms-keyframes cloudmove {
	0% { background-position: 0 0;}
	25% { background-position: 200px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 600px 0; }
	100% { background-position: 800px 0; }
}

@keyframes cloudmove {
	0% { background-position: 0 0;}
	25% { background-position: 200px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 600px 0; }
	100% { background-position: 800px 0; }
}

@-moz-keyframes cloudmove-reverse {
	0% { background-position: 800px 0; }
	25% { background-position: 600px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 200px 0; }
	100% { background-position: 0 0;}
}

@-webkit-keyframes cloudmove-reverse {
	0% { background-position: 800px 0; }
	25% { background-position: 600px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 200px 0; }
	100% { background-position: 0 0;}
}

@-o-keyframes cloudmove-reverse {
	0% { background-position: 800px 0; }
	25% { background-position: 600px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 200px 0; }
	100% { background-position: 0 0;}
}

@-ms-keyframes cloudmove-reverse {
	0% { background-position: 800px 0; }
	25% { background-position: 600px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 200px 0; }
	100% { background-position: 0 0;}
}

@keyframes cloudmove-reverse {
	0% { background-position: 800px 0; }
	25% { background-position: 600px 0; }
	50% { background-position: 400px 0; }
	75% { background-position: 200px 0; }
	100% { background-position: 0 0;}
}

.main-visual-content {
	/*display: table;*/
	display: none;
	z-index: 4;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.main-visual-text {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.main-logo {
	position: absolute;
	top: 25px;
	left: 20px;
	margin-bottom: 0;
}

.main-copy {
	margin: 0 auto 10px;
	line-height: 1;
	font-family: fot-tsukuardgothic-std, "游ゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 42px;
	font-weight: bold;
	color: #ffffff;
}

.main-subcopy {
	margin: 0 auto 60px;
	line-height: 1;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
}

.main-characteristic-wrap {
	display: table;
	width: 700px;
	margin: 0 auto;
}

.main-characteristic {
	display: table-cell;
	width: 33.33%;
	text-align: center;
	line-height: 1.5;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}

.main-characteristic-icon {
	display: inline-block;
	position: relative;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
}

.main-characteristic-icon img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 60px;
	height: 60px;
}

/*----- top-news ----- */

.top-news {
	width: 100%;
	padding: 10px 0;
	background: #454b53;
}

.top-news-inner {
	display: table;
	width: 1100px;
	height: 30px;
	margin: 0 auto;
}

.top-news-title {
	display: table-cell;
	width: 120px;
	height: 30px;
	border-radius: 2px;
	padding-top: 2px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzRmZmM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyODZmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg, rgba(52,255,198,1) 0%, rgba(66,134,245,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(52,255,198,1) 0%,rgba(66,134,245,1) 100%);
	background: linear-gradient(45deg, rgba(52,255,198,1) 0%,rgba(66,134,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34ffc6', endColorstr='#4286f5',GradientType=1 );
	vertical-align: middle;
	text-align: center;
	font-family: "dir-medium", sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #ffffff;
}

.top-news-content {
	display: table-cell;
	height: 30px;
	padding: 0 20px;
	vertical-align: middle;
}

.top-news-arc {
	display: table-cell;
	width: 90px;
	height: 30px;
	vertical-align: middle;
}

.top-news-arc a{
	display: block;
	width: 90px;
	height: 24px;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 3px;
	line-height: 22px;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition: all 200ms linear;
	transition:all 200ms linear;
}

.top-news-arc a:hover{
	background: rgba(255,255,255,0.2);
	text-decoration: none;
}

.marquee {
	display: block;
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 100%;
	height: 30px;
	margin: 0 auto;	
	padding: 0;
	line-height: 30px;
}

.marquee li {
	display: block;
	position: absolute;
	top: -999em;
	left: 0;
	margin:0;
	padding: 0px;
	white-space: nowrap;
}

.marquee li a {
	text-decoration:none;
	color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition: all 200ms linear;
	transition:all 200ms linear;
}

.marquee li a:hover {
	opacity: 0.7;
}

.marquee li a span {
	font-family: "dir-regular", sans-serif;
	font-weight: 400;
}

/*----- section top-search ----- */

.top-search-by-keyword {
	position: relative;
	width: 1100px;
	margin: 0 auto 30px;
	vertical-align: top;
}

.top-search-by-area {
	display: table;
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding: 30px 30px 30px 0;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 0 0 3px #f5f6f7;
	vertical-align: top;
}

.top-search-icon {
	float: left;
	width: 160px;
	height: 160px;
	margin-right: 28px;
	padding-top: 32px;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	text-align: center;
	line-height: 1.5;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition: all 200ms linear;
	transition:all 200ms linear;
}

.top-search-icon.last {
	margin-right: 0;
}

.top-search-icon:hover {
	margin-top: -5px;
}

.top-search-icon1 {
	border-color: #008ead;
	background: #00aacf;
	box-shadow: inset 1px 1px 1px #14d5ff,0 0 5px #999999;
}

.top-search-icon1:hover {
	background: #009cbe;
	box-shadow: inset 1px 1px 1px #14d5ff,0 0 8px #666666;
}

.top-search-icon2 {
	border-color: #11b8a2;
	background: #14d7bd;
	box-shadow: inset 1px 1px 1px #51efda,0 0 5px #999999;
}

.top-search-icon2:hover {
	background: #13c7af;
	box-shadow: inset 1px 1px 1px #51efda,0 0 8px #666666;
}

.top-search-icon3 {
	border-color: #f45353;
	background: #f67373;
	box-shadow: inset 1px 1px 1px #fbc3c3,0 0 5px #999999;
}

.top-search-icon3:hover {
	background: #f56363;
	box-shadow: inset 1px 1px 1px #fbc3c3,0 0 8px #666666;
}

.top-search-icon4 {
	border-color: #8bb811;
	background: #a2d714;
	box-shadow: inset 1px 1px 1px #c4ef51,0 0 5px #999999;
}

.top-search-icon4:hover {
	background: #96c713;
	box-shadow: inset 1px 1px 1px #c4ef51,0 0 8px #666666;
}

.top-search-icon5 {
	border-color: #f0972f;
	background: #f2a74f;
	box-shadow: inset 1px 1px 1px #f8cf9e,0 0 5px #999999;
}

.top-search-icon5:hover {
	background: #f19f3f;
	box-shadow: inset 1px 1px 1px #f8cf9e,0 0 8px #666666;
}

.top-search-icon6 {
	border-color: #9d5eb4;
	background: #ab75bf;
	box-shadow: inset 1px 1px 1px #ceafda,0 0 5px #999999;
}

.top-search-icon6:hover {
	background: #a469ba;
	box-shadow: inset 1px 1px 1px #ceafda,0 0 8px #666666;
}

.top-search-icon img {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
}

.top-search-by-area-left {
	display: table-cell;
	width: 17%;
	padding: 0 20px 40px;
	vertical-align: middle;
	text-align: center;
}

.top-search-by-area-right {
	display: table-cell;
	width: 83%;
	vertical-align: middle;
}

.top-search-h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

.top-search-h3 img {
	margin-bottom: 20px;
}

.top-search-table {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.top-search-table td {
	padding: 4px 0;
	border-top: 1px solid #f3f3f3;
	vertical-align: middle;
	line-height: 1;
}

.top-search-table td.last {
	border-bottom: 1px solid #f3f3f3;
}

.top-search-table a {
	color: #454b53;
}

.top-search-table i {
	color: #454b53;
}

.top-search-table a:hover {
	color: #454b53;
	text-decoration:underline;	
}

.top-search-table-bigarea {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
}

.top-search-table-bigarea span {
	font-size: 12px;
	font-weight: lighter;
}

.top-search-table-smallarea {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	font-size: 12px;
}

.top-search-table-smallarea span {
	font-size: 10px;
}

.top-search-table-smallarea li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-search-table-smallarea li a {
	margin-left: -4px;
}

/*----- pickup-carousel-wrapper ----- */

#section-pickup {
	background:url(../images/stripe2.png);
	background-repeat: repeat;
}

.pickup-carousel-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 80px;
}

.pickup {
	outline: none;
	position: relative;
	margin: 0 9px;
	padding: 0;
	width: 388px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	cursor: pointer;
}

.pickup:hover {
	box-shadow: 0 0 5px 0 #cccccc;
}

.prefecture-mark.pickup-prefecture-mark {
	position: absolute;
	top: 0;
    left: 15px;
    z-index: 3;
}

.pickup-pic {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 174px;
	margin: 0;
	padding: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #fafafa;
}

.pickup-pic-cover {
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 174px;
	background: rgba(0,0,0,0.5);
	line-height: 174px;
	text-align: center;
	font-family:"dir-regular", sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #ffffff;
}

.pickup-pic-inner {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 174px;
	text-align: center;
	font-size: 50px;
	color: #d9dce0;
}

.pickup-text {
	width: 100%;
	margin: 0;
	padding: 15px;
	border-top: 1px solid #e3e3e3;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.pickup-org-name {
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #454b53;
}

.pickup-title-link {
	margin-bottom: 5px;
}

.pickup-title-link a,
.pickup-title-link a:hover {
	outline: none;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #454b53;
}

/*----- job timeline ----- */

.sort-controller {
	display: table;
	width: 100%;
	height: 52px;
	margin-bottom: 30px;
	padding: 0;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	line-height: 50px;
	table-layout: fixed;
}

.sort-controller-left {
	display: table-cell;
	width: 30%;
	border-right: 1px solid #e3e3e3;
	text-align: center;
	font-family:"dir-regular", sans-serif;
	font-weight: 400;
}

.sort-controller-right {
	display: table-cell;
	width: 70%;
	padding-left: 30px;
	text-align: center;
	vertical-align: middle;
}

.sort-controller-right span {
	display: inline-block;
	position: relative;
}

.sort-controller-right span:before {
	content: "\EA1F";
	position: absolute;
	top: -1px;
	left: -30px;
	font-family: "pi-webfont2";
	font-size: 24px;
}

.sort-controller a {
	display: inline-block;
	width: 110px;
	height: 30px;
	margin: 0 0 0 30px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	background: #ffffff;
	box-shadow: 0 2px 0 #f5f6f7;
	text-align: center;
	line-height: 30px;
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.sort-controller a:hover {
	color: #454b53;
	background: #f5f6f7;
	text-decoration: none;
}

.sort-controller a.current {
	border: 1px solid #454b53;
	background: #454b53;
	box-shadow: 0 2px 0 #e2e5e8;
	font-weight: bold;
	color: #ffffff;
}

.sort-controller a.current:hover {
	opacity: 0.7;
}

/***************************************************************************************************************************************
*
* page about
*
****************************************************************************************************************************************/
.page-about-mv {
	position: relative;
	z-index: 0;
	width: 100%;
	margin-bottom: 100px;
	padding: 0;
	overflow: hidden;
}

.page-about-mv:after {
	content: "";
	z-index: 1;
	position: absolute;
	top: 120px;
	right: -63%;
	width: 100%;
	height: 425px;
	border-radius: 4px;
	background: url('../images/bg-about.jpg') 0 0 repeat-x;
	background-size: 600px 425px;
	box-shadow: 0 0 0 5px #ffffff, 0 0 15px #666666;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.page-about-mv-inner {
	display: table;
	position: relative;
	z-index: 3;
	width: 1200px;
	margin: 0 auto;
}

.about-catchcopy {
	margin: 100px 0 70px;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.about-subcopy {
	position: relative;
	display: block;
	width: 750px;
	height: 25px;
	margin-bottom: 0;
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.about-subcopy.first:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 1px;
	background: url('../images/about-keisen.png') 0 0 repeat-x;
	background-size: 260px 1px;
}

.about-subcopy:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 1px;
	background: url('../images/about-keisen.png') 0 0 repeat-x;
	background-size: 260px 1px;
}

.ut-blue-marker {
	background: linear-gradient(transparent 80%, rgba(244,254,123,1) 0%);
	color: #00c6f1;
}

.page-about-sec {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 50px 0;
}

#page-about-sec01,
#page-about-sec03 {
	background: #00c6f1;
}

#page-about-sec02 {
	padding: 150px 0;
}

#page-about-sec03 {
	padding-bottom: 200px;
}

#page-about-sec01:before,
#page-about-sec03:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 80%;
	background: #00c6f1;
	-webkit-transform: skewY(-4deg);
	transform: skewY(-4deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
}

#page-about-sec01:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 80%;
	background: #00c6f1;
	-webkit-transform: skewY(-4deg);
	transform: skewY(-4deg);
	-webkit-transform-origin: top right;
	transform-origin: top right;
}

.wrapper-inrotate {
	position: relative;
	z-index: 3;
}

.about-new-h3 {
	margin: 0 auto 30px;
	font-size: 30px;
	font-weight: bold;
}

.about-new-h3.white {
	color: #ffffff;
}

.about-color {
	position: relative;
	padding-bottom: 5px;
	color: #f47f8d;
}

.about-color:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 10px;
	background: #f47f8d;
}

.about-new-feature-wrap {
	display: flex;
	justify-content: center;
	padding: 0px;
	margin-top: 40px;
}

.about-new-feature {
	width: 33.33%;
	background-color: #ffffff;
	margin: 0 10px;
	padding: 30px;
	border-radius: 6px;
	box-shadow: 5px 5px 0 0 #cccccc;
}

.about-new-feature-icon {
	margin: 0 auto 20px;
	text-align: center;
}

.about-feature-wrap {
	display: table;
	width: 100%;
	margin-top: 40px;
}

.about-feature {
	display: table-cell;
	width: 33.33%;
	padding: 10px;
}

.about-feature-icon {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
	text-align:center;
	line-height: 120px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background: #ed3147 url(../images/diagmonds-light.png);
	background-repeat: repeat;
	background-size: 70px 70px;
	-moz-background-size: 70px 70px;
	-webkit-background-size: 70px 70px;
	-o-background-size: 70px 70px;
	-ms-background-size: 70px 70px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
	font-family:"dir-regular", sans-serif;
	font-weight: 400;
	font-size: 40px;
	color: #ffffff;
}

.about-feature-icon:before {
	content: "特 徴";
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.about-new-feature-title {
	position: relative;
	margin-bottom: 10px;
	line-height: 1.5;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.about-new-feature-title.third {
	padding-left: 30px;
}

.about-new-feature-title:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 0;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 60px;
}

.about-new-feature-title.first:before {
	content: "1.";
}

.about-new-feature-title.second:before {
	content: "2.";
}

.about-new-feature-title.third:before {
	content: "3.";
}

.about-point-title {
	margin-bottom: 5px;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	color: #f47f8d;
}

.about-marker {
	background: linear-gradient(transparent 80%, #ffcccc 0%);
	font-weight: bold;
}

.timeline-new {
	float: right;
	position: relative;
	margin: 20px 0 0 80px;
	padding: 0;
}

.timeline-new:after {
	content: "";
	position: absolute;
	top: 0;
	left: -4px;
	bottom: 0;
	width: 3px;
	padding: 0px;
	background-color: #cccccc;
	border-radius: 4px;
}

.timeline-new > li {
	list-style: none;
	margin: 0;
	position: relative;
}

.timeline-content-new {
	float: left;
	position: relative;
	z-index: 2;
	width: 87%;
	margin-left: 50px;
	margin-bottom: 20px;
	padding: 30px;
	border: 3px solid #00c6f1;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 5px 5px 0 0 #e3e3e3;
	font-size: 16px;
}

.timeline-content-new01 {
	margin-top: 20px;
}

.timeline-content-new:before {
	content: '';
	position: absolute;
	left: -90px;
	top: 10px;
	width: 70px;
	height: 70px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background: #00c6f1;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
	text-align: center;
	line-height: 70px;
	font-size: 30px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	color: #ffffff;
}

.timeline-content-new:after {
	content: '';
	position: absolute;
	top: 28px;
	left: -34px;
	width: 0;
	height: 0;
	border: 16px solid;
	border-color: transparent #00c6f1 transparent transparent;
}

.timeline-content-new01:before { content: '1'; }
.timeline-content-new02:before { content: '2'; }
.timeline-content-new03:before { content: '3'; }
.timeline-content-new04:before { content: '4'; }
.timeline-content-new05:before { content: '5'; }
.timeline-content-new06:before { content: '6'; }

.timeline-new-h3 {
	display: inline-block;
	position: relative;
	z-index: 3;
	clear: both;
	margin-bottom: 10px;
	font-size: 24px;	
	color: #00c6f1;
}

.timeline-new-h3:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -59px;
	z-index: 4;
	width: 0;
	height: 0;
	border: 15px solid;
	border-color: transparent #ffffff transparent transparent;
}

.timeline-icon-new {
	float: right;
	margin-left: 50px;
	margin-bottom: 0;
}

.timeline-h3 {
	position: relative;
	z-index: 3;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 5px;	
	border-bottom: 1px dashed #f47f8d;
	font-size: 18px;	
	color: #f47f8d;
}

.timeline-h3:before {
	content: '';
	position: absolute;
	top: 9px;
	left: -49px;
	z-index: 4;
	width: 0;
	height: 0;
	border: 15px solid;
	border-color: transparent #ffffff transparent transparent;
}

.timeline {
	float: right;
	position: relative;
	margin: 20px 0 0 80px;
	padding: 0;
}

.timeline:after {
	content: "";
	position: absolute;
	top: 0;
	left: -4px;
	bottom: 0;
	width: 3px;
	padding: 0px;
	background-color: #e3e3e3;
	border-radius: 4px;
}

.timeline > li {
	list-style: none;
	margin: 0;
	position: relative;
}

.timeline-content {
	float: left;
	position: relative;
	z-index: 2;
	width: 87%;
	margin-left: 40px;
	margin-bottom: 20px;
	padding: 20px;
	border: 2px solid #f47f8d;
	border-radius: 6px;
	background: #ffffff;
}

.timeline-content01 {
	margin-top: 20px;
}

.timeline-content:before {
	content: '';
	position: absolute;
	left: -67px;
	top: 22px;
	width: 45px;
	height: 45px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background: #f47f8d;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
	text-align: center;
	line-height: 45px;
	font-size: 22px;
	font-family:"dir-regular", sans-serif;
	font-weight: 400;
	color: #ffffff;
}

.timeline-content:after {
	content: '';
	position: absolute;
	top: 28px;
	left: -33px;
	width: 0;
	height: 0;
	border: 16px solid;
	border-color: transparent #f47f8d transparent transparent;
}

.timeline-content01:before { content: '1'; }
.timeline-content02:before { content: '2'; }
.timeline-content03:before { content: '3'; }
.timeline-content04:before { content: '4'; }
.timeline-content05:before { content: '5'; }
.timeline-content06:before { content: '6'; }

.about-new-point-wrap {
	display: flex;
	justify-content: center;
	padding: 0px;
	margin-top: 70px;
}

.about-new-point {
	position: relative;
	z-index: 0;
	width: 20%;
	background-color: #ffffff;
	margin: 0 10px;
	padding: 25px 20px 20px;
	border-radius: 6px;
	box-shadow: 5px 5px 0 0 #cccccc;
}

.about-new-point:before {
	content: "";
	position: absolute;
	top: -35px;
	left: 50%;
	z-index: 1;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	border-radius: 50%;
	background: #ff7fbf;
	box-shadow: 0 0 0 2px #ffffff, 0 0 10px 0 rgba(0,0,0,0.3);
}

.about-new-point:after {
	content: '';
	position: absolute;
	top: -35px;
	left: 50%;
	z-index: 1;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	line-height: 75px;
	text-align: center;
	font-size: 30px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	color: #ffffff;
}

.about-new-point01:after { content: '1'; }
.about-new-point02:after { content: '2'; }
.about-new-point03:after { content: '3'; }
.about-new-point04:after { content: '4'; }
.about-new-point05:after { content: '5'; }

.about-new-point-icon {
	margin-bottom: 0;
	text-align: center;
}

.about-new-point-title {
	line-height: 1.3;
	font-size: 18px;
	font-weight: bold;
}

.about-new-point-message {
	margin: 40px auto 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}

.about-new-point-angle {
	margin-bottom: 30px;
	text-align: center;
	font-size: 60px;
	color: #ffffff;
}

.about-new-action-wrap {
	display: flex;
	justify-content: center;
	padding: 0px;
}

.about-new-action {
	position: relative;
	z-index: 0;
	width: 50%;
	height: 200px;
	margin: 0 30px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.about-new-action img {
	border-radius: 6px;
	box-shadow: 0 0 5px #666666;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition: all 200ms linear;
	transition:all 200ms linear;
}

.about-new-action img:hover {
	opacity: 0.7;
}

.about-new-action-title {
	display: block;
	margin: 0 auto 30px;
	text-align: center;
}

.about-new-action-title span {
	display: inline-block;
	width: 500px;
	height: 50px;
	border: 3px solid #ffffff;
	border-radius: 50px;
	line-height: 44px;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}

.about-new-quality-wrap {
	display: table;
	width: 100%;
}

.about-new-quality-left {
	display: table-cell;
	width: 400px;
	text-align: center;
	vertical-align: middle;
}

.about-new-quality-right {
	display: table-cell;
	padding-right: 30px
}

.about-new-quality-title {
	margin-bottom: 5px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	color: #00c6f1;
}

.about-new-quality-title span {
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 22px;
}

.modal-fook-quality {
	display: inline-block;
	height: 30px;
	padding: 0 15px;
	border-radius: 50px;
	background: #00c6f1;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition: all 200ms linear;
	transition:all 200ms linear;
}

.modal-fook-quality:hover{
	opacity: 0.7;
}

/***************************************************************************************************************************************
*
* page ranking10
*
****************************************************************************************************************************************/

.job-ranking10 {
	z-index: 3;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 40px;
	height: 40px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background: #454b53;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
	text-align: center;
	line-height: 38px;
	font-family:"dir-medium", sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #ffffff;
}

.job-ranking10.gold {
	background: #c9ae7f;
}

.job-ranking10.silver {
	background: #bdc3c7;
}

.job-ranking10.copper{
	background: #c78865;
}

/***************************************************************************************************************************************
*
* page entry
*
****************************************************************************************************************************************/

.entry-check-point-wrap a {
	text-decoration: underline;
	color: #00cc99;
}

.entry-check-h3 {
	height: 30px;
	margin: 40px auto 20px;
	line-height: 30px;
	font-size: 16px;
}

.entry-check-h3 span.check {
	display: inline-block;
	width: 120px;
	border: 1px solid #00cc99;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #00cc99;
	text-align: center;
	color: #ffffff;
}

.entry-check-h3 span.title {
	display: inline-block;
	width: 250px;
	padding-left: 10px;
	border: 1px solid #00cc99;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #ffffff;
	color: #00cc99;
}

.entry-check-point-desc {
	position: relative;
	margin: 0 -40px 40px;
	padding: 20px 40px 20px 100px;
	border-bottom: 1px solid #e3e3e3;
	background: #f5f6f7;
}

.entry-check-point-desc:before {
	content:"\E85D";
	position: absolute;
	top: 30px;
	left: 40px;
	font-family: "eyetag-webfont";
	font-size: 46px;
	color: #00cc99;
}

/***************************************************************************************************************************************
*
* page events
*
****************************************************************************************************************************************/

.events-sort-controller {
	width: 100%;
	height: 70px;
	margin-bottom: 30px;
	padding: 0;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	line-height: 68px;
	text-align: center;
}

.events-sort-controller a {
	display: inline-block;
	height: 40px;
	margin: 0 9px 0 0;
	padding: 0 10px 0 5px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	background: #ffffff;
	box-shadow: 0 2px 0 #f5f6f7;
	text-align: center;
	line-height: 40px;
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.events-sort-controller a:last-child {
	margin-right: 0;
}

.events-sort-controller a:hover {
	color: #454b53;
	background: #f5f6f7;
	text-decoration: none;
}

.events-sort-controller a.current {
	border: 1px solid #454b53;
	background: #454b53;
	box-shadow: 0 2px 0 #e2e5e8;
	font-weight: bold;
	color: #ffffff;
}

.events-sort-controller a.current:hover {
	opacity: 0.7;
}

.events-wrap {
	width: 100%;
}

.events {
	float: left;
	position: relative;
	width: 270px;
	margin-right: 40px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.events:hover {
	box-shadow: 0 0 5px #cccccc;
}

.events:nth-of-type(4n) {
	margin-right: 0;
}

.events-pic {
	overflow: hidden;
	width: 248px;
	height: 153px;
	margin-bottom: 10px;
	border-radius: 2px;
	background: #fafafa;
	line-height: 155px;
	text-align: center;
	font-size: 50px;
	color: #d9dce0;
}

.events-pic img {
	width: 248px;
	height: 153px;
}

.prefecture-mark.events-prefecture-mark {
	position: absolute;
	top: 0;
    left: 10px;
    z-index: 3;
}

.events-end {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	width: 248px;
	height: 153px;
	border-radius: 2px;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 153px;
}

.events-end span {
	display: inline-block;
	height: 30px;
	margin: 0 auto;
	padding: 0 10px;
	border: 1px solid #ffffff;
	line-height: 30px;
	color: #ffffff;
}

.events-text p {
	line-height: 1.5;
}

.events-name {
	font-size: 14px;
	font-weight: bold;
}

.events-name a {
	text-decoration: none;
	color: #454b53;
}

.events-date {
	margin-bottom: 10px;
	font-size: 12px;
}

/***************************************************************************************************************************************
*
* page coordinators
*
****************************************************************************************************************************************/

.coordinators-explanation {
	width: 750px;
	margin: 0 auto 40px;
	padding: 20px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 0 0 3px #f5f6f7;
}

.coordinators-explanation.wauto {
	width: 100%;
}

.coordinators-explanation p {
	line-height: 1.8;
}

.coordinators-explanation p.title {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 30px;
	background: #ffa07d;
	line-height: 1;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.coordinators-explanation p.title.small {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 30px;
	font-size: 14px;
}

.coordinators-wrap {
	width: 100%;
}

.coordinator {
	position: relative;
	width: 100%;
	height: 200px;
	margin-bottom: 30px;
	padding: 20px 20px 20px 0;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: 0 0 5px #cccccc;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.coordinator:hover {
	box-shadow: 0 0 10px #cccccc;
}

.coordinator-pic {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 1px;
	overflow: hidden;
	width: 297px;
	height: 198px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fafafa;
	line-height: 198px;
	text-align: center;
	font-size: 50px;
	color: #d9dce0;
}

.coordinator-pic img {
	width: 297px;
	height: 198px;
}

.prefecture-mark.coordinator-prefecture-mark {
	position: absolute;
	top: 0;
    left: 0;
    z-index: 3;
	width: 150px;
	height: 30px;
	padding: 0;
	line-height: 30px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 4px;
}

.prefecture-mark.coordinator-prefecture-mark:after{
	display: none;
}

.prefecture-mark.coordinator-prefecture-mark i {
	font-size: 14px;
}

.coordinator-text {
	padding-left: 317px;
}

.coordinator-text p {
	line-height: 1.5;
}

.coordinator-name-wrap {
	display: table;
	width: 100%;
	margin-bottom: 5px;
	table-layout: fixed;
}

.coordinator-logo {
	display: table-cell;
	width: 60px;
	vertical-align: top;
}

.coordinator-logo-dammy {
	width: 60px;
	height: 60px;
	border-radius: 3px;
	background: #fafafa;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color: #d9dce0;
}

.coordinator-logo img {
	width: 60px;
	height: 60px;
	border-radius: 3px;
	box-shadow: 0 0 1px #cccccc;
}

.coordinator-name {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 1.2;
	font-size: 20px;
	font-weight: bold;
}

.coordinator-name a {
	text-decoration: none;
	color: #454b53;
}

.coordinator-catch {
	font-size: 15px;
	font-weight: bold;
}

.coordinator-desc {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
	font-size: 12px;
	color: #737d8b;
}

.coordinator-list-pic {
	margin-bottom: 0;
	text-align: right;
}

.coordinator-list-pic span {
	display: inline-block;
	position: relative;
	height: 26px;
	margin-top: 9px;
	margin-right: 5px;
	padding: 0 10px;
	border-radius: 4px;
	background: #f7f7f7;
	border: 1px solid #dddddd;
	text-align: left;
	line-height: 24px;
	font-size: 10px;
	font-weight: bold;
	color: #737d8b;
}

.coordinator-list-pic span:after, .coordinator-list-pic span:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.coordinator-list-pic span:after {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: #f7f7f7;
	border-width: 4px;
	margin-top: -4px;
}

.coordinator-list-pic span:before {
	border-color: rgba(221, 221, 221, 0);
	border-left-color: #dddddd;
	border-width: 5px;
	margin-top: -5px;
}

.coordinator-list-pic img {
	margin-left: 5px;
	box-shadow: 0 0 0 2px #ffffff, 0 0 5px #666666;
}

/*
.coordinator {
	float: left;
	position: relative;
	width: 270px;
	margin-right: 40px;
	margin-bottom: 40px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.coordinator:hover {
	box-shadow: 0 0 5px #cccccc;
}

.coordinator:nth-of-type(4n) {
	margin-right: 0;
}

.coordinator-pic {
	overflow: hidden;
	width: 248px;
	height: 153px;
	margin-bottom: 10px;
	border-radius: 2px;
	background: #fafafa;
	line-height: 155px;
	text-align: center;
	font-size: 50px;
	color: #d9dce0;
}

.coordinator-pic img {
	width: 248px;
	height: 153px;
}

.prefecture-mark.coordinator-prefecture-mark {
	position: absolute;
	top: 0;
    left: 10px;
    z-index: 3;
}

.coordinator-text p {
	line-height: 1.5;
}

.coordinator-name-wrap {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	table-layout: fixed;
}

.coordinator-logo {
	display: table-cell;
	width: 50px;
	vertical-align: top;
}

.coordinator-logo-dammy {
	width: 50px;
	height: 50px;
	background: #fafafa;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #d9dce0;
}

.coordinator-logo img {
	width: 50px;
	height: 50px;
	box-shadow: 0 0 1px #cccccc;
}

.coordinator-name {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
}

.coordinator-name a {
	text-decoration: none;
	color: #454b53;
}
*/

/***************************************************************************************************************************************
*
* page cd
*
****************************************************************************************************************************************/

.cd-mainpic {
	height: 400px;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	line-height: 400px;
	text-align: center;
	font-size: 80px;
	color: #d9dce0;
}

.cd-header {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	table-layout: fixed;
}

.cd-header-left {
	display: table-cell;
	width: 100px;
	vertical-align: top;
}

.cd-header-left img {
	width: 100px;
	height: 100px;
	box-shadow: 0 0 1px #cccccc;
}

.cd-no-logo {
	width: 100px;
	height: 100px;
	background: #fafafa;
	line-height: 90px;
	text-align: center;
	font-size: 24px;
	color: #d9dce0;
	box-shadow: 0 0 1px #cccccc;
}

.cd-header-right {
	display: table-cell;
	padding-left: 30px;
	vertical-align: top;
}

.cd-prefecture-mark {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 3px;
	font-weight: bold;
	color: #ffffff;
}

.cd-prefecture-mark-absolute {
	position: absolute;
	top: -25px;
	left: -23px;
}

.cd-prefecture-mark.large {
	display: block;
	padding: 15px 20px  15px 17px;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
}

.cd-title {
	margin: 0 auto 20px;
	line-height: 1.5;
	font-size: 25px;
	font-weight: bold;
}

.cd-title-small {
	margin: 0 auto 10px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
}

.cd-detail-link {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 3px 5px;
	border-radius: 3px;
	background: #737d8b;
	line-height: 1;
	vertical-align: 3px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.cd-detail-link:hover {
	text-decoration: none;
	color: #ffffff;
	opacity: 0.7;
}

.cd-catch {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	color: #454b53;
}

.cd-main {
	display: table-cell;
	width: 70%;
	padding-top: 30px;
	padding-right: 30px;
	vertical-align: top;
}

.cd-sub {
	display: table-cell;
	width: 30%;
	padding-top: 30px;
	padding-left: 30px;
	border-left: 1px solid #e3e3e3;
	vertical-align: top;
}

.cd-sub table {
	width: 100%;
	table-layout: fixed;
	line-height: 1.5;
    font-size: 11px;
}

.cd-sub table td.left {
	position: relative;
	width: 25%;
	padding: 0 0 10px;
	vertical-align: top;
}

.cd-sub table td.left:before {
	content: ":";
	position: absolute;
	top: 0;
	right: 0;
}

.cd-sub table td.right {
	width: 75%;
	padding: 0 0 10px 10px;
	vertical-align: top;
}

.cd-sub img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

.cd-sub-link {
	position: relative;
	width: 100%;
}

.cd-sub-link-fixed {
	position: fixed;
	top: 60px;
}

.cd-sub-link-absolute {
	position: absolute;
	bottom: 0;
}

.cd-heading {
	margin:60px 0 20px -5px;
	font-size: 22px;
	font-weight:bold;
	color: #454b53;
}

.cd-point-num {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 3px;
	border: 1px solid #454b53;
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
	font-family:"dir-regular", sans-serif;
}

.cd-profile-box {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #dddddd;
	box-shadow: 0 0 0 3px #f5f6f7;
}

.cd-profile-box.feature {
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 60px;
	padding: 40px;
}

.cd-profile-name-wrap {
	padding-left: 20px;
	border-left: 3px solid #454b53;
}

.cd-profile-name {
	font-size: 18px;
	font-weight: bold;
}

.cd-profile-name.large {
	font-size: 24px;
	font-weight: bold;
}

.cd-profile {
	overflow: auto;/*画像下への回り込み解除*/
	zoom: 1;/*画像下への回り込み解除*/
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #f2f2f2;
	background: #fafafa;
}

.cd-profile.small {
	font-size: 11px;
}

/***************************************************************************************************************************************
*
* page faq
*
****************************************************************************************************************************************/

.faq {
	position: relative;
	margin-bottom: 40px;
	padding: 40px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 0 0 3px #f5f6f7;
}

.faq-num {
	position: absolute;
	top: -20px;
	left: -20px;
	width: 65px;	
	height: 65px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background: #737d8b;
	box-shadow: 0 0 3px #999999;
	text-align: center;
	line-height: 65px;
	font-family:"dir-regular", sans-serif;
	font-size: 24px;
	color: #dfd0f0;
}

.faq-title {
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 4px;
	background: #f5f6f7;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
}

/***************************************************************************************************************************************
*
* page news
*
****************************************************************************************************************************************/

.news-arc-title {
	position: relative;
	margin: 0;
	padding: 30px 50px 30px 20px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.news-arc-title:after {
	content: "\E833";
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -12px;
	font-family: "pi-webfont2";
	font-size: 24px;
	color: #d0d3d8;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;	
}

.news-arc-title:nth-of-type(1) {
	border-top: 1px solid #e3e3e3;
}

.news-arc-title:hover{
	background: #f7f7f7;
}

.news-arc-title:hover:after {
	position: absolute;
	top: 50%;
	right: 20px;
}

.news-arc-title span{
	font-size: 14px;
	color: #b4b9c1;
}

.news-arc-title a,
.news-arc-title a:hover {
	text-decoration: none;
	color: #454b53;
}

/***************************************************************************************************************************************
*
* page banner
*
****************************************************************************************************************************************/

.banner-color {
	position: relative;
	padding-bottom: 5px;
	color: #bc9ce0;
}

.banner-color:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 10px;
	background: #bc9ce0;
}

.banner-desc-title {
	width: 300px;
	height: 40px;
	margin: 0 auto 20px;
	border-radius: 50px;
	background: #bc9ce0;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.banner-desc-wrap {
	display: table;
	width: 100%;
	padding: 0 0 60px;
}

.banner-desc-wrap2 {
	width: 100%;
	padding: 0 0 60px;
}

.banner-desc-img {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
}

.banner-desc-code {
	display: table-cell;
	width: 50%;
	padding: 0 20px;
	vertical-align: middle;
}

.banner-desc-code textarea {
	width: 100%;
	resize: none;
}

/***************************************************************************************************************************************
*
* page features
*
****************************************************************************************************************************************/

.features-box {
	display: table;
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 20px 20px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: 0 0 0 3px #f5f6f7;
	cursor: pointer;
	transition: all 300ms linear;
}

.features-box:hover {
	background: #f7f7f7;
	box-shadow: 0 0 7px #cccccc;
}

.features-box-pic {
	display: table-cell;
	width: 300px;
	vertical-align: top;
}

.features-box-pic img {
	width: 300px;
	border-radius: 4px;
}

.features-box-text {
	display: table-cell;
	width: auto;
	padding-left: 20px;
	vertical-align: top;
	line-height: 1.5;
}

.features-box-title a {
	font-weight: bold;
	font-size: 20px;
	color: #454b53;
}

.features-box-title a:hover {
	text-decoration: none;
	color: #454b53;
}

.features-box-title a span {
	font-size: 16px;
}

.features-box-desc {
	margin-bottom: 0;
	font-size: 14px;
}

/***************************************************************************************************************************************
*
* page working-adult
*
****************************************************************************************************************************************/

.adult-bn-wrapper {
	width: 100%;
	display: table;
}

.adult-bn {
	display: table-cell;
	width: 50%;
}

.adult-bn.first {
	padding-right: 40px;
}

.adult-bn.second {
	padding-left: 40px;
}

.adult-bn img {
	border-radius: 4px;
	box-shadow: 0 0 3px #666666;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.adult-bn img:hover {
	opacity: 0.7;
}

/***************************************************************************************************************************************
*
* page hr
*
****************************************************************************************************************************************/

.hr-mv {
	width: 100%;
	height: 500px;
	border-bottom: 1px solid #efefef;
	background: url(../images/bg-hr-fix.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.hr-mv-inner {
	display: table;
	width: 1200px;
	height: 500px;
	margin: 0 auto;
}

.hr-mv-contents {
	display: table-cell;
	width: 1200px;
	height: 500px;
	vertical-align: middle;
}

.hr-mv-ttl {
	display: inline-block;
	height: 30px;
	margin-bottom: 20px;
	border-bottom: 2px solid #454b53;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
}

.hr-mv-desc {
	margin-bottom: 40px;
	font-size: 16px;
	font-weight: bold;
}

.hr-mv-btn {
	display: inline-block;
	position: relative;
	width: 350px;
	height: 70px;
	padding-left: 30px;
	border-radius: 60px;
	background: #00c6f1;
	box-shadow: 1px 1px 3px #cccccc;
	line-height: 70px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.hr-mv-btn:hover {
	text-decoration: none;
	color: #ffffff;
	opacity: 0.7;
}

.hr-mv-btn span {
	position: absolute;
	padding-top: 17px;
	top: 5px;
	left: 5px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ff7fbf;
	line-height: 1.1;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
}

.hr-mv-btn font {
	font-size: 14px;
}

.hr-infinity-slide-wrapper {
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 -12px 5px -5px #f7f7f7 inset;
}

.hr-infinity-slide-desc {
	width: 1200px;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 14px;
	font-weight: bold;
}

.hr-infinity-slide {
    position: relative;
    white-space: nowrap;
    width: 100vw;
    overflow: hidden;
}

.hr-infinity-slide ul {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.hr-infinity-slide li {
	display: inline-block;
	width: 90px;
	height: 90px;
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
	text-align: center;
}

.hr-infinity-slide li img {
	display: block;
	width: 70px;
	height: 70px;
}

.hr-infinity-slide ul:first-child {
	-webkit-animation: loop 50s -25s linear infinite;
	animation: loop 50s -25s linear infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}

.hr-infinity-slide ul + ul {
	-webkit-animation: loop2 50s  linear infinite;
	animation: loop2 50s linear infinite;
}

@-webkit-keyframes loop {
	0% {
	  -webkit-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	  transform: translateX(100%);
	}
	to {
	  -webkit-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  transform: translateX(-100%);
	}
}

@keyframes loop {
	0% {
	  -webkit-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	  transform: translateX(100%);
	}
	to {
	  -webkit-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  transform: translateX(-100%);
	}
}

@-webkit-keyframes loop2 {
	0% {
	  -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	to {
	  -webkit-transform: translateX(-200%);
	  -ms-transform: translateX(-200%);
	  transform: translateX(-200%);
	}
}

@keyframes loop2 {
	0% {
	  -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
	to {
	  -webkit-transform: translateX(-200%);
	  -ms-transform: translateX(-200%);
	  transform: translateX(-200%);
	}
}

.hr-section {
	position: relative;
	z-index: 0;
	width: 100%;
	box-shadow: 0 -12px 5px -5px #f7f7f7 inset;
}

.hr-section-eng {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 50%;
	z-index: 1;
	margin: auto;
	margin-right: -600px;
	text-align: right;
	font-family: helvetica-bold, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 300px;
	color: #f4f6fa;
	color: rgba(11,215,155,0.10);
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
}

.hr-section-eng.left {
	top: 0;
	left: 50%;
	z-index: 1;
	margin-right: auto;
	margin-left: -600px;
	text-align: left;
}

.hr-section.sec01,
.hr-section.sec03,
.hr-section.sec05 {
	background: #fafafa;
}

.hr-section.sec04 {
	padding: 50px 0;
	text-align: center;
}

.hr-section.sec05 {
	padding: 50px 0;
	box-shadow: none;
}

.hr-section.sec04 img {
	border-radius: 6px;
	box-shadow: 0 0 6px #999999;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.hr-section.sec04 img:hover {
	opacity: 0.7;
}

.hr-pi-feature-wrap {
	display: table;
	width: 100%;
}

.hr-pi-feature {
	display: table-cell;
	width: 100%;
	padding: 60px 0;
	vertical-align: middle;
	line-height: 46px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

.hr-contents-wrapper {
	position: relative;
	z-index: 2;
	display: table;
	width: 1200px;
	margin: 0 auto;
}

.hr-contents-bg {
	display: table-cell;
	width: 600px;
	vertical-align: middle;
}

.hr-contents-bg img {
	border-radius: 10px;
	box-shadow: 0 0 3px #cccccc;
}

.hr-contents-bg.bg01 {
	background: url('../images/hr-contents-bg01.png') bottom center no-repeat;
	background-size: contain;
}

.hr-contents-text {
	display: table-cell;
	width: 600px;
	padding: 100px 0;
	vertical-align: middle;
}

.hr-contents-text.pl {
	padding-left: 60px;
}

.hr-contents-text.pr {
	padding-right: 60px;
}

.hr-contents-feature {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 25px 5px 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #15d7bd;
	line-height: 1;
	font-family: din-medium, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	color: #ffffff;
}

.hr-contents-feature span {
	display: inline-block;
	vertical-align: -3px;
	font-size: 32px;
}

/*
.hr-contents-feature:before {
	content: "";
	position: absolute;
	top: 18px;
	left: 0;
	width: 20px;
	height: 3px;
	background: #15d7bd;
}
*/

.hr-contents-title {
	margin-bottom: 30px;
	line-height: 1.1;
	font-size: 42px;
	font-weight: bold;
}

.hr-contents-desc {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
}

.hr-title {
	margin-bottom: 50px;
	font-size: 36px;
	font-weight: bold;
}

/***************************************************************************************************************************************
*
* page sakiyomi
*
****************************************************************************************************************************************/

.sakiyomi {
    width: 600px;
    height: 600px;
    margin: 50px auto;
    overflow: hidden;
}

.sakiyomi div {
    width: 100%;
}

.sakiyomi div img {
    width: 100%;
    margin: 0 !important;
}

.comic-wrap {
    display: table;
    width: 100%;
    padding: 15px 0;
    cursor: pointer;
    border-bottom: 1px solid #e3e3e3;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.comic-wrap:nth-of-type(1) {
	border-top: 1px solid #e3e3e3;
}

.comic-wrap:hover{
	background: #f7f7f7;
}

.comic-pic {
    display: table-cell;
    width: 250px;
}

.comic-title {
    position: relative;
    display: table-cell;
    width: auto;
    padding: 0 70px 0 30px;
    vertical-align:  middle;
     line-height: 1.5;
    font-size: 20px;
    font-weight: bold;
}

.comic-title a:hover {
    text-decoration: none;
}

.comic-title:after {
	content: "\E833";
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
	font-family: "pi-webfont2";
	font-size: 30px;
	color: #d0d3d8;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;	
}

.comic-wrap:hover .comic-title:after {
	position: absolute;
	top: 50%;
	right: 20px;
}

/***************************************************************************************************************************************
*
* page 404
*
****************************************************************************************************************************************/

.not-found-message {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 350px;
	text-align: center;
}

.not-found-num {
	line-height: 1;
	text-align: center;
	font-family: 'din-bold', sans-serif;
	font-weight: 700;	
	font-size: 200px;
	color: #737d8b;
	color: rgba(0,0,0,0); /*テキストは透過させる*/ 
	background-image: url(../images/bg-color.jpg);
	background-repeat: repeat;
	background-size: 100px 67px;
	-moz-background-size: 100px 67px;
	-webkit-background-size: 100px 67px;
	-o-background-size: 100px 67px;
	-ms-background-size: 100px 67px;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	-o-background-clip: text;
	-ms-background-clip: text;
}

.not-found-message a {
	margin: 0 20px;
	font-size: 16px;
	font-weight: bold;
	color: #454b53;
}

/***************************************************************************************************************************************
*
* single intern
*
****************************************************************************************************************************************/

.sg-intern-status {
	display: inline-block;
	height: 22px;
	margin-right: 5px;
	padding: 0 7px;
	border: 1px solid #737d8b;
	background: #ffffff;	
	border-radius: 2px;
	line-height: 19px;
	font-size: 12px;
	color: #737d8b;
}

.sg-intern-status.end {
	border: 1px solid #a1a8b2;
	background: #a1a8b2;
	color: #ffffff;
}

.sg-intern-date {
	color: #737d8b;
}

.sg-intern-main {
	display: table-cell;
	width: 70%;
	padding-top: 30px;
	padding-right: 30px;
	border-top: 1px solid #e3e3e3;
	vertical-align: top;
}

.sg-intern-sub {
	display: table-cell;
	width: 30%;
	padding-top: 30px;
	padding-left: 30px;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	vertical-align: top;
}

.sg-intern-sub table {
	width: 100%;
	table-layout: fixed;
	line-height: 1.5;
    font-size: 11px;
}

.sg-intern-sub table td.left {
	position: relative;
	width: 26%;
	padding: 0 0 10px;
	vertical-align: top;
}

.sg-intern-sub table td.left:before {
	content: ":";
	position: absolute;
	top: 0;
	right: 0;
}

.sg-intern-sub table td.right {
	width: 74%;
	padding: 0 0 10px 10px;
	vertical-align: top;
}

.sg-intern-sub img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

.sg-intern-mainpic {
	height: 400px;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	line-height: 400px;
	text-align: center;
	font-size: 80px;
	color: #d9dce0;
}

.sg-intern-header {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.sg-intern-header-left {
	display: table-cell;
	width: 90px;
	vertical-align: top;
}

.sg-intern-header-right {
	display: table-cell;
	padding-left: 30px;
	vertical-align: top;
}

.sg-intern-title {
	margin: 0 auto 10px;
	line-height: 1.5;
	font-size: 25px;
	font-weight: bold;
}

.sg-intern-org-name {
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	color: #454b53;
}

.sg-intern-heading {
	margin:60px 0 20px -5px;
	font-size: 22px;
	font-weight:bold;
	color: #454b53;
}

.sg-intern-tag {
	margin-right: 5px;
	padding: 5px 8px 6px 5px;
	border-radius: 2px;
	background: #a1a8b2;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
}

.sg-intern-table {
	width: 100%;
	margin: 0;
	padding: 0;
}

.sg-intern-table th {
	width: 25%;
	padding: 15px;
	border-bottom: 2px solid #ffffff;
	background: #f1f1f3;
	vertical-align: middle;
	font-size: 14px;
}

.sg-intern-table td {
	width: 75%;
	padding: 15px;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background: #f7f7f9;
	vertical-align: top;
}

.sg-intern-message-wrap {
	display: table;
	width: 100%;
	margin-bottom: 40px;
	table-layout: fixed;
}

.sg-intern-message-left {
	display: table-cell;
	padding-right: 50px;
	line-height: 1.8;
	vertical-align: top;
	font-size: 16px;
}

.sg-intern-message-right {
	display: table-cell;
	width: 180px;
	vertical-align: top;
}

.sg-intern-message-right img {
	border-radius: 50%;
}

.sg-intern-sns {
	margin: 0 auto;
	padding: 20px 0 13px;
	text-align: right;
}

.sg-intern-sns-btn {
	display: inline-block;
	vertical-align: top;
	margin: 0; 
	padding: 0; 
	margin-left: 5px;
}

.sg-intern-sns-btn.po{
	width: 90px;
}

.sg-side-sns-wrap {
	display: table;
	table-layout: fixed;
    width: 100%;
	border-bottom: 1px solid #ffffff;
	background: #f5f6f7;
}

.sg-side-sns-wrap.first {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.sg-side-sns-wrap.last {
	border-bottom: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.sg-side-sns {
	display: table-cell;
	position: relative;
	width: 50%;
	height: 80px;
    margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

.sg-side-sns.br {
	border-right: 1px solid #ffffff;
}
 
.sg-side-sns-tw-box {
	display: block;
	position: relative;
	width: 75px;
	height: 36px;
	margin: 0 auto 5px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fff;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	color: #333333;
}

.sg-side-sns-tw-box:after,
.sg-side-sns-tw-box:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	border: solid transparent;
	pointer-events: none;
}
 
.sg-side-sns-tw-box:after {
	margin-left: -3px;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 3px;
}

.sg-side-sns-tw-box:before {
	margin-left: -4px;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #ccc;
	border-width: 4px;
}

.sg-side-banner {
	margin: 30px 0 0;
}

.sg-side-banner img {
	width: 100%;
	border-radius: 3px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.sg-side-banner.border img {
	border: 1px solid #e3e3e3;
}

.sg-side-banner img:hover {
	opacity: 0.6;
}

.bosyu-end-alert {
	margin: 20px auto 0;
	padding: 20px 0;
	background: #f46375;
	text-align: center;
	font-size: 16px;
	color: #ffffff;	
}

.sg-intern-related-int-wrap {
	width: 100%;
}

.sg-intern-related-int {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #f3f3f3;
}

.sg-intern-related-int:last-child {
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
}

.sg-intern-other-job-wrap {
	width: 100%;
}

.sg-intern-other-job {
	display: table;
	width: 100%;
	margin-bottom:5px;
	padding: 15px;
	border-radius: 4px;
	background: #f5f6f7;
	color: #ffffff;
	cursor: pointer;
	table-layout: fixed;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.sg-intern-other-job:hover {
	background: #d9dde0;
}

.sg-intern-other-job-left {
	display: table-cell;
	width: 180px;
	vertical-align: middle;
}

.sg-intern-other-job-left img {
	max-width: 100%;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
}

.sg-intern-other-job-right {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}

.sg-intern-other-job-right a {
	font-size: 16px;
	font-weight: bold;
	color: #454b53;
}

.sg-intern-other-job-right a:hover {
	text-decoration: none;
}

div#googlemap{
    height: 222px;
    width: 100%;
}

.sg-intern-side-btns {
	position: relative;
	width: 100%;
}

.sg-intern-side-btns-fixed {
	position: fixed;
	top: 50px;
}

.sg-intern-side-btns-absolute {
	position: absolute;
	bottom: 0;
}

.sg-intern-side-entry {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}

.sg-intern-side-entry-fixed {
	position: fixed;
	top: 50px;
}

.sg-intern-side-entry-absolute {
	position: absolute;
	bottom: 0;
}

.sg-intern-similar-job-heading {
	position: relative;
	height: 50px;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-left: 10px;
	border-radius: 4px;
	background: #f5f6f7;
	font-size: 18px;
}

.sg-intern-similar-job-heading em,
.sg-intern-similar-job-heading i {
	font-style: normal;
   	vertical-align: middle;
}

.sg-intern-similar-job-heading em.huge {
	display: inline-block;
	padding: 0.3em 0 0.1em;
	letter-spacing: 1px;
	font-family: 'dir-medium', sans-serif;
	font-weight: 500;
	font-size: 24px;
}

.sg-intern-similar-job-heading em.tiny {
	font-size: 14px;
  	font-weight: bold;
}

.sg-intern-similar-job-heading i {
	display: inline-block;
	padding: 0;
	font-size: 20px;
}

.sg-intern-similar-job-wrap {
	width: 100%;
}

.sg-intern-similar-job {
	float: left;
	position: relative;
	width: 25%;
	padding: 10px;
}

.sg-intern-similar-job:nth-of-type(n+5) { /*5番目以降 */
	padding-bottom: 0;
}

.sg-intern-similar-job-inner {
	position: relative;
	width: 100%;
	padding: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	background: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	cursor: pointer;
}

.sg-intern-similar-job-inner:hover {
	/*background: #f5f6f7;*/
	box-shadow: 0 0 3px #cccccc;
}

.prefecture-mark.sg-intern-similar-job-mark {
	position: absolute;
	top: 10;
    left: 20px;
    z-index: 3;
}

.sg-intern-similar-job-pic {
	overflow: hidden;
	border-radius: 3px;
}

.sg-intern-similar-job img {
	max-width: 100%;
}

.sg-intern-similar-job-title {
	line-height: 1.5;
}

.sg-intern-similar-job-title a {
	font-weight: bold;
	color: #454b53;
}

.sg-intern-similar-job-title a span:not(.title) {
	font-weight: lighter;
	font-size: 11px;
}

.sg-intern-similar-job-title a:hover {
	text-decoration: none;
	color: #454b53;
}

.sg-intern-related-event-title {
	line-height: 1.5;
}

.sg-intern-related-event-title a {
	font-weight: bold;
	color: #454b53;
}

.sg-intern-related-event-title .date {
	font-weight: lighter;
	font-size: 11px;
}

.sg-intern-related-event-title a:hover {
	text-decoration: none;
	color: #454b53;
}

.sg-more-search-link-wrap {
	display: table;
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
}

.sg-more-search-link {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 80px;
	background: #ffffff;
	line-height: 80px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #454b53;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.sg-more-search-link:nth-of-type(1),
.sg-more-search-link:nth-of-type(3),
.sg-more-search-link:nth-of-type(5) {
	border-right: 1px solid #e3e3e3;
}

.sg-more-search-link:nth-of-type(1),
.sg-more-search-link:nth-of-type(2),
.sg-more-search-link:nth-of-type(3),
.sg-more-search-link:nth-of-type(4) {
	border-bottom: 1px solid #e3e3e3;
}

.sg-more-search-link:nth-of-type(1) {
	border-top-left-radius: 4px;
}

.sg-more-search-link:nth-of-type(2) {
	border-top-right-radius: 4px;
}

.sg-more-search-link:nth-of-type(5) {
	border-bottom-left-radius: 4px;
}

.sg-more-search-link:nth-of-type(6) {
	border-bottom-right-radius: 4px;
}

.sg-more-search-link:hover {
	background: #f5f6f7;
	text-decoration: none;
	color: #454b53;
}

/***************************************************************************************************************************************
*
* single event
*
****************************************************************************************************************************************/

.sg-event-content {
	position: relative;
	width: 100%;
	margin: 10px auto 30px;
	padding: 40px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 0 3px 0 #cccccc;
}

.sg-event-title-wrap {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
}

.sg-event-title-h2 {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 26px;
	font-weight: bold;
}

.sg-event-title-desc {
	font-size: 14px;
	margin-bottom: 5px;
}

.sg-event-prefecture-mark {
	display: inline-block;
	margin-right: 3px;
	padding: 2px 7px;
	border-radius: 3px;
	font-weight: bold;
	color: #ffffff;
}

.sg-event-end-mark {
	display: inline-block;
	padding: 2px 7px;
	background: #454b53;
	border-radius: 3px;
	font-weight: bold;
	color: #ffffff;
}

.sg-event-body {
	line-height: 2;
	font-size: 16px;
}

.sg-event-body > ul,
.sg-event-body > ol,
.sg-event-body > dl, {
	line-height: 1.5;
	font-size: 17px;
}

.sg-event-body img {
	display: block;
	max-width: 100% !important;
	height:auto;
	margin: 20px auto;
	padding: 0;
	clear: both;
}

.sg-event-h3 {
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

.sg-event-sns-area {
	width: 100%;
	margin: 60px auto 0;
	padding: 0 70px 15px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 0 0 3px #f5f6f7;
}

.sg-event-sns-title {
	margin: 0 auto;
	padding: 20px 0;
	line-height: 1;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.sg-event-sns-wrap {
	display: table;
	width: 50%;
    margin: 0 auto;
}

.sg-event-sns {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

.sg-event-similar-event-wrap {
	width: 100%;
}

.sg-event-similar-event {
	display: table;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.sg-event-similar-event:last-child {
	margin-bottom: 0;
}

.sg-event-similar-event:hover {
	box-shadow: 0 0 5px #cccccc;
}

.sg-event-similar-event-pic {
	display: table-cell;
	overflow: hidden;
	width: 30%;
	border-radius: 2px;
	vertical-align: top;
}

.sg-event-similar-event-pic img {
	max-width: 100% !important;
}

.sg-event-similar-event-title {
	display: table-cell;
	width: 70%;
	padding-left: 20px;
	vertical-align: top;
	line-height: 1.5;
}

.sg-event-similar-event-title a {
	font-weight: bold;
	font-size: 16px;
	color: #454b53;
}

.sg-event-similar-event-title a:hover {
	text-decoration: none;
}

.sg-event-similar-event-title .date {
	font-weight: lighter;
	font-size: 11px;
}

/***************************************************************************************************************************************
*
* single news
*
****************************************************************************************************************************************/

.sg-news-date {
	font-family: "dir-regular", sans-serif;
	font-weight: 400;
	color: #737d8b;
}

.sg-news-title-h2 {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 26px;
	font-weight: bold;
}

.sg-news-body {
	line-height: 2;
	font-size: 16px;
}

.sg-news-body > ul,
.sg-news-body > ol,
.sg-news-body > dl, {
	line-height: 1.5;
	font-size: 17px;
}

.sg-news-body img {
	display: block;
	max-width: 100% !important;
	height:auto;
	margin: 20px auto;
	padding: 0;
	clear: both;
}

.sg-news-body > h5 {
	position: relative;
	margin: 60px auto 20px;
	padding: 20px 0;
	border-top: 2px solid #454b53;
	border-bottom: 2px solid #454b53;
	line-height: 1.5;
	font-size: 21px;
	font-weight: bold;
}

/***************************************************************************************************************************************
*
* single feature
*
****************************************************************************************************************************************/

.sg-feature-header-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 580px;
}

.sg-feature-header {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 580px;
	margin: 0;
	text-indent: 100%;
  	white-space: nowrap;
}

.sg-feature-header:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 580px;
	background: rgba(255,255,255,0.3) url('../images/pattern.png') 0 0 repeat;
}

.sg-feature-header-pic {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
	width: 1000px;
	height: 580px;
	margin-left: -500px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.sg-feature-header-pic img {
	width: 1000px;
	height: 580px;
}

.sg-feature-header-title-wrap {
	width: 860px;
	height: 100%;
	margin: 0 auto 30px;
}

.sg-feature-header-title {
	width: 100%;
	height: 100%;
	margin: 0 auto 20px;
	padding: 0;
	line-height: 1.2;
	font-size: 32px;
	font-weight: bold;
}

.sg-feature-header-mark {
	display: inline-block;
	height: 30px;
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 0 20px;
	border-radius: 3px;
	background: #454b53;
	line-height: 30px;
	font-size: 18px;
	color: #ffffff;
}

.sg-feature-header-lead {
	font-size: 16px;
	font-weight: lighter;
}

.sg-feature-sns-wrap {
	display: table;
	width: 400px;
	margin: 0 auto 60px;
	padding: 10px 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.sg-feature-sns {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

.sg-feature-contents {
	display: table;
	position: relative;
	width: 860px;
	margin: 0 auto 20px;
	padding: 20px 20px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 0 0 3px #f5f6f7;
	cursor: pointer;
	transition: all 300ms linear;
}

.sg-feature-contents.last {
	margin-bottom: 60px;
}

.sg-feature-contents:hover {
	background: #f7f7f7;
	box-shadow: 0 0 7px #cccccc;
}

.sg-feature-contents:hover .job-tag-wrap:before,
.sg-feature-contents:hover .job-tag-wrap:after {
	background: #f7f7f7;
}

.sg-feature-pic {
	display: table-cell;
	position: relative;
	width: 300px;
	vertical-align: top;
}

.sg-feature-pic img {
	width: 300px;
	border-radius: 4px;
}

.sg-feature-text {
	display: table-cell;
	position: relative;
	width: auto;
	padding-top: 50px;
	padding-left: 20px;
	vertical-align: top;
}

.sg-feature-title {
	font-size: 20px;
	font-weight: bold;
}

.sg-feature-title a,
.sg-feature-title a:hover {
	text-decoration: none;
	color: #454b53;
}

.prefecture-mark.sg-feature-prefecture-mark {
	position: absolute;
	top: -20px;
    left: 20px;
    z-index: 3;
}

.sg-ichioshi-wrap {
	position: relative;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 20px;
	padding-top: 60px;
	border-radius: 4px;
	border: 1px solid #dddddd;
}

.sg-ichioshi-head {
	position: absolute;
	top: -5px;
	left: -5px;
}

.sg-ichioshi {
	display: table;
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	table-layout: fixed;
}

.sg-ichioshi-pic {
	display: table-cell;
	width: 150px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.sg-ichioshi-pic img {
	border-radius: 3px;
	box-shadow: 0 0 0 1px #f2f2f2;
}

.sg-ichioshi-title {
	display: table-cell;
	margin: 0;
	padding-left: 10px;
	vertical-align: top;
}

.sg-ichioshi-title a {
	font-size: 14px;
	font-weight: bold;
	color: #454b53;
	transition: all 300ms linear;
}

.sg-ichioshi-title a:hover {
	text-decoration: none;
	color: #454b53;
	opacity: 0.7;
}

.sg-ichioshi-area {
	display: inline-block;
	clear: both;
	height: 20px;
	margin-bottom: 5px;
	padding: 0 5px 0 2px;
	border-radius: 2px;
	line-height: 20px !important;
	font-size: 10px !important;
	font-weight: bold !important;
	background: #454b53;
	color: #ffffff !important;
}

.sg-ichioshi-org {
	font-size: 12px;
	font-weight: bold;
}

.sg-link-button-org {
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	border-radius: 50px;
	background: #454b53;
	line-height: 80px;
	text-decoration:none;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.sg-link-button-org:hover {
	opacity: 0.7;
	text-decoration: none;
	color: #ffffff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 
 *Google reCAPTCHA
 * 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.g-recaptcha {
	margin: 40px auto 0;
	width: 300px;
}

/***************************************************************************************************************************************
*
* Wordpress Settings
*
****************************************************************************************************************************************/

.alignnone{
	text-align:left;
	margin:20px auto;
	clear:both;
	display:block;
	max-width:100%;
	height:auto;
}

.aligncenter{
	text-align:left;
	margin:20px auto;
	clear:both;
	display:block;
	max-width:100%;
	height:auto;
}

.alignleft{
	text-align:left;
	margin:20px auto;
	clear:both;
	display:block;
	max-width:100%;
	height:auto;
}

.alignright{
	text-align:left;
	margin:20px auto;
	clear:both;
	display:block;
	max-width:100%;
	height:auto;
}

.wp-caption-text{
	font-size:10px;
	margin-top:10px;
}

.wp-caption {width:674px !important;}