/*トークイベント　フォームページ*/

@charset "UTF-8";
body{
	color: #333333;
	background: initial;
}

img{
	width:100%;
}

i{
	margin: 0 0.5rem;
}

*,
*:before,
*:after {
	margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* メインビジュアル 
----------------------------------------*/
#main_wrap{
	width: 100%;
	height: auto;
	background-image: url(../img/main_bg_pc_back.jpg);
	background-size: cover;
	background-position: top;
	display: flex;
	justify-content: center;
	background-repeat: no-repeat;
	}

#main{
	width: 100%;
	height: auto;
	background-image: url(../img/main_bg_pc.jpg);
	background-size: contain;
	background-position: top;
	display: flex;
	justify-content: center;
	background-repeat: no-repeat;
	}

#main h1{
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
	}



@media only screen and (max-width: 1919px) {
.main h1{
	width:100%;
	max-width: 1400px;
	margin: 0 auto;
	}

}

@media only screen and (max-width: 768px) {
#main_wrap{
	width: 100%;
	height: auto;
	background-image: none;
	background-size: initial;
}

#main{
	width: 100%;
	height: auto;
	background-image: none;
	background-size: initial;
}

#main h1{
	width:100%;
	max-width:100%;
	margin: 0 auto;
	}

}


#container{
	background-color: initial;
}

.content{
	max-width: 100%;
	margin: 0 auto;
	background: #c0a671;
}

.talk_event{
	max-width: 1100px;
	width: 1000px;
	margin: 0 auto;

	padding: 3rem 0;
	/*border: solid 3px #3399cc;*/
}

.talk_event h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 1rem;
	color: white;
	/*color: #FFF100;*/
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.talk_event p{
	margin-bottom: 2rem;
}

.talk_event_attention{
	margin-top: 2rem;
	color: #111111;
}


/*トークイベントコンテンツ*/

.talk_event dl{
	display: flex;
	flex-wrap: wrap;
}

.talk_event dt,
.talk_event dd{
	font-size: 1.6rem;
	padding: 2rem 1rem;
}

.talk_event dt{
	width: 25%;
	margin-bottom: 1px;
	background-color: #3399cc;
	color:white;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.talk_event dd {
	width: 75%;
	background-color: #ffffff;
	color:black;
	margin-bottom: 1px;
}

@media screen and (max-width: 768px) {
.talk_event{
	max-width: 95%;
	padding: 3rem 0 0;
}

.talk_event h2{
	font-size: 18px;
}

.talk_event dt,
.talk_event dd{
	font-size: 1.6rem;
}

.talk_event dt{
	width: 100%;
	padding: 1rem;
}

.talk_event dd{
	width: 100%;
	padding: 1rem;
}

}




.thanks_box{
	width: 100%;
	padding: 2rem;
	background-color: white;
	margin: 3rem 0;
	color: black;
	font-size: 2rem;
}

.back_home{
	margin-top: 2rem;
	text-align: center;
	width: 100%;
}


@media only screen and (max-width: 750px) {
	
.thanks_box{
	font-size: 1.4rem;
}

	
}

.form_box{
	max-width: 1100px;
	width: 1000px;
	padding: 6rem 2rem 10rem;
	margin: 0 auto;
}


/*** ボタン用装飾 ***/
.button{
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

/* リンク部分 */
.button a{
	width: 100%;
	margin: 0rem auto;
	display: inline-block;
	padding: 2rem;
	background: #DD0000; /*ボタン色*/
	font-size: 2.6rem;
	color: yellow;
	text-decoration: none; /*下線削除*/
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 50px;
	border: solid 2px white;
	box-shadow: 4px 7px 0px 0px rgba(0, 0, 0, 0.8);
	font-weight: bold;
}

/*** ボタンを光らせる ***/
.btn-shine a{
	position: relative; /*疑似要素の起点*/
	overflow: hidden; /*範囲外の光を隠す*/
}

/*** ボタンをキラッとさせる ***/
.btn-shine a:after{
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 10%;
	height: 150%;
	background: #fff; /*光の色*/
	transform: rotate(45deg); /*45度傾ける*/
	animation: reflect 5s ease-in-out infinite;
	/*animation: アニメ名｜光る周期｜動き方｜ループ*/
}

/*** 光のアニメーション ***/
@keyframes reflect{
  0%,75%{
    transform: rotate(45deg) scale(0);
    opacity: 1;
  }
  100%{
    transform: rotate(45deg) scale(100);
    opacity: 0;
  }
}

@media only screen and (max-width: 768px) {
.form_box{
	max-width: 100%;
	padding: 0 2rem 6rem;
	margin: 0 auto;		
}

.button{
	text-align: center;
	width: 75%;
	margin: 0 auto 1.5rem;
}

.button a{
	width: 100%;
	font-size: 1.6rem;
}
	
}


.footer_simple {
    padding: 30px 0;
    background: #333333;
}

.footer_simple .copyright{
	color: #ffffff;
}