@charset "utf-8";

/*==========================================
 common
===========================================*/

.pagetitle_wrapp_dpm {
    margin-bottom: 0.0rem;
}


/* ------------------------------------------
voicetitle_wrapp
-------------------------------------------*/
.voicetitle_wrapp {
	position: relative;
	margin-bottom: 50px;
}

/* textimg */
.voicetitle_wrapp .voicetitle_textimg {
	position: absolute;
	bottom: 26px;
	right: 16px;
	width: 34%;
}
.voicetitle_wrapp .voice_main {
	position: absolute;
	top: 10px;
	left: 10px;
}
@media (min-width: 993px)  {
	/* voice_main */
	/*.voicetitle_wrapp .voice_main {
		position: absolute;
		top: 10px;
		left: 10px;
	}*/
}


/*voice_main_inner 
-------------------------------------------*/
/* innerbox */
.voice_innerbox h2 {
	padding-left: 0px;
	margin-top: 0rem;	
	font-weight: 500;
	border-left: none;
}
.voice_innerbox p {
	line-height: 1.4;
}

.voicetitle_wrapp .voice_main_inner {
	position: relative;
}
/* innerbox */
.voice_innerbox {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 15px 20px;
	z-index: 90!important;
}
.voice_innerbox .voicetitle_name span {
	border-bottom: 1px solid #333;
}

.voice_icon {
	position: absolute;
	top:0;
	left: 0;
	z-index: 99!important;
}

@media (max-width: 992px)  {
	.voicetitle_wrapp .voice_main_inner {
		width: 300px;
	}
	.voice_innerbox h2 {
		font-size: 1.05rem;
    	margin-bottom: 0.75rem;
	}
	.voice_innerbox {
		position: absolute;
		top: 32px;
		left: 15px;
		padding: 5px 15px;
	}
	.voice_innerbox p {
		font-size: 0.8rem;
	}
    .voice_innerbox .voicetitle_name {
        margin-bottom: 0.75rem;
    }
	.voice_innerbox .voicetitle_name span {
		font-size: 1.0rem;
	}

	.voice_icon {
		width: 40px;
	}
}

@media (min-width: 993px)  {
	.voicetitle_wrapp .voice_main_inner {
		width: 500px;
	}

	/* innerbox */
    .voice_innerbox h2 {
    	margin-bottom: 1.25rem;
	}
	.voice_innerbox {
		position: absolute;
		top:75px;
		left: 80px;
		padding: 15px 20px;
	}
    .voice_innerbox .voicetitle_name {
        margin-bottom: 2.0rem;
    }
	.voice_innerbox .voicetitle_name span {
		font-size: 2.2rem;
	}

	/* icon */
	.voice_icon {
		width: 110px;
	}
}


/* ------------------------------------------
voice_faq
-------------------------------------------*/
.voice_faq h2 {
    padding-left: 0px;
    margin-top: 2.5rem;	
    margin-bottom: 0.5rem;
    font-weight: 500;
	border-left: none;
}
.voice_faq h2:first-child {
    margin-top: 0rem;
}


/* ------------------------------------------
per_wrapp
-------------------------------------------*/
.per_wrapp {
	padding: 2.5% 3.5% 3.5%;
	border: 2px dotted #ccc;
}
.per_wrapp figure img{
	vertical-align:top;
	margin-bottom: 10px;
}
@media (min-width: 993px)  {
	.per_wrapp {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.per_wrapp .per_text {
		width: 55%;
	}
	.per_wrapp figure {
		width: 40%;
	}
}



/* ------------------------------------------
skd_wrapp
-------------------------------------------*/
.skd_wrapp {
	margin-bottom: 4.0rem;
	padding: 2.5% 3.5% 3.5%;
}
.skd_wrapp h2 {
    padding-left: 0px;
    margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
    font-weight: 500;
	border-left: none;
}
.skd_wrapp h3 {
    font-weight: 500;
}
@media (min-width: 993px)  {
.skd_wrapp h2 {
	padding-bottom: 2.0rem;
}
}


/* ------------------------------------------
msg_wrapp
-------------------------------------------*/
.msg_wrapp {
	margin-bottom: 4.0rem;
	padding: 2.5% 3.5% 0;
}
.msg_wrapp h2 {
    padding-left: 0px;
    margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
    font-weight: 500;
	border-left: none;
}
.msg_wrapp h3 {
    font-weight: 500;
}

/* msg_box */
.msg_wrapp .msg_box figure {
	margin-top: 20px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.msg_wrapp .msg_box figure img{
	vertical-align:top;
}
@media (min-width: 993px)  {
	.msg_wrapp .msg_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
    .msg_wrapp h2 {
        padding-bottom: 2.0rem;
    }
	.msg_wrapp .msg_box .msg_text {
		width: 69%;
	}
	.msg_wrapp .msg_box figure {
		margin-top: 20px;
		width: 25%;
	}
}