@charset "utf-8";

@media screen and ( max-width:800px ){
	/*title*/
	#title {
		width: 100%;
		/*display: none;*/
	    /*width: auto !important;*/
	}
	/*screen*/
	#bot-ui-frame{
	    border-radius: 0 !important;
	    width: 100% !important;
	    padding:0 !important;
	}
	#bot-ui-frame .chatScreen {
	    overflow-x:hidden !important;
	    padding:0 !important;
	}
	#bot-ui-frame .chatScreen::-webkit-scrollbar {
	    display: none !important;
	}
	/*message*/
	#bot-ui-frame .message{
	    margin:10px 10px 10px 5px !important;
	}
	#bot-ui-frame .message._bot > span ,#bot-ui-frame .message._me > span {
	    padding: 10px !important;
		margin-left: 0px !important;
		max-width: 330px !important;
	}
	#bot-ui-frame .welcome_message._bot > span {
		margin:auto !important;
	    max-width: 500px;
	    width: auto;
	}
	#bot-ui-frame .message._bot img {
	    max-width: 310px !important;
	}
	#bot-ui-frame .message._bot .bot_face{
    	display: none !important;	
	}
	#bot-ui-frame .welcome_message._bot .welcome_bot_face{
    	display: none !important;	
	}
	#bot-ui-frame .message._bot .mobi_bot_face{
    	display: none !important;	
	}
	/*button*/
	#bot-ui-frame .assesYes,#bot-ui-frame .assesNo,#bot-ui-frame .assesInit {
	    display:block !important;
	    width:95% !important;
	    margin:5px 0 !important;
	}
}

@media screen and ( max-width:397px ){
#last-login{
    font-size: 10px;
}
#logout-btn {
    padding: 4px 9px;
}
}

/*�lj�*/
@media screen and ( max-width:500px ){
	.header{
		height:40px; 
    margin-right: -4px;
    display: flex;
    justify-content: center;
    align-items: center;
	}

	.header_title{
		/* font-size: 1em; */
    font-size: 14px;
		position: absolute;
		margin: auto;
	}
}

/* footer */
/*power by�ƎЖ������n�_ powered by�폜 */
@media screen and ( max-width:700px ){
	.footer_item{
		display: none; 
	}
	.footer_logo{
		height: 31px;
		width: 110px;
	}
}

/* �摜�ƎЖ������n�_�@*/
@media screen and ( max-width:510px ){
	/* .footer_menu{
    display: flex;
    justify-content: left;
    position: relative;
		margin-left: 15px;
	} */

	/* ���S�Ȃ��p �����Ȃ��̉摜�ɕύX */
	.footer_logo{
		display: none;
	}
	.footer_no-logo{
		display: block;
		margin-right: 5px;
		height:  39px;
    width:   37px;
	}
}

/* �܂�Ԃ��n�_ */
@media screen and ( max-width:429px ){
	.footer_in{
		height: 42px;
		/* height: 44px; */
	}
	.footer_ul{
		font-size: 8.5pt;
		/* font-size: 9pt; */
		padding: 5px 0px 0px 10px;

	}
	.footer_link{
		margin-top: 2px;
	}

	.footer_box{
    right: 5px;
}

	.footer_logo{
		height:  31px;
    width:   100px;
    /* margin-bottom: 1px; */
	}

	/* ���S�Ȃ��p */
	.footer_no-logo{
		margin-right: 5px;
		height: 37px;
		width: 36px;
	}

}


@media screen and ( max-width:360px ){
	.footer_menu{
		margin-left: 5px;
	}

}