@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-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 {
	margin:50px 0 0;
}
.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 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 {
	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 h3 {
	position:absolute;
	top:45px;
	left:50%;
	transform:translateX(-50%);
	z-index:3;
}
.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 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 {
	margin:5.31vw 0 0;
}
.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 p.chushaku {
	font-size:1.27vw;
	margin:4.25vw 0 6.38vw;
}

/*--------------------------
	「はじめてクッキング」教室ページ
--------------------------*/
.cooking-page .lead p {
	font-size:1.48vw;
}
.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 h3 {
	top:4.78vw;
}
.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 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 {
	margin:12.5vw 0 0;
}
.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 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 {
	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 h3 {
	margin:0 0 4.68vw;
	position:relative;
	top:0;
	left:0;
	transform:none;
}
.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 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;
}

}