@charset "utf-8";

    /*
    Theme Name:Noel child-1.22.1
    Theme URI:
    Description:WordPressテーマ「Noel」の自作子テーマです。
    Template:noel_tcd072
    Author:Beaver Ak
    Author URI:https://beaver-record.co.jp/
    Version:1.22.1
    */


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
p,dl dt,dl dd,ul li {font-size:inherit;font-weight:500;}
.post_content {font-size:18px;font-weight:500;color:var(--black);}
.post_content p {line-height:2.2;}
img {height:auto;max-width:100%;image-rendering: -webkit-optimize-contrast;}
button {padding:0;}

:root {
--theme-color1:#f45d1b;
--theme-color1-rgb:244, 93, 27;	
--theme-color2:#4b5e63;
--theme-color2-rgb:75, 94, 99;
--black:#192021;
--black-rgb:25, 32, 33;
--red:#e52c00;
--pd1:120px;
--pd2:90px;
--pd3:50px;
--font2:chamfer-gothic-ludlow, sans-serif;
--gradation1:linear-gradient(45deg,rgba(var(--theme-color2-rgb),.08) 50%,rgba(var(--theme-color2-rgb),.18) 50%);
--gradation2:radial-gradient(at 0% 0%, #df1395 0px, transparent 50%), radial-gradient(at 100% 0%, #ffd600 0px, transparent 50%), radial-gradient(at 100% 100%, #00e1ff 0px, transparent 50%), radial-gradient(at 0% 100%, #00cb2e 0px, transparent 50%);

/* 文字サイズ */
--font-size1:clamp(2.5rem, 2.273rem + 1.14vw, 3.125rem); /* 40px～50px */
--font-size2:clamp(1.875rem, 1.534rem + 1.7vw, 2.813rem);/* 30px～45px */
--font-size3:clamp(1.375rem, 1.239rem + 0.68vw, 1.75rem);/* 22px～28px */
--font-size4:clamp(1.188rem, 1.074rem + 0.57vw, 1.5rem);/* 19px～24px */
}
@media screen and (max-width:750px) {
:root {	
	--pd1:80px;
	--pd2:50px;
	--pd3:30px;
	}	
}	
.pd1-top {padding-top:var(--pd1);}
.pd2-top {padding-top:var(--pd2);}
.pd3-top {padding-top:var(--pd3);}

.theme-color1 {color:var(--theme-color1);}
.font2 {font-family:var(--font2);}

@font-face {
font-family: "roboto";
src: url("https://b-fit.jp/hattori-ryokuchi/font/RobotoCondensed-Black-min.ttf") format("truetype"), url("https://b-fit.jp/hattori-ryokuchi0/font/RobotoCondensed-Black-min.woff") format("woff"),
url("https://b-fit.jp/hattori-ryokuchi/font/RobotoCondensed-Black-min.ttf") format("truetype"),
url("https://b-fit.jp/hattori-ryokuchi/font/RobotoCondensed-Black-min.woff") format("woff");
font-display: swap;font-weight:800;
}




/* common */
body {overflow:hidden; font-size:16px;color: var(--black);}
.key-color {color:var(--key-color);}
.red {color:var(--red) !important;}

.wp-singular.page-template.page-template-page-noside.page-template-page-noside-php #page_header {display:none;}

.pc #one_col {width:100%;margin:0;margin-bottom: 150px;}
.pc #main_col {padding-bottom:0;}
.post_content,.post_content p {font-weight:500;}
.post_content {padding:var(--pd1) 0;}
.news-template-default .post_content {padding:0;} /* お知らせページは余白無し */
.post_content section:not(:last-child) {padding-bottom:var(--pd1);}
.post_content section {padding-top:var(--pd1);}
.single-post .post_content {padding:0;} /* 投稿ページは .post_contentのpadding 無し */
.post_content table,.post_content th,.post_content td {font-weight:500;}
.post_content table {margin-bottom:0;}
.dashicons, .dashicons-before:before {font-family: dashicons;vertical-align:middle !important;font-size:1em !important;width:1em !important;height:1em !important;}
#bread_crumb li.last span {color:var(--black) !important;}
.tcd_category_list a:hover,#side_faq_category_list a:hover,#faq_category li a:hover {color:var(--key-color) !important;}
#footer_banner .box {width: calc(100%/4 - .01px);}



.index_content .main-title ,.post_content .main-title {
	letter-spacing: 0.2em;line-height: 120%;position:relative;
	font-size:var(--font-size1);
}
.index_content .main-title.white ,.post_content .main-title.white {color:#fff;}
.index_content .main-title:after ,.post_content .main-title:after {
	position:absolute;content: attr( data-title );
	font-family:var(--font2);
	font-size:500%;font-weight:500;letter-spacing:0.1em;line-height: 100%;
	width:100%;height:auto;
	top:0;left: 50%; color: #eee;z-index: -1;
	background: linear-gradient(45deg, rgba(var(--theme-color2-rgb), 0.08) 50%, rgba(var(--theme-color2-rgb), 0.18) 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    backface-visibility: hidden;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	transition:0.5s;transform-origin: center;
}



.index_content .main-title.fade:after ,.post_content .main-title.fade:after {transform:translate(-50% , -10vh) scale(1.2);}
.fade.main-title span {
  display: inline-block;
  overflow: hidden;
}
.fade.main-title span::before {
  content: attr(data-text);
  display: inline-block;
  transform: translateY(100%);
  animation: maskSlide 0.7s cubic-bezier(.77,0,.18,1) forwards;
  animation-delay: inherit; /* JSで設定したdelayを引き継ぐ */
}
@keyframes maskSlide {
  to {
    transform: translateY(0);
  }
}


.post_content .secondary-title {
	font-size:var(--font-size2);
	font-family:"roboto";
	width: fit-content;
	display: block;
	position: relative;
	padding: 0 1em;
	color: var(--black);
	color:var(--theme-color2);
	text-align:center;
	margin-left:auto;margin-right:auto;
	z-index:0;
}
.post_content .secondary-title.white {color:#fff;}
.post_content .secondary-title::before {
	content:attr(data-title); position: absolute;
	font-size:calc(var(--font-size2) * 0.5);
	letter-spacing:0.5em; text-indent: 0.5em;
    top: -1.2em; left: 50%;
    transform: translateX(-50%);
    width: max-content;
}
.post_content .secondary-title::after {
	content: ""; position: absolute;
	display: block;
	top: 50%;
	left:calc((100vw - var(--el-width)) / -2);
	width: 100vw;
	height: 1px;
	background-color: currentcolor;
	background:radial-gradient(
		circle closest-corner,transparent calc(var(--el-width)/2),currentcolor calc(var(--el-width)/2)
	);
	z-index: -1;
}
.post_content .main-title + * {padding-top:var(--pd2);}
.post_content .secondary-title + * {padding-top:var(--pd3);}




.post_content .tertiary-title {
	position: relative;
	font-size:var(--font-size3); text-align: center;
	padding:0.5em 1.5em;
	margin-left:auto; margin-right:auto;
	color: var(--theme-color2);
	width: max-content;

	&::before,&::after {position: absolute;top: -1px; width: 10px; height: 100%; content: ''; border-top: solid 1px; border-bottom: solid 1px;}
	&::before {border-left: solid 1px;left: 0;}
	&::after {border-right: solid 1px;right: 0;}
}

.post_content .tertiary-title.type2 {
	position:static;
	background:rgba(var(--theme-color2-rgb),0.2);padding:0.5em 1em;
	border-left:5px solid var(--theme-color2);
	width: 100%;
    text-align: left;
	
	&::before,&::after {display:none;}
}


.post_content .quaternary-title {font-size:var(--font-size4);}



@media screen and (max-width:750px) {
	.open_menu #container:before {bottom:auto;animation:none;}
	#container .main-title {font-size:40px;}
	#container .main-title:after {font-size:300%;}
	#container .main-title .eng {margin-top:10px;}
	#container .main-title2 {font-size:22px;}
}
/* main-title END */


#container #one_col {
	max-width:100%!important;
	width:100%!important;
	margin:0 auto!important;
	/* padding:50px 0 150px;
	padding-bottom:var(--pd1);*/
}
.inner {
	margin: 0 auto;
	width: 1182px;
	width:90%;
}
@media screen and (max-width:1182px) {
	.inner {width:90%;}
}
@media screen and (max-width:750px) {
	#container #one_col {padding:0; /* 固定ページmobile時幅いっぱいに  */ /*padding-top:20px;*/}
}
.linkBtn {width:min(420px , 100%);}
.linkBtn a {
	display:block;
	padding:1.5em;
	position: relative;
	width:100%;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	color: var(--theme-color2);
	border: 1px solid var(--theme-color2);
	/* box-shadow: 2px 3px 5px 2px rgba(var(--theme-color2-rgb), 0.5);*/
	border-radius:50px;
	transition: 0.2s;
}
.linkBtn:is(.arrow ,.download) a {padding-right: 2.5em;}
.linkBtn:is(.arrow ,.download) a:before {
	position: absolute;
	content: "\f345";
	font-family: 'dashicons';
	right: 1.5em;
	transition:0.2s;
}
.linkBtn.arrow a:before {content: "\f345";}
.linkBtn.download a:before {content: url("https://icongr.am/material/download.svg?size=20&color=4b5e63");}
.linkBtn a:hover {
	background: rgba(var(--theme-color2-rgb),0.1);
	color: var(--theme-color2);
	top: 2px;
	box-shadow: unset;
	backdrop-filter: blur(10px);
}
.linkBtn.hover-type2 a:hover {background: rgba(255,255,255 ,0.5);}
.linkBtn.arrow a:hover:before {right:1em;}

.linkBtn.wide a {max-width: 100%;}

.anime1 {
	display:block;
	opacity: 0;
	transition: 1.5s;
	/*transition-delay: 0.5s;*/
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
}
.anime1.scale {transform: scale(1.4);}
.anime1.fade {
	opacity: 1;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);

}
.anime1.fade.scale {transform: scale(1);}

#return_top a {background:var(--theme-color2) !important;}
#return_top a:hover {background:var(--black) !important;}

/* blog */
.post_content h3.styled_h3 {border-color:var(--theme-color);}
#side_col .side_headline {color:var(--black);}
.page_navi a, .page_navi a:hover, .page_navi span {background:var(--theme-color2);}
.page_navi a:hover {background:var(--theme-color1) !important;}
.page_navi span.current {background:var(--theme-color1) !important;}

/* blog END */

/* FAQ */
#faq_list .queestion {font-weight:bold;}
#faq_list .post_content.answer {padding-bottom:var(--pd3);}

/* FAQ END */

/* reCAPTCHA v3 */
.grecaptcha-badge {
	bottom:80px !important;
	@media (max-width: 768px) {}
}


.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.flexbox.between {
	justify-content:space-between;
}
.fll {float: left}
.flr {float: right}
.pc_left {float: left;}
.pc_right {float: right;}

.over {transition:0.2s;opacity:1;}
.over:hover {opacity:0.8;}

body .mgnA {margin-left:auto;margin-right:auto;}
body .mgnb0 {margin-bottom:0!important;}
body .mgnt5 {margin-top:5px;}
body .mgnt10 {margin-top:10px;}
body .mgnt15 {margin-top:15px;}
body .mgnt20 {margin-top:20px;}
body .mgnt25 {margin-top:25px;}
body .mgnt30 {margin-top:30px;}
body .mgnt40 {margin-top:40px;}
body .mgnt50 {margin-top:50px;}
body .mgnt60 {margin-top:60px;}
body .mgnt70 {margin-top:70px;}
body .mgnt80 {margin-top:80px;}
body .mgnt90 {margin-top:90px;}
body .mgnt100 {margin-top:100px;}
.wid10 {width:10%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid33 {width:33%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid48 {width:48%;}
.wid49 {width:49%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid70 {width:70%;}
.wid75 {width:75%;}
.wid80 {width:80%;}
.wid85 {width:85%;}
.wid90 {width:90%;}
.wid100 {width:100%;}
.wid20_m100 {width:20%;}
.wid25_m100 {width:25%;}
.wid30_m100 {width:30%;}
.wid33_m100 {width:33%;}
.wid35_m100 {width:35%;}
.wid40_m100 {width:40%;}
.wid45_m100 {width:45%;}
.wid48_m100 {width:48%;}
.wid49_m100 {width:49%;}
.wid50_m100 {width:50%;}
.wid55_m100 {width:55%;}
.wid60_m100 {width:60%;}
.wid65_m100 {width:65%;}
.wid70_m100 {width:70%;}
.wid75_m100 {width:75%;}
.wid80_m100 {width:80%;}
.wid85_m100 {width:85%;}
.wid90_m100 {width:90%;}
.mobile_only {display:none;}
.pc_only {display:block;}
.txt-or {color: #ff7f58;}
.txt-lb {color:#b6dfff;}
.txt-ye {color:#fbed47;}

.min2 {
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.small {font-size:13px;}
.text70 {font-size:70%;}
.text80 {font-size:80%;}
.text90 {font-size:90%;}
.text120 {font-size:120%;}
.bold {font-weight:bold !important;}
.encent {text-align: center;}
.enleft {text-align: left;}
.enright {text-align: right;}
.encent_mL {text-align: center;}
.enleft_mC {text-align: left;}
.valm {vertical-align:middle;}
.lt {text-decoration:line-through;}
.lt01 {letter-spacing:0.1em;}
.letter-sp01 {letter-spacing:0.1em;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh180 {line-height:180%;}
span.br {display:inline-block;}
.kome {
	padding-left:1em;
	text-indent:-1em;
}
.post_content .list-style-none {list-style-type: none;}


@media screen and (max-width:950px) {
.wid20_m100 {width:100%;}
.wid25_m100 {width:100%;}
.wid30_m100 {width:100%;}
.wid33_m100 {width:100%;}
.wid35_m100 {width:100%;}
.wid40_m100 {width:100%;}
.wid45_m100 {width:100%;}
.wid48_m100 {width:100%;}
.wid49_m100 {width:100%;}
.wid50_m100 {width:100%;}
.wid55_m100 {width:100%;}
.wid60_m100 {width:100%;}
.wid65_m100 {width:100%;}
.wid70_m100 {width:100%;}
.wid75_m100 {width:100%;}
.wid80_m100 {width:100%;}
.wid85_m100 {width:100%;}
.wid90_m100 {width:100%;}
.wid95_m100 {width:100%;}
.mobile_only {display:block;}
.pc_only {display:none;}
.encent_mL {text-align: left;}
.enleft_mC {text-align: center;}
.pc_left {float:none;}
.pc_right {float:none;}
}