@charset "UTF-8";
/* CSS Document */

:root {
	--white : #fff;
	--green : #74C98E;
	--dark-gray : #333;
	--light-gray : #ddd;
	--normal-gray : #777;
	--gray : #999;
	--pale-gray : #f5f5f5;
	--orage01: #FF7800;
	--blue01: #0E6AC0;
	--red01:#b94047;
	--red02:#ff0000;
	--pale-yellow : #ffffee;

	--main-color01 : #0E9FC0;
	--main-color01-pale : #eef9fc;
	--main-color02 : #333333;
	--main-color03 : #21353A;
	--link:#211f2b;


	--general-color : #ee72af;
	--general-color-pale : #fff5fa;
	--member-color : #21353A;
	--error-color :#ee0000;
	--cancel-color :#666;

	--main-bgcolor: #FAF6F3;
	--font-size-s :90%;
	--font-size-ss :0.7rem;
	--font-size-sss :0.5rem;

	--font-size-l :120%;
	--font-size-ll :150%;

}
html{color:var(--main-color02);}

body {font-family:"Noto Sans JP", sans-serif; line-height: 1.7;  font-size: 14px;}

.Min400 {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.Min500 {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.Min600 {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.Min700 {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.Min800 {
  font-family: "Shippori Mincho", serif;
  font-weight: 800;
  font-style: normal;
}



.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

@media print {
  body {width: 1000px;}
  header nav{ display:none;}
  @page {
margin-top:0.4cm;
margin: 0.5cm;
}
p a, code, pre {
word-wrap: break-word;
}
 
pre a[href]:after {
    content: ""; }
 
 
pre abbr[title]:after {
    content: ""; }
 
pre   .ir a:after,
  pre a[href^="javascript:"]:after,
  pre a[href^="#"]:after {
    content: ""; }
 
.no-print {display:none;}
}

.txtOrange {color:var(--main-color03);}
.txt-link {color:var(--blue01); text-decoration: underline;}
.dispBlock {display: block !important;}

.plusFormBtnArea {margin-bottom:70px !important;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
*{box-sizing:border-box;}

li{list-style:none;}
a{cursor:pointer; text-decoration: none; transition: 0.5s;}

button ,
label
{transition: 0.5s;}

a:hover ,
button:hover ,
label:hover
{opacity: 0.6;}


img {margin: 0; padding: 0; border-style: none; vertical-align:bottom; border:none; max-width:100%;}
li{list-style:none;}

.Min {font-family: "Noto Serif JP", sans-serif; font-style: normal;}
.Gothic {font-family: "Noto Sans JP", sans-serif; font-style: normal;}

.redtxt{color: #BF1F21;}

/* -- Item layout style setting -- ------------------------------ */

.ListType01 li {list-style: none;}
.ListType01 li::before {content:"\f28d";  font-family: FontAwesome; margin:0 5px 0 0; color:#ffc000;}

.ListNumber li{list-style-type: decimal !important;}
.ListNumber02 li{list-style-type: decimal-leading-zero !important;*list-style-type: decimal !important;}
.ListNumber03 li{list-style-type:lower-roman !important;}
.ListCircle li {list-style-type:circle !important;}
.ListDisc li{list-style-type: disc !important; }
.ListSquare li{list-style-type: square !important; }
.ListAlphabet li{list-style-type: lower-alpha !important;}
.ListAlphabet02 li{list-style-type: upper-latin !important;*list-style-type: lower-alpha !important; }
.ListAlphabet03 li{list-style-type: upper-latin !important;*list-style-type: upper-latin !important; }
.ListAsterisk li::before {content:"*"; margin:0 5px 0 0;}

/* Align setting */
.ali-L {text-align: left !important;}
.ali-C {text-align: center !important;}
.ali-R {text-align: right !important; margin:0 0 0 auto;}

.marTS {margin-top:10px !important;}
.marTM {margin-top:30px !important;}
.marTL {margin-top:50px !important;}
.marTLL {margin-top:80px !important;}

.marBS {margin-bottom:10px !important;}
.marBM {margin-bottom:30px !important;}
.marBL {margin-bottom:50px !important;}
.marBLL {margin-bottom:80px !important;}

.marLS {margin-left:10px !important;}
.marLM {margin-left:30px !important;}
.marLL {margin-left:50px !important;}
.marLLL {margin-left:80px !important;}

/* -------------------------------------------------- */


.sizeFull {width:100%;}
.sizeNormal {width:400px;}
.sizeMin {width:200px;}
.sizeName {width:150px; margin:0 10px 0 0;}
.sizeZip3 {width:3rem;}
.sizeZip4 {width:4rem;}
.sizeAddress  {width:30rem;}
.sizeTel {width:4rem;}
.sizeMail {width:30rem;}
.sizeUrl {width:30rem;}
.sizeTime {width:2.3rem;}
.sizeMinutes {width:2.3rem;}
.sizeJob {width:20rem;}
.sizeVenue {width:20rem;}
.sizeComment {width:30rem;}

.is_sp .sizeFull {width:100%;}
.is_sp .sizeNormal {width:100%;}
.is_sp .sizeMin {width:100%;}
.is_sp .sizeName {width:49%; margin:0 1% 0 0;}
.is_sp .sizeMail {width:100%;}
.is_sp .sizeUrl {width:100%;}
.is_sp .sizeAddress  {width:100%;}
.is_sp .sizeJob  {width:100%;}
.is_sp .sizeVenue {width:100%;}
.is_sp .sizeComment {width:100%;}

.is_tab .sizeFull {width:100%;}
.is_tab .sizeNormal {width:100%;}
.is_tab .sizeMin {width:100%;}
.is_tab .sizeName {width:49%; margin:0 1% 0 0;}
.is_tab .sizeMail {width:100%;}
.is_tab .sizeAddress  {width:100%;}
.is_tab .sizeJob  {width:100%;}
.is_tab .sizeVenue {width:100%;}
.is_tab .sizeComment {width:100%;}

.typeSeireki {width:80px;}
.txtError {color:#FD4E37; font-family: "Gothic"; font-size:14px;}

.ime-mode-active{ime-mode: active;}
.ime-mode-disabled{ime-mode: disabled;}

button , 
input [type="submit"] ,
input [type="button"] ,
input [type="reset"] {border-style:none; outline: none; cursor: pointer;}


/* - FormStyle */
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="password"]  {padding:5px; border:none; -webkit-appearance: none; width:100%;}
textarea {padding:5px; border:none;}

input[type="url"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"],
input[type="search"]:focus,
input[type="password"]:focus  {padding:5px; border:none; -webkit-appearance: none; outline: none;}
textarea:focus {padding:5px; border:none; outline: none;}

input::placeholder {color:var(--gray); font-family: "Gothic"; font-size:14px;}
.is_sp input::placeholder {font-size:14px;}


.resultCheck input[type="checkbox"] {display: none;}
.resultCheck .switch {display: block; width:20px; height:20px; cursor: pointer; }
.resultCheck .switch::before {content:""; display: block; width:20px; height:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='10' ry='10' style='fill:%23ccc'/%3E%3C/svg%3E"); background-size:contain;}
.resultCheck input:checked + .switch {}
.resultCheck input:checked + .switch::before {content:""; display: block; width:20px; height:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90 0H10C4.5 0 0 4.5 0 10v80c0 5.5 4.5 10 10 10h80c5.5 0 10-4.5 10-10V10c0-5.5-4.5-10-10-10m-5.87 28.57-41.66 48.1c-.72.83-1.75 1.33-2.85 1.38h-.17c-1.11 0-2.24-.45-3-1.25L15.99 55.06a3.997 3.997 0 0 1 5.82-5.48l17.47 18.56 38.81-44.8a3.994 3.994 0 0 1 5.64-.4 3.994 3.994 0 0 1 .4 5.64Z' style='fill:%230E9FC0'/%3E%3C/svg%3E"); background-size:contain; }

.checkbox input[type="checkbox"] {display: none;}
.checkbox .switch {display: inline-block; white-space: nowrap; background-color:var(--light-gray); text-align: left; cursor: pointer; position: relative; margin:2px 5px 2px 0; padding:3px 10px 3px 30px; border-radius: 5px; font-size:var(--font-size-s);}
.checkbox .switch::before {content:""; display: block; width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='10' ry='10' style='fill:%23fff'/%3E%3C/svg%3E"); background-size:contain; position: absolute; left:10px; top:7px;}
.checkbox input:checked + .switch {background-color:var(--main-color01); color:var(--white);}
.checkbox input:checked + .switch::before {content:""; display: block; width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90 0H10C4.5 0 0 4.5 0 10v80c0 5.5 4.5 10 10 10h80c5.5 0 10-4.5 10-10V10c0-5.5-4.5-10-10-10m-5.87 28.57-41.66 48.1c-.72.83-1.75 1.33-2.85 1.38h-.17c-1.11 0-2.24-.45-3-1.25L15.99 55.06a3.997 3.997 0 0 1 5.82-5.48l17.47 18.56 38.81-44.8a3.994 3.994 0 0 1 5.64-.4 3.994 3.994 0 0 1 .4 5.64Z' style='fill:%23fff'/%3E%3C/svg%3E"); background-size:contain; }

.checkbox input:checked + .switch.geneCatInfo {background-color:#556070;}
.checkbox input:checked + .switch.geneCatSoudan {background-color:#2f9e74;}
.checkbox input:checked + .switch.geneCatKenshu {background-color:#6a4fb0;}
.checkbox input:checked + .switch.geneCatImportant {background-color:#cf2e2e;}
.checkbox input:checked + .switch.memberCatImportant {background-color:#cf2e2e;}
.checkbox input:checked + .switch.memberCatTopics {background-color:#0a6175;}
.checkbox input:checked + .switch.memberCatRiji {background-color:#5a36b0;}
.checkbox input:checked + .switch.memberCatCommon {background-color:#6a6678;}
.checkbox input:checked + .switch.memberReport {background-color:#2c7a59;}
.checkbox input:checked + .switch.memberField {background-color:#1f56b0;}

.checkbox input:checked + .switch.entryReception {background-color:#2c7a59;}
.checkbox input:checked + .switch.entryDeadline {background-color:#9c5b08;}
.checkbox input:checked + .switch.entryCancel {background-color:#c0392b;}
.checkbox input:checked + .switch.entryFull {background-color:#cf2e2e;}
.checkbox input:checked + .switch.entryEnd {background-color:#999;}
.checkbox input:checked + .switch.entrySoon{background-color:#5c5c66;}

.checkboxChild input[type="checkbox"] {display: none;}
.checkboxChild .switch {display: inline-block; white-space: nowrap; border:solid 1px var(--light-gray); text-align: left; cursor: pointer; position: relative; margin:2px 5px 2px 0; padding:1px 10px 1px 26px; border-radius: 99px; font-size:--font-size-s;}
.checkboxChild .switch::before {content:""; display: block; width:10px; height:11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.2 56.1'%3E%3Cpath d='M24.5 56.1c-1.1 0-2.2-.5-3-1.2L1.1 33.1c-1.5-1.6-1.4-4.1.2-5.6s4.1-1.4 5.6.2l17.5 18.6L63.2 1.4c1.5-1.7 4-1.9 5.6-.4 1.7 1.5 1.8 4 .4 5.6L27.6 54.7c-.7.8-1.8 1.3-2.9 1.4z' style='fill:%23999'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size:contain; position: absolute; left:10px; top:9px;}
.checkboxChild input:checked + .switch {background-color:var(--main-color01-pale); border:solid 1px var(--main-color01); color:var(--main-color01);}
.checkboxChild input:checked + .switch::before {content:""; display: block; width:10px; height:11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.2 56.1'%3E%3Cpath d='M24.5 56.1c-1.1 0-2.2-.5-3-1.2L1.1 33.1c-1.5-1.6-1.4-4.1.2-5.6s4.1-1.4 5.6.2l17.5 18.6L63.2 1.4c1.5-1.7 4-1.9 5.6-.4 1.7 1.5 1.8 4 .4 5.6L27.6 54.7c-.7.8-1.8 1.3-2.9 1.4z' style='fill:%230E9FC0'/%3E%3C/svg%3E"); background-size:contain; }

.radio input[type="radio"] {display: none;}
.radio .switch {display: inline-block; white-space: nowrap; background-color:var(--light-gray); text-align: left; cursor: pointer; position: relative; margin:2px 5px 2px 0; padding:3px 10px 3px 30px; border-radius: 999px;  font-size:--font-size-s;}
.radio .switch::before {content:""; display: block; width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Ccircle cx='48' cy='48' r='48' style='fill:%23fff'/%3E%3C/svg%3E"); background-size:contain; position: absolute; left:10px; top:7px;}
.radio input:checked + .switch {background-color:var(--main-color01); color:var(--white);}
.radio input:checked + .switch::before {content:""; display: block; width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 0C21.49 0 0 21.49 0 48s21.49 48 48 48 48-21.49 48-48S74.51 0 48 0m0 72.51c-13.54 0-24.51-10.97-24.51-24.51S34.46 23.49 48 23.49 72.51 34.46 72.51 48 61.54 72.51 48 72.51' style='fill:%23fff'/%3E%3C/svg%3E"); background-size:contain; }


.radioMailFormat {margin:0 10px 0 0;}
.radioMailFormat input[type="radio"] {display: none;}
.radioMailFormat .switch {display: block; border:solid 1px var(--light-gray); padding:10px; border-radius: 10px; cursor: pointer;}
.radioMailFormat .switch::before {}
.radioMailFormat input:checked + .switch {display: block; border:solid 1px var(--main-color01); background-color:var(--main-color01-pale);}
.radioMailFormat input:checked + .switch::before {}

.year-month {display: flex; align-items:center;}
.year-month span {margin:0 10px;}

.inputFlex {display: flex; align-items:center;}
.inputFlex span {margin:0 5px;}

.is_sp .inputFlex {display: block;}

.inputFlexT {display: flex; align-items: stretch;}

.inputFlexSelect {display: flex; align-items:center; flex-wrap: wrap;}
.is_sp .selectBlock {display:block; width:100%;}

/*button-----------------------------------------------------*/

.searchBtn {display: flex; align-items: center; justify-content: center; background-color:var(--main-color01); color:var(--white); padding:8px 0; width:185px; border-radius: 5px; border-style:none; outline: none;}
.searchBtn .searchIcon { width:15px; margin:5px 5px 0 0;}
.searchBtn .searchIcon svg {fill:var(--white); width:14px;}
.searchBtn .searchTxt {font-weight: 600;}

.searchBtnSizeS {display: flex; align-items: center; justify-content: center; background-color:var(--main-color01); color:var(--white); padding:5px 12px 5px 10px; border-radius: 5px; border-style:none; outline: none;}
.searchBtnSizeS .searchIcon { width:15px; margin:3px 0 0 0;}
.searchBtnSizeS .searchIcon svg {fill:var(--white); width:18px;}
.searchBtnSizeS .searchTxt {font-weight: 600;}


.loginBtn {display: flex; align-items: center; background-color:var(--main-color01); color:var(--white); padding:8px 30px; border-radius: 5px; border-style:none; outline: none;}
.loginBtn .loginIcon { width:15px; margin:5px 5px 0 0;}
.loginBtn .loginIcon svg {fill:var(--white); width:14px;}
.loginBtn .loginTxt {font-weight: 600;}

.btnReset {display: flex; align-items: center; border-style:none; outline: none; padding:8px 20px; background-color:transparent;}
.btnReset .resetIcon {width:13px; margin:3px 5px 0 0;}
.btnReset .resetIcon svg {fill:#333; width:13px;}
.btnReset .resetTxt {}

.btnAdd {background-color:var(--orage01); color:var(--white); font-weight: 600; border-style:none; outline: none; margin:10px 0 0 15px; padding:4px 15px; border-radius: 5px;}

.btnDownload {background-color:var(--gray); color:var(--white); border-style:none; outline: none; padding:4px 15px; border-radius: 5px;}
.cancelBtn {background-color:var(--gray); color:var(--white);}
.addBtn {background-color:var(--orage01); color:var(--white);}

.btnDocumentAdd {border:solid 1px #aaa; background-color:#777; color:var(--white); font-weight: 600; outline: none; padding:3px 10px; border-radius: 4px;}

.btnCsv {background-color:var(--blue01); color:var(--white); border-style:none; outline: none; padding:3px 10px; border-radius: 5px;}

.btnCom {background-color:var(--gray); color:var(--white); border-style:none; outline: none; padding:8px 20px; border-radius: 5px;}
.btnComSS {background-color:var(--gray); color:var(--white); border-style:none; outline: none; padding:3px 10px; border-radius: 5px;}

.editBtn {background-color:var(--main-color01); color:var(--white); border-style:none; outline: none; padding:8px 20px; border-radius: 5px;}
.deleteBtn {background-color:#f00; color:var(--white); border-style:none; outline: none; padding:8px 20px; border-radius: 5px;}

.btnIndividual {background-color:var(--light-gray); text-align: left; cursor: pointer; margin:2px 5px 2px 0; padding:4px 15px; border-radius: 5px; font-size:var(--font-size-s); color:#333;}
button.btnIndividual.select {background-color:var(--main-color01); color:var(--white);}




/*fileUpload-----------------------------------------------------*/

.fileUploadBlock {display: block; border:dashed 2px var(--light-gray); padding:20px; background-color:var(--pale-gray); border-radius: 10px; cursor: pointer;}
.fileUploadBlock input[type="file"]{display: none;}
.fileUploadBlockInner {}
.fileUploadIcon {text-align: center; margin:0 auto;}
.fileUploadIcon svg {fill:var(--light-gray); width:80px;}
.fileUploadTxt {text-align: center; margin:0 auto; line-height:1.5;}
.fileUploadTxt p {text-align: center; margin:0 auto; color:var(--normal-gray);}
.uploadLimit {font-size:80%;}

.uploadFileName {margin:5px 0 0 0;}
.uploadDelete {margin:10px 0 0 0;}
.uploadDelete a span {background-color:var(--red01); color:var(--white); font-size:var(--font-size-s); padding:2px 10px 3px 10px; border-radius: 3px; }

.iconEdit {text-align: center;}
.iconEdit a {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center;  
}
.iconEdit svg {width:18px; fill:var(--main-color01); transition: .2s;}
.iconEdit a:hover svg {width:26px;}

.iconPin {text-align: center; margin:3px auto 0 auto;}
.iconPin svg {width:20px; fill:var(--main-color01);}

.iconDelete {text-align: center;}
.iconDelete a {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center;
}
.iconDelete svg {width:14px; fill:#f00; transition: .2s;}
.iconDelete a:hover svg {width:22px;}

.iconDetail {text-align: center;}
.iconDetail a {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center;  
}
.iconDetail svg {width:18px; fill:var(--blue01); transition: .2s;}
.iconDetail a:hover svg {width:26px;}

.iconAdd {text-align: center; margin:3px auto 0 auto;}
.iconAdd a {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center; 
}
.iconAdd svg {width:18px; fill:var(--orage01); transition: .2s;}
.iconAdd a:hover svg {width:26px;}

.iconMinus {text-align: center; margin:-10px auto 0 auto;}
.iconMinus svg {width:14px; fill:var(--light-gray);}

.iconMail {text-align: center; margin:5px auto 0 auto;}
.iconMail svg {width:18px; fill:var(--gray);}

.iconClip {}
.iconClip svg {width:15px; fill:var(--gray);}

.iconUpdate {margin:4px 3px 0 0;}
.iconUpdate svg {width:16px; fill:var(--gray);}

.iconCancel {text-align: center;}
.iconCancel a {
  display: flex;
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center;
}
.iconCancel svg {width:14px; fill:#f00; transition: .2s;}
.iconCancel a:hover svg {width:22px;}

.mailAddressList {}
.mailAddressList ul {display: flex; justify-content: flex-start; flex-wrap: wrap; }
.mailAddressList li {display: flex; align-items: center; padding:1px 10px 1px 20px; background-color:var(--white); border:solid 1px var(--light-gray); border-radius: 99px; margin:0 5px 5px 0;}
.mailAddressList li p.sendName {}
.mailAddressList li p.sendName .sendMailAddress {}
.mailAddressList li p.sendCancel {margin:5px 0 0 5px;}
.mailAddressList li p.sendCancel a {}
.mailAddressList li p.sendCancel svg {width:16px; fill:var(--light-gray);}
.mailAddressList li p.sendCancel a:hover svg {fill:var(--red01);}

.mailSendNum { margin:0 10px 0 0;}
.mailSendNum span {color:var(--main-color01); font-size:150%; font-weight: 600; margin:0 5px;}

/*繝輔ャ繧ｿ繝ｼ蝗ｺ螳夐Κ蛻����繝懊ち繝ｳ縺ｮ繧｢繧､繧ｳ繝ｳ*/

.formBtnArea .iconDelete {margin:3px 5px 0 0;}
.formBtnArea .iconDelete svg {width:10px; fill:var(--white);}

.formBtnArea .iconEdit {margin:3px 5px 0 0;}
.formBtnArea .iconEdit svg {width:12px; fill:var(--white);}

.gyoseiNumber {font-weight: 600; white-space:nowrap;}
.addDate {font-size:var(--font-size-ss);}

#generalSite .searchBtn {background-color:var(--general-color);}
#generalSite .searchBtnSizeS {background-color:var(--general-color);}