@charset "UTF-8";
/*--------------------------------------------common*/
.pc_none{
	display: none!important;
}
.sp_none{
	display: block!important;
}
.main{
	font-family: "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
	.pc_none{
		display: block!important;
	}
	.sp_none{
		display: none!important;
	}
}
/*--------------------------------------------MainImage*/
#mainWrap{
	position: relative;
	width: 900px;
	height: 500px;
	margin: 16px auto;
	margin-bottom: 30px;
	color: #fff;
}
#mainWrap .main-Img {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	overflow: hidden;
}
#mainWrap .main-Img img{
	border-radius: 17px;
}
#mainWrap .main-pankuzu {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-top: 35px;
	margin-bottom: 42px;
	padding-left: 39px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
#mainWrap .main-pankuzu a{
	border-bottom: 2px solid #000;
	padding-bottom: 5px;
}
#mainWrap .main-subject {
	font-size: 52px;
	color: #000;
	font-weight: bold;
	padding-left: 37px;
	letter-spacing: .05em;
}
#mainWrap .main-copy{
	width: auto;
	display: inline-block;
	padding: 25px 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #fff;
	padding: 24px 38px;
	font-size: 14px;
	line-height: 2;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-left: -13px;
	margin-top: 130px;
}
@media screen and (max-width: 767px) {
	#mainWrap{
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 50px;
		color: #fff;
		padding-top: 81.5%;
	}
	#mainWrap .main-Img,
	#mainWrap .main-Img img{
		width: 100%;
		border-radius: 10px;
	}
	#mainWrap .main-pankuzu{
		position: absolute;
		top: 13px;
		left: 16px;
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-size: 3.3vw;
	}
	#mainWrap .main-subject{
		position: absolute;
		left: -22px;
		top: 20%;
		font-size: 30px;
		font-size: 8vw;
	}
	#mainWrap .main-copy{
		position: absolute;
		bottom: -24px;
		padding: 15px;
		font-size: 10px;
		margin: 0;
		left: -5px;
		line-height: 1.8;
	}
}
/*--------------------------------------------MainImage02*/
#mainWrap02{
	position: relative;
	width: 900px;
	height: 260px;
	margin: 16px auto;
	margin-bottom: 30px;
	color: #fff;
}
#mainWrap02.noneImage {
	height: 140px;
}
#mainWrap02 .main-Img {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	overflow: hidden;
}
#mainWrap02 .main-Img img{
	border-radius: 17px;
}
#mainWrap02 .main-pankuzu {
	position: relative;
	font-size: 16px;
	margin-bottom: 35px;
	color: #000;
	font-weight: bold;

}
#mainWrap02 .main-pankuzu li {
	display: inline-block;
	position: relative;
	padding-right:30px;
	font-size: 15px;
}
#mainWrap02 .main-pankuzu li:after{
	content: "";
	position: absolute;
	display: inline-block;
	top: 50%;
	right: 0;
	margin-top: -16px;
	width: 27px;
	height: 24px;
	background: url(/service/images/txt_main_visual_drilldown.png)no-repeat right 5px;
	background-size:contain;

}
#mainWrap02 .main-pankuzu li:last-child:after{
	background: none;
}
#mainWrap02 .main-pankuzu a{
	border-bottom: 2px solid #000;
	padding-bottom: 2px;
	display: block;
}
#mainWrap02 .main-pankuzu .current{
	border-bottom: 2px solid #000;
	padding-bottom: 2px;
	padding-right: 0;
}
#mainWrap02 .main-subject {
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.4;
}
#mainWrap02 .main_tag{
}
#mainWrap02 .main_tag li{
	display: inline-block;
	padding: 3px;
	margin-right: 5px;
	line-height: 1;
	font-size: 12px;
}
#mainWrap02 .main_tag .tag--first{
	color: #737373;
	font-size: 13px;
	margin-right: 0;
}
.tag{
	color: #fff;
	border-radius: 3px;
}
.tag--ninshin{
	background: #e04ca5;
}
.tag--nyuuji{
	background: #e84346
}
.tag--you{
	background: #2ba4e0;
}
@media screen and (max-width: 767px) {
	#mainWrap02{
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 50px;
		color: #fff;
	}
	#mainWrap02.noneImage{
		height: auto;
		margin-bottom: 30px;
	}
	#mainWrap02 .main-pankuzu li{
		padding-right: 25px;
		font-size: 3.1vw;
	}
	#mainWrap02 .main-pankuzu li:after{
		background: url(/service/images/txt_main_visual_drilldown.sp.png)no-repeat right 5px;
		background-size:23px 18px;
		margin-top: -12px;
	}
	#mainWrap02 .main-pankuzu a,
	#mainWrap02 .main-pankuzu .current{
		padding-bottom: 2px;
	}
	#mainWrap02 .main-Img{
		position: static;
	}
	#mainWrap02 .main-Img,
	#mainWrap02 .main-Img img{
		width: 100%;
		border-radius: 10px;
	}
	#mainWrap02 .main-pankuzu{
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-size: 3.1vw;
	}
	#mainWrap02 .main-subject{
		font-size: 30px;
		font-size: 6.6vw;
	    margin-top: 15px;
	    margin-bottom: 6px;
	}
	#mainWrap02 .main_tag{
		margin-bottom: 17px;
	}
	#mainWrap02 .main_tag li{
		font-size: 10px;
	}
	#mainWrap02 .main_tag .tag--first{
		font-size: 11px;
	}
}

/*--------------------------------------------Banner01*/
#Banner01{
	margin-bottom: 20px;
}
#Banner01 ul{
	overflow: hidden;
}
#Banner01 .Banner01-li{
	padding: 5px;
	background: #f0f0f0;
	border-radius: 5px;
}
#Banner01 .Banner01-li:nth-child(odd){
	float: left;
}
#Banner01 .Banner01-li:nth-child(even){
	float: right;
}
#Banner01 .Banner01-li,
#Banner02 .Banner02-li{
	visibility: visible;
}
@media screen and (max-width: 767px) {
	#Banner01{
		margin-bottom: 15px;
	}
	#Banner01 .Banner01-li{
		width: 100%;
		margin-bottom: 15px;
		padding: 0;
		background: none;
		border-radius: 0;
		float: none!important;
	}
	#Banner01 .Banner01-li img{
		width: 100%
	}

}
/*--------------------------------------------Banner*/
#Banner02{
	margin-bottom: 20px;
}
#Banner02 .banner_title{
	margin-bottom: 10px;
	background: url(/service/images/headline_accent.sp.png)no-repeat 0 center;
	background-size: 18px 15px;
	padding-left: 25px;
}
#Banner02 .banner_image {
	font-size: 0;
}
#Banner02 .banner_image .Banner02-li{
	margin-bottom: 10px;
	font-size: 0;
	width: 220px;
	height: auto;
	padding-right: 6px;
	display: inline-block;
}
#Banner02 .banner_image .Banner02-li:nth-child(4n){
	padding-right: 0;
}
#Banner02 .banner_image .Banner02-li img{
	width: 100%;
}

@media screen and (max-width: 767px) {
	#Banner02{
		margin-bottom: 20px;
	}
	#Banner02 .banner_title{

	}
	#Banner02 .banner_image {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		overflow: hidden;
	}
	#Banner02 .banner_image .Banner02-li{
		width: 49%;
		padding: 0;
		margin: 0px;
		margin-bottom: 2%;
	}
	#Banner02 .banner_image .Banner02-li:nth-child(odd){
		float: left;
	}
	#Banner02 .banner_image .Banner02-li:nth-child(even){
		float: right;
	}
	#Banner02 .banner_image .Banner02-li:nth-child(4n){
		padding-right: 0;
	}
	#Banner01 .Banner01-li:nth-child(n+3),
	#Banner02 .Banner02-li:nth-child(n+3){
		display: none;
	}
	#Banner02 .mboxDefault{
		visibility: visible;
	}

/*	#Banner01 .porpose_list--moreBtn,
	#Banner02 .porpose_list--moreBtn{
		box-sizing: border-box;
		border: 1px solid #ddd;
		border-radius: 3px;
		margin-top: 20px;
		line-height: 40px;
	}
*/
}
/*--------------------------------------------proposals */
#purposeAll {
/*	display: flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap: wrap;
*/
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*//*--- safari（PC）用 ---*/
	display: flex;

	-ms-flex-align:stretch;
	-webkit-box-align:stretch;/*--- safari（PC）用 ---*/
    align-items:stretch;

	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*//*--- safari（PC）用 ---*/
	justify-content:space-between;/*--- safari（PC）用 ---*/
	-ms-flex-wrap:wrap;/*--- IE10用 ---*//*--- safari（PC）用 ---*/
	flex-wrap: wrap;
}
#purposeAll p{
	margin: 0;
}
.porpose{
	width: 435px;
	margin-bottom: 30px;
}
.porpose_title{
	font-size: 22px;
	overflow: hidden;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
	padding-bottom: 10px;
	background: url(/service/images/proposal_headline_cir.png)no-repeat 0 center;
}
.porpose_title:before{
	content: "";
	position: absolute;
	left: 2px;
	top: 0;
	width: 17px;
	height: 17px;
	margin-top: 7px;
	display: inline-block;
/*	background: url(/service/images/proposal_headline_cir.sp.png)no-repeat 0 bottom #e04ca5;*/
	background: url(/service/images/proposal_headline_cir.sp.png)no-repeat 0 bottom;
	background-size: cover;
}
.porpose_title:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
/*	background: url(/service/images/proposal_headline_bdr.png)no-repeat 0 bottom #e04ca5;*/
	background: url(/service/images/proposal_headline_bdr.png)no-repeat 0 bottom;
	display: inline-block;
	width: 432px;
	height: 6px;
	border-radius: 3px 3px 0 0;
}
@media screen and (max-width: 767px) {
	.porpose{
		width: 100%;
		margin-bottom: 40px;
		float: none!important;
	}
	.porpose_title{
		font-weight: bold;
		font-size: 16px;
		padding-bottom: 10px;
		padding-left: 25px;
		border-bottom: 6px solid #ccc;
		overflow: inherit;
	}
	.porpose ul{
		position: relative;
		background: #fff;
	}
	.porpose_title:after{
/*		background: url(/service/images/proposal_headline_bdr.sp.png)no-repeat 0 bottom #e04ca5;*/
		background: url(/service/images/proposal_headline_bdr.sp.png)no-repeat 0 bottom;
		background-size: 100px 6px;
		width: 100px;
		height: 6px;
		bottom: -6px;
		border-radius: 0;
	}
	.porpose_title:before{
		margin-top: 3px;
	}
}
/*--------------------------------------------proposals list*/
.porpose_list{
	position: relative;
}
.porpose_list a:first-child{
	display: block;
	background: url(/service/images/proposal.png)no-repeat left bottom #f6f6f6;
	height: 47px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-line-pack: center;
	    align-content: center;
	font-size: 12px;
	margin-top: -1px;
	position: relative;
}
.porpose_info{
	width: 175px;
	height: 100%;
	font-weight: bold;
	display: table;
	padding-left: 15px;
	font-size: 11.5px;
}
.porpose_company{
	display: table;
	height: 100%;
	width: 210px;
	color: #6a6a6a;
	padding-left: 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.porpose_list .porpose_company_logo{
	display: none;
	z-index: 10;
	position: absolute;
    left: 0;
    top: 50%;
    margin-top: -46px!important;
	width: 100%;
	height: 100%;
}
.porpose_list .porpose_company_logo img{
	height: 91px;
	position: relative;
	margin-left: 20px;
}

.porpose_info p,
.porpose_company p{
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.porpose_info{
		width: 100px;
		font-size: 12px;
		line-height: 17px;
		padding-left: 10px;
		margin: 0;
		position: absolute;
		left: 0;
		top: 0;
	}
	.porpose_list:first-child .porpose_info{
		width: 95px;
	}
	#purposeAll p{
		font-weight: normal;
	}
}

/*
	最初のリスト
*/
.porpose_list:first-child a:first-child{
	background: url(/service/images/proposal.png)no-repeat left top #f6f6f6;
	height: 91px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.porpose_list:hover a:first-child {
	background-color: #e2e2e2;
	color: #000!important;
	opacity: 1;
}
.porpose_list .porpose_company_txt {
	padding-right: 15px;
}
.porpose_list:hover a:first-child .porpose_company_txt,
.porpose_list:first-child .porpose_company_txt{
	display: none;
}
.porpose_list:hover a:first-child .porpose_company_logo,
.porpose_list:first-child .porpose_company_logo{
	display: table-cell;
}
@media screen and (max-width: 767px) {
	.porpose_list a:first-child:after{
		content: "";
		position: absolute;
		top:50%;
		right: 0;
		margin-top: -5px;
		display: inline-block;
		width: 11px;
		height: 11px;
		background: url(/service/images/blank.png) no-repeat left top;
		background-size: 11px;
	}
	.porpose_list:hover a:first-child {
		background-color: transparent;
	}
	.porpose_list a:first-child .porpose_company_txt,
	.porpose_list:first-child a:first-child .porpose_company_logo{
		display: table-cell!important;
	}
	.porpose_list:first-child a:first-child .porpose_company_txt,
	.porpose_list a:first-child .porpose_company_logo{
		display: none!important;
	}
}
/*hover Animation*/
.porpose_company::before{
	content: "";
	width: 289px;
	height: 115px;
	background: url(/service/images/proposal_pop.png)no-repeat right 0 top 0px;
	opacity: 0;
	position: absolute;
	right: -22px;
	top: -32px;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	z-index: -1;
}
.porpose_list:hover a .porpose_company::before{
	z-index: 10;
}
.porpose_list:first-child .porpose_company::before{
	right: -22px;
	top: -10px;
}
.porpose_list:hover a .porpose_company::before{
	opacity: 1;
}
@media screen and (max-width: 767px) {
	.porpose_list.close{
		display: none;
	}
	.porpose_list a:first-child{
		position: relative;
		height: 55px;
		list-style-type: none;
		background: url(/service/images/proposal.sp.png)no-repeat left bottom;
		background-size: auto 164px;
		position: relative;
	}
	.porpose_list:first-child a:first-child{
		position: relative;
		height: 109px;
		background: url(/service/images/proposal.sp.png)no-repeat left top;
		background-size: auto 164px;
	}
	.porpose_list a:first-child:before{
		content: "";
		position: absolute;
		height: 1px;
		background: #e3e3e3;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	.porpose_company{
		position: absolute;
		left: 140px;
		top: 0;
		display: table;
		width: 80%;
		width: calc(100% - 140px);
		padding-left: 0;
	}
	.porpose_company::before{
		display: none;
	}
	.porpose_list .porpose_company_logo{
		position: static;
	}
	.porpose_list .porpose_company_logo img{
		width: auto;
		height: 76px;
		margin-left: 0;
	}
	.porpose_list:nth-child(n+4){
		display: none;
	}
}
.main-content .other-services{
	margin-bottom: 30px;
}
.other-services .link-basic:before{
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(/service/images/blank.png) no-repeat left top;
	background-size: 11px;
}
.main-content .other-services .psuedo-radius-wrapper{
	margin-top: 6px;
}
.other-services .porpose_title{
	border-bottom: none;
	padding-bottom: 0;
}
.other-services .porpose_title::after{
	display: none;
}
@media screen and (max-width: 767px) {
	.main-content .other-services{
		margin-top: 0;
	}
}


/*
	資料請求
*/
.porpose_list a.porpose_request{
	position: absolute;
	top: 50%;
	margin-top: -70px;
	right: -35px;
	width: 170px;
	height: 42px;
	background: url(../images/bg_request.png) no-repeat center center;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.porpose_list:hover a.porpose_request{
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.porpose_list a.porpose_request span {
	position: absolute;
	top: 50%;
	left: 40px;
	right: 10px;
	overflow: hidden;
	color: #ffffff;
	font-size: 11px;
	line-height: 11px;
	margin-top: -5.5px;
}
@media screen and (max-width: 767px) {
	.porpose_list a.porpose_request{
		display: none;
	}
}
/*
	資料請求 モーダル
*/
@media screen and (min-width: 768px) {
	.porpose_request_modal {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.porpose_request_modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		display: none;
		opacity: 0;
	}
	.porpose_request_modal .overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(66,66,66,0.8);
	}
	.porpose_request_modal .dialog {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -150px;
		width: 300px;
		background: #ffffff;
	}
	.porpose_request_modal .dialog .service_link {
		display: block;
		padding: 20px 15px;
		text-align: center;
	}
	.porpose_request_modal .dialog .service_link img {
		display: block;
		margin: 0px auto 0;
		width: 250px;
	}
	.porpose_request_modal .dialog .service_link span {
		display: block;
		width: 210px;
		margin: 10px auto 0;
		padding: 3px 0px;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		background: #999999;
		border-radius: 3px;
	}
	.porpose_request_modal .dialog .request_link {
		display: block;
		padding: 15px;
		background: #005bb8;
		color: #fff;
		font-size: 16px;
		text-align: center;
	}
	.porpose_request_modal .dialog .request_link:before {
		content: "";
		display: inline-block;
		width: 25px;
		height: 31px;
		background: url(../images/bg_request_sp.png) no-repeat center center;
		background-size: 100% 100%;
		vertical-align: middle;
		margin-right: 10px;
	}
}
/*--------------------------------------------SPmoreBtn*/
.porpose_list--moreBtn{
	font-size: 12px;
	line-height: 54px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	text-align: center;
	cursor: pointer;
	display: block!important;
}
.porpose_list--moreBtn span{
	position: relative;
	padding-left: 20px;
}
.porpose_list--moreBtn span::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(/service/images/normal_icon.png) no-repeat left top;
/*	background-color: #e04ca5;*/
	background-size: 15px 30px;
}
.porpose_list--moreBtn.active span::before{
	background-position: left bottom;
}
/*--------------------------------------------各ページ Color*/
/*妊娠*/
#ninshin #mainWrap .main-copy,
#ninshin .porpose_title:before,
#ninshin .porpose_title:after,
#ninshin .porpose_list--moreBtn span::before{
	background-color: #e04ca5;
}
/*乳児*/
#nyuuji #mainWrap .main-copy,
#nyuuji .porpose_title:before,
#nyuuji .porpose_title:after,
#nyuuji .porpose_list--moreBtn span::before{
	background-color: #e84346;
}
/*幼児*/
#youji #mainWrap .main-copy,
#youji .porpose_title:before,
#youji .porpose_title:after,
#youji .porpose_list--moreBtn span::before{
	background-color: #2ba4e0;
}
/*小学生*/
#shougakusei #mainWrap .main-copy,
#shougakusei .porpose_title:before,
#shougakusei .porpose_title:after,
#shougakusei .porpose_list--moreBtn span::before{
	background-color: #f4970b;
}
/*中学生*/
#chuugakusei #mainWrap .main-copy,
#chuugakusei .porpose_title:before,
#chuugakusei .porpose_title:after,
#chuugakusei .porpose_list--moreBtn span::before{
	background-color: #2c5897;
}
/*高校生*/
#koukousei #mainWrap .main-copy,
#koukousei .porpose_title:before,
#koukousei .porpose_title:after,
#koukousei .porpose_list--moreBtn span::before{
	background-color: #954eb9;
}

/*学生・社会人*/
#shakaijin #mainWrap .main-copy,
#shakaijin .porpose_title:before,
#shakaijin .porpose_title:after,
#shakaijin .porpose_list--moreBtn span::before{
	background-color: #438036;
}
/*シニア*/
#senior #mainWrap .main-copy,
#senior .porpose_title:before,
#senior .porpose_title:after,
#senior .porpose_list--moreBtn span::before{
	background-color: #854a28;
}
/*通常*/
#Normal #mainWrap .main-copy,
#Normal .porpose_title:before,
#Normal .porpose_title:after,
#Normal .porpose_list--moreBtn span::before{
	background-color: #0075c2;
}

@media screen and (max-width: 767px) {
	.bannerOn{
		padding-bottom: 18%;
	}
	.btmBanner{
		position   : fixed;
		bottom     : 0;
		left       : 0;
		right      : 0;
		padding    : 10px;
		width      : auto;
		display    : none;
		background : rgba(0,0,0,0.3);
		z-index: 1;
	}
}
@media screen and (min-width: 768px) {
	.btmBanner{
		display: none!important;
	}
}

.search-services{
	margin-bottom: 60px;
}
.search-services .menu{
	margin-top: 10px;
}

/*--------------------------------------------　Service TOP */
#service-top .section .section-header {
	margin-bottom: 20px;
}
#service-top .section .section-header .title {
	padding-left: 30px;
	background-image: url(/common/css/ic/headline_accent.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#service-top .section.seicho ul:after {
	content: "";
	display: block;
	clear:both;
}
#service-top .section.seicho ul li {
	float: left;
	width: 25%;
	margin-bottom: 20px;
}
#service-top .section.seicho ul li a {
	display: block;
}
#service-top .section.seicho ul li a .img img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
}
#service-top .section.seicho ul li a .img {
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	overflow: hidden;
}
#service-top .section.seicho ul li:nth-child(4n+1) a .img {
	border-radius: 5px 0px 0px 5px;
}
#service-top .section.seicho ul li:nth-child(4n+4) a .img {
	border-radius: 0px 5px 5px 0px;
}
#service-top .section.seicho ul li .txt {
	position: relative;
	margin-top: 10px;
	padding-left: 25px;
	font-size: 20px;
}
#service-top .section.seicho ul li a .txt:before,
#service-top .section.seicho ul li a .txt:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
}
#service-top .section.seicho ul li a .txt:before {
	margin-top: -9px;
	width: 16px;
	height: 16px;
	border: 1px solid #0075c2;
	border-radius: 50%;
}
#service-top .section.seicho ul li a .txt:after {
	margin-top: -3px;
	margin-left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 7px;
	border-color: transparent transparent transparent #0075c2;
}
#service-top .section.seicho ul li a:hover .img img {
	opacity: 0.8;
}
#service-top .section.seicho ul li.ninshin a .txt:before {
	border-color: #e04ca5;
}
#service-top .section.seicho ul li.ninshin a .txt:after {
	border-left-color: #e04ca5;
}
#service-top .section.seicho ul li.ninshin a:hover {
	color: #e04ca5;
}
#service-top .section.seicho ul li.nyuuji a .txt:before {
	border-color: #e84346;
}
#service-top .section.seicho ul li.nyuuji a .txt:after {
	border-left-color: #e84346;
}
#service-top .section.seicho ul li.nyuuji a:hover {
	color: #e84346;
}
#service-top .section.seicho ul li.youji a .txt:before {
	border-color: #2ba4e0;
}
#service-top .section.seicho ul li.youji a .txt:after {
	border-left-color: #2ba4e0;
}
#service-top .section.seicho ul li.youji a:hover {
	color: #2ba4e0;
}
#service-top .section.seicho ul li.shougakusei a .txt:before {
	border-color: #f4970b;
}
#service-top .section.seicho ul li.shougakusei a .txt:after {
	border-left-color: #f4970b;
}
#service-top .section.seicho ul li.shougakusei a:hover {
	color: #f4970b;
}
#service-top .section.seicho ul li.chuugakusei a .txt:before {
	border-color: #2c5897;
}
#service-top .section.seicho ul li.chuugakusei a .txt:after {
	border-left-color: #2c5897;
}
#service-top .section.seicho ul li.chuugakusei a:hover {
	color: #2c5897;
}
#service-top .section.seicho ul li.koukousei a .txt:before {
	border-color: #954eb9;
}
#service-top .section.seicho ul li.koukousei a .txt:after {
	border-left-color: #954eb9;
}
#service-top .section.seicho ul li.koukousei a:hover {
	color: #954eb9;
}
#service-top .section.seicho ul li.shakaijin a .txt:before {
	border-color: #438036;
}
#service-top .section.seicho ul li.shakaijin a .txt:after {
	border-left-color: #438036;
}
#service-top .section.seicho ul li.shakaijin a:hover {
	color: #438036;
}
#service-top .section.seicho ul li.senior a .txt:before {
	border-color: #854a28;
}
#service-top .section.seicho ul li.senior a .txt:after {
	border-left-color: #854a28;
}
#service-top .section.seicho ul li.senior a:hover {
	color: #854a28;
}

#service-top .section.mokuteki {
	margin-top: 40px;
}
#service-top .section.mokuteki ul {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#service-top .section.mokuteki ul:after {
	content: "";
	display: block;
	clear:both;
}
#service-top .section.mokuteki ul li {
	float: left;
	box-sizing: border-box;
	width: 25%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#service-top .section.mokuteki ul li a {
	display: block;
	padding: 28px 10px 28px 20px;
}
#service-top .section.mokuteki ul li .txt {
	position: relative;
	padding-left: 25px;
	font-size: 20px;
}
#service-top .section.mokuteki ul li a .txt:before,
#service-top .section.mokuteki ul li a .txt:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
}
#service-top .section.mokuteki ul li a .txt:before {
	margin-top: -9px;
	width: 16px;
	height: 16px;
	border: 1px solid #0075c2;
	border-radius: 50%;
}
#service-top .section.mokuteki ul li a .txt:after {
	margin-top: -3px;
	margin-left: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 7px;
	border-color: transparent transparent transparent #0075c2;
}
#service-top .section.mokuteki ul li a:hover {
	background: #0075c2;
	color: #ffffff;
}
#service-top .section.mokuteki ul li a:hover .txt:before {
	border-color: #ffffff;
}
#service-top .section.mokuteki ul li a:hover .txt:after {
	border-left-color: #ffffff;
}

#service-top .section.area {
	margin-top: 50px;
}
#service-top .section.area ul li a:hover {
	text-decoration: underline;
}
#service-top .section.area ul li a.blank {
	position: relative;
}
#service-top .section.area ul li a.blank:before {
	content: url(/common/css/ic/blank.png);
	margin-right: 5px;
}
@media screen and (max-width: 767px) {
	#service-top .section .section-header {
		margin-bottom: 15px;
	}
	#service-top .section .section-header .title {
		padding-left: 30px;
		font-size: 18px;
	}
	#service-top .section.seicho {
		margin-top: 40px;
	}
	#service-top .section.seicho ul li {
		width: 50%;
		margin-bottom: 20px;
	}
	#service-top .section.seicho ul li:nth-child(2n+1) a .img {
		border-radius: 5px 0px 0px 5px;
	}
	#service-top .section.seicho ul li:nth-child(2n+2) a .img {
		border-radius: 0px 5px 5px 0px;
	}
	#service-top .section.seicho ul li .txt {
		font-size: 16px;
		font-weight: bold;
	}
	#service-top .section.mokuteki {
		margin-top: 20px;
	}
	#service-top .section.mokuteki ul {
		display: flex;
		flex-wrap: wrap;
	}
	#service-top .section.mokuteki ul li {
		width: 50%;
	}
	#service-top .section.mokuteki ul li a {
		padding: 25px 5px 25px 10px;
	}
	#service-top .section.mokuteki ul li .txt {
		font-size: 16px;
		font-weight: bold;
	}
	#service-top .section.area {
		margin-top: 30px;
	}
	#service-top .section.area ul li {
		font-size: 14px;
	}
}