@charset "UTF-8";

/*----------cp----------*/
#cp1+section .heading{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
#cp1+section h3{
    writing-mode: vertical-rl;
    background-color: #000;
    padding: 10px 5px;
    margin-left: 8px;
    position: relative;
    top: -15px;
    font-size: 3rem !important;
}
#cp1+section h3::before{
    content: none;
}
#cp1+section .heading p{
    writing-mode: vertical-rl;
    background-color: #000;
    padding: 10px 5px;
    font-size: 2.4rem;
    height: fit-content;
}
#cp1+section .block_button_1{
    overflow: visible;
    padding-top: 40px;
}
#cp1+section .contents_btn01 .content_wrapper{
    text-align: right;
}
#cp1+section .block_button_1 a{
    aspect-ratio: 1/1;
    transform: rotate(45deg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
}
#cp1+section .block_button_1 a::before{
    border: 2px solid #d7c695;
}
#cp1+section .block_button_1 a span{
    transform: rotate(-45deg);
}
#cp1+section .inner_item_img img{
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    aspect-ratio: 1/1;
    position: relative;
    right: 15%;
    z-index: -1;
    transform: scale(1.2);
}
@media screen and (max-width: 900px){
#cp1+section .inner_item_txt p{
    max-width: 500px;
    margin-inline: auto;
}
#cp1+section .block_button_1 a{
    min-width: initial;
}
#cp1+section .inner_item_img img{
    right: 0%;
    transform: scale(1.0);

}
#cp1+section .contents_btn01 .content_wrapper{
    text-align: center;
}
}

/*----------blog----------*/
#top_blog + div ul li:nth-child(odd) a{
    color: #333;
}

/*----------menu----------*/
a[id^="top_menu"] + div .inner_item_img img{
    height: initial !important;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    aspect-ratio: 1/1;
}
a[id^="top_menu"] + div .inner_item{
    position: relative;
}
a[id^="top_menu"] + div .inner_item_txt{
    position: absolute;
    bottom: 0;
}
a[id^="top_menu"] + div .inner_item:last-child .inner_item_txt{
    right: 0;
}

#top_menubtn + div.contents_btn01 a {
    color: #fff ;
}
#top_menubtn + div.contents_btn01 a:before {
        border: 1px solid #fff ;
}

#square + section{
    overflow: visible;
    margin-block: max(-9.375vw, -135px);
}
.square{
    width: 33%;
    background-color: var(--i_btn_color);
    aspect-ratio: 1/1;
    transform: rotate(45deg);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
}
.square p{
    transform: rotate(-45deg);
    font-size: min(4.5vw, 5.2rem);
    line-height: 1.2;
    font-family: "Yuji Syuku", serif, "Noto Serif JP", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif!important;
}

/*----------cp（スマホ時）----------*/
@media screen and (max-width: 900px) {
#cp1+section .heading {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#cp1+section h3 {
    top: 0;
    right: 0;
    margin-left: 50vw;
}

#cp1+section .heading p {
    position: absolute;
    bottom: -50vw;
    left: -10%;
}
}

@media screen and (max-width: 600px) {
#cp1+section .inner_item_img {
    margin-bottom: 50px;
}
}

@media screen and (max-width: 480px) {
#cp1+section h3 {
    font-size: clamp(18px, 5vw, 26px)!important;
}

#cp1+section .heading p {
    font-size: clamp(16px, 4.3vw, 24px)!important;
}

#cp1+section .inner_item_img {
    margin-bottom: 80px;
}
}

/*----------花の背景----------*/
@media screen and (max-width: 900px) {
#cp1 + section {
    background-position: 100% 0!important;
    background-size: 50%!important;
}

#flower_3 + div {
    background-position: 0 100%!important;
    background-size: 50%!important;
}

#flower_2 + div {
    background-size: 50%!important;
}
}