/* TOP CSS */

/*  section5 ---------------------------*/
#section5 {
	width:100%;
	padding:150px 0 0 0;
	margin:0 auto;
}
#section5 h3 {
	padding:52px 0 0 0;
	margin:0 auto 50px auto;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#06070a;
	background:url(../images/top/section5_title.png) top center no-repeat;
}
#section5 dl {
	padding:0 0 220px 0;
	margin:0 auto;
	color:#333333;
	text-align:center;
	font-size:14px;
	background:url(../images/top/section5_logo.png) bottom center no-repeat;
}
#section5 dl .dt1 {
	margin:0 auto 30px auto;
	font-size:18px;
	font-weight:bold;
}
#section5 dl .dd1,
#section5 dl .dd2 {
	margin:0 auto 45px auto;
	line-height:1.71;
}
#section5 dl .dt2 {
	height:18px;
	margin:0 auto 30px auto;
	font-weight:bold;
	line-height:18px;
	background:url(../images/top/section5_dt.png) center no-repeat;
}

/* Desktops and laptops */
@media screen and (min-width : 701px) {
	/*  main visual ---------------------------*/
	#visual_wrapper {
		width:100%;
		height:665px;
		padding:321px 0 0 0;
		margin:0 auto;
	}
	#visual_inner {
		width:100%;
		overflow:hidden;
	}
	#top_assets {
		width:620px;
		height:96px;
		padding:14px 0 0 0;
		margin:0 auto 170px auto;
		background: url(../images/top/top_asset1.gif) center top no-repeat;
	}
	#copy1 {
		width: 0;
		/*width: 620px;*/
		height: 43px;
		background: url(../images/top/copy1.png) 0 0 no-repeat;
		margin: 0 auto 39px auto;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#copy2 {
		width: 333px;
		height: 14px;
		background: url(../images/top/copy2.png) no-repeat;
		margin: 0 auto 170px auto;
		padding: 0;
		display: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#info {
		width:530px;
		height:93px;
		margin:0 auto;
		position:relative;
	}
	#info li {
		width:100%;
		height:30px;
		margin:0 0 1px 0;
		font-size:13px;
		display:block;
		position:absolute;
		opacity:0;
	}
	#info li.info1 {
		background:url(../images/common/bg_c.png);
		top:0;
		left:-530px;
	}
	#info li.info2 {
		background:url(../images/common/bg_m.png);
		top:31px;
		left:530px;
	}
	#info li.info3 {
		background:url(../images/common/bg_y.png);
		top:62px;
		left:-530px;
	}
	#info li a,
	#info li span {
		padding:0 10px;
		color:#ffffff;
		line-height:30px;
	}
	
	/*  section1 ---------------------------*/
	#section1 {
		width:100%;
		height:180px;
		margin:0 auto;
	}
	#service {
		width:100%;
		height:637px;
		margin:0 auto 300px auto;
		background:url(../images/common/bg_m.png);
	}
	#section1_contents {
		width:100%;
		padding:0;
		height:637px;
		padding:0;
		background:url(../images/top/section1_bg.jpg) 50% 180px no-repeat fixed;
	}
	#section1_contents_inner {
		width:910px;
		height:637px;
		margin:0 auto;
		position:relative;
	}
	#section1_title {
		width: 0;
		/*width: 347px;*/
		height: 31px;
		background: url(../images/top/section1_title.png) 0 0 no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:110px;
		left:455px;
	}
	#section1_message {
		width: 0;
		/*width: 436px;*/
		height: 18px;
		background: url(../images/top/section1_message.png) 0 0 no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:150px;
		left:455px;
	}
	#section1_about li {
		width: 226px;
		/*width: 226px;*/
		height: 245px;
		opacity:0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:207px;
	}
	#section1_service1 {
		background: url(../images/top/section1_asset1.png) 0 0 no-repeat;
		left:555px;
		/*left:455px;*/
	}
	#section1_service2 {
		background: url(../images/top/section1_asset2.png) 0 0 no-repeat;
		left:784px;
		/*left:684px;*/
	}
	#section1_text {
		width: 330px;
		min-height: 70px;
		padding:8px 0 0 145px;
		background: url(../images/top/section1_asset3.png) 0 0 no-repeat;
		color:#ffffff;
		font-size:14px;
		line-height:1.71;
		position:absolute;
		top:453px;
		left:435px;
		display:none;
	}
	#section1_asset4 {
		width: 0;
		/*width: 137px;*/
		height: 70px;
		background: url(../images/top/section1_asset4.png) 0 0 no-repeat;
		display: block;
		position:absolute;
		top:185px;
		/*top:225px;*/
		left:455px;
		/*left:318px;*/
	}
	
	/*  section2 ---------------------------*/
	#section2 {
		width:100%;
		height:637px;
		margin:0 auto 300px auto;
		background:url(../images/common/bg_y.png);
		position:relative;
	}
	#section2_contents {
		width:100%;
		max-width:1290px;
		height:637px;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	#section2_main {
		width:690px;
		height:637px;
		margin:0 auto;
		padding:0;
		background:url(../images/common/bg_y.png);
		position:relative;
		z-index:10;
	}
	#section2_title {
		width: 0;
		/*width: 415px;*/
		height: 73px;
		background: url(../images/top/section2_title.png) 0 0 no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:110px;
		left:135px;
	}
	#section2_title2 {
		width: 160px;
		height: 28px;
		background: url(../images/top/section2_title2.png) 0 0 no-repeat;
		display: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:234px;
		left:263px;
	}
	#section2_list {
		width: 456px;
		height: 130px;
		background: url(../images/top/section2_list.png) 0 0 no-repeat;
		display: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:276px;
		left:117px;
	}
	#section2_text {
		width: 323px;
		min-height: 100px;
		padding:8px 0 0 157px;
		background: url(../images/top/section2_asset1.png) 0 0 no-repeat;
		color:#ffffff;
		font-size:14px;
		line-height:1.71;
		position:absolute;
		top:425px;
		display:none;
		left:93px;
	}
	#section2_asset2 {
		width: 106px;
		/*width: 106px;*/
		height: 37px;
		background: url(../images/top/section2_asset2.png) 0 0 no-repeat;
		display: block;
		position:absolute;
		top:637px;
		/*top:547px;*/
		left:605px;
	}
	#section2_btn {
		display:none;
	}
	#section2_thumb1,
	#section2_thumb2 {
		width:300px;
		height:637px;
		background:#ffffff;
		overflow:hidden;
		position:absolute;
		top:0;
	}
	#section2_thumb1 {
		left:0;
	}
	#section2_thumb2 {
		right:0;
	}
	.slide {
		width:2400px;
		height:637px;
		display:block;
	}
	.slide li {
		width:300px;
		height:637px;
		display:block;
		float:left;
		cursor:pointer;
	}
	.slide li:hover {
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	#slideLargeWrapper {
		width:100%;
		height:0;
		/*height:637px;*/
		margin:0 auto;
		background:url(../images/common/bg_y.png);
		z-index:10;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
	}
	#slideLargeInner {
		width:1042px;
		height:637px;
		margin:0 auto;
		position:relative;
	}
	#slideLarge {
		width:962px;
		height:637px;
		margin:0 auto;
		position:relative;
	}
	#prevBtn {
		width: 40px;
		height: 40px;
		background: url(../images/top/btnPrev.png) no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:290px;
		left:0;
		cursor:pointer;
		z-index:100;
	}
	#nextBtn {
		width: 40px;
		height: 40px;
		background: url(../images/top/btnNext.png) no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:290px;
		right:0;
		cursor:pointer;
		z-index:100;
	}
	#closeBtn {
		width: 40px;
		height: 40px;
		background: url(../images/top/btnClose.png) no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:0;
		right:0;
		cursor:pointer;
		z-index:300;
	}
	#prevBtn:hover,
	#nextBtn:hover,
	#closeBtn:hover {
		opacity:0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
	}
	
	/*  section3 ---------------------------*/
	#section3 {
		width:100%;
		height:637px;
		margin:0 auto 300px auto;
		background:url(../images/common/bg_c.png);
	}
	#section3_contents {
		width:100%;
		height:637px;
		padding:0;
		background:url(../images/top/section3_bg.jpg) 50% 180px no-repeat fixed;
	}
	#section3_contents_inner {
		width:910px;
		height:637px;
		margin:0 auto;
		position:relative;
	}
	#section3_title {
		width: 0;
		/*width: 347px;*/
		height: 31px;
		background: url(../images/top/section3_title.png) 0 0 no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:94px;
	}
	#section3_message {
		width: 0;
		/*width: 436px;*/
		height: 18px;
		background: url(../images/top/section3_message.png) 0 0 no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:136px;
	}
	#section3_title2 {
		width: 348px;
		/*width: 348px;*/
		height: 28px;
		background: url(../images/top/section3_title2.png) 0 0 no-repeat;
		display: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:180px;
		left:55px;
	}
	#section3_about li {
		width: 226px;
		/*width: 226px;*/
		opacity:0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		background-image: url(../images/top/section3_asset1.png);
	}
	#section3_service1 {
		height: 63px;
		background-position:0 0;
		top:222px;
		left:-100px;
		/*left:0;*/
	}
	#section3_service2 {
		height: 63px;
		background-position:-228px 0;
		top:222px;
		left:128px;
		/*left:228px;*/
	}
	#section3_service3 {
		height: 87px;
		background-position:0 -65px;
		top:287px;
		left:-100px;
		/*left:0;*/
	}
	#section3_service4 {
		height: 87px;
		background-position:-228px -65px;
		top:287px;
		left:128px;
		/*left:228px;*/
	}
	#section3_list {
		width: 454px;
		/*width: 454px;*/
		height: 200px;
		background: url(../images/top/section3_asset2.png) 0 0 no-repeat;
		display: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position:absolute;
		top:374px;
		left:0;
	}
	#section3_asset3 {
		width: 0;
		/*width: 137px;*/
		height: 122px;
		background: url(../images/top/section3_asset3.png) 0 0 no-repeat;
		display: block;
		position:absolute;
		top:370px;
		left:467px;
		/*top:340px;*/
	}
	
	/*  section4 ---------------------------*/
	#section4 {
		width:100%;
		height:300px;
		margin:0 auto;
		background:#ffffff;
	}
	#section4 .text {
		padding:60px 0 0 0;
		margin:0 auto 30px auto;
		text-align:center;
		font-size:20px;
		line-height:1.61;
		color:#444444;
	}
	#section4 .btn {
		width:274px;
		height:50px;
		margin:0 auto 20px auto;
		padding:0;
	}
	#section4 .btn a {
		width:274px;
		height:50px;
		background:url(../images/top/section4_btn.png) no-repeat #333333;
		margin: 0;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		}
	#section4 .btn a:link, #section4 .btn a:visited { background-position:top center; }
	#section4 .btn a:hover, #section4 .btn a:active { background-position:bottom center; background-color:#f6f6f6; }
	#section4 .tel {
		padding:0;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		line-height:1.61;
		color:#333333;
	}
	
	/*  section5 ---------------------------*/
	#section5 {
		width:100%;
		padding:150px 0 0 0;
		margin:0 auto;
	}
	#section5 h3 {
		padding:52px 0 0 0;
		margin:0 auto 50px auto;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		color:#06070a;
		background:url(../images/top/section5_title.png) top center no-repeat;
	}
	#section5 dl {
		padding:0 0 220px 0;
		margin:0 auto;
		color:#333333;
		text-align:center;
		font-size:14px;
		background:url(../images/top/section5_logo.png) bottom center no-repeat;
	}
	#section5 dl .dt1 {
		margin:0 auto 30px auto;
		font-size:18px;
		font-weight:bold;
	}
	#section5 dl .dd1,
	#section5 dl .dd2 {
		margin:0 auto 45px auto;
		line-height:1.71;
	}
	#section5 dl .dt2 {
		height:18px;
		margin:0 auto 30px auto;
		font-weight:bold;
		line-height:18px;
		background:url(../images/top/section5_dt.png) center no-repeat;
	}	
}

/* Smartphones (portrait and landscape) */
@media screen and (max-width : 700px) {
	/* Smartphones main visual ---------------------------*/
	#top_assets {
		display:none;
	}
	/* Smartphones info ---------------------------*/
	#info {
		width:100%;
		min-height:93px;
		margin:0 auto 30px auto;
		position:relative;
	}
	#info li {
		width:100%;
		height:30px;
		margin:0 0 1px 0;
		font-size:13px;
		display:block;
		opacity:0;
	}
	#info li.info1 {
		background:url(../images/common/bg_c.png);
	}
	#info li.info2 {
		background:url(../images/common/bg_m.png);
	}
	#info li.info3 {
		background:url(../images/common/bg_y.png);
	}
	#info li a,
	#info li span {
		padding:0 10px;
		color:#ffffff;
		line-height:30px;
	}
	/*  section1 ---------------------------*/
	#section1 {
		width:100%;
		height:1px;
		margin:0 auto;
	}
	#service {
		width:100%;
		padding:20px 0;
		margin:0 auto 30px auto;
		background:url(../images/common/bg_m.png);
	}
	#section1_contents {
		width:100%;
		padding:0;
		padding:0;
	}
	#section1_contents_inner {
		width:100%;
		margin:0 auto;
	}
	#section1_title {
		padding:0 10px 0 10px;
		margin:0 auto 20px auto;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		line-height:1.4;
		color:#ffffff;
	}
	#section1_message {
		padding:0 10px 0 10px;
		margin:0 auto 20px auto;
		font-size:14px;
		line-height:1.4;
		color:#ffffff;
	}
	#section1_about li {
		width: 226px;
		height: 245px;
		margin:0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#section1_service1 {
		background: url(../images/top/section1_asset1.png) 0 0 no-repeat;
	}
	#section1_service2 {
		background: url(../images/top/section1_asset2.png) 0 0 no-repeat;
	}
	#section1_text {
		width: 100%;
		min-height:100px;
		padding:0 5px 0 130px;
		box-sizing:border-box;
		background: url(../images/top/section1_asset3.png) 0 0 no-repeat;
		color:#ffffff;
		font-size:14px;
		line-height:1.4;
	}
	#section1_asset4 {
		display: none;
	}
	
	/*  section2 ---------------------------*/
	#section2 {
		width:100%;
		padding:20px 0;
		margin:0 auto 30px auto;
		background:url(../images/common/bg_y.png);
		position:relative;
	}
	#section2_contents {
		width:100%;
		margin:0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
	}
	#section2_main {
		width:100%;
		margin:0 auto;
		padding:0;
		background:url(../images/common/bg_y.png);
		position:relative;
		z-index:10;
	}
	#section2_title {
		padding:0 10px 0 10px;
		margin:0 auto 20px auto;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		line-height:1.4;
		color:#ffffff;
	}
	#section2_title2 {
		width: 160px;
		height: 28px;
		margin:0 auto 10px auto;
		background: url(../images/top/section2_title2.png) 0 0 no-repeat;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#section2_list {
		width:100%;
		margin:0 auto 10px auto;
	}
	#section2_list li {
		width:48%;
		margin:0 1% 1px 1%;
		padding:5px;
		box-sizing:border-box;
		display:block;
		font-size:12px;
		background-color:#f5ea73;
		float:left;
	}
	#section2_text {
		width: 100%;
		min-height:100px;
		padding:0 5px 20px 140px;
		box-sizing:border-box;
		background: url(../images/top/section2_asset1.png) 0 0 no-repeat;
		color:#ffffff;
		font-size:14px;
		line-height:1.4;
	}
	#section2_btn {
		width:274px;
		margin:0 auto;
		padding:0;
	}
	#section2_btn a {
		width:274px;
		padding:15px 0;
		font-size:16px;
		text-align:center;
		color:#ffffff;
		background:#333333;
		display: block;
	}
	#section2_asset2 {
		display: none;
	}
	#section2_thumb1,
	#section2_thumb2 {
		display:none;
	}
	#slideLargeWrapper {
		display:none;
	}
	
	/*  section3 ---------------------------*/
	#section3 {
		width:100%;
		padding:20px 0;
		margin:0 auto 30px auto;
		background:url(../images/common/bg_c.png);
	}
	#section3_contents {
		width:100%;
	}
	#section3_contents_inner {
		width:100%;
	}
	#section3_title {
		padding:0 10px 0 10px;
		margin:0 auto 20px auto;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		line-height:1.4;
		color:#ffffff;
	}
	#section3_message {
		padding:0 10px 0 10px;
		margin:0 auto 20px auto;
		font-size:14px;
		line-height:1.4;
		color:#ffffff;
	}
	#section3_title2 {
		width: 90%;
		max-width:320px;
		height: 28px;
		margin:0 auto 10px auto;
		background: url(../images/top/section3_title2.png) 0 0 no-repeat;
		background-size:contain;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#section3_about li {
		width: 226px;
		margin:0 auto 1px auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(../images/top/section3_asset1.png);
	}
	#section3_service1 {
		height: 63px;
		background-position:0 0;
	}
	#section3_service2 {
		height: 63px;
		background-position:-228px 0;
	}
	#section3_service3 {
		height: 63px;
		background-position:0 -65px;
	}
	#section3_service4 {
		height: 87px;
		background-position:-228px -65px;
	}
	#section3_list {
		width: 100%;
		max-width: 454px;
		height: 200px;
		margin:0 auto;
		background: url(../images/top/section3_asset2.png) center top no-repeat;
		background-size:contain;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#section3_asset3 {
		display: none;
	}
	
	/*  section4 ---------------------------*/
	#section4 {
		width:100%;
		margin:0 auto 40px auto;
		padding:20px 0;
		background:#ffffff;
	}
	#section4 .text {
		padding:0 10px;
		margin:0 auto 30px auto;
		text-align:center;
		font-size:14px;
		line-height:1.61;
		color:#444444;
	}
	#section4 .text br {
		display:none;
	}
	#section4 .btn {
		width:274px;
		height:50px;
		margin:0 auto 20px auto;
		padding:0;
	}
	#section4 .btn a {
		width:274px;
		height:50px;
		background:url(../images/top/section4_btn.png) no-repeat #333333;
		margin: 0;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		}
	#section4 .btn a:link, #section4 .btn a:visited { background-position:top center; }
	#section4 .btn a:hover, #section4 .btn a:active { background-position:bottom center; background-color:#f6f6f6; }
	#section4 .tel {
		padding:0;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		line-height:1.61;
		color:#333333;
	}
	
	/*  section5 ---------------------------*/
	#section5 {
		padding:0;
	}
	#section5 dl {
		padding:0 0 150px 0;
	}
}