@charset "UTF-8";

/* common */
:root {
		--link-font-color: #fff;
		--link-bg-color: linear-gradient(50deg, #829fff, #1ebeff, #47e9d8);
		--link-font-hover: #f00;
		--link-bg-hover: linear-gradient(50deg, #fff, #1ebeff, #47e9d8);
		--em-font-bg-color: linear-gradient(rgba(254, 254, 152, 0) 40%, #ede939 40%);
}

body {
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
		padding: 0 0 65px;
}

/*carousel レスポンシブ対応*/
.carousel-item {
		padding: calc(900 / 1920 * 100%) 0 0;
		height: auto;
}

.carousel-item img {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.text-justify {
		text-align: justify;
}


.line {
		background: var(--em-font-bg-color);
}

.btn {
		color: var(--link-font-color);
		background: var(--link-bg-color);
		border: 0;
}

.btn:hover {
		color: #829fff;
		background: #fff;
		border: 0;
		box-shadow: inset 0 0 0 4px #829fff, 0 0 1px rgba(0, 0, 0, 0);
}

.btn svg {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		vertical-align: text-bottom;
		margin-left: 10px;
}

.btn:hover svg {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
}

.fixed-banner a {
		color: var(--link-font-color);
		text-decoration: none;
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		max-width: 500px;
		width: 80%;
		height: 60px;
		border-radius: 50px;
		background: var(--link-bg-color);
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 0 15px #ccc;
}

.fixed-banner img {
		height: 60px;
}

.fixed-banner p {
		margin: 0 5px;
		line-height: 1.2;
}

.fixed-banner svg {
		margin-right: 10px;
}

.fixed-banner a:hover {
		color: #829fff;
		background: #fff;
		border: 0;
		box-shadow: inset 0 0 0 4px #829fff, 0 0 1px rgba(0, 0, 0, 0);
}


/* list */
li:before {
		content: "•";
		color: #888;
		position: absolute;
		left: 0px;
}

/* 文字のグラデ */
.text_gradient{
	background: linear-gradient(-60deg, #e60012 10%, #009fe8 90%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);}
@media only screen and (max-width: 767px) {
.grid3{
	grid-template-columns:repeat(1,1fr);
}
}