@charset "utf-8";
pre{font-family: inherit;white-space: pre-wrap;}.plan-tit{display:flex;justify-content: space-between;top: 13px;position: relative;margin-right: 10px;} .productsListArea section .columnBox .productsItem .style-h4{position: relative;width: 50%;top: 0;margin: 0;left: -8px;text-align: center;display: flex;align-items: center;justify-content: center;}.plan-tit p{ white-space: nowrap; border: 1px solid #ED565C; color: #ED565C; font-size: 13px !important; padding: 3px 10px; text-align: center; line-height: 1.2; width: 50%; height:40px; } .plan-txt{ text-align: center; padding: 0 1.2em; } .plan-txt span{ color: #f00; font-weight: bold; letter-spacing: 1px; display: block; margin: 0 0 7px; } .plan-txt span i{ font-style: inherit; font-size: 150%; } .plan-txt p{ text-align: left; } .productsItem .btn_6{/*background: #DB6050 !important*/} .productsItem .btn_6::after{ content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; right: 2em; } .box_3 h3 { padding: 4px 0;} .productsListArea section .columnBox .productsItem{padding-bottom: 80px;}.productsListArea { padding-bottom: 0; } .productReadArea{margin-bottom:80px;} .productsListArea section[data-category="デジタルプラン"] .columnBox .productsItem .plan-tit p{border: 1px solid #447BBF; color: #447BBF; } .productsListArea section[data-category="特定小電力プラン"] .columnBox .productsItem .plan-tit p{ border: 1px solid #29afb6; color: #29afb6;}

.option-content {
  display: none;
}
.option-tit {
  background-color: #F2F2F2;
  padding: 12px 45px 10px 20px;
  margin: 10px 0 0;
  transition:transform 0.3s;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  color: #222;
}

.option-tit::after{
  position:absolute;
  top: 30%;
  right: 10px;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50px;
  content: '\f0da';
  font-family: 'Font Awesome 6 Free';
  font-weight: 700;
  color: #fff;
  background:#333;
  transform:rotate(90deg);
  transition:transform 0.3s;
  width: 20px;
  height: 20px;
  font-size: 15px;
  line-height: 1;
}
.option-tit.active::after{transform:rotate(-90deg);}

.option-content{background-color: #F2F2F2;padding: 0 15px 5px;}
.option-tit:hover {
  opacity:.8;
}
.option-content br{display:none;}
.option-content img{max-width: 56px;margin: 0 2px;}
.option-content small{display:block;text-indent:-1em;padding-left:1em;color: #666;line-height: 1.4;margin: 1em 0 0;}
.option-content small:before{content:'※';}
.product-list{display: flex;flex-wrap:wrap;}
.product-item{width: 31.5%;margin: 0 .9% 40px;}
.product-item h3{
    border-left: none;
    font-weight: bold;
    padding: 0;
    margin: 1em 0 .5em;
}.product-item h3 small{
    font-size: 78%;
}
.p-img{
    border-radius: 10px;
    border: 1px solid #ccc;
    padding-bottom: 30px;
}
.p-img p:first-child{
    border: 2px solid #666;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 10px 0;
    color: #666;
    font-weight: bold;
}
.p-img p.op-plus{background:#666;color:#fff;}
.p-img img{
    max-height: 200px;
    margin: 0 auto;
    display: block;
}
.p-plan{
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-size: 13px;
    margin: 0 0 5px 0;
}
section[data-category="IPプラン"] .p-plan{
    background: #E87D81;
}
.p-tag {margin:0;}
.p-tag span{
    border-radius: 5px;
    border: 1px solid #aaa;
    color: #666;
    padding: 0 10px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    margin: 0 0 5px 0;
}
.p-case{
    line-height: 1.5;
    min-height: 45px;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 12px;
}
.p-price{
    color: #333;
    margin: 1em 0 0;
}
.p-red{
    color: #D92C15;
    font-weight: bold;
    font-size: 18px;
    margin: -5px 0 6px;
}
.p-cta{display:flex;text-align: center;justify-content: space-between;}
.p-red strong{font-size:30px;position: relative;top: 2px;padding: 0 2px;}
.p-cta a:after{content:'›';font-size:20px;position:absolute;right: 8px;top:50%;transform:translateY(-50%);transition:.2s;}
.p-cta a{padding: 15px 10px;display:inline-block;text-decoration:none;position:relative;width: 48.5%;font-weight:bold;font-size:14px;line-height: 1;}
.p-cta a:first-child{border:1px solid #415BAB;}
.p-cta a:last-child{background:#FF7300;color:#fff;}
.p-cta a:last-child i{
    margin-right: 5px;
}
.p-cta a:hover{opacity:.8;}
.p-cta a:hover::after{right:5px;}


@media screen and (max-width: 767px) {
	.product-item{width:100%;}
}