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

#wrap #main #mainBox #mainImage {
	width: 100%;
	height: 300px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../img/business/main_image.jpg) no-repeat center center;
	background-size: cover;
	box-shadow:  0 10px 5px -5px rgba(102, 102, 102, 0.4) inset;
}

#wrap #main #mainBox #mainImage #mainImageBox {
	width: 980px;
	margin: 0 auto;
	padding: 90px 0 0 0;
}

#wrap #main #mainBox #mainImage #mainImageBox .mainCopy {
	margin: 50px 0 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 500;
	font-size: 28px;
	line-height: 1.2;
	letter-spacing: 5px;
	text-align: center;
	text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}

#wrap #main #mainBox #concept {
	padding: 50px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 500;
	line-height: 2;
	text-align: center;
}

#wrap #main #mainBox #about {
	height: 2728px;
	padding: 80px 0;
	background: url(../img/business/top_bg01.jpg) no-repeat top center;
}

#wrap #main #mainBox #about .iconBox1 {
	width: 560px;
	margin: 0 auto;
}
#wrap #main #mainBox #about .iconBox2 {
	width: 360px;
	margin: 0 auto;
}

#wrap #main #mainBox #about .iconBox li {
	width: 160px;
	height: 160px;
	margin: 0 40px 20px 0;
	padding: 30px 0 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	background: #ccc;
	border-radius: 50%;
	text-shadow: 
    rgba(50,50,50,0.1) 2px 0px 2px, rgba(50,50,50,0.1) -2px 0px 2px,
    rgba(50,50,50,0.1) 0px -2px 2px, rgba(50,50,50,0.1) -2px 0px 2px,
    rgba(50,50,50,0.1) 2px 2px 2px, rgba(50,50,50,0.1) -2px 2px 2px,
    rgba(50,50,50,0.1) 2px -2px 2px, rgba(50,50,50,0.1) -2px -2px 2px,
    rgba(50,50,50,0.1) 1px 2px 2px, rgba(50,50,50,0.1) -1px 2px 2px,
    rgba(50,50,50,0.1) 1px -2px 2px, rgba(50,50,50,0.1) -1px -2px 2px,
    rgba(50,50,50,0.1) 2px 1px 2px, rgba(50,50,50,0.1) -2px 1px 2px,
    rgba(50,50,50,0.1) 2px -1px 2px, rgba(50,50,50,0.1) -2px -1px 2px,
    rgba(50,50,50,0.1) 1px 1px 2px, rgba(50,50,50,0.1) -1px 1px 2px,
    rgba(50,50,50,0.1) 1px -1px 2px, rgba(50,50,50,0.1) -1px -1px 2px;
	filter: drop-shadow(2px 2px 2px rgba(50,50,50,0.3));
}
#wrap #main #mainBox #about .iconBox li:last-child { margin: 0 0 20px 0; }

#wrap #main #mainBox #about .iconBox li.i01 {	background: #ffa4b7; }
#wrap #main #mainBox #about .iconBox li.i02 {	background: #ada5e9; }
#wrap #main #mainBox #about .iconBox li.i03 {	background: #73c1e8; }
#wrap #main #mainBox #about .iconBox li.i04 {	background: #79e2ac; }
#wrap #main #mainBox #about .iconBox li.i05 {	background: #faa68a; }

#wrap #main #mainBox #about .iconBox li img {
	width: 46px;
}

#wrap #main #mainBox #about .ctext {
	margin: 40px 0 0 0;
	text-align: center;
}

#wrap #main #mainBox #about .aboutBg01 .iconBox { width: 180px;	position: absolute; top: -30px; left: 500px; }
#wrap #main #mainBox #about .aboutBg02 .iconBox { width: 180px;	position: absolute; top: -30px; left: 300px; }
#wrap #main #mainBox #about .aboutBg03 .iconBox { width: 180px;	position: absolute; top: -30px; left: 500px; }
#wrap #main #mainBox #about .aboutBg04 .iconBox { width: 180px;	position: absolute; top: -30px; left: 300px; }
#wrap #main #mainBox #about .aboutBg05 .iconBox { width: 180px;	position: absolute; top: -30px; left: 500px; }
#wrap #main #mainBox #about .aboutBg01 .iconBox li,
#wrap #main #mainBox #about .aboutBg02 .iconBox li,
#wrap #main #mainBox #about .aboutBg03 .iconBox li,
#wrap #main #mainBox #about .aboutBg04 .iconBox li,
#wrap #main #mainBox #about .aboutBg05 .iconBox li {
	width: 180px;
	height: 180px;
	margin: 0;
	padding: 36px 0 0 0;
}

#wrap #main #mainBox #about .aboutRight div {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#wrap #main #mainBox #about .aboutLeft div {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#wrap #main #mainBox #about .aboutText01 {	padding: 40px 0 0 700px; }
#wrap #main #mainBox #about .aboutText02 { padding: 40px 700px 0 0; }
#wrap #main #mainBox #about .aboutText03 {	padding: 100px 0 0 700px; }
#wrap #main #mainBox #about .aboutText04 { padding: 70px 700px 0 0; }
#wrap #main #mainBox #about .aboutText05 {	padding: 100px 0 0 700px; }

#wrap #main #mainBox #about .aboutBg01 {
	height: 300px;
	margin: 140px 0 0 0;
	background: url(../img/business/top_bg01.png) no-repeat top center;
}
#wrap #main #mainBox #about .aboutBg02 {
	height: 300px;
	margin: 80px 0 0 0;
	background: url(../img/business/top_bg02.png) no-repeat top center;
}
#wrap #main #mainBox #about .aboutBg03 {
	height: 300px;
	margin: 80px 0 0 0;
	background: url(../img/business/top_bg03.png) no-repeat top center;
}
#wrap #main #mainBox #about .aboutBg04 {
	height: 300px;
	margin: 80px 0 0 0;
	background: url(../img/business/top_bg04.png) no-repeat top center;
}
#wrap #main #mainBox #about .aboutBg05 {
	height: 300px;
	margin: 80px 0 0 0;
	background: url(../img/business/top_bg05.png) no-repeat top center;
}

#wrap #main #mainBox #about {
	padding: 80px 0;
}














/* smartphone */

@media screen and (max-width: 750px) {

#wrap #main #mainBox #mainImage{
	background-position: 60% 50%;
	height: 200px;
}

#wrap #main #mainBox #mainImage #mainImageBox {
	width: 100%;
}

#wrap #main #mainBox #mainImage #mainImageBox .mainCopy {
	font-size: 22px;
	margin-top: 0;
}

#wrap #main #mainBox #concept {
	padding: 20px 10px;
	font-size: 14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 500;
	line-height: 2;
	text-align: center;
}

#wrap #main #mainBox #about {
	height: auto;
	padding: 40px 10px 60px 10px;
	background: url(../img/business/top_bg01.jpg) no-repeat top center;
}
	
#wrap #main #mainBox #about .iconBox1 {
	width: 360px;
	margin: 0 auto;
}
#wrap #main #mainBox #about .iconBox2 {
	width: 240px;
	margin: 0 auto;
}

#wrap #main #mainBox #about .iconBox li {
	width: 110px;
	height: 110px;
	margin: 0 10px 10px 0;
	padding: 10px 0 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	background: #ccc;
	border-radius: 50%;
	text-shadow: 
    rgba(50,50,50,0.1) 2px 0px 2px, rgba(50,50,50,0.1) -2px 0px 2px,
    rgba(50,50,50,0.1) 0px -2px 2px, rgba(50,50,50,0.1) -2px 0px 2px,
    rgba(50,50,50,0.1) 2px 2px 2px, rgba(50,50,50,0.1) -2px 2px 2px,
    rgba(50,50,50,0.1) 2px -2px 2px, rgba(50,50,50,0.1) -2px -2px 2px,
    rgba(50,50,50,0.1) 1px 2px 2px, rgba(50,50,50,0.1) -1px 2px 2px,
    rgba(50,50,50,0.1) 1px -2px 2px, rgba(50,50,50,0.1) -1px -2px 2px,
    rgba(50,50,50,0.1) 2px 1px 2px, rgba(50,50,50,0.1) -2px 1px 2px,
    rgba(50,50,50,0.1) 2px -1px 2px, rgba(50,50,50,0.1) -2px -1px 2px,
    rgba(50,50,50,0.1) 1px 1px 2px, rgba(50,50,50,0.1) -1px 1px 2px,
    rgba(50,50,50,0.1) 1px -1px 2px, rgba(50,50,50,0.1) -1px -1px 2px;
	filter: drop-shadow(2px 2px 2px rgba(50,50,50,0.3));
}
#wrap #main #mainBox #about .iconBox li:last-child { margin: 0 0 20px 0; }

#wrap #main #mainBox #about .iconBox li.i01 {	background: #ffa4b7; }
#wrap #main #mainBox #about .iconBox li.i02 {	background: #ada5e9; }
#wrap #main #mainBox #about .iconBox li.i03 {	background: #73c1e8; }
#wrap #main #mainBox #about .iconBox li.i04 {	background: #79e2ac; }
#wrap #main #mainBox #about .iconBox li.i05 {	background: #faa68a; }

#wrap #main #mainBox #about .iconBox li img {
	width: 46px;
}

#wrap #main #mainBox #about .ctext {
	margin: 0 0 0 0;
	text-align: center;
}

#wrap #main #mainBox #about .aboutBg01 .iconBox { width: 120px; margin: 0 10px;	position: absolute; top: 0; left: inherit; right: 0; }
#wrap #main #mainBox #about .aboutBg02 .iconBox { width: 120px; margin: 0 10px;	position: absolute; top: 0; left: 0; }
#wrap #main #mainBox #about .aboutBg03 .iconBox { width: 120px; margin: 0 10px;	position: absolute; top: 0; left: inherit; right: 0; }
#wrap #main #mainBox #about .aboutBg04 .iconBox { width: 120px; margin: 0 10px;	position: absolute; top: 0; left: 0; }
#wrap #main #mainBox #about .aboutBg05 .iconBox { width: 120px; margin: 0 10px;	position: absolute; top: 0; left: inherit; right: 0; }
#wrap #main #mainBox #about .aboutBg01 .iconBox li,
#wrap #main #mainBox #about .aboutBg02 .iconBox li,
#wrap #main #mainBox #about .aboutBg03 .iconBox li,
#wrap #main #mainBox #about .aboutBg04 .iconBox li,
#wrap #main #mainBox #about .aboutBg05 .iconBox li {
	width: 120px;
	height: 120px;
	margin: 0;
	padding: 10px 0 0 0;
}

#wrap #main #mainBox #about .aboutRight div {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#wrap #main #mainBox #about .aboutLeft div {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#wrap #main #mainBox #about .aboutText01 {	padding: 10px 0 0 0; }
#wrap #main #mainBox #about .aboutText02 { padding: 10px 0 0 0; }
#wrap #main #mainBox #about .aboutText03 {	padding: 10px 0 0 0; }
#wrap #main #mainBox #about .aboutText04 { padding: 10px 0 0 0; }
#wrap #main #mainBox #about .aboutText05 {	padding: 10px 0 0 0; }

#wrap #main #mainBox #about .aboutBg01 {
	height: auto;
	margin: 40px 0 0 0;
	background: none;
}
#wrap #main #mainBox #about .aboutBg02 {
	height: auto;
	margin: 20px 0 0 0;
	background: none;
}
#wrap #main #mainBox #about .aboutBg03 {
	height: auto;
	margin: 20px 0 0 0;
	background: none;
}
#wrap #main #mainBox #about .aboutBg04 {
	height: auto;
	margin: 20px 0 0 0;
	background: none;
}
#wrap #main #mainBox #about .aboutBg05 {
	height: auto;
	margin: 20px 0 0 0;
	background: none;
}

#wrap #main #mainBox #about .sp {
	margin: 0 0 10px 0;
}





}