/*------- WEBFONT -------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500;600;700;800;900&display=swap");
/*------- RESPONSIVE -------*/
/*------- COLOR -------*/
/*------- FONT-WEIGHT -------*/
/*------- ADD-RESET -------*/
a {
  text-decoration: none;
  color: inherit;
  transition: 0.3s;
}
a:active {
  color: inherit;
}
a:hover {
  opacity: 0.5;
}

img {
  vertical-align: top;
  max-width: 100%;
}

/*------- COMMON -------*/
body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  background-color: #75ade3;
  line-height: 1.6;
}

.inner {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

footer {
  color: #fff;
}
footer .footer_inner {
  padding: 35px 0 40px;
  font-size: clamp(0.625rem, 0.4027777778rem + 0.462962963vw, 0.75rem);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  footer .footer_inner {
    padding-top: clamp(1.40625rem, 0.0609853316rem + 5.7397959184vw, 2.8125rem);
    padding-right: clamp(0rem, 0rem + 0vw, 0rem);
    padding-bottom: clamp(1.09375rem, 0.0474330357rem + 4.4642857143vw, 2.1875rem);
    padding-left: clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media screen and (max-width: 767px) {
  footer .footer_inner {
    font-size: clamp(0.625rem, 0.0271045918rem + 2.5510204082vw, 1.25rem);
  }
}
@media screen and (max-width: 767px) {
  footer .footer_inner {
    display: block;
    text-align: center;
  }
}
footer .footer_inner .link {
  display: flex;
}
@media screen and (max-width: 767px) {
  footer .footer_inner .link {
    justify-content: space-between;
  }
}
footer .footer_inner .link li {
  text-align: center;
  border-left: 2px solid #fff;
  padding: 0 0.8em;
}
footer .footer_inner .link li:last-child {
  border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  footer .footer_inner .link li {
    flex-grow: 1;
  }
}
@media screen and (max-width: 767px) {
  footer .footer_inner .copy {
    padding-top: clamp(0.625rem, 0.0271045918rem + 2.5510204082vw, 1.25rem);
  }
}

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

/*------- TOP -------*/
#voice {
  text-align: center;
}
#voice > .inner {
  padding-top: clamp(2.5rem, 0.2777777778rem + 4.6296296296vw, 3.75rem);
  padding-right: clamp(2.8125rem, -1.0763888889rem + 8.1018518519vw, 5rem);
  padding-bottom: clamp(0.9375rem, -1.2847222222rem + 4.6296296296vw, 2.1875rem);
  padding-left: clamp(2.8125rem, -1.0763888889rem + 8.1018518519vw, 5rem);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #voice > .inner {
    padding-top: clamp(1.25rem, 0.0542091837rem + 5.1020408163vw, 2.5rem);
    padding-right: clamp(1.40625rem, 0.0609853316rem + 5.7397959184vw, 2.8125rem);
    padding-bottom: clamp(0.46875rem, 0.0203284439rem + 1.9132653061vw, 0.9375rem);
    padding-left: clamp(1.40625rem, 0.0609853316rem + 5.7397959184vw, 2.8125rem);
  }
}
#voice > .inner header {
  position: relative;
  z-index: 10;
}
#voice > .inner header .logo {
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #voice > .inner header .logo {
    margin-bottom: clamp(3.75rem, 0.162627551rem + 15.306122449vw, 7.5rem);
  }
}
@media screen and (max-width: 767px) {
  #voice > .inner header .logo img {
    width: clamp(11.25rem, 0.4878826531rem + 45.9183673469vw, 22.5rem);
  }
}
#voice > .inner main .top {
  position: relative;
  z-index: 1;
}
#voice > .inner main .top::before, #voice > .inner main .top::after {
  position: absolute;
  display: block;
  content: "";
  z-index: -1;
}
#voice > .inner main .top::before {
  background: url(/network/chg/voice/images/top_ttl_bg_01.jpg) no-repeat center/contain;
  top: 30px;
  left: -35px;
  width: clamp(6.9375rem, 3.7840909091rem + 13.4545454545vw, 13.875rem);
  height: clamp(6.0625rem, 3.3068181818rem + 11.7575757576vw, 12.125rem);
}
@media screen and (max-width: 767px) {
  #voice > .inner main .top::before {
    top: auto;
    bottom: clamp(1.5625rem, 0.0677614796rem + 6.3775510204vw, 3.125rem);
    width: clamp(6.9375rem, 0.3008609694rem + 28.3163265306vw, 13.875rem);
    height: clamp(6.0625rem, 0.2629145408rem + 24.7448979592vw, 12.125rem);
  }
}
#voice > .inner main .top::after {
  background: url(/network/chg/voice/images/top_ttl_bg_02.jpg) no-repeat center/contain;
  bottom: -25px;
  right: -40px;
  width: clamp(7.96875rem, 4.3465909091rem + 15.4545454545vw, 15.9375rem);
  height: clamp(5.28125rem, 2.8806818182rem + 10.2424242424vw, 10.5625rem);
}
@media screen and (max-width: 767px) {
  #voice > .inner main .top::after {
    bottom: auto;
    top: calc(-1 * clamp(4.53125rem, 0.1965082908rem + 18.4948979592vw, 9.0625rem));
    width: clamp(7.96875rem, 0.3455835459rem + 32.5255102041vw, 15.9375rem);
    height: clamp(5.28125rem, 0.229033801rem + 21.556122449vw, 10.5625rem);
  }
}
#voice > .inner main .top__ttl {
  width: clamp(14.1875rem, 3.0227272727rem + 47.6363636364vw, 38.75rem);
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .top__ttl {
    font-size: clamp(0.8125rem, 0.0352359694rem + 3.3163265306vw, 1.625rem);
    margin-bottom: calc(3em + clamp(5.625rem, 0.2439413265rem + 22.9591836735vw, 11.25rem));
  }
}
#voice > .inner main .top__ttl::after {
  position: absolute;
  display: block;
  content: "";
  background: url(/network/chg/voice/images/top_ttl_deco.png) no-repeat center/contain;
  bottom: clamp(1.09375rem, 0.2556818182rem + 3.5757575758vw, 2.9375rem);
  right: calc(-1 * clamp(2.1875rem, 1.2784090909rem + 3.8787878788vw, 4.1875rem));
  width: clamp(1.40625rem, 0.3977272727rem + 4.303030303vw, 3.625rem);
  height: clamp(0.9375rem, 0.3125rem + 2.6666666667vw, 2.3125rem);
}
#voice > .inner main .top__lead {
  margin-bottom: 25px;
  font-size: clamp(0.8125rem, 0.0347222222rem + 1.6203703704vw, 1.25rem);
  color: #000;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .top__lead {
    margin-bottom: clamp(3.125rem, 0.1355229592rem + 12.7551020408vw, 6.25rem);
  }
}
@media screen and (max-width: 767px) {
  #voice > .inner main .top__lead {
    font-size: clamp(0.8125rem, 0.0352359694rem + 3.3163265306vw, 1.625rem);
  }
}
@media screen and (max-width: 767px) {
  #voice > .inner main .top__lead {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: calc(-1 * clamp(1.40625rem, 0.0609853316rem + 5.7397959184vw, 2.8125rem));
    padding-left: 6.7em;
    padding-right: 1em;
  }
  #voice > .inner main .top__lead span {
    display: inline-block;
    text-align: left;
  }
}
#voice > .inner main .article {
  position: relative;
  z-index: 2;
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#voice > .inner main .article li {
  flex-basis: 20%;
  padding-top: clamp(0rem, 0rem + 0vw, 0rem);
  padding-right: clamp(0.28125rem, -0.21875rem + 1.0416666667vw, 0.5625rem);
  padding-bottom: clamp(0rem, 0rem + 0vw, 0rem);
  padding-left: clamp(0.28125rem, -0.21875rem + 1.0416666667vw, 0.5625rem);
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li {
    flex-basis: 42%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li {
    margin-bottom: clamp(2.1875rem, 0.0948660714rem + 8.9285714286vw, 4.375rem);
  }
}
#voice > .inner main .article li a .num {
  font-weight: 500;
  font-size: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  letter-spacing: 0.4375rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .num {
    font-size: clamp(1.3125rem, 0.0569196429rem + 5.3571428571vw, 2.625rem);
  }
}
#voice > .inner main .article li a .block {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: clamp(0.75rem, 0.3055555556rem + 0.9259259259vw, 1rem);
  height: 6.2em;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .block {
    margin-bottom: clamp(2.5rem, 0.7063137755rem + 7.6530612245vw, 4.375rem);
  }
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .block {
    font-size: clamp(0.75rem, -0.0870535714rem + 3.5714285714vw, 1.625rem);
  }
}
#voice > .inner main .article li a .block .ttl,
#voice > .inner main .article li a .block .name {
  align-self: center;
  width: 100%;
}
#voice > .inner main .article li a .block .ttl {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.0625rem;
  margin-bottom: 5px;
}
#voice > .inner main .article li a .block .name {
  font-size: clamp(0.6875rem, 0.3541666667rem + 0.6944444444vw, 0.875rem);
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .block .name {
    font-size: clamp(0.6875rem, -0.0299744898rem + 3.0612244898vw, 1.4375rem);
  }
}
#voice > .inner main .article li a .block::before, #voice > .inner main .article li a .block::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem);
  height: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .block::before, #voice > .inner main .article li a .block::after {
    width: clamp(0.625rem, -0.0924744898rem + 3.0612244898vw, 1.375rem);
    height: clamp(0.625rem, -0.0924744898rem + 3.0612244898vw, 1.375rem);
  }
}
#voice > .inner main .article li a .block::before {
  bottom: -20px;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .block::before {
    bottom: calc(-1 * clamp(1.25rem, 0.3531568878rem + 3.8265306122vw, 2.1875rem));
  }
}
#voice > .inner main .article li a .block::after {
  bottom: -27px;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .block::after {
    bottom: calc(-1 * clamp(1.6875rem, 0.6112882653rem + 4.5918367347vw, 2.8125rem));
  }
}
#voice > .inner main .article li a:hover .block::before {
  bottom: -22px;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a:hover .block::before {
    bottom: calc(-1 * clamp(1.375rem, 0.4781568878rem + 3.8265306122vw, 2.3125rem));
  }
}
#voice > .inner main .article li a:hover .block::after {
  bottom: -29px;
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a:hover .block::after {
    bottom: calc(-1 * clamp(1.8125rem, 0.7362882653rem + 4.5918367347vw, 2.9375rem));
  }
}
@media screen and (max-width: 767px) {
  #voice > .inner main .article li a .img img {
    width: 100%;
  }
}
#voice > .inner footer {
  margin-top: -15px;
}
@media screen and (max-width: 767px) {
  #voice > .inner footer {
    margin-top: calc(-1 * clamp(2.1875rem, 0.0948660714rem + 8.9285714286vw, 4.375rem));
  }
}
@media screen and (max-width: 767px) {
  #voice > .inner footer .footer_inner {
    padding-top: clamp(2.5rem, 0.1084183673rem + 10.2040816327vw, 5rem);
  }
}

/*------- ARTICLE -------*/
#voice_article .inner {
  padding: 0 80px;
}
@media screen and (max-width: 767px) {
  #voice_article .inner {
    padding-top: clamp(0rem, 0rem + 0vw, 0rem);
    padding-right: clamp(1.09375rem, 0.0474330357rem + 4.4642857143vw, 2.1875rem);
    padding-bottom: clamp(0rem, 0rem + 0vw, 0rem);
    padding-left: clamp(1.09375rem, 0.0474330357rem + 4.4642857143vw, 2.1875rem);
  }
}
#voice_article .inner .bg_white {
  background-color: #fff;
  padding: 70px 0 90px;
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white {
    padding-top: clamp(0.9375rem, 0.0406568878rem + 3.8265306122vw, 1.875rem);
    padding-right: clamp(0rem, 0rem + 0vw, 0rem);
    padding-bottom: clamp(2.8125rem, 0.1219706633rem + 11.4795918367vw, 5.625rem);
    padding-left: clamp(0rem, 0rem + 0vw, 0rem);
  }
}
#voice_article .inner .bg_white .header__ttl {
  margin-top: clamp(0rem, 0rem + 0vw, 0rem);
  margin-right: clamp(1.5625rem, -2.8819444444rem + 9.2592592593vw, 4.0625rem);
  margin-bottom: clamp(0rem, 0rem + 0vw, 0rem);
  margin-left: clamp(1.5625rem, -2.8819444444rem + 9.2592592593vw, 4.0625rem);
  padding: 0 5px;
  display: inline-block;
  border: 1px solid #75ade3;
  font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
  letter-spacing: 0.0625rem;
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white .header__ttl {
    margin-top: clamp(0rem, 0rem + 0vw, 0rem);
    margin-right: clamp(0.78125rem, 0.0338807398rem + 3.1887755102vw, 1.5625rem);
    margin-bottom: clamp(1.09375rem, 0.0474330357rem + 4.4642857143vw, 2.1875rem);
    margin-left: clamp(0.78125rem, 0.0338807398rem + 3.1887755102vw, 1.5625rem);
  }
}
#voice_article .inner .bg_white .header__ttl span {
  color: #75ade3;
  font-weight: 500;
}
#voice_article .inner .bg_white main .top {
  text-align: center;
}
#voice_article .inner .bg_white main .top__num {
  color: #75ade3;
  font-weight: 500;
  font-size: clamp(0.6875rem, 0.6022727273rem + 0.3636363636vw, 0.875rem);
  letter-spacing: 0.0625rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #75ade3;
  margin-bottom: 30px;
}
#voice_article .inner .bg_white main .top__num span {
  margin-left: 5px;
  font-size: clamp(1.5625rem, 1.1363636364rem + 1.8181818182vw, 2.5rem);
  line-height: 1;
  letter-spacing: 0.1875rem;
}
#voice_article .inner .bg_white main .top__ttl {
  color: #75ade3;
  font-size: clamp(1.25rem, 0.7954545455rem + 1.9393939394vw, 2.25rem);
  line-height: 1.4;
  letter-spacing: 0.1875rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white main .top__ttl {
    letter-spacing: 0.09375rem;
  }
}
#voice_article .inner .bg_white main .top__name {
  font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
  letter-spacing: 0.0625rem;
  margin-bottom: 35px;
}
#voice_article .inner .bg_white main .content {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 80px;
  container: contentImg/inline-size;
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white main .content {
    padding-top: clamp(0rem, 0rem + 0vw, 0rem);
    padding-right: clamp(1.5625rem, 0.0677614796rem + 6.3775510204vw, 3.125rem);
    padding-bottom: clamp(0rem, 0rem + 0vw, 0rem);
    padding-left: clamp(1.5625rem, 0.0677614796rem + 6.3775510204vw, 3.125rem);
  }
}
#voice_article .inner .bg_white main .content__ttl {
  margin: 65px 0 45px;
  text-align: center;
  color: #75ade3;
  font-weight: 500;
  font-size: clamp(1.4375rem, 0.6597222222rem + 1.6203703704vw, 1.875rem);
  letter-spacing: 0.0625rem;
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white main .content__ttl {
    margin-top: clamp(2.5rem, 0.1084183673rem + 10.2040816327vw, 5rem);
    margin-right: clamp(0rem, 0rem + 0vw, 0rem);
    margin-bottom: clamp(1.25rem, 0.0542091837rem + 5.1020408163vw, 2.5rem);
    margin-left: clamp(0rem, 0rem + 0vw, 0rem);
  }
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white main .content__ttl {
    font-size: clamp(1.0625rem, 0.0460778061rem + 4.3367346939vw, 2.125rem);
  }
}
#voice_article .inner .bg_white main .content__txt {
  margin-bottom: 45px;
  font-size: clamp(0.875rem, 0.6527777778rem + 0.462962963vw, 1rem);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white main .content__txt {
    margin-bottom: clamp(1.25rem, 0.0542091837rem + 5.1020408163vw, 2.5rem);
  }
}
@media screen and (max-width: 767px) {
  #voice_article .inner .bg_white main .content__txt {
    font-size: clamp(0.875rem, 0.0379464286rem + 3.5714285714vw, 1.75rem);
  }
}
#voice_article .inner .bg_white main .content__img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#voice_article .inner .bg_white main .content__img span img {
  display: block;
}
@container contentImg (width < 700px) {
  #voice_article .inner .bg_white main .content__img span {
    width: 100%;
    margin-bottom: clamp(0.625rem, 0.0271045918rem + 2.5510204082vw, 1.25rem);
  }
}
@container contentImg (width < 700px) {
  #voice_article .inner .bg_white main .content__img img {
    width: 100%;
    margin-bottom: clamp(0.625rem, 0.0271045918rem + 2.5510204082vw, 1.25rem);
  }
  #voice_article .inner .bg_white main .content__img img:last-child {
    margin-bottom: 0;
  }
}
#voice_article .inner .bg_white main .content__img.frame {
  border: #dcdcdc solid 1px;
}
#voice_article .inner .bg_white main .content p:last-child {
  margin-bottom: 0;
}
#voice_article .inner footer {
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  #voice_article .inner footer {
    padding-top: clamp(2.5rem, 0.1084183673rem + 10.2040816327vw, 5rem);
  }
}
#voice_article .inner footer .back {
  text-align: center;
}
#voice_article .inner footer .back a p {
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #voice_article .inner footer .back a .back__img {
    width: clamp(11.25rem, 0.4878826531rem + 45.9183673469vw, 22.5rem);
  }
}
#voice_article .inner footer .back a .back__txt {
  position: relative;
  text-indent: 1.6rem;
  font-size: clamp(0.8125rem, 0.6136363636rem + 0.8484848485vw, 1.25rem);
}
#voice_article .inner footer .back a .back__txt::before, #voice_article .inner footer .back a .back__txt::after {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  margin: 0 auto;
  width: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem);
  height: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(225deg);
}
@media screen and (max-width: 767px) {
  #voice_article .inner footer .back a .back__txt::before, #voice_article .inner footer .back a .back__txt::after {
    top: 0.4em;
  }
}
@media screen and (max-width: 767px) {
  #voice_article .inner footer .back a .back__txt::before, #voice_article .inner footer .back a .back__txt::after {
    width: clamp(0.625rem, 0.2662627551rem + 1.5306122449vw, 1rem);
    height: clamp(0.625rem, 0.2662627551rem + 1.5306122449vw, 1rem);
  }
}
#voice_article .inner footer .back a .back__txt::before {
  left: -5px;
}
#voice_article .inner footer .back a .back__txt::after {
  left: 2px;
}
#voice_article .inner footer .back a:hover .back__txt::before {
  left: -7px;
}
#voice_article .inner footer .back a:hover .back__txt::after {
  left: 0px;
}/*# sourceMappingURL=voice.css.map */