@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

/* ログイン画面 */
.login_bg{
	background: url(../images/bg_main.jpg) center center;
	background-size: cover;
}

.sidebar:after, body>.navbar-collapse:after{
	background: url(../images/bg_side.jpg) top 20% right !important;
	background-size: cover;
}

.btn-info.btn-fill{
	background: #1F3BA0;
	font-size: 13px;
	border: none;
}

.btn-danger.btn-fill{
	background: #E5867B!important;
	border: none;
	font-size: 13px;
}

.login_logo{
	width: 480px;
	margin: 0px auto 0;
}

.login_register_btn{
	display: block;
	background: #000;
	color: #ffffff;
	font-size: 12px;
	border-radius: 20px;
	line-height: 42px;
	padding: 0 15px;
	margin-top: 25px;
	font-weight: bold;
}

.login_btn_top{
	display: block;
}

.login_btn_top button{
	display: block;
	width: 100%;
	margin-left: 0;
	font-size: 15px;
	padding: 16px 0;
	background: #1F3BA0;
	color: #fff;
	border-radius: 10px;
}

.login_btn_top a{
	text-align: center;
	display: block;
	margin-top: 20px;
}

.bt_100{
	border-top: solid 1px #C3C3C3;
	padding-top: 0.5em;
}

/* サイドバー */
.nav-item .nav-link{
	display: flex!important;
	color: #000!important;
	align-items: center;
	opacity: 0.7!important;
	padding: 0!important;
	margin: 0!important;
	margin-bottom: 15px!important;
}

.sidebar .nav, body>.navbar-collapse .nav{
	margin-top: 0px!important;
	margin-left: 35px;
}

.nav-item.active .nav-link{
	opacity: 1!important;
	background: none!important;
}

.sidebar .nav li .nav-link:hover{
	background: none!important;
}

.nav-item .nav-link img{
	width: 18px;
	margin-right: 10px;
}


.sidebar, body>.navbar-collapse,
.sidebar .sidebar-wrapper, body>.navbar-collapse .sidebar-wrapper{
	width: 215px!important;
}

.sidebar-wrapper{
	position: relative;
}


.sidebar-wrapper .side_copy{
	position: absolute;
	bottom: 30px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	color: #000;
}

.sidebar .logo{
	width: 100px;
	margin: 20px auto!important;
	padding: 0!important;
	border: none;
}


.login_copy_bottom{
	position: absolute;
	text-align: center;
	bottom: 50px;
	width: 100%;
	font-size: 10px;
}



/* 
.card-body{
	
} */

.card{
	background: none!important;
	border: none!important;
}

.card .card-header{
	background: none!important;
}

.main-panel{
	background: none!important;
	width: calc(100% - 240px)!important;
	padding-bottom: 30px;
}

.main-panel .content>div>.row{
	background: #FAEFEA;
	border-radius: 10px;
	margin: 0!important;
	margin-top: 10px!important;
	margin-right: 30px!important;
	padding: 10px 0;
	padding-right: 100px;
	min-height: calc(100vh - 180px);
	display: block;
	position: relative;
}

.card-header{
	display: flex!important;
	justify-content: space-between;
	align-items: center;
	padding: 0!important;
	background: none!important;
}

.main-panel>.content{
	padding: 0!important;
}

.main-panel .navbar{
	margin: 0;
	padding: 0;
}

.card-header{
	margin-right: 30px;
	border-bottom: none!important;
}


.user_head_wp,
.user_head_wp_inr{
	display: flex;
}

.navbar-collapse{
	flex-basis:auto!important;
}

.container-fluid{
	padding-left: 0!important;
}


.card-body .row:first-child .col-md-12{
	min-height: calc(100vh - 200px)!important;
}


.bg_F7F7F8{
	background: #F7F7F8!important;
}

.bg_E9EBF3{
	background: #E9EBF3!important;
}

.card label{
	font-size: 13px!important;
	font-weight: bold;
	color: #000;
}

.wid_800{
	width: 800px;
	padding: 50px 90px!important;
	margin: 35px auto 120px;
	border-radius: 10px;
}

.form-control{
	border-radius: 0px;
}
.form-required {
  font-size: 11px;
  color: #dc3545;
  margin-right: 2px;
}
.form-required::after {
  content: "＊";
}

.user_head_wp p{
	display: flex!important;
	align-items: center;
	font-size: 12px;
	margin-bottom: 0;
}

.user_head_wp p a{
	display: flex;
	color: #000;
	margin-left: 15px;
	align-items: center;
}

.user_head_wp p a img{
	margin-left: 6px;
}

.user_head_wp p img{
	width: 15px;
	margin-right: 5px;
}

.user_head_wp>p{
	font-size: 16px!important;
	font-weight: bold;
	margin-right: 30px;
}

.user_head_wp>p img{
	width: 18px;
	height: auto;
}

.nav-item .nav-link.logout_btn{
	display: flex;
	align-items: center;
	font-weight: bold;
	color: #AAAAAA!important;
	margin-bottom: 0!important;
	font-size: 13px;
}

.showmore_content{
	overflow: hidden!important;
}

/* スマホ */
.ft_sp .ft_logo{
	display: block;
	width: 130px;
	margin: 0 auto;
}

.ft_sp .nav{
	display: flex;
	align-items: center;
	justify-content: center;
}

.ft_sp .nav .nav-item:nth-child(1){
	width: 100%;
	text-align: center;
}

.ft_sp .nav .nav-item .nav-link{
	justify-content: center;
	margin: 10px!important;
}


.ft_sp .nav .nav-link p{
	align-items: center;
	margin-bottom: 0;
}

.ft_sp .copy{
	text-align: center;
	margin: 15px 0 25px;
}

.ft_sp{
	display: none;
}

.main-panel>.footer{
	border-top: none!important;
	background: none;
}

.hum_content{
	display: none;
}

.header_sp{
	display: none;
}

.unregistered_p{
	display: flex;
	width: 100%;
}

.unregistered_p img{
	height: 25px;
	margin-right: 5px;
}

.dn{
	display: none!important;
}

.all-icons .font-icon-detail{
	background: #fff;
	text-align: left!important;
	padding: 20px;
	margin: 10px 0;
	border-radius: 5px;
	min-height: auto;
	border: none;
}

.all-icons .font-icon-detail h2{
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}



.all-icons .font-icon-detail .btn-fill{
	width: 47.5%;
	font-weight: bold;
}

.all-icons .font-icon-detail p{
	padding: 0;
	text-align: left;
	margin: 10px 0;
	color: #000;
}

.text-l{
	text-align: left!important;
}

.shinki{
	background: #000!important;
	width: 190px;
	border-radius: 20px;
	line-height: 40px;
	padding: 0;
}

.shinki span{
	justify-content: center;
	display: flex;
	align-items: center;
}

.shinki span img{
	width: 12px;
	margin-right: 5px;
}

.btn_wp{
	display: flex!important;
	justify-content: space-between;
}

.kanshi p{
	border: solid 1px #C3C3C3;
	display: flex!important;
	align-items: center;
	padding: 0.5em!important;
	justify-content: center;
	color: #000!important;
}

.kanshi p img{
	width: 16px;
	margin-right: 5px;
}

.kanshi .kanshi_off{
	background: #EDECEC;
}

.modal .modal-content .modal-footer .btn{
	width: 47.5%;
}

.modal-footer .btn-info.btn-fill{
	background: #909090;
}

.touroku_btn .btn-info.btn-fill{
	font-size: 17px!important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 260px;
	background: #000;
	border-radius: 30px;
	line-height: 40px;
	padding: 0;
}

.touroku_btn .btn-info.btn-fill img{
	margin-right: 6px;
	width: 15px;
}

.url_text02{
	padding: 0px 0 10px!important;
}

.all-icons .font-icon-detail p.url_text{
	color: #AAAAAA;
}

.url_text img,
.url_text02 img{
	display: inline-block;
	width: 12px;
}

.modal .modal-content .modal-header .modal-profile{
	box-shadow: none;
}

.sp_shinki_wp{
	text-align: left;
	margin-left: 5%;
	display: none;
	margin-top: 20px;
}

.sp_shinki_wp a{
	display: block;
	z-index: 999;
	float: none;
	display: block;
}

.pc{
	display: block;
}


.flex_gp{
	justify-content: space-between;
}

.flex_gp>div{
	width: 48.5%;
}

.wid_800 form>div{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom:solid 1px #C3C3C3;
}

.wid_800 form>div:nth-last-child(1),
.wid_800 form>div:nth-last-child(2){
	border-bottom: none;
}

.alert-success{
	display: none !important;
}
.alert-success--custome {
	display: block !important;
  background-color: #1F3BA0;
  margin-right: 30px;
  @media (max-width: 991px) {
    margin-right: 0px;
  }
}

#service_add,
#service_del{
	border: none;
	color: #fff;
}

#service_add{
	background: #1F3BA0;
}

#service_del{
	background: #E5867B;
}

.required_mark:before{
	content: "＊";
	color: #B8272D;
}

.text-sm{
	font-feature-settings: "palt";
	font-size: 12px;
}

.form_tit{
	text-align: center;
	margin-bottom: 30px;
}

.form_tit h2{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
}

.form_tit p:before{
	content: "＊";
	color: #B8272D;
}

.form_tit p{
	font-size: 13px;
}

.thanks_tit h2{
	color: #E5867B;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.thanks_tit p{
	font-size: 13px;
	line-height: 1.8;
}

.login_bg .py-4{
	padding: 30px 35px 30px;
	position: relative;
}

.thanks_contact_btn{
	font-feature-settings: "palt";
	font-size: 12px;
	text-decoration: underline;
	display: inline-block;
}

.thanks_login button{
	position: absolute;
	background: #000;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	line-height: 40px;
	width: 260px;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: -70px;
	border-radius: 30px;
	font-weight: bold;
}

.thanks_login button:hover{
	color: #fff;
}

.btn_blue{
	background: #1F3BA0;
	width: 110px;
	justify-content: center;
}

.btn_pink{
	background: #E5867B;
	min-width: 260px;
	justify-content: center;
	border-radius: 30px;
	line-height: 40px;
	padding: 0;
	font-size: 17px;
}

input.rounded-md,
select.rounded-md{
	border-radius: 0px;
}

#service-frm{
	max-width: 680px;
}

.keyword-add-del-button{
	margin: 0 auto;
}

.keyword-add-del-button button{
	padding-left: 40px;
	margin:10px 5px 5px;
	border-radius: 10px;
}

#service_add{
	background:url(../images/arrow_up.png);
	background-repeat:no-repeat;
	background-position:center left 12px;
	background-color:#1F3BA0;
	background-size: 12px;
}

#services_as{
	border: solid 2px #1F3BA0;
}

#service_del{
	background:url(../images/arrow_down.png);
	background-repeat:no-repeat;
	background-position:center left 12px;
	background-color:#E5867B;
	background-size: 12px;
}

.card form [class*="col-"]:first-child{
	padding-left: 0;
}

#service-frm>.row{
	border-bottom: 1px solid #C3C3C3;
	margin-left: 5px;
}

.card form [class*="col-"]:last-child{
	padding-right: 0;
}

.form-control[disabled]{
	background: #fff;
}

#service-frm .row .pr-1{
	width: 48.5%;
	flex: 0 0 48.5%;
	max-width: 48.5%;
}

#service-frm .row .pl-1{
	width: 48.5%;
	flex: 0 0 48.5%;
	max-width: 48.5%;
}

#service-frm .row{
	justify-content: space-between;
}
	

.hato_img_icon{
	position: absolute;
	bottom: 15px;
	right: 20px;
	width: 20px;
}

.footer{
	display: none;
}

.limit_bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	margin: 30px 30px 5px;
	padding: 15px 20px;
}

.limit_bar p{
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1;
}

.limit_bar p a{
	color: #808080;
	font-weight: bold;
}

.limit_bar p.update_limit:before{
	content: "▶︎";
	color: #E5867B;
}

.login_logo_top{
	margin-top: 75px;
}

body{
	position: relative;
}




@media (min-width: 992px){
	.col-md-4{
		max-width: 275px;
	}
}

@media (max-width: 991px){
	[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select{
		font-size: 12px;
		line-height: 1.2;
	}

	.ft_sp .nav .nav-link p{
		font-size: 13px;
	}

	
.unregistered_p{
	min-height: 20vh;
	font-size: 16px;
}



	.footer{
		display: block;
	}
	.pc{
		display: none!important;
	}

	.wid_800{
		width: 94%;
		padding: 5% 5% 0!important;
		margin-top: 0;
	}

	.hato_img_icon{
		display: none;
	}

	.add-error-color{
		display: none;
	}

	.sp_shinki_wp{
		display: block!important;
	}

	.header_sp{
		display: block;
	}	
	.ft_sp{
		display: block;
	}

	.header_sp_inr{
		border-bottom: 1px solid #000;
		height: 50px;
		position: relative;
		width: 100%;
		z-index: 99;
	}

	.hum_content{
		padding:0 3%;
	}

	.header_sp{
		background: url(../images/bg_side.jpg) top 20% right !important;
		background-size: cover!important;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 999;
	}

	.header_sp .logo{
		width: 100px;
		margin-left: 3%;
		position: relative;
		top: 10px;
	}

	.ham_btn{
		width: 50px;
		position: fixed;
		right: 0;
		top: 0;
	}

	.ham_btn img:nth-child(2){
		opacity: 0!important;
	}

	.header_sp.active .ham_btn img:nth-child(2){
		opacity: 1!important;
	}

	.ham_btn img{
		position: absolute;
		right: 0;
		top: 0;
	}

	.navbar{
		display: none!important;
	}

	.main-panel{
		width: 100%!important;
		transition: none!important;
		transform: none!important;
	}

	.sidebar{
		display: none!important;
	}

	.main-panel .content>div>.row{
		margin-right: 0!important;
		padding-right: 0;
	}

	.card-header{
		margin-right: 0;
	}

	.ft_sp .nav{
		display: flex;
	}

	.ft_sp .ft_logo{
		margin-bottom: 20px;
	}

	.antialiased .wrapper{
		background: none;
		background-color:none!important;
	}

	.antialiased{
		background: url(../images/bg_side.jpg) top 20% right !important;
		background-size: cover!important;
	}

	.main-panel>.content{
		min-height: auto!important;
		margin-bottom: 20px;
		margin-top: 90px;
	}

	.hum_content .nav-item .nav-link{
		opacity: 1!important;
		margin: 0!important;
		margin-left: 0!important;
		padding: 20px 0!important;
		width: 100%!important;
	}

	.sns_sp{
		display: flex;
	}

	.hum_content .nav{
		border-top: 2px solid #E5867B;
	}

	.hum_content .nav .nav-item{
		border-bottom: 1px solid #E5867B;
	}

	.hum_content .nav .nav-item:nth-child(3){
		border-bottom: none;
	}

	.sns_sp li img{
		height: 25px;
	}

	.sns_sp li{
		margin-right: 25px;
		margin-top: 30px;
	}

	.hum_content .navbar-nav{
		margin-top: 30px;
	}

	.hum_content .nav{
		display: block;
		margin-top: 10px;
	}

	.hum_content .nav .nav-item{
		display: flex;
		align-items: center;
	}

	.hum_content .nav .nav-item p{
		margin-bottom: 0;
	}

	.user_head_wp{
		width: 94%;
		padding: 10px 0;
		margin: 0 auto;
		justify-content: space-between!important;
	}

	.header_sp.active>.user_head_wp{
		display: none!important;
	}

	.user_head_wp .user_head_wp_inr{
		width: 100%;
		justify-content: space-between!important;
	}

	.hum_content .user_head_wp{
		width: 100%!important;
	}

	.header_sp.active .hum_content{
		display: block!important;
	}

	.hum_content{
		background: url(../images/bg_side.jpg) top 20% right !important;
		background-size: cover!important;
		position: fixed;
		width: 100%;
		z-index: 99;
		top: 80px;
	}

	.header_sp.active::after{
		content: "";
		background: url(../images/bg_side.jpg) top 20% right !important;
		background-size: cover!important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 1;
	}

	.user_tit{
		font-size: 16px!important;
		font-weight: bold;
		margin-right: 30px;
		align-items: center!important;
		display: flex;
		margin-bottom: 0!important;
	}

	.user_tit img{
		width: 25px;
	}

	.card-header{
		background: #fff!important;
		padding: 0 3%!important;
	}

	.card-header h4{
		margin: 0;
		font-weight: bold;
		font-size: 19px;
		padding: 15px 0;
	}

	.main-panel .content>div>.row{
		margin-top: 0!important;
	}


	.pr-1{
		padding: 0!important;
	}
	.pl-1{
		padding: 0!important;
	}

	.bg_F7F7F8 .col-md-12{
		padding: 0;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
		padding: 0;
	}

	.row{
		margin-right: 0;
		margin-left: 0;
	}

	select#services_bs, #services_as{
		width: 100%;
	}

	.touroku_btn .btn-info.btn-fill{
		justify-self: center;
		margin: 0 auto;
	}

	.font-icon-list{
		margin-bottom: 20px;
	}

	.main-panel .content>div>.row{
		min-height: auto;
	}
	
	.sm\:max-w-md{
		border-radius: 0.5rem;
	}

	.login_bg .py-4{
		width: 94%;
		margin: 0 auto;
	}

	.login_logo{
		max-width: 285px;
		margin: 30px auto 20px;
	}

	.login_bg .py-4{
		padding: 20px;
	}


	.limit_bar{
		display: block;
		background:none;
		margin: 10px 0 0;
		padding: 10px 20px 0;
	}
	
	.limit_bar p{
		margin-bottom: 0;
		font-size: 13px;
	}

	.limit_bar p.update_limit{
		margin-top: 0.3em;
	}
	
	.limit_bar p.update_limit:before{
		content: "▶︎";
		color: #E5867B;
	}

	.card{
		margin-bottom: 0;
	}

	.hum_content .copy{
		position: fixed;
		bottom: 10px;
		width: 100%;
		text-align: center;
		margin: 15px 0 25px;
	}

	.flex_gp.flex_gp_sp{
		display: block;
	}

	.flex_gp .flex_gp_con{
		width: 100%;
	}

	.flex_gp .flex_gp_con:nth-child(1){
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: solid 1px #C3C3C3;
	}

	.form_tit{
		margin-bottom: 20px;
	}

	.form_tit h2{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.wid_800 .justify-center{
		margin-top: -10px;
		max-width: 100%;
		width: 100%;
	}

	.btn_pink{
		max-width: 100%;
		width: 100%;
		margin-left: 0;
	}

	#service-frm>.row{
		margin-left: 0;
	}

	.touroku_btn{
		margin-top: 0px;
	}

	#service-frm>.row{
		padding-top: 10px;
	}


	.login_register_btn{
		display: block;
		background: #000;
		color: #ffffff;
		font-size: 12px;
		border-radius: 20px;
		line-height: 42px;
		padding: 0 15px;
		margin-top: 25px;
		font-weight: bold;
	}
	
	.login_btn_top{
		display: block;
	}
	
	.login_btn_top button{
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 16px 0;
		background: #1F3BA0;
		border-radius: 20px;
	}

	.login_register_btn{
		width: 90%;
		margin: 5% auto;
		text-align: center;
	}
}