/* header */
html {scroll-behavior: smooth;}
html.hold {overflow: hidden;}
header {position: fixed;height: 70px;background-color: #fff;width: 100%;left:0;top:0;padding:0 30px;box-sizing: border-box;font-size: 20px;z-index: 1000;}
header ul {display: flex;justify-content: space-between;height: 70px;align-items: center;}
header ul li {width: 350px}
header ul li:first-child {font-size: 15px;}
header ul li:first-child a {display: flex;align-items: center;gap: 4px;white-space: nowrap;}
header ul li:first-child a span {font-family: "BMHANNA_ttf", "BMHANNA_otf";font-size: 28px;}
header ul li:nth-child(2) {display: flex;justify-content: space-between;gap: 50px;width: auto;;}
header ul li:nth-child(2) div a {white-space: nowrap;}
header ul li:nth-child(2) div:hover a {font-weight: bold;color:#4bbdc0}
header ul li:last-child {text-align: right;}

/* footer */
footer {border-top: 1px solid #7f2323;padding:50px 0 60px}
footer .grid {align-items: center;}
footer .grid > div:nth-child(2){margin-right: 10px;}
footer .grid > div:nth-child(2) img{width: 40px;}
footer span {display: block;line-height: 1.6;font-size: 17px;color:#7c7c7c;}

/* common */
.w1300 {width: 1300px;margin:auto;}
.font {font-family: "BMHANNA_ttf", "BMHANNA_otf";}
.font.line {display: inline-block;position: relative;z-index: 100;}
.font.line::after {position: absolute;bottom:4px;left:0;width: 100%;height: 14px;background-color: #86d9db;content: '';z-index: -1;}
.point {color:#4bbdc0}
.grid {display: flex;justify-content: space-between;}
.center {text-align: center;}
.pc {display: block;}
.mo {display: none;}

@media (max-width:1780px) {
    .w1300 {padding-left: 30px;padding-right: 30px;box-sizing: border-box;}
}