@charset "UTF-8";
/* CSS Document */

/* body{
	background-color:#FFCC00;
	font:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	-webkit-text-size-adjust: 100%;
} */

/*基本マージン設定*/
* {
  margin: 0px;
  padding: 0px;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#Contents img {
  height: auto;
  max-width: 100%;
  display: block;
}

#Contents * {
  box-sizing: border-box;
}

/*イメージリンク設定*/
a img {
  border: 0px;
}

.clear {
  font-size: 0.1em;
  line-height: 0;
  height: 0.1px;
  clear: both;
  display: block;
  visibility: hidden;
}

* html .clear {
  display: inline-block;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.floatL {
  float: left;
  display: inline;
}

.floatR {
  float: right;
  display: inline;
}

.Valn_t {
  vertical-align: top;
}

/* a:link{
	font-weight:normal;
	color:#00F;
	text-decoration:underline;}

a:visited{
	font-weight:normal;
	color:#00F;
	text-decoration:underline;}

a:hover{
	font-weight:normal;
	color:#C00;
	text-decoration:none;} */

/*--------------------------
	大枠
--------------------------*/
#BaseFrame {
  width: 902px;
  margin-right: auto;
  margin-left: auto;
}

/*--------------------------
	ヘッダー
--------------------------*/
#HeaderBack {
  background-image: url(../../images/header_bg.gif);
  background-position: top;
  height: 138px;
}

#HeaderContnens {
  padding-top: 13px;
  padding-right: 3px;
  padding-left: 41px;
  display: inline-block;
  width: 452px;
}

#Logo {
  float: left;
}

#Logo img {
  width: 158px !important;
  height: 132px !important;
}

#LogoHouse {
  float: right;
  margin-top: 21px;
  /*padding-left:45px;*/
}

.header,
.footer {
  display: none;
}


/*--------------------------
	コンテンツ大枠
--------------------------*/
#ContentsBack {
  background-image: url(../../images/contents_bg.gif);
  background-repeat: repeat-y;
}

#ContentsContainer {
  width: 100%;
  max-width: 846px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 17px;
  background-color: #FFFFFF;
}

/*--------------------------
	ナビゲーション
--------------------------*/
#Navi {
  width: 189px;
  float: left;
}

.thirtyyears-page #Navi {
  display: none;
}

.mgn01b {
  margin-bottom: 1px;
}


/*--------------------------
	コンテンツ
--------------------------*/
#Contents {
  float: right;
  width: 621px;
  margin-bottom: 30px;
}

#Contents.nonavi {
  float: none;
  clear: both;
  width: 100%;
  margin-bottom: 0;
}

#Title {
  margin-bottom: 30px;
}

.textBox01 {
  width: 598px;
  font: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 14px;
  font-weight: bold;
  color: #996600;
}

.textBox02 {
  font: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 14px;
  font-weight: bold;
  color: #996600;
  padding-left: 9px;
}

.textBox03 {
  font: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 14px;
  font-weight: bold;
  color: #996600;
  width: 598px;
}

.text_right {
  font: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 14px;
  font-weight: bold;
  color: #996600;
  padding-top: 10px;
  vertical-align: top;
}

.box01 {
  margin-left: 9px;
}

.boxCenter {
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------
	フッター
--------------------------*/
#FooterBack {
  background-image: url(../../images/footer_bg.gif);
  background-repeat: no-repeat;
  height: 136px;
}

#FooterContents {
  padding-top: 33px;
  margin-left: 10px;
}

#FooterBack .nav {
  display: none;
}

#FooterBack .generalMgn20r {
  margin-right: 20px;
}

.mgnr140 {
  margin-right: 140px;
}

.mgnr256 {
  margin-right: 256px;
}


/*--------------------------
	30年目トップページ
--------------------------*/
.thirtyyears-page #Title {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 30px;
  position: relative;
}

.thirtyyears-page #Title h1 {
  width: 75.75%;
  max-width: 606px;
  margin: 0 auto;
}

.thirtyyears-page #Title h2 {
  width: 35.875%;
  max-width: 287px;
  margin: 0 auto 22px;
}

.leadtext {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 50px;
}

.leadtext p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  margin: 0;
}

.thirtyyears-page .leadtext p {
  text-align: center;
}

.school_col {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.school_col .school_info {
  width: 46.625%;
  padding: 20px 28px 28px;
  max-width: 373px;
  background: #fff;
  border-radius: 15px;
  position: relative;
  z-index: 3;
}

.school_col .school_info h3 {
  margin: 0 auto;
}

.school_col .school_photo {
  width: 58.375%;
  max-width: 467px;
  position: absolute;
  z-index: 1;
}

.school_col .school_info .image {
  margin: 17px 0 15px;
}

.school_col .school_info p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
}

#sc_hokkaido .school_info {
  border: solid 7px #66bf97;
}

#sc_hokkaido .school_info h3 {
  width: 255px;
}

#sc_hokkaido .school_photo {
  top: -15px;
  right: -15px;
}

#sc_hokkaido .school_photo .smlbg {
  width: 21.62%;
  height: 22.44%;
  position: absolute;
  bottom: -10.88%;
  left: 48.39%;
  mix-blend-mode: multiply;
}

#sc_hokkaido .school_photo .photos .ph01 {
  width: 39.18%;
  height: 47.11%;
  position: absolute;
  top: 0;
  right: 5.13%;
}

#sc_hokkaido .school_photo .photos .ph02 {
  width: 42.18%;
  height: 43.77%;
  position: absolute;
  top: 20%;
  left: 9.63%;
}

#sc_hokkaido .school_photo .photos .ph03 {
  width: 50.96%;
  height: 22.44%;
  position: absolute;
  top: 56.22%;
  right: 0.85%;
}

#sc_okinawa .school_info {
  margin-left: 53.375%;
  border: solid 7px #5eb7e8;
}

#sc_okinawa .school_info h3 {
  width: 170px;
}

#sc_okinawa .school_photo {
  top: -34px;
  left: 0;
}

#sc_okinawa .school_photo .smlbg {
  width: 29.33%;
  height: 30.17%;
  position: absolute;
  top: -14.53%;
  left: 19.48%;
  mix-blend-mode: multiply;
}

#sc_okinawa .school_photo .photos .ph01 {
  width: 38.32%;
  height: 38.1%;
  position: absolute;
  top: 6.6%;
  left: 1.71%;
}

#sc_okinawa .school_photo .photos .ph02 {
  width: 46.25%;
  height: 47.57%;
  position: absolute;
  top: 26.43%;
  right: 5.56%;
}

#sc_okinawa .school_photo .photos .ph03 {
  width: 39.4%;
  height: 36.78%;
  position: absolute;
  top: 58.14%;
  left: 2.78%;
}

.japan_map {
  margin: -110px 0 -130px;
  position: relative;
  z-index: 5;
}

.japan_map img {
  width: 388px;
  height: 377px;
  margin: 0 auto;
  position: relative;
  right: -10px;
}

.link_banner {
  width: 100%;
  max-width: 800px;
  margin: 75px auto 0;
}

.link_banner ul li {
  width: 100%;
  padding: 25px 40px;
  margin: 40px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fffcdb;
  border: solid 7px #f19ec2;
  border-radius: 15px;
}

.link_banner ul li .button {
  width: 228px;
  transition: ease .3s;
  display: block;
}

#Contents .link_banner ul li h4 img {
  width: auto;
  height: 66px;
}

.thirtyyears-page #Contents {
  padding-bottom: 60px;
}


/*--------------------------
	オンライン座談会ページ
--------------------------*/
.discussion-page #Contents,
.cooking-page #Contents {
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
  /* margin-right:20px; */
  padding-bottom: 40px;
}

.lead_col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.lead_col p {
  color: #996600;
  font-size: 16px;
  line-height: 1.5;
  width: 60%;
}

.lead_col .image {
  width: 36.66%;
}

.discussion-page .discussion {
  margin: 50px 0 0;
}

.discussion-page .discussion h2 {
  width: 291px;
}

.talk {
  width: 100%;
  min-height: 198px;
  margin: 20px 0 0;
  position: relative;
}

.talk h3 {
  margin: 0 0 15px;
}

.talk .minami h3,
.talk .kaga h3,
.talk .shimabukuro h3,
.talk .miyama3 h3 {
  padding-top: 25px;
}

#Contents .talk h3 img {
  width: auto;
  height: 41px;
}

.talk .image {
  position: absolute;
  top: 0;
}

.talk p {
  color: #333;
  font-size: 14px;
  line-height: 1.57;
  padding: 0 0 0 5px;
}

.imgcol {
  width: 100%;
}

.toyomi {
  padding-right: 213px;
}

.hikari {
  padding-left: 218px;
}

.toyomi .image {
  width: 193px;
  right: 0;
}

.hikari .image {
  width: 198px;
  left: 0;
}

.discussion-page .discussion p.chushaku {
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
  margin: 40px 0 60px;
}


/*--------------------------
	「はじめてクッキング」教室ページ
--------------------------*/
.cooking-page .lead p {
  color: #996600;
  font-size: 14px;
  line-height: 1.5;
}

.cooking-page .cooking {
  margin: 30px 0 50px;
}

.sc_head,
.sc_col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.hokkaidou_hd,
.okinawa_hd {
  width: 280px;
  padding: 11px 0 11px 73px;
  background: #66bf97;
  border-radius: 8px 8px 0 0;
  position: relative;
}

.hokkaidou_hd .icon {
  width: 73px;
  height: 65px;
  position: absolute;
  top: -5px;
  left: -9px;
}

#Contents .hokkaidou_hd h2 img,
#Contents .okinawa_hd h2 img {
  width: auto;
  height: 46px;
}

.okinawa_hd {
  padding: 11px 0 11px 92px;
  background: #5eb7e8;
}

.okinawa_hd .icon {
  width: 63px;
  height: 74px;
  position: absolute;
  top: -3px;
  left: 6px;
}

.cooking-page .cooking h3 {
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.cooking-page .cooking .cook_con01 h3 {
  top: 25px;
}

#Contents .cooking h3 img {
  width: auto;
  height: 55px;
}

.sc_col .hokkaidou_col,
.sc_col .okinawa_col {
  width: 280px;
  padding: 110px 0 0;
  position: relative;
}

.cook_con01 .sc_col .hokkaidou_col,
.cook_con01 .sc_col .okinawa_col {
  padding: 100px 0 0;
}

.cook_con05 .sc_col .hokkaidou_col,
.cook_con05 .sc_col .okinawa_col {
  padding-bottom: 30px;
}

.sc_col .hokkaidou_col::before,
.sc_col .okinawa_col::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #e8f5f0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.sc_col .okinawa_col::before {
  background: #e7f4fc;
}

.sc_col .hokkaidou_col *,
.sc_col .okinawa_col * {
  position: relative;
  z-index: 2;
}

.cook_con01,
.cook_con02,
.cook_con03,
.cook_con04,
.cook_con05 {
  position: relative;
}

.cooking-page .cooking p.imgtxt {
  color: #000;
  font-size: 12px;
  margin: 10px 0 0;
}

.hokkaidou_col .img1_1 {
  width: 236px;
  margin: 0 auto;
}

.hokkaidou_col .img1_2 {
  width: 236px;
  margin: 15px auto 0;
}

.okinawa_col .img1_1 {
  width: 195px;
  margin: 0 auto;
}

.hokkaidou_col .img2_food {
  width: 247px;
  margin: 0 auto;
}

.hokkaidou_col .img2_1 {
  width: 245px;
  margin: 11px 0 0 22px;
}

.hokkaidou_col .img2_2 {
  width: 158px;
  margin: -50px 0 0 117px;
}

.hokkaidou_col .img2_3 {
  width: 246px;
  margin: -86px 0 0 -27px;
}

.hokkaidou_col .img2_tegami {
  margin: 40px 0 0;
}

#Contents .hokkaidou_col .img2_tegami img {
  width: 127px;
  margin: 0 auto;
}

.img2_tegami p {
  text-align: center;
}

.okinawa_col .img2_food {
  width: 247px;
  margin: 0 auto;
}

.okinawa_col .img2_1 {
  width: 168px;
  margin: 23px 0 0;
}

.okinawa_col .img2_2 {
  width: 267px;
  margin: 0 29px 0 0;
}

.okinawa_col .img2_tegami {
  margin: 48px 0 0;
}

#Contents .okinawa_col .img2_tegami img {
  width: 236px;
  margin: 0 auto;
}

.cook_con02 .okinawa_col h4 {
  width: 129px;
  position: absolute;
  bottom: 130px;
  left: -82px;
  z-index: 3;
}

.hokkaidou_col .img3_1 {
  width: 241px;
  margin: 0 auto;
}

.hokkaidou_col .img3_2 {
  width: 233px;
  margin: 16px auto 0;
}

.hokkaidou_col .img3_3 {
  width: 234px;
  margin: 20px auto 0;
}

.okinawa_col .img3_1 {
  width: 228px;
  margin: 0 auto;
}

.okinawa_col .img3_2 {
  width: 176px;
  margin: 20px 0 0 41px;
}

.okinawa_col .img3_2 p {
  padding-left: 29px;
}

.okinawa_col .img3_3 {
  width: 206px;
  margin: 20px auto 0;
}

.cook_con04 .hokkaidou_col h4 {
  width: 142px;
  margin: 0 auto;
}

.hokkaidou_col .img4_1 {
  width: 193px;
  margin: 8px 0 0 -10px;
}

.hokkaidou_col .img4_1 p {
  padding: 0 60px 0 45px;
}

.hokkaidou_col .img4_2 {
  width: 149px;
  margin: -150px 0 0 134px;
}

.cook_con04 .okinawa_col h4 {
  width: 180px;
  margin: 0 auto;
}

.okinawa_col .img4_1 {
  width: 200px;
  margin: 25px auto 0;
}

.okinawa_col .img4_2 {
  width: 134px;
  margin: -23px 0 0 -3px;
  position: relative;
}

.okinawa_col .img4_2 p {
  width: 110px;
  position: absolute;
  top: 50%;
  left: 144px;
  transform: translateY(-50%);
}

.hokkaidou_col .img5_1 {
  width: 155px;
  margin: 0 0 0 -19px;
}

.hokkaidou_col .img5_2 {
  width: 152px;
  margin: -131px 0 0 126px;
}

.hokkaidou_col .img5_3 {
  width: 229px;
  margin: -14px 0 0 10px;
}

.hokkaidou_col .img5_4 {
  width: 246px;
  margin: 0 auto;
}

.hokkaidou_col .img5_4 p {
  text-align: center;
}

.cook_con05 .okinawa_col .seikou {
  width: 117px;
  position: absolute;
  top: 226px;
  left: -78px;
  z-index: 3;
}

.okinawa_col .img5_1 {
  width: 213px;
  margin: 0 0 0 41px;
}

.okinawa_col .img5_2 {
  width: 265px;
  margin: 10px 0 0 30px;
}

.okinawa_col .img5_3 {
  width: 205px;
  margin: -12px 0 0 28px;
}

.okinawa_col .img5_4 {
  width: 198px;
  margin: -4px 0 0 20px;
}

.okinawa_col .img5_4 p {
  width: 86px;
}

.okinawa_col .img5_5 {
  width: 198px;
  margin: -94px 0 0 60px;
}


@media only screen and (max-width: 940px) {
  #BaseFrame {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }

  #HeaderBack {
    height: 14.68vw;
    background-size: 100% auto;
  }

  #ContentsBack {
    margin-top: -2px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  #HeaderContnens {
    padding-top: 1.38vw;
    padding-right: .31vw;
    padding-left: 4.36vw;
    width: 100%;
    display: flex;
  }

  #Logo img {
    width: 16.8vw !important;
    height: 14.04vw !important;
  }

  #LogoHouse {
    margin-top: 2.23vw;
    padding-left: 4.78vw;
  }

  #LogoHouse img {
    width: 25.31vw;
    height: auto;
  }


  /*--------------------------
	コンテンツ大枠
--------------------------*/
  #ContentsBack {
    background-image: url(../../images/contents_bg.gif);
    background-size: 100% auto;
  }

  #ContentsContainer {
    padding-top: 1.8vw;
  }

  /*--------------------------
	ナビゲーション
--------------------------*/
  #Navi {
    width: 20.1vw;
  }

  /*--------------------------
	フッター
--------------------------*/
  #FooterBack {
    background-image: url(../../images/footer_bg.gif);
    background-size: 100% auto;
    height: 14.46vw;
  }

  #FooterContents {
    padding-top: 3.51vw;
    margin-left: 1.06vw;
  }

  #FooterBack .generalMgn20r {
    margin-right: 2.12vw;
  }

  .mgnr140 {
    margin-right: 14.89vw;
  }

  .mgnr256 {
    margin-right: 0;
  }

  .bn_meito_img {
    width: 36vw;
    height: auto;
    margin-top: .85vw;
    float: right;
  }


  /*--------------------------
	30年目トップページ
--------------------------*/
  .thirtyyears-page #Title {
    margin: 0 auto 3.19vw;
  }

  .thirtyyears-page #Title h2 {
    margin: 0 auto 2.34vw;
  }

  .leadtext {
    margin: 0 auto 5.31vw;
  }

  .leadtext p,
  .school_col .school_info p {
    font-size: 1.7vw;
  }

  .school_col .school_info {
    padding: 2.12vw 2.978vw 2.978vw;
    border-radius: 1.59vw;
  }

  .school_col .school_info .image {
    margin: 1.8vw 0 1.59vw;
  }

  #sc_hokkaido .school_info {
    border: solid .74vw #66bf97;
  }

  #sc_hokkaido .school_info h3 {
    width: 27.12vw;
  }

  #sc_hokkaido .school_photo {
    top: -1.59vw;
    right: -1.59vw;
  }

  #sc_okinawa .school_info {
    border: solid .74vw #5eb7e8;
  }

  #sc_okinawa .school_info h3 {
    width: 18.08vw;
  }

  #sc_okinawa .school_photo {
    top: -3.61vw;
  }

  .japan_map {
    margin: -11.7vw 0 -13.82vw;
  }

  .japan_map img {
    width: 41.27vw;
    height: 40.1vw;
    right: -1.06vw;
  }

  .link_banner {
    margin: 7.97vw auto 0;
  }

  .link_banner ul li {
    padding: 2.65vw 4.25vw;
    margin: 4.25vw 0 0;
    border: solid .74vw #f19ec2;
    border-radius: 1.59vw;
  }

  .link_banner ul li .button {
    width: 24.25vw;
  }

  #Contents .link_banner ul li h4 img {
    height: 7.02vw;
  }

  .thirtyyears-page #Contents {
    padding-bottom: 6.38vw;
  }

  /*--------------------------
	オンライン座談会ページ
--------------------------*/
  #Navi {
    width: 20.1vw;
    margin-left: 1.59vw;
  }

  #Navi a {
    display: block;
  }

  #Navi a img {
    width: 100%;
    height: auto;
  }

  .discussion-page #Contents,
  .cooking-page #Contents {
    max-width: 63.82vw;
    margin-right: 20px;
    padding-bottom: 40px;
  }

  .lead_col p {
    font-size: 1.7vw;
  }

  .discussion-page .discussion {
    margin: 5.31vw 0 0;
  }

  .discussion-page .discussion h2 {
    width: 30.95vw;
  }

  .talk {
    min-height: 21.06vw;
    margin: 2.12vw 0 0;
  }

  .talk h3 {
    margin: 0 0 1.59vw;
  }

  .talk .minami h3,
  .talk .kaga h3,
  .talk .shimabukuro h3,
  .talk .miyama3 h3 {
    padding-top: 2.65vw;
  }

  #Contents .talk h3 img {
    height: 4.36vw;
  }

  .talk p {
    font-size: 14px;
    padding: 0 0 0 .53vw;
  }

  .toyomi {
    padding-right: 22.65vw;
  }

  .hikari {
    padding-left: 23.19vw;
  }

  .toyomi .image {
    width: 20.53vw;
  }

  .hikari .image {
    width: 21.06vw;
  }

  .discussion-page .discussion p.chushaku {
    font-size: 1.27vw;
    margin: 4.25vw 0 6.38vw;
  }

  /*--------------------------
	「はじめてクッキング」教室ページ
--------------------------*/
  .cooking-page .lead p {
    font-size: 1.48vw;
  }

  .cooking-page .cooking {
    margin: 3.19vw 0 5.31vw;
  }

  .hokkaidou_hd,
  .okinawa_hd {
    width: 29.78vw;
    padding: 1.17vw 0 1.17vw 7.76vw;
    border-radius: .85vw .85vw 0 0;
  }

  .hokkaidou_hd .icon {
    width: 7.76vw;
    height: 6.91vw;
    top: -.53vw;
    left: -.95vw;
  }

  #Contents .hokkaidou_hd h2 img,
  #Contents .okinawa_hd h2 img {
    height: 4.89vw;
  }

  .okinawa_hd {
    padding: 1.17vw 0 1.17vw 9.78vw;
  }

  .okinawa_hd .icon {
    width: 6.7vw;
    height: 7.87vw;
    top: -.319vw;
    left: .638vw;
  }

  .cooking-page .cooking h3 {
    top: 4.78vw;
  }

  .cooking-page .cooking .cook_con01 h3 {
    top: 2.65vw;
  }

  #Contents .cooking h3 img {
    height: 5.85vw;
  }

  .sc_col .hokkaidou_col,
  .sc_col .okinawa_col {
    width: 29.78vw;
    padding: 11.7vw 0 0;
  }

  .cook_con01 .sc_col .hokkaidou_col,
  .cook_con01 .sc_col .okinawa_col {
    padding: 10.63vw 0 0;
  }

  .cook_con05 .sc_col .hokkaidou_col,
  .cook_con05 .sc_col .okinawa_col {
    padding-bottom: 3.19vw;
  }

  .cooking-page .cooking p.imgtxt {
    font-size: 1.27vw;
    margin: 1.06vw 0 0;
  }

  .hokkaidou_col .img1_1 {
    width: 25.1vw;
  }

  .hokkaidou_col .img1_2 {
    width: 25.1vw;
    margin: 1.59vw auto 0;
  }

  .okinawa_col .img1_1 {
    width: 20.74vw;
  }

  .hokkaidou_col .img2_food {
    width: 26.27vw;
  }

  .hokkaidou_col .img2_1 {
    width: 26.06vw;
    margin: 1.17vw 0 0 2.34vw;
  }

  .hokkaidou_col .img2_2 {
    width: 16.8vw;
    margin: -5.31vw 0 0 12.44vw;
  }

  .hokkaidou_col .img2_3 {
    width: 26.17vw;
    margin: -9.14vw 0 0 -2.87vw;
  }

  .hokkaidou_col .img2_tegami {
    margin: 4.25vw 0 0;
  }

  #Contents .hokkaidou_col .img2_tegami img {
    width: 13.51vw;
  }

  .okinawa_col .img2_food {
    width: 26.27vw;
  }

  .okinawa_col .img2_1 {
    width: 17.87vw;
    margin: 2.44vw 0 0;
  }

  .okinawa_col .img2_2 {
    width: 28.4vw;
    margin: 0 3.08vw 0 0;
  }

  .okinawa_col .img2_tegami {
    margin: 5.1vw 0 0;
  }

  #Contents .okinawa_col .img2_tegami img {
    width: 25.1vw;
  }

  .cook_con02 .okinawa_col h4 {
    width: 13.72vw;
    bottom: 13.82vw;
    left: -8.72vw;
  }

  .hokkaidou_col .img3_1 {
    width: 25.63vw;
  }

  .hokkaidou_col .img3_2 {
    width: 24.78vw;
    margin: 1.7vw auto 0;
  }

  .hokkaidou_col .img3_3 {
    width: 24.89vw;
    margin: 2.12vw auto 0;
  }

  .okinawa_col .img3_1 {
    width: 24.25vw;
  }

  .okinawa_col .img3_2 {
    width: 18.72vw;
    margin: 2.12vw 0 0 4.36vw;
  }

  .okinawa_col .img3_2 p {
    padding-left: 3.08vw;
  }

  .okinawa_col .img3_3 {
    width: 21.91vw;
    margin: 2.12vw auto 0;
  }

  .cook_con04 .hokkaidou_col h4 {
    width: 15.1vw;
  }

  .hokkaidou_col .img4_1 {
    width: 20.53vw;
    margin: .85vw 0 0 -1.06vw;
  }

  .hokkaidou_col .img4_1 p {
    padding: 0 6.38vw 0 4.78vw;
  }

  .hokkaidou_col .img4_2 {
    width: 15.85vw;
    margin: -15.95vw 0 0 14.25vw;
  }

  .cook_con04 .okinawa_col h4 {
    width: 19.14vw;
  }

  .okinawa_col .img4_1 {
    width: 21.27vw;
    margin: 2.65vw auto 0;
  }

  .okinawa_col .img4_2 {
    width: 14.25vw;
    margin: -2.44vw 0 0 -.31em;
  }

  .okinawa_col .img4_2 p {
    width: 11.7vw;
    left: 15.31vw;
  }

  .hokkaidou_col .img5_1 {
    width: 16.48vw;
    margin: 0 0 0 -2.02vw;
  }

  .hokkaidou_col .img5_2 {
    width: 16.17vw;
    margin: -13.93vw 0 0 13.4vw;
  }

  .hokkaidou_col .img5_3 {
    width: 24.36vw;
    margin: -1.48vw 0 0 1.06vw;
  }

  .hokkaidou_col .img5_4 {
    width: 26.17vw;
  }

  .cook_con05 .okinawa_col .seikou {
    width: 12.44vw;
    top: 24.04vw;
    left: -8.29vw;
  }

  .okinawa_col .img5_1 {
    width: 22.65vw;
    margin: 0 0 0 4.36vw;
  }

  .okinawa_col .img5_2 {
    width: 28.19vw;
    margin: 1.06vw 0 0 3.19vw;
  }

  .okinawa_col .img5_3 {
    width: 21.8vw;
    margin: -1.27vw 0 0 2.97vw;
  }

  .okinawa_col .img5_4 {
    width: 21.06vw;
    margin: -.42vw 0 0 2.12vw;
  }

  .okinawa_col .img5_4 p {
    width: 9.14vw;
  }

  .okinawa_col .img5_5 {
    width: 21.06vw;
    margin: -10vw 0 0 6.38vw;
  }

}


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

  /* body {
	background:#FFAE00;
} */
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  /*基本マージン設定*/
  * {
    margin: 0px;
    padding: 0px;
  }

  /*イメージリンク設定*/
  a img {
    border: 0px;
  }

  /* a:link{
	font-weight:normal;
	color:#00F;
	text-decoration:underline;}

a:visited{
	font-weight:normal;
	color:#00F;
	text-decoration:underline;}

a:hover{
	font-weight:normal;
	color:#C00;
	text-decoration:none;}
   */
  img {
    width: 100%;
  }

  #Navi,
  #HeaderBack,
  #FooterBack {
    display: none !important;
  }

  .header,
  .footer {
    display: block;
  }

  .header {
    padding-bottom: 9.33vw;
    background: url(../../images/header_bg.gif) no-repeat center bottom 0;
    background-size: 92% auto;
  }

  .footer {
    padding-top: 10.66vw;
    background: url(../../images/footer_bg.gif) no-repeat center top 0;
    background-size: 92% auto;
  }

  .header .Logo_area {
    overflow: hidden;
  }

  .header .Logo_area .Logo {
    width: 40%;
    float: left;
    margin: 3% 0 0 4%;
    position: relative;
    z-index: 10;
  }

  .header .Logo_area .LogoHouse {
    width: 45%;
    float: right;
    margin: 30% 3% 0 0;
  }

  .header .ttl {
    position: relative;
    line-height: 0;
    margin-top: -8%;
    z-index: 1;
  }

  .header .ttl .m_ttl {
    position: absolute;
    top: 34%;
    width: 80%;
    left: 10%;
  }

  .header .ttl .s_ttl {
    position: absolute;
    top: 51%;
    left: 10%;
    width: 80%;
  }

  .header .nav {
    list-style: none;
  }

  .header .nav li {
    line-height: 0;
  }

  .Contents {
    padding: 4%;
  }

  /*1000万園児*/
  .area_10million {
    padding: calc((15 / 750) * 100vw) 0;
  }

  .area_10million .logo_10million {
    width: 40%;
    margin: 0 auto;
  }

  .area_10million .logo_10million img {
    vertical-align: top;
  }

  .area_10million>p {
    width: 60%;
    margin: 5px auto 0;
    padding-left: 0.5em;
    text-indent: -0.5em;
    font-size: calc((20 / 750) * 100vw);
    text-align: left;
    /*color: #e50012;*/
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
  }

  /*インフォメーション*/
  .lineMargin {
    width: 96%;
  }

  /*****背景枠*****/
  .Contents .info {
    overflow: hidden;
  }

  #info_bgTable {
    width: auto;
  }

  .Contents .info #info_bgTop {
    width: 100%;
    height: auto;
    background-image: none;
    line-height: 0;
  }

  .Contents .info #info_bgMiddle {
    background-image: url(../../images/sp/info_bg_middle.png);
    background-repeat: repeat-y;
    background-size: 100%;
    width: 100%;
  }

  .Contents .info #info_bgBottom {
    width: 100%;
    height: auto;
    background-image: none;
    line-height: 0;
  }

  .textContents {
    width: auto;
  }

  .textContents table {
    width: 95%;
    padding-bottom: 10px;
  }

  .textContents table td {
    line-height: 1.8;
  }

  .textContents table td:first-child {
    padding-left: 2%;
    width: 21%;
  }

  .footer .bnr_area {
    display: table;
    width: 85%;
    margin: 7% auto;
  }

  .footer .bnr_area p {
    display: table-cell;
    padding: 3%;
  }

  .footer .inquiry .address {
    -webkit-text-size-adjust: 100%;
    margin-top: 3%;
    font-weight: bold;
    color: #1c1200;
    font-size: 0.9rem;
    line-height: 1.2;
  }

  .footer .bnr_area2 {
    width: 55%;
    margin: 9% auto;
  }

  .footer .personal .p_ttl {
    -webkit-text-size-adjust: 100%;
    font-size: 1rem;
  }

  .footer .personal .p_txt {
    margin-top: 4%;
  }

  #FooterBack .nav {
    display: block;
  }

  .footer p.ftbg {
    padding: 3% 5%;
    margin-top: 6%;
    background: #fff;
  }

  #BaseFrame {
    padding: 0;
  }

  .nav a {
    display: block;
    line-height: 1;
  }

  .nav a img {
    line-height: 1;
    margin: 0;
  }

  .bnr_area,
  .inquiry,
  .personal {
    padding: 0 4%;
  }

  #ContentsBack {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }

  /*--------------------------
	30年目トップページ
--------------------------*/
  .thirtyyears-page #Title {
    margin: 0 auto 7.03125vw;
  }

  .thirtyyears-page #Title h2 {
    width: 44.84vw;
    max-width: none;
    margin: 0 auto 3.125vw;
  }

  .thirtyyears-page #Title h1 {
    width: 100%;
    max-width: none;
  }

  .leadtext {
    margin: 0 auto 7.03125vw;
  }

  .leadtext p,
  .school_col .school_info p {
    font-size: 3.75vw;
  }

  .school_col .school_info {
    width: 100%;
    max-width: none;
    padding: 4.68vw 4vw;
    border-radius: 2.34vw;
  }

  .school_col .school_info .image {
    margin: 4.68vw 0 3.12vw;
  }

  .school_col .school_photo {
    width: 100%;
    max-width: none;
    position: relative;
    margin-top: 9.37vw;
  }

  #sc_hokkaido .school_info {
    border: solid 1.09vw #66bf97;
  }

  #sc_hokkaido .school_info h3 {
    width: 51.09vw;
  }

  #sc_hokkaido .school_photo {
    top: 0;
    right: 0;
  }

  #sc_hokkaido .school_photo .smlbg {
    width: 28.125vw;
    height: 28.125vw;
    bottom: -19.375vw;
    left: 3.9vw;
  }

  #sc_hokkaido .school_photo .photos .ph01 {
    width: 35vw;
    height: 40.78vw;
    top: -2.18vw;
    right: 3.9vw;
  }

  #sc_hokkaido .school_photo .photos .ph02 {
    width: 40.3125vw;
    height: 40.3125vw;
    top: 18.28vw;
    left: -1.56vw;
  }

  #sc_hokkaido .school_photo .photos .ph03 {
    width: 42.03vw;
    height: 35.156vw;
    top: auto;
    bottom: 0;
    right: -0.625vw;
  }

  #sc_okinawa .school_info {
    margin-left: 0;
    border: solid 1.09vw #5eb7e8;
  }

  #sc_okinawa .school_info h3 {
    width: 33.9vw;
  }

  #sc_okinawa .school_photo {
    top: 0;
  }

  #sc_okinawa .school_photo .smlbg {
    width: 18.28vw;
    height: 18.125vw;
    top: -8.75vw;
    left: 35.468vw;
  }

  #sc_okinawa .school_photo .photos .ph01 {
    width: 32.18vw;
    height: 31.09vw;
    top: 1.875vw;
    left: 0.625vw;
  }

  #sc_okinawa .school_photo .photos .ph02 {
    width: 40.78125vw;
    height: 40.78125vw;
    top: 13.9vw;
    right: 2.1875vw;
  }

  #sc_okinawa .school_photo .photos .ph03 {
    width: 35.15vw;
    height: 31.87vw;
    top: auto;
    bottom: 3.75vw;
    left: 0.625vw;
  }

  .japan_map {
    margin: 3.125vw 0;
    position: relative;
  }

  .japan_map::after {
    content: "";
    width: 18.28vw;
    height: 18.125vw;
    display: block;
    background: url(../../30th_year/images/bg_en_small02.png);
    background-size: 100% auto;
    position: absolute;
    bottom: 3.75vw;
    right: 2.34vw;
  }

  .japan_map img {
    width: 77.34vw;
    height: 75.31vw;
    right: -1.875vw;
  }

  .link_banner {
    margin: 15.62vw auto 0;
  }

  .link_banner ul li {
    padding: 4.68vw 0;
    margin: 6.25vw 0 0;
    border: solid 1.09vw #f19ec2;
    border-radius: 2.34vw;
    display: block;
  }

  .link_banner ul li .button {
    width: 50vw !important;
    margin: 4.68vw auto 0;
  }

  #Contents .link_banner ul li h4 img {
    height: 12.5vw;
    margin: 0 auto;
  }

  .thirtyyears-page #Contents {
    padding-bottom: 12.5vw;
  }


  /*--------------------------
	オンライン座談会ページ
--------------------------*/
  .discussion-page #Contents,
  .cooking-page #Contents {
    max-width: none;
    margin-right: 0;
    padding-bottom: 12.5vw;
  }

  .cooking-page #Contents {
    padding-bottom: 0;
  }

  .lead_col {
    display: block;
  }

  .lead_col p {
    font-size: 3.75vw;
    width: auto;
  }

  .lead_col .image {
    width: 54.21vw;
    margin: 3.9vw auto 0;
  }

  .discussion-page .discussion {
    margin: 12.5vw 0 0;
  }

  .discussion-page .discussion h2 {
    width: 55.46vw;
  }

  .imgcol {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .toyomi .imgcol {
    justify-content: space-between;
  }

  .hikari .imgcol {
    flex-direction: row-reverse;
  }

  .talk {
    min-height: inherit;
    margin: 6.25vw 0 0;
  }

  .talk h3 {
    margin: 0;
  }

  .talk .minami h3,
  .talk .kaga h3,
  .talk .shimabukuro h3,
  .talk .miyama3 h3 {
    padding-top: 0;
  }

  #Contents .talk h3 img {
    height: 13.125vw;
  }

  .talk .image {
    position: relative;
  }

  .talk p {
    font-size: 3.75vw;
    line-height: 1.5;
    padding: 0 0 0 .78vw;
  }

  .toyomi {
    padding-right: 0;
  }

  .hikari {
    padding-left: 0;
  }

  .toyomi .image {
    width: 36.71vw;
  }

  .hikari .image {
    width: 37.5vw;
    margin-right: 3.125vw;
  }

  .discussion-page .discussion p.chushaku {
    font-size: 3.125vw;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    margin: 9.375vw 0;
  }

  #Contents img.generalMgn10b {
    width: 42.5vw;
  }


  /*--------------------------
	「はじめてクッキング」教室ページ
--------------------------*/
  .cooking-page .lead {
    margin: 0 0 6.25vw;
  }

  .cooking-page .lead p {
    font-size: 3.75vw;
  }

  .cooking-page .cooking {
    width: 75vw;
    margin: 0 auto 9.375vw;
  }

  .sc_head {
    display: none;
  }

  .sc_col {
    display: block;
  }

  .hokkaidou_hd,
  .okinawa_hd {
    width: 100%;
    padding: 2.34vw 0 2.34vw 19.06vw;
    border-radius: 1.25vw 1.25vw 0 0;
  }

  .hokkaidou_hd .icon {
    width: 17.34vw;
    height: 15.78vw;
    position: absolute !important;
    top: -1.56vw;
    left: -1.56vw;
  }

  #Contents .hokkaidou_hd h2 img,
  #Contents .okinawa_hd h2 img {
    height: 9.375vw;
  }

  .okinawa_hd {
    padding: 2.34vw 0 2.34vw 21.875vw;
  }

  .okinawa_hd .icon {
    width: 14.68vw;
    height: 17.18vw;
    top: -.625vw;
    left: .78vw;
    position: absolute !important;
  }

  .cooking-page .cooking h3 {
    margin: 0 0 4.68vw;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }

  .cooking-page .cooking .cook_con01 h3 {
    top: 0;
  }

  #Contents .cooking h3 img {
    height: 12.5vw;
    margin: 0 auto;
  }

  .sc_col .hokkaidou_col,
  .sc_col .okinawa_col {
    width: 100%;
    padding: 0 0 6.25vw !important;
    border-radius: 1.25vw;
  }

  .sc_col .hokkaidou_col::before,
  .sc_col .okinawa_col::before {
    display: none;
  }

  .hokkaidou_col {
    background: #e8f5f0;
  }

  .okinawa_col {
    margin-top: 6.25vw;
    background: #e7f4fc;
  }

  .cooking-page .cooking p.imgtxt {
    font-size: 3.75vw;
    margin: 3.125vw 0 0;
  }

  .cook_con02,
  .cook_con03,
  .cook_con04,
  .cook_con05 {
    margin-top: 10.93vw;
  }

  .hokkaidou_col .img1_1 {
    width: 61.25vw;
    margin: 4.68vw auto 0;
  }

  .hokkaidou_col .img1_2 {
    width: 59.21vw;
    margin: 3.9vw auto 0;
  }

  .okinawa_col .img1_1 {
    width: 100%;
    margin: 3.9vw auto 0;
  }

  #Contents .okinawa_col .img1_1 img {
    width: 49.21vw;
    margin: 0 auto;
  }

  .okinawa_col .img1_1 p {
    text-align: center;
  }

  .hokkaidou_col .img2_food {
    width: 54.06vw;
    margin: 4.68vw auto 0;
  }

  .hokkaidou_col .img2_1 {
    width: 58.12vw;
    margin: 3.59vw 0 0 5.46vw;
  }

  .hokkaidou_col .img2_2 {
    width: 37.5vw;
    margin: -12.96vw 0 0 39.53vw;
  }

  .hokkaidou_col .img2_3 {
    width: 57.96vw;
    margin: -19.53vw 0 0 -2.81vw;
  }

  .hokkaidou_col .img2_tegami {
    margin: 14.06vw 0 0;
  }

  #Contents .hokkaidou_col .img2_tegami img {
    width: 31.71vw;
    margin: 0 auto;
  }

  .cook_con02 .hokkaidou_col h4 {
    position: absolute;
    left: 41.56vw;
    width: 30.31vw;
    z-index: 3;
  }

  .okinawa_col .img2_food {
    width: 57.96vw;
    margin: 4.68vw auto 0;
  }

  .okinawa_col .img2_1 {
    width: 41.87vw;
    margin: 5.46vw auto 0;
  }

  .okinawa_col .img2_2 {
    width: 69.37vw;
    margin: 3.9vw auto 3.12vw;
  }

  .okinawa_col .img2_tegami {
    margin: 16.31vw 0 0;
  }

  #Contents .okinawa_col .img2_tegami img {
    width: 58.75vw;
    margin: 0 auto;
  }

  .cook_con02 .okinawa_col h4 {
    position: absolute;
    bottom: auto;
    left: 41.56vw;
    width: 30.31vw;
    z-index: 3;
  }

  .hokkaidou_col .img3_1 {
    width: 62.65vw;
    margin: 4.68vw auto 0;
  }

  .hokkaidou_col .img3_2 {
    width: 60.46vw;
    margin: 3.125vw auto 0;
  }

  .hokkaidou_col .img3_3 {
    width: 64.37vw;
    margin: 4.68vw auto 0;
  }

  .okinawa_col .img3_1 {
    width: 54.68vw;
    margin: 4.68vw auto 0;
  }

  .okinawa_col .img3_2 {
    width: 45.31vw;
    margin: 4.68vw 0 0 10.31vw;
  }

  .okinawa_col .img3_2 p {
    padding-left: 7.03vw;
  }

  .okinawa_col .img3_3 {
    width: 50.62vw;
    margin: 3.125vw auto 0;
  }

  .cook_con04 .hokkaidou_col h4 {
    width: 33.28vw;
    margin: 4.68vw auto 0;
  }

  .hokkaidou_col .img4_1 {
    width: 45.31vw;
    margin: 2.5vw 0 0 -1.875vw;
  }

  .hokkaidou_col .img4_1 p {
    margin: 7.03vw -24vw 0 0;
    padding: 0 0 0 10.93vw;
  }

  .hokkaidou_col .img4_2 {
    width: 35vw;
    margin: -50.31vw 0 10vw 40.93vw;
  }

  .cook_con04 .okinawa_col h4 {
    width: 42.18vw;
    margin: 4.68vw auto 0;
  }

  .okinawa_col .img4_1 {
    width: 53.75vw;
    margin: 4.68vw auto 0;
  }

  .okinawa_col .img4_2 {
    width: 36.09vw;
    margin: -3.59vw 0 0 1.87vw;
    position: relative;
  }

  .okinawa_col .img4_2 p {
    width: 27vw;
    left: 39.375vw;
  }

  .hokkaidou_col .img5_1 {
    width: 39.21vw;
    margin: 4.68vw 0 0 -3.9vw;
  }

  .hokkaidou_col .img5_2 {
    width: 37.5vw;
    margin: -41.4vw 0 0 36.875vw;
  }

  .cook_con05 .hokkaidou_col .seikou {
    width: 57.81vw;
    margin: 0 auto 1.25vw;
  }

  .hokkaidou_col .img5_3 {
    width: 60.46vw;
    margin: 0 auto 3.125vw;
  }

  .hokkaidou_col .img5_4 {
    width: 62.65vw;
    margin: 0 auto;
  }

  .cook_con05 .okinawa_col .seikou {
    width: 57.81vw;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
  }

  .okinawa_col .img5_1 {
    width: 62.5vw;
    margin: 4.68vw auto 2.34vw;
  }

  .okinawa_col .img5_2 {
    width: 67.18vw;
    margin: 1.25vw 0 0 2.34vw;
  }

  .okinawa_col .img5_3 {
    width: 52.34vw;
    margin: -4.3vw 0 0 7.65vw;
  }

  .okinawa_col .img5_4 {
    width: 57.5vw;
    margin: 3.9vw 0 0 4.06vw;
  }

  .okinawa_col .img5_4 p {
    width: 27.78vw;
  }

  .okinawa_col .img5_5 {
    width: 42.18vw;
    margin: -38.43vw 0 0 33.59vw;
  }


}

@media (max-width: 370px) {
  .area_10million>p {
    width: 69%;
  }
}


@media (hover: hover) {
  .link_banner ul li .button:hover {
    opacity: .7;
  }

}