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

 file name  : common.css
 author	 : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
#footer .box_int {
	max-width: 1050px;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	#footer .box_int {
		width: 95%;
	}
}

/* -----------------------------------------------------------
	パーツ
----------------------------------------------------------- */
.tmp_slider {
	margin-bottom: 0 !important;
	position: relative;
	z-index: 0;
}

.tmp_slider > div:not(:first-child) {
	display: none;
}

.tmp_dots1 .slick-dots {
	position: absolute;
	bottom: 0;
	margin-bottom: 3%;
	line-height: 1;
	font-size: 0;
}

.tmp_dots1 .slick-dots li {
	position: relative;
	width: 3%;
	height: 0;
	padding-bottom: 3%;
	margin: 0;
	border-radius: 50%;
	background: #fff;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	transition-delay: 0ms;
}

.tmp_dots1 .slick-dots li:not(:first-child) {
	margin-left: 3%;
}

.tmp_dots1 .slick-dots li.active,
.mouse .tmp_dots1 .slick-dots li:hover,
.touch .tmp_dots1 .slick-dots li.touchstart {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}

.touch .tmp_dots1 .slick-dots li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.touch .tmp_dots1 .slick-dots li.touchend {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.tmp_dots1 .slick-dots li.slick-active,
.mouse .tmp_dots1 .slick-dots li:hover,
.touch .tmp_dots1 .slick-dots li.touchstart {
	background: #c6c929;
}

.touch .tmp_dots1 .slick-dots li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.touch .tmp_dots1 .slick-dots li.touchend {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.tmp_dots1 .slick-dots li button {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}

.tmp_dots1 .slick-dots li button:before {
	content: none;
}

.tmp_arrows1 .slick-next,
.tmp_arrows1 .slick-prev {
	width: 30px;
	height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 2px solid #a59d86;
	border-top: 2px solid #a59d86;
	margin-top: -15px;
}

.tmp_arrows1 .slick-next:before,
.tmp_arrows1 .slick-prev:before {
	content: none;
}

@media only screen and (max-width: 1140px) {
	.tmp_arrows1 .slick-next,
	.tmp_arrows1 .slick-prev {
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
}

@media print {
	.tmp_arrows1 .slick-next,
	.tmp_arrows1 .slick-prev {
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
}

.ie8 .tmp_arrows1 .slick-next, .ie8
.tmp_arrows1 .slick-prev {
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

.tmp_arrows1 .slick-next {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tmp_arrows1 .slick-prev {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.tmp_st1 {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.tmp_st1 {
		font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
		font-size: 124%;
		font-weight: normal;
		color: #092000;
	}
	.tmp_st1:before {
		content: '';
		display: block;
		margin: auto;
		width: .5em;
		height: .5em;
		background: #69cad2;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-bottom: .5em;
	}
}

/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
html {
	font-size: small;
	line-height: 1.5;
}

body {
	color: #313131;
	background: url(../images/common/bg_doc.png);
	-webkit-text-size-adjust: none;
	font-size: 100%;
}

.ie body {
	font-size: 98%;
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 93%;
	}
}

body a {
	display: block;
	color: #4b4b4b;
	text-decoration: underline;
}

.mouse body a:hover,
.touch body a.touchstart {
	text-decoration: none;
	color: #646464;
}

body img {
	max-width: 100%;
	-webkit-touch-callout: none;
}

body, pre, input, textarea, select {
	font-family: Roboto, sans-serif;
}

input, select, textarea {
	font-size: 100%;
}

::-moz-selection {
	background: rgba(105, 148, 114, 0.4);
}

::selection {
	background: rgba(105, 148, 114, 0.4);
}

html.ie8 .view_sp {
	display: none !important;
}

html.ie8 #page {
	min-width: 1050px !important;
	margin: auto;
	font-size: 100% !important;
}

@media only screen and (min-width: 768px) {
	body .view_sp {
		display: none !important;
	}
}

@media print {
	body .view_sp {
		display: none !important;
	}
}

.ie8 body .view_sp {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	body .view_pc {
		display: none !important;
	}
	body .view_tab {
		display: none !important;
	}
	body .view_pc-tab {
		display: none !important;
	}
}

.over {
	cursor: pointer;
}

.mouse .over {
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
}

.over.active,
.mouse .over:hover,
.touch .over.touchstart {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.touch .over {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.touch .over.touchend {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.obj_accordion {
	cursor: pointer;
}

.obj_accordion + * {
	display: none;
}

@media only screen and (min-width: 768px) {
	.obj_accordion.sp_only {
		cursor: default;
	}
	.obj_accordion.sp_only + * {
		display: block !important;
	}
}

@media print {
	.obj_accordion.sp_only {
		cursor: default;
	}
	.obj_accordion.sp_only + * {
		display: block !important;
	}
}

.ie8 .obj_accordion.sp_only {
	cursor: default;
}

.ie8 .obj_accordion.sp_only + * {
	display: block !important;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
@media only screen and (min-width: 1051px) {
	#page {
		min-width: 1050px;
		font-size: 100% !important;
	}
}

@media print {
	#page {
		min-width: 1050px;
		font-size: 100% !important;
	}
}

.ie8 #page {
	min-width: 1050px;
	font-size: 100% !important;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	position: relative;
	z-index: 10;
}

@media only screen and (min-width: 768px) {
	#header:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 71px;
		background: url(../images/header/bg_header-pc.png) no-repeat center;
	}
}

@media print {
	#header:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 71px;
		background: url(../images/header/bg_header-pc.png) no-repeat center;
	}
}

.ie8 #header:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 71px;
	background: url(../images/header/bg_header-pc.png) no-repeat center;
}

@media only screen and (min-width: 768px) {
	#header h1 {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		overflow: hidden;
		z-index: 10;
	}
}

@media print {
	#header h1 {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		overflow: hidden;
		z-index: 10;
	}
}

.ie8 #header h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 10;
}

@media only screen and (max-width: 767px) {
	#header h1 {
		text-align: center;
	}
	#header h1 a {
		padding: 5px 0;
		background: url(../images/common/bg_pattern1.png);
	}
	#header h1 a img {
		width: 180px;
	}
}

@media only screen and (min-width: 768px) {
	#header h1 img {
		max-width: none;
		position: relative;
		left: 50%;
		margin-left: -960px;
	}
}

@media print {
	#header h1 img {
		max-width: none;
		position: relative;
		left: 50%;
		margin-left: -960px;
	}
}

.ie8 #header h1 img {
	max-width: none;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

#header .box_language {
	max-width: 1050px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#header .box_language .language {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
}

#header .box_language .language .st {
	background: rgba(157, 152, 151, 0.8);
	position: relative;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
}

#header .box_language .language .st:after {
	content: '\f107';
	font-family: "FontAwesome";
	position: absolute;
	right: 1em;
	top: .5em;
}

#header .box_language .language ul {
	background: rgba(157, 152, 151, 0.8);
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}

#header .box_language .language ul li {
	position: relative;
	font-size: 13px;
	line-height: 1.5;
}

#header .box_language .language ul li a {
	display: block;
	padding: .5em 2em;
	text-decoration: none;
	color: #fff;
	text-align: left;
}

#header .box_language .language ul li a:hover {
	text-decoration: underline;
}

#header .box_language .language ul li a:after {
	content: '\f0da';
	font-family: "FontAwesome";
	position: absolute;
	left: 1em;
	top: .5em;
}

@media only screen and (max-width: 767px) {
	#header .box_language .language {
		width: 90px;
		top: -55px;
	}
	#header .box_language .language .st {
		padding: 6px 1em;
		font-size: 12px;
		line-height: 1.5;
	}
	#header .box_language .language .st:after {
		right: .5em;
	}
	#header .box_language .language ul li {
		font-size: 12px;
		line-height: 1.5;
	}
	#header .box_language .language ul li a {
		padding: .5em 1em;
	}
	#header .box_language .language ul li a:after {
		left: .5em;
	}
}

#header h2 {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 20%;
	width: 100%;
	text-align: center;
}

#header h2 img {
	max-width: 50%;
}

@media only screen and (max-width: 767px) {
	#header h2 {
		top: 30%;
		text-align: center;
	}
	#header h2 img {
		max-width: 80% !important;
	}
}

#header h2 {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 20%;
	width: 100%;
	text-align: center;
}

#header h2 img {
	max-width: 50%;
}

@media only screen and (max-width: 767px) {
	#header h2 {
		top: 30%;
		text-align: center;
	}
	#header h2 img {
		max-width: 80% !important;
	}
}

@media only screen and (max-width: 767px) {
	#header #obj_mainSlider .slide {
		overflow: hidden;
	}
	#header #obj_mainSlider .slide img {
		position: relative;
		width: 130%;
		max-width: none;
		margin-left: -15%;
	}
}

/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
#side {
	position: fixed;
	height: 100vh;
	right: -50px;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 300ms, right 0ms;
	-webkit-transition-delay: 0s, 300ms;
	-moz-transition: opacity 300ms, right 0ms 300ms;
	-o-transition: opacity 300ms, right 0ms 300ms;
	transition: opacity 300ms, right 0ms 300ms;
	top: 0;
	display: table;
}

#side.active {
	opacity: 1;
	right: 0;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	transition-delay: 0ms;
}

#side ul {
	display: table-cell;
	vertical-align: middle;
}

#side li:nth-child(n+2) {
	margin-top: 1px;
}

@media only screen and (max-height: 650px) {
	#side img {
		width: 80px;
	}
}

@media only screen and (max-width: 1050px) {
	#side {
		display: none;
	}
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
	background: url(../images/common/bg_pattern5.png);
	text-align: center;
	border-top: 3px solid #b5afaa;
}

#footer .box_int {
	padding: 70px 0;
}

@media only screen and (max-width: 767px) {
	#footer .box_int {
		padding: 10% 0;
	}
}

@media only screen and (min-width: 768px) {
	#footer .box_int {
		background: url(../images/footer/dec_f_int.png) no-repeat 720px 40px;
	}
}

@media print {
	#footer .box_int {
		background: url(../images/footer/dec_f_int.png) no-repeat 720px 40px;
	}
}

.ie8 #footer .box_int {
	background: url(../images/footer/dec_f_int.png) no-repeat 720px 40px;
}

#footer .box_int .st > span {
	display: block;
}

#footer .box_int .st > span.txt1 span {
	font-family: Cormorant, serif;
	font-size: 139%;
}

#footer .box_int .st > span.txt2 span {
	font-family: Cormorant, serif;
	letter-spacing: 1.5em;
	font-size: 62%;
}

#footer .box_int .st > span span {
	color: #fff;
}

#footer .box_int .txt {
	padding: 35px 0 25px;
	color: #fff;
	font-size: 100%;
	line-height: 1.8;
}

@media only screen and (max-width: 767px) {
	#footer .box_int .txt {
		padding: 6.66667% 0;
	}
}

@media only screen and (max-width: 767px) {
	#footer .box_int .txt {
		text-align: left;
	}
}

#footer .box_int .btn {
	display: inline-block;
}

#footer .box_int .btn a {
	display: block;
	text-decoration: none;
	padding: .8em 3em;
	background: #FFF;
	border: 1px solid #827973;
	font-size: 116%;
}

@media only screen and (max-width: 767px) {
	#footer .box_int .btn a {
		padding: .8em 1.5em;
	}
}

#footer .box_int .btn a, #footer .box_int .btn a:before {
	-webkit-transition-property: background, color;
	-moz-transition-property: background, color;
	-o-transition-property: background, color;
	transition-property: background color;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	transition-delay: 0ms;
}

#footer .box_int .btn a.active,
.mouse #footer .box_int .btn a:hover,
.touch #footer .box_int .btn a.touchstart, #footer .box_int .btn a:before.active,
.mouse #footer .box_int .btn a:before:hover,
.touch #footer .box_int .btn a:before.touchstart {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}

.touch #footer .box_int .btn a, .touch #footer .box_int .btn a:before {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.touch #footer .box_int .btn a.touchend, .touch #footer .box_int .btn a:before.touchend {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

#footer .box_int .btn a:before, #footer .box_int .btn a:after {
	font-family: FontAwesome;
	vertical-align: middle;
}

#footer .box_int .btn a > * {
	vertical-align: middle;
	display: inline;
}

#footer .box_int .btn a:before {
	content: "";
	margin-right: .5em;
	color: #92846b;
}

#footer .box_int .btn a.active,
.mouse #footer .box_int .btn a:hover,
.touch #footer .box_int .btn a.touchstart {
	background: #827973;
}

#footer .box_int .btn a.active, #footer .box_int .btn a.active:before,
.mouse #footer .box_int .btn a:hover,
.mouse #footer .box_int .btn a:hover:before,
.touch #footer .box_int .btn a.touchstart,
.touch #footer .box_int .btn a.touchstart:before {
	color: #fff;
}

.touch #footer .box_int .btn a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.touch #footer .box_int .btn a.touchend {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

#footer .box_end {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#footer .box_end .flogo {
	text-align: center;
	padding: 30px 0;
}

@media only screen and (max-width: 767px) {
	#footer .box_end .flogo {
		padding: 6.66667% 0;
	}
}

#footer .box_end .flogo a {
	display: inline-block;
}

@media only screen and (max-width: 767px) {
	#footer .box_end .flogo a img {
		width: 60%;
	}
}

#footer .box_end ul {
	letter-spacing: -.4em;
}

#footer .box_end ul li {
	letter-spacing: normal;
	display: inline-block;
}

#footer .box_end ul li:not(:first-child) {
	margin-left: 10px;
}

@media only screen and (max-width: 767px) {
	#footer .box_end ul li:not(:first-child) {
		margin-left: 1.3em;
	}
}

@media only screen and (max-width: 767px) {
	#footer .box_end ul li {
		width: 3em;
	}
}

#footer .box_end #copyright {
	padding: 20px 0;
	font-family: Cormorant, serif;
	font-size: 85%;
	color: #d1c0a5;
}

@media only screen and (max-width: 767px) {
	#footer .box_end #copyright {
		padding: 6.66667% 0 0.5em;
	}
}

@media only screen and (max-width: 767px) {
	#footer .box_end #copyright {
		font-size: 85%;
	}
}

/* -----------------------------------------------------------
	テーブル
----------------------------------------------------------- */
.txt {
	font-family: Roboto, sans-serif;
	font-size: 116%;
}

/*# sourceMappingURL=../maps/common.css.map */