@charset "Shift_JIS";
/* Style CSS */


.clearfix {
  *zoom: 1;
}

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

#header_950 .hd_gnavi {
  margin: 0;
}

#main_column .heading_wrap {
  display: none;
}

.rnn-wrapper,
.rnn-wrapper>.rnn-group,
.rnn-wrapper>.rnn-group>.rnn-stage {
  width: 100%;
}

/*------------------------------
  #brand
------------------------------*/
#brand {
  margin: 0 auto 30px;
  padding-top: 10px;
}

#brand>*:not(.formGroupContents_outer) {
  width: 950px;
  margin: auto;
}

#brand>.formGroupContents_outer {
  width: 100%;
  margin-bottom: 20px;
  background-color: #d11a1a;
  background-image: radial-gradient(rgba(214, 49, 49, 0.47) 26%, transparent 29%),
    radial-gradient(rgba(214, 49, 49, 0.47) 26%, transparent 29%);
  background-position: 0 0, 53px 43px;
  background-size: 12px 12px;
}

#brand>.formGroupContents_outer>#formGroupContents {
  width: 950px;
  margin: auto;
}

#brand img {
  width: auto;
  vertical-align: top;
}


/*------------------------------
  #formGroupContents
------------------------------*/
#formGroupContents {
  margin: 0 0 17px;
}

/*------------------------------
  #mc01
------------------------------*/
#mc01 {
  position: relative;
  width: 950px;
  height: 474px;
}

#mc01 h2 {
  position: absolute;
  inset: 1% auto auto -4%;
  width: fit-content;
}

#mc01 h2 img {
  width: 53%;
  height: auto;
}

/*------------------------------
  #mc02
------------------------------*/
#mc02 {
  margin: 0 10px 20px;
}

#mc02 ul li {
  margin: 0 0 0 2em;
  line-height: 1.6em;
}

#mc02 ul li span {
  display: inline-block;
  width: 2em;
  margin: 0 0 0 -2em;
}


/*------------------------------
  #formArea
------------------------------*/
.rnn-wrapper>.rnn-group {
  position: relative;
}

#formArea {
  position: absolute;
  top: 48px;
  right: 0px;
  width: 446px;
  /* 462px */
  padding: 3px;
  border: 1px rgba(0, 0, 0, 0.15) solid;
  border-radius: 5px;
}

#formAreaInner {
  padding: 0 0 15px;
  background: #ffffff;
  font-size: 10px;
}

#formAreaInner h3 {
  margin: 0 0 15px;
  text-align: center;
}

#formAreaInner h3 img {
  width: 100%;
  height: auto;
}

#formAreaInner>h4 {
  margin: 0 0 5px;
  text-align: center;
}

#formArea form {
  width: auto;
  margin: 0 16px;
}

#formArea table th {
  display: none;
}

#formArea div.rnn-group--s {
  margin-bottom: 20px;
  padding: 0 7px;
}

#formArea div.rnn-group--xs>p {
  padding: 0 7px;
}

#formArea .rnn-tableGrid.rnn-tableGrid--padding-l>* {
  padding: 0 0 20px;
  border: none;
}

#formArea .rnn-tableGrid.rnn-tableGrid--padding-l:last-of-type>* {
  padding: 0;
}

#formArea .rnn-group.rnn-group--l>* {
  margin-top: 0;
}

#formArea .rnn-group--l {
  margin-bottom: 0;
}

.rnn-group.rnn-group--l>p {
  padding-top: 5px;
}

#formArea .rnn-col-4 {
  display: none;
}

#formArea .rnn-col-7 {
  width: 100%;
}

#formArea .rnn-col-8 {
  float: none;
  width: auto;
  margin-left: 0;
}

#formArea .rnn-col-9 img {
  width: 100%;
  margin: 0 0 10px;
}

#formArea .rnn-tableGrid {
  margin-top: 0;
}

#formArea .rnn-tableGrid .rnn-col-2 {
  width: 58px;
}

#formArea .rnn-tableGrid .rnn-col-5 {
  width: 171px;
  padding: 0;
  margin: 0;
}

#formArea .rnn-button--small {
  height: 39px;
  margin: 0;
  padding: 0;
  background-position: left top;
  background-repeat: no-repeat;
}

#formArea .rnn-button--small .js-selectStyleModalText {
  padding-right: 15px;
}

#formArea .rnn-button--small:focus {
  outline: none;
}

#formArea .rnn-mailInputArea__submitButton {
  width: 400px;
  height: 71px;
  margin: 0 auto;
  padding: 0;
  background: url(formarea_btn_01.png) no-repeat left top;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
}

#formArea .rnn-mailInputArea__submitButton:hover {
  background-position: 0 -71px;
}

#formArea .rnn-mailInputArea__submitButton:active {
  background-position: 0 -142px;
}

#formArea .rnn-mailInputArea__submitButton:focus {
  outline: none;
}

#formArea .rnn-mailInputArea__submitButton.is-inactive,
#formArea .rnn-passInputArea__submitButton.is-inactive,
#formArea .rnn-mailInputArea__submitButton.is-inactive:hover,
#formArea .rnn-passInputArea__submitButton.is-inactive:hover {
  background-position: 0 -213px;
  cursor: auto;
}

#formArea .rnn-mailInputArea__submitButton .rnn-icon {
  display: none;
}

/*------------------------------
  #pandaContents
------------------------------*/
#pandaContents {
  text-align: center;
}

#pandaContents *:not(a) {
  color: #333333;
}

#pandaContents p,
#pandaContents h1,
#pandaContents h2,
#pandaContents h3,
#pandaContents h4,
#pandaContents h5 {
  margin: 0;
}

#pandaContents ul {
  list-style-type: none;
}

#pandaContents a img {
  border-style: none;
}

#pandaContents #head {
  width: 950px;
  height: 300px;
  background: url("bg_head.jpg") no-repeat scroll left top transparent;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

#pandaContents .head_pic1 {
  background: url("bg_head_pic1.png") no-repeat scroll left top transparent !important;
}

/* 2014/09/25?ｽﾇ会ｿｽ */
#pandaContents .head_pic2 {
  background: url("bg_head_pic2.png") no-repeat scroll left top transparent !important;
}

/* 2014/09/25?ｽﾇ会ｿｽ */
#pandaContents .head_ill1 {
  background: url("bg_head_ill1.png") no-repeat scroll left top transparent !important;
}

/* 2014/09/25?ｽﾇ会ｿｽ */
#pandaContents .head_ill2 {
  background: url("bg_head_ill2.png") no-repeat scroll left top transparent !important;
}

/* 2014/09/25?ｽﾇ会ｿｽ */
#pandaContents .head_ill3 {
  background: url("bg_head_ill3.png") no-repeat scroll left top transparent !important;
}

/* 2014/12/03?ｽﾇ会ｿｽ */
#pandaContents #head h2,
#pandaContents #head p.caption {
  display: none;
}

#pandaContents #head p.button {
  line-height: 160%;
  text-align: center;
  position: absolute;
  left: 133px;
  top: 203px;
  width: 404px;
}

#pandaContents #head p.scout_start {
  position: absolute;
  left: 188px;
  top: 262px;
}

#pandaContents #head2 {
  width: 950px;
  height: 300px;
  background: url("bg_head2.jpg") no-repeat scroll left top transparent;
  position: relative;
}

#pandaContents #head2 h2,
#pandaContents #head2 p.caption {
  display: none;
}

#pandaContents #head2 p {
  text-align: center;
  position: absolute;
  left: 133px;
  top: 203px;
  width: 404px
}

#pandaContents #head3 {
  width: 950px;
  height: 300px;
  background: url("bg_head3.jpg") no-repeat scroll left top transparent;
  position: relative;
}

#pandaContents #head3 h2,
#pandaContents #head3 p.caption {
  display: none;
}

#pandaContents #head3 p {
  text-align: center;
  position: absolute;
  left: 133px;
  top: 203px;
  width: 404px
}

#pandaContents #head4 {
  width: 950px;
  height: 300px;
  background: url("bg_head4.jpg") no-repeat scroll left top transparent;
  position: relative;
}

#pandaContents #head4 h2,
#pandaContents #head4 p.caption {
  display: none;
}

#pandaContents #head4 p {
  text-align: center;
  position: absolute;
  left: 133px;
  top: 203px;
  width: 404px
}

#pandaContents #head5 {
  width: 950px;
  height: 300px;
  background: url("bg_head5.jpg") no-repeat scroll left top transparent;
  position: relative;
}

#pandaContents #head5 h2,
#pandaContents #head5 p.caption {
  display: none;
}

#pandaContents #head5 p {
  text-align: center;
  position: absolute;
  left: 133px;
  top: 203px;
  width: 404px
}

#pandaContents #head6 {
  width: 950px;
  height: 300px;
  background: url("bg_head6.jpg") no-repeat scroll left top transparent;
  position: relative;
}

#pandaContents #head6 h2,
#pandaContents #head6 p.caption {
  display: none;
}

#pandaContents #head6 p {
  text-align: center;
  position: absolute;
  left: 133px;
  top: 203px;
  width: 404px
}

#pandaContents #navigation {
  width: 950px;
  margin: 0 auto;
  padding: 0 0 13px;
  background: #f3f3f3;
}

#pandaContents #navigation ul {
  width: 839px;
  margin: 0 auto;
}

#pandaContents #navigation ul li {
  float: left;
}

#pandaContents #navigation ul.merit li {
  float: left;
  height: 124px;
  vertical-align: top;
}

#pandaContents #merit01 {
  padding-top: 20px;
}

#pandaContents #merit01 h5 {
  padding: 5px;
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
}

#pandaContents #merit01 ul {
  padding: 0;
  margin: 0 8px;
}

#pandaContents #merit01 ul li {
  width: 423px;
  height: 190px;
  float: left;
  padding: 0;
  margin: 0 11px;
}

#pandaContents #merit01 ul li p {
  padding: 15px;
  font-size: 14px;
  line-height: 25px;
}

#pandaContents #merit01 ul li p span {
  font-size: 14px;
  line-height: 25px;
}

#pandaContents #merit01 .highlight {
  background-color: #FFFFAA;
}

/* 2014/09/25?ｽﾇ会ｿｽ */
#pandaContents #merit01 .textsmall {
  font-size: 10px;
  line-height: 100%;
}

/* 2014/09/25?ｽﾇ会ｿｽ */
#pandaContents #merit01 .leftimg {
  float: left;
  background-color: gray;
  width: 140px;
  height: 110px;
  margin: 20px 20px 20px 10px;
}

#pandaContents #merit02 {
  margin: 16px 20px 20px 20px;
}

#pandaContents #merit02 h5 {
  margin-top: 9px;
}

#pandaContents #merit02 p,
#pandaContents #merit02 p span {
  line-height: 22px;
  font-size: 14px;
}

#pandaContents #merit02 ul {
  padding: 0;
  margin: 0;
}

#pandaContents #merit02 ul li {
  padding: 0;
  margin: 0 20px 0 0;
  height: 163px;
  float: left;
  line-height: 0;
  font-size: 0;
}

#pandaContents #merit02 ul li.last {
  margin: 0 !important;
}

#pandaContents #merit02 .iconplus {
  margin: 5px 0 15px 0;
}

#pandaContents #merit02 .rightimg {
  float: right;
  margin: 4px 16px;
}

#pandaContents #merit02 .underred {
  padding-bottom: 18px;
  border-bottom: 1px dashed #F20016;
}

#pandaContents #merit02 .highlight {
  background-color: #FFFFAA;
  line-height: 25px;
}

#pandaContents #merit03 {
  margin: 16px 20px 0 20px;
  font-size: 12px;
}

#pandaContents #merit03 ul {
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
}

#pandaContents #merit03 ul li {
  margin: 0;
}

#pandaContents #merit03 ul li p {
  line-height: 18px;
  font-size: 12px;
}

#pandaContents #merit03 .attention {
  font-size: 12px;
  line-height: 150%;
  margin: 7px 0;
}

#pandaContents #merit03 .headline,
#pandaContents #merit03 .footline {
  height: 7px;
}

#pandaContents #merit03 .panda_01 {
  position: absolute;
  left: 126px;
  top: 140px;
}

#pandaContents #merit03 .panda_02 {
  position: absolute;
  left: 457px;
  top: 140px;
}

#pandaContents #merit03 .rnn,
#pandaContents #merit03 .rag,
#pandaContents #merit03 .about,
#pandaContents #merit03 .arrow {
  margin-top: 41px;
  float: left;
}

#pandaContents #merit03 .rnn li p,
#pandaContents #merit03 .rag li p {
  margin: 0 10px;
}

#pandaContents #merit03 .rnn li.catch,
#pandaContents #merit03 .rag li.catch {
  height: 80px;
  padding-top: 31px;
}

#pandaContents #merit03 .rnn li.logo,
#pandaContents #merit03 .rag li.logo {
  height: 54px;
}

#pandaContents #merit03 .adjustHeight {
  border: 1px #cccccc solid;
  border-radius: 8px;
  padding-bottom: 7px;
}

#pandaContents #merit03 .rnn {
  width: 276px;
  position: related;
}

#pandaContents #merit03 .rnn li {
  padding: 24px 0 0 0;
  margin: 0;
}

#pandaContents #merit03 .rag {
  width: 289px;
  position: related;
}

#pandaContents #merit03 .rag .adjustHeight {
  border-right: none;
  border-radius: 8px 0 0 8px;
}

#pandaContents #merit03 .rag li {
  padding-top: 24px;
}

#pandaContents #merit03 .about {
  width: 250px;
}

#pandaContents #merit03 .about .adjustHeight {
  background-color: #E6F2FE;
  border-radius: 0 8px 8px 0;
}

#pandaContents #merit03 .arrow {
  padding-top: 53px;
}

#pandaContents #merit03 .whats {
  line-height: 150%;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 9px;
}

#pandaContents #merit03 .checklist li {
  padding: 0 0 6px 29px;
  line-height: 18px;
  font-size: 14px;
  background-image: url("icon_check.png");
  background-repeat: no-repeat;
  background-position: 8px 12px;
}

#pandaContents #merit03 .advice {
  font-size: 12px;
  padding: 14px 9px 2px;
  line-height: 20px;
}

#pandaContents .contentbox {
  width: 910px;
  text-align: left;
  border: 2px solid #CCCCCC;
  margin: 20px auto 0;
  position: relative;
}

#pandaContents .ribbon {
  height: 50px;
  position: absolute;
  top: 18px;
  left: -12px;
  background-image: url("ribbon_back.png");
  background-repeat: no-repeat;
}

#pandaContents .textred {
  color: #F20016;
}

#pandaContents .textblue {
  color: #1156BD;
}

#pandaContents .textgray {
  color: #595959;
}

#pandaContents .textbold {
  padding-bottom: 7px;
  font-size: 14px !important;
  font-weight: bold;
}

#pandaContents .textsmall {
  font-size: 10px;
  line-height: 100%;
}

#pandaContents .footarrow {
  width: 910px;
  margin: 0 auto 29px;
}

#pandaContents .entrybutton {
  width: 906px;
  height: 220px;
  margin: 0 auto;
  padding-bottom: 7px;
  position: relative;
  line-height: 0;
  font-size: 0;
}

#pandaContents .entrybutton2 {
  width: 705px;
  height: auto;
  /*height: 54px;*/
  margin: 0 auto;
  padding-bottom: 7px;
  position: relative;
  line-height: 0;
  font-size: 0;
}

#pandaContents .scout_start {
  text-align: center;
  font-size: 13px;
  line-height: 15px !important;
}

#pandaContents .scout_start a {
  font-size: 13px;
  line-height: 15px !important;
  text-decoration: underline;
}

#pandaContents .one_minute {
  border: none;
  position: absolute;
  left: 55px;
  top: -55px;
}

#pandaContents .attentionbox {
  width: 930px;
  border: 1px solid #CCCCCC;
  margin: 23px auto 0;
  text-align: left;
  padding: 2px 10px;
  font-size: 12px;
}

#pandaContents .attentionbox p {
  text-indent: -2.2em;
  margin-left: 2.2em !important;
  line-height: 20px !important;
  padding: 4px 0;
}

#pandaContents .footarrow {
  width: 910px;
  margin: 0 auto 29px;
}

/* 2024.11 LP改修 */
.header {
  padding: 13.25px 32px 3.25px;
}

.header__inner {
  max-width: 1216px;
  margin: 0 auto;
}

.header .logo {
  display: block;
  width: 133px;
  height: auto;
}

.mv__cta-area {
  position: absolute;
  top: 42px;
  left: 507px;
  width: 438px;
  height: 383px;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px 30px;
}

.mv__cta-area--inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.mv__cta-area__subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin: 1px 0 0;
}

.mv__cta-area__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  margin: 5px 0 0;
}

.mv__cta-area__texthightlight {
  color: #FF0000;
}

.mv__cta-area__text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  color: #383838;
  margin: 11px 0 0;
}

#brand .mv__cta-area__brand-logo {
  width: 87%;
  margin: 25px 0 0;
}

#brand .mv__cta-area__brand-logo .mv__cta-area__brand-logo__img {
  width: 100%;
}

.mv__cta-area__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #417BAA;
  padding: 13px 0;
  border-radius: 8px;
  margin: 28px 0 0;
  transition: opacity 0.2s ease;
}

.mv__cta-area__btn:hover {
  opacity: 0.8;
}

.mv__cta-area__btn__text {
  color: #fff;
}

.mv__cta-area__btn__badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  color: #417BAA;
  background-color: #fff;
  border: 2px solid #417BAA;
  border-radius: 9999px;
  padding: 2px 8px;
}

.content__cta-area {
  padding: 12px 0 32px;
}

.content__cta-area__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.content__cta-area__subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin: 1px 0 0;
}

.content__cta-area__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  margin: 5px 0 0;
}

.content__cta-area__texthightlight {
  color: #FF0000;
}

.content__cta-area__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 450px;
  border-radius: 8px;
  background-color: #D72332;
  margin: 24px 0 0;
  padding: 12px 0;
  transition: opacity 0.2s ease;
}

.content__cta-area__btn.lp-bottom {
  margin: 64px auto 0;
}

.content__cta-area__btn:hover {
  opacity: 0.8;
}

.content__cta-area__btn__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}

.content__cta-area__btn__badge {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  color: #D72332;
  background-color: #fff;
  border-radius: 4px;
  padding: 4px;
  margin: 0 0 0 4px;
}

#brand .content {
  width: 100%;
  margin: 48px 0 0;
  padding: 0 0 34px;
}

#brand .content img {
  width: 100%;
}

.content-width {
  max-width: 980px;
  margin: 0 auto;
}

.content__inner {
  padding: 0 61px;
}

.content__ttl {
  width: 334px;
  margin: auto;
}

.content-body {
  margin: 40px 0 0;
}

.item-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 56px;
}

.item-box+.item-box {
  margin: 40px 0 0;
}

.item-box.reverse {
  flex-direction: row-reverse;
}

.item-box:not(.reverse) .item__img {
  flex-shrink: 0;
  width: 400px;
}

.item-box.reverse .item__texts {
  flex-shrink: 0;
  width: 400px;
}

.item__texts {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #294168;
}

.item__number-01 {
  width: 55px;
}

.item__number-02 {
  width: 58px;
}

.item__number-03 {
  width: 60px;
}

.item__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  margin: 32px 0 0;
}

.item__title.wide {
  letter-spacing: 0.04em;
}

.item__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  margin: 12px 0 0;
  letter-spacing: 0.02em;
}

.lp-footer {
  background-color: #F5F7FA;
  padding: 12px 0 16px;
}

.lp-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .lp-footer__logo {
  width: 195px;
} */

.lp-footer__copyright {
  color: #6e6e6e;
  font-weight: 600;
}

.lp-footer__links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;

}

.lp-footer__link {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  color: #1478C9;
}

.lp-footer__link:hover {
  text-decoration: underline;
}

.js-scrollAction {
  transition: .4s cubic-bezier(.215, .61, .355, 1);
  opacity: 0;
  transform: translateY(8px);
}

.js-scrollAction.active {
  opacity: 1;
  transform: translateY(0);
}