@charset "UTF-8";


* {
font-family: "kinuta-maruminyoshino-stdn", serif;
font-weight: 400;
font-style: normal;
}


.post-password-form input{color: #000;}

.pc-none{display: none;}
.sp-none{display: block}

/*============================
　base-style
============================*/
*{margin: 0;padding: 0;box-sizing: border-box;color: #fff;}



html{background-color: #05091f;}

.wrp{
	width: 1200px;
	margin: 0 auto
}

.main-visual img{
	display: block;
	width: 100%;
}

h1{ 
	text-align: center;
	margin: 5% 0 0;
	font-size: 45px;
}

.logo{
	display: block;
	width: 60%;
	margin: 0 auto
}

.ex{
	text-align: center;
	font-size: 30px;
}

h2{ 
	text-align: center;

	font-size: 40px;
	color: #a39a8b;
}
#gaiyo h2{margin: 10% 0 0;}

.gaiyo-Wrp{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3%;
}
.gaiyo-Box{
	width: 47%;
	padding: 3% 4%;
	background-color: #eeeeee24;
	margin-bottom: 4%
}
.gaiyo-Box h3{
	text-align: center;
	font-size: 26px;
	border: 0.5px solid #fff;
	margin-bottom: 6%;
}
.gaiyo-Box p{
	font-size: 19px;
	text-align: justify;
}

.gaiyo-Box p a {
	padding: 2% 0%;
	width: 70%;
	text-align: center;
}
.link{transition: 0.5s;}
.link:hover {
	background-color: #fff;
}



.gaiyo-Box .t-center,footer .t-center{text-align: center}
.det{
	line-height: 1.5;
	margin: 7% 0 0;
}
.det span{
	font-size: 40px;
}

.f-BG{
	background: url(../img/f-bg.png);
	min-height: 1200px;
	background-size: cover;
	background-position: bottom;
}

.link{
	display: block;
	padding: 1% 0%;
	background-color: #a39a8b;
	text-decoration: none;
	width: 40%;
	margin: 1% auto;
	color: #000;
	text-align: center;
}
footer .logo img{margin-top: 10%;width: 100%;}
#kikaku{margin: 2% auto;}

.copy{text-align: center;font-size: 16px;}

.kikaku-Wrp{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

#kikaku a img {transition: 0.5s;}
#kikaku a img:hover{transform: scale(0.9)}


/*============================
　Form
============================*/

#form input,#form textarea{
	color: #000;
}
#form .img{
color: #fff;
}


#entry .title{margin: 0;padding-top: 8%}

.required{color: red;font-size: 10px;}
.form-wrp{width: 70%;margin: 0 auto 5%}
.form-Box{display: flex;flex-wrap: wrap;margin: 3% 0}
.col-50{width: 50%}
.col-25{width: 16.5%;}
.col-25 input{width: 89%;}
.col-25 p{padding-right: 1em}
.unit p{text-align: right}
.col-30{width: 33%}
.col-100{width: 100%}
input{width: 96%;padding: 1em;border: 1px solid #ccc;}
textarea{width: 98%;padding: 1em;border: 1px solid #ccc;}

.wpcf7-submit{
	display: block;
	padding: 1% 0%;
	background-color: #a39a8b;
	text-decoration: none;
	width: 40%;
	margin: 1% auto;
	color: #000;
	text-align: center;
	transition: 0.5s;
	border: none;
}

.wpcf7-submit:hover {
	background-color: #fff;
}



.title{text-align: center;
    font-size: 50px;
    font-weight: 100;
    line-height: 0.8em;
    margin: 5% 0 3%;}
.title span{font-size: 30px;}

.wpcf7-not-valid{background-color: #fff9c8;}


.addtoany_share_save_container{display: none}





/*============================
　1200px~
============================*/
@media screen and (max-width:1200px) {
.wrp{	width: 100%;}
h1 {font-size: 3.5vw;}
h2 {font-size: 3.5vw;}
.ex {font-size: 2.5vw;}
.gaiyo-Box h3 {font-size: 2.5vw;}

.gaiyo-Wrp {width: 90%;margin: 3% auto;}
.gaiyo-Box {width: 48%;}
.gaiyo-Box p {font-size: 1.4vw;}
.det span {font-size: 3.5vw;}


}

/*============================
　720px~
============================*/
@media screen and (max-width:720px) { 

.pc-none{display: block;}
.sp-none{display: none}

	*{font-size: 16px}
	
	/* 何もかも無効にしたい場合 */
input,select{
  -webkit-appearance: none;
}

/* ボタン系だけ無効化したい場合 */
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}

/* ラジオボタンやチェックボックスを無効化（正確には非表示）*/
input[type="radio"],
input[type="checkbox"] {
  display: none;  /* これだけ対策方法がちょっと違います */
}
	
	
	
.form-wrp{width: 90%;margin: 0 auto}
.col-50,.col-30{width: 100%;margin-bottom: 5%}
.col-25{width: 48%;margin-left: 2%;}
.col-25 input{width: 100%;}
input{width: 100%;}
textarea{width: 100%;}


.title {font-size: 8vw;}

.title span {font-size: 5vw;}

h1 {font-size: 6.5vw;line-height: 1.5 }
.logo {width: 80%;}
.ex {font-size: 4vw;}
.gaiyo-Box {width: 100%;padding: 8% 7%;margin-bottom: 10%;}
.gaiyo-Box h3 { font-size: 5vw;}
.gaiyo-Box p {font-size: 4vw;}	

h2 {line-height: 1.3em;font-size: 6.5vw;}
#gaiyo h2{margin-top: 20%;}
.det span {font-size: 7.5vw;}
.f-BG {min-height: 550px;}

.link {padding: 3% 0%;width: 70%;}
.gaiyo-Box p a {padding: 3% 0%;width: 100%;}

.kikaku-Wrp{display: block;margin: 5% auto;}
.kikaku-Wrp img{width: 100%;}
.kikaku-Wrp a{display: block;}
.kikaku-Wrp p{width: 50%;margin: 0 auto;}
.kikaku-Wrp .batsu{width: 22%;margin: 0 auto 5%;align-items: center;display: block;}
#kikaku {margin: 5% auto;}
#entry .title {padding-top: 20%;}

.wpcf7-submit{width: 80%;padding: 3% 0%;}




}