@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@charset "shift_jis";

/*フォント設定*/
.f200 					{ font-size: 200%; line-height: 180%}
.f200b 					{ font-size: 200%; line-height: 180%;  font-weight: bold;}
.f180b 					{ font-size: 180%; line-height: 180%;  font-weight: bold; font-family:'Noto Sans JP'; }
.f140 					{ color: #3C464D; font-size: 140%; line-height: 150%}
.f140b 					{ color: #3C464D; font-size: 140%; line-height: 150%; font-weight: bold}
.f120 					{ color: #3C464D; font-size: 120%; line-height: 140%}
.f120b 					{ color: #3C464D; font-size: 120%; line-height: 140%; font-weight: bold}
.f120white 				{ color: #FFFFFF; font-size: 120%; line-height: 140%; font-weight: bold}
.f125blue 				{ color: #375FD1; font-size: 120%; line-height: 140%;}
.f125green 				{ color: #2B956C; font-size: 120%; line-height: 140%;}
.f115 					{ color: #3C464D; font-size: 115%; line-height: 135%}
.f110 					{ color: #3C464D; font-size: 110%; line-height: 130%}
.f110b 					{ color: #3C464D; font-size: 110%; line-height: 130%; font-weight: bold}
.f100 					{ color: #3C464D; font-size: 100%; line-height: 125%}
.f100m 					{ font-family: "ＭＳ Ｐ明朝", "Osaka", "Arial"; color: #3C464D; font-size: 100%; line-height: 150%}
.f100h150 				{ color: #3C464D; font-size: 100%; line-height: 150%}
.f100h140 				{ color: #3C464D; font-size: 100%; line-height: 140%}
.f100b 					{ color: #3C464D; font-size: 100%; line-height: 125%; font-weight: bold}
.f95 					{ color: #3C464D; font-size: 95%; line-height: 121%}
.f90 					{ color: #3C464D; font-size: 90%; line-height: 121%}
.f90white 				{ color: #FFFFFF; font-size: 90%; line-height: 115%}
.f80 					{ color: #3C464D; font-size: 80%; line-height: 118%}
.f80b 					{ color: #3C464D; font-size: 80%; line-height: 118%; font-weight: bold}
.f80white 				{ color: #FFFFFF; font-size: 80%; line-height: 118%}
.f80red 				{ color: red; font-size: 80%; line-height: 118%}
.f75i 					{ color: red; font-size: 75%; line-height: 110% ;font-weight: bold; font-style: italic;}
.f75 					{ color: #3C464D; font-size: 75%; line-height: 110%}
.f_ul					{ color: #F23737;}
.f_helvetica_white	{text-align:center; color:#fff; font-family: Helvetica; font-style:italic; font-size:400%; font-weight:bold; line-height: 118%}
.f_helvetica_blue	{text-align:center; color:#275ec3; font-family: Helvetica; font-style:italic; font-size:400%; font-weight:bold; line-height: 118%}

/*基本body設定*/
body {
	background-color:#DADFE4;
	margin:0px;
	padding:0px;
	color: #3e3e3e; font-size: 75%; line-height: 170%;
/*	font-family: "メイリオ","ＭＳ Ｐゴシック", "Osaka", "Arial"; color: #3C464D; font-size: 75%; line-height: 150%;*/
	background-color:#FFFFFF;
}

body, textarea { font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Arial, sans-serif; }
input, select { font-family: Arial,"メイリオ",Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

p {
 margin: 0px;
 padding: 0px;
}


/*改行・余白*/
br.height1 {
	line-height: 1px;
}
br.height2 {
	line-height: 2px;
}
br.height3 {
	line-height: 3px;
}
br.height4 {
	line-height: 4px;
}
br.height5 {
	line-height: 5px;
}
br.height10 {
	line-height: 10px;
}
br.height15 {
	line-height: 15px;
}
br.height20 {
	line-height: 20px;
}
br.height25 {
	line-height: 25px;
}
br.height30 {
	line-height: 30px;
}
br.height35 {
	line-height: 35px;
}
br.height40 {
	line-height: 40px;
}
br.height80 {
	line-height: 80px;
}
br.height100 {
	line-height: 100px;
}
br.height300 {
	line-height: 300px;
}
br.clear{
	line-height: 0px;
	clear: both;
}

.br_pc { display:block; }
.br_sm { display:none; }

/*区切り線設定*/
hr.hr1{
	border: 1px #C9C9C9 solid; 
}
hr.hr2{
	border-style: dotted none none none; 
	border-top-width: 2px; 
	border-top-color: #C9C9C9; 
	height: 2px; 
}
hr.hr3{
	border-style: dotted none none none; 
	border-top-width: 2px; 
	border-top-color: #C9C9C9; 
	height: 1px; 
}
hr.hr4{
	margin:10px 0px 10px 0px;
	padding:0px;
	border-style: dotted none none none; 
	border-top-width: 1px; 
	border-top-color: #C9C9C9; 
	height: 1px; 
	display:block;
	text-align:left;
}

/*共通リンク設定*/
a:link {
text-decoration:none;
color: #4B5F98;
}
a:visited {
text-decoration:none;
color: #788BD2;
}
a:active {
text-decoration:none;
color:#F95858 ;
}
a:hover {
text-decoration:none;
color:#F95858 ;
}

/*サブメニュー設定*/
a.submenu:link{
	text-decoration:none;
	color: #3C464D;
}
a.submenu:visited{
	text-decoration:none;
	color: #3C464D;
}
a.submenu:active{
	text-decoration:none;
	color: #3566C4;
}
a.submenu:hover{
	text-decoration:none;
	color: #4971BD;
}

/*メインメニュー設定*/
a#mainmenu_top_1{
	display: block;
	width:130px;
	height:42px;
	background:url('../image/mainmenu_top_1_on.gif') no-repeat 0 0;
}
a#mainmenu_top_1:hover{
	background-color:#fff;
}
a#mainmenu_top_1:hover img{
	visibility:hidden;
}

a#mainmenu_top_2{
	display: block;
	width:128px;
	height:42px;
	background:url('../image/mainmenu_top_2_on.gif') no-repeat 0 0;
}
a#mainmenu_top_2:hover{
	background-color:#fff;
}
a#mainmenu_top_2:hover img{
	visibility:hidden;
}

a#mainmenu_top_3{
	display: block;
	width:128px;
	height:42px;
	background:url('../image/mainmenu_top_3_on.gif') no-repeat 0 0;
}
a#mainmenu_top_3:hover{
	background-color:#fff;
}
a#mainmenu_top_3:hover img{
	visibility:hidden;
}

a#mainmenu_top_4{
	display: block;
	width:128px;
	height:42px;
	background:url('../image/mainmenu_top_4_on.gif') no-repeat 0 0;
}
a#mainmenu_top_4:hover{
	background-color:#fff;
}
a#mainmenu_top_4:hover img{
	visibility:hidden;
}

a#mainmenu_top_5{
	display: block;
	width:128px;
	height:42px;
	background:url('../image/mainmenu_top_5_on.gif') no-repeat 0 0;
}
a#mainmenu_top_5:hover{
	background-color:#fff;
}
a#mainmenu_top_5:hover img{
	visibility:hidden;
}

a#mainmenu_top_6{
	display: block;
	width:128px;
	height:42px;
	background:url('../image/mainmenu_top_6_on.gif') no-repeat 0 0;
}
a#mainmenu_top_6:hover{
	background-color:#fff;
}
a#mainmenu_top_6:hover img{
	visibility:hidden;
}

a#mainmenu_top_7{
	display: block;
	width:133px;
	height:42px;
	background:url('../image/mainmenu_top_7_on.gif') no-repeat 0 0;
}
a#mainmenu_top_7:hover{
	background-color:#fff;
}
a#mainmenu_top_7:hover img{
	visibility:hidden;
}

/*リンクアイコン設定*/
a.link_80{
	background:url('../image/link.jpg') no-repeat 0px 1px;
	padding-left:12px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
a.link_80:hover{
	background:url('../image/link_on.jpg') no-repeat 0px 1px;
	padding-left:12px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
a.link_90{
	background:url('../image/link_01.gif') no-repeat 0px 2px;
	font-size:90%; padding-left:12px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
a.link_90:hover{
	background:url('../image/link_01_ul.gif') no-repeat 0px 2px;
	font-size:90%; padding-left:12px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.link_100{
	background:url('../image/link_01.gif') no-repeat 0px 3px;
	padding:0 0 0 12px;
}
.link_100:hover{
	background:url('../image/link_01_ul.gif') no-repeat 0px 3px;
	padding:0 0 0 12px;
}
.link_none{
	background:none;
}

a.download{
	background:url('../image/download.jpg') no-repeat 0px 0px;
	font-size:100%; padding-left:17px; padding-right:0px; padding-top:1px; padding-bottom:0px
}
a.download:hover{
	background:url('../image/download_on.jpg') no-repeat 0px 0px;
	font-size:100%; padding-left:17px; padding-right:0px; padding-top:1px; padding-bottom:0px
}

/*カラー無しリンク*/
a.color_none:link{
	text-decoration:none;
	color: #6D6D6D;
}
a.color_none:visited{
	text-decoration:none;
	color: #3C464D;
}
a.color_none:active{
	text-decoration:none;
	color: #3566C4;
}
a.color_none:hover{
	text-decoration:none;
	color: #6D6D6D;
}

/*カラー無し背景無しリンク設定*/
a.color_none_2{
	display:block;
}
a.color_none_2:link{
	color: #3e3e3e;
}
a.color_none_2:visited{
	color: #3e3e3e;
}
a.color_none_2:hover{
	text-decoration: none;
	color: #666;
}
a.color_none_2:active{
	color: #F95858;
}

a.color_none_3{
}
a.color_none_3:link{
	color: #3e3e3e;
}
a.color_none_3:visited{
	color: #3e3e3e;
}
a.color_none_3:hover{
	text-decoration: none;
	color: #1962e8;
}
a.color_none_3:active{
	color: #F95858;
}

/*
a[href^="http"] {
  background:url(../image/outlink_1.png) no-repeat right center;
  padding-right:18px;
  margin-right:5px;
}
a[href^="http"] {
  margin-right:-23px;
}
a[href^="https://www.ascentech.co.jp/"],
a[href^="http://www.ascentech.co.jp/"],
h4 a[href^="http"] {
  background:none;
  padding-right:0px;
  margin-right:0px;
}
*/

.ex_link {
	background-image:url('../image/link_01.gif'),url('../image/outlink_1.png');
	background-repeat:no-repeat,no-repeat;
	background-position:left center,right center;
	padding-right:18px;
}
.ex_link:hover{
	background-image:url('../image/link_01_ul.gif'),url('../image/outlink_1.png');
	background-repeat:no-repeat,no-repeat;
	background-position:left center,right center;
	padding-right:18px;
}
a.ex_link[href^="https://www.ascentech.co.jp/"],
a.ex_link[href^="http://www.ascentech.co.jp/"]
{
  background:none;
  padding-right:0px;
  margin-right:0px;
}

span.link{
	text-decoration:none;
	color: #4B5F98;
	background:url('../image/link_01.gif') no-repeat 0px 3px;
	padding:0 0 0 12px;
}
span.link:hover{
	text-decoration:none;
	color: #F95858;
	background:url('../image/link_01_ul.gif') no-repeat 0px 3px;
	padding:0 0 0 12px;
}
span.link:visited{
	text-decoration:none;
	color: #3C464D;
	background:url('../image/link_01_ul.gif') no-repeat 0px 3px;
	padding:0 0 0 12px;
}



.s_link:hover {
    background-color: rgba(255,255,255,0.7);
    -webkit-transition: all .5s;
    transition: all .5s;
//	border-bottom:4px #375fd1 solid;
}




/*リンク画像透過設定*/
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.navi-image a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

/*リストタグ設定*/
ul#submenu{
	margin: 0px 0px 0px -7px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #EEE; 
}
li#sub1_none{
	margin: 7px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
li#sub1{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_01.gif) no-repeat 9px 14px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
li#sub1 a{
	padding: 13px 0px 0px 23px;
	display: block;
	height:25px;
}
li#sub1 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 9px 14px;
	background-color:#FFFFFF;
	display: block;
	height:25px;
}
li#sub1_ul{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_01_ul.gif) no-repeat 9px 14px;
	border-bottom: 1px solid #EEE; 
	background-color:#FFFFFF;
	line-height:110%;
}
li#sub1_ul a{
	padding: 13px 0px 0px 23px;
	display: block;
	height:25px;
	color: #F23737;
}


/*
li#sub1_nl{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 7px 23px;
	background: url(../image/link_01_nl.gif) no-repeat 9px 14px;
	border-bottom: 1px solid #DDD; 
	color: #F23737;
}
*/

li#sub2{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_01.gif) no-repeat 20px 8px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
li#sub2 a{
	padding: 7px 0px 0px 35px;
	display: block;
	height:19px;
}
li#sub2 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 20px 8px;
	background-color:#FFFFFF;
	display: block;
	height:19px;
}
li#sub2_ul{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_01_ul.gif) no-repeat 20px 8px;
	border-bottom: 1px solid #EEE; 
	background-color:#FFFFFF;
	line-height:110%;
}
li#sub2_ul a{
	padding: 7px 0px 0px 35px;
	display: block;
	height:19px;
	color: #F23737;
}

li#sub3{
	margin: 2px 0px 2px 18px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url(../image/link_v4.gif);
}
li#sub3_nl{
	margin: 2px 0px 2px 18px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url(../image/nlink_v4.gif);
}
li#sub3_ul{
	margin: 2px 0px 2px 18px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url(../image/ulink_v4.gif);
}

ul#topsubmenu{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #EEE; 
}
li#topsub1{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_01.gif) no-repeat 9px 14px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
li#topsub1 a{
	padding: 13px 0px 0px 23px;
	display: block;
	height:25px;
}
li#topsub1 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 9px 14px;
	background-color:#f7f9ff;
	display: block;
	height:25px;
}

li#topsub2{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_01.gif) no-repeat 20px 8px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
li#topsub2 a{
	padding: 7px 0px 0px 35px;
	display: block;
	height:19px;
}
li#topsub2 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 20px 8px;
	background-color:#f7f9ff;
	display: block;
	height:19px;
}


ul#sitemap{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
li#smsub1{
	margin: 8px 0px 1px 0px;
	background: url(../image/link_01.gif) no-repeat 0px 8px;
	line-height:110%;
}
li#smsub1 a{
	padding: 7px 0px 6px 13px;
	display: block;
	height:14px;
		color:#222;
		text-decoration:none;
}
li#smsub1 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 0px 8px;
	display: block;
	height:14px;
	color:#e12828;
	background-color:#f7f9ff;
}

li#smsub1_2{
	margin: 3px 0px 1px 0px;
	background: url(../image/link_01.gif) no-repeat 0px 16px;
	line-height:140%;
}
li#smsub1_2 a{
	padding: 13px 0px 0px 12px;
	display: block;
	height:25px;
}
li#smsub1_2 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 0px 16px;
	display: block;
	height:25px;
	color:#e12828;
	background-color:#f7f9ff;
}

li#smsub2{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_03.gif) no-repeat 9px 7px;
	line-height:110%;
}
li#smsub2 a{
	padding: 6px 0px 4px 22px;
	display: block;
	height:13px;
		color:#222;
		text-decoration:none;
}
li#smsub2 a:hover{
	background: url(../image/link_03_ul.gif) no-repeat 9px 7px;
	display: block;
	height:13px;
	color:#e12828;
	background-color:#f7f9ff;
}

li#smsub2_2{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_03.gif) no-repeat 9px 6px;
	line-height:140%;
}
li#smsub2_2 a{
	padding: 5px 0px 5px 22px;
	display: block;
	height:27px;
		color:#222;
		text-decoration:none;
}
li#smsub2_2 a:hover{
	background: url(../image/link_03_ul.gif) no-repeat 9px 6px;
	display: block;
	height:27px;
	color:#e12828;
	background-color:#f7f9ff;
}






ul#list{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
li#list_1{
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 12px;
	background: url(../image/list_1.gif) no-repeat 0px 9px;
}

li#list_2{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 12px;
	background: url(../image/list_2.gif) no-repeat 0px 9px;
}

ul.pankuzu{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.pankuzu li{
	list-style: none;
	display: inline;
}

ul.tabs_1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.tabs_1 li{
	list-style: none;
	display: inline;
	word-wrap: normal;
//	padding:3px;
//	background-color:#DDD;
}

ul.mainmanu{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.mainmanu li{
	list-style: none;
	float: left;
}

ol.decimal_1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
}

ol.decimal_1 li{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}


ul#link{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #EEE; 
}
li#link1_none{
	margin: 8px 0px 8px 0px;
	list-style: none;
}
li#link1{
	background: url(../image/link_01.gif) no-repeat 5px 10px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
li#link1 a{
	padding: 8px 0px 8px 19px;
	display: block;
}
li#link1 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 5px 10px;
	display: block;
}
li#link2_none{
	margin: 8px 0px 8px 0px;
	list-style: none;
}
li#link2{
	background: url(../image/link_01.gif) no-repeat 15px 10px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
li#link2 a{
	padding: 8px 0px 8px 28px;
	display: block;
}
li#link2 a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 15px 10px;
	display: block;
}


li.drawer1{
	color:#000;
	padding: 0px 0px 0px 2px;
	border-bottom: 1px solid #ddd; 
	line-height:300%;
}
li.drawer1 a{
	color:#000;
	display: block;
	text-decoration:none;
}
li.drawer1 a:hover{
	display: block;
	color:#e12828;
	background-color:#f7f9ff;
}




/*見出し設定*/
h1.header, h2.header, h3.header, h4.header, h5.header, h6.header {
font-size: 110%;
font-weight: font-weight;
line-height:0%;
margin: 0px 0px 5px 0px;
}
h1.nomal, h2.nomal, h3.nomal, h4.nomal, h5.nomal, h6.nomal {
font-size: 100%;
font-weight: normal;
line-height:130%;
margin: 0px 0px 5px 0px;
}
h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold {
font-size: 100%;
font-weight: bold;
margin: 1px 0px 0px 0px;
}
h1.h100, h2.h100, h3.h100, h4.h100, h5.h100, h6.h100 {
font-size: 100%;
font-weight: font-weight;
margin: 0px 0px 0px 0px;
}
h1.image, h2.image, h3.image, h4.image, h5.image, h6.image {
font-size: 100%;
font-weight: font-weight;
line-height:100%;
margin: 0px 0px 0px 0px;
}

.table_re_1{
	border-top:0px #DDD solid;
	border-bottom:0px #DDD solid;
	background-color:#DDD;
	border-spacing:1px 1px;
}

.table_re_1 th{
//	border-top:1px #FFF solid;
	border-bottom:0px #FFF solid;
	background-color:#f2f2f2;
//	background-color:#547ad9;
	text-align:center;
//	color:#fff;
}

.table_re_1 td{
//	border-top:1px #FFF solid;
	border-bottom:0px #FFF solid;
	background-color:#FFF;
}

.table_re_2{
	border-top:0px #DDD solid;
	border-bottom:0px #DDD solid;
	background-color:#275EC3;
	border-spacing:1px 1px;
}

.table_re_2 th{
	border-bottom:0px #FFF solid;
	background-color:#e4eeff;
	text-align:center;
	font-size:110%;
}

.table_re_2 td{
	border-bottom:0px #FFF solid;
	background-color:#FFF;
}



/*メイン親ボックス*/
div.mainbox{
	position: relative;
	border-style: none;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	overflow: hidden;
}
	div.blueline{
		position: static;
		border-style: none;
		width: 100%;
		height: 8px;
		margin: 0px auto;
		background: #1a23aa;
		background: -webkit-gradient(linear, left top, right bottom, from(#0f269a), to(#858bc1) );
		background: -moz-linear-gradient(180deg, #0f269a, #858bc1);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0f269a', endColorstr='#858bc1');
	}

	div.re_bg_recruit_1{
		position: static;
		border-style: none;
		width: 100%;
		height:600px;
		margin: -15px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/recruit_top_main_image_2.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}

	div.re_bg_topmessage_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/topmessage_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/interview_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_vdi_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/rk_top_image.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}	
	div.re_bg_interview_se_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/nagashima_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_se_2{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/hosokai_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_se_3{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/miura_se_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_se_4{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/arai_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_sales_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/ryo_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_sales_2{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/yu_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_sales_3{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/nakamura_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_interview_cp_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/kouga_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_company_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/company_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_office_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/office_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_info_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/info_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_summerinternship2019_1{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/summerinternship2019_main_image_1.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_open_company2025{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/open_company2025_main_image.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}
	div.re_bg_marathon{
		position: static;
		border-style: none;
		width: 100%;
		height:400px;
		margin: -1px auto 0px auto;
		background-color:#111;
		background-image:url('../recruit/image/marathon_main_image.jpg');
		background-position: center;
		background-repeat: no-repeat;
	}		div.black_1{
		position: absolute;
		border-style: none;
		top:0px;
		width: 100%;
		height:150px;
		background-image:url('../recruit/image/black_1.png');
		background-repeat: repeat-x;
	}

	div.contents_area_1{
		font-size: 110%;
		line-height: 190%;
		position: static;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color:#f2f2f2;
		background-image:url('../recruit/image/bg_1.png');
		background-repeat: no-repeat;
	}

	div.contents_area_2{
		font-size: 110%;
		line-height: 190%;
		position: static;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color:#f8f8f8;
		background-image:url('../recruit/image/bg_2.png');
		background-repeat: no-repeat;
	}

	div.contents_area_blue{
		font-size: 110%;
		line-height: 190%;
		position: static;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color:#275ec3;
		background-repeat: no-repeat;
		/*border-bottom: 3px solid #fff340;*/
	}
	
	div.contents_area_white{
		font-size: 110%;
		line-height: 190%;
		position: static;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		/*border-bottom: 3px solid #fff340;*/
	}

	div.contents_area_day{
		font-size: 110%;
		line-height: 190%;
		position: static;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color:#f8f8f8;
		background-image:url('../recruit/image/bg_2.png');
		background-repeat: no-repeat;
	}
	
	div.re_time_title{
		width:200px;
		margin:0px 0px 0px 385px;
		text-align:center;		
	}

	div.re_1{
		width: 1000px;
		text-align: left;
	}
	
	div.re_2{
		width: 1200px;
		text-align: left;
	}
	
	div.re_3{
		width: 1100px;
		text-align: left;
	}

	div.re_box_1{
		width: 600px;
		margin:0px 0px 0px 10px;
		padding:50px 10px 40px 40px;
		text-align: left;
		float: left;
//		background-color:#fff;
	}

	div.re_box_2{
		position: relative;
		width: 395px;
		margin:70px 0px 0px 0px;
		float: left;
		text-align: center;
	}

	div.re_box_3{
    position: relative;
		padding:40px;
		text-align: left;
	}

	div.re_box_4{
		margin:0px 10px 0px 10px;
		padding:25px 40px 40px 40px;
		text-align: left;
	}

	div.re_box_5{
		margin:0px 10px 0px 10px;
		padding:25px 40px 40px 40px;
		text-align: left;
	}
	
	div.re_box_6{
    position: relative;
    top: -100px;
		padding:40px;
		text-align: left;
	}
	
	div.re_box_7{
    position: relative;
    top: 80px;
		padding:40px;
		text-align: left;
	}
		
	div.re_box_wb{
		margin:50px 10px 0px 10px;
		padding:20px 40px 40px 40px;
		text-align: left;
		background-color:#fff;
		float: left;
	}

	div.re_box_top_interview{
		position: relative;
		margin:0px 0px 0px 0px;
		padding:80px 10px 60px 10px;
		text-align: center;
	}

	div.re_image_1{
		position: relative;
		z-index:1;
	}
	div.re_image_2{
		position: relative;
		z-index:2;
	}

	div.re_black_1{
		width:200px;
		position: relative;
		padding:25px 35px;
		color:#fff;
		text-align:center;
	    background-color: rgba(0,0,0,0.6);
//		background-color:#000;
		z-index:2;
		margin:0px auto;
	}

	div.re_black_2{
		position: relative;
		padding:10px 10px;
		color:#fff;
		text-align:center;
	    background-color: rgba(0,0,0,0.4);
		z-index:2;
		margin:0px auto;
	}

div.header{
	margin: 0px 0px 0px 0px;
  width: 100%;
  height: 66px;
  line-height: 0%;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 24;
  width: 100%;
}

	div.mainmenu{
		position: relative;
		padding:0px 0px 0px 0px;
		width: 750px;
		height:66px;
		color: #fff;
		margin-left:auto;
//		background-color:#eee;
	}

	div.logo{
		position: relative;
		padding:11px 0px 0px 0px;
		margin: 0px 15px 0px 0px;
		height:45px;
		float: left;
	}
	div.caption{
		position: relative;
		margin: 13px 0px 0px 0px;
		padding: 4px 0px 0px 0px;
		line-height: 130%;
		font-size:90%;
		text-align: left;
		float: left;
	}

	div.inquiry{
		position: relative;
		margin: 13px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		width:150px;
		font-size: 90%;
		text-align: right;
		line-height: 0%;
		float: left;
	}


	div.guide{
		position: relative;
		font-size: 90%;
		height:29px;
		margin: 0px 0px 0px 0px;
		padding:7px 10px 0px 10px;
	}





	div.up_text{
		position: static;
		width: 548px;
		text-align: right;
		font-size: 80%;
	}

	.box_01{
		position: relative;
		text-align:justify;
		padding-left:10px;
	}
	.border_01{
		border:1px #445E93 solid;
	}
	

.pl5{
	padding-left:5px;
}

div.free{
	position: static;
}
div.free_re{
	position: relative;
}
div.free_ab{
	position: absolute;
}

div.free_left{
	position: static;
	float: left;
}
div.free_right{
	position: static;
	float: right;
}

div.free_left_re{
	position: relative;
	float: left;
}

div.free_left_ab{
	position: absolute;
	float: left;
}

div.free_p10{
	position: static;
	padding: 10px;
	width: 548px;
}
div.text_548{
	position: relative;
	width: 548px;
	margin: 0px 0px 10px 0px;
}

.form_text_area{
	font-size: 100%; 
	position: relative;
	margin: 0px 0px 0px 0px;
	border:1px #A9A9A9 solid;
	background-color:#FDFDFD;
}

div.privacy_text{
	background-color:#F6F6F6;
  border: solid 1px #CECECE;
  width: 548px;
  height: 150px;
  overflow: auto;
}
div.display_none{
	display: none;
}


.find_v5_1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font-weight: bold;
	border-left:2px #547ad9 solid;
}

.find_re_1{
	margin:0px 0px 0px 0px;
	padding:1px 2em 0em 2em;
	font-weight: bold;
	font-size: 130%;
//	line-height: 150%;
//	border-left:2px #547ad9 solid;
	color:#fff;
	background-color:#547ad9;
	display:table-cell;
	vertical-align:middle;
	height:30px;
	letter-spacing:0.2em;
}

.find_re_1_1{
	margin:0px 0px 0px 0px;
	padding:1px 2em 0em 2em;
	font-weight: bold;
	font-size: 130%;
//	line-height: 150%;
//	border-left:2px #547ad9 solid;
	color:#fff;
	background-color:#547ad9;
	display:table-cell;
	vertical-align:middle;
	height:30px;
}

.find_re_1_s{
	margin:0px 0px 0px 0px;
	padding:1px 2em 0em 2em;
	font-weight: bold;
	font-size: 110%;
	color:#fff;
	background-color:#547ad9;
	display:table-cell;
	vertical-align:middle;
	letter-spacing:0.2em;
}

.find_re_2{
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-weight: bold;
	font-size: 120%;
	border-bottom:2px #547ad9 solid;
	display:inline-block;
}

.find_re_iv_1{
	position: relative;
	margin:0px 0px 0px 0px;
	padding:1px 2em 0em 2em;
	top:-34px;
	font-weight: bold;
	font-size: 110%;
//	line-height: 250%;
//	border-left:2px #547ad9 solid;
	color:#fff;
	background-color:#547ad9;
	display:table-cell;
	vertical-align:middle;
	letter-spacing:0.2em;
}

.find_re_ti_1{
	position: absolute;
	margin:0px 0px 0px 0px;
	padding:2px 0em 0em 2.8em;
	top:-14px;
	left:330px;
	width:150px;
	font-weight: bold;
	font-size: 110%;
	color:#fff;
//	background-color:#547ad9;
	display:table-cell;
	vertical-align:middle;
	letter-spacing:0.2em;
	background-image:url(../recruit/image/yajirusi.png);
	background-repeat:no-repeat;
}
.find_re_ti_2{
	position: absolute;
	margin:0px 0px 0px 0px;
	padding:2px 0em 0em 1.5em;
	top:-14px;
	left:0px;
	width:150px;
	font-weight: bold;
	font-size: 110%;
	color:#fff;
//	background-color:#547ad9;
	display:table-cell;
	vertical-align:middle;
	letter-spacing:0.2em;
	background-image:url(../recruit/image/yajirusi_2.png);
	background-repeat:no-repeat;
}
.find_re_time_1{
	width:100px;
	margin:0px 0px 0px 0px;
	padding:1px 0em 0em 0em;
	font-weight: bold;
	font-size: 110%;
	color:#fff;
	background-color:#547ad9;
	display:table-cell;
	vertical-align:middle;
	letter-spacing:0.2em;
}

.border_1{
	position: static;
	padding: 10px;
	max-width: 548px;
	border: 1px solid gray;
}


/*ページの上へ*/
div.up_text{
	position: static;
	width: 490px;
	text-align: right;
	font-size: 80%;
}
div.up_text_v4{
	position: static;
	width: 548px;
	text-align: right;
	font-size: 80%;
}
div.up_text_re{
	text-align: right;
}

div.pageup_v5{
	background-image:url(../image/pageup_v5.gif);
}

div.topmessage_box{
	display: none;
}

.tabs_1{
	position: static;
	font-size: 100%;
	padding:0px 0px 0px 0px;
}

div.tab{
	height: 400px;
	overflow: auto;
	clear: left;
}

.marker_blue_1{
	background-image:url(../image/marker-11.gif);
}

div.ca_bg_1{
	margin:8px 0px 8px 0px;
	padding:10px;
	background-image:url('../case/image/ca_bg_1.gif');
	color:#28307e;
}

div.ca_bg_2{
	margin:8px 0px 8px 0px;
	padding:10px;
	background-image:url('../case/image/ca_bg_1.gif');
}

div.textbox_1{
	position: static;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border:solid 1px #DDDDDD;
	background-color:#FBFBFB;
	word-break: break-all;
}

table tr.even{
	background:#F5F5F5;
}

/*Cirix見積もりサイト選択*/
.bg_select{
	text-decoration:none;
	display:block;
	color:#333;
	width: 172px;
	height: 100%;
}
.bg_select:hover{
	background-color:#cfe1ff;
	color:#333;
}
.bg_select:visited{
	background-color:#f7f9ff;
	color:#333;
}
.bg_select:active{
	background-color:#f7f9ff;
	color:#333;
}

/*フォーム入力必須ボタン*/
.hissu{
	border-radius:3px;
	background-color:#d43e3a;
	width:35px; height:16px;
	margin-left:6px;
	padding-top:0px;
	color:#ffffff;
	font-size:80%;
	text-align:center;
	float:left;
}

.kadomaru_1{
	border-radius:3px;
	background-color:#547ad9;
	height:16px;
	margin-left:0px;
	padding:0px 5px 0px 5px;
	color:#ffffff;
	font-size:80%;
	text-align:center;
}

.kadomaru_2{
	border-radius:3px;
	background-color:#86adea;
	height:16px;
	margin-left:0px;
	padding:0px 5px 0px 5px;
	color:#ffffff;
	font-size:80%;
	text-align:center;
}

.kadomaru_3{
	border-radius:3px;
	background-color:#999;
	height:16px;
	margin-left:0px;
	padding:0px 5px 0px 5px;
	color:#ffffff;
	font-size:80%;
	text-align:center;
}

.kadomaru_4{
	border-radius:3px;
	background-color:#d7a144;
	height:16px;
	margin-left:0px;
	padding:0px 5px 0px 5px;
	color:#ffffff;
	font-size:80%;
	text-align:center;
}

.kadomaru_5{
	border-radius:3px;
	background-color:#90bf4c;
	height:16px;
	margin-left:0px;
	padding:0px 5px 0px 5px;
	color:#ffffff;
	font-size:80%;
	text-align:center;
}

div.sitemap a{
		color:#222;
		text-decoration:underline;
}

div.so_list_alpha a{
		text-decoration:underline;
}


body.about #gnav li.about >a { background:#CF9; }
body.product #gnav li.product>a { background:#CF9; }
body.-solution #gnav li.-solution>a { background:#CF9; }
body.-solution_test #gnav li.-solution_test>a { background:#CF9; }
body.solution_test #gnav li.solution_test>a { background:#CF9; }

body.sbc_test li.sbc_test>a,
body.atrust li.atrust>a,
body.sbc li.sbc>a
{
color:red;
background: url(../image/link_03_ul.gif) no-repeat 15px 8px;
background-color:#FFFFFF;
}

body.mobile_tc_test li.mobile_tc_test>a
{
color:red;
background: url(../image/link_01_ul.gif) no-repeat 9px 14px;
background-color:#FFFFFF;
}


div.sidemenu_sub_test,
div.sidemenu_sub_sbc,
div.sidemenu_sub_vmware,
div.sidemenu_sub_thinclient,
div.sidemenu_sub_mobile_tc,
div.sidemenu_sub_print,
div.sidemenu_sub_security,
div.sidemenu_sub_admin,
div.sidemenu_sub_management,
div.sidemenu_sub_shift,
div.sidemenu_sub_storagesolution,
div.sidemenu_sub_storagesecurity,
div.sidemenu_sub_appstreaming,
div.sidemenu_sub_remotepc,
div.sidemenu_sub_authentication,
div.sidemenu_sub_websecurity,
div.sidemenu_sub_ists,
div.sidemenu_sub_endpoint,
div.sidemenu_sub_sms,
div.sidemenu_sub_mktg,
div.sidemenu_sub_employment,
div.sidemenu_sub_vic,
div.sidemenu_sub_ne_index
{
	display: none;
}

ul.sidemenu{
	margin: 0px 0px 0px -7px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #EEE; 
}
ul.sidemenu li{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_01.gif) no-repeat 9px 14px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
ul.sidemenu li a{
	padding: 13px 0px 0px 23px;
	display: block;
	height:25px;
	color:#222;
}
ul.sidemenu li a:hover{
	background: url(../image/link_01_ul.gif) no-repeat 9px 14px;
	background-color:#FFFFFF;
	display: block;
	height:25px;
	color:#e12828;
}

ul.sidemenu_sub{
	margin: 0px 0px 0px -7px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #EEE; 
}
ul.sidemenu_sub li{
	margin: 0px 0px 0px 0px;
	background: url(../image/link_03.gif) no-repeat 15px 8px;
	border-bottom: 1px solid #EEE; 
	line-height:110%;
}
ul.sidemenu_sub li a{
	padding: 7px 0px 0px 30px;
	display: block;
	height:19px;
	color:#222;
}
ul.sidemenu_sub li a:hover{
	background: url(../image/link_03_ul.gif) no-repeat 15px 8px;
	background-color:#FFFFFF;
	display: block;
	height:19px;
	color:#e12828;
}



/*ブラウザ横幅変更（タブレット向き変更等）によりsmart.cssからcommon.cssに切り替わった時の対策*/

	div.mainmenu_smart{
		position: relative;
		margin: 0px 0px 0px 0px;
		height:77px;
	}

.menu_smart {
    position: relative;
    width: 100%;
    height: 36px;
    margin: 0 auto;
	list-style: none;
	text-align:center;
	margin: 1px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}

.menu_smart > li {
    float: left;
    width: 32%; /* グローバルナビ4つの場合 */
    height: 36px;
    line-height: 120%;
	border-right:1px #fff solid;
	border-left:1px #ddd solid;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.menu_smart > li a {
    display: block;
    height: 36px;
    color: #3e3e3e;
}

.menu_smart > li a:hover {
    color: #F95858;
}

.menu_smart > li:hover {
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
//	border-bottom:4px #375fd1 solid;
}



/*-------------------------------- v6更新 common.cssと共通--------------------------------*/

input_button_1{
	border-radius:3px;
	background-color:#eb8327;
	width:300px;
	margin-left:0px;
	padding:20px 5px 20px 5px;
	color:#ffffff;
	font-size:150%;
	text-align:center;
	border:none;
	letter-spacing: 0.2em;
	-webkit-appearance: none;
}

.input_button_1:hover{
	background-color:#ecb380;
}

.input_button_2{
	border-radius:3px;
	background-color:#547ad9;
	width:300px;
	margin-left:0px;
	padding:20px 5px 20px 5px;
	color:#ffffff;
	font-size:150%;
	text-align:center;
	border:none;
	letter-spacing: 0.2em;
	-webkit-appearance: none;
}

.input_button_2:hover{
	background-color:#82a1ee;
}

.c3_box_ul{
	margin:0px;
	padding:0px;
	letter-spacing:-.40em;
//	text-align:center;
}
.c3_box_1{
	margin:10px;
	padding:0px;
	width: 220px;
	height:100%;
	background-color: #fafafa;
	box-sizing:border-box;
	border: solid 1px #eee;
	list-style: none;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	text-align:left;
}
.c3_box_2{
	width: 220px;
	height:22em;
	height:100%;
//	background-color: #fff;
	box-sizing:border-box;
	border: solid 0px #fff;
	list-style: none;
	padding:0px;
	margin:10px;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
//	overflow:hidden;
	text-align:left;
}

.c3_box_3{
	width: 380px;
	height:50%;
//	background-color: #fff;
	box-sizing:border-box;
	border: solid 0px #fff;
	list-style: none;
	padding:0px;
	margin:40px;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
//	overflow:hidden;
	text-align:left;
}

.c3_box_4{
	width: 360px;
//	background-color: #fff;
	box-sizing:border-box;
	border: solid 0px #fff;
	list-style: none;
	padding:0px;
	margin:10px;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
//	overflow:hidden;
	text-align:left;
}


.c3_box_top_1{
	width: 280px;
	height:100%;
	min-height:275px;
	background-color: #fff;
	box-sizing:border-box;
	border: solid 1px #eee;
	list-style: none;
	float: left;
	padding:0px;
	margin:10px;
	letter-spacing:normal;
	text-align:left;
}
.c3_box_1 :hover{
}
.c3_box_top_1 :hover{
}
.c3_box_1 img{
	width: 100%;
	height:100%;
}
.c3_box_2 img{
	width: 100%;
	height:100%;
}
.c3_box_top_1 img{
	width: 100%;
	height:100%;
}


.c3_box_find_1{
	padding:10px 10px 10px 10px;
	font-size:120%;
	font-weight:bold;
}
.c3_box_text_1{
	margin:-5px 0px 0px 0px;
	padding:0px 10px 10px 10px;
}
.c3_box_find_2{
	padding:10px 5px 10px 5px;
	font-size:120%;
	font-weight:bold;
}
.c3_box_find_3{
	padding:10px 5px 10px 5px;
	font-size:120%;
	font-weight:300;
	text-align:center;
}
.c3_box_find_4{
	padding:10px 5px 0px 5px;
	font-size:100%;
	font-weight:600;
	text-align:center;
}
.c3_box_text_2{
	margin:-5px 0px 0px 0px;
	padding:0px 5px 10px 5px;
}

.c3_box_bg_1,.c3_box_bg_2,.c3_box_bg_3,.c3_box_bg_4,.c3_box_bg_5,.c3_box_bg_6{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	color:#fff;
	font-size:80%;
	text-align:center;
	text-decoration:none;
}
.c3_box_bg_1{
	background-color:#547ad9;
}

.c3_box_bg_2{
	background-color:#86adea;
}

.c3_box_bg_3{
	background-color:#999;
}

.c3_box_bg_4{
	background-color:#d7a144;
}

.c3_box_bg_5{
	background-color:#90bf4c;
}

.c3_box_bg_6{
	background-color:#d85143;
}

.news_list{
}

.img_center{
	margin:20px 0px 30px 0px;
	text-align:center;
}
.text-center{
	text-align:center;
}

.more{
	text-align:center;
	font-size:110%;
	margin:0 auto;
	width:150px;
}
.more a{
	border: 1px solid #aaa;
	padding: 5px 0px 5px 0px;
	width:100%;
	color:#3e3e3e;
	display:block;
}
.more a:hover{
  	transition: 0.3s;
	color:#fff;
	background-color:#aaa;
}

.flex{
	display: flex;
}

/*----- サブメニュー ------*/ 

.re_menu_a{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #555;
}
.re_menu_a ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
.re_menu_a li{
	list-style: none;
	display: inline; 
	float: left;
	text-align:center;
	border-bottom: 0px solid #aaa;
}
.re_menu_a li a{
	display: block; 
	color: #fff;
	margin: 0px;
	padding: 8px 0em;
}
.re_menu_a li a:hover{
	color:#547ad9;
	background-color: #fff;
    background-color: rgba(255,255,255,1);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.re_menu_1 li{
	width: -moz-calc(100% / 1);
	width: -webkit-calc(100% / 1);
	width: calc(100% / 1);
}
.re_menu_2 li{
	width: -moz-calc(100% / 2);
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
}
*::-ms-backdrop, .re_menu_2 li {
  width: 50%; /* IE11 */
}
.re_menu_3 li{
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
*::-ms-backdrop, .re_menu_3 li {
  width: 33.33%; /* IE11 */
}

/* ページの上へボタン設定 */
#page-top {
	z-index:900;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/*-----hoverで画像拡大------*/ 


.re_link{
	width:220px;
	float:left;
	overflow: hidden;
	text-align:center;
}

.re_link img{
  	transition: 0.3s;
}
 
 
.re_link img:hover{
		-webkit-transform: scale(1.03);
		-moz-transform: scale(1.03);
		-ms-transform: scale(1.03);
		-o-transform: scale(1.03);
		transform: scale(1.03);
}

/*今いるページのボタン色を変える*/
.here{
	background-color:#666;
}

/* -- 210528 footer.css統合 footter関連などのclassがcommon.cssと重複しているため要修正 -- */


.footer{
	position: relative;
	width: 100%;
	background-color: #222;
	border-top:solid 1px #DDD;
	z-index:1;
}
.footer_area{
	position: relative;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
	width: 1200px;
	text-align:left;
}

.footer_line{
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 1000px;
	height: 1px;
	background-image:url('../image/footer_line.gif');
	background-repeat: no-repeat;
}

.footer_link_find{
	margin: 12px 0px 40px 20px;
	font-weight: bold;
}

.footer_link_find a{
	color:#fff;
}

.footer_link_box_1{
	float: left;
	/*margin-right: 5px;*/
}

.footer_link_box_2{
	float: left;
	/*margin-top: 65px;*/
	margin-right: 20px;
	list-style: none;
}

.footer_link_box_2 li{
	position: relative;
	line-height: 300%;
}

.footer_link_box_2 li a{
	color: #fff !important;
}


.footer_link_box_2 li img{
	position: absolute;
	top: 10px;
	left: -20px;
}

.footer_link_box_3{
	float: left;
}

.footer_link_box_4{
	float: right;
}

.footer_pageup{
	display: flex;
   margin: 5px 20px 0 20px;
   padding-left: 10px;
	/*width: 100px;
	text-align: right;
	float: left;*/
}

.footer_pageup img{
	margin-right: 20px;
}

.footer_name{
	position: relative;
	margin: 2px 0px 5px 0px;
	width: 123px;
	font-size: 80%;
	float: left;
	display: none;
}

.copyright{
	float: left;
	margin: 5px 0 20px 0;
	width: 100%;
	font-size: 80%;
	_display: inline;
	text-align: center;
	color:#fff;
}

.footer_menu{
	position: relative;
	margin: 0;
	width: 532px;
	font-size: 80%;
	_display: inline;
	text-align:right;
	float: left;
}
	
.so_button{
	padding: 10px !important;
	font-size: 14px;
	border: 1px solid #fff;
}

.footer_icon{
	position: relative;
	padding: 15px;
	margin-left: 30px;
	color: #fff !important;
	font-size: 13px;
}

.footer_icon img{
	position: absolute;
	top: 10px;
	left: -35px;
}

.footer_icon a{
	color: #fff !important;
}

.footer_site{
	padding-left: 20px;
	margin-top: 30px;
	list-style: none;
	font-size: 10px;
	line-height: 300%;
}

.footer_lang{
	padding-left: 20px;
	font-size: 10px;
}

.footer_lang a{
	color: #fff;
}


/*外部リンクアイコン設定*/
.ex_link {
//	color: #fff !important;
}

.ex_link:hover{
}

a.ex_link[href^="https://www.ascentech.co.jp/"],
a.ex_link[href^="http://www.ascentech.co.jp/"]
{
	background:none;
	padding-right:0px;
	margin-right:0px;
//	color: #fff !important;
}

ul#fotter_link{
	margin: 20px 0px 0px 20px;
	padding-left: 20px;
	border-left: 1px solid #fff;
	list-style: none;
}

li#fotter1 a{
	line-height:300%;
	color: #fff;

}

li#fotter1 a:hover{
	display: block;
	text-decoration: underline;
}

/* お問い合わせ追従バナー */
#form_buttun {
	z-index:899;
    position: fixed;
    bottom: 110px;
    right: 15px;
}

#form_buttun a {
    background-image: url("../image/form_buttun.png");
    text-decoration: none;
    width: 50px;
    height: 180px;
    display: block;
}

#form_buttun a:hover,
#form_estimate a:hover {
    opacity: 0.8;
}

.form_buttuntext{
	display:none;
}

/*下からfadein*/
.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

/*左からfadein*/
.left-fade{
  opacity : 0;
  transition : all 1s;
}
  
.left-fade.active{
  opacity : 1;
}

/*TOPイメージ左から右へアニメーション*/
.p-anima-9 {
  position: relative;
  overflow: hidden;
}
.p-anima-9__intro {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #275ec3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}
.p-anima-9.__anima .p-anima-9__intro {
  animation: anima_intro_9 0.3s cubic-bezier(0.46, 0.26, 0.15, 0.89) 1s 1 forwards;
}

.p-anima-9__intro h2 {
  overflow: hidden;
}
.p-anima-9__intro h2::before {
  content: "";
  display: block;
  background-color: #275ec3;
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.5em;
}
.p-anima-9.__anima .p-anima-9__intro h2::before {
  animation: anima_title_musk_9 0.3s cubic-bezier(0.46, 0.26, 0.15, 0.89) 0.3s 1 forwards;
}

.p-anima-9__intro h2 span {
  display: block;
  transform: translate(0, 105%);
}
.p-anima-9.__anima .p-anima-9__intro h2 span {
  animation: anima_title_9 0.3s cubic-bezier(0.46, 0.26, 0.15, 0.89) 1 forwards;
}

@keyframes anima_title_9 {
  0% {
    transform: translate(0, 105%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes anima_title_musk_9 {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes anima_intro_9 {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

/*テキスト左から右*/
.bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:1s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

/*左から右*/
.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    top:10px;
    width: 100%;
    height: 100%;
    background-color: #fff340;/*伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgLRextendTrigger{
    opacity: 0;
}

/*TOPインタビュー*/
/*左右から線が伸びて枠線になる*/
.gnavi li{
  position: relative;
    padding:10px;
}

/*線の基点位置*/
.gnavi li::before,
.gnavi li::after{
  content:"";
  position: absolute;
  width: 0;
  height:2px;
  background:#fff340;
  transition: all 0.2s linear;
  transition-delay: 0.2s;
}

.gnavi li::before{
  right: 0;
  top: 0;
}
.gnavi li::after{
  left: 0;
  bottom: 0;
}

/*線の基点位置2 spanタグ*/

.gnavi li>span{
  display: block;
}

.gnavi li>span::before,
.gnavi li>span::after{
  content:"";
  position: absolute;
  width:2px;
  height:0;
  background: #fff340;
  transition: all 0.2s linear;
}

.gnavi li>span::before{
  left: 0;
  top: 0;
}
.gnavi li>span::after{
  right: 0;
  bottom: 0;
}

/*現在地とhoverした際の線の変化*/
.gnavi li:hover::before,
.gnavi li:hover::after{
  width: 100%;/*横幅を100%に*/
}

.gnavi li:hover span::before,
.gnavi li:hover span::after{
  height: 100%;/*縦幅を100%に*/
}

.people_flex {
    position: relative;
    z-index: 3;
    display: flex;
    max-width: 1400px;
    margin: auto;
    padding: 5%;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
}

.box{
    width: 22%;
    position: relative;
    padding: 15px;
    margin:0;
}

.people_flex a {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 999;
}

.people_image {
	  max-height: 370px;
    overflow: hidden;
}

.people_image img {
	width:100%;
	transition: .3s ease-in-out;
}

.box:hover img{
	transform: scale(1.1);
	opacity: 1 !important;
}

.people_flex .name {
    align-items: baseline;
}

.people_flex .name p {
    font-size: 1.2rem;
    color:#fff;
}

/*インタビュースライダー*/
.re_slider {
    width:94%;
    margin:0 auto;
    padding:0;
}

.re_slider img {
  width:20vw;
  height:auto;
	transition: .3s ease-in-out;
}

.slider_block:hover img{
	transform: scale(1.1);
	opacity: 1 !important;
}

.mask{
  position: relative;
  transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
  display: block;/*画像をくくるspanタグをブロック要素にする*/
    line-height: 0;/*行の高さを0にする*/
    overflow:hidden;/*拡大してはみ出る要素を隠す*/
}

.re_slider .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all .8s;
	opacity: 0.5;
}

.re_slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 3px solid #fff;/*矢印の色*/
    border-right: 3px solid #fff;/*矢印の色*/
    height: 20px;
    width: 20px;
    z-index: 1;
}

.slick-prev:hover, 
.slick-next:hover{
  border-top: 3px solid #fff340;/*矢印の色*/
  border-right: 3px solid #fff340;/*矢印の色*/
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: 5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: 5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	top: -7em;
  text-align:center;
	margin-left: -2.5em;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:12px;
    height:12px;
    display:block;
		cursor: pointer;
    border-style: none;
    background:#fff;
}

.slick-dots button:hover{
    background:#ddd;
}

.slick-dots .slick-active button{
    background:#fff340;
}

/*インタビュー名前*/
.re_interview_1{
		width:125px;
		position: relative;
		top:-10em;
		right:-2.6em;
		padding:25px 35px;
		margin:0px auto;
		color:#fff;
		text-align:center;
	  background-color: rgba(128, 179, 18, 0.8);
		z-index:2;
		font-size: 140%;
		line-height: normal;
		font-weight: bold;
}

.top_interview_1{
		padding:10px;
		color:#fff;
		text-align:center;
	  background-color: rgba(128, 179, 18, 0.8);
		z-index:2;
		font-size: 120%;
		line-height: normal;
		font-weight: bold;
}

.re_interview_2{
		width:125px;
		position: relative;
		top:-10em;
		right:-2.5em;
		padding:25px 35px;
		margin:0px auto;
		color:#fff;
		text-align:center;
	  background-color: rgba(31, 151, 84, 0.7);
		z-index:2;
		font-size: 140%;
		line-height: normal;
		font-weight: bold;
}

.top_interview_2{
		padding:10px;
		color:#fff;
		text-align:center;
	  background-color: rgba(61, 187, 116, 0.7);
		z-index:2;
		font-size: 120%;
		line-height: normal;
		font-weight: bold;
}

.re_interview_3{
		width:125px;
		position: relative;
		top:-10em;
		right:-2.5em;
		padding:25px 35px;
		margin:0px auto;
		color:#fff;
		text-align:center;
	  background-color: rgba(193, 63, 33, 0.7);
		z-index:2;
		font-size: 140%;
		line-height: normal;
		font-weight: bold;
}

.top_interview_3{
		padding:10px;
		color:#fff;
		text-align:center;
	  background-color: rgba(255, 97, 60, 0.7);
		z-index:2;
		font-size: 120%;
		line-height: normal;
		font-weight: bold;
}

.re_interview_4{
		width:125px;
		position: relative;
		top:-10em;
		right:-2.5em;
		padding:25px 35px;
		margin:0px auto;
		color:#fff;
		text-align:center;
	  background-color: rgba(0, 174, 183, 0.7);
		z-index:2;
		font-size: 140%;
		line-height: normal;
		font-weight: bold;
}

.top_interview_4{
		padding:10px;
		color:#fff;
		text-align:center;
	  background-color: rgba(0, 174, 183, 0.7);
		z-index:2;
		font-size: 120%;
		line-height: normal;
		font-weight: bold;
}

.re_interview_5{
		width:125px;
		position: relative;
		top:-10em;
		right:-2.5em;
		padding:25px 35px;
		margin:0px auto;
		color:#fff;
		text-align:center;
	  background-color: rgba(176, 128, 13, 0.7);
		z-index:2;
		font-size: 140%;
		line-height: normal;
		font-weight: bold;
}

.top_interview_5{
		padding:10px;
		color:#fff;
		text-align:center;
	  background-color: rgba(227, 167, 22, 0.7);
		z-index:2;
		font-size: 120%;
		line-height: normal;
		font-weight: bold;
}

/*サブタイトル*/
.subtitle_white{
	width: 200px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	font-size: 120%;
	line-height: 125%;
	color: #275ec3;
	background-color: #fff;
}

.subtitle_blue{
	width: 200px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	font-size: 120%;
	line-height: 125%;
	color: #fff;
	background-color: #275ec3;
}

/*自動スライダー*/
.auto_slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

.slick-slider {
 padding:0;
 margin-bottom: 60px;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}

/*インタビューページ*/
.kv{
    position: relative;
		z-index:-100;
}

.kv__img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-top: 44%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.kv__block {
    opacity: 100;/*アニメーション0にする*/
    /*max-width: 720px;*/
    /*width: 66.66vw;*/
    position: relative;
    right: 0;
    top: -400px;
    z-index: 1;
    padding: 207px 80px 0;
}

.kv__block.view {
    -webkit-animation: fadein 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1), kv 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    animation: fadein 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1), kv 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.kv__ttl-area-left {
    position: absolute;
    left: 100px;
    top: 0px;
    z-index: 1;
}

.kv__ttl-area-right {
    position: absolute;
    right: 100px;
    top: 0px;
    z-index: 1;
}

.kv__ttl {
    opacity: 0;
    margin-bottom: 30px;
    line-height: 1;
    color: #1e1e1e;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.02em;
    -webkit-animation: fadein 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1);
    animation: fadein 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.kv__catch {
    overflow: hidden;
}

.kv__catch .img-wrap::before {
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #275ec3;
    z-index: 2;
}

.kv__catch .img-wrap span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    font-weight: 500;
    color: #fff;
    background-color: #275ec3;
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
}

.kv__catch .img-wrap-1::before {
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 2;
}

.kv__catch .img-wrap-1 span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    font-weight: 500;
    background-color: #fff;
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
}

.kv__catch .img-wrap-vdi::before {
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(128, 179, 18, 1);
    z-index: 2;
}

.kv__catch .img-wrap-vdi span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    font-weight: 500;
    background-color: rgba(128, 179, 18, 1);
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
}

.kv__catch .img-wrap-develop::before {
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(221, 96, 96);
    z-index: 2;
}

.kv__catch .img-wrap-develop span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    font-weight: 500;
    background-color: rgb(221, 96, 96);
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
}

/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in {
	overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左から右へのアニメーション*/
.leftAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:1s;
	animation-fill-mode:forwards;
    opacity: 0;
}

.delay-time1{
	animation-delay: 0.3s;
}

.delay-time2 {
	animation-delay: 0.5s;
}

.delay-time3 {
	animation-delay: 0.7s;
}

.delay-time4 {
	animation-delay: 0.9s;
}

@keyframes slideTextX100 {
  from {
	transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:1s;
	animation-fill-mode:forwards;
    opacity: 0;
}


@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

/*インタビュー文*/
.interview_box{
    max-width: 1920px;
    margin-top: 20px;
}

.interview_content1,
.interview_content2{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display:flex;
}

.interview_left{
    width: 30%;
    padding: 3% 7% 6% 7%;
    min-width: 500px;
}

.num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    margin-bottom: 30px;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 140%;
    color: #fff;
    background-color: #333;
    line-height: 30px;
    letter-spacing: -0.02em;
    line-height: 1.75;
}

.interview_text {
    margin-bottom: 40px;
    font-size: 120%;
    line-height: 2.28;
    text-align: justify;
}

.interview_img {
    height: 90%;
}

.interview_img > div.view {
    -webkit-animation: fadein 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1), blockIn 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    animation: fadein 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1), blockIn 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 下から */

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.fadeUpTrigger{
	opacity: 0;
}

/*枠線が伸びて出現*/
.lineTrigger{
  position: relative; /* 枠線が書かれる基点*/
  opacity:0;
}

.lineTrigger.lineanime{
  animation-name:lineAnimeBase;
  animation-duration:0.3s;
  animation-fill-mode:forwards;
}

@keyframes lineAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*上下線*/
.lineTrigger::before,
.lineTrigger::after{
  position: absolute;
  content:"";
  width:0;
  height:1px;
  background:#333;/* 枠線の色*/
  z-index:-1;
}

/*左右線*/
.line2::before,
.line2::after{
  position: absolute;
  content:"";
  width: 1px;
  height:0;
  background:#333;/* 枠線の色*/
  z-index:-1;
}

/*上線*/
.lineTrigger::before {
  top:0;
  left:0;
}

.lineTrigger.lineanime::before {
  animation: lineAnime .3s linear 0s forwards;
}

/*右線*/
.line2::before{ 
  top:0;
  right:0;
}

.lineTrigger.lineanime .line2::before {
  animation: lineAnime2 .3s linear .3s forwards;
}

/*下線*/
.lineTrigger::after { 
  bottom:0;
  right:0;
}

.lineTrigger.lineanime::after {
  animation: lineAnime .3s linear .7s forwards;
}

/*左線*/
.line2::after{ 
  bottom:0;
  left:0;
}

.lineTrigger.lineanime .line2::after {
  animation: lineAnime2 .3s linear 1.2s forwards;
}

@keyframes lineAnime {
  0% {width:0%;}
    100%{width:100%;}
}

@keyframes lineAnime2 {
  0% {height:0%;}
    100%{height:100%;}
}

/*枠線内側の要素*/

.lineTrigger.lineanime .lineinappear{
  animation: lineInnerAnime .3s linear 1s forwards;
  opacity: 0;/*初期値を透過0にする*/ 
}

@keyframes lineInnerAnime{
  0% {opacity:0;}
    100% {opacity:1;}
}

.lineinappear img{
	width: 100%;
	position: relative;
	top: 10px;
	left: 10px;
}


/*画像の拡大＋テキスト*/

.zoomInText{/*テキストの基点となる位置を定義*/
  position: relative;
}

.zoomInText span.mask{
  position: relative;
  transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
  display: block;/*画像をくくるspanタグをブロック要素にする*/
    line-height: 0;/*行の高さを0にする*/
    overflow:hidden;/*拡大してはみ出る要素を隠す*/
}

.zoomInText:hover span.mask::before{/*hoverした時の変化*/
  content:"";
  position: absolute;
  z-index:2;
  top:10px;
  left:10px;
  width: calc(100% - 20px);
    height: calc(100% - 20px);
  background:rgba(255,255,255,0.5);/*背景色*/
}

.zoomInText img{
  transform: scale(1);
  filter: blur(0);
  transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
}

.zoomInText:hover img{/*hoverした時の変化*/
  transform: scale(1.2);/*拡大の値を変更したい場合はこの数値を変更*/
  filter: blur(2px);/*ぼかし具合を変更したい場合はこの数値を変更*/
}

.zoomInText span.cap{
  opacity:0;
  transition: .5s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
  position: absolute;
  z-index:3;/*テキストを前面に出す*/
  top: 50%;
    left: 50%;
  transform: translate(-50%,-50%);
  color: #275ec3;/*テキストの色を変えたい場合はここを修正*/
    line-height: 1.5;/*行の高さを1.5にする*/
}

.zoomInText:hover span.cap{/*hoverした時の変化*/
  opacity:1;
}

.club_box_left{
	padding:15px;
	width: 50%;
	text-align:left;
	border-right: 2px dotted #ddd;
}

.club_box_right{
	padding:15px;
	width: 50%;
	text-align:left;
}