@charset "UTF-8";
/*//////////////////
  共通変数
//////////////////*/
/*//////////////////
  
  myriad-pro:300;
  myriad-pro,Semibold:600;
  myriad-pro,bold:700;
  
//////////////////*/
main .headline {
  margin-bottom: 120px;
  width: 100%; }
  main .headline h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    color: #FFFFFF;
    line-height: 100%; }
  main .headline h1 + p {
    font-size: 16px;
    line-height: 33.6px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 23px; }
  main .headline .dl {
    display: block;
    width: 290px;
    height: 40px;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    border-radius: 4px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin: 0 auto 0px auto;
    position: relative; }
    main .headline .dl span {
      padding-left: 44px;
      background: url(../../img/fenrirfs/Icon_Download_White.svg) no-repeat left 16px;
      display: inline-block;
      min-height: 18px;
      line-height: 40px; }
  main .headline .main_img {
    width: 960px;
    margin: 0 auto; }
    main .headline .main_img img {
      width: 100%;
      text-align: center; }
main .main_feature {
  width: 960px;
  margin: 0 auto; }
  main .main_feature h2 {
    font-size: 26px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 60px;
    text-align: center; }
  main .main_feature > ul {
    width: 960px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 140px auto; }
    main .main_feature > ul li {
      width: 296px;
      padding-top: 226px;
      position: relative;
      margin-right: 36px;
      text-align: center;
      min-height: 74px;
      font-size: 15px;
      border-radius: 4px;
      line-height: 27px;
      box-shadow: 0px 10px 20px rgba(64, 64, 87, 0.26); }
      main .main_feature > ul li:before {
        content: "";
        background-color: #13131A;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        width: 296px;
        height: 200px;
        left: 0;
        top: 0;
        border-radius: 4px 4px 0px 0px; }
      main .main_feature > ul li:nth-child(1):before {
        background-image: url(../../img/fenrirfs/Icon_FenrirFS_1_SP.svg); }
      main .main_feature > ul li:nth-child(2):before {
        background-image: url(../../img/fenrirfs/Icon_FenrirFS_2_SP.svg); }
      main .main_feature > ul li:nth-child(3):before {
        background-image: url(../../img/fenrirfs/Icon_FenrirFS_3_SP.svg); }
      main .main_feature > ul li:last-child {
        margin-right: 0; }
  main .main_feature article {
    margin-bottom: 140px; }
    main .main_feature article div {
      width: 960px;
      display: flex;
      justify-content: center;
      margin-bottom: 40px; }
      main .main_feature article div h3 {
        width: 460px;
        margin-right: 40px;
        font-size: 26px;
        color: #000000;
        line-height: 44px;
        text-align: left; }
      main .main_feature article div p {
        width: 460px;
        font-size: 15px;
        color: #000000;
        line-height: 31px;
        text-align: left; }
    main .main_feature article .img {
      width: 958px;
      margin: 0 auto 38px auto;
      border: 0.5px solid #A7AEB1; }
      main .main_feature article .img img {
        width: 100%;
        display: block; }
    main .main_feature article ul {
      display: flex;
      justify-content: center;
      align-items: center;
      width: auto;
      margin: 0 auto 30px auto; }
      main .main_feature article ul li {
        font-size: 16px;
        color: #CFD8DC;
        padding: 0 20px 16px 20px;
        border-bottom: 2px solid #CFD8DC; }
        main .main_feature article ul li.current {
          color: #000000;
          border-bottom: 2px solid #000000; }
        main .main_feature article ul li p {
          display: none; }
          main .main_feature article ul li p.title {
            display: block; }
    main .main_feature article .detail {
      font-size: 15px;
      line-height: 31px;
      color: #000000;
      text-align: center; }
main .other_feature {
  width: 960px;
  margin: 0 auto; }
  main .other_feature h2 {
    font-size: 26px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 60px;
    text-align: center; }
  main .other_feature ul {
    width: auto;
    margin: 0 auto; }
    main .other_feature ul li {
      padding-left: 500px;
      position: relative;
      min-height: 260px;
      margin-bottom: 26px; }
      main .other_feature ul li:before {
        content: "";
        position: absolute;
        width: 458px;
        height: 260px;
        background-size: cover;
        left: 0;
        top: 0;
        border: 0.5px solid #A7AEB1; }
      main .other_feature ul li h3 {
        font-size: 16px;
        line-height: 33.6px;
        color: #000000;
        margin-bottom: 18px; }
      main .other_feature ul li p {
        font-size: 15px;
        line-height: 31px;
        color: #000000; }
      main .other_feature ul li:nth-child(1):before {
        background-image: url(../../img/fenrirfs/Others1.png); }
main .dl_link {
  width: 100%;
  background-color: #E4E9EB; }
  main .dl_link > div {
    width: 960px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #A7AEB1; }
    main .dl_link > div:last-child {
      border: none; }
    main .dl_link > div .name {
      font-size: 35px;
      line-height: 49px;
      color: #000000;
      text-align: center;
      margin-bottom: 28px; }
    main .dl_link > div .price {
      font-size: 15px;
      line-height: 100%;
      color: #75797B;
      text-align: center;
      margin-bottom: 15px; }
    main .dl_link > div .os {
      font-size: 15px;
      line-height: 100%;
      color: #75797B;
      text-align: center;
      margin-bottom: 28px; }
    main .dl_link > div .detail {
      font-size: 15px;
      line-height: 31px;
      color: #464849;
      text-align: center;
      margin-bottom: 28px; }
    main .dl_link > div .link {
      display: block;
      width: 290px;
      height: 40px;
      text-align: center;
      font-size: 13px;
      line-height: 40px;
      border-radius: 4px;
      color: #000000;
      border: 1px solid #000000;
      margin: 0 auto 0px auto;
      position: relative; }
      main .dl_link > div .link span {
        padding-left: 26px;
        background: url(../../img/fenrirfs/Icon_Download_Black.svg) no-repeat left 11px;
        display: inline-block;
        min-height: 18px;
        line-height: 40px; }