@charset "UTF-8";
/* font-size */
/* color */
body { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important; color: #333; overflow-x: hidden; margin: 0; padding: 0; line-height: 1.4; text-align: left; font-size: 13px; font-weight: 400; word-wrap: break-word; -webkit-text-size-adjust: 100%; word-wrap: break-word; overflow-wrap: break-word; }

html, body { margin: 0; padding: 0; height: 100%; width: 100%; }

span, h1 { font-family: sans-serif; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

li { list-style: none; }

h1 { display: block; font-weight: 700; }

pre { white-space: 0; white-space: pre-wrap; }

a { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
a:link { color: #777777; text-decoration: none; }
a:hover, a:visited { color: #777777; }
a:hover { color: #777777; }
a:hover img { opacity: 0.6; }
a:hover dt { text-decoration: underline; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button:hover { opacity: 0.6; }

/**IE selectbox**/
select::-ms-expand { display: none; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[text], input[password] { border-radius: 10px; padding: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input::placeholder { line-height: 1.5em; }

/* clearfix */
.cf { zoom: 1px; }
.cf:before { content: " "; display: table; }
.cf:after { content: " "; display: table; clear: both; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.right { float: right; }

.left { float: left; }

.mt60 { margin-top: 60px; }

.mb60 { margin-bottom: 60px; }

.mr60 { margin-right: 60px; }

.ml60 { margin-left: 60px; }

.mt55 { margin-top: 55px; }

.mb55 { margin-bottom: 55px; }

.mr55 { margin-right: 55px; }

.ml55 { margin-left: 55px; }

.mt50 { margin-top: 50px; }

.mb50 { margin-bottom: 50px; }

.mr50 { margin-right: 50px; }

.ml50 { margin-left: 50px; }

.mt45 { margin-top: 45px; }

.mb45 { margin-bottom: 45px; }

.mr45 { margin-right: 45px; }

.ml45 { margin-left: 45px; }

.mt40 { margin-top: 40px; }

.mb40 { margin-bottom: 40px; }

.mr40 { margin-right: 40px; }

.ml40 { margin-left: 40px; }

.mt35 { margin-top: 35px; }

.mb35 { margin-bottom: 35px; }

.mr35 { margin-right: 35px; }

.ml35 { margin-left: 35px; }

.mt30 { margin-top: 30px; }

.mb30 { margin-bottom: 30px; }

.mr30 { margin-right: 30px; }

.ml30 { margin-left: 30px; }

.mt25 { margin-top: 25px; }

.mb25 { margin-bottom: 25px; }

.mr25 { margin-right: 25px; }

.ml25 { margin-left: 25px; }

.mt20 { margin-top: 20px; }

.mb20 { margin-bottom: 20px; }

.mr20 { margin-right: 20px; }

.ml20 { margin-left: 20px; }

.mt15 { margin-top: 15px; }

.mb15 { margin-bottom: 15px; }

.mr15 { margin-right: 15px; }

.ml15 { margin-left: 15px; }

.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.mr10 { margin-right: 10px; }

.ml10 { margin-left: 10px; }

.mt5 { margin-top: 5px; }

.mb5 { margin-bottom: 5px; }

.mr5 { margin-right: 5px; }

.ml5 { margin-left: 5px; }

.inner { width: 1180px; margin: 0 auto; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.m-font_title { font-size: 20px; color: #707070; display: block; font-weight: bold; text-align: center; }

.m-font_name { font-size: 16px; color: #707070; display: inline-block; font-weight: bold; }

.m-font_sub { font-size: 14px; color: #707070; display: inline-block; }

.m-font_time { font-size: 12px; color: #888; display: block; text-align: center; }

.btn_common { width: 100%; height: 66px; border-radius: 10px; background: #FE9E06; border: 0px; color: #fff !important; font-size: 20px; font-weight: bold; display: block; line-height: 66px; text-align: center; }

/*.icon-search{
	content:"";
	background-image:url("../img/icon_search.svg");
	background-repeat: no-repeat;
	background-position: bottom;
	width:30px;
	height: 30px;
	margin-right: 10px;
	display: inline-block;
}
.icon-plus{
	content:"";
	background-image:url("../img/icon_plus.svg");
	background-repeat: no-repeat;
	background-position: bottom;
	width:15px;
	height: 15px;
	margin-left: 10px;
	display: inline-block;
}
.icon_right_arrow{
	content:"";
	background-image:url("../img/icon_right_w.svg");
	background-repeat: no-repeat;
	background-position: bottom;
	width:30px;
	height: 30px;
	margin-right: 10px;
	display: inline-block;
}


*/
.l-flex_right { display: flex; justify-content: flex-end; align-items: center; }

.l-flex_center { display: flex; justify-content: center; align-items: center; }

.l-header { background: #fff; color: #fff; height: 44px; }
.l-header img { width: 129px; height: auto; padding: 13px 0; margin: 0px auto; display: block; }

.m-user { font-size: 14px; opacity: 0.8; }

.m-useradress { margin-left: 10px; font-size: 14px; opacity: 0.8; }

.l-complete { background: #f6f6f6; /* Old browsers */ margin: 0 auto; width: 100%; height: 100%; min-height: 100%; }

.l-text_area { background: #fff; padding: 50px 20px; border-radius: 10px; width: 337.5px; height: 500px; margin: 0 auto; }

.l-hidden { overflow-y: hidden; }

.l-login { background: #9eedea; /* Old browsers */ background: -moz-linear-gradient(top, #9eedea 0%, #ffffff 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #9eedea 0%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #9eedea 0%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eedea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ position: relative; margin: 0 auto; width: 100%; height: 100%; min-height: 100%; }

.l-form { background: rgba(255, 255, 255, 0.8); padding: 50px 20px; border-radius: 10px; width: 337.5px; height: 500px; margin: 20px auto; }
.l-form h1 { text-align: center; }
.l-form .l-inputarea { border-top: 0px; }

/*.l-inputarea{
	text-align: left;
	border-top:1px solid #eee;
	.l-inputarea_li{
 display: flex; border-bottom: 1px solid #eee; padding: 10px;

	}
.acd-label{ background: #fff; display: block; margin-bottom: 1px; &:after{ 	content:"";
	    display: block;
	    background-image: url(../img/icon_up_arrow.svg);
	    background-size: 20px;
	    background-position: left center;
	    background-repeat: no-repeat;
	    padding: 0;
	    width: 20px;
	    height: 20px; } dt{
		font-size:18px; 	font-weight: bold; 	color:#707070; 	margin-bottom: 15px; } dd{ 	font-size:12px; 	color:#707070; 	margin-bottom: 15px;	 }
}
.acd-content{ border-bottom: 1px solid #eee; height: 0; opacity: 0; padding: 0 10px; transition: .5s; visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{ height: 40px; opacity: 1; padding: 10px; visibility: visible;
}
}*/
.l-btn_area_top { width: 100%; margin: 0 auto; padding-right: 10px; }
.l-btn_area_top .btn_green_add { width: 120px; }

.l-btn_area { padding: 30px 20px; width: 337.5px; margin: 0 auto; }
.l-btn_area .btn_green_add { margin: 0 auto; }

/*
.l-slip{
	background:#f6f6f6;
}
.l-search{
background: #fff;
border-radius: 10px;
padding: 30px 40px;
display: flex;
flex-direction: column;
	.m-font_name{
	    min-width: 80px;
	}
	.btn_common{
		margin:0 auto;
	}
}
.l-slip_list{
	background: #fff;
	border-radius: 10px;
	padding:21px;
	font-size: 14px; color: #707070;
}
*/
.l-col1 { width: 100%; flex-basis: 100%; line-height: 1.5em; }

.l-col2 { width: 50%; flex-basis: 50%; line-height: 1.5em; }

.l-col3 { width: 33%; flex-basis: 33%; line-height: 1.5em; }

.l-col4 { width: 25%; flex-basis: 25%; line-height: 1.5em; }

.l-col5 { width: 20%; flex-basis: 20%; line-height: 1.5em; }

.l-col7 { width: 14%; flex-basis: 14%; line-height: 1.5em; }

.l-per80 { flex-basis: 80%; }

.wd100 { width: 100.2% !important; }

.l-flex_initial { display: flex; flex-direction: initial; align-items: center; }

.l-slip_menu li { display: inline-block; }

.l-csv_list { background: #fff; border-radius: 10px; padding: 21px; font-size: 14px; color: #707070; }

.l-csv_group { border-radius: 10px; margin-bottom: 25px; border: 1px solid #ccc; }
.l-csv_group .l-group_area { background: #fff; }
.l-csv_group .l-group_data { background: #fff; }
.l-csv_group > div:last-child { border-radius: 0 0 10px 10px; }

.input_login { background: #fff; width: 100%; height: 44px; border-radius: 10px; padding: 10px; border: 0; border: 1px solid #ccc; }

.input_area_day { padding: 10px; width: 145px; height: 44px; border-radius: 10px; background: #fff; border: 1px solid #ccc; }

.input_area_user { width: 100%; height: 44px; border-radius: 10px; padding: 10px; border-radius: 10px; background: #fff; border: 1px solid #ccc; }

.textarea_area { width: 100%; height: 100px; border-radius: 10px; padding: 10px; margin: 10px auto; border-radius: 10px; background: #fff; border: 1px solid #ccc; display: block; }

.btn_add { width: 159px; height: 44px; border: 1px solid #7EBE36; border-radius: 10px; background: #fff; color: #7EBE36; }

.input_area_text { width: 378px; height: 44px; border-radius: 10px; padding: 10px; border-radius: 10px; background: #fff; border: 1px solid #ccc; }

.btn_sub { height: 44px; background: #39CED0; color: #fff; border-radius: 10px; border: 0px; font-size: 14px; padding: 10px; }

.btn_blue { background: #00ACC1; width: 118px; height: 44px; border-radius: 10px; display: block; margin: 0 auto; color: #fff !important; line-height: 44px; }

.btn_about { background: #00ACC1; height: 44px; border-radius: 10px; display: inline-block; width: 40%; color: #fff !important; line-height: 44px; }

.btn_green { background: #7EBE36; width: 139px; height: 44px; border-radius: 10px; display: block; margin: 0 auto; color: #fff !important; line-height: 44px; text-align: center; }

.btn_green_add { background: #7EBE36; max-width: 200px; height: 44px; border-radius: 10px; display: block; color: #fff !important; line-height: 44px; text-align: center; }

.btn_del { height: 44px; background: #ccc; color: #fff !important; line-height: 44px; text-align: center; border-radius: 10px; display: inline-block; width: 40%; }

.btn_common_s { background: #FE9E06; width: 113px; height: 44px; border-radius: 10px; padding: 10px; border: 0; color: #ffffff !important; text-align: center; line-height: initial; }

.icon-checked { position: relative; display: inline-block; padding: 0; margin-bottom: -4px; }

.icon-checked input { position: absolute; top: 0; opacity: 0; width: 20px; height: 20px; }

.icon-checked input[type="checkbox"] + label { display: block; background-image: url(../img/icon_notcheck.svg); background-size: 20px; background-position: left center; background-repeat: no-repeat; padding: 0; width: 20px; height: 20px; }

.icon-checked input[type="checkbox"]:checked + label { background-image: url(../img/icon_check.svg); }

.m-selectbox { padding: 10px; width: 145px; height: 44px; border-radius: 10px; }

.m-selectbox::-ms-expand { display: none; }

.m-selectbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 7px 30px 7px 10px; font-size: 93%; line-height: 1.1em; background: #fff url(../img/icon_down.svg); background-repeat: no-repeat; background-size: 23px 18px; background-position: right 10px center; border: 1px solid #ccc; }

.l-alert { background: #ffe1e1; color: #ff0000; padding: 16px; border-radius: 15px; margin-bottom: 20px; line-height: 1.5em; font-size: 13px; }

.toggle_wrap { border-top: 1px solid #eee; }

.toggle_wrap > .icon-checked { position: relative; display: inline-block; padding: 0; margin-bottom: -21px; margin-left: 10px; margin-top: 10px; }

.toggle_switch { position: relative; cursor: pointer; width: 96%; margin: 0 0 0 9%; padding: 1px 10px 10px; }

.toggle_switch::after { content: ""; display: inline-block; width: 18px; height: 11px; background: url(../img/icon_up_arrow.svg) no-repeat center center; background-size: contain; position: absolute; top: 34%; transform: translateY(-50%); right: 30px; transition: transform .2s; }

.toggle_switch.open::after { transform: rotateZ(180deg); top: 46%; }

/*
.toggle_switch::before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../img/icon_notcheck.svg) no-repeat center center; background-size: contain; position: absolute; top: 10px; left: 10px;
}
.toggle_switch.open::before {
	background: url(../img/icon_check.svg) no-repeat center center;		
}
*/
.toggle_contents { display: none; padding: 10px; }

.toggle_switch dt { font-size: 18px; font-weight: bold; color: #707070; margin-bottom: 15px; }

.toggle_contents dl { /* padding-left: 29px; */ width: 100%; /*margin-top: -21px;*/ }

.toggle_contents dt { font-size: 14px; font-weight: bold; color: #707070; margin-bottom: 15px; }

.toggle_switch dd, .toggle_contents dd { font-size: 12px; color: #707070; margin-bottom: 15px; line-height: 1.5em; }

.toggle_switch dd { height: 34px; line-height: 1.5em; overflow: hidden; padding-right: 56px; top: 0; left: 0; }

.toggle_switch dd:before, .toggle_switch dd:after { position: absolute; }

/*.toggle_switch dd:before {content: "...";top: 47px;right: 56px;}*/
.toggle_switch dd:after { content: ""; height: 100%; width: 100%; top: 0; left: 0; }

.l-center_area { text-align: center; }

.toggle_wrap:last-of-type { border-bottom: 1px solid #eee; }

.l-center_area { text-align: center; }

/*pcのみ*/
/*スマホのみ*/
@media screen and (max-width: 374px) { .l-form { padding: 30px 20px; border-radius: 10px; width: 300px; height: 500px; margin: 10px auto; }
  .l-form .input_login { margin-bottom: 15px !important; }
  .toggle_switch { padding: 1px 10px 0px; }
  .l-btn_area { width: auto !important; } }