@media screen and (max-width: 840px) {
	.sns_name {
  	font-size: 1.1em;
  	font-weight: bold;
	}
	.wrapper {
		width: 90%;
		margin: 0 auto;
	}
	.main_header {
		line-height: 60px;
		border-bottom: 3px solid #b00000;
	}
	.logo{
		width: 180px;
		height: auto;
	}
	.li_sns {
	  	width: 24px;
	}
	.sns li {
		margin-left: 5px;
	}
	.banner_img {
		display: none;
	}
	.banner_img_sp, .mod-exp  {
		display: block !important;
	}
	.mod-exp {
		width: 85%;
		margin: 0 auto;
		padding-top: 45px;
		padding-bottom: 30px;
		border-bottom: solid 3px #e5e5e5;
		text-align: center;
		/*background-image: url(../img/p_bg1.jpeg);*/
		/*background-size: 100% 100%;*/
		/*background-repeat: no-repeat;*/
		/*border: solid 2px #6bdaff;*/
		/*text-shadow:
    white 1px 1px 1px, white -1px 1px 1px,
    white 1px -1px 1px, white -1px -1px 1px;*/
	}
	.mod-ex {
		font-size: 1.2em;
		margin-bottom: 15px;
		font-weight: 600;
	}
	.emp-p {
		font-size:1.0em;
		line-height: 1.9em;
	}
	.main_h1 {
		font-size: 25px;
		padding-bottom: 5px;
	}
	.feature_img {
		width: 120px;
		height: 40px;
	}
	.sign_btn {
		 width: 90%;
	}
	.img_multi {
		width: 90%;
	}
	.img_mul {
		/*filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));*/
	}
	.dtl2 {
		font-size:1.0em;
		font-weight:100;
		padding: 5% 5% 5% 48px;
	}
	.app_title_img {
		width: 35%;
	}
	.footer_logo {
  	width: 50%;
	}
	.app_fl_el {
		text-align: center;
	}
	.marks {
	  top: -15px;
	  left: -15px;
	  width: 60px;
	  height: 60px;
	  font-size: 1.2em;
	}
	.sign_mark p, .apply_mark p, .post_mark p {
	  line-height: 3.2em;
	}
	.location_mark p, .reward_mark p {
	  margin-top: 10px;
	}
	.app_fl_el {
		margin: 30px auto;
	}
	.f_l_div {
		display: block;
	}
	.footer_link {
		width: 90%;
		margin: 0 auto;
	}
	.arrow {
		width: 5px;
	}
	.fir_cont {
		width: 90%;
		padding-bottom: 30px;
    border-bottom: solid 3px #e5e5e5;
	}
	.fir_cont_img {
		width: 100%;
		float: none;
		position: relative;
		/*filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));*/
		filter: none;
		margin-bottom: 15px;
	}
	.first_div_wrap {
		margin-bottom: 1%;
    margin-top: 30px;
	}
	.h1_top {
		width: 100%;
		float: none;
		text-align: center;
		position: relative;
		filter: none;
		background-color: white;
		color: black;
	}
	.imp {
		line-height: 1.8em;
		font-size: 1.1em;
	}
	.sign_button {
		margin: 50px auto;
	}
}

@media screen and (max-width: 1200px) {
	.h1_top {
		font-size: 1.0em;
		padding: 0px;
	}
	.h1_top p {
		/*font-size: 1.5em;*/
		margin: 12px auto;
	}
	.feature_conts {
		width: 40%;
	}
	.effect {
		z-index: 9;
		width: 80px;
		height: 40px;
	}
	.features_title {
		padding: 0;
	}
}
@media screen and (min-width: 841px) and (max-width: 1200px) {
	.h1_top {
		padding: 1% 3% 3% 3%;
	}
}
@media screen and (max-width: 956px) {
	.main_h1 {
		margin-top: 30px;
	}
	.model_feature {
		padding-top: 50px;
		border-bottom: solid 3px #e5e5e5;
	}
	.feature_conts {
		width: 90%;
		float: none;
		padding: 0;
		margin: 0 auto;
	}
	.features_title {
		padding: 30px 0 15px 0;
	}
	.features_img {
		float: none;
		width: 90%;
		filter: none;
		margin: 0 auto;
	}
	.features {
		text-align: center;
		position: relative;
		padding-bottom: 30px;
    margin-top: 30px;
	}
	.effect {
		position: absolute;
		top: 3%;
		left: 7%;
	}
	.application_flow {
		margin-top: 70px;
	}
	.app_title_img {
		margin-top: 15px;
	}
}