@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media print, screen and (max-width: 1000px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}


/***************************************************************************
top_img
****************************************************************************/

@media only screen and (max-width: 767px) {
#top_img {
	margin-bottom: 17vw;
}
}

/***************************************************************************
contents
****************************************************************************/

#owners_voice_index .main.contents {
	max-width: 1200px;
}

/***************************************************************************
page_exp
****************************************************************************/

#owners_voice_index .page_exp h2 {
	display: inline-block;
	font-weight: bold;
}
#owners_voice_index .page_exp .icon {
	position: absolute;
	top: -85px;
	right: -130px;
}

@media only screen and (max-width: 768px) {
#owners_voice_index .page_exp .txt {
    text-align: justify;
	font-size: 17px;
}
}

@media only screen and (max-width: 767px) {
.page_exp .ttl h2 {
	font-size: 8.2vw;
	line-height: 1.2;
}
#owners_voice_index .page_exp .icon {
	width: 21vw;
	top: -13vw;
	right: -23vw;
}
#owners_voice_index .page_exp .txt {
	font-size: 4.1vw;
}
}

/***************************************************************************
voice_list
****************************************************************************/

#voice_list.grid_3 > * {
	width: 31%;
	max-width: 370px;
	background-color: #FFFFFF;
}
#voice_list.grid_3 > *:nth-child(n+4) {
    margin-top: 60px;
}
#voice_list .link_box .thumb {
	padding-top: 68%;
}
#voice_list .thumb .new_icon {
	top: 0;
	left: 0;
}
#voice_list .link_box .exp {
	padding: 25px;
}
#voice_list .ttl {
	font-size: 20px;
	line-height: 1.7;
	margin-bottom: 25px;
}

@media print, screen and (max-width: 1000px) {
#voice_list.grid_3 > * {
	width: 48%;
	max-width: inherit;
}
#voice_list.grid_3 > *:nth-child(n+4) {
    margin-top: 0px !important;
}
#voice_list.grid_3 > *:nth-child(n+3) {
    margin-top: 3vw !important;
}
}

@media only screen and (max-width: 767px) {
#voice_list.grid_3 > *:nth-child(n+2) {
    margin-top: 10.2vw !important;
}
#voice_list .thumb .new_icon {
	font-size: 3.9vw !important;
}
#voice_list .link_box .exp {
	padding: 5vw 4vw 5vw 4vw; 
}
#voice_list .ttl {
	font-size: 4.3vw;
	line-height: 1.7;
	margin-bottom: 6.4vw;
}
}

/***************************************************************************
thanks
****************************************************************************/

#thanks {
	background-image: url(/-/wp-content/themes/tochi/img/owners_voice/index/thanks_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	font-weight: 500;
	padding: 50px 60px 40px 60px;
	margin-top: 100px;
}
#thanks .exp {
	max-width: 610px;
	width: 51%;
	font-size: 17px;
	line-height: 1.8;
	color: #FFFFFF;
}
#thanks .ttl_01 {
	font-size: 18px;
}
#thanks .ttl_02 {
	font-size: 24px;
	margin-bottom: 5px;
}
#thanks .ttl_02 span {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.1em; 
}
#thanks .thumb {
	max-width: 490px;
	width: 41%;
	position: absolute;
	bottom: 0;
	right: 10px;
}

@media print, screen and (max-width: 1000px) {
#thanks {
	padding-bottom: 0px;
	margin: 0 calc(50% - 50vw);
	margin-top: 100px;
	width: 100vw;
}
#thanks .exp,
#thanks .thumb {
	max-width: inherit;
	width: 100%;
	text-align: center;
}
#thanks .exp {
	margin-bottom: 30px;
}
#thanks .thumb {
	position: relative;
	right: inherit;
}
}

@media only screen and (max-width: 767px) {
#thanks {
	margin-top: 19.2vw;
	padding: 10.2vw 5.1vw 0px 5.1vw;
}
#thanks .exp {
	font-size: 4.1vw;
	line-height: 2;
	margin-bottom: 2vw;
}
#thanks .ttl_01 {
	font-size: 4.6vw;
}
#thanks .ttl_02 {
	font-size: 5.4vw;
	line-height: 1.6;
	margin-bottom: 5.4vw;
}
#thanks .thumb img {

}
}
