@charset "UTF-8";
/* Scss Document */
/* ブレイクポイント */
/* color　設定 */
.bg-gray {
  background: #eee; }

/*** ----------------------------------------------------------------------------- 

reset

-----------------------------------------------------------------------------  ***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0px;
  padding: 0px; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

ul {
  list-style: none; }

ol li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #000000; }

img {
  vertical-align: bottom; }

table caption {
  font-weight: bold;
  margin: 0 0 5px; }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px; }

/*** ------------------------------------------------------------------------------ 

HTML5

-----------------------------------------------------------------------------  ***/
#header, footer, nav, section, article, figure, aside {
  display: block; }

* {
  box-sizing: border-box; }

i {
  margin: 0 5px 0 0; }

/*** ------------------------------------------------------------------------------ 

common

-----------------------------------------------------------------------------  ***/
html {
  font-size: 62.5%; }

body {
  background: #FFF;
  color: #333;
  line-height: 1.6;
  font-size: 1.0rem;
  font-family: Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", MS PGothic, "ＭＳ Ｐゴシック", Osaka; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  font-size: 1.6rem; }

.sp {
  display: none; }
  @media (max-width: 737px) {
    .sp {
      display: block; } }

@media (max-width: 737px) {
  img {
    max-width: 100%; } }
/*** ------------------------------------------------------------------------------ 

リンク

-----------------------------------------------------------------------------  ***/
/* 基本 */
a {
  outline: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s; }

a:link {
  color: #0068b7;
  text-decoration: none; }

a:visited {
  color: #0068b7;
  text-decoration: none; }

a:hover {
  color: #0068b7;
  text-decoration: none; }

a:active {
  color: #0068b7;
  text-decoration: none; }

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7; }

/*** ------------------------------------------------------------------------------ 

layout

-----------------------------------------------------------------------------  ***/
#cont section {
  padding: 90px 0; }
  @media (max-width: 737px) {
    #cont section {
      padding: 60px 0; } }

.inner {
  width: 1000px;
  margin: 0 auto; }
  @media (max-width: 737px) {
    .inner {
      width: 100%;
      padding: 0 10px; } }

/*** ------------------------------------------------------------------------------ 

googlemap

-----------------------------------------------------------------------------  ***/
@media (max-width: 737px) {
  .googlemap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    margin: 0 0 15px;
    position: relative; }

  .googlemap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; } }
/*** ------------------------------------------------------------------------------ 

header

-----------------------------------------------------------------------------  ***/
header {
  padding: 20px 0; }
  @media (max-width: 737px) {
    header {
      padding: 10px 0; } }
  header h1 {
    text-align: center; }
    @media (max-width: 737px) {
      header h1 img {
        width: 99px; } }

/*** ------------------------------------------------------------------------------ 

visual

-----------------------------------------------------------------------------  ***/
#visual {
  background: url("../img/visual-bg.jpg") no-repeat center center;
  background-size: cover; }
  @media (max-width: 737px) {
    #visual {
      background: none; } }
  @media (max-width: 737px) {
    #visual .inner {
      padding: 0; } }
  #visual .inner .pc {
    display: block; }
    @media (max-width: 737px) {
      #visual .inner .pc {
        display: none; } }
  #visual .inner .sp {
    display: none; }
    @media (max-width: 737px) {
      #visual .inner .sp {
        display: block; } }

/*** ------------------------------------------------------------------------------ 

footer

-----------------------------------------------------------------------------  ***/
footer {
  background: #000; }
  footer p {
    padding: 30px 0;
    text-align: right;
    color: #fff;
    font-size: 1.4rem; }
    @media (max-width: 737px) {
      footer p {
        padding: 20px 0;
        font-size: 1.2rem; } }
    footer p strong {
      font-size: 1.8rem; }
      @media (max-width: 737px) {
        footer p strong {
          font-size: 1.6rem; } }
    footer p a:link,
    footer p a:visited {
      color: #fff; }
  footer small {
    text-align: center;
    display: block;
    padding: 0 0 10px;
    font-size: 1.2rem;
    color: #7e7e7e; }

/*** ------------------------------------------------------------------------------ 

見出し

-----------------------------------------------------------------------------  ***/
.headline {
  margin: 0 0 50px;
  text-align: center; }
  @media (max-width: 737px) {
    .headline {
      margin: 0 0 25px; } }
  .headline h2.ja {
    font-size: 4.8rem;
    font-weight: bold;
    color: #0a4fa1;
    line-height: 1.2; }
    @media (max-width: 737px) {
      .headline h2.ja {
        font-size: 2.4rem; } }
  .headline p.en {
    font-size: 1.4rem;
    font-weight: bold; }
    @media (max-width: 737px) {
      .headline p.en {
        font-size: 1.2rem; } }

/*** ------------------------------------------------------------------------------ 

features

-----------------------------------------------------------------------------  ***/
#features .list {
  display: flex;
  flex-wrap: wrap; }
  #features .list .list-item {
    width: 50%;
    background: #b4f8f0;
    padding: 190px 95px 60px;
    position: relative; }
    #features .list .list-item:nth-child(1) {
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcd4e7+0,b4f8f0+100 */
      background: #bcd4e7;
      /* Old browsers */
      background: -moz-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
      #features .list .list-item:nth-child(1):before {
        position: absolute;
        left: 50%;
        top: 50px;
        margin: 0 0 0 -66px;
        content: '';
        background: url("../img/img01.png") no-repeat center center;
        width: 132px;
        height: 115px; }
    #features .list .list-item:nth-child(2) {
      background: #e8fdfa; }
      #features .list .list-item:nth-child(2):before {
        position: absolute;
        left: 50%;
        top: 60px;
        margin: 0 0 0 -75px;
        content: '';
        background: url("../img/img02.png") no-repeat center center;
        width: 150px;
        height: 93px; }
    #features .list .list-item:nth-child(3) {
      background: #e8fdfa; }
      #features .list .list-item:nth-child(3):before {
        position: absolute;
        left: 50%;
        top: 60px;
        margin: 0 0 0 -83px;
        content: '';
        background: url("../img/img03.png") no-repeat center center;
        width: 166px;
        height: 118px; }
    #features .list .list-item:nth-child(4) {
      background: #bcd4e7;
      /* Old browsers */
      background: -moz-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
      #features .list .list-item:nth-child(4):before {
        position: absolute;
        left: 50%;
        top: 50px;
        margin: 0 0 0 -61px;
        content: '';
        background: url("../img/img04.png") no-repeat center center;
        width: 123px;
        height: 123px; }
    @media (max-width: 737px) {
      #features .list .list-item {
        width: 50%;
        padding: 100px 15px 20px; }
        #features .list .list-item:nth-child(1) {
          background: #bcd4e7;
          /* Old browsers */
          background: -moz-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 );
          /* IE6-9 fallback on horizontal gradient */
          background-size: auto auto; }
          #features .list .list-item:nth-child(1):before {
            top: 25px;
            margin: 0 0 0 -33px;
            content: '';
            background: url("../img/img01.png") no-repeat center center;
            background-size: 66px auto;
            width: 66px;
            height: 57px; }
        #features .list .list-item:nth-child(2) {
          background: #e8fdfa;
          background-size: auto auto; }
          #features .list .list-item:nth-child(2):before {
            position: absolute;
            left: 50%;
            top: 30px;
            margin: 0 0 0 -37px;
            content: '';
            background: url("../img/img02.png") no-repeat center center;
            background-size: 75px auto;
            width: 75px;
            height: 46px; }
        #features .list .list-item:nth-child(3) {
          background: #e8fdfa;
          background-size: auto auto; }
          #features .list .list-item:nth-child(3):before {
            position: absolute;
            left: 50%;
            top: 25px;
            margin: 0 0 0 -41px;
            content: '';
            background: url("../img/img03.png") no-repeat center center;
            background-size: 83px auto;
            width: 83px;
            height: 64px; }
        #features .list .list-item:nth-child(4) {
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcd4e7+0,b4f8f0+100 */
          background: #bcd4e7;
          /* Old browsers */
          background: -moz-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(45deg, #bcd4e7 0%, #b4f8f0 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 );
          /* IE6-9 fallback on horizontal gradient */
          background-size: auto auto; }
          #features .list .list-item:nth-child(4):before {
            position: absolute;
            left: 50%;
            top: 25px;
            margin: 0 0 0 -31px;
            content: '';
            background: url("../img/img04.png") no-repeat center center;
            background-size: 62px auto;
            width: 62px;
            height: 62px; } }
    #features .list .list-item .tit {
      font-size: 2.6rem;
      font-weight: bold;
      text-align: center;
      margin: 0 0 1em; }
      @media (max-width: 737px) {
        #features .list .list-item .tit {
          font-size: 1.6rem;
          margin: 0 0 5px; } }
    #features .list .list-item .text {
      font-weight: bold; }
      @media (max-width: 737px) {
        #features .list .list-item .text {
          font-size: 1.3rem; } }

/*** ------------------------------------------------------------------------------ 

catalyst

-----------------------------------------------------------------------------  ***/
#catalyst .img {
  text-align: center;
  margin: 0 0 45px; }
  @media (max-width: 737px) {
    #catalyst .img {
      margin: 0 0 20px; } }
#catalyst .text {
  padding: 0 70px; }
  @media (max-width: 737px) {
    #catalyst .text {
      padding: 0;
      font-size: 1.4rem; } }

/*** ------------------------------------------------------------------------------ 

test-data

-----------------------------------------------------------------------------  ***/
#test-data .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 50px; }
  @media (max-width: 737px) {
    #test-data .list {
      margin: 0 0 20px; } }
  #test-data .list .list-item {
    margin: 0 25px; }
    @media (max-width: 737px) {
      #test-data .list .list-item {
        text-align: center;
        margin: 0 0 20px; } }
    #test-data .list .list-item:nth-child(1) img {
      width: 258px; }
    #test-data .list .list-item:nth-child(2) img {
      width: 232px; }
    #test-data .list .list-item:nth-child(3) img {
      width: 252px; }
#test-data .text-box {
  background: #eee;
  padding: 30px; }
  @media (max-width: 737px) {
    #test-data .text-box {
      padding: 20px; } }
  #test-data .text-box p {
    font-size: 1.4rem;
    margin: 0 0 1.5em; }
    #test-data .text-box p:last-of-type {
      margin: 0; }

/*** ------------------------------------------------------------------------------ 

efficacy

-----------------------------------------------------------------------------  ***/
#efficacy dl {
  background: #fff;
  padding: 60px 95px; }
  @media (max-width: 737px) {
    #efficacy dl {
      padding: 20px; } }
  #efficacy dl dt {
    font-size: 2.4rem;
    font-weight: bold;
    color: #0a4fa1;
    position: relative;
    padding: 8px 0 10px 60px; }
    @media (max-width: 737px) {
      #efficacy dl dt {
        font-size: 1.8rem;
        padding: 8px 0 10px 50px; } }
    #efficacy dl dt::before {
      position: absolute;
      left: 0;
      top: 0;
      content: '1';
      display: inline-block;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2172b1+0,07e7cd+100 */
      background: #2172b1;
      /* Old browsers */
      background: -moz-linear-gradient(45deg, #2172b1 0%, #07e7cd 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(45deg, #2172b1 0%, #07e7cd 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(45deg, #2172b1 0%, #07e7cd 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2172b1', endColorstr='#07e7cd',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      width: 48px;
      height: 48px;
      padding: 7px 0 0;
      box-sizing: border-box;
      border-radius: 50%;
      color: #fff;
      text-align: center;
      font-weight: normal; }
      @media (max-width: 737px) {
        #efficacy dl dt::before {
          width: 40px;
          height: 40px; } }
    #efficacy dl dt:nth-of-type(1):before {
      content: '1'; }
    #efficacy dl dt:nth-of-type(2):before {
      content: '2'; }
    #efficacy dl dt:nth-of-type(3):before {
      content: '3'; }
    #efficacy dl dt:nth-of-type(4):before {
      content: '4'; }
    #efficacy dl dt:nth-of-type(5):before {
      content: '5'; }
  #efficacy dl dd {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 2px solid #ccc;
    font-size: 1.6rem; }

/*** ------------------------------------------------------------------------------ 

case

-----------------------------------------------------------------------------  ***/
#case .list {
  background: #0a4fa1;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 737px) {
    #case .list {
      display: block; } }
  #case .list .list-item {
    width: 50%;
    color: #fff;
    text-align: center; }
    @media (max-width: 737px) {
      #case .list .list-item {
        width: 100%;
        padding: 0 20px 20px; } }
    #case .list .list-item:first-child {
      padding: 0 50px;
      text-align: left; }
      @media (max-width: 737px) {
        #case .list .list-item:first-child {
          padding: 50px 20px; } }
      #case .list .list-item:first-child h3 {
        font-size: 2.4rem;
        font-weight: bold;
        margin: 0 0 1em; }
        @media (max-width: 737px) {
          #case .list .list-item:first-child h3 {
            font-size: 2.0rem; } }
      @media (max-width: 737px) {
        #case .list .list-item:first-child p {
          font-size: 1.4rem; } }

/*** ------------------------------------------------------------------------------ 

service

-----------------------------------------------------------------------------  ***/
#service .list {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media (max-width: 737px) {
    #service .list {
      display: block; } }
  #service .list .list-item {
    width: 50%; }
    @media (max-width: 737px) {
      #service .list .list-item {
        width: 100%; } }
    #service .list .list-item:first-child {
      padding: 0 50px; }
      @media (max-width: 737px) {
        #service .list .list-item:first-child {
          padding: 50px 20px; }
          #service .list .list-item:first-child p {
            font-size: 1.4rem; } }
      #service .list .list-item:first-child .time {
        margin: 40px 0 10px;
        font-size: 2.4rem;
        font-weight: bold; }
        @media (max-width: 737px) {
          #service .list .list-item:first-child .time {
            margin: 20px 0 10px;
            font-size: 2.0rem; } }
        #service .list .list-item:first-child .time span {
          position: relative;
          top: -3px;
          background: #0a4fa1;
          display: inline-block;
          margin: 0 20px 0 0;
          padding: 5px 20px 3px;
          font-size: 1.6rem;
          color: #fff; }

/*** ------------------------------------------------------------------------------ 

price

-----------------------------------------------------------------------------  ***/
#price .price-box {
  width: 800px;
  margin: 0 auto 70px; }
  @media (max-width: 737px) {
    #price .price-box {
      width: 100%;
      margin: 0 auto 35px; } }
  @media (max-width: 737px) {
    #price .price-box .scroll-table table {
      display: block;
      overflow-x: scroll;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch; } }
  #price .price-box table.pc {
    width: 100%;
    border-top: 1px solid #eee;
    margin: 0 0 10px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee; }
    @media (max-width: 737px) {
      #price .price-box table.pc {
        display: none; } }
    #price .price-box table.pc thead th {
      background: #0a4fa1;
      padding: 10px;
      color: #fff;
      font-size: 1.4rem;
      text-align: center;
      border-right: 1px solid #eee;
      border-bottom: 1px solid #eee; }
      #price .price-box table.pc thead th:nth-of-type(1) {
        width: 40%; }
      #price .price-box table.pc thead th:nth-of-type(2) {
        width: 20%; }
      #price .price-box table.pc thead th:nth-of-type(3) {
        width: 40%; }
    #price .price-box table.pc thead tr:nth-of-type(2) th:nth-of-type(1) {
      width: 10%; }
    #price .price-box table.pc thead tr:nth-of-type(2) th:nth-of-type(2) {
      width: 10%; }
    #price .price-box table.pc thead tr:nth-of-type(2) th:nth-of-type(3) {
      width: 10%; }
    #price .price-box table.pc thead tr:nth-of-type(2) th:nth-of-type(3) {
      width: 10%; }
    #price .price-box table.pc tbody th {
      padding: 10px;
      background: #f9f9f9;
      border-right: 1px solid #eee;
      border-bottom: 1px solid #eee;
      font-size: 1.4rem; }
    #price .price-box table.pc tbody td {
      padding: 10px;
      border-right: 1px solid #eee;
      border-bottom: 1px solid #eee;
      text-align: right;
      font-size: 1.4rem; }
  #price .price-box table.sp {
    display: none; }
    @media (max-width: 737px) {
      #price .price-box table.sp {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee; }
        #price .price-box table.sp th {
          border-right: 1px solid #eee;
          border-bottom: 1px solid #eee;
          padding: 10px;
          font-size: 1.4rem;
          background: #f9f9f9; }
        #price .price-box table.sp th.bg-blue {
          text-align: center;
          padding: 10px;
          background: #0a4fa1;
          font-weight: bold;
          color: #fff; }
        #price .price-box table.sp td {
          border-right: 1px solid #eee;
          border-bottom: 1px solid #eee;
          padding: 10px;
          font-size: 1.4rem; } }
  #price .price-box p {
    text-align: right;
    font-size: 1.4rem; }
#price h3 {
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  color: #0a4fa1; }
  @media (max-width: 737px) {
    #price h3 {
      font-size: 2.0rem; } }
#price .img {
  margin: 50px 0;
  text-align: center; }
  @media (max-width: 737px) {
    #price .img {
      margin: 25px 0; } }
#price .text {
  text-align: center; }
  @media (max-width: 737px) {
    #price .text {
      font-size: 1.4rem; } }

/*** ------------------------------------------------------------------------------ 

item

-----------------------------------------------------------------------------  ***/
#item .img {
  text-align: center; }
#item .item-box {
  margin: 90px 0 45px;
  text-align: center; }
  @media (max-width: 737px) {
    #item .item-box {
      margin: 45px 0 20px; } }
  #item .item-box p {
    margin: 0 0 10px; }
    #item .item-box p span {
      background: #333;
      display: inline-block;
      padding: 4px 10px 3px;
      font-weight: bold;
      color: #fff; }
      @media (max-width: 737px) {
        #item .item-box p span {
          font-size: 1.4rem; } }
  #item .item-box h2 {
    font-size: 3.6rem;
    font-weight: bold;
    color: #0a4fa1; }
    @media (max-width: 737px) {
      #item .item-box h2 {
        font-size: 2.4rem; } }
#item .item-speck {
  display: flex; }
  @media (max-width: 737px) {
    #item .item-speck {
      display: block; } }
  #item .item-speck .img {
    width: 500px;
    margin: 0 40px 0 0;
    text-align: left; }
    @media (max-width: 737px) {
      #item .item-speck .img {
        width: 100%;
        margin: 0 0 20px;
        text-align: center; } }
    #item .item-speck .img span {
      display: block;
      margin: 20px 0 0;
      font-size: 1.4rem; }
  #item .item-speck .text-box {
    width: 460px; }
    @media (max-width: 737px) {
      #item .item-speck .text-box {
        width: 100%; } }
    #item .item-speck .text-box .tit {
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0 0 20px;
      color: #fff; }
      @media (max-width: 737px) {
        #item .item-speck .text-box .tit {
          font-size: 1.4rem;
          margin: 0 0 10px; } }
      #item .item-speck .text-box .tit span {
        background: #0a4fa1;
        display: inline-block;
        padding: 10px 15px; }
    #item .item-speck .text-box .text {
      margin: 0 0 40px; }
      @media (max-width: 737px) {
        #item .item-speck .text-box .text {
          margin: 0 0 20px;
          font-size: 1.4rem; } }

/*** ------------------------------------------------------------------------------ 

voice

-----------------------------------------------------------------------------  ***/
#voice .list {
  display: flex; }
  @media (max-width: 737px) {
    #voice .list {
      display: block; } }
  #voice .list .list-item {
    width: 310px;
    background: #eee;
    margin: 0 35px 0 0;
    padding: 240px 30px 30px;
    box-sizing: border-box; }
    @media (max-width: 737px) {
      #voice .list .list-item {
        width: 100%;
        margin: 0 0 15px;
        padding: 180px 15px 15px;
        font-size: 1.4rem; } }
    #voice .list .list-item:nth-child(1) {
      background: url("../img/img16.png") no-repeat center top 26px #eee; }
      @media (max-width: 737px) {
        #voice .list .list-item:nth-child(1) {
          background-size: 154px auto; } }
    #voice .list .list-item:nth-child(2) {
      background: url("../img/img17.png") no-repeat center top 26px #eee; }
      @media (max-width: 737px) {
        #voice .list .list-item:nth-child(2) {
          background-size: 168px auto; } }
    #voice .list .list-item:nth-child(3) {
      background: url("../img/img18.png") no-repeat center top 26px #eee;
      margin: 0; }
      @media (max-width: 737px) {
        #voice .list .list-item:nth-child(3) {
          background-size: 160px auto; } }

/*** ------------------------------------------------------------------------------ 

results

-----------------------------------------------------------------------------  ***/
#results {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#07e7cd+0,2172b1+77 */
  background: url("../img/bg01.png") no-repeat bottom -100px center, #07e7cd;
  /* Old browsers */
  background: url("../img/bg01.png") no-repeat bottom -100px center, -moz-linear-gradient(top, #07e7cd 0%, #2172b1 77%);
  /* FF3.6-15 */
  background: url("../img/bg01.png") no-repeat bottom -100px center, -webkit-linear-gradient(top, #07e7cd 0%, #2172b1 77%);
  /* Chrome10-25,Safari5.1-6 */
  background: url("../img/bg01.png") no-repeat bottom -100px center, linear-gradient(to bottom, #07e7cd 0%, #2172b1 77%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07e7cd', endColorstr='#2172b1',GradientType=0 );
  /* IE6-9 */
  background-size: cover; }
  #results h2 {
    text-align: center;
    font-size: 3.0rem;
    font-weight: bold;
    color: #fff; }
    @media (max-width: 737px) {
      #results h2 {
        font-size: 1.8rem; } }
    #results h2 span {
      font-size: 4.8rem; }
      @media (max-width: 737px) {
        #results h2 span {
          font-size: 3.2rem; } }
    #results h2 br.sp {
      display: none; }
      @media (max-width: 737px) {
        #results h2 br.sp {
          display: block; } }
  #results .img {
    margin: 50px 0; }
    @media (max-width: 737px) {
      #results .img {
        margin: 25px 0; } }
  #results .text {
    padding: 30px;
    background: #fff; }
    @media (max-width: 737px) {
      #results .text {
        padding: 15px;
        font-size: 1.4rem; } }

/*** ------------------------------------------------------------------------------ 

shop

-----------------------------------------------------------------------------  ***/
#shop .shop-list {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 737px) {
    #shop .shop-list {
      display: block; } }
  #shop .shop-list .shop-list-item {
    width: 310px;
    margin: 0 35px 35px 0; }
    @media (max-width: 737px) {
      #shop .shop-list .shop-list-item {
        width: 100%;
        margin: 0 0 25px; } }
    #shop .shop-list .shop-list-item:nth-of-type(3n) {
      margin: 0 0 35px; }
      @media (max-width: 737px) {
        #shop .shop-list .shop-list-item:nth-of-type(3n) {
          margin: 0 0 20px; } }
    #shop .shop-list .shop-list-item .shop-name {
      font-size: 1.6rem;
      font-weight: bold; }
    #shop .shop-list .shop-list-item p {
      font-size: 1.4rem; }
      #shop .shop-list .shop-list-item p a {
        color: #333;
        text-decoration: underline; }

/*** ------------------------------------------------------------------------------ 

contact-box

-----------------------------------------------------------------------------  ***/
.contact-box h2 {
  text-align: center;
  margin: 0 0 30px; }
  @media (max-width: 737px) {
    .contact-box h2 img {
      width: 137px; } }
.contact-box p {
  text-align: center; }
  @media (max-width: 737px) {
    .contact-box p {
      padding: 0 15px; } }
  .contact-box p span {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8rem; }
    @media (max-width: 737px) {
      .contact-box p span {
        padding: 0 15px;
        font-size: 1.6rem; } }
    .contact-box p span::before {
      position: absolute;
      left: -30px;
      top: 0;
      content: ' ';
      background: url("../img/img21.png") no-repeat center center;
      width: 17px;
      height: 28px; }
      @media (max-width: 737px) {
        .contact-box p span::before {
          left: -15px;
          top: 50%;
          margin: -14px 0 0; } }
    .contact-box p span::after {
      position: absolute;
      right: -30px;
      top: 0;
      content: ' ';
      background: url("../img/img22.png") no-repeat center center;
      width: 17px;
      height: 28px; }
      @media (max-width: 737px) {
        .contact-box p span::after {
          right: -15px;
          top: 50%;
          margin: -14px 0 0; } }
.contact-box .link-btn {
  width: 475px;
  margin: 20px auto 0; }
  @media (max-width: 737px) {
    .contact-box .link-btn {
      width: 100%;
      padding: 0; } }
  .contact-box .link-btn a {
    display: block;
    font-size: 3.0rem;
    font-weight: bold;
    background: url("../img/icon-arrow.png") no-repeat right 20px center #0a4fa1;
    padding: 30px 0;
    color: #fff; }
    @media (max-width: 737px) {
      .contact-box .link-btn a {
        font-size: 1.8rem;
        background-size: 8px auto;
        padding: 20px 10px; } }
    .contact-box .link-btn a:hover {
      opacity: 0.6; }