@charset "UTF-8";
/* BFD style SCSS */

/*全体
-----------------*/
.lpContents { 
	width: 100%;
	min-width: 300px;
	margin: 0 auto;
	padding-top: 30px;
	font-size: 11px;
	font-family: 'Lato', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	letter-spacing: .1em;
	line-height: 2.7;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	line-height: 2.15;
	}

.lpContents div, .lpContents p, .lpContents ul, .lpContents li, .lpContents img, .lpContents a {
	box-sizing: border-box;
	}

.lpContents a {
	color: #333333;
	cursor: pointer;
	text-decoration: none;
	}
	
.lpContents a:hover {
	opacity: 0.7;
	}


.lpContents h1{
	margin-bottom: 40px;
	color: #4f91b5;
	font-size: 30px;
	line-height: 1.9;
	text-align: center;
/*	letter-spacing: .12em;*/
}

.lpContents h2 {
	color: #4f91b5;
	font-size: 20px;
	padding: 35px 0 30px;
	line-height: 2;
}

/*main
-----------------*/
#main_wrap{
	width: 100%;
	max-width: 880px;
	background-color: #f5f5f5;
	margin: 0 auto;
	padding: 100px 0 0;
}

#main_wrap{
	position: relative;
}

.main_join img {
	width: 350px;
	}
.join_us {
	position: absolute;
	top: -60px;
	left: 9%;
/*	width: 41%;*/
	z-index: 1;
}
.main_box{
	width: 75%;
	max-width: 620px;
	margin: 0 auto;
	font-size: 14px;
}
.main_txt a{
text-decoration: underline;
color: #777777;
}


/*topic
-----------------*/
#topic_wrap{
	width: 100%;
	max-width: 880px;
	background-color: #f5f5f5;
	margin: 0 auto;
	padding: 30px 0 50px;
}

.topic_box{
	width: 75%;
	max-width: 620px;
	margin: 0 auto;
	font-size: 14px;
	padding: 50px 0;
	border-top: 1px solid #dcdcdc;
}
.topic_box:first-child{
	border-top:none;
}
.topic_img{
	position: relative;
}
.new_mark{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	z-index: 2;
}
.topic_txt p{
	padding: 0 0 20px;
}
.more_btn{
	width: 130px;
	margin-left:auto;
	margin-right: 0;
	background-color: #91abbd;
	text-align: center;
	color: #FFFFFF;
}
.more_btn:hover {
	opacity: 0.7;
	}


/*pick up
-----------------*/
#pick_wrap{
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	padding: 120px 0 0;
}

.pick_main_ttl{
	margin-bottom: 20px;
	color: #4f91b5;
	font-size: 30px;
	line-height: 1.9;
	text-align: center;
}

.pick_box_wrap {
	display: table;
	padding: 5% 0;
	border-bottom: 1px solid #dcdcdc;
}
.pick_box_wrap:last-child {
	border-bottom: none;
}
.pick_box{
	display: table-cell;
	vertical-align: top;
	width: 49%;
	max-width: 440px;
	font-size: 14px;
	padding: 0;
}
.pick_box:nth-child(odd){
	border-right: 1px solid #dcdcdc;
	padding-right: 5%;
}
.pick_box:nth-child(even){
	padding-left: 5%;
}
.pick_ttl{
	color: #4f91b5;
	font-size: 20px;
	line-height: 1.9;
	padding: 20px 0;
}
.pick_info{
	padding-bottom: 10px;
}
.pick_btn{
	width: 100px;
	margin-left:auto;
	margin-right: 0;
	background-color: #91abbd;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}
.pick_btn:hover {
	opacity: 0.7;
	}
	
	
	
	/*-----------------------------*/
/*PC to tablet*/
/*-----------------------------*/
@media (min-width: 980px) and (max-width: 1200px) {


}
/*-----------------------------*/
/*tablet*/
/*-----------------------------*/
@media (max-width: 980px) and (min-width: 768px) {
.lpContents {
	width: 94%;
	margin: 0 auto;
	}
}



/*-----------------------------*/
/*smartphone only*/
/*-----------------------------*/
@media (max-width: 767px) {

.pc_view{	display: none;}

.lpContents h1{
	margin-bottom: 30px;
	font-size: 25px;
/*	line-height: 1.9;
	text-align: center;*/
/*	letter-spacing: .12em;*/
}
.lpContents h2 {
/*	color: #4f91b5;*/
	font-size: 17px;
	padding: 20px 0 15px;
	line-height: 1.6;
}
/*main
-----------------*/
#main_wrap{
/*	width: 100%;
	max-width: 880px;
	background-color: #f5f5f5;
	margin: 0 auto;
	padding: 100px 0 0;*/
}

#main_wrap{
	padding: 33% 0 0;
}

.main_box{
	width: 85%;
/*	max-width: 620px;
	margin: 0 auto;
	font-size: 14px;*/
}
.main_join img {
	width: 55%;
	max-width: 350px;
	}
.join_us {
/*	position: absolute;*/
	top: -15px;
/*	left: 9%;
	z-index: 1;*/
	/*background-color: aqua;*/
}

/*topic
-----------------*/
#topic_wrap{

}
#topic_wrap{
	padding: 20px 0 30px;
}
.topic_box{
	width: 85%;
/*	max-width: 620px;
	margin: 0 auto;*/
	font-size: 13px;
	/*padding: 50px 0;
	border-top: 1px solid #dcdcdc;*/
}
.topic_box:first-child{
	/*border-top:none;*/
}
/*.topic_img{
	position: relative;
}*/
.new_mark{
/*	position: absolute;
	top: 0;
	left: 0;*/
	width: 25%;
	max-width: 80px;
/*	z-index: 2;*/
}
.topic_txt p{
	padding: 0 0 10px;
}
.more_btn{
	width: 32%;
	max-width: 130px;
/*	margin-left:auto;
	margin-right: 0;
	background-color: #91abbd;
	text-align: center;
	color: #FFFFFF;*/
	font-size: 12px;
}
.more_btn:hover {
	opacity: 0.7;
	}

/*pick up
-----------------*/
#pick_wrap{
/*	width: 100%;
	max-width: 880px;
	margin: 0 auto;*/
	padding: 80px 0 0;
}

.pick_main_ttl{
	margin-bottom: 30px;
/*	color: #4f91b5;*/
	font-size: 25px;
	line-height: 1.6;
/*text-align: center;*/
}

.pick_box_wrap {
/*	display: table;*/
	display: inherit;
	padding: 0;
	/*border-bottom: 1px solid #dcdcdc;*/
	border-bottom: none;
}
.pick_box_wrap:last-child {
	/*border-bottom: none;*/
}
.pick_box{
/*	display: table-cell;
vertical-align: top;*/
/*	width: 49%;*/
	display: inherit;
	width:70%;
	/*max-width: 440px;*/
	font-size: 13px;
	margin: 0 auto;
	padding: 0 0 70px;
/*	border-bottom: 1px solid #dcdcdc;*/
	border: none;
}
.pick_box:nth-child(odd){
	/*border-right: 1px solid #dcdcdc;
	padding-right: 5%;*/
	border-right: none;
	padding-right: 0%;
}
.pick_box:nth-child(even){
	/*padding-left: 5%;*/
	padding-left: 0;
}

.pick_ttl{
/*	color: #4f91b5;*/
	font-size: 17px;
/*	line-height: 1.9;*/
	padding: 20px 0 15px;
}
.pick_info{
	padding-bottom: 5px;
}
.pick_btn{
width: 30%;
/*	max-width: 100px;
	margin-left:auto;
	margin-right: 0;
	background-color: #91abbd;
	text-align: center;
	color: #FFFFFF;*/
	font-size: 11px;
}
.pick_btn:hover {
	/*opacity: 0.7;*/
	}
	

}



/*animation
-----------------*/
.effFI, .effFID1, .effFID2, .effFID3, .effFIR, .effFID1on, .effFID2on, .effFID3on { opacity: 0; }

@-webkit-keyframes effFI { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes effFI { 0% { opacity: 0; }
  100% { opacity: 1; } }
.effFI.anm { -webkit-animation: effFI 1s both; animation: effFI 1s both; }

@-webkit-keyframes effFID { 0% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes effFID { 0% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes effFID3 { 0% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes effFID3 { 0% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; } }
.effFID1.anm, .effFID1on { -webkit-animation: effFID 1.1s both; animation: effFID 1.1s both; }

.effFID2.anm, .effFID2on { -webkit-animation: effFID 1.1s 0.5s both; animation: effFID 1.1s 0.5s both; }

.effFID3.anm, .effFID3on { -webkit-animation: effFID3 1.1s both; animation: effFID3 1.1s both; }

@-webkit-keyframes FIR { 0% { opacity: 0; -webkit-transform: translate(3%, 0); transform: translate(3%, 0); }
  100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes FIR { 0% { opacity: 0; -webkit-transform: translate(3%, 0); transform: translate(3%, 0); }
  100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }