@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Sarpanch:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');

html {
	font-family: "Bodoni Moda", serif;
    background: transparent;
    font-size: 80%;
    color: #484d5a;
}


body{
	margin: 6rem 10rem;
    line-height: 2rem;
    letter-spacing: 0.05em;
    text-align: left;
    background: #ffffff;
    font-size: 1.2rem;
 }
/*リンク*/
a {
	text-decoration: none;
	color: #484d5a;
}
/*こんてな*/
.main {
     margin: 4rem 0;
 }

h2{  
	display: flex;
    align-items: right;
    margin: 1em 0;
    font-size: 1.2em;
    margin: 5rem 0 3rem;
	font-weight: normal;
}

h2::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 1.5em;
    margin-right: 1.5em;
    background: #64B73B;
    border-radius: 3px;
}

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

body {
	letter-spacing: 0.08rem;
	margin: 0 3.5rem 5rem;
	font-size: 1rem;
}
/*こんてな*/
.main {
     margin: 2rem 0;
 }

h2{
 margin: 3rem 0 2rem;
}

}


@media (max-width: 350px)
{
	body {
	margin: 5rem 2rem;
	font-size: 0.9rem;
}
}