@charset "utf-8";




/* 全体中心揃え */
#header {
	position: relative;
}



/* ヘッダー固定 */
.sticky {
    position: fixed ;
   z-index: 1 ;
}



/* ヘッダー左上ロゴ定義 */
.header_logo {
	position: relative; top:4px; left:393px;
	display: block ;
		width: 300px;
		height: 70px;
		margin: -14px 0 0 0;
	color: rgba(0, 0, 0, 0);
	background-image: url(../../img/logo.png);
	background-size: cover;
    cursor: pointer;
}

.header_75th {
	position: relative; top:1px; left:1000px;
	display: block ;
		width: 77px;
		height: 77px;
		margin: -135px 0 -10px 0;
	color: rgba(0, 0, 0, 0);
	background-image: url(../../img/75th.png);
	background-size: cover;
    cursor: pointer;
}




/*-- 丸ボタン --*/
	.menuBtn {
		display: block;
		position: absolute;
		top: 36px;
		left: 20px;
        width: 35px;
        height: 35px;
		cursor: pointer;
		border: #333333 solid 1.5px;
		border-radius: 50%;
		background-image: url(../../img/menu.png);
		background-size: cover;
	}
	.menuBtn.menuclick {
		background-image: url(../../img/menu-close.png);
	}





/*-- メニュー内三角アイコン --*/
	#header__nav #menu-sp {
                  position: relative;
   float: left;
        font-size: 1.2rem ;
        margin: 45px 0px 10px 20px;
                line-height: 35px;
	}
    
        #header__nav #menu-sp li:nth-child(1) a::before {
		content: "";
		display: inline-block;
		width: 1px;
		height: 1px;
		margin: 12px 8px 3px 0px;
		vertical-align: top;
		border-style: solid;
		border-width: 3px 0 3px 7px;
		border-color: transparent transparent transparent #ff0064;
	}



/* 基本テキストサイズ */

    .abouttext { display: block ;
        font-size: 1rem ;

}

    .howtotext { display: block ;
        font-size: 1rem ;
        		margin: 8px 9px 0px 9px ;

}

    .productstext { display: block ;
            font-size: 1rem ;
        margin: 0px 6px 0px 40px ;

}

    .companytext { display: block ;
        font-size: 1rem ;
        		margin: 0px 0px 0px 20px ;
}

    .contacttext { display: block ;
        font-size: 1rem ;
}




    /*-- メニュー文字サイズ --*/
    	#header__nav {
		display: none;
		margin: 12px;
        font-size: 12px;
	}


/* -----------------------------
linkcolor
-------------------------------- */
.linkcolor { color: #ff0064 }



/* -----------------------------
footer
-------------------------------- */
.footer {
      margin: 0 calc(50% - 50vw);
	padding: 3px 0 3px 0;
	font-size: 0.75rem;
	text-align: center;
    color: #ccccff ;
    background-color: #000064 ;
}

.catchcopy {
      margin: 0 calc(0% - 50vw);
	padding: 2px 0 1px 0;
	font-size: 0.90rem;
	text-align: center;
    color: #ccccff ;
    background-color: #000064 ;
}