@charset "utf-8";
:root{
	--common-min-width:1200px;
	--common-min-height:640px;
	--main-font-family:'fot-udkakugo-large-pr6n',sans-serif;
	--main-font-weight:400;
	--vw-min:1200;

	--color-brown:#6b3c30;
	--color-orange:#f37a00;
	--color-black:#222;
	--color-lightbrown:#f3f0ef;

	--color-lb0:#AE948D;
	--color-lb1:#97766E;
	--color-lb2:#81594F;
}
@media screen and (max-width:768px){
	:root{
		--common-min-width:100%;
		--common-min-height:auto;
		--vw-min:750;
	}
}
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#fff}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none}*:focus{outline:none}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}
body{
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	color:var(--color-black);
	font-family:var(--main-font-family);
	font-style:normal;
	font-weight:var(--main-font-weight);
	letter-spacing:0.025em;
	line-height:2;
	word-wrap:break-word;
}
a{color:var(--color-black)}
a:hover{text-decoration:none}
.ah{transition:opacity .3s ease}
.ah:hover{opacity:.7}
.wf-loading {
	opacity: 0;
}
.wf-active {
	opacity: 1;
	transition: opacity 0.3s ease;
}
.nalt{
	font-feature-settings:"nalt" 4;
}
::selection{
	background:var(--color-orange);
	color:#fff;
}
::-moz-selection{
	background:var(--color-orange);
	color:#fff;
}
@media screen and (max-width:768px){
	html{
		font-size:62.5%;
	}
	body{
		font-size:calc(24 / var(--vw-min) * 100vw);
		min-width:320px;
	}
	.pc{display:none}
	.ah:hover{opacity:1}
}
@media screen and (min-width:769px){
	html{
		font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
		scrollbar-color:var(--color-orange) #fff;
		scrollbar-width:thin;
	}
	body{
		scrollbar-gutter:stable;
	}
	.sp{display:none}
	::-webkit-scrollbar{
		width:8px;
		height:8px;
	}
	::-webkit-scrollbar-track{
		background-color:#fff;
	}
	::-webkit-scrollbar-thumb{
		background-color:var(--color-orange);
		border-radius:4px
	}
}
@keyframes scrollBar{
	0%{
		top:0;
		height:0;
	}
	33%,66%{
		top:0;
		height:100%;
	}
	100%{
		top:100%;
		height:0;
	}
}
#fullWrap{
	display: flex;
}
@media screen and (max-width:768px){
	#fullWrap{
		display:block;
		overflow: hidden;
	}
}
/* ▼HEADER▼ --------------------------------- 
-------------------------------------------------*/

header{
	width: min(calc(240 / var(--vw-min) * 100vw),240px);
}
@media screen and (max-width:768px){
	header{
		width:100%;
		height:calc(96 / var(--vw-min) * 100vw);
		position: fixed;
		left:0;
		top:0;
		z-index:500;
	}
}
#headIn{
	position: fixed;
	width: min(calc(240 / var(--vw-min) * 100vw),240px);
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y:auto;
	z-index: 2;
	background:var(--color-lightbrown);
}
@media screen and (max-width:768px){
	#headIn{
		position:absolute;
		width:100%;
		overflow-y:visible;
		display: flex;
		justify-content: space-between;
		align-items:center;
	}
}
#navWrap{
	padding-bottom:min(calc(94 / var(--vw-min) * 100vw),94px);
	display: flex;
	flex-direction: column;
	height:100vh;
}
@media screen and (max-width:768px){
	#navWrap{
		margin-bottom:0;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
		width: 100%;
		height:unset;
		padding-bottom:unset;
	}
}
.copyright {
	font-size:min(calc(10 / var(--vw-min) * 100vw),10px);
	position: absolute;
	right:0;
	bottom:0;
	left:0;
	display:block;
	padding:0 min(calc(28 / var(--vw-min) * 100vw),28px) min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height:1.6;
}
@media screen and (max-width:768px){
	.copyright {
		display: none;
	}
}
.copyright span {
	display: block;
	padding-left:1.2em;
	text-indent: -1.2em;
	padding-top: 0.3em;
}
#headIn h1{
	width: 80%;
	margin:0 auto;
	padding:min(calc(30 / var(--vw-min) * 100vw),30px) 0;
}
@media screen and (max-width:768px){
	#headIn h1{
		width:calc(256 / var(--vw-min) * 100vw);
		margin:0;
		padding:0 0 0 calc(12 / var(--vw-min) * 100vw);
	}
}
#headIn h1 a{
	display: block;
	width: 100%;
	height: min(calc(60 / var(--vw-min) * 100vw),60px);
	-webkit-mask: url(../img/common/logo_horizontal-full.svg) no-repeat center center / contain;
	mask: url(../img/common/logo_horizontal-full.svg) no-repeat center center / contain;
	background:var(--color-brown);
}
@media screen and (max-width:768px){
	#headIn h1 a{
		display: block;
		width: 100%;
		height:calc(72 / var(--vw-min) * 100vw);
		-webkit-mask: url(../img/common/logo_horizontal-full.svg) no-repeat center center / contain;
		mask: url(../img/common/logo_horizontal-full.svg) no-repeat center center / contain;
		background:var(--color-brown);
	}
}
.navMenubtn {
	display: none;
}
@media screen and (max-width:768px){
	.navMenubtn {
		display: block;
		width:calc(96 / var(--vw-min) * 100vw);
	}
	.navMenubtn a {
		height:calc(96 / var(--vw-min) * 100vw);
		display: block;
		position: relative;
	}
	.navMenubtn a span {
		display: block;
		position: absolute;
		left:calc(24 / var(--vw-min) * 100vw);
		top:50%;
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(2 / var(--vw-min) * 100vw);
		background:var(--color-brown);
		transition: all 0.3s ease;
	}
	.navMenubtn a span:nth-child(1){
		transform: translateY(calc(-20 / var(--vw-min) * 100vw));
	}
	.navMenubtn a span:nth-child(2){
		transform: translateY(calc(-10 / var(--vw-min) * 100vw));
	}
	.navMenubtn a strong {
		font-size:calc(14 / var(--vw-min) * 100vw);
		font-weight: 600;
		text-align: center;
		position: absolute;
		left:0;
		right:0;
		top:55%;
		color:var(--color-brown);
	}
	.navMenubtn a.is-active span:nth-child(1){
		transform: translateY(calc(-10 / var(--vw-min) * 100vw)) rotate(24deg);
	}
	.navMenubtn a.is-active span:nth-child(2){
		opacity:0;
	}
	.navMenubtn a.is-active span:nth-child(3){
		transform: translateY(calc(-10 / var(--vw-min) * 100vw)) rotate(-24deg);
	}
}
#headNav{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	#headNav {
		position: fixed;
		right:0;
		top:calc(96 / var(--vw-min) * 100vw);
		bottom:0;
		padding:calc(32 / var(--vw-min) * 100vw);
		background:var(--color-lightbrown);
		margin-bottom:0;
		transform:translateX(100%);
		transition: all 0.3s ease;
	}
	#headNav.is-active {
		transform: translateX(0);
	}
	#headNav:before {
		content:'';
		position: absolute;
		left:0;
		right:0;
		top:0;
		height:calc(64 / var(--vw-min) * 100vw);
		background:linear-gradient(to bottom, rgba(174,148,141,0.2) 0%,rgba(174,148,141,0) 100%);
	}
}
#headNav > ul > li > a{
	display: block;
	text-decoration: none;
	font-weight: 500;
	width: 100%;
	height:min(calc(36 / var(--vw-min) * 100vw),36px);
	line-height:min(calc(36 / var(--vw-min) * 100vw),36px);
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	position: relative;
}
#headNav > ul > li.mBorderTop {
	padding-top:min(calc(8 / var(--vw-min) * 100vw),8px);
	margin-top:min(calc(8 / var(--vw-min) * 100vw),8px);
	position: relative;
}
@media screen and (min-width:769px){
	#headNav > ul > li.mBorderTop:before {
		content:'';
		display:block;
		position: absolute;
		left:min(calc(24 / var(--vw-min) * 100vw),24px);
		right:min(calc(24 / var(--vw-min) * 100vw),24px);
		top:0;
		height:1px;
		background:rgba(0,0,0,.1);
	}
}
#headNav > ul > li.mBorderBottom {
	padding-bottom:min(calc(8 / var(--vw-min) * 100vw),8px);
	margin-bottom:min(calc(8 / var(--vw-min) * 100vw),8px);
	position: relative;
}
@media screen and (min-width:769px){
	#headNav > ul > li.mBorderBottom:after {
		content:'';
		display:block;
		position: absolute;
		left:min(calc(24 / var(--vw-min) * 100vw),24px);
		right:min(calc(24 / var(--vw-min) * 100vw),24px);
		bottom:0;
		height:1px;
		background:rgba(0,0,0,.1);
	}
}
@media screen and (max-width:768px){
	#headNav > ul {
		position: relative;
		z-index:2;
	}
	#headNav > ul > li.mLogout {
		padding-top:calc(12 / var(--vw-min) * 100vw);
		margin-top:calc(12 / var(--vw-min) * 100vw);
		border-top:1px solid rgba(0,0,0,.1);
	}
	#headNav > ul > li.mBorderTop {
		padding-top:calc(12 / var(--vw-min) * 100vw);
		margin-top:calc(12 / var(--vw-min) * 100vw);
		border-top:1px solid rgba(0,0,0,.1);
	}
	#headNav > ul > li > a{
		display: block;
		text-decoration: none;
		font-weight: 500;
		width: 100%;
		height:calc(64 / var(--vw-min) * 100vw);
		line-height:calc(64 / var(--vw-min) * 100vw);
		font-size:calc(26 / var(--vw-min) * 100vw);
		position: relative;
	}
}
@media screen and (hover:hover){
	#headNav > ul > li > a:hover,
	#headNav > ul > li > a:hover i {
		color:var(--color-orange);
	}
}
#headNav > ul > li > a.acList:before{
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: bold;
	font-size: min(calc(11 / var(--vw-min) * 100vw),11px);
	color: #000;
	opacity: .4;
	position: absolute;
	top: 50%;
	right: min(calc(22 / var(--vw-min) * 100vw),22px);
	transform: translateY(-50%);
	transition: .3s ease;
}
ul.navInList{
	margin:10px min(calc(20 / var(--vw-min) * 100vw),20px);
	background-color: #f0f1f5;
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
	padding: 10px 0;
}
ul.navInList li{
	height: min(calc(40 / var(--vw-min) * 100vw),40px); 
	line-height: min(calc(40 / var(--vw-min) * 100vw),40px);
	font-weight: bold;
}
ul.navInList li.sub {
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	line-height:min(calc(40 / var(--vw-min) * 100vw),40px);
	position:relative;
}
ul.navInList li.sub:before {
	content:'-';
	padding-left:min(calc(5 / var(--vw-min) * 100vw),5px);
	background-color: #fff;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:min(calc(15 / var(--vw-min) * 100vw),15px);
	background: #FFF;
	z-index:15;
}
ul.navInList li a{
	text-decoration: none;
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	padding-left: min(calc(16 / var(--vw-min) * 100vw),16px);
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	transition: .3s ease;
}
ul.navInList li.sub a {
	font-size:13px;
	padding-left:min(calc(26 / var(--vw-min) * 100vw),26px);
}
ul.navInList li a.active,
ul.navInList li a.active:after { color: #fff; opacity: 1;}
ul.navInList li a:hover{ background: #fff; }
ul.navInList li a:after{
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: bold;
	font-size: min(calc(11 / var(--vw-min) * 100vw),11px);
	color: #000;
	opacity: .4;
	position: absolute;
	top: 50%;
	right: min(calc(16 / var(--vw-min) * 100vw),16px);
	transform: translateY(-50%);
	transition: .3s ease;
}
ul.navInList li a:hover:after{
	right: min(calc(10 / var(--vw-min) * 100vw),10px);
}
i.w_sizeI{
	display: inline-block;
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	margin-left: min(calc(18 / var(--vw-min) * 100vw),18px);
	text-align: center;
}
@media screen and (max-width:768px){
	i.w_sizeI{
		width:calc(28 / var(--vw-min) * 100vw);
		margin-left:0;
	}
}
i{
	margin-right:min(calc(6 / var(--vw-min) * 100vw),6px);
}
@media screen and (max-width:768px){
	i{
		margin-right:calc(12 / var(--vw-min) * 100vw);
	}
}
.navSubBtn{
	padding: 0 min(calc(20 / var(--vw-min) * 100vw),20px);
}

/* ▼RIGHT WRAP▼ --------------------------------- 
-------------------------------------------------*/

#rWrap{
	width: calc(100% - min(calc(240 / var(--vw-min) * 100vw),240px));
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height:100dvh;
	position: relative;
	z-index: 1;
	background: rgba(0, 0, 0, .04);
}
@media screen and (max-width:768px){
	#rWrap{
		padding-top:calc(96 / var(--vw-min) * 100vw);
		width:100%;
	}
}
.rightMain:after{
	content: "";
	width: 100%;
	height:min(calc(210 / var(--vw-min) * 100vw),210px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
@media screen and (max-width:768px){
	.rightMain:after{
		height:calc(320 / var(--vw-min) * 100vw);
	}
}
#mWrap .rightMain:after{
	height:min(calc(140 / var(--vw-min) * 100vw),140px);
}

/*----{{ FOOTER }}----*/

footer{
	margin-top: auto;
	position: relative;
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
footer #copyR{
	position: absolute;
	height:min(calc(74 / var(--vw-min) * 100vw),74px);
	line-height: min(calc(74 / var(--vw-min) * 100vw),74px);
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
	color: #66615b;
	right: 0;
	bottom: 0;
	padding-right:min(calc(30 / var(--vw-min) * 100vw),30px);
}
#footNav > ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left:min(calc(30 / var(--vw-min) * 100vw),30px);
}
#footNav > ul li{
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	line-height: min(calc(74 / var(--vw-min) * 100vw),74px);
	margin-right: min(calc(26 / var(--vw-min) * 100vw),26px);
}
#footNav > ul li a{
	font-size: min(calc(13 / var(--vw-min) * 100vw),13px);
}

/*----{{ RIGHT-HEAD }}----*/

#rWrapHead{
	width: 100%;
	height: min(calc(70 / var(--vw-min) * 100vw),70px);
	position: relative;
	z-index: 2;
}
@media screen and (max-width:768px){
	#rWrapHead{
		width: 100%;
		height: min(calc(70 / var(--vw-min) * 100vw),70px);
		position: relative;
		z-index: 2;
	}
}
#titleBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 26px;
	padding-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
#titleBox ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
#titleBox ul li{
	margin-right: 8px;
}
#titleBox ul li:last-child{
	margin-right: 0;
}
#titleBox #titleIcon{
	width: 40px;
	height: 40px;
	border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #5db4d6;
	border: 1px solid #fff;
}
#titleName{
	width: 340px;
	height: 40px;
	line-height: 40px;
}
#titleName span{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
	text-decoration: none;
	padding-left: 10px;
	position: relative;
	font-size: 13px;
	font-weight: bold;
	transition: .3s ease;
}
#titleName a span:last-of-type{
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 11px;
	opacity: .8;
	transition: .3s ease;
	transform: translateX(0);
	display: block;
}
#titleName a:hover{
	background: #d8eaf9;
}
#titleName a:hover span:last-of-type{
	color: #467ef0;
	transform: translateX(5px);
}
#titleName a span:last-of-type i{
	margin-left: 5px;
}
.twBtn{
	padding: 4px 0;
	width: 100px;
	height: 40px;
}
.twBtn a{
	display: block;
	text-decoration: none;
	background-color: #00acee;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 40px;
	line-height: 28px;
	width: 100%;
	height: 32px;
	padding: 0 12px;
	font-weight: 600;
	text-align: center;
	font-size: 13px;
	transition: .3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.twBtn a:hover{
	background: none;
	box-shadow: none;
}
#rWrapHeadRight{
	width: 50%;
	height: min(calc(70 / var(--vw-min) * 100vw),70px);
	position: absolute;
	padding-right: min(calc(20 / var(--vw-min) * 100vw),20px);
	right: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	padding-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	#rWrapHeadRight{
		display: none;
	}
}
#userName a{
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 0 min(calc(16 / var(--vw-min) * 100vw),16px);
	height: min(calc(40 / var(--vw-min) * 100vw),40px);
	line-height: min(calc(40 / var(--vw-min) * 100vw),40px);
	transition: .3s ease;
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
}
#userName a:hover{
	background: rgba(0,0,0,.2);
}
#rWrapHeadGrade {
	padding:min(calc(20 / var(--vw-min) * 100vw),20px) 0 0 min(calc(30 / var(--vw-min) * 100vw),30px);
	color:#fff;
	font-weight: 600;
	font-size:min(calc(19 / var(--vw-min) * 100vw),19px);
}
@media screen and (max-width:768px){
	#rWrapHeadGrade {
		padding:calc(20 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw);
		font-size:calc(24 / var(--vw-min) * 100vw);
		text-align: right;
	}
}
#topicsBtn{
	width: min(calc(40 / var(--vw-min) * 100vw),40px);
	height: min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-right: min(calc(8 / var(--vw-min) * 100vw),8px);
}
#topicsBtn a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	position: relative;
	transition: .3s ease;
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
}
#topicsBtn a:hover{
	background: rgba(0,0,0,.2);
}
#topicsBtn a i{
	position: absolute;
	font-size: 18px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#newTopics:before{
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 6px;
	background-color: red;
	top: 7px;
	right: min(calc(3 / var(--vw-min) * 100vw),3px);
}
#updateDay{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	letter-spacing: 0.03em;
}

/*----{{ MAIN CONTENTS }}----*/

.rightMain{
	width: calc(100% - min(calc(60 / var(--vw-min) * 100vw),60px));
	margin: min(calc(20 / var(--vw-min) * 100vw),20px) auto min(calc(60 / var(--vw-min) * 100vw),60px);
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width:768px){
	.rightMain{
		width: calc(100% - calc(48 / var(--vw-min) * 100vw));
		margin: 0 auto min(calc(60 / var(--vw-min) * 100vw),60px);
		display: block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
.rightMain.media{
	display: none;
}
.rightMain > h2{
	color: #fff;
	font-weight: bold;
	font-size:min(calc(23 / var(--vw-min) * 100vw),23px);
	letter-spacing: 0.03em;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
	width: 100%;
}
@media screen and (max-width:768px){
	.rightMain > h2{
		font-size:calc(34 / var(--vw-min) * 100vw);
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
}
.rightMain > h2 i{
	margin-right: min(calc(12 / var(--vw-min) * 100vw),12px);
	font-size:min(calc(23 / var(--vw-min) * 100vw),23px);
}
@media screen and (max-width:768px){
	.rightMain > h2 i{
		margin-right:calc(18 / var(--vw-min) * 100vw);
		font-size:calc(34 / var(--vw-min) * 100vw);
	}
}
.rightMain > h2 span{
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
}
#twDashboard{
	position: relative;
	width:100%;
}
.box02Cont{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 30px;
}
.box02Cont .chartStyle{
	padding: 0;
	max-width: 500px;
	width: 70%;
}
.wordListWrap > h2{
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 17px;
	padding-bottom: 12px;
}
ul.tagOneList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom:-15px;
}
ul.tagOneList li{
	font-size: 13px;
	font-weight: 600;
	padding: min(calc(3 / var(--vw-min) * 100vw),3px) 8px;
	color: #fff;
	border-radius: 40px;
	margin-right: 10px;
	margin-bottom:15px;
}
.twDrightArea{
	width: 280px;
	position: absolute;
	top: 0;
	right: 0;
}
.notTwitter .twDrightArea{
	width: 280px;
	position: absolute;
	top: 0;
	left: 0;
	right:auto;
}
.twDrightArea.fixed {
	width: 280px;
	position: fixed;
	top: 30px;
	right: 30px;
}
#twCover{
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: -18px -18px 0;
	position: relative;
	background-color: #f0f1f5;
}
#twIcon{
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 4px solid #fff;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -35px;
	background-color: #5db4d6;
}
#twAccount{
	text-align: center;
	font-size: 13px;
	margin-top: 36px;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
ul#twStatus li{
	padding-bottom: 2px;
	margin-bottom: 5px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ul#twStatus li:last-child{
	border-bottom: none;
}
ul#twStatus li .numberName{
	float: left;
	width: 40%;
	font-size: 13px;
}
ul#twStatus li .number{
	float: right;
	width: 60%;
	font-size: 14px;
	text-align: right;
	color: #5db4d6;
}
#twSetting{
	position: absolute;
	width: 36px;
	height: 36px;
	top: 7px;
	right: 8px;
}
#twSetting a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 36px;
	transition: .3s ease;
}
#twSetting a:hover{
	background: #c5e0f7;
}
#twSetting a span{
	transition: .3s ease;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
#twSetting a:hover span{
	transform: rotate(90deg);
}
#twSetting a i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #5db4d6;
	font-size: 17px;
}
.dHeadArea,.mainCont{
	width: calc(100% - 310px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.oneDashHead{
	width: 30%;
	min-width: 260px;
	margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.oneDashHead:last-of-type{
	margin-right: 0;
}
.oneDashHead > h2{
	font-size: 12px;
	font-weight: bold;
}
.oneDashHeadIn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}
.iconBg{
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	border-radius: 70px;
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-right: 10px;
}
.oneDashHeadNum{
	font-weight: bold;
	font-size: 24px;
	line-height: 60px;
}
.preDay{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.preDay > h2{
	font-size: 13px;
	margin-right: 10px;
}
.preDay > p{
	font-weight: bold;
	font-size: 13px;
	position: relative;
}
.preDay > p.up{
	color: red;
}
.preDay > p.down{
	color: blue;
}
.preDay > p:after{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-left: 5px;
}
.preDay > p.up:after{
	content: "\f35b";
}
.preDay > p.down:after{
	content: "\f358";
}
.chartStyle{
	padding: 0;
	width: 100%;
	margin: 0 auto;
}
.chartStyle.full{
	max-width: 100%;
}
.wordListWrap{
	position: relative;
}
.wordListWrap .changeBtn{
	position: absolute;
	top: 0;
	right: 0;
}
.changeBtn a{
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 10px;
	background: #fff;
	border-radius: 40px;
	border: 1px solid #cfcfcf;
	transition: .3s ease;
}
.changeBtn a:hover{
	background: #e4f3ff;
	border-color:#55acee;
	color: #55acee;
}
.changeCont{
	position: absolute;
	top: 80px;
	right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: min(calc(200 / var(--vw-min) * 100vw),200px);
	height: 36px;
	border: 1px solid #fff;
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
	overflow: hidden;
}
.changeCont li {
	width: 50%;
	height: 100%;
}
.changeCont li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #66615b;
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: min(calc(34 / var(--vw-min) * 100vw),34px);
	transition: .3s ease;
}
.changeCont li a:hover,
.changeCont li a.active{
	background: none;
	color: #fff;
}
#topUserBox{
	position: absolute !important;
	top: 60px;
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	padding: 0;
	width: min(calc(200 / var(--vw-min) * 100vw),200px);
	z-index: 1;
	box-shadow: 0 min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(10 / var(--vw-min) * 100vw),10px) rgba(0, 0, 0, .2);
	display: none;
}
#topUserBox ul li{
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#topUserBox ul li a{
	display: block;
	width: 100%;
	padding: 8px 12px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: .3s ease;
}
#topUserBox ul li a:hover{
	background: #f0f1f5;
}
#topUserBox ul li:last-child {
	border-bottom:none;
}
#topicsList{
	width: 380px;
	position: absolute !important;
	top: 60px;
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	padding: 0;
	z-index: 1;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	margin-bottom: 0 !important;
	display: none;
}
#topicsList > h3{
	font-size: 13px;
	font-weight: 600;
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#topicsList ul{
	overflow-y: auto;
	max-height: 400px;
}
#topicsList ul li{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
	padding: 8px 12px;
	font-size: 13px;
	text-decoration: none;
}
#topicsList ul li:nth-child(even){
	background: #f0f1f5;
}
#topicsList ul li span{
	display: block;
}
.topicsDate{
	font-size: 11px;
	color: #999;
}
ul.btnRegistList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	right: 30px;
	top: 96px;
}
#mWrap ul.btnRegistList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	right: 30px;
	top: 26px;
}

ul.btnRegistList li{ margin-right: 8px; }
ul.btnRegistList li:last-child{ margin-right: 0; }

/*TOGGLE SWITCH */
.switchWrap input[type="radio"] {
	display: none;
}
.switchLabel {
	width:65px;
	height:25px;
	position:absolute;
	top:0;
}
.switchLabel0 {
	left:0;
}
.switchLabel1 {
	right:0;
}
.switchBox {
	margin-left:-55px;
	position:relative;
}
.sepa {
	width:0px;
	height:25px;
	display: inline-block;
	position:relative;
}
.sepa:before {
	content:"";
	height:25px;
	width:10px;
	border-radius: 5px;
	box-sizing: border-box;
	position:absolute;
	background-color: #CCC;
	left:-5px;
	top:0px;
	border :1px solid #AAA;
	box-shadow:0px 0px 8px -1px #254d3d;
-moz-box-shadow:0px 0px 8px -1px #254d3d;
-webkit-box-shadow:0px 0px 8px -1px #254d3d;
}
.on,.off {
	width:60px;
	height:25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	font-size:13px;
	font-weight: bold;
	vertical-align: top;
}
.on {
	background-color:#5AC299;
	padding-right:5px;
	color:#FFF;
	box-shadow:0px 0px 8px -1px #254d3d inset;
-moz-box-shadow:0px 0px 8px -1px #254d3d inset;
-webkit-box-shadow:0px 0px 8px -1px #254d3d inset;
}
.off {
	background-color:#EEE;
	padding-left:5px;
	color:#AAA;
	box-shadow:0px 0px 8px -1px #5f5f5f inset;
-moz-box-shadow:0px 0px 8px -1px #5f5f5f inset;
-webkit-box-shadow:0px 0px 8px -1px #5f5f5f inset;
}
.switchBox {
	width:120px;
}
.switchLabels {
	height: 25px;
	width: 65px;
	border-radius: 5px;
	background-color: #EEE;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.navbottom{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align: center;
	color:#fff;
}
.login .message.error {
	border:1px solid #f00;
	background:rgba(255,0,0,.1);
	color:#f00;
	padding:0.5em min(calc(10 / var(--vw-min) * 100vw),10px);
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: 600;
	display: flex;
	justify-content: center;
	margin-bottom:min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.login .message.error {
		font-size:calc(23 / var(--vw-min) * 100vw);
		margin-bottom:min(calc(15 / var(--vw-min) * 100vw),15px);
	}
}
body:not(.login) .message {
	position: fixed;
	left:min(calc(200 / var(--vw-min) * 100vw),200px);
	top:0;
	height:min(calc(60 / var(--vw-min) * 100vw),60px);
	right:0;
	z-index:499;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	letter-spacing: 0.1em;
	transition: all 0.5s ease;
	cursor: pointer;
	color:#fff;
}
@media screen and (max-width:768px){
	body:not(.login) .message {
		left:0;
		top:calc(96 / var(--vw-min) * 100vw);
		height:calc(80 / var(--vw-min) * 100vw);
	}
}
body:not(.login) .message.hidden {
	transform:translateY(-100%);
}
.messageWindow {
/*	max-height:calc(100vh - min(calc(150 / var(--vw-min) * 100vw),120px));
	height:calc(100vh - min(calc(150 / var(--vw-min) * 100vw),120px));
	min-height:min(calc(540 / var(--vw-min) * 100vw),540px);
*/	flex-direction: column;
	margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
	flex-wrap: nowrap;
}
@media screen and (max-width:768px){
	.messageWindow {
		flex:1;
	}
}
.messageWindow > section {
	flex:1;
	margin-bottom:0;
	padding-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
	/*height:calc(100% - min(calc(80 / var(--vw-min) * 100vw),80px));*/
}
.messageChatWrap {
	display: flex;
	padding:0 min(calc(30 / var(--vw-min) * 100vw),30px);
	height:100%;
}
@media screen and (min-width:769px){
	.messageChatWrap {
		padding:0 min(calc(30 / var(--vw-min) * 100vw),30px) !important;
	}
}
@media screen and (max-width:768px){
	.messageChatWrap {
		display:block;
		position: relative;
		padding:0 calc(24 / var(--vw-min) * 100vw);
		padding-bottom:calc(80 / var(--vw-min) * 100vw);
	}
}
.messageChat__msg {
	min-width:60%;
	flex:1;
	border-right:1px solid #ccc;
	padding-right:min(calc(30 / var(--vw-min) * 100vw),30px);
	/*height:100%;*/
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
@media screen and (max-width:768px){
	.messageChat__msg {
		min-width:100%;
		border-right:none;
		padding-right:0;
	}
}
.message__scroll {
	flex:1;
	width:100%;
	position: relative;
}
.message__scrollEnd {
	position: absolute;
	left:0;
	top:0;
	right:max(calc(-15 / var(--vw-min) * 100vw),-15px);
	bottom:0;
	z-index:10;
	pointer-events: none;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
@media screen and (max-width:768px){
	.message__scrollEnd {
		display: none;
	}
}
.message__scrollEndBlock {
	position: sticky;
	right:0;
	bottom:min(calc(15 / var(--vw-min) * 100vw),15px);
}
body.is-pageEnd .message__scrollEndBlock {
	display: none;
}
.message__scrollEndBlock a {
	display: flex;
	justify-content: center;
	align-items: center;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	border-radius: 50%;
	background:#fff;
	filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.3));
	pointer-events: auto;
}
.message__scrollEndBlock a:before {
	content:'';
	width:min(calc(12 / var(--vw-min) * 100vw),12px);
	height:min(calc(12 / var(--vw-min) * 100vw),12px);
	display: block;
	border-right:min(calc(2 / var(--vw-min) * 100vw),2px) solid #666;
	border-bottom:min(calc(2 / var(--vw-min) * 100vw),2px) solid #666;
	box-sizing: border-box;
	transform:rotate(45deg);
	margin-top:max(calc(-3 / var(--vw-min) * 100vw),-3px);
}
.messageChat__lists {
	width:100%;
}
.messageChat__list {
	padding:min(calc(16 / var(--vw-min) * 100vw),16px);
	position: relative;
	margin-bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
}
.messageChat__list.is-admin {
	margin-right:min(calc(56 / var(--vw-min) * 100vw),76px);
}
.messageChat__list.is-user {
	margin-left:min(calc(56 / var(--vw-min) * 100vw),76px);
}
.messageChat__list.is-cancel {
	filter:grayscale(1);
}
@media screen and (max-width:768px){
	.messageChat__list.is-cancel {
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
.messageChat__list .messageChat__text {
	background:#fff;
	border:1px solid #ccc;
	position: relative;
	border-radius: min(calc(10 / var(--vw-min) * 100vw),10px);
	padding:min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(16 / var(--vw-min) * 100vw),16px) !important;
	letter-spacing: 0.05em;
	line-height:1.7;
}
@media screen and (max-width:768px){
	.messageChat__list .messageChat__text {
		border-radius: calc(10 / var(--vw-min) * 100vw);
		padding:calc(10 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) !important;
		letter-spacing: 0.05em;
		line-height:1.7;
	}
}
.messageChat__list:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0.2;
}
.messageChat__list.is-admin:before{
	background:var(--color-orange);
}
#c_foee1 .messageChat__list.is-user:before {
	background:#84c356;
}
#c_foee2 .messageChat__list.is-user:before {
	background:#4872cd;
}
#c_foee3 .messageChat__list.is-user:before {
	background:#d6ac2a;
}
.messageChat__msgDatas {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
}
.messageChat__msgData {
	display: flex;
	position: relative;
}
.messageChat__msgData li {
	margin-right:1.2em;
}
.messageChat__msgDataName {
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-weight: 600;
}
@media screen and (max-width:768px){
	.messageChat__msgDataName {
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.messageChat__msgDataDate {
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	opacity:0.9;
}
@media screen and (max-width:768px){
	.messageChat__msgDataDate {
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.messageChat__msgDataCheck {
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-weight: 600;
}
@media screen and (max-width:768px){
	.messageChat__msgDataCheck {
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.messageChat__msgDataCancel {
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-weight: 600;
}
@media screen and (max-width:768px){
	.messageChat__msgDataCancel {
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.messageChat__msgAttachments {
	display: flex;
	justify-content: flex-end;
	flex:1;
}
.messageChat__msgAttachment {
	margin-right:0 !important;
	width:min(calc(25 / var(--vw-min) * 100vw),25px);
	margin-bottom:max(calc(-5 / var(--vw-min) * 100vw),-5px);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.messageChat__msgAttachment {
		width:calc(35 / var(--vw-min) * 100vw);
		height:calc(40 / var(--vw-min) * 100vw);
	}
}
.messageChat__msgAttachment a {
	display: block;
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	-webkit-mask:url(../img/common/attachment_icon.svg) no-repeat center center / contain;
	mask:url(../img/common/attachment_icon.svg) no-repeat center center / contain;
	background:#000;
}
@media screen and (max-width:768px){
	.messageChat__msgAttachment a {
		height:calc(30 / var(--vw-min) * 100vw);
	}
}
.messageChat__msgAttachment a:hover{
	opacity:0.7;
}
.messageChat__form {
	padding:0 0 0 min(calc(30 / var(--vw-min) * 100vw),30px);
	flex:1;
	max-width:40%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.messageChat__form2 {
	padding:min(calc(5 / var(--vw-min) * 100vw),5px);
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
@media screen and (max-width:768px){
	.messageChat__form {
		pointer-events: none;
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:0;
		max-width: 100%;
		justify-content: flex-end;
		padding:0;
		overflow: hidden;
	}
}
.messageChat__formin {
	position: sticky;
	left:0;
	top:min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.messageChat__formin {
		left:0;
		bottom:0;
		background: #fff;
		padding:calc(24 / var(--vw-min) * 100vw);
		pointer-events: auto;
		border-radius: calc(32 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw) 0 0;
		filter: drop-shadow(0px -8px 15px rgba(0,0,0,0.1));
		transform:translateY(calc(100% - calc(92 / var(--vw-min) * 100vw)));
		transition:transform 0.3s ease;
	}
	.messageChatWrap.open .messageChat__formin {
		transform:translateY(0);
	}
	.messageChat__formOpen {
		display:flex;
		position: absolute;
		left:0;
		top:0;
		right:0;
		height:calc(96 / var(--vw-min) * 100vw);
		justify-content: center;
		align-items: center;
	}
	.messageChat__formOpen:before {
		content:'';
		box-sizing: border-box;
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
		border-top:calc(3 / var(--vw-min) * 100vw) solid #333;
		border-left:calc(3 / var(--vw-min) * 100vw) solid #333;
		transform:rotate(45deg);
		margin-top:calc(8 / var(--vw-min) * 100vw);
	}
	.messageChatWrap.open .messageChat__formin .messageChat__formOpen:before {
		transform:rotate(-135deg);
		margin-top:calc(-16 / var(--vw-min) * 100vw);
	}
	body.is-pageEnd .messageChat__toEnd {
		display: none;
	}
	.messageChat__toEnd {
		position: absolute;
		top:calc(-86 / var(--vw-min) * 100vw);
		right:calc(40 / var(--vw-min) * 100vw);
	}
	.messageChat__toEnd a {
		display: flex;
		justify-content: center;
		align-items: center;
		width:calc(64 / var(--vw-min) * 100vw);
		height:calc(64 / var(--vw-min) * 100vw);
		border-radius: 50%;
		background:#fff;
		filter: drop-shadow(0px 0px calc(8 / var(--vw-min) * 100vw) rgba(0,0,0,0.3));
		pointer-events: auto;
	}
	.messageChat__toEnd a:before {
		content:'';
		width:calc(18 / var(--vw-min) * 100vw);
		height:calc(18 / var(--vw-min) * 100vw);
		display: block;
		border-right:calc(3 / var(--vw-min) * 100vw) solid #666;
		border-bottom:calc(3 / var(--vw-min) * 100vw) solid #666;
		box-sizing: border-box;
		transform:rotate(45deg);
		margin-top:calc(-6 / var(--vw-min) * 100vw);
	}
}
.messageChat__formParts {
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px)
}
@media screen and (max-width:768px){
	.messageChat__formParts {
		margin-bottom:0;
	}
}
.messageChat__formPart {
	margin-bottom:min(calc(5 / var(--vw-min) * 100vw),5px);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.messageChat__formPart dt {
	margin-right:1em;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.messageChat__formPart dt {
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.messageChat__formPart dd {
	flex:1;
	position: relative;
}
.messageChat__formPart dd textarea {
	width:100%;
	min-height:min(calc(150 / var(--vw-min) * 100vw),150px);
	height:min(calc(150 / var(--vw-min) * 100vw),150px);
	display: block;
	line-height:1.3;
}
@media screen and (max-width:768px){
	.messageChat__formPart dd textarea {
		width:100%;
		min-height:calc(130 / var(--vw-min) * 100vw);
		height:calc(130 / var(--vw-min) * 100vw);
		padding:calc(12 / var(--vw-min) * 100vw) calc(120 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
	}
}
.messageChat__formPart input {
	max-width:100%;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.messageChat__formPart input {
		font-size:calc(24 / var(--vw-min) * 100vw);
		width:100%;
	}
}
@media screen and (max-width:768px){
	.messageChat__formPart.--messageChatSubmit {
		position: absolute;
		right:calc(34 / var(--vw-min) * 100vw);
		bottom:calc(94 / var(--vw-min) * 100vw);
	}
}
.messageChat__formPart button[type=submit] {
	background:var(--color-orange);
	border-radius: 24px;
	height:min(calc(32 / var(--vw-min) * 100vw),32px);
	color:#fff;
	padding:0 min(calc(16 / var(--vw-min) * 100vw),16px);
	margin:min(calc(10 / var(--vw-min) * 100vw),10px) auto;
	line-height:1;
	appearance:none;
}
.messageChat__form2 .messageChat__formPart button[type=submit] {
	background:var(--color-orange);
	border-radius: 23px;
	height:min(calc(46 / var(--vw-min) * 100vw),46px);
	color:#fff;
	padding:0 min(calc(32 / var(--vw-min) * 100vw),32px);
	margin:0 auto min(calc(10 / var(--vw-min) * 100vw),10px);
	line-height:1;
	appearance:none;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.messageChat__formPart button[type=submit] {
		position: absolute;
		right:calc(10 / var(--vw-min) * 100vw);
		bottom:calc(10 / var(--vw-min) * 100vw);
		border-radius: calc(5 / var(--vw-min) * 100vw);
		height:calc(64 / var(--vw-min) * 100vw);
		width:calc(96 / var(--vw-min) * 100vw);
		color:#fff;
		padding:0;
		margin:0;
		line-height:1;
		appearance:none;
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.messageChat__formPart button[type=submit]:hover {
	opacity:0.7;
}
.messageChat__formPart.mcf--file {
	display: block;
}
.messageChat__formPart.mcf--file dd {
	margin-left: 0
}
.messageChat__formPart.mcf--file dd label {
	display: block;
	width:100%;
}
.messageChat__formPart.mcf--file dd input {
	padding-left:0;
	width:100%;
}
.messageChat__form .error-messages,.messageChat__form2 .error-messages{
	background:#FFF0F5;
	border:1px solid #f00;
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-weight: 600;
	color:#f00;
	margin:min(calc(10 / var(--vw-min) * 100vw),10px);
	text-align: center;
}
@media screen and (max-width:768px){
	.messageChat__form .error-messages,.messageChat__form2 .error-messages{
		font-size:calc(24 / var(--vw-min) * 100vw);
		margin:calc(10 / var(--vw-min) * 100vw) 0 0;
	}
}
.is-flexRight span {
	justify-content: flex-end;
}
.is-flexCenter span {
	justify-content: center;
}
.dmaillist {
	width: 100%;
}
@media screen and (max-width:768px){
	.messageChat__end + .submitArea {
		background:#4c4c4c;
	}
}
.userNoteWrap {
	position: relative;
}
.userNoteLink {
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	display: block;
	-webkit-mask:url(../img/common/information_icon.svg) no-repeat center center / contain;
	mask:url(../img/common/information_icon.svg) no-repeat center center / contain;
	background:var(--color-brown);
	margin:0 auto;
}
.userNoteLink:hover {
	opacity:0.7;
}
.userNote {
	position: absolute;
	right:calc(50% + min(calc(45 / var(--vw-min) * 100vw),45px));
	bottom:calc(50% - min(calc(20 / var(--vw-min) * 100vw),20px));
	background:#fff;
	padding:min(calc(15 / var(--vw-min) * 100vw),15px);
	width:min(calc(400 / var(--vw-min) * 100vw),400px);
	filter:drop-shadow(0px 0px 8px rgba(0,0,0,0.3));
	text-align: left;
	z-index:50;
	line-height:1.6;
	display: none;
}
.userNote.is-open {
	display: block;
}
.userNote:before {
	position: absolute;
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-top: min(calc(10 / var(--vw-min) * 100vw),10px) solid transparent;
	border-bottom: min(calc(10 / var(--vw-min) * 100vw),10px) solid transparent;
	border-left: min(calc(30 / var(--vw-min) * 100vw),30px) solid #ffffff;
	border-right: 0;
	right:max(calc(-29 / var(--vw-min) * 100vw),-29px);
	bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
}