/* ============================================================
PC
==============================================================*/

@media (min-width: 762px) {
	
    /* ============================================================
 	home
	==============================================================*/
    #home{
		background:#6b90d4;
        width: 100%;
        display: block;
	}

	#home footer{
		width:100%;
		position:static;
	}
	
	#home footer p{
    	font-family: 'Roboto', sans-serif;
    	font-weight:400;
    	letter-spacing:0.1rem;
    	font-size: 1.2rem;
    	text-align: right;
    	padding: 20px;
    	color: #fff;
    }

	#home footer p br{
		display:none;
	}
	
    #home main{
		width:100%;
		margin:0;
		padding: 0;
		min-height: 0;
		border-left:none;
		border-right:none;
		background: none;
	}
    
	#home #main_wrap{
		width: 100%;
		min-height: calc(100vh - 70px);
		position: relative;
		overflow: hidden;
	}

	#home #main_wrap .ci{
		width: 150px;
		margin:16px 0 0 20px;
	}
	

	#home #f_box{
		width: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	
	#home h1{
		line-height:0;
		padding: 0 0 16px;
		border-bottom: 2px solid #fff;
	}

	#home p.b_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 2.0rem;
		line-height: 140%;
		letter-spacing: 0.05rem;
		padding: 14px 0 40px;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
	}

	

	#home ul{
		display:flex;
		justify-content: space-between;
	}

	#home ul li{
		width:194px;
	}

	#home ul li a{
		display:block;
		background:#3C3C43;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		text-align:center;
		line-height:1.4;
		letter-spacing: 0.1rem;
		color:#fff;
		border-radius:4px;
		padding: 28px 0 30px;
		font-feature-settings: 'palt';
	}

	#home ul li a span{
		display:block;
		font-size:1.5rem;
	}

	#home ul li a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#home ul li a:hover{
		background:#0c53aa;
	}
	
	
	/* ============================================================
 	login
	==============================================================*/
    #login{
		background:#6b90d4;
        width: 100%;
        display: block;
	}

	#login footer{
		width:100%;
		position:static;
	}
	
	#login footer p{
    	font-family: 'Roboto', sans-serif;
    	font-weight:400;
    	letter-spacing:0.1rem;
    	font-size: 1.2rem;
    	text-align: right;
    	padding: 20px;
    	color: #fff;
    }

	#login footer p br{
		display:none;
	}
	
    #login main{
		width:100%;
		margin:0;
		padding: 0;
		min-height: 0;
		border-left:none;
		border-right:none;
		background: none;
	}
    
	#login #main_wrap{
		width: 100%;
		min-height: calc(100vh - 70px);
		position: relative;
		overflow: hidden;
	}

	#login #main_wrap .ci{
		width: 150px;
		margin:16px 0 0 20px;
	}
	

	#login #f_box{
		width: 390px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	#login #f_box_b{
		width: 490px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	
	#login h1{
		padding: 0 0 16px;
		border-bottom: 2px solid #fff;
	}

	#login h1.ttl{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 4.8rem;
		color: #fff;
		text-align: center;
		letter-spacing:0.2rem;
		line-height:1.4;
		padding: 0 0 26px;
		border-bottom:none;
		font-feature-settings: 'palt';
	}

	#login p.id_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.6rem;
		line-height: 140%;
		letter-spacing: 0.1rem;
		padding: 0 0 20px;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
	}

	#login p.b_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 2.0rem;
		line-height: 140%;
		letter-spacing: 0.1rem;
		padding: 12px 0 40px;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
	}

	#login p.b_txt span{
		font-size: 1.4rem;
	}

	#login p.error_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		line-height:1.6;
		letter-spacing: 0.1rem;
		padding: 14px 0 18px;
		margin: -13px 0 24px;
		color: #fff;
		background: #DB3E3E;
		text-align: center;
		border-radius: 4px;
		font-feature-settings: 'palt';
	}

	#login p.error_txt2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		line-height:1.6;
		letter-spacing: 0.1rem;
		padding: 14px 0 18px;
		margin: -36px 0 24px;
		color: #fff;
		background: #DB3E3E;
		text-align: center;
		border-radius: 4px;
		font-feature-settings: 'palt';
	}

	#login p.info_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		line-height:1.6;
		letter-spacing: 0.1rem;
		padding: 14px 0 18px;
		margin: -13px 0 44px;
		color: #fff;
		background: #406FBA;
		text-align: center;
		border-radius: 4px;
		font-feature-settings: 'palt';
	}

	#login p.info_txt em{
		display:block;
		font-weight:600;
		font-size: 1.8rem;
		font-style:normal;
		padding:0 0 10px;
	}

	#login p.info_txt.l01{
		margin: -13px 0 10px;
	}

	#login p.info_txt.l01 em{
		padding:0;
	}

	#login p.info_cv_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		line-height:1.6;
		letter-spacing: 0.15rem;
		padding: 16px 0 18px;
		margin: 0 0 44px;
		color: #fff;
		background: #3fb628;
		border:2px solid #b9dfb1;
		text-align: center;
		border-radius: 4px;
		font-feature-settings: 'palt';
	}

	#login p.info_cv_txt em{
		display:block;
		font-weight:600;
		font-size: 1.8rem;
		font-style:normal;
		padding:0 0 10px;
	}

	#login p.note_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		line-height:1.4;
		letter-spacing: 0.1rem;
		color:#fff;
		text-indent:-1em;
		padding: 0 0 6px 142px;
		font-feature-settings: 'palt';
	}
	
	#login ul{
		padding: 0 14px 0 0;
	}
	
	#login table{
		width: 100%;
		margin: 0 0 24px;
	}

	#login table th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		color:#fff;
		padding: 15px 0;
		vertical-align: top;
		text-align: left;
		width: 26%;
		position:relative;
	}

	#login table th.fn{
		padding: 7px 0 15px;
	}

	#login table th em{
		display:block;
		font-style:normal;
		font-size: 1.15rem;
		margin: -4px 0 0 -10px;
		color: #d1dcf0;
	}

	#login table th em.nn{
		color: #fff;
		letter-spacing:0.1rem;
		position:absolute;
		top: 31px;
		left: 62px;
	}

	#login table td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		padding: 7px 0;
		width: 74%;
		position:relative;
	}

	#login table td .ch_box{
		display:block;
		line-height:0;
		position:absolute;
		width:18px;
		top: 18px;
		right: -30px;
	}

	#f_box_b table td .ch_box{
		display:none;
		line-height:0;
		position:absolute;
		width:18px;
		top: 18px;
		right: -30px;
	}
	#f_box_b table td .ch_box.is-visible{
		display:block;
	}

	#login table td a{
		display:block;
		font-size: 1.4rem;
		color: #fff;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		text-decoration:underline !important;
		padding:6px 0 16px;
	}

	#login table td a span{
		font-weight:600;
	}

	#login table td a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#login table td a:hover{
		opacity:0.5;
	}
    
    /* ============================================================
 	comment_edit_inline
	==============================================================*/
	.comment_edit_inline {
		background: #E0ECFF;
		padding: 16px;
		margin: 0 0 8px;
		border-radius: 6px;
	}

	.comment_edit_inline .comment_input_btn_wrap {
		display: flex;
		justify-content: flex-end;
		padding: 8px 0 0;
	}

    /* ============================================================
 	modal btn_line color fix
	==============================================================*/
	#modal_win .btn_line a{
		color: #333;
	}

    /* ============================================================
 	mypage
	==============================================================*/

    #sec_profile{
	   }

	#sec_profile .prof_photo_wrap{
		height: 320px;
		background-size: cover !important;
		position:relative;
	}

	#sec_profile .prof_photo_btn{
		position:absolute;
		right: 16px;
		bottom: 16px;
	}

	#sec_profile .prof_photo_btn a{
		display:block;
		width:32px;
		height:32px;
		background:#868686;
		line-height:0;
		border-radius:50%;
		border:2px solid #fff;
		overflow: hidden;
	}

	#sec_profile .prof_name_wrap{
		position:relative;
		padding: 0 50px 50px;
	}

	#sec_profile .prof_icon_wrap{
		position:absolute;
		top: -66px;
		left: 44px;
	}

	#sec_profile .prof_icon{
		display:block;
		width: 122px;
		height: 122px;
		background: #B0DDF1 url("/global/img/prof_icon_user.svg") no-repeat center;
		background-size:100% auto;
		line-height:0;
		border-radius:50%;
		border: 5px solid #fff;
		overflow: hidden;
	}

	#sec_profile .prof_icon_btn a{
		display:block;
		width:32px;
		height:32px;
		background:#868686;
		line-height:0;
		border-radius:50%;
		border:2px solid #fff;
		overflow: hidden;
		position:absolute;
		right: 0;
		bottom: 0;
	}

	#sec_profile .prof_name_wrap ul{
		display: flex;
		padding: 16px 0 10px 158px;
	}

	#sec_profile .prof_name_wrap ul > li a{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.4rem;
		line-height: 1.2;
		text-align:center;
		background: #F5F5F5;
		width: 106px;
		padding: 6px 0;
		border-radius: 60px;
		margin: 0 3px;
	}
	#sec_profile .prof_name_wrap ul > li a span{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.0rem;
		color: #000;
	}

	#sec_profile .prof_name_wrap ul > li a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#sec_profile .prof_name_wrap ul > li a:hover{
		background:#5ac8fa;
	}

	#sec_profile .name{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.4rem;
		padding: 0 0 3px;
		color: #000;
	}
	#sec_profile .member_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.4;
		letter-spacing: 0.1rem;
		color: #000;
	}

	#sec_profile .member_txt span{
		display: inline-block;
		padding: 0 12px 0 0;
	}

	#sec_profile .prof_photo_btn a,#sec_profile .prof_icon_btn a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#sec_profile .prof_photo_btn a:hover,#sec_profile .prof_icon_btn a:hover{
		background:#0c79aa;
	}

	#sec_profile h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.6rem;
		line-height: 1.4;
		padding: 2px 0 16px 12px;
	}

	.MyESG_wrap{
		padding: 10px 0;
	}

	.PastMyESG_contents .MyESG_wrap{
	padding: 0;
	}
	
	.MyESG_block{
		border-radius:6px;
		overflow:hidden;
	}
	
	.MyESG_wrap time{
		display:block;
		background:#EAEAEA;
		text-align:center;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		color:#888888;
		padding:2px 0;
	}

	.MyESG_wrap .MyESG_txt_list{
		background:#fff;
		padding: 26px 22px 9px;
	}

	.MyESG_wrap .MyESG_txt_list > li{
		display:flex;
		margin: 0 0 20px;
	}

	.MyESG_wrap .MyESG_txt_list > li >h3{
		width:10%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 4.8rem;
		line-height:1;
		text-indent: 3px;
		padding: 2px 0 0;
		color:#BDBDBD;
	}

	.MyESG_wrap .MyESG_txt_list > li >p{
		width:90%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.6;
		padding: 5px 0 0 6px;
	}

	.MyESG_wrap .MyESG_SDGs_list{
		background:#fff;
		padding: 0 22px 26px;
	}

	.MyESG_wrap .MyESG_SDGs_list > li{
		display:flex;
		margin: 0 0 10px;
	}

	.MyESG_wrap .MyESG_SDGs_list > li >h3{
		width:10%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 3.6rem;
		line-height:1;
		text-indent: 8px;
		color:#BDBDBD;
		padding: 23px 0 0;
	}

	.MyESG_wrap .MyESG_SDGs_list > li > ul{
		width:90%;
		display:flex;
	}

	.MyESG_wrap .MyESG_SDGs_list > li > ul > li{
		width: 90px;
		height: 90px;
		margin: 0 7px 0 0;
		background:url("/global/img/SDGs_00.svg");
		background-size:100% auto;
	}
	

	h3.Prof_ttl{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 0 0 5px 18px;
	}

	p.Prof_txt{
		background:#fff;
		color: #000;
		border-radius:6px;
		padding:20px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		min-height: 80px;
	}

	p.no_txt{
		color:#ABABAB;
	}

	.MyESG_edit_wrap{
		background: #EAEAEA;
		padding: 18px 24px;
		border-radius: 0 0 6px 6px;
	}

	.MyESG_edit_wrap p{
		color: #898989;
		padding: 11px 0 0;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.2rem;
		letter-spacing:0.1rem;
	}
	.MyESG_edit_wrap p br{
		display:none;
	}

	.PastMyESG_wrap{
		border-top:1px solid #767676;
		margin: 26px 0 0;
	}

	.PastMyESG_wrap > h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.6rem;
		line-height:1;
		padding: 26px 0 10px;
	}

	/* PastMyESG_list BTN */
	.PastMyESG_list{
		margin:4px 0 0;
	}
	.PastMyESG_list li a{
		display: block;
		padding: 16px 80px 18px 32px;
		position: relative;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		background: #eaeaea;
	}

	.PastMyESG_list li a.no_esg{
		color:#ABABAB;
		pointer-events: none;
	}

	.PastMyESG_list li a{
		transition: all 0.5s ease 0s;
	}

	.PastMyESG_list li a:hover{
		background: #d0d0d0;
	}

	.PastMyESG_list li a span{
		display: block;
		width:28px;
		height:28px;
		background: #a8a8a8;
		border-radius:4px;
		border: 2px solid #ababab;
		position:absolute;
		top: 50%;
		right: 26px;
		transform:translate(0, -50%);
	}
	
	.PastMyESG_list li a span:before{
		position:absolute;
		content:"";
		top: 50%;
		right: 7px;
		width: 14px;
		transition: all 0.5s ease 0s;
		border-top: 2px solid #fff;
		transform:translate(0, -50%) rotate(0);
	}
	.PastMyESG_list li a span:after{
		position:absolute;
		content:"";
		top: 50%;
		right: 7px;
		width: 14px;
		transition: all 0.5s ease 0s;
		border-top: 2px solid #fff;
		transform:translate(0, -50%) rotate(90deg);
	}
	
	
	
	/* PastMyESG_list BTN active */
	
	.PastMyESG_list li a.act{
		background: #eaeaea;
	}
	
	.PastMyESG_list li a.act span{
		background: #fff;
	}
	
	.PastMyESG_list li a.act span:before{
		border-top: 2px solid #ababab;
		transform:translate(0, -50%) rotate(180deg);
	}
	.PastMyESG_list li a.act span:after{
		border-top: 2px solid #ababab;
		transform:translate(0, -50%) rotate(360deg);
	}
	
	.PastMyESG_contents{
		display: none;
		padding: 0 26px 0;
		background: #eaeaea;
	}
    
    /* sec_submission */

	#sec_submission{
		background: #C1C1C1;
		padding: 109px 0 50px;
	}
    
    
    /* ac_caution */
    
    .ac_caution{
       position: relative;
		border:4px solid #f26371;
    }

	.ac_caution:before{
		content: "\4e0d\9069\5207\306a\5185\5bb9\3068\5831\544a\3055\308c\3066\3044\307e\3059\ff01";
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		color:#fff;
		text-align:center;
		display: block;
		box-sizing: border-box;
		width:calc(100% + 8px);
		background:#f26371;
		padding: 2px;
		position: absolute;
		top: -23px;
		left:-4px;
		z-index:10;
	}
	
	.comment_wrap .ac_caution{
       padding:30px 16px 10px;
    }

	/* ============================================================
 	mypage > MyESG_add
	==============================================================*/
	#sec_MyESG_add{
		background:#F5F5F5;
		min-height:100vh;
		padding:30px 26px;
		box-sizing:border-box;
	}

	#sec_MyESG_add .MyESG_add_btn_wrap li{
		width: 32%;
	}

	#sec_MyESG_add .MyESG_add_btn_wrap a{
		width: 100%;
		padding: 12px 0 14px;
	}

	#sec_MyESG_add h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.6rem;
		line-height: 1.4;
		padding: 16px 0 10px 12px;
	}

	#sec_MyESG_add h2 span{
		display:block;
		font-weight: 400;
		font-size: 1.4rem;
		padding:2px 0 0;
		letter-spacing:0.1rem;
	}

	#sec_MyESG_add .MyESG_wrap .MyESG_SDGs_list > li > ul > li > a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#sec_MyESG_add .MyESG_wrap .MyESG_SDGs_list > li > ul > li > a:hover{
		filter: brightness(0.8);
	}
    
    /* ============================================================
 	mypage > prof_edit
	==============================================================*/
	#sec_prof_edit{
		background:#F5F5F5;
		min-height:100vh;
		padding:30px 26px;
		box-sizing:border-box;
	}
    
    #sec_prof_edit .prof_edit_btn_wrap{
		display: flex;
	}

	#sec_prof_edit .prof_edit_btn_wrap li{
		width: 32%;
		margin: 0 10px 0 0;
	}

	#sec_prof_edit .prof_edit_btn_wrap a{
		width: 100%;
		padding: 12px 0 14px;
	}

	#sec_prof_edit h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.6rem;
		line-height: 1.4;
		padding: 16px 0 10px 12px;
	}

	#sec_prof_edit h2 span{
		display:block;
		font-weight: 400;
		font-size: 1.4rem;
		padding:2px 0 0;
		letter-spacing:0.1rem;
	}
    
    #sec_prof_edit h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		line-height: 1.4;
		padding: 16px 0 10px 14px;
	}
    
    /* ============================================================
 	mypage > photo_icon + cover  edit/delete
	==============================================================*/
	#sec_photo_prof{
		background:#F5F5F5;
		min-height:100vh;
		padding: 70px 26px;
		box-sizing:border-box;
	}

	#sec_photo_prof .photo_wrap{
		line-height: 0;
        position: relative;
        width: 80%;
        background: #000;
		margin:0 auto;
	}

	#sec_photo_prof .cover_photo{
		width:100%;
		height:234px;
		background-size:cover !important;
	}

	#sec_photo_prof .photo_icon{
		border-radius: 50%;
        overflow: hidden;
	}
    #sec_photo_prof .photo_icon_bg{
		position: absolute;
		width: 100%;
		opacity: 0.4;
		top:0;
		left: 0;
	}

	#sec_photo_prof p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.6;
		padding: 25px 0 40px;
	}

	#sec_photo_prof p span{
		color:#FF0000;
		font-weight: 600;
	}

	#sec_photo_prof ul{
		padding:0 60px;
	}

	#sec_photo_prof a{
		width: 190px;
	}

	/* ============================================================
 	mypage > add_txt 投稿する
	==============================================================*/
	#sec_add_txt,
	#sec_add_esg{
		background:#F5F5F5;
		min-height:100vh;
		padding: 30px 0 0;
		box-sizing:border-box;
	}

	.my_submission #main_title .main_title_wrap{
		background:#f5f5f5;
	}

	#sec_add_txt .add_txt_wrap,
	#sec_add_esg .add_esg_wrap{
		background:#fff;
		padding: 30px 26px 50px;
	}
	
	.add_txt_wrap h2{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.4rem;
		color:#676776;
		font-feature-settings: 'palt';
		padding: 20px 0 3px 2px;
	}

	#sec_add_txt .add_txt_btn_wrap,
	#sec_add_esg .add_esg_btn_wrap{
		padding:0 26px 26px;
	}

	#sec_add_txt .add_txt_btn_wrap li,
	#sec_add_esg .add_esg_btn_wrap li{
		width: 32%;
	}

	#sec_add_txt .add_txt_btn_wrap a,
	#sec_add_esg .add_esg_btn_wrap a{
		width: 100%;
		padding: 12px 0 14px;
	}

	.esg_action_wrap{
		padding: 16px 0 40px;
		margin: 0 0 20px;
		border-bottom: 1px solid #ABABAB;
	}

	.esg_action_wrap .esg_action_list{
		padding: 10px 0 30px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.esg_action_wrap .esg_action_list li{
		margin:0 0 6px;
		width: 49.5%;
	}

	.esg_action_wrap h2{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		color:#fff;
		background:#676776;
		border-radius:30px;
		font-feature-settings: 'palt';
		padding: 2px 12px 3px 14px;
	}

	.esg_action_wrap h2 span{
		display:inline-block;
		font-weight: 500;
		letter-spacing:0.1rem;
		padding:0 3px 0 0;
	}

	.esg_action_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		color:#676776;
		font-feature-settings: 'palt';
		padding:10px 0 0;
		margin: 0 0 -4px;
	}

	.esg_action_wrap .FlexTextarea {
		margin: 5px 0 0;
	}


	.esg_action_wrap .department_list{
		display: flex;
		padding: 10px 0 0;
	}

	.esg_action_wrap .department_list li{
		margin: 0 10px 4px 0;
	}
	
	.department_switch_check {
	    display: none;
	}
	.department_switch_label {
	    position: relative;
	    display: block;
	    border-radius: 26px;
	    background: #f5f5f5;
	    border: 2px solid #dcdcdc;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 400;
	    font-size: 1.4rem;
	    /* color:#fff; */
	    line-height:1.6;
	    caret-color: transparent;
	    padding: 6px 56px 8px 16px;
	}
	.department_switch_label::before {
	    content: '';
	    position: absolute;
	    top: 8px;
	    right: 11px;
	    display: block;
	    width:20px;
	    height:20px;
	    background:url("/global/img/icon_caution_off.svg") no-repeat;
	    background-size:100% auto;
	}
	.department_switch_check:checked + .department_switch_label {
	    background: #E7F7FF;
	    border: 2px solid #c1dfef;
	}
	.department_switch_check:checked + .department_switch_label::before {
	    background:url("/global/img/icon_caution_on.svg") no-repeat;
		background-size:100% auto;
	}

	.add_txt_photo_wrap,
	.add_esg_photo_wrap{
		padding:26px 0 0;
	}

	.add_txt_photo_box,
	.add_esg_photo_box{
		position:relative;
		line-height:0;
		margin: 0 0 26px;
	}

	.btn_photo_delete{
		display:block;
		position:absolute;
		top: 20px;
		right: 20px;
	}

	.btn_photo_delete a{
		display:block;
		width:32px;
		padding:2px;
		line-height:0;
		background:#ababab;
		border-radius:50%;
		overflow:hidden;
		border:2px solid #fff;
		box-sizing:border-box;
	}

	.xc_add_txt_photo_add,
	.xc_add_esg_photo_add{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		color: #888888 !important;
		line-height:1.4;
		background:#F5F5F5;
		border-radius:8px;
		border: 2px solid #ABABAB;
		box-sizing:border-box;
		padding: 24px 0 24px 56px;
		position: relative;
	}

	.xc_add_txt_photo_add span,
	.xc_add_esg_photo_add span{
		display:block;
		width: 36px;
		line-height:0;
		background:#ababab;
		border-radius:50%;
		overflow:hidden;
		border:2px solid #fff;
		box-sizing:border-box;
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translate(0, -50%);
	}
	
	.xc_add_txt_photo_add~p,
	.xc_add_esg_photo_add~p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 1.4;
		padding: 5px 0 0;
		margin: 0 0 0 8px;
	}

	.xc_add_txt_photo_add,
	.xc_add_esg_photo_add{
		transition: all 0.3s ease 0s;
	}
	
	.xc_add_txt_photo_add:hover,
	.xc_add_esg_photo_add:hover{
		background:#545454;
		border:2px solid #545454;
		color:#fff !important;
	}

	.btn_photo_delete a{
		transition: all 0.3s ease 0s;
	}

	.btn_photo_delete a:hover{
		background:#545454;
	}


	.xc_add_txt_pdf_add,
	.xc_add_esg_pdf_add{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		color: #888888 !important;
		line-height:1.4;
		background:#F5F5F5;
		border-radius:8px;
		border: 2px solid #ABABAB;
		box-sizing:border-box;
		padding: 24px 0 24px 56px;
		position: relative;
	}

	.xc_add_txt_pdf_add span,
	.xc_add_esg_pdf_add span{
		display:block;
		width: 32px;
		line-height:0;
		box-sizing:border-box;
		position: absolute;
		top: 51%;
		left: 12px;
		transform: translate(0, -50%);
	}
	
	.xc_add_txt_pdf_add~p,
	.xc_add_esg_pdf_add~p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 1.4;
		padding: 5px 0 0;
		margin: 0 0 0 8px;
		font-feature-settings: 'palt';
	}

	

	.add_pdf_wrap{
        margin: 38px 0 10px;
        padding: 38px 0 0;
        border-top: 1px solid #ABABAB;
    }

	.add_pdf_wrap .download_wrap_a{
		display:block;
		padding: 0 0 8px;
	}

	.add_pdf_wrap .download_wrap_a li{
		margin:0 0 8px;
		position:relative;
	}

	.add_pdf_wrap .download_wrap_a li > a{
		display:block;
		height: 60px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		color: #fff;
		line-height:140%;
		background: #EB8A8A;
		border: 1px solid #EB8A8A;
		border-radius:40px;
		position:relative;
	}

	.add_pdf_wrap .download_wrap_a li > a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	.add_pdf_wrap .download_wrap_a li > a:hover{
		background: #c85c5c;
		border: 1px solid #c85c5c;
	}

	.add_pdf_wrap .download_wrap_a li > a .pdf_txt{
		display:block;
		position:absolute;
		padding: 0 52px 0 52px;
		left: 0;
		top: 49%;
		transform:translate(0,-50%)
	}

	.add_pdf_wrap .download_wrap_a li > a img{
		width: 20px;
		display:block;
		position:absolute;
		left: 20px;
		top: 47%;
		transform:translate(0,-50%)
	}

	.btn_pdf_delete{
		display:block;
		position:absolute;
		top: 15px;
		right: 14px;
	}

	.btn_pdf_delete a{
		display:block;
		width: 30px;
		padding:2px;
		line-height:0;
		background:#ababab;
		border-radius:50%;
		overflow:hidden;
		border:2px solid #fff;
		box-sizing:border-box;
	}

	.xc_add_txt_pdf_add,
	.xc_add_esg_pdf_add{
		transition: all 0.3s ease 0s;
	}
	
	.xc_add_txt_pdf_add:hover,
	.xc_add_esg_pdf_add:hover{
		background:#545454;
		border:2px solid #545454;
		color:#fff !important;
	}

	.btn_pdf_delete a{
		transition: all 0.3s ease 0s;
	}

	.btn_pdf_delete a:hover{
		background:#545454;
	}

	.esg_action_note_wrap{
		padding:30px 24px 100px;
	}

	.esg_action_note_wrap ul:first-child{
		padding:0 0 20px;
		margin:0 0 30px;
		border-bottom:1px solid #ababab;
	}

	.esg_action_note_wrap li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		color:#646464;
		margin:10px 0;
	}



	/* ============================================================
 	myfollow
	==============================================================*/
    

	.myfollow #main_title .main_title_wrap{
		background:#f5f5f5;
	}

	.myfollow .tab_btn_list{
		background:#f5f5f5;
	}

	.myfollow .tab_block{
		padding: 5px 0;
		background:#fff;
	}

	.follow_list li{
		padding: 11px 26px 0;
		border-bottom: 1px solid #ccc;
	}

	.myfollow .comment_prof .comment_prof_txt > .comment_member_txt{
		width: 380px;
	}
	

	/* ============================================================
 	mygood
	==============================================================*/

	.mygood main{
		width:600px;
		min-height: 100vh;
		margin:0 auto;
		padding: 0 0 0;
		background: #fff;
		position: relative;
	}
	
    #main_title_good{
		width: 600px;
		margin:0 auto;
		position: absolute;
		z-index: 9990;
		transition: all 0.5s cubic-bezier(0.12, 0.44, 0.25, 1) 0s;
	}

	 #main_title_good.fix{
		position: fixed;
		 box-shadow: 0 10px 7px rgb(0,0,0,0.2);
	 }

	#main_title_good.DownMove{		
		transform:translate(0,0);
	}

	#main_title_good.UpMove{
		transform: translate(0,-110px);
	}


	#main_title_good .main_title_wrap{
		background:#fff;
		position: relative;
	}

	#sec_good{
		padding: 96px 0 0;
	}

	.good_list {
		padding: 4px 0 0;
		background: #f5f5f5;
	}

	.good_list li{
		padding: 11px 26px 0;
		border-bottom: 1px solid #ccc;
	}

	.mygood .comment_prof .comment_prof_txt > .comment_member_txt{
		width: 500px;
	}

	#main_title_good h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		text-align:center;
		padding: 13px 0 0;
	}

	#main_title_good h1 span{
		display:inline-block;
		width: 24px;
		vertical-align: top;
		margin: 1px 10px 0 0;
	}

	#main_title_good > p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		text-align:center;
		background:#fff;
		padding: 10px 0 14px;
	}

	#main_title_good > p span{
		display: inline-block;
		font-weight: 800;
		font-size: 1.6rem;
		padding: 0 6px;
	}

	#main_title_good .btn_back a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		color:#fff;
		background:#3C3C43;
		border-radius:4px;
		padding: 8px 11px 9px 3px;
		line-height:1;
	}

	#main_title_good .btn_back a span{
		display: inline-block;
		font-weight:600;
		padding: 0 4px 0 0;
	}

	#main_title_good .btn_back a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#main_title_good .btn_back a:hover{
		opacity:0.5;
	}
    
    /* ============================================================
 	management
	==============================================================*/

	.management main{
		width:600px;
		min-height: 100vh;
		margin:0 auto;
		padding: 0 0 0;
		background: #f5f5f5;
		position: relative;
	}
	
    #main_title_sub{
		width: 600px;
		margin:0 auto;
		position: absolute;
		z-index: 9990;
		box-shadow: 0 4px 3px -3px rgba(0,0,0,0.2);
		transition: all 0.5s cubic-bezier(0.12, 0.44, 0.25, 1) 0s;
	}

	 #main_title_sub.fix{
		position: fixed;
		 box-shadow: 0 10px 7px rgb(0,0,0,0.2);
	 }

	#main_title_sub.DownMove{		
		transform:translate(0,0);
	}

	#main_title_sub.UpMove{
		transform: translate(0,-110px);
	}


	#main_title_sub .main_title_wrap{
		background:#fff;
		position: relative;
		padding: 0 0 14px;
	}

	#sec_management{
		padding: 100px 20px 0;
		background: #f5f5f5;
	}

	#main_title_sub h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		text-align:center;
		padding: 13px 0 0;
	}

	.management #main_title_left{
		position:absolute;
		left: 16px;
		bottom: 14px;
	}

	#main_title_sub .btn_back a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		color:#fff;
		background:#3C3C43;
		border-radius:4px;
		padding: 8px 11px 9px 3px;
		line-height:1;
	}

	#main_title_sub .btn_back a span{
		display: inline-block;
		font-weight:600;
		padding: 0 4px 0 0;
	}

	#main_title_sub .btn_back a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#main_title_sub .btn_back a:hover{
		opacity:0.5;
	}

	.management .user_wrap{
		background:#fff;
		border-radius:0 0 8px 8px;
		padding: 0 0 20px;
		position:relative;
	}

	.management .user_wrap .tab_wrap{
		background:#003C9C;
		border-radius: 8px 8px 0 0;
		padding: 14px 16px 20px;
		position:relative;
	}

	.management .user_wrap .tab_wrap:after{
		content: "";
		display: block;
		width: 20px;
		height:20px;
		background:#003C9C;
		position: absolute;
		bottom: -6px;
		left: 46px;
		transform:rotate(-45deg);
	}

	.management .user_wrap .info_txt{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.3rem;
		letter-spacing:0.1rem;
		color:#fff;
		padding: 0 0 12px;
		font-feature-settings: 'palt';
	}

	.management .user_wrap .info_txt span{
		display:inline-block;
		width:17px;
		padding: 0 5px 0 2px;
	}

	.management .user_wrap .tab_area_btn_list{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap:10px 0;
	}
	
	.management .user_wrap .tab_area_btn_list::after{
	  content:"";
	  display: block;
	  width: 24%;
	}

	.management .user_wrap .tab_area_btn_list li{
		width: 24%;
	}

	.management .user_wrap .tab_area_btn_list a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		font-feature-settings: 'palt';
		color:#fff;
		text-align:center;
		border-radius:20px;
		line-height:1;
		padding: 5px 0 7px;
		border:1px solid #fff;
	}

	.management .user_wrap .tab_area_btn_list .btn_off{
		pointer-events: none;
	}

	.management .user_wrap .tab_area_btn_list .btn_off a{
		opacity:0.3;
		pointer-events: none;
	}

	.management .user_wrap .tab_area_btn_list li.act a{
		background:#fff;
		color:#003C9C;
		pointer-events: none;
	}

	.management .user_wrap .tab_area_btn_list a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	.management .user_wrap .tab_area_btn_list a:hover{
		background:#fff;
		color:#003C9C;
	}

	.management .user_wrap .tab_area_block{
		padding:20px 16px 0;
		position:relative;
	}

	.management .user_wrap h2{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#000;
		padding: 0 0 6px 3px;
	}

	.management .user_wrap h2 span{
		color:#003C9C;
	}

	.management .admi_user_wrap h2{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#000;
		padding: 0 0 9px;
	}

	.management .admi_user_wrap h2 span{
		display:inline-block;
		width: 25px;
		margin: -2px 4px 0 0;
		vertical-align: text-top;
	}

	.management .btn_add_usr{
		width:156px;
		position:absolute;
		top: 22px;
		right:16px;
	}

	.management .admi_user_wrap .btn_add_usr{
		width:156px;
		position:absolute;
		top: 18px;
		right:16px;
	}

	.management .btn_add_usr a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.3rem;
		font-feature-settings: 'palt';
		color:#000;
		text-align:center;
		border-radius:20px;
		line-height:1;
		padding: 5px 0 7px;
		border:1px solid #BCBCBC;
	}

	.management .btn_add_usr a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	.management .btn_add_usr a:hover{
		background:#BCBCBC;
		color:#fff;
	}

	.management .user_list{
		width:100%;
	}

	.management .user_list li{
		display:flex;
		justify-content:space-between;
		margin: 4px 0;
	}

	.management .user_list li .info_wrap{
		display:flex;
		width: 420px;
		background:#F5F5F5;
		border-radius:6px;
	}

	.management .info_wrap .name_info{
		width: 24%;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color:#000;
		text-align: left;
		padding: 14px 4px 14px 18px;
	}

	.management .info_wrap .email_area_wrap{
		width: 76%;
		position: relative;
		padding: 14px 18px 14px 18px;
	}

	.management .info_wrap .email_info{
		box-sizing: border-box;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.4;
		text-align: left;
		font-feature-settings: 'palt';
		color:#000;
	}

	.management .info_wrap .email_area_wrap:before{
		content: "";
		display: block;
		width: 1px;
		height: 70%;
		background:#BCBCBC;
		position: absolute;
		top: 50%;
		left:0;
		transform:translate(0, -50%);
	}

	.management .info_wrap .area_info{
		display:flex;
	}

	.management .info_wrap .area_info > li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		line-height:1.4;
		color:#003c9c;
		padding:0 10px;
		border-left:1px solid #BCBCBC ;
	}

	.management .info_wrap .area_info > li:first-child{
		padding:0 10px 0 0;
		border-left:none;
	}

	.management .btn_type_a{
		display:block;
		width: 48px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		color:#fff;
		text-align:center;
		line-height:1;
		background: #3c3c43;
		border:1px solid #3c3c43;
		border-radius: 4px;
		position:relative;
	}

	.management .btn_type_a span{
		display:block;
		white-space:nowrap;
		position: absolute;
		top: 47%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	.management .btn_type_b{
		display:block;
		width: 48px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		color:#3c3c43;
		text-align:center;
		line-height:1;
		border: 1px solid #BCBCBC;
		background: #fff;
		border-radius: 4px;
		position:relative;
	}

	.management .user_list a.btn_off{
		opacity:0.4;
		pointer-events: none;
	}

	.management .btn_type_b span{
		display:block;
		white-space:nowrap;
		position: absolute;
		top: 48%;
		left: 52%;
		transform:translate(-50%, -50%);
	}



	.management .btn_type_a{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	.management .btn_type_a:hover{
		opacity:0.5;
	}

	.management .btn_type_b{
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	.management .btn_type_b:hover{
		border:1px solid #d4d4d4;
		background: #d4d4d4;
	}

	.management .unei_info_wrap{
		padding: 50px 20px 80px;
	}

	.management #sec_management_user_add .unei_info_wrap{
		padding: 50px 40px 80px;
	}

	.management .unei_info_wrap .note_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		line-height:1.4;
		letter-spacing:0.1rem;
		color:#3c3c43;
		text-indent:-1em;
		padding: 0 0 20px 1em;
		font-feature-settings: 'palt';
	}

	.management .unei_info_wrap .body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		line-height:1.4;
		letter-spacing:0.1rem;
		color:#3c3c43;
		padding: 0 0 20px;
		font-feature-settings: 'palt';
	}

	.management .unei_info_list{
		border-top:2px solid #3c3c43;
		border-bottom:2px solid #3c3c43;
		padding:14px 0;
	}

	.management .unei_info_list li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		line-height:1.4;
		letter-spacing:0.1rem;
		color:#3c3c43;
		font-feature-settings: 'palt';
	}

	.management .admi_user_wrap{
		background:#fff;
		border-radius:8px;
		padding: 13px 16px 20px;
		margin: 30px 0 0;
		position:relative;
	}


	#sec_management_user_add{
		padding: 58px 0 0;
		box-sizing: border-box;
		background: #f5f5f5;
		height: 100%;
	}

	#sec_management_user_add h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.5rem;
		text-align:center;
		padding: 3px 0 5px;
		background:#3C3C43;
		color:#fff;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
	}

	#sec_management_user_add h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 2.2rem;
		text-align:center;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
	}

	#sec_management_user_add .st_list{
		width:370px;
		margin:30px auto 10px;
		display:flex;
		justify-content:space-between;
		position:relative;
	}

	#sec_management_user_add .st_list:before{
		content: "";
		display: block;
		width: 100%;
		height:2px;
		background: #D6D6D6;
		position: absolute;
		bottom: 13px;
		left: 50%;
		transform:translate(-50%, 0);
	}

	#sec_management_user_add .st_check:before{
		background: linear-gradient( to right,  #003c9c 50%, #D6D6D6 51%, #D6D6D6 75% );
	}

	#sec_management_user_add .st_cv:before{
		background: #003c9c;
	}

	#sec_management_user_add .st_list li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.2rem;
		text-align:center;
		color:#9D9D9D;
		position: relative;
	}

	#sec_management_user_add .st_list li span{
		display:block;
		background: #c8c8c8;
		color:#fff;
		border-radius:50%;
		box-sizing:border-box;
		width:26px;
		height:26px;
		padding:1px 0 0;
	}

	#sec_management_user_add .st_list li.act{
		color:#003C9C;
	}
	#sec_management_user_add .st_list li.act span{
		background: #003C9C;
		color:#fff;
	}

	#sec_management_user_add table{
		margin: 20px 30px 0 16px;
		border-collapse: separate;
		border-spacing: 0 30px;
	}

	#sec_management_user_add .ch_wrap{
		background:#fff;
		width: 92%;
		box-sizing:border-box;
		border-radius: 10px;
		padding:20px 30px;
		margin: 40px auto;
	}

	#sec_management_user_add table.check_table{
		width:100%;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0 0;
	}

	#sec_management_user_add th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		line-height:1.4;
		text-align:right;
		padding: 16px;
		letter-spacing:0.1rem;
		white-space:nowrap;
		font-feature-settings: 'palt';
	}

	#sec_management_user_add table.check_table th{
		color:#767676;
		border-bottom:1px solid #ccc;
		margin:0 0 0 10px;
	}

	#sec_management_user_add tr:last-child th{
		vertical-align:top;
		padding: 0 10px;
	}

	#sec_management_user_add table.check_table tr:last-child th{
		vertical-align:middle;
		padding: 16px;
		border-bottom:none;
	}

	#sec_management_user_add th span{
		display:block;
		font-size: 1.1rem;
	}

	#sec_management_user_add th .img_box{
		display:inline-block;
		vertical-align:text-top;
		line-height:0;
		width:18px;
		margin: 2px 2px 0 0;
	}

	#sec_management_user_add td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.4rem;
		height: 50px;
		text-align:right;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		position:relative;
	}

	#sec_management_user_add table.check_table td{
		text-align:left;
		height: 100%;
		border-bottom:1px solid #ccc;
		color:#000;
		font-weight:500;
	}

	#sec_management_user_add table.check_table tr:last-child td{
		border-bottom:none;
	}

	#sec_management_user_add table.check_table .user_area_list_ch{
		display:flex;
	}

	#sec_management_user_add table.check_table .user_area_list_ch li{
		padding:0 10px;
		border-left:1px solid #ccc;
	}

	#sec_management_user_add table.check_table .user_area_list_ch li:first-child{
		padding:0 10px 0 0;
		border-left:none;
	}

	#sec_management_user_add .FlexTextarea__textarea {
	  position: absolute;
	  top: 0;
	  left: 0;
	  display: block;
	  overflow: hidden;
	  box-sizing: border-box;
	  padding: 13px 15px;
	  width: 100%;
	  height: 100%;
	  background-color: #fff;
	  border: 1px solid #CCCCCC;
	  border-radius: 6px;
	  color: inherit;
	  font: inherit;
	  letter-spacing: inherit;
	  resize: none;
	}
	
	#sec_management_user_add .FlexTextarea__textarea:focus {
	  box-shadow: 0 0 0 1px #ACC3E8;
		border: 1px solid #ACC3E8;
		background:#EBF3FF;
		outline: 0;
	}

	#sec_management_user_add .FlexTextarea__textarea::placeholder {
	  color:#ABABAB;
	  font-size: 1.4rem;
	}

	#sec_management_user_add .add_user_btn_wrap{
		width:366px;
		margin:30px auto 80px;
	}

	#sec_management_user_add .add_user_btn_wrap li{
		width:48%;
	}

	#sec_management_user_add .add_user_btn_wrap li a{
		width:100%;
	}

	#sec_management_user_add .add_user_btn_wrap li a.btn_off{
		opacity:0.3;
		pointer-events: none;
	}

	#sec_management_user_add .add_user_ch_btn_wrap{
		width:92%;
		margin:30px auto 80px;
	}

	#sec_management_user_add .add_user_ch_btn_wrap li{
		width:32%;
	}

	#sec_management_user_add .add_user_ch_btn_wrap li a{
		width:100%;
	}

	#sec_management_user_add .add_user_cv_btn_wrap{
		width:40%;
		margin:0 auto 80px;
	}

	#sec_management_user_add .add_user_cv_btn_wrap li{
		width:100%;
	}

	#sec_management_user_add .add_user_cv_btn_wrap li a{
		width:100%;
	}

	.management .user_area_list{
		display: flex;
		flex-wrap:wrap;
		gap:5px;
	}

	
	.management .mm_list{
		display: flex;
		gap:0 5px;
	}

	
	.mm_switch_check {
	    display: none;
	}
	.mm_switch_label {
	    position: relative;
	    display: block;
	    border-radius: 26px;
	    background: #fff;
	    border: 1px solid #CCCCCC;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: 400;
	    font-size: 1.4rem;
	    /* color:#fff; */
	    /* line-height:1.6; */
	    caret-color: transparent;
	    padding: 2px 18px 3px 34px;
	}

	.mm_switch_label span{
		font-size:1.2rem;
	}
	.mm_switch_label::before {
	    content: '';
	    position: absolute;
	    top: 7px;
	    left: 8px;
	    display: block;
	    width: 16px;
	    height: 16px;
	    background:url("/global/img/icon_caution_off.svg") no-repeat;
	    background-size:100% auto;
	}
	.mm_switch_check:checked + .mm_switch_label {
	    background: #EBF3FF;
	    border: 1px solid #ACC3E8;
	    color: #003C9C;
	}
	.mm_switch_check:checked + .mm_switch_label::before {
	    background:url("/global/img/icon_caution_on.svg") no-repeat;
		background-size:100% auto;
	}



	
	
}
}

/* comment hidden */
.comment_hidden{
	opacity:0.3;
}

/* No articles message */
.no-articles { text-align: center; padding: 40px 20px; }

/* Loading indicator */
.js-loading { display: none; text-align: center; padding: 20px; }

/* Inline form */
.inline-form { display: inline; }

/* Auth error messages */
.auth-error-msg { color: #c00; text-align: center; margin-bottom: 10px; }
.auth-error-note { color: #c00; }

/* ============================================================
 	management
==============================================================*/

.management main{
	width:600px;
	min-height: 100vh;
	margin:0 auto;
	padding: 0 0 0;
	background: #f5f5f5;
	position: relative;
}

#main_title_sub{
	width: 600px;
	margin:0 auto;
	position: absolute;
	z-index: 9990;
	box-shadow: 0 4px 3px -3px rgba(0,0,0,0.2);
	transition: all 0.5s cubic-bezier(0.12, 0.44, 0.25, 1) 0s;
}

 #main_title_sub.fix{
	position: fixed;
	 box-shadow: 0 10px 7px rgb(0,0,0,0.2);
 }

#main_title_sub.DownMove{
	transform:translate(0,0);
}

#main_title_sub.UpMove{
	transform: translate(0,-110px);
}


#main_title_sub .main_title_wrap{
	background:#fff;
	position: relative;
	padding: 0 0 14px;
}

#sec_management{
	padding: 90px 20px 0;
	background: #f5f5f5;
}

#main_title_sub h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size: 1.6rem;
	text-align:center;
	padding: 13px 0 0;
}

.management #main_title_left{
	position:absolute;
	left: 16px;
	bottom: 14px;
}

#main_title_sub .btn_back a{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size: 1.4rem;
	color:#fff;
	background:#3C3C43;
	border-radius:4px;
	padding: 8px 11px 9px 3px;
	line-height:1;
}

#main_title_sub .btn_back a span{
	display: inline-block;
	font-weight:600;
	padding: 0 4px 0 0;
}

#main_title_sub .btn_back a{
	transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
}

#main_title_sub .btn_back a:hover{
	opacity:0.5;
}

.management .user_wrap{
	background:#fff;
	border-radius:0 0 8px 8px;
	padding: 0 0 20px;
	position:relative;
}

.management .user_wrap .tab_wrap{
	background:#003C9C;
	border-radius: 8px 8px 0 0;
	padding: 14px 16px 20px;
	position:relative;
}

.management .user_wrap .tab_wrap:after{
	content: "";
	display: block;
	width: 20px;
	height:20px;
	background:#003C9C;
	position: absolute;
	bottom: -6px;
	left: 46px;
	transform:rotate(-45deg);
}

.management .user_wrap .info_txt{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size: 1.3rem;
	letter-spacing:0.1rem;
	color:#fff;
	padding: 0 0 12px;
	font-feature-settings: 'palt';
}

.management .user_wrap .info_txt span{
	display:inline-block;
	width:17px;
	padding: 0 5px 0 2px;
}

.management .user_wrap .tab_area_btn_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:10px 0;
}

.management .user_wrap .tab_area_btn_list::after{
  content:"";
  display: block;
  width: 24%;
}

.management .user_wrap .tab_area_btn_list li{
	width: 24%;
}

.management .user_wrap .tab_area_btn_list a{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	font-feature-settings: 'palt';
	color:#fff;
	text-align:center;
	border-radius:20px;
	line-height:1;
	padding: 5px 0 7px;
	border:1px solid #fff;
}

.management .user_wrap .tab_area_btn_list li.act a{
	background:#fff;
	color:#003C9C;
	pointer-events: none;
}

.management .user_wrap .tab_area_btn_list a{
	transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
}

.management .user_wrap .tab_area_btn_list a:hover{
	background:#fff;
	color:#003C9C;
}

.management .user_wrap .tab_area_block{
	padding:20px 16px 0;
	position:relative;
}

.management .user_wrap h2{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
	font-feature-settings: 'palt';
	color:#000;
	padding: 0 0 6px 3px;
}

.management .user_wrap h2 span{
	color:#003C9C;
}

.management .btn_add_usr{
	width:156px;
	position:absolute;
	top: 22px;
	right:16px;
}

.management .btn_add_usr a{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.3rem;
	font-feature-settings: 'palt';
	color:#000;
	text-align:center;
	border-radius:20px;
	line-height:1;
	padding: 5px 0 7px;
	border:1px solid #BCBCBC;
}

.management .btn_add_usr a{
	transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
}

.management .btn_add_usr a:hover{
	background:#BCBCBC;
	color:#fff;
}

.management .user_list{
	width:100%;
}

.management .user_list li{
	display:flex;
	justify-content:space-between;
	margin: 4px 0;
}

.management .user_list li .info_wrap{
	display:flex;
	width: 420px;
}

.management .info_wrap .name_info{
	width: 24%;
	box-sizing: border-box;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.4;
	font-feature-settings: 'palt';
	color:#000;
	background:#F5F5F5;
	border-radius:6px 0 0 6px;
	text-align: left;
	padding: 14px 4px 14px 18px;
}

.management .info_wrap .email_info{
	width: 76%;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: left;
	font-feature-settings: 'palt';
	color:#000;
	background:#F5F5F5;
	border-radius:0 6px 6px 0;
	padding: 14px 18px 14px 18px;
	position: relative;
}

.management .info_wrap .email_info:before{
	content: "";
	display: block;
	width: 1px;
	height: 70%;
	background:#BCBCBC;
	position: absolute;
	top: 50%;
	left:0;
	transform:translate(0, -50%);
}

.management .btn_type_a{
	display:block;
	width: 48px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size: 1.4rem;
	color:#fff;
	text-align:center;
	line-height:1;
	background: #3c3c43;
	border:1px solid #3c3c43;
	border-radius: 4px;
	position:relative;
}

.management .btn_type_a span{
	display:block;
	white-space:nowrap;
	position: absolute;
	top: 47%;
	left: 50%;
	transform:translate(-50%, -50%);
}

.management .btn_type_b{
	display:block;
	width: 48px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size: 1.4rem;
	color:#3c3c43;
	text-align:center;
	line-height:1;
	border: 1px solid #BCBCBC;
	background: #fff;
	border-radius: 4px;
	position:relative;
}

.management .btn_type_b span{
	display:block;
	white-space:nowrap;
	position: absolute;
	top: 48%;
	left: 52%;
	transform:translate(-50%, -50%);
}



.management .btn_type_a{
	transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
}

.management .btn_type_a:hover{
	opacity:0.5;
}

.management .btn_type_b{
	transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
}

.management .btn_type_b:hover{
	border:1px solid #d4d4d4;
	background: #d4d4d4;
}

.management .btn_type_b.btn_off{
	opacity: 0.3;
	pointer-events: none;
}

.management .admi_user_wrap{
	background:#fff;
	border-radius:8px;
	padding: 20px 16px;
	margin: 20px 0 0;
	position:relative;
}

.management .admi_user_wrap h2{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
	font-feature-settings: 'palt';
	color:#000;
	padding: 0 0 6px 3px;
}

.management .admi_user_wrap h2 span{
	display:inline-block;
	width:22px;
	padding: 0 6px 0 0;
	vertical-align: text-bottom;
}

.management .admi_user_list{
	width:100%;
}

.management .admi_user_list li{
	display:flex;
	justify-content:space-between;
	margin: 4px 0;
}

.management .admi_user_list li .info_wrap{
	display:flex;
	width: 420px;
}

.management .unei_info_wrap{
	border-radius:8px;
	padding: 20px 16px;
	margin: 20px 0 0;
}

.management .unei_info_wrap .note_txt{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.6;
	font-feature-settings: 'palt';
	color:#000;
	padding: 0 0 16px;
}

.management .unei_info_list li{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.6;
	font-feature-settings: 'palt';
	color:#000;
}

.management .unei_info_list a{
	color:#003C9C;
	text-decoration: underline;
}

/* Management form styles */
.management .form-wrap {
	background: #fff;
	border-radius: 8px;
	padding: 30px 40px;
	max-width: 500px;
	margin: 0 auto;
}

.management .form-group {
	margin-bottom: 20px;
}

.management .form-group label {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	color: #000;
	margin-bottom: 8px;
}

.management .form-group label .required {
	color: #c00;
	font-size: 1.2rem;
	margin-left: 4px;
}

.management .form-group input[type="text"],
.management .form-group input[type="email"],
.management .form-group select {
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.management .form-group input[readonly] {
	background: #f5f5f5;
	color: #666;
}

.management .form-group input:focus,
.management .form-group select:focus {
	outline: none;
	border-color: #003C9C;
}

.management .error-msg {
	color: #c00;
	font-size: 1.2rem;
	margin-top: 4px;
}

.management .form-actions {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 30px;
}

.management .btn-cancel,
.management .btn-submit {
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	padding: 12px 40px;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	text-decoration: none;
	border: none;
}

.management .btn-cancel {
	background: #fff;
	color: #3c3c43;
	border: 1px solid #BCBCBC;
}

.management .btn-cancel:hover {
	background: #f5f5f5;
}

.management .btn-submit {
	background: #003C9C;
	color: #fff;
	border: 1px solid #003C9C;
}

.management .btn-submit:hover {
	opacity: 0.8;
}

.management .form-note {
	text-align: center;
	font-size: 1.3rem;
	color: #666;
	margin-top: 20px;
}

/* Success/Error messages */
.management .alert {
	padding: 12px 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	font-size: 1.4rem;
}

.management .alert-success {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.management .alert-error {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

/* Management page utility classes */
.management .tab-hidden {
	display: none;
}

.management .empty-list-item {
	padding: 20px;
	text-align: center;
	color: #888;
}

/* Admin limit note */
.management .admin-limit-note {
	position: absolute;
	top: 22px;
	right: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	color: #c00;
	line-height: 1;
	padding: 5px 0;
}

/* Checkbox / Radio group in management forms */
.management .checkbox-group,
.management .radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	padding: 8px 0;
}
.management .checkbox-label,
.management .radio-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.6;
	cursor: pointer;
}
.management .checkbox-label input,
.management .radio-label input {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
}

/* Confirmation page */
.management .confirm-note {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 24px;
	line-height: 1.8;
}
.management .confirm-table {
	margin-bottom: 30px;
}
.management .confirm-item {
	display: flex;
	border-bottom: 1px solid #eee;
	padding: 12px 0;
}
.management .confirm-item dt {
	width: 160px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	color: #666;
	flex-shrink: 0;
}
.management .confirm-item dd {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	margin: 0;
}

/* Complete page */
.management .complete-message {
	text-align: center;
	margin-bottom: 20px;
}
.management .complete-title {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 1.8rem;
	margin-bottom: 24px;
}
.management .complete-message .confirm-table {
	text-align: left;
	max-width: 400px;
	margin: 0 auto 24px;
}
.management .temp-password {
	font-family: 'Courier New', monospace;
	font-weight: 700;
	font-size: 1.6rem;
	color: #c00;
	letter-spacing: 1px;
}
.management .password-note {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	color: #666;
	line-height: 1.8;
}
.management .form-actions-center {
	justify-content: center;
}

/* Branch info in admin list */
.management .branch_info {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	color: #666;
	margin-top: 4px;
}

/* Branch switch list in header */
.branch_switch_list {
	margin: 0;
	padding: 2px 0 0;
	list-style: none;
}
.branch_switch_list li {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.6;
}
.branch_switch_list li a {
	color: #999;
	text-decoration: underline;
}
.branch_switch_list li a:hover {
	color: #fff;
}