@charset "UTF-8";


/* =================== */
/*       pubulic       */
/* =================== */
.slick-slider { padding-bottom:1rem; }
.slick-dots {
  display:flex;
  justify-content:center;
  position:relative;
  margin-top:-1.5rem;
}
.slick-dots li {
  width:.5rem !important;
  height:.5rem !important;
  margin:0 .5rem !important;
  padding:0 !important;
  border-radius:100vmax;
  border:1px solid #fff;
}
.slick-dots li.slick-active { background:#f43244; border:1px solid #f43244; }
.slick-dots li button { display:none; }

.kv-box { height:auto; margin-bottom:11rem; }
.kv-box #page-ttl {
  font-size:2rem;
  color:#fff;
  font-weight:bold;
  width:15rem;
  line-height:3.5rem;
  background:#f43244;
  display:block;
  position:absolute;
  bottom:-1.75rem;
  left:0;
  right:0;
  margin:0 auto;
  text-align:center;
  border-radius:100vmax;
}

.nml-h .en {
  font-size:max(35px, 3rem);
  text-align:center;
  color:#f43244;
  display:block;
  font-weight:bold;
}
.nml-h .jp {
  font-size:max(20px, 1.5rem);
  font-weight:bold;
  color:#fff;
  text-align:center;
  display:block;
  margin-top:.8rem;
  margin-bottom:3rem;
}

.dflt-layout { margin-bottom:10rem; }
.dflt-layout .main-box { align-items:flex-start; }
.main-pic video{
	width: 100%;
	height: auto;
  border-radius:2.5rem;
}
.dflt-layout.pic-r .main-pic { order:2; }
.dflt-layout.pic-r .txt-box { order:1; }
.dflt-layout .main-pic { width:42.5rem; }
.dflt-layout .txt-box {
  width:calc(100% - 42.5rem - 4rem);
  margin-top:3rem;
  position:relative;
}
.dflt-layout .txt-box .layout-ttl { margin-bottom:1.5rem; }
.dflt-layout .txt-box .layout-ttl .en {
  font-size:2rem;
  font-weight:bold;
  color:#e04046;
  display:block;
}
.dflt-layout .txt-box .layout-ttl .jp {
  font-size:2.5rem;
  font-weight:bold;
  color:#fff;
  display:block;
  margin-top:.3rem;
  line-height:1.2;
}
.dflt-layout .txt-box .layout-ttl .jp .mini { font-size:70%; }
.dflt-layout .txt-box .txt-in-box { padding-left:2rem; }
.dflt-layout .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  color:#fff;
}
.dflt-layout .txt-box .txt.bld {
  font-size:max(17px, 1.25rem);
  font-weight:bold;
  margin-bottom:.5rem;
  line-height:1.4;
}
.dflt-layout .txt-box .sub-pic {
  width:19rem;
  margin:2.5rem auto 0;
}
.dflt-layout .dflt-sub-pic2 {
  width:33rem;
  margin-left:29.5rem;
  margin-top:-9rem;
}
.dflt-layout.pic-l .dflt-sub-pic2 { margin-left:12.5rem; }


@media screen and (max-width: 960px) {
  .kv-box .kv-pic .pc-on { display:block; }
  .kv-box .kv-pic .sp-on { display:none; }
  .dflt-layout { max-width:600px; }
  .dflt-layout .main-box { display:block; }
  .dflt-layout .main-pic { width:100%; }
  .dflt-layout .txt-box { width:100%; margin-top:25px; }
  .dflt-layout .txt-box .sub-pic { width:50%; }
  .dflt-layout .txt-box .txt-in-box { padding-left:0; }
  .dflt-layout .dflt-sub-pic2 { width:75%; margin:40px auto 0 !important; }
}
@media screen and (max-width: 750px) {
  .kv-box .kv-pic .pc-on { display:none; }
  .kv-box .kv-pic .sp-on { display:block; }
  .kv-box { margin-bottom:60px; }
  .dflt-layout { margin-bottom:70px; }
  .dflt-layout .txt-box { margin-top:20px; }
  .dflt-layout .txt-box .txt { line-height:1.66; }
}











/* =================== */
/*       body.map       */
/* =================== */
body.map .map-box .g-map {
  width:57.5rem;
  height:35rem;
  border-radius:2.5rem;
  overflow:hidden;
}
body.map .map-box .g-map iframe {
  width:100%;
  height:100%;
}
body.map .map-box .map-add-box {
  margin:0 auto;
  position:relative;
  background:url(../img/svg/illust1_1.svg) no-repeat center;
  background-size:contain;
  padding:3rem 0 8rem;
}
body.map .map-box .map-add-box .map-logo {
  width:12.2rem;
  margin:0 auto .5rem;
}
body.map .map-box .map-add-box address {
  font-size:max(15px, 1rem);
  line-height:1.5;
  text-align:center;
  color:#fff;
}
body.map .map-box .map-add-box address .name {
  margin-bottom:.2rem;
  font-weight:bold;
}
body.map #sec1 { margin:11rem auto; }
body.map #sec1 li {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:2rem 1.5rem;
  border-bottom:1px solid #fff;
}
body.map #sec1 li .name {
  font-weight:bold;
  font-size:2rem;
  color:#fff;
  width:calc(100% - 5rem - 37.5rem - 8rem);
}
body.map #sec1 li .txt {
  font-size:max(15px, 1rem);
  line-height:1.75;
  width:37.5rem;
  color:#fff;
}
body.map #sec1 li .btn { width:5rem; }
body.map #sec1 li .btn a:hover { opacity:.5; }
body.map #sec2 { margin-bottom:10rem; }
body.map #sec2 li {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:2.5rem 1.5rem;
  border-bottom:1px solid #fff;
}
body.map #sec2 li .pic { width:27.5rem; order:2; }
body.map #sec2 li .txt-box { width:calc(100% - 27.5rem - 6.5rem); order:1; }
body.map #sec2 li .name {
  font-weight:bold;
  font-size:2rem;
  color:#fff;
  margin-bottom:1rem;
}
body.map #sec2 li .txt {
  font-size:max(15px, 1rem);
  line-height:1.75;
  color:#fff;
  margin-bottom:1.5rem;
}
body.map #sec2 li .btn {
  width:5rem;
  margin-left:calc(100% - 5rem);
}
body.map #sec2 li .btn a:hover { opacity:.5; }


@media screen and (max-width: 960px) {
  body.map .map-box { display:block; }
  body.map .map-box .g-map { margin:0 auto 30px; }
  body.map #sec1 { max-width:700px; }
  body.map #sec2 { max-width:700px; }
  body.map #sec1 li .txt { width:32.5rem; }
  body.map #sec2 li .txt-box { width:calc(100% - 27.5rem - 4.5rem); }
  body.map #sec1 li .name { width:calc(100% - 5rem - 32.5rem - 8rem); }
}
@media screen and (max-width: 750px) {
  body.map .map-box .g-map { width:100%; height:250px; }
  body.map .map-box .map-add-box .map-logo { width:15rem; margin:0 auto; }
  body.map #sec1 { margin:70px auto; }
  body.map #sec1 li { display:block; }
  body.map #sec1 li .txt { width:100%; line-height:1.66; margin-top:10px; }
  body.map #sec1 li .btn { margin-left:calc(100% - 5rem); margin-top:15px; }
  body.map #sec2 li { display:block; }
  body.map #sec2 li .txt-box { width:100%; }
  body.map #sec2 li .txt { line-height:1.66; }
  body.map #sec2 li .pic { width:100%; margin-bottom:15px; }
  body.map #sec2 { margin-bottom:60px; }
  body.map #sec1 li .name { width:100%; }
}









/* =================== */
/*       body.kodawari       */
/* =================== */
body.kodawari #art1 .dflt-layout .txt-box .illust {
  position:absolute;
  width:15.65rem;
  left:-8rem;
  bottom:-7.5rem;
  z-index:-1;
}
body.kodawari #art2 .dflt-layout .txt-box .illust {
  position:absolute;
  width:22.7rem;
  right:-6rem;
  bottom:-6.5rem;
  z-index:-1;
}
body.kodawari #art3 .dflt-layout .txt-box .illust {
  position:absolute;
  width:11.6rem;
  left:-3.5rem;
  bottom:-6rem;
  z-index:-1;
}
body.kodawari #art4 .dflt-layout .txt-box .illust {
  position:absolute;
  width:24.7rem;
  right:-6rem;
  bottom:-6.5rem;
  z-index:-1;
}









/* =================== */
/*       body.experience       */
/* =================== */
body.experience #art1 .dflt-layout .txt-box .illust {
  position:absolute;
  width:15.65rem;
  left:-8rem;
  bottom:-7.5rem;
  z-index:-1;
}
body.experience #art1 .dflt-layout .txt-box .clr-txt .ttl {
  font-size:max(17px, 1.25rem);
  color:#f43244;
  font-weight:bold;
  display:block;
  margin-top:1rem;
}
body.experience #art1 .dflt-layout .txt-box .clr-txt {
  font-size:max(15px, 1rem);
  color:#fff;
  line-height:1.75;
}
body.experience #art1 .dflt-layout .txt-box .clr-txt .clr {
  color:#ceb425;
  font-weight:bold;
}
body.experience #art2 .dflt-layout .txt-box .sub-pic { margin-top:8.5rem; }
body.experience .two-box .box { width:calc((100% - 4rem) / 2); }
body.experience .two-box .box .box-ttl .en {
  font-size:2rem;
  font-weight:bold;
  color:#e04046;
  display:block;
  text-align:center;
}
body.experience .two-box .box .box-ttl .jp {
  font-size:2.5rem;
  font-weight:bold;
  color:#fff;
  display:block;
  margin-top:.3rem;
  line-height:1.2;
  text-align:center;
}
body.experience .two-box .box .txt1 {
  font-size:1.75rem;
  text-align:center;
  font-weight:bold;
  margin-top:.3rem;
  color:#fff;
  margin-bottom:1.5rem;
}
body.experience .two-wrap .center-txt {
  font-size:max(15px, 1rem);
  line-height:2;
  text-align:center;
  margin-top:2rem;
  color:#fff;
  margin-bottom:7rem;
}
body.experience .dflt-layout .txt-box .layout-ttl .mini2 {
  font-size:max(15px, 1rem);
  color:#fff;
  font-weight:bold;
  display:block;
  margin-top:.5rem;
}


@media screen and (max-width: 960px) {
  body.experience #art2 .dflt-layout .txt-box .sub-pic { margin-top:2.5rem; }
}
@media screen and (max-width: 750px) {
  body.experience .two-box { display:block; }
  body.experience .two-box .box { width:100%; }
  body.experience .two-box .box1 { margin-bottom:20px; }
  body.experience .two-wrap .center-txt { text-align:left; line-height:1.66; margin-bottom:40px; }
  body.experience #art3 { margin-top:60px; }
  body.experience .dflt-layout .txt-box .layout-ttl .mini2 { line-height:1.66; text-indent:-1em; padding-left:1em; }
}









/* =================== */
/*       body.meal       */
/* =================== */
body.meal #art1 .dflt-layout .txt-box .illust {
  position:absolute;
  width:15.65rem;
  left:-8rem;
  bottom:-7.5rem;
  z-index:-1;
}
body.meal #art1 .dflt-layout .dflt-sub-pic2 {
  width:19rem;
  margin-left:52rem;
  margin-top:-5rem;
}
body.meal #art1 .dflt-layout { margin-bottom:0; }
body.meal #art1 .dflt-layout.dflt2 .main-pic { margin-top:-6rem; }
body.meal #art1 .dflt-layout.dflt2 .txt-box { margin-top:6rem; }
body.meal #art1 .dflt-layout.dflt2 .txt-box .layout-ttl .jp { font-size:2rem; }
body.meal #art2 {
  background:#e04046;
  border-radius:2.5rem;
  padding:5rem 7.5rem;
  margin:7rem auto 10rem;
  align-items:flex-start;
}
body.meal #art2 .pic { width:32rem; }
body.meal #art2 .txt-box h4 .en {
  font-size:2rem;
  font-weight:bold;
  color:#fff;
  display:block;
}
body.meal #art2 .txt-box h4 .jp {
  font-size:2.5rem;
  font-weight:bold;
  color:#fff;
  display:block;
  margin-top:.3rem;
  line-height:1.2;
}
body.meal #art2 .txt-box {
  margin-top:3.5rem;
  width:calc(100% - 32rem - 5rem);
}
body.meal #art2 .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:2;
  color:#fff;
  margin-left:2rem;
}
body.meal #art2 .txt-box .txt.bld {
  font-size:max(17px, 1.25rem);
  font-weight:bold;
  margin-bottom:.5rem;
  line-height:1.4;
  margin-left:2rem;
  margin-top:2rem;
}

@media screen and (max-width: 960px) {
  body.meal #art1 .dflt-layout.dflt2 .main-pic { margin-top:30px; margin-bottom:-30px; }
  body.meal #art2 { max-width:600px; display:block; }
  body.meal #art2 .txt-box { width:100%; margin-top:0; }
  body.meal #art2 .pic { width:100%; margin-top:30px; }
  body.meal #art1 .dflt-layout .dflt-sub-pic2 { width:50%; }
  body.meal #art1 .dflt-layout .txt-box .sub-pic { width:100%; display:flex; justify-content:space-between; }
  body.meal #art1 .dflt-layout .txt-box .sub-pic img { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width: 750px) {
  body.meal #art2 { padding:30px; margin-bottom:60px; }
  body.meal #art2 .txt-box .txt { margin-left:0; line-height:1.66; }
  body.meal #art2 .txt-box .txt.bld { margin-left:0; }
}









/* =================== */
/*       body.facilities       */
/* =================== */
body.facilities #art1 .dflt-layout .txt-box .illust {
  position:absolute;
  width:22.4rem;
  left:13rem;
  bottom:-12rem;
  z-index:-1;
}
body.facilities #art2 .dflt-layout .txt-box .illust {
  position:absolute;
  width:25.6rem;
  left:-7rem;
  bottom:-7.5rem;
  z-index:-1;
}
body.facilities #art3 .dflt-layout .txt-box .illust {
  position:absolute;
  width:19.8rem;
  left:-9.5rem;
  bottom:-2rem;
  z-index:-1;
}
body.facilities #art3 .dflt-layout .txt-box .illust2 {
  position:absolute;
  width:15.8rem;
  left:16rem;
  top:-14rem;
  z-index:-1;
}
body.facilities .dflt-layout { margin-bottom:6rem; }
body.facilities .dflt-layout .txt-box .num {
  color:#fff;
  font-size:max(15px, 1rem);
  font-weight:bold;
  margin-bottom:.5rem;
}
body.facilities .dflt-layout .txt-box .num span {
  border-radius:.25rem;
  background:#f43244;
  padding:.3rem .7rem .4rem;
  display:inline-block;
  margin-right:1rem;
}
body.facilities .dflt-layout .txt-box .att {
  display:block;
  margin-top:.5rem;
}
body.facilities #lower-top-box { position:relative; }
body.facilities #lower-top-box .anime-illust-box {
  position:absolute;
  top:0;
  left:0;
}
body.facilities #lower-top-box .cont-box {
  width:50rem;
  min-width:600px;
  margin:0 auto;
  position:relative;
  z-index:1;
  padding-bottom:17rem;
}
body.facilities #lower-top-box .cont-box .copy {
  line-height:2.8;
  font-size:max(17px, 1.25rem);
  text-align:center;
  font-weight:bold;
  color:#fff;
}
body.facilities #lower-top-box .cont-box .mv-box {
  /*width:42.5rem;*/
  width:50rem;
  aspect-ratio:4.25 / 2.4;
  border-radius:2.5rem;
  overflow:hidden;
  margin:3rem auto 0;
  background:#8a8e90;
}
body.facilities #lower-top-box .cont-box .mv-box video{
	width: 100%;
	height: auto;
}
body.facilities #sec1 { margin-top:-6rem; position:relative; }
body.facilities .slider-box img { margin:0 1rem; }
body.facilities .slider-box img:nth-child(even) { margin-top:5rem; }
body.facilities .slider-box2 img { margin:0 1rem; }
body.facilities .slider-box2 img:nth-child(even) { margin-top:5rem; }
body.facilities #sec2,
body.facilities #sec3 { margin-top:10rem; }
body.facilities #sec4 h4 .en { font-size:3rem; }
body.facilities #sec4 dl {
  width:60rem;
  border-radius:2.5rem;
  background:#fff;
  padding:2.5rem 5rem;
  margin:-1rem auto 10rem;
}
body.facilities #sec4 dl .line {
  display:flex;
  align-items:baseline;
  padding:1rem 1.5rem;
  border-bottom:1px solid #8a8e90;
}
body.facilities #sec4 dl .line dt {
  font-size:max(16px, 1.1rem);
  font-weight:bold;
  color:#ceb425;
  width:max(130px, 8.5rem);
}
body.facilities #sec4 dl .line dd {
  width:calc(100% - max(130px, 8.5rem));
  line-height:1.75;
  font-size:max(15px, 1rem);
}

@media screen and (max-width: 960px) {
  body.facilities #lower-top-box .cont-box .copy .pc-on { display:inherit; }
}
@media screen and (max-width: 750px) {
  body.facilities #lower-top-box .cont-box .copy .pc-on { display:none; }
  body.facilities #lower-top-box .cont-box { width:86.6%; min-width:inherit; }
  body.facilities #lower-top-box .cont-box .copy { text-align:left; line-height:2; }
  body.facilities #lower-top-box .cont-box .mv-box { width:100%; }
  body.facilities #sec2, body.facilities #sec3 { margin-top:60px; }
  body.facilities #art3 .dflt-layout .txt-box .illust { left:-5.5rem; }
  body.facilities #art3 .dflt-layout .txt-box .illust2 { left:inherit; right:-30px; }
  body.facilities #art2 .dflt-layout .txt-box .illust { left:inherit; right:0; }
  body.facilities #sec4 dl { width:86.6%; padding:10px 30px 25px; margin-bottom:60px; }
  body.facilities #sec4 dl .line { display:block; padding:20px 15px; }
  body.facilities #sec4 dl .line dt { width:100%; text-align:center; margin-bottom:5px; }
  body.facilities #sec4 dl .line dd { width:100%; line-height:1.66; }
}









/* =================== */
/*       body.wasabien       */
/* =================== */
body.wasabien .kv-box { margin-bottom:5rem; }
body.wasabien #top-box {
  position:relative;
  margin:4.5rem 0 0;
  padding-top:4rem;
}
body.wasabien #top-box .anime-illust-box {
  position:absolute;
  top:0;
  left:0;
}
body.wasabien #top-box .cont-box .top-center {
  position:relative;
}
body.wasabien #top-box .cont-box .top-center .bk {
  width:23.6rem;
  margin:0 auto;
}
body.wasabien #top-box .cont-box .top-center h2 {
  width:11.3rem;
  position:absolute;
  top:23rem;
  left:0;
  right:0;
  margin:0 auto;
  padding-left:7rem;
  box-sizing:content-box;
}
body.wasabien #top-box .cont-box .txt {
  font-size:max(15px, 1.25rem);
  line-height:2;
  text-align:center;
  font-weight:bold;
  position:absolute;
  top:40rem;
  color:#fff;
  width:100%;
}
body.wasabien #top-box .cont-box .txt .clr { color:#f43244; }
body.wasabien #top-box .cont-box .btn-box {
  position:absolute;
  top:52.5rem;
  left:0;
  right:0;
  margin:0 auto;
}
body.wasabien #top-box .cont-box .btn-box .btn-txt {
  font-size:max(15px, 1rem);
  text-align:center;
  margin-bottom:1rem;
  color:#fff;
}
body.wasabien #top-box .cont-box .btn-box .btn {
  width:9.5rem;
  margin:0 auto;
}
body.wasabien #top-box .cont-box .btn-box .btn a:hover { opacity:.5; }
body.wasabien #top-box .cont-box .pic1 {
  width:23rem;
  position:absolute;
  left:0;
  top:10.5rem;
}
body.wasabien #top-box .cont-box .pic2 {
  width:23rem;
  position:absolute;
  right:0;
  top:20.5rem;
}
body.wasabien #top-box .cont-box .pic3 {
  width:18rem;
  position:absolute;
  left:0;
  top:32.5rem;
}
body.wasabien #sec1 h3 {
  font-size:2rem;
  text-align:center;
  font-weight:bold;
  color:#fff;
  margin:6rem 0 4rem;
  line-height:1.5;
}
body.wasabien #sec1 .last-txt {
  font-size:2rem;
  text-align:center;
  font-weight:bold;
  color:#fff;
  margin-top:8rem;
  line-height:1.5;
}
body.wasabien #sec1 ol > li .pic {
  width:37.5rem;
  position:relative;
}
body.wasabien #sec1 ol > li {
  margin-bottom:5.5rem;
  align-items:flex-start;
  justify-content:center;
}
body.wasabien #sec1 ol > li:nth-child(odd) .pic { margin-right:8rem; order:2; }
body.wasabien #sec1 ol > li:nth-child(even) .pic { margin-left:8rem; }
body.wasabien #sec1 ol > li .txt-box {
  width:30rem;
  line-height:1.75;
  font-size:max(13px, 1.1rem);
  color:#fff;
  font-weight:bold;
  position:relative;
}
body.wasabien #sec1 ol > li .txt-box .txt-in {
  position:relative;
  margin-top:4rem;
  z-index:2;
}
body.wasabien #sec1 ol > li .txt-box::before {
  content:"";
  width:45.15rem;
  height:35.4rem;
  position:absolute;
  top:-2rem;
  z-index:1;
}
body.wasabien #sec1 ol > li:nth-child(odd) .txt-box::before {
  right:-10rem;
  background:url(../img/wasabien/bk1.png) no-repeat;
  background-size:contain;
}
body.wasabien #sec1 ol > li:nth-child(even) .txt-box::before {
  left:-10rem;
  background:url(../img/wasabien/bk2.png) no-repeat;
  background-size:contain;
}
body.wasabien #sec1 ol > li:nth-child(odd) .txt-box {
  order:1;
  margin-right:-5rem;
}
body.wasabien #sec1 ol > li:nth-child(even) .txt-box { margin-left:-5rem; }
body.wasabien #sec1 ol > li .txt-box .num {
  font-size:2.5rem;
  writing-mode:vertical-rl;
  position:absolute;
  top:2rem;
  z-index:3;
}
body.wasabien #sec1 ol > li:nth-child(odd) .txt-box .num { left:-5rem; }
body.wasabien #sec1 ol > li:nth-child(even) .txt-box .num { right:-5rem; }
body.wasabien #sec1 ol > li.list2 .sub {
  width:12.2rem;
  position:absolute;
  top:0;
  left:0;
}
body.wasabien #sec1 ol > li.list4 .illust {
  width:9rem;
  position:absolute;
  bottom:-2.5rem;
  right:6.5rem;
  z-index:4;
}
body.wasabien #sec1 ol > li ul {
  position:absolute;
  top:9rem;
  left:0;
  align-items:flex-start;
}
body.wasabien #sec1 ol > li ul li {
  width:13.5rem;
  min-width:150px;
  background:url(../img/wasabien/list_bk.png) no-repeat center top;
  background-size:12.5rem auto;
  margin-left:2rem;
  min-height:15rem;
  padding-top:2.5rem;
}
body.wasabien #sec1 ol > li ul li:nth-child(2) { margin-top:2.5rem; }
body.wasabien #sec1 ol > li ul li:nth-child(3) { margin-top:5rem; }
body.wasabien #sec1 ol > li ul li:nth-child(4) { margin-top:7.5rem; }
body.wasabien #sec1 ol > li ul li .age {
  font-size:1.75rem;
  font-weight:bold;
  text-align:center;
  color:#fff;
}
body.wasabien #sec1 ol > li ul li .comm {
  font-size:max(13px, .9rem);
  line-height:1.66;
  color:#fff;
  font-weight:normal;
}
body.wasabien #sec1 ol > li ul li .comm .bld { font-weight:bold; }
body.wasabien #sec2 { margin:8rem auto; }
body.wasabien #sec2 h4 .en { font-size:3rem; }
body.wasabien #sec2 table { width:100%; }
body.wasabien #sec2 th {
  width:calc(100% / 4);
  border:1px solid #fff;
  background:#257649;
  padding:.8rem 0;
  text-align:center;
  font-size:max(15px, 1rem);
  color:#fff;
  font-weight:normal;
}
body.wasabien #sec2 td {
  border:1px solid #fff;
  padding:.8rem 0;
  text-align:center;
  font-size:max(15px, 1rem);
  color:#fff;
}

@media screen and (max-width: 1100px) {
  body.wasabien #sec1 ol > li .txt-box { line-height:1.4; }
  body.wasabien #sec1 ol > li .txt-box .txt-in { margin-top:3rem; }
}
@media screen and (max-width: 960px) {
  body.wasabien #top-box .cont-box .pic1 { width:28%; max-width:250px; }
  body.wasabien #top-box .cont-box .pic2 { width:25%; max-width:250px; }
  body.wasabien #top-box .cont-box .pic3 { width:19%; max-width:200px; }
  body.wasabien #sec1 h3 { font-size:25px; }
  body.wasabien #sec1 .last-txt { font-size:25px; }
  body.wasabien #sec1 ol > li { display:block; }
  body.wasabien #sec1 ol > li .pic { margin:0 auto !important; }
  body.wasabien #sec1 ol > li .txt-box {
    line-height:1.66;
    width:86.6%;
    margin:-1px auto 0 !important;
    background:#f43244;
    border-radius:5rem;
    padding:30px 40px;
    font-size:15px;
    max-width:550px;
  }
  body.wasabien #sec1 ol > li .txt-box::before { display:none; }
  body.wasabien #sec1 ol > li .txt-box::after {
    content:"";
    width:5.35rem;
    height:12.3rem;
    background:url(../img/wasabien/deco.png) no-repeat;
    background-size:cover;
    display:block;
    position:absolute;
    top:-6rem;
    left:2.5rem;
  }
  body.wasabien #sec1 ol > li .txt-box .num { top:4rem; left:-2rem !important; right:inherit !important; }
  body.wasabien #sec1 ol > li .txt-box .txt-in { margin-top:0; }
  body.wasabien #sec1 ol > li ul { position:initial; display:block; margin-top:2rem; }
  body.wasabien #sec1 ol > li ul li { width:100%; margin-top:0 !important; min-height:9.35rem; background:none; display:flex; align-items:flex-start; margin-left:0; position:relative; padding-top:0; margin-bottom:2rem; }
  body.wasabien #sec1 ol > li ul li:last-child { margin-bottom:0; }
  body.wasabien #sec1 ol > li ul li::before {
     content:"";
     width:10.2rem;
     height:9.35rem;
     background:url(../img/wasabien/list_bk_sp.png) no-repeat;
     background-size:cover;
     position:absolute;
     left:0;
     top:-1rem;
  }
  body.wasabien #sec1 ol > li ul li .age { width:55px; text-align:left; margin-top:1.5rem; position:relative; }
  body.wasabien #sec1 ol > li ul li .comm { font-size:14px; width:calc(100% - 55px); position:relative; line-height:1.66; margin-bottom:2rem; }
  body.wasabien #sec1 ol > li.list4 .illust { right:3.5rem; }
  body.wasabien #sec1 ol > li.list2 .sub { right:2rem; top:7rem; left:inherit; }
  body.wasabien #sec2 { max-width:600px; }
  body.wasabien #sec2 table.sp-on { display:none; }
  body.wasabien #sec2 table.pc-on { display:table; }
}
@media screen and (max-width: 750px) {
  body.wasabien #top-box .cont-box .pic1 { top:15.5rem; width:49%; }
  body.wasabien #top-box .cont-box .pic2 { top:29.5rem; width:49%; }
  body.wasabien #top-box .cont-box .pic3 { top:40.5rem; width:38.4%; }
  body.wasabien #top-box .cont-box .top-center { z-index:1; }
  body.wasabien #top-box .cont-box .txt {
    width:75%;
    max-width:400px;
    text-align:left;
    margin:0 auto;
    line-height:1.66;
    left:0;
    right:0;
    text-shadow:1px 1px 0 #56b580, -1px -1px 0 #56b580,
              -1px 1px 0 #56b580, 1px -1px 0 #56b580,
              0px 1px 0 #56b580,  0-1px 0 #56b580,
              -1px 0 0 #56b580, 1px 0 0 #56b580;
  }
  body.wasabien #top-box .cont-box .txt br { display:none; }
  body.wasabien #top-box .cont-box .btn-box { top:60rem; }
  body.wasabien #sec1 h3 { margin-top:130px; margin-bottom:0; }
  body.wasabien #sec1 ol > li .pic { width:100%; max-width:400px; }
  body.wasabien #sec1 ol > li .txt-box { width:100%; }
  body.wasabien #sec1 ol > li { margin-bottom:40px; }
  body.wasabien #sec1 .last-txt { margin-top:50px; }
  body.wasabien #sec2 { margin-bottom:50px; }
  body.wasabien #sec2 table.pc-on { display:none; }
  body.wasabien #sec2 table.sp-on { display:table; }
  body.wasabien #sec2 th { width:50%; padding:10px 0; }
  body.wasabien #sec2 td { width:50%; padding:10px 0; }
  body.wasabien #sec2 h4 .en { font-size:28px; }
}