@media screen and (max-width:559px){

	#allcontents, #backscreen {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: -100;
	}

	#background_logo1 {
		width: 70%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#background_logo2 {
		width: 70%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
		background-size: 70%; 
	}

	#background_logo3 {
		width: 70%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
		background-size: 70%; 
	}

	#background_logo4 {
		width: 70%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
		background-size: 70%; 
	}

	#home_top_contents {
		padding-top: 200px;
		height: 550px;
		padding-bottom: 120px;
	}

	#catchphrase_eng {
		font-size: 1.6em;
		text-align: center;
		opacity: 0;
		margin-top: 50px;
		margin-left: 5%;
		margin-right: 5%;
	}

	#catchphrase_eng.showUp {
		transition: opacity 1.5s, margin-top 1.5s;
		opacity: 1;
		margin-top: 20px;
	}

	#catchphrase {
		font-size: 1.1em;
		text-align: center;
		opacity: 0;
		margin-top: 50px;
		margin-left: 5%;
		margin-right: 5%;
	}

	#catchphrase.showUp {
		transition: opacity 1.5s, margin-top 1.5s;
		opacity: 1;
		margin-top: 20px;
	}

	#home_top_news {
		display: none;
	}

	#home_business_contents{
		padding-top: 200px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#title_business_content {
		font-size: 1em;
	}

	#business_content_description {
		font-size: 0.8em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#home_business ul {
		list-style: none;
	}

	#home_business .home_business_list {
		list-style: none;
		padding-left: 15%;
		position:relative;
		width: 80%;
	}

	#home_business .home_business_point:after, #home_business .home_business_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_business .home_business_point:before {
		width: 11px;
		height: 11px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.home_business_point_list {
		padding: 0;
		margin: 0;
	}

	.home_business_point {
		font-size: 0.8em;
		padding-bottom: 1.0em;
	}

	.home_business_point_description {
		font-size: 0.7em;
	}

	#home_feature_contents {
		padding-top: 200px;
		padding-left: 10%;
		padding-bottom: 120px;
		height: 550px;
	}

	#title_feature {
		font-size: 1em;
	}

	#feature_description {
		font-size: 0.8em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#home_feature ul {
		list-style: none;
	}

	#home_feature .home_feature_list {
		list-style: none;
		padding-left: 15%;
		width: 80%;
		position:relative;
	}

	#home_feature .home_feature_point:after, #home_feature .home_feature_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_feature .home_feature_point:before {
		width: 11px;
		height: 11px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.home_feature_point_list {
		padding: 0;
		margin: 0;
	}

	.home_feature_point{
		font-size: 0.8em;
		padding-bottom: 1.0em;
	}

	.home_feature_point_description {
		font-size: 0.7em;
	}

	#home_contact_contents {
		padding-top: 200px;
		padding-left: 10%;
		height: 550px;
		padding-bottom: 120px;
	}

	#title_contact {
		font-size: 1em;
	}

	#home_contact ul {
		list-style: none;
	}

	#home_contact .home_contact_list {
		list-style: none;
		padding-left: 15%;
		width: 80%;
		position:relative;
	}

	#home_contact li {
		margin-bottom: 1em;
		font-size: 0.8em;
	}

	#home_contact .home_contact_point:after, #home_contact .home_contact_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_contact .home_contact_point:before {
		width: 11px;
		height: 11px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}
}
@media screen and (min-width:560px){

	#allcontents, #backscreen {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: -100;
	}

	#background_logo1 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#background_logo2 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#background_logo3 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#background_logo4 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#content_link_top,
	#content_link_business,
	#content_link_feature,
	#content_link_contact {
		font-size: 12px;
	}

	#content_linkbar_top {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_business {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_feature {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_contact {
		display: none;
		position: absolute;
		width: 60px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#home_top_contents {
		padding-top: 200px;
		height: 550px;
		padding-left: 0%;
		padding-bottom: 120px;
	}

	#catchphrase_eng {
		font-size: 2em;
		text-align: center;
		opacity: 0;
		margin-top: 50px;
	}

	#catchphrase_eng.showUp {
		transition: opacity 1.5s, margin-top 1.5s;
		opacity: 1;
		margin-top: 20px;
	}

	#catchphrase {
		text-align: center;
		opacity: 0;
		margin-top: 50px;
	}

	#catchphrase.showUp {
		transition: opacity 1.5s, margin-top 1.5s;
		opacity: 1;
		margin-top: 20px;
	}

	#home_top_news {
		position: absolute;
		right:49px;
		bottom:20%;
		width: 320px;
		height: 65px;
		background-color: #ebeef7;
		overflow-y: scroll;
		opacity: 0.9;
	}

	#home_top_news_title {
		color: #541eeb;
		font-size: 12px;
		margin-top:5px;
		margin-left:5px;
		font-weight: 700;
	}

	#home_top_news dl {
		width: 290px ;
		margin-top: 0px;
		margin-left:10px;
	}

	#home_top_news dt,
	#home_top_news dd {
		padding-top:10px;
	}

	#home_top_news dt {
		float: left;
		clear: right;
		font-size: 12px;
		margin-right: 0.5em ;
		width: 90px ;
	}

	#home_top_news dd {
		margin-left: 0px;
		font-size: 12px;

		padding-left:95px;
		padding-bottom:10px;
		border-bottom: 1px solid #ccc;
	}

	#home_top_news dd:last-child {
		border-bottom: none;
	}

	#home_top_news ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#home_top_news li {
		padding: 0;
		margin: 0;
		font-size: 12px;
		position: relative;
	}

	#home_top_news::-webkit-scrollbar{
	  width: 10px;
	}

	#home_top_news::-webkit-scrollbar-track{
	  background: #fff;
	  border: none;
	  border-radius: 10px;
	  box-shadow: inset 0 0 2px #777; 
	}

	#home_top_news::-webkit-scrollbar-thumb{
	  background: #ccc;
	  border-radius: 10px;
	  box-shadow: none;
	}

	#home_top_news_more {
		font-size: 12px;
		text-align: center;
	}

	#home_business_contents{
		padding-top: 200px;
		padding-left: 23%;
		padding-bottom: 120px;
		height: 550px;
	}

	#title_business_content {
		font-size: 1.2em;
	}

	#business_content_description {
		font-size: 0.9em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#home_business ul {
		list-style: none;
	}

	#home_business .home_business_list {
		list-style: none;
		padding-left: 15%;
		position:relative;
		width: 80%;
	}

	#home_business .home_business_point:after, #home_business .home_business_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_business .home_business_point:before {
		width: 12px;
		height: 12px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.home_business_point_list {
		padding: 0;
		margin: 0;
	}

	.home_business_point {
		font-size: 0.9em;
		padding-bottom: 1.2em;
	}

	.home_business_point_description {
		font-size: 0.7em;
	}

	#home_feature_contents {
		padding-top: 200px;
		padding-left: 23%;
		padding-bottom: 120px;
		height: 550px;
	}

	#title_feature {
		font-size: 1.2em;
	}

	#feature_description {
		font-size: 0.9em;
		width: 85%;
		padding-left: 5%;
		padding-top: 1em;
	}

	#home_feature ul {
		list-style: none;
	}

	#home_feature .home_feature_list {
		list-style: none;
		padding-left: 15%;
		position:relative;
		width: 80%;
	}

	#home_feature .home_feature_point:after, #home_feature .home_feature_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_feature .home_feature_point:before {
		width: 12px;
		height: 12px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.home_feature_point_list {
		padding: 0;
		margin: 0;
	}

	.home_feature_point{
		font-size: 0.9em;
		padding-bottom: 1.2em;
	}

	.home_feature_point_description {
		font-size: 0.7em;
	}

	#home_contact_contents {
		padding-top: 200px;
		padding-left: 23%;
		height: 550px;
		padding-bottom: 120px;
	}

	#title_contact {
		font-size: 1.2em;
	}

	#home_contact ul {
		list-style: none;
	}

	#home_contact .home_contact_list {
		list-style: none;
		padding-left: 12%;
		width: 80%;
		position:relative;
	}

	#home_contact li {
		margin-bottom: 1.2em;
		font-size: 0.9em;
	}

	#home_contact .home_contact_point:after, #home_contact .home_contact_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_contact .home_contact_point:before {
		width: 12px;
		height: 12px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}
}
@media screen and (min-width:960px){

	#allcontents, #backscreen {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: -100;
	}

	#background_logo1 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#background_logo2 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#background_logo3 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#background_logo4 {
		width: 378px;
		height: 359px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		opacity: 0.0;
		z-index: -99;
	}

	#home_top_contents {
		padding-top: 200px;
		height: 550px;
		padding-bottom: 120px;
		padding-left: 0%;
	}

	#catchphrase_eng {
		font-size: 2.2em;
		text-align: center;
		opacity: 0;
		margin-top: 50px;
	}

	#catchphrase_eng.showUp {
		transition: opacity 1.5s, margin-top 1.5s;
		opacity: 1;
		margin-top: 20px;
	}

	#catchphrase {
		text-align: center;
		font-size: 1.0em;
		opacity: 0;
		margin-top: 50px;
	}

	#catchphrase.showUp {
		transition: opacity 1.5s, margin-top 1.5s;
		opacity: 1;
		margin-top: 20px;
	}

	#home_top_news {
		position: absolute;
		right:49px;
		bottom:20%;
		width: 320px;
		height: 65px;
		background-color: #ebeef7;
		overflow-y: scroll;
		opacity: 0.9;
	}

	#home_top_news_title {
		color: #541eeb;
		font-size: 12px;
		margin-top:5px;
		margin-left:5px;
		font-weight: 700;
	}

	#home_top_news dl {
		width: 290px ;
		margin-top: 0px;
		margin-left:10px;
	}

	#home_top_news dt,
	#home_top_news dd {
		padding-top:10px;
	}

	#home_top_news dt {
		float: left;
		clear: right;
		font-size: 12px;
		margin-right: 0.5em ;
		width: 90px ;
	}

	#home_top_news dd {
		margin-left: 0px;
		font-size: 12px;

		padding-left:95px;
		padding-bottom:10px;
		border-bottom: 1px solid #ccc;
	}

	#home_top_news dd:last-child {
		border-bottom: none;
	}

	#home_top_news ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#home_top_news li {
		padding: 0;
		margin: 0;
		font-size: 12px;
		position: relative;
	}

	#home_top_news::-webkit-scrollbar{
	  width: 10px;
	}

	#home_top_news::-webkit-scrollbar-track{
	  background: #fff;
	  border: none;
	  border-radius: 10px;
	  box-shadow: inset 0 0 2px #777; 
	}

	#home_top_news::-webkit-scrollbar-thumb{
	  background: #ccc;
	  border-radius: 10px;
	  box-shadow: none;
	}

	#home_top_news_more {
		font-size: 12px;
		text-align: center;
	}

	#content_linkbar_top {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_business {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_feature {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#content_linkbar_contact {
		display: none;
		position: absolute;
		width: 70px;
		height: 2px;
		left: -5px;
		top: 36px;
		background:linear-gradient(to right, #5722eb, #c4d2f5);
		z-index: -1;
	}

	#home_business_contents{
		padding-top: 200px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 550px;
	}

	#title_business_content {
		font-size: 30px;
	}

	#business_content_description {
		font-size: 1.0em;
		width: 85%;
		padding-top: 1em;
		padding-left: 5%;
	}

	#home_business ul {
		list-style: none;
	}

	#home_business .home_business_list {
		list-style: none;
		padding-left: 15%;
		position:relative;
		width: 80%;
	}

	#home_business .home_business_point:after, #home_business .home_business_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_business .home_business_point:before {
		width: 16px;
		height: 16px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.home_business_point_list {
		padding: 0;
		margin: 0;
	}

	.home_business_point {
		font-size: 1.0em;
		padding-bottom: 1.7em;
	}

	.home_business_point_description {
		font-size: 0.7em;
	}

	#home_feature_contents {
		padding-top: 200px;
		padding-left: 25%;
		padding-bottom: 120px;
		height: 550px;
	}

	#title_feature {
		font-size: 30px;	
	}

	#feature_description {
		font-size: 1.0em;
		width: 85%;
		padding-top: 1em;
		padding-left: 5%;
	}

	#home_feature ul {
		list-style: none;
	}

	#home_feature .home_feature_list {
		list-style: none;
		padding-left: 15%;
		position:relative;
		width: 80%;
	}

	#home_feature .home_feature_point:after, #home_feature .home_feature_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_feature .home_feature_point:before {
		width: 16px;
		height: 16px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}

	.home_feature_point_list {
		padding: 0;
		margin: 0;
	}

	.home_feature_point{
		font-size: 1.0em;
		padding-bottom: 1.7em;
	}

	.home_feature_point_description {
		font-size: 0.7em;
	}

	#home_contact_contents {
		padding-top: 200px;
		padding-left: 25%;
		height: 550px;
		padding-bottom: 120px;
	}

	#title_contact {
		font-size: 30px;
	}

	#home_contact ul {
		list-style: none;
	}

	#home_contact .home_contact_list {
		list-style: none;
		padding-left: 12%;
		position:relative;
		width: 80%;
	}

	#home_contact li {
		margin-bottom: 1.5em;
		font-size: 1.0em;
	}

	#home_contact .home_contact_point:after, #home_contact .home_contact_point:before {
	 	content:'';
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		transform: rotate(45deg);
	}

	#home_contact .home_contact_point:before {
		width: 16px;
		height: 16px;
		background:linear-gradient(to top right, #5722eb, #c4d2f5);
		margin-top:6px;
		margin-left:-25px;
		z-index: -1;
	}
}