@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Shippori+Mincho&display=swap');

*{
margin:0;
padding:0;
list-style:none;
box-sizing:border-box;
}

html {
    background: transparent;
    font-size: 62.5%;
}

body{
background: #efefef;
font-family:'Dancing Script', 'Shippori Mincho', sans-serif;
font-size: 1.4rem;
letter-spacing: 0.1rem;    line-height: 1.8;
color:#555;
}

a{color:#ffb6c1;
text-decoration:none;
}

a:visited {color:#BFC5CA;}

header{
background-color: #efefef;
width:100%;
margin:0 auto;
padding:2rem 2rem .5rem;
display:inline-block;
text-align:center;
border-bottom:1px solid #555;
position:relative;
}

header:before, header:after{
content:'';
top:100%;
left:50%;
border:transparent 10px solid;
 -webkit-transform:translateX(-50%);
transform:translateX(-50%);
position:absolute;
}
 
header:before{
border-top:#555 10px solid;}
 
header:after{
margin-top:-1.5px;
border-top:#efefef 10px solid;
}

h1{
font-size:1.8rem;
font-weight:normal;
}

h2{
font-size:1.4rem;
text-align:center;
}

h2:after{
content:'';
display:block;
width:8px;
height:8px;
margin:.25rem auto 1rem;
border-bottom:#555 solid 1px;
border-left:#555 solid 1px;
 -webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

 section{
    width: 50%;
     min-width: 600px;
margin: auto;
 padding:1.5rem;
 }

/* レスポンシブ調整用 */
/* タブレットなど */
@media screen and (max-width:1300px) {
    .box {
        margin: 5vh auto;
    }
    .columns {
        columns: 2;
    }
}
/* スマホなど */
@media screen and (max-width:800px) {
    body {
        font-size: 1.3rem;
    }
 section{
        width: 90%;
         min-width: 200px;
         max-width: 500px;
        margin: auto;
    }
}