@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600&display=swap');
/*   font-family: 'Shippori Mincho B1','Noto Serif JP',sans-serif; */
/*   font-family: 'Roboto Condensed','Roboto','Open Sans Condensed','Oswald', 'Urbanist' , sans-serif; */
/*   font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', serif; */
/*   font-family: 'Noto Sans JP','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif; */

:root {
  --f-min: 'Shippori Mincho B1','Noto Serif JP',"ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', serif;
  --f-go : 'Noto Sans JP','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif; 
  --f-titm: 'Shippori Mincho B1','Noto Serif JP',"ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', serif;
  --f-titg: 'Roboto Condensed','Urbanist','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif; 
  --f-ss: 1.2rem;
	--f-s: 1.4rem;
  --f-m: 1.8rem;
  --f-l: 2.4rem;
  --f-ll: 3.6rem;
	--c-base:#ffffff;
	--c-main:#000000;
  --c-accent1:#dac09a;
  --c-accent2:#bb1516;
  --c-sub1:rgba( 255, 255, 255, .7);
  --c-sub2:#f5f5f5;
  --c-sub3:#f6f8ff;
}

body{    
/*	background:url(http://thekitemap.com/images/feedback-img.jpg) no-repeat;*/

	/*	background: radial-gradient(#fad96e, #f15266);*/
	background-size: cover;
	height:100%;
  font-family: var(--font-go);
/* 	font-weight: lighter; */
	font-size: 1.2em;
	line-height: 1.8em;
	letter-spacing:.1em;
	background-color: #ffffff;
	color: #000000;
	text-align:center;
	display:flex;
  flex-direction: column;
	min-height:100vh;
}
* {box-sizing: border-box;}

main {
	flex: 1;
/*   padding-top: 60px; */
}
.wrap {
	margin: 0;
}
.wp-block-template-part {
	margin: 0 !important;
}
.wp-site-blocks{
	padding: 0;
}
/*コンテンツ間上下マージン*/
body> main>section{padding-top:60px;	padding-bottom:60px;}


br{display: none;}
br.dis{display: inherit;}

.eng_font {
  font-family: var(--font-titg);
	font-style: condence;
	font-weight: bold;
	/*! font-size:.8em; */
	}
.eng_fontbold {
  font-family: var(--font-titg);
	font-style: condence;
	font-weight: bolder;
/* 	font-weight: 800; */
/*	font-size:1em;*/
	}
h1 {
	width: 90%;
	max-width: 250px;
	margin: 50px auto 20px;
	color: #fff;
}
h1 img {
	width: 100%;
	margin-bottom: 10px;
}
h2 {
	font-size:3.5em;
	line-height: 2em;
  font-family: var(--font-titg);
	font-style: condence;
	font-weight: bold;
	margin-top: 50px;
}
h3{
	font-size:2em;
	line-height: 2em;
	font-weight: bold;

	}

h3.eng_font{
	font-size:5em;
	line-height: 2em;
	}
h3.eng_fontbold{
	font-size:5em;
	line-height: 1.4em;
	}

h3.eng_fontbold .jancomm{
	font-size: 0.2em;
	line-height: 1em;
	}
h3{
	display: block;
	width: 100%;
/*			height: 30px;*/
	text-align: center;
	line-height: 1.4em;
	/*! font-size: 1.2em; */
  font-family: var(--font-titg);
}

h3>span{
	display: block;	
	margin-bottom: 30px;
}
h4{
	font-size:1.2em;
	line-height: 1.2em;
	font-weight: normal;
	}

h5{
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	}

a:link    { color:#000000 ;}
a:active  { color:var(--color-accent1); }
a:visited { color:#000000; }
a:hover   { color:var(--color-accent1); 
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;}



#gotoTop img{
	position:fixed;
	bottom: 5px;
	right: 10px;
	width: 50px;
	z-index: 100;
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
	-moz-filter:filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
	-ms-filter:filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
	}


.grecaptcha-badge {
	bottom: 70px!important;
	z-index: 100;
}


aside.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #fff;
	z-index: 90;

}
aside.loading img {
	width: 100px;
	height: 100px;
	position: fixed;
	top: -10%;
	bottom: 0;
	left: 0;
	right: 0;
	margin:  auto;
	width: 50px;
	height: 50px;
/* 	background: url(../img/common_lodinganime.gif) no-repeat center ;
	background-size: 50px 50px; */
	z-index: 99;
	animation: loading 3s  ease ;
	animation-iteration-count:infinite;
	opacity: 1;
	transition: all 3s;
}

@keyframes loading {
 0% {
		transform: rotate(0deg); 
 }
 to {
		transform: rotate(360deg); 
 }
}

/*******************************************/


/***********************************************************
************************************************************
********header**********************************************
************************************************************
***********************************************************/

#nav[type="checkbox"] {
    display: none;

}

header {
	height: 100px;
	/*! padding-top: 10px; */
	position: absolute;
	width: 100%;
	padding: 10px 0 0;
	z-index: 100;
	color: var(--color-base);
	background: linear-gradient(rgba(0, 0, 0, 1), rgba(255, 255, 255, 0));
	background-blend-mode: multiply;
	filter: drop-shadow(0 1px 20px rgba(0, 0, 0, .1));
	animation-duration: 0.5s;
	}

header a,
header a:link,
header a:visited {
	color:var(--c-accent1);
	font-family: var(--f-min);
	text-decoration: none;
  cursor: pointer;
}
header a:hover,
header a:active {
	opacity: .5;
}

		.header_logo {
			line-height: 1.5em;
			width:60px;
			height: 50px;
			margin: 10px auto 0;
			}
		.header_logoImg {
			width:60px;

			}
		header nav ul.header_menu  {
			vertical-align: middle;
			border: none;
			display: flex;
		    width: 90%;
			max-width: 200px;
			margin: 10px auto;
			justify-content: space-between;
			align-items: center;
			}
		header nav > ul.header_menu > li {
			position: relative;
		}


		.headerscroll {
			background-color:var(--color-sub1);
			color:  var(--color-main);
			}
		.headerscroll .title svg cls-1,
    .headerscroll .title svg path {
			fill: var(--color-main);
			}
		.headerscroll label {
			color:  var(--color-main);
			}
		.headerscroll a:link
		.headerscroll a:visited{
			color:  var(--color-main);
			}
		.headerscroll nav > ul > li > a:before,
		.headerscroll nav > ul > li > label:before{
			background-color: var(--color-main);
		  }
		.headerscroll label.icon:before{
  		background: var(--color-main);
			}

		.headerscroll label.icon:after{
  		background: var(--color-main);
		  box-shadow: 0px 9px 0px;
			}



	   .page header nav > ul > li > a:link,
	   .pege header nav > ul > li > a:visited,
	   .page header nav > ul > li > label,
	   .single	header nav > ul > li > a:link,
	   .single	header nav > ul > li > a:visited,
	   .single	header nav > ul > li > label,
	   .archive	header nav > ul > li > a:link,
	   .archive	header nav > ul > li > a:visited,
	   .archive	header nav > ul > li > label {
			cursor: pointer;
			display: inline-block;
			outline: none;
			width: 100%;
			text-decoration: none;
			color: var(--color-main);
			height: 100%;
			vertical-align: middle;
			/*! height: 100%; */
			/*! padding-top: 19px; */
			}
	   .page header,
	   .single header,
	   .archive	header{
			/* background-color:rgba( 255, 255, 255, .6); */
			color:  var(--color-main);
			}
		.page header .title svg cls-1,
    .page header .title svg path,
		.single header .title svg cls-1,
    .single header .title svg path,
		.archive header .title svg cls-1,
    .archive header .title svg path {
			fill: var(--color-main);
			}
	  .page	header label,
	  .single	header label,
	  .archive	header label {
			color:  var(--color-main);
			}
	  .page	header a:link,
	  .single	header a:link,
	  .archive	header a:link {
			color:  var(--color-main);
			}
  	 .page header nav > ul > li > a:before,
  	 .page header nav > ul > li > label:before,
  	 .single header nav > ul > li > a:before,
  	 .single header nav > ul > li > label:before,
  	 .archive header nav > ul > li > a:before,
  	 .archive header nav > ul > li > label:before{
			background-color: var(--color-main);
		  }
		.page header label.icon:before,
		.single header label.icon:before,
		.archive header label.icon:before{
  		background: var(--color-main);
			}
		.page header label.icon:after,
		.single header label.icon:after,
		.archive header label.icon:after{
/* 		  content:'';
		  display: block;
		  width: 30px;
		  height: 5px; */
  		background: var(--color-main);
		  margin: 2px 5px;
		  box-shadow: 0px 10px 0px ;
/* 		 box-shadow: 0px 10px 0px #777, 0px 20px 0px #777 */
			}




/*****************************
******footer******************
******************************/
footer {
	width: 100%;
/* 	height: 400px; */
	background: url(../img/footer_back.jpg) no-repeat,#000;
  background-size: cover;
	background-position: bottom right;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 50px 200px;
	flex-wrap: wrap;
	color:var(--c-base);
	font-family: var(--f-min);
	text-align: left;
	padding: 50px 5% 30px;
	margin: 0 !important;
}
footer a,
footer a:link,
footer a:visited {
	color:var(--c-base);
	text-decoration: none;
}
footer a:hover,
footer a:active {
	
}

.footerLeft {
	flex: 0 1 400px;
	/*! padding-right: 150px; */
}
.footerLeft_menu {
	width: 100%;
	display: flex;
}
.footerLeft_menu {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 20px;
	font-size: var(--f-s);
}
.footerLeft_submenu {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 20px;
	margin: 0 0 20px;
	font-size: var(--f-ss);
	font-family: var(--f-go);
}
.footerLeft_sns {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 0px;
	gap: 60px;
}
.footerLeft_sns a img {
	width: 30px;
}
.footerRight {
	flex: 0 1 400px;
	font-size: var(--f-ss);
}

.footerRight_dit {
	
}
.footerRight_dit dt {
	font-size: var(--f-m);
	margin-bottom: 30px;
	
}
.footerRight_dit dd {
	margin-bottom: 10px;
	
}
.footerRight_dit dd br {
	display: block;
	
}
.footerCopy {
	flex: 0 1 400px;
	text-align: left;
	font-size: var(--f-ss);
	align-self: end;
	
}
/*****************************
******footer end*************
******************************/