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

*{
	margin: 0;
	padding: 0;
}

ul{
	list-style-type: none;
}
a{
	text-decoration: none;
	color:#333;
}

a:hover{
	color:#666;
}

html{
	/*background:#B6CEF4;fdd9c1*/
}

/*== フォント設定 ==*/
.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-semibold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-bold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-extrabold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-black-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.nata-sans-<uniquifier> {
  font-family: "Nata Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


/*===========================*/

#container{
	width:100%;
	
	/*color:#5d83bf;*/

	}
/*=== ヘッダーメニュー ===*/
.h-menu-area{
	display:flex;
	flex-decoration:table-row;

	justify-content:space-between;
	align-items:flex-end;/*center*/
	
	/*background:green;*/

}

.logo img{
	width:40%;
	margin-top:0px;
	margin-left:50px;
	padding-top:10px;
	
	/*background:yellow;*/
}

.header-menu{
	display:table;
	/*flex-decoration:row;
	justify-content:flex-start;
	align-items:center;
	*/
	flex-direction: table-row;
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	
	width:100%;
	margin-top:9px;/**/
	margin-right:50px;
	/*background:blue;*/
}

.header-menu li{
	display: table-cell;
	width:150px;
	/*border-right:solid 1px #999;*/
	height:42px;/**/
	
	
		flex-wrap:wrap;
		
		 /*background:green;*/
}

.header-menu li a{
	color:#333;
	font-size:0.9em;
	display: inline-block;
	width:100%;
	height:40px;/*63px*/
	/*height:20px;20px*/
	margin:0;
	align-content:center;
	
	border-right:solid 1px #999;

	box--sizing: border-box;
	
	
 /*background:pink;*/
}

nav li a:hover{
	color:#999;
	border-bottom:2px solid red;
}

/*=== トップ画像から ===*/
#contents1{
	/*background-image:url("../image/top-image.jpg");
	background-repeat:no-repeat;*/
	background:#B6CEF4;
}

.header{
	position:relative;
}

.midashi{
	position:absolute;
	top:7%;
	left:10%;
}

h1{
	font-size:5em;
	letter-spacing:0.1em;
	color:#5d83bf;
	border-bottom:solid 1px #5d83bf;
}

.sub-ttl{
	font-size:0.9em;
	letter-spacing:0.1em;
	color:#5d83bf;
	margin-top:0.5em;
	margin-left:0.3em;
}

.top-image{
	width:100%;
	
}


.come-ul{
		position:relative;
		background:#B6CEF4;/*fdd9c1*/
		
}


.ttl{
	position:absolute;
	left:42%;
	/*margin:0 auto;*/
	height:10px;
	font-size:1.5em;
	color:#555;
	
}



.come-list{	

	/*v-align:100px;*/

	
	background:url("../image/hikari-bg3.png") no-repeat center;
	/**/height:500px;
		}

.coment{
	width:45%;
	
	font-size:1em;
	text-align:center;
	letter-spacing:0.3em;
	line-height:2em;
	
	
	/*position:absolute;
	top:0;
	left:30%;*/
	
	margin-left:auto;
	margin-bottom:0 ;
	margin-right:auto;
	margin-top:8%;
	
	
	/*background:yellow;*/

}

.link-font{
	color:#FF007F;/*9932FF*/
}

.blk_win{
	width:4%;
}



.demo1{
	position:absolute;
	bottom:-15%;
	left:5%;
	z-index:1;
	width:20%;
}
.demo2{
	position:absolute;
	top:0;
	right:5%;
	width:20%;
}



.demo11{
	position:absolute;
	top:10%;
	left:5%;
	width:5%;
}
.demo12{
	position:absolute;
	top:23%;
	left:5%;
	width:2%;
}



/*== contents ==*/
/*.cont-wapper:before{
    content: "";
    display: block;
    padding-top: 50%;  1:1 
}
*/

.contents{
	/*background:url("../image/nami-bg2.png") no-repeat;
	*/
	
	/*background: #FFF4F0;*/
	
	/*background:url("../image/cont-bg3.png") repeat-y ;*/
	/*z-index:-999;*/
	/*height:auto;82
	position:relative;*/
}
.nami-bg3-waku{
	background: #FFF4F0;
}
.nami-bg3{
	width:100%;
	
}

.cont-bg{
	/**/
	
}

.contents-ul{
	/*position: absolute;
	width:100%;
	top:82px;*/
		position:relative;
		/*	background: #FFF4F0;*/
			background-image:url("../image/cont-bg9.png");
			background-repeat: repeat-y;
			/*background-repeat:no-repeat;*/
			background-size:cover;/*auto contai cover*/
			
}
.honbun{
	/*z-index:10;
	background: #FFF4F0;*/
	

	}
.honbun p{
	width:45%;
	
	font-size:0.9em;
	text-align:center;
	letter-spacing:0.3em;
	line-height:2em;
	
	margin:0 auto;
	padding-top:70px;
	
}
.cont-bg{
	position:absolute; 
	top:0;
		z-index:-101;
	}
.cont-bg img{
		width:100%;
}

.demo3{
	position:absolute;
	bottom:3%;
	right:5%;
	z-index:1;
	width:23%;
	transform:rotate(0deg);
}

.demo13{
	position:absolute;
	top:23%;
	right:5%;
	width:6%;
}
.demo14{
	position:absolute;
	top:35%;
	right:3%;
	width:3%;
}
/*.honbun{ margin:0;}
.honbun p{
		
}*/
.footer{

	/*background:url("../image/foot-bg1.png") no-repeat;
*/
	/*position:relative;	
	height: height;149px
	width:100%;
position:fixed;
bottom:0;*/

	background: #FFF4F0;
/*background:#FFF4F0;ピンク
backgrounda3bee5;青
*/


	}
.footer-nami{
	background-image:url("../image/foot-bg3.png");
	background-repeat: no-repeat;
	background-size:cover;
	height:100px;
}

.foot-bg1{
	width:100%;
}

.ftr-area{
	/*position:absolute;
	top:100px;*/
	width:100%;
	padding:20px 0;
	background:#a3bee5;
}

.ftr-list{
	display:flex;
	flex-direction:row;
	justify-content:center;
}

.close-menu{
	margin-left:1em;
	
}

.copy{
	width:12em;
	margin:10px auto;
}



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

		.logo img{
			width:50%;
		}
		.header-menu li{
		width:90px;
		}
		.header-menu li a{
			font-size:0.8em;
		}
		
		.ttl{
			left:27%;
		}
		.coment, .honbun p{
			width:80%;
			font-size:0.9em;
			text-align:center;
			letter-spacing:0.2em;
			line-height:2em;
		}
		


			/*==　花　==*/
			.demo2{
			
				top:-15%;
				right:0%;
				width:20%;
					z-index:0;
			}
			
			.demo1{
			
				bottom:0%;
				left:0%;
				z-index:1;
				width:20%;
			}
			.demo3{
			
				bottom:-10%;
				right:0%;
			
				width:20%;
				
			}


}