@charset "utf-8";
/* CSS Document
@mixin pc {
  @media screen and (min-width: ($pc)) {
    @content;
  }
}

@mixin tab {
  @media screen and (max-width: ($tab)) {
    @content;
  }
}

@mixin sp {
  @media screen and (max-width: ($sp)) {
    @content;
  }
}
@media screen and (min-width:1019px) {
}
@media screen and (max-width:767px) {

}
// ブレイクポイント
$pc: 1020px;
$tab: 1019px;
$sp: 767px;
$futaba-col:#16902e;
*/

/* ----------------------------------------------
共通
----------------------------------------------- */
.device-box{
width: 100%;
margin-bottom: 80px !important;
}
.device-box dt{
font-weight: bold;
font-size: 1.2em;
margin-bottom: .8em;
text-indent: -1.1em;
padding-left: 1.1em;
}
.device-box dt:first-child{
padding-top: 1.5em !important;
border-top:1px #999 solid;
}
.device-box dt::before{
content:"■";
color:#16902e;
font-size: 1.1em;
}
.device-box dt span{
font-weight: normal;
color:#666;
font-size: 1em;
}
.device-box dd{
padding-bottom:1.5em !important;
border-bottom:1px #999 solid;
margin-bottom: 1.5em !important;
}
.device-box dd::after{
clear:both;
content:"";
display: block;
}
.device-content__inner p{
margin: 0 !important;
}

.image-example{
clear:both;
margin-top: 1em;
width: 100%;
background:#efefef;
padding:1em;
}
.image-example p{
margin:0 !important;
margin-bottom:.3em !important;
background:#efefef;
}


/* ----------------------------------------------
tabpc
----------------------------------------------- */
@media screen and (min-width:768px) {

.pc-none{display: none;}
.image-example figure{margin:0 !important;}
.device-box dd img{width: 220px;}

.device-content{
width: 100%;
max-width:660px;
display:flex;
justify-content: space-between;
}
.device-content figure{
width: 220px;
order:2;
margin-top:0 !important;
margin-right:0 !important;
}
.device-content__inner{
width:60%;
max-width:430px;
order:1;
}

.img-flex{
width: 100%;
display:flex;
flex-wrap:wrap;
align-items: flex-start;
}


}

/* ----------------------------------------------
sp
----------------------------------------------- */
@media screen and (max-width:767px) {

.device-box dd img{text-align: center;}
.image-example figure{width: 80%;margin:0 auto;text-align: center;}
.device-content{width: 100%;}

}