@charset "utf-8";
/* CSS Document */
.openScr {
	background: #303030cc;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
}
#section01 {
	min-height:100vh;
  /*padding-top: 58px;*/
}
.sec01BgCov {
  position: absolute;
  top: 0;
}
.topHeaderBg {
  position: relative;
  height: 78vh;
  width: 72%;
  max-width: 1355px;
  margin: 0 auto 1.6rem;
}
.topHeaderBg > div {
  position: absolute;
}
.topTtl {
  top: 32%;
}
.topTtl01 {
}
.topTtl02 {
}
#sec01Bg {
	width: 100vw;
	/*height: calc(100vh - 58px);*/
	height: 100vh;
	position: fixed;
  background: #ffcee7; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffcee7 0%, #ffbcdb 69%, #ffe8e8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffcee7 0%,#ffbcdb 69%,#ffe8e8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffcee7 0%,#ffbcdb 69%,#ffe8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#section01 h2 {
  text-align: center;
  display: inline-block;
  background: none;
  margin-top: 1.0rem;
  color: #e62b10;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 700;
}
#section01 h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #e62b10;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}
#section01 p {
  text-align: center;
  color: #e62b10;
}
#section02 {
  position: relative;
  background: -moz-linear-gradient(top, rgba(252,207,188,1) 0%, rgba(248,236,217,1) 100%);
  background: -webkit-linear-gradient(top, rgba(252,207,188,1) 0%,rgba(248,236,217,1) 100%);
  background: linear-gradient(to bottom, rgba(252,207,188,1) 0%,rgba(248,236,217,1) 100%);
}
#section02 .sec02Inner {
  background-image: url(../images/top_bg.png);
  background-size: 72%;
  background-color: rgba(251, 207, 188, 0.25);
  background-blend-mode: overlay;
  background-position: top center;
  background-repeat: repeat-y;
  padding: 3.2rem 0;  
}
#section02 h2 {
  font-weight: 700;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#section02 h3 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #f6e0a5;
  padding-bottom: 1.6rem;
}
#section02 .sec02Cont {
  width: 84%;
  max-width: 760px;
  margin: 2.4rem auto;
  font-size: 1.05rem;
  font-weight: 500;
  text-align: center;
}
#section02 .sec02Movie {
  position: relative;
  width: 720px;
  margin: 1.6rem auto 4.2rem;
  padding-top: 418px;  /* 16:9 */
}
#section02 .sec02Item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;  
  position: relative;
  margin: 3.2rem auto 2.4rem;
  padding: 1.6rem 0;
}
#section02 .sec02Img {
  margin-top: 2.4rem;
}
#section02 .sec02Img img{
  width: auto;
}

#section03 {
  background: -webkit-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 240px, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 240px, rgba(255,255,255,1) 100%);
  background: linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 240px, rgba(255,255,255,1) 100%);
	padding: 0.6rem 0;
}
#section031 {
  background: -webkit-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%);
  background: linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%);
	padding: 0.6rem 0;
}
#section032 {
  background: -webkit-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 180px, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 180px, rgba(255,255,255,1) 100%);
  background: linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 180px, rgba(255,255,255,1) 100%);
	padding: 0.6rem 0;
}
#section03 h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.compArea {
  width: 72%;
  max-width: 768px;
  margin: 2.4rem auto 4.2rem;
}
.compArea h4 {
  font-size: 1.3rem;
  margin: 2.4rem auto 1rem;
  border-left: 8px solid #dfc388;
  border-bottom: 1px solid #dfc388;
  padding: 0.3rem 0.6rem 0.3rem 1.0rem;
}
.compArea ul {
  padding: 0 1.6rem;
}


.awFrame {
	display: flex;
	justify-content: space-around;
	align-self: baseline;
	margin: 1.0rem 1.6rem 3.6rem;
	padding: 1.0rem;
	/*background-color: rgba(32,32,32,0.8);
	border-radius: 5px;
	border: 1px solid #555;*/
}
.awFrame img {
	max-width: 480px;
}
.awBlock {
	padding: 1.0rem 1.6rem 0.6rem;
	color: #000;
	/*color: #ffffff;*/
}
.aw2015 img {
	max-width: 320px;
}

#section05 {
  background: -webkit-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 160px, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 160px, rgba(255,255,255,1) 100%);
  background: linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,1) 160px, rgba(255,255,255,1) 100%);
	padding: 0.6rem 0;
}
#section05 .secCont {
  margin: 0 auto;
  max-width: 1335px;
}
#section05 .shuyouGallery {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 2.4rem 1.6rem;
}
#section05 .shuyouGallery li {
	width: 36%;
	margin-bottom: 2.4rem;
	text-align: center;
}
#section05 .shuyouGallery img {
	max-height: 270px;
	width: auto;
}
#section05 .shuyouGallery a {
	display: block;
	margin-bottom: 0.6rem;
}
#section05 .shuyouGallery p {
	font-size: 0.85rem;
}

#section06 {
  padding: 3.2rem 0;
  -webkit-background: linear-gradient( 182deg, #f6e1a6 0%, #f9ecc8 74%, #fffcf7 100% );
  background: linear-gradient( 182deg, #f6e1a6 0%, #f9ecc8 74%, #fffcf7 100% );
}
#section06 .secCont {
  padding: 1rem 1.6rem;
  text-align: center;
}
#section11 {
  background: -webkit-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
  background: linear-gradient(rgba(246,151,122,1) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);
	padding: 0.6rem 0;
	color: #123465;
	min-height: 50vh;
}
#section11 h2 {
}
#section11 .sec11Cont div {
	padding-top: 45vh;
}
#section12 {
  padding: 0;
  min-height: inherit;
  background-color: inherit;
}
#section12 .sec12Foot .copy {
	padding: 1.6rem 1.6rem 1.6rem;
	font-size: 0.8rem;
}
#section12 .sec12Foot .footCredit {
	background-color: #ffede7;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	padding: 1.0rem 1.6rem;
}
#section12 .footBan {
  padding: 0;
  padding-right: 72px;
  text-align: center;
  background-color: #ffffff;
}
#section12 .footBan img {
  height: 64px;
  width: auto;
  padding-top: 0.6rem;
}
#section12 .footQR {
  height: 100px;
  width: 100px;
	padding: 0 0.4rem;
}
#section12 .orgName {
  font-weight: 700;
}
.footCopy {
  background-color: #ffffff;
	font-size: 0.75rem;
  text-align: right;
  color: #c0c0c0;
  padding: 0.4rem 0.8rem 0.6rem 0.6rem;
}
.footMes {
	display: block;
	width: 100%;
}
.footMes.m_fixed {
	left: 0;
	position: fixed;
	top: 64px;
}
.gFooter_pagetop {
	position: fixed;
	bottom: 2.4rem;
	right: 0.8rem;
	width: 3.6rem;
	height: 3.6rem;
	background-color: rgb(232 85 41 / 30%);
  color: #6b3607;
  text-align: center;
	border-radius: 7px;
	border: 1px solid #6b3607;
	text-decoration: none;
}
.footTop {
	font-size: 2.2rem;
    line-height: 0.9;
    margin-top: 0.3rem;
}
.footTop2 {
	margin-top: -0.4rem;
    font-size: 1.0rem;
}
/* */
.btn {
	text-align: center;
  padding: 1.6rem 0;
}
.btn a {
	display: inline-block;
  padding: 0.8rem 1.0rem;
  background-color: #e85529;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  border-radius: 5px;
  border: 2px solid #a5350a;
	text-decoration: none;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 12%);
  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 12%);
} 
.btn a:hover {
    background-color: #c0360d;
    border: 2px solid #c0360d;
} 
.contBlock {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 2.0rem 2.4rem;
}
.colLogo {
	width: 40%;
	margin: 3.6rem auto;
}
.copyright{
	display:block;
	font-size: 0.85rem;
	text-align: right;
	margin: 2.6rem 1.0rem 1.0rem 0;
}
#page-top i {
	position: relative;
	padding-top: 2px;
	transition: .2s;
}
#page-top:hover i {
	animation: page-top-animation .1s ease 0s infinite alternate;
}
@keyframes page-top-animation {
	0% {padding-top: 0px; }
	100% {padding-top: 3px; }
}

@media screen and (max-width: 767px) {
  #section01 {
    padding-top: 0;
  }
  #sec01Bg {
	  height: 100vh;
  }
  .topHeaderBg {
    height: 54vh
  }
  .topTtl {
  top: 38%;
  }
  #section01 .sec01Title {
	  /*right: 8vw;
	  top: 24vh;
    left: 27.5%;*/
  }
  #section01 h2 {
    margin-top: 1.6rem;
    font-size: 1.3rem;
  }
  #section01 h2:last-of-type {
    margin-top: 0;
  }
  #section01 h3 {
    font-size: 1.15rem;
  }
.sec01Footer {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
}
.sec01Footer > div {
  text-align: center;
  padding: 0.4rem 0;
}
.sec01Footer img {
  height: 64px;
  width: auto;
}
	#section02 {
		min-height: 72vh;
	}
  #section02 h2 {
    margin: 0 auto 2.4rem;
    font-size: 1.86rem;
		padding: 0;
	}
	#section02 h3 {
    line-height: 1.1rem;
		font-size: 1.36rem;
		padding-top: 2.4rem;
	}
	#section02 .sec02Cont {
		display: block;
    text-align: inherit;
	}
  #section02 .sec02Img {
    text-align: center;
  }
  #section03 {
    padding: 1.6rem 0 1.6rem;
  }
  #section03 h3 {
    
  }
  .compArea {
    width: 94%;
  }
  .compArea h4 {
    padding: 0.2rem 0.6rem 0.2rem 0.6rem;
    font-size: 1.1rem;
  }
  .compArea ul {
    padding: 0 0.8rem;
  }
	.awFrame {
		margin: 0.6rem 0 2.0rem;
    	padding: 0.4rem;
		display: block;
		border-radius: 0;
	}
	.awBlock {
		padding: 0.6rem;
		margin-bottom: 1.0rem;
	}
	.awBlock img {
		max-width: 240px;
	}

	#section05 .shuyouGallery {
		display: block;
		padding: 2.4rem 1.0rem;
	}
	#section05 .shuyouGallery li {
		width: 100%;
		text-align: center;
	}
	#section05 .shuyouGallery li img {
		width: 60%;
		margin: 0 auto;
	}
  
  
	#section06 .sec06Cont {
    	display: block
	}
  #section06 .sec06Cont ul {
    padding-bottom: 2.4rem;
  }
  #section06 .sec06Img {
    width: inherit;
  }
  #section06 .sec06Msg {
    width: inherit;
    padding: 2.4rem 0.6rem 0;
  }
  
  #section06 .sec06Msg li {
    font-size: 1.0rem;
  }
	#section11 span {
		display: inline;
	}
	#section11 .sec11Cont {
		display: block;
	}
	#section11 .sec11Cont div {
		text-align: center;
		padding-top: 36vh;
	}
  #section12 .footBan img {
    width: 94%;
    height: auto;
  }
	.btn a {
		padding: 0.8rem 1.0rem;
	}

  .btn04 {
    color: #e82e1c;
    font-size: 2.2rem;
    text-align: center;
    position: relative;
    z-index: 10;
    display: block;
    width: 64px;
    height: 64px;
    line-height: 64px;
  }
 
  .btn04::before {
    content: '';
    background-color: #fccfbc;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    z-index: -1;
    border-radius: 50%;
    box-shadow:
        0 0 0 0 #fff,
        0 0 0 0 #fccfbc;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
  }
  .btn04:hover::before {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    box-shadow:
        0 0 0 6px #fff,
        0 0 0 6px #fccfbc;
  }
}