/*BASE*/
* {box-sizing:border-box !important;}

h1,h2,h3,h4,h5{font-weight:bold;margin:0;padding:0;}
h1{font-size:2rem;margin:0 0 2rem;}
h2{font-size:1.5rem;}
h3{font-size:1.2rem;}
.text-center{text-align:center;}

body{padding:0;margin:0;}
main{}
.main_container{width:100%;}
.main_container h1{
	color:#395144;
	text-align:center;
	width:100%;
}
.content_wrap{
	max-width:1200px;
	margin:0 auto;
	padding:2rem;
}

.hissu{
	display:inline-block;
	padding:0.2em;
	color:#fff;
	background-color:#ff2626;
}

.btn_wrap{padding:2rem 1rem;text-align:center;}

.btn-base{color:#fff; background-color:#4E6C50;}
.btn-base:hover{color:#fff; background-color:#729375;}

table{width:100%;margin:0 auto 2rem;border-collapse: collapse;}
table th{width:;text-align:left;}
table td{width:;text-align:left;}



/*HEADER*/
header{
	display:flex;
	justify-content:center;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	background-color:#4E6C50;
	padding:0.5em;
	position:sticky;
	top:0;
	z-index:10000;
	height:62px;
}
header a{
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0.2em;
}
header a:hover{opacity:0.8;color:#fff;}


/*FOOTER*/
footer{background-color:#AA8B56;}
footer .footer_container{
	display:flex;
	flex-wrap:wrap;
	padding:2rem;
}
.footer_menu{width:calc(100% / 3);padding:0 2rem;margin:0;}
.footer_menu_item{margin:0.2rem 0;}
.footer_menu_item a{color:#fff;text-decoration:none;}
.footer_menu_item a:hover{opacity:0.8;}

.copyright{
	color:#fff;
	font-size:0.8rem;
	padding:0.5rem;
	text-align:center;
	background-color:#4E6C50;
}

/*SIDEMENU*/
.arc_sidebar{
	background-color:#90A17D;
	width:240px;
	height:100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9000;
	padding: 62px 0 0;
	box-shadow: inset -1px 0 0 rgb(0 0 0 / 10%);
	transition: all 300ms 0s ease;
}
.member_nav{
	position:sticky;
	top:0;
	height:100%;
	z-index:8000;
}
.menu_item_wrap{display:flex;flex-wrap:wrap;height:100%;}
.menu_item_wrap *{width:100%;}
.menu_item_wrap ul{
	list-style:none;
	padding:0;
	margin:1rem 0 0;
}


.member_nav a{
	color:#fff !important;
	font-size:1rem;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0.5rem 1rem ;
}
.member_nav a:hover{background-color:#61734D;}
.member_nav .m_btn_wrap{margin-top:auto;}
.member_nav .m_btn_wrap a{
	font-size:0.8rem;
	text-decoration:none;
	display:block;
	background-color:#61734D;
}

.opbtn_wrap{
	position:fixed;
	left:0;
	bottom:30%;
	z-index:1000;
}
.opbtn_wrap .m_btn_wrap a{
	color:#fff;
	font-size: 1rem;
	font-weight:bold;
	text-decoration: none;
	display: block;
	background-color: #ff2626;
	padding:1em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;

}

/*TOP*/


.top_main_nav{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background-color:#F0EBCE;
	padding:2rem;
	height:100%;
}

.top_main_nav_icon_wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	max-width:640px;
	width:100%;
	margin:0 auto;
}
.top_main_nav_icon{
	text-align:center;
	background-color:#fff;
	margin:1rem;
	max-width:15rem;
	max-height:15rem ;
	width:100%;
	height:100%;
}
.top_main_nav_icon a{
	color:#395144;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	padding:1.5rem;
	width:100%;
	height:100%;
	border:1px solid #fff;
}
.top_main_nav_icon a:hover{
	opacity:0.8;
	border-color:#395144;
}
.top_main_nav_icon a.disabled{
	pointer-events: none;
	background-color:#ccc;
	border-color:#bbb;
}

.top_main_nav_icon img{
	margin-bottom:0.5rem;
	max-width:8rem;
	max-height:8rem;
	width:100%;
	height:100%;
}
.service_guid{padding:1rem;border:1px solid #ccc;}
.service_guid .btn{padding:0.5rem 2rem;border-radius:0;}




/*会員・準会員ページ*/

.member_container{
	padding-left:240px;
	transition: all 300ms 0s ease;
}



.member_main{}









.member_main_vav_icon_wrap{
	max-width:1090px;
	justify-content:start;
}



/*FORM*/
/*会員登録*/
.form_wrap{
	max-width:980px;
	margin:0 auto;
}
form{}
form .border-bottom{border-bottom:1px solid #ccc;}
form .d-flex{
	display:flex;
	justify-content: start;
	align-items:center;
}
form .col-3,
form .col-9{padding:1em;}
form .col-3{width:25%;}
form .col-9{width:75%;}
form .col-9 div{margin:0 0 1rem;}
form .col-9 div:last-of-type{margin:0;}

form label{font-weight:bold;display:inline-block;min-width:8rem;margin-right:1rem;}
form input[type=text],
form textarea{padding:0.5rem;width:100%;}
form select{padding:0.5rem;}


.error_wrap{}
.error_comments{color:#dc3545;text-align:center;margin:0.5rem 0;}

.form_wrap table{}
.form_wrap table tr{}
.form_wrap table th{width:25%;border-bottom:1px solid #ccc;}
.form_wrap table td{width:75%;border-bottom:1px solid #ccc;}
.form_wrap table td div{margin-bottom:1rem;}
.form_wrap table td div:last-of-type{margin-bottom:0;}
.form_wrap table td div input{margin-right:1rem;}
.form_wrap table td div input:last-of-type{margin-right:0;}


/*ログインフォーム*/
.login_form{max-width:960px;margin:0 auto; padding:2rem;}
.login_form .form-group{padding:1rem;}

@media (min-width: 768px){
	/*PC*/
	main{min-height: calc(100vh - 54px - 168px);}
	.member_container.menu_off{padding-left:0px;}
	#sidebarMenu.menu_off{left:-240px;}
	.sp_menu_btn{display:none;}
	.sp_menu{display:none;}
}



@media (max-width: 1392px){
	/*メニューボタン3列表示幅*/
	.menu_off .member_main_vav_icon_wrap{max-width: 1090px;}
	.member_main_vav_icon_wrap{max-width: 820px;}
}
@media (max-width: 1120px){
	/*メニューボタン2列表示幅*/
	.menu_off .member_main_vav_icon_wrap{max-width: 820px;}
	.member_main_vav_icon_wrap{max-width: 550px;}
}
@media (max-width: 848px){
	.menu_off .member_main_vav_icon_wrap{max-width: 550px;}
	.member_main_vav_icon_wrap{max-width: 550px;}

	/*SP 768*/

	h1{font-size:1.5rem;margin:0 0 1.5rem;}
	h2{font-size:1.5rem;}
	h3{font-size:1.2rem;}

	/*Header*/
	.sp_menu_btn{
		display:flex;
		flex-wrap:wrap;
		width:42px;
		height:42px;
		background-color:#90A17D;
		border:1px solid #515B45;
		position:absolute;
		right:1rem;
		padding:0.5rem;
		align-items: center;
	}
	.sp_menu_btn .menu_btn_icon{
		border:2px solid #fff;
		width:100%;
	}
	.sp_menu{
		display:none;
		position:fixed;
		top:62px;
		width:100%;
		background-color:rgba(78,108,80,0.8);
	}
	.sp_menu .member_nav a{padding:1rem;}


	/*Footer*/
	footer .footer_container{
		padding: 1rem;
	}
	.footer_menu{width: calc(100% / 3);}

	/*sidebar*/
	#sidebarMenu{display:none;}
	.opbtn_wrap{display:none;}

	/*TOP*/
	.top_main_nav,
	.top_main_content{padding:2rem 1rem;}
	.top_main_nav_icon_wrap{justify-content:center; max-width: 520px;}
	.top_main_nav_icon{max-width:calc(50% - 1rem);width:160px;height:160px;margin:0.5rem;}
	.top_main_nav_icon a{font-size:1.2rem;padding:1rem;}
	.top_main_nav_icon img{width:80px;height:80px;margin:0.5rem 0;}

	.member_container{padding-left:0;}











	/*From*/
	form .d-flex{flex-wrap:wrap;justify-content: start;}
	form .col-3,
	form .col-9{width:100%;}
	form .col-3{padding-bottom:0;
	form label{margin-bottom:0.2rem;}
}


@media (max-width: 560px){
	.member_main_vav_icon_wrap{max-width: 350px;}
}