@charset "UTF-8";

/*------------------------------------------
共通
------------------------------------------*/

/*------------ アニメーション --------------*/
/*初期透明化*/
/*.fadeup, .fadedown, .faderight, .fadeleft {
	opacity: 0;
}*/
/*
.is-show.fadeup {
    animation-name: fadeup;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.is-show.fadedown {
    animation-name: fadedown;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.is-show.faderight {
    animation-name: faderight;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.is-show.fadeleft {
    animation-name: fadeleft;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
	animation-fill-mode: forwards;
}*/
/*上方向*/
@keyframes fadeup {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/*下方向*/
@keyframes fadedown {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/*右方向*/
@keyframes faderight {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
/*左方向*/
@keyframes fadeleft {
	from {
		opacity: 0;
		transform: translateX(30px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/*------------ モーダル初期設定 --------------*/

.modal-pop{
	display: none;
}
.modaal-container{
	background-color: #000 !important;
}
video{
	width: 100%;
}

/*------------------------------------------
スマホ/sp
------------------------------------------*/

/*------------ 非アクティブ --------------*/

a[href="javascript:void(0)"] {
	opacity: 0.2;
	cursor: inherit;
}
/*------------ ヘッダー --------------*/
.header {
	width:100%;
	z-index: 2;
	background-color: #fff;
	border-bottom: 1px solid #b59f14;
}
.header.m_fixed {
	position: fixed;
	top:0;
} 
.header_inner {
	position:relative;
}

/*------------ ロゴ --------------*/
.header_logo{
	width: 58%;
}
.header_logo a{
	padding:1.2rem;
	display: block;
}

/*------------ グローバルナビ --------------*/
.header_nav{
	display: none;
	z-index: 3;
	background: rgba(0,0,0,0.95);
	position: fixed;
	top:0px;
	width: 100vw;
	height:100vh;
}
.header_nav__list{
	margin-top: 8rem;
	border-bottom:1px dotted #333;
}
.header_nav__cat{
	position: relative;
}
.header_nav__text{
	border-top:1px dotted #333;
}
.header_nav__link{
	font-size: 1.5rem;
	padding:1rem 2rem;
	color:#fff;
	display: block;
}

/*------------ 資料請求 --------------*/
.header_doc__button{
	z-index: 2;
    position: fixed;
    top: 1rem;
    right: 18vw;
    width: 11vw;
}

/*------------ お問い合わせメールアドレス/お客様専用ダイヤル --------------*/
.header_mail__button, .header_tel__button{
	z-index: 2;
	position: fixed;
    display: none;
}


/*------------ バーガーメニュー --------------*/
.header_trigger {
	position: fixed;
    z-index: 11;
    top: 0rem;
    right: 0rem;
    width: 16vw;
    background: #fff;
	text-align: center;
    padding: 2.5vw 3vw;
    transition: width 0.5s;
}
.header_trigger span {
	width: 100%;
	height: 4px;
	background-color: #222;
	transition: 0.7s;
	display: block;
	margin-top: 0.6rem;
}
.header_trigger__bar {
    height: 100%;
    padding: 0;
}
.header_trigger__txt {
    font-size: 3vw;
	font-weight:bold;
}

/*------------ コンテンツエリア --------------*/
.wrapper{
    /*display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content:space-between;*/
}

/*------------ メインエリア --------------*/
.content_main{
	width:95%;
	margin: 0 auto;
}

/*------------ フッター --------------*/
.footer {
	width:100%;
	background:linear-gradient(to left,#f3e7cb,#f9f3e6 50%,#f3e7cb);
	text-align: center;
}
.footer_inner{
	width: 95%;
    margin: 0 auto;
}
.footer_nav {
	display: flex;
    flex-flow: row wrap;
    justify-content:center;
	width:100%;
	font-size: 1.3rem;
	margin:0 auto;
}
.footer_nav__list {
	width:45%;
	text-align: left;
	margin:3rem 0 0;
}
.footer_nav__item{
	margin-bottom:1rem;
}
.footer_nav__item a:hover {
	color:#666;
}
.footer_logo {
	width:60%;
	margin: 0 auto 4rem;
}
.footer_logo__item{
	display:block;
	width:100%;
	margin:3rem 0;
}
.footer_copy {
	font-size:1rem;
	padding:2rem 0;
	letter-spacing: 0.1rem;
	border-top: 1px solid #222;
}

/*------------ モーダル --------------*/
.modal_pop {
	display: none;
}

/*------------ Topボタン --------------*/
.btn_overlay1 {
	position: fixed;
	bottom: 0;
	right: 3%;
	z-index: 999;
}


/*------------------------------------------
PC画面
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ ヘッダー --------------*/
	.header{
		height: 140px;/**/
		border-bottom: none;
	}
	.header_inner {
		width: 1200px;
		margin:0 auto;
	}
	
	/*------------ ロゴ --------------*/
	.header_logo{
		width: 23%;
	}
	.header_logo a{
		padding:3.5rem 0;
		display: block;
	}
	
	/*------------ グローバルナビ --------------*/
	.header_nav{
		display: block;/**/
		background: none;
		position:absolute;
		top:9rem;
		right:0;
		width:auto;
		height:auto;
	}
	.header_nav__list{
		margin-top: 0;
		border-bottom: none;
		border-right:1px solid #036eb7;
	}
	.header_nav__cat{
		text-align: center;
		float: left;
	}
	.header_nav__text{
		border-top:none;
		border-left:1px solid #036eb7;
	}
	.header_nav__link{
		font-size: 1.4rem;
		font-weight: 500;
		padding: 1rem 1.5rem;
		color:#222;
		border-top:none;
		width: 100%;		
	}
	.header_nav__link.active{
		color:#036eb7;
		background: linear-gradient(#fff 93%,#036eb7 94%);
	}
	.header_nav__link:hover{
		background: linear-gradient(#fff 93%,#eee 94%);
		color:#999;
	}
	
	/*------------ 資料請求 --------------*/
	.header_doc__button{
		z-index: 3;
		position: absolute;/**/
		top: 2rem;/**/
		right: 0;/**/
		width: 9%;/**/
	}

	/*------------ お問い合わせメールアドレス --------------*/
	.header_mail__button {
		z-index: 3;/**/
		position: absolute;/**/
		width:17.5%;/**/
		top:2rem;/**/
		right:12%;/**/
		display: block;/**/
	}
	
	/*------------ お客様専用ダイヤル --------------*/
	.header_tel__button {
		z-index: 3;/**/
		position: absolute;/**/
		width:24%;/**/
		top:2rem;/**/
		right:32%;/**/
		display: block;/**/
	}
	
	/*------------ バーガーメニュー --------------*/
	.header_trigger {
		display: none;
	}
	

	/*------------ コンテンツエリア --------------*/
	.wrapper{

	}

	/*------------ メインエリア --------------*/
	.content_main{
		width:800px;
	}
	
	/*------------ フッター --------------*/
	.footer {
		padding-bottom: 0;
	}
	.footer_inner{
		width: 1200px;
	}
	.footer_nav {
		justify-content: space-between;
		width:50%;/**/
		font-size: 1.5rem;
		padding-top: 8rem;
		margin:0 auto;
	}
	.footer_nav__list {
		width:auto;/**/
		margin:0;/**/
	}
	.footer_logo {
		display: flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width:60%;/**/
		margin: 4rem auto 2rem;
	}
	.footer_logo__item{
		width:40%;/**/
	}
	.footer_copy {
		font-size: 1.2rem;/**/
		padding:4rem 0;/**/
		width:1200px;
		margin:0 auto;
	}

}