@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:wght@500&display=swap');

html,
body{
	line-height: 1.5;
	font-size: 16px;
	font-weight: 500;
	color: #313336;
	scroll-behavior: smooth;
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
	scroll-behavior: smooth;
	word-break: break-all;
	background-color: #fff;
}
html.scrollstop,
body.scrollstop{
	overflow-y: hidden;
}
main{
	padding-top: 60px;
	padding-bottom: 240px;
}

/**
 * 共通
 */
.poppins{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-style: normal;
}
.inner{
	width: 90vw;
	margin: 0 auto;
}
.flex{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.flexcc {
	display: flex;
	align-items: center;
	justify-content: center;
}
.aifs{
	align-items: flex-start;
}
.aife{
	align-items: flex-end;
}
.aish{
	align-items: stretch;
}
.jcsb{
	justify-content: space-between;
}
.jce{
	justify-content: end;
}
.fdc{
	flex-direction: column;
}
.block{
	display: block;
}
.iblock{
	display: inline-block;
}
.none{
	display: none;
}
.nonei{
	display: none!important;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.oc0{
	opacity: 0;
}
.oc075{
	opacity: 0.75;
}
.oc050{
	opacity: 0.5;
}
.lh1 {
	line-height: 1;
}
.lh05 {
	line-height: .5;
}
.posr {
	position: relative;
}
.posa {
	position: absolute;
}
.formitem,
.radios li label,
.checkboxes li label{
	display: block;
	width: 100%;
	outline: none;
	color: #313336;
	background-color: #fff;
	font-size: 16px;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #8d939b;
	transition: .2s;
}
.formitem:focus{
	box-shadow: 0 0 8px 0 rgba(141, 147, 155, 0.25);
}
.radios li label input[type="radio"],
.checkboxes li label input[type="checkbox"]{
	display: none;
}
.radios li label:has(input[type="radio"]:checked),
.checkboxes li label:has(input[type="checkbox"]:checked){
	border: 1px solid #1f80ff;
	background-color: #509cff;
	color: #fff;
}
.formitem:focus,
.formitem.act{
	border: 1px solid #1f80ff;
    background-color: #def4ff;
}
input[type="text"]::placeholder,
textarea::placeholder{
	color: #c9ced5;
}
select.formitem{
	padding: 8px 40px 8px 12px;
	background-image: url('/images/select_arrow.svg');
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
}
select.formitem.yyyy{
	background-image: url('/images/yyyy.svg');
}
select.formitem.mm{
	background-image: url('/images/mm.svg');
}
select.formitem.dd{
	background-image: url('/images/dd.svg');
}
.input_p{
	padding: 8px 40px 8px 12px;
}
.password_wrap{
	position: relative;
}
.password_wrap .password_eye{
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-image: url('/images/password_eye.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
}
.password_wrap .password_eye.close{
	background-image: url('/images/password_eyeclose.svg');
}
.file_upload{
	display: block;
	width: 100%;
	background-color: #313336;
	border-radius: 8px;
	padding: 12px;
}
.file_upload.act{
	background-color: #509cff;
	background-image: url('/images/file_upload_check.svg');
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
}
.file_upload input[type="file"]{
	display: none;
}
.must,
.any{
	font-size: 12px;
	padding: 3px 4px;
	border-radius: 2px;
	margin-left: 4px;
}
span.must{
	margin-left: 0;
	margin-right: 4px;
}
.annotation{
	font-size: 12px;
	margin-left: 4px;
}
.must{
	background-color: #ff6b6b;
}
.any{
	background-color: #60646b;
}
.btn{
	display: block;
	width: 100%;
	background-color: #313336;
	text-align: center;
	border-radius: 8px;
	padding: 12px 40px;
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
}
.btn.vertical_wide{
	padding: 24px 40px;
}
.btn.fs14{
	background-size: 14px;
}
.btn.arrow_white{
	background-image: url('/images/btn_arrow.svg');
}
.btn.arrow_black{
	background-image: url('/images/btn_arrow_black.svg');
}
.btn.setting{
	background-image: url('/images/setting.svg');
}
.btn.chat{
	background-image: url('/images/chat.svg');
}
.btn.toggle_black,
.btn.toggle_white{
	position: relative;
}
.btn.toggle_black:after,
.btn.toggle_white:after{
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	right: 12px;
	transition: .2s;
}
.btn.toggle_black:after{
	background-image: url('/images/btn_arrow_black.svg');
}
.btn.toggle_white:after{
	background-image: url('/images/btn_arrow.svg');
}
.btn.toggle_black.act:after,
.btn.toggle_white.act:after{
	transform: translateY(-50%) rotate(270deg);
}
.btn2{
	display: block;
	background-color: #313336;
	text-align: center;
	border-radius: 2px;
	padding: 2.5px 25px 2.5px 10px;
	background-image: url('/images/btn_arrow.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 11px;
}
.page_header{
	width: 100vw;
	padding: 12px 0;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 8px 0 rgba(141, 147, 155, 0.25);
	z-index: 1;
}
.header_contents{
	position: relative;
	padding: 0 48px;
}
.nav{
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	background-color: #60646b;
	top: 50%;
	transform: translateY(-50%);
}
.nav{
	left: 0;
	border: 1px solid #313336;
	border-radius: 2px;
}
.nav span{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: .2s;
}

.nav.act span{
	background-color: #313336;
}
.nav span:before,
.nav span:after{
	position: absolute;
	content: '';
	width: 20px;
	height: 4px;
	border-radius: 2px;
	background-color: #313336;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .2s;
}
.nav span:before{
	top: calc(50% - 4px);
}
.nav span:after{
	top: calc(50% + 4px);
}
.nav.act span:before,
.nav.act span:after{
	background-color: #fff;
	top: calc(50%);
}
.nav.act span:before{	
	transform: translate(-50%, -50%) rotate(45deg);
}
.nav.act span:after{
	transform: translate(-50%, -50%) rotate(-45deg);
}




.account_icon{
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.account_icon .fs10 {
    border: 1px solid #313336;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    line-height: 32px;
    font-size: 15px;
    user-select: none;
    font-weight: bold;
    letter-spacing: -1px;
}
.account_image{
	margin: 0 auto;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	background-color: #ff5500;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('/images/account_image.png');
}
.images li{
	margin-right: 2%;
}
.images li:nth-child(3n){
	margin-right: 0;
}
.images li div{
	width: 100%;
	border-radius: 8px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*height: 21.6vw;*/
	height: calc(90vw * 0.32);
	position: relative;
	overflow: hidden;
	background-color: #cce2ff;
}
.images li div video,
.images li div img{
	position: absolute;
	width: auto;
	height: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
/*.images li.wideitem div video,
.images li.wideitem div img{
	width: auto;
	height: calc(90vw * 0.32);
}*/
.send_msg .images li div,
.reply_msg .images li div{
	height: calc((90vw - 24px) * 0.32);
}
.message_form .images li{
	width: 18%;
	margin-right: 2.5%;
}
.message_form .images li:nth-child(5n){
	margin-right: 0;
}
.message_form .images li div{
	height: calc(90vw * 0.18);
}
.anker_list{
	border-top: 1px solid #8d939b;
}
.anker_list li{
	border-bottom: 1px solid #8d939b;
}
.anker_list li a{
	padding: 8px 28px 8px 0;
	background-image: url('/images/btn_arrow_black.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px;
}
.category{
	padding: 4px 0;
	border-radius: 2px;
}
.attention{
	position: relative;
}
.attention:after{
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background-image: url('/images/attention.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	top: 2px;
	right: 0px;
}
.confirm{
	position: absolute;
	left: 50%;
	top: 4px;
	transform: translate(-50%, 0);
}
.confirm span{
	background-color: #788ba9;
	display: block;
	position: relative;
	padding: 2px;
	border-radius: 22px;
}
.confirm span.act{
	background-color: #3a80ed;
}
.tabs li{
	padding: 28px 0 4px 0;
	/*border-bottom: 4px solid #636669;*/
	position: relative;
	background-color: #f4faff;
	box-shadow: 0 0 4px 0 #9dc0dd;
	border-radius: 4px;
	margin-right: 2%;
}
.tabs li:nth-child(3n){
	margin-right: 0;
}
.tabs li.act{
	/*border-bottom: 4px solid #1f80ff;*/
	background-color: #bde1ff;
	box-shadow: 0 0 4px 0 #1f80ff;
	position: relative;
	overflow: hidden;
}
.tabs li.act:before{
	position: absolute;
	content: '';
	width: 32px;
	height: 32px;
	background-color: #1f80ff;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}
.send_msg,
.reply_msg{
	padding: 18px 12px;
	border-radius: 8px;
	position: relative;
}
.send_msg{
	background-color: #1f80ff;
	color: #fff;
}
.reply_msg{
	background-color: #e3f0ff;
}
.send_msg:after,
.reply_msg:after{
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	bottom: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.send_msg:after{
	right: 0;
	transform: translateX(50%);
	background-image: url('/images/send_msg.svg');
}
.reply_msg:after{
	left: 0;
	transform: translateX(-50%);
	background-image: url('/images/reply_msg.svg');
}
.txtdl dt{
	border-right: 1px solid #636669;
}
.message_form{
	position: fixed;
	width: 100vw;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 0;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(141, 147, 155, 0.25);
	z-index: 1;
}
.message_form_items .msg_file{
	display: block;
	width: 42px;
	height: 42px;
	background-color: #fff;
	border: 1px solid #8d939b;
	border-radius: 8px;
	background-image: url('/images/camera.svg');
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
}
.message_form_items .msg_file input[type="file"]{
	display: none;
}
.message_form_items textarea.formitem{
	width: calc(100% - 122px);
}
.message_form_items textarea.formitem.min{
	width: calc(100% - 185px);
}
.message_btn{
	display: block;
	width: 56px;
	text-align: center;
	background-color: #1f80ff;
	color: #fff;
	border-radius: 8px;
	padding: 8px 0;
	border: 1px solid #1f80ff;
}
.navmenu_close{
	position: fixed;
	width: 10vw;
	height: 10vw;
	top: 50%;
	right: 5vw;
	transform: translateY(-50%);
	z-index: 3;
	background-image: url('/images/close.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.navmenu_bg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.75);
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
.navmenu{
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 80vw;
	height: 100vh;
	z-index: 3;
	transform: translateX(-100%);
	transition: .2s;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 96px;
}
.navmenu::-webkit-scrollbar,
.navmenu::-webkit-scrollbar{
	display: none;
}
.navmenu.act{
	transform: translateX(0);
}
.navmenu ul{
	padding: 24px 0;
}
.navmenu ul li{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.navmenu ul li a{
	display: block;
	border-radius: 8px;
	padding: 12px 40px 12px 14px;
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 12px;
	background-image: url('/images/btn_arrow.svg');
	margin-left: auto;
}
.navmenu ul li a.arrow_black{
	background-image: url('/images/btn_arrow_black.svg');
}
.navmenu ul li.child a {
    width: 90%;
}
.navmenu div.menu_close {
	display: none;
}

.notification{
	background-color: #313336;
	color: #fff;
	font-size: 14px;
	padding: 0px 4px;
	border-radius: 2px;
	font-weight: normal;
	margin-left: 8px;
}
.chat_mdl,
.account_mdl,
.break_flag_mdl{
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.chat_mdl__bg,
.account_mdl__bg,
.break_flag_mdl__bg{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.chat_mdl__close,
.account_mdl__close{
	position: fixed;
	width: 10vw;
	height: 10vw;
	right: 12px;
	top: 12px;
	z-index: 3;
	background-image: url('/images/close.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.chat_mdl__content,
.account_mdl__content,
.break_flag_mdl__content{
	position: fixed;
	width: 90vw;
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	padding: 24px 12px;
	border-radius: 8px;
	z-index: 3;
}
.username{
	background-color: #d7e7ff;
	padding: 4px 8px;
	border-radius: 4px;
}
.dl_desing01 dt{
	padding: 2px 0;
	border-radius: 2px;
}
.detailitem{
	padding: 0 15px;
	border-radius: 15px;
}






/**
 * 色系
 */
.bg_red{
	background-color: #ff6b6b;
}
.bg_blue{
	background-color: #509cff;
}
.bg_green{
	background-color: #59ffd3;
}
.bg_black{
	background-color: #313336;
}
.bg_lightblue{
	background-color: #deebff;
}
.bg_skyblue{
	background-color: #f0f6ff;
	outline: 1px solid #313336;
	outline-offset: -1px;
}
.bg_pushbtn{
	/*background-color: #00b188;*/
	background-color: #00cd9e;
	text-shadow: #008f6e 0 0 8px;
}
.fc_white{
	color: #fff;
}
.fc_gray{
	color: #636669;
}
.bold{
	font-weight: bold;
}
.fw_normal{
	font-weight: normal;
}



.csr_na{cursor: not-allowed;}





/**
 * サイズ
 */
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fs48i{font-size: 48px!important}

.mt4{margin-top: 4px;}
.mt8{margin-top: 8px;}
.mt24{margin-top: 24px;}
.mt36{margin-top: 36px;}

.mb4{margin-bottom: 4px;}
.mb8{margin-bottom: 8px;}
.mb12{margin-bottom: 12px;}
.mb24{margin-bottom: 24px;}
.mb32{margin-bottom: 32px;}
.mb36{margin-bottom: 36px;}
.mb48{margin-bottom: 48px;}
.mb60{margin-bottom: 60px;}
.mb72{margin-bottom: 72px;}
.mb84{margin-bottom: 84px;}
.mb96{margin-bottom: 96px;}

.mr4{margin-right: 4px;}
.mr8{margin-right: 8px;}

.ml4{margin-left: 4px;}

.mrl1{margin-left: 1px;margin-right: 1px;}
.mrl10{margin-left: 10px;margin-right: 10px;}
.mrl15{margin-left: 15px;margin-right: 15px;}

.plr10{padding-left: 10px;padding-right: 10px;}

.pl8{padding-left: 8px;}
.pl16{padding-left: 16px;}

.pb12{padding-bottom: 12px;}
.pb14{padding-bottom: 14px;}
.pb18{padding-bottom: 18px;}

.pt24{padding-top: 24px;}
.pt36{padding-top: 36px;}
.pt48{padding-top: 48px;}
.pt60{padding-top: 60px;}
.pt72{padding-top: 72px;}
.pt84{padding-top: 84px;}
.pt96{padding-top: 96px;}

.ptb5{padding-top: 5px;padding-bottom: 5px;}

/*4分割*/
.w23{width: 23%;}
/*3分割*/
.w32{width: 32%;}
/*2分割*/
.w49{width: 49%;}

.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}

.br_white{
	border-right: 1px solid #fff;
}
@media screen and (min-width: 768px){
	.inner{
		width: 690px;
	}
	.images li div{
		height: 220px;
	}
	.send_msg .images li div,
	.reply_msg .images li div{
		height: 213px;
	}
	.message_form .images li div{
		height: 124px;
	}
	.navmenu_close{
		width: 40px;
		height: 40px;
		right: 20px;
	}
	.navmenu{
		width: 400px;
	}
	.account_mdl__content{
		width: 690px;
	}
}










.LINEpage{
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	background-color: rgba(0, 0, 0, .75);
	top: 0;
	left: 0;
}
.LINEpage_content{
	position: fixed;
	width: calc(100vw - 48px);
	height: calc(100vh - 96px);
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 48px;
}
.LINEpage_content div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.LINEpage_content div p{
	font-size: 14px;
	margin-bottom: 14px;
}
.LINEpage_content div p.lineclose{
	margin-bottom: 0;
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	padding: 12px 40px;
	background-color: #313336;
}
.checkwrap label{
	display: block;
    min-width: 22%;
    margin-right: 3%;
    outline: none;
    color: #313336;
    background-color: #fff;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #8d939b;
    transition: .2s;
    margin-bottom: 8px;
}
.checkwrap.checkwrap_half label{
	width: 49%;
	margin-right: 0;
}
.checkwrap label input[type="checkbox"],
.checkwrap label input[type="radio"]{
	display: none;
}
.checkwrap label:has(input[type="checkbox"]:checked),
.checkwrap label:has(input[type="radio"]:checked){
	border: 1px solid #1f80ff;
	background-color: #509cff;
	color: #fff;
}
.checkwrap label.checkmark {
	padding-left: 60px;
	position: relative;
	margin-right: 0;
}
.checkwrap label.checkmark:has(input:checked):after {
	display: block;
	content: "✔";
	position: absolute;
	top: calc(50% - 1em + 5px);
	left: 15px;
	font-size: 2em;
}


.peni{
	pointer-events: none!important;
	filter: grayscale(100%);
}
.peni2{
	pointer-events: none!important;
	filter: grayscale(100%);
}
.peni_formitem{
	border: none;
	padding: 0;
}
.musticon{
	color: #f8064a;
}
.login_inner dd label{
	display: none;
}
.file_mdl{
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.file_mdl__bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
.file_mdl__content{
	width: calc(95vh);
	height: calc(95vh);
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.file_mdl__content.vertical{
	width: calc(95vw);
	height: calc(95vw);
}
.file_mdl__content img,
.file_mdl__content video{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.file_mdl__content img.vertical,
.file_mdl__content video.vertical{
	width: auto;
	height: 100%;
}
.direct_msgbtn{
	font-size: 3.26vw;
	display: block;
	position: fixed;
	bottom: 5.58vw;
	right: 5.58vw;
	background-color: #1f80ff;
	width: 27.91vw;
	padding: 7.44vw 0;
	z-index: 1;
	color: #fff;
	line-height: 2;
	border-radius: 100%;
	text-shadow: #002d69 0 0 2.79vw;
}
.direct_msgbtn:after{
	position: absolute;
	content: '';
	border-bottom: 5.58vw solid #1f80ff;
	border-left: 2.79vw solid transparent;
	border-right: 2.79vw solid transparent;
	right: 0;
	bottom: 0;
	transform: rotate(135deg);
}
.to_detail_btn.direct_msgbtn{
	bottom: calc(5.58vw + 66px);
}
@media screen and (min-width: 768px){
	.direct_msgbtn{
		font-size: 14px;
		bottom: 24px;
		right: 24px;
		width: 120px;
		padding: 32px 0;
		text-shadow: #002d69 0 0 12px;
	}
	.direct_msgbtn:after{
		border-bottom: 24px solid #1f80ff;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
	}
	.to_detail_btn.direct_msgbtn{
		bottom: 90px;
	}
}
.assessment_category{
	padding: 12px 0;
	position: relative;
}
.assessment_category:before,
.assessment_category:after{
	position: absolute;
	content: '';
	width: 10vw;
	height: 100%;
	top: 50%;
}
.assessment_category.bg_black:before,
.assessment_category.bg_black:after{
	background-color: #313336;
}
.assessment_category.bg_red:before,
.assessment_category.bg_red:after{
	background-color: #ff6b6b;
}
.assessment_category:before{
	left: 0;
	transform: translate(-50%, -50%);
}
.assessment_category:after{
	right: 0;
	transform: translate(50%, -50%);
}
.msgicon{
	background-color: #000;
	color: #fff;
	display: inline-block;
}
.appraisal_headtxt{
	position: relative;
}
.btn.appraisal_tolist_btn{
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 8px;
	width: auto;
	border-radius: 4px;
}



/* 通知 */
.fix_notification{
	position: fixed;
	top: 4vw;
	left: 0;
	z-index: 9999;
	display: block;
	font-size: 3.59vw;
	color: #fff;
	background-color: rgba(31, 128, 255, 0.75);
	padding: 3.08vw 6.15vw;
	border-radius: 0 2.05vw 2.05vw 0;
	text-shadow: #1f80ff 0 0 3.08vw;
	transform: translateX(-100%);
	transition: .4s;
}
.fix_notification.act{
	transform: translateX(0);
}
@media screen and (min-width: 768px){
	.fix_notification{
		top: 24px;
		font-size: 14px;
		padding: 12px 24px;
		border-radius: 0 8px 8px 0;
		text-shadow: #1f80ff 0 0 12px;
	}
}



.tc_box{
	position: sticky;
	top: 0;
	width: 100% - 1px;
	z-index: 1;
}
.tc_box a{
	font-size: 3.59vw;
	padding: 3.08vw 0;
	border: 1px solid #dddddd;
	text-align: center;
	display: block;
	width: calc(100% / 2);
	background-color: #fff;
	color: #222;
	transition: .2s;
}
.tc_box a.act,
.tc_box a:hover{
	padding: 3.08vw 0 5.13vw 0;
	border-radius: 0 0 2.05vw 2.05vw;
	background-color: #00cd9e;
	color: #fff;
}
.tc_box a.act span{
	position: relative;
}
.tc_box a.act span:before{
	position: absolute;
	content: '';
	width: 1.03vw;
	height: 1.03vw;
	border-radius: 100%;
	background-color: #fff;
	bottom: -1.03vw;
	left: 50%;
	transform: translate(-50%, 100%);
}
@media screen and (min-width: 768px){
	.tc_box a{
		font-size: 14px;
		padding: 12px 0;
	}
	.tc_box a.act,
	.tc_box a:hover{
		padding: 12px 0 20px 0;
		border-radius: 0 0 8px 8px;
	}
	.tc_box a.act span:before{
		width: 4px;
		height: 4px;
		bottom: -4px;
	}
}
.usnone span{
	color: transparent;
}



.file_mdl__content_prev,
.file_mdl__content_next{
	position: fixed;
	bottom: calc(50vh + -70vw);
	width: 12.31vw;
	height: 12.31vw;
	cursor: pointer;
}
.file_mdl__content_prev.noact,
.file_mdl__content_next.noact{
	opacity: 0.25;
}
.file_mdl__content_prev:before,
.file_mdl__content_next:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	background-image: url('/images/btn_arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.file_mdl__content_prev:before{
	transform: translate(-50%, -50%) rotate(180deg);
}
.file_mdl__content_next:before{
	transform: translate(-50%, -50%);
}
.file_mdl__content_prev{
	left: 0;
}
.file_mdl__content_next{
	right: 0;
}
@media screen and (min-width: 768px){
	.file_mdl__content_prev,
	.file_mdl__content_next{
		width: 48px;
		height: 48px;
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
}


.message_modal{
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.message_modal__bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}
.message_modal__content{
	width: calc(50vw);
	height: calc(90vh);
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	padding: 45px;
}
.message_modal textarea {
	width: 100%;
	height: calc(100% - 100px);
}
.message_modal__content .flex {
	justify-content: space-between;
	align-items: flex-end;
    height: 100px;
}
.message_modal .btn {
	width: 40%;
}

@media screen and (max-width: 768px) {
	.message_modal__content{
		width: calc(95vw);
		height: calc(95vh);
	}
	.message_modal__content{
		padding: 15px;
	}
	.message_modal__content .flex {
    	height: 50px;
	}
	.message_modal textarea {
		width: 100%;
		height: calc(100% - 50px);
	}
	.message_modal .btn {
		padding: 5px 0px;
		font-size: 14px!important;
	}
}


.mail_open:after {
	font-family: "Material Symbols Outlined";
	content: "\e151";
	display: inline-block;
	padding-top: 2px;
}
.mail_close:after {
	font-family: "Material Symbols Outlined";
	content: "\f18a";
	display: inline-block;
	padding-top: 2px;
}

.fcol_gray {color: #7d7d7d}
.fcol_red {color: #ff6b6b}