@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
  input,
  textarea {
    font-size: 14px !important;
  }
	
	input[type="submit"] {
		width:250px !important;
	}
}

.navi-in > ul {
  justify-content: end;
}

.navi-in > ul li {
  width: auto;
  padding: 0 14px;
  font-weight: bold;
}

.navi-in > ul li .item-label {
  font-size: 14px;
}

.header-container {
  position: relative;
  z-index: 20;
}

.header-container-in {
  max-width: 1080px;
}

.home .header-container {
  background-color: transparent !important;
}
.home .navi.cf {
  background-color: transparent !important;
}

@font-face {
  font-family: "crossten";
  src: url("fonts/Crossten-ExtraBold.ttf");
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  background-color: #f0f0f0;
  border: none !important;
  border-radius: 0 !important;
  font-size: 16px;
  padding: 12px 24px !important;
}

input[type="submit"] {
  color:white;
  width: 300px;
  background: none;
  background-color: #003c76;
}

input[type="submit"]:disabled {
  opacity: 0.5;
}

.wpcf7-list-item-label a{
	text-decoration: underline;
}

input:focus,
textarea:focus {
  outline-color: #1c4388;
}

label {
  color: #0e2c62;
  margin-bottom: 27px;
  display: block;
}

label span:first-child {
  margin-bottom: 4px;
  display: inline-block;
}

label.require span:first-child::after {
  content: "※";
  color: red;
  margin-left: 4px;
}

.wpcf7-submit {
  position: relative;
}
.wpcf7-spinner {
  position: absolute !important;
}

/* フッター */
.footer-bottom-logo img {
  height: 72px;
}

.footer {
  height: 178px;
  display: flex;
  align-items: center;
}

.navi-footer {
  font-weight: bold;
}

.footer-in.wrap.cf {
  max-width: 1080px;
}

.footer-bottom {
  margin-top: 0;
}

.footer-in.wrap.cf {
  width: 100%;
}

.fadeInUp {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.fadeInUp.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.fadeInLeft {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-40px);
  transition: all 1s;
}
.fadeInLeft.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}