@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Noto+Serif+JP&display=swap');

/* ===================================================================

 file name  :  beauty.css

=================================================================== */
.main{ padding: 30px 0 0;}
article .lead{ margin: 0; padding: 0 15px; font-family: "Noto Serif JP", serif; line-height: 1.8;}
section{ margin: 30px 0 0; padding: 40px 0 0; background: url("/sp/img/blt.gif") no-repeat top center; background-size: contain;}
.cs{ padding: 0 0 3em; text-align: center; line-height: 1.8; font-size: 12px;}
section h2{ margin: 0 0 30px; color: #b38d41; text-align: center; font-size: 20px;}
.box{ margin: 15px 0 0; overflow: hidden; padding: 0 0 32px;}
.box img{ width: 100%;}
.course{ margin: -50px 0 0; padding: 65px 0 0;}
.course h3{ background: #f1ede6; border-top: 3px double #e0c898; padding: 15px;}
table{ width: 100%; border-top: 1px solid #e0c898; border-collapse: collapse; font-size: 13px; line-height: 1.5;}
table td{ padding: 15px; border-top: 1px solid #e0c899; border-collapse: collapse;}
.list-menu{ padding: 0 15px;}
.list-menu li{ margin: 10px 0 0;}
.list-menu li:first-child{ margin: 0;}
.list-menu a{ position: relative; display: block; padding: 15px; background: #b38d41; color: #fff;}
.list-menu a:after{
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    margin-top: -2px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.note{ margin: 30px 0 0; padding: 0 15px 30px;}
.note li{ padding-left: 1em; text-indent: -1em; line-height: 1.8;}
.hide{ display: none;}

.main nav ul{ margin: 30px 0 0; padding: 0 0 15px; border-top: 1px solid #e9e1d1;}
.main nav ul li{ display: inline-block; width: 50%; border-bottom: 1px solid #e9e1d1;}
.main nav ul li:nth-child(odd){ border-right: 1px solid #e9e1d1;}
.main nav ul li a{ position: relative; display: block; padding: 15px;}
.main nav ul li a:after{
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #b38d41;
    border-bottom: 1px solid #b38d41;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.campaign{ margin: 0; padding: 30px 15px; background: url("/sp/service/img/img_campaign1712-2.png") no-repeat top center / cover; color: #7a6a56; line-height: 1.5;}
.campaign h2 + p{ font-weight: bold; text-align: center;}
.campaign .box{ padding: 15px; background: radial-gradient(ellipse at center, rgba(253,249,237,1) 0%,rgba(216,204,191,1) 100%);}
.campaign .box p{ margin: 15px 0 0; font-size: 13px;}
.campaign .box + p{ margin: 15px 0 0; font-size: 13px;}
.campaign dt{ color: #1d2088; text-align: center; font-size: 16px;}
.campaign dd{ text-align: center; font-weight: bold;}
.campaign dd span{ font-size: 20px;}
.campaign dd em{ display: inline-block; margin: 0 0 0 10px; color: #1d2088;}