@font-face {font-family: 'Sawarabi'; src: url('../fonts/SawarabiMincho-Regular.ttf') format("truetype"),url("../fonts/SawarabiMincho-Regular.woff2") format("woff2");}


.Sawarabi{ font-family: 'Sawarabi', serif;}
/* ---------------------------------------------------------------- */
/* common setting */
/* ---------------------------------------------------------------- */

*{margin:0; padding:0; font-style:normal;}
.enable-javascript .loading{position: fixed; z-index: 999; display: block; width: 100vw; height:100vh; background: #fff; }
html{font-size: 62.5%; }
body{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  color: #1c1c1c; background: #fff;}
img {margin: 0;padding: 0;border-style: none; vertical-align:bottom; border:none;}
p{word-break: normal; word-wrap: break-word;}
.wei300{font-weight: 300;}
.wei400{font-weight: 400;}
.wei500{font-weight: 500;}
.wei600{font-weight: 600;}
.bold {font-weight: bold;}
.small {font-size:small;}
hr {width: 100%;margin: 0;padding: 0;border-top: 1px solid #CCCCCC;border-bottom-style: none;border-left-style: none;border-right-style: none;}
li{list-style:none;}

a{color:#000; cursor: pointer !important;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}

main a{cursor: pointer; color:#265bb9; text-decoration:none;}
a,input,select,textarea,table,th,td,dl,dt,dd,p,a,div,h1,h2,h3,h4,h5{box-sizing: border-box;}
img{ max-width: 100%; height:auto;}
.flex{display: flex !important;}
.justify-center{justify-content: center !important;}
.flex-center{display: flex !important; justify-content: center !important;}
.bold{font-weight: bolder;}
.normal{font-weight: normal !important;}
.line-height1{line-height: 1;}
.line-height1-5{line-height: 1.5;}
.line-height2{line-height: 2;}
/*display start*/
.inline{display: inline !important;}
.inline-block{display: inline-block !important;}
.block{display: block !important;}
.display-none{display: none !important;}
/*display end*/
.txt-indent{text-indent: -1em; padding-left: 1em; display: inline-block;}
.errorMessage{color:#ee0000; display: block; clear: both;}
table,th,td{}
a.txt-link,.target_blank a{text-decoration: underline; color:#154caf; }
.txt-red{color:#ee0000 !important;}
.pos-relative {position: relative;}

.bg-light-gray {background-color:#f5f5f5 !important;}
.bg-light-blue {background-color:#eff5ff !important;}
.bg-beige {background-color:#fcf8f3 !important;}
.bg-yellow {background-color:#f9f8f1 !important;}

.nakaguro{margin: 0 -3px; display: inline-block;}
.txtLine {text-decoration:underline !important;}
.txtLink01 {color:#000 !important; text-decoration: underline !important;}
.txtNormal {color: #333 !important;}
.txtGray {color:var(--gray) !important;}
.RedTxt {color:#dd0000 !important;}
.OrangeTxt {color:#ff7800 !important;}
.GrayTxt {color:#333 !important;}

.Grayborder1 {border:solid 1px #333 !important;}

:root {
  --base-color: #6eb700;
  --sub-color: #444;
  --bg-color:#eee;
  --point-color:#ff7800;

  --btn-bg-blue: #146dc7 !important;
  --btn-bg-green: #389f1c !important;
  --btn-bg-gray: #666 !important;
  --btn-bg-orange: #e27c20 !important;
  --btn-no-push: #aaa !important;

  --white:#fff;
  --gray:#999;
  --lightBlue:#2ea7e0;

  --close-color :#999;
  --possible-color :#0064b9;
  --full-color :#cc0000;
  --cancel-color :#00a600;
  --tel-color : #965aa5;
  --preparation-color :#888;

  --close-bg-color :#ccc;
  --possible-bg-color :#bed2e3;
  --full-bg-color :#e7bebe;
  --cancel-bg-color :#bde2bd;
  --tel-bg-color :#e3cfe8;
  --preparation-bg-color :#ddd;

  --base-txt-color:#333;
  
}

.txtClose {color:var(--close-color) !important;}
.txtPossible {color:var(--possible-color) !important;}
.txtFull {color:var(--full-color) !important;}
.txtTel {color:var(--tel-color) !important;}
.txtCancel {color:var(--cancel-color) !important;}
.txtPreparation {color:var(--preparation-color) !important;}

.typeClose {background-color:var(--close-color);}
.typePossible {background-color:var(--possible-color);}
.typeFull {background-color:var(--full-color);}
.typeTel {background-color:var(--tel-color);}
.typeCancel {background-color:var(--cancel-color);}
.typeCanceltxt {color:var(--full-color); border: solid 1px var(--full-color); width: 60%; min-width: 288px; text-align: center; padding: 18px; margin: 0 auto; font-size: 120%; line-height: 1.6;}
.typePreparation {background-color:var(--preparation-color);}

.backgroundClose {background-color:var(--close-bg-color);}
.backgroundPossible {background-color:var(--possible-bg-color);}
.backgroundFull {background-color:var(--full-bg-color);}
.backgroundTel {background-color:var(--tel-bg-color);}
.backgroundCancel {background-color:var(--cancel-bg-color);}
.backgroundPreparation {background-color:var(--preparation-bg-color);}
.backgroundBg {background-color:var(--bg-color);}

.linkType01 {text-decoration:underline !important; color:#345ba3;}
.linkType02 {border-radius: 7px; border:solid 1px #000; padding:10px 20px; color:#000;}
.linkType03 {text-decoration:none; color:#345ba3; font-weight: 500; font-size: 100%;}

.txt-item{color: #fff; background-color: #333; padding: 3px 13px 5px;}

.letterLowering{text-indent: -1em !important; padding-left: 1em !important; display: block !important;}

/* ---------------------------------------------------------------- */
/* googlefont 設定 */
/* ---------------------------------------------------------------- */
.noto-serif {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
}

/* ---------------------------------------------------------------- */
/* clearfix 設定 */
/* ---------------------------------------------------------------- */

.clearfix:after {content: ".";  display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix { height: 1px;}

/* ---------------------------------------------------------------- */
/* Common setting .EX */
/* ---------------------------------------------------------------- */

.br-both {clear: both;}
.hr-both {clear: both;border:none;}

/* -- Item layout style setting -- ------------------------------ */
/* -- 困ったことにこの書き方でないと、Windows、Macの各ブラウザで表示を統一できません。 -- */

li img{ vertical-align:top;}

li img{ vertical-align:top;}

.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;}

.ListCircle li,
.ListDisc li,
.ListSquare li,
.ListAlphabet li,
.ListAlphabet02 li,
.ListAlphabet03 li { margin-left:1.2em;}
.ListNumber li,
.ListNumber02 li,
.ListNumber03 li { margin-left:1.2em;}


/* -------------------------------------------------- */
/* アコーディオン強化css */

/* 初期・基本設定 */

div.Accordion{ padding:20px 0px; width:40%;}

div.Accordion dl dt a{
	display:block;
	background:url(../images/toggle.gif) no-repeat 14px 10px #f5f5f5;
	padding:7px 10px 7px 37px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
div.Accordion dl dt a{ text-decoration:none;}
div.Accordion dl dt a:hover{ background-color:#cccccc;}

div.Accordion dl dd{ background-color:#e9e9e9; padding:15px;}
	
/* オープン時 */
div.Accordion dl dt a.ToggleOpen,
div.Accordion dl dt a.toggleFirst{background:url(../images/toggle_on.gif) no-repeat 14px 11px #d6d6d6;}

/* 閉じる時のhover */
div.Accordion dl dt a.ToggleOpen:hover,
div.Accordion dl dt a.toggleFirst:hover{background:url(../images/toggle_on.gif) no-repeat 14px 8px #005599; color:#ffffff;}

/* 初回オープン用が閉じた時（注：順番を入れ替えると動かなくなります） */
div.Accordion dl dt a.ToggleClose{background:url(../images/toggle.gif) no-repeat 14px 11px #f5f5f5;}

/* オープン時のhover */
div.Accordion dl dt a:hover,
div.Accordion dl dt a.ToggleClose:hover{background:url(../images/toggle.gif) no-repeat 14px 14px #d6d6d6;}

/* -------------------------------------------------- */
/* LOADING用 */

.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #cccccc;
  background: -moz-linear-gradient(left, #cccccc 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #cccccc 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #cccccc 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #cccccc 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #cccccc 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #cccccc;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #ffffff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* -------------------------------------------------- */
/* AfterArrow */

.ArrowR,.ArrowRG a,.ArrowR02,.ArrowRG02 a,.ArrowR03,.ArrowRG03 a,.ArrowB,.ArrowBG a,.ArrowB02,.ArrowBG02 a,.ArrowB03,.ArrowBG03 a,.ArrowT,.ArrowTG a,.ArrowT02,.ArrowTG02 a,.ArrowT03,.ArrowTG03 a{ display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02,.ArrowRG02 a,.ArrowB02,.ArrowBG02 a,.ArrowT02,.ArrowTG02 a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03,.ArrowRG03 a,.ArrowB03,.ArrowBG03 a,.ArrowT03,.ArrowTG03 a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR:after,.ArrowRG a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02:after,.ArrowRG02 a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB:after,.ArrowBG a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02:after,.ArrowBG02 a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT:after,.ArrowTG a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02:after,.ArrowTG02 a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03:after,.ArrowRG03 a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03:after,.ArrowBG03 a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03:after,.ArrowTG03 a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03:before,.ArrowRG03 a:before{ content:""; display:inline-block;}
.ArrowB03:before,.ArrowBG03 a:before{ content:""; display:inline-block;}
.ArrowT03:before,.ArrowTG03 a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBox{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxL{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxR{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxC{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxB{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxA{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxM{ display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}

.L-nowrap{-webkit-flex-wrap:nowrap;}

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

/* block item Width */

.widfit {width: fit-content !important;}

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid10 {width: 10px !important;}
.wid15 {width: 15px !important;}
.wid20 {width: 20px !important;}
.wid25 {width: 25px !important;}
.wid30 {width: 30px !important;}
.wid35 {width: 35px !important;}
.wid40 {width: 40px !important;}
.wid45 {width: 45px !important;}
.wid50 {width: 50px !important;}
.wid55 {width: 55px !important;}
.wid60 {width: 60px !important;}
.wid65 {width: 65px !important;}
.wid70 {width: 70px !important;}
.wid73 {width: 73px !important;}
.wid75 {width: 75px !important;}
.wid80 {width: 80px !important;}
.wid85 {width: 85px !important;}
.wid90 {width: 90px !important;}
.wid95 {width: 95px !important;}

.wid100 {width: 100px !important;}
.wid105 {width: 105px !important;}
.wid110 {width: 110px !important;}
.wid115 {width: 115px !important;}
.wid120 {width: 120px !important;}
.wid130 {width: 130px !important;}
.wid140 {width: 140px !important;}
.wid150 {width: 150px !important;}
.wid160 {width: 160px !important;}
.wid170 {width: 170px !important;}
.wid180 {width: 180px !important;}
.wid190 {width: 190px !important;}

.wid200 {width: 200px !important;}
.wid210 {width: 210px !important;}
.wid220 {width: 220px !important;}
.wid230 {width: 230px !important;}
.wid240 {width: 240px !important;}
.wid250 {width: 250px !important;}
.wid260 {width: 260px !important;}
.wid270 {width: 270px !important;}
.wid280 {width: 280px !important;}
.wid290 {width: 290px !important;}

.wid300 {width: 300px !important;}
.wid310 {width: 310px !important;}
.wid320 {width: 320px !important;}
.wid330 {width: 330px !important;}
.wid340 {width: 340px !important;}
.wid350 {width: 350px !important;}
.wid360 {width: 360px !important;}
.wid370 {width: 370px !important;}
.wid380 {width: 380px !important;}
.wid390 {width: 390px !important;}

.wid400 {width: 400px !important;}
.wid410 {width: 410px !important;}
.wid420 {width: 420px !important;}
.wid430 {width: 430px !important;}
.wid440 {width: 440px !important;}
.wid450 {width: 450px !important;}
.wid460 {width: 460px !important;}
.wid470 {width: 470px !important;}
.wid480 {width: 480px !important;}
.wid490 {width: 490px !important;}

.wid500 {width: 500px !important;}
.wid510 {width: 510px !important;}
.wid520 {width: 520px !important;}
.wid530 {width: 530px !important;}
.wid540 {width: 540px !important;}
.wid550 {width: 550px !important;}
.wid560 {width: 560px !important;}
.wid570 {width: 570px !important;}
.wid580 {width: 580px !important;}
.wid590 {width: 590px !important;}

.wid600 {width: 600px !important;}
.wid610 {width: 610px !important;}
.wid620 {width: 620px !important;}
.wid630 {width: 630px !important;}
.wid640 {width: 640px !important;}
.wid650 {width: 650px !important;}
.wid660 {width: 660px !important;}
.wid670 {width: 670px !important;}
.wid680 {width: 680px !important;}
.wid690 {width: 690px !important;}

.wid700 {width: 700px !important;}
.wid710 {width: 710px !important;}
.wid720 {width: 720px !important;}
.wid730 {width: 730px !important;}
.wid740 {width: 740px !important;}
.wid750 {width: 750px !important;}
.wid760 {width: 760px !important;}
.wid770 {width: 770px !important;}
.wid780 {width: 780px !important;}
.wid790 {width: 790px !important;}

.wid800 {width: 800px !important;}
.wid810 {width: 810px !important;}
.wid820 {width: 820px !important;}
.wid830 {width: 830px !important;}
.wid840 {width: 840px !important;}
.wid850 {width: 850px !important;}
.wid860 {width: 860px !important;}
.wid870 {width: 870px !important;}
.wid880 {width: 880px !important;}
.wid890 {width: 890px !important;}

.wid900 {width: 900px !important;}
.wid910 {width: 910px !important;}
.wid920 {width: 920px !important;}
.wid930 {width: 930px !important;}
.wid940 {width: 940px !important;}
.wid950 {width: 950px !important;}
.wid960 {width: 960px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB0 {margin-bottom: 0px !important;}
.marB2 {margin-bottom: 2px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB35 {margin-bottom: 35px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL-5{margin-left: -5px !important;}
.marL0 {margin-left: 0px !important;}
.marL3 {margin-left: 3px !important;}
.marL5 {margin-left: 5px !important;}
.marL7 {margin-left: 7px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL55 {margin-left: 55px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR7 {margin-right: 7px !important;}
.marR8 {margin-right: 8px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}


/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL3 {margin-left: 3px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR3 {margin-right: 3px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Padding */

/* - All padding */
.padA0 {padding: 0px !important;}
.padA5 {padding: 5px !important;}
.padA10 {padding: 10px !important;}
.padA15 {padding: 15px !important;}
.padA20 {padding: 20px !important;}
.padA25 {padding: 25px !important;}
.padA30 {padding: 30px !important;}
.padA40 {padding: 40px !important;}
.padA50 {padding: 50px !important;}
.padA60 {padding: 60px !important;}
.padA70 {padding: 70px !important;}
.padA80 {padding: 80px !important;}
.padA90 {padding: 90px !important;}

/*.pad6 {padding: 8px 0 !important;}*/


/* - Top padding */
.padT0 {padding-top: 0px !important;}
.padT5 {padding-top: 5px !important;}
.padT9 {padding-top: 9px !important;}
.padT10 {padding-top: 10px !important;}
.padT15 {padding-top: 15px !important;}
.padT18 {padding-top: 18px !important;}
.padT20 {padding-top: 20px !important;}
.padT25 {padding-top: 25px !important;}
.padT30 {padding-top: 30px !important;}
.padT35 {padding-top: 35px !important;}
.padT40 {padding-top: 40px !important;}
.padT50 {padding-top: 50px !important;}
.padT60 {padding-top: 60px !important;}
.padT70 {padding-top: 70px !important;}
.padT80 {padding-top: 80px !important;}
.padT90 {padding-top: 90px !important;}

/* - Bottom padding */
.padB0 {padding-bottom: 0px !important;}
.padB5 {padding-bottom: 5px !important;}
.padB10 {padding-bottom: 10px !important;}
.padB15 {padding-bottom: 15px !important;}
.padB20 {padding-bottom: 20px !important;}
.padB25 {padding-bottom: 25px !important;}
.padB30 {padding-bottom: 30px !important;}
.padB40 {padding-bottom: 40px !important;}
.padB50 {padding-bottom: 50px !important;}
.padB60 {padding-bottom: 60px !important;}
.padB70 {padding-bottom: 70px !important;}
.padB80 {padding-bottom: 80px !important;}
.padB90 {padding-bottom: 90px !important;}

/* - Left padding */
.padL0 {padding-left: 0px !important;}
.padL5 {padding-left: 5px !important;}
.padL10 {padding-left: 10px !important;}
.padL15 {padding-left: 15px !important;}
.padL20 {padding-left: 20px !important;}
.padL25 {padding-left: 25px !important;}
.padL30 {padding-left: 30px !important;}
.padL35 {padding-left: 35px !important;}
.padL40 {padding-left: 40px !important;}
.padL50 {padding-left: 50px !important;}
.padL60 {padding-left: 60px !important;}
.padL70 {padding-left: 70px !important;}
.padL80 {padding-left: 80px !important;}
.padL90 {padding-left: 90px !important;}

/* - Right padding */
.padR0 {padding-right: 0px !important;}
.padR5 {padding-right: 5px !important;}
.padR10 {padding-right: 10px !important;}
.padR15 {padding-right: 15px !important;}
.padR20 {padding-right: 20px !important;}
.padR25 {padding-right: 25px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}
.padR50 {padding-right: 50px !important;}
.padR60 {padding-right: 60px !important;}
.padR70 {padding-right: 70px !important;}
.padR80 {padding-right: 80px !important;}
.padR90 {padding-right: 90px !important;}

/* - Font size */
.txt10px{font-size: 1.0rem !important;}
.txt11px{font-size: 1.1rem !important;}
.txt12px{font-size: 1.2rem !important;}
.txt13px{font-size: 1.3rem !important;}
.txt14px{font-size: 1.4rem !important;}
.txt15px{font-size: 1.5rem !important;}
.txt16px{font-size: 1.6rem !important;}
.txt17px{font-size: 1.7rem !important;}
.txt18px{font-size: 1.8rem !important;}
.txt19px{font-size: 1.9rem !important;}
.txt20px{font-size: 2.0rem !important;}
.txt21px{font-size: 2.1rem !important;}
.txt22px{font-size: 2.2rem !important;}
.txt23px{font-size: 2.3rem !important;}
.txt24px{font-size: 2.4rem !important;}
.txt25px{font-size: 2.5rem !important;}
.txt26px{font-size: 2.6rem !important;}

.txt105Per{font-size: 105% !important;}

/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}

/* Float setting */
.flt-L {float: left !important;}
.flt-R {float: right !important;}

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

/* V-Align setting */
.vali-T {vertical-align: top !important;}
.vali-M {vertical-align: middle !important;}
.vali-B {vertical-align: bottom !important;}

/* ▼テキストの左側に配置する場合は「afterをbeforeに変更する」 */
a.pdf:after,
a.doc:after,
a.xls:after,
a.ppt:after,
a.zip:after,
a.external {text-decoration: underline;}
a.external:after {content: " \f08e"; color: #ccc; font-family: FontAwesome; margin-left:0 0 0 5px;}

/* ▼a要素の前にclassをつけて領域を限定すると良い */
/*a.pdf:after{content: " \f1c1"; color: #cc0000; font-family: FontAwesome;} */
a.pdf:after{
    content: "";
    display: inline-block;
    width: 23px;
    height: 30px;
    background-image: url(../../images/common/pdf.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    margin-left: 5px;
} 
a.doc:after{content: " \f1c2"; color: #0033cc;} 
/*a.xls:after{content: " \f1c3"; color: #339900; font-family: FontAwesome;} */
a.xls:after{
    content: "";
    display: inline-block;
    width: 23px;
    height: 30px;
    background-image: url(../../images/common/xlsx.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
a.ppt:after{content: " \f1c4"; color: #cc9900;} 
a.zip:after{content: " \f1c6"; color: #333;} 
a.external:after{content: " \f08e"; color: #333;} 
a.mailto:after{content: " \f003"; color: #333;} 
/* ▼自動アイコンを設置したくない領域に設置 */
a.LinkNoIcon:after, .LinkNoIcon a:after, a.NoExternalLink:after, .NoExternalLink a:after{ display:none !important; margin-left:0px;}
/* -------------------------------------------------- */

.logo-a{display: inline-block; height: 100%;}

/*footer*/

footer .typeLogin {display: block; width:140px; text-align:center; background-color:var(--white); padding:4px 8px; border-radius: 5px; text-decoration:none; color:var(--base-txt-color); margin-right: 5px; font-size: 16px; height: 33px; font-weight: 400;}
footer .typeLogin i {padding-right: 10px;}
footer .typeTop {display: block; width:140px; text-align:center; padding:2.5px 15px 2px 15px; border-radius: 5px; text-decoration:none; color:var(--white); border:solid 1px var(--white); margin-left: 5px; font-size: 16px; height: 33px; font-weight: 400;}
footer .typeTop i {
        margin-right: 10px;
        font-size: 90%;
        position: relative;
        top: -1px;
}

.footerBtn{display: flex;}

/*detail*/

.mapLink {display:inline-block; background-color:#666; color:#fff; border-radius: 5px; line-height:1; font-size:80%; margin:0 0 0 5px; padding:4px 12px 6px; vertical-align: 2px;}

/*table*/

.entryTitle {color:var(--white); background-color:#666; width:270px; line-height:1.5; padding:10px 10px 10px 20px; align-content: center;}
.entryInput dl dd {padding:10px 20px;  vertical-align: middle; width:calc(100% - 270px); background-color:#f5f5f5; position: relative; /*position: relative;は必須*/}
.entryInput dl dd p {line-height: 1; display: block; padding: 3px 0;}
.FlexName{display: flex;}

.entryInput .seminarTitle {background-color:#f5f5f5; font-size:18px; padding:30px; display: flex;}
.entryInput .seminarKubun {background-color:#f5f5f5; padding:30px;}
.entryInput .seminarType li span.numCapacity {width:90px; color:var(--white); display: flex; justify-content: center; align-items: center; padding: 2px; border-radius: 2px;}

.error-message {color:#c80e0a; font-size:0.9em; line-height: 20px;}

/*mypage*/

.TitleType06 {font-size:26px; line-height:1.5; font-weight: 600; position: relative; padding: 0 0 5px 0; width: 100%; margin: 0 auto;}
.TitleType06 h3{font-size: 24px; font-weight: 600; letter-spacing: 1px; line-height: 39px;}

.mypageTag {margin: 0 auto 30px; border-bottom:solid 2px var(--base-color);}

.mypageTag li a {font-size: 100%; padding:4px 30px 5px; display: block; border:solid 1px #8a8a8a; border-bottom: solid 1px #f2f2f2; color:#000; background-color:#f2f2f2; margin-right: 10px;}
.mypageTag li a.active {background-color:var(--base-color); border: solid 1px var(--base-color); color:var(--white);}

.mypageInput {margin: 0 auto; align-content: center; border:solid 1px #bbb; font-size: 95%;}
.mypageInput dl {border-bottom:solid 1px #bbb;}
.mypageInput dl dd {vertical-align: middle; width:calc(100% - 250px); position: relative; /*position: relative;は必須*/ display: flex; align-items: center;}
.mypageInput dl dt {padding:18.5px 5px 18.5px 20px; vertical-align: middle;width:250px; background-color:#e5e5e5; display: flex; font-weight: 600;}
.mypageInput dl:last-child {border-bottom:none;}

.modalBtn01{padding: 5px 15px !important; border-radius: 5px;height: auto !important; font-size: 19px !important;}

.Search-btn{width: 120px; height: 40px !important; line-height: 46px; font-size: 20px !important; padding: 2px 35px 0;}
.Download {display: inline-block; width: 120px; height: 30px; font-size: 16px; text-align: center; border:solid 1px #797979; background-color: var(--white); padding: 1px 7px 1px 10px; border-radius: 20px; text-decoration: none; color: var(--base-txt-color);}
.Download i{color: var(--full-color); margin-left: 3px;}
.his-border{border: solid 1px var(--base-txt-color); padding: 2px 5px; width: fit-content; height: 30px; text-align: center; white-space: nowrap; font-size: 90%; margin-top: 2px; margin-left: 2px;}

.doc {padding:2px 10px; color:#fff; font-size:16px;}
.no-need {background-color:var(--gray);}
.need {background-color:var(--base-color);}

.tableTypeList {width:100%; min-width: 1060px; box-sizing: border-box; border:solid 1px #888; font-size: 17px; border-collapse:separate;}
.tableTypeList tr:first-child{position: sticky; position: -webkit-sticky; top: 0; z-index: 5;}
.tableTypeList th {background-color:var(--btn-no-push); border-right: solid 1px #888; text-align: center; padding:6px 10px; font-weight: 500; white-space: nowrap;}
.tableTypeList td {padding:10px; border-right: solid 1px #888; white-space: nowrap;}
.tableTypeList dd {line-height: 32px;}
.widDate{min-width: 300px;}
.tableTypeList th:last-child {border-right: none;}
.tableTypeList td:last-child {border-right: none;}
.tableTypeList tr.typeComplete td {background-color:#eee;}

.tableSc{overflow-x: auto; overflow-y: auto; height: 100%; max-height: 450px; margin: 0 auto;}

.is-ad{max-width: 530px; border: solid 1px #333; padding: 15px; line-height: 1.7;}

.logout{width: 1280px; max-width: 90%; display: flex; justify-content: center; margin: 20px auto 0;}

/*電話・FAX*/

.tel-black{color: #333; pointer-events: none;}
.tel-green{color: #6eb700; pointer-events: none;}
.tel-gray{color: #444; pointer-events: none;}
.tel-white{color: #fff; pointer-events: none;}
.fax-black{color: #333; pointer-events: none;}
.fax-gray{color: #444; pointer-events: none;}
.fax-green{color: #6eb700; pointer-events: none;}
.fax-white{color: #fff; pointer-events: none;}


/*error*/

.error-ttl{font-size: 150%; font-weight: 600; white-space: nowrap;}
.error-img{width: 90%; min-width: 288px; max-width: 512px; padding: 30px;}
.error-mes{background-color: #eee; width: 100%; min-width: 288px; max-width: 768px; padding: 20px; margin: 0 auto 10px;}

/* -------------------------------------------------- */
/*改行防止用*/

.nowrap{white-space: nowrap;}

.pc-br {display: none !important;}
.pc-br2 {display: none !important;}
.pc-br3 {display: none !important;}
.pc-br4 {display: none !important;}
.pc-br5 {display: none !important;}
.pc-br6 {display: none !important;}
.pc-br7 {display: inherit !important;}
.sp-br {display: none !important;}
.sp-br2 {display: none !important;}
.pc-disp-only {display: inline-block !important;}
.sp-disp-only {display: none !important;}

.let-s1{letter-spacing: 1.325px;}

/* -------------------------------------------------- */
/*フォーム用*/


input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {  font-size: 16px; color:#999}

.input-required {
  background-color: #fceeee !important;
  border: 1px solid #dd0000 !important;
}

.input-required:placeholder-shown {
  background-color: #fceeee !important;
  border: 1px solid #dd0000 !important;
}
input:disabled {background-color:var(--bg-gray); color:#999;}

/*表示の切り替え用*/
.dispSwitch02 {display: none;}
.dispSwitch04 {display: none;}


@media only screen and (min-width: 641px) and (max-width: 1000px) {
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder { font-size: 16px; color:#999}
}