@charset "UTF-8";
body,
h1, h2, h3, h4, h5, h6,
blockquote, dl, dd, figure, ol, ul, p, pre {
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  overflow-y: scroll;
}

body {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

html, body {
  height: 100%;
}

a {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

a:active, a:focus,
button:focus, input[type="button"] {
  outline: none;
}

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

address, em, i {
  font-style: normal;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

ol, ul {
  list-style-type: none;
  padding: 0;
}

li {
  vertical-align: top;
}

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

tr {
  vertical-align: top;
}

th, td {
  padding: 0;
}

/* お客様の声
   ========================================================================== */
.block-user {
  margin: 50px 0 30px;
}

@media screen and (max-width: 1024px) {
  .block-user {
    margin-top: 30px;
  }
}

@media screen and (max-width: 480px) {
  .block-user {
    margin: 20px 0 30px;
  }
}

.block-user .heading-block {
  position: relative;
  display: table;
  width: 100%;
  min-height: 125px;
  padding-left: 130px;
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .block-user .heading-block {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .block-user .heading-block {
    min-height: 65px;
    padding-left: 90px;
    padding-bottom: 40px;
  }
}

@supports (-ms-ime-align: auto) {
  .block-user .heading-block .heading-block {
    display: block;
  }
}

.block-user .heading-block .item-ph {
  position: absolute;
  top: calc(50% - 47px);
  left: 25px;
}

@media screen and (max-width: 480px) {
  .block-user .heading-block .item-ph {
    top: calc(50% - 33px);
    left: 16px;
  }
}

@media screen and (max-width: 480px) {
  .block-user .heading-block .item-ph img {
    width: 70%;
    height: auto;
  }
}

.block-user .heading-block .name {
  display: table-cell;
  padding-right: 45px;
  vertical-align: middle;
  font-size: 34px;
  font-size: 2.125rem;
}

@media screen and (max-width: 480px) {
  .block-user .heading-block .name {
    padding-right: 0;
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.block-user .heading-block .name .wrap {
  display: inline;
}

@media screen and (max-width: 480px) {
  .block-user .heading-block .name .wrap {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.block-user .heading-block .work {
  display: block;
  padding-bottom: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}

@media screen and (max-width: 480px) {
  .block-user .heading-block .work {
    font-size: 16px;
    font-size: 1rem;
  }
}

.block-user .heading-block .arrow {
  position: absolute;
  display: block;
  top: calc(50% - 20px);
  right: 5%;
  width: 30px;
  height: 30px;
  border-bottom: 5px solid white;
  border-right: 5px solid white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 480px) {
  .block-user .heading-block .arrow {
    top: auto;
    bottom: 15px;
    right: calc(50% - 10px);
    width: 15px;
    height: 15px;
    border-bottom: 4px solid white;
    border-right: 4px solid white;
  }
}

.block-user .user-content {
  display: none;
}

.block-user p {
  margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
  .block-user p {
    margin-bottom: 20px;
  }
}

.block-user .faq {
  padding-top: 30px;
  background-image: url(../images/bd-text.png);
  background-repeat: repeat-x;
  background-position: left -35px;
}

.block-user .faq dt {
  position: relative;
  color: #ff6633;
  text-indent: 2em;
}

.block-user .faq dt div{
    margin: 1em auto;
    padding: .5em;
    border: #333 solid 1px;
    text-indent: 0;
    color: #333;
}
.block-user .faq dt span{
    font-size: 120%;
}

.block-user .faq dt:before {
  position: absolute;
  content: '';
  top: 15px;
  left: 0;
  width: calc(2em - 2px);
  border-top: 1px solid #ff6633;
}

@media screen and (max-width: 480px) {
  .block-user .faq dt:before {
    top: 11px;
  }
}

.block-user .faq dd {
  margin-bottom: 20px;
}

/*
#block-user-3 {
	.heading-block {
		padding-left: 30px;
		@include max(480) {
			padding-left: 20px;
		}
	}
}
*/