.title{font-size:125%;font-weight:700;text-align:center}
.text{margin-top:10px;font-size:150%;text-align:center}
.text sup{font-size:60%}
.text .red{font-weight:700;font-size:295%;color:#c00}
.text-mini{margin-top:-20px!important;text-align:center}
.threeColumn{display:flex;margin-top:40px;text-align:center}
.threeColumn .col{width:31%;padding:20px 30px 30px;border:1px solid #bfbfbf}
.threeColumn .col+.col{margin-left:3.5%}
.threeColumn .col .icon{height:70px}
.threeColumn .col .icon.icon01 img{margin-top:14px;width:72px;height:42px}
.threeColumn .col .icon.icon02 img{margin-top:4px;width:64px;height:58px}
.threeColumn .col .icon.icon03 img{width:57px;height:57px}
.threeColumn .col .button{margin-top:auto}
.threeColumn .col .textbox--text{display:flex;flex-direction:column;align-items:center;justify-content:center}
.threeColumn .col .textbox--txt{margin-top:5px;margin-bottom:15px;font-size:115%;font-weight:700}
.threeColumn .col .textbox--txt .redtext{font-size:175%;color:#c00}
.tbOnly{display:none}
.notTab{display:block}
/*250822 iplanet追記*/
.border-box-ecology{padding: 40px 20px 20px; border: 1px solid #b3b3b3;margin: 0 auto;}
.border-box-ecology .caption{margin-top: 10px; display: block;}
.redbold{font-size: 200%;color: #c00;font-weight: 700;}
@media print,screen and (max-width:767px){
.title{margin-top:15px;font-size:115%}
.text{font-size:115%}
.text .red{font-size:220%}
.note{margin-top:0!important}
.spnone{display:none}
.threeColumn{flex-direction:column;margin-top:20px}
.threeColumn .col{width:100%;padding:15px}
.threeColumn .col+.col{margin-top:15px;margin-left:auto}
.threeColumn .col .icon{height:50px}
.threeColumn .col .icon.icon01 img{margin-top:5px;width:60px;height:35px}
.threeColumn .col .icon.icon02 img{margin-top:0;width:48px;height:43px}
.threeColumn .col .icon.icon03 img{width:45px;height:45px}
.threeColumn .col .textbox--txt{font-size:110%}
.threeColumn .col .textbox--txt .redtext{font-size:165%}
/*250822 iplanet追記*/
.adjust-mg{margin-top:20px;}
}
@media print,screen and (min-width:768px){
.threeColumn .col .textbox--text{height:56px}
/*221003 iplanet追記分 2カラム時のマージン*/
.threeColumn .mr {margin-left:17.2%}
/*250822 iplanet追記*/
.adjust-mg{margin-left:10%;}
.border-box-ecology{width: 40%;}
}
@media screen and (min-width:768px) and (max-width:1001px){
.tbOnly{display:block}
.notTab{display:none}
}