/*
エージェント別
*/
.u-pc { display: block !important; }
.u-pc_inline { display: inline !important; }
.u-sp { display: none !important; }
.u-sp_inline { display: none !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
  .u-pc { display: none !important; }
  .u-pc_inline { display: none !important; }
  .u-sp { display: block !important; }
  .u-sp_inline { display: inline !important; }
}

/*
margin top
*/
.u-mt_0 { margin-top: 0; }

.u-mt_10 { margin-top: 10px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt_10 { margin-top: 5px; }
}

.u-mt_40 { margin-top: 40px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt_40 { margin-top: 20px; }
}

.u-mt_30 { margin-top: 30px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt_30 { margin-top: 15px; }
}

.u-mt_20 { margin-top: 20px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt_20 { margin-top: 10px; }
}

.u-mt_-20 { margin-top: -20px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt_-20 { margin-top: 0; }
}

.u-mt_-10 { margin-top: -10px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt_-10 { margin-top: -5px; }
}

/*
フォントサイズ
*/
.u-fs_130 { font-size: 130px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_130 { font-size: 75px; }
}

.u-fs_110 { font-size: 110px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_110 { font-size: 55px; }
}

.u-fs_100 { font-size: 100px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_100 { font-size: 50px; }
}

.u-fs_60 { font-size: 60px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_60 { font-size: 30px; }
}

.u-fs_52 { font-size: 52px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_52 { font-size: 26px; }
}

.u-fs_48 { font-size: 48px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_48 { font-size: 24px; }
}

.u-fs_42 { font-size: 42px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_42 { font-size: 21px; }
}

.u-fs_38 { font-size: 38px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_38 { font-size: 19px; }
}

.u-fs_32 { font-size: 32px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_32 { font-size: 16px; }
}

.u-fs_28 { font-size: 28px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_28 { font-size: 14px; }
}

.u-fs_24 { font-size: 24px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_24 { font-size: 12px; }
}

.u-fs_18 { font-size: 18px; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs_18 { font-size: 14px; }
}

/*
フォントカラー
*/
.u-fc_red { color: #c9171e; }
.u-fc_white { color: #fff; }
.u-fc_navy { color: #2a4073; }

/*
テキストレイアウト
*/
.u-txt_l { text-align: left; }
.u-txt_c { text-align: center; }
.u-txt_r { text-align: right; }

/*
テキストボールド
*/
.u-txt_bold { font-weight: bold; }

.u-txt_outline_white {
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}

.u-txt_outline_navy {
  text-shadow:2px 2px 0 #2a4073, -2px -2px 0 #2a4073,
              -2px 2px 0 #2a4073, 2px -2px 0 #2a4073,
              0px 2px 0 #2a4073,  0 -2px 0 #2a4073,
              -2px 0 0 #2a4073, 2px 0 0 #2a4073;
}