@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/
.stingray *, .table_infoUnd *, .gotop *,.SubConContact h4 {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku GothicPro','ＭＳ Ｐゴシック',sans-serif !important;
	color: #333;
/*	color: #ff0000 !important;*/
	line-height: 150% !important;
	font-size:small;
}

.stingray .w20 {width:20%;}

.header_logo{margin-bottom:10px;}

.stingray h1{margin:0;}
.stingray h2{
	margin-top:30px;
	margin-bottom:0;
	font-size: 13px;
	color:#006699;
/* 20191121	background-image:url(../img/lb_h2_bg.gif);*/
	background-repeat:no-repeat;
	padding:5px 0 7px 20px;
}
.stingray h2.sp{
	margin-top:15px;
	margin-bottom:0;
	font-size: 15px;
	color:#660000;
/* 20191121	background-image:url(../img/lb_h2_bg.gif);*/
	background-repeat:no-repeat;
	padding:0;
}
.stingray h2.sp2{
	margin-top:15px;
	margin-bottom:0;
	font-size: 15px;
	color:#3c80b6;
/* 20191121	background-image:url(../img/lb_h2_bg.gif);*/
	background-repeat:no-repeat;
	padding:0;
}
.stingray h3{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 13px;
	color:#004090;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:#C6E4ED solid 1px;
}

.stingray .title_topline{
	border-top:#EEEEEE solid 1px;
	padding-top:8px;
}

.stingray p {
	margin-top:0.5em;
	line-height:1.3em;
}

/* 注釈用 */

.stingray p.cap{
	text-indent:-1em;
	margin-left:1em;
	margin-top:0px;
	margin-bottom:0px;
}

.stingray p.cap2{
	text-indent:-2em;
	margin-left:1em;
	margin-top:5px;
	margin-bottom:0px;
	font-size:xx-small;
}

/* 注釈用 */

.stingray p.lead {
	margin-top:1em;
	margin-bottom:3em;
}

.stingray dl.desc dt{
	color: #014DC1;
	font-weight:bold;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 35%;
	padding-left: 14px;
	margin-bottom:0.5em;
}
.stingray dl.desc dd{
	margin-left:1em;
	margin-bottom:1.5em;
}
.stingray dl.desc dd ul li{
	list-style-image:url(../img/bullet2.gif);
	margin-left:-1em;
	padding-left:-1em;
	color:darkslategray;
}
.stingray dl.desc dd ul li li{ 
	list-style:disc;
	list-style-image:none;
}

.stingray p.desc {
	color:darkslategray;
}

.stingray ul li{
	list-style-image:url(../img/bullet.gif) !important;
	margin-top:1em;
	/*margin-left:-1em;*/
	padding-left:-1em;
/*	line-height:1.2em;*/
}
.stingray ul.env{
	list-style-image:url(../img/bullet.gif);
	margin-top:1em;
	margin-left:1.5em;
	padding-left:0.5em;
	margin-bottom:0.2em;
	line-height:1.2em;
}
.stingray ul.lineup{
	list-style-image:url(../img/bullet.gif);
	margin-top:1em;
	margin-left:1.2em;
	padding-left:0em;
	margin-bottom:0.2em;
	line-height:1.2em;
}

.stingray ul li li{ 
	list-style-image:url(../img/bullet2.gif);
	margin-left:-1em;
	padding-left:-1em;
}
.stingray ul li li li {
	list-style:disc;
	list-style-image:none;
}
.stingray ul li.lineup-gaiyo{
	list-style-image:url(../img/bullet2.gif);
 	margin-top:0.5em;
	margin-left:-1em;
	padding-left:-1em;
}

.stingray ul.narrow li{
	margin-top:1.25em;
	padding-left:0;
	margin-bottom:0;
	margin-left:2em;
	background-image: none;
}

.stingray .notes{
	font-size:85%;
	color:dimgray;
}
.stingray .comment{
	margin-top:0.3em;
	margin-left:1em;
	color:#52598D;
}

.stingray div.parabox{
	margin-left:10px;
}

.stingray .midashi{
	color:#ff9900;
	font-weight:bold;
	margin-bottom:0.5em;
}

.stingray td.midashi-s{
	background-color:#003399;
	color:#FFFFFF;
}

.stingray .halfheight{
	margin-top:0.5em;
	margin-bottom:0;
}
.stingray .gototop{
	margin-top:5px;
	margin-bottom:30px;
	padding:5px;
	border-top:#999999 dotted 1px;
	text-align:right;
	font-size:10px;
}

.stingray .gototop.bdrtop-none {
	border-top: hidden;
	margin-top:0;
	padding-top:0;
}


.stingray .campaign{
	color:#FF6600;
	font-size:larger;
	font-weight:bold;
	line-height:130%;
}
.stingray .caption{
color:#7366B2;
font-size:80%;
}
.stingray .titl_problem{
	color:#7366B2;
	font-weight:bold;
	margin-bottom:0.5em;
}
.stingray .titl_solution{
	color:#ff3300;
	font-weight:bold;
	margin-bottom:0.5em;
}

.stingray a.magnify{/*「拡大表示」リンク*/
	background:url(../img/bullet_glass.gif) no-repeat left top;
	padding-left:12px;
	font-size:80%;
	color:#999999;
}

.stingray div.parabox{
	margin-left:10px;
}

.stingray div.dot_separator{
	/*height:0px;*/
	margin:10px,5px,0px,5px;
	border-top:#999999 dotted 1px;
}

/*トップ*/
#stingray .bg-gray-stingray {
	background-color: #EEEEEE !important;
}

/*トピックス*/
.stingray dl.topics{margin:10px 0 10px 0;
	border-bottom: #999999 dotted 1px;
	padding-bottom: 8px;
}
.stingray dl.topics dt{
	width:6em;
	color:#333399;
	float:left;
	letter-spacing: normal;
	height: 3em;
	margin-left: 10px;
}
.stingray dl.topics dd{
	margin-left:7.3em;
	margin-bottom:0.3em;
}
.stingray .note{color:#666666;font-size:85%;}

.stingray div.topics{
	border-top:#999999 dotted 1px;
	margin-top:5px;
	font-size: 1px;
}

.topics_titleimg {
background:url(../img/ind_stit01.gif) no-repeat 0 bottom;
height:26px;
}
.topics_bak{
float:right;
margin-bottom:2px;
}

/*トピックス*/


/*動作環境・システム要件*/
.stingray table.spec{
	/* width:100%; */
	width: 552px;
	border-collapse:collapse;
	font-size: 75%;
	line-height: 120%;
	margin-bottom: 0.5em;
	border: 1px solid #969696;
}
.stingray table.spec th{
	border-collapse:collapse;
	background-color: #ffff99;
	padding: 5px;
	text-align: left;
	border: 1px solid #969696;
	font-weight: normal;
	width: 105px;
	font-size: 75%;
}
.stingray table.spec td{
	border-collapse:collapse;
	padding: 5px;
	border: 1px solid #969696;
	font-size: 75%;
}

/*機能一覧*/
.stingray table.gui,
.stingray table.gui2,
.stingray table.gui3,
.stingray table.gui4{
	/* width:100%; */
	width: 562px;
	border-collapse:collapse;
	font-size: 75%;
	line-height: 120%;
	margin-top: 0em;
	margin-bottom: 0.5em;
/*	border: 1px solid #969696;*/
}
/*表の枠を見出しの色と合わせる*/
.stingray table.gui,.stingray table.gui th,.stingray table.gui td {
	border: 1px solid #ffd966;  /*タイトル（濃）色：FF6500     項目の色：ffd966   */
}
.stingray table.gui2,.stingray table.gui2 th,.stingray table.gui2 td {
	border: 1px solid #f8cbad;  /*タイトル（濃）色：9C0000     項目の色：f8cbad   */
}
.stingray table.gui3,.stingray table.gui3 th,.stingray table.gui3 td {
	border: 1px solid #c6e0b4;  /*タイトル（濃）色：639A00     項目の色：c6e0b4   */
}
.stingray table.gui4,.stingray table.gui4 th,.stingray table.gui4 td {
	border: 1px solid #b4c6e7;  /*タイトル（濃）色：00659C     項目の色：b4c6e7   */
}

.stingray table.gui th{
	border-collapse:collapse;
	background-color: #ffd966;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	width: 110px;
	font-size: 75%;
}
.stingray table.gui2 th{
	border-collapse:collapse;
	background-color: #f8cbad;
	padding: 5px;
	text-align: left;
	/*border: 1px solid #969696;*/
	font-weight: bold;
	width: 110px;
	font-size: 75%;	
}
.stingray table.gui3 th{
	border-collapse:collapse;
	background-color: #c6e0b4;
	padding: 5px;
	text-align: left;
	/*border: 1px solid #969696;*/
	font-weight: bold;
	width: 110px;
	font-size: 75%;	
}
.stingray table.gui4 th{
	border-collapse:collapse;
	background-color: #b4c6e7;
	padding: 5px;
	text-align: left;
	/*border: 1px solid #969696;*/
	font-weight: bold;
	width: 110px;
	font-size: 75%;	
}

.stingray table.gui td,
.stingray table.gui2 td,
.stingray table.gui3 td,
.stingray table.gui4 td{
	border-collapse:collapse;
	padding: 5px;
/*	border: 1px solid #969696;*/
	font-size: 75%;
}
.stingray table.gui td.mds{
	background-color:#ffe699;
}


.stingray ul.gui_1 li{
	list-style-image:url(../img/bullet3.gif) !important;
}

.stingray ul.gui_2 li{
	list-style-image:url(../img/bullet4.gif) !important;
}

.stingray ul.gui_3 li{
	list-style-image:url(../img/bullet5.gif) !important;
}

.stingray ul.gui_4 li{
	list-style-image:url(../img/bullet6.gif) !important;
}


.stingray ul.gui_1 span.title{
	font-weight:bold;
}
.stingray ul.gui_2 span.title{
	font-weight:bold;
}
.stingray ul.gui_3 span.title{
	font-weight:bold;
}
.stingray ul.gui_4 span.title{
	font-weight:bold;
}



.stingray div.gui_title1 {
/*	background: #ffffff url(../img/midashi_p.png) no-repeat 0px 10px !important;*/
/*	border-bottom: 1px #999999 solid !important;*/
	/*padding: 0 0 3px 21px;*/
	/*padding: 10px 0 3px 0px;*/
	padding: 5px 0 5px 5px;
	margin-top: 17px;
	color: #ffffff;
	background-color: #FF6500;
	font-weight: bold;
	font-size: 120%!important;
}
.stingray div.gui_title2 {
/*	background: #ffffff url(../img/midashi_p.png) no-repeat 0px 10px !important;*/
/*	border-bottom: 1px #999999 solid !important;*/
	/*padding: 0 0 3px 21px;*/
	/*padding: 20px 0 3px 0px;*/
	padding: 5px 0 5px 5px;
	margin-top: 17px;
	color: #ffffff;
	background-color:#9C0000;
	font-weight: bold;
	font-size: 120%!important;
}
.stingray div.gui_title3 {
/*	background: #ffffff url(../img/midashi_p.png) no-repeat 0px 10px !important;*/
/*	border-bottom: 1px #999999 solid !important;*/
	/*padding: 0 0 3px 21px;*/
	/*padding: 20px 0 3px 0px;*/
	padding: 5px 0 5px 5px;
	margin-top: 17px;
	color: #ffffff;
	background-color:#639A00;
	font-weight: bold;
	font-size: 120%!important;
}
.stingray div.gui_title4 {
/*	background: #ffffff url(../img/midashi_p.png) no-repeat 0px 10px !important;*/
/*	border-bottom: 1px #999999 solid !important;*/
	/*padding: 0 0 3px 21px;*/
	/*padding: 20px 0 3px 0px;*/
	padding: 5px 0 5px 5px;
	margin-top: 17px;
	color: #ffffff;
	background-color: #00659C;
	font-weight: bold;
	font-size: 120%!important;
}



/*動作環境・システム要件*/

/*製品ラインナップ*/
.stingray table.lineup{
	/* width:100%; */
	width:560px;
	border-collapse:collapse;
	font-size: 75%;
	line-height: 120%;
	margin-bottom: 0.5em;
	border: 1px solid #969696;
}
.stingray table.lineup th{
	border-collapse:collapse;
	background-color: #99ccff;
	padding: 5px;
	text-align: left;
	border: 1px solid #969696;
	font-size: 75%;
}
.stingray table.lineup td{
	border-collapse:collapse;
	padding: 5px;
	border: 1px solid #969696;
	text-align: left;
	font-size: 75%;
}

.stingray table.lineup td.l{
	width: 146px;
	border-collapse:collapse;
	background-color: #f6ffff;
	padding: 5px;
	border: 1px solid #969696;
	text-align: left;
}

/*製品ラインナップ*/


/*お問い合わせ*/

.stingray table.contact{
	border:none;
}

.stingray table.contact td.tl{
	background-image: url(../img/con_table_tl.gif);
	background-repeat: no-repeat;
	height:10px;
	width:11px;
}
.stingray table.contact td.tc{
	background-image: url(../img/con_table_tc.gif);
	background-repeat: repeat-x;
	height:10px;
}
.stingray table.contact td.tr{
	background-image: url(../img/con_table_tr.gif);
	background-repeat: no-repeat;
	height:10px;
	width:11px;
}

.stingray table.contact td.lc{
	background-image: url(../img/con_table_lc.gif);
	background-repeat: repeat-y;
}

.stingray table.contact td.cc{
	background-color: #ffffcc;
	font-size: 14px;
	/*font-weight: bold;*/
	margin: 10px;
	padding: 10px;
}

.stingray table.contact td.rc{
	background-image: url(../img/con_table_rc.gif);
	background-repeat: repeat-y;
}

.stingray table.contact td.bl{
	background-image: url(../img/con_table_bl.gif);
	background-repeat: no-repeat;
	height:10px;
	width:11px;
}
.stingray table.contact td.bc{
	background-image: url(../img/con_table_bc.gif);
	background-repeat: repeat-x;
	height:10px;
}
.stingray table.contact td.br{
	background-image: url(../img/con_table_br.gif);
	background-repeat: no-repeat;
	height:10px;
	width:11px;
}

.stingray table.contact a.yellow { color:#ff6600;}

.stingray .contactus1 {
	width:390px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.stingray .contactus2 {
/*	width:355px; */
	width:400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
/*	padding: 16px 0 25px 0;*/
/*	padding: 16px 0 25px 0; */
	padding: 20px 0 25px 0;
	background: url(../img/contactus2.png) no-repeat;
	color: #31309C;
	font-weight: bold;
	height:131px;
/*	background-color:#ff0000;*/
}

.stingray .contactus2 .tel {
	font-size: 120%;
	color: #333333;
	line-height: 100% !important;
}

.stingray .contactus2 .time {
	color: #333333;
	line-height: 100% !important;
}
/* Webkit(Google Chrome, Safari) */
@media screen and (-webkit-min-device-pixel-ratio:0){
.stingray .contactus2 {
	padding: 21px 0 25px 0;
}
}
/* Firefox用 ここから*/
@-moz-document url-prefix() {
.stingray .contactus2 .time {
	color: #333333;
	line-height: 80% !important;
}
}



/*お問い合わせ*/


.stingray .dotline{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#999999 dotted 1px;
}

.stingray .qaindex td.q {
	width:50px;
	color:#333399;
	vertical-align:top;
	font-weight:bold;
}


.stingray .qav {
	font-size:80%;
	font-weight:bold;
	color:#630021;
}

.stingray td.qaa {
	vertical-align:top;
	border-top:#999999 dotted 1px;
/*	margin-bottom:20px;*/
	margin:0px 0;
	height:5px;
	font-size:1px;
}

.stingray .box1 {
	border: 1px #c3c3c3 solid;
	background:#FFFFCE;
	/*padding: 5px 2px;*/
	padding: 5px 2px 5px 5px;
}

.stingray span.qaa {
	font-weight:bold;
}

.stingray ul.list {
	list-style-image:url(../img/list_red.png);
	margin-top: 1em;
	margin-bottom: 2em;
}

.stingray ul.list li {
	margin:0 0 1em 0;
}

.stingray .list_title {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku GothicPro','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	font-size: 110%;
}

/* 事例インデックス */
.jirei_index ul {
margin:20px 0!important;
}

.jirei_index li {
border-bottom:2px solid #333333;
margin-top:0px!important;
}

.jirei_index li:first-child {
border-top:2px solid #333333;
}

.jirei_index .kname {
border-bottom:1px solid #cccccc;
padding:4px 0 3px 3px;
background:#dcdcdc;
}

.jirei_index .klogo {
float:left;
width:125px;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
}

.jirei_index .desc {
float:left;
width:433px;
margin:11px 0 3px 5px;
}
.jirei_index .syousai {
float:right;
/*width:150px;*/
width:100px;
margin:3px 0;
padding-left:18px;
background:url(../img/arrow_blue.gif) no-repeat 0 bottom;
}

.jirei_index .desc p {
margin:0;
}

/* 事例 */
.jirei_titleimg {
background:url(../img/con_stit02.gif) no-repeat 0 bottom;
height:26px;
}
.jirei_bak{
float:right;
margin-bottom:2px;
}

.jirei_midashi {
margin: 0px 0px 5px;
color: #333399;
font-weight: bold;
}
.jirei_cp_midashi {
margin: 0px 0px 5px;
color: #333399;
font-weight: bold;
}
.jirei_read{
font-size: 15px;
font-weight:bold;
color:#9f1d39;
background-repeat:no-repeat;
padding:0;
margin:0;
}

.stingray table.fukidashi{
background-color:#ccc;
}
.stingray table.fukidashi tr td.l_quote, .stingray table.fukidashi tr td.r_quote{
font-size:150%!important;
font-family:"MS ゴシック","MS Gothic"!important;
color: #52598D;
width:1em;
text-align:center;
}
.stingray table.fukidashi tr td.l_quote{
vertical-align:top;
}
.stingray table.fukidashi tr td.r_quote{
vertical-align:bottom;
}

.stingray table.fukidashi tr td.comment{
padding:10px 5px;
}

.w100{
width:100%;
}

.w150jirei{
text-align:right;
width:150px;
}

a.mk-orange-b{
padding:0 5px;
color: #f90 !important;
text-decoration: underline !important;
}
a.mk-orange-b:hover{
color:#f90 !important;
}

/*
個別相談会
--------------------------------------------*/
table.consul{
width:95%;
margin-bottom:4em;
}
table.consul th,
table.consul td{
border:1px solid #ccc;
padding:5px;
}
table.consul th{
background:#eee;
}
.orange-btn{
background:#fa6800;
color:#FFF;
border:1px solid #fa6800;
padding:5px 20px;
font-size:16px!important;
font-weight:bold;
}
.orange-btn:hover{
background:#FFF;
color:#fa6800!important;
}

/*
	2022/10/28 ワンカラム
----------------------------------------------*/
/* サブメニューのデザイン 色変更 START *************************/
nav#submenu-top{
    margin-bottom:0em;
}
nav#submenu-top.submenu,
nav#submenu-f.submenu{
    background-color: #b90f0f!important;
}

#submenuLink {
    background-image: url("../img/submenu.png"); /* 赤い画像に上書き */
}
#submenuLink.active {
    background-image: url("../img/submenu_over.png"); /* 赤い画像に上書き */
}

@media screen and (max-width: 767px) and (min-width: 1px){
.submenu ul.pagelinks-02-list>li>a.active,
.submenu ul.pagelinks-02-list>li>a:hover,
.submenu ul.pagelinks-02-list>li.on_hover>a {
    color: #FFFFFF !important;
    background-color: #D34261!important;
}
}

.submenu ul.pagelinks-02-list>li>a,
.submenu ul.pagelinks-02-list>li>span.no-link{
    border-left: 1px solid #b90f0f!important;
    border-top: 1px solid #b90f0f!important;
    border-bottom: 1px solid #b90f0f!important;
}
/*  濃いピンク色を透過した色 #D3426110 → #FCF3F5  */
.submenu ul.pagelinks-02-list>li.on_hover>a {
    background-color: #FCF3F5!important;
    color: #b90f0f!important;
}
.submenu ul.pagelinks-02-list>li.on_hover a.link-level1:after {
    color: #b90f0f!important;
}
/*サブメニュー第2階層のリンク*/
.submenu ul.mNavi-arw-ul li a{
    color: #b90f0f!important;
}
.submenu ul.mNavi-arw-ul li a:after{
    color: #b90f0f!important;
}
.submenu ul.mNavi-arw-ul li a:hover{
    background-color: #FCF3F5!important;
    color: #b90f0f!important;
}

a{
color:#b90f0f;
text-decoration:none;
}
a:hover{
color:#b90f0f!important;
text-decoration:underline!important;
}
.col-red{
color:#b90f0f;
}
.bg-red{
background:#b90f0f!important;
}
.bd-red{
border-color: #b90f0f!important;
}
.bg-green01{
background:#639A00;
}
a.bb-crimson {
    background-color: #b90f0f!important;
    border: 1px solid #b90f0f!important;
}
a.bb-green{
background-color:#080!important;
border:1px solid #080!important;
}

.height-70{
height:70px!important;
}

.height-80{
height:80px!important;
}
.height-90{
height:90px!important;
}
.height-250{
height:250px;
}
.height-150{
height:150px;
}
.height-145{
height:145px;
}
.height-190{
height:190px;
}
.height-280{
height:280px;
}
.bold{
font-weight:bold!important;
}
.align-items--center{
align-items:center;
}
.row-reverse{
flex-direction: row-reverse;
}
.box-triangle a{
display:block;
width:310px;
height:210px;
position:relative;
color:black;
border:1px solid #999;
margin:auto;
}
.box-triangle a:hover{
text-decoration:none;
opacity:.7;
}
.box-triangle-case a{
display:block;
width:310px;
height:220px;
position:relative;
color:black;
border:1px solid #999;
margin:auto;
}
.box-triangle-case a .triangle_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px 10px;
    display: block;
    text-align: center;
}
.box-triangle-case a .triangle_box .logo-img{
height:70px;
width:100%;
display:block;
}
.box-triangle-case a .triangle_box .logo-img img{
width:150px;
}
.box-triangle_nolink{
width:310px;
height:150px;
position:relative;
color:black;
border:1px solid #999;
margin:auto;
}
.box-triangle_nolink-2{
width:460px;
height:230px;
position:relative;
color:black;
border:1px solid #999;
margin:auto;
}
.box-triangle_nolink .triangle_box .triangle_box_text,
.box-triangle_nolink-2 .triangle_box .triangle_box_text{
text-align:center;
margin-bottom:10px;
}
.triangle_box{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:10px;
display:block;
text-align:center;
}
.triangle_box img{
width:170px;
}
.triangle_box .triangle_box_text,
.triangle_box .triangle_box_text-2{
    font-size: 16px;
    font-weight: bold;
    //margin-top: 20px;
    width: 100%;
}
.triangle_box .triangle_box_text{
text-align:left;
}
a .triangle_box .triangle_box_text,
.triangle_box .triangle_box_text-2{
color:#000;
}
.triangle_text:hover,
.triangle_text-2:hover{
text-decoration:none!important;
}
.triangle_box::after{
content:"";
border-top: 10px solid transparent;
border-right: 10px solid #b90f0f;
position:absolute;
bottom:10px;
right:10px;
}
.triangle_box.blank::before{
    content: " \f35d";
    margin-right: 0.3em;
    font-size: 12px;
    vertical-align: 10%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff7e00;
    position:absolute;
    bottom:5px;
    right:25px;
}
@media screen and (max-width:767px) and (min-width:1px) {
.height-250,
.height-190{
height:initial;
}
}
.box-triangle_nolink,
.box-triangle_nolink-2{
width:100%;
}
.box-triangle_nolink-2{
height:200px;
}

#stingray .inquiry-Block{
    background: #F4D0D7!important;
}
.inquiry-Block h2.ttl {
    border-left: 3px solid #b90f0f;    
    color: #000;
}
.inquiry-Block-box h3 {
    border-bottom: 2px solid #b90f0f;    
    color: #000;
}
.inquiry-Block-box-txt-ib,
.inquiry-Block-box-txt-ib2 {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
}

.inquiry_boxes a{
display:block;
width:250px;
height:184px;
position:relative;
color:black;
border:1px solid #666;
margin:auto;
}
.inquiry_boxes a:hover{
text-decoration:none;
opacity:.7;
}
span.inquiry_box{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:10px;
display:block;
text-align:center;
}
span.inquiry_box img{
width:70px;
margin-top:20px;
}
span.inquiry_box .inquiry_box_text{
font-size:18px;
font-weight:bold;
}
a span.inquiry_box .inquiry_box_text{
color:#000;
}
.inquiry_box_text:hover{
text-decoration:none!important;
}
span.inquiry_box::after{
content:"";
border-top: 10px solid transparent;
border-right: 10px solid #b90f0f;
position:absolute;
bottom:10px;
right:10px;
}

@media screen and (max-width: 767px) and (min-width: 1px){
.inquiry-Block h2.ttl{
    border-top: 3px solid #b90f0f;
    border-left-style: none;
}
}

.h-ttl_stingray {
    color: #000;
    font-size: 19px;
    border-bottom: 1px solid #b90f0f;
    padding-bottom: 0.2em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
    margin-top:4.5em;
}
.h-ttl_stingray-01{
    background-color: #f1f1f1;
    padding: 1em 0.8em;
    font-size: 24px;
    font-weight: 500;
    border-top: 4px solid #b90f0f;
    }
.h-ttl_stingray-02{
    background-color: #f1f1f1;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 19px;
    font-weight: bold;
    line-height: 2em;
    }
.h-ttl_stingray-02:before{
    font: normal normal 14px/1 "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c8";
    margin-right: 0.5em;
    margin-left: 0.5em;
    vertical-align: 10%;
    color:#b90f0f;
    }
.icn{
width:9em;
}
.ttl-List-text {
    padding: 2em 20px 2em 140px;
}

.top-support-img{
position:relative;
}
.top-support-img img{
position:absolute;
top:0;
left:0;
height:100%;
object-fit:cover;
}
.top-support-text{
background:#f0f0f0;
padding:10px;
width:70%;
}

/*テーブル*/
.table-01 {
    font-size: 100%;
    width: 100%;
    box-sizing: border-box!important;
    border-right:1px solid #ffd966;
}
.table-01 th{
    border-bottom: 1px solid #ffd966;
    border-left: 1px solid #ffd966;
    background: #ffe699;
    padding: 10px;
    font-weight:normal;
    text-align:left;
}
.table-01 th.title {
    border-bottom: 1px solid #ffd966;
    border-left: 1px solid #ffd966;
    background: #ffd966;
    padding: 10px;
    font-weight: bold;
}
.table-01 td{
padding:10px;
    border-bottom: 1px solid #ffd966;
    border-left: 1px solid #ffd966;
}
.table-02 {
    font-size: 100%;
    width: 100%;
    box-sizing: border-box!important;
    border-right:1px solid #f8cbad;
}
.table-02 th{
    border-bottom: 1px solid #f8cbad;
    border-left: 1px solid #f8cbad;
    background: #f8cbad;
    padding: 10px;
    font-weight:normal;
    text-align:left;
}
.table-02 th.title {
    border-bottom: 1px solid #f8cbad;
    border-left: 1px solid #f8cbad;
    background: #f8cbad;
    padding: 10px;
    font-weight: bold;
}
.table-02 td{
padding:10px;
    border-bottom: 1px solid #f8cbad;
    border-left: 1px solid #f8cbad;
}
.table-03 {
    font-size: 100%;
    width: 100%;
    box-sizing: border-box!important;
    border-right:1px solid #c6e0b4;
}
.table-03 th{
    border-bottom: 1px solid #c6e0b4;
    border-left: 1px solid ##c6e0b4;
    background: #c6e0b4;
    padding: 10px;
    font-weight:normal;
    text-align:left;
}
.table-03 th.title {
    border-bottom: 1px solid #c6e0b4;
    border-left: 1px solid #c6e0b4;
    background: #c6e0b4;
    padding: 10px;
    font-weight: bold;
}
.table-03 td{
padding:10px;
    border-bottom: 1px solid #c6e0b4;
    border-left: 1px solid #c6e0b4;
}
.table-04 {
    font-size: 100%;
    width: 100%;
    box-sizing: border-box!important;
    border-right:1px solid #b4c6e7;
}
.table-04 th{
    border-bottom: 1px solid #b4c6e7;
    border-left: 1px solid #b4c6e7;
    background: #b4c6e7;
    padding: 10px;
    font-weight:normal;
    text-align:left;
}
.table-04 th.title {
    border-bottom: 1px solid #b4c6e7;
    border-left: 1px solid #b4c6e7;
    background: #b4c6e7;
    padding: 10px;
    font-weight: bold;
}
.table-04 td{
padding:10px;
    border-bottom: 1px solid #b4c6e7;
    border-left: 1px solid #b4c6e7;
}
.db{
display:block!important;
}
.text-underline{
text-decoration:underline;
}
table.dataTable01b td{
padding:0 10px;
}
table.dataTable01b th{
background:#d1d4e9;
padding:3px 10px 0 10px;
}
.letter-spacing-007em{
letter-spacing:-0.07em;
}
.flx-items-end{
align-items:flex-end;
}
.height130{
height:130px;
}


@media screen and (max-width:767px) and (min-width:1px) {
.top-support-img img{
position:relative;
height:auto;
width:100%;
}
.top-support-text{
width:100%;
}
.sp-mT3em{
margin-top:3em!important;
}
.sp-mT2hem {margin-top: 2.5em !important;
}
.box-triangle_nolink-2{
height:230px;
}
}