/* Media Queries */
@media screen and (max-width: 768px) {
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
.sitetitle {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: relative;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sitetitle h1 {
    display: table;
    width: 77%;
    margin-top: -10%;
}
.sitetitle h1 img {
    display: table-cell;
}
.sitetitle h2 {
    display: none;
}
/*	.sitetitle h2 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px !important;
	}*/
	
	
.newsbox {
    display: none;
}
.icon-scroll {
    display: none;
}
.bt, .bt2 {
    position: absolute;
    bottom: 2px;
    margin-bottom: 0px;
    height: 70px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.bt, .bt2 {
    width: 49%;
    font-size: 14px;
}
.bt {
    left: 0;
    float: left;
}
.bt2 {
    float: right;
    padding-left: 0px;
    right: 0;
    text-align: left;
}
.bt2 {
    background-size: 42px 42px;
}
.bt2 p {
    padding-left: 30px;
}
.bt4 {
    width: 50%;
    height: 90px;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 0px;
    top: 60%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
/*********future****************/

	
.adjust-box5 ul li {
    width: 50%;
}
.adjust-box2, .w90per-box {
    /*	position: relative;
	width: 90%;*/
    max-width: 90%;
    min-width: 80%;/*height: auto;*/
	/*background: #fff;
	margin-right: auto;
	margin-left: auto;
	display: block;*/
	
}
.adjust-box2 p {
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
}
.adjust-box2 ul li {
    width: 100%;
    display: block;
}
.ul100-li50per li {
    width: 100%;
    display: block;
}
.adjust-box2 .future1img, .adjust-box2 .future2img {
    width: 100%;
    height: 85vw;
    position: relative;
    bottom: 0;
}
/****concept****/
	


.img-box {
    width: auto;
    height: 85vw;
}
/********oder************/
	
.fbox1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.fbox2 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.f1_title {
    width: 45vw;
    margin-top: -16%;
}
.f2_title {
    width: 60vw;
    margin-top: -16%;
}
.f3_title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: -104px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    width: 220px;
}
.message_area5 {
    height: 100%;
}
.message_area5 p.mess {
    width: 80%;
}
/*************moreLink*************/
.future4_area {
    background-image: url(../images/top_img/ch-181_s.jpg);
    height: 600px;
}
.adjust-box6 ul li {
    width: 50vw;
    height: 14vw;
}
.inner3 ul li {
    width: 25%;
}
.box-1x01:before {
    content: "";
    padding-top: 32%;
}
.adjust-box4 ul li .caption {
    font-size: 13px;
}
.adjust-box4 ul li .caption span {
    font-size: 11px;
}
/*********future****************/
	/*********info****************/
/*	.info {
	position: relative;
	top: 0;
	left: 0;
	max-width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;

}
	
	.info ul li {
	width:90%;
display: block;
}*/
	
	
	
.col-sm-6 {
    width: 100%;/*	 float: left;*/
}
/*********info****************/
	
	
	
.imgWrap2 {
    width: 100%;
    height: 120px;/*	margin-left: 5px;
	margin-right: 5px;*/
}
.imgWrap2 img {
    height: 120px;
}
.container > header {
    text-align: center;
}
/*****施工エリア************/
.sekouArea li:first-child, .sekouArea li:last-child {
    padding: 0px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.work_thum li {
    width: 100%;
    
        
    height:calc(100vw * 0.9);
   
}
.work_thum_table {
    min-width: 0px;
    width: 90%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
}
.work_data {
    margin-top: 3%;
}
.work_data div {
    line-height: 1.7;
    letter-spacing: .03em;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
/******360view*******/
	

/*.page-header-360view {
  height: 180px;
}
	
.page-header-360view .logo-360view {
    width: 130px
  }*/
.section-360view {
    padding-top: 30px
}
.section-360view .title {
    font-size: 7vw
}
.lead br {
    display: none;
}
.section-360view .lead {
    text-align: left
}
.section-theta {
    margin-bottom: 60px
}
/******performance*****/
.section-performance-1 {
    padding-bottom: 20px;
    padding-top: 40px
}
/****CONTACT*****/
	

	
	
.contact-info {
    display: block;
    padding-bottom: 30px;
}
.contact-info > li:nth-child(1) {
    padding-bottom: 15px;
}
.contact-info > li:nth-child(1), .contact-info li {
    width: 100%;
    text-align: center;
    padding-left: 0;
    line-height: 1.6em;
}
/*.contact-info > li br {
	display: none;
	
}*/

.contact-info > li:nth-child(2) {
    border-left: none;
    padding-left: 0
}
/*********parts***********/
	
	
.headArea {
    height: 100vh;
}
.CB-resp, .CBT-resp {
    display: block!important;
}
.CB-resp-b {
    display: flex!important;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    justify-content: center!important;
    align-items: center!important;
}
.respo-yes-br br {
    display: block;
}
.respo-no-br br {
    display: none;
}
.w100per, .w90per, .w95per, .w80per, .w70per, .w60per, .w50per, .w55per, .w40per, .w45per, .w30per, .w20per, .w10per, .w33per {
    width: 100%!important;
}
.pL1-resp, .pL2-resp, .pL3-resp, .pL4-resp, .pL5-resp, .pL6-resp, .pL7-resp, .pL8-resp, .pL9-resp, .pL10-resp, .pL20-resp, .pL30-resp, .pL40-resp, .pL50-resp, .pL60-resp, .pL70-resp, .pL80-resp, .pL90-resp, .pL100-resp {
    padding-left: 0!important;
}
.respo-tAc {
    text-align: left;
}
.respo-tAl {
    text-align: center;
}
/*.linkcover:hover {
    width: 49vw;
    height: 12.5vw;
}*/
.linkcover img {
    width: 35vw;
    height: auto;
}
.request_bt_box {
    margin-bottom: 0px;
}
.resp-ul {
    padding-left: 0px;
    padding-right: 0px;
}
.resp-ul li, .resp-ul img {
    width: 100%;
}
.max980forvoice {
    margin-top: -300px;
}
/****/
    
.bunn_head h1 {
    min-width: 90%!important;
}
.bunn_head h2 {
    font-size: 22px;
}
.bunner_set {
    margin-top: 60px;
    overflow: hidden;
    min-height: 440px!important;
}
    @media (max-width:768px) {
.bunner_set {
    margin-top: 0px;
    min-height: 320px!important;
}
}
    
.bunn_head p {
    width: 90%;
    font-size: 12px;
}
.ads_house {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 75%;
    z-index: 1000;
}
.model_small_photo li:nth-child(1) {
    width: 100%!important;
    font-size: 18px!important;
    display: block!important;
    padding-top: 15px;
    padding-left: 15px;
    line-height: 1.3em;
}
}