@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}

/* For modern browsers */
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
  content:"";
  display:table;
}
.clearfix:after,.cf:after{clear:both;}
.clearfix,.cf{zoom:1;}/* For IE 6/7 (trigger hasLayout) */

/*-----------------------------------------------------
@@ 基本
------------------------------------------------------*/
:root {
  --primary-color: #3366ff;
  --text-color: #333;
  --form-border: #777777;
}

html {
  color: #333333;
  background: white;
  -webkit-text-size-adjust: none;
}
body {
  font-size: 16px;
  font-family: "kinuta-maruminold-stdn", serif;
  font-weight: 400;
  font-style: normal;
    background-color: white;
  overflow-y: scroll;
}


@media screen and (min-width: 768px) {
  .sp, .smp {display: none !important;}
}
@media screen and (max-width: 767.9px) {
  .pc {display: none !important;}
}





/*-----------------------------------------------------
@@ ページトップへ戻る
------------------------------------------------------*/
#page_top {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 0;
  bottom: -100%;/* 表示領域の外（下）へ */
}
#page_top a {
  display: block;
  width: 40px;
  height: 40px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #173139 url(images/arrow02.png) no-repeat 50% 50%;
  background-size: contain;

}






/*	●●●●●●●●●●	*/


.bg{
  margin : 0 auto;
  background:url(./img/bg.jpg) no-repeat;
  background-size: cover;
}

.bg2{
  margin : 0 auto;
  background:url(./img/bg2.jpg) no-repeat;
  background-size: cover;
}

img{
  width: 100%;
  vertical-align:top;
}




/* PC ここから-------------------------------- */
@media (min-width: 768px) {



  .main{
    max-width : 1280px;
    margin : 0 auto;
  }


}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {





}
/* スマホ ここまで-------------------------------- */

/* ●●●●●●●●●●  ここまで */



/*******************************************
@@ フェードイン
*******************************************/
/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
	opacity: 0;

	transition: 1.2s;
}
.fadeInUp {
	transition: all 0.8s ease-in;

	opacity: 1 !important;
}