@charset "UTF-8";
/*//////////////////////////////////////////////////

Title:agent.css

Created:
Last Modified :

//////////////////////////////////////////////////*/
/* ------------------------
  
  ------------------------ */
.content_section h2 {
	padding-top: 80px !important;
	margin: -40px 0 100px;
}
.agent_index_wrap {
	padding-top: 80px;
	padding-bottom: 80px;
}
.agent_temp_wrap {
	background-color: #fffaf0;
}
.agent_agent_wrap {
	background-color: #fff;
	text-align: center;
}
.agent_bento_wrap {
	background-color: #f4f8fa;
	margin-bottom: 60px !important;
}
.agent_wjapan_wrap {
	background-color: #f4f8fa;
}
.agent_intern_wrap {
	background-color: #FDF5E6;
}
.agent_index {
	width: 720px;
	margin: 0 auto;
	list-style: none;
}
.agent_index_img {
	width: 720px;
	height: 270px;
	position: relative;
}
.agent_temp_img {
	background: url(/images/front/agent/img_agent_index_pc_temp.png) no-repeat;
	height: 240px;
}
.agent_bento_img {
	background: url(/images/front/agent/img_agent_index_pc_bento.png) no-repeat;
}
.agent_wjapan_img {
	background: url(/images/front/agent/img_agent_index_pc_wjapan.png) no-repeat;
}
.agent_intern_img {
	background: url(/images/front/agent/img_agent_index_pc_intern.png) no-repeat;
	height: 240px;
}
.agent_index_catch {
	position: absolute;
	top: 20px;
}
.agent_index_catch span {
	font-weight: bold;
	background:linear-gradient(transparent 58%, #f2c621 58%, #f2c621 90%, transparent 90%);
	padding: 0 5px;
	font-size: 24px;
}
.agent_index_txt {
	position: absolute;
	text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 6px #fff;
	padding-right: 25px;
	top: 125px;
}
.agent_temp_wrap .agent_index_catch ,
.agent_temp_wrap .agent_index_txt {
	left: 200px;
}
.agent_temp_wrap .agent_index_txt {
	top: 80px;
}
.agent_bento_wrap .agent_index_catch ,
.agent_bento_wrap .agent_index_txt {
	left: 200px;
}
.agent_wjapan_wrap .agent_index_catch ,
.agent_wjapan_wrap .agent_index_txt {
	left: 220px;
}
.agent_intern_wrap .agent_index_catch ,
.agent_intern_wrap .agent_index_txt {
	left: 300px;
}
.agent_intern_wrap .agent_index_txt {
	top: 80px;
}
.agent_agent_wrap .agent_index_catch ,
.agent_agent_wrap .agent_index_txt {
	position: static;
}
.agent_agent_wrap .agent_index_ttl {
	position: static;
	color: #66c;
    font-weight: bold;
    font-size: 28px;
	margin: 20px 0;
}
.agent_index .main_link {
	position: absolute;
	bottom: 20px;
	right: 25px;
}
.agent_index .main_link a {
	width: 200px;
	padding: 10px 0 8px;
	font-size: 16px;
	border-radius: 3px;
}
.agent_index .main_link a span:after {
	margin-top: -6px;
    width: 12px;
    height: 12px;
}
.agent_index_link {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	left: 0;
	top: 0;
}
.agent_index_search_wrap {
	margin-top: 20px;
	background: #fff;
}
.agent_recnavi_wrap .agent_index_search_wrap {
	border: solid 1px #ddd;
}
.agent_index_search_ttl {
	font-weight: bold;
	padding: 12px 20px 8px;
	font-size: 16px;
}
.agent_kango_wrap .agent_index_search_ttl {
	border-bottom: dotted 1px #dbb0b1;
}
.agent_kaigo_wrap .agent_index_search_ttl {
	border-bottom: dotted 1px #86ba6d;
}
.agent_wjapan_wrap .agent_index_search_ttl {
	border-bottom: dotted 1px #5d9f8c;
}
.agent_recnavi_wrap .agent_index_search_ttl {
	border-bottom: dotted 1px #ddd;
}
.agent_index_search_ul {
	list-style: none;
	font-size: 0;
	padding: 12px 20px 4px;
}
.agent_index_search_ul li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.agent_index_search_ul li a {
	display: inline-block;
	color: #454545;
	border: solid 1px #aaa;
	border-radius: 3px;
	padding: 5px 8px 3px;
	font-size: 15px;
}
.agent_index_kind_ul {
	list-style: none;
	font-size: 0;
	padding: 16px 20px 6px;
}
.agent_index_kind_ul li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.agent_index_kind_ul li a {
	color: #66c;
	text-decoration: underline;
	font-size: 15px;
}
.agent_index_recnavi_ul {
	list-style: none;
	font-size: 0;
	padding: 12px 20px 4px;
}
.agent_index_recnavi_ul li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.agent_index_recnavi_ul li a {
	display: inline-block;
	border-radius: 18px;
	padding: 7px 24px 5px;
	color: #000;
	font-size: 15px;
}
.agent_index_recnavi_ul a.recnavi_r {
	background: #f7e3fb;
}
.agent_index_recnavi_ul a.recnavi_p {
	background: #e6dafa;
}
.agent_index_recnavi_ul a.recnavi_s {
	background: #cecef8;
}
.agent_agent_bnr_ul {
	list-style: none;
	width: 720px;
	margin: 0 auto;
	font-size: 0;
}
.agent_agent_bnr_ul li {
	display: inline-block;
	margin: 40px 40px 0 0;
}
.agent_agent_bnr_ul li:nth-child(2n) {
	margin-right: 0;
}
.agent_agent_bnr {
	width: 340px;
	height: auto;
}
.agent_bento_link {
	text-align: center;
}
.agent_bento_link a {
	display: inline-block;
	margin: 40px 20px 0;
}

.service_list_bnr {
	text-align: center;
}
.service_list_bnr a {
	display: inline-block;
	margin: 0 20px;
	font-size: 0;
}
.service_list_bnr a img {
	width: 430px;
	height: auto;
}
.bnrArea {
	width: 100%;
	margin-top: 20px;
}
.bnrArea img {
	max-width: 100%;
}
.sp {
	display: none;
}




@media screen and (max-width: 1200px) {
	/*//////////////////////////////////////////////////

	  max-width: 1200px start PC

	//////////////////////////////////////////////////*/
	/* ------------------------
	  
	  ------------------------ */
	
	/*//////////////////////////////////////////////////

	  max-width: 1200px end PC

	//////////////////////////////////////////////////*/
}
@media screen and (max-width: 991px) {
/*//////////////////////////////////////////////////

  max-width: 991px start Tablet

//////////////////////////////////////////////////*/
	/* ------------------------
	  
	  ------------------------ */
	.agent_index_search_ttl ,
	.agent_index_search_ul li a ,
	.agent_index_kind_ul li a ,
	.agent_index_recnavi_ul li a {
		font-size: 14px;
	}
	.service_list_bnr a {
		margin: 0 20px;
	}
	.service_list_bnr a img {
		width: 300px;
	}
/*//////////////////////////////////////////////////

  max-width: 991px end Tablet

//////////////////////////////////////////////////*/
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	
}

@media screen and (max-width: 767px) {
/*//////////////////////////////////////////////////

  max-width: 767px start SP

//////////////////////////////////////////////////*/
	/* ------------------------
	  
	  ------------------------ */
	.content_section h2 {
		padding-top: 60px !important;
		margin: -40px 0 60px;
	}
	.agent_index_wrap {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.agent_index {
		width: 100%;
	}
	.agent_kango_img {
		background: url(/images/front/agent/img_agent_index_sp_kango.png) no-repeat;
	}
	.agent_kaigo_img {
		background: url(/images/front/agent/img_agent_index_sp_kaigo.png) no-repeat;
	}
	.agent_bento_img {
		background: url(/images/front/agent/img_agent_index_sp_bento.png) no-repeat;
	}
	.agent_wjapan_img {
		background: url(/images/front/agent/img_agent_index_sp_wjapan.png) no-repeat;
	}
	.agent_recnavi_img {
		background: url(/images/front/agent/img_agent_index_sp_recnavi.png) no-repeat;
	}
	.agent_index_img {
		width: 100%;
		height: 180px;
		background-size: 100% auto;
		margin-bottom: 90px;
	}
	.agent_index_catch {
		left: 180px !important;
		margin: 0;
	}
	.agent_bento_wrap .agent_index_catch {
		left: 150px !important;
	}
	.agent_wjapan_wrap .agent_index_catch {
		left: 166px !important;
	}
	.agent_intern_wrap .agent_index_txt ,
	.agent_temp_wrap .agent_index_txt {
    	top: 190px;
	}
	.agent_index_catch span {
		font-size: 22px;
	}
	.agent_wjapan_wrap .agent_index_catch span {
		font-size: 20px;
	}
	.agent_index_txt {
		text-shadow: none;
		padding-right: 0;
		top: 190px;
		left: 0 !important;
		font-size: 14px;
	}
	.agent_agent_wrap .agent_index_ttl {
		font-size: 22px;
	}
	.agent_index .main_link a {
		margin: 0;
	}
	.agent_index_search_ttl {
		padding: 10px 16px 6px;
		font-size: 15px;
	}
	.agent_index_search_ul {
		padding: 12px 16px 4px;
	}
	.agent_index_search_ul li {
		margin: 0 12px 12px 0;
	}
	.agent_index_search_ul li a {
		padding: 8px 10px 6px;
		font-size: 14px;
	}
	.agent_index_kind_ul {
		padding: 12px 16px 4px;
	}
	.agent_index_kind_ul li {
		margin: 0 12px 12px 0;
	}
	.agent_index_kind_ul li a {
		font-size: 14px;
	}
	.agent_index_recnavi_ul {
		padding: 12px 16px 4px;
	}
	.agent_index_recnavi_ul li {
		margin: 0 10px 10px 0;
	}
	.agent_index_recnavi_ul li a {
		border-radius: 18px;
		padding: 8px 22px 6px;
		font-size: 14px;
	}
	.agent_agent_bnr_ul {
		width: auto;
		margin: 0 20px;
	}
	.agent_agent_bnr_ul li ,
	.agent_agent_bnr_ul li:nth-child(2n) {
		margin: 20px 0 0;
	}
	.agent_agent_bnr {
		width: 100%;
	}
	.agent_bento_link a {
		margin: 0 20px 20px;
	}
	.service_list_bnr a {
		margin: 0 auto;
		width: calc(100% - 40px);
	}
	.service_list_bnr a img {
		width: 100%;
	}
	.pc {
		display: none;
	}
	
/*//////////////////////////////////////////////////

  max-width: 767px end SP

//////////////////////////////////////////////////*/
}
/*//////////////////////////////////////////////////

  max-width: 575px start SP

//////////////////////////////////////////////////*/
@media screen and (max-width: 575px){
	
	.agent_index_img {
		height: 32vw;
		margin-bottom: 90px;
	}
	.agent_index_catch {
		left: 32vw !important;
		top: 3vw;
	}
	.agent_index_catch.intern{
		left: 26vw !important;
		top: 4vw;
	}
	.agent_index_catch span {
		font-size: 4.5vw !important;
	}
	.agent_bento_wrap .agent_index_catch {
		left: 30vw !important;
	}
	.agent_wjapan_wrap .agent_index_catch span {
		font-size: 3.5vw !important;
	}
	.agent_index .main_link {
		right: 2vw;
		bottom: 2vw;
	}
	.agent_index .main_link a {
		padding: 1.5vw 0 1vw;
		width: 50vw;
	}
	.agent_index_txt {
		top: 33vw !important;
	}
	.agent_index .main_link a {
		font-size: 4.75vw;
	}
	.agent_index_wrap {
		margin: 0 -20px;
		padding: 40px 20px;
	}

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	
/*//////////////////////////////////////////////////

  max-width: 575px end SP

//////////////////////////////////////////////////*/
}