@charset "utf-8";

/* CSS Document */

/*ファーストビュー*/
.FV {
	text-align: center;
	max-width: 900px;
	margin: auto;

}

/*ボタンエリア*/
.btn {
	text-align: center;
	max-width: 900px;
	margin: -2px auto ;
	background-image: url("../img/movieback@3x.webp");
	padding: 0px 40px;
}


/*ボタンきらりん効果*/
.c-button._shiny {
    display: block;
    position: relative;
    padding: auto;
    
    margin:auto;
    max-width:900px;
    overflow: hidden;
  transition: 300ms;
}

.c-button._shiny::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 20px;
    width: 30px;
    height: 50%;
    background-color: #ffffff;
    transition: 300ms;
    animation: shinyshiny 2.5s ease-in-out infinite;
	margin-left: 50px;
}

.c-button._shiny:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: none;
    -webkit-transform: translateY(3px);
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.2; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.5
		; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}





/*セクションの設定*/
.section {
	text-align: center;
	max-width: 900px;
	margin: auto;
}

/*お問い合わせ*/



form {
          color: white; /* テキストの色を白色に設定 */
            font-family: 平成明朝, serif; /* フォントを設定 */
            
            width: 80%; /* フォームの幅を設定 */
		
	
        }
        label {
            display: block;
            margin-left: 10px;
			padding: 10px 0;
        }
        input, textarea {
            width: 100%;
            padding: 10px;
            border: none;
			background-color: white;
        }
        button {
            background-color: white; /* ボタンの背景色 */
            color: black; /* ボタンのテキスト色 */
            padding: 10px 20px;
            border: none;
            cursor: pointer;
			margin: 20px;
        }
        .form-group {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            border: 1px solid white;
        }
        .form-group label {
            margin-right: 10px;
            width: 60%; /* ラベルの幅を調整 */
			height: auto;
        }
        /*.button{
            text-align: center;
        }*/

.contact{
	 background-image: url(../img/back@3x.webp);
	
	max-width: 900px;
	margin: auto;
	display: flex;
	justify-content: center;
}


/* 追記部分 ********************** */

#movie {background: url(../img/movieback@3x.webp) #0d162b; background-size:cover; padding: 50px 20px 20px;}
video {width: 100%; height: auto;}
@media screen and (min-width: 768px) {
  #movie {padding: 90px 40px 40px;}
}
.wpcf7 {width: 100%;}
form {margin: 0 auto;}
.form-group label {width: 40%; margin-right: 5px; min-width: 7em;}
.wpcf7-form-control-wrap {width: 60%; margin: 2px;line-height: 1.6;}
.button{display: flex; justify-content:space-around; }
.button input.wpcf7-form-control {width: 40%; padding: 10px 20px; margin: 20px auto;}
.zipadd {display: flex; flex-wrap: wrap; width:60%;}
.zipadd .wpcf7-form-control-wrap {margin: 0;}
.zipadd .wpcf7-form-control { margin: 2px 0; width:100%;}

.page-id-17,
.page-id-20 {
    background: url(../img/back@3x.webp) repeat-y center;
    max-width: 900px;
    background-size: 900px;
    margin: auto;
}
.page-id-17 .contact{
    background-image:none;
    margin: 5em auto;
}
.contact-thanks {
    color: #fff;
    width:80%;
    margin: 5em auto;
    line-height:1.6;
}
h2 { font-size: 25px; font-family: 平成明朝, serif; margin: 5em auto 1.5em; text-align:center;color: #fff; }
.contact-thanks p { margin-bottom: 1.5em; }
.wpcf7-spinner {display: none;}