@charset "utf-8";

body {
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 2;
        	font-size:15.5px;
        	font-color: #343a40;
        	font-family: "Marcellus","Sawarabi Mincho","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",cursive, Helvetica, Arial, sans-serif;
}

body::before {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background:url('../images/bg.jpg') no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    content:"";
}

		a {	color:#52adcc;}
		a:visited { color: #52adcc;}
		a:hover { color: #C490BF; }
		a:active { color: #000000; }

        
        /* @media (max-width: 576px) {
		.content-wrapper {max-width: 90%; }
		}
        */
        
        .content-wrapper {
            min-height: 100vh;
            background-color: #fff;
            margin: 0 auto; /* 中央に配置 */
            padding: 5%; /* 必要に応じてパディングを追加 */
        }
        

        
        h1 {font-size: 2.5rem;
        text-align: center;
        position: relative;
        padding:1em;
        font-family: "Kaisei Decol";
        border-bottom:1px dotted #000;
        }

        .fade-in {
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
        .fade-in.visible {
            opacity: 1;
        }