@charset "utf-8";
/*--------------------------------------------------
  既存上書き修正
--------------------------------------------------*/
body {
  background-color: #f2fcff;
  overflow: hidden;
}
#header {
  background-color: #ffffff;
}
h2 {
  clear: both;
}
#content {
  margin: 0 auto 55px;
  overflow: visible;
}
.line {
  width: 100%;
  border-top: 1px solid #E6E6E6;
  margin: 48px 0;
}
p {
  font-size: 14px;
  font-size: 1.4em;
}
.mgnTop10 {
  margin: 10px 0px 0px 0px;
}
.mgnTop20 {
  margin: 20px 0px 0px 0px;
}
.mgnBtm10 {
  margin: 0px 0px 10px 0px;
}
.mgnBtm20 {
  margin: 0px 0px 20px 0px;
}
.pc_none {
  display: none;
}
/*--------------------------------------------------
  partneragentTtlArea
--------------------------------------------------*/
.partneragentTtlArea {
  position: relative;
  margin: 0 -360px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.partneragentTtlArea .ttlTxt {
  position: absolute;
  top: 51px;
  left: 447px;
  z-index: 2;
}
.partneragentTtlArea .ttlTxt h1 {
  margin-bottom: 34px;
}
.partneragentTtlArea .ttlTxt h1 img {
  display: block;
  vertical-align: top;
}
.partneragentTtlArea .ttlTxt h1 img:last-child {
  display: none;
}
.partneragentTtlArea {
  position: relative;
  height: 400px;
  z-index: 1;
}
.ttlAnchor {
  position: relative;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  padding: 0 0 15px
}
.ttlAnchor:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 28%;
  left: 60px;
  margin-top: -4px;
  border-top: 2px solid #007fc3;
  border-right: 2px solid #007fc3;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.pc_none {
  display: none;
}
/*--------------------------------------------------
  .btnOrangeL_Arrow
--------------------------------------------------*/
.btnOrange {
  position: relative;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(rgba(245, 245, 245, 0.2) 0%, rgba(245, 245, 245, 0) 100%) rgb(255, 102, 0);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.btnOrange:hover {
  text-decoration: none;
  background: linear-gradient(rgba(245, 245, 245, 0.2) 0%, rgba(245, 245, 245, 0) 100%) rgb(255, 140, 64);
}
a.btnOrange {
  color: #ffffff;
  display: block;
}
a.btnOrangeM {
  width: 380px;
  height: 40px;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 41px;
  padding: 0 5px;
  margin: 0 auto;
}
a.btnOrangeL {
  width: 480px;
  height: 70px;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 72px;
  padding: 0 10px;
  margin: 50px auto 0;
}
.btnArrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  width: 10px;
  height: 16px;
  margin: auto 0;
  background: url(/cmn_web/img/common/sprite_001.png) -700px -1850px no-repeat;
}
.btnTxt span {
  font-size: 14px;
  font-size: 1.4rem;
}
.ttlBtnArea {
  display: inline-block;
  position: relative;
  top: -110px;
  left: 360px;
  position: absolute;
  top: 250px;
  left: 450px;
}
/*--------------------------------------------------
  partneragentContArea
--------------------------------------------------*/
/*--------------------------------------------------
  merit
--------------------------------------------------*/
.partneragentContArea {
  position: relative;
  width: 1024px;
  background-color: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  padding: 42px 0 55px;
  margin: 35px auto 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
h2 {
  color: #222222;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 30px;
}
h2 > span {
  display: inline;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff100), color-stop(50%, transparent));
  background-image: linear-gradient(to right, #fff100 50%, transparent 50%);
  background-position: 0% 94%;
  background-repeat: no-repeat;
  background-size: 200% 5px;
}
.merit > h2 {
  color: #222222;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}
.merit li {
  width: calc(33.33% - 0px);
  float: left;
}
.merit ul dl {
  width: 260px;
  margin: 48px;
}
.merit ul dl dt, h3 {
  font-size: 16px;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.merit ul dl dd p {
  font-size: 14px;
  font-size: 1.4em;
  margin: 16px;
}
.flowTxt > h3 > span {
  font-size: 14px;
}
.last .meritTtl {
  padding: 12px;
}
/*--------------------------------------------------
  example
--------------------------------------------------*/
table {
  margin: 0px auto;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  border-collapse: separate;
  /* display: table-cell; */
}
td, th {
  width: 145px;
  height: 37px;
  padding: 19px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #E6E6E6;
  cursor: pointer;
  display: table-cell;
}
.round_up {
  border-radius: 8px 0 0 0;
}
table td:last-child {
  border-radius: 0 8px 0 0;
}
.round_down {
  border-radius: 0 0 0 8px;
}
table tbody tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
}
table th:hover, table td:hover {
  background: #007fc3;
  color: #fff;
}
table th.select, table td.select {
  background: #007fc3;
  color: #fff;
}
.hide {
  display: none;
}
.agentBox {
  width: 928px;
  height: auto;
  margin: 38px 48px 48px;
  border: solid #E6E6E6 1px;
  border-radius: 8px;
  position: relative;
}
.sectionTtl {
  background: #007fc3;
  height: 88px;
  border-radius: 8px 8px 0px 0px;
}
.sectionTtl::after {
  position: absolute;
  content: "";
  top: -30px;
  left: 50%;
  width: 0px;
  height: 0px;
  border-bottom: 21px solid #007fc3;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
}
.secMainTtl {
  color: #fff;
  font-size: 24px;
  font-size: 2.4em;
  font-weight: bold;
  padding: 12px 48px 0px;
}
.secSubTtl {
  color: #fff;
  font-size: 14px;
  font-size: 1.4em;
  padding: 5px 48px;
}
.secContTxt {
  font-size: 14px;
  margin: 20px 48px;
}
.secContExampleTtl {
  font-size: 16px;
  margin: 20px 48px;
  font-weight: bold;
  text-align: center;
}
.MoneyBefore {
  width: 227px;
  height: 127px;
  border: solid #E6E6E6 1px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  position: relative;
}
.MoneyBefore::after {
  content: "";
  position: absolute;
  border-top: 18px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #32BED2;
  left: 265px;
  bottom: 40px
}
.before {
  width: 227px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #595757;
  color: #fff;
  height: 23px;
  border-radius: 4px 4px 0px 0px;
}
.MoneyAfter {
  width: 227px;
  height: 127px;
  margin: 0px 0px 0px 84px;
  border: solid #E6E6E6 1px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.after {
  width: 227px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #32BED2;
  color: #fff;
  height: 23px;
  border-radius: 4px 4px 0px 0px;
}
.gyokai, .shokusyu {
  font-size: 14px;
  font-size: 1.4em;
  margin-left: 15px
}
.gyokai {
  margin: 15px 15px 0
}
.shokusyu {
  margin: 0px 15px px
}
.MoneyBefore > .nensyu {
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}
.MoneyBefore > .nensyu > span {
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
  margin: 5px;
  font-weight: normal
}
.MoneyAfter > .nensyu {
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}
.MoneyAfter > .nensyu > span {
  font-size: 30px;
  margin: 0 auto;
  text-align: center;
  margin: 5px;
}
.secContExampleMoney {
  display: flex;
  margin: 0 auto;
  width: 542px;
}
.secContExampleVoice {
  display: flex;
  align-items: flex-start;
}
.secContExampleVoice img {
  margin: 40px 40px 60px 120px
}
.voice {
  position: relative;
}
.voice::after {
  content: '';
  width: 0px;
  height: 0px;
  border-right: 18px solid #F2FCFF;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  position: absolute;
  top: 52px;
  left: -13px;
}
.voice01 {
  background: #fff;
  width: 577px;
  border: 1px solid #F2FCFF;
  border-radius: 26px;
  position: relative;
  margin: 30px 0px;
  z-index: 1;
}
.voice01::after {
  content: '';
  width: 0px;
  height: 0px;
  border-right: 16px solid #fff;
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
  position: absolute;
  top: 23px;
  left: -12px;
  z-index: -10;
}
.voice02 {
  background: #F2FCFF;
  width: 533px;
  border-radius: 26px;
  position: absolute;
  position: relative;
  top: 2px;
  left: 2px;
  z-index: -1;
  padding: 20px;
}
.voice02::after {
  content: '';
  width: 0px;
  height: 0px;
  border-right: 12px solid #F2FCFF;
  border-bottom: 12px solid transparent;
  border-top: 12px solid transparent;
  position: absolute;
  top: 25px;
  left: -11px
}
/*--------------------------------------------------
  partner
--------------------------------------------------*/
.partnerLogoArea {
  display: flex;
  flex-wrap: wrap;
  width: 730px;
  margin: 0 auto;
}
.partnerLogo {
  width: 150px;
  margin: 24px 16px 0;
}
.subTxt {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin: 0 auto 50px;
}
.partnerTtl {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin: 0 auto 0px;
  color: #ff8533;
}
.partnerLink {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 40px 0 60px;
  position: relative;
}
.partnerLink:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 50%;
  left: 33%;
  margin-top: -4px;
  border-top: 2px solid #007fc3;
  border-right: 2px solid #007fc3;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*--------------------------------------------------
  flow
--------------------------------------------------*/
.flowMain {
  width: 928px;
  background-color: #F2FCFF;
  margin: 0 auto;
  border-radius: 8px;
  margin-bottom: 37px;
}
.asteriskText {
  font-size: 12px;
  padding: 10px 30px 20px;
  display: inline-block;
}
.flowSmallText {
    display: inline-block;
    font-size: 12px;
    padding-left: 5px;
}
.flowSection {
  width: 190px;
  float: left;
  margin: 15px 15px 25px;
}
.flowSection > img :first-child, .flowSection > h3 :last-child {
  margin: 10px;
}
.flowArrow {
  float: left;
}
.flowImg {
  position: relative;
  margin: 10px 25px 20px;
}
.flowNumber {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  background-color: #007FC3;
  border-radius: 25px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  justify-content: center;
  display: table-cell;
}
.flowAppend {
  /* display:block; */
  width: 928px;
  margin: 0 auto 90px;
  background: #F9F9F9;
  border-radius: 8px;
}
.flowAdd {
  padding-top: 16px;
}
.flowAppendWrap {
  padding: 30px;
}
.appendTtl {
  font-size: 16px;
  font-weight: bold;
  padding: 30px 0;
}
.appendTtl {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 30px;
}
.appendTxt {
  font-size: 16px;
  padding: 30px 0 0 15px;
}
.appendTxtEntry {
  display: table;
}
.appendTxtEntry, .appendTxtQuestion, .appendTxtDecline {
  display: table;
  margin: 24px 0;
}
.appendEntryTxt, .appendQuestionTxt, .appendDeclineTxt {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  width: 682px;
}
.declineArea, .questionArea, .entryArea {
  width: 200px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.partneragentBtn a {
  margin: 0 auto;
  display: block;
  width: 590px;
  height: auto;
  height: 70px;
  color: #fefefe;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 72px;
  padding: 0 10px;
  position: relative;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(rgba(245, 245, 245, 0.2) 0%, rgba(245, 245, 245, 0) 100%) rgb(255, 102, 0);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------------------------------------
  infomation
--------------------------------------------------*/
.informationTtl {
  width: 928px;
  padding: 20px;
  margin: 20px auto 20px;
  font-size: 20px;
  font-weight: bold;
  color: #007fc3;
  background: #F9FAFB;
  border-bottom: 2px solid #007fc3;
}
.informationTtl {
  width: 928px;
  padding: 20px;
  margin: 20px auto 0;
  font-size: 20px;
  font-weight: bold;
  color: #007fc3;
  background: #F9FAFB;
  border-radius: 8px 8px 0 0;
  border-bottom: 2px solid #007fc3;
}
.privacy {
  width: 928px;
  padding: 5px 15px 15px;
  margin: 0 auto;
  border: solid #f6f6f6 5px;
}
.privacy_left {
  display: flex;
  width: 150px;
  margin: 0 auto;
  align-items: flex-start;
}
.privacy_right {
  width: 800px;
  margin: 0 auto;
  padding: 20px 0 0;
}
.privacy_area {
  display: flex;
  margin: 0 auto 0px;
}
.privacy_left span {
  font-weight: bold;
}
.privacy_right span {
  font-weight: bold;
  color: #ff0000;
}
.close {
  color: #ff8533;
  margin: 20px 0;
  display: block;
}
.open {
  color: #007fc3;
  margin: 20px 0;
  display: block;
}
.informationTxt {
  padding: 8px;
}
.qandaTtlTxt {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin: 0 auto 30px;
}
.qandaTxt {
  font-size: 16px;
  padding: 10px 30px 0px 0px;
}
.qandaService, .qandaJobchange, .qandaScoutmail {
  width: 928px;
  margin: 30px auto;
  background: #f9f9f9;
  border-radius: 8px;
  padding: 0 0 30px 0;
}
h4 {
  font-size: 16px;
  font-weight: bold;
}
.qanda h3 {
  width: 888px;
  margin: 0px auto;
  background: #EBEBEB;
  ;
  padding: 20px;
  border-radius: 8px 8px 0 0;
}
dt span {
  font-size: 18px;
  font-weight: bold;
  background: #fff;
  border: solid 1px #A7A7A7;
  padding: 3px 10px;
  border-radius: 50%;
  margin: 0px 10px 0px 30px;
}
.qanda_a {
  font-size: 18px;
  font-weight: bold;
  color: #007fc3;
  background: #fff;
  border: solid 1px #007fc3;
  padding: 3px 10px;
  border-radius: 50%;
  margin: 10px 10px 0px 30px;
}
.qandaLine {
  width: 70%;
  border-top: 1px solid #E6E6E6;
  margin: 20px auto;
}
.qandaService dl, .qandaService dt, .qandaJobchange dl, .qandaJobchange dt, .qandaScoutmail dl, .qandaScoutmail dt {
  display: flex;
  align-items: center;
}