/*--------------------------------------------------------------------------------
util
--------------------------------------------------------------------------------*/
.isPC {
  display: block;
}
.isSP {
  display: none;
}
@media screen and (max-width: 767px) {
  .isPC {
    display: none;
  }
  .isSP {
    display: block;
  }
  .katabanSearchBlock {
    display: none;
  }
}


/*--------------------------------------------------------------------------------
ttlBgColor
--------------------------------------------------------------------------------*/
.ttlBgColor01 {
  background: #ffc000;
}

/*--------------------------------------------------------------------------------
flowBlockAcc
--------------------------------------------------------------------------------*/
.flowBlockAcc01 {}
.flowBlockAcc01 .accBtn a {
  display: inline-block;
  color: #333;
  background: url(/common/images/icon_accd_01.png) no-repeat 98% 50%;
  cursor: pointer;
  padding-right: 32px;
}
.flowBlockAcc01 .accBtn a:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .flowBlockAcc01 .accBtn a {
    font-size: 100%;
  }
}

.flowBlockAcc01 .accBtn.open a {
  background: url(/common/images/icon_accd_02.png) no-repeat 98% 50%;
}


/*--------------------------------------------------------------------------------
ttlBgColor
--------------------------------------------------------------------------------*/
.texDecoUnder {
  text-decoration: underline;
}

/*--------------------------------------------------------------------------------
printBlock
--------------------------------------------------------------------------------*/
.printBlock01 {
  margin-top: 10px;
  text-align: right;
}


/*--------------------------------------------------------------------------------
btnBlock
--------------------------------------------------------------------------------*/
.btnBlock > div a img {
  margin-left: 5px;
}

.btnBlock .btnBlockInner03 a {
  display: inline-block;
  min-width: 250px;
  min-height: 25px;
  padding: 20px 20px 20px 20px;
  font-size: 113%;
  color: #fff;
  text-align: center;
}

.btnBlock .btnBlockInner03 p:hover,
.btnBlock .btnBlockInner03 a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/*--------------------------------------------------------------------------------
iPop
--------------------------------------------------------------------------------*/
.iPop01 { display:inline-block; /display:inline; /zoom:1; }
.iPop01 img { margin-right:5px; vertical-align:-2px; }
a.iPop01 img { margin-right:5px; margin-left:5px; vertical-align:-1px; }

/*--------------------------------------------------------------------------------
faqFlowBlock
--------------------------------------------------------------------------------*/
.bulletedList01 {
  list-style: none;
}
.bulletedList01 > li::before {
  content: "\25C6"; /* ◆ */
}

/*--------------------------------------------------------------------------------
faqFlowBlock
--------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .faqFlowBlock .faqFlowBlockInner {
    padding: 10px;
    background: #e4eff9;
    border: 1px solid #b4cee8;
    font-size: 0.8rem;
  }

  .faqFlowBlock .faqFlowBlockInner>div {
    margin-bottom: 20px;
    padding: 10px;
  }

  .faqFlowBlock .faqFlowBlockInner>div .sndElm {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------------------------
col2Block06
--------------------------------------------------------------------------------*/
.col2Block06 {
  width: 100%;
  overflow: hidden;
}

.col2Block06 .colL {
  float: left;
  width: 480px;
}

.col2Block06 .colR {
  float: right;
  width: 260px;
}

@media screen and (max-width: 767px) {
  .col2Block06 .colL {
    float: none;
    width: 100%;
  }
  .col2Block06 .colR {
    float: none;
    width: 100%;
  }
}

/*--------------------------------------------------------------------------------
hoshuRegistBlock
--------------------------------------------------------------------------------*/
.hoshuRegistBlock {
  background: #e4eff9;
  padding: 40px 35px;
}
.hoshuRegistBlock > h3 {
  text-align: center;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .hoshuRegistBlock {
    padding: 10px;
  }
  .hoshuRegistBlock .btnBlockInner03 {
    width: 80%;
  }
  .hoshuRegistBlock .btnBlockInner03 a {
    min-width: auto;
  }
}

/*--------------------------------------------------------------------------------
.registColWrap
--------------------------------------------------------------------------------*/
.registColWrap {
  display: flex;
  justify-content: center;
}
.registColWrap .registItemWrap {
}

/*--------------------------------------------------------------------------------
registItem
--------------------------------------------------------------------------------*/
.registItem {
  vertical-align: middle;
}
.registItem.select {
  width: 145px;
  height: 35px;
  -webkit-appearance: menulist-button;
}
.registItem.spacer {
  display: inline-block;
  width: 20px;
  height: 4px;
  background: #000;
  margin: 16px 20px 15px;
}
.registItem.input {
  width: 171px;
  height: 29px;
}
@media screen and (max-width: 767px) {
  .registItem.select {
    width: 95px;
    height: 45px;
  }
  .registItem.spacer {
    margin: 20px 10px 21px;
  }
  .registItem.input {
    width: 180px;
    height: 39px;
    transform: none;
  }
}

/*--------------------------------------------------------------------------------
errorBlock
--------------------------------------------------------------------------------*/
.errorBlock {
  min-height: 1px;
  margin: 15px 0;
}
.errorBlock > .error {}
.errorBlock > .error.registText,
.errorBlock > .error.registNum {
  color: #ff0000;
}


  input.registItem[type=number]::-webkit-inner-spin-button,
  input.registItem[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input.registItem[type=number] {
    -moz-appearance: textfield;
  }
  
/*--------------------------------------------------------------------------------
entry_box
--------------------------------------------------------------------------------*/
.mainCol2Block03 .entry_box_wrap{
    display: flex;
    gap: 10px;
}

.mainCol2Block03 .entry_box_wrap .entry_box{
    width: 206px;
    padding: 15px 10px;
    border: 2px solid #005ab4;
}

.mainCol2Block03 .entry_box_wrap .entry_box_arrow{
    padding-top: 114px;
}

.mainCol2Block03 .entry_box_wrap .entry_box .entry_box_inner{
    background-color: #0e98d7;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}

.mainCol2Block03 .entry_box_wrap .entry_box .entry_box_text01{
    margin: 15px 0;
}

.mainCol2Block03 .entry_box_wrap .entry_box .entry_box_text02{
    margin: 15px 0 35px;
}


@media screen and (max-width: 767px) {
 .mainCol2Block03 .entry_box_wrap{
     display: flex;
     flex-direction: column;
  }
 .mainCol2Block03 .entry_box_wrap .entry_box_arrow{
     padding-top: 0px;
     text-align: center;
  }
 .mainCol2Block03 .entry_box_wrap .entry_box{
     width: auto;
     padding: 15px 10px;
     border: 2px solid #005ab4;
  }

 .mainCol2Block03 .entry_box_wrap .entry_box .entry_box_text02{
     margin: 15px 0;

  }
}