@charset "UTF-8";
/*------------------------------------------------------
 Break Point
------------------------------------------------------*/
/*------------------------------------------------------
 Color
------------------------------------------------------*/
/*------------------------------------------------------
 Animation
------------------------------------------------------*/
.p0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pv0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.ph0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.m0 {
  margin: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mv0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mh0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.p1 {
  padding: 1px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pv1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.ph1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.m1 {
  margin: 1px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mv1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mh1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.p2 {
  padding: 2px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pv2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.ph2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.m2 {
  margin: 2px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mv2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mh2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.p3 {
  padding: 3px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pv3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.ph3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.m3 {
  margin: 3px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mv3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mh3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.p4 {
  padding: 4px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pv4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.ph4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.m4 {
  margin: 4px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mv4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mh4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.m5 {
  margin: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.p6 {
  padding: 6px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pv6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.ph6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.m6 {
  margin: 6px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mv6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.mh6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.p7 {
  padding: 7px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pv7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.ph7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.m7 {
  margin: 7px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mv7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.mh7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.p8 {
  padding: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.m8 {
  margin: 8px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mv8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mh8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.p9 {
  padding: 9px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pv9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.ph9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.m9 {
  margin: 9px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mv9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.mh9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.ml-10 {
  margin-left: -10px !important;
}

.mr-10 {
  margin-right: -10px !important;
}

.p15 {
  padding: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.m15 {
  margin: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mt-15 {
  margin-top: -15px !important;
}

.ml-15 {
  margin-left: -15px !important;
}

.mr-15 {
  margin-right: -15px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.ml-20 {
  margin-left: -20px !important;
}

.mr-20 {
  margin-right: -20px !important;
}

.p25 {
  padding: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.m25 {
  margin: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.mt-25 {
  margin-top: -25px !important;
}

.ml-25 {
  margin-left: -25px !important;
}

.mr-25 {
  margin-right: -25px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.ml-30 {
  margin-left: -30px !important;
}

.mr-30 {
  margin-right: -30px !important;
}

.p35 {
  padding: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pv35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.ph35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.m35 {
  margin: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mv35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mh35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mt-35 {
  margin-top: -35px !important;
}

.ml-35 {
  margin-left: -35px !important;
}

.mr-35 {
  margin-right: -35px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.ml-40 {
  margin-left: -40px !important;
}

.mr-40 {
  margin-right: -40px !important;
}

.p45 {
  padding: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pv45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.ph45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.m45 {
  margin: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mv45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mh45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.mt-45 {
  margin-top: -45px !important;
}

.ml-45 {
  margin-left: -45px !important;
}

.mr-45 {
  margin-right: -45px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mt-50 {
  margin-top: -50px !important;
}

.ml-50 {
  margin-left: -50px !important;
}

.mr-50 {
  margin-right: -50px !important;
}

.p55 {
  padding: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pv55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.ph55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.m55 {
  margin: 55px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mv55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mh55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.mt-55 {
  margin-top: -55px !important;
}

.ml-55 {
  margin-left: -55px !important;
}

.mr-55 {
  margin-right: -55px !important;
}

.p60 {
  padding: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pv60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.ph60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.m60 {
  margin: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mv60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mh60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mt-60 {
  margin-top: -60px !important;
}

.ml-60 {
  margin-left: -60px !important;
}

.mr-60 {
  margin-right: -60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

.pt200 {
  padding-top: 200px !important;
}

.pb200 {
  padding-bottom: 200px !important;
}

.pt250 {
  padding-top: 250px !important;
}

.pb250 {
  padding-bottom: 250px !important;
}

.pt300 {
  padding-top: 300px !important;
}

.pb300 {
  padding-bottom: 300px !important;
}

.pt350 {
  padding-top: 350px !important;
}

.pb350 {
  padding-bottom: 350px !important;
}

.pt400 {
  padding-top: 400px !important;
}

.pb400 {
  padding-bottom: 400px !important;
}

.pt450 {
  padding-top: 450px !important;
}

.pb450 {
  padding-bottom: 450px !important;
}

.pt500 {
  padding-top: 500px !important;
}

.pb500 {
  padding-bottom: 500px !important;
}

@media screen and (max-width: 960px) {

  /*.pt30?100（5刻み）*/
  .pt30-sp{
    padding-top: 30px !important;
  }
  .pt35-sp{
    padding-top: 35px !important;
  }
  .pt40-sp{
    padding-top: 40px !important;
  }
  .pt45-sp{
    padding-top: 45px !important;
  }
  .pt50-sp{
    padding-top: 50px !important;
  }
  .pt55-sp{
    padding-top: 55px !important;
  }
  .pt60-sp{
    padding-top: 60px !important;
  }
  .pt65-sp{
    padding-top: 65px !important;
  }
  .pt70-sp{
    padding-top: 70px !important;
  }
  .pt75-sp{
    padding-top: 75px !important;
  }
  .pt80-sp{
    padding-top: 80px !important;
  }
  .pt85-sp{
    padding-top: 85px !important;
  }
  .pt90-sp{
    padding-top: 90px !important;
  }
  .pt95-sp{
    padding-top: 95px !important;
  }
  .pt100-sp{
    padding-top: 100px !important;
  }
  /*.pt150～500（50刻み）*/
  .pt150-sp{
    padding-top: 150px !important;
  }
  .pt200-sp{
    padding-top: 200px !important;
  }
  .pt250-sp{
    padding-top: 250px !important;
  }
  .pt300-sp{
    padding-top: 300px !important;
  }
  .pt350-sp{
    padding-top: 350px !important;
  }
  .pt400-sp{
    padding-top: 400px !important;
  }
  .pt450-sp{
    padding-top: 450px !important;
  }
  .pt500-sp{
    padding-top: 500px !important;
  }
  /*.pb30?100（5刻み）*/
  .pb30-sp{
    padding-bottom: 30px !important;
  }
  .pb35-sp{
    padding-bottom: 35px !important;
  }
  .pb40-sp{
    padding-bottom: 40px !important;
  }
  .pb45-sp{
    padding-bottom: 45px !important;
  }
  .pb50-sp{
    padding-bottom: 50px !important;
  }
  .pb55-sp{
    padding-bottom: 55px !important;
  }
  .pb60-sp{
    padding-bottom: 60px !important;
  }
  .pb65-sp{
    padding-bottom: 65px !important;
  }
  .pb70-sp{
    padding-bottom: 70px !important;
  }
  .pb75-sp{
    padding-bottom: 75px !important;
  }
  .pb80-sp{
    padding-bottom: 80px !important;
  }
  .pb85-sp{
    padding-bottom: 85px !important;
  }
  .pb90-sp{
    padding-bottom: 90px !important;
  }
  .pb95-sp{
    padding-bottom: 95px !important;
  }
  .pb100-sp{
    padding-bottom: 100px !important;
  }
  /*.pb150～500（50刻み）*/
  .pb150-sp{
    padding-bottom: 150px !important;
  }
  .pb200-sp{
    padding-bottom: 200px !important;
  }
  .pb250-sp{
    padding-bottom: 250px !important;
  }
  .pb300-sp{
    padding-bottom: 300px !important;
  }
  .pb350-sp{
    padding-bottom: 350px !important;
  }
  .pb400-sp{
    padding-bottom: 400px !important;
  }
  .pb450-sp{
    padding-bottom: 450px !important;
  }
  .pb500-sp{
    padding-bottom: 500px !important;
  }

  /*.mt25?100（5刻み）*/
  .mt25-sp{
    margin-top: 25px !important;
  }
  .mt30-sp{
    margin-top: 30px !important;
  }
  .mt35-sp{
    margin-top: 35px !important;
  }
  .mt40-sp{
    margin-top: 40px !important;
  }
  .mt45-sp{
    margin-top: 45px !important;
  }
  .mt50-sp{
    margin-top: 50px !important;
  }
  .mt55-sp{
    margin-top: 55px !important;
  }
  .mt60-sp{
    margin-top: 60px !important;
  }
  .mt65-sp{
    margin-top: 65px !important;
  }
  .mt70-sp{
    margin-top: 70px !important;
  }
  .mt75-sp{
    margin-top: 75px !important;
  }
  .mt80-sp{
    margin-top: 80px !important;
  }
  .mt85-sp{
    margin-top: 85px !important;
  }
  .mt90-sp{
    margin-top: 90px !important;
  }
  .mt95-sp{
    margin-top: 95px !important;
  }
  .mt100-sp{
    margin-top: 100px !important;
  }
  /*.mb30?100（5刻み）*/
  .mb30-sp{
    margin-bottom: 30px !important;
  }
  .mb35-sp{
    margin-bottom: 35px !important;
  }
  .mb40-sp{
    margin-bottom: 40px !important;
  }
  .mb45-sp{
    margin-bottom: 45px !important;
  }
  .mb50-sp{
    margin-bottom: 50px !important;
  }
  .mb55-sp{
    margin-bottom: 55px !important;
  }
  .mb60-sp{
    margin-bottom: 60px !important;
  }
  .mb65-sp{
    margin-bottom: 65px !important;
  }
  .mb70-sp{
    margin-bottom: 70px !important;
  }
  .mb75-sp{
    margin-bottom: 75px !important;
  }
  .mb80-sp{
    margin-bottom: 80px !important;
  }
  .mb85-sp{
    margin-bottom: 85px !important;
  }
  .mb90-sp{
    margin-bottom: 90px !important;
  }
  .mb95-sp{
    margin-bottom: 95px !important;
  }
  .mb100-sp{
    margin-bottom: 100px !important;
  }
}

.mb1em {
  margin-bottom: 1em;
}

.mhauto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.w10p {
  width: 10% !important;
}

.w15p {
  width: 15% !important;
}

.w10 {
  width: 10px !important;
}

.minw10 {
  min-width: 10px !important;
}

.maxw10 {
  max-width: 10px !important;
}

.h10 {
  height: 10px !important;
}

.minh10 {
  min-height: 10px !important;
}

.maxh10 {
  max-height: 10px !important;
}

.w110 {
  width: 110px !important;
}

.minw110 {
  min-width: 110px !important;
}

.maxw110 {
  max-width: 110px !important;
}

.h110 {
  height: 110px !important;
}

.minh110 {
  min-height: 110px !important;
}

.maxh110 {
  max-height: 110px !important;
}

.w210 {
  width: 210px !important;
}

.minw210 {
  min-width: 210px !important;
}

.maxw210 {
  max-width: 210px !important;
}

.h210 {
  height: 210px !important;
}

.minh210 {
  min-height: 210px !important;
}

.maxh210 {
  max-height: 210px !important;
}

.w310 {
  width: 310px !important;
}

.minw310 {
  min-width: 310px !important;
}

.maxw310 {
  max-width: 310px !important;
}

.h310 {
  height: 310px !important;
}

.minh310 {
  min-height: 310px !important;
}

.maxh310 {
  max-height: 310px !important;
}

.w410 {
  width: 410px !important;
}

.minw410 {
  min-width: 410px !important;
}

.maxw410 {
  max-width: 410px !important;
}

.h410 {
  height: 410px !important;
}

.minh410 {
  min-height: 410px !important;
}

.maxh410 {
  max-height: 410px !important;
}

.w510 {
  width: 510px !important;
}

.minw510 {
  min-width: 510px !important;
}

.maxw510 {
  max-width: 510px !important;
}

.h510 {
  height: 510px !important;
}

.minh510 {
  min-height: 510px !important;
}

.maxh510 {
  max-height: 510px !important;
}

.w610 {
  width: 610px !important;
}

.minw610 {
  min-width: 610px !important;
}

.maxw610 {
  max-width: 610px !important;
}

.h610 {
  height: 610px !important;
}

.minh610 {
  min-height: 610px !important;
}

.maxh610 {
  max-height: 610px !important;
}

.w710 {
  width: 710px !important;
}

.minw710 {
  min-width: 710px !important;
}

.maxw710 {
  max-width: 710px !important;
}

.h710 {
  height: 710px !important;
}

.minh710 {
  min-height: 710px !important;
}

.maxh710 {
  max-height: 710px !important;
}

.w810 {
  width: 810px !important;
}

.minw810 {
  min-width: 810px !important;
}

.maxw810 {
  max-width: 810px !important;
}

.h810 {
  height: 810px !important;
}

.minh810 {
  min-height: 810px !important;
}

.maxh810 {
  max-height: 810px !important;
}

.w910 {
  width: 910px !important;
}

.minw910 {
  min-width: 910px !important;
}

.maxw910 {
  max-width: 910px !important;
}

.h910 {
  height: 910px !important;
}

.minh910 {
  min-height: 910px !important;
}

.maxh910 {
  max-height: 910px !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w20 {
  width: 20px !important;
}

.minw20 {
  min-width: 20px !important;
}

.maxw20 {
  max-width: 20px !important;
}

.h20 {
  height: 20px !important;
}

.minh20 {
  min-height: 20px !important;
}

.maxh20 {
  max-height: 20px !important;
}

.w120 {
  width: 120px !important;
}

.minw120 {
  min-width: 120px !important;
}

.maxw120 {
  max-width: 120px !important;
}

.h120 {
  height: 120px !important;
}

.minh120 {
  min-height: 120px !important;
}

.maxh120 {
  max-height: 120px !important;
}

.w220 {
  width: 220px !important;
}

.minw220 {
  min-width: 220px !important;
}

.maxw220 {
  max-width: 220px !important;
}

.h220 {
  height: 220px !important;
}

.minh220 {
  min-height: 220px !important;
}

.maxh220 {
  max-height: 220px !important;
}

.w320 {
  width: 320px !important;
}

.minw320 {
  min-width: 320px !important;
}

.maxw320 {
  max-width: 320px !important;
}

.h320 {
  height: 320px !important;
}

.minh320 {
  min-height: 320px !important;
}

.maxh320 {
  max-height: 320px !important;
}

.w420 {
  width: 420px !important;
}

.minw420 {
  min-width: 420px !important;
}

.maxw420 {
  max-width: 420px !important;
}

.h420 {
  height: 420px !important;
}

.minh420 {
  min-height: 420px !important;
}

.maxh420 {
  max-height: 420px !important;
}

.w520 {
  width: 520px !important;
}

.minw520 {
  min-width: 520px !important;
}

.maxw520 {
  max-width: 520px !important;
}

.h520 {
  height: 520px !important;
}

.minh520 {
  min-height: 520px !important;
}

.maxh520 {
  max-height: 520px !important;
}

.w620 {
  width: 620px !important;
}

.minw620 {
  min-width: 620px !important;
}

.maxw620 {
  max-width: 620px !important;
}

.h620 {
  height: 620px !important;
}

.minh620 {
  min-height: 620px !important;
}

.maxh620 {
  max-height: 620px !important;
}

.w720 {
  width: 720px !important;
}

.minw720 {
  min-width: 720px !important;
}

.maxw720 {
  max-width: 720px !important;
}

.h720 {
  height: 720px !important;
}

.minh720 {
  min-height: 720px !important;
}

.maxh720 {
  max-height: 720px !important;
}

.w820 {
  width: 820px !important;
}

.minw820 {
  min-width: 820px !important;
}

.maxw820 {
  max-width: 820px !important;
}

.h820 {
  height: 820px !important;
}

.minh820 {
  min-height: 820px !important;
}

.maxh820 {
  max-height: 820px !important;
}

.w920 {
  width: 920px !important;
}

.minw920 {
  min-width: 920px !important;
}

.maxw920 {
  max-width: 920px !important;
}

.h920 {
  height: 920px !important;
}

.minh920 {
  min-height: 920px !important;
}

.maxh920 {
  max-height: 920px !important;
}

.w30p {
  width: 30% !important;
}

.w35p {
  width: 35% !important;
}

.w30 {
  width: 30px !important;
}

.minw30 {
  min-width: 30px !important;
}

.maxw30 {
  max-width: 30px !important;
}

.h30 {
  height: 30px !important;
}

.minh30 {
  min-height: 30px !important;
}

.maxh30 {
  max-height: 30px !important;
}

.w130 {
  width: 130px !important;
}

.minw130 {
  min-width: 130px !important;
}

.maxw130 {
  max-width: 130px !important;
}

.h130 {
  height: 130px !important;
}

.minh130 {
  min-height: 130px !important;
}

.maxh130 {
  max-height: 130px !important;
}

.w230 {
  width: 230px !important;
}

.minw230 {
  min-width: 230px !important;
}

.maxw230 {
  max-width: 230px !important;
}

.h230 {
  height: 230px !important;
}

.minh230 {
  min-height: 230px !important;
}

.maxh230 {
  max-height: 230px !important;
}

.w330 {
  width: 330px !important;
}

.minw330 {
  min-width: 330px !important;
}

.maxw330 {
  max-width: 330px !important;
}

.h330 {
  height: 330px !important;
}

.minh330 {
  min-height: 330px !important;
}

.maxh330 {
  max-height: 330px !important;
}

.w430 {
  width: 430px !important;
}

.minw430 {
  min-width: 430px !important;
}

.maxw430 {
  max-width: 430px !important;
}

.h430 {
  height: 430px !important;
}

.minh430 {
  min-height: 430px !important;
}

.maxh430 {
  max-height: 430px !important;
}

.w530 {
  width: 530px !important;
}

.minw530 {
  min-width: 530px !important;
}

.maxw530 {
  max-width: 530px !important;
}

.h530 {
  height: 530px !important;
}

.minh530 {
  min-height: 530px !important;
}

.maxh530 {
  max-height: 530px !important;
}

.w630 {
  width: 630px !important;
}

.minw630 {
  min-width: 630px !important;
}

.maxw630 {
  max-width: 630px !important;
}

.h630 {
  height: 630px !important;
}

.minh630 {
  min-height: 630px !important;
}

.maxh630 {
  max-height: 630px !important;
}

.w730 {
  width: 730px !important;
}

.minw730 {
  min-width: 730px !important;
}

.maxw730 {
  max-width: 730px !important;
}

.h730 {
  height: 730px !important;
}

.minh730 {
  min-height: 730px !important;
}

.maxh730 {
  max-height: 730px !important;
}

.w830 {
  width: 830px !important;
}

.minw830 {
  min-width: 830px !important;
}

.maxw830 {
  max-width: 830px !important;
}

.h830 {
  height: 830px !important;
}

.minh830 {
  min-height: 830px !important;
}

.maxh830 {
  max-height: 830px !important;
}

.w930 {
  width: 930px !important;
}

.minw930 {
  min-width: 930px !important;
}

.maxw930 {
  max-width: 930px !important;
}

.h930 {
  height: 930px !important;
}

.minh930 {
  min-height: 930px !important;
}

.maxh930 {
  max-height: 930px !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w40 {
  width: 40px !important;
}

.minw40 {
  min-width: 40px !important;
}

.maxw40 {
  max-width: 40px !important;
}

.h40 {
  height: 40px !important;
}

.minh40 {
  min-height: 40px !important;
}

.maxh40 {
  max-height: 40px !important;
}

.w140 {
  width: 140px !important;
}

.minw140 {
  min-width: 140px !important;
}

.maxw140 {
  max-width: 140px !important;
}

.h140 {
  height: 140px !important;
}

.minh140 {
  min-height: 140px !important;
}

.maxh140 {
  max-height: 140px !important;
}

.w240 {
  width: 240px !important;
}

.minw240 {
  min-width: 240px !important;
}

.maxw240 {
  max-width: 240px !important;
}

.h240 {
  height: 240px !important;
}

.minh240 {
  min-height: 240px !important;
}

.maxh240 {
  max-height: 240px !important;
}

.w340 {
  width: 340px !important;
}

.minw340 {
  min-width: 340px !important;
}

.maxw340 {
  max-width: 340px !important;
}

.h340 {
  height: 340px !important;
}

.minh340 {
  min-height: 340px !important;
}

.maxh340 {
  max-height: 340px !important;
}

.w440 {
  width: 440px !important;
}

.minw440 {
  min-width: 440px !important;
}

.maxw440 {
  max-width: 440px !important;
}

.h440 {
  height: 440px !important;
}

.minh440 {
  min-height: 440px !important;
}

.maxh440 {
  max-height: 440px !important;
}

.w540 {
  width: 540px !important;
}

.minw540 {
  min-width: 540px !important;
}

.maxw540 {
  max-width: 540px !important;
}

.h540 {
  height: 540px !important;
}

.minh540 {
  min-height: 540px !important;
}

.maxh540 {
  max-height: 540px !important;
}

.w640 {
  width: 640px !important;
}

.minw640 {
  min-width: 640px !important;
}

.maxw640 {
  max-width: 640px !important;
}

.h640 {
  height: 640px !important;
}

.minh640 {
  min-height: 640px !important;
}

.maxh640 {
  max-height: 640px !important;
}

.w740 {
  width: 740px !important;
}

.minw740 {
  min-width: 740px !important;
}

.maxw740 {
  max-width: 740px !important;
}

.h740 {
  height: 740px !important;
}

.minh740 {
  min-height: 740px !important;
}

.maxh740 {
  max-height: 740px !important;
}

.w840 {
  width: 840px !important;
}

.minw840 {
  min-width: 840px !important;
}

.maxw840 {
  max-width: 840px !important;
}

.h840 {
  height: 840px !important;
}

.minh840 {
  min-height: 840px !important;
}

.maxh840 {
  max-height: 840px !important;
}

.w940 {
  width: 940px !important;
}

.minw940 {
  min-width: 940px !important;
}

.maxw940 {
  max-width: 940px !important;
}

.h940 {
  height: 940px !important;
}

.minh940 {
  min-height: 940px !important;
}

.maxh940 {
  max-height: 940px !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w50 {
  width: 50px !important;
}

.minw50 {
  min-width: 50px !important;
}

.maxw50 {
  max-width: 50px !important;
}

.h50 {
  height: 50px !important;
}

.minh50 {
  min-height: 50px !important;
}

.maxh50 {
  max-height: 50px !important;
}

.w150 {
  width: 150px !important;
}

.minw150 {
  min-width: 150px !important;
}

.maxw150 {
  max-width: 150px !important;
}

.h150 {
  height: 150px !important;
}

.minh150 {
  min-height: 150px !important;
}

.maxh150 {
  max-height: 150px !important;
}

.w250 {
  width: 250px !important;
}

.minw250 {
  min-width: 250px !important;
}

.maxw250 {
  max-width: 250px !important;
}

.h250 {
  height: 250px !important;
}

.minh250 {
  min-height: 250px !important;
}

.maxh250 {
  max-height: 250px !important;
}

.w350 {
  width: 350px !important;
}

.minw350 {
  min-width: 350px !important;
}

.maxw350 {
  max-width: 350px !important;
}

.h350 {
  height: 350px !important;
}

.minh350 {
  min-height: 350px !important;
}

.maxh350 {
  max-height: 350px !important;
}

.w450 {
  width: 450px !important;
}

.minw450 {
  min-width: 450px !important;
}

.maxw450 {
  max-width: 450px !important;
}

.h450 {
  height: 450px !important;
}

.minh450 {
  min-height: 450px !important;
}

.maxh450 {
  max-height: 450px !important;
}

.w550 {
  width: 550px !important;
}

.minw550 {
  min-width: 550px !important;
}

.maxw550 {
  max-width: 550px !important;
}

.h550 {
  height: 550px !important;
}

.minh550 {
  min-height: 550px !important;
}

.maxh550 {
  max-height: 550px !important;
}

.w650 {
  width: 650px !important;
}

.minw650 {
  min-width: 650px !important;
}

.maxw650 {
  max-width: 650px !important;
}

.h650 {
  height: 650px !important;
}

.minh650 {
  min-height: 650px !important;
}

.maxh650 {
  max-height: 650px !important;
}

.w750 {
  width: 750px !important;
}

.minw750 {
  min-width: 750px !important;
}

.maxw750 {
  max-width: 750px !important;
}

.h750 {
  height: 750px !important;
}

.minh750 {
  min-height: 750px !important;
}

.maxh750 {
  max-height: 750px !important;
}

.w850 {
  width: 850px !important;
}

.minw850 {
  min-width: 850px !important;
}

.maxw850 {
  max-width: 850px !important;
}

.h850 {
  height: 850px !important;
}

.minh850 {
  min-height: 850px !important;
}

.maxh850 {
  max-height: 850px !important;
}

.w950 {
  width: 950px !important;
}

.minw950 {
  min-width: 950px !important;
}

.maxw950 {
  max-width: 950px !important;
}

.h950 {
  height: 950px !important;
}

.minh950 {
  min-height: 950px !important;
}

.maxh950 {
  max-height: 950px !important;
}

.w60p {
  width: 60% !important;
}

.w65p {
  width: 65% !important;
}

.w60 {
  width: 60px !important;
}

.minw60 {
  min-width: 60px !important;
}

.maxw60 {
  max-width: 60px !important;
}

.h60 {
  height: 60px !important;
}

.minh60 {
  min-height: 60px !important;
}

.maxh60 {
  max-height: 60px !important;
}

.w160 {
  width: 160px !important;
}

.minw160 {
  min-width: 160px !important;
}

.maxw160 {
  max-width: 160px !important;
}

.h160 {
  height: 160px !important;
}

.minh160 {
  min-height: 160px !important;
}

.maxh160 {
  max-height: 160px !important;
}

.w260 {
  width: 260px !important;
}

.minw260 {
  min-width: 260px !important;
}

.maxw260 {
  max-width: 260px !important;
}

.h260 {
  height: 260px !important;
}

.minh260 {
  min-height: 260px !important;
}

.maxh260 {
  max-height: 260px !important;
}

.w360 {
  width: 360px !important;
}

.minw360 {
  min-width: 360px !important;
}

.maxw360 {
  max-width: 360px !important;
}

.h360 {
  height: 360px !important;
}

.minh360 {
  min-height: 360px !important;
}

.maxh360 {
  max-height: 360px !important;
}

.w460 {
  width: 460px !important;
}

.minw460 {
  min-width: 460px !important;
}

.maxw460 {
  max-width: 460px !important;
}

.h460 {
  height: 460px !important;
}

.minh460 {
  min-height: 460px !important;
}

.maxh460 {
  max-height: 460px !important;
}

.w560 {
  width: 560px !important;
}

.minw560 {
  min-width: 560px !important;
}

.maxw560 {
  max-width: 560px !important;
}

.h560 {
  height: 560px !important;
}

.minh560 {
  min-height: 560px !important;
}

.maxh560 {
  max-height: 560px !important;
}

.w660 {
  width: 660px !important;
}

.minw660 {
  min-width: 660px !important;
}

.maxw660 {
  max-width: 660px !important;
}

.h660 {
  height: 660px !important;
}

.minh660 {
  min-height: 660px !important;
}

.maxh660 {
  max-height: 660px !important;
}

.w760 {
  width: 760px !important;
}

.minw760 {
  min-width: 760px !important;
}

.maxw760 {
  max-width: 760px !important;
}

.h760 {
  height: 760px !important;
}

.minh760 {
  min-height: 760px !important;
}

.maxh760 {
  max-height: 760px !important;
}

.w860 {
  width: 860px !important;
}

.minw860 {
  min-width: 860px !important;
}

.maxw860 {
  max-width: 860px !important;
}

.h860 {
  height: 860px !important;
}

.minh860 {
  min-height: 860px !important;
}

.maxh860 {
  max-height: 860px !important;
}

.w960 {
  width: 960px !important;
}

.minw960 {
  min-width: 960px !important;
}

.maxw960 {
  max-width: 960px !important;
}

.h960 {
  height: 960px !important;
}

.minh960 {
  min-height: 960px !important;
}

.maxh960 {
  max-height: 960px !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w70 {
  width: 70px !important;
}

.minw70 {
  min-width: 70px !important;
}

.maxw70 {
  max-width: 70px !important;
}

.h70 {
  height: 70px !important;
}

.minh70 {
  min-height: 70px !important;
}

.maxh70 {
  max-height: 70px !important;
}

.w170 {
  width: 170px !important;
}

.minw170 {
  min-width: 170px !important;
}

.maxw170 {
  max-width: 170px !important;
}

.h170 {
  height: 170px !important;
}

.minh170 {
  min-height: 170px !important;
}

.maxh170 {
  max-height: 170px !important;
}

.w270 {
  width: 270px !important;
}

.minw270 {
  min-width: 270px !important;
}

.maxw270 {
  max-width: 270px !important;
}

.h270 {
  height: 270px !important;
}

.minh270 {
  min-height: 270px !important;
}

.maxh270 {
  max-height: 270px !important;
}

.w370 {
  width: 370px !important;
}

.minw370 {
  min-width: 370px !important;
}

.maxw370 {
  max-width: 370px !important;
}

.h370 {
  height: 370px !important;
}

.minh370 {
  min-height: 370px !important;
}

.maxh370 {
  max-height: 370px !important;
}

.w470 {
  width: 470px !important;
}

.minw470 {
  min-width: 470px !important;
}

.maxw470 {
  max-width: 470px !important;
}

.h470 {
  height: 470px !important;
}

.minh470 {
  min-height: 470px !important;
}

.maxh470 {
  max-height: 470px !important;
}

.w570 {
  width: 570px !important;
}

.minw570 {
  min-width: 570px !important;
}

.maxw570 {
  max-width: 570px !important;
}

.h570 {
  height: 570px !important;
}

.minh570 {
  min-height: 570px !important;
}

.maxh570 {
  max-height: 570px !important;
}

.w670 {
  width: 670px !important;
}

.minw670 {
  min-width: 670px !important;
}

.maxw670 {
  max-width: 670px !important;
}

.h670 {
  height: 670px !important;
}

.minh670 {
  min-height: 670px !important;
}

.maxh670 {
  max-height: 670px !important;
}

.w770 {
  width: 770px !important;
}

.minw770 {
  min-width: 770px !important;
}

.maxw770 {
  max-width: 770px !important;
}

.h770 {
  height: 770px !important;
}

.minh770 {
  min-height: 770px !important;
}

.maxh770 {
  max-height: 770px !important;
}

.w870 {
  width: 870px !important;
}

.minw870 {
  min-width: 870px !important;
}

.maxw870 {
  max-width: 870px !important;
}

.h870 {
  height: 870px !important;
}

.minh870 {
  min-height: 870px !important;
}

.maxh870 {
  max-height: 870px !important;
}

.w970 {
  width: 970px !important;
}

.minw970 {
  min-width: 970px !important;
}

.maxw970 {
  max-width: 970px !important;
}

.h970 {
  height: 970px !important;
}

.minh970 {
  min-height: 970px !important;
}

.maxh970 {
  max-height: 970px !important;
}

.w80p {
  width: 80% !important;
}

.w85p {
  width: 85% !important;
}

.w80 {
  width: 80px !important;
}

.minw80 {
  min-width: 80px !important;
}

.maxw80 {
  max-width: 80px !important;
}

.h80 {
  height: 80px !important;
}

.minh80 {
  min-height: 80px !important;
}

.maxh80 {
  max-height: 80px !important;
}

.w180 {
  width: 180px !important;
}

.minw180 {
  min-width: 180px !important;
}

.maxw180 {
  max-width: 180px !important;
}

.h180 {
  height: 180px !important;
}

.minh180 {
  min-height: 180px !important;
}

.maxh180 {
  max-height: 180px !important;
}

.w280 {
  width: 280px !important;
}

.minw280 {
  min-width: 280px !important;
}

.maxw280 {
  max-width: 280px !important;
}

.h280 {
  height: 280px !important;
}

.minh280 {
  min-height: 280px !important;
}

.maxh280 {
  max-height: 280px !important;
}

.w380 {
  width: 380px !important;
}

.minw380 {
  min-width: 380px !important;
}

.maxw380 {
  max-width: 380px !important;
}

.h380 {
  height: 380px !important;
}

.minh380 {
  min-height: 380px !important;
}

.maxh380 {
  max-height: 380px !important;
}

.w480 {
  width: 480px !important;
}

.minw480 {
  min-width: 480px !important;
}

.maxw480 {
  max-width: 480px !important;
}

.h480 {
  height: 480px !important;
}

.minh480 {
  min-height: 480px !important;
}

.maxh480 {
  max-height: 480px !important;
}

.w580 {
  width: 580px !important;
}

.minw580 {
  min-width: 580px !important;
}

.maxw580 {
  max-width: 580px !important;
}

.h580 {
  height: 580px !important;
}

.minh580 {
  min-height: 580px !important;
}

.maxh580 {
  max-height: 580px !important;
}

.w680 {
  width: 680px !important;
}

.minw680 {
  min-width: 680px !important;
}

.maxw680 {
  max-width: 680px !important;
}

.h680 {
  height: 680px !important;
}

.minh680 {
  min-height: 680px !important;
}

.maxh680 {
  max-height: 680px !important;
}

.w780 {
  width: 780px !important;
}

.minw780 {
  min-width: 780px !important;
}

.maxw780 {
  max-width: 780px !important;
}

.h780 {
  height: 780px !important;
}

.minh780 {
  min-height: 780px !important;
}

.maxh780 {
  max-height: 780px !important;
}

.w880 {
  width: 880px !important;
}

.minw880 {
  min-width: 880px !important;
}

.maxw880 {
  max-width: 880px !important;
}

.h880 {
  height: 880px !important;
}

.minh880 {
  min-height: 880px !important;
}

.maxh880 {
  max-height: 880px !important;
}

.w980 {
  width: 980px !important;
}

.minw980 {
  min-width: 980px !important;
}

.maxw980 {
  max-width: 980px !important;
}

.h980 {
  height: 980px !important;
}

.minh980 {
  min-height: 980px !important;
}

.maxh980 {
  max-height: 980px !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w90 {
  width: 90px !important;
}

.minw90 {
  min-width: 90px !important;
}

.maxw90 {
  max-width: 90px !important;
}

.h90 {
  height: 90px !important;
}

.minh90 {
  min-height: 90px !important;
}

.maxh90 {
  max-height: 90px !important;
}

.w190 {
  width: 190px !important;
}

.minw190 {
  min-width: 190px !important;
}

.maxw190 {
  max-width: 190px !important;
}

.h190 {
  height: 190px !important;
}

.minh190 {
  min-height: 190px !important;
}

.maxh190 {
  max-height: 190px !important;
}

.w290 {
  width: 290px !important;
}

.minw290 {
  min-width: 290px !important;
}

.maxw290 {
  max-width: 290px !important;
}

.h290 {
  height: 290px !important;
}

.minh290 {
  min-height: 290px !important;
}

.maxh290 {
  max-height: 290px !important;
}

.w390 {
  width: 390px !important;
}

.minw390 {
  min-width: 390px !important;
}

.maxw390 {
  max-width: 390px !important;
}

.h390 {
  height: 390px !important;
}

.minh390 {
  min-height: 390px !important;
}

.maxh390 {
  max-height: 390px !important;
}

.w490 {
  width: 490px !important;
}

.minw490 {
  min-width: 490px !important;
}

.maxw490 {
  max-width: 490px !important;
}

.h490 {
  height: 490px !important;
}

.minh490 {
  min-height: 490px !important;
}

.maxh490 {
  max-height: 490px !important;
}

.w590 {
  width: 590px !important;
}

.minw590 {
  min-width: 590px !important;
}

.maxw590 {
  max-width: 590px !important;
}

.h590 {
  height: 590px !important;
}

.minh590 {
  min-height: 590px !important;
}

.maxh590 {
  max-height: 590px !important;
}

.w690 {
  width: 690px !important;
}

.minw690 {
  min-width: 690px !important;
}

.maxw690 {
  max-width: 690px !important;
}

.h690 {
  height: 690px !important;
}

.minh690 {
  min-height: 690px !important;
}

.maxh690 {
  max-height: 690px !important;
}

.w790 {
  width: 790px !important;
}

.minw790 {
  min-width: 790px !important;
}

.maxw790 {
  max-width: 790px !important;
}

.h790 {
  height: 790px !important;
}

.minh790 {
  min-height: 790px !important;
}

.maxh790 {
  max-height: 790px !important;
}

.w890 {
  width: 890px !important;
}

.minw890 {
  min-width: 890px !important;
}

.maxw890 {
  max-width: 890px !important;
}

.h890 {
  height: 890px !important;
}

.minh890 {
  min-height: 890px !important;
}

.maxh890 {
  max-height: 890px !important;
}

.w990 {
  width: 990px !important;
}

.minw990 {
  min-width: 990px !important;
}

.maxw990 {
  max-width: 990px !important;
}

.h990 {
  height: 990px !important;
}

.minh990 {
  min-height: 990px !important;
}

.maxh990 {
  max-height: 990px !important;
}

.w100p {
  width: 100% !important;
}

.w105p {
  width: 105% !important;
}

.w100 {
  width: 100px !important;
}

.minw100 {
  min-width: 100px !important;
}

.maxw100 {
  max-width: 100px !important;
}

.h100 {
  height: 100px !important;
}

.minh100 {
  min-height: 100px !important;
}

.maxh100 {
  max-height: 100px !important;
}

.w200 {
  width: 200px !important;
}

.minw200 {
  min-width: 200px !important;
}

.maxw200 {
  max-width: 200px !important;
}

.h200 {
  height: 200px !important;
}

.minh200 {
  min-height: 200px !important;
}

.maxh200 {
  max-height: 200px !important;
}

.w300 {
  width: 300px !important;
}

.minw300 {
  min-width: 300px !important;
}

.maxw300 {
  max-width: 300px !important;
}

.h300 {
  height: 300px !important;
}

.minh300 {
  min-height: 300px !important;
}

.maxh300 {
  max-height: 300px !important;
}

.w400 {
  width: 400px !important;
}

.minw400 {
  min-width: 400px !important;
}

.maxw400 {
  max-width: 400px !important;
}

.h400 {
  height: 400px !important;
}

.minh400 {
  min-height: 400px !important;
}

.maxh400 {
  max-height: 400px !important;
}

.w500 {
  width: 500px !important;
}

.minw500 {
  min-width: 500px !important;
}

.maxw500 {
  max-width: 500px !important;
}

.h500 {
  height: 500px !important;
}

.minh500 {
  min-height: 500px !important;
}

.maxh500 {
  max-height: 500px !important;
}

.w600 {
  width: 600px !important;
}

.minw600 {
  min-width: 521px !important;
}

.maxw600 {
  max-width: 520px !important;
}

.h600 {
  height: 600px !important;
}

.minh600 {
  min-height: 600px !important;
}

.maxh600 {
  max-height: 600px !important;
}

.w700 {
  width: 700px !important;
}

.minw700 {
  min-width: 700px !important;
}

.maxw700 {
  max-width: 700px !important;
}

.h700 {
  height: 700px !important;
}

.minh700 {
  min-height: 700px !important;
}

.maxh700 {
  max-height: 700px !important;
}

.w800 {
  width: 800px !important;
}

.minw800 {
  min-width: 800px !important;
}

.maxw800 {
  max-width: 800px !important;
}

.h800 {
  height: 800px !important;
}

.minh800 {
  min-height: 800px !important;
}

.maxh800 {
  max-height: 800px !important;
}

.w900 {
  width: 900px !important;
}

.minw900 {
  min-width: 900px !important;
}

.maxw900 {
  max-width: 900px !important;
}

.h900 {
  height: 900px !important;
}

.minh900 {
  min-height: 900px !important;
}

.maxh900 {
  max-height: 900px !important;
}

.w1000 {
  width: 1000px !important;
}

.minw1000 {
  min-width: 1000px !important;
}

.maxw1000 {
  max-width: 1000px !important;
}

.h1000 {
  height: 1000px !important;
}

.minh1000 {
  min-height: 1000px !important;
}

.maxh1000 {
  max-height: 1000px !important;
}

.w33p {
  width: 33.33333%;
}
.maxw50p {
  max-width: 50% !important
}
.maxw100p {
  max-width: 100%;
}

.fz10 {
  font-size: 10px !important;
}

.fz11 {
  font-size: 11px !important;
}

.fz12 {
  font-size: 12px !important;
}

.fz13 {
  font-size: 13px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz15 {
  font-size: 15px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz17 {
  font-size: 17px !important;
}

.fz18 {
  font-size: 18px !important;
}

.fz19 {
  font-size: 19px !important;
}

.fz20 {
  font-size: 20px !important;
}

.fz21 {
  font-size: 21px !important;
}

.fz22 {
  font-size: 22px !important;
}

.fz23 {
  font-size: 23px !important;
}

.fz24 {
  font-size: 24px !important;
}

.fz25 {
  font-size: 25px !important;
}

.fz26 {
  font-size: 26px !important;
}

.fz27 {
  font-size: 27px !important;
}

.fz28 {
  font-size: 28px !important;
}

.fz29 {
  font-size: 29px !important;
}

.fz30 {
  font-size: 30px !important;
}

.fz31 {
  font-size: 31px !important;
}

.fz32 {
  font-size: 32px !important;
}

.fz33 {
  font-size: 33px !important;
}

.fz34 {
  font-size: 34px !important;
}

.fz35 {
  font-size: 35px !important;
}

.fz36 {
  font-size: 36px !important;
}

.fz37 {
  font-size: 37px !important;
}

.fz38 {
  font-size: 38px !important;
}

.fz39 {
  font-size: 39px !important;
}

.fz40 {
  font-size: 40px !important;
}

.bold {
  font-weight: bold;
}

.fw100 {
  font-weight: 100 !important;
}

.fw200 {
  font-weight: 200 !important;
}

.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

.fw900 {
  font-weight: 900 !important;
}

.fw-bold {
  font-weight: bold;
}

.lh0 {
  line-height: 0 !important;
}

.lh1 {
  line-height: 0.1 !important;
}

.lh2 {
  line-height: 0.2 !important;
}

.lh3 {
  line-height: 0.3 !important;
}

.lh4 {
  line-height: 0.4 !important;
}

.lh5 {
  line-height: 0.5 !important;
}

.lh6 {
  line-height: 0.6 !important;
}

.lh7 {
  line-height: 0.7 !important;
}

.lh8 {
  line-height: 0.8 !important;
}

.lh9 {
  line-height: 0.9 !important;
}

.lh10 {
  line-height: 1 !important;
}

.lh11 {
  line-height: 1.1 !important;
}

.lh12 {
  line-height: 1.2 !important;
}

.lh13 {
  line-height: 1.3 !important;
}

.lh14 {
  line-height: 1.4 !important;
}

.lh15 {
  line-height: 1.5 !important;
}

.lh16 {
  line-height: 1.6 !important;
}

.lh17 {
  line-height: 1.7 !important;
}

.lh18 {
  line-height: 1.8 !important;
}

.lh19 {
  line-height: 1.9 !important;
}

.lh20 {
  line-height: 2 !important;
}

.va0 {
  vertical-align: 0;
}

.va1 {
  vertical-align: 1px !important;
}

.va-1 {
  vertical-align: -1px !important;
}

.va2 {
  vertical-align: 2px !important;
}

.va-2 {
  vertical-align: -2px !important;
}

.va3 {
  vertical-align: 3px !important;
}

.va-3 {
  vertical-align: -3px !important;
}

.va4 {
  vertical-align: 4px !important;
}

.va-4 {
  vertical-align: -4px !important;
}

.va5 {
  vertical-align: 5px !important;
}

.va-5 {
  vertical-align: -5px !important;
}

.va6 {
  vertical-align: 6px !important;
}

.va-6 {
  vertical-align: -6px !important;
}

.va7 {
  vertical-align: 7px !important;
}

.va-7 {
  vertical-align: -7px !important;
}

.va8 {
  vertical-align: 8px !important;
}

.va-8 {
  vertical-align: -8px !important;
}

.va9 {
  vertical-align: 9px !important;
}

.va-9 {
  vertical-align: -9px !important;
}

.va10 {
  vertical-align: 10px !important;
}

.va-10 {
  vertical-align: -10px !important;
}

.mt-1 {
  margin-top: -1px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.fll {
  float: left !important;
}

.flr {
  float: right !important;
}

.fln {
  float: none !important;
}

.tac {
  text-align: center !important;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.vat {
  vertical-align: top !important;
}

.vab {
  vertical-align: bottom !important;
}

.vam {
  vertical-align: middle !important;
}

main.site-main sup{
  vertical-align: top;
  font-size: 0.7rem;
}
.site-container figure img{
  max-width: 100%;
}
.clearfix {
  display: block;
  *zoom: 1;
}

.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.none {
  display: none !important;
}

.block {
  display: block !important;
}

.ib,
.inline-block {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}

.inline {
  display: inline;
}

.table {
  display: table;
}
.nowrap{
  white-space: nowrap;
}
/* TODO:テスト用スタイル  */
.wrapper {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.semi-container {
  /* width: 70%; */
  padding: 0 6.07%;
  max-width: calc(1200px + 12.14%);
}
.site-container .semi-container {
  padding:0;
  max-width: inherit;
}
@media screen and (max-width: 960px) {
  .semi-container {
    width: 100%;
  padding-left: 5%;padding-right: 5%;}
}
@media screen and (max-width:520px){.semi-container {padding: 0 4%;}}

.side-navi {
  width: 30%;
  /* max-width: 290px; */
  /* min-width: 150px; */
  /* float: right; */
  color: #6E6E82;
  margin-bottom: 40px;
}

.side-navi-wrapper {
  padding-bottom: 20px;
  border-bottom: 6px solid #E0E5E9;
}

.side-navi a {
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #001F6B;
  display: block;
border-bottom: solid 5px transparent;}

.side-navi-wrapper {
  /* padding-top: 5px; */
  /* padding-bottom: 40px; */
}

.second-hierarchy > li > a {
  font-size: 20px;
  font-weight: bold;
  display: block;
  }

.third-hierarchy > li > a {
  font-size: 16px;
  padding: 5px 0 5px 20px;
  }
.second-hierarchy > li > a span,
.third-hierarchy > li > a  span{
  background-image: linear-gradient(90deg, #0046a0, #0046a0);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 2px;
  transition: all 0.4s ease 0.2s;
  display: block;
}
.forth-hierarchy > li > a {
  /* font-size: 13px; */
  padding: 10px 0 0 0;
}

.forth-hierarchy > li.active > a {
  /* font-size: 13px; */
  margin-left: 27px;
}

.side-navi-info {
  margin-top: 20px;
}

.side-navi-info > li > a,
.voice-page li > a {
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
  /* font-size: 13px; */
  padding: 10px 0 10px 20px;
}

.side-navi .active > a span,
.side-navi .active > a:hover span{
  display:
  inline-block;
  font-weight: bold;
  /* font-size: 15px; */
  color: #D20046;
  border-bottom: 2px solid #DC3C50;
  /*margin-left: -1px;
   padding-left: 17px; */
  background-size:0 0;
}


.side-navi .side-navi-info .active > a {
  font-size: 13px;
}
@media screen and (min-width: 521px) {
.second-hierarchy li > a:hover,
.third-hierarchy li > a:hover,
.forth-hierarchy li > a:hover,
.side-navi-info > li > a:hover,
.voice-page li > a:hover {
  /* background-color: #f2f4f8; */
  text-decoration: none;
  /* border-bottom: solid 5px #003E95; */
  }
.second-hierarchy li > a:hover span,
.third-hierarchy li > a:hover span,
.forth-hierarchy li > a:hover span,
.side-navi-info > li > a:hover span,
.voice-page li > a:hover {
  background-size: 100% 2px;
  position:relative;
}
}
.second-hierarchy li > a span::after{position: absolute;bottom: 0.6em;right: 0px;content: '';display: block;width: 14px;height: 14px;opacity: 0;transition: all 0.4s ease 0.2s;background: url(/en/assets/images/icon_link_arrow_blue.svg) 0 0 no-repeat;background-size: cover;z-index: 2;}
@media screen and (min-width: 521px) {
.second-hierarchy li > a:hover span::after{
  opacity:1;
  right: 0;
}
.second-hierarchy li.active > a:hover span::after{
  background:none;
}
.active > a:hover {
  background-color: #FFFFFF;
  cursor: default;
}
}
.float-l {
  float: left;
}

.float-r {
  float: right;
}

.is-tb,
.is-sp {
  display: none;
}
.is-pc {
  display: block;
}

@media screen and (max-width: 520px) {
  .is-sp {
    display: block;
  }
  .is-tb,
  .is-pc {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .is-tb,
  .is-tb.is-pc{
    display: block;
  }
  .is-pc {
    display: none;
  }
}



body {
  position: relative;
  /*min-width: 1080px;*/
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 2;
}

@media screen and (max-width: 960px) {
  body {
    min-width: 320px;
  }
}

.list-content-on {
  position: fixed;
  height: 100%;
  width: 100%;
}

main {
  display: block;
}

.scroll-top-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: #FFFFFF;
  z-index: 10;
  /*background-image: url('/assets/images/icon_scroll_top.png');*/
  /*background-position: center;*/
  border: 1px solid #1566cc;
  transition: 0.2s ease-in-out;
}

.scroll-button-inner {
  position: relative;
  width: 70px;
  height: 70px;
  display: block;
  cursor: pointer;
}
.scroll-top-button:hover{
  background:#0046a0;
border-color: #0046a0;opacity: .8;}

.scroll-button-inner::before {
  content: "";
  /* background-image: url("/assets/images/icon_scroll_top.png"); */
  background-size: 12px 16px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 6.5px);
  left: calc(50% - 8.5px);
  background-position: center;
  border-top: solid 1px #1566cc;
  border-right: solid 1px #1566cc;
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

.scroll-button-inner:hover:before {
  top: calc(50% - 10.5px);
  border-color:#fff;
}

@media screen and (max-width: 961px) {
  .scroll-button-inner:hover:before {
    animation: none;
  }
}

@-webkit-keyframes animate-arrow-up {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, -20px) scale(1, 2);
    transform: translate(0, -20px) scale(1, 2);
    -webkit-transform: translate3d(0, -20px, 0) scale(1, 2);
    transform: translate3d(0, -20px, 0) scale(1, 2);
    opacity: 0;
  }
  51% {
    -webkit-transform: translate(0, 20px) scale(1, 2);
    transform: translate(0, 20px) scale(1, 2);
    -webkit-transform: translate3d(0, 20px, 0) scale(1, 2);
    transform: translate3d(0, 20px, 0) scale(1, 2);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    opacity: 1;
  }
}

@keyframes animate-arrow-up {
  0% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, -20px) scale(1, 2);
    transform: translate(0, -20px) scale(1, 2);
    -webkit-transform: translate3d(0, -20px, 0) scale(1, 2);
    transform: translate3d(0, -20px, 0) scale(1, 2);
    opacity: 0;
  }
  51% {
    -webkit-transform: translate(0, 20px) scale(1, 2);
    transform: translate(0, 20px) scale(1, 2);
    -webkit-transform: translate3d(0, 20px, 0) scale(1, 2);
    transform: translate3d(0, 20px, 0) scale(1, 2);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    opacity: 1;
  }
}

.img-none {
  opacity: 0;
  transition: 1s;
}

.img-visible {
  /* transition: opacity 1s;
  -ms-transition: opacity 1s;*/
  /* -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;*/
  /* opacity: 1; */
}

.sg-wrap h1, .sg-wrap h2, .sg-wrap h3 {
  font-weight: bold;
}

.sg-wrap h1 {
  font-size: 28px;
  padding-left: 20px;
  border-left: 3px solid #DC3C50;
  line-height: 40px;
}

.sg-wrap h2 {
  font-size: 21px;
  padding-bottom: 12px;
  border-bottom: 3px solid #D7D7E1;
  line-height: 1;
}

.sg-wrap h3 {
  font-size: 18px;
}

.sg-pc-fl {
  float: left;
}

@media screen and (max-width: 960px) {
  .sg-pc-fl {
    float: none;
  }
}

.sg-grid-layout {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 960px) {
  .sg-grid-layout {
    margin-left: 0;
    margin-right: 0;
  }
}

.sg-floating-box {
  width: 223px;
  /* height: 167px; */
}

@media screen and (max-width: 960px) {
  .sg-floating-box {
    width: 100%;
    height: auto;
  }
}

.sg-box-gray {
  padding: 16px;
  background-color: #F0F0F5;
  border: 1px solid #DCDCE1;
}

.sg-box-white {
  padding: 16px;
  background-color: #FFFFFF;
  border: 1px solid #DCDCE1;
}

.sg-caption {
  display: block;
  font-size: 12px;
  color: #6E6E82;
  margin-top: 15px;
}

.sg-floating-item-maxw {
  width: 223px;
}

@media screen and (max-width: 960px) {
  .sg-floating-item-maxw {
    width: auto;
  }
}

@media screen and (max-width: 960px) {
  .sg-grid-xs {
    font-size: 10px;
  }
  .sg-grid-xs .sg-box-gray {
    padding: 5px 8px;
  }
}

.pc-mt60 {
  margin-top: 60px;
}

.pc-mt80 {
  margin-top: 80px;
}

.pc-mt30 {
  margin-top: 30px;
}

@media screen and (max-width: 960px) {
  .sp-mt-50 {
    margin-top: 50px;
  }
  .sp-mt-60 {
    margin-top: 60px;
  }
  .sp-mt15 {
    margin-top: 15px;
  }
}

.sg-color-section .grid {
  overflow: hidden;
}

.sg-color-section .row {
  margin-top: -40px;
}

.sg-color-section .col-1-4 {
  margin-top: 50px;
}

.sg-color-block {
  border-radius: 3px;
  line-height: 70px;
  text-align: center;
}

.sg-color-info {
  font-size: 16px;
  margin-top: 10px;
}

.sg-color-info > .sg-color-code {
  font-weight: bold;
}

.sg-color-info > .sg-color-use {
  margin-top: 10px;
}

.sg-color-dark-gray {
  background-color: #323246;
  color: #FFFFFF;
}

.sg-color-mid-gray {
  background-color: #6e6e82;
  color: #FFFFFF;
}

.sg-color-light-gray {
  background-color: #d7d7e1;
}

.sg-color-super-light-gray {
  background-color: #f2f4f8;
}

.sg-color-dark-blue {
  background-color: #283264;
  color: #FFFFFF;
}

.sg-color-mid-blue {
  background-color: #1566cc;
  color: #FFFFFF;
}

.sg-color-light-blue {
  background-color: #dcebff;
}

.sg-color-red {
  background-color: #dc3c50;
  color: #FFFFFF;
}

.sg-color-alert-red {
  background-color: #cd2d41;
  color: #FFFFFF;
}

.sg-color-yellow {
  background-color: #fff096;
}

@media screen and (max-width: 960px) {
  .sg-definition-list {
    padding-top: 20px;
  }
}

.sg-definition-list > dt {
  font-weight: bold;
  font-size: 18px;
}

.sg-definition-list > dd {
  font-size: 16px;
  padding-top: 25px;
}

@media screen and (max-width: 960px) {
  .sg-definition-list > dd {
    padding-top: 10px;
  }
}

.sg-btn-images {
  position: relative;
  max-width: 750px;
  height: 150px;
  background-size: contain;
}

@media screen and (max-width: 960px) {
  .sg-btn-images {
    height: 70px;
  }
}

.sg-btn-images > .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sg-btn-images + .sg-btn-images {
  margin-top: 20px;
}

.sg-icons-block {
  font-size: 0;
  display: inline-block;
  padding: 10px;
  background-color: #000000;
}

.sg-icons-block.bg-white {
  background-color: #FFFFFF;
}

.sg-icons-block > li {
  display: inline-block;
}

@media screen and (max-width: 960px) {
  .sg-icons-block > li {
    display: block;
  }
}

.sg-icons-block > li + li {
  margin-left: 10px;
}

@media screen and (max-width: 960px) {
  .sg-icons-block > li + li {
    margin-top: 10px;
    margin-left: 0;
  }
}

@media screen and (max-width: 960px) {
  .sg-icons-block > .btn-default {
    display: block;
  }
}

.sg-icons-block + .sg-icons-block {
  background-color: #FFFFFF;
}

.site-wrapper {
  /* max-width: 1440px; */
  min-width: 320px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /* background-color: #FFFFFF; */
  min-height: 100%;
  padding: 0;
  overflow-x: hidden;
}
.site-container {
  max-width: 1200px;
  /* min-width: 980px; */
  width: 100%;
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  margin-left: auto;
  margin-right: auto;
  /* background-color: #FFFFFF; */
padding: 0 6.07% 80px;
max-width: calc(1200px + 12.14%);
margin: 0 auto;}
.site-container .site-container {
padding:0;
max-width: inherit;
}


.semi-container {
  /* width: 750px; */
  margin-left: auto;
  margin-right: auto;
}

.semi-container img{
  width:auto;
  margin: 0 auto;
  max-width:100%;
}

@media screen and (max-width: 960px) {
  .semi-container-input {
    padding-left: 16px;
    padding-right: 16px;
  }
  .site-wrapper{
    overflow: hidden;
  }
}

.site-semi-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

/*.site-container.site-main {
    padding-top: 220px;

    @include isSP {
        padding-top: 145px;
    }
}*/
.site-main {
  margin-top: 146px;
  /* margin-bottom: 146px; *//* padding-top: 80px; */
  /* overflow-x: hidden; */
}

.site-main.site-main-no-space {
  padding-top: 0;
}



.col-1-container {
  /* padding-bottom: 80px; */
}
@media screen and (max-width: 960px) {
  .site-main {
    margin-top: 95px;
    /* padding: 0 5%; */
  }
  .site-container {
    padding-left: 5%;
  padding-right: 5%;}
}
@media screen and (max-width: 520px) {
  .site-container {
    padding-left: 4%;
    padding-right: 4%;
    min-width: 320px;
  }
}
@media screen and (max-width: 960px) {
  .col-1-container {
    /* padding-bottom: 60px; */
  }
}
.col-2-container{
  display:flex;
  justify-content: space-between;
}
@media screen and (min-width: 961px) {
.col-2-container > .semi-container {
  width: 74.22%;margin-right: 3%;}
}
@media screen and (max-width: 960px) {
  .col-2-container > .semi-container {
    /* padding-bottom: 60px; */
  }
}

.col-2-container:after {
  content: '';
  display: block;
  clear: both;
}

.width-full {
  width: 100%;
}

.width-half {
  float: left;
  width: 50%;
}

@media screen and (max-width: 960px) {
  .width-half {
    float: none;
    width: 100%;
  }
}

.width-a-third {
  float: left;
  width: 33.33333%;
}

@media screen and (max-width: 960px) {
  .width-a-third {
    float: none;
    width: 100%;
  }
}

.side-navi {
  width: 22.74%;
  /* max-width: 290px; */
  margin-top: 270px;
  /* float: right; */
}

@media screen and (max-width: 960px) {
  .side-navi {
    display: none;
  }
}

.row {
  /* margin-left: -20px; */
  /* margin-right: -20px; */
display: flex;column-gap: 3%;flex-wrap: wrap;}

.row:after {
  /*content: "";
  display: block;
  clear: both;*/
}

.row > * {
  /* margin-top: 10px; */
}

@media screen and (max-width: 960px) {
  .row {
    /* margin-left: -16px; */
    /* margin-right: -16px; */
  }
  .row > .xs-col-1-1 {
    width: 100%;
  }
  .row > .xs-col-1-2 {
    width: 48.48%;
  }
  .row > .xs-col-1-3 {
    width: 31.32%;
  }
  .row > .xs-col-2-3 {
    width: 65.64%;
  }
  .row > .xs-col-1-4 {
    width: 22.74%;
  }
  .row > .xs-col-3-4 {
    width: 74.22%;
  }
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 48.48%;
}

.col-1-3 {
  width: 31.32%;
}

.col-2-3 {
  width: 65.64%;
}

.col-1-4 {
  width: 22.74%;
}

.col-3-4 {
   width: 74.22%;
}

.col-1-1,
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4 {
  /* float: left; */
  /* padding-left: 20px; */
  /* padding-right: 20px; */
}
@media screen and (min-width: 521px) and (max-width: 960px) {

.col-1-3{
  width:31.32%;
}

.col-1-4 {
  width: 48.48%;
}
.col-3-4 {
   width: 100%;
}
}

@media screen and (max-width: 520px) {
  .col-1-1,
  .col-1-2,
  .col-1-3,
  .col-2-3,
  .col-1-4,
  .col-3-4 {
    /* padding-left: 16px; */
    /* padding-right: 16px; */
    width: 100%;
    margin-bottom: 20px;
  }
}

.row.xs-row-8 > .xs-col-1-1, .row.xs-row-8 .xs-col-1-2, .row.xs-row-8 .xs-col-1-3, .row.xs-row-8 .xs-col-2-3, .row.xs-row-8 .xs-col-1-4, .row.xs-row-8 .xs-col-3-4 {
  /* float: left; */
  /* padding-left: 8px; */
  /* padding-right: 8px; */
}

.floating-wrap > .float-r, .floating-wrap > .float-l {
  display: inline;
}

@media screen and (max-width: 960px) {
  .floating-wrap > .float-r, .floating-wrap > .float-l {
    float: none;
    display: block;
  }
}

.floating-wrap > .float-r {
  margin-left: 40px;
  margin-bottom: 25px;
}

@media screen and (max-width: 960px) {
  .floating-wrap > .float-r {
    margin-left: 0;
    margin-bottom: 0;
  }
}

.floating-wrap > .float-l {
  margin-right: 40px;
  margin-bottom: 25px;
}

@media screen and (max-width: 960px) {
  .floating-wrap > .float-l {
    margin-right: 16px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 960px) and (max-width: 960px) {
  .floating-wrap > .float-l {
    margin-right: 0;
    margin-bottom: 0;
  }
}

.floating-wrap p {
  margin-top: 20px;
}

.row.xs-row-8-frame > .xs-col-1-1, .row.xs-row-8-frame .xs-col-1-2, .row.xs-row-8-frame .xs-col-1-3, .row.xs-row-8-frame .xs-col-2-3, .row.xs-row-8-frame .xs-col-1-4, .row.xs-row-8-frame .xs-col-3-4 {
  display: flex;
  flex-direction: column;
  /*align-items: center;
   margin-bottom: auto; */
}
.col-1-2.xs-col-1-1.txt-main.border-b{
  border-bottom:1px solid #D7D7E1;
}
.row.xs-row-8-frame > .xs-col-1-1 img, .row.xs-row-8-frame .xs-col-1-2 img, .row.xs-row-8-frame .xs-col-1-3 img, .row.xs-row-8-frame .xs-col-2-3 img, .row.xs-row-8-frame .xs-col-1-4 img, .row.xs-row-8-frame .xs-col-3-4 img{
  max-width:100%;
}
.row.xs-row-8-frame .xs-col-1-3 > *:first-child:nth-last-child(2),
.row.xs-row-8-frame .xs-col-1-3 > *:first-child:nth-last-child(2) ~ .item{
  margin-bottom:auto;
}

@media screen and (max-width: 960px) {
  .row.xs-row-8-frame {
    /* margin-left: -8px; */
    /* margin-right: -8px; */
  }
  .row.xs-row-8-frame > .xs-col-1-1, .row.xs-row-8-frame .xs-col-1-2, .row.xs-row-8-frame .xs-col-1-3, .row.xs-row-8-frame .xs-col-2-3, .row.xs-row-8-frame .xs-col-1-4, .row.xs-row-8-frame .xs-col-3-4 {
    /* float: left; */
    /* padding-left: 8px; */
    /* padding-right: 8px; */
  }
}

.img-s {
  width: 100px;
}

.img-m {
  width: 200px;
}

.img-l {
  width: 300px;
}

.img-mw {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

.bg-color-dark-gray {
  background-color: #323246;
}

.bg-color-mid-gray {
  background-color: #6e6e82;
}

.bg-color-light-gray {
  background-color: #d7d7e1;
}

.bg-color-super-light-gray {
  background-color: #f2f4f8;
}

.bg-color-dark-blue {
  background-color: #283264;
}

.bg-color-mid-blue {
  background-color: #1566cc;
}

.bg-color-light-blue {
  background-color: #dcebff;
}

.bg-color-red {
  background-color: #dc3c50;
}

.bg-color-alert-red {
  background-color: #cd2d41;
}

.bg-color-yellow {
  background-color: #fff096;
}

body {
  font-family: "Neue Frutiger", sans-serif;
  font-weight: 300;
}

body.ff-en {
  font-family: "Neue Frutiger", sans-serif;
  font-weight: 300;
}

body.ff-cn {
  font-family: "PingFang SC","Hiragino Sans GB","Hiragino Sans GB W3","冬青黑体简体中文","Microsoft YaHei","微软雅黑","STXihei","华文黑体","SimHei","宋体",sans-serif; /*iact*/
}

body {
  /* -webkit-font-smoothing: antialiased; */
  /* background-color: #d7d7e1 !important; */
}

hr {
  margin-top: 40px;
  margin-bottom: 60px;
  border-top: 1px solid #d7d7e1;
}

h1.heading-01,
h2.heading-02,
h3.heading-03,
h4.heading-04,
h5.heading-05,
h6.heading-06 {
  font-weight: 500;
}



h1.heading-01.narrow-space {
  margin-bottom: 20px;
}

h1.heading-01.before-lead {
  margin-bottom: 30px;
}

@media screen and (max-width: 960px) {
  h1.heading-01.before-lead {
    margin-bottom: 20px;
  }
}

h2.heading-02 {
  font-size: 28px;
  margin-bottom: 40px;
  margin-top: 75px;
  font-weight:normal;
  /* min-height: 130px; */
position: relative;line-height: 1.5;}
h2.heading-02::before{
  content: "";
  display: block;
  border-top: 2px solid #D7D7E1;
  margin-bottom: 30px;
  /* margin-top: -2px; */
}
h2.heading-02::after{
    content: "";
    display: block;
    width: 200px;
    border-top: solid 2px #E40046;
    position: absolute;
    top: 0;
/* z-index: 1; */}
@media screen and (max-width: 520px) {
  h2.heading-02 {
    font-size: 22px;
  margin-top: 40px;margin-bottom: 30px;}
  h2.heading-02::before{
    margin-bottom: 15px;
  }
}
h2.heading-02 + .txt-main {
  /* margin-top: 30px; */
}

h3.heading-03 {
  font-size: 22px;
  margin-top: 75px;
  margin-bottom: 40px;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
  }
h3.heading-03::before {
  content: "";
  display: block;
  border-top: 1px solid #D7D7E1;
  margin-bottom: 17px;
}
h3.heading-03::after {
  content: "";
  display: block;
  width: 80px;
  border-top: solid 1px #E40046;
  position: absolute;
  top: 0;
}
h3.heading-03 + .txt-main {
  margin-top: 20px;
}

h4.heading-04 {
  /* font-size: 19px; */
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 75px;
  margin-bottom: 40px;
  padding-left:10px;
  position: relative;
  display: flex;
  }
h4.heading-04::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #E40046;
  margin-bottom: 30px;
  position: absolute;
  left: 0;
}
h4.heading-04 + .txt-main {
  margin-top: 10px;
}

h5.heading-05 {
  font-size: 14px;
}

h6.heading-06 {
  font-size: 12px;
}

.lead-primary,
.lead-secondary,
.txt-main,
.txt-small,
.txt-annotion,
main section{
  line-height: 1.6;
}

.lead-primary {
  font-size: 24px;
 margin-top: 75px;margin-bottom: 40px;}

.lead-secondary {
  font-size: 20px;
    margin-bottom: 60px;
    line-height: 1.6;
margin-top: 75px;margin-bottom: 40px;}

.lead-secondary + .txt-main {
  margin-top: 10px;
}
.figtitle {
  font-weight: bold;
  margin: 30px 0 10px;
}
.txt-main {
  font-size: 16px;
margin-top: 30px;margin-bottom: 30px;}

.txt-main + .txt-main {
  margin-top: 25px;
}

.txt-main + .txt-small {
  margin-top: 20px;
}

.txt-main + .txt-annotion {
  margin-top: 10px;
}

.txt-main + .lead-secondary {
  margin-top: 50px;
}

.txt-small {
  font-size: 14px;
}

.txt-small + .lead-secondary {
  margin-top: 30px;
}

.txt-annotion {
  font-size: 12px;
  color: #6E6E82;
}

.txt-annotion + .txt-main {
  margin-top: 30px;
}

.list-style-md {
  font-size: 16px;
  margin-left: 40px;
  color: #001F6B;
}

.list-style-sm {
  font-size: 14px;
  color: #6e6e82;
line-height: 1.8;}

.list-style-disc > li {
  list-style: disc;
  margin: 10px 0 0 0;
}

.list-style-disc > li:first-child {
  margin-top: 0;
}

.list-style-disc-nest {
  margin-left: 1.2em;
}

.list-style-disc-nest > li {
  list-style: circle;
  margin-top: 20px;
}

.list-style-upper-latin > li {
  list-style: upper-latin;
  margin-top: 20px;
}

.list-style-lower-alpha > li {
  list-style: lower-alpha;
  margin-top: 20px;
}

.list-style-decimal {
  list-style: decimal;
  list-style-position: outside;
}

.list-style-decimal > li {
  margin-top: 20px;
}

.list-style-decimal > li:first-child {
  margin-top: 0;
}

/*iact start*/
.list-style-decimal-parenthesis > li {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding-left: 2.5em;
  text-indent: -2.6em;
  counter-increment: num;
}

.list-style-decimal-parenthesis > li:first-of-type {
  margin-top: 0;
}

.list-style-decimal-parenthesis > li:nth-of-type(n+10) {
  text-indent: -3.2em;
}

.list-style-decimal-parenthesis > li::before {
  content: "（" counter(num) "）";
}

.list-style-decimal-parenthesis > li * {
  text-indent: 0;
}
/*iact end*/

.list-style-asterisk > li {
  position: relative;
  padding-left: 15px;
  margin-top: 20px;
}

.list-style-asterisk > li:first-child {
  margin-top: 0;
}

.list-style-asterisk > li::before {
  position: absolute;
  top: 2px;
  left: 0;
  content: '*';
  display: block;
  font-size: 12px;
}

.list-style-group {
  counter-reset: number;
}

.list-style-sup-asterisk > li {
  position: relative;
  padding-left: 15px;
  margin-top: 20px;
}

.list-style-sup-asterisk > li:first-child {
  margin-top: 0;
}

.list-style-sup-asterisk > li > sup {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 8px;
  vertical-align: top;
}

.list-style-num > li {
  /* padding-left: 2em; */
  /* text-indent: -2em; */
}

.list-style-num > li::before {
  content: counter(number) ".";
  counter-increment: number;
  font-size: 12px;
  margin-right: 0.5em;
  margin-left: -0.3em;
  display: inline;
  width: 3px;
}
@media screen and (max-width: 520px) {
  h3.heading-03 {
    font-size: 20px;
    line-height:1.5;
    margin-top: 40px;
    margin-bottom: 20px;}
  h4.heading-04 {
    margin-top: 30px;
    margin-bottom: 20px;
    /* line-height:1.4; */
}
.txt-main,
.txt-small,
.txt-annotion {
  line-height: 1.75;
  margin-top: 20px;
  margin-bottom: 20px;
  }
.lead-primary,
.lead-secondary{
  font-size:18px;
  line-height:1.5;
  margin-top:40px;
}
  .list-style-sm {
  line-height:1.4;
}
}
@-moz-document url-prefix() {
  .list-style-num > li::before {
    width: 4px;
  }
}

@media all and (-ms-high-contrast: none) {
  .list-style-num > li::before {
    width: 5px;
  }
}

.list-style-num > li > sup {
  /* left: 24px; */
}

@media all and (-ms-high-contrast: none) {
  .list-style-num > li > sup {
    left: 12px;
  }
}

.list-style-decimal-sup-asterisk > li > sup {
  vertical-align: top;
}

.blockquote {
  font-size: 16px;
  line-height: 1.8;
  position: relative;
  margin: 0 auto;
}
.blockquote .blockquote-txt {
    padding-left: 65px;
    padding-right: 65px;
}
.blockquote-txt:before,
.blockquote-txt:after{
  content: "";
  display: block;
  background-image: url("/en/assets/images/icon_double-quotation_start.svg");
  background-repeat: no-repeat;
  width: 35px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
}
.blockquote-txt:after{
  background-image: url("/en/assets/images/icon_double-quotation_end.svg");
  top:
  inherit;
  bottom:0;
  left:
  inherit;
  right: 0;
  }

.blockquote-name {
  margin-top: 10px;
  color: #6E6E82;
  padding-left: 20px;
  position: relative;
}

.blockquote-name:before {
  content: "";
  display: block;
  border-top: 2px solid #d7d7e1;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 10px;
  left: -5px;
}

strong.txt-strong {
  font-weight: bold;
}

a{
color: #1566cc;
}

.txt-link,
.page-link,
.text-link-address {
  color: #1566cc;
    text-decoration: none;
    background-image: linear-gradient(90deg, #1566cc, #1566cc);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% 1px;
    transition: background-size 0.6s;
}
@media screen and (max-width: 960px) {
td .txt-link,
td .page-link,
td .text-link-address,
td a{
  word-break:break-all;
}
}
@media screen and (min-width: 521px) {
.txt-link:hover,
.page-link:hover,
.text-link-address:hover {
    color: #0046a0;
    text-decoration: none;
    background-size: 0 1px;
    animation: underlineAni .6s ease-out forwards;
}
@keyframes underlineAni {
  0% {background-size: 0 1px;background-position: left bottom;background-image: linear-gradient(90deg, #0046a0, #0046a0); }
  100% {background-size: 100% 1px;background-position: left bottom;background-image: linear-gradient(90deg, #0046a0, #0046a0); }
}
a:hover,
.txt-link:hover {
  color:#0046a0;
  background-size: 100% 1px;
}
}
a:visited{
  color: #5E35B1;
}
.txt-alert {
  color: #cd2d41;
}

small.txt-alert {
  font-size: 16px;
}

.pg-award-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.txt-anchor {
  color: #1566cc;
  /* font-weight: bold; */
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (min-width: 521px) {
.txt-anchor:hover{
  color: #0046a0;
background-size: 100% 1px;
}
.outside-link, .scroll-up, .scroll-down, .contact, .movie, .filesize.download  {
background-image: linear-gradient(90deg, #0046a0, #0046a0);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.6s;}
  @media screen and (min-width: 521px) {
/*.txt-anchor:hover,
a:hover .page-link,*/
a:hover .outside-link,
a:hover .scroll-up,
a:hover .scroll-down,
a:hover .download,
a:hover .contact,
a:hover .movie {
color: #0046a0;
  background-size: 100% 1px;
}
  }

.page-link:after,
.outside-link:after,
.outside-link-gray:after,
.scroll-up:after,
.scroll-down:after,
.download:after,
.contact:after,
.movie:after,
.movie-gray:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  /* vertical-align: 0.15em; */
}

.download-text-sm {
  font-size: 14px;
  padding-left: 5px; /*iact*/
}

.outside-link:after {
  width: 20px;
  height: 16px;
  background: url(/en/assets/images/icon_blank_blue.svg)  0 center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 521px) {
.outside-link:hover:after {background: url(/en/assets/images/icon_blank_o.svg) 0 center no-repeat !important;background-size: contain !important;}
}
.outside-link-gray:after {
  width: 20px;
  height: 15px;
  background-image: url("/en/assets/images/icon_blank_gray.png");
}

.scroll-up:after {
  width: 14px;
  height: 17px;
}

.scroll-down:after {
  /* width: 14px; */
  /* height: 17px; */
  /* background-image: url("/assets/images/icon_down_blue.png"); */
border-top: solid 1px #1566cc;
    border-right: solid 1px #1566cc;
    width: 13px;
    height: 13px;
    transform: rotate(135deg);
    transition: 0.2s ease;vertical-align: 0.2em;}

.download:after {
  width: 14px;
  height: 14px;
  background-image: url("/en/assets/images/icon_download_blue.svg");
}
@media screen and (min-width: 521px) {
.download:hover:after {
  background-image: url("/en/assets/images/icon_download_blue_o.svg");
}
}
.contact:after {
  width: 20px;
  height: 17px;
  background-image: url("/en/assets/images/icon_contact_blue.svg");
}

.movie:after {
  width: 18px;
  height: 18px;
  background-image: url("/en/assets/images/icon_play_blue.png");
}

.movie-gray:after {
  width: 18px;
  height: 18px;
  background-image: url("/en/assets/images/icon_play_gray.png");
  vertical-align: -4px;
}

.border {
  border: none;
  height: 25px;
  border-bottom: 2px solid #d7d7e1;
}

.date-news {
  color: #6e6e82;
}

.sub-title-news {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #D7D7E1;
}

.sub-title-news.first {
  padding-left: 20px;
  border-left: none;
}

.title-news {
  font-size: 36px;
  line-height: 1.4;
  margin-top: 30px;
}

.lead-news {
  font-size: 21px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
  padding-bottom: 30px;
}

.lead-news:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  border-bottom: 3px solid #dc3c50;
  position: absolute;
  bottom: 0;
  left: 0;
}

.list-style-disc.list-style-md {
  margin-top: 25px;
}

.list-style-upper-latin.list-style-md {
  margin-top: 30px;
}

.list-style-lower-alpha.list-style-md {
  margin-top: 30px;
}

.list-style-upper-latin > li:first-child {
  margin-top: 0;
}

.list-style-lower-alpha > li:first-child {
  margin-top: 0;
}

.list-style-sm > li > i {
  font-style: normal;
}

.sg-typo-box {
  margin-top: 50px;
}

.ff-roboto {
  font-family: Roboto;
}
@media screen and (min-width: 521px) {
a:hover {
  /* text-decoration: underline; */
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
  color: #0046a0;
}
}
  h1.heading-01 {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 100px;
    margin-left: -50vw;
    /* margin-left: -20px; */
    /* margin-top: -68px; */
    font-weight: normal;
    position: relative;
    min-height: 200px;
    display: flex;
    align-items: center;
    background: #dae0e4;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50vw;
    max-width: calc(50vw + 1200px);
    z-index: 1;
    }
h1.heading-01:after {
    content: "";
    display: block;
    position: absolute;
    width: 70vw;
    height: 100%;
    background: #d3dbe0;
    top: 0;
    left: 80%;
    z-index: -1;
}
h1.heading-01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(80% - 66.5px);
    width: 66px;
    height: 100%;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background-color: #d3dbe0;
    z-index: -1;
    }
@media screen and (max-width: 520px) {
  h1.heading-01{
    font-size: 24px;
    line-height:1.2;
    min-height: 98px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  h1.heading-01:before {
    left: calc(80% - 32.5px);
    top: 0;
    bottom: 0;
    width: 33px;
    height: 100%;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background-color: #d3dbe0;
  }
}
@media screen and (min-width: 961px) {

  h1.heading-01.narrow-space {
    margin-bottom: 30px;
  }
  h2.heading-02 {
    /* margin-top: 75px; */
  }
  .lead-primary {
    margin-bottom: 60px;
  }

  .lead-news {
    margin-top: 20px;
    margin-bottom: 60px;
    padding-bottom: 40px;
  }
  .sg-typo-box {
    margin-top: 80px;
  }
}

.android-word-correction {
  font-family: "Verdana","Droid Sans";
}
@media screen and (max-width: 961px) {
  .android-word-correction {
    display: inline-block;
  }
}
sup .android-word-correction {
  font-size: 10px;
}
h2.title-news sup {
    vertical-align: text-top;
}
h2.title-news sup .android-word-correction {
    font-size: 12px;
}

/*------------------------------------------------------
 Button
------------------------------------------------------*/
.btn {
  line-height: 1.6; /*iact*/
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
}

.btn-wrap {
  line-height: 1.6;
}

.btn-lg {
  padding: 18px 20px;
}

.btn-md {
  padding: 13px 20px;
}

.btn-sm {
  padding: 8px 10px;
}

.btn-default {
  display: block;
  background-color: #FFFFFF;
  color: #1566cc;
  font-size: 16px;
  font-weight: bold;
  position:relative;
  overflow:hidden;
}
@media screen and (min-width: 521px) {
.btn-default:hover {
  color: #0046a0 !important;
  /* background-color: #DCEBFF; */
  border: solid 1px #0046a0;
}
}
.btn-default:before {
    content: "";
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    left: 0;
    border-right: 30px solid transparent;
    border-top: 120px solid #DCEBFF;
    opacity: 0;
    transition: 0.35s ease-in-out;
}
@media screen and (min-width: 521px) {
.btn-default:hover:before {opacity:1;}
}
.btn-default > .icn-btn-arrow:after {
  width: 16px;
  height: 14px;
  background-image: url(/en/assets/images/icon_contact_white.svg);
}

.btn-default > .icn-btn-window:after {
  width: 16px;
  height: 14px;
  background-image: url(/en/assets/images/icon_blank_blue.svg);
}

.btn-default > .icn-btn-download:after {
  width: 16px;
  height: 14px;
  background-image: url(/en/assets/images/icon_download_blue.png);
}

.btn-default > .icn-btn-contact:after {
  width: 16px;
  height: 14px;
  background-image: url(/en/assets/images/icon_contact_blue.svg);
}
@media screen and (min-width: 521px) {
.btn-default:hover > .icn-btn-contact:after {
  background-image: url(/en/assets/images/icon_contact_blue_o.svg);
}
}
.btn-primary {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: #fff;
  color: #1566cc;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border: solid 1px #1566cc;
  /* border-radius: 30px; */
  overflow: hidden;
}
.btn-primary:before{
  content: "";
  display: block;position: absolute;
  top: 0;
  right: 40px;
  bottom:0;
  left: 0;
  border-right: 30px solid transparent;
  border-top: 90px solid #DCEBFF;
  opacity: 0;
  transition: 0.35s ease-in-out;
}
@media screen and (min-width: 521px) {
.btn-primary:hover{
  text-decoration: none;
  border-color: #0046a0;
  /* color: #fff; */
  /* overflow: hidden; */
  /* z-index: -1; */
}
.btn-primary:hover:before {
  opacity: 1;
}
}
.btn-primary.btn-contact,
.btn-default.btn-contact{
  background:#1566cc;
  color:#fff;
  border: solid 1px #1566cc;
}
@media screen and (min-width: 521px) {
.btn-primary.btn-contact:hover,
.btn-default.btn-contact:hover{
  background:#fff;
  color:#0046a0;
}
}
.btn-primary > .icn-btn-arrow {
  position:relative;
}
.btn-primary > .icn-btn-arrow::before,.btn-primary > .icn-btn-arrow::after{
  /* content:""; */
  /* display:block; */
  /* position:absolute; */
}

.btn-primary > .icn-btn-arrow::after{
    width: 15px;
    height: 15px;
    background:url(/en/assets/images/icon_link_arrow_blue.svg) 0 0 no-repeat;
    background-size:cover;
}
@media screen and (min-width: 521px) {
.btn-primary:hover > .icn-btn-arrow::after{
  background-image: url(/en/assets/images/icon_link_arrow_o.svg);
  right: 0;
}
}

.btn-primary.btn-contact > .icn-btn-arrow::after{
    background-image:url(/assets/images/icon_link_arrow_white.svg);
}
@media screen and (min-width: 521px) {
.btn-primary.btn-contact:hover > .icn-btn-arrow::after{
  background-image: url(/assets/images/icon_link_arrow_o.svg);
}
}

.btn-primary > .icn-btn-window:after {
  top: 0.6em;
  width: 18px;
  height: 18px;
  background: url(/en/assets/images/icon_blank_blue.svg) 0 0 no-repeat;
  background-size: contain;
  transition: 0.5s ease-in-out;
}
@media screen and (min-width: 521px) {
.btn-primary:hover > .icn-btn-window:after {
  background: url(/en/assets/images/icon_blank_o.svg) 0 0 no-repeat;
  background-size: contain;
}
}
.btn-primary > .icn-btn-download:after {
  width: 16px;
  height: 14px;
  background-image: url(/en/assets/images/icon_download_blue.svg);
}
@media screen and (min-width: 521px) {
.btn-primary:hover > .icn-btn-download:after {
  background-image: url(/en/assets/images/icon_download_blue_o.svg);
}
}
.btn-primary > .icn-btn-contact:after,
.btn-default.btn-contact > .icn-btn-contact:after{
  width: 16px;
  height: 14px;
  background-image: url(/en/assets/images/icon_contact_white.svg);
}
@media screen and (min-width: 521px) {
.btn-primary:hover > .icn-btn-contact:after,
.btn-default.btn-contact:hover > .icn-btn-contact:after{
    background-image: url(/en/assets/images/icon_contact_blue_o.svg);
}
}

.icn-btn {
  display: inline-block;
  position: relative;
  padding-right: 45px;
}

.icn-btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /* opacity: 0.5; */
  transition: 0.2s ease;
}

.icn-btn.icon-wrap {
  padding-right: 0;
}

.icn-btn.icon-wrap:after {
  position: static;
  display: inline-block;
  margin-left: 10px;
  -webkit-transform: none;
  transform: none;
  vertical-align: middle;
}

.icon-anchor-link:after {
  background-image: url("/en/assets/images/icon_down_blue.png");
  width: 11px;
  height: 12px;
  right: -25px;
}

.sg-btn-images {
  background-size: cover;
}

.sg-btn-images .icn-btn {
  white-space: nowrap;
}

/*------------------------------------------------------
 Tag
------------------------------------------------------*/
.tag-wrap {
  line-height: 1.6;
}

.tag-lg {
  padding: 18px 20px;
}

.tag-md {
  padding: 13px 20px;
}

.tag-sm {
  padding: 8px 10px;
}

.tag-list {
  font-size: 0;
  margin-left: -5px;
  margin-right: -5px;
}

.tag-list > li {
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
@media screen and (min-width: 521px) {
.tag-list a:hover {
  text-decoration: none;
}
}
.tag-default {
  color: #323246;
  border: 1px solid #d7d7e1;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1;
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
}
@media screen and (min-width: 521px) {
.tag-default:hover {
  border: 1px solid #6e6e82;
}
}

.tag-default.is-active {
  color: #FFFFFF;
  background-color: #6e6e82;
  border: none;
  cursor: default;
}

/*------------------------------------------------------
 Tab
------------------------------------------------------*/
.tab-header-wrap {
  position: relative;
}
.tab-contatiner{
  max-width: 100%;
}
.tab-anchor:before{
  position: absolute;
  display:  block;
  /* content:  ""; */
  width: calc(85.88% + 10px);
  max-width: 1200px;
  height: 1px;
  top:0;
  margin-top: 0px;
  margin-left: -10px;
  border-top: 1px solid #001F6B;
  }

@media screen and (min-width:521px) and (max-width:960px){
  .tab-anchor:before{width:90%;}
}
@media screen and (max-width:520px){
  .tab-anchor:before{width:92%;}
}

.tab-default,
.tab-anchor{
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}

.tab-default > li,
.tab-anchor > li{
  /* display: flex; */
  line-height: 1;
  /* padding: 0 10px; */
  /* flex-wrap: wrap; */
}
.tab-default > li+li,
.tab-anchor > li+li{
    padding-left: 20px;
}

.tab-default > li > a, .tab-anchor > li > a{
  display: block;
  padding: 18px 18px;
  /* margin: 0 16px; */
  /* border-top-left-radius: 3px; */
  /* border-top-right-radius: 3px; */
  color: #1566cc;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  border: 1px solid;
  border-color:  #001F6B #001F6B transparent;
  position:
  relative;
  text-decoration: none !important;
  background-image: none !important;
}
.tab-default > li > a:before,
.tab-anchor > li a:before{
  display:none;
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
  position:absolute;
  bottom:3px;
  left:10%;
  width:0;
  border-bottom: solid 3px #0046a0;
  content:"";
  display:block;
}
@media screen and (min-width: 521px) {
.tab-default > li > a:hover,
.tab-anchor > li > a:hover{
  color:#0046a0;
}
.tab-default > li > a:hover:after,
.tab-anchor > li > a:hover:after{
  background:none;
}

.tab-default > li > a:hover,
.tab-anchor > li > a:hover{
  /* background-color: #f2f4f8; */
  text-decoration: none;
}
}
.tab-default > li > .is-active,
.tab-anchor li > .is-active{
  background-color: #FFFFFF;
  /* border: 1px solid; */
  border-color: #001F6B #001F6B transparent;
  color: #001F6B;
  pointer-events: none;
  position:
  relative;
  /* margin-top: 1px; */
  }
.tab-anchor > li > a,
.tab-anchor li > .is-active{
  border-color: transparent #001F6B #001F6B ;
background-position: left top !important;
margin-top:-1px;}
.tab-default > li > .is-active:before,
.tab-anchor > li > .is-active:before{
  position:absolute;
  bottom:3px;
  left:10%;
  width:80%;
  border-bottom:solid 3px #E40046;
  content:"";
  display:block;
}
.tab-anchor > li > .is-active:before{
  bottom: inherit;
  top: 3px;
}
@media screen and (min-width: 521px) {
.tab-default > li > a:hover:before,
.tab-anchor > li > a:hover:before{
  width:80%;
}
}
.tab-anchor > li > a:before{
  bottom:inherit;
  top:3px;
}

.tab-body {
  border-top: 1px solid #001F6B;
  margin-top: -1px;
  /* border-bottom: 1px solid #001F6B; */
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}

.tab-anchor {
  display: flex;
  /* border-top: 1px solid #001F6B; */
  /* border-radius: 3px; */
  /* overflow: visible; */
  /* width: 100%; */
  /* margin-top: 0px; */
  /* position: relative; */
  /* z-index: 10; */
  overflow-x: auto;
  }

/*.tab-anchor > li {
  display: table-cell;
  line-height: 1;
}

.tab-anchor > li > a {
  display: block;
  padding: 18px 20px;
  color: #1566cc;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
}

.tab-anchor > li > a:hover {
  background-color: #f2f4f8;
  text-decoration: none;
}

.tab-anchor > li + li {
  border-left: 1px solid #d7d7e1;
}*/

/*------------------------------------------------------
 Anchor link
------------------------------------------------------*/
.anchor-link {
  /* border-top: 1px solid #D7D7E1; */
  /* border-bottom: 1px solid #D7D7E1; */
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 0;
}

.anchor-link > li {
  display: inline-block;
  margin-right: 50px;
margin-bottom: 20px;}

.anchor-link > li + li {
  /* margin-left: 40px; */
}

.anchor-link > li > a {
  display: block;
  color: #1566cc;
  font-size: 16px;
  line-height: 1;
  /* font-weight: bold; */
  background-image: linear-gradient(90deg, #0046a0, #0046a0);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.6s;
}
@media screen and (min-width: 521px) {
.anchor-link > li > a:hover{
  color: #0046a0;
background-size: 100% 1px;
}
}
.anchor-link > li > a:after{
  border-top: solid 1px #1566cc;
  border-right: solid 1px #1566cc;
  width: 13px;
  height: 13px;
  transform: rotate(135deg);
  transition: 0.2s ease;
}
.anchor-link > li > a:hover:after{
  /* top: -0.1em; */
}
.icn-anchor-link {
  position: relative;
  padding-right: 20px;
}

.icn-anchor-link:after {
  position: absolute;
  top: -.2em;
  right: -5px;
  content: '';
  display: block;
  width: 12px;
  height: 14px;
  /* background: url("/assets/images/icon_down_blue.png") no-repeat; */
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: solid 1px #1566cc;
  border-right: solid 1px #1566cc;
  width: 13px;
  height: 13px;
  transform: rotate(135deg);
  transition: 0.2s ease;
  }

/*------------------------------------------------------
 Accordion
------------------------------------------------------*/
.accordion-block {
  background-color: #f2f4f8;
  border-bottom: 1px solid #D7D7E1;
}

.accordion-block > dt {
  position: relative;
  padding: 20px 40px 20px 20px;
  background-color: #FFFFFF;
  border-top: 1px solid #d7d7e1;
  cursor: pointer;
  font-weight: bold;
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
}

.accordion-block > dt::after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: '';
  display: block;
  width: 13px;
  height: 9px;
  background: url("/en/assets/images/icn_arw_down.svg") no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
@media screen and (min-width: 521px) {
.accordion-block > dt:hover {
  background-color: #f2f4f8;
}
}

.accordion-block > dt.is-active {
  background-color: #f2f4f8;
}

.accordion-block > dt.is-active::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion-block > dd {
  display: none;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #d7d7e1;
  line-height: 1.8;
}

@media screen and (max-width: 960px) {
  .accordion-block > dd {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/*------------------------------------------------------
 Pagination
------------------------------------------------------*/
.pagination {
  display: table;
}

@media screen and (max-width: 960px) {
  .pagination {
    width: 100%;
    border: 1px solid #d7d7e1;
    border-radius: 3px;
  }
}

.pagination > li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.pagination > li > a {
  padding-left: 10px;
  padding-right: 10px;
  /* color: #323246; */
}

.pagination .is-active {
  font-weight: bold;
}
.pagination .is-active a{
  color:#001F6B;
}
.pagination-prev > a,
.pagination-next > a {
  display: block;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #d7d7e1;
  border-radius: 3px;
  text-indent: -9999px;
  -webkit-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease;
}

@media screen and (max-width: 960px) {
  .pagination-prev > a,
  .pagination-next > a {
    width: 100%;
    border: none;
    border-radius: 0;
  }
}
@media screen and (min-width: 521px) {
.pagination-prev > a:hover,
.pagination-next > a:hover {
  background-color: #DCEBFF;
  background-size: 16px;
}
}
.pagination-prev {
  padding-right: 10px;
}

@media screen and (max-width: 960px) {
  .pagination-prev {
    width: 77px;
    padding-right: 0;
    border-right: 1px solid #d7d7e1;
  }
}
.pagination-prev > a,
.pagination-next > a{
  position:relative;
}
.pagination-prev > a:after,
.pagination-next > a:after{
  position: absolute;
    top: calc(50% - 7px);
    left: 15px;
    content: '';
    display: block;
    border-top: solid 1px #1566cc;
    border-right: solid 1px #1566cc;
    width: 13px;
    height: 13px;
    transform: rotate(-135deg);
}
.pagination-next > a:after{
  left:10px;
  transform: rotate(45deg);
}
.pagination-prev.is-disabled > a {
  pointer-events: none;
}
.pagination-prev.is-disabled > a:after,
.pagination-next.is-disabled > a:after {
  border-color:#d7d7e1;
}
.pagination-next {
  padding-left: 10px;
}

@media screen and (max-width: 960px) {
  .pagination-next {
    width: 77px;
    padding-left: 0;
    border-left: 1px solid #d7d7e1;
  }
}


.pagination-next.is-disabled > a {
  pointer-events: none;
}


/*------------------------------------------------------
 Select box
------------------------------------------------------*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* firefox */
  text-indent: .01px;
  text-overflow: "";
}
.select{
  position: relative;
  display: inline-block;
  }
.select:after{
position: absolute;
    top: calc(50% - 10px);
    right: 15px;
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    transform: rotate(135deg);
}

select::-ms-expand {
  display: none;
}

.select-default {
  color: #323246;
  display: inline-block;
  padding-left: 15px;
  padding-right: 70px;
  height: 40px;
  font-size: 16px;
  background: url(../images/icn_arw_down.svg) no-repeat 0 0;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-color: #FFFFFF;
  background-size: 16px 7px;
  border: 1px solid #d7d7e1;
  /* border-radius: 5px; */
  cursor: pointer;
}

@media screen and (min-width: 961px) {
  .select-default.select-sm {
    padding-left: 18px;
    height: 56px;
    line-height: 30px;
    font-size: 16px;
    padding-right: 65px;
    background-position: right 10px center;
  }
}

/*------------------------------------------------------
 Form
------------------------------------------------------*/
.form-group + .form-group {
  margin-top: 45px;
}

.form-group .form-txt-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  font-weight: bold;
}

.form-txt-area {
  display: inline-block;
  max-width: 350px;
  width: 100%;
  padding: 16px 16px 16px 20px;
  font-size: 16px;
  color: #323246;
  background-color: #FFFFFF;
  border: none;
  /* border-radius: 3px; */
}

@media screen and (max-width: 520px) {
  .form-txt-area {
    width: 280px;
  }
}

@media screen and (max-width: 520px) {
  .form-txt-area {
    width: 240px;
  }
}

.form-txt-area.is-block {
  display: block;
}

.form-required {
  display: inline-block;
  border: 1px solid #cd2d41;
  border-radius: 3px;
  color: #cd2d41;
  font-size: 14px;
  font-weight: normal;
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 20px;
}

.form-help {
  color: #6e6e82;
  font-size: 12px;
  margin-top: 10px;
}

.form-error-txt {
  color: #cd2d41;
  font-size: 12px;
  margin-top: 10px;
}

.is-error .form-txt-area {
  border: 1px solid #cd2d41;
}

input[type="text"] {
  color: #323246;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0 10px 0 0;
  outline: none;
  display: none;
}

input[type="text"],
input[type="radio"],
input[type="checkbox"],
input[type="search"],
.form-search-btn {
  -webkit-appearance: none;
  appearance: none;
}

/*--------------------------------
 radio
----------------------------------*/
.radio-wrap {
  position: relative;
}

.radio-icon {
  position: relative;
  padding-left: 34px;
}

.radio + .radio-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 12px;
  width: 24px;
  height: 24px;
  border: 1px solid #d7d7e1;
  background-color: #FFFFFF;
  border-radius: 100%;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.radio:checked + .radio-icon:after {
  position: absolute;
  top: 50%;
  left: 12px;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: #dc3c50;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*--------------------------------
 checkbox
----------------------------------*/
.checkbox-wrap {
  position: relative;
}

.checkbox-icon {
  padding-right: 32px;
  position: relative;
}

.checkbox + .checkbox-icon {
  position: relative;
  vertical-align: middle;
  padding-left: 34px;
  cursor: pointer;
}

.checkbox + .checkbox-icon:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #d7d7e1;
  border-radius: 3px;
}

.checkbox:checked + .checkbox-icon:before {
  background-color: #dc3c50;
  border: none;
}

.checkbox:checked + .checkbox-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 15px;
  height: 8px;
  border-left: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.radio-inline > label + label {
  margin-left: 30px;
}

@media screen and (max-width: 960px) {
  .radio-inline > label + label {
    display: block;
    margin-top: 15px;
    margin-left: 0;
  }
}

.checkbox-block label {
  font-size: 16px;
}

.checkbox-block + .checkbox-block {
  margin-top: 15px;
}

.form-search-btn {
  display: block;
  position: absolute;
  right: 3px;
  top: 7px;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 10px;
  margin-left: -46px;
}

.form-search-btn > img {
  width: 100%;
}

.form-search.form-search-bg {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #6e6e82;
}

@media screen and (max-width: 960px) {
  .form-search.form-search-bg {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.form-search.form-search-bg > .form-txt-area {
  border: none;
}

.search-txt {
  line-height: 1.3;
}

.wave-line {
  width: 13px;
  height: 6px;
  background-position: bottom;
}

body {
  color: #001F6B;
}

.sg-frame {
  padding-bottom: 100px;
}

.frame-box-pd {
  padding: 30px;
}

@media screen and (max-width: 960px) {
  .frame-box-pd {
    padding: 30px 15px;
  }
}

.frame-box-white {
  border: 1px solid #D7D7E1;
}

.frame-box-super-light-gray {
  background-color: #F2F4F8;
}

.frame-box-light-blue {
  background-color: #ECEFF1;
}

.frame-box-mid-blue {
  background-color: #001F6B;
  color: #FFFFFF;
width: 100%;}

.frame-text-link .anchor,
.frame-text-link .frame-head {
  color: #dcebff;
  font-weight: bold;
  position: relative;
}

.frame-text-link .frame-desc-list-disc > li > a::after {
  content: "";
  display: inline-block;
  border-bottom: 1px solid #dcebff;
  width: 200px;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
}
@media screen and (min-width: 521px) {
.frame-text-link .frame-desc-list-disc > li > a:hover {
  color: #FFFFFF;
}

.frame-text-link .frame-desc-list-disc > li > a:hover::after {
  content: "";
  display: inline-block;
  border-bottom: 1px solid #FFFFFF;
  width: 200px;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0;
}
}

.frame-text-link .download:after {
  background-image: url("/en/assets/images/icon_download_white.png");
}

.frame-text-link .frame-desc-list-disc > li {
  margin-top: 15px;
}

.frame-box-dark-blue {
  background-color: #283264;
  color: #FFFFFF;
}

.frame-box-yellow {
  background-color: #FFF096;
}

.frame-box-red {
  border: 3px solid #CD2D41;
}

.frame-head {
  font-weight: bold;
}

.frame-desc {
  margin-top: 20px;
}

.frame-desc-list-disc {
  padding-left: 2em;
  margin-top: 20px;
}

.frame-desc-list-disc > li {
  list-style: disc;
  margin: 10px 0 0 0;
}
@media screen and (min-width: 521px) {
.frame-desc-list-disc > li > a:hover {
  text-decoration: none;
}
}
.frame-desc-list-disc > li:first-child {
  margin-top: 0;
}

.frame-note {
  font-size: 12px;
  padding-left: 1em;
  margin-top: 20px;
  position: relative;
}

.frame-note::before {
  content: '*';
  position: absolute;
  font-size: 16px;
  line-height: 1;
  top: 1px;
  left: 0;
}

.list-dl-line {
  font-size: 16px;
}

.list-dl-line > dt, .list-dl-line > dd {
  padding-top: 40px;
}

.list-dl-line > dt {
  float: left;
  margin-right: 40px;
  font-weight: bold;
}

@media screen and (max-width: 960px) {
  .list-dl-line > dt {
    margin-right: 35px;
  }
}

.list-dl-line > dt:first-child {
  padding-top: 0;
}

.list-dl-line > dt:first-child + dd {
  padding-top: 0;
}

.list-dl-line > dd {
  overflow: hidden;
}

.list-dl-line > dd + dt {
  clear: left;
}

.list-dl-horizontal {
  /* color: #6e6e82; */
}

.list-dl-horizontal > dt {
  font-size: 14px;
}

.list-dl-horizontal > dt > span.list-dl-horizontal-label {
  border-left: 1px solid #D7D7E1;
}

.list-dl-horizontal > dt > span.list-dl-horizontal-label.first {
  border-left: none;
  padding-left: 20px;
}

@media screen and (max-width: 960px) {
  .list-dl-horizontal > dt > span.list-dl-horizontal-label.first {
    padding-left: 0;
  }
}

.list-dl-horizontal > dd {
  font-size: 16px;
  line-height: 1.6;
  /* font-weight: bold; */
  margin-top: 5px; /*iact*/
  padding-bottom: 10px; /*iact*/
  border-bottom: 1px solid #d7d7e1;
}

.list-dl-horizontal > dd + dt {
  margin-top: 20px; /*iact*/
}

.list-dl-horizontal a {
  color: #1566cc;
background-image: linear-gradient(90deg, #0046a0, #0046a0);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.6s;
}
@media screen and (min-width: 521px) {
.list-dl-horizontal a:hover {
color:#0046a0;
 background-size: 100% 1px;
}
}
.list-dl-horizontal-label {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 960px) {
  .list-dl-horizontal-label {
    margin-left: 0;
  }
}

.list-dl-normal {
  margin-top: 30px;
}

.list-dl-normal > dt {
  font-size: 18px;
  font-weight: bold;
}

.list-dl-normal > dd {
  margin-top: 20px;
  font-size: 16px;
  border-bottom: 1px solid #d7d7e1;
  padding-bottom: 20px;
  line-height: 1.6;
}

.list-dl-normal > dd + dt {
  margin-top: 30px;
}

.list-dl-normal-desc-sm {
  font-size: 12px;
  margin-top: 20px;
  display: block;
  color: #6e6e82;
}

.list-ul-normal > li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7e1;
}

.list-ul-normal > li:first-child {
  border-top: 1px solid #d7d7e1;
}

.head-desc {
  font-size: 14px;
  font-weight: bold;
  margin-top: 40px;
}

.list-dl-index-link > dt {
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #1566cc;
}

.list-dl-index-link > dd {
  font-size: 16px;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7e1;
}

.list-ul-index-link {
  font-size: 0px;
  overflow: hidden;
}

.list-ul-index-link > li {
  font-size: 18px;
  padding-top: 25px;
  font-weight: bold;
  color: #1566cc;
  padding-bottom: 25px;
  /* border-bottom: 1px solid #d7d7e1; */
  position:relative;
}
.list-ul-index-link > li:after{
  content:
  "";
  display:
  block;
  position:
  absolute;
  width:100%;
  height:1px;
  background-color: #d7d7e1;
  bottom: 0;
}
.list-ul-index-link > li:nth-child(n + 4):after{
  bottom:-1px;
}
.list-ul-index-link > li:nth-child(odd) {
  /* margin-right: 3%; */
}

@media screen and (max-width: 960px) {
  .list-ul-index-link > li:nth-child(odd) {
    margin-right: 0;
  }
}

.list-ul-index-link a {
  color: #1566cc;
position:relative;
}
@media screen and (min-width: 521px) {
.list-ul-index-link a:hover {
color:#0046a0;
}
}
.list-ul-index-link a:not(.outside-link):after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0.4em;
  right: -20px;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(/en/assets/images/icon_link_arrow_blue.svg) 0 0 no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all 0.2s ease-in-out;
 }
 .list-ul-index-link a:hover:after {
  background: url(/en/assets/images/icon_link_arrow_o.svg) 0 0 no-repeat;
  right: -25px;
  opacity: 1;
 }
.list-ul-index-link .list-ul-index-link-single {
  margin-top: 15px;
  padding-bottom: 15px;
}

.list-ul-index-link-desc {
  font-size: 16px;
  font-weight: normal;
  margin-top: 15px;
  color: #323246;
}

.semi-col {
  display: none;
}

/***************************************************************/
@media screen and (min-width: 960px) {
  .head-desc {
    margin-left: 20px;
  }
  .list-dl-horizontal br {
    display: none;
  }
  .list-dl-index-link {
    margin-left: 20px;
  }
  .list-ul-index-link {
    /* width: 750px; */
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-wrap: -ms-wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
    gap: 3%;
  }
  .list-ul-index-link.first-row-full {
    width: 100%;
  }
  .list-ul-index-link.first-row-full > li:nth-child(even) {
    /* margin-right: 40px; */
  }
  .list-ul-index-link.first-row-full > li:nth-child(odd) {
    /* margin-right: 0; */
  }
  .list-ul-index-link.first-row-full > li:first-child {
    width: 100%;
    margin-right: 0;
  }
  .list-ul-index-link.first-row-full > li + li {
    width: 31.32%;
    /* margin-right: 3%; */
  }
  .list-ul-index-link>li {
     width: 31.32%;
  }
  /************* 確認用 ***************/
  .is-md-dn {
    display: none;
  }
  .semi-col {
    display: block;
  }
}

.sg-typography h1 {
  font-size: 28px;
  font-weight: 600;
  margin-top: 50px;
  border-left: 3px solid #DC3C50;
  padding-left: 13px;
}

.sg-typography h2 {
  font-size: 21px;
  font-weight: 600;
  margin-top: 60px;
  padding-bottom: 15px;
  border-bottom: 2px solid #D7D7E1;
}

/* table base*/
.table {
  width: 100%;
  font-size: 16px;
  table-layout: fixed;
}

.table > tbody > tr {
  border-bottom: 1px solid #D7D7E1;
}

.table > tbody > tr:first-child {
  /* border-bottom: 3px solid #D7D7E1; */
}

.table > tbody > tr > td,
.table > tbody > tr > th {
  padding: 20px 15px 20px 5px;
  /* vertical-align: top; */
  text-align: left;
}



.table-text-right {
  text-align: right !important;
}

.table > tbody > tr > th {
  font-weight: bold;
  background: #ECEFF1;
  border: solid 1px #D7D7E1;
}

.table > tbody > tr > th:first-child, .table > tbody > tr > td:first-child {
  border-left: none;
}
.table > tbody > tr > th:last-child, .table > tbody > tr > td:last-child {
  border-right: none;
}
.table > tbody > tr:first-child > td {
  /* padding-top: 15px; */
  /* padding-bottom: 15px; */
}

.table > tbody > tr > td > a > img {
  width: 14px;
  margin-left: 10px;
}

/* table-striped */
.table-striped > tbody > tr:nth-child(even) {
  /* background-color: #F5F7F8; */
  /* opacity: .5; */
}

/* table-bordered */
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
  border: 1px solid #D7D7E1;
}

/* table-primary */
.table-primary > tbody > tr:first-child {
  /* color: #FFFFFF;
  background-color: #ECEFF1;*/
  /* border-bottom: none; */
}

.table-primary > tbody > tr > th:first-child {
  /*background-color: #f5f7f8;*/
  border-left: none;
}

.table-primary > tbody > tr:first-child > th {
  background-color: #ECEFF1;
  /* border-left: none; */
}

.table-primary > tbody > tr > td {
  border: 1px solid #D7D7E1;
}

.emphasis-row {
  background-color: #FFF096;
}

.emphasis-cell {
  background-color: #FFF096;
}

.table-link-cell a,
table .table-link-cell a:not([class]){
  /* font-weight: bold; */
  color: #1566cc;
  /*background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;*/
  transition: background-size 0.6s;
}
@media screen and (min-width: 521px) {
.table-link-cell a:hover {
  color:#0046a0;
  background-size: 100% 1px;
}
}
.scrollable-wrap table {
  /*width: auto;*/
  margin-bottom: 20px;
  table-layout: auto;
}

@media screen and (max-width: 960px) {
  .scrollable-wrap table th, /*iact*/
  .scrollable-wrap table td {
    white-space: nowrap;
  }
}

.scrollable-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.scrollable-container {
  overflow-x: auto;
  position: relative;
  z-index: 10;
  padding-top: 1px;
  /* border-top: 1px solid #001F6B; */
  /* padding-right: 10px; */
  width: 100%;
}
.scrollable-container:before{
  position: absolute;
  display:
  block;
  content:"";
  width: calc(85.88% + 10px);
  /* max-width: 1200px; */
  width: 100%;
  height: 1px;
  top: 1px;
  /* margin-left: -10px; */
  border-top: 1px solid #001F6B;
  }
.tab-header-wrap > .tab-header.scrollable-container:before{
  border:none;
}
.table-scroll-inner {
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .table-scroll-inner {
    overflow-x: auto;
  }
  .scrollable-after:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    margin: 0 -50px 0 0;
    height: 100%;
    border-radius: 10px 0 0 10px / 50% 0 0 50%;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
    content: '';
    z-index: 100;
  }

  .scrollable-before:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    margin: 0 0 0 -50px;
    height: 100%;
    border-radius: 0 10px 10px 0 / 0 50% 50% 0;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25);
    content: '';
    z-index: 100;
  }
}

.table > tbody > tr > td {
    padding: 10px 20px;
    border: solid 1px #D7D7E1;
  }
.grid > * img {
  width: auto;
  height: auto;
  margin: 0;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.image-width-3-4 {
  width: 75% !important;
}

.image-width-1-2 {
  width: 50% !important;
}

.image-ellipse {
  border-radius: 100%;
}

.image-border {
  border: 1px solid #D7D7E1;
}

.maxw990 figure{
  text-align:center;
}
.image-caption,
.site-container figure figcaption{
  display: block;
  line-height: 1.6;
  /* color: #6E6E82; */
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 20px;
  /* text-align: center; */
}

.xs-row-8-frame > * {
  margin-bottom: 30px;
}

@media screen and (max-width: 960px) {
  .table{width:auto;}
  .table > tbody > tr > td,
  .table > tbody > tr > th {
    padding: 10px;
    word-break: normal;
    word-wrap: normal;
  }
}
@media screen and (min-width: 960px) {
  .table {
    width: 100%;
    font-size: 16px;
    word-break: normal;
    word-wrap: normal;
  }

  .table > tbody > tr > th {
    padding: 10px 20px;
    /* background: #ECEFF1; */
    /* border: solid 1px #D7D7E1; */
    text-align: left;
  }
}
@media screen and (max-width: 960px) {
  .xs-row-8-frame > * {
    margin-top: 10px;
  }
}

.banner-space {
  background-color: #F2F4F8;
}

.banner-space .site-container {
  background-color: #F2F4F8;
  /* margin: 0 -7.07%; */
  /* width: 114%; */
  padding-bottom: 0;
}

.banner-space-inner {
  position: relative;
}

.banner-slider-wrapper {
  padding-top: 30px;
  padding-bottom: 22px;
  margin-left: auto;
  margin-right: auto;
  max-width: 752px;
}

@media screen and (max-width: 960px) {
  .banner-slider-wrapper {
    padding-top: 20px;
    padding-bottom: 38px;
  }
}

.banner-slider {
  position: relative;
  overflow: hidden;
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (max-width: 960px) {
  .banner-slider {
    height: auto;
  }
}

.banner-slider-list {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  display: table;
}

.banner-slider-list.is-visible {
  visibility: visible;
}

.banner-slider-list > li {
  font-size: initial;
  display: table-cell;
  vertical-align: top;
  padding-left: 8px;
  padding-right: 8px;
}

.slider-indicator-wrapper {
  padding-top: 20px;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .slider-indicator-wrapper {
    padding-top: 28px;
  }
}

.slider-indicator-item-list {
  min-height: 8px;
  text-align: center;
  font-size: 0;
  display: inline-block;
}

.slider-indicator-item-list > li {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  cursor: pointer;
  background-color: #AAAAB1;
}

.slider-indicator-item-list > li > a {
  display: block;
  height: 100%;
}

.slider-indicator-item-list > li + li {
  margin-left: 10px;
}

.slider-indicator-item-list > li.is-current {
  background-color: #DC3C50;
}

@media screen and (max-width: 960px) {
  .banner-cassette {
    height: auto !important;
  }
}

.banner-cassette-inner {
  display: block;
  width: 240px;
  background-color: #FFFFFF;
  height: 100%;
  color: #000000;
  -webkit-tap-highlight-color: transparent;
  transition: 150ms;
}

.banner-cassette-inner:active {
  opacity: 0.75;
}
@media screen and (min-width: 521px) {
.banner-cassette-inner:hover {
  opacity: 0.75;
  text-decoration: none;
}
}
.banner-cassette-inner{
  position:relative;
}
.banner-cassette-inner::before,.banner-cassette-inner::after{
  content:"";
  display:block;
  position:absolute;
}
.banner-cassette-inner::before{
    /* left: 3px; */
    width: 16px;
    height: 1px;
    background: #1566cc;
    bottom: 18px;
    right: 14px;
}
.banner-cassette-inner::after{
    /* left: 3px; */
    width: 13px;
    height: 13px;
    border-top: 1px solid #1566cc;
    border-right: 1px solid #1566cc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 12px;
    right: 15px;
}

@media screen and (max-width: 960px) {
  .banner-cassette-inner {
    display: table;
    padding: 10px;
    width: 100%;
    font-size: 0;
  }
  .banner-cassette-inner > * {
    font-size: initial;
    vertical-align: top;
  }
}

.banner-cassette-inner > * {
  pointer-events: none;
}

.banner-cassette-inner > img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  .banner-cassette-inner > img {
    display: table-cell;
    width: 135px;
  }
}

.banner-cassette-inner > .banner-cassette-definition {
  padding: 20px;
  min-height: 67px;
}

@media screen and (max-width: 960px) {
  .banner-cassette-inner > .banner-cassette-definition {
    display: table-cell;
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

.banner-cassette-definition > dt {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 960px) {
  .banner-cassette-definition > dt {
    font-size: 14px;
  }
}

.banner-cassette-definition > dd {
  font-size: 14px;
}

.slider-actions {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-80%);
}

@media screen and (min-width: 961px) {
  .slider-actions {
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 960px) {
  .slider-actions {
    top: auto;
    margin: auto;
    width: 246px;
    bottom: 25px;
    transform: initial;
  }
}

.slider-btn {
  width: 60px;
  height: 60px;
  /* border: 1px solid #D7D7E1; */
  /* border-radius: 100%; */
  /* background-size: contain; */
  /* background-repeat: no-repeat; */
  /* background-position: center; */
  /* background-color: #FFFFFF; */
  cursor: pointer;
  outline: none;
  border: none;
  background: none;
}
.slider-btn::before,.slider-btn::after{
    content: "";
    display: block;
    width: 33px;/*線の長さ*/
    height: 1px;/*線の太さ*/
    background: #1566cc;/*線の色*/
    position: absolute;
    top: calc(50% - 1px);
    right: 20px;
    border-radius: 100px;
    transform: rotate(55deg);
    transform-origin: calc(100% - 1px) 50%;
}
@media screen and (max-width: 520px) {
.slider-btn::before,.slider-btn::after{
  width:20px;
}
}
.slider-btn::after{
    transform: rotate(-56deg);
}

@media screen and (max-width: 960px) {
  .slider-btn {
    width: 44px;
    height: 44px;
  }
}

.slider-btn.is-disabled {
  pointer-events: none;
}
@media screen and (min-width: 521px) {
.slider-btn:hover {
  opacity: 0.75;
}

.slider-btn-few-contents:hover {
  opacity: 1;
  cursor: default;
}
}
.slider-prev-btn {
  left: 0;
  float: left;
}
.slider-btn.slider-prev-btn::before,.slider-btn.slider-prev-btn::after{
  left: -5px;
  right:inherit;
}
.slider-btn.slider-prev-btn::before{
  transform: rotate(125deg);
}
.slider-btn.slider-prev-btn::after{
  transform: rotate(-125deg);
}
.slider-prev-btn:after {
  /* content: ""; */
  /* display: inline-block; */
  /* width: 9px; */ /*iact*/
  /* height: 14px; */ /*iact*/
  /* background-image: url("/assets/images/icon_slide_left.png"); */
  /* background-position: center; */
  /* background-size: contain; */
  /* background-repeat: no-repeat; */
}

.slider-next-btn {
  right: 0;
  float: right;
}

.slider-next-btn:after {
  /* content: ""; */
  /* display: inline-block; */
  /* width: 9px; */ /*iact*/
  /* height: 14px; */ /*iact*/
  /* background-image: url("/assets/images/icon_slide_right.png"); */
  /* background-position: center; */
  /* background-size: contain; */
  /* background-repeat: no-repeat; */
}

.contact-block {
  background-color: #283264;
}

.contact-block .site-container {
  background-color: #283264;
}

@media screen and (max-width: 960px) {
  .contact-block .site-container {
    padding-top: 50px;
  }
}

.contact-block .warning-box .site-container {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 960px) {
  .contact-block .warning-box .site-container {
    padding-top: 50px;
  }
}

.contact-block .warning-box .warning-box-inner {
  width: 940px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .contact-block .warning-box .warning-box-inner {
    width: auto;
  }
}

.contact-block .warning-box .left-contents-box {
  display: inline-block;
  padding-top: 45px;
}

@media screen and (max-width: 960px) {
  .contact-block .warning-box .left-contents-box {
    display: block;
    padding-top: 0;
    padding-left: 0;
  }
}

.contact-block .warning-box .warning-txt {
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
  padding-left: 51px;
}

@media screen and (max-width: 960px) {
  .contact-block .warning-box .warning-txt {
    font-size: 21px;
    padding-left: 0;
    text-align: center;
  }
}

.contact-block .warning-box .warning-txt:before {
  content: "";
  width: 36px;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(/automotive_glass/img/icon_warning_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

@media screen and (max-width: 960px) {
  .contact-block .warning-box .warning-txt:before {
    width: 28px;
    height: 25px;
    background-image: url(/automotive_glass/img/icon_warning_sp.png);
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.contact-block .warning-box .right-contents-box {
  width: 300px;
  height: 200px;
  float: right;
}

.contact-block .warning-box .addition-txt {
  font-size: 16px;
  color: #FFFFFF;
  margin-top: 30px;
}

.contact-block .contact-box {
  background-image: url(/automotive_glass/img/img_mcglass_contact_bg_pc.jpg);
  background-repeat: no-repeat;
  height: auto;
  overflow: hidden;
  padding-bottom: 0;
  background-size: cover;
  background-position: center top;
  position: relative;
  min-width: 980px;
}

@media screen and (max-width: 960px) {
  .contact-block .contact-box {
    min-width: 0;
    background-image: url(/automotive_glass/img/img_mcglass_contact_bg_sp.png);
    background-position: center bottom;
    height: 445px;
  }
}

.contact-block .contact-box .site-container {
  min-width: 490px;
  min-height: 400px;
  background-color: transparent;
}

@media screen and (max-width: 960px) {
  .contact-block .contact-box .site-container {
    min-width: 0;
    min-height: 0;
    padding-top: 50px;
  }
}

.contact-block .contact-box .site-container .contact-contents-box {
  width: 30%;
  position: relative;
  z-index: 10;
  margin-left: auto;
  padding-right: 0;
  padding-top: 105px;
  height: inherit;
}

@media screen and (max-width: 980px) {
  .contact-block .contact-box .site-container .contact-contents-box {
    padding-top: 75px;
  }
}

@media screen and (max-width: 960px) {
  .contact-block .contact-box .site-container .contact-contents-box {
    width: auto;
    padding-top: 0;
    text-align: center;
  }
}

.contact-block .contact-box .contact-title {
  font-size: 36px;
  font-weight: bold;
}

@media screen and (max-width: 960px) {
  .contact-block .contact-box .contact-title {
    font-size: 24px;
  }
}

.contact-block .contact-box .addition-txt {
  font-size: 16px;
  margin-top: 20px;
}

@media screen and (max-width: 960px) {
  .contact-block .contact-box .addition-txt {
    margin-top: 10px;
  }
}

.contact-block .contact-box .btn-box {
  margin-top: 40px;
}

@media screen and (max-width: 960px) {
  .contact-block .contact-box .btn-box {
    margin-top: 10px;
  }
}

.contact-block .contact-box .question-link {
  margin-top: 20px;
}

@media screen and (max-width: 960px) {
  .contact-block .contact-box .question-link {
    margin-top: 10px;
  }
}

.contact-block .contact-box .question-link > a {
  font-size: 14px;
}

.contact-block .bg-box {
  background-image: url(/automotive_glass/img/img_mcglass_contact_sp.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 180px;
  background-size: cover;
}

/*========== iact start ==========*/
/*----- "Look Beyond", "AGC Plus"用スタイル -----*/
.pg-lookbeyond,
.pg-agcplus {
  font-family: "Arial Black", sans-serif;
  font-style: italic;
  font-weight: bold;
}
.pg-agcplus{
  color:rgb(0, 112, 192);
}


/*----- PDFをダウンロード -----*/
.pdf-download,
.list-dl-horizontal.news_list > dd a:last-child:not(:first-child) {
    padding-left: 0;
}
    .pdf-download,
    .list-dl-horizontal.news_list > dd a:last-child:not(:first-child) {
        position:relative;
        margin-left:21px
    }
    .pdf-download:before,
    .list-dl-horizontal.news_list > dd a:last-child:not(:first-child):before {
      position:absolute;
      display:inline-block;
      content:"";
      height:18px;
      width:1px;
      top: -2px;
      left: -11px;
      border-left: 1px solid #D7D7E1;
    }

/*----- ニュース同日レイアウト -----*/
.list-dl-horizontal.news_list {
  border-bottom: 1px solid #d7d7e1;
}
.list-dl-horizontal.news_list > dt {
  margin-top: 0;
}
.list-dl-horizontal.news_list > dd + dt {
  padding-top: 20px;
  border-top: 1px solid #d7d7e1;
}
.list-dl-horizontal.news_list > dt > span.list-dl-horizontal-date {
  display: inline-block;
  width: 130px;
}
@media screen and (max-width: 960px) {
  .list-dl-horizontal.news_list > dt > span.list-dl-horizontal-date {
    display: block;
    width: auto;
  }
}
.list-dl-horizontal.news_list > dt > span.list-dl-horizontal-label.first {
  padding-left: 0;
}
.list-dl-horizontal.news_list > dd {
  border-bottom: none;
}
.list-dl-horizontal.news_list > dt.sameday > span.list-dl-horizontal-date {
  display: none;
}
@media screen and (min-width: 961px) {
  .list-dl-horizontal.news_list > dd {
    margin-left: 130px;
  }
  .list-dl-horizontal.news_list > dt.sameday {
    margin-left: 130px;
  }
}
/* ---- visually-hidden ---- */
.visually-hidden {
  display: inline-block !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/*========== iact end ==========*/