@charset "utf-8";

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
/*                                                                 */
/*    【共通　ここから】                                                */
/*                                                                 */
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

html {
	overflow-x: hidden;
}
.wrap {
	overflow-x: hidden;
}
img {
	vertical-align: bottom;
}
p {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
	line-height: 1.65em;
}
a {
	outline: none;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
}

.bg_orange {
	background: #FFFBF6;
}
.bg_white {
	background: #fff;
}
.bg_pink {
	background: #FFEEE7;
}

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
/*                                                                  */
/*    【PCここから】                                                     */
/*                                                                  */
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
@media screen and (min-width:769px){
	.pankuzu{
		width: 100%;
		max-width: 1080px;
		margin: 15px auto;
	}
	p{
		font-size: 18px;
	}
	h1{
		font-size: 36px;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	
	h1:before {
		content: " ";
		background: url("../img/top/voice_icon.svg");
		background-size: contain;
		background-repeat: no-repeat;
		width: 50px;
		height: 32px;
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.contents_wrap {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto;
		/*padding: 35px 15px;*/
		padding: 0 0 70px 0;
	}
	/*.contents_wrap:last-of-type{
		margin-bottom: 70px;
	}*/
	/*.case_contents h2{
		font-size: 22px;
		font-size: 18px;
    margin-top: 0;
		margin-bottom: 15px;
    border-bottom: 1px dotted #8C8C8C;
	}*/
	.white_box{
		background: #fff;
		border-radius: 10px;
		padding: 30px;
		margin-top: 50px;
		box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
	}
	.voice_box {
		display: flex;
		justify-content: space-between;
	}
	.voice_box.hss{
		flex-direction: row-reverse;
		margin-top: 30px;
		border-top: 1px dotted #8C8C8C;
		padding-top: 30px;
	}
	.voice_box img {
		width: 90px;
		height: 90px;
	}
	.voice_contents {
		width: 88%;
		background: #F8FDE5;
		border-radius: 10px;
		padding: 25px 30px;
	}
	.voice_contents.hss{
		background: #FBF4EB;
	}
	.voice_title_wrap{
		border-bottom: 1px dotted #8C8C8C;
		padding-bottom: 15px;
    	margin-bottom: 15px;
	}
	.voice_title_wrap p{
		font-weight: bold;
	}
	h2.voice_title {
		font-size: 22px;
		margin: 0;
	}
	h2.voice_title span {
		font-size: 14px;
	}
}
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
/*                                                                  */
/*    【SPここから】                                                     */
/*                                                                  */
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
@media screen and (max-width:768px){
	.pankuzu{
		width: 100%;
		max-width: 1080px;
		margin: 85px auto 15px auto;
		font-size: 14px;
	}
	
	h1{
		font-size: 24px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	h1:before {
		content: " ";
		background: url(../img/top/voice_icon.svg);
		background-size: contain;
		background-repeat: no-repeat;
		width: 50px;
		height: 32px;
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.contents_wrap {
		width: 100%;
		margin: 0 auto;
		padding: 35px 15px;
	}
	/*.contents_wrap:last-of-type{
		margin-bottom: 70px;
	}*/
	.white_box{
		background: #fff;
		border-radius: 10px;
		padding: 15px;
		margin-top: 30px;
		box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
	}
	.voice_box {
		display: flex;
		justify-content: space-between;
	}
	.voice_box.hss{
		flex-direction: row-reverse;
		margin-top: 20px;
		border-top: 1px dotted #8C8C8C;
		padding-top: 20px;
	}
	.voice_box img {
		width: 60px;
		height: 60px;
	}
	.voice_contents {
		width: 77%;
		background: #F8FDE5;
		border-radius: 10px;
		padding: 15px;
	}
	.voice_contents.hss{
		background: #FBF4EB;
	}
	.voice_title_wrap{
		border-bottom: 1px dotted #8C8C8C;
		padding-bottom: 15px;
    	margin-bottom: 15px;
	}
	.voice_title_wrap p{
		font-weight: bold;
	}
	h2.voice_title {
		font-size: 18px;
		margin: 0;
	}
	h2.voice_title span {
		font-size: 14px;
	}
}