@charset "UTF-8";
/*　*/
#pecs-wrapper *{font-family: sans-serif;font-size: 100%;line-height: 1; margin:0; padding:0;}
#pecs-wrapper{ width:100%; max-width:967px; margin:0 auto;}
div#pecs_mainNavigation{font-size: 75%;}
div#pecs_mainNavigation p{ line-height: 1.4;}
div#pecs_mainNavigation .companyName {
    background-image: url(../img/pecs_h1_bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0;
    padding: 10px;
    font-size: 117%;
    font-weight: bold;
}
.pecs_skipLink {
    position: absolute;
    left: -9999em;
    top: 0;
}
/* footer */
div#pecs_footer { position: relative; margin: 14px auto 0; padding-bottom: 14px;font-size: 75%; color: #222;}
div#pecs_footer:before,div#pecs_footer:after{
	content: "";
    display: table;
}
#pecs_footer:after{clear:both;}
div#pecs_footer p { margin: 0;line-height: 1.4;}
div#pecs_footer address {clear: both;margin: 0;padding: 0;vertical-align: baseline;border: 0;background: transparent;}
div#pecs_footer address p { float: left;font-style: normal;margin: 0;}
/*  */
div#wrapper {
    width:100%; max-width:967px;
    font-family: 'メイリオ', sans-serif;
    margin: 0 auto;
    line-height:120%;
}

@media only screen and (max-width: 640px) {
}

#pecs-wrapper h1 {
	font-size:180%; line-height:120%;
	padding:0 0 32px;
}

#pecs-wrapper h2 {
	font-size:160%; line-height:120%;
	padding:12px 0 24px;
}

#pecs-wrapper h3 {
	font-size:120%; line-height:120%;
	padding:12px 0 24px;
}
div#wrapper p{line-height:120%;padding:0 0 16px;}

/*---------
●202212_pecsCont
----------*/
/*---------
00.common/default
----------*/
#pecs-wrapper .pecsCont {
  color: #333;
}
#pecs-wrapper .pecsCont * {
/*  font-family: "Noto Sans CJK JP" , "Source Han Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", sans-serif;*/
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  padding: 0;
}
#pecs-wrapper .pecsCont a {
  color: #333;
  text-decoration: underline;
}
#pecs-wrapper .pecsCont a.linkBlue {
  color: #0041C1;
}
#pecs-wrapper .pecsCont a:hover {
  text-decoration: none;
}
#pecs-wrapper .pecsCont a.linkBlank[target="_blank"]:after {
  background: url(/pecs/blog/insurance/icn_note_01.png) no-repeat 0 0;
  content: '';
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  vertical-align: top;
  width: 10px;
}
#pecs-wrapper .pecsCont li {
  list-style-type: none;
}
#pecs-wrapper .pecsCont .txtCenter {
  text-align: center;
}
#pecs-wrapper .pecsCont .contReview_No p {
  font-size: 13px;
  text-align: right;
}
/*ttlBorder*/
#pecs-wrapper .pecsCont .ttlBorder {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .ttlBorder:before,
#pecs-wrapper .pecsCont .ttlBorder:after {
  background-color: #cad7ea;
  content: "";
  height: 2px;
  flex-grow: 1;
}
#pecs-wrapper .pecsCont .ttlBorder:before {
  margin-right: 1rem;
}
#pecs-wrapper .pecsCont .ttlBorder:after {
  margin-left: 1rem;
}

/*---------
01.pecscontBackhd
----------*/
#pecs-wrapper .pecsCont .pecscontBackhd {
  margin: 20px 0 0 10px;
}
#pecs-wrapper .pecsCont .pecscontBackhd a {
  font-size: 13px;
  padding-left: 15px;
  position: relative;
}
#pecs-wrapper .pecsCont .pecscontBackhd a:after {
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  content: "";
  height: 8px;
  left: 0;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  transform: rotate(-135deg);
  width: 8px;
}

/*---------
02.pecscontTtl(h1)
----------*/
#pecs-wrapper .pecsCont .pecscontTtl {
  margin-bottom: 60px;
  text-align: center;
}
#pecs-wrapper .pecsCont .pecscontTtl h1 {
  font-size: 30px;
  padding: 30px 0;
  position: relative;
}
#pecs-wrapper .pecsCont .pecscontTtl h1:before {
  background-color: #5CB4FF;
  bottom: 0;
  content: '';
  display: inline-block;
  height: 5px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 75px;
}

/*---------
03.pecscontWrap
----------*/
#pecs-wrapper .pecsCont .pecscontWrap {
  margin: 0 auto;
  width: 800px;
}

/*---------
04.contTtl(h2)
----------*/
#pecs-wrapper .pecsCont .contTtl {
  margin-bottom: 30px;
}
#pecs-wrapper .pecsCont .contTtl h2 {
  border-bottom: 5px solid #ebf2fd;
  display: block;
  font-size: 24px;
  font-weight: bold;
  padding: 0 0 10px 20px;
  position: relative;
}
#pecs-wrapper .pecsCont .contTtl h2::after {
  background-color: #5CB4FF;
  bottom: -5px;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
  width: 60px;
}

/*---------
05.contTxt
----------*/
#pecs-wrapper .pecsCont .contTxt {
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .contTxt p {
  letter-spacing: 0.05em;
}
#pecs-wrapper .pecsCont .contTxt p.txtLarge {
  font-size: 20px;
  font-weight: bold;
}
#pecs-wrapper .pecsCont .contTxt p.txtBorderbtm {
  border-bottom: 1px solid #CCC;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
#pecs-wrapper .pecsCont .contTxt .txtLstyle li {
  letter-spacing: 0.05em;
  padding-left: 1em;
  text-indent: -1em;
}
#pecs-wrapper .pecsCont .contTxt .txtLstyle li:not(:last-child) {
  margin-bottom: 3px;
}
#pecs-wrapper .pecsCont .contTxt .txtLstyle + p {
  margin-top: 20px;
}
#pecs-wrapper .pecsCont .contTxt p:not(:last-child) {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contTxt p span,
#pecs-wrapper .pecsCont .contTxt li span {
  color: #CC1D1D;
  font-size: 20px;
  font-weight: bold;
}
#pecs-wrapper .pecsCont .contTxt .conttxtTtl {
  color: #2481D1;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

/*---------
06.contPoint
----------*/
#pecs-wrapper .pecsCont .contPoint {
  background: #ebf2fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  min-height: 150px;
}
#pecs-wrapper .pecsCont .contPoint.pointAdviser {
  background: #fef4f5;
}
#pecs-wrapper .pecsCont .contPoint .contpointWrap {
  padding: 20px;
  position: relative;
}
#pecs-wrapper .pecsCont .contPoint p {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 0 90px;
}
#pecs-wrapper .pecsCont .contPoint p:not(:last-child) {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contPoint .contpointWrap:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
}
#pecs-wrapper .pecsCont .contPoint .pointIcn04 p {
  padding: 0 0 0 110px;
}
#pecs-wrapper .pecsCont .pointIcn01:before {
  background: url(/pecs/blog/insurance/img_adviser_01.png) no-repeat 0 0;
  background-size: 75px auto;
  width: 75px;
  height: 101px;
}
#pecs-wrapper .pecsCont .pointIcn02:before {
  background: url(/pecs/blog/insurance/img_man_01.png) no-repeat 0 0;
  background-size: 75px auto;
  width: 75px;
  height: 110px;
}
#pecs-wrapper .pecsCont .pointIcn03:before {
  background: url(/pecs/blog/insurance/img_woman_01.png) no-repeat 0 0;
  background-size: 65px auto;
  width: 65px;
  height: 108px;
}
#pecs-wrapper .pecsCont .pointIcn04:before {
  background: url(/pecs/blog/insurance/img_adviser_03.png) no-repeat 0 0;
  background-size: 108px auto;
  width: 108px;
  height: 115px;
}

/*---------
07.contBtn
----------*/
#pecs-wrapper .pecsCont .contBtn {
  margin-bottom: 60px;
  text-align: center;
}
#pecs-wrapper .pecsCont .contBtn dl dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contBtn ul {
  display: flex;
  gap: 0 25px;
}
#pecs-wrapper .pecsCont .contBtn ul li {
  background: linear-gradient(#0074c1, #0066b9);
  box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 20%);
  border-radius: 8px;
  display: flex;
  height: 120px;
  position: relative;
  width: 250px;
}
#pecs-wrapper .pecsCont .contBtn ul li:after{
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  height: 10px;
  margin-top: -5px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: rotate(45deg);
  width: 10px;
}
#pecs-wrapper .pecsCont .contBtn ul li a {
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
#pecs-wrapper .pecsCont .contBtn ul li:hover {
  opacity: 0.8;
  transition: all 0.3s;
}

/*---------
08.contSubttl(h3)
----------*/
#pecs-wrapper .pecsCont .contSubttl {
  margin-bottom: 30px;
}
#pecs-wrapper .pecsCont .contSubttl h3 {
  background-color: #E3F6FF;
  border-left: 10px solid #5CB4FF;
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  padding: 20px 20px 18px 20px;
  position: relative;
}

/*---------
09.contImg/contimgInr
----------*/
#pecs-wrapper .pecsCont .contImg {
  margin-bottom: 40px;
  text-align: center;
}
#pecs-wrapper .pecsCont .contImg img {
  max-width: 100%;
}
#pecs-wrapper .pecsCont .contimgInr {
  margin-bottom: 0;
  text-align: center;
}
#pecs-wrapper .pecsCont .contimgInr img {
  max-width: 100%;
}
#pecs-wrapper .pecsCont .contImg .contimgTtl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

/*---------
10.contBubble
----------*/
#pecs-wrapper .pecsCont .contBubble {
  margin-bottom: 40px;
  min-height: 130px;
}
/*複数*/
#pecs-wrapper .pecsCont .contBubble_wrap {
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .contBubble_wrap .contBubble {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contBubble_wrap .contBubble:last-child {
  margin-bottom: 0;
}
#pecs-wrapper .pecsCont .contBubble .bubbleWrap {
  background: #FFF;
  border: 2px solid #cad7ea;
  border-radius: 20px;
  padding: 20px 40px;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}
#pecs-wrapper .pecsCont .contBubble .bubbleWrap::before {
  background: #FFF;
  border: 2px solid #cad7ea;
  border-bottom: 0;
  border-right: 0;
  bottom: 30%;
  content: "";
  height: 10px;
  left: -7px;
  position: absolute;
  right: auto;
  transform: rotate(-45deg) skew(10deg,10deg);
  width: 10px;
}
#pecs-wrapper .pecsCont .bubbleAdviser .bubbleWrap::before {
  border: 2px solid #cad7ea;
  border-left: 0;
  border-top: 0;
  left: auto;
  right: -7px;
}
#pecs-wrapper .pecsCont .bubbleAdviser {
  background: #FFF url(/pecs/blog/insurance/img_adviser_01.png) no-repeat right bottom;
  background-size: 80px auto;
  padding-right: 120px;
}
#pecs-wrapper .pecsCont .bubbleAdviser02 {
  background: #FFF url(/pecs/blog/insurance/img_adviser_02.png) no-repeat right bottom;
  background-size: 69px auto;
  padding-right: 100px;
}
#pecs-wrapper .pecsCont .bubbleMan {
  background: #FFF url(/pecs/blog/insurance/img_man_01.png) no-repeat left bottom;
  background-size: 80px auto;
  padding-left: 120px;
}
#pecs-wrapper .pecsCont#smartcare_parents .bubbleMan {
  background: #FFF url(/pecs/blog/insurance/img_man_01.png) no-repeat left bottom;
  background-size: 65px auto;
  padding-left: 100px;
}
#pecs-wrapper .pecsCont .bubbleMan02 {
  background: #FFF url(/pecs/blog/insurance/img_man_02.png) no-repeat left bottom;
  background-size: 80px auto;
  padding-left: 120px;
}
#pecs-wrapper .pecsCont .bubbleWoman {
  background: #FFF url(/pecs/blog/insurance/img_woman_01.png) no-repeat left bottom;
  background-size: 70px auto;
  padding-left: 120px;
}
#pecs-wrapper .pecsCont .bubbleWoman03 {
  background: #FFF url(/pecs/blog/insurance/img_woman_03.png) no-repeat left bottom;
  background-size: 80px auto;
  padding-left: 120px;
}
#pecs-wrapper .pecsCont .contBubble .bubbleWrap p {
  font-size: 16px;
  letter-spacing: 0.05em;
}
#pecs-wrapper .pecsCont .contBubble .bubbleWrap p:not(:last-child) {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contBubble .bubbleWrap p span {
  color: #CC1D1D;
  font-size: 20px;
  font-weight: bold;
}
#pecs-wrapper .pecsCont .bubbleRight {
  background-position: right bottom;
  padding: 0 120px 0 0;
}
#pecs-wrapper .pecsCont .bubbleRight .bubbleWrap::before {
  border: 2px solid #cad7ea;
  border-left: 0;
  border-top: 0;
  left: auto;
  right: -7px;
}

/*---------
11.contLink
----------*/
#pecs-wrapper .pecsCont .contLink {
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .contLink ul {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contLink ul li:not(:last-child) {
  margin-bottom: 10px;
}
#pecs-wrapper .pecsCont .contLink ul li a {
  color: #CC1D1D;
  font-size: 18px;
  font-weight: bold;
}

/*---------
12.contNote
----------*/
#pecs-wrapper .pecsCont .contNote {
  margin-top: 10px;
  text-align: left;
}
#pecs-wrapper .pecsCont .contNote.txtRight {
  text-align: right;
}
#pecs-wrapper .pecsCont .contNote li {
  font-size: 13px;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
}
#pecs-wrapper .pecsCont .contNote li:not(:last-child) {
  margin-bottom: 5px;
}
#pecs-wrapper .pecsCont .contNote li a {
  color: #333;
  font-size: 12px;
  line-height: 1.5;
}

/*---------
13.contBgwrap
----------*/
#pecs-wrapper .pecsCont .contBgwrap {
  background: #fdfae1;
  margin-bottom: 40px;
  padding: 40px;
}
#pecs-wrapper .pecsCont .contBgwrap .contbgTtl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}
#pecs-wrapper .pecsCont .contBgwrap .contbgTxt {
  letter-spacing: 0.05em;
}
#pecs-wrapper .pecsCont .contBgwrap .contbgTxt p:not(:last-child) {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contBgwrap .contbgTxt + .contimgInr {
  margin-top: 20px;
}
#pecs-wrapper .pecsCont .contBgwrap .contimgInr + .contbgPoint,
#pecs-wrapper .pecsCont .contBgwrap .contimgInr + .contimgInr {
  margin-top: 20px;
}
#pecs-wrapper .pecsCont .contBgwrap .contbgPoint {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#pecs-wrapper .pecsCont .contBgwrap .contbgPoint .pointLink {
  color: #CC1D1D;
  font-size: 24px;
  font-weight: bold;
}
#pecs-wrapper .pecsCont .contBgwrap .contbgPoint span {
  color: #CC1D1D;
  font-size: 24px;
}
@media screen and (max-device-width: 599px) {
  #pecs-wrapper .pecsCont .contBgwrap .contbgPoint span {
    font-size: 150%;
  }
}

/*---------
14.contAdress
----------*/
#pecs-wrapper .pecsCont .contAdress {
  margin-bottom: 60px;
}
#pecs-wrapper .pecsCont .contAdress dl {
  background: #F7F7F7;
  padding: 20px;
}
#pecs-wrapper .pecsCont .contAdress dl:not(:last-child) {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contAdress dt {
  font-weight: bold;
  margin-bottom: 5px;
}
#pecs-wrapper .pecsCont .contAdress dd {
}

/*---------
15.contRelation
----------*/
#pecs-wrapper .pecsCont .contRelation {
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .contRelation li:not(:last-child) {
  margin-bottom: 10px;
}
#pecs-wrapper .pecsCont .contRelation li:before {
  content: "・";
}

/*---------
16.contAction
----------*/
#pecs-wrapper .pecsCont .contAction {
  margin-bottom: 60px;
}
#pecs-wrapper .pecsCont .contAction .actionRed {
  margin-bottom: 30px;
}
#pecs-wrapper .pecsCont .contAction .actionRed dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
#pecs-wrapper .pecsCont .contAction .actionRed dd a {
  background: linear-gradient(#E0623F, #d54100);
  box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 20%);
  border-radius: 8px;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 120px;
  line-height: 120px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 400px;
}
#pecs-wrapper .pecsCont .contAction .actionRed dd a:hover {
  opacity: 0.8;
  transition: all 0.3s;
}
#pecs-wrapper .pecsCont .contAction .actionBlue {
  display: flex;
  gap: 0 25px;
}
#pecs-wrapper .pecsCont .contAction .actionBlue li {
  background: linear-gradient(#0074c1, #0066b9);
  box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 20%);
  border-radius: 8px;
  display: flex;
  flex: 1;
  height: 100px;
  position: relative;
  text-align: center;
}
#pecs-wrapper .pecsCont .contAction .actionBlue li:hover {
  opacity: 0.8;
  transition: all 0.3s;
}
#pecs-wrapper .pecsCont .contAction .actionBlue li a {
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
#pecs-wrapper .pecsCont .contAction a:after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  height: 10px;
  margin-top: -5px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: rotate(45deg);
  width: 10px;
}
#pecs-wrapper .pecsCont .contAction li.btnAddtxt01:after {
  content: "(別途ログインが必要な場合があります)";
  font-size: 11px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -25px;
}

/*---------
17.contBackbtn
----------*/
#pecs-wrapper .pecsCont .contBackbtn {
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .contBackbtn a {
  background: #AFEEEE;
  border-radius: 8px;
  color: #477ec1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  line-height: 1.4;
  margin: 0 auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 400px;
}
#pecs-wrapper .pecsCont .contBackbtn a:hover {
  opacity: 0.8;
  transition: all 0.3s;
}
#pecs-wrapper .pecsCont .contBackbtn a:after {
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  content: "";
  height: 10px;
  left: 40px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  transform: rotate(-135deg);
  width: 10px;
}

/*---------
18.contBackbtnb
----------*/
#pecs-wrapper .pecsCont .contBackbtnb {
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .contBackbtnb a {
  background: #ffc4b4;
  border-radius: 8px;
  color: #888;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  line-height: 1.4;
  margin: 0 auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 400px;
}
#pecs-wrapper .pecsCont .contBackbtnb a:hover {
  opacity: 0.8;
  transition: all 0.3s;
}
#pecs-wrapper .pecsCont .contBackbtnb a:after {
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  content: "";
  height: 10px;
  left: 40px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  transform: rotate(-135deg);
  width: 10px;
}

/*---------
19.contAction_add
----------*/
#pecs-wrapper .pecsCont .contAction .actionRed dd a.blueBtn {
  background: linear-gradient(#0074c1, #0066b9);
}
#pecs-wrapper .pecsCont .contTtl span.underLine {
  background: linear-gradient(transparent 60%, #ffeb00 40%);
  font-size: 24px;
}
#pecs-wrapper .pecsCont.gseimei-nice .contAction .actionRed dd a,
#pecs-wrapper .pecsCont.cancer-money .contAction .actionRed dd a,
#pecs-wrapper .pecsCont.smartcare-2024main .contAction .actionRed dd a {
  height: 100px;
  line-height: 100px;
}

/*---------
20.contStep
----------*/
#pecs-wrapper .pecsCont .contStep .stepTtl p {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px;
}
#pecs-wrapper .pecsCont .contStep .stepCont {
  margin-bottom: 75px;
  position: relative;
}
#pecs-wrapper .pecsCont .contStep .stepCont:not(:last-child):before {
  border: none;
  border-top: 25px solid #5CB4FF;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  bottom: -45px;
  content: ' ';
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}
#pecs-wrapper .pecsCont .contStep .stepHead {
  background: #5CB4FF;
  font-weight: bold;
  margin-bottom: 30px;
}
#pecs-wrapper .pecsCont .contStep .stepHead dl {
  display: flex;
  align-items: center;
}
#pecs-wrapper .pecsCont .contStep .stepHead dt {
  color: #FFF;
  font-size: 18px;
  padding: 10px 0;
  text-align: center;
  width: 150px;
}
#pecs-wrapper .pecsCont .contStep .stepHead dd {
  background: #ebf2fd;
  font-size: 20px;
  flex: 1;
  padding: 10px 20px;
}
#pecs-wrapper .pecsCont .contStep .stepInr {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contStep .stepInr .stepImg {
  text-align: center;
}
#pecs-wrapper .pecsCont .contStep .stepInr .stepImg:not(:last-child) {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contStep .stepInr .stepTxt {
  margin: 0 auto 20px auto;
  width: 80%;
}
#pecs-wrapper .pecsCont .contStep .stepInr .stepTxt * {
  font-size: 18px;
  font-weight: bold;
}
#pecs-wrapper .pecsCont .contStep .stepInr .stepTxt p:not(:last-child) {
  margin-bottom: 20px;
}
#pecs-wrapper .pecsCont .contStep .stepInr .stepTxt p span {
  color: #CC1D1D;
}

/*---------
21.contents_parts
----------*/
/*01_mirai-simulatin
----------------------*/
#pecs-wrapper .mirai-simulatin .contTtl h2 {
  font-size: 23px;
  padding: 0 0 10px 10px;
}
#pecs-wrapper .mirai-simulatin .point_mirai-simulatin:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/bb7_1.png) no-repeat 0 0;
  background-size: 90px 172px;
  height: 172px;
  width: 90px;
}
#pecs-wrapper .mirai-simulatin .contPoint .point_mirai-simulatin:before {
  left: 70px;
}
#pecs-wrapper .mirai-simulatin .contPoint .point_mirai-simulatin p {
  line-height: 1.6;
  padding: 0 0 0 160px;
}
#pecs-wrapper .mirai-simulatin .contPoint .point_mirai-simulatin p.pointTtl,
#pecs-wrapper .mirai-simulatin .contPoint .point_mirai-simulatin p.pointTtl * {
  font-size: 24px;
}
#pecs-wrapper .mirai-simulatin .contPoint .point_mirai-simulatin p.pointTtl span {
  color: #CC1D1D;
}

/*.img_mirai-simulatin_01*/
#pecs-wrapper .mirai-simulatin .img_mirai-simulatin_01 {
  padding: 0 160px;
  position: relative;
}
#pecs-wrapper .mirai-simulatin .img_mirai-simulatin_01:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/bike.png) no-repeat 0 0;
  background-size: 150px auto;
  bottom: 0;
  content: "";
  display: block;
  height: 188px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 150px;
}
#pecs-wrapper .mirai-simulatin .img_mirai-simulatin_01:after {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/iland.png) no-repeat 0 0;
  background-size: 150px auto;
  bottom: 0;
  content: "";
  display: block;
  height: 188px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 150px;
}
/*.img_mirai-simulatin_02*/
#pecs-wrapper .mirai-simulatin .img_mirai-simulatin_02 {
  height: 100px;
  position: relative;
}
#pecs-wrapper .mirai-simulatin .img_mirai-simulatin_02:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/bb7_2.png) no-repeat 0 0;
  background-size: 117px auto;
  bottom: 15px;
  content: "";
  display: block;
  height: 176px;
  margin: auto;
  position: absolute;
  right: 0;
  width: 117px;
}

/*02_gseimei-nice
----------------------*/
#pecs-wrapper .gseimei-nice .img_gseimei-nice_01 h2 {
  padding-left: 120px;
  position: relative;
}
#pecs-wrapper .gseimei-nice .img_gseimei-nice_01 h2:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/kyoko1.png) no-repeat 0 0;
  background-size: 100px auto;
  bottom: 10px;
  content: "";
  display: block;
  height: 126px;
  left: 0;
  position: absolute;
  width: 100px;
}
#pecs-wrapper .gseimei-nice .img_gseimei-nice_01 .contttlSub {
  color: #0049B4;
  padding: 0 20px;
  position: relative;
}
#pecs-wrapper .gseimei-nice .img_gseimei-nice_01 .contttlSub:before {
  bottom: -2px;
  content: "/";
  font-size: 15px;
  font-weight: normal;
  left: 0;
  position: absolute;
  transform: scale(-1, 1);
}
#pecs-wrapper .gseimei-nice .img_gseimei-nice_01 .contttlSub:after {
  bottom: -2px;
  content: "/";
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  right: 0;
}
#pecs-wrapper .gseimei-nice .contOsusume {
  margin-bottom: 20px;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 20px;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox {
  padding: 10px;
  text-align: center;
  width: 370px;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume01,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume02,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume05,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume06 {
  background: #009900;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume03,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume04,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume07,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume08 {
  background: #c55a11;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox a,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox p {
  color: #FFF;
  display: block;
  font-size: 18px;
  line-height: 1.4;
  padding-top: 150px;
  position: relative;
  text-decoration: none;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox a:before,
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox p:before {
  content: "";
  display: block;
  height: 134px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume01 a:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_01.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume02 a:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_02.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume03 a:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_03.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume04 a:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_04.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume05 a:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_05.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume06 p:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_06.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume07 p:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_07.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.osusume08 a:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_08.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox span {
  font-size: 28px;
  font-weight: bold;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox a:hover {
  box-shadow: 0 0 0 10px #00ccff;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.clickIcn {
  position: relative;
}
#pecs-wrapper .gseimei-nice .contOsusume .osusumeBox.clickIcn:after {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/loupe.png) no-repeat 0 0;
  background-size: 80px auto;
  content: "";
  display: block;
  height: 80px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}
#pecs-wrapper .gseimei-nice .contPoint.pointAdviser {
  background: #FFF;
}
#pecs-wrapper .gseimei-nice .contPoint .contpointWrap:before {
  left: -90px;
}
#pecs-wrapper .gseimei-nice .img_gseimei-nice_02:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/kyoko&fukidasi1.png) no-repeat 0 0;
  background-size: 180px auto;
  height: 217px;
  width: 180px;
}
#pecs-wrapper .gseimei-nice .contPoint p.txt_gseimei-nice_01 {
  color: #CC1D1D;
}
#pecs-wrapper .gseimei-nice .img_gseimei-nice_03 {
  position: relative;
}
#pecs-wrapper .gseimei-nice .img_gseimei-nice_03:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/bb9_2.png) no-repeat 0 0;
  background-size: 150px auto;
  bottom: 100px;
  content: "";
  display: block;
  height: 279px;
  margin: auto;
  position: absolute;
  right: 0;
  width: 150px;
}

/*03_gseimei-nice-detail
----------------------*/
#pecs-wrapper .gseimei-nice-detail .contttlSub {
  color: #0049B4;
  padding: 0 20px;
  position: relative;
}
#pecs-wrapper .gseimei-nice-detail .contttlSub:before {
  bottom: -2px;
  content: "/";
  font-size: 15px;
  font-weight: normal;
  left: 0;
  position: absolute;
  transform: scale(-1, 1);
}
#pecs-wrapper .gseimei-nice-detail .contttlSub:after {
  bottom: -2px;
  content: "/";
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  right: 0;
}

/*.contDetail*/
#pecs-wrapper .gseimei-nice-detail .contDetail {
  background: #ebf2fd;
  margin-bottom: 40px;
  padding: 30px 20px;
}
#pecs-wrapper .gseimei-nice-detail .osusumeTtl {
  margin-bottom: 40px;
}
#pecs-wrapper .gseimei-nice-detail .osusumeTtl h3 {
  border-left: 6px solid #5CB4FF;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  padding-left: 15px;
}
#pecs-wrapper .gseimei-nice-detail .osusumeTtl p {
  font-size: 14px;
  line-height: 1.6;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .detailBox:not(:last-child) {
  margin-bottom: 40px;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .detailWrap {
  display: flex;
  align-items: center;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .detailInfo {
  text-align: center;
  width: 350px;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .detailTxt {
  background: #FFF;
  flex: 1;
  min-height: 220px;
  padding: 20px;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .detailTxt p,
#pecs-wrapper .gseimei-nice-detail .contDetail .detailTxt a {
  font-size: 18px;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume01 .detailWrap,
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume02 .detailWrap,
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume05 .detailWrap,
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume06 .detailWrap {
  background: #009900;
  border: 4px solid #009900;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume03 .detailWrap,
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume04 .detailWrap,
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume07 .detailWrap,
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume08 .detailWrap {
  background: #c55a11;
  border: 4px solid #c55a11;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeInr {
  color: #FFF;
  display: block;
  font-size: 18px;
  line-height: 1.4;
  padding-top: 150px;
  position: relative;
  text-decoration: none;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeInr:before {
  content: "";
  display: block;
  height: 134px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume01 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_01.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume02 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_02.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume03 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_03.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume04 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_04.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume05 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_05.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume06 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_06.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume07 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_07.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail #osusume08 .osusumeInr:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/icn_osusume_08.png) no-repeat 0 0;
  background-size: 200px auto;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeBack {
  margin-top: 5px;
  text-align: right;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeBack a {
  display: inline-block;
  padding: 0 0 0 24px;
  position: relative;
  vertical-align: middle;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeBack a::before,
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeBack a::after {
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  vertical-align: middle;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeBack a::before {
  background: #888;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeBack a::after {
  border: 5px solid transparent;
  border-right: 8px solid #fff;
  box-sizing: border-box;
  height: 7px;
  left: 0;
  width: 7px;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeInr span {
  font-size: 28px;
  font-weight: bold;
}
#pecs-wrapper .gseimei-nice-detail .contDetail .osusumeInr em {
  font-size: 14px;
  font-style: normal;
}
/*.img_gseimei-nice-detail_01*/
#pecs-wrapper .gseimei-nice-detail .img_gseimei-nice-detail_01 {
  margin: 40px auto 60px auto;
  position: relative;
  width: 670px;
}
#pecs-wrapper .gseimei-nice-detail .img_gseimei-nice-detail_01 .contTxt {
  margin-bottom: 20px;
}
#pecs-wrapper .gseimei-nice-detail .img_gseimei-nice-detail_01:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/bb9_3.png) no-repeat 0 0;
  background-size: 85px auto;
  bottom: 0;
  content: "";
  display: block;
  height: 200px;
  left: 50px;
  margin: auto;
  position: absolute;
  width: 85px;
  z-index: 1;
}

/*04_cancer-money
----------------------*/
#pecs-wrapper .cancer-money .pecscontTtl span {
  display: inline-block;
  margin: 30px 0 -30px 0;
  padding: 0 20px;
  position:relative;
}
#pecs-wrapper .cancer-money .pecscontTtl span:before {
  bottom: 0;
  content: "/";
  font-size: 20px;
  font-weight: normal;
  left: 0;
  position: absolute;
  transform: scale(-1, 1);
}
#pecs-wrapper .cancer-money .pecscontTtl span:after {
  bottom: 0;
  content: "/";
  font-size: 20px;
  font-weight: normal;
  position: absolute;
  right: 0;
}
#pecs-wrapper .cancer-money .img_cancer-money_01 {
  padding-right: 100px;
  position: relative;
}
#pecs-wrapper .cancer-money .img_cancer-money_01:after {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/kyoko3.png) no-repeat 0 0;
  background-size: 79px auto;
  bottom: 0;
  content: "";
  display: block;
  height: 85px;
  position: absolute;
  right: 0;
  width: 79px;
}
#pecs-wrapper .cancer-money .bubble_cancer-money_01 {
  background: #FFF url(https://panasonic.co.jp/pecs/blog/insurance/bb14_1.png) no-repeat left bottom;
  background-size: 80px auto;
  min-height: 201px;
  padding-left: 120px;
}
#pecs-wrapper .cancer-money .bubble_cancer-money_02 {
  background: #FFF url(https://panasonic.co.jp/pecs/blog/insurance/kyoko5.png) no-repeat right bottom;
  background-size: 80px auto;
  min-height: 107px;
  padding-right: 100px;
}
#pecs-wrapper .cancer-money .bubble_cancer-money_03 {
  background: #FFF url(https://panasonic.co.jp/pecs/blog/insurance/kyoko3.png) no-repeat right bottom;
  background-size: 79px auto;
  min-height: 85px;
  padding-right: 100px;
}
#pecs-wrapper .cancer-money .bubble_cancer-money_04 {
  background: #FFF url(https://panasonic.co.jp/pecs/blog/insurance/bb14_2.png) no-repeat left bottom;
  background-size: 81px auto;
  min-height: 206px;
  padding-left: 120px;
}
#pecs-wrapper .cancer-money .img_cancer-money_02:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/kyoko4.png) no-repeat 0 0;
  background-size: 67px auto;
  height: 93px;
  left: 10px;
  width: 67px;
}
#pecs-wrapper .cancer-money .contAction {
  margin-top: 200px;
}
#pecs-wrapper .cancer-money .img_cancer-money_03 {
  position: relative;
}
#pecs-wrapper .cancer-money .img_cancer-money_03:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/bb14&fukidashi1.png) no-repeat 0 0;
  background-size: 700px auto;
  bottom: 100px;
  content: "";
  display: block;
  height: 324px;
  left: 0;
  margin: auto;
  position: absolute;
  width: 700px;
  z-index: -1;
}

/*05_smartcare-2024main
----------------------*/
#pecs-wrapper .smartcare-2024main .img_smartcare-2024main_01 {
  padding-right: 150px;
  position: relative;
}
#pecs-wrapper .smartcare-2024main .img_smartcare-2024main_01:after {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/family_1.png) no-repeat 0 0;
  background-size: 143px auto;
  bottom: 0;
  content: "";
  display: block;
  height: 99px;
  position: absolute;
  right: 0;
  width: 143px;
}
#pecs-wrapper .smartcare-2024main .contSubttl span {
  background: #ff0000;
  color: #FFF;
  margin-left: 10px;
  padding: 2px 5px;
}
#pecs-wrapper .smartcare-2024main .bubble_smartcare-2024main_01 {
  background: #FFF url(https://panasonic.co.jp/pecs/blog/insurance/bb7_3.png) no-repeat left bottom;
  background-size: 83px auto;
  margin-bottom: 80px;
  min-height: 168px;
  padding-left: 100px;
  position: relative;
}
#pecs-wrapper .smartcare-2024main .bubble_smartcare-2024main_01:before {
  border: none;
  border-top: 25px solid #5CB4FF;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  bottom: -45px;
  content: ' ';
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}
#pecs-wrapper .smartcare-2024main .bubble_smartcare-2024main_01 .bubbleWrap {
  background: #ebf2fd;
  border-radius: 30px;
  position: relative;
  margin: 2em 0 2em 40px;
  padding: 20px 5px 20px 20px; 
}
#pecs-wrapper .smartcare-2024main .bubble_smartcare-2024main_01 .bubbleWrap:before {
  background: #ebf2fd;
  border-radius: 50%;
  bottom: 30%;
  content: "";
  height: 12px;
  left: -38px;
  position: absolute;
  width: 13px;
}
#pecs-wrapper .smartcare-2024main .bubble_smartcare-2024main_01 .bubbleWrap:after {
  background: #ebf2fd;
  border-radius: 50%;
  bottom: 40%;
  content: "";
  height: 18px;
  left: -24px;
  position: absolute;
  width: 20px;
}
#pecs-wrapper .smartcare-2024main .img_smartcare-2024main_02 {
  position: relative;
}
#pecs-wrapper .smartcare-2024main .img_smartcare-2024main_02:before {
  background: url(https://panasonic.co.jp/pecs/blog/insurance/bb7_4.png) no-repeat 0 0;
  background-size: 115px auto;
  bottom: 100px;
  content: "";
  display: block;
  height: 186px;
  margin: auto;
  position: absolute;
  right: 40px;
  width: 115px;
}