/*header*/
.header, .section-mv {
    background-color: #A61218;
    background-size: 100vw;
}
/*mv*/
.section-mv {
    margin-bottom: 400rem;
    padding: 0 5vw 100rem;
    position: relative;
    height: 720rem;
}
.mv-title {
    color: #ffffff;
    font-size: 62rem;
    line-height: 1.8;
    letter-spacing: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mv-titleBig {
    font-size: 80rem;
    padding-left: 40rem;
}
.mv-bird {
    width: 58vw;
    display: block;
    margin: 0 auto;
    z-index: 3;
    position: absolute;
    top: 30rem;
    bottom: 0;
    right: -100rem;
    left: 0;
}
.mv-giahs {
	width: 140rem;
    position: absolute;
    top: 160rem;
    left: 200rem;
}
.mv-satoIsland {
    width: 240rem;
    position: absolute;
    top: 325rem;
    left: 200rem;
}
.mv-logoContent {
    position: absolute;
    top: 200rem;
    right: 200rem;
}
.mv-logoContent p {
    text-align: center;
    color: #ffffff;
    font-size: 40rem;
    line-height: 1.8;
    letter-spacing: 12rem;
}
.mv-logo {
    margin: 30rem auto;
    width: 500rem;
    display: block;
}
@media (max-width: 640px) {
    .section-mv {
        margin-bottom: 110rem;
        padding: 0 6.5vw;
		height: 905rem;
    }
    .mv-title {
        font-size: 36rem;
        letter-spacing: 7rem;
        display: block;
    }
    .mv-titleBig {
        padding-left: 0;
        font-size:60rem;
    }
	.mv-giahs {
		width: 90rem;
        top: 215rem;
        left: inherit;
        right: 60rem;
    }
    .mv-bird {
        width: 122vw;
        margin: 0;
        top: 240rem;
        right: 0;
        left: -93px;
    }
	.mv-satoIsland {
        width: 220rem;
        position: absolute;
        top: 490rem;
        opacity: 0.8;
        left: initial;
        right: 30rem;
    }
    .mv-logoContent {
        right: 46rem;
        top: 385rem;
        bottom: inherit;
    }
    .mv-logoContent p {
        font-size: 20rem;
        line-height: 1;
        letter-spacing: 9rem;
    }
    .mv-logo {
        margin: 20rem auto;
        width: 300rem;
    }
}
/*about*/
.neonic{
    margin-top: 20rem;
}
.neonicBook {
    flex: 1;
}
.neonic p {
    flex: 3;
}
.attention {
    border: solid #333333 2pt;
    padding: 30rem 40rem;
}
.attention div {
    flex: 3;
}
.attention img {
    flex: 1;
    display: block;
}
.giahsFlowerImg {
    width: 340rem;
}
.giahsImg {
    width: 170rem;
}
.giahs {
    align-items: flex-start;
}
@media (max-width: 640px) {
    .neonicBook {
        width: 240rem;
        float: inline-start;
        padding: 0 30rem 0 0;
    }
    .neonic {
        margin-bottom: 50rem;
    }
    .attention img {
        margin-top: 20rem;
    }
    .giahs p {
        margin-bottom: 30rem;
    }
}
/*product*/
.section-product {
    position: relative;
    margin-bottom: 200rem;
}
.section-product p {
    margin-bottom: 40rem;
}
.productImages {
    gap: 100rem;
}
.productAccent {
    position: absolute;
    z-index: -1;
    bottom: -201rem;
    width: 770rem;
    left: -10vw;
}
@media (max-width:640px) {
    .section-product {
        margin-bottom: 168rem;
    }
    .productAccent {
        width: 400rem;
        bottom: -170rem;
    }
    .productImages {
        gap: 20rem;
    }
}
/*news*/
.section-news {
    background: #A61218;
    color: #fff;
    padding: 60rem 50rem 28rem;
}
.section-news h3 {
    color: #fff;
    font-weight: 400;
    font-size: 80rem;
    letter-spacing: 28rem;
}
.newsTitle p{
    font-size: 40rem;
    letter-spacing: 20rem;
    padding-top: 10rem;
}
.newsTitle {
    flex: 1;
    writing-mode: vertical-rl;
}
.newsLists {
    flex: 5;
    height: 380rem;
    overflow-y: scroll;
}
.newsList li {
    justify-content: flex-start;
    font-size: 26rem;
    font-weight: 100;
    margin-bottom: 20rem;
    align-items: flex-start;
}
.newsList li p:first-of-type {
    letter-spacing: 6rem;
}
.newsList li p:last-of-type {
    letter-spacing: 4rem;
}
.section-newsFlex {
    gap: 120rem;
    align-items: flex-start;
}
@media (max-width: 640px) {
    .newsTitle {
        writing-mode: lr-tb;
    }
    .section-news h3 {
        font-size: 50rem;
        letter-spacing: 8rem;
        margin-bottom: 30rem;
    }
    .newsTitle p {
        font-size: 28rem;
        letter-spacing: 9rem;
    }
    .newsList time {
        opacity: 0.6;
    }
}
/*会社概要*/
.section-company {
    display: flex;
    gap: 120rem;
    align-items: flex-start;
}
.section-company h3 {
    color: #333333;
    font-weight: 400;
    font-size: 80rem;
    letter-spacing: 28rem;
}
.companyTitle p {
    color: #AA8717;
    font-size: 40rem;
    letter-spacing: 20rem;
    padding-top: 10rem;
}
.companyTitle {
    flex: 1;
    writing-mode: vertical-rl;
}
.companyList {
    flex: 6;
}
.companyList ul li {
    font-size: 22rem;
    margin-bottom: 30rem;
    align-items: flex-start;
}
.companyList li p:first-of-type{
    flex: 1;
}
.companyList li p:last-of-type{
    flex: 6;
}
@media (max-width: 640px) {
    .section-company {
        display: block;
    }
    .companyTitle{
        writing-mode: lr-tb;
    }
    .section-company h3 {
        font-size: 50rem;
        letter-spacing: 8rem;
        margin-bottom: 30rem;
    }
    .companyTitle p {
        font-size: 28rem;
        letter-spacing: 9rem;
    }
    .companyList ul li p:first-of-type {
        font-size: 26rem;
    }
}