@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : comportant.css
 author     : Ability Consultant
 style info : コンポータント
=================================================================== */
/* FontSize */
/* -----------------------------------------------------------
	見出し
----------------------------------------------------------- */
.st_basic_c {
	text-align: center;
}
.st_basic_c .jp {
	font-family: "Times New Roman", serif;
	font-size: 258%;
	font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_basic_c .jp {
		font-size: 215%;
  }
}
@media only screen and (max-width: 767px) {
  .st_basic_c .jp {
		font-size: 186%;
  }
}
.st_basic_c .eng {
	font-family: "Cinzel", serif;
	color: #8f97a3;
	font-size: 115%;
	letter-spacing: 0.1em;
}

.st_basic_l .jp {
	font-family: "Times New Roman", serif;
	font-size: 215%;
	font-weight: normal;
	line-height: 1.1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_basic_l .jp {
		font-size: 186%;
  }
}
@media only screen and (max-width: 767px) {
  .st_basic_l .jp {
		font-size: 172%;
  }
}
.st_basic_l .jp .sub {
	font-size: 72%;
	display: block;
}
.st_basic_l .eng {
	font-family: "Cinzel", serif;
	font-size: 115%;
	letter-spacing: .1em;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------
	ボタン
----------------------------------------------------------- */
.btn_yellow a {
	display: block;
	background: #aa8d68;
	color: #fff;
	text-decoration: none !important;
	position: relative;
	padding: 1em;
}
@media only screen and (max-width: 767px) {
  .btn_yellow a {
		padding: .7em 1em;
  }
}
.btn_yellow a:before {
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	right: 5%;
	z-index: 0;
	font-size: 100%;
	color: #fff;
}
@media only screen and (min-width: 1025px) {
  .btn_yellow a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_yellow a:hover {
		cursor: pointer;
		opacity: 0.7;
		color: #fff !important;
  }
}
@media print {
  .btn_yellow a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_yellow a:hover {
		cursor: pointer;
		opacity: 0.7;
		color: #fff !important;
  }
}
.ie8 .btn_yellow a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.ie8 .btn_yellow a:hover {
	cursor: pointer;
	opacity: 0.7;
	color: #fff !important;
}

.btn_blue a {
	display: block;
	background: #233f5b;
	color: #fff;
	text-decoration: none !important;
	position: relative;
	padding: 1em;
}
@media only screen and (max-width: 767px) {
  .btn_blue a {
		padding: .7em 1em;
  }
}
.btn_blue a:before {
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	right: 5%;
	z-index: 0;
	font-size: 100%;
	color: #fff;
}
@media only screen and (min-width: 1025px) {
  .btn_blue a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_blue a:hover {
		cursor: pointer;
		background: #233f5b;
		color: #fff !important;
  }
}
@media print {
  .btn_blue a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_blue a:hover {
		cursor: pointer;
		background: #233f5b;
		color: #fff !important;
  }
}
.ie8 .btn_blue a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.ie8 .btn_blue a:hover {
	cursor: pointer;
	background: #233f5b;
	color: #fff !important;
}

.btn_circle {
	text-align: center;
}
.btn_circle a {
	display: block;
	border: 1px solid #666666;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	font-family: "Cinzel", serif;
	max-width: 80px;
	line-height: 80px;
	text-decoration: none !important;
	color: #666666 !important;
}
@media only screen and (min-width: 1025px) {
  .btn_circle a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_circle a:hover {
		background: #666666;
		color: #fff !important;
  }
}
@media print {
  .btn_circle a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_circle a:hover {
		background: #666666;
		color: #fff !important;
  }
}
.ie8 .btn_circle a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.ie8 .btn_circle a:hover {
	background: #666666;
	color: #fff !important;
}

.btn_ghost {
	border: 1px solid #fff;
}
.btn_ghost a {
	display: block;
	color: #fff;
	padding: .5em;
	text-decoration: none !important;
	position: relative;
}
@media only screen and (min-width: 1025px) {
  .btn_ghost a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_ghost a:hover {
		background: #fff;
		color: #233f5b !important;
  }
}
@media print {
  .btn_ghost a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_ghost a:hover {
		background: #fff;
		color: #233f5b !important;
  }
}
.ie8 .btn_ghost a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.ie8 .btn_ghost a:hover {
	background: #fff;
	color: #233f5b !important;
}
.btn_ghost a:after {
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	right: 5%;
}

.btn_ghost_black {
	border: 1px solid #666666;
}
.btn_ghost_black a {
	display: block;
	color: #666666;
	padding: .5em;
	text-decoration: none !important;
	position: relative;
}
@media only screen and (min-width: 1025px) {
  .btn_ghost_black a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_ghost_black a:hover {
		background: #666666;
		color: #fff !important;
  }
}
@media print {
  .btn_ghost_black a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
  }
  .btn_ghost_black a:hover {
		background: #666666;
		color: #fff !important;
  }
}
.ie8 .btn_ghost_black a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.ie8 .btn_ghost_black a:hover {
	background: #666666;
	color: #fff !important;
}
.btn_ghost_black a:after {
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	right: 5%;
}