@charset "UTF-8";
/* global
------------------------------------- */
#mainImg { background-image: url(../img/transparent/mainimg01_sp.png); }

#mainImg .tit { line-height: 1.6; }

#mainImg .tit:before { top: -12px; left: -28px; width: 118px; height: 25px; background-image: url(../img/transparent/txt_mainimg01.png); }

#mainImg .tit .small { display: block; margin-bottom: 2px; line-height: 1.4; font-size: 1.4rem; }

@media all and (min-width: 600px) { #mainImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url(../img/transparent/mainimg01_pc.png); }
  #mainImg .tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #mainImg .tit:before { top: -12px; left: -88px; width: 157px; height: 34px; }
  #mainImg .tit .txt { text-align: center; }
  #mainImg .tit .txt .small { margin-bottom: 0; font-size: 1.6rem; } }

/* #intro
------------------------------------- */
#intro { padding: 40px 0 60px; }

#intro .checkList { margin: 34px 0 36px; padding: 18px 20px 22px; box-sizing: border-box; border-radius: 10px; background: #f7f7f7; }

#intro .checkList .item { line-height: 1.6; position: relative; padding: 8px 0 8px 30px; border-bottom: 1px dashed #cccbcb; }

#intro .checkList .item:before { content: ""; position: absolute; top: 12px; left: 0; width: 17px; height: 14px; background: url(../img/esthetic/ico_check01.png) no-repeat center/cover; }

#intro .lead { text-align: center; }

#intro .typeList .type { background: #f7f7f7; box-sizing: border-box; padding: 30px 20px; border-radius: 10px; margin-top: 20px; }

#intro .typeList .type span { font-size: 2.1rem; color: #7cbc00; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; }

#intro .typeList .type .txtArea { background: #fff; box-sizing: border-box; padding: 10px 20px 15px; border-radius: 10px; position: relative; margin-bottom: 55px; }

#intro .typeList .type .txtArea:before { content: ''; position: absolute; bottom: -45px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 138px; height: 30px; background: url(../img/common/arw_down01.png) no-repeat center/138px; }

#intro .typeList .type .note { text-align: center; margin-bottom: 5px; color: #7cbc00; }

#intro .typeList .type .anchor { padding: 0; }

@media all and (min-width: 600px) { #intro { padding: 40px 0 60px; }
  #intro .img { padding: 60px 0 40px; width: 70%; margin: 0 auto; }
  #intro .lead { margin-bottom: 60px; }
  #intro .typeList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #intro .typeList .type { width: 49%; padding: 20px 20px; margin-top: 0; }
  #intro .typeList .type span { font-size: 2.6rem; margin-bottom: 0; }
  #intro .typeList .type .txtArea { padding: 5px 20px 15px; }
  #intro .typeList .type .txtArea .txt { text-align: center; }
  #intro .typeList .type .note { margin-bottom: 5px; }
  #intro .typeList .type .anchor { display: inline; } }

/* #invisa
------------------------------------- */
#invisa > .inner { padding-top: 20px; padding-bottom: 24px; }

#invisa .table { margin-bottom: 50px; }

#invisa > h2.mod_tit04.tit { margin-bottom: 0; }

#invisa .tit { margin-bottom: 20px; }

#invisa .areaImg { margin-bottom: 44px; }

#invisa .areaImg .img { margin-bottom: 14px; }

#invisa .areaImg .txt span { color: #7cbc00; }

#invisa .checkList { margin: 34px 0 36px; padding: 18px 20px 22px; box-sizing: border-box; border-radius: 10px; background: #f7f7f7; }

#invisa .checkList .item { line-height: 1.6; position: relative; padding: 8px 0 8px 30px; border-bottom: 1px dashed #cccbcb; }

#invisa .checkList .item:before { content: ""; position: absolute; top: 12px; left: 0; width: 17px; height: 14px; background: url(../img/esthetic/ico_check01.png) no-repeat center/cover; }

#invisa .list .item + .item { margin-top: 24px; }

#invisa .list .item .img { margin-bottom: 16px; }

#invisa .bnr .anchor .item { margin-top: 14px; }

#invisa .bnr .anchor .item a { text-align: center; line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 88%; height: 51px; margin: 0 auto; padding: 0 60px; border-radius: 30px; box-sizing: border-box; background: #7cbc00; color: #fff; font-weight: 500; font-size: 1.4rem; }

#invisa .bnr .anchor .item a:after { content: ""; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); width: 6px; height: 10px; background: url(../img/common/arw_right02.png) no-repeat center/cover; }

@media all and (min-width: 600px) { #invisa > .inner { padding-top: 68px; padding-bottom: 28px; }
  #invisa .table { margin-bottom: 80px; }
  #invisa .tit { margin-bottom: 40px; }
  #invisa .areaImg { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 58px; }
  #invisa .areaImg .img { max-width: 540px; min-width: 540px; }
  #invisa .areaImg .txt { padding-left: 40px; box-sizing: border-box; font-size: 1.5rem; }
  #invisa .checkList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 52px 0 70px; padding: 32px 50px 32px; }
  #invisa .checkList .item { width: calc(50% - 56px); padding: 8px 0 8px 26px; font-size: 1.5rem; }
  #invisa .checkList .item:before { top: 12px; left: 0; width: 21px; height: 17px; }
  #invisa .list .item { overflow: hidden; }
  #invisa .list .item + .item { margin-top: 24px; }
  #invisa .list .item:nth-of-type(even) .tit { float: left; }
  #invisa .list .item:nth-of-type(even) .img { float: right; }
  #invisa .list .item:nth-of-type(even) .txt { padding: 0 40px 30px 0; }
  #invisa .list .item .tit { float: right; padding-top: 10px; width: 506px; }
  #invisa .list .item .img { float: left; width: 540px; margin-bottom: 0; padding-top: 24px; }
  #invisa .list .item .txt { line-height: 1.9; overflow: hidden; padding: 0 0 0 40px; font-size: 1.5rem; }
  #invisa .bnr { margin: 40px 0; }
  #invisa .bnr .anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #invisa .bnr .anchor .item { margin-bottom: 20px; }
  #invisa .bnr .anchor .item a { font-size: 1.9rem; border-radius: 60px; width: 380px; height: 80px; }
  #invisa .bnr .anchor .item a:after { right: 26px; }
  #invisa .bnr .anchor .item:nth-child(even) { margin-left: 20px; } }

/* #method
------------------------------------- */
#method { background-color: #edf3e0; }

#method .inner { padding-top: 54px; padding-bottom: 46px; }

#method .lead { margin-bottom: 22px; text-align: center; }

#method .list .item + .item { margin-top: 24px; }

#method .list .item .img { margin-bottom: 16px; }

@media all and (min-width: 600px) { #method .inner { padding-top: 96px; padding-bottom: 94px; }
  #method .lead { margin-bottom: 22px; text-align: center; }
  #method .list .item { overflow: hidden; }
  #method .list .item + .item { margin-top: 24px; }
  #method .list .item:nth-of-type(even) .tit { float: left; }
  #method .list .item:nth-of-type(even) .img { float: right; }
  #method .list .item:nth-of-type(even) .txt { padding: 0 40px 30px 0; }
  #method .list .item .tit { float: right; padding-top: 10px; width: 506px; }
  #method .list .item .img { float: left; width: 540px; margin-bottom: 0; padding-top: 24px; }
  #method .list .item .txt { line-height: 1.9; overflow: hidden; padding: 0 0 0 40px; font-size: 1.5rem; } }

/* #flow
------------------------------------- */
#flow .inner { padding-top: 46px; }

#flow .flowList { margin: 0 -15px; padding: 40px 15px; box-sizing: border-box; background: #edf3e0; }

#flow .flowList .item { position: relative; padding: 24px 20px; box-sizing: border-box; background: #fff; box-shadow: 0px 4px 15px 0px rgba(4, 0, 0, 0.1), inset 0px 0px 0px 14px rgba(241, 241, 241, 0.004); }

#flow .flowList .item + .item { position: relative; margin-top: 22px; }

#flow .flowList .item + .item:after { content: ""; position: absolute; top: -30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 138px; height: 30px; background: url(../img/common/arw_down01.png) no-repeat center/cover; }

#flow .flowList .item:before { content: ""; position: absolute; top: 6px; left: 6px; width: calc(100% - 14px); height: calc(100% - 14px); border: 1px solid #f1f1f1; }

#flow .flowList .item .img { margin-bottom: 12px; }

@media all and (min-width: 600px) { #flow .inner { padding-top: 94px; }
  #flow .flowList { margin: 18px 0 0; padding: 48px 50px; }
  #flow .flowList .item { padding: 36px 40px 26px; }
  #flow .flowList .item + .item { margin-top: 20px; }
  #flow .flowList .item .areaImg { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #flow .flowList .item .img { max-width: 352px; min-width: 352px; }
  #flow .flowList .item .txt { margin-top: -8px; padding-left: 40px; box-sizing: border-box; font-size: 1.5rem; } }

/* #period
------------------------------------- */
#period { position: relative; background: #edf3e0; margin-bottom: 50px; }

#period:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 90px; background: #fff; }

#period .inner { position: relative; padding-top: 46px; padding-bottom: 30px; }

#period .detail { padding-top: 18px; }

#period .detail .headTit { position: relative; font-size: 1.8rem; font-weight: 500; z-index: 1; }

#period .detail .headTit:before { content: ''; position: absolute; top: -10px; right: 16px; width: 107px; height: 71px; background: url(../img/common/bg_bubble02.png) no-repeat center center; background-size: contain; z-index: -1; }

#period .detail .txt { position: relative; padding-top: 6px; z-index: 1; }

@media all and (min-width: 600px) { #period { background: #fff; }
  #period:before { background: #edf3e0; left: auto; right: 0; height: 100%; width: 100%; border-radius: 15px; -webkit-transform: translateX(456px); -ms-transform: translateX(456px); transform: translateX(456px); }
  #period .inner { position: relative; margin-top: 130px; padding-top: 134px; padding-bottom: 130px; }
  #period .img { position: absolute; top: -30px; left: -350px; width: 888px; }
  #period .detail { padding-left: calc(50% + 27px); box-sizing: border-box; }
  #period .detail .headTit { font-size: 2.6rem; }
  #period .detail .headTit:before { top: -12px; right: -12px; width: 125px; height: 83px; }
  #period .detail .txt { padding-top: 16px; font-size: 1.6rem; } }

/* .plan
------------------------------------- */
.plan { position: relative; background-size: cover; }

.plan .tit { position: relative; z-index: 2; margin-bottom: 0 !important; }

.plan:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 330px; background: #fff; z-index: 1; }

.plan .inner { padding-top: 62px; padding-bottom: 50px; }

.plan .list { position: relative; z-index: 2; padding-top: 30px; }

.plan .list .item { position: relative; background: #fff; box-shadow: 0px 3px 10px 0px rgba(4, 0, 0, 0.2); border-radius: 10px; }

@media all and (min-width: 600px) { .plan .list .item { box-shadow: 0px 6px 20px 0px rgba(4, 0, 0, 0.3); } }

.plan .list .item + .item { margin-top: 30px; }

.plan .list .item .img { padding-top: 0 !important; }

.plan .list .item .detail { padding: 15px 20px 46px; }

.plan .list .item .detail .sub { text-align: center; font-size: 1.8rem; font-weight: 500; line-height: 1.57; }

.plan .list .item .detail .txt { padding-top: 9px; }

.plan .list .item .detail .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 12px; padding: 16px 15px; box-sizing: border-box; border-radius: 10px; background: #f7f7f7; }

.plan .list .item .detail .price .sub { display: block; color: #7cbc00; margin-bottom: 10px; }

.plan .list .item .detail .price .sub .tit { display: block; font-size: 1.6rem; font-weight: 500; margin-bottom: 2px !important; }

~ .plan .list .item .detail .price .sub .tit { margin-top: 5px; }

.plan .list .item .detail .price .sub .part { display: block; font-size: 1.4rem; }

.plan .list .item .detail .price .sub .num { display: inline-block; position: relative; bottom: -1px; padding-left: 0px; line-height: 1; vertical-align: baseline; font-size: 2.6rem; font-weight: bold; letter-spacing: 0; }

.plan .list .item .detail .price .sub .unit { margin-left: .25em; vertical-align: baseline; font-size: 1.4rem; letter-spacing: 0; }

.plan .list .item .detail .price .note { display: inline-block; position: relative; margin: 4px 0 6px; padding: 0 0 0 1.06em; font-size: 1.3rem; }

.plan .list .item .detail .price .note span { position: absolute; top: 0; left: 0; }

.plan .list .item .detail .price .noteList01 { margin: 4px 0 6px; padding-top: 15px; border-top: 1px solid #e0e0e0; }

.plan .list .item .detail .price .noteList01 dt { margin: 0 0 5px; text-align: center; line-height: 1.5; font-size: 1.5rem; font-weight: 500; }

.plan .list .item .detail .price .noteList01 .note { margin: 0; padding: 0 0 0 1.06em; }

.plan .list .item .detail .price .noteList01 .note span { left: 0; }

@media all and (min-width: 600px) { .plan { background-size: auto 480px; margin-bottom: 100px; }
  .plan:before { top: 0; left: auto; right: 0; height: 100%; width: 210px; }
  .plan .inner { padding-top: 80px; }
  .plan .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 50px; }
  .plan .list .item { width: calc(50% - 10px); box-sizing: border-box; }
  .plan .list .item + .item { margin-top: 0; }
  .plan .list .item:nth-child(even) { margin-left: 20px; }
  .plan .list .item .detail { padding: 20px 60px 40px; }
  .plan .list .item .detail .sub { font-size: 2.2rem; }
  .plan .list .item .detail .tit { display: inline-block; }
  .plan .list .item .detail .txt { padding-top: 18px; font-size: 1.5rem; }
  .plan .list .item .detail .price { margin: 30px -15px 0; padding: 28px 32px; border-radius: 15px; } }

@media all and (min-width: 600px) and (-ms-high-contrast: none) { .plan .list .item .detail .price { display: block; } }

@media all and (min-width: 600px) { .plan .list .item .detail .price .sub .tit { font-size: 1.9rem; margin-bottom: 0 !important; }
  .plan .list .item .detail .price .sub .part { font-size: 1.6rem; }
  .plan .list .item .detail .price .sub .num { bottom: -3px; font-size: 3.0rem; }
  .plan .list .item .detail .price .sub .unit { font-size: 1.6rem; }
  .plan .list .item .detail .price .noteList01 { margin: 14px 0 5px; padding-top: 20px; }
  .plan .list .item .detail .price .noteList01 dt { margin-bottom: 10px; font-size: 1.7rem; }
  .plan .list .item .detail .price .note { margin: 8px 0 15px; font-size: 1.5rem; }
  .plan .list .item .detail .price .note + .sub { margin-left: 12px; } }

/* .qa
------------------------------------- */
.qa { padding-bottom: 35px; }

.qa .tit { margin-bottom: 30px; }

.qa#qaInvisa { margin-top: 40px; }

@media all and (min-width: 600px) { .qa { padding-bottom: 70px; }
  .qa .tit { margin-bottom: 50px; }
  .qa#qaInvisa { margin-top: 40px; } }

/* #kyousei
------------------------------------- */
#kyousei .areaImg { margin: 40px 0 44px; }

#kyousei .areaImg .img { margin-bottom: 14px; }

#kyousei .areaImg .txt span { color: #7cbc00; }

#kyousei .about .img { margin-bottom: 20px; }

#kyousei .about .txtArea { background: #edf3e0; border-radius: 20px; box-sizing: border-box; padding: 30px 20px 16px; }

#kyousei .about .txtArea .txt { margin-bottom: 14px; }

#kyousei .bnrQa { padding-bottom: 40px; }

#kyousei .bnrQa .anchor a { line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 88%; height: 51px; margin: 0 auto; padding: 0 60px; border-radius: 30px; box-sizing: border-box; background: #7cbc00; color: #fff; font-weight: 500; font-size: 1.4rem; }

#kyousei .bnrQa .anchor a:after { content: ""; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); width: 6px; height: 10px; background: url(../img/common/arw_right02.png) no-repeat center/cover; }

@media all and (min-width: 600px) { #kyousei { padding: 100px 0 0; }
  #kyousei .areaImg { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 60px 0 58px; }
  #kyousei .areaImg:nth-of-type(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #kyousei .areaImg:nth-of-type(even) .txt { padding: 0 40px 0 0; }
  #kyousei .areaImg .img { max-width: 540px; min-width: 540px; }
  #kyousei .areaImg .txt { padding-left: 40px; box-sizing: border-box; font-size: 1.5rem; }
  #kyousei .about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #kyousei .about .img { width: 320px; margin: 0 0	0 40px; }
  #kyousei .about .txtArea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #edf3e0; border-radius: 20px; box-sizing: border-box; padding: 30px 20px 16px; }
  #kyousei .about .txtArea .txt { margin-bottom: 14px; }
  #kyousei .bnrQa { padding-bottom: 120px; }
  #kyousei .bnrQa .anchor a { font-size: 1.9rem; border-radius: 60px; width: 380px; height: 80px; }
  #kyousei .bnrQa .anchor a:after { right: 26px; } }

/* #merit
------------------------------------- */
#merit { margin-top: 60px; }

#merit .meritTit { margin-bottom: 20px; }

#merit .list { padding-top: 20px; }

#merit .list .item .tit { font-weight: 500; font-size: 2rem; color: #21bc80; }

#merit .list .item .txt { padding-bottom: 10px; }

#merit .list .item .txt span { color: #7cbc00; }

#merit .list .item + .item { margin-top: 24px; }

@media all and (min-width: 600px) { #merit { margin-top: 80px; }
  #merit .meritTit { margin-bottom: 30px; }
  #merit .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #merit .list .item { width: 540px; overflow: hidden; }
  #merit .list .item + .item { margin-top: 0; padding-left: 20px; }
  #merit .list .item .tit { width: 540px; font-size: 2.4rem; }
  #merit .list .item .txt { line-height: 1.9; overflow: hidden; padding: 20px 0; font-size: 1.5rem; } }

/* .case
------------------------------------- */
.case { margin: 50px 0; background-color: #edf3e0; }

.case .inner { padding-top: 45px; padding-bottom: 50px; }

.case section + section { margin-top: 23px; }

.case .tit { color: #333; margin-bottom: 14px; }

.case .tit .small { display: block; font-size: 1.2rem; }

.case .imgs { margin: 13px 0 30px; }

.case .imgs .img { position: relative; }

.case .imgs .img + .img { margin-top: 15px; }

.case .meta { margin: 15px 0 20px; }

.case .metaItem { line-height: 1.6; }

.case .metaItem + .metaItem { margin-top: 5px; }

.case .meta .complaintTit { display: block; clear: left; float: left; width: 44px; margin-top: 1px; padding: 1px 8px 2px; line-height: 1.4; text-align: center; color: #fff; font-size: 1.3rem; background-color: #7cbc00; box-sizing: border-box; }

.case .meta .complaintTxt { margin-left: 52px; }

.case .imgs .img.arw:after { display: block; content: ""; position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 138px; height: 30px; background: url(../img/common/arw_down01.png) no-repeat center/cover; }

.case .imgList { margin: 15px 0 30px; }

.case .imgList .imgs { margin: 0; }

.case .imgList .imgs + .imgs { margin-top: 15px; }

.case .notice { padding: 15px; background-color: #fff; border-radius: 10px; border: 1px solid #b6b5b5; }

.case .noticeList { padding: 15px; background-color: #fff; border-radius: 10px; border: 1px solid #b6b5b5; }

.case .noticeList dt { clear: left; float: left; }

.case .noticeList dt:after { content: '：'; }

.case .noticeList dt.attention { float: none; }

.case .noticeList dt.attention + dd { margin-left: 0; }

.case .noticeList dt ~ dt { margin-top: 5px; }

.case .noticeList dd { margin-left: 5.3em; }

.case .noticeList dd ~ dd { margin-top: 5px; }

.case .list > li { position: relative; padding-left: 1.06em; }

.case .list > li:before { content: ''; display: block; position: absolute; top: 9px; left: 2px; width: 8px; height: 8px; border-radius: 4px; background-color: #7cbc00; }

@media all and (min-width: 600px) { .case { margin: 100px 0; }
  .case .inner { padding-top: 92px; padding-bottom: 121px; }
  .case section + section { margin-top: 52px; }
  .case .tit { margin-bottom: 30px; }
  .case .tit .small { display: inline-block; margin-bottom: 3px; font-size: 1.5rem; }
  .case .txt { font-size: 1.5rem; }
  .case .meta { margin: 20px 0 25px; }
  .case .metaItem + .metaItem { margin-top: 8px; }
  .case .meta .complaintTit { width: 50px; padding: 2px 8px 3px; font-size: 1.5rem; }
  .case .meta .complaintTxt { margin-left: 60px; }
  .case .imgs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 22px 0 50px; }
  .case .imgs .img.arw:after { bottom: 50%; right: -15px; left: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 33px; height: 69px; background: url(../img/common/arw_right04.png) no-repeat center/33px; }
  .case .imgs .img { width: 352px; }
  .case .imgs .img + .img { margin: 0; margin-left: 22px; }
  .case .imgList { margin: 25px 0 50px; }
  .case .imgList .imgs + .imgs { margin-top: 25px; }
  .case .notice { padding: 20px; border-radius: 25px; }
  .case .noticeList { padding: 20px; border-radius: 25px; }
  .case .noticeList dt { clear: left; float: left; }
  .case .noticeList dt:after { content: '：'; }
  .case .noticeList dt.attention { float: left; }
  .case .noticeList dt.attention + dd { margin-left: 14.84em; }
  .case .noticeList dd { margin-left: 5.3em; }
  .case .list { margin-top: 0; }
  .case .list > li:before { top: 10px; left: 3px; width: 10px; height: 10px; border-radius: 5px; }
  .case .list > li + li { margin-top: 2px; } }

/* 20210302~ #bnr
------------------------------------- */
#bnr .inner { margin: 0 -15px; }

#bnr .btnWrap { position: relative; padding: 25px 20px; }

#bnr .btnWrap:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 80%; background-color: #f7f7f7; z-index: -1; }

#bnr .btnWrap .btn { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }

@media all and (min-width: 600px) { #bnr .inner { margin: 0 auto; }
  #bnr .btnWrap { padding: 0; }
  #bnr .btnWrap:before { content: none; }
  #bnr .btnWrap .btn { max-width: 100%; } }