@charset "utf-8";

@font-face {
	font-family: 'Skip Std L';
	font-style: normal;
	src: url(../font/skipstd_L.woff) format('woff');
}

@font-face {
	font-family: 'Skip Std M';
	font-style: normal;
	src: url(../font/skipstd_M.woff) format('woff');
}

@font-face {
	font-family: 'Skip Std B';
	font-style: normal;
	src: url(../font/skipstd_B.woff) format('woff');
}

 html, body {
 	width: 100%;
 	height: 100%;
	background: #222222;
	font-family: 'Skip Std M', serif;
	-webkit-text-size-adjust: 100%;
}

/*=================================================
	ResetCSS
 =================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

.mainContents::-webkit-scrollbar{
	width: 5px;
	background: rgba(0,0,0,0);
}
.mainContents::-webkit-scrollbar-thumb{
	background: #CCCCCC;
	border-radius: 5px;
}

.mainContents {
	width: 100%;
 	height: 100%;
	overflow-y: scroll;
}

.mainContents__caution {
	width: 100%;
	margin: 0 auto 30px;
	padding: 0 20px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.7;
}

.mainContents__caution h2 {
	width: 100%;
	padding: 15px 0;
	font-size: 20px;
	text-align: center;
}

.mainContents__caution ul li {
	width: 100%;
	margin: 0 0 15px;
	letter-spacing: 1px;
}

.mainContents__contactBtnWrap {
	width: 100%;
	margin: 0 auto 30px;
}

.mainContents__contactBtnWrap div a {
	display: block;
	position: relative;
	width: 94%;
	margin: 0 auto 10px;
	padding: 17px 0;
	background: #313131;
	text-align: center;
	font-size: 20px;
	border: 2px solid #c6ad61;
	border-radius: 5px;
}

.mainContents__contactBtnWrap div a::before {
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	width: 20px;
	height: 40px;
	margin: auto;
	background: url(../img/contact/arrow_btn.png) no-repeat center top;
	background-size: 20px 40px;
	content: "";
}

.btnTouch {
	transition: all 200ms ease-out;
	transform: scale( 1 );
}

.btnTouch.touch {
	transition: all 200ms ease-out;
	transform: scale( 0.98 );
}

.backPageLink {
	width: 100%;
	margin: 10px 0 20px;
	padding: 0 0 0 10px;
	font-size: 12px;
}

.mainContents .caution_wrap h2 {
	font-size: 25px;
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 20px 0;
}

.mainContents .caution_wrap .btn_wrap {
	width: 100%;
	margin: 0 auto;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_01 {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_01 a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../img/contact/contact_btn_01.png) no-repeat center top;
	background-size: 100%;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_02 {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_02 a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../img/contact/contact_btn_02.png) no-repeat center top;
	background-size: 100%;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_03 {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_03 a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../img/contact/contact_btn_03.png) no-repeat center top;
	background-size: 100%;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_04 {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_04 a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../img/contact/contact_btn_04.png) no-repeat center top;
	background-size: 100%;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_01 a,
.mainContents .caution_wrap .btn_wrap .btn_contact_02 a,
.mainContents .caution_wrap .btn_wrap .btn_contact_03 a,
.mainContents .caution_wrap .btn_wrap .btn_contact_04 a {
	opacity: 1;
	transition: all 0.3s;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_01 a:hover,
.mainContents .caution_wrap .btn_wrap .btn_contact_02 a:hover,
.mainContents .caution_wrap .btn_wrap .btn_contact_03 a:hover,
.mainContents .caution_wrap .btn_wrap .btn_contact_04 a:hover {
	opacity: 0.7;
	transition: all 0.3s;
}

.mainContents .caution_wrap .btn_wrap .btn_contact_01 a::before,
.mainContents .caution_wrap .btn_wrap .btn_contact_02 a::before,
.mainContents .caution_wrap .btn_wrap .btn_contact_03 a::before,
.mainContents .caution_wrap .btn_wrap .btn_contact_04 a::before {
	display: block;
	content: "";
	padding: 15% 0 0 0;
}

.mainContents .btn_go_to_official {
	width: 90%;
	height: auto;
	margin: 60px auto 0 auto;
	transition: all 0.3s;
}

.mainContents .btn_go_to_official a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../img/contact/contact_btn_go_to_official_01.png) no-repeat center top;
	background-size: 100%;
	transition: all 0.3s;
}

.mainContents .btn_go_to_official a:hover {
	background: url(../img/contact/contact_btn_go_to_official_01_hover.png) no-repeat center top;
	background-size: 100%;
	transition: all 0.3s;
}

.mainContents .btn_go_to_official:active {
	transform: scale(0.97);
	transition: all 0.3s;
}

.mainContents .btn_go_to_official a::before {
	display: block;
	content: "";
	padding: 15% 0 0 0;
}

/* Thanksページ */
.result_msg_head {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.result_msg_caption {
	margin: 0 0 20px 0;
	color: #fff;
	text-align: center;
}

.result_msg_detail {
	width: 96%;
	margin: 0 auto 20px;
}

.result_msg_detail .result_msg_inner {
	margin: 0 0 10px 0;
}

.result_msg_detail .result_head {
	color: #fff;
	text-align: left;
	font-weight: bold;
}

.result_msg_detail .result_body {
	color: #fff;
	text-align: left;
}

.result_reply_detail {
	width: 96%;
	margin: 0 auto;
}

.result_reply_detail .result_reply_inner {
	margin: 0 0 10px 0;
}

.result_reply_detail .result_head {
	color: #fff;
	text-align: left;
	font-weight: bold;
}

.result_reply_detail .result_body {
	color: #fff;
	text-align: left;
}
/* /Thanksページ */

/*ローダー*/
.loading{
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background:rgba(0,0,0,0.8);
  z-index: 9999;
}

.animation {
  position:relative;
  top:50%;
  left:50%;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
/*ローダー*/