@charset "UTF-8";
img {
	line-height: 0;
	font-size: 0;
}
main {
	width: 100%;
	height: auto;
	position: relative;
}
.mainimage {
    background-image: url(../img/wastewatertreatment_03.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding-bottom: calc(100%*1672/2530);
    position: relative;
    top: 0vw;
}
.maintytle {
    font-size: 9vw;
    font-weight: 900;
    line-height: 1.2;
    color: rgba(255,255,255,1);
    width: 66vw;
    margin: 0vw auto;
	position: relative;
	top: 17vw;
	left: 1vw;
}
#products {
	width: 100%;
	height: auto;
	z-index: 0;
	position: relative;
	top: 0vw;
}
.productstytle {
    background-image: url(../img/wastewatertreatment_02.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding-bottom: calc(100%*1642/2530);
    position: relative;
    top: 0vw;
}
#products h2 {
    font-size: 8.4vw;
    font-weight: 900;
    line-height: 1.2;
	color: rgba(255,255,255,1);
	text-align: right;
	position: relative;
	top: 10vw;
	right: 13vw;
}
#products h3 {
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.5;
	color: rgba(255,255,255,1);
    width: 72vw;
    margin: 0vw auto;
	position: relative;
    top: 15vw;
	left: 1vw;
}
.productsexplanation {
    font-size: 1.7vw;
    font-weight: 700;
    line-height: 2;
	color: rgba(255,255,255,1);
	width: 70vw;
	height: auto;
    margin: 0vw auto;
	position: relative;
	top: 18vw;
	left: 0vw;
}
#biornsystem {
	width: 100%;
	height: 55vw;
	position: relative;
	top: 0vw;
	background: rgba(255,255,255,1);
}
#biornsystem h4 {
    font-size: 6vw;
    font-weight: 900;
    line-height: 1.2;
	color: rgba(28,93,147,1);
	position: relative;
	top: 10vw;
	left: 6vw;
}
#biornsystem h5 {
    font-size: 2vw;
    font-weight: 700;
    line-height: 1.6;
	color: rgba(0,38,68,1);
	width: 39%;
	height: auto;
	position: absolute;
	top: 10.5vw;
	right: 6vw;
	z-index: 1;
}
.biornsystemexplanation {
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 2;
	color: rgba(0,38,68,1);
	width: 50%;
	height: auto;
    float: left;
	position: relative;
	top: 14vw;
	left: 6vw;
	background: url(../img/BIORNSYSTEM.png) no-repeat center left;
	background-size: 97%;
}
.biornsystemimg {
    background: url(../img/IMG_1997_3.jpg) no-repeat top left;
    background-size: 100%;
    width: 35%;
    height: 28vw;
    float: left;
    position: relative;
    top: 14.5vw;
    right: -8vw;
}
#flow {
	width: 100%;
	height: 51vw;
	position: relative;
	top: 0vw;
}
#flow h5 {
    font-size: 3.5vw;
    font-weight: 900;
    line-height: 2;
	color: rgba(0,38,68,1);
	position: relative;
	top: 6vw;
	left: 6vw;
	z-index: 1;
}
.flowbackground {
	width: 27%;
	height: 8vw;
	position: absolute;
	top: 8vw;
	right: 7vw;
	background: url(../img/FLOW.png) no-repeat left top;
	background-size: 100%;
	z-index: 1;
}
.flowfigure {
	position: relative;
	top: 10vw;
	left: 6vw;
}
.flowfigure img {
	width: 87%;
	height: auto;
}
#feature {
	width: 100%;
	height: 35vw;
	position: relative;
	top: 0vw;
}
#feature h5 {
    font-size: 3.5vw;
    font-weight: 900;
    line-height: 1.7;
	color: rgba(0,38,68,1);
	position: relative;
	top: 6vw;
	left: 6vw;
	z-index: 1;
}
#feature p {
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 2;
	color: rgba(0,38,68,1);
	position: relative;
	top: 6vw;
	left: 6vw;
}
.featurebackground {
	width: 45%;
	height: 8vw;
	position: absolute;
	top: 7vw;
	right: 7vw;
	background: url(../img/FEATURE.png) no-repeat left top;
	background-size: 100%;
	z-index: 1;
}
.feature01 {
    background: url(../img/01.jpg) no-repeat left top;
    background-size: 100%;
	width: 24vw;
	height: 8.7vw;
	position: relative;
	top: 11vw;
	left: 6vw;
}
.feature01 h6 {
    font-size: 1.9vw;
    font-weight: 900;
    line-height: 2;
    color: rgba(255,255,255,1);
	position: absolute;
	top: 2.4vw;
	left: 7vw;
}
.feature02 {
    background: url(../img/02.jpg) no-repeat left top;
    background-size: 100%;
	width: 28vw;
	height: 8.7vw;
	position: relative;
	top: 2.3vw;
	left: 33.4vw;
}
.feature02 h6 {
    font-size: 1.9vw;
    font-weight: 900;
    line-height: 2;
	color: rgba(255,255,255,1);
	position: absolute;
	top: 2.4vw;
	left: 7vw;
}
.feature03 {
    background: url(../img/03.jpg) no-repeat left top;
    background-size: 100%;
    width: 28vw;
    height: 8.7vw;
    position: relative;
    top: -6.4vw;
    left: 65vw;
}
.feature03 h6 {
    font-size: 1.9vw;
    font-weight: 900;
    line-height: 2;
	color: rgba(255,255,255,1);
	position: absolute;
	top: 2.4vw;
	left: 7vw;
}
#naturalore {
	width: 100%;
	height: 65vw;
	position: relative;
	top: 0vw;
}
#naturalore h5 {
    font-size: 3.5vw;
    font-weight: 900;
    line-height: 1.7;
	color: rgba(0,38,68,1);
	position: relative;
	top: 6vw;
	left: 6vw;
	z-index: 1;
}
.naturalorebackground {
	width: 70%;
	height: 8vw;
	position: absolute;
	top: 7vw;
	right: 7vw;
	background: url(../img/NATURALORE.png) no-repeat left top;
	background-size: 100%;
	z-index: 1;
}
#naturalore p {
    font-size: 1.6vw;
    font-weight: 400;
    line-height: 2;
	color: rgba(0,38,68,1);
	width: 46%;
	height: auto;
	position: relative;
	top: 11vw;
	left: 6vw;
}
.naturaloreimg {
    width: 38vw;
    height: 26.2vw;
    float: left;
    position: relative;
    top: -29.5vw;
    left: 54vw;
}
.naturaloreimg01 {
    background: url(../img/in01.jpg) no-repeat left top;
    background-size: 100%;
	width: 19vw;
	height: 30vw;
    float: left;
	position: relative;
	top: 0vw;
	left: 0vw;
}
.naturaloreimg02 {
    background: url(../img/IMG_2000_2.jpg) no-repeat left top;
    background-size: 100%;
    width: 18vw;
    height: 12vw;
    float: right;
    position: relative;
    top: 0vw;
    right: 0vw;
}
.naturaloreimg03 {
    background-color: aqua;
    background: url(../img/IMG_1978_2.jpg) no-repeat left top;
    background-size: 100%;
    width: 18vw;
    height: 12vw;
    clear: both;
    float: right;
    position: relative;
    top: -16.3vw;
    left: 0vw;
}
.imgp01 {
    font-size: 1.2vw;
    color: rgba(255,255,255,1);
    text-align: center;
    background-color: rgba(0,38,68,0.5);
    vertical-align: middle;
    padding: 0.1vw 0.2vw;
    position: absolute;
    bottom: 0.5vw;
    right: 0.5vw;
}
.imgp02 {
    font-size: 1.2vw;
    color: rgba(255,255,255,1);
    text-align: center;
    background-color: rgba(0,38,68,0.5);
    vertical-align: middle;
    padding: 0.1vw 0.2vw;
    position: absolute;
    bottom: 0.5vw;
    right: 0.5vw;
}
#naturalore ul {
	position: absolute;
	top: 45.7vw;
	left: 56vw;
}
#naturalore ul li {
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 2.1;
	color: rgba(0,38,68,1);
}
#naturalore ul li:last-child {
	position: relative;
	left: 17.5vw;
}
#example {
	width: 100%;
	height: 64vw;
	position: relative;
	top: 0vw;
}
#example h5 {
    font-size: 3.5vw;
    font-weight: 900;
	color: rgba(0,38,68,1);
    width: 40%;
    height: 20%;
	position: relative;
	top: -1vw;
	left: 6vw;
	z-index: 1;
}
.examplebackground {
	width: 48%;
	height: 8vw;
	position: absolute;
	top: 7vw;
	left: 6vw;
	background: url(../img/EXAMPLE.png) no-repeat left top;
	background-size: 100%;
}
#example p {
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	width: 42%;
	height: auto;
	position: relative;
	top: 3vw;
	left: 6vw;
}
.tableexplanation {
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.8;
    color: rgba(0,38,68,1);
	position: absolute;
	top: 4.8vw;
	right: 7vw;
}
#example table {
	text-align: center;
	border: 1px solid rgba(0,38,68,1);
	border-collapse: collapse;
	border-spacing: 0;
	position: absolute;
	top: 7.2vw;
	right: 7vw;
}
#example table tr td {
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	padding: 0.5vw 1vw;
	border-top: 1px solid rgba(0,38,68,1);
	border-right: 1px solid rgba(0,38,68,1);
	border-bottom: 0px solid rgba(0,38,68,1);
	border-left: 0px solid rgba(0,38,68,1);
}
.right_down_border01 {
	background-image: linear-gradient(28deg,/*角度*/ transparent 50.5%, rgba(0,38,68,1),/*斜線の色*/ rgba(0,38,68,1), transparent 52%, transparent);
}
.right_down_border02 {
	background-image: linear-gradient(20deg,/*角度*/ transparent 50.5%, rgba(0,38,68,1),/*斜線の色*/ rgba(0,38,68,1), transparent 52%, transparent);
}
.beforeintroduction {
	width: 23.5%;
	height: 19.8vw;
	position: relative;
	top: 13vw;
	left: 6.5vw;
	border: 1px solid rgba(0,38,68,1);
}
.beforeintroduction:before {
	content: "";
	display: block;
	width: 100%;
	height: 19.8vw;
	border: 1px solid rgba(0,38,68,1);
	position: absolute;
	top: -1.2vw;
	left: 1vw;
}
.beforeintroduction:after {
	content:"施設導入前";
    font-size: 1.8vw;
    font-weight: 700;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	width: 42%;
	height: auto;
	background: rgba(255,255,255,1);
	padding: 0.1vw 0.2vw;
	position: absolute;
	top: -2.3vw;
	left: -0.5vw;
}
.beforeintroduction h6 {
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	position: relative;
	top: 2vw;
	left: 9vw;
}
.beforeintroduction h6:before {
	content:"処理方法";
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(255,255,255,1);
	background: rgba(0,38,68,1);
	padding: 0vw 0.4vw;
	position: absolute;
	left: -6.5vw;
}
.beforeintroduction ul li {
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	position: relative;
	top: 3vw;
	left: 3vw;
}
.beforeintroduction h7 {
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	position: relative;
	top: 4vw;
	left: 10.5vw;
}
.beforeintroduction h7:before {
	content:"施設維持費";
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(255,255,255,1);
	background: rgba(0,38,68,1);
	padding: 0vw 0.4vw;
	position: absolute;
	top: 0vw;
	left: -7.8vw;
}
.arrow {
	position: absolute;
	top: 38vw;
	left: 31.7vw;
}
.arrow img {
	width: 3.5vw;
	height: auto;
}
.afterintroduction {
	width: 23.5%;
	height: 19.8vw;
	position: absolute;
	top: 31.2vw;
	left: 35.5vw;
	border: 1px solid rgba(0,38,68,1);
}
.afterintroduction:before {
	content: "";
	display: block;
	width: 100%;
	height: 19.8vw;
	border: 1px solid rgba(0,38,68,1);
	position: absolute;
	top: -1.2vw;
	left: 1vw;
}
.afterintroduction:after {
	content:"施設導入後";
    font-size: 1.8vw;
    font-weight: 700;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	width: 42%;
	height: auto;
	background: rgba(255,255,255,1);
	padding: 0.1vw 0.2vw;
	position: absolute;
	top: -2.4vw;
	left: -0.5vw;
}
.afterintroduction h6 {
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 1.2;
	color: rgba(0,38,68,1);
	position: relative;
	top: 1.3vw;
	left: 9vw;
}
.afterintroduction h6:before {
	content:"処理方法";
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(255,255,255,1);
	background: rgba(0,38,68,1);
	padding: 0vw 0.4vw;
	position: absolute;
	top: 0.7vw;
	left: -6.5vw;
}
.afterintroduction ul li {
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	position: relative;
	top: 2vw;
	left: 3vw;
}
.afterintroduction h7 {
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	position: relative;
	top: 3vw;
	left: 10.5vw;
}
.afterintroduction h7:before {
	content:"施設維持費";
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(255,255,255,1);
	background: rgba(0,38,68,1);
	padding: 0vw 0.4vw;
	position: absolute;
	top: 0vw;
	left: -7.8vw;
}
.voice {
	width: 27.5%;
	height: 19.8vw;
	position: absolute;
	top: 31.2vw;
	right: 8vw;
	border: 1px solid rgba(0,38,68,1);
}
.voice:before {
	content: "";
	display: block;
	width: 100%;
	height: 19.8vw;
	border: 1px solid rgba(0,38,68,1);
	position: absolute;
	top: -1.2vw;
	left: 1vw;
}
.voice:after {
	content:"お客様の声";
    font-size: 1.8vw;
    font-weight: 700;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	width: 36%;
	height: auto;
	background: rgba(255,255,255,1);
	padding: 0.1vw 0.2vw;
	position: absolute;
	top: -2.3vw;
	left: -1.5vw;
}
.voice ul li {
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	width: 83%;
	height: auto;
	position: relative;
	top: 2.5vw;
	left: 3vw;
}
.voice h7 {
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 1.8;
	color: rgba(0,38,68,1);
	position: relative;
	top: 4vw;
	left: 10.5vw;
}
.voice h7:before {
	content:"施設維持費";
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.8;
	color: rgba(255,255,255,1);
	background: rgba(0,38,68,1);
	padding: 0vw 0.4vw;
	position: absolute;
	top: 0vw;
	left: -7.8vw;
}

/*レスポンシブ*/

@media screen and (max-width:896px){

.mainimage {
    background-image: url(../img/wastewatertreatment_03_mob.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding-bottom: calc(100%*2423/1363);
    position: relative;
    top: 0vw;
}
.maintytle {
    font-size: 11.5vw;
    font-weight: 900;
    line-height: 1.4;
    width: 85vw;
	top: 67vw;
	left: 2vw;
}
#products {
	height: auto;
}
.productstytle {
    background-image: url(../img/wastewatertreatment_02_mob.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 100%;
    height: 0;
    padding-bottom: calc(100%*2808/1530);
    position: relative;
    top: 0vw;
}
#products h2 {
    font-size: 11.9vw;
    font-weight: 900;
    line-height: 1.3;
    width: 85vw;
    margin: 0vw auto;
	top: 40vw;
	right: 0vw;
}
#products h3 {
    font-size: 6vw;
    font-weight: 700;
    line-height: 1.5;
	width: 88%;
    margin: 0vw auto;
	top: 50vw;
	left: 0vw;
}
.productsexplanation {
    font-size: 3.7vw;
    font-weight: 700;
    line-height: 2;
	color: rgba(255,255,255,1);
	width: 88%;
	height: auto;
	position: relative;
	top: 55vw;
	left: 0vw;
}
#biornsystem {
	height: 226vw;
}
#biornsystem h4 {
    font-size: 10vw;
    font-weight: 900;
    line-height: 1.5;
	color: rgba(28,93,147,1);
	position: relative;
	top: 14vw;
	left: 6vw;
}
#biornsystem h5 {
    font-size: 4.5vw;
    font-weight: 700;
    line-height: 1.4;
	width: 88vw;
	height: auto;
	top: 29vw;
	left: 6vw;
	background: url(../img/BIORNSYSTEM.png) no-repeat center center;
	background-size: 98%;
}
.biornsystemexplanation {
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 2;
    width: 88%;
    height: auto;
    top: 100vw;
    left: 6vw;
    background: none;
}
.biornsystemimg {
    background: url(../img/IMG_1997_3.jpg) no-repeat top left;
    background-size: 100%;
    background-color: azure;
    width: 88%;
    height: 60vw;
    float: none;
    margin: 0vw auto;
    position: relative;
    top: 34vw;
    right: 0vw;
}
.biornsystemfigure {
	top: 41vw;
}
#flow {
	height: 65vw;
}
#flow h5 {
    font-size: 5.5vw;
    font-weight: 900;
    line-height: 1;
	top: 12vw;
}
.flowbackground {
	width: 35%;
	height: 12vw;
	top: 12vw;
	left: 57vw;
}
.flowfigure {
	top: 19vw;
}
#feature {
	height: 143vw;
}
#feature h5 {
    font-size: 5.5vw;
    font-weight: 900;
    line-height: 1;
	top: 12vw;
}
#feature p {
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 1.7;
	width: 87%;
	top: 19vw;
}
.featurebackground {
	width: 60%;
	height: 12vw;
	top: 12vw;
}
.feature01 {
	width: 63vw;
    height: 22.8vw;
	top: 27vw;
	left: 14vw;
}
.feature01 h6 {
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.5;
	top: 7.8vw;
	left: 18vw;
}
.feature02 {
	width: 73vw;
    height: 22.8vw;
	top: 36.4vw;
	left: 14vw;
}
.feature02 h6 {
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.5;
	top: 7.8vw;
	left: 18vw;
}
.feature03 {
	width: 73vw;
    height: 22.8vw;
	top: 46vw;
	left: 14vw;
}
.feature03 h6 {
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.5;
	top: 7.8vw;
	left: 18vw;
}
#naturalore {
    height: auto;
    margin-bottom: 10vw;
}
#naturalore h5 {
    font-size: 5.5vw;
    font-weight: 900;
    line-height: 1.4;
	top: 10vw;
}
.naturalorebackground {
	width: 86%;
	height: 12vw;
	top: 11vw;
}
#naturalore p {
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 2;
	width: 87%;
	top: 18vw;
}
.naturaloreimg {
    width: 87vw;
    height: 60.5vw;
    float: none;
    position: relative;
    top: 24vw;
    left: 6vw;
}
.naturaloreimg01 {
    width: 44vw;
    height: 65vw;
    float: left;
    position: relative;
    top: 0vw;
    left: 0vw;
}
.naturaloreimg02 {
    width: 42vw;
    height: 28vw;
    position: relative;
    top: 0.6vw;
    right: 0vw;
}
.naturaloreimg03 {
    width: 42vw;
    height: 28vw;
    position: relative;
    top: -33.7vw;
    right: 0vw;
}
.imgp01 {
    font-size: 3vw;
    padding: 0.2vw 0.5vw;
    position: absolute;
    bottom: 1.5vw;
    right: 1.5vw;
}
.imgp02 {
    font-size: 3vw;
    padding: 0.2vw 0.5vw;
    position: absolute;
    bottom: 1.5vw;
    right: 1.5vw;
}
#naturalore ul {
    clear: both;
	position: relative;
	top: -3vw;
	left: 6vw;
}
#naturalore ul li {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 2;
	float: none;
	margin-right: 0vw;
}
#naturalore ul li:last-child {
	position: relative;
	top: 0vw;
	left: 42vw;
}
#example {
	width: 100%;
	height: 301vw;
	position: relative;
	top: 0vw;
}
#example h5 {
    font-size: 5.5vw;
    font-weight: 900;
    line-height: 1.3;
    width: 52vw;
    height: auto;
	top: 8.5vw;
    left: 6vw;
}
.examplebackground {
	width: 60%;
	height: 12vw;
	top: 8vw;
	left: 30vw;
}
#example p {
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 1.7;
	width: 86%;
	top: 17vw;
}
.tableexplanation {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1.7;
	position: relative;
	top: 25vw;
	left: 69.5vw;
}
#example table {
    width: 88vw;
	position: relative;
	top: 25vw;
	left: 6vw;
}
#example table tr td {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1.7;
	padding: 0.5vw 1.8vw;
}
.right_down_border01 {
	background-image: linear-gradient(23deg,/*角度*/ transparent 49.4%, rgba(0,38,68,1),/*斜線の色*/ rgba(0,38,68,1), transparent 51%, transparent);
}
.right_down_border02 {
	background-image: linear-gradient(16deg,/*角度*/ transparent 49.4%, rgba(0,38,68,1),/*斜線の色*/ rgba(0,38,68,1), transparent 51%, transparent);
}
.beforeintroduction {
	width: 60%;
	height: 50vw;
	position: relative;
	top: 42vw;
	left: 19vw;
}
.beforeintroduction:before {
	height: 50vw;
	top: -2.2vw;
	left: 2vw;
}
.beforeintroduction:after {
    font-size: 4.5vw;
    font-weight: 700;
    line-height: 1.5;
	width: 23.5vw;
	height: auto;
	padding: 0.5vw;
	top: -4.5vw;
	left: -2vw;
}
.beforeintroduction h6 {
    font-size: 3.5vw;
    font-weight: 700;
    line-height: 2;
	position: relative;
	top: 6vw;
	left: 24.5vw;
}
.beforeintroduction h6:before {
    font-size: 3.3vw;
    font-weight: 400;
    line-height: 1;
	padding: 1vw;
	top: 0.8vw;
	left: -16.5vw;
}
.beforeintroduction ul li {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 2;
	top: 7.5vw;
	left: 8.5vw;
}
.beforeintroduction h7 {
    font-size: 3.5vw;
    font-weight: 700;
    line-height: 2;
	position: relative;
	top: 9vw;
	left: 28vw;
}
.beforeintroduction h7:before {
    font-size: 3.3vw;
    font-weight: 400;
    line-height: 1;
	padding: 1vw;
	top: 0vw;
	left: -19.5vw;
}
.arrow {
	position: relative;
	top: 42.5vw;
	left: 45vw;
}
.arrow img {
	width: 8vw;
	height: auto;
	transform: rotate(90deg );
}
.afterintroduction {
	width: 60%;
	height: 52vw;
	position: relative;
	top: 43vw;
	left: 19vw;
}
.afterintroduction:before {
	height: 52vw;
	top: -2.2vw;
	left: 2vw;
}
.afterintroduction:after {
    font-size: 4.5vw;
    font-weight: 900;
    line-height: 1.5;
	width: 23.5vw;
	height: auto;
	padding: 0.5vw;
	top: -4.5vw;
	left: -2vw;
}
.afterintroduction h6 {
    font-size: 3.5vw;
    font-weight: 700;
    line-height: 1.3;
	position: relative;
	top: 6vw;
	left: 24.5vw;
}
.afterintroduction h6:before {
    font-size: 3.3vw;
    font-weight: 400;
    line-height: 1;
	padding: 1vw;
	top: 2vw;
	left: -16.5vw;
}
.afterintroduction ul li {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 2;
	top: 7.5vw;
	left: 8.5vw;
}
.afterintroduction h7 {
    font-size: 3.5vw;
    font-weight: 700;
    line-height: 2;
	position: relative;
	top: 9vw;
	left: 28vw;
}
.afterintroduction h7:before {
    font-size: 3.3vw;
    font-weight: 400;
    line-height: 1;
	padding: 1vw;
	top: 0vw;
	left: -19.5vw;
}
.voice {
	width: 60%;
	height: 50vw;
	position: relative;
	top: 55.3vw;
	left: 19vw;
}
.voice:before {
	height: 50vw;
	top: -2.2vw;
	left: 2vw;
}
.voice:after {
    font-size: 4.5vw;
    font-weight: 700;
    line-height: 1.5;
	width: 23.5vw;
	height: auto;
	padding: 0.5vw;
	top: -4.5vw;
	left: -2vw;
}
.voice ul li {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1.9;
	width: 88%;
	top: 6.5vw;
	left: 5vw;
}
.voice h7 {
    font-size: 3.4vw;
    font-weight: 700;
    line-height: 2;
	position: relative;
	top: 10.5vw;
	left: 24vw;
}
.voice h7:before {
    font-size: 3.3vw;
    font-weight: 400;
    line-height: 1;
	padding: 1vw;
	top: 0vw;
	left: -19.5vw;
}