@charset "UTF-8";
/*
* 共通
*/
body, html {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-size:18px;
	color:#000;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.mincho {
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p{
	margin-bottom:1em;
}
ul,li{
	margin:0;
	padding:0;
	list-style-position:inside;
}
a{
	text-decoration:none;
	color:#231815;
}

a:hover{
	opacity:0.8;
}
.sp_only{
	display:none !important;
}
.pc_only{
	display:block !important;
}
header{
	margin:0 0 3rem;
	padding:0 0 30px;
	position:relative;
	width:100%;
}
.top:after{
	background:none;
	height:0;
}
footer{
	width:100%;
	margin:3rem 0;
}
footer p{
	text-align:center;
	padding:10px;
	font-size:12px;
}
footer p img{
	max-width:130px;
}
.wrap{
	width:1040px;
	margin:0 auto;
}
.wrap2{
	width:425px;
	margin:0 auto;
}
.rs_img{
	width:100%;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;

}
textarea.form-control{
	height:7.5em;
}
.flexcnt{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex_center{
	align-items: center;
}
.flex_rev{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#vmediadropzone.dropzone .dz-preview .dz-remove{
	display:none;
}
#loginpass_open{
	cursor:pointer;
}
.survey_list .flexcnt.input_wrap:after{
	content: "";
	display: block;
	width: 32%;
	height: 0;
}
.uxitem_select{
	width:32%;
}
.uxitem_select input{
	display:none;
}
.uxitem_select input:checked + label{
	border:2px solid #F19824;
	background:#F19824;
	color:#fff;
}
.uxitem_select label{
	display:block;
	width:100%;
	background:#fff;
	border:2px solid #ccc;
	border-radius:5px;
	color:#ccc;
	text-align:center;
	padding:0.5em 0;
	cursor:pointer;
}
/*
* ここからサイト毎
*/
.monthly_loading{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
	position:fixed;
	top:0;
	left:0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display:flex;
	z-index:99999;
}
.paging li{
	list-style:none;
}
.paging .paging_prev a, .paging .paging_next a{
	display:block;
	color:#fff;
	background:#9FA0A0;
	position:  relative;
	padding:0.25em 1em;
	text-decoration:none;
}
.paging .paging_prev a:after{
	content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 0.75em 1em 0;
    border-color: transparent #9FA0A0 transparent transparent ;
    position:  absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%) translateX(0);
	-webkit- transform: translateY(-50%) translateX(0);
}
.paging .paging_next a:after{
	content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 0 1em 0.75em;
    border-color: transparent transparent transparent #9FA0A0;
    position:  absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%) translateX(0);
	-webkit- transform: translateY(-50%) translateX(0);
}
.monthly_loading{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
	position:fixed;
	top:0;
	left:0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display:flex;
	z-index:99999;
}
.drawer-hamburger{
	padding:14px 0.75rem 30px;
}
.drawer-hamburger{
	top:0;
}
.drawer--right .drawer-hamburger{
	top:1em;
	right:1em;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	background:#555;
}
.m_menu_btn:focus{
	outline:none;
}
.drawer-nav{
	z-index:1000;
}
.m_menu_nav > div{
	overflow:auto;
}
.m_menu_nav > div > ul{
	padding-top:2em;
}

.m_menu_nav > div > ul > li{
	border-bottom:1px dotted #555;
	list-style:none;
}
.m_menu_nav > div > ul > li > a{
	padding:1em;
	display:block;
	color:#000;
}
.m_menu_nav > div > ul > li > a.active:before{
	content:"";
	width:0;
	height:0;
	display:inline-block;
	border-left: 0.5em solid black;
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	margin-right:0.5em;
}
.m_menu_nav > div > ul > li > a span{
	display:block;
}
.m_menu_nav > div > ul > li > ul > li > a{
	padding:1em;
	display:block;
	color:#000;
}
.m_menu_nav > div > ul > li > ul > li > a:before{
	content:"- ";
}
.m_menu_nav .btn {
	width:100%;
}
h1 img{
	width:100%;
	max-width:200px;
}
.header_menu li{
	list-style:none;
}
.header_menu li a{
	font-size:17px;
	display:block;
	background:#005BAB;
	text-align:center;
	border-radius:3px;
	color:#fff;
	text-decoration:none;
	padding:0.25em 0;
	margin-top:1rem;
}
.header_menu li.logout_btn a{
	background:#9FA0A0;
}
.col_35{
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.inquiry{
	padding:3rem 0;
}
.inquiry .subttl1{
	text-align:center;
}
.inquiry form{
	display:block;
}
.inquiry table{
	width:100%;
	border-top:2px solid #ccc;
}
.inquiry table tr{
	width:100%;
	border-bottom:2px solid #ccc;
}
.inquiry table th{
	font-weight:normal;
	padding:1em;
	vertical-align:middle;
	width:35%;
}
.inquiry table td{
	padding:1em;
	vertical-align:middle;
}
.inquiry table td span{
	font-size:18px;
	padding:1em;
	background:#dc3545;
	padding:0.25em 0.5em;
	color:#fff;
}
.submit_btn{
	border:none;
	font-size:30px;
	background:#005BAB;
	padding:1em 0;
	color:#fff;
	margin-top:2rem;
	width:60%;
}
.submit_btn:hover{
	opacity:0.8;
}
.inquiry input[readonly], .inquiry textarea[readonly]{
	background:#f6f6f6;
}
.login_header{
	text-align:center;
	margin:5rem 0 3rem;
	padding:0;
}
.login_header h1 img{
	width:100%;
	max-width:440px;
}
.login_header h2 img{
	width:100%;
	max-width:425px;
}
.btn-login{
	color:#fff;
	background:#F19824;
	width:100%;
}
.btn-login:hover{
	color:#fff;
	opacity:0.8;
}
.login_txt{
	font-size:0.75rem;
}
.header_inner{
	border-bottom:3px solid #F19824;
}
.header_tag{
	margin-top:1.25rem;
}
.header_tag a{
	line-height:30px;
	font-size:16px;
}
.header_tag a .header_from{
	display:inline-block;
	border-radius: 5px 0 0 5px;
	color:#fff;
	padding:0 2em 0 1em;
	background:#ED6C00;
}
.header_tag.bg_block a .header_from{
	background:#0068B7 !important;
}
.header_tag.bg_area a .header_from{
	background:#00A73C !important;
}
.header_tag a .header_change{
	display:inline-block;
	border-radius: 0 5px 5px 0;
	color:#fff;
	padding:0 0.5em;
	background:#B5B5B6;
	position:relative;
}
.header_tag a .header_change::before {
	border: 15px solid transparent;
	border-right-color: #B5B5B6;
	border-left-width: 0;
	content: '';
	display: block;
	height: 0;
	position: absolute;
	left: -15px;
	top: 0;
	width: 0;
}
.header_icon{
	margin-top:1.25rem;
	font-size:18px;
	vertical-align:middle;
}
.header_icon img{
	margin-right:0.5em;
}
.logout a{
	margin-top:1.25rem;
	display:inline-block;
	border:1px solid #F19824;
	border-radius:5px;
	color:#F19824;
	font-size:18px;
	padding:0.1em 0.5em;
	text-decoration:none;
}
.header_nav li{
	list-style:none;
	text-align:center;
	width:16.4%;
}
.header_nav ul:after{
	content:"";
	display:block;
	width:16.4%;
	height:0;
}
.header_nav li a{
	display:block;
	color:#898989;
	background:#E6E6E6;
	width:100%;
	font-size:18px;
	padding:0.5em 0;
	text-decoration:none;
}
.header_nav li a.active{
	background:#F19824;
	color:#fff;
}

.header_nav li a.menu_item01.active{
	background:#19A5E0;
}
.header_nav li a.menu_item02.active{
	background:#8DC21F;
}
.header_nav li a.menu_item03.active{
	background:#EA6088;
}
.header_nav li a.menu_item04.active{
	background:#B28146;
}
.header_nav li a.menu_item05.active{
	background:#00A199;
}

.home_ttl{
	display:inline-block;
	background:#F19824;
	color:#fff;
	font-size:20px;
	padding:0.25em 2em;
	border-radius:20px;
}
.menu_list{
	margin-top:1rem;
}
.menu_list a{
	display:inline-block;
	margin:0 0.5rem 0.75rem 0 ;
	padding:3rem 1rem;
	text-align:center;
	border-radius:5px;
	background:#ED6C00;
	color:#fff;
	text-decoration:none;
	min-width:175px;
}
.menu_list a.bg_block{
	background:#0068B7;
}
.menu_list a.bg_area{
	background:#00A73C;
}
.menu_list2{
	margin-top:1rem;
}
.menu_list2 a{
	display:block;
	margin:1rem auto ;
	text-align:center;
	text-decoration:none;
	width:17%;
	color:#231815;
}
.menu_list2 a .menu_img{
	padding:2rem 0.5rem;
	border-radius:5px;
	display:block;
}
.menu_list2 a .menu_img img{
	width:100%;
	max-width:80px;
}
.menu_list2 a .menu_ttl{
	display:block;
	font-weight:bold;
	font-size:22px;
	margin:0.5em 0 0.25em;
}
.menu_list2 a .menu_desc{
	display:block;
	font-size:16px;
}
.menu_list2 a.menu_item01 .menu_img{
	background:#19A5E0;
}
.menu_list2 a.menu_item01 .menu_ttl{
	color:#19A5E0;
}
.menu_list2 a.menu_item02 .menu_img{
	background:#8DC21F;
}
.menu_list2 a.menu_item02 .menu_ttl{
	color:#8DC21F;
}
.menu_list2 a.menu_item03 .menu_img{
	background:#EA6088;
}
.menu_list2 a.menu_item03 .menu_ttl{
	color:#EA6088;
}
.menu_list2 a.menu_item04 .menu_img{
	background:#B28146;
}
.menu_list2 a.menu_item04 .menu_ttl{
	color:#B28146;
}
.menu_list2 a.menu_item05 .menu_img{
	background:#00A199;
}
.menu_list2 a.menu_item05 .menu_ttl{
	color:#00A199;
}
.ad_wrap a{
	display:block;
	margin:1rem 0;
	text-decoration:none;
}
.ad_wrap a img{
	width:100%;
}
.main_cnt{
	width:68%;
}
.side_cnt{
	width:30%;
}
.back_btn a{
	display:inline-block;
	color:#fff;
	background:#9FA0A0;
	text-align:center;
	padding:0.25em 1em;
	position:relative;
	margin-left:1em;
	text-decoration:none;
}
.back_btn a::before {
	border: 18px solid transparent;
	border-right-color: #9FA0A0;
	border-left-width: 0;
	content: '';
	display: block;
	height: 0;
	position: absolute;
	left: -18px;
	top: 0;
	width: 0;
}
.vcommittee_tag{
	font-size:14px;
	color:#fff;
	border-radius:3px;
	background:#EA4F18;
	padding:0.1em 0.5em;
	margin:0 0.1rem 0.1rem 0;
	white-space:nowrap;
}
.vblock_tag{
	font-size:14px;
	color:#fff;
	border-radius:3px;
	background:#036EB7;
	padding:0.1em 0.5em;
	margin:0 0.1rem 0.1rem 0;
	white-space:nowrap;
}
.varea_tag{
	font-size:14px;
	color:#fff;
	border-radius:3px;
	background:#1EAA39;
	padding:0.1em 0.5em;
	margin:0 0.1rem 0.1rem 0;
	white-space:nowrap;
}
.detail_table1 th{
	width:12em;
	vertical-align:middle;
}
.user_cm_btn{
	width:24%;
}
.user_cm_btn a{
	display:block;
	font-size:20px;
	border-radius:3px;
	background:#FFE100;
	border:2px solid #009FC9;
	color:#009FC9;
	text-align:center;
	padding:0.5em;
	text-decoration:none;
}
.user_bk_txt{
	display:inline-block;
	border-radius:20px;
	padding:0.25em 1.5em;
	font-size:24px;
	margin-right:1em;
}
.user_bk_btn{
	dispaly:inline-block;
}
.user_bk_btn a {
	display:block;
	font-size:20px;
	border-radius:3px;
	background:#EFEFEF;
	border:2px solid #009FC9;
	color:#009FC9;
	text-align:center;
	padding:0.35em 1em;
	text-decoration:none;
}
.user_ar_btn{
	width:19%;
	font-size:20px;
	text-align:center;
	margin-right:1%;
}
.user_ar_btn a{
	display:block;
	border-radius:3px;
	padding:0.35em 1em;
	text-decoration:none;
}
.BK1001 .user_bk_txt{
	background:#6A1684;
	color:#fff;
}
.BK1001 .user_bk_btn a, .BK1001 .user_ar_btn a{
	border:2px solid #6A1684;
	color:#6A1684;
}
.BK1002 .user_bk_txt{
	background:#FFE100;
	color:#EC6C00;
}
.BK1002 .user_bk_btn a, .BK1002 .user_ar_btn a{
	border:2px solid #EC6C00;
	color:#EC6C00;
}
.BK1003 .user_bk_txt{
	background:#0068B6;
	color:#fff;
}
.BK1003 .user_bk_btn a, .BK1003 .user_ar_btn a{
	border:2px solid #0068B6;
	color:#0068B6;
}
.BK1004 .user_bk_txt{
	background:#7FBE26;
	color:#fff;
}
.BK1004 .user_bk_btn a, .BK1004 .user_ar_btn a{
	border:2px solid #7FBE26;
	color:#7FBE26;
}
.BK1005 .user_bk_txt{
	background:#EC6C00;
	color:#fff;
}
.BK1005 .user_bk_btn a, .BK1005 .user_ar_btn a{
	border:2px solid #EC6C00;
	color:#EC6C00;
}
.BK1006 .user_bk_txt{
	background:#EA6DA4;
	color:#fff;
}
.BK1006 .user_bk_btn a, .BK1006 .user_ar_btn a{
	border:2px solid #EA6DA4;
	color:#EA6DA4;
}
.BK1007 .user_bk_txt{
	background:#00A6E9;
	color:#fff;
}
.BK1007 .user_bk_btn a, .BK1007 .user_ar_btn a{
	border:2px solid #00A6E9;
	color:#00A6E9;
}
.BK1008 .user_bk_txt{
	background:#E50012;
	color:#fff;
}
.BK1008 .user_bk_btn a, .BK1008 .user_ar_btn a{
	border:2px solid #E50012;
	color:#E50012;
}
.dropify-wrapper .dropify-message p{
	font-size:16px;
}
.table td, .table th {
	vertical-align:middle;
}
.view_ttl{
	font-size:20px;
}
.message_wrap{
	border:2px solid #ccc;
	padding:1rem;
}
.message_wrap>h1, .message_wrap .message_ttl{
	text-align: center;
	font-size: 1.5rem;
	color:#F19824;
}
.message_cnt{
	border-top:2px solid #ccc;
	padding:0.5rem 0;
}
.message_cnt img{
	max-width:100%;
}
.bootstrap-duallistbox-container option{
	font-size:0.6rem;
}
.sp_thead{
	display:none;
}
.sp_line, .sp_inline{
	display:none;
}
.note-editor.note-frame .note-editing-area .note-editable p, .message_cnt p{
	margin-bottom:0;
}
body.bg_committee{
	background:#fff8f2;
}
body.bg_block{
	background:#f2f9ff;
}
body.bg_area{
	background:#f2fff7;
}
@media screen and (max-width: 960px){
	h1 img{
		width:100%;
	}
}

@media screen and (max-width: 767px){
	/*
	* 共通
	*/
	.sp_only{
		display:block !important;
	}
	.pc_only{
		display:none !important;
	}
	footer{
		min-width:100%
	}
	.g_navi{
		display:none;
	}
	.wrap, .wrap2{
		width:96%;
		margin:0 2%;
	}
	#inquiry{
		width:100%;
	}
	#inquiry .confirm_btn, #inquiry .reset_btn, #inquiry .back_btn, #inquiry .submit_btn{
		width:44%;
		margin:0 1%;
	}
	#inquiry table tr,#inquiry table td,#inquiry table th{
		display:block;
		width:100%;
	}
	/*
	* ここからサイトごと
	*/
	header{
		padding:0;
	}
	.inquiry form{
		padding:1rem;
	}
	.inquiry table td.form_input{
		display:block;
		width:100%;
	}
	.inquiry table tr{
		display:block;
		width:100%;
	}
	.inquiry table th{
		display:inline-block;
		width:65%;
		box-sizing:border-box;
	}
	.inquiry table td{
		display:inline-block;
		width:30%;
		box-sizing:border-box;
	}
	.header_tag, .header_icon, .logout{
		display:none;
	}
	.header_inner h1{
		width:250px;
	}
	.menu_list a{
		width:100%;
	}
	.menu_list2 a{
		width:48%;
	}
	.main_cnt{
		width:100%;
	}
	.side_cnt{
		width:100%;
	}
	.detail_table1, .detail_table1 tr, .detail_table1 tbody{
		display:block;
		width:100%;
	}
	.detail_table1 th{
		display:block;
		width:100%;
	}
	.detail_table1 td{
		display:block;
		width:100%;
	}
}

@media screen and (max-width: 480px){
	/*
	* 共通
	*/
	#inquiry input.i_email{
		width:40%;
	}
	.content_tbl,.content_tbl thead,.content_tbl tbody, .content_tbl th, .content_tbl td, .content_tbl tr {
		display:block;
		width:100%;
		border:none;
		padding:0.25rem;
	}
}

@media screen and (max-width: 575px){
	/*
	* 共通
	*/
	.content_tbl,.content_tbl thead,.content_tbl tbody, .content_tbl th, .content_tbl td, .content_tbl tr {
		display:block;
		width:100%;
		border:none;
		padding:0.25rem;
	}
	.pc_thead{
		display:none !important;
	}
	.sp_thead{
		display:block !important;
	}
	.sp_line{
		display:block !important;
	}
	.sp_inline{
		display:inline-block !important;
	}
}
/*
* 共通
*/
@media screen and (min-width: 576px){
	.col-sm-45 {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}
	.col-sm-55 {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}
}
@media screen and (min-width: 768px){
	.top_cnt.container,.company_cnt1.container,.purchase_cnt.container{
		max-width:100%;
	}
}

@media (min-width: 1200px){}
	.container {
		max-width: 960px;
	}
}