@charset "UTF-8";
/* CSS Document */
/*=============================

P11100 重要事項確認 に関わるCSS

=============================*/
/* #p11100 .numBox */
#p11100 .numBox dd img {
    width: 130px;
    height: 130px;
}

#p11100 .numBox dd a {
    font-size: 1.5rem;
}

/* #p11100 .fixboundHeader */
#p11100 img.fixboundHeader {
    margin: -5px 0px;
}

/* #p11100 .confirmConditions */
#p11100 .confirmConditions  {
    text-align: center;
}
#p11100 .confirmConditions p {
    margin-bottom: 10px;
}
#p11100 .confirmConditions p a {
    margin: 0 10px;
    height: 48px;
}

/* #p11100 .btn_pdf
#p11100 .btn_pdf {
    background-image: url("../../personal/img/P111/icn_pdf.png");
    padding-left: 45px;
}*/

/* #p11100 .btn_window */
#p11100 .btn_window {
    background-image: url("../../personal/img/P111/icn_window.png");
    padding-right: 45px;
}

#p11100 .kiyakuArea {
  clear: both;
  text-align: center;
}
#p11100 .btn_kiyaku {
  display:inline-block;
  padding: 15px 70px 15px 80px;
}

/* #p11100 a.toolTip */
#p11100 a.toolTip {
    vertical-align: middle;
    margin-top: -5px;
}

/* #p11100 .conditionsText */
#p11100 .conditionsText {
    font-size: 24px;
}

#p11100 ul.confirmBtn_lst.customCenter li:first-child {
    padding-right: 30px;
}
#p11100 ul.confirmBtn_lst.customCenter li {
    float: left;
    vertical-align: bottom;
    width: 465px;
}

#p11100 ul.confirmBtn_lst.customCenter li:first-child input {
    float: right;
}
#p11100 ul.confirmBtn_lst.customCenter li input {
    float: left;
}
#p11100 p.agreeInfo {
    background-image: url(../../common/img/icn_annotation_strong.png);
    background-position: 16.2rem 0.4rem;
    background-repeat: no-repeat;
    padding-left: 3rem;
    line-height: 1.6;
    width: 80%;
    margin: auto;
    text-align: center;
    margin-bottom: 5px;
}
#p11100 p.agreeInfo span{
    color: #d93d0d;
    font-weight:bold;
}
#p11100 p.agreeCheck {
    margin-top: 0px;
    margin-bottom: 0px;
}
#p11100 .icn {
    vertical-align: middle;
}

/* importantSubjectsTop */
#p11100 .importantSubjectsTop, .importantSubjectsBtm {
    font-size: 1.6rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

#p11100 .importantSubjectsTop dt, .importantSubjectsBtm dt {
    color: #e92556;
    font-size: 1.7rem;
    line-height: 2.1rem;
    margin-top: 5px;
}

/* deliveryArea */
#p11100 .deliveryArea {
    width: 470px;
    padding-bottom: 0px;
   /* background: url(../../personal/img/P111/bg_two_col.png) no-repeat bottom center;*/
    float: left;
}
#p11100 .deliveryArea section{
  height: 320px;
}
#p11100 .deliveryArea > section > a dl:hover {
    text-decoration: none;
    background-color: #eef3f9;
    border: 1px solid #2a6bb3;
}

/* paymentMethod */
#p11100 .paymentMethod {
    width: 470px;
    padding-bottom: 0px;
 /*   background: url(../../personal/img/P111/bg_three_col.png) no-repeat bottom center;*/
    float: right;
}

/* noteForUse */
#p11100 .noteForUse {
  /*  background: url(../../personal/img/P111/bg_one_col.png) no-repeat bottom center;*/
    padding-top: 0px;
    margin-bottom: 0px;
    clear: both;
}

/* deliveryArea */
#p11100 .deliveryArea dd {
    margin-top: 10px;
    line-height: 2rem;
    font-size: 1.5rem;
}
#p11100 .deliveryArea dl {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    margin-bottom: 17px;
    width: 230px;
    height: 320px;
    float: left;
}
#p11100 .deliveryArea dl.deliveryAreaLink {
    float: right;
}
#p11100 .deliveryArea .img {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: center;
    margin-top: 0;
}
#p11100 .deliveryArea .img img {
    height: 70%;
}

/*---------20220519 追加------------------------*/
#p11100 .deliveryArea_half dl {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    margin-bottom: 17px;
    width: 230px;
    height: 320px;
    float: left;
}

#p11100 .deliveryArea_halfR dl {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    margin-bottom: 11px;
    width: 230px;
    height: 154px;
    float: left;
}

#p11100 .deliveryArea_halfR dl.deliveryAreaLink dd {
  margin: 0;
  font-size: 90%;
}


#p11100 .deliveryArea dl.deliveryAreaLink dt {
  font-size: 90%;
}
#p11100 .deliveryArea dl.deliveryAreaLink dd.delivery {
 margin-top: 0px;
}

#p11100 .deliveryArea .img2 {
    align-items: center;
    display: flex;
    height: 65px;
    justify-content: center;
    margin-top: 0;
  padding-top: 0;
}
#p11100 .deliveryArea .img2 img {
    height: 80%;
}


/* paymentMethod */
#p11100 .paymentMethod > section {
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    margin-bottom: 17px;
    height: 320px;
}
#p11100 .paymentMethod dt {
    margin-top: 0px;
    height: 4.2rem;
}
#p11100 .paymentMethod dl {
    border-left: 1px dotted #2a6bb3;
    width: 156px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-top: 5px;
    float: left;
}
#p11100 .paymentMethod dl:nth-child(1) {
    border-left: none;
}
#p11100 .paymentMethod .img {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: center;
    margin-top: 0;
    position: relative;
}
#p11100 .paymentMethod .img img {
    height: 70%;
}
#p11100 .paymentMethod .img b {
    bottom: 7px;
    color: #e92556;
    font-size: 1.4rem;
    left: 0;
    position: absolute;
    right: 0;
}
#p11100 .paymentMethod .notice img,
#p11100 .paymentMethod .noticeB img{
    display: block;
    margin: 5px auto 0;
}
#p11100 .paymentMethod .notice {
    clear: both;
    float: none;
    font-size: 1.2rem;
    margin: 0 20px;
    padding-left: 1rem;
    padding-top: 10px;
    text-indent: -1rem;
    line-height: 1.5;
}
#p11100 .paymentMethod .noticeB {
    clear: both;
    float: none;
    font-size: 1.2rem;
    margin: 0 20px;
    padding-top: 5px;
    line-height: 1.5;
  font-weight: bold;
}

/* noteForUse */
#p11100 .noteForUse section {
    height: 183px;
}
#p11100 .noteForUse dl {
    height: 300px;
    width: 230px;
    text-align: center;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    float: left;
}
#p11100 .noteForUse dl:nth-child(2) {
    float: left;
    width: 480px;
    margin-left: 10px;
}
#p11100 .noteForUse dl:nth-child(3) {
    float: right;
}
#p11100 .noteForUse dd {
    font-size: 1.5rem;
    line-height: 1.5;
}
#p11100 .noteForUse dd b {
    color: #d93d0d;
}
#p11100 .noteForUse .img {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: center;
    margin-top: 0;
    position: relative;
}
#p11100 .noteForUse .img img {
    height: 70%;
}


#p11100 .ttl_03 {
    margin: 5px auto 5px;
    padding: 15px 11px;
}
#p11100 .ttl_03_2 {
    margin: 5px auto 5px;
    padding: 8px 11px;
}

#p11100 .delivery {
    background: url(../../common/img/icn_arrow_blue_01.png) no-repeat left center;
    color: #2a6bb3;
    padding-left: 10px;
    display: inline-block;
}

#p11100 .checkboxImg {
    margin: -3px 10px;
}

#p11100 .customCenter {
    padding-top: 0px;
}

/* #powerTip */
#powerTip div p.sentence {
    font-size: 1.2rem;
}
#powerTip div dl.annotation_strongLst dt {
    font-size: 1.3rem;
    margin-bottom: 0px;
}
#powerTip div dl.annotation_strongLst ul li {
    font-size: 1.2rem;
    padding-left: 1.8rem;
}