@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;
	text-align:center;
}
.l-business02 .l-work{
	width:100%;
	margin:0px auto 0;
	text-align:left;
}
.l-business02 #work01{
	margin:30px auto 0;
}
.l-business02 .l-work .l-work-image{
	float:left;
	width:165px;
	vertical-align:bottom;
}
.l-business02 .l-work .l-work-image p img{
	max-width:164px;
	width:100%;
}
.l-business02 .l-work .l-work-title{
	float:right;
	width:calc(100% - 181px);
	padding-left:16px;
	padding-bottom:5px;
}
.l-business02 .l-work .l-work-title p{
	font-size:150%;
	color:#3261b3;
	font-weight:bold;
	border-bottom: 1px dashed #d6d6d6;
}
.l-business02 .l-work .l-work-title p span{
	font-size:17px;
}
.l-business02 .l-work .l-work-title > span{
	display:inline-block;
	margin-top:8px;
}	
.l-business02 .l-work .l-work-message{
	float:right;
	width:calc(100% - 181px);
	padding-left:16px;
}
.l-business02 .l-work .l-work-message p{
	padding-top:0px;
	line-height:1.5;
	color:#4c5365;
}
.l-business02 .l-button{
	width:100%;
	margin:25px auto 30px;
	text-align:center;
}
.l-business02 .l-button a{
	display:inline-block;
}
.l-business02 .l-button a img{
	max-width:562px;
	width:100%;
}

.l-business03{
	width:100%;
	margin:0 auto 130px;
	text-align:left;
}
.l-business03 .l-title{
	width:100%;
	padding:10px 15px;
	background-color:#223340;
	margin:0 auto;
	text-align:left;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
.l-business03 .l-title p{
	font-size:150%;
	color:#FFFFFF;
	font-weight:bold;
}
.l-business03 .l-business03-01{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:10px 30px 30px;
	background-color:#f5f5f5;		
}
.l-business03 .l-business03-01 > div{
	width:50%;
	display:inline-block;
	padding:10px 16px 10px 0;
	border-bottom: 1px dashed #d6d6d6;
	vertical-align:top;
}
.l-business03 .l-business03-01 > div > p:first-of-type{
	width:75px;
	display:inline-block;
	vertical-align:middle;
}
.l-business03 .l-business03-01 > div > p:last-of-type{
	width:calc(100% - 91px);
	padding-left:16px;
	display:inline-block;
	vertical-align:middle;
	font-size:87.5%;
	color:#4c5365;
}
.l-business03 .l-business03-01 > div:last-of-type{
	border-bottom: none;
}

@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 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:0px auto 0;
		text-align:left;
	}
	.l-business02 #work01{
		margin:30px auto 0;
	}
	.l-business02 .l-work .l-work-image {
		float: left;
		width: 115px;
		vertical-align: bottom;
	}
	.l-business02 .l-work .l-work-image p img {
		max-width: 114px;
		width: 100%;
	}
	.l-business02 .l-work .l-work-title{
		float:right;
		width:calc(100% - 115px);
		padding-left:16px;
		padding-bottom:0px;
	}
	.l-business02 .l-work .l-work-title p{
		font-size:200%;
		color:#3261b3;
		font-weight:bold;
		border-bottom: 1px dashed #d6d6d6;
	}
	.l-business02 .l-work .l-work-title p span{
		font-size:14px;
		display:block;
		line-height:1.5;
	}
	.l-business02 .l-work .l-work-title > span img{
		display:inline-block;
		padding-bottom:5px;
		width:91px;
	}
		
	.l-business02 .l-work .l-work-message{
		float:none;
		width:100%;
		padding-left:0px;
		padding-bottom:25px;
	}
	.l-business02 .l-work .l-work-message:before{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 1px;
		overflow: hidden;/* 隙間対応 */
		font-size: 0.1em;/* 隙間対応 */
		line-height: 0;/* 隙間対応 */
	}
	.l-business02 .l-work .l-work-message p{
		padding-top:8px;
		font-size:125%;
		line-height:1.5;
		color:#4c5365;
	}
	.l-business02 .l-button{
		width:100%;
		margin:15px auto 15px;
		text-align:center;
	}
	.l-business02 .l-button a{
		display:inline-block;
	}
	.l-business02 .l-button a img{
		max-width:509px;
		width:100%;
	}
	
	.l-business03{
		width:100%;
		margin:0 auto 65px;
		text-align:left;
	}
	.l-business03 .l-title{
		width:100%;
		padding:10px 15px;
		background-color:#223340;
		margin:0 auto;
		text-align:left;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
	}
	.l-business03 .l-title p{
		font-size:200%;
		color:#FFFFFF;
		font-weight:bold;
	}
	.l-business03 .l-business03-01{
		width:100%;
		margin:0 auto;
		text-align:left;
		padding:10px 15px 10px;
		background-color:#f5f5f5;		
	}
	.l-business03 .l-business03-01 > div{
		width:100%;
		display:block;
		padding:10px 16px 10px 0;
		border-bottom: 1px dashed #d6d6d6;
		vertical-align:top;
	}
	.l-business03 .l-business03-01 > div > p:first-of-type{
		width:100%;
		display:block;
		vertical-align:middle;
	}
	.l-business03 .l-business03-01 > div > p:first-of-type img{
		width:91px;
	}
	.l-business03 .l-business03-01 > div > p:last-of-type{
		width:100%;
		padding-left:0;
		display:block;
		vertical-align:middle;
		font-size:108.3%;
		color:#4c5365;
		padding-top:5px;
	}
	.l-business03 .l-business03-01 > div:last-of-type{
		border-bottom: none;
	}
	
}
@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 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:0px auto 0;
		text-align:left;
	}
	.l-business02 #work01{
		margin:30px auto 0;
	}
	.l-business02 .l-work .l-work-image {
		float: left;
		width: 83px;
		vertical-align: bottom;
	}
	.l-business02 .l-work .l-work-image p img {
		max-width: 82px;
		width: 100%;
	}
	.l-business02 .l-work .l-work-title{
		float:right;
		width:calc(100% - 83px);
		padding-left:16px;
		padding-bottom:0px;
	}
	.l-business02 .l-work .l-work-title p{
		font-size:200%;
		color:#3261b3;
		font-weight:bold;
		border-bottom: 1px dashed #d6d6d6;
	}
	.l-business02 .l-work .l-work-title p span{
		font-size:12px;
		display:block;
		line-height:1.5;
	}
	/*.l-business02 .l-work .l-work-title p span.p-title{
		font-size:24px;
		display:inline-block;
		line-height:1.5;
		width:73px;
		vertical-align:top;
	}
	.l-business02 .l-work .l-work-title p span.p-title2{
		font-size:12px;
		display:inline-block;
		line-height:1.5;
		width:calc(100% - 73px);
		vertical-align:top;
	}*/
	.l-business02 .l-work .l-work-title > span img{
		display:inline-block;
		padding-bottom:5px;
		width:65px;
	}
		
	.l-business02 .l-work .l-work-message{
		float:none;
		width:100%;
		padding-left:0px;
		padding-bottom:25px;
	}
	.l-business02 .l-work .l-work-message:before{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 1px;
		overflow: hidden;/* 隙間対応 */
		font-size: 0.1em;/* 隙間対応 */
		line-height: 0;/* 隙間対応 */
	}
	.l-business02 .l-work .l-work-message p{
		padding-top:8px;
		font-size:125%;
		line-height:1.5;
		color:#4c5365;
	}
	.l-business02 .l-button{
		width:100%;
		margin:15px auto 15px;
		text-align:center;
	}
	.l-business02 .l-button a{
		display:inline-block;
	}
	.l-business02 .l-button a img{
		max-width:314px;
		width:100%;
	}
	
	.l-business03{
		width:100%;
		margin:0 auto 65px;
		text-align:left;
	}
	.l-business03 .l-title{
		width:100%;
		padding:10px 15px;
		background-color:#223340;
		margin:0 auto;
		text-align:left;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
	}
	.l-business03 .l-title p{
		font-size:200%;
		color:#FFFFFF;
		font-weight:bold;
	}
	.l-business03 .l-business03-01{
		width:100%;
		margin:0 auto;
		text-align:left;
		padding:10px 15px 10px;
		background-color:#f5f5f5;		
	}
	.l-business03 .l-business03-01 > div{
		width:100%;
		display:block;
		padding:10px 0px 10px 0;
		border-bottom: 1px dashed #d6d6d6;
		vertical-align:top;
	}
	.l-business03 .l-business03-01 > div > p:first-of-type{
		width:100%;
		display:block;
		vertical-align:middle;
	}
	.l-business03 .l-business03-01 > div > p:first-of-type img{
		width:65px;
	}
	.l-business03 .l-business03-01 > div > p:last-of-type{
		width:100%;
		padding-left:0;
		display:block;
		vertical-align:middle;
		font-size:108.3%;
		color:#4c5365;
		padding-top:5px;
	}
	.l-business03 .l-business03-01 > div:last-of-type{
		border-bottom: none;
	}
	
}