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


/*Fonts
----------------------------------------------------------------------------------------------------------------------*/


/*Monoton 英 ※未使用！
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Carter+One&family=Courgette&family=Monoton&display=swap');

/*font-family: 'Monoton', cursive;*/



/*中ゴシック
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');

/*font-family: 'Noto Sans SC', sans-serif;*/



/*中明朝
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');

/*font-family: 'Noto Serif SC', serif;*/



/*Noto Sans JP 和ゴシック
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/*font-family: 'Noto Sans JP', sans-serif;*/



/*Sawarabi Mincho 和明朝
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');

/*font-family: 'Sawarabi Mincho', sans-serif;*/



/*Averia Serif Libre 英
-----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre&family=Kreon&family=Oleo+Script&family=Shrikhand&display=swap');

/*font-family: 'Averia Serif Libre', cursive;*/







.Hans-gothic{
	font-family: 'Noto Sans SC', sans-serif;
}

.Hans-min{
	font-family: 'Noto Serif SC', serif;
}







/*Wrapp,Contents-wrapp,Contents
----------------------------------------------------------------------------------------------------------------------*/
.wrapp{
	width:100%;
	height:auto;
	background:#fff;
	overflow:hidden;
}


.contents-wrapp{
	width:100%;
	position:relative;
	z-index:10;/*----------------------z-index:10-------------------------*/
	background:#fff;
	padding:125px 0 25px 0;
}

.contents1500{
	width:1500px;
	margin:0 auto;
}

.contents1200{
	width:1200px;
	margin:0 auto;
}

.contents900{
	width:900px;
	margin:0 auto;
}

.contents700{
	width:700px;
	margin:0 auto;
}


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

.contents1500{
	width:94%;
}

}

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

.contents1200{
	width:94%;
}

}

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

.contents900{
	width:94%;
}

}

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

.contents-wrapp{
	padding:100px 0 25px 0;
}

.contents700{
	width:80%;
}

}

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

.contents-wrapp{
	padding:75px 0 10px 0;
}

}




/*H2,H3,P,Br
----------------------------------------------------------------------------------------------------------------------*/
.h2-nolen{/*H2背景*/
	width:700px;
	height:50px;
	padding-top:5px;
	margin:0 auto 125px auto;
	background: url(../images/noren.png) repeat-x 0 0;
}

.h2-jpL{
	font-size:60px;
	color:#099;
	line-height:1.5;
	margin-bottom: 25px;
}

.h2-eg{
	font-size:72px;
	color: #036;
	line-height:1 !important;
	font-family: 'Averia Serif Libre', cursive;
	text-align:center;
}
span.h2-chuM{
	font-size:40px;
	color:#099;
	text-align:center;
}



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

.h2-jpL{
	font-size:48px;
}

.h2-eg{
	font-size:60px;
}
span.h2-chuM{
	font-size:36px;
}
}

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

.h2-nolen{
	width:94%;
	padding-top:10px;
	margin:0 auto 100px auto;
}

.h2-jpL{
	font-size:40px;
}

.h2-eg{
	font-size:55px;
}
span.h2-chuM{
	font-size:30px;
}
}

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

.h2-nolen{
	padding-top:20px;
	margin:0 auto 90px auto;
}

.h2-jpL{
	font-size:30px;
}
}

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

.h2-nolen{
	padding-top:25px;
	margin:0 auto 80px auto;
}

.h2-jpL{
	font-size:28px;
}

.h2-eg{
	font-size:48px;
}
span.h2-chuM{
	font-size:24px;
}
}

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

.h2-nolen{
	padding-top:30px;
	margin:0 auto 70px auto;
}

.h2-jpL{
	font-size:24px;
}

.h2-eg{
	font-size:40px;
}
span.h2-chuM{
	font-size:20px;
}
}



/*P ※基本pタグだが変則で別タグ使用あり
-----------------------------------------------------------*/
.m-text{
	font-size: clamp(14px, 3vw, 18px);
}

.s-text{
	font-size: clamp(12px, 3vw, 16px);
	line-height:1.5;
}
.ss-text{
	font-size: clamp(10px, 3vw, 14px);
	line-height:1.5;
}

.l-text{
	font-size: clamp(16px, 3vw, 20px);
}

.xl-text{
	font-size: clamp(18px, 3vw, 22px);
}

.xxl-text{
	font-size: clamp(20px, 3vw, 24px);
}

.xxxl-text{
	font-size: clamp(24px, 3vw, 30px);
}

.sp-text{
	font-size: clamp(48px, 3vw, 60px);
}

.b-text{
	font-weight:bold;
}



/*Br
-----------------------------------------------------------*/
.br-1300{
	display:none;
}

.br-1200{
	display:none;
}

.br-900{
	display:none;
}

.br-700{
	display:none;
}

.br-500{
	display:none;
}

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

.br-1300{
	display:block;
}
}

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

.br-1200{
	display:block;
}
}

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

.br-900{
	display:block;
}
}

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

.br-700{
	display:block;
}
}

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

.br-500{
	display:block;
}
}



/*Fadeアニメーション設定
-----------------------------------------------------------*/
 .fade{
  opacity: 0;
   transform: translate3d(0, 0, 0);
  transition: all 2s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .top_fade{
  opacity: 0;
   transform: translate3d(0, -50px, 0);
  transition: all 2s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .right_fade{
  opacity: 0;
   transform: translate3d(100px, 0, 0);
  transition: all 2s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .left_fade{
  opacity: 0;
   transform: translate3d(-100px, 0, 0);
  transition: all 2s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}

 .bottom_fade{
  opacity: 0;
   transform: translate3d(0, 50px, 0);
  transition: all 2s ease;/*fadeスピード*/
  &.full {
   transition: all 0.8 ease;
  }
}
/*delay,fast,full*/

.fade-content .anm_mod.active {
 opacity: 1;
 transform: translate3d(0, 0, 0);
}