@charset "UTF-8";
/*
 * data:2019-07-01 renewal
 * skipping_meals.css
/*
/**----- contents -------#
* 1: html & body & other
* 2: main
* 3: skipping
* 4: rule
* 5: banner
* 6: tips
* 7: supervision
* 8: research
----------------------*/
/* ==========================================================
* 1: html & body & other
============================================================*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400&display=swap');
* {
 box-sizing: border-box;
}
body {
 margin: 0;
 color: #333;
 background: #fff;
}
#skipping_meals .skipping_meals_cont div:after, #skipping_meals .skipping_meals_cont dl:after, #skipping_meals .skipping_meals_cont ul:after {
 content: none;
 visibility: visible;
} 
#skipping_meals .fade_off {
 opacity: 0;
 transition: all 1s;
}
#skipping_meals .fade_on {
 opacity: 1;
}
/* footer */
.support {
 display: none;
}
/* pagetop_fixed */
.pagetop_fixed {
 display: none;
 position: fixed;
 right: 3%;
 bottom: 0;
 z-index: 20;
 width: 50px;
 float: right;
}
.pagetop_fixed img{
 width: 100%;
}
/*.pagetop_fixed {
  display: none;
  position: fixed;
  right: 3%;
  bottom: 0;
  z-index: 10;
  width: 50px;
}*/
@media screen and (min-width:641px) {
 body {
  min-width: 1024px;
 }
 .isSP {
  display: none!important;
 }
}
@media screen and (max-width:640px) {
 img{max-width: 100%;}
 .isPC {
  display: none!important;
 }
 .pagetop_fixed {
  /*bottom: 0;*/
  bottom: 15%;
 }
}
/* ==========================================================
* 2: main
============================================================*/
#skipping_meals .main {
 position: relative;
 width: 100%;
 height:723px;
 padding-top: 40px;
 margin-bottom: 75px;
 background-color: #eee;
 background-image: url('../images/main_bg_l.png');
 background-repeat: repeat-x;
 background-size: 284px;
 background-position: 0 10px;
 animation-name: slide_img;
 animation-duration: 200s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
}
  @keyframes slide_img {
   100% {
    background-position: -10000px 0;
   }
  }

#skipping_meals .main::after {
 position: absolute;
 top: 0;
 content: '';
 width: 100%;
 height: 723px;
 background-image: url('../images/main_bg_r.png');
 background-repeat: repeat-x;
 background-size: 284px;
 background-position: 0 -8px;
 animation-name: slide_img2;
 animation-duration: 200s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
}
@keyframes slide_img2 {
 100% {
  background-position: 10000px 0;
 }
}
#skipping_meals .main .main_cont{
 position: absolute;
 left:0;
 right: 0;
 width: 1024px;
 height: 640px;
 padding: 40px 0 0;
 margin:0 auto;
 background: url("../images/main_cont_bg.png") top left no-repeat;
 z-index: 11;
}
#skipping_meals .main .main_cont p img,#skipping_meals .main .main_cont h1 img{
 display: block;
 margin: auto;
}
#skipping_meals .main .main_cont p.txt01{
 margin-bottom: 25px;
}
#skipping_meals .main .main_cont p.txt02{
 margin-bottom: 35px;
}
#skipping_meals .main .main_cont h1 img:first-child{
 margin-bottom: 30px;
}
#skipping_meals .main .main_cont .vs{
 position: absolute;
 bottom: 20px;
 right:17px;
}
@media screen and (max-width: 1024px) and (min-width:641px) {
 #skipping_meals .main .main_cont{
  width: 95%;
  height:auto;
  padding-bottom: 7vw;
  background-size: contain;
 }
 #skipping_meals .main .main_cont .vs{
 bottom: 42px;
}
}
@media screen and (max-width:640px) {
 #skipping_meals .main {
  width: 100%;
  height:116vw;
  padding-top: 6.667vw;
  margin-bottom: 13.333vw;
  background-image: url('../images/sp/main_bg_l.png');
  background-size: cover;
  background-position: 0 1.333vw;
}
 #skipping_meals .main::after {
 width: 100%;
 height: 116vw;
 background-image: url('../images/sp/main_bg_r.png');
 background-size: cover;
 background-position: 0  1.067vw;
}
#skipping_meals .main .main_cont{
 width: 94.667vw;
 height: 102.667vw;
 padding: 6.667vw 0 0;
 background: url("../images/sp/main_cont_bg.png") top left no-repeat;
 background-size: cover;
 z-index: 11;
}
#skipping_meals .main .main_cont p.txt01{
 width: 83.2vw;
 margin:0 auto 4vw;
}
#skipping_meals .main .main_cont p.txt02{
 width: 76vw;
 margin:0 auto 4vw;
}
#skipping_meals .main .main_cont h1 img{
 width: 82.667vw;
 margin:0 auto 4vw;
}
#skipping_meals .main .main_cont h1 img:last-child{
 width: 43.733vw;
 margin:0 auto;
 padding-right: 5vw;
}
#skipping_meals .main .main_cont .vs{
 bottom: 3vw;
 right:3vw;
 width: 24vw;
}
}
/* ==========================================================
* 3: skipping
========================================================== */
#skipping_meals .skipping {
 margin: auto;
}
#skipping_meals .skipping .inner{
 width: 1024px;
 padding: 0 32px;
 margin: auto;
}
#skipping_meals .skipping .lead01 .inner{
 position: relative; 
 z-index: 1;
}
#skipping_meals .skipping .lead01 .inner::before {
 position: absolute;
 top: 18px;
 left:0;
 content: '';
 width: 59px;
 height: 440px;
 background: url("../images/skipping_bg.png") top 20px left no-repeat;
 z-index: -1;
}
#skipping_meals .skipping .lead02{ 
 padding: 50px 0;
 margin: 60px 0 0;
 background: #003680;
}
#skipping_meals .skipping .lead02 .par{
 width: 840px;
 padding: 35px 0;
 margin: auto;
 background: #fff;
}
#skipping_meals .skipping h1 img {
 display: block;
 margin: 0 auto 45px;
}
#skipping_meals .skipping p {
 font-size: 16px;
 line-height: 32px;
 text-align: center;
}
#skipping_meals .skipping p strong {
 position: relative;
}
#skipping_meals .skipping p strong::after {
 position: absolute;
 bottom: -3px;
 left: 0;
 content: "";
 width: 100%;
 height: 4px;
 border-radius: 3px;
 background: #FFD501;
}
#skipping_meals .skipping .point h2 {
 position: relative;
 width: 960px;
 height: 110px;
 margin:0 auto 50px;
 background: url("../images/skipping_point_bg.png") top left no-repeat;
}
#skipping_meals .skipping .point h2 img {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 display: block;
 margin: auto;
}
#skipping_meals .skipping .point h3 img {
 display: block;
 margin: 0 auto 30px;
}
#skipping_meals .skipping .point h4 img {
 display: block;
 margin: 0 auto 20px;
}
#skipping_meals .skipping .point .col_1 {
 width: 800px;
 text-align: center;
 margin: 50px 0 0;
}
#skipping_meals .skipping .point .col_1 .graf {
 width: 380px;
 height: 78px;
 background: url("../images/skipping_point_item_graf_off.png") left top no-repeat;
 margin: 0 auto;
}
#skipping_meals .skipping .point .col_1 .graf_on {
 width: 0;
 height: 78px;
 overflow: hidden;
 transition: 1000ms linear;
}
#skipping_meals .skipping .point .col_1 .is-show {
 width: 380px;
 height: 78px;
}
#skipping_meals .skipping .point .col_2 {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
 width: 800px;
}
#skipping_meals .skipping .point .col_2 .col_2_cont {
 width: 48%;
 text-align: center;
}
#skipping_meals .skipping .point .col_1 .col_2_cont {
 width: 50%;
}
#skipping_meals .skipping .point .col_1 .col_2_cont:first-child {
 padding-right: 20px;
 border-right: #DCDCDC 1px solid;
}
#skipping_meals .skipping .point .col_1 .col_2_cont:last-child {
 padding-left: 20px;
}
#skipping_meals .skipping .point .col_2 .graf {
 width: 380px;
 height: 78px;
 background: url("../images/skipping_point_item_graf_off.png") left top no-repeat;
 margin: 0 auto;
}
#skipping_meals .skipping .point .col_2 .graf_on {
 width: 0;
 height: 78px;
 overflow: hidden;
 transition: 1000ms linear;
}
#skipping_meals .skipping .point .col_2 .is-show {
 width: 380px;
 height: 78px;
}
#skipping_meals .skipping .point .count_sub_ttl{
 margin: 30px auto 0;
}
#skipping_meals .skipping .point .js-count {
 position: relative;
 display: inline-block;
 margin: 30px auto 0;
}
#skipping_meals .skipping .point .js-count.mt{ 
 margin: 0 auto 0;
}
#skipping_meals .skipping .point .js-count::after {
 position: absolute;
 bottom: 0;
 left: 0;
 content: "";
 width: 100%;
 height: 6px;
 border-radius: 3px;
 background: #FFD501;
}
#skipping_meals .skipping .point .js-count span {
 display: inline;
 font-family: 'Oswald', sans-serif;
 color: #003680;
 font-size: 40px;
 font-weight: bold;
}
#skipping_meals .skipping .point .js-count span.js-num {
 font-size: 50px;
 text-align: center;
}
/*--p01--*/
#skipping_meals .skipping .p01 {
 position: relative;
 margin-top: 70px;
 padding-bottom: 70px;
}
#skipping_meals .skipping .p01::after {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 content: "";
 width: 150px;
 height: 4px;
 margin: auto;
 border-radius: 3px;
 background: #003680;
}
#skipping_meals .skipping .p01 .col_1 {
 margin: 50px auto 0;
}
#skipping_meals .skipping .point .p01 .col_1 h3 img {
 margin: 0 auto 20px;
}
/*--p02--*/
#skipping_meals .skipping .p02 {
 position: relative;
 margin-top: 70px;
 padding-bottom: 70px;
}
#skipping_meals .skipping .p02::after {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 content: "";
 width: 150px;
 height: 4px;
 margin: auto;
 border-radius: 3px;
 background: #003680;
}
#skipping_meals .skipping .p02 .col_1 {
 margin: 50px auto 0;
}
/*--p03--*/
#skipping_meals .skipping .p03 {
 position: relative;
 margin-top: 70px;
 padding-bottom: 70px;
}
#skipping_meals .skipping .p03::after {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 content: "";
 width: 150px;
 height: 4px;
 margin: auto;
 border-radius: 3px;
 background: #003680;
}
#skipping_meals .skipping .p03 p.mb{
 margin-bottom: 30px;
}
#skipping_meals .skipping .p03 .col_1 {
 margin: 50px auto 0;
}
/*--p05--*/
#skipping_meals .skipping .p05 {
 position: relative;
 margin-top: 70px;
 padding-bottom: 70px;
}
#skipping_meals .skipping .p05::after {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 content: "";
 width: 150px;
 height: 4px;
 margin: auto;
 border-radius: 3px;
 background: #003680;
}
#skipping_meals .skipping .p05 p.mb{
 margin-bottom: 30px;
}
#skipping_meals .skipping .p05 .col_1 {
 margin: 50px auto 0;
}
/*--p06--*/
#skipping_meals .skipping .p06 {
 position: relative;
 margin-top: 70px;
 padding-bottom: 70px;
}
#skipping_meals .skipping .p06::after {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 content: "";
 width: 150px;
 height: 4px;
 margin: auto;
 border-radius: 3px;
 background: #003680;
}
#skipping_meals .skipping .p06 p.mb{
 margin-bottom: 30px;
}
#skipping_meals .skipping .p06 .col_1 {
 margin: 50px auto 0;
}

@media screen and (max-width: 1024px) and (min-width:641px) { 
#skipping_meals .skipping p strong::after {
 bottom: -3px;
 } 
}
@media screen and (max-width:640px) {
 #skipping_meals .skipping { }
 #skipping_meals .skipping .inner{
  width: 92vw;
  padding: 0 2.667vw;
  margin: auto;
 }
#skipping_meals .skipping .lead01 .inner::before {
 position: absolute;
 top: -2.4vw;
 left:0;
 content: '';
 width: 14.3vw;
 height: 117vw;
  background: url("../images/sp/skipping_bg.png") top 20px left no-repeat;
  background-size: 14.267vw auto;
} 
#skipping_meals .skipping .lead02{ 
 padding: 6.667vw 0;
 margin: 8vw 0 0;
 background: #003680;
}
#skipping_meals .skipping .lead02 .par{
 width: 100%;
 padding: 4.6vw 4vw;
 margin: auto;
 background: #fff;
} 
 #skipping_meals .skipping h1 img.ttl01 {
  display: block;
  width: 51.2vw;
  margin: 0 auto 6.667vw;
 }
 #skipping_meals .skipping h1 img.ttl02 {
  display: block;
  width: 64vw;
  margin: 0 auto 6.667vw;
 }
 #skipping_meals .skipping p {
  font-size: 15px;
  line-height: 27px;
  text-align: left;
 }
 #skipping_meals .skipping p strong {
  position: static;
  border-bottom: #FFD501 4px solid;
 }
 #skipping_meals .skipping p strong::after {
  content: none;
 }
 #skipping_meals .skipping .point h2 {
  position: relative;
  width: 100%;
  margin-bottom: 9.333vw;
 }
 #skipping_meals .skipping .point h3 img {
  width: 100%;
  display: block;
  margin: 0 auto 6.667vw;
 }
 #skipping_meals .skipping .point h4 img {
  width: 56.533vw;
  display: block;
  margin: 0 auto 4vw;
 }
 #skipping_meals .skipping .point p{
  margin: 0 3vw;
 }
 #skipping_meals .skipping .point .col_2 {
  width: 100%;
  margin: auto;
 }
 #skipping_meals .skipping .point .col_1 {
  width: 100%;
  margin:10vw auto 0;
 }
 #skipping_meals .skipping .point .col_1 .graf {
  width: 89.333vw;
  height: 17.6vw;
  background: url("../images/sp/skipping_point_item_graf_off.png") left top no-repeat;
  background-size: contain;
  margin: 0 auto;
 }
 #skipping_meals .skipping .point .col_1 .graf_on {
  width: 0;
  height: 17.6vw;
  overflow: hidden;
  transition: 1000ms linear;
 }
 #skipping_meals .skipping .point .col_1 .graf_on img {
  max-width:initial;
  width: 89.333vw;
  height: 17.6vw;
 }
 #skipping_meals .skipping .point .col_1 .is-show {
  width: 89.333vw;
  height: 17.6vw;
 }
 #skipping_meals .skipping .point .col_2 .col_2_cont {
  width: 100%;
 }
 #skipping_meals .skipping .point .col_1 .col_2_cont {
  width: 100%;
 }
 #skipping_meals .skipping .point .col_2 .col_2_cont:first-child {
  margin-bottom: 13.333vw;
 }
 #skipping_meals .skipping .point .col_1 .col_2_cont:first-child {
  padding-right: 0;
  padding-bottom: 4vw;
  margin-bottom: 4vw;
  border-right: none;
 }
 #skipping_meals .skipping .point .col_1 .col_2_cont:last-child {
  padding-left: 0;
 }
 #skipping_meals .skipping .point .col_2 .graf {
  width: 89.333vw;
  height: 17.6vw;
  background: url("../images/sp/skipping_point_item_graf_off.png") left top no-repeat;
  background-size: contain;
  margin: 0 auto;
 }
 #skipping_meals .skipping .point .col_2 .graf_on {
  width: 0;
  height: 17.6vw;
  overflow: hidden;
  transition: 1000ms linear;
 }
 #skipping_meals .skipping .point .col_2 .graf_on img {
  max-width:initial;
  width: 89.333vw;
  height: 17.6vw;
 }
 #skipping_meals .skipping .point .col_2 .is-show {
  width: 89.333vw;
  height: 17.6vw;
 }
 #skipping_meals .skipping .point .count_sub_ttl{
  width: 42.4vw;
  margin: 6.667vw auto 0;
 }
 #skipping_meals .skipping .point .count_sub_ttl.col_sub_2{
  width: 33.867vw;
 }
 #skipping_meals .skipping .point .js-count {
  margin: 6.667vw auto 0;
 }
 #skipping_meals .skipping .point .js-count.mt{ 
  margin: 0 auto 0;
 }
 #skipping_meals .skipping .point .js-count::after {
  width: 100%;
 }
 #skipping_meals .skipping .point .js-count span {
  font-size: 35px;
 }
 #skipping_meals .skipping .point .js-count span.js-num {
  font-size: 44px;
  text-align: center;
 }
 /*--p01--*/
 #skipping_meals .skipping .p01 {
  position: relative;
  width: 92vw;
  margin: 13.333vw auto 0;
  padding-bottom: 13.333vw;
 }
 #skipping_meals .skipping .p01::after {
  width: 37vw;
 }
 #skipping_meals .skipping .p01 h2{
  height: 39.867vw;
  background: url("../images/sp/skipping_point_bg_l.png") top left no-repeat;
  background-size: contain;
}
 #skipping_meals .skipping .p01 h2 img {
  width: 51.867vw;
 }
 #skipping_meals .skipping .point.p01 .col_1 h3 img {
  margin: 0 auto 6.667vw;
 }
 /*--p02--*/
 #skipping_meals .skipping .p02 {
  position: relative;
  width: 92vw;
  margin: 13.333vw auto 0;
  padding-bottom: 13.333vw;
 }
 #skipping_meals .skipping .p02::after {
  width: 37vw;
 }
 #skipping_meals .skipping .p02 h2{
  height: 39.867vw;
  background: url("../images/sp/skipping_point_bg_l.png") top left no-repeat;
  background-size: contain;
}
 #skipping_meals .skipping .p02 h2 img {
  width: 61.2vw;
 }
 #skipping_meals .skipping .p02 .col_1 {
  margin: 9.333vw auto 0;
 }
 /*--p03--*/
 #skipping_meals .skipping .p03 {
  position: relative;
  width: 92vw;
  margin: 13.333vw auto 0;
  padding-bottom: 13.333vw;
 }
 #skipping_meals .skipping .p03::after {
  width: 37vw;
 }
 #skipping_meals .skipping .p03 h2{
  height: 39.867vw;
  background: url("../images/sp/skipping_point_bg_l.png") top left no-repeat;
  background-size: contain;
}
 #skipping_meals .skipping .p03 h2 img {
  width: 71.067vw;
 }
 #skipping_meals .skipping .p03 .col_1 {
  margin: 9.333vw auto 0;
 }
 #skipping_meals .skipping .p03 .col_1 .col_2_cont:first-child {
  margin: 9.333vw auto 9.333vw;
 }
 /*--p04--*/
 #skipping_meals .skipping .p04 {
  position: relative;
  margin-top: 13.333vw;
  padding-bottom: 13.333vw;
 }
 #skipping_meals .skipping .p04::after {
  width: 37vw;
 }
 #skipping_meals .skipping .p04 h2{
  height: 39.867vw;
  background: url("../images/sp/skipping_point_bg_l.png") top left no-repeat;
  background-size: contain;
}
 #skipping_meals .skipping .p04 h2 img {
  width: 66.4vw;
 }
 #skipping_meals .skipping .p04 .col_1 {
  margin: 9.333vw auto 0;
 }
 /*--p05--*/
 #skipping_meals .skipping .p05 {
  position: relative;
  width: 92vw;
  margin: 13.333vw auto 0;
  padding-bottom: 13.333vw;
 }
 #skipping_meals .skipping .p05::after {
  width: 37vw;
 }
 #skipping_meals .skipping .p05 h2{
  height: 39.867vw;
  background: url("../images/sp/skipping_point_bg_l.png") top left no-repeat;
  background-size: contain;
}
 #skipping_meals .skipping .p05 h2 img {
  width: 66.4vw;
 }
 #skipping_meals .skipping .p05 .col_1 {
  margin: 9.333vw auto 0;
 }
 /*--p06--*/
 #skipping_meals .skipping .p06 {
  position: relative;
  width: 92vw;
  margin: 13.333vw auto 0;
  padding-bottom: 13.333vw;
 }
 #skipping_meals .skipping .p06::after {
  width: 37vw;
 }
 #skipping_meals .skipping .p06 h2{
  height: 39.867vw;
  background: url("../images/sp/skipping_point_bg_l.png") top left no-repeat;
  background-size: contain;
}
 #skipping_meals .skipping .p06 h2 img {
  width: 50.53vw;
 }
 #skipping_meals .skipping .p06 .col_1 {
  margin: 9.333vw auto 0;
 }
}

/* ==========================================================
* 4: rule
========================================================== */
#skipping_meals .rule {
 margin-top: 70px;
 padding: 40px 150px;
 background: #003680 url('../images/rule_bg.png') left top no-repeat;
 background-size: cover;
}
#skipping_meals .rule h1 img {
 display: block;
 margin: 0 auto 50px;
}
#skipping_meals .rule .rule_cont {
 width: 960px;
 padding: 25px;
 margin: auto;
 border-radius: 5px;
 background: #fff;
}
#skipping_meals .rule .rule_cont p {
 font-size: 16px;
 line-height: 26px;
 text-align: center;
}
@media screen and (max-width: 1024px) and (min-width:641px) {
 #skipping_meals .rule {
  padding: 40px 85px;
 }
 #skipping_meals .rule .rule_cont {
  width: 100%;
 }
}
@media screen and (max-width:640px) {
 #skipping_meals .rule {
  position: relative;
  margin-top: 22.667vw;
  padding: 52vw 6vw 13.333vw;
  background: #003680 url('../images/sp/rule_bg.png') left top no-repeat;
  background-size: cover;
 }
 #skipping_meals .rule h1 {
  position: absolute;
  top: 10vw;
  left: 3vw;
  width: 92vw;
 }
 #skipping_meals .rule h1 img {
  display: block;
  margin: 0 auto;
 }
 #skipping_meals .rule .rule_cont {
  width: 100%;
  padding: 3.333vw;
 }
 #skipping_meals .rule .rule_cont p {
  font-size: 15px;
  line-height: 25px;
  text-align: left;
 }
}


/* ==========================================================
* 5: banner
========================================================== */
/*#skipping_meals .banner {
 width: 720px;
 margin: 70px auto 0;
}
#skipping_meals .banner a {
 display: block;
 transition: all 0.5s 0s ease;
}
#skipping_meals .banner a:hover {
 opacity: 0.8;
}
@media screen and (max-width: 1024px) and (min-width:641px) {}
@media screen and (max-width:640px) {
 #skipping_meals .banner {
  width: 89.333vw;
  margin: 13.333vw auto 0;
 }
}*/

 
/* ==========================================================
* 6: tips
========================================================== */
#skipping_meals .tips {
 width: 960px;
 margin: 70px auto 0;
}
#skipping_meals .tips h1 {
 margin-bottom: 50px;
}
#skipping_meals .tips .tips_item {
 width: 925px;
}
#skipping_meals .tips .tips_item h2 {
 margin-bottom: 25px;
}
#skipping_meals .tips .tips_item h2 img {
 display: block;
}
#skipping_meals .tips .tips_item h2 img.tips_no {
 margin-bottom: 15px;
}
#skipping_meals .tips .tips_item h3 {
 margin-bottom: 30px;
}
#skipping_meals .tips .tips_item p {
 font-size: 16px;
 line-height: 26px;
}
#skipping_meals .tips .tips_item sup {
 font-size: 10px;
 line-height: 20px;
}
#skipping_meals .tips .tips_item ul.notes {
 font-size: 10px;
 line-height: 20px;
 margin-top: 25px;
}
#skipping_meals .tips .tips_item ul.notes li {
 text-indent: -25px;
 padding-left: 25px;
}
#skipping_meals .tips .tips_item .col_2 {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
}
#skipping_meals .tips .tips_item .col_2 .col_2_cont {
 width: 50%;
}
#skipping_meals .tips .tips_item .col_2 .col_2_vs {
 width: 400px;
 margin-top: 70px;
}
/*--tips01--*/
#skipping_meals .tips .tips_item.tips01 {}
/*--tips02--*/
#skipping_meals .tips .tips_item.tips02 {
 margin: 150px 0 0 auto;
}
/*--tips03--*/
#skipping_meals .tips .tips_item.tips03 {
 margin: 150px 0 0;
}
/*--tips04--*/
#skipping_meals .tips .tips_item.tips04 {
 margin: 150px 0 0 auto;
}
/*--tips05--*/
#skipping_meals .tips .tips_item.tips05 {
 margin: 150px 0 0;
}
@media screen and (max-width: 1024px) and (min-width:641px) {}
@media screen and (max-width:640px) {
 #skipping_meals .tips {
  width: 94.667vw;
  margin: 13.333vw auto 0;
 }
 #skipping_meals .tips h1 {
  margin-bottom: 6.8vw;
 }
 #skipping_meals .tips .tips_item {
  width: 90%;
  margin: auto;
 }
 #skipping_meals .tips .tips_item h2 {
  margin-bottom: 4.8vw;
 }
 #skipping_meals .tips .tips_item h2 img.tips_no {
  width: 25.333vw;
  margin-bottom: 4vw;
 }
 #skipping_meals .tips .tips_item h3 {
  margin-bottom: 6.667vw;
 }
 #skipping_meals .tips .tips_item p {
  font-size: 15px;
  line-height: 25px;
 }
 #skipping_meals .tips .tips_item ul.notes {
  margin-top: 4vw;
 }
 #skipping_meals .tips .tips_item .col_2 .col_2_cont {
  width: 100%;
 }
 #skipping_meals .tips .tips_item .col_2 .col_2_vs {
  width: 72vw;
  margin: 0 auto 6.8vw;
 }
 /*--tips01--*/
 #skipping_meals .tips .tips_item.tips01 h2 img.ttl {
  width: 60.533vw;
 }
 #skipping_meals .tips .tips_item.tips01 h3 {
  width: 62.8vw;
 }
 /*--tips02--*/
 #skipping_meals .tips .tips_item.tips02 {
  margin: 20vw auto 0;
 }
 #skipping_meals .tips .tips_item.tips02 h2 img.ttl {
  width: 53.867vw;
 }
 #skipping_meals .tips .tips_item.tips02 h3 {
  width: 60.533vw;
 }
 #skipping_meals .tips .tips_item.tips02 .col_2 .col_2_cont {
  order: 1;
 }
 #skipping_meals .tips .tips_item.tips02 .col_2 .col_2_vs {
  order: 2;
 }
 /*--tips03--*/
 #skipping_meals .tips .tips_item.tips03 {
  margin: 20vw auto 0;
 }
 #skipping_meals .tips .tips_item.tips03 h2 img.ttl {
  width: 60.533vw;
 }
 #skipping_meals .tips .tips_item.tips03 h3 {
  width: 50.933vw;
 }
 /*--tips04--*/
 #skipping_meals .tips .tips_item.tips04 {
  margin: 20vw auto 0;
 }
 #skipping_meals .tips .tips_item.tips04 h2 img.ttl {
  width: 53.333vw;
 }
 #skipping_meals .tips .tips_item.tips04 h3 {
  width: 67.467vw;
 }
 #skipping_meals .tips .tips_item.tips04 .col_2 .col_2_cont {
  order: 1;
 }
 #skipping_meals .tips .tips_item.tips04 .col_2 .col_2_vs {
  order: 2;
 }
 /*--tips05--*/
 #skipping_meals .tips .tips_item.tips05 {
  margin: 20vw auto 0;
 }
 #skipping_meals .tips .tips_item.tips05 h2 img.ttl {
  width: 60.533vw;
 }
 #skipping_meals .tips .tips_item.tips05 h3 {
  width: 74.133vw;
 }
}


/* ==========================================================
* 7: supervision
========================================================== */
#skipping_meals .supervision {
 padding: 50px 0;
 margin-top: 178px;
 background: #F0F0F0;
}
#skipping_meals .supervision .supervision_cont {
 width: 960px;
 margin: 0 auto;
}
#skipping_meals .supervision .supervision_cont h1 {
 width: 241px;
 line-height: 0px;
 margin-bottom: 23px;
}
#skipping_meals .supervision .supervision_cont .col_2 {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -ms-justify-content: space-between;
 justify-content: space-between;
 padding: 30px 25px;
 background: #fff;
 border: #003680 4px solid;
 border-radius: 5px;
}
#skipping_meals .supervision .supervision_cont .col_2 .col_2_vs {
 width: 220px;
}
#skipping_meals .supervision .supervision_cont .col_2 .col_2_cont {
 width: 71%;
}
#skipping_meals .supervision .supervision_cont .col_2 .col_2_cont .name {
 margin-bottom: 25px;
}
#skipping_meals .supervision .supervision_cont .col_2 .col_2_cont .field {
 margin-bottom: 25px;
}
#skipping_meals .supervision .supervision_cont .col_2 .col_2_cont p {
 font-size: 14px;
 line-height: 24px;
}
@media screen and (max-width: 1024px) and (min-width:641px) {}
@media screen and (max-width:640px) {
 #skipping_meals .supervision {
  padding: 4vw 0 6.667vw;
  margin-top: 20vw;
 }
 #skipping_meals .supervision .supervision_cont {
  width: 90vw;
 }
 #skipping_meals .supervision .supervision_cont h1 {
  width: 42vw;
  margin-bottom: 4vw;
 }
 #skipping_meals .supervision .supervision_cont .col_2 {
  padding: 4vw 3.333vw;
 }
 #skipping_meals .supervision .supervision_cont .col_2 .col_2_vs {
  width: 29.333vw;
 }
 #skipping_meals .supervision .supervision_cont .col_2 .col_2_cont {
  width: 60%;
 }
 #skipping_meals .supervision .supervision_cont .col_2 .col_2_cont .name {
  width: 42.133vw;
  margin-bottom: 2.667vw;
 }
 #skipping_meals .supervision .supervision_cont .col_2 .col_2_cont .field {
  width: 37.467vw;
  margin-bottom: 6vw;
 }
 #skipping_meals .supervision .supervision_cont .col_2 p {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  margin-top: 3vw;
 }
}

 
/* ==========================================================
* 8: research
========================================================== */
#skipping_meals .research {
 width: 300px;
 font-size: 12px;
 padding: 100px 0;
 margin: 0 auto;
}
#skipping_meals .research .research_ttl {
 color: #fff;
 font-weight: bold;
 text-align: center;
 padding: 4px 0;
 margin-bottom: 10px;
 background: #003680;
 border-radius: 10px;
}
#skipping_meals .research dl {
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: flex-start;
 -ms-justify-content: flex-start;
 justify-content: flex-start;
 padding: 0 5px;
}
#skipping_meals .research dl dt {
 width: 22%;
}
#skipping_meals .research dl dd {
 width: 78%;
}
@media screen and (max-width: 1024px) and (min-width:641px) {
 #skipping_meals .research dl dt {
  width: 25%;
 }
 #skipping_meals .research dl dd {
  width: 75%;
 }
}
@media screen and (max-width:640px) {
 #skipping_meals .research {
  width: 80vw;
  font-size: 14px;
  padding: 20vw 0;
 }
 #skipping_meals .research .research_ttl {
  padding: 1vw 0;
  margin-bottom: 2vw;
  border-radius: 3vw;
 }
 #skipping_meals .research dl dt {
  width: 25%;
 }
 #skipping_meals .research dl dd {
  width: 75%;
 }
}
@media screen and (max-width:360px) {
 #skipping_meals .research {
  width: 85vw;
 }
 #skipping_meals .research dl dt {
  width: 30%;
 }
 #skipping_meals .research dl dd {
  width: 70%;
 }
}