@charset "utf-8";

#register{display: none;}
#advisor{margin-bottom: 0;}
#mainConts{padding-bottom: 40px;}
.section:not(#advisor){
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #mainConts{padding-bottom: 20px;}
  .section:not(#advisor){
    padding-bottom: 30px;
  }
}
/* ===============================================================
 form
=============================================================== */
.bdrBox{
  border: 1px solid #61B7D9;
  border-radius: 16px;
  padding: 60px;
}
.bdrBox .imgBox{
  width: 500px;
}
.bdrBox .imgBox img{
  display: block;
}
.bdrBox .txtBox{
  width: 460px;
}
.bdrBox .txt{
  font-weight: bold;
  margin-bottom: 15px;
}
.bdrBox .inputBox{
  margin:0 auto 30px;
  max-width: 460px;
}
.bdrBox .agreeWrap{
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.bdrBox .agreeWrap a {
  color: #61B7D9;
  text-decoration: underline;
}
.bdrBox .agreeWrap a:hover {
  text-decoration: none;
}
.bdrBox .submitWrap{
  text-align: center;
}
.bdrBox .submitWrap .btnSolid{
  display: inline-block;
  vertical-align: middle;
  background: #B01111;
  width: 350px;
  position: relative;
  margin-bottom: 5px;
  font-size: 24px;
  cursor: pointer;
}
.bdrBox .submitWrap.disabled .btnSolid{
  background: #A4A4A4;
  pointer-events: none;
}
.bdrBox .submitWrap .btnSolid input{display: none;}
.bdrBox .submitWrap .btnSolid:after{
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -5px 0 0;
}
@media screen and (max-width: 767px) {
  .ttlBlue{
    line-height: 1.2;
    margin-bottom: 15px;
  }
  .bdrBox{
    border: 0;
    border-radius: 0;
    padding: 0;
  }
  .bdrBox .imgBox{
    margin-bottom: 15px;
  }
  .bdrBox .imgBox,
  .bdrBox .txtBox{
    width: 100%;
  }
  .bdrBox .txtBox .txt{
    font-size: 14px;
  }
  .bdrBox .submitWrap .btnSolid{
    width: 100%;
    font-size: 20px;
  }
}
.note{
  margin: 15px 0;
}
.note,
.stopMail{
  font-weight: bold;
}
.stopMail a {
  color: #61B7D9;
  text-decoration: underline;
}
.stopMail a:hover {
  text-decoration: none;
}
/* ===============================================================
 modal
=============================================================== */
.modalCont {
  text-align: center;
  top: 50%;
  border: 1px solid #E5E5E5;
  padding: 20px;
  width: 360px;
  margin: -135px 0 0 -180px;
  line-height: 1.3;
}
.modalCont .ttl,
.modalCont .subTtl{
  font-weight: bold;
  margin-bottom: 10px;
}
.modalCont .ttl{
  font-size: 20px;
}
.modalCont .txt{
  font-size: 12px;
  margin-bottom: 15px;
}
.modalCont .btnBdr{
  border-color: #61B7D9;
  color: #61B7D9;
  font-size: 24px;
  position: relative;
  padding: 5px;
}
.modalCont .btnBdr:before{
  position: absolute;
  top: 50%;
  left: 15px;
  border-top: 2px solid #61B7D9;
  border-right: 2px solid #61B7D9;
  margin: -4px 0 0;
}
@media screen and (max-width: 767px) {
  .modalCont {
    height: auto;
    width: 92%;
    left: 4%;
    margin-left: 0;
  }
}

.mainTtlWrap {
  padding: 0;
}
.flexContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainTtlWrap .mainTtl {
  width: 62.5%;
  margin-right: 1.78%;
}

.flexContainer .mainImg {
  width: 35.71%;
  margin-top: auto;
}
.flexContainer .mainImg img {
  display: block;
}

@media print, screen and (max-width: 768px) {
  .mainTtlWrap {
    padding: 30px 0;
  }
  .mainTtlWrap .mainTtl {
    width: 50%;
    margin-right: 2%;
    padding: 15px 0;
  }
  .flexContainer .mainImg {
    width: 48%;
  }
  .mb36n {
    margin-bottom: -30px;
  }
  .p0sp {
    padding: 0;
  }
  .minh130 {
    min-height: 130px;
  }
}