@charset "utf-8";
/* CSS Document */

body {
overflow: hidden;
}

/*PC*/
@media print, screen and (min-width: 769px) {

.powerston_bg {
background:url(../images/powerston/hed_img.jpg) center center no-repeat;
background-size:cover;
width:100%;
height:300px;
overflow:hidden;
position:relative;
margin:0 auto 60px;
}

.p_logo {
width: 20%;
margin: 0 auto 20px;
}

.powerston_wrap0 {
position: relative;
margin: 0 auto 100px;
}

.powerston_wrap0::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 100vw 180px 0;
border-color: transparent #FFF transparent transparent;
position: absolute;
top: 0;
left: 0;
}

.powerston_wrap1 {
background: #af1b23;
padding: 80px 0 60px;
}


.powerston_wrap {
width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
position: relative;
margin: auto;
}



.powerston_wrap_box1 {
width: 50%;
position: relative;
}

.powerston_wrap_box2 {
width: 46%;
position: relative;
color: #FFF;
}

.powerston_wrap_box2 h3{
font-size: 2.8em;
line-height: 1.7;
text-decoration: underline;
margin: 0 0 30px;
}

.powerston_wrap_box2 p{
font-size: 1.2em;
font-weight: bold;
line-height: 1.8;
}


.hog_raising_list {
width:100%;
margin:0 auto 100px;
padding:0;
list-style-type:none;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}

.hog_raising_list li {
width:28%;
}

.hog_raising_list li img {
width:100%;
border-radius: 50%;
height:auto;
}

.hog_raising_list li h5 {
background:#af1b23;
color:#FFFFFF;
padding:1%;
font-size:16px;
text-align:center;
margin:0 0 20px;
 border-radius: 5px;
}

.hog_raising_list li p {
margin: 20px auto 0;
line-height: 1.8;
width: 100%;
background: #F0F0F0;
padding: 15px;
box-sizing: border-box;
border-radius: 10px;
}

.infiniteslide li{
width: 25%;
}

.bnr_bg_img {
background: url("../images/powerston/bg_img.jpg") center center no-repeat;
background-size: cover;
padding: 100px 0;
box-sizing: border-box;
margin: 0 auto;
}


.bnr_img {
width: 40%;
margin: 0 auto;
}

}


/*sp*/
@media only screen and (max-width: 768px) {

.powerston_bg {
background:url(../images/powerston/hed_img.jpg) center center no-repeat;
width:100%;
height:160px;
overflow:hidden;
position:relative;
margin:0 auto 60px;
}

.p_logo {
width: 50%;
margin: 0 auto 20px;
}

.powerston_wrap0 {
position: relative;
margin: 0 auto 60px;
}

.powerston_wrap0::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 100vw 100px 0;
border-color: transparent #FFF transparent transparent;
position: absolute;
top: 0;
left: 0;
}

.powerston_wrap1 {
background: #af1b23;
padding: 80px 0 60px;
}


.powerston_wrap {
width: 90%;
position: relative;
margin: auto;
}



.powerston_wrap_box1 {
width: 80%;
position: relative;
margin: 0 auto 30px;
}

.powerston_wrap_box2 {
width: 100%;
position: relative;
color: #FFF;
margin: auto;
}

.powerston_wrap_box2 h3{
font-size: 1.6em;
line-height: 1.7;
text-decoration: underline;
margin: 0 0 30px;
}

.powerston_wrap_box2 p{
font-size: 1.1em;
font-weight: bold;
line-height: 1.8;
}


.hog_raising_list {
width:90%;
margin:0 auto 60px;
padding:0;
list-style-type:none;
}

.hog_raising_list li {
width:100%;
margin-bottom: 20px;
}

.hog_raising_list li img {
width:100%;
border-radius: 50%;
height:auto;
}

.hog_raising_list li h5 {
background:#af1b23;
color:#FFFFFF;
padding:1%;
font-size:16px;
text-align:center;
margin:0 0 20px;
 border-radius: 5px;
}

.hog_raising_list li p {
margin: 20px auto 0;
line-height: 1.8;
width: 100%;
background: #F0F0F0;
padding: 15px;
box-sizing: border-box;
border-radius: 10px;
}

.infiniteslide li{
width: 25%;
}

.bnr_bg_img {
background: url("../images/powerston/bg_img.jpg") center center no-repeat;
background-size: cover;
padding: 30px;
box-sizing: border-box;
margin: 0 auto;
}


.bnr_img {
width: 100%;
margin: 0 auto;
}

}