@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@font-face {
  font-family: "genjyuuB";
  src: url("../../fonts/genjyuuB.woff2") format('woff2'),
       url("../../fonts/genjyuuB.woff")  format('woff'),
			 url("../../fonts/genjyuuB.ttf") format('truetype');
}
@font-face {
  font-family: "genjyuuM";
  src: url("../../fonts/genjyuuM.woff2") format('woff2'),
       url("../../fonts/genjyuuM.woff")  format('woff'),
			 url("../../fonts/genjyuuM.ttf") format('truetype');
}
@font-face {
  font-family: "genjyuuR";
  src: url("../../fonts/genjyuuR.woff2") format('woff2'),
       url("../../fonts/genjyuuR.woff")  format('woff'),
			 url("../../fonts/genjyuuR.ttf") format('truetype');
}
@font-face {
  font-family: "genjyuuN";
  src: url("../../fonts/genjyuuN.woff2") format('woff2'),
       url("../../fonts/genjyuuN.ttf")  format('woff'),
			 url("../../fonts/genjyuuN.ttf") format('truetype');
}


html,
body { width:100%;}
html { }
body { height:auto; background:#F5F1E7; }
body.pc { min-width: 1180px; }
/*body * { border:0.02px solid #000000; background:rgba(000,000,000,0.1)}*/


/* フォントの指定 */
html { font-size: 62.5%; }
body,input,select,textarea { 
	font-size: 15px; font-size: 1.5rem; 
	line-height:1.8; 
	letter-spacing:0.05em;
	font-family: "genjyuuR", sans-serif; font-weight: normal;
	font-feature-settings: "palt";
	color:#575041; }
	
a {color:#231815; text-decoration: none;}
p {text-align:justify; text-justify:inter-ideograph;}
p a {color:#231815; text-decoration: underline;}


@media screen and (max-width:768px){
	html { font-size: 50%; }
}



/* --------------------------------------------
									全ページ共通
---------------------------------------------- */ 

.showPc { }
.showSp { display: none;}
@media screen and (max-width:768px){
	.showPc { display: none ; }
	.showSp { display: block ; }
}


.inner { width: 94%; margin: 0 auto; }

.genjyuuN { font-family: "genjyuuN", sans-serif; font-weight: normal;}
.genjyuuR { font-family: "genjyuuR", sans-serif; font-weight: normal;}
.genjyuuM { font-family: "genjyuuM", sans-serif; font-weight: normal;}
.genjyuuB { font-family: "genjyuuB", sans-serif; font-weight: normal;}



/*--- Header ---*/
#header { background: #f5f1e7; position: relative;}

/*-- Top --*/
.header-t { padding: 4em 0;}
.header-t .inner { max-width: 1060px;}
.header-t .logo-t { position: relative;}
.header-t .logo-t * { display: block; position: absolute; top: 0; left: 0;}
.header-t .logo-t ,
.header-t .logo-t * { overflow: hidden; width: 998px; height: 330px; margin: 0 auto 1em; text-indent: 100%; white-space: nowrap;}
.header-t .logo-t span { background: url(../img/share/rogo.png) top left no-repeat; background-size: contain;}

.header-t ul { text-align: center;}
.header-t ul li { display: inline-block; width: 47%; max-width: 500px; margin: 0 1.2%; border-radius: 20px; background: #de382d;}
.header-t ul li a { display: block; width: 100%; height: 100%; padding: 2em 0;}

/*-- Contents --*/
.header-c { padding: 2em 0;}
.header-c .inner { max-width: 1170px;}
.header-c .logo-c { position: relative;}
.header-c .logo-c * { display: block; position: absolute; top: 0; left: 0;}
.header-c .logo-c ,
.header-c .logo-c * { float: left; overflow: hidden; width: 434px; height: 80px; text-indent: 100%; white-space: nowrap;}
.header-c .logo-c span { background: url(../img/share/rogoC.png) top left no-repeat; background-size: contain;}

.header-c ul { float: right; width: 54%; max-width: 700px; text-align: center;}
.header-c ul li { display: inline-block; width: 46.5%; max-width: 280px; margin: 0 1.5%; border-radius: 10px; background: #de382d;}
.header-c ul li a { display: block; width: 100%; height: 100%; padding: 1em 0;}
.header-c ul li img { display: block; width: 95%; max-width: 200px; margin: 0 auto;}

/*-- Sp --*/
.header-sp { padding: 2em 0;}
.header-sp .logo-sp { position: relative;}
.header-sp .logo-sp * { display: block; position: absolute; top: 0; left: 0;}
.header-sp .logo-sp,
.header-sp .logo-sp * { overflow: hidden; width: 100%; max-width: 580px; height: 162px; margin: 0 auto 1em; text-indent: 100%; white-space: nowrap;}
.header-sp .logo-sp span { background: url(../img/share/rogo_sp.png) top left no-repeat; background-size: contain;}

.header-sp .inner > a { display: block; max-width: 580px; margin: 0 auto; padding: 1em 0; border-radius: 10px; background: #de382d;}
.header-sp .inner > a img { display: block; width: 50%; max-width: 300px; margin: 0 auto;}

@media screen and (max-width:580px){
.header-sp .logo-sp,
.header-sp .logo-sp * { min-width: 320px; height: 0; margin: 0 auto 1em; padding-top: 26.5%;}
.header-sp .logo-sp span { background-position: top center;}

}

/*--- Footer ---*/
a.changeViewBtn {
  display: none;
  width: 70%; max-width: 18em;
  margin: 1em auto; padding: 0.5em 0;
  text-align: center; color: #fff;
  border: 2px solid #55a564;
  border-radius: 0.5em;
  background:rgba(85,165,100,0.9) ;
}

@media screen and (max-width:768px){
  body.sp a.changeViewBtn-pc {
    display:block; 
  }

  body.pc a.changeViewBtn-sp {
    display:block; 
  }

}


#footer { 
  position: relative; 
  padding: 1.2em 0; 
  background: #55a564;
}
#footer p { 
  font-size: 12px; font-size: 1.2rem; 
  text-align: center; color: #fff;
}
#footer a { 
  position: fixed; 
  display: block;
  bottom: 0px; right: 2%; 
  width: 140px; height: 140px;
  background: url(../img/share/topBtn_hv.png) no-repeat center bottom;
  background-size: 80% 80%;
  transition: 0.2s;
  transition-timing-function:ease-out;
}
#footer a img { 
  top: 0px;
  width: 100%;
  transition: 0.2s;
  transition-timing-function:ease-out;
}
#footer a:hover {
  background-size: 100% 100%;
}
#footer a:hover img {
  position: relative;
  top: -6px;
}

.sp #footer a { 
  right: 1%;
  width: 100px; height: 100px;
}



.AnsyokuLink { position: absolute; display: block; top: 1.5em; right: 20px; padding: .8em 25px; background: #ff8c00; color: #fff; z-index: 100; border-radius: 15px; transition: .2s;}
.AnsyokuLink:hover {  opacity: .8; }