textbold120@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/

/*右ナビのボタン*/
a.rnavi_btnOrange,.rnavi_btnOrange:visited{
	font-weight:bold;
	display:block !important;
	background-color:#FF7400!important;
	color:#fff!important;
	text-align:center!important;
	text-decoration:none!important;
	padding:5px 0!important;
}

.rnavi_btnOrange:hover{background-color:#FFAA57!important;}

.rnavi_btn {
	padding-left: 11px; 
	padding-right: 11px;
}

.point_image {
  width:100%;
  height:270px;
  background-image: url(../img/index_point-01.png);
  background-repeat: no-repeat;
  background-position: center;
}


/* .fontsize105 {
  font-size: 105%;
} */
.fontsize108 {
  font-size: 108%;
}
.fontsize110 {
  font-size: 110%;
}
.textbold120 {
  font-weight: bold;
  font-size: 120%;
}
.text_center_roundhdr {
  /* padding:20px 20px; */
  text-align: center!important;
  display: block;
  border-radius:25px;
  background:#00cc99;
  width:100%;
}

.text_center_roundhdr {
  /* padding:20px 20px; */
  text-align: center!important;
  display: block;
  border-radius:25px;
  background:#00cc99;
  width:100%;
}
.text_center_roundhdr p.txtwhitebig{
margin-top:1em;
font-size:160%;
font-weight:bold;
color:#ffffff;
/* border-radius:25px; */
display: inline-block!important;
text-align: left;
}
.txtorangebig{
font-size:170%;
font-weight:bold;
color:#ed7d31;
}
.list-center ol li{
/*float:left;*/
text-align:center;
width:33%;
margin-bottom:2em;
}
.txtbold{
font-weight:bold;
}
.txtmid{
font-size:170%;
}
.fcRed{
color:#ff0000!important;
}

p.RemoteWorkMessage{
    text-align: center;
    border: 1px solid #ff0000;
    padding: 10px;
    margin-top:3em!important;
    margin-bottom:3.5em!important;
}
.over_red {
    color: #ff0000;
}

#amo a.bb-brown {
background-color: #CABD43 !important;
border: 1px solid #CABD43 !important;
}
#amo a.bb-brown:hover {
color: #CABD43 !important;
background-color: #FFFFFF !important;
}

#amo a.bb-bluegray {
    background-color: #5899D4 !important;
    border: 1px solid #5899D4 !important;
    height:86px;
}
#amo a.bb-bluegray:hover {
color: #5899D4 !important;
background-color: #FFFFFF !important;
}
/*
#amo a.bb-green {
background-color: #87CA43 !important;
border: 1px solid #87CA43 !important;
}
#amo a.bb-green:hover {
color: #87CA43 !important;
background-color: #FFFFFF !important;
}
*/

.bg-navy{
background:#00207A!important;
}
.bd-navy{
border-color:#00207A!important;
}
.bb-navy{
    background-color: #00207A !important;
    border: 1px solid #00207A !important;
    height:86px;
}
.bb-navy:hover {
color: #00207A !important;
background-color: #FFFFFF !important;
}
.bg-amo-yellow{
background:#E8C531!important;
}
.mk-amo-yellow{
background:linear-gradient(transparent 70%, #f9f0cb 70%);
}

.bd-radius-5{
border-radius:5px;
}
.bd-radius-10{
border-radius:10px;
}
.height-205{
height:205px;
}
.height-190{
height:190px;
}
.height-62{
height:62px;
}
.w-100per-80{
width:calc(100% - 80px)!important;
}
h2.amo{
position: relative;
padding-bottom:0.5em;
border-bottom: 4px solid #D2D7E4;
font-size: 22px;
font-weight: normal;
}
h2.amo:before {
position: absolute;
bottom: -4px;
left: 0;
width: 20%;
height: 4px;
content: '';
background: #00207A;
}
ul.link-list-dot.amo>li{
display:flex;
margin-top:2px;
}
ul.link-list-dot.amo>li:before {
font-weight: 900;
color: #00207A;
content:"●"!important;
margin-left: -2.2em;
margin-right: 0.4em;
margin-top:2px;
font-size: 40%;
}
ul.link-list-dot.amo>li:last-of-type{
margin-bottom:0;
}
.pB03em{
padding-bottom:0.3em!important;
}
.pB02em{
padding-bottom:0.2em!important;
}
.w100per-4em{
width:calc(100% - 4em)!important;
}

.flx-ai--center{
align-items:center;
}
@media screen and (max-width:767px) and (min-width:1px) {

.sp-point_image {
  height:168px;
  background-image: url(../img/index_point-01sp.png);
  background-repeat: no-repeat;
}

.text_center_roundhdr {
  /* padding:10px 20px; */
  text-align: center!important;
  display: block;
border-radius:10px;
  background:#00cc99;
  width:100%;
}
.text_center_roundhdr p.txtwhitebig{
margin-top:1em;
font-size:130%;
font-weight:bold;
color:#ffffff;
/* border-radius:25px; */
display: inline-block!important;
text-align: left;
}
.height-205,
.height-190,
.height-62{
height:initial;
}
.sp-pB05em{
padding-bottom:0.5em!important;
}
.scroll{
width:calc(100vw - 60px)!important;
position:relative;
}
.scroll:before {
position: absolute;
top: 0;
left: 0;
}
a.btn-link2 {
padding:0.5em 0.5em 0 0.5em;
}
}