@charset "UTF-8";

@import url('normalize.css');
@import url('common.css');
@import url('header.css');
@import url('footer.css');
@import url('animation.css');

/*
color:#C6000B;
color:#eee;
*/

body{min-width:1200px;}
#mv-section{position:relative;}
#mv-section #slider div,
#contents-mv-section div{
	position:fixed;
	z-index:-1;
	top:0;
	width:100%;
	height:100%;
}
#slider .name{
	position: absolute;
	z-index: 9999;
	top: 124px;
	right: 24px;
	font-size: 14px;
	letter-spacing: 0.12em;
	font-weight: bold;
}
#slider .name.wh{
	color: #fff;
	text-shadow:0px 0px 3px #000;
}
#slider .name.bl{
	color: #000;
	text-shadow:0px 0px 3px #fff;
}

#mv-section #slider div:nth-of-type(1){
	background:url(../imgs/top/mv/mv1.jpg) no-repeat center bottom / cover;
}
#mv-section #slider div:nth-of-type(2){
	opacity:0;
	background:url(../imgs/top/mv/mv4.jpg) no-repeat center bottom / cover;
}
#mv-section #slider div:nth-of-type(3){
	opacity:0;
	background:url(../imgs/top/mv/mv2.jpg) no-repeat center bottom / cover;
}
#mv-section #slider div:nth-of-type(4){
	opacity:0;
	background:url(../imgs/top/mv/mv5.jpg) no-repeat center bottom / cover;
}
#mv-section #slider div:last-of-type,
#contents-mv-section div{
	opacity:0;
	background:url(../imgs/top/mv/mv3.jpg) no-repeat center bottom / cover;
}
#contents-mv-section div{
	opacity:1;
}
#mv-section #mv-text{text-align:center;padding:280px 0 106px;}
#mv-section #mv-text img{
	width:auto;
	height:52px;
	margin-right:37px;
	opacity:0;
}
#mv-section #mv-text.active img:nth-child(1){
	-moz-animation:move1 1s ease 1 forwards;
	-webkit-animation:move1 1s ease 1 forwards;
	-o-animation:move1 1s ease 1 forwards;
	-ms-animation:move1 1s ease 1 forwards;
	animation:move1 1s ease 1 forwards;
}
#mv-section #mv-text img:nth-child(2){
	-moz-animation:move2 1s ease .5s 1 forwards;
	-webkit-animation:move2 1s .5s ease 1 forwards;
	-o-animation:move2 1s ease .5s 1 forwards;
	-ms-animation:move2 1s ease .5s 1 forwards;
	animation:move2 1s ease .5s 1 forwards;
}
#mv-section #mv-text img:nth-child(3){
	margin-right:0;
	-moz-animation:move3 1s ease 1s 1 forwards;
	-webkit-animation:move3 1s ease 1s 1 forwards;
	-o-animation:move3 1s ease 1s 1 forwards;
	-ms-animation:move3 1s ease 1s 1 forwards;
	animation:move3 1s ease 1s 1 forwards;
}
#mv-section #mv-text img:nth-child(4){
	display:block;
	height:29px;
	margin:25px auto 0;
	-moz-animation:move4 1s ease 1.5s 1 forwards;
	-webkit-animation:move4 1s ease 1.5s 1 forwards;
	-o-animation:move4 1s ease 1.5s 1 forwards;
	-ms-animation:move4 1s ease 1.5s 1 forwards;
	animation:move4 1s ease 1.5s 1 forwards;
}
#mv-section #mv-text img:last-child{
	display:block;
	height:43px;
	margin:60px auto 0;
	-moz-animation:move4 1s ease 2s 1 forwards;
	-webkit-animation:move4 1s ease 2s 1 forwards;
	-o-animation:move4 1s ease 2s 1 forwards;
	-ms-animation:move4 1s ease 2s 1 forwards;
	animation:move4 1s ease 2s 1 forwards;
}

.poly{
	position:relative;
	overflow:hidden;
	width:100%;
	height:324px;
}
.poly img{
	position:absolute;
	top:0;
	transition:all ease-in-out 1s;
}
.section-header-pos img:first-child{right:100%;}
.section-header-pos img:last-child{left:0;}
.section-footer-pos img:first-child{left:100%;}
.section-footer-pos img:last-child{right:0;}
.mask-wr{position:relative;height:324px;}
.clip-svg{
	position:relative;
	z-index:999;
}
.mask{
	width:100%;
	height:324px;
	text-indent:-9999px;
	background:#fff url(../../assets/imgs/common/bg_pat.png) left top;
	-webkit-clip-path:url(#path);
	clip-path:url(#path);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
}
.move-section{
	opacity:0;

	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;

	-moz-transform:translateY(40px);
	-webkit-transform:translateY(40px);
	-o-transform:translateY(40px);
	-ms-transform:translateY(40px);
	transform:translateY(40px);
	transform:translateY(40px);
}
.move-section.active{
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}


#intro-section{margin-top:-103px;}
#intro-section .wrapper{
	text-align:center;
	min-height:625px;
	padding:0 0 22px;
	background:#fff url(../imgs/common/bg_pat.png) left top;
}
#intro-section .wrapper h2{padding:95px 0 55px;}
#intro-section .wrapper h2 img{width:auto;height:123px;}
#intro-section .wrapper p{line-height:2.5;}
#intro-section .wrapper a{
	overflow:hidden;
	position:relative;
	display:inline-block;
	width:123px;
	height:123px;
	margin-top:54px;
}
.mouse-over{
	-moz-transition:all .7s;
	-webkit-transition:all .7s;
	-o-transition:all .7s;
	-ms-transition:all .7s;
	transition:all .7s;
}
#intro-section .wrapper a img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
.fc-white{color:#fff;}
#service-section{margin-top:-120px;}
.hgroup{
	position:relative;
	z-index:999;
	text-align:center;
	letter-spacing:3px;
}
.hgroup h2,
#contents-main-section .hgroup h1{
	display:inline-block;
	font-size:42px;
	text-align:center;
	margin:0 auto;
	padding:0 10px 15px;
	border-bottom:2px solid #C6000B;
}
.hgroup p,
#contents-main-section .hgroup p{
	display:block;
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	padding:20px 0 0;
}
#service-section .section-header-pos{margin-top:-120px;}
#service-section .wrapper{
	overflow:hidden;
	position:relative;
	z-index:999;
	padding:65px 0;
	background:#FFF;
}


ul#service-list{width:1200px;margin:0 auto;}
ul#service-list li{
	float:left;
	width:370px;
	margin-left:45px;
}
ul#service-list li:first-child{margin-left:0;}
ul#service-list li h3{
	display:block;
	width:100%;
	font-size:28px;
	font-weight:normal;
	text-align:center;
	padding:25px 0;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
ul#service-list li h3 img{
	width:auto;
	height:32px;
	margin-right:15px;
}
ul#service-list li p{line-height:1.8;padding:25px 0;}
ul#service-list li a{
	display:block;
	color:#C6000B;
	text-align:center;
	line-height:64px;
	letter-spacing:1px;
	margin-top:25px;
	background:#fff;
	border:1px solid #C6000B;
}
ul#service-list li a:hover{color:#fff;background:#C6000B;}
ul#service-list li img {
	width: 100%;
	height: auto;
}

#info-section{
	overflow:hidden;
	margin-top:-324px;
	padding-top:200px;
	padding-bottom:145px;
	background:#fff url(../imgs/common/bg_pat.png) left top;
}
#info-section .wrapper{width:1200px;margin:0 auto;}
#info-section .wrapper{text-align:center;}
#info-section .wrapper article{
	overflow:hidden;
	display:inline-block;
	width:70%;
	text-align:left;
	margin-top:60px;
	padding:25px 0;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
#info-section .wrapper article .info{
	clear:both;
	overflow:hidden;
	display:inline-block;
	margin-bottom:15px;
}
#info-section .wrapper article .info:last-child{
	margin-bottom:0;
}
#info-section .wrapper article p{
	float:left;
}
#info-section .wrapper article h3,
#info-section .wrapper article h3 + p{margin-left:120px;}
#info-section .wrapper article h3,
#info-section .wrapper article .info{
	font-size:15px;
	font-weight:normal;
	line-height:1.8;
}
#info-section .wrapper article .info{color:#000;}
#info-section .wrapper article a:hover{color:#666;}





#info-section .wrapper ul{clear:both;padding-top:142px;}
#info-section .wrapper ul li{
	float:left;
	position:relative;
	width:350px;
	margin:10px 0 0 65px;
	background:#fff;
	border:1px solid #C6000B;
}
#info-section .wrapper ul li:first-child{margin-left:10px;}
#info-section .wrapper ul li:before{
	content:'';
	display:block;
	position:absolute;
	top:-10px;
	left:-10px;
	width:130px;
	height:130px;
	background:url(../imgs/top/page_tl.png) no-repeat left top / cover
}
#info-section .wrapper ul li:after{
	content:'';
	display:block;
	position:absolute;
	bottom:-10px;
	right:-10px;
	width:130px;
	height:130px;
	background:url(../imgs/top/page_br.png) no-repeat left top / cover
}
#info-section .wrapper ul li .hgroup{height:286px;}
#info-section .wrapper ul li .hgroup h2{font-size:30px;margin-top:110px;}
#info-section .wrapper ul li .hgroup p{font-size:16px;}
#info-section .wrapper ul li a{
	position:relative;
	z-index:999;
	display:block;
	color:#C6000B;
	letter-spacing:2px;
	line-height:64px;
	text-align:center;
	border-top:1px solid #C6000B;
}
#info-section .wrapper ul li a:hover{color:#fff;background:#C6000B;}



#nav-plist,
#nav-page{background:#fff;}
#nav-plist ul,
#nav-page ul{
	width:1200px;
	text-align:right;
	letter-spacing:-1em;
	margin:0 auto;
}
#nav-plist ul li{
	display:inline;
	font-size:14px;
	letter-spacing:normal;
}
#nav-plist ul li a{color:#000;}
#nav-plist ul li a:hover{color:#666;}
#nav-page{padding-top:50px;}
#nav-page ul{
	overflow:hidden;
	text-align:left;
	letter-spacing:normal;
	xpadding:20px 0;
	border-top:1px solid #C6000B;
	border-bottom:1px solid #C6000B;
}
#nav-page ul li{float:left;}
#nav-page.list-num-2 ul li{width:50%;}
#nav-page.list-num-3 ul li{width:33.3%;}
#nav-page ul li a{
	position:relative;
	display:block;
	color:#000;
	font-size:25px;
	text-align:center;
	line-height:23px;
	padding:33px 0;
	background:url(../imgs/contents/icon_arr_pc.png) no-repeat 92% center;
}
#nav-page ul li a:before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:1px;
	height:50px;
	margin-top:-25px;
	background:#C6000B;
}
#nav-page ul li:first-child a:before{display:none;}
#nav-page ul li a:hover{color:#C6000B;}
#nav-page ul li a img{margin-right:15px;}



#contents-mv-section div{height:720px;}
#page-company #contents-mv-section div{background:url(../imgs/top/mv/mv3.jpg) no-repeat center bottom / cover;}
#contents-main-section > .hgroup{padding:190px 0 290px;}
#contents-main-section .poly{margin-top:-324px;}

#contents-main-section .wrapper{
	clear:both;
	padding:84px 0 0;
	background:#fff;
}
#contents-main-section .wrapper:last-of-type{padding-bottom:160px;}
#contents-main-section .wrapper.pb-section{padding-bottom:160px;}
#contents-main-section .wrapper.bg-color-gray{background:#F5F6F6;}
#contents-main-section .wrapper.bg-color-dotted{background:#fff url(../imgs/common/bg_pat.png) left top;}
#contents-main-section .wrapper .inner:before,
#contents-main-section .wrapper .inner:after {content: " "; display: table; }
#contents-main-section .wrapper .inner:after {clear: both; }

#contents-main-section .wrapper .inner{width:1200px;margin:0 auto;}
#contents-main-section .wrapper.width-small .inner{width:1000px;}
#contents-main-section .inner .hgroup,
#contents-main-section .inner .hgroup p,
#contents-main-section .inner .hgroup h2{
	display:block;
	padding:0;
	border:0;
}
#contents-main-section .inner .hgroup p{font-size:12px;padding-top:50px;}




#contents-main-section .wrapper:nth-of-type(1) .hgroup p{background:url(../imgs/contents/num_big1.png) no-repeat center top / auto 32px;}
#contents-main-section .wrapper:nth-of-type(2) .hgroup p{background:url(../imgs/contents/num_big2.png) no-repeat center top / auto 32px;}
#contents-main-section .wrapper:nth-of-type(3) .hgroup p{background:url(../imgs/contents/num_big3.png) no-repeat center top / auto 32px;}
#contents-main-section .inner .hgroup h2{
	font-weight:normal;
	letter-spacing:2px;
	padding-top:46px;
	padding-bottom:70px;
}

#message .clrfix:last-of-type{padding-top:80px;}
#message div.text{width:660px;}
#message div.text p{line-height:1.8;margin-top:20px;}
#message div.text p:nth-of-type(1){margin-top:0;}
#message div.text p:nth-of-type(2) span{
	display:inline-block;
	color:#C4000B;
	padding-right:5px;
}

#message p.name{
	font-size:24px;
	text-align:right;
	margin-top:25px;
}
#message div.left p.name{text-align:left;}
#message p.name span{
	display:inline-block;
	font-size:14px;
	padding-right:20px;
}




#contents-main-section dl{
	overflow:hidden;
	width:100%;
	border-top:1px solid #DADBDB;
}
#contents-main-section dl.left,
#contents-main-section dl.right{width:580px;}
#contents-main-section dl dt,
#contents-main-section dl dd{line-height:1.8;padding:18px 20px;}
#contents-main-section dl dt{float:left;}
#contents-main-section dl dd{padding-left:168px;border-bottom:1px solid #DADBDB;}
#contents-main-section dl dd ul li{margin-top:20px;}
#contents-main-section dl dd ul li:first-child{margin-top:0;}




#service-icon{
	position:relative;
	width:100%;
	min-width:1200px;
}
#service-icon img{
	position:absolute;
	width:auto;
	height:50px;
	top:120px;
	left:50%;
	margin-left:-36px;
}
#summary img.center{
	display:block;
	margin:0 auto 90px;
}
#summary img.left{
	width:477px;
	height:auto;
}
#summary p.right{
	width:477px;
	line-height:2;
}
#summary .thumbnail-img-section ul{
	overflow:hidden;
	padding-top:30px;
	text-align:left;
}
#summary .thumbnail-img-section li:first-child{
	margin:0;
}
#summary .thumbnail-img-section li{
	float:left;
	cursor:pointer;
	width:124px;
	margin:0 0 0 22px;
}
#summary .thumbnail-img-section li img{
	width:100%;
	height:auto;
}
#summary ul{
	clear:both;
	width:100%;
	text-align:center;
	letter-spacing:-1em;
	padding-top:100px;
}
#summary ul li{
	display:inline-block;
	letter-spacing:normal;
	margin:0 23px;
}
#summary ul li a{
	display:inline-block;
	width:336px;
	color:#C6000B;
	text-align:center;
	line-height:64px;
	letter-spacing:2px;
	background:#fff;
	border:1px solid #C6000B;

	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
}
#summary ul li a:hover{
	color:#fff;
	background:#C6000B;
}
#access .map-section{
	width:100%;
	height:500px;
}
#access .inner{
	text-align:center;
}
#access p{
	line-height:2;
	text-align:center;
	padding-top:50px;
}
#access a{
	position:relative;
	display:inline-block;
	width:310px;
	color:#C6000B;
	font-size:17px;
	line-height:60px;
	text-align:center;
	letter-spacing:2px;
	margin:50px auto 0;
	background:#fff url(../imgs/contents/icon_window.gif) no-repeat 94% center / auto 13px;
	border:1px solid #C6000B;

}
#access a:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:5px;
	background:#C6000B;
	opacity:0;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
	-moz-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-o-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
}
#access a:hover:after{
	opacity:1;
	-moz-transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-o-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1);
}



#page-service-contents,
#page-solar-power-contents{
	position:relative;
	text-align:center;
}
#page-service-contents .poly,
#page-solar-power-contents .poly{
	position:absolute;
	z-index:-1;
	margin-top:0;
}
#page-service-contents .poly img:first-child,
#page-solar-power-contents .poly img:first-child{
	right:0;
	z-index:999;
}
#page-service-contents #nav-plist,
#page-solar-power-contents #nav-plist{
	padding-top:68px;
	background:none;
}
#page-service-contents h1,
#page-solar-power-contents h1{
	font-size:28px;
	font-weight:normal;
	letter-spacing:3px;
	xmargin-top:95px;
	padding-bottom:65px;
}
#page-service-contents .wrapper,
#page-solar-power-contents .wrapper{
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	padding-top:95px;
	background:none;
}
#page-service-contents .wrapper.width-small,
#page-solar-power-contents .wrapper.width-small{
	width:1000px;
}

#real-estate-list ul{
	xoverflow:hidden;
	margin-top:-50px;
}
#real-estate-list ul li{
	overflow:hidden;
	float:left;
	width:370px;
	margin-left:45px;
}
#real-estate-list ul li img{
	width:100%;
	height:auto;
}
#real-estate-list ul li:nth-child(3n+1){
	margin-left:0;
}
#real-estate-list ul li{
	font-size:12px;
	text-align:left;
	margin-top:50px;
}
#real-estate-list ul li p{
	margin-top:15px;
}
#real-estate-list ul li h2{
	font-size:16px;
	font-weight:normal;
	margin-top:15px;
}


#page-solar-power-contents{
	overflow:hidden;
}
#page-solar-power-contents h1{
	padding-top:95px;
}
#page-solar-power-contents h1:nth-of-type(1){
	padding-top:0;
}
#page-solar-power-contents p{
	line-height:2;
	text-align:left;
}
#page-solar-power-contents img.center{
	margin-top:70px;
}
#page-solar-power-contents div.left,
#page-solar-power-contents div.right{
	width:477px;
}
#page-solar-power-contents h2{
	color:#fff;
	font-size:20px;
	font-weight:normal;
	line-height:48px;
	background:#000;
}
#page-solar-power-contents #solar-power-detail p{
	margin-bottom:20px;
}
#page-solar-power-contents div.left p,
#page-solar-power-contents div.right p{
	margin-top:15px;
	padding:0 20px;
}
#page-solar-power-contents dl dd{
	text-align:left;
}
#page-solar-power-contents div.center{
	width:477px;
	margin:50px auto 0;
}
#page-solar-power-contents div.center p{
	display:block;
	text-align:center;
	margin-top:20px;
	margin-bottom:0!important;
}



.font-color-gray{
	color:#898989;
}
.font-color-red{
	color:#BF0D23;
}
#contact p{
	line-height:1.8;
}
#contact form a{
	color:#BF0D23;
}
#contact form a:hover{
	text-decoration:underline;
}
#contact form dl{
	overflow:hidden;
	margin-top:35px;
}
#contact form dl dt{
	position:relative;
	z-index:9999;
	line-height:36px;
	padding-top:25px;
	padding-bottom:25px;
}
#contact form dl dd{
	position:relative;
	line-height:36px;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:380px;
	padding-right:40px;
}
#contact form dl dd input{
	line-height:36px;
}
#contact form dl dd input[type=text],
#contact form dl dd textarea{
	width:100%;
	max-width:100%;
	border:1px solid #DADBDB;
}
#contact form dl dd textarea{
	line-height:1.8;
}
#contact form dl dd:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:340px;
	height:100%;
	background:#f8f8f8;
}
#contact form .error{
	display:block;
}
#contact-submit{
	text-align:center;
	margin-top:80px;
}
#contact-submit input,
#contact a.over{
	position:relative;
	display:inline-block;
	width:290px;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:64px;
	background:#000 url(../imgs/common/bg_icon.png) no-repeat 95% center;
	border:0;
}
#contact .center{
	text-align:center;
}
#contact a.over{
	margin:50px 0;
}


#privacypolicy .hgroup{
	padding:0 0 65px;
}
#privacypolicy .hgroup p{
	background:none!important;
}
#privacypolicy.wrapper{
	width:1000px;
}
#privacypolicy p,
#privacypolicy li,
#privacypolicy dl,
#privacypolicy dl dt,
#privacypolicy dl dd{
	float:none;
	text-align:left;
	line-height:1.8;
	padding:0;
	border:0;
}
#privacypolicy h2{
	font-size:27px;
	font-weight:normal;
	line-height:1.4;
	margin:70px 0 35px;
}
#privacypolicy ul{
	margin-top:10px;
}
#privacypolicy li:first-letter{
	margin-left:-1em;
}
#privacypolicy li{
	margin-left:1em;
}





#pagetop{
	display:none;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:9999;
}




@media screen and (max-width:740px){
	body{min-width:320px;}
	#mv-section #slider div{
		width:100%;
		height:100%;
	}
	#mv-section #slider div:nth-of-type(1){
		background:url(../imgs/top/mv/mv1.jpg) no-repeat center bottom / auto 100%;
	}
	#mv-section #slider div:nth-of-type(3){
		background:url(../imgs/top/mv/mv2.jpg) no-repeat center bottom / auto 100%;
	}
	#mv-section #slider div:last-of-type,
	#contents-mv-section div{
		background:url(../imgs/top/mv/mv3.jpg) no-repeat center bottom / auto 100%;
	}
	#slider .name{
		top: 82px;
		right: 16px;
		font-size: 11px;
	}


	#mv-section #mv-text{padding:110px 0 0;}
	#mv-section #mv-text img{
		display:block;
		height:37px;
		text-align:center;
		margin:0 auto 20px;
	}
	#mv-section #mv-text img:nth-child(3){margin-right:auto;}
	#mv-section #mv-text img:nth-child(4){height:20px;}
	#mv-section #mv-text img:last-child{height:28px;margin-top:25px;}



	#intro-section{margin-top:-53px;}
	.move-section{
		opacity:0;

		-moz-transition:all 1s;
		-webkit-transition:all 1s;
		-o-transition:all 1s;
		-ms-transition:all 1s;
		transition:all 1s;

		-moz-transform:translateY(40px);
		-webkit-transform:translateY(40px);
		-o-transform:translateY(40px);
		-ms-transform:translateY(40px);
		transform:translateY(40px);
		transform:translateY(40px);
	}
	.move-section.active{
		-moz-transform:translateY(0);
		-webkit-transform:translateY(0);
		-o-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}


	#intro-section{margin-top:-180px;}
	#intro-section .wrapper{min-height:481px;padding:0 0 4px;}
	#intro-section .wrapper h2{padding:50px 0 25px;}
	#intro-section .wrapper h2 img{height:55px;}
	#intro-section .wrapper p{
		display:block;
		font-size:14px;
		line-height:2;
		padding:0 40px;
	}
	#intro-section .wrapper a{
		width:100px;
		height:100px;
		margin-top:25px;
	}


	#service-section{margin-top:-245px;}
	.hgroup h2,
	#contents-main-section .hgroup h1{font-size:30px;}
	.hgroup p,
	#contents-main-section .hgroup p{font-size:14px;padding:19px 0 0;}




	#service-section .section-header-pos{margin-top:-250px;}
	#service-section .wrapper{padding:35px 0;}
	ul#service-list{width:auto;padding:0 15px;}
	ul#service-list li{
		float:none;
		width:100%;
		margin-left:0;
		margin-top:38px;
	}
	ul#service-list li:first-child{margin-top:0;}
	ul#service-list li h3{font-size:23px;padding:30px 0;}
	ul#service-list li h3 img{width:auto;height:32px;}
	ul#service-list li p{font-size:14px;padding:20px 0 18px;}
	ul#service-list li img{width:100%;height:auto;}
	ul#service-list li a{line-height:46px;margin-top:18px;}


	#info-section{padding-top:80px;padding-bottom:30px;}
	#info-section .wrapper{width:auto;padding:0 15px;}
	#info-section .wrapper article{
		float:none;
		width:100%;
		margin-left:0;
		margin-top:0;
		padding:25px 0;
		border-top:0;
	}
	#info-section .wrapper article:first-child{
		margin-left:0;
		margin-top:50px;
		border-top:1px solid #cacaca;
	}
	#info-section .wrapper article h3,
	#info-section .wrapper article a{font-size:14px;}




	#info-section .wrapper ul{text-align:center;padding:43px 10px 0;}
	#info-section .wrapper ul li{
		float:none;
		width:100%;
		margin:10px auto 50px auto;
	}
	#info-section .wrapper ul li:first-child{margin-left:0;}
	#info-section .wrapper ul li:before{width:98px;height:98px;}
	#info-section .wrapper ul li:after{width:98px;height:98px;}
	#info-section .wrapper ul li .hgroup{height:210px;}
	#info-section .wrapper ul li .hgroup h2{font-size:20px;margin-top:80px;}
	#info-section .wrapper ul li .hgroup p{font-size:13px;}
	#info-section .wrapper ul li a{line-height:46px;}


	#nav-plist ul,
	#nav-page ul{width:100%;text-align:center;}
	#nav-plist{padding-top:20px;}
	#nav-plist ul li{font-size:13px;}
	#nav-page{width:auto;padding:25px 15px 0;}
	#nav-page ul{border-top:0;}
	#nav-page ul li{float:none;border-top:1px solid #C6000B;}
	#nav-page.list-num-2 ul li,
	#nav-page.list-num-3 ul li{width:100%;}
	#nav-page ul li a{
		font-size:18px;
		line-height:15px;
		padding:18px 0;
		background:url(../imgs/contents/icon_arr_sp.png) no-repeat 95% center / auto 7px;
	}
	#nav-page ul li a:before{display:none;}
	#nav-page ul li a img{
		width:auto;
		height:15px;
		margin-right:8px;
	}




	#contents-mv-section div{height:265px;}
	#contents-main-section > .hgroup{padding:50px 0 75px;}
	#contents-main-section .wrapper{padding:64px 15px 0;}
	#contents-main-section .wrapper:last-of-type,
	#contents-main-section .wrapper.pb-section{padding-bottom:75px;}
	#contents-main-section .wrapper .inner{width:100%;}
	#contents-main-section .wrapper.width-small .inner{width:100%;}
	#contents-main-section .inner .hgroup p{font-size:10px;padding-top:40px;}



	#contents-main-section .wrapper:nth-of-type(1) .hgroup p{background:url(../imgs/contents/num_big1.png) no-repeat center top / auto 25px;}
	#contents-main-section .wrapper:nth-of-type(2) .hgroup p{background:url(../imgs/contents/num_big2.png) no-repeat center top / auto 25px;}
	#contents-main-section .wrapper:nth-of-type(3) .hgroup p{background:url(../imgs/contents/num_big3.png) no-repeat center top / auto 25px;}
	#contents-main-section .inner .hgroup h2{padding-top:25px;padding-bottom:30px;}
	#contents-main-section .right,
	#contents-main-section .left{float:none;}

	#message .clrfix:last-of-type{padding-top:50px;}
	#message div.text{width:100%;margin-top:15px;}
	#message div.text p{font-size:14px;line-height:1.6;}

	#message div.text p.name{font-size:20px;margin-top:20px;}
	#message div.left p.name{text-align:right;}
	#message img.sp-only{width:100%;}


	#contents-main-section dl.right{border-top:0;}
	#contents-main-section dl.left,
	#contents-main-section dl.right{float:none;width:100%;}
	#contents-main-section dl dt,
	#contents-main-section dl dd{
		font-size:14px;
		line-height:1.6;
		padding:15px;
	}
	#contents-main-section dl dt{float:none;}
	#contents-main-section dl dd{padding-top:0;padding-left:15px;}
	#contents-main-section dl dd ul li{margin-top:20px;}



	#service-icon{min-width:auto;}
	#service-icon img{display:none;height:40px;}
	#summary img.center{
		width:100%;
		height:auto;
		margin:0 auto 40px;
	}
	#summary .left,
	#summary .right{float:none;}
	#summary img.left,
	#summary p.right{width:100%;}
	#summary p.right{
		font-size:14px;
		line-height:1.6;
		margin-top:15px;
	}

	#summary .thumbnail-img-section li{width:48%;margin:4% 0 0 4%;}
	#summary .thumbnail-img-section li:nth-child(2n+1){margin-left:0;}
	#summary .thumbnail-img-section li:nth-child(2){margin-top:0;}

	#summary ul{padding-top:0;}
	#summary ul li{display:block;margin:20px 0;}
	#summary ul li a{
		display:block;
		width:auto;
		font-size:14px;
		line-height:46px;
	}
	#access .map-section{width:100%;height:300px;}
	#access p{
		font-size:14px;
		line-height:1.6;
		padding-top:25px;
	}
	#access a{
		width:100%;
		font-size:14px;
		line-height:46px;
		margin:25px auto 0;
		border:1px solid #C6000B;

	}


	#page-service-contents #nav-plist,
	#page-solar-power-contents #nav-plist{
		width:auto;
		padding-left:15px;
		padding-right:15px;
	}
	#page-service-contents #nav-plist li,
	#page-solar-power-contents #nav-plist li{display:inline-block;line-height:1.8;}
	#page-service-contents h1,
	#page-solar-power-contents h1{font-size:25px;padding-bottom:30px;}
	#page-service-contents .wrapper,
	#page-solar-power-contents .wrapper{width:auto;padding:64px 15px 0;}
	#page-service-contents .wrapper.width-small,
	#page-solar-power-contents .wrapper.width-small{width:auto;}

	#real-estate-list ul{overflow:hidden;margin-top:-30px;}
	#real-estate-list ul li{
		float:none;
		width:100%;
		margin-left:0;
		margin-top:30px;
	}
	#real-estate-list ul li h2{font-size:15px;}


	#page-solar-power-contents h1{padding-top:64px;}
	#page-solar-power-contents p{font-size:14px;line-height:1.6;}
	#page-solar-power-contents img.center{
		width:100%;
		height:auto;
		margin-top:30px;
	}
	#page-solar-power-contents div.left,
	#page-solar-power-contents div.right{float:none;width:100%;}
	#page-solar-power-contents div.right{margin-top:25px;}
	#page-solar-power-contents h2{
		font-size:16px;
		line-height:1.6;
		padding:10px;
	}
	#page-solar-power-contents #solar-power-detail p{margin-bottom:20px;}
	#page-solar-power-contents dl dt{text-align:left;}
	#page-solar-power-contents div.center{width:100%;margin:30px auto 0;}
	#page-solar-power-contents div.center p{display:block;}



	#contact p{font-size:14px;line-height:1.6;}
	#contact form dl{
		overflow:hidden;
		margin-top:35px;
		background:#fff;
	}
	#contact form dl dt{
		float:none;
		line-height:1.6;
		padding-top:15px;
		padding-bottom:15px;
	}
	#contact form dl dd{padding:0 15px 15px;}
	#contact-submit{margin-top:35px;}
	#contact-submit input,
	#contact a.over{width:100%;font-size:14px;}
	#contact .error{
		font-size:14px;
		line-height:1.6;
		margin-top:10px;
	}
	#contact a.over{margin:35px 0;}

	#privacypolicy .hgroup{padding:0 0 40px;}
	#privacypolicy.wrapper{width:auto;}
	#privacypolicy p,
	#privacypolicy li,
	#privacypolicy dl,
	#privacypolicy dl dt,
	#privacypolicy dl dd{font-size:14px;line-height:1.6;}
	#privacypolicy h2{font-size:24px;margin:40px 0 20px;}
	#pagetop{right:10px;bottom:10px;}
	#pagetop img{width:48px;height:auto;}

}