@charset "UTF-8";
/*  voice ページ
____________________*/

.user-voice_section .definition-desc .desc-vocie{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
}
.user-voice_section .definition-desc .desc-vocie .img {
  margin: 0 auto 24px;
  grid-area: 1 / 1 / 3 / 2;
}
.user-voice_section .definition-desc .desc-vocie .info {
  grid-area: 1 / 2 / 2 / 3;
  display: flex;
  align-items: center;
  column-gap: 15px;
  margin-bottom: 20px;
}
.user-voice_section .definition-desc .desc-vocie .info_icon {
  width: 60px;
}

.user-voice_section .definition-desc .desc-vocie .info_text {
  width: calc(100% - 95px);
}
.user-voice_section .definition-desc .desc-vocie .info_text .name {
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
}
.user-voice_section .definition-desc .desc-vocie .info_text .date {
  font-size: 18px;
  display: block;
}
.user-voice_section .definition-desc .desc-vocie .report {
  font-size: 14px;
  grid-area: 2 / 2 / 3 / 3;
}
.user-voice_section .definition-desc .desc-vocie .report dt {
  background: var(--main-color);
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  border-radius: 50px;
  font-weight: 500;
}
.user-voice_section .definition-desc .desc-vocie .report dd {
  padding: 5px 0 15px;
}
.user-voice_section .definition-desc .desc-vocie .report dd.report_body {
  font-weight: 600;
  font-size: 16px;
  color: #CC0000;
}

.user-voice_section .definition-desc .desc-vocie .course{
  grid-area: 3 / 1 / 4 / 3;
}

.user-voice_section .inner .definition-list .definition-item .inner_accordion{
  background: #CCD6DE;
  border: 1px solid #4D708C;
  color: #00325A;
  font-weight: bold;
}

.user-voice_section .inner .definition-list .definition-item .inner_definition-desc{
  border: 1px solid #4D708C;
}


/*--------------------
   .contents_slider
 　コンテンツ内スライダー
--------------------*/
.voice .user_review > span{
  /*width: min(50%, 400px);*/
max-width: 400px;
  width:100%;
  display: block;
  margin-bottom: 20px;
}
.voice .user_review dt{
  display: flex;
align-items: center;
gap: 0 20px;
margin-bottom: 20px;
}
.voice .user_review dt img{
max-width: 55px;
}
.voice .user_review dt span{
font-family: "Noto Serif JP", serif;
font-size: 18px;
font-weight: 500px;
display: flex;
flex-flow: column;
}
.voice .user_review dd p{
font-size: 18px;
}
.voice .user_review dd p em, .voice .user_result dd em{
color: #FF3100;
font-weight: bold;
}

.voice h4.google_ttl{
  text-align: center;
}
.voice h4.google_ttl img{
  margin: 20px auto 40px;
  width: 50%;
}


.contents_slider_wrap {
	position: relative;
	padding: 40px 0 0;
	margin: 40px auto 0;
}
.contents_slider_wrap::before{
    content: "";
    width: 100%;
    display: block;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 15%);
	position: absolute;
}
.contents_slider_wrap::before{
	top: 0;
}
.contents_slider_wrap::after{
	bottom: 0;
}
.contents_slider.slick-dotted.slick-slider{
	margin-bottom: 0;
	padding-bottom: 40px;
}
.contents_slider.slick-initialized .slick-slide{
	padding: 5px 50px;
}
.contents_slider.slick-dotted.slick-slider::before,
.contents_slider.slick-dotted.slick-slider::after{
	content: "";
	width: 50px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	display: block;
	z-index: 2;
}
.contents_slider.slick-dotted.slick-slider::before{
	left: 0;
}
.contents_slider.slick-dotted.slick-slider::after{
	right: 0;
}
.contents_slider .slick-prev,
.contents_slider .slick-next {
  z-index: 10;
  width: 30px;
  height: 80px;
  top: 0;
  bottom: 0;
  margin: auto;
    transform: translate(0, 0) !important;
}
.contents_slider .slick-prev{
	left: 0;	
}
.contents_slider .slick-next{
	right: 0;	
}
.contents_slider .slick-prev::before,
.contents_slider .slick-next::before  {
	content: '';
  width: 0;
  height: 0;
	font-size: 0;
	opacity: 1;
  border-style: solid;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}	
.contents_slider .slick-prev::before {
    border-right: 30px solid #99ADBD;
	border-left: 0;
    }
.contents_slider .slick-next::before {
    border-left: 30px solid #99ADBD;
	border-right: 0
}
.contents_slider .slick-dots {
    bottom: 0;
    margin: auto;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
}
.contents_slider .slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0 5px;
}
.contents_slider .slick-dots li button:before {
    opacity: .3;
    color: #00325A;
	font-size: 14px;
}
.contents_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #00325A;
}


/*_______________________________
　　　
　　　メディアクエリ切り替え
     　　　（TB・SP）
_______________________________*/


/* ↓ ↓ ↓ TB（1024px）以下　用 ↓ ↓ ↓ */

@media (max-width:1024px){

  /* --- */
  }
  /* ↑ ↑ ↑ TB（1024px）以下　用　↑ ↑ ↑ */
  
  /*  ↓ ↓ ↓ TB（820px）以下　用  ↓ ↓ ↓ */
  
  @media (max-width:820px){
  
  
  /* --- */
  }
  /* ↑ ↑ ↑ TB（820px）以下　用　↑ ↑ ↑ */
  
  
  /* ↓ ↓ ↓ SP（767px）以下　用 ↓ ↓ ↓ */
  
  @media screen and (max-width: 767px) {

  .user-voice_section .definition-desc .desc-vocie{
    display: block;
  }

  .user-voice_section .definition-desc .desc-vocie .img {
    margin-bottom: 10px;
  }

  .user-voice_section .definition-desc .desc-vocie .info {
    margin-bottom: 10px;
    column-gap: 10px;
  }

  .user-voice_section .definition-desc .desc-vocie .info_icon {
    width: 40px;
  }

  .user-voice_section .definition-desc .desc-vocie .info_text {
    width: calc(100% - 50px);
  }

  .user-voice_section .definition-desc .desc-vocie .info_text .name {
    font-size: 17px;
    margin-bottom: 5px;
  }

  .user-voice_section .definition-desc .desc-vocie .info_text .date {
    font-size: 14px;
  }

  .voice .user_data .data ul li{
    font-size: 12px;
    line-height: 1.75;
  }	
  .voice .user_review > span {
      margin: 0 auto 20px;
  }	
  .voice .user_review dl{
      max-width: 400px;
      width: 100%;
      margin: auto;
    }	
  .voice .user_review dt {
      gap: 0 10px;
      margin-bottom: 10px;
  }
  .voice .user_review dt img {
      max-width: 45px;
  }	
  .voice .user_review dt span {
   font-size: 15px;
  }	
  .voice .user_review dd p {
      font-size: 14px;
  }	
  
  .voice h4.google_ttl img{
    width: 80%;
  }
  
  .contents_slider_wrap {
    padding: 30px 0 0;
    margin: 30px auto 0;
  }
  .contents_slider_wrap::before {
      width: 100vw;
      box-shadow: 0 0 5px 3px rgb(0 0 0 / 15%);
      margin: 0 -5vw;
  }	
  .contents_slider.slick-dotted.slick-slider {
    padding-bottom: 15px;
  }	
  .contents_slider.slick-initialized .slick-slide {
      padding: 0 15px;
  }	
  .contents_slider.slick-dotted.slick-slider::before,
  .contents_slider.slick-dotted.slick-slider::after {
      width: 15px;
  }	
  .contents_slider .slick-prev::before {
      border-right: 15px solid #99ADBD;
  }
  .contents_slider .slick-next::before {
      border-left: 15px solid #99ADBD;
  }	
  .contents_slider .slick-prev::before,
  .contents_slider .slick-next::before {
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
  }
  .contents_slider .slick-prev {
      left: -15px;
  }	
  .contents_slider .slick-next {
      right: -15px;
  }	
  .contents_slider .slick-dots li {
    width: 5px;
    height: 5px;
    margin: 0px 4px;
  }	
  .contents_slider .slick-dots li button:before {
      font-size: 7px;
  }	


}
/* ↑ ↑ ↑ SP（767px）以下　用　↑ ↑ ↑ */