@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
*/

/* Google reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }

/* お問い合わせフォーム */
.contents_set .contanct,.contents_set .contanct td, .contents_set .contanct th {
  border: none;
}
.contents_set .contanct {
  width: 80%;
  margin: 0 auto;
}
.contents_set .contanct input,
.txta textarea {
  width: 100%;
  padding: 8px 16px;
  border-radius: 5px;
  border: 2px solid var(--color_htag);
  margin-top: 10px;
}
.txta {
  width: 80%;
  margin: 0 auto;
  padding: .5em .75em;
}
.acc {
  text-align: center;
}
.acc input[type="submit"] {
    display: inline-block;
    margin: 50px 16px 0;
    padding: 10px 100px;
    background: var(--color_htag);
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
}
.his {
    display: inline-block;
    margin-right: 16px;
    padding: 2px 4px;
    vertical-align: baseline;
    border: 1px solid var(--color_htag);
    font-size: 12px;
    font-weight: bold;
    color: var(--color_htag);
}
.nin {
    display: inline-block;
    margin-right: 16px;
    padding: 2px 4px;
    vertical-align: baseline;
    border: 1px solid #999;
    font-size: 12px;
    font-weight: bold;
    color: #999;
}
@media (max-width: 959px) {
.contents_set .contanct td {
  display: block;
  width: 100%;
}
.contents_set .contanct,
.txta {
  width: 100%;
}
}
div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../../assets/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

/* 送信ボタンセンター（スピナーをブロック要素に変更） */

.wpcf7-spinner {
	display: block;
}

/* メインビジュアルの文字サイズ調整 */
.p-mainVisual__slideTitle {
  font-size: 24px !important;
  letter-spacing: 1px !important;
  text-shadow: 1px 2px 3px rgba(0,0,0,.25);
}

.p-mainVisual__slideText {
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
  text-shadow: 1px 2px 3px rgba(0,0,0,.25);
}

@media (max-width: 767px) {
  .p-mainVisual__slideTitle {
    font-size: 20px !important;
  }

  .p-mainVisual__slideText {
    font-size: 14px !important;
  }
}

/* TOPメインビジュアル下部のパディング削除 */

div[data-postid="166"] {
  padding-top: 0 !important;
}

.p-mainVisual__scroll{
	color: black !important;
}

/* ウェブフォント読み込み中のテキストの表示対応 */

@font-face {
font-family: 'icomoon';
src:url('https://aoni.jp/wp-content/themes/swell/assets/fonts/icomoon.ttf?7ojy2d') format('embedded-truetype'),
url('https://aoni.jp/wp-content/themes/swell/assets/fonts/icomoon.ttf') format('truetype'),
url('https://aoni.jp/wp-content/themes/swell/assets/fonts/icomoon.woff') format('woff'),
url('https://aoni.jp/wp-content/themes/swell/assets/fonts/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* フッターフォントサイズ */

.l-footer{
	font-size:0.8rem;
}

/* 背景色と角に丸みをつける */
.maru{
 background-color:#ffffff; /* 背景色白 */
 border-radius: 30px; /* 全体の丸み */
 padding:2em; /* 余白をつける */
}

/* 画面幅960px以上のときだけヘッダーを下にずらす */
@media (min-width: 960px) {
	.home .c-infoBar {
		display:block;
		height:39px;
	}

	.home .l-header {
		margin-top:39px;
	}

}