@charset "UTF-8";

@media screen and (min-width:641px) {






/* staff-blog-Box
-------------------------------------*/

.staff-blog-Box{
background-image: url(../images/index/staff-blog-bg.jpg);
padding: 32px 32px 26px 0;
}

.staff-blog-Box .ttl-box{
width: 277px;
text-align: center;
}

.staff-blog-Box .ttl{
margin-bottom: 32px;
}

.staff-blog-Box .scrolling-Box{
background-color: #fff;
padding: 8px 40px 18px 40px;
 box-sizing: border-box; overflow-y: scroll; transform: translateZ(0);
width: 793px;
height: 215px;
}

.staff-blog-Box .scrolling-Box li{
padding-top: 24px;
padding-bottom: 16px;
border-bottom: 1px dotted #000;
padding-right: 1em;
}

.staff-blog-Box .scrolling-Box .ttl-02{

}

.staff-blog-Box .scrolling-Box .date{
	color: #ff9600;
	font-size: 14px;
	font-weight: 400;
	margin-right: 32px;
		line-height: 1.7;
}
.staff-blog-Box .scrolling-Box .date:before {
content: "\25A0" ;
margin-right: .3em;	
}

.staff-blog-Box .scrolling-Box .ttl-02{
	font-size: 14px;
	line-height: 1.7;
}


.news-Box{
background-image: url(../images/index/news-and-event-ttl-bg.jpg);
width: 477px;
padding: 17px 15px 15px 15px;
margin-right: 28px;
}

.news-Box .ttl{
text-align: center;
margin-bottom: 16px;
}

.news-Box .scrolling-Box{
width: 446px;
height: 198px;
box-sizing: border-box; overflow-y: scroll; transform: translateZ(0);
background-color: #fff;
padding: 0 52px 12px 20px;
}

.news-Box .scrolling-Box li{
padding-top: 15px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #000;
}

.news-Box .scrolling-Box .date{
	color: #ff9600;
	font-size: 12px;
		line-height: 1.7;
		margin-bottom: 8px;
}
.news-Box .scrolling-Box .date:before {
content: "\25A0" ;
margin-right: .3em;	
}

.news-Box .scrolling-Box .s-ttl{
	color: #0a090a;
	font-size: 14px;
line-height: 1.5;
}



.o-bnr .ttl{
text-align: center;
margin-bottom: 16px;
padding-top:80px ;
}
.o-bnr .s-ttl{
padding-left: 88px;
margin-bottom: 16px;
position: relative;
z-index: 2;
}
.o-bnr .bg-Box{
background-image: url(../images/index/contact-bg.jpg);
}

.o-bnr .w-Box .en-inner{width: 1050px; margin: 0 auto; position: relative; padding-top: 18px; padding-bottom: 24px; list-style: none;}
.o-bnr .w-Box .con-ttl1 {
    margin-top: 30px;
}
.o-bnr .abs-pic{
position: absolute;
top: -24px;
right: 0;
z-index: 0;
}

.o-bnr .tel{
margin-right: 16px;
}

.o-bnr .mail{
position: relative;
z-index: 1;
}
	

	/* main
	-------------------------------------*/
	.main-Box { padding: 10px 0; background-color: #194a86; overflow: hidden; position: relative; width: 100%; }
	.main-Box ul { position: relative; left: 50%; width: 3340px; margin-left: -1670px; }
	.main-Box li { width: 1100px !important; margin: 0 auto;}
	.slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 75px; height: 75px; text-indent: -9999px; z-index: 200; }
	.slider-3mai-Box .bx-wrapper .bx-prev { left: 1065px; background-image: url(../images/index/slider_btn_l.png); background-position: 0 0; }
	.slider-3mai-Box .bx-wrapper .bx-next { right: 1080px; background-image: url(../images/index/slider_btn_r.png); background-position: 0 0; }
	.bxslider { display: block; }
	#box1 { 
	background-color: #eaeaea;
	margin-bottom: 40px;
    background-image: url(../images/index/contact-bg.jpg);
	list-style: none;
	}
	
	
	#box1 .inner { width: 1050px; margin: 0 auto; position: relative; padding-top: 18px; padding-bottom: 24px; }
	#box1 .ttl { margin-bottom: 16px; }
#box1 .box_r { 
/*background-color: #fff;*/
width: 410px;
/*padding: 16px;*/
}
#box1 .con-ttl1{
margin-top:30px;
}


#box1 .box_r .ttl-02{
position: absolute;
top: -10px;
right: 26px;
}
	
#box1 .box_r	.txt-Box{
padding-top: 45px;
}

#box1 .box_r	.sttl{
	color: #000000;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: .5em;
}
	
#box1 .box_r	.txt{
	color: #000000;
	font-size: 13px;
	line-height: 1.5;
}
	
	
	#box1 .box_r	.pic-Box{
width: 160px;
border: 2px solid #acacac;
padding: 4px;
margin-right: 20px;
position: relative;
}


	#box1 .box_r	.pic-Box .abs-ttl{
position: absolute;
top: -20px;
left: -20px;
}


	#box1 .box_r	.fit{
width: 148px;
height: 127px;
}
		#box1 .box_r	.fit img{
width: 148px;
height: 127px;
}
	
	
	
	#box1 .inner .box_l { width: 678px; 
	margin-right: 14px;
	}
	
	#box1 .inner .box_l .photo { position: absolute; top: -41px; left: 0; }
	#box1 .inner .list { background: url(../images/index/box1_bg02.png) repeat top; width: 294px; position: absolute; bottom: 35px; right: 0; }
	#box1 .inner .list li { padding: 9px 10px 27px; position: relative; border: 3px solid #0a090a; }
	#box1 .inner .list li .ttl { position: absolute; top: -65px; }
	#box1 .inner .list li .photo { padding: 4px; background-color: #fff; border: 1px solid #757575; margin-bottom: 18px; }
	#box1 .inner .list li .fit { width: 265px; height: 160px; text-align: center; overflow: hidden; }
	#box1 .inner .list li .fit img { width: 256px; height: 150px; }
	#box1 .inner .list li .txt { color: #0a090a; font-size: 16px; font-weight: bold; line-height: 1.5; }
	
	
	#box2 { margin-bottom: 50px; }
	#box2 .bnr{ margin-bottom: 35px; }
	
	
	
	#box2 .inner { width: 1100px; margin: 0 auto; }
	#box2 .inner .bg_box { background: url(../images/index/box2_bg.jpg) no-repeat top; padding-right: 26px; margin-bottom: 55px; }
	#box2 .inner .bg_box .txt { padding-top: 41px; padding-left: 10px; }
	#box2 .inner .bg_box .txt02 { padding-top: 20px; margin-bottom: 7px; margin-left: 44px; }
	#box2 .inner .list .event { background: url(../images/index/box3_bg.jpg) repeat top; }
	#box2 .inner .list .blog { background: url(../images/index/box3_bg02.jpg) repeat top; }
	#box2 .inner .list li { width: 530px; padding: 17px 15px 12px; }
	#box2 .inner .list li h4 { padding-left: 8px; margin-bottom: 18px; }
	#box2 .inner .list li .scroll_box { background-color: #fff; padding: 20px 0 20px 32px; overflow: scroll; height: 262px; }
	#box2 .inner .list li .scroll_box dl { width: 420px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #000; }
	#box2 .inner .list li .scroll_box dl dt { color: #ff9600; font-size: 12px; line-height: 1.5; }
	#box2 .inner .list li .scroll_box dl dt:before { content: "\25A0"; margin-right: .3em; }
	#box2 .inner .list li .scroll_box dl dd { color: #0a090a; font-size: 14px; line-height: 1.5; }
	#box3 { margin-bottom: 50px; }
	#box3 .inner { width: 1100px; margin: 0 auto; }
	#box3 .inner h2 { margin-bottom: 35px; }
	#box3 .inner .case { margin-bottom: 45px; }
	
	#box3 .inner .case li { background: url(../images/index/box4_bg.jpg) repeat top; width: 350px; border: 1px solid #b3b3b3; padding: 13px 15px 18px; margin-bottom: 25px; margin-right: 25px; }
		#box3 .inner .case li:nth-child(3n) { margin-right: 0px; }
	#box3 .inner .case li a:hover { text-decoration: none; }
	#box3 .inner .case li .photo_box { position: relative; margin-bottom: 18px; }
	#box3 .inner .case li .photo_box .fit { width: 315px; height: 210px; border: 1px solid #a9a9a9; text-align: center; }
	#box3 .inner .case li .photo_box .fit img { max-width: 315px; max-height: 210px; width: auto; height: auto; }
	#box3 .inner .case li .photo_box h4 { position: absolute; bottom: 0; left: 9px; }
	#box3 .inner .case li .money { color: #ff4800; font-size: 24px; font-weight: bold; line-height: 1.5; background-color: #fff; padding: 3px 0; border-top: 1px dotted #000; border-right: 1px dotted #000; border-bottom: 1px dotted #000; margin-bottom: 24px; letter-spacing: 0.05em; }
	#box3 .inner .case li .money:before { content: "金額"; background-color: #ffe400; margin-right: 1.5em; color: #0a090a; font-size: 14px; padding: 14px 21px 9px; }
	#box3 .inner .case li .construction { color: #0a090a; font-size: 18px; line-height: 1.5; background-color: #fff; padding: 8px 0; border-top: 1px dotted #000; border-right: 1px dotted #000; border-bottom: 1px dotted #000; margin-bottom: 25px; letter-spacing: 0.05em; }
	#box3 .inner .case li .construction:before { content: "工期"; background-color: #d1e4af; margin-right: 1.5em; color: #0a090a; font-size: 14px; padding: 13px 21px 11px; }
	#box3 .inner .case li .customer { color: #528402; font-size: 14px; font-weight: bold; line-height: 1.5; margin-bottom: 15px; }
	#box3 .inner .case li .customer:before { content: "■"; margin-right: .3em; }
	#box3 .inner .case li .ttl { color: #4b4b4b; font-size: 14px; line-height: 1.5; margin-bottom: 24px; }
	#box3 .inner .banner_list { width: 960px; margin: 0 auto; }
	#box3 .inner .banner_list li { margin-bottom: 30px; }
	
	
	#box4 { background-color: #e7e7e7; padding-top: 40px; padding-bottom: 40px; }
	
	
	#box4 .inner { width: 1000px; margin: 0 auto; }
	#box4 .inner .reason_list li { width: 312px; background-color: #fff; margin-bottom: 30px; border-bottom: 4px solid #ffcc00; padding-bottom: 20px; }
	#box4 .inner .reason_list li .photo { margin-bottom: 30px; }
	#box4 .inner .reason_list li .poa { position: absolute; bottom: -25px; left: 130px; }
	#box4 .inner .reason_list .link { padding: 50px 33px 0px 33px; }
	#box5 { padding-top: 60px; margin-bottom: 60px; }
	#box5 .inner { width: 960px; margin: 0 auto; }
	#box5 .inner .bg_box { background: url(../images/index/box6_bg.jpg) repeat top; padding: 0px 60px 45px; margin-bottom: 35px; }
	#box5 .inner .bg_box .h3_box { padding-top: 40px; margin-bottom: 30px; }
	#box5 .inner .bg_box .h3_box h3 { padding-left: 40px; }
	#box5 .inner .bg_box .h3_box .btn { position: absolute; top: -15px; right: 0; }
	#box5 .inner .bg_box .voice_list li { width: 192px; margin-right: 24px; }
	#box5 .inner .bg_box .voice_list li:nth-child(4n) { margin-right: 0px; }
	#box5 .inner .bg_box .voice_list li .fit { width: 192px; height: 140px; }
	#box5 .inner .bg_box .voice_list li .fit img { width: 192px; height: 140px; }
	#box5 .inner .bg_box .voice_list li .photo { margin-bottom: 10px; }
	#box5 .inner .bg_box .voice_list li .customer { font-size: 12px; font-weight: bold; line-height: 1.5; color: #ff7e00; margin-bottom: 5px; padding: 0 5px; }
	#box5 .inner .bg_box .voice_list li .customer:before { content: "■"; margin-right: .3em; }
	#box5 .inner .bg_box .voice_list li .txt { color: #4b4b4b; font-size: 12px; line-height: 1.5; width: 155px; padding: 0 5px; }
	#box5 .inner .banner_list { margin-bottom: 30px; }
	#box5 .inner .banner_list li:nth-child(2n) { padding-top: 13px; }
	#box5 .inner .banner .mail { position: absolute; bottom: 30px; right: 150px; }
	#box6 { background-image: url(../images/index/box7_bg_bottom.png), url(../images/index/box6_bg02.jpg); background-repeat: no-repeat, repeat; background-position: bottom, top; border-top: 2px solid #acb7c6; padding-bottom: 130px; }
	#box6 .inner { width: 760px; margin: 0 auto; padding-top: 30px; position: relative; }
	#box6 .inner h3 { margin-bottom: 10px; }
	#box6 .inner h4 { margin-bottom: 38px; }
	#box6 .inner .txt { position: absolute; top: -10px; right: -110px; }
	#box6 .inner .txt2 { font-size: 12px; line-height: 2; letter-spacing: 0.05em; color: #707070; }
}

/*SP用*/
@media screen and (max-width:640px) {



.sp-ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.sp-ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }




.o-sp-ttl{
margin-bottom: 6%;
}



.top-campaign{
background-image: url(../images/index/campaign-bg.jpg);
border: 4px solid #092254;
padding-left: 4.2%;
padding-right: 4.2%;
padding-top: 46.5%;
padding-bottom: 2%;
position: relative;
}


.top-campaign .sp-ttl{
    position: absolute;
    left: 4.12%;
    top: -0.5%;
    width: 93%;
}


.top-campaign .sp-list .clump{
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}

.top-campaign .sp-list .clump:nth-child(2n){
margin-right: 0;
}


.top-campaign dl{text-align: center; color: #fff;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 1.45;
}


.top-campaign dt{text-align: center;}
.top-campaign .sp-pic{margin-bottom: 5%;}




.sp-mb-01{
margin-bottom: 32px;
}

.sp-Box-02{
padding: 0 4vw;
margin-bottom: 40px;
}

	/* 3枚表示のbxslider
	-------------------------------------*/
	
	.main-Box-sp{
	margin-bottom: 3%;
    background: #194a86;
	}
	
	.main-Box-sp	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -26px;
    width: 100%;
    z-index: 200;
}
	
		.main-Box-sp	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #194a86;
}
		
	
	.main-Box-sp { overflow: hidden; position: relative; width: 100%;
	}
	.main-Box-sp li {}
	.slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 75px; height: 75px; text-indent: -9999px; z-index: 300; }
	.slider-3mai-Box .bx-wrapper .bx-prev { left: 1065px; background-image: url(../images/index/slider_btn_l.png); background-position: 0 0; }
	.slider-3mai-Box .bx-wrapper .bx-next { right: 1080px; background-image: url(../images/index/slider_btn_r.png); background-position: 0 0; }
	.bxslider { display: block; }
	
	#box1 {
	background-color: #eaeaea;
	margin-bottom: 25px;;padding: 4vw 2vw;
	background-image: url(../images/index/contact-bg.jpg);
	 position: relative; top: 0;left: 0;}
	
		#box1 .sp-Box{
		background-color: #ffffff;
		padding: 3% 5% 8%;
		border: 2px solid #ccc;
		position: relative;
				}
		
	#box1 .sp-Box .pic{
		margin-bottom: 4%;
		text-align: center;
		}	
	#box1 .sp-Box .pic img{
	max-width: 100%;
	height: auto;
	}

	#box1 .sp-Box .ttl-02{
	text-align: center;
	margin-bottom: 3%;
			}		
	#box1 .sp-Box .sttl{
	font-weight: bold;
	line-height: 1.5;
	}

	#box1 .sp-Box .txt{
	margin-top: 3%;
	padding-top: 3%;
	border-top: 1px dotted #000;
	line-height: 1.5;
	}

	#box1 .sp-Box .abs-ttl{
	position: absolute;
	left: -5px;
	top: -8px;
	}
					
				
	#box1 .inner {margin: 0 auto;padding: 0 0;list-style: none;display: block;}
	#box1 .inner .box_l { }
	#box1 .inner .box_l h2 { }
	#box1 .inner .box_l .photo { display: none; }
	#box1 .inner .list { background: url(../images/index/box1_bg02.png) repeat top; margin-top: 30px; }
	#box1 .inner .list li { padding: 4vw; position: relative; border: 3px solid #0a090a; }
	#box1 .inner .list li .ttl {position: absolute;top: -19vw;margin: 0 auto;left: 0;right: 0;width: 68%;}
	#box1 .inner .list li .photo { padding: 4px; background-color: #fff; border: 1px solid #757575; margin-bottom: 10px; }
	#box1 .inner .list li .fit { width: 100%; height: 60vw; text-align: center; overflow: hidden; }
	#box1 .inner .list li .fit img { width: 256px; height: 150px; }
	#box1 .inner .list li .txt { color: #0a090a; font-size: 16px; font-weight: bold; line-height: 1.5; }
	#box1 .ten-ce {display: block;}
	#box1 .box-con1 li:first-child {position: absolute; top: 25vw;left:3vw;right:3vw;}
	#box1 .box-con1 li:last-child{position: absolute; top: 3vw;left:3vw;right:3vw;}
	#box1 .box-con2 {padding-top: 32vw;}
	#box1 .box-con2 li:first-child {padding-bottom: 3vw;}
	
	#box2 { margin-bottom: 28px; }
	#box2 .inner { margin: 0 auto; padding: 0 4vw; }
	#box2 .inner .bg_box { background: url(../images/index/box2_bg.jpg) no-repeat top; margin-bottom: 30px; }
	#box2 .inner .bg_box .txt { padding-top: 41px; padding-left: 10px; }
	#box2 .inner .bg_box .txt02 { padding-top: 20px; margin-bottom: 7px; margin-left: 44px; }
	#box2 .inner .list .event { background: url(../images/index/box3_bg.jpg) repeat top; padding: 0 0 1vw; margin-bottom: 20px; }
	#box2 .inner .blog { 
	background-image: url(../images/index/staff-blog-bg.jpg);
	padding: 0 0 1vw; margin-bottom: 20px;
	}
	#box2 .inner { }
	#box2 .inner h4 { padding: 3vw; }
	#box2 .inner .scroll_box { background-color: #fff; padding: 3vw; overflow: scroll; margin: 0 3vw 3vw; height: 58vw; }
	#box2 .inner .scroll_box dl { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #000; }
	#box2 .inner .scroll_box dl dt { color: #ff9600; font-size: 12px; line-height: 1.5; }
	#box2 .inner .scroll_box dl dt:before { content: "\25A0"; margin-right: .3em; }
	#box2 .inner .scroll_box dl dd { color: #0a090a; font-size: 14px; line-height: 1.5; }
	
	
	
	#box3 { margin-bottom: 20px; }
	#box3 .inner { margin: 0 auto; padding: 0 4vw; }
	#box3 .inner h2 { margin-bottom: 15px; }
	
	
	#box3 .inner .case { margin-bottom: 35px; }
	#box3 .inner .case li { background: url(../images/index/box4_bg.jpg) repeat top; border: 1px solid #b3b3b3; padding: 3.5vw; margin: 0 auto 0px;
	width: 48%;
	margin-right: 4%;
margin-bottom: 4%;
	}
	#box3 .inner .case li:nth-child(2n) { margin-right: 0px; }
	#box3 .inner .case li a:hover { text-decoration: none; }
	#box3 .inner .case li .photo_box {position: relative; margin-bottom: 18px; }
	
	#box3 .inner .case li .photo_box .fit { width: 100%; text-align: center;
	height: 125px;
		}
	#box3 .inner .case li .photo_box .fit img {
	max-width: 100%;
	height: auto;
	}
	
	
	
	
	#box3 .inner .case li .photo_box h4 { position: absolute; bottom: 0; left: 9px; }
	#box3 .inner .case li .money { color: #ff4800; font-size: 16px; font-weight: bold; line-height: 1.6; background-color: #fff; letter-spacing: 0em;
		width: 100%;
		display: block;
		margin-bottom: 8%;
	}
	
	#box3 .inner .case li .money:before { content: "金額"; background-color: #ffe400; color: #0a090a; font-size: 14px; 	padding: 5% 8% 5% 8%;
	max-width: 100%;		display: block;
	}
		#box3 .inner .case li .money .sp-price{
	padding: 4% 8% 1% 8%;
		display: block;
		}
	
	
	#box3 .inner .case li .construction { color: #0a090a; font-size: 18px; line-height: 1.5; background-color: #fff; padding: 8px 0; border-top: 1px dotted #000; border-right: 1px dotted #000; border-bottom: 1px dotted #000; margin-bottom: 25px; letter-spacing: 0.05em; }
	#box3 .inner .case li .construction:before { content: "工期"; background-color: #d1e4af; margin-right: 1.5em; color: #0a090a; font-size: 14px; padding: 13px 21px 11px; }
	#box3 .inner .case li .customer { color: #528402; font-size: 14px; font-weight: bold; line-height: 1.5; margin-bottom: 8%; }
	
	
	#box3 .inner .case li .customer:before { content: "■"; margin-right: .3em; }
	#box3 .inner .case li .ttl { color: #4b4b4b; font-size: 14px; line-height: 1.5; margin-bottom: 10px; }
	#box3 .inner .banner_list { margin: 0 auto; }
	#box3 .inner .banner_list li { margin-bottom: 30px; }
	#box4 { background-color: #e7e7e7; padding: 6vw 3vw; }
	#box4 .inner { margin: 0 auto; }
	#box4 .inner .reason_list li { width: 48%; background-color: #fff; margin-bottom: 30px; border-bottom: 4px solid #ffcc00; padding-bottom: 20px; }
	#box4 .inner .reason_list li .photo { margin-bottom: 30px; }
	#box4 .inner .reason_list li .poa { position: absolute; bottom: -4vw; left: 0; right: 0; margin: 0 auto; width: 20%; }
	#box4 .inner .reason_list .link { width: 48%; margin-top: 4vw; }
	#box4 .inner .reason_list h4.txt.ta_c img { padding: 0 2vw; }
	#box5 { padding-top: 40px; margin-bottom: 60px; }
	#box5 .inner { margin: 0 auto; }
	#box5 .inner .bg_box { background: url(../images/index/box6_bg.jpg) repeat top; padding: 3vw; margin-bottom: 35px; }
	#box5 .inner .bg_box .h3_box { margin-bottom: 30px; }
	#box5 .inner .bg_box .h3_box h3 { text-align: center; padding: 0 12vw; }
	#box5 .inner .bg_box .h3_box .btn { display: none; }
	#box5 .inner .bg_box .voice_list li { width: 46%; margin: 0 2%; }
	#box5 .inner .bg_box .voice_list li:nth-child(4n) { margin-right: 0px; }
	#box5 .inner .bg_box .voice_list li .fit { width: 100%; height: 140px; }
	#box5 .inner .bg_box .voice_list li .fit img { width: 100%; height: 140px; }
	#box5 .inner .bg_box .voice_list li .photo { margin-bottom: 10px; }
	#box5 .inner .bg_box .voice_list li .customer { font-size: 12px; font-weight: bold; line-height: 1.5; color: #ff7e00; margin-bottom: 5px; padding: 0 5px; }
	#box5 .inner .bg_box .voice_list li .customer:before { content: "■"; margin-right: .3em; }
	#box5 .inner .bg_box .voice_list li .txt { color: #4b4b4b; font-size: 12px; line-height: 1.5; width: 155px; padding: 0 5px; }
	#box5 .inner .banner_list { margin-bottom: 30px; padding: 0 4vw; display: block; }
	#box5 .inner .banner_list li:nth-child(2n) { padding-top: 13px; }
	#box5 .inner .banner .mail { position: absolute; bottom: 30px; right: 150px; }
	
	
	#box5 .inner .event { background: url(../images/index/box3_bg.jpg) repeat top; padding: 0 0 1vw; margin-bottom: 32px; }
	#box5 .inner { }
	#box5 .inner h4 { padding: 3vw; }
	#box5 .inner .scroll_box { background-color: #fff; padding: 3vw; overflow: scroll; margin: 0 3vw 3vw; height: 56vw; }
	#box5 .inner .scroll_box dl { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #000; }
	#box5 .inner .scroll_box dl dt { color: #ff9600; font-size: 12px; line-height: 1.5; }
	#box5 .inner .scroll_box dl dt:before { content: "\25A0"; margin-right: .3em; }
	#box5 .inner .scroll_box dl dd { color: #0a090a; font-size: 14px; line-height: 1.5; }
	
	#box5 .end-con {background-image: url(../images/index/contact-bg.jpg);position: relative; top: 0; left: 0; right: 0;padding: 5vw 0vw;}
	#box5 .en-inner {margin: 0 auto;padding: 0 0;list-style: none;display: block;width: 95%;}
	#box5  .ten-ce {display: block;}
	#box5  .box-con1 li:first-child {position: absolute; top: 25vw;left:3vw;right:3vw;}
	#box5  .box-con1 li:last-child{position: absolute; top: 3vw;left:3vw;right:3vw;}
	#box5  .box-con2 {padding-top: 30vw;}
	#box5  .box-con2 li:first-child {padding-bottom: 3vw;}
	
	
	
	
	
	#box6 { background: url(../images/index/box6_bg02.jpg); background-repeat: repeat; border-top: 2px solid #acb7c6; }
	#box6 .inner { margin: 0 auto; position: relative; padding: 5vw; }
	#box6 .inner h3 { margin-bottom: 10px; }
	#box6 .inner h4 { margin-bottom: 18px; }
	#box6 .inner .txt { position: absolute; top: -4vw; right: 3vw; width: 25%; }
	#box6 .inner .txt2 { font-size: 12px; line-height: 2; letter-spacing: 0.05em; color: #707070; }
}

@media screen and (max-width:376px) {
	#box3 .inner .case li .photo_box .fit { width: 100%; text-align: center;
	height: 110px;
		}
#box1 .sp-Box .ttl-02{
		width: 65%;
		margin-left: auto;
margin-right: auto;
		}
		
#box1 .sp-Box .abs-ttl {
width: 22%;
}		
		
}


@media screen and (max-width:321px) {
	#box3 .inner .case li .photo_box .fit { width: 100%; text-align: center;
	height: 92px;
		}
}