@charset "UTF-8";



img {
	display: inline-block;
	max-width:100%;
	max-height: 100%;}

p {font-size: 3.5vw;}

.pc {display: none !important;}

.img100 {
	width: 100%;
	height: auto;}

/*-------------------------------------------------
	++ BANNERS
-------------------------------------------------*/
.BannerS {
	display: none;}

/*-------------------------------------------------
	++ TVCM BANNER
-------------------------------------------------*/
.tvcm_Banner {
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0px;
    display: flex;
	z-index:9999999999;}

.tvcm_banner_AI {
	width: 25%;
	position: relative;
	background: #2e0092 url("../../images/2022/icon_sateaitoai.svg") no-repeat center 10px;
	background-size: 40%;
	margin-bottom: 0;}
.tvcm_banner_GW {
	width: 25%;
	position: relative;
	background: #d20000 url("../../images/2022/icon_googleworkspace.svg") no-repeat center 7px;
	background-size: 35%;
	margin-bottom: 0;}
.tvcm_banner_M365 {
	width: 25%;
	position: relative;
	background: #338eff url("../../images/2022/icon_microsoft365.svg") no-repeat center 10px;
	background-size: 40%;
	margin-bottom: 0;}
.tvcm_banner_LINE {
	width: 25%;
	position: relative;
	background: #07b53b url("../../images/2022/icon_lineworks.svg") no-repeat center 7px;
	background-size: 45%;
	margin-bottom: 0;}

.tvcm_banner_AI span,
.tvcm_banner_GW span,
.tvcm_banner_M365 span,
.tvcm_banner_LINE span {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	text-align: center;
	margin: 0 auto;}

.tvcm_banner_AI a,
.tvcm_banner_GW a,
.tvcm_banner_M365 a,
.tvcm_banner_LINE a {
	height: 80px;
	display: block;
	color: #FFFFFF;
	font-size: 3vw;
	line-height: 1em;
	text-align: center;}

/*-------------------------------------------------
	++ sateraitoAI BANNER
-------------------------------------------------*/
.sateraitoAI_Banner {
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0px;
    display: flex;
	z-index:9999999999;}

.sateraitoAI_banner_contact {
	width: 100%;
	position: relative;
	background: #88008d url("../../images/2021/icon_contact.svg") no-repeat 3vw 1vw;
	background-size: 17%;
	margin-bottom: 0;}

.sateraitoAI_banner_contact span {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;}

.sateraitoAI_banner_contact a {
	height: 60px;
	display: block;
	color: #FFFFFF;
    font-weight: bold;
	font-size: 5vw;
	line-height: 60px;
	text-align: center;}

/*-------------------------------------------------
	++ worksmobile BANNER
-------------------------------------------------*/
.worksmobile_Banner {
    display: none;}