/* 1440px (Laptop PC) */
@media screen and (max-width:1500px) {
	.catchcopy {
		padding-top: 300px;
	}
	.catchbtn {
		padding-top: 480px;
	}
	.hero h1 {
    	font-size: 32px;
	}
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.navicon {
		display: block; /* SP表示切り替え */
	}
	.catchcopy {
		padding-top: 220px;
		width: 100%;
  		margin: 0 auto;
	}
	.catchbtn {
		padding-top: 380px;
	}
	.learn-more-btn {
    	padding: 8px 16px;
	}
	.bg-carbonneutral {
	    background-size: 100%;
	}
	#servicesSlider {
    	margin-top: 2rem;
	}

}
/* xGA iPad */
@media screen and (max-width:991px) {
	.hero {
		background: url(../img/top/hero-bg.jpg) no-repeat top center;
	    background-size: 150%;
	    padding: 200px 0;
	}
	.catchcopy {
    	position: relative;
    	padding-top: 0;
	}
	.home-mv-video {
	    display: none;
	}
	.fluid-white {
		display: none;
	}
	.menu-box .logo img {
		padding-left: 2rem;
	}
	.menu-box .link-btn {
		display: none;
	}
	.system-image {
		width: 100%;
	}
	.wrapper {
    height: 520px;
	}
	ul.slides li {
	    margin-bottom: 20px;
	    padding-top: 2rem;
	}
	.wp3 {
	    filter: brightness(0.3);
		background-color: rgba(0,0,0,0.8);
	    background-blend-mode: lighten;
	}
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
	.catchbtn {
		width: 100%;
		margin: 0 auto;
	}
	.flow-details img {
    	width: 50%;
	}
	.box-hover {
		margin-bottom: 32px;
	}
	.bg-news {
	    background-size: 50%;
	}
	.link-btn {
		margin-top: 32px;
	}
	.ecomott-signature {
		text-align: center;
	    margin-bottom: 32px;
	    padding: 0 15px;
	}
	.yourstand-signature {
		text-align: center;
		margin-bottom: 50px;
		padding: 0 15px;
	}
	.wp2, .wp4, .wp5, .light-box {
		margin-bottom: 50px;
	}
	.legals {
		text-align: center;
		margin: 0; padding: 0;
	}
	.credit {
		text-align: center;
	}
	.swag p {
	    padding: 0 15px;
	}
	.effects {
    	padding-left: 0;
	}
	.footer-link-box .footer-link01,
	.footer-link-box .footer-link02,
	.footer-link-box .footer-link03,
	.footer-link-box .footer-link04 {
		width: 25%;
		background-size: 320%;
	}
	.footer-link-box .footer-link01:hover,
	.footer-link-box .footer-link02:hover,
	.footer-link-box .footer-link03:hover,
	.footer-link-box .footer-link04:hover {
		background-size: 350%;
	}
	.page-catchcopy {
	    display: block;
	    padding: 100px 0;
	    text-align: center;
	    height: 400px;
	}
	.page-catchcopy h1 {
	    font-size: 28px;
	    padding: 0 15px;
	}
	.page-catchcopy p {
	    padding: 0 15px;
	}
	.sub-menu {
	    display: block;
	    vertical-align: middle;
	    padding: 0;
	}
	.sub-menu ul {
	    padding: 16px 60px;
	    list-style: none;
	    line-height: 2;
	    width: 100%;
	    margin: 0 auto;
	    display: flex;
	}
	.sub-menu ul li {
		margin: 0 auto;
	}

	#portfolioSlider,
	#flexSlider {
    	display: none;
	}
	#portfolioSlider-sp,
	#flexSlider-sp {
    	display: block;
	}
	#portfolioSlider-sp img,
	#flexSlider-sp img {
		width: 100%;
	}
	#portfolioSlider-sp .col-12,
	#flexSlider-sp .col-12 {
		padding: 0 15px;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	#portfolioSlider-sp p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

}

/* iPad mini */
@media screen and (max-width:768px) {
	.sp-none {
		display: none;
	}
	.hero {
    	background-size: 200%;
	}
	.catchcopy {
    	padding-top: 0;
	}
	.hero h1 {
	    font-size: 28px;
	    letter-spacing: 1px;
	    margin: 10px 0;
	}
}
/* 600px (WVGA - Low End Windows Phone) */
@media screen and (max-width:600px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box {
		margin-bottom: 30px;
		padding: 0;
	}
	.legals { text-align: center; margin: 0; padding: 0; }
	.sp-on { display: inline; }
	.credit { text-align: center; }
	.hero {
    	background-size: 300%;
	}
	#features .main-title {
		padding: 0 0.5rem;
	}
	#features .sub-title {
		padding: 0 1rem;
		font-size: 14px;
		text-align: justify;
		background: none;
	    margin-bottom: 6rem;
	}
	#news p {
	    text-align: justify;
		padding: 0 1rem;
	}
	.flow-details img {
    	width: 100%;
	}
	.dark-bg p {
    	text-align: justify;
	}
	.swag h1 {
    	letter-spacing: 2px;
	}
	.swag p {
    	text-align: justify;
	}
	.subscribe p {
    	text-align: justify;
	}
	.learn-more-btn {
    	padding: 8px 16px;
    	width: 240px
	}
	.sub-menu ul {
	    padding: 16px 15px;
	    text-align: center;
	    font-size: 10px;
	    letter-spacing: 1px;
	}
	.footer-link-box .footer-link01,
	.footer-link-box .footer-link02,
	.footer-link-box .footer-link03,
	.footer-link-box .footer-link04 {
		background-size: 420%;
		padding: 50px 32px;
	}
	.footer-link-box .footer-link01:hover,
	.footer-link-box .footer-link02:hover,
	.footer-link-box .footer-link03:hover,
	.footer-link-box .footer-link04:hover {
		background-size: 440%;
	}
}
/* 420px (iPhone) */
@media screen and (max-width:420px) {
	.hero {
    	background-size: 350%;
	}
}