@charset "UTF-8";

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  固有レイアウト
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
  コンテンツ
-------------------------------*/
#container { padding-bottom:60px; }
#container h3.bgStripe { margin-top:50px; font-size:125%; font-weight:bold; text-align:center; background:url(../images/head_bg_stripe_pc.gif) repeat-x left top; padding:11px 15px; }
#container p { margin-top:20px; }
#container p.txtLinkBtn01 a { padding:10px 40px; background:url(../images/link_arrow_b_pc.gif) no-repeat 10px center; border:1px solid #4b4b4b; border-radius:5px; }
#container p.txtLinkBtn01.iconPdf a { padding:10px 45px 10px 10px; background:url(../images/icon_pdf_sp.gif) no-repeat right 15px center / 15px; }
#container ul { margin-top:20px; }
#container .contentsInArea { width:1000px; margin:0 auto; }
#container .bgWhiteBox01 { background-color:#ffffff; margin-top:20px; padding:10px 35px; }
#container .bgWhiteBox01 p:first-child { margin-top:0; }
#container .bgWhiteBox02 { background-color:#ffffff; margin-top:20px; padding:15px; border:1px solid #cccccc; }
#container .bgWhiteBox02 p:first-child { margin-top:0; }
#container .bgGrayBox01 { background-color:#f7f7f7; margin-top:20px; padding:15px; border:1px solid #cccccc; }
#container .bgGrayBox01 p:first-child { margin-top:0; }
p.flexTxt { display:flex; align-items:center; }
.flexArea { display:flex; justify-content:space-between; }
.flexArea.typeB { align-items:baseline; }
.flexArea.typeC { justify-content:flex-start; align-items:center; }
.flexArea.typeD { justify-content:center; align-items:center; }
.flexArea.aiStart { align-items:flex-start; }

#container h2.openBtn span { display:none; }
#container h2.openBtn a { cursor:default; }
#container h2.openBtn a:hover img { opacity:1; }

#container h4 { border-bottom: 2px solid #cf0559; padding-bottom: 5px; font-size: 110%; font-weight: bold; }

#container .lineH {  background:url(../images/head_bg_stripe_sp.gif) repeat left top; padding: 10px; margin-bottom: 10px; font-weight: bold; }

#container .imp { color: #fff; background: #ce0003; padding: 4px; line-height: 1; border-radius: 4px; font-size: 90%; margin-right: 4px; }

.txtBtn a { position: relative; display: inline-block; font-weight: bold; box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, .2); padding: 10px 50px 10px 30px; border-radius: 100px; border: 2px solid #d88900;  background: -moz-linear-gradient(top, #fff, #ffc600); background: -webkit-linear-gradient(top, #fff, #ffc600); background: linear-gradient(to bottom, #fff, #ffc600); transition: all .4s; }
.txtBtn a:hover { opacity: 0.7; text-decoration: none; }
.txtBtn a::after { position: absolute; content: "▶"; right: 25px; font-size: 60%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }


/* メインビジュアル */
section#mvSection { width:100%; min-width:1200px; text-align: center; }
section#mvSection #mvArea #mvInner { width:auto; padding:20px 0 40px; background:url(../../images/mv_img01_pc.gif) no-repeat center center / cover; }
section#mvSection #mvArea #mvInner #atEnd { width: auto; display: inline-block; }
section#mvSection #mvArea #mvInner #atEnd a { display: block; padding: 15px 4px; border: 3px solid #cf0559; border-radius: 20px; }
section#mvSection #mvArea #mvInner #atEnd a:hover { text-decoration: none; background: #fffcdb; }
section#mvSection #mvArea #mvInner #atEnd { border-radius: 20px; margin: 15px; font-size: 110%; background: #fff; text-align: center; }
section#mvSection #mvArea #mvInner #atEnd .c1 { color: #007bc7; }
section#mvSection #mvArea #mvInner #atEnd .c2 { color: #ff0000; }
section#mvSection #mvArea #mvInner #atEnd .txtBold { background:linear-gradient(transparent 60%, #ff6 60%); }
section#mvSection #mvArea #mvInner h1  { margin: 20px auto 0; }
section#mvSection #mvArea #mvInner p { margin: 40px auto 0; }

section#mvSection #mvArea #mvInner #atEnd a { padding: 15px 40px; position: relative; text-align: center; }
section#mvSection #mvArea #mvInner #atEnd a p { margin: 0; padding: 0; }
section#mvSection #mvArea #mvInner #atEnd a div + p { margin-top: 4px; }
section#mvSection #mvArea #mvInner #atEnd a p.imgBox { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
section#mvSection #mvArea #mvInner #atEnd div { display: flex; text-align: center; justify-content: center; }

section#mvSection #mvArea #movBox { margin: 40px auto 0; width: 600px; aspect-ratio: 16 / 9; }
section#mvSection #mvArea #movBox iframe { width: 100%; height: 100%; }

/*
section#mvSection #mvArea { background-color:#fff5f5; }
section#mvSection #mvArea #mvInner { width:1200px; margin:0 auto; position:relative; }
section#mvSection #mvArea #mvInner p#countdownTxt { position:absolute; left:30px; bottom:18px; color:#ffffff; font-size:180%; margin-top:0; }
section#mvSection #mvArea #mvInner p#countdownTxt.digitsTwo { left:45px; }
section#mvSection #mvArea #mvInner p#countdownTxt.digitsOne { left:60px; }
section#mvSection #mvArea #mvInner p#countdownTxt span:first-child { letter-spacing:-0.1em; }
section#mvSection #mvArea #mvInner p#countdownTxt span:first-child + span { font-weight:bold; font-size:124%; margin:0 4px; }
section#mvSection #mvArea #mvInner p#countdownTxt span:first-child + span + span { margin-left:-3px; }
section#mvSection #mvArea #mvInner p#envelopeImg { position:absolute; left:70px; bottom:35px; animation:boundAction 1s ease-in-out infinite; margin-top:0; }
@keyframes boundAction {
  0% { transform: translateY(0) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}
section#mvSection #apologyArea { margin:30px auto 0; width:1200px; }
section#mvSection #apologyArea p.titleTxt { margin-top:0; padding:5px; background-color:#cf0559; color:#ffffff; text-align:center; font-size:108%; }
section#mvSection #apologyArea p.bodyTxt { margin-top:0; padding:20px 120px; border:1px solid #cf0559; border-top:none; }
*/

/* メインビジュアル下リンクエリア */
/*
section#mvBottomLinkSection { margin:30px auto 0; width: 1000px; background-color: #fff; border: solid 2px #d00055; border-radius: 5px; padding: 25px 30px; }
section#mvBottomLinkSection p { margin-top: 0; }
section#mvBottomLinkSection p a { text-decoration: underline; color: #d00055; font-weight: bold; }
section#mvBottomLinkSection p a:hover { text-decoration: none; }
*/

/* サービス全般を終了 */
/*
section#attentionSection { width: 1000px; margin: 30px auto 0; background-color: #fef7cd; border: solid 1px #f35814; border-radius: 5px; padding: 25px 30px; }
section#attentionSection p { margin: 0; }
*/

/* ペルソナカード（青）からの切替でこんなにおトク！ */
section#changeBlueCardSection { width:1200px; margin:30px auto 0; text-align: center; }
section#changeBlueCardSection h2 { background: #007bc7; font-size: 136%; color: #fff; font-weight: bold; display: inline-block; border-radius: 40px; padding: 4px 25px; }
section#changeBlueCardSection h3 { border-bottom:1px solid #291f6d; color:#291f6d; font-size:138%; font-weight:bold; margin-top:25px; padding-bottom:1px; text-align:center; }
section#changeBlueCardSection .contentsInArea  { margin-top: 20px; }
section#changeBlueCardSection .contentsInArea .atComment { text-align: left; }

section#changeBlueCardSection ul li { margin-top:5px; }
section#changeBlueCardSection ul li:first-child { margin-top:0; }
section#changeBlueCardSection p#webServiceBtn { position:relative; margin-top:30px; }
section#changeBlueCardSection p#webServiceBtn span { position:absolute; left:350px; bottom:30px; }

/* ペルソナSTACIAカード（赤）はこんなにおトク！ */
section#aboutRedCardSection { width:1200px; margin:60px auto 0; }

section#aboutRedCardSection p.sPointTxt { display:flex; justify-content:center; align-items:center; font-size:88%; }
section#aboutRedCardSection p.sPointTxt span:first-child + span { margin-left:20px; }

section#aboutRedCardSection ul.redCardPointList { display:flex; justify-content:space-between; }

section#aboutRedCardSection h4 { font-size:160%; }
section#aboutRedCardSection h4 span { font-size: 50%; color: #666; font-weight: normal; display: inline-block; margin-right: 5px; }
section#aboutRedCardSection p.h4sholder { font-size: 82%; color: #666; font-weight: normal; margin-right: 5px; }

section#aboutRedCardSection .contentsInArea { width: 1140px; margin: 80px auto 0; padding: 50px; border-radius: 25px; position: relative; }
section#aboutRedCardSection .contentsInArea.tamaru { background: #FFECEC; }
section#aboutRedCardSection .contentsInArea.tsukaeru { background: #DCF0F5; }
section#aboutRedCardSection .contentsInArea .whiteInner { background: #fff; width: 1040px; margin: 0 auto; padding: 60px; border-radius: 20px; }
section#aboutRedCardSection .contentsInArea > p { position: absolute; top: -75px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }

section#aboutRedCardSection #redCardPoint1Area .bgColor02 { display: inline-block !important; padding: 4px 8px 1px; margin-top: 10px; }

section#aboutRedCardSection #redCardPoint2Area p.redCardPoint2SpontTxt { margin-top:10px; }
section#aboutRedCardSection #redCardPoint2Area p.redCardPoint2SpontTxt span { border:1px solid #000; font-size:88%; line-height:1; padding:5px; }
section#aboutRedCardSection #redCardPoint2Area h5 { display:flex; align-items:center; font-weight:bold; }
section#aboutRedCardSection #redCardPoint2Area h5 span:first-child + span { margin:5px 0 0 10px; }
section#aboutRedCardSection #redCardPoint2Area ul { padding-top: 15px; }
section#aboutRedCardSection #redCardPoint2Area ul li { margin-top:5px; padding-left: 1em; text-indent: -1em; }
section#aboutRedCardSection #redCardPoint2Area ul li:first-child { margin-top:0; }
section#aboutRedCardSection #redCardPoint2Area .flexArea { margin-top:20px; padding-top:5px; }
section#aboutRedCardSection #redCardPoint2Area .redCardPoint2SpointOuter { width:345px; }
section#aboutRedCardSection #redCardPoint2Area .redCardPoint2SpointOuter:nth-child(1) { width:290px; }
section#aboutRedCardSection #redCardPoint2Area .redCardPoint2SpointOuter:nth-child(2) { width:240px; }
section#aboutRedCardSection #redCardPoint2Area .redCardPoint2SpointOuter + .redCardPoint2SpointOuter { border-left:1px solid #cccccc; padding-left:20px; }
section#aboutRedCardSection #redCardPoint2Area ul.atComment { margin-top: 0; }
section#aboutRedCardSection #redCardPoint2Area ul.atComment li { padding-left: 0; }

section#aboutRedCardSection #redCardPoint3Area ul.point3List { display: flex; justify-content: space-between; box-sizing: border-box; flex-wrap: wrap; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li { width: 48.8%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; border: 1px solid #ccc; padding: 20px; margin-top: 25px; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li h5 { color:#cf0559; font-size: 110%; font-weight: bold; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li h5 span:nth-child(3) { border: 1px solid #cf0559; font-size: 82%; padding: 4px; font-weight: normal; margin-left: 5px; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li > div { width: 76%; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li ul { width: 100%; margin-top: 0; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li > p { margin-top: 0; }
/*
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li > p:nth-child(1) { width: 105px; position: absolute; left: 0; top: 0; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li > p:nth-child(2) { color:#cf0559; font-size: 120%; font-weight: bold; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li > p:nth-child(2) + p { margin-top: 5px; }
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li div p.txtBold { color:#cf0559; font-size: 120%; font-weight: bold; }
*/
section#aboutRedCardSection #redCardPoint3Area ul.point3List > li .atComment { font-size: 86%; margin-top: 5px; }
section#aboutRedCardSection #redCardPoint3Area .sPoint { padding: 0; margin: 40px auto 60px; width: 1140px; border: 5px solid #f5c343; border-radius: 0; padding: 50px; }

section#aboutRedCardSection .borderTxt { color:#cf0559; border: solid 1px #cf0559; font-size:88%; display: inline-block; padding: 2px 10px 1px; margin: 0; text-align: center; }

/* すぐポ */
section#aboutRedCardSection .sugupoInner { border:5px solid #fabf13; width:920px; }
section#aboutRedCardSection .sugupoInner p { margin:0; }
section#aboutRedCardSection .sugupoInner ul.atComment { margin:0 25px 30px 25px; }
section#aboutRedCardSection .hukidashiBox { margin:20px auto; text-align:center; }

/* ペルソナSTACIAカード（赤）への切替のお申込み方法 */
section#howtoEntrySection { width:1200px; margin:50px auto 0; }
section#howtoEntrySection #howtoEntryArea { background:url(../../images/howto_entry_bg_pc.gif) no-repeat center top / cover; margin-top:20px; padding:40px 0; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner { width:1004px; margin:0 auto; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList { display:flex; justify-content:space-between; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li { background-color:#ffffff; padding:25px 40px 90px; width:490px; position:relative; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li p:first-child { min-height:100px; margin-top:0; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li h3 { text-align:center; color:#cf0559; font-weight:bold; font-size:115%; margin-top:10px; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li h3 span { display:block; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li h3 img { margin-top:20px; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li dl { margin-top:20px; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li dl dt { margin-top:10px; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li dl dt:first-child { margin-top:0; }
section#howtoEntrySection #howtoEntryArea #howtoEntryInner > ul#howtoEntryCardList > li p.entryBtn { position:absolute; bottom:15px; left:50%; transform:translateX(-50%); text-align:center; }
section#howtoEntrySection p.issueCardTxt { border:1px solid #cccccc; padding:3px; }
section#howtoEntrySection #entryMailInner { margin-top:20px; }
section#howtoEntrySection #entryMailInner p.issueCardTxt { margin-top:0; }
/* section#howtoEntrySection h3#entryMail + .contentsInArea { padding-bottom:70px; } */
section#howtoEntrySection p.issueCardTxt span { display:block; text-align:center; padding:10px; }
section#howtoEntrySection p.issueCardTxt span:first-child { background-color:#5c5c5c; color:#ffffff; font-size:115%; }
section#howtoEntrySection ol.smoothList li { display:flex; margin-top:20px; font-size:88%; }
section#howtoEntrySection ol.smoothList li:first-child { margin-top:0; }
section#howtoEntrySection ol.smoothList li span:first-child { color:#cf0559; border:1px solid #cf0559; border-radius:1px; height:1.9em; background-color:#ffffff; padding:3px 7px; }
section#howtoEntrySection ol.smoothList li span:first-child + span { margin-left:10px; font-weight:bold; }
section#howtoEntrySection ul.entryAncList { display:none; }

section#howtoEntrySection #counterTable { border-bottom: 1px solid #cccccc; width: 100%; table-layout: fixed; margin-top: 10px; }
section#howtoEntrySection #counterTable tr { border-top: 1px solid #cccccc; }
section#howtoEntrySection #counterTable th,
section#howtoEntrySection #counterTable td { text-align: left; padding: 10px 0; }
section#howtoEntrySection #counterTable th { width: 160px; }

/*ペルソナカード切替案内デスクへのリンクエリア*/
#deskLinkArea { padding: 30px 20px 50px; border-bottom: 1px solid #999; text-align: center; }
#deskLinkArea .txtBtn a::after { content: "▼"; }

/* よくあるご質問 */
section#faq { width:1200px; margin:50px auto 0; }
section#faq h3.bgStripe { margin-top:40px; }
section#faq ul.faqAncList { display:flex; justify-content:space-between; margin-top: 35px; }

section#faq .iconAttention { color: #ce0003; }

section#faq #frequentlyArea { margin-top: 20px; font-size: 113%; font-weight: bold; }
section#faq #frequentlyArea ul { margin-top: 15px; margin-left: 30px; }
section#faq #frequentlyArea ul li { margin-top: 13px; padding-left: 1em; text-indent: -1em; }
section#faq #frequentlyArea ul li:first-child { margin-top: 0; }
section#faq #frequentlyArea ul li a { color: #cf0559; }

section#faq .moreArea > ul.faqQuestionList { border-top:1px solid #cf0559; }
section#faq .moreArea > ul.faqQuestionList > li { border:1px solid #cf0559; border-top:none; padding:15px 30px; }
section#faq .moreArea > ul.faqQuestionList > li p.faqTitle { margin-top:0; }
section#faq .moreArea > ul.faqQuestionList > li p.faqTitle a { font-size:115%; font-weight:bold; color:#cf0559; display:block; background:url(../images/icon_plus_pc.gif) no-repeat right center; padding:10px 30px 10px 0; }
section#faq .moreArea > ul.faqQuestionList > li p.faqTitle a.open { background-image:url(../images/icon_minus_pc.gif); }
section#faq .moreArea > ul.faqQuestionList > li .faqDetailArea { display:none; padding:10px 0 20px; margin:0 15px; }
section#faq .moreArea > ul.faqQuestionList > li .faqDetailArea p.txtLinkBtn01 a.procedureBtn { background: none; }
section#faq .moreArea > ul.faqQuestionList > li .faqDetailArea dd.ml1em { margin-left: 1em; }
section#faq .moreArea > ul.faqQuestionList > li .faqDetailArea dd .cardImgInner { display:flex; justify-content:space-between; }
section#faq .moreArea > ul.faqQuestionList > li .faqDetailArea dd .cardImgInner p.bgColor02 { display: inline-block; }

/* 下部固定 */
section#fixedSection { background-color:rgba(85,85,85,0.8); width:100%; min-width:1200px; position:fixed; left:0; bottom:0; transition: transform 1s; }
section#fixedSection.fixHide { transform: translateY(140%); }

section#fixedSection #fixedArea { width:1000px; margin:0 auto; padding:13px 0 0; text-align: center; }

section#fixedSection #fixedArea #fixedMainInner p:first-child { position:relative; margin-top:0; }
section#fixedSection #fixedArea #fixedMainInner p:first-child span { position:absolute; top:-70px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
section#fixedSection #fixedArea #fixedMainInner p:first-child + p { margin:0 auto; width:705px; background:url(../../images/icon_imp.png) no-repeat 15px center / 30px; }
section#fixedSection #fixedArea #fixedMainInner p:first-child + p a { display:block; border:1px solid #ffffff; border-radius:5px; padding:3px 30px; color:#ffffff; text-align:center; background:url(../images/icon_pdf_pc.gif) no-repeat right 10px center; }
section#fixedSection #fixedArea #fixedMainInner p:first-child + p span { display: none; }

section#fixedSection #fixedArea > ul { margin-top:0; }
section#fixedSection #fixedArea > ul > li { margin-top:10px; }
section#fixedSection #fixedArea > ul > li:first-child { margin-top:0; }
section#fixedSection #fixedArea > ul > li a { display:block; border:1px solid #ffffff; border-radius:5px; padding:19px 30px; color:#ffffff; text-align:center; }
section#fixedSection #fixedArea > ul > li#usePitapaLink { background:url(../images/icon_pitapa01_pc.gif) no-repeat 10px center; }
section#fixedSection #fixedArea > ul > li#usePitapaLink a { background:url(../images/icon_pdf_pc.gif) no-repeat right 10px center; padding:19px 20px 19px 40px; }
section#fixedSection #fixedArea > ul > li#procedureLink a { padding: 12px 20px 10px 10px; line-height: 1.4; background:url(../images/icon_pdf_pc.gif) no-repeat right 10px center; }
section#fixedSection #fixedArea p#pagetopBtn { position:absolute; right:-100px; top:-65px; margin-top:0; }

/* モーダル */
section#modalSection { display:none; }
.modalArea { padding:30px 40px; width:100%; box-sizing: border-box; }
.modalArea p { margin-top:20px; }
.modalArea .modalInner .modalBox .modalLeftUnit p { margin-top:0; }
.modalArea .modalInner .modalBox .modalRightUnit { width:460px; }

#modal01Area .modalInner .modalBox ul#unknownList { margin-top: 25px; margin-left: 60px; display: flex; justify-content: space-between; }
#modal01Area .modalInner .modalBox ul#unknownList li p span { display: block; text-align: center; margin-top: 1em; }
#modal01Area .modalInner .modalBox ul#unknownList li p + p { margin-top: 10px; }
#modal01Area .modalInner .modalBox ul#unknownList li:last-child p { padding-bottom: 1em; }

#modal02Area .modalInner .modalBox p#agreeCheck { text-align:center; margin-top:20px; }
#modal02Area .modalInner .modalBox p#agreeCheck a { color:#cf0559; background:url(../images/icon_checkbox_nocheck_pc.gif) no-repeat left center; padding:5px 0 5px 30px; }
#modal02Area .modalInner .modalBox p#agreeCheck a.checked { background-image:url(../images/icon_checkbox_checked_pc.gif); }

#modal02Area .modalInner .modalBox ul#modalList { margin-top:20px; }
#modal02Area .modalInner .modalBox ul#modalList li { margin-top:15px; font-weight:bold; margin-left:1.3em; text-indent:-1.3em; }
#modal02Area .modalInner .modalBox ul#modalList li:first-child { margin-top:0; }
#modal02Area .modalInner .modalBox ul#modalList li a { background:url(../images/icon_checkbox_nocheck_pc.gif) no-repeat left center; padding:5px 0 5px 30px; }
#modal02Area .modalInner .modalBox ul#modalList li a.checked { background-image:url(../images/icon_checkbox_checked_pc.gif); }

#modal02Area .modalInner .modalBox p#modalEntryBtn { text-align:center; margin-top:20px; }
#modal02Area .modalInner .modalBox p#modalEntryBtn span.disable { display:block; }
#modal02Area .modalInner .modalBox p#modalEntryBtn span.able { display:none; }

#modal02Area .modalInner .modalBox .alertArea { background-color:#ffffff; padding:15px; border:1px solid #cf0559; width:670px; margin:0 auto; }
#modal02Area .modalInner .modalBox .alertArea p { margin-top:0; }

#modal02Area .modalInner .modalBox #modalEntryGuideUnit { border:2px solid #ff0000; margin:30px auto 0; padding:25px 20px; width:830px; position:relative; }
#modal02Area .modalInner .modalBox #modalEntryGuideUnit p:first-child { position:absolute; left:50%; top:-40px; transform:translateX(-50%); color:#ffffff; background-color:#ff0000; padding:5px; border-radius:5px; text-align:center; width:200px; font-weight:bold; }
#modal02Area .modalInner .modalBox #modalEntryGuideUnit ul li { margin-top:15px; margin-left:1em; text-indent:-1em; }
#modal02Area .modalInner .modalBox #modalEntryGuideUnit ul li:first-child { margin-top:0; }

#modal02Area .modalInner .modalBox .spF3vw { padding-left: 1em; text-indent: -1em; padding-top: 4px; }

#modal03Area.modalArea { padding: 0; border: 6px solid #fabf13; }
#modal03Area.modalArea p { margin-top:0; }
#modal03Area.modalArea ul { margin: 0 0 30px 60px; }

#modal04Area.modalArea { padding: 30px; background: #fdeef1; }
#modal04Area.modalArea p { margin-top: 0; width: 760px; }
#modal04Area.modalArea p img { width: 100%; }
#modal04Area.modalArea p.plus { text-align: center; margin: 0 0 10px 0; font-size: 240%; color: #d12561; font-weight: bold; line-height: 1; }
#modal04Area.modalArea ul { margin: 10px 0 0 0; }
#modal04Area.modalArea ul li span { text-decoration: underline; color: #d81f64; }

#modal05Area.modalArea { padding: 30px; background: #fdeef1; }
#modal05Area.modalArea p { margin-top: 0; width: 760px; }
#modal05Area.modalArea p img { width: 100%; }
#modal05Area.modalArea ul { margin: 10px 0 0 0; }
#modal05Area.modalArea ul li span { text-decoration: underline; color: #d81f64; }

/*point present*/
.ppHukidashi { position: absolute; right: 90px; top: -55px; }
.ppBtn { padding: 20px 0 10px !important; display: block !important; }

.dmImg { max-width: 300px; }
.ancBtn a { background: none !important; color: #006dbd; font-size: 80%; padding: 0 !important; text-indent: 0 !important; display: inline-block!important; line-height: 1.8; }
.ancBtn { margin-top: 10px !important; }