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

.p-mainVisual__textLayer {
  justify-content: flex-start;
}
.p-mainVisual__textLayer {
  padding-top: 5vh; /* ここで10ピクセル下に移動 */
}


/* メインビジュアル メインテキスト フォントサイズ */
.p-mainVisual__slideTitle {
    font-size: 60px;
}

.p-mainVisual__slideText {
    font-size: 30px;
}


.p-mainVisual__slideTitle {
  color: #333333; /* 文字色を暗いグレーに設定 */
  font-family: Note Sans JP. ,sans-serif;
}

/* メインビジュアル メインテキスト フォントサイズ スマホ用 */
@media (max-width: 480px){
	.p-mainVisual__slideTitle {
		font-size: 30px;
	}
}

/* メインビジュアル サブテキスト フォントサイズ */
.p-mainVisual__slideText {
    color: #333333;
		font-family: Note Sans JP. ,sans-serif;
}
/* メインビジュアル サブテキスト フォントサイズ スマホ用 */
@media (max-width: 480px){
	.p-mainVisual__slideText {
		font-size: 20px;
	}
}

/* フッターアイコンを横並びに*/
#text-4 ul {
	display: flex;
}
/* フッターアイコンを横並びの幅*/
#text-4 li {
	margin-right:10px;
}



/******************************/
/** ↓コンタクトフォームの装飾 ↓**/
/******************************/
/*　フォーム全体　*/
#cf7-area {
width:100%;
margin: 0 auto;
font-family: “遊ゴシック”,”ヒラギノ角ゴ”,”メイリオ”,”MS Pゴシック”,sans-serif;
}

.cf7-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 0 1.75em;
}

.cf7-q {
width: 30%;
margin: px;
}

.cf7-a {
width: 60%;
}

/* 各項目共通 */
#cf7-area label{
font-weight:bold;
}

#cf7-area input[type=”text”],
#cf7-area input[type=”email”],
#cf7-area input[type=”tel”],
#cf7-area textarea {
background: #F0F8FF;
/* border-radius: 10px;　角丸*/
width: 100%;
margin-left: 0;
}


#cf7-area input[type="text"],
#cf7-area input[type="email"],
#cf7-area input[type="tel"],
#cf7-area select {
  height: 40px; /* ここで入力欄の高さを指定 */
}


#cf7-area input[type=”text”]:focus,#cf7-area input[type=”email”]:focus,#cf7-area input[type=”tel”]:focus,#cf7-area textarea:focus {
background: #FFE4E1;
border: 2px solid #FF1493;
outline: 0;
}

#cf7-area input[type=”checkbox”], #cf7-area input[type=”radio”]{
appearance: auto;
}

#cf7-area .wpcf7-list-item {
display: block;
}

#cf7-area textarea{
height:200px;
padding: 0.625em 0.4375em;
}

/* 
.cf7-accept-check{
text-align: center;
margin: 50px auto;
}
*/

/* チェックボックスとラベルを中央寄せにする */
.cf7-accept-check {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* チェックボックスとテキストを横並びにする */
.cf7-accept-check label {
  display: flex;
  align-items: center;
}

/* チェックボックスのサイズとマージンを調整する */
.cf7-accept-check input[type="checkbox"] {
  margin-right: 0.5em; /* ラベルとの間隔を適切に設定 */
}

.cf7-accept-check {
  margin-bottom: 20px; /* ここで間隔の大きさを調整できます */
}

.cf7-submit {
width: 40%;
margin: 0 auto;
text-align: center;
}

/* 送信ボタンのサイズを変更する */
.cf7-submit input[type="submit"] {
  width: 220px; /* 幅を設定 */
  height: 50px; /* 高さを設定 */
  font-size: 16px; /* フォントサイズを設定 */
  padding: 10px; /* 内側の余白を設定 */
  cursor: pointer; /* カーソルをポインターに設定 */
}


#cf7-area input[type=”submit”]
{
width: 100%;
background-color: #191970;
color: #ffffff;
border-radius: 5px;
font-size: 1.2em;
padding: 1em 10px;
}

#cf7-area input[type=”submit”]:hover
{
background-color:#ffffff;
border: 2px solid #191970;
color:#191970;
}

/* 送信ボタンのスタイル */
.wpcf7 input.wpcf7-submit {
	font-family: “遊ゴシック”,”ヒラギノ角ゴ”,”メイリオ”,”MS Pゴシック”,sans-serif;
	/* 例: Arial, sans-serif */
  font-size:  1em; /* サイズはお好みで調整してください */
font-weight: bold; /* 太字にする */
}.cf7-accept-check,
  .cf7-submit {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* チェックボックスと送信ボタンを中央揃えにする */
  .cf7-accept-check,
  .cf7-submit {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* チェックボックスと送信ボタンを同じ幅にする */
  .cf7-accept-check label,
  .cf7-submit input[type="submit"] {
    display: inline-block;
    width: 100%; /* 必要に応じて適切な幅に調整してください */
  }

  /* チェックボックス内の要素を横並びにして中央揃えにする */
  .cf7-accept-check label {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
}

/*　必須ラベル　*/

.cf7-req{
font-size:.8em;
padding: 4px 6px;
color: #df4440;
text-align: center;
font-size: 11px;
font-weight: bold;
border: solid 1px #df4440;
margin-left: 10px;
display:inline-block;
border-radius: 7px;
}

/*　任意ラベル　*/

.cf7-any{
font-size:.8em;
padding: 4px 6px;
color: #1176D4;
text-align: center;
font-size: 11px;
font-weight: bold;
border: solid 1px #1176D4;
margin-left: 10px;
display:inline-block;
border-radius: 7px;
}

/*　reCHAPTHR のロゴ非表示　*/
.grecaptcha-badge { visibility: hidden; }

/*↓スマホ・タブレット↓*/
@media screen and (max-width:768px){
.cf7-item {
display: block;
}
	
#cf7-area label{
display: block;
margin-bottom: 10px;
}

.cf7-q {
width: 100%;
margin: 0;
}

.cf7-a {
width: 100%;
}

#cf7-area input[type=”text”], 
#cf7-area input[type=”email”],
#cf7-area input[type=”tel”],
#cf7-area textarea{
margin-left: 0;
}

.cf7-submit{
width: 90%;
}
	
}
/*↑スマホ・タブレット↑*/
/******************************/
/** ↑コンタクトフォームの装飾↑ **/
/******************************/


/******************************/
/** ↓バナー↓**/
/******************************/
.follow-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}

.follow-banner a {
  display: flex;
  align-items: center;
	gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  background-color: var(--color_main);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.25s;
}

.follow-banner a:hover {
  opacity: 0.7;
}

.follow-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

/* スマホ表示のスタイル */
@media screen and (max-width: 599px) {
  .follow-banner {
    display: block; /* スマホでは表示に変更 */
    position: fixed;
    bottom: 20px; /* 右下に配置 */
    right: 20px;
    transform: translateY(0); /* 元の変形をリセット */
    opacity: 0.8; /* 透過率を設定 */
  }

  .follow-banner a {
    font-size: 14px; /* フォントサイズを小さく */
    padding: 1em 0.8em; /* パディングを調整 */
    border-radius: 10px; /* 角をすべて丸く */

  }
}
/******************************/
/** ↑バナー↑ **/
/******************************/
/******************************/
/** ↓フッター↓**/
/******************************/
.l-footer__nav {
  gap: 1em;
  padding: 1em 0 4em;
}

.l-footer__nav a {
  border-right: none;
}

.l-footer__nav li:first-child a {
  border-left: none;
}

.l-footer__nav > li > a {
  font-weight: 700;
  font-size: 14px;
}

.l-footer__nav .sub-menu {
  margin-top: 0.25em;
  display: grid;
  gap: 0.15em;
}

.l-footer__nav .sub-menu > li {
  margin-left: 0.75em;
}

.l-footer__nav .sub-menu > li a {
  padding: 0 0.75em;
  position: relative;
  font-size: 13px;
}

.l-footer__nav .sub-menu > li a::before {
  content: "";
  width: 5px;
  height: 1px;
  background-color: var(--color_footer_text);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .l-footer__nav {
    gap: 0.5em;
    flex-direction: column;
  }

  .l-footer__nav > li:nth-of-type(n + 2) {
    padding-bottom: 0.5em;
  }

  .l-footer__nav > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .l-footer__nav > li > a {
    font-size: 13px;
  }

  .l-footer__nav .sub-menu {
    margin-top: 0.2em;
    gap: 0.5em;
  }

  .l-footer__nav .sub-menu > li a {
    font-size: 12px;
  }
}
/******************************/
/** ↑フッター↑ **/
/******************************/