@charset "utf-8";
/*========= Loading ===============*/
#splash {
position: fixed;
width: 100%;
height: 100%;
background: #333;
z-index: 9999999;
text-align:center;
color:#fff;
}
#splash-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/*========= marker ===============*/
.markerTitle{background:linear-gradient(transparent 75%, rgba(246, 253, 118, 0.553) 75%);}
.markerRed{background:linear-gradient(transparent 75%, #cc0000 75%);}
.marker15{background:linear-gradient(transparent 75%, #ff9ece 75%);}
.marker__bold {font-weight: bold;}


/*========= Loading ===============*/
#splash {
position: fixed;
width: 100%;
height: 100%;
z-index: 99999;
background:#fff;
text-align:center;
color:#fff;
}
#splash_logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#splash_logo img {
width:260px;
}

/*========= contact form7 ===============*/
#cf-tbl{width: 100%;}
#cf-tbl table{
width: 100%;
border-collapse: collapse;
color: #444;
}
#cf-tbl table tr th,
#cf-tbl table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #CCC;
vertical-align: middle;
}

@media screen and (max-width: 959px) {
#cf-tbl table tr th,
#cf-tbl table tr td{
border: none;
background: none;
}

}

#cf-tbl table tr th{
width: 35%;
}

.form__txtbox {
padding: 0 30px 50px;
width: 100%;
}
@media screen and (max-width:768px){
#cf-tbl{
width: 100%;
}

#cf-tbl table,
#cf-tbl table tbody,
#cf-tbl table tr,
#cf-tbl table tr th,
#cf-tbl table tr td{
display: block;
}

#cf-tbl table{
width: 100%;
}

#cf-tbl table tr th,
#cf-tbl table tr td{
width: 100%;
padding: 1% 5%;
}

#cf-tbl table tr td{
}
.form__txtbox {
padding: 50px 30px;
width: 100%;
}

}
/*「必須」文字デザイン*/
.required{
font-size:.6rem;
padding: 5px 10px;
background: #cc0000;
color: #fff;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
font-weight: normal !important;
}
.optio__wp{
font-size:.6rem;
padding: 5px 10px;
background: #005aff;
color: #fff;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
font-weight: normal !important;
}

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
font-size: 1.8rem;
padding: 8px 15px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #d0d5d8;
border-radius: 3px;
background-color: #eff1f5;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 200px;
}

input.wpcf7-submit {
display: block;
padding: 15px;
width: 400px;
background: #111;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
border-radius: 5px;
margin: 15px auto 0
}
@media screen and (max-width:768px){
input.wpcf7-submit {
width: 250px;
}
input.wpcf7-submit {
font-size: 1.2rem;
}
}

input.wpcf7-submit:hover {
opacity:0.7;
}
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
color: red;
font-weight: 600;
}

button {
		padding: 0;
		font-family: inherit;
		appearance: none;
		cursor: pointer;
		background-color: transparent;
		border: none;
}

/* ボタンのスタイル */
.buttonUnderline {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 64px;
		padding: 0 24px;
		overflow: hidden;
		font-size: 15px;
		color: #222;
		text-align: center;
		overflow-wrap: anywhere;
		background: transparent;
}

.buttonUnderline::after {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 2px;
		content: "";
		background-color: #112048;
		transform: scaleX(0);
		transform-origin: right top;
}

@media (any-hover: hover) {
		.buttonUnderline::after {
				transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
		}

		.buttonUnderline:hover::after {
				transition: transform 0.4s cubic-bezier(0.9, 0, 0, 1);
				transform: scaleX(1);
				transform-origin: left top;
		}
}


/* ボタンのスタイル */
.buttonBasic {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 280px;
		height: 50px;
		padding: 8px 24px;
		font-family: sans-serif;
		font-size: 16px;
		color: #fff;
		text-align: center;
		overflow-wrap: anywhere;
		background-color: #111;
}

@media (any-hover: hover) {
		.buttonBasic {
				transition: background-color 0.2s;
		}

		.buttonBasic:hover {
				background-color: #666;
		}
}



.splide__slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
}