@charset "utf-8";
/* 要素のスタイルを初期状態にリセット */
element {
    all: initial;
}
/*------- html ------------------------------*/
html {
	min-height:100%;
}
/*------- body ------------------------------*/
body{
	background:linear-gradient(#87cefa,#ffffe0);
	/*width:100%;*/
	width:auto;
	/*height:100vh;*/
	/*overflow-x:scroll*/;
	/*min-width:600px;*/
}

/*------- wrapper ------------------------------*/

#wrapper {
	width:100%;
	/*height:100vh;*/
	/*width:500px;*/
	margin:0 auto;
	/*margin:10px 10px;*/
	padding:0 5px;
}

@media screen and (min-width:1200px){
	#wrapper {
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}
#header{
	position:relative;
	/*display:none;*/
	margin:0;
	z-index:8;
}
#header nav{/* グローバルメニュー（横型）*/
	display:block;
	background-color:#87cefa;
}
@media screen and (max-width:768px){
	#header{
		top:0;
	}
}

#g-menu{/* ハンバーガメニュー */
	display:none;
	float:left;
	width:50px;
	z-index:9;
}
@media screen and (max-width:768px){
	/* ハンバーガーメニューのアイコンは表示 */
	#g-menu{
		display:block;
		/*float:left;
		width:150px;*/
	}
	/* グローバルメニューは非表示 */
	#header nav{
		display:none;
	}
}
#hbg-menu{
	float:left;
}
#g-menu h4{
	position: relative;/*ボタンを左上に配置し基点とする*/
	color:#999;
}

@media screen and (max-width:768px){
	#g-menu-nav{/* グローバルメニュー（横型）*/
		background-color:red;
/*		background-color:lightblue;*/
		top:50;
		position:fixed;
		z-index:5;
	}
}/**/
/*------- タイトルヘッダー ------------------------------*/
#header-title {
	/*position:relative;
	position:absolute;*/
	top:60px;
	width:100%;
	padding:29px 0 22px 0;
	background-image:
/*	background: -webkit-radial-gradient(#fff,#03c),
	background: -moz-radial-gradient(#fff,#03c),
	background: radial-gradient(#fff,#03c),*/
	url(../upload/ume20250226.png),		/*花の写真*/
	-webkit-radial-gradient(#fff,#03c),
	/*-moz-radial-gradient(#fff,#03c),*/
	radial-gradient(#fff,#03c);
	background-size:150px 100px,contain;
	background-position:top left,top left;
	background-repeat:no-repeat,no-repeat;
	z-index:4;
}
#header-title1 {
	/*position:relative;
	position:absolute;*/
	top:60px;
	width:100%;
	padding:29px 0 22px 0;
	background-image:
/*	background: -webkit-radial-gradient(#fff,#03c),
	background: -moz-radial-gradient(#fff,#03c),
	background: radial-gradient(#fff,#03c),*/
	url(../upload/ume20250226.png),		/*花の写真*/
/*	-webkit-radial-gradient(#fff,#03c),*/
	-webkit-radial-gradient(#fff,red),
	/*-moz-radial-gradient(#fff,#03c),*/
/*	radial-gradient(#fff,#03c);*/
	radial-gradient(#fff,red);
	background-size:150px 100px,contain;
	background-position:top left,top left;
	background-repeat:no-repeat,no-repeat;
	z-index:4;
}

#site_title a{
    text-decoration: none;
}/**/
#title{
	display:block;
/*	margin:0 auto;*/
	text-align:center;
	font-size:40px;
/*	color:#515151;*/
	color:green;
}
#subtitle{
	display:block;
	border-top:1px dashed #3b98b6;
	text-align:center;
	font-size:16px;
	font-weight:normal;
/*	color:#3b98b6;*/
	color:red
}

@media screen and (max-width:1000px){
	#title{
		font-size:30px;
	}
	#subtitle{
		font-size:12px;
	}
}
@media screen and (max-width:768px){
	#title{
		font-size:30px;
	}
}
@media screen and (max-width:600px){
	#title{
		font-size:25px;
	}
}
@media screen and (max-width:500px){
	#title{
		font-size:20px;
	}
}
nav{
	margin:0;
}
/*------- ページトップ---------------------------*/
#pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
#pagetop a {
    display: block;
    background-color: #87cefa;
    text-align: center;
    color: #000;	/*#222*/
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
    filter:alpha(opacity=50);
/*    -moz-opacity: 0.5;*/
    opacity: 0.5;
}
#pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
    filter:alpha(opacity=50);
/*    -moz-opacity: 0.5;*/
    opacity: 0.5;
}
/*------- フッター ------------------------------*/
#footer{
	width:100%;
	padding:10px 0 0 0;
	text-align:right;
	background-position:center bottom;
	border-top:1px dashed #3b98b6;
	
	/*position:absolute;
	position:fixed*/;
	bottom:0;
}
/*--------- 問合せの枠組み ------------------------------------*/
.box{
        margin:5%;
	padding:10px,5px;
	background-color:#f0fff0;
	border-radius:10px;
	width:auto;
}
.box .toiawase{
	position:relative;
	width:200px;
	background-color:#339933;
	color:white;
	text-align:center;
}
.contents{
        margin-top:15px;
        margin-left:15px;
	width:95%;
}
/*--------- form ------------------------------------*/
.formbox{
	margin:0 auto; 
	width:100%;
	/*background-color:red;*/
}

input[type="text"],input[type="email"],input[type="tel"]{
	width:35em;
	border:1px solid #ccc;
	font-family:sans-serif;
	font-size:16px;
	/*line-height:1em;*/
}

textarea{
	border:1px solid #ccc;
	width:100%;
	height:160px;
	font-family:sans-serif;
	font-size:16px;
	/*background-color:lavender;*/
}
/**/
.textfield_label{
	float:left;
	display:inline-block;/**/
	width:12em;/**/
	padding:10px 5px;/**/
	margin-right:10px;/**/
	background-color:#ccffcc;/**/
}

.input_field{
	position:relative;
	float:left;
}

@media screen and (max-width:600px){
	.formbox{
		 width:100%;
	}
	input[type="text"],input[type="email"],input[type="tel"]{
		 width:100%;
	}
}
/**/