<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media only screen and (min-width: 768px) {
}

@media only screen and (max-width: 767px) {
  /* =============================================
  Typography
  ============================================= */
  .redBgTitle {
    padding: 15px 10px;
    background-color: #c00000;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
  }
  .redBgTitle span {
    margin-top: 5px;
    display: block;
    font-size: 12px;
  }

  .contentsTitle02 {
    margin-bottom: 15px;
  }
  .contentsTitle02 span {
    font-size: 14px;
  }

  .contentsTitle03 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    line-height: 1.0;
    background: url(/img/common/sp/bdr_h4.gif) left bottom repeat-x;
    background-size: auto 2px;
  }
  .contentsTitle03.iconQuestion span {
    background: url(/img/common/icon/sp/icon_q_fukidashi.png) left no-repeat;
    background-size: 26px auto;
  }
  .contentsTitle03.iconBook span {
    background: url(/img/common/icon/sp/icon_book.png) left no-repeat;
    background-size: 26px auto;
  }
  .contentsTitle03.iconPeople span {
    background: url(/img/common/icon/sp/icon_people.png) left no-repeat;
    background-size: 26px auto;
  }
  .contentsTitle03.iconMail span {
    background: url(/img/common/icon/sp/icon_mail.png) left no-repeat;
    background-size: 26px auto;
  }
  .contentsTitle03.iconList span {
    background: url(/img/common/icon/sp/icon_list.png) left no-repeat;
    background-size: 26px auto;
  }
  .contentsTitle03.iconMap span {
    background: url(/img/common/icon/sp/icon_map.png) left no-repeat;
    background-size: 26px auto;
  }
  .contentsTitle03 span {
    display: inline-block;
    padding: 14px 0px 10px 34px;
    font-size: 18px;
    font-weight: bold;
  }

  /* =============================================
  Common Settings
  ============================================= */
  .contentsSettings {
    margin-bottom: 30px;
  }

  .iconLinkTxt {
    color: #c00000 !important;
    text-decoration: underline !important;
    display: block;
  }
  .iconLinkTxt span {
    padding-left: 20px;
    background: url(/img/common/icon/sp/icon_link.png) left center no-repeat;
    background-size: 15px auto;
  }

  .contentsInner {
    padding: 20px 10px;
  }

  /* =============================================
  contents
  ============================================= */
  #home_sp img {
    max-width: 100%;
    height: auto;
  }
  #home_sp #mainslide {
    width: 100%;
    margin: 0px auto 0 auto;
    /*overflow: hidden;*/
  }
  #home_sp #mainslide .slick-prev, #home_sp #mainslide .slick-next {
    width: 18px;
    height: 34px;
    margin-top: -9px;
    background-image: url(/img/common/sp/mainslide-arrow.png);
    background-repeat: no-repeat;
    background-size: 36px 34px;
  }
  #home_sp #mainslide .slick-prev:before, #home_sp #mainslide .slick-next:before {
    display: none;
  }
  #home_sp #mainslide .slick-prev {
    left: 0;
  }
  #home_sp #mainslide .slick-next {
    right: 0;
    background-position: top right;
  }
  #home_sp .search-area {
    background: #ea2214 url(/img/common/sp/bgmap.png) no-repeat right 50%;
    background-size: 138px;
    padding: 10px 30px 20px 30px;
  }
  #home_sp .search-area h2 {
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
  }
  #home_sp .search-area h2:before {
    content: '';
    background: url(/img/common/sp/icon-zoom1.png) no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: -10%;
  }
  #home_sp .search-area .search-btn a {
    display: block;
    background: #fff;
    border-radius: 6px;
    text-align: center;
    padding: 7px 0 4px 0;
    color: #686868;
    font-weight: bold;
    margin-bottom: 8px;
    position: relative;
  }
  #home_sp .search-area .search-btn a:after {
    content: '';
    background: url(/img/common/sp/icon-arrow1.png) no-repeat;
    background-size: 14px;
    width: 15px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 10px;
  }
  #home_sp .search-area .freeword {
    position: relative;
    display: table;
    width: 100%;
    white-space: nowrap;
  }
  #home_sp .search-area .freeword p {
    display: table-cell;
    color: #fff;
    font-size: 10px;
    white-space: nowrap;
    vertical-align: middle;
    width: 6em;
  }
  #home_sp .search-area .freeword .free-search-form {
    display: table-cell;
    padding: 0 2px 0 5px;
    box-sizing: border-box;
    height: 26px;
    text-align: right;
  }
  #home_sp .search-area .freeword .free-search-btn {
    margin: 0 !important;
    padding: 0 !important;
    text-align: right;
    display: table-cell;
    box-sizing: border-box;
    background-color: #222;
    text-align: center;
    width: 28px;
    vertical-align: middle;
  }
  #home_sp .search-area .freeword .free-search-btn button {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.0;
    vertical-align: middle;
  }
  #home_sp .search-area .freeword .free-search-btn img {
    margin: 0 !important;
    padding: 0 !important;
    width: 15px;
    height: 15px;
    line-height: 1.0;
  }
  #home_sp .search-area .freeword input {
    border: 1px solid #AAAAAA;
    padding: 10px;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 20px;
  }
  #home_sp .tel1 {
    margin: 15px 10px;
    padding: 10px;
    border: 6px solid;
    border-image: url("/img/common/sp/bg-pattern1.png") 6 round;
    text-align: center;
  }
  #home_sp .tel1 p {
    text-align: center;
    line-height: 1.2;
    font-size: 12px;
  }
  #home_sp .tel1 img {
    max-width: 100%;
    height: auto;
    margin: 8px 0 15px;
  }
  #home_sp .bnrBlock {
    margin: 10px 10px 15px;
  }
  #home_sp .bnrBlock ul li {
    margin-bottom: 10px;
  }
  #home_sp .coursenav h2 {
    background: #e20011 url("/img/common/sp/icon-hand1.png") no-repeat 15px 50%;
    background-size: 14px;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    padding: 10px 10px 7px 35px;
  }
  #home_sp .coursenav ul {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0px;
  }
  #home_sp .coursenav ul li {
    display: table-cell;
    position: relative;
    width: 33.3333%;
  }
  #home_sp .coursenav ul li img {
    max-width: 100%;
    height: auto;
  }
  #home_sp .coursenav ul li:nth-child(1) img {
    position: absolute;
    right: -5px;
  }
  #home_sp .coursenav ul li:nth-child(3) img {
    position: absolute;
    left: -5px;
  }
  #home_sp .bigbnr {
    background: url("/img/common/sp/bg-pattern1.png");
    padding: 10px 10px 1px 10px;
  }
  #home_sp .bigbnr a {
    display: block;
    margin-bottom: 10px;
  }
  #home_sp .purpose {
    padding: 15px 10px 10px 10px;
  }
  #home_sp .purpose h3 {
    color: #316DB3;
    font-size: 13px;
  }
  #home_sp .purpose ul {
    padding: 15px 20px 10px 20px;
  }
  #home_sp .purpose ul li {
    margin-bottom: 10px;
  }
  #home_sp .purpose p {
    font-size: 10px;
  }
  #home_sp .tel2 {
    margin-bottom: 10px;
    padding: 10px;
    padding-bottom: 0;
    border-bottom: none;
  }
  #home_sp .tel2 .wrap {
    display: table;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #home_sp .tel2 .wrap span {
    font-size: 12px;
    display: table-cell;
    box-sizing: border-box;
    width: 6em;
    vertical-align: middle;
  }
  #home_sp .tel2 .wrap span strong {
    width: 5em;
    margin-right: 10px;
    padding: 5px 10px;
    white-space: nowrap;
    color: #316db3;
    border: 1px solid #316db3;
  }
  #home_sp .tel2 .wrap div {
    display: table-cell;
    vertical-align: middle;
  }
  #home_sp .tel2 .wrap div img {
    max-width: 100%;
    height: auto;
  }
  #home_sp .tel2 p {
    font-size: 11px;
    text-align: right;
  }
  #home_sp .search-area .freeword .attention_space {
    position: absolute;
    top: -80px;
    left: 50%;
    margin-left: -90px;
    z-index: 9999;
    display: none;
  }

  /* #breadcrumb,  */
  #breadcrumb {
    padding: 0 10px;
    box-sizing: border-box;
  }
  #breadcrumb p {
    margin: 0px 0px 2px;
    font-size: 12px;
    line-height: 2.1;
  }
  #side_menu {
    display: none;
  }

  .clearfix:after {
    display: block;
    clear: both;
    content: "";
  }

  .pcArea {
    display: none !important;
  }

  .spArea {
    display: block !important;
  }

  .sponly-block {
    display: none !important;
  }

  .sponly-material {
    display: block !important;
  }

  .pconly-material {
    display: none !important;
  }

  .dispblock {
    display: block !important;
  }

  /* Header
  ------------------------------------------------------------------------ */
  #SP_contesnts {
    display: none !important;
  }
  /*===========================
  topMenuBlock
  ===========================*/
  #topMenuBlock h2 {
    background: #e20011 url(/img/common/sp/icon-switch1.png) no-repeat 15px 50%;
    background-size: 14px;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    padding: 10px 10px 7px 35px;
    margin-top: 30px;
  }
  #topMenuBlock #innerSpace {
    padding: 15px 10px 0;
    text-align: center;
  }
  #topMenuBlock #innerSpace div.menuBox {
    margin-bottom: 20px;
    padding-top: 25%;
    width: 48%;
    display: inline-block;
  }
  #topMenuBlock #innerSpace div.menuBox h3.titleTxt {
    padding: 5px 0px;
    background: url(/img/top/sp/about_bg.png) left top repeat;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
  }
  #topMenuBlock #innerSpace div.menuBox h3.titleTxt a {
    color: #fff;
    display: block;
  }
  #topMenuBlock #innerSpace div.menuBox h3.titleTxt a span {
    margin: 0px 5px;
    display: block;
    background: url(/img/top/sp/bg_arrow.png) right bottom no-repeat;
    background-size: 5px;
  }
  #topMenuBlock #innerSpace div.menu01 {
    background: url(/img/top/sp/spmenu_001.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  #topMenuBlock #innerSpace div.menu02 {
    background: url(/img/top/sp/spmenu_002.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  #topMenuBlock #innerSpace div.menu03 {
    background: url(/img/top/sp/spmenu_003.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  #topMenuBlock #innerSpace div.menu04 {
    background: url(/img/top/sp/spmenu_004.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  #topMenuBlock #innerSpace div.menu05 {
    background: url(/img/top/sp/spmenu_005.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  #topMenuBlock #innerSpace div.menu06 {
    background: url(/img/top/sp/spmenu_006.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  #topMenuBlock #innerSpace div.menu07 {
    background: url(/img/top/sp/spmenu_007.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  #topMenuBlock #innerSpace div.menu08 {
    background: url(/img/top/sp/spmenu_008.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  /* Conversion Area
  ------------------------------------------------------------------------ */
  #conversionArea_sp div.title {
    padding: 10px;
    background-color: #baab86;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
  }
  #conversionArea_sp div.inner {
    padding: 20px 30px;
    background-color: #fdfae0;
  }
  #conversionArea_sp span.freecallTxt {
    margin-bottom: 0px;
    display: block;
    text-align: center;
    margin-top: 8px;
  }
  #conversionArea_sp span.freecallTxt img{
    /*padding: 0px 45px;*/
  }
  #conversionArea_sp p {
    text-align: left;
  }
  #conversionArea_sp .contactAdMain__txt strong{
    padding-left: 2px;
      color: #326eb4;
  }
  #conversionArea_sp ul {
    padding: 17px 0px 30px;
  }
  #conversionArea_sp ul li {
    margin-bottom: 12px;
    text-align: center;
    /* jcool霑ｽ險�0203 */
    position: relative;
  }
  #conversionArea_sp ul li:last-child {
    margin-bottom: 0px;
  }
  /*#conversionArea_sp .freecall_area{
    padding:10px 20px;
    border:5px solid #4f83bf;
    background:#fff;
    width:70%;
    margin:0 auto;
  }*/
  #conversionArea_sp .freecall_area {
    padding:10px 20px;
    border:5px solid #4f83bf;
    background:#fff;
    width:70%;
    margin:0 auto;
      background: #fff url(/img/top/renewal201801/sp/img_001.png) right top no-repeat;
      background-size: auto auto;
      background-size: 100px auto;
  }


  #conversionArea_sp p.caption {
    text-align: left;
    font-size: 12px;
  }

  #conversionArea_sp .conversionArea-outer {
    /*background: #ea2213;
    padding-bottom: 10px;*/
  }
  #conversionArea_sp .conversionArea-outer h3 {
    color: #fff;
  }
  #conversionArea_sp .conversionArea-inner {
    background: #fefbd0;
    padding-bottom: 30px;
  }
  #conversionArea_sp .conversion-img {
    padding: 20px 0 35px;
  }
  #conversionArea_sp ul.btn-area {
    padding: 0 0 20px 0;
  }
  #conversionArea_sp ul.btn-area li {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
  }


  /* SP Common
  ------------------------------------------------------------------------ */
  h2.titleTxt {
    padding: 15px 10px;
    background-color: #c00000;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
  }
  h2.titleTxt span {
    font-size: 12px;
  }

  div.fukidashi {
    margin-bottom: 30px;
    padding: 10px;
    background-color: #c00000;
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: relative;
  }
  div.fukidashi:after {
    top: 99%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(192, 0, 0, 0);
    border-top-color: #c00000;
    border-width: 15px;
    margin-left: -15px;
  }
  div.fukidashi span {
    padding-bottom: 5px;
    display: inline-block;
  }

  div.contactArea01 {
    margin-bottom: 30px;
    padding: 15px 10px;
    background-color: #fffde8;
  }
  div.contactArea01 span.title {
    font-size: 15px;
    color: #4c4c4c;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  div.contactArea01 div.messageBlock {
    position: relative;
  }
  div.contactArea01 div.messageBlock div.imgBox {
    position: absolute;
    bottom: -14px;
    left: 10px;
    width: 25%;
  }
  div.contactArea01 div.messageBlock div.fukidashiBox {
    float: right;
    width: 65%;
    position: relative;
    background: #c5b898;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
  div.contactArea01 div.messageBlock div.fukidashiBox:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(197, 184, 152, 0);
    border-right-color: #c5b898;
    border-width: 10px;
    margin-top: -10px;
  }
  div.contactArea01 div.messageBlock div.fukidashiBox p {
    padding: 10px 10px 10px 12px;
    font-size: 12px;
    color: #fff;
  }
  div.contactArea01 div.freecallArea {
    margin: 15px 0px 0px;
  }

  #conversionArea_sp {
    margin-bottom: 20px;
    line-height: 1.2;
  }
  /*繝医ャ繝励�繝ｼ繧ｸ蝠上＞蜷医ｏ縺帚名*/
  div.contactArea01new {
    margin-bottom: 30px;
    padding: 10px 10px;
    border: 5px solid #326eb4;
    border-radius: 10px;
    margin: 20px 10px 10px 10px;
    position: relative;
  }
  div.contactArea01new p{
    font-size:12px;
    color: #326eb4;
    font-weight: bold;
  }
  div.contactArea01new span.title {
    display: block;
    text-align: left;
    color: #326eb4;
    font-size: 21px;
    font-weight: bold;
  }
  div.contactArea01new div.messageBlock {
    position: relative;
  }
  div.contactArea01new div.messageBlock div.imgBox {
    position: absolute;
    bottom: -11px;
    right: 8px;
    width: 25%;
  }
  div.contactArea01new div.messageBlock div.fukidashiBox {
    float: left;
    width: 85%;
    position: relative;
  }
  div.contactArea01new div.messageBlock div.fukidashiBox p {
    font-size: 12px;
    color: #4c4c4c;
    font-weight: normal;
  }
  div.contactArea01new div.freecallArea {
    margin: 10px 0px 0px;
  }
  /*繝医ャ繝励�繝ｼ繧ｸ蝠上＞蜷医ｏ縺帚夢*/

  /* High
  ------------------------------------------------------------------------ */
  #highPage {
    font-size: 12px;
    line-height: 1.6;
  }
  #highPage #mainCont {
    padding: 10px 10px 30px;
  }
  #highPage #mainCont div.fukidashi {
    margin-bottom: 30px;
    padding: 10px;
    background-color: #14a0c7;
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: relative;
  }
  #highPage #mainCont div.fukidashi:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(192, 0, 0, 0);
    border-top-color: #14a0c7;
    border-width: 15px;
    margin-left: -15px;
  }
  #highPage #mainCont div.fukidashi span {
    padding-bottom: 5px;
    display: inline-block;
  }
  #highPage #mainCont div.fukidashi p {
    text-align: center;
    font-weight: bold;
  }
  #highPage #mainCont div.fukidashi span.smallTitle {
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-align: left;
  }
  #highPage #mainCont div.fukidashi span.bigTitle {
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: left;
  }
  #highPage #mainCont div.imgBlock {
    padding: 0px 30px 20px;
  }
  #highPage #mainCont div.yarukiMessageBlock {
    margin-bottom: 10px;
    padding-bottom: 14px;
    background: url(/img/course/sp/arrow_yarukimessage.png) center bottom no-repeat;
    background-size: 44px auto;
  }
  #highPage #mainCont div.yarukiMessageBlock div.inner {
    padding: 15px;
    border: solid 2px #e42225;
    text-align: center;
  }
  #highPage #mainCont div.yarukiMessageBlock div.inner p {
    text-align: center;
    color: #333;
    margin-top: 10px;
    font-weight: bold;
  }
  #highPage #mainCont div.checkArea {
    padding: 10px 0px 20px;
  }
  #highPage #mainCont div.checkArea ul.checkBlock {
    margin: 0px 10px 0px;
    padding: 10px 0px 5px;
    border-bottom: solid 1px #ccc;
  }
  #highPage #mainCont div.checkArea ul.checkBlock li {
    font-weight: bold;
    float: left;
    width: 48%;
    font-size: 11px;
  }
  #highPage #mainCont div.checkArea ul.checkBlock li span {
    display: block;
    padding: 0px 0px 5px 28px;
    background: url(/img/course/high/sp/icon_check.png) left top no-repeat;
    background-size: 19px auto;
  }
  #highPage #mainCont div.titleBlock {
    padding: 5px 0px 5px 10px;
    background-color: #14a0c7;
  }
  #highPage #mainCont div.titleBlock span {
    padding-left: 32px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: block;
  }
  #highPage #mainCont h3 {
    margin: 15px 0px 10px;
  }
  #highPage #mainCont h3 span {
    font-size: 15px;
    font-weight: bold;
    color: #14a0c7;
  }
  #highPage #mainCont #Cont01 {
    margin-top: 30px;
  }
  #highPage #mainCont #Cont02 {
    margin-top: 30px;
  }
  #highPage #mainCont #Cont03 {
    margin-top: 30px;
  }
  #highPage #mainCont #Cont03 p.txt {
    margin: 20px 0px;
  }
  #highPage #mainCont #Cont04 {
    margin-top: 30px;
  }
  #highPage #mainCont #Cont04 div.titleBlock span {
    background: url(/img/course/high/sp/icon_001.png) left top no-repeat;
    background-size: 24px auto;
  }
  #highPage #mainCont #Cont05 {
    margin-top: 30px;
  }
  #highPage #mainCont #Cont05 div.titleBlock {
    margin-bottom: 15px;
  }
  #highPage #mainCont #Cont05 div.titleBlock span {
    background: url(/img/course/high/sp/icon_002.png) left top no-repeat;
    background-size: 22px auto;
  }
  #highPage #mainCont #Cont05 div.imgBlock {
    padding: 0px 0px 20px;
  }
  #highPage #mainCont #Cont06 {
    margin-top: 20px;
  }
  #highPage #mainCont #Cont06 div.titleBlock {
    margin-bottom: 15px;
  }
  #highPage #mainCont #Cont06 div.titleBlock span {
    background: url(/img/course/high/sp/icon_003.png) left top no-repeat;
    background-size: 22px auto;
  }
  #highPage #mainCont #Cont06 table {
    margin: 15px 0px 20px;
    border: solid 1px #14a0c7;
    width: 100%;
    font-size: 10px;
  }
  #highPage #mainCont #Cont06 table tr th {
    padding: 5px;
    text-align: center;
    border-right: solid 1px #fff;
    background-color: #14a0c7;
    color: #fff;
  }
  #highPage #mainCont #Cont06 table tr th:last-child {
    border-right: solid 1px #14a0c7;
  }
  #highPage #mainCont #Cont06 table tr td {
    padding: 5px;
    text-align: center;
    border: solid 1px #14a0c7;
    vertical-align: middle;
  }
  #highPage #mainCont #Cont06 table tr td.td_title {
    color: #14a0c7;
    font-weight: bold;
  }
  #highPage #mainCont #Cont06 table tr.bg_green {
    background-color: #f2fad1;
  }
  #highPage #mainCont #Cont07 div.titleBlock span {
    background: url(/img/course/high/sp/icon_004.png) left no-repeat;
    background-size: 21px auto;
  }
  #highPage #mainCont #Cont07 div.backupBox {
    margin: 20px 0px 0px;
  }
  #highPage #mainCont #Cont07 div.backupBox div.titleArea {
    margin-bottom: 10px;
    padding-bottom: 7px;
    background: url(/img/course/high/sp/arrow_blue.png) center bottom no-repeat;
    background-size: 12px auto;
  }
  #highPage #mainCont #Cont07 div.backupBox div.titleArea span {
    border-bottom: solid 1px #14a0c7;
    display: block;
    text-align: center;
    font-size: 15px;
    color: #14a0c7;
    font-weight: bold;
  }
  #highPage #mainCont #Cont07 div.backupBox div.clearfix div.photoBlock {
    float: left;
    width: 48%;
  }
  #highPage #mainCont #Cont07 div.backupBox div.clearfix div.txtBlock {
    float: right;
    width: 48%;
    font-size: 11px;
  }
  #highPage #mainCont #Cont08 {
    margin-top: 30px;
  }
  #highPage #mainCont #Cont08 div.titleBlock {
    margin-bottom: 15px;
  }
  #highPage #mainCont #Cont08 div.titleBlock span {
    background: url(/img/course/high/sp/icon_005.png) left no-repeat;
    background-size: 17px auto;
  }
  #highPage #mainCont #Cont08 div.imgBlock {
    padding: 20px 0px 0px;
  }
  #highPage #mainCont #Cont09 {
    margin-top: 30px;
  }
  #highPage #mainCont #Cont09 div.titleBlock span {
    background: url(/img/course/high/sp/icon_006.png) left no-repeat;
    background-size: 23px auto;
  }
  #highPage #mainCont #Cont09 p {
    padding: 10px 0px;
  }
  #highPage #mainCont #Cont09 table {
    margin: 10px 0px 10px;
    border: solid 1px #14a0c7;
    width: 100%;
    font-size: 10px;
  }
  #highPage #mainCont #Cont09 table tr th {
    padding: 5px;
    text-align: center;
    border-right: solid 1px #fff;
    background-color: #14a0c7;
    color: #fff;
  }
  #highPage #mainCont #Cont09 table tr th:last-child {
    border-right: solid 1px #14a0c7;
  }
  #highPage #mainCont #Cont09 table tr td {
    padding: 5px;
    text-align: center;
    border: solid 1px #14a0c7;
  }

  /* TOP UPDATE 20160517
  ------------------------------------------------------------------------ */
  .typeNews .linkBlock {
    margin: 14px auto 20px;;
  }
  .typeNews .linkBlock .linkBtn.redColor {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e20011;
    width: 100%;
    margin: 0 auto 10px;
  }
  .typeNews .linkBlock .linkBtn.redColor a {
    padding: 12px 0px;
    display: block;
    text-align: center;
  }
  .typeNews .linkBlock .linkBtn.redColor a span {
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom: 1;
    display: inline;
    vertical-align: middle;
    padding: 4px 10px 3px 3px;
    background: url("/img/common/sp/icon_linktxt.png") right center no-repeat;
    background-size: 5px auto;
    color: #fff;
    line-height: 1.0;
    font-size: 12px;
  }

  /* -------------------- 繧ｹ繝医�繝ｪ繝ｼ----------------------*/

  .cmArea.cm {
    background: url(/img/top/cm/sp/bg_cm.jpg) center top no-repeat;
    background-size: cover;
  }

  .cmArea.story {
    background: url(/img/top/story/sp/background.jpg) center top no-repeat;
    background-size: cover;
  }

  .cmArea.cm p{
    color: #fff;
    text-align: center;
    font-size: 14px;

  }




  .cmArea.cm .innerCont {
    padding: 15px 10px 30px;
  }

  .cmArea.story .innerCont {
    padding: 15px 20px 30px;
  }
  .cmArea.cm .innerCont .titleBlock {
    margin-bottom: 50px;
  }

  .cmArea.story .innerCont .titleBlock {
    margin-bottom: 14px;
  }
  .cmArea.cm .innerCont .titleBlock strong {
    display: block;
    margin-top:53px;
    text-align: center;
  }

  .cmArea.story .innerCont .titleBlock strong {
    display: block;
    margin-top: 13px;
    text-align: center;
  }
  .cmArea.cm .innerCont .txtBlock {
    line-height: 1.7;
    margin-bottom: 125px;
  }



  .cmArea.story .innerCont .txtBlock {
    line-height: 1.8;
  }
  .cmArea .innerCont .linkBlock {
    margin: 0 auto;
    margin-top: 30px;
  }
  .cmArea .innerCont .linkBlock .linkBtn.redColor {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e20011;
    width: 200px;
    margin: 0 auto;
  }
  .cmArea .innerCont .linkBlock .linkBtn.redColor a {
    padding: 12px 0px;
    display: block;
    text-align: center;
  }
  .cmArea .innerCont .linkBlock .linkBtn.redColor a span {
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom: 1;
    display: inline;
    vertical-align: middle;
    padding: 4px 8px 3px 0;
    background: url("/img/common/sp/icon_linktxt.png") right center no-repeat;
    background-size: 5px auto;
    color: #fff;
    line-height: 1.0;
    font-size: 12px;
  }

  .cmArea.story .innerCont .linkBlock .linkBtn.redColor a span {
    background: url("/img/top/story/sp/icon_link.png") left center no-repeat;
    background-size: 12px auto;
    padding: 4px 0px 3px 18px;
  }

  h3.md-boldTitle {
    text-align: center;
    max-width: 94%;
    margin: 20px auto 5px;
    font-size: 16px;
    color: #0b308e;
  }
  .title p.md-captionTxt {
    text-align: center;
    margin-bottom: 20px !important;
  }


  /*191205 霑ｽ險�*/
  .contactArea01new .popImg img{
      position: absolute;
      top: -20px;
      right: 20%;
      width: 50px;"
  }

  /* jcool霑ｽ險�0203 */
  .conversionArea__txt{
    position: absolute;
    font-size: 4vw;
    top: 47%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center !important;
    color: white;
    font-weight: bold;

  }
  .conversionArea__small{
    font-size: 3vw;
  }
  .conversionArea__txt--1{
    top: 43%;
  }
  .conversionArea__txt--3{
    top: 48%;
  }
  .conversionArea__title--1,.conversionArea__title--2,.conversionArea__title--3{
    position: absolute;
    top: 2%;
    left: 0;
    font-size: 3.5vw;
  padding-left: 5vw;
  background: url(/img/common/sp/triangle.svg) left center / contain no-repeat;
  }

  .conversionArea__title--2{
    top: 7%;
  }
  .conversionArea__title--3{
    top: 10%;
  }
}
</pre></body></html>