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

/*============
リセット
==============*/

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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
.fcItem div,
.fcItem span,
.fcItem applet,
.fcItem object,
.fcItem iframe,
.fcItem h1,
.fcItem h2,
.fcItem h3,
h4,
.fcItem h5,
.fcItem h6,
.fcItem p,
.fcItem blockquote,
.fcItem pre,
.fcItem a,
.fcItem abbr,
.fcItem acronym,
address,
.fcItem big,
.fcItem cite,
.fcItem code,
.fcItem del,
.fcItem dfn,
.fcItem em,
.fcItem font,
.fcItem img,
.fcItem ins,
kbd,
.fcItem q,
.fcItem s,
.fcItem samp,
.fcItem small,
.fcItem strike,
.fcItem strong,
.fcItem sub,
.fcItem sup,
.fcItem tt,
var,
.fcItem dl,
.fcItem dt,
.fcItem dd,
.fcItem ol,
.fcItem ul,
.fcItem li,
.fcItem fieldset,
.fcItem form,
.fcItem label,
.fcItem legend,
table,
.fcItem caption,
.fcItem tbody,
.fcItem tfoot,
.fcItem thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

li {
	list-style: none;
	margin: 0;
	padding: 0;
	zoom: 1;
}

li img {
	font-size: 0;
	vertical-align: bottom;
}

a img,
.fcItem a img {
	border: none;
}

* html .clearfix {
	zoom: 1;
}

* + html .clearfix {
	zoom: 1;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

li,
dt,
dd,
th,
td {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4;
}

.mgb10 {
	margin-bottom: 10px;
}

.mgb20 {
	margin-bottom: 20px;
}

.mgb30 {
	margin-bottom: 30px;
}

.mgb40 {
	margin-bottom: 40px;
}

.mgb50 {
	margin-bottom: 50px;
}


/*=====　ドロワー =====*/

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

/* オーバーレイ */

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	z-index: 999;
}

/* ヘッダー */

header {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9998;
	background: #fff;
}

header .inner {
	position: relative;
	height: 75px;
}

.sp-header-logo {
	position: absolute;
	left: calc(50% - 52px);
	left: -webkit-calc(50% - 52px);
	top: calc(50% - 52px);
	top: -webkit-calc(50% - 52px);

}

.sp-header-logo img {
	width: 110px;
	height: 100px;
	position: relative;
	z-index: 9999;
}

/*============
メニューボタン（ヘッダー）
==============*/

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.menu-btn,
.menu-btn span {
	transition: all .6s;
	box-sizing: border-box;
}

.menu-btn {
	position: fixed;
	width: 30px;
	height: 26px;
	top: 25px;
	/* top: 80px; */
	right: 15px;
	z-index: 999999;
}

.menu-btn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000;
}

.menu-btn span:nth-of-type(1) {
	top: 0;
}

.menu-btn span:nth-of-type(2) {
	top: 12px;
}

.menu-btn span:nth-of-type(3) {
	bottom: 0;
}

/*アクション*/

.menu-btn.active span:nth-of-type(1) {
	-webkit-transform: translateY(11px) rotate(-315deg);
	transform: translateY(11px) rotate(-315deg);
}

.menu-btn.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-btn.active span:nth-of-type(3) {
	-webkit-transform: translateY(-13px) rotate(315deg);
	transform: translateY(-13px) rotate(315deg);
}

header .menu-cts img {
	max-width: 100%;
}

header .menu-cts {
	width: 76.4%;
	background-color: #f5f5f5;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	z-index: 9999;
	box-sizing: border-box;
	font-size: 13px;
	padding-top: 70px;
}

header .menu-cts .menu-inner {
	overflow-x: hidden;
	overflow-y: scroll;
	overflow-y: -webkit-overflow-scrolling: touch;
	padding: 0 35px 35px 35px;
	height: 100%;
	box-sizing: border-box;
}

header .menu-cts ul a {
	text-decoration: none;
	color: #000;
	display: block;
}

header .menu-cts ul li {
	margin-bottom: 30px;
}

header .menu-cts .btn li {
	display: block;
	margin-bottom: 15px;
}

header .menu-cts .btn a:last-of-type {
	margin-bottom: 0;
}

/*
header .menu-cts ul li:last-of-type {
	margin-bottom: 0;
}
*/

/* ナビゲーション 
header nav {
		overflow:auto;
		position: fixed;
		top: 0;
		right: -80%;
		width: 80%;
		max-width:320px;
		height: 100%;
		background: #f5f5f5;
		opacity: 0;
		z-index:9998;
}
/* ナビゲーション：アクティブ時 
header .navOpen nav {
		opacity: 1;
		right: 0;
}

header nav ul {
	padding-top: 20px;
}

header nav ul li {
	padding: 15px 30px 15px 33px;
}

header nav ul li:nth-last-child(2) {
	padding: 20px 30px 15px 30px;
}

header nav ul li:last-child {
	padding: 5px 30px 15px 30px;
}

header nav ul li a {
	position:relative;
	display:block;
	color:#333333;
	text-decoration:none;
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* ナビゲーションアイコン 
header .navBtn {
		display: block;
		width: 30px;
		position: absolute;
		top: 26px;
		right: 15px;
		cursor: pointer;
}
header .navBtn span {
		display: block;
		height: 2px;
		width: 100%;
		background: #222;
		border-radius: 2px;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}
header .navBtn span:nth-of-type(2),
header .navBtn span:nth-of-type(3) {
		margin-top: 9px;
}

header .navOpen .navBtn span:nth-of-type(1) {
		-webkit-transform: translateY(7px) translateX(0) rotate(45deg);
		-ms-transform: translateY(7px) translateX(0) rotate(45deg);
		transform: translateY(7px) translateX(0) rotate(45deg);
}
header .navOpen .navBtn span:nth-of-type(2) {
		margin-top: 3px;
		opacity: 0;
		-webkit-transform: translateY(9px);
		-ms-transform: translateY(9px);
		transform: translateY(9px);
}
header .navOpen .navBtn span:nth-of-type(3) {
		-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
		-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
		transform: translateY(-9px) translateX(0) rotate(-45deg);
}


/*============
フッター
==============*/

#sp-footer {
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.sp-footer-flex {
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sp-footer-flex li {
	padding: 0 10px 15px 0;
}

.sp-footer-flex a {
	color: #333333;
	text-decoration: none;
}

.sp-footer-copyright {
	font-size: 12px;
	padding: 10px 0;
	background-color: #293a44;
	color: #fff;
	text-align: center;
}


/*============
topscroll
==============*/

.topscroll {}

.topscroll .topbtn {
	text-align: right;
}

.topscroll .topbtn img {
	width: 10%;
}

/*============
コンテンツ
==============*/

.sp-none {
	display: none !important;
}

/*============

==============*/

.move {
    text-align: left;
    margin-left: -9.375%;
	opacity: 0;
}
.move {
    transition-property: all;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.move.show {
	opacity: 1;
	transform: translateX(0);
	 margin-left: 0;
}


.btn .move.show{
	margin-left: 0;
}


.menu-inner .list .move.show:nth-of-type(1) {
	transition-delay: .15s;
}

.menu-inner .list .move.show:nth-of-type(2) {
	transition-delay: .25s;
}

.menu-inner .list .move.show:nth-of-type(3) {
	transition-delay: .35s;
}

.menu-inner .list .move.show:nth-of-type(4) {
	transition-delay: .45s;
}

.menu-inner .list .move.show:nth-of-type(5) {
	transition-delay: .55s;
}

.btn .move.show:nth-of-type(1) {
	transition-delay: .15s;
}

.btn .move.show:nth-of-type(2) {
	transition-delay: .25s;
}


.header-bar-link {
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #1e6cd3;
	font-size: 18px;
	background: #FDE20B;
}

.header-bar-link:hover {
	opacity: 0.7;
}

.header-bar-link > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-bar-link > div::after {
	content: '';
	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 15px solid #1e6cd3;
	margin-left: 15px;
}

.header-bar-link > div > div:nth-of-type(1){
	display: flex;
}

.header-bar-link > div > div:nth-of-type(1) span {
	border: 1px solid #1e6cd3;
	font-size: 16px;
	margin-right: 30px;
	padding: 3px 10px;
	display: none;
}

.header-bar-link > div > div:nth-of-type(2) {
	display: none;
}