@charset "UTF-8";
:root {
 --gold: #BEA06E;
 --pink: rgba(255,115,134,.8);
 --white: #FAFAFA;
 --font: #505050;
}
html{
 font-size: 62.5%;
}
body{
 font-size: 1.4em;
 color: var(--font);
 background: var(--white);
 font-family: "Noto Serif JP",'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
 line-height: 1;
 letter-spacing: .05em;
}
a{
 color: var(--white);
 text-decoration: none;
}
img{
 max-width: 100%;
 height: auto;
 vertical-align: bottom;
}
section{
 padding: 70px 4% 20px;
}
.inner{
 max-width: 660px;
 margin: 0 auto;
}
.flexB{
 display: flex;
 justify-content: space-between;
}

/* btn */
.btn{
 background: var(--pink);
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
}
.btn a{
 display: block;
 padding: 20px;
 text-align: center;
 font-size: 1.8rem;
}
.btn a::before{
 content: "";
 display: inline-block;
 width: 26px;
 height: 22px;
 background: url(../images/mail.svg) center/cover;
 vertical-align: sub;
 margin-right: 5px;
}

/* header */
header{
 padding: 10px 20px;
}

/* mv */
.mv{
 height: 80vh;
 background: url(../images/mainVisual.webp) center/cover;
 position: relative;
 padding: 0 8%;
 font-weight: normal;
}
.mv h1{
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 font-size: 2.6rem;
 line-height: 1.6;
 color: var(--white);
 text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
 font-weight: normal;
}
@media(min-width:660px) {
 .mv{
  height: 60vh;
  background:url(../images/mainVisual_pc.webp) center/cover;
 }
 .mv h1{
  font-size: 3vw;
 }
}
/* nav */
.nav{
 background: var(--pink);
 padding: 0 4%;
}
.nav ul{
 list-style: none;
 max-width: 660px;
 margin: 0 auto;
}
.nav ul li{
 position: relative;
 width: 33.3333%;
 text-align: center;
}
.nav ul a{
 display: block;
 padding: 20px 0;
 font-size: 1.8rem;
}
.nav ul li::before{
 content: "";
 display: block;
 width: 1px;
 height: 26px;
 background: var(--white);
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
}
.nav ul li:last-child::before{
 content: none;
}

/* section */
.ttl{
 font-family: 'Allura', cursive;
 font-size: 3.6rem;
 font-weight: normal;
 text-align: center;
 margin-bottom: 40px;
 color: var(--gold);
}
section p{
 line-height: 1.8;
 text-align: justify;
 margin-bottom: 20px;
}

/* course */
.course{
 border: 2px solid var(--gold);
 padding: 20px 14px;
 margin-bottom: 30px;
}
.course h3{
 font-size: 1.8rem;
 color: var(--gold);
 margin-bottom: 20px;
 font-weight: normal;
 line-height: 1.6;
}
.course_image{
 padding: 0 20px;
 margin-bottom: 30px;
}
table{
 border-top: 1px solid var(--gold);
 width: 100%;
 padding-top: 10px;
}
th{
 width: 60%;
 text-align: left;
}
td{
 width: 40%;
 padding: 5px 0;
 color: var(--gold);
 font-size: 1.6rem;
}

/* option */
.opt_ttl{
 background: var(--gold);
 border-radius: 5px;
 color: var(--white);
 display: inline-block;
 padding: 5px;
 margin-bottom: 20px;
}
.opt{
 margin-bottom: 40px;
}
.opt h4{
 color: var(--gold);
 margin-bottom: 10px;
}

/* about us */
.about{
 padding-left: 0;
 padding-right: 0;
}
.about dt{
 padding: 15px 14px;
 background: #fbf8f0;
 color: var(--gold);
}
.about dd,.about p{
 padding: 10px 14px;
 line-height: 1.8;
}
.about a{
 color: var(--font);
}
.about .map{
 position: relative;
 width: 100%;
 height: 0;
 padding-top: 66.6%;
}
.about .map iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* footer */
footer{
 background: var(--gold);
 color: var(--white);
 padding: 20px 0 80px;
 text-align: center;
}