@charset "UTF-8";

/*=========================================================================================================
UNIFORM
=========================================================================================================*/

/*【 HTML ALL SETTING 】■■■■■■■■■■■■■■■■■■■■■■■■■*/
html,body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* {
	margin: 0;
    padding: 0;
  }
/*■■■■■■■■■■■■■■■■■■■■■■【 HTML ALL SETTING / END 】*/


/*【 MAIN  AREA 】■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*.【 MAIN SETTING 】==========================================■*/
#MAIN{
	width: 100%;
	max-width: 980px;
	margin: 110px auto 0;
	padding: 0 0 100px 0;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	background: rgba(255,255,255,0.5);
}
/*. ===================================【 MAIN SETTING / END 】■*/

/*.【 TITLE AREA SETTING 】====================================■*/
#TTL{
    width: 98%;
	min-height: 50px;
	margin: 0 auto;
	padding: 30px 1% 1%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
    letter-spacing: -1px;
	font-weight: bold;
    color: #8CC800;
	/*
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	*/
    text-shadow: 3px 3px 5px #CCCCCC;
    border-image-slice: 1;
	position: sticky;
	position: -webkit-sticky;
	
	top: 72px;
	background: #FFFFFF;
	/*
	background: red;
	*/
	border-bottom: 20px solid;
	border-image: linear-gradient(to right, #E6F06E 90%, #FFFFFF 100%) 1;
	
	box-sizing: border-box;
	z-index: 2;
}
#TTL_M{
    font-size: clamp(3.125rem, 2.356rem + 3.85vw, 5rem);
    line-height: clamp(3.125rem, 2.356rem + 3.85vw, 5rem);
	letter-spacing: -5px;
	margin: 0 0 3px 0;
	transition: all 600ms;
	/*【 VALUES 】min: 50px & max:  80px */ 
	/*【VIEWPORT】min:320px & max:1100px */
}
#TTL_S {
	height: clamp(1.438rem, 1.258rem + 0.9vw, 1.875rem);
    font-size: clamp(1.438rem, 1.258rem + 0.9vw, 1.875rem);
    line-height: clamp(1.438rem, 1.258rem + 0.9vw, 1.875rem);
	margin: 5px 0;
	transition: all 600ms;
	/*【 VALUES 】min: 23px & max:  30px */ 
	/*【VIEWPORT】min:320px & max:1100px */
}
#TTL_M span{
    font-size: clamp(2.688rem, 2.123rem + 2.82vw, 4.063rem);
    line-height: clamp(2.688rem, 2.123rem + 2.82vw, 4.063rem);
    letter-spacing: 1px;
	position: relative;
	left: 1vw;
	transition: all 600ms;
}
/*. =============================【 TITLE AREA SETTING / END 】■*/

/*.【 CONTENTS AREA SETTING 】=================================■*/
#CTS{
	width: 100%;
	margin: 0 auto;
	
	overflow: hidden;
	position: relative;
	top: 30px;
	box-sizing: border-box;
}
/*. ==========================【 CONTENTS AREA SETTING / END 】■*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■【 MAIN  AREA / END 】*/


/*【 RING設定 】■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#RNG {
    width: 100%;
    height: 700px;
	margin: 0 auto -800px auto;
	position: fixed;
    top: 110px;
  }
#Rng1{
	height: 700px;
	max-width: 1600px;
	min-width: 780px;
	margin: 0 auto;
	position: relative;
}
#Rng2{
	height: 700px;
	max-width: 1600px;
	min-width: 780px;
	margin: 0 auto;
	position: relative;
	top: -130px;
	left: 1210px;
}
/*【 RING設定 / END 】■■■■■■■■■■■■■■■■■■■■■■■■*/

/*【 image clear 設定 】■■■■■■■■■■■■■■■■■■■■■■■*/
.CLR{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	z-index: 1;
}
/*【 RING設定 / END 】■■■■■■■■■■■■■■■■■■■■■■■■*/

/*【 FOTTER設定 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#FTR{
	width: 100%;
	/*
	height: auto;*/
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background: #EFEFEF;
	}
#LINK-box{
	width: 90%;
	max-width: 1200px;
	min-width: 780px;
	margin: 0 auto;
	padding: 20px 0;
	display: flex;
	list-style: none;
	justify-content: space-around;
	display: -webkit-flex;
    -webkit-justify-content: space-around;
	}
.link{
	line-height: 14px;
	border-right: 0.15em solid #9D9D9D;	
	text-align: center;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	}
.link a{
	font-size: 14px;
	color: #595757;
	text-decoration: none;
	transition: all 300ms;
	}
.link a:hover {
    color: #A4A2A2;
	transition: all 300ms;
  }
.link:first-child {
	border-left: 0.15em solid #9D9D9D;	
	}
#CPR {
    width: 100%;
	padding: 0 0 5px 0;
    text-align: center;
    font-size: 12px;
    color: #595757;
  }
/*【 FOTTER設定 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*=========================================================================================================
UNIFORM / END
=========================================================================================================*/