@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:700);
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }
article {
	background-color: #fff !important;
}
.ie8 img {
  width: auto; }

.center {
  text-align: center; }

.clf {
  overflow: hidden;
  padding: 50px 50px 50px 50px; }

.videoWrap {
  margin: 0 auto;
  max-width: 750px; }
  .videoWrap .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
    .videoWrap .video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.mg0-r {
  margin-right: 0 !important; }

.mg0-l {
  margin-left: 0 !important; }

.mg0-b {
  margin-bottom: 0 !important; }

.mg0-t {
  margin-top: 0 !important; }

.mb-100 {
  margin-bottom: 100px !important; }

body {
  /* font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic pro", Osaka, "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif; */
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #444;
  background: #fff;
  font-size: 13px;
  letter-spacing: -0.001em;
  -webkit-text-size-adjust: 100%; }

.fl-l {
  float: left;
  width: auto; }

.fl-r {
  float: right;
  width: 38%; }

.container {
  margin: 0 auto;
  padding: 0;
  max-width: 1000px; }

.fc-r {
  color: #cd3934; }

a {
  color: #3483cd; }
  a:hover {
    color: #89d8ff;
    text-decoration: none; }

#top {
    background: #cc0a29 url("../img/pc_header.jpg") top center no-repeat;
    background-size: cover;
    width: 100%;
    min-width: 1020px;
    height: 680px;
    margin: 0px auto 0px;
    overflow: hidden;
    display: block;
}

#gHeader {
  margin: 0 auto;
  width: 100%;
  background: #e71a10;
  position: fixed;
  z-index: 1000; }
  #gHeader .headInner {
    margin: 0 auto;
    padding: 10px 0 0;
    overflow: hidden;
    max-width: 860px; }
    #gHeader .headInner #logo {
      float: left;
      width:240px;
      height: 50px; }
      #gHeader .headInner #logo img {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }
        #gHeader .headInner #logo img:hover {
          opacity: 0.6; }
    #gHeader .headInner #nav {
      padding-top: 15px;
      float: right;
      width: auto; }
	#nav img {
	  bottom: 10px;
      position: relative;
	}
	#nav a:hover img {
	  opacity: 0.8;
	}
	#gHeader .headInner #nav {
        float: right;
        width: 50%;
        height: 40px;
        text-align: right;
	}
      #gHeader .headInner #nav ul li {
        display: inline-block;
        margin-left: 20px;
        text-align: right;
        height: 30px;
        padding: 0;
        margin: 0;
        vertical-align: middle; }
        #gHeader .headInner #nav ul li a {
          color: #fff;
          text-decoration: none;
          position: relative;
          -webkit-font-smoothing: antialiased; }
          #gHeader .headInner #nav ul li a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            visibility: hidden;
            transform: scaleX(0);
            background-color: #fff;
            transition: all .3s ease; }
          #gHeader .headInner #nav ul li a:hover::after, #gHeader .headInner #nav ul li a.selected::after {
            transform: scaleX(1);
            visibility: visible; }
        #gHeader .headInner #nav ul li p {
          color: #fff;
          text-decoration: none;
          position: relative;
          cursor: pointer;
          -webkit-font-smoothing: antialiased; }
          #gHeader .headInner #nav ul li p::after {
            content: '';
            position: absolute;
            bottom: -7px;
            left: 0;
            width: 100%;
            height: 1px;
            visibility: hidden;
            transform: scaleX(0);
            background-color: #fff;
            transition: all .3s ease; }
          #gHeader .headInner #nav ul li p:hover::after {
            transform: scaleX(1);
            visibility: visible; }
    #gHeader .headInner #goto_funcList, #gHeader .headInner #goto_howto {
      display: none;
      min-width: 200px; }
      #gHeader .headInner #goto_funcList li a, #gHeader .headInner #goto_howto li a {
        padding: 10px;
        display: block;
        color: #666;
        font-size: 77%;
        text-decoration: none;
        background: #eee; }
        #gHeader .headInner #goto_funcList li a:hover, #gHeader .headInner #goto_howto li a:hover {
          background: #ddd; }
    #gHeader .headInner #goto_funcList {
      position: fixed;
      top: 60px;
      left: 50%;
      margin-left: -335px;
      border-top: 5px solid #52c42a; }
    #gHeader .headInner #goto_howto {
      position: fixed;
      top: 60px;
      left: 50%;
      margin-left: -225px;
      border-top: 5px solid #ee8282; }

#timer {
  margin: -20px auto 30px;
  width: 812px;
  height: 215px;
  background: url(../img/6kan.png) no-repeat;
  color: #922121;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  line-height: 100%;
  letter-spacing: 0.05em; }
  #timer p {
    padding-top: 110px;
    line-height: 130%; }

#firstView {
  padding-top: 50px;
  background-color: #fff;
  height: auto; }
  #firstView #firstView_inner {
    position: relative; }
    #firstView #firstView_inner #main_text_01 {
      width: 100%;
      padding: 0 2%;
      position: relative;
      z-index: 100;}
	#main_text_01 {
	  top: 47px;
	}
	#firstView #firstView_inner #main_text_02 {
		position: relative;
		margin: 30px auto 54px;
		top: 47px;
		text-align: center; }
	/*#main_text_02 {
	  visibility: hidden;
	}*/
    /* #firstView #firstView_inner #top_package {
      width: 540px;
      position: absolute;
      right: -110px;
      top: 0px; }
    */
    #firstView #firstView_inner #top_package_timer {
      width: 540px;
      position: absolute;
      right: -110px;
      top: 200px; }
  #firstView #firstView_belt {
    padding: 20px 0;
    background: #e71a10; }

#secondView {
	background-color: #fbf9f9; }
#secondView #secondView_inner {
    padding: 50px;
    padding-bottom: 20px;}
#secondView_inner p {
    margin-bottom: 20px;
    font-size: 100%;
    line-height: 160%;
    letter-spacing: 0.05em;}
#secondView #secondView_video #secondView_video_inner {
  padding: 10px;
  border-left: 4px solid #e71a10;
  border-right: 4px solid #e71a10;
  border-bottom: 4px solid #e71a10; }
#secondView #secondView_video #secondView_video_inner iframe {
  width: 100%;
}
#wrapper {
  background: #fff;
  max-width: 100%;
  margin: 0 auto; }
  #wrapper img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto; }

#main {
  padding: 0 0 50px;
  width: 100%;
  font-size: 13px; }
  #main #article_inner {
    padding: 0 0 50px 0;
    background: #fff;
    border: 2px solid #989898; }
  #main .no-border {
    border-bottom: none !important; }
  #main section {
    margin-bottom: 20px;
    padding: 0;}
    #main section h1 {
      margin-bottom: 30px; }
    #main h2 {
      box-sizing: border-box;
      margin-bottom: 45px;
      padding: 20px;
      width: 100%;
      color: #fff;
      font-family: source-han-serif-japanese, serif;
      font-weight: 100;
      font-style: normal;
      letter-spacing: 0.03em;
      line-height: 140%;
	  /*ound-color: #e71a10;*/
      box-shadow: 0px 6px 15px #ccc;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc0a29+1,e71a10+50,cc0a29+100 */
      background: #e71a10; /* Old browsers */
      background: -moz-linear-gradient(top,  #cc0a29 1%, #e71a10 50%, #cc0a29 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  #cc0a29 1%,#e71a10 50%,#cc0a29 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  #cc0a29 1%,#e71a10 50%,#cc0a29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0a29', endColorstr='#cc0a29',GradientType=0 );  /* IE6-9 */}
      #main h2 span {
        font-family: source-han-serif-japanese, serif;
        font-weight: bold;
        font-weight: 700;
        font-style: normal;
        line-height: 1.5;
		text-shadow: 0 0 10px #cc0a29, 0 0 15px #cc0a29;
		padding: 30px 0px 30px 160px;
		display: block;
		/*text-align: center;*/
		background: url(../img/subHead_icon.png) no-repeat left center;
		border-top: 1px solid #8ca4b1;
		border-bottom: 1px solid #8ca4b1;}
    #main .one-line {
      font-size: 250%; }
    #main .two-line {
      font-size: 265%;
      line-height: 160%;
	  padding: 3px 0;
	  margin: 0; }
    #main section p {
      margin-bottom: 20px;
      font-size: 131%;
      line-height: 160%;
      letter-spacing: 0.05em; }
      #main section p:last-child {
        margin: 0; }
      #main section p small {
        font-size: 77%; }
      #main section p .ba-y {
        background: #ffea00; }
    #main section .text_450_l {
      float: left;
      /* width: 529px; */
      width: 60%; }
    #main section .text_450_r {
      float: right;
      width: 440px; }
    #main section .cl2 {
      width: 49%; }
    #main section .cl3 {
      width: 32%; }
    #main section .cl4 {
      width: 23.5%; }
    #main section .cl5 {
      width: 18.4%; }
    #main section .cl6 {
      width: 15%; }
    #main section .cl7 {
      width: 12.5714286%; }
    #main section .cl8 {
      width: 10.75%; }
    #main section .cl9 {
      width: 9.333333%; }
    #main section .cl10 {
      width: 8.2%; }
  #main #section_last {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none; }
    #main #section_last h2 {
      margin-left: 0;
      padding: 0;
      width: 100%;
      min-width: 100%;
      box-shadow: none; }
  #main section.price {
    overflow: hidden;
    padding: 0 50px 0 50px; }
  #main section.price .price2 {
    font-size: 5em;
    font-weight: bold;
    color: red;
    text-align: center; }
    
  #main #content_top h2 {
    margin-left: 0;
    margin-bottom: 50px;
    padding: 0 0 50px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: relative;
    background: none;
    box-shadow: none; }
    #main #content_top h2 #content_top_01 {
      position: relative;
      z-index: 100; }
    #main #content_top h2 #content_top_02 {
      position: absolute;
      top: 90px;
      right: -60px;
      z-index: 1; }

/*================================================

機能

================================================*/

  #main #function h2 {
    margin-left: 0;
    padding: 0;
    width: 100%;
    box-shadow: none; }
    #main #functionList li .functionList_inner {
      padding: 30px;
      margin-bottom: 20px;
    }

#main #functionList li h3 {
    display: table;
    font-family: source-han-serif-japanese, serif;
    width: 100%;
    height:auto;
    margin: 1em 0 0;
    padding: 10px 10px 20px 10px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    list-style-type: none;
    color: #fff;
    text-align: left;
    border: none;
}
#main #functionList li h3 span {
    display: table-cell;
    vertical-align: top;
}
#main #functionList li h3 span.func_ttl {
    background: url("../img/subHead_icon03.png") top left no-repeat;
    background-size: contain;
    font-size: 3em;
    width: 18%;
    padding-left: .6em;
    padding-top: 0;
    padding-right: .3em;
    padding-bottom: auto;
    vertical-align: top;
}
#main #functionList li h3 span.func_desc {
    padding-top: 0.5em;
    vertical-align: middle;
}
#main #functionList li h3 span.func_term {
    display: block;
    font-size: 1.2em;
    vertical-align: middle;
}

#main #functionList li:nth-child(1) .functionList_inner {
    border-bottom: 12px solid #990033;
    border-left: 12px solid #990033;
    border-right: 12px solid #990033;
}
#main #functionList li:nth-child(2) .functionList_inner {
    border-bottom: 12px solid #cc0a29;
    border-left: 12px solid #cc0a29;
    border-right: 12px solid #cc0a29;
}
#main #functionList li:nth-child(3) .functionList_inner {
    border-bottom: 12px solid #ff6600;
    border-left: 12px solid #ff6600;
    border-right: 12px solid #ff6600;
}
#main #functionList li:nth-child(4) .functionList_inner {
    border-bottom: 12px solid #cc9900;
    border-left: 12px solid #cc9900;
    border-right: 12px solid #cc9900;
}
#main #functionList li:nth-child(5) .functionList_inner {
    border-bottom: 12px solid #339966;
    border-left: 12px solid #339966;
    border-right: 12px solid #339966;
}
#main #functionList li:nth-child(6) .functionList_inner {
    border-bottom: 12px solid #006666;
    border-left: 12px solid #006666;
    border-right: 12px solid #006666;
}
#main #functionList li:nth-child(7) .functionList_inner {
    border-bottom: 12px solid #0066cc;
    border-left: 12px solid #0066cc;
    border-right: 12px solid #0066cc;
}
#main #functionList li:nth-child(8) .functionList_inner {
    border-bottom: 12px solid #003399;
    border-left: 12px solid #003399;
    border-right: 12px solid #003399;
}
#main #functionList li:nth-child(9) .functionList_inner {
    border-bottom: 12px solid #3333ff;
    border-left: 12px solid #3333ff;
    border-right: 12px solid #3333ff;
}
#main #functionList li:nth-child(10) .functionList_inner {
    border-bottom: 12px solid #990099;
    border-left: 12px solid #990099;
    border-right: 12px solid #990099;
}


  #main #howtoList {
    padding: 50px;
    /* background: #87b7d0;
       background: #888; */
    background: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
    }
    #main #howtoList #howtoList_01, #main #howtoList .howtoList_02 {
      margin-bottom: 30px;
      background: #fff;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px; }
      #main #howtoList #howtoList_01:last-child, #main #howtoList .howtoList_02:last-child {
        margin-bottom: 0; }
      #main #howtoList #howtoList_01 .howtoList_inner, #main #howtoList .howtoList_02 .howtoList_inner {
        padding: 30px 50px 50px; }
        #main #howtoList #howtoList_01 .howtoList_inner h4, #main #howtoList .howtoList_02 .howtoList_inner h4 {
          margin-bottom: 10px;
          padding: 20px;
          font-size: 138.5%;
          font-weight: 100;
          line-height: 150%;
          color: #fff;
          background: #666;
          border-left: 5px solid #aaa; }
        #main #howtoList #howtoList_01 .howtoList_inner h5, #main #howtoList .howtoList_02 .howtoList_inner h5 {
          margin-bottom: 10px;
          padding-bottom: 10px;
          font-size: 123.1%;
          font-weight: bold;
          line-height: 150%;
          color: #444;
          border-bottom: 1px dotted #aaa; }
        #main #howtoList #howtoList_01 .howtoList_inner .howtoDescription dl, #main #howtoList .howtoList_02 .howtoList_inner .howtoDescription dl {
          margin-bottom: 20px; }
          #main #howtoList #howtoList_01 .howtoList_inner .howtoDescription dl dt, #main #howtoList .howtoList_02 .howtoList_inner .howtoDescription dl dt {
            padding: 20px;
            background: url(../img/howto_back.png) no-repeat center top;
            color: #fff;
            font-size: 138.5%; }
          #main #howtoList #howtoList_01 .howtoList_inner .howtoDescription dl dd, #main #howtoList .howtoList_02 .howtoList_inner .howtoDescription dl dd {
            padding: 30px;
            border-left: 2px solid #cd3934;
            border-right: 2px solid #cd3934;
            border-bottom: 2px solid #cd3934; }
  #main #featuresList li {
    margin-bottom: 15px; }
    #main #featuresList li .featuresList_inner {
      padding: 20px;
      min-height: 410px;
      border-bottom: 2px solid #3483cd;
      border-left: 2px solid #3483cd;
      border-right: 2px solid #3483cd; }
      #main #featuresList li .featuresList_inner p {
        font-size: 108%; }
  #main #system {
    margin: 0 150px;
    border: 1px solid #444; }
    #main #system h4 {
      padding: 20px;
      text-align: center;
      letter-spacing: 0.2em;
      font-weight: 100;
      font-size: 153.9%;
      color: #fff;
      background: #444; }
    #main #system dl {
      padding: 20px; }
      #main #system dl dt {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 123.1%;
        border-bottom: 1px dotted #ccc; }
      #main #system dl dd {
        margin-bottom: 30px;
        background: #f0f8ff; }
        #main #system dl dd:last-child {
          margin-bottom: 0; }
        #main #system dl dd p {
          margin-bottom: 10px;
          font-size: 100%;
          line-height: 140%; }
  #main #special h2 {
    margin-bottom: 50px;
    margin-left: 0;
    padding: 0;
    width: 100%;
    min-width: 100%;
    background: none;
    box-shadow: none; }
  #main #special dl {
    margin-bottom: 50px;
    background: #3c3c3c;
    border: 5px solid #000; }
    #main #special dl dt {
      margin-top: -15px;
      padding-left: 20px; }
    #main #special dl dd {
      padding: 30px;
      color: #fff;
      font-weight: 100;
      -webkit-font-smoothing: antialiased;
      overflow: hidden; }
    #main #special dl dd img {
      border: 1px solid #ddd;}
  #main #special li {
    color: #444; }
  #main #special #listing_knowhow {
    background: #fff;
    border: 3px solid #ffef90; }
    #main #special #listing_knowhow h3 {
      padding: 10px;
      color: #333;
      background: #ffef90;
      font-size: 123.1%;
      text-align: center; }
    #main #special #listing_knowhow ul {
      padding: 20px; }
      #main #special #listing_knowhow ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 123.1%;
        border-bottom: 1px dotted #ddd; }
        #main #special #listing_knowhow ul li:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none; }
        #main #special #listing_knowhow ul li span {
          margin-right: 5px;
          padding: 5px;
          font-family: 'Oswald', sans-serif;
          color: #c00;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px; }
  #main .description {
    border: 1px solid #444; }
    #main .description h4 {
      padding: 20px;
      text-align: center;
      letter-spacing: 0.1em;
      font-weight: 100;
      font-size: 153.9%;
      color: #fff;
      background: #444; }
    #main .description .inner {
      padding: 20px; }
    #main .description dl {
      padding: 20px; }
      #main .description dl dt {
        margin-bottom: 5px;
        padding-bottom: 5px;
        font-size: 123.1%;
        border-bottom: 1px dotted #ccc; }
      #main .description dl dd {
        margin-bottom: 30px; }
        #main .description dl dd:last-child {
          margin-bottom: 0; }
        #main .description dl dd p {
          margin-bottom: 10px;
          font-size: 108%;
          line-height: 160%; }
    #main .description table {
      width: 100%;}
      #main .description table tr {
        border: 1px solid #444; }
        #main .description table tr th {
          padding: 10px 20px;
          border: 1px solid #444;
          vertical-align: middle;
          font-weight: 100;
          color: #fff;
          background: #777; }
        #main .description table tr td {
          padding: 10px 20px;
          border: 1px solid #444;
          vertical-align: middle; }
        #main .description table tr .no {
          width: 10%;
          text-align: center; }
        #main .description table tr .name {
          width: 50%;
    	  text-align: center;
    	  font-weight: bold;
    	  font-size: 1.3em;}
        #main .description table tr .before {
          width: 10%;
          text-align: center; }
        #main .description table tr .after {
          width: 10%;
          text-align: center;
          background: #ffeaea; }
        #main .description table tr .other {
          width: 20%;
          text-align: center; }
      #main .description table .table_top {
        color: #fff;
        background: #777; }
        #main .description table .table_top .name {
          text-align: center; }
        #main .description table .table_top .after {
          background: #dc5353; }
    #main .description .hv {
      background-color: #ddd; }
  #main #voice #voice_inner, .voice_inner,#main #voice #voice_inner2, #main #voice #voice_inner3, #main #voice #voice_inner4, #main #voice #voice_inner5, #main #voice2 #voice_inner, #main #voice2 #voice_inner2, #main #voice2 #voice_inner3, #main #voice2 #voice_inner4, #main #voice2 #voice_inner5, #main #voice3 #voice_inner, #main #voice3 #voice_inner2, #main #voice3 #voice_inner3, #main #voice3 #voice_inner4, #main #voice3 #voice_inner5, #main #voice4 #voice_inner, #main #voice4 #voice_inner2, #main #voice4 #voice_inner3, #main #voice4 #voice_inner4, #main #voice4 #voice_inner5, #main #voice5 #voice_inner, #main #voice5 #voice_inner2, #main #voice5 #voice_inner3, #main #voice5 #voice_inner4, #main #voice5 #voice_inner5 {
    padding: 50px;
    /* background: #c7c7c7; */
    background: #35b6a9; }
    #main .voice_inner article, #main #voice #voice_inner dl, #main #voice #voice_inner2 dl, #main #voice #voice_inner3 dl, #main #voice #voice_inner4 dl, #main #voice #voice_inner5 dl, #main #voice2 #voice_inner dl, #main #voice2 #voice_inner2 dl, #main #voice2 #voice_inner3 dl, #main #voice2 #voice_inner4 dl, #main #voice2 #voice_inner5 dl, #main #voice3 #voice_inner dl, #main #voice3 #voice_inner2 dl, #main #voice3 #voice_inner3 dl, #main #voice3 #voice_inner4 dl, #main #voice3 #voice_inner5 dl, #main #voice4 #voice_inner dl, #main #voice4 #voice_inner2 dl, #main #voice4 #voice_inner3 dl, #main #voice4 #voice_inner4 dl, #main #voice4 #voice_inner5 dl, #main #voice5 #voice_inner dl, #main #voice5 #voice_inner2 dl, #main #voice5 #voice_inner3 dl, #main #voice5 #voice_inner4 dl, #main #voice5 #voice_inner5 dl {
      margin-bottom: 30px;
      padding: 30px;
      display: block;
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px; }
      #main #voice #voice_inner dl:last-child, #main #voice #voice_inner2 dl:last-child, #main #voice #voice_inner3 dl:last-child, #main #voice #voice_inner4 dl:last-child, #main #voice #voice_inner5 dl:last-child, #main #voice2 #voice_inner dl:last-child, #main #voice2 #voice_inner2 dl:last-child, #main #voice2 #voice_inner3 dl:last-child, #main #voice2 #voice_inner4 dl:last-child, #main #voice2 #voice_inner5 dl:last-child, #main #voice3 #voice_inner dl:last-child, #main #voice3 #voice_inner2 dl:last-child, #main #voice3 #voice_inner3 dl:last-child, #main #voice3 #voice_inner4 dl:last-child, #main #voice3 #voice_inner5 dl:last-child, #main #voice4 #voice_inner dl:last-child, #main #voice4 #voice_inner2 dl:last-child, #main #voice4 #voice_inner3 dl:last-child, #main #voice4 #voice_inner4 dl:last-child, #main #voice4 #voice_inner5 dl:last-child, #main #voice5 #voice_inner dl:last-child, #main #voice5 #voice_inner2 dl:last-child, #main #voice5 #voice_inner3 dl:last-child, #main #voice5 #voice_inner4 dl:last-child, #main #voice5 #voice_inner5 dl:last-child {
        margin-bottom: 0; }
      #main #voice #voice_inner dl dt, #main #voice #voice_inner2 dl dt, #main #voice #voice_inner3 dl dt, #main #voice #voice_inner4 dl dt, #main #voice #voice_inner5 dl dt, #main #voice2 #voice_inner dl dt, #main #voice2 #voice_inner2 dl dt, #main #voice2 #voice_inner3 dl dt, #main #voice2 #voice_inner4 dl dt, #main #voice2 #voice_inner5 dl dt, #main #voice3 #voice_inner dl dt, #main #voice3 #voice_inner2 dl dt, #main #voice3 #voice_inner3 dl dt, #main #voice3 #voice_inner4 dl dt, #main #voice3 #voice_inner5 dl dt, #main #voice4 #voice_inner dl dt, #main #voice4 #voice_inner2 dl dt, #main #voice4 #voice_inner3 dl dt, #main #voice4 #voice_inner4 dl dt, #main #voice4 #voice_inner5 dl dt, #main #voice5 #voice_inner dl dt, #main #voice5 #voice_inner2 dl dt, #main #voice5 #voice_inner3 dl dt, #main #voice5 #voice_inner4 dl dt, #main #voice5 #voice_inner5 dl dt {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px dotted #ccc;
        text-align: center; }
      #main #voice #voice_inner dl dd p, #main #voice #voice_inner2 dl dd p, #main #voice #voice_inner3 dl dd p, #main #voice #voice_inner4 dl dd p, #main #voice #voice_inner5 dl dd p, #main #voice2 #voice_inner dl dd p, #main #voice2 #voice_inner2 dl dd p, #main #voice2 #voice_inner3 dl dd p, #main #voice2 #voice_inner4 dl dd p, #main #voice2 #voice_inner5 dl dd p, #main #voice3 #voice_inner dl dd p, #main #voice3 #voice_inner2 dl dd p, #main #voice3 #voice_inner3 dl dd p, #main #voice3 #voice_inner4 dl dd p, #main #voice3 #voice_inner5 dl dd p, #main #voice4 #voice_inner dl dd p, #main #voice4 #voice_inner2 dl dd p, #main #voice4 #voice_inner3 dl dd p, #main #voice4 #voice_inner4 dl dd p, #main #voice4 #voice_inner5 dl dd p, #main #voice5 #voice_inner dl dd p, #main #voice5 #voice_inner2 dl dd p, #main #voice5 #voice_inner3 dl dd p, #main #voice5 #voice_inner4 dl dd p, #main #voice5 #voice_inner5 dl dd p {
        font-size: 123.1%; }
			#main .voice_inner article header {
				display: block;
				position: relative;
				margin-bottom: 30px;
				padding-bottom: 30px;
				border-bottom: 1px dotted #ccc;
			}
			#main .voice_inner article header .col-l {
				float: left;
				width: 70%;
			}
			#main .voice_inner article header img {
				float: right;
				width: 27%;
			}
			#main .voice_inner article header h3 {
				color: #444;
				font-size: 34px;
				font-weight: normal;
				line-height: 1.2;
				letter-spacing: -0.06em;
			}
			#main .voice_inner article header h3 strong {
				font-size: 44px;
			}
			#main .voice_inner article header .profile {
				display: table-cell;
				position: absolute;
				bottom: 30px;
				right: 30%;
				display: table-cell;
				padding: 2px 15px;
				border-radius: 5px;
				background: #444;
				color: #fff;
				font-size: 1.6em;
			}
			#main .voice_inner article header .profile .name {
				display: inline-block;
			}
			#main .voice_inner article header .profile .name:after {
				content: "様";
				font-size: 15px;
			}
			#main .voice_inner article header .business {
				display: inline-block;
				margin-left: 15px;
			}
			#main .voice_inner article p {
				font-size: 125%;
			}

/*================================================

推薦者の声

================================================*/
    
  #main #recommend h3 {
    margin-bottom: 40px;
    padding-bottom: 40px;
    text-align: center;
    border-bottom: 1px dotted #f7db8e; }
  #main #recommend p {
    font-size: 123.1%;
    /* font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
    font-family: 'source-han-serif-japanese', serif;
    font-weight: middle; }
  #main #recommend .recommend_back_body {
    margin-bottom: 30px;
    background: url(../img/recommend/recommend_back_body.png) repeat-y;
    background-size: contain; }
    #main #recommend .recommend_back_body:last-child {
      margin-bottom: 0; }
  #main #recommend .recommend_back_foot {
    padding: 130px 80px 80px 80px;
    background: url(../img/recommend/recommend_back_foot.png) no-repeat center bottom;
    background-size: contain; }
  #main #recommend .recommend_back_head {
    background: url(../img/recommend/recommend_back_head.png) no-repeat center top;
    background-size: contain; }
  #main #faq #faq_inner {
    margin: 50px 0 50px 0;
    padding: 50px;
    background: #e71a10; }
    #main #faq #faq_inner dl {
      margin-bottom: 30px;
      padding: 30px;
      background: #fff;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px; }
      #main #faq #faq_inner dl:last-child {
        margin-bottom: 0; }
      #main #faq #faq_inner dl dt {
        margin-bottom: 10px;
        padding: 8px 5px 20px 85px;
        font-size: 167%;
        line-height: 150%;
        background: url(../img/q.png) no-repeat left top; }
      #main #faq #faq_inner dl dd {
        padding: 8px 5px 15px 85px;
        background: url(../img/A.png) no-repeat left top; }
  #main .ps {
    margin: 30px 90px;
    padding: 50px;
    background: #eee; }
    #main .ps h2 {
      margin-bottom: 30px;
      background: none;
      text-align: center; }
  #main .list_01 {
    margin-bottom: 30px; }
    #main .list_01 li {
      margin-bottom: 20px;
      padding: 2px 0 5px 45px !important;
      background: url(../img/list/list_icon_01.png) no-repeat left top;
      font-size: 197%;
      line-height: 140%; }
      #main .list_01 li:last-child {
        margin-bottom: 0; }
  #main .list_02 {
    margin-bottom: 30px; }
    #main .list_02 li {
      margin-bottom: 20px;
      padding: 2px 0 5px 45px;
      /* background: url(../img/list_icon_02.png) no-repeat left top; */
      background: url(../img/icon_check.png) no-repeat left top;
      font-size: 154%;
      line-height: 140%; }
      #main .list_02 li:last-child {
        margin-bottom: 0; }
  #main .list_03 {
    margin-bottom: 30px; }
    #main .list_03 li {
      margin-bottom: 20px;
      padding: 2px 0 5px 45px !important;
      background: url(../img/list/list_icon_03.png) no-repeat left top;
      font-size: 197%;
      line-height: 140%; }
      #main .list_03 li:last-child {
        margin-bottom: 0; }
  #main .orange {
    padding: 30px;
    /* border: 3px solid #fbb035; */
    background: #fff4e3; }
  #main .yellow {
    padding: 30px;
    border: 3px solid #dac340;
    background: #fffce3; }
  #main .red {
    padding: 30px;
    border: 3px solid #cd3934;
    background: #ffefea; }
  #main .blue {
    padding: 30px;
    border: 3px solid #3483cd;
    background: #eaffff; }
  #main .green {
    padding: 30px;
    border: 3px solid #52c42a;
    background: lightyellow; }
  #main .btn {
    margin: 50px 0; }
  #main #payment {
    margin: 0 150px; }
    #main #payment h3 {
      margin-bottom: 30px; }

#modal-open {
  width: 100%;
  height: 10px;
  position: fixed;
  top: 0px;
  z-index: 3000; }

#modal-overlay {
  z-index: 2000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75); }

#modal-content {
  margin: 0 auto;
  padding: 0px 0px 30px;
  border: 2px solid #fff;
  background: #fff;
  position: fixed;
  display: none;
  min-width: 800px;
  min-height: 580px;
  position: fixed;
  top: 5%;
  left: 50%;
  margin-left: -390px;
  z-index: 4000; }
  #modal-content #exitPop {
    margin-bottom: 10px;
    width: 800px;
    min-height: 580px; }
  #modal-content .EP_back {
    background: url(../img/ep/EP_back.jpg) no-repeat center top; }
  #modal-content .EP_back_14 {
    background: url(../img/ep/EP_back_14.jpg) no-repeat center top; }
  #modal-content .EP_back_30 {
    background: url(../img/ep/EP_back_30.jpg) no-repeat center top; }
  #modal-content .EP_back_top {
    background: url(../img/ep/EP_back_top.jpg) no-repeat center top; }
  #modal-content .EP_back_ppc {
    background: url(../img/ep/EP_back_ppc.jpg) no-repeat center top; }
  #modal-content .EP_back_end {
    background: url(../img/ep/EP_back_end.jpg) no-repeat center top; }
  #modal-content .EP_back_infotop {
    background: url(../img/ep/EP_back_infotop.jpg) no-repeat center top; }
  #modal-content .button-link {
    padding: 10px;
    cursor: pointer;
    color: #555;
    background: #ddd;
    text-align: center; }
    #modal-content .button-link:hover {
      background: #eee; }
  #modal-content #mail {
    padding: 10px 10px 10px 70px;
    position: relative;
    top: 467px;
    left: 35px;
    width: 520px;
    height: 50px;
    background: none;
    border: none;
    font-size: 26px; }
  #modal-content #inputBtn {
    position: relative;
    top: 467px;
    left: 50px;
    z-index: 4001; }
  #modal-content #free_icon {
    position: relative;
    top: 355px;
    left: 710px;
    z-index: 4002; }
  #modal-content #exitPop input.textFocus {
    color: #333; }
  #modal-content input[type="text"] {
    color: #ccc; }

#gFooter {
  width: 100%;
  font-size: 13px;
  color: #444; }
  #gFooter #gFooterNavi {
    padding: 20px 0;
    overflow: hidden;
    font-size: 93%;
    border-top: 1px dotted #999; }
    #gFooter #gFooterNavi .copyright {
      margin-bottom: 0;
      float: right;
      width: auto; }
    #gFooter #gFooterNavi ul {
      overflow: hidden;
      float: left; }
      #gFooter #gFooterNavi ul li {
        margin-right: 10px;
        list-style: none;
        float: left; }
        #gFooter #gFooterNavi ul li a {
          color: #444; }
          #gFooter #gFooterNavi ul li a:hover {
            text-decoration: none; }

#sp #modal-open {
  display: none; }

#sp #gHeader {
  display: none; }

#sp #firstView {
  padding-top: 50px; }

/*======================================

	Font-size Adjustment

	77% = 10px	| 	112% = 16px	|	167% = 22px
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/
/*
		font-color
-------------------------------------------------- */
.fc-000 {
  color: #000; }

/*黒色*/
.fc-333 {
  color: #333; }

/*黒灰*/
.fc-666 {
  color: #666; }

/*濃灰*/
.fc-999 {
  color: #999; }

/*薄灰*/
.fc-ccc {
  color: #CCC; }

/*白灰*/
.fc-fff {
  color: #FFF; }

/*白色*/
.fc-f00 {
  color: #FF0; }

/*赤色*/
.fc-900 {
  color: #900; }

/*濃赤*/
.fc-00f {
  color: #00F; }

/*青色*/
.fc-009 {
  color: #009; }

/*濃青*/
.fc-0f0 {
  color: #0F0; }

/*緑色*/
.fc-090 {
  color: #090; }

/*濃緑*/
.fc-0ff {
  color: #0FF; }

/*水色*/
.fc-ff0 {
  color: #FF0; }

/*黄色*/
.fc-f63 {
  color: #F63; }

/*橙色*/
.fc-90f {
  color: #90F; }

/*紫色*/
.fc-f0f {
  color: #F0F; }

/*桃色*/
/*
		font-background-color
-------------------------------------------------- */
.fb-900 {
  padding: 1px;
  color: #FFF;
  font-weight: bold;
  background: #900; }

.fb-00f {
  padding: 1px;
  color: #ffffff;
  font-weight: bold;
  background: #00F; }

.fb-0f0 {
  padding: 1px;
  font-weight: bold;
  background: #0F0; }

.fb-0ff {
  padding: 1px;
  font-weight: bold;
  background: #0FF; }

.fb-ff0 {
  padding: 1px;
  font-weight: bold;
  background: #FF0; }

.fb-ff0- {
  padding: 1px;
  color: #F00;
  font-weight: bold;
  background: #FF0; }

.fb-ff0-2 {
  padding: 1px;
  color: #900;
  font-weight: bold;
  background: #FF0; }

.fb-f63 {
  padding: 1px;
  font-weight: bold;
  background: #F63; }

.fb-f0f {
  padding: 1px;
  color: #FFF;
  font-weight: bold;
  background: #F0F; }

/*												*/
/* ---------- これより以下は拡張設定 ----------	*/
/* ----------  使わない場合は放置  ----------	*/
/*												*/
/*------------------------------------------------------------
		font-weight
-------------------------------------------------------------*/
.fw-n {
  font-weight: normal; }

.fw-b {
  font-weight: bold; }

/*------------------------------------------------------------
		font-size
-------------------------------------------------------------*/
#wrapper .fs-10 {
  font-size: 77%; }

#wrapper .fs-11 {
  font-size: 85%; }

#wrapper .fs-12 {
  font-size: 92%; }

#wrapper .fs-13 {
  font-size: 100%; }

#wrapper .fs-14 {
  font-size: 107%; }

#wrapper .fs-15 {
  font-size: 114%; }

#wrapper .fs-16 {
  font-size: 112%; }

#wrapper .fs-17 {
  font-size: 129%; }

#wrapper .fs-18 {
  font-size: 136%; }

#wrapper .fs-19 {
  font-size: 144%; }

#wrapper .fs-20 {
  font-size: 152%; }

#wrapper .fs-21 {
  font-size: 159%; }

#wrapper .fs-22 {
  font-size: 167%; }

#wrapper .fs-23 {
  font-size: 174%; }

#wrapper .fs-24 {
  font-size: 182%; }

#wrapper .fs-25 {
  font-size: 189%; }

#wrapper .fs-26 {
  font-size: 197%; }

#wrapper .fs-30 {
  font-size: 30px; }

/*------------------------------------------------------------
		line-height
-------------------------------------------------------------*/
.lh-110 {
  line-height: 110%; }

.lh-120 {
  line-height: 120%; }

.lh-130 {
  line-height: 130%; }

.lh-140 {
  line-height: 140%; }

.lh-150 {
  line-height: 150%; }

.lh-160 {
  line-height: 160%; }

.lh-170 {
  line-height: 170%; }

.lh-180 {
  line-height: 180%; }

.lh-190 {
  line-height: 190%; }

.lh-200 {
  line-height: 200%; }

#system {
  line-height: 1.4em;
  }

/*------------------------------------------------------------
		text-decoration
-------------------------------------------------------------*/
.td-n {
  text-decoration: none; }

.td-u {
  text-decoration: underline; }

.td-o {
  text-decoration: overline; }

.td-t {
  text-decoration: line-through; }

.td-b {
  text-decoration: blink; }

/*------------------------------------------------------------
		text-align
-------------------------------------------------------------*/
.ta-c {
  text-align: center; }

/*中央寄せ*/
.ta-r {
  text-align: right; }

/*右寄せ*/
.ta-l {
  text-align: left; }

/*左寄せ*/
/*------------------------------------------------------------
		vertical-align
-------------------------------------------------------------*/
.va-t {
  vertical-align: top; }

/*上寄せ*/
.va-m {
  vertical-align: middle; }

/*中央寄せ*/
.va-b {
  vertical-align: bottom; }

/*下寄せ*/
/*------------------------------------------------------------
		margin
-------------------------------------------------------------*/
.m0 {
  margin: 0 !important; }

/*全margin無し*/
.mt-0 {
  margin-top: 0 !important; }

/*上marginが0px*/
.mr-0 {
  margin-right: 0 !important; }

/*右marginが0px*/
.mb-0 {
  margin-bottom: 0 !important; }

/*下marginが0px*/
.ml-0 {
  margin-left: 0 !important; }

/*左marginが0px*/
.m1 {
  margin: 1px !important; }

.mt-1 {
  margin-top: 1px !important; }

.mr-1 {
  margin-right: 1px !important; }

.mb-1 {
  margin-bottom: 1px !important; }

.ml-1 {
  margin-left: 1px !important; }

.m2 {
  margin: 2px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mr-2 {
  margin-right: 2px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.ml-2 {
  margin-left: 2px !important; }

.m3 {
  margin: 3px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mr-3 {
  margin-right: 3px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.ml-3 {
  margin-left: 3px !important; }

.m4 {
  margin: 4px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mr-4 {
  margin-right: 4px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.ml-4 {
  margin-left: 4px !important; }

.m5 {
  margin: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.m6 {
  margin: 6px !important; }

.mt-6 {
  margin-top: 6px !important; }

.mr-6 {
  margin-right: 6px !important; }

.mb-6 {
  margin-bottom: 6px !important; }

.ml-6 {
  margin-left: 6px !important; }

.m7 {
  margin: 7px !important; }

.mt-7 {
  margin-top: 7px !important; }

.mr-7 {
  margin-right: 7px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.ml-7 {
  margin-left: 7px !important; }

.m8 {
  margin: 8px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.ml-8 {
  margin-left: 8px !important; }

.m9 {
  margin: 9px !important; }

.mt-9 {
  margin-top: 9px !important; }

.mr-9 {
  margin-right: 9px !important; }

.mb-9 {
  margin-bottom: 9px !important; }

.ml-9 {
  margin-left: 9px !important; }

.m10 {
  margin: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.m15 {
  margin: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.m20 {
  margin: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.m25 {
  margin: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.m30 {
  margin: 30px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.m40 {
  margin: 40px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.m50 {
  margin: 50px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mr-50 {
  margin-right: 50px; }

.mb-50 {
  margin-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px; }

.m60 {
  margin: 60px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.m70 {
  margin: 70px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mr-70 {
  margin-right: 70px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.ml-70 {
  margin-left: 70px !important; }

/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/
.p0 {
  padding: 0 !important; }

/*全padding無し*/
.pt-0 {
  padding-top: 0px !important; }

/*上paddingが0px*/
.pr-0 {
  padding-right: 0px !important; }

/*右paddingが0px*/
.pb-0 {
  padding-bottom: 0px !important; }

/*下paddingが0px*/
.pl-0 {
  padding-left: 0px !important; }

/*左paddingが0px*/
.p1 {
  padding: 1px !important; }

.pt-1 {
  padding-top: 1px !important; }

.pr-1 {
  padding-right: 1px !important; }

.pb-1 {
  padding-bottom: 1px !important; }

.pl-1 {
  padding-left: 1px !important; }

.p2 {
  padding: 2px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pr-2 {
  padding-right: 2px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pl-2 {
  padding-left: 2px !important; }

.p3 {
  padding: 3px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pr-3 {
  padding-right: 3px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pl-3 {
  padding-left: 3px !important; }

.p4 {
  padding: 4px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pr-4 {
  padding-right: 4px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pl-4 {
  padding-left: 4px !important; }

.p5 {
  padding: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.p6 {
  padding: 6px !important; }

.pt-6 {
  padding-top: 6px !important; }

.pr-6 {
  padding-right: 6px !important; }

.pb-6 {
  padding-bottom: 6px !important; }

.pl-6 {
  padding-left: 6px !important; }

.p7 {
  padding: 7px !important; }

.pt-7 {
  padding-top: 7px !important; }

.pr-7 {
  padding-right: 7px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.pl-7 {
  padding-left: 7px !important; }

.p8 {
  padding: 8px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pl-8 {
  padding-left: 8px !important; }

.p9 {
  padding: 9px !important; }

.pt-9 {
  padding-top: 9px !important; }

.pr-9 {
  padding-right: 9px !important; }

.pb-9 {
  padding-bottom: 9px !important; }

.pl-9 {
  padding-left: 9px !important; }

.p10 {
  padding: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.p15 {
  padding: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.p20 {
  padding: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.p30 {
  padding: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.p40 {
  padding: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.p50 {
  padding: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.p60 {
  padding: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.p70 {
  padding: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/*行の高さをフォントサイズと同じにしています*/
body {
  line-height: 1; }

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
ul, ol {
  list-style: none; }

/*引用符の表示が出ないようにしています*/
blockquote, q {
  quotes: none; }

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through; }

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
  vertical-align: middle; }

img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0; }
.clearfix {width:100%;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
 }
#logo {
    background-color: #e71a10;
    width: 100%;
    height: 70px;
    padding-top: 5px;
    margin: 0px auto 0px;
    overflow: hidden;
    display: block;
    text-align: center
}
#foot {
    width: 860px;
    font-size: 17px;
    text-align: center;
    padding-top: 12px;
    margin: 0px auto 20px;
    overflow: hidden;
    display: block;
}
#foot ul {
    text-align: center;
    list-style-type: none;
    margin: 0 auto 0px;
    display: block;
}
#foot ul li {
    display: inline;
}
#foot ul li a {
	text-decoration: none;
    color: #444;
}
#system{
	margin: 0 0 45px 0 !important;}
.list_green {
	font-size: 154%;
	margin-top: 3px;
}
.list_green li {
    margin-bottom: 20px;
    background: url(../img/list_icon_04.png) no-repeat left top;
    background-size: 4%;
    padding: .5em 0 .5em 4%;
    vertical-align: middle;
}
.bc_yel {
	background-color: yellow;
}
.top_text {
	margin-top: 25px;
}
.list_red li {
	background-size: 4%;
	background: url(../img/list_icon_05.png) no-repeat left center;
	font-size: 138%;
    padding: 11px 50px !important;
}
/*.special_text {
	width: 45%;
}*/
#special .fl-r {
	margin-left: 5%;
}
.sp_only {
	display:none;
}
.two-line .height_ad {
	padding-top: 55px !important;
    padding-bottom: 55px !important;
}
#special h2+.text {
	margin-bottom: 20px;
}
.special_text.func p {
}
.black_border {
    border: 3px solid #5f5f5f;
    box-sizing: border-box;
    line-height: 0 !important; /* 子要素iframeの下の余白削除 */
    text-align: center;
}
#main #functionList li iframe {
    border: none;
    width: 100%;
    display: inline-block;
    margin: 0 auto 20px !important;
    line-height: 0;
}

.Timer0 {
    font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-image: url(../img/time.jpg);
    /* background-image: url(../img/timer_back.jpg);*/
    /* width: 941px; */
    width: 100%;
    height: 52px;
    font-size: 40px;
    font-weight: bold;
    line-height: 41px;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px;
    padding-top: 7px;
    display: block;
    background-repeat: repeat-x;
    background-position: 0px 0px;
    margin: 0px auto 15px;
}

/*================================================

プロフィール

================================================*/
h3.profiletit {
    background: #e6e6e5;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e6e6e5 0%, #f7f7f7 50%, #e6e6e5 100%);
    background: -webkit-linear-gradient(left, #e6e6e5 0%, #f7f7f7 50%, #e6e6e5 100%);
    background: linear-gradient(to right, #e6e6e5 0%, #f7f7f7 50%, #e6e6e5 100%);

    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal;
    width: 100%;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 50px;
    line-height: 64px;
}

.profile {
    background: #f9f9f9;
    padding: 60px 36px;
}

.profile .fleft {
    float: left;
    width: 460px;
}

.profile .fleft h4 {
    font-size: 36px;
    line-height:1.2;
}

.profile .fleft h4 span {
    font-size: 16px;
    font-weight: normal;
}

.profile .fleft .caps {
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 24px;
}

.profile .fleft ul {
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 0.85em;
    line-height: 1.3em;
    list-style-type: none;
}

.profile .fleft li {
    margin: 5px 0 0 0;
}

.profile .fright {
    width: 360px;
    float: right;
}

.profile .fright img {
    width: 100%;
    margin: 0 0 30px 0;
}

.profile img {
    margin: 30px auto;
    display: block;
}

.profile .activity {
    margin: 60px 0 0 0;
}

.profile .activity h5 {
    background: #e6e6e5;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e6e6e5 0%, #f7f7f7 50%, #e6e6e5 100%);
    background: -webkit-linear-gradient(left, #e6e6e5 0%, #f7f7f7 50%, #e6e6e5 100%);
    background: linear-gradient(to right, #e6e6e5 0%, #f7f7f7 50%, #e6e6e5 100%);
    width: 100% !important;
    margin: 0 auto 50px;
    padding: 25px 0;
    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    display: block;
}

.profile .activity h4 {
    font-size: 24px;
    line-height: 1.5;
}
.profile .activity p {
    text-align: left;
}
/*
.profile .activity p.logo {
    width: 424px;
}

.profile .activity img {
    width: 100%;
}
*/

.profile .activity dl {
    margin: 0 0 20px 0;
}

.profile .activity dt {
    width: 150px;
    float: left;
}

.profile .activity dd {
    width: 750px;
    float: right;
}

.profile .activity div {
    border-top: #ddd solid 1px;
    margin: 60px 0 0 0;
}

.profile .activity div h6 {
    margin: 40px 0;
    font-size: 24px;
    text-align: center;
}

.profile .activity div ul {
    margin: 30px 0 0 40px;
}

.profile .activity div li {
    margin: 10px 0 0 0;
}
.plist {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.tile_list_youtuber {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-items: stretch;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 0 1em;
    border: 4px solid #f00;
    text-align: center;
}
.tile_list_youtuber li {
    flex: 1;
    margin: 0 .5em;
    padding: 0 0;
}
.tile_list_youtuber li p {
    text-align: center !important;
    margin: 0;
    padding: 0 0 2em;
    font-weight: bold;
    line-height: 1.2 !important;
}
.tile_list_youtuber li p span {
    display: inline-block;
    color: red;
    font-size: 1.5em;
}
p.qa_system {
    background: #f0f8ff;
}

/*================================================

10大機能（タイル表示）

================================================*/
    
.tile_list {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.tile_list li {
    font-family: source-han-serif-japanese, serif;
    /* background: #cc0a29; */
    width: 280px;
    height:auto;
    margin: 0 5px 20px 5px;
    padding: 10px 10px 20px 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    list-style-type: none;
    color: #fff;
    text-align: center;
    position: relative;
    border: 1px solid #3c3c3c;
}

#main #functionList li:nth-child(1) h3,
.tile_list li:nth-child(1) {
    /* background-color: #990033; */
    background: linear-gradient(135deg, #3e3e3c, #990033, #990033);
}
#main #functionList li:nth-child(2) h3,
.tile_list li:nth-child(2) {
    background: linear-gradient(135deg, #3c3c3c, #cc0a29, #cc0a29);
}
#main #functionList li:nth-child(3) h3,
.tile_list li:nth-child(3) {
    background: linear-gradient(135deg, #3c3c3c, #ff6600, #ff6600);
}
#main #functionList li:nth-child(4) h3,
.tile_list li:nth-child(4) {
    background: linear-gradient(135deg, #3c3c3c, #cc9900, #cc9900);
}
.tile_list li:nth-child(4) .kinou_desc {
    font-size: 0.9em;
}
#main #functionList li:nth-child(5) h3,
.tile_list li:nth-child(5) {
    background: linear-gradient(135deg, #3c3c3c, #339966, #339966);
}
#main #functionList li:nth-child(6) h3,
.tile_list li:nth-child(6) {
    background: linear-gradient(135deg, #3c3c3c, #006666, #006666);
}
#main #functionList li:nth-child(7) h3,
.tile_list li:nth-child(7) {
    background: linear-gradient(135deg, #3c3c3c, #0066cc, #0066cc);
}
#main #functionList li:nth-child(8) h3,
.tile_list li:nth-child(8) {
    background: linear-gradient(135deg, #3c3c3c, #003399, #003399);
}
#main #functionList li:nth-child(9) h3,
.tile_list li:nth-child(9) {
    background: linear-gradient(135deg, #3c3c3c, #3333ff, #3333ff);
}
#main #functionList li:nth-child(10) h3,
.tile_list li:nth-child(10) {
    background: linear-gradient(135deg, #3c3c3c, #990099, #990099);
}
.tile_list li .tile_list_ttl {
    display: inline-block;
    text-align: left !important;
    width: 100px;
    margin: 0 .5em 0 0;
    padding: 5px 0 0 2.5em;
    font-size: 0.8em !important;
    background: url("../img/subHead_icon03.png") top left no-repeat;
    background-size: contain ;
}
.tile_list li .tile_list_num {
    font-size: 350% !important;
    vertical-align: baseline;
}
.tile_list li .tile_list_kinou {
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    text-align: center;
    font-feature-settings: "palt";
}
.tile_list li .tile_list_kinou::before {
    display: block;
    margin: .5em auto 0;
    padding-top: 1em;
    content: "";
    width: 8%;
    border-top: 1px solid #fff;
    transform: rotate(-45deg);
}


/*================================================

サブヘッダー　フェードイン

================================================*/

.pop01 {
    font-family: source-han-serif-japanese, serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 50px;
    line-height: 64px;
    color: #cc0a29;
/*     color: #2d8cff; */
    margin-bottom: 60px;
    background: transparent;
    box-shadow: none;
}

.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 300ms;
}
.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}