@charset "utf-8";
/* CSS Document */

/* ---------- common ---------- */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSerifJP-Regular.woff') format('woff');
  font-display: swap;
} */
:root {
	--swl-fz--content: 13px;
}
body {
	font-family: "Zen Kaku Gothic New" , "Montserrat" , 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
	/* font-family: 'Cantata One', serif, "Times New Roman" ,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-family: 'Noto Serif' , "游明朝" , Garamond , "Times New Roman" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: normal; */
	letter-spacing: 1px;
}
.wf {
	font-family: "DM Serif Text", "Times New Roman" ,'Noto Serif' , "游明朝" , Garamond , "Times New Roman" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/* .wf_min {
	font-family: "Sawarabi Mincho", 'Noto Serif Japanese', Garamond , "游明朝" , "Times New Roman" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.wf_go {
	font-family: "Montserrat" , 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
} */
.wf_en {
	font-family: 'Charm' , 'Noto Sans JP', '游ゴシック', sans-serif , YuGothic, 'Franklin Gothic Medium' ,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
h1, h2, h3, .entry-title, strong, b {
}

a {
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  transition: .3s ease-out;
}
p {
	font-weight: normal;
	line-height: 3.8;
	letter-spacing: 2px;
}
figure {
	margin: 0;
	/* font-size: 0; */
}
address {
	font-style: normal;
}

.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.fs105 {font-size: 105%;}
.fs110 {font-size: 110%;}
.in_bl {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.bl {
	display:block;
}
.t_cen {
  text-align: center;
}
.t_le {
  text-align: left;
}
.t_ri {
  text-align: right;
}
.center {
  display:block;
  margin-left: auto;
  margin-right: auto;
}
.f12 {
  font-size: 1.2rem;
}
.f11 {
  font-size: 1.1rem;
}
.f09 {
  font-size: 0.9rem;
}
.f08 {
  font-size: 0.8rem;
}
.f07 {
  font-size: 0.7rem;
}
.f_gray {
  color: #818181;
}
.blue {
  color: #fee758;
}
em {
	font-style: normal;
}
.bg {
	background: #f5f5f5;
	/* padding-top: 4em;
	padding-bottom: 4em; */
	margin-bottom: 4em;
}
.bg02 {
	background: #7fd1da;
	color: #fff;
}
.bg_gr {
	background: var(--color_main);
	color: #fff;
}
.bg_wh {
  background: #fff;
	padding-top: 70px;
	padding-bottom: 70px;
}
.full {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.full > section {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.marker.active em {
    background-position: -100% .5em;
}
.marker em {
    background-image: -webkit-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: -o-linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-image: linear-gradient(left, transparent 50%, #ffd9df 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
		font-size: 110%;
}
.uline.active{
    background-position: -100% .5em;
}
.uline::after {
	content: "";
	width: 0;
  border-bottom: solid 1px #cacaca;
  transition: all 2s ease;
}
.mT0{margin-top: 0 !important;}
.mTe1{margin-top: 1em !important;}
.mTe2{margin-top: 2em !important;}
.mTe3{margin-top: 3em !important;}
.mTe4{margin-top: 4em !important;}
.mTe5{margin-top: 5em !important;}
.mTe6{margin-top: 6em !important;}
.mTe7{margin-top: 7em !important;}
.mTe8{margin-top: 8em !important;}
.mB0{margin-bottom: 0 !important;}
.mBe1{margin-bottom: 1em !important;}
.mBe2{margin-bottom: 2em !important;}
.mBe3{margin-bottom: 3em !important;}
.mBe4{margin-bottom: 4em !important;}
.mR0{margin-right: 0 !important;}
.mRe1{margin-right: 1em !important;}
.mRe2{margin-right: 2em !important;}
.mRe3{margin-right: 3em !important;}
.mRe4{margin-right: 4em !important;}
.mL0{margin-left: 0 !important;}
.mLe1{margin-left: 1em !important;}
.mLe2{margin-left: 2em !important;}
.mLe3{margin-left: 3em !important;}
.mLe4{margin-left: 4em !important;}

.scrt-cover, .sl_cvr {
	position: relative;
}
/* .scrt-cover:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
	background-color: #7fd1da;
	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
	transition: all .8s cubic-bezier(.77,0,.175,1);
	-webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
	transition-timing-function: cubic-bezier(.77,0,.175,1);
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
  }
  .scrt-cover:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #007ac4;
	z-index: 2;
	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
	transition: all .8s cubic-bezier(.77,0,.175,1);
	-webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
	transition-timing-function: cubic-bezier(.77,0,.175,1);
  }
  .scrt-cover.visible:after, .scrt-cover.visible:before {
	right: -100%;
  } */
  .sl_cvr:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
	background-color: #e9f7ef;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
	transition: all .6s cubic-bezier(.77,0,.175,1);
	-webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
	transition-timing-function: cubic-bezier(.77,0,.175,1);
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
  }
  .sl_cvr:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #fff;
	z-index: 2;
	visibility: unset;
	-webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
	transition: all .5s cubic-bezier(.77,0,.175,1);
	-webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
	transition-timing-function: cubic-bezier(.77,0,.175,1);
  }
  .sl_cvr.visible:after, .sl_cvr.visible:before {
	right: -100%;
  }

@-webkit-keyframes fadeUp {
	 0% { opacity: 0; -webkit-transform: translateY(5px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeUp {
	 0% { opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeUp  {
	 -webkit-animation-fill-mode:both;
	 -ms-animation-fill-mode:both;
	 animation-fill-mode:both;
	 -webkit-animation-duration:2s;
	 -ms-animation-duration:2s;
	 animation-duration:2s;
	 -webkit-animation-name: fadeUp;
	 animation-name: fadeUp;
	 visibility: visible !important;
	 opacity:1;
}
@-webkit-keyframes fade-r {
	 0% { opacity: 0; -webkit-transform: translateX(15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fade-r {
	 0% { opacity: 0; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.faderight.on {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fade-r;
	animation-name: fade-r;
}
@-webkit-keyframes fade-l {
	 0% { opacity: 0; -webkit-transform: translateX(-15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fade-l {
	 0% { opacity: 0; -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); }
	 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeleft.on {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fade-l;
	animation-name: fade-l;
}
.fadects, .fadeaway, .faderight, .fadeleft {
  opacity: 0;
}
.fadeUpin {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2.5s;
	-ms-animation-duration:2.5s;
	animation-duration:2.5s;
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
}
.fadeul > li, .fadeul > section, .fadeul > div > div {
  opacity: 0;
}
.fadects img, .fadeul > li img, .fadeul > section img, .fadeul > div > div img {
	transform: scale(1.1);
}
.fadeUpin img {
	transform: scale(1) !important;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
}
/* .fadeul li.fadeUpin, .fadeul > section.fadeUpin {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeUp;
	animation-name: fadeUp;
} */
.fadeul li:nth-child(2), .fadeul > section:nth-child(2), .fadeul > div > div:nth-child(2) {
	animation-delay: .2s;
}
.fadeul li:nth-child(3), .fadeul > section:nth-child(3), .fadeul > div > div:nth-child(3) {
	animation-delay: .4s;
}
.fadeul li:nth-child(4), .fadeul > section:nth-child(4), .fadeul > div > div:nth-child(4) {
	animation-delay: .2s;
}
.fadeul li:nth-child(5), .fadeul > section:nth-child(5), .fadeul > div > div:nth-child(5) {
	animation-delay: .4s;
}
.fadeul li:nth-child(6), .fadeul > section:nth-child(6), .fadeul > div > div:nth-child(6) {
	animation-delay: .6s;
}
.fadeul li:nth-child(7), .fadeul > section:nth-child(7), .fadeul > div > div:nth-child(7) {
	animation-delay: .2s;
}
.fadeul li:nth-child(8), .fadeul > section:nth-child(8), .fadeul > div > div:nth-child(8) {
	animation-delay: .4s;
}
.fadeul li:nth-child(9), .fadeul > section:nth-child(9), .fadeul > div > div:nth-child(9) {
	animation-delay: .6s;
}
.fadeul li:nth-child(10), .fadeul > section:nth-child(10), .fadeul > div > div:nth-child(10) {
	animation-delay: .8s;
}
.fadeul li:nth-child(11), .fadeul > section:nth-child(11), .fadeul > div > div:nth-child(11) {
	animation-delay: 2.7s;
}

@-webkit-keyframes fadeAway {
	 0% { opacity: 0; -webkit-transform: translateY(15px); transform: scale(1.1) }
	 100% { opacity: 1; -webkit-transform: translateY(0); transform: scale(1) }
}
@keyframes fadeAway {
	 0% { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); transform: scale(1.1) }
	 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transform: scale(1) }
}
.fadeawayin  {
	opacity:1;
	transition-delay: 1s;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeAway;
	animation-name: fadeAway;
}

#body_wrap.page .lum-open {
	display: none !important
}
/* #body_wrap.page .wp-block-image img, #body_wrap.page .luminous {
	cursor: default !important;
} */

button, input, select, textarea {
  border: none;
  padding: .5em .5em;
  background-color: #f0efef;
}
.c-categoryList::before, .icon-folder::before, .widget_categories>ul>.cat-item>a::before, .wp-block-categories>.cat-item>a::before, code.dir_name::before {
  display: none;
}
.c-shareBtns {
  display: none;
}
.c-tagList::before {
  display: none;
}

@media all and (min-width: 960px){
	.w10 {width: 10%;}
	.w20 {width: 20%;}
	.w30 {width: 30%;}
	.w40 {width: 40%;}
	.w50 {width: 50%;}
	.w60 {width: 60%;}
}
@media (max-width: 768px){
.fadeul li:nth-child(2), .fadeul > section:nth-child(2), .fadeul > div > div:nth-child(2) {
	animation-delay: .2s;
}
.fadeul li:nth-child(3), .fadeul > section:nth-child(3), .fadeul > div > div:nth-child(3) {
	animation-delay: .2s;
}
.fadeul li:nth-child(4), .fadeul > section:nth-child(4), .fadeul > div > div:nth-child(4) {
	animation-delay: .4s;
}
.fadeul li:nth-child(5), .fadeul > section:nth-child(5), .fadeul > div > div:nth-child(5) {
	animation-delay: .2s;
}
.fadeul li:nth-child(6), .fadeul > section:nth-child(6), .fadeul > div > div:nth-child(6) {
	animation-delay: .4s;
}
.fadeul li:nth-child(7), .fadeul > section:nth-child(7), .fadeul > div > div:nth-child(7) {
	animation-delay: .2s;
}
.fadeul li:nth-child(8), .fadeul > section:nth-child(8), .fadeul > div > div:nth-child(8) {
	animation-delay: .4s;
}
.fadeul li:nth-child(9), .fadeul > section:nth-child(9), .fadeul > div > div:nth-child(9) {
	animation-delay: .2s;
}
.fadeul li:nth-child(10), .fadeul > section:nth-child(10), .fadeul > div > div:nth-child(10) {
	animation-delay: .4s;
}
.fadeul li:nth-child(11), .fadeul > section:nth-child(11), .fadeul > div > div:nth-child(11) {
	animation-delay: 2s;
}
}

.note {
	font-size: 0.8rem;
	color: #757575;
}