.about-page .about{
padding: 61px 0 30px;
margin: 0;
}
.about-page .left-content{
flex-wrap: wrap;
width: 50.5%;
}
.about-page .left-content .img-blk{
width: 47%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.about-page .left-content .img-blk img{ 
height: 300px;
object-fit: cover;
margin-bottom: 30px;
}
.about-page .left-content .img-blk img:last-of-type{
height: 240px;
}
.about-page .left-content .img-blk:last-child img{
height: 240px;
object-fit: cover;
}
.about-page .left-content .img-blk:last-child img:last-of-type{
height: 300px;
}
.about-page .about .right-content {
width: 46.5%;
}
.about-page .counter-list-detail span{
display: block;
font-size: 16px;
font-weight: 500;
color: var(--txt-primary-color);
}
.about-page .counter-list-detail .number{
font-size: 32px;
text-align: center;
font-weight:700;
padding-bottom: 10px;
}
.about-page .about .txt-content {
padding: 8px 0 29px;
border-bottom: 1px solid var(--border-color);
line-height: 1.5;
}
.about-page .about .counter-list{
padding: 32px 13px 30px 13px;
}
.about-page .history{
background-color: var(--bg-secondary-color);
padding: 60px 0;
position: relative;
}
.about-page .history:before{
content: "";
position: absolute;
background: url(//myintmyatarrmahnfishery.com/wp-content/themes/arrmahn/assets/img/img-history-bg.webp) no-repeat top right/cover;
right: 0;
top: 0;
width: 770px;
height: 890px;
opacity: 0.09;
}
.about-page .history h2{
color: var(--secondary-color);
}
.about-page .accordion-blk{
color: var(--secondary-color);
width: 46.5%;
padding: 20px 0;
}
.about-page .img-blk{
width: 50%;
}
.about-page .img-blk img{
height: 770px;
object-fit: cover;
}
.about-page .accordion-list{
padding-top: 31px;
}
.about-page .accordion-list .accordion-list-detail{
padding: 25px 26px;
border-bottom: 2px solid var(--secondary-color);
}
.about-page .accordion-list .accordion-list-detail.active h5{
color: var(--secondary-color);
}
.about-page .accordion-list .accordion-list-detail h5{
color: var(--bg-light-color);
position: relative;
}
.about-page .accordion-list .accordion-list-detail h5:after{
position: absolute;
content: "";
background-color: white; -webkit-mask: url(//myintmyatarrmahnfishery.com/wp-content/themes/arrmahn/assets/img/ico_dropdown.svg) no-repeat center / cover;
mask: url(//myintmyatarrmahnfishery.com/wp-content/themes/arrmahn/assets/img/ico_dropdown.svg) no-repeat center / cover;
right: 8px;
fill: white;
top: 0;
width: 11px;
height: 7px;
top: 13px;
}
.about-page .accordion-list .accordion-list-detail.active h5:after{
transform: rotate(180deg);
}
.about-page .accordion-content{
display: none;
padding: 18px 0;
letter-spacing: 0.1px;
line-height: 1.35;
}
.about-page .aim{
background-color: var(--primary-color);
padding: 58px 0 50px;
}
.about-page .aim .aim-content{
width: 45.5%;
}
.about-page .aim h3{
color: var(--secondary-color);
}
.about-page .aim .aim-txt{
font-weight: 500;
color: var(--secondary-color);
padding: 11px 0;
letter-spacing: -0.1px;
line-height: 1.45;
}
.about-page .aim .aim-content li {
list-style: disc;
color: var(--secondary-color);
margin-left: 20px;
}
.about-page .goals{
background-color: var(--bg-lighter-color);
padding: 59px 0 19px;
}
.about-page .goals h3{
text-align: center;
}
.about-page .goals .goals-list{
padding: 40px 0;
}
.about-page .goals .goals-list h5{
padding: 20px 0;
}
.about-page .goals .goals-list li{
width: 23%;
}
.about-page .manufacture{
width: 100%;
}
.about-page .manufacture .container {
position: relative;
}
.about-page .manufacture img{
width: 100%;
height: auto;
object-fit: cover;
}
.about-page .manufacture .m-content{
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.about-page .manufacture h2{
text-align: center;
}
.about-page .manufacture .manufacture-sub-ttl{
padding: 12px 29px;
text-align: center;
letter-spacing: 0px;
display: block;
font-size: 18px;
color: var(--txt-primary-color);
}
.about-page .manufacture .manufacture-list{
width: 100%;
padding: 53px 0 0;
display: flex;
justify-content: space-between;
}
.about-page .manufacture .manufacture-detail-list{
display: flex;
flex-direction: column;
width: 29%;
}
.about-page .manufacture .manufacture-list li{
padding-bottom: 59px;
text-align: center;
}
.about-page .manufacture .manufacture-list li h5{
padding: 29px 0 16px;
}
.about-page .manufacture .manufacture-list li span{
letter-spacing: 0px;
line-height: 1.5;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.about-page .about{
padding: 4.766vw 0 2.344vw;
}
.about-page .left-content .img-blk img{ 
height: 23.438vw;
margin-bottom: 2.344vw;
}
.about-page .left-content .img-blk img:last-of-type{
height: 18.75vw;
}
.about-page .left-content .img-blk:last-child img{
height: 18.75vw;
}
.about-page .left-content .img-blk:last-child img:last-of-type{
height: 23.438vw;
}
.about-page .counter-list-detail span{
font-size: 1.25vw;
}
.about-page .counter-list-detail .number{
font-size: 2.5vw;
padding-bottom: 0.781vw;
}
.about-page .about .txt-content {
padding: 0.625vw 0 2.266vw;
}
.about-page .about .counter-list{
padding: 2.5vw 1.016vw 2.344vw 1.016vw;
}
.about-page .history{
padding: 4.688vw 0;
}
.about-page .history:before{
width: 60.156vw;
height: 69.531vw;
}
.about-page .accordion-blk{
padding: 1.563vw 0;
}
.about-page .img-blk img{
height: 60.156vw;
}
.about-page .accordion-list{
padding-top: 2.422vw;
}
.about-page .accordion-list .accordion-list-detail{
padding: 1.953vw 2.031vw;
border-bottom: 0.156vw solid var(--secondary-color);
}
.about-page .accordion-list .accordion-list-detail h5:after{
right: 0.625vw;
width: 0.859vw;
height: 0.547vw;
top: 1.016vw;
}
.about-page .accordion-content{
padding: 1.406vw 0;
letter-spacing: 0.008vw;
}
.about-page .aim{
padding: 4.531vw 0 3.906vw;
}
.about-page .aim .aim-txt{
padding: 0.859vw 0;
letter-spacing: -0.008vw;
}
.about-page .goals{
padding: 4.609vw 0 1.484vw;
}
.about-page .goals .goals-list{
padding: 3.125vw 0;
}
.about-page .goals .goals-list h5{
padding: 1.563vw 0;
}
.about-page .manufacture .manufacture-sub-ttl{
padding: 0.938vw 2.266vw;
font-size: 1.406vw;
}
.about-page .manufacture .manufacture-list{
padding: 4.141vw 0 0;
}
.about-page .manufacture .manufacture-list li{
padding-bottom: 4.609vw;
}
.about-page .manufacture .manufacture-list li h5{
padding: 2.266vw 0 1.25vw;
}
} @media all and (max-width:767.9px) {
.about-page .about{
padding: 8vw 0 4vw;
}
.about-page .left-content{
width: 100%;
}
.about-page .left-content .img-blk{
width: 47%;
}
.about-page .left-content .img-blk img{ 
height: 60vw;
margin-bottom: 8vw;
}
.about-page .left-content .img-blk img:last-of-type{
height: 50vw;
}
.about-page .left-content .img-blk:last-child img{
height: 50vw;
object-fit: cover;
}
.about-page .left-content .img-blk:last-child img:last-of-type{
height: 60vw;
}
.about-page .about .right-content {
width: 100%;
}
.about-page .counter-list-detail span{
font-size: 2.8vw;
}
.about-page .counter-list-detail .number{
font-size: 5.333vw;
padding-bottom: 2.667vw;
}
.about-page .about .txt-content {
padding: 2.133vw 0 7.733vw;
border-bottom: 0.267vw solid var(--border-color);
}
.about-page .about .counter-list{
padding: 8.533vw 3.467vw 8vw 3.467vw;
}
.about-page .history{
padding: 8vw 0;
}
.about-page .history:before{
width: 100%;
height: 128vw;
}
.about-page .accordion-blk{
width: 100%;
padding: 5.333vw 0;
}
.about-page .img-blk{
width: 100%;
}
.about-page .img-blk img{
height: 90.667vw;
}
.about-page .accordion-list{
padding-top: 8.267vw;
}
.about-page .accordion-list .accordion-list-detail{
padding: 6.667vw 6.933vw;
}
.about-page .accordion-list .accordion-list-detail h5:after{
right: 2.133vw;
width: 2.933vw;
height: 1.867vw;
top: 3.467vw;
}
.about-page .accordion-content{
padding: 4.8vw 0;
letter-spacing: 0.027vw;
}
.about-page .aim{
padding: 10.133vw 0 8vw;
}
.about-page .aim .aim-content{
width: 100%;
margin-bottom: 5.333vw;
}
.about-page .aim .aim-txt{
padding: 2.933vw 0;
letter-spacing: -0.027vw;
}
.about-page .goals{
padding: 7.733vw 0 0;
}
.about-page .goals .goals-list{
padding: 5.333vw 0;
justify-content: center;
}
.about-page .goals .goals-list h5{
padding: 3.333vw 0;
}
.about-page .goals .goals-list li{
width: 100%;
}
.about-page .manufacture img {
height: 133.333vw;
}
.about-page .manufacture .manufacture-sub-ttl{
padding: 3.2vw 7.733vw;
font-size: 3.733vw;
}
.about-page .manufacture .manufacture-list{
padding: 6.133vw 0 0;
}
.about-page .manufacture .manufacture-detail-list{
width: 48%;
justify-content: center;
}
.about-page .manufacture .manufacture-list li{
padding-bottom: 6.667vw;
}
.about-page .manufacture .manufacture-list li h5{
padding: 5.333vw 0 2.133vw;
}
}