@charset "UTF-8";
/*init*/
html, body,
div, span, object, iframe,
h1, h3, h4, h5, h6,
p, blockquote, pre,
abbr, address, cite, var, code, dfn, kbd, i, q, samp, ins,
img,
small, strong, b, em, del,
sub, sup,
dl, dt, dd,
ol, ul, li,
fieldset, legend, form, input, textarea, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, summary, figcaption, figure,
footer, header, hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

li {
  list-style: none; }

img {
  vertical-align: middle; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #7f581a; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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; }

address {
  display: inline; }

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

caption, th {
  text-align: left; }

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

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

sup, sub {
  line-height: -1px;
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

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

/*lib*/
/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
/**
 * easing
 */
/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #000;
  word-wrap: break-word; }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%; }

a {
  text-decoration: none;
  color: #01499d; }
  a:hover {
    text-decoration: none; }

img {
  vertical-align: bottom;
  width: 100%; }
  @media print, screen and (min-width: 769px) {
    img {
      width: auto; } }

strong {
  font-weight: bold; }

input {
  padding: 0;
  border: none;
  background: none; }

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
select,
textarea {
  padding: 6px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom; }
  input[type=text]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=datetime]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  input[type=month]::-webkit-input-placeholder,
  input[type=week]::-webkit-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=datetime-local]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e2e2e2; }
  input[type=text]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=datetime]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  input[type=month]:-ms-input-placeholder,
  input[type=week]:-ms-input-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=datetime-local]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e2e2e2; }
  input[type=text]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=datetime]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  input[type=month]::-moz-placeholder,
  input[type=week]::-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=datetime-local]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #e2e2e2; }
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=url]:focus,
  input[type=datetime]:focus,
  input[type=date]:focus,
  input[type=month]:focus,
  input[type=week]:focus,
  input[type=time]:focus,
  input[type=datetime-local]:focus,
  input[type=number]:focus,
  select:focus,
  textarea:focus {
    background-color: #eef4fb; }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  vertical-align: -1px; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  vertical-align: bottom; }

textarea {
  resize: vertical;
  vertical-align: bottom; }

em {
  font-style: italic; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

blockquote {
  background-color: #EEEFFF;
  padding: 1em 1em 1em 3em;
  position: relative;
  border-left: 3px solid #666; }

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0; }

::-moz-selection {
  background: #d4dcd6;
  /* Safari */ }

::selection {
  background: #d4dcd6;
  /* Safari */ }

::-moz-selection {
  background: #d4dcd6;
  /* Firefox */ }

.pci {
  display: none !important; }
  @media print, screen and (min-width: 769px) {
    .pci {
      display: inline-block !important; } }

.spi {
  display: inline-block !important; }
  @media print, screen and (min-width: 769px) {
    .spi {
      display: none !important; } }

.pc {
  display: none !important; }
  @media print, screen and (min-width: 769px) {
    .pc {
      display: block !important; } }

.sp {
  display: block !important; }
  @media print, screen and (min-width: 769px) {
    .sp {
      display: none !important; } }

.cr {
  cursor: default; }

.fade {
  -webkit-transition: opacity 0.1s ease-in-out 0s;
  -o-transition: opacity 0.1s ease-in-out 0s;
  transition: opacity 0.1s ease-in-out 0s; }
  .fade:hover {
    opacity: 0.7; }

.bgcolor_none {
  background-color: transparent !important; }

.no_breadcrumbsIcon:after {
  content: "" !important;
  display: inline-block;
  margin: 0 5px; }

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* IE6 */
* html .cf {
  zoom: 1; }

/* IE7 */
*:first-child + html .cf {
  zoom: 1; }

.noBorder {
  border: none !important; }

.fadeInDown {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible !important; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.text_nomal {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/*parts*/
.line_img {
  width: 82px; }

  .title__inner {
    margin: 0 auto;
    padding-top: 5.3333333%;
    padding-bottom: 5.3333333%;
		background:#eaeaea; }
    @media print, screen and (min-width: 769px) {
      .title__inner {
        padding-top: 34px;
        padding-bottom: 34px;
        position: relative; } }
    .title__inner h1 {
      text-align: center; }
      @media print, screen and (min-width: 769px) {
        .title__inner h1 {
          text-align: center; } }
    .title__inner__pan {
      position: absolute;
      left: 0;
      top: 30px; }
      .title__inner__pan__list {
        font-size: 0; }
        .title__inner__pan__list li {
          font-size: 10px;
          display: inline-block; }
          .title__inner__pan__list li span {
            margin-left: 5px;
            margin-right: 5px; }
    .title__inner--products {
      width: 34.12969%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--products {
          width: 100%; }
          .title__inner--products img {
            width: 178px; } }
    .title__inner--voices {
      width: 100%; }
			.title__inner--voices img {
      width: 25.066666%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--voices {
          width: 100%; }
          .title__inner--voices img {
            width: 114px; } }
    .title__inner--tvcm {
      width: 16.8942%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--tvcm {
          width: 100%; }
          .title__inner--tvcm img {
            width: 99px; } }
    .title__inner--campaign {
      width: 32.76451%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--campaign {
          width: 100%; }
          .title__inner--campaign img {
            width: 192px; } }
    .title__inner--special {
      width: 47.44027%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--special {
          width: 100%; }
          .title__inner--special img {
            width: 278px; } }
    .title__inner--new {
      width: 31.39932%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--new {
          width: 100%; }
          .title__inner--new img {
            width: 184px; } }
    .title__inner--column {
      width: 26.45051%; }
      @media print, screen and (min-width: 769px) {
        .title__inner--column {
          width: 100%; }
          .title__inner--column img {
            width: 155px; } }

/*elements*/
.footer {
  background: url(../img/footer_bg.png) no-repeat center top;
  background-size: cover;
  padding-top: 10.3125%;
  padding-bottom: 10.3125%; }
  @media print, screen and (min-width: 769px) {
    .footer {
      background: url(../img/pc/footer_bg.png) no-repeat center top;
      background-size: cover;
      padding-top: 50px;
      padding-bottom: 50px; } }
  .footer a {
    color: #fff; }
  .footer__nav {
    text-align: center; }
    .footer__nav__list {
      font-size: 0;
      display: inline-block; }
      .footer__nav__list li {
        display: inline-block;
        vertical-align: top;
        font-size: 10.5px;
        font-size: 3.28125vw;
        color: #fefefe;
        margin-left: 15px;
        line-height: 2; }
        .footer__nav__list li:first-child {
          margin-left: 0; }
        @media print, screen and (min-width: 769px) {
          .footer__nav__list li {
            font-size: 14px; } }
        .footer__nav__list li span {
          display: inline-block;
          margin-left: 15px; }
  .footer__copy {
    color: #fefefe;
    font-size: 10.5px;
    font-size: 3.28125vw;
    line-height: 2;
    text-align: center;
    margin-top: 6.25%; }
    @media print, screen and (min-width: 769px) {
      .footer__copy {
        font-size: 14px;
        margin-top: 20px; } }

.header {
  background-color: #ffffff;
  padding-top: 2.34375%;
  padding-bottom: 2.34375%;
  padding-left: 3.75%;
  padding-right: 6.40625%;
  position: relative; }
  @media print, screen and (min-width: 769px) {
    .header {
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 0;
      padding-right: 0; } }
  .header__inner {
    zoom: 1; }
    .header__inner:before, .header__inner:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .header__inner:after {
      clear: both; }
    @media print, screen and (min-width: 769px) {
      .header__inner {
        max-width: 950px;
        margin: 0 auto; } }
    .header__inner__logo {
      width: 15.3125%;
      float: left; }
      @media print, screen and (min-width: 769px) {
        .header__inner__logo {
          width: 82px; }
          .header__inner__logo img {
            width: 100%; } }
    .header__inner__btn {
      width: 9.375%;
      margin-left: auto;
      padding-top: 2.5%; }
  .header__pcmenu {
    text-align: right;
    padding-top: 22px; }
    .header__pcmenu__list {
      font-size: 0; }
    .header__pcmenu__item {
      display: inline-block;
      vertical-align: top; }
      .header__pcmenu__item--1 img {
        width: 90px; }
      .header__pcmenu__item--2 {
        margin-left: 55px; }
        .header__pcmenu__item--2 img {
          width: 60px; }
      .header__pcmenu__item--3 {
        margin-left: 54px; }
        .header__pcmenu__item--3 img {
          width: 26px; }
      .header__pcmenu__item--4 {
        margin-left: 59px; }
        .header__pcmenu__item--4 img {
          width: 162px; }
  .header__spmenu {
    display: none;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    left: 0;
    background: #fff;
    width: 100%;
    padding-bottom: 35.5%; }
    .header__spmenu__item {
      text-align: center;
      margin-top: 13.90625%; }
      .header__spmenu__item--1 {
        border-top: 1px solid #a1a1a1;
        border-bottom: 1px solid #a1a1a1;
        margin-top: 4.6875%;
        padding-top: 2.1875%;
        padding-bottom: 2.1875%; }
        .header__spmenu__item--1 img {
          width: 11.25%; }
      .header__spmenu__item--2 img {
        width: 35.15625%; }
      .header__spmenu__item--3 img {
        width: 23.4375%; }
      .header__spmenu__item--4 img {
        width: 10%; }
      .header__spmenu__item--5 img {
        width: 64.0625%; }
      .header__spmenu__item--6 img {
        width: 41.25%; }

.guide {
  padding-top: 3.125%;
  padding-bottom: 7.5%; }
  @media print, screen and (min-width: 769px) {
    .guide {
      padding-bottom: 42px;
      padding-top: 20px;
      background: url(../img/gide_bg_pc.png) no-repeat center top/cover; } }
  .guide__toTop {
    text-align: center;
    margin-bottom: 7.8125%; }
    .guide__toTop img {
      width: 15%; }
    @media print, screen and (min-width: 769px) {
      .guide__toTop {
        margin-bottom: 50px; }
        .guide__toTop img {
          width: auto; } }
  .guide__txt {
    text-align: center;
    line-height: 1.7;
    width: 90%;
    margin: 0 auto 5%;
    font-size: 10px;
    font-size: 3.125vw; }
    @media print, screen and (min-width: 769px) {
      .guide__txt {
        width: auto;
        font-size: 14px;
        margin-bottom: 15px; } }
  .guide__btn {
    width: 82.5%;
    margin: 0 auto; }
    @media print, screen and (min-width: 769px) {
      .guide__btn {
        width: 326px; }
        .guide__btn img {
          width: 100%; } }
  .guide__banner {
    width: 54.0625%;
    margin: 9.21875% auto 0; }
    @media print, screen and (min-width: 769px) {
      .guide__banner {
        width: 207px;
        margin-top: 48px; }
        .guide__banner img {
          width: 100%; } }
  .guide__sns {
    text-align: center;
    margin-top: 30px; }
    @media print, screen and (min-width: 769px) {
      .guide__sns {
        margin-top: 47px; } }
    .guide__sns__list {
      display: inline-block;
      font-size: 0; }
      .guide__sns__list li {
        display: inline-block;
        vertical-align: top;
        margin-left: 14px; }
        .guide__sns__list li:first-child {
          margin-left: 0; }

@media print, screen and (min-width: 769px) {
  a img:hover {
    opacity: 0.8; } }

.sub {
  margin: 0 1px;
  vertical-align: -.2em;
  font-size: 12px; }

@media print, screen and (min-width: 769px) {
  body {
    min-width: 1100px; } }

.main {
  background: url(../img/voices/voice_bg.png) no-repeat center top/contain;
  padding-bottom: 17.8125%; }
  @media print, screen and (min-width: 769px) {
    .main {
      background: url(../img/voices/pc/voice_bg.jpg) no-repeat center top/contain;
      padding-bottom: 200px;
      background: url(../img/voices/pc/voice_bg.png) no-repeat center top\9;
      background-size: auto\9; } }
  .main .mainVisual {
    padding-top: 24.84375%; }
    @media print, screen and (min-width: 769px) {
      .main .mainVisual {
        padding-top: 177px; } }
    .main .mainVisual h2 {
      width: 89.6875%;
      margin: 0 auto; }
      @media print, screen and (min-width: 769px) {
        .main .mainVisual h2 {
          width: 924px; } }
  .main .people {
    margin-top: 39.375%;
    color: #002a54; }
    @media print, screen and (min-width: 769px) {
      .main .people {
        margin-top: 22%; } }
    .main .people__box2 {
      margin-top: 21.875%; }
      .main .people__box2 h3 img {
        width: 61.40625% !important; }
        @media print, screen and (min-width: 769px) {
          .main .people__box2 h3 img {
            width: auto !important; } }
      @media print, screen and (min-width: 769px) {
        .main .people__box2 {
          margin-top: 81px; } }
    .main .people h3 {
      text-align: center; }
      .main .people h3 img {
        width: 35.9375%; }
        @media print, screen and (min-width: 769px) {
          .main .people h3 img {
            width: auto; } }
      @media print, screen and (min-width: 769px) {
        .main .people h3 {
          font-size: 33px; } }
    .main .people__catch {
      width: 87.8125%;
      margin: 6.25% auto 0;
      font-size: 18.5px;
      font-size: 5.78125vw;
      line-height: 1.4;
      text-align: center; }
      @media print, screen and (min-width: 769px) {
        .main .people__catch {
          font-size: 32px;
          margin-top: 27px;
          letter-spacing: 2px; } }
      .main .people__catch__small {
        font-size: 11px;
        font-size: 3.4375vw; }
        @media print, screen and (min-width: 769px) {
          .main .people__catch__small {
            font-size: 15px; } }
    .main .people__list {
      width: 89.21875%;
      margin: 20px auto 0;
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media print, screen and (min-width: 769px) {
        .main .people__list {
          width: 854px;
          position: relative;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 196px;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          margin-top: 58px;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          display: block; } }
      .main .people__list__figure {
        width: 40.28021%; }
        @media print, screen and (min-width: 769px) {
          .main .people__list__figure {
            position: absolute;
            left: 0;
            top: 0;
            width: 196px; } }
      .main .people__list__text {
        width: 100%;
        font-size: 11px;
        font-size: 3.4375vw;
        line-height: 1.6;
        color: #303030;
        margin-top: 20px; }
        @media print, screen and (min-width: 769px) {
          .main .people__list__text {
            font-size: 14px;
            width: 618px;
            margin-left: 54px;
            padding-top: 11px;
            margin-top: 0; } }
        .main .people__list__text__small {
          font-size: 10px;
          font-size: 3.125vw;
          display: block;
          margin-top: 10px; }
          @media print, screen and (min-width: 769px) {
            .main .people__list__text__small {
              font-size: 11px;
              margin-top: 10px; } }
        .main .people__list__text__smallicon {
          font-size: 9px;
          font-size: 2.8125vw; }
          @media print, screen and (min-width: 769px) {
            .main .people__list__text__smallicon {
              font-size: 10px; } }
    .main .people__prof {
      width: 100%;
      margin: 9.21875% auto 0;
      line-height: 1.6;
      color: #303030; }
      @media print, screen and (min-width: 769px) {
        .main .people__prof {
          width: 618px;
          margin-left: 54px;
          margin-top: 20px; } }
      .main .people__prof dt {
        font-size: 11px;
        font-size: 3.4375vw; }
        @media print, screen and (min-width: 769px) {
          .main .people__prof dt {
            font-size: 16px; } }
      .main .people__prof dd {
        font-size: 11px;
        font-size: 3.4375vw;
        margin-top: 5px; }
        @media print, screen and (min-width: 769px) {
          .main .people__prof dd {
            font-size: 14px; } }

.users {
  background: url(../img/voice_bg.jpg) no-repeat center top/contain;
  background-color: #DDEBF6; }
  @media print, screen and (min-width: 769px) {
    .users {
      background: url(../img/pc/voice_bg.jpg) no-repeat center top/contain;
      background-color: #DAECF9; } }
  @media print, screen and (min-width: 769px) {
    .users .users_conts1 {
      max-width: 1400px;
      margin: 0 auto; } }
  @media print, screen and (min-width: 769px) {
    .users .users_conts2 {
      background: url(../img/pc/users_bg2.png) no-repeat left bottom; } }
  .users__title {
    width: 67.34375%;
    margin: 0 auto;
    padding-top: 15.625%; }
    @media print, screen and (min-width: 769px) {
      .users__title {
        width: 494px;
        padding-top: 170px; } }
  .users__catch {
    width: 84.375%;
		padding-top:16vw;
    margin: 0 auto 0; }
    @media print, screen and (min-width: 769px) {
      .users__catch {
        width: 694px;
        padding-top: 75px; } }
  .users__box {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media print, screen and (min-width: 769px) {
      .users__box {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 956px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 86px auto 0;
        display: block; } }
    .users__box__figure {
      width: 21.5625%;
      margin: 23.4375% auto 0; }
      @media print, screen and (min-width: 769px) {
        .users__box__figure {
          width: 157px;
          margin: 0;
          display: inline-block;
          vertical-align: top;
          margin-right: 90px; }
          .users__box__figure img {
            width: 100%; } }
    .users__box__list {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 9.375%; }
      @media print, screen and (min-width: 769px) {
        .users__box__list {
          width: 303px;
          margin-top: 50px;
          display: inline-block; }
          .users__box__list--1 {
            margin-right: 90px; } }
    .users__box__item {
      position: relative; }
      @media print, screen and (min-width: 769px) {
        .users__box__item {
          display: inline-block; } }
      .users__box__item--1 {
        font-size: 19px;
        font-size: 5.9375vw;
        color: #2d2d2d; }
        @media print, screen and (min-width: 769px) {
          .users__box__item--1 {
            font-size: 24px;
            margin-left: 12px; }}
      .users__box__item--2 {
        width: 59.53125%;
        margin-top: 6.25%; }
        @media print, screen and (min-width: 769px) {
          .users__box__item--2 {
            width: 100%;
            margin-top: 41px; }
            .users__box__item--2 img {
              width: 100%; } }
      .users__box__item--3 {
        width: 68.125%;
        font-size: 12px;
        font-size: 3.75vw;
        line-height: 1.5;
        margin-top: 6.25%; }
        @media print, screen and (min-width: 769px) {
          .users__box__item--3 {
            font-size: 13px;
            width: 256px;
            margin-top: 38px;
            margin-left: 25px; } }
      .users__box__item--ie {
        display: none; }
      .users__box__item .per {
        position: absolute;
        width: 198px;
        top: 99px;
        left: 53%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none; }
        @media print, screen and (max-width: 640px) {
          .users__box__item .per {
            width: 64.56693%;
            top: 32%; } }
      .users__box__item .per2 {
        position: absolute;
        width: 259px;
        top: 99px;
        left: 48.5%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none; }
        @media print, screen and (max-width: 640px) {
          .users__box__item .per2 {
            width: 86.61417%;
            top: 32%; } }
    .users__box__note {
      font-size: 9px;
      font-size: 2.8125vw;
      line-height: 2; }
      @media print, screen and (min-width: 769px) {
        .users__box__note {
          font-size: 12px;
          margin-top: 37px; }
          .users__box__note--2 {
            margin-top: 18px; } }
  .users__btn {
    width: 77.34375%;
    margin: 0 auto;
    padding-top: 10.15625%;
    padding-bottom: 15.625%; }
    @media print, screen and (min-width: 769px) {
      .users__btn {
        padding-top: 79px;
        padding-bottom: 105px;
        width: 495px; }
        .users__btn img {
          width: 100%; } }
  .users__voice {
    margin-top: 10.625%; }
    @media print, screen and (min-width: 769px) {
      .users__voice {
        margin-top: 0; } }
    .users__voice__list {
      -js-display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 82.34375%;
      margin: 0 auto; }
      @media print, screen and (min-width: 769px) {
        .users__voice__list {
          width: 1080px;
          width: 1083px \9;
          display: block;
          zoom: 1; }
          .users__voice__list:before, .users__voice__list:after {
            display: block;
            height: 0;
            visibility: hidden;
            content: "\0020"; }
          .users__voice__list:after {
            clear: both; } }
    @media print, screen and (min-width: 769px) {
      .users__voice__item {
        width: 360px;
        width: 361px \9;
        float: left;
        margin-top: 7px; }
        .users__voice__item--3 {
          float: right; }
        .users__voice__item--8 {
          margin-top: 1px; }
        .users__voice__item img {
          width: 100%; } }

/*#reasonArea pcファースト*/
header .moistureNav li:nth-of-type(2) a {
	border-bottom:4px solid #bead7e;
}


/*append by mis*/
#wrapper{
	overflow:hidden;
}