@charset "utf-8";
*{
	box-sizing: border-box;
	word-break: break-all;
}
html {
	font-size: 10px;
}
body {
	background: #004EBB;
	font-size:1.6rem;
	color: #fff;
	line-height: 1.3;
	letter-spacing: 0.02em;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}
input,button,select,textarea{
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, figure {
	margin: 0;
	padding: 0
}
ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:1.6rem;
	font-weight: normal;
}
address {
	font-style: inherit
}
a {
	text-decoration: none;
	color: #393327;
	transition: 0.2s ease;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
}
p {
	margin-bottom: 1.5em;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
table {
	width: 100%;
	border-collapse: collapse;
}
hr {
	border: none;
	height: 1px;
	background: #1c1c1c;
	margin-bottom: 1em;
}
strong{
	font-weight: bold;
}
.hide{
	display: none;
}

@media screen and (min-width: 901px) {
	.sp_only{
		display: none !important;
	}
}

/*---------------------------------------------------------*/
/* wrapper */
.wrapper_full,
.wrapper_l,
.wrapper_m,
.wrapper_s,
.wrapper_700,
.wrapper_ss{
	box-sizing: content-box;
	margin:0 auto;
}
.wrapper_l{
	max-width:1200px;
}
.wrapper_m{
	max-width:1000px;
}
.wrapper_s{
	max-width:840px;
}
.wrapper_700{
	max-width:700px;
}
.wrapper_ss{
	max-width:600px;
}
.separater{
	margin: 5rem 0 4rem;
	background: #ceb07a;
}
.accordion_body{
	background: #fff;
	border-radius: 8px;
	display: none;
	position: absolute;
	z-index: 10;
}

/*---------------------------------------------------------*/
/* font */
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.notosans {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

/* weight */
.light{
	font-weight: normal !important;
}
.normal{
	font-weight: normal !important;
}
.medium{
	font-weight: normal !important;
}
.semibold{
	font-weight: bold !important;
}
.bold{
	font-weight: bold !important;
}
/* size */
.size_ll{
	font-size: 150%;
}
.size_l{
	font-size: 125%;
}
.size_s{
	font-size: 81.25%;
}
.size_ss{
	font-size: 60%;
}
/* align */
.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.text_upper{
	vertical-align: super;
	font-size:0.6em;
}
/* color */
.text_brown{
	color: #a98777;
}
.text_red{
	color: #C50000;
}
.text_orange{
	color: #004ebb;
}
.text_blue{
	color: #4A5FD5;
}
/* decoration */
.underline{
	text-decoration: underline;
}
/* marker */
.marker{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
/* ellipsis */
.ellipsis{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 5vw;
}

.ellipsis_wrap{
	display: flex;
	width: 100%;
}
.ellipsis_wrap .ellipsis{
	flex-grow: 1;
}

/*---------------------------------------------------------*/
/* link */

/* link_plus */
.link_plus{
	background: #fff;
	border-radius: 50%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin-left: 5px;
	height: 18px;
	width: 18px;
}
.link_plus::before,
.link_plus::after{
	background: #004EBB;
	border-radius: 10px;
	content: "";
	position: absolute;
	height: 2px;
	width: 10px;
}
.link_plus::after{
	transform: rotate(90deg);
}
.link_plus:hover{
	background: #004EBB;
}
.link_plus:hover::before,
.link_plus:hover::after{
	background: #fff;
}

/* link_yellow */
.link_yellow{
	background: #FFD900;
	border-radius: 50px;
	display: block;
	padding: 4px 8px;
}
/* link_arrow_white */
a.link_arrow_white{
	position: relative;
}
.link_arrow_white:after{
	background: url(../img/ic_arrow_r_white.svg) no-repeat center center;
	background-size: contain;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0.5em;
	height: 1em;
	width: 1.5em;
	transform: translateY(-50%);
}

/* link_arrow */
a.link_arrow:after{
	background: url(../img/ic_arrow_r_orange.svg) no-repeat center center;
	background-size: contain;
	content: "";
	display: inline-block;
	position: relative;
	top: 0.15em;
	height: 1em;
	width: 1.5em;
}

/* link_arrow_l & link_arrow_r */
.link_arrow_l,
.link_arrow_r{
	display: inline-block;
	font-weight: 400;
}
.link_arrow_l{
	background: url(../img/ic_arrow_l.svg) no-repeat left center;
	background-size: 24px;
	padding-left: 32px;
}
.link_arrow_r{
	background: url(../img/ic_arrow_r.svg) no-repeat right center;
	background-size: 24px;
	padding-right: 32px;
}


/*---------------------------------------------------------*/
/* list */
.list_disc{
	margin-left: 2em;
}
.list_disc li{
	list-style: disc;
}

/* notice */
.notice{
	font-size: 14px;
}
.notice li{
	margin-bottom: 8px;
}

/*---------------------------------------------------------*/
/* icon */
.ic_3dot{
	background: #fff url(../img/ic_3dot.svg) no-repeat center center;
	background-size: 14px auto;
	border-radius: 50%;
	display: block;
	height: 26px;
	width: 26px;
}
.ic_3dot:hover{
	background-color: rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------*/
/* margin & padding */
.pc_mt_20{
	margin-top: 20px;
}
.pc_mt_30{
	margin-top: 30px;
}
.pc_mt_40{
	margin-top: 40px;
}
.pc_mt_50{
	margin-top: 50px;
}
.pc_mt_60{
	margin-top: 60px;
}
.pc_mt_80{
	margin-top: 80px;
}
.pc_mt_90{
	margin-top: 90px;
}
.pc_mt_100{
	margin-top: 100px;
}
.pc_mt_110{
	margin-top: 110px;
}
.pc_mt_130{
	margin-top: 130px;
}
.pc_mt_150{
	margin-top: 150px;
}
.pc_mt_180{
	margin-top: 180px;
}
.pc_mt_200{
	margin-top: 200px;
}

/*---------------------------------------------------------*/
/* width */
.width100per{
	width: 100%;
}

/*---------------------------------------------------------*/
/* flex & float */
.flex_block{
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
}
.justify_start{
	justify-content: flex-start;
}
.justify_center{
	justify-content: center;
}
.justify_between{
	justify-content: space-between;
}
.justify_around{
	justify-content: space-around;
}
.float_right{
	float: right;
}
.float_left{
	float: left;
}
.flex_block.column_3 > div{
	width: 32%;
}

/*---------------------------------------------------------*/
/* box */
.box_white{
	background: #fff;
}
.box_blown{
	background: #fbf7f5;
}
.box_gray{
	background: #f7f7f7;
}
.box_transparent{
	background: transparent !important;
}
.box_border{
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 25px;
}
.box_shadow{
	background-color: rgb(255, 255, 255);
	box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	padding: 25px;
	position: relative;
}
.box_shadow + .box_shadow{
	margin-top: 25px;
}
.box_dark{
	background: #000;
	color: #fff;
}
.box_shadow.box_dark{
	box-shadow: 0px 3px 6px 0px rgba(255,255,255, 0.3);

}
.box_dark a{
	color: #fff;
}

/*---------------------------------------------------------*/
/* title */
/* title_A */
.title_A{
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 40px;
	text-align: center;
}

/* title_B */
.title_B,
.login_table th{
	font-size: 18px;
	font-weight: 700;
	padding: 0 0 16px 32px;
	position: relative;
}
.title_B:not(:nth-child(1)){
	margin-top: 2em;
}
.title_B::before,
.login_table th::before{
	background: #004EBB;
	border-radius: 50px;
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	height: 4px;
	width: 24px;
}

/* title_C */
.title_C{
	font-size: 17px;
	font-weight: 700;
	padding-left: 26px;
	position: relative;
}
.title_C:not(:nth-child(1)){
	margin-top: 2em;
}
.title_C::before{
	background: #FFD900;
	border-radius: 50px;
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	height: 4px;
	width: 18px;
}

/*---------------------------------------------------------*/
/* head */
.head{
	display: flex;
	align-items: center;
	height: 88px;
	z-index: 180;
}

/* logo */
.head .logo{
	padding: 0 90px 0 32px;
}
.head .logo img{
	width: 165px;
	height: auto;
}

/* head_form */
.head_form{
	font-size: 14px;
	display: flex;
	align-items: center;
	flex: 1;
}
.head_form .recently_wrap{
	margin-right: 16px;
	position: relative;
}
.head_form .recently{
	background: #DDDDDD;
	border-radius: 4px;
	color: #333;
	padding: 7px 36px 7px 12px;
	white-space: nowrap;
}
.head_form .recently::before{
	background: url(../img/head/dropdown.svg) no-repeat center center;
	background-size: contain;
	content: "";
	position: absolute;
	pointer-events: none;
	top: calc(50% - 10px);
	right: 10px;
	height: 20px;
	width: 20px;
	z-index: 10;
}
.head_form .recently_wrap > .accordion_body{
	color: #333;
	padding-top: 30px;
	left: -140px;
	width: calc(100vw - 240px);
}
.head_form .recently_wrap .table_wrap{
	margin-bottom: 0;
}
.head_form .recently_wrap .nodata{
	margin-bottom: 30px;
}
.head_form .word{
	background: #fff url(../img/head/search.svg) no-repeat left 12px center;
	background-size: 24px 24px;
	border: 1px solid #DDDDDD;
	border-radius: 50px;
	line-height: 1;
	padding: 13px 10px 13px 46px;
	width: 500px;
}

/* head_info_wrapper */
.head_info_wrapper{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
	position: relative;
	height: 40px;
}
.head_info_unlead{
	background: #E9580B;
	border-radius: 50%;
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
	height: 8px;
	width: 8px;
}
.head_info_bell{
	background: url(../img/head/information.svg) no-repeat center center;
	background-size: 38px;
	border-radius: 50%;
	cursor: pointer;
	height: 38px;
	width: 38px;
	transition: 0.2s ease;
}
.head_info_body{
	display: none;
	color: #000;
	padding: 0;
	position: absolute;
	right: 0;
	top: 38px;
	margin: 0;
	width: 274px;
	z-index: 10;
}
.head_info_body a{
	display: block;
	font-weight: bold;
	line-height: 1.25;
	padding: 16px;
}
.head_info_body a .info_date{
	color: #A1A0A3;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0.3em;
}
.head_info_body a.visited,
.head_info_body a.visited .info_date{
	font-weight: normal;
}
.head_info_body li:not(:first-child){
	border-top:solid 1px #DDDDDD;
}
.head_info_bell:hover{
	background-color: rgba(0, 0, 0, 0.2);
}

/* head_faq */
.head_faq a{
	background: url(../img/head/question.svg) no-repeat center center;
	background-size: contain;
	border-radius: 50%;
	display: block;
	height: 38px;
	width: 38px;
}
.head_faq a:hover{
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 1;
}

/* head_account */
.head_account_wrapper{
	letter-spacing: 0;
	position: relative;
	height: 40px;
}
.head_account_title{
	background: url(../img/head/dropdown_white.svg) no-repeat right 18px center;
	background-size: 24px;
	border-radius: 50px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-right: 10px;
	padding: 0 42px 0 24px;
	height: 38px;
	transition: 0.2s ease;
}
.head_account_title:hover{
	background-color: rgba(0, 0, 0, 0.2);
}
.head_account_body{
	display: none;
	color: #000;
	font-size: 14px;
	line-height: 1.3;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 38px;
	margin: 0;
	padding: 12px 16px 12px;
	width: 174px;
	z-index: 100;
}
.head_account_body li{
	margin-bottom: 6px;
}
.head_account_body li.logout{
	margin:12px 0 0;
}
.head_account_body li.choice a,
.head_account_body li.account_add a,
.head_account_body li.profile a,
.head_account_body li.logout a{
	background: url(../img/head/logout.svg) no-repeat left center;
	background-size: 16px 16px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	height: 18px;
	white-space: nowrap;
}
.head_account_body li.choice a{ background-image: url(../img/head/choice.svg);}
.head_account_body li.account_add a{ background-image: url(../img/head/account_add.svg);}
.head_account_body li.profile a{ background-image: url(../img/head/profile.svg);}

/* head_hamburger */
.head_hamburger{
	display: none;
}

/*---------------------------------------------------------*/
/* globalnav */
.globalnav{
	background: #004EBB;
	flex-shrink: 0;
	padding: 30px 24px 20px;
	width: 284px;
	z-index: 9;
}
.globalnav .inner{
	height: 100%;
    display: flex;
    flex-direction: column;
}
.globalnav a{
	color: #fff;
	display: block;
}
.globalnav a:hover{
	opacity: 1;
}

/* links */
.globalnav .links{
	flex-grow: 1;
}
.globalnav .links > li > span,
.globalnav .links > li > a{
	background-repeat: no-repeat;
	background-position: left 0.8rem top 0.4rem;
	background-size: 2rem 2rem;
	border-radius: 0.8rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 3.2rem;
	height: 2.8rem;
}
.globalnav .links > li > span:hover,
.globalnav .links a:hover{
	background-color: rgba(0, 0, 0, 0.2);
}
.globalnav .dashboard > a{ background-image: url(../img/side/home.svg);}
.globalnav .mytask > a{ background-image: url(../img/side/task.svg);}
.globalnav .report > a{ background-image: url(../img/side/speaker.svg);}
.globalnav .formall > a{ background-image: url(../img/side/form.svg);}
.globalnav .screenshot > a{ background-image: url(../img/side/image.svg);}
.globalnav .trashbox > a{ background-image: url(../img/side/trash.svg);}
.globalnav .introduce > a{ background-image: url(../img/side/benefits.svg);}
.globalnav .page > a{ background-image: url(../img/side/important.svg);}
.globalnav .summary > a{ background-image: url(../img/side/report.svg);}
.globalnav .status > span{ background-image: url(../img/side/status.svg);}
.globalnav .category > span{ background-image: url(../img/side/category.svg);}
.globalnav .form > span{ background-image: url(../img/side/form.svg);}
.globalnav .help > span{ background-image: url(../img/head/question.svg);}
.globalnav .utilization > span{ background-image: url(../img/side/pie.svg);}

.globalnav .status,
.globalnav .category,
.globalnav .form,
.globalnav .help,
.globalnav .utilization{
	margin-top: 1.6rem;
}

.globalnav ul ul{
	font-size: 1.4rem;
	padding-left: 2.4rem;
}
.globalnav .links ul a{
	border-radius: 0.8rem;
	display: flex;
	align-items: center;
	padding: 0.3rem 0 0.3rem 0.8rem;
	min-height: 2.6rem;
}
.globalnav .links ul a .num{
	background: rgba(0, 0, 0, 0.3);
	border-radius: 5rem;
	display: inline-block;
	font-size: 1.1rem;
	margin-left: 0.4rem;
	padding: 0 0.8rem;
}
.globalnav .links .status-4 a,
.globalnav .links .status-5 a{
	color: rgba(255,255,255, 0.5);
}

.globalnav .accordion_body{
	background: none;
	position: static;
}

/* sublinks */
.globalnav .sublinks{
	border-top: rgba(255,255,255, 0.5) 1px solid;
	font-size: 1.2rem;
	margin-top: 2.4rem;
	margin-left: -1.1rem;
	padding: 2.4rem 0.8rem 0;
	width: 100%;
}
.globalnav .sublinks li{
	margin-bottom: 0.8rem;
}

/* current */
.cp_dashboard .globalnav .dashboard a,
.cp_enquete .globalnav .enquete a,
.cp_pop .globalnav .pop a,
.cp_coupon .globalnav .coupon a,
.cp_contact .globalnav .contact a,
.cp_contract .globalnav .contract a{
	font-weight: bold;
}

.globalnav .logout a{
	color: #fff;
	margin-top: 2rem;
	padding: 0 1.6rem;
	font-size: 1.2rem;
}

/* accountGroup */
.accountGroup5 .head .recently_wrap,
.accountGroup5 .head .head_form input{
	display: none;
}
.accountGroup4 .globalnav .formall,
.accountGroup4 .globalnav .trashbox,
.accountGroup5 .globalnav .mytask,
.accountGroup5 .globalnav .report,
.accountGroup5 .globalnav .formall,
.accountGroup5 .globalnav .screenshot,
.accountGroup5 .globalnav .page,
.accountGroup5 .globalnav .trashbox,
.accountGroup5 .globalnav .trashbox,
.accountGroup11 .globalnav .formall{
	display: none;
}
.accountGroup4 .globalnav .form li:last-child,
.accountGroup5 .globalnav .form,
.accountGroup5 .globalnav .status,
.accountGroup5 .globalnav .category{
	display: none;
}

/*---------------------------------------------------------*/
/* body_2column */
.body_2column{
	display: flex;
}

/*---------------------------------------------------------*/
/* main */
.main_wrapper{
	background: #F4F4F4;
	border-radius: 12px 0 0 0;
	color: #3E3E3E;
	flex: 1;
	padding: 40px 24px;
	width: 100%;
}

/*---------------------------------------------------------*/
/* Loading Animation */
/* HTML: <div class="loader"></div> */
.loader {
	width: 50px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: 
	  radial-gradient(farthest-side,#004EBB 94%,#0000) top/8px 8px no-repeat,
	  conic-gradient(#0000 30%,#004EBB);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
	animation: l13 1s infinite linear;
  }
@keyframes l13{ 
	100%{transform: rotate(1turn)}
}

/*---------------------------------------------------------*/
/* form */
.form_basic ::placeholder{
	color: #c0c0c0;
	opacity: 1;
}
.form_basic .item{
	position: relative;
}
.form_basic label{
	display: inline-block;
	margin: 1%;
	width: 100%;
	cursor: pointer;
}
.form_basic label:last-child{
	margin-right: 0;
}
.form_basic label input{
	margin-right: 0.5em;
}
/* text textarea*/
.form_basic input[type=text],
.form_basic input[type=email],
.form_basic input[type=password],
.form_basic textarea,
.form_basic select{
	width: 100%;
	margin: 0.5em 0;
	padding: 0.5em 1em;
	border: 2px solid #dddddd;
	border-radius: 6px;
	line-height: 1.5;
}
.form_basic textarea{
	height: 10em;
	vertical-align: top;
}
/* radio & checkbox & file */
.form_basic input[type=radio],
.form_basic input[type=checkbox]{
	visibility: hidden;
	position: absolute;
}
.form_basic input[type=file],
.form_basic input[type=radio] + label,
.form_basic input[type=checkbox] + label{
	background: #fff;
	border: 2px solid #dddddd;
	border-radius: 8px;
	padding: 0.4em 1em;
	text-align: center;
	transition: 0.2s ease;
}
.form_basic input[type=file]{
	margin: 0.5em 0;
	position: relative;
	padding: 1em 3em 1em 1em;
	width: 100%;
}
.form_basic input[type=file]:hover,
.form_basic input[type=radio] + label:hover,
.form_basic input[type=checkbox] + label:hover{
	background: #eaf3ff;
}
.form_basic input[type=radio]:checked + label,
.form_basic input[type=checkbox]:checked + label,
.form_basic input[type=radio]:checked + label a,
.form_basic input[type=checkbox]:checked + label a{
	color: #fff;
	background: #333;
}
/* star-rating */
.form_basic .star-rating{
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	margin: auto;
}
.form_basic .star-rating input[type='radio']{
	visibility: hidden;
}

.form_basic .star-rating input[type=radio] + label,
.form_basic .star-rating input[type=radio]:checked + label{
	background: none;
	border: none;
	cursor: pointer;
}
.form_basic .star-rating input[type=radio] + label i{
	background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=') no-repeat center center;
	background-size: contain;
	display: block;
	width: 4rem;
	height: 4rem;
}
.form_basic .star-rating input[type=radio] + label:hover i,
.form_basic .star-rating input[type=radio] + label:hover ~ label i,
.form_basic .star-rating input[type=radio]:checked ~ label i{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRjhCODA1IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
}

/* input_image */
::file-selector-button,
::-webkit-file-upload-button{
	border: 2px solid #DDDDDD;
	border-radius: 8px;
	background: no-repeat left 16px center, center center;
	background-image: url(/common/img/ic_upload.svg), linear-gradient(0deg, #EFEFEF 0%, #FFFFFF 100%);
	background-size: 32px 32px, 100% 100%;
	height: 40px;
	padding: 0 24px 0 52px;
}

/* delete */
.form_basic .input_file_block{
	margin-top: 0.5em;
	position: relative;
}
.form_basic .input_file_reset{
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
}
.form_basic .dbimage_block .delete,
.form_basic .input_file_reset .delete{
	background: #888;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.8rem;
	width: 1.8rem;
	position: absolute;
	top: -0.2em;
	right: -0.2em;
}
.form_basic .input_file_reset .delete{
	top: calc(50% - 0.9rem);
	right: 1rem;
}
.form_basic .dbimage_block .delete:hover,
.form_basic .input_file_reset .delete:hover{
	background: #004ebb;
}
.form_basic .dbimage_block .delete::before,
.form_basic .dbimage_block .delete::after,
.form_basic .input_file_reset .delete::before,
.form_basic .input_file_reset .delete::after{
	background: #fff;
	content: "";
	position: absolute;
	width: 1rem;
	height: 0.1rem;
	transform: rotate(45deg);
}
.form_basic .dbimage_block .delete::after,
.form_basic .input_file_reset .delete::after{
	transform: rotate(-45deg);
}

/* toggle */
.form_basic .toggle_title{
	flex-shrink: 0;
}
.form_basic .toggle{
	display: flex;
	margin: 1%;
	position: relative;
}
.form_basic .toggle input[type=radio] + label{
	border: none;
	font-size: 0;
	margin: 0;
	height: 2rem;
	width: 2rem;
}
.form_basic .toggle input[type=radio]:first-of-type + label{
	background: #24BF61;
	border-radius: 2rem 0 0 2rem;
}
.form_basic .toggle input[type=radio]:last-of-type + label{
	background: #D5D5D5;
	border-radius: 0 2rem 2rem 0;
}
.form_basic .toggle input[type=radio]:first-of-type:checked + label{
	background: #D5D5D5;
}
.form_basic .toggle input[type=radio]:last-of-type:checked + label{
	background: #24BF61;
}
.form_basic .toggle input[type=radio]:last-of-type + label::before{
	background: #fff;
	border-radius: 50%;
	content: "";
	pointer-events: none;
	position: absolute;
	height: 1.4rem;
	width: 1.4rem;
	top: 0.3rem;
	left: 0.3rem;
	transition: 0.2s ease;
}
.form_basic .toggle input[type=radio]:last-of-type:checked + label::before{
	left: 2.3rem;
}

/* input_notice_list */
.form_basic .input_notice_list li{
	font-weight: normal;
	line-height: 1.3;
	margin-top: 0.4rem;
}

/* btn_submit */
.btn_submit_block,
.btn_return_block{
	margin: 24px auto;
	width: fit-content;
}
.btn_return_block{
	margin-top: 80px;
}
.btn_submit,
.btn_return,
.btn_remove{
	background: #FFD900;
	border: none;
	border-radius: 100px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 0.9em 3em;
	line-height: 1.25;
	margin: auto;
	white-space: nowrap;
	width: fit-content;
	transition: 0.2s ease;
	cursor: pointer;
}
.btn_submit.nomargin,
.btn_return.nomargin,
.btn_remove.nomargin{
	margin: 0.5rem 0 0;
}
.btn_submit:hover,
.btn_return:hover,
.btn_remove:hover{
	opacity: 0.7;
}

.btn_submit.btn_submit_black{
	background: #3E3E3E;
	color: #fff;
}

/* btn_return */
.btn_return{
	background: #ccc;
}

/* btn_remove */
.btn_remove{
	background: #ff6666;
}

/* formError */
.formError{
	top: auto !important;
    bottom: -1em !important;
}
.formError .formErrorContent{
	font-size: 1rem !important;
}

.miss{
	color: #d00;
	font-weight: bold;
}

/*---------------------------------------------------------*/
/* displayNone */
.displayNone{
	display: none;
}

/*---------------------------------------------------------*/
/* submit_btns */
.submit_btns{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.submit_btns .btn_submit{
	font-size: 16px;
	position: relative;
}
.submit_btns .btn_submit,
.submit_btns .btn_preview{
	margin:0 0 0 1em;
}
.submit_btns .btn_submit.btn_private{
	background: #8D8D8D;
	color: #fff;
	font-weight: 400;
}
.submit_btns .btn_submit.btn_preview{
	background: #fff;
	color: #3E3E3E;
	font-weight: 400;
}
.submit_btns .btn_submit.btn_preview::after{
	box-sizing: border-box;
	border: 0.1em solid #999;
	border-radius: 100px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/*---------------------------------------------------------*/
/* preview_btn */
.preview_btn{
	background: #fff;
	border: 0.2rem solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	font-size: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	height: 5rem;
	width: 5rem;
	transition: 0.2s ease;
	z-index: 10;
}
.preview_btn:hover{
	opacity: 0.7;
}
.preview_btn::before{
	background: #fff url(../img/ic_eye.svg) no-repeat center center;
	background-size: contain;
	content: "";
	height: 2.2rem;
	width: 3.5rem;
	margin-bottom: 0.1rem;
}

/*---------------------------------------------------------*/
/* basic_table  */
.basic_table{
	border: solid 1px #DDDDDD;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	width: 100%;
}
.basic_table tr > *{
	border-bottom: solid 1px #DDDDDD;
	padding: 1rem 1.5rem;
	position: relative;
	text-align: left;
}
.basic_table tr:last-child > *{
	border-bottom: none;
}

/*---------------------------------------------------------*/
/* easytips */
.easytips{
	position: relative;
}
.easytips::before{
	border:1rem solid transparent;
	border-top: 1rem solid #152A3A;
	content: "";
	display: none;
	height: 1rem;
	width: 0;
	position: absolute;
	top: -0.6rem;
	left: -0.2rem;
	z-index: 101;
}
.easytips_icon{
	background: url(../img/ic_question.svg) no-repeat center center;
	background-size: contain;
	display: inline-block;
	height: 1.8rem;
	width: 1.8rem;
	vertical-align: middle;
}
.easytips_body{
	background: #152A3A;
	border-radius: 0.8rem;
	box-shadow: 0.6rem 0.6rem 0.4rem 0 rgba(0,0,0,0.1);
	color: #fff;
	display: none;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.5;
	padding: 1.2rem 2rem;
	position: absolute;
	left: calc(50% - 17rem);
	bottom: calc(100% + 0.5rem);
	text-align: left;
	white-space: normal;
	width: 34rem;
	z-index: 1000;
}
.easytips_body a{
	color: #fff;
}
.easytips:hover::before,
.easytips:hover .easytips_body{
	display: block;
}
.easytips_body .image{
	display: block;
	margin: 1rem 0;
	width: 100%;
}

.title_block .easytips_icon,
.form_block .easytips_icon{
	height: 2.6rem;
	width: 2.6rem;
}