@charset "UTF-8";
/* CSS Document */


/*グラフィックサインページ背景全体*/
.graphic-back01{
background-image: url("../images/top_img002_back.jpg");
position: absolute;
right:-10px;
top: 50%;
width: 671px;
height:3000px;
background-repeat: no-repeat; 
z-index: -1;
}

.graphic-back02{
background-image: url("../images/top_img001_back.jpg");
position: absolute;
left:-10px;
top: 50%;
width: 661px;
height:3000px;
background-repeat: no-repeat; 
z-index: -1;
}


/*********追従*********/
#g-side_menu01 {
position: fixed;
bottom: 425px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
color: #ffffff;
background: #e42f54;
background-image:url("../images/access_icon.png");
background-repeat: no-repeat;
background-size: 33%;
background-position: 50% 30%;
text-decoration: none;
font-weight: bold;
border: solid 1.5px #ffffff;
}

#g-side_menu01:hover {
color: #ffffff;
position: fixed;
bottom: 425px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
background: #e42f54;
background-image:url("../images/access_icon.png");
background-repeat: no-repeat;
background-size: 40%;
background-position: 50% 25%;
text-decoration: none;
font-weight: bold;
}

.g-access_icon{
font-size: 14px;
text-align: center;
margin-left: 3px;
margin-top: 70%;
}


.g-side_menu02 {
position: fixed;
bottom: 535px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
color: #ffffff;
background: #288bca;
background-image:url("../images/mail_icon.png");
background-repeat: no-repeat;
background-size: 52%;
background-position: 50% 30%;
text-decoration: none;
font-weight: bold;
border: solid 1.5px #ffffff;	
}

.g-side_menu02:hover {
position: fixed;
bottom: 535px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
color: #ffffff;
background: #288bca;
background-image:url("../images/mail_icon.png");
background-repeat: no-repeat;
background-size: 60%;
background-position: 50% 25%;
text-decoration: none;
font-weight: bold;	
}
	
	
.g-mail_icon{
font-size: 14px;
text-align: center;
margin-left: 3px;
margin-top: 65%;
}

@media (max-width:1570px) {
/*グラフィックサインページ背景全体*/
.graphic-back01{
display: none;
}

.graphic-back02{
display: none;
}
	
/*********追従*********/
#g-side_menu01 {
position: fixed;
bottom: 440px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
color: #ffffff;
background: #e42f54;
background-image:url("../images/access_icon.png");
background-repeat: no-repeat;
background-size: 33%;
background-position: 50% 30%;
text-decoration: none;
font-weight: bold;
border: solid 1.5px #ffffff;
}

#g-side_menu01:hover {
color: #ffffff;
position: fixed;
bottom: 440px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
background: #e42f54;
background-image:url("../images/access_icon.png");
background-repeat: no-repeat;
background-size: 40%;
background-position: 50% 25%;
text-decoration: none;
font-weight: bold;
}

.g-access_icon{
font-size: 14px;
text-align: center;
margin-left: 3px;
margin-top: 70%;
}


.g-side_menu02 {
position: fixed;
bottom: 550px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
color: #ffffff;
background: #288bca;
background-image:url("../images/mail_icon.png");
background-repeat: no-repeat;
background-size: 52%;
background-position: 50% 30%;
text-decoration: none;
font-weight: bold;
border: solid 1.5px #ffffff;	
}

.g-side_menu02:hover {
position: fixed;
bottom: 550px;
right: 50px;
z-index: 998;
width: 100vw;
width: 100px;
height:100px;
color: #ffffff;
background: #288bca;
background-image:url("../images/mail_icon.png");
background-repeat: no-repeat;
background-size: 60%;
background-position: 50% 25%;
text-decoration: none;
font-weight: bold;	
}
	
	
.g-mail_icon{
font-size: 14px;
text-align: center;
margin-left: 3px;
margin-top: 65%;
}	
}






@media (max-width:1100px) {

/*********追従*********/
#g-side_menu01 {
position: fixed;
bottom: 30px;
right: 40px;
z-index: 998;
width: 100vw;
width: 80px;
height:80px;
color: #ffffff;
background: #e42f54;
background-image:url("../images/access_icon.png");
background-repeat: no-repeat;
background-size: 33%;
background-position: 50% 30%;
text-decoration: none;
font-weight: bold;
border: solid 1.5px;
}

#g-side_menu01:hover {
color: #ffffff;
position: fixed;
bottom: 30px;
right: 40px;
z-index: 998;
width: 100vw;
width: 80px;
height:80px;
background: #e42f54;
background-image:url("../images/access_icon.png");
background-repeat: no-repeat;
background-size: 40%;
background-position: 50% 25%;
text-decoration: none;
font-weight: bold;
}

.g-access_icon{
font-size: 12px;
text-align: center;
margin-left: 3px;
margin-top: 70%;
}
	
.g-side_menu02 {
position: fixed;
bottom: 30px;
right: 130px;
z-index: 998;
width: 100vw;
width: 80px;
height:80px;
color: #ffffff;
background: #288bca;
background-image:url("../images/mail_icon.png");
background-repeat: no-repeat;
background-size: 52%;
background-position: 50% 30%;
text-decoration: none;
font-weight: bold;
border: solid 1.5px;
}

.g-side_menu02:hover {
position: fixed;
bottom: 30px;
right: 130px;
z-index: 998;
width: 100vw;
width: 80px;
height:80px;
color: #ffffff;
background: #288bca;
background-image:url("../images/mail_icon.png");
background-repeat: no-repeat;
background-size: 60%;
background-position: 50% 25%;
text-decoration: none;
font-weight: bold;
}	
	
.g-mail_icon{
font-size: 12px;
text-align: center;
margin-left: 3px;
margin-top: 65%;
}
}


/********* レスポンシブ *********/
@media screen and (max-width: 740px) {
	
/*********追従*********/
#g-side_menu01 {	
	display: none;
}
	
.g-side_menu02 {	
	display: none;
}	
}