@charset "utf-8";

section {
    .wrap {
        padding:90px 0;
        .contents {
            h2 {
                font-size:1.8rem;
                display:grid;
				grid-row-gap:1em;
				margin-bottom:2.5em;
				.font_en {
					font-size:6.6rem;
					color:var(--color_main);
				}
            }
        }
    }
}

#page_link {
    .wrap {
        .contents {
            .page_link_list {
                display:grid;
                font-size:1.6rem;
                li {
                    a {
                        color:var(--color_main);
                        border:1px solid var(--color_main);
                        display:grid;
                        grid-template-columns:auto .25em;
                        height:3.6em;
                        align-items:center;
                        justify-content:center;
                        grid-column-gap:1em;
                        
                    }
                }
            }
        }
    }
}

@media ( hover:hover ){

    #page_link {
        .wrap {
            .contents {
                .page_link_list {
                    li {
                        a {
                            img {
                                transition:.3s;
                            }
                            &:hover {
                                opacity:1;
                                background-color:var(--color_main);
                                color:var(--color_white);
                                img {
                                    -webkit-filter: brightness(0) invert(1);
                                    filter: brightness(0) invert(1);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
	
}


/* =================================================================
    section
================================================================= */


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

}

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

    section {
        .wrap {
            padding:60px 0;
			.contents {
				h2 {
					.font_en {
						font-size:5.0rem;
					}
				}
			}
        }
    }
	
}

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

    section {
        .wrap {
            padding:45px 0;
            .contents {
				h2 {
					font-size:1.6rem;
					.font_en {
						font-size:4.0rem;
					}
				}
            }
        }
    }
	
}