@charset "utf-8";


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

/*既存のクラス定義を上書き修正（PCの時だけmargin-bottomを0にする） */
#tagetik .product-subtitle { 
  margin-bottom :0em!important;
}
@media screen and (max-width:640px) {
#tagetik .product-subtitle {
    margin-bottom: 0.5em !important;
}
}

/*「SCSKのCCH Tagetikソリューション」項目のボックス枠4つデザイン */

#tagetik .bg-gradation1,
#tagetik .bg-gradation2,
#tagetik .bg-gradation3,
#tagetik .bg-gradation4 {
  border-radius: 20px;
}
/*CSS Matic Gradient Generator を使用 */
#tagetik .bg-gradation1 {
background: rgba(210,255,82,1);
background: -moz-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(131,188,27,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,255,82,1)), color-stop(100%, rgba(131,188,27,1)));
background: -webkit-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(131,188,27,1) 100%);
background: -o-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(131,188,27,1) 100%);
background: -ms-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(131,188,27,1) 100%);
background: linear-gradient(to bottom, rgba(210,255,82,1) 0%, rgba(131,188,27,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#83bc1b', GradientType=0 );
}
#tagetik .bg-gradation2 {
background: rgba(235,255,172,1);
background: -moz-linear-gradient(top, rgba(235,255,172,1) 0%, rgba(198,234,133,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,255,172,1)), color-stop(100%, rgba(198,234,133,1)));
background: -webkit-linear-gradient(top, rgba(235,255,172,1) 0%, rgba(198,234,133,1) 100%);
background: -o-linear-gradient(top, rgba(235,255,172,1) 0%, rgba(198,234,133,1) 100%);
background: -ms-linear-gradient(top, rgba(235,255,172,1) 0%, rgba(198,234,133,1) 100%);
background: linear-gradient(to bottom, rgba(235,255,172,1) 0%, rgba(198,234,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffac', endColorstr='#c6ea85', GradientType=0 );
}

#tagetik .bg-gradation3 {
background: rgba(157,242,218,1);
background: -moz-linear-gradient(top, rgba(157,242,218,1) 0%, rgba(9,179,149,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(157,242,218,1)), color-stop(100%, rgba(9,179,149,1)));
background: -webkit-linear-gradient(top, rgba(157,242,218,1) 0%, rgba(9,179,149,1) 100%);
background: -o-linear-gradient(top, rgba(157,242,218,1) 0%, rgba(9,179,149,1) 100%);
background: -ms-linear-gradient(top, rgba(157,242,218,1) 0%, rgba(9,179,149,1) 100%);
background: linear-gradient(to bottom, rgba(157,242,218,1) 0%, rgba(9,179,149,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9df2da', endColorstr='#09b395', GradientType=0 );
}

#tagetik .bg-gradation4 {
background: rgba(190,255,252,1);
background: -moz-linear-gradient(top, rgba(190,255,252,1) 0%, rgba(158,227,217,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,255,252,1)), color-stop(100%, rgba(158,227,217,1)));
background: -webkit-linear-gradient(top, rgba(190,255,252,1) 0%, rgba(158,227,217,1) 100%);
background: -o-linear-gradient(top, rgba(190,255,252,1) 0%, rgba(158,227,217,1) 100%);
background: -ms-linear-gradient(top, rgba(190,255,252,1) 0%, rgba(158,227,217,1) 100%);
background: linear-gradient(to bottom, rgba(190,255,252,1) 0%, rgba(158,227,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#befffc', endColorstr='#9ee3d9', GradientType=0 );
}

.flx-jc--around{
justify-content:space-around;
}