/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2025 | 04:57:59 */
/*ボーダーの色*/ 
h2 {
    background: linear-gradient(transparent 70%, #fcd636 70%);
}
/*フッターの色*/ 
#wrapper-footer {
    background-color: #f8d215 !important;
}
/*ブラウザ青い枠線非表示*/ 
*:focus {
outline: none;
}
/*PCヘッダー背景・テキストの色*/ 
.bg-primary {
    background-color: #f8d215 !important;
    border-bottom: 1px solid #333;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #333;
}
.navbar-dark .navbar-nav .nav-link {
    color: #333;
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 0rem;
	padding-left: 3rem;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}
/* メールボタン */
.grow-button {
  transition: transform 0.3s ease;
}
.grow-button img{
  padding-bottom:5px;
}
.grow-button:hover {
 transform: scale(1.1); /* マウスオーバー時にボタンを1.1倍に拡大 */
}
/* 斜め上下（グレーエリア） */
.border-triangle{
  position: relative;
  height:0px;
  color:#fff;
  background-color: #eeeeee;
  text-align: center;
  margin-top: 100px;
  margin-bottom: -1px;
}
.border-triangle::before{
  content: '';
  position: absolute;
  top: calc(100vw * -0.1);
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 calc(100vw * 0.1) 100vw;
  border-color: transparent transparent #eeeeee transparent;
  z-index: 2;
}
.border-triangle02{
  position: relative;
  height:0px;
  color:#fff;
  background-color: #eeeeee;
  text-align: center;
  margin-top: -1px;
  margin-bottom: 100px;
}
.border-triangle02::after{
  content: '';
  position: absolute;
  bottom: calc(100vw * -0.1);
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 calc(100vw * 0.1) 100vw;
  border-color: transparent transparent transparent #eeeeee;
  z-index: 2;
}
/* フォームボタン */
.btn-outline-primary, .wpcf7 input[type=submit] {
    color: #333;
    border-color: #333;
}
.btn-outline-primary:hover, .wpcf7 input[type=submit]:hover {
    color: #333;
    background-color: #f8d215;
    border-color: #f8d215;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle, .wpcf7 .show>input.dropdown-toggle[type=submit], .wpcf7 input[type=submit]:not(:disabled):not(.disabled).active, .wpcf7 input[type=submit]:not(:disabled):not(.disabled):active {
    color: #333;
    background-color: #f8d215;
    border-color: #f8d215;
}
.wpcf7 strong{
    color: #e51d30;
}
/*その他*/
.wrapper {
    padding: 0;
}
a:hover {
	color:#fff;
    text-decoration: none;
}
.img-fluid{
    width:45px;
}
.infotop{
    position: relative;
    top: 70px;
    z-index: 1;
}
.spfv img{
  margin-bottom:0px!important;
}
.infotop-shadow {
  box-shadow: 8px 10px;
}
.fs1824{   
    font-size: 1.5rem;
}
/*表示・非表示*/
.pc-img { display: inline-block!important; }
.sp-img { display: none!important; }
 /***************************▼768px以下▼************************************************/
@media only screen and (max-width: 768px) {
	.pc-img { display: none!important; }
    .sp-img { display: inline-block!important; }
	#wrapper-navbar{
    display: none;
}
.gap0 :where(.wp-block-columns.is-layout-flex) {
    gap: 0em;
}
.infotop{
    position: relative;
    top: 50px;
    z-index: 1;
}
	.fs1824{   
    font-size: 1.125rem;
}
}