@charset "UTF-8";
/* CSS Document */
/*全デバイス共通のCSS（スマホ向け）
------------------------------------------*/
/* 共通設定 */
html {font-size: 16px; line-height: 1.8;}
body {box-sizing: border-box;}
a {display: block;}
a:hover{opacity: 0.8;}
p {line-height: 1.9em;}
img{
	display: block;
	width: 100%;
}
.pc {display: none;}
.sp {display: block;}
.text_b{
	font-weight: bold;
}

/*------------------------------------------
ページ全体背景
------------------------------------------*/
main{
	background:#fef2da;
	padding: 0 0 5% 0;
}

/*------------------------------------------
wrapper基本
------------------------------------------*/
header.wrapper {
	width: 100%;
	padding: 0 8%;
}
section .wrapper {
	width: 90%;
	padding: 10% 8%;
	margin:  0 auto;
	background: #ffffff;
	border-radius: 10px;
}
footer.wrapper{}


/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	.wrapper {
		padding: 0 10%;
	}
	section .wrapper {
		width: 90%;
		padding: 8% 8%;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	.wrapper {
		width: 1000px;
		padding: 0 80px;
		margin: 0 auto;
	}
	section .wrapper {
		width: 1000px;
		padding: 50px 8%;
	}
}


/*------------------------------------------
section（調整済）
------------------------------------------*/
section{
	margin-bottom: 10%;
}

/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	section{
		margin-bottom: 5%;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	section{
			margin-bottom: 50px;
	}
}


/*------------------------------------------
section h2（調整済）
------------------------------------------*/
section h2{
	width: 200px;
	margin: 0 auto 10% auto;
	font-size: 1.5em;
	font-weight: bold;
	color:#920783;
	text-align: center;
	border-bottom: 1px solid #920783;
}

/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	section h2{
		margin: 0 auto 8% auto;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	section h2{
		width: 270px;
		margin: 0 auto 5% auto;
		font-size: 1.8em;
	}
}


/*------------------------------------------
header（調整済）
------------------------------------------*/
header{
	position: relative;
	padding:0;
	background: url("../images/pc_fv02.jpg") no-repeat 50%;
	background-size: cover;
}
header .wrapper{
	padding: 0;
}
header h1{
	width: 100%;
	padding: 0;
}

/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	
	header .sp{display: none;}
	header .pc{display: block;}
	
	header{}
	header .wrapper{}
	header h1{
		width: 100%;
		height: auto;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	
	header{}
	header .wrapper{
		position: relative;
	}
	header h1{
		height: 700px;
	}
}


/*------------------------------------------
timepla　日時会場（調整済）
------------------------------------------*/
.timepla{}

/*日時・会場*/
.timepla .timepla_box{
	margin: 0 0 10% 0;
}
.timepla .timepla_box img{
	width: 30%;
	margin: 0 auto 5% auto;
}
.timepla .timepla_box p{
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
}
.timepla .timepla_box p span{
	display: block;
	font-size: 16px;
	font-weight: normal;
}

/*アクセス*/
.timepla .map{}
.timepla .map img{}
.timepla .map .root{
	margin:5% 0;
	font-size: 14px;
	line-height: 1.3;
	text-align: justify;
}
.timepla .map .place_link{}
.timepla .map .place_link a{
	width: 80%;
	margin: 0 auto;
	padding: 2%;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	background: #8a8383;
	border-radius: 50px;
}

/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	
	.timepla{}

	/*日時・会場*/
	.timepla .timepla_box{
		margin: 0 0 5% 0;
		display: flex;
		flex-wrap: wrap;
	}
	.timepla .timepla_box img{
		width: 15%;
		margin: 0 5% 0 0;
	}
	.timepla .timepla_box p{
		width: 80%;
		margin: 3% 0 0 0;
		text-align: left;
	}
	.timepla .timepla_box p span{}

	/*アクセス*/
	.timepla .map{}
	.timepla .map img{}
	.timepla .map .root{
		margin:1% 0 5% 0;
		text-align:center;
	}
	.timepla .map .place_link{}
	.timepla .map .place_link a{
		width: 40%;
		margin: 0 auto;
		padding: 1%;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	
	.timepla{}

	/*日時・会場*/
	.timepla .flr{
		overflow: hidden;
	}
	.timepla .timepla_box{
		margin: 0 0 5% 0;
		float: left;
		width: 50%;
	}
	.timepla .timepla_box img{
		width: 18%;
		height: auto;
		margin: 0 2% 0 0;
	}
	.timepla .timepla_box p{
		width: 80%;
		margin: 3% 0 0 0;
	}
	.timepla .timepla_box p span{}

	/*アクセス*/
	.timepla .map{}
	.timepla .map img{
		width: 60%;
		margin: 0 auto;
	}
	.timepla .map .root{
		margin:1% 0 2% 0;
	}
	.timepla .map .place_link{}
	.timepla .map .place_link a{
		width: 30%;
	}
}


/*------------------------------------------
lecture　講演会(調整済)
------------------------------------------*/
.lecture{}

.lecture .teacher_box{
	padding: 10% 5%;
	margin-bottom: 10%;
	border:2px solid #fc75b0;
	border-radius: 10px;
}
.lecture .teacher_box:last-child{
	margin-bottom: 0;
}
.lecture .teacher_box h3{
	font-size: 20px;
	color: #fc75b0;
	text-align: center;
	font-weight: bold;
}
.lecture .teacher_box h3 span{
	width: 30%;
	margin: 0 auto 2% auto;
	font-size: 16px;
	display: block;
	background: #fc75b0;
	color: #ffffff;
	border-radius: 5px;
}
.lecture .teacher_box h3 span.t_height{}

.lecture .teacher{}
.lecture .teacher img{
	width: 60%;
	margin: 5% auto;
}
.lecture .teacher .te_box{
	text-align: center;
}
.lecture .teacher .te_box p{}
.lecture .teacher .te_box p.txt_01{
	color: #fc75b0;
	font-weight: bold;
}
.lecture .teacher .te_box p.txt_02{
	font-size: 12px;
}
.lecture .teacher .te_box p.txt_03{
	font-weight: bold;
}


/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	.lecture{}

	.lecture .te_flr{
		display: flex;
		flex-wrap: wrap;
	}
	.lecture .teacher_box{
		width: 48%;
		padding: 5% 4%;
		margin-bottom: 0;
		margin-right: 2%;
	}
	.lecture .teacher_box:last-child{
		margin-bottom: 0;
		margin-right: 0;
	}
	.lecture .teacher_box h3{
		font-size: 20px;
	}
	.lecture .teacher_box h3 span{}
	.lecture .teacher_box h3 span.t_height,.lecture .teacher_box h3.t_height{
		margin-bottom: 12%;
	}
	.lecture .teacher{}
	.lecture .teacher img{}
	.lecture .teacher .te_box{}
	.lecture .teacher .te_box p{}
	.lecture .teacher .te_box p.txt_01{}
	.lecture .teacher .te_box p.txt_02{}
	.lecture .teacher .te_box p.txt_03{
		font-size: 18px;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	
	.lecture{}

	.lecture .te_flr{}
	.lecture .teacher_box{}
	.lecture .teacher_box:last-child{}
	.lecture .teacher_box h3{
		font-size: 24px;
	}
	.lecture .teacher_box h3 span{}

	.lecture .teacher{}
	.lecture .teacher img{}
	.lecture .teacher .te_box{}
	.lecture .teacher .te_box p{}
	.lecture .teacher .te_box p.txt_01{}
	.lecture .teacher .te_box p.txt_02{}
	.lecture .teacher .te_box p.txt_03{}
}


/*------------------------------------------
cv_post　フォーム（フォーム部分以外調整済）
------------------------------------------*/

/*--タイトル--*/
section.cv_post{
	background: #fbf1db;
	color:#333333;
}
section.cv_post .lead{
	margin-bottom: 10%;
	line-height: 1.5;
	font-weight: bold;
}

/*--プライバシーポリシー--*/
.cv_post .privacy_btn{
	text-align: center;
	margin: 6% 0;
}
.cv_post .privacy_btn a{
	width: 200px;
	padding: 1px;
	margin: 0 auto;
	font-size: 14px;
	color: #ffffff;
	background: #979797;
	border-radius: 50px;
}

/*--応募注釈--*/
section.cv_post ul{
	padding-left: 0.875em;
	font-size: 0.875em;
}
section.cv_post ul li{
	text-indent: -0.875em;
	line-height: 1.5;
	text-align: justify;
}

/*--締め切り--*/
.cv_post .limit{
	margin: 6% 0 0;
	text-align: center;
	font-weight: bold;
}
.cv_post .limit h3{
	font-weight: bold;
}
.cv_post .limit p{
	font-size: 1.4em;
	color: #BE000A;
	line-height: 1.5em;
}

/*--受付終了ボタン--*/
.cv_post .end_btn{
	background: #979797;
	color: #ffffff;
	display: block;
	width: 100%;
	padding: 3% 0;
	margin: 4% auto;
	font-size: 1.2em;
	border-radius: 40px;
	border-width: 0;
	text-align: center;
}


/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	
	/*--タイトル--*/
	section.cv_post{}
	section.cv_post .lead{
		text-align: center;
	}

	/*--プライバシーポリシー--*/
	.cv_post .privacy_btn{}
	.cv_post .privacy_btn a{}

	/*--応募注釈--*/
	section.cv_post ul{}
	section.cv_post ul li{}
	
	/*--締め切り--*/
	.cv_post .limit{}
	.cv_post .limit h3{}
	.cv_post .limit p{}
	
	/*--受付終了ボタン--*/
	.cv_post .end_btn{}

}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	
	/*--タイトル--*/
	section.cv_post{}
	section.cv_post .lead{
		margin-bottom: 5%;
	}
	
	/*--プライバシーポリシー--*/
	.cv_post .privacy_btn{
		margin: 3% 0;
	}
	.cv_post .privacy_btn a{}

	/*--応募注釈--*/
	section.cv_post ul{}
	section.cv_post ul li{}
	
	/*--締め切り--*/
	.cv_post .limit{}
	.cv_post .limit h3{}
	.cv_post .limit p{}
	.cv_post .limit p .sp{
		display: none;
	}
	
	/*--受付終了ボタン--*/
	.cv_post .end_btn{}
}


/*------------------------------------------
info　お問い合わせ（調整済）
------------------------------------------*/
section.info p{
	text-align: center;
}

/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	section.info p{
		font-size: 1.125em;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {}


/*------------------------------------------
footer　フッター（調整済）
------------------------------------------*/

footer{
	padding: 10% 0;
	background: #920783;
	color: #ffffff;
}
footer dl{
	width: 93%;
	margin: 0 auto 4% auto;
	font-size: 0.875em;
	overflow: hidden;
}
footer dl dt{
	float: left;
	width: 13%;
}
footer dl dd{
	float: right;
	width: 87%;
	text-align: justify;
}

footer dl.list_03 .tab{
	display: none;
}
footer dl.list_03 .sp{
	display: block;
}
footer dl.list_03 .pc{
	display: none;
}
footer dl.list_04 .sp{
	display: block;
}
footer dl.list_05 .sp{
	display: block;
}

/*コピーライト*/
footer p{
	padding-top: 8%;
	text-align: center;
}

/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	
	footer{}
	footer dl{
		width: 100%;
		margin: 0 auto 2% auto;
	}
	footer dl dt{
		width: 10%;
	}
	footer dl dd{
		width: 90%;
	}
	footer dl.list_02 .sp{
		display: none;
	}
	footer dl.list_03 .sp{
		display: none;
	}
	footer dl.list_03 .tab{
		display: block;
	}
	footer dl.list_03 .pc{
		display: none;
	}
	footer dl.list_04 .sp{
		display: none;
	}
	footer dl.list_05 .sp{
		display: none;
	}

	
	/*コピーライト*/
	footer p{
		padding-top: 4%;
	}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {

	footer{
		padding: 5% 0 2%;
	}
	footer .wrapper{}
	footer dl{}
	footer dl dt{}
	footer dl.list_02 .sp{
		display: none;
	}
	footer dl.list_03 .sp{
		display: none;
	}
	footer dl.list_03 .tab{
		display: none;
	}
	footer dl.list_03 .pc{
		display: block;
	}
	footer p{}
}

/*------------------------------------------
thanks　サンクスページ
------------------------------------------*/

/*FV*/
#thanks header{
	position: relative;
	padding:0;
	background: url("../images/thanks_pcfv02.jpg") no-repeat 50%;
	background-size: cover;
}

#thanks header .wrapper{
	padding: 0;
}
#thanks header h1{
	width: 100%;
	padding: 0;
}

/*テキスト*/
#thanks section{
	margin: 0;
}
/*トップへ戻る*/
#thanks .top_back{
	font-weight: bold;
	text-align: center;
	margin: 0 0 20% 0;
}
#thanks .top_back a{
	width: 220px;
	padding: 5px;
	margin: 0 auto;
	color: #ffffff;
	background: #aaaaaa;
	border-radius: 50px;
}


/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	
	/*FV*/
	#thanks header .sp{display: none;}
	#thanks header .pc{display: block;}
	
	#thanks header{}
	#thanks header .wrapper{}
	#thanks header h1{
		width: 100%;
		height: auto;
	}
	
	/*テキスト*/
	#thanks section{
		margin-top: 0;
	}
	#thanks section p{
		text-align: center;
	}
	/*トップへ戻る*/
	#thanks .top_back{}
	#thanks .top_back a{}
}

/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	
	/*FV*/
	header{}
	header .wrapper{
		position: relative;
	}
	header h1{
		height: 700px;
	}
	#thanks header .wrapper{
		position: relative;
	}
	/*テキスト*/
	#thanks section{}
	#thanks section p{}
	/*トップへ戻る*/
	#thanks .top_back{}
	#thanks .top_back a{}
}