@charset "UTF-8";

#home .service-list {
	background: #00b6c1;
	background: -moz-linear-gradient(top, #00b6c1 0%, #00b0ec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00b6c1 0%,#00b0ec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00b6c1 0%,#00b0ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6c1', endColorstr='#00b0ec',GradientType=0 ); /* IE6-9 */
}

#home .service-list section {
	width:930px;
	margin:0 auto;
}

#home .service-list section:after,
#home .service-list section:before {
	content:" ";
	display:table;
}

#home .service-list section:after {
	clear:both;
}

#home .service-list section a {
	width:219px;
	height:219px;
	margin:30px 5px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg.png');
	text-decoration:none;
	float:left;
	overflow:hidden;
	display:block;
}

#home .service-list section a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#home .service-list section a.yubin {
	border:1px #008c34 solid
}

#home .service-list section a.jichitai {
	border:1px #2d1a57 solid
}

#home .service-list section a.others {
	border:1px #ca4644 solid
}

#home .service-list section a.movietop {
	border:1px #000000 solid
}

#home .service-list section a div {
	padding:21px 17px 24px 17px;
}

#home .service-list section a.yubin div {
	padding-bottom:80px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg1.png') no-repeat center 125px;
	background-size:210px;
}


#home .service-list section a.jichitai div {
	padding-bottom:110px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg2.png') no-repeat 5px 97px;
	background-size:210px;
}

#home .service-list section a.others div {
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg3.png') no-repeat 136px 115px;
	background-size:78px;
}

#home .service-list section a.movietop div {
	padding-bottom: 180px;
	background: url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/indexmovie_on.png') no-repeat center 90px;
}

/*WP用にtop動画追加分*/
#home .service-list section .indexmovie01 {
	margin-top: 15px;
	margin-left: 20px;
}

#home .service-list section .indexmovie02 {
	margin-left: 10px;
	margin-top: 18px;
}


#home .service-list section p,
#home .service-list section li {
	font-size:10px;
	line-height:14px;
}

#home .service-list section li {
	line-height:13px;
}

#home .service-list section h3 {
	width:auto;
	padding-bottom:3px;
	text-align:center;
	visibility:hidden;
}

#home .service-list section h3 img {
	display:inline-block;
}

@media (max-width: 900px) {
	#home .service-list {
		text-align:center;
	}
	#home .service-list section {
		width:auto;
		margin:0 auto;
		display:inline-block;
	}
	#home .service-list section a {
		width:210px;
	}
		#home .service-list section a.others div {
		padding-right:7px;
	}
}

@media (max-width: 680px) {
	#home .service-list section {
		width:auto;
		padding-bottom:15px;
	}
	#home .service-list section a {
		width:219px;
		margin:15px auto 0 auto;
		box-sizing:border-box;
		float:none;
	}
/*
	#home .service-list section a.yubin div {
		padding-bottom:70px;
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg1.png') no-repeat right 100px;
		background-size:210px;
	}
	#home .service-list section a.jichitai div {
		padding-bottom:110px;
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg2.png') no-repeat center 83px;
		background-size:210px;
	}
	#home .service-list section a.others div {
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg3.png') no-repeat right 115px;
		background-size:78px;
	}
	#home .service-list section a.others br {
		display:none;
	}
*/
}

.latestnews {
	padding-bottom:40px;
	background:#fff;
}

.latestnews h3 {
	width:204px;
	height:125px;
	margin:0 auto;
	position:relative;
}

.latestnews h3 img {
	top:-20px;
	position:absolute;
}

.latestnews p.facebook {
	width:650px;
	margin:0 auto;
	position:relative;
}

.latestnews p.facebook img {
	position:absolute;
	top:-23px;
	right:0;
}

.latestnews ul {
	width:650px;
	height:168px;
	padding:8px 0;
	margin:0 auto;
	border-top:2px #ebebeb solid;
	border-bottom:2px #ebebeb solid;
}

.latestnews ul li {
	padding:0 0 0 77px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-info.png') no-repeat 10px center;
}

.latestnews ul li.recruit {
	background-image:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-recruit.png');
}

.latestnews ul li.csr {
	background-image:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-csr.png');
}

.latestnews ul li.yusei {
	background-image:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-yusei.png');
}

.latestnews ul li.gyosei {
	background-image:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-gyosei.png');
}

@media (max-width: 640px) {
	.latestnews {
		padding-right:15px;
		padding-left:15px;
	}
	.latestnews p.facebook {
		width:100%;
	}
	.latestnews ul {
		width:auto;
		height:auto;
	}
	.latestnews ul li {
		padding:0 0 0 77px;
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-info.png') no-repeat 10px 5px;
	}
}

section h3 {
	width:110px;
	margin:0 auto;
}

section h4 {
	padding-top:35px;
	padding-bottom:25px;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	color:#222;
	text-align:center;
}

section.company-image {
	margin:0 auto;
	height:300px;
}

section.company-image div {
	width:100%;
	height:300px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/company-bg.jpg') no-repeat center 0;
	background-attachment: fixed;
	overflow:hidden;
}

@media (max-width: 900px) {
	section.company-image {
		height:200px;
	}
	section.company-image div {
		height:200px;
	}
}
@media (max-width: 700px) {
	section.company-image div {
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/company-bg.jpg') no-repeat center -140px;
		background-attachment:scroll;
		background-size:700px auto;
	}
}

section.company {
	padding-bottom:90px;
	background:#fff;
}

section.company h3 {
	padding-top:55px;
}

section.company a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

section.company p {
	width:650px;
	margin:0 auto;
	line-height:180%;
}

section.company p.notes {
	padding-top:21px;
	text-align:right;
}

section.company p.notes a {
	padding-right:31px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-arrow.png') no-repeat center right;
	font-size:12px;
	line-height:14px;
	color:#00b0ec;
	text-decoration:none;
	text-align:right;
	display:block;
}

section.company ul {
	width:684px;
	padding-top:45px;
	margin:0 auto;
}

section.company ul:after,
section.company ul:before {
	content:" ";
	display:table;
}

section.company ul:after {
	clear:both;
}

section.company ul li {
	width:220px;
	margin-left:9px;
	border-right:2px #e4e4e4 solid;
	border-bottom:2px #e4e4e4 solid;
	float:left;
}

section.company ul li:first-child {
	margin-left:0;
}

section.company ul li a {
	padding:6px 0;
	border:1px #00b0ec solid;
	font-size:14px;
	text-align:center;
	color:#00b0ec;
	text-decoration:none;
	display:block;
}

@media (max-width: 900px) {
	section.company ul {
		width:625px;
	}
	section.company ul li {
		width:200px;
	}
}
@media (max-width: 640px) {
	section.company {
		padding-right:15px;
		padding-left:15px;
	}
	section.company p {
		width:auto;
	}
	section.company ul {
		width:auto;
		padding-top:25px;
	}
	section.company ul li {
		width:100%;
		margin:5px 0 0 0;
		float:none;
	}
}

section.products-image {
	margin:0 auto;
	height:300px;
}

section.products-image div {
	width:100%;
	height:300px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/products-bg.jpg') no-repeat center 0;
	background-attachment: fixed;
	overflow:hidden;
}

@media (max-width: 900px) {
	section.products-image div {
		height:200px;
		background-size:1024px auto;
	}
}

@media (max-width: 700px) {
	section.products-image {
		height:200px;
	}
	section.products-image div {
		height:200px;
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/products-bg.jpg') no-repeat 0 -50px;
		background-size:700px auto;
	}
}

@media (max-width: 500px) {
	section.products-image div {
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/products-bg.jpg') no-repeat 0 0;
		background-size:500px auto;
	}
}

section.products {
	background:#fff;
}

section.products > h3 {
	padding-top:55px;
}

section.products > p {
	width:650px;
	margin:0 auto;
}

.data-group {
	width:693px;
	margin:0 auto;
}

.data-group:after,
.data-group:before {
	content:" ";
	display:table;
}

.data-group:after {
	clear:both;
}

.data-group a {
	width:219px;
	margin:30px 5px;
	text-decoration:none;
	float:left;
	display:block;
}

.data-group a .data-outer {
	height:219px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg.png');
	overflow:hidden;
}

.data-group a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


.data-group a.yubin .data-outer {
	border:1px #008c34 solid
}

.data-group a.jichitai .data-outer {
	border:1px #2d1a57 solid
}

.data-group a.others .data-outer {
	border:1px #ca4644 solid
}

.data-group a div.data {
	padding:21px 17px 24px 17px;
}

.data-group a.yubin div.data {
	padding-bottom:80px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg1.png') no-repeat center 125px;
	background-size:210px;
}


.data-group a.jichitai div.data {
	padding-bottom:110px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg2.png') no-repeat 5px 97px;
	background-size:210px;
}

.data-group a.others div.data {
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg3.png') no-repeat 136px 115px;
	background-size:78px;
}

.data-group p,
.data-group li {
	font-size:10px;
	line-height:14px;
}

.data-group li {
	line-height:13px;
}

.data-group h3 {
	width:auto;
	padding-bottom:3px;
	text-align:center;
}

.data-group h3 img {
	display:inline;
	text-align:center;
}

section.products p.notes {
	margin-top:8px;
	text-align:right;
}

section.products p.notes {
	padding-right:31px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-arrow.png') no-repeat center right;
	font-size:12px;
	line-height:14px;
	color:#00b0ec;
	text-decoration:none;
	text-align:right;
	display:block;
}

@media (max-width: 900px) {
	.products {
		text-align:center;
	}
	.data-group {
		width:auto;
		margin:0 auto;
		display:inline-block;
	}
	.data-group a {
		width:210px;
	}
	.data-group a.others div.data {
		padding-right:7px;
	}
}

@media (max-width: 680px) {
	section.products > h4,
	section.products > p {
		width:auto;
		padding-right:15px;
		padding-left:15px;
	}
	section.products h4 br {
		display:none;
	}
	.data-group {
		width:auto;
		padding-top:15px;
		padding-bottom:15px;
	}
	.data-group a {
		width:219px;
		margin:0 auto;
		box-sizing:border-box;
		float:none;
	}
	.data-group a .data-outer {
		width:auto;
		height:auto;
		box-sizing:border-box;
	}
	section.products p.notes {
		padding-bottom:15px;
	}
/*
	.data-group a.yubin div.data {
		padding-bottom:70px;
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg1.png') no-repeat right 100px;
		background-size:210px;
	}
	.data-group a.jichitai div.data {
		padding-bottom:110px;
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg2.png') no-repeat center 83px;
		background-size:210px;
	}
	.data-group a.others div.data {
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/service-list-bg3.png') no-repeat right 115px;
		background-size:78px;
	}
	.data-group a.others br {
		display:none;
	}
*/
}

section.recruit {
	background:#fff;
}

section.recruit p.banner {
	width:800px;
	padding-top:63px;
	margin:0 auto;
}

section.recruit p.banner a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

@media (max-width: 900px) {
	section.recruit p.banner {
		width:auto;
		padding:0 15px 15px 15px;
	}
	section.recruit p.banner img {
		width:100%;
	}
}

footer {
	margin-top:10px;
}


.animation img,
.animation h4 {
	visibility:
	hidden;
}
.fadeInDown {
	webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-50px);}
	100% { opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);}
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}