@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800&family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* ========================================================================

  index.css

======================================================================== */
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:62.5%; }
body { font-size:16px; font-size:1.6em;  } /* =16px */
hr { display:none; }
a[href^='tel:'] { pointer-events:none; }
/* ============ smart phone ============ */
@media (max-width:750px){
a[href^='tel:'] { pointer-events:auto; }
}
/************************************************************************
  PC/SP
************************************************************************/
.pc-only { display:initial !important; }
.pcOnly { display:initial !important; }
.sp-only { display:none !important; }
.spOnly { display:none !important; }

/* ============ smart phone ============ */
@media (max-width:750px){
.pc-only { display:none !important; }
.pcOnly { display:none !important; }

.sp-only { display:initial !important; }
.spOnly { display:initial !important; }
}
/************************************************************************
  font
************************************************************************/
.m-plus-rounded-1c-regular { font-family:"M PLUS Rounded 1c", sans-serif; font-weight:400; font-style:normal; }
.m-plus-rounded-1c-bold { font-family:"M PLUS Rounded 1c", sans-serif; font-weight:700; font-style:normal; }
.m-plus-1p-regular { font-family:"M PLUS 1p", sans-serif; font-weight:400; }
:root {
--noto-sans-jp:"Noto Sans JP", sans-serif;
--m-plus-rounded-1c:"M PLUS Rounded 1c", sans-serif;
--m-plus-1p:"M PLUS 1p", sans-serif;
--font-family-basic:"Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* { font-family:var(--m-plus-rounded-1c); }

.black, .black * { font-weight:900 !important; }
.bold, .bold * { font-weight:700 !important; }
/************************************************************************
  header
************************************************************************/
header * { font-family:var(--font-family-basic); }
header a { text-decoration:none; }
.l-header {
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    padding-left:25px;
    background-color:#fff;
    -webkit-box-shadow:0 5px 15px -15px #000;
    box-shadow:0 5px 15px -15px #000;
}
.l-header__logo {
    display:block;
    width:175px;
}
.l-header__btn {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:270px;
    height:80px;
    padding:22px 50px 18px 20px;
}

.l-header__btnWrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.l-header__btn--barcode {
    color:#fff;
    background-color:#D9342C;
}
.l-header__btn::before {
    position:absolute;
    top:50%;
    right:20px;
    z-index:1;
    width:18px;
    height:22px;
    content:"";
    background:url(../img/icon_pdf.webp) no-repeat center center;
    background-size:cover;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}

.l-header__icon {
    width:31px;
    margin-right:10px;
}
.l-header__ttl {
    font-size:18px;
    font-weight:700;
    line-height:1;
}
.l-header__text {
    margin-top:4px;
    font-size:13px;
    font-weight:700;
    line-height:1;
}

.l-header__btn--receipt {
    width:250px;
    color:#D9342C;
    background-color:#fff697;
}
.l-header__btn--receipt::before {
    right:10px;
    width:14px;
    height:18px;
    background:url(../img/icon_arrow.webp) no-repeat center center;
    background-size:cover;
}
/* ============ smart phone ============ */
@media (max-width:750px){
.l-header { padding-left:0; height:calc(130/750*100vw); }
.l-header__logo { padding-left:calc(50/750*100vw); width:calc(235/750*100vw); }
.l-header__logo img { width:100%; height:auto; }

.l-header__btnWrap { margin:auto; position:fixed; bottom:0; right:0; left:0; }
.l-header__ttl { font-size:calc(24/750*100vw); white-space:nowrap; }
.l-header__text { font-size:calc(18/750*100vw); white-space:nowrap; }
.l-header__btn { width:50%; height:calc(100/750*100vw); }
.l-header__btn::before { width:calc(30/750*100vw); height:auto; aspect-ratio:1/1.222; }
.l-header__btn--receipt::before { width:calc(23/750*100vw); height:auto; aspect-ratio:1/1.238; right:10%; }

.l-header__icon { width:calc(45/750*100vw); height:auto; aspect-ratio:1/0.323; }
}
/************************************************************************
  #kv
************************************************************************/
#kv { margin-top:80px; background-color:#c81238; font-size:0; }
#main-image { height:min(calc(550/1370*100vw), 550px); background:url('../img/main_image.png') no-repeat center; background-size:auto 100%; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#main-image { background-image:url('../img/main_image@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#kv  { margin-top:calc(130/750*100vw); }
#main-image { height:calc(538/750*100vw); background-image:url('../img/main_image_sp.png'); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#main-image { background-image:url('../img/main_image_sp@2x.png'); }
}
}
/************************************************************************
  #period
************************************************************************/
#period { padding:min(calc(10/1370*100vw), 10px) 0; background:#ffffff; }
#period dl { margin:auto; width:min(calc(980/1370*100vw), 980px); height:min(calc(76/1370*100vw), 76px); background:url('../img/period.svg') no-repeat; background-size:100% auto; }
/* ============ smart phone ============ */
@media (max-width:750px){
#period { padding:calc(15/750*100vw) 0; }
#period dl { width:calc(720/750*100vw); height:calc(93/750*100vw); background-image:url('../img/period_sp.svg'); }
}
/************************************************************************
  main
************************************************************************/
main { text-align:center; }
ul { list-style:none; }
p.img { font-size:0; }
img { max-width:100%; height:auto; border:0; }
.alignC { text-align:center; }
/* ============ smart phone ============ */
@media (max-width:750px){
main { overflow:hidden; }
}
/************************************************************************
  .contents
************************************************************************/
.contents { margin:auto; width:min(calc(980/1370*100vw), 980px); }
/* ============ smart phone ============ */
@media (max-width:750px){
.contents { width:calc(690/750*100vw); }
}
/************************************************************************
  #lead
************************************************************************/
#lead { padding:min(calc(55/1370*100vw), 55px) 0 min(calc(100/1370*100vw), 100px); text-align:center; }
#lead p.txt { color:#ffffff; font-size:min(calc(26/1370*100vw), 26px); }
#lead p.txt strong { color:#fff799; font-weight:700; }
/* ============ smart phone ============ */
@media (max-width:750px){
#lead { padding:calc(65/750*100vw) 0 calc(100/750*100vw); }
#lead p.txt { color:#ffffff; font-size:calc(28/750*100vw); }
}
/************************************************************************
  #bg1
************************************************************************/
#bg1 { background:url('../img/bg1.png') no-repeat top center #c81238; background-size:auto 100%; position:relative; z-index:0 }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#bg1 { background-image:url('../img/bg1@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#bg1 { background-image:url('../img/bg1_sp.png'); background-size:100% auto; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#bg1 { background-image:url('../img/bg1_sp@2x.png'); }
}
}
/************************************************************************
  #present
************************************************************************/
#present { padding-bottom:min(calc(170/1370*100vw), 170px) }
#present h2 { margin:auto auto min(calc(35/1370*100vw), 35px); width:min(calc(980/1370*100vw), 980px); height:min(calc(63/1370*100vw), 63px); background:url('../img/h2_present.svg') no-repeat; background-size:100% auto; font-size:0; }
#present h3#h3-present { margin:auto auto min(calc(45/1370*100vw), 45px); width:min(calc(467/1370*100vw), 467px); height:min(calc(111/1370*100vw), 111px); background:url('../img/h3_present.svg') no-repeat; background-size:100% auto; font-size:0; position:relative; }
#present h3#h3-present::before,
#present h3#h3-present::after { content:''; background-repeat:no-repeat; background-size:100% auto; display:block; position:absolute; }
#present h3#h3-present::before { width:min(calc(70/1370*100vw), 70px); height:min(calc(57/1370*100vw), 57px); background-image:url('../img/h3_present_b.png'); top:min(calc(22/1370*100vw), 22px); left:max(calc(-100/1370*100vw), -100px); }
#present h3#h3-present::after { width:min(calc(44/1370*100vw), 44px); height:min(calc(44/1370*100vw), 44px); background-image:url('../img/h3_present_a.png'); top:min(calc(85/1370*100vw), 85px); right:max(calc(-85/1370*100vw), -85px); }

#present article { margin:auto auto min(calc(10/1370*100vw), 10px); padding:min(calc(30/1370*100vw), 30px);  background:#FFF7DB; background:radial-gradient(circle,rgba(255, 247, 219, 1) 0%, rgba(255, 235, 175, 1) 100%); box-shadow:5px 5px 5px rgba(0,0,0,0.15); border-radius:min(calc(14/1370*100vw), 14px); display:flex; justify-content:space-between; align-items:center; }
/* h3 */
#present article h3 { width:min(calc(135/1370*100vw), 135px); height:min(calc(219/1370*100vw), 219px); background:no-repeat; background-size:100% auto; font-size:0; }
#present article#course-A h3 { background-image:url('../img/h3_course_A.svg'); }
#present article#course-B h3 { background-image:url('../img/h3_course_B.svg'); }
#present article#course-W h3 { background-image:url('../img/h3_course_W.svg'); width:min(calc(203/1370*100vw), 203px); height:min(calc(117/1370*100vw), 117px);  }
/* h4 */
#present article h4 { line-height:1; text-align:left; font-weight:800; font-size:min(calc(32/1370*100vw), 32px); }
#present article h4 small { font-size:min(calc(24/1370*100vw), 24px); }
#present article#course-A h4, #present article#course-A h5 { color:#c21035; }
#present article#course-B h4, #present article#course-B h5 { color:#003c85; }
/* h4 */
#present article h5 { margin:0 0 min(calc(20/1370*100vw), 20px); line-height:1; text-align:left; }
#present article h5 span.amount { font-size:min(calc(62/1370*100vw), 62px); }
#present article h5 span { font-weight:800; font-size:min(calc(36/1370*100vw), 36px); vertical-align:baseline; }
#present article h5 small { color:#000000; font-weight:500; font-size:min(calc(16/1370*100vw), 16px); vertical-align:baseline; }
/* p.img */
#present article p.img { font-size:0; }
#present article#course-A p.img { width:min(calc(312/1370*100vw), 312px); }
#present article#course-B p.img { width:min(calc(311/1370*100vw), 311px); }
#present article#course-W p.img { width:min(calc(188/1370*100vw), 188px); }
/* .txt */
#present article div.txt { width:min(calc(430/1370*100vw), 430px); text-align:left; font-weight:500; }
#present article p.txt { margin-bottom:min(calc(5/1370*100vw), 5px); line-height:calc(28/18); font-size:min(calc(18/1370*100vw), 18px) }
#present article p.txt:last-child { margin-bottom:0; }

#present article ul {  font-size:min(calc(14/1370*100vw), 14px); }
/* #course-W  */
#present article#course-W { background:#ffffff; }
#present article#course-W h4 { color:#000000; text-align:center; font-weight:500; font-size:min(calc(34/1370*100vw), 34px); }
#present article#course-W h4 span { margin-bottom:min(calc(10/1370*100vw), 10px); color:#e95377; font-weight:500; font-size:min(calc(26/1370*100vw), 26px); display:block; }
#present article#course-W h4 span::before { content:''; width:min(calc(23/1370*100vw), 23px); height:min(calc(23/1370*100vw), 23px); background:url('../img/h4_course_W_b.svg') no-repeat; background-size:100% auto; display:inline-block; }
#present article#course-W h4 span::after { content:''; width:min(calc(23/1370*100vw), 23px); height:min(calc(23/1370*100vw), 23px); background:url('../img/h4_course_W_b.svg') no-repeat; background-size:100% auto; display:inline-block; transform:scale(-1, 1); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#present h3#h3-present::before { background-image:url('../img/h3_present_b@2x.png'); }
#present h3#h3-present::after { background-image:url('../img/h3_present_a@2x.png'); }

}
/* ============ smart phone ============ */
@media (max-width:750px){
#present h2 { margin:auto auto calc(40/750*100vw); width:calc(700/750*100vw); height:calc(66/750*100vw); background-image:url('../img/h2_present_sp.svg'); }
#present h3#h3-present { margin:auto auto calc(40/750*100vw); width:calc(547/750*100vw); height:calc(131/750*100vw); background-image:url('../img/h3_present_sp.svg'); }
#present article { margin-bottom:calc(20/750*100vw); padding:calc(30/750*100vw); flex-direction:column; flex-wrap:wrap; }
#present article h3 { margin:0; width:calc(170/750*100vw); height:calc(170/750*100vw); display:none; }
#present h3#h3-present::before { width:calc(71/750*100vw); height:calc(72/750*100vw);  top:calc(22/750*100vw); left:calc(-75/750*100vw); }
#present h3#h3-present::after { width:calc(53/750*100vw); height:calc(52/750*100vw); top:calc(85/750*100vw); right:calc(-85/750*100vw); }

#present article#course-A h3 { background-image:url('../img/h3_course_A_sp.svg'); }
#present article#course-B h3 { background-image:url('../img/h3_course_B_sp.svg'); }
#present article#course-W h3 { background-image:url('../img/h3_course_W_sp.svg'); width:min(calc(203/1370*100vw), 203px); height:min(calc(117/1370*100vw), 117px);  }
#present article p.img { order:3; margin:auto; }
#present article#course-A p.img { width:calc(630/750*100vw); }
#present article#course-B p.img { width:calc(630/750*100vw); }
#present article#course-W p.img { width:calc(630/750*100vw); }
#present article div.txt { order:2; width:auto; }
#present article h4 { font-size:calc(42/750*100vw); }
#present article h4 small { font-size:calc(24/750*100vw); }
#present article h5 span.amount { font-size:calc(86/750*100vw); }
#present article h5 span { font-size:calc(54/750*100vw); }
#present article h5 small{ font-size:calc(22/750*100vw); }
#present article p.txt { font-size:calc(32/750*100vw); }
/* .headline */
#present article div.headline { margin-bottom:calc(40/750*100vw); padding-left:calc(185/750*100vw); width:auto; position:relative; }
#present article div.headline::before { content:''; width:calc(170/750*100vw); height:calc(170/750*100vw); background-repeat:no-repeat; background-size:100% auto; display:inline-block; position:absolute; top:0; left:0; }
#present article#course-A div.headline::before { background-image:url('../img/h3_course_A_sp.svg'); }
#present article#course-B div.headline::before { background-image:url('../img/h3_course_B_sp.svg'); }
#present article#course-W div.headline::before { width:calc(160/750*100vw); height:calc(160/750*100vw); background-image:url('../img/h3_course_W_sp.svg'); }
/* h4 */
#present article#course-W h4 { margin-bottom:calc(40/750*100vw); padding-left:calc(160/750*100vw); font-weight:800; font-size:calc(44/750*100vw); position:relative; }
#present article#course-W h4::before { content:''; width:calc(160/750*100vw); height:calc(160/750*100vw); background-image:url('../img/h3_course_W_sp.svg'); background-size:100% auto; display:inline-block; position:absolute; top:calc(10/750*100vw); left:calc(-25/750*100vw); }
/* h4 span */
#present article#course-W h4 span { margin-top:calc(20/750*100vw); margin-bottom:calc(15/750*100vw); font-weight:500; font-size:calc(32/750*100vw); }
#present article#course-W h4 span::before { width:calc(26/750*100vw); height:calc(30/750*100vw); }
#present article#course-W h4 span::after { width:calc(26/750*100vw); height:calc(30/750*100vw); }

#present article ul { font-size:calc(25/750*100vw); }
}
/************************************************************************
  ul.mark
************************************************************************/
ul.mark { list-style:none; }
ul.mark li { margin-left:1.5em; text-indent:-1.5em; }
/************************************************************************
  #bg2
************************************************************************/
#bg2 { position:relative; z-index:1; }
#bg2::before { content:''; margin:auto auto max(calc(-100/1370*100vw), -100px); width:100%; height:min(calc(75/1370*100vw), 75px); background:url('../img/bg2_b.svg') no-repeat center; background-size:auto 100%; display:block; position:relative; top:max(calc(-75/1370*100vw), -75px); z-index:0; }

#bg2::after { content:''; margin:auto; width:100%; height:100%; background:url('../img/bg2.png') no-repeat top center; background-size:auto 100%; position:absolute; top:max(calc(-25/1370*100vw), -25px);  right:0; left:0; z-index:1; pointer-events:none; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#bg2::after { background-image:url('../img/bg2@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#bg2::before { margin-bottom:calc(-100/750*100vw); width:100%; height:calc(70/750*100vw); background-image:url('../img/bg2_b._sp.svg'); top:calc(-70/750*100vw); }
#bg2::after { background-image:url('../img/bg2_sp.png'); background-size:100% auto;  z-index:-1; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#bg2::after { background-image:url('../img/bg2_sp@2x.png'); }
}
}
/************************************************************************
  #products
************************************************************************/
#products { padding:min(calc(75/1370*100vw), 75px) 0 min(calc(160/1370*100vw), 160px); }

#products h2 { margin:auto auto min(calc(65/1370*100vw), 65px); width:min(calc(980/1370*100vw), 980px); height:min(calc(63/1370*100vw), 63px); background:url('../img/h2_products.svg') no-repeat; background-size:100% auto; font-size:0; }
#products h3 { margin:auto auto min(calc(45/1370*100vw), 45px); width:min(calc(710/1370*100vw), 710px); height:min(calc(115/1370*100vw), 115px); background:url('../img/h3_products.svg') no-repeat; background-size:100% auto; font-size:0; }
#products h4 { margin:0 auto min(calc(10/1370*100vw), 10px); font-size:min(calc(30/1370*100vw), 30px); }
#products p.txt { line-height:calc(30/18); font-size:min(calc(18/1370*100vw), 18px); }
/* ul.product-list */
ul.product-list { margin-top:min(calc(50/1370*100vw), 50px); display:flex; justify-content:space-between; }
ul.product-list li { display:flex; flex-direction:column; }
ul.product-list li p.txt { order:2; line-height:calc(26/18); font-size:min(calc(18/1370*100vw), 18px); }
ul.product-list li p.photo { order:1; margin-bottom:min(calc(20/1370*100vw), 20px); }
/* ============ smart phone ============ */
@media (max-width:750px){
#products { padding:calc(80/750*100vw) 0 min(calc(160/1370*100vw), 160px); position:relative; z-index:1; }
#products h2 { width:calc(700/750*100vw); height:calc(65/750*100vw); background-image:url('../img/h2_products_sp.svg'); }
#products h3 { width:calc(598/750*100vw); height:calc(181/750*100vw); background-image:url('../img/h3_products_sp.svg'); }
#products h4 { font-size:calc(34/750*100vw); }
#products p.txt { font-size:calc(30/750*100vw); }
/* ul.product-list */
ul.product-list { margin-top:min(calc(50/1370*100vw), 50px); flex-wrap:wrap; }
ul.product-list li { margin-bottom:calc(50/750*100vw); width:calc(285/750*100vw); }
#products ul.product-list li p.txt { font-size:calc(26/750*100vw); }
}
/************************************************************************
  #bg3
************************************************************************/
#bg3 { background-color:#fdf8f2; position:relative; z-index:1; }
#bg3::before { content:''; margin:auto auto max(calc(-100/1370*100vw), -100px); width:100%; height:min(calc(75/1370*100vw), 75px); background:url('../img/bg3_b.svg') no-repeat center ; background-size:auto 100%; display:block; position:relative; top:max(calc(-75/1370*100vw), -75px); z-index:0; }
/* ============ smart phone ============ */
@media (max-width:750px){
#bg3::before { margin-bottom:calc(-100/750*100vw); width:100%; height:calc(70/750*100vw); background-image:url('../img/bg3_b._sp.svg'); top:calc(-70/750*100vw); }
}
/************************************************************************
  #outline
************************************************************************/
#outline { padding:min(calc(75/1370*100vw), 75px) 0 0; }
#outline * { font-family:var(--noto-sans-jp) !important; }
#outline h2 { margin:auto auto min(calc(60/1370*100vw), 60px); width:min(calc(980/1370*100vw), 980px); height:min(calc(64/1370*100vw), 64px); background:url('../img/h2_outline.svg') no-repeat; background-size:100% auto; font-size:0; }
#outline h3#h3-outline { margin:auto auto min(calc(55/1370*100vw), 55px); width:min(calc(476/1370*100vw), 476px); height:min(calc(59/1370*100vw), 59px); background:url('../img/h3_outline.svg') no-repeat; background-size:100% auto; font-size:0; }
/* article.term */
#outline article.term { margin:0 auto min(calc(45/1370*100vw), 45px); width:min(calc(980/1370*100vw), 980px); background-color:#ffffff; border-radius:min(calc(14/1370*100vw), 14px); box-shadow:0px 0px 10px rgba(0,0,0,0.15); overflow:hidden; }
#outline article.term h3 { margin:auto auto min(calc(40/1370*100vw), 40px); padding:min(calc(15/1370*100vw), 15px) 0; width:auto; background-color:#910618; color:#ffffff; line-height:1; font-weight:700; font-size:min(calc(26/1370*100vw), 26px); }
/* .frame */
#outline article.term .frame { margin:auto; width:min(calc(860/1370*100vw), 860px); }
#outline article.term .frame p.txt { margin:auto auto min(calc(30/1370*100vw), 30px); font-weight:800; font-size:min(calc(21/1370*100vw), 21px); }
#outline article.term .frame p.txt strong { color:#c21035; }
/* .footer */
#outline article.term .footer { background-color:#eeeeee; }
#outline article.term .footer ul { margin:auto; padding:min(calc(30/1370*100vw), 30px) 0; width:min(calc(860/1370*100vw), 860px); text-align:left; }
#outline article.term .footer ul * { font-weight:500; }

/* article.item */
#outline article.item { margin:auto auto min(calc(20/1370*100vw), 20px); border:min(calc(2/1370*100vw), 2px) solid #2a5ca3; border-radius:min(calc(10/1370*100vw), 10px); text-align:left; overflow:hidden; }
#outline article.item:last-child { margin-bottom:0; }
#outline article.item .frame { margin:auto; padding:0 0 min(calc(20/1370*100vw), 20px); width:min(calc(800/1370*100vw), 800px); }
#outline article.item h4 { margin:auto auto min(calc(25/1370*100vw), 25px); height:min(calc(50/1370*100vw), 50px); background-color:#d8ebf9; color:#2a5ca5; text-align:left; font-size:min(calc(20/1370*100vw), 20px); display:flex; align-items:center; }
#outline article.item h4 span { margin-right:min(calc(20/1370*100vw), 20px); width:min(calc(155/1370*100vw), 155px); background-color:#2a5ca3; color:#ffffff; text-align:center; font-size:min(calc(17/1370*100vw), 17px); display:flex; align-items:center; justify-content:center; align-self:stretch; }

#outline article.item ul.maru { margin-bottom:min(calc(15/1370*100vw), 15px); font-weight:800; font-size:min(calc(17/1370*100vw), 17px); }
#outline article.item ul.maru * { font-weight:900; }
#outline article.item .frame p.txt { margin-bottom:min(calc(15/1370*100vw), 15px); font-weight:700; font-size:min(calc(15/1370*100vw), 15px); }
#outline article.item .box { padding:min(calc(15/1370*100vw), 15px); border:min(calc(1/1370*100vw), 1px) solid rgba(42,92,163,0.4); }
#outline article.item dl.info { color:#2a5ca3; font-size:min(calc(13/1370*100vw), 13px); }
#outline article.item dl.info * { font-weight:500; }#outline article.item dl.example dt:not(:first-child)::before { display:none; }
#outline article.item dl.example dt { text-align:right; }
#outline article.item ul.mark { margin-bottom:min(calc(15/1370*100vw), 15px); }
#outline article.item ul.mark * { font-weight:700; }
#outline article.item ul.mark li { font-size:min(calc(14/1370*100vw), 14px); }

/* .flex */
#outline .flex { margin:0 auto; width:min(calc(980/1370*100vw), 980px);  display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }
#outline .flex article.term { /*padding-bottom:min(calc(30/1370*100vw), 30px);*/ width:min(calc(474/1370*100vw), 474px); }
#outline .flex article.term .frame { margin:auto; padding-bottom:min(calc(30/1370*100vw), 30px); width:min(calc(395/1370*100vw), 395px); display:flex; align-items:center; } 
#outline .flex article.term .frame p.txt { margin-bottom:0; text-align:left; font-size:min(calc(15/1370*100vw), 15px); }
#outline .flex article#address .frame p.txt { margin-bottom:0; text-align:left; font-weight:700; }

#outline .flex article#winners-announcement .frame p.txt { text-align:left; font-weight:700; }

/* #deadline */
#outline .flex article#deadline dl { text-align:left; }
#outline .flex article#deadline dl dt { font-weight:900; font-size:min(calc(15/1370*100vw), 15px); }
#outline .flex article#deadline dl dd { font-weight:700; font-size:min(calc(15/1370*100vw), 15px); }
#outline .flex article#deadline dl dd:nth-child(2) { margin-bottom:min(calc(30/1370*100vw), 30px); }
/* #eligible-products */
#outline .flex article#eligible-products p.txt { margin-bottom:min(calc(5/1370*100vw), 5px); }
/* #number-of-winners */
#outline .flex article#number-of-winners { padding-bottom:min(calc(30/1370*100vw), 30px); width:100%; }
#outline .flex article#number-of-winners .frame { width:min(calc(890/1370*100vw), 890px); }
/* ============ smart phone ============ */
@media (max-width:750px){
#outline { padding:calc(75/750*100vw) 0 0; }
#outline h2 { margin:auto auto calc(45/750*100vw); width:calc(700/750*100vw); height:calc(68/750*100vw); background-image:url('../img/h2_outline_sp.svg'); }
#outline h3#h3-outline { margin:auto auto calc(45/750*100vw); width:calc(576/750*100vw); height:calc(71/750*100vw); background-image:url('../img/h3_outline_sp.svg'); }
/* .term */
#outline article.term { width:calc(690/750*100vw); }
#outline article.term h3 { margin-bottom:calc(45/750*100vw); padding:calc(20/750*100vw) 0; font-size:calc(36/750*100vw); }
/* .frame */
#outline article.term .frame { width:calc(610/750*100vw); }
#outline article.term .frame p.txt { font-size:calc(30/750*100vw); }
/* .item */
#outline article.item { border-radius:0; border:0; }
#outline article.item h4 { height:calc(105/750*100vw); font-weight:700; font-size:calc(30/750*100vw); }
#outline article.item h4 span { width:calc(240/750*100vw); font-weight:700; font-size:calc(26/750*100vw); }
#outline article.item ul.maru { font-size:calc(28/750*100vw); }
/* .box */
#outline article.item .box { margin-bottom:calc(20/750*100vw); padding:calc(20/750*100vw); }
#outline article.item dl.info { font-size:calc(24/750*100vw); }
/* ul.mark */
#outline article.item ul.mark li { font-size:calc(24/750*100vw); }
/* footer */
#outline article.term .footer { padding:calc(50/750*100vw) 0; }
#outline article.term .footer ul { width:calc(590/750*100vw); font-size:calc(24/750*100vw); }
/* .flex */
#outline .flex { margin:0 auto; width:calc(690/750*100vw); display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }
#outline .flex article.term { width:100%; }
#outline .flex article.term .frame { width:calc(630/750*100vw); }
#outline .flex article.term .frame p.txt { font-size:calc(26/750*100vw); }
#outline .flex article#address .frame p.txt { font-size:calc(26/750*100vw); }
#outline .flex article#deadline dl dt { font-size:calc(26/750*100vw); }
#outline .flex article#deadline dl dd { font-size:calc(26/750*100vw); }
#outline .flex article#number-of-winners .frame { width:calc(630/750*100vw); }
}
/************************************************************************
  ul.maru
************************************************************************/
ul.maru { text-align:left; }
ul.maru li { margin-left:1.5em; text-indent:-1.5em; }
ul.maru li::before { content:''; margin:0 0.2em 0 0; width:0.8em; height:0.8em; background-color:#000000; border-radius:50%; display:inline-block; }
/* ============ smart phone ============ */
@media (max-width:750px){
ul.mark li { margin-left: 1em; text-indent: -1em; }
}
/************************************************************************
  ul.double-circle
************************************************************************/
ul.double-circle { text-align:left; }
ul.double-circle li { margin-left:0.5em; text-indent:-0.5em; }
ul.double-circle li::before { content:'◎'; margin-right:0.2em; display:inline-block; }
/************************************************************************
  dl.info
************************************************************************/
dl.info { line-height:1.5; }
/*dl.info dt {  }*/
dl.info dd { margin-top:-1.5em; }

/* .dt-3 */
dl.dt-3 dt { width:3em; }
dl.dt-3 dd { margin-left:3em; }

/* .dt-4 */
dl.dt-4 dt { width:4em; }
dl.dt-4 dd { margin-left:4em; }

/* .dt-5 */
dl.dt-5 dt { width:5em; }
dl.dt-5 dd { margin-left:5em; }

/* .dt-6 */
dl.dt-6 dt { width:6em; }
dl.dt-6 dd { margin-left:6em; }

/* .dt-7 */
dl.dt-7 dt { width:7em; }
dl.dt-7 dd { margin-left:7em; }

/* .dt-8 */
dl.dt-8 dt { width:8em; }
dl.dt-8 dd { margin-left:8em; }

/* .dt-9 */
dl.dt-9 dt { width:9em; }
dl.dt-9 dd { margin-left:9em; }

/* .dt-10 */
dl.dt-10 dt { width:10em; }
dl.dt-10 dd { margin-left:10em; }


/* .decimal */
dl.decimal dt { margin-left:1.5em; margin-right:1.5em; list-style:decimal; display:list-item; }
dl.decimal.dt-4 dd { margin-left:calc(4em + 1.5em); }

/* dt-colon */
dl.dt-colon dt { position:relative; }
dl.dt-colon dt::after { content:'\0FF1A'; position:absolute; right:0; }

/* .dt-three-dots */
dl.dt-three-dots dt::after { content:'…'; margin-left:0.25em; margin-right:0.2em; display:inline-block; }

dl.example dt::before { content:'例）'; display:inline-block; }

/************************************************************************
  btn
************************************************************************/
/*.btn-list { margin-bottom:min(calc(40/1370*100vw), 40px); display:flex; justify-content:space-between; }*/
a.btn { margin:auto auto min(calc(40/1370*100vw), 40px);  background-repeat:no-repeat; background-size:100% auto; font-size:0; display:block; }

#btn-postcard { width:min(calc(418/1370*100vw), 418px); height:min(calc(70/1370*100vw), 70px); background-image:url('../img/btn_postcard.svg'); }
#btn-form { width:min(calc(419/1370*100vw), 419px); height:min(calc(71/1370*100vw), 71px); background-image:url('../img/btn_form.svg'); }
/* ============ smart phone ============ */
@media (max-width:750px){
.btn-list { flex-wrap:wrap; }
.btn-list li { width:100%; }
a.btn { margin:auto auto calc(50/750*100vw); }

#btn-postcard { width:calc(532/750*100vw); height:calc(122/750*100vw); background-image:url('../img/btn_postcard_sp.svg'); }
#btn-form { width:calc(532/750*100vw); height:calc(122/750*100vw); background-image:url('../img/btn_form_sp.svg'); }

}
/************************************************************************
  #precautions
************************************************************************/
#precautions { margin:auto; padding-bottom:min(calc(40/1370*100vw), 40px); width:min(calc(980/1370*100vw), 980px); border-bottom:min(calc(2/1370*100vw), 2px) solid #000000; }
#precautions h2 { margin-bottom:min(calc(10/1370*100vw), 10px); text-align:left; font-weight:700; font-size:min(calc(17/1370*100vw), 17px); font-feature-settings:'palt'; }
#precautions ul.double-circle { margin-left:0.5em; font-weight:500; font-size:min(calc(15/1370*100vw), 15px); }
#precautions ul.double-circle * { font-weight:500; }
#precautions ul.double-circle li { margin-bottom:0.2em; }
#precautions ul.double-circle li:last-child { margin-bottom:0; }
/* ============ smart phone ============ */
@media (max-width:750px){
#precautions { margin:auto; padding-bottom:calc(60/750*100vw); width:calc(690/750*100vw); border-bottom-width:calc(4/750*100vw); }
#precautions h2 { font-size:calc(26/750*100vw); }
#precautions ul.double-circle { font-size:calc(24/750*100vw); }
}
/************************************************************************
  #inquiry
************************************************************************/
#inquiry { padding:min(calc(40/1370*100vw), 40px) 0 min(calc(110/1370*100vw), 110px); text-align:left; }
#inquiry * { font-family:var(--m-plus-1p); }
#inquiry h2 { margin-bottom:min(calc(10/1370*100vw), 10px); text-align:left; font-weight:800; font-size:min(calc(17/1370*100vw), 17px); font-feature-settings:'palt'; }

#inquiry .flex { margin-bottom:min(calc(30/1370*100vw), 30px); display:flex; align-items:center; justify-content:space-between; }
#inquiry .flex p.txt { margin-bottom:0; }
#inquiry .flex a.tel { color:#000000; text-decoration:#000000; font-size:min(calc(34/1370*100vw), 34px); font-weight:800; }
#inquiry .flex a.tel::before { content:''; margin-right:min(calc(5/1370*100vw), 5px); width:min(calc(47/1370*100vw), 47px); height:min(calc(28/1370*100vw), 28px); background:url('../img/icon_free_voice.svg'); background-size:100% auto; display:inline-block; }
#inquiry .flex dl { font-size:min(calc(15/1370*100vw), 15px); }
#inquiry .flex dl dt { font-weight:800; }

#inquiry h3 { font-weight:800; font-size:min(calc(15/1370*100vw), 15px); }
#inquiry p.txt { margin-bottom:min(calc(15/1370*100vw), 15px); font-weight:500; font-size:min(calc(15/1370*100vw), 15px); }

#inquiry p.note { padding:min(calc(15/1370*100vw), 15px); border:min(calc(2/1370*100vw), 2px) solid #000000; line-height:1; font-weight:700; font-size:min(calc(12/1370*100vw), 12px); display:inline-block; }
/* ============ smart phone ============ */
@media (max-width:750px){
#inquiry h2 { font-size:calc(26/750*100vw); }
#inquiry p.txt { font-size:calc(24/750*100vw); }
#inquiry .flex a.tel { font-size:calc(56/750*100vw); display:block; }
#inquiry .flex a.tel::before { width:calc(71/750*100vw); height:calc(42/750*100vw); }
#inquiry .flex { flex-wrap:wrap; }
#inquiry .flex dl { font-size:calc(24/750*100vw); }
#inquiry h3 { font-size:calc(24/750*100vw); }
/* .note */
#inquiry p.note { padding:calc(20/750*100vw); width:100%; border-width:calc(4/750*100vw); text-align:center; font-size:calc(24/750*100vw); }
}
/************************************************************************
  .l-footer__pagetop
************************************************************************/
.l-footer__pagetop { padding:clamp(20 * 750 / 1366 * 1px, 20 / 1366 * 100vw, 20px) 0; width:100%;  background-color:#000; text-align:center; display:block; }
/************************************************************************
  #sns
************************************************************************/
#sns { padding-bottom:min(calc(50/1370*100vw), 50px); }
#sns ul { display:flex; justify-content:center; }
#sns ul li { margin:0 min(calc(10/1370*100vw), 20px); width:min(calc(50/1370*100vw), 50px); }
#sns ul li img { width:100%; height:auto; }
/* ============ smart phone ============ */
@media (max-width:750px){
#sns ul { margin:auto; width:calc(310/750*100vw); }
#sns ul li { width:calc(85/750*100vw); }
}
/************************************************************************
  footer
************************************************************************/
footer { background-color:#f9e2a9; font-size:min(calc(12/1370*100vw), 12px); }
footer * { font-family:var(--m-plus-1p); }
footer ul { padding:min(calc(50/1370*100vw), 50px) 0 min(calc(35/1370*100vw), 35px); display:flex; justify-content:center; }
footer ul li { margin:0 1em; }
footer a { color:#000000; text-decoration:none; }
footer p.copyright { padding:0 0 min(calc(50/1370*100vw), 50px); text-align:center; }
/* ============ smart phone ============ */
@media (max-width:750px){
footer { padding-bottom:calc(120/750*100vw); }
footer ul { flex-direction:column; align-items:center; font-size:calc(20/750*100vw); }
footer p.copyright { font-size:calc(18/750*100vw); }
}