/* 　*/

.sp_only {
	display: none;
}

@media only screen and (max-width: 1359px) {
	.main .main_text {
		/* text-align: left; */
		padding-left: 110px;
		margin-top: 25px;
	}
	.main .main_img {
		padding-top: 540px;
	}
}

@media only screen and (max-width: 1280px) {
	/* main */
	.main_img > img {
		width: 100%;
	}
	.main .main_img {
		background-size: cover;
		height: auto;
		padding-bottom: 40px;
	}
	h1 img {
		width: 60%;
	}
	.main .badge {
		position: absolute;
		right: 2%;
		bottom: -5%;
		display: block;
	}
	.main .badge img {
		width: 100%;
	}
	
	/* event_bnr */
	.event_bnr {
		width: 90%;
	}

	/* concept */
	.concept p {
		margin-right: 0;
		margin-left: 0;
	}
	
	/* event */
	.event {
		padding: 130px 0 100px
	}
	.event .gmap {
		clear: both;
	}
	.event_schedule {
		padding: 50px;
	}
	.event_schedule h3 {
		margin-bottom: 8%;
	}
	.event .event_schedule .alpha dl {
		padding: 0 0 0 10%;
		box-sizing: border-box;
	}
	.event_schedule .schedule_box {
		width: 100%;
	}
	.event_box {
		float: none;
		width: 100%;
    margin: 5% 0;
	}
	.event_box .box_inner {
		padding: 30px 40px;		
	}
	.event .info li {
		padding: 20px 10px 20px 40px;
		background-size: 19%;
		width: 27%;
	}
	.event .info .icon02 {
	  padding: 20px 10px 16px 55px;
		width: 34%;
	}
	.event .info .icon03 {
		background-size: 23%;
	}
	
	.event:before {
		background-size: 4%;
	}
	.event:after {
		bottom: -30px;
		background-size: 4%;
	}
	
	/* modelhouse */
	.modelhouse {
		padding-bottom: 0;
	}
	.modelhouse .box .alpha,
	.modelhouse .box .beta,
	.modelhouse .box02 .alpha,
	.modelhouse .box02 .beta {
		float: none;
		width: 100%;
		margin: 0;
	}
	.modelhouse .box .beta,
	.modelhouse .box02 .alpha {
		margin-bottom: 9%;
	}
	.linkarea {
		width: 100%;
		margin-top: 8%;
		display: block;
    box-sizing: border-box;
		padding-left: 30px;
	}
	.modelhouse .box,
	.modelhouse .box02 {
		margin-bottom: 20%;
	}
	
	/* link */
	.link a {
		float: none;
		width: 100%;
		padding: 25px 0;
	}
	.link .mail_bnr {
		margin-bottom: 10px;
	}
		
	/* footer */	
	footer .inner {
		width: 90%;
	}
}

@media only screen and (max-width: 1016px) {
	h1 {
		width: 100%;
		font-size: 1.7em;
		margin-bottom: 20px;
	}
	.block .inner {
		width: 85%;
	}
	
	/* main */
	.main .main_h .logo {
		display: none;
	}
	.main .badge {
		width: 30%;
		right: 2%;
    bottom: 0;
	}
	.main .main_img {
		background: none;
		padding-top: 0;
	}
	.main .main_img .millust {
		width: 100%;
		display: block;
	}
	.main .main_text {
		width: 100%;
		padding: 20px 20px 10px;
		margin: 0 auto;
		background: #D3ABAB;
		box-sizing: border-box;
	}
	
	/* event */
	.event_txt br {
		display: block;
	}

	/* footer */
	footer {
		padding: 50px 0;
	}
	footer ul {
		width: 50%;
	}
}
@media only screen and (max-width: 639px) {
	.block h2 br {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.sp_only img,
	img.sp_only {
	  width: 100%;
		margin: 0 auto;
	}
	.sp_only {
		display: block;
	}
	body {
		font-size: 120%;
	}
	
	/* main */
	.main .badge {
		display: none;
	}
	.main .main_text .catch {
		width: 65%;
	}
	.main .main_text .catch02 {
		width: 90%;
	}
	.main .main_text {
		text-align: center;
	}
	.main .main_text img {
		width: 100%;
	}
	
	/* event_bnr */
	.event_bnr {
		margin-top: 0;
	}

	/* block */
	.block {
		padding: 70px 0;
	}
	
	/* concept */
	.concept {
		padding: 20px 0 0 0;
	}
	.concept h2 {
		padding: 80px 0px 40px 10px;
		background: url(../images/parts.png) left 10px no-repeat,url(../images/parts02.png) right bottom no-repeat;
		background-size: 25%;
	}
	
	/* modelhouse */
	.modelhouse {
		padding-bottom: 0;
	}
	.modelhouse h3 {
		margin-bottom: 15%;
	}
	.modelhouse h4 {
		margin-top: 15%;
	}
	.modelhouse .slick-next {
		right: 10px !important;
		z-index: 9999;
	}
	.modelhouse .slick-prev {
		left: 10px !important;
		z-index: 9999;
	}
	.modelhouse .slick-box fgure {
		margin-bottom: 10px;
	}
	.slick-prev,
	.slick-next {
		top: auto;
		bottom: -14%;
	}


	/* event */
	.event {
		padding: 60px 0;
	}
	.event .inner {
		width: 90%;
	}
	/*.event:before,
	.event:after {
	  background-size: 5.5%;
	}
	.event:after {
		bottom: -32px;
	}*/
	.event h3 {
		font-size: 180%;
		padding: 0 10px;
		margin-bottom: 5%;
	}
	.event .event_tag {
		max-width: 20%;
	}
	.event_box .box_inner {
		padding: 10px 20px;		
	}
	.event_box .pre_catch br{
		display: block;
	}
	.event_schedule {
		padding: 50px 30px;
	}
	.event_schedule h3 {
		font-size: 160%;
		margin-bottom: 10%;
	}
	.event .event_schedule .alpha {
		margin-bottom: 15%;
	}
	.event .event_schedule .alpha dl {
		margin: 10% 0 8% ;
		padding-left: 5%;
	}
	.event_schedule .schedule_box {
		margin-bottom: 10%;
	}
	.event_schedule dl dt {
		float: none;
		width: 100%;
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
	.event_schedule dl dd {
		padding-left: 0;
		margin-bottom: 4%;
		border-bottom: none;
		text-align: center;
	}
	.event_schedule dl dd br {
		display: block;
	}
	.event .info {
		margin: 0;
	}
	.event .info li {
		width: 29%;
		padding-top: 60px;
		border: none;
		padding: 70px 0 0 0;
	}
	.event .info .icon01 {
		background-size: 70%;
		background-position: 50% 0;
	}
	.event .info .icon02 {
		padding: 70px 0 0 0;
		background-size: 70%;
		background-position: 50% 0;
		width: 28%;
	}
	.event .info .icon03 {
		background-size: 70%;
		background-position: 50% 18%;
	}
	
	/* catlog */

	.catlog {
		width: 85%;
		padding: 30px 30px;
	}
	.catlog .alpha,
	.catlog .beta {
		float: none;
		width: 100%;
	}
	.catlog .beta {
		margin: 0 0 10% 0;
	}
	.catlog .ttl {
		font-size: 110%;
	}
	
	/* link */
	.link {
		padding: 50px 0;
	}
		
	/* footer */
	footer {
		padding-bottom: 100px;
	}
	footer ul {
		float: none;
		width: 80%;
		margin: 0 auto 5%;
    text-align: center;
	}
	footer copy {
		display: block;
		float: none;
		clear: both;
		text-align: center;
	}
	
	/* fix-btn */
	#fix-btn {
		display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
		background: #D42709;
		border-top: 1px solid #fff;
		font-size: 120%;
	}
	#fix-btn ul {
		padding: 4% 2%;
		font-weight: bold;
	}
	#fix-btn ul li a{
		color: #fff;
		display: block;
		width: 100%;
	}
	#fix-btn ul li i.fa-tree {
		color: #035f12;
		margin-right: 2%;
	}
}
