@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/*トップページの　ID=58 　ロゴマークを非表示*/
.id_58 .l-header__logo {
	display: none; 
}

/*トップページの　ID=58 　追従ヘッダー非表示*/
.id_58 #fix_header {
    display: none;
}

/*トップページの　ID=58 　メイン画像をフェードインする*/
.id_58 #main_visual {
	animation-name:fadeInAnime;
	animation-duration:4s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/*トップページの　ID=58 　メイン画像をフェードインする　ここまで*/

/*トップページの　ID=58 　右上メニュー非表示*/
.id_58 .l-header__gnav {
    display: none;
}

/*右上メインメニューの文字をメイン画像と同じくふわっと表示させる*/
.id_58 .swell-block-columns {
	animation-name:fadeInAnime;
	animation-duration:7s;
	animation-fill-mode:forwards;
	opacity:0;
}
	

/*メニューの文字間調整*/
.menu-item-object-page a .ttl {
    letter-spacing: 0.4rem;
}

/*↓問い合わせページ、エントリーページの　ID=67,158 　スタイル設定ここから↓*/
/*文字の大きさ*/
.id_67 label,
.id_158 label,
.id_239 label,
.id_241 label {
font-size: 1.125rem;
}

/*フォームの大きさ*/
input[name="your-name"],
input[name="your-email"],
input[name="your-subject"],
textarea[name="your-message"],
input[name="tel-285"],
input[name="text-219"] {
width: 100%;
margin-top: 10px;
margin-bottom: 24px;
}

/*送信ボタンの色など*/
.wpcf7-submit,
.wpcf7-previous {
border: none;
cursor: pointer;
line-height: 1;
font-size: 1rem;
background-color: var(--color_main);
color: #ffffff;
border-radius: 40px;
padding: 12px 38px;
box-shadow: var(--swl-btn_shadow);
transition: box-shadow .25s;
}

/*マウスオーバーした時の設定*/
.wpcf7-submit:hover,
.wpcf7-previous:hover {
box-shadow:0 4px 12px rgb(0 0 0 / 10%),0 12px 24px -12px rgb(0 0 0 / 20%);
opacity: 1;
}

/*ボタン上の余白*/
.contactform-btn {
	margin-top: 30px;
}

/*「必須」の文字色*/
.contactform-red {
   font-size: 0.7rem;
	color: red;
}
/*↑問い合わせページの　ID=67,158 　スタイル設定ここまで↑/*/


/**/
.form-margin {
	margin-top: 30px;
}


/*reCAPTCHAの保護マークを非表示*/
.grecaptcha-badge { visibility: hidden; }


/*swellブロック　ボックスメニュー*/
.swell-block-box-menu.is-style-default .swell-block-box-menu__item {
    border: none;
}