@charset "utf-8";
/*common
-----------------------------------------------------------------------------------------*/
section{
	padding: 150px 0 0;
}

.contents-wrapper{
	width: calc(100% - 100px);
	max-width: 1500px;
	margin: 0 auto;
}

@media screen and (max-width:1023px) {
    section{
	padding: 80px 0 0;
}

}


@media screen and (max-width:767px) {
    section{
        padding: 40px 0 0;
    }

    .contents-wrapper{
        width: calc(100% - 60px);
    }
}


/*home
-----------------------------------------------------------------------------------------*/
.top-100{
    padding-top: 100px;
}

.fv-text{
    width: 35%;
    position: absolute;
    top: 45%;
    right: 10%
}

.fv-box{
    position: relative;
    z-index: -1;
}

.front-about-flex{
    align-items: center;
    justify-content: center;
    position: relative;
}

.front-about-left{
    width: 650px;
}

.front-about-flower{
    position: absolute;
    width: 130px;
    top: -50px;
    left: 0;
    z-index: -1;
}

.front-about-sc{
    font-size: 5rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
    text-align: left;
    line-height: 0.9;
}

.front-about-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: rgba(229, 120, 155, 1);
    text-align: left;
    margin-bottom: 70px;
}

.front-about-text{
    width: 80%;
}

.front-link-left{
    margin-right: auto;
    width: 180px;
}

.front-link{
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 169, 178, 1);
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    margin-top: 40px;
    width: 100%;
}

.arrow-right {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  border-top: 2px solid rgba(255, 255, 255, 1);
  border-right: 2px solid rgba(255, 255, 255, 1);
  transform: rotate(45deg);
}

.front-about-img{
    width: 40%;
    padding: 30px 30px 30px 60px;
    position: relative;
}

.front-about-up{
    position: absolute;
    width: 200px;
    top: 0;
    left: 30px;
}


.front-about-down{
    position: absolute;
    width: 200px;
    bottom: 0px;
    right: 0;
}

.front-message-flex{
    gap: 50px;
    position: relative;
}

.front-message-flower{
    position: absolute;
    width: 30%;
    top: -100px;
    right: 0;
    z-index: -1;
}

.front-message-img{
    width: 45%;
    margin: 0;
    margin-left: calc(50% - 50vw);
    object-fit: cover;
}

.front-message-right{
    width: 50%;
}

.front-message-title{
    font-size: 2rem;
    font-weight: 700;
    color: rgba(228, 0, 119, 1);
    margin-bottom: 35px;
    text-align: left;
}

.front-message-right p:not(:last-child) {
	margin-bottom: 15px;
}

.font-big {
	font-size: 1.5rem;
}
.front-message-span{
    display: inline-block;
    margin: 15px 0;
}

.front-link-right{
    width: 180px;
    margin-left: auto;
}

img.front-swiper{
    height: 600px;
    object-fit: cover;

}

.front-anniversary-flex{
    gap: 50px;
    align-items: center;
    justify-content: center;
    margin-top: -200px;
    width: 86%;
    z-index: 1;
    position: relative;
}

.front-anniversary-60{
    width: 250px;
    margin: 0;
}

.front-anniversary-cs{
    font-size: 7rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
}

.front-anniversary-box{
    position: relative;
}

.front-anniversary-flower{
    position: absolute;
    width: 30%;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.front-anniversary-title{
    font-size: 2rem;
    font-weight: 700;
    color: rgba(228, 0, 119, 1);
    margin-bottom: 20px;
}

.front-anniversary-text{
    line-height: 1.8;
}

.front-link-center{
    width: 180px;
}

.front-information-left{
    width: 45%;
    position: relative;
}

.front-information-flower{
    position: absolute;
    width: 280px;
    top: -100px;
    left: -50px;
    z-index: -1;
}

.front-information-box{
    margin-left: 100px;
}

.front-information-cs{
    font-size: 5.6rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
    line-height: 1;
    line-height: 0.8;
    text-align: left;
}

.front-information-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: rgba(229, 120, 155, 1);
    text-align: left;
}

.front-information-right{
    margin-top: 50px;
}

.front-home-img img{
    width: 90%;
    height: auto;
    object-fit: contain;
    margin-top: 100px;
}

.front-home-text{
    margin: 10px 0 30px;
}

.front-point-top{
    position: relative;
}

.front-point-text{
    width: 50%;
    margin: 0;
    position: absolute;
    top: 26%;
    left: 100px;
}

.front-point-sc{
    font-size: 5.4rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
    text-align: left;
    margin-left: 50px;
}

.front-point-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: rgba(229, 120, 155, 1);
    text-align: left;
    margin-left: 50px;
}

.front-point-flex{
    gap: 50px;
    width: 80%;
    margin: 40px auto 0;

}

.front-point-set{
    width: calc((100% - 50px*2)/3);
}

.front-flow-sc{
    font-size: 5.6rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
}

.front-flow-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: rgba(229, 120, 155, 1);
}

.front-flow-flex{
    position: relative;
    margin: 60px 0 40px;
    /* gap: 30px; */
}

.front-flow-img{
    /* width: calc((100% - 30px*4)/5); */
    position: relative;
    width: calc(100% /5);
}

.front-flow-img::after{
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    background-color: rgba(228, 0, 119, 1);
    border-radius: 50%;
    bottom: -40px;
    left: 45%;
    transform: translateX(-50%);
}

.front-flow-line::before{
    position: absolute;
    content: '';
    width: 470%;
    height: 5px;
    bottom: -32px;
    left: 30px;
    background-color: rgba(228, 0, 119, 1);
}

.front-flow-start{
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
    text-align: left;
}

.front-flow-member{
    text-align: right;
    display: block;
    margin-right: 20px;
}

a.front-flow-contact{
    font-size: 0.9rem;
    width: 60%;
    position: absolute;
    top: 67%;
    left: 45%;
    transform: translateX(-50%);
    padding: 5px 0px 5px 10px;
}

.front-flow-box{
    justify-content: space-between;
    width: 95%;
    margin: auto;
}

.front-flow-flower{
    position: absolute;
    width: 35%;
    top: -120px;
    left: 0;
}

.front-flow-flower2{
    position: absolute;
    width: 35%;
    top: -150px;
    right: -50px;
}

.front-instagram-top{
	position: relative;
}

.front-instagram-top::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 130%;
	top: 100px;
	left: 0;
	z-index: -1;
	background-color: rgba(249, 249, 249, 1);
	clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
}

.front-instagram-flex{
	gap: 20px;
	margin-bottom: 30px;
	align-items: center;
}

.front-instagram-img{
	width: 72px;
	margin: 0;
}

.front-instagram-main{
	border-radius: 20px;
}

.front-youtube-flex{
	margin-top: 100px;
	width: 80%;
	margin: 100px auto;
	align-items: center;
	gap: 70px;
	justify-content: center;
}

.triangle{
	display: inline-block;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	width: 35px;
	height: 55px;
	background-color: rgba(228, 0, 119, 1);
	margin-left: 20px;
}

.front-youtube{
	width: 50%;
	height: 300px;
}

.front-link:hover{
    background-color: rgba(255, 255, 255, 1);
	color: rgba(32, 180, 188, 1);

}

.front-link:hover .arrow-right{
    border-top: 2px solid rgba(32, 180, 188, 1);
    border-right: 2px solid rgba(32, 180, 188, 1);
}

@media screen and (max-width:1200px) {
    .front-about-sc {
        font-size: 4rem;
    }

    .front-about-left {
        width: 510px;
    }

    .front-about-img {
        width: 44%;
    }

    .front-message-img {
        object-fit: contain;
        width: 56%;
        margin-left: -150px;
    }

    .front-message-flex {
        gap: 0px;
    }

    .front-message-right {
        width: 57%;
    }

    .front-anniversary-flex{
        width: 87%;
    }

    .front-anniversary-60 {
        width: 200px;
    }

    .front-anniversary-cs {
        font-size: 6rem;
    }

    a.front-flow-contact {
        font-size: 0.8rem;
        width: 65%;
    }

    .front-youtube-flex {
        width: 90%;
    }

    div.front-information-right{
        width: 50%;
    }

    div.front-information-flex{
        gap: 0;
        justify-content: space-between;
        align-items: flex-end;
    }

}

@media screen and (max-width:1023px) {
    .front-about-text {
        width: 100%;
    }

    .front-about-img {
        width: 80%;
        margin-top: 20px;
    }

    .front-message-right {
        width: 100%;
    }

    .front-message-img {
        width: 70%;
        margin-left: calc(50% - 50vw);
    }

    .front-message-flower {
        width: 50%;
        top: 100px;
    }

    .front-anniversary-flex {
        width: 100%;
        gap: 15px;
    }

    .front-anniversary-60 {
        width: 150px;
    }

    .front-anniversary-cs {
        font-size: 5rem;
    }

    .front-swiper2{
        object-position: left;
        margin-top: 50px;
    }

    .front-point-text {
        top: 24%;
    }

    .arrow-right-flow{
        display: none;
    }

    a.front-flow-contact {
        font-size: 0.7rem;
        padding: 3px;
    }

    .front-flow-line::before {
        width: 480%;
        left: 5px;
    }

    .front-flow-box {
        width: 100%;
    }

    .front-youtube-flex{
        width: 100%;
        gap: 20px;
    }

    .front-youtube {
        width: 51%;
    }

    .front-information-box {
        margin-left: 0px;
    }

    .front-information-cs {
        font-size: 5rem;
    }

    div.front-information-flex {
        align-items: flex-start;
    }
}

@media screen and (max-width:767px) {
    .fv-top{
        height: 400px;
        object-fit: cover;
    }

    .fv-text {
        width: 45%;
        top: 50%;
        right: 5%;
    }

    .top-100 {
        padding-top: 40px;
    }

    .top{
        padding-top: 0;
    }

    .front-information-flower {
        width: 150px;
        top: -70px;
    }

    .front-information-left {
        width: 90%;
        margin: auto;
    }

    div.front-information-right{
        width: 100%;
        margin-top: 10px;
    }

    .front-home-text {
        margin: 12px 0 15px;
    }

    .front-home-img img {
        margin-top: 20px;
        width: 100%;
    }

    .front-about-left {
        width: 100%;
    }

    .front-about-sc {
        font-size: 3.5rem;
    }

    .front-about-flower {
        width: 150px;
        top: -30px;
        left: 150px;
    }

    .front-about-title {
        margin-bottom: 20px;
    }

    .front-link {
        margin-top: 20px;
    }

    .front-link-left {
        width: 100%;
    }

    .front-about-up {
        left: 0px;
    }

    .front-about-img {
        width: 100%;
        margin-top: 20px;
        padding: 20px;
    }

    .front-message-img {
        width: 100%;
    }

    .front-message-flower {
        width: 60%;
        top: 0px;
        z-index: -1;
    }

    .front-message-title {
        font-size: 1.7rem;
        margin-bottom: 15px;
    }

    .front-message-span{
        margin: 10px 0;
    }

    .front-link-right {
        width: 100%;
    }

    .front-anniversary-60 {
        width: 100px;
        margin-right: auto;
    }

    .front-anniversary-flex {
        gap: 0px;
    }

    .front-anniversary-cs {
        font-size: 3.8rem;
    }

    img.front-swiper {
        height: 350px;
        margin-top: -40px;
    }

    img.front-swiper2{
        margin-top: 0;
    }

    .front-anniversary-text {
        text-align: left;
    }

    .front-link-center{
        width: 100%;
    }

    .front-point-text {
        top: 8%;
        width: 75%;
        left: 30px;
    }

    .front-point-sc {
        font-size: 5rem;
        margin-left: 0px;
    }

    .front-point-title{
        margin-left: 0;
    }

    .front-point-flex{
        gap: 10px;
        width: 100%;
        margin-top: 20px;
    }

    .front-point-set{
        width: calc((100% - 10px)/2);
    }

    .front-flow-sc {
        font-size: 4.5rem;
    }

    .front-flow-img {
        width: 50%;
    }

    a.front-flow-contact {
        padding: 4px;
        top: 68%;
    }

    /* .arrow-right-flow{
        display: inline-block;
    }
 */
    .front-flow-flower {
        width: 70%;
        top: auto;
        left: auto;
        bottom: 70px;
        right: 0;
    }

    .front-flow-img::after,.front-flow-line::before{
        display: none;
    }

    .front-flow-box{
        display: none;
    }

    .front-flow-flex{
        margin: 0;
    }

    .front-instagram-flex {
        gap: 10px;
        margin-bottom: 0px;
    }

    .front-flow-flower2{
        right: 0;
        width: 50%;
        top: -140px;
    }

    .front-youtube-flex {
        gap: 0px;
        margin: 0 0 40px;
    }

    .front-youtube {
        width: 100%;
        height: 200px;
    }

    .triangle {
        width: 30px;
        height: 35px;
    }

    .front-instagram-top::after {
        height: 110%;
    }
    
}



/*理事長所信
-----------------------------------------------------------------------------------------*/
.page-top{
    position: relative;
}

.page-text{
    position: absolute;
    top: 61%;
    left: 130px;
}

.page-sc{
    font-size: 3.6rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
    letter-spacing: 5px;
    text-align: left;
}

.page-title{
    font-size: 3.6rem;
    font-weight: 500;
    text-align: left;
}

.message-start-top{
    text-align: left;
    font-size: 1.1rem;
    width: 90%;
    margin: auto;
}

.message-start-flex{
    margin-bottom: 50px;
}

.message-start-img{
    width: 50%;
    margin-left: calc(50% - 50vw);
    object-fit: cover;
}

.message-start-right{
    width: 55%;
}

.message-start-pink{
    padding: 10px 60px;
    margin-bottom: 50px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(229, 120, 155, 1);
}

.message-start-name{
    font-size: 2.4rem;
    font-weight: 500;
    margin-top: 10px;
}

.message-start-box{
    width: 80%;
    margin: auto;
}
.message-start-box p:not(:last-child) {
	margin-bottom: 20px;
}

.flower-img{
    width: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: sub;
}

.message-start-text{
    font-size: 2.1rem;
    font-weight: 500;
    margin: 20px 0;
	color: rgba(228, 0, 119, 1);
}

.message-start-span{
    margin: 20px 0;
    display: block;
}

.message-start-last{
    margin: 20px 0 0;
    display: block;
}

.message-accordion-top{
    width: 90%;
    margin: auto;
}

.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 20px 30px;
	display: block;
	color: rgba(255, 255, 255, 1);
	background:rgba(229, 120, 155, 1);
    text-align: left;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 30px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:40px;
	padding:0 50px;
	overflow: hidden;
    box-shadow: 0 4px 4px rgba(217, 165, 187, 0.35);
}

.content:last-child{
    margin-bottom: 0;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:30px 50px;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

.message-accordion-text{
    font-size: 0.9rem;
    margin-top: 40px;
    text-align: right;
}

.page-footer-top{
    position: relative;
}

.page-footer{
    position: absolute;
    bottom: 300px;
    left: 0;
    z-index: -1;

}

@media screen and (max-width:1200px) {
    .message-start-right {
        width: 62%;
    }

    .message-start-box {
        width: 90%;
        margin: 0 0 0 auto;
    }
}

@media screen and (max-width:1023px) {
    .page-title {
        font-size: 3rem;
    }

    .page-text {
        left: 70px;
    }

    .message-start-img {
        width: 100%;
    }

    .message-start-right{
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .page-footer{
        bottom: 500px;
    }

    .page-text {
        left: 30px;
        top: 63%;
    }

    .page-title {
        font-size: 2rem;
    }

    .page-top{
        padding-top: 50px;
    }

    .page-sc {
        font-size: 3rem;
        line-height: 0.8;
    }

    .message-start-top {
        width: 100%;
    }

    .message-start-pink {
        padding: 10px 40px;
        margin-bottom: 15px;
    }

    .message-start-name {
        font-size: 2.1rem;
        margin-top: 5px;
    }

    .message-start-box {
        width: 100%;
    }

    .message-start-text {
        font-size: 1.8rem;
        margin: 15px 0 10px;
    }

    .message-start-flex {
        margin-bottom: 20px;
    }

    .message-start-span{
        margin: 10px 0;
    }

    .message-accordion-top {
        width: 100%
    }

    .Label {
        padding: 20px 10px;
    }

    .Label span{
        width: 80%;
        display: inline-block;
    }

    .flower-img {
        vertical-align: top;
    }

    .content {
		margin-bottom: 15px;
    }
	
	.toggle:checked + .Label + .content {
		padding: 30px 10px;
	}

    .Label::before {
        right: 20px;
    }

    .message-accordion-text {
        margin-top: 15px;
    }
}


/*お問い合わせ
-----------------------------------------------------------------------------------------*/
.contact-start-top{
    width: 90%;
    margin: auto;
}

.page-link-flex{
    gap: 50px;
    margin-bottom: 150px;
}

.page-link{
    font-weight: 500;
    border: 1px solid rgba(229, 120, 155, 1);
    color: rgba(229, 120, 155, 1);
    padding: 15px;
    border-radius: 10px;
    width: 240px;
    position: relative;
}

.page-link:hover{
    background-color: rgba(229, 120, 155, 1);
    color: rgba(255, 255, 255, 1);
}

.arrow-bottom {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px 3px;
  border-bottom: 2px solid rgba(229, 120, 155, 1);
  border-right: 2px solid rgba(229, 120, 155, 1);
  transform: rotate(45deg);
}

.page-link:hover .arrow-bottom{
    border-bottom: 2px solid rgba(255, 255, 255, 1);
  border-right: 2px solid rgba(255, 255, 255, 1);

}

.contact-start-title{
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 100px;
    color: rgba(228, 0, 119, 1);
}

.contact-main-top{
    width: 90%;
    margin: auto;
}

.contact-main-text{
    font-size: 1.5rem;
    font-weight: 500;
}

.contact-form{
    margin: 50px 0 100px;
}

.contact-title{
    font-weight: 500;
    text-align: left;
    margin-top: 35px;
}

.Required{
    background-color: rgba(0, 169, 178, 1);
    color: rgba(255, 255, 255, 1);
    width: 65px;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
}

.contact-flex{
    gap: 50px;
    margin-top: 10px;
}

.contact-flex div{
    width: calc((100% - 50px)/2);
}

.text-common{
    width: 100%;
    padding: 10px 20px;
    height: 55px;
    margin-top: 20px;
    background-color: rgba(240, 240, 240, 1);
    border: none;
    border-radius: 10px;
}

.area-common{
    width: 100%;
    padding: 20px;
    height: 240px;
    margin-top: 20px;
    background-color: rgba(240, 240, 240, 1);
    border: none;
    border-radius: 10px;
}

.contact-check{
    text-align: left;
    margin-top: 10px;
    font-size: 1.1rem;
    font-weight: 500;
}

span.wpcf7-list-item:first-child{
    margin-left: 0;
}

.name-common{
    background-color: rgba(240, 240, 240, 1);
    border: none;
    padding: 10px 20px;
    height: 55px;
    width: 100%;
    border-radius: 10px;
}

.any{
    background-color: rgba(172, 172, 172, 1);
    color: rgba(255, 255, 255, 1);
    margin-left: 10px;
    width: 65px;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
}

.contact-text{
    font-size: 0.9rem;
    text-align: left;
    margin-top: 10px;
}

.contact-link{
    text-align: left;
    margin-top: 10px;
}

.contact-link a{
    color: rgba(55, 57, 63, 1);
    font-size: 0.9rem;
    display: inline-block;
}

.wpcf7 .wpcf7-submit{
    color: rgba(255, 255, 255, 1);
    background-color: rgba(239, 88, 125, 1);
    border: none;
    font-size: 1.3rem;
    font-weight: 500;
    opacity: 0.5;
    margin: 100px auto 0;
    width: 500px;
    padding: 20px;
    border-radius: 50px;
    display: block;
}

.wpcf7 .wpcf7-submit.active {
    opacity: 1;
}

.contact-privacy{
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(55, 57, 63, 1);
}

@media screen and (max-width:1023px) {
    .contact-start-top{
        width: 100%;
    }

    .contact-main-text {
        font-size: 1.1rem;
    }

    .contact-flex {
        gap: 20px;
    }

    .contact-flex div {
        width: calc((100% - 20px) / 2);
    }
}


@media screen and (max-width:767px) {
    .page-link-flex {
        gap: 10px;
        margin-bottom: 30px;
    }

    .page-link{
        width: calc((100% - 10px)/2);
    }

    .contact-start-title {
        margin-bottom: 20px
    }

    .contact-main-text{
        text-align: left;
    }

    .contact-main-top {
        width: 100%;
    }

    .contact-flex {
        gap: 10px;
        margin-top: 5px;
    }

    .contact-flex div {
        width: calc((100% - 10px) / 2);
    }

    .contact-title {
        margin-top: 15px;
    }

    .contact-form {
        margin: 25px 0;
    }

    .text-common {
        margin-top: 5px
    }

    .wpcf7 .wpcf7-submit {
    margin: 30px auto 0;
    width: 100%;
    }

}


/*プライバシーポリシー
-----------------------------------------------------------------------------------------*/
.privacy-top{
    width: 85%;
    margin: 0 auto;
}

.privacy-title{
    font-size: 1.5rem;
    font-weight: 500;
    padding: 25px 60px;
    background-color: rgba(229, 120, 155, 1);
    color: rgba(255, 255, 255, 1);
    text-align: left;
}

.privacy-text{
    margin: 30px 60px 70px;
}
@media screen and (max-width:1023px) {
    .privacy-top{
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .privacy-title{
        padding: 15px 20px;
    }

    .privacy-text {
        margin: 15px 5px 25px;
    }
}



/*アーカイブ
-----------------------------------------------------------------------------------------*/
.past-top{
    padding-bottom: 100px;
    width: 90%;
    margin: auto;
}

.past-text{
    font-size: 1.5rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 50px;
}

.past-flex{
    gap: 100px;
    margin-bottom: 100px;
    align-items: center;
    text-align: left;
}
.archive-img{
    width: 40%;
    margin: 0;
}

.past-right{
    width: 40%;
    color: rgba(228, 0, 119, 1);
}

.past-year{
    font-size: 2.1rem;
    border-bottom: 1px solid rgba(175, 230, 230, 1);
    padding-bottom: 30px;
    margin-bottom: 30px;

}

.past-right p{
    font-size: 1.1rem;
    color: rgba(55, 57, 63, 1);
}

@media screen and (max-width:1023px) {
    .past-text {
        font-size: 1.3rem
    }

    .past-flex {
        gap: 50px;
    }

    .past-right {
        width: 52%;
    }
}

@media screen and (max-width:767px) {
    .archive-img{
        width: 100%;
    }

    .past-text {
        font-size: 1.1rem;
        margin-bottom: 20px;
    }

    .past-right{
        width: 100%;
    }

    .past-flex {
        gap: 20px;
    }

    .past-year {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .past-flex{
        margin-bottom: 20px;
        gap: 10px;
    }
}


/*相模原青年会議所とは
-----------------------------------------------------------------------------------------*/
.page-link-about{
    gap: 10px;
    justify-content: space-between;
    width: 90%;
    margin: auto;
}

.page-link-about a{
    width: 222px;
}

.about-start-box{
    position: relative;
    width: 90%;
    margin: auto;
}

.about-start-flower{
    position: absolute;
    left: -50px;
    top: 100px;
    width: 200px;
    z-index: -1;
}

.about-start-sc{
    font-size: 5.6rem;
    font-weight: 600;
    color: rgba(231, 66, 145, 1);
    text-align: left;
}

.about-start-title{
    font-size: 1.5rem;
    font-weight: 500;
    color: rgba(229, 120, 155, 1);
    text-align: left;
    margin-bottom: 50px;
}

.about-start-text{
    font-size: 1.5rem;
}

.about-motion-set{
    position: relative;
}

.about-motion-set1{
    margin: 80px 0 20px;

}

.about-rainbow-img{
    width: 60%;
    height: 90px;
    margin-left: calc(50% - 50vw);
}

.about-motion-rainbow{
    font-size: 2rem;
    color: rgba(228, 0, 119, 1);
    position: absolute;
    left: 0;
    top: 23px;
}

.about-flower-img{
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}

.about-motion-title{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
}

.about-motion-flex{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.about-motion-flex:last-child{
    margin-bottom: 0;
}

.about-motion-left{
    width: 42%;
    text-align: left;
}

.about-motion-img{
    width: 40%;
    margin: 0;
}

.about-rainbow-img2{
    width: 40%;
}

.about-nom-top{
    width: 90%;
    margin: auto;
}

.about-nom-flex{
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}

.about-nom-left{
    width: 60%;
}

.about-nom-box{
    margin-bottom: 50px;
    text-align: left;
}

.about-nom-box2{
    text-align: left;
}

.about-nom-img{
    width: 30%;
}

.about-rainbow-img3{
    width: 50%;
}

.about-creed-box{
    text-align: left;
    margin-top: 50px;
}

.about-creed-sub{
    font-size: 1.1rem;
    font-weight: 700;
    margin: 20px 0 10px;
}

.about-creed-top{
    width: 90%;
    margin: auto;
}

.about-creed-red{
    background-color: rgba(239, 88, 125, 1);
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px 5px 0; 
    vertical-align: middle;
}

.about-creed-flex{
    margin-top: 80px;
    gap: 30px;
    justify-content: space-between;
}

.about-creed-left{
    text-align: left;
    width: 62%;

}

.about-creed-span{
    font-weight: 700;
}

.about-creed-img{
    width: 30%;
    object-fit: contain;
    margin: 0;
}

.about-corporation-top{
    position: relative;
    width: 90%;
    margin: auto;
}

.about-corporation-table{
    border-top: 1px solid rgba(166, 221, 224, 1);
}

.about-corporation-table th{
    background-color: rgba(0, 169, 178, 1);
    color: rgba(255, 255, 255, 1);
    padding-left: 50px;
    width: 240px;
    border-left: 1px solid rgba(166, 221, 224, 1);
}

.about-corporation-table td{
    padding-left: 40px;
    width: calc(100% - 240px);
}

.about-corporation-table th,.about-corporation-table td{
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(166, 221, 224, 1);
    border-right: 1px solid rgba(166, 221, 224, 1);
}

.about-corporation-name{
    line-height: 2;
}

.about-public-top{
    position: relative;
    width: 90%;
    margin: auto;
}

.about-public-box{
    padding: 40px;
    text-align: left;
    box-shadow: 1px 4px 4px rgba(217, 165, 187, 0.35);
}

.about-public-box a{
    font-weight: 500;
    color: rgba(55, 57, 63, 1);
}

.about-public-box{
    gap: 40px 0;
}

.about-public-box a{
    width: calc(100% /4);
}

@media screen and (max-width:1400px) {
    .page-link-about{
        width: 100%;
    }
}

@media screen and (max-width:1300px) {
    .about-start-flower{
        left: 20px;
    }

}

@media screen and (max-width:1250px) {
    .page-link-about {
        width: 80%;
        justify-content: center;
        gap: 20px;
    }

    .about-motion-left {
        width: 50%;
    }

    .about-rainbow-img2 {
        width: 50%;
    }

    .about-rainbow-img3 {
        width: 60%;
    }
}


@media screen and (max-width:1023px) {
    .about-start-flower {
        top: 50px;
    }

    .page-link-about {
        width: 100%;
        justify-content: center;
        gap: 20px;
    }

    .page-link-about a {
        width: 205px;
        padding: 15px 5px
    }

    .about-rainbow-img {
        width: 80%;
    }

    .about-start-box{
        width: 100%;
    }

    .about-motion-left {
        width: 55%;
    }

    .about-motion-title {
        font-size: 1.4rem;
    }

    .about-nom-img {
        width: 35%;
    }

    .about-nom-top{
        width: 100%;
    }

    .about-creed-top{
        width: 100%;
    }

    .about-creed-img {
        width: 33%
    }

    .about-corporation-top{
        width: 100%;
    }

    .about-public-top{
        width: 100%;
    }

    .about-public-box a{
        width: calc(100%/3);
    }
}

@media screen and (max-width:767px) {
    .about-start-flower {
        top: 25px;
        width: 170px;
    }

    .page-link-about {
        gap: 10px;
    }

    .page-link-about a {
        width: 210px;
        padding: 12px;
    }

    .about-start-sc {
        line-height: 0.8;
        font-size: 4rem;
    }

    .about-start-title {
        margin-bottom: 15px;
    }

    .about-start-text {
        font-size: 1.2rem;
    }

    .about-motion-set1 {
        margin: 20px 0 15px;
    }

    .about-motion-rainbow {
        top: 15px
    }

    .about-rainbow-img {
        width: 110%;
        height: 70px;
    }

    .about-motion-left{
        width: 100%;
    }

    .about-motion-img {
        width: 80%;
        margin: 10px auto 0;
    }

    .about-motion-title {
        font-size: 1.3rem;
    }

    .about-motion-flex {
        margin-bottom: 25px;
    }

    .about-nom-flex {
        margin-top: 20px;
    }

    .about-nom-left{
        width: 100%;
    }

    .about-nom-box {
        margin-bottom: 20px;
    }

    .about-nom-img {
        width: 70%;
    }

    .about-creed-box {
        margin-top: 20px;
    }

    .about-creed-sub {
        margin: 10px 0;
    }

    .about-creed-left{
        width: 100%;
    }

    .about-creed-flex{
        margin-top: 20px;
        gap: 10px
    }

    .about-creed-left{
        width: 100%;
    }

    .about-creed-img {
        width: 75%;
        margin: auto;
    }

    .about-corporation-table th, .about-corporation-table td {
        display: block;
    }
    
    .about-corporation-table th{
        width: 100%;
        padding: 10px;
    }

    .about-corporation-table td{
        width: 100%;
        padding: 20px;
        border-left: 1px solid rgba(166, 221, 224, 1);
    }

    .about-public-box a{
        width: fit-content;
    }

    .about-public-box {
        gap: 15px;
    }
}

/*賛助企業募集
-----------------------------------------------------------------------------------------*/
.top-90{
    width: 90%;
    margin: auto;
}

.join-support-title{
    font-size: 2.1rem;
    font-weight: 500;
    color: rgba(228, 0, 119, 1);
    position: relative;
    text-align: left;
    margin-bottom: 100px;
}

.join-support-flower{
    position: absolute;
    width: 110px;
    top: -50px;
    left: -50px;
    z-index: -1;
}

.join-support-flex{
    position: relative;
    gap: 50px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;

}

.join-support-left{
    position: relative;
    width: 50%;
}

.join-support-box{
    position: relative;
}

.join-support-sub{
    font-size: 1.5rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 50px;
}

.join-support-img{
    width: 200px;
    position: absolute;
    left: -30px;
    bottom: -30px;
    z-index: -1;
}

.join-support-text{
    margin-top: 15px;
    display: inline-block;
}

.join-overview-top{
    position: relative;
    background-color: rgba(255, 232, 240, 1);
    padding-bottom: 50px;
    z-index: 1;
}

.join-overview-flower{
    left: 30px;
}

.join-overview-img{
    width: 90%;
    height: 90px;
    margin-left: calc(50% - 50vw);
}

.join-overview-text{
    text-align: left;
    width: 70%;
    margin-top: 50px;
}

.joco-overiew-table{
    margin-top: 130px;
}

table td.joco-pink-up{
    position: relative;
    border-top: 7px solid rgba(228, 0, 119, 1);

}

.joco-pink-up::after{
    position: absolute;
    content: 'オススメ！！';
    top: -80px;
    left: 50%;
    width: 70%;
    transform: translateX(-50%);
    background-color: rgba(228, 0, 119, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 1.5rem;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 10px;
}

.joco-pink-up::before{
    position: absolute;
    content: '';
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 20px;
    background-color: rgba(228, 0, 119, 1);
}

.joco-overiew-table th,.joco-overiew-table td{
    padding: 20px;
    height: 80px;
}

.joco-overiew-table th{
    text-align: left;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 169, 178, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    width: 25%;
    
}

.joco-overiew-table td{
    border: 1px solid rgba(0, 169, 178, 1);
    background-color: rgba(255, 255, 255, 1);
    /* width: calc((100% - 25%)/4); */
}

td.joco-overiew-pink{
    border-left: 7px solid rgba(228, 0, 119, 1);
    border-right: 7px solid rgba(228, 0, 119, 1);
    color: rgba(239, 88, 125, 1);
    font-weight: 500;
    font-size: 1.1rem;
    background-color: rgba(214, 253, 255, 1);
    width: 25%;
}

td.joco-pink-last{
    border-bottom: 7px solid rgba(239, 88, 125, 1);
}

.joco-overiew-set{
    width: 400px;
    margin: 20px 0 0 auto;
}

.joco-overiew-last{
    text-align: left;
    line-height: 2;
}

@media screen and (max-width:1300px) {
    .top-90{
        width: 100%;
    }

    .join-overview-img{
        width: 100%;
    }
}


@media screen and (max-width:1023px) {
    .table-wrap{
        overflow-x: scroll;
    }

    .joco-overiew-table{
        border-collapse: collapse;
        white-space: nowrap;
        min-width: 1000px
    }

    .join-support-title {
        font-size: 2rem;
    }

    .join-support-left{
        width: 100%;
    }

    .join-overview-rainbow{
        font-size: 1.5rem;
    }

    .join-overview-img {
        width: 105%;
    }


}

@media screen and (max-width:767px) {
    .join-support-title {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    .join-support-img {
        left: -20px;
    }

    .join-support-sub {
        margin-bottom: 30px;
        font-size: 1.4rem;
    }

    .join-support-text{
        margin-top: 5px;
    }

    .join-support-flex {
        gap: 0px;
        margin-bottom: 30px;
    }

    .join-overview-rainbow{
        font-size: 1.4rem;
        text-align: left;
    }

    .join-overview-text{
        width: 100%;
    }

    .joco-overiew-table th {
        width: 190px;
    }

    .joco-overiew-table th, .joco-overiew-table td {
        padding: 5px 15px;
        height: 50px;
    }

    .joco-overiew-table td {
        width: 150px;
    }

    .joco-overiew-table {
        min-width: 830px;
    }

    td.joco-overiew-pink {
        width: 180px;
    }

    .joco-pink-up::before {
        top: -30px;
    }

    .joco-overiew-set{
        width: fit-content;
    }
}


/*partsお問い合わせ
-----------------------------------------------------------------------------------------*/
.parts-top{
    position: relative;
}

.parts-flex{
    background-color: rgba(232, 254, 255, 1);
    padding: 100px 60px;
    gap: 50px;
    justify-content: space-between;
}

.parts-left{
    font-size: 1.5rem;
    font-weight: 500;
}

.parts-link{
    font-size: 1.2rem;
    font-weight: 500;
    background-color: rgba(228, 0, 119, 1);
    width: 300px;
    padding: 20px;
    border-radius: 10px;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    margin-top: 70px;
}

.parts-link:hover{
    color: rgba(228, 0, 119, 1);
	background-color: rgba(255, 255, 255, 1);
}

.parts-tel{
    font-size: 2.1rem;
    font-weight: 500;
    color: rgba(228, 0, 119, 1);
    margin-bottom: 20px;
    text-align: left;
}

.parts-tel span{
    font-size: 1.5rem;
    margin-right: 20px;
    display: inline-block;
}

.parts-br{
    display: none;
}

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

    .parts-br{
        display: block;
    }
}

@media screen and (max-width:1023px) {
    .parts-br{
        display: none;
    }

    .parts-flex {
        padding: 100px 90px;
    }
}


@media screen and (max-width:767px) {
    .parts-br{
        display: block;
    }
    .parts-flex{
        padding: 20px;
        gap: 15px;
    }

    .parts-left{
        width: 100%;
    }

    .parts-text{
        text-align: left;
    }

    .parts-link{
        width: 100%;
        margin-top: 15px;
    }
    
    .parts-tel{
        margin-bottom: 10px;
    }

    .parts-top {
        padding-bottom: 30px;
    }


}

/*賛助企業紹介
-----------------------------------------------------------------------------------------*/
.company-link-top{
    width: 90%;
    margin: auto;
}

.company-text{
    font-size: 1.1rem;
    font-weight: 500;
    text-align: left;
    line-height: 1.7;
}

.company-link-flex{
    gap: 50px;
    margin-top: 100px;
}

.company-link{
    width: calc((100% - 50px *2)/3);
    background-color: rgba(0, 169, 178, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 1.3rem;
    font-weight: 500;
    height: 130px;
    display: inline-block;
    position: relative;
}

.company-img{
    background-color: rgba(255, 255, 255, 1);
}

.company-link-text{
    position: absolute;
    width: 100%;
    padding: 20px;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
}

.company-contact-top{
    padding: 100px 0 0;
}

@media screen and (max-width:1200px) {
    .company-link-flex {
        gap: 30px;
    }

    .company-link {
        width: calc((100% - 30px* 2) / 3);
        font-size: 1rem;
    }
}


@media screen and (max-width:1023px) {
    .company-link {
        width: calc((100% - 30px) / 2);
    }
}

@media screen and (max-width:767px) {
    .company-link {
        width: 100%;
        font-size: 1.3rem;
        height: 100px;
    }

    .company-link-flex {
        margin-top: 30px;
        gap: 20px;
    }

    .company-contact-top {
        padding: 60px 0 0;
    }

    .company-jome-top {
        padding: 100px 0 0;
    }

    .company-img {
        height: 100px;
    }

}



/*入会案内
-----------------------------------------------------------------------------------------*/
.membership-link-flex{
    gap: 50px;
}

.membership-merit-top{
    position: relative;
}

.membership-merit-flex{
    gap: 50px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}

.membership-merit-flex:last-child{
    margin-bottom: 0;
}

.membership-merit-img{
    width: 40%;
    margin: 0;
}

.membership-merit-right{
    width: 40%;
    position: relative;
}

.membership-merit-bg{
    position: absolute;
    right: -50px;
    top: -10px;
    width: 150px;
}

.membership-merit-bg1{
    top: -100px;
    width: 250px;

}

.membership-merit-sc{
    font-size: 3.1rem;
    font-weight: 600;
    color: rgba(231, 66, 145, 1);
    text-align: left;
    margin-bottom: 20px;
}

.membership-merit-sub{
    font-size: 2rem;
    font-weight: 700;
    color: rgba(0, 169, 178, 1);
    text-align: left;
    margin-bottom: 30px;
}

.membership-flow-top{
    position: relative;
    padding-bottom: 100px;
}

.membership-flow-box{
    position: relative;
    margin: auto;
    width: 90%;
}

.membership-flow-box1{
    margin-top: 100px;
}

.membership-flow-flower{
    position: absolute;
    width: 40%;
    top: -180px;
    right: -50px;
    z-index: -1;
}

.membership-flow-img{
    position: absolute;
    width: 100px;
    top: -50px;
    right: 50px ;
}

.membership-flow-img2{
    width: 130px;
}

.membership-flow-img3{
    width: 90px;
}

.membership-flow-img4{
    width: 200px;
}

.membership-flow-img5{
    width: 130px;
    top: -25px;
}

.membership-flow-sc{
    font-size: 4.4rem;
    font-weight: 600;
    color: rgba(228, 0, 119, 1);
    position: absolute;
    top: -50px;
    left: 0;
}

.membership-flow-title{
    font-size: 1.5rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(229, 120, 155, 1);
    padding: 20px 70px;
    text-align: left;
}

.membership-flow-text{
    box-shadow: 0 4px 4px rgba(217, 165, 187, 0.35);
    text-align: left;
    padding: 50px;
}

.membership-flow-set{
    text-align: center;
    margin: 50px auto 0;
}

.membership-flow-link{
    margin: 0;
}

.membership-flow-clip{
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: rgba(175, 230, 230, 1);
    width: 150px;
    height: 30px;
    margin: 50px auto 50px;
}

.membership-conditions-top{
    padding: 100px 0;
    background-color: rgba(255, 232, 240, 1);
}

.membership-conditions-title{
    width: 90%;
    margin: auto;
}

.jome-condition-table{
    width: 80%;
    margin: auto;
    margin-top: 50px;
}

.jome-condition-table th{
    background-color: rgba(0, 169, 178, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 1.1rem;
    border: 1px solid rgba(255, 255, 255, 1);
    text-align: center;
    width: 30%;

}

.jome-condition-td{
    line-height: 1.8;
    border: 1px solid rgba(0, 169, 178, 1);
    padding-left: 80px;
    text-align: left;
    width: 70%;
}

.jome-condition-table th,.jome-condition-table td{
    height: 160px;
}

.jome-condition-table td span{
    color: rgba(239, 88, 125, 1);
    display: inline-block;
    width: 80px;
}

.jome-table-room{
    margin-left: 80px;
}

.jome-table-small{
    font-size: 10px;
}

.membership-conditions-flex{
    gap: 100px;
    margin-top: 50px;
    justify-content: center;
}

.membership-conditions-link{
    background-color: rgba(229, 120, 155, 1);
}

.membership-famous-top{
    position: relative;
}

.membership-famous-box{
    box-shadow: 0px 4px 4px rgba(217, 165, 187, 0.35);
    padding: 25px 50px 50px;
}

.membership-famous-title{
    font-size: 1.5rem;
    font-weight: 500;
    position: relative;
    margin: 25px 0 10px 20px;
    text-align: left;
}

.membership-famous-title::after{
    position: absolute;
    content: '';
    background-color: rgba(239, 88, 125, 1);
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    border-radius: 50%;
}

@media screen and (max-width:1300px) {
    .membership-merit-flex{
        gap: 100px;
        justify-content: center;
    }

    .membership-famous-box {
        padding: 25px 35px 50px;
    }
}

@media screen and (max-width:1023px) {
    .membership-link-flex {
        gap: 10px;
    }

    .membership-link-flex a{
        width: 210px;
    }

    .membership-merit-flex {
        gap: 50px;
        justify-content: space-between;
    }

    .membership-merit-right {
        width: 52%;
    }

    .membership-merit-sub {
        font-size: 1.6rem;
    }

    .membership-merit-bg{
        right: 0;
        top: -68px;
    }

    .membership-merit-bg1 {
        top: -130px;
        width: 230px;
    }

    .membership-flow-box{
        width: 100%;
    }

    .membership-flow-img {
        top: -65px;
    }

    .membership-flow-text {
        padding: 40px;
    }

    .jome-condition-table{
        width: 100%;
    }

    .jome-condition-td {
        padding-left: 40px;
    }

    .membership-conditions-flex {
        gap: 50px;
    }

}

@media screen and (max-width:767px) {
    .membership-link-flex {
        justify-content: center;
    }

    .membership-merit-img{
        order: 2;
        width: 80%;
        margin: auto;
    }

    .membership-merit-right{
        order: 1;
        width: 100%;
    }

    .membership-merit-sc {
        margin-bottom: 0px;
    }

    .membership-merit-flex {
        gap: 20px;
        margin-bottom: 20px;
    }

    .membership-merit-bg1 {
        top: 5px;
        width: 120px;
    }

    .membership-merit-bg {
        top: -20px;
        width: 120px;
    }

    .membership-flow-title {
        padding: 20px;
    }

    .membership-flow-text {
        padding: 20px;
    }

    .membership-flow-sc {
        font-size: 3.5rem;
        top: -35px;
    }

    .membership-flow-set {
        margin: 20px auto 0;
    }

    .membership-flow-img {
        top: -60px;
        width: 45px;
        right: 0;
    }

    .membership-flow-clip {
        margin: 10px auto 35px;
    }

    .membership-flow-img2 {
        width: 100px;
    }

    .membership-flow-img3 {
        width: 60px;
    }

    .membership-flow-img4 {
        width: 120px;
    }

    .membership-flow-img5 {
        width: 90px;
        top: -50px;
    }

    .membership-flow-top{
        padding-bottom: 40px;
    }

    .membership-conditions-top{
        padding: 40px 0;
    }

    .jome-condition-table{
        margin-top: 15px;
    }

    .jome-condition-table th, .jome-condition-table td {
        display: block;
        width: 100%;
        padding: 10px;
    }

    .jome-condition-table th {
        height: auto;
        border: none;
    }

    .jome-condition-table td {
        height: auto;
    }

    .jome-condition-table td span{
        width: 65px;
    }

    .jome-table-room {
        margin-left: 41px;
    }

    .membership-conditions-flex {
        gap: 20px;
        margin-top: 20px;
    }

    .membership-famous-box{
        padding: 20px;
    }

    .membership-famous-title {
        margin: 10px 0 5px 20p
    }

}


/*サイトマップ
-----------------------------------------------------------------------------------------*/
.site-box{
    padding: 40px 60px;
    text-align: left;
}

.site-box a{
    font-size: 1.5rem;
    font-weight: 500;
    color: rgba(0, 169, 178, 1);
    display: block;
    margin-bottom: 20px;
}

.site-triangle{
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    background-color: rgba(175, 230, 230, 1);
    width: 20px;
    height: 25px;
    display: inline-block;
    margin-right: auto;
}

a.site-triangle-link{
    margin-left: 10px;
    display: inline-block;
}

.site-link{
    margin-left: 70px;
    width: 60%;
}

.site-left{
    width: 60%;
}

.site-link2{
    margin-left: 70px;
}

.site-br{
    display: block;
}
@media screen and (max-width:1023px) {
    .site-box {
        padding: 30px 0;
    }
}

.site-link {
    width: 50%;
}

@media screen and (max-width:767px) {
    .site-box {
        padding: 15px 0;
    }

    .site-box a {
        margin-bottom: 10px;
    }

    .site-link {
        width: 70%;
        margin-left: 50px;
    }

    .site-link-sp{
        margin-left: 50px;
    }

    .site-link2{
        margin-left: 50px;
    }

    .site-left {
        width: 100%;
    }
}


/*anniversary
-----------------------------------------------------------------------------------------*/
.anniversary-top{
    background-color: rgba(0, 44, 97, 1);
    color: rgba(255, 255, 255, 1);
}

.pos-rel{
    position: relative;
}

.anniversary-flex{
    gap: 50px;
    padding: 40px;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.anniversary-link{
    gap: 16px;
    align-items: center;
    width: calc(100% - 350px - 50px);
    justify-content: space-between;
}

.anniversary-link a{
    color: rgba(255, 255, 255, 1);
}

a.anniversary-blue{
    background-color: rgba(68, 111, 162, 1);
    width: 150px;
    padding: 10px;
    box-shadow: 5px 5px 0px rgba(0, 44, 97, 1);
    color: rgba(255, 255, 255, 1);
    border-radius: 20px;

}

a.anniversary-red{
    background-color: rgba(255, 255, 255, 1);
    color: rgba(11, 60, 1, 1);
    padding: 10px;
    width: 150px;
    box-shadow: 5px 5px 0px rgba(0, 44, 97, 1);
    background-color: rgba(255, 255, 255, 1);
    color: rgba(11, 60, 1, 1);
    border-radius: 20px;
}

.anniversary-img{
    width: 90%;
    margin: 0;
}

.anniversary-decoration1{
    position: absolute;
    width: 30%;
    top: 150px;
    right: 0;
    z-index: 1;
}

.anniversary-decoration2{
    position: absolute;
    width: 17%;
    left: 0;
    bottom: -100px;
    z-index: 1;
}

.anniversary-top-text{
    position: absolute;
    color: rgba(211, 194, 0, 1);
    font-size: 5.2rem;
    top: 50%;
    left: 10%;
    z-index: 10;
    text-shadow: 10px 10px 10px rgba(8, 8, 8, 0.8);

}

.anniversary-top-text p{
    font-size: 1.7rem;
}

.anniversary-top-text p span{
    font-size: 2.5rem;
    padding-left: 20px;
}

.anniversary-message-top{
    padding: 300px 0 0;
}


.anniversary-message-title{
    font-size: 5rem;
    color: rgba(68, 111, 162, 1);
    text-align: left;
}

.anniversary-message-title p{
    line-height: 0;
    
}

.anniversary60-title{
    font-size: 2rem;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}

.anniversary-message-img{
    width: 30px;
    display: inline;
    vertical-align: middle;
}

.anniversary-message-post{
    font-size: 1.1rem;
}

.anniversary-message-name{
    font-size: 2.4rem;
    font-weight: 600;
}

.anniversary-message-frame{
    position: absolute;
}

.anniversary-message-box{
    width: 90%;
    margin: 70px auto;
}

.anniversary-message-man{
    width: 31%;
    position: absolute;
    top: -410px;
    left: 50%;
    transform: translateX(-50%);
}

.anniversary-message-inner{
    width: 90%;
    padding: 100px 0 50px;
    margin: auto;
}

.anniversary-message-text{
    font-size: 1.1rem;
    margin-top: 35px;
    text-align: left;
    /* line-height: 2; */
}

.anniversary-message-text span{
    padding-top: 30px;
    display: inline-block;
}

.anniversary60-top{
    padding: 200px 0 0;
}

.anniversary-60{
    font-size: 8rem;
    color: rgba(68, 111, 162, 1);
}

.anniversary-60-logo{
    width: 40%;
    margin-top: 50px;
}

.anniversary60-logo-title{
    margin: 100px auto 0;
    text-align: left;
    width: 70%;
}

.anniversary60-logo-text{
    font-size: 1.1rem;
    margin-top: 20px;
    line-height: 1.8;
}

.anniversary-history-flex{
    margin-top: 80px;
    justify-content: space-between;
}

.anniversary-history1965{
    font-size: 9rem;
    color: rgba(183, 158, 124, 1);
    width: 40%;
    text-align: left;
}

.anniversary-history-line{
    position: absolute;
    width: 70%;
    top: 170px;
    left: 100px;
}

.anniversary-history-rigth{
    width: 60%;
    margin-top: 120px;
    
}

.anniversary-history-text{
    font-size: 1.1rem;
    line-height: 2.5;
    text-align: left;
}

.anniversary-history2025{
    font-size: 9rem;
    color: rgba(211, 194, 0, 1);
    margin: 170px 0 0 300px;
}

.anniversary-history{
    width: 35%;
    position: absolute;
    bottom: -200px;
    left: 0;
}

.anniversary-swiper-top{
    padding: 350px 0 100px;
}

.mySwiper3 .swiper-wrapper{
    align-items: center;
}

.swiper-text{
    font-size: 2.4rem;
    position: relative;
}

.swiper-text span{
    font-size: 1.1rem;
    padding-right: 30px;
}

div.mySwiper3 .swiper-slide {
    transform: scale(.8); /* 左右のスライドを小さくする */
    transition: .7s; /* ゆっくり小さくさせる */
  }
   .swiper-img{
    height: auto;
    width: 100%;
  }
  .mySwiper3 .swiper-slide.swiper-slide-active {
    transform: scale(1.1); /* 中央のスライドは小さくしない */
    z-index: 1; /* 中央のスライドを一番上にする */
  }

.mySwiper3 .swiper-slide-active .swiper-text::after{
    position: absolute;
    content: '';
    clip-path: polygon(0 0, 100% 50%, 0 100%, 25% 50%);
    top: 25px;
    right: 60px;
    width: 30px;
    height: 15px;
    background-color: rgba(68, 111, 162, 1);

}

div.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: static;
  margin-top: 50px;
}

.anniversary-history-bg{
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
}

.anniversary-movie-top{
    padding: 200px 0;

}

.anniversary-movie{
    width: 80%;
	aspect-ratio: 16/9;
    margin-top: 150px;
}

.anniversary-decoration-last{
    position: absolute;
    top: -200px;
    right: 0;
    width: 30%;
}

.anniversary-sdd{
    color: rgba(255, 255, 255, 1);
}

.anniversary-footer-top{
    margin-top: -2px;
    background-color: rgba(0, 29, 65, 1);
    padding: 120px 0 30px;
}

.anniversary-footer-logo{
    width: 60%;
    display: block;
}

.anniversary-footer-flex{
    align-items: center;
    text-align: left;
    width: 90%;
    margin: auto;
    margin-top: 40px;

}

div.anniversary-footer-link a{
    color: rgba(255, 255, 255, 1);
}

.anniversary-footer-copy{
    text-align: left;
    margin-top: 50px;
    color: rgba(255, 255, 255, 1);
}

.anniversary-footer-img{
    gap: 15px;
    margin-top: 45px;
}


.header-hamburger-anniversary{
    display: none;
}

.footer-anniversary-flex{
    gap: 30px;
    margin-top: 30px;
}

.anniversary-color{
    display: none;
}

.anniversary-footer-button{
    text-align: center;
}

.footer-anniversary{
    background-color: rgba(0, 44, 97, 1);
    color: rgba(255, 255, 255, 1);
    padding: 10px;
    font-size: 1.4rem;
    width: 250px;
    font-weight: 500;
    display: inline-block;
    border-radius: 50px;
    transition: .3s;
    display: block;
    box-shadow: 5px 5px 0px rgba(0, 44, 97, 0.7);
    border: 1px solid rgba(0, 74, 164, 1);
}

.anniversary-footer-img a{
    width: 50px;
}

.anniversary-footer-add{
	font-size: 1.1rem;
	width: 400px;
	text-align: left;
	line-height: 2;
}




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

    .anniversary-message-inner {
        padding: 100px 50px 50px;
        border: 2px solid rgba(211, 194, 0, 1);
        position: relative;
    }

    .anniversary-message-inner::after{
        position: absolute;
        content: '';
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        top: -10px;
        left: -10px;
        border: 2px solid rgba(211, 194, 0, 1);
    }

    .anniversary-message-frame{
        display: none;
    }

    .anniversary-message-man {
        top: -340px;
        z-index: 1;
    }
    
    .anniversary-footer-flex{
        align-items: flex-start;
        position: relative;
    }

    .anniversary-footer-button{
        position: absolute;
        bottom: 20px;
        right: 10%;
    } 

    .mySwiper3 .swiper-slide-active .swiper-text::after {
        right: 35px;
    }



} 

@media screen and (max-width:1200px) {
    .anniversary-decoration1 {
        width: 30%;
    }

    .anniversary-top-text {
        font-size: 4.5rem;
        top: 45%;
        left: 7%;
    }

    .anniversary-message-man {
        width: 35%;
        top: -370px;
    }

    .anniversary-message-top {
        padding: 150px 0 0;
    }

    .anniversary-message-box {
        width: 100%;
        margin: 270px auto 0;
    }

    .anniversary-60 {
        font-size: 6rem;
    }

    .anniversary-history1965 {
        font-size: 6rem;
    }    

    .anniversary-history2025 {
        margin: 30px 0 0 250px;
        font-size: 6rem;
    }    

    .anniversary-history-rigth {
        width: 60%;
        margin-top: 80px;
    }    

    .anniversary-history-line {
        top: 145px;
    }

    .anniversary-footer-img {
        gap: 20px;
    }

    .swiper-text {
        font-size: 2rem;
    }

    .swiper-text span {
        font-size: 1rem;
        padding-right: 15px;
    }

    .mySwiper3 .swiper-slide-active .swiper-text::after {
        top: 20px;
        right: 20px;
    }

    .anniversary-footer-button {
        bottom: 50px;
        right: 0%;
    }
}

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

    .anniversary-message-inner {
        width: 100%;
        padding: 100px 30px 50px;
    }


    .anniversary-top-text {
        font-size: 3.2rem;
    }

    .anniversary-top-text p {
        font-size: 1.5rem;
    }

    .anniversary-top-text p span {
        font-size: 2rem;
    }

    .anniversary-message-title {
        font-size: 4rem;
    }

    .anniversary60-title {
        font-size: 1.7rem;
    }

    .anniversary-decoration2 {
        width: 20%;
    }

    .anniversary-message-top {
        padding: 100px 0 0;
    }

    .anniversary-message-man {
        top: -290px;
        width: 45%;
    }

    .anniversary-message-box {
        margin: 240px auto 0;
    }

    .anniversary-message-text {
        font-size: 1rem;
    }

    .anniversary-message-frame {
        height: 1340px;
    }

    .anniversary-60 {
        font-size: 5rem;
    }

    .anniversary-60-logo {
        width: 70%;
    }

    .anniversary-history-text {
        font-size: 1rem;
    }

    .anniversary-history-line {
        width: 70%;
        left: 50px;
    }

    .anniversary-history2025 {
        margin: 30px 0 0 150px;
        font-size: 5rem;
    }

    .anniversary-history-rigth {
        width: 65%;
        margin-top: 30px;
    }

    .anniversary-history1965 {
        font-size: 5rem;
        width: 30%;
    }

    .swiper-text {
        font-size: 1.5rem;
    }

    .swiper-text span {
        font-size: 0.9rem;
        padding-right: 7px;
    }

    .mySwiper3 .swiper-slide-active .swiper-text::after {
        top: 12px;
        right: 15px;
        width: 20px;
    }

    .anniversary-movie {
        width: 100%;
    }

    .anniversary60-logo-title {
        width: 90%;
    }

    .anniversary-footer-link2{
        display: none;
    }

    .anniversary-footer-button{
        display: none;
    }
}

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

    .anniversary-img {
        height: 300px;
        object-fit: cover;
    }

        .anniversary-img {
        width: 100%;
    }


    .anniversary-top-text {
        font-size: 2.6rem;
        top: 35%;
    }

    .anniversary-top-text p {
        font-size: 1.3rem;
    }

    .anniversary-top-text p span {
        font-size: 1.5rem;
        padding-left: 10px;
    }

    .anniversary-decoration1 {
        width: 55%;
        top: 230px;
    }

    .anniversary-decoration2 {
        width: 30%;
        bottom: -90px;
    }

    .anniversary-message-top {
        padding: 100px 0 0;
    }

    .anniversary-message-man {
        top: -200px;
        width: 65%;
    }

    .anniversary-message-box {
        margin: 215px auto 0;
    }

    .anniversary-message-text {
        margin-top: 15px;
    }

    .anniversary-message-text span {
        padding-top: 10px;
    }

    .anniversary-message-frame {
        display: none;
    }

    .anniversary-message-inner {
        padding: 60px 20px 20px;
        width: 100%;
    }
    .anniversary60-top {
        padding: 40px 0 0;
    }

    .anniversary-60 {
        font-size: 3.5rem;
    }

    .anniversary-60-logo {
        width: 80%;
        margin-top: 20px;
    }

    .anniversary-message-title {
        font-size: 3.3rem;
    }

    .anniversary60-title {
        font-size: 1.5rem;
    }

    .anniversary-history-flex {
        margin-top: 30px;
    }

    .anniversary-history1965 {
        width: 90%;
        margin-left: 30px;
        position: relative;
    }

    .anniversary-history-line{
        display: none;
    }

    .anniversary-history-rigth {
        width: 90%;
        margin-top: 5px;
        margin-left: auto;
    }

    .anniversary-history-text {
        font-size: 0.8rem;
        list-style: 3;
    }

    .anniversary-history2025 {
        margin: 20px 0 0 0px;
        font-size: 5rem;
        text-align: left;
        position: relative;
    }

    .anniversary-history2025::after {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 40%;
        left: -30px;
        background-color: rgba(255, 255, 255, 1);

    }

    .anniversary-history1965::after {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 40%;
        left: -28px;
        background-color: rgba(255, 255, 255, 1);
    }

    .anniversary-history1965::before {
        position: absolute;
        content: '';
        border-left: 2px dashed rgba(255, 255, 255, 1);
        height: 260px;
        top: 40%;
        left: -24px;
    }

    .anniversary-history {
        width: 100%;
        position: absolute;
        bottom: -100px;
        left: 0;
    }

    .anniversary-history {
        width: 100%;
        bottom: -100px;
    }

    .swiper-text {
        font-size: 2rem;
        text-align: center;
    }

    .anniversary-swiper-top {
        padding: 200px 0 0px;
    }

    .mySwiper3 .swiper-slide-active .swiper-text::after {
        top: 15px;
        right: 10px;
    }

    .anniversary-decoration-last {
        position: absolute;
        top: -85px;
        width: 40%;
    }

    .anniversary-message-title {
        font-size: 3.3rem;
    }

    .anniversary-movie-top {
        padding: 100px 0 30px;
    }

    .anniversary-movie {
        margin-top: 30px;
    }

    .anniversary-footer-top {
        padding: 30px 0 30px;
    }

    .anniversary-footer-logo {
        width: 70%;
    }

    .anniversary-footer-img {
        gap: 10px 15px;
        margin-top: 20px;
        width: 50%;
    }

    .footer-anniversary-flex {
        bottom: 80px;
        right: 20px;
    }

    .anniversary-footer-copy {
        margin: 30px 0;
    }

    .anniversary60-logo-title {
        margin: 30px auto 0;
        width: 100%;
    }

    div.anniversary-footer-link3{
        display: block;
        position: absolute;
        bottom: 100px;
        right: 0;
    }
    
    div.anniversary-footer-link3 a{
        margin-bottom: 5px;
    }


    .anniversary-footer-flex{
        width: 100%;
    }


}