@charset "UTF-8"; 
/* CSS Document */
/*背景色*/
body{
	background-color:#FDFEEB;
	}

/*ロゴ*/  
.header img{
	margin-left:50px;
 	padding:10px 0px;
	}  

/*トップページのリスト*/  
.header{
	margin:0px;
	}
.header li{
	 background-color:black;
	 font-size:15px;
	 color:white;  
	 float:left;  
	 list-style:none;
	 padding-top:10px;
	 padding-bottom:10px;
	 text-align:center;
	 width:14%;
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 
	} 
.header a{
	color:white;}
.catchCopy,flower{
	float:left;
}
	
/*キャッチコピー*/ 
.catchCopy{  
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  font-size:8vw;  
  color:black;
  line-height:110%;
  margin:80px 20px 0px 40px;
	}  
span{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:3vw;}
/*イラスト*/
.flower{
	margin-top:20px;
	} 

/*仕切り*/
.plant{
	margin:40px;
	}

/*はじめに*/
.greet h1{
	text-align:center;
	margin-top:50px;
	font-size:40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.greet p{
	text-align:center;
	margin-top:10px;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	} 

/*ハチの巣*/
.hive1{
	position:absolute;
	top:1900px;
	left:15%;
	}
.hive2{
	position:absolute;
	top:1800px
;
	left:25%;
	}
.hive3{
	position:absolute;
	top:1900px;
	left:35%;
	}
.hive4{
	position:absolute;
	top:1800px;
	left:45%;
	}

.hive5{
	position:absolute;
	top:1900px;
	left:55%;
	}
.hive6{
	position:absolute;
	top:1800px;
	left:65%;
	}

/*add*/
#hexGrid {
  height: 17.3em;
  width: 20em; }

  #hexGrid .hexCrop {
    position: relative;
    overflow: visible; }
  #hexGrid .hexGrid {
    display: grid;
    justify-items: auto;
    align-items: auto;
    height: 17.3em;
    width: 20em;
    grid-template-columns: repeat(3, 1fr 2fr) 1fr;
    grid-template-rows: repeat(5, 3.46em); }
    #hexGrid .hexGrid .hex {
      display: none; }
    #hexGrid .hexGrid .c-1, #hexGrid .hexGrid .hex:nth-child(1), #hexGrid .hexGrid .hex:nth-child(4) {
      grid-column-start: 1;
      grid-column-end: span 3; }
    #hexGrid .hexGrid .c-1.r-1, #hexGrid .hexGrid .hex:nth-child(1), #hexGrid .hexGrid .c-1.hex:nth-child(2), #hexGrid .hexGrid .hex:nth-child(2):nth-child(4), #hexGrid .hexGrid .c-1.hex:nth-child(3), #hexGrid .hexGrid .hex:nth-child(3):nth-child(4), #hexGrid .hexGrid .r-1.hex:nth-child(4) {
      grid-row-start: 1;
      grid-row-end: span 2; }
    #hexGrid .hexGrid .c-1.r-2, #hexGrid .hexGrid .r-2.hex:nth-child(1), #hexGrid .hexGrid .hex:nth-child(1):nth-child(5), #hexGrid .hexGrid .hex:nth-child(1):nth-child(6), #hexGrid .hexGrid .hex:nth-child(4), #hexGrid .hexGrid .c-1.hex:nth-child(5), #hexGrid .hexGrid .c-1.hex:nth-child(6) {
      grid-row-start: 3;
      grid-row-end: span 2; }
    #hexGrid .hexGrid .c-2, #hexGrid .hexGrid .hex:nth-child(2), #hexGrid .hexGrid .hex:nth-child(5) {
      grid-column-start: 3;
      grid-column-end: span 3; }
    #hexGrid .hexGrid .c-2.r-1, #hexGrid .hexGrid .c-2.hex:nth-child(1), #hexGrid .hexGrid .hex:nth-child(1):nth-child(5), #hexGrid .hexGrid .hex:nth-child(2), #hexGrid .hexGrid .c-2.hex:nth-child(3), #hexGrid .hexGrid .hex:nth-child(3):nth-child(5), #hexGrid .hexGrid .r-1.hex:nth-child(5) {
      grid-row-start: 2;
      grid-row-end: span 2; }
    #hexGrid .hexGrid .c-2.r-2, #hexGrid .hexGrid .r-2.hex:nth-child(2), #hexGrid .hexGrid .hex:nth-child(2):nth-child(4), #hexGrid .hexGrid .hex:nth-child(2):nth-child(6), #hexGrid .hexGrid .c-2.hex:nth-child(4), #hexGrid .hexGrid .hex:nth-child(5), #hexGrid .hexGrid .c-2.hex:nth-child(6) {
      grid-row-start: 4;
      grid-row-end: span 2; }
    #hexGrid .hexGrid .c-3, #hexGrid .hexGrid .hex:nth-child(3), #hexGrid .hexGrid .hex:nth-child(6) {
      grid-column-start: 5;
      grid-column-end: span 3; }
    #hexGrid .hexGrid .c-3.r-1, #hexGrid .hexGrid .c-3.hex:nth-child(1), #hexGrid .hexGrid .hex:nth-child(1):nth-child(6), #hexGrid .hexGrid .c-3.hex:nth-child(2), #hexGrid .hexGrid .hex:nth-child(2):nth-child(6), #hexGrid .hexGrid .hex:nth-child(3), #hexGrid .hexGrid .r-1.hex:nth-child(6) {
      grid-row-start: 1;
      grid-row-end: span 2; }
    #hexGrid .hexGrid .c-3.r-2, #hexGrid .hexGrid .r-2.hex:nth-child(3), #hexGrid .hexGrid .hex:nth-child(3):nth-child(4), #hexGrid .hexGrid .hex:nth-child(3):nth-child(5), #hexGrid .hexGrid .c-3.hex:nth-child(4), #hexGrid .hexGrid .c-3.hex:nth-child(5), #hexGrid .hexGrid .hex:nth-child(6) {
      grid-row-start: 3;
      grid-row-end: span 2; }
    #hexGrid .hexGrid .hex:nth-child(1) {
      display: flex;
      align-items: center;
      justify-content: center; }
    #hexGrid .hexGrid .hex:nth-child(2) {
      display: flex;
      align-items: center;
      justify-content: center; }
    #hexGrid .hexGrid .hex:nth-child(3) {
      display: flex;
      align-items: center;
      justify-content: center; }
    #hexGrid .hexGrid .hex:nth-child(4) {
      display: flex;
      align-items: center;
      justify-content: center; }
    #hexGrid .hexGrid .hex:nth-child(5) {
      display: flex;
      align-items: center;
      justify-content: center; }
    #hexGrid .hexGrid .hex:nth-child(6) {
      display: flex;
      align-items: center;
      justify-content: center; }
    #hexGrid .hexGrid .hex:nth-child(1) {
      background-image: url(none); }
    #hexGrid .hexGrid .hex {
      -webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
      clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
      background-color: #e78200;
      background-size: cover;
      margin: 0.4325em 0.5em; }

/*# sourceMappingURL=style.css.map */