@charset "UTF-8";

/*ホーム共通
-----------------------------------------------------------------------------------------*/
article{
	padding:70px 0;
}
/*画像のhoverは透過*/
article a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
@media screen and (max-width: 739px) {
	article{padding:30px 15px;}
}

/*home
-----------------------------------------------------------------------------------------*/
#home{
	background:url(images/line.png) bottom repeat-x;
	padding:0;
}
#home section{
	padding:70px 0;
	position:relative;
}
@media screen and (max-width: 739px) {
	#home section{padding:30px 15px}
}
/*-------------------------mainimg*/
#mainimg{
	position:relative;
	background:center no-repeat;
	background-size:cover;
	overflow: hidden;
	padding:100px 0;
  }
#mainimg div.mainimg_bg{
	z-index:-1;
	opacity:0;
	width:100%;
	height:100%;
	background:center no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
	-webkit-animation:anime 24s 0s infinite;
	animation:anime 24s 0s infinite;
}
#mainimg div.mainimg_bg:nth-of-type(2) {
	-webkit-animation-delay:8s;
	animation-delay:8s;
}
#mainimg div.mainimg_bg:nth-of-type(3) {
	-webkit-animation-delay:16s;
	animation-delay:16s;
}
@keyframes anime {
	0% {opacity:0;}
	16% {opacity:1;}
	34% {opacity:1;}
	50% {opacity:0;transform:scale(1.1) ;z-index:-2;}
	100% {opacity:0;}
}
@media screen and (max-width: 739px) {
	#mainimg{padding:50px 0;}
	#mainimg img{max-width:200px;}
}
@media screen and (max-width: 479px) {
	#mainimg div.mainimg_bg{background-position:left 20% center;}
}
/*-------------------------mainimg_topic*/
.mainimg_topic{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.3);backdrop-filter: blur(10px);display:flex;justify-content:center;align-items:center;animation: mainimg_topic 24s 0s infinite;}
#mainimg .mainimg_topic img{height:100%;max-width:100%;position:relative;}
@keyframes mainimg_topic{
	0% {opacity:0;}
	5% {opacity:1;}
	34% {opacity:1;}
	50% {opacity:0;}
	100% {opacity:0;}
}
@media print, screen and (min-width: 740px) {
#mainimg{height:660px;}
.mainimg_topic.sp{display:none;}
}
@media screen and (max-width: 739px) {
#mainimg{height:460px;}
.mainimg_topic.pc{display:none;}
}
/*-------------------------kaisainaiyo*/
#mainimg .kaisainaiyo{
	font-size:0;
}
#mainimg .kaisainaiyo li{
	margin-top:20px;
	padding:18px 10px 0 10px;
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	background:url(images/mainimg_dot.svg) top no-repeat;
	color:#FFF;
	text-align:left;
	vertical-align:top;
	display:inline-block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
    text-orientation: upright;
}
@media screen and (max-width: 739px) {
	#mainimg .kaisainaiyo li{margin-top:10px;padding:18px 3px 0 3px;font-size:18px;}
}
/*-------------------------タイトル*/
#home .title h2{
	background:#F5712E url(images/home_title.png) center bottom no-repeat;
	padding:50px 0;
	font-size:36px;
	line-height:55px;
	letter-spacing:1px;
	color:#FFF;
}
#home .title h2 img{
	display:block;
	margin:0 auto;
}
#home .title p{
	height: 225px;
	background: url(images/home_title_bg.jpg);
	-webkit-animation: bgscroll 80s linear infinite;
	animation: bgscroll 80s linear infinite;
}
@-webkit-keyframes bgscroll {
	0% {background-position: 0 0;}
	100% {background-position: -2700px 0;}
}
@keyframes bgscroll {
	0% {background-position: 0 0;}
	100% {background-position: -2700px 0;}
}
@media screen and (max-width: 739px) {
	#home .title h2{padding:15px 0;font-size:18px;line-height:30px;letter-spacing:0;}
	#home .title h2 img{max-width:200px;}
	#home .title p{height: 120px;background-size:1440px 120px;}
}
@media screen and (max-width: 479px) {
	#home .title h2{padding:15px 0;font-size:15px;line-height:30px;letter-spacing:0;}
	#home .title h2 img{max-width:180px;}
}
/*-------------------------sanka*/
#home .sanka{
	position:absolute;
	width:300px;
	text-align:center;
	right:0;
	top:-75px;
}
@media screen and (max-width: 739px) {
	#home .sanka{position:absolute;width:120px;right:5px;top:-45px;}
}
/*-------------------------copy*/
#home .copy{
	float:left;
	padding-right:350px;
}
#home .copy h3{
	font-size:32px;
	line-height:52px;
	color:#F5712E;
	margin-bottom:15px;
}
#home .copy figure{
	text-align:center;
	margin-top:15px;
}
@media screen and (max-width: 739px) {
	#home .copy{float:none;padding:0;text-align:left;}
	#home .copy h3{font-size:18px;line-height:30px;margin-bottom:3px;}
}
@media screen and (max-width: 420px) {
	#home .copy h3 span{display:block;}
}
/*-------------------------参加メリット*/
#home .merit h4{
	margin-top:30px;
	background:#F5712E;
	color:#FFF;
	line-height:32px;
	letter-spacing:2px;
	padding:0 14px;
}
#home .merit li{
	margin-top:5px;
	padding-top:6px;
	padding-left:38px;
	background:url(images/point.png) 10px 10px no-repeat;
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width: 739px) {
	#home .merit li{font-size:15px;margin-bottom:-3px;}
	#home .merit li{background-position:0 8px;padding-left:25px;}
	#home .merit li br{display:none;}
}
/*-------------------------本商談会の特徴*/
#home .tokucho{
	background:url(images/home_point.png) right bottom no-repeat;
	min-height:260px;
}
#home .tokucho h4{
	margin-top:30px;
	background:#4479BA;
	color:#FFF;
	line-height:32px;
	letter-spacing:2px;
	padding:0 14px;
}
#home .tokucho li{
	margin-top:11px;
	margin-left:38px;
	list-style-type:decimal;
	font-size:18px;
	font-weight:bold;
	color:#156699;
}
#home .tokucho li span{
	display:block;
	font-size:14px;
	line-height:24px;
	color:#000;
}
@media screen and (max-width: 739px) {
	#home .tokucho{	background:none;min-height:0;}
	#home .tokucho li{font-size:15px;margin-top:5px;margin-left:25px;}
}

/*-------------------------enter*/
#home .enter{
	float:right;
	width:300px;
	margin-left:-300px;
	margin-top:125px;
	text-align:center;
}
#home .enter ul{
	border:5px solid #E6E6E6;
	box-shadow:0 0 0 1px #CCCCCC;
	-webkit-box-shadow:0 0 0 1px #CCCCCC;
	-moz-box-shadow:0 0 0 1px #CCCCCC;
	background:#FFFFFF;
	color:#606060;
	margin:6px 1px;
	padding:14px 0 0 0;
}
#home .enter ul li{
	line-height:25px;
	letter-spacing:1px;
	margin:4px 0;
}
#home .enter ul li:nth-child(2){
	margin:8px 0;
}
#home .enter ul li:first-child{
	font-weight:bold;
}
#home .enter ul li:last-child{
	font-weight:normal;
	font-size:14px;
	letter-spacing:0px;
}
#home .enter ul li em{
	display:block;
	font-weight:bold;
	margin:14px 4px 0 4px;
	font-size:13px;
	line-height:21px;
	padding:8px 0;
	border:1px dashed #BBB;
	letter-spacing:1px;
	font-family:'arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
}
#home .enter ul li em + em{
	margin-top:-1px;
}

#home .enter .nolink {
	pointer-events: none;
}

#home .enter .offimage {
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);
}

aside .nolink {
	pointer-events: none;
}

aside .offimage {
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);
}

@media screen and (max-width: 739px) {
	#home .enter{float:none;width:auto;margin:30px 0 0 0;}
	#home .enter ul{border:3px solid #E6E6E6;padding:10px 0 0 0;}
	#home .enter ul li{line-height:20px;}
	#home .enter ul li img{max-width:200px;}
	#home .enter ul li br{display:none;}
}
@media screen and (max-width: 520px) {
	#home .enter ul li br{display:inline;}
}

/*商談会について
-----------------------------------------------------------------------------------------*/
#about{
}
#about h2{
	font-size:40px;
	line-height:50px;
	letter-spacing:5px;
	margin-bottom:30px;
}
#about dl{
	margin-bottom:20px;
}
#about dt{
	padding:5px 15px;
	border-left:5px solid #F5712E;
	font-size:18px;
	font-weight:bold;
	background:#ECEAE6;
	margin-top:20px;
}
#about dd{
	padding:5px 20px;
}
#about dd a{
	text-decoration:underline;
}
#about dd a:hover{
	text-decoration:none;
}
/*--------------------------icon*/
#about dd a[href$='.pdf']{
	margin-left:3px;
	padding-left:20px;
	padding-top:1px;
	padding-bottom:1px;
	background:url(images/icon_pdf.png) left no-repeat;
}



/*-------------------------グーグルマップ*/
#about iframe{
	width:100%;
	height:500px;
	margin:0;
}
@media screen and (max-width: 739px) {
	#about h2{font-size:20px;line-height:30px;margin-bottom:10px;}
	#about dl{margin-bottom:10px;}
	#about dt{padding:3px 6px;border-left:3px solid #F5712E;font-size:14px;margin-top:10px;}
	#about dd{padding:3px 0;}
	#about iframe{height:300px;}
}






/*ご利用の流れ
-----------------------------------------------------------------------------------------*/
#flow{
	background:url(images/bg_sya.png);
}
#flow h2{
	font-size:40px;
	line-height:50px;
	letter-spacing:5px;
	margin-bottom:30px;
}
#flow table{
	border-collapse: separate;
	border-spacing: 0 45px;
	margin:-45px auto;
}
#flow th{
	width:180px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	background:#F5712E;
	color:#FFF
}
#flow td{
	background:#FFF url(images/flow_01.png) right no-repeat;
	border:1px solid #BFBFBF;
	border-left:none;
	padding:20px 30px;
	position:relative;
}
#flow tr:nth-child(2) td{
	background-image:url(images/flow_02.png);
}
#flow tr:nth-child(3) td{
	background-image:url(images/flow_03.png);
}
#flow tr:nth-child(4) td{
	background-image:url(images/flow_05.png);
}
#flow tr:nth-child(5) td{
	background-image:url(images/flow_04.png);
}
#flow td:after{
	content:"　";
	display:block;
	height:45px;
	width:100%;
	background:url(images/flow_ya.png) center no-repeat;
	position:absolute;
	bottom:-45px;
	left:-90px;
}
#flow tr:last-child td:after{
	display:none;
}
#flow h3{
	font-size:24px;
	line-height:40px;
	color:#F5712E;
	letter-spacing:2px;
}
@media screen and (max-width: 739px) {
	#flow h2{font-size:20px;line-height:30px;margin-bottom:10px;}
	#flow table{border-spacing: 0 30px;margin:-30px auto;}
	#flow th{width:100%;font-size:14px;display: list-item;padding:8px 0;}
	#flow th br{display:none;}
	#flow td{border:1px solid #BFBFBF;border-top:none;padding:10px 13px;display: list-item;background-position:right 7px;background-size:70px 35px;}
	#flow td:after{height:30px;background-size:40px 30px;bottom:-30px;left:0;}
	#flow h3{font-size:16px;line-height:25px;font-weight:bold;letter-spacing:0px;text-indent:-16px;padding-left:16px;padding-right:40px;padding-bottom:5px;}
}


/*よくあるご質問
-----------------------------------------------------------------------------------------*/
#faq{
	background:#E6E6DC url(images/faq_bg.png);
}
#faq h2{
	font-size:40px;
	line-height:50px;
	letter-spacing:5px;
	margin-bottom:-10px;
}
#faq h3{
	font-size:20px;
	line-height:20px;
	letter-spacing:3px;
	margin-top:50px;
	margin-bottom:15px;
	padding-left:10px;
	border-left:20px solid #F5712E
}
#faq section div{
	background:#FFF;
	border-top:5px solid #F5712E;
	margin-top:10px;
	position:relative;
}
#faq h4{
	font-size:18px;
	line-height:32px;
	letter-spacing:1px;
	padding:15px 90px 15px 55px;
}
#faq h4:before,
#faq p:before{
	width:40px;
	text-align:center;
	float:left;
	font-size:30px;
	font-family:'arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	margin-left:-40px;
}
#faq h4:before{
	content:"Q";
	color:#F5712E;
}
#faq h4:after{
	content:"　";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(images/btn_q.png) right 10px no-repeat;
}
#faq h4:hover{
	background-color:#CCC;
}
#faq h4.open:hover{
	background-color:#FFF;
}
#faq h4.open:after{
	background-image:url(images/btn_a.png);
}
#faq p{
	padding:15px 0 15px 40px;
	margin:0 15px;
	border-top:1px dashed #BFBFBF;
}
#faq p:before{
	content:"A";
	color:#E74288;
}
@media screen and (max-width: 739px) {
	#faq h2{font-size:20px;line-height:30px;margin-bottom:-5px;}
	#faq h3{font-size:16px;line-height:16px;letter-spacing:0px;margin-top:24px;margin-bottom:8px;padding-left:8px;border-left:16px solid #F5712E;}
	#faq div{border-top:3px solid #F5712E;margin-top:5px;}
	#faq h4{font-size:16px;line-height:26px;letter-spacing:0;padding:8px 8px 8px 30px;}
	#faq h4:before,
	#faq p:before{width:22px;font-size:22px;margin-left:-24px;}
	#faq h4:after{background-size:35px 20px;background-position:right bottom;}
	#faq p{font-size:14px;line-height:24px;padding:8px 8px 8px 30px;margin:0;}
}

/*参加登録
-----------------------------------------------------------------------------------------*/
aside{
	padding:70px 0;
}
aside h2{
	font-size:28px;
	line-height:32px;
	letter-spacing:1px;
	font-weight:bold;
	/*color:#F5712E;*/
	color:#4479BA;
	
}
aside p{
	font-size:18px;
	line-height:32px;
	margin-top:15px;
}
aside p:last-child{
		color:#FF2600;
}
aside p:last-child br{
		display:none;
}
@media screen and (max-width: 739px) {
	aside{padding:30px 15px 80px 15px;}
	aside h2{font-size:18px;line-height:30px;letter-spacing:0;}
	aside h2 + p{font-size:14px;line-height:24px;margin-top:5px;text-align:left;}
	aside p br{display:none;}
	aside p:last-child{font-size:14px;margin-top:3px;}
}



/*-------------------------住所*/
 p.adr{
	text-align:center;
	margin-bottom:20px;
	font-size:18px;
	color:#000000;
	font-weight:bold;
}