@charset "utf-8";
/* 旧テーマ info の style.css（画像の場所を /assets/img/ に。使っていない丸ゴシックの読み込みだけ削除） */
/*
Theme Name: info
Version: 2.0
*/


/*----------------------------------------
■共通設定
-----------------------------------------*/


@import url('https://fonts.googleapis.com/css?family=Cabin');

.cabin{
font-family: 'Cabin', sans-serif;
}


body, h1, h2, h3, h4, h5, h6, p, td, th, ol, ul, li, dl, dt, dd, form, pre{
	margin:0;
	padding:0;
	font-family:"游ゴシック",	"Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 13px;
	color:#222;
letter-spacing:0.08em;
	word-break:break-all;
	word-wrap: break-word;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
	letter-spacing:0.04em;
}

body{
	background:#F8F8F8;
	line-height:2;
}


ul{
list-style:none;
}
.min{
font-family:"Times New Roman","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}


.wptouch-desktop-switch{
width:1080px;
padding-top:20px !important;
}

#wrapper{
min-width:1080px;
overflow:hidden;
}
#wrapper-sp{
position:relative;
overflow:hidden;
min-width:1080px;
}


.marugo{
    font-family: 'marugo';
}



p {
	
	margin-bottom:18px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	
}
img {
	vertical-align:bottom;
	border: none;
}

a:link {
	color: #222;
	text-decoration:underline;
-webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   -ms-transition: all .2s;
   transition: all .2s;
opacity:1;
}
a:visited {
	color: #222;
}
a:active,
a:hover {
	color: #222;
	text-decoration:none;
opacity:0.6;
}


h3{
color:#142B40;
font-size:14px;
text-align:center;
line-height:1.6;
margin-bottom:26px;
}

h3 span{
font-size:24px;
letter-spacing:0.1em;
font-style:italic;
text-align:center;
}



/*----------------------------------------
■汎用クラス
-----------------------------------------*/
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

.alignright{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.alignleft{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.aligncenter{
	clear:both;
	display:block;
	margin:25px auto;
}
.postmeta{
	clear:both;
}
.post {
	zoom:1;
}
.post .post{
	margin:10px;
}
.post:after{
	content:"";
	display:block;
	clear:both;
}

.wp-pagenavi{
	margin-top:20px;
	clear:both;
}

.table-a{
	width:100%;
	border:solid 1px #000000;
	margin-bottom:18px;
}
.table-a th{
	padding:5px;
	font-weight:bold;
	background:#ffffff;
	border:solid 1px #000000;
}
.table-a td{
	padding:5px;
	background:#ffffff;
	border:solid 1px #000000;
}




/*----------------------------------------
■ヘッダー
-----------------------------------------*/

header{
height:565px;
background:url(/assets/img/default-header.jpg) no-repeat top center fixed;
background-size:1800px;
}
#wrapper-sp header{
background:none;
height:565px;
position:relative;
}
#wrapper-sp header:before{
content:"";
width:100%;
height:565px;
position:fixed;
top:0;
left:0;
display:block;
z-index:-1;
background:url(/assets/img/default-header.jpg) no-repeat top center;
background-size:1800px;
}



.home header{
background:url(/assets/img/top-header.jpg) no-repeat top center fixed;
background-size:1800px;
background-position-x:center !important;
height:727px;
}

.home #wrapper-sp header{
background:none;
height:727px;
position:relative;
}
.home #wrapper-sp header:before{
content:"";
width:100%;
height:727px;
position:fixed;
top:0;
left:0;
display:block;
z-index:-1;
background:url(/assets/img/top-header.jpg) no-repeat top center;
background-size:1800px;
}


#wrapper-sp header,
.works #wrapper-sp header,
.news #wrapper-sp header,
.page-id-7 #wrapper-sp header,
.page-id-13 #wrapper-sp header,
.page-id-12 #wrapper-sp header,
.page-id-10 #wrapper-sp header,
.page-id-8 #wrapper-sp header,
.page-id-14 #wrapper-sp header,{
background:none;
}


.works header{
height:565px;
background:url(/assets/img/works-header.jpg) no-repeat top center fixed;
background-size:1800px;
}

.works #wrapper-sp header:before{
background:url(/assets/img/works-header.jpg) no-repeat top center;
background-size:1800px;
}

.news header{
height:565px;
background:url(/assets/img/news-header.jpg) no-repeat top center fixed;
background-size:1800px;
}

.news #wrapper-sp header:before{
background:url(/assets/img/news-header.jpg) no-repeat top center;
background-size:1800px;
}


.page-id-7 header{
height:565px;
background:url(/assets/img/manage-header.jpg) no-repeat top center fixed;
background-size:1800px;
}
.page-id-7 #wrapper-sp header:before{
background:url(/assets/img/manage-header.jpg) no-repeat top center;
background-size:1800px;
}

.page-id-13 header{
height:565px;
background:url(/assets/img/sitemap-header.jpg) no-repeat top center fixed;
background-size:1800px;
}
.page-id-13 #wrapper-sp header:before{
background:url(/assets/img/sitemap-header.jpg) no-repeat top center;
background-size:1800px;
}

.page-id-12 header{
height:565px;
background:url(/assets/img/link-header.jpg) no-repeat top center fixed;
background-size:1800px;
}
.page-id-12 #wrapper-sp header:before{
background:url(/assets/img/link-header.jpg) no-repeat top center;
background-size:1800px;
}


.page-id-10 header{
height:565px;
background:url(/assets/img/company-header.jpg) no-repeat top center fixed;
background-size:1800px;
}
.page-id-10 #wrapper-sp header:before{
background:url(/assets/img/company-header.jpg) no-repeat top center;
background-size:1800px;
}


.page-id-8 header,
.page-id-14 header{
height:565px;
background:url(/assets/img/contact-header.jpg) no-repeat top center fixed;
background-size:1800px;
}
.page-id-8 #wrapper-sp header:before,
.page-id-14 #wrapper-sp header:before{
background:url(/assets/img/contact-header.jpg) no-repeat top center;
background-size:1800px;
}


#header-bar-area{
height:220px;
background:url(/assets/img/header-bar2.png) no-repeat top center;
background-size:1800px;
}

#header-bar{
width:640px;
padding-left:360px;
height:220px;
margin:0 auto;
position:relative;
}

#header-bar h1{
position:absolute;
top:13px;
font-size:10px;
line-height:22px;
}

#header-info{
position:absolute;
top:80px;
right:0;
text-align:right;
line-height:22px;
font-size:13px;
}
#header-info span{
font-size: 26px;
    color: #152B41;
    margin-left: 18px;
    vertical-align: -2px;
    padding-left: 26px;
    background: url(/assets/img/icon-tel.png) no-repeat 0 6px;
    background-size: 22px;
}

#header-bar #logo{
position:absolute;
top:70px;
width:188px;
height:50px;
margin:0;
}

#header-bar #logo a{
width:188px;
height:50px;
display:block;
text-indent:-9999px;
outline-style:none;
background:url(/assets/img/logo.png) no-repeat;
background-size:100%;
}

nav{
height:36px;
position:absolute;
top:150px;
right:0;
}

#header-navi { 
height:36px;
position: relative; 
}

#header-navi span {
position: absolute;
    bottom: 5px;
margin:0 10px;
    height: 3px;
    background-color:#D28C5B;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


nav ul li{
margin:0 10px;
	display:inline-block;
	float:left;
text-align:center;
font-size:15px;
letter-spacing:0.08em;
line-height:1.4;
font-weight:bold;
}
nav ul li:first-child{
width:180px;
}


nav ul li a{
display:inline-block;
text-decoration:none;
}
nav ul li a:link{
text-decoration:none;
}
nav ul li.last-child{
margin-right:0;
}

.suumo{
position:relative;
}
.suumo:after{
content: "";
    background: url(/assets/img/suumo.png) no-repeat;
    background-size: 100%;
    width: 76px;
    height: 24px;
    display: block;
    margin: 0;
    position: absolute;
    top: -29px;
    left: 50%;
    margin-left: -38px;
}

#catch-area{
    margin: 0px auto 0;
    width: 1000px;
    padding-top: 200px;
}
#catch-area h2{
    text-align: right;
    color: #142B40;
    font-weight: normal;
    margin: 0;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 0.12em;
padding-top:64px;
}

.page-id-5 #catch-area h2{
background:url(/assets/img/catch-about.png) no-repeat top right 4px;
background-size:auto 60px;
}

.works #catch-area h2{
background:url(/assets/img/catch-works.png) no-repeat top right 4px;
background-size:auto 60px;
}
.page-id-7 #catch-area h2{
background:url(/assets/img/catch-management.png) no-repeat top right 4px;
background-size:auto 60px;
}

.page-id-10 #catch-area h2{
background:url(/assets/img/catch-company.png) no-repeat top right 4px;
background-size:auto 60px;
}

.page-id-8 #catch-area h2{
background:url(/assets/img/catch-contact.png) no-repeat top right 4px;
background-size:auto 60px;
}

.page-id-9 #catch-area h2{
background:url(/assets/img/catch-catalog.png) no-repeat top right 4px;
background-size:auto 60px;
}

.news #catch-area h2{
background:url(/assets/img/catch-news.png) no-repeat top right 4px;
background-size:auto 60px;
}


.page-id-12 #catch-area h2{
background:url(/assets/img/catch-link.png) no-repeat top right 4px;
background-size:auto 60px;
}

.page-id-13 #catch-area h2{
background:url(/assets/img/catch-sitemap.png) no-repeat top right 4px;
background-size:auto 60px;
}

.page-id-14 #catch-area h2{
background:url(/assets/img/catch-privacy.png) no-repeat top right 4px;
background-size:auto 60px;
}



#header-catch-area{
margin:0px auto 0;
width:1000px;
padding-top:40px;
}

#header-catch-logo{
margin-bottom:32px;
margin-left:-5px;
}
#header-catch-logo img{
width:323px;
}
#header-catch-text{
font-size:54px;
color:#FFF;
font-weight:normal;
line-height:1.3;
margin:0;
}
 
#header-catch-text span{
background:url(/assets/img/header-catch-line.png) no-repeat right;
background-size:auto 1px;
padding-right:200px;
margin-left:60px;
}





/*----------------------------------------
■キャッチイメージ
-----------------------------------------*/
#catchArea{
	width:920px;
	margin:0 auto 25px auto;
}



/*----------------------------------------
■メイン
-----------------------------------------*/
#main{
padding-top:20px;
padding-bottom:20px;
background:url(/assets/img/main2.jpg) no-repeat top center #F8F8F8;
background-size:1800px;
}


.home #main{
padding-bottom:0px;
padding-top:50px;
background:url(/assets/img/main.jpg) no-repeat top center #F8F8F8;
background-size:1800px;
}




/*----------------------------------------
■コンテンツ
-----------------------------------------*/

#contents-area{
width:1000px;
margin:0 auto;
}

#contents{
	width:680px;
	margin-left:60px;
	float:right;
}

#bread-area{
padding-bottom:30px;
margin:0 auto;
width:1000px;
}


#breadNavi{
font-size:12px;
	margin-bottom:18px;
}

#text-2 ul{
	padding:0 0 10px 0;
	list-style: square inside url(/images/items/arrow_black.png);
}

/*----------------------------------------
■サイド
-----------------------------------------*/
#side_left{
	width:260px;
	float:left;
}
#side .sitenavi{
	background:#ffffff;
	list-style:none;
	padding:10px 7px;
	margin-bottom:15px;
}
#side .sitenavi a{
	background:url(/images/items/icon_link.gif) no-repeat left center;
	padding-left:17px;
	line-height:25px;
}

.side-title{
margin:-10px 0 20px -40px;
}
.side-title span{
background:#142B40;
padding:8px 20px;
color:#FFF;
line-height:1;
font-size:20px;
font-weight:bold;
font-style:italic;
}

#recent-posts-2 ul li,
#archives-2 ul li,
#categories-2 ul li{
font-size:16px;
line-height:1.8;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:dashed 1px #CCCCCC;
}



#recent-posts-2,
#archives-2,
#categories-2{
	background:#ffffff;
	list-style:none;
	padding:40px 25px 25px;
	margin-bottom:25px;
}


/*----------------------------------------
■facebook/twitter
-----------------------------------------*/
#tabs{
height:370px;
}

#tabs ul{
width: 200px;
margin-bottom:7px;
}
#tabs li{
margin:0;
padding:0;
}

#tabs #tab_facebook{
background:url(/images/side/bg_facebook.png) no-repeat;
display: block;
width:100px;
height:40px;
text-indent: -9999px;
outline-style:none;
}
#tabs .ui-tabs-selected #tab_facebook{
background:url(/images/side/bg_facebook_selected.png) no-repeat;
}

#tabs #tab_twitter{
background:url(/images/side/bg_twitter.png) no-repeat right top;
display: block;
width:100px;
height:40px;
text-indent: -9999px;
outline-style:none;
}
#tabs .ui-tabs-selected #tab_twitter{
background:url(/images/side/bg_twitter_selected.png) no-repeat right top;
}


.ui-tabs-hide { display: none; }
.ui-tabs {
margin: 10px 0 0 0;
}
.ui-tabs-nav {

list-style: none;
margin: 0;
padding: 0;

}
.ui-tabs-nav:after {
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li { 
float: left; 
font-weight: bold;
width: 99px;
}
.ui-tabs-nav a{
display: block;
}
.ui-tabs-nav a {
margin: 1px 0 0;
padding-left: 0;
text-align: center;
outline: 0;
text-decoration:none;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #000;
}



.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text; }
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover,
.ui-tabs-nav .ui-tabs-deselectable a:focus,
.ui-tabs-nav .ui-tabs-deselectable a:active { cursor: pointer; }
.ui-tabs-disabled { opacity: .4; }
.ui-tabs-panel { padding: 0; }
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-tabs-panel { width: 178px; border: 0px solid #ade500/*{borderColorActive}*/;}
.ui-tabs-panel img { border:none; }


/*----------------------------------------
■フッター
-----------------------------------------*/

footer{
    background: url(/assets/img/footer-bg.jpg) no-repeat center center fixed;
    background-size: cover;
background-position-x:center !important;
    padding-top: 300px;
position:relative;
}
#wrapper-sp footer{
background: url(/assets/img/footer-bg.jpg) no-repeat top center;
 background-size: 100%;
}

footer::after{
content:"";
display:block;
height:100px;
position:absolute;
top:0;
width:100%;
background:url(/assets/img/footer-bg-after2.png) no-repeat bottom center;
background-size:1600px;
}

.home footer::after{
background:url(/assets/img/footer-bg-after.png) no-repeat bottom center;
background-size:1600px;
}

#footer-con-area{
width:934px;
height:88px;
background:#FFF;
position:absolute;
top:-77px;
padding:33px;
}

#footer-con-l{
width:361px;
margin-right:33px;
float:left;
text-align:center;
}
#footer-con-text{
font-size:14px;
font-weight:bold;
line-height:1;
margin-bottom:12px;
}
#footer-con-tel{
font-size:44px;
color:#D88B55;
line-height:0.8;
margin-bottom:6px;
}
#footer-con-tel span{
padding-left:40px;
background: url(/assets/img/icon-tel2.png) no-repeat 0 12px;
background-size:32px;
}
#footer-con-time{
margin-bottom:0;
font-size:14px;
}
#footer-con-r{
width:540px;
float:left;
}
#footer-con-r ul{

}
#footer-con-r ul li{
width:263px;
margin-right:14px;
float:left;
}
#footer-con-r ul li:last-child{
margin-right:0;
}

#footer-con-r ul li.footer-con-con,
#footer-con-r ul li.footer-con-cat{
width:263px;
height:88px;
}

#footer-con-r ul li.footer-con-con a,
#footer-con-r ul li.footer-con-cat a{
width:263px;
height:74px;
padding-top:14px;
text-align:center;
color:#FFF;
letter-spacing:0.1em;
text-decoration:none;
font-weight:bold;
line-height:1.6;
font-size:16px;
display:block;
}
#footer-con-r ul li.footer-con-con a{
background:url(/assets/img/footer-con-btn.jpg) no-repeat;
background-size:cover;
}
#footer-con-r ul li.footer-con-cat a{
background:url(/assets/img/footer-cat-btn.jpg) no-repeat;
background-size:cover;
}


#footer-con-r ul li.footer-con-con a span,
#footer-con-r ul li.footer-con-cat a span{
font-size:20px;
padding-left:24px;
}
#footer-con-r ul li.footer-con-con a span{
background:url(/assets/img/icon-mail.png) no-repeat 0 6px;
background-size:18px;
}
#footer-con-r ul li.footer-con-cat a span{
background:url(/assets/img/icon-catalog.png) no-repeat 0 6px;
background-size:18px;
}

#footer-area{
position:relative;
background:#142B40;
}

#footer{
padding-top:120px;
position:relative;
width:1000px;
margin:0 auto;
}

#footer-logo{
width:232px;
height:116px;
float:left;
border-right:solid 1px #415E6E;
}
#footer-logo #logo{
padding:40px 0 0 16px;
width:166px;
height:45px;
margin:0;
}

#footer-logo #logo a{
width:166px;
height:45px;
display:block;
text-indent:-9999px;
outline-style:none;
background:url(/assets/img/logo2.png) no-repeat;
background-size:100%;
}

#footer-info{
width:296px;
height:116px;
padding-left:38px;
border-right:solid 1px #415E6E;
float:left;
}
#footer-info-name{
font-size:13px;
line-height:1;
padding-top:20px;
font-weight:bold;
margin-bottom:8px;
color:#FFF;
}
#footer-info-text{
font-size:11px;
font-weight:bold;
line-height:1.6;
margin-bottom:0px;
color:#FFF;
}
#footer-info-text a{
color:#FFF;
text-decoration:none;
}
#footer-navi{
width:394px;
padding-left:38px;
float:left;
}
.footer-navi-retu{
width:100px;
margin-right:34px;
float:left;
}
#footer-navi div.footer-navi-retu:last-child{
margin-right:0px;
}


.footer-navi-name{
font-size:12px;
color:#FFF;
font-weight:bold;
margin-bottom:13px;
line-height:1.2;
}
.footer-navi-name a{
color:#FFF;
text-decoration:none;
}


address{
clear:both;
color:#FFF;
font-size:11px;
letter-spacing:0.08em;
width:100%;
padding-top:45px;
	line-height:1;
padding-bottom:30px;
	margin:0px;
	text-align:center;
	font-style:normal;
}
address a:link,
address a:visited,
address a:hover{
color:#FFF;
text-decoration:none;
}

.pagetop{
width:83px;
height:85px;
position:absolute;
right:0;
bottom:0;
margin:0;
}
.pagetop a{
padding-top:50px;
padding-left:33px;
width:50px;
height:35px;
text-decoration:none;
text-align:center;
font-size:10px;
line-height:1.2;
font-weight:bold;
display:block;
background:url(/assets/img/pagetop.png) no-repeat;
background-size:100%;
}


#side-con-area{
position: absolute;
z-index:9999;
top:164px;
right:0;
width:58px;
}

#side-con-area ul{
}

#side-con-area ul li{
margin:0 0 1px;
}
#side-con-area ul li img{
width:100%;
}



/*----------------------------------------
■トップページ
-----------------------------------------*/

#top-message1-area{
height:724px;
margin-bottom:50px;
}
#top-message2-area{
height:660px;
position:relative;
z-index:1;
}

#top-message1{
width:1000px;
height:724px;
margin:0 auto 40px;
position:relative;
}
#top-message2{
width:1000px;
height:660px;
margin:0 auto;
position:relative;
}

#top-message1 .top-message-box{
position:absolute;
top:60px;
right:0;
}

#top-message1 .top-message-eng{
position:absolute;
top:0px;
left:0;
margin:0;
}
#top-message1 .top-message-img{
width:972px;
position:absolute;
bottom:0px;
left:-150px;
margin:0;
}
#top-message1 .top-message-img img{
width:100%;
}

#top-message1 .top-message-eng img{
width:514px;
}

#top-message2 .top-message-box{
position:absolute;
top:75px;
left:0;
width:380px;
}
#top-message2 .top-message-eng{
position:absolute;
top:0px;
right:0;
margin:0;
}
#top-message2 .top-message-eng img{
width:399px;
}
#top-message2 .top-message-img{
width:871px;
position:absolute;
bottom:0px;
right:-150px;
margin:0;
}
#top-message2 .top-message-img img{
width:100%;
}



.top-message-box{
background:#FFF;
width:330px;
padding:20px 35px;
position:relative;
}
.top-message-box::before{
content:"";
position:absolute;
top:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-top.png) no-repeat;
background-size:100%;
}
#top-message2 .top-message-box::before{
top:-45px;
height:45px;
}
.top-message-box::after{
content:"";
position:absolute;
bottom:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-bottom.png) no-repeat;
background-size:100%;
}
#top-message2 .top-message-box::after{
bottom:-45px;
height:45px;
}

.top-message-catch{
color:#142B40;
font-size:25px;
margin-bottom:14px;
line-height:1.6;
}
.top-message-text{
font-size:14px;
margin-bottom:20px;
}
#top-message2 .top-message-text{
margin-bottom:0;
}


#top-works-area{
background:url(/assets/img/top-works-bg.png) no-repeat top center ;
background-size:100%;
margin-bottom:50px;
position:relative;
z-index:0;
margin-top:-60px;
}

#top-works{
width:1000px;
margin:0 auto;
padding:100px 0 0;
}
#top-works h3{
color:#FFF;
}


#top-works-box-area{
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

.top-works-box{
width:300px;
margin-right:50px;
margin-bottom:80px;
float:left;
}
.top-works-info-box::before{
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    display: block;
    width: 100%;
    height: 30px;
    background: url(/assets/img/top-works-box-top.png) no-repeat;
    background-size: 100%;
}

.top-works-info-box::after{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    display: block;
    width: 100%;
    height: 30px;
    background: url(/assets/img/top-works-box-bottom.png) no-repeat;
    background-size: 100%;
}


#top-works-box-area div.top-works-box:nth-child(3n){
margin-right:0;
}

.top-works-img{
width:300px;
height:220px;
overflow:hidden;
margin:0;
}
.works_image{
display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
width:300px;
height:220px;
    background-size: cover;
}



.top-works-info-box {
margin-top:-60px;
width:230px;
background:#FFF;
padding:10px 20px;
position:relative;
-webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   -ms-transition: all .2s;
   transition: all .2s;
}
.top-works-box:hover .top-works-info-box {
margin-top:-70px;
}
.top-works-cate{
position:absolute;
    top: -30px;
left:-10px;
}
.top-works-cate-box{
display:inline-block;
width:102px;
height:32px;
line-height:32px;
text-align:center;
color:#FFF;
font-size:13px;
font-weight:bold;
}
.works-cate-house{
background:#D98B56;
}
.works-cate-apart{
background:#00B0C6;
}



.top-works-catch{
color:#142B40;
font-size:18px;
font-weight:bold;
line-height:1.4;
margin-bottom:6px;
}
.top-works-box a{
text-decoration:none;
}

.top-works-info{
font-size:12px;
color:#777777;
margin:0;
line-height:1;
}




#top-news-area{
background:#FFF;
}

#top-news{
width:1000px;
margin:0 auto;
padding:30px 0 0;
}
#top-news-l{
padding-top:20px;
width:280px;
float:left;
margin-right:40px;
}

.more-btn{
text-align:center;
font-size:13px;
font-weight:bold;
margin-bottom:0;
}

.more-btn a{
display:inline-block;
line-height:1;
padding:15px 40px;
border:solid 1px #222222;
text-decoration:none;
}
.more-btn a:hover{
background:#222;
color:#FFF;
opacity:1;
}


#top-news-r{
width:680px;
float:left;
}
#top-news-r ul{
}
#top-news-r ul li{
height:50px;
line-height:50px;
padding:0 15px;
border-bottom:solid 1px #CCCCCC;
margin:0;
}

.top-news-time{
font-size:13px;
margin-right:30px;
}

.top-news-cate{
display:inline-block;
width:84px;
height:26px;
line-height:26px;
font-size:11px;
color:#FFF;
font-weight:bold;
text-align:center;
margin-right:30px;
}

.news-cate-topics{
background:#C9BC9C;
}
.top-news-dai{
font-size:15px;
}
.top-news-dai a{
text-decoration:none;
}



/*----------------------------------------
■よくある質問
-----------------------------------------*/

#faq dt{
	font-weight:bold;
}
#faq dd{
	padding-left:20px;
}


/*----------------------------------------
■リンク
-----------------------------------------*/

#link-area{
width:1000px;
margin:0 auto;
}
.link-box{
padding:30px;
background:#FFF;
margin-bottom:20px;
}
.link-box-logo{
width:30%;
margin:0;
text-align:center;
float:left;
}
.link-box-name{
color:#142B40;
font-weight:bold;
font-size:14px;
width:70%;
margin:0;
float:left;
}
.link-box-name a{
font-weight:normal;
}

/*----------------------------------------
■お問い合わせ
-----------------------------------------*/

#contact-top-text{
font-size:15px;
margin-bottom:30px;
}
#contact-area{
width:1000px;
margin:0 auto;
}

#contact-tel-box{
background:#FFF;
padding:35px;
margin-bottom:50px;
}

#contact-tel-box-l{
width:595px;
float:left;
}
#contact-tel-box-r{
width:315px;
text-align:center;
float:right;
}
#contact-tel-catch{

color:#142B40;
font-size:24px;
line-height:1.2;
margin-bottom:10px;
font-weight:bold;
}

#contact-tel-text{
font-size:14px;
margin:0;
line-height:1;
}

#contact-tel-tel{
font-weight:bold;
font-size:38px;
color:#D98B56;
line-height:0.8;
margin-bottom:8px;
}
#contact-tel-tel a{
color:#D98B56;
text-decoration:none;
}
#contact-tel-tel span{
background:url(/assets/img/icon-tel2.png) no-repeat 0 8px;
background-size:33px;
padding-left:40px;
}

#contact-tel-time{
font-size:14px;
margin:0;
line-height:1;
}

#contact-form-top{
text-align:center;
}

.red{
color:#C4180A;
}



.hissu{
font-size:11px;
padding-left:4px;
color:#C4180A;
}
.form-t{
border-top:solid 1px #DFDFD0;
margin-bottom:30px;
}
.form-t tr{
border-bottom:solid 1px #DFDFD0;
}
.form-t th,
.form-t td{
padding:15px;
line-height:1.6;
}
.form-t th{
width:24%;
font-size:15px;
}
.form-t td{
width:76%;
}

.form-t input{
font-size:14px;
border:none;
padding:10px;
width:90%;

transition: .1s;
}
.form-t textarea{
font-size:14px;
border:none;
padding:10px;
width:90%;

transition: .1s;
}
.form-t td.radio input{
width:auto;
}
.contact-btn{
width:260px;
height:70px;
margin:0 auto 20px;
opacity:1;
-webkit-transition: all .3s;
	transition: all .3s;
}
.contact-btn2{
width:260px;
height:70px;
margin:0 auto 20px;
opacity:1;
-webkit-transition: all .3s;
	transition: all .3s;
}

.contact-btn:hover,
.contact-btn2:hover{
opacity:0.6;
}

.contact-btn input.wpcf7-form-control,
.contact-btn2 input.wpcf7-form-control{
width:260px;
line-height:70px;
font-size:22px;
text-align:center !important;
color:#FFF;
font-weight:bold;
border:0;
cursor: pointer;
background:#D98B56;
letter-spacing:0.08em;
}
.contact-btn2 input.wpcf7-form-control{
background:#3AB0C5;
}


#form-area div.wpcf7-mail-sent-ok {
    border: none;
    background: #008999;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}
#form-area div.wpcf7-validation-errors{
  border: none;
    background: #D12C06;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}
#form-area div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    margin-bottom: 30px;
}

#contact-privacy-area{
text-align:center;
}
#contact-privacy-title{
font-weight:bold;
line-height:1;
font-size:16px;
margin-bottom:14px;
}
#contact-privacy-text{
line-height:1;
font-size:14px;
margin-bottom:26px;
}
#contact-privacy-link{
line-height:1;
font-size:14px;
margin-bottom:30px;
}


#wpcf7-submit{
	text-align:center;
}

.wpcf7-list-item{
	white-space:nowrap;
	display:block;
	float:left;
}
/*----------------------------------------
■コーワホームの家づくり
-----------------------------------------*/
#about-catch-eng{
	text-align:center;
margin-bottom:30px;
}
#about-catch-eng img{
width:751px;
}

#about-area1{
width:1000px;
height:870px;
margin:0 auto 40px;
position:relative;
}
#about-area2{
width:1000px;
height:1090px;
margin:0 auto 40px;
position:relative;
}

.about-eng1{
position:absolute;
margin:0;
width:399px;
left:60px;
top:0;
z-index:10;
}

.about-eng2{
position:absolute;
margin:0;
width:368px;
right:0px;
top:118px;
}
.about-eng1 img,
.about-eng2 img{
width:100%;
}

.about-bg1{
position:absolute;
margin:0;
width:900px;
right:-150px;
top:85px;
}

.about-bg2{
position:absolute;
margin:0;
width:980px;
left:-270px;
top:67px;
}
.about-bg3{
position:absolute;
margin:0;
width:580px;
right:30px;
bottom:0;
}
.about-bg1 img,
.about-bg2 img,
.about-bg3 img{
width:100%;
} 


#about-area1 .about-catch{
position:absolute;
top:0;
right:-300px;
}
#about-area2 .about-catch{
position:absolute;
top:0;
left:-300px;
z-index:100;
}

.about-catch-blue{
background:url(/assets/img/blue-back.jpg) no-repeat center center;
background-size:cover;
display:inline-block;
color:#FFF;
font-size:32px;
line-height:1.2;
margin:0;
}
.about-catch-d{
font-size:50px;
}

#about-area1 .about-catch-blue{
padding:20px 300px 20px 40px;
}
#about-area2 .about-catch-blue{
padding:20px 40px 20px 300px;
}
#about-area1 .about-catch{
text-align:right;
}


.about-info-box1{
position:absolute;
top:220px;
}
.about-info-box2{
position:absolute;
top:370px;
right:0;
z-index:10;
}
.about-info-box3{
position:absolute;
top:768px;
left:30px;
}

.about-info-box{
background:#FFF;
width:330px;
padding:20px 35px;
}

#about-info-img{
padding-top:20px;
}
#about-info-img ul{
}
#about-info-img ul li{
width:160px;
margin-right:10px;
margin-bottom:10px;
float:left;
}
#about-info-img ul li:nth-child(even){
margin-right:0px;
}
#about-info-img ul li:nth-child(3),
#about-info-img ul li:nth-child(4){
margin-bottom:0px;
}
#about-info-img ul li img{
width:100%;
}

.about-info-box::before{
content:"";
position:absolute;
top:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-top.png) no-repeat;
background-size:100%;
}

.about-info-box::after{
content:"";
position:absolute;
bottom:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-bottom.png) no-repeat;
background-size:100%;
}


.about-info-text{
font-size:14px;
margin-bottom:0px;
}



/*----------------------------------------
■施工事例
-----------------------------------------*/

#works-works-area{
background:url(/assets/img/top-works-bg.png) no-repeat top center ;
background-size:100%;
}

#works-works{
width:1000px;
margin:0 auto;
padding:50px 0 0;
}
#works-works h3{
color:#FFF;
}


#works-all{
width:1000px;
margin:0 auto;
}

#single-works-area{
width:1000px;
margin:0 auto 50px;
position:relative;
}

#works-img-area{
width:665px;
}
#works-img-l-area{
margin-bottom:20px;
}
ul.works-img{
}
#works-img-area .bx-wrapper{
margin:0 auto 10px;
}

ul.works-img li .works_image{
width:665px;
height:486px;
}
ul#works-thum li{
width:125px;
float:left;
margin-right:10px;
}
ul#works-thum li:last-child{
margin-right:0px;
}
ul#works-thum li .works_image{
width:125px;
height:90px;
}



#single-works-box{
position:absolute;
right:0;
top:100px;
background:#FFF;
width:330px;
padding:20px 35px;
}

#single-works-box::before{
content:"";
position:absolute;
top:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-top.png) no-repeat;
background-size:100%;
}

#single-works-box::after{
content:"";
position:absolute;
bottom:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-bottom.png) no-repeat;
background-size:100%;
}

#single-works-catch{
color:#142B40;
font-size:30px;
font-weight:bold;
line-height:1.4;
margin-bottom:12px;
}
#single-works-info{
font-size:12px;
color:#777777;
margin:0 0 20px;
line-height:1;
}

#single-works-cate{
position:absolute;
    top: -40px;
left:-10px;
}


#works-other-all{
background:url(/assets/img/manage-flow-bg.png) no-repeat top center ;
background-size:100%;
}
#works-other{
width:1000px;
margin:0 auto;
padding:50px 0 0;
}

#works-other h3{
color:#FFF;
}

/*----------------------------------------
■会社概要
-----------------------------------------*/

#company-area{
width:1000px;
margin:0 auto;
position:relative;
}
#company-catch{
top:20px;
position:absolute;
right:-300px;
text-align:right;
}

.company-catch-blue{
padding:20px 300px 20px 30px;
background:url(/assets/img/blue-back.jpg) no-repeat center center;
background-size:cover;
display:inline-block;
color:#FFF;
font-size:32px;
font-weight:normal;
line-height:1.2;
margin:0;
}
.company-catch-d{
font-weight:bold;
font-size:60px;
}

.company-t{
border-collapse: separate;
}

.company-t tr{

}
.company-t th{
width:35%;
font-weight:bold;
color:#142B40;
text-align:center;
border-bottom:solid 2px #142B40;
}
.company-t td,
.company-t th{
font-size:14px;
line-height:1.4;
padding:15px 20px;
}
.company-t td{
width:65%;
border-bottom:solid 1px #222
}

#company-area-l{
float:left;
width:470px;
margin-right:30px;
}
#company-area-r{
padding-top:200px;
float:right;
width:500px;
}
#company-t-area{
padding:30px;
background:#FFF;
}

#googleMapsArea{
	height:350px;
}

/*----------------------------------------
■アパート経営
-----------------------------------------*/


#manage-catch-eng{
position:absolute;
margin:0;

}
#manage-catch-eng img{
width:514px;
}

#manage-area1{
width:1000px;
height:1000px;
margin:0 auto 40px;
position:relative
}
#manage-area2{
width:1000px;
height:730px;
margin:0 auto 30px;
position:relative;
}
.manage-img{
position:absolute;
margin:0;
}
.manage-img img{
width:100%;
}
#manage-area1 .manage-img{
width:1150px;
top:250px;
left:-200px;
}
#manage-area2 .manage-img{
width:850px;
top:63px;
left:120px;
}



#manage-area1 .manage-catch{
position:absolute;
top:180px;
left:-300px;
z-index:10;
}
#manage-area2 .manage-catch{
position:absolute;
top:0;
right:-300px;
}

.manage-catch-blue{
background:url(/assets/img/blue-back.jpg) no-repeat center center;
background-size:cover;
display:inline-block;
color:#FFF;
font-size:32px;
font-weight:bold;
line-height:1.2;
margin:0;
}
#manage-area1 .about-catch-blue{
padding:20px 40px 20px 300px;
}
#manage-area2 .about-catch-blue{
padding:20px 300px 20px 40px;
}
#manage-area2 .about-catch{
text-align:right;
}



.manage-info-box1{
position:absolute;
top:40px;
right:0;
z-index:10;
}
.manage-info-box2{
position:absolute;
bottom:0px;
}
.manage-info-box3{
position:absolute;
top:224px;
}

.manage-info-box{
background:#FFF;
width:330px;
padding:20px 35px;
}


.manage-info-box::before{
content:"";
position:absolute;
top:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-top.png) no-repeat;
background-size:100%;
}

.manage-info-box::after{
content:"";
position:absolute;
bottom:-40px;
left:0;
display:block;
width:100%;
height:40px;
background:url(/assets/img/top-message-box-bottom.png) no-repeat;
background-size:100%;
}


.manage-info-text{
font-size:14px;
margin-bottom:0px;
}


#manage-flow-area{
}

#manage-flow{
margin:0 auto;
width:1000px;
padding:40px 0 0;
}

#manage-flow-top{
text-align:center;
font-size:15px;
margin-bottom:40px;
}

#manage-flow-box-area{
padding-bottom:50px;
background:url(/assets/img/manage-flow-line.jpg) repeat-y top 30px left 90px;
background-size:2px;
}

.manage-flow-box{
height:270px;
margin-bottom:20px;
width:1000px;
position:relative;
}

.manage-flow-info-box{
width:410px;
height:180px;
padding:30px 30px 30px 60px;
background:#FFF;
position:relative;
margin-left:500px;
}
.manage-flow-img-area{
width:360px;
position:absolute;
top: 30px;
    left: -330px;
margin:0;
}
.manage-flow-img{
width:100%;
height:240px;
position:relative;
margin:0;
}
.manage-flow-img:after{
position:absolute;
content:"";
width:100%;
height:50px;
bottom:0;
left:0;
background:url(/assets/img/manage-flow-img-bottom.png) no-repeat bottom;
background-size:100%;
display:block;
}

.manage-flow-img img{
width:100%;
}

.manage-flow-step{
    position: absolute;
    width: 75px;
    left: 0px;
    top: 30px;
    margin: 0;
    background: url(/assets/img/manage-flow-line-point.png) no-repeat top right;
    background-size: 16px;
    text-align: right;
    font-style: italic;
    font-size: 16px;
    font-weight: bold;
    color: #DC9667;
    line-height: 1;
    padding-right: 24px;
}


.manage-flow-dai{
padding-bottom:10px;
 margin-bottom:12px;
border-bottom:solid 1px #DDD;
line-height:1.4;
font-size:20px;
font-weight:bold;
color:#142B40;
}
.manage-flow-text{
font-size:14px;
margin:0;
}


#manage-flow-con-area{
padding:92px 0 50px;
position:relative;
background:url(/assets/img/manage-flow-con-area.jpg) no-repeat top center fixed;
background-size:cover;
}
#manage-flow-con-area:before{
content:"";
width:86px;
height:42px;
position:absolute;
display:block;
top:0;
left:50%;
margin-left:-43px;
background:url(/assets/img/manage-flow-con-arrow.png) no-repeat;
background-size:100%;
}
#wrapper-sp #manage-flow-con-area{
background:url(/assets/img/manage-flow-con-area.jpg) no-repeat top center;
background-size:100%;
}
#manage-flow-con-title{
font-size:24px;
color:#142B40;
letter-spacing:0.12em;
text-align:center;
line-height:1;
margin-bottom:30px;
}
#manage-flow-con-btn{
width:720px;
margin:0 auto;
}
#manage-flow-con-btn ul li{
width:350px;
float:left;
margin-right:20px;
}
#manage-flow-con-btn ul li:last-child{
margin-right:0px;
}
#manage-flow-con-btn ul li a{
width:100%;
height:94px;
padding-top:26px;
text-align:center;
color:#FFF;
letter-spacing:0.1em;
text-decoration:none;
font-weight:bold;
line-height:1.2;
font-size:24px;
display:block;
}
#manage-flow-con-btn ul li.manage-flow-con-con a{
background:url(/assets/img/footer-con-btn.jpg) no-repeat;
background-size:cover;
}
#manage-flow-con-btn ul li.manage-flow-con-cat a{
background:url(/assets/img/footer-cat-btn.jpg) no-repeat;
background-size:cover;
}


#manage-flow-con-btn ul li.manage-flow-con-con a span,
#manage-flow-con-btn ul li.manage-flow-con-cat a span{
font-size:28px;
padding-left:36px;
}
#manage-flow-con-btn ul li.manage-flow-con-con a span{
background:url(/assets/img/icon-mail.png) no-repeat 0 6px;
background-size:24px;
}
#manage-flow-con-btn ul li.manage-flow-con-cat a span{
background:url(/assets/img/icon-catalog.png) no-repeat 0 6px;
background-size:24px;
}


/*----------------------------------------
■サイトマップ
-----------------------------------------*/

#sitemap-area{
width:1000px;
margin:0 auto;
}
#sitemap-top{
font-size:15px;
margin-bottom:30px;
}

.sitemap-area-box{
width:300px;
float:left;
margin-right:50px;
}
.sitemap-name{
width:300px;
line-height:1;
padding-bottom:16px;
border-bottom:solid 1px #DEDEDE;
margin-bottom:16px;
color:#142B40;
font-size:18px;
font-weight:bold;
}
.sitemap-name a{
text-decoration:none;
color:#142B40;
}
.sitemap-area-box ul{
margin-bottom:30px;
padding-left:10px;
}
.sitemap-area-box ul li{
font-size:15px;
}
.sitemap-area-box ul li::before{
content:"-";
margin-right:6px;
}
.sitemap-area-box ul li a{
text-decoration:none;
}


#sitemap-area div.sitemap-area-box:last-child{
margin-right:0px;
}


/*----------------------------------------
■個人情報
-----------------------------------------*/

#privacy-area{
width:1000px;
margin:0 auto;
}

#privacy-top-text{
font-size:16px;
margin-botto:40px;
}

.privacy-box{
padding:30px;
background:#FFF;
margin-bottom:20px;
}

.privacy-box ul{
padding-top:16px;
}

.privacy-box ul li{
color:#666;
padding-left:10px;
font-size:13px;
line-height:1.6;
margin-bottom:8px;
}
.privacy-box ul li:before{
content:"-";
margin-right:5px;
}

.privacy-box-catch{
margin:-10px 0 20px -50px;
}
.privacy-box-catch span{
padding:12px 30px;
background:#142B40;
color:#FFF;
line-height:1;
font-weight:bold;
display:inline-block;
font-size:16px;
}
.privacy-box-text{
font-size:14px;
margin:0;
}




/*----------------------------------------
■ブログ
-----------------------------------------*/


#all-news-box-area{

}

#all-news-box-area ul{

}
#all-news-box-area ul li{
border-bottom:solid 2px #CCCCCC;
padding-bottom:20px;
margin-bottom:30px;
}
.all-news-date{
margin-bottom:12px;
}

.all-news-date .top-news-time{
font-size:14px;
margin-right:10px;
}


.all-news-dai{
font-size:20px;
line-height:1.4;
margin-bottom:16px;
}
.all-news-text{
font-size:14px;
margin:0;
}



h2#single-news-dai{
border-top:solid 2px #CCCCCC;
border-bottom:solid 2px #CCCCCC;
padding-bottom:20px;
padding-top:20px;
margin-bottom:30px;
font-size:26px;
line-height:1.6;
font-weight:bold;
}

#single-news-naiyou,
#single-news-naiyou p{
font-size:16px;
}


#single_social{
	list-style:none;
}
#single_social li{
	float:left;
}
.postmeta{
	
	padding:40px 0;
}
.postmeta p{
	margin-top:5px;
}

/*----------------------------------------
■個別設定
-----------------------------------------*/

/*　BOXES　*/

.four_boxes {
	margin-left:-16px;
	margin-bottom:8px;
}
.four_boxes div {
	float:left;
	margin-left:16px;
	margin-bottom:10px;
	width:158px;
}

.three_boxes {
	margin-left:-16px;
	margin-bottom:8px;
}
.three_boxes div {
	float:left;
	margin-left:16px;
	margin-bottom:10px;
	width:216px;
}

.two_boxes {
	margin-left:-16px;
	margin-bottom:8px;
}
.two_boxes div {
	float:left;
	margin-left:16px;
	margin-bottom:10px;
	width:332px;
}

.two_text_img {
	margin-left:-16px;
	margin-bottom:8px;
}
.two_text_img div {
	float:left;
	margin-left:16px;
	margin-bottom:10px;
	width:216px;
}
.two_text_img p {
	float:left;
	margin-left:16px;
	margin-bottom:10px;
	width:100px;
}
.two_text_img div p {
	float:none;
	width:100%;
	margin:0;
}

.one_text_img {
	margin-left:-16px;
	margin-bottom:8px;
}
.one_text_img div {
	float:left;
	margin-left:16px;
	margin-bottom:10px;
	width:448px;
}
.one_text_img p {
	float:left;
	margin-left:16px;
	margin-bottom:10px;
	width:216px;
}
.one_text_img div p {
	float:none;
	width:100%;
	margin:0;
}

.wow{
visibility: hidden;
}