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

/* -----------------------------------------------------------------------------
	タイトル
--------------------------------------------------------------------------------*/
.title_recipes {margin-bottom:1rem; clear:both; position:relative; padding:0rem 0 0rem;}

.title_recipes .title-in{width: 100%; height: 20%;overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
 font-size:4rem; font-weight:700; color:#fff;}
 
 .title_recipes .title-inFCS{width: 100%; height: 20%;overflow: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;
 font-size:4rem; font-weight:700; color:#fff; text-shadow: 1px 1px 13px rgba(15, 15, 15, 0.55);}

@media (max-width: 767px) {
	.title_recipes {padding:5.7rem 0 0rem;}
	.title_recipes .title-in{width: 100%; height: 20%;overflow: auto; position: absolute; top: 4rem; left: 0; bottom: 0; right: 0; margin: auto;
     font-size:3rem;	}
	.title_recipes .title-inFCS{width: 100%; height: 20%;overflow: auto; position: absolute; top: 4rem; left: 0; bottom: 0; right: 0; margin: auto;
     font-size:3rem;	}
	}
	
.contact_h2 {margin-bottom:2rem;}
.contact_h2 h2{text-align:center; font-size:1.8rem; }

@media (max-width: 359px) {
.contact_h2 h2{text-align:center; font-size:1.6rem; }
.title_recipes .title-inFCS{width: 100%; height: 20%;overflow: auto; position: absolute; top: 4rem; left: 0; bottom: 0; right: 0; margin: auto;
     font-size:2rem;	}	
}

/* -----------------------------------------------------------------------------
	説明 
--------------------------------------------------------------------------------*/

.school .intro{ font-size:1.6rem; line-height:1.5; margin-bottom:3rem;}


.school_staff { padding:2rem 0; font-size:1.4rem;}
.school_staff img{ padding: 0 2rem; width:90%; height:auto; display: block; margin-right: auto; margin-left: auto;}

@media (max-width: 640px) {
.school_staff img{ width:50%;}	
}

.school_guide {font-size:1.4rem; margin-top:1rem; margin-bottom:3rem; border:#ccc 1px solid; padding:.5rem 1rem 0; text-align:center;}
.school_guide h3 {font-size:1.8rem;}
.school_guide h3 span {font-size:1.6rem;}

.school_guide h3 img{ vertical-align:middle; width:10rem; height:auto;}

.school_guide .address {font-size:1.6rem;}



/* -----------------------------------------------------------------------------
リンクボタン 
--------------------------------------------------------------------------------*/

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	height: 54px;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.button_1 {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	font-size:14px;
	margin:1rem;
	width: 200px;
}
.button_1:hover {
	background-color: #fff;
	border-color: #333;
	color: #333;
	text-decoration:none;
}

.button_2 {
	background-color: #669933;
	border: 2px solid #669933;
	color: #fff;
	font-size:14px;
	margin:1rem;
	width: 300px;
}
.button_2:hover {
	background-color: #fff;
	border-color: #669933;
	color: #669933;
	text-decoration:none;
}

@media (max-width: 359px) {
.button_2 {
	background-color: #669933;
	border: 2px solid #669933;
	color: #fff;
	font-size:12px;
	margin:1rem;
	width: 200px;
}
}

/* -----------------------------------------------------------------------------
	my-gallery マイギャラリー 
--------------------------------------------------------------------------------*/

.my-gallery {margin:0 auto;}
.my-gallery img {width:220px; height:auto; margin:1rem .5rem;}
.my-gallery figure {width: 25%; float:left; text-align:center; margin-bottom:1.5rem;}
.my-gallery figcaption{font-size:1.4rem;}

@media screen and (max-width : 1024px) {
	.my-gallery img {width:220px; height:auto;}
	
	}

@media screen and (max-width : 800px) {
	.my-gallery img {width:80%; height:auto;}
	.my-gallery figure {width: 50%; float:left;}
	
	}
	
.mb3 {margin-bottom:3rem;}


/* -----------------------------------------------------------------------------
	フォーム　導入 
--------------------------------------------------------------------------------*/

.contact_h2 {margin-bottom:2rem;}
.contact_h2 h2{text-align:center; font-size:1.8rem; }

@media (max-width: 359px) {
.contact_h2 h2{text-align:center; font-size:1.6rem; }
}

/* -----------------------------------------------------------------------------
	フォーム 
--------------------------------------------------------------------------------*/

.padding10 {padding:1.5rem 1rem;}
.padding11 {padding:1.8rem 1rem;}

@media (max-width: 767px) {
	.padding10 {padding:0rem 1rem 1rem;}
	.padding11 {padding:1rem 1rem .5rem;}
	}
	
.contact { margin-bottom:3rem; }
.contact .intro{ font-size:1.6rem; line-height:1.5; text-align:center;}

#form {font-size:1.6rem;}

#form .mk_red {color:#ff0000; font-weight:700;}

#form label{font-weight:normal;}

.btn_field {text-align:center; margin:2rem auto;}

/* -----------------------------------------------------------------------------
	規約
--------------------------------------------------------------------------------*/
#rue_wrap {padding:3rem; font-size:1.4rem;}

#rue_wrap h4 {font-size:1.4rem; font-weight:600;}

.term_send {text-align:center; padding:3rem;}

/* -----------------------------------------------------------------------------
	送信完了 / 送信エラー 
--------------------------------------------------------------------------------*/

.text-success { text-align:center; margin:; padding:2rem 1rem 10rem; font-size:1.6rem; line-height:1.8;}
.text-success h4 {font-size:2rem; line-height:2; font-weight:600; margin-bottom:2rem;}
.text-danger { text-align:center; margin:; padding:2rem 1rem 10rem; font-size:1.6rem; line-height:1.8;}
.text-danger h4{font-size:2rem; line-height:2; font-weight:600; margin-bottom:2rem;}