@charset "utf-8";

@import 'reset.css';
@import 'lib.css';


html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

html.body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
 /*line-height: 1.0;*/
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

strong{
 font-weight:normal;
}
/*span {color:#ff8695;font-weight:bold;} */

ul, ol {
 list-style: none;
}

img {
 max-width :100%;
 height:auto;
 vertical-align:bottom;
}

a {margin:0px;}

#main .f125{font-size:125%;}
.b{ font-weight:bold;}


/*h1{margin:0px; text-decoration:none;} */
h1{ display:block;
 /*position:fixed; */
  position: absolute;
 top:16px;
 left:5px;
 width:30%;
 height:auto;}

#main h2 {
 clear:both;
 margin:0 0 20px 0;
 padding:0;
 font-size:180%;
 font-weight:normal;
 font-family:arial;
 letter-spacing:1px;
 line-height:120%;
}
#main h2 span{
 clear:both;
 margin:0;
 padding:0;
 font-size:40%;
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 letter-spacing:1px;
}
#main h2.title-left {
 clear:both;
 margin:30px 0 30px 0;
 padding:0;
 font-size:180%;
 font-weight:normal;
 font-family:arial;
 letter-spacing:3px;
 line-height:120%;
 text-align:center;
}
#main h2.title-left span{
 clear:both;
 margin:0;
 padding:0;
 font-size:50%;
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 letter-spacing:1px;
 text-align:center;
}
#main .sub-title {
 margin:0 0 20px 0;
 padding:0;
 font-size:140%;
 /*font-weight:bold;
 font-family: "ＭＳ Ｐ明朝";*/
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 color:#cc4515;
 text-align:center;
}
#main .sub-title span{
 font-size:80%;
}
#main h2.title{
 clear:both;
 margin:20px 0 30px 0;
 padding:0 0 15px 0;
 font-size:140%;
 line-height:140%;
 font-weight:normal;
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 text-align:center;
 border-bottom:3px double #ccc;
}
#main h3 {
 clear:both;
 margin:20px 0 20px 0;
 padding:25px 0 10px 0;
 font-size:160%;
 font-weight:normal;
 text-align:center;
 border-bottom:solid 3px #52a1d1;
}
#main h3.title03 {
 clear:both;
 margin:30px 0 30px 0;
 padding:0 0 8px 0;
 font-size:120%;
 font-weight:normal;
 text-align:center;
 line-height:140%;
 border-bottom:1px solid #cc4515;
}
#main h3.detail {
 clear:both;
 width:100%;
 height:30px;
 margin:10px 0 20px 0;
 padding:10px 0 0 0;
 font-size:18px;
 font-weight:normal;
 color:#663300;
 text-align:center;
 background:#ddd;
 border:none;
}

body {
 font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 font-size:90%;
 line-height: 1.6;
 color:#222;
}

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
 overflow: hidden;
}

a:hover { color:#ff9900; }

.text-left{text-align:left;}

.f125{ font-size:125%; }
.comment{ font-size:80%;}
.bold { font-weight:bold; }
.brown { color:#663300; }
.red { color:#ff0000; }
.og { margin-bottom:0; padding-bottom:0; color:#ff6600; font-size:150%;}
.komemark { color:#ff0000; }
.text-center { text-align:center; }
#main .mt30{margin-top:30px;}
#main .mb15{margin-bottom:15px;}
#main .mb30{margin-bottom:30px;}

.sp-none{display:none; }

.img-center{ display:block; margin-left:auto; margin-right:auto;}
.img-resize {max-width: 100%; width:92%; height: auto;}

.link{ padding:0 0 0 20px; font-size:90%; background:url(../images/arrow_link.png) 0 4px no-repeat; }
.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

div#breadcramb-list {
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

div#breadcramb-list p {
  width: 90%;
  margin: 0px auto;
  padding: 0px 0 14px;
  font-size: 9pt;
}

div#content {
  padding-top: 30pt;
  padding-bottom: 20pt;
}

/*div.content-width-wrapper {
 margin: 0px 5%;
}
*/

.section-heading {
  font-weight: normal;
  text-align: left;
  font-size: 14pt;
  line-height: 1.8em;
  margin-bottom: 15px;
  position: relative;
  color: #333;
 font-family: arial,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 border-bottom:3px solid #222;
  display: inline-block;
}
.section-heading2 {
  font-weight: normal;
  text-align: left;
  font-size: 16pt;
  line-height: 0.8em;
  margin-bottom: 15px;
  position: relative;
  color: #333;
 text-align:center;
}
.section-heading2 span {
  font-size: 7pt;
  color: #85725e;
}

/* ============================================================== */
/*header*/
/* ============================================================== */

header {
  margin:0;
  padding:0;
 z-index:1;
}
header:after {
 content: '';
 display: block;
 clear: both;
}
header p {
 display:none;
}
header #headLeft {
 margin-top:-330px;
 margin-left:3px;
 width:50%;
 height:auto;
}

#headRight{display:none;}

/* ============================================================== */
/*navi*/
/* ============================================================== */

.gnavi {
 display:none;
}

.spnaviOpen {
 display:block;
 position:fixed;
 top:0px;
 right:0px;
 width:60px;
 height:60px;
 background: url(../images/btn_spmenu_bg.jpg) center top no-repeat;
 background-size: 60px 60px;
 text-indent:-9999px;
}
.spnavi ul.drop-menu {
 display:none;
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 z-index:1000 !important;
}
.spnavi ul.drop-menu li {
 width:100%;
 opacity: 0.8;
 text-decoration:none;
}
.spnavi ul.drop-menu li.navi01 a{
 padding-top:50px;
 text-decoration:none !important;
}
.spnavi ul.drop-menu li a{
 display: block;
 width:100%;
 /*height:50px;*/
 background:#000;
 /*background: url(../images/bg_gnavi01.gif) left top no-repeat; */
 text-align:center;
 text-decoration:none !important;
 color:#fff;
}
.spnavi ul.drop-menu li span{
 display: block;
 padding:20px 15px 20px 15px;
 font-size:110%;
 font-weight:bold;
}
.spnavi ul.drop-menu li a:hover{
 color:#fff; 
 text-decoration:underline !important;
}
.spnavi ul.drop-menu li.navi07 a{
 padding-bottom:80px;
 /*background-image: url(../images/bg_gnavi02.gif);*/
}


/* ============================================================== */
/*pankuzu list*/
/* ============================================================== */

#topic-path-box{
 display:none;
 clear:both;
 width:100%;
 height:40px;
 margin:0 auto;
 margin-bottom:10px;
 padding:0;
 background:#f7f7f7;
}
ul#topic-path{
 width:980px;
 margin:0 auto;
 padding:11px 0 0 0;
 text-align:left;
}
ul#topic-path li {
 margin:0;
 padding:0;
 display:inline;
 line-height:110%;
 list-style-type:none;
 font-size:11px;
}
ul#topic-path li a {
 padding-right:15px;
 color:#dc6238;
 text-decoration:none;
 background:url(../images/icon_gt.png) no-repeat;
 background-position:100% 40%;
}
ul#topic-path li a:hover {
 text-decoration:underline;
}

/* ============================================================== */
/*home*/
/* ============================================================== */

#main{z-index:0 !important; position:relative;}

#main-box{
position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 padding-top:460px;
 text-align:center;
 background:url(../images/main_sp.jpg) no-repeat;
 /*background-size: contain;*/
background-size: cover;
 z-index:1;
}

#pictMainSpBox{ 
 display:block;
 width:100%;
 margin:0 auto;
 padding:0;
 position: relative;
 overflow:hidden;
 text-align:center;
}
#pictMainBox{
 width:100%;
 margin:0 auto;
 padding:0;
}

#company-box{
position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 padding-top:494px;
 text-align:center;
 background:url(../images/company_bg_sp.jpg) no-repeat;
 background-size: contain;
 z-index:1;
}
#qa-box{
position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 padding-top:494px;
 text-align:center;
 background:url(../images/qa_bg_sp.jpg) no-repeat;
 background-size: contain;
 z-index:1;
}
#size-box{
position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 padding-top:494px;
 text-align:center;
 background:url(../images/size_bg_sp.jpg) no-repeat;
 background-size: contain;
 z-index:1;
}
#order-box{
position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 padding-top:494px;
 text-align:center;
 background:url(../images/order_bg_sp.jpg) no-repeat;
 background-size: contain;
 z-index:1;
}
#privacy-box{
position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 padding-top:494px;
 text-align:center;
 background:url(../images/privacy_bg_sp.jpg) no-repeat;
 background-size: contain;
 z-index:1;
}
#contact-box{
position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 padding-top:494px;
 text-align:center;
 background:url(../images/contact_bg_sp.jpg) no-repeat;
 background-size: contain;
 z-index:1;
}


.box{ width:100%; margin:0 auto;  padding-bottom:30px;}
.box-in{ width:95%; margin:0 auto;  padding-bottom:30px; text-align:left;}
.box-in02{ width:98%; margin:0 auto;  padding-bottom:30px; text-align:left;}
.box02{ width:98%; margin:0 auto; padding-top:30px; padding-bottom:30px;
 border-bottom:1px solid #ccc;}

.home01{
 margin-top:20px;
 margin-bottom:30px;
}
.home01:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#main .home01 p{
 padding:0 0 10px 5px;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
.home01-left{}
.home01-right{ margin-top:20px;}


.home02{
 margin-top:20px;
 margin-bottom:30px;
}
.home02:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#main .home02 p{
 padding:0 0 10px 5px;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
.home02-left{ margin-top:20px;}
.home02-right{}

#news-box-wrap{
 width:100%;
 margin:0 auto;
 padding:0;
 background:#000;
}
#news-box{
 width:100%;
 margin:0 auto;
 padding-top:20px;
 padding-bottom:20px;
}
#news-box-in{
 width:94%;
 margin:0 auto;
 padding-top:40px;
 padding-bottom:10px;
 border:1px solid #fff;
}
#news-box-in:after{content: ''; display: block; clear: both;}

#index-news {
 margin:0;
 padding:0;
 padding-bottom: 10pt;
  color:#fff !important;
}

#index-news div {
 margin: 0px auto;
 -webkit-box-sizing: border-box; /* Webkit系用 */
 -moz-box-sizing: border-box;     /* Firefox用 */
 box-sizing: border-box;
}

#index-news div.wn-item {
  width: 90%;
  margin-bottom:10px;
  padding-top: 20px; 
  padding-bottom: 30px; 
  position: relative;
  border-bottom: 1px solid #fff;
  font-size: 100%;
  text-align:left;
  color:#fff;
}
#index-news div.wn-item a{
  color:#fff;
 text-decoration:none;
}
#index-news div.wn-item a:hover{
  color:#fff;
}
div#index-news div.wn-date { margin-bottom:6px;color:#fff;}
.wn-article a{ color:#fff !important;}

h2.news-ttl {
 font-weight: normal;
 font-size: 20pt;
 margin:0;
 margin-bottom:30px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
  color:#222;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 line-height:110%;
 color:#fff;
}
h2.news-ttl span{
 font-weight: normal;
 font-size: 10pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#fff;
 letter-spacing:1px;
 font-family: arial;
}


.white-box {
 width:90%;
 position:relative;
 margin:0 auto;
 padding:10px 0 10px 0;
 background-color:rgba(255,255,255,0.95);
}
#home-news-box-in02 {
 width:80%;
 position:relative;
 margin:0 auto;
 padding:20px 0 20px 0;
 text-align:center;
 line-height:170%;
 color:#555;
 letter-spacing:1px;
}

#index-news {
  padding-top: 10pt;
  margin-bottom: 10pt;
  padding-bottom: 10pt;
}
#index-news div {
 margin: 0px auto;
 -webkit-box-sizing: border-box; /* Webkit系用 */
 -moz-box-sizing: border-box;     /* Firefox用 */
 box-sizing: border-box; 
}

#index-news div.wn-item {
  width: 94%;
  padding: 10px 0 10px 0;
  position: relative;
  border-bottom: 1px dashed #ccc;
  font-size: 10pt;
  text-align:left;
  line-height:140%;
}
div#index-news div.wn-item a{
  color:#333;
  text-decoration:none;
}
div#index-news div.wn-item a:hover{
  color:#cc4515;
  text-decoration:underline;
}

#home-news-right{
 clear:both;
 margin:0 auto;
 float:none;
 text-align:center;
}
#home-news-right img{
 margin-bottom:20px;
 text-align:center;
}

#btm-bnr{
 position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 margin:0 auto;
 margin-top:0;
 padding-top:30px;
 padding-bottom:30px;
 /*margin-left:-646px;
 left:50%;*/
 text-align:center;
 background:url(../images/btm_contact_bg.jpg) center;
}
#btm-bnr:after{
 content: '';
 display: block;
 clear: both;
}
#btm-bnr-in{
 width:94%;
 margin:0 auto;
 margin-top:60px;
 padding:30px 0 30px 0;
 border:5px solid #fff;
}
#btm-bnr-in:after{
 content: '';
 display: block;
 clear: both;
}
#btm-bnr-in p{padding-top:10px !important;color:#fff;}
#btm-bnr-left{
 width:100%;
 float:left;
}
#btm-bnr-left .btm-bnr-txt01{
 margin:0;
 padding:0;
 padding-bottom:25px;
 font-size:90% !important;
 text-align:center;
}
#btm-bnr-center .btm-bnr-txt02{
 padding-bottom:15px;
 font-size:85% !important;
 text-align:center;
}
#btm-bnr-center{
 width:94%;
 margin-bottom:24px;
 float:none;
}
#btm-bnr-right{
 width:90%;
 margin:0 auto;
 margin-bottom:24px;
 float:none;
}
#btm-bnr-in{
 width:94%;
 margin:0 auto;
 text-align:center;
}
#btm-bnr li{
 margin-bottom:15px;
 text-align:center;
}
#btm-bnr02{
 margin:0 auto;
 margin-top:20px;
 margin-bottom:30px;
 text-align:center;
}
#btm-bnr02:after{
 content: '';
 display: block;
 clear: both;
}
#btm-bnr02 .float-right{
 margin:0 auto;
 padding-top:20px;
 text-align:center;
}
#btm-bnr02-in{
 width:100%;
 margin:0 auto;
}
.btm-bnr02-left{
 width:90%;
 margin:0 auto;
 margin-bottom:30px;
}
.btm-bnr02-center{
 width:90%;
 margin:0 auto;
 margin-bottom:20px;
}
.btm-bnr02-right{
 margin:0 auto;
 margin-bottom:20px;
}

#btm-bnr03{
 margin:0 auto;
 margin-top:20px;
 margin-bottom:30px;
 text-align:center;
}
#btm-bnr03:after{
 content: '';
 display: block;
 clear: both;
}
#btm-bnr03-in{
 width:100%;
 margin:0 auto;
}
.btm-bnr03-left{
 width:90%;
 margin:0 auto;
 margin-bottom:30px;
}
.btm-bnr03-center{
 width:90%;
 margin:0 auto;
 margin-bottom:20px;
}
.btm-bnr03-right01{
 margin:0 auto;
 margin-bottom:20px;
}
.btm-bnr03-right02{
 margin:0 auto;
 margin-bottom:20px;
}

/* ============================================================== */
/*footer */
/* ============================================================== */

footer{
 clear:both;
 width:100%;
}
#foot{
 width:100%;
 margin:0 auto;
 padding:30px 0 30px 0;
 background:#fff;
 
}

footer{
 clear:both;
 width:100%;
 margin-top:6px;
 margin-bottom:0;
 padding:0;
 background:#fff;
}

#foot-address{
 float:none;
 width:100%;
 margin:0 auto;
 padding:0 0 15px 0;
 font-size:12px;
 text-align:center;
 color:#000;
}


#foot-menu{display:none;}

.copyright{
 padding-top:10px;
 text-align:center;
 font-size:70%;
}



/* ============================================================== */
/* 下層コンテンツ */
/* ============================================================== */

.box {
 width:100%;
 margin:0 auto;
 padding:30px 0px 30px 0px;
 text-align:center;
}
.box:after {
 content: '';
 display: block;
 clear: both;
}
.home-box02 {
 width:92%;
 margin:0 auto;
 padding:30px 0px 30px 0px;
 text-align:center;
}
.home-box02:after {
 content: '';
 display: block;
 clear: both;
}
.home-box02 p{
 padding-bottom:15px;
 text-align:left;
}

.float-box {
 width:92%;
 margin:0 auto;
 padding:0px 0px 30px 0px;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 margin:0 0 20px 0;
 text-align:center;
}
#main .float-right{
 display:block;
 margin:0 0 20px 0;
 text-align:center;
}
.float-box p{
 padding-bottom:15px;
 text-align:left;
}

.sp-center{ display:block; margin-left:auto; margin-right:auto; text-align:center;}

.list-blue li {
 list-style-type: none;
 padding:0 0 10px 20px;
 line-height:140%;
 text-align:left;
 background:url(../images/list_blue.jpg) no-repeat;
}

.list-red{
 width:100%;
 margin: 0 auto;
 text-align:left;
}
.list-red li{
 padding-left:28px;
 padding-bottom:10px;
 background:url(../images/check_red.jpg) 0 2px no-repeat;
}

.pict3{margin:20px 0 0 0;}
.pict3 li{margin-bottom:20px;}

/* ============================================================== */
/* 採用情報 */
/* ============================================================== */

.recruit-table {
 width:100%; 
 margin:10px 0 30px 0; 
 padding:0;
 border-spacing: 0; 
 border: none;
}
.recruit-table th{
 width: 100%;
 padding-top:10px;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
 color:#dc6238;
 }
.recruit-table td{
 width: 100%;
 padding-bottom:10px;
 display: block;
 border: none;
 text-align:left;
 font-size:90%;
 border-bottom:1px dashed #ccc;
}
.recruit-table td.bordernone{
 border:none; 
}
.recruit-table tr:first-child th { 

}
.recruit-box{text-align:left;}


/* ============================================================== */
/* 会社概要 */
/* ============================================================== */

.company-table {
 width:100%; 
 margin:10px 0 30px 0; 
 padding:0;
 border-spacing: 0; 
 border: none;
}
.company-table th{
 width: 100%;
 padding-top:10px;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
 color:#dc6238;
 }
.company-table td{
 width: 100%;
 padding-bottom:10px;
 display: block;
 border: none;
 text-align:left;
 font-size:90%;
 border-bottom:1px dashed #ccc;
}
.company-table td.bordernone{
 border:none; 
}
.company-table tr:first-child th { 

}
.company-box{text-align:left;}

.home-black{
 width:100%;
 margin:0 auto;
 background:#000;
}
.home-brown{
 width:100%;
 margin:0 auto;
 background:#76171b;}

.box-black{
 width:100%;
 margin:0 auto;
 padding-top:50px;
 padding-bottom:60px;
 background:#000;
}

.box-grey{
 width:100%;
 margin:0 auto;
 padding-top:50px;
 padding-bottom:60px;
 background:#404040;
}

.box3{
 width:94%;
 margin:0 auto;
 margin-top:30px;
}
.box3 li{
 margin-bottom:20px;
}

.box3-in{
 width:94%;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:20px;
}
.box3-in li{
 margin-bottom:60px;
}
.box3-in p{
 padding-bottom:15px;
 text-align:left;
}
.box3-in li img{
 margin-bottom:15px;
 text-align:center;
}

/*
.company-box p{ padding-bottom:20px; }
.company-box .con-title{ margin-bottom:0;padding-bottom:0; }

.company-box02{margin-bottom:20px;text-align:left;}
.company-box02 p{ padding-bottom:20px; }
.company-box02 .con-title{ margin-bottom:0;padding-bottom:0; }
*/

.box3-02-in{
 width:100%;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:20px;
 text-align:center;
}
.box3-02-in li{
 margin-bottom:30px;
 text-align:center;
}
.box3-02-in p{
 padding-bottom:15px;

}

.kouji-box{ width:100%;}
.kouji-box:after{  content: ''; display: block; clear: both;}
.kouji-box li{ width:96%;margin-right:0;float:none;}
.kouji-box li:last-child{ width:96%;margin-right:0;float:none;}

.gmap {
margin-bottom:25px;
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* ============================================================== */
/* 施工実績*/
/* ============================================================== */

.workTable{
 width:100%;
 margin:0 0 25px 0;
 border:none;
}
.workTable td{
 padding:12px 0 12px 0;
 font-size:90%;
 border:none;
 border-bottom:1px dotted #aaa;
 vertical-align:top;
 text-align:left;
}
.workTable .leftArea{
 padding:12px 0 12px 2px;
 font-size:90%;
 vertical-align:top;
 text-align:left;
}

.gallery02{
 margin:0 auto;
 width: 100%;
 background: #fff;
 clear: both;
 display: block;
 overflow: hidden;
 margin: 10px 0 20px;
}
.gallery02 ul{
 width:96%;
 padding: 0 0 20px 0;
}
.gallery02 ul li{
 display: block;
 margin: 0 0 10px 0;
}
.gallery02 ul li img{
 border: 5px solid #eee;
}



/* ============================================================== */
/* コンテナサイズ・価格 */
/* ============================================================== */

.ct-size-box-top{
 width:40%;
 margin:0 auto;
 margin-bottom:30px;
}
.ct-size-box-top img{
 margin-bottom:10px;
}
.ct-size-box{
 width:100%;
 margin:0 auto;
 margin-top:40px;
 margin-bottom:20px;
 padding-bottom:40px;
 border-bottom:1px dotted #ccc;
}
.ct-size-box:after{
 content: '';
 display: block;
 clear: both;
}
.ct-size-box-in{
 width:100%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:20px;
}
.size-box-left{
 width:100%;
}
.size-box-left img{
 margin-bottom:20px;
}
#main .size-box-left p{
 margin:0;
 padding:0;
 font-size:140%;
 text-align:center;
 color:#cc4513;
}
.size-box-right{
 width:100%;
 float:right;
}
.ct-size-table{
 width:100%;
 margin:0 auto;
 margin-top:20px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
}
.ct-size-table td{
 width:30%;
 padding:10px;
 font-size:90%;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 vertical-align:middle;
}
.ct-size-table .top-area{
 width:30%;
 padding:10px;
 font-size:90%;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background:#f2f2f2;
}
.size-box-left02{
 width:100%;
 float:left;
}
.size-box-left02 img{
 margin-bottom:20px;
}
#main .size-box-left02 p{
 margin:0;
 padding:0;
 font-size:140%;
 text-align:left;
 color:#cc4513;
}

.box3-work-list{
 width:100%;
 margin:0 auto;
 margin-bottom:40px;
 /*display:flex;*/
}
.box3-work-list:after{
 content: '';
 display: block;
 clear: both;
}
.box3-work-list ul{
 margin:0 auto;
 padding:0;
}
.box3-work-list li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:left;
 width:96%;
 margin-top:10px;
 margin-bottom:10px;
  padding:0;
  background:none;
  text-align:center;
}



/* ============================================================== */
/* コンテナ設計・施工 */
/* ============================================================== */

.box4{
 width:94%;
 margin:0 auto;
}
.box4 li{
 margin-top:20px;
 text-align:left;
 line-height:160%;
}
.box4 li img{
 margin-bottom:10px;
}

.cont-bnr{ 
 display:inline-block;
 width:100%;
 margin-top:20px;
 padding:6px 1px 6px 6px;
 border:1px solid #fff;
 background:#e0e0e0;
 margin-bottom:25px;
}
.cont-bnr:after{
 content: '';
 display: block;
 clear: both;
}
.cont-bnr-line{
 display:inline-block;
 width:96%;
 border:1px solid #fff;
}
.cont-bnr-line:after{
 content: '';
 display: block;
 clear: both;
}
.cont-bnr-left{
 margin-top:15px;
 text-align:center;
}
.cont-bnr-center{
 margin-top:15px;
 margin-left:10px;
 margin-right:10px;
 color:#444;
}
.cont-name{
 margin-bottom:10px;
 font-size:120%;
 color:#663300;
 line-height:120%;
}
.cont-name span{
 margin-left:5px;
 font-size:60%;
 color:#663300;
}

.cont-bnr-right{
 margin-top:10px;
 margin-bottom:15px;
 text-align:center;
}

.cont-bnr-qa{ 
 display:inline-block;
 width:100%;
 margin-top:20px;
 padding:6px 1px 6px 6px;
 background:#f7f7f7;
 margin-bottom:25px;
}
.cont-bnr-qa:after{
 content: '';
 display: block;
 clear: both;
}
.cont-bnr-qa-line{
 display:inline-block;
 width:96%;
 border:1px solid #333;
}
.cont-bnr-qa-line:after{
 content: '';
 display: block;
 clear: both;
}
.cont-bnr-qa-left{
 width:90%;
 margin:0 auto;
 margin-top:15px;
 text-align:center;
}
.cont-bnr-qa-right{
 width:90%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:15px;
 text-align:left;
}
.cont-bnr-qa-right p{
 color:#555;
}
.cont-bnr-qa-left02{
 width:90%;
 margin:0 auto;
 margin-top:15px;
 text-align:center;
}
.cont-bnr-qa-right02{
 width:90%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:15px;
 text-align:left;
}
.cont-bnr-qa-right02 p{
 color:#555;
}

.cont-img-title span{
 margin-left:10px;
 font-size:110%;
}
.cont-img-box{
 width:100%;
 margin-top:10px;
 margin-bottom:40px;
}
.cont-img-box:after{
 content: '';
 display: block;
 clear: both;
}
.cont-img-left{
 width:100%;
 float:left;
}
.cont-img-left img{
 margin-bottom:10px;
}
.cont-img-title02{
 font-size:120%;
 text-align:center;
}
.cont-img-right{
 width:100%;
 float:right;
 background:#f7f7f7;
}
.cont-img-right-in{
 width:90%;
 margin:20px 15px 15px 20px;
}
.cont-img-right-in img{
 margin-top:10px;
 margin-bottom:10px;
}
#main .cont-img-right-in p{
 font-size:90%;
 line-height:160%;
}

.box2{
 width:94%;
 margin:0 auto;
}
.box2 li{
 margin-bottom:20px;
}
.box2-left{
 width:94%;
 margin:0 auto;
 margin-bottom:20px;
}
.box2-right{
 width:94%;
 margin:0 auto;
 margin-bottom:20px;
}

.ct-point-sp{
 clear:both;
 width:100%;
 margin-bottom:20px;
 background:#efefef;
}
.ct-point-in{
 width:90%;
 margin:0 auto;
 padding-top:30px;
}
.ct-point-in p{
 padding-top:20px;
 padding-bottom:40px;
 line-height:160%;
 color:#000;
}

.qa-box{
 clear:both;
 width:100%;
 margin:0 auto;
 margin-top:14px;
 margin-bottom:40px;
 border:1px solid #ccc;
}
.qa-box:after{
 content: '';
 display: block;
 clear: both;
}
.qa-box-in{
 width:90%;
 margin:0 auto;
 margin-top:25px;
 margin-left:14px;
 margin-bottom:20px;
}
.qa-title{
 margin:0 0 20px 0;
 padding:0 0 10px 0;
 font-size:120%;
 border-bottom:1px dotted #ccc;
 color:#cc4515;
 line-height:120%;
}

.sy-box{
 clear:both;
 width:96%;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
 padding-top:10px;
 padding-bottom:10px;
 border-bottom:1px solid #ccc;
}
.sy-box:after{
 content: '';
 display: block;
 clear: both;
}
.sy-box li.sy-left {
  width:80%;
  margin:0 auto;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
 line-height:160%;
}
.sy-box li.sy-center {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 20px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box li.sy-right {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
 margin-right:0;
  padding:0 0 20px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box li.sy-left02 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 20px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box li.sy-right02 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
 margin-right:0;
  padding:0 0 20px 0;
  background:none;
  text-align:left;
 line-height:160%;
}

.cont-btm-navi{
 clear:both;
 width:100%;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
 background:#f7f7f7;
}
.cont-btm-navi:after{
 content: '';
 display: block;
 clear: both;
}
.cont-btm-navi-in{
 width:92%;
 margin:0 auto;
 display:flex;
}
.cont-btm-navi-in li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:10px 0 10px 0;
  text-align:center;
}

.cont-btm-navi-in li:last-child {
 margin-right:0;
}


/* ============================================================== */
/* コンテナ宿舎イメージ */
/* ============================================================== */


.sy-box3{
 clear:both;
 width:100%;
 margin:0 auto;
 display:flex;
}
.sy-box3:after{
 content: '';
 display: block;
 clear: both;
}

.sy-box3 li.sy01 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  margin:0 auto;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.sy-box3 li.sy02 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 30px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box3 li.sy03 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 30px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box3 img{
 margin-bottom:15px;
}

.sy-box2{
 clear:both;
 width:100%;
 margin:0 auto;
 display:flex;
}
.sy-box2:after{
 content: '';
 display: block;
 clear: both;
}

.sy-box2 li.sy-box2-left {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  margin:0 auto;
  padding:0 0 30px 0;
  background:none;
  text-align:center;
 line-height:160%;
}
.sy-box2 li.sy-box2-right {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 30px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box2 img{
 margin-bottom:15px;
}

.sy-box32{
 clear:both;
 width:100%;
 margin:0 auto;
 display:flex;
}
.sy-box32:after{
 content: '';
 display: block;
 clear: both;
}

.sy-box32 li.sy001 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
 margin:0 auto;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.sy-box32 li.sy002 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 30px 0;
  background:none;
  text-align:center;
 line-height:160%;
}
.sy-box32 li.sy003 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 30px 0;
  background:none;
  text-align:center;
 line-height:160%;
}

.sy-box33{
 clear:both;
 width:100%;
 margin:0 auto;
 display:flex;
}
.sy-box33:after{
 content: '';
 display: block;
 clear: both;
}

.sy-box33 li.sy1 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  margin:0 auto;
  text-align:center;
  padding:0 0 20px 0;
  background:none;
}
.sy-box33 li.sy2 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 30px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box33 li.sy3 {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  padding:0 0 30px 0;
  background:none;
  text-align:left;
 line-height:160%;
}
.sy-box33 img{
 margin-bottom:20px;
}


/* ============================================================== */
/* 店舗住宅設計・施工 */
/* ============================================================== */

.blue-box{
 width:100%;
 margin:0 auto;
 background:#e6f8ff;
}
.blue-box-in{
 margin:0 auto;
 padding:10px;
}


/*-------------物件情報-------------*/

.prpertyBox{
 width:100%;
 margin-top:20px;
 margin-bottom:30px;
}
.prpertyBox:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.prpertyLeft{
 width:100%;
 text-align:center;
}
.prpertyRight{
 width:100%;
 text-align:center;
}

.propertyTable{
 width:100%;
 margin:0 0 25px 0;
 border-top:1px dotted #aaa;
}
.propertyTable td{
 padding:12px 5px 12px 10px;
 font-size:13px;
 border-bottom:1px dotted #aaa;
 vertical-align:middle;
 text-align:left;
}
.propertyTable .leftArea{
 width:30%;
 padding:12px 0 12px 10px;
 font-size:13px;
 border-bottom:1px dotted #aaa;
 background:#f2f2f2;
 vertical-align:middle;
 text-align:left;
}
#main .redCC{
 color:#cc0000;
}
.gallery img{
 width:45%;
 margin:0 4px 10px 0;
}



/* ============================================================== */
/* contact */
/* ============================================================== */


section .contact-table {
 width:100%; 
 margin:35px 0 30px 0; 
 padding:0;
 border: none;
 border-spacing: 0; 
}
section .contact-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
section .contact-table td{
 width: 100%;
 display: block;
 border: none;
 margin-bottom:15px;
}
section .contact-table td.bordernone{
 border:none; 
}
section .contact-table tr:first-child th { 

}

section .contact-table .size1{ 
 width:100%;
 margin-bottom:5px;
}
section .contact-table .size2{ 
 width:100%;
 margin-bottom:5px;
}
section .contact-table .size3{ 
 width:100%;
 height:150px;
}

section .contact-table input,select{ 
 height:27px;
 vertical-align:middle;
}
section .contact-table radio,checkbox{ 
 vertical-align:middle;
}
section .contact-box button{ 
 padding:10px 15px 10px 15px;
}

section .contact-table-conf {
 width:100%; 
 margin:35px 0 30px 0; 
 padding:0;
 border-spacing: 0; 
}
section .contact-table-conf th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
section .contact-table-conf td{
 width: 100%;
 margin-bottom:10px;
 padding-bottom:10px;
 display: block;
 border: none;
 border-bottom:1px solid #ccc;
}
section .contact-table-conf td.bordernone{
 border:none; 
}
section .contact-table-conf tr:first-child th {

}

.com-box{
 width:94%;
 margin:0 auto;
 margin-top:40px;
 border:1px solid #ccc;
}
.com-box-in{margin:0 auto; padding:20px;}
.com-box-in p{ text-align:left;}


/* プライバシーポリシー
--------------------------------------------*/

#main .privacyTop{
 margin:30px 5px 20px 3px;
 padding:0;
 text-align:left;
 font-size:13px;
}
#main .privacy_title{
 margin:0;
 padding:10px 0 0 3px;
 text-align:left;
 font-size:13px;
 font-weight:bold;
}
#main .privacy_text{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:90%;
}
#main .privacy_date{
margin: 0 15px 0 5px;
padding:20px 0 15px 0;
font-size:13px;
text-align:right;
line-height:140%;
}
#main .privacy_contact{
margin: 0 5px 0 12px;
padding:10px 0 15px 0;
font-size:13px;
line-height:140%;
}


/*-------------ボタン-------------*/

.btn-base {
 font-size:100%;
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line {
 clear:both;
 margin:0 auto;
 margin-top:20px;
 width:80%;
 border:1px solid #dbdbdb;
 background:#dbdbdb;
}
.btn-line a {
 display:block;
 padding:10px 0;
 color:#767676;
 text-align:center;
 text-decoration:none;
}
.btn-line a:hover {
 background:#aaa;
 color:#fff;
}
.btn-line02 {
 clear:both;
 margin:0 auto;
 margin-top:20px;
 width:80%;
 border:1px solid #71aecc;
}
.btn-line02 a {
 display:block;
 padding:10px 0;
 color:#71aecc;
 text-align:center;
 text-decoration:none;
}
.btn-line02 a:hover {
 background:#71aecc;
 color:#fff;
}

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

.sitemapTitle{
 width:100%;
 margin:10px 0 0 0;
 padding:5px 0 2px 10px;
 text-align:left;
 font-size:15px;
 background:#f2f2f2;
}

.smList{
 margin:5px 0 20px 10px; 
 padding:0;
 text-align:left;
}

.smList li{
 margin-left:15px;
 padding:10px 0 10px 0;
 font-size:13px;
 list-style-type:none;
 text-align:left;
}

.smList li a{
 color:#333;
 text-decoration:none;
}

.smList li a:hover{
 color:#dc6238;
 text-decoration:underline;
}


/*-------------News-------------*/

#home-voice-box {
 width:100%;
 height:auto;
 margin:0 auto;
 padding:10px 0 10px 0;
 background:url(../images/home_voice_bg_sp.jpg) repeat-y;
 overflow:hidden;
}

.white-box {
 width:96%;
 position:relative;
 margin:0 auto;
 margin-top:40px;
 padding:0 0 10px 0;
 background-color:rgba(255,255,255,0.93);
}
#home-voice-box-in02 {
 width:90%;
 position:relative;
 margin:0 auto;
 padding:20px 0 20px 0;
 text-align:left;
 line-height:170%;
 color:#555;
 letter-spacing:1px;
}

#index-news {
  margin-bottom: 10pt;
  padding-bottom: 10pt;
}

#index-news div {
 margin: 0px auto;
 -webkit-box-sizing: border-box; /* Webkit系用 */
 -moz-box-sizing: border-box;     /* Firefox用 */
 box-sizing: border-box; 
}
#index-news div.whatsnew {
  border: none;
  margin-top: 0px !important;
}
#index-news div.wn-item {
  width: 94%;
  padding: 10px 0px 10px 0;
  position: relative;
  border-bottom: 1px dashed #ccc;
  font-size: 10pt;
  text-align:left;
}
section#index-news div.wn-date {
  position: relative;
}

/*-------------リスト-------------*/

.career-list{margin:0 auto;text-align:center; }
.career-list ul{}
.career-list li{margin:10px 0 20px 0;text-align:center;line-height:150%;}

.staff-list{margin:0 auto;text-align:center; }
.staff-list ul{}
.staff-list li{margin:10px 0 20px 0;padding-bottom:10px;text-align:center;line-height:150%;}


/* slide
--------------------------------------------*/

.viewer_02 {
 margin: 0 auto;
 width:100%;
 height: 220px;
 text-align: left;
 overflow: hidden;
}

.viewer_02 ul {
 width:100%;
 height: 220px;
 text-align: left;
 overflow: hidden;
 position: relative;
}

.viewer_02 ul li {
 top: 0;
 left: 0;
 width:100%;
 height: 220px;
 display: none;
 position: absolute;
}

.home-item-box-wrap{ width:100%; margin:0 auto; padding-top:50px; background:#000;}
.home-item-box{ width:94%; margin:0 auto; margin-bottom:30px;padding-bottom:50px; border-bottom:1px solid #333;}
.home-item-box:after{ content: ''; display: block; clear: both;}
.home-item-left{ width:100%; float:none; text-align:left;}
.home-item-left .home-item-ttl{ padding-bottom:20px;font-size:28px; font-weight:bold;}
.home-item-left .home-item-txt{ }
.home-item-left .home-item-txt p{ padding-top:15px;padding-bottom:30px; color:#fff;}
.home-item-left .home-item-txt img{ padding-left:0;}
.home-item-right{ width:100%; float:none;}
.home-item-img{ width:50%; height:auto; margin:0 auto; margin-top:30px; text-align:center;}


.btn-home-flow{ clear:both; display:block; margin:0 auto; margin-top:20px;text-align:center;}


.home-work{ clear:both;width:100%; margin:0 auto; margin-bottom:50px;padding-top:60px;padding-bottom:60px;background:url(../images/work_bg.png) repeat;}
.home-work:after{ content: ''; display: block; clear: both;}
.home-work-ttl{margin:0 auto; text-align:center;}
.home-work-left{width:94%;margin:0 auto;margin-top:30px;float:none;}
.home-work-right{width:94%;margin:0 auto;float:none;}
.btn-home-work{display:block;margin:0 auto;margin-top:30px;text-align:center;}


.home-base{ clear:both;width:100%; margin:0 auto; padding-top:60px;padding-bottom:60px;background:#000;}
.home-base:after{ content: ''; display: block; clear: both;}
.home-base-left{width:94%;margin:0 auto;float:none;}
.home-base-right{width:94%;margin:0 auto;float:none;}

.home-company-box{
 position: relative;
 overflow: hidden;
 display:block;
 width:auto;
 height:auto;
 margin:0 auto;
 padding:0;
 text-align:center;
 background:url(../images/home_company_bg.jpg) center;
}
.home-company{
 width:80%;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:20px;
 padding:26px 18px;
 background:#fff;
 opacity:0.8;
}
.home-company p{
 line-height:160%;
 color:#000;
}
.home-company-txt{padding-top:40px !important;}

#news { clear:both; padding: 20px; width:100%; margin: 0 auto; display: flex; align-items: stretch;align-items: center; gap: 20px;}
.news-in{margin:0 auto;align-items: center; }
.news-in a{margin:0 auto;text-decoration:none;color:#fff;}
.news-in img{width:24px;height:auto;}



.home-style-box{width:100%; margin:0 auto; margin-bottom:20px;}
.home-style-box:after{ content: ''; display: block; clear: both;}
.home-style-left{width:96%; margin:0 auto;margin-top:30px;margin-bottom:30px;float:none; text-align:left;}
.home-style-right{width:96%; margin:0 auto;float:none;}
.home-style-box02{width:100%; margin:0 auto; padding-top:10px; padding-bottom:30px;}
.home-style-box02:after{ content: ''; display: block; clear: both;}
.home-style-right02{width:96%; margin:0 auto;margin-top:30px;margin-bottom:30px;float:none; text-align:left;background:#000; color:#fff;}
.home-style-right02-brown{width:96%; margin:0 auto;margin-top:30px;margin-bottom:30px;float:none; text-align:left;background:#76171b; color:#fff;}
.home-style-left02{width:96%; float:none;margin:0 auto;}
.home-black{margin:0 auto; background:#000;}


.sp-ttl{width:80%;}

.price-wrap{width:100%; margin:0 auto;margin-bottom:15px;border-bottom:3px solid #222; }
.price-box{width:100%; margin:0 auto;margin-bottom:15px; }
.price-box:after{ content: ''; display: block; clear: both;}
.price-left{width:96%; float:none; text-align:left;}
.price-right{width:96%; float:none; padding-top:20px;}
.price-right02{width:96%; float:none; }

.price-table{width:96%;border:none;}
.price-table td{font-size:100%;padding:15px 20px 15px 20px;border:none;
border-bottom:1px solid #ccc;}
.price-table .left-area{font-size:130%;font-weight:bold;border:none; padding:20px 0 15px 0;background:#000;color:#fff;text-align:center;vertical-align:middle;}
.price-table .left-area02{font-size:130%;font-weight:bold;border:none; padding:20px 0 15px 0;background:#76171b;color:#fff;text-align:center;vertical-align:middle;}
.price-table .left-area03{font-size:130%;font-weight:bold;border:none; padding:20px 0 15px 0;background:#666;color:#fff;text-align:center;vertical-align:middle;}

.order-table{width:100%;border:none;border-left:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:10px;}
.order-table td{font-size:95%;padding:15px 15px 15px 15px;border:none;
border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;}
.order-table th{border:none; padding:15px 15px 15px 15px;border-bottom:1px solid #ccc;border-right:1px solid #ccc; color:#fff; background:#000; text-align:center;font-weight:normal;font-size:95%;}

.caution-wrap{width:100%; margin:0 auto; margin-bottom:50px;background:#f2f2f2;}
.caution-box{width:100%; margin:0 auto;padding-top:25px;padding-bottom:30px;margin-bottom:15px; }
.caution-box:after{ content: ''; display: block; clear: both;}
.caution-left{width:96%; margin:0 auto;float:none; text-align:center;margin-top:5px; margin-bottom:30px;}
.caution-right{width:94%;margin:0 auto; float:none; }
.caution-right li{text-align:left;padding:0 0 12px 0; line-height:140%;font-size:95%;}
.caution-right li span{text-align:left;padding:0 0 12px 0; font-size:90%;line-height:140%;}

.ttl-box00{width:100%;margin-top:-30px;margin-bottom:20px;padding:28px 0 5px 0;text-align:center;background:#76171b;}
.ttl-box00 img{margin-bottom:10px;}
.ttl-box00 p{color:#fff;font-weight:bold;}
/*
.ttl-box{width:100%;margin-top:30px;margin-bottom:20px;padding:28px 0 5px 0;text-align:center;background:#000;}
.ttl-box img{margin-bottom:10px;}
.ttl-box p{color:#fff;}

.ttl-box02{margin-top:30px;padding:15px 0;text-align:center;}
.ttl-box02 img{margin-bottom:10px;}
*/
.size-table{width:96%;margin:0 auto;border:none;border-left:1px solid #ccc;border-top:1px solid #ccc;margin-bottom:30px;}
.size-table td{font-size:85%;padding:15px 2px 15px 2px;border:none;
border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;vertical-align:middle;}
.size-table .left-area{font-size:90%;padding:15px 2px 15px 2px;border:none;
border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;color:#fff;background:#000;vertical-align:middle;}
.size-table .top-area{font-size:90%;padding:15px 2px 15px 2px;border:none;
border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;color:#fff;background:#000;vertical-align:middle;}
.size-table th{border:none; padding:15px 5px 15px 5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc; color:#fff; background:#000; text-align:center;font-weight:normal;font-size:90%;vertical-align:middle;}

.ttl-box{width:100%;margin-top:30px;margin-bottom:20px;padding:0;text-align:center;}
.ttl-box span{display:inline-block;border:5px solid #222;margin-bottom:12px;padding:16px 0px;}
.ttl-box img{width:50%;}
.ttl-box p{color:#222;font-weight:bold;}

.ttl-box-sub{width:100%;margin-top:30px;margin-bottom:20px;padding:0;text-align:center;}
.ttl-box-sub span{display:inline-block;border-top:5px solid #222;border-bottom:5px solid #222;margin-bottom:12px;padding:16px 10px;}
.ttl-box-sub img{width:80%;}
.ttl-box-sub p{color:#222;font-weight:bold;}

.home-service{width:100%; margin:0 auto; display:flex;gap:20px;}
.home-service img{border:5px solid #ccc;margin-bottom:15px;border-radius: 50%;object-fit: cover;}
.home-service-cont {margin-bottom:30px;}
.home-service-cont p{color:#76171b;font-weight:bold;font-size:90% !important;}

.sv-ttl-box{width:100%;background:#76171b;margin:0 auto;padding:20px 0;}
.sv-ttl-box-in{width:94%;margin:0 auto;display:flex;justify-content: space-between;align-items:center;}
.sv-ttl-box-left{text-align:left;}
.sv-ttl-box-left img{width:50%;}
.sv-ttl-box-right{color:#fff;font-size:100%;font-weight:bold;}

.ttl-box-sv img{width:42%;margin-bottom:26px;}

.qa-box{
 clear:both;
 width:100%;
 margin:0 auto;
 margin-top:14px;
 margin-bottom:40px;
 border:1px solid #ccc;
}
.qa-box:after{
 content: '';
 display: block;
 clear: both;
}
.qa-box-in{
 width:90%;
 margin:0 auto;
 margin-top:25px;
 margin-left:14px;
 margin-bottom:20px;
 text-align:left;
}
.qa-title{
 margin:0 0 20px 0;
 padding:0 0 10px 0;
 font-size:120%;
 border-bottom:1px dotted #ccc;
 color:#cc4515;
 line-height:120%;
}

.cont-bnr-qa{ 
 display:inline-block;
 width:100%;
 margin-top:20px;
 padding:18px 0;
 background:#f7f7f7;
 margin-bottom:25px;
 text-align:center;
}
.cont-bnr-qa:after{
 content: '';
 display: block;
 clear: both;
}
.cont-bnr-qa-line{
 display:inline-block;
 width:92%;
 border:1px solid #333;
}
.cont-bnr-qa-line:after{
 content: '';
 display: block;
 clear: both;
}
.cont-bnr-qa-line p{
 padding-top:30px !important;
 padding-bottom:20px !important;
 padding-left:20px;
 padding-right:20px;
 font-size:15px !important;
 text-align:left;
}
.cont-bnr-qa-left{
 width:90%;
 margin:0 auto;
 margin-top:15px;
 text-align:center;
}
.cont-bnr-qa-right{
 width:90%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:15px;
 text-align:left;
}
.cont-bnr-qa-right p{
 color:#555;
}
.cont-bnr-qa-left02{
 width:90%;
 margin:0 auto;
 margin-top:15px;
 text-align:center;
}
.cont-bnr-qa-right02{
 width:90%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:15px;
 text-align:left;
}
.cont-bnr-qa-right02 p{
 color:#555;
}


.order-box{
 clear:both;
 width:100%;
 margin:0 auto;
 margin-bottom:20px;
 padding-top:20px;
 padding-bottom:20px;
 border-bottom:1px solid #ccc;
}
.order-box:after{
 content: '';
 display: block;
 clear: both;
}
.order-box-left{
 margin:0 auto;
 float:none;
}
.order-box-right{
 float:none;
 text-align:left;
}
.order-title{
 margin:0 0 10px 0;
 font-size:120%;
 color:#cc4515;
 line-height:120%;
}


/* ============================================================== */
/* コンテナサイズ・価格 */
/* ============================================================== */

.ct-size-box-top{
 width:40%;
 margin:0 auto;
 margin-bottom:30px;
}
.ct-size-box-top img{
 margin-bottom:10px;
}
.ct-size-box{
 width:100%;
 margin:0 auto;
 margin-top:40px;
 margin-bottom:20px;
 padding-bottom:40px;
 border-bottom:1px dotted #ccc;
}
.ct-size-box:after{
 content: '';
 display: block;
 clear: both;
}
.ct-size-box-in{
 width:100%;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:20px;
}
.size-box-left{
 width:100%;
}
.size-box-left img{
 margin-bottom:20px;
}
#main .size-box-left p{
 margin:0;
 padding:0;
 font-size:140%;
 text-align:center;
 color:#cc4513;
}
.size-box-right{
 width:100%;
 float:right;
}
.ct-size-table{
 width:100%;
 margin:0 auto;
 margin-top:20px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
}
.ct-size-table td{
 width:30%;
 padding:10px;
 font-size:90%;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 vertical-align:middle;
}
.ct-size-table .cross-mark{
 background:url(../images/cross_mark.png) center no-repeat;
 vertical-align:middle;
 text-align:center;
}
.ct-size-table .top-area{
 width:30%;
 padding:10px;
 font-size:90%;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background:#f2f2f2;
}
.size-box-left02{
 width:100%;
 float:left;
}
.size-box-left02 img{
 margin-bottom:20px;
}
#main .size-box-left02 p{
 margin:0;
 padding:0;
 font-size:140%;
 text-align:left;
 color:#cc4513;
}

.box3-work-list{
 width:100%;
 margin:0 auto;
 margin-bottom:40px;
 /*display:flex;*/
}
.box3-work-list:after{
 content: '';
 display: block;
 clear: both;
}
.box3-work-list ul{
 margin:0 auto;
 padding:0;
}
.box3-work-list li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:left;
 width:96%;
 margin-top:10px;
 margin-bottom:10px;
  padding:0;
  background:none;
  text-align:center;
}


.mainte-box{width:86%;margin:0 auto;margin-top:50px;margin-bottom:50px;padding:30px 0; background:#76171a;/*background:#843c0c;*/}
.mainte-box-in{width:90%;margin:0 auto;}
.order-ttl{margin-bottom:15px;padding:10px;text-align:center;font-size:120%;display:inline-block; border:2px solid #fff;color:#fff;}
.mainte-box p{color:#fff;text-align:center;}