@charset "utf-8";
/* ====================================================================================================

	parts.css

==================================================================================================== */

/* ----------------------------------------------------------------------------------------------------
	
---------------------------------------------------------------------------------------------------- */
.tablet {
	display:none;
	}
.sp {
	display:none;
	}

@media print, screen and (max-width:1040px) {

.tablet {
	display:inline;
	}

}

@media print, screen and (max-width:640px) {

.sp {
	display:inline;
	}

}


/* ----------------------------------------------------------------------------------------------------
	pager
---------------------------------------------------------------------------------------------------- */
ul.pager {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
	width:100%;
	margin:50px 0 0 0;
	list-style:none;
	}
	ul.pager li {
		}
	ul.pager li.current {
		display:flex;
		align-items:center;
		justify-content:center;
		width:40px;
		height:40px;
		color:#ffffff;
		background:#15116f;
		}
		ul.pager li a {
			display:flex;
			align-items:center;
			justify-content:center;
			width:40px;
			height:40px;
			color:#ffffff;
			background:#2a2790;
			}
		ul.pager li a:hover {
			background:#15116f;
			}


/* ----------------------------------------------------------------------------------------------------
	button
---------------------------------------------------------------------------------------------------- */
.button {
	margin:0 auto;
    }
.button.half {
	display:flex;
	gap:30px;
	margin:0 auto;
    }
	.button a,
	.button input[type="submit"],
	.button input[type="button"],
	.button button[type="submit"],
	.button button[type="button"] {
  		position:relative;
		display:block;
		width:100%;
		color:#ffffff;
		font-weight:bold;
		vertical-align:top;
    	background:#2a2790;
		border:none;
		margin:0;
		padding:0;
		}
	.button a:hover,
	.button input[type="submit"]:hover,
	.button input[type="button"]:hover,
	.button button[type="submit"]:hover,
	.button button[type="button"]:hover {
    	background:#15116f;
		}
	.button a::before,
	.button input[type="submit"]::before,
	.button input[type="button"]::before,
	.button button[type="submit"]::before,
	.button button[type="button"]::before {
		content:'';
		top:3px;
		left:3px;
		position:absolute;
		width:calc(100% - 6px);
		height:calc(100% - 6px);
		border:2px solid #545194;
		}
	.button a::after,
	.button input[type="submit"]::after,
	.button input[type="button"]::after,
	.button button[type="submit"]::after,
	.button button[type="button"]::after {
		content:'';
		position:absolute;
		border:0;
		border-radius:1px;
		transform:rotate(45deg);
		}

.button.small {
	max-width:270px;
    }
.button.small.half {
	max-width:650px;
    }
	.button.small a,
	.button.small input[type="submit"],
	.button.small input[type="button"],
	.button.small button[type="submit"],
	.button.small button[type="button"] {
		max-width:435px;
		height:60px;
		font-size:18px;
		line-height:60px;
		border:none;
		border-radius:30px;
		margin:0;
		padding:0 10px 0 0;
		}
	.button.small a::before,
	.button.small input[type="submit"]::before,
	.button.small input[type="button"]::before,
	.button.small button[type="submit"]::before,
	.button.small button[type="button"]::before {
		border-radius:30px;
		}
	.button.small a::after,
	.button.small input[type="submit"]::after,
	.button.small input[type="button"]::after,
	.button.small button[type="submit"]::after,
	.button.small button[type="button"]::after {
		top:calc(50% - 7px);
		right:30px;
		width:13px;
		height:13px;
		border-top:3.5px solid #ffffff;
		border-right:3.5px solid #ffffff;
		}

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

	.button.small a,
	.button.small input[type="submit"],
	.button.small input[type="button"],
	.button.small button[type="submit"],
	.button.small button[type="button"] {
		font-size:15px;
		}

}

.button.medium {
	max-width:435px;
	}
	.button.medium a,
	.button.medium input[type="submit"],
	.button.medium input[type="button"],
	.button.medium button[type="submit"],
	.button.medium button[type="button"] {
		height:76px;
		font-size:18px;
		line-height:76px;
		border:none;
		border-radius:38px;
		margin:0;
		padding:0 10px 0 0;
		}
	.button.medium a::before,
	.button.medium input[type="submit"]::before,
	.button.medium input[type="button"]::before,
	.button.medium button[type="submit"]::before,
	.button.medium button[type="button"]::before {
		border-radius:38px;
		}
	.button.medium a::after,
	.button.medium input[type="submit"]::after,
	.button.medium input[type="button"]::after,
	.button.medium button[type="submit"]::after,
	.button.medium button[type="button"]::after {
		top:calc(50% - 6px);
		right:30px;
		width:13px;
		height:13px;
		border-top:3px solid #ffffff;
		border-right:3px solid #ffffff;
		}

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

	.button.medium a,
	.button.medium input[type="submit"],
	.button.medium input[type="button"],
	.button.medium button[type="submit"],
	.button.medium button[type="button"] {
		display:flex;
		flex-direction:column;
		justify-content:center;
		font-size:15px;
		line-height:1.6;
		}

}

.button.large {
	max-width:725px;
	}
	.button.large a,
	.button.large input[type="submit"],
	.button.large input[type="button"],
	.button.large button[type="submit"],
	.button.large button[type="button"] {
		height:135px;
		font-size:30px;
		line-height:135px;
    	background:#2a2790 url('../image/contents/top/icon_smartphone.png') left 12% center / 40px 58px no-repeat;
		border:none;
		border-radius:67px;
		margin:0;
		padding:0 0 0 30px;
		}
	.button.large a:hover,
	.button.large input[type="submit"]:hover,
	.button.large input[type="button"]:hover,
	.button.large button[type="submit"]:hover,
	.button.large button[type="button"]:hover {
    	background:#15116f url('../image/contents/top/icon_smartphone.png') left 12% center / 40px 58px no-repeat;
		}
	.button.large a::before,
	.button.large input[type="submit"]::before,
	.button.large input[type="button"]::before,
	.button.large button[type="submit"]::before,
	.button.large button[type="button"]::before {
		border-radius:67px;
		}
	.button.large a::after,
	.button.large input[type="submit"]::after,
	.button.large input[type="sbutton"]::after,
	.button.large button[type="submit"]::after,
	.button.large button[type="button"]::after {
		top:calc(50% - 11px);
		right:7%;
		width:23px;
		height:23px;
		border-top:5px solid #ffffff;
		border-right:5px solid #ffffff;
		}

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

	.button.large a,
	.button.large input[type="submit"],
	.button.large input[type="button"],
	.button.large button[type="submit"],
	.button.large button[type="button"] {
		display:flex;
		flex-direction:column;
		justify-content:center;
		font-size:25px;
		line-height:1.6;
		}
	.button.large a:hover,
	.button.large input[type="submit"]:hover,
	.button.large input[type="button"]:hover,
	.button.large button[type="submit"]:hover,
	.button.large button[type="button"]:hover {
		}
	.button.large a::after,
	.button.large input[type="submit"]::after,
	.button.large input[type="button"]::after,
	.button.large button[type="submit"]::after,
	.button.large button[type="button"]::after {
		top:calc(50% - 11px);
		right:7%;
		width:23px;
		height:23px;
		border-top:5px solid #ffffff;
		border-right:5px solid #ffffff;
		}

}

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

	.button.large a,
	.button.large input[type="submit"],
	.button.large input[type="button"],
	.button.large button[type="submit"]
	.button.large button[type="button"] {
		height:100px;
		font-size:20px;
    	background:#2a2790 url('../image/contents/top/icon_smartphone.png') left 10% center / 40px 58px no-repeat;
		padding:0 0 0 10px;
		}
	.button.large a:hover,
	.button.large input[type="submit"]:hover,
	.button.large input[type="button"]:hover,
	.button.large button[type="submit"]:hover,
	.button.large button[type="button"]:hover {
    	background:#15116f url('../image/contents/top/icon_smartphone.png') left 10% center / 40px 58px no-repeat;
		}
	.button.large a::after,
	.button.large input[type="submit"]::after,
	.button.large input[type="button"]::after,
	.button.large button[type="submit"]::after,
	.button.large button[type="button"]::after {
		right:10%;
		}

}

ul.button.square {
	display:flex;
	gap:30px;
	width:100%;
	list-style:none;
	margin:30px auto 0 auto;
	}
ul.button.square li {
	width:calc((100% - 30px) / 2);
	}
	.button.square a {
		height:76px;
		font-size:18px;
		line-height:76px;
		border:none;
		/*border-radius:38px;*/
		margin:0;
		padding:0 10px 0 0;
		}
	.button.square a::before {
		/*border-radius:38px;*/
		}
	.button.square a::after {
		top:calc(50% - 6px);
		right:30px;
		width:13px;
		height:13px;
		border-top:3px solid #ffffff;
		border-right:3px solid #ffffff;
		}
		.button.square a i {
			margin:0 10px 0 0;
			}

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

ul.button.square {
	gap:20px;
	}

}

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

ul.button.square {
	flex-direction:column;
	}
ul.button.square li {
	width:100%;
	}

}

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

	.button.square a {;
		font-size:15px;
		}
		.button.square a i {
			font-size:15px;
			margin:0 10px 0 0;
			}

}