#hero-home{ height:530px; }
#hero-home .hero-section-inner{ background:#FBF8F0; height:476px; background-image: linear-gradient(0deg, transparent 18px, #D9D5C5 19px), linear-gradient(90deg,  transparent 18px, #D9D5C5 19px); background-size:19px 19px; padding:48px 0; }
#hero-home .container{ width:960px; }
#hero-home .container .row:first-child{ margin-bottom:12px; margin-left:-24px; margin-right:-24px; }
#hero-home .container .row:first-child .col{ padding:0 24px; }
#hero-home .container .row:nth-child(2) .col:first-child{ text-align:right; }
#hero-home .row{ align-items:center; }
#hero-home .title-logo {max-width: 100%; margin: auto; width: 800px; margin-bottom: 30px;}
#hero-home .balloon{ width:460px; height:186px; background:url(../img/balloon_hero_home.svg) 0 0 /cover no-repeat; padding:0 24px; display:flex; align-items:center; justify-content:center; }
#hero-home .balloon p{ color:#252f50; font-weight:bold; font-size:21px; list-style:1.9; margin-top:-10px; }

#hero-home .info { max-width: 460px; margin-bottom: 20px; line-height: 40px;
}

.home-content-section .container{ width:960px; }
.home-content-section .container .row{ margin-bottom:12px; margin-left:-24px; margin-right:-24px; }
.home-content-section .container .row .col{ padding:0 24px; }

#home-calc-introduction .col-figcaption img{ width:80%; margin-bottom:18px; }
#home-calc-introduction .col-figcaption .btn{ font-size:24px; padding-top:30px; padding-bottom:30px; border-radius:50px; margin-bottom:30px; }
#home-calc-introduction .col-figcaption .btn span{ background:#fff; color:#FC4979; border-radius:4px; margin-left:12px; font-size:36px; }
#home-calc-introduction .col-figcaption .sup{ font-size:22px; font-weight:bold; line-height:1.8; }

#home-nutrition-facts-introduction{ padding:12px 0; background:#FBF8F0; }
#home-nutrition-facts-introduction .container .row{ align-items:center; }
#home-nutrition-facts-introduction .col-figcaption img{ margin-bottom:12px; }
#home-nutrition-facts-introduction .col-figcaption .sup{ font-size:22px; font-weight:bold; line-height:1.8;  margin-bottom:24px; }
#home-nutrition-facts-introduction .col-figcaption .btn{ font-size:24px; padding-top:30px; padding-bottom:30px; border-radius:50px; }
#home-nutrition-facts-introduction .col-figcaption .btn span{ background:#fff; color:#FC4979; border-radius:4px; margin-left:12px; font-size:36px; }

#home-nav{ padding:36px 0 60px; overflow: hidden;}
#home-nav .col{ text-align:center; justify-content:center; position:relative; }
#home-nav .col:after{ content:''; display:block; position:absolute; width:300px; height:300px; background:#FBF8F0; top:50%; left:50%; margin:-100px 0 0 -150px; z-index:0; border-radius:50%; overflow: hidden; max-width: 100vw;}
#home-nav .col img{ margin-bottom:24px; z-index:1; position:relative; }
#home-nav .col .btn{ width:80%; margin:0 auto; z-index:1; position:relative; }

#home-caution .content-title{ color:#FC4979; margin-bottom:24px; }
#home-caution .content-section-inner{ background:#FBF8F0; }
#home-caution .col .caution-box{ background:#fff; padding:24px; border-radius:10px; font-weight:bold; }

#home-references {padding-top: 36px;}
#home-references .content-section-inner { background: #FBF8F0;}
#home-references .col .caution-box{ background:#fff; padding:24px; border-radius:10px; font-weight:bold; }

#home-info .content-title{ margin-bottom:0; background: #252F50; color: #fff; padding: 16px 24px; border-radius: 10px 10px 0 0; position: relative;}
#home-info .content-title::after{content: ""; position: absolute; top: 36%; right: 20px; width: 0; height: 0; border-style: solid; border-width: 14px 7px 0 7px; border-color: #ffffff transparent transparent transparent;}
#home-info .content-title::after{content: ""; position: absolute; top: 36%; right: 20px; width: 0; height: 0; border-style: solid; border-width: 14px 7px 0 7px; border-color: #ffffff transparent transparent transparent;}

#hone-info .info-list-inner {font-size: 22px;}
#home-info .entries{ margin-bottom:24px; }
#home-info .entries .entry-item .entry{ display:block; padding:36px; color:#333; }
#home-info .ac-contents{ border: 2px solid #252F50; padding: 24px;}
#home-info .entries .entry-item .entry:hover,
#home-info .entries .entry-item .entry:focus,
#home-info .entries .entry-item .entry:active{ text-decoration:none; }
#home-info .entries .entry-item .entry:hover .fa,
#home-info .entries .entry-item .entry:focus .fa,
#home-info .entries .entry-item .entry:active .fa{ color:#333; -webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out }
#home-info .entries .entry-item .entry:hover .posted-on,
#home-info .entries .entry-item .entry:focus .posted-on,
#home-info .entries .entry-item .entry:active .posted-on{ color:#333; -webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out }
#home-info .entries .entry{ display:block; }
#home-info .entries .entry-item:not(:last-child) .entry{ border-bottom:2px solid #252F50; }
#home-info .entries .entry .entry-content{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; align-items:baseline; }
#home-info .entries .entry .posted-on{ margin-right:48px; font-weight:bold; }
#home-info .entries .entry .entry-title{ flex:2; font-weight:normal; }
#home-info .entries .entry .arrow img{ width:28px; height:28px; }
#home-info .view-archive-section .btn{ width:300px; margin:0 auto; }
#home-info .news-main-box {
  border: 2px solid #252F50;
  padding: 0px 20px 20px 20px;
}

@media only screen and (min-width:900px) and (max-width:1280px){
}


@media only screen and (min-width:768px) and (max-width:1024px){
}

@media only screen and (min-width:320px) and (max-width:767px){
#hero-home .container{ width:auto; padding-left:18px; padding-right:18px; }
.home-content-section .container{ width:auto; }
#hero-home{ height:390px; }
#hero-home .hero-section-inner{ height:343px; padding:24px 0; }
#hero-home .title-logo{ margin-bottom:24px; }
#hero-home .balloon{ width:100%; height:auto; padding:12px 18px; background:none; background-color:#fff; border:3px solid #252f50; border-radius:8px; position:relative; }
#hero-home .balloon:before{ content:''; display:block; position:absolute; left:-18px; top:15px; background:url(../img/balloon_hero_home_sp.svg) 0 0 /cover no-repeat; width:18px; height:27px; }
#hero-home .balloon p{ font-size:14px; line-height:1.6; margin-top:0; }
#hero-home .info { max-width:initial; margin-bottom:18px; line-height:20px; font-size: 16px; display: flex; align-items: center; padding: 18px 0;}
#hero-home .info .material-symbols-outlined {font-size: 20px; }
#hero-home .col-xs-5{ width:35%; }
#hero-home .col-xs-7{ width:65%; }
#home-calc-introduction .col-figcaption{ text-align:center; }
#home-calc-introduction .col-figcaption .sup{ font-size:16px; text-align:left; }
#home-calc-introduction .col-figcaption .btn{ font-size:18px; padding-top:24px; padding-bottom:24px; margin-bottom:24px; white-space: nowrap;}
#home-calc-introduction .col-figcaption .btn span{ font-size:18px; }
#home-calc-introduction .col-figure{ text-align:center; margin-top:24px; }
#home-nutrition-facts-introduction .col-figure{ display:none; }
#home-nutrition-facts-introduction .col-figcaption .sup{ font-size:16px; position:relative; padding-left:116px; line-height:1.6; }
#home-nutrition-facts-introduction .col-figcaption .sup:before{ content:''; display:block; width:150px; height:150px;background:url(../img/illust_teacher_solo.png) center center /cover no-repeat; position:absolute; left:0; top:0; }
#home-nutrition-facts-introduction .col-figcaption .sup:before {width: 100px; height: 100px;}
#home-nutrition-facts-introduction .col-figcaption .btn{ font-size:20px; padding-top:24px; padding-bottom:24px; margin-bottom:0; }
#home-nutrition-facts-introduction .col-figcaption .btn span{ font-size:18px; }
#home-nav .col img{ width:auto; height:120px; }
#home-nav .col .btn{ width:100%; white-space:normal; padding-left:8px; padding-right:4px; }
#home-nav .container .row .col {padding: 0 8px;}
#home-caution .content-title,
#home-references .content-title{ text-align:center; }
#home-info .entries .entry .entry-content { display: block;}
#home-info .entries .entry-item .entry { padding: 24px 0px;}
#home-info .entries .entry .entry-title {margin-top: 6px; }
#home-info .entries .entry .entry-title { margin-top: 6px; line-height: 1.6; font-size: 16px;}
#home-info .ac-contents {padding: 16px;}
#home-info .view-archive-section .btn { width: 100%;}
.modaal-wrapper .modaal-close {
  background: #FFF !important;
  border: 2px solid #FC4979 !important;
  left: 25px !important;
  top: 60px !important;
}
.modaal-close:after, .modaal-close:before {
    top: 12px !important;
    left: 21px !important;
    background: #FC4979 !important;
}

.open-info-btn {
  margin-top: 30px;
}

}