@charset "utf-8";
/*
Theme Name: wpbase_child
Template: wpbase
Author: innovesta
Author URI: http://www.innovesta.net
*/


/*****************
width-1500px以下
　　(タブレット用)
*****************/

@media screen and (max-width:1500px) {
/*========================
MESSAGE
========================*/
.blind2 {
    background: rgba(255,255,255,0.6); 
}
	

/*========================
PAGE
========================*/
/*
工事の流れ
*************************/


/*
理由
*************************/


}
	
	
	
/*****************
width-959px以下
　　(タブレット用)
*****************/

@media screen and (max-width:959px) {
/*========================
CAMPAIGN
========================*/
.campaign_title:before {
    top: -75px;
    left: -160px;
    transform: scale(0.6);
}


/*========================
TROUBLE
========================*/
.trouble_title:before {
    top: -160px;
    left: -90px;
    transform: scale(0.6);
}

}

/*****************
width-799px以下
    (スマホ用)
*****************/

@media screen and (max-width:799px) {
    .head_item,.head_item2 {
        margin: 0 auto 10px;
    }


/*========================
CAMPAIGN
========================*/


}

/*****************
width-599px以下
	(スマホ用)
*****************/

@media screen and (max-width:599px) {
body {
	font-size: 50%;
}

/*fade
***************/
/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 0);
    transition : all 1500ms;
}


/*========================
HEADER
========================*/

/*
nav
******************/
header nav {
	padding: 10px;
	background: #ff7000;
	background-size: contain;
}

/*
nav
******************/
header nav {
    background-size: contain;
    border-bottom: 4px solid #ff4e1a;
}

header nav ul {
    width: 100%;
    display: block;
    margin-top: 2em;
}

header nav ul li {
    background: none;
    color: #fff;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    padding: 2% 0; 
    border-left: none;
    border-top: 1px solid #fff; 
}


/*
toggle
**************/
.fixed {
    background: #ff7000;
    z-index: 100;
    }

#toggle img {
    width: 200px;
}

#toggle{
    display: block;
    position: relative;
    width: 100%;
  }

#toggle a{
    display: block;
    position: relative;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
}

#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #ff7000;
}

#toggle a:before{
    margin-top: -6px;
  }

#toggle a:after{
    margin-top: 2px;
}


/*========================
CAMPAIGN
========================*/
.campaign_title:before {
    top: -90px;
    left: -130px;
    transform: scale(0.4);
}


/*========================
GALLERY
========================*/
/*
gallery_item
*******************/
.gallery_item {
    width: 100%;
    margin: auto; 
}


/*========================
GALLERY_ARCIVE
========================*/
/*
gallery_item
*******************/
.gallery_arcive_link {
    width: 100%;
}


/*========================
TROUBLE
========================*/
.trouble_title:before {
    top: -160px;
    left: -100px;
    transform: scale(0.4);
}


/*========================
COMMUNICATION
========================*/
.com_img {
    width: 100%;
}


/*========================
MESSAGE
========================*/
.message {
    background-image: none; 
}


/************************
        about
**********49**************/

table#about {
    width: 100%;
}

table#about th, table#about td {
    display: block;
    text-align: center;
}


/*========================
PAGE
========================*/
.single_page {
    width: 100%;
    max-width: 100%;
}

.box_child_txt,.box_child_img {
    width: 100%;
}

.flex-reverse {
    flex-direction: column-reverse;
}

/*
工事の流れ
*************************/
.flow_box_title:before {
    bottom: -3vmax;
}
.flow_box_title02:before {
    bottom: -4vmax;
}
.flow_box_title03:before {
    bottom: -2.5vmax;
}
.flow_box_title04:before {
    bottom: -3.5vmax;
}
.flow_box_title05:before {
    bottom: -3vmax;
}

/*========================
SIDEBAR
========================*/
.sidebar {
    width: 50%;
    margin: 20px auto 0;
}


}