@CHARSET "UTF-8";

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

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

/* トップコンテンツ */
.top {
	width:100%;
	height: 100%;
}

.top img {
	position: relative;
	max-width:100%;
}

#Logo1 {
	position: absolute;
	top: 60px;
	left: 80px;
	width: 100px;
}

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

.top p.CC{
	position: absolute;
	top: 380px;
	font-size: 1.6rem;
	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: 0.9rem;
	margin-top: 1.6rem;
	margin-bottom: 2.4rem;
}


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

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

.Suffix {
	font-size: 0.6rem;
	margin-top: -1.5rem;
	margin-bottom: 8rem;
}


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

.BusinessInfo1 {
	position: relative;
}

.BusinessImage1 {
	position: absolute;
	z-index: 2;
	margin-top: 75px;
	margin-left: 14%;
}

.Business1 {
	position: absolute;
	z-index: 3;
	font-size: 1rem;
	margin-left: 8%;
	border: solid 1px #000000;
	padding: 26px 40px 26px 40px;
	width :370px;
}

.Summary1 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 0.5rem;
	margin-top: 425px;
	margin-left: 25%;
	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: 6rem;
}


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

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

.BusinessImage2 {
	position: absolute;
	z-index: 2;
	margin-top: 75px;
	margin-left: 28%;
}

.Business2 {
	position: absolute;
	z-index: 3;
	font-size: 1rem;
	margin-left: 48%;
	border: solid 1px #000000;
	padding: 26px 40px 26px 40px;
	width :350px;
}

.Summary2 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 0.5rem;
	margin-top: 425px;
	margin-left: 13%;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 28rem;
	max-width:28rem;
}

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


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

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

.BusinessImage3 {
	position: absolute;
	z-index: 2;
	margin-top: 75px;
	margin-left: 14%;
}

.Business3 {
	position: absolute;
	z-index: 3;
	font-size: 1rem;
	margin-left: 8%;
	border: solid 1px #000000;
	padding: 26px 40px 26px 40px;
	width :350px;
}

.Summary3 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 0.5rem;
	margin-top: 425px;
	margin-left: 25%;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 37rem;
	max-width:37rem;
}

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


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

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

.BusinessImage4 {
	position: absolute;
	z-index: 2;
	margin-top: 75px;
	margin-left: 28%;
}

.Business4 {
	position: absolute;
	z-index: 3;
	font-size: 1rem;
	margin-left: 35%;
	border: solid 1px #000000;
	padding: 26px 40px 26px 40px;
	width :470px;
}

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

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


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

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

.BusinessImage5 {
	position: absolute;
	z-index: 2;
	margin-top: 75px;
	margin-left: 14%;
}

.Business5 {
	position: absolute;
	z-index: 3;
	font-size: 1rem;
	margin-left: 8%;
	border: solid 1px #000000;
	padding: 26px 40px 26px 40px;
	width :350px;
}

.Summary5 {
	position: absolute;
	z-index: 3;
	background-color:#ffffff;
	font-size: 0.5rem;
	margin-top: 425px;
	margin-left: 25%;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
	width: 37rem;
	max-width:37rem;
}

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


/* 代表挨拶 */

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

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

.GreetingTitle {
	font-size: 1.6rem;
}

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

#Summry {
	margin-left: 7%;
}

.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: -4rem;
	margin-right: 10%;
}


/* 企業情報 */
.line {
	background-image: url("../WebContent/line.jpg");
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:cover;
	background-position: 0 40%;
}

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

.CompanyTitle {
	font-size: 1.4rem;
	border: solid 1px #000000;
	padding: 25px 50px 22px 50px;
	width: 11rem;
	margin-bottom: 5rem;
	text-align: center;
}

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

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

.AccessTitle {
	font-size: 1.4rem;
	border: solid 1px #000000;
	padding: 25px 50px 22px 50px;
	width: 11rem;
	margin: 0 0 5rem auto;
	text-align: right;
}

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

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


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

.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: 23%;
	width: 130px;
}

.InstagramLink {
	margin-left: 49%;
	width: 215px;
	color: black;
}

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


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


/* AndroidOS対策 */
html.android .Sentence1{
	font-size: 0.5rem;
}

html.android .Summary1 {
	font-size: 0.9rem;
}

html.android .Summary2 {
	font-size: 0.9rem;
}

html.android .Summary3 {
	font-size: 0.9rem;
}

html.android .Summary4 {
	font-size: 0.9rem;
}

html.android .Summary5 {
	font-size: 0.9rem;
}

html.android .GreetingSummary {
	font-size: 0.4rem;
}

html.android #Summry {
	margin-left: 9%;
}

html.android .CEO {
    font-family : "Sawarabi Mincho";
	font-size: 0.7rem;
}

html.android .Name {
    font-family : "Sawarabi Mincho";
	font-size: 0.8rem;
	margin-top: -5rem;
}

html.android .ConpanyInfo {
	font-size: 0.5rem;
}

html.android .AccessInfo {
	font-size: 0.5rem;
}

html.android #Up {
	margin-top: -135px;
}

html.android footer {
	font-size: 0.3rem;
}