@charset "utf-8";
@media screen and (min-width:791px){
@charset "utf-8";
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, h1, h2, h3, h4, h5, h6, form, select, input, nav, strong , em{
	margin: 0px;
	padding: 0px;
	border:none;
	font-size:1.4vw;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
body {
	background-color: #fefefe;
}
a{
	text-decoration:none;
	color:#0F97E8;
}
a:hover{
	text-decoration:underline;
	color:#0F97E8;
}
#head_top{
	width:80%;
	height:12vw;
	margin:0px auto;
	position:relative;
}
#anpan{
	width:60%;
	position:absolute;
	z-index:100;
	top:0px;
	right:5px;
}
#line_top{
	height:1vw;
	background:url(../images/rainbow.png) repeat-y;
	background-size:100% 100%;
}
h1{
	float:left;
	background:url(../images/taikaku_title.png) no-repeat;
	background-size:100% 100%;
	width:22vw;
	height:30vw;
	text-indent:-9999px;
	position:absolute;
	top:2vw;
	left:5vw;
	z-index:2;
	border-radius: 15px;
}
#slide_area{
	width:80%;
	height:30vw;
	margin:0 auto;
	position:relative;
}
#top_sns{
	width:80vw;
	position:absolute;
	z-index:100;
	bottom:20px;
	left:63vw;
}
#top_sns a:hover{
	opacity:0.6;
}
#slider{
	z-index:-1;
}
#head_nav_area{
	background:#fff;
	height:3vw;
	margin-bottom:5vw;
	position:relative;
}
nav{
	width:80%;
	margin:0px auto;
}
nav ul{
	list-style-type: none;
}
nav li{
	float:left;
	text-align:center;
}
nav li a{
	width:16vw;
	height:3.2vw;
	font-size:1.8vw;
	color:#333333;
	padding-top:2vw;
	display:block;
}
nav li a:hover{
	text-decoration:none;
	color:#333333;
	font-size:1.8vw;
	font-weight:bold;
}
nav p{
	display:inline-block;
}
#gnav01 a{
	border-bottom:0.6vw solid #eb6161;
}
#gnav02 a{
	border-bottom:0.6vw solid #f6ac2b;
}
#gnav03 a{
	border-bottom:0.6vw solid #a5cd4a;
}
#gnav04 a{
	border-bottom:0.6vw solid #4b9ed6;
}
#gnav05 a{
	border-bottom:0.6vw solid #b19dca;
}
#gnav01 a:hover{
	height:2.8vw;
	border-bottom:1vw solid #eb6161;
}
#gnav02 a:hover{
	height:2.8vw;
	border-bottom:1vw solid #f6ac2b;
}
#gnav03 a:hover{
	height:2.8vw;
	border-bottom:1vw solid #a5cd4a;
}
#gnav04 a:hover{
	height:2.8vw;
	border-bottom:1vw solid #4b9ed6;
}
#gnav05 a:hover{
	height:2.8vw;
	border-bottom:1vw solid #b19dca;
}

#main{
	width:80%;
	margin:0px auto;
}
.contents{
	background-color:#fff;
	padding:2vw;
}
.contents p{
	line-height:2em;
	margin-bottom:1vw;
}
h2{
	color:#000;
	font-size:1.8vw;
    position: relative;
    color: #111;
    font-weight: bold;
    margin:0 0 2vw 0;
    padding: 1vw 0 0.3vw 2.5vw;
}
h2:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0.4em;
    height: 1vw;
    width: 1vw;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h2:after{
    content: "";
    position: absolute;
    top: 1.0em;
    left: 0;
    height: 0.6vw;
    width: 0.6vw;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
h3{
	color:#000;
	font-size:1.4vw;
    position: relative;
    color: #111;
    font-weight: bold;
    margin:0 0 0.5vw 0;
}
#sns img{
	width:4vw;
	height:auto;
}
footer{
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#333), to(#000));/* webkit系 */
	background: -moz-linear-gradient(top center, #333 0%, #000 100%); /* Mozilla系 */
	/* InternetExplorer */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=1); /* IE5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0)"; /* IE8-9 */
	background: -ms-linear-gradient(top, #333, #000); /* IE10 */
}
#foot_area{
	width:80%;
	background:url(../images/yeg_logo.png) no-repeat right top;
	margin:0 auto;
}
#dantai{
	width:60%;
	margin:0 auto;
	padding-top:2vw;
	color:#fff;
	position:relative;
}
#shusai{
	font-size:1.8vw;
	font-weight:bold;
	line-height:1em;
}
#kyousai{
	font-size:1.4vw;
	font-weight:bold;
}
#kouen{
	font-size:1.2vw;
}
#toi{
	background-color:#fff;
	border-radius: 2vw;
	color:#000;
	line-height:2.5em;
	padding:0.2vw 1vw;
	font-weight:bold;
	font-size:1.2vw;
}
#tel{
	font-size:1.4vw;
	font-weight:bold;
	padding:1.6vw 0px 0px 1vw;
	position:relative;
	top:0.2vw;
}
#copy{
	text-align:center;
	font-size:1.1vw;
	color:#888888;
	margin-top:2vw;
	padding-bottom:1vw;
}
table{
	width:100%;
	border-collapse:collapse;
	font-size:1.2vw;
}
table th , td{
	padding:1vw;
}

#genki_photo{
	margin:0px 0px 2vw 2vw;
	float:right;
}
#genki_photo img{
	border-radius: 10px;
}
#gaiyou{
	width:60%;
	color:#444;
	float:left;
	margin-right:3vw;
	float:left;
}
#huwahuwa{
	width:26vw;
	float:right;
}
#huwahuwa img{
	border-radius: 10px;
}
#kaijo{
	width:60%;
	color:#444;
	float:left;
	margin-right:3vw;
}
#map{
	width:25vw;
	float:right;
}
}
@media screen and (max-width:790px){
@charset "utf-8";
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, h1, h2, h3, h4, h5, h6, form, select, input, nav, strong , em{
	margin: 0px;
	padding: 0px;
	border:none;
	font-size:3.8vw;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clear{
	clear:both;
}
.s_hide{
	display:none;
}
body {
	background-color: #fefefe;
}
a{
	text-decoration:none;
	color:#0F97E8;
}
a:hover{
	text-decoration:underline;
	color:#0F97E8;
}
header{
	height:95vw;
}
#head_top{
	width:100%;
	height:25vw;
	margin:0px auto;
	position:relative;
}
#anpan{
	width:75%;
	position:absolute;
	z-index:100;
	top:-5vw;
	right:6px;
}
#line_top{
	height:5vw;
	background:url(../images/rainbow.png) repeat-y;
	background-size:100% 100%;
}
h1{
	float:left;
	background:url(../images/taikaku_title.png) no-repeat;
	background-size:100% 100%;
	width:45vw;
	height:60.5vw;
	text-indent:-9999px;
	position:absolute;
	top:2vw;
	z-index:10000;
}
#slide_area{
	width:100%;
	height:37.5vw;
	margin:0 auto;
	position:relative;
}
#top_sns{
	position:absolute;
	z-index:100;
	bottom:1vw;
	right:4vw;
}
#top_sns img{
	width:8vw;
	height:8vw;
}
#slider{
	z-index:-1;
}
#head_nav_area{
	background:#fff;
	height:3vw;
	margin-bottom:7vw;
}
nav{
	width:100%;
	margin:0px auto;
}
nav ul{
	list-style-type: none;
	padding-bottom:5vw;
}
nav li{
	float:left;
	text-align:center;
}
nav li a{
	font-size:4vw;
	font-weight:bold;
	color:#fff;
	padding:3.8vw 0 3.2vw;
	display:block;
}
nav a:hover{
	text-decoration:none;
	color:#333333;
	font-size:4vw;
	font-weight:bold;
	opacity:0.6;
}
nav p{
	display:inline-block;
}
#gnav01 a , #gnav02 a , #gnav03 a{
	width:33.3vw;
	height:5vw;
}
#gnav04 a , #gnav05 a{
	width:50vw;
	height:5vw;
}

#gnav01 a{
	background:#eb6161;
}
#gnav02 a{
	background:#f6ac2b;
}
#gnav03 a{
	background:#a5cd4a;
}
#gnav04 a{
	background:#4b9ed6;
}
#gnav05 a{
	background:#b19dca;
}


#main{
	width:100%;
	margin:0px auto;
}
.contents{
	background-color:#fff;
	padding:3vw;
}
.contents p{
	line-height:1.8em;
	margin-bottom:1vw;
}
h2{
	color:#000;
	font-size:4.5vw;
    position: relative;
    color: #111;
    font-weight: bold;
    margin:0 0 4vw 0;
    padding: 1vw 0 0.3vw 5vw;
}
h2:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0.4em;
    height: 2vw;
    width: 2vw;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h2:after{
    content: "";
    position: absolute;
    top: 1.0em;
    left: 0;
    height: 1.2vw;
    width: 1.2vw;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
h3{
	color:#000;
	font-size:4.5vw;
    position: relative;
    color: #111;
    font-weight: bold;
    margin:2.5vw 0 2vw 0;
}
#sns img{
	width:14vw;
	height:auto;
}
footer{
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#333), to(#000));/* webkit系 */
	background: -moz-linear-gradient(top center, #333 0%, #000 100%); /* Mozilla系 */
	/* InternetExplorer */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=1); /* IE5.5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0)"; /* IE8-9 */
	background: -ms-linear-gradient(top, #333, #000); /* IE10 */
}
#foot_area{
	width:90%;
	background:url(../images/yeg_logo.png) no-repeat right top;
	margin:0 auto;
}
#foot_area p{
	line-height:1.8em;
}
#dantai{
	width:100%;
	margin:0 auto;
	padding-top:4vw;
	color:#fff;
	position:relative;
}
#shusai{
	font-size:4vw;
	font-weight:bold;
	line-height:1em;
}
#kyousai{
	font-size:4vw;
	font-weight:bold;
}
#kouen{
	font-size:3.5vw;
}
#toi{
	background-color:#fff;
	border-radius: 4vw;
	color:#000;
	line-height:2.5em;
	padding:1vw 2vw;
	font-weight:bold;
	font-size:3vw;
	position:relative;
	top:2vw;
}
#tel{
	font-size:4vw;
	font-weight:bold;
	padding:1.6vw 0px 0px 1vw;
	position:relative;
	top:3vw;
	left:2vw;
}
#copy{
	text-align:center;
	font-size:3vw;
	color:#888888;
	margin-top:6vw;
	padding-bottom:2vw;
}
table{
	width:100%;
	border-collapse:collapse;
	font-size:1.2vw;
}
table th , table td{
	padding:2vw 2vw;
	line-height:1.8em;
}
#genki_photo{
	margin:0px 0px 1vw 2vw;
	float:right;
}
#genki_photo img{
	width:30vw;
	border-radius: 10px;
}
#gaiyou{
	width:100%;
	color:#444;
	float:left;
	margin-bottom:4vw;
}
#huwahuwa{
	width:60%;
	margin:0 auto
}
#huwahuwa img{
	border-radius: 10px;
}
#kaijo{
	width:100%;
	color:#444;
	margin-bottom:4vw;
}
#map{
	width:90%;
	margin:0 auto;
}
}