/*
Theme Name:Base Theme
Theme URI: http://www.www.www/
Description:BASE THEME.
*/


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, font, 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,section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:14px;
	line-height: 1.8em;
	vertical-align: baseline;
	background: transparent;
}
a{
	text-decoration:none;
}
li{
	list-style-type:none;
}
img{
	border:0;
	display:block;
}
.clearbox{
	overflow:hidden;
}
.pc-br{
	display: block;
}
.sp-br{
	display: none;
}
.cont-inner01 {
	max-width: 1140px;
	width: 100%;
	/* height: 100%; */
	margin: 0 auto;
}
.cont-inner02 {
	width: 90%;
	/* height: 100%; */
	margin: 0 auto;
}
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.Marcellus_SC {
	font-family: 'Marcellus SC', serif;
}
.font12 {
	font-size: 12px;
	line-height: 21px;
}
.font14 {
	font-size: 14px !important;
	line-height: 23px;
}
.font16 {
	font-size: 16px;
	line-height: 25px;
}
.font18 {
	font-size: 18px !important;
	line-height: 27px;
}
.font20 {
	font-size: 20px;
	line-height: 29px;
}
.font22 {
	font-size: 22px;
	line-height: 31px;
}
.font24 {
	font-size: 24px;
	line-height: 33px;
}
.font26 {
	font-size: 26px;
	line-height: 41px;
}
.btxt {
  font-weight: bold;
}
.ctxt {
	text-align: center;
}
::selection {
    background: #ffeaed; /* Safari */
}
::-moz-selection {
    background: #ffeaed; /* Firefox */
}
.red {
	color: #a80000;
}
.white {
	color: #fff;
}
.bg-red {
	background-color: #dff3dc;
}
.bg-red-grad {
    background-image: linear-gradient(to right, #a80000 0%, #c70000 51%, #a80000 100%);
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-size: 200% auto;
}
.bg-blue-grad {
    background-image: linear-gradient(to right, #042a7a 0%, #0d418b 51%, #042a7a 100%);
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-size: 200% auto;
}
.bg-gold-grad {
    background-image: linear-gradient(to right, #b7946c 0%, #ccad8a 51%, #b7946c 100%);
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-size: 200% auto;
}
.btn01 {
	display: block;
	width: 130px;
	border-radius: 2em;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 2% 0;
	color: #fff !important;
}
.btn02 {
	display: block;
	width: 150px;
	border-radius: 0.5em;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 10px 0;
	color: #fff !important;
}
.btn03 {
	display: block;
	width: 260px;
	border-radius: 5em;
	text-align: center;
	margin: 40px auto 0 auto;
	padding: 15px 0;
	color: #fff !important;
	font-size: 16px;
}
.btn01auto {
	display: block;
	width: 130px;
	border-radius: 2em;
	text-align: center;
	margin: 30px auto 0 auto;
	padding: 2% 0;
	color: #fff !important;
}
.btn02auto {
	display: block;
	width: 150px;
	border-radius: 0.5em;
	text-align: center;
	margin: 30px auto 0 auto;
	padding: 10px 0;
	color: #fff !important;
}
.btn03auto {
	display: block;
	width: 270px;
	border-radius: 2em;
	text-align: center;
	margin: 30px auto 0 auto;
	padding: 15px 0;
	color: #fff !important;
	font-size: 16px;
}
.fa-angle-right {
	padding: 0 0 0 10px;
}
.btn01:hover,
.btn02:hover,
.btn03:hover,
.btn01auto:hover,
.btn02auto:hover,
.btn03auto:hover {
  background-position: right center; /* change the direction of the change here */
  background-color: #fff;
}

	@media screen and (min-width: 2560px){
	.cont-inner02,
	.cont-inner03 {
		width: 70% !important;
		margin: 0 auto;
	}
	}

	@media screen and (max-width: 1140px){
	.cont-inner01 {
		width: 90%;
	}
	}

	@media screen and (max-width: 768px){
	.sp-none{
	  display: none;
	}
	.pc-br{
		display: none;
	}
	.btn01,.btn03 {
		margin: 30px auto 0 auto;
	}
	}

	@media screen and (max-width : 500px){
	.sp-br {
		display: block;
	}
	}


/* Google reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }