@charset "utf-8";

.mainv {
	background: url(../img/voice/mainv.jpg) center top no-repeat;
	background-size: cover;
}

#sec1 {
	padding: 50px 0 95px;
}

.voice_index .voice_list {}
.voice_index .voice_list ul {}
.voice_index .voice_list ul li {
     width: 33.3%;
    /*width:  330px;*/
    /* margin-right: 5%; */
    float:  left;
    position:  relative;
    overflow:  hidden;
    background-color: #bebebe;
}
.voice_index .voice_list ul li.current {}
.voice_index .voice_list ul li:first-child {}
.voice_index .voice_list ul li:last-child {
	border-right: none;
}
.voice_index .voice_list ul li:nth-child(2n) {}
.voice_index .voice_list ul li:nth-child(3n) {
	/* margin-right: 0; */
}
.voice_index .voice_list ul li a {
    display:  block;
    width:  100%;
    height:  100%;
}
.voice_index .voice_list ul li a .list_n {
    position:  absolute;
    top: 0;
    left: 0;
    width: 35px;
    font-weight: bold;
    line-height: 34px;
    text-align:  center;
    /* background-color: #fff; */
    z-index: 1;
}
.voice_index .voice_list ul li a .list_n:before {
		content: '';
		display: block;
		width: 80px;
		height: 80px;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		-webkit-transform: translateY(-40px) translateX(-40px) rotate(-45deg);
		transform: translateY(-40px) translateX(-40px) rotate(-45deg);
}
.voice_index .voice_list ul li a .list_t {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(185, 185, 185, .75);
    height: 40px;
    line-height: 40px;
    letter-spacing: .15em;
    font-size: 13px;
}
.voice_index .voice_list ul li a .list_t > .sp-block {
    display: inline;
}
@media screen and (max-width: 1040px) {
    .voice_index .voice_list ul li a .list_t {
        font-size: 12px;
        line-height: 1.6;
        padding: .2em 0;
        height: auto;
    }
    .voice_index .voice_list ul li a .list_t > .sp-block {
        display: block;
    }
    .voice_index .voice_list ul li a .list_t > .sp-none {
        display: none;
    }
}

.voice_index .voice_list ul li a .img {}
.voice_index .voice_list ul li a .img img {}


/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {
	#sec1 {
    padding: 50px 0 30px;
}

	.voice_index .voice_list ul {
    /* width:  260px; */
    /* margin: 0 auto; */
}
	.voice_index .voice_list ul li {
    width: 50%;
}
	.voice_index .voice_list ul li.current {}
	.voice_index .voice_list ul li:first-child {}
	.voice_index .voice_list ul li:last-child {}
	.voice_index .voice_list ul li:nth-child(2n) {}
	.voice_index .voice_list ul li:nth-child(3n) {}
	.voice_index .voice_list ul li a {}
	.voice_index .voice_list ul li a .list_n {
    width: 18px;
    line-height: 15px;
    font-size: 10px;
}
	.voice_index .voice_list ul li a .list_n:before {
    width: 40px;
    height: 40px;
    -webkit-transform: translateY(-20px) translateX(-20px) rotate(-45deg);
    transform: translateY(-20px) translateX(-20px) rotate(-45deg);
}
    .voice_index .voice_list ul li a .list_t {
        font-size: 10px;
    }

}
