@charset "utf-8";

	.ed_main_ecbo {
		width:1240px;
		margin:0 auto;
	}
	.ed_main_ecbo h1 {
		border: none;
	}
	@media screen and (max-width: 960px) {
		.ed_main_ecbo {
			width:100%;
			margin:0;
		}
	}
	/* original */
	
	.p_asset {
		display: block;
	}
	.p_asset_ib {
		display: inline-block;
	}
	.p_asset_i {
		display: inline;
	}
	.s_asset, .s_asset_ib, .s_asset_i {
		display: none;
	}
	.tuyu {
		color: #333;
		text-align: justify;
		font-feature-settings: 'palt';
		letter-spacing: 0.05em;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	.tuyu a img {
		border: none;
	}
	.tuyuTitle h1 {
		margin: 0;
		padding: 0;
		height: 500px;
		overflow: hidden;
		position: relative;
	}
	
	.tuyuTitle li {
		display: inline-block;
		width: 33%;
		text-align: center;
		vertical-align: top;
		background: #fff;
	}
	
	
	.tuyuTitle h1 img {
		position: absolute;
	}
	.tuyuTitle h1 img.elm1 {
		top: 25px;
		left: 45px;
	}
	.tuyuTitle h1 img.elm0 {
		transition: all 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
		opacity: 0;
	}
	.tuyuTitle h1.anim img.elm0 {
		opacity: 1;
	}
	.tuyuTitle h1 img.elm1 {
		transition: all 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
		opacity: 0;
		-webkit-transform: translate3d(0,0,30px,0);
		-ms-transform: translate3d(0,0,30px,0);
		transform: translate3d(0,0,30px,0);
	}
	
	.tuyuTitle h1 img.elm2 {
		transition: all 3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
		opacity: 2;
		-webkit-transform: translate3d(0,0,15px,0);
		-ms-transform: translate3d(0,0,15px,0);
		transform: translate3d(0,0,15px,0);
	}
	
	.tuyuTitle h1.anim img.elm1 {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.tuyu h2 {
		color: #1060D1;
		border-left: 0.6em solid #1060D1;
		padding-left: 0.3em;
		margin: 20px 15px 10px;
		font-size: 2em;
	}
	.tuyu p {
		margin: 10px 15px 20px;
		border-top: 1px solid #1060D1;
		padding-top: 15px;
		font-size: 1.5em;
	}
	#tuyuFeature {
		background: repeating-linear-gradient(90deg, #D5EDFF, #D5EDFF 7px, #DFF3FF 0, #DFF3FF 14px);
		padding: 30px 15px;
		margin: 30px 0px 0px 0px;

	}
	#tuyuFeature li {
		display: inline-block;
		width: 545px;
		background-color: #fff;
		padding: 20px;
		border-radius: 20px;
		text-align: center;
		margin-bottom: 30px;
		vertical-align: top;
	}
	#tuyuFeature li:nth-child(2n) {
		margin-left: 10px;
	}
	#tuyuFeature li a.elm0 {
		display: block;
		line-height: 0;
	}
	#tuyuFeature li a.elm0 img {
		width: 100%;
		height: auto;
		transition: all 0.2s ease;
	}
	#tuyuFeature li a.elm0:hover img {
		opacity: 0.8;
	}
	#tuyuFeature li h3 {
		color: #0E5DCF;
		font-size: 1.4em;
		height: 3em;
		text-align: left;
		margin: 15px 0 10px;
	}
	#tuyuFeature li p {
		border: none;
		margin: 15px 0 20px;
		padding: 0;
		text-align: justify;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	#tuyuFeature li h3 + p {
		color: #888;
		font-size: 0.8em;
		margin: 0 0 15px;
	}
	#tuyuFeature li h3 + p + p {
		height: 4.5em;
	}
	#tuyuList ul {
		padding: 0 15px;
		text-align: left;
		background: repeating-linear-gradient(90deg, #D5EDFF, #D5EDFF 7px, #DFF3FF 0, #DFF3FF 14px);
	}
	#tuyuList li {
		display: inline-block;
		width: 253px;
		margin: 8px 5px;
		border: 2px solid #0E5DCF;
		padding: 15px;
		text-align: center;
		vertical-align: top;
		background: #fff;
	}
	#tuyuList li h3 {
		color: #0E5DCF;
		font-size: 1.3em;
		line-height: 1.3em;
		height: 2.5em;
		text-align: left;
		margin: 10px 0 10px;
	}
	#tuyuList li a.elm0 {
		display: block;
		line-height: 0;
	}
	#tuyuList li a.elm0 img {
		width: 100%;
		height: auto;
		transition: all 0.2s ease;
	}
	#tuyuList li a.elm0:hover img {
		opacity: 0.8;
	}
	#tuyuList li p {
		border: none;
		margin: 5px 0 10px;
		padding: 0;
		text-align: justify;
		font-size: 0.95em;
		line-height: 1.5em;
	}
	#tuyuList li h3 + p {
		color: #888;
		font-size: 0.8em;
		margin: 0 0 15px;
	}
	#tuyuList li h3 + p + p {
		height: 6em;
	}
	
	.tuyu a.button1,
	.tuyu a.button2,
	.tuyu div.button2 {
		display: inline-block;
		margin: 5px 0;
		padding: 10px 15px;
		line-height: 0;
		border: none;
		border-radius: 8px;
		background-color: #ff9900;
		transition: all 0.2s ease;
	}
	.tuyu a.button3,
	.tuyu a.button4 {
		display: block;
		margin: 5px 0;
		padding: 6px 0;
		line-height: 0;
		border: none;
		border-radius: 4px;
		background-color: #ff9900;
		transition: all 0.2s ease;
	}
	.tuyu a.button1:hover,
	.tuyu a.button2:hover,
	.tuyu a.button3:hover,
	.tuyu a.button4:hover {
		opacity: 0.8;
	}
	
	a img:hover {
		opacity: 0.8;
	}
	
	#tuyuFeature a img {
		margin:8px 0px 0px 0px;
	}
	
	.tuyu a.button1,
	.tuyu a.button3 {
		
		display: inline-block;
		margin: 1px 1px 10px 1px;
		padding: 10px 15px;
		line-height: 0;
		border: none;
		border-radius: 8px;
		transition: all 0.2s ease;
		background-color: #0E5DCF;
	}
	.button5{
		display: inline-block;
		margin: 1px 1px 1px 1px;
		padding: 10px 15px;
		line-height: 0;
		border: none;
		border-radius: 8px;
		transition: all 0.2s ease;
		background-color: #13A0EF;
	}
	
	
	.tuyu a.button2,
	.tuyu a.button4 {
		background-color: #0FB2CF;
	}
	.tuyu div.button2 { /* dummy-btn */
		background-color: transparent;
		transition: none;
		width: 100%;
		height: 15px;
	}
	
	#tuyuList li img{
			margin: 2px;
		}
		
	@media screen and (min-width: 960px) {
	.tmtuyu{
	margin-bottom: 2%;
	}
	.sp{
	display: none;
	}
	}

	@media screen and (max-width: 960px) {
		.pc{
		display: none;
		}
		.s_asset {
			display: block;
		}
		.p_asset {
			display: none;
		}
		.s_asset {
			display: block;
		}
		.s_asset_ib {
			display: inline-block;
		}
		.s_asset_i {
			display: inline;
		}
		.p_asset, .p_asset_ib, .p_asset_i {
			display: none;
		}
		.ed_main_ecbo {
			margin-left: -2.1%;
			width: 104.2%;
			overflow: hidden;
		}
		.ed_main_ecbo img {
			max-width: 100%;
			height: auto;
		}
		.tuyuTitle h1 {
			padding: 2% 3%;
			height: auto;
			margin-bottom: 4%;
		}
		.tuyuTitle h1 img.elm0 {
			margin: -2% -3%;
		}
		.tuyuTitle h1 img.elm1 {
			position: relative;
			top: 0;
			left: 0;
		}
		.tuyuTitle h1 img.elm1 {
			-webkit-transform: translate3d(0,5%,0);
			-ms-transform: translate3d(0,5%,0);
			transform: translate3d(0,5%,0);
		}
		
		.tuyuTitle li {
			display: inline-block;
			width: 48%;
			text-align: center;
			vertical-align: top;
			background: #fff;
		}
		
		.tuyu h2 {
			border-left: 0.4em solid #1060D1;
			padding-left: 0.2em;
			margin: 2% 5% 1% 3%;
			font-size: 1.4em;
			line-height: 1.2em;
		}
		.tuyu p {
			border: none;
			margin: 2% 4% 4%;
			padding-top: 1%;
			font-size: 1em;
		}
		#tuyuFeature {
			padding: 2% 2%;
		}
		#tuyuFeature li {
			display: block;
			width: 92%;
			padding: 3% 3% 1%;
			border-radius: 8px;
			margin: 3% 1%;
		}
		#tuyuFeature li:nth-child(2n) {
			margin-left: 1%;
		}
		#tuyuFeature li a.elm0 img {
			transition: none;
		}
		#tuyuFeature li a.elm0:active img {
			opacity: 0.8;
		}
		#tuyuFeature li h3 {
			font-size: 1.2em;
			height: auto;
			margin: 3% 1% 2%;
			line-height: 1.2em;
		}
		#tuyuFeature li p {
			margin: 2% 1%;
			font-size: 1em;
			line-height: 1.4em;
		}
		#tuyuFeature li h3 + p {
			font-size: 0.8em;
			margin: 0 1% 3%;
		}
		#tuyuFeature li h3 + p + p {
			height: auto;
			margin-bottom: 5%
		}
		
		#tuyuList {
			padding: 2% 0;
		}
		#tuyuList ul {
			padding: 0 2%;
		}
		#tuyuList li {
			display: block;
			width: 86%;
			margin: 3% 2%;
			border: 1px solid #0E5DCF;
			padding: 5% 5% 2%;
		}
		#tuyuList li h3 {
			font-size: 1.2em;
			height: auto;
			margin: 3% 0;
		}
		#tuyuList li a.elm0 img {
			transition: none;
		}
		#tuyuList li a.elm0:active img {
			opacity: 0.8;
		}
		
		#tuyuList li p {
			border: none;
			margin: 2% 0;
			line-height: 1.4em;
		}
		#tuyuList li h3 + p {
			font-size: 0.8em;
			margin: 2% 0;
		}
		#tuyuList li h3 + p + p {
			height: auto;
			margin-bottom: 5%;
		}
		.tuyu a.button1,
		.tuyu a.button2 {
			display: block;
			margin: 3% 0;
			padding: 4% 2%;
			border-radius: 4px;
			transition: none;
		}
		.button5 {
			display: block;
			margin: 3% 0;
			padding: 4% 2%;
			border-radius: 4px;
			transition: none;
		}
		
		.tuyu div.button2 {
			display: none;
		}
		.tuyu a.button3,
		.tuyu a.button4 {
			margin: 3% 0;
			padding: 3% 0;
			border-radius: 4px;
			transition: none;
		}
		.tuyu a.button1:active,
		.tuyu a.button2:active,
		.tuyu a.button3:active,
		.tuyu a.button4:active {
			opacity: 0.8;
		}
		
		div .roomtab {
			margin: 2% 5% 1% 3%;	
		}
		#t_title {
 			margin-top:-65px;
  			padding-top:65px;
		}

	}