@charset "utf-8";



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*** BODY ***/

  
body {background-color: #F5F5F5;  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
#wrap {background-color: #F5F5F5; }
#footer  {background-color: #DCDCDC; }
/*** フォント設定 ***/

a:link {color:#555;}
a:visited {color:#555;}
a:active {color: #555;}
a:hover {color: #555; text-decoration: none;}

/*** スタイル定型 ***/
.img100 {width: 100%;}

.title_h1 {background-color: #EC6263; color: #ffffff; height: 50px; line-height: 50px; padding-left: 10px; font-size: 24px;}

.center {text-align: center; width: 100%;}
.bold {font-weight: bold;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt70 {padding-top: 70px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}
.pt150 {padding-top: 150px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb70 {padding-bottom:70px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom: 100px;}
.pb150 {padding-bottom: 150px;}

.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}

.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}

.lh150 {line-height: 150%;}
.lh200 {line-height: 200%;}

.fss {font-size: small;}
.fsl {font-size: large;}
.fsxl {font-size: x-large;}
.fsxxl {font-size: xx-large;}

/*** ボタン ***/

.btn {
    width: 100%;
    padding: 15px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    text-align: center;
    border-radius: 5px;
    
}
.btn:hover { opacity: 0.8;}
.btn01 {
    background-color: #53B264;    color: #fff !important;
    transition: all .3s;
    border: solid 2px #53B264;
}
.btn01:hover {
    background-color: #fff;    color: #53B264 !important;
    border: solid 2px #53B264;
    }

.btn02 {
    background-color: #EC6263;    color: #fff !important;
    transition: all .3s;
    border: solid 2px #EC6263;
}
.btn02:hover {
    background-color: #fff;    color: #EC6263 !important;
    border: solid 2px #EC6263;
    }
    
.bw320 {width: 320px; margin: 50px auto;}
.bw480 {width: 480px; margin: 50px auto;}
.bw640 {width: 640px; margin: 50px auto;}
.bw720 {width: 720px; margin: 50px auto;}

.w640_box {width: 640px; margin: 50px auto;}


/*** コンテンツ ***/

#content { width: 100%; margin-left: 20px; margin-right: auto; padding-top: 80px; padding-bottom: 20px;}
#content_top { width: 1080px; margin-left: auto; margin-right: auto; padding-top: 80px; padding-bottom: 20px;}
#content_list {padding-bottom: 100px;}
.copyright {width: 100%; text-align: center; font-size: x-small; padding-top: 10px; padding-bottom: 10px;}


/*** ヘッダー ***/
#wrap {width: 100%;}

#header {width: 100%; height: 60px; background-color: #fff; position: fixed; top:0; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5); z-index: 9999;}

.head {
    width: 1280px;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: auto;
    display: -webkit-flex;
	display: flex;
/***	-webkit-justify-content: space-between;
	justify-content: space-between; ***/
}

.logo {width: 300px}
.logo_img {width: 100%;}

/*** メニュー ***/

.gmenu ul {
    width: 980px;
    padding-top: 5px;
    list-style: none; 
    display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.gmenu li.gmenu_list {
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #53B264;
    display: inline-block;
    font-size: small;
    border-radius: 3px; 
    margin-left: 10px;
}

.gmenu li.gmenu_list2 {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #999;
    display: inline-block;
    font-size: small;
    border-radius: 3px; 
    margin-left: 10px;
}

.gmenu li.gmenu_list3 {
    width: 140px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #EC6263;
    display: inline-block;
    font-size: small;
    border-radius: 3px; 
    margin-left: 50px;
}

.gmenu li.current {background-color: #EC6263;}
.gmenu li a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.gmenu li a:visited {color:#ffffff; text-decoration: none;}
.gmenu li a:active {color: #ffffff; text-decoration: none;}
.gmenu li a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #EC6263;}

.sub_gmenu ul {
    width: 1400px;
    padding-top: 10px;
    list-style: none; 
    display: -webkit-flex;
	display: flex;
}
.sub_gmenu li {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #53B264;
    display: inline-block;
    font-size: 10px;
    border-radius: 3px; 
    margin-right: 15px;
}

.sub_gmenu li.current {background-color: #EC6263;}
.sub_gmenu li a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.sub_gmenu li a:visited {color:#ffffff; text-decoration: none;}
.sub_gmenu li a:active {color: #ffffff; text-decoration: none;}
.sub_gmenu li a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #EC6263;}

.sub_gmenu2 ul {
    width: 1080px;
    padding-top: 10px;
     padding-bottom: 30px;
    list-style: none; 
    display: -webkit-flex;
	display: flex;
}
.sub_gmenu2 li {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #50B1F9;
    display: inline-block;
    font-size: 10px;
    border-radius: 3px;
    margin-right: 15px;
}


.sub_gmenu2 li a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.sub_gmenu2 li a:visited {color:#ffffff; text-decoration: none;}
.sub_gmenu2 li a:active {color: #ffffff; text-decoration: none;}
.sub_gmenu2 li a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #EC6263;}

.sub_gmenu3 ul {
    width: 1080px;
    padding-top: 10px;
    list-style: none; 
    display: -webkit-flex;
	display: flex;
}

.sub_gmenu3 li.sub_gmenu3_li {
    width: 240px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #50B1F9;
    display: inline-block;
    font-size: 10px;
    border-radius: 3px; 
    margin-right: 15px;
}

.sub_gmenu3 li.sub_gmenu3_end {
    width: 240px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #EC6263;
    display: inline-block;
    font-size: 10px;
    border-radius: 3px; 
    margin-right: 15px;
	margin-left: 30px;
}

.sub_gmenu3 li.sub_gmenu3_li a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.sub_gmenu3 li.sub_gmenu3_li a:visited {color:#ffffff; text-decoration: none;}
.sub_gmenu3 li.sub_gmenu3_li a:active {color: #ffffff; text-decoration: none;}
.sub_gmenu3 li.sub_gmenu3_li a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #EC6263;}

.sub_gmenu3 li.sub_gmenu3_end a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.sub_gmenu3 li.sub_gmenu3_end a:visited {color:#ffffff; text-decoration: none;}
.sub_gmenu3 li.sub_gmenu3_end a:active {color: #ffffff; text-decoration: none;}
.sub_gmenu3 li.sub_gmenu3_end a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #50B1F9;}


.user_box {
    width: 1080px;
    display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
}

.user_box2 {
    width: 280px;
    display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;

}

/*** フォーム ***/

input[name="user_name"],
input[name="kaijyo_name"],
input[name="googlemap_url"],
input[name="detail_url"],
input[name="kaijyo_url"],
input[name="tel"],
input[name="kaijyo_add"],
input[name="syougou"]{
	width: 100%;
}

textarea[name="textarea_01"]{
	width: 50%;
}
input[name="nokori"]{
	width: 30%;
}


input[type="text"],input[type="password"],input[type="number"],
textarea {
    background: #fff;
    display: block;
    font-size: 0.8em;
    padding: 10px;
    transition: 0.8s;
    border: solid 1px #6ecddb;
    border-radius: 5px;
}


input#submit_button, input#return_button {
    padding: 5px 20px;
    font-size: 12px;
    background-color: #53B264;
    color: #fff;
    border-style: none;
    cursor: pointer;
}

input#submit_button:hover, input#return_button:hover {
    padding: 5px 20px;
    font-size: 12px;
    background-color: #EC6263;
    color: #fff;
    border-style: none;
}

input#cls_btn,
input#cls_btn1,
input#cls_btn2 {
    padding: 5px 20px;
    font-size: 12px;
    background-color: #ccc;
    color: #fff;
    border-style: none;
    cursor: pointer;
    margin-left: 5px;
}

input#cls_btn:hover,
input#cls_btn1:hover,
input#cls_btn2:hover {
    padding: 5px 20px;
    font-size: 12px;
    background-color: #EC6263;
    color: #fff;
    border-style: none;
}

select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 20px 10px 5px;
	font-size: 0.8em;
	border-radius: 5px;
	border: solid 1px #50B1F9;
	background-image: url(../img/icon_arrow.svg);
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: right 5px center;
	background-color: #eee;
	margin: 5px;
}

.user_kensaku {width: 480px;}
.user_kensaku {width: 480px;}
.admin_btn {
    width: 200px;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    font-size: 12px;
    margin: 10px 0px;
    background-color: #53B264;
    color: #fff;
    border-style: none;
    text-align: center;
    }
.admin_btn a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.admin_btn a:visited {color:#ffffff; text-decoration: none;}
.admin_btn a:active {color: #ffffff; text-decoration: none;}
.admin_btn a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #EC6263;}

.user_dl {
    width: 120px;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    font-size: 12px;
    margin: 5px 0px;
    background-color: #4E85B7;
    color: #fff;
    border-style: none;
    text-align: center;
    }
.user_dl a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.user_dl a:visited {color:#ffffff; text-decoration: none;}
.user_dl a:active {color: #ffffff; text-decoration: none;}
.user_dl a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #2E35B7;}


/*** table ***/

.table_wrap {width: 100%; overflow-x: auto; margin-left: 20px; margin-right: auto;}
.user_table {white-space: nowrap; border: solid 1px #999; font-size: 12px;}

.sticky_table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #072a91;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
}
.user_table thead th { border-top: solid 1px #999; border-bottom: solid 1px #999;}
.user_table tbody th,.user_table tbody td { border-bottom: solid 1px #999; height: 30px; text-align: left; padding-left: 5px; line-height: 30px;}
.user_table td,.user_table th {border-left: solid 1px #999;}

.table_no {min-width: 30px; padding-left: 5px;}
.table_date {min-width: 120px; padding-left: 5px;}
.table_name {min-width: 200px; padding-left: 5px;}
.table_email {min-width: 300px;}
.table_nyukin {min-width: 90px; padding-left: 5px;}
.table_syorui {min-width: 80px;}
.table_kaishibi {min-width: 100px; padding-left: 5px;}
.table_syuryoubi {min-width: 120px; padding-left: 5px;}
.table_jyukou_status {min-width: 200px; padding-left: 5px;}
.table_kaijyou {min-width: 200px; padding-left: 5px;}
.table_shin_status {min-width: 100px;}
.table_gouhi{min-width: 80px; padding-left: 5px;}
.table_shinsei {min-width: 100px;}
.table_koufu {min-width: 100px; padding-left: 5px;}
.table_shin {min-width: 100px;}
.table_5 {min-width: 80px;}
.table_6 {min-width: 80px;}
.table_7 {min-width: 80px;}
.table_8 {min-width: 80px;}
.table_9 {min-width: 80px;}

.table_edit {min-width: 100px;}

.table_head_box {width: 100%; display: flex; align-items: baseline; justify-content: space-between;}
.sort_arrow1,.sort_arrow2  {width: 12px; height: 12px; padding-right: 5px;  line-height: 30px;}


/*
tr.odd th,tr.odd td {
    background-color: #ffffff;
}
tr.even th,tr.even td {
    background-color: #DCDCDC;
}
*/
tr:nth-child(odd) td {
  background-color: #ffffff;
}
tr:nth-child(even) td {
  background-color: #EEE;
}

/*** ページネーション ***/

.page_box {width: 1080px; margin-left: 20px;}
.page_navi {padding-top: 30px; text-align: center;}
/*
.page_navi  ul.pagination { text-align: center; margin: 0; padding: 0; }
.page_navi .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#4E85B7;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
}
.page_navi .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}
.page_navi .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}
.page_navi .pagination li a:hover,
.page_navi .pagination li a.active{
  color: #000;
  background: #ccf;
}
*/


.koukasoku_ichiran {
    padding-top: 30px;
    padding-bottom: 50px;
}

.koukasoku_box_top {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: dotted 1px; #999;
    border-bottom: dotted 1px; #999;
}

.koukasoku_box {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: dotted 1px; #999;
}

.koukasoku_title {width: 20%; height: 25px; line-height: 25px; font-size: 12px; padding-top: 5px;}
.koukasoku_title2 {width: 60%; height: 25px; line-height: 25px; font-size: 12px; padding-top: 5px;}
.koukasoku_henkou {
    width: 120px;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    font-size: 12px;
    margin: 5px 0px;
    background-color: #4E85B7;
    color: #fff;
    border-style: none;
    text-align: center;
    }
.koukasoku_henkou a:link {color:#ffffff; text-decoration: none; border-radius: 3px; display: block; }
.koukasoku_henkou a:visited {color:#ffffff; text-decoration: none;}
.koukasoku_henkou a:active {color: #ffffff; text-decoration: none;}
.koukasoku_henkou a:hover {color: #ffffff; text-decoration: none; border-radius: 3px; background-color: #2E35B7;}

.maintenance {
    padding-top: 30px;
    padding-bottom: 50px;
    display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}



.koukasoku_kamoku { padding-top: 50px;}
.kamoku_box  {width: 1080px; margin-left: auto; margin-right: auto; padding-bottom: 30px;display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between; font-size: 12px;}
.kamoku_table {width: 1080px; margin-left: auto; margin-right: auto; border: solid 1px #999; }
.kamoku_table thead th { border-top: solid 1px #999; border-bottom: solid 1px #999; height: 50px; vertical-align: middle;}

.kamoku_table_1 {width: 100px;}
.kamoku_table_2 {width: 400px;}
.kamoku_table_3 {width: 400px;}
.kamoku_table_4 {width: 120px;}

.kamoku_table tbody th,.kamoku_table tbody td {border-bottom: solid 1px #999; vertical-align: middle; padding-top: 10px;}

.kamoku_maru,.kamoku_batsu {line-height: 20px; padding-bottom: 10px; padding-left: 40px;}
.maru,.batsu {padding-right: 10px;}
.radio-plain {width: 21px;  height: 21px;}

.kamoku_submit_button {width: 100%; text-align: center; padding-top: 30px;}





.accordion {
margin: 3em 0.3em;
max-width: 100%;
width: 1080px;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.menu_content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 1px #ccc;
padding: 0.75em;
padding-left: 2.25em;
display: block;
color: #333;
font-weight: bold;
background-color: #eee;
}
.title::after,
.title::before {
content: "";
position: absolute;
left: 1.25em;
top: 0.9em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.menu_content {
max-height: 0;
overflow: hidden;
}
.menu_content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .menu_content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

.toggle3_zagaku_ninzu {padding-top: 10px; padding-left: 10px; padding-right: 10px;}
.menu_content_box {width: 100%; padding-top: 20px; display: flex;}
.menu_content_box_1 {width:  300px;}
.menu_content_box_2 {width:  500px;}
.menu_content_box_3 {width:  200px;}
.menu_content_box_title {font-size: 12px; font-weight: bold;}

.menu_content_box_flex {display: flex; padding-top: 20px; padding-bottom: 20px;}
.menu_content_box_flex_txt {padding: 10px;}
.menu_content_box_free {padding-top: 20px; padding-bottom: 20px;}
.hihyouji_box  {width: 100%; padding-top: 10px; display: flex; }
.hihyouji_box_ko {width: 120px; padding: 5px; font-size: 12px; display: flex; justify-content: space-between; align-items: baseline;}
.hihyouji_box_ko_title { padding-left: 5px;}


.mail_submit_box {width: 90%; padding: 20px 10px 10px 20px; margin: 30px auto; background-color: #FFE3F1; border-radius: 10px;} 
.mail_submit_title {font-size: 16px; width: 100%; text-align: center;}
.mail_submit_title2 {padding-top: 20px; font-size: 12px; width: 100%; text-align: center;}
textarea {
    background: #fff;
    font-size: 12px;
    padding: 5px;
    transition: 0.8s;
    border-radius: 0;
    margin: 5px;
    border: solid 1px #6ecddb;
    
}
.mail_submit_textarea {
    width: 610px; margin: 0px auto;
}





#zagaku_list {
    padding-left: 20px;
}
#zagaku_new {
    width: 720px;
    margin-left: 20px;
}
.zagaku_list_title {font-size: 1em; padding-bottom: 10px;}

.zagaku_box {width: 1080px;}
.zagaku_list {width: 100%;}
.zagaku_list  li:nth-child(odd){
background:#CCCCCC;
}
.zagaku_list_k {font-size: 0.8em; width: 100%; display: flex; padding: 10px;}
.zagaku_list_k_no {width: 140px;}
.zagaku_list_k_date {width: 140px;}
.zagaku_list_k_place {width: 300px;}
.zagaku_list_k_detail {width: 60px;}
.zagaku_list_k_kahi {width: 80px;}
.zagaku_list_k_nin {width: 120px;}
.zagaku_list_k_detail2 {width: 100px;}

.regist_box_txt_zagaku {display: flex; padding-top: 10px;}
.regist_box_txt_zagaku_date {width: 140px;}
.regist_box_txt_zagaku_place {width: 300px;}
.regist_box_txt_zagaku_detail {width: 60px;}

.regist_h4  {color: #555; font-size: 1em; font-weight: bold;}
.regist_box_txt,.regist_box_txt_2,.regist_box_txt_3  {color: #555; font-size: 0.8em}
.regist_box_txt_4 {color: #555; font-size: 1em;}
.regist_box_txt_come {color: red; font-size: 0.6em;}
.regist_box_txt_req {color: red; font-size: 0.8em;}
.regist_box_02_txt{color: red; font-size: 0.8em;}
.regist_box_r {font-size: 0.8em;}
.regist_box_hi{color: red; font-size: 0.8em;}

.regist_element {width: 720px; margin: 0 auto; padding-top: 20px; padding-bottom: 10px; }
.regist_box {width: 100%; display: flex; justify-content: space-between; align-items: top; padding: 5px; margin-bottom: 10px;} 
.regist_box2 {width: 100%; display: flex; justify-content: space-between; align-items: top; padding: 5px; margin-bottom: 10px; border-bottom: solid 1px;} 
.regist_box_l {width: 200px; padding-top: 10px; display: flex; justify-content: space-between;}
.regist_box_hi {padding-right: 10px;}
.regist_box_r {flex: 1;}
.regist_box_sub {width: 100%; display: flex; align-items: center; }
.regist_box_sub2 {width: 100%; display: flex; align-items: center; padding-top: 10px;}
.regist_box_02 {width: 720px; margin: 0 auto; display: flex; align-items: center; justify-content: center; padding: 20px 5px 10px 5px;} 


.birth_txt { margin-left: 5px; margin-right: 5px;}
.regist_box_txt {}

.regist_box_txt_come {padding-top: 10px;}
.regist_box_txt_2 {padding-top: 0px; padding-left: 10px; padding-right: 10px;}
.regist_box_txt_3 {padding-top: 10px; padding-left: 5px; padding-bottom: 10px;}
.regist_box_txt_4 {padding-top: 0px; padding-left: 10px;}
.regist_box_02_txt {padding-left: 10px;}
.regist_txt {padding-left: 10px; padding-right: 10px;} 

.file_up {width: 300px; padding: 5px; background-color: #ccc; border-radius : 5px;}
.file_up2 {width: 240px; padding: 5px; background-color: #ccc; border-radius : 5px; margin: 0px 5px;}
.dami_img {width: 220px; margin: 5px auto;}





.user_content {padding-top: 50px; width: 100%; max-width:800px; margin-left: auto; margin-right: auto;}
.form_table {width: 100%; max-width: 800px;}
.form_table th { width: 100px; padding: 20px 5px;background-color: #DCDCDC; line-height: 120%;}
.form_table tr,.form_table td{ padding-top: 20px; padding-bottom: 20px; padding-left: 5px;}
.form_table th,.form_table td { border-top: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle;}

.form_flex {width: 100%;display: block !important; box-sizing: border-box;}
.form_flex2 {width: 100%;display: block !important; box-sizing: border-box;}
.form_flex3 {width: 100%;display: block !important; padding-top: 10px;box-sizing: border-box;}
input[name="address"],
input[name="address1"],
input[name="address2"],
input[name="mail_address"],
input[name="mail_address2"],
input[name="kinmusaki_address"],
input[name="kinmusaki_address1"],
input[name="kinmusaki_address2"],
input[name="kinmusaki"],
input[name="kinmusaki_yomi"]{
	width: 80%;
}
.table_b {width: 50px;}
}


.user_content {padding-top: 50px; width: 100%; max-width: 640px; margin-left: auto; margin-right: auto;}
.form_table {width: 100%; max-width: 640px;}
.form_table th { width: 25%; padding: 20px 5px;background-color: #DCDCDC; line-height: 120%;}
.form_table tr,.form_table td{ padding-top: 20px; padding-bottom: 20px; padding-left: 5px;}
.form_table th,.form_table td { border-top: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle;}

.form_flex {width: 100%;display: block !important; box-sizing: border-box; }
.form_flex2 {width: 100%;display: block !important; box-sizing: border-box;}
.form_flex3 {width: 100%;display: block !important; padding-top: 10px;box-sizing: border-box;}
.utsushi {width: 200px; margin-top: 10px;}
.dami1{width: 180px; padding-top: 10px; margin-left: auto; margin-right: auto; padding-bottom: 10px;}

.table_b {width: 10%; align-items: center;　writing-mode: vertical-rl;}
.red {color: red; font-size: 10px;}
.red2{color: red; font-size: 12px; padding: 0px 5px;}


input[name="address"],
input[name="address1"],
input[name="address2"],
input[name="mail_address"],
input[name="mail_address2"],
input[name="kinmusaki_address"],
input[name="kinmusaki_address1"],
input[name="kinmusaki_address2"],
input[name="kinmusaki"],
input[name="kinmusaki_yomi"]{
	width: 90%;
}

input[type="text"],
textarea {
    background: #fff;
    display: block;
    font-size: 12px;
    padding: 10px 5px;
    transition: 0.8s;
    border-radius: 0;
    margin: 3px;
    border: solid 1px #6ecddb;
}



.help_h1 {font-size: 1.6rem; padding-bottom: 10px; padding-left: 10px;}
.hrelp_txt {padding-left: 10px; line-height: 120%;}


/*** 管理 ***/

.kanri_back {padding: 20px 0px 30px 20px;}

.kanri_h2 {font-size: 1.2rem; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-left: solid 7px #EC6263; margin: 20px 0 10px 10px;}
.kanri_ul {padding-top: 10px; padding-left: 20px; padding-bottom: 30px; line-height: 120%;}

.kanri_txt{font-size: 0.8rem; padding-bottom: 10px; padding-left: 10px;}
.maintenance_kanri {padding-left: 20px; padding-top: 10px; }
.maintenance_kanri_radio {padding-bottom: 10px; font-size: 12px; }
.maintenance_txt {padding-left: 20px; padding-top: 10px; padding-bottom: 20px;}
.maintenance_txt_textarea {font-size: 1rem;  padding-top: 10px; padding-bottom: 10px; padding-left: 0px;}
.maintenance_txt_submit {padding-top: 10px;}


.kanri_douga_title_box {display: flex; padding-top: 30px; padding-left: 20px;}
.kanri_douga_title_box_l {padding-right: 20px;}
.kanri_douga_title_box_r {}
.kanri_douga_listno_sub,.kanri_douga_title_sub {font-size: 0.8rem; padding-bottom: 10px;}

.kanri_douga_list_box {display: flex; padding-top: 50px; padding-left: 20px;}
.kanri_douga_list_no {width: 80px;}
.kanri_douga_list_thumbnail {width:240px;}
.kanri_douga_list_title {padding-left: 20px;}

.kanri_koukasokutei_title_box {display: flex; padding-top: 30px; padding-left: 20px;}
.kanri_koukasokutei_title_box_l {padding-right: 20px;}
.kanri_koukasokutei_title_box_r {}
.kanri_koukasokutei_listno_sub,.kanri_koukasokutei_title_sub {font-size: 0.8rem; padding-bottom: 10px;}



.kanri_koukasokutei_table {width: 1080px; margin-left: 20px; margin-right: auto; border: solid 1px #999; margin-top: 50px; font-size: 0.8rem;}
.kanri_koukasokutei_table thead th { border-top: solid 1px #999; border-bottom: solid 1px #999; height: 50px; vertical-align: middle; background-color: #ccc;}
.kanri_koukasokutei_table_1 {width: 100px; border-right: solid 1px #aaa;}
.kanri_koukasokutei_table_2 {width: 440px; border-right: solid 1px #aaa;}
.kanri_koukasokutei_table_3 {width: 440px; border-right: solid 1px #aaa;}
.kanri_koukasokutei_table_4 {width: 100px;}

.kanri_koukasokutei_table tbody th,.kanri_koukasokutei_table tbody td {border-bottom: solid 1px #999; vertical-align: middle; padding: 10px;}

.kanri_koukasokutei_maru {width: 20px; margin:  auto;}


.kanri_csv_box {display: flex; justify-content: space-between; width: 480px; padding: 20px;}

.kanri_sc_table {margin-left: 20px; margin-right: auto; border: solid 1px #999; margin-top: 30px; font-size: 0.8rem;}
.kanri_sc_table thead th { border-top: solid 1px #999; border-bottom: solid 1px #999; height: 50px; vertical-align: middle; background-color: #ccc;}
.kanri_sc_table tbody th,.kanri_sc_table tbody td {border-bottom: solid 1px #999; vertical-align: middle; padding: 10px;}

.kanri_sc_table_11 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_12 {width: 140px; border-right: solid 1px #aaa;}
.kanri_sc_table_13 {width: 140px; border-right: solid 1px #aaa;}

.kanri_sc_table_21 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_22 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_23 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_24 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_25 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_26 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_27 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_28 {width: 80px; border-right: solid 1px #aaa;}
.kanri_sc_table_29 {width: 80px; border-right: solid 1px #aaa;}
.kanri_sc_table_2a {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_2b {width: 100px; border-right: solid 1px #aaa;}

.kanri_sc_table_31 {width: 100px; border-right: solid 1px #aaa;}
.kanri_sc_table_32 {width: 140px; border-right: solid 1px #aaa;}
.kanri_sc_table_33 {width: 140px; border-right: solid 1px #aaa;}

.kanri_sc_up_submit {padding-top: 30px; padding-left: 20px; padding-bottom: 50px;}

/*** 集計 ***/

.kanri_h3 {font-size: 1rem; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; margin: 20px 0 10px 10px;}

.kanri_month_box {display: flex; justify-content: space-between; width: 480px; padding: 20px;}

.kanri_csv_box2 {display: flex; justify-content: space-between; width: 480px; padding: 5px 20px;}
.kanri_result_come {font-size: 0.6rem; padding-left: 20px;}
.kanri_result {margin-left: 20px; margin-right: auto; border: solid 1px #999; margin-top: 10px; font-size: 0.8rem;}
.kanri_result thead th { border-top: solid 1px #999; border-bottom: solid 1px #999; height: 50px; vertical-align: middle; background-color: #4F71BE; color: #fff;}
.kanri_result tbody th,.kanri_result tbody td {border-bottom: solid 1px #999; vertical-align: middle; padding: 10px; text-align: right;}
.kanri_result tfoot th,.kanri_result tfoot td{border-bottom: solid 1px #999; vertical-align: middle; padding: 10px; text-align: right; background-color: #CADFB8; }


.kanri_result_table_1 {width: 200px; border-right: solid 1px #aaa;}
.kanri_result_table_2 {width: 100px; border-right: solid 1px #aaa;}
.kanri_result_table_3 {width: 100px; border-right: solid 1px #aaa;}
.kanri_result_table_4 {width: 100px; border-right: solid 1px #aaa;}

.kanri_zentaku_box {padding-top: 30px; padding-left:20px;}
.kanri_zentaku_box_title {padding-bottom: 20px;}
.kanri_zentaku_select  {padding-bottom: 50px;}