/* CSS Document */


/*- menu -*

header, nav, menuBtn, footer, Class, pageTitle, breadcrumb, columnBox, side, wp-pagenavi, notFound, 

* filetop *
------------------------------------------------------------------------------------------------------------------------------------------*/


/* reset：2021.ver_1.2 版
---------------------------------------------------------------------*/
article, aside, details, figcaption, figure, iframe,
footer, header, hgroup, menu, nav, section, img, svg, small {
	display: block;
}

html{
	overflow-x: hidden;
	overflow-y: scroll;
}

body{
	position: relative;
	line-height: 1.8;
}

img{
	max-width: 100%;
	height: auto;
}

a{
	transition: 0.7s;
	color: #000000;
}


/* Font family settings for the site
---------------------------------------------------------------------*/
body{
	/*font-family:"Noto Sans JP", "メイリオ", sans-serif;*/
}



/*- common.css -*/

/*------------------------------------------------------------------------------------------------------------------------------------------

* all

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
body{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-style: normal;
    font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	color: #38525B;
}





/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
    
    
    
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	main, footer{
		margin-left: 280px;
	}
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* header

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
header{
	background: #FFFFFF;
}

header #hinner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: clamp(15px, 2vw, 30px);
}

header #hinner h1{
	width: clamp(86px, 11vw, 172px);
}

header #hinner h1 .fuji-logo-red{
	fill: #E5005C;
}

header #hinner h1 .fuji-logo-green{
	fill: #00A73C;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	header{
		position: fixed !important;
		z-index: 999999;
		box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
		max-width: 280px;
		width: 280px !important;
		left: 0;
		top: 0;
	}

	header #hinner{
		display: block;
		padding: clamp(30px, 3.5vw, 60px) 20px;
		height: 100vh;
		overflow-x: visible;
		overflow-y: auto;
		scrollbar-width: none;
	}
	
	header #hinner > * + *{
		margin-top: clamp(30px, 3.5vw, 60px);
	}
	
	header #hinner h1{
		margin-right: auto;
		margin-left: auto;
		width: 172px;
	}
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* nav

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
nav{
	transform: translateX(100%);
	position: fixed;
	z-index: 99999;
	width: 100%;
	left: 0;
	top: 0;
}

nav #navinner{
	background: #38525B;
	padding: clamp(38px, 5vw, 76px) clamp(24px, 2.6vw, 48px);
	margin-left: auto;
	opacity: 0;
	height: 0;
	width: min(70%, 420px);
	overflow-y: auto;
}

nav #navinner > * + *{
	margin-top: clamp(32px, 4.2vw, 48px);
}

nav #navinner #navList li > *{
	color: #FFFFFF;
}

nav #navinner #navList > li + li{
	margin-top: 36px;
}

nav #navinner #navList > li > *:not(ul){
	display: flex;
	align-items: center;
	column-gap: 12px;
	font-weight: 700;
	line-height: 1.6;
}

nav #navinner #navList > li > *:not(ul)::before{
	content: "";
	display: block;
	height: 0;
	width: 0;
}

nav #navinner #navList > li > a::before{
	border-bottom: 7px solid transparent;
	border-right: 0;
	border-left: 6px solid transparent;
	border-top: 7px solid transparent;
}

nav #navinner #navList > li > span{
	cursor: pointer;
}

nav #navinner #navList > li > span::before{
	border-bottom: 7px solid transparent;
	border-right: 0;
	border-left: 6px solid #00A73C;
	border-top: 7px solid transparent;
}

nav #navinner #navList > li > span + ul{
	border-left: 1px solid #00A73C;
	padding-left: 14px;
	margin-left: 28px;
	margin-top: 30px;
}

nav #navinner #navList > li > span + ul > li + li{
	margin-top: 28px;
}

/* active-on */
nav.active-on{
	animation: nav-list-on .7s forwards;
}

nav.active-on #navinner{
	animation: nav-bg-open .7s .2s forwards, nav-bg-on .7s .2s forwards;
}

@keyframes nav-list-on {
	to{
		transform: translateX(0);
	}
}

@keyframes nav-bg-open{
	to{
		height: 100vh;
	}
}

@keyframes nav-bg-on {
	to{
		opacity: 1;
	}
}

/* active-off */
nav.active-off{
	animation: nav-list-off .7s .1s both;
}

nav.active-off #navinner{
	animation: nav-bg-up .6s both, nav-bg-off .5s both;
}

@keyframes nav-list-off {
	from{
		transform: translateX(0);
	}
	to{
		transform: translateX(100%);
	}
}

@keyframes nav-bg-up {
	from{
		height: 100vh;
	}
	to{
		height: 0;
	}
}

@keyframes nav-bg-off {
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}

nav #navinner #hbnrLists{
	display: grid;
	row-gap: clamp(8px, 1.1vw, 16px);
	justify-content: center;
}

nav #navinner #hbnrLists a img{
	border-radius: 8px;
	transition: 0.7s;
}

nav #navinner #hbnrLists a:hover img{
	opacity: 0.7;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	nav, nav #navinner{
		animation: none !important;
	}
	
	nav{
		transform: translateX(0);
		position: static;
		width: auto;
	}

	nav #navinner{
		background: none;
		padding: 0;
		margin-left: 0;
		opacity: 1;
		height: auto;
		width: 100%;
	}

	nav #navinner #navList{
		overflow-y: visible;
	}

	nav #navinner #navList > li{
		position: relative;
	}

	nav #navinner #navList > li + li{
		margin-top: 16px;
	}

	nav #navinner #navList > li > *:not(ul){
		display: block;
		transition: 0.7s;
		color: #38525B;
		padding: 12px;
	}

	nav #navinner #navList > li > *:not(ul)::before{
		display: none;
	}

	nav #navinner #navList > li > span + ul{
		display: none;
		border-left: none;
		padding: 30px 20px;
		margin-left: 0;
		margin-top: 0;
	}

	nav #navinner #navList > li > span + ul > li + li{
		margin-top: 24px;
	}
	
	nav #navinner #navList > li > span + ul > li > a{
		display: flex;
		column-gap: 8px;
		font-weight: 700;
		line-height: 1.6;
		color: #38525B;
	}
	
	nav #navinner #navList > li > span + ul > li > a::before{
		content: "";
		display: block;
		border-radius: 99px;
		margin: 8px 0;
		min-width: 10px;
		height: 10px;
		width: 10px;
	}
	
	/* :hover */
	nav #navinner #navList > li > span.active,
	nav #navinner #navList > li > *:not(ul):hover{
		border-radius: 99px;
		background: #38525B;
		color: #FFFFFF;
	}
	
	nav #navinner #navList > li > span + ul > li > a:hover::before{
		background: #00A73C;
	}
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* menuBtn

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
#menuBtn{
	width: 30px;
	height: 20px;
	position: relative;
	z-index: 999999999;
	/*
	transform: translateY(-50%);
	position: absolute;
	right: 2rem;
	top: 50%; */
}

#menuBtn > .inner{
	width: 30px;
	height: 20px;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
}

#menuBtn > .inner span,
#menuBtn > .inner::after,
#menuBtn > .inner::before{
	display: block;
	height: 2px;
	width: 100%;
	background: #00A73C;
	transition: all .4s;
	position: absolute;
	left: 0;
}

#menuBtn > .inner span{
	overflow: hidden;
	text-indent: 999rem;
	transform: translateY(-50%);
	top: 50%;
}

#menuBtn > .inner::after,
#menuBtn > .inner::before{
	content: "";
}

#menuBtn > .inner::before{
	top: 0;
	animation: menu-bar-top .75s forwards;
}

@keyframes menu-bar-top {
	0% {
	  	top: 50%;
		transform: translateY(-50%) rotate(45deg);
  	}
 	50% {
		top: 50%;
	  	transform: translateY(-50%) rotate(0);
  	}
  	100% {
		top: 0;
  	}
}

#menuBtn > .inner::after{
	top: 100%;
	animation: menu-bar-btm .75s forwards;
}

@keyframes menu-bar-btm {
	0% {
    	top: 50%;
		transform: translateY(-50%) rotate(-45deg);
  	}
  	50% {
    	top: 50%;
		transform: translateY(-50%) rotate(0);
  	}
  	100% {
    	top: 100%;
		transform: translateY(-100%) rotate(0);
  	}
}

/* on-click-nav */
.on-click-nav #menuBtn > .inner span{
	opacity: 0;
}

.on-click-nav #menuBtn > .inner::before{
	animation: active-menu-bar-top .75s forwards;
}

@keyframes active-menu-bar-top {
	0% {
		top: 0;
  	}
  	50% {
		top: 50%;
		transform: translateY(-50%) rotate(0);
	}
  	100% {
		top: 50%;
    	transform: translateY(-50%) rotate(45deg);
  	}
}

.on-click-nav #menuBtn > .inner::after{
	animation: active-menu-bar-btm .75s forwards;
}

@keyframes active-menu-bar-btm {
	0% {
    	top: 100%;
		transform: translateY(-100%) rotate(0);
  	}
  	50% {
    	top: 50%;
		transform: translateY(-50%) rotate(0);
  	}
  	100% {
		top: 50%;
    	transform: translateY(-50%) rotate(-45deg);
  	}
	
}


/* スクロールして変化する場合 *
header.inv #menuBtn.active > div:after,
header.inv #menuBtn.active > div:before{
	background:#ffffff;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	/*#menuBtn{
		width: 64px;
		height: 64px;
	}
	
	#menuBtn .inner span,
	#menuBtn .inner::after,
	#menuBtn .inner::before{
		height:4px;
	}*/
	
	
	/*#menuBtn{
		display:none;
	}*/
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	/*#menuBtn{
		display:none;
	}*/
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	#menuBtn{
		display:none;
	}
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* footer

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
footer a img{
	transition: 0.7s;
}

footer .inner{
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
}

/* f-contact */
footer #f-contact{
	background: url("../img/footer/bg_contact_sp.jpg") no-repeat center;
	padding: clamp(35px, 5.5vw, 100px) 24px;
}

footer #f-contact a{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: clamp(20px, 2.6vw, 40px);
	border-radius: 8px;
	background: #38525B;
	font-weight: 700;
	font-size: clamp(1.6rem, 2vw, 3rem);
	color: #FFFFFF;
	margin: 0 auto;
	max-width: 500px;
	height: clamp(75px, 9.8vw, 80px);
}

footer #f-contact a::before{
	content: "";
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/icon/mail_white.svg");
	transition: 0.7s;
	min-width: clamp(21px, 2.8vw, 42px);
	height: clamp(16px, 2vw, 32px);
	width: clamp(21px, 2.8vw, 42px);
}

/* f-contents */
footer #f-contents{
	border-top: 5px solid #00A73C;
	background: #38525B;
	padding: 0 24px;
}

footer #f-contents *{
	color: #FFFFFF;
}

footer #f-contents #f-siteLinks-top{
	padding: clamp(30px, 4vw, 60px) 0;
}

footer #f-contents #f-siteLinks-top > * + *{
	margin-top: clamp(15px, 2vw, 30px);
}

footer #f-contents #f-siteLinks-top h2{
	text-align: center;
	font-size: clamp(1.6rem, 2vw, 3rem);
}

footer #f-contents #f-siteLinks-top .linkList{
	display: grid;
	row-gap: clamp(15px, 2vw, 30px);
	column-gap: clamp(15px, 2vw, 30px);
}

footer #f-contents #f-siteLinks-top .linkList > li a{
	display: block;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	padding: clamp(10px, 1.5vw, 20px) clamp(46px, 6vw, 78px);
    text-align: center;
}

footer #f-contents #f-siteLinks-top .linkList > li a img{
    display: inline-block;
}

footer #f-contents #f-sitemap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: clamp(30px, 4vw, 60px);
	border-top: 1px solid #FFFFFF;
	padding: clamp(30px, 4vw, 60px) 0;
}

footer #f-contents #f-sitemap > *{
	width: 50%;
}

footer #f-contents #f-sitemap > * > a,
footer #f-contents #f-sitemap .mainLists > li > a{
	font-weight: 700;
	font-size: clamp(1.6rem, 2vw, 2rem);
}

footer #f-contents #f-sitemap > * > a + *{
	margin-top: clamp(12px, 1.6vw, 24px);
}

footer #f-contents #f-sitemap .full{
	grid-column: 1 / 3;
}

footer #f-contents #f-sitemap .mainLists{
	display: grid;
	row-gap: clamp(30px, 4vw, 40px);
}

footer #f-contents #f-sitemap .subLists{
	display: grid;
	row-gap: 8px;
	border-left: 1px solid #FFFFFF;
	padding-left: clamp(8px, 1vw, 16px);
}

footer #f-contents #f-siteLinks-btm{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: clamp(15px, 2vw, 30px);
	border-top: 1px solid #FFFFFF;
	padding: clamp(15px, 2vw, 30px) 0;
}

footer #f-contents #f-siteLinks-btm > li{
	max-width: 250px;
	width: calc((100% - (15px)) / 2);
}

footer #f-contents #f-siteLinks-btm > li a{
	display: block;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	padding: clamp(10px, 1.5vw, 20px) clamp(32px, 4.2vw, 40px);
}

/* cr-links */
footer #cr-links{
	background: #FFFFFF;
	padding: 24px;
}

footer #cr-links > .inner{
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

footer #cr-links > .inner .linkList{
	display: flex;
	justify-content: space-between;
}

footer #cr-links > .inner .linkList a{
	text-decoration: underline;
}

footer #cr-links > .inner #copyright{
	text-align: center;
}

/* returnTop */
footer #returnTop{
	aspect-ratio: 1 / 0.857;
	position: fixed;
	z-index: 99999;
	bottom: clamp(15px, 2vw, 30px);
	right: clamp(15px, 2vw, 30px);
	width: clamp(14px, 1.8vw, 28px);
}

footer #returnTop img{
	cursor: pointer;
}

/* :hover */
footer #f-contact a:hover{
	background: #FFFFFF;
	color: #38525B;
}

footer #f-contact a:hover::before{
	background-image: url("../img/icon/mail_navy.svg");
}

footer #f-contents #f-siteLinks-top .linkList > li a:hover img{
	opacity: 0.7;
}

footer #f-contents #f-sitemap a:hover{
	opacity: 0.7;
}

footer #f-contents #f-siteLinks-btm > li a:hover img{
	opacity: 0.7;
}

footer #cr-links > .inner .linkList a:hover{
	text-decoration: none;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	/* f-contact */
	footer #f-contact{
		background: url("../img/footer/bg_contact_pc.jpg") no-repeat center;
	}
	
	/* f-contents */
	footer #f-contents #f-siteLinks-top .linkList{
		grid-template-columns: repeat(3, 1fr);
		padding: 0 clamp(10px, 1.5vw, 20px);
	}
	
	footer #f-contents #f-sitemap{
		column-gap: clamp(24px, 2.5vw, 48px);
	}

	footer #f-contents #f-sitemap > *{
		max-width: 200px;
		width: calc((100% - (clamp(24px, 2.5vw, 48px) * 3)) / 4);
	}
	
	/* cr-links */
	footer #cr-links > .inner{
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	footer #cr-links > .inner .linkList{
		column-gap: clamp(28px, 3vw, 56px);
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	
	
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	
	
}




/* PC用1360px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1360px){
	
	/* f-contents */
	footer #f-contents #f-sitemap{
		column-gap: clamp(50px, 5.3vw, 100px);
	}

	footer #f-contents #f-sitemap > *{
		max-width: 220px;
		width: calc((100% - (clamp(50px, 5.3vw, 100px) * 3)) / 4);
	}
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* Class

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/

/* pc */
.pc{
	display: none;
}

/* centerBox */
.centerBox{
	padding: 0 20px;
}

.centerBox > *{
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
}

/* columns */
.columns{
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
    column-gap: 16px;
}

.columns > *{
    width: 100%;
}

/* row-text */
.row-text{
    writing-mode: vertical-rl;
}

/* add font-family */
.ff-Montserrat{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

/* listBtn */
.listBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #DADAD9;
	border-radius: 99px;
	background: #F2FBF5;
	margin-right: auto;
	margin-left: auto;
	height: clamp(50px, 6.5vw, 58px);
	width: clamp(320px, 42vw, 400px);
}

/* newsLists */
.newsLists{
	border-bottom: 1px solid #DADAD9;
	border-top: 1px solid #DADAD9;
}

.newsLists > li + li{
	border-top: 1px solid #DADAD9;
}

.newsLists > li a{
	display: block;
	position: relative;
	padding: clamp(16px, 2vw, 32px) clamp(46px, 6vw, 100px) clamp(16px, 2vw, 32px) clamp(16px, 2vw, 32px);
}

.newsLists > li a::after{
	content: "";
	display: block;
	border-bottom: clamp(7px, 0.9vw, 14px) solid transparent;
	border-right: 0;
	border-left: clamp(6px, 0.7vw, 12px) solid #00A73C;
	border-top: clamp(7px, 0.9vw, 14px) solid transparent;
	transform: translateY(-50%);
	position: absolute;
	height: 0;
	width: 0;
	right: clamp(16px, 2vw, 32px);
	top: 50%;
}

.newsLists > li a > * + *{
	margin-top: 10px;
}

.newsLists > li a h4{
	display: flex;
	align-items: center;
	column-gap: clamp(16px, 2vw, 32px);
	font-weight: 700;
}

.newsLists > li a h4 span[class^="cat-"]{
	border-left: 5px solid;
	line-height: 1.4;
	padding: 0 clamp(8px, 1.2vw, 20px);
}

.newsLists > li a h4 span.cat-ir{
	border-color: #1E6CAD;
	color: #1E6CAD;
}

.newsLists > li a h4 span.cat-store{
	border-color: #D81159;
	color: #D81159;
}

.newsLists > li a h4 span.cat-csr{
	border-color: #00A73C;
	color: #00A73C;
}

.newsLists > li a h4 span.cat-companies{
	border-color: #FA824C;
	color: #FA824C;
}

.newsLists > li a h4 span.cat-other{
	border-color: #B162E6;
	color: #B162E6;
}

/* :hover */
.newsLists > li a:hover{
	background: #F2FBF5;
}

.newsLists > li a:hover::after{
	border-left-color: #00A73C;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
	
	/* pc */
	.pc{
		display: block;
	}
	
	/* sp */
	.sp{
		display: none;
	}
	
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
	
	/* listBtn */
	.listBtn{
		background: #FFFFFF;
	}
	
	/* :hover */
	.listBtn:hover{
		background: #F2FBF5;
	}
	
	/* newsLists */
	.newsLists > li a::after{
		border-left-color: #DADAD9;
	}
	
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* pageTitle, breadcrumb

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
/* pageTitle */
#pageTitle{
	background: #38525B;
}

#pageTitle .inner{
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.5);
	position: relative;
	overflow: hidden;
	height: clamp(100px, 16vw, 300px);
	width: 100%;
}

#pageTitle .inner::before{
	content: "";
	display: block;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	background: radial-gradient(circle, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0));
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 1;
	filter: blur(10px);
	width: min(60vw, 550px);
	left: 50%;
	top: 50%;
}

#pageTitle .inner h2{
	position: relative;
	text-align: center;
	z-index: 2;
}

#pageTitle .inner h2 span.ff-Montserrat{
	font-weight: 600;
	font-size: clamp(2.4rem, 3vw, 5rem);
	color: #00A73C;
	line-height: 1;
}

#pageTitle .inner h2 small{
	font-weight: 400;
	font-size: clamp(1rem, 1.3vw, 2rem);
	color: #38525B;
}

/* breadcrumb */
#breadcrumb{
	padding: clamp(20px, 2.7vw, 50px) 15px;
}

#breadcrumb .inner{
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
}

#breadcrumb .inner i{
	display: inline-block;
	margin: auto clamp(6px, 0.8vw, 12px);
}

#breadcrumb .inner i::before{
	content: "・";
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-style: normal;
	font-size: clamp(0.8rem, 1vw, 1.6rem);
	color: #DADAD9;
}

#breadcrumb .inner a{
	text-decoration: underline;
}

#breadcrumb .inner .home,
#breadcrumb .inner .post-page{
	font-weight: 500;
	font-size: clamp(0.8rem, 1vw, 1.6rem);
	color: #DADAD9;
}

#breadcrumb .inner .current-item{
	color: #00A73C;
}

/* :hover */
#breadcrumb .inner a:hover{
	text-decoration: none;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* columnBox

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
#columnBox{
    display: flex;
    flex-wrap: wrap;
}

#columnBox #contentsColumn{
    width: 100%;
}




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* side

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
#columnBox.side{
}

/* sideColumn */

/* sidebar */




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
    
    /* sideColumn */

    /* sidebar */
    
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
    
    /* sideColumn */

    /* sidebar */
    
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
    
    /* sideColumn */

    /* sidebar */
    
}








/*------------------------------------------------------------------------------------------------------------------------------------------

* wp-pagenavi

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* notFound

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
}







/*------------------------------------------------------------------------------------------------------------------------------------------

* Add Sample Code

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/




/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) {
}




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
}




/* PC用1280px～（PC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1280px){
}