@charset "utf-8";

#Other .sec01 {
	background-image:url("img/top_pc.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height:226px;
	margin-top: 80px;
}
#Other .sec01 div {
    position: relative;
    top: 25%;
    width: 100%;
    height: auto;
    margin: 0% auto;
}

#Other .sec02 {
	text-align: center;
    position: relative;
    z-index: 0;
}

#Other .sec02-inr {
    padding-bottom: 0px;
    width:980px;
    margin: 0 auto;
    padding-bottom: 30px;
}
#Other .sec02 {
    background-repeat: no-repeat;
    background-position : 50% 0%;
}

.SubSubEng {
font-size: 1.0em;
color:#000;
font-family: 'Homemade Apple', cursive;
font-weight: 300;
margin-bottom: 20px;
}

#SMap {
	overflow: hidden;
}

.site_map li {
	text-align: left;
	padding-left: 18px;
}

.tiangle {
	position: relative;
	display: block;
	padding-left: 18px;
}

.tiangle::before {
	position: absolute;
	display: block;
	content: '';
	width: 0;
	height: 0;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #ff9d41;
}

.site_map {
	padding-bottom: 20px;
}

.site_map li a {
	color: #333;
	font-size: 15px;
}

#Other .sec02-inr .underlayer {
	width: 100%;
	position: relative;
	padding-left: 14px;
	margin-left: 22px;
}

#Other .sec02-inr .underlayer::before {
	position: absolute;
	display: block;
	content: "\0bb";
	color: #ff9d41;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

#Other .sec02-inr .underlayer a {
	font-size: 3.73vw;
}

#Company {
	padding-bottom: 80px;
}

#Company p {
	padding-bottom: 20px;
}

#Company a {
	color: #333;
}

#Policy {
	text-align: left;
}

#Policy li {
	font-size: 0.8em;
	padding-bottom: 10px;
}



@media screen and (min-width: 736px) {
#sitemap,
#copo,
#privacy {
	padding-top: 150px;
	padding-bottom: 45px;
    border-top: 1px solid #603c23;
	background-image:url("img/logo50.png");
	background-repeat: no-repeat;
	background-position: 47% 24%;
}
}

@media screen and (max-width: 736px) {
#Other .sec01 div {
    width: 100%;
	}
#Other .sec01 {
	background-image:url("img/top_sp.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
	margin-top: 7%;
	}
#Other .sec01 p {
	position: relative;
	top: 39%;
	margin: 0% auto;
	width: 88%;
	}
#Other .sec02 .title img {
	margin-top: 30px;
	}

#Other .sec02-inr {
	 width: 90%;
	 margin: 0 5%;
	 height: auto;
	}
#Other .sec02-inr p{
	 width: 90%;
	 font-size: 0.9em;
	 margin: 0 auto;
	 line-height: 2.1em
}
#sitemap,
#copo,
#privacy {
	padding-top: 20%;
	padding-bottom: 45px;
    border-top: 1px solid #603c23;
	background-image:url("img/logo50.png");
	background-repeat: no-repeat;
	background-size: 38%;
	background-position: 48% 17%;
}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	#Other .sec02-inr .underlayer a {
		font-size: 13px;
	}
}

@media screen and (min-width: 1024px) {
	.site_map li:not(:first-of-type) {
		padding-top: 16px;
	}
	#Other .sec02-inr .underlayer a {
		font-size: 16px;
	}
}