@charset "utf-8";

/*common
************************************************************************************/
.client_title{
    font-size: 1.875em;
    margin-bottom: 20px;
}
.catch{
    margin: 15px 0;
    font-size: 1.875em;
    color: #e873a6;
    font-weight: 600;
}
.marker {
    background: -webkit-linear-gradient(transparent 70%, #ffce5b 70%);
    background: -o-linear-gradient(transparent 70%, #ffce5b 70%);
    background: linear-gradient(transparent 70%, #ffce5b 70%);
}
.frame_intro{
    margin: 40px 0;
	padding: 15px;
    background: #ffeef5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
.frame_intro img{
    padding-right: 20px;
    max-width: 300px;
    height: auto;
}



@media screen and (max-width: 979px) {
/*tablet*/
}
@media screen and (max-width: 768px){
/*smart phone*/
}
@media screen and (max-width: 620px) {
/*sp*/
}
@media screen and (max-width: 480px){
}

/*page_list
************************************************************************************/
.page_list .lv_h2{
	margin: 0 0 1em;
}
.page_list .lv_h2 a{
    text-decoration: none;
}


/*page_merit
************************************************************************************/

.frame_merit{
    margin: 0 0 50px 0;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
    align-items: center;
}
.frame_merit .ill{
    width: 55%;
}
.frame_merit .ill img{
    max-width: 100%;
    height: auto;
}
.frame_merit .details{
    width: 40%;
}
@media screen and (max-width: 979px) {
	.frame_merit .ill{
		width: 40%;
	}
	.frame_merit .details{
		width: 55%;
	}
}
@media screen and (max-width: 620px) {
	.frame_merit{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-justify-content: left;
		justify-content: left;
	}
	.frame_merit .ill{
		width: 100%;
		text-align: center;
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	.frame_merit .ill img{
		max-width: 60%;
		height: auto;
	}
	.frame_merit .details{
		width: 100%;
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
}
@media screen and (max-width: 480px){
}

/*page_merit
************************************************************************************/
@media screen and (max-width: 620px) {
	.page_merit .lv_h1{
		margin: 0;
	}
	.page_merit .lv_h2{
		margin-top: 0;
	}
}

/*page_case
************************************************************************************/
.frame_case{
    margin: 0 0 20px 0;
    padding: 30px;
    line-height: 1.7;
}
.frame_case:nth-child(even){
    background: #F0F0F0;
}

.frame_case .lv_h2{
	margin: .7em 0 1em;
}
.frame_case .ask{
    padding: 20px 100px 20px 0;
    background: url("../../client/img/case/ask.svg") no-repeat right center;
	-moz-background-size: auto 100px;
	-webkit-background-size: auto 100px;
	background-size: auto 100px;
    font-size: 1.375em;
    font-weight: 600;
    color: #4A4A4A;
    min-height: 100px;
    border-bottom: 1px solid #298dd8;
}
.frame_case .ans{
    padding: 20px  0 20px 120px;
    background: url("../../client/img/case/answer.svg") no-repeat left center;
	-moz-background-size: auto 120px;
	-webkit-background-size: auto 120px;
	background-size: auto 120px;
    min-height: 100px;
}
.frame_case .ans .ans_ttl{
    font-size: 1.375em;
    font-weight: 600;
    color: #e974a7;
    margin-bottom: 20px;
}

/*page_faq
************************************************************************************/
.question{
    font-weight: 600;
    display: block;
}
.question::first-letter{
    font-size: 2em;
    color: #FF9600;
}
.reply{
    margin-bottom: 20px;
}
.reply::first-letter{
    font-weight: 600;
    font-size: 2em;
    color: #001C84;
}

/*page_skill
************************************************************************************/

.page_skill img.icon{
    max-width: 150px;
    height: auto;
    margin-right: 15px;
}
.flow_ttl{
	font-size: 1.25em;
	color: #4367c3;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 1em 0 .5em 0;
}
@media screen and (max-width: 768px){
	.page_skill img.icon{
		margin: auto;
		max-width: 40%;
	}
}