@charset "UTF-8";
body {
	background-color: #000;
}
#nav-bg {
	content: "";
	width: 2400px;
	height: 2400px;
	margin-right: -1200px;
	margin-top: -1200px;
	top: 50%;
	right: 50%;
	display: block;
	position: fixed;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: scale(.02);
	transform: scale(.02);
}
.open #nav-bg {
	background: #000;
	position: absolute;
	z-index: 1;
}
.openbtn span{
	background-color: #fff;
}
#global-nav a {
	color: #fff;
}
.pulse-btn {
	background-color: #f0e68c;
}
.pulse-btn p {
    color: #fff;
}
.pulse-btn::before, .pulse-btn::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	border: 1px solid #ffffe0;
	border-radius: 50%;
	box-sizing: border-box;
	pointer-events: none;
	animation: pulsate 2s linear infinite;
}
svg {
	stroke: #fff;
}
.yu_b{
	color: #333;
	-webkit-text-stroke: 1px #fff; /* webkitのベンダープレフィックス */
	text-stroke: 1px #fff;         /*　ベンダープレフィックスのない指定方法 */
}
.ka_p{
	color: #778899;
}
.sm_r{
	color: #969977;
}

.bg {
	position: absolute;
	width:100%;
	height:100%;
	background-position: center;
	-webkit-filter: brightness(0.85);
	filter: brightness(0.85);
}

.content {
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
	z-index: 1;
}

.circle {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	background: transparent;
	z-index: 0;
}

span.dot {
	position: absolute;
	width: 16px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -8px;
}

span.dot:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 15px;
	height: 15px;
	background-color: #ffffff;
	border-radius: 50%;
}

/* Animation */

.circle {
	width: 240px;
	height: 240px;
	margin: -120px 0 0 -120px;
	-webkit-animation: animatedEight 30s linear infinite;
	animation: animatedEight 30s linear infinite;
}

	@-webkit-keyframes animatedEight {
		from { -webkit-transform: rotate(-45deg); }
		to { -webkit-transform: rotate(-405deg); }
	}
	@keyframes animatedEight {
		from { transform: rotate(-45deg); }
		to { transform: rotate(-405deg); }
	}

span.dot.no1 {
	-webkit-animation: animatedDotOne 15s ease infinite;
	animation: animatedDotOne 15s ease infinite;
}

	@-webkit-keyframes animatedDotOne {
		0%, 58%, 100% { -webkit-transform: translate(0,0); }
		8%, 50% { -webkit-transform: translate(0,224px); }
	}
	@keyframes animatedDotOne {
		0%, 58%, 100% { transform: translate(0,0); }
		8%, 50% { transform: translate(0,224px); }
	}

span.dot.no2 {
	-webkit-animation: animatedDotTwo 15s ease infinite;
	animation: animatedDotTwo 15s ease infinite;
}

	@-webkit-keyframes animatedDotTwo {
		0%, 2%, 60%, 100% { -webkit-transform: rotate(24deg) translate(0,0); }
		10%, 52% { -webkit-transform: rotate(24deg) translate(0,224px); }
	}
	@keyframes animatedDotTwo {
		0%, 2%, 60%, 100% { transform: rotate(24deg) translate(0,0); }
		10%, 52% { transform: rotate(24deg) translate(0,224px); }
	}

span.dot.no3 {
	-webkit-animation: animatedDotThree 15s ease infinite;
	animation: animatedDotThree 15s ease infinite;
}

	@-webkit-keyframes animatedDotThree {
		0%, 4%, 62%, 100% { -webkit-transform: rotate(48deg) translate(0,0); }
		12%, 54% { -webkit-transform: rotate(48deg) translate(0,224px); }
	}
	@keyframes animatedDotThree {
		0%, 4%, 62%, 100% { transform: rotate(48deg) translate(0,0); }
		12%, 54% { transform: rotate(48deg) translate(0,224px); }
	}

span.dot.no4 {
	-webkit-animation: animatedDotFour 15s ease infinite;
	animation: animatedDotFour 15s ease infinite;
}

	@-webkit-keyframes animatedDotFour {
		0%, 6%, 64%, 100% { -webkit-transform: rotate(72deg) translate(0,0); }
		14%, 56% { -webkit-transform: rotate(72deg) translate(0,224px); }
	}
	@keyframes animatedDotFour {
		0%, 6%, 64%, 100% { transform: rotate(72deg) translate(0,0); }
		14%, 56% { transform: rotate(72deg) translate(0,224px); }
	}

span.dot.no5 {
	-webkit-animation: animatedDotFive 15s ease infinite;
	animation: animatedDotFive 15s ease infinite;
}

	@-webkit-keyframes animatedDotFive {
		0%, 8%, 66%, 100% { -webkit-transform: rotate(96deg) translate(0,0); }
		16%, 58% { -webkit-transform: rotate(96deg) translate(0,224px); }
	}
	@keyframes animatedDotFive {
		0%, 8%, 66%, 100% { transform: rotate(96deg) translate(0,0); }
		16%, 58% { transform: rotate(96deg) translate(0,224px); }
	}

span.dot.no6 {
	-webkit-animation: animatedDotSix 15s ease infinite;
	animation: animatedDotSix 15s ease infinite;
}

	@-webkit-keyframes animatedDotSix {
		0%, 10%, 68%, 100% { -webkit-transform: rotate(120deg) translate(0,0); }
		18%, 60% { -webkit-transform: rotate(120deg) translate(0,224px); }
	}
	@keyframes animatedDotSix {
		0%, 10%, 68%, 100% { transform: rotate(120deg) translate(0,0); }
		18%, 60% { transform: rotate(120deg) translate(0,224px); }
	}

span.dot.no7 {
	-webkit-animation: animatedDotSeven 15s ease infinite;
	animation: animatedDotSeven 15s ease infinite;
}

	@-webkit-keyframes animatedDotSeven {
		0%, 12%, 70%, 100% { -webkit-transform: rotate(144deg) translate(0,0); }
		20%, 62% { -webkit-transform: rotate(144deg) translate(0,224px); }
	}
	@keyframes animatedDotSeven {
		0%, 12%, 70%, 100% { transform: rotate(144deg) translate(0,0); }
		20%, 62% { transform: rotate(144deg) translate(0,224px); }
	}

span.dot.no8 {
	-webkit-animation: animatedDotEight 15s ease infinite;
	animation: animatedDotEight 15s ease infinite;
}

	@-webkit-keyframes animatedDotEight {
		0%, 14%, 72%, 100% { -webkit-transform: rotate(168deg) translate(0,0); }
		22%, 64% { -webkit-transform: rotate(168deg) translate(0,224px); }
	}
	@keyframes animatedDotEight {
		0%, 14%, 72%, 100% { transform: rotate(168deg) translate(0,0); }
		22%, 64% { transform: rotate(168deg) translate(0,224px); }
	}

span.dot.no9 {
	-webkit-animation: animatedDotNine 15s ease infinite;
	animation: animatedDotNine 15s ease infinite;
}

	@-webkit-keyframes animatedDotNine {
		0%, 16%, 74%, 100% { -webkit-transform: rotate(192deg) translate(0,0); }
		24%, 66% { -webkit-transform: rotate(192deg) translate(0,224px); }
	}
	@keyframes animatedDotNine {
		0%, 16%, 74%, 100% { transform: rotate(192deg) translate(0,0); }
		24%, 66% { transform: rotate(192deg) translate(0,224px); }
	}

span.dot.no10 {
	-webkit-animation: animatedDotTen 15s ease infinite;
	animation: animatedDotTen 15s ease infinite;
}

	@-webkit-keyframes animatedDotTen {
		0%, 18%, 76%, 100% { -webkit-transform: rotate(216deg) translate(0,0); }
		26%, 68% { -webkit-transform: rotate(216deg) translate(0,224px); }
	}
	@keyframes animatedDotTen {
		0%, 18%, 76%, 100% { transform: rotate(216deg) translate(0,0); }
		26%, 68% { transform: rotate(216deg) translate(0,224px); }
	}

span.dot.no11 {
	-webkit-animation: animatedDotEleven 15s ease infinite;
	animation: animatedDotEleven 15s ease infinite;
}

	@-webkit-keyframes animatedDotEleven {
		0%, 20%, 78%, 100% { -webkit-transform: rotate(240deg) translate(0,0); }
		28%, 70% { -webkit-transform: rotate(240deg) translate(0,224px); }
	}
	@keyframes animatedDotEleven {
		0%, 20%, 78%, 100% { transform: rotate(240deg) translate(0,0); }
		28%, 70% { transform: rotate(240deg) translate(0,224px); }
	}

span.dot.no12 {
	-webkit-animation: animatedDotTwelve 15s ease infinite;
	animation: animatedDotTwelve 15s ease infinite;
}

	@-webkit-keyframes animatedDotTwelve {
		0%, 22%, 80%, 100% { -webkit-transform: rotate(264deg) translate(0,0); }
		30%, 72% { -webkit-transform: rotate(264deg) translate(0,224px); }
	}
	@keyframes animatedDotTwelve {
		0%, 22%, 80%, 100% { transform: rotate(264deg) translate(0,0); }
		30%, 72% { transform: rotate(264deg) translate(0,224px); }
	}

span.dot.no13 {
	-webkit-animation: animatedDotThirteen 15s ease infinite;
	animation: animatedDotThirteen 15s ease infinite;
}

	@-webkit-keyframes animatedDotThirteen {
		0%, 24%, 82%, 100% { -webkit-transform: rotate(288deg) translate(0,0); }
		32%, 74% { -webkit-transform: rotate(288deg) translate(0,224px); }
	}
	@keyframes animatedDotThirteen {
		0%, 24%, 82%, 100% { transform: rotate(288deg) translate(0,0); }
		32%, 74% { transform: rotate(288deg) translate(0,224px); }
	}

span.dot.no14 {
	-webkit-animation: animatedDotFourteen 15s ease infinite;
	animation: animatedDotFourteen 15s ease infinite;
}

	@-webkit-keyframes animatedDotFourteen {
		0%, 26%, 84%, 100% { -webkit-transform: rotate(312deg) translate(0,0); }
		34%, 76% { -webkit-transform: rotate(312deg) translate(0,224px); }
	}
	@keyframes animatedDotFourteen {
		0%, 26%, 84%, 100% { transform: rotate(312deg) translate(0,0); }
		34%, 76% { transform: rotate(312deg) translate(0,224px); }
	}

span.dot.no15 {
	-webkit-animation: animatedDotFifteen 15s ease infinite;
	animation: animatedDotFifteen 15s ease infinite;
}

	@-webkit-keyframes animatedDotFifteen {
		0%, 28%, 86%, 100% { -webkit-transform: rotate(336deg) translate(0,0); }
		36%, 78% { -webkit-transform: rotate(336deg) translate(0,224px); }
	}
	@keyframes animatedDotFifteen {
		0%, 28%, 86%, 100% { transform: rotate(336deg) translate(0,0); }
		36%, 78% { transform: rotate(336deg) translate(0,224px); }
	}
	
span.dot.no1:after {
	background-color: #fff8dc;
}
span.dot.no4:after {
	background-color: #dc143c;
}
span.dot.no7:after {
	background-color: #708090;
}
span.dot.no8:after {
	background-color: #4682b4;
}
span.dot.no13:after {
	background-color: #eee8aa;
}
h1 a{
	color: #fff;
}
.circle-bg {
	background: #333;
}
#g-nav li a {
	color: #fff;
}
.ms-section {
	color: #333;
	font-size: 14px;
	background: #515151!important;
}
.cp_timeline04 .timeline_item .time_date .time {
    color: rgba(220,213,100,0.1);
}
.cp_timeline04 .timeline_item .time_date .flag {
    color: #fff;
}
.cp_timeline04 .timeline_item .desc {
	color: #fff;
}

/*お問い合わせ*/
h2.heading{
	color: #fff;
	border-bottom: 1px solid #fff;
}
.att_red{
	color: #bdcc00;
}
.controls input[type="text"],
.controls input[type="email"],
.controls input[type="number"],
.controls input[type="date"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select {
	margin-bottom: 22px;
}
.grid{
	background: transparent;
}
.controls label.active {
	border-radius: 2px;
}
.agree_chk{
	color: #fff;
}
#modal-content {
    border: 2px solid #aaa;
    background: #000;
}
.modal_conf_table th {
    color: #fff;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 2%;
}
.modal_conf_table td {
	color: #fff;
}
.modal_submit_sp li {
	background-color: #fff;
}
.modal_submit_sp li .button-link {
    color: #000;
}
.red {
	color: #bdcc00;
}