@CHARSET "UTF-8";

/* 共通設定 */
body{
    font-family : '游明朝',
        YuMincho,    /* Mac用 */
		'Yu Mincho','YuMincho', /* Windows用 */
		"Sawarabi Mincho", /* Android用 */
		'MS Serif',
    serif;
	margin:0px;
	padding:0px;
	width:100%;
	max-width:1280px;
	margin-left:auto;    /* 左側マージン */
	margin-right:auto;   /* 右側マージン */
	text-align:center;   /* ページ内表示位置設定 */
	outline-offset: 0px; /* オフセット設定 */
}

.main {
	background-image: url("../WebContent/line.jpg");
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	background-position:0 65%;
}

/* トップコンテンツ */
.top {
	position: relative;
}

.top img {
	width:100%;
	max-width:1280px;
}

#TopImage {
	width:100%;
	max-width:1280px;
}

#Logo1 {
	position: absolute;
	top: 3rem;
	left: 5rem;
	width: 100px;
}

.top p.Menu {
	position: absolute;
	top: 2rem;
	right: 2rem;
	color: white;
	font-size: 0.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.top p.CC{
	position: absolute;
	top: 48%;
	font-size: 1.4rem;
	color: white;
	width: 100%;
    animation-name: fadein;
    animation-duration: 4s;
    animation-iteration-count: 1;
}

@keyframes fadein {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#CCspan {
	text-align:center;
}

.Sentence1 {
	font-size: 1.2rem;
	margin-top: 1.5rem;
}


/* 事業内容共通設定 */

h1,h2 {
	margin-top: 8rem;
	font-size: 2.9rem;
}

.Suffix {
	font-size: 0.9rem;
	margin-top: -1.5rem;
	margin-bottom: 6rem;
}

.BusinessInfo img {
	width:100%;
}


/* 01.資産形成コンサルティング事業 */

.BusinessInfo1 {
	position: relative;
}

.BusinessImage1 {
	position: absolute;
	z-index: 2;
	max-width:560px;
	margin-top: 4rem;
	margin-left: 7.5rem;
}

.Business1 {
	position: absolute;
	z-index: 3;
	font-size: 1.1rem;
	margin-left: 2.5rem;
	border: solid 1px #000000;
	padding: 16px 10px 16px 10px;
	width :420px;
}

.Summary1 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 1rem;
	margin-top: 26rem;
	margin-left: 15rem;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 37rem;
	max-width:37rem;
}

.No1 {
	position: absolute;
	font-size: 6.5rem;
	margin-top: 33rem;
	margin-left: 4rem;
}


/* 02.プロパティマネジメント事業 */

.BusinessInfo2 {
	position: relative;
	margin-top: 65rem;
}

.BusinessImage2 {
	position: absolute;
	z-index: 2;
	max-width:560px;
	margin-top: 4rem;
	margin-left: 36rem;
}

.Business2 {
	position: absolute;
	z-index: 3;
	font-size: 1.1rem;
	margin-left: 48rem;
	border: solid 1px #000000;
	padding: 16px 10px 16px 10px;
	width :420px;
}

.Summary2 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 1rem;
	margin-top: 26rem;
	margin-left: 20rem;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 32rem;
	max-width:32rem;
}

.No2 {
	position: absolute;
	font-size: 10rem;
	margin-top: 1.5rem;
	margin-left: 18.5rem;
}


/* 03.リフォーム事業 */

.BusinessInfo3 {
	position: relative;
	margin-top: 120rem;
}

.BusinessImage3 {
	position: absolute;
	z-index: 2;
	max-width:560px;
	margin-top: 4rem;
	margin-left: 7.5rem;
}

.Business3 {
	position: absolute;
	z-index: 3;
	font-size: 1.1rem;
	margin-left: 2.5rem;
	border: solid 1px #000000;
	padding: 16px 10px 16px 10px;
	width :420px;
}

.Summary3 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 1rem;
	margin-top: 26rem;
	margin-left: 15rem;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 35rem;
	max-width:35rem;
}

.No3 {
	position: absolute;
	font-size: 7.5rem;
	margin-top: 15rem;
	margin-left: 46rem;
}


/* 04.アパレル商品等の卸・販売及び輸出入 */

.BusinessInfo4 {
	position: relative;
	margin-top: 170rem;
}

.BusinessImage4 {
	position: absolute;
	z-index: 2;
	max-width:560px;
	margin-top: 4rem;
	margin-left: 36rem;
}

.Business4 {
	position: absolute;
	z-index: 3;
	font-size: 1.1rem;
	margin-left: 44rem;
	border: solid 1px #000000;
	padding: 16px 10px 16px 10px;
	width :515px;
}

.Summary4 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 1rem;
	margin-top: 26rem;
	margin-left: 21rem;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 30rem;
	max-width:30rem;
}

.No4 {
	position: absolute;
	font-size: 7.7rem;
	margin-top: -1rem;
	margin-left: 22rem;
}


/* 05.車両の販売・買取、整備・修理 */

.BusinessInfo5 {
	position: relative;
	margin-top: 220rem;
}

.BusinessImage5 {
	position: absolute;
	z-index: 2;
	max-width:560px;
	margin-top: 4rem;
	margin-left: 7.5rem;
}

.Business5 {
	position: absolute;
	z-index: 3;
	font-size: 1.1rem;
	margin-left: 2.5rem;
	border: solid 1px #000000;
	padding: 16px 10px 16px 10px;
	width :340px;
}

.Summary5 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 1rem;
	margin-top: 26rem;
	margin-left: 15rem;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 35rem;
	max-width:35rem;
}

.No5 {
	position: absolute;
	font-size: 9rem;
	margin-top: 1rem;
	margin-left: 46rem;
}


/* 代表挨拶 */

.Greeting {
	position: relative;
	width: 100%;
	margin-top: 300rem;
	background-color:#b6bebd;
}

.Greeting span {
	border: solid 1px #000000;
	padding: 12px 60px 12px 60px;
}

.GreetingTitle {
	font-size: 1.6rem;
}

.GreetingSummary {
	text-align: left;
	font-size: 1.1rem;
	width: 100%;
}

#Summry {
	margin-left: 20%;
}

.CEO {
    font-family : 'UD デジタル 教科書体 NP-R';
	font-size: 1.4rem;
	text-align: right;
	margin-right: 32%;
}

.Name {
    font-family : 'UD デジタル 教科書体 NP-R';
	font-size: 1.9rem;
	text-align: right;
	margin-top: -3.8rem;
	margin-right: 10%;
}


/* 企業情報 */

.line {
	background-image: url("../WebContent/line.jpg");
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:cover;
	background-position: 0 60%;
}

.Company {
	margin-left: 15%;
	margin-right: 15%;
	background-color:#ffffff;
}

.CompanyTitle {
	font-size: 1.1rem;
	border: solid 1px #000000;
	padding: 15px 80px 12px 80px;
	width: 8rem;
	margin-bottom: 5rem;
	text-align: center;
}

.ConpanyInfo {
	text-align: left;
	font-size: 1.1rem;
}

.Access {
	margin-left: 15%;
	margin-right: 15%;
	background-color:#ffffff;
}

.AccessTitle {
	font-size: 1.1rem;
	border: solid 1px #000000;
	padding: 15px 80px 12px 80px;
	width: 8rem;
	margin: 0 0 5rem auto;
	text-align: right;
}

.AccessInfo {
	text-align: right;
	font-size: 1.1rem;
}

#map {
	height: 600px;
	margin-top: 6rem;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 15rem;
}


/* 外部リンク */
.LinkInfo {
	margin-left: 15%;
	margin-right: 15%;
}

.Logo2 {
	width: 100px;
}

#Logo2 {
	text-align: left;
}

.Up {
	width: 100px;
}

#Up {
	text-align: right;
	margin-top: -125px;
}

#LinkDetail {
	position: relative;
	height: 25px;
}

#LinkDetail p {
	position: absolute;
    font-size:0.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#LinkDetail p:hover {
	color: #808080;
}

.BusinessLink {
	margin-left: 0;
	width: 130px;
}

.CompanyLink {
	margin-left: 26%;
	width: 130px;
}

.InstagramLink {
	margin-left: 52%;
	width: 200px;
	color: black;
}

.AccessLink {
	margin-left: 86%;
	width: 130px;
}


/* コピーライト */
footer{
    font-family : '游明朝',
        YuMincho,    /* Mac用 */
		'Yu Mincho','YuMincho', /* Windows用 */
		"Sawarabi Mincho", /* Android用 */
		'MS Serif',
    serif;
    text-align: center;
    margin:100px 0px 50px 0px;
    font-size:0.8rem;
}