@charset "utf-8";

body {
  position:relative;
}

#wrapper {
  min-width:320px;
}

.pc {
  display:none !important;
}

.pc-inline {
  display: none !important;
}

.sp {
  display:block !important;
}

.sp-inline {
  display: inline-block !important;
}

br.sp {
  display:inline-block !important;
}

.outer-block {
  min-width: 100%;
}

.inner-block {
  margin: 0 auto;
  width: auto;
  padding:10px;
}


/*------------------------------------------------------------------------------
  header
------------------------------------------------------------------------------*/
#wrapper #header{
  border-bottom:6px solid #f2d6ad;
  background:url(../img/sp/common/bg_header.png) repeat left top;
  background-size:33px auto;
}


#header #header-top{
  position:static;
  width:45px;
  float:left;
  background:none;
  margin:0 0 0 10px;
}


#header h1{
  position:static;
  width:45px;
  float:left;
  background:none;
  margin:0 0 0 10px;
}

.top #header .inner-block{
  background:none;
  width:auto;
  height:auto;
}

#header .inner-block{
  height: 50px;
  padding:10px 10px;
  width: auto;
  white-space:nowrap;
}

#header .tel{
  background:none;
  position:static;
  padding:0;
  float:right;
  font-size:18px;
  padding:0 0 0 0px;
  color:0;
  text-decoration:none;
  font-family: "Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
  margin:10px 0 0;
  width:auto;
}

#header .tel img{
  width:auto;
  vertical-align: baseline;
  height:18px !important;  
  margin-top:7px;
}

#header .menu{
  float:right;
  width:36px;
  margin:15px 0 0 25px;
}



/*------------------------------------------------------------------------------
  navi
------------------------------------------------------------------------------*/
#navi{
  margin:0 auto;
}

.top #navi{
  margin:0 auto;
}

#navi .inner-block{
  padding:0;
  width:auto;
}

#navi .navi-list ul{
  margin:0;
  display:none;
}

#navi .navi-list ul li {
  float: none;
  margin: 0;
  border-bottom:1px solid #333;
}

#navi .navi-list ul li a{
  display:block;
  padding:10px;
  position:relative;
  color:#1f0407;
}

#navi .navi-list ul li a:after{
  content:"";
  background:url(../img/sp/common/arrow_02.png) no-repeat;
  background-size:100% 100%;
  width:12px;
  height:20px;
  position:absolute;
  top:50%;
  right:10px;
  margin:-10px 0 0;
}

/*------------------------------------------------------------------------------
  main
------------------------------------------------------------------------------*/
#main h2.text-h2 {
  font-size: 30px;
}

#main h3.text-h3 {
  font-size: 18px;
}


/*------------------------------------------------------------------------------
  side
------------------------------------------------------------------------------*/
#side{
  border-bottom: 1px solid #d8b784;
  background-size:115px auto;
  background-repeat:repeat;
  padding:0;
}

#side h2{
  margin:0 0 10px;
}

#side h2 img{
  width:100%;
  height:auto!important;
}

#side .side-list{
  margin:0 0 20px;
}

#side .side-list li{
  margin:0;
  border-bottom:1px solid #fff;
}

#side .side-list li a{
  display:block;
  padding:10px 0 10px;
}

#side .side-list01 li{
  border:none;
}

/*------------------------------------------------------------------------------
  #footer
------------------------------------------------------------------------------*/
#footer{
  padding:10px 0;
}

#footer .inner-block{
  padding:0;
}

#footer .footer-logo{
  width:60px;
  margin:0 0 0 10px;
}

/*#footer .company-name {
  padding: 12px 0 15px;
  width: 133px;
}*/

#footer .footer-01{
  float:none;
  padding:0 0 0 80px;
  margin:0;
}

#footer .footer-01 .text01{
  font-size:14px;
  padding:10px 0 4px;
  margin:0;
}

#footer .footer-01 .text02{
  font-size:30px;
}

#footer .footer-01 .text03{
  margin:0 0 0 -70px;
}

#footer .footer-02{
  margin:0;
}

#footer .footer-02{
  width:100%;
  float:none;
}

#footer .footer-02 .menu-box{
  border-top: 1px solid #fff;
  margin:10px 0 0;
}

#footer .footer-02 .menu-box li {
  float: none;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
  padding:0;
  background:none;
}

#footer .footer-02 .menu-box li a{
  padding: 10px;
  display:block;
  position:relative;
  text-decoration:none;
}

#footer .footer-02 .menu-box li a:after{
  content:"";
  background:url(../img/sp/common/arrow_01.png) no-repeat;
  background-size:100% 100%;
  width:12px;
  height:20px;
  position:absolute;
  top:50%;
  right:10px;
  margin:-10px 0 0;
}

#copyright{
  font-size:10px;
  padding:10px 0 0;
}

/*------------------------------------------------------------------------------
  sp-fix-area
------------------------------------------------------------------------------*/
#sp-fix-area {
  background: rgba(0,0,0,0.7);
  bottom: 0;
  left: 0;
  min-width:320px;
  padding: 10px 0;
  position: fixed;
  width: 100%;
}

#sp-fix-area .pagetop {
  background: url(../img/sp/common/pagetop.png) no-repeat;
  background-size: 37px;
  height: 37px;
  right: 10px;
  position: absolute;
  opacity: 0.5;
  text-indent: -9999px;
  top: -47px;
  width: 37px;
}

#sp-fix-area .pagetop a {
  display: block;
  height: 100%;
}

#sp-fix-area .contact-area {
  text-align: center;
  width: 100%;
}

#sp-fix-area .tel {
  background: #fff;
  border: 2px solid #9f212d;
  display: inline-block;
  left: 0;
  margin: 0 5px;
  padding: 3px 2px;
  position: relative;
  top: 4px;
  width: 140px;
}

#sp-fix-area .inquiry-link {
  background: #fff;
  display: inline-block;
  margin: 0 5px;
  width: 145px;
}






/*------------------------------------------------------------------------------
  content
------------------------------------------------------------------------------*/

#content{
  margin:10px;
}

#main,#side{
  height:auto!important;
  width:100%;
}

#main{
  padding:0 0 10px;
}

.float-box-3 {
  margin-bottom: 10px;
}

.float-box-3 .box ,.float-box-3 .box:nth-child(3n){
  float: none;
  margin: 0 0 15px;
  width: auto;
}

.float-box-2 {
  margin-bottom: 10px;
}

.float-box-2 .box {
  float: none;
  margin: 0 0 15px;
  width: auto;
}

.float-box-2 .box:nth-child(2n) {
  float: none;
}


.float-box-2.type02 .box {
  padding: 0;
}

.float-box-2 .boxfaq {
  float: none;
  margin: 0 0 15px;
  width: auto;
}
.float-box-2 .boxfaq:nth-child(2n) {
  float: none;
}


.float-box-2.type03 .boxfaq {
  padding: 0;
}

.photo-box {
  margin: 0 10px 10px 0;
  padding: 3px;
}

.photo-box img {
  width: 100%;
}

.float-box-3 .photo-box {
  float: left;
  width: 70px;
}

.float-box-2 .photo-box {
  float: left;
  width: 120px;
}



/*------------------------------------------------------------------------------
  breadcrumb
------------------------------------------------------------------------------*/
#breadcrumb .inner {
  float: none;
  padding: 0;
  width: auto;
}

/*------------------------------------------------------------------------------
  top
------------------------------------------------------------------------------*/
.content0 h2 img,
#contents h2 img{
  height:30px;
}

#contents h2.two-line img {
  height: 50px;
}

.top-img{
  margin:0 0 20px;
}

.content0{
  margin:0 auto 10px;
}

.content0 .box01{
  width:auto;
  float:none;
  padding:0 0 20px;
}

.content0 h2{
  margin:10px 0 10px;
}

.content0 .box02{
  float:none;
  width:300px;
  margin:0 auto 10px;
}

.img-box{
  float:none;
  width:300px;
  margin:0 auto 10px;
}

.img-box .main-img{
  width:298px;
  height:192px;
}

.img-box .main-img img{
  width:100%;
}

.img-box ul{
  margin:10px 0 0;
}

.img-box li{
  width:65px;
  height:65px;
  margin:0 5px 0 0;
  padding:2px;
}
.img-box.high-class li{
  height: 45px;
}

#main h2 {
    margin: 20px 0 10px;
}

#main h2:first-child {
    margin: 0 0 10px;
}

.list-01 li{
  width:49%;
  margin:0 2% 10px 0;
  text-align:center;
}

.list-01 li:nth-child(2n){
  margin:0 0 10px;
}

.list-01 li a:first-child{
  margin:0 0 5px;
}

.list-01 li img{
  width:100%;
}

.list-02 li{
  margin:0 0 10px;
}

.list-02 .cell01,
.list-02 .cell02{
  float:none;
  display:table-cell;
}

.list-02 .cell01{
  width:100px;
  padding:0 10px 0 0;
}

.list-02 .cell01 img{
  width:100%;
}

.list-02 .cell02{
  width:auto;
}

.list-02 .cell02 .tl{
  margin:0 0 5px;
}

.about-box{
  margin:0 0 20px;
}

.about-box .box01{
  float:none;
  width:100%;
}

.about-box .box01 h3{
  font-size:18px;
  margin:15px 0 10px;
}

.about-box .box01 .about-text-inn {
  height:auto;
  /*max-height: 250px;*/
}

.about-box .box02{
  width:100%;
  float:none;
}

.about-box .tl{
  display:block;
}

.about-box .box02 .cate01 ul li{
  width:32%;
  margin:0 2% 10px 0;
}

.about-box .box02 .cate01 ul li img{
  width:100%;
}

.about-box .box02 .cate01 ul li.one-column{
  width:100%;
}

.about-box .box02 .cate02 ul li{
  margin: 0 2% 10px 0;
  width: 49%;
  float:left;
}

.about-box .box02 .cate02 ul li:nth-child(2n){
  margin:0 0 10px;
}

.about-box .box02 .cate02 ul li:nth-child(2n+1){
  clear:both;
}

.contact-box li{
  float:none;
  width:80%;
  margin:0 auto 10px;
}

.contact-box li img{
  width:100%;
}

.contact-box li:nth-child(2n){
  float:none;
}

.contact-box li.tel01{
  width:auto;
  max-width:90%;
  margin:10px auto 10px;
  float:none;
}

.contact-box li.tel01 .sp-inline{
  display:block !important;
  margin:auto;
}

.contact-box li.tel02{
  width:auto;
  max-width:90%;
  margin:20px auto;
  text-align:center;
}
.contact-box li.tel02 img{
  width:auto;
  max-width:70%;
}

.contact-box .text01{
  font-size:15px;
  margin:0 0 5px;
}

/*------------------------------------------------------------------------------
  company
------------------------------------------------------------------------------*/
.greeting-box .box01 {
  float: none;
  display: table;
  margin-bottom: 10px;
  vertical-align: middle;
  width: auto;
}

.greeting-box .box01 > div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.greeting-box .box01 .photo {
  width: 150px;
}
.greeting-box .box01 .photo img {
  max-width: 200px;
  width: 80%;
}

.greeting-box .box01 .text {
  width: auto;
}
.greeting-box .box01 .text img {
  width: 118px;
}

.greeting-box .box02 {
  float: none;
  width: auto;
}

.greeting-box .box02 .title {
  margin-bottom: 5px;
}

.table-01 th {
  background: #fff7e7;
  padding: 15px 5px;
  width: 118px;
}

.table-01 td {
  padding-left: 5px;
}

.table-01 th.map {
  background: none;
}

.building-photo {
  margin-top: -40px;
  margin-bottom: 20px;
  width: 150px;
}

.gmap iframe{
  height:200px;
}

/*------------------------------------------------------------------------------
  high_class_bathtub
------------------------------------------------------------------------------*/
#wrapper .sp-float-box-2 .box {
  float: left;
  margin: 0 10px 10px 0;
  width: 128px;
}
#wrapper .sp-float-box-2 .box:nth-child(2n) {
  display: inline;
  float: none;
  margin: 0;
  width: auto;
}

.float-box-2.size-3 {
  text-align: left;
}

.float-box-2.size-3 .box {
  margin: 0 0 15px;
  width: auto;
}

.float-box-2.size-3 .photo-box {
  width: 70px;
}

.float-li-2 li {
  float: none;
  width: auto;
}
.float-li-2 li:nth-child(2n) {
  float: none;
}

.list-02.float-li-2 .cell02 {
  width: auto;
}

/*------------------------------------------------------------------------------
  results
------------------------------------------------------------------------------*/
.img-box-03 .name {
  font-size: 14px;
  margin-top: 10px;
}

.img-box-03 .price {
  font-size: 14px;
  margin-bottom: 10px;
}

.float-box-2.type02 {
  margin-bottom: 30px;
}
.float-box-2.type02 .box {
  margin-bottom: 30px;
}

.flow-ul {
  margin-bottom: 30px;
}

.flow-ul li {
  width: 19.5%;
}

.flow-ul li + li {
  margin-left: 0.5%;
}

.craftsman-box {
  margin-bottom: 20px;
}

.craftsman-box .box01 {
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 100px;
}

#wrapper .craftsman-box .box01 .photo-box {
  float: none;
  margin: 0 0 10px;
  width: auto;
}

.craftsman-box .box02 {
  display: table-cell;
  float: none;
  padding-left: 10px;
  vertical-align: top;
  width: auto;
}

.craftsman-box .box02 .title {
  font-size: 15px;
}

.flow-head-box .box {
  width: 46%;
}

.estimate .flow-h3 {
  margin-bottom: 30px;
}

.estimate .flow-h3 + p {
  top: -15px;
}

.estimate .flow-h3 img:nth-child(n+2) {
  display: block;
  margin: 5px 0 0 43px;
}

.step-box {
  margin-bottom: 30px;
}

.step-box .step,.step-box .step.nopic {
  padding-right: 10px;
  width:80px;
}

.step-box .step img {
  width: 80px;
}

.step-box .attention {
  font-size: 13px;
}

.float-box-3.download {
  top: -20px;
}

#wrapper .float-box-3.download .box {
  float: none;
  text-align: center;
  margin: 0;
  width: auto;
}

.float-box-3.download .download-btn {
  display: block;
  margin: 0 auto 10px;
  width: 80%;
}

/*------------------------------------------------------------------------------
  privacy
------------------------------------------------------------------------------*/
.privacy-title {
  font-size: 16px;
  margin: 20px 0 5px;
}

#wrapper .privacy-contact {
  margin: 20px 0;
}

/*------------------------------------------------------------------------------
  hinoki_cypress
------------------------------------------------------------------------------*/
table tr.pc{
  display:none!important;
}

table th.pc,
table td.pc{
  display:none!important;
}


table th.sp,
table td.sp{
  display:table-cell!important;
}

.list-type-01{
  margin:20px 0;
}

.list-type-01 li{
  margin: 0 6% 10px 0;
  width: 28%;
}

.list-type-01 li:nth-child(3n) {
  margin: 0 0 10px 0;
  width: 28%;
}

.list-type-03{
  margin:20px 0;
}

.list-type-03 li{
  margin: 0 6% 10px 0;
  width: 28%;
}

.list-type-03 li:nth-child(3n) {
  margin: 0 0 10px 0;
  width: 28%;
}

.setbox .content-box01{
  width:100%;
  float:none;
  margin:0 0 20px;
}

.img-box03{
  width:300px;
  margin:0 auto;
  float:none;
}

.img-box04{
  width:300px;
  margin:0 auto;
  float:none;
}

/*.img-box03 .main-img-list li{
  height:63px;
  width:63px;
}*/

.setbox .content-box02{
  width:100%;
  float:none;
}

.setbox .content-box03{
  width:100%;
  float:none;
}

h3.tl-line01 img{
  height:18px;
}

.list-type-02{
  /*border-bottom:1px solid #b28948;*/
  border-bottom:1px solid #6b3906;
}

.list-type-02 li{
  width:33%;
  margin:0;
  font-size:12px;
  line-height:1.2;
}

.list-type-02 li:first-child{
  width:34%;
}

.list-type-02 li span,
.list-type-02 li.t-tab-on span{
  padding:0;
  background:none;
}

#wrapper .ac-body .table-set {
  display: table;
}

.table-set,
.table-set:first-child{
  display:none;
  margin:0;
}

.table-content{
  display:none;
}

.table-content:first-child{
  display:block;
}

.table-set th{
	width:34%!important;
	padding:5px 1%;
	/*border-left:1px solid #b38948;*/
  border-left:1px solid #b38948;
  text-align:center;
  font-size:14px;
}
.table-set th img{
	display:block;
	margin:auto;
}
.table-set .firstrow th {
  text-align: center;
  font-size:13px;
}
.table-set.ac-body .firstrow th {
  text-align: center;
}

.table-set .textalignright{
	font-size:25px;
}
.table-set .font-type02 {
  font-size: 20px;
}

/*.table-set tr:first-child th{border-top:1px solid #b38948;}
.table-set tr:last-child th{border-bottom:1px solid #b38948;}*/
.table-set tr:first-child th{border-top:1px solid #8a5119;}
.table-set tr:last-child th{border-bottom:1px solid #8a5119;}


.table-set td{
	background:#fff;
	float:none;
	font-size: 16px;  /*width:68%;*/
}

.ac-btn{
  padding:10px;
  text-align:left;
  /*border:1px solid #b28948;*/
  border:1px solid #6b3906;
  border-top:none;
  margin:0;
  position:relative;
  height:50px;
  cursor:pointer;
}

/*.ac-btn:after{
  position:absolute;
  background:url(../img/sp/common/btn_open.png);
  background-size:100%;
  content:"";
  top:50%;
  right:10px;
  width:30px;
  height:30px;
  margin:-15px 0 0;
}*/



.ac-btn:after{
  position:absolute;
  content:"詳細>>";
  font-size:11px;
  color:red;
  top:40px;
  right:10px;
  width:40px;
  height:30px;
  margin:-15px 0 0;
  white-space:nowrap;
}

.ac-btn.active{
  border-bottom:none;
} 

/*.ac-btn.active:after{
  background:url(../img/sp/common/btn_close.png);
  background-size:100%;
}*/
.ac-btn.active:after{
  position:absolute;
  content:"閉じる";
  font-size:11px;
  color:red;
  top:40px;
  right:10px;
  width:40px;
  height:30px;
  margin:-15px 0 0;
  white-space:nowrap;
}

.ac-btn span{
  display: inline-block;
  min-width: 130px;
  line-height:50px;
}

.ac-btn img{
  height:50px;
  margin-right:50px;
  float:right;
}

.setbox .content-set01{
    margin: 0 0 20px;
}

.setbox .content-set02 {
    margin: 0 0 40px;
}

.setbox .content-set02 + .content-set02 {
  margin-top: -20px;
}

/*------------------------------------------------------------------------------
  展開しない
------------------------------------------------------------------------------*/

.ac-btn_nt{
  padding:10px;
  text-align:left;
  /*border:1px solid #b28948;*/
  border:1px solid #6b3906;
  border-top:none;
  margin:0;
	height:auto;
}

.ac-btn_nt a{
	display: block;
	width: 100%;
	height: 30px;
	padding-top: 5px;
	font-weight: bold;
	color: #FFF;
	background-color: #6b3906;
	text-align: center;
	border: 1px solid #6b3906;
}

.ac-btn_nt sp-m {
	display: inline-block;
	min-width: 130px;
	line-height:50px;
}

.ac-btn_nt span{
  display: inline-block;
  min-width: 130px;
  /*line-height:50px;*/
}

.ac-btn_nt img{
	height:50px;
	margin-right:10px;
	float:right;
	vertical-align: middle;
}
/*
.ac-btn_nt:after{
  position:absolute;
  content:"詳細>>";
  font-size:11px;
  color:red;
  top:40px;
  right:10px;
  width:40px;
  height:30px;
  margin:-15px 0 0;
  white-space:nowrap;
}

.ac-btn_nt.active{
  border-bottom:none;
} 
*/

/*------------------------------------------------------------------------------
  展開しない商品ページ
------------------------------------------------------------------------------*/

.ac-btn_nt-s{
  padding:10px;
  text-align:left;
  /*border:1px solid #b28948;*/
  border:1px solid #6b3906;
  border-top:none;
  margin:0;
  height:50px;
}


.ac-btn_nt-s sp-m {
	display: inline-block;
	min-width: 130px;
	line-height:50px;
}

.ac-btn_nt-s span{
  display: inline-block;
  min-width: 130px;
  line-height:50px;
}

.ac-btn_nt-s img{
	height:50px;
	margin-right:10px;
	float:right;
	vertical-align: middle;
}


/*------------------------------------------------------------------------------
  展開しないテーブル
------------------------------------------------------------------------------*/


#wrapper .table-set_tn {
  display: table;
}

.table-set_tn,
.table-set_tn:first-child{
  display:none;
  margin:0;
}

.table-set_tn th{
	width:34%!important;
	padding:5px 1%;
	/*border-left:1px solid #b38948;*/
  border-left:1px solid #b38948;
  text-align:center;
  font-size:14px;
}
.table-set_tn th img{
	display:block;
	margin:auto;
}
.table-set_tn .firstrow th {
  text-align: center;
  font-size:13px;
}
.table-set_tn.ac-body .firstrow th {
  text-align: center;
}

.table-set_tn .textalignright{
	font-size:25px;
}
.table-set_tn .font-type02 {
  font-size: 20px;
}

/*.table-set tr:first-child th{border-top:1px solid #b38948;}
.table-set tr:last-child th{border-bottom:1px solid #b38948;}*/
.table-set_tn tr:first-child th{border-top:1px solid #8a5119;}
.table-set_tn tr:last-child th{border-bottom:1px solid #8a5119;}


.table-set_tn td{
	background:#fff;
	float:none;
	font-size: 16px;  /*width:68%;*/
}



/*------------------------------------------------------------------------------
  inquiry
------------------------------------------------------------------------------*/
.tel-box{
  width:100%;
}

.tel-box .box01{
  width:55%;
  margin:10px 0 0;
}
.tel-box .box02{
  width:35%
}

.t-form{
  margin:0 -10px;
}

.t-form th,
.t-form td{
  display:block;
  width:100%;
  padding:10px 10px;
  text-align:left;
}

.t-form th{
  background:#f2d6ad;
  font-weight:bold;
}

.t-form input[type="text"],
.t-form textarea{
  width:96%;
  padding:5px 2%;
  font-size:16px;
}

#main form h2 {
  margin: 20px 0 10px;
}

input.submit{
  margin:0 auto 20px;
}

/*------------------------------------------------------------------------------
  見積もり依頼フォーム
------------------------------------------------------------------------------*/

.t-form_m{
  margin:0 -10px;
}

.t-form_m th,
.t-form_m td{
	display:block;
	width:100%;
	padding:10px;
	text-align:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.t-form_m th{
  background:#f2d6ad;
  font-weight:bold;
}

.t-form_m input[type="text"],
.t-form_m textarea{
  width:96%;
  padding:5px 2%;
  font-size:16px;
}




#fix-page-link-area {
  background: #fff;
  box-shadow: 0 2px 1px #999;
  left: 0;
  min-width: 320px;
  position: fixed;
  top: 0;
  width: 100%;
}

#fix-page-link-area .inner {
  /*margin: 20px 10px 10px;*/
  margin: 0px 10px;
}

.to-list-btn {
  position: relative;
}

.single-about h3 {
  font-size: 18px;
}

.inquiry-btn{
  width:calc(70% - 20px);
  display:block;
  margin:auto;
  margin-bottom:30px;
}

.inquiry-text-01{
  display:block;
  text-align:center;
  width:100%;
}


/* clearfix
====================================== */
.float-box-2 .box:after,
.float-box-3 .box:after{clear:both;content:".";display:block;height:0;visibility:hidden}


/*------------------------------------------------------------------------------
  SELF ACHIEVE ADDITION
------------------------------------------------------------------------------*/
.homemainpic{
	display:none;
}

.img-box li{
  width:138px;
  height:65px;
  margin:0;
  padding: .5%;
}
.img-box.high-class li{
  height: 45px;
}
.img-box li.left{
	margin:0 10px 15px 0;
}

.contact-box li.left{
  margin:0 auto 10px;
}
.contact-box li.last{
  margin:0 auto 50px;
}

.setbox .content-box01,.setbox .content-box02{
  margin:auto;
  max-width:none;
}

.float-box-3 .box {
  max-width: none;
  margin-right:0;
}

.float-box-2 .box {
  max-width: none;
  margin-right: 0;
}

.float-li-2 li {
  max-width: none;
  margin-right:0;
}



.step-box .step {
  width:180px;
}

.float-box-3 .box:nth-child(3n){
  max-width: none;
}

.float-box-3.download .box.centerbox{
	border-left:none;
	border-right:none;
}

.flow-head-box.special img{
max-width:100%;
display:block;
margin:10px auto;
}

.flow-head-box.special .r01{
	float: none;
}

.flow-head-box.special img:nth-child(2n){
margin:10px auto;
}
.content0 .box01 {
  max-width: 100%;
}

.about-box .box01 h3 {
  width:100%;
  text-align:center;
  display:block;
}

.about-box .box02 .cate02 ul li.fullwidthsp{
  width: 98%;
  margin-left:2%;
  margin-bottom:30px;
}
.about-box .box02 .cate02 ul li.fullwidthsp img{
  width: 100%;
}

#main{
	margin-right:0;
	margin-left:0;
}

#side{
	max-width:100%;
}

.sidebarcontact{
	padding:20px 5px 25px;
}
.sidebarcontact img.first{
	margin-top:7%;
}

.content0 .box02{
  width:100%;
  max-width:100%;
}

.img-box .main-img{
  width:100%;
  height:auto;
}

.img-box .main-img .main-img-inn img{
  max-width:100%;
  /*width:100%;*/
}

.img-box03{
  width:100%;
  margin:0 auto;
  float:none;
}

.img-box04{
  width:100%;
  margin:0 auto;
  float:none;
}

#sp-fix-area .inquiry-link {
  background: #fff;
  display: inline-block;
  margin: 0 .5%;
  width: 48%;
}

.about-box .box01 .about-text-inn{
  overflow-y:visible;
  margin-bottom:50px;
}

.img-box{
  float:none;
  width:100%;
  margin:0 auto 10px;
}

.img-box .main-img{
  max-width:100%;
  max-height:192px;
}

.img-box.high-class li ,.img-box li{
  margin: 0 3.0% 8px 0;
  width: 21.2%;
}

.img-box .newhalf li{
  margin: 0 1% 8px 0;
  width: 48%;
}
.img-box .newhalf li:nth-child(2n){
	margin-right:0;
	float:right;
}

.img-box.high-class li.last,.img-box li.last{
	margin-right:0;
}

#wrapper .float-box-3.download .box {
  float: none;
  display:inline-block;
  width: 100%;
  max-width:100%;
  margin:20px 0;
}

.box .titlewrapper {
  display: block;
}

.float-box-3.download .download-btn img{
  width: 100%;
}

.float-box-3 .box.other.centerbox {
  padding: 0;
}

.step-box p {
  display: block;
}
.step-box .step ,.step-box .step.nopic{
  width: 100%;
  display:block;
  text-align:center;
}
.step-box .step img,.step-box .step.nopic img{
	width:30%;
}

.content0 .box02{
  padding:20px 1% 0 1%;
}

.float-box-2.type02 .box {
  height:auto !important;
}


.nobreak{
	white-space: nowrap;
}

.table-set th .biggertitle{
	font-size:17px;
}

.pconly{
	display:none;
}

.photo-box2 {
  margin: 0 10px 10px 0;
  padding: 3px;
}

.photo-box2 img {
  width: 100%;
}



.img-box .main-img2{
  width:100%;
  height:auto;
}

.img-box .main-img2 img {
  max-width:100%;
    width:30%;
	  height:auto;
  }