@charset "UTF-8";


ul, dl {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ol {
	padding: 0 0 0 1.4em;
	margin: 0;
	list-style-type: decimal;
}

body {
	font: 14px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1180px;/* iPad右切れハック */
}

body.map_pop {
	font: 14px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1180px;/* iPad右切れハック */
}

.smp { display: none; }

.container, .smp_scroll {
	clear: both;
	width: 1150px;
	margin: 0 auto;
	overflow: hidden;
}


#wrapper_top {
	width:100%;
	position: relative;
	margin-top:-60px;
	background-image:url(../img/dot.png);
	background-repeat: repeat;
	z-index:90;
}

#wrapper {
	width:100%;
	position: relative;
	margin-top:0px;
	background-color:#fff;
	z-index:90;
}

/*.content {*/
body.page-id-32751 .content {
	margin: 0 auto;
  z-index: 110;
}


.single_p {
	width: 70%;
	margin-left:15%;
}


p {
	line-height:1.7em;
	margin:0 0 2.3em 0;
}




/* 20220404 */

a 		 			{ text-decoration: none; color:#496274; }
a:hover			{ text-decoration: none; color:#e55058; }
a img 			{ border: none; }
a:hover img { opacity: 0.6; }





/* 20230710 */

.text_red {
	color:#b5252d;
}





/* お問い合わせフォーム */
.read { font-size:92%; }
.inquiryForm, .confirmBtn { width:99%; margin:0 auto; }
.inquiryForm, .confirmBtn { border-top:solid 1px #FFF; border-left:solid 1px #FFF; -webkit-box-shadow:0 2px 3px #999; -moz-box-shadow:0 2px 3px #999; box-shadow:0 2px 3px #999; }
.inquiryForm th, .inquiryForm td { vertical-align:middle; border-bottom:solid 1px #FFF; border-right:solid 1px #FFF; padding: 0.7em 0.5em 0.3em; }
.inquiryForm th { width:12em; white-space:nowrap; background-color:#CCC; }
.inquiryForm td { text-align:left; background-color:#F0F0F0; word-break: break-all; }
.confirmBtn td { text-align:center; background-color:#E6E6CC; }
.inquiryForm p, .confirmBtn p { margin:0; }
.inquiryForm span, .confirmBtn span { color:#666; font-size:85%; }
.inquiryForm span.essential, span.essential { color:#C00; margin:0 5px 0; }
.FormAelect {}
.FormTextArea { width:400px; height:120px; }
.FormText { width:400px; }
#POST {}
#TEL {}
#FAX {}



#SubmitButton, #ButtonButton {
	width:10em;
	font-size: 1.2em;
	background-color: #000;
  overflow:visible; 
	padding: 0.6em 3em;
	color: #fff;
	border-style: none;
}
#ButtonButton {
	margin:0 0.5em;
}

#SubmitButton:hover, 
#ButtonButton:hover {
  opacity: 0.6;
}

.g-recaptcha {
	margin-left:0.4em;
}





/*-----背景mov---------------------------*/

body {
  padding: 0;
  margin: 0;
  background-size: cover;
}

#big-video-wrap {
  color: #666;/* 動画のメッセージを目立たなくする */
  z-index: 1;
	background-color:#666; 
	
	background-image:url('../img/loading03.gif');/* ローディング */
	background-position:50% calc(100vh / 2 + 80px );
	background-repeat: no-repeat;
}

/*-----背景mov end---------------------------*/






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

.top_head {
	position:fixed;
	display: block;
	width:100%;
	top:0;
	background-color:rgba(0,0,0,0.15);
	overflow:hidden;
	z-index: 200;
}

.mov_logo {
	display: block;
	height: auto;
	overflow:hidden;
	float:left;
}

.mov_logo img {
  width: 240px;
	margin: 24px 0 0 50px;
}

.mov_headmenu {
	position:absolute;
	display:block;
	width:702px;
	height:22px;
	top:0;
	right:50px;
	margin: 6px 0 0 0;
	padding:0 20px 0 0;
	text-align:right;
	font-size:90%;
	float:right;
}

.mov_headmenu ul {
	display:inline-block;
}

.mov_headmenu ul li {
	display:block;
	margin-left:2em;
	float: left;
}

.mov_headmenu ul li a {
	color:#fff;
}
.mov_headmenu ul li a:hover {
	color:#e55058;
}





/*-----top grobal menu---------------------------*/


#gnav_top {
	display: block;
	height: 58px;
	margin-top: 30px;
	margin-right:98px;
	float:right;
}

 .nav1 { width:89px; }
 .nav2 { width:215px; }
 .nav3 { width:111px; }
 .nav4 { width:111px; }
 .nav5 { width:111px; }
 .nav6 { width:111px; }
 .nav7 { width:160px; } /*20230110 */
 
#gnav_top ul {
	width:605px;
	text-align:right;
}
 
#gnav_top a {
	display: table-cell;
  height:28px;
	vertical-align: middle;
	padding-top: 9px;
	padding-bottom: 10px;
	color: #fff;
	font-size:90%;
	text-decoration: none;
}

#gnav_top a span {
	font-weight: bold;
}

#gnav_top a:hover {
  height:28px;
	vertical-align: middle;
	
	border-bottom:solid 3px #b5252d;
	border-radius:1.5px;
	border-image-outset: 3px;
}


#gnav_top li {
	text-align: center;
	float: left;
}

#gnav_top li:first-child {
	margin-left: 1px;
}

#gnav_top li::before {
	display:block;
	content: " ";
	width: 1px;
	height: 22px;
	margin: 10px 0 0 0;
	float:left;
	background-color:#d2d2d2;
}




/*-----header---------------------------*/

#header {
	display:block;
	height: 120px;   
}

#headerlogo {
	display: block;
	width: 298px;
	margin-top: 56px;
	float: left;
}

#headerlogo_pop {
	display: block;
	/* width: 298px; */
  width: 100%; /* 20250526 */
  text-align: center; /* 20250526 */
}

#headerlogo img {
	width: 75%;
}

#headerlogo_pop img {
	width: 50%; /* 20250526 */
  margin: 0.5em auto 0; /* 20250526 */
}

#headerlogo_basic img {
	width: 75%;
}





/*-----grobal menu---------------------------*/


#gnav {
	display: block;
	height: 58px;
	margin-top: 48px;   /*初期設定*/
	float:right;
}
	
#gnav ul{
	display: block;  /*改*/
	width:722px; /* 20230110 不要 */
	text-align:right;
}

#gnav a {
	display: table-cell;
	height: 32px;
	vertical-align: middle;
	padding-top: 13px;  /*改*/
	padding-bottom: 10px;  /*改*/
	color: #63635e;
	font-size:90%;
	text-decoration: none;
}

#gnav a span {
	font-weight: bold;
}

#gnav a:hover {
	height: 32px;
	vertical-align: middle;
	
	border-bottom:solid 3px #b5252d;
	border-radius:1.5px;
	border-image-outset: 3px;
}

#gnav a.select {
	height: 32px;
	vertical-align: middle;
	
	border-bottom:solid 3px #b5252d;
	border-radius:1.5px;
	border-image-outset: 3px;
}



#gnav li {
	text-align: center;
	float: left;
}

#gnav li:first-child {
	margin-left: 6px;
}


#gnav li a:last-child::after {
	display:block;
	content: " ";
	width: 1px;
	height: 26px; 
	margin: -8px 0 0 0;
	float:right;
	background-color:#d2d2d2;
}




#gnav        { width:554px; }
 #gnav a.nav1, .gnav_mind { display:none; } /* 企業理念 削除 */

#gnav_top        { width:494px; }
 #gnav_top a.nav1, .gnav_mind { display:none; } /* 企業理念 削除 */





/*-----top nav---------------------------*/


.header_border {
	display:block;
	width:100%;
	height:3px;
	border-top:solid 2px #fff;
	border-bottom:solid 3px #fff;
}

.gray {	background-color:#63635e; }
.red	{	background-color:#b5252d; }

.header_border .container {
	display:block;
	height:3px;
}





/* ----------------------top promotion エリア---------------------- */


#promotion {
	height: calc(100vh - 100px);
	margin: 0 0 3.9em 0;
  position:relative;
  z-index:101;
	opacity: 1.0;
	text-align:center;
}

.catch_copy {
	width: 1050px;
	height: 100vh;
	margin: 60px auto 0 ;
	overflow: hidden;
	position: relative;
}

.catch_copy img {
  top:calc( calc(100vh - 550px) / 2);
  position: absolute;
		
	width: 100%;
  left: 0;
}




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

a.arrow {
	position: relative;
  padding-top: 60px;
  bottom: 100px;
	color:#fff;
  z-index:103;
}

a.arrow:hover {
	color:#e55058;
}

a.arrow span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


#body_contents {
	margin-top:-50px;
	padding-top:50px;
}





/*-----header固定---------------------------*/

 .fixed_header {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 105;
}





/*-----背景---------------------------*/


.bg_white {
	background-color: rgba(255,255,255,1.0);
	overflow:hidden;
}
.bg_trgray {
	background-color: rgba(0,73,93,0.35);
	overflow:hidden;
}
.bg_rightgray {
	background-color: rgba(238,237,238,1.0);
	overflow:hidden;
}





/*-----見出し---------------------------*/

.sub_title_container {
	display:block;
	width:1150px;
	margin:0 auto -1.4em;
	overflow:hidden;
}
.sub_title_container_1st {
	display:block;
	width:1150px;
	margin:5.4em auto -1.4em;
	overflow:hidden;
}



h2.page_subtitle {
	display: block;
	margin-bottom: 1em;
	font-size: 257%;
	float:left;
}

.bg_white h2, 
.bg_rightgray h2, 
.child_contents h2 {
	color:#b5252d;
}

.bg_trgray h2 {
	color:#ffffff;
}




/* STS Now お知らせ一覧ボタン */

.and_more {
	margin-top:3.4em;
	float:right;
}




/* ソリューション プロダクト概要 */

.title_maintext {
	width:46%;
	text-align:left;
	float:left;
}

.title_mainimage {
	width:50%;
	margin-bottom:5.7em;
	float:right;
}
.title_mainimage img {
	width:100%;
}

.child_contents h2.page_subtitle {
	width:100%;
	float:left;
}

.child_contents h2.page_subtitle_cases {
	width:100%;
	font-size:200%;
	float:left;
}





.grandchild_catchcopy {
	margin:1.6em 0 1.6em 0;
	font-size: 160%;
	font-weight:bold;
}

h2.page_subtitle_grandchild {
	display: block;
	width: 100%;
	margin:-0.6em auto 1em;
	font-size: 257%;
	text-align:center;
}

h2.page_subtitle_grandchild {
	display: block;
	width: 100%;
	margin:0 auto 1em;
	font-size: 257%;
	text-align:center;
}

.child_contents h2.page_subtitle_grandchild {
	width:900px;
	text-align:center;
}

.child_contents h2.page_subtitle_grandchild span {
	font-size:70%;
}

.child_contents h2.page_subtitle_grandchild span.t_blk {
	font-size:100%;
}

p.grandchild_overview {
	width:70%;
	margin:0 auto 3em;
}


.child_contents h3.h3_level1 { 
	display: block;
	margin-bottom:2em;
	padding-bottom:0.1em;
	border-bottom: solid 3px #cdcdcd;
	position: relative;
	font-size:167%;
	z-index: 1;
}
.child_contents h3.h3_level1:after { 
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #b5252d;
	bottom: -3px;
	width:25%;
}





/*　クッキーリスト関連  */

.single_p #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2 h3#cookie-policy-title { /* cookie notice 20220309 */
	color:#b5252d;
	font-size:150%;
	z-index: 1;
	text-indent : -1em;
	padding-left : 1em;
	margin-top:3em;
}

#ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section h4 { /* cookie notice 20220309 */
	display:block;
	margin: 2.2em 0 0.6em 0; 
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section table { /* cookie notice 20220309 */
	width:calc( 100% - 2px );
}


.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description { /* cookie notice 20220309 */
				color: #231815;
}

.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
				color: #231815;
}





/*　三角矢印　*/

.triangle_top {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #aaa;
		margin:1em auto 0;
}
.triangle_right {
  width: 0;
  height: 0;
  border-left: 30px solid #aaa;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
		margin:1em auto 0;
}
.triangle_left {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 30px solid #aaa;
  border-bottom: 30px solid transparent;
		margin:1em auto 0;
}
.triangle_bottom {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #aaa;
		margin:1em auto 0;
}











/*-----見出し H3 H4 ---------------------------*/

.child_contents h3.h3_level2 {
	color:#b5252d;
	font-size:150%;
	z-index: 1;
	text-indent : -1em;
	padding-left : 1em;
}

.child_contents h3.h3_level2.lebel2_noindent {
	text-indent: 0;
	padding-left : 0;
}

.child_contents h3.h3_level2 span {
	margin-left:1em;
	color:#231815;
	font-size:80%;
}

.child_contents h3.h3_level3 {
	color:#b5252d;
	font-size:150%;
	margin: 2em 0 2em 0;
	text-align:center;
}

.child_contents h4 {
	position:relative;
	padding: 0.4em 0 0.1em;
	font-size:140%;
	border-bottom: solid 1px #cdcdcd;
}

.casestudies_cliientname h4 {
	position:relative;
	margin: 0.5em 0;
	padding: 0 0 0.1em 0;
	font-size:140%;
	border-bottom: solid 1px #cdcdcd;
}

.child_contents h4:after {
	position:relative;
content: "";
display: block;
top:2px;
height: 1px;
background: -moz-linear-gradient(to right, rgb(99, 99, 94), transparent);
background: -webkit-linear-gradient(to right, rgb(99, 99, 94), transparent);
background: linear-gradient(to right, rgb(99, 99, 94), transparent);
}




/* 事例紹介 */

p.case_incharge {
	font-size:160%;
	font-weight: bold;
}

.case_chaptermenu {
margin:0 0 0.6em 0;
	padding: 0em 0em 1.0em 0em;
}

ul.case_chaptermenu li {
	padding: 0 0 0 1em;
	margin-bottom: 0.5em;
	background:url(../img/arrow_Red.gif) no-repeat left 0.3em;
}

.case_client {
	clear:both;
	display:block;
	padding: 2em 8em 1.6em 8em;
	margin-bottom:2em;
	border:solid 1px #ccc;
	border-radius: 3px;
	overflow:hidden;
}

.client_company img {
	width:100%;
	margin-bottom:0.6em;
}

.client_staff li {
	display:block;
	width:100%;
	float:left;
}

.client_staff li img {
	width:40%;
	margin: 0 5% 1em 0;
	float:left;
}

.client_photo,.client_photo_2 {
	display:block;
	width:100%;
	overflow:hidden;
}

.client_photo img {
	width:32%;
	margin: 2em 0.5% 2em;
	float:left;
}
.client_photo_2 img {
	width:49.0%;
	margin: 2em 0.5% 2em;
	float:left;
}

.case_dialogue p {
	width:70%;
	margin-left:15%;
}

.talk_sts {
	color:#b5252d;
}

.talk_client {
	color:#6633cc;
}

p.notes {
	clear:both;
	display:block;
	width:calc(70% - 4em);
	border:solid 1px #ccc;
	border-radius: 3px;
	padding: 1.2em 2em 0.6em 2em;
	line-height:1.3em;
}




.casestudies_client {
	display:block;
	width: 40%;
	padding: 0.6em 1.8em 1.6em 1.8em;
	margin-top:2em;
	border:solid 1px #ccc;
	border-radius: 3px;
	overflow:hidden;
}
.casestudies_cliientname {
	overflow:hidden;
}
.casestudies_cliientname img {
	margin-top:1.6em;
}

.casestudies_client dt {
	display:block;
	width:4em;
	float:left;
}
.casestudies_client dd {
	width:28em;
	margin:0 0 0.5em;
	float:left;
}



.casestudies_incharge {
	clear:both;
	display:block;
	padding: 2em 8em 1.6em 8em;
	margin:4em 0 2em;
	border:solid 1px #ccc;
	border-radius: 3px;
	background-color:#fffdfc;
	overflow:hidden;
}

.case_summary {
	margin-bottom:6em;
	padding:2.8em 6em 0.6em 6em;
	line-height:1.8em;
	border:solid 1px #999;
	border-radius:3px;
	overflow:hidden;
}

.case_summary dt {
	width:13%;
	float:left;
}

.case_summary dd {
	width:80%;
	float:left;
}

ul.casestudies_tag {
	display:inline-block;
	text-align:center;
	margin:0 auto;
	font-size:90%;
	overflow:hidden;
}

.casestudies_tag li {
	padding:0.3em 1em 0em;
	margin:0 0.3em;
	border:solid 1px #ccc;
	border-radius:0.8em;
	background-color:#fafafa;
	float:left;
}


.arrow01{
	clear:both;
  width: 3em;
  height: 3em;
	margin:0 auto 3em;
  border: 5px solid;
  border-color:  transparent transparent #b5252d #b5252d;
  transform: rotate(-45deg);
}


.notes span {
	display:block;
	text-indent:-3em;
	padding-left:3em;
	margin-bottom:0.6em;
}

#case_comment {
	display:block;
	width:calc(100% - 8.2em);
	border:solid 1px #ccc;
	border-radius: 3px;
	padding: 2.2em 4em 1.6em 4em;
	line-height:1.3em;
}


ul.chapter_navi { width:auto; margin:0 auto 2em; list-style:none; overflow:hidden; }
ul.chapter_navi li { float:left; margin:0 4px; font-size:14px; }
ul.chapter_navi li span,
ul.chapter_navi li span.disable,
ul.chapter_navi li a  { display:inline-block; padding:1px 6px; border:solid 1px #CCC; text-shadow:0 2px 0 #FFF; }
ul.chapter_navi li span { font-weight:bold; color:#C03418; border-color:#C03418; background:url("../img/closeBtn_BG.png") bottom repeat-x; }
ul.chapter_navi li span.disable { color:#CCC; background-image:none; background-color:#F0F0F0; text-shadow:none; }
ul.chapter_navi li a { background:#F0F0F0 url("../img/closeBtn_BG.png") top repeat-x; text-decoration:none; }
ul.chapter_navi li a:hover { background-color:#D7E1F0; }
ul.chapter_navi li.prev { font-weight:bold; }
ul.chapter_navi li.next { font-weight:bold; }


.backstage_members {
	margin-bottom:7em;
	border:solid 1px #ccc;
	border-radius:3px;
	padding: 1em 2em;
	overflow:hidden;
}






/*-----タイルメニュー---------------------------*/

ul.tiled_menu {
	width:1150px;
	margin:0 auto 0;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.tiled_menu li {
	width:285px;
	min-height:305px;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	float:left;
	overflow:hidden;
}
ul.tiled_menu li a {
	display:block;
	width:285px;
	min-height:305px;
}
ul.tiled_menu li a:hover {
	color:#e55058;
}


#top_additionalmenu ul.tiled_menu {	/*-----20230222----*/
	justify-content:center;
}


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

.bg_white .tiled_menu li {
	border-color:#ccc;
	background-color:#fff;
}

.bg_rightgray .tiled_menu li {
	border-color:#eeedee;
	background-color:#fff;
}

.tiled_menu li:nth-child(4n+1) {
	border-left:transparent;
}

.sts_now_imgtrm {
	display:block;
	overflow:hidden;
	position: relative;
	width:285px;
	height:170px;
	background-color:#f4f4f4;
}
.sts_now_imgtrm img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#top_stsnow .tiled_menu li p /*,
  position: relative;
	top:-1px;
 border-top: 1px solid #eee;/* メニュー画像区切り線 */
}

.tiled_menu li img {
	display:inline-block;
	width:100%;
}
.tiled_menu p {
	padding:0 1.8em;
	margin-bottom:0.8em;
}

.stsnow_date {
	margin-bottom:0.6em;
	margin-top:1.2em;
	margin-right:1.2em;
	color:#b5252d;
	font-size:90%;
	float:left;
}
.stsnow_list_date {
	display:block;
	margin-bottom:-1em;
	margin-top:-0.3em;
	color:#b5252d;
	font-size:90%;
}

.tiled_menu_top_stsnow .stsnow_cattegory {
	display:block;
	width:10em;
	margin-top:1.0em;
	margin-bottom:0.4em;
	border:solid 1px;
	border-radius:2px;
	padding:0.1em 0.5em 0;
	font-size:80%;
	text-align:center;
	float:right;
}
.tiled_menu .stsnow_cattegory {
	display:block;
	width:12em;
	margin-top:1.0em;
	margin-bottom:0.4em;
	border:solid 1px;
	border-radius:2px;
	padding:0.1em 0.5em 0;
	font-size:80%;
	text-align:center;
	float:right;
}


.event_close {
	margin-bottom:0.6em;
	margin-top:1.3em;
	/*margin-left: 1em;*/
	color:#9c9c9c;
	font-size:80%;
	float:left;
	font-weight: bold;
}
.tiled_menu .event_close {
	display: none;
}

.category_ir 		{color:#b5252d;border-color:#b5252d;}
.category_news 		{color:#4d8a1b;border-color:#4d8a1b;}
.category_product 	{color:#2555b5;border-color:#2555b5;}
.category_notice 	{color:#d46600;border-color:#d46600;}
.category_company 	{color:#63635e;border-color:#63635e;}
.category_event 	{color:#a240b0;border-color:#a240b0;}
.category_close 	{color:#9c9c9c;border-color:#9c9c9c;}

.tiledmenu_lead {
	display:block;
	width:100%;
	margin:0;
	line-height:1.6em;
	font-size:90%;
	overflow:hidden;
}

.tiled_menu h3 {
	padding:0 1.8em;
	font-size:100%;
	color:#63635e;
}

#solution_menu h3, #casestudies_menu h3, #child_solution_menu h3 {
	color:#b5252d;
}

#solution_menu a:hover h3, #casestudies_menu a:hover h3, #child_solution_menu a:hover h3 {
	color:#e55058;
}


.child_contents ul.tiled_menu li {
	width:380px;
	min-height:60px;
	float:left;
}
.child_contents ul.tiled_menu li a {
	display:block;
	width:380px;
	min-height:60px;
}

.child_contents .tiled_menu li:nth-child(4n+1) {
	border-left:solid 1px #eeedee;
}

.child_contents .tiled_menu li:nth-child(3n+1) {
	border-left:transparent;
}

.child_contents .tiled_menu a:hover h3 {
	color:#e55058;
}










/*----- 202203 TOP STSWOW & EVENT ---------------------------*/



.top_stsnow-event{
	display:block;
	width:1150px;
	margin:5.4em auto 5.8em;
	overflow:hidden;
}


.top_stsnow_left {
	float: left;
	padding-right: 63px;
	border-right: solid 1px #ccc;
}

.top_event_right {
	display:block;
	width:268px;
	padding-left: 24px;
	float: right;
}


.sub_title_container_top_stsnow {
	display:block;
	width:794px;
}
.sub_title_container_top_stsnow h2 {
	margin-top:0.6em;
	margin-bottom:0.7em;
}

.sub_title_container_top_stsnow .and_more {
    margin-top: 2.6em;
    float: right;
}


.sub_title_container_top_event {
}





/*-----タイルメニュー 202203 TOP STSWOW & EVENT---------------------------*/


/*----- STSWOW ---------------------------*/

ul.tiled_menu_top_stsnow {
	width:794px;
	margin:0 auto 0;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.tiled_menu_top_stsnow li {
	width:264px;
	min-height:calc( 158px + 4em );
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	float:left;
	overflow:hidden;
}

ul.tiled_menu_top_stsnow li a {
	display:block;
	width:264px;
	min-height:calc( 158px + 4em );
}

ul.tiled_menu_top_stsnow li a:hover {
	color:#e55058;
}





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

.bg_white .tiled_menu_top_stsnow li {
	border-color:#ccc;
	background-color:#fff;
}

.tiled_menu_top_stsnow li:nth-child(3n+1) {
	border-left:transparent;
}

.tiled_menu_top_stsnow .sts_now_imgtrm {
	display:block;
	overflow:hidden;
	position: relative;
	width:264px;
	height:158px;
	background-color:#f4f4f4;
}
.tiled_menu_top_stsnow .sts_now_imgtrm img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  *top: 0%; /* ie7 */
  *left: 0%; /* ie7 */
}

.top_stsnow_left .tiled_menu_top_stsnow li p {
  position: relative;
	top:-1px;
 border-top: 1px solid #eee;/* メニュー画像区切り線 */
}

.tiled_menu_top_stsnow li img {
	display:inline-block;
	width:100%;
}

.tiled_menu_top_stsnow p {
	padding:0 1.8em 1.8em;
	margin-bottom:0;
}


.tiled_menu_top_stsnow li:nth-child(n+10) {
	display:none;
}



/*----- EVENT 202203 ---------------------------*/


.bg_white .top_event_right h2.page_subtitle {
	display: block;
	margin: 1.8em 0 1.3em;
	font-size: 133.3%;
	float:left;
}

.bg_white .top_event_right h2 {
	color:#63635e;
}






/*----- EVENT ---------------------------*/

ul.tiled_menu_top_event {
	width:268px;
	margin:1.0em auto 0;
	
    display:block;
	float: left;
}

ul.tiled_menu_top_event li {
	width:268px;
	min-height:90px;
	float:left;
	overflow:hidden;
}

ul.tiled_menu_top_event li a {
	display:block;
	width:268px;
	min-height:90px;
}

ul.tiled_menu_top_event li a:hover {
	color:#e55058;
}


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

.bg_white .tiled_menu_top_event li {
	background-color:#fff;
}

.tiled_menu_top_event .sts_now_imgtrm {
	display:block;
	overflow:hidden;
	position: relative;
	width:90px;
	height:90px;
	background-color:#f4f4f4;
	float: left;
}
.tiled_menu_top_event .sts_now_imgtrm img {
 
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
	object-fit:cover;
	border: solid 1px #eee;
}

.top_event_right .tiled_menu_top_event li p {
  position: relative;
	top:-1.2em;
}

.top_event_right .tiled_menu_top_event li p span.stsnow_cattegory {
	display: none;
}

.tiled_menu_top_event li p {
	padding:0 0 0 1em;
	margin-bottom:2.2em;
	width: calc(268px - 90px - 1.1em);
	float: left;
}



.tiled_menu_top_event li:nth-child(n+5) {
	display:none;
}







/*-----タイルメニュー 3点リーダーカット-----*/

ul.tiled_menu_top_stsnow li p span.tiledmenu_lead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
  overflow: hidden;
}

ul.tiled_menu_top_event li p span.tiledmenu_lead {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
}














/*-----リストメニュー---------------------------*/


ul.list_menu {
	margin:0 0 0.6em 0;
	padding: 2.4em 10.8em 1.0em 10.8em;
	background-color:#fff;
}
ul.list_menu h3 {
	font-size: 100%;
}

ul.list_menu li {
	padding: 0 0 0 1em;
	margin-bottom: 3.8em;
	background:url(../img/arrow_Red.gif) no-repeat left 0.3em;
}



/*-----top stsnow---------------------------*/

 #top_stsnow {
	margin-bottom: 8.6em;
}

/*-----top us通信---------------------------*/

 #top_usnews_remodel h2.page_subtitle {
 	display:block;
	 width:100%;
	 margin: 1.8em 0 1.5em;
}

 .bg_rightgray #top_usnews_remodel h2 {
	color:#fff;		
		filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.9));
}

#top_usnews_remodel .container {
	margin-bottom:0;
		background:url("../img/usnews_flagmap.png");
		background-repeat:no-repeat;
		background-position:left top;
		background-size:contain;
		background-size:12em;
}

#top_usnews_remodel .usnews_toptickerarea {
	position:relative; 
 	background-color:#fff;
	 overflow:hidden;
		
 	display:inline-block;
	 width:calc( 75% - 2.6em );
		height:171px;
	 margin:-2.0em 0 6em 0;
	 padding:0 2em 0 0;
		
		float:left;
}

#top_usnews_remodel .usnews_toptickerarea ul li a {
	margin:0;
		padding:0;
}
#top_usnews_remodel .usnews_toptickerarea ul li strong {
	display:block;
	margin:1em 0 0.6em 0;
	 font-size:125%;
	 font-weight:bold;
	 line-height:1.5em;
		padding:0;
		
	 width:calc( 100% -285px -1em );
}
#top_usnews_remodel .usnews_toptickerarea ul li img {
	width:285px;
	margin-right:1em;
	float:left;
}

.usnews_toptickerarea ul li {
	 font-size:125%;
	 font-weight:bold;
}
#top_usnews_remodel .usnews_toptickerarea ul li {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
		
  width: 100%;
}
#top_usnews_remodel .usnews_toptickerarea ul li span {
	 font-size:80%;
	 font-weight:normal;
	 line-height:1.5em;
		
	 width:calc( 100% -285px -1em );
}
#top_usnews_remodel .usnews_toptickerarea ul li span::after {
	content:"  ";
}




/*-----u.s.frontline内 us通信---------------------------*/

 #usfront_usnews_remodel h2.page_subtitle {
 	display:block;
	 width:100%;
	 margin: 3.8em 0 1.5em;
}

 .bg_rightgray #usfront_usnews_remodel h2 {
	color:#fff;
		
		filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.9));
}

#usfront_usnews_remodel .container {
	margin-bottom:0;
		background:url("../img/usnews_flagmap.png");
		background-repeat:no-repeat;
		background-position:left top 5em;
		background-size:contain;
		background-size:12em;
}

#usfront_usnews_remodel .usnews_toptickerarea {
	position:relative; 
 	background-color:#fff;
	
	 overflow:hidden;
		
 	display:inline-block;
	 width:calc( 75% - 2.6em );
		height:171px;
	 margin:-2.0em 0 2em 0;
	 padding:0 2em 0 0;
		
		float:left;
}

#usfront_usnews_remodel .usnews_toptickerarea ul li a {
	margin:0;
		padding:0;
}

#usfront_usnews_remodel .usnews_toptickerarea ul li strong {
	display:block;
	margin:1em 0 0.6em 0;
	 font-size:125%;
	 font-weight:bold;
	 line-height:1.5em;
		padding:0;
		
	 width:calc( 100% - 285px -1em );
}

#usfront_usnews_remodel .usnews_toptickerarea ul li img {
	width:285px;
	margin-right:1em;
	float:left;
}

.usnews_toptickerarea ul li {
	 font-size:125%;
	 font-weight:bold;
}

#usfront_usnews_remodel .usnews_toptickerarea ul li {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
		
  width: 100%;
}

#usfront_usnews_remodel .usnews_toptickerarea ul li span {
	 font-size:80%;
	 font-weight:normal;
	 line-height:1.5em;
		
	 width:calc( 100% - 285px -1em );
}

#usfront_usnews_remodel .usnews_toptickerarea ul li span::after {
	content:"  ";
}


/*-----top us通信 改 タイルメニュー---------------------------*/

.tiled_menu_ticker {
	display:inline-block;
	width:25%;
	float:right;
	margin:-2.1em 0.6em 0 0;
}

.tiled_menu_ticker div { 
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	float:left;
	overflow:hidden;
	
	width:100%;
	min-height:171px;
}

.tiled_menu_ticker div a {
	display:block;
	width:100%;
	padding:0 0 0 0;
}

.tiled_menu_ticker div a:hover ,.tiled_menu_ticker div a:hover h3{
	color:#e55058;
}



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

.bg_white .tiled_menu_ticker div {
	border-color:#ccc;
	background-color:#fff;
}

.bg_rightgray .tiled_menu_ticker div {
	border-color:#eeedee;
	background-color:#fff;
}

.tiled_menu_ticker .sts_now_imgtrm {
	display:block;
	overflow:hidden;
	position: relative;
/*	width:285px;
	height:170px; 20211011 */ 
	background-color:#f4f4f4;
	
	width:100%;
	height:84px;
}
.tiled_menu_ticker .sts_now_imgtrm img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.tiled_menu_ticker div img {
	display:inline-block;
	width:100%;
}
.tiled_menu_ticker p {
	padding:0 1.8em;
	margin-bottom:0.8em;
}

.tiledmenu_lead {
	display:block;
	width:100%;
	margin:0;
	line-height:1.6em;
	font-size:90%;
	overflow:hidden;
}

.tiled_menu_ticker h3 {
	padding:0 1.8em;
	font-size:100%;
	margin:0.6em 0 0 0;
}

/*
.tiled_menu_ticker a[href^="http"] h3 {
	margin-right:0.6em;
	padding-right:1.5em;
}
*/



/*-----usnews 一覧---------------------------*/

.usnews_issuelist {
	position:relative; 
 	display:block;
	 width:calc( 100% - 14em );
	 margin:-0.2em 0 2em 0;
	 padding:0.6em 2em;
 	background-color:#fff;
	 float:right;
	 overflow:hidden;
}
.usnews_issuelist ul li { 
	 font-size:125%;
	 font-weight:bold;
	 line-height:3.2em;
}
.usnews_issuelist ul li {
  width: 48em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.usnews_issuelist ul li span {
	 font-size:80%;
	 font-weight:normal;
}

#usnews_menu h3.issue_date {
	clear:both;
	color:#b5252d;
	float:left;
}




/*-----usnews 詳細---------------------------*/

.usnews_subjects {
	float:left;
}
.issue_header {
	display:block;
	margin:0 auto 8em;
	overflow:hidden;
}
.usnews_subjects {
	display:block;
	width:calc( 100% - 2px - 4em );
	padding:0.3em 2em 1.3em;
	border:solid 1px #ccc;
	border-radius:5px;
}

.issue_header ul {
	display:block;
	margin:-0.5em 0 0 2em;
}
.issue_header ul li {
	line-height:2em;
	font-weight:bold;
}
.issue_header ul li::before {
	content:"□";
	margin-right:0.3em;
}
.issue_header ul li span {
	font-weight:normal;
}





/*-----top PickUp---------------------------*/

 #top_pickup {
	position:relative;
	margin-bottom: 5.4em;
	z-index:108;
}

.bxslider li {
	display: block;
	background-color:#fff;
	width:100%;
	max-height:320px;
	overflow:hidden;
}
.bxslider li img {
	position:relative; 
	display: block;
	width:50%;
	top:-4px;
	float:left;
}
.pickup_explane {
	display: block;
	width:calc(50% - 4em);
	max-height:320px;
	margin: 0;
	padding:1em 2em;
	float:left;
}
.pickup_explane h3 {
	width:100%;
	font-size:150%;
	float:left;
}
p.pickup_catchcopy {
	font-size:130%;
	font-weight:bold;
}
.pickup_explane p {
	width:100%;
	margin: 0 0 1em 0;
	float:left;
}





/*-----top additional menu---------------------------*/


#top_additionalmenu {
	position:relative;
	margin-bottom: 5.4em;
	overflow:hidden;
	z-index:108;
}
#top_additionalmenu .container {
	margin: 6.7em auto 0.8em;
}


#top_additionalmenu li {
	background-color:#fff;
}



/*-----top license---------------------------

/*-----top license 改 20210416---------------------------*/


#top_license {
}

#top_license .license_badge_flex {
  	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
	justify-content:center;
			-webkit-box-align: start;
			-ms-flex-align: start;
	align-items:flex-start;
  	-ms-flex-wrap: wrap;
 flex-wrap: wrap;
	
	width:720px;
	margin:80px auto 0.8em;
}

#top_license .license_badge_flex div {
	display:block;
	text-align: center;
	vertical-align:top;
	font-size: 86%;
	color: #646464;
	
	width:240px;
}

#top_license .license_badge_flex div:nth-of-type(4),
#top_license .license_badge_flex div:nth-of-type(5),
#top_license .license_badge_flex div:nth-of-type(6) {
	margin-top:3em;
}

#top_license .license_badge_flex img {
	height: 112px;
	margin-bottom:0.6em;
}





.partner_badge {
	display:block;
	width:864px;
	margin:40px auto 0.8em;
  text-align: center;
}
.partner_badge_01 {
	width:100%;
	margin:0 auto;
	
  display: flex; /*202205*/
  justify-content: center; /*202205*/
  align-items: center; /*202205*/
}
.partner_badge_02 {
	width:100%;
	margin:60px auto 20px;
	
  display: flex; /*202205*/
  justify-content: center; /*202205*/
  align-items: center; /*202205*/
}
	
.partner_badge img {
	display:inline-block;
	margin-left:50px;
}
	
.partner_badge img:nth-child(3n+1) {
	margin-left:0px;
}

img.oracle { width: 220px; margin-top:3px; }
img.sap { width: 105px; margin-bottom:0px; }
img.microsoft { width: 130px; }
img.automationanyware { width: 170px; width:120px;/*202205*/}
img.googlecloudpartner { width: 175px; margin-bottom:5px; }
img.googlecloudpartner_premier { width: 100px; margin-bottom:0px; }
img.vmware { width: 150px; }
img.amazon { width: 120px; }
img.servicenow { width: 125px; margin-left:100px; margin-left:60px;/* margin-bottom:15px;*/ }
img.celonis{ width: 82px; margin-left:125px; margin-left:90px;/* margin-bottom:15px;*/ }
img.snowflake { width: 140px;/* margin-bottom:15px;*/ }

	
.partner_badge img.snowflake {
	margin-left:80px;
}

.partner_badge_03 {
	display:block;
	width:568px;
	margin:0 auto;
}



/*-----top banner---------------------------*/

#top_banner .container {
	text-align: center;
	margin-bottom:6em;
}

#top_banner table {
	margin:80px auto 0.8em;
}

#top_banner td {
	text-align: center;
	vertical-align:top;
	font-size: 86%;
	color: #646464;
}

.banner_table img {
	margin:0 10px 0.5em 0;
}

img.nippon_it_ekiden {	width:225px; }



/*-----緊急　コロナウィルス---------------------------*/

.extra_information {

	display:inline-block;
	margin:6em auto 0em;
	padding: 0 0 0 1em;
	font-size:120%;
	background:url(../img/arrow_Red.gif) no-repeat left 0.3em;
}



.top_extrainfo .extra_information {
	display:inline-block;
	margin:0em auto 1.4em;
	padding: 0 0 0 1em;
	font-size:90%;
	background:url(../img/arrow_Red.gif) no-repeat left 0.3em;
}



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



.child_headmenu {
	position:absolute;
	display:block;
	width:1150px;
	height:20px;
	border-bottom:solid 1px #eeedee;
	top:0;
	margin: 6px 0 0 0;
	text-align:right;
	font-size:80%;
	font-weight: bold;
	float:right;
}

.child_headmenu ul {
	display:inline-block;
}

.child_headmenu ul li {
	display:block;
	margin-left:2em;
	float: left;
}

.child_headmenu ul li a {
	color:#63635e;
}

.child_headmenu ul li a:hover {
	color:#e55058;
}


/* ----------------------初期設定　英語無し---------------------- */

.child_headmenu ul li, .mov_headmenu ul li {
	float:right;
}

/* ----------------------パンくず エリア---------------------- */

#breadcrumb           { font-size: 90%; margin-bottom: 6em; }
#breadcrumb strong    { color:#63635e; font-size:116%; }

#breadcrumb a         { color: #666; }
#breadcrumb a:hover   { color:#e55058; }
#breadcrumb ol        { display:block; width: 1150px; height:3.6em; margin: 1.2em auto 0.3em; }
#breadcrumb ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
}
#breadcrumb ol li:before {
        /* liの前に記号追加 */
        content: " ｜ ";
}

#breadcrumb ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}

#breadcrumb .container { background:url(../img/border_shadow.png) no-repeat bottom left; background-size:contain; }




/*-----パンくず end---------------------------*/



/*-----ソリューション---------------------------*/

#solution_menu {
	overflow:hidden;
}

.outsoursing_menu {
	width: 990px;
	margin:4em auto 0;
}

.outsoursing_menu li { float:left; width:304px; margin:0 0 2em 39px; }
.outsoursing_menu li:nth-child(3n+1) {
	margin-left:0;
}
.outsoursing_menu li a { display:block; width:304px; height:82px; margin-bottom:9px; background-position:top; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
a.osm01 { background-image:url(../products/img/outsourcing_menu01.png); }
a.osm02 { background-image:url(../products/img/outsourcing_menu02.png); }
a.osm03 { background-image:url(../products/img/outsourcing_menu03.png); }
a.osm04 { background-image:url(../products/img/outsourcing_menu04.png); }
a.osm05 { background-image:url(../products/img/outsourcing_menu05.png); }
a.osm06 { background-image:url(../products/img/outsourcing_menu06.png); }
a.osm07 { background-image:url(../products/img/outsourcing_menu07.png); }

.outsoursing_menu li a:hover { background-position:bottom; }
.outsoursing_menu li p { font-size:92%; }

.pin_map_bottun {
	width:45%;
}
.pin_map_bottun img {
	width:90%;
	margin-right:10%;
}

.service_provider {
	font-size:90%;
	color:#999;
}


/* 3つ並びブロック */

.block_triple_wrap {
	display:flex;
	overflow:hidden;
}

.block_triple {
	display:block;
	width:calc(32% - 1em);
	margin-right:1%;
	padding:1em;
	float:left;
	background-color:#ebebe1;
}

.block_triple img {
	display:block;
	width:100%;
	margin:0 auto 2em;
}

.block_triple strong {
	display:block;
	margin:1em 0 1em 0;
	font-weight:bold;
	text-align:center;
}
.block_triple p {
	display:block;
	margin:0 auto 1em;
	width:80%;
	width:90%;	/* 20231215 JustSystem */
}


/* 4つ並びブロック */

.block_quattro_wrap {
	display:flex;
	overflow:hidden;
}

.block_quattro {
	display:block;
	width:calc(24% - 1em);
	margin-right:1%;
	padding:1em;
	float:left;
	background-color:#ebebe1;
}

.block_quattro img {
	display:block;
	width:60%;
	margin:0 auto;
}

.block_quattro strong {
	display:block;
	margin:1em 0 1em 0;
	font-weight:bold;
	text-align:center;
}
.block_quattro ul {
	display:block;
	padding-bottom:0;
}

.sns_block {
	text-align:center;
}
.sns_block img {
	width:5%;
	margin:0 5%;
}


/*-----ソリューション内お問い合わせ---------------------------*/

.inquiry_telephone {}
.inquiry_telephone img { vertical-align:middle; margin-right:4px; }
.inquiry_telephone strong { font-size:16px; }
.inquiry_telephone p { display:block; margin:8px 0 0!important; }


/*-----企業情報---------------------------*/

.division_office {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin-bottom:4.6em;
	overflow:hidden;
}
.division_office dt {
	width:10em;
	padding:1em 0 1em 0;
	float:left;
}
.division_office dd {
	display:inline-block;
	width:76%;
	margin: 1em 0 1em 1.4em;
	padding-left:1.4em;
	text-indent:0.2em;
	border-left:solid 2px #b5252d;
	float:left;
}




/* 採用情報 */


#recruit_txtbtn {
  display: block;
  width: 100%;
  margin-bottom: 3em;
}

#recruit_txtbtn li {
  width: 48.0%;
  float: left;
  margin: 0 1%;
}

#recruit_txtbtn li a {
  display: block;
  width:calc( 100% - 4.6em );
  color: #fff;
  padding: 1em 2.6em 1em 2em;
  background: linear-gradient(to bottom, #e4634d 0%,#e04a31 36%,#bb3115 37%,#8f1602 100%);
  outline: 2px solid #f53418;
  outline-offset: -2px;
  margin-bottom: 0.6em;
  box-shadow: 0 2px 2px #999;
}

#recruit_txtbtn li a:hover {
  background: linear-gradient(to bottom, #8f1602 0%,#bb3115 36%,#e04a31 100%);
}

#recruit_txtbtn .recruit_btn_title {
  position: relative;
  display: block;
  font-size: 144%;
  font-weight: bold;
  text-shadow: -1px -1px 0px #000;
}

#recruit_txtbtn .recruit_btn_title:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -0.7em;
  width: 100%;
  height: 2px;
  border-style: groove;
  border-radius: 4px;
  background: #fefefe;
}

#recruit_txtbtn .recruit_btn_lead {
  display: block;
  margin-top: 2.0em;
}


#internship_txtbtn {
  display: block;
  width: 98%;
  margin: 3em auto;
}

#internship_txtbtn a {
  display: block;
  color: #000;
  width:calc( 100% - 4.6em - 4px );
  padding: 1em 2.6em 1em 2em;
  background: linear-gradient(to bottom, #f0f0f0 0%,#cdcdcd 78%,#d1d1d1 100%);
  overflow: hidden;
  text-align: center;
  outline: 1px solid #c13418;
  outline-offset: -1px;
  border: solid 2px #fff;
  margin-bottom: 0.6em;
  box-shadow: 0 2px 2px #999;
}

#internship_txtbtn a:hover {
  background: linear-gradient(to bottom, #d1d1d1 0%,#cdcdcd 22%,#f0f0f0 100%);
}

#internship_txtbtn a div {
  display: inline-block;
  text-align: left;
}

#internship_txtbtn .internship_btn_title {
  position: relative;
  display: block;
  font-size: 144%;
  font-weight: bold;
  text-shadow: -1px -1px 0px #fff;
  float: left;
}

#internship_txtbtn .internship_btn_lead {
  position: relative;
  display: block;
  margin-left: 3.0em;
  float: left;
}

#internship_txtbtn .internship_btn_lead:before {
  content: "";
    display: inline-block;
    position: absolute;
  top: 0;
    left: -1.6em;
    bottom: -7px;
    width: 6px;
    height: 100%;
    border-radius: 5px;
  background: linear-gradient(to bottom, #e4624c 0%,#d4462f 51%,#951a06 100%);
}




/*-----共通---------------------------*/


/*.container {*/
body.page-id-32751 .container {
	margin-bottom: 5.7em;
}

.block_bottom {
	margin-bottom: 4.2em;
	overflow:hidden;
}

/*#page_title {*/
body.page-id-32751 #page_title {
	text-align:center;
	margin-bottom:5em;
}

.w100, .left_w100 {	width: 100%; }
.w90 {	width: 90%; }
.w80 {	width: 80%; }
.w70 {	width: 70%; }
.w67 {	width: 67%; }
.w60 {	width: 60%; }
.w55 {	width: 56%; }
.w50 {	width: 50%; }
.w48 {	width: 48%; }
.w45 {	width: 46%; }
.w40 {	width: 40%; }
.w35 {	width: 36%; }
.w30 {	width: 30%; }
.w30_president {	width: 30%; }
.w25 {	width: 26%; }
.w20 {	width: 20%; }
.w15 {	width: 12%; }
.w10 {	width: 10%; }
.wauto {	width: auto; }


h2.content_title {
	font-size:257%;
	line-height:1.0em;
	margin:1em 0 0.5em;;
}
h2.content_title span {
	font-size:67%;
	font-weight:normal;
}
.contents_overview img {
	display:block;
	margin: 0 auto 1em;
}

h2.content_title br, h2.content_title span {
	display:none;
}


.block_txt {
	display:block;
	margin:0 auto 1.6em;
	overflow:hidden;
}

.w70_area {
	display:block;
	margin: 0 auto 3em;
	width:71%;
}

.image_right {
	display:block;
	margin-left:45px;
	float:right;
	text-align:left;
}

.image_left {
	display:block;
	margin-right:45px;
	float:left;
	text-align:left;
}

.image_right,.image_left, .image_center {
	margin-bottom:1.8em;
	font-size:90%;
}

.image_right img,.image_left img {
	width:100%;
	margin-bottom:0.8em;
}

.image_center {
	width:100%;
	margin:2em 0 3em;
	text-align:center;
}

.image_center img {
	display:block;
	margin:0 auto 0.6em;
}

.image_reflect {
	min-height:320px;
}

.image_reflect img {
	width:calc(100% - 2px);
  -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(white));
   border: 1px solid #ccc;
}




ul.relative_list {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
ul.relative_list li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none;
}
ul.relative_list li strong {
	display:block;
	margin-bottom:0.3em;
	font-size:130%;
}
ul.relative_list li:before {
  content: "\025c6";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #21b384; /*アイコン色*/
	font-size:140%;
	margin:-0.1em 0 0 -0.7em;;
}

ul.li_texticon {
	margin: 0 0 2em 0;
  padding: 0 0 0 1.4em;
	text-indent:-1.4em;
	text-indent:-1.2em; /*202211*/
  position: relative;
	overflow:hidden;
		padding-top:0.6em; /* 202209 */
}
ul.li_texticon p {
	text-indent:0em;
  padding:0;
}
ul.li_texticon strong {
	text-indent:0em;
  padding:0;
}
ul.li_texticon li {
	margin: 0 0 0.2em 0;
  padding: 0;
		
		padding-left:1.2em; /* 202209 */
}
ul.li_texticon li p { /* 202209 */
	margin-left:-1.2em;
}
ul.li_texticon li ul.li_texticon li:before {
	padding-top:0; /* 202209 */
	margin-top: -0.2em; /* 202209 */
}


.icon_square > li:before {
  content: "■";
  color: #724725; /*アイコン色*/
	font-size:140%;
	
	position:absolute; /* 202209 */
    margin-top: -0.1em; /* 202209 */
}


.icon_square_blk > li:before {
  content: "■";
	font-size:100%;
  margin-right: 0.2em;
}


.icon_disk > li:before {
  content: "●";
	font-size:100%;
  margin-right: 0.2em;
}

.icon_check li:before {
  content: "\02714";
  color: #bf3100; /*アイコン色*/
	font-size:120%;
	
	position:absolute; /* 202209 */
    
    position: relative; /* 202405 */
	margin-right:0em; /* 202405 */
}

.icon_normal > li:before {
  content: "・";
	margin-right:0.2em;
}

.icon_dia > li:before {
  content: "◇";
	font-size:140%;
	
	position:absolute; /* 202209 */
	padding-top:0.4em; /* 202209 */
	
	margin-top:-0.6em; /* 20231130 */
	margin-left:-0.2em; /* 20231130 */
}


ul.li_texticon ol {
	margin: 0 0 2em 0;
  padding: 0 0 0 1.4em;
	text-indent:-1.4em;
  position: relative;
	overflow:hidden;
	list-style-type:decimal;
}

.icon_square ol li p {
	margin-bottom:1em;
}

.icon_square ol li:before {
  content: "　";
  color: #008fbf; /*アイコン色*/
	font-size:140%;
}

ol.li_policy li, ul.li_policy li {
	margin-bottom:0.8em;
	margin-bottom:1.8em;	/* 20231130 */
}

ol.li_policy li strong, ul.li_policy li strong {
	display:block;
	margin-bottom:0.4em;
}

ol.li_policy li p, ul.li_policy li p {
	margin-bottom:1.2em;
}

ol.li_policy li ul, ol.li_policy li ol {
	margin:1em 0 2em 1em;
}
ol.li_policy li li {
	margin-bottom:0.2em;
}







/* リストを孤閨で  20230710 */

.li_flexbox_2box {
	display:flex;
 justify-content:space-around;
}

.li_flexbox_2box li {
	display:block;
	padding:2.4em 1.6em 1.2em 1.6em ;
	box-sizing:border-box;
	border:solid 2px #fff;
	background-color: #eeeeed;
 box-shadow: 4px 4px 6px rgba(0, 0, 0, .3);
	margin-bottom:1em;
	background: rgb(255,255,255);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
}

.li_flexbox_2box li strong {
	display:block;
	font-size:140%;
}

.li_flexbox_2box li p {
	margin:1em 0 0;
}

.li_flexbox_2box li p strong {
	margin-bottom:0.6em;
}


.li_flexbox_circle {
	display:flex;
 justify-content:space-around;
}
.li_flexbox_circle li {
	display:block;
	padding:5.4em 2.2em 4.2em 2.2em ;
	box-sizing:border-box;
	border:solid 2px #fff;
	border-radius:50%;
	background-color: #eeeeed;
 box-shadow: 4px 4px 6px rgba(0, 0, 0, .3);
	margin-bottom:1em;
	background: rgb(255,255,255);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
}
.li_flexbox_circle li strong {
	display:block;
	font-size:150%;
	}
.li_flexbox_circle li p {
	margin:1em 0 0;
	}




/*　20230710　台形区割り　*/



.trapezoid_div {
    position: relative;
    padding: 1.4em;
    overflow: hidden;
    border: solid 1px #ccc;
				background: rgb(28,117,240);
				background: linear-gradient(135deg, rgba(28,117,240,1) 0%, rgba(15,102,133,1) 100%);
				margin-bottom:2em;
}

.trapezoid_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 26%;
				height:100%;
    display: grid;
    place-items: center;
}

.trapezoid_div img {
    position: absolute;
    z-index: 11;
				width:76%;
				margin:-0.6em 0 0 0;
}
.trapezoid_div h3 {
    position: absolute;
    z-index: 12;
				width:calc( 30% - 2.8em );
				width:100%;
				display:block;
				text-align:center;
				overflow:hidden;
				bottom:0em;
}
.trapezoid_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 30%;
    height: 100%;
    background: #fff;
    transform: skew(10deg);
    transform-origin: bottom right;
}
.trapezoid_bg2 {
    margin: 10px 0 10px 30%;
    width: 70%;
    padding: 1.4em;
				box-sizing:border-box;
    display: grid;
    place-items: center;
				color:#fff;
}
.trapezoid_bg2 p {
    margin: 0;
}







strong { font-weight: bold; font-size:120%; }
.t_red { color:#b5252d; }
.t_blk { color:#231815; }
.t_bold { font-weight: bold; }

.list_link {
}
.list_link li, .and_more a {
	margin:0 0 0.6em 0;
	padding: 0 0 0 1em;
	background:url(../img/arrow_Red.gif) no-repeat left 0.3em;
}
.and_more a.and_more_irnews {
	margin:0 0 0.6em 1.2em;
}
ul.list_link li {
	margin-bottom: 0.5em;
}

ul li strong {
	display:inline-block;
	margin: 0 0 1em 0;
	margin: 0.6em 0 0.3em 0; /* 20210119追記 */
	margin: 0 0 0.3em 0; /* 202209追記 */
}

ol ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
		margin-top:0.6em;
}
 
ol li ol li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol li ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #666;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

ol.circle_ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
		margin-top:0.6em;
		margin-left:1.0em;
}
 
ol.circle_ol li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol.circle_ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #666;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}





ol li ol.ol_count > li {
	list-style-type: none;
	counter-increment: cnt;
	margin-bottom:1.2em;
}

ol li ol.ol_count > li li::before {
    display: block;
    float: left;
    line-height: 0;
    margin-left: -1em;
				margin-top:0.6em;
    text-align: center;
    height: 4px;
    width: 4px;
    border-radius: 2px;
}

ol li ol.ol_count > li::before {
  background-color: transparent;
  color: #231815;
	content: "(" counter(cnt) ") ";
}

ol li ol.ol_count > li ul.li_texticon {
  background-color: transparent;
  color: #231815;
    margin: 0 0 0.6em 0;
    padding: 0 0 0 1em;
    text-indent: 0.0em;
    position: relative;
    overflow: hidden;
}


.ol_count > li p {
    margin-bottom: 1.2em;
}



/*-----外部リンク---------------------------*/

/*
a[href^="http"] {
	margin-right:0.6em;
	padding-right:1.5em;
}
*/
 .tiled_menu a[href^="http"] .tiledmenu_lead {
	background-position : right 0 bottom 0;
}

 .bxslider a[href^="http"] {
	background:transparent;
}

 .bxslider a[href^="http"] h3 {
}

 .bxslider a[href^="http"] .pickup_lead {
	background-position : right 0 bottom 0;
	
	background:transparent;/*-----20201208指示による---------------------------*/
}

 a[href^="http"].youtube {
	background:transparent;
}

.no_arrow a[href^="http"] {
	background:transparent;
}



/*-----外部リンクここまで---------------------------*/


.t30 { font-size: 143%; }
.t20 { font-size: 143%; }
.t19 { font-size: 136%; }
.t18 { font-size: 129%; }
.t12-6 { font-size: 90%; }
.t12 { font-size: 77%; line-height: 1.75em; }
.t-bold { font-weight: bold; }
.t-nb { width: 46%; margin: 0 auto; }
.t_center { text-align: center; }
sup { font-size: 80%; line-height:1.0; }


.flt_left { float:left; }
.flt_right { float:right; }


/* コンテンツ下　お問い合わせエリア */

.basicBox_beige { text-align:center; color:#000; padding:20px 0 20px 0; background-color:#E6E6CC; border:solid 1px #CC9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.basicBox_beigeLine { text-align:center; color:#000; padding:20px; border:solid 1px #CC9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }


/* お問い合わせ */

.contact_list {
	width:85%;
	margin-left:10%;
	overflow:hidden;
}
.contact_list li {
	display:block;
	width:44%;
	margin-right:4%;
	float:left;
}


/*-----1字下げ---------------------------*/

.att {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
.att2 {
	display: block;
	text-indent: -2em;
	padding-left: 2em;
}
.att3 {
	display: block;
	text-indent: -3em;
	padding-left: 3em;
}


/*-----表---------------------------*/

dl.basic_table,
.basic_table dt,
.basic_table dd {
  box-sizing: border-box;
}
dl.basic_table {
  background: #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.basic_table dt,
.basic_table dd {
	padding: 0.8em 1em 0.4em 0.8em;
  border-top: 1px solid #ccc;
}
.basic_table dt {
  float: left;
}
.basic_table dd {
  background: #fff;
	line-height:1.6em;
  border-left: 1px solid #ccc;
}

.dt30dd70 dt {
  width: 30%;
}
.dt30dd70 dd {
  margin-left: 30%;
}
.dt50dd50 dt {
  width: 50%;
}
.dt50dd50 dd {
  margin-left: 50%;
}

.enclosed_area {
	width:100%;
}
.enclosed_area li {
	display:inline-block;
	margin:0 0 1vw 1%;
	padding:1em;
	border:solid 1px #ccc;
	border-radius:0.5vw;
	overflow:hidden;
}

.dt8em dt {
  width: 8em;
		margin:0 0 0.8em 2em;
	line-height:1.3em
}
.dt8em dd {
	width:calc( 100% - 12em);
	margin:0 0 0.8em 2em;
	line-height:1.3em
}

.inline_dtdd {
	display:table;
	width:100%;
}
.inline_dtdd dt {
	clear:both;
	display:block;
	float:left;
}
.inline_dtdd dd {
	float:left;
	text-indent:-0.75em;
}
.inline_dtdd dd:before {
  content: '：';
  display: inline-block;
  clear: both;
		margin-right:0.5em;
}

.basic_table dd:after {
  content: '';
  display: block;
  clear: both;
}


.basic_table ul.li_texticon {
	margin: 0;
  padding: 0 0 0 1.4em;
	text-indent:-1.4em;
  position: relative;
	overflow:hidden;
}





/* 流れ図 */

.introduction_flow {
	margin:2em 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.introduction_flow_step {
	display:inline-block;
	width:11em;
	margin:0 0 0 calc(20% - 4em);
	padding:1.8em 2em 1.6em 2em; 
	border-radius:20px 0 0 20px;
	line-height:1.2em;
	font-size:120%;
	color:#fff;

	border:solid 3px #cdcdcd;
	background: #999; /* Old browsers */
}
.introduction_flow_explane {
	display:inline-block;
	width:calc(60% - 12.5em);
	margin:0 0 0 -0.3em;
	padding:1.8em 2em 1.6em 2em;
	border-radius:0 20px 20px 0;
	line-height:1.2em;
	background-color:#fff;
	
	border:solid 3px #cdcdcd;
}

.flexiblebox {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
}



/* 矢印　三角線 */

.arrow_arrow {
  width: 30px;
  height: 30px;
  border: 5px solid;
  transform: rotate(-45deg);
		
  border-color:  transparent transparent #b5252d #b5252d;
}
.arrow_arrow {
	margin:-0.7em auto 2.4rem;
	overflow:hidden;
}






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

.noline_table {
	display: block;
	margin-bottom: 5.4em;
	overflow: hidden;
}
.noline_table dt {
	display: block;
	width: 5em;
	float: left;
}
.noline_table dd {
	display: block;
	margin-left: 0.4em;
	 
	float: left;
   width : -webkit-calc(90% - 5em) ;
   width : calc(90% - 5em) ;
	
}

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

.line_table, .line_table_narrow  {
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom: 2em;
}

table.norap_td td {
	white-space: nowrap;
}

.line_table th, .line_table td,.line_table_narrow th, .line_table_narrow td {
	border: solid 1px #ccc;
}

.line_table th, .line_table_narrow th {
	padding: 0.8em;
	background-color: #eee;
	text-align: center;
	font-weight:normal;
}

.left_th th {
	display:table-cell;
	text-align: left;
}

.line_table td {
	padding: 0.8em 1.2em;
}

.line_table_narrow td {
	padding: 0.8em 0.8em;
}

.line_table td.volume, .line_table_narrow td.volume {
	text-align: right;
	padding-right: 3em;
}

.line_table td img, .line_table_narrow td img {
	width: 100%;
}

.line_table td ul, .line_table_narrow td ul {
	margin-bottom:0;
}

.smp_scroll {
	display: block;
	width: 100%;
}

.smp_scroll td, .smp_scroll th {
	white-space: normal;
}

td.tdtext_left {
	text-align: left;
}
.tdtext_left td {
	text-align: left;
}

.table_layout_fixed {
	table-layout:fixed;
}


/* ニュース署名 */

.news_credit {
}
.news_credit dt {
	width: 3em;
	margin-right:0;
	float:left;
}
.news_credit dd {
	display:inline;
	margin-left:1em;
}
.news_credit dd:before {
  content: '：　';
}
.news_credit dd:after {
  content: '';
  display: block;
  clear: both;
}

.news_credit_p {
	display: inline-block;
	padding:1em 2em;
	border:solid 1px #ccc;
	border-radius:3px;
	float:right;
}

.news_credit_p iframe {
	width:calc(805px - 2px - 4em);
	height:calc((805px - 2px - 4em) * 0.56);
}

.product_movie {
	display: block;
	text-align:center;
}

.product_movie iframe {
	width:calc(805px - 2px - 4em);
	height:calc((805px - 2px - 4em) * 0.56);
}


/* サブウィンドウ **********************************************************/
body#subwindow { background:#fff; }
.container_pop { width:506px; margin:0 auto; }
#subHeader { height:60px; margin:0 auto; padding-top:13px; text-align:left; }
#subContent { margin:0 auto;/* padding:0 28px 25px;*/ text-align:left; font-size:16px; }
#subContent small { display:block; width:450px; margin-bottom:20px; text-align:right; }
	a#closeBtn { display:block; width:84px; margin:0 auto; background:url("../img/closeBtn_BG.png") top repeat-x; font-size:92%; text-align:center; text-decoration:none; color:#000; border:solid 1px #999; line-height:25px; }
	a#closeBtn:hover { background-position:bottom; }

#subFooterWrap { background:#000 url("../img/sub_footerBG.png") top repeat-x; }
#subFooter { width:506px; margin:0 auto;  padding:15px 0 20px;  color:#FFF; }
#subFooter p.copyright { line-height:1.4em; }



/*-----News---------------------------*/




.goto_newslist {
	display: block;
	position: relative;
	
	top: -3.4em;
	margin-bottom: -3.4em;
	
	float: right;
	overflow: hidden;
}
.goto_newslist a {
	color: #231815;
}
.goto_newslist a:hover {
	color: #2da7ff;
}



/*-----page navi---------------------------*/

.page_navi {
	padding: 1.6em 3em 0 3em;
	margin-bottom: 115px;
	border: solid 1px #999;
	border-radius: 8px;
	font-size: 90%;
	text-align: left;
}


/*-----404---------------------------*/

.subtitle_block {
	margin-bottom: 2em;
	overflow: hidden;
}

.subtitle_block p {
	margin-bottom: 0;
}

/*-----ダウンロードファイル---------------------------*/

.export_file {
	display: block;
	margin: 0.8em 0 0.5em 0;
}

.export_pdf {
	background: url(../img/export_pdf.png) no-repeat right 0; padding:0 1.5em 0 0; margin-left:0.2em; text-decoration: none;
	background-size: 1.3em auto;
}
.export_xls {
	background: url(../img/export_xls.png) no-repeat right 0; padding:0 1.5em 0 0; margin:0 0.2em 3em 0; text-decoration: none;
	background-size: 1.3em auto;
}

/*-----お問い合わせ---------------------------*/

input {
	vertical-align:middle;
	width: 90%;
}
textarea {
	width: 90%;
}

input[type="text"],
select,
textarea {
	margin-bottom:0.5em;
	padding:0.4em;
	border:1px solid #ccc;
	background-color:#fafafa;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-moz-appearance:button;
	-webkit-appearance:button;
	appearance: button;
}

input[type="text"]:focus, select:focus, textarea:focus {
	border: 1px solid #d7e4ff;
	background-color: #f4f7ff;
}

input[type="button"] {
	font-size:100%;
	width:80px;
	margin-bottom:0.5em;
	padding:0.4em;
}

select {
	margin-right:1em;
	line-height:150%;
	font-size: 100%;
}

.Example {
	font-size: 90%;
	color:#666;
}

form p { margin-bottom: 0em;}

.contact_form th {
	text-align: left;
	vertical-align: top;
	padding-top: 1.0em;
	font-weight: bold;
}

.spnRight {
	float: right;
}




/*-----ファイルダウンロード　20210917追加---------------------------*/

.download_file_select {
	display:block;
	background-color: #F0F0F0;
	padding:2em 4em;
}
.download_file_list {
	display:block;
}
.download_file_confirmlist {
	display:block;
	list-style-type:disc;
	margin-left:2em;
}
input[type="checkbox"] {
	width: 2em;
	height:2em;
}

#event_title {
	display:block;
	text-align:left;
}
#event_title h2 {
	font-size:150%;
	color: #231815;
	line-height:0.8em;
}


/*-----お問い合わせ内容 ckeckbox　20220614追加---------------------------*/

td p input[type="checkbox"]{
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0;
				margin-right:0.4em; /* 20231018 */
}

td p input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
}

td p input[type="checkbox"]:checked {    /* ④ */
    border-color: #1ea7fd;
    background-color: #1ea7fd;
}

td p input[type="checkbox"]::after {    /* ⑤ */
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 10px;    /* ⑥ ここから */
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);    /* ⑥ ここまで */
}



/*-----サイトマップ---------------------------*/

#sitemap {
	margin-bottom: 3.8em;
}

.sitemap a {
	color: #231815;
}
.sitemap a:hover {
	color: #2da7ff;
}


/*-----フッター---------------------------*/

#footer {
	background-color: #63635e;
	color: #fff;
	border-top:solid 5px #b5252d;
	border-bottom:solid 2px #b5252d;
}

#footer .container {
	margin-bottom:3.4em;
	overflow:hidden;
	display:flex;
}

#to_pagetop {
	display: block;
	width: 100%;
	overflow: hidden;
}

#to_pagetop a {
	display: block;
	width: 100px;
	height: 21px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	padding-top: 7px;
	font-size: 12px;
	text-align:center;
	float: right;
}

#footer .foooter_bottom_container {
	display:block;
	width:1150px;
	margin:3.4em auto 0;
	padding:2.4em 0;
	border-top:solid 1px #fff;
	overflow:hidden;
}
#footer a {
	color: #fff;
}


#footer .footer_row3 {
	display:block;
	min-height:28em;
	padding:1em 0 0 0;
	float:left;
	overflow:hidden;
	
}

.f_row3_1st {
	width:295px;
	margin:0 60px 0 0;
}

.f_row3_2nd {
	width:295px;
	margin:1em 60px 0 0;
}

.f_row3_3rd {
	width:440px;
	margin:1em 40px 0 0;
}

#footer .footer_row3 p {
	margin: 1em 0 1em 0;	
}

#footer .footer_row3 ul {
	display:block;
	margin-top:0.8em;
}

#footer .footer_row3 ul li {
	display:block;
	margin-left: 1.2em;
	margin-bottom:0.6em;
	line-height:1.3em;
}
#footer .footer_row3 ul li,#footer ul.footer_row4 li ol {
	font-size:90%;
}


/*-----フッターリスト---------------------------*/


#footer ul.footer_row4  {
	width:100%;
	margin:0 auto 3em;
	margin:1em auto 2em; /* 20210806 */
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
				
	font-size:100%;
	overflow:hidden;
}
#footer ul.footer_row4 li {
	display:block;
	width:250px;
	margin:0 0 4em 40px;
	float:left;
}
#footer ul.footer_row4 li ol {
	display:block;
	margin: 1em 0 0 0;
}
#footer ul.footer_row4 li ol li {
	min-height:1em;
	margin:0 0 0.6em 0;
	float:left;
}
#footer ul.footer_row4 li a {
}
#footer ul.footer_row4 li a:hover {
}

#footer ul.footer_row4 li:nth-child(4n+1) {
	margin-left:0;
}


/*-----フッターリスト　20210806　---------------------------*/


#footer ul.footer_row5  {
	width:100%;
	margin:0 auto 3em;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
				
	font-size:100%;
	overflow:hidden;
}
#footer ul.footer_row5 li {
	display:block;
	width:200px;
	margin:0 0 4em 30px;
	float:left;
}
#footer ul.footer_row5 li ol {
	display:block;
	margin: 1em 0 0 0;
	overflow:hidden;
}
#footer ul.footer_row5 li ol li {
	min-height:1em;
	margin:0 0 0.6em 0;
	float:left;
}
#footer ul.footer_row5 li a {
	display:block;
	width:220px;
}
#footer ul.footer_row5 li a:hover {
}



#footer ul.footer_row5 li:nth-child(5n+1) {
	margin-left:0;
}


/*-----フッターbottomメニュー---------------------------*/

.bottom_menu {
	display:block;
	line-height:1.6em;
	font-size:90%;
	float:left;
}

.footer_signature {
	float:right;
	text-align:right;
	font-size:90%;
}
.footer_signature span {
	font-size:130%;
	font-weight:bold;
}

#footer_copy {
	background-color:#fff;
	padding:0.6em;
	text-align:center;
	overflow:hidden;
}



/*-----pop up フッター---------------------------*/

#footer_pop {
	width:100%;
	margin-top:3em;
	padding:2em 0;
	background-color: #63635e;
	color: #fff;
	text-align:center;
	border-top:solid 5px #b5252d;
}




/*-----フッター コラム無し　IR無し---------------------------*/

#footer .investor_relations { display:none; }
#footer .pro_column { display:none; }

#footer .footer_row5_1st {
	width:240px;
}
#footer .footer_row5 {
	width:240px;
}
#footer .footer_row5_2nd {
	display:block;
	width:240px;
	margin-left: 0;
	float:left;
}






/*--------------- SDGs -------------------*/

.sdgs_block {
	display:flex;
	flex-wrap: wrap;
	margin-top:-2em;
}

.sdgs_approach {
	display:block;
	width:360px;
	margin-left:35px;
}

.sdgs_approach:nth-of-type(3n+1) {
	margin-left:0;
}



.sdgs_approach h3.h3_level3 {
	color:#b5252d;
	font-size:136%;
	min-height:2.4em;
	margin: 2em 0 0.3em 1em;
	line-height:1.2em;
	text-align:left;
	text-indent:-1em;
}

.sdgs_approach p,
.sdgs_approach img {
	display:block;
	width:100%;
}

.sdgs_approach img {
	margin-bottom:1em;
}

.sdgs_approach p {
	
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    /*IE対策*/
    line-height: 1.5em;
    max-height: 4.5em;
}


/*ボタン装飾*/
.sdgs_approach label {
	display:block;
    cursor :pointer;
				color:#ccc;
				margin-top:-0.6em;
			text-align:center;
}

/*ボタンホバー時*/
.sdgs_approach label:hover {
			color:#e55058;
}

/*チェックは見えなくする*/
.sdgs_approach input {
    display: none;
}

/*中身を非表示にしておく*/
.sdgs_block  p.hidden_show {
	
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
				margin-bottom:0.5em;

    /*IE対策*/
    line-height: 1.5em;
    max-height: 4.5em;
}

.sdgs_block label span.hidden_more {
	display:block;
}

.sdgs_block label span.hidden_close {
	display:none;
}

.sdgs_block label:before{ /* 非表示時の文字 ※３*/
            content:"more▼"
}


/*クリックで中身表示*/
.sdgs_block input:checked ~  p.hidden_show {
	display:table;
}

.sdgs_block input:checked ~ label:before { /* 非表示時の文字 ※３*/
            content:"close▲"
}





/* Azure Kanazawa Base アコーディオン*/

/*ボタン装飾*/
.block_bottom label {
	display:block;
    cursor :pointer;
				color:#ccc;
				margin-top:-0.6em;
			text-align:center;
}


/*チェックは見えなくする*/
.block_bottom input {
    display: none;
}

/*中身を非表示にしておく*/
.block_bottom .hidden_show {
    height: 0;
   overflow: hidden;
    opacity: 0;
    transition: 0.6s;
}

.block_bottom label:before{ /* 非表示時の文字 ※３*/
            content:"内容の確認・お申し込み▼"
}


/*クリックで中身表示*/
.block_bottom input:checked ~ .hidden_show {
	display:block;
    height: auto;
    opacity: 1;
}

.block_bottom input:checked ~ label:before { /* 非表示時の文字 ※３*/
            content:"close▲"
}



/* Azure Kanazawa Base オンラインセミナーURLボタン */

.online-seminar_url_notwork {
	display:inline-block;
	padding:0.5em 1.8em 0.4em 2.0em;
	background: #c6c6c6; /* Old browsers */
background: -moz-linear-gradient(top, #c6c6c6 0%, #9f9d9b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c6c6c6 0%,#9f9d9b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c6c6c6 0%,#9f9d9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#9f9d9b',GradientType=0 ); /* IE6-9 */
	color:#fff;
	border:solid 1px #949494;
	font-size:120%;
}

.online-seminar_url a {
	display:inline-block;
	padding:0.5em 1.8em 0.4em 2.0em;
	background: #d6412a; /* Old browsers */
	background: -moz-linear-gradient(top, #d6412a 0%, #aa2020 50%, #8e2727 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d6412a 0%,#aa2020 50%,#8e2727 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d6412a 0%,#aa2020 50%,#8e2727 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6412a', endColorstr='#8e2727',GradientType=0 ); /* IE6-9 */
	color:#fff;
	border:solid 1px #990000;
	font-size:120%;
}

.online-seminar_url a:hover {
	opacity:0.7;
	color:#fff;
}


/* SNSメディアポリシー　20210805　*/


.sns_policy_table {
	display:block;
	border:solid 1px #ccc;
	border-radius:0.5em;
	padding:1.5em 1em 1em;
	overflow:hidden;
		margin-bottom:3.0em;
  position: relative;
}

.sns_detail {
	display:table;
	width:100%;
}
.sns_detail div {
  display: block;
}

.sns_source_logo {
 display: block;
	width:26%;
	margin-right:4%;
	float:left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.sns_source_logo img {
 width:100%;
}

.sns_detail {
 display: block;
	width:70%;
	float:right;
}

.sns_department_charge {
	font-weight:bold;
	font-size:120%;
}

.sns_icon ul {
  display: table;
  width: 100%;
		padding-top:1em;
}

.sns_icon ul li {
  display: table-cell;
  vertical-align: middle;
		margin-left:2em;
		width:60px;
		float:left;
}

.sns_icon ul li a {
  display: inline-block;
}

.sns_icon a img.sns_listicon_twitter  {	width:90%; margin:25%; }
.sns_icon a img.sns_listicon_youtube  {	width:90%; margin:25%; }
.sns_icon a img.sns_listicon_facebook {	width:90%; margin:25%; }
.sns_icon a img.sns_listicon_instagram { width:90%; margin:25%; }
.sns_icon a img.sns_listicon_blog     {	width:90%; margin:25%; }
.sns_icon a img.sns_listicon_x  {	width:90%; margin:25%; }

.sns_icon ul li a[href^="http"] {
	background:none;
 margin-right: 0;
 padding-right: 0;
}


.container:has(.footer_sns_icons) {
  margin-top: -2em;
}

.footer_sns_icons {
  display: flex;
		justify-content: center;
		margin-top:0;
		margin-bottom:3.4em;
		width:100%;
}
.footer_sns_icons li a[href^="http"] {
	background:none;
 margin-right: 0;
 padding-right: 0;
}
.footer_sns_icons li {
	width:5%;
	margin:0 2em;
}
.footer_sns_icons li a {
	width:100%;
}
.footer_sns_icons li a img {
	width:100%;
}


.icon_normal > li > ol > li {
	list-style-type:decimal;
}




/* ---------------  202209 ソリューション＆プロダクト　詳細ページ内メニューボタン  ------------------*/

.solution_blockmenu {
  display: flex;
		justify-content:space-between;
		width:100%;
		position:relative;
		top:-2em;
}

.solution_blockmenu_five {
  display: flex;
  justify-content: center;
		width:100%;
		position:relative;
		top:0;
		padding-bottom:4em;
		flex-wrap: wrap;
		column-gap: 1em;
		row-gap: 1em;
		align-items:stretch;
}

.solution_blockmenu li,
.solution_blockmenu_five li {
  display: block;
		width:calc( 32% - 2px );
		border:solid 1px #ccc;
		box-sizing: border-box;
		border-radius:0.3em;
		background: #edf2f7;
			background: -moz-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edf2f7));
			background: -webkit-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -o-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: linear-gradient( #ffffff 0%, #edf2f7 100%);
		text-align:center;
}

.solution_blockmenu li:hover,
.solution_blockmenu_five li:hover {
		width:calc( 32% - 2px );
		border:solid 3px #c00;
		background: #f7eded;
			
}

.solution_blockmenu li a {
  display: block;
		width:calc( 100% - 4em );
		padding:2em 1.4em 0.6em;
		overflow:hidden;
}

.solution_blockmenu li:hover a {
		padding:calc( 2em - 2px ) 1.4em calc( 0.6em - 2px );
}

.solution_blockmenu_five li a {
  display: block;
		width:calc( 100% - 4em );
		padding:1.6em 1.4em 2px;
		overflow:hidden;
}

.solution_blockmenu_five li:hover a {
		padding:calc( 1.6em - 2px ) 1.4em 0;
}

.solution_blockmenu li strong {
	display:block;
	font-size:126%;
	margin-bottom:1em;
}

.solution_blockmenu_five li strong {
	display:block;
	font-size:126%;
	margin-bottom:0;
}

.arrow_triangle {
	display:block;
	padding:1.2em 0 1em;
}

.solution_blockmenu_five li a .arrow_triangle {
	display:block;
	padding:0.3em 0 0.8em;
}

.solution_blockmenu_bottom {
  display: flex;
		justify-content:space-between;
		width:100%;
}

.solution_blockmenu_bottom li {
  display: block;
		border:solid 1px #ccc;
		box-sizing: border-box;
		border-radius:0.3em;
		background: #edf2f7;
			background: -moz-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edf2f7));
			background: -webkit-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -o-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: linear-gradient( #ffffff 0%, #edf2f7 100%);
		text-align:center;
		
		width:calc( 32% - 2px );
}

.solution_blockmenu_bottom li:hover {
		border:solid 3px #c00;
		background: #f7eded;
		
		width:calc( 32% - 2px );
}

.solution_blockmenu_bottom li a {
  display: block;
		width:calc( 100% - 4em );
		padding:2em 1.4em 0.6em;
		overflow:hidden;
}

.solution_blockmenu_bottom li:hover a{
		padding:calc( 2em - 2px ) 1.4em calc( 0.6em - 2px );
}

.solution_blockmenu_bottom li strong {
	display:block;
	margin-bottom:1em;
	
	font-size:126%;
}


/* ---------------  202507 少し上へ  ------------------*/

#jump_content {
         margin-top: -2em;
         padding-top: 2em;
}




/* ---------------  202501 ソリューション＆プロダクト　リンクボタン  ------------------*/

.solution_linkbottun {
  display:block;
  margin-top:-1em;
}

.solution_linkbottun li {
  display: inline-block;
		width:auto;
		text-align:center;
		background: #edf2f7;
			background: -moz-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edf2f7));
			background: -webkit-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -o-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: linear-gradient( #ffffff 0%, #edf2f7 100%);
}

.solution_linkbottun li a {
  display: block;
		width:100%;
		padding:0.6em 1.4em 0.4em;
		overflow:hidden;
		border:solid 1px #ccc;
		box-sizing: border-box;
		border-radius:0.3em;
  background-image: none;
}

.solution_linkbottun li a:hover {
		border:solid 3px #c00;
		background: #f7eded;
		padding:calc( 0.6em - 2px ) calc( 1.4em - 2px ) calc( 0.4em - 2px );
}

.solution_linkbottun li strong {
	display:block;
	font-size:126%;
	margin-bottom:1em;
}






/* ---------------  202307 ソリューション＆プロダクト　CyberArk セミナー申し込みボタン  ------------------*/


.products_sub_bottun {
  display: inline-block;
		border:solid 1px #ccc;
		box-sizing: border-box;
		border-radius:0.3em;
		background: #edf2f7;
			background: -moz-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edf2f7));
			background: -webkit-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: -o-linear-gradient( #ffffff 0%, #edf2f7 100%);
			background: linear-gradient( #ffffff 0%, #edf2f7 100%);
		text-align:center;
		width:calc( 30em - 2px );
		margin:0 0 0 2em;
}

.products_sub_bottun:hover {
		border:solid 3px #c00;
		background: #f7eded;
		width:calc( 30em - 2px );
}

.products_sub_bottun a {
  display: block;
		padding:1em 1.4em 0.6em;
		overflow:hidden;
		width:auto;
}

.products_sub_bottun:hover a{
		padding:calc( 1em - 2px ) 1.4em calc( 0.6em - 2px );
}

.products_sub_bottun li strong {
	display:block;
	margin-bottom:1em;
	font-size:126%;
}



/*  20230111 sustainability  */



#gnav_top     { width:654px; }	
#gnav_top ul {	width:714px;}



 .nav7 { width:160px; } /*20230110 　上の391行にもあり */
	
#gnav        { width:714px; } /* 20230110 */



.sustainability_index_baseimage {
	display: block;
	width: 100vw;
	margin: -3em 0 3.4em;
	background-color: #bcdca8;
	overflow: hidden;
}
.sustainability_index_baseimage .container {
	margin: 0 auto;
}
.sustainability_index_baseimage .container img {
	margin: 0 auto;
}

.line_table td.table_th_al-left {
	text-align:left;
	background-color: #eee;
}
.line_table td.table_th_al-center {
	text-align:center;
	background-color: #eee;
	padding: 0.8em 1.0em;
}
.line_table td.table_b-bottom-wide,
.line_table th.table_b-bottom-wide {
	border-bottom: solid 1px #000;
}
.line_table td.table_b-right-none {
	border-right: none;
}
.line_table td.table_b-left-none {
	border-left: none;
}
.line_table td.sustainability_td_logo-01,
.line_table td.sustainability_td_logo-02,
.line_table td.sustainability_td_logo-03 {
	text-align:center;
	padding:1.2em 1.0em;
}
.line_table td.sustainability_td_logo-01 img {
	width:calc( 100% - 5.6em );
}
.line_table td.sustainability_td_logo-02 img {
	width:calc( 100% - 3.6em );
}
.line_table td.sustainability_td_logo-03 img {
	width:calc( 100% - 2.0em );
	margin:2em 0;
}



ul.sustainability_social_numbers {
    display: -webkit-flex;
    display: flex; 
      flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
ul.sustainability_social_numbers li {
	display:block;
	height:calc(92px + 0.5em);
	width:calc( 50% - 4em - 10px );
	margin-bottom:20px;
	padding:0.5em 2em 0 2em;
	background-color:#eeeeed;
	text-align:center;
}
ul.sustainability_social_numbers li div {
	display:inline-block;
	max-height:calc( 92px + 1em);
}
ul.sustainability_social_numbers li img {
	margin-right:1em;
	float:left;
}
ul.sustainability_social_numbers li div.number-sts_right-text {
	width:auto;
	float:left;
}
ul.sustainability_social_numbers li img {
	width:80px;
	height:92px;
}
ul.sustainability_social_numbers li span {
	display:block;
}
ul.sustainability_social_numbers li span.number-title {
	font-weight:bold;
	font-size:120%;
	margin-top:1.2em;
}
ul.sustainability_social_numbers li span.main-number {
	font-weight:bold;
	font-size:180%;
}





.celonis_patner {
	text-align: center;
	
  display: flex; /*202205*/
  justify-content: center; /*202205*/
  align-items: center; /*202205*/
		flex-wrap:wrap; /*202306*/
}

.celonis_patner img {
	display: inline-block;
	height:auto;
	margin: 2em 3em;
}

.case_dl {
	width:100%;
}

.case_dl th {
	display:table-cell;
	font-weight:bold;
	text-align:left;
	padding:0.6em 0;
	
	vertical-align:top;	 /* 20231117 */
	width:8em;	 /* 20240515 */
}

.case_dl td {
	display:table-cell;
	margin-bottom:1em;
	padding:0.6em 0;
    
	width:calc( 100% - 8em );	 /* 20240515 */
}

.text_red {
	color:#b5252d;
}

.youtube .movie_link_icon {
	width:2.4em;
	margin:-1.0em 0 1.2em;
}




/*　20231117　事例成果エリア　*/

.casestudies_result {
	display: block;
 padding: 1.2em 1.6em 0.4em 1.6em;
 box-sizing: border-box;
 border: solid 2px #fff;
 background-color: #eeeeed;
 box-shadow: 4px 4px 6px rgb(0 0 0 / 30%);
 margin: 1em 0;
 background: rgb(255,255,255);
 background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	font-weight:bold;
}

.casestudies_result h3 {
	text-align:center;
}

.celonis_client_information dt {
	display: block;
 width: 5em;
 float: left;
	font-weight:bold;
}

.celonis_client_information dd {
    width: calc( 100% - 5em );
    margin: 0 0 1.2em;
    float: left;
    text-align: justify; /* 両端揃え 202405　*/
    text-justify: inter-ideograph; /* 両端揃えの種類 202405　for edge */
}

.celonis_client_staff {
	display:block;
	float:left;
	margin-top:2em;
	width:100%;
}

.celonis_client_staff_flex {
	display:flex;
	justify-content:center;
}

.celonis_client_staff_flex div {
	width:40%;
	font-size:88%;
	width:80%; /* 202505 Service Now 事例作成時　変更　*/
}

.celonis_client_staff_flex div img {
	margin:0 auto 0.6em;
    max-width: 90%;
}

.celonis_client_staff_flex div p {
	margin-bottom:0;
}

.casestudies_q-and-a {
	margin-bottom:4em;
}

.casestudies_q-and-a tr {
	vertical-align:top;
}

.casestudies_q-and-a td {
	padding:1em 0.5em 1em 0.3em;
}

.casestudies_q-and-a p {
	margin-bottom:1.2em;
}




/*　20231213　吹き出し　*/

.gray_grade_base {
 background: rgb(255,255,255);
 background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	overflow:hidden;
}

.fukidashi_div {
	width:auto;
	margin:2em auto;
	display: flex;
  justify-content: center;
}

.fukidashi_man {
	display:inline-block;
	float:left;
	width:7em;
}

.fukidashi_balloon {
  position: relative;
		display:inline-block;
  margin: 0em 6em 2em 40px;
  padding:1em 2em;
  background: #cc6868;
		box-sizing:border-box;
		border:solid 2px #ae1031;
  border-radius: 20px;
		color:#fff;
		text-shadow:1px 1px 3px #000;
		font-size:120%;
		box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, .3);
}

.fukidashi_set {
    display: block;
    width: calc( 100% / 3 );
}

.fukidashi_balloon02 {
  position: relative;
		display:inline-block;
  margin: 0em 0em 2em 20px;
  padding:0.8em 1.6em;
  background: #cc6868;
		box-sizing:border-box;
		border:solid 2px #ae1031;
  border-radius: 2.4em;
		color:#fff;
		text-shadow:1px 1px 3px #000;
		font-size:120%;
		box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, .3);
width: calc( 100% - 8.4em );
}

.fukidashi_balloon:before,
.fukidashi_balloon02:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 50%;
  background: #cc6868;
		box-sizing:border-box;
		border:solid 2px #ae1031;
  border-radius: 50%;
		box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, .3);
}

.fukidashi_balloon:after,
.fukidashi_balloon02:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 40%;
  background: #cc6868;
		box-sizing:border-box;
		border:solid 2px #ae1031;
  border-radius: 50%;
		box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, .3);
}
.fukidashi_balloon p,
.fukidashi_balloon02 p {
  margin: 0; 
  padding: 0;
}

.gray_grade_base .interface_image {
	padding-right:1.2em;
}

.gray_grade_base .interface_image img {
		filter: drop-shadow(5px 5px 5px #aaa);
		margin-bottom:2em;
}



.ul_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 960px;
    margin: 0 auto;
}

.it-operation_menu li {
    display: block;
    width: calc( 930px / 4 - 2em - 2px );
    border: solid 1px #ccc;
    padding: 2em 1em 0;
    border-radius: 0.6em;
    margin-bottom: 0.6em;
    text-align: center;
    box-shadow: 2px 2px 4px rgba( 88, 88, 88, 0.1), 2px 2px 4px rgba( 88, 88, 88, 0.1) inset;
}

.it-operation_menu li p {
 text-align: left;    
}






/*　20240712　カテゴリー凡例　*/


.category_tag_outline {
    width: 100%;
    margin: 1em 0 0.6em;
}
.category_tag_outline li {
    display: inline-block;
    margin:0 2em 1.4em 0;
    width:auto;
}
.category_tag_list {
    margin:1em 0 0.6em 1em;
}
.category_tag_list li {
    display: inline-block;
    margin:0 0 2em 0;
    width:auto;
}
.category_tag_outline li span,
.category_tag_list li span {
    font-size: 88%;
}
.categori_tag {
    font-weight: bold;
    padding: 0.4em 1em 0.3em;
    /* color: #fff; */
    text-align: center;
    border-radius: 0.6em;
    margin:0 0.8em 0 0;
}

.tag_green  { border: solid 1px #064; color: #064;  }
.tag_red    { border: solid 1px #900; color: #900; }
.tag_blue   { border: solid 1px #24b; color: #24b; }
.tag_pink   { border: solid 1px #d2c; color: #d2c; }
.tag_purple { border: solid 1px #83d; color: #83d; }



.description_snippet {  /* 20250507 */
  position: absolute;
  top:-1em;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  overflow: hidden;
  height: 0.2em;
}















 @media screen and (max-width : 980px), projection {

body {
	font: 18px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;
	min-width:980px;
}

body.map_pop {
	font: 18px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;
	min-width:980px;
}

#wrapper_top {
	width:980px;
}

#wrapper {
	width:980px;
}


#body_contents {
	padding: 0 0 0 0;
}




.container, .top_container {
	clear: both;
	width: 920px;
	margin: 0 auto 1.5em;
}

.left_container {
	clear: both;
	width: 920px;
	margin: 0 auto;
}

#headertext {
	display: none;
}

.pc {
	display: none;
}
.smp {
	display: inline-block;
}




/*-----azure kanazawa base---------------------------*/


.full_background {
	height: 56.5vw;
}

.bg-slider {
	width: 100vw;
	height: 56.5vw;
}

.bg-slider_rogo img {
	width: 80%;
}




/*-----header---------------------------*/ 
   

#header {
	height: auto;
}

#headerlogo {
	margin-top: 18px;
  width: 100%; /* 20250107 */
	height: 50px; /* 20250107 */
  text-align: center /* 20250107 */
}

#headerlogo img {
  width: auto; /* 20250107 */
  max-height: 45px; /* 20250107 */
  margin-top: 5px; /* 20250107 */
}
   
#headerlogo_basic img {
	width: 90%;
}

#headermenu {
	width: 160px;
	margin-top: -5px;
}

#headermenu img {
	width: 100%;
}

#header #headermenu table {
	display: none;
}


#header .container {
	margin-bottom:0.3em;
}



/*-----grobal menu---------------------------*/



.w100, .left_w100 {	width: 100%; }
.w80													 {	width: 100%; }
.w90 													{	width: 100%; }
.w70													 {	width: 100%; }
.w67													 {	width: 100%;	}
.w60													 {	width: 100%;	}
.w55													 {	width: 100%;	}
.w50													 {	width: 100%;	}
.w48													 {	width: 100%; }
.w45													 {	width: 100%;	}
.w40													 {	width: 100%;	}
.w35													 {	width: 100%;	}
.w30													 {	width: 100%;	}
.w30_president			 {	width: 100%;	text-align:center;	}
.w30_president img {	width: 70%;	}
.w25													 {	width: 100%;	}
.w20													 {	width: 100%;	}
.w15													 {	width: 40%;	}
.w10													 {	width: 40%;	}
.wauto {	width: 100%; }


/*-----grobal menu---------------------------*/



#gnav li {
	text-align: center;
	float: left;
}

#gnav li:first-child {
	margin-left: 5px;
}

#gnav li:first-child::after {
	display:block;
	content: " ";
	width: 0px;
	height: 32px;
	margin: 0 0 0 0;
	float:left;
	background-color:#d2d2d2;
}

#gnav li a:last-child::before {
	display:block;
	content: " ";
	width: 0px;
	height: 32px;
	margin: -18px 0 0 0;
	float:right;
	background-color:#d2d2d2;
}



#gnav li a:last-child::after {
	display:block;
	content: " ";
	width: 1px;
	height: 32px;
	height: 26px;
	margin: -18px 0 0 0;
	margin: -8px 0 0 0;
	margin: -2px 0 0 0;/*-----新----*/
	float:right;
	background-color:#d2d2d2;
}





#gnav {
	display: block;
	width:100%;
	height: 4em;
	margin:0.4em 0 0 0;
	padding-top:2px;
	background-color: #edeeed;
	background-color: #fff;
	background-image: none;
	float:left;
}
#gnav ul {
	display: block;
	width:100%;
}

 .nav1, .nav2, .nav3, .nav4, .nav5, .nav6 { width:230px; }


#gnav a.nav1, #gnav ul li.gnav_mind { display:none; }
#gnav_top a.nav1, #gnav_top li.gnav_mind { display:none; }



#gnav a {
	display: table-cell;
	height: 40px;
	width: 230px;
	vertical-align: middle;
	padding-top: 1px;
	padding: 2px 0 0 0;/*-----新----*/
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-image: transparent;
	background-color: #63635e;
}



#gnav a:hover {
	height: 40px;
	background-color: #999;
	background-image: url(../img/gnav_base_over.png);
	border-bottom:none;
	
	border-radius:1.5px;
	border-image-outset: 3px;
}

#gnav a.select {
	height: 40px;
 vertical-align:top;
 vertical-align:middle;/*-----新----*/
	
	border-bottom:none;
	
	border-radius:1.5px;
	border-image-outset: 3px;
	
	background-image: transparent;
	background-color: #b5252d;
}




#gnav li {
	height: 40px;
	margin: 8px 0 0 0;
	text-align: center;
	float: left;
}
#gnav li a {
	margin: 0 5px 0 5px;
}

#gnav li:first-child {
	margin-left: 0;
}

#gnav a.nav1on, #gnav a.nav2on, #gnav a.nav3on, #gnav a.nav4on, #gnav a.nav5on, #gnav a.nav6on {
	background-color: #999;
	background-image: url(../img/gnav_base_over.png);
}





.child_headmenu {
	display:none;   /*初期設定*/
}




.block_bottom {
	overflow: visible
}


/* ----------------------パンくず エリア---------------------- */

#breadcrumb           { font-size: 90%; margin-bottom: 6em; }
#breadcrumb strong    { font-weight:normal; font-size: 100%; }

#breadcrumb a         { color: #666; }
#breadcrumb a:hover   { color:#e55058; color: #2da7ff; }
#breadcrumb ol        { display:block; width: 100%; height:4.6em; margin: 1.2em 0 0.3em -1em; padding:0 0 0.2em 1em; }
#breadcrumb ol li {
	display: inline;
	margin:1em 0 -2em 0;
	padding:1em 0 0.1em 0;
	list-style-type: none; 
	line-height: 1.3em;
	float:left;
}
#breadcrumb ol li:before {
        /* liの前に記号追加 */
        content: " ｜ ";
}

#breadcrumb ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}



/*-----パンくず end---------------------------*/




.single_p {
	width: 90%;
	margin-left:5%;
}



/*-----ソリューション詳細ページ---------------------------*/

.title_maintext {
	width:100%;
}

.title_mainimage {
	width:100%;
}
.title_mainimage img {
}


/*-----ソリューション詳細ページ イメージ---------------------------*/



.image_right {
	margin-left:0;
	float:left;
}

.image_left {
	margin-left:0;
}



/* ----------------------ソリューション孫ページ---------------------- */


.child_contents h2.page_subtitle_grandchild {
	width:100%;
}


.w70_area {
	width:70%;
}
.w70_area ul {
	width:100%;
}
/* ----------------------アウトソーシングメニュー---------------------- */


.outsoursing_menu {
	width:650px;
	margin:4em auto 0;
}
.outsoursing_menu li { float:left; width:304px; margin:0 0 2em 40px; }
.outsoursing_menu li:nth-child(3n+1) {
	margin-left:40px;
}
.outsoursing_menu li:nth-child(2n+1) {
	margin-left:0;
}
.outsoursing_menu li a { display:block; width:304px; height:82px; margin-bottom:9px; background-position:top; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
a.osm01 { background-image:url(../products/img/outsourcing_menu01.png); }
a.osm02 { background-image:url(../products/img/outsourcing_menu02.png); }
a.osm03 { background-image:url(../products/img/outsourcing_menu03.png); }
a.osm04 { background-image:url(../products/img/outsourcing_menu04.png); }
a.osm05 { background-image:url(../products/img/outsourcing_menu05.png); }
a.osm06 { background-image:url(../products/img/outsourcing_menu06.png); }

.outsoursing_menu li a:hover { background-position:bottom; }
.outsoursing_menu li p { font-size:92%; }

.pin_map_bottun {
	width:45%;
}
.pin_map_bottun img {
	width:90%;
	margin-right:10%;
}


/* ----------------------top promotion エリア---------------------- */


 #promotion {
	 display:block;
	height: 50vw;
	height: 400px;
	height: 550px;
background: url(../movie/bg-image_notext.jpg) no-repeat top left;
overflow:hidden;

	background-color:#fff;
	margin: 0 0 1.9em 0;
	margin: -70px 0 1.9em 0;
  position:relative;
  z-index:101;
  background-size: cover;
}

.box {
	background-position: center; 
	background-repeat: no-repeat;
	background-size:contain;
  z-index:102;
}


.catch_copy {
	width: 980px;
	height: 550px;
	
	top:0;
	left:0;
}

.catch_copy img {
  position: absolute;
	width:90%;
	
  top:calc( calc(100vh - 450px) / 2);
		top:3%;
		left:5%;
}


/*-----404 main contents---------------------------*/


#main_contents h3 {
	  height: auto;
}


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



div.smp_scroll {
	width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin-bottom: 5em;
}

.smp_scroll th {
	white-space: nowrap;
}

.smp_scroll::-webkit-scrollbar {
height: 6px; /* スクロールバーの高さ */
}
.smp_scroll::-webkit-scrollbar-thumb {
background: #666; /* スクロールバーの色 */
border-radius: 3px;
}
.smp_scroll::-webkit-scrollbar-track {
	margin:0 0.5em;
background: #ccc; /* スクロールバーの背景色 */
border-radius: 3px;
}



/*-----ダウンロードファイル---------------------------*/

.export_pdf {
	background-size: 1.0em auto;
}
.export_xls {
	background-size: 1.0em auto;
}





/*-----背景mov---------------------------*/

body {
    padding: 0;
  margin: 0;
	background-size: contain;
}
#big-video-wrap {
  color: #666;/* 動画のメッセージを目立たなくする */
  z-index: 1;
	background-color:#666;
}

/*-----背景mov end---------------------------*/


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


#wrapper_top {
	position: relative;
	margin-top:-60px;
	margin-top:70px;
	background-image:url(../img/dot.png);
	background-repeat: repeat;
	z-index:90;
}

#wrapper {
	position: relative;
	margin-top:0px;
	background-color:#fff;
	z-index:90;
}

.content {
margin: 0 auto;
  z-index: 110;
}




.top_head {
	position:fixed;
	display: block;
	width:100%;
	top:0;
	background-color:rgba(0,0,0,0.4);
	overflow:hidden;
	z-index: 200;


	height: 80px;
}

.mov_logo {
	display: block;
	width: 100%;
	margin-top: 20px;
	float: left;
}

.mov_logo img {
	display: block;
	width: 298px;
	margin:0 auto;
}

#wrapper_top h2.page_subtitle {
	display:block;
	width:100vw;
	text-align:center;
}


/*-----header---------------------------*/


.mov_headmenu {
	position:absolute;
	display:none;   /*初期設定*/
	width:1150px;
	height:20px;
	border-bottom:solid 1px #eeedee;
	top:0;
	margin: 6px 0 0 0;
	text-align:right;
	font-size:80%;
	font-weight: bold;
	float:right;
}

.mov_headmenu ul {
	display:inline-block;
}

.mov_headmenu ul li {
	display:block;
	margin-left:2em;
	float: left;
}

.mov_headmenu ul li a {
	color:#63635e;
}
.mov_headmenu ul li a:hover {
	color:#e55058;
}



/*-----scroll↓---------------------------*/

.arrow {display:none;}


/*-----top 見出し---------------------------*/

.sub_title_container {
	width:920px;
}

.sub_title_container_top_stsnow {
    width: 100%;
}

#wrapper_top h2.page_subtitle {
	margin-left:0;
  width: 100%;
}


/*-----Top 認証---------------------------



/*-----Top 認証バッジ---------------------------*/


#top_license {
}

#top_license .license_badge_flex {
}

#top_license .license_badge_flex div {
	width:27%;
}

#top_license .license_badge_flex img {
}


#top_license .license_badge_flex div:nth-of-type(4),
#top_license .license_badge_flex div:nth-of-type(5) {
	margin-top:1em;
}




/*-----Top パートナー---------------------------*/

.partner_badge {
	width: 621px;
	
	margin:40px auto 0.8em;
	float:none;
}
	 
	 


/*-----タイルメニュー---------------------------*/

ul.tiled_menu {
	width:920px;
	margin:0 auto 5.7em;
	
overflow:hidden;
}
ul.tiled_menu li {
	/* width:299px; */
	width:305px;
}
ul.tiled_menu li a {
	/* width:299px; */
	width:305px;
}
.tiled_menu li:nth-child(4n+1) {
border-left:solid 1px #ccc;
}
.bg_rightgray .tiled_menu li:nth-child(4n+1) {
border-left:solid 1px #eeedee;
}
.tiled_menu li:nth-child(3n+1) {
	border-left:transparent;
}



.child_contents .tiled_menu li:nth-child(4n+1) {
	border-left:solid 1px #eeedee;
}

.child_contents .tiled_menu li:nth-child(3n+1) {
	border-left:transparent;
}

.child_contents .tiled_menu li:nth-child(2n+1) {
	border-left:solid 1px #eeedee;
}


.sts_now_imgtrm {
	/* width:299px; */
	width:305px;
}



.stsnow_cattegory {
	margin-top:0.1em;
	margin-bottom:0.8em;
	float:left;
}

.tiled_menu .stsnow_cattegory {
	margin-top:-0.4em;
	margin-bottom:1.2em;
	float:left;
}
	 



/*----- 20220315 top event タイルメニュー---------------------------*/

	 
.top_stsnow_left,
.top_event_right {
    padding-right: 0;
	padding-left: 0;
    float: none;
    border-right: none;
	width: 980px;
}

ul.tiled_menu_top_event {
    float: none;
}
	 
ul.tiled_menu_top_stsnow,
ul.tiled_menu_top_event {
	display: block;
	width:920px;
	margin:0 auto 5.7em;
	
overflow:hidden;
}
ul.tiled_menu_top_stsnow li {
	/* width:299px; */
	width:305px;
	min-height:calc( 180px + 12em );
}
ul.tiled_menu_top_event li {
	/* width:299px; */
	width:305px;
	min-height:calc( 180px + 9.4em );
}
ul.tiled_menu_top_stsnow li a,
ul.tiled_menu_top_event li a {
	/* width:299px; */
	width:305px;
}
	 
.tiled_menu_top_stsnow li:nth-child(4n+1),
.tiled_menu_top_event li {
border-left:solid 1px #ccc;
}
	 
.tiled_menu_top_stsnow li:nth-child(3n+1),
.tiled_menu_top_event li:nth-child(3n+1) {
	border-left:transparent;
}


.tiled_menu_top_stsnow .sts_now_imgtrm,
.tiled_menu_top_event .sts_now_imgtrm {
	/* width:299px; */
	width:305px;
	height: 180px;
}



.tiled_menu_top_stsnow .stsnow_cattegory,
.tiled_menu_top_event .stsnow_cattegory {
	margin-top:0.1em;
	margin-bottom:0.8em;
	float:left;
}
	 
.tiled_menu_top_event .sts_now_imgtrm {
	/* width:299px; */
	width:305px;
    height: 180px;
}
	 
.tiled_menu_top_event .sts_now_imgtrm img {
    width: 100%;
    height: auto;
}
	 
	 
	 
.bg_white .top_event_right h2.page_subtitle {
    margin: 0em 0 1.6em;
    font-size: 180%;
    float: none;
}	 
	 
	 
	 
	 

.tiled_menu_top_event li:nth-child(4) {
	display: none;
}
	 

.top_event_right .tiled_menu_top_event li p {
	top:0em;
}

.top_event_right .tiled_menu_top_event li p span.stsnow_cattegory {
	display: block;
	display: none;
}

.tiled_menu_top_event li p {
	padding:0 1.8em 0;
	float: none;
	width:auto;
}
	 
	 


.top_extrainfo {
	padding: 0 1.8em 0;
	text-align: center;
}

.top_extrainfo .extra_information {
	margin:0em auto 1.2em;
}
 
   
#top_additionalmenu ul.tiled_menu {
    justify-content: left;
}
	 
	 


/*-----詳細ページ　タイルメニュー---------------------------*/



.child_contents ul.tiled_menu li {
	/* width:299px; */
	width:305px;
overflow: hidden;
}
.child_contents ul.tiled_menu li a {
	/* width:299px; */
	width:305px;
}





/*-----詳細ページ　リストメニュー---------------------------*/


ul.list_menu {
	padding: 2.4em 0.8em 1.0em 0.8em;
}



/*-----top PickUp---------------------------*/


#top_pickup {
	margin-bottom: 3.4em;
}

#top_pickup .container {
	border-bottom: none;
}


#top_pickup .sub_title_container_1st {
	margin:1.4em auto -1.4em;
}

/*-----top PickUp---------------------------*/


.bxslider li a {
display: block;
width:100%;
height:270px;
overflow:hidden;
}
.bxslider li a img {
	display: block;
	width:50%;
	float:left;
}
.pickup_explane {
	display:inline;
	width:calc(50% - 4em);

	width:47%;
	height:270px;
	height:14em;
	
	margin: 0 1% 0 2%;
	padding: 0 0 1em 0;
	padding:0;
	float:right;
	overflow:hidden;
}

.pickup_explane h3 {
width:100%;
	font-size:100%;
	line-height:1.3em;
	float:left;
}
p.pickup_lead {
	display:inline !important;

width:100%;
	font-size:87%;
	line-height:1.3em;
	
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
				
}
p.pickup_catchcopy {
	display:inline !important;

width:100%;
	font-size:87%;
	line-height:1.3em;
	font-weight:bold;
}

/*-----タイルメニュー 3点リーダーカット-----*/
   
/*--------------------------------*/

/*-----top additional menu---------------------------*/


#top_additionalmenu {
margin-bottom: 0;
}




/*-----事例　特集---------------------------*/



.case_client {
	padding: 2em 8em 1.6em 8em;
	padding: 2em 1em 1.6em 1em;
}

.case_dialogue p {
	width:100%;
	margin-left:0;
}

p.notes {
	width:85%;
	margin-left:2%;
}



.casestudies_client {
	width: 89%;
	padding: 0.6em 5% 1.6em 5%;
}

.casestudies_incharge {
	padding: 2em 5% 1.6em 5%;
	margin:4em 0 2em;
}

.w70_area {
	width:89%;
}
.case_summary {
	padding:2.8em 5% 0.6em 5%;
}

.case_summary dt {
	width:30%;
	float:left;
}

.case_summary dd {
	width:80%;
	float:left;
}


/*-----グループ---------------------------*/


.image_reflect {
	height:620px;
	overflow:hidden;
}


/*-----事業概要　補正---------------------------*/


.icon_square li.line_dbl:before {
  content: "■";
  color: #724725; /*アイコン色*/
		vertical-align:86%;
	font-size:140%;
}


/*-----採用情報---------------------------*/

#recruit_txtbtn li a {
  width:calc( 100% - 3.6em );
  padding: 1em 2.0em 1em 1.6em;
}



#internship_txtbtn {
  width: 98%;
}
   
#internship_txtbtn a {
  width:calc( 100% - 4.6em - 4px );
}

#internship_txtbtn a div {
  width: 100%;
}

   
   
   


/*-----ニュース---------------------------*/

.news_credit_p {
	float: none;
}


/*-----共通---------------------------*/

#page_title p {
	text-align:left;
}


/*-----フッター---------------------------*/


#footer .container {
display: block;
}


#footer .foooter_bottom_container {
	width:920px;
}

#footer .footer_row3 {
	display:block;
	min-height:18em;
	padding:1em 0 0 0;
	float:left;
	overflow:hidden;
	
}

.f_row3_1st {
	width:440px;
	margin:0 40px 0 0;
}

.f_row3_2nd {
	width:440px;
	margin:1em 0 0 0;
}

.f_row3_3rd {
	width:920px;
	margin:1em 0 0 0;
}

#footer .footer_row3 p {
	margin: 1em 0 1em 0;	
}



#footer ul.footer_row4 li {
 	width:calc( 280px - 1.0em );
}

#footer ul.footer_row4 li:nth-child(4n+1) {
	margin-left:40px;
}

#footer ul.footer_row4 li ol li:nth-child(4n+1) {
	margin-left:0;
}
#footer ul.footer_row4 li:nth-child(3n+1) {
	margin-left:0;
}



.bottom_menu {
	display:block;
	width:100%;
	margin-bottom:2em;
}

/*-----top usnews---------------------------*/

#top_usnews h2.page_subtitle {
}


.bg_rightgray #top_usnews h2 {
	color:#636363;
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
}
.bg_rightgray #top_usnews h2::after {
	content:"　";
}

#top_usnews .container {
		background-size:10em;
}

.usnews_toptickerarea {
	 width:100%;
	 margin:-2.4em 0 2em 0;
	 padding:0.1em 1em 0.8em;
}

.and_more {
	display:none;
}

 #top_usnews ul li, .usnews_toptickerarea ul li {
}
 #top_usnews ul li, .usnews_toptickerarea ul li {
  width: 39em;
}
 #top_usnews ul li span, .usnews_toptickerarea ul li span {
}

#top_usnews .and_more {
}




/*-----usnews 一覧---------------------------*/

.usnews_issuelist {
	 width:calc( 100% - 13em );
	 padding:0.1em 1em 1.0em;
}
.usnews_issuelist ul li {
}
.usnews_issuelist ul li {
  width: 31em;
}
.usnews_issuelist ul li span {
}

#usnews_menu h3.issue_date {
}







.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
    font-size: .9em;
    font-size: 1.1em;
}

.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, 
.single_p #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span {
    font-size: .9em;
}



/* -------- 20230123 サスティナビリティ -------- */

/* --------- 2023 サステナビリティ用  ---------*/


#gnav ul {
	margin: 8px 0 0 0; border-radius:10px; overflow:hidden;
}
#gnav li {
	margin: 0 0 0 0;
}
#gnav a {	width:184px; }

#gnav a.nav2 { width:290px; }
#gnav a.nav3 { width:140px; }
#gnav a.nav4 { width:140px; }
#gnav a.nav5 { width:140px; }
#gnav a.nav7 { width:210px; }




   
      
/*--------------- SDGs -------------------*/

.sdgs_block {
}

.sdgs_approach {
	margin-left:60px;
}

.sdgs_approach:nth-of-type(3n+1) {
	margin-left:60px;
}




}














 @media screen and (max-width : 640px), projection {

body {
	font: 18px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;
	
	min-width:640px;
}

body.map_pop {
	font: 18px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;
	
	min-width:640px;
}



#wrapper_top {
	width:640px;
}

#wrapper {
	width:640px;
}


#body_contents {
	padding: 0 0 0 0;
}




.container, .top_container {
	clear: both;
	width: 600px;
	margin: 0 auto 1.5em;
}

.left_container {
	clear: both;
	width: 600px;
	margin: 0 auto;
}

#headertext {
	display: none;
}

.pc {
	display: none;
}
.smp {
	display: inline-block;
}




/*-----azure kanazawa base---------------------------*/


.full_background {
	height: 56.5vw;
	height: 362px;
}

.bg-slider {
	width: 100%;
	height: 56.5vw;
	height: 362px;
}

.bg-slider_rogo img {
	width: 80%;
	height: 45.2vw;
	height: 289px;
}




/*-----header---------------------------*/


#header {
	height: auto;
}

#headerlogo {
	margin-top: 10px;
  width: 100%; /* 20250107 */
	height: 55px; /* 20250107 */
  text-align: center /* 20250107 */
}

#headerlogo img {
  width: auto; /* 20250107 */
  max-height: 45px; /* 20250107 */
  margin-top: 7px; /* 20250107 */
}
   
#headerlogo_basic img {
	width: 90%;
}

#headermenu {
	width: 160px;
	margin-top: -5px;
}

#headermenu img {
	width: 100%;
}

#header #headermenu table {
	display: none;
}


#header .container {
	margin-bottom:0.3em;
}


/*-----grobal menu---------------------------*/



.w100, .left_w100  {	width: 100%;	}
.w100 img          {	width: 100%;	}
.w90							 {	width: 100%;	}
.w80							 {	width: 100%;	}
.w70							 {	width: 100%;	}
.w67							 {	width: 100%;	}
.w60							 {	width: 100%;	}
.w55							 {	width: 100%;	}
.w50							 {	width: 100%;	}
.w48							 {	width: 100%;  }
.w45							 {	width: 100%;	}
.w40							 {	width: 100%;	}
.w35							 {	width: 100%;	}
.w30							 {	width: 100%;	}
.w30_president		 {	width: 100%;	text-align:center;	}
.w30_president img {	width: 70%;	  }
.w25							 {	width: 100%;	}
.w20							 {	width: 100%;	}
.w15							 {	width: 40%;	  }
.w10							 {	width: 40%;	  }
.wauto             {	width: 100%;  }


/*-----grobal menu---------------------------*/





#gnav {
	display: block;
	width:100%;
	padding-top:2px;
	background-color: #fff;
	background-image: none;
	float:left;
}

 .nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7 { width:299px; }




#gnav a.nav1, #gnav li.gnav_mind { display:none; }

#gnav_top a.nav1, #gnav_top li.gnav_mind { display:none; }



#gnav li {
	margin: 8px 0 2px 0;
	text-align: center;
	float: left;
}
#gnav li a {
	margin: 0 5px 0 5px;
}

#gnav li:first-child {
	margin-left: 0;
}


#gnav li:first-child::after {
	display:block;
	content: " ";
	width: 0px;
	height: 32px;
	float:left;
	background-color:#d2d2d2;
}



#gnav li a:last-child::before {
	display:block;
	content: " ";
	width: 0px;
	height: 32px;
	margin: -18px 0 0 0;
	margin: 6px 0 0 0;
	float:right;
	background-color:#d2d2d2;
}

#gnav li a:last-child::after {
	width: 1px;
	height: 49px;
	margin: -11px 0 0 0;/* ---------------新------------ */
}



#gnav a.nav1on, #gnav a.nav2on, #gnav a.nav3on, #gnav a.nav4on, #gnav a.nav5on, #gnav a.nav6on, #gnav a.nav7on  {
	background-color: #999;
	background-image: url(../img/gnav_base_over.png);
}


#gnav a {
	display: table-cell;
	height: 30px;/* ---------------新------------ */
	width: 299px;
	vertical-align: middle;
	padding-top: 11px;/* ---------------新------------ */
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-image: transparent;
	background-color: #63635e;
}



/* ---------------2023 サステナビリティ用------------ */

#gnav {
	width:598px;
  height: auto; /* 20250107 */
  margin: 0 0 0.4em 0; /* 20250107 */
}
#gnav ul {
	border-radius:10px;
	overflow:hidden;
}
#gnav ul li {
	margin: 0 0 10px 0;
}
 .nav2 { width:598px; }

#gnav a.nav2 { width:598px; }
#gnav a.nav3 { width:299px; }
#gnav a.nav4 { width:299px; }
#gnav a.nav5 { width:299px; }
#gnav a.nav7 { width:299px; }



.line_table td.sustainability_td_logo-01 img {
	width:100%;
}
.line_table td.sustainability_td_logo-02 img {
	width:100%;
}
.line_table td.sustainability_td_logo-03 img {
	width:100%;
	margin:2em 0;
}





ul.sustainability_social_numbers li {
	display:block;
	height:calc(92px + 0.5em);
	width:calc( 100% - 4em );
	margin-bottom:20px;
	padding:0.5em 2em 0;
	background-color:#eeeeed;
	text-align:center;
}
ul.sustainability_social_numbers li div {
	display:inline-block;
	max-height:calc( 92px + 1em);
	/* float:left; */
}
ul.sustainability_social_numbers li img {
	margin-right:1em;
	float:left;
}
ul.sustainability_social_numbers li div.number-sts_right-text {
	margin-top:-1em;
	width:auto;
	float:left;
}
ul.sustainability_social_numbers li img {
	width:80px;
	height:auto;
}
ul.sustainability_social_numbers li span {
	display:block;
}
ul.sustainability_social_numbers li span.number-title {
	font-weight:bold;
	font-size:120%;
}
ul.sustainability_social_numbers li span.main-number {
	font-weight:bold;
	font-size:180%;
}









/* ---------------2023 サステナビリティ用 ここまで------------ */


#gnav a span {
	font-weight: bold;

}

#gnav a:hover {
	height: 40px;
	height: 30px;/* ---------------新------------ */
	background-color: #999;
	background-image: url(../img/gnav_base_over.png);
	border-bottom:none;
	
	border-radius:1.5px;
	border-image-outset: 3px;
}

#gnav a.select {
	height: 30px;/* ---------------新------------ */
 vertical-align:top;
	
	border-bottom:none;
	
	border-radius:1.5px;
	border-image-outset: 3px;
	
	background-image: transparent;
	background-color: #b5252d;
}




/*-----top grobal menu---------------------------*/


#gnav_top {
	display: block;
	width:100%;
	height: 120px;
	margin:1em 0 0 0;
	padding-top:2px;
	background-color: #fff;
	background-image: none;
	float:left;
}

#gnav_top li {
	margin: 8px 0 2px 0;
	text-align: center;
	float: left;
}
#gnav_top li a {
	margin: 0 5px 0 5px;
}

#gnav_top li:first-child {
	margin-left: 0;
}

#gnav_top li:first-child::after {
	display:block;
	content: " ";
	width: 0px;
	height: 32px;
	margin: 0;
	float:left;
	background-color:#d2d2d2;
}


#gnav_top li a:last-child::before {
	display:block;
	content: " ";
	width: 0px;
	height: 32px;
	margin: -18px 0 0 0;
	float:right;
	background-color:#d2d2d2;
}

#gnav_top li a:last-child::after {
	width: 1px;
	height: 48px;
	margin: -24px 0 0 0;
}


#gnav_top a {
	display: table-cell;
	height: 40px;
	width: 299px;
	vertical-align: middle;
	padding-top: 1px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-image: transparent;
	background-color: #63635e;
}

.child_headmenu {
	display:none;   /*初期設定*/
}




.block_bottom {
	overflow: visible
}





/*-----top us通信---------------------------*/


 #top_usnews_remodel h2.page_subtitle span.usnews_catchcopy {
		font-size:60%;
}

.bg_rightgray #top_usnews_remodel h2 {
width:100%;
}

#top_usnews_remodel .usnews_toptickerarea {		
	 width:100%;
}
	 
#top_usnews_remodel .usnews_toptickerarea ul li img {
	width:50%;
	margin-right:0.8em;
}

.usnews_toptickerarea ul li {
	 font-size:105%;
}
	 
#top_usnews_remodel .usnews_toptickerarea ul li {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
		
  width: 100%;
}
#top_usnews_remodel .usnews_toptickerarea ul li span {
		display:block;
	width:calc( 50% - 1.6em );
	float:left;
}

#top_usnews_remodel .usnews_toptickerarea ul li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
				overflow:hidden;
}

#top_usnews_remodel .usnews_toptickerarea ul li span::after {
	content:"  ";
}

#top_usnews_remodel .usnews_toptickerarea ul li strong {
	font-size:98%;
	width:calc( 50% - 1.4em );
	float:left;
}


/*-----usfrontline内 us通信---------------------------*/


 #usfront_usnews_remodel h2.page_subtitle span.usnews_catchcopy {
		font-size:60%;
}

.bg_rightgray #usfront_usnews_remodel h2 {
		width:100%;
	 margin: 2.8em 0 1.5em;
}

#usfront_usnews_remodel .usnews_toptickerarea {		
	 width:100%;
	 margin:0.0em 0 5em 0;
}

#usfront_usnews_remodel {		
	 margin:0.0em 0 -2em 0;
}
#usfront_usnews_remodel .usnews_toptickerarea ul li img {
	width:50%;
	margin-right:0.8em;
}

.usnews_toptickerarea ul li {
	 font-size:105%;
}
#usfront_usnews_remodel .usnews_toptickerarea ul li {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
		
  width: 100%;
}
#usfront_usnews_remodel .usnews_toptickerarea ul li span {
		display:block;
	width:calc( 50% - 1.6em );
	float:left;
}

#usfront_usnews_remodel .usnews_toptickerarea ul li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
				overflow:hidden;
}

#usfront_usnews_remodel .usnews_toptickerarea ul li span::after {
	content:"  ";
}

#usfront_usnews_remodel .usnews_toptickerarea ul li strong {
	font-size:98%;
	width:calc( 50% - 1.4em );
	float:left;
}

/*-----top us通信 改 タイルメニュー---------------------------*/

.tiled_menu_ticker {
	display:block;
	width:100%;
	margin:-3em auto 3em;
}
.tiled_menu_ticker div {
	width:50%;
	min-height:220px;
	margin:0 25%;
}
.tiled_menu_ticker div a {
	display:block;
	width:100%;
	padding:0 0 0 0;
}
.tiled_menu_ticker div a:hover ,
.tiled_menu_ticker div a:hover h3{
	color:#e55058;
}
	 
/*--------------------------------*/

.bg_white .tiled_menu_ticker div {
	border-color:#ccc;
	background-color:#fff;
}

.bg_rightgray .tiled_menu_ticker div {
	border-color:#eeedee;
	background-color:#fff;
}

.tiled_menu_ticker .sts_now_imgtrm {
	display:block;
	overflow:hidden;
	position: relative;
	background-color:#f4f4f4;
	
	width:100%;
	height:84px;
}
.tiled_menu_ticker .sts_now_imgtrm img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.tiled_menu_ticker div img {
	display:inline-block;
	width:100%;
}
.tiled_menu_ticker p {
	padding:0 1.8em;
	margin-bottom:0.8em;
}

.tiledmenu_lead {
	display:block;
	width:100%;
	margin:0;
	line-height:1.6em;
	font-size:90%;
	overflow:hidden;
}

.tiled_menu_ticker h3 {
	padding:0 1.8em;
	font-size:100%;
	margin:0.6em 0 0 0;
}


.tiled_menu_ticker a[href^="http"] h3 {
	margin-right:0.6em;
	padding-right:1.5em;
}








/* ----------------------パンくず エリア---------------------- */

#breadcrumb           { font-size: 90%; margin-bottom: 6em; }
#breadcrumb strong    { font-weight:normal; font-size: 100%; }

#breadcrumb a         { color: #666; }
#breadcrumb a:hover   { color:#e55058; color: #2da7ff; }


#breadcrumb ol    {
	 display:block;
		width: 100%; 
		height:4.6em; 
		margin: 1.2em 0 0.3em -1em; 
		padding:0 0 0.2em 1em; 
		padding:0 0 0.4em 1em; 
		
}

#breadcrumb ol li {
	display: inline;
	list-style-type: none; 
	float:left;
	
	line-height: 1.2em;
		height:1.2em;
	padding:1.1em 0 0 0;
	overflow:hidden;
	
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#breadcrumb ol li:before {
        /* liの前に記号追加 */
        content: "";
}

#breadcrumb ol li:after {
        /* 最初のliだけcontentを消す */
        content:" ｜ ";
}

#breadcrumb ol li:last-child:after {
        /* 最初のliだけcontentを消す */
        content:"";
}



/*-----パンくず end---------------------------*/




.single_p {
	width: 90%;
	margin-left:5%;
}



/*-----ソリューション詳細ページ---------------------------*/

.title_maintext {
	width:100%;
}

.title_mainimage {
	width:100%;
}
.title_mainimage img {
}



.block_triple_wrap {
	display:block;
	width:100%;
}

.block_triple {
	display:block;
	width:85%;
	margin:0 10% 1em 5%;
}


.block_quattro_wrap {
	display:block;
	width:100%;
}

.block_quattro {
	display:block;
	width:85%;
	margin:0 10% 1em 5%;
}

/*-----ソリューション詳細ページ イメージ---------------------------*/



.image_right {
	margin-left:0;
	float:left;
}

.image_left {
	margin-left:0;
}

.image_left, .image_center {
	margin-bottom:1.8em;
	font-size:90%;
}

.image_left img {
	width:100%;
	margin-bottom:0.8em;
}


/* ----------------------ソリューション孫ページ---------------------- */

.w70_area {
	width:70%;
}
.w70_area ul {
	width:100%;
}

/* ----------------------アウトソーシングメニュー---------------------- */


.outsoursing_menu {
	width:100%;
	margin:4em 0 0 0;
}

.outsoursing_menu li { float:left; width:90%; margin:0 0 2em 20px; }
.outsoursing_menu li:nth-child(3n+1) {
	margin-left:20px;
}
.outsoursing_menu li:nth-child(2n+1) {
	margin-left:20px;
}
.outsoursing_menu li a { display:block; width:304px; height:82px; margin-bottom:9px; background-position:top; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
a.osm01 { background-image:url(../products/img/outsourcing_menu01.png); }
a.osm02 { background-image:url(../products/img/outsourcing_menu02.png); }
a.osm03 { background-image:url(../products/img/outsourcing_menu03.png); }
a.osm04 { background-image:url(../products/img/outsourcing_menu04.png); }
a.osm05 { background-image:url(../products/img/outsourcing_menu05.png); }
a.osm06 { background-image:url(../products/img/outsourcing_menu06.png); }

.outsoursing_menu li a:hover { background-position:bottom; }
.outsoursing_menu li p { font-size:92%; }

.pin_map_bottun {
	width:45%;
}
.pin_map_bottun img {
	width:90%;
	margin-right:10%;
}


/* ----------------------top promotion エリア---------------------- */


 #promotion {
	 display:block;
  position:relative;
	margin: 0 0 1.9em 0;
	margin: -70px 0 1.9em 0;
	height: 50vw;
	height: 300px;
	height: 360px;
	background-color:#fff;
background: url(../movie/bg-image_notext.jpg) no-repeat top center;
background-size:cover;
overflow:hidden;
}

.box {
	background-position: center; 
	background-repeat: no-repeat;
	background-size:contain;
}

.catch_copy {
	width: 640px;
	height: 300px;
}


.catch_copy img {
  position: absolute;
	width:110%;
  top: -70px;
  top: -10px;
  left: -20px;
}


/*-----main contents---------------------------*/



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


div.smp_scroll {
	width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin-bottom: 5em;
}

.smp_scroll th {
	white-space: nowrap;
}

.smp_scroll::-webkit-scrollbar {
height: 6px; /* スクロールバーの高さ */
}
.smp_scroll::-webkit-scrollbar-thumb {
background: #666; /* スクロールバーの色 */
border-radius: 3px;
}
.smp_scroll::-webkit-scrollbar-track {
	margin:0 0.5em;
background: #ccc; /* スクロールバーの背景色 */
border-radius: 3px;
}




/*-----ダウンロードファイル---------------------------*/

.export_pdf {
	background-size: 1.0em auto;
}
.export_xls {
	background-size: 1.0em auto;
}




/*-----背景mov---------------------------*/

body {
    padding: 0;
  margin: 0;
	background-size: contain;
}
#big-video-wrap {
  color: #666;/* 動画のメッセージを目立たなくする */
  z-index: 1;
	background-color:#666;
}

/*-----背景mov end---------------------------*/


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


#wrapper_top {
	position: relative;
	margin-top:-60px;
	margin-top:70px;
	background-image:url(../img/dot.png);
	background-repeat: repeat;
	z-index:90;
}

#wrapper {
	position: relative;
	margin-top:0px;
	background-color:#fff;
	z-index:90;
}

.content {
margin: 0 auto;
  z-index: 110;
}




.top_head {
	position:fixed;
	display: block;
	width:100%;
	top:0;
	background-color:rgba(0,0,0,0.4);
	overflow:hidden;
	z-index: 200;


	height: 70px;
}

.mov_logo {
	display: block;
	width: 100%;
	margin-top: 1em;
  margin-bottom: 2em;
	float: left;
}

.mov_logo img {
	display: block;
	width: 280px;
	margin:0 auto;
}




/*-----header---------------------------*/


.mov_headmenu {
	position:absolute;
	display:none;   /*初期設定*/
	width:1150px;
	height:20px;
	border-bottom:solid 1px #eeedee;
	top:0;
	margin: 6px 0 0 0;
	text-align:right;
	font-size:80%;
	font-weight: bold;
	float:right;
}

.mov_headmenu ul {
	display:inline-block;
}

.mov_headmenu ul li {
	display:block;
	margin-left:2em;
	float: left;
}

.mov_headmenu ul li a {
	color:#63635e;
}
.mov_headmenu ul li a:hover {
	color:#e55058;
}



/*-----scroll↓---------------------------*/

.arrow {display:none;}



/*-----背景---------------------------*/


.bg_trgray {
	background-color: rgba(0,73,93,1.0);
	overflow:hidden;
}


/*-----top 見出し---------------------------*/

.sub_title_container {
	width:600px;
}

.sub_title_container_1st {
	width:600px;
	margin:5.4em auto -1.4em;
}


#wrapper_top h2.page_subtitle {

/* 見出し 中央 */

/* 見出し 左へ */
	width:auto;
margin-left:0.2em;
float:left;
text-align:left;
}
	 
.sub_title_container_1st {
}



/* 見出し右ボタン変更　20210224 */
.and_more {
	display:block;
	margin-top: 4.0em;
}

.and_more a {
	float:left;
	padding-top:0em;
	font-size:90%;
}

/* コロナ対応　見出し */

.extra_information {
    margin: 0em auto 0em;
    font-size: 100%;
}

/*-----Top 認証---------------------------*/


#top_license {
}

#top_license table {
	display:block;
	width:auto;
	margin:60px auto 0.8em 100px;
	
	margin:60px auto 0.8em;/*----ISO追加-----*/
}

#top_license td {
	text-align: center;
	vertical-align:top;
	font-size: 86%;
	color: #646464;
}

.license_badge img {
	margin:0 40px 1em 40px;
	
	height: 100px;/*----ISO追加-----*/
}





/*-----Top 認証バッジ---------------------------*/


#top_license {
}

#top_license .license_badge_flex {
}

#top_license .license_badge_flex div {
	width:37%;
}

#top_license .license_badge_flex img {
}


#top_license {
}

#top_license .license_badge_flex {
	width:100%;
	margin:60px auto 0.8em;
}

#top_license .license_badge_flex div {
	width:33%;
}

#top_license .license_badge_flex img {
}


/*-----Top パートナー---------------------------*/

.partner_badge {
	width: 621px;
	margin:40px 0 0.8em 0;
	float:right;
}

.partner_badge_01, .partner_badge_02 {
	margin:40px auto 0.8em;
	overflow:hidden;
	
	width: 621px;
  display: flex; /* 20250307 */
}

.partner_badge img {
    margin-left: 40px;
  
  object-fit: contain; /* 20250307 */
}

.partner_badge_01 .oracle {
	margin-left: 80px;
}
	 
.partner_badge img.Celonis{
    margin-left: 30px;
}
	 
.partner_badge img.snowflake {
    margin-left: 25px;
    margin-right: 0px;
}

/*-----タイルメニュー---------------------------*/

ul.tiled_menu {
	width:600px;
	margin:0 auto 5.7em;
overflow:hidden;
}
ul.tiled_menu li {
	width:299px;
}
ul.tiled_menu li a {
	width:299px;
}
.tiled_menu li:nth-child(2n+1) {
	border-left:transparent;
}
.tiled_menu li:nth-child(2n) {
border-left:solid 1px #eeedee;
}



.child_contents .tiled_menu li:nth-child(4n+1) {
	border-left:solid 1px #eeedee;
}

.child_contents .tiled_menu li:nth-child(3n+1) {
	border-left:solid 1px #eeedee;
}

.child_contents .tiled_menu li:nth-child(2n+1) {
	border-left:transparent;
}


.sts_now_imgtrm {
	width:299px;
}

.stsnow_cattegory {
	margin-top:0.1em;
	margin-bottom:0.8em;
	float:left;
}



/*-----詳細ページ　タイルメニュー---------------------------*/



.child_contents ul.tiled_menu li {
	width:299px;
overflow: hidden;
}
.child_contents ul.tiled_menu li a {
	width:299px;
}





/*-----詳細ページ　リストメニュー---------------------------*/


ul.list_menu {
	padding: 2.4em 0.8em 1.0em 0.8em;
}

/*-----top PickUp---------------------------*/


#top_pickup {
	margin-bottom: 3.4em;
}

#top_pickup .container {
	border-bottom: none;
}

.bxslider li a {
display: block;
width:100%;
height:179px;
overflow:hidden;
}
.bxslider li a img {
	display: block;
	width:50%;
	float:left;
}
.pickup_explane {
	display:inline;
	width:calc(50% - 4em);

	width:47%;
	height:170px;
	height:9em;
	
	margin: 0 1% 0 2%;
	padding: 0 0 1em 0;
	padding:0;
	float:right;
	overflow:hidden;
}
.pickup_explane h3 {
width:100%;
	font-size:100%;
	line-height:1.3em;
	float:left;
}
p.pickup_lead {
	display:none;

width:100%;
	font-size:87%;
	line-height:1.3em;
}
p.pickup_catchcopy {
	display:!important;

width:100%;
	font-size:87%;
	line-height:1.3em;
	font-weight:bold;
}


/*-----top additional menu---------------------------*/


#top_additionalmenu {
margin-bottom: 0;
}


/*-----事例　特集---------------------------*/



.case_client {
	padding: 2em 8em 1.6em 8em;
	padding: 2em 1em 1.6em 1em;
}

.case_dialogue p {
	width:100%;
	margin-left:0;
}

p.notes {
	width:85%;
	margin-left:2%;
}

.casestudies_client {
	width: 89%;
	padding: 0.6em 5% 1.6em 5%;
}

.casestudies_incharge {
	padding: 2em 5% 1.6em 5%;
	margin:4em 0 2em;
}

.w70_area {
	width:89%;
}
.case_summary {
	padding:2.8em 5% 0.6em 5%;
}

.case_summary dt {
	width:30%;
	float:left;
}

.case_summary dd {
	width:80%;
	float:left;
}


/*-----グループ---------------------------*/


.image_reflect {
	height:402px;
	overflow:hidden;
}


/*-----事業概要　補正---------------------------*/


.icon_square li.line_dbl:before {
  content: "■";
  color: #724725; /*アイコン色*/
		vertical-align:86%;
	font-size:140%;
}


/*-----採用情報---------------------------*/

#recruit_txtbtn li {
  width: 100%;
  margin: 0;
}

#internship_txtbtn {
  width: 100%;
}
   
#internship_txtbtn a {
  width:calc( 100% - 3.2em - 4px );
  padding: 1em 1.6em 1em 1.6em;
}

#internship_txtbtn a div {
  width: 100%;
}

#internship_txtbtn .internship_btn_title {
  float: none;
}

#internship_txtbtn .internship_btn_lead {
  display: block;
  margin-top: 2.0em;
  margin-left: 0;
  float: none;
}

#internship_txtbtn .internship_btn_lead:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -1.4em;
  left: 0;
  bottom: -0.7em;
  width: 100%;
  height: 6px;
  border-radius: 4px;
  background: linear-gradient(to bottom, #e4624c 0%,#d4462f 51%,#951a06 100%);
}

   
   
   


/*-----ニュース---------------------------*/

.news_credit_p {
	float: none;
	width:calc((600px * 0.935) - 4em - 2px);
}

.news_credit_p iframe {
	width:calc((600px * 0.935) - 4em - 2px);
	height:calc(((600px * 0.935) - 4em - 2px) * 0.56);
}



.product_movie {
	display: block;
	text-align:center;
}

.product_movie iframe {
	width:calc((600px * 0.935) - 4em - 2px);
	height:calc(((600px * 0.935) - 4em - 2px) * 0.56);
}

/*-----共通---------------------------*/

#page_title p {
	text-align:left;
}


/*-----フッター---------------------------*/

#footer .container {
display: block;
}

#footer .foooter_bottom_container {
	width:600px;
}


#footer .footer_row3 {
	display:block;
	min-height:28em;
	min-height:10em;
	padding:1em 0 0 0;
	float:left;
	overflow:hidden;
	
}

.f_row3_1st {
	width:280px;
	margin:0 40px 0 0;
}

.f_row3_2nd {
	width:280px;
	margin:1em 0 0 0;
}

.f_row3_3rd {
	width:600px;
	margin:1em 0 0 0;
}

#footer .footer_row3 p {
	margin: 1em 0 1em 0;	
}

#footer ul.footer_row4 li:nth-child(4n+1) {
	margin-left:40px;
}
#footer ul.footer_row4 li:nth-child(3n+1) {
	margin-left:40px;
}
#footer ul.footer_row4 li ol li:nth-child(4n+1), #footer ul.footer_row4 li ol li:nth-child(3n+1) {
	margin-left:0;
}
#footer ul.footer_row4 li:nth-child(2n+1) {
	margin-left:0;
}

.footer_sns_icons li {	/*　20210913*/
    width: 10%;
    margin: 0 2em;
}

   
   
   
/* お問い合わせ */

.contact_list {
	width:100%;
	margin-left:0%;
}
.contact_list li {
	width:41%;
	margin-left:5%;
	margin-right:0%;
}
   
   

/* お問い合わせフォーム */
.read { }
.inquiryForm, .confirmBtn { }
.inquiryForm, .confirmBtn { }
.inquiryForm th, .inquiryForm td { }
.inquiryForm th { white-space:normal; text-align:left; }
.inquiryForm td { }
.confirmBtn td { }
.inquiryForm p, .confirmBtn p { }
.inquiryForm span, .confirmBtn span { }
.inquiryForm span.essential, span.essential { }
.FormAelect {}
x .FormButton { }
.FormTextArea { }
.FormText { }
#POST {}
#TEL {}
#FAX {}



/*-----top usnews---------------------------*/

#top_usnews h2.page_subtitle {
}


.bg_rightgray #top_usnews h2 {
	color:#636363;
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
}
.bg_rightgray #top_usnews h2::after {
	content:"　";
}

#top_usnews .container {
		background-size:10em;
}

.usnews_toptickerarea {
	 width:100%;
	 margin:-2.4em 0 2em 0;
	 padding:0.1em 1em 0.8em;
}

 #top_usnews ul li, .usnews_toptickerarea ul li {
}
 #top_usnews ul li, .usnews_toptickerarea ul li {
  width: 25em;
}
 #top_usnews ul li span, .usnews_toptickerarea ul li span {
}

#top_usnews .and_more {
}



/*-----usnews 詳細---------------------------*/



/*-----usnews 一覧---------------------------*/

.usnews_issuelist {
	 padding:0.1em 1em 1.0em;
	 width:calc( 100% - 3em );
}
   
.usnews_issuelist ul li {
  width: 24em;
}



/*--------------- SDGs -------------------*/

.sdgs_approach {
	width:100%;
	margin-left:0;
}

.sdgs_approach:nth-of-type(3n+1) {
	margin-left:0;
}
	 
	 
	 
	 
	 
	 
	 

/*----- 202203 TOP STSWOW & EVENT ---------------------------*/



.top_stsnow-event{
	display:block;
	margin:5.4em auto 5.4em;
	overflow:hidden;
	
	
	width:600px;
}
	 
	 
	 	 
.top_stsnow_left,
.top_event_right {
	width: 600px;
}


.top_stsnow_left {
	float: left;
	padding-right: 0;
	border-right: none;
}

.top_event_right {
	display:block;
	width:600px;
	float: left;
	padding-left: 0;
}


.sub_title_container_top_stsnow {
	display:block;
	width:600px;
}

.sub_title_container_top_event {
	display:block;
	width:600px;
	overflow: hidden;
}

/*-----タイルメニュー 202203 TOP STSWOW & EVENT---------------------------*/


/*----- STSWOW ---------------------------*/

ul.tiled_menu_top_stsnow {
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	
	
	margin:0 auto 5.7em;
	overflow:hidden;	
	width:600px;
}
	 
	 
	 
	 
ul.tiled_menu_top_stsnow li {
	min-height:calc( 158px + 4em );
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	float:left;
	overflow:hidden;
	
	
	width:299px;
}
ul.tiled_menu_top_stsnow li a {
	display:block;
	min-height:calc( 158px + 4em );
	
	
	width:299px;
}
ul.tiled_menu_top_stsnow li a:hover {
	color:#e55058;
}


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

.bg_white .tiled_menu_top_stsnow li {
	border-color:#ccc;
	background-color:#fff;
}

.tiled_menu_top_stsnow li:nth-child(3n+1) {
	border-left:transparent;
}

.tiled_menu_top_stsnow .sts_now_imgtrm {
	display:block;
	overflow:hidden;
	position: relative;
	height:158px;
	background-color:#f4f4f4;
	
	
	width:299px;
}
.tiled_menu_top_stsnow .sts_now_imgtrm img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.top_stsnow_left .tiled_menu_top_stsnow li p {
  position: relative;
	top:-1px;
 border-top: 1px solid #eee;/* メニュー画像区切り線 */
}

.tiled_menu_top_stsnow li img {
	display:inline-block;
	width:100%;
}
.tiled_menu_top_stsnow p {
	padding:0 1.8em;
	margin-bottom:0.8em;
	
	
	
	margin-bottom:1.8em;
}


/*-----タイルメニュー 3点リーダーカット-----*/

ul.tiled_menu_top_stsnow li p span.tiledmenu_lead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
  overflow: hidden;
}
	 
	 
	 
	 

.tiled_menu_top_stsnow li:nth-child(9) {
	display: none;
}


.tiled_menu_top_event li:nth-child(4) {
	display: block;
}



/*----- EVENT 202203 ---------------------------*/


.bg_white .top_event_right h2.page_subtitle {
	display: block;
	float:left;
	
	margin: 0em 0 1.6em;
	font-size: 160%;
}
.bg_white .top_event_right h2 {
	color:#63635e;
}






/*----- EVENT ---------------------------*/

ul.tiled_menu_top_event {
    display:block;
	float: left;
	
	margin:0 auto 5.7em;
	overflow:hidden;	
	width:600px;
}
ul.tiled_menu_top_event li {
	width:299px;
	min-height:calc( 158px + 9.6em );
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	float:left;
	overflow:hidden;
}
	 
ul.tiled_menu_top_event li a {
	display:block;
	min-height:90px;
	
	width:299px;
}
ul.tiled_menu_top_event li a:hover {
	color:#e55058;
}


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

.bg_white .tiled_menu_top_event li {
	background-color:#fff;
}

.tiled_menu_top_event .sts_now_imgtrm {
	float: left;

	display:block;
	overflow:hidden;
	position: relative;
	height:158px;
	background-color:#f4f4f4;
	width:299px;
}
.tiled_menu_top_event .sts_now_imgtrm img {
 
	object-fit:cover;
	border: solid 1px #eee;
	
	
	
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.top_event_right .tiled_menu_top_event li p  {
  position: relative;
	top:0em;
}
	 
	 


.event_close {
	margin-bottom:0.6em;
	margin-left: 1em;
	color:#9c9c9c;
	float:left;
	font-weight: bold;
	
	margin-top:1.2em;
	font-size:90%;
}
	 

.top_event_right .tiled_menu_top_event li p span.stsnow_cattegory {
	display: none;
}


.tiled_menu_top_event li p {
	padding:0 0 0 1em;
	float: left;
	
	margin-bottom:1.8em;
	width: 264px;
}


/*-----タイルメニュー 3点リーダーカット-----*/

ul.tiled_menu_top_event li p span.tiledmenu_lead {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
}



.tiled_menu_top_stsnow li:nth-child(2n+1),
.tiled_menu_top_event li:nth-child(2n+1) {
	border-left:transparent;
}
.tiled_menu_top_stsnow li:nth-child(2n),
.tiled_menu_top_event li:nth-child(2n) {
border-left:solid 1px #ccc;
}




.top_extrainfo {
	padding: 0;
	text-align: left;
}

.top_extrainfo .extra_information {
	display:inline-block;
	padding: 0 0 0 1em;
	font-size:90%;
	background:url(../img/arrow_Red.gif) no-repeat left 0.3em;
	
	margin:0em 0 1.4em 1.8em;
}







/*-----20231109 画像の横スクロール---------------------------*/

.mobile-scroll {
	width: 100%;
	overflow-x: scroll;
}
.mobile-scroll::-webkit-scrollbar {
    height: 10px;
}
.mobile-scroll::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
}
.mobile-scroll::-webkit-scrollbar-track-piece {
    background: #efefef;
}
.mobile-scroll img {
	padding-bottom:0.5em;
}

.mobile-scroll img {
	width: auto;
}



/* 20231213 ページ内リンクボタン */


.solution_blockmenu_five li {
		width:calc( 46% - 2px );
}

.solution_blockmenu_five li:hover {
		width:calc( 46% - 2px );
			
}

.solution_blockmenu li a {
  width: calc(100% - 1.2em - 2px);
  padding: 2em 0.6em 0.6em;
  text-align: left;
}


.solution_blockmenu li strong,
.solution_blockmenu li .arrow_triangle {
  text-align: center;
}

.solution_blockmenu li strong span {
  display: block;
  font-weight: normal;
  font-size: 83%;
  margin-bottom: 0.4em;
}



/*　20231213　吹き出し　*/

.fukidashi_div {
	width:100%;
	display: block;
    overflow: hidden;
}
     
     
.fukidashi_man {
	width:20%;
}

.fukidashi_set {
	width:100%;
}

.fukidashi_balloon {
	width:80%;
	margin: 0em 0.8em 2em 40px;
}
   
     
/* ---------------  202407 ソリューション＆プロダクト　CyberArk セミナー申し込みボタン  ------------------*/


.products_sub_bottun {
		width:calc( 80% - 2px );
}

.fukidashi_balloon02 {
	margin: 0em 0.8em 2em 20px;
    width: calc( 100% - 7em )
}
   
   
   

h2.content_title br.smp {
	display:inline-block;
}
   
   

}