/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
	
.contact_u {
    position: relative;
}

.call_u {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 1%;
    left: 25%;
    width: 50%;
	z-index: 1;
}
	
.mail_u {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 13%;
    left: 25%;
    width: 50%;
	z-index: 1;
}
	
.line_u {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
	z-index: 1;
}

.twitter_u {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 37%;
    left: 25%;
    width: 50%;
	z-index: 1;
}
.contact_d {
    position: relative;
}

.call_d {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15%;
    left: 25%;
    width: 50%;
	z-index: 1;
}
	
.mail_d {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 31%;
    left: 25%;
    width: 50%;
	z-index: 1;
}
	
.line_d {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 47%;
    left: 25%;
    width: 50%;
	z-index: 1;
}

.twitter_d {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 63%;
    left: 25%;
    width: 50%;
	z-index: 1;
}
