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

body#index{
	font-size: 16px;
	font-weight:normal;
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
p{
	text-align:left;	
}
header {
    top:0;
}
.l-inner{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:0;
}

#index h3{
	display:block;
	width:100%;
	text-align:left;
	border-bottom:6px solid #a2deff;
	font-size:162.5%;
	color:#223340;
	font-weight:bold;
	letter-spacing:0.25rem;
}
.l-mv p{
	text-align:center;	
}

.l-business01{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-top:70px;
}
.l-business01 p.p-message{
	color:#4c5365;
	line-height:1.5;
	padding-top:20px;
	padding-bottom:10px;
}
.l-business01 .l-buttonlist{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding-bottom:50px;
}
.l-business01 .l-buttonlist p{
	display:inline;
}
.l-business01 .l-buttonlist p a{
	display:inline-block;
	margin-top:10px;
}

.l-business02{
	width:100%;
	margin:0 auto 130px;
	text-align:center;
}
.l-business02 .l-work{
	width:100%;
	margin:0px auto 20px;
	text-align:left;
}
.l-business02 .l-work .p-title{
	font-size:150%;
	color:#3261b3;
	font-weight:bold;
	border-bottom: 1px dashed #d6d6d6;
}
.l-business02 .l-work-table{
	width:100%;
	display:table;
	padding-top:10px;
}
.l-business02 .l-work-table > div:first-child{
	width:300px;
	display:table-cell;
	padding-right:16px;
	vertical-align:top;
}
.l-business02 .l-work-table > div:first-child p img{
	max-width:284px;
	width:100%;
}
.l-business02 .l-work-table > div:last-child{
	width:auto;
	display:table-cell;
	vertical-align:top;
}
.l-business02 .l-work-table > div:last-child .p-list{
	width:100%;
	padding:7px 20px;
	background-color:#f5f5f5;
}
.l-business02 .l-work-table > div:last-child .p-list p:before{
	content:"●";
	color:#a2deff;
	font-size:125%;
	line-height:0;
}
.l-business02 .l-work-table > div:last-child .p-list p{
	display:inline-block;
	padding-right:16px;
	line-height:1.5;
	color: #4c5365;
}
.l-business02 .l-work-table > div:last-child .p-message{
	line-height:1.5;
	color: #4c5365;
	/*padding-top:10px;*/
	font-size:93.7%;
}
.l-business02 .l-work-table > div:last-child .p-photo{
	width:100%;
	display:table;
	padding-top:10px;
}
.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list:first-child{
	width:48%;
	display:table-cell;
	padding-right:8px;
}
.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list a{
	display:block;
}
.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-image{
	display:inline-block;
	width:80px;
	vertical-align:middle;
}
.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-image img{
	max-width:80px;
	width:100%;
}
.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-name{
	display:inline-block;
	width:calc(100% - 80px);
	vertical-align:middle;
	padding-left:16px;
	text-decoration:underline;
}
.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-name span{
	font-size:81.25%;
}

.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list:last-child{
	width:52%;
	display:table-cell;
	padding-left:8px;
}


@media screen and (min-width:769px){
	
	
	
}
@media screen and (max-width:768px) and (min-width:481px){
	
	body#index{
		font-size: 14px;
	}
	#index h3{
		display:block;
		width:100%;
		text-align:left;
		border-bottom:6px solid #a2deff;
		font-size:200%;
		color:#223340;
		font-weight:bold;
		letter-spacing:0.25rem;
	}
	
	.l-business01 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-top: 38px;
	}
	.l-business01 .l-inner{
		padding-bottom: 0px;
	}
	.l-business01 p.p-message{
		color:#4c5365;
		line-height:1.5;
		padding-top:15px;
		padding-bottom:5px;
		font-size:125%;
	}
	.l-business01 .l-buttonlist{
		width:100%;
		margin:0 auto;
		text-align:left;
		padding-bottom:0px;
	}
	.l-business01 .l-buttonlist p{
		display:inline;
	}
	.l-business01 .l-buttonlist p a{
		display:inline-block;
		margin-top:10px;
	}
	.l-business01 .l-buttonlist p a img{
		width:120px;
	}
	
	.l-business02{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.l-business02 .l-work{
		width:100%;
		margin:60px auto 0;
		text-align:left;
	}
	.l-business02 .l-work:last-of-type{
		width:100%;
		margin:30px auto 103px;
		text-align:left;
	}
	.l-business02 .l-work .p-title{
		font-size:200%;
		color:#3261b3;
		font-weight:bold;
		border-bottom: 1px dashed #d6d6d6;
	}
	.l-business02 .l-work-table{
		width:100%;
		display:block;
		padding-top:10px;
	}
	.l-business02 .l-work-table > div:first-child{
		width:100%;
		display:block;
		padding-right:0;
		vertical-align:top;
	}
	.l-business02 .l-work-table > div:first-child p img{
		max-width:100%;
		width:100%;
	}
	.l-business02 .l-work-table > div:last-child{
		width:100%;
		display:block;
		vertical-align:top;
	}
	.l-business02 .l-work-table > div:last-child .p-list{
		width:100%;
		padding:12px 15px;
		background-color:#f5f5f5;
		margin-top:10px;
	}
	.l-business02 .l-work-table > div:last-child .p-list p:before{
		content:"●";
		color:#a2deff;
		font-size:125%;
		line-height:0;
	}
	.l-business02 .l-work-table > div:last-child .p-list p{
		display:inline-block;
		padding-right:16px;
		line-height:1.5;
		color: #4c5365;
		font-size:125%;
	}
	.l-business02 .l-work-table > div:last-child .p-message{
		line-height:1.5;
		color: #4c5365;
		padding-top:10px;
		font-size:125%;
	}
	.l-business02 .l-work-table > div:last-child .p-photo{
		width:100%;
		display:table;
		padding-top:10px;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list:first-child{
		width:50%;
		display:table-cell;
		padding-right:8px;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list a{
		display:block;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-image{
		display:inline-block;
		width:60px;
		vertical-align:middle;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-image img{
		max-width:60px;
		width:100%;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-name{
		display:inline-block;
		width:calc(100% - 60px);
		vertical-align:middle;
		padding-left:8px;
		text-decoration:underline;
		font-size:21px;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-name span{
		font-size:16px;
	}
	
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list:last-child{
		width:50%;
		display:table-cell;
		padding-left:8px;
	}
	
	
}
@media screen and (max-width:480px){
	
	body#index{
		font-size: 12px;
	}	
	#index h3{
		display:block;
		width:100%;
		text-align:left;
		border-bottom:6px solid #a2deff;
		font-size:200%;
		color:#223340;
		font-weight:bold;
		letter-spacing:0.25rem;
	}
	
	.l-business01 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-top: 38px;
	}
	.l-business01 .l-inner{
		padding-bottom: 0px;
	}
	.l-business01 p.p-message{
		color:#4c5365;
		line-height:1.5;
		padding-top:15px;
		padding-bottom:5px;
		font-size:125%;
	}
	.l-business01 .l-buttonlist{
		width:100%;
		margin:0 auto;
		text-align:left;
		padding-bottom:0px;
	}
	.l-business01 .l-buttonlist p{
		display:inline;
	}
	.l-business01 .l-buttonlist p a{
		display:inline-block;
		margin-top:10px;
	}
	.l-business01 .l-buttonlist p a img{
		width:95px;
	}
	
	.l-business02{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.l-business02 .l-work{
		width:100%;
		margin:30px auto 0;
		text-align:left;
	}
	.l-business02 .l-work:last-of-type{
		width:100%;
		margin:30px auto 103px;
		text-align:left;
	}
	.l-business02 .l-work .p-title{
		font-size:200%;
		color:#3261b3;
		font-weight:bold;
		border-bottom: 1px dashed #d6d6d6;
	}
	.l-business02 .l-work-table{
		width:100%;
		display:block;
		padding-top:10px;
	}
	.l-business02 .l-work-table > div:first-child{
		width:100%;
		display:block;
		padding-right:0;
		vertical-align:top;
	}
	.l-business02 .l-work-table > div:first-child p img{
		max-width:100%;
		width:100%;
	}
	.l-business02 .l-work-table > div:last-child{
		width:100%;
		display:block;
		vertical-align:top;
	}
	.l-business02 .l-work-table > div:last-child .p-list{
		width:100%;
		padding:12px 15px;
		background-color:#f5f5f5;
		margin-top:10px;
	}
	.l-business02 .l-work-table > div:last-child .p-list p:before{
		content:"●";
		color:#a2deff;
		font-size:125%;
		line-height:0;
	}
	.l-business02 .l-work-table > div:last-child .p-list p{
		display:inline-block;
		padding-right:16px;
		line-height:1.5;
		color: #4c5365;
		font-size:125%;
	}
	.l-business02 .l-work-table > div:last-child .p-message{
		line-height:1.5;
		color: #4c5365;
		padding-top:10px;
		font-size:125%;
	}
	.l-business02 .l-work-table > div:last-child .p-photo{
		width:100%;
		display:table;
		padding-top:10px;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list:first-child{
		width:50%;
		display:table-cell;
		padding-right:4px;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list a{
		display:block;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-image{
		display:inline-block;
		width:58px;
		vertical-align:middle;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-image img{
		max-width:58px;
		width:100%;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-name{
		display:inline-block;
		width:calc(100% - 58px);
		vertical-align:middle;
		padding-left:8px;
		text-decoration:underline;
		font-size:15px;
	}
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list .p-name span{
		font-size:12px;
	}
	
	.l-business02 .l-work-table > div:last-child .p-photo .p-photo-list:last-child{
		width:50%;
		display:table-cell;
		padding-left:4px;
	}
}