@charset "utf-8";
/* CSS Document */

.br500 {
	display: none;
}

/* ==========================
==========　メイン　===========
============================= */

.container_box {
    max-width: 830px;
}

.under_visual {
	background: url(../../../img/under_visual.png)no-repeat center center;
	background-size: cover;
}

.normal_container {
	background: #fff;
	padding: 3%;
	margin-bottom: 40px;
}





.float_title {
	padding: 21px 50px;
    background: rgba(64,147,99,0.8);
    background: -moz-linear-gradient(left, rgba(64,147,99,0.8) 0%, rgba(57,114,124,0.8) 50%, rgba(50,80,151,0.8) 100%);
    background: -webkit-linear-gradient(left, rgba(64,147,99,0.8) 0%,rgba(57,114,124,0.8) 50%,rgba(50,80,151,0.8) 100%);
    background: linear-gradient(to right, rgba(64,147,99,0.8) 0%,rgba(57,114,124,0.8) 50%,rgba(50,80,151,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#409363', endColorstr='#325097',GradientType=1 );
    color: #fff;
	width: auto;
	max-width: 460px;
    position: absolute;
    top: -44px;
    left: -30px;
}

.float_title .ft_sub {
	color: #000;
	font-size: 110%;
}

.float_title .ft_main {
	font-size: 190%;
	font-weight: bold;
}

.normal_container.ft_box {
	margin-top: 50px;
	position: relative;
    width: 100%;
    max-width: 800px;
    float: right;
	padding: 0;
}

.ft_txt {
	width: auto;
    line-height: 2;
    padding: 45px 25px 15px;
    margin-top: 0px;
}
.ft_Ltxt {
    float: left;
	width: 225px;
    line-height: 2;
    padding: 25px;
    margin-top: 70px;
}

.ft_Ltxt span.pro_name {
	font-size: 200%;
    font-weight: bold;
}

.ft_Rimg {
    float: right;
}


.float_title.faq {
    padding: 0px 10px;
    background: rgb(64,147,99);
    color: #fff;
	width: 100%;
    max-width: 515px;
    position: absolute;
    top: -25px;
    left: -30px;
}

.float_title.faq .ft_main {
	font-size: 130%;
    font-weight: normal;
    padding: 10px 0 10px 10px;
}

.float_title.faq .ft_main span.q_icon {
    background: #fff;
    color: rgb(64,147,99);
    font-weight: bold;
    font-size: 130%;
    padding: 0 10px;
    border-radius: 15px;
    margin-right: 10px;
}

.normal_container.ft_box.faq_auter {
    max-width: 800px;
    padding: 0;
}

.normal_container.ft_box.faq_auter .ft_Ltxt {
    float: left;
    width: 520px;
    line-height: 2;
    padding: 45px 25px 15px;
    margin-top: 0px;
}

.normal_container.ft_box.faq_auter .ft_Rimg {
    float: right;
    padding: 45px 20px 20px 0px;
}

.normal_container.ft_box.faq_auter .ft_Limg {
    float: left;
    padding: 45px 0px 20px 20px;
}

.normal_container.ft_box.faq_auter .ft_Rtxt {
    float: right;
    width: 520px;
    line-height: 2;
    padding: 45px 25px 15px;
    margin-top: 0px;
}


.normal_container.ft_box.faq_auter.faq_no_img .ft_Ltxt {
    width: 100%;
    max-width: 750px;
}



.sec_worker .float_title.faq {
    background: #5b73ac;
}

.sec_worker .float_title.faq .ft_main span.q_icon {
    color: #5b73ac;
}

ul.anker_link {
    overflow: hidden;
    margin-bottom: 30px;
}

ul.anker_link li {
    float: left;
    width: 385px;
    font-size: 150%;
    border: 3px solid #409362;
    border-radius: 40px;
    color: #409362;
	position: relative;
    display: inline-block;
	transition: .4s;
}
ul.anker_link li:hover {
    background: #409362;
    color: #fff;
}

ul.anker_link li:hover > a p {
    color: #fff;
}

ul.anker_link li:nth-child(2) {
    float: right;
}

ul.anker_link li p {
	background: url(../../img/anker_bg.png)no-repeat right center;
	color: #409362;
    padding: 10px 0px 10px 25px;
}

div#interview01, div#interview02 {
    margin-top: -130px;
    padding-top: 130px;
}




/* トップ固有のスマホ対応記述
========================== */

/* 1200pxより小さい場合 */
@media screen and ( max-width: 1200px ){
	
}

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){
.pc_br{
  display: none;
}
.ft_txt {
    padding: 25px 15px;
}
	.ft_Ltxt,
	.ft_Rimg {
    	float: none;
	}

	.ft_Rimg {
    	text-align: center;
		padding: 0;
	}
	
	.float_title {
		left: 0;
	    padding: 20px;
	}
	.float_title .ft_main {
		font-size: 160%;
	}
	
	.normal_container.ft_box.faq_auter {
		margin: 0 0 30px;
	}
	
	.normal_container.ft_box.faq_auter .ft_Ltxt {
    	float: none;
    	width: auto;
	    padding: 25px 15px;
	}
	
	.normal_container.ft_box.faq_auter .ft_Rimg {
		float: none;
		padding: 0px 0 15px;
	}
	
	.normal_container.ft_box.faq_auter .ft_Rtxt {
    	float: none;
    	width: auto;
	    padding: 25px 15px;
	}
	
	.normal_container.ft_box.faq_auter .ft_Limg {
		float: none;
    	padding: 15px 0 0;
    	text-align: center;
	}
	
	.float_title.faq {
		width: auto;
    	position: static;
	}
	
	.normal_container.ft_box.faq_auter.faq_no_img .ft_Ltxt {
		width: auto;
	}

	
	
	ul.anker_link {
		text-align: center;
	}
	
	ul.anker_link li {
		float: none!important;
		width: 85%;
		max-width: 290px;
		margin: 10px auto;
		font-size: 110%;
		text-align: left;
	}
	
	div#interview01, div#interview02 {
		margin-top: -80px;
		padding-top: 80px;
	}
	
	
}

/* 500pxより小さい場合 */
@media screen and ( max-width: 500px ){

	.br500 {
		display: block;
	}
	
}

/* 420pxより小さい場合 */
@media screen and ( max-width: 420px ){

	
}

/* 360pxより小さい場合 */
@media screen and ( max-width: 360px ){
	

	
}