@charset "utf-8";
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body {
	font-size: 14px;
	background-color: #FAFAFA;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; 
	position: relative;
	}

a:hover {
	/*opacity:0.8;*/
}
a#outlinetable {
	display:block;
	}
/*-----
-------- header nav
--------------------------------------------------*/
.sns-block {
	 position: fixed;
	 top: 0;
    z-index: 100;
    left: 0;
    right: 0;
}
.sns-icon img {
	height: 32px!important;
	width: auto!important;
	margin-right: 0.6rem!important;
	margin-top: 1.1rem!important;
}
.sns-sm-icon a.insta  {
	display: block;
	position: absolute;
	top:30px;
	right: 80px;
	/* right:120px; */
	height: 32px!important;
	width: 32px!important;
	z-index: 100;
}
.sns-sm-icon .insta img {
	position: absolute;
	height: 32px!important;
	width: auto!important;
	z-index: 100;
}
.sns-sm-icon a.fb {
	display: block;
	position: absolute;
	top:30px;
	right:75px;
		height: 32px!important;
	width: 32px!important;
	z-index: 100;
}
.sns-sm-icon a.fb:hover {
	
}
.sns-sm-icon .fb img {
	position: absolute;
	height: 32px!important;
	width: auto!important;
	z-index: 100;
}
.sns-block li {
	list-style-type: none;
}
li.sns-icon a:hover {
	background-color: inherit!important;
	/*height: 74px!important;*/
	/*padding-left: 10px!important;*/
}
@media (min-width: 900px) {
.fbblock {
	display: block;
	margin: 0 auto;
  max-width: 100%;
	width: 500px;
	height: auto;
}
.fbwall {
	display: block;
	margin: 0 auto;
	width: 500px;
	height: 500px;
}
}
@media (max-width: 575.98px) {
.navbar-nav .sns-icon {
	display: none;
}
}
@media (max-width: 422px) {
	iframe {

	}
	
	.fbblock {
	/*width: 380px!important;
	height: 500px!important;
	display: block;
	margin: 0 auto;
  max-width: 100%;*/
}
.fbwall {
	/*width: 380px!important;
	height: 500px!important;
	display: block;
	margin: 0 auto;*/
}
.sns-sm-icon a.insta {
	position: fixed;
	} 
.sns-sm-icon a.fb {
	position: fixed;
	}
.sns-sm-icon a.fb {
	display: block;
	position: absolute;
	top:26px;
	right:75px;
		height: 32px!important;
	width: 32px!important;
	z-index: 100;
}
.sns-sm-icon a.insta  {
	display: block;
	position: absolute;
	top:26px;
	right: 80px;
	/* right:120px; */
	height: 32px!important;
	width: 32px!important;
	z-index: 100;
}
}
@media (max-width: 375px) {
	.fbblock {
	width: 360px!important;
	height: 500px!important;
	display: block;
	margin: 0 auto;
  max-width: 100%;
}
.fbwall {
	width: 345px!important;
	height: 500px!important;
	display: block;
	margin: 0 auto;
}
.sns-sm-icon a.insta {
	position: fixed;
	} 
.sns-sm-icon a.fb {
	position: fixed;
	}
}

.mask {
	background-image:url(images/mask_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	z-index:50;
	position:absolute;
	left:0;
	right: 0;
	margin:auto;
	width: 100%;
	height: 100%;
}
.mssg .mask {
	background-image:url(images/mask_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	z-index:50;
	position:absolute;
	left:0;
	right: 0;
	margin:auto;
	width: 100%;
	height: 100%;
}
.container .navbar-header .navbar-brand {
	background-image:url(images/header_logo.png);
	background-repeat:no-repeat;
	width:184px;
	height:74px;
	margin-left:110px;
	}
a.navbar-brand {
	opacity: 1;
}
li a em {
	display:none;
}
.nav.navbar-nav li {
	width:139px;
	height:74px;
	
}
.nav.navbar-nav li a:hover {
	width:139px;
	height:74px;
	
}

.nav.navbar-nav li#nav01 a {
	background-image:url(images/menu01.png);
	background-repeat:no-repeat;
	width:144px;
	height:74px;
	display:block;
	
}
.nav.navbar-nav li#nav02 a {
	background-image:url(images/menu02.png);
	background-repeat:no-repeat;
	width:143px;
	height:74px;
	display:block;
}
.nav.navbar-nav li#nav03 a {
	background-image:url(images/menu03.png);
	background-repeat:no-repeat;
	width:140px;
	height:74px;
	display:block;
}
.nav.navbar-nav li#nav04 a {
	background-image:url(images/menu04.png);
	background-repeat:no-repeat;
	width:144px;
	height:74px;
	display:block;
}
.nav.navbar-nav li#nav01 a:hover {
	/*background-image:url(images/menuover01.png);
	background-position:left top;*/
	width:144px;
	height:74px;
	
}
.nav.navbar-nav li#nav02 a:hover {
	/*background-image:url(images/menuover02.png);
	background-position:left top;*/
	width:143px;
	height:74px;
	
}
.nav.navbar-nav li#nav03 a:hover{
	/*background-image:url(images/menuover03.png);
	background-position:left top;*/
	width:140px;
	height:74px;
	
}
.nav.navbar-nav li#nav04 a:hover{
	/*background-image:url(images/menuover04.png);
	background-position:left top;*/
	width:144px;
	height:74px;
	
}
nav .navbar-header {
	background-color:#000;
	opacity:0.8;
}

.container page_header #nav_wrapp {
	width: 100%;
	margin: auto;
	height: 80px;
	background-color: #000;
	opacity: 0.8;
	position: fixed;
	top: 0;
	z-index: 50;
	padding: 0;
    left: 0;
	right: 0;
}
#nav_wrapp #nav_box {
	width: 1120px;
	margin:auto;
}

#nav_wrapp .nav.navbar-nav {
	margin-left:130px;
}



/*------------ main contetns
--------------------------------------------------*/
#main_contents {
	margin:30px 0 0 0;
}
#main_contents .content_header {
}
#main_contents .content_header h1 {
	text-align:center;
}

#press_contents {
	margin:170px 50px;
}
#press_contents .content_header {
}
#press_contents .content_header h1 {
	text-align:center;
}

@media (min-width: 960px) {
  .instagram
    {
      scale: .8;
    }
}

ul.ContentsBtnWrapp {
	list-style:none;
	margin: 20px 146px 50px 146px ;
	padding:0;
}
ul.ContentsBtnWrapp li {
	list-style:none;
	width:300px;
	height:146px;
	float:left;
}
	ul.ContentsBtnWrapp li img {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
ul.ContentsBtnWrapp li:first-child {
	margin-right:216px;
}
.ContentWorks {
	background-image: url(images/works_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	padding-top:210px;
}
.ContentWorks h1 {
	text-align:center;
}
.ContentWorks ul.ContentsWorksWrapp {
	list-style:none;
	padding-left:200px;
}
.ContentWorks ul.ContentsWorksWrapp li {
	float:left;
	margin-right:38px;
	width:214px;
	height:352px;
}
.staff_wrapp {
	height:856px;
	background-color:#4e93cc;
	padding: 38px 0 0 195px;
}
.staff_wrapp ul#staff01,
.staff_wrapp ul#staff02 {
	width: 747px;
	height: 359px;
	list-style:none;
	margin-bottom:47px;
	padding:0;

}
.staff_wrapp ul#staff01 li,
.staff_wrapp ul#staff02 li {
	float:left;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.staff_wrapp ul#staff01 li.staffLeftImg,
.staff_wrapp ul#staff02 li.staffLeftImg {
	width:332px;
	height:359px;
	overflow: hidden;
}
.staff_wrapp ul#staff01 li.staffLeftImg img:hover,
.staff_wrapp ul#staff02 li.staffLeftImg img:hover {
}
.staff_wrapp ul#staff01 li.staffDesc,
.staff_wrapp ul#staff02 li.staffDesc {
	width: 375px;
	height: 359px;
	background-color: #2e588d;
	padding: 20px;
	font-size: 13px;
	line-height: 1.4;
	color: #fff;
	float:left;
	}
.staff_wrapp ul#staff01 li.staffDesc p,
.staff_wrapp ul#staff02 li.staffDesc p {
	text-align:justify;
}
.results_wrapp {
	background-image:url(images/results_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.results_wrapp .bx-wrapper {
	max-width: 1120px;
}
.results_wrapp .bx-pager {
	display:none;
}
.results_h1Wrapp {
background-image: url("images/results_bg.jpg");
background-repeat: no-repeat;
height: 380px;
	width: auto;
}

/*-----------------page footer
--------------------------------------------*/

#main_contents .results_wrapp .slider {
	width:100%;
	height:160px;
}
#page_footer #GoToTop {
	float:right;
	margin-right:3%;
	clear:both;
	 position:fixed;
    right:3%;
    bottom:0;
	z-index:50;
	}
.results_wrapp #deatail_btn {
	float:right;
	margin-right:175px;
	width:auto;
	height:80px;
	margin-top:100px;
	}

#page_footer #footer_menu {
	width: 90%;
	height: 50px;
	float: left;
	text-align: left;
	color: #fff;
	margin-top: 5px;
	border-top: 1px solid #4c92ca;
	padding-top: 20px;
	font-size: 13px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#page_footer #footer_menu a {
	color:#fff;
	text-decoration:none;
}
.footer_menu_nav {
	color:#fff;
}


/*---------------message
----------------------------------------------*/

.container #main_contents #outline {
}

.mssg p {
	text-indent:1em;
	font-size:16px;
	line-height:1.8;
	letter-spacing:3px;
}
.mssg {
	font-family: "ＭＳ明朝", "MSMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#main_contents #outline h1 {
	margin:auto;
	width:700px;
}
#outline table td span {
	font-size:14px;
	}

#outline .recruit_btn {
	width:760px;
	text-align:right;
	margin:60px auto;
}
/*------------results
--------------------------------------*/
body.results {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.results .container #header-img {
}
.results .container {
	background-image:url(images/results/results_bg.gif);
	background-repeat:no-repeat;
	margin:auto;
	height: auto;
	padding-bottom: 20px;
	background-color: #fff;
}

.results .container h1 {
	margin:40px auto 20px;
	height:53px;
	width:1120px;
	text-align:center;
	
}
.results .container table {
	height:auto;
	border:none;
	font-size:12px;
	line-height:15px;
	color:#938a77;
	margin:auto;
	
}
.results .container table h2 {
	font-size: 15px;
	line-height:21px;
	font-weight:bold;
	color:#604c3f;
	margin:0;
}
.results .container table td.desc {
	padding-bottom:20px;
	vertical-align:top;
}
.results .container table td.date {
	font-size:15px;
	font-weight:bold;
	vertical-align:top;
	color:#604c3f;
	padding-top:3px;
}
.results .container table th {
	vertical-align:top;
}
/*-------------------recruit
-------------------------------------------*/
body.recruit {
	
}
.recruit .container #header-img {

}
.recruit #main_contents h1 {
	margin:46px auto 0;
	height:50px;
	width:1120px;
	text-align:center;
		
}
.recruit .container #ListContent {
	width: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #e5eff9;
	padding-top: 20px;
	height: auto;
	padding-bottom: 30px;
}
.recruit .container #ListContent h1 {
	text-align:center;
	font-size:30px;
	color:#0064c8;
	margin:0 0 38px;
	font-weight:bold;
	width:100%;
	height:30px!important;
}
.recruit .container #ListContent ul {
	list-style-type:none;
	margin: 0 0 10px 0;
	width:100%;
}

.recruit .container #ListContent li.categroy {
	height: 52px;
	background-color: #0064c8;
	color: #fff;
	font-size: 20px;
	padding-left: 16px;
	line-height: 52px;
}
.recruit .container #ListContent li.categroy a:hover {
	background-color: #3a7fc4;	
}
.recruit .container #ListContent li.desc {
	height:52px;
	background-color:#fff;
	color:#000;
	font-size:15px;
	padding:16px;
	line-height:21px;
}
.double {
	padding-top:6px!important;
}
.recruit .container #RecruitGuidline h1 {
	text-align:center;
	font-size:30px;
	color:#0064c8;
	margin:40px auto;
	font-weight:bold;
	width:auto;
	height:30px!important;
}
.recruit .container #RecruitGuidline h2 {
	text-align:left;
	font-size:25px;
	background-color:#cce0f4;
	color:#0064c8;
	height:auto;
	line-height:46px;
	margin:30px auto;
	padding-left:16px;
	font-weight:bold;

	}
.recruit .container #RecruitGuidline table {
	margin:0 auto 70px;
	
}
.recruit .container #RecruitGuidline table th {
	background-color:#cce0f4;
	boder-collapse: collapse;
	font-weight:normal;
	}
.recruit .container #RecruitGuidline table td {
	width:auto;
	boder-collapse: collapse;
	line-height:21px;
}
.container #main_contents #selection table {
	margin: 40px auto;
}
.container #main_contents #selection table td.flow {
	background-color:#0064c8;
	font-size:30px;
	text-align:center;
	line-height:80px;
	color:#fff;
}
.container #main_contents #selection table td.flowdesc {
	background-color:#cce0f4;
	font-size:16px;
	text-align:left;
	height:auto;
	line-height:23px;
	color:#000;
}
.recruit #contact {
	margin:auto;
}
.recruit #contact ul {
	list-style-type:none;
	margin:0;
}
.recruit #contact ul li {
	display:block;
	float:left;
}
.recruit #contact ul li.head {
	font-size:30px;
	color:#0064c8;
}
.recruit #contact ul li.address {
	font-size:26px;
	line-height:32px;
	color:#000;
}
.recruit #contact ul li.address span {
	font-size:16px;
}
ul.pager {
	display:none;
}
div#GoToTop.fixed {
    position:fixed;
    left:0;
    top:0;
}
html {
    /*overflow: auto;*/
}
 
body {
    width: 100%;
    /*overflow: hidden;*/
}
 
#header {
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
 
}

details summary {
padding: 5px 30px;
font-weight: bold;
background-color: #F1F1F1;
margin: 10px;
}

details > div {
  border-radius: 0 0 10px 10px;
  padding: 0px 30px;
  margin: 0;
}
.recruit .flow01 {
background-color: #0064c8;
   width: auto;
    text-align: center;
    height: auto;
    color: #fff;
}
.recruit .flow02 {
background-color: #cce0f4;
   width: auto;
    text-align: center;
    line-height: 23px;
    color: #000;
}

.formrun_wrapp {
  padding-top: 80px;
}
.formrun_wrapp iframe {
  width: 100%;
  min-height: 2500px;
}