@charset "UTF-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,hr, main,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button{
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
	text-align:left;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}

header, footer, nav, main, menu, section , div, figure, article ,aside{
	display: block;
	width: 100%;
}

*:after,*:before{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}


/* form */


input, button, textarea, select{
	margin: 0;
	padding: 0;
	border-radius: 0;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing:border-box;
}

/*input[type=checkbox]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/

select::-ms-expand {
	display: none;
}




strong{font-weight:bold;}

a{	color:inherit;}
img {
	vertical-align:bottom;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

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

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul, li{
    list-style:none;
}

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

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

a[href] > img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/*ーーーーーーーーーーーーーーー
　10,voice
ーーーーーーーーーーーーーーー*/
.voice {
  padding-bottom: 5%;
}
.voice-title {
  padding: .3em 0;
  margin-bottom: 4%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNmUxYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxNGYxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f16e1a), color-stop(100%, #f14f1a));
  background: -moz-linear-gradient(top, #f16e1a, #f14f1a);
  background: -webkit-linear-gradient(top, #f16e1a, #f14f1a);
  background: linear-gradient(to bottom, #f16e1a, #f14f1a);
  font-size: calc(8.4rem + 4 * (100vw - 1400px) / 300);
  color: #fff;
  font-weight: 800;
  text-align: center;
}
.voice .slider-title {
  margin-bottom: 6%;
  background: #848484;
  font-size: calc(2.8rem + 4 * (100vw - 1400px) / 300);
  color: #fff;
  text-align: center;
}
.voice .slider-list-item {
  width: 30%;
  padding: 0 1.5%;
}
.voice .slider-list-item .pic {
  margin-bottom: 6%;
}
.voice .slider-list-item .text {
  font-size: calc(2.4rem + 4 * (100vw - 1400px) / 300);
}
.voice .slider .slick-prev, .voice .slider .slick-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.5%;
  height: 28%;
  background: #505050;
  opacity: 1;
  z-index: 100;
}
.voice .slider .slick-prev::before, .voice .slider .slick-next::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-top: #fff 6px solid;
  border-right: #fff 6px solid;
}
.voice .slider .slick-prev {
  left: 17%;
}
.voice .slider .slick-prev::before {
  margin-right: -25%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.voice .slider .slick-next {
  right: 17%;
}
.voice .slider .slick-next::before {
  margin-left: -25%;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  .voice-title {
    font-size: calc(4rem + 4 * (100vw - 1400px) / 300);
  }
  .voice .slider-title {
    font-size: calc(3.5rem + 4 * (100vw - 1400px) / 300);
  }
  .voice .slider-list-item {
    padding: 0 .5%;
  }
  .voice .slider-list-item .text {
    font-size: calc(2.8rem + 4 * (100vw - 1400px) / 300);
  }
  .voice .slider .slick-prev, .voice .slider .slick-next {
    min-width: 40px;
  }
  .voice .slider .slick-prev::before, .voice .slider .slick-next::before {
    width: 20px;
    height: 20px;
    border-top: #fff 4px solid;
    border-right: #fff 4px solid;
  }
  .voice .slider .slick-prev {
    left: 1%;
  }
  .voice .slider .slick-next {
    right: 1%;
  }
}
@media screen and (max-width: 500px) {
  .voice .slider .slick-prev, .voice .slider .slick-next {
    min-width: 30px;
  }
  .voice .slider .slick-prev::before, .voice .slider .slick-next::before {
    width: 20px;
    height: 20px;
    border-top: #fff 4px solid;
    border-right: #fff 4px solid;
  }
  .voice .slider .slick-prev {
    left: 1%;
  }
  .voice .slider .slick-next {
    right: 1%;
  }
}
/*ーーーーーーーーーーーーーーー