@charset "UTF-8";

h1.h1{
    text-align:center;
	font-size:14px;
	margin-top:50px;
	color:#444;
}
/*-----------------------------------
/*     index
/*----------------------------------*/

#index{
	padding:50px 0;
}

/*-----メインのコンテンツバナー----------*/


#index  > ul{
	clear: both;
	overflow:hidden;
}
#index >  ul li{
	width:50%;
	float:left;	
	padding:0 10px 10px 10px;
}


#index >  ul li img{
	max-width:100%;
}


/*-----TOPICS----------*/

#index .info{
	clear: both;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
}

#index .info > div{
	width:50%;
	padding: 0 10px 13px 10px;
}

#index .info > div img{
	margin-bottom : 15px;
}

#index .info h2{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.4em;
    background: #222;
    color: #fff;
    font-size: 1.143em;
    font-weight: bold;
    text-align:center;
    font-weight:normal;
    font-size:22px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing:0.3em;
}
 
#index .info h2:after{
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #222;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

#index .infot{
	max-height:500px;
	overflow-y: auto;	
}

#index .infot table{
	width:100%;
}

#index .infot table th{
	width:20%;
	vertical-align: top;
	text-align: left;
	padding:4% 2%;
	border-bottom : 1px dotted #ccc;
	border-right:1px solid #eee;
}

#index .infot table th span{
	background:#c00;
	color:#fff;
	padding:4px 8px;
	font-size:12px;
	font-weight:normal;
}

#index .infot div img{
	max-width:100%;
}

#index .infot table td{
	width:80%;
	font-size:14px;
	padding:4% 2% 4% 2%;
	border-bottom : 1px dotted #ccc;
}

#index .infot table td a{
	color:#0052b4
}

/*----TOPICS横バナー-----------*/


#index .infobana img{
	max-width:100%;
}
#index .infobana ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}

#index .infobana ul li:last-child {
  margin-left: auto;
}


#index .infobana ul img{
	max-width:80%;
}

.imgprivacy{
	max-width:70px !important;
}




/*-----------------------------------
/*     採用TOP
/*----------------------------------*/

#saiyou{
	width:100%;
}
#saiyou .button{
	width:220px;
	display:block;
	margin:20px auto;
	padding:10px 0;
	text-align:center;
	font-size:18px;
	font-weight:bold;s01
	color:#fff;
}

#saiyou .button:hover{
	opacity: 0.9;
}

/*-----------------------------------*/
#saiyou .banner_guide{
	max-width:1200px;
	padding-left:20px;
	padding-right:20px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
	width:46%;
	
	box-sizing:border-box;
}
#saiyou .banner_guide img{
	width:100%;
}	
#saiyou .s01{
	text-align:center;}

#saiyou .s01 h1 img{
	max-width:315px;
	display:block;
	margin:60px auto 0;
}

#saiyou .s01 p{
	text-align:center;
	font-size:20px;
}

#saiyou .s01 ul{
	display:block;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

#saiyou .s01 ul li{
	width:375px;
	margin:2%;
}

#saiyou .s01 ul li img{
	max-width:100%;
}


/*-----------------------------------*/

#saiyou .s02{
	min-height:460px;
	padding-top:20px;
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back01.jpg) repeat;
	background-size:56px 56px;
}


#saiyou .s02 h2 img{
	max-width:413px;
	display:block;
	margin:0 auto;
	margin-bottom:40px;
}

#saiyou .s02 > div{
	max-width:1000px;
	margin : 0 auto;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height:300px;
}

#saiyou .s02 > div::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
#saiyou .s02 > div::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}


#saiyou .s02 table{
	width:100%;
	color:#fff;
	font-size:14px;
}

#saiyou .s02 table a{
	color:#fff;
	text-decoration:underline;
}
#saiyou .s02 th{
	width:20%;
	padding:20px;
	border-bottom  :1px dotted #709bbe;
	vertical-align: top;
}

#saiyou .s02 td{
	width:80%;
	padding:20px;
	border-bottom  :1px dotted #709bbe;
}


/*-----------------------------------*/


#saiyou .s03{
	min-height:800px;
	padding:50px 0;
	text-align:center;
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back02.jpg) no-repeat;
	background-size:cover;
}

#saiyou .s03 .button{
	background:#0076d7;
	box-shadow: 3px 3px 0 #005fac;
}

#saiyou .s03 > img{
	max-width:72px;
	display:block;
	margin:0 auto;	
}

#saiyou .s03 ul{
	max-width:1200px;
	display:block;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

#saiyou .s03 ul li{
	max-width:33%;
	padding:0.2%;
}

#saiyou .s03 ul li img{
	max-width:100%;
}

/*IE11*/
@media all and (-ms-high-contrast:none){
    
	*::-ms-backdrop, #saiyou .s03 ul{
		overflow: hidden;
	}
	
	*::-ms-backdrop, #saiyou .s03 ul li img {
		width:100%;
	}
	
	*::-ms-backdrop, #saiyou .s03 ul li {
		box-sizing: border-box;
		float: left;
	}

}



#saiyou .s03 h2{
	font-size:50px;
	font-weight:normal;
}

#saiyou .s03 h2 span{
	color:#0076d7;
	font-size:54px;
}

#saiyou .s03 p{
	font-size:25px;
}



/*-----------------------------------*/


#saiyou .s04{
	min-height:660px;
	height:auto;
	margin-bottom : -40px;
	padding:70px 0 0;
	text-align:center;
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back03.jpg) no-repeat center;
	background-size:cover;
	box-shadow: 2px 2px 3px #ccc;
}


#saiyou .s04 .button{
	background:#a1c900;
	box-shadow: 3px 3px 0 #799700;
}


#saiyou .s04 div img{
	max-width:70px;
	display:block;
	margin:0 auto 20px;	
}


#saiyou .s04 > img{
	max-width:240px;
	display:block;
	margin:0 auto;	
}


#saiyou .s04 h2{
	margin:0;
	font-size:100px;
	color:#fff;
	font-weight:normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#saiyou .s04 p{
	margin-bottom : 60px;
	font-size:30px;
	color:#fff;
	font-weight:bold;
}


/*-----------------------------------*/


#saiyou .s05{
	min-height:800px;
	text-align:center;
	padding:100px 0 0 ;
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back04.jpg) no-repeat;
	background-size:cover;
	box-shadow: 2px 2px 3px #ccc;
}

#saiyou .s05 .button{
	background:#fa8d00;
	box-shadow: 3px 3px 0 #e67200;
}

#saiyou .s05 > a img{
	max-width:800px;
	width:100%;
	display:block;
	margin:0 auto 40px;	
}


#saiyou .s05 h2{
	margin:0;
	font-size:60px;
	font-weight:normal;
}

#saiyou .s05 h2 span{
	color:#fa8d00;
	font-size:70px;
}


#saiyou .s05 p{
	margin-bottom : 30px;
	font-size:25px;
}

#saiyou .s05 p span{
	font-size:20px;
	margin-bottom : 20px;
	display:block;
}


/*-----------------------------------*/


#saiyou .s06{
	min-height:600px;
	padding:50px 0;
	text-align:center;
}


#saiyou .s06 .button{
	background:#1dccad;
	box-shadow: 3px 3px 0 #07a387;
}


#saiyou .s06 > div{
	max-width:800px;
	margin:0 auto 0;
}


#saiyou .s06 > div{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
}

#saiyou .s06 > div img{
	width :80px;
	height:86px;
	margin-right:30px;
	float:left;
}

#saiyou .s06 > div p{
	font-size:24px;
	margin-top:10px;
	float:left;
	text-align:left;
}


#saiyou .s06 p{
	clear: both;
}
#saiyou .s06 p img{
	max-width:1000px;
	width:100%;
	display:block;
	margin:0 auto;
}

#saiyou .s06 h2{
	margin:0;
	font-size:50px;
	font-weight:normal;
}

#saiyou .s06 h2 span{
	color:#1dccad;
	font-size:60px;
}

/*-----------------------------------*/


#saiyou .s07{
	min-height:550px;
	padding:30px 20px 10px 20px;
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back05.jpg) no-repeat;
	background-size:cover;
}

#saiyou .s07 .button{
	background:#cc1d6a;
	box-shadow: 3px 3px 0 #bb2f6d;
	color:#fff;
}

#saiyou .s07 ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#saiyou .s07 ul .photos{
	width:280px;
}

#saiyou .s07 ul .photol{
	width:338px;
}

#saiyou .s07 ul li{
	padding:1%;
}

#saiyou .s07 ul img{
	max-width:100%;
}

#saiyou .s07 p{
	text-align:center;
	margin-bottom : 30px;
	font-size:25px;
	color:#fff;
}

.taikanlogo img{
	max-width:360px;
	display:block;
	margin:30px auto 0;
}
#saiyou .s08{
    box-sizing:border-box;
    padding-top:150px;
    height:550px;
    background-image:url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/bkimg_webinterview.jpg');
    background-size:cover;
    background-position:140px 0;
    background-repeat:no-repeat;
    background-color:#f9f9f9;
}
#saiyou .s08 div{
    max-width:900px;
    margin:0 auto;
}
#saiyou .s08 div h2 {
    font-size: 50px;
    font-weight: normal;
    text-align:left;
    margin-bottom:60px;
}
#saiyou .s08 div h2 span {
    color: #0076d7;
    font-size: 54px;
}
#saiyou .s08 div h3 {
    font-size: 30px;
    font-weight: normal;
    text-align:left;
}
#saiyou .s08 div h3 span {
    color: #0076d7;
    font-size: 30px;
}
#saiyou .s08 .button {
    background: #0076d7;
    box-shadow: 3px 3px 0 #005fac;
    color:#fff;
}
/*-----------------------------------
/*     活躍フィールド
/*----------------------------------*/


#saiyou_07 h2{
	border-bottom : 1px dotted #055eaa;
	padding       : 20px 0 5px;
	margin-bottom : 20px;
	font-weight:normal;
	text-align:center;
	
}


#saiyou_07{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px 50px;
}

#saiyou_07 ul{
	margin-top:60px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;	
}

#saiyou_07 ul li{
	width:25%;
	padding:1%;
	text-align:center;
}

#saiyou_07 ul li img{
	width:100%;
	min-height:150px;
}
#saiyou_07 ul li span{
	display:block;
	text-align:center;
}

#saiyou_07 ul li p{
	margin-top:0;
	font-size:12px;
}

#saiyou_07 ul li .name{
	font-size:16px;
	margin-bottom : 5px;
}

#saiyou_07 th{
	width:40%;
	padding:2%;
}

#saiyou_07 th img{
	width:100%;
}

#saiyou_07 td{
	width:60%;
	padding:2%;
}

#saiyou_07 td dt{
	font-size:18px;
	border-bottom : 1px dotted #ddd;
	padding-bottom : 5px;
	margin-bottom : 10px;
}

#saiyou_07 td dt{
	margin-top: 30px;
}

.mt50{
	margin-top:50px;
}



/*-----------------------------------
/*     先輩のインタビュー
/*----------------------------------*/

.voice_mainimage{
	background:#0076d7;
	padding:10px 0;
	text-align:center;
	line-height:0;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
}

.voice_mainimage img{
	line-height:0;
	max-width:1200px;
	width:100%;
}


.saiyou_ttl{
	background:#f1f1f1;
	margin:30px 0 100px;
	padding:30px 0;
}
.voice_subttl{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	letter-spacing:1px;
}

.voice_subttl span{
	color:#0076d7;
	font-size:33px;
}


#saiyou_voice{
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
	background-size:40px 40px;
	padding:10px 0 100px;
}


#saiyou_voice .message{
	max-width:1100px;
	margin:  0 auto;
	padding: 0 20px;
}





#saiyou_voice ul{
	margin-top:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;	
}

#saiyou_voice ul li{
	width:33%;
	padding:1%;
	margin-bottom:20px;
	text-align:center;
	font-size:13px;
	color:#777;
}

#saiyou_voice ul li .name{
	font-size:16px;
	margin-bottom : 5px;
	font-weight:bold;
}

#saiyou_voice ul li img{
	width:100%;
/* 	min-height:150px; */
}
#saiyou_voice ul li span{
	display:block;
	text-align:center;
}
#saiyou_voice ul.lnavi{
    letter-spacing:0;
}
#saiyou_voice ul.lnavi li{
	display:inline-block;
    width:25%;
    letter-spacing:auto;
}
#saiyou_voice ul.lnavi li a{
    display:block;
    background:#034cc5;
    color:#fff;
    text-align:center;
    padding:10px 0;
    box-shadow:3px 3px 0 #ccc;
}
#saiyou_voice ul.lnavi li:nth-child(1) a{
    
}
#saiyou_voice ul.lnavi li:nth-child(2) a{
    background:#037ec5;
}
#saiyou_voice ul.lnavi li:nth-child(3) a{
    background:#00b0d0;
}
#saiyou_voice ul.lnavi li:nth-child(4) a{
    background:#24cae3;
}
/*
#saiyou_voice .h2{
	max-width:200px;
	background:#c00;
	color:#fff;
	padding:1px 5px;
	border-radius: 20px;
	font-size:14px;
	text-align:center;
	margin: 50px auto 0;
	letter-spacing:1px;
	font-weight:normal;
}
*/



.h2 {
  width: 500px;
  margin: 60px auto 20px;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color: #444;
}

.h2 .heading {
  margin: 10px 0;
  font-size:20px;
  color:#0076d7;
  font-weight:bold;
}

.h2 .pt20 {
  margin: 20px 0;
}


.demo1 .wrapper {
  padding: 5px;
  text-align: center;
  border: 3px solid;
  border-top: none;
  width: 500px;
}

.demo1 .wrapper .caption {
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  overflow: hidden;
  margin: -5px -8px 0 -8px;
  position: absolute;
  width: 500px;
  font-size: 16px;
}

.demo1 .wrapper .caption:before,
.demo1 .wrapper .caption:after {
  content: "";
  position: absolute;
  width: 100%;
  margin-top: -2px;
  border-top: 3px solid;
  top: 50%;
}

.demo1 .wrapper .caption:before {
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  margin-left: -30px;
}

.demo1 .wrapper .caption:after {
  margin-left: 30px;
}



#saiyou_voice .saiyou_ttl h1{
	text-align:center;
    font-size:48px;
    color:#0076d7;
}

#saiyou_voice .subttl{
	margin:0 auto;
	font-size:14px;
	font-weight:bold;
}

#saiyou_voice .subttl2{
	padding:40px 0 30px;
	font-size:20px;
	color:#0076d7;
	font-weight:bold;
	clear:both;
}

.demo {
  max-width: 100%;
  margin: 0;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#0076d7;
}
.heading {
  margin: 10px 0
}
.subttl2 .heading {
  overflow: hidden;
  position: relative;
  padding-bottom: 15px;
}
.subttl2 .heading span{
  padding: 8px;
}
.subttl2 .heading:before {
  content: "";
  border-bottom: 3px solid #0076d7;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.subttl2 .heading:after {
  border-bottom: 3px solid #ddd;
  bottom: 0;
  content: "";
  position: absolute;
  width:1000px;
  z-index: 1;
}

.voice_mainimage2{
	min-height:200px;
	background:#0076d7;
	padding:10px 0;
	line-height:0;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
}

.voice_mainimage2 table{
	margin:0 auto;
	padding:0;
	border-spacing:0;
	width:1200px;
}



.voice_mainimage2 th{
	text-align:left;
}

.voice_mainimage2 th img{
	max-width:800px;
}


.voice_mainimage2 td{
	color:#fff;
	position:relative;
	text-align:center;
	line-height:1.6em;
}

.voice_mainimage2 td p{
	font-size:40px;
	margin-top:10px;
}

.voice_mainimage2 td img{
	max-width:120px;
	position:absolute;
	bottom:20px;
	right:10px;
}

#saiyou_voice h2{
	font-size:33px;
	line-height:1.6em;
	margin-bottom:0;
}


.message{
	line-height:1.8em;
}
.message > div{
    font-size:14px;
	line-height:2em;
}

.centering img{
	max-width:300px;
	margin-right:30px;
}

.centering2 img{
	max-width:300px;
	margin-left:30px;
}

.top img{
    max-width:300px;
	margin-left:30px;
}

.message .senpai{
	text-align:center;
	letter-spacing:1px;
	color:#0076d7;
	font-size:25px;
	
}


.message2{
	margin:160px 0 120px;
	background: #0076d7;
	padding:50px 40px 70px;
	color:#fff;
}


.message2 p{
	font-size:30px;
	text-align:center;
	border-bottom : 1px dotted #fff;
	padding-bottom : 10px;
	margin-bottom : 35px;
	font-weight:bold;
}

.message2 p:after {
    content:  "\f0d7";
    font-family: FontAwesome;
    display:block;
    margin:10px auto;
    color:#c00;
}



.message2 p span{
	display:block;
	margin: 0 auto 10px;
	font-size:15px;
	letter-spacing:2px;
	font-weight:normal;
}

div.centering > p, div.centering2 > p{
	display: table-cell;
	vertical-align: top;
	margin: 0;
}

div.top > p{
    display: table-cell;
	vertical-align: top;
	margin: 0;
}



/*for IE6 */
* html .centeringTest p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centeringTest p {
	display: inline;
	zoom: 1;
}



/*-----------------------------------
/*     WEB会社説明会
/*----------------------------------*/

.saiyou_web{
    background: url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
    background-size: 40px 40px;
    padding-bottom : 50px;
}

.saiyou_web > div{
	max-width:1200px;
	margin: 0 auto;	
}


.web_subttl{
    background: #0155a5;
    margin:0 0 20px 0;
    padding: 40px 0;
    text-align: center;
    line-height: 1.6em;
    font-size:23px;
    font-weight:bold;
    color:#fff;
    letter-spacing:1px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
}

.web_subttl span{
	color:#f3c81d
}

.saiyou_web > div > a img{
	max-width:80%;
	display:block;
	margin : 0 auto;
}



.saiyou_web .subttl{
    max-width: 600px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    margin:25px auto 50px;
    padding: 0px 0px 20px;
    border-bottom: 1px solid rgb(1, 85, 165);
}


/*
.saiyou_web .subttl:before{
    content:  "\f008";
    font-family: FontAwesome;
    color:#ccc;
    display:block;
    font-size:60px;
    margin-bottom : 40px;
   }
*/
   
    
.saiyou_web .tccach{
	text-align:center;
	margin-top:60px;
}

.taikenbtn{
    text-decoration:none !important;
    color:#fff !important;
}

.saiyou_web .tccach a{
	text-decoration: underline;
}

.saiyou_web .tccach p a{
    text-decoration: underline;
    color:#ea1472;
}

.saiyou_web .tccach .f30{
	font-size:30px;
	font-weight:bold;
}

.saiyou_web .tccach img{
	max-width:80%;
	margin-top:20px;
	border:20px solid #fff;
}
.saiyou_web .webinterview{
    border-top:3px #0155a5 solid;
}
.saiyou_web .webinterview div.img{
    background-image:url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/bkimg_webinterview.jpg');
    background-size:cover;
    max-width:900px;
    height:400px;
    margin:0 auto;
    
    box-sizing:border-box;
}

.saiyou_web .webinterview div.img>div{
    padding-top:130px;
    padding-left:100px;
}
.saiyou_web .webinterview div.img>div p{
    font-size:22px;
    text-align:left;
}
.saiyou_web .webinterview div.img p.f30{
    font-size:36px;
}
.saiyou_web .webinterview a.taikenbtn{
    margin:0 auto;
    margin-top:60px;
    height:82px;
    line-height:82px;
    background-color:#0155A5;
    font-weight:bold;
    font-size:1.7em;
}
/*-----------------------------------
/*    新卒採用
/*----------------------------------*/


#saiyou_sinsotu{
	
}


#saiyou_sinsotu .sinsotuhead{
	max-width:1200px;
	padding: 0 1.6%;
	margin: 0 auto;
}
#saiyou_sinsotu .sinsotuhead ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	line-height:1.6em;
}

#saiyou_sinsotu .sinsotuhead li{
	  font-size:15px;
}


#saiyou_sinsotu .sinsotuhead li:first-child {
  margin-right: auto;
	font-size:40px;
}

#saiyou_sinsotu .sinsotuhead li a{
	display:block;
	font-size:15px;
}

#saiyou_sinsotu .sinsotuhead li a:before {
    content: "\f101";
   font-family: FontAwesome;
   color:#9eba00;
   margin-right:10px;
   font-size:20px;
   vertical-align: middle;
}


#saiyou_sinsotu{
    background: url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
    background-size: 40px 40px;
}


#saiyou_sinsotu .mainimage{
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_3_back.jpg) no-repeat right top;
	background-size:cover;
	padding:2px 0 1px;
	margin-bottom : 20px;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;

}


#saiyou_sinsotu .mainimage div{
	position:relative;
	max-width:1000px;
	min-height:500px;
	margin : 0 auto;
	overflow:hidden;
}

#saiyou_sinsotu .mainimage div h1{
	font-size:25px;
	margin:0;
	position:absolute;
	top:28%;
}


#saiyou_sinsotu .mainimage div h2{
	font-size:80px;
	margin:0;
	position:absolute;
	top:35%;
    z-index:99;
/* 	color:#0bc5e7 */
}

#saiyou_sinsotu .mainimage div h2 span{
	color:#0bc5e7;
}

#saiyou_sinsotu .mainimage div .mainsub{
	position:absolute;
	top:60%;
	font-size:20px;
    z-index:99;
    text-shadow: 2px 0 1px #fff;
}

#saiyou_sinsotu .sinsotu02image div .mainsub{
    text-shadow: 2px 0 1px #333 !important;
}

#saiyou_sinsotu .mainimage div .mainname{
	position:absolute;
	bottom : 0;
	right:1%;
	font-size:17px;
	font-weight:bold;
}

#saiyou_sinsotu .sinsotu01image .mainname{
	color:#fff !important;

}

#saiyou_sinsotu .sinsotu01image .mainname2{
	position:absolute;
	bottom : 0;
	right:29%;
	font-size:17px;
	font-weight:bold;
	color:#fff !important;

}



/* 上書き*/
#saiyou_sinsotu .sinsotu02image h1{
	font-size:25px;
	margin:0;
	position:absolute;
	top:42% !important;
	left:11%;
	color:#fff;
}
#saiyou_sinsotu .sinsotu02image h2{
	font-size:80px;
	margin:0;
	position:absolute;
	top:47% !important;
	left:11%;
	color:#fff;
	letter-spacing:4px;
/* 	color:#0bc5e7 */
}
#saiyou_sinsotu .sinsotu02image .mainsub{
	position:absolute;
	top:65% !important;
	left:11%;
	color:#fff;
	font-size:20px;

}



#saiyou_sinsotu .mainimage div p span{
	display:block;
}

#saiyou_sinsotu .mainimage div img{
	max-width:320px;
	position:absolute;
	right:0%;
	bottom : 0;
    z-index:0;
}

/* 上書き*/
#saiyou_sinsotu .sinsotu01image img{
	max-width:500px !important;
	position:absolute;
	right:-1% !important;
	bottom : -180px !important;	
}

/* 上書き*/
#saiyou_sinsotu .sinsotu02image img{
	max-width:100% !important;
	position:absolute;
	/*margin-right:-450px;*/
	/*right:50% !important;*/
	bottom : 0 !important;	
}

#saiyou_sinsotu .submenu{
	background:#333;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

#saiyou_sinsotu .submenu a{
	display:block;
	height:100%;
	padding:10px 30px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
#saiyou_sinsotu .submenu .on{
	background:#0bc5e7;
	color:#fff;
}
#saiyou_sinsotu .submenu a:hover{
	background:#0bc5e7;
	color:#fff;
}
#saiyou_sinsotu .submenu .off{
	color:#555;
}
#saiyou_sinsotu .submenu .off:hover{
	background:#000 !important;
	color:#555;
}

#saiyou_sinsotu .button{
	max-width:1200px;
	display:block;
	margin: 0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
		
}

#saiyou_sinsotu .button li{
	margin: 0 1%;
	width:31%;
}

#saiyou_sinsotu .button li img{
	width:100%;
}

#saiyou_sinsotu .button li span{
	float:left;
	vertical-align: middle;
	line-height:60px;
}

#saiyou_sinsotu .button li .f40{
	font-size:40px;
	margin-right:20px;
}


.entrylink{
	max-width:1200px;
	display:block;
	margin: -20px auto 0;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: flex-end; /* Safari */
	justify-content:         flex-end;
}

.entrylink li{
	margin : 0 1%;
	text-align:center;
}

.entrylink a{
	display:inline-block;
	width:180px;
	padding:5px 20px;
	border:3px solid #ff9a00;
	background:#fff;
	color:#ff9200;
	box-shadow: 3px 3px 0 #ddd;
	font-size:18px;
	font-weight:bold;
	
}

.entrylink a.off{
	background: #fcd79f;
}


#saiyou_career .entrylink a{
	width:300px !important;
}


.entrylink a:after{
    content:  "\f101";
    font-family: FontAwesome;
    float:right;
}



#saiyou_sinsotu .message{
	max-width:1100px;
	margin: 0 auto;
	padding:50px 20px;
	font-size:17px;
}

#saiyou_sinsotu .message .ttl3{
	font-weight:bold;
	font-size:20px;
	margin-top:40px;
	text-align:center;
}

#saiyou_sinsotu .tc{
	max-width:615px;
	margin:80px auto 50px;
	padding : 0 0 20px 0;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	line-height:1.8em;
	border-bottom : 1px solid #0bc5e7
}


.school .heading {
  overflow: hidden;
  align-items: center;
  background: #0bc5e7;
  color: #fff;
  margin:50px 0 50px;
  font-size:20px;
  height: 50px;
  line-height: 40px;
  display: flex;
}

.school .heading:before,
.school .heading:after {
  content: "";
  flex: 1;
  background: #fff;
  padding: 3px 0;
  height: 0;
  transform: rotate(45deg);
  }




#saiyou_sinsotu .tc span{
	color:#0bc5e7;
	font-size:33px;
}

#saiyou_sinsotu .mt100{
	margin-top:100px !important;
}



#saiyou_sinsotu .subttl2{
	padding:40px 0 30px;
	font-size:24px;
	color:#222;
	font-weight:bold;
	clear:both
}


#saiyou_sinsotu .subttl2 .heading:before {
    content: "";
    border-bottom: 3px solid #0bc5e7;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

#saiyou_sinsotu .cal01 {
    float:none;
    width: 50%;
    float: left;
}
/*-----------------------------------
/*    新卒採用 かんたんガイド
/*----------------------------------*/
/*上部バナー*/
@media screen and (min-width: 780px) {
#saiyou_sinsotu .mainimage2 div {
		min-height: auto;	
}
#saiyou_sinsotu .mainimage2 div img {
    max-width: 100%;
    position:relative;
    right: auto;
    bottom: auto;
    z-index: 0;
}
.guide_img{
	width:30%;
	display: inline-block;
}
.guide_txt{
	width:70%;
	display: inline-block;
	margin:0;
	vertical-align: top;
	margin-top: 100px;
	
}
.guide_txt span:nth-child(1){
	text-align: center;
	display:block;
	font-size:30px;
}
.guide_txt span:nth-child(2){
	display:block;
	text-align: center;
	font-size:70px;
	font-weight: bold;
}
/*コンテンツ*/
.formList dt, dd {
	padding: 0!important;
	display: block!important;
	margin-left: 0!important;
}
.recruit_guide{
	max-width:1200px;
	padding-left:20px;
	padding-right:20px;
	margin:0 auto;
}
.recruit_guide p.detail{
	text-align: center;
	font-size:18px;
	margin-top:40px;
	margin-bottom:40px;
}
.recruit_guide>ul{
	text-align: center;
}
.recruit_guide>ul li{
	width:15%;
	display:inline-block;
}
.recruit_guide>ul li a{
	background-image: url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/check_small.png');
	background-repeat: no-repeat;
	background-size:contain;
	text-align: left;
	display: block;
	padding-left:30px;
	font-size:18px;
	color:#0BCAEB;
}
.recruit_guide section{
	margin-top:60px;
}
.recruit_guide section h3{
	background-image: url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/check_small.png');
	background-repeat: no-repeat;
	background-size:contain;
	border-bottom:3px solid #0BCAEB;
	font-size:24px;
	color:#0BCAEB;
	padding-left:45px;
}
.recruit_guide section dl dd+dt{
	margin-top:20px;
}
.recruit_guide section dl dt{
	font-size:20px;
	font-weight:bold;
}
.recruit_guide section dl dd>p{
	width:40%;
	display:inline-block;
	vertical-align: top;
}
.recruit_guide section dl dd>p img{
	width:100%;
	height:auto;
}
.recruit_guide section dl dd>div{
	width:60%;
	display:inline-block;
	vertical-align: top;
}
.recruit_guide section dl dd>div p{
	font-size:16px;
	padding:0 40px 0 40px;
	box-sizing: border-box;
}
.recruit_guide section dl dd>div p.btn{
	text-align: center;
}
.recruit_guide section dl dd>div p.btn a{
	width:200px;
	height: 40px;
	line-height: 40px;
	background-color:#0058aa;
	color:#fff;
	display: inline-block;
	margin-top:20px;
}
.recruit_guide section.sect5>p.text{
    margin-left:20px;
}
.recruit_guide section.sect5 figure{
    margin:0;
    margin-left:20px;
}
.recruit_guide section.sect5 figure figcaption{
    font-weight:bold;
    font-size:18px;
    margin-bottom:5px;
}
.recruit_guide section.sect5 figure ul li a{
    font-size:18px;
    color:#00a;
    text-decoration:underline;
}
.recruit_guide section.sect5 figure ul li+li{
    margin-top:5px;
}
}
/*-----------------------------------
/*    新卒採用 先輩社員の声
/*----------------------------------*/


#saiyou_sinsotu .message{
	max-width:1200px;
	margin:  0 auto;
	padding: 0 20px;
	overflow:hidden;
}



#saiyou_sinsotu .message ul{
	margin-top:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;	
}

#saiyou_sinsotu .message ul li{
	width:33%;
	padding:1%;
	margin-bottom:20px;
	text-align:center;
	font-size:13px;
	color:#777;
}

#saiyou_sinsotu .message ul li .name{
	font-size:16px;
	margin-bottom : 5px;
	font-weight:bold;
}

#saiyou_sinsotu .message ul li img{
	width:100%;
}
#saiyou_sinsotu .message ul li span{
	display:block;
	text-align:center;
}



#saiyou_sinsotu .cal01{
	float:left;
	width:25%;
	float:left;
}


#saiyou_sinsotu .cal03{
	width:75%;
	float:left;
}

#saiyou_sinsotu .cal04{
	width:100%;
}


#saiyou_sinsotu .message .cal04 ul li{
	width:25%;
}

#saiyou_sinsotu .message .cal03 ul li{
	width:33%;
}

#saiyou_sinsotu .message .cal01 ul li{
	width:100%;
}


/*-----------------------------------
/*    新卒採用 研修
/*----------------------------------*/

img.w100{
	max-width:100%;
}
.kenshuuT td{
	width:50%;
	padding:2%;
	
}

.kenshuuT td img{
	width:100%;
}

.kenshuuU{
    margin-top:40px;
	max-width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	justify-content: center
}

.kenshuuU li {
    width: 33%;
    padding: 1%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 13px;
    color: #777;
}

.kenshuuU img{
    width:100%;
}

.youtubeicon{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

.youtubeicon img{
	max-width:100px;
}

.bline{
    margin-top:0 !important;	
}
.bline li{
	width:49% !important;
	border:3px solid #eee;
	background:#fff;
	margin:0.3% !important;
	color:	#222 !important;
	font-size:14px !important;
	padding:0.5% !important;
}

.keitou > div{
	float:left;
	width:50%;
	padding:1%;
}


.kenshuuU2 li{
	width:50% !important;
}


/*-----募集要項------------*/

#saiyou_sinsotu .message table{
	width:100%;
	background:#fff;
	padding:20px;
}

#saiyou_sinsotu .message td span{
	color:#e80c31;
	font-weight:bold;
	margin-right:10px;
}

#saiyou_sinsotu .message th, #saiyou_sinsotu .message td{
	border-bottom : 1px dotted #ddd;
	padding:20px 10px;
	font-size:14px;
	vertical-align: top;
	text-align:left;	
}

#saiyou_sinsotu .message th{
	width:30%;
}

#saiyou_sinsotu .message th span{
	padding-left : 10px;
	border-left:6px solid #0bc5e7;
}

#saiyou_sinsotu .message td{
	width:70%;
}

#saiyou_sinsotu .privacylink{
	font-size:16px;
	padding-top:50px;
	text-align:center;
}

#saiyou_sinsotu .privacylink a{
	text-decoration: underline;
	color:#c00;
	font-weight:bold;
}

#saiyou_sinsotu .privacylink img{
	max-width:40px;
}


/*-----------------------------------
/*    エントリー
/*----------------------------------*/

.nabilink{
	max-width:800px;
	margin:50px auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	align-items: center;
    flex-wrap:wrap;
}

.nabilink li{
	width:50%;
	
}
.nabilink li img{
	width:100%;
}

.nabilink li a{
	display:block;
	padding : 4% 4%;
	margin :0  2%;
	background:#fff;
	border:3px solid #000;
	box-shadow: 3px 3px 0 #ddd;
}

.entrycom{
	font-size:18px;
}




/*-----------------------------------
/*    新卒採用 出身校
/*----------------------------------*/

.shussinkou h1{
	font-size:33px
}
.shussinkou .mt20{
	margin-top:20px;
}

.shussinkou h2{
	font-size:18px;
	color:#333;
	border-bottom : 1px dotted #0bc5e7;
	padding-bottom : 10px;
	margin: 20px 0 15px;
}


/*-----------------------------------
/*    キャリア採用
/*----------------------------------*/

#saiyou_career{
    background: url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
    background-size: 40px 40px;
 }  
    
#saiyou_career .submenu{
	background:#000;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	justify-content: center;
}



#saiyou_career .submenu a{
	display:block;
	height:100%;
	padding:10px 30px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
#saiyou_career .submenu .on{
	background:#97c01c;
	color:#fff;
}
#saiyou_career .submenu a:hover{
	background:#97c01c;
	color:#fff;
}
#saiyou_career .submenu .off{
	color:#555;
}
#saiyou_career .submenu .off:hover{
	background:#000 !important;
	color:#555;
}

#saiyou_career  .tc{
	max-width:580px;
	margin:25px auto 50px;
	padding : 0 0 20px 0;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	line-height:1.8em;
	border-bottom : 1px solid #97c01c
}

#saiyou_career  .tc span{
	color:#97c01c
}



#saiyou_career .mt100{
	margin-top:100px;
}

#saiyou_career .subttl{
	font-size:20px;
	font-weight:bold;
	color:#222;
	margin-bottom : 60px;
}
#saiyou_career .subttl2 {
    padding: 40px 0 30px;
    font-size: 20px;
    color: #0076d7;
    font-weight: bold;
    clear: both;
}
#saiyou_career .subttl span{
	color:#97c01c;
}

#saiyou_career .message {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

#saiyou_career .message {
    line-height: 1.8em;
}

.saiyou_career_mainimage {
    background: #9ab30c;
    margin-bottom : 20px;
    padding: 10px 0;
    text-align: center;
    line-height: 0;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
}

.saiyou_career_mainimage table{
	max-width:1200px;
	display:block;
	margin:0 auto;
}
.saiyou_career_mainimage img {
    max-width: 800px;
}

.saiyou_career_mainimage td {
    color: #fff;
    position: relative;
    text-align: center;
    line-height: 1.6em;
}
.saiyou_career_mainimage td img {
    max-width: 120px;
    position: absolute;
    bottom: 20px;
    right: 10px;
}
.saiyou_career_mainimage td p {
    font-size: 40px;
    margin-top: 10px;
}

#saiyou_career .demo {
    max-width: 100%;
    margin: 0;
    /*padding: 10px 0;*/
    font-family: sans-serif;
    font-size: 22px;
    color: #222;
    font-weight:bold;
}
#saiyou_career .heading:before {
    content: "";
    border-bottom: 3px solid #7db700;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

#saiyou_career .mt20{
	margin-top:20px;
}

.message .mt30{
	margin-top:30px !important;
}




/*------- マウスオーバー----*/


#saiyou_career .senpaiwrap{
	max-width:1200px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
/* 	justify-content: center;	 */
}

#saiyou_career .senpaiwrap .senpai {
	width:23% !important;
	margin:1% !important;
}

#saiyou_career .senpaiwrap .senpai25 {
	width:44%;
	margin:3%;
	box-shadow: 3px 3px 0 #ddd;
	background:#fff;
	text-align:center;
	margin-bottom:20px!important;
}


#saiyou_career .senpai {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
#saiyou_career .senpai .caption {
	font-size:		130%;
	text-align: 		center;
	padding:		30% 2% 0 2%;
	color:			#fff;
	padding-bottom : 20px;
	border-bottom : 1px solid #97c01c
}

#saiyou_career .senpai .caption:after {
    content: "\f0da";
    font-family: FontAwesome;
	color:#97c01c;
	margin-left:10px;
 }
 
 
 
#saiyou_career .senpai .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.64);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
#saiyou_career .senpai:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

#saiyou_career .senpai img{
	width:100%;
}

#saiyou_career .senpai .mask a{
	display:block;
	overflow:hidden;
	height:100%;
	
}

#saiyou_career .senpai p{
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	color:#222;
	letter-spacing:1px;
	border-bottom : 1px solid #97c01c;
}


/*------- //マウスオーバー----*/

/*------- キャリア先輩の声 ----*/

#saiyou_career .senpai2 {
    text-align: center;
    letter-spacing: 1px;
    color: #709500;
    font-size: 25px;
    margin-top:100px;
}


/*-----キャリア 教育プログラム------------*/


.program{
	max-width:1200px;
	margin:0 auto;
}

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

.programT{
	margin-bottom : 30px;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;	
}

.programT > div{
	width:48%;
	margin : 1%;
	background:#fff;
}

.programT .pro01 h3{
	background:#444;
	color:#fff;
	letter-spacing:1px;
}

.programT .pro02 h3{
	background:#444;
	color:#fff;
	letter-spacing:1px;
}

.programT h3{
	text-align:center;
	font-size:20px;
	padding:5px;
}

.programT .pro01 .subttl{
	width:110px;
	margin:20px auto 10px !important;
	color:#078cd2 !important;
	border-bottom:1px solid #078cd2;
}

.programT .pro02 .subttl{
	width:110px;
	margin:20px auto 10px !important;
	color:#76a928 !important;
	border-bottom:1px solid #95ba00;
}

.programT .subttl{
	margin:30px 0 15px 0 !important;
}
.programT table{
	width:100%;
	background:#fff;
	padding:10px;
}

.programT .pro01 table{
	border-bottom : 6px solid #078cd2;	
}


.programT .pro02 table{
	border-bottom : 6px solid #95ba00;	
}


.programT th{
	width:30%;
}

.programT td{
	width:70%;
}

.programT th, .programT td{
	height:150px;
	padding:0 20px;
	border-bottom : 6px solid #fff;
	box-sizing: border-box;
}

.programT td ul{
	margin-left:30px;
}
.programT td li{
	list-style:disc;
}


.pro01 th{
	background:#e4eef2;
}


.pro02 th{
	background:#f0f3e4;
	
}


.program .subttl2{
	padding:20px 0;
	font-size:16px;
	color:#444;
	font-weight:bold;
	line-height:2em;
}

.program .mt50{
	margin-top:50px !important;
}

.program .heading:before {
    content: none !important;

}


/*-----------------------------------
/*    キャリア採用 コンタクト
/*----------------------------------*/



#recruit_contact{
	padding:20px 2% ;
    background: url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
    background-size: 40px 40px
}


#recruit_contact > div{
	max-width:1200px;
	margin: 0 auto;
	
}


.contact_subttl {
	margin:0;
    background: #0076d7;
    padding: 40px 20px;
    text-align: center;
    line-height: 1.6em;
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
}

#recruit_contact .chui .ttl{
	padding : 40px 0;
}

#recruit_contact .chui .ttl a{
	text-decoration: underline;
	color:#0075cd
}

#recruit_contact .tc {
    max-width: 580px;
    margin: 40px auto 50px;
    padding: 0 0 20px 0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    border-bottom: 1px solid #0076d7;
}



/*-----------------------------------
/*    キャリア採用 モノづくりはヒトづくり
/*----------------------------------*/

#saiyou_hitodukuri{
	padding:40px 0 60px;
    background: url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
    background-size: 40px 40px;
}

#saiyou_hitodukuri > div{
	max-width:1200px;
	margin:0 auto;
}

.hitodukuri_mainimage {
	max-height:515px;
    background: #000;
    padding: 10px 0;
    text-align: center;
    line-height: 0;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
}

.hitodukuri_mainimage img {
    line-height: 0;
    max-width: 1200px;
    width: 100%;
}


#saiyou_hitodukuri h1 {
    max-width: 490px;
    margin: 80px auto 50px;
    padding: 0 0 20px 0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    border-bottom: 1px solid #0bc5e7;
}

.hitodukurichach{
	font-size:16px;
	text-align:center;
	line-height:2em;
	margin-bottom : 40px;
}
#saiyou_hitodukuri table{
	margin-bottom : 40px !important
}
#saiyou_hitodukuri th, #saiyou_hitodukuri td{
	width:50%;
	padding:1% 2%;
	font-size:15px;
	line-height:2em;
	font-weight:normal;
	text-align:left;
}

#saiyou_hitodukuri th p, #saiyou_hitodukuri td p{
	font-size:26px;
	font-weight:bold;
	color:#111;
	line-height:1.8em;
}

.saiyou_hitodukuriT{
	padding:40px 0 60px 0;
	font-size:15px;
	line-height:2em;
	text-align:center;
}

.saiyou_hitodukuriT .subttl{
	font-size:18px;
	font-weight:bold;
	margin-bottom : 15px;
}
#saiyou_hitodukuri img{
	width:100%;
}

.zouhuku{
	text-align:center;
	font-size:16px;
	line-height:2em;
}
.zouhuku span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

#saiyou_hitodukuri .demo{
	font-size:26px;
	color: #000 !important;
}

#saiyou_hitodukuri .subttl2 .heading:before {
    border-bottom: 3px solid #0bc5e7;

}


/*-----------------------------------
/*     体験型・会社説明会
/*----------------------------------*/


#recruit_taiken{
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
	background-size:40px 40px;
	padding:10px 0 100px;
}
#recruit_taiken .submenu{
	background:#333;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

#recruit_taiken .submenu a{
	display:block;
	height:100%;
	padding:10px 30px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
#recruit_taiken .submenu .on{
	background:#0bc5e7;
	color:#fff;
}
#recruit_taiken .submenu a:hover{
	background:#0bc5e7;
	color:#fff;
}
#recruit_taiken .submenu .off{
	color:#555;
}
#recruit_taiken .submenu .off:hover{
	background:#000 !important;
	color:#555;
}
#recruit_taiken .wrap{
	max-width:1200px;
	margin:0 auto;
}

#recruit_taiken img{
	width:100%;
}

.taiken_mainimage{
	background: #0058aa;
	padding: 10px 0;
	text-align: center;
	line-height: 0;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2) inset;
}

.taiken_mainimage img{
	max-width:1200px;
	width:100%;
}


.taikencach{
	text-align:center;
	padding:30px 0;
	font-size:26px;
	line-height:1.8em;
	font-weight:bold;
	
}

.taikencach span{
	color:#ea1472;
}


.taikendetail{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
}

.taikendetail > div{
	width:50%;
	padding:2%;
	font-size:15px;
	line-height:1.8em;
	font-weight:bold;
	color:#222;
}

.f16{
	padding:2%;
	font-size:15px;
	line-height:1.8em;
	text-align:center;
	font-weight:bold;
	color:#222;
}

.taikendetail > div img{
	max-width:100%;
}

.taikendetail > div p img{
	padding-top:10px;
}

.taikendetail .mt30{
	margin-top:30px;
}


.lastcach{
	padding:30px 0;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

.lastcach span{
	color:#ea1472;
}

#recruit_taiken .tc {
    max-width: 580px;
    margin: 40px auto 50px;
    padding: 0 0 20px 0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    border-bottom: 1px solid #ea1472;
}

#recruit_taiken .h2 {
    margin: 100px auto 20px;
    color: #444;
}

.taikenbtn{
	display:block;
	width:600px;
	margin:30px auto;
	padding:20px 0;
	text-align:center;
	background:#ea1472;
	color:#fff;
	font-weight:bold;
	box-shadow: 3px 3px 0 #ddd;
	font-size:26px;
}


/*-----------------------------------
/*     活躍のフィールド
/*----------------------------------*/


#recruit_fields{
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/houganback.jpg) repeat;
	background-size:40px 40px;
	padding:20px 0 100px;
}

#recruit_fields ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap: wrap;
	margin-top:40px;
}

#recruit_fields .ul li{
	width:50%;
	padding:1%;
}

#recruit_fields .ul2 li{
	width:33%;
	padding:1%;
}

#recruit_fields .ul3 li {
    width: 25%;
    padding: 1%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 13px;
    color: #777;
}



#recruit_fields .ul li span, #recruit_fields .ul2 li span{
	display:block;
	text-align:center;
	font-size:18px;
	border-bottom : 3px solid #0076d7;
	padding-bottom : 5px;
	margin : 15px 0 30px;
	color:#0076d7
}

#recruit_fields .ul3 li span{
	display:block;
	text-align:center;
	font-size:18px;
	padding-bottom : 5px;
	margin : 15px 0 5px;
}

#recruit_fields ul li img{
	width:100%;
}


.fieldsimage{
	position:relative;
	max-width:1200px;
	margin-bottom : 20px !important;
	overflow:hidden;
}

.fieldsimage img{
	width:100%;
}

.fieldsimage h1{
	width:100%;
	position:absolute;
	top:50%;
	z-index:1;
	background: rgba(0,0,0,0.8);
	color:#fff;
	padding:15px 0;
	text-align:center;
	font-weight:bold;
	font-size:24px;
}

.fieldscach{
	text-align:center;
	font-size:18px;
	padding:30px 0;
	line-height:1.8em;
}

.imgoff img{
    opacity: 0.5;
    background:#000;
}

.tcimg{
    display:block;
    max-width:400px;
    margin:50px auto 80px;
}

/* for hubspot slider */
.hs_cos_flex-slide-main {
  display:none;
}

ul.hs_cos_flex-direction-nav {
    display: none;
}

.hs_cos_flex-slider .hs_cos_flex-slides img {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------
/*     RFID鍵・物品管理システム導入事例
/*----------------------------------*/
.detail4_voice img{
	width:100%;
}
@media screen and (min-width: 780px) {
	.detail4_voice p,.detail4_voice li,.detail4_voice figcaption{
		font-size:16px;
		margin:0;
		padding:0;
	}
	.detail4_voice .setClearFix:after{
		content:'.';
		clear: both;
		width:0;
		height: 0;
		overflow: hidden;
	}
	.detail4_voice .sect2,
	.detail4_voice .sect3,
	.detail4_voice .sect4,
	.detail4_voice .sect5{
		text-align: center;	
	}
	.detail4_voice .sect1 h3,
	.detail4_voice .sect5 h3{
		background: #2989d8;
		color:#fff;
		font-size:24px;
		padding:10px;
		background: -prefix-linear-gradient(left,#2989d8, white);
		background: linear-gradient(to right,#2989d8, white);
	}
	.detail4_voice .sect2 h3,
	.detail4_voice .sect3 h3,
	.detail4_voice .sect4 h3{
		border-bottom:1px #005bac solid;
		font-size:24px;
		font-weight: bold;
		display: inline-block;
		width:auto;
		padding-left:20px;
		padding-right:20px;
		color:#005bac;
		margin-bottom: 60px;
	}
	.detail4_voice .sect2 > *,
	.detail4_voice .sect3 > *,
	.detail4_voice .sect4 > *,
	.detail4_voice .sect5 > *{
		text-align: left;	
	}
	.detail4_voice figure{
		margin:0;
	}
	.detail4_voice figcaption{
		padding:10px;
	}
	
	
	.detail4_voice .btnGroup{
		text-align: center;
		margin-top: 40px;
	}
	.detail4_voice .btnGroup li{
		width:30%;
		display: inline-block;
	}
	.detail4_voice .btnGroup li a{
		text-align: center;
		padding: 14px 0;
		display: block;
		background: #0452fa;
		margin-top: 10px;
		color: #fff;
		font-weight: bold;
		box-shadow: 3px 3px 0 #ccc;
	}
	.detail4_voice .btnGroup li:nth-child(2) a{
	    background-color:#24cae3;
	}
	.detail4_voice .btnGroup li+li{
		margin-left:4%;
	}
	
	
	
	.detail4_voice .sect1 .subtitle{
		text-align: center;
		font-weight:bold;
		font-size:32px;
		margin-top:60px;
		margin-bottom:40px;
		letter-spacing: 4px;
	}
	.detail4_voice .sect1  > div > figure{
		display:inline-block;
		vertical-align: top;
		width:58%;
		margin-right:4%;
		margin:0;
	}

	.detail4_voice .sect1  > div > div{
		display:inline-block;
		vertical-align: top;
		width:38%;
	}
	.detail4_voice .sect1  > div > div >p{
        padding:20px;
        font-size:24px;
        padding-top:20px;
	}
	.detail4_voice .sect1  > div > div div.youtube{
	    text-align:center;
	    margin-top:10%;
	    padding-left:20px;
	}
	.detail4_voice .sect1  > div > div div.youtube .btn_watch{
	    display:inline-block;
	    width:60%;
	    height:120px;
	    line-height:120px;
	    color:#ff8c00;
	    border:4px solid #ff8c00;
	    font-size:30px;
	    letter-spacing:4px;
	    font-weight:bold;
	}
	.detail4_voice .sect1  > div > div div.youtube .cta_button{
        margin:0 auto;
        margin-left:5%;
        vertical-align:bottom;
	}
	.detail4_voice .sect1  > div > div div.youtube .cta_button img{
        width:30%;
	}
	.detail4_voice .sect1 figcaption{
	    /*margin-left:60px;*/
	}
	.detail4_voice .sect1 .schoolName{
        font-size:20px;
	}
	.detail4_voice .sect1 .name{
        font-size:20px;
	}
	.detail4_voice .sect2 > div >figure{
		float: right;
		vertical-align: top;
		width:38%;
		margin-right:4%;
	}
	.detail4_voice .sect2 > div >div{
		float: right;
		display:inline-block;
		vertical-align: top;
		width:58%;
	}
	
	
	.detail4_voice .sect3 > div >figure{
		float: left;
		width:38%;
		margin-left:4%;
	}
	.detail4_voice .sect3 > div >div{
		float: left;
		width:58%;
	}
	
	
	.detail4_voice .sect4 > div >figure{
		float: right;
		width:38%;
		margin-right:4%;
	}
	.detail4_voice .sect4 > div >div{
		float: right;
		width:58%;
	}

	
	.detail4_voice .sect5 p.strong{
		text-align: center;
		font-size: 24px;
		margin-top: 40px;
		margin-bottom: 40px;
		font-weight: bold;
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.detail4_voice .sect5 ul.points{
		position: relative;
		margin-left: 40px;
		margin-top:40px;
	}
	.detail4_voice .sect5 ul.points li{
		font-size:18px;
		padding-left:35px;
	}
	.detail4_voice .sect5 ul.points li:before{
		content:'.';
		display:inline-block;
		border:3px #2989d8 solid;
		width:15px;
		height: 15px;
		margin: 3px;
		text-indent: -9999px;
		
		position: absolute;
		left: 0;
	}
	.detail4_voice .sect5 ul.points li+li{
		margin-top:10px;
	}
}
/**--------------------------------------**/
/**-------------追加ステップ-------------**/
/**--------------------------------------**/
@media screen and (min-width: 780px) {
	.main_content{
		width:1200px;
		margin:0 auto;
	}
	.main_content h1{
		text-align:center;
		margin-top:40px;
		margin-bottom:40px;
	}
	.main_content p.subttl{
		font-weight:normal!important;
	}
	.main_content figure{
		max-width:900px;
		margin:0 auto;
	}
	.main_content figure figcaption{
		color:#9ac700;
		font-size:28px;
		font-weight:bold;
		text-align:center;
		margin-bottom:40px;
	}
	.main_content figure ul li div{
		display:table;
		border:4px solid #9bbb59;
		width:100%;
	}
	.main_content figure ul li div p:nth-child(1){
		display:table-cell;
		background-color:#9bbb59;
		margin:0;

		font-size:30px;
		font-weight:bold;
		padding-left:20px;
		padding-right:20px;
		color:#fff;
		
		text-align:center;
		width:10%;
		vertical-align:middle;
	}
	.main_content figure ul li div p:nth-child(2){
		display:table-cell;
		margin:0;
		background-color:#ebf1de;
		width:20%;
		vertical-align:middle;
		
		font-weight:bold;
		font-size:24px;
		padding:20px;
		text-align:center;
	}
	.main_content figure ul li div p:nth-child(3){
		display:table-cell;
		margin:0;
		width:60%;

		font-size:18px;
		padding:20px;
	}
	.main_content figure ul li div p:nth-child(3) span{
		display:block;
		background-color:#9bbb59;
		display:inline-block;
		padding:20px;
		color:#fff;
		border-radius:10px;
		margin-top:20px;
		text-align:center;
		font-weight:bold;
	}
	.main_content figure ul li>p{
		width:100px;
		margin:0 auto;
	}
	.main_content figure ul li>p img{
		width:100%;
	}
	.main_content div.form{
		margin-top:60px;
	}
	.main_content div.form p{
		text-align:center;
		font-size:20px;
		font-weight:bold;
	}
	.main_content div.form p a{
		width:450px;
		text-align:center;
		height:60px;
		line-height:60px;
		display:inline-block;
		background-color:#a00;

		font-size:24px;
		color:#fff;
	}
	.main_content figure dl dt{
		font-size:18px;
		font-weight:bold;
	}
	.main_content figure dl dd{
		font-size:18px;
	}
	.main_content figure dl dd+dt{
		margin-top:20px;
	}
	.main_content figure.sect3{
		margin-top:80px;
	}
	.main_content figure.sect3 figcaption{
		color:#000;
		text-align:left;
		font-size:20px;
		margin-bottom:0;
	}
	.main_content figure.sect3 dl{
		margin-left:10px;
	}
	.eyecatch{
		background-color:#9bbb59;
		width:100%;
		height:500px;
	}
	.eyecatch div{
		background-image: url("https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/eyecatch.png");
		background-repeat:no-repeat;
		background-size:cover;
		width:100%;
		max-width:1200px;
		height:500px;
		padding-left:80px;
		padding-top:170px;
		box-sizing:border-box;
		margin:0 auto;
	}
	.eyecatch div p:nth-child(1){
		font-size:35px;
		font-weight:bold;
		margin:0;
		line-height:1.2em;
	}
	.eyecatch div p:nth-child(2){
		font-size:80px;
		font-weight:bold;
		color:#fff;
		margin:0;
		line-height:1.2em;
	}
	.eyecatch div p:nth-child(2) span{
		color:#9ac700;
	}
}

@media only screen and (max-width: 1200px) {
	

#recruit_taiken{
	padding:0 20px;
}

#recruit_fields{
	padding:0 20px;	
}


.voice_mainimage2 table {
    width: 100%;
}

.voice_mainimage2 th{
	width:60%;
}
.voice_mainimage2 th img {
    max-width: 100%;
}


.saiyou_career_mainimage table {
    width: 100%;
}

.saiyou_career_mainimage th {
    width: 60%;
}

.saiyou_career_mainimage th img{
    max-width: 100%;
}




.fieldscach {
    text-align: left;
    font-size: 18px;
}

.fieldscach br{
	display:none;
}


#saiyou_hitodukuri{
	width:100%;
	padding:20px 20px;
}


.program{
	padding:0 20px;
}

/* --------	1200px   ----- */
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



@media only screen and (max-width: 1100px) {
	
	
body > div{
	width:100%;
	overflow:hidden;
}




header {
    padding: 10px 20px;
}

header > ul{
	display:none;
}

#saiyou .s07 ul .photos {
    width: 28%;
}

#saiyou .s07 ul .photol {
    width: 33%;
}


.hs-tools-menu, .hs-collapsed, .hs-tools-menu{
    width:auto !important;
}


#saiyou_sinsotu .sinsotu01image, #saiyou_sinsotu .recp01{
    padding: 0 20px;
}

/* --------	1010px   ----- */
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 900px) {


#saiyou .s01 ul li{
	width:45%;
	margin:2%;
}


#saiyou .s07 {
    min-height: auto;
    height:auto;
    padding: 20px 0 1px 0;
}


#saiyou_sinsotu .submenu li{
	width:33%;
}

.taikendetail > div {
    width: 100%;
    padding: 2%;
    font-size: 15px;
    line-height: 1.8em;
    font-weight: bold;
    color: #222;
}

#recruit_fields .ul2 li {
    width:50%;
    padding: 1%;
}



#saiyou_voice h2 {
    font-size: 23px;

}

#saiyou_voice h2 br{
	display:none;
}

#saiyou_sinsotu .mainimage div img {
    right: 0%;

}


#saiyou_sinsotu .sinsotu01image div{
    min-height:380px;
}

#saiyou_sinsotu .sinsotu01image img{
    max-width: 400px !important;
}

#saiyou_sinsotu .mainimage div h2 {
    font-size: 60px;
    margin: 0;
}

#saiyou_sinsotu .mainimage div {
    min-height: 414px;
  
}


/* --------	900px   ----- */

}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 800px) {
	
#index .info > div {
    width: 100%;
    padding: 0 10px 50px 10px;
}


#saiyou .s03 {
    min-height:auto;
    padding: 32px 0;
}

#saiyou .s06 h2 {
    font-size: 30px;
}

#saiyou .s06 h2 span {
    font-size: 40px;
}

.web_subttl {
    margin: 0 0 20px 0;
	padding:20px;
    line-height: 1.6em;
    font-size: 18px;
    text-align:left;
}

.web_subttl br{
	display:none;
}

.contact_subttl{
    margin: 0 0 20px 0;
	padding:20px;
    line-height: 1.6em;
    font-size: 18px;
    text-align:left;
}




.saiyou_web .tccach {
    text-align: cleft;
    margin-top: 20px;
}

.saiyou_web .tccach img {
    max-width: 100%;
    margin-top: 20px;
    border: 0
}

.saiyou_web > div > a img {
    max-width: 100%;
}

.saiyou_web .tccach .f30 {
    font-size: 20px;
    font-weight: bold;
    text-align:left;
}

.saiyou_web .tccach {
    text-align: left;
    margin-top: 20px;
    padding:0 20px;
}


.taikencach {
    text-align:left;
    padding: 30px 0;
    font-size: 20px;
    line-height: 1.6em;
    font-weight: bold;
}

.taikencach br{
	display:none;
}
.taikencach br.spnot{
    display:block !important;
}


.saiyou_career_mainimage th,
.voice_mainimage2 th{
	width:100%;
	display:block;
	}
.saiyou_career_mainimage td,
.voice_mainimage2 td{
	padding-top:30px;
	width:100%;
	display:block;
	}


.saiyou_career_mainimage th{
	width:100%;
	display:block;
	}

.saiyou_career_mainimage td{
	padding:30px 20px 0;
	width:100%;
	display:block;
	}



div.centering > p, div.centering2 > p {
    display: block;
    vertical-align: middle;
    margin: 0;
}

.centering img {
    max-width: 300px;
    margin-right: 0;
    margin-bottom : 30px;
}

.centering2 img {
    max-width: 300px;
    margin-left: 0;
    margin-top:30px;
}


#saiyou_hitodukuri th, #saiyou_hitodukuri td {
    width: 100%;
    display:block;
}


.entrylink {
	padding-top:18px;
}


.programT > div {
    width: 99%;
    margin: 1%;
    background: #fff;
}

.mb20{margin-bottom : 20px;}


.upgrade dl, .upgrade div {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin: 0;
    border: 5px solid #2989d8;
}

#saiyou_sinsotu .mainimage div h2 {
    font-size: 50px;
}



div.top > p {
    display: block;
    margin:20px 0;
}

.top img {
    max-width: 100%;
    margin-left: 0px;
}

.centering img {
    max-width: 100%;

}


/* -------- 800px   ----- */
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 700px) {

.saiyou_web .subttl {
    font-size: 18px;
    text-align: left;
    line-height: 1.6em;
    margin: 0;
    padding: 20px;
    border-bottom:0;
}

.saiyou_web .subttl br{
	display:none;
}



#recruit_contact .tc{
    font-size: 18px;
    text-align: left;
    line-height: 1.6em;
    margin: 0;
    padding: 20px;
    border-bottom: 0;
}

#recruit_contact .tc {
    margin: 30px auto 20px;
    padding: 0 0 0 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    border-bottom: 0;
}
#recruit_contact .chui .ttl {
    padding: 0px ;
}

#recruit_contact{
    padding: 20px;
}

.contactdemo{
    margin: 30px 0 0 0 !important;
    padding: 12px 0;
    font-size: 30px !important;
    color: #0076d7;
}


h1.h1{
	width:78%;
	margin:30px auto 0;
	border-bottom : 1px solid #000;
	padding-bottom : 10px;
}


#saiyou_sinsotu .submenu li{
	width:49%;
	text-align:center;
	border:3px solid #0bc5e7;
	margin:0.5%;
}

#saiyou_sinsotu .submenu {
    background: #fff;
    margin: 10px 0;
}

#saiyou_sinsotu .mainimage {
	box-shadow:none
}


#saiyou_sinsotu .submenu a {
    padding:10px 10px;
}

#saiyou_sinsotu .submenu a {
    padding: 6px 10px;
    font-size: 13px;
	color:#333;
}


#saiyou_sinsotu .mainimage div img {
    max-width: 190px;
    position: absolute;
    margin-left: 0;
    margin-right:0 !important;
    bottom: 0;
}

#saiyou_sinsotu .sinsotu02image div img {
    max-width: 100% !important;
    position: absolute;
    margin-left: 0;
    right: -11%; !important;
    margin-right:-9px;
     right: 0% !important;

    bottom: 0;
}

#saiyou_sinsotu .sinsotu02image div{
    min-height: 365px;
}




#saiyou_sinsotu .recp01 div {
    max-width: 1000px;
    min-height: 275px;
}

#saiyou_sinsotu .sinsotu01image div h2, #saiyou_sinsotu .recp01 div h2{
    font-size: 27px;
    margin: 0;
    position: absolute;
    top: 50%;
	left:10px;
	text-shadow: 2px 0 1px #fff;
    /* color: #0bc5e7; */
}

#saiyou_sinsotu .sinsotu02image div h2{
    margin: 0;

    left:10px;
	text-shadow: 2px 0 1px #333;
    /* color: #0bc5e7; */
}

#saiyou_sinsotu .mainimage div h1 {
    font-size: 20px;
    top: 39%;
	left:17px;
    z-index:999;
    text-shadow: 2px 0 1px #fff

}

#saiyou_sinsotu .sinsotu01image, #saiyou_sinsotu .recp01 {
    padding: 0 0px;
}

#saiyou_sinsotu .mainimage div .mainsub {
    position: absolute;
    top: 60%;
    font-size: 15px;
	left:10px;
}

#saiyou_sinsotu .cal03 {
    width: 100%;
    float: left;
}

#recruit_taiken .h2 {
	width: 300px;
    margin: 30px auto 20px;
}

.demo1 .wrapper .caption {
    width: 300px;
    font-size: 14px;
}

.demo1 .wrapper {
    width: 300px;
}

.f16 {
    text-align: left;
}

.lastcach {
    text-align:left;
    font-size: 18px;

}

.lastcach br{
	display:none;
}

/*
.subttl {
    margin: 0;
    text-align: left;
}
*/

.saiyou_hitodukuriT{
	text-align:left;
}

.saiyou_hitodukuriT br{
	display:none;
}


#saiyou_career .subttl {
    font-size: 18px;
    text-align:left;
    padding:0 20px;
	}

#saiyou_career .subttl br{
	display:none;	
}


#saiyou_career .tc {
    margin: 25px auto 10px;
/*     padding: 0 20px; */
    font-size: 24px;
    border-bottom: 0;
}



#saiyou_sinsotu .message .cal04 ul li {
    width: 50%;
}

#saiyou_sinsotu .message .cal03 ul li {
    width: 50%;
}

#saiyou_sinsotu .message .cal01 {
    width:50%;
}


.hitodukurichach {
    font-size: 15px;
    text-align:left;
    line-height: 1.6em;
    margin-bottom: 20px;
}


.message2 p {
    font-size: 30px;
    line-height:1.6em;

}

/* -------- 700px   ----- */
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 600px) {
#saiyou .banner_guide{

	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
    width:100%;
	box-sizing:border-box;
}
#saiyou .banner_guide img{
	width:100%;
}	
#index ul li {
    width: 100%;
    float: left;
    padding: 0 10px 10px 10px;
}

#search-form {
	text-align:right;
    float: right;
}

#saiyou .s01 h1 img {
    max-width: 60%;
    margin: 20px auto 0;
}

#saiyou .s01 p {
    text-align: center;
    font-size: 14px;
}

#saiyou .s02 h2 img {
    max-width: 60%;
    margin: 20px auto;
}

#saiyou .s02 th{
	width:100%;
	display:block;
	padding:10px 0;
	border-bottom  :0;
}

#saiyou .s02 td{
	width:100%;
	padding:10px 30px;
	display:block;
}



#saiyou .s03 h2 {
    font-size: 24px;
}

#saiyou .s03 h2 span {
    font-size: 30px;
}

#saiyou .s03 p {
    font-size: 22px;
}


#saiyou .s03 ul li{
	max-width:90%;
	margin:3%;
}

#saiyou .s03 ul li img{
	border:6px solid #edebe4;
}


#saiyou .s04 {
    min-height: auto;
    height: auto;
    margin-bottom: 0;
    padding:30px 20px;
    text-align: center;
    background: url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back03.jpg) no-repeat center;
    background-size: cover;
    box-shadow: 2px 2px 3px #ccc;
}

#saiyou .s03 > img {
    max-width: 40px;
}



#saiyou_sinsotu .message .cal04 ul li {
    width: 50%;
}


.h2 {
    width: 280px;
    margin: 60px auto 20px;
    padding: 10px 0;
}

.demo1 .wrapper {
   width: 280px;
}

.demo1 .wrapper .caption {
    width: 280px;
    font-size: 14px;
}


.saiyou_ttl {
    background: #f1f1f1;
    margin: 30px 0 30px;
    padding: 10px 0;
}


#saiyou_career .senpaiwrap .senpai {
    width: 48% !important;
    margin: 1% !important;
}


.f16 br{
    display:none;
}

.taikendetail > div  br{
    display:none;
}


#saiyou_sinsotu .sinsotu02image div {
    min-height: 317px;
}

/* -------- 600px   ----- */
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 550px) {
	
#saiyou .s06{
	padding: 30px 20px;
}

#saiyou .s06 > div img {
    width: 80px;
    height: 86px;
    margin-right: auto;
    margin-left:auto;
    float: none;
}

#saiyou .s06 > div p {
    font-size: 20px;
    margin:10px auto;
    float: none;
    text-align: center;
}

#saiyou .s04 > img {
    max-width: 190px;
    display: block;
    margin: 0 auto;
}


#saiyou .s05 p {
    font-size: 19px;
}


#saiyou_sinsotu .message th {
    width: 100%;
    display:block;

}

#saiyou_sinsotu .message td {
    width: 100%;
    display:block;
}


.taikenbtn {
    width: 100%;
    font-size: 16px;
}


#recruit_fields ul {
    margin-top: 10px;
}


#saiyou_voice ul li {
    width: 50%;
}


#recruit_fields .ul3 li {
    width: 50%;
}

.saiyou_career_mainimage td img,
.voice_mainimage2 td img {
    max-width: 80px;
}
.saiyou_career_mainimage td p,
.voice_mainimage2 td p {
    font-size: 30px;
    margin-top: 10px;
}


#saiyou_career .submenu{
	flex-wrap: wrap;
}

#saiyou_career .submenu li{
	width:100%;
}


#saiyou_career .submenu a {
    padding: 10px 7px;
}


.saiyou_career_mainimage td p {
    font-size: 30px;
    margin-top: 0;
}

.saiyou_career_mainimage td br{
	display:none;
}

.pank li a {
    font-size: 11px;
}

.pank li {
    font-size: 11px;
}

#saiyou_hitodukuri h1 {
    margin: 40px auto 10px;
    padding: 0 0 20px 0;
    font-size: 22px;
    border-bottom: none;
}

.zouhuku {
	margin-top:20px;
    text-align: left;
    font-size: 13px;
    line-height: 2em;
}
#saiyou_hitodukuri th p, #saiyou_hitodukuri td p {
    font-size: 22px;
}

#saiyou_hitodukuri th p br, #saiyou_hitodukuri td p br{
display:none;
}


#saiyou_sinsotu .sinsotu02image div {
    min-height: 275px;
}

/* -------- 550px   ----- */
}
		
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 480px) {
	
header .logo {
    max-width: 100%;
    float: none;
    display:block;
    margin:0 auto;
}
	
#search-form {
    width:100%;
}

#index .infot table th{
	width:100%;
	display:block;
	border-right:0;
	border-bottom : 0;
}

#index .infot table td{
	width:100%;
	display:block;
}

#index {
    padding: 0 0;
}

#index .info > div {

    padding: 0 10px 50px 10px;
}

.imgprivacy {
    max-width: 50px !important;
}


#saiyou .s01 ul li{
	width:90%;
	margin:0.5%;
}

#saiyou .s02 {
    min-height:300px;
    margin-top:20px;
    padding: 10px 0 10px;
}


#saiyou .s04 p {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight:bold;
    text-shadow: 1px 1px 0 #000;
}

#saiyou .s04{
	background:url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back03.jpg) no-repeat -400px;
	background-size:cover;
}


#saiyou .s05 h2 {
    margin: 0;
    font-size: 35px;
    font-weight: normal;
}
#saiyou .s05 h2 span {
    color: #fa8d00;
    font-size: 45px;
}


#saiyou .s05 {
    min-height: auto;
    padding: 30px 20px;
    background: url(https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/A_back04.jpg) no-repeat;
    background-size: cover;
}


#saiyou{
	margin-bottom : 40px;
}

.taikanlogo img {
    max-width: 300px;
}


#saiyou_sinsotu .sinsotu02image div h2 {
    font-size: 32px;
    top: 52% !important;
    left: 15px;
	text-shadow: 1px 1px 3px #000;
}



#saiyou_sinsotu .mainimage div .mainsub {
	width:160px;
    position: absolute;
    bottom:10px;;
    font-size: 16px;
    font-weight: bold;
    /*font-size: 16px;*/
     
    left: 14px;
	text-shadow: 2px 0 1px #fff;
}

#saiyou_sinsotu .sinsotu02image div .mainsub {
    width:300px;
}

#saiyou_sinsotu .sinsotu01image div .mainsub{
    text-shadow: 2px 0 1px #fff;
	
}

#saiyou_sinsotu .sinsotu02image div .mainsub {
    text-shadow: 2px 0 1px #000;
}


#saiyou_sinsotu .mainimage div .mainname {
    position: absolute;
    bottom: -1%;
    right: 3%;
    font-size: 14px;
    font-weight:normal;
}

.entrylink {
    display: block;
    margin: 10px auto 0;
    padding-left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    
}

.entrylink a {
    display: inline-block;
	width:100%;
    padding: 5px 5px;
    border: 0;
    background: #ff9a00;
    color: #fff;
    box-shadow:none;
}

.entrylink li {
    margin: 1%;
    width:48%;
    text-align: center;

}


.w100 li {
    margin: 1%;
    width:98%;

}

#saiyou_sinsotu .tc {
    margin: 30px auto 10px;
    padding: 0 0 20px 0;
    font-size: 16px;
}

#saiyou_sinsotu .button li {
    margin: 0 1% auto;
    width: 92%;
    display:block;
}

.message > div {
    font-size: 14px;
    line-height: 1.6em;
}

#saiyou_sinsotu .subttl2 {
    padding: 40px 0 20px;
    font-size: 20px;
    color: #222;
    font-weight: bold;
    clear: both;
}


#saiyou .s04 div img {
    max-width: 35px;
}

#saiyou .s05 p br{
    display:none;
}


#saiyou_sinsotu .sinsotu01image img {
    max-width: 344px !important;
}


#saiyou_sinsotu .sinsotu01image img {
    max-width: 270px !important;
    bottom: -77px !important;
    
 }
 
#saiyou_sinsotu .sinsotu01image div {
    min-height: 296px;
}

/*
#saiyou_sinsotu .mainimage div img {
    bottom: 0;
    right:-20px;
}
*/


.kenshuuT th, .kenshuuT td{
	display:block;
}

#saiyou_sinsotu .message td {
	width:100%;}


#saiyou_sinsotu .message ul li {
    width: 100%;
}


.tc {
   border-bottom:0;
}

#saiyou_sinsotu .tc {
    max-width: 580px;
    margin: 20px auto 0;
    padding: 0 0 20px 0;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 1.8em;
    border-bottom:0
}

#recruit_fields .ul2 li {
    width: 100%;
    padding: 1%;
}


.voice_subttl {
    font-size: 19px;
}
.saiyou_career_mainimage td,
.voice_mainimage2 td {
    color: #fff;
    position: relative;
    padding-left:20px;
    text-align:left
}
.saiyou_career_mainimage td p,
.voice_mainimage2 td p {
   padding:0;
   margin:0 0 10px 0;
}




#saiyou_voice .saiyou_ttl h1 {
    font-size: 37px;
}

#saiyou_hitodukuri .demo {
    font-size: 22px;
}


.taikendetail {
	padding-bottom : 30px
	}
	
#saiyou_career .tc {
    font-size: 20px;
    padding:0 20px;
}

#saiyou_career .tc br{
	display:none;
}
#saiyou_career .senpaiwrap .senpai {
    width: 100% !important;
    margin: 0% !important;
}


.centering img {
    width: 100%;
}

.nabilink {
    margin: 20px auto 0;

}

.nabilink li{
    width:100%;
    margin-top:2%;
	
}


#saiyou_sinsotu .sinsotu02image div {
    min-height: 250px;
}


#saiyou .s07 p {
    margin-bottom: 10px;

}


.subttl2 .heading span {
    padding: 0px;
}

.bline li{
    font-size:16px !important;
	width:100% !important;
	text-align:left !important;
}


.test_bannername {
    min-height: 100px!important;
    max-height: 300px !important;
}



/* -------- 480px   ----- */
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 400px) {
	
#saiyou_voice ul li {
    width: 100%;
}

#recruit_fields .ul3 li {
    width: 100%;
}

#saiyou_career .tc {
/* 	text-align:left */
	}



#saiyou_sinsotu .message .cal04 ul li {
    width: 100%;
}

#saiyou_sinsotu .message .cal03 ul li {
    width: 100%;
}

#saiyou_sinsotu .message .cal01 {
    width: 100%;
}

#saiyou_sinsotu .message .cal01 ul li {
    width: 100%;
}

#saiyou_sinsotu .sinsotu02image div {
    min-height: 220px;
}

/* -------- 400px   ----- */
}

/*IE11*/
@media all and (-ms-high-contrast:none){
    
	*::-ms-backdrop, #saiyou .s03 ul{
		overflow: hidden;
	}
	
	*::-ms-backdrop, #saiyou .s03 ul li img {
		width:100%;
	}
	
	*::-ms-backdrop, #saiyou .s03 ul li {
		box-sizing: border-box;
		float: left;
	}
    *::-ms-backdrop, header > ul  li img{
    	width:100%;
	}
}

@media only screen and (max-width: 350px) {

#saiyou_sinsotu .sinsotu02image div {
    min-height: 200px;
}
}
/*新卒採用ステップ*/
@media only screen and (min-width: 780px) {
	.step *{
		margin:0;
		padding:0;
	}
	.step p,.webinterview li,h3{
		font-size:16px;
	}
	.step{
		max-width:1200px;
		padding:20px;
		margin:0 auto;
	}
	.step  > h3{
		text-align:center;
		font-size:30px;
		font-weight: bold;
		margin-top:40px;
	}
	.step  > .title {
		text-align:center;
		font-size: 18px;
		margin-top:40px;
		margin-bottom:40px;
	}

	.step > div{
		display: inline-block;
		width:48%;
		box-sizing: border-box;
		vertical-align: top;
		padding:40px;
		border-radius: 8px;
	}

	.step > div.senko1{
		margin-right:2%;
		background-color:#dbeef4;
	}
	
	
	
	
	.step > div.senko2{
		margin-left:2%;
		background-color:#ebf1de;
	}
	.step > div h4{
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}
	.step > div.senko1 h4{
		border-bottom:4px solid #0070c0;
	}
	.step > div.senko2 h4{
		border-bottom:4px solid #9bbb59;
	}
	.step > div>.title{
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		margin-top: 20px;
	}
	.step > div>.detail{
		text-align: center;
		margin-top:20px;
		margin-bottom: 20px;
	}
	.step > div p.btn {
		text-align: center;
		margin-top:20px;
		margin-bottom: 20px;
	}
	.step > div.senko1 p.btn a{
		display: inline-block;
		background-color:#0070c0;
		color:#fff;
		padding:10px 20px 10px 20px;
		font-weight:bold;
		width:60%;
	}
	.step > div.senko1 ul li:nth-child(1) div{
	    position:relative;
	}
	.step > div.senko1 ul li:nth-child(1) div .strong{
	    position:absolute;
	    right:-30px;
	    top:-30px;
	    z-index:9999;
	    background-color:#0070c0;
	    color:#fff;
	    text-align:center;
	    
	    width:120px;
	    height:120px;
        padding-top:35px;
	    text-align:center;
	    border-radius:50%;
	    box-sizing:border-box;
	}
  
  	.step > div.senko2 ul li:nth-child(1) div{
	    position:relative;
	}
	.step > div.senko2 ul li:nth-child(1) div .strong{
	    position:absolute;
	    right:-30px;
	    top:-30px;
	    z-index:9999;
	    background-color:#9bbb59;
	    color:#fff;
	    text-align:center;
	    
	    width:120px;
	    height:120px;
        padding-top:35px;
	    text-align:center;
	    border-radius:50%;
	    box-sizing:border-box;
	}
  
	.step > div.senko2 p.btn a{
		display: inline-block;
		background-color:#9bbb59;
		color:#fff;
		padding:10px 20px 10px 20px;
		font-weight:bold;
		width:60%;
	}
	.step > div ul li>div{
		border-radius: 8px;
		padding:20px;
	}
	.step > div.senko1 ul li>div{
		border:2px solid #0070c0;
	}
	.step > div.senko2 ul li>div{
		border:2px solid #9bbb59;
	}
	.step > div ul li .title{
		text-align: center;
		font-size: 24px;
		font-weight: bold;
	}
	.step > div ul li .detail{
		text-align: center;
	}
	.step > div ul li > p.img_yajirushi{
		text-align:center;
		width:80px;
		margin: 0 auto;
	}
	.step > div ul li > p.img_yajirushi img{
		width:100%;
	}
	.step > div ul li+li{
		margin-top:-15px;
	}
	
	/*体感レポート*/
	.taikanreport p,.taikanreport li{
		font-size:16px;
	}
	.taikanreport{
		max-width:1000px;
		padding-left:20px;
		padding-right: 20px;
		margin:0 auto;
	}
	.taikanreport h1 span{
		color:#c00000
	}
	.taikanreport section h2{
		font-weight:bold;
		text-align:center;
		font-size: 28px;
		margin-bottom:60px;
	}
	.taikanreport section{
		text-align:center;
		margin-bottom: 80px;
	}
	.taikanreport section ul{
        text-align: center;
	}
	.taikanreport section ul li{ 
		width:800px;
		padding:20px;
		box-sizing:border-box;
		border:4px solid #336699;
		border-radius:10px;
		text-align: left;
		display:inline-block;
	}
	.taikanreport section ul li+li{
	    margin-top:20px;
	}
	.taikanreport section ul li span{
		font-weight: bold;
	}
	.taikanreport section.sect1 ul{
		width:100%;
	}
	.taikanreport section.sect1 ul li:nth-child(1){

	}
	.taikanreport section.sect1 ul li:nth-child(2){

	}
	.taikanreport section.sect1 ul li:nth-child(3){

	}
	.taikanreport section.sect1 ul li:nth-child(4){

	}
	.taikanreport section.sect2 ul{
		width:100%;
	}
	.taikanreport section.sect2 ul li:nth-child(1){

	}
	.taikanreport section.sect2 ul li:nth-child(2){

	}
	.taikanreport section.sect2 ul li:nth-child(3){

	}
	.taikanreport section.sect3 ul{
		width:100%;
	}
	.taikanreport section.sect3 ul li:nth-child(1){

	}
	.taikanreport section.sect3 ul li:nth-child(2){

	}
	.taikanreport section.sect3 ul li:nth-child(3){

	}
	.taikanreport section.sect3 ul li:nth-child(4){

	}
}


@media screen and (max-width: 779px) {
	.step *{
		margin:0;
		padding:0;
	}
	.step p,.webinterview li,h3{
		font-size:16px;
	}
	.step{
		max-width:1200px;
		padding:20px;
		margin:0 auto;
	}
	.step  > h3{
		text-align:center;
		font-size:26px;
		font-weight: bold;
		margin-top:40px;
	}
	.step  > .title {
		text-align:center;
		font-size: 16px;
		margin-top:40px;
		margin-bottom:40px;
	}

	.step > div{
		box-sizing: border-box;
		vertical-align: top;
		padding:40px;
		border-radius: 8px;
	}

	.step > div.senko1{
		background-color:#dbeef4;
	}
	.step > div.senko2{
		background-color:#ebf1de;
		margin-top:20px;
	}
	.step > div h4{
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}
	.step > div.senko1 h4{
		border-bottom:4px solid #0070c0;
	}
	.step > div.senko2 h4{
		border-bottom:4px solid #9bbb59;
	}
	.step > div>.title{
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		margin-top: 20px;
	}
	.step > div>.detail{
		text-align: center;
		margin-top:20px;
		margin-bottom: 20px;
	}
	.step > div p.btn {
		text-align: center;
		margin-top:20px;
		margin-bottom: 20px;
	}
	.step > div.senko1 p.btn a{
		display: inline-block;
		background-color:#0070c0;
		color:#fff;
		padding:10px 20px 10px 20px;
		font-weight:bold;
		width:80%;
	}
	.step > div.senko1 ul li:nth-child(1) div{
	    position:relative;
	}
	.step > div.senko1 ul li:nth-child(1) div .strong{
	    position:absolute;
	    right:-40px;
	    top:-40px;
	    z-index:9999;
	    background-color:#0070c0;
	    color:#fff;
	    text-align:center;
	    font-size:12px;
	    
	    width:90px;
	    height:90px;
        padding-top:25px;
	    text-align:center;
	    border-radius:50%;
	    box-sizing:border-box;
	}
	.step > div.senko2 p.btn a{
		display: inline-block;
		background-color:#9bbb59;
		color:#fff;
		padding:10px 20px 10px 20px;
		font-weight:bold;
		width:60%;
	}
	.step > div ul li>div{
		border-radius: 8px;
		padding:20px;
	}
	.step > div.senko1 ul li>div{
		border:2px solid #0070c0;
	}
	.step > div.senko2 ul li>div{
		border:2px solid #9bbb59;
	}
	.step > div ul li .title{
		text-align: center;
		font-size: 24px;
		font-weight: bold;
	}
	.step > div ul li .detail{
		text-align: center;
	}
	.step > div ul li > p.img_yajirushi{
		text-align:center;
		width:80px;
		margin: 0 auto;
	}
	.step > div ul li > p.img_yajirushi img{
		width:100%;
	}
	.step > div ul li+li{
		margin-top:-15px;
	}
}
/*WEB面接*/
@media screen and (min-width: 780px) {
	.webinterview *{
		margin:0;
		padding:0;
	}
	.webinterview p,.webinterview li,.webinterview dt,.webinterview dd{
		font-size:16px;
	}
	.webinterview{
		max-width:1200px;
		padding:20px;
		margin:0 auto;
	}
	.webinterview > p.title{
		text-align: center;
		font-size:18px;
		margin-top:40px;
	}
	.webinterview > figure{
		margin-top:60px;
		padding-bottom:40px;
		border-bottom:2px solid #aaa;
	}
	.webinterview > figure > figcaption{
		text-align:center;
		font-size:30px;
		font-weight: bold;
		margin-bottom:40px;
	}
	.webinterview > figure ul{
		max-width:900px;
		margin: 0 auto;
	}
	.webinterview > figure ul li+li{
		margin-top:20px;
	}
	.webinterview > figure ul li div.title{
		display: inline-block;
		width:30%;
	}
	.webinterview > figure ul li div.title p{
		display: table;
		width:100%;
	}
	.webinterview > figure ul li div.title p span:nth-child(1){
		display:table-cell;
		font-size:30px;
		font-weight: bold;
		width:30%;
		height: 70px;
		line-height: 70px;
		box-sizing: border-box;
		background-color: #4bacc6;
		
		text-align: center;
		vertical-align: middle;
	}
	.webinterview > figure ul li div.title p span:nth-child(2){
		display:table-cell;
		font-size:20px;
		font-weight: bold;
		width:70%;
		text-align: center;
		height: 70px;
		vertical-align: middle;
		background-color: #dbeef4;
		
		padding:10px;
		box-sizing: border-box;
	}
	.webinterview > figure ul li p.detail{
		display: inline-block;
		width:70%;
		vertical-align: top;
		padding:10px 0 0 20px;;
	}
	.webinterview > figure ul li p.img_next{
		width:40px;
		margin-left:15%;
	}
	.webinterview > figure ul li p.img_next img{
		width:100%;
	}
	.webinterview > dl{
		max-width: 900px;
		margin: 0 auto;
		margin-bottom:40px;
		margin-top:40px;
	}
	.webinterview > dl dt{
		font-weight: bold;
		font-size:20px;
	}
	.webinterview > dl dd+dt{
		margin-top:20px;
	}
	.webinterview >p.btn{
		background-color:#a00;
		width:350px;
		margin: 0 auto;
	}
	.webinterview >p.btn a{
		display:block;
		color:#fff;
		font-size:24px;
		font-weight: bold;
		text-align: center;
		height: 50px;
		line-height: 50px;
		letter-spacing: 2px;
	}
}
@media screen and (max-width: 779px) {
	.webinterview *{
		margin:0;
		padding:0;
	}
	.webinterview p,.webinterview li,.webinterview dt,.webinterview dd{
		font-size:16px;
	}
	.webinterview{
		max-width:1200px;
		padding:20px;
		margin:0 auto;
	}
	.webinterview > p.title{
		text-align: left;
		font-size:16px;
		margin-top:20px;
	}
	.webinterview > figure{
		margin-top:40px;
		padding-bottom:20px;
		border-bottom:2px solid #aaa;
	}
	.webinterview > figure > figcaption{
		text-align:center;
		font-size:26px;
		font-weight: bold;
		margin-bottom:20px;
	}
	.webinterview > figure ul{
		max-width:900px;
		margin: 0 auto;
	}
	.webinterview > figure ul li+li{
		margin-top:20px;
	}
	.webinterview > figure ul li{
		text-align: center;
	}
	.webinterview > figure ul li div.title{
		display: inline-block;
		width:100%;
	}
	.webinterview > figure ul li div.title p{
		display: table;
		width:100%;
	}
	.webinterview > figure ul li div.title p span:nth-child(1){
		display:table-cell;
		font-size:30px;
		font-weight: bold;
		width:30%;
		height: 70px;
		line-height: 70px;
		box-sizing: border-box;
		background-color: #4bacc6;
		
		text-align: center;
		vertical-align: middle;
	}
	.webinterview > figure ul li div.title p span:nth-child(2){
		display:table-cell;
		font-size:20px;
		font-weight: bold;
		width:70%;
		text-align: center;
		height: 70px;
		vertical-align: middle;
		background-color: #dbeef4;
		
		padding:10px;
		box-sizing: border-box;
	}
	.webinterview > figure ul li p.detail{
		display: inline-block;
		vertical-align: top;
		padding:10px 0 0 10px;
		text-align: left;
	}
	.webinterview > figure ul li p.img_next{
		width:40px;
		margin: 0 auto;
		margin-top:10px;
	}
	.webinterview > figure ul li p.img_next img{
		width:100%;
	}
	.webinterview > dl{
		max-width: 900px;
		margin: 0 auto;
		margin-bottom:40px;
		margin-top:40px;
	}
	.webinterview > dl dt{
		font-weight: bold;
		font-size:18px;
	}
	.webinterview > dl dd+dt{
		margin-top:20px;
	}
	.webinterview >p.btn{
		background-color:#a00;
		width:300px;
		margin: 0 auto;
	}
	.webinterview >p.btn a{
		display:block;
		color:#fff;
		font-size:20px;
		font-weight: bold;
		text-align: center;
		height: 50px;
		line-height: 50px;
		letter-spacing: 2px;
	}
    #saiyou .s08{
        box-sizing:border-box;
        padding-top:190px;
        height:470px;
        background-image:url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/bkimg_webinterview.jpg');
        background-size:contain;
        background-repeat:no-repeat;
        background-position:0 0;
    }
    #saiyou .s08 div{
        background-color:rgba(255,255,255,0.82);
        padding:10px;
        padding-bottom:20px;
        max-width:400px;
        margin-bottom:40px;
        border-radius:4px;
    }
    #saiyou .s08 div h2 {
        font-size: 30px;
        font-weight: normal;
        text-align:center;
        margin-bottom:0;
        margin-top:10px;
    }
    #saiyou .s08 div h2 span {
        color: #0076d7;
        font-size: 34px;
    }
    #saiyou .s08 div h3 {
        font-size: 20px;
        font-weight: normal;
        text-align:center;
        margin-top:10px;
        margin-bottom:10px;
        
    }
    #saiyou .s08 div h3 span {
        color: #0076d7;
        font-size: 20px;
    }
    
	.saiyou_web .webinterview{
	    border-top:3px #0155a5 solid;
	    padding-top:40px;
	}
	.saiyou_web .webinterview div.img{
        background-image:url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/bkimg_webinterview.jpg');
        background-size:cover;
        max-width:900px;
        height:400px;
        margin:0 auto;
        
        padding-top:100px;
        padding-left:30px;
        box-sizing:border-box;
	}
	.saiyou_web .webinterview div.img>div{
        margin:0;
        padding:0;
	}
	
	.saiyou_web .webinterview div.img >div p{
        font-size:18px;
        text-align:left;
	}
	.saiyou_web .webinterview a.{

        margin:0 auto;
	    margin-top:60px;
	    width:250px;
	}
	
	/*体感レポート*/
	.taikanreport p,.taikanreport li{
		font-size:16px;
	}
	.taikanreport{
		max-width:1000px;
		padding-left:20px;
		padding-right: 20px;
	}
	.taikanreport h1 span{
		color:#c00000
	}
	.taikanreport section h2{
		font-weight:bold;
		text-align:center;
		font-size: 20px;
		margin-bottom:40px;
	}
	.taikanreport section{
		margin-bottom: 40px;
	}
	.taikanreport section ul{

	}
	.taikanreport section ul li{ 
		padding:10px;
		box-sizing:border-box;
		border:4px solid #336699;
		border-radius:10px;
		text-align: left;
	}
	.taikanreport section ul li span{ 
		font-weight:bold;
	}
	.taikanreport section ul li+li{
		margin-top:20px;
	}
/*-----------------------------------
/*    新卒採用 かんたんガイド
/*----------------------------------*/
    //バナー
	#saiyou_sinsotu .mainimage2 div {
			min-height: auto;	
		}
	#saiyou_sinsotu .mainimage2 div img {
    max-width: 100%;
    position:relative;
    right: auto;
    bottom: auto;
    z-index: 0;
	}
	.guide_img{
		width:30%;
		display: inline-block;
	}
	.guide_txt{
		width:70%;
		display: inline-block;
		margin:0;
		vertical-align: top;
		margin-top: 50px;
		
	}
	.guide_txt span:nth-child(1){
		text-align: center;
		display:block;
		font-size:20px;
	}
	.guide_txt span:nth-child(2){
		display:block;
		text-align: center;
		font-size:40px;
		font-weight: bold;
	}

    //本文
	.formList dt, dd {
		padding: 0!important;
		display: block!important;
		margin-left: 0!important;
	}
	.recruit_guide{
		max-width:1200px;
		padding-left:20px;
		padding-right:20px;
		margin:0 auto;
	}
	.recruit_guide p.detail{
		text-align: center;
		font-size:18px;
		margin-top:40px;
		margin-bottom:40px;
	}
	.recruit_guide>ul{
		text-align: center;
	}
	.recruit_guide>ul li{
		width:45%;
		display:inline-block;
	}
	.recruit_guide>ul li a{
		background-image: url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/check_small.png');
		background-repeat: no-repeat;
		background-size:contain;
		text-align: left;
		display: block;
		padding-left:30px;
		font-size:18px;
		color:#0BCAEB;
	}
	.recruit_guide section{
		margin-top:60px;
	}
	.recruit_guide section h3{
		background-image: url('https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/check_small.png');
		background-repeat: no-repeat;
		background-size:contain;
		border-bottom:3px solid #0BCAEB;
		font-size:24px;
		color:#0BCAEB;
		padding-left:45px;
	}
	.recruit_guide section dl dd+dt{
		margin-top:40px;
	}
	.recruit_guide section dl dt{
		font-size:20px;
		font-weight:bold;
	}
	.recruit_guide section dl dd>p{

	}
	.recruit_guide section dl dd>p img{
		width:100%;
		height:auto;
	}
	.recruit_guide section dl dd>div{

	}
	.recruit_guide section dl dd>div p{
		font-size:16px;
		box-sizing: border-box;
	}
	.recruit_guide section dl dd>div p.btn{
		text-align: center;
	}
	.recruit_guide section dl dd>div p.btn a{
		width:200px;
		height: 40px;
		line-height: 40px;
		background-color:#0058aa;
		color:#fff;
		display: inline-block;
		margin-top:10px;
	}
	.recruit_guide section.sect5 figcaption{
	    font-weight:bold;
	}
	.recruit_guide section.sect5 figure{
	    margin:0;
	}
    .recruit_guide section.sect5 figure ul li a{
        color:#00a;
        text-decoration:underline;
    }
}
/*-----------------------------------
/*     RFID鍵・物品管理システム導入事例
/*----------------------------------*/
@media screen and (max-width: 779px) {
	.detail4_voice p,.detail4_voice li,.detail4_voice figcaption{
		font-size:16px;
		margin:0;
		padding:0;
	}
	.detail4_voice .sect2,
	.detail4_voice .sect3,
	.detail4_voice .sect4,
	.detail4_voice .sect5{
		text-align: center;	
	}
	.detail4_voice .sect1 h3,
	.detail4_voice .sect5 h3{
		background: #2989d8;
		color:#fff;
		font-size:20px;
		padding:10px;
		background: -prefix-linear-gradient(left,#2989d8, white);
		background: linear-gradient(to right,#2989d8, white);
	}
	.detail4_voice .sect2 h3,
	.detail4_voice .sect3 h3,
	.detail4_voice .sect4 h3{
		border-bottom:1px #005bac solid;
		font-size:24px;
		font-weight: bold;
		display: inline-block;
		width:auto;
		padding-left:20px;
		padding-right:20px;
		color:#005bac;
		margin-bottom: 20px;
	}
	.detail4_voice .sect2 > *,
	.detail4_voice .sect3 > *,
	.detail4_voice .sect4 > *,
	.detail4_voice .sect5 > *{
		text-align: left;	
	}
	.detail4_voice figure{
		margin:0;
	}
	.detail4_voice figcaption{
		padding:5px;
	}
	
	
	.detail4_voice .btnGroup{
		text-align: center;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.detail4_voice .btnGroup li{
		width:80%;
		display: inline-block;
	}
	.detail4_voice .btnGroup li a{
		text-align: center;
		padding: 14px 0;
		display: block;
		background: #0452fa;
		margin-top: 10px;
		color: #fff;
		font-weight: bold;
		box-shadow: 3px 3px 0 #ccc;
	}
	.detail4_voice .btnGroup li:nth-child(2) a{
	    background-color:#24cae3;
	}
	.detail4_voice .btnGroup li+li{
		margin-top:10px;
	}
	
	
	
	.detail4_voice .sect1 .subtitle{
		text-align: center;
		font-size:20px;
		margin-top:40px;
		margin-bottom:20px;
		letter-spacing: 4px;
	}
	.detail4_voice .sect1  > div > div{

	}
	.detail4_voice .sect1  > div > div >p{
	    margin-top:20px;
	    font-size:18px;
	    font-weight:bold;
	}
	.detail4_voice .sect1  > div > div div.youtube{
	    text-align:center;
	    margin-top:20px;
	}
	.detail4_voice .sect1  > div > div div.youtube .btn_watch{
	    display:inline-block;
	    width:60%;
	    height:120px;
	    line-height:120px;
	    color:#ff8c00;
	    border:4px solid #ff8c00;
	    font-size:30px;
	    letter-spacing:4px;
	    font-weight:bold;
	}
	.detail4_voice .sect1  > div > div div.youtube .cta_button{
        margin:0 auto;
	}
	.detail4_voice .sect1  > div > div div.youtube .cta_button img{
        width:30%;
        margin-left:5%;
	}
	.detail4_voice .sect1 figcaption{

	}
	.detail4_voice .sect1 .schoolName{
        font-size:18px;
	}
	.detail4_voice .sect1 .name{
        font-size:18px;
	}
	.detail4_voice .sect1 .pconly{
        display:none;
	}
	
	
	.detail4_voice .sect2 > div >figure{
		display:inline-block;
		vertical-align: top;
	}
	.detail4_voice .sect2 > div >div{
		display:inline-block;
		vertical-align: top;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	
	.detail4_voice .sect3 > div >figure{
		display:inline-block;
		vertical-align: top;
	}
	.detail4_voice .sect3 > div >div{
		display:inline-block;
		vertical-align: top;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	
	.detail4_voice .sect4 > div >figure{
		display:inline-block;
		vertical-align: top;
	}
	.detail4_voice .sect4 > div >div{
		display:inline-block;
		vertical-align: top;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	
	.detail4_voice .sect5 p.strong{
		text-align: center;
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		font-weight: bold;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.detail4_voice .sect5 ul.points{
		position: relative;
		margin-top:40px;
	}
	.detail4_voice .sect5 ul.points li{
		font-size:16px;
		padding-left:35px;
	}
	.detail4_voice .sect5 ul.points li:before{
		content:'.';
		display:inline-block;
		border:3px #2989d8 solid;
		width:15px;
		height: 15px;
		margin: 3px;
		text-indent: -9999px;
		
		position: absolute;
		left: 0;
	}
	.detail4_voice .sect5 ul.points li+li{
		margin-top:10px;
	}
}
#product .btn_uservoice{
    display:inline-block;
    background-color:#a00!important;
    box-shadow:3px 3px #333;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 20px;
}
#product .btn_uservoice a{
    color:#fff!important;
}
/**--------------------------------------**/
/**-------------追加ステップ-------------**/
/**--------------------------------------**/
@media screen and (max-width: 779px) {
	.main_content{
		max-width:1200px;
		margin:0 auto;
	}
	.main_content h1{
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
		font-size:20px;
	}
	.main_content p.subttl{
		font-weight:normal!important;
		font-size:18px;
	}
	.main_content figure{
		max-width:900px;
		margin:0 auto;
		margin-left:2%;
		margin-right:2%;
	}
	.main_content figure figcaption{
		color:#9ac700;
		font-size:20px;
		font-weight:bold;
		text-align:center;
		margin-bottom:40px;
	}
	.main_content figure ul li div{
		display:table;
		border:4px solid #9bbb59;
		width:100%;
	}
	.main_content figure ul li div p:nth-child(1){
		display:table-cell;
		background-color:#9bbb59;
		margin:0;

		font-size:18px;
		font-weight:bold;
		padding-left:10px;
		padding-right:10px;
		color:#fff;
		
		text-align:center;
		width:5%;
		vertical-align:middle;
	}
	.main_content figure ul li div p:nth-child(2){
		display:table-cell;
		margin:0;
		background-color:#ebf1de;
		width:35%;
		vertical-align:middle;
		
		font-weight:bold;
		font-size:18px;
		padding:10px;
		text-align:center;
	}
	.main_content figure ul li div p:nth-child(3){
		display:table-cell;
		margin:0;
		width:60%;

		font-size:16px;
		padding:10px;
	}
	.main_content figure ul li div p:nth-child(3) span{
		display:block;
		background-color:#9bbb59;
		display:inline-block;
		padding:10px;
		color:#fff;
		border-radius:10px;
		margin-top:20px;
		text-align:center;
		font-weight:bold;
	}
	.main_content figure ul li>p{
		width:60px;
		margin:0 auto;
	}
	.main_content figure ul li>p img{
		width:100%;
	}
	.main_content div.form{
		margin-top:60px;
	}
	.main_content div.form p{
		text-align:center;
		font-size:20px;
		font-weight:bold;
		margin-left:2%;
		margin-right:2%;
	}
	.main_content div.form p a{
		width:100%;
		text-align:center;
		height:60px;
		line-height:60px;
		display:inline-block;
		background-color:#a00;

		font-size:24px;
		color:#fff;
	}
	.main_content figure dl dt{
		font-size:16px;
		font-weight:bold;
	}
	.main_content figure dl dd{
		font-size:16px;
	}
	.main_content figure dl dd+dt{
		margin-top:20px;
	}
	.main_content figure.sect3{
		margin-top:40px;
	}
	.main_content figure.sect3 figcaption{
		color:#000;
		text-align:left;
		font-size:18px;
		margin-bottom:0;
	}
	.main_content figure.sect3 dl{

	}
	.eyecatch{
		width:100%;
	}
	.eyecatch div{
		background-image: url("https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/eyecatch.png");
		background-repeat:no-repeat;
		background-size:contain;
		width:100%;
		max-width:1200px;
		padding-bottom:15%;
		padding-top:10%;
		box-sizing:border-box;
		margin:0 auto;
	}
	.eyecatch div p:nth-child(1){
		font-size:20px;
		font-weight:bold;
		margin:0;
		margin-left:20px;
		line-height:1.2em;
	}
	.eyecatch div p:nth-child(2){
		font-size:28px;
		font-weight:bold;
		color:#fff;
		margin:0;
		margin-left:20px;
		line-height:1.2em;
	}
	.eyecatch div p:nth-child(2) span{
		color:#9ac700;
	}
}



/**ブログ導入ページ**/
@media screen and (min-width: 780px) {
	.main_content2 p,.main_content2 dt,.main_content2 dd,.main_content2 li,.main_content2 figcaption{
		font-size:16px;
	}
	.main_content2{
		width:1000px;
		margin:0 auto;
	}
	.main_content2 dl{
		margin-top:20px;
		margin-bottom:40px;
	}
	.main_content2 dl dt{
		font-weight: bold;
		font-size:16px;
	}
	.main_content2 dl dd+dt{
		margin-top:20px;
	}
	.main_content2 section h3{
		text-align: center;
		font-size:24px;
		border-bottom:2px solid #005BAC;
		padding-top:10px;
		padding-bottom:10px;
	}
	.main_content2 section>div{
		margin-top:40px;
		margin-bottom:40px;
	}
	.main_content2 section>div p.subtitle{
		font-weight: bold;
		font-size:20px;
	}
	.main_content2 section div figure{
		margin:0;
	}
	.main_content2 section div figure figcaption{
		font-weight:bold;
	}
	.main_content2 section div figure ul{
		border-top:1px solid #333;
		border-bottom:1px solid #333;
	}
	.main_content2 section div figure ul li{
		padding-top:10px;
		padding-bottom:10px;
	}
	.main_content2 section div figure ul li span{
		display:inline-block;
		width:50%;
	}
	.main_content2 section div figure ul li+li{
		border-top:1px dotted #333;
	}
	.main_content2 section .btn{
		text-align:center;
	}
	.main_content2 section .btn a{
		display:inline-block;
		width:350px;
		height:45px;
		line-height:45px;
		background-color:#a00;
		text-align: center;
		color:#fff;
		font-size:22px;
	}
	.eyecatch2{
		width:100%;
		height:400px;
		background-color: #ccc;
	}
	.eyecatch2 div{
		background-image: url("https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/bosyuyoukou.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		width:100%;
		max-width:1500px;
		height:400px;
		padding-left:80px;
		padding-top:170px;
		box-sizing:border-box;
		margin:0 auto;
	}
	.eyecatch2 div p:nth-child(1){
		font-size:35px;
		font-weight:bold;
		margin:0;
		line-height:1.2em;
	}
	.eyecatch2 div p:nth-child(2){
		font-size:80px;
		font-weight:bold;
		color:#fff;
		margin:0;
		line-height:1.2em;
	}
	.eyecatch2 div p:nth-child(2) span{
		color:#9ac700;
	}
	
	
	
	.main_content2 figure ul li{
		display:table;
		width:100%;
	}
	.main_content2 figure ul li a{
		display:table-cell;
	}
	.main_content2 figure ul li a:last-child{
		font-weight:bold;
		color:#009;
	}
	.main_content2 figure.fig1 ul li a:nth-child(1){
		width:40%;
	}
	.main_content2 figure.fig1 ul li a:nth-child(2){
		width:45%;
	}
	.main_content2 figure.fig1 ul li a:nth-child(3){
		width:15%;
	}


	.main_content2 figure.fig2 ul li a:nth-child(1){
		width:85%;
	}
	.main_content2 figure.fig2 ul li a:nth-child(2){
		width:15%;
	}


	.main_content2 figure.fig3 ul li a:nth-child(1){
		width:40%;
	}
	.main_content2 figure.fig3 ul li a:nth-child(2){
		width:15%;
	}
	.main_content2 figure.fig3 ul li a:nth-child(3){
		width:30%;
	}
	.main_content2 figure.fig3 ul li a:nth-child(4){
		width:15%;
	}
}
	
@media screen and (max-width: 779px) {
	.main_content2 p,.main_content2 dt,.main_content2 dd,.main_content2 li,.main_content2 figcaption{
		font-size:14px;
	}
	.main_content2{
		max-width:1000px;
		margin:0 auto;
	}
	.main_content2 dl{
		margin-top:20px;
		margin-bottom:40px;
	}
	.main_content2 dl dt{
		font-weight: bold;
		font-size:14px;
	}
	.main_content2 dl dd+dt{
		margin-top:20px;
	}
	.main_content2 section{
		padding-left:2%;
		padding-right:2%;
	}
	.main_content2 section h3{
		text-align: center;
		font-size:20px;
		border-bottom:2px solid #005BAC;
		padding-top:10px;
		padding-bottom:10px;
	}
	.main_content2 section>div{
		margin-top:20px;
		margin-bottom:20px;
	}
	.main_content2 section>div p.subtitle{
		font-weight: bold;
		font-size:20px;
	}
	.main_content2 section div figure{
		margin:0;
	}
	.main_content2 section div figure figcaption{
		font-weight:bold;
	}
	.main_content2 section div figure ul{
		border-top:1px solid #333;
		border-bottom:1px solid #333;
	}
	.main_content2 section div figure ul li{
		padding-top:10px;
		padding-bottom:10px;
	}
	.main_content2 section div figure ul li span{
		display:inline-block;
		width:50%;
	}
	.main_content2 section div figure ul li+li{
		border-top:1px dotted #333;
	}
	.main_content2 section .btn{
		text-align:center;
	}
	.main_content2 section .btn a{
		display:inline-block;
		width:96%;
		height:45px;
		line-height:45px;
		background-color:#a00;
		text-align: center;
		color:#fff;
		font-size:22px;
	}
	
	.main_content2 figure ul li{
		width:100%;
		padding-left:2%;
		padding-right:2%;
	}
	.main_content2 figure ul li a{

	}
	.main_content2 figure ul li a:first-child{
	    display:block;
	    font-weight:bold;
	}
	.main_content2 figure ul li a:last-child{
		font-weight:bold;
		color:#009;
		display:block;
		text-align:right;
		margin-top:-1.5em;
	}
	.main_content2 figure.fig1 ul li a:nth-child(1){

	}
	.main_content2 figure.fig1 ul li a:nth-child(2){

	}
	.main_content2 figure.fig1 ul li a:nth-child(3){

	}


	.main_content2 figure.fig2 ul li a:nth-child(1){

	}
	.main_content2 figure.fig2 ul li a:nth-child(2){

	}


	.main_content2 figure.fig3 ul li a:nth-child(1){

	}
	.main_content2 figure.fig3 ul li a:nth-child(2){
        display:inline-block;
        width:25%;
	}
	.main_content2 figure.fig3 ul li a:nth-child(3){
        display:inline-block;
        width:75%;
	}
	.main_content2 figure.fig3 ul li a:nth-child(4){

	}
	
	.eyecatch2{
		width:100%;
	}
	.eyecatch2 div{
		background-image: url("https://cdn2.hubspot.net/hubfs/2552579/2017newsite/images/bosyuyoukou.jpg");
		background-repeat:no-repeat;
		background-size:contain;
		width:100%;
		max-width:1200px;
		padding-bottom:23%;
		padding-top:10%;
		box-sizing:border-box;
		margin:0 auto;
	}
	.eyecatch2 div p:nth-child(1){
		font-size:20px;
		font-weight:bold;
		margin:0;
		margin-left:20px;
		line-height:1.2em;
	}
	.eyecatch2 div p:nth-child(2){
		font-size:28px;
		font-weight:bold;
		color:#fff;
		margin:0;
		margin-left:20px;
		line-height:1.2em;
	}
	.eyecatch2 div p:nth-child(2) span{
		color:#9ac700;
	}
}


/**募集分類ページ**/
@media screen and (min-width: 780px) {
	.main_content3{
		max-width:1200px;
		margin:0 auto;
		padding-top:40px;
	}
	.main_content3 .title{
		font-size:18px;
		text-align:center;
		margin-bottom:20px;
	}
	.main_content3 figure figcaption{
		margin-bottom:20px;
		font-size:26px!important;
		font-weight:bold;
	}
	.main_content3 figure ul{
		letter-spacing:-100px;
	}
	.main_content3 figure ul li{
		width:32%;
		display:inline-block;
		letter-spacing:normal;
	}
	.main_content3 figure ul li{
		margin-left:2%;
		background-color:#aaa;
	}
	.main_content3 figure ul li a{
		display:block;
		text-align:center;
		height:50px;
		line-height:50px;
		font-size:18px;
	}
	.main_content3 figure ul li a:hover{
		opacity:0.6;
	}
	.main_content3 figure.sect1 ul li a{
		background-color:#dbeef4;
	}
	.main_content3 figure.sect1 figcaption{
		color:#0070c0;
		border-bottom:2px #0070c0 solid;
	}
	.main_content3 figure.sect2 ul li a{
		background-color:#ebf1de;
	}
	.main_content3 figure.sect2 figcaption{
		color:#9bbb59;
		border-bottom:2px #9bbb59 solid;
	}
	.main_content3 figure.sect3 ul li a{
		background-color:#e6e0ec;
	}
	.main_content3 figure.sect3 figcaption{
		color:#8064a2;
		border-bottom:2px #8064a2 solid;
	}
	.main_content3 figure ul li:nth-child(3n+1){
		margin-left:0;
	}
	.main_content3 figure ul li:nth-child(n+4){
		margin-top:10px;
	}
	.main_content3 figure{
		margin-top:40px;
	}
	.main_content3 figure.sect1{
		margin-top:0;
	}
}
@media screen and (max-width: 779px) {
	.main_content3{
		width:100%;
		margin:0 auto;
		padding-top:40px;
	}
	.main_content3 .title{
		font-size:16px;
		text-align:center;
		margin-bottom:20px;
	}
	.main_content3 figure figcaption{
		margin-bottom:20px;
		font-size:22px!important;
		font-weight:bold;
	}
	.main_content3 figure ul{
		letter-spacing:-100px;
	}
	.main_content3 figure ul li{
		width:48%;
		display:inline-block;
		letter-spacing:normal;
	}
	.main_content3 figure ul li{
		margin-left:4%;
		background-color:#aaa;
	}
	.main_content3 figure ul li a{
		display:block;
		text-align:center;
		height:50px;
		line-height:50px;
		font-size:12px;
	}
	.main_content3 figure.sect1 ul li a{
		background-color:#dbeef4;
	}
	.main_content3 figure.sect1 figcaption{
		color:#0070c0;
		border-bottom:2px #0070c0 solid;
	}
	.main_content3 figure.sect2 ul li a{
		background-color:#ebf1de;
	}
	.main_content3 figure.sect2 figcaption{
		color:#9bbb59;
		border-bottom:2px #9bbb59 solid;
	}
	.main_content3 figure.sect3 ul li a{
		background-color:#e6e0ec;
	}
	.main_content3 figure.sect3 figcaption{
		color:#8064a2;
		border-bottom:2px #8064a2 solid;
	}
	.main_content3 figure ul li:nth-child(2n+1){
		margin-left:0;
	}
	.main_content3 figure ul li:nth-child(n+3){
		margin-top:10px;
	}
	.main_content3 figure{
		margin-top:20px;
	}
	.main_content3 figure.sect1{
		margin-top:0;
	}
}

.setIconNext::after {
    content: "\f101";
    font-family: FontAwesome;
}

  /* 201904 追加　YouTube Responsive CSS for HubSpot */ 

.hs-responsive-embed { 
  position: relative; 
height:0; 
overflow: hidden; 
padding-top:0; 
padding-left:0; 
padding-right:0;  
 } 

.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed { 
 position: absolute; 
top:0; 
left:10; 
width:100%; 
height:100%; 
border:0; 
 } 

.hs-responsive-embed, 
.hs-responsive-embed.hs-responsive-embed-youtube, 
.hs-responsive-embed.hs-responsive-embed-wistia, 
.hs-responsive-embed.hs-responsive-embed-vimeo { 
 padding-bottom:56.25%; 
}