@charset "utf-8";

/* commmon
-------------------------------------------------------------------*/
.bk_color00 {
    background-color: #049AD8;
}
.bk_color01 {
    background-color: #ED7D31;
}
.bk_color02 {
    background-color: #2C355C;
}
.bk_color03 {
    background-color: #7F7F7F;
}

-------------------------------------------------------------------*/

#lp_content_biznex {
	background: #FFFFFF;
    color: #222;
    line-height: 1.4;
    width: 100%;
    font-size: 18px;
    display: block;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
	letter-spacing:0.05em;
    margin-top: 40px;
}
#lp_content_biznex .innerwrap {
	max-width: 800px;
	margin: 10px auto 75px auto;
}

#lp_content_biznex p {
    font-size: 1.111em;
    text-align: left;
    line-height: 1.8;
    letter-spacing: normal;
}

#lp_content_biznex .ttl_gray {
    width: 90%;
    height: auto;
    background-color: #fff;
    border-radius: 40px;
    color: #787878;
    font-size: 1.5em;
    text-align: left;
    padding: 13px 0px 13px 17px;
    margin: auto;
}

#lp_content_biznex .home {
    position: relative;
    padding-left: 40px;
    line-height: 2;
}
#lp_content_biznex .home::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 5px 5px 0 -100px;
  padding-left: 40px;
  background: url(home.png) no-repeat;
  background-size: contain;
  vertical-align: middle;

}

#lp_content_biznex .btn {
    position: relative;
    max-width: 800px;
    height: 70px;
    border: 2px solid #fff;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s;
    text-decoration: none;
}

#lp_content_biznex .btn::after {
    position: absolute;
    content: "";
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    left: 87%;
    right: 0;
    margin: auto;
    width: 13px;
    height: 13px;
    transform: rotate(-135deg);
}

#lp_content_biznex .btn:hover {
    transform: translateY(10px);
}
#lp_content_biznex .btn p {
    color: #fff;
    font-size: 1.333em;
	font-weight: bold;
	letter-spacing: 2px;
}


/*section02*/


#lp_content_biznex .section02 .btn {
    margin: 20px auto 20px auto;
}

#lp_content_biznex .section02 .text {
    border-bottom: 2px solid #cccccc;
    max-width: 655px;
    margin: 40px auto 60px auto;
}
#lp_content_biznex .section02 .text .last_txt {
	position: relative;
	top: -16px;
	line-height: 1.5;
}
#lp_content_biznex .section02 .text p {
    font-size: 1.778em;
    font-weight: 800;
}
#lp_content_biznex .section02 .text p span {
    font-size: 1.5em;
    font-weight: 800;
}

#lp_content_biznex .section02 .flex_box {
    max-width: 800px;
    border: 2px solid #fff;
    border-radius: 10px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    height: auto;
    padding: 0;
}
#lp_content_biznex .section02 .flex_box .btn {
    margin: 0px auto 0px auto;
    height: 200px;
    width: 385px;
    padding: 100px 0 0 0;
}

#lp_content_biznex .section02 .flex_box .Gas {
	  background: url(gas.png) no-repeat;
	  background-position:center top; 
	  background-color: #049AD8;
	  background-size: auto 100px;
}

#lp_content_biznex .section02 .flex_box .GHP {
	  background: url(ghp.png) no-repeat;
	  background-position:center top; 
	  background-color: #049AD8;
	  background-size: auto 100px;
}

#lp_content_biznex .section02 .flex_box .each {
    position: relative;
}
#lp_content_biznex .section02 .flex_box .each:nth-of-type(1)::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 16px solid #ffffff;
    border-right: 0;
    right: 0%;
    left: 109%;
    margin: auto;
    bottom: 66px;
}
#lp_content_biznex .section02 .flex_box .each:nth-of-type(2)::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 16px solid #ffffff;
    border-right: 0;
    right: 0%;
    left: 109%;
    margin: auto;
    bottom: 66px;
}


/* SP
-------------------------------------------------------------------*/

@media screen and (max-width:767px) {
    /*common*/
    #lp_content_biznex main {
        overflow: hidden;
    }
    #lp_content_biznex .innerwrap {
		max-width: 100%;
        padding: 0px 15px;
        margin: 0 auto 25px auto;
    }

    #lp_content_biznex .innerwrap_k {
		max-width: 100%;
        padding: 0px 15px;
        margin: 0 auto 3px auto;
    }
    #lp_content_biznex p {
        font-size: 0.9em;
        line-height: 1.5;
    }

    #lp_content_biznex .ttl_gray {
        width: calc(100% - 15px);
        font-size: 0.78em;
        padding: 8px 20px 8px 30px;
        margin: 50px auto 20px auto;
    }

	#lp_content_biznex .home {
	    position: relative;
	    padding-left:30px;
	    line-height: 2;
	}
	#lp_content_biznex .home::before {
	  content: "";
	  display: inline-block;
	  width: 25px;
	  height: 25px;
	  margin: 10px 5px 0 -30px;
	  padding-left: 0px;
	  background: url(home.png) no-repeat;
	  background-size: contain;
	  vertical-align: middle;
	}
    #lp_content_biznex .btn {
        height: auto;
        padding: 5px;
        width: 98%;
    }
    #lp_content_biznex .btn::before {
        left: 80%;
        width: 10px;
        height: 10px;
    }
    #lp_content_biznex .btn p {
        font-size: 0.689em;
        width: 90%;
    }

    /*section02*/
    #lp_content_biznex .section02 .text {
        margin: 20px auto 20px auto;
    }
    #lp_content_biznex .section02 .text p {
        font-size: 1.2em;
    }
    #lp_content_biznex .section02 .text p span {
        font-size: 1.25em;
    }
    #lp_content_biznex .section02 .btn {
        margin: 3px auto 3px auto;
    }

    #lp_content_biznex .section02 .flex_box {
    	max-width: 745px;
    	width: 99%;
        display: block;
        margin: 10px 0 0 0;
        padding: 0 0 0 5px;
    	height: 100%;
    }
	#lp_content_biznex .section02 .flex_box .Gas {
	  background-image: none;
	}
	#lp_content_biznex .section02 .flex_box .GHP {
	  background-image: none;
	}
    #lp_content_biznex .section02 .flex_box  p{
    	width: 100%;
    	padding: 0 0 0 4%;
    }
	#lp_content_biznex .section02 .flex_box .btn {
	    margin: 0px auto 5px auto;
	    height: auto;
	    width: 100%;
	    padding: 0 0 0 10px;
        margin: 3px auto 3px auto;
	}
    #lp_content_biznex .section02 .flex_box .each {
        width: 100%;
    }
    #lp_content_biznex .section02 .flex_box .each p.wht_line {
        width: 280px;
        height: 100px;
        font-size: 0.889em;
        margin: 0 auto 40px auto;
    }
    #lp_content_biznex .section02 .flex_box .each:nth-of-type(1)::before,
    #lp_content_biznex .section02 .flex_box .each:nth-of-type(2)::before  {
        transform: rotate(90deg);
        right: 0%;
        left: 0%;
        margin: auto;
        bottom: -32px;
    }

}
@media screen and (max-width: 380px) {
    #lp_content_biznex .section02 p {
        font-size: 0.78em;
    }
}