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

.ctw{
	max-width:1000px;
	width:100%;
	margin:0 auto;	
}

.wrap_content .gr04 ul .cate {
    background: #2c3dbf;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}


#service.pagelist .wrap_content{
	overflow:hidden;	
}
#service.pagelist .wrap_content a{
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
}
#service.pagelist .wrap_content a:hover{
	opacity:0.6;	
}
#service.pagelist .gr01{
	margin-bottom:100px;	
}
#service.pagelist .gr01 .banner{
	background:transparent url("../img/service/list/bg01.jpg")no-repeat scroll center center ;
	background-size:cover;
	margin:0 0 60px;
}
#service.pagelist .gr01 .banner .line02{
	padding:24px 40px 40px;	
}
#service.pagelist .gr01 .banner .line02 .inner{
	background-color:#fff;
	overflow:hidden;
	border-radius:6px;
	padding:30px;	
}
#service.pagelist .gr01 .banner .line02 .inner h4{
	font-size : 22px;
	line-height : 31px;
	letter-spacing : 1.54px;
	color : #1E1E1E;
	text-align:center;
	padding:0 0 10px;
	margin:0 0 12px; 
	font-weight:bold;
	border-bottom:2px solid #ccc;
	/* font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; */
}
#service.pagelist .gr01 .banner .line02 .inner h4 span{
	font-size : 28px;
	line-height : 1.5;
	letter-spacing : 1.54px;	
	color:#e70000;
}
#service.pagelist .gr01 .banner .line02 .inner p{
	font-size : 14px;
	line-height : 24px;
	letter-spacing : 0;
	color : #1E1E1E;
}
#service.pagelist .gr01 .list{
	font-size:0;
	letter-spacing:0;
	margin:0 -15px;	
}
#service.pagelist .gr01 .list li{
	display:inline-block;
	vertical-align:top;
	width:33.3333%;	
	padding:0 15px;
    margin: 0 0 60px;
}
#service.pagelist .gr01 .list li > .inner{
	position:relative;
	padding:0 0 75px 0;
}
#service.pagelist .gr01 .list li > .inner > img{
	width:100%;
	max-width:none;
	height:auto;	
	margin: 0 0 15px;
}
#service.pagelist .gr01 .list li > .inner > h4{
	font-size : 22px;
	line-height : 1.2;
	letter-spacing : 1.1px;
	color : #1E1E1E;	
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	padding:0 0 10px;
	border-bottom:2px solid;
	margin:5px 0 10px;
	font-weight:bold;
}

#service.pagelist .gr01 .list li > .inner > h4 a {
	color:#333 !important;
}

#service.pagelist .gr01 .list li > .inner > h4 a:hover {
	opacity:.6;
}

#service.pagelist .gr01 .list li > .inner > p{
	font-size : 14px;
	line-height : 24px;
	color : #1E1E1E;	
}
#service.pagelist .gr01 .list li > .inner > span{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	text-align:center;	
}
#service.pagelist .gr01 .list li > .inner > span > a{
	display:inline-block;
	position:relative;
	border-radius:6px;
	box-shadow:0px 3px #bf8126;	
	font-size : 16px;
	line-height : 46.54px;
	letter-spacing : 0.8px;
	color : #FFFFFF;
	padding:0 69px 0 68px;
	z-index:1;
	border: 1px solid #ff8b00;
	background-color: #ff8b00;
}

#service.pagelist .gr01 .list li > .inner > span > a:hover {
	opacity:.6;
}

#service.pagelist .gr01 .list li > .inner > span > a::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:50%;
	background-color:#ffa232;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	z-index:-1;	
}
#service.pagelist .gr01 .list li > .inner > span > a::after{
	content:"";
	position:absolute;
	right:13px;
	bottom:20px;
	height:7px;
	width:7px;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#service.pagelist .gr01 .list_other{
	font-size:0;
	letter-spacing:0;
	margin:0 -11px;	
}
#service.pagelist .gr01 .list_other li{
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding:0 11px;	
}
#service.pagelist .gr01 .list_other li a img{
	width:100%;
	max-width:none;
	height:auto;	
}
#service.pagelist .gr01 .list_other li a{
	display:block	
}
#service.pagelist .gr02{
	background-color:#fafafa;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;	
	padding:42px 0;
	margin:0 0 39px;
}
#service.pagelist .gr02 .inner{
	max-width:862px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#service.pagelist .gr02 .inner .line01{
	margin:0 0 10px; 	
}
#service.pagelist .gr02 .inner .line01 h3{
	margin:0 0 14px;	
}
#service.pagelist .gr02 .inner .line01 p{
	font-size : 15px;
	line-height : 22px;
	letter-spacing : 1px;
	color : #1E1E1E;
	font-weight:bold;
}
#service.pagelist .gr02 .inner .line02{
	font-size:0;
	letter-spacing:0;	
}
#service.pagelist .gr02 .inner .line02 .line02_a{
	display:inline-block;
	vertical-align:middle;
	width:42.5754%;	
}
#service.pagelist .gr02 .inner .line02 .line02_a img{
	width:auto;
	max-width:100%;
	height:auto;	
}
#service.pagelist .gr02 .inner .line02 .line02_b{
	display:inline-block;
	vertical-align:middle;
	width:57.4246%;
	padding:0 0 0 36px;	
}
#service.pagelist .gr02 .inner .line02 .line02_b ul{
	margin:0 -4px 20px;
}
#service.pagelist .gr02 .inner .line02 .line02_b ul li{
	display:inline-block;
	padding:0 4px;
	width:46.8131%;	
}
#service.pagelist .gr02 .inner .line02 .line02_b ul li:nth-child(2),
#service.pagelist .gr02 .inner .line02 .line02_b ul li:nth-child(3){
	width:26.5934%;	
}
#service.pagelist .gr02 .inner .line02 .line02_b ul li span{
	font-size : 16px;
	line-height : 20px;
	color : #1427b7;
	font-weight:bold;
	display:block;
	border-radius:6px;
	border:1px solid;
	padding:8px 0;
}
#service.pagelist .gr02 .inner .line02 .line02_b p a{
	display:block;
	position:relative;
	font-size : 23px;
	line-height : 75.63px;
	letter-spacing : 1.15px;
	color : #FFFFFF;
	font-weight:bold;
	background-color:#666666;
	z-index:1;
	border-radius:7px;
	box-shadow:0px 5px #333;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#service.pagelist .gr02 .inner .line02 .line02_b p a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 50%;
	background-color: #808080;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: -1;	
}
#service.pagelist .gr02 .inner .line02 .line02_b p a::after {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 32px;
    height: 11px;
    width: 11px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#service.pagelist .gr03{
	margin:0 0 30px;	
}
#service.pagelist .gr03 > h3{
	background-color:#1427b7;
	position:relative;
	text-align:center;
	padding:33px 0 30px; 
	z-index:1;
	line-height:0;
}

#service.pagelist .gr03 > .ctw{
	position:relative;
    padding: 69px 0 0;	
}

#service.pagelist .gr03 > .ctw > ul.list{
	margin:0 -10px 36px;
	font-size:0;
	letter-spacing:0;	
}
#service.pagelist .gr03 > .ctw > ul.list li{
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding:0 10px 40px;	
}
#service.pagelist .gr03 > .ctw > ul.list li > img{
	width:100%;
	height:auto;
	max-width:none;
	margin:0 0 15px;	
}
#service.pagelist .gr03 > .ctw > ul.list li > h4{
	font-size : 18px;
	line-height : 1.5;
	color : #1E1E1E;
	font-weight:bold;
	margin:0 0 5px;
}
#service.pagelist .gr03 > .ctw > ul.list li > p{
	font-size : 14px;
	line-height : 15px;
	letter-spacing : 0px;
	color : #1E1E1E;	
}
#service.pagelist .gr03 > .ctw > ul.list_other{
	font-size:0;
	letter-spacing:0;
	margin:0 -12px;
	padding:0 15%;
}
#service.pagelist .gr03 > .ctw > ul.list_other li{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	padding:0 12px;	
}
#service.pagelist .gr03 > .ctw > ul.list_other a{
	display:block;
	padding:12px 0;
	background-color:#ff8b00;
	border-radius:6px;
	border:1px solid #ff8b00;
	box-shadow:0 4px #bf8126;
	position:relative;
	font-size : 22px;
	line-height : 34.01px;
	letter-spacing : 1.1px;
	color : #FFFFFF;
	z-index:1;
	text-align:center;
	font-weight:bold;
}

#service.pagelist .gr03 > .ctw > ul.list_other a:hover {
	opacity:.6;
}

#service.pagelist .gr03 > .ctw > ul.list_other a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 50%;
	background-color: #ffa232;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	z-index: -1;
}
#service.pagelist .gr03 > .ctw > ul.list_other a::after{
    content: "";
    position: absolute;
    right: 15px;
    bottom: 24px;
    height: 11px;
    width: 11px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#service.pagelist .gr03 > .ctw > ul.list_other a img{
	margin:0 10px 0 0;
	vertical-align:middle;	
}
#service .box05 {
	background: none;
    padding: 0px 0 85px;
	margin-top: -4px;
}
#service .lstTop02 li .title {
    margin-bottom: 6px;
	min-height: 61px;
	padding-top: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 890px){
	#service.pagelist .gr03 > .ctw > ul.list_other a {
		font-size: 17px;
	}	
}
@media only screen and (max-width : 767px){
	.ctw {
		max-width: 1000px;
		width: auto;
		margin: 0 15px;
	}
	
	.wrap_content .gr04 ul .cate {
		font-size:10px;
	}
	
	#service.pagelist .gr01 {
		margin-bottom: 30px;
	}
	#service.pagelist .gr01 .banner {
		margin: 0 0 40px;
	}
	#service.pagelist .gr01 .banner .line02 {
		padding: 16px 15px 15px;
	}
	#service.pagelist .gr01 .banner .line02 .inner h4 {
		font-size: 15px;
		line-height: 23px;
		letter-spacing: 0;
		margin: 0 0 10px;
	}
	#service.pagelist .gr01 .banner .line02 .inner h4 span {
		font-size: 20px;
		letter-spacing: 0;
	}
	#service.pagelist .gr01 .banner .line02 .inner {
		background-color: #fff;
		overflow: hidden;
		border-radius: 4px;
		padding: 15px;
	    border-bottom: 1px solid #ccc;
	}
	#service.pagelist .gr01 .banner .line02 .inner p {
		font-size: 12px;
		line-height: 20px;
	}
	#service.pagelist .gr01 .list {
		margin: 0 -7px;
	}
	#service.pagelist .gr01 .list li {
		width: 50%;
		padding: 0 7px;
		margin: 0 0 35px;
	}
	#service.pagelist .gr01 .list li > .inner > img {
		margin: 0 0 7px;
	}
	#service.pagelist .gr01 .list li > .inner > h4 {
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 0;
		padding: 7px 0 7px;
		border-bottom: 1px solid;
		margin: 0 0 7px;
	}
	#service.pagelist .gr01 .list li > .inner > p {
		font-size: 10px;
		line-height: 15px;
		color: #000;
	}
	#service.pagelist .gr01 .list li > .inner > span > a {
		box-shadow: 0px 2px #bf8126;
		font-size: 13px;
		line-height: 33.54px;
		letter-spacing: 0.8px;
		padding: 0 22px 0 20px;
	    border-radius: 3px;
	}
	#service.pagelist .gr01 .list li > .inner > span > a::before {
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}
	#service.pagelist .gr01 .list li > .inner > span > a::after {
		right: 8px;
		bottom: 13px;
		height: 7px;
		width: 7px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
	}
	#service.pagelist .gr01 .list li > .inner {
		position: relative;
		padding: 0 0 50px 0;
		min-height: 0px;
	}
	#service.pagelist .gr01 .list_other li {
		width: 100%;
		padding: 0 11px 10px;
	}
	#service.pagelist .gr02 {
		padding: 30px 15px;
		margin: 0 0 15px;
	}
	#service.pagelist .gr02 .inner .line01 h3{
		margin:0 0 10px;	
	}
	#service.pagelist .gr02 .inner .line01 h3 > img {
		width:219px;
		height:auto;
		margin: 0 auto;
	}
	#service.pagelist .gr02 .inner .line01 p {
		font-size: 12px;
		line-height: 18px;
	}
	#service.pagelist .gr02 .inner .line02 .line02_a,
	#service.pagelist .gr02 .inner .line02 .line02_b {
		width: 100%;
		padding:0
	}
	#service.pagelist .gr02 .inner .line02 .line02_a{
		padding:0 30px 20px;	
	}
	#service.pagelist .gr02 .inner .line02 .line02_b ul li span {
		font-size: 11px;
		line-height: 13px;
		border-radius: 3px;
		padding: 5px 0;
	}
	#service.pagelist .gr02 .inner .line02 .line02_b p a {
		font-size: 17px;
		line-height: 58px;
		border-radius: 4px;
		box-shadow: 0px 2px #333;
	}
	#service.pagelist .gr02 .inner .line02 .line02_b p a::after {
		right: 20px;
		bottom: 25px;
		height: 9px;
		width: 9px;
	}
	#service.pagelist .gr03 > h3 {
		padding: 21px 0 20px;
	}
	#service.pagelist .gr03 > h3 > img{
		margin:0 auto;	
	}
	#service.pagelist .gr03 > .ctw {
		position: relative;
		padding: 25px 0 0;
	}
	#service.pagelist .gr03 > .ctw > ul.list {
		margin: 0 -7px 10px;
	}
	#service.pagelist .gr03 > .ctw > ul.list li {
		width: 50%;
		padding: 0 7px 25px;
	}
	#service.pagelist .gr03 > .ctw > ul.list li > img {
		margin: 0 0 10px;
	}
	#service.pagelist .gr03 > .ctw > ul.list li > h4 {
		font-size: 11px;
		line-height: 1.5;
		margin: 0 0 5px;
	}
	
	#service.pagelist .gr03 > .ctw > ul.list li > p {
		font-size:10px;
	}
	
	
	#service.pagelist .gr03 > .ctw > ul.list_other li {
		width: 100%;
		padding: 0 12px;
		margin:0 0 10px;
	}
	#service.pagelist .gr03 > .ctw > ul.list_other a {
		border-radius: 4px;
		box-shadow: 0 3px #bf8126;
		font-size: 17px;
		line-height: 32.01px;
	}
	#service.pagelist .gr03 > .ctw > ul.list_other a::after {
		bottom: 23px;
		height: 10px;
		width: 10px;
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
	}
	#service .lstTop02 li .wrap {    
		padding: 15px 10px 10px;
	}
	#service .lstTop03 li .wrap .innerList {
		padding-top: 15px;
	}
	#service .box05 {
		padding: 0 10px 25px;
	}
	#service .lstTop03 li .wrap .innerList .title {
    	font-size: 14px;
	}
	#service .lstTop02 li .title {
    	min-height: 53px;
	}
}