@charset "UTF-8";
/* CSS Document */


@media screen and (max-width:768px) {
 .pc-only {
 display: none !important;
 }
}
@media screen and (min-width:769px) {
 .sp-only {
 display: none !important;
 }

}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
img,
small,
strong,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1;
	word-wrap: break-word;
	word-break: break-word
}

article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: inherit
}

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

li img,
dt img,
dd img {
	vertical-align: bottom
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}

* {
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}
figure {
	width: 100%;
	margin: 0;
	padding: 0;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*************
 utility
******************/

.hide {
	display: none !important
}

.fixSquare,
.fixSide {
	width: 100%;
	height: auto
}

.fixVertical {
	width: auto
}

.linkColor {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.valing-m {
	vertical-align: middle;
}
.valing-t {
	vertical-align: top;
}
.valing-b {
	vertical-align: baseline;
}

.d-block {
	display: block;
}
.d-inlineblock {
	display: inline-block;
}
.d-flex {
	display: flex;
}
.d-inline {
	display: inline;
}

.p-relative {
	position:relative;
}
.p-absolute {
	position:absolute;
}
.p-static {
	position:static;
}
.p-fixed {
	position:fixed;
}
.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.ar {
	text-align: left !important;
}

@media screen and (max-width:768px) {

	body {
		-webkit-text-size-adjust: 100%;
	}
	
/*************
 utility sp
******************/
	
	
.fixSquare, .fixSide {
  width: 100% !important;
  height: auto !important
}

.fixVertical {
  width: auto !important;
  height: 100% !important
}

	
}

@media print {
	.wrapper {
		display: block;
		min-height: auto;
		padding-top: 0 !important
	}

	.pageTopBtn {
		display: none !important
	}

	.carouselItem {
		opacity: 1 !important
	}

	.globalHeader,
	.globalNavWrap,
	.headerFixed {
		position: static !important
	}
}