@charset "UTF-8";

* {
	font-weight: 100;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	white-space: normal;
	text-indent: 0;
	letter-spacing: 0;
	word-spacing: 0;
	border-style: none;
	border-width: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: normal 62.5% 'Noto Sans JP', sans-serif;
	appearance: none;
	outline: none;
	line-height: 1;
	  border-collapse: collapse;
  border-spacing: 0;
          background-color: transparent;
  text-align: left;
}

img {
	display: block;
}

.gothic {
font-family: 'Noto Sans JP', Sanserif!important;
}

.mincho {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}

html {
	background-color: #fff;
	scroll-padding-top: 80px!important;
}

.hover:hover {
transition: all 0.5s ease-in-out 0s;
opacity: 0.5;
}

.fancybox-button {
	background-color: transparent!important;
}
.fancybox-button div svg {
	display: none;
}
.fancybox-button div {

}
.fancybox-bg {
	background-color: #4B4F72!important;
}
.fancybox-close-small svg {
	width: 50px!important;
	height: 50px!important;
	margin-top: -30px;
	margin-left: -30px;
}


.fancybox-button--arrow_right:before {
content: '＞';
color: #b6b5bc;
font-size: 4rem;
}

.fancybox-button--arrow_left:before {
content: '＜';
color: #b6b5bc;
font-size: 4rem;
}

/*tothetopfixed*/
div.tothetopfixed {
	position: fixed;
	z-index: 1500;right: 10px;
	display: block;
	width: 40px;
	height: 40px;
	filter: alpha(opacity=75);
background-color: rgba(150, 150, 150, .75);
border-radius: 100%;
display:flex;
justify-content:center;
align-items: center;
	transition: all 1s ease-in-out 0s;
bottom: 110px;
}	
div.tothetopfixed a  {display: block;float: right;background-color: #fff;}
div.tothetopfixed a:hover {
transition: opacity 0.5s ease-in-out;
opacity:1;
filter: alpha(opacity=100);
}
div.tothetopfixed a {

	transition: opacity 0.5s ease-in-out;

}
div.tothetopfixed i {
font-size: 2rem;
color: #fff;
}
div.tothetopfixed:hover {
	cursor: pointer;
	opacity: 0.5;
	transition: all 0.5s ease-in-out 0s;
}


::placeholder {
  color: #ccc;
}

html.lock {
	overflow: hidden;
}
.ul-hmbmenu {
position: absolute;
top: 80px;
}

/*COMMON*/

:root {
	--text:#333!important;
    --blue: #2f3095!important;
    --white: #fff!important;
    --gray: #efefef!important;	
}

.txt-white {
	color: #fff!important;
}
.txt-left {
	text-align: right!important;
}
.txt-center {
	text-align: center!important;
}
.txt-blue {
	color: #2f3095!important;
}
.bg-white {
	background-color: #fff!important;
}
.bg-gray {
	background-color: #efefef!important;
}
.bg-blue {
	background-color: #2f3095!important;
}

/*var(--hoge)*/



@media screen and (max-width: 768px) {
	/* 以下に適用 */
	.btm10 {margin-bottom: 2%;}
.btm20 {margin-bottom: 4%;}
.btm30 {margin-bottom: 6%;}
.btm40 {margin-bottom: 8%;}
.btm50 {margin-bottom: 10%;}
.btm60 {margin-bottom: 12%;}
.btm70 {margin-bottom: 14%;}
.btm80 {margin-bottom: 16%;}
.btm90 {margin-bottom: 18%;}
.btm100 {margin-bottom: 20%;}
.top10 {margin-top: 1%;}
.top20 {margin-top: 2%;}
.top30 {margin-top: 3%;}
.top40 {margin-top: 4%;}
.top50 {margin-top: 5%;}
.top60 {margin-top: 6%;}
.top70 {margin-top: 7%;}
.top80 {margin-top: 8%;}
.top90 {margin-top: 9%;}
.top100 {margin-top: 10%;}
}
@media screen and (min-width: 769px) {
	/* 以上に適用 */
	.btm10 {margin-bottom: 10px;}
.btm20 {margin-bottom: 20px;}
.btm30 {margin-bottom: 30px;}
.btm40 {margin-bottom: 40px;}
.btm50 {margin-bottom: 50px;}
.btm60 {margin-bottom: 60px;}
.btm70 {margin-bottom: 70px;}
.btm80 {margin-bottom: 80px;}
.btm90 {margin-bottom: 90px;}
.btm100 {margin-bottom: 100px;}
.top10 {margin-top: 10px;}
.top20 {margin-top: 20px;}
.top30 {margin-top: 30px;}
.top40 {margin-top: 40px;}
.top50 {margin-top: 50px;}
.top60 {margin-top: 60px;}
.top70 {margin-top: 70px;}
.top80 {margin-top: 80px;}
.top90 {margin-top: 90px;}
.top100 {margin-top: 100px;}
}