@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;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600;800&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:#4d433f;
  --c-accent1:#dac09a;
  --c-accent2:#bb1516;
  --c-sub1:rgba( 255, 255, 255, .7);
  --c-sub2:#f5f5f5;
  --c-sub3:#f6f8ff;
}

body{
	font-size: 1.4em;
	line-height: 1.6em;
/*	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.4em;
	line-height: 1.6em;
	letter-spacing:.1em;
	background-color: var(--color-base);
/* 	color: #000; */
	text-align:center;
	display:flex;
  flex-direction: column;
	min-height:100vh;
}
main {
	flex:1;
	padding-top: 70px;
}
.wrap {
	margin: 0;
}
.wp-block-template-part {
	margin: 0 !important;
}
.wp-site-blocks{
	padding: 0;
}
br {
	display: initial;
}


h2 {
	font-size:3.5em;
	line-height: 2em;
  font-family: var(--font-titg);
/* 	font-style: condence; */
	font-weight: bold;
	margin-top: 0px;
}
h3 { 
	font-size:3em;
	line-height: 2em;
  font-family: var(--font-titg);
	font-weight: bold;
}

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

h3.eng_font .jancomm{
	font-size: 0.2em;
}

h3.eng_fontbold{
	font-size:5em;
	line-height: 1.5em;
	margin-bottom: 1.2em;
	}

h3.eng_fontbold .jancomm{
	font-size: 0.2em;
	line-height: 1em;
	}

h4{
	/*! font-size:2em; */
	/*! line-height: 2em; */
	font-weight: normal;
}

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



section {
	padding: 70px 0;
	/*! width: 1000px; */
}

a:link    { 
	color:var(--c-main) ;
	text-decoration: none;
}
a:active  { }
a:visited { color:var(--c-main); }
a:hover   { color:var(--c-accent1);
						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));
	width: 50px;
}
#gotoTop img:hover{
	transition: all .3s;
	bottom:10px;
	filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
	}


.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 !important;
/*
position: fixed;
top: 0;
left: 0;
z-index: 1000;
*/
}

header {

	top: 0;
	background: none;
	height: 160px;
}

header {
	height: 100px;
	/*! padding-top: 10px; */
	position: absolute;
	width: 100%;
	z-index: 100;
	padding: 10px 0 0;
	color: var(--color-base);
	background: linear-gradient(rgba(50, 40, 40, 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: 42%;
			max-width: 200px;
			margin: 10px auto;
			justify-content: space-between;
			align-items: center;
			min-width: 380px;
			}
		header nav > ul.header_menu > li {
			position: relative;
		}

		.headerscroll {
			background-color:rgba( 255, 255, 255, .6);
			color:  var(--color-main);
			}
		.headerscroll .title svg,
		.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);
		  }

     .page header	nav > ul > li > a:link,
     .page 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(--c-accent1);
			height: 100%;
			vertical-align: middle;
			/*! height: 100%; */
			/*! padding-top: 19px; */
			}
     .page header,
	   .single header,
	   .archive	header {
/* 			background-color: var(--c-sub1); */
			color:  var(--c-main);
			}
     .page  header .title svg,
     .page  header .title svg cls-1,
     .page  header .title svg path,
		.single header .title svg,
		.single header .title svg cls-1,
    .single header .title svg path,
		.archive header .title svg,
    .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);
		  }




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


/*****************************
******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: 150px 0 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;
	
}
.footerCopy {
	width: 100%;
	text-align: center;
	font-size: var(--f-ss);
	align-self: end;
	
}
/*****************************
******footer end*************
******************************/

