html{
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}

body{
	width: 100%;
	height: 100%;
	color: #1a1a1a;
	font-size: 15px;
	font-size: 1.5rem;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-feature-settings: "palt 1";
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'MS PGothic', 'MS Pゴシック', Arial, sans-serif;
	line-height: 1.8;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	position: relative;
	-webkit-print-color-adjust: exact;
}
.head img{
	width: 100%;
}


/* =img markup
-------------------------------------------------------------- */
img{
	border: none;
	object-fit: cover;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
	transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.object-fit-img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

img::selection{
	background: transparent;
}

img::-moz-selection{
	background: transparent;
}

/* =Structure
-------------------------------------------------------------- */
.inner{
	width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
	display: block;
	clear: both;
	position: relative;
}

a,
a:link,
a:visited,
a:hover,
a:active{
	text-decoration: none;
	border-bottom: 1px solid transparent;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover{
	transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	opacity: .5;
}
::selection{
	background: #ebf1f9;
}

.mb0{margin-bottom: 0 !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}
.center{text-align: center !important;}

.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt100{margin-top: 100px;}

.clear{
	clear: both;
}


/* =Header
-------------------------------------------------------------- */
#header{
	position: relative;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#site-title{
	width: 150px;
	height: 90px;
}

#top #site-title{
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 1;
}

/* =Footer
-------------------------------------------------------------- */
#footer{
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	clear: both;
	position: relative;
}


/* =Content
-------------------------------------------------------------- */
.pc{display: block;}
.tb{display: none;}
.sp{display: none;}

#main{
	clear: both;
	overflow: hidden;
	padding: 150px 0 140px 0;
}

#top #main{
	padding: 0 0 0 0;
}

p{
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2.0;
	margin-bottom: 2.0em;
}

h1,
h2,
h3,
h4,
h5,
h6{

}

span.black{
	color: #1a1a1a;
}

span.blue{
	color: #0064f0;
}

span.purple{
	color: #6400e6;
}

span.bold{
	font-weight: bold;
}

span.sup{
	display: inline-block;
	vertical-align: top;
	font-size: 60%;
	line-height: 1.0;
	margin: -10px 0 0 1px;
}

.none{
	display: none !important;
}

.f_title{
	margin-bottom: 60px;
}


.h-s{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.to .more{
	margin: 100px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 930px;
	height: 200px;
	border-radius: 50px;
	  background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 199, 80, 1) 0%,rgba(255, 0, 68, 1) 42.07%,rgba(239, 0, 166, 1) 62.31%,rgba(209, 0, 180, 1) 71.58%,rgba(164, 27, 221, 1) 80.85%,rgba(64, 41, 209, 1) 90.55%,rgba(14, 49, 216, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 199, 80, 1) ),color-stop(0.4207,rgba(255, 0, 68, 1) ),color-stop(0.6231,rgba(239, 0, 166, 1) ),color-stop(0.7158,rgba(209, 0, 180, 1) ),color-stop(0.8085,rgba(164, 27, 221, 1) ),color-stop(0.9055,rgba(64, 41, 209, 1) ),color-stop(1,rgba(14, 49, 216, 1) ));
  background : -o-linear-gradient(0deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC750', endColorstr='#0E31D8' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);

	  box-sizing: border-box;
	color: #fff;
	font-size: clamp(18px, 4vw, 54px);
	font-weight: bold;
	line-height: 1;
	transition: ease-out .3s;
}
.to .more:hover{
	opacity: 0.5;
}
.bar{
	display: block;
	height: 5px;
	width: 100%;
	background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 199, 80, 1) 0%,rgba(255, 0, 68, 1) 42.07%,rgba(239, 0, 166, 1) 62.31%,rgba(209, 0, 180, 1) 71.58%,rgba(164, 27, 221, 1) 80.85%,rgba(64, 41, 209, 1) 90.55%,rgba(14, 49, 216, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 199, 80, 1) ),color-stop(0.4207,rgba(255, 0, 68, 1) ),color-stop(0.6231,rgba(239, 0, 166, 1) ),color-stop(0.7158,rgba(209, 0, 180, 1) ),color-stop(0.8085,rgba(164, 27, 221, 1) ),color-stop(0.9055,rgba(64, 41, 209, 1) ),color-stop(1,rgba(14, 49, 216, 1) ));
  background : -o-linear-gradient(0deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC750', endColorstr='#0E31D8' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(255, 199, 80, 1) 0%, rgba(255, 0, 68, 1) 42.07%, rgba(239, 0, 166, 1) 62.31%, rgba(209, 0, 180, 1) 71.58%, rgba(164, 27, 221, 1) 80.85%, rgba(64, 41, 209, 1) 90.55%, rgba(14, 49, 216, 1) 100%);
}
.w930{
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}
.w725{
	max-width: 725px;
	margin-left: auto;
	margin-right: auto;
}
.h-s-logo{
	background: #000;
	width: 100%;
	padding: 100px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.point{	
	padding: 50px 0;
	background: #e6e6e6;
	width: 100%;	
	margin-top: 50px;
}
.point ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}



/* @media screen
-------------------------------------------------------------- */
@media screen and (max-width: 600px){
	*{
		-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
		-moz-tap-highlight-color:transparent rgba(0,0,0,0);
		-ms-tap-highlight-color:transparent rgba(0,0,0,0);
		-o-tap-highlight-color:transparent rgba(0,0,0,0);
		-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	}
	
	.table{display: block;}
	.table .cell{display: block;}
	.pc{display: none;}
	.tb{display: none;}
	.sp{display: block;}
	
	.page img{
		width: 100%;
		height: auto;
	}
	
	/* Header *********/
		
	/* Footer *********/
	
	/* Content *********/
	
	/* Front-page *********/
}

/* @media screen
-------------------------------------------------------------- */
@media screen and (max-width: 500px){
	.mt100{margin-top: 10vw;}
	.mt50{margin-top: 5vw;}
	.mt30{margin-top: 3vw;}
	.to .more{
		width: 90%;
		height: 5em;
		margin: 30px auto;
	}
	.w930,
	.w725,
	.inner{
		width: 100%;
		padding: 0 2.5vw;
		box-sizing: border-box;
	}
	#header{
		height: 100px;
	}
	#header img{
		width: 25%;
	}
	img{
		width: 100%;
	}
	.h-s-logo{
		width: 100%;
		padding: 50px 15vw;
		box-sizing: border-box;
	}
	.point{
		padding: 5vw 0;
	}
	.h-s,
	.point ul{
		display: block;
	}
	.point ul li{
		width: 48%;
		float: left;
		margin: 0 1%;
	}
	.h-s li{
		text-align: center;
	}
	.head img.h-s-30{
		width: 50%;
		margin: 5vw auto;
		text-align: center;
	}
}


