@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
body {
  height: 100%;
  font-family: "Noto Sans Japanese", 'メイリオ', Meiryo, sans-serif; }

a:link, a:visited {
  color: #ef7a00;
  text-decoration: none; }

a:hover {
  color: #f5af67;
  text-decoration: underline; }

/* スライドショー */
#lxl-global-nav li a {
  background-image: url(../pic/gnav.png);
  display: block;
  height: 27px;
  text-indent: -9999px; }

div.gallery {
  width: 980px;
  margin: 0px auto;
  /*    overflow: hidden;*/
  position: relative;
  padding-bottom: 75px; }

.owl-stage-outer img {
  box-sizing: border-box; }

.owl-stage-outer {
  padding-top: 20px;
  /*    width: 780px;*/
  z-index: 1;
  /*    margin-left: 30px;*/
  margin: 0px 0px; }

.owl-nav {
  position: absolute;
  top: 40px;
  width: 1070px;
  left: -60px; }

.owl-prev {
  /*text-align: center;*/
  float: left;
  /*border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;*/
  background-image: url(../img/arr_l.png);
  background-repeat: no-repeat;
  background-position: left top; }

.owl-next {
  /*text-align: center;*/
  float: right;
  /*border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;*/
  background-image: url(../img/arr_r.png);
  background-repeat: no-repeat;
  background-position: right top; }

.owl-prev, .owl-next {
  width: 20px;
  height: 50px;
  /*background-color: #ee6e17;*/
  /*color: white;*/
  overflow: hidden;
  /*font-family: monospace;
  line-height: 120px;
  padding: 0px 5px;*/ }

.owl-prev:hover, .owl-next:hover {
  /*background-color: #f89654;*/
  opacity: .6; }

.owl-prev.nomore, .owl-prev.nomore:hover, .owl-next.nomore, .owl-next.nomore:hover {
  /*background-color: #cbcbcb;*/ }

.owl-dots {
  height: 10px;
  text-align: center;
  position: absolute;
  bottom: -40px;
  width: 100%;
  z-index: 2; }

.owl-dot {
  margin-right: 10px;
  width: 12px;
  height: 12px;
  /*    float: left;*/
  display: inline-block;
  background-color: #cecece;
  border: 2px solid #fff;
  border-radius: 10px; }

.owl-dot.active {
  background-color: #ee6e17; }

#newsAndRecomend dl {
  width: 830px;
  margin: 0px auto;
  font-size: 13px;
  letter-spacing: 0.1rem; }

#newsAndRecomend dt {
  width: 130px;
  float: left;
  margin-bottom: 12px; }

#newsAndRecomend dd {
  padding-left: 130px;
  margin-bottom: 15px; }

#newsAndRecomend dd a {
  text-decoration: underline;
  color: #ee6e17; }

.grayBg li > a[target="_blank"] {
  padding-right: 18px;
  background-image: url(../images/blankmark.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 70%; }

@media screen and (min-width: 769px) {
  .mv {
    position: relative; }
    .mv .slider-progress .progress {
      display: block;
      height: 5px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb822b+0,f3d052+100 */
      background: #fb822b;
      /* Old browsers */
      background: -moz-linear-gradient(left, #fb822b 0%, #f3d052 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #fb822b 0%, #f3d052 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #fb822b 0%, #f3d052 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb822b', endColorstr='#f3d052',GradientType=1 );
      /* IE6-9 */
      content: '';
      z-index: 99;
      width: 0%; }
    .mv a {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
    .mv p span {
      position: relative;
      vertical-align: middle;
      text-decoration: none;
      display: inline-block;
      background: #fff;
      border-radius: 3px;
      font-size: 16px;
      font-weight: 500;
      padding: 13px 17px 13px 27px;
      color: #e96f24;
      min-width: 211px; }
      .mv p span:before {
        position: absolute;
        top: 15px;
        bottom: 0;
        left: 7px;
        content: "";
        vertical-align: middle;
        width: 12px;
        height: 12px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #e96f24;
        margin-right: 3px;
        margin-left: 3px; }
      .mv p span:after {
        position: absolute;
        top: 19px;
        bottom: 0;
        left: 13px;
        content: "";
        vertical-align: middle;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .mv p span:hover {
        background: #e96f24;
        color: #fff; }
        .mv p span:hover:before {
          background: #fff; }
        .mv p span:hover:after {
          border-top: 1px solid #e96f24;
          border-right: 1px solid #e96f24; }
    .mv .slide01 {
      background: url("../../images/top/mv01.png") no-repeat center top;
      background-size: cover;
      height: 400px;
      width: 100%;
      position: relative; }
      .mv .slide01 img {
        position: absolute;
        left: 50%;
        margin-left: -510px;
        top: 116px; }
      .mv .slide01 p {
        position: absolute;
        left: 50%;
        margin-left: -500px;
        top: 250px; }
    .mv .slide02 {
      background: url("../../images/top/mv02.png") no-repeat center top;
      background-size: cover;
      height: 400px;
      width: 100%;
      position: relative; }
      .mv .slide02 img {
        position: absolute;
        left: 50%;
        margin-left: -510px;
        top: 116px; }
      .mv .slide02 p {
        position: absolute;
        left: 50%;
        margin-left: -500px;
        top: 250px; }
    .mv .slide03 {
      background: url("../../images/top/mv03.png") no-repeat center top;
      background-size: cover;
      height: 400px;
      width: 100%;
      position: relative; }
      .mv .slide03 img {
        position: absolute;
        left: 50%;
        margin-left: -510px;
        top: 140px; }
      .mv .slide03 p {
        position: absolute;
        left: 50%;
        margin-left: -500px;
        top: 234px; }
  
   .mv .slide_img {
      background: url("../../images/top/mv_set_reform_bg.jpg") no-repeat center bottom;
      background-size: cover;
      height: 400px;
      width: 100%;
      position: relative; }
      .mv .slide_img a {
        cursor: pointer;
        display: block;
        height: 400px;
        width: 100%;
        background: url("../../images/top/mv_setreform_pc.jpg") no-repeat center top; }      
  
    .mv .slide_kokochi {
      background: url("../../images/top/mv_kokochi.jpg") no-repeat center top;
      background-size: cover;
      height: 400px;
      width: 100%;
      position: relative; }
      .mv .slide_kokochi a img {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: 200px;
        top: 20px;
        z-index: 999; }
      .mv .slide_kokochi img.txt {
        position: absolute;
        left: 50%;
        margin-left: -510px;
        top: 140px; }
      .mv .slide_kokochi p {
        position: absolute;
        left: 50%;
        margin-left: -500px;
        top: 260px; }
    .mv .slide_sagasu {
      background: url("../../images/top/mv_sagasu.jpg") no-repeat center top;
      background-size: cover;
      height: 400px;
      width: 100%;
      position: relative; }
      .mv .slide_sagasu a img {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: 200px;
        top: 20px;
        z-index: 999; }
      .mv .slide_sagasu img.txt {
        position: absolute;
        left: 50%;
        margin-left: -510px;
        top: 120px; }
      .mv .slide_sagasu p {
        position: absolute;
        left: 50%;
        margin-left: -500px;
        top: 260px; }

  .mv_bottom {
    background: #f9f8f4; }
    .mv_bottom ul {
      text-align: center;
      padding: 90px 0 87px; }
      .mv_bottom ul li:nth-child(1) {
        background: #e96f24;
        box-shadow: none; }
        .mv_bottom ul li:nth-child(1) span {
          color: #fff; }
      .mv_bottom ul li {
        display: inline-block;
        width: 300px;
        background: #fff;
        margin: 0 20px;
        vertical-align: top;
        min-height: 120px;
        border-radius: 3px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
        .mv_bottom ul li img {
          display: block;
          margin: -50px auto 0px; }
        .mv_bottom ul li select {
          border: 1px solid #999999;
          width: 208px;
          height: 36px;
          border-radius: 3px;
          font-size: 14px; }
        .mv_bottom ul li span {
          display: block;
          text-align: center;
          color: #e96f24;
          font-size: 20px;
          margin-bottom: 15px; }
        .mv_bottom ul li a.arr {
          color: #000;
          font-size: 14px;
          padding: 10px 20px 11px 31px;
          position: relative;
          display: inline-block; }
          .mv_bottom ul li a.arr:before {
            position: absolute;
            top: 12px;
            bottom: 0;
            left: 7px;
            content: "";
            vertical-align: middle;
            width: 12px;
            height: 12px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #e96f24;
            margin-right: 3px;
            margin-left: 3px; }
          .mv_bottom ul li a.arr:after {
            position: absolute;
            top: 16px;
            bottom: 0;
            left: 13px;
            content: "";
            vertical-align: middle;
            box-sizing: border-box;
            width: 4px;
            height: 4px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

  .flow {
    background: #e9e0da; }
    .flow h2 {
      background: url("../../images/top/flow_ttl.png") no-repeat left;
      padding-left: 47px;
      color: #4b4b4b;
      font-size: 20px;
      padding: 5px 0 5px 47px;
      margin-bottom: 40px;
      float: left;
      width: 45%; }
    .flow h3 {
      float: right;
      width: 40%;
      font-weight: 400;
      font-size: 14.4px;
      padding-top: 10px; }
      .flow h3 span {
        position: relative;
        padding: 10px 0px 0 30px; }
        .flow h3 span:before {
          position: absolute;
          top: 14px;
          bottom: 0;
          left: 7px;
          content: "";
          vertical-align: middle;
          width: 15px;
          height: 15px;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          background: #e96f24;
          margin-right: 3px;
          margin-left: 3px; }
        .flow h3 span:after {
          position: absolute;
          top: 19px;
          bottom: 0;
          left: 14px;
          content: "";
          vertical-align: middle;
          box-sizing: border-box;
          width: 5px;
          height: 5px;
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
    .flow .inner {
      width: 983px;
      margin: 0 auto;
      position: relative;
      padding: 58px 0 63px; }
      .flow .inner:before {
        width: 125px;
        height: 3px;
        background: #e96f24;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
    .flow ul li {
      width: 172px;
      float: left;
      margin-right: 27px;
      position: relative;
      font-size: 16px;
      line-height: 160%; }
      .flow ul li:last-child {
        margin-right: 0; }
        .flow ul li:last-child:after {
          content: none; }
      .flow ul li:after {
        content: '';
        position: absolute;
        right: -15px;
        top: 73px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #4b4b4b;
        border-right: 1px solid #4b4b4b;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .flow ul li a {
        color: #4b4b4b; }
        .flow ul li a:hover {
          color: #f5af67;
          text-decoration: underline; }
      .flow ul li p {
        position: relative;
        padding-left: 20px; }
      .flow ul li p:before {
        position: absolute;
        top: 9px;
        bottom: 0;
        left: 0px;
        content: "";
        vertical-align: middle;
        width: 12px;
        height: 12px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #e96f24;
        margin-right: 3px;
        margin-left: 3px; }
      .flow ul li p:after {
        position: absolute;
        top: 13px;
        bottom: 0;
        left: 6px;
        content: "";
        vertical-align: middle;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }

  .cta {
    padding: 47px 0; }
    .cta .inner {
      width: 930px;
      margin: 0 auto;
      padding-left: 0px;
      box-sizing: border-box; }
      .cta .inner .left {
        float: left;
        height: 90px;
        background: url(../../common/pic/recommend_bg.png) 70px center no-repeat; }
        .cta .inner .left p {
          width: 460px;
          padding-left: 270px;
          padding-top: 15px;
          color: #e96f24;
          font-weight: bold;
          line-height: 2em;
          font-size: 16px; }
          .cta .inner .left p span {
            font-size: 26px; }
      .cta .inner .right {
        padding-top: 20px;
        float: right; }

  .recommend + .cta {
    background: #f5f0ec;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02) inset; }

  .service {
    background: url("../../images/top/service_bg.png") #f9f8f4 no-repeat center top fixed;
    background-size: 100% auto;
    padding: 210px 0 70px; }
    .service .service_box {
      width: 980px;
      margin: 0 auto;
      background: #fff;
      padding: 40px 35px;
      box-sizing: border-box;
      position: relative; }
      .service .service_box:before {
        width: 125px;
        height: 3px;
        background: #e96f24;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
      .service .service_box h2 {
        margin-bottom: 35px; }
      .service .service_box .left {
        width: 570px;
        float: left; }
        .service .service_box .left .lead {
          font-size: 14px;
          line-height: 200%;
          margin-bottom: 57px; }
        .service .service_box .left table {
          width: 100%; }
          .service .service_box .left table th, .service .service_box .left table td {
            vertical-align: top;
            border-bottom: 1px solid #e1e1e1;
            padding: 15px 0; }
          .service .service_box .left table th {
            padding-right: 20px; }
          .service .service_box .left table td:last-child {
            text-align: right;
            vertical-align: middle; }
          .service .service_box .left table tr:last-child th, .service .service_box .left table tr:last-child td {
            border-bottom: none; }
          .service .service_box .left table p {
            font-size: 16px;
            line-height: 160%;
            margin-bottom: 20px; }
          .service .service_box .left table .detail_link {
            background: url("../../images/top/ic04.png") no-repeat left;
            padding: 2px 25px;
            color: #000; }
      .service .service_box .right {
        width: 280px;
        float: right; }
        .service .service_box .right .bnr {
          margin-bottom: 30px; }
        .service .service_box .right .service_menu {
          border-top: 1px solid #e1e1e1;
          padding: 15px 0; }
        .service .service_box .right ul a {
          display: table;
          position: relative;
          font-size: 14px;
          color: #000; }
          .service .service_box .right ul a span {
            display: table-cell;
            vertical-align: middle;
            padding-bottom: 12px; }
          .service .service_box .right ul a .txt {
            line-height: 180%;
            padding-left: 15px; }
          .service .service_box .right ul a .thumb {
            padding-left: 30px; }
          .service .service_box .right ul a:before {
            left: 8px;
            width: 5px;
            top: 14px;
            height: 1px;
            background: #e96f24;
            position: absolute;
            content: ''; }
          .service .service_box .right ul a:after {
            left: 9px;
            width: 4px;
            top: 12px;
            height: 4px;
            border-top: 1px solid #e96f24;
            border-right: 1px solid #e96f24;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            content: ''; }
        .service .service_box .right ul li:last-child {
          padding-top: 10px;
          padding-bottom: 26px; }
          .service .service_box .right ul li:last-child .txt {
            padding-left: 30px;
            padding-bottom: 0; }
          .service .service_box .right ul li:last-child a:before {
            left: 8px;
            width: 5px;
            top: 12px;
            height: 1px;
            background: #e96f24;
            position: absolute;
            content: ''; }
          .service .service_box .right ul li:last-child a:after {
            left: 9px;
            width: 4px;
            top: 10px;
            height: 4px;
            border-top: 1px solid #e96f24;
            border-right: 1px solid #e96f24;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            content: ''; }
        .service .service_box .right ul:last-child {
          border-top: 1px solid #e1e1e1; }
          .service .service_box .right ul:last-child li a span {
            padding-top: 10px; }
          .service .service_box .right ul:last-child li a:before {
            left: 8px;
            top: 20px;
            content: ''; }
          .service .service_box .right ul:last-child li a:after {
            left: 9px;
            top: 18px; }

  .story {
    background: url("../../images/top/story_bg.png") #f9f8f4 no-repeat center top fixed;
    background-size: 100% auto;
    padding: 210px 0 56px; }
    .story .story_box {
      position: relative;
      width: 980px;
      margin: 0 auto;
      background: #fff;
      padding: 40px 35px 70px;
      box-sizing: border-box; }
      .story .story_box:before {
        width: 125px;
        height: 3px;
        background: #e96f24;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
      .story .story_box h2 {
        margin-bottom: 40px; }
      .story .story_box .lead {
        font-size: 14px;
        line-height: 200%;
        width: 580px;
        margin-bottom: 15px; }
      .story .story_box .story_jirei > div {
        width: 207px;
        float: left;
        margin-right: 26px;
        border-radius: 3px;
        box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
        min-height: 324px;
        overflow: hidden; }
        .story .story_box .story_jirei > div:last-child {
          margin-right: 0; }
        .story .story_box .story_jirei > div p {
          padding: 10px;
          font-size: 16px;
          line-height: 180%;
          color: #333333; }
        .story .story_box .story_jirei > div ul {
          padding: 0 10px 10px; }
          .story .story_box .story_jirei > div ul li {
            display: inline-block;
            border: 1px solid #e7e7e7;
            color: #333;
            font-size: 10px;
            padding: 3px 5px;
            border-radius: 3px;
            margin-right: 3px;
            margin-bottom: 5px; }
      .story .story_box .story_link {
        text-align: right;
        margin: 21px 0 0; }
        .story .story_box .story_link li {
          display: inline-block;
          margin-left: 25px; }
          .story .story_box .story_link li a {
            color: #000;
            position: relative;
            padding-left: 20px; }
            .story .story_box .story_link li a:before {
              left: 0px;
              width: 5px;
              top: 12px;
              height: 1px;
              background: #e96f24;
              position: absolute;
              content: ''; }
            .story .story_box .story_link li a:after {
              left: 1px;
              width: 4px;
              top: 10px;
              height: 4px;
              border-top: 1px solid #e96f24;
              border-right: 1px solid #e96f24;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              position: absolute;
              content: ''; }

  .recommend {
    position: relative;
    padding: 25px 0 65px; }
    .recommend:before {
      width: 185px;
      height: 3px;
      background: #e96f24;
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -490px;
      display: block; }
    .recommend .inner {
      width: 980px;
      margin: 0 auto; }
    .recommend h2 {
      margin-bottom: 40px;
      padding-left: 10px; }
    .recommend h3 {
      margin-bottom: 15px;
      font-weight: normal;
      font-size: 20px; }
    .recommend .left {
      width: 620px;
      float: left; }
      .recommend .left .bnr a {
        display: block;
        margin-bottom: 20px; }
      .recommend .left ul li {
        width: 300px;
        float: left;
        border-top: 1px solid #e1e1e1; }
        .recommend .left ul li a {
          padding: 15px 0;
          display: table; }
        .recommend .left ul li .thumb, .recommend .left ul li .txt {
          display: table-cell;
          vertical-align: middle; }
        .recommend .left ul li .thumb {
          padding-right: 10px; }
        .recommend .left ul li .txt {
          font-size: 14px;
          line-height: 170%;
          color: #000; }
          .recommend .left ul li .txt em {
            font-size: 70%;
            display: block;
            font-style: normal; }
          .recommend .left ul li .txt span {
            color: #e96f24;
            font-weight: bold; }
        .recommend .left ul li:nth-child(2n) {
          float: right; }
    .recommend .right {
      width: 300px;
      float: right; }
      .recommend .right dl {
        border-bottom: 1px solid #e1e1e1;
        padding: 12px 0;
        font-size: 14px; }
        .recommend .right dl:first-child {
          border-top: 1px solid #e1e1e1; }
        .recommend .right dl dt {
          font-size: 70%;
          margin-bottom: 5px; }
        .recommend .right dl dd {
          line-height: 160%; }
          .recommend .right dl dd a {
            color: #000; }

  .related {
    background: #726e64; }
    .related h2 {
      width: 980px;
      margin: 0 auto;
      padding: 30px 0 25px;
      color: #fff;
      font-size: 14px;
      font-weight: normal; }
    .related .slick-list {
      overflow: hidden; }
    .related .slick-prev, .related .slick-next {
      top: 29%; }
    .related .slick-prev {
      margin-left: -546px; }
    .related .slick-next {
      margin-left: 497px; }

  .sp {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .mv {
    position: relative; }
    .mv .slider-progress .progress {
      display: block;
      height: 5px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb822b+0,f3d052+100 */
      background: #fb822b;
      /* Old browsers */
      background: -moz-linear-gradient(left, #fb822b 0%, #f3d052 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #fb822b 0%, #f3d052 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #fb822b 0%, #f3d052 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb822b', endColorstr='#f3d052',GradientType=1 );
      /* IE6-9 */
      content: '';
      z-index: 99;
      width: 0%; }
    .mv a {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
    .mv p span {
      display: inline-block;
      background: #fff;
      border-radius: 3px;
      font-size: 16px;
      font-weight: 500;
      padding: 13px 17px;
      color: #e96f24; }
      .mv p span:before {
        content: '';
        display: inline-block;
        box-sizing: border-box;
        width: 6px;
        height: 6px;
        border: 6px solid transparent;
        border-left: 6px solid #e96f24;
        margin-right: 3px; }
      .mv p span:hover {
        background: #e96f24;
        color: #fff; }
        .mv p span:hover:before {
          border-left-color: #fff; }
    .mv .slide01 {
      background: url("../../images/top/sp/mv01_sp.png") no-repeat center top;
      background-size: cover;
      height: 390px;
      width: 100%;
      position: relative; }
      .mv .slide01 img {
        position: absolute;
        left: 5%;
        width: 75%;
        top: 15%; }
      .mv .slide01 p {
        position: absolute;
        left: 5%;
        top: 45%; }
    .mv .slide02 {
      background: url("../../images/top/sp/mv02_sp.png") no-repeat center top;
      background-size: cover;
      height: 390px;
      width: 100%;
      position: relative; }
      .mv .slide02 img {
        position: absolute;
        left: 5%;
        width: 75%;
        top: 15%; }
      .mv .slide02 p {
        position: absolute;
        left: 5%;
        top: 40%; }
    .mv .slide03 {
      background: url("../../images/top/sp/mv03_sp.png") no-repeat center top;
      background-size: cover;
      height: 390px;
      width: 100%;
      position: relative; }
      .mv .slide03 img {
        position: absolute;
        left: 5%;
        width: 75%;
        margin-left: 0px;
        top: 15%; }
      .mv .slide03 p {
        position: absolute;
        left: 5%;
        top: 35%; }
    .mv .slide_img {
      width: 100%;
      height: 390px;
      position: relative; }
      .mv .slide_img a {
        display: block;
        width: 100%;
        height: 390px; }
        .mv .slide_img a img {
          width: 100%; }
    .mv .slide_kokochi {
      background: url("../../images/top/sp/mv_kokochi_sp.jpg") no-repeat center top;
      background-size: cover;
      height: 390px;
      width: 100%;
      position: relative; }
      .mv .slide_kokochi a#slide_kokochi_majo {
        display: block;
        position: absolute;
        left: 0;
        margin-left: 0;
        top: 50%;
        z-index: 999; }
        .mv .slide_kokochi a#slide_kokochi_majo img {
          width: 100%; }
      .mv .slide_kokochi img.txt {
        position: absolute;
        left: 5%;
        width: 75%;
        margin-left: 0px;
        top: 15%; }
      .mv .slide_kokochi p {
        position: absolute;
        left: 5%;
        top: 55%; }
    .mv .slide_sagasu {
      background: url("../../images/top/sp/mv_sagasu_sp.jpg") no-repeat center top;
      background-size: cover;
      height: 390px;
      width: 100%;
      position: relative; }
      .mv .slide_sagasu img.txt {
        position: absolute;
        left: 5%;
        width: 75%;
        margin-left: 0px;
        top: 20%; }
      .mv .slide_sagasu p {
        position: absolute;
        left: 5%;
        top: 55%; }

  .mv_bottom {
    background: #f9f8f4; }
    .mv_bottom ul {
      text-align: center;
      padding: 70px 15px 40px; }
      .mv_bottom ul li {
        background: #fff;
        padding: 20px 0;
        width: calc(50% - 10px);
        float: left;
        border-radius: 5px;
        box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
        .mv_bottom ul li:first-child {
          width: 100%;
          margin-bottom: 25px; }
          .mv_bottom ul li:first-child span {
            vertical-align: -4px;
            display: inline; }
          .mv_bottom ul li:first-child img {
            padding-right: 20px;
            display: inline; }
        .mv_bottom ul li:last-child {
          float: right; }
        .mv_bottom ul li img {
          vertical-align: middle;
          display: block;
          margin: 0 auto;
          height: 60px; }
        .mv_bottom ul li select {
          border: 1px solid #999999;
          width: 244px;
          height: 35px;
          border-radius: 3px;
          font-size: 14px; }
        .mv_bottom ul li span {
          text-align: center;
          color: #e96f24;
          font-size: 18px;
          vertical-align: middle;
          margin-top: 5px;
          margin-bottom: 10px;
          line-height: 140%;
          display: block; }

  .flow {
    background: #e9e0da;
    padding: 30px 10px 25px; }
    .flow h2 {
      background: url("../../images/top/flow_ttl.png") no-repeat left;
      padding-left: 47px;
      color: #4b4b4b;
      font-size: 20px;
      padding: 5px 0 5px 47px;
      margin-bottom: 30px;
      margin-left: 20px;
      font-weight: normal; }
    .flow .inner {
      margin: 0 auto;
      position: relative; }
    .flow ul {
      list-style: none; }
      .flow ul li {
        width: 70%;
        margin: 0 auto;
        position: relative;
        list-style-type: none;
        font-size: 18px;
        line-height: 140%;
        /**p:before{
            content:'';
            display: inline-block;
            box-sizing: border-box;
            width: 4px;
            height: 4px;
            margin-left: 5px;
            margin-right: 3px;
            vertical-align: 3px;
            border: 4px solid transparent;
            border-left: 4px solid #fff;
        }
        p:before{
            position: absolute;
            top: 9px;
            bottom: 0;
            left: 0px;
            content: "";
            vertical-align: middle;
            width: 4px;
            height: 4px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #e96f24;
            margin-right: 3px;
            margin-left: 3px;
        }**/ }
        .flow ul li img {
          display: block;
          margin: 0 auto 15px;
          width: 65%; }
        .flow ul li a {
          color: #4b4b4b; }
          .flow ul li a:hover {
            opacity: 0.7; }
        .flow ul li p {
          width: 65%;
          margin: 0 auto; }

  .cta {
    padding: 25px 0 35px; }
    .cta .inner {
      margin: 0 auto;
      box-sizing: border-box;
      text-align: center;
      width: 100%; }
      .cta .inner img {
        width: 75%; }
      .cta .inner .lead {
        margin: 12px auto 0;
        line-height: 160%;
        width: 80%;
        text-align: left;
        font-size: 16px; }
      .cta .inner .left {
        float: none;
        margin: 0 auto 0;
        padding-left: 0px;
        padding-top: 0px;
        width: 80%;
        background: url(../../common/pic/recommend_bg.png) top center no-repeat; }
        .cta .inner .left p {
          width: 100% x;
          padding-left: 0px;
          padding-top: 6em;
          color: #e96f24;
          font-weight: bold;
          font-size: 16px;
          line-height: 1.75em;
          text-align: center; }
          .cta .inner .left p span {
            font-size: 26px; }
      .cta .inner .right {
        padding-top: 20px; }
        .cta .inner .right img {
          width: 80%; }

  .recommend + .cta {
    background: #f5f0ec;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02) inset; }

  .service {
    background: url("../../images/top/sp/service_bg.png") #f9f8f4 no-repeat center 35px;
    background-size: 100% auto;
    padding: 125px 15px 40px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2) inset; }
    .service .service_box {
      margin: 0 auto;
      background: #fff;
      padding: 20px 15px;
      box-sizing: border-box;
      position: relative; }
      .service .service_box:before {
        width: 27%;
        height: 3px;
        background: #e96f24;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
      .service .service_box h2 {
        margin-bottom: 15px;
        padding-right: 20px; }
        .service .service_box h2 img {
          width: 100%; }
      .service .service_box .left {
        margin-bottom: 25px; }
        .service .service_box .left .lead {
          font-size: 16px;
          line-height: 180%;
          margin-bottom: 20px;
          height: 180px;
          overflow: hidden; }
        .service .service_box .left .more_btn {
          margin-top: -100px; }
          .service .service_box .left .more_btn img {
            width: 100%; }
        .service .service_box .left ul li {
          padding: 30px 0 26px; }
          .service .service_box .left ul li:first-child {
            border-bottom: 1px solid #e1e1e1; }
            .service .service_box .left ul li:first-child .icon img {
              width: 70%;
              display: block;
              margin: 0 auto; }
          .service .service_box .left ul li .icon img {
            width: 90%;
            display: block;
            margin: 0 auto; }
          .service .service_box .left ul li .thumb {
            margin-bottom: 25px; }
          .service .service_box .left ul li p {
            font-size: 16px;
            line-height: 160%;
            margin-bottom: 10px; }
          .service .service_box .left ul li img {
            width: 100%; }
      .service .service_box .right .bnr {
        margin-bottom: 40px; }
        .service .service_box .right .bnr img {
          width: 100%; }
      .service .service_box .right .service_menu {
        border-top: 1px solid #e1e1e1;
        padding: 15px 0 0; }
      .service .service_box .right ul a {
        display: table;
        position: relative;
        font-size: 16px;
        color: #000; }
        .service .service_box .right ul a span {
          display: table-cell;
          vertical-align: middle;
          padding-bottom: 12px; }
        .service .service_box .right ul a .txt {
          line-height: 180%;
          padding-left: 10px; }
        .service .service_box .right ul a .thumb {
          padding-right: 30px;
          width: 85px; }
          .service .service_box .right ul a .thumb img {
            width: 100%; }
        .service .service_box .right ul a:before {
          left: 105px;
          width: 5px;
          top: 17px;
          height: 1px;
          background: #e96f24;
          position: absolute;
          content: ''; }
        .service .service_box .right ul a:after {
          left: 106px;
          width: 4px;
          top: 15px;
          height: 4px;
          border-top: 1px solid #e96f24;
          border-right: 1px solid #e96f24;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          content: ''; }
      .service .service_box .right ul li:last-child {
        padding-top: 10px;
        padding-bottom: 26px; }
        .service .service_box .right ul li:last-child .txt {
          padding-left: 30px;
          padding-bottom: 0; }
        .service .service_box .right ul li:last-child a:before {
          left: 8px;
          width: 5px;
          top: 12px;
          height: 1px;
          background: #e96f24;
          position: absolute;
          content: ''; }
        .service .service_box .right ul li:last-child a:after {
          left: 9px;
          width: 4px;
          top: 10px;
          height: 4px;
          border-top: 1px solid #e96f24;
          border-right: 1px solid #e96f24;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          content: ''; }
      .service .service_box .right ul:last-child {
        border-top: 1px solid #e1e1e1; }
        .service .service_box .right ul:last-child li {
          padding-bottom: 10px; }
          .service .service_box .right ul:last-child li a span {
            padding-top: 10px; }
          .service .service_box .right ul:last-child li a:before {
            left: 8px;
            top: 23px;
            content: ''; }
          .service .service_box .right ul:last-child li a:after {
            left: 9px;
            top: 21px; }

  .story {
    background: url("../../images/top/sp/story_bg.png") #f9f8f4 no-repeat center top fixed;
    background-size: 100% auto;
    padding: 90px 15px 56px; }
    .story .story_box {
      position: relative;
      margin: 0 auto;
      background: #fff;
      padding: 20px 15px;
      box-sizing: border-box; }
      .story .story_box:before {
        width: 125px;
        height: 3px;
        background: #e96f24;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
      .story .story_box h2 {
        margin-bottom: 15px; }
        .story .story_box h2 img {
          width: 100%; }
      .story .story_box .lead {
        font-size: 16px;
        line-height: 200%;
        margin-bottom: 15px; }
      .story .story_box .jirei_slide {
        width: calc(100% + 30px);
        overflow-x: scroll; }
      .story .story_box .story_jirei {
        width: 930px;
        padding-bottom: 30px; }
        .story .story_box .story_jirei > div {
          width: 217px;
          background: #fff;
          float: left;
          margin-right: 15px;
          border-radius: 3px;
          box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
          overflow: hidden; }
          .story .story_box .story_jirei > div img {
            width: 100%; }
          .story .story_box .story_jirei > div:last-child {
            margin-right: 0; }
          .story .story_box .story_jirei > div p {
            padding: 10px;
            font-size: 19px;
            line-height: 180%;
            color: #333333; }
          .story .story_box .story_jirei > div ul {
            padding: 0 10px 10px; }
            .story .story_box .story_jirei > div ul li {
              display: inline-block;
              border: 1px solid #e7e7e7;
              color: #333;
              font-size: 12px;
              padding: 3px 5px;
              border-radius: 3px;
              margin-right: 3px;
              margin-bottom: 5px; }
      .story .story_box .story_link {
        margin: 10px 0 0; }
        .story .story_box .story_link li {
          display: inline-block;
          margin-bottom: 20px; }
          .story .story_box .story_link li a {
            color: #000;
            position: relative;
            padding-left: 20px; }
            .story .story_box .story_link li a:before {
              left: 0px;
              width: 5px;
              top: 12px;
              height: 1px;
              background: #e96f24;
              position: absolute;
              content: ''; }
            .story .story_box .story_link li a:after {
              left: 1px;
              width: 4px;
              top: 10px;
              height: 4px;
              border-top: 1px solid #e96f24;
              border-right: 1px solid #e96f24;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              position: absolute;
              content: ''; }

  .recommend {
    background: #f9f8f4;
    padding: 40px 15px 32px; }
    .recommend .inner {
      background: #fff;
      position: relative;
      padding: 20px 15px; }
      .recommend .inner:before {
        width: 205px;
        height: 3px;
        background: #e96f24;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
    .recommend h2 {
      margin-bottom: 20px;
      padding-left: 10px; }
    .recommend h3 {
      margin-bottom: 15px;
      font-weight: normal;
      font-size: 20px; }
    .recommend .left {
      margin-bottom: 10px; }
      .recommend .left .bnr {
        margin-bottom: 30px; }
        .recommend .left .bnr a {
          display: block;
          margin-bottom: 20px; }
          .recommend .left .bnr a img {
            width: 100%; }
      .recommend .left ul li {
        border-top: 1px solid #e1e1e1; }
        .recommend .left ul li a {
          padding: 15px 0;
          display: table; }
        .recommend .left ul li .thumb, .recommend .left ul li .txt {
          display: table-cell;
          vertical-align: top; }
        .recommend .left ul li .thumb {
          padding-right: 15px;
          width: 30%; }
          .recommend .left ul li .thumb img {
            width: 100%; }
        .recommend .left ul li .txt {
          font-size: 14px;
          line-height: 170%;
          color: #000; }
          .recommend .left ul li .txt em {
            font-size: 70%;
            display: block;
            font-style: normal; }
          .recommend .left ul li .txt span {
            color: #e96f24;
            font-weight: bold; }
    .recommend .right {
      padding-bottom: 20px; }
      .recommend .right dl {
        border-bottom: 1px solid #e1e1e1;
        padding: 12px 0 6px;
        font-size: 14px; }
        .recommend .right dl:first-child {
          border-top: 1px solid #e1e1e1; }
        .recommend .right dl dt {
          font-size: 70%;
          margin-bottom: 5px; }
        .recommend .right dl dd {
          line-height: 160%; }
          .recommend .right dl dd a {
            color: #000; }

  .related {
    padding-left: 3%;
    padding-right: 3%;
    background: #726e64; }
    .related .newsAndRecomendIN h2 {
      text-align: left;
      color: #fff;
      font-size: 20px; }
    .related h2 {
      margin: 0 30px;
      padding: 30px 0 25px;
      text-align: left;
      color: #fff;
      font-weight: normal; }
    .related .slick-list {
      overflow: hidden; }
      .related .slick-list img {
        width: 100%; }
    .related .slick-slide {
      padding: 0 5px; }
    .related .slick-dots li button:before,
    .related .slick-dots li.slick-active button:before {
      width: 15px;
      height: 15px; }

  .headline_ul .slick-dots li button:before,
  .headline_ul .slick-dots li.slick-active button:before {
    width: 15px;
    height: 15px; }
  .headline_ul .slick-dots li.slick-active button:before {
    background: #e96f24; }
  .headline_ul .slick-dots li button:before {
    background: #e1e1e1; }

  .pc {
    display: none !important; } }

/*# sourceMappingURL=common.css.map */