<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

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

  お客様の声／voice.html

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

/*-- navi ハイライト --*/
body#body-voice #navi_in ul li.navi_voice a {
  text-decoration: none;
  background-color: #72c7cb;
  color: #fff;

  background-image: url(../img/navi_voice_.png);
}

/*-- KV 背景 --*/
body#body-voice #page_kv {
  background-image: url(../img/page_kv_voice.jpg);
}

/*-- コンテンツA --*/
.voice_box {
  width:calc( 100% - 42px );
  border: 1px solid #dfe9e9;
  padding: 20px;
  background-color: #fff;
  margin-top: 40px;
}
.voice_people {
  width:calc( 25% - 1px );
  float: left;
  text-align: center;
}
.voice_people_icon {
  width: 150px;
  height: 100px;
  margin: 20px auto 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.voice_man_1 .voice_people_icon {
  background-image: url("../img/voice_man_1.png");
}
.voice_man_2 .voice_people_icon {
  background-image: url("../img/voice_man_2.png");
}
.voice_woman_1 .voice_people_icon {
  background-image: url("../img/voice_woman_1.png");
}
.voice_woman_2 .voice_people_icon {
  background-image: url("../img/voice_woman_2.png");
}
.voice_couple_1 .voice_people_icon {
  background-image: url("../img/voice_couple_1.png");
}
.voice_couple_2 .voice_people_icon {
  background-image: url("../img/voice_couple_2.png");
}

.voice_people_age {
  font-size: 15px;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
  font-family: 'Kosugi Maru', sans-serif;
}
.voice_people_gender {
  border-radius:20px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.05em;
  display: inline-block;
  padding: 6px 16px 7px;
  margin-bottom: 20px;
  /*font-family: 'Kosugi Maru', sans-serif;*/
}

.voice_man_1 .voice_people_gender,
.voice_man_2 .voice_people_gender {
  background-color: #33d0ad;
}
.voice_woman_1 .voice_people_gender,
.voice_woman_2 .voice_people_gender {
  background-color: #f3816e;
}
.voice_couple_1 .voice_people_gender {
  background-color: #d4cc6f;
}
.voice_couple_2 .voice_people_gender {
  background-color: #6e416f;
}

.voice_text .voice_read {
  display: block;
  background-image: url("../img/voice_read_head.png");
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: left top;
  margin: 0.5em 0 1.5em;
  padding-left: 50px;
}
.voice_text .voice_read p {
  display: inline-block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 140%;
  font-weight: 500;
  color: #207a7f;
  padding: 0.26em 0;
  border-bottom: 2px solid #94bdbf;
}

.voice_text {
  width:calc( 75% - 41px );
  float: right;
  padding: 10px 10px 10px 30px;;
  border-left: 1px solid #dfe9e9;
  min-height: 180px;
}
.voice_text p {
  font-size: 16px;
  line-height: 1.8em;
  font-family: 'Noto Sans JP', sans-serif;
}

/*-- コンテンツB --*/


/*-- コンテンツC --*/



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

SP　スマホ
画面サイズが765px以下　

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

@media screen and (max-width:765px) { 

.voice_box {
  width: calc( 100% - 42px );
  margin-top: 20px;
}
.voice_people {
  width: 100%;
  float: none;
}
.voice_people_icon {
  margin: 20px auto 10px;
}
.voice_people_gender {
  margin-bottom: 20px;
}

.voice_text .voice_read {
  background-size: 33px;
  background-position: left center;
  padding-left: 40px;
}
.voice_text .voice_read p {
  font-size: 18px;
}

.voice_text {
  width: calc( 100% - 20px );
  float: none;
  font-size: 16px;
  line-height: 1.8em;
  padding:20px 10px 10px 10px ;
  border-left: none;
  border-top: 1px solid #dfe9e9;
}

  
  
}</pre></body></html>