@charset "utf-8";

html{ height: 100%;}
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.5em;
	color: #333;
	height: 100%;
	min-width: 1100px;
}
header,footer,nav,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
em { font-style: normal; font-weight: bold;}
ol,ul {
	list-style: none;
}
caption{
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	zoom: 1;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ↑ここまでリセットcss */

a { color: #2150A4; text-decoration: none;}
a:visited { color: #A22B69;}
a:hover { text-decoration: underline;}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	xbackground: #fff !important;
}
a span { display: none;}

/*-------------------------------------------------------------
	ページに関する指定
-------------------------------------------------------------*/
header {
	width: 100%;
	height: 80px;
	background: rgb(28,46,132); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(28,46,132,1) 0%, rgba(55,166,133,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(28,46,132,1)), color-stop(100%,rgba(55,166,133,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(28,46,132,1) 0%,rgba(55,166,133,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(28,46,132,1) 0%,rgba(55,166,133,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(28,46,132,1) 0%,rgba(55,166,133,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(28,46,132,1) 0%,rgba(55,166,133,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2e84', endColorstr='#37a685',GradientType=1 ); /* IE6-9 */
}
#header_wrap {
	width: 1000px;
	height: 80px;
	line-height: 80px;
	margin: auto;
	overflow: hidden;
}
#logo {
	float: left;
	padding-top: 15px;
}
#logo a,#logo img { display: block;}
#header_wrap ul {
	float: right;
}
#header_wrap ul li {
	float: left;
	margin-left: 45px;
	color: #fff;
	font-weight: bold;
}
#header_wrap ul li a {
	display: block;
}
#header_wrap ul li a.on,#header_wrap ul li a:hover {
	background: url(img/common/icon-navi.png) center bottom no-repeat;
}
#header_wrap ul li a,#header_wrap ul li a:hover,#header_wrap ul li a:visited { color: #fff !important;}

footer {
	clear: both;
	width: 100%;
	height: 60px;
	background: #333;
	margin-top: 90px;
}
#return a {
	display: block;
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 0;
	right: 20px;
	background: url(img/common/arrow-top.png) 0 0 no-repeat;
}
#return a span { display: none;}
#footer_wrap {
	width: 1080px;
	height: 60px;
	margin: auto;
	overflow: hidden;
	color: #fff;
	font-size: 82.5%;
}
#footer_wrap ul {
	float: left;
	padding-top: 20px;
}
#footer_wrap ul li {
	float: left;
	padding: 0 12px;
	border-right: 1px solid #fff;
}
#footer_wrap ul li:first-child { border-left: 1px solid #fff;}
#footer_wrap ul li a {
	xmargin: 0 10px;
}
#footer_wrap ul li a,#footer_wrap ul li a:hover,#footer_wrap ul li a:visited { color: #fff !important;}
#footer_wrap p {
	float: right;
	line-height: 60px;
}


/*-------------------------------------------------------------
	TOPに関する指定
-------------------------------------------------------------*/
#index_wrap h1 { display: none;}
.bxslider li { height: 590px; font-size: 0;}
.bxslider li.index_img1 { background: url(img/index/catch-1.jpg) center 0 no-repeat;}
.bxslider li.index_img2 { background: url(img/index/catch-2.jpg) center 0 no-repeat;}
.bxslider li.index_img3 { background: url(img/index/catch-3.jpg) center 0 no-repeat;}
.bx-controls { height: 0;}

#index_area {
	clear: both;
	background: #f4f4f4;
	padding: 50px 0;
}
#index_area_in {
	width: 1000px;
	margin: auto;
	overflow: hidden;
}
#index_news {
	float: left;
	width: 660px;
}
#index_news h2 {
	overflow: hidden;
	margin-bottom: 50px;
}
#index_news h2 span {
	display: block;
	float: left;
	line-height: 1.5em;
	color: #1E3185;
	font-size: 232%;
}
#index_news h2 a {
	display: inline-block;
	float: right;
	border: 1px solid #666;
	padding: 10px 30px;
}
#index_news ul {
	border-top: 1px dotted #4f4f4f;
}
#index_news ul li a,#index_news ul li p {
	display: block;
	color: #333;
	padding: 20px;
	border-bottom: 1px dotted #4f4f4f;
}
#index_news ul li img {
	vertical-align: text-top;
	margin-left: 20px;
}
#index_news ul li span {
	display: block;
	margin-top: 10px;
	color: #2150A4 !important;
}
#index_news ul li p span {
	display: block;
	margin-top: 10px;
	color: #333 !important;
}
#index_news ul li a:hover { text-decoration: none; background: #E1F2ED;}
#index_news ul li a:hover span { text-decoration: underline;}


ul.news_list {
	border-top: 1px dotted #4f4f4f;
	margin-top: 40px;
}
ul.news_list li a,ul.news_list li p {
	display: block;
	color: #333;
	padding: 20px;
	margin: 0 !important;
	border-bottom: 1px dotted #4f4f4f;
}
ul.news_list li img {
	vertical-align: text-top;
	margin-left: 20px;
}
ul.news_list li span {
	display: block;
	margin-top: 10px;
	color: #2150A4 !important;
}
ul.news_list li p span {
	display: block;
	margin-top: 10px;
	color: #333 !important;
}
ul.news_list li a:hover { text-decoration: none; background: #E1F2ED;}
ul.news_list li a:hover span { text-decoration: underline;}

#index_pick {
	float: right;
	width: 280px;
}
#index_pick h2 {
	display: block;
	line-height: 1.5em;
	color: #1E3185;
	font-size: 232%;
	margin-bottom: 50px;
}
#index_pick a,#index_pick img {
	display: block;
}
#index_pick a {
	margin-top: 20px;
}

#index_bn {
	clear: both;
	width: 1000px;
	margin: 50px auto 0;
	overflow: hidden;
}
#index_bn h2 {
	display: block;
	line-height: 1.5em;
	color: #1E3185;
	font-size: 160%;
	margin-bottom: 10px;
}
#index_bn1 {
	overflow: hidden;
}
#index_bn_l {
	float: left;
	overflow: hidden;
	/*width: 680px;
	border-right: 1px dotted #4f4f4f;*/
}
#index_bn_l div {
	float: left;
	overflow: hidden;
}
#index_bn_l div:first-child {
	border-right: 1px dotted #4f4f4f;
	margin-right: 40px;
	padding-right: 40px;
}
#index_bn_l div.ib_2 a {
	display: block;
	float: left;
	margin-right: 40px;
}
#index_bn_l div.ib_2 a:last-child { margin-right: 0;}
.mt20 { margin-top: 20px !important;}
#index_bn a,#index_bn img { display: block;}
#index_bn_r {
	float: right;
	width: 280px;
}

/*
#index_bn1 div {
	float: left;
	width: 490px;
	margin: 20px 20px 0 0;
}
#index_bn1 div strong {
	display: block;
}
#index_bn1 div:nth-child(2n) { margin-right: 0;}
.mt0 { margin-top: 0 !important;}
#index_bn a,#index_bn img { display: block;}
#index_bn2 {
	clear: both;
	overflow: hidden;
	margin-top: 40px;
}
#index_bn2 a {
	display: block;
	float: left;
	width: 320px;
	margin-right: 20px;
}
#index_bn2 a:nth-child(3n) { margin-right: 0;}
#index_bn2 a img { display: block;}
*/

/*-------------------------------------------------------------
	詳細に関する指定
-------------------------------------------------------------*/
#content_wrap {
	width: 1000px;
	margin: auto;
	overflow: hidden;
}
#pankuzu {
	clear: both;
	overflow: hidden;
	padding: 20px 0;
}
#pankuzu li {
	float: left;
	margin-right: 10px;
}
#pankuzu li a {
	margin-right: 8px;
}
#content_wrap h1 {
	background: url(img/common/h1.png) 0 0 no-repeat;
	padding: 12px 0 10px 58px;
	color: #1D2E84;
	font-size: 188%;
	line-height: 1.5em;
}
#content_wrap h2 {
	clear: both;
	background: #1F3385 url(img/common/h2.png) 0 0 no-repeat;
	padding: 12px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 112%;
	margin: 46px auto 16px;
}
#content_wrap h3 {
	clear: both;
	background: #d6d6d6 url(img/common/h2.png) 0 0 no-repeat;
	padding: 12px 20px;
	font-weight: bold;
	margin: 30px auto 16px;
}
.catch {
	display: block;
	margin: 20px auto;
}
.catch_main {
	display: block;
	margin: 46px auto 20px !important;
}
#content_wrap p {
	margin-top: 5px;
}
#content_wrap p:first-child { margin-top: 25px;}
#content_wrap table {
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #ccc;
}
#content_wrap table th,#content_wrap table td {
	border-bottom: 1px solid #ccc;
	padding: 12px;
	vertical-align: top;
}
#content_wrap table th {
	background: #ededed;
	text-align: left;
	width: 20%;
}

#content_box {
	width: 1000px;
	margin: auto;
	overflow: hidden;
}
#content_area {
	float: left;
	width: 740px;
}

#content_nav {
	float: right;
	width: 230px;
}
#content_nav h2 {
	padding: 0 !important;
	background: none !important;
	margin: 46px 0 0 !important;
}
#content_nav h2 a {
	display: block;
	background: #54B497 url(img/common/h2.png) 0 0 no-repeat;
	padding: 14px 20px;
	color: #fff !important;
}
#content_nav ul {
	margin: 0 0 20px;
	padding: 0;
}
#content_nav ul li {
	border-bottom: 1px dotted #999;
}
#content_nav ul li a,#content_nav ul li span {
	display: block;
	padding: 12px 20px;
	color: #333 !important;
}
#content_nav ul li.c2 a { padding: 12px 20px 12px 40px;}
#content_nav ul li a.on,#content_nav ul li a:hover { background: #E1F2ED;}


#content_list {
	width: 1000px;
	overflow: hidden;
	padding: 0;
}
#content_list li {
	float: left;
	list-style: none;
	margin: 50px 50px 0 0;
}
#content_list li:nth-child(2n) { margin-right: 0;}
#content_list li a,#content_list li img { display: block;}

.mb20 { margin-bottom: 20px !important;}

.content_nav_fixed {
	width: 230px;
	position: fixed;
	top: 0;
	margin-left: 770px;
}

/*-------------------------------------------------------------
	会社情報に関する指定
-------------------------------------------------------------*/
#gaiyo_1 {
	background: url(img/kaisha/gaiyo/pic-rinen.png) 0 0 no-repeat;
	height: 292px;
	margin-top: 20px;
}
#gaiyo_2 {
	background: url(img/kaisha/gaiyo/pic-mission.png) 0 0 no-repeat;
	height: 582px;
	margin-top: 20px;
}
#gaiyo_1 p,#gaiyo_2 p { display: none;}

.g_map {
	width: 730px;
	height: 400px;
	border: none;
}
.g_map iframe {
	width: 730px;
	height: 400px;
	border: none;
}

.yakuin_box {
	background: #E1F2ED;
	padding: 10px 25px 25px;
	margin-bottom: 50px;
}
.yakuin_box:last-child { margin-bottom: 0;}
.yakuin_box h2 {
	background: none !important;
	padding: 0 !important;
	color: #46A286 !important;
	font-weight: bold;
	font-size: 100% !important;
	margin: 16px auto !important;
}
.yakuin_box table {
	width: 100%;
	margin-top: 20px;
	border-top: none !important;
}
.yakuin_box table th,.yakuin_box table td {
	border-bottom: none !important;
	padding: 12px 0 !important;
}
.yakuin_box table th {
	background: none !important;
}
ul.list {
	padding-left: 30px;
	margin-top: 16px;
}
ul.list li {
	list-style: disc;
}
ol {
	padding-left: 30px;
	margin-top: 16px;
}
ol li {
	list-style: decimal;
}

.page_nav {
	clear: both;
	overflow: hidden;
	margin-top: 16px;
}
.page_nav li {
	float: left;
	margin-right: 20px;
	white-space: nowrap;
	background: url(img/common/arrow-down.png) 0 center no-repeat;
	padding-left: 15px;
}
.return {
	clear: both;
	margin-top: 16px;
	text-align: right;
}

.img_list {
	overflow: hidden;
}
.img_list img {
	display: block;
	float: left;
	margin: 20px 20px 0 0;
}
.img_list img:nth-child(3n) { margin-right: 0;}
.img_list2 {
	overflow: hidden;
}
.img_list2 img {
	display: block;
	float: left;
	margin: 20px 20px 0 0;
}
.img_list2 img:nth-child(2n) { margin-right: 0;}

.recruit_list {
	clear: both;
	overflow: hidden;
}
.recruit_list li {
	float: left;
	width: 325px;
	margin: 20px 50px 0 0;
}
.recruit_list li:nth-child(2n) { margin-right: 0;}
.recruit_list li a,.recruit_list li img { display: block;}

.recruit_txt {
	margin-top: 16px;
	padding: 15px;
	background: #e1f2ed;
}

.recruit_voice {
	margin-top: 20px;
	background: #E1F2ED;
	padding: 30px;
}
.recruit_voice h3 {
	background: none !important;
	padding: 0 !important;
	font-weight: bold;
	color: #46A185;
	margin: 30px auto 16px;
}
.recruit_voice h3:first-child { margin-top: 0 !important;}

.recruit_f_list {
	overflow: hidden;
	margin-top: 50px;
	background: #ededed;
	padding: 30px;
}
.recruit_f_list strong {
	display: block;
	margin: 30px 0 0;
}
.recruit_f_list strong:first-child { margin-top: 0 !important;}
.recruit_f_list ul {
	overflow: hidden;
}
.recruit_f_list ul li {
	float: left;
	width: 325px;
	margin: 20px 20px 0 0;
}
.recruit_f_list ul li:nth-child(2n) { margin-right: 0;}
.recruit_f_list ul li a,.recruit_f_list ul li img { display: block;}

.yoko {
	margin-top: 20px;
	xborder-top: 1px dotted #999;
	overflow: hidden;
}
.yoko li {
	overflow: hidden;
	display: table;
	float: left;
	margin-right: 20px;
	width: 335px;
	padding: 10px;
	border-bottom: 1px dotted #999;
}
.yoko li:nth-child(2n) { margin-right: 0;}
.yoko li:nth-child(2n+1) { clear: left; float: left;}
.yoko li span {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.yoko li a {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 40px;
	background: #37A685 url(img/common/popup-w.png) 10px center no-repeat;
	padding: 5px 20px;
	color: #fff;
}
.yoko li a:hover { background: #0C6C45 url(img/common/popup-w.png) 10px center no-repeat;}

.sitemap h2 a { color: #fff !important;}

.right { text-align: right;}

.txt_box {
	overflow: hidden;
	height: 100%;
}
.img {
	float: right;
	margin-left: 20px;
}
.txt {
	overflow: hidden;
	height: 100%;
}

.shigoto_txt {
	border-top: 1px dotted #ccc;
	padding-top: 20px;
}

.window {
	background: url(img/common/popup.png) 0 center no-repeat;
	padding-left: 16px;
}
.link_tel { color: #333 !important; text-decoration: none !important;}
.link_tel:hover { cursor: inherit !important;}

#area_map {
	display: block;
	background: url(img/saiyo/pic-eriazu.jpg) 0 0 no-repeat;
	width: 730px;
	height: 340px;
	position: relative;
	margin-top: 46px;
}
#area_map ul li a {
	display: block;
	position: absolute;
}
#area_map ul li a.area_map_link1 { top: 70px; left: 40px;}
#area_map ul li a.area_map_link2 { top: 170px; left: 40px;}
#area_map ul li a.area_map_link3 { top: 121px; right: 30px;}
#area_map ul li a.area_map_link4 { top: 221px; right: 30px;}


*,*:before,*:after {
	box-sizing: inherit;
}
.column-team{
	float:left;
	margin-bottom:16px;
	padding:0 0px;
	width: 45%;
	margin:0 0 52px 4%;
}

.column-team-kaisha{
	float: left;
	margin-bottom: 16px;
	padding: 0 0px;
	width: 46%;
	margin: 0 0 20px 3%;
}

.column-team-kaisha:nth-child(2n+1) {
	clear:both;
}

.column-team:nth-child(2n+1) {
	clear:both;
}

.card-team {
	box-shadow:0 0px 0px 0 rgba(0,0,0,0.2);
}

.container-team{
	padding:0 0px;
	margin-top:10px;
}

.container-team-kaisha{
	padding:0 0px;
	font-size: 12px;
	margin: 5px 5px 15px 5px;
}

.row-team {
*zoom: 1;
margin:0 auto;
width: 100%;
}
.row-team:before,.row-team:after {
	content:"";
	display:table;
	line-height: 0;
}

.row-team:after {
	clear:both;
}

.name-team-jp {
	font-size:21px;
	font-weight: bold;
	margin:0 0 10px;
}

.name-team-en {
	font-size:17px;
	font-weight: normal;
	margin:0 0 0 9px;
}

.name-team-en-jp{
	font-size:13px;
	font-weight: normal;
	margin:0 0 0 9px;
}

.name-team-en-caspel{
	font-size:11.5px;
	font-weight: normal;
	margin:0 0 0 9px;
}

.title-team {
	font-size:23px;
	color:#333;
	margin:0 0 4px;
}

.profile-team {
	font-size: 16px;
	color:#212121;
	line-height: 1.69231;
	margin: 0px;
}

.card-team {
animation: transitionIn 0.75s;
}

.container-team {
animation: transitionIn 0.75s;
}

@keyframes transitionIn {
from {
	opacity:0;
	transform:translateY(-10px);
}

to {
	opacity: 1;
	transform: translateY(0);
}
}

.ww {
display:inline-block;
}

.profile-team-special {
font-size: 13.3px;
color:#212121;
line-height: 1.69231;
margin: 0px;
}

.ww-title{
font-size:16px;
color:#333;
display: block;
}

.hide1{
	position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 70px;
}

.main_tit {
	position: relative;
    left: 0;
    right: 0;
    top: 25px;
    bottom: 0;
		letter-spacing: 1px;
	    font-size: 25px;
	    line-height: 1.8em;
	    color: #333;
	    font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.main_tit1 {
	margin: auto;
    width: 600px;
    height: 190px;
    text-align: center;
    color: #000;
    border: 3px solid;
    left: 0;
    right: 0;
    top: 0;
    bottom: 23vh;
    position: relative;
		box-shadow: 5px 2px;
}

.mission h4{
	letter-spacing: 1px;
    font-size: 32px;
    line-height: 1.8em;
    color: #333;
    font-family: 'Archivo Narrow', "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif;
}

.mission p {
	letter-spacing: 1px;
    font-size: 14px;
    line-height: 1.8em;
    color: #333;
    font-family: 'Archivo Narrow', "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif;
}

.mT10 {
	margin-top: 10px;
}

.termsLabel {
    padding: 0px;
	}

.mod-ul-values {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
display: table;
  table-layout: fixed;
  width: 100%;
}

.mB15 {
	margin-top: 20px;
	font-weight: bold;
}
	}

/*-------------------------------------------------------------
	ページに関する指定(tab)
-------------------------------------------------------------*/
@media screen and (min-width: 568px) and (max-width: 768px) {
body {
	max-width: 100%;
	min-height: 1400px;
}
}

/*-------------------------------------------------------------
	ページに関する指定(SP)
-------------------------------------------------------------*/
@media screen and (max-width: 568px) {
body {
	max-width: 100%;
	min-height: 1400px;
}