@charset "utf-8";

.contents .specialPanel{
  padding-top: 24px;
}
.contents .specialPanel .specialPanel_share {
  text-align: right;
}
.contents .specialPanel .specialPanel_share a:hover {
  opacity: .7;
}
.contents .specialPanel h1 {
  padding-top: 15px;
}
.contents sup {
  vertical-align: super;
}

.contents .anclink {
  display: table;
  table-layout: fixed;
  width:100%;
  margin-top:30px;
  padding: 0;
}

.contents .anclink > li {
  display: table-cell;
  padding-top: 0;
}
.contents .anclink .over img {
  opacity: .7;
}
.anclink > li.anclink_2 {
  text-align: center;
}
.anclink > li.anclink_3 {
  text-align: right;
}

.contents .cf:before,
.contents .cf:after {
 content: " ";
 display: table;
}

.contents .cf:after {
 clear: both;
}
.contents .fl {
  float: left;
}
.contents .fr {
  float: right;
}
.contents .wd170 {
  width: 170px;
}
.contents .wd273 {
  width: 273px;
}
.contents .wd320 {
  width: 320px;
}
.contents .wd330 {
  width: 330px;
}
.contents .wd340 {
  width: 340px;
}
.contents .wd350 {
  width: 350px;
}
.contents .wd375 {
  width: 375px;
}
.contents .wd510 {
  width: 510px;
}

.contents .section-s {
  margin-top: 60px;
}

.contents .section-l {
  border-top: 1px solid #cecece;
  margin-top: 60px;
  padding-top: 50px;
 }

.contents .section-l.mt17 {
  margin-top: 17px;
}
 .contents .center {
   text-align: center;
 }

.contents .heading2 {
  text-align: center;
  margin-bottom: 20px;
}
.contents .heading3 {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  border-top: 2px solid #00a7ea;
  border-bottom: 2px solid #00a7ea;
  margin-bottom: 20px;
  padding: 8px 0 6px;
}
.contents .heading3 .txt {
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  right: 0;
  bottom: 2px;
}
.contents .heading3 .txt sup {
  vertical-align: top;
}
.contents .heading3 .logo {
  position: absolute;
  display: block;
  right: 0;
  top: 5px;
}
.contents .heading4 {
  font-size: 18px;
  font-weight: 700;
}
.contents .fz10 {
  font-size: 10px;
}
.contents .fz12 {
  font-size: 12px;
}
.contents .fz14 {
  font-size: 14px;
}
.contents .fz15 {
  font-size: 15px;
}
.contents .fz16 {
  font-size: 16px;
}
.contents .fz17 {
  font-size: 17px;
}
.contents .fz19 {
  font-size: 19px;
}
.contents .fz20 {
  font-size: 20px;
}
.contents .cap {
  font-size: 11px;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}


.contents .card_wrap > li{
  width: 150px;
  float: left;
  margin-left: 30px;
}
.contents .card_wrap > li:first-child {
  margin-left: 0;
}
.contents .card_head {
  margin-bottom: 15px;
}
.contents .card_head img {
  display: block;
  margin: auto;
}
.contents .card_title {
  text-align: center;
  font-size: 22px;
  line-height: 1.4;
  color: #17afec;
  font-weight: 700;
  border-top: 1px solid #17afec;
  border-bottom: 1px solid #17afec;
  padding: 5px;
}
.contents .card_subtitle {
  font-size: 16px;
  line-height: 1.4;
  color: #17afec;
}
.contents .card_txt {
  font-size: 12px;
  line-height: 1.5;
}
.contents .card.card-emg .card_title {
  color: #e61673;
  border-color:#e61673;
}

.contents .card.card-emg .card_subtitle {
  color: #e61673;
}

.contents .colbtn {
  margin-top: 15px;
}
.contents .colbtn_title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding-top: 0;
}
.contents .colbtn_title img {
  display: block;
  margin: auto;
}
.contents .colbtn > ul {
  width: 360px;
  margin: auto;
}
.contents .colbtn > ul.cf_lists {
  width: 528px;
}
.contents .colbtn > ul > li {
  padding: 0;
  width: 175px;
  float: right;
}
.contents .colbtn > ul.cf_lists > li {
  width: 256px;
}
.contents .colbtn > ul > li:first-child{
  float: left;
}
.contents a.pf-btn {
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  display: block;
  background-color: #4daa61;
  border-radius: 10px;
  padding: 8px 10px;
  box-sizing: border-box;
}
.contents .pf-btn-blue-wrap {
  width: 460px;
  margin: auto;
}
.contents .pf-btn.pf-btn-blue {
  background-color: #0081cc;
  padding: 15px;
}
.contents .pf-btn.pf-btn-blue > span {
  display: inline-block;
  padding-left: 25px;
}
.contents .pf-btn-red-wrap {
  width: 290px;
  margin: auto;
}
.contents .pf-btn.pf-btn-red {
  background-color: #e8465a;
  padding: 15px;
}
.contents .pf-btn.pf-btn-red > span {
}
.contents .pf-btn:hover {
  opacity: .7;
}
.contents .pf-btn > span {
  display: block;
  position: relative;
  background: url(../img/phasefree_icon_link.png) no-repeat left center;
  padding-left: 12px;
}
.contents .pf-btn-red span,
.contents .pf-btn-blue span {
  background: none;
}
.contents .pf-btn-red span::before,
.contents .pf-btn-blue span::before {
  content: '';
  display: block;
  position: absolute;
  top:50%;
  left: 0;
  margin-top: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 9px;
border-color: transparent transparent transparent #ffffff;
}

.contents .productlist {
  border: 5px solid #e5e5e5;
  padding: 20px 59px 30px;

}

.contents .productlist .colbtn > ul {
  width: 572px;
}
.contents .productlist .colbtn > ul > li {
  width: 275px;
}

.contents .fukidashi {
  text-align: center;
  position: relative;
  width: 571px;
  height: 176px;
}
.contents .fukidashi > img {
  display: block;
  position: absolute;
}
.contents .fukidashi > a {
  font-size: 14px;
  display: inline-block;
  position: absolute;
  color: #e61673;
  text-decoration: underline;
  font-weight: 700;
  bottom: 10px;
  left: 170px;
}
.contents .fukidashi > a:hover {
  text-decoration: none;
}
.contents dl.circle {
  margin-top: 35px;
}
.contents dl.circle > dt {
  position: relative;
  font-weight: 700;
  padding-left: 15px;
}
.contents dl.circle > dt:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 11px;
  height: 11px;
  background-color: #f28ab9;
  border-radius: 50%;
}
.contents dl.circle > dd.circle_link {
  margin-top: 10px;
}
.contents dl.circle > dd.circle_link .fl {
  padding-right: 5px;
}
.contents .circle.circle-blue > dt {
  font-weight: 700;
}
.contents .circle.circle-blue > dt:before {
  background-color: #78c9e4;
}
.contents .circle.circle-blue > dd {
  padding-left: 15px;
}
.contents .campaign {
  margin-top: 30px;
}
.contents .campaign_inner {
  position: relative;
  background-color: #f1ecdd;
}
.contents .campaing_head {
  position: relative;
  top: -3px;
  margin-left: 17px;
}
.contents .campaing_head img {
  display: block;
}

.contents .campaing_body {
  padding: 25px 50px 30px 30px;
}

.contents .notelist > li{
  text-indent: -1em;
  padding-left: 1em;
  padding-top: 3px;
}
.contents .notelist > li:first-child {
  padding-top: 0;
}

.contents .pointcol li {
  width: 46%;
  float: left;
}
.contents .pointcol li:nth-child(even) {
  float: right;
}
.contents .pointcol li:nth-child(3) {
  clear: left;
}
.contents .pointcol li dl dd {
  padding-left: 66px;
}

.contents .pfproduct {
  border: 1px solid #0081cc;
}
.contents .pfproduct_head {
  position: relative;
  color: #fff;
  padding: 1px 20px;
  min-height: 40px;
  font-size: 24px;
  background-color: #0081cc;
}
.contents .pfproduct_head img {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.contents .pfproduct_body {
  padding: 20px;
}
.contents .pfproduct_body > dl {
  display: table;
  width: 100%;
}
.contents .pfproduct_body > dl > dt,
.contents .pfproduct_body > dl > dd{
  display: table-cell;
  vertical-align: top;
}
.contents .pfproduct_body > dl > dt {
  width: 275px;
}
.contents .pfproduct_body > dl._type2 > dt {
  width: 200px;
}
.contents .pfproduct_body > dl._type3 > dt {
  width: 244px;
}

.contents .pfproduct_ttl {
  line-height: 1.3;
}
.contents .collr {
  display: table;
  width: 100%;
  max-width: 360px;
  margin: auto;
  table-layout: fixed;
}
.contents ._type2 .collr {
  max-width: none;
}
.contents .collr > li {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.contents .collr > li.blue {
  color: #00b9ef !important;
}
.contents .collr > li:nth-child(1) {
  color: #00b9ef;
  padding-right: 10px;
}
.contents .collr > li.pink {
  color: #ec7aa1 !important;
}
.contents .collr > li:nth-child(2) {
  color: #ec7aa1;
  padding-left: 10px;
}
.contents ._type2 .collr > li {
  white-space: nowrap;
}
.contents ._type2 .collr > li.normal {
  white-space: normal;
}
.contents ._type2 .collr > li:nth-child(1) {
  padding-right: 5px;
}
.contents ._type2 .collr > li:nth-child(2) {
  padding-right: 5px;
  padding-left: 0;
}

.contents ._type3 .collr {
  max-width: none;
}

.contents .collr > li dt {
  margin-bottom: 10px;
}
.contents .collr > li dt img {
  margin: auto;
  display: block;
}
.contents .collr > li dd {
  font-size: 12px;
  line-height: 1.4;
}
.contents .collr.collr3 > li {
  width: 125px;
  padding-left: 13px !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
.contents .collr.collr3 > li dl {
  margin-left: 5px;
}
.contents .collr.collr3 > li dt img {
  width: 100%;
}

.contents .pfproduct_start {
  color: #0081cc;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  background-color: #dfebf7;
  border-radius: 10px;
  margin-top: 30px;
  padding: 5px;
}
.contents .pfproduct_start > span {
  font-size: 16px;
}
.contents .num_warp {
  display: block;
  position: relative;
}
.contents .num_warp .num {
  display: block;
  position: absolute;
  left: 20px;
  top: 14px;
}
/* .contents .js-accordion .accordion_head{
} */
.contents .accordion_head {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  min-height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #0081cc;
  border-radius: 10px;
  position: relative;
}
.contents .accordion_head .mark {
  display: block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 14px;
}
.contents .accordion_head span img {
  vertical-align: middle;
}
.contents .accordion_head .mark::before {
  content: '';
  position: absolute;
  display: block;
  width: 14px;
  height: 3px;
  background-color: #0081cc;
  top:15px;
  left: 50%;
  margin-left: -7px;
}
.contents .accordion_head .mark::after {
  content: '';
  position: absolute;
  display: block;
  width: 3px;
  height: 14px;
  background-color: #0081cc;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -1px;
}
.contents .accordion.is-open {
  background-color: #ebf5fb;
}

.contents .accordion_body {
  display: none;
  padding: 30px 40px;
}
.contents .accordion_body .accordion_body_inr {
   background-color: #fff;
   padding: 40px;
   border-radius: 10px;
}
.contents .accordion.is-open .accordion_body {
  display: block;
}

.contents .accordion.is-open .accordion_head .mark::after {
  display: none;
}

.contents .enc {
  text-align: center;
  display: inline-block;
  min-width: 116px;
  font-size: 13px;
  color: #0081cc;
  border: 1px solid #0081cc;
  padding: 0 5px;
}
.contents .nowrap {
  display: inline-block;
  white-space: nowrap;
}
.contents .bdt {
  border-top: 1px solid #cecece;
  margin-top: 30px;
  padding-top: 30px;
}
.contents .notes {
  margin-top: -5px;
}
.contents .notes li {
  text-indent: -1em;
  padding-left: 1em;
  padding-top: 5px;
}
.contents .hov:hover,
.contents .hov:hover img {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
}
.contents .vm {
  vertical-align: middle !important;
}
.contents .pt0 {
  padding-top: 0 !important;
}
.contents .mt0 {
  margin-top: 0 !important;
}
.contents .mt10 {
  margin-top: 10px;
}
.contents .mt15 {
  margin-top: 15px;
}
.contents .mt20 {
  margin-top: 20px;
}
.contents .mt25 {
  margin-top: 25px;
}
.contents .mt30 {
  margin-top: 30px;
}
.contents .mt35 {
  margin-top: 35px;
}
.contents .mt40 {
  margin-top: 40px;
}
.contents .mt45 {
  margin-top: 45px;
}
.contents .mt70 {
  margin-top: 70px;
}
.contents .mt100 {
  margin-top: 100px;
}
.contents .ml15 {
  margin-left: 15px;
}
.contents .tac {
  text-align: center;
}
.contents .fcred {
  color: #e9455a;
}

.modal {
  display: none;
  position: absolute;
  z-index: 100;
}
.modal_closebtn {
  text-align: right;
}
.modal_closebtn span {
  display: inline-block;
  vertical-align: bottom;
}
.modal_closebtn span:hover {
  cursor: pointer;
}
.modal_closebtn span:hover img {
  opacity: .7;
}
.modal_closebtn img {
  display: block;
  margin-left: auto;
}
.modal_inr {
  border: 5px solid #0081cd;
}
.modal_inr img {
  display: block;
}
.modalbg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  /* opacity: 90%;
  -ms-filter: "alpha(opacity=90)"; */
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.9);
  z-index: 99;
}